@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: 137%;
/*padding-top: 61.33%; 368px*/ 
/*padding-top: 75.00%; 450px*/ 
overflow: hidden;
position: relative;
}

.kv{position:relative;}
#top_logo{
	width: 75%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: auto;
    bottom: 25px;
}
#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;}

/* キャスト　サイズ調整 ------------------------------------------*/
/*.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%;}*/
/*------------------------------------------*/
.story_box dl{width: 100%;margin: 0 auto; }
.story_box dl dt{background: #dc143c;padding: 3px 10px;font-size: 1rem; font-weight: bold; color:#fff;margin-bottom: 10px;}
.story_box dl dd p{font-size: 0.9rem; }
.story_box dl dd figure{float: left; width: 40%;padding:0 10px 10px 0;}
.story_box dl dd figure img{width: 100%; margin-bottom: 2px;}
.story_box dl dd:after{content:""; display:block;clear:both;}	
#copyright{
	text-align: center;
	font-size: 0.75em;
}
.btn_wrap{
	margin:3em auto;
	text-align:center;}		
.btn {
  width: 60%;
  padding: 20px 25px 16px;
  position: relative;
  display: inline-block;
  z-index: 0;
  box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
  border-radius: 5px;
  color: #fff;
  font-size: 1.5em;
  text-decoration: none;
  background-color: #F55F25;
  border: none;
}

.btn:before,
.btn:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.btn:before {
  transition: all 0.6s;
  z-index: -1;
  background: linear-gradient(321deg, #cd0b15 0%, #f55f22 50%,#cd0b15 80%);
}
.btn:after {
  z-index: -2;
  background: linear-gradient(321deg, #ea1a17 0%, #f4592f 50%,#f36424 80%);
}
.btn:hover span{  opacity: 0.7;  transition: all 0.6s;}
.btn:hover:before {
  opacity: 0;
}




@media screen and (max-width: 768px) {
/* ヘッダー
------------------------------------------*/
#top_img{
width: 100%;
height: auto;
/*padding-top: 61.33%; 368px*/ 
/*padding-top: 75.00%; 450px場合*/ 
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;
}
.flexbox{display:block; width: 90%; margin: 0 auto;}
.cast_txt br.sphone_br{display:block;}

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

}

@media screen and (max-width: 768px) {
	#copyright{
	font-size: 2.5vw;
}
}