@charset "utf-8";

/*==================================================
reset
================================================== */
#suntory_contents #hall_contents a {
  box-sizing: border-box;
  text-decoration: none;
}
#suntory_contents #hall_contents ul {
  list-style:none;
}
#suntory_contents #hall_contents img {
  vertical-align: bottom;
}

/*==================================================
pc sp common
================================================== */

#suntory_contents #insidenav {
  width: 100%;
  background: #f0e5d1;
}
#suntory_contents #insidenav li a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  color: #222;
  font-weight: bold;
}
#suntory_contents #insidenav li a:hover {
  background-color: #aa1144;
  color: #fff;
  text-decoration: none;
}
#suntory_contents #side_contact .inner h4 {
  font-family: 'Sabon Next W04', serif;
  font-weight: bold;
  line-height: 1;
}
#suntory_contents #container_purchase .bt_gethere a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #FFF;
  font-weight: bold;
  line-height: 1;
}
#suntory_contents #container_purchase .bt_gethere a:hover {
  background-color: #aa1144;
  color: #fff;
}
#suntory_contents #purchase_body p a,
#suntory_contents #purchase_body dd a {
  color: #881133;
  text-decoration: underline;
}
#suntory_contents #purchase_body a:hover,
#suntory_contents #purchase_body dd a:hover {
  color: #bb0044;
}
#suntory_contents #purchase_body figure img {
  width: 100%;
}
#suntory_contents #purchase_body h2 {
  background-color: #881133;
  background-repeat: no-repeat;
  font-family: 'Sabon Next W04', serif;
  font-weight: bold;
  line-height: 1;
  color: #FFF;
  display: flex;
  align-items: center;
}
#suntory_contents .f_red{
  color:#f00;
}

/*==================================================
sp
================================================== */
@media screen and (max-width:767px){


/*==================================================
common bt [sp]
================================================== */
#suntory_contents #container_purchase .bt_gethere a{
  padding: 0 0 0 4vw;
  background: #881133 url(https://www.suntory.com/culture-sports/suntoryhall/common2019/img/icon_map_white.png) no-repeat left 4vw center / 5.6vw;
  font-size: 3.73333333vw;
}

/*==================================================
insidenav [sp]
================================================== */
#suntory_contents #insidenav .inner {
  padding: 8vw 4vw;
}
#suntory_contents #insidenav ul{
  width: 100%;
  display: block;
}
#suntory_contents #insidenav li {
  width: 72vw;
  height: 14vw;
  margin: 6vw auto 0;
}
#suntory_contents #insidenav li.list_net {
  width: 80vw;
  height: 16vw;
  margin: 0 auto;
}
#suntory_contents #insidenav li a {
  padding: 0 12vw 0 16vw;
  font-size: 5.6vw;
  border-radius: 0.8vw;
  background: #FFF url(https://www.suntory.com/culture-sports/suntoryhall/purchase/assets2019/img/arrow_down.png) no-repeat right 4vw center / 8vw;
  box-shadow: 0 0 1.6vw 0 rgba(204,170,102,0.4);
}
#suntory_contents #insidenav li.list_net a {
  padding: 0 12vw 0 20vw;
  font-size: 7.2vw;
}
#suntory_contents #insidenav li a::before {
  content:'';
  display: block;
  position: absolute;
  top:0;
  left: 0;
  width: 16vw;
  height: 100%;
  border-radius:  0.8vw 0 0  0.8vw;
  background-color: #881133;
  background-repeat: no-repeat;
  background-position:  center center;
}
#suntory_contents #insidenav li.list_tel a::before {
  background-image: url(https://www.suntory.com/culture-sports/suntoryhall/purchase/assets2019/img/icon_tel.png);
  background-size: 7vw;
}
#suntory_contents #insidenav li.list_person a::before {
  background-image: url(https://www.suntory.com/culture-sports/suntoryhall/purchase/assets2019/img/icon_person.png);
  background-size: 8vw;
}
#suntory_contents #insidenav li.list_net a::before {
  width: 20vw;
  background-image: url(https://www.suntory.com/culture-sports/suntoryhall/purchase/assets2019/img/icon_pc.png);
  background-size: 9vw;
}


/*==================================================
container [sp] layout
================================================== */
#suntory_contents #container_purchase {
  width: 100%;
  margin: 0;
  padding: 0 0 12vw;
  display: flex;
  flex-flow: column nowrap;
}
#suntory_contents .purchase_wrap {
  width: 100%;
  order: 1;
}
#suntory_contents .contact_wrap {
  width: 100%;
  order: 2;
}

/*==================================================
#side_contact [sp]
================================================== */
#suntory_contents #side_contact {
  width: 100%;
  padding: 0;
  margin: 12vw 0 0;
}
#suntory_contents #side_contact .inner {
  width: 100%;
  background: #f2f2f2;
  padding: 5.6vw;
}
#suntory_contents #side_contact .inner h4 {
  font-size: 8vw;
}
#suntory_contents #side_contact .inner h5 {
  margin-top: 4vw;
  font-size: 5.06666667vw;
  font-weight: bold;
  line-height: 1;
}
#suntory_contents #side_contact .inner p {
  margin-top: 4vw;
  font-size: 4vw;
  line-height: 1.5;
}
#suntory_contents #side_contact .inner .bt_gethere {
  margin: 4vw auto 0;
  width: 48vw;
  height: 12vw;
}
#suntory_contents #side_contact .inner ul {
  margin-top: 4vw;
}
#suntory_contents #side_contact .inner li {
  width: 100%;
  font-size: 4.26666667vw;
  line-height: 1.5;
}
#suntory_contents #side_contact .inner li + li{
  margin-top: 4vw;
}

/*==================================================
#purchase_body [sp]
================================================== */
#suntory_contents .purchase_wrap {
  width: 100%;
}
#suntory_contents #purchase_body {
  width: 100%;
}
#suntory_contents #purchase_body h2 {
  height: 14.66666667vw;
  margin: 0;
  padding: 0 0 0 16vw;
  font-size: 6.4vw;
}
#suntory_contents #purchase_body #internet h2 {
  background-image: url(https://www.suntory.com/culture-sports/suntoryhall/purchase/assets2019/img/ico_internetb.png);
  background-size: 8.53333333vw;
  background-position:  left 4vw center;
}
#suntory_contents #purchase_body #tel h2 {
  background-image: url(https://www.suntory.com/culture-sports/suntoryhall/purchase/assets2019/img/ico_callb.png);
  background-size: 8vw;
  background-position:  left 4vw center;
}
#suntory_contents #purchase_body #inperson h2 {
  background-image: url(https://www.suntory.com/culture-sports/suntoryhall/purchase/assets2019/img/ico_contactb.png);
  background-size: 8vw;
  background-position:  left 4vw center;
}
#suntory_contents #purchase_body .way {
  margin-bottom: 8vw;
}
#suntory_contents #purchase_body .way .inner {
  padding: 0 5.6vw;
}
#suntory_contents #purchase_body .way dl {
  border-bottom: 1px solid #dedede;
}
#suntory_contents #purchase_body .way dl:last-child {
  border-bottom: none;
}
#suntory_contents #purchase_body .way dt {
  padding: 4.8vw 0 0;
  width: 100%;
  font-size: 5.86666667vw;
  font-weight: bold;
}
#suntory_contents #purchase_body .way dd {
  padding: 4vw 0;
  width: 100%;
}
#suntory_contents #purchase_body .way  {
  font-size: 4.53333333vw;
  line-height: 1.7;
}
#suntory_contents #purchase_body .way .notes {
  margin: 0 0 0 0.4em;
  font-size: 3.73333333vw;
  font-weight: normal;
  line-height: 1.5;
  text-indent: -0.4em;
}
#suntory_contents #purchase_body .way .notes.inline {
  margin-left: 4vw;
}
#suntory_contents #purchase_body .way .notes.right {
  display: inline-block;
  margin-left: 4vw;
}
#suntory_contents #purchase_body #tel dd p {
  margin-top: 4vw;
  font-weight: bold;
}
#suntory_contents #purchase_body #tel dd p:first-of-type {
  margin-top: 0;
}
#suntory_contents #purchase_body #tel dd p.desk {
  display: block;
  font-size: 5.06666667vw;
}
#suntory_contents #purchase_body #tel dd p.notes {
  margin-top: 0;
  font-weight: normal;
}

#suntory_contents #purchase_body #tel dd p.callnumber {
  display: block;
  margin: 6.4vw 0;
  padding: 1.6vw 0 0 10vw;
  height: 8vw;
  background: url("https://www.suntory.com/culture-sports/suntoryhall/purchase/assets2019/img/ico_phoner.png") no-repeat 0 center / 8vw;
  font-size: 6.66666667vw;
  font-weight: bold;
  line-height: 1;
}
#suntory_contents #purchase_body #tel dd p.callnumber a {
  color: #222;
}
#suntory_contents #purchase_body #tel dd li {
  margin-top: 2.4vw;
  padding: 0 0 0 2.4vw;
  position: relative;
}

#suntory_contents #purchase_body #tel dd .align_edge {
  display: inline-block;
  margin-left: 4vw;
  font-size: 4.53333333vw;
  font-weight: normal;
}
#suntory_contents #purchase_body #inperson figure {
  width: 68vw;
  margin: 8vw auto 0;
}
#suntory_contents #purchase_body #inperson figcaption {
  margin: 0.8vw 0 0;
  font-size: 3.73333333vw;
  line-height: 1;
}
#suntory_contents #purchase_body #inperson .rightside {
  width: 100%;
}
#suntory_contents #purchase_body #inperson dl {
  border-bottom: none;
  margin: 4vw 0 0;
}
#suntory_contents #purchase_body #inperson dd {
  padding: 4vw 0 0;
}
#suntory_contents #purchase_body #inperson p {
  margin-top: 4vw;
}
#suntory_contents #purchase_body #inperson .bt_gethere {
  margin: 8vw auto 0;
  width: 48vw;
  height: 12vw;
}

#suntory_contents #purchase_body .vertical_inner{margin:8vw 0;}


}
/*==================================================
pc
================================================== */
@media print, screen and (min-width:768px){

/*==================================================
common bt [pc]
================================================== */
#suntory_contents #container_purchase .bt_gethere a{
  padding: 0 0 0 20px;
  background: #881133 url(https://www.suntory.com/culture-sports/suntoryhall/common2019/img/icon_map_white.png) no-repeat left 30px center / 20px;
  font-size: 19px;
}

/*==================================================
insidenav [pc]
================================================== */
#suntory_contents #insidenav .inner {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  padding: 40px 0;
}
#suntory_contents #insidenav ul {
  width: 980px;
  margin: 0 auto;
  display:flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
#suntory_contents #insidenav li {
  width: 250px;
  height: 50px;
  margin-left: 30px;
}
#suntory_contents #insidenav li.list_net {
  width: 320px;
  height: 70px;
  margin: 0;
}
#suntory_contents #insidenav li a {
  padding: 0 56px 0 60px;
  font-size: 21px;
  border-radius: 3px;
  background: #FFF url(https://www.suntory.com/culture-sports/suntoryhall/purchase/assets2019/img/arrow_down.png) no-repeat right 20px center / 36px;
  box-shadow: 0 0 6px 0 rgba(204,170,102,0.4);
}
#suntory_contents #insidenav li.list_net a {
  padding: 0 56px 0 100px;
  font-size: 27px;
}
#suntory_contents #insidenav li a::before {
  content:'';
  display: block;
  position: absolute;
  top:0;
  left: 0;
  width: 60px;
  height: 50px;
  border-radius: 3px 0 0 3px;
  background-color: #881133;
  background-repeat: no-repeat;
  background-position:  center center;
}
#suntory_contents #insidenav li.list_tel a::before {
  background-image: url(https://www.suntory.com/culture-sports/suntoryhall/purchase/assets2019/img/icon_tel.png);
  background-size: 33px;
}
#suntory_contents #insidenav li.list_person a::before {
  background-image: url(https://www.suntory.com/culture-sports/suntoryhall/purchase/assets2019/img/icon_person.png);
  background-size: 38px;
}
#suntory_contents #insidenav li.list_net a::before {
  width: 100px;
  height: 70px;
  background-image: url(https://www.suntory.com/culture-sports/suntoryhall/purchase/assets2019/img/icon_pc.png);
  background-size: 36px;
}


/*==================================================
container [pc] layout
================================================== */
#suntory_contents #container_purchase {
  width: 100%;
  padding: 0 0 110px;
}
#suntory_contents .purchase_wrap {
  width: 100%;
}
#suntory_contents .contact_wrap {
  width: 100%;
  padding: 50px 0 0;
  top: 0;
  transition: top 0.3s ease-out;
}
#suntory_contents .contact_wrap.fixed {
  position: sticky;
  z-index: 10;
}

/*==================================================
#side_contact[pc]
================================================== */
#suntory_contents #side_contact {
  width: 100%;
  max-width: 1160px;
  min-width: 960px;
  margin: 0 auto;
  position: relative;
}
#suntory_contents #side_contact .inner {
  display: block;
  width: 280px;
  position: absolute;
  background: #f2f2f2;
  padding: 30px;
  top:0;
  right: 40px;
  z-index: 9999;
}
#suntory_contents #side_contact .inner h4 {
  font-size: 30px;
}
#suntory_contents #side_contact .inner h5 {
  margin-top: 20px;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.3;
}
#suntory_contents #side_contact .inner p {
  margin-top: 20px;
  font-size: 15px;
  line-height: 1.5;
}
#suntory_contents #side_contact .inner .bt_gethere {
  margin-top: 30px;
  width: 100%;
  height: 50px;
}
#suntory_contents #side_contact .inner ul {
  margin-top: 30px;
}
#suntory_contents #side_contact .inner li {
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
}
#suntory_contents #side_contact .inner li + li{
  margin-top: 20px;
}

/*==================================================
#purchase_body [pc]
================================================== */
#suntory_contents .purchase_wrap {
  width: 100%;
  max-width: 1160px;
  min-width: 960px;
  margin: 0 auto;
  position: relative;
  padding: 0 40px;
}
#suntory_contents #purchase_body {
  width: calc(100% - 340px);
  z-index:1;
}
#suntory_contents #purchase_body h2 {
  height: 60px;
  margin: 0;
  padding: 0 0 0 80px;
  font-size: 28px;
}
#suntory_contents #purchase_body #internet h2 {
  background-image: url(https://www.suntory.com/culture-sports/suntoryhall/purchase/assets2019/img/ico_internetb.png);
  background-size: 40px;
  background-position:  left 20px center;
}
#suntory_contents #purchase_body #tel h2 {
  background-image: url(https://www.suntory.com/culture-sports/suntoryhall/purchase/assets2019/img/ico_callb.png);
  background-size: 38px;
  background-position:  left 21px center;
}
#suntory_contents #purchase_body #inperson h2 {
  background-image: url(https://www.suntory.com/culture-sports/suntoryhall/purchase/assets2019/img/ico_contactb.png);
  background-size: 38px;
  background-position:  left 21px center;
}
#suntory_contents #purchase_body .way {
  margin-bottom: 20px;
}
#suntory_contents #purchase_body .way dl {
  border-bottom: 1px solid #dedede;
  display:flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
#suntory_contents #purchase_body .way dl:last-child {
  border-bottom: none;
}
#suntory_contents #purchase_body .way dt {
  padding: 25px 0;
  width: 25%;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.2;
}
#suntory_contents #purchase_body .way dd {
  padding: 25px 0;
  width: 75%;
}
#suntory_contents #purchase_body .way  {
  font-size: 17px;
  line-height: 1.7;
}
#suntory_contents #purchase_body .way .notes {
  margin: 0 0 0 0.4em;
  font-size: 14px;
  line-height: 1.5;
  font-weight: normal;
  text-indent: -0.4em;
}
#suntory_contents #purchase_body .way .notes.inline {
  margin-left: 20px;
}
#suntory_contents #purchase_body .way .notes.right {
  display: block;
  width: 60%;
  position: absolute;
  top: 5px;
  left:200px;
}
#suntory_contents #purchase_body #tel dd p {
  margin-top: 20px;
  font-weight: bold;
}
#suntory_contents #purchase_body #tel dd p:first-of-type {
  margin-top: 0;
}
#suntory_contents #purchase_body #tel dd p.desk {
  display: block;
  font-size: 19px;
  position: relative;
}
#suntory_contents #purchase_body #tel dd p.notes {
  margin-top: 0;
  font-weight: normal;
}
#suntory_contents #purchase_body #tel dd p.callnumber {
  display: block;
  margin: 25px 0;
  padding: 2px 0 0 50px;
  height: 30px;
  background: url("https://www.suntory.com/culture-sports/suntoryhall/purchase/assets2019/img/ico_phoner.png") no-repeat 0 center / 32px;
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
}
#suntory_contents #purchase_body #tel dd p.callnumber a {
  color: #222;
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}
#suntory_contents #purchase_body #tel dd li {
  margin-top: 10px;
  padding: 0 0 0 20px;
  position: relative;
}
#suntory_contents #purchase_body #tel dd li:nth-child(2) {
  height: 40px;
}

#suntory_contents #purchase_body #tel dd .align_edge {
  display: inline-block;
  width: 60%;
  position: absolute;
  top: 3px;
  left:200px;
  font-size: 17px;
  font-weight: normal;
}
#suntory_contents #purchase_body #inperson .inner {
  display:flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
#suntory_contents #purchase_body #inperson figure {
  width: 33.602150537634409%;
  margin: 30px 0 0 20px;
}
#suntory_contents #purchase_body #inperson figcaption {
  margin: 5px 0 0;
  font-size: 14px;
  line-height: 1;
}
#suntory_contents #purchase_body #inperson .rightside {
  width: 59.139784946236559%;
}
#suntory_contents #purchase_body #inperson dl {
  border-bottom: none;
  margin: 30px 0 0;
}
#suntory_contents #purchase_body #inperson dt,
#suntory_contents #purchase_body #inperson dd {
  padding: 0;
}
#suntory_contents #purchase_body #inperson p {
  margin-top: 20px;
}
#suntory_contents #purchase_body #inperson .bt_gethere {
  margin-top: 30px;
  width: 220px;
  height: 50px;
}



}
@media print, screen and (min-width:768px) and (max-width:1080px){
  #suntory_contents #side_contact .inner {
    right: 10px;
  }
  #suntory_contents #insidenav .inner {
    min-width: 960px;
    padding-right: 0;
    padding-left: 0;
  }
  #suntory_contents #insidenav ul {
    width: 920px;
    margin: 0 auto;
  }
  #suntory_contents .purchase_wrap {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
  }


}