@charset "utf-8";

/*==================================================
setting
================================================== */
:root {
    --base-width: 375;
    --vw-unit: calc(100vw / var(--base-width));
}

/*==================================================
font, colors
================================================== */
:root {

    --font-sans-serif: "Alegreya Sans", sans-serif;
    --font-serif: "Georgia", serif;

    --color-black: #222;
    --color-white: #fff;

}

/*==================================================
icon
================================================== */
:root {

    --icon-arrow-head: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2010%205.8%22%3E%20%20%3C%21--%20Generator%3A%20Adobe%20Illustrator%2030.3.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%202.1.3%20Build%20182%29%20%20--%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E%20%20%20%20%20%20.st0%20%7B%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%20%20%20%20%20%20%7D%20%20%20%20%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M10%2C.8L9.2%2C0l-4.2%2C4.2L.8%2C0l-.8.8%2C5%2C5L10%2C.8Z%22%2F%3E%3C%2Fsvg%3E");

    --icon-arrow-head-right: url("data:image/svg+xml,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%204.8%208.3%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E%20%20%20%20%20%20.st0%20%7B%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%20%20%20%20%20%20%7D%20%20%20%20%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M.7%2C0l-.7.7%2C3.5%2C3.5L0%2C7.7l.7.7%2C4.2-4.2L.7%2C0Z%22%2F%3E%3C%2Fsvg%3E");

}

#suntoryhall_header {
    z-index: 1000;
}

/*==================================================
sp
================================================== */
#suntory_contents #main_wrap {
    background:
        linear-gradient(180deg, #F8F7F1 70%, rgba(248, 247, 241, 0.00) 100%) top / 100% calc(450 * var(--vw-unit)) no-repeat,
        #EFE9D3;
    margin: 0 0 15px;
    padding: calc(15 * var(--vw-unit)) 0 calc(45 * var(--vw-unit));
}

#suntory_contents #main_wrap .breadcrumbs .bread_list {
    margin: 0 4% 0;
}

/* ========================================================================
[sp]feature_contents_header
========================================================================= */
#suntory_contents .feature_contents_header {
    margin: 0 auto calc(39 * var(--vw-unit));
    padding: calc(179 * var(--vw-unit)) 0 0;
    text-align: center;
    background: url(../img/logo_hall40th_en.svg) no-repeat center calc(21 * var(--vw-unit));
    background-size: calc(150 * var(--vw-unit)) auto;
}

#suntory_contents .feature_contents_header h1 {
    margin: 0 auto calc(15 * var(--vw-unit));
    width: calc(345 * var(--vw-unit));
    height: calc(69 * var(--vw-unit));
    background: url(../img/title_sp.svg) no-repeat center center;
    background-size: calc(345 * var(--vw-unit)) auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#suntory_contents .feature_contents_header p {
    margin: 0 auto;
    width: calc(189 * var(--vw-unit));
    height: calc(16 * var(--vw-unit));
    background: url(../img/day.svg) no-repeat center center;
    background-size: calc(189 * var(--vw-unit)) auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/* ========================================================================
[sp]feature_nav
========================================================================= */

#suntory_contents .feature_nav {
    margin: 0 auto calc(46 * var(--vw-unit));
    width: calc(345 * var(--vw-unit));

}

#suntory_contents .feature_nav li a {
    display: flex;
    align-items: center;
    width: calc(345 * var(--vw-unit));
    height: calc(48 * var(--vw-unit));
    padding: 0 0 0 calc(30 * var(--vw-unit));
    background: #7D001D;
    color: var(--color-white);
    font-family: var(--font-sans-serif);
    font-size: calc(18 * var(--vw-unit));
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    position: relative;
}

#suntory_contents .feature_nav li a::after {
    content: "";
    width: calc(11 * var(--vw-unit));
    height: calc(6 * var(--vw-unit));
    background-color: var(--color-white);
    -webkit-mask: var(--icon-arrow-head);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask: var(--icon-arrow-head);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100% 100%;
    position: absolute;
    right: calc(30 * var(--vw-unit));
    top: calc(50% - calc(3 * var(--vw-unit)));
}

#suntory_contents .feature_nav li+li {
    margin: calc(15 * var(--vw-unit)) 0 0;
}

/* ========================================================================
[sp]feature_contents_container
========================================================================= */
#suntory_contents .feature_contents_container {
    background: var(--color-white);
    box-shadow: 0 0 calc(15 * var(--vw-unit)) 0 rgba(200, 183, 110, 0.40);
    padding: calc(40 * var(--vw-unit)) calc(15 * var(--vw-unit)) calc(36 * var(--vw-unit));
}

#suntory_contents .feature_contents_container section h2 {
    margin: 0 0 calc(30 * var(--vw-unit));
    color: #222;
    text-align: center;
    font-family: var(--font-sans-serif);
    font-size: calc(24 * var(--vw-unit));
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    background: #D9CD99;
    padding: calc(9 * var(--vw-unit));
}

/* ========================================================================
[sp]anniversary-programme
========================================================================= */


#suntory_contents .selector_container {
    margin: 0 auto calc(30 * var(--vw-unit));
    width: calc(345 * var(--vw-unit));
    display: flex;
    justify-content: space-between;
}

#suntory_contents .selector_container .selector {
    position: relative;
}

#suntory_contents .selector_container .selector.date_selector {
    width: calc(132 * var(--vw-unit));
}

#suntory_contents .selector_container .selector.category_selector {
    width: calc(204 * var(--vw-unit));
}

#suntory_contents .selector_container .selector dt {
    background: #7D001D;
    color: var(--color-white);
    font-family: var(--font-sans-serif);
    font-size: calc(15 * var(--vw-unit));
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    height: calc(52 * var(--vw-unit));
    display: flex;
    align-items: center;
    padding: 0 0 0 calc(12 * var(--vw-unit));
    position: relative;
    cursor: pointer;
}

#suntory_contents .selector_container .selector.active dt {
    background: #A20026;
}

#suntory_contents .selector_container .selector dt::before {
    content: "";
    width: calc(26 * var(--vw-unit));
    height: calc(26 * var(--vw-unit));
    border: calc(1 * var(--vw-unit)) solid var(--color-white);
    position: absolute;
    right: calc(12 * var(--vw-unit));
    top: calc(50% - calc(13 * var(--vw-unit)));
    box-sizing: border-box;
}

#suntory_contents .selector_container .selector dt::after {
    content: "";
    width: calc(11 * var(--vw-unit));
    height: calc(6 * var(--vw-unit));
    background-color: var(--color-white);
    -webkit-mask: var(--icon-arrow-head);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask: var(--icon-arrow-head);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100% 100%;
    position: absolute;
    right: calc(20 * var(--vw-unit));
    top: calc(50% - calc(3 * var(--vw-unit)));
}

#suntory_contents .selector_container .selector.active dt::after {
    transform: rotate(180deg);
}

#suntory_contents .selector_container .selector dd {
    width: calc(168 * var(--vw-unit));
    background: var(--color-white);
    position: absolute;
    top: calc(52 * var(--vw-unit));
    left: 0;
    z-index: 10;
    overflow: hidden;
    max-height: 0;
    visibility: hidden;
    transition: max-height 0.3s ease, visibility 0s 0.3s;
}

#suntory_contents .selector_container .selector.date_selector dd {
    width: calc(132 * var(--vw-unit));
}

#suntory_contents .selector_container .selector.category_selector dd {
    width: calc(204 * var(--vw-unit));
}

#suntory_contents .selector_container .selector.active dd {
    max-height: calc(100vw - calc(60 * var(--vw-unit)));
    visibility: visible;
    transition: max-height 0.3s ease;
}

#suntory_contents .selector_container .selector .selector_list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-right: calc(1 * var(--vw-unit)) solid #A20026;
    border-bottom: calc(1 * var(--vw-unit)) solid #A20026;
    border-left: calc(1 * var(--vw-unit)) solid #A20026;
    overflow-y: auto;
    max-height: calc(100vw - calc(60 * var(--vw-unit)));
}

#suntory_contents .selector_container .selector .selector_list li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#suntory_contents .selector_container .selector .selector_list li {
    border-bottom: calc(1 * var(--vw-unit)) solid #EDD;
}

#suntory_contents .selector_container .selector .selector_list li:last-child {
    border-bottom: none;
}

#suntory_contents .selector_container .selector .selector_list li label {
    display: block;
    padding: calc(15 * var(--vw-unit)) calc(18 * var(--vw-unit));
    color: var(--color-black);
    font-family: var(--font-sans-serif);
    font-size: calc(14 * var(--vw-unit));
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

#suntory_contents .selector_list input {
    display: none;
}

#suntory_contents .selector_container .selector .selector_list li input:checked+label {
    background: #A20026;
    color: var(--color-white);
}

#suntory_contents .anniversary_programme_list {
    margin: 0 0 calc(72 * var(--vw-unit));
}

#suntory_contents .anniversary_programme_list li.filter-hidden {
    display: none;
}

#suntory_contents .anniversary_programme_list li.filter-fade-in {
    animation: programmeFadeIn 0.35s ease;
}

#suntory_contents .anniversary_programme_list li.is-first-visible {
    margin-top: 0;
}

#suntory_contents .anniversary_programme_list li+li {
    margin: calc(45 * var(--vw-unit)) 0 0;
}

@keyframes programmeFadeIn {
    from {
        opacity: 0;
        transform: translateY(calc(10 * var(--vw-unit)));
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


#suntory_contents .anniversary_programme_list figure {
    margin: 0 0 calc(15 * var(--vw-unit));
}

#suntory_contents .anniversary_programme_list figure img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}


#suntory_contents .anniversary_programme_list .label {
    margin: 0 0 calc(6 * var(--vw-unit));
    color: #222;
    font-family: var(--font-sans-serif);
    font-size: calc(16 * var(--vw-unit));
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
}

#suntory_contents .anniversary_programme_list .special {
    margin: 0 0 calc(6 * var(--vw-unit));
    width: calc(153 * var(--vw-unit));
    height: calc(16 * var(--vw-unit));
    background: url(../img/label_daiwa_house.svg) no-repeat center center;
    background-size: calc(153 * var(--vw-unit)) auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#suntory_contents .anniversary_programme_list .securities {
    margin: 0 0 calc(6 * var(--vw-unit));
    width: calc(181 * var(--vw-unit));
    height: calc(16 * var(--vw-unit));
    background: url(../img/label_daiwa_securities.svg) no-repeat center center;
    background-size: calc(181 * var(--vw-unit)) auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#suntory_contents .anniversary_programme_list h3 {
    color: #222;
    font-family: var(--font-sans-serif);
    font-size: calc(22 * var(--vw-unit));
    font-style: normal;
    font-weight: 700;
    line-height: 135%;
}

#suntory_contents .anniversary_programme_list .sub_title {
    color: #222;
    font-family: var(--font-sans-serif);
    font-size: calc(16 * var(--vw-unit));
    font-style: normal;
    font-weight: 700;
    line-height: 135%;
}

#suntory_contents .anniversary_programme_list h3 .text-italic {
    font-style: italic;
}

#suntory_contents .anniversary_programme_list h3 .text-plain {
    font-weight: 400;
}

#suntory_contents .anniversary_programme_list h3 .text-small {
    font-size: calc(15 * var(--vw-unit));
}

#suntory_contents .anniversary_programme_list .date {
    margin: 0 0 calc(6 * var(--vw-unit));
    color: #826A50;
    font-family: var(--font-sans-serif);
    font-size: calc(20 * var(--vw-unit));
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

#suntory_contents .anniversary_programme_list .text_block {
    margin: 0 0 calc(15 * var(--vw-unit));
    position: relative;
}

#suntory_contents .anniversary_programme_list .text {
    color: #222;
    font-family: var(--font-sans-serif);
    font-size: calc(16 * var(--vw-unit));
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    transition: max-height 0.35s ease;
}

#suntory_contents .anniversary_programme_list .text .text-bold {
    font-weight: 700;
}

#suntory_contents .anniversary_programme_list .text .text-italic {
    font-style: italic;
}

#suntory_contents .anniversary_programme_list .text_block.has-more .text {
    overflow: hidden;
}

#suntory_contents .anniversary_programme_list .text_block.has-more:not(.is-open) .text {
    max-height: var(--text-collapsed-height);
    cursor: pointer;
}

#suntory_contents .anniversary_programme_list .text_block.has-more.is-open .text {
    max-height: var(--text-open-height);
}


#suntory_contents .anniversary_programme_list .text_block .more {
    margin: 0;
    display: none;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    cursor: pointer;
    text-decoration: none;
    color: #7D001D;
    font-family: var(--font-sans-serif);
    font-size: calc(16 * var(--vw-unit));
}

#suntory_contents .anniversary_programme_list .text_block.has-more:not(.is-open) .more {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 0 0 calc(17 * var(--vw-unit));
    background: linear-gradient(270deg, #FFF 80.29%, rgba(255, 255, 255, 0.00) 100%);
}

#suntory_contents .anniversary_programme_list .text_block:not(.has-more) .more,
#suntory_contents .anniversary_programme_list .text_block.is-open .more {
    display: none;
}


#suntory_contents .anniversary_programme_list .text_block .close {
    display: none;
    margin: calc(9 * var(--vw-unit)) 0 0;
    padding: 0 0 calc(5 * var(--vw-unit));
    width: 100%;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    cursor: pointer;
    text-decoration: none;
    color: #7D001D;
    font-family: var(--font-sans-serif);
    font-size: calc(16 * var(--vw-unit));
    border-bottom: calc(1 * var(--vw-unit)) solid #B5B5B6;
}

#suntory_contents .anniversary_programme_list .text_block.has-more.is-open .close {
    display: block;
}


#suntory_contents .anniversary_programme_list .btn_detail {
    color: #222;
    font-family: var(--font-sans-serif);
    font-size: calc(16 * var(--vw-unit));
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    position: relative;
    padding: 0 calc(25 * var(--vw-unit)) 0 0;
}

#suntory_contents .anniversary_programme_list .btn_detail.btn_disabled {
    pointer-events: none;
    color: #767676;
}


#suntory_contents .anniversary_programme_list .btn_detail::before {
    content: "";
    width: calc(20 * var(--vw-unit));
    height: calc(20 * var(--vw-unit));
    background: #7D001D;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - calc(10 * var(--vw-unit)));
    right: 0;
}

#suntory_contents .anniversary_programme_list .btn_detail.btn_disabled::before {
    background: #bbb;
}

#suntory_contents .anniversary_programme_list .btn_detail::after {
    content: "";
    width: calc(6 * var(--vw-unit));
    height: calc(7 * var(--vw-unit));
    background-color: var(--color-white);
    -webkit-mask: var(--icon-arrow-head-right);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask: var(--icon-arrow-head-right);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100% 100%;
    position: absolute;
    right: calc(7 * var(--vw-unit));
    top: calc(50% - calc(3.5 * var(--vw-unit)));
}


/* ========================================================================
[sp]partner-concert
========================================================================= */
#suntory_contents .partner_concert_list {
    margin: 0 auto calc(72 * var(--vw-unit));
    width: calc(345 * var(--vw-unit));
}

#suntory_contents .partner_concert_list li {
    padding: calc(30 * var(--vw-unit)) 0 calc(30 * var(--vw-unit));
    border-bottom: calc(1 * var(--vw-unit)) solid #B5B5B6;
}

#suntory_contents .partner_concert_list li:first-child {
    padding: 0 0 calc(30 * var(--vw-unit));
}

#suntory_contents .partner_concert_list li:last-child {
    border-bottom: none;
    padding: calc(30 * var(--vw-unit)) 0 0;
}

#suntory_contents .partner_concert_list h3 {
    color: #222;
    font-family: var(--font-sans-serif);
    font-size: calc(22 * var(--vw-unit));
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

#suntory_contents .partner_concert_list .date {
    color: #826A50;
    font-family: var(--font-sans-serif);
    font-size: calc(20 * var(--vw-unit));
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

#suntory_contents .partner_concert_list .presenter {
    color: #222;
    text-align: right;
    font-family: var(--font-sans-serif);
    font-size: calc(15 * var(--vw-unit));
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

#suntory_contents .partner_concert_list .btn_detail {
    color: #222;
    font-family: var(--font-sans-serif);
    font-size: calc(16 * var(--vw-unit));
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    position: relative;
    padding: 0 calc(25 * var(--vw-unit)) 0 0;
}

#suntory_contents .partner_concert_list .btn_detail.btn_disabled {
    pointer-events: none;
    color: #767676;
}


#suntory_contents .partner_concert_list .btn_detail::before {
    content: "";
    width: calc(20 * var(--vw-unit));
    height: calc(20 * var(--vw-unit));
    background: #7D001D;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - calc(10 * var(--vw-unit)));
    right: 0;
}

#suntory_contents .partner_concert_list .btn_detail.btn_disabled::before {
    background: #bbb;
}

#suntory_contents .partner_concert_list .btn_detail::after {
    content: "";
    width: calc(6 * var(--vw-unit));
    height: calc(7 * var(--vw-unit));
    background-color: var(--color-white);
    -webkit-mask: var(--icon-arrow-head-right);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask: var(--icon-arrow-head-right);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100% 100%;
    position: absolute;
    right: calc(7 * var(--vw-unit));
    top: calc(50% - calc(3.5 * var(--vw-unit)));
}



/* ========================================================================
[sp]official-supporters
========================================================================= */
#suntory_contents #official-supporters {
    margin: 0 auto calc(90 * var(--vw-unit));
}

#suntory_contents #official-supporters ul {
    margin: 0 0 calc(69 * var(--vw-unit));
}

#suntory_contents #official-supporters li {
    text-align: center;
}

#suntory_contents #official-supporters li+li {
    margin: calc(45 * var(--vw-unit)) 0 0;
}

#suntory_contents #official-supporters .daiwahouse img {
    width: calc(281 * var(--vw-unit));
    height: auto;
}

#suntory_contents #official-supporters .inpex img {
    width: calc(171 * var(--vw-unit));
    height: auto;
}

#suntory_contents #official-supporters p.note01 {
    margin: 0 0 calc(60 * var(--vw-unit));
    color: var(--color-black);
    text-align: center;
    font-family: var(--font-sans-serif);
    font-size: calc(20 * var(--vw-unit));
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

#suntory_contents #official-supporters p.note02 {
    color: var(--color-black);
    text-align: center;
    font-family: var(--font-sans-serif);
    font-size: calc(20 * var(--vw-unit));
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}


/* ========================================================================
[sp]archive_list
========================================================================= */
#suntory_contents .archive_list {
    border-top: calc(1 * var(--vw-unit)) solid #B5B5B6;
}

#suntory_contents .archive_list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(15 * var(--vw-unit));
    border-bottom: calc(1 * var(--vw-unit)) solid #B5B5B6;
    color: #813;
    font-family: var(--font-sans-serif);
    font-size: calc(18 * var(--vw-unit));
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/* ========================================================================
[sp]no_result
========================================================================= */
#suntory_contents .no_result {
    margin: 0 auto calc(40 * var(--vw-unit));
    display: none;
}

#suntory_contents .no_result .no_result_title {
    margin: 0 auto calc(8 * var(--vw-unit));
    color: #222;
    font-family: var(--font-sans-serif);
    font-size: calc(20 * var(--vw-unit));
    font-style: normal;
    font-weight: 700;
    text-align: center;
}

#suntory_contents .no_result .no_result_description {
    color: #222;
    font-family: var(--font-sans-serif);
    font-size: calc(16 * var(--vw-unit));
    font-style: normal;
    font-weight: 400;
    text-align: center;
}


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

    #suntory_contents .sp_item {
        display: none;
    }


    #suntory_contents #main_wrap {
        background:
            linear-gradient(180deg, #F8F7F1 70%, rgba(248, 247, 241, 0.00) 100%) top / 100% 700px no-repeat,
            #EFE9D3;
        margin: 0 0 30px;
        padding: 30px 0 135px;
    }

    #suntory_contents #main_wrap .breadcrumbs .bread_list {
        margin: 0 auto;
    }


    /* ========================================================================
    [pc]feature_contents_header
    ========================================================================= */
    #suntory_contents .feature_contents_header {
        margin: 0 auto 50px;
        padding: 298px 0 0;
        text-align: center;
        background: url(../img/logo_hall40th_en.svg) no-repeat center 40px;
        background-size: 240px auto;
    }

    #suntory_contents .feature_contents_header h1 {
        margin: 0 auto 20px;
        width: 905px;
        height: 56px;
        background: url(../img/title_pc.svg) no-repeat center center;
        background-size: 905px auto;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
    }

    #suntory_contents .feature_contents_header p {
        margin: 0 auto;
        width: 330px;
        height: 28px;
        background: url(../img/day.svg) no-repeat center center;
        background-size: 330px auto;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
    }

    /* ========================================================================
    [pc]feature_nav
    ========================================================================= */
    #suntory_contents .feature_nav {
        margin: 0 auto 50px;
        width: 1160px;
    }

    #suntory_contents .feature_nav ul {
        display: flex;
        justify-content: space-between;
    }


    #suntory_contents .feature_nav li a {
        display: flex;
        align-items: center;
        width: 378px;
        height: 56px;
        padding: 0 0 0 40px;
        background: #7D001D;
        color: var(--color-white);
        font-family: var(--font-sans-serif);
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        position: relative;
    }

    #suntory_contents .feature_nav li a:hover {
        background: #A20026;
    }


    #suntory_contents .feature_nav li a::after {
        content: "";
        width: 11px;
        height: 6px;
        background-color: var(--color-white);
        -webkit-mask: var(--icon-arrow-head);
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: 100% 100%;
        mask: var(--icon-arrow-head);
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: 100% 100%;
        position: absolute;
        right: 40px;
        top: calc(50% - 3px);
    }

    #suntory_contents .feature_nav li+li {
        margin: 0;
    }

    /* ========================================================================
    [pc]feature_contents_container
    ========================================================================= */
    #suntory_contents .feature_contents_container {
        margin: 0 auto;
        width: 1160px;
        background: var(--color-white);
        padding: 45px 50px;
        box-shadow: 0 0 15px 0 rgba(200, 183, 110, 0.40);
    }

    #suntory_contents .feature_contents_container section h2 {
        margin: 0 0 40px;
        color: #222;
        text-align: center;
        font-family: var(--font-sans-serif);
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        background: #D9CD99;
        padding: 15px;
    }


    /* ========================================================================
    [pc]anniversary-programme
    ========================================================================= */
    #suntory_contents .selector_container {
        margin: 0 auto 40px;
        width: 1060px;
        display: flex;
        justify-content: center;
        gap: 50px;
    }

    #suntory_contents .selector_container .selector {
        position: relative;
    }

    #suntory_contents .selector_container .selector.date_selector {
        width: 260px;
    }

    #suntory_contents .selector_container .selector.category_selector {
        width: 320px;
    }

    #suntory_contents .selector_container .selector dt {
        background: #7D001D;
        color: var(--color-white);
        font-family: var(--font-sans-serif);
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        height: 52px;
        display: flex;
        align-items: center;
        padding: 0 0 0 20px;
        position: relative;
        cursor: pointer;
    }

    #suntory_contents .selector_container .selector dt:hover {
        background: #A20026;
    }

    #suntory_contents .selector_container .selector.active dt {
        background: #A20026;
    }

    #suntory_contents .selector_container .selector dt::before {
        content: "";
        width: 40px;
        height: 26px;
        border: 1px solid var(--color-white);
        position: absolute;
        right: 20px;
        top: calc(50% - 13px);
        box-sizing: border-box;
    }

    #suntory_contents .selector_container .selector dt::after {
        content: "";
        width: 10px;
        height: 6px;
        background-color: var(--color-white);
        -webkit-mask: var(--icon-arrow-head);
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: 100% 100%;
        mask: var(--icon-arrow-head);
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: 100% 100%;
        position: absolute;
        right: 35px;
        top: calc(50% - 3px);
    }

    #suntory_contents .selector_container .selector.active dt::after {
        transform: rotate(180deg);
    }

    #suntory_contents .selector_container .selector dd {
        width: 260px;
        background: var(--color-white);
        position: absolute;
        top: 51px;
        left: 0;
        z-index: 10;
        overflow: hidden;
        max-height: 0;
        visibility: hidden;
        transition: max-height 0.3s ease, visibility 0s 0.3s;
    }

    #suntory_contents .selector_container .selector.date_selector dd {
        width: 260px;
    }

    #suntory_contents .selector_container .selector.category_selector dd {
        width: 320px;
    }

    #suntory_contents .selector_container .selector.active dd {
        max-height: none;
        visibility: visible;
        transition: max-height 0.3s ease;
    }

    #suntory_contents .selector_container .selector .selector_list {
        margin: 0;
        padding: 0;
        list-style: none;
        border-right: 1px solid #A20026;
        border-bottom: 1px solid #A20026;
        border-left: 1px solid #A20026;
        overflow-y: auto;
        max-height: none;
    }

    #suntory_contents .selector_container .selector .selector_list li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #suntory_contents .selector_container .selector .selector_list li {
        border-bottom: 1px solid #EDD;
    }

    #suntory_contents .selector_container .selector .selector_list li:last-child {
        border-bottom: none;
    }

    #suntory_contents .selector_container .selector .selector_list li label {
        display: block;
        padding: 16px 18px;
        color: var(--color-black);
        font-family: var(--font-sans-serif);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
    }

    #suntory_contents .selector_list input {
        display: none;
    }

    #suntory_contents .selector_container .selector .selector_list li input:checked+label {
        background: #A20026;
        color: var(--color-white);
    }

    #suntory_contents .selector_container .selector .selector_list li:hover label {
        background: #A20026;
        color: var(--color-white);
    }

    #suntory_contents .anniversary_programme_list {
        margin: 0 0 90px;
        display: flex;
        flex-wrap: wrap;
        gap: 60px 50px;
    }

    #suntory_contents .anniversary_programme_list li {
        width: 320px;
    }

    #suntory_contents .anniversary_programme_list li+li {
        margin: 0;
    }

    #suntory_contents .anniversary_programme_list figure {
        margin: 0 0 15px;
        height: 213px;
        display: flex;
        align-items: center;
    }

    #suntory_contents .anniversary_programme_list figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }


    #suntory_contents .anniversary_programme_list .label {
        margin: 0 0 6px;
        color: #222;
        font-family: var(--font-sans-serif);
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 135%;
    }


    #suntory_contents .anniversary_programme_list .special {
        margin: 0 0 6px;
        width: 153px;
        height: 16px;
        background: url(../img/label_daiwa_house.svg) no-repeat center center;
        background-size: 153px auto;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
    }

    #suntory_contents .anniversary_programme_list .securities {
        margin: 0 0 6px;
        width: 181px;
        height: 16px;
        background: url(../img/label_daiwa_securities.svg) no-repeat center center;
        background-size: 181px auto;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
    }

    #suntory_contents .anniversary_programme_list h3 {
        color: #222;
        font-family: var(--font-sans-serif);
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 135%;
    }

    #suntory_contents .anniversary_programme_list h3 .text-small {
        font-size: 15px;
    }

    #suntory_contents .anniversary_programme_list .sub_title {
        color: #222;
        font-family: var(--font-sans-serif);
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 135%;
    }

    #suntory_contents .anniversary_programme_list .date {
        margin: 0 0 6px;
        color: #826A50;
        font-family: var(--font-sans-serif);
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
    }

    #suntory_contents .anniversary_programme_list .text_block {
        margin: 0 0 15px;
        position: relative;
    }

    #suntory_contents .anniversary_programme_list .text {

        color: #222;
        font-family: var(--font-sans-serif);
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 135%;
    }

    #suntory_contents .anniversary_programme_list .text_block .more {
        margin: 0;
        display: inline;
        padding: 0;
        border: 0;
        background: none;
        color: inherit;
        font: inherit;
        cursor: pointer;
        text-decoration: none;
        color: #7D001D;
        font-family: var(--font-sans-serif);
        font-size: 15px;
    }

    #suntory_contents .anniversary_programme_list .text_block .more:hover {
        text-decoration: underline;
    }


    #suntory_contents .anniversary_programme_list .text_block.has-more:not(.is-open) .more {
        padding: 0 0 0 17px;
    }

    #suntory_contents .anniversary_programme_list .text_block .close {
        margin: 10px 0 0;
        padding: 0 0 5px;
        width: 100%;
        border: 0;
        background: none;
        color: inherit;
        font: inherit;
        cursor: pointer;
        text-decoration: none;
        color: #7D001D;
        font-family: var(--font-sans-serif);
        font-size: 15px;
        border-bottom: 1px solid #B5B5B6;
    }

    #suntory_contents .anniversary_programme_list .text_block .close:hover {
        text-decoration: underline;
    }


    #suntory_contents .anniversary_programme_list .btn_detail {
        color: #222;
        font-family: var(--font-sans-serif);
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        position: relative;
        padding: 0 25px 0 0;
    }

    #suntory_contents .anniversary_programme_list .btn_detail::before {
        content: "";
        width: 20px;
        height: 20px;
        background: #7D001D;
        border-radius: 50%;
        position: absolute;
        top: calc(50% - 10px);
        right: 0;
    }

    #suntory_contents .anniversary_programme_list .btn_detail::after {
        content: "";
        width: 6px;
        height: 7px;
        background-color: var(--color-white);
        -webkit-mask: var(--icon-arrow-head-right);
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: 100% 100%;
        mask: var(--icon-arrow-head-right);
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: 100% 100%;
        position: absolute;
        right: 7px;
        top: calc(50% - 3.5px);
    }

    #suntory_contents .anniversary_programme_list .btn_detail:hover {
        color: #A20026;
    }

    #suntory_contents .anniversary_programme_list .btn_detail:hover::before {
        background: #A20026;
    }

    /* ========================================================================
    [pc]partner-concert
    ========================================================================= */
    #suntory_contents .partner_concert_list {
        margin: 0 auto 90px;
        width: 1060px;
        display: flex;
        flex-wrap: wrap;
        gap: 30px 50px;
    }

    #suntory_contents .partner_concert_list li {
        padding: 0 0 30px;
        border-bottom: 1px solid #B5B5B6;
        width: 320px;
    }

    #suntory_contents .partner_concert_list li:first-child {
        padding: 0 0 30px;
    }

    #suntory_contents .partner_concert_list li:last-child {
        padding: 0 0 30px;
    }

    #suntory_contents .partner_concert_list:has(> li:first-child:nth-last-child(3n))>li:nth-last-child(-n+3),
    #suntory_contents .partner_concert_list:has(> li:first-child:nth-last-child(3n+1))>li:last-child,
    #suntory_contents .partner_concert_list:has(> li:first-child:nth-last-child(3n+2))>li:nth-last-child(-n+2) {
        border-bottom: none;
    }

    #suntory_contents .partner_concert_list h3 {
        color: #222;
        font-family: var(--font-sans-serif);
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
    }

    #suntory_contents .partner_concert_list .date {
        color: #826A50;
        font-family: var(--font-sans-serif);
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
    }

    #suntory_contents .partner_concert_list .presenter {
        color: #222;
        text-align: right;
        font-family: var(--font-sans-serif);
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        margin: 0 0 15px;
    }

    #suntory_contents .partner_concert_list .btn_detail {
        color: #222;
        font-family: var(--font-sans-serif);
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        position: relative;
        padding: 0 25px 0 0;
    }

    #suntory_contents .partner_concert_list .btn_detail::before {
        content: "";
        width: 20px;
        height: 20px;
        background: #7D001D;
        border-radius: 50%;
        position: absolute;
        top: calc(50% - 10px);
        right: 0;
    }

    #suntory_contents .partner_concert_list .btn_detail::after {
        content: "";
        width: 6px;
        height: 7px;
        background-color: var(--color-white);
        -webkit-mask: var(--icon-arrow-head-right);
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: 100% 100%;
        mask: var(--icon-arrow-head-right);
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: 100% 100%;
        position: absolute;
        right: 7px;
        top: calc(50% - 3.5px);
    }

    #suntory_contents .partner_concert_list .btn_detail:hover {
        color: #A20026;
    }

    #suntory_contents .partner_concert_list .btn_detail:hover::before {
        background: #A20026;
    }

    /* ========================================================================
    [pc]official-supporters
    ========================================================================= */
    #suntory_contents #official-supporters {
        margin: 0 auto 100px;
    }

    #suntory_contents #official-supporters ul {
        margin: 0 0 95px;
    }

    #suntory_contents #official-supporters li {
        text-align: center;
    }

    #suntory_contents #official-supporters li+li {
        margin: 70px 0 0;
    }

    #suntory_contents #official-supporters .daiwahouse img {
        width: 347px;
        height: auto;
    }

    #suntory_contents #official-supporters .inpex img {
        width: 190px;
        height: auto;
    }

    #suntory_contents #official-supporters p.note01 {
        margin: 0 0 90px;
        color: var(--color-black);
        text-align: center;
        font-family: var(--font-sans-serif);
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
    }

    #suntory_contents #official-supporters p.note02 {
        color: var(--color-black);
        text-align: center;
        font-family: var(--font-sans-serif);
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
    }




    /* ========================================================================
    [pc]archive_list
    ========================================================================= */
    #suntory_contents .archive_list {
        border-top: 1px solid #B5B5B6;
        padding-top: 45px;
        display: flex;
        justify-content: center;
    }

    #suntory_contents .archive_list li {
        margin-right: 20px;
    }

    #suntory_contents .archive_list li:last-child {
        margin-right: 0;
    }

    #suntory_contents .archive_list li a {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 20px 0 0;
        border-bottom: none;
        color: #813;
        font-family: var(--font-sans-serif);
        font-size: 17px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        border-right: 1px solid #B5B5B6;
    }

    #suntory_contents .archive_list li:last-child a {
        border-right: none;
    }


    #suntory_contents .archive_list li a:hover {
        text-decoration: underline;
    }

    /* ========================================================================
    [pc]no_result
    ========================================================================= */
    #suntory_contents .no_result {
        margin: 0 auto 40px;
    }

    #suntory_contents .no_result .no_result_title {
        margin: 0 auto 8px;
        color: #222;
        font-family: var(--font-sans-serif);
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        text-align: center;
    }

    #suntory_contents .no_result .no_result_description {
        color: #222;
        font-family: var(--font-sans-serif);
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        text-align: center;
    }


}