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

@media screen and (max-width:700px){
	
body{
	margin:0px;
	background-color:#000;
	font-family:Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	color:#ddd;
}

img { border-style:none;
	vertical-align: bottom;}

a img { border-style:none; }

*{
margin: 0;
padding: 0;
}
#spmenu{
	width:100%;
	position:fixed;
	z-index:2;
	background-color:#d3136c;
}

.toggle_box{
    display:none;
    color:#fff;
	margin-top:0px;
}
.btn{
    padding:10px;
}
.btn.active{
    background-color:#d3136c;
    padding:10px;
    color:#fff;
}
.btn:hover{
    cursor:pointer;
}

.spbtnline{
	width:100%;
	border-bottom:2px solid #d3136c;
}

.spbtnline img{
	max-width:100%;
}

.spbtnl{
	width:49.875%;
	float:left;
}

.spbtnr{
	width:49.875%;
	float:right;
}

#sp_header{
	width:100%;
	padding-top:50px;
}

#sp_header img{
	max-width:100%;
	margin-left:auto;margin-right:auto;display:table;
}

#sp_day{
	width:100%;
}

#sp_day img{
	max-width:100%;
	margin-left:auto;margin-right:auto;display:table;
}

#sp_dvd{
	width:100%;
}

#sp_dvd img{
	max-width:100%;
	margin-left:auto;margin-right:auto;display:table;
}

div.sptrailer {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
	margin-bottom:20px;
}
 
div.sptrailer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#sptrailerarea{
	width:90%;
	margin:0 auto;
	margin-bottom:20px;
	padding:20px 0 20px 0;
}

#toppage{
	display:none;
}

#toppage img{
	max-width:100%;
	margin-left:auto;margin-right:auto;display:table;
}

#intro{
	width:100%;
	margin:0 auto;
	background-color:#e40073;
	padding-bottom:70px;
}

#intro img{
	max-width:100%;
	margin-left:auto;margin-right:auto;display:table;
}

#story{
	width:100%;
	margin:0 auto;
	background-color:#7fcef4;
	color:#000;
	padding-bottom:70px;
}

#story img{
	max-width:100%;
	margin-left:auto;margin-right:auto;display:table;
}

#cast{
	width:100%;
	margin:0 auto;
	background-color:#e40073;
	padding-bottom:70px;
}

#cast img{
	max-width:100%;
	margin-left:auto;margin-right:auto;display:table;
}

#staff{
	width:100%;
	margin:0 auto;
	background-color:#7fcef4;
	color:#000;
	padding-bottom:70px;
}

#staff img{
	max-width:100%;
	margin-left:auto;margin-right:auto;display:table;
}

#interview{
	width:100%;
	margin:0 auto;
	background-color:#e40073;
	padding-bottom:70px;
}

#interview img{
	max-width:100%;
	margin-left:auto;margin-right:auto;display:table;
}

#column{
	width:100%;
	margin:0 auto;
	background-color:#7fcef4;
	color:#000;
	padding-bottom:70px;
}

#column img{
	max-width:100%;
	margin-left:auto;margin-right:auto;display:table;
}

#comment{
	width:100%;
	margin:0 auto;
	background-color:#000;
	color:#000;
	padding-bottom:70px;
}

#comment img{
	max-width:100%;
	margin-left:auto;margin-right:auto;display:table;
}

.contents_photo{
	width:100%;
	margin-bottom:50px;
}

#contents_left{
	width:55%;
	float:left;
}

#contents_left img{
	max-width:100%;
}

#top_catch01{
	width:100%;
	display:none;
}


#contents_right{
	width:25%;
	float:right;
}

#contents_right img{
	max-width:100%;
}

#top_catch02{
	width:70%;
	padding-left:30%;
	display:none;
}

#catch{
	width:100%;
	margin-bottom:20px;
}

#twitter_timeline{
	width:80%;
	margin:0 auto;
}

#top_logo_area{
	width:75%;
	margin-left:10%;
	display:none;
}

#top_logo{
	width:90%;
	margin-bottom:5%;
}

#footer{
	width:98%;
	padding:0 1% 0 1%;
	background-color:#000000;
}

#footer img{
	max-width:100%;
}

#footer_top{
	width:100%;
}

#menuline{
	width:67%;
	float:left;
	display:none;
	padding-bottom:1%;
	padding-top:20px;
}

#menu {
	width: 100%;
}
#menu li{
	float: left;
	padding: 0;
	margin-left:1.18%;
	margin-right:1.18%;
}

#menu img{
   vertical-align:middle;
}

.menu1 { width: 4%; }
.menu2 { width: 5.3%; }
.menu3 { width: 14.5%; }
.menu4 { width: 6.6%; }
.menu5 { width: 5.2%; }
.menu6 { width: 6%; }
.menu7 { width: 10.5%; }
.menu8 { width: 7.5%; }
.menu9 { width: 7.83%; }
.menu10 { width: 8.71%; }

.menu9 a {
	outline:none;
}

#snsline{
	width:90%;
	margin:0 auto;
	padding-top:10px;
}

#liketweet{
	width:150px;
	margin:0 auto;
}

.like{
	width:150px;
	margin-bottom:5px;
}

.tweet{
	width:71px;
	margin:0 auto;
}

#fbtw{
	display:none;
}

#fbtw2{
	width:104px;
	float:right;
	margin-right:10px;
}

.fb{
	width:47px;
	margin-right:10px;
	float:left;
}

.tw{
	width:47px;
	float:left;
	margin-right:10px;
}

.sound{
	width:47px;
	float:left;
}

.page_contents{
	width:80%;
	margin:0 auto;
}

.page_contents2{
	width:80%;
	margin:0 auto;
}

.pc_comment{
	display:none;
}

.sp_comment{
	width:100%;
}

.textarea{
	width:100%;
	padding-right:3%;
}

.text_block{
	width:100%;
	font-size:14px;
	line-height:150%;
	text-align:justify;
	word-break:break-all;
	margin-bottom:40px;
}

.midashi{
	width:100%;
	margin-bottom:40px;
}

.midashi2{
	width:100%;
	margin-bottom:20px;
}


#mainwrapper{
	display: none;
}
#sound{
	display: none;
}
.sound img{
	cursor: pointer;
}
#soundoff{
	display:none;
}
#loader{
	width: 0%;
	height:14px;
	background: #e40073;
	position: fixed;
	top: 0;
	left: 0;
}
#popup{
	display: none;
	z-index: 2000;
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.8);
}
#popup div{
	overflow:hidden;
}
#popup iframe{
	overflow:hidden;
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin: auto auto;
}
#popup .showing {
	position: absolute;
	top:0px;
	right:0px;
	z-index:2001;
}
#popup .showing>span{
	cursor:pointer;
}
#popup .showing img{
	width: 40px;
}

#youtubebox{
	width: 90%;
	margin: 0 auto;
}
.YoutubeWrapper{
position: relative ;
overflow: hidden ;
height:360px;
width: 640px;
margin: 0 auto 30px;
}
.YoutubeWrapper iframe {
position: absolute ;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.youtube{
	display: none;
}

.inter_q{
	width:100%;
	font-style:italic;
	color:#7fcef4;
	margin-bottom:10px;
}

.inter_a{
	width:100%;
	margin-bottom:20px;
}

.castbox{
	width:100%;
	margin-bottom:40px;
	font-size:13px;
	line-height:150%;
	text-align:justify;
	word-break:break-all;
}

.cast_image{
	width:100%;
	margin-bottom:20px;
}

.staffline{
	width:100%;
}

.staffboxl{
	width:100%;
	margin:0 auto;
	margin-bottom:40px;
	font-size:13px;
	line-height:150%;
	text-align:justify;
	word-break:break-all;
}


.staffbox{
	width:100%;
	margin-bottom:40px;
	font-size:13px;
	line-height:150%;
	text-align:justify;
	word-break:break-all;
}

.staff_image{
	width:100%;
	margin-bottom:20px;
}

#pagetop {
    position: fixed;
    bottom: 100px;
    right: 0px;
}


}