@charset "utf-8";
/* デスクトップ＆タブレット＆スマホ共通項目 */
		body {background: url("../images/common/bg.jpg") repeat;}
		#main {color: #6d3c32;}

/*デスクトップ*/
@media (min-width: 1180px){
	/***ヘッダー***/
	#head {
	background: url("../images/teaser/desktop/header.png") center top no-repeat;
	height: 1200px;
	}
	/*#head h1 {
	background: url("../images/teaser/desktop/logo.png") center top no-repeat;
	width: 829px;
	height: 476px;
	margin: 0 auto;
	margin-top: 20px;
	}
	#head h2 {
	background: url("../images/teaser/desktop/oadate.png") center top no-repeat;
	width: 1012px;
	height: 96px;
	margin: 0 auto;
	margin-top: -20px;
	}*/
 	#head h1, #head h2 {
 	font-size:0em;
 	}
	#movie {
	display: block;
	position: relative;
	width: 720px;
	height: 405px;
	margin: 0 auto;
	}
	#movie .tvo-video {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0 ;
	right: 0;
	}
	
	#main {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-family: 'Noto Sans JP', sans-serif;
	margin: 0;
	padding: 0;
	}
	#main {
	margin: 0 auto;
	font-size: 20px;
	line-height: 175%;
	}
	#about, #cast, #cont01, #cont02, #cont03, #cont04, #cont05 {
	width: 1160px;
	margin: 0 auto;
	margin-top: 50px;
	}
	#about h1, #cont01 h1, #cont02 h1, #cont03 h1, #cont04 h1, #cont05 h1 {
	position: relative;
	z-index: 2;
	width: 1130px;
	height: 80px;
	margin: 0 auto;
	margin-bottom: -100px;
	font-size: 0rem;
	}
	#about h1 {	background: url("../images/teaser/desktop/ttl_about.png") center top no-repeat;}
	#cont01 h1 {background: url("../images/teaser/desktop/ttl_cont01.png") center top no-repeat;}
	#cont02 h1 {background: url("../images/teaser/desktop/ttl_cont02.png") center top no-repeat;}
	#cont03 h1 {background: url("../images/teaser/desktop/ttl_cont03.png") center top no-repeat;}
	#cont04 h1 {background: url("../images/teaser/desktop/ttl_cont04.png") center top no-repeat;}
	#cont05 h1 {background: url("../images/teaser/desktop/ttl_cont05.png") center top no-repeat;}
	#about p, #cont01 ul, #cont02 ul, #cont03 ul, #cont04 ul, #cont05 ul {
	position: relative;
	z-index: 1;
	width: 1000px;
	background-color: #f2f0eb;
	margin: 0 auto;
	padding: 110px 50px 40px 50px;
	border-radius: 5px;
	filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.3));
	}
	.episode {
	width: 480px;
	padding: 10px;
	font-size: 18px;
	line-height: 200%;
	text-align: left;
	float: left;
	}
	.photo {
	width: 500px;
	height: auto;
	margin: 10px 0 0 500px;
	}
	.photo2 {
	width: 500px;
	height: auto;
	margin: 10px 0 0 15px;
	float: left;
	}
	li.photo img, li.photo2 img{
	width: 100%;
	height: auto;
	}
	#cast h1 {
	background: url("../images/teaser/desktop/ttl_cast.png") no-repeat;
	width: 268px;
	height: 88px;
	margin: 0 auto;
	font-size: 0rem;
	}
	#cast_danmitsu {
	background: url("../images/teaser/desktop/cast_danmitsu.png") no-repeat;
	width: 429px;
	height: 475px;
	margin: 0 auto;
	font-size: 0rem;
	}
	#cast ul.guest {
	background: url("../images/teaser/desktop/cast_guests.png") center top no-repeat;
	width: 1154px;
	height: 505px;
	margin: 0 auto;
	font-size: 0em;
	}
	/*#cast_hori {
	background: url("../images/teaser/desktop/cast_hori.png") no-repeat;
	width: 375px;
	height: 449px;
	margin-top: 15px;
	font-size: 0rem;
	}
	#cast_ishida {
	background: url("../images/teaser/desktop/cast_ishida.png") no-repeat;
	width: 376px;
	height: 452px;
	margin-top: 15px;
	font-size: 0rem;
	}*/
	#btn_181103 a {
	display: block;
	background: url("../images/teaser/desktop/btn_181103.png") no-repeat;
	width: 829px;
	height: 521px;
	margin: 50px auto;
	font-size: 0rem;
	}
}

/* タブレット */
@media screen and (min-width:600px) and (max-width:1179px) {
	#head {
	background: url("../images/teaser/tablet/header.png") no-repeat;
	width: 100%;
	height: 0;
	padding-top:calc(1264 / 1536 * 100%);
	background-size: contain;
	margin: 0 auto;
 	font-size: 0em;
	}
	/*#head h1 {
 	background:url("../images/teaser/tablet/logo.png") center top no-repeat;
	width: calc(1500 / 1536 * 100%);
 	height: 0;
	padding-top:calc(862 / 1536 * 100%);
	background-size: contain;
	margin: 0 auto;
	margin-top: 5%;
 	font-size: 0em;
 	}
	#head h2 {
 	background:url("../images/teaser/tablet/oadate.png") center top no-repeat;
	width: calc(1420 / 1536 * 100%);
 	height: 0;
	padding-top:calc(142 / 1536 * 100%);
	background-size: contain;
	margin: 0 auto;
	margin-top: -5%;
 	font-size: 0em;
 	}*/
	#head h1, #head h2 {
	font-size: 0em;
	}
	#movie {
	display: block;
	position: relative;
	width: 90%;
	padding-top:calc(9 / 16 * 90%);
	margin: 0 auto;
	margin-top: -3%;
	background-size: contain;
	clear: both;
	}
	#movie .tvo-video {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0 ;
	right: 0;
	}
	#main {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-family: 'Noto Sans JP', sans-serif;
	width:100%;
	margin: 0 auto;
	}
	#main {
	margin: 0 auto;
	font-size: 1rem;
	line-height: 175%;
	}
	#about, #cast, #cont01, #cont02, #cont03, #cont04, #cont05 {
	width: 100%;
	margin: 0 auto;
	margin-top: 3%;
	}
	#about h1, #cont01 h1, #cont02 h1, #cont03 h1, #cont04 h1, #cont05 h1 {
	position: relative;
	z-index: 2;
	width: calc(1476 / 1536 * 100%);
 	height: 0;
	padding-top:calc(112 / 1476 * 100%);
	background-size: contain;
	margin: 0 auto;
 	font-size: 0em;
	}
	#about h1 {	background: url("../images/teaser/tablet/ttl_about.png") center top no-repeat; background-size: contain;}
	#cont01 h1 {background: url("../images/teaser/tablet/ttl_cont01.png") center top no-repeat; background-size: contain;}
	#cont02 h1 {background: url("../images/teaser/tablet/ttl_cont02.png") center top no-repeat; background-size: contain;}
	#cont03 h1 {background: url("../images/teaser/tablet/ttl_cont03.png") center top no-repeat; background-size: contain;}
	#cont04 h1 {background: url("../images/teaser/tablet/ttl_cont04.png") center top no-repeat; background-size: contain;}
	#cont05 h1 {background: url("../images/teaser/tablet/ttl_cont05.png") center top no-repeat; background-size: contain;}
	#about p, #cont01 ul, #cont02 ul, #cont03 ul, #cont04 ul, #cont05 ul {
	position: relative;
	z-index: 1;
	width: calc(1430 / 1536 * 90%);
	background-color: #f2f0eb;
	margin: 0 auto;
	margin-top: -9%;
	padding: 10% 5% 5% 5%;
	border-radius: 5px;
	filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.3));
	}
	.episode {
	width: 48%;
	padding: 1%;
	font-size: 1rem;
	line-height: 200%;
	text-align: left;
	float: left;
	}
	.photo {
	width: calc(750 / 1536 * 100%);
	height: auto;
	margin: 2% 0 0 51%;
	}
	.photo2 {
	width: calc(750 / 1536 * 100%);
	height: auto;
	margin: 2% 0 0 1%;
	float: left;
	}
	li.photo img, li.photo2 img {
	width: 100%;
	height: auto;
	}
	#cast h1 {
	background: url("../images/teaser/tablet/ttl_cast.png") no-repeat;
	width: calc(354 / 1536 * 100%);
	height: 0;
	padding-top:calc(120 / 1536 * 100%);
	background-size: contain;
	margin: 0 auto;
	margin-top: 5%;
 	font-size: 0em;
	}
	#cast_danmitsu {
	background: url("../images/teaser/tablet/cast_danmitsu.png") no-repeat;
	width: calc(670 / 1536 * 100%);
	height: 0;
	padding-top:calc(760 / 1536 * 100%);
	background-size: contain;
	margin: 0 auto;
 	font-size: 0em;
	}
	#cast ul.guest {
	background: url("../images/teaser/tablet/cast_guests.png") no-repeat;
	width: calc(1536 / 1536 * 100%);
	height: 0;
	padding-top:calc(762 / 1536 * 100%);
	background-size: contain;
	margin: 3% auto;
 	font-size: 0em;
	}
	/*#cast_hori {
	background: url("../images/teaser/tablet/cast_hori.png") no-repeat;
	width: calc(561 / 1536 * 100%);
	height: 0;
	padding-top:calc(706 / 1536 * 100%);
	background-size: contain;
	margin: 5% 6%;
 	font-size: 0em;
	float: left;
	}
	#cast_ishida {
	background: url("../images/teaser/tablet/cast_ishida.png") no-repeat;
	width: calc(563 / 1536 * 100%);
	height: 0;
	padding-top:calc(706 / 1536 * 100%);
	background-size: contain;
	margin: 5% 6%;
 	font-size: 0em;
	float: left;
	}*/
	#btn_181103 a {
	display: block;
	background: url("../images/teaser/tablet/btn_181103.png") no-repeat;
	width: calc(1536 / 1536 * 100%);
	height: 0;
	padding-top:calc(1042 / 1536 * 100%);
	background-size: contain;
	margin: 5% auto;
 	font-size: 0em;
	}
}

/* スマホ */
@media screen and (min-width:10px) and (max-width:599px) {
	#head {
	background: url("../images/teaser/smp/header.png") center top no-repeat;
	width: calc(750 / 750 * 100%);
 	height: 0;
	padding-top:calc(1256/ 750 * 100%);
	background-size: contain;
	margin: 0 auto;
	margin-bottom: 5%;
 	font-size: 0em;
	}
	/*#head h1 {
 	background:url("../images/teaser/smp/logo.png") center top no-repeat;
	width: calc(750 / 750 * 100%);
 	height: 0;
	padding-top:calc(500 / 750 * 100%);
	background-size: contain;
	margin: 0 auto;
	margin-top: 5%;
 	font-size: 0em;
 	}
	#head h2 {
 	background:url("../images/teaser/smp/oadate.png") center top no-repeat;
	width: calc(702 / 750 * 100%);
 	height: 0;
	padding-top:calc(258 / 750 * 100%);
	background-size: contain;
	margin: 0 auto;
	margin-top: -7%;
	margin-bottom: 5%;
 	font-size: 0em;
 	}*/
	#head h1, #head h2 {
	font-size: 0em;
	}
	#movie {
	display: block;
	position: relative;
	width: 90%;
	padding-top:calc(9 / 16 * 90%);
	margin: 0 auto;
	margin-top: -3%;
	background-size: contain;
	clear: both;
	}
	#movie .tvo-video {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0 ;
	right: 0;
	}
	#main {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-family: 'Noto Sans JP', sans-serif;
	width:100%;
	margin: 0 auto;
	}
	#main {
	margin: 0 auto;
	font-size: 0.9rem;
	line-height: 175%;
	}
	#about, #cast, #cont01, #cont02, #cont03, #cont04, #cont05 {
	width: 100%;
	margin: 0 auto;
	margin-top: 3%;
	}
	#about h1, #cont01 h1, #cont02 h1, #cont03 h1, #cont04 h1, #cont05 h1 {
	position: relative;
	z-index: 2;
	width: calc(750 / 750 * 100%);
 	height: 0;
	padding-top:calc(112 / 750 * 100%);
	background-size: contain;
	margin: 0 auto;
 	font-size: 0em;
	}
	#about h1 {	background: url("../images/teaser/smp/ttl_about.png") center top no-repeat; background-size: contain;}
	#cont01 h1 {background: url("../images/teaser/smp/ttl_cont01.png") center top no-repeat; background-size: contain;}
	#cont02 h1 {background: url("../images/teaser/smp/ttl_cont02.png") center top no-repeat; background-size: contain;}
	#cont03 h1 {background: url("../images/teaser/smp/ttl_cont03.png") center top no-repeat; background-size: contain;}
	#cont04 h1 {background: url("../images/teaser/smp/ttl_cont04.png") center top no-repeat; background-size: contain;}
	#cont05 h1 {background: url("../images/teaser/smp/ttl_cont05.png") center top no-repeat; background-size: contain;}
	#about p, #cont01 ul, #cont02 ul, #cont03 ul, #cont04 ul, #cont05 ul {
	position: relative;
	z-index: 1;
	width: calc(750 / 750 * 89%);
	background-color: #f2f0eb;
	margin: 0 auto;
	margin-top: -17%;
	padding: 17% 3% 5% 3%;
	border-radius: 5px;
	filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.3));
	}
	.episode {
	width: 98%;
	padding: 1%;
	margin: 0 auto;
	font-size: 0.9rem;
	line-height: 200%;
	text-align: left;
	}
	.photo {
	width: 98%;
	height: auto;
	margin: 2% auto;
	}
	.photo2 {
	width: 98%;
	height: auto;
	margin: 2% auto;
	}
	li.photo img, li.photo2 img {
	width: 100%;
	height: auto;
	}
	#cast h1 {
	background: url("../images/teaser/smp/ttl_cast.png") no-repeat;
	width: calc(354 / 750 * 100%);
	height: 0;
	padding-top:calc(120 / 750 * 100%);
	background-size: contain;
	margin: 0 auto;
	margin-top: 5%;
 	font-size: 0em;
	}
	#cast_danmitsu {
	background: url("../images/teaser/smp/cast_danmitsu.png") no-repeat;
	width: calc(670 / 750 * 100%);
	height: 0;
	padding-top:calc(760 / 750 * 100%);
	background-size: contain;
	margin: 3% auto;
 	font-size: 0em;
	}
	#cast_hori {
	background: url("../images/teaser/smp/cast_hori.png") no-repeat;
	width: calc(670 / 750 * 100%);
	height: 0;
	padding-top:calc(760 / 750 * 100%);
	background-size: contain;
	margin: 3% auto;
 	font-size: 0em;
	}
	#cast_ishida {
	background: url("../images/teaser/smp/cast_ishida.png") no-repeat;
	width: calc(668 / 750 * 100%);
	height: 0;
	padding-top:calc(760 / 750 * 100%);
	background-size: contain;
	margin: 3% auto;
 	font-size: 0em;
	}
	#cast_takada {
	background: url("../images/teaser/smp/cast_takada.png") no-repeat;
	width: calc(670 / 750 * 100%);
	height: 0;
	padding-top:calc(760 / 750 * 100%);
	background-size: contain;
	margin: 3% auto;
 	font-size: 0em;
	}
	#btn_181103 a {
	display: block;
	background: url("../images/teaser/smp/btn_181103.png") no-repeat;
	width: calc(750 / 750 * 100%);
	height: 0;
	padding-top:calc(582 / 750 * 100%);
	background-size: contain;
	margin: 5% auto;
 	font-size: 0em;
	}
}