@charset "UTF-8";

/* html,body */
html,body{
  height: 100%;
  margin: 0;
  padding: 0;
}
body { margin: 0 auto; padding: 0; height: 100%; color: #333; font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; *font-size:small;*font:x-small; text-align: center; word-break: break-all; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px; letter-spacing: .06em; background: url(../img/common/bg.jpg) center top no-repeat fixed #082744;}

/* link- */
a { outline: none; color:#66cccc; text-decoration: none;opacity:1; transition:all 0.3s; }
a:hover { text-decoration: underline; opacity:0.7; transition:all 0.3s; }
a:focus { outline:none; }
.link-auto:after{ content:" "; display:inline-block; width:14px; height:12px; background:url(../img/common/icon-newwindow.png) 2px 0 no-repeat;vertical-align:top;}
.hidden{ text-indent:100%; white-space:nowrap; overflow:hidden; font-size: 0; height:0;}

/* highlight */
::selection { background: #fff3ae; }
::-moz-selection { background: #fff3ae; }

/*- IMG  */
img { border:none; -ms-interpolation-mode: bicubic; vertical-align: top; font-size:0; line-height: 0;}
a img{ border: 0; text-decoration:none; }

/*font*/
.global-menu,.share-buttons, .thumb-key, .title,.btn-back,.load, .list-new:after, .news-more, .category-nav{ font-family: 'Niconne', cursive;}
.font-min,.news-tit,.msg-area .name, .thumb-key,.music-title, .art-name,.cd-title, .special-in-area dt,#main-contents .news-title, .package-title,.story-title{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; -webkit-font-smoothing: antialiased;}*/
.center { text-align: center; display: block;}
.green {color: #66cc99;}
.pink {color: #ff6699;}
.sub-color,.list-new,.tokuten-list span, .post, .package-text dt,.privilege-text dt,.privilege-shop-list h4{ color:#64a8e1 !important;}
.theme-color,.title, .name, .days, .news-tit, .news-list li a, .submenu-list a,.btn-back a, .music-title, .art-name,.cd-title, .category-nav a,.news-nav li a,.special-in-area dt,#main-contents .news-title,.package-list a, .package-title,.story-title { color: #16355d;}

.title { font-size: 30px;}
.btn-back { font-size: 30px;}
  .btn-back a{  vertical-align:top; line-height: 36px;}
  .btn-back:before{ content: url("../img/common/icon-l.png"); margin-right: 8px; vertical-align:middle;}
.list-new:after{ content: "new"; margin-left: 6px; font-size: 18px; line-height: 8px;}
.submenu-list li, .movie-list li { vertical-align:top;}

/*list*/
.event-about li, .staff-area li, .cast-area li, .setlist li, .privilege-list li{ margin-bottom: 6px; padding: 4px 0; border-bottom:1px solid #DCF2FF;}

/* z-index */
#overlay { z-index: 9999;}
#global-nav,.share-buttons{ z-index: 9000;}
#second-area, .contents,.index-contents { z-index: 8000;}
#canvas { z-index: 7000;}


/* castam */
#overlay { position: fixed; width: 100%; height: 100%; text-align: center; background: #fff; display: table;}
#global-nav { position: fixed; top: 0; left: 0; margin: 0 auto; padding: 0; width: 100%; height: 120px; overflow: hidden; background: url(../img/common/bg.jpg) center top no-repeat fixed #105FC8;}
  .logo,.header-onair { display: inline-block; vertical-align:middle; margin: 0 8px 0 0; } 
.global-menu { position: absolute; bottom: 24px; right: 24px; margin-left: 80px; width: 580px; height: 50px; display: -webkit-flex; display: flex; justify-content: flex-end; -webkit-align-items: center; align-items:center; flex-wrap: wrap;}
  .global-menu li{ position: relative; min-width: 90px; text-align: center;}
  .global-menu a { margin: 10px; color: #fff;　display: block;　padding: 15px;　transition: .3s; }
  .global-menu a:after { position: absolute; bottom: -4px; left: 50%; content: ''; width: 0; height: 1px; background-color: #B4C9D2; transition: .3s; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
  .global-menu a:hover::after { width: 100%;}
  .global-menu a:hover{ color: #B4C9D2; opacity:1; text-decoration: none !important;}
.new:before{ position: absolute; top:-8px; right:10px; content:" "; width: 16px; height: 11px; background: url(../img/common/icon-new.png) 0 0 no-repeat;}
  .share-buttons{ position: fixed; top: 4px; right: 24px; margin: 0; font-size: 18px; color: #fff;}
  .share-buttons li{ display: inline-block; margin-right: 4px;vertical-align: middle;}


#wrap{ overflow: hidden; margin: 120px auto 0; min-height: 600px; font-size: 13px; background: url(../img/common/bg-main.png) center top repeat fixed #fff; line-height: 1.4;}
  .contents { position: relative; margin: 0 auto; width: 1100px; text-align: left;}
  .page-header{ position: absolute; top:80px; left:80px;}
  #main-contents{ margin: 0; padding: 80px 0 80px 240px; width: 860px; }
  .snowfall-flakes{opacity:0.8;}

/* list package */
.submenu-list,.movie-list-index, .package-list{ margin: 0 auto; padding:0; overflow: hidden;}
  .submenu-list li{ display:inline-block; margin-right:16px; vertical-align:top; min-height: 220px; width: 252px; }
  .package-list li{ display:inline-block; margin: 0 16px 24px 0; vertical-align:top; min-height: 340px; width: 250px; text-align: center; }
  .submenu-list a, .package-list a{ float:left;  position: relative;}
  .submenu-list li img,.package-list li img{ margin: 5px;}
  .submenu-list a:after { width: 252px; height: 143px; position: absolute; top: 0; left: 0; margin: auto; }
    .play .submenu-list a:nth-child(odd):after { content: url(../img/common/thumb-play-b.png); }
    .play .submenu-list a:nth-child(even):after { content: url(../img/common/thumb-play-p.png);}
    .play .submenu-list a:nth-child(odd):hover:after { content: url(../img/common/thumb-play-p.png); }
    .play .submenu-list a:nth-child(even):hover:after { content: url(../img/common/thumb-play-b.png);}    
    .zoom .submenu-list a:nth-child(odd):after { content: url(../img/common/thumb-zoom-b.png); }
    .zoom .submenu-list a:nth-child(even):after { content: url(../img/common/thumb-zoom-p.png);}
    .zoom .submenu-list a:nth-child(odd):hover:after { content: url(../img/common/thumb-zoom-p.png); }
    .zoom .submenu-list a:nth-child(even):hover:after { content: url(../img/common/thumb-zoom-b.png);}
  .package-list a:after { width: 250px; height: 340px; position: absolute; top: 0; left: 0; margin: auto; }
    .package-list a:nth-child(odd):after { content: url(../img/common/thumb-package-b.png); }
    .package-list a:nth-child(even):after { content: url(../img/common/thumb-package-p.png);}  
    
  .movie-list-index li a { display: block; position: relative; width: 252px; height: 143px; overflow: hidden;}
  .movie-list-index img { margin: 6px 7px; }
    .movie-list-index a:after { content: url(../img/common/thumb-play-p.png); width: 252px; height: 143px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
  
    .submenu-list h3,.package-list h3{margin-top:8px;}
    .package-list h3{ font-size: 18px;}    
      .package-list .release{ font-size: 12px; color: #666; font-weight: normal !important}
    .update{ margin-top: 10px; font-size: 10px; color: #666;}
    .update:before{ content: "+"; margin-right: 4px;}

/* footer */
footer{ clear: both; font-size: 10px !important; min-height:180px; color:#fff;}
  footer a{ color:#999;}
  footer .contents{ overflow: hidden; text-align: center;}
  .bnr-area { margin: 32px auto; display: table; border-collapse: separate; border-spacing: 32px 0; }
  .bnr-area li{display: table-cell; margin-right: 32px;}
  .site-info{ clear: both; margin-top: 10px; font-size: 10px; line-height: 1.4em; }
  .txt-copyright{ margin: 16px 0 32px; }

/* animation */
@-webkit-keyframes fade-in { 100% { opacity: 1;} }
@keyframes fade-in { 100% { opacity: 1;} }

/* GDN */
iframe[name="google_conversion_frame"] {
  position: absolute;
  height: 0;
}

#canvas {position: absolute; top:0; left: 0; opacity: .3; width: 100%;}