@charset "utf-8";
/* layout
========================================================================= */
#suntory_contents .anchor_list{
    display: flex;
    flex-direction: row;
    gap: clamp(4px, 1.3%, 16px);
    margin-bottom: 20px;
}
#suntory_contents .anchor_list .item{
    flex: 1 ;
}
#suntory_contents .btn100p_wrap{
    margin-bottom: 12px;
}
#suntory_contents .section_bdr_top{
    border-top: 1px solid #B5B5B6;
    padding-top: 40px;
    margin-top: 26px;
}
#suntory_contents .caption{
    text-align: center;
    margin-top: 5px;
    line-height: 1.5;
    font-size: 0.75rem;
}
#suntory_contents .link_arw_round:after{
    margin-top: -2px;
}
@media screen and (max-width: 767px){
    #suntory_contents .btn_solid_red, #suntory_contents .btn_bdr_red{
        height: 48px;
    }
    #hall .main_img img{
        width: 100%;
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }
    #suntory_contents .section_bdr_top{
        margin-right: -4%;
        margin-left: -4%;
        padding-left: 4%;
        padding-right: 4%;
    }
    #hall.section_wrap .section_wrap,
    #bluerose.section_wrap .section_wrap{
        margin-bottom: 0;
    }
    #bluerose.section_wrap #fan{
        margin-top: 40px;
    }
}
@media print, screen and (min-width:768px){
    #suntory_contents .anchor_list{
        margin-bottom: 40px;
    }
    #suntory_contents .btn100p_wrap{
        margin-bottom: 10px;
    }
    #suntory_contents .btn_bdr_red.icon_pdf{
        font-size: 0.875rem;
    }
    #suntory_contents .section_bdr_top{
        padding-top: 64px;
        margin-top: 64px;
    }
    #suntory_contents .caption span{
        font-size: 0.875rem;
    }
}
/* slider
========================================================================= */
#suntory_contents .seat_map_wrap{
    overflow: hidden;
}
#suntory_contents .map_wrap{
    position: relative ;
}
#suntory_contents .map_wrap .note_wrap{
    margin-top: 16px;
    font-size: 0.8125rem;
}
#suntory_contents .instruction_text{
    font-weight: bold;
    text-align: center;
}
#suntory_contents .instruction_text .icon_camera{
    font-size: 0;
    width: 20px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background: url(/suntoryhall/assets/img/icon_camera_red.svg) no-repeat;
    background-size: contain;
    margin: -2px 3px 0;
}
#suntory_contents .map_wrap .icon_wheelchair{
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background: url(/suntoryhall/seat/assets/img/icon_wheelchair.svg) no-repeat;
    background-size: contain;
    margin: -3px 3px 0;
}
#suntory_contents .map_wrap .img_wrap{
    width: 566px;
    transform-origin: 0 0;
}
#suntory_contents .seat_slider .img_wrap img{
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 251/ 165;
}
#suntory_contents .seat_slider .caption{
    text-align: center;
    font-weight: bold;
    padding: 2px 32px;
    margin-top: 16px;
    width: 100%;
    font-size: 0.875rem;
}
#suntory_contents .map_wrap .camera{
    font-size: 0;
    position: absolute;
    width: 30px;
    height: 23px;
    background-image: url(/suntoryhall/assets/img/icon_camera_red.svg);
    background-repeat: no-repeat;
    background-size: contain ;
}
#suntory_contents .map_wrap .camera.active{
    background-image: url(/suntoryhall/assets/img/icon_camera_org.svg);
}
#suntory_contents .seat_slider .slick-arrow.slick-disabled{
    opacity: 0;
    pointer-events: none;
}
#suntory_contents .seat_slider .slick-arrow:before{
    content:"";
    display: block;
    background-size: contain;
    width: 32px;
    height: 32px;
}
#suntory_contents .seat_slider .slick-prev,
#suntory_contents .seat_slider .slick-next{
    z-index: 2;
    font-size: 0;
    position: absolute;
    background-size: contain;
    width: 32px;
    height: 32px;
    bottom: 0 ;
}
#suntory_contents .seat_slider .slick-next:before,
#suntory_contents .seat_slider .slick-prev:before{
    background-image:url(/suntoryhall/assets/img/arrow_round_line.svg) ;
}
#suntory_contents .seat_slider .slick-next.slick-disabled:before,
#suntory_contents .seat_slider .slick-prev.slick-disabled:before{
    pointer-events: none ;
}
#suntory_contents .seat_slider .slick-next:not(.slick-disabled):hover:before,
#suntory_contents .seat_slider .slick-prev:not(.slick-disabled):hover:before{
    background-image:url(/suntoryhall/assets/img/arrow_round_org.svg) ;
}
#suntory_contents .seat_slider .slick-prev:before{
    transform: rotate(180deg) ;
}

@media screen and (max-width: 767px){
    #suntory_contents .slider_wrap,
    #suntory_contents .seat_modal,
    #suntory_contents .default_img{
        opacity: 0;
        visibility: hidden;
    }
    #suntory_contents .seat_modal{
        position: absolute;
        width: 92%;
    }
    #suntory_contents .activated .slider_wrap,
    #suntory_contents .activated .seat_modal,
    #suntory_contents .activated .default_img{
        opacity: 1;
        visibility: visible;
    }
    .modal_open{
        position: fixed;
        width: 100%;
    }
    #suntory_contents .instruction_text{
        font-size: 0.875rem;
        margin-bottom: 20px;
    }
    #suntory_contents .activated .default_img{
        position: fixed;
        backdrop-filter: blur(5px);
        background-color: rgba(0, 0, 0, 0.7);top: 0;left: 0;
        right: 0;
        bottom: 0;
        z-index: 100;
        pointer-events: visible;
        transition: opacity 0.3s;
    }
    #suntory_contents .activated .slider_wrap{
        position: fixed;
        top: 50%;
        right: 4%;
        z-index: 101;
        width: 92%;
        transform: translateY(-50%);
        transition: opacity 0.3s;
    }
    #suntory_contents .activated .close_wrap{
        display: flex;
        justify-content: flex-end;
        margin-bottom: 8px;
    }
    #suntory_contents .slider_wrap .img_wrap{
        background-color: #fff;
        padding-bottom: 16px;
        min-width: 300px;
    }
    #suntory_contents .map_wrap .img_wrap.beforeAdjusted{
        width: 100%;
    }
    #suntory_contents .map_wrap .img_wrap.beforeAdjusted .camera{
        opacity: 0;
    }
    #suntory_contents .seat_slider .slick-prev{
        left: 16px;
        bottom: 11px;
    }
    #suntory_contents .seat_slider .slick-next{
        right: 16px;
        bottom: 11px;
    }
    #suntory_contents .seat_slider .caption{
        font-size: 1rem;
    }
    #suntory_contents .map_wrap .camera{
        margin: -3px 0px 0 -3px;
        width: 35px;
        height: 28px;
    }
}
@media print, screen and (min-width:768px){
    #suntory_contents .map_wrap{
        width: 566px;
        float: left;
        transform-origin: 0 0;
        overflow: hidden;
    }
    #suntory_contents .map_wrap .note_wrap{
        margin-top: 32px;
        font-size: 0.875rem;
        display: flex;
        justify-content: center;
    }
    #suntory_contents .info_wrap{
        width: 566px;
        float: right;
    }
    #suntory_contents .seat_slider{
        opacity: 0;
        visibility: hidden;
    }
    #suntory_contents .activated .seat_slider{
        opacity: 1;
        visibility: visible;
    }
    #suntory_contents .seat_slider .caption{
        display: none;
    }
    #suntory_contents .activated  .caption{
        display: block;
    }
    #suntory_contents .seat_modal{
        background: #F8F8F7;
        padding: 16px 32px;
        position: relative;
    }
    #suntory_contents .default_img{
        display: flex;
        align-items: center;
        justify-content: center;
        background-repeat: no-repeat;
        background-size: cover;
        color: #fff;
        font-weight: bold;
        position: absolute;top: 16px;left: 32px;
        text-align: center;
        opacity: 1;
        transition: all 0.5s;
        z-index: 10;
        width: calc(100% - 64px);
        aspect-ratio: 251/ 165;
    }
    #suntory_contents #hall .default_img{
        background-image: url(/suntoryhall/seat/assets/img/pic_hall_10.webp);
    }
    #suntory_contents #shoebox .default_img{
        background-image: url(/suntoryhall/seat/assets/img/pic_shoebox_07.webp);
    }
    #suntory_contents #fan .default_img{
        background-image: url(/suntoryhall/seat/assets/img/pic_fan_07.webp);
    }
    #suntory_contents .activated .default_img{
        opacity: 0;
        visibility: hidden;
    }
    #suntory_contents .default_img:before{
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(34, 34, 34, 0.7);
        z-index: 0;
        transition: all 0.5s;
    }
    #suntory_contents .default_img p{
        position: relative;
        z-index: 1;
    }
    #suntory_contents .instruction_text .icon_camera{
        width: 28px;
        height: 21px;
        background-image: url(/suntoryhall/assets/img/icon_camera_wh.svg);
        margin: -5px 6px 0 0;
    }
    #suntory_contents .seat_slider .slick-prev,
    #suntory_contents .seat_slider .slick-next{
        width: 32px;
        height: 32px;
        bottom: -2px;
    }
    #suntory_contents .seat_slider .slick-arrow:before{
        width: 32px;
        height: 32px;
    }
    #suntory_contents .seat_slider .slick-prev{
        left: 0;
    }
    #suntory_contents .seat_slider .slick-next{
        right: 0;
    }
}
@media screen and (min-width:768px) and (max-width:960px){
    #suntory_contents .map_wrap{
        width: 480px;
    }
    #suntory_contents .info_wrap{
        width: 440px;
    }
    #suntory_contents .map_wrap .img_wrap{
        transform: scale(0.84);
        height: 572px;
    }
}


/* camera
========================================================================= */
#suntory_contents  #hall .map01{left: 211px;top: 66px;}
#suntory_contents  #hall .map02{left: 268px;top: 86px;}
#suntory_contents  #hall .map03{left: 329px;top: 66px;}
#suntory_contents  #hall .map04{left: 101px;top: 130px;}
#suntory_contents  #hall .map05{left: 437px;top: 131px;}
#suntory_contents  #hall .map06{left: 115px;top: 183px;}
#suntory_contents  #hall .map07{left: 422px;top: 182px;}
#suntory_contents  #hall .map08{left: 107px;top: 267px;}
#suntory_contents  #hall .map09{left: 208px;top: 258px;}
#suntory_contents  #hall .map10{left: 268px;top: 280px;}
#suntory_contents  #hall .map11{left: 331px;top: 257px;}
#suntory_contents  #hall .map12{left: 433px;top: 266px;}
#suntory_contents  #hall .map13{left: 170px;top: 316px;}
#suntory_contents  #hall .map14{left: 268px;top: 353px;}
#suntory_contents  #hall .map15{left: 368px;top: 314px;}
#suntory_contents  #hall .map16{left: 91px;top: 363px;}
#suntory_contents  #hall .map17{left: 170px;top: 397px;}
#suntory_contents  #hall .map18{left: 207px;top: 377px;}
#suntory_contents  #hall .map19{left: 268px;top: 410px;}
#suntory_contents  #hall .map20{left: 332px;top: 377px;}
#suntory_contents  #hall .map21{left: 369px;top: 396px;}
#suntory_contents  #hall .map22{left: 445px;top: 363px;}
#suntory_contents  #hall .map23{left: 101px;top: 460px;}
#suntory_contents  #hall .map24{left: 214px;top: 535px;}
#suntory_contents  #hall .map25{left: 268px;top: 525px;}
#suntory_contents  #hall .map26{left: 324px;top: 535px;}
#suntory_contents  #hall .map27{left: 436px;top: 460px;}
#suntory_contents  #hall .map28{left: 210px;top: 586px;}
#suntory_contents  #hall .map29{left: 268px;top: 577px;}
#suntory_contents  #hall .map30{left: 328px;top: 586px;}

#suntory_contents #shoebox .map01{left: 256px;top: 193px;}
#suntory_contents #shoebox .map02{left: 106px;top: 278px;}
#suntory_contents #shoebox .map03{left: 256px;top: 278px;}
#suntory_contents #shoebox .map04{left: 408px;top: 278px;}
#suntory_contents #shoebox .map05{left: 106px;top: 358px;}
#suntory_contents #shoebox .map06{left: 408px;top: 358px;}
#suntory_contents #shoebox .map07{left: 256px;top: 417px;}
#suntory_contents #shoebox .map08{left: 106px;top: 498px;}
#suntory_contents #shoebox .map09{left: 256px;top: 498px;}
#suntory_contents #shoebox .map10{left: 408px;top: 498px;}
#suntory_contents #shoebox .map11{left: 256px;top: 579px;}

#suntory_contents #fan .map01{left: 76px;top: 127px;}
#suntory_contents #fan .map02{left: 148px;top: 127px;}
#suntory_contents #fan .map03{left: 395px;top: 127px;}
#suntory_contents #fan .map04{left: 450px;top: 127px;}
#suntory_contents #fan .map05{left: 275px;top: 216px;}
#suntory_contents #fan .map06{left: 129px;top: 261px;}
#suntory_contents #fan .map07{left: 275px;top: 281px;}
#suntory_contents #fan .map08{left: 411px;top: 261px;}
#suntory_contents #fan .map09{left: 97px;top: 328px;}
#suntory_contents #fan .map10{left: 275px;top: 347px;}
#suntory_contents #fan .map11{left: 441px;top: 328px;}


/* seat table
========================================================================= */
#suntory_contents .seat_info{
    margin-top: 24px;
    padding: 8px 16px 16px;
    border: 1px solid #DEDEDE;
}
#suntory_contents .seat_table{
    width: 100%;
    text-align: center;
    line-height: 1.2;
}
#suntory_contents thead th:first-child,
#suntory_contents tbody td.bdr_right{
    border-right: 1px solid #DEDEDE;
}
#suntory_contents thead th{
    padding: 6px;
    font-weight: bold;
}
#suntory_contents tbody td{
    padding:13px 0 13px 0;
}
#suntory_contents .seat_list .data_wrap{
    margin: auto;
    width: 138px;
    display: flex;
    justify-content: space-between;
}
#suntory_contents tbody .seat_list .data_wrap:not(:last-child){
    padding-bottom: 14px;
}
#suntory_contents tbody .sum_row{
    font-weight: bold;
}
#suntory_contents thead tr,
#suntory_contents tbody tr:last-child{
    border-bottom: 1px solid #DEDEDE;
}
#suntory_contents tfoot td{
    padding: 13px 0 0;
}
#suntory_contents tfoot .seat_list .data_wrap{
    width: 250px;
    padding: 12px 0 0;
}
#bluerose tfoot .normal_text{
    line-height: 1.2;
}
#bluerose tfoot .note_text{
    margin-top: 21px;
}
@media screen and (max-width: 767px){
    #suntory_contents .seat_table{
        font-size: 0.875rem;
    }
    #suntory_contents tfoot .fwBig{
        font-size: 1rem;
    }
    #suntory_contents tfoot .note_text{
        font-size: 0.8125rem;
    }
    #suntory_contents tbody td:first-child .seat_list .data_wrap{
        padding-right: 12px;
    }
    #suntory_contents tbody td:last-child .seat_list .data_wrap{
        padding-left: 12px;
    }
}
@media print, screen and (min-width:768px){
    #suntory_contents .seat_info{
        margin-top: 32px;
        padding:20px 16px 22px;
    }
    #suntory_contents thead th{
        padding: 5px;
    }
    #suntory_contents .seat_list .data_wrap{
        width: 170px;
    }
    #suntory_contents tbody .seat_list .data_wrap:not(:last-child){
        padding-bottom: 12px;
    }
    #suntory_contents tfoot .fwBig{
        font-size: 1.125rem;
    }
    #hall tbody td{
        padding:16px 0;
    }
    #hall tfoot td{
        padding: 15px 0 0;
    }
    #hall tfoot .note_text{
        margin-top: 8px;
    }
    #bluerose tbody td{
        padding: 0 0 10px;
    }
    #bluerose tfoot td{
        padding: 30px 0 0;
    }
    #bluerose tfoot .note_text{
        margin-top: 30px;
    }
    #bluerose .seat_info{
        padding-bottom: 36px;
    }
}