@charset "utf-8";
/* CSS Document */

@media screen and (max-width:768px){
/* ------------------------------ */
/* ヘッダー */
header .main{
	width:100%;
	margin-bottom:40px;
}
/* ------------------------------ */
/* あらすじ */
.story .wrap{
	width:90%;
	margin:0 auto 60px;
}
.story .img{
	width:80%;
	box-sizing:border-box;
	margin:0 auto 40px;
}
.story .title{
	width:60%;
	margin:0 auto 30px;
}
.story .info{
	border-top:.05em dashed #00315a;
	box-sizing:border-box;
	color:#00315a;
	padding-top:4%;
}
.story .info h1{
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:1em;
	line-height:260%;
	margin-bottom:10px;
}
.story .info h1 span{
	display:block;
	font-size:1.6em;
}
.story .info p{                   
	font-size:.8em;
	line-height:160%;
	margin-bottom:14px;
}
.story .info p br{
	display:none;
}
/* ------------------------------ */
/* キャスト紹介 */
.cast{
	background:url("../images/line_01.svg") no-repeat bottom;
	padding-bottom:60px;
}
.cast .wrap_01,
.cast .wrap_02,
.cast .wrap_03{
	width:90%;
	margin:0 auto;
}
.cast .title{
	background:url("../images/icon_01.svg") no-repeat bottom;
	background-size:auto 20px;
	color:#00315a;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:1.4em;
	font-weight:bold;
	letter-spacing:.1em;
	text-align:center;
	padding:0 0 38px;
	margin-bottom:30px;
}
.cast .info{
	text-align:center;
	padding-bottom:30px;
}
.cast .img{
	margin-bottom:8px;
}
.cast .name{
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:.05em;
	margin-bottom:8px;
}
.cast .text{
	display:inline-block;
	background-color:#00315a;
	border-radius:80px;
	color:#FFF;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:.75em;
	line-height:140%;
	padding:3px 8%;
	margin:0 auto;
}
.cast .text span{
	display:inline-block;
	margin-left:3px;
}
/* ------------------------------ */
/* ロケ地MAP */
.map{
	background-color:#ededed;
	padding-top:30px;
}
.map .wrap{
	width:90%;
	margin:0 auto;
}
.map .info .title{
	background:url("../images/icon_02.svg") no-repeat bottom;
	background-size:auto 8px;
	color:#00315a;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:1.6em;
	font-weight:bold;
	letter-spacing:.1em;
	text-align:center;                  
	padding:0 0 24px;
	margin-bottom:30px;
}
.map .info .text{
	font-size:.85em;
	line-height:160%;
	margin-bottom:30px;
}
.map .info iframe{
	margin-bottom:30px;
}
.map .minimap{
	padding:0 5% 50px;
}
.map .location{
	width:100%;
	margin-bottom:20px;
}
.map .location_title{
	width:100%;
	background:url("../images/icon_02.svg") no-repeat bottom;
	background-size:auto 12px;
	color:#00315a;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:1.4em;
	font-weight:bold;
	letter-spacing:.1em;
	text-align:center;
	padding:0 0 24px;
	margin-bottom:40px;
}
.map .location .img{
	margin-bottom:8px;
}
.map .location .name{
	font-size:.95em;
	font-weight:bold;
	margin-bottom:8px;
}
.map .location .address{
	font-size:.85em;
}
.uragawa{
	width:90%;
	padding-bottom:60px;
	margin:60px auto 0;
}
.uragawa .title{
	display:inline-block;
	color:#00315a;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:1.4em;
	font-weight:bold;
	letter-spacing:.1em;
	margin-bottom:30px;
}
.uragawa .text{
	font-size:.85em;
	line-height:180%;
	margin-bottom:30px;
}
.uragawa .name{
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:1em;
	font-weight:bold;
	text-align:right;
	letter-spacing:.1em;
}
/* ------------------------------ */
/* 協賛企業一覧 */
.company{
	background-color:#272929;
}
.company .wrap_wrap{
	width:90%;
	padding:60px 0;
	margin:0 auto;
}
.company .title{
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color:#FFF;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	margin-bottom:40px;
}
.company .wrap{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:10px;
}
.company .wrap p{
	display:inline-block;
	color:#FFF;
	font-size:.8em;
	line-height:150%;
	padding:2px 5px;
}
.company .wrap p img{
	width:auto;
	height:34px;
}
.company .wrap p.sub_title{
	width:100%;
}
/* ------------------------------ */
/* フッター */
footer{
	background-color:#00315a;
	padding:20px 10%;
}
footer .title{
	width:40%;
	margin:0 auto 15px;
}
footer .copy{
	width:100%;
	color:#FFF;
	font-size:.7em;
	line-height:140%;
	text-align:center;
}
/* ------------------------------ */
}