@charset "utf-8";

/* 全体共通(表示・非表示制御) */

.spout{
	display:none;
}
@media screen and (max-width: 619px){
	.spout{
	display:block;
	}
}

/* 全体共通 */

.txt_center{
	text-align:center;
}

.txt_right{
	text-align: right;
}

.f_left{
	float:left;
}

.f_right{
	float:right;
}

.f_clear{
	clear:both;
}

/* other ----------*/
.txt_bold{
	font-weight:bold;
	color:#feee37;
}
	@media screen and (max-width: 619px){
		.txt_bold{
			color:#f49c21;
		}
	}
/* news -----------*/
.news_musicttl {
	font-size:110%;
	font-weight: bold;
	color:#f9bb00;
}
.selection_thum {
	margin-top:1.75em;
	text-align:center;
}
.selection_thum img:not(:last-child){
	margin-right:2em;
}
	@media screen and (max-width: 619px){
		.selection_thum img{width:45%;}
		.selection_thum img:not(:last-child){margin-right:0.75em;}
	}
/* story ----------*/
.img_story{
	width:920px;
	margin:0 auto 40px;
}
	@media screen and (max-width: 619px){
		.img_story{
			display: none;
		}
	}
/* staff/onair ----------*/
.staffbox,
.onairbox {
	margin: 0px;
	padding: 0px;
	width: 100%;
	overflow:hidden;
}
	.staffbox dt,
	.onairbox dt {
		margin: 0px;
		padding: 0px 0px 3px 0px;
		float: left;
		width: 248px;
		font-weight: bold;
		color:#f9ba00;/*feee37*/
	}
	.onairbox dt{
		width:298px;
	}
	.staffbox dd,
	.onairbox dd {
		margin: 0px;
		padding: 0px 0px 3px 0px;
		width:612px;
		line-height: 1.6;
		float:left;
	}
	.onairbox dd{
		width:562px;
	}
	.ttl_song{
		color:#f49c21;
		font-weight:bold;
	}
	@media screen and (max-width: 619px){
		.staffbox,
		.onairbox {
			width: 100%;
		}
			.staffbox dt,
			.onairbox dt {
				width:100%;
				padding: 0px 0px 3px 0px;
				font-weight:bold;
				color:#f49c21;
				float: none;
			}
			.staffbox dd,
			.onairbox dd {
				width:100%;
				padding: 0px 0px 6px 0px;
				float:none;
			}
	}
/* chara ----------*/
.img_charachart{
	margin:0 auto 40px;
	text-align: center;
}
.img_chara{
	width:625px;
	height:auto;
	margin:0 auto;
}
	@media screen and (max-width: 619px){
		.img_charachart{
			display: none;
		}
		.img_chara{
			width:90%;
			margin:0 auto 10px;
			padding:0;
		}
	}

/* movie ----------*/
.movie_bg>div{margin:0 auto;}

.mov .pv {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}
    
/* episodes ----------*/
.trailer_bg{
	background:#f9ba00;
	width:512px;
	height:288px;
	margin:2em auto 0;
	padding:5px;
}
	.trailer_bg .trailer_mov{
		width: 100%;
		padding-bottom: 56.25%;
		position: relative;
	}
	.trailer_bg .trailer_mov iframe {
		width: 100% !important;
		height: 100% !important;
		position: absolute;
		top: 0;
		left: 0;
	}
	@media screen and (max-width: 619px){
		.trailer_bg{
			background: none;
			width:100%;/*590*/
			height:auto;/*370*/
			padding:0;
			text-align:center;
		}
		.trailer_bg img{
			/*width:310px;*/
			height: auto;
		}
	}
/* episodes_thum ----------*/
#trailer_thum{
	margin:20px 0 0;
}
	#trailer_thum img{
		margin-right: 10px;
		border:solid 1px #feee37;
	}
	#trailer_thum .first{
		margin:0 14px 0 0;
	}
	#trailer_thum img:last-child{
		margin-right: 0;
	}
	@media screen and (max-width: 619px){
		#trailer_thum{
			text-align:center;
		}
		#trailer_thum img{
			width:46%;
			height:auto;
			margin:0 0 5px;
		}
		#trailer_thum .first{
			margin:0 14px 5px 0;
		}
	}
/*--trailer時間変更--*/
.timetxt {
	display:table;
	background:rgba(255,255,255,0.8);
	max-width:650px;
	margin: 10px auto;
	padding: 8px 20px;
	color:#F00;
	font-weight:bold;
	border:solid 1px #f00;
}
/* onair ----------*/
.txt_onair{
	color:#f9ba00;
}
	@media screen and (max-width: 619px){
		.txt_onair{
			color:#f49c21;
		}
	}
/*これまでのお話ナビゲーション*/
#epinav {
	padding: 10px 0 10px;
	text-align: center;
	width: 100%;
	clear:both;
}
#epinav a {
	color: #e60584;
	font-weight: bold;
	text-decoration: underline;
	background-color:#f9ba00;
	border:solid 1px #e60584;
	padding:4px 8px;
	display:inline-block;
}

.current_page{
	color: #fff;
	background-color:#e60584;
	padding:4px 8px;
	border:solid 1px #fff;
	display:inline-block;
}

	@media screen and (max-width: 619px){
		#epinav{ padding: 3% 0; width: auto;font-size:1.3em}
		#epinav a{ color: #2c4fdc; text-decoration: underline; background-color: inherit; border: none; padding:1px;}
		.current_page{ padding:1px 4px;}

	}

/* music ----------*/
.music_ttl{
	background: #f9bb00;
	padding: 8px 15px 5px;
	/*margin:0 0 0 33%;*/
	font-size:110%;
	color: #000;
}
.music_ttl span{
	font-weight: bold;
}
.music_photo{
	width:30%;
	margin:1em 0 0;
	float: left;
	box-sizing: border-box;
}
.music_photo img{
	border:solid 1px #feee37;
}
.music_subttl{
	display: inline-block;
	background: #ccc;
	margin: 0 0 0.5em;
	padding:5px 3px 2px;
	color:#000;
}
.music_text{
	width:70%;
	margin:1em 0 0;
	padding:0 0 0 3%;
	font-size:93.75%;/*15px*/
	float: left;
	box-sizing: border-box;
}
@media screen and (max-width: 619px){
	.music_ttl{
		padding: 2% 3% 1%;
	}
	.music_photo{
		width:100%;
		text-align: center;
		float: none;
	}
	.music_photo.emptybox{
		margin:0;
	}
	.music_subttl{
		display: inline-block;
		background: #ccc;
		margin: 0 0 0.5em;
		padding:5px 3px 2px;
		color:#000;
	}
	.music_text{
		width:100%;
		padding:0;
		font-size:93.75%;
		float: none;
	}
}
/* 180319_dice ----------*/
.dicebox{
	background:#fff;
	width:400px;
	height:400px;
	margin:0.5em auto 1em;
	border-radius:10px;
	border:solid 5px #f9bb00;
}
.btn_spindice{
	background:#fff;
	width:300px;
	margin:0 auto;
	border-radius:20px;
	text-align:center;
}
.btn_spindice img{
	cursor:pointer;
}
.btn_spindice img:hover{opacity:0.8;}
	@media screen and (max-width: 619px){
		.dicebox{
			width:90%;
			height:auto;
		}
		.btn_spindice{
			background:none;
			width:auto;
			border-radius:0;
		}
		.btn_spindice img:hover{opacity:1;}
	}

/* 191006_ifrm ----------*/
.ntxt_b{
	font-size:110%;
	font-weight: bold;
	color:#f9bb00;
}

.news191006{
	margin-bottom:1.5em
}

.boruto_ifrm{
	width:100%;
	height:320px;
	margin:1em 0;
	border:solid 1px #140b75;
}
	.boruto_ifrm .ifrm_inner{
		background:rgba(255,255,255,.8);
		width:100%;
		height:100%;
		padding:2% 3%;
		color:#000;
		font-size: 0.9375em;
		box-sizing:border-box;
		overflow:auto;
	}
	@media screen and (max-width: 619px){
		.borutonews_ifrm{
			width:95%;
			height:80vw;
			margin:0 auto;
		}
	}

.boruto_ifrm a:link,.boruto_ifrm a:visited {
	text-decoration: none;
	color:#e63222;
}
/*news_present*/
.ttl_bg{
	background:#f9ba00;
	margin-bottom:0.5em;
	padding:0.3em 0.8em 0.2em;
	color:#fff;
	font-size:1.125rem;
	font-weight:bold;
	text-shadow:1px 1px 4px #b76b00;
}

.txt_str{
	font-size: 1.375rem;
	font-weight: bold;
}
.txt_b{
	color:#f9bb00;
	font-size: 1.375rem;
	font-weight: bold;
}
.img100{line-height: 1;}
.img100 img{
	max-width: 100%;
	height: auto;
}
.txt_ind{
	padding-left: 1rem;
	text-indent: -1rem;
}
	@media screen and (max-width: 619px){
		.txt_str{font-size: 1.25rem;}
	}
/* 201219_news flex------*/
.box_thum {
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.box_thum img{
	width: 320px;
	height: auto;
	margin-bottom: 1.5em;
}
.box_thum img:nth-of-type(odd){margin-right: 30px;}
	@media screen and (max-width: 619px){
		.box_thum{flex-direction: row}
		.box_thum img{width: 100%;}
		.box_thum img:nth-of-type(odd){margin-right: 0;}
	}

/*news_210118*/
	@media screen and (max-width: 619px){
		.img_hagaki-tate{
			width: 70%;
			margin: 0 auto 1.5em;
		}
	}

/*news_221002連作ビジュアル*/
.visual20th {
	display: flex;
	justify-content: center;
}
.visual20th img {
	padding: 0 5px;
}
	@media screen and (max-width: 619px){
		.visual20th {
			justify-content: space-between;
		}
		.visual20th img {
			width: 32.5%;
			padding: 0;
		}
	}

/*news_230126*/
.news_230126{
	background:rgba(0,0,0,0.6);
	margin:0 4%;
	padding: 0.5em 2em 1em;
	font-size:90%;
	color:#fff;
}

.news_230126 .ntxt_b{
	margin-top:0.5em;
}



/*Popup_youtube
-------------------------------*/
.mov{
	width:600px;
	height:auto;
	margin:20px auto 0;
	text-align:center;
	clear:both;
}
.mov.news{width: 700px;}
.mov_inner{
	width:100%;
	height:auto;
	padding-top:56.25%;
	position:relative;
}
.mov iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.mov>div{margin:0 auto;}
.txt_displaycheck{
	margin-top: 10px;
	color: #fff;
	text-align: center;
}

	@media screen and (max-width: 619px){
		.popin{
			min-width:300px/*100%*/;
			min-height:calc(337px/2);
		}
		.mov,.mov.news{width:100% /*90%*/;}
	}