@charset "utf-8";

@import url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/css/map_common.css);

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


    /*==================================================
    container [sp] layout
    ================================================== */
    #suntory_contents #container_map {
      width: 100%;
      margin: 0;
      padding: 0 0 12vw;
      display: flex;
      flex-flow: column nowrap;
    }
    #suntory_contents .map_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: 0 0 0;
    }
    #suntory_contents #side_contact .inner {
      width: 100%;
      background: #f2f2f2;
      padding: 5.333333333333333vw;
    }
    #suntory_contents #side_contact .inner h4 {
    margin-bottom: 5.333333333333333vw;
      font-size: 6.933333333333333vw;
    }

    #suntory_contents #side_contact .address {
        margin-bottom: 5.333333333333333vw;
        font-size: 3.733333333333333vw;
        line-height: 1.6;
    }
    #suntory_contents #side_contact .tel {
        font-size: 5.866666666666667vw;
        font-weight: bold;
        margin-bottom: 9.333333333333333vw;
    }
    #suntory_contents #side_contact .tel a {
        text-decoration: none;
        color: #000;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/icon_tel.svg) no-repeat 0 center;
        background-size: 5.066666666666667vw auto;
        padding-left: 6.666666666666667vw;
    }
    #suntory_contents #side_contact .btn_gmap a {
        margin: 0 auto;
        background: #891034;
        text-decoration: none;
        color: #fff;
        font-size: 4.8vw;
        font-weight: bold;
        width: 66.666666666666667vw;
        height: 13.333333333333333vw;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background: #891034 url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/icon_location_white.svg) no-repeat 6.666666666666667vw center;
        background-size: 5.6vw auto;
        padding-left: 21.066666666666667vw;
        position: relative;
    }
    #suntory_contents #side_contact .btn_gmap a::after {
        content: '';
        width: 2.666666666666667vw;
        height: 2.666666666666667vw;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/icon_external_white.svg) no-repeat 0 0;
        background-size: 2.666666666666667vw auto;
        position: absolute;
        top: 2.133333333333333vw;
        right: 2.133333333333333vw;
    }



    /*==================================================
    #map_body [sp]
    ================================================== */
    #suntory_contents .map_wrap {
      width: 100%;
    }
    #suntory_contents #map_body {
      width: 100%;
    }
    
    #suntory_contents #map_body h2 {
        font-size: 7.466666666666667vw;
        font-weight: bold;
        margin: 5.333333333333333vw;
    }
    #suntory_contents #map_body .title_wrap {
        margin: 5.333333333333333vw;
    }
    #suntory_contents #map_body .title_wrap h2 {
        margin: 0 0 8vw;
    }
    #suntory_contents #map_body .title_wrap p {
        margin-bottom: 8vw;
        text-align: left;
    }
    
    #suntory_contents #map_body .title_wrap p a {
        display: inline-flex;
        align-items: center;
        width: auto;
        height: 13.3333333333333vw;
        font-size: 4.2666666666667vw;
        font-weight: normal;
        text-decoration: none;
        color: #891034;
        border: 1px #dfdfdf solid;
        position: relative;
        padding: 0 4vw 0 9.3333333333333vw;
        box-shadow: 0 0 0.8vw rgba(0,0,0,.15);
        box-sizing: border-box;
    }
    #suntory_contents #map_body .title_wrap p a::before {
        content: '';
        width: 5.3333333333333vw;
        height: 5.3333333333333vw;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_category_label_sp.png) no-repeat 0 center;
        background-size: 5.3333333333333vw auto;
        position: absolute;
        top: calc(50% - 2.6666666666667vw);
        left: 0;
    }
    
    /*==================================================
    section [sp]
    ================================================== */
    #suntory_contents #map_body section {
        margin-bottom: 9.333333333333333vw;
    }
    #suntory_contents #map_body section h3 {
        margin-bottom: 6.666666666666667vw;
        background: #EEE5D3;
        height: 12vw;
        display: flex;
        align-items: center;
        font-size: 5.333333333333333vw;
        padding-left: 17.066666666666667vw;
    }
    #suntory_contents #map_body section#metro h3 {
        background: #EEE5D3 url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/nav/icon_train.svg) no-repeat 5.333333333333333vw center;
        background-size: 6.4vw auto;
    }
    #suntory_contents #map_body section#bus h3 {
        background: #EEE5D3 url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/nav/icon_bus.svg) no-repeat 4.533333333333333vw center;
        background-size: 8vw auto;
    }
    #suntory_contents #map_body section#car h3 {
        background: #EEE5D3 url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/nav/icon_car.svg) no-repeat 5.066666666666667vw center;
        background-size: 7.2vw auto;
    }

    #suntory_contents #map_body section a {
        color: #891034;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/icon_external.svg) no-repeat right center;
        background-size: 2.666666666666667vw auto;
        padding-right: 4vw;
        display: inline-block;
        margin: 0 1.333333333333333vw 0 0;
    }
    
    #suntory_contents #map_body section .text {
        margin: 0 5.333333333333333vw 10.666666666666667vw;
        font-size: 3.733333333333333vw;
        line-height: 1.5625;
    }
    #suntory_contents #map_body section .text:last-child {
        margin-bottom: 0;
    }
    #suntory_contents #map_body section .line_list  {
        margin: 0 5.333333333333333vw 5.333333333333333vw;
    }
    #suntory_contents #map_body section .line_list li {
        list-style: none;
        border-bottom:1px #DEDEDE solid;
        margin-bottom: 5.333333333333333vw;
        padding-bottom: 5.333333333333333vw;
        font-size: 3.733333333333333vw;
    }
    #suntory_contents #map_body section .line_list li.n05 {
        background: url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/icon_nanboku_line05.png) no-repeat 0 0;
        background-size: 10.666666666666667vw auto;
        padding-left: 14.4vw;
    }
    #suntory_contents #map_body section .line_list li.g06 {
        background: url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/icon_ginza_line.png) no-repeat 0 0;
        background-size: 10.666666666666667vw auto;
        padding-left: 14.4vw;
    }
    #suntory_contents #map_body section .line_list li:last-child {
        margin-bottom: 0;
    }

    #suntory_contents #map_body section .line_list li p.n05 {
        background: url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/icon_nanboku_line05.png) no-repeat 0 0;
        background-size: 10.666666666666667vw auto;
        padding-left: 14.4vw;
        min-height: 10.666666666666667vw;
    }
    #suntory_contents #map_body section .line_list li p.g06 {
        background: url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/icon_ginza_line.png) no-repeat 0 0;
        background-size: 10.666666666666667vw auto;
        padding-left: 14.4vw;
        min-height: 10.666666666666667vw;
    }
    #suntory_contents #map_body section .line_list li p + .movie {
        margin-top: 5.333333333333333vw;
    }
    #suntory_contents #map_body section .line_list li .movie {
        text-align: center;
    }

    #suntory_contents #map_body section .btn_map a {
        margin:0 5.333333333333333vw 5.333333333333333vw;
        display: inline-block;
        border: 1px #dfdfdf solid;
        padding: 4vw 9.333333333333333vw 4vw 8vw;
        background: none;
        font-size: 3.466666666666667vw;
        font-weight: bold;
        text-decoration: none;
        position: relative;
        box-shadow: 0 0 0.8vw rgba(0,0,0,.15);
    }
    #suntory_contents #map_body section .btn_map a::before {
        content: '';
        width: 5.333333333333333vw;
        height: 5.333333333333333vw;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/arrow_link_square.png) no-repeat 0 0;
        background-size: 5.333333333333333vw 5.333333333333333vw;
        position: absolute;
        top: calc(50% - 2.666666666666667vw);
        left: 0;
    }
    #suntory_contents #map_body section .btn_map a span {
        font-size: 3.466666666666667vw;
        margin: 0 0 0 1.333333333333333vw;
        position: relative;
    }
    #suntory_contents #map_body section .btn_map a span::after {
        content: '';
        width: 2.666666666666667vw;
        height: 2.666666666666667vw;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/icon_external.svg) no-repeat 0 0;
        background-size: 2.666666666666667vw auto;
        position: absolute;
        top: calc(50% - 1.333333333333333vw);
        right: -5.333333333333333vw;
    }
    #suntory_contents #map_body section .btn_pdf {
        text-align: center;
    }
    #suntory_contents #map_body section .btn_pdf a {
        margin-bottom: 0;
        display: inline-block;
        border: 1px #aa1144 solid;
        padding: 5.333333333333333vw 25.6vw 5.333333333333333vw 31.466666666666667vw;
        background: none;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        position: relative;
    }
    #suntory_contents #map_body section .btn_pdf a::before {
        content: '';
        width: 5.333333333333333vw;
        height: 6.666666666666667vw;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/common2019/img/icon_pdf.png) no-repeat 0 0;
        background-size: 5.333333333333333vw auto;
        position: absolute;
        top: calc(50% - 3.333333333333333vw);
        left: 6.666666666666667vw;
    }

    #suntory_contents #map_body section .data_table {
        margin: 0 5.333333333333333vw 5.333333333333333vw;
    }
    #suntory_contents #map_body section .data_table tr:first-child th {
        padding: 0 0 5.333333333333333vw;
    }
    #suntory_contents #map_body section .data_table th {
        font-size: 4.266666666666667vw;
        font-weight: bold;
        white-space: nowrap;
        padding: 6.666666666666667vw 0 5.333333333333333vw;
        display: block;
        text-align: left;
    }
    #suntory_contents #map_body section .data_table td {
        border-bottom:1px #DEDEDE solid;
        padding: 0 0 6.666666666666667vw;
        text-align: left;
        display: block;
    }
    #suntory_contents #map_body section .data_table td .text {
        margin: 0;
    }
    #suntory_contents #map_body section .data_table td .btn_map a {
        margin:0;
    }
    #suntory_contents #map_body section .data_table td .text + .btn_map {
        margin-top: 6.666666666666667vw;
    } 

    #suntory_contents #map_body section .data_list li {
        font-size: 4.266666666666667vw;
        margin-bottom: 6.666666666666667vw;
    }
    #suntory_contents #map_body section .data_list li:last-child {
        margin-bottom: 0;
    }
    
    #suntory_contents #map_body .glossary {
        margin: 0 5.333333333333333vw 5.333333333333333vw;
    }
    #suntory_contents #map_body .glossary dt {
        font-size: 4.8vw;
        font-weight: bold;
        margin-bottom: 4vw;
    }
    #suntory_contents #map_body .glossary dd {
        font-size: 4.266666666666667vw;
        line-height: 1.5625;
    }
    
    #suntory_contents #map_body .movie {
        
    }
    #suntory_contents #map_body .movie iframe {
        width: 89.333333333333333vw;
        height: 46.4vw;
    }
    

    
}




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


    /* ========================================================================
    [pc]
    ========================================================================= */
    
    
    /*==================================================
    container [pc] layout
    ================================================== */
    #suntory_contents #container_map {
      width: 100%;
      padding: 0 0 110px;
    }
    #suntory_contents .map_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: 1164px;
      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;
        font-weight: bold;
      margin-bottom: 15px;
    }
    #suntory_contents #side_contact .address {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1.6;
    }
    #suntory_contents #side_contact .tel {
        font-size: 22px;
        font-weight: bold;
        margin-bottom: 50px;
    }
    #suntory_contents #side_contact .tel a {
        text-decoration: none;
        pointer-events: none;
        color: #000;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/icon_tel.svg) no-repeat 0 center;
        background-size: 19px 21px;
        padding-left: 25px;
    }
    #suntory_contents #side_contact .btn_gmap a {
        background: #891034;
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        width: 220px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background: #891034 url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/icon_location_white.svg) no-repeat 20px center;
        background-size: 20px auto;
        padding-left: 64px;
        position: relative;
    }
    #suntory_contents #side_contact .btn_gmap a:hover {
        background: #aa1144 url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/icon_location_white.svg) no-repeat 20px center;
        background-size: 20px auto;
    }
    
    #suntory_contents #side_contact .btn_gmap a::after {
        content: '';
        width: 10px;
        height: 10px;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/icon_external_white.svg) no-repeat 0 0;
        background-size: 10px auto;
        position: absolute;
        top: 7px;
        right: 7px;
    }
    
    
    /*==================================================
    #map_body [pc]
    ================================================== */
    #suntory_contents .map_wrap {
      width: 100%;
      max-width: 1164px;
      min-width: 960px;
      margin: 0 auto;
      position: relative;
      padding: 0 40px;
    }
    #suntory_contents #map_body {
      width: calc(100% - 340px);
      z-index:1;
    }

    #suntory_contents #map_body h2 {
        font-size: 32px;
        font-weight: bold;
        margin-bottom: 40px;
    }
    #suntory_contents #map_body .title_wrap {
        margin-bottom: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #suntory_contents #map_body .title_wrap h2 {
        margin: 0;
    }
    #suntory_contents #map_body .title_wrap p a {
        display: inline-flex;
        align-items: center;
        height: 50px;
        color: #891034;
        font-size: 16px;
        position: relative;
        text-decoration: none;
        border: 1px #dfdfdf solid;
        padding: 0 40px;
        background: none;
        font-size: 16px;
        font-weight: normal;
        text-decoration: none;
        position: relative;
        box-shadow: 0 0 6px rgba(0,0,0,.15);
    }
    #suntory_contents #map_body .title_wrap p a:hover {
        background: #881133;
        color: #fff;
        text-decoration: none;
    }
    #suntory_contents #map_body .title_wrap p a::before {
        content: '';
        width: 20px;
        height: 20px;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_btn_right.png) no-repeat 0 center;
        background-size: 20px auto;
        position: absolute;
        top: calc(50% - 10px);
        left: 0;
    }
    #suntory_contents #map_body .title_wrap p a:hover::before {
        background: url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_btn_right_on.png) no-repeat 0 center;
        background-size: 20px auto;
    }

    
    /*==================================================
    section [pc]
    ================================================== */
    #suntory_contents #map_body section {
        margin-bottom: 60px;
    }
    #suntory_contents #map_body section h3 {
        margin-bottom: 20px;
        background: #EEE5D3;
        height: 60px;
        display: flex;
        align-items: center;
        font-size: 26px;
        padding-left: 80px;
    }
    #suntory_contents #map_body section#metro h3 {
        background: #EEE5D3 url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/nav/icon_train.svg) no-repeat 20px center;
        background-size: 32px auto;
    }
    #suntory_contents #map_body section#bus h3 {
        background: #EEE5D3 url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/nav/icon_bus.svg) no-repeat 21px center;
        background-size: 39px auto;
    }
    #suntory_contents #map_body section#car h3 {
        background: #EEE5D3 url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/nav/icon_car.svg) no-repeat 22px center;
        background-size: 36px auto;
    }
    
    #suntory_contents #map_body section a {
        color: #891034;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/icon_external.svg) no-repeat right center;
        background-size: 10px auto;
        padding-right: 18px;
        display: inline-block;
        text-decoration: none;
        margin: 0 5px 0 0;
    }
    #suntory_contents #map_body section a:hover {
        text-decoration: underline;
    }
    
    #suntory_contents #map_body section .text {
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 1.5625;
    }
    #suntory_contents #map_body section .text:last-child {
        margin-bottom: 0;
    }
    #suntory_contents #map_body section .line_list  {
        margin-bottom: 20px;
    }
    #suntory_contents #map_body section .line_list li {
        list-style: none;
        border-bottom:1px #DEDEDE solid;
        margin-bottom: 25px;
        padding-bottom: 25px;
        font-size: 16px;
    }
    #suntory_contents #map_body section .line_list li.n05 {
        background: url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/icon_nanboku_line05.png) no-repeat 0 0;
        background-size: 40px auto;
        padding-left: 50px;
    }
    #suntory_contents #map_body section .line_list li.g06 {
        background: url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/icon_ginza_line.png) no-repeat 0 0;
        background-size: 40px auto;
        padding-left: 50px;
    }
    
    #suntory_contents #map_body section .line_list li:last-child {
        margin-bottom: 0;
    }
    
    
    #suntory_contents #map_body section .line_list li p.n05 {
        background: url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/icon_nanboku_line05.png) no-repeat 0 0;
        background-size: 40px auto;
        padding-left: 50px;
    }
    #suntory_contents #map_body section .line_list li p.g06 {
        background: url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/icon_ginza_line.png) no-repeat 0 0;
        background-size: 40px auto;
        padding-left: 50px;
    }
    
    #suntory_contents #map_body section .line_list li p + .movie {
        margin-top: 20px;
    }
    #suntory_contents #map_body section .line_list li .movie {
        text-align: center;
    }
    

    #suntory_contents #map_body section .btn_map a {
        margin-bottom: 15px;
        display: inline-block;
        border: 1px #dfdfdf solid;
        padding: 15px 45px 15px 30px;
        background: none;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        position: relative;
        box-shadow: 0 0 6px rgba(0,0,0,.15);
    }
    #suntory_contents #map_body section .btn_map a:hover {
        background: #881133;
        color: #fff;
    }
    #suntory_contents #map_body section .btn_map a::before {
        content: '';
        width: 18px;
        height: 24px;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/arrow_link.png) no-repeat 0 0;
        background-size: 18px 24px;
        position: absolute;
        top: calc(50% - 12px);
        left: 0;
    }
    #suntory_contents #map_body section .btn_map a:hover::before {
        background: url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/arrow_link_on.png) no-repeat 0 0;
        background-size: 18px 24px;
    }
    #suntory_contents #map_body section .btn_map a span {
        font-size: 14px;
        margin: 0 0 0 5px;
        position: relative;
    }
    #suntory_contents #map_body section .btn_map a span::after {
        content: '';
        width: 10px;
        height: 10px;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/icon_external.svg) no-repeat 0 0;
        background-size: 10px auto;
        position: absolute;
        top: calc(50% - 5px);
        right: -15px;
    }
    #suntory_contents #map_body section .btn_map a:hover span::after {
        background: url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/icon_external_white.svg) no-repeat 0 0;
        background-size: 10px auto;
    }
    #suntory_contents #map_body section .btn_pdf a {
        margin-bottom: 15px;
        display: inline-block;
        border: 1px #aa1144 solid;
        padding: 15px 80px 15px 100px;
        background: none;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        position: relative;
    }
    #suntory_contents #map_body section .btn_pdf a:hover {
        background: #aa1144;
        color: #fff;
    }
    #suntory_contents #map_body section .btn_pdf a::before {
        content: '';
        width: 22px;
        height: 28px;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/common2019/img/icon_pdf.png) no-repeat 0 0;
        background-size: 22px auto;
        position: absolute;
        top: calc(50% - 14px);
        left: 20px;
    }
    #suntory_contents #map_body section .btn_pdf a:hover::before {
        background: url(https://www.suntory.com/culture-sports/suntoryhall/common2019/img/icon_pdf_white.png) no-repeat 0 0;
        background-size: 22px auto;
    }

    #suntory_contents #map_body section .data_table {
        margin-bottom: 20px;
    }
    #suntory_contents #map_body section .data_table th {
        border-bottom:1px #DEDEDE solid;
        font-size: 18px;
        font-weight: bold;
        white-space: nowrap;
        padding: 20px 40px 20px 0;
    }
    #suntory_contents #map_body section .data_table td {
        border-bottom:1px #DEDEDE solid;
        padding: 20px 0 20px;
    }
    #suntory_contents #map_body section .data_list li {
        font-size: 16px;
        margin-bottom: 30px;
    }
    #suntory_contents #map_body section .data_list li:last-child {
        margin-bottom: 0;
    }
    
    #suntory_contents #map_body .glossary {
        margin-bottom: 20px;
    }
    #suntory_contents #map_body .glossary dt {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    #suntory_contents #map_body .glossary dd {
        font-size: 16px;
        line-height: 1.5625;
    }
    
}