@charset "utf-8";

/*------------------------------------------------------------
  common
  ------------------------------------------------------------ */
  #suntory_contents .contents_wrap {
    background-color:#f0f0ea;
    padding: 15px 0 60px;
  }
  #suntory_contents .breadcrumbs {
    margin-top: 0;
  }

  /* for PC */
/*------------------------------------------------------------
  titleKids（PC）
  ------------------------------------------------------------ */
  #suntory_contents #titleKids {
    /*background: url(../img/bg_titleKids.png) repeat 0 0;*/
    position: relative;
    width: 960px;
    height: 500px;
    margin: 0 auto 50px;
  }

  #suntory_contents #titleKids #infoBox { margin: 0 auto;}
  /*#suntory_contents #titleKids #infoBox { position: absolute; top: 39px; left: 108px; }*/
  #suntory_contents #titleKids #date21 { position: absolute; bottom: 221px; right: 15px; }

  #suntory_contents #infoBox_sp { display: none; }


/*------------------------------------------------------------
  contentKids（PC）
  ------------------------------------------------------------ */

  #suntory_contents #contentKids{
    background: url(../img/bg_contentKids.png) repeat-y;
    width: 960px;
    margin: 0 auto;
  }

/*nowOpen
-------------------------------------------------------------*/
#suntory_contents #contentKids #nowOpen {
  position: relative;
  width: 960px;
  height: 800px;
  margin: 0 auto 30px;
}

#suntory_contents #contentKids #nowOpen h2 { position: absolute; margin: 0; top: 10px; left: 30px; }
#suntory_contents #contentKids #nowOpen h3 { position: absolute; top: 190px; left: 30px; }
#suntory_contents #contentKids #nowOpen .btn { position: absolute; top: 640px; left: 60px; }
#suntory_contents #contentKids #nowOpen .floor_map { position: absolute; top: 30px; left: 550px; }
#suntory_contents #contentKids #nowOpen .moreInfo_yoyaku { position: absolute; top: 580px; left: 530px; }
#suntory_contents #contentKids #nowOpen .moreInfo_text { position: absolute; top: 750px; left: 530px; }

#suntory_contents #contentKids #nowOpen .btn a:hover {
  -ms-filter: "alpha( opacity=80 )";
  filter: alpha( opacity=80 );
  opacity: 0.8;
}

#suntory_contents #contentKids #nowOpen_sp img { display: none; }

/*floor
-------------------------------------------------------------*/
#suntory_contents #contentKids .floor01,
#suntory_contents #contentKids .floor01,
#suntory_contents #contentKids .floor02,
#suntory_contents #contentKids .floor04,
#suntory_contents #contentKids .floor05 {
  margin: 0 auto;
  line-height: 0;
}

#suntory_contents #contentKids .floor01 {
  position: relative;
  height: 500px;
  margin-bottom: 30px;
}

#suntory_contents #contentKids .floor02 {
  padding-left: 35px;
  height: 570px;
  margin-bottom: 30px;
}

#suntory_contents #contentKids .floor03 {
  padding-left: 40px;
  height: 290px;
  margin-bottom: 30px;
}

#suntory_contents #contentKids #event_sp img { display: none; }

#suntory_contents #contentKids .floor04 {
  padding-left: 35px;
  height: 580px;
  margin-bottom: 30px;
}

#suntory_contents #contentKids #event_sp02 img { display: none; }

#suntory_contents #contentKids .floor05 {
  padding-left: 90px;
  height: 530px;
  margin-bottom: 10px;
}

#suntory_contents #contentKids .floor01 h2,
#suntory_contents #contentKids .floor02 h2,
#suntory_contents #contentKids .floor05 h2{
  margin: 0;
}

#suntory_contents #contentKids .floor03 h2{
  margin: 0;
  height: 92px;
}

#suntory_contents #contentKids .floor04 h2{
  margin: 0;
  height: 94px;
}

#suntory_contents #contentKids .floor01 p,
#suntory_contents #contentKids .floor02 p,
#suntory_contents #contentKids .floor03 p,
#suntory_contents #contentKids .floor04 p,
#suntory_contents #contentKids .floor05 p {
  margin: 0;
}

#suntory_contents #contentKids .floor01 .btn02 {
  position: absolute;
  top: 420px;
  left: 18px;
}

#suntory_contents #contentKids .floor01 .btn03 {
  position: absolute;
  top: 420px;
  left: 18px;
}

#suntory_contents #contentKids .btn02 a:hover,
#suntory_contents #contentKids .btn03 a:hover{
  -ms-filter: "alpha( opacity=80 )";
  filter: alpha( opacity=80 );
  opacity: 0.8;
}

#suntory_contents #contentKids .floor01 .left {
  position: absolute;
  left: 30px;
}

#suntory_contents #contentKids .floor01 .right {
  position: absolute;
  left: 490px;
}

#suntory_contents #contentKids .floor01 ul li,
#suntory_contents #contentKids .floor02 ul li,
#suntory_contents #contentKids .floor03 ul li,
#suntory_contents #contentKids .floor04 ul li,
#suntory_contents #contentKids .floor05 ul li{
  list-style: none;
}

/*------------------------------------------------------------
  mapMuseum（PC）
  ------------------------------------------------------------ */
  #suntory_contents #mapMuseum {
    position: relative;
    width: 960px;
    height: 415px;
    margin: 0 auto 50px;
  }

  #suntory_contents #mapMuseum h4 { position: absolute; top: 0; right: 0px; margin-top: 0; }
  #suntory_contents #mapMuseum p.address { position: absolute; top: 74px; right: 0; margin-bottom: 0; }
  #suntory_contents #mapMuseum p.transportation { position: absolute; top: 150px; right: 0; margin-top: 0; }

  #suntory_contents #mapMuseum ul { margin-top: 10px; padding-left: 0; position: absolute; top: 269px; left: 508px; }
  #suntory_contents #mapMuseum ul li { list-style: none; }
  #suntory_contents #mapMuseum ul li a { text-indent: -9999px; width: 495px; height: 50px; display: block; }

  #suntory_contents #mapMuseum ul li.top a {
    background: url(../img/btn_museum_top_off.png) no-repeat 0 0;
  }

  #suntory_contents #mapMuseum ul li.top a:hover {
    background: url(../img/btn_museum_top_on.png) no-repeat 0 0;
  }

  #suntory_contents #mapMuseum ul li.time a {
    background: url(../img/btn_museum_time_off.png) no-repeat 0 0;
  }

  #suntory_contents #mapMuseum ul li.time a:hover {
    background: url(../img/btn_museum_time_on.png) no-repeat 0 0;
  }

  #suntory_contents #mapMuseum div.map { position: absolute; top: 0; left: 30px; }


/*------------------------------------------------------------
  btnArea（PC）
  ------------------------------------------------------------ */
  #suntory_contents #btnArea { margin: 50px 0 40px; }

  #suntory_contents #btnArea p a {
   text-indent: -9999px;
   margin: 0 auto;
   width: 400px;
   height: 68px;
   display: block;
   background: url(../img/btn_report_off.png) no-repeat 0 0;
 }
 #suntory_contents #btnArea p a:hover {
   background: url(../img/btn_report_on.png) no-repeat 0 0;
 }

 @media screen and (max-width:767px){
  /* for SP */

  #suntory_contents .contents_wrap {
    padding: 0;
  }

/*------------------------------------------------------------
  titleKids（SP）
  ------------------------------------------------------------ */
  #suntory_contents #titleKids {
    background: none;
    width: 96%;
    height: auto;
    margin: 15px auto;
  }

  #suntory_contents #titleKids #infoBox { display: none; }
  #suntory_contents #titleKids #date21 { display: none; }

  #suntory_contents #infoBox_sp { display: block; width: 100%; }
  #suntory_contents #infoBox_sp img { width: 100%; }

  #suntory_contents #titleKids #infoBox h2 img { width: 100%; }


/*------------------------------------------------------------
  contentKids（SP）
  ------------------------------------------------------------ */
  #suntory_contents #contentKids{
    background: url(../img/bg_contentKids.png) repeat-y;
    background-size: 100%;
    margin: 0 auto 60px;
    width: 96%;
  }




/*nowOpen
-------------------------------------------------------------*/
#suntory_contents #contentKids #nowOpen {
/*background: url(../img/sp/nowOpen.png) no-repeat 0 0;
background-size: cover;*/
width: 96%;
height: 2px;
padding-top: 61%;
}

#suntory_contents #contentKids #nowOpen_sp img{
  width: 100%;
}

#suntory_contents #contentKids #nowOpen h2 { display: none; }
#suntory_contents #contentKids #nowOpen h3 { display: none; }
#suntory_contents #contentKids #nowOpen .moreInfo_yoyaku { display: none; }
#suntory_contents #contentKids #nowOpen .moreInfo_text { display: none; }
#suntory_contents #contentKids #nowOpen .floor_map { display: none; }

#suntory_contents #contentKids #nowOpen .btn { position: absolute; top: 112%; left: 5px; width: 46%; }
#suntory_contents #contentKids #nowOpen .btn img { width: 100%; }

#suntory_contents #contentKids #nowOpen_sp img {
  position: absolute;
  top: 10px;
}

#suntory_contents #contentKids #nowOpen_sp img { display: block; }

/*floor
-------------------------------------------------------------*/
#suntory_contents #contentKids .floor01,
#suntory_contents #contentKids .floor02,
#suntory_contents #contentKids .floor03,
#suntory_contents #contentKids .floor04,
#suntory_contents #contentKids .floor05 { width: 96%; }

#suntory_contents #contentKids .floor01 img,
#suntory_contents #contentKids .floor02 img,
#suntory_contents #contentKids .floor03 img,
#suntory_contents #contentKids .floor04 img,
#suntory_contents #contentKids .floor05 img{ width: 100%; }

#suntory_contents #contentKids .floor01 {
  position: relative;
  height: 35px;
  margin-bottom: 30px;
}

#suntory_contents #contentKids .floor02 {
  padding-top: 210px;
  padding-left: 0;
  height: 215px;
  margin-bottom: 20px;
}

#suntory_contents #contentKids .floor02 h2 {
  height: auto;
}

#suntory_contents #contentKids .floor03 {
  padding-left: 7px;
  height: 100px;
  margin-bottom: 30px;
  width: 75%;
}

#suntory_contents #contentKids .floor03 h2 { display: none; }
#suntory_contents #contentKids .floor03 #event_pc img { display: none; }
#suntory_contents #contentKids #event_sp img { display: block; }

#suntory_contents #contentKids .floor04 {
  padding-left: 0;
  height: 220px;
  margin-bottom: 30px;
}

#suntory_contents #contentKids .floor04 h2 { display: none; }
#suntory_contents #contentKids .floor04 #event_pc02 img { display: none; }
#suntory_contents #contentKids #event_sp02 img { display: block; }

#suntory_contents #contentKids .floor05 {
  padding-left: 0;
  height: 230px;
  margin-bottom: 20px;
}

#suntory_contents #contentKids .floor01 .left {
  position: absolute;
  padding-top: 70px;
  width: 48%;
  left: 2px;
}

#suntory_contents #contentKids .floor01 .right {
  position: absolute;
  padding-top: 74px;
  padding-left: 43%;
  width: 48%;
  left: 30px;
}

#suntory_contents #contentKids .floor01 .btn02 {
  position: absolute;
  top: 88%;
  left: 4%;
}

#suntory_contents #contentKids .floor01 .btn03 {
  position: absolute;
  top: 88%;
  left: 49%;
  width: 50%;
}

#suntory_contents #contentKids .floor01 .btn02 img,
#suntory_contents #contentKids .floor01 .btn03 img {
  width: 80%;
}


#suntory_contents #contentKids .floor01 h2,
#suntory_contents #contentKids .floor02 h2,
#suntory_contents #contentKids .floor05 h2{
  margin: 0;
}

#suntory_contents #contentKids .floor03 h2{
  margin: 0;
  height: 42px;
}



#suntory_contents #contentKids .floor04 h2{
  margin: 0;
  height: 37px;
}

#suntory_contents #contentKids .floor01 p,
#suntory_contents #contentKids .floor02 p,
#suntory_contents #contentKids .floor03 p,
#suntory_contents #contentKids .floor04 p,
#suntory_contents #contentKids .floor05 p {
  margin: 0;
}

/*moreInfo
-------------------------------------------------------------*/
#suntory_contents #contentKids #moreInfo {
  background: url(../img/sp/moreInfo.png) no-repeat 0 0;
  position: relative;
  width: 96%;
  height: auto;
  padding-top: 35.41%;
  background-size: contain;
  margin: 0 auto 10px;
}

#suntory_contents #contentKids #moreInfo .mitsui h3 { display: none; }
#suntory_contents #contentKids #moreInfo .mitsui p { position: absolute; top: 61%; left: 6%; width: 32%; }

#suntory_contents #contentKids #moreInfo .designSight h3 { display: none; }
#suntory_contents #contentKids #moreInfo .designSight p { position: absolute; top: 61%; left: 62.5%;  width: 32%; }

#suntory_contents #contentKids #moreInfo .mitsui p img,
#suntory_contents #contentKids #moreInfo .designSight p img { width: 100%; }


/*------------------------------------------------------------
  mapMuseum（SP）
  ------------------------------------------------------------ */
  #suntory_contents #mapMuseum {
    background: url(../img/sp/mapMuseum.png) no-repeat 0 0;
    position: relative;
    width: 96%;
    height: 30px;
    padding-top: 39.58%;
    background-size: contain;
    margin: 0 auto;
  }

  #suntory_contents #mapMuseum h4 { display: none; }
  #suntory_contents #mapMuseum p.address { display: none; }
  #suntory_contents #mapMuseum p.transportation { display: none; }

  #suntory_contents #mapMuseum ul { position: absolute; top: 55%; left: 48%; }
  #suntory_contents #mapMuseum ul li { list-style: none; }
  #suntory_contents #mapMuseum ul li a { text-indent: -9999px; width: 150px; height: 30px; display: block; }

  #suntory_contents #mapMuseum ul li.top a {
    background: url(../img/btn_museum_top_off.png) no-repeat 0 0;
    background-size: 100%;
    height: 100%;
    margin-bottom: 5%;
  }

  #suntory_contents #mapMuseum ul li.top a:hover {
    background: url(../img/btn_museum_top_on.png) no-repeat 0 0;
    background-size: 100%;
  }

  #suntory_contents #mapMuseum ul li.time a {
    background: url(../img/btn_museum_time_off.png) no-repeat 0 0;
    background-size: 100%;
    height: 100%;
  }

  #suntory_contents #mapMuseum ul li.time a:hover {
    background: url(../img/btn_museum_time_on.png) no-repeat 0 0;
    background-size: 100%;
  }

  #suntory_contents #mapMuseum ul li.top a img,
  #suntory_contents #mapMuseum ul li.time a img {
    width: 100%;
  }

  #suntory_contents #mapMuseum div.map { display: none; }


/*------------------------------------------------------------
  btnArea（SP）
  ------------------------------------------------------------ */
  #suntory_contents #btnArea { margin: -10px 0 0; }

  #suntory_contents #btnArea p a {
   width: 100%;
   background-size: 60%;
   background-position: 50%;
 }

 #suntory_contents #btnArea p a:hover {
   background-size: 60%;
   background-position: 50%;
 }


}