@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;}



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

/* ヘッダー
------------------------------------------*/
#top_img{
    width: 100%;
	height: 356px;
	overflow: hidden;
}

#top_logo{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	max-width: 600px;
}
#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;
}
ul.notice{
	margin-bottom: 10px;
}
.notice li{
	font-size:0.75rem;
	color:#ff0000;
	padding-left:1em;
	text-indent:-1em;
}
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;
}
/*.flexbox{display:flex; width: 96%; margin: 0; align-items: flex-start; padding: 0;}
.flexbox img{display:block;width: 100%;}*/
.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;}
.sdgs_bnr{width:100%; height:auto; margin-bottom:20px;}
.lead_txt span strong { color:#51BFE0;}



div.sppg_content dl.list_midasi dt {
    font-weight: bold;
    font-size: 115%;
    margin-bottom: 10px;
	margin-top:10px;
    padding-left: 50px;
    padding-bottom: 10px;
    border-bottom: solid 2px #F90;
	}
div.sppg_content dl.list_midasi dt dd{
	 margin:10px 0px;
	 
	 }
	 
div.sppg_content ul.list_midasi li:nth-of-type(1) {
    background: url(../images/midasi01.png) no-repeat left center;
}

div.sppg_content ul.list_midasi li:nth-of-type(2) {
    background: url(../images/midasi02.png) no-repeat left center;
}

div.sppg_content ul.list_midasi li:nth-of-type(3) {
    background: url(../images/midasi03.png) no-repeat left center;
}

div.sppg_content ul.list_midasi li {
    font-weight: bold;
    font-size: 105%;
    margin-bottom: 10px;
	margin-top:10px;
    padding-left: 50px;
    padding-bottom: 10px;
	}
 
/*Twitterキャンペーン*/
.tw_cp { background-color:#F5F5F5; padding:25px;}
.tw_cp a{text-decoration:none;}
.tw_cp p{ margin:10px; font-size:1.1em; }
.tw_botton a{ display:block; padding:3px ; color:#FFF; border-radius:10px; border-bottom:solid 5px #1E94D7; background-color:#41B9FC; text-decoration:none; text-align:center; margin:5px 10px; font-weight:bold; /*background-image:url("../images/btn_tw.png"); background-position:; ;background-repeat: no-repeat;  */}
.tw_botton a:hover{opacity:0.8; margin-top: 9px; border-bottom:solid 1px #1E94D7; transition:0.5s;}
.text_box { display:block; margin:0px auto; background-color:#fff; padding:20px 10px 10px 10px;}
.text_box p { font-size:0.7em; text-align:left;}
.pre_caption{ border-bottom: solid 2px #000;}
.rules_link { margin-left:75%;}
.rules_link a {border-bottom:dashed 1px #000;  font-size:0.7em; text-align:center; } 
.tw_cp strong{font-size:110%; font-weight: bold;}
.tw_cp .push{font-size:120%; font-weight: bold; color: #2B4BC3; background-color:#FDFFA1;}
.tw_cp .push_2{font-size:110%; font-weight: bold; color: #6C83D7;}
.tw_cp .cp_inner{background-color: #FFFFFF; padding: 10px;}
.tw_cp .tw_kiyaku{font-size:80%;}

/*見逃し配信------------------------------------------*/
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;}
.btn_flex-even > li{flex-basis: 100%;}
.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: 90%; max-width:112px; height: auto; text-align: center; margin: 0 auto;}
/*/見逃し配信------------------------------------------*/

@media screen and (max-width: 768px) {
/* ヘッダー
------------------------------------------*/
#top_img{
width: 100%;
height: auto;
padding-top: 59.5%;
overflow: hidden;
}

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

}
#top_logo img{
	display: block;
	width: 100%;
	height:auto;	
	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;
}
.flexbox{display:block; width: 90%; margin: 0 auto;}

.cast_txt br.sphone_br{display:block;}

/*テレビ東京公式サイトへのリンクボタン*/
.tx_link a{ display:block; padding:20px; color:#FFF; border-radius:10px; border-bottom:solid 5px #b9b9b6 ; background-color:#f5a549; text-decoration:none; text-align:center; margin:10px; font-weight:bold;}
.tx_link a:hover{opacity:0.8; transition:1.0s;}
/*おすすめ番組*/
.osusume_box {display:block; margin:20px; background-color:#FDE1C1; padding:10px;}
.osusume_box img{width:100%; display:block; height:auto; margin:0 auto;}
.osusume_box p{ text-align:center; font-size:1em; font-weight:bold;}


div.sppg_content dl.list_midasi { width:90%; margin:0 auto;}