html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}

/* ============================
	home css
============================ */

body { background-color:#004182; }
#con-body { background-color:#000; font-family:Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

.global-header { position:fixed; top:0; z-index:10; }

@font-face {
  font-family: 'Oswald';
  src: url('/um/library/fonts/Oswald/Oswald-Regular.ttf') format('truetype');
	   font-weight:normal;
}

/* ----- hnav ----- */

#hnav-area { padding:8px; position:relative; z-index:10; background-color:#000; }
#hnav-area:after {content:"";clear:both;display:block;}

#hnav-thtop { float:right; width:33px; }
#hnav-thtop span { display:block; width:33px; height:33px; background:url(/stagearound/metalmacbeth_disc1/img/common/hd_theater.png) center center no-repeat; background-size:cover; }
#hnav-thtop span a { display:block; width:100%; height:100%; text-indent:-9999px; }

#hnav-fc,
#hnav { font-size:90%; }
#hnav-fc a::before,
#hnav li a::before { display:inline-block; content:""; position:relative; width:1em; height:1em; bottom:-0.1em; background:url(/stagearound/metalmacbeth_disc1/img/common/arrow.png) center center no-repeat; background-size:55%; }

#hnav { float:right; /* for space */ font-size:0; }
#hnav li { display:inline-block; margin:0.4em 0.7em 0 0; /* for space */ font-size:1rem; }
#hnav a { color:#fff; text-decoration:none; }
#hnav a:hover { text-decoration:underline; }

#hnav-fc { float:left; }
#hnav-fc a { display:inline-block; position:relative; top:0.2em; width:13.0em; padding:0.3em 0.5em 0.3em 0; border-radius:0.8em; background-color:#00509f; color:#fff; text-align:center; text-decoration:none; }
#hnav-fc a:hover { opacity:0.7; }

/* ----- top-main-slide ----- */

#top-main-slide { /* for space */ font-size:0; }
#top-main-slide li { display:inline-block; width:980px; vertical-align:middle; /* for space */ font-size:1rem; }
#top-main-slide li a, #top-main-slide li .nolink { position:relative; display:block; width:100%; height:0; padding-top:66.66%; }
#top-main-slide li a span, #top-main-slide li .nolink span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position: center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

.slick-arrow { position:absolute; top:0; width:65px; height:100%; background-position:center center; background-repeat:no-repeat; background-size:50% auto; text-indent:-9999px; /* reset */ background-color:transparent; border:none; cursor:pointer; outline:none; padding:0; appearance:none; text-indent: -9999px; }
.slick-prev { left:0; z-index:12; background-image:url(../theater/img/top/ar_l_w.png); }
.slick-next { right:0; z-index:13; background-image:url(../theater/img/top/ar_r_w.png); }
.slick-arrow:hover { background-color:rgba(255,255,255,0.2); }

.top-main-slide-touken2col:after {content:"";clear:both;display:block;}
#top-main-slide li p.top-main-slide-touken2col-item { float:left; width:47.11%; }
#top-main-slide li p.top-main-slide-touken2col-item:nth-child(1) { margin-left:2.89%; }
#top-main-slide li p.top-main-slide-touken2col-item:nth-child(2) { margin-right:2.89%; }
#top-main-slide li p.top-main-slide-touken2col-item a { padding-top:141.459%; }

/* ----- home-lineup ----- */

#home-lineup { padding:40px 0 30px 0; }
#home-lineup h2 { margin-bottom:25px; text-align:center; font-size:200%; letter-spacing:0.01em; font-family:'Oswald', sans-serif; color:#fff; font-weight:normal; }
#home-lineup-slide { /* for space */ font-size:0; }
#home-lineup-slide li { display:inline-block; width:465px; margin:0 15px; vertical-align:middle; /* for space */ font-size:1rem; }
#home-lineup-slide li a, #home-lineup-slide li .nolink { position:relative; display:block; width:100%; height:0; padding-top:61.7741%; }
@media (hover: hover) { #home-lineup-slide li:hover { animation: lineup-hover .2s forwards; } }
@keyframes lineup-hover { 0% {opacity:1;} 100% {opacity:0.7;} }
#home-lineup-slide li a span, #home-lineup-slide li .nolink span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position: center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

/**/
@media (hover: hover) { #home-lineup-slide li.nohover:hover { animation:none; } }

/* ----- home-info ----- */

#home-info { padding:0 20px 30px 20px; }
#home-info h2 { margin-bottom:15px; text-align:center; font-size:200%; letter-spacing:0.01em; font-family:'Oswald', sans-serif; color:#fff; font-weight:normal; }
#home-info ul { width:980px; margin:auto; text-align:left; border-top:#444 1px solid; }
#home-info ul li { padding:0.5em; border-bottom:#454545 1px solid; font-size:90%; line-height:140%; color:#fff; }
#home-info ul li .date { font-weight:bold; color:#999; }
#home-info ul li a { color:#fff; text-decoration:none; }
@media (hover: hover) {
#home-info ul li a:hover { animation: home-info-hover .2s forwards; }
}
@keyframes home-info-hover { 0% {opacity:1;} 100% {opacity:0.7;} }

/* ----- top-attention ----- */

.top-attention { width:980px; margin:20px auto 0 auto; padding:15px; border:#333 3px solid; box-sizing:border-box; color:#fff; }
.top-attention p { font-size:90%; line-height:140%; }
.top-attention p a { color:#fff000; }

/* ----- home-safc ----- */

#home-safc { width:980px; margin:0 auto 20px auto; }
#home-safc p { position:relative; width:100%; margin:0 auto 10px auto; height:0; padding-top:26.88%; }
#home-safc p a { position:absolute; left:0; top:0; display:block; width:100%; height:100%; background-image:url(/stagearound/img/bn_safc.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; outline:none; /* hover fade */ transition: opacity 0.2s ease-out; }
@media (hover: hover) { #home-safc p a:hover { opacity:0.5; } }

@media all and (max-width: 767px) {
#home-safc { width:auto; margin:10px 20px 20px 20px; }
}

@media all and (max-width: 450px) {
#home-safc p { padding-top:100%; }
#home-safc p a { background-image:url(/stagearound/img/bn_safc_smp.jpg); }
}


/* ----- footer ----- */

footer { width:100%; background-color:#004182; box-sizing:border-box; padding:7px 10px 15px 10px; text-align:center; color:#fff; line-height:120%; font-size:80%; }
footer a { color:#fff; }
footer a:hover { text-decoration:none; }
#f-copy, #f-sns, #f-sns-tw, #f-sns-fb { display:inline-block; }
#f-sns-tw, #f-sns-fb { margin:5px 3px 0 3px; vertical-align:middle; font-size:1%; }


/*	Media Queries
=================================== */

@media all and (max-width: 767px) {

#hnav-thtop, #hnav, #hnav-fc { float:none; text-align:center; margin:auto; }

#hnav a, #hnav-fc a { font-size:90%; }
#hnav, #hnav-fc { padding-bottom:6px; }

#hnav-thtop span { cursor:pointer; }

/* ----- top-main-slide ----- */

#top-main-slide li { width:100vw; }

.slick-arrow { width:7vw; }

/* ----- home-lineup ----- */

#home-lineup { padding:20px 0 10px 0; }
#home-lineup h2 { margin-bottom:15px; font-size:140%; }
#home-lineup-slide li { width:60vw; margin:0 2vw; }

/* ----- home-info ----- */

#home-info { padding:10px; }
#home-info h2 { margin-bottom:10px; font-size:140%; }
#home-info ul { width:auto; }
#home-info ul li { font-size:80%; line-height:140%; }

/* ----- top-attention ----- */
.top-attention { width:96%; margin:10px 2% 0 2%; padding:10px; }
.top-attention p { font-size:80%; }

/* ----- footer ----- */

footer { position:relative; font-size:70%; }

}



/*	Close
=================================== */

.sa-close #con-body { background-color:#fff; text-align:center; }

#close-box { opacity:0; padding:150px 0; }
#close-logo { width:400px; margin:0 auto 40px auto; }
#close-logo div { position:relative; width:100%; height:0; padding-top:65.333%; }
#close-logo div h1 { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/close_logo.png) center center no-repeat; background-size:cover; text-indent:-9999px; }
#close-txt { color:#333; font-size:150%; line-height:160%; font-weight:bold; font-family:"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

.br-smp { display:none; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#close-box { padding:130px 0; }
#close-logo { width:300px; }
#close-txt { font-size:120%; }

.br-smp { display:block; }

}

@media all and (max-width: 374px) {

#close-logo { width:250px; }
#close-txt { font-size:110%; }

}

/*eof*/