@charset "utf-8";
/* 
サイト固有の記述
*/

/* 全体（色系）*/
body {
    &.shop {
        .tbl_list01_dl dt {
            font-weight: 600;
        }
    }

    &.commitment {
        .sec01 {
            .ttl05 {
                border-bottom: solid 1px #583200;
            }
        }
    }

    &.page-template-tmpl_item_menu {
        .price_txt {
            font-family: "Kaisei Tokumin", serif;
            font-weight: 500;
            font-size: clamp(16px, 0.886rem + 0.48vw, 20px);
        }
    }

    &.course {
        .sec01 {
            .ttl05 {
                border-bottom: solid 1px #7d0a1c;
            }
        }
    }

    &.feature_volcano-bay {
        .sec01 {
            .ttl05 {
                border-bottom: solid 1px #7d0a1c;
            }
        }

        .sub_images_ul.cul2 .li {
            line-height: 2;
        }

        .flow_list {
            .ttl05 {
                border-bottom: solid 1px #003288;
            }
        }
    }

    &.shop_guide {
        .unkmenu {
            margin: 0 auto 10px;
        }

        .flow_list {
            .ttl05 {
                border-bottom: solid 1px #7d0a1c;
            }
        }

        .pc_on2 {
            display: block;
        }

        .sp_on2 {
            display: none;
        }
    }

    &.page-template-tmpl_item_menu .type01 img,
    &.page-template-tmpl_item_menu .type02 img,
    &.page-template-tmpl_item_menu .type03 img,
    &.page-template-tmpl_item_menu .type04 img {
        aspect-ratio: 60 / 40;
    }
}

.course {
    .infobox02 {
        border-radius: 10px;
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        &.shop {
            .sec01 .layout_a .imgbox {
                width: 52%;
            }
        }

        &.atmosphere {
            .layout_a .txtbox {
                margin-right: 90px;
            }

            .layout_b .txtbox {
                margin-left: 90px;
            }
        }

        &.page-template-tmpl_item_menu {
            .layout_a .imgbox,
            .layout_b .imgbox {
                width: 50%;
            }

            .price_list01 li {
                padding-bottom: 8px;
                margin-bottom: 10px;
            }

            .sub_images_ul.cul2 {
                gap: 0 40px;
            }
        }

        &.course {
            .sec01 {
                .layout_b .txtbox {
                    margin-left: 90px;
                }
            }
        }

        .contact_infoarea {
            padding: 0 5%;
        }
    }
}

/* モニター以上*/
@media screen and (min-width: 1860px) {
    body {
        .tp_sec01 {
            .layout_d .txtbox {
                margin-right: 15%;
                margin-left: 5%;
            }

            .layout_d .txtbox .box {
                width: auto;
            }
        }

        &.commitment {
            .layout_d .txtbox {
                margin-right: 15%;
                margin-left: 5%;
            }

            .layout_d .txtbox .box {
                width: auto;
            }

            .layout_e .txtbox {
                margin-right: 5%;
                margin-left: 15%;
            }

            .layout_e .txtbox .box {
                width: auto;
            }
        }

        &.feature_volcano-bay {
            .layout_d .txtbox {
                margin-right: 15%;
                margin-left: 5%;
            }

            .layout_d .txtbox .box {
                width: auto;
            }
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        &.feature_volcano-bay {
            .chk_list02.cul02 li {
                width: 100%;
            }
        }

        &.shop_guide {
            .pc_on2 {
                display: none;
            }

            .sp_on2 {
                display: block;
            }
        }

        .mail_form .mailform_address_flex li {
            width: 100%;
        }
    }
}