/*
Theme Name: ToeiHeroNextStage
Theme URI: http://mypixel.jp
Description: 舞台「さらば俺たち賞金稼ぎ団」-専用テンプレート。
Version: 1.0
Author: Minoru Miyajima
Author URI: http://mypixel.jp
*/


.topcont .twitter p {width:375px;height:210px;background:#fff;border:solid 1px #e1e1e1;border-radius:5px;overflow:hidden;position:relative;margin-bottom:17px;}
.topcont .twitter iframe{width:100% !important;height:100% !important;}
.topcont .facebook>div {width:375px;height:260px;background:#fff;border:solid 1px #e1e1e1;border-radius:5px;overflow:hidden;position:relative;margin-bottom:5px;}
.topcont .facebook iframe{width:100% !important;height:100% !important;}
.toplogo{position: relative;width: 461px;display:inline-block;}
.toplogo:before{content:"";display: block;padding-top: 46.85%;}/* 216/461*100 */
.toplogo div{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;background: url(images/logo.png) center top no-repeat;background-size:100%;}
.sublogo{position: relative;width: 461px;display:inline-block;}
.sublogo:before{content:"";display: block;padding-top: 46.85%;}/* 216/461*100 */
.sublogo div{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;background: url(images/logo.png) center top no-repeat;background-size:100%;}
.topcont .container{position:relative;}

.topcont .movie p {	position:relative;}
.topcont .movie p a:after{content:"";display:inline-block;position:absolute;top:0;bottom:0;right:0;left:0;z-index:5;background: url(images/movie-play.png) center no-repeat;background-size:auto 45%;}
.topcont .movie p img{width:100%;max-width:166px;}

.topcont .news h2 {height: 27px;background: url(images/ttl_topnews.png) left top no-repeat;}

.lowcont .main .catname{color:#fff;font-size:200%;font-weight:900;width:auto;}

footer .banner ul   {list-style:none;}
footer .banner ul li{display:inline-block;padding:5px;}

.youtube{
    position:relative;
    padding-bottom: 56.25%;
    height:0;
    overflow:hidden;
}
.youtube iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

 .nodeco {text-decoration:none;text-shadow:none;}
 .cast1st{width:32%;display:inline-block;vertical-align:top;}
 .cast1st>a>img{width:100%;}
 .cast1st p{text-align:center;font-size:90%;}
 .cast1st h4{text-align:center;font-weight:bold;}
 .cast2nd{width:23.5%;display:inline-block;vertical-align:top;}
 .cast2nd>a>img{width:100%;}
 .cast2nd p{text-align:center;font-size:90%;}
 .cast2nd h4{text-align:center;font-weight:bold;}

 .cb{width:100%;margin:0px;padding:0px;}
 .popcast{display:none;}

.theatrelogo {width:55%;margin-bottom:0px;margin-top:-20px;}
.topcont .logo{width:85%;margin-bottom:0px;margin-top:0px;}



@media (max-width: 768px) {
.theatrelogo {width:100%;margin-bottom:0px;margin-top:0px;}

body, 
.thnslogo,
.container, 
.topcont *, 
.topcont .container,
.topcont .main,
.topcont .side,
.topcont .news,
.lowcont, 
.main,
.lowcont .container,
.lowcont .main,
.lowcont .side,
 header ul ,
footer .sns,
footer .copy
{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
	width:100%;display:block;
	float: none;
}
body {
	color: #313131;
	height: 100%;
}

/*header*/
header{
	box-shadow:none;
	position: relative;
	background:none;
	height:auto;
	margin-bottom: 0px;
}
	header ul {
		width: auto;
		height: auto;
	}
	header ul li a {
		padding: 10px;
		height: auto;
		display: block;
		text-align:center;
	}

.navigation {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	box-shadow: 0px 2px 5px 0px rgba(164, 32, 45, 0.3);
}
.menu-trigger {
	position: absolute;
	right: 10px;
	top: 5px;
	width: 35px;
	height: 35px;
	background: url(images/menu.png) 0 0 no-repeat;
	background-size: 35px 35px;
	z-index: 1100;
}
	.menu-trigger.active {
		background: url(images/menu_close.png) 0 0 no-repeat;
		background-size: 35px 35px;
	}
.nav-collapse {
	background: #000;
	padding: 17px 0 5px 0;
}
.nav-collapse p img {
	width: 108px;
	height: auto;
	margin-bottom: 10px;
}
.nav-collapse ul {
	padding:5px;
}
.nav-collapse li {
	background: #B01A1A;
	border-bottom: 1px solid #000;
	padding: 5px 0;
	font-weight: bold;
}
.nav-collapse li:last-child {
	border-bottom: none;
}
.nav-collapse li a {
color:#FFCD00;
	display: block;
	font-size: 14px;
/*	font-family: "ヒラギノ明朝 ProN", serif;*/
}
.thnslogo{position: relative;width:100%;display:block;padding:5px 55px 5px 5px;}
.thnslogo img{width:100%;}
.sublogo{position: relative;width: 100%;display:inline-block;}
.sublogo:before{padding-top: 59.31%;}/* 311/558*100 */
.sublogo div{background: url(images/splogo.png) center top no-repeat;background-size:100%;}


/*content*/
.topcont .container {
/*	background: url(../../images/topbg.png) right top no-repeat;*/
	background: none;
	background-size:100%;
}

.main{padding:10px;}

.topcont .main {
	min-height: auto;
	padding:0px;
}
.topcont .main h1 {
	padding-left: 0px;
}
 /*top*/
 .topcont{background:none;height:auto;}
 .topcont h1 {margin:0px;padding:0px;}
 .toplogo{position: relative;width: 100%;display:block;}
 .toplogo:before{padding-top: 117.19%;}/* 750/640*100 */
 .toplogo div{background: url(images/top.jpg) center top no-repeat;background-size:100%;border:1px solid #000;}
/*
 .topcont .movie{
	position: static;
	top: 0;
	left: 0;
	display:block;width:100%;text-align:center;margin-bottom:5px;}
 .topcont .movie p,
 .topcont .movie h2{width:100%;margin:0 auto;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
padding:5px;
}
/*
 .topcont .movie p img{width:100%;max-width:none;}
 .topcont .movie h2 img{width:100%;}
*/
.topcont .topmovie {
	width: 96%;
	margin: 15px auto 15px auto;
	text-align: left;
}
	.topcont .topmovie h2 {
		line-height: 0;
		text-align: left;
	}
	.topcont .topmovie h2 img {
		width: 115px;
		height: auto;
		margin-bottom: 8px;
	}
.videobox {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.videobox iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

 .topcont .news {
	margin-top:0px;
    width:100%;
	background: rgba(255, 255, 255, 0.85);
	padding: 15px 0 25px 0;
	margin-bottom: 15px;
	background:#000;
 }
	.topcont .news h2 {height: 17.5px;background: url(images/ttl_topnews.png) center top no-repeat;background-size:auto 100%;}
	.topcont .news ol {
		width: 96%;
		margin: 0 auto;
		padding: 15px 0 10px 0;
	}
	.topcont .news ol li {
/*		border-bottom: 1px solid #777;*/
		text-align: left;
		padding-bottom: 10px;
		margin-bottom: 10px;
		line-height: 1.4em;
		font-size:100%;
/*	background:#fff;*/
	}
		.topcont .news ol li:last-child {
			border-bottom: none;
			padding-bottom: 0;
			margin-bottom: 0;
		}
	.topcont .news ol li dl {
		display: block;
	}
	.topcont .news ol dt,
	.topcont .news ol li dd {
		font-size: 12px;
display:inline-block;
/*		color: #777;*/
	}
	.topcont .news ol li dd a {
/*		color: #222;*/
	}
	.topcont .news .btn img {
		width: 163px;
		height: auto;
	}
 .topcont .twitter {
	width: 96%;
	margin: 0 auto;
	text-align: left;
	margin-bottom:10px;
 }
	.topcont .twitter h2 {
		line-height: 0;
	}
	.topcont .twitter h2 img {
		width: 125px;
		height: auto;
		margin-bottom: 8px;
	}

 .topcont .twitter p {width:100%;height:400px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}
 .topcont .facebook>div {width:100%;height:400px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}
/*
	.topcont .twitter > p img {
		width: 100%;
		height: auto;
	}
*/
.topcont .side {padding:0;margin:0;}
 /*low*/
 .lowcont{margin:0px;padding:0px;}
 .lowcont *{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}
 .lowcont .main h2 img{/*height:25px;*/width:auto;}
 .lowcont .main .cont .ticket dt{width:100%;}
 .lowcont .main .cont .about dt {width:100%;}
 .lowcont .main .cont .about dd {width:100%;}

 .lowcont .main .cont{padding:5px;}
 .lowcont .main .cont .ticket dd,
 .lowcont .main .cont .cast .block,
 .lowcont .main .cont .cast .block .pic,
 .lowcont .main .cont .cast .block .txt,
 .lowcont .main .cont .cast .block .txt h4,
 .lowcont .main .cont .cast .block .txt p,
 .popupcast .block,
 .popupcast .block .pic,
 .popupcast .block .txt,
 .popupcast .block .txt h4,
 .popupcast .block .txt p
 {
	display:block;width:100%;
 }
 .lowcont .main .cont .cast .block .pic{text-align:center;}
 .lowcont .main .cont .cast .block .txt .char {min-width:200px;height: auto;display:inline-block;width:100%;background: url(images/castdescr.png) right bottom no-repeat #fff4e4;}
 .popupcast .block .pic{text-align:center;}
 .popupcast .block .txt .char {min-width:200px;height: auto;display:inline-block;width:100%;background: url(images/castdescr.png) right bottom no-repeat #fff4e4;}

 .lowcont .main .cont .ticket dd .map{
		width: 90%;
		margin: 10px auto 0 auto;
 }
 .lowcont .main .cont .ticket dd .map iframe{width:100%;}
 .forPC{display:none;}
/**{border:1px dotted #F70;}*/

}

@media (min-width: 769px){
.forSP{display:none;}
}