@charset "UTF-8";

/* ==========================================================
 reseting
========================================================== */
body, input, textarea, select, button {
  font-family: -apple-system,"Helvetica Neue","Roboto","游ゴシック体",YuGothic,"Yu Gothic","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif;
}

@media screen and (max-width: 768px) {
  .next[style="opacity: 0;"],
  .prev[style="opacity: 0;"],
  .start[style="opacity: 0;"],
  .back[style="opacity: 0;"],
  .btn-next[style="opacity: 0;"],
  .btn-prev[style="opacity: 0;"] {
    opacity: 0 !important;
  }
  
}

/* ==========================================================
 header
========================================================== */
     .header-tools{
      float: right;
      width: 872px;
      padding-right: 102px;
    }
         /*.header-tools > li.is-active{
        background-color: rgba(127,179,197);
      }*/
        
        .header-tools > li.is-active > a{
          color: #59564f;
        }
        
        .header-tool-lang{
          width: 149px;
        }
        .header-tool-search{
          width: 215px;
        }
        .header-tool-site{
         width: 186px;
        }
        .header-tool-town{
          width: 211px;
        }
        
        .header-tool-site .icon{
          display:inline-block;
          padding-right: 18px;
          background: url(/common/img/ico_pop_01@2x.png) right center no-repeat;
          background-size: 14px auto;
        }
        
        .header-tool-site.is-active .icon{
          background: url(/common/img/ico_pop_02@2x.png) right center no-repeat;
          background-size: 14px auto;
        }

      .header-buyticket a{
        display: block;
        width: 248px;
        height: 213px;
        background: url(/en/common/img/bnr_purchase_01.png) 0 0 no-repeat;
        text-indent:-9999px;
      }
      .toppage .header-buyticket a{
        background: url(/en/img/bnr_top_purchase_01.png) 0 0 no-repeat;
      }

 /* ==========================================================
 gnav
========================================================== */
  .gnav li {
    overflow: hidden;
    float:left;
    width: 132px;
    background: url(/en/common/img/gnavi-event-plus.jpg) 0 0 no-repeat;
    text-indent: -9999px;
  }
  .gnav li:last-child {
    width: 133px;
  }
    
  .gnav .g01 { background-position: 0 0;}
  .gnav .g02 { background-position: -132px 0;}
  .gnav .g03 { background-position: -264px 0;}
  .gnav .g04 { background-position: -396px 0;}
  .gnav .g05 { background-position: -528px 0;}
  .gnav .g06 { background-position: -660px 0;}
  .gnav .g07 { background-position: -792px 0;}
  .gnav .g01:hover { background-position: 0 -93px;}
  .gnav .g02:hover { background-position: -132px -93px;}
  .gnav .g03:hover { background-position: -264px -93px;}
  .gnav .g04:hover { background-position: -396px -93px;}
  .gnav .g05:hover { background-position: -528px -93px;}
  .gnav .g06:hover { background-position: -660px -93px;}
  .gnav .g07:hover { background-position: -792px -93px;}
  body#g01 .g01 { background-position: 0 -93px;}
  body#g02 .g02 { background-position: -132px -93px;}
  body#g03 .g03 { background-position: -264px -93px;}
  body#g04 .g04 { background-position: -396px -93px;}
  body#g05 .g05 { background-position: -528px -93px;}
  body#g06 .g06 { background-position: -660px -93px;}
  body#g07 .g07 { background-position: -792px -93px;}

/* ==========================================================
 Fixed Header
========================================================== */ 
/* fixed gnavi */
    .fixed .gnav li {
      background: url(/en/common/img/gnavi-event-plus-fixed.jpg) 0 0 no-repeat;
    }
      .fixed .gnav li a {
        height: 55px;
      }
  
  .fixed .gnav .g01 {width: 135px;}
  .fixed .gnav .g02 {width: 103px;}
  .fixed .gnav .g03 {width: 125px;}
  .fixed .gnav .g04 {width: 101px;}
  .fixed .gnav .g05 {width: 162px;}
  .fixed .gnav .g06 {width: 162px;}
  .fixed .gnav .g07 {width: 131px;}
  .fixed .gnav .g01 { background-position: 0 0;}
  .fixed .gnav .g02 { background-position: -135px 0;}
  .fixed .gnav .g03 { background-position: -238px 0;}
  .fixed .gnav .g04 { background-position: -363px 0;}
  .fixed .gnav .g05 { background-position: -464px 0;}
  .fixed .gnav .g06 { background-position: -626px 0;}
  .fixed .gnav .g07 { background-position: -788px 0;}
  .fixed .gnav .g01:hover { background-position: 0 -55px;}
  .fixed .gnav .g02:hover { background-position: -135px -55px;}
  .fixed .gnav .g03:hover { background-position: -238px -55px;}
  .fixed .gnav .g04:hover { background-position: -363px -55px;}
  .fixed .gnav .g05:hover { background-position: -464px -55px;}
  .fixed .gnav .g06:hover { background-position: -626px -55px;}
  .fixed .gnav .g07:hover { background-position: -788px -55px;}
  .fixed body#g01 .g01 { background-position: 0 -55px;}
  .fixed body#g02 .g02 { background-position: -135px -55px;}
  .fixed body#g03 .g03 { background-position: -238px -55px;}
  .fixed body#g04 .g04 { background-position: -363px -55px;}
  .fixed body#g05 .g05 { background-position: -464px -55px;}
  .fixed body#g06 .g06 { background-position: -626px -55px;}
  .fixed body#g07 .g07 { background-position: -788px -55px;}

/* ==========================================================
 footer
========================================================== */
      .footer-tools > ul >li:last-child > a{
        color: #6098aa;
      }
      
      .footer-tools > ul >li:last-child > a:after{
        background: url(/common/img/ico_pop_02@2x.png) 0 0 no-repeat;
        background-size: 12px auto;
      }
      
/* footer-utility
---------------------------------------------------------- */
  .footer-grid 
    .footer-grid-col01,
    .footer-grid-col02,
    .footer-grid-col03,
    .footer-grid-col04,
    .footer-grid-col05 {
      height: 490px;
    }

/* txt-notice
---------------------------------------------------------- */
.txt-notice {
  padding-left: 10px;
}
  .txt-notice:before {
    content: '*';
  }

.txt-alert {
  padding-left: 38px;
  position: relative;
}

  .txt-alert:before {
    content: '';
    background: url(/common/img/ico_alert_02.png) no-repeat;
    position: absolute;
    top: -5px;
    left: 0;
    width: 28px;
    height: 28px;
  }
@media screen and (max-width: 768px) {
  .txt-alert {
    padding-left: 18px;
    position: relative;
  }
  
    .txt-alert:before {
      background-size: 14px 14px;
      position: absolute;
      top: 4px;
      left: 0;
      width: 14px;
      height: 14px;
    }
}
/* ==========================================================
 list
========================================================== */
/* list-linkin
---------------------------------------------------------- */
.list-linkin .ico-arrow {
  padding-left: 22px;
  background: url(/reservation/individual/1st/img/ico_arrow_01.png) left 2px no-repeat;
}

@media screen and (max-width: 768px) {
  .list-linkin .ico-arrow{
    display: table-cell;
    padding: 0 0 23px;
    background: url(/reservation/individual/1st/img/ico_arrow_02.png) center bottom no-repeat;
    background-size: 18px auto;
    vertical-align: middle;
  }
}

/* ==========================================================
 button
========================================================== */
/* btn-cmn
---------------------------------------------------------- */
.btn-cmn-02{
  display:block;
  width: 145px;
  height: auto;
  margin: 0 auto;
}