@charset "UTF-8";

/* ======================================================

2023.8 横浜2024リニューアル

====================================================== */

.yokohama .l-header .g-nav {
    background-color: #FFE3EB;
}
.yokohama .bg-flag .flag.flag--right {
    background-image: url(../images/yokohama/common/flag_right_2024.svg);
}
.yokohama .bg-flag .flag.flag--left {
    background-image: url(../images/yokohama/common/flag_left_2024.svg);
}
.yokohama .c-heading-1 {
    color: #72BEBE;
}
.yokohama .c-heading-2, .yokohama .single-participation .entry-content h2, .single-participation .entry-content .yokohama h2, .yokohama .post-single__main h2, .post-single__main .yokohama h2 {
    color: #2D334A;
}
.yokohama .top-sns__item {
    background-color: #72BEBE;
}
.yokohama .footer-cta {
    background-color: #72BEBE;
}
.yokohama .l-footer {
    background-color: #FFF2F5;
}
.yokohama .l-footer .footer-sns .footer-sns__item img {
    opacity: 0;
    width: 50px;
}
.yokohama .l-footer .footer-sns .footer-sns__item:nth-child(1) {
    background-image: url(../images/yokohama/footer/footer_twitter.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.yokohama .l-footer .footer-sns .footer-sns__item:nth-child(2) {
    background-image: url(../images/yokohama/footer/footer_instagram.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.yokohama .l-footer .footer-sns .footer-sns__item:nth-child(3) {
    background-image: url(../images/yokohama/footer/footer_facebook.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.yokohama .l-footer .footer-sns .footer-sns__item:nth-child(4) {
    background-image: url(../images/yokohama/footer/footer_tiktok.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.yokohama .l-footer .footer-sns .footer-sns__item:nth-child(5) {
    background-image: url(../images/yokohama/footer/footer_line.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.btn--more,
.btn--yokohama {
    background:
    linear-gradient(45deg,  transparent 6px, #FFE3EB 6px),
    linear-gradient(135deg, transparent 6px, #FFE3EB 6px),
    linear-gradient(225deg, transparent 6px, #FFE3EB 6px),
    linear-gradient(315deg, transparent 6px, #FFE3EB 6px);
    background-position: bottom left, top left, top right, bottom right;
    background-size: 52% 52%;
    background-repeat: no-repeat;
    color: #782C2C;
  }
.btn--more .border .text,
.btn--yokohama .border .text {
    background:
    linear-gradient(45deg,  transparent 3px, #FFE3EB 4px),
    linear-gradient(135deg, transparent 3px, #FFE3EB 4px),
    linear-gradient(225deg, transparent 3px, #FFE3EB 4px),
    linear-gradient(315deg, transparent 3px, #FFE3EB 4px);
    background-position: bottom left, top left, top right, bottom right;
    background-size: 52% 52%;
    background-repeat: no-repeat;
  }

.l-mv-sub {
    padding-bottom: 0;
}

.l-mv-sub__scroll {
    display: none;
}
.l-mv-sub__top {
    border-color: #FFE3EB;
    padding: 6em 0 5em;
}
.l-mv-sub__slider {
    position: relative;
    border-radius: 120px;
    overflow: hidden;
    box-shadow: 10px 10px #FBE1E9;
    display: block;
}
.l-mv-sub__slider:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-image: url(../images/yokohama/top/top_mv_frame.png); */
    /* 終了メッセージは以下のCSSにすること */
    /* background-image: url(../images/yokohama/top/top_mv_frame_shuryo_pc.png); */
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
}
@media (max-width: 766px) {
    .l-mv-sub__slider:before {
        /* background-image: url(../images/yokohama/top/top_mv_frame.png); */
    }
    .l-mv-sub__slider {
        border-radius: 30px;
    }
}

.l-mv-sub__slider figure {
    margin: 0;
}
.l-mv-sub__slider figure img {
    display: block;
}

@media screen and (min-width: 992px) {
    .l-mv-sub {
        /* min-height: calc( 864px + 8em ); */
    }
    .l-mv-sub__slider {
       
        max-width: 55%;
    }
    .l-mv-sub__top {
        
    }
}
@media screen and (max-width: 991px) {
    .l-mv-sub:before {
        top: 4em;
    }
}
@media screen and (max-width: 767px) {
    .l-mv-sub {
        min-height: auto;
    }
    .l-mv-sub:before {
        width: 28vw;
        height: 15.96vw;
    }
    .yokohama .l-mv-sub__top {
        
    }
    .l-mv-sub__slider {
        margin-top: 5vw;
    }
    .l-mv-sub__text {
        margin-top: 18vw;
    }
}
.top-movie__item {
    background-color: #FFE3EB;
}
.yokohama .c-tab__index, .c-tab__index:hover, .c-tab__index:visited {
    background: linear-gradient(45deg, #FFC8D8 0.4em, #FFC8D8 0.4em), linear-gradient(135deg, transparent 0.4em, #FFC8D8 0.4em), linear-gradient(225deg, transparent 0.4em, #FFC8D8 0.4em), linear-gradient(315deg, #FFC8D8 0.4em, #FFC8D8 0.4em);
    color: #72BEBE;
    background-position: bottom left, top left, top right, bottom right;
    background-size: 52% 52%;
    background-repeat: no-repeat;
}
.yokohama .c-tab input[name*="tab_index"]:not(:checked) + .c-tab__index .border {
    background: linear-gradient(45deg, #FFE4EB 0.4em, #FFE4EB 0.4em), linear-gradient(135deg, transparent 0.4em, #FFE4EB 0.4em), linear-gradient(225deg, transparent 0.4em, #FFE4EB 0.4em), linear-gradient(315deg, #FFE4EB 0.4em, #FFE4EB 0.4em);
    color: #72BEBE;
    background-position: bottom left, top left, top right, bottom right;
    background-size: 52% 52%;
    background-repeat: no-repeat;
}
.yokohama .c-tab__box {
    border-image: url(../images/top/top_news_border_yokohama2024.svg) 10 round;
}
.yokohama .event-schedule .event-timetable__title {
    color: #42A9A9;
}
.yokohama .event-schedule .event-timetable__item {
    color: #2D9797;
}
.yokohama.post-type-archive-participation .sort__container, .yokohama.post-type-archive-exhibitors .sort__container {
    background-color: #FFE4EB;
}