@charset "UTF-8";

/* リセット */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
padding:0;
margin:0;
}
a{
text-decoration:none;
outline:none;
}
table{
border-spacing:0;
}
fieldset,img{
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
font-weight:normal;
font-style:normal;
}
strong{
font-weight:bold;
}
ol{
margin:0;
padding:0;
}
ul{
list-style:none;
margin:0;
padding:0;
}
caption,th{
text-align:left;
}
h1,h2,h3,h4,h5,h6{
font-weight:normal;
font-size:100%;
margin:0;
padding:0;
}
q:before,q:after,
{
content:'';
}
abbr,acronym{border:0;
}
sup{
vertical-align:text-top;
}
sub{
vertical-align:text-bottom;
}
input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
legend{
color:#000000;
}
hr{
margin:0;
padding:0;
display:none;
}
table{
font-family:monospace;
font-size:inherit;
font:100%;
}
pre,code,kbd,samp,tt{
font-family:monospace;
line-height:100%;
}
form{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
iframe{
border:none;
}
html{
position:relative;
min-height:100%;
}
body{
margin-bottom:98px;
font:13px "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
line-height:1.6;
color:#ffffff;
background:#000000;
text-align:center;
}

/*-- ユーティリティ --*/
dl:after,
.l-header:after,
.l-footer__inner:after,
.l-container:after,
.l-container__inner:after,
.l-content:after,
.l-bn__box:after{
content:" ";
display:block;
visibility:hidden;
clear:both;
height:0.1px;
font-size:0.1em;
line-height:0;
zoom:1;
}
.clear{
clear:both;
}
a:focus{
outline:0 !important;
}
.fa{
padding:0 2px 0 0;
font-weight:normal !important;
}
.pconly{
display:inline-block !important;
}
.sponly{
display:none !important;
}

/*-- リンク --*/
a{text-decoration:none;}
a:link{color:#ffffff;text-decoration:none;}
a:visited{color:#ffffff;text-decoration:none;}
a:active{color:#ffffff;text-decoration:none;}
a:hover{color:#ea5550;text-decoration:none;}

/*-- ローディング --*/
.l-load{
position:fixed;
width:100%;
height:100%;
z-index:20000;
}
.l-load__inner{
position:fixed;
width:100%;
height:100%;
background:#ffffff;
}
.l-load__wrap{
position:absolute;
top:50%;
left:50%;
margin:-80px 0 0 -160px;
width:320px;
height:110px;
}
.l-load__loading{
position:relative;
width:320px;
height:80px;
background:url(../images/loading.png) center top no-repeat;
}
.l-load__progress{
position:absolute;
bottom:0;
width:100%;
height:14px;
color:#ea5550;
font-size:14px;
line-height:1;
text-align:center;
}

/* レイアウト */
.l-wrapper{
position:relative;
width:100%;
min-width:1000px;
overflow:hidden;
}
.l-container{
clear:both;
}
.l-container__inner{
position:relative;
margin:0 auto;
width:1000px;
text-align:left;
}
.l-content{
position:relative;
padding:0 12px;
}

/* ヘッダ */
.l-header{
position:relative;
min-width:1000px;
text-align:left;
background:#000000;
}
.l-header__mainpc{
position:relative;
display:block;
}
.l-header__mainsp{
position:relative;
display:none;
}
.l-header h1{
position:absolute;
top:20px;
left:20px;
width:320px;
height:auto;
}

.l-header__hall{
position:absolute;
bottom:10px;
left:64px;
width:220px;
height:auto;
opacity:1;
transition:0.5s;
}
.l-header__hall:hover{
opacity:0.6;
}

.l-header h1 img,
.l-header__hall img,
.l-header__pv img,
.l-header__mainpc img,
.l-header__mainsp img{
width:100%;
height:auto;
display:block;
}

/* メニュー */
.l-menu{
position:absolute;
top:100px;
right:0;
width:250px;
height:auto;
z-index:10;
}
.l-menu__drawer{
margin:0;
padding:10px 140px 10px 15px;
width:100px;
height:27px;
background:rgba(0,0,0,0.7);
cursor:pointer;
transition:0.5s;
}
.l-menu__drawer:hover{
background:rgba(0,0,0,1);
}
.l-menu__nav{
border-top:1px dotted #999999;
background:rgba(0,0,0,0.5);
}
.l-menu__nav li{
border-bottom:1px dotted #999999;
background:rgba(0,0,0,0);
text-shadow:#000000 1px 1px 1px,#000000 2px 2px 2px;
transition:0.5s;
}
.l-menu__nav li:hover{
background:rgba(0,0,0,1);
}
.l-menu__nav li:last-child{
border-bottom:0px;
}
.l-menu__nav li a{
padding:8px 15px;
display:block;
}

.l-menu__drawer img{
width:100%;
height:auto;
display:block;
}

/* フッタ */
.l-footer{
position:absolute;
bottom:0;
width:100%;
min-width:1000px;
text-align:center;
background:#000000;
}
.l-footer__inner{
position:relative;
margin:0 auto;
padding:12px 0;
width:1000px;
}
.l-footer__logo{
margin:0 auto 8px;
width:200px;
opacity:1;
transition:0.5s;
}
.l-footer__logo img{
width:100%;
height:auto;
display:block;
}
.l-footer__logo:hover{
opacity:0.6;
}
.l-copyright{
font-size:11px;
line-height:1.5;
font-family:'メイリオ',Meiryo,arial,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,sans-serif !important;
}

/* バナー */
.l-bn__box{
position:absolute;
bottom:50%;
left:40px;
width:160px;
height:auto;
}
.l-bn{
margin:0 0 12px;
width:160px;
height:auto;
line-height:1;
border:1px solid #ffffff;
opacity:1;
transition:0.5s;
}
.l-bn:hover{
opacity:0.6;
}
.l-bn img{
width:100%;
height:auto;
display:block;
}

/* SNS */
.l-sns__box{
position:relative;
padding:12px 0;
text-align:center;
}
.l-sns__tw,
.l-sns__fb,
.l-sns__line{
margin:0 5px;
width:32px;
height:32px;
line-height:1;
border-radius:4px;
display:inline-block;
overflow:hidden;
}
.l-sns__tw img,
.l-sns__fb img,
.l-sns__line img{
width:100%;
height:auto;
display:block;
}

/* Movie */
.p-mv{
position:relative;
margin-bottom:15px;
padding-bottom:56.25%; /* 16/9 ratio */
height:0;
overflow:hidden;
}
.p-mv iframe{
position:absolute;
top:0;
left:0;
width:100% !important;
height:100% !important;
}
@media (max-width:720px){
#p-yt01,
#p-yt02,
#p-yt03,
#p-yt04,
#p-yt05,
#p-yt06,
#p-yt07,
#p-yt08,
#p-yt09,
#p-yt10{
position:relative;
padding:0;
width:300px;
height:169px;
overflow:hidden;
}
}
@media (min-width:721px){
#p-yt01,
#p-yt02,
#p-yt03,
#p-yt04,
#p-yt05,
#p-yt06,
#p-yt07,
#p-yt08,
#p-yt09,
#p-yt10{
position:relative;
padding:0;
width:711px;
height:400px;
overflow:hidden;
}
}