@charset "utf-8";
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
/*body,
h1,
h2,
h3,
h4,
h5,
h6,
section,
div,
ul,
li,
dl,
dt,
dd,
p { margin:0; padding:0;}
*/
section.default_code iframe p.articleList-curation__unitName { display:none;}

body{
    overflow-x: hidden;
}

/* アイコン*/
.txt i,.noflexbox i{margin:0 5px; vertical-align: middle; color:orange;}

/* ヘッダー
------------------------------------------*/

/* 横幅、高さ可変*/
#top_img{
width: 100%;
max-width: 600px;
height: auto;
/*padding-top: 93.33%; 560px*/ 
padding-top: 61.33%; /*368px*/ 
/*padding-top: 75.00%;450px場合*/ 
/*padding-top: 69.00%;*/
overflow: hidden;
}


#top_logo{
	position: absolute;
	left: 0px;	
/*	bottom: 0px;*/
	top: 0px;
	width: 100%;
	/*max-width: 360px;*/
}
#top_logo img{
	width: 100%;	
}
/* プレゼント
------------------------------------------*/
#box_web{
	margin:0 auto 50px;
}
#box_web h5,#box_post h5{
	display:inline-block;
	width:20%;
	margin:20px 38% 10px;
	padding:0 2%;
	color:#fff;
	font-size:0.8rem;
	line-height:24px;
	height:24px;
	border-radius:12px;
	background:#333;
	text-align:center;
}
.box_pre{
	width:630px;
	margin:0 auto 10px;
	overflow:hidden;
	_zoom:1;
}
.inr_left{
	float:left;
	width:300px;
	margin:5px 10px 0 0;
}
.inr_left img{
	width:100%;
}
.inr_right{
	float:left;
	width:300px;
}
.inr_right p.name{
	font-size:0.9rem;
}
.inr_right p.name strong{
	font-size:1.3rem;
	font-weight:normal;
}

span.notice{
	color:#ff0000;
}
.btn_entry a{
	width:70%;
	max-width:400px;
	background:#ff8208;
	border-radius:5px;
	color:#f5f7ec;
	display:block;
	font-size:1.2rem;
	text-align:center;
	text-decoration:none;
	margin:5px auto 20px;
	padding:14px 10px;
	line-height:1.2;
	transition:0.3s;
}
.btn_entry a:hover{
	opacity:0.8;
}
.btn_end{
	width:70%;
	max-width:400px;
	background:#767676;
	border-radius:5px;
	color:#ffffff;
	display:block;
	font-size:1.2rem;
	text-align:center;
	margin:20px auto;
	padding:14px 10px;
	line-height:1.2;
}

#box_post{
	margin:0 auto 50px;
}
#box_post .inr_left{
	float:left;
	width:200px;
	margin:5px 10px 0 0;
}
#box_post .inr_right{
	float:left;
	width:400px;
}
#box_web .end_entry{
	text-align:center;
}
.end_entry{
	color:#000;
	font-size:1.0rem;
	font-weight:bold;
}
.caption{
	font-size:0.65rem !important;
	text-align:center;
}


.noflexbox{display:block; width: 96%; max-width: 600px; margin: 0 auto; margin: 0;  padding: 0;}
.noflexbox img{display:block;width: 100%;}
/*出演者*/

.cast_txt br.sphone_br{display:none;}
.img_catch{width: 96%; max-width: 580px; display: block;margin: 0 auto;border-radius: 6px;}

/* キャスト　サイズ調整 ------------------------------------------*/
.page_contents .sppg_content ul.cast_list.wide li { position:relative; float:left; width:65%;}
.page_contents .sppg_content ul.cast_list.wide li img { width: 100%; }
.page_contents .sppg_content ul.cast_list.wide li:nth-child(3n) { margin-right:3%;}

/*.page_contents .sppg_content ul.cast_list li { position:relative; float:left; width:47%; }
.page_contents .sppg_content ul.cast_list li img { width: 100%; }
.page_contents .sppg_content ul.cast_list li:nth-child(3n) { margin-right:3%;}*/

.page_contents .sppg_content ul.cast_list li p.cast_txt {left: 0%;width: 88%;}

	.oshiete h4.tit_niji{width:70%; margin:50px auto 10px; padding: 0; border:none; background:none;position: relative;}
	.oshiete h4.tit_niji img{width: 100%;height: auto;display: block;}
	.oshiete h4.tit_niji:before{content:"";display: inline-block; width:30px; height:30px; background-image: url(../images/img_star.png); background-size: contain; position: absolute; bottom:-8px; left: 0; }
	.oshiete h4.tit_niji:after{content:"";display: inline-block; width:30px; height:30px; background-image: url(../images/img_star.png); background-size: contain; position: absolute; top:-20px; right: 0; }
	.txt_oshiete{font-weight: bold;color: #151414;}


/*キャストプロフィール追加*/
.page_contents .sppg_content ul.cast_list{display: flex;flex-wrap: wrap;align-items:flex-start}
.page_contents .sppg_content ul.cast_list li p.cast_txt2 { font-weight:bold;width:84%; position:relative; padding:7px 6%; border-bottom-right-radius:0.8em; border-bottom-left-radius:0.8em; background:#e6e6e6; line-height:1.3;margin-top: -2em;}
.page_contents .sppg_content ul.cast_list li p.cast_txt2 span{font-size: 0.75rem;display: block;}
.page_contents .sppg_content ul.cast_list li p.cast_prof{font-size: 0.75rem;width: 96%;}

/*キャストコピーライト*/
.cast_ph {position: relative;}
.cast_ph span.copy1 {position: absolute;bottom: 37px;right: 2px;width: 60%;}



/* twitter　---*/
	#twitter_box
	{max-width: 800px;min-height: 600px; margin: 30px auto; border: 1px solid #FB6C85; border-bottom: 6px solid #FB6C85;border-radius: 6px; width: 96%;}/*twitterボックス 単体*/

/*放送内容・アーカイブ*/
.page_contents .sppg_content h4 { width: 86%; padding: 7px 5%;}
.page_contents .sppg_content p {width: auto;margin: 0;}
div.left_box div.sppg_content div.onair_box,
div.left_box div.sppg_content div.backnumber_box dl { width:96%; margin:0 auto;}
div.left_box div.sppg_content div.onair_box{ color:#000; position:relative; top:-10px; margin-bottom:50px;border: 1px solid #ccc;}
div.left_box div.sppg_content div.onair_box dl dt,
div.left_box div.sppg_content div.backnumber_box dl dt{color:#666; font-weight: bold; width:96%; padding:1em 0 0.5em 0 ;margin: 0 auto;border:none; /*border-bottom:solid 2px #666*/;font-size: 1.25rem; box-sizing: border-box;}
div.left_box div.sppg_content div.backnumber_box dl dt{font-size: 1.125rem}
div.left_box div.sppg_content div.onair_box dl dt span{font-size: 0.875rem;display: block;color: #9E9412;}
div.left_box div.sppg_content div.backnumber_box dl dt span{font-size: 0.875rem;display: block;color: #666;}
div.left_box div.sppg_content div.onair_box dl dt span span,
div.left_box div.sppg_content div.backnumber_box dl dt span span{font-size: 0.75rem;display: inline-block;color: #666;font-weight:normal;}
div.left_box div.sppg_content div.onair_box p,
div.left_box div.sppg_content div.backnumber_box dl dd p { /*font-size:0.95rem;*/ /*display: -webkit-flex;  display: flex; padding:0.2em;*/ margin:0; line-height:1.6;}
/*div.left_box div.sppg_content div.onair_box p span,
div.left_box div.sppg_content div.backnumber_box dl dd p span { position:relative; top:-10px; display:block; padding-bottom:5px;}
div.left_box div.sppg_content div.backnumber_box dl dd p span { left:-3px; margin-right:5px;}*/
div.left_box div.sppg_content div.onair_box  dl dd p strong,
div.left_box div.sppg_content div.backnumber_box dl dd p strong { display:block; font-size:105%; font-weight:bold; padding-bottom:5px;}
div.left_box div.sppg_content div.onair_box  dl dd p strong{ color: #000;}
div.left_box div.sppg_content div.onair_box dl dd p img,
div.left_box div.sppg_content div.backnumber_box dl dd p img { position:relative; left:13px; width:49%; height:49% !important; margin:1em 1% 0 0;}
div.left_box div.sppg_content div.onair_box p img.w100,
div.left_box div.sppg_content div.backnumber_box dl dd p img.w100 { left:0; width:100% !important; height:auto; margin:0;}
div.left_box div.sppg_content div.onair_box dd p:last-child,
div.left_box div.sppg_content div.backnumber_box dl dd p:last-child { padding:15px;}
div.left_box div.sppg_content div.backnumber_box ul li{border: 1px solid #ccc; box-sizing: border-box;width:96%; margin:0 auto 1em;background-color: #fafafa;vertical-align: middle}

p.cast:before{content: "出演者";font-size: 0.8rem;padding:0.4em 0.8em; color: #fff;background-color: #5EA3F5;border-radius: 6px;margin-right: 0.5em;}
p.guest:before{content: "ゲスト";font-size: 0.8rem;padding:0.4em 0.8em; color: #fff;background-color: #F5DC5E ;border-radius: 6px;margin-right: 0.5em;}
p.person{padding:1em 0; font-weight: normal;font-size: 0.75rem;color: #666;vertical-align: middle;}
p.person strong{font-weight: bold;padding-right: 0.5em;font-size:1rem;vertical-align: middle;}
div.left_box div.sppg_content p.cast_img {width: 100%; margin: 10px;}
div.left_box div.sppg_content p.cast_img img{display: block; width: 96%;height:auto;margin: 10px auto;}
div.left_box div.sppg_content p.bnr img{display: block; width: 70%;height: auto;margin: 10px auto;}


div.left_box div.sppg_content div.backnumber_box p.cast_img {margin: 10px 0px;}
div.left_box div.sppg_content div.backnumber_box p.list_more { color:#fff; padding: 10px 0; border-radius:30px; background-color:#9E9412; text-align: center; cursor: pointer; font-weight: bold;}
div.left_box div.sppg_content div.backnumber_box p.list_more:hover { opacity: 0.7;}

/*アーカイブ各回配信リンク*/
div.left_box div.sppg_content div.backnumber_box ul li a{text-decoration: none;}
div.left_box div.sppg_content div.backnumber_box .btn_locipo{display:block;padding: 0.3em; /*margin: 0 0.3em;*/border: 1px solid #ccc; border-radius: 6px;margin: 0.25em 0;	}
div.left_box div.sppg_content div.backnumber_box .btn_locipo img{display:block;/*width: 90%; */max-width:112px; height: auto; margin: 0 auto;}

/*過去の放送内容を見る*/
div.left_box div.sppg_content p.btn_archive { margin-top: 10px;}
div.left_box div.sppg_content p.btn_archive a:hover { opacity: 0.7;}
div.left_box div.sppg_content p.btn_archive a{color:#fff; padding: 10px 0;  text-decoration: none; border-radius:30px; background-color:#000; text-align: center; font-weight: bold;display: block;}

/*プレゼント*/
ul.notice{margin: 0.5rem 0;background-color: #f6f6f6;padding: 0.5em;}
ul.notice li{font-size:0.7rem;/*color:#ff0000;*/padding-left:1em;text-indent:-1em;color: #666;}
dl.flexbox{display:flex; width:100%; margin: 0 0 1em; align-items: flex-start; padding: 0;box-sizing: border-box;}
dl.flexbox strong{font-weight: bold;font-size: 1.25rem;}
dl.flexbox dd{padding:0 0.5em;flex-grow: 2;}
dl.flexbox img{display:block; width: 100%; min-width: 200px;height: auto;}
.oubokikan{display: block; text-align: center;color: #CB0508; font-weight: bold;padding: 1em;background-color:#F9D058;margin: 1em 0;}

/*電話番号表示*/
	.pho_nmb{border-radius: 0.5em; border: 1px #ccc solid;padding: 2em 1em 1em;box-sizing: border-box;margin: 1em auto; width: 98%;text-align: center;}
	.pho_nmb p{font-size: 1rem;font-weight: bold;}
	.pho_nmb p strong{display: block; font-size: 1.5rem;color: #2C2B2D;}
	.pho_nmb p strong i{padding-bottom: 0.5em;padding-right: 0.3em; transform: rotate(-30deg);}
/*/------------------------------------------*/

/*見逃し配信------------------------------------------*/
div.left_box div.sppg_content  div.movie_box { margin-bottom:1em;}
div.left_box div.sppg_content  div.movie_box img{ width: 100%; height: auto;}

/*均等flexbox 一列*/
.btn_flex-even{display: flex;justify-content: center;}
.btn_flex-even > li{/*flex-basis: 100%;*/flex-basis: 32%;}
.btn_flex-even li a{display:block;padding: 0.3em; margin: 0 0.3em;border: 1px solid #ccc; border-radius: 6px;}
.btn_flex-even li img{display:block;width: 84%; max-width:200px; height: auto; text-align: center; margin: 0 auto;}

div .img_thum{width: 100%;margin: 0 auto 10px;position: relative;}
div .img_thum img{width: 100%;height: auto;transition: 0.8;border-radius: 0.25rem;}
div .img_thum:hover{opacity: 0.8;}
div .img_thum:before{content:url("/atarimaeclub/images/btn_thum2.png"); position: absolute;width: 86px;height: 86px; z-index: 100; left: 0; right: 0; margin: auto;top: calc(50% - 70px);}


/*/見逃し配信------------------------------------------*/



@media screen and (max-width: 768px) {
/* ヘッダー
------------------------------------------*/
#top_img{
width: 100%;
height: auto;
/*padding-top: 61.33%;*/ /*368px*/ 
/*padding-top: 75.00%;*/ /*450px場合*/ 
/*padding-top: 103.33%;	*/
overflow: hidden;
}

#top_logo{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;

}
#top_logo img{
	display: block;
	width: 100%;	
	margin: 0 auto;
}
/* プレゼント
------------------------------------------*/
.box_pre{
	width:94%;
}
.box_pre img{
	width:100%;
	margin:5px 10px 0 0;
}
#box_post .inr_left{
	float:none;
	width:100%;
	margin:5px 0 0;
}
#box_post .inr_right{
	float:none;
	width:100%;
}
#box_post .inr_right p{
	font-size: 0.9rem;
}
dl.flexbox{display:block; /*width: 90%;*/ margin: 0 auto;flex-direction: column;}
.cast_txt br.sphone_br{display:block;}

/* キャスト　サイズ調整 ------------------------------------------*/
.page_contents .sppg_content ul.cast_list.wide li,.page_contents .sppg_content ul.cast_list.wide li:nth-child(2n),.page_contents .sppg_content ul.cast_list.wide li:nth-child(3n)
{width:90%; margin:0 auto 20px;float: none;}

	
	.oshiete h4.tit_niji{width:90%; margin:30px auto 5px; }
	.oshiete h4.tit_niji:before{content:"";display: inline-block; width:45px; height:50px; background-image: url(../images/img_star.png); background-size: contain; position: absolute; bottom:-8px; left: -10px; }
	.oshiete h4.tit_niji:after{content:"";display: inline-block; width:45px; height:50px; background-image: url(../images/img_star.png); background-size: contain; position: absolute; top:-20px; right: -15px; }
/*キャストプロフィール追加*/
.page_contents .sppg_content ul.cast_list li p.cast_txt2 { width:88%;left:0; }
/*キャストコピーライト*/	
.cast_ph {position: relative;}
.cast_ph span.copy1 {    position: absolute;
    bottom: 20px;
    right: 2px;
    width: 60%;}

	
/*放送内容・アーカイブ*/	
div.left_box div.sppg_content div.onair_box,
div.left_box div.sppg_content div.backnumber_box dl dd { display:block;}
div.left_box div.sppg_content div.onair_box p:first-child,
div.left_box div.sppg_content div.backnumber_box dl dd p:first-child { width:95%;}
div.left_box div.sppg_content div.backnumber_box dl dd p:last-child { padding:10px;}
div.left_box div.sppg_content div.onair_box p img,
div.left_box div.sppg_content div.backnumber_box dl dd p img { left:2.7%;}

/* 韓流クラスリニューアル ------------------------------------------*/	
/*見逃し配信*/
div.left_box div.sppg_content  div.movie_box { text-align:center;margin-bottom:0.5em;}
div.left_box div.sppg_content  div.movie_box iframe {position:relative; width:96%;}
/* /韓流クラスリニューアル ------------------------------------------*/	

/*配信サムネ*/
div .img_thum:before{top: calc(50% - 50px);}
	
}