@charset "UTF-8";

#block_of_leftmenu_top {
    display: none !important;
}

:root {
    interpolate-size: allow-keywords;
    --stripe: #ff8da7 linear-gradient(135deg, #ff8da7 0%, #ff8da7 25%, rgba(245, 76, 96, 0.16) 25%, rgba(245, 76, 96, 0.16) 50%, #ff8da7 50%, #ff8da7 75%, rgba(245, 76, 96, 0.16) 75%, rgba(245, 76, 96, 0.16) 100%) center / 72px 72px;
    --stripe_sp: linear-gradient(135deg, #ff8da7 0%, #ff8da7 25%, rgba(245, 76, 96, 0.16) 25%, rgba(245, 76, 96, 0.16) 50%, #ff8da7 50%, #ff8da7 75%, rgba(245, 76, 96, 0.16) 75%, rgba(245, 76, 96, 0.16) 100%);
}

.pane-main a:focus,
.pane-main button:focus {
    outline: none;
}

.inner {
    width: 1200px;
    margin: 0 auto;
}

.header_group {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header_group h2 {
    margin: 0;
}

.header_group_text {
    display: flex;
    align-items: center;
    column-gap: 16px;
    padding: 12px 28px;
    border: 2px solid #5b3738;
    border-radius: 40px;
    background-color: #fff;
}

.header_group_text img {
    width: 46px;
}

.header_group_text span {
    line-height: 26px;
    font-weight: 500;
    font-size: 18px;
    color: #5b3738;
}

.section_1 {
    padding: 220px 0 120px;
    background: #d9d9d9 url(/contents/event/a1070700/img/bg_sec1.png) top center / 250px repeat;
}

.section_2 {
    padding: 200px 0 180px;
    background: #d9d9d9 url(/contents/event/a1070700/img/bg_sec2.png) top center / 210px repeat;
}

.section_3 {
    padding: 120px 0 140px;
    background:
        linear-gradient(to right, transparent 0px, transparent 39px, #f1eeee 39px, #f1eeee 40px, transparent 40px, transparent 80px) center / 80px 80px repeat,
        #fff linear-gradient(to bottom, transparent 0px, transparent 39px, #f1eeee 39px, #f1eeee 40px, transparent 40px, transparent 80px) center / 80px 80px repeat;
    /*f1eeee*/
}

@media screen and (min-width: 700px) {
    .pane-main .sp {
        display: none;
    }
}

@media screen and (max-width: 699px) {
    .pane-main .inner {
        width: 86.4%;
    }

    .pane-main .pc {
        display: none;
    }

    .section_1 {
        padding: 42.5% 0 22%;
        background-image: url(/contents/event/a1070700/img/bg_sec1.png);
        background-size: 33% auto;
    }

    .section_2 {
        padding: 100px 0;
        background-size: 33%;
    }

    .section_3 {
        padding: 90px 0;
    }

    .header_group {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 35px;
    }

    .header_group_text {
        padding: 12px  20px;
        column-gap: 13px;
    }

    .header_group_text img {
        width: 36px;
    }

    .header_group_text span {
        font-size: min(18px, 4dvw);
    }
}

/*----------------------------------------------------------------
  Main Visual
  ----------------------------------------------------------------*/

.mainvisual {
    position: relative;
    width: 100%;
    max-width: 3840px;
    margin: 0 auto;
}

.mv_bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mv_title {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -113px);
}

.mv_title img {
    width: 100%;
}

@media screen and (max-width: 699px) {
    .mainvisual {
        aspect-ratio: 1.1;
    }

    .mv_title {
        width: 86.4%;
        transform: translate(-50%, -42%);
    }
}

/*----------------------------------------------------------------
  Anchor Link
  ----------------------------------------------------------------*/
.anchor-link {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 22px;
    margin-bottom: 140px;
}

.anchor-link a {
    width: 283px;
}

@media screen and (max-width: 699px) {
    .anchor-link {
        gap: 20px;
        margin-bottom: 80px;
    }

    .anchor-link a {
        width: calc(50% - 10px);
    }
}

/*----------------------------------------------------------------
  Collaboration Goods
  ----------------------------------------------------------------*/
.collaboration {
    position: relative;
}

.collaboration h2 {
    width: 640px;
    margin: 0 0 50px;
}

.goods_list {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 24px;
}

.goods_note {
    line-height: 1.5;
    font-size: 16px;
    color: #5b3738;
}

@media screen and (min-width: 700px) {
    .collaboration {
        padding-top: 90px;
    }

    .collaboration p {
        position: absolute;
        right: 0;
        top: 0;
        transform: translateX(clamp(0px, calc(50dvw - 658px), 58px));
        width: clamp(550px, 42dvw, 572px);
    }

    .goods_list li {
        width: 580px;
    }

    .goods_list li:nth-of-type(n+3) {
        width: 373px;
    }
}

@media screen and (max-width: 699px) {
    .collaboration h2 {
        width: 100%;
        max-width: 370px;
        margin-bottom: 10px;
    }

    .collaboration p {
        margin-bottom: 15px;
        margin-left: -5%;
    }

    .goods_list {
        margin-bottom: 32px;
    }

    .goods_note li {
        margin-top: 24px;
        padding-left: 16px;
        text-indent: -16px;
        font-weight: 500;
    }
}

/*----------------------------------------------------------------
  DAIV
  ----------------------------------------------------------------*/
.daiv_main_header {
    background: #000 url(/contents/event/a1070700/img/bg_daiv_1.jpg) center top / cover no-repeat;
    line-height: 1.25;
    font-weight: 500;
    font-size: 24px;
    color: #fff;
}

.daiv_main_header .inner {
    display: flex;
    align-items: center;
    gap: 0 50px;
}

.daiv_main_header_inner {
    display: flex;
    width: 670px;
}

.daiv_main_header_inner ~ figure {
    width: 480px;
}

.daiv_main_header_inner h2 {
    width: 645px;
    margin: 0;
}

.daiv_main_header_inner p {
    width: 670px;
}

.daiv_main_subheader {
    display: flex;
    justify-content: center;
    align-items: center;
    border-image: repeating-linear-gradient(135deg, #ff8da7 0px, #ff8da7 25px, #fd829b 25px, #fd829b 50px) 0 fill / 0 / 0 100vw;
    background-color: #ff8da7;
}

@media screen and (min-width: 700px) {
    .daiv_main_header figure img {
        margin-top: -30px;
    }

    .daiv_main_header_inner {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 40px;
    }

    .daiv_main_subheader {
        height: 106px;
        margin-bottom: 100px;
    }

    .daiv_main_subheader img {
        max-height: 30px;
    }

    .block-event-page--accessory .block-event-page--accessory-item:nth-of-type(3) .daiv_main_subheader {
        height: 162px;
    }

    .block-event-page--accessory .block-event-page--accessory-item:nth-of-type(3) .daiv_main_subheader img {
        max-height: 66px;
    }
}

@media screen and (max-width: 699px) {
    .daiv_main_header {
        padding-bottom: 17%;
        background-image: url(/contents/event/a1070700/img/bg_daiv_1_sp.jpg);
    }

    .daiv_main_header_inner {
        flex-wrap: wrap;
        align-items: center;
    }

    .daiv_main_header_inner::after {
        content: "";
        width: 100%;
        height: 1px;
        margin-top: 1px;
        margin-bottom: 32px;
        background: transparent linear-gradient(to right, #c01afc, #4968f1);
    }

    .daiv_main_header_inner h2 {
        width: 36.8%;
        margin: 0 7.9% 0 2.6%;
    }

    .daiv_main_header_inner figure {
        width: 52.7%;
    }

    .daiv_main_header_inner figure img {
        margin-top: -5%;
    }

    .daiv_main_header_inner p {
        width: 100%;
        order: 1;
        line-height: 1.55;
        font-size: min(18px, 4.1dvw);
    }

    .daiv_main_subheader {
        margin-bottom: 50px;
        padding: 50px 0;
    }

    .daiv_main_subheader img {
        max-height: 53px;
    }
}

/*----------------------------------------------------------------
  Interview
  ----------------------------------------------------------------*/
.interview {
    position: relative;
}

.interview h2 {
    width: 464px;
    margin: 0 0 64px;
}

.interview_text {
    width: 100%;
    margin-top: 40px;
    border: 2px solid #5b3738;
    border-radius: 16px;
    overflow: hidden;
}

.interview_text::details-content {
    height: 0;
    transition: height .4s ease, content-visibility 0.4s ease allow-discrete;
    interpolate-size: allow-keywords;
}

.interview_text[open]::details-content {
    height: auto;
    height: calc-size(auto, size);
}

.interview_text summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 98px;
    padding: 0 20px 0 80px;
    background:
        url(/contents/event/a1070700/img/bg_ttl_interview.png) center left 20px / 20px auto no-repeat,
        var(--stripe);
    list-style: none;
}

.interview_text summary img {
    height: 39px;
}

.interview_text summary::-webkit-details-marker {
    display: none;
}

.interview_text summary:hover {
    cursor: pointer;
}

.interview_text_marker {
    position: relative;
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #fff;
}

.interview_text_marker::before,
.interview_text_marker::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 4px;
    border-radius: 2px;
    background-color: #fd839c;
    transition: transform .4s;
}

.interview_text_marker::after {
    transform: translate(-50%, -50%) rotate(-90deg);
}

.interview_text_marker::before,
.interview_text[open] .interview_text_marker::after {
    transform: translate(-50%, -50%) rotate(0deg);
}

.interview_text_main {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 0fr;
    transition: grid-template-rows ease .4s;
    overflow: hidden;
}

.interview_text[open] .interview_text_main {
    grid-template-rows: 1fr;
}

.interview_text_content {
    padding: 38px;
    border-top: 2px solid #5b3738;
    background-color: #fff;
    overflow: hidden;
    height: auto;
}

.interview_text_content h3 {
    margin: 0 0 90px 40px;
    line-height: 40px;
    font-weight: 700;
    font-size: 24px;
    color: #5b3738;
}

.interview_text_content h3 span {
    color: #ff8da7;
}

.interview_text_content dl {
    padding: 0 38px 38px;
    border: 2px solid #ff8da7;
    border-radius: 20px;
    background: rgba(255, 141, 167, 0.1);
}

.interview_text_content dl:not(:last-child) {
    margin-bottom: 64px;
}

.interview_text_content dt {
    margin-bottom: 20px;
}

.interview_text_content dt img {
    display: block;
    width: 210px;
    margin-top: -60px;
}

.interview_text_content dd {
    line-height: 30px;
    font-weight: 500;
    font-size: 18px;
    color: #5b3738;
}

@media screen and (min-width: 700px) {
    .interview_intro {
        position: absolute;
        z-index: 1;
        top: -100px;
        right: 0;
        width: 700px;
    }
}

@media screen and (max-width: 699px) {
    .interview h2 {
        width: 68.2%;
        margin-bottom: 40px;
    }

    .interview_intro {
        width: 105%;
        margin-bottom: 40px;
    }

    .interview_text {
        margin-top: 30px
    }

    .interview_text summary {
        height: 100px;
        padding: 0 16px 0 60px;
        background-image: url(/contents/event/a1070700/img/bg_ttl_interview_sp.png), var(--stripe_sp);
    }

    .interview_text summary.sp_3line {
        height: 136px;
        background-image: url(/contents/event/a1070700/img/bg_ttl_interview_2.png), var(--stripe_sp);
    }

    .interview_text summary img {
        height: 56px;
    }

    .interview_text summary.sp_3line picture {
        width: calc(100% - 40px);
    }

    .interview_text summary.sp_3line img {
        width: min(100%, 224px);
        height: auto;
    }

    .interview_text_marker {
        width: 30px;
    }

    .interview_text_marker::before,
    .interview_text_marker::after {
        width: 20px;
    }

    .interview_text_content {
        padding: 28px;
    }

    .interview_text_content h3 {
        margin: 0 0 min(90px, 30%);
        line-height: 1.6;
        font-size: min(20px, 4.4dvw);
    }

    .interview_text_content dl {
        padding: 0 18px 18px;
    }

    .interview_text_content dt img {
        width: min(65%, 210px);
        margin: max(-18.4%, -60px) auto 0;
    }
}

/*----------------------------------------------------------------
  Profile
  ----------------------------------------------------------------*/
.profile {
    margin-bottom: 120px;
}

.profile .header_group {
    margin-bottom: 50px;
}

.profile h2 {
    width: 326px;
}

.profile-box {
    display: flex;
    column-gap: 50px;
    padding: 48px;
    border: 2px solid #ff8da7;
    border-radius: 20px;
    background: rgba(255, 237, 243, .8);
}

.profile-box figure {
    width: 320px;
}

.profile-box-txt {
    flex: 1;
}

.profile-name {
    margin-bottom: 40px;
}

.profile-name h3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px 40px;
    margin: 0;
}

.profile-name h3 span {
    line-height: 84px;
    font-weight: 800;
    font-size: 64px;
    color: #ff8da7;
}

.profile-name h3 img {
    width: 318px;
}

.profile-name p {
    line-height: 1.5;
    font-weight: 700;
    font-size: 22px;
    color: #5b3738;
}

.profile-box-txt > p {
    line-height: 40px;
    font-weight: 500;
    font-size: 22px;
    color: #5b3738;
}

@media screen and (max-width: 699px) {
    .profile {
        margin-bottom: 100px;
    }

    .profile h2 {
        width: 184px;
    }

    .profile .header_group {
        margin-bottom: 40px;
    }

    .profile .header_group .header_group_text {
        width: 100%;
    }

    .profile-box {
        flex-direction: column;
        row-gap: 30px;
        padding: 48px 38px;
    }

    .profile-box figure {
        width: 100%;
    }

    .profile-name h3 {
        flex-wrap: wrap;
        gap: 5px 10px;
        margin-bottom: 15px;
    }

    .profile-name h3 span {
        line-height: 1;
        font-size: 6.8dvw;
    }

    .profile-name h3 img {
        width: 53%;
    }

    .profile-name p {
        line-height: 33px;
        font-size: 18px;
        font-weight: 700;
    }

    .profile-box-txt > p {
        line-height: 30px;
        font-size: 18px;
    }
}

/*----------------------------------------------------------------
  Archives
  ----------------------------------------------------------------*/
.archives .header_group {
    margin-bottom: 50px;
}

.archives h2 {
    width: 416px;
}

.archives_list {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.archives_list li {
    width: 580px;
}

@media screen and (max-width: 699px) {
    .archives h2 {
        width: 235px;
    }

    .archives .header_group {
        margin-bottom: 40px;
    }

    .archives .header_group .header_group_text {
        width: 100%;
    }

    .archives_list {
        row-gap: 30px;
    }

    .archives_list li {
        width: 100%;
    }
}

/*----------------------------------------------------------------
  Archives
  ----------------------------------------------------------------*/
.lp_notes {
    margin-top: 40px;
}

.lp_notes li {
    padding-left: 14px;
    text-indent: -14px;
    font-size: 14px;
}

@media screen and (max-width: 699px) {
    .lp_notes {
        margin-top: 20px;
    }
}