@charset "utf-8";

/* ヘッダー
------------------------------------------*/
/*#top_img{
	position: relative;
	width: 600px;
	height: 400px;
	background-color: #FFF;
}*/
#top_img{
width: 100%;
max-width: 600px;
height: auto;
padding-top: 66.66%;
/*padding-top: 40%;*/
overflow: hidden;
position: relative;
}
#top_logo{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	/*max-width: 360px;*/
}
#top_logo img{
	width: 100%;	
}
div.sppg_content p.lead_txt strong { font-size: 130%; color: #0d82f0; display: block;}
div.sppg_content p.bn_regular { font-weight: bold; text-align: center;}
div.sppg_content p.bn_regular img { width: 100%; height: auto;}
div.sppg_content ul.sp_lineup { padding-top: 20px;}
div.sppg_content ul.sp_lineup p { font-weight: bold;}
div.sppg_content ul.cast_list li span { display: block;}


/* プレゼント
------------------------------------------*/


@media screen and (max-width: 768px) {
/* ヘッダー
------------------------------------------*/
#top_img{
	width: 100%;
	height: 250px;
}

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

}
#top_logo img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
div.sppg_content p.txt { padding-left:4%; padding-right:4%;}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
#top_img{ height: 450px;}
}
}