@charset "utf-8";

/***fv***/

.subpage_fv .fv_back_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
        mix-blend-mode: overlay;
}

.subpage_fv .fv_back_image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;

}

.subpage_fv .fv_logo {
    width: 100px;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
}


.concept_fv {
    padding: 210px 0 90px;
    min-height: 100vh;
    height: auto;
}

.concept_fv .vertical_text {
    margin-bottom: 60px;
}

.concept_fv .vertical_text h1 {

}

.concept_fv .ex {
    text-align: center;
}
.normal_fv {
    padding: 280px 0 90px;
    min-height: 100vh;
    height: auto;
}
.normal_fv .title_box .en {
    color: rgba(255,255,255,0.55);
    font-size: 3rem;
    margin-bottom: 20px;
    font-family: "Philosopher", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.normal_fv .title_box h1 {
    font-size: 4rem;
    line-height: 1.4;

}

.normal_fv .title_box .ex {
    margin-top: 60px;
}
.normal_fv.artist_single {

}
.normal_fv.artist_single .wrapper {
    position: relative;
}

.normal_fv.artist_single .title_box {
    width: 52%;
}

.normal_fv.artist_single .title_box .position {
    margin-top: 20px;
    font-size: 1.4rem;
}
.normal_fv.artist_single .title_box .ex {
    margin-top: 40px;
}
.normal_fv.artist_single .image_box {
    width: 42%;
    position: absolute;
    top: -80px;
    right: 0;
}

.normal_fv.artist_single .image_box figure {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 145%;
    overflow: hidden;
}

.normal_fv.artist_single .image_box figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.normal_fv.only_title {
    padding: 100px 0;
    display: flex;
    align-items: center;
}

.woocommerce-page .normal_fv {
    min-height: inherit;
    padding: 200px 0;
}

@media screen and (max-width: 800px) {


    .subpage_fv .fv_logo {
        width: 90px;
        top: 30px;
    }

    .concept_fv {
        padding: 170px 0 40px;
    }
    .concept_fv .vertical_text {
        margin-bottom: 30px;
    }


    .normal_fv {
        padding: 170px 0 40px;
    }
    .normal_fv .title_box .en {
        font-size: 2.6rem;
        margin-bottom: 30px;
    }

    .normal_fv .title_box h1 {
        font-size: 3.6rem;
    }
    .normal_fv .title_box .ex {
        margin-top: 40px;
    }

    .normal_fv.artist_single .title_box {
        width: 100%;
    }

    .normal_fv.artist_single .image_box {
        display: none;
    }

    .normal_fv.artist_single .title_box figure {
        width: 80%;
        max-width: 500px;
        margin: 30px auto 0;
    }

    .normal_fv.artist_single .title_box .en,
    .normal_fv.artist_single .title_box h1,
    .normal_fv.artist_single .title_box .position {
    text-align: center;
    }

    .woocommerce-page .normal_fv {
        min-height: inherit;
        padding: 120px 0 100px;
    }
}


/***concept about***/
.concept_about_sec {
    padding: 170px 0;
}

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


.concept_about_sec .wrapper .image {
    width: calc(50vw - 5%);
    margin-left: calc(50% - 50vw);
}

/* .concept_about_sec .wrapper .image figure {
    position: relative;
    width: 100%;
    height: 625px;
    overflow: hidden;
}

.concept_about_sec .wrapper .image figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
} */

.concept_about_sec .wrapper .text {
    width: 46%;
}

.concept_about_sec .wrapper .text h2 {
    margin-bottom: 40px;
}


@media screen and (max-width: 800px) {

    .concept_about_sec {
        padding: 60px 0;
    }
    .concept_about_sec .wrapper {
        flex-direction: column-reverse;
        gap: 30px;
    }

    .concept_about_sec .wrapper .image {
        width: 90%;
        max-width: 500px;
        margin: 0 auto;
    }
    .concept_about_sec .wrapper .text {
        width: 100%;
    }


}

/***concept 想い***/
.concept_think_sec {
    padding: 140px 0;
    text-align: center;
    background-color: #000;
}

.concept_think_sec h2 {
    font-size: 4.5rem;
    margin-bottom: 60px;
}

@media screen and (max-width: 800px) {

    .concept_think_sec {
        padding: 70px 0;
    }

    .concept_think_sec h2 {
        font-size: 3.5rem;
        margin-bottom: 30px;
    }

}
/***concept hiroshima***/
.concept_hiroshima_sec {
    padding-top: 190px;
}

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

.concept_hiroshima_sec .text {
    width: 42%;
}

.concept_hiroshima_sec .text h2 {
    margin-bottom: 40px;
}

.concept_hiroshima_sec .image {
    width: 50%;
    position: relative;
}

.concept_hiroshima_sec .image .image_1 {
    width: 70%;
    margin-left: auto;
    margin-BOTTOM: 30%;
}

.concept_hiroshima_sec .image .image_2 {
    width: 59%;
    position: absolute;
    bottom: 0;
    left: 0;
}
@media screen and (max-width: 800px) {

    .concept_hiroshima_sec {
        padding-top: 70px;
    }
    .concept_hiroshima_sec .wrapper {
        flex-direction: column;
        gap: 30px;
    }


    .concept_hiroshima_sec .text {
        width: 100%;
    }
    .concept_hiroshima_sec .image {
        width: 90%;
        position: relative;
    }


}


/***concept rekiseisya***/
.concept_rekiseisya_sec {
    padding: 150px 0;
    text-align: center;
}

.concept_rekiseisya_sec .title {
    margin-bottom: 50px;
}

.concept_rekiseisya_sec .title p {
    font-size: 2.5rem;
    font-family: "Hina Mincho", serif;
    font-style: normal;
}

.concept_rekiseisya_sec .title h2 {
    font-size: 3.5rem;
}

.concept_rekiseisya_sec .ex {
    margin-bottom: 70px;
}
.concept_rekiseisya_sec .link {
    margin-bottom: 50px;
}

.concept_rekiseisya_sec .youtube_box {
    width: 100%;
    max-width: 845px;
    margin: 0 auto;
}

.concept_rekiseisya_sec .youtube_box figure {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 62.5%;
}

.concept_rekiseisya_sec .youtube_box figure iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 800px) {
.concept_rekiseisya_sec {
    padding: 70px 0;
    text-align: center;
}
.concept_rekiseisya_sec .title {
    margin-bottom: 30px;
}
.concept_rekiseisya_sec .title p {
    font-size: 1.8rem;
}
.concept_rekiseisya_sec .title h2 {
    font-size: 3rem;
}
.concept_rekiseisya_sec .ex {
    margin-bottom: 40px;
}
}

@media screen and (max-width: 500px) {
.concept_rekiseisya_sec .ex {
    text-align: left;
}

}
/***concept team***/
.concept_team_sec {
    padding-top: 190px;
}
.concept_team_sec .vertical_text {
    margin-bottom: 90px;
}

.concept_team_sec .ex {
    text-align: center;
    margin-bottom: 80px;
}

.team_member_list {
    display: flex;
    flex-wrap: wrap;
    gap: 80px 90px;
}

.team_member_list li {
    width: calc(100% / 2 - 90px / 2);
}

.team_member_list li figure {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 72%;
    overflow: hidden;
    margin-bottom: 20px;
}

.team_member_list li figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.team_member_list li .position {
    font-size: 1.5rem;
    margin-bottom: 2px;
}

.team_member_list li h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
}

@media screen and (max-width: 800px) {

    .concept_team_sec {
        padding-top: 70px;
    }

    .concept_team_sec .vertical_text {
        margin-bottom: 30px;
    }
    .concept_team_sec .ex {
        margin-bottom: 30px;
    }


    .team_member_list {
        gap: 40px 20px;
    }
    .team_member_list li {
        width: calc(100% / 2 - 20px / 2);
    }

}

@media screen and (max-width: 500px) {
      .team_member_list {
        gap: 50px;
    }
    .team_member_list li {
        width: 100%;
    }
}
/***concept message***/

.concept_message_sec {
    padding: 150px 0;
}

.concept_message_sec h2 {
    text-align: center;
    margin-bottom: 100px;
}

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

.concept_message_sec .image {
    width: 50%;
}

.concept_message_sec .image figure {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
}

.concept_message_sec .image figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.concept_message_sec .text {
    width: 40%;
}

.concept_message_sec .text .ex {
    margin-bottom: 40px;
}

.concept_message_sec .text .name {
    text-align: right;
    font-size: 1.8rem;
}

.concept_message_sec .text .next_link {
    margin-top: 15px;
    font-size: 1.6rem;
    text-align: right;
    text-decoration: underline;
}
@media screen and (max-width: 800px) {

    .concept_message_sec {
        padding: 60px 0;
    }
    .concept_message_sec h2 {
        margin-bottom: 30px;
    }

    .concept_message_sec .two_column {
        flex-direction: column;
        gap: 30px;
    }
    .concept_message_sec .image {
        width: 90%;
        max-width: 500px;
    }
    .concept_message_sec .text {
        width: 100%;
    }
    .concept_message_sec .text .ex {
        margin-bottom: 30px;
    }

    .concept_message_sec .text .name {
        font-size: 1.6rem;
    }


}


/***concept goal***/
.concept_goal_sec {
    padding: 130px 0;
    margin-bottom: 140px;
    background-color: #000;
}

.concept_goal_sec h2 {
    text-align: center;
    font-size: 2.8rem;
    margin-bottom: 65px;
}

.concept_goal_sec ul {
    max-width: max-content;
    margin: 0 auto 65px;
}

.concept_goal_sec ul li {
    font-size: 2.2rem;
    padding-left: 30px;
    position: relative;
}

.concept_goal_sec ul li::before {
    content: '●';
    font-size: 1.2rem;
    position: absolute;
    top: 11px;
    left: 0;
}

.concept_goal_sec p {
    text-align: center;
    font-size: 2.2rem;
}


@media screen and (max-width: 800px) {

    .concept_goal_sec {
        padding: 70px 0;
        margin-bottom: 70px;
    }

    .concept_goal_sec h2 {
        font-size: 2.2rem;
        margin-bottom: 30px;
    }

    .concept_goal_sec ul {
        margin: 0 auto 30px;
    }

    .concept_goal_sec ul li {
        font-size: 1.8rem;
        padding-left: 20px;
    }

    .concept_goal_sec ul li::before {
        font-size: 0.8rem;
        top: 9px;
    }
    .concept_goal_sec p {
        font-size: 2rem;
    }



}




/*****artists***/
.artist_list_sec {
    padding: 150px 0;
}

.artist_list {
    display: flex;
    flex-wrap: wrap;
    gap: 100px calc(19% / 2);
}

.artist_list li {
    width: 27%;
}

.artist_list li .image_box {
    position: relative;
    margin-bottom: 30px;
}

.artist_list li .image_box figure {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 144%;
}


.artist_list li .image_box figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.artist_list li .image_box p {
    line-height: 1;
    font-size: 5.5rem;
    font-family: "Philosopher", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: rgba(255,255,255,0.55);
    position: absolute;
    left: 0;
    bottom: -5px;
}
.artist_list li .name_box {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 15px;
}
.artist_list li .name_box p {
    font-size: 1.5rem;
}
.artist_list li .name_box h3 {
    font-size: 1.8rem;
}

@media screen and (max-width: 800px) {
.artist_list_sec {
    padding: 70px 0;
}

.artist_list {

    gap: 60px 30px;
}

.artist_list li {
    width: calc(50% - 30px / 2);
}

.artist_list li .image_box p {
    font-size: 4rem;
}
}


@media screen and (max-width: 500px) {
.artist_list li {
    width: 100%;
}
.artist_list {

    gap: 60px 10px;
}

.artist_list li {
    width: calc(50% - 10px / 2);
}
.artist_list li .image_box {
    margin-bottom: 10px;
}

.artist_list li .image_box p {
    font-size: 2.1rem;
    bottom: 0;
}
.artist_list li .name_box {
    display: block;
}
}




/*****artist single*****/
.artist_single_gallery_sec {
    padding-top: 260px;
}

.artist_single_gallery_sec .art_list:not(.art_single_slider) {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.artist_single_gallery_sec .art_list:not(.art_single_slider) > .box {
    width: calc(100% / 4);
}

.artist_single_gallery_sec .art_list.art_single_slider .box figure {
    width: calc(100vw / 4);
}

.artist_single_gallery_sec .art_list .box figure {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
}

.artist_single_gallery_sec .art_list .box figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    cursor: pointer;
}


@media screen and (max-width: 800px) {

    .artist_single_gallery_sec {
        padding-top: 0px;
    }
    .artist_single_gallery_sec .art_list:not(.art_single_slider) > .box {
        width: calc(100% / 2);
    }

    .artist_single_gallery_sec .art_list.art_single_slider .box figure {
        width: calc(100vw / 2);
    }

}



@media screen and (max-width: 500px) {
    /* .artist_single_gallery_sec .art_list.art_single_slider .box figure {
        width: calc(100vw / 1);
    } */
}

/***single message***/
.artist_single_message_sec {
    padding: 200px 0 260px;
    position: relative;
    text-align: center;
    margin-bottom: 60px;
}

.artist_single_message_sec::after {
    content: '';
    width: 1px;
    height: 180px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background-color: white;
}

.artist_single_message_sec h2 {
    font-size: 3.6rem;
    margin-bottom: 80px;
}


@media screen and (max-width: 800px) {


    .artist_single_message_sec {
        padding: 70px 0 80px;
        margin-bottom: 40px;
    }


    .artist_single_message_sec::after {
        height: 60px;
    }

    .artist_single_message_sec h2 {
        font-size: 2.6rem;
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 500px) {

        .artist_single_message_sec .ex {
            text-align: left;
        }

}

/***single products***/
.artist_single_products_sec {
    padding: 80px 0 150px;
}

.artist_single_products_sec h2 {
    margin-bottom: 60px;
    text-align: center;
}

.product_list {
    display: flex;
    flex-wrap: wrap;
    gap: 65px 45px;
}

.product_list > li {
    width: calc(100% / 4 - 153px / 4);
}

.product_list > li figure {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    margin-bottom: 16px;
}

.product_list > li figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.product_list > li .cat_box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.product_list > li .cat_box p {
    font-size: 1.2rem;
    padding: 2px 16px;
    border: 1px solid white;
}

.product_list > li .title {
    font-size: 1.6rem;
    margin-bottom: 16px;
}

.product_list > li .price {
    text-align: right;
}



@media screen and (max-width: 800px) {
    .artist_single_products_sec {
        padding: 70px 0;
    }
    .artist_single_products_sec h2 {
        margin-bottom: 30px;
    }

    .product_list {
        display: flex;
        flex-wrap: wrap;
        gap: 30px 30px;
    }

    .product_list > li {
        width: calc(100% / 2 - 30px / 2);
    }


}

@media screen and (max-width: 500px) {



}


/***produce message***/
.subcommon_message_sec {
    padding: 200px 0;
    text-align: center;
}

.subcommon_message_sec h2 {
    font-size: 3.6rem;
    margin-bottom: 100px;
}
@media screen and (max-width: 800px) {
.subcommon_message_sec {
    padding: 70px 0;
}
.subcommon_message_sec h2 {
    font-size: 2.6rem;
    margin-bottom: 50px;
}

}

@media screen and (max-width: 500px) {

    .subcommon_message_sec p {
        text-align: left;
    }

}

/***produce_about***/
.concept_about_sec.produce_about_sec {
    padding: 0;
    margin-bottom: 100px;
}

@media screen and (max-width: 800px) {
.concept_about_sec.produce_about_sec {
    padding: 0;
    margin-bottom: 60px;
}

}

/***produce_flow_sec***/
.produce_flow_sec {
    padding-top: 200px;
}

.produce_flow_sec .vertical_text {
    margin-bottom: 60px;
}

.produce_flow_sec .ex {
    text-align: center;
    margin-bottom: 140px;
}

.flow_list > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flow_list > li:nth-of-type(2n) {
    flex-direction: row-reverse;
}

.flow_list > li:not(:last-of-type) {
    margin-bottom: 100px;
}

.flow_list .text {
    width: 50%;
}

.flow_list .text .title {
    margin-bottom: 30px;
}

.flow_list .text .title p {
    font-size: 1.8rem;
    margin-bottom: 25px;
}

.flow_list .text .title h3 {
    font-size: 2.4rem;
}

.flow_list .text .title h3 span {
    font-size: 3.6rem;
    margin-right: 16px;
}

.flow_list .image {
    width: 40%;
}


@media screen and (max-width: 800px) {

.produce_flow_sec {
    padding-top: 70px;
}
.produce_flow_sec .vertical_text {
    margin-bottom: 50px;
}
.produce_flow_sec .ex {
    margin-bottom: 70px;
}


.flow_list > li,
.flow_list > li:nth-of-type(2n) {
    flex-direction: column;
    gap: 20px;
}
.flow_list > li:not(:last-of-type) {
    margin-bottom: 60px;
}
.flow_list .text,
.flow_list .image {
    width: 100%;
}
.flow_list .text .title {
    margin-bottom: 10px;
}

.flow_list .text .title p {
    font-size: 1.5rem;
    margin-bottom: 10px;
}
.flow_list .text .title h3 {
    font-size: 2rem;
}

.flow_list .text .title h3 span {
    font-size: 2.4rem;
    margin-right: 10px;
}



}

/***produce_art***/
.produce_art_sec {
    padding: 200px 0;
}

.produce_art_sec h2 {
    text-align: center;
    margin-bottom: 40px;
}

.produce_art_sec .ex {
    text-align: center;
    margin-bottom: 70px;
}

.produce_art_sec ul {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.produce_art_sec ul li {
    width: calc(100% / 4 - 75px / 4);
}


@media screen and (max-width: 800px) {
.produce_art_sec {
    padding: 70px 0;
}
.produce_art_sec .ex {
    margin-bottom: 40px;
}

.produce_art_sec ul {
    gap: 10px;
}

.produce_art_sec ul li {
    width: calc(100% / 2 - 10px / 2);
}
}




/***コラボレーション***/

.collaboration_list_sec {
    padding: 200px 0;
}

.collaboration_list_sec h2 {
    text-align: center;
    margin-bottom: 70px;
}

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

.collaboration_list > li {
    width: calc(100% / 4 - 120px / 4);
}

.collaboration_list > li figure {
    width: 100%;
    height: 0;
    padding-bottom: 64.5%;
    overflow: hidden;
    margin-bottom: 25px;
    position: relative;
}

.collaboration_list > li figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.collaboration_list > li h3 {
    font-size: 2.3rem;
    margin-bottom: 10px;
}

.collaboration_list > li .genre {
    font-size: 1.4rem;
    margin-bottom: 20px;
}


@media screen and (max-width: 800px) {
.collaboration_list_sec {
    padding: 70px 0;
}
.collaboration_list {
    gap: 40px 30px;
}

.collaboration_list > li {
    width: calc(100% / 2 - 30px / 2);
}

.collaboration_list > li h3 {
    font-size: 2.1rem;
    margin-bottom: 10px;
}
.collaboration_list > li .genre {
    font-size: 1.2rem;
    margin-bottom: 15px;
}
.collaboration_list > li p {
    text-align: left;
}
}

@media screen and (max-width: 500px) {
.collaboration_list > li {
    width: 100%;
}

}


/***single page***/
.single_page_sec {
    padding: 150px 0;
}

.single_page_sec .wrapper {
    max-width: 1000px;
}

.single_content > * {
    margin-bottom: 10px;
}

.single_content > h2,
.single_content > h3,
.single_content > h4,
.single_content > h5,
.single_content > h6 {
    margin-top: 50px;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
}

.single_content table th,
.single_content table td {
    padding: 15px;
    border: 1px solid white;
}

.single_content table tbody th {
    background-color: white;
    color: #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.single_content .has-text-align-center {
    text-align: center;
}
.single_content .has-text-align-right {
    text-align: right;
}
.single_content .wp-block-spacer {
    margin: 0;
}

.single_content .wp-block-button .wp-element-button {
    background-color: white;
    color: #000;
    font-size: 1.4rem;
    border-radius: 0;
}

@media screen and (max-width: 800px) {

.single_page_sec {
    padding: 70px 0;
}

}


/***contact page***/
.contact_page_sec .wrapper {
    max-width: 800px;
}

.contact_page_sec .original_form label {
    margin-bottom: 30px;
    display: block;
    width: 100%;
}

.contact_page_sec .original_form label input,
.contact_page_sec .original_form label textarea {
    font-size: 1.6rem;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    margin-top: 5px;
}

.contact_page_sec .original_form .submit_box input[type="submit"] {
    width: 160px;
    height: 50px;
    background-color: white;
    color: #000;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
      font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  margin: 0 auto;
}




/***特商法***/
.law_table table {
    width: 100%;
}

.law_table table th {
    width: 250px;
}

@media screen and (max-width: 800px) {
.law_table table th {
    width: 20%;
}

}





.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  padding-top: 60px;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.8);

}
.modal-wrap {
    width: 100%;
    height: 100%;
    display: flex;
  justify-content: center;
  align-items: center;
}
.modal-wrap figure {
  width: 80%;
  height: 80%;
  overflow: hidden;
  position: relative;
}



.modal-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.close {
  position: absolute;
  top: 20px; right: 30px;
  color: #fff;
  font-size: 40px;
  cursor: pointer;
}


/***記事single***/
.article_single .single_title {
    border-bottom: 1px solid white;
      font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 3rem;
  margin-bottom: 10px;
}

.article_single .single_meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.article_single .single_meta time {
    font-size: 1.6rem;
}
.article_single .single_eyecatch {
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
}

.article_single .single_content {
    padding-bottom: 50px;
    border-bottom: 1px solid white;
    margin-bottom: 40px;
}


/***shop関連***/

.woocommerce_wrapper {
    padding: 150px 0;
}
.woocommerce_wrapper,
.wp-block-woocommerce-cart,
.wc-block-cart .wp-block-woocommerce-cart-order-summary-block,
.wp-block-woocommerce-checkout,
.woocommerce-order,
.woocommerce .col2-set, .woocommerce-page .col2-set,
.woocommerce-MyAccount-content,
.panlist {
    font-size: 1.8rem;
}

.woocommerce-breadcrumb,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a {
    color: white !important;
}


.woocommerce_wrapper.sidebar-on {
    display: flex;
    gap: 50px;
}

.woocommerce_wrapper.sidebar-on .sidebar {
    width: 250px;
}

.woocommerce_wrapper.sidebar-on .content-area {
    flex: 1;
    width: 100%;
}


.woocommerce_wrapper .products {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 20px;
}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
    display: none;
}
.woocommerce_wrapper .products > li.product {
    margin: 0 !important;
}
.woocommerce_wrapper .products.columns-4 > li.product {
    width: calc(100% / 4 - 60px / 4) !important;
}
.woocommerce_wrapper .products.columns-3 > li.product {
    width: calc(100% / 3 - 40px / 3) !important;
}

.woocommerce_wrapper .products.columns-2 > li.product {
    width: calc(100% / 2 - 20px / 2) !important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    font-size: 1.6rem;
    text-align: right;
    color: white;
}


body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
    background-color: white;
    color: #000;
}


.woocommerce .woocommerce-ordering select {
    background-color: white;
    padding: 5px;
    font-size: 1.6rem;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
}

.woocommerce div.product .product_title {
    font-size: 2.8rem;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    font-size: 2rem;
    color: white;
    margin-bottom: 20px;
}
.woocommerce .quantity .qty {
    height: 40px;
    font-size: 1.6rem;
}
.woocommerce div.product form.cart .button {
    background-color: white;
    color: #000;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    border-radius: 0;
}

.woocommerce div.product form.cart .button:hover {
    background-color: rgba(255,255,255,0.75);
}


.woocommerce .product_meta .posted_in {
    display: block;
    border-bottom: 1px solid white;
    padding: 10px 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    background-color: rgba(255,255,255,0.15);
    padding: 20px;
}




@media screen and (max-width: 800px) {
.woocommerce_wrapper {
    padding: 70px 0;
}

.woocommerce_wrapper.sidebar-on {
   flex-direction: column;
}
.woocommerce_wrapper.sidebar-on .sidebar {
    width: 100%;
}
.woocommerce_wrapper .products.columns-4 > li.product {
    width: calc(100% / 3 - 40px / 3) !important;
}

}

@media screen and (max-width: 500px) {
.woocommerce_wrapper .products.columns-4 > li.product,
.woocommerce_wrapper .products.columns-3 > li.product,
.woocommerce_wrapper .products.columns-2 > li.product {
    width: calc(100% / 2 - 20px / 2) !important;
}
.woocommerce ul.products li.product .button {
    font-size: 1.4rem;
}
.woocommerce div.product .product_title {
    font-size: 2.2rem;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    font-size: 1.8rem;
}
}

/***sidebar***/

.sidebar {
    background-color: rgba(255,255,255,0.15);

}
.sidebar > .side_widget:not(:last-of-type) {
    margin-bottom: 30px;
}
.side_widget .side_widget_title {
    background-color: white;
    color: #000;
    padding: 5px;
    text-align: center;
    font-size: 2.2rem;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
}

.side_widget > div {
    padding: 10px;
}

.side_widget ul.menu > li > a::before {
    content: '-';
    margin-right: 5px;
}




@media screen and (max-width: 800px) {


}

@media screen and (max-width: 500px) {


}