@charset "utf-8";

/*#container*/
body{
	background:#FFF;
	margin:0;
	padding:0;
	word-break:break-all; 
}
body a{
	-webkit-tap-highlight-color: rgba(255,105,183,0.6);
}
#container{
	clear:both;
	margin:0;
	width:320px;
}

/*social media bar*/


#socialmedia_sp{
	display: block;
	height:35px;
	margin:0;
	padding:0;
}
#socialmedia_sp ul{
	width:300px;
	margin:5px auto;
}
#socialmedia_sp li{
	margin:0 8px 0 0;
	_margin:0 4px 0 0;
	float:left;
}
#socialmedia_sp li.btn-hatena{
	margin-top:7px;
}
#socialmedia_sp li.btn-facebook{
	margin-top:0;
	width:130px;
}
#socialmedia_sp li.btn-twitter{
	margin-top:5px;
	margin-right:0;
}
#socialmedia_sp li.btn-twitter-follow{
	margin-top:7px;
	margin-right:10px;
}
#socialmedia_sp li.btn-google{
	margin-top:5px;
	margin-right:0;
}

#container h2.release{
	width:300px;
	margin:10px 10px 0;
	font-size:12px;
	font-weight:800;
	line-height:1.4;
	text-align:center;
}
#container .link-banner{
	margin:5px auto 0;
	text-align:center;
}

#container .banner{
	margin:0 0 15px 0;
	padding:15px 0 0 0;
	border-top: #000 solid 1px;
}

#container .banner img.bnrspace{
margin-bottom:10px;
}



#container nav.main{
	margin:0 0 10px 0;
}
#container nav.main ul{
	border-top:#FFF solid 1px;
}
#container nav.main ul li{
	margin:0 0 0 0;
	float:left;
	width:158px;
	height:50px;
	border-bottom:#FFF solid 2px;
	border-left:#FFF solid 1px;
	border-right:#FFF solid 1px;
	line-height:50px;
	text-align:center;
	font-size:14px;
	background:#F29600;
}
#container nav.main ul li a{
	display:block;
	width:158px;
	height:50px;
	text-decoration:none;
	color: #FFF;
}
#container nav.main ul li.l{
	width:318px;
}
#container nav.main ul li.l a{
	width:318px;
}
#container #credit{
	width:300px;
	margin:0 auto;
}
#container #credit p{
	width:300px;
	margin:0 auto 15px;
	font-size:12px;
}
#container #credit p a{
	color:#000;
}
#container #credit .img{
	width:300px;
	margin:0 auto 15px;
	text-align:center;
}
#container #credit h2{
	margin:0 0 10px; 
	font-size:16px;
	font-weight:800;
	line-height:1.4;
}
#container #credit h3{
	margin:0 0 20px; 
	font-size:12px;
	font-weight:normal;
	line-height:1.4;
}
#container #credit h3 strong{
	font-size:20px;
	font-weight:800;
}
#container #credit h4{
	margin:0 0 20px; 
	font-size:12px;
	line-height:1.4;
	font-weight:normal;
}

#container #credit ul.bnr_link{
}

#container #credit ul.bnr_link li{
float:left;
padding:5px 5px;
}



/*nav*/
nav.back{
	margin:0 0 0 0;
	width:320px;
	height:44px;
	border-top:#000 solid 1px;
	line-height:44px;
	text-align: center;
	font-size:14px;
}

nav.back a{
	display:block;
	width:320px;
	height:50px;
	-webkit-tap-highlight-color: rgba(255,105,183,0.6);
	text-decoration:none;
	color: #000;
}

/*2nd*/
header.second-header{
	width:320px;
	background:#000;
}
header.second-header nav#title h1{
	margin:10px 0 0 10px;
	width:205px;
	font-size:18px;
	float:left;
}
header.second-header nav#title h1 a{
	color:#FFF;
}
header.second-header a#simple-menu{
	display:block;
	color:#FFF;
	font-size:13px;
	text-decoration:none;
	line-height:45px;
	width:60px;
	float:right;
	padding:0 0 0 20px;
	background: url(../img/sidr_icon.gif)  no-repeat 0 14px;
}
header.second-header h2{
	background:#FFF;
	padding:10px;
	text-align:center;
	border-bottom:#000 solid 2px;
	font-size:18px;
}

header.second-header .mainimg{
    padding:0;
	background:#FFF;
}

#sidr{
}
#container section#body article{
	margin:20px 10px;
}
#container section#body article .img{
	margin:0 auto 10px;
	text-align:center;
}
#container section#body article .img.right{
	margin:0 0 10px 10px;
	float:right;
}

#container section#body article h3.second{
    color:#9A39B2;
	padding:7px 0;
	font-size:16px;
}

#container section#body article h4.second{
	padding:7px 0;
	font-size:16px;
}

#container section#body article .sub_txt{
	font-size:12px;
}


#container section#body article p.txtbox{
    padding:7px 0;
	font-size:14px;
}

#container section#body article p.txtbox_img{
    margin:0 auto;
	text-align:center;
}

/*index nav*/

header.index-header{
	width:320px;
	background:#000;
}
header.index-header nav#title h1{
	margin:10px 0 0 10px;
	width:205px;
	font-size:18px;
	float:left;
}
header.index-header nav#title h1 a{
	color:#FFF;
}
header.index-header a#simple-menu{
	display:block;
	color:#FFF;
	font-size:13px;
	text-decoration:none;
	line-height:45px;
	width:60px;
	float:right;
	padding:0 0 0 20px;
	background: url(../img/sidr_icon.gif)  no-repeat 0 14px;
}
header.index-header h2{
	background:#FFF;
	padding:10px;
	text-align:center;
	border-bottom:#000 solid 2px;
	font-size:18px;
}

#sidr{
}

/*intro*/
#container section#body.intro{
	
}

#container section#body.intro h3.intro{
	background: url(../img/sp_about_titbg.gif)  no-repeat 0;
	text-align:center;
	padding:5px 0;
}

#container section#body.intro article.aboutvhs{
	background:#CEEBF2;
	padding:10px;
}

#container section#body.intro article.aboutvhs h4.aboutvhs{
	color:#000;
	font-size:14px;
	font-weight:600;
	background-color:#FF0;
	text-align:center;
	padding:5px;
}


/*news*/
#container section#body.news{
	
}

section.news-box{
background:#CEEBF2;
padding:10px;
margin-bottom:20px;
}

section.news-box ul{
margin-bottom:10px;
}

section.news-box ul li{
font-size:12px;
float:left;
margin-right:10px;
}

section.news-box h3{
font-size:16px;
margin-bottom:15px;
}

section.news-box .img{
text-align:center;
}


section.news-box div.txt{
font-size:14px;
}

section.news-box div.txt p.m-txt{
margin:10px 0;
}



/*theater*/

h2.tit_theater{
	margin:0 0 0 0;
	float:left;
	width:300px;
	height:50px;
	border-bottom:#FFF solid 10px;
	line-height:50px;
	text-align:center;
	font-size:18px;
	background:#000;
	color:#FFF;
}

#container section#body.theater article .ken-box .ken{
	background:#000;
	color:#FFF;
    margin: 10px 0 10px;
    padding: 5px;
	line-height:1.3;
	font-size:14px;
}
#container section#body.theater article .ken-box .theaters{
    margin:0 0 15px 0;
}
#container section#body.theater article .ken-box .theaters .theater-box{
    margin:0 0 15px;
	padding:0 0 10px;
	border-bottom:#999 dotted 1px;
}
#container section#body.theater article .ken-box .theaters .theater-box h4{
	font-size:12px;
	font-weight:normal;
	color:#7F2C92;
}
#container section#body.theater article .ken-box .theaters .theater-box h3{
	font-size:16px;
}
#container section#body.theater article .ken-box .theaters .theater-box p{
	font-size:14px;
}

/*TEXT*/

span.pointup{
	font-size:18px;
	font-weight:600;
}

/*news*/
article.news {
	padding:0 0 0;
}
article.news h2{
	color: #330000;
	font-size:30px;
	text-align:center;
	font-weight:normal;
	font-family: 'Linden Hill', serif;
	margin:0 0 30px;
}
article.news .body{
	width:95%;
	height:auto;
	padding:10px 5px;
	text-align:center;
}
article.news .body h3{
	font-size:18px;
	font-weight:800;
	text-align:center;
	color:#f29600;
}
article.news .body img{
	width:50%;
	max-width:100%;
	height:auto;
}

/*#vod-btn*/
ul#vod-btn{
	margin:20px 0;
}
ul#vod-btn li{
	float:none;
	width:90%;
	margin:0 auto 10px;
	text-align:center;
}
ul#vod-btn li img{
	width:60%;
	height:auto;
}
ul#vod-btn li.first{
	float:none;
	width:90%;
	margin:0 auto 10px;
	text-align:center;
}
ul#vod-btn li.first img{
	width:60%;
	height:auto;
}