:root {
  --sectionPadding: 16px;
  --fontSize: 16px;
}
.custom__un_index_section_inner__container {
  padding: var(--sectionPadding);
  font-size: 16px;
}

button {
    &.ticket-btn2 {
        color: #fff;
        font-size: inherit;
    }
}
ul {
    list-style: disc;
    padding: 0 16px;
    font-weight: 500;
    font-size: 16px;
    line-height: 2;
    color: var(--color-text-sub);
    width: 100%;

    li {
      margin-inline-start: 24px;
    }
}
h3.wp-block-heading {
    margin: 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 2;
    color: var(--color-text-sub);
}


.ticket-notice-list li::before {
  content: "・";
  left: 0;
  top: 0;
  font-size: 14px;
}

.bl_footer {
    margin-top: 46px;
}

.custom__bold24 {
    font-size: 24px;
    font-weight: bold;
}

@media screen and (width >= 768px) {
    .un_index_section_contents_highlight {
        padding-top: 16px;
        padding-bottom: 32px;
    }
}

.bl_globalNav_list {
    li {
        &::before {
            content: none;
        }
    }
}


@media screen and (width >= 768px) {
    .un_index_about_table_title {
        width: 16%;
    }
}
@media screen and (width >= 768px) {
    .un_index_about_table_data {
        width: 84%;
    }
}


/*▼WP用*/
body > .wp-block-group {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    scroll-margin-top: 20px;
    padding: 56px 0;

    > .wp-block-group__inner-container {
        display: flex;
        flex-direction: column;
        gap: 40px;
        align-items: center;
        width: 100%;
        max-width: 800px;
        padding: 0 8px;
    }
}
@media screen and (width > 768px) {
    body > .wp-block-group {
        .wp-block-group__inner-container {

        }
    }
}

hr.wp-block-separator {
    height: 1px;
    width: 100%;
    margin: 16px 0;
    border-width: 0 0 1px 0;
    border-bottom: dashed 1px #DCA33E;
}

.has-text-align-center {
    text-align: center;
}

.wp-block-buttons {
    display: flex;
    justify-content: center;
    padding: 32px 0;
    width: 100%;
}
.wp-block-button__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 16px 24px;
    border: none;
    border-radius: 40px;
    background: var(--color-yellow);
    box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.25);
    font-family: var(--font-ja);
    font-weight: 700;
    font-size: 24px;
    line-height: 2;
    color: var(--color-text);
    white-space: nowrap;
    cursor: pointer;
    transition: transform 0.1s, box-shadow 0.1s;
}
@media (min-width: 768px) {
    .wp-block-button__link {
        width: 400px;
        padding: 16px 96px;
    }
}

.wp-block-image {
    img {
        max-width: 100%;
        height: auto;
    }
}



.hg_block__dl-05 {
    .hg_block__dl-05__child {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        padding: 32px 0;
        width: 100%;
        border-bottom: 1px dashed var(--color-red);

        dt {
            width: 100%;
            flex-shrink: 0;
            margin-bottom: 8px;
            font-weight: 500;
            font-size: 20px;
            color: var(--color-text-sub);
        }
        dd {
            flex: 1;
            font-weight: 500;
            font-size: 16px;
            line-height: 2;
            color: var(--color-text-sub);
        }
    }

    &.custom__dl--price {
        .hg_block__dl-05__child {
            padding: 0;
            margin-top: 16px;

            &:first-of-type {
                margin-top: 0;
            }
        }
        dt {
            margin-bottom: 16px;
            font-size: 24px;
            font-weight: bold;
        }
        dd {
            margin-bottom: 16px;
            font-size: 24px;
            text-align: right;
        }
    }
}
@media (min-width: 768px) {
    .hg_block__dl-05 {
        .hg_block__dl-05__child {
            flex-direction: row;
            gap: 80px;
            align-items: flex-start;
            
            dt {
                width: 120px;
                margin-bottom: 0;
            }
            dd {
                
            }
        }

        &.custom__dl--price {
            .hg_block__dl-05__child {
                dt, dd {
                    width: 50%;
                }
            }
        }

    }
}


.custom__section--title {
    width: 100%;
    
    > .wp-block-group__inner-container {
        display: flex;
        flex-direction: column;
        gap: 4px;
        align-items: center;
        width: 100%;
    }
    .section-title__en-box {
        font-family: var(--font-en);
        font-weight: 500;
        font-size: clamp(36px, 7vw, 64px);
        letter-spacing: 3.84px;
        line-height: normal;
        color: #fff;
        text-align: center;
        white-space: nowrap;
    }
}

.card--bordered {
    background: #fff;
    border-radius: 16px;
    width: 100%;
    border: 4px solid var(--color-red);
    overflow: clip;

    > .wp-block-group__inner-container {
        padding: 24px 16px;
    }
}
@media screen and (width > 768px) {
    .card--bordered {
        > .wp-block-group__inner-container {
            padding: 24px 32px;
        }
    }
}

.custom__image--outerlink {
    cursor: pointer;

    &:hover {
        opacity: 0.7;
        background: #fff;
    }    
}

.custom__grid--2and1 {
    display: block;
    padding: 16px 0;
    border-bottom: 1px dashed var(--color-red);

    &>*:nth-child(1){
        font-weight: 700;
        font-size: 24px;
        line-height: 2;
        color: var(--color-text-sub);
        white-space: nowrap;
    }
    &>*:nth-child(2){
        padding-top: 4px;
        font-weight: 500;
        font-size: 24px;
        line-height: 2;
        color: var(--color-text-sub);

        &::after {
            content: "(税込み)";
            font-family: var(--font-ja-sub);
            font-size: 14px;
            color: var(--color-text-sub);
        }
    }
    &>*:nth-child(3){
        padding: 8px 16px 0 16px;
        font-weight: 500;
        font-size: 16px;
        line-height: 2;
        color: var(--color-text-sub);
        text-align: left;
    }
}
@media (min-width: 768px) {
    .custom__grid--2and1 {
        display: grid;
        grid-template-columns: 1fr 1fr;

        &>*:nth-child(1){
            grid-row: 1/2;
            grid-column: 1/2;
        }
        &>*:nth-child(2){
            grid-row: 1/2;
            grid-column: 2/2;
            text-align: right;
        }
        &>*:nth-child(3){
            grid-row: 2/2;
            grid-column: 1/3;
            padding: 8px 16px;
        }
    }    
}


@media screen and (width >= 768px) {
    .un_index_kv_logo {
        bottom: -10vh;
    }
}
@media screen and (width < 768px) {
    .un_index_kv_logo {
        bottom: -1vh;
    }
}


/* -- */
#news {
    .hg_block__dl-05 {
        background: #fff;
        border-radius: 16px;
        width: 100%;
        padding: 40px 24px;

        .hg_block__dl-05__child {
            display: flex;
            flex-direction: column;
            gap: 8px;
            font-weight: 500;
            font-size: 20px;
            width: 100%;
            border-bottom: none;

            &:nth-child(n+2) {
                margin-top: 1em;
            }
        }
        dt {
            color: var(--color-red);
            flex-shrink: 0;
        }
        dd {
            color: var(--color-text);
            flex: 1;
        }
    }
}
@media (min-width: 768px) {
    #news {
        .hg_block__dl-05 {
            padding: 40px;

            .hg_block__dl-05__child {
                flex-direction: row;
                gap: 40px;
            }
        }
    }
}

#highlight {
    .highlight-text {
        .wp-block-group__inner-container {
            padding: 40px 24px;
        }
        p {
            &:nth-child(n+2) {
                margin-top: 2em;
            }
        }
    }
}
@media (min-width: 768px) {
    #highlight {
        .highlight-text {
            .wp-block-group__inner-container {
                padding: 40px;
            }
        }
    }
}


#ticket {
    .ticket__notice--header {
        padding: 24px 0 8px 0;
    }
    .custom__grid--2and1 {
        ul {
            padding: 0;
        }
    }
    .ticket-image-clickable {
        margin-top: 8px;
    }
}

#special1, #special2 {
    .hg_block__dl-05__child {
        flex-direction: column;
        gap: 8px;

        &:last-child {
            border-bottom: none;
        }
        
        dt {
            width: 100%;
            font-weight: 700;
            font-size: 24px;
            line-height: 2;
            color: var(--color-text-sub);
        }
        dd {
            width: 100%;
        }
    }
}

#attention {
    .section-title__en--dark {
        border-bottom: 1px solid #222;
    }
}