@charset "utf-8";


body {
font-family:'Lucida Grande', Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}

.clearfix:after{  
visibility:hidden;
height:0;
display: block;
font-size: 0;  
content: " ";  
clear: both;  
}

h2 {font-size:18px; margin:0; padding:0;}

video#bgvideo {
position: fixed; right: 0; top: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto; z-index: -100;
background-size: cover;
}

.overray {
position: fixed; right: 0; top: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto; z-index: -50;
background:url(../images/video_dot_blue.png) repeat;
/* background-size: cover; */
}

.main {
margin:0 0 0 0;
width:100%;
}

#header {
min-width:960px;
margin:30px 0 0 0;
height:780px;
overflow:hidden;
}

h1 {
margin:300px auto 30px;
padding:0;
text-align:center;
}
h1 img {
width:420px;
}

.nav_pc {
width:800px;
margin:10px auto 100px;
text-align:center;
color:#fff;
}
.nav_pc a {
font-size:15px;
font-family: open-sans-condensed, sans-serif;
padding:0 7px;
text-decoration:none;
font-weight:bold;
color:#fff;
letter-spacing:1px;
}
.nav_pc a:hover {
text-decoration:underline;
color:#fff;
}
.nav_sp {
display:none;
}


.nav2 {
width:100%;
background:#fff;
color:#000;
display:none;
overflow:hidden;
}
.nav2_inner {
display:block;
padding:10px 0 0 8px;
float:left;
}
.nav2_banner {
padding:0;
margin:0;
float:right;
height:39px;
}
.nav2 a {
font-size:14px;
font-family: open-sans-condensed, sans-serif;
padding:0 7px;
text-decoration:none;
font-weight:normal;
color:#666;
}
.nav2 a:hover {
text-decoration:underline;
color:#999;
}
.nav2_banner a {
padding:0;
line-height:0;
margin:0;
}
.fixed {
display:block;
position: fixed;
top: 0;
z-index: 1;
}





#contents {
background:#000;
width:100%;
padding:60px 0;
position:relative;
}

#contents2 {
/* background:#fff; */
width:100%;
padding:30px 0 40px;
position:relative;
overflow:hidden;
}

#contents2_inner {
width:920px;
margin:0 auto;
}

#contents h2 {
font-size:18pt;
font-family: open-sans-condensed, sans-serif;
line-height:20px;
padding:10px 8px;
color:#094d93;
/* border:1px solid #6fba2c; */
width:200px;
margin:0 auto 20px;
text-align:center;
}

#contents2 h2 {
font-size:18pt;
font-family: open-sans-condensed, sans-serif;
line-height:20px;
padding:10px 8px;
color:#fff;
text-align:center;
margin:0 auto 20px;
font-weight:normal;
}

#contents h3 {
font-size:15px;
color:#fff;
margin:0 auto 15px;
}

.banner1 {
width:598px;
margin:0px auto 60px;
text-align:center;
}

#TRAILER,
#STORY,
#NEWS,
#MESSAGE,
#SONG,
#shonandvd,
#STAFF,
#reservation {
width:960px;
margin:40px auto;
padding:60px 0 30px 0;
text-align:center;
}

#video_pc {
display:block;
}
#video_sp {
display:none;
}
.video_pc {
display:block;
}
.video_sp {
display:none;
}

#TRAILER h3 {
margin:30px 0 20px 0;
}

.trailer_sub {
	overflow: hidden;
}
.trailer_sub h3 {
	display: none;
}
.trailer_sub .video_pc {
	width: 200px;
	float: left;
	margin:0 5px;
}

#video {
	width: 830px;
	margin:0 auto;
	height: 467px;
	overflow: hidden;
}

#video iframe {
	width: 830px;
	height: 467px;
	overflow: hidden;
}

#thumb {
	overflow: hidden;
	margin:15px auto 0;
	width: 840px;
}
#thumb li {
	float: left;
	width: 200px;
	margin: 0 5px;
	text-align: center;
	color: #999;
	font-size: 13px;
}
#thumb li a {
	display: block;
	margin:0 0 5px 0;
}
#thumb li a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


/* #NEWS {
width:500px;
margin:30px auto;
padding:60px 0 20px 0;
text-align:left;
float:left;
} */

#shonandvd {
width:640px;
margin:30px auto 40px;
padding:60px 0 20px 0 ;
text-align:center;
/* float:left; */
float:none;
background:none;
}

#MESSAGE {
text-align:left;
background:#000;
}

#STORY {
text-align:center;
}
#STORY p {
font-size:14px;
line-height:32px;
}
#STORY strong {
font-size:18px;
font-weight:bold;
color:#666;
display:block;
margin:30px 0 15px 0;
letter-spacing:2px;
}

#MESSAGE {
}

#STAFF {
}

.sukapa {
display:block;
width:800px;
margin:50px auto 0px;
font-size:13px;
text-align:center;
color:#fff;
padding:20px;
border:1px solid #fff;
}
.sukapa a {
color:#fff;
text-decoration:underline;
}
.sukapa a:hover {
color:#fff;
text-decoration:none;
}


.slidearea {
width:100%;
background:#fff;
}
.slidearea li {
/* height:auto; */
min-height:580px;
padding:30px 0 10px;
}
.slidearea li.msg1 {
background:url(../images/message_bg1.jpg) #fff;
}
.slidearea li.msg2 {
background:url(../images/message_bg2.jpg) #fff;
}
.slidearea li.msg3 {
background:url(../images/message_bg3.jpg) #fff;
}
.slidearea li.msg4 {
background:url(../images/message_bg4.jpg) #fff;
}
.slidearea li.msg5 {
background:url(../images/message_bg5.jpg) #fff;
}
.slidearea li.msg6 {
background:url(../images/message_bg6.jpg) #fff;
}
.slidearea li.msg7 {
background:url(../images/message_bg7.jpg) #fff;
}

.slidearea li .msginner {
width:660px;
margin:20px auto 50px;
font-size:14px;
color:#000;
line-height:26px;
text-align:left;
}
.slidearea li .msginner strong {
font-size:24px;
}
.slidearea li .msginner .name {
margin:20px 0 0 0;
font-size:18px;
display:block;
text-align:right;
}
.slidearea li .msginner .name span {
font-size:12px;
}
.slidearea li.anotherwindow {
width:100%;
height:100%;
background:#fff;
}
.slidearea li.anotherwindow .msginner {
width:92%;
margin:0px auto;
padding:30px 0;
font-size:14px;
color:#000;
line-height:26px;
text-align:left;
}
.slidearea li .msginner .fb {
display:block;
text-align:center;
margin:20px 0 0 0;
}
.slidearea li .msginner .fb_footer {
display:block;
text-align:center;
margin:0 10px 0 0;
}


.msg {
overflow:hidden;
width:640px;
margin:40px auto 50px;
}
.msg dt {
width:120px;
float:left;
margin:0 10px 0 0;
vertical-align:top;
}
.msg dt img {
width:120px;
}
.msg dd {
width:500px;
float:left;
vertical-align:top;
color:#fff;
}
.msg dd strong {
font-size:15px;
display:block;
margin:0 0 5px 0;
color:#fff;
}
.msg dd p {
color:#fff;
font-size:13px;
line-height:24px;
}


.newsinner {
width:900px;
margin:5px auto;
background:#000;
/* border:1px solid #ccc; */
padding:10px 0;
color:#fff;
/* border-top:1px solid #666; */
}
.newsinner dl {
overflow:hidden;
margin:0px 0;
padding:10px 0;
/* border-bottom:1px solid #666; */
line-height:20px;
}

.newsinner dl dt {
font-size:14px;
width:130px;
float:left;
color:#ccc;
vertical-align:top;
text-align:left;
margin:0 0 0 0;
padding:0 0 8px 0;
border-bottom: 1px dashed #999;
}
.newsinner dl dd {
font-size:14px;
width:760px;
float:left;
color:#ccc;
vertical-align:top;
text-align:left;
padding:0 0 8px 0;
border-bottom: 1px dashed #999;
}

.newsinner dl dd a {
color:#ccc;
text-decoration:none;
}
.newsinner dl dd a:hover {
text-decoration:underline;
}


#footer {
color:#fff;
font-size:11px;
text-align:center;
overflow:hidden;
margin:50px 0 0 0;
padding:20px 0;
}

#footer img {
display:inline-block;
margin:20px 0;
width:100px;
}



.pagetop {
display:none;
margin:0;
padding:0;
cursor:pointer;
}
 
.pagetop p {
margin:0;
padding:0;
position: fixed ;
right:30px;
bottom:30px;
}
 
.gotopagetop {
display:block;
/* background:#6fba2c; */
/* background:#fff; */
width:50px;
height:50px;
/* color:#6fba2c; */
/* line-height:50px; */
text-decoration:none;
text-align:center;
-webkit-transition:all0.3s;
-moz-transition:all0.3s;
transition:all0.3s;
}
.gotopagetop:hover {
opacity:0.85;
text-decoration:none;
color:#6fba2c;
}


#socialbuttons {
margin:0 auto;
width:220px;
}
#socialbuttons div {
float:left;
}

#socialbuttons2 {
/* margin:0 auto; */
margin:0 auto;
width:600px;
}
#socialbuttons2 div {
float:left;
}


#reservation h3 {
font-size:16px;
}
#reservation p {
font-size:11px;
font-weight:bold;
}
#reservation dl {
overflow:hidden;
text-align:left;
margin:0 auto;
padding:12px 0 12px 0;
border-bottom:1px solid #666;
width:840px;
}
#reservation dl dt {
font-size:13px;
white-space:nowrap;
width:160px;
color:#fff;
float:left;
text-align:left;
}
#reservation dl dd {
width:680px;
font-size:13px;
color:#fff;
float:left;
text-align:left;
}
#reservation dl a {
color:#fff;
}