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

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

html{
	height:100%;
}

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

a img { border-style:none; }

a:hover img { border-style:none; }

*{
margin: 0;
padding: 0;
}

ol, ul {
	list-style: none;
}

#spmenu{
	display:none;
}

#sp_header{
	display:none;
}

#sp_day{
	display:none;
}

#sp_dvd{
	display:none;
}

#sptrailerarea{
	display:none;
}

#toppage{
	width:100%;
	margin:0 auto;
	height:100%;
	background-image:url(../images/bg/top.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	margin-bottom:500px;
}

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

#intro{
	width:100%;
	margin:0 auto;
	background-color:#e40073;
	margin-bottom:500px;
	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;
	margin-bottom:500px;
	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;
	margin-bottom:500px;
	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;
	margin-bottom:500px;
	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;
	margin-bottom:500px;
	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;
	margin-bottom:500px;
	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;
	margin-bottom:800px;
	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:26%;
	float:right;
}

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

#dvd_catch{
	width:100%;
	margin-bottom:10%;
}

#top_dvd{
	width:50%;
	float:left;
	padding-top:3%;
}

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

#catch{
	width:45%;
	float:right;
}

#twitter_timeline{
	width:60%;
	margin-left:30%;
}

.timeline {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing:border-box;
}

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

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

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

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

#footer_top{
	width:100%;
}

#menuline{
	width:60%;
	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{
	display: none;
	width:38%;
	float:right;
	padding-top:10px;
	padding-bottom:10px;
}

#liketweet{
	width:170px;
	float:right;
}

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

.tweet{
	width:71px;
}

#fbtw{
	width:163px;
	float:right;
	margin-right:10px;
}

#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:70%;
	margin:0 auto;
}

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

.pc_comment{
	width:100%;
}

.sp_comment{
	display:none;
}

.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:80%;
	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{
	float:left;
	width:29.33%;
	margin:2%;
	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:70%;
	margin:0 auto;
	margin-bottom:30px;
	font-size:13px;
	line-height:150%;
	text-align:justify;
	word-break:break-all;
}


.staffbox{
	float:left;
	width:21%;
	margin:2%;
	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;
}

#comment_btn{
	width:70%;
}

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

}