@charset "utf-8";
/*
■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■      

  ■■■■                               ■
 ■   ■■                              ■
■        ■■■  ■■■■    ■■■  ■ ■ ■■■   ■
■       ■  ■  ■■  ■  ■  ■  ■■  ■  ■  ■
■   ■■■ ■   ■ ■   ■  ■   ■ ■    ■■■  ■
■     ■ ■■■■■ ■   ■  ■■■■■ ■  ■■  ■  ■
 ■    ■ ■     ■   ■  ■     ■  ■   ■  ■
  ■■■■   ■■■  ■   ■   ■■■  ■   ■■■■  ■

■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 
*/
/* ---- fonts ---- */
@font-face {
  font-family: 'Sawarabi Mincho';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/sawarabimincho/v1/SawarabiMincho-Regular.eot);
  src: url(//fonts.gstatic.com/ea/sawarabimincho/v1/SawarabiMincho-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/sawarabimincho/v1/SawarabiMincho-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/sawarabimincho/v1/SawarabiMincho-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/sawarabimincho/v1/SawarabiMincho-Regular.ttf) format('truetype');
}

.s-serif{font-family:Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}
.serif{font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}

/* ---- body style ---- */
html,
body{ height: 100%; font-size: 22px; font-family:'Sawarabi Mincho',Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; line-height: 1.5; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/* ---- common style ---- */
a,a:visited {color: #796bae;}
a:hover,a:active {color: #f4269f; }
a.ilink-fr{ color: #FFF; display: inline-block; padding: 5px; background: #7364AA; line-height: 0; margin-bottom: 10px; }
a.ilink-fr:hover{ color: #faaa00; background: #bb0000; }

/* improve link */
.ilink{ display: inline-block; padding: 0.4em 0.5em 0.3em 0.5em ; border: #796bae solid 1px ; text-decoration: none; border-radius: .5em; }
.ilink:before{ content:"> "; }
.ilink,
.ilink:visited,
.ilink:active{ color: #796bae; }
.ilink:hover{ border-color: #f4269f; color: #f4269f; }
/*
.ilink:before{ content:"> "; }
*/


.color0{ color: #6b6b6b; }/* base color */
.color1{ color: #ff55be; }/*  */
.color2{ color: #0877e8; }/* blue */
.color3{ color: #ed48b4; }/* pink */
.color4{ color: #796baf; }/* purple */
.color5{ color: #7e9acf; }/* blue */

.ttl2{color: #ed48b4; font-weight: normal; line-height: 1.2; padding: .1em .1em; text-align: left; border-bottom: #ed48b4 solid 2px;}
.ttl3{ display: block; color: #000; line-height: 1.2; margin: .8em; }
.ttl3 > span{ min-width: 1.2em; margin-right: .1em; display: inline-block; background: #000; color: #FFF; }

.table-a{ border-collapse: separate; border-spacing: 3px;}
.table-a th{ padding:0.5em; background-color: #a4b6dc;border: #a4b6dc solid 1px; font-weight: normal; text-align: inherit; vertical-align: top; color: #FFF; text-align: left; }
.table-a td{ padding:0.5em; background-color: rgba(255,255,255,.7);border: #a4b6dc solid 1px; vertical-align: top; }

.table-b{ border-collapse: collapse;}
.table-b th{ padding:0.5em; background-color: rgba(255,255,255,.5);border-bottom: #a4b6dc solid 1px; font-weight: normal; text-align: inherit; vertical-align: top; color: #a4b6dc; text-align: left; }
.table-b td{ padding:0.5em; background-color: rgba(255,255,255,.5);border-bottom: #a4b6dc solid 1px; vertical-align: top; }

.table-n{ box-sizing: border-box; }
.table-n th{ vertical-align: top; box-sizing: border-box; }
.table-n td{ vertical-align: top; box-sizing: border-box; }

.table-x{  box-sizing: border-box; }
.table-x th{ vertical-align: top; box-sizing: border-box; }
.table-x td{ vertical-align: top; box-sizing: border-box; }

.frame-a{ background: rgba(255,255,255, .8); box-sizing: border-box;}
.frame-b{ background: rgba(254,249,141,0.2); box-sizing: border-box;}
.frame-wp{ background: #FFF; border: #ff55be dotted 1px;}
.frame-img{ display: inline-block; border: rgba(80,124,251,0.3) solid 3px; box-sizing: border-box; line-height: 0; }

.entry{ margin: 0 auto 3em auto; box-sizing: border-box; }
.entry:last-child{margin-bottom: 0;}
.entry > .inner{background: url(../images/common-entry-bg.png) ;}
.entry .entry-head{ width: 100%; padding-top: 1em ; margin-bottom: .6em; }
.entry .entry-date{ text-align: center; color: #FFF; background: #98aad0; }
.entry .entry-title{ margin-bottom: .8em; padding:.3em .5em; text-align: center;  color: #98aad0; }
.entry .entry-body{ padding: 0 1em 1em 1em ; font-size: 0.818181em; line-height: 1.5; }
.entry .entry-left{ width: 46.58%; float: left; }
.entry .entry-right{ width: 53.42%; float: left; }

.btn-bk{ min-width: 14em; display: inline-block; padding: 0.4em 0.5em 0.3em 0.5em ; background-color: #000; border: #796bae solid 1px ; text-decoration: none; border-radius: .2em; }
.btn-bk:before{ content:"> "; }
.btn-bk,
.btn-bk:visited,
.btn-bk:active{ color: #FFF; }
.btn-bk:hover{ border-color: #f4269f; color: #f4269f; }

hr.head-bd{ border-color: #0877e8; border-width: 2px 0px 0px 0px; border-style: solid; height: 1px; /* 高さ(IE) */ box-shadow: 0px 1px #ebe932;}
hr.dot-blue{ border-color: #0877e8; border-width: 1px 0px 0px 0px; border-style: dotted; height: 1px; /* 高さ(IE) */ }
hr.sld-ppnk{ border-color: #fccee3; border-width: 1px 0px 0px 0px; border-style: solid; height: 1px; /* 高さ(IE) */ }

.new{ margin-left: 5px; color: #ef0000; font-weight: bold; font-size: 8px; }
@keyframes blink { 75% { opacity: 0.0; }}
@-webkit-keyframes blink {75% { opacity: 0.0; }}
.new { animation: blink 1s step-end infinite; -webkit-animation: blink 1s step-end infinite;}

.maxw900{ max-width: 900px; }
.maxw1000{ max-width: 1000px; }

/* responsive display */
.hide{ display: none;}
.hide-pc{ display: none; }
.hide-sp{ display: inherit;}

/* tiwtter widget fix for ios */
.twitter-container iframe { width: 740px !important; }

/* youtube embed responsive */
.video-embed {position: relative;height: 0;padding: 30px 0 56.25%;overflow: hidden;}
.video-embed iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* colorbox customize */
#cboxOverlay{background:#FFF;}
#cboxContent{margin-top:60px;background:rgba(255,255,255,0);}
#cboxLoadedContent{border:5px solid rgba(255,255,255,0); background:rgba(255,255,255,0);}
#cboxClose{top:-55px; right:5px; display:block; background:url(../images/lib/colorbox/close.png) no-repeat top center; width:50px; height:50px; }
#cboxClose:hover{ background-position: top center; }
#cboxPrevious{top:-55px; left:5px; display:block; background:url(../images/lib/colorbox/prev.png) no-repeat top center; width:50px; height:50px; }
#cboxPrevious:hover{ background-position: top center; }
#cboxNext{top:-55px; left:65px; display:block; background:url(../images/lib/colorbox/next.png) no-repeat top center; width:50px; height:50px; }
#cboxNext:hover{ background-position: top center; }

/* slick fix */
.slick-list,.slick-slide {outline: none !important;}/* Chromeでフォーカス時の枠線を消す */
/*
■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 

 ■■■  ■                    ■                   
■     ■                    ■                   
■    ■■■■ ■ ■ ■   ■   ■■■ ■■■■ ■   ■  ■ ■  ■■■ 
 ■■   ■   ■■  ■   ■  ■■ ■  ■   ■   ■  ■■  ■  ■ 
  ■■■ ■   ■   ■   ■  ■     ■   ■   ■  ■   ■   ■
    ■ ■   ■   ■   ■  ■     ■   ■   ■  ■   ■■■■■
■   ■ ■   ■   ■  ■■  ■■    ■   ■  ■■  ■   ■    
■■■■  ■■  ■    ■■ ■   ■■■  ■■   ■■ ■  ■    ■■■ 

■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 
*/
/* ---- Structure ---- */
html,
body{color: #000;  }

/* Wrap */
body > #Wrap {height: auto;}
#Wrap{ width:100%; min-height: 100%; height: auto !important; margin: 0 auto; position: relative; top:0; }
#Wrap{  }
#Wrap > .inner{ margin: 0 auto; position: relative;}
#Wrap{ }

/* Head Area */
#Head{ width: 100%; }
#Head > .inner{ width: 100%; max-width: 1600px; margin: 0 auto ; padding-bottom: 0; position: relative; line-height: 0;}

#Main{ position: relative; }
#Main .vis-image{ line-height: 0; position: relative; text-align: center; margin: 0 auto; }
#Main .vis-image .l0{ position: relative; }
#Main .vis-image .l1{ position: absolute; top:0; text-align: center; margin: 0 auto; left:0; right:0; }
#Main .vis-head{ width: 100%; background-color: rgba(255,255,255,0.85); position: absolute; top:0; z-index: 100; }
#Main .vis-head > .inner{ width: 100%; max-width: 1200px; margin: 0 auto; position: relative; }
#Main .vis-logo{ width: 23.34%; margin: 0; position: relative; }
#Main .vis-onair{ width: 75%; position: absolute; top:8%; right: 0; }
#Main .vis-spmenu{ display: none; }
#Main .vis-menu{ width: 75%; position: absolute; top:48%; right: 0; }
#Main .vis-menu{ padding: 0; margin: 0; letter-spacing: -0.4em; display: block; list-style-type: none; }
#Main .vis-menu li{ padding: 0; margin: 0 .8em .8em 0; letter-spacing: 0; line-height: 1; display: inline-block; list-style-type: none; }
#Main .vis-menu li a{ color: #000; text-decoration: none; }
#Main .vis-menu li a:hover{ color: #f4269f; }

#Sub{ position: fixed; display: block; width: 100%; top:0; z-index: 200;}
#Sub .vis-head{ width: 100%; background-color: rgba(255,255,255,0.85); position: absolute; top:0; z-index: 100; }
#Sub .vis-head > .inner{ width: 100%; max-width: 1200px; margin: 0 auto; position: relative; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; align-items: center; }
#Sub .vis-logo{ width: 15%; margin: 0 ; padding: 0 2%; }
#Sub .vis-onair{ display: none; }
#Sub .vis-spmenu{ display: none; }
#Sub .vis-menu{ width: 80%; text-align: left; }
#Sub .vis-menu{ padding: 1em 0 0 0; margin: 0; letter-spacing: -0.4em; display: block; list-style-type: none; }
#Sub .vis-menu li{ padding: 0; margin: 0 .8em .8em 0; letter-spacing: 0; line-height: 1; display: inline-block; list-style-type: none; }
#Sub .vis-menu li a{ color: #000; text-decoration: none; }
#Sub .vis-menu li a:hover{ color: #f4269f; }

#Sub.pc-hide{ display: none; }

#Main .vis-menu,
#Sub .vis-menu{  font-size: 1.7vw; }

/* Content Area */
#Content{ width: 100%; max-width: 1600px; margin: 0 auto ;  }
#Content > .inner{ position: relative; background: #FFF; border-radius: 0 0 1em 1em; }
#Content > .inner #Entries{ max-width: 800px; margin: 0 auto; }

/* Bottom Area */
#Bottom{ width: 100%; margin: 0 auto; position: relative; }
#Bottom > .inner{ width: 100%; position: relative; line-height: 0; }

/* Footer */
#Footer{ padding: 2em 0 0 0; }
#Footer > .inner{ padding: 2em 0 2em 0; text-align: center; }
#Footer #FooterBanner{ margin: 0 auto; text-align: center; padding: 0 0 .7em 0; margin: 0 ; }
#Footer #FooterBanner ul{ display: block; list-style-type: none; margin: 0; padding: 0.3em 0; letter-spacing: -0.4em;}
#Footer #FooterBanner ul > li{ display: inline-block; margin:0 0.1em 0.4em 0.1em; padding: 0 0; letter-spacing: 0;}
#Footer #FooterBanner ul > li:nth-child(1){ display: none; }
#Footer #FooterBanner img{ border: #e0e0e0 solid 1px;}
#Footer #Copyright{ font-size: 0.6em; display: inline-block; line-height: 1; }

/* Pagetop Button */
#PageTopBtn{ width: 60px; height: 60px; position: fixed; bottom: 1em; right: 1em; line-height: 0; }
#PageTopBtn .cursor{ position: absolute; top:0; }

/*
■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 

              ■                 ■                
■             ■  ■       ■      ■               ■
■             ■                 ■               ■
■  ■■■■    ■■■■  ■ ■   ■ ■   ■■■■  ■   ■  ■■■   ■
■  ■■  ■  ■■ ■■  ■  ■  ■ ■  ■■ ■■  ■   ■  ■  ■  ■
■  ■   ■  ■   ■  ■  ■ ■  ■  ■   ■  ■   ■   ■■■  ■
■  ■   ■  ■   ■  ■  ■ ■  ■  ■   ■  ■   ■ ■■  ■  ■
■  ■   ■  ■■ ■■  ■   ■■  ■  ■■ ■■  ■  ■■ ■   ■  ■
■  ■   ■   ■■■■  ■   ■   ■   ■■■■   ■■ ■  ■■■■  ■

■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 
*/

/* SUB-PAGE */
.sub-page #Head{ margin-bottom: 2em; }
.sub-page #Content > .inner{ position: relative; background: none; border-radius: 0 0 1em 1em; }
/* News */
html,body#Page_News{  background: url(../images/top-ticket-bg.jpg) no-repeat center top; background-attachment: fixed; background-size: 100%; }
/* TICKET */
#Page_Ticket{}
#Page_Ticket .entry-title{ background: #98aad0; color: #FFF; }
/* TICKET */
#Page_Novelty{}
#Page_Novelty .entry-title{ background: #98aad0; color: #FFF; }
/* TIEUP */
#Page_Tieup{}
#Page_Tieup #Content > .inner #Entries{ max-width: 1200px; margin: 0 auto; }
.tieup-list{ display: flex; flex-wrap: wrap; justify-content: flex-start; }
.tieup-list-cell{ width: 98%; margin: 1% 1% 2% 1%; text-align: center;}
.tieup-list-cell p{ margin: 0; }
.tieup-list-cell .title{ color: #f4269f; font-size: 0.74em; margin-bottom: .1em;}

/* TOP-PAGE */
html,body#Page_Top{ background: none;  }

#Opening{ width:100%; min-height: 100%; height: auto !important; margin: 0 auto; position: relative; top:0; }
#Opening > .inner{ width: 100%; max-width: 1600px; margin: 0 auto ; position: relative; }
#Opening .op-back{ width: 100%; position: absolute; top:0; left:0; right:0; z-index: 0; }
#Opening .op-vis{ width: 68.333%; position: relative; margin: 0 auto; }
#Opening .op-catch1{ width: 15.833%; position: absolute; top:0; right:0;}
#Opening .op-catch2{ width: 15.833%; position: absolute; top:0; left:0;}
#Opening{ display: none; }

#NewsTwt{ padding: 0; background-color: #fafafa; max-width: 1600px; margin: 0 auto; }
#NewsTwt > .inner{ max-width: 1200px; margin: 0 auto; position: relative; }

#PV{ width: 35%; position: relative; margin: 0 auto; }
#PV > .inner{ padding: 1em .5em 0 .5em; }
#PV .block-ttl{ width: 80%; text-align: center; margin:0 auto .5em auto; text-align: center; line-height: 1.3; }
#PV .pv-block{ text-align: center; min-height: 270px;}

#News{ width: 30%; position: absolute; top:0; left: 0; }
#News > .inner{ padding: 1em .5em .5em .5em; }
#News .block-ttl{ margin-bottom: .5em; text-align: center; }
#News .news-block{ text-align: left; }
#News .news-list{ overflow: auto;}
#News .news-list dl{ margin: 0 0 1em 0 ; padding:0; list-style-type: none; font-size: 0.777em; }
#News .news-list dl:last-child{ margin: 0;}
#News .news-list dl dt{ display: block; padding: 0; margin: 0; line-height: 1; }
#News .news-list dl dd{ display: inline-block; margin: 0; padding: 0; line-height: 1.2;}
#News .news-list dl dd a{ color: #000; text-decoration: underline; }
#News .news-list dl dd a:hover{ color: #f4269f; text-decoration: underline;}

#Twitter{ width: 30%; position: absolute; top:0; right: 0;}
#Twitter > .inner{ padding: 1em .5em .5em .5em; }
#Twitter .block-ttl{ margin-bottom: 0; text-align: center; }
#Twitter .twitter-block{ text-align: left; }

#Intro .inner{ padding-top: 2em; text-align: center; }
#Intro .inner .block-ttl{ }
#Intro .inner .intro-body{ padding-bottom: 1em; font-size: 1.2222em; line-height: 2.1; background: url(../images/top-intro-bg.png) no-repeat center bottom; background-size: 100%; }
#Intro .inner .intro-body .ct{ font-size: 1.33333em; color: #f4269f; }

#Story .inner{ padding-top: 2em; text-align: center;  background: url(../images/top-story-bg.jpg) no-repeat center bottom; background-size: contain;}
#Story .inner .block-ttl{ }
#Story .inner .story-body{ padding-bottom: 1em; font-size: 1.1em; line-height: 2.6; text-shadow: 1px 1px 1px #fff; }
#Story .inner .story-body .ct{ /* font-size: 1.33333em; */ color: #f4269f; }

#StaffCast .inner{ padding-top: 2em; text-align: center; background-color: #fafafa; }
#StaffCast .inner .block-ttl{ }
.table-staff{ width: 100%; }
.table-staff th,.table-staff td{ padding: .2em .1em; vertical-align: middle; }
.table-staff th{ width: 50%; padding-right: 1em; font-size: 0.8em ; font-weight: normal; color: #98aad0; text-align: right; }
.table-staff td{ width: 50%; text-align: left; }
.table-staff td .exs{ font-size: 0.6em ; display: block;}

#Music{ padding: 2em 0; text-align: center; background:url(../images/common-entry-bg.png); }
#Music .inner{ width: 100%; max-width: 1200px; margin: 0 auto; }

.music-list{ display: flex; flex-wrap: wrap; justify-content: center; }
.music-list-cell{ width: 48%; margin: 1%; text-align: center;}
.music-list-cell p{ margin: 0; }
.music-list-cell .title{ color: #f4269f; font-size: 0.74em; margin-bottom: .1em;}
.music-list-cell .set{ font-size: 0.6em; letter-spacing: -0.05em;}
.music-list-cell .set span{  }

#Bddvd{ padding: 2em 0; text-align: center; background:url(../images/common-entry-bg.png); }
#Bddvd .inner{ width: 100%; max-width: 1200px; margin: 0 auto; }

.bddvd-list{ display: flex; flex-wrap: wrap; justify-content: center; }
.bddvd-list-cell{ width: 48%; margin: 1%; text-align: center;}
.bddvd-list-cell.vjkt{ width: 31%; margin: 1%; text-align: center;}
.bddvd-list-cell p{ margin: 0; }
.bddvd-list-cell .title{ color: #f4269f; font-size: 0.74em; margin-bottom: .1em;}
.bddvd-list-cell .set{ font-size: 0.6em; letter-spacing: -0.05em;}
.bddvd-list-cell .set span{  }

.bnf-list{ display: flex; flex-wrap: wrap; justify-content: center; }
.bnf-list-cell{ width: 98%; margin: 1%; text-align: center;}
.bnf-list-cell p{ margin: 0; }
.bnf-list-cell .shop{ font-size: 0.9em; letter-spacing: -0.05em; display: block; background: rgba(0,0,0,0.1);}
.bnf-list-cell .thumb{ max-width: 420px; margin: 1em auto 0 auto;}
.bnf-list-cell .item{ color: #f4269f; font-size: 0.9em; margin-bottom: .1em;}
.bnf-list-cell .item span{ font-size: 0.8em; color: #000; }
.bnf-list-cell .stt{ font-size: 0.7em; letter-spacing: -0.05em; margin-top: 1em;}

#Ticket{ padding: 2em 0; text-align: center; background: url(../images/top-ticket-bg.jpg) no-repeat center top; background-size: 100%;}
#Ticket .inner{ width: 100%; max-width: 1200px; margin: 0 auto; }

.ticket-list{ display: flex; flex-wrap: wrap; justify-content: center; }
.ticket-list-cell{ width: 31%; margin: 1%; text-align: center;}
.ticket-list-cell p{ margin: 0; }
.ticket-list-cell .title{ color: #f4269f; font-size: 0.74em; margin-bottom: .1em;}
.ticket-list-cell .set{ font-size: 0.6em; letter-spacing: -0.05em;}
.ticket-list-cell .set span{  }

#Novelty{ padding: 2em 0; text-align: center; background: url(../images/top-novelty-bg.jpg) no-repeat center bottom; background-size: 100%;}
#Novelty .inner{ width: 100%; max-width: 1200px; margin: 0 auto; }

#Movie{ padding: 2em 0; text-align: center; background: #f0f5f8 url(../images/main_3.png) fixed center center;  /* background-color: #fafafa; */ }

#Theater{ padding: 2em 0; text-align: center;  }

#Streaming{ padding: 2em 0; text-align: center;  }
#Streaming .inner{ width: 100%; max-width: 1200px; margin: 0 auto; }
.streaming-list{ display: flex; flex-wrap: wrap; justify-content: center; }
.streaming-list-cell{ margin: .4em; }
.streaming-list-cell a{ display: inline-block; padding: .2em .4em; background-color: rgba(0,0,0,.03); text-decoration: none; color: #000; }

/*
■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■      

                     ■                                                     
 ■■    ■■            ■  ■             ■■■                     ■            
 ■■    ■■            ■               ■   ■                                 
 ■■■  ■ ■   ■■■   ■■■■  ■  ■■■      ■     ■  ■   ■   ■■■  ■ ■ ■   ■■■  ■■■ 
 ■ ■  ■ ■  ■  ■  ■■ ■■  ■  ■  ■     ■     ■  ■   ■  ■  ■  ■■  ■  ■  ■  ■   
 ■ ■  ■ ■  ■   ■ ■   ■  ■   ■■■     ■     ■  ■   ■  ■   ■ ■   ■  ■   ■ ■■  
 ■  ■■  ■  ■■■■■ ■   ■  ■ ■■  ■     ■     ■  ■   ■  ■■■■■ ■   ■  ■■■■■   ■■
 ■  ■■  ■  ■     ■■ ■■  ■ ■   ■      ■  ■■   ■  ■■  ■     ■   ■  ■        ■
 ■      ■   ■■■   ■■■■  ■  ■■■■       ■■■■■   ■■ ■   ■■■  ■   ■   ■■■  ■■■ 

■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 
*/
/* PC - large ----------------------------------------------------------------------------- */
@media (max-width: 1200px) {



}
/* PC - middle ----------------------------------------------------------------------------- */
@media (max-width: 1060px) {
/*
#Main .vis-menu,
#Sub .vis-menu{  font-size: 0.888em; }
*/
}
@media (max-width: 999px) {
/*
#Main .vis-menu,
#Sub .vis-menu{  font-size: 0.777em; }
*/
}
@media (max-width: 820px) {
/*
#Main .vis-menu,
#Sub .vis-menu{  font-size: 0.666em; }
*/
}
/* pad - small ----------------------------------------------------------------------------- */
@media (max-width: 767px) {
/* style */
.pcbr {display: none;}
.pcbr:before {content: "" ;}
.spbr:before {content: "\A" ;white-space: pre ;}
.hide-pc{ display: inherit; }
.hide-sp{ display: none;}

.table-a th,.table-a td{ width: inherit; display: block; }
.table-x th,.table-x td{ width: inherit; display: block; }
/*.entry{ padding: 15px;}*/
.entry .entry-left{ width: inherit; float: none; }
.entry .entry-right{ width: inherit; float: none; }
.back-btn img{ width: 100px; }

html,
body{ font-size: 16px; }


/* Head */
#Main{ position: relative; }
#Main .vis-image{ line-height: 0; position: relative; }
#Main .vis-head{  position: relative;  }
#Main .vis-head > .inner{ width: 100%; max-width: 1200px; margin: 0 auto; position: relative; }
/*
#Main .vis-logo{ width: 30%; max-width: 280px; position: relative; margin: 0 ; }
#Main .vis-onair{ width: 45%; max-width: 390px; position: absolute; margin: 0; top:0; left: inherit; right:20%; }
#Main .vis-spmenu{ width: 16%; max-width: 80px; position: absolute; margin: 0; top:0; left: inherit; right:0; display: block; cursor: pointer; }

#Main .vis-menu{ width: 100%; position: relative; top:0; right: 0; font-size: 1.5em; text-align: center; }
#Main .vis-menu{ padding: 2% 0 1% 0; margin: 0; letter-spacing: -0.4em; display: block; list-style-type: none; }
#Main .vis-menu li{ padding: .4em; margin:0; letter-spacing: 0; line-height: 1; display: block; list-style-type: none; border-bottom: #ccc solid 1px; }
#Main .vis-menu li:first-child{ border-top: #ccc solid 1px; }
#Main .vis-menu li a{ color: #000; text-decoration: none; }
#Main .vis-menu li a:hover{ color: #f4269f; }
*/

#Main .vis-logo{ width: 30%; max-width: 280px; position: relative; margin: 0 ; opacity: 0; }
#Main .vis-onair{ display: none; }
#Main .vis-spmenu{ display: none; }

#Main .vis-menu{ display: none; }
/* #Main .vis-menu.tgl-on{ display: block; } */

/* #Sub .vis-menu{ font-size: 1em; } */
#Sub .vis-head > .inner{ width: 100%; max-width: 1200px; margin: 0 auto; position: relative; display: block; }
/* #Sub .vis-logo{  width: 27%; max-width: 280px; position: relative; margin: 0 ; padding: 0; } */
#Sub .vis-logo{ width: 30%; max-width: 280px; position: relative; margin: 0 ; padding: 0; }
#Sub .vis-onair{ width: 45%; max-width: 390px; position: absolute; margin: 0; top:0; left: inherit; right:20%; display: block; }
#Sub .vis-spmenu{ width: 16%; max-width: 80px; position: absolute; margin: 0; top:0; left: inherit; right:0; display: block; cursor: pointer; }

#Sub .vis-menu{ width: 100%; position: relative; top:0; right: 0; font-size: 1.3em; text-align: center; }
#Sub .vis-menu{ padding: 2% 0 1% 0; margin: 0; letter-spacing: -0.4em; display: block; list-style-type: none; }
#Sub .vis-menu li{ padding: .4em; margin:0; letter-spacing: 0; line-height: 1; display: block; list-style-type: none; border-bottom: #ccc solid 1px; background-color: rgba(255,255,255,0.5); }
#Sub .vis-menu li:first-child{ border-top: #ccc solid 1px; }
#Sub .vis-menu li a{ color: #000; text-decoration: none; }
#Sub .vis-menu li a:hover{ color: #f4269f; }

#Sub .vis-menu{ display: none; }
#Sub .vis-menu.tgl-on{ display: block; }

#Sub.pc-hide{ display: block; }

#Content > .inner #Entries{  padding: 0 1em }

/* Pagetop Button */
#PageTopBtn{ width: 40px; height: 40px; position: fixed; bottom: .5em; right: .5em; line-height: 0; }

/* SUB-PAGE */

/* TOP-PAGE */
#Opening .op-vis{ width: 100%; position: relative;  }
#Opening .op-catch1{ width: 100%; position: absolute; margin: 0 auto; top:0; right:inherit;}
#Opening .op-catch2{ width: 100%; position: relative; margin: 0 auto; top:inherit; left:inherit;}

#PV{ width: 100%; max-width: 560px; margin: 0 auto; }
#PV > .inner{ padding: 1em; }
#PV .block-ttl{ display: none; }
#PV .pv-block{ min-height: inherit;}
#News{ width: 100%; max-width: 510px; margin: 0 auto; position: relative; top:inherit; left: inherit; }
#News > .inner{ padding: 1em ; }
#News .news-list dl{ font-size: 0.777em; }
#Twitter{ width: 100%; max-width: 510px; margin: 0 auto; position: relative; top:inherit; left: inherit; }
#Twitter > .inner{ padding: 1em ; }
#Twitter .twitter-block{  }

#Intro .inner .intro-body{ padding: 0 1em 1em 1em; font-size: 1.2222em; background-size: 1600px; }
#Intro .inner .intro-body .ct{ font-size: 1.33333em; }
#Story .inner{ background-size: cover;}
#Story .inner .story-body{ padding: 0 1em 1em 1em; font-size: 1em;}

.table-staff{ width: 90%; margin: 0 auto; }
.table-staff th,.table-staff td{ padding: 0; }
.table-staff th{ text-align: center; }
.table-staff td{ text-align: center; margin-bottom: 1em; }
.table-staff td .exs{ font-size: 0.6em ; display: block;}

#Bddvd .inner{ width: 90%; margin: 0 auto; }
.bddvd-list-cell{ width: 98%; margin: 1%; text-align: left;}
.bddvd-list-cell.vjkt{ width: 98%; margin: 1%; text-align: left;}

#Music .inner{ width: 90%; margin: 0 auto; }
.music-list-cell{ width: 98%; margin: 1%; text-align: left;}

#Ticket{ background-size: cover;}
#Ticket .inner{ width: 90%; margin: 0 auto; }
.ticket-list-cell{ width: 48%; margin: 1%; text-align: left;}

#Novelty{ background-size: cover;}
#Novelty .inner{ width: 90%; margin: 0 auto; }

#Movie{ padding: 2em 5%;  }

#Streaming .inner{ width: 90%; margin: 0 auto; }

}
/* smp - X small ----------------------------------------------------------------------------- */
@media (max-width: 640px) {
/*
#Main .vis-menu,
#Sub .vis-menu{ font-size: 0.888em; }
*/
}
@media (max-width: 480px) {
/*
#Main .vis-menu,
#Sub .vis-menu{ font-size: 0.777em; }
*/
.ticket-list-cell{ width: 98%; margin: 1%; text-align: left;}
/* .tieup-list-cell{ width: 98%; margin: 1%; } */
}
@media (max-width: 380px) {
/*
#Main .vis-menu,
#Sub .vis-menu{ font-size: 0.666em; margin: 0 .2em .5em 0; }
*/
}
/* pc - large ----------------------------------------------------------------------------- */
@media (min-width: 768px) {
/* style */
.spbr {display: none;}
.spbr:before {content: "" ;}

}
/* pc - xlarge ----------------------------------------------------------------------------- */
@media (min-width: 1200px) {

#Main .vis-menu,
#Sub .vis-menu{ font-size: 0.95em; }
}
/*
■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■      

   ■           ■                  ■   ■              
   ■                              ■                  
  ■ ■   ■■■■   ■  ■■■ ■■■   ■■■  ■■■■ ■   ■■■   ■■■■ 
  ■ ■   ■■  ■  ■  ■  ■■  ■  ■  ■  ■   ■  ■■ ■■  ■■  ■
 ■   ■  ■   ■  ■  ■  ■   ■   ■■■  ■   ■  ■   ■  ■   ■
 ■■■■■  ■   ■  ■  ■  ■   ■ ■■  ■  ■   ■  ■   ■  ■   ■
 ■   ■  ■   ■  ■  ■  ■   ■ ■   ■  ■   ■  ■■ ■■  ■   ■
■     ■ ■   ■  ■  ■  ■   ■  ■■■■  ■■  ■   ■■■   ■   ■

■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 
*/
.invisible{
	transition: opacity 0.5s ease;
	opacity: 0.0;
}
.inview{}


.dly-5{ animation-delay: 0.5s;}
.dly1{ animation-delay: 1.0s;}
.dly1-5{ animation-delay: 1.5s;}
.dly2{ animation-delay: 2.0s;}
.dly3{ animation-delay: 3.0s;}
.dly4{ animation-delay: 4.0s;}
.dly5{ animation-delay: 5.0s;}
.dur-5{ animation-duration: 0.5s;}
.dur1{ animation-duration: 1.0s;}
.dur1-5{ animation-duration: 1.5s;}
.dur2{ animation-duration: 2.0s;}
.dur3{ animation-duration: 3.0s;}
.dur4{ animation-duration: 4.0s;}
.dur5{ animation-duration: 5.0s;}

@-webkit-keyframes fadeInDownSM {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -15%, 0);
    transform: translate3d(0, -15%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownSM {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -15%, 0);
    transform: translate3d(0, -15%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownSM {
  -webkit-animation-name: fadeInDownSM;
  animation-name: fadeInDownSM;
}

@-webkit-keyframes fadeInUpSM {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 15%, 0);
    transform: translate3d(0, 15%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSM {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 15%, 0);
    transform: translate3d(0, 15%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpSM {
  -webkit-animation-name: fadeInUpSM;
  animation-name: fadeInUpSM;
}