/*------------------------------------------------------------
    [PC]
------------------------------------------------------------ */

body.no-scroll{height:100%;overflow: hidden !important;}
#suntory_contents .menuBlack{display: none; background: rgba(0,0,0,0.4);width: 100vw;height: 100%;z-index: 8;position: fixed;left: 0;top: 0;}
#suntory_contents .menuBlack.show{display: block;}
#suntory_contents .mvBlock .mvCont .btnMenu{position: absolute;top: 0;right: 47px; cursor: pointer; width:170px;height: 50px;background: url(/suntoryhall/feature/2021_22/img/btn_Menu_on.jpg) no-repeat 0 0; margin:0 auto;}
/*#suntory_contents .mvBlock .mvCont .btnMenu:hover{background: url(/suntoryhall/feature/2021_22/img/btn_Menu_on.jpg) no-repeat 0 0;}*/
#suntory_contents .mvBlock .mvCont .menuWrap{display: none; width: 370px;position: absolute;top: 55px;right: auto;left: 743px;padding-bottom: 50px;z-index: 99999;}
#suntory_contents .mvBlock .mvCont .menuWrap li{padding:0 20px;font-size: 13.5px;background-color: #fff;transition: .3s ease;}
#suntory_contents .mvBlock .mvCont .menuWrap li:last-child a {border-bottom: none;}
#suntory_contents .mvBlock .mvCont .menuWrap li:hover{background-color: #f8f3e7}
#suntory_contents .mvBlock .mvCont .menuWrap li a {position: relative; display: block;color: #880011;border-bottom: 1px solid #f4e5e5;line-height: 45px;height: 45px;text-decoration: none;}
#suntory_contents .mvBlock .mvCont .menuWrap li a:after {content: "";display: block;position: absolute;top:50%;right: 0;transform: translateY(-50%); width: 6px;height: 9px; background: url(/suntoryhall/feature/2021_22/img/btn_arrow_02.png);}
#suntory_contents .mvBlock .mvCont .menuWrap li.close {cursor: pointer; background: #771133;color: #fff;position: relative;height: 65px;line-height: 65px;}
#suntory_contents .mvBlock .mvCont .menuWrap li.close:hover {color:#ddbb55;}
#suntory_contents .mvBlock .mvCont .menuWrap li.close:after {position: absolute; display: block;content: ""; background: url(/suntoryhall/feature/2021_22/img/btn_close_01.png);width: 31px;height: 31px;top:50%;right: 17px;transform: translateY(-50%);}
#suntory_contents .mvBlock .mvCont .menuWrap li a:hover {color:#ee0044;}
#suntory_contents .mvBlock .mvCont .menuWrap li.menuSub:hover {background-color: #fff;}
#suntory_contents .mvBlock .mvCont .menuWrap li.menuSub li {padding:0;padding-left: 20px;font-size: 12.7px;}
#suntory_contents .mvBlock .mvCont .menuWrap li.menuSub li a {}
#suntory_contents .mvBlock .mvCont .menuWrap_auter{display: none;position: fixed;overflow-y: scroll;top: 0;right: auto;bottom: 0;width: 100%;height: 100%;z-index: 99999;float: left;}
#suntory_contents .mvBlock .mvCont .menuWrap li a span.sub {vertical-align: sub;}
#suntory_contents .mvBlock .mvCont .btnMenu.fixed {position: fixed;top: 55px;z-index: 9999;right:auto;margin-left: 943px;}
/*------------------------------------------------------------
    [SP]
------------------------------------------------------------ */
/**/
#suntory_contents p#SpMenuBtn.fixed{position:fixed;top:4vw;right:1vw;}
#suntory_contents p#SpMenuBtn.limit{position:absolute;bottom:20px;top:auto;}
/*#suntory_contents p#SpMenuBtn:before{content:"MENU";line-height:40px;height:40px;font-size:12px;color:#fff;display:block;width:64%;text-align:center;}*/

#suntory_contents p#SpMenuBtn #icon{display:block;position:absolute;top:47%;right:11%;width:22px;height:1px;margin:0;background:#ffffff;transition:.2s;}
#suntory_contents p#SpMenuBtn #icon:before,
#suntory_contents p#SpMenuBtn #icon:after{display:block;content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:#ffffff;transition:.3s;}
#suntory_contents p#SpMenuBtn #icon:before{margin-top:-8px;}
#suntory_contents p#SpMenuBtn #icon:after{margin-top:7px;}

#suntory_contents .menu_bg {
  display:none;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
  z-index:2 !important;
}


#suntory_contents .hamburgerNav {
  display: none;
  background: #fff;
  height:auto;
  transition: All 0.2s ease;
  -webkit-transition: All 0.2s ease;
  -moz-transition: All 0.2s ease;
  -o-transition: All 0.2s ease;
  z-index: 9999 !important;
  overflow: auto;
}

#suntory_contents .hamburgerNav a {
  text-decoration: none;
}

#suntory_contents .gnbNavHeader {
  background: #771133;
  box-sizing: border-box;
  position: relative;
  font-size: 12px;
  color: #fff;
}
#suntory_contents .gnbNavHeader img {
  width: 100%;
  max-width: 100%;
}

#suntory_contents .gnbCloseBtn {
  top: 10px;
  height: 40px;
  margin-top: -3px;
  cursor: pointer;
}
#suntory_contents .gnbCloseBtn:after {
  position: absolute;
  display: block;
  content: "";
  background: url(/suntoryhall/feature/2021_22/img/btn_close_01.png);
  width: 31px;
  height: 31px;
  top: 50%;
  right: 17px;
  transform: translateY(-50%);
}

#suntory_contents .gnbNav li {
  padding: 0 20px;
  font-size: 12px;
  background-color: #fff;
  border-bottom: 1px solid #f4e5e5;
  transition: .3s ease;
}

#suntory_contents .gnbNav li:focus,
#suntory_contents .gnbNav li:hover {
  background-color: #f8f3e7;
}

#suntory_contents .gnbNav li.menuSub:hover:focus,
#suntory_contents .gnbNav li.menuSub:hover:hover {
  background-color: #fff;
}

#suntory_contents .gnbNav li.menuSub li{
  padding: 0;
  padding-left: 20px;
  font-size: 11px;
}

#suntory_contents .gnbNav li a:focus,
#suntory_contents .gnbNav li a:hover {
color: #ee0044
}

#suntory_contents .gnbNav li a {
  display: block;
  position: relative;
  color:#119900;
}


#suntory_contents .gnbNav > li > a {
  font-weight: bold;
}

#suntory_contents li.subNav_outer {
  padding: 0;
}

#suntory_contents .subNav li {
  background: #fff;
}

#suntory_contents .subNav li a span.sub {
  vertical-align: sub;
}

#suntory_contents .menu_bg.active,
#suntory_contents .hamburgerWrap.active,
#suntory_contents .hamburgerNav.active,
#suntory_contents .subNav.active  {
  display: block !important;
  transition: All 0.2s ease;
  -webkit-transition: All 0.2s ease;
  -moz-transition: All 0.2s ease;
  -o-transition: All 0.2s ease;
}
#suntory_contents .hamburgerNav.active .on,
#suntory_contents .hamburgerNav.active .gnbNav > li.on > a {
  background-color: #f8f1e4;
  color:#55bb00;
}



@media print, screen and (min-width:768px){
  #suntory_contents .navWrap {
    position: relative;
  }

  #suntory_contents .lNavCont .nav li.now a{
    background-position:0 -70px;
    opacity: 0.85;
  }
  #suntory_contents .lNavCont .nav li.now a:hover{
    opacity: 0.80;
  }

  #suntory_contents .hamburgerNav {
    width: 300px;
    height: fit-content;
    right: 0;
    top: 0;
    position: absolute;
  }

  #suntory_contents .gnbNavHeader {
    min-height: 120px;
    padding: 20px 30px;
  }

  #suntory_contents .gnbNav > li > a {
    font-size: 1em;
    padding:15px 30px;
    box-sizing: border-box;
  }
  #suntory_contents .subNav li a {
    font-size:0.84375rem ;
    padding:12px 30px 12px 50px;
    box-sizing: border-box;
  }
  #suntory_contents .subNav .topSnav00 .sp_item {
    display: none;
  }
  #suntory_contents .subNav li a span.sub {
    vertical-align: sub;
  }
}


/*------------------------------------------------------------
    [SP] GNB / hamburger
------------------------------------------------------------ */

@media screen and (max-width:767px){
  #suntory_contents .menu_bg {
    overflow: scroll;
    background:rgba(0,0,0,0.5);
  }

  /*-----------------
      [SP] hamburger
  --------------------- */

  #suntory_contents p#SpMenuBtn{
    height: 14vw;
    width: 30vw;
    position: absolute;
    top: 0;
    right: -7vw;
    cursor: pointer;
    background: url(/suntoryhall/feature/2021_22/img/btn_Menu_on_sp.png) no-repeat center/cover;
    margin: 0 auto;
    z-index: 1;
  }

  #suntory_contents p#SpMenuBtn img {
    width: 45%;
    vertical-align: middle;
    margin: 0 2vw 0 0;
  }

  #suntory_contents p#SpMenuBtn #icon{
    width:6.2vw;
    top:49%;
    height: 2px;
    right: 12%;
  }

  #suntory_contents p#SpMenuBtn.active{
    position:fixed;
  }

  #suntory_contents p#SpMenuBtn.active img {
    display: none;
  }

  #suntory_contents p#SpMenuBtn #icon:before{
    position:static;
    margin-top: -1.8vw;
    height: 2px;
  }

  #suntory_contents p#SpMenuBtn #icon:after{
    position:static;
    margin-top: 3.2vw;
    height: 2px;
  }


  #suntory_contents p#SpMenuBtn.hamburger{
    z-index:98;
  }

  #suntory_contents p#SpMenuBtn.hamburger.active{
    width:40px;
    z-index:1003 !important;
    background: transparent;
    box-shadow: none;
    padding: 3vw;
    right: 5.5%;
  }


  #suntory_contents p#SpMenuBtn.hamburger.active #icon {
    display: none !important;
  }


  /*-----------------
      [SP] GNB
  --------------------- */
  #suntory_contents .hamburgerWrap.active {
    padding: 15vw 4vw 8vw 4vw;
    position:fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    background: rgba(0,0,0,0.4);
    }

    /*for ios safari*/
    _::-webkit-full-page-media, _:future, :root #suntory_contents .hamburgerWrap.active {
      background: rgba(0,0,0,0.3);
    }


  #suntory_contents .hamburgerNav.active {
    overflow: scroll;
    width: 100%;
    margin: 0 auto;
  }

  #suntory_contents .gnbNavHeader {
    padding: 3vh 20px;
    padding-right: 20%;
  }

  #suntory_contents .gnbNav > li > a {
    font-size: 1em;
    padding:15px 30px;
    box-sizing: border-box;
  }
  #suntory_contents .subNav li a {
    position: relative;
    display: block;
    color: #880011;
    line-height: auto;
    height: auto;
    padding: 2vh 0;
    padding-right: 9%;
    text-decoration: none;
  }
  #suntory_contents .subNav li a:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 6px;
    height: 9px;
    background: url(/suntoryhall/feature/2021_22/img/btn_arrow_02.png);
  }

  #suntory_contents .subNav .topSnav00 .pc_item {
    display: none;
  }

  #suntory_contents .subNav .topSnav00 .sp_item {
    display: block;
  }

  #suntory_contents .hamburgerWrap.active,
  #suntory_contents .hamburgerNav.active,
  #suntory_contents .subNav.active  {
    z-index: 99999!important;
  }

  body.no-scroll{
      height:100%;
      overflow:hidden !important;
  }

}


@media screen and (max-width:375px) {


    #suntory_contents p#SpMenuBtn #icon{
        top:46%;
    }

    #suntory_contents p#SpMenuBtn #icon:before{
        margin-top:-6px;
    }

    #suntory_contents p#SpMenuBtn #icon:after{
        margin-top:11px;
    }
    #suntory_contents p#SpMenuBtn #icon,
    #suntory_contents p#SpMenuBtn #icon:before,
    #suntory_contents p#SpMenuBtn #icon:after {
      height: 1px;
    }

    #suntory_contents .gnbNav > li > a {
      padding: 12px 20px;
    }
    #suntory_contents .subNav li a {
      padding: 10px 30px 10px 30px;
    }
    #suntory_contents .gnbNav li .icon_arrow:after {
      right: 25px;
    }

}
@media all and (-ms-high-contrast:none){
    #suntory_contents p#SpMenuBtn.active{
        right:37px;
    }
}



#suntory_contents .page_top.inactive {
  display: none !important;
}

@media print {
  #suntory_contents p#SpMenuBtn {
    display: none !important;
  }
}