@charset "UTF-8";
:root{--p:#e85b83;--d:#d94370;--pale:#fff1f5;--bg:#fffaf8;--t:#4d4145;--m:#76686d;--l:#ead9de;--shadow:0 14px 40px rgba(82,52,62,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--t);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.85}a{color:inherit}
header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #f0dce2}.header-inner{width:min(1160px,calc(100% - 32px));min-height:72px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;display:flex;flex-direction:column}.brand small{font-size:9px;letter-spacing:.16em;color:var(--m)}.brand b{font:700 20px/1.4 serif;color:var(--d)}.header-cta,.main-btn{padding:9px 17px;border-radius:99px;background:var(--p);color:white;text-decoration:none;font-size:12px;font-weight:700}
.breadcrumb{width:min(1100px,calc(100% - 32px));margin:auto;padding:15px 0;font-size:12px;color:var(--m)}.breadcrumb a{color:var(--d);text-decoration:none}.breadcrumb span{margin:0 8px}
.hero{text-align:center;padding:70px 20px;background:radial-gradient(circle at 8% 30%,#f5dce4,transparent 25%),radial-gradient(circle at 92% 70%,#ffe2eb,transparent 25%),linear-gradient(#fff,#fff5f8)}.hero p,.heading>p,.cta>p{margin:0 0 10px;color:var(--p);font-size:11px;font-weight:800;letter-spacing:.22em}.hero h1,.heading h2,.intro h2,.important h2,.cta h2{margin:0;font-family:serif;color:#493b40}.hero h1{font-size:clamp(32px,5vw,50px)}.hero strong{display:inline-block;margin-top:14px;color:var(--d);font-size:21px}.hero span{color:var(--m);font-size:13px}
.intro,.services,.payment,.gunma,.visit,.important,.cta{padding:70px 20px}.intro{text-align:center;background:white}.intro>div{max-width:720px;margin:auto}.intro i{display:grid;place-items:center;width:50px;height:50px;margin:auto;background:var(--pale);border-radius:50%;color:var(--d);font-style:normal;font-size:22px}.intro h2{font-size:36px}.intro p,.heading span{color:var(--m);font-size:13px}.services{background:#fff7f9}.heading{text-align:center;max-width:820px;margin:0 auto 36px}.heading h2{font-size:38px}.grid{width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid article{padding:25px 22px;background:white;border:1px solid var(--l);border-radius:20px;box-shadow:0 8px 25px rgba(82,52,62,.05)}.grid article.featured{border-color:#ef9db5;background:linear-gradient(145deg,#fff,#fff5f8)}article em{font-style:normal;color:var(--p);font-size:10px;font-weight:800}article h3{margin:5px 0;color:#493b40;font-size:21px}.price{display:flex;align-items:end;gap:10px;margin:10px 0;color:var(--m);font-size:12px}.price b{font-size:29px;line-height:1;color:var(--d)}article label{display:inline-block;padding:4px 9px;border-radius:99px;background:var(--pale);color:var(--d);font-size:10px;font-weight:700}article p,article li{color:var(--m);font-size:12px}article aside{padding:10px 12px;background:#fff8ef;border-radius:12px;color:#6f5e50;font-size:11px}article aside b{color:#8b6239}article small{color:var(--m);font-size:10px}.night{color:var(--d)!important;font-weight:700}article ul{padding-left:19px}.more{display:inline-block;margin-top:10px;color:var(--d);font-size:11px;font-weight:800;text-decoration:none}
.payment{background:white}.payment-box{width:min(920px,100%);margin:auto;padding:28px;background:#fff7f9;border:1px solid var(--l);border-radius:20px;box-shadow:var(--shadow)}.payment-lead{margin:0 0 20px;text-align:center;color:var(--m);font-size:12px}.payment-image-wrap{display:flex;justify-content:center;align-items:center;width:100%;min-width:0;padding:18px;background:white;border:1px solid var(--l);border-radius:16px;overflow:hidden}.payment-image{display:block;width:100%;max-width:680px;min-width:0;height:auto;object-fit:contain}.payment-note{margin:18px 0 0;text-align:center;color:var(--m);font-size:10px}
.gunma,.visit{background:white}.outline{display:inline-flex;margin-top:22px;padding:11px 20px;border:1px solid var(--p);border-radius:99px;color:var(--d);font-size:12px;font-weight:700;text-decoration:none}.visit{background:#fff7f9}.visit-box{width:min(820px,100%);margin:auto;padding:27px;background:white;border:1px solid var(--l);border-radius:18px;box-shadow:var(--shadow)}.visit-box>b{display:block;text-align:center}.visit-box>b span{color:var(--d);font-size:28px}.visit-box p,.visit-box small{color:var(--m);font-size:12px}
.important{background:white}.important>div{width:min(920px,100%);margin:auto;padding:28px;border:1px solid #eadfcf;border-radius:20px;background:#fffaf2}.important h2{font-size:34px}.important>div>p:not(:first-child){color:#6c5d53;font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.actions a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:50px;padding:10px 18px;border-radius:12px;text-decoration:none;font-size:12px;font-weight:800}.policy{border:1px solid #a97943;color:#866038}.contact{background:var(--p);color:white}.actions small{font-size:9px;font-weight:500;opacity:.8}.cta{text-align:center;background:linear-gradient(145deg,#fff,#fff0f4)}.cta h2{font-size:38px}.cta span{display:block;color:var(--m);font-size:13px}.cta>a{display:inline-flex;margin-top:20px;padding:13px 26px;border-radius:99px;background:var(--p);color:white;text-decoration:none;font-size:13px;font-weight:800}
footer{padding:30px 20px;text-align:center;background:#5a4b50;color:white}footer>b{font:700 17px serif}footer div{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin:8px 0}footer a{font-size:10px;text-decoration:none}footer small{font-size:9px;opacity:.8}
@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.header-inner{width:calc(100% - 24px);min-height:64px}.brand small{display:none}.brand b{font-size:17px}.header-cta{padding:8px 12px;font-size:10px}.hero,.intro,.services,.payment,.gunma,.visit,.important,.cta{padding:55px 15px}.hero h1{font-size:34px}.hero strong{font-size:18px}.intro h2,.heading h2,.important h2,.cta h2{font-size:29px}.grid{grid-template-columns:1fr}.important>div,.payment-box{padding:22px}.payment-image-wrap{padding:10px}.payment-image{width:100%;max-width:100%;height:auto}.actions{flex-direction:column}.actions a{width:100%}}


/* ==========================================
   セリシール共通固定ボトムナビ
   ========================================== */

.cerisier-bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 70px;

    display: flex;
    align-items: stretch;
    justify-content: center;

    background: rgba(255, 255, 255, 0.97);

    border-top: 1px solid #ead1d8;

    box-shadow: 0 -3px 15px rgba(90, 50, 50, 0.12);

    z-index: 10000;

    box-sizing: border-box;

    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}


/* 各ボタン */

.cerisier-bottom-nav__item {

    flex: 1 1 0;

    display: flex;
    flex-direction: column;

    justify-content: center;
    align-items: center;

    min-width: 0;

    text-decoration: none;

    font-size: 13px;
    font-weight: 600;

    color: #654848;

    background: #ffffff;

    border-right: 1px solid #eadde1;

    box-sizing: border-box;

    transition:
        background-color .2s ease,
        color .2s ease,
        transform .1s ease;
}


/* 最後の罫線 */

.cerisier-bottom-nav__item:last-child {
    border-right: none;
}


/* アイコン */

.cerisier-bottom-nav__icon {

    display: block;

    margin-bottom: 3px;

    font-size: 21px;

    line-height: 1;

}


/* 電話 */

.cerisier-bottom-nav__phone
.cerisier-bottom-nav__icon {
    color: #c85d72;
}


/* 相談メニュー */

.cerisier-bottom-nav__service
.cerisier-bottom-nav__icon {
    color: #d47b91;
}


/* 予約 */

.cerisier-bottom-nav__reserve {

    background: #d95b78;

    color: #ffffff;

}

.cerisier-bottom-nav__reserve
.cerisier-bottom-nav__icon {

    color: #ffffff;

}


/* マウスオーバー */

.cerisier-bottom-nav__phone:hover,
.cerisier-bottom-nav__service:hover {

    background: #fff3f6;

    color: #c94f6d;

}


.cerisier-bottom-nav__reserve:hover {

    background: #c94f6d;

}


/* タップ時 */

.cerisier-bottom-nav__item:active {

    transform: scale(.98);

}


/* ==========================================
   スマートフォン
   ========================================== */

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

    .cerisier-bottom-nav {

        height: 64px;

    }


    .cerisier-bottom-nav__item {

        font-size: 11px;

    }


    .cerisier-bottom-nav__icon {

        font-size: 19px;

        margin-bottom: 2px;

    }

}


/* ==========================================
   ボトムナビにコンテンツが隠れないための余白
   ========================================== */

body {

    padding-bottom: 70px;

}


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

    body {

        padding-bottom: 64px;

    }

}