{"id":2375,"date":"2026-05-17T13:10:43","date_gmt":"2026-05-17T04:10:43","guid":{"rendered":"https:\/\/shanari.com\/yukata\/?page_id=2375"},"modified":"2026-05-24T13:57:10","modified_gmt":"2026-05-24T04:57:10","slug":"lp","status":"publish","type":"page","link":"https:\/\/shanari.com\/yukata\/en\/lp","title":{"rendered":"\u6d74\u8863\u30ec\u30f3\u30bf\u30eb\uff5cKIMONO\u3057\u3083\u306a\u308a"},"content":{"rendered":"\n<!--\n========================================================================\n\u6d74\u8863LP\uff08KIMONO\u3057\u3083\u306a\u308a\uff09 WordPress \u30ab\u30b9\u30bf\u30e0HTML\u30d6\u30ed\u30c3\u30af\u8cbc\u4ed8\u7528 - \u4e0a\u30d6\u30ed\u30c3\u30af\n2026-05-17 \u4f5c\u6210\n- \u3053\u306e\u30d5\u30a1\u30a4\u30eb\u5168\u6587\u3092 WordPress \u306e\u300c\u30ab\u30b9\u30bf\u30e0HTML\u30d6\u30ed\u30c3\u30af\u300d\u3078\u8cbc\u308a\u4ed8\u3051\n- {{IMG_BASE}} \u3092\u753b\u50cf\u30d9\u30fc\u30b9URL\uff08\u4f8b: https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\uff09\u306b\u4e00\u62ec\u7f6e\u63db\n- \u3053\u306e\u30d6\u30ed\u30c3\u30af\u306e\u76f4\u5f8c\u306b\u300c\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u300d\u3092\u7f6e\u304d\u3001MTS Simple Booking C \u306e\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u3092\u8a18\u5165\n- \u3055\u3089\u306b\u305d\u306e\u4e0b\u306b yukata_lp_for_wp_part2.html \u3092\u300c\u30ab\u30b9\u30bf\u30e0HTML\u30d6\u30ed\u30c3\u30af\u300d\u3067\u8cbc\u308a\u4ed8\u3051\n- \u30bf\u30a4\u30c8\u30eb\u30fbmeta \u306f WordPress \u56fa\u5b9a\u30da\u30fc\u30b8\u5074\u3067\u6307\u5b9a\uff08\u3053\u306eHTML\u306b\u306f\u542b\u3081\u306a\u3044\uff09\n========================================================================\n-->\n\n<!-- Google Fonts (LP\u7528) -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Shippori+Mincho:wght@500;600;700&#038;family=Zen+Maru+Gothic:wght@500;700;900&#038;family=Noto+Sans+JP:wght@400;500;700&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n  :root {\n    \/* \u516c\u5f0f\u30d6\u30e9\u30f3\u30c9\u30ab\u30e9\u30fc\uff08shanari.com\/yukata\/ SWELL\u30ab\u30b9\u30bf\u30de\u30a4\u30b6\u30fc\u6e96\u62e0\uff09 *\/\n    --main: #8ac0c6;          \/* \u30e1\u30a4\u30f3\u30ab\u30e9\u30fc\uff08\u304f\u3059\u307f\u30c6\u30a3\u30fc\u30eb\uff09 *\/\n    --main-deep: #689095;     \/* \u30e1\u30a4\u30f3\u6fc3 *\/\n    --main-pale: #d8ffff;     \/* \u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u6de1 *\/\n    --main-light: #87e7ff;    \/* \u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u660e *\/\n    --main-mark: #b7e3ff;     \/* \u30de\u30fc\u30ab\u30fc\u7528\u6de1\u6c34\u8272 *\/\n    --ink-dark: #14213D;      \/* \u30a2\u30af\u30bb\u30f3\u30c8\u6fc3\u7d3a\uff08CTA\u6df1\u307f\u7528\uff09 *\/\n    --bg: #fdfdfd;            \/* \u516c\u5f0f\u80cc\u666f\uff08\u30aa\u30d5\u30db\u30ef\u30a4\u30c8\uff09 *\/\n    --bg-soft: #f7f7f7;       \/* \u30bb\u30af\u30b7\u30e7\u30f3\u80cc\u666f\u30b0\u30ec\u30fc *\/\n    --ink: #333;              \/* \u516c\u5f0f\u30c6\u30ad\u30b9\u30c8\u8272 *\/\n    --ink-soft: #555;\n    --muted: #888;\n    --line: #e8e8e8;\n  }\n  * { box-sizing: border-box; }\n  html { scroll-behavior: smooth; }\n  body {\n    margin: 0;\n    padding: 0;\n    background: var(--bg);\n    font-family: \"Noto Sans JP\", \"Hiragino Sans\", \"Yu Gothic\", sans-serif;\n    color: var(--ink);\n    line-height: 1.75;\n    -webkit-font-smoothing: antialiased;\n  }\n  img { max-width: 100%; height: auto; display: block; }\n  a { color: inherit; }\n  h1, h2, h3, h4 {\n    font-family: \"Zen Maru Gothic\", \"Shippori Mincho\", serif;\n    color: var(--ink-dark);\n    margin: 0;\n    line-height: 1.3;\n    letter-spacing: 0.02em;\n  }\n  .wrap { max-width: 1080px; margin: 0 auto; padding: 0 24px; }\n\n  \/* ==== HERO ==== *\/\n  .hero {\n    position: relative;\n    min-height: 100vh;\n    background: #14213D;\n    color: var(--bg);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    overflow: hidden;\n  }\n  .hero-slides {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n  }\n  .hero-slide {\n    position: absolute;\n    inset: 0;\n    background-size: cover;\n    background-position: center;\n    opacity: 0;\n    animation: heroFade 18s infinite;\n  }\n  .hero-slide-1 {\n    background-image: url(\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/260515_0904.jpg\");\n    animation-delay: 0s;\n  }\n  .hero-slide-2 {\n    background-image: url(\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/250721_2213-1024x683-1.jpg\");\n    animation-delay: 6s;\n  }\n  .hero-slide-3 {\n    background-image: url(\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/250629_9722.jpg\");\n    animation-delay: 12s;\n  }\n  @keyframes heroFade {\n    0%   { opacity: 1; }\n    28%  { opacity: 1; }\n    33%  { opacity: 0; }\n    94%  { opacity: 0; }\n    100% { opacity: 1; }\n  }\n  .hero-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(180deg, rgba(20,33,61,0.00) 0%, rgba(20,33,61,0.08) 60%, rgba(20,33,61,0.22) 100%);\n    z-index: 1;\n    pointer-events: none;\n  }\n  \/* \u6587\u5b57\u306b\u5f71\u3092\u3064\u3051\u3066\u3001\u8efd\u3044\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u3067\u3082\u8aad\u307f\u3084\u3059\u304f *\/\n  .hero-eyebrow,\n  .hero-title,\n  .hero-sub {\n    text-shadow: 0 2px 12px rgba(0,0,0,0.65), 0 0 6px rgba(0,0,0,0.45);\n  }\n  .hero-top, .hero-main {\n    position: relative;\n    z-index: 2;\n  }\n  .hero-top {\n    padding: 24px 24px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: stretch;\n    gap: 16px;\n  }\n  .hero-brand {\n    display: flex;\n    align-items: center;\n    align-self: flex-start;\n    line-height: 0;\n  }\n  .hero-logo {\n    height: 88px;\n    width: auto;\n    display: block;\n    object-fit: contain;\n    flex-shrink: 0;\n    filter: drop-shadow(0 2px 10px rgba(0,0,0,0.5));\n  }\n  .hero-badge {\n    background: rgba(255,255,255,0.10);\n    color: #fff;\n    padding: 0 22px;\n    border-radius: 4px;\n    border: 1px solid rgba(255,255,255,0.6);\n    font-size: 14px;\n    font-weight: 600;\n    letter-spacing: 0.06em;\n    white-space: nowrap;\n    backdrop-filter: blur(4px);\n    -webkit-backdrop-filter: blur(4px);\n    display: flex;\n    align-items: center;\n    align-self: stretch;\n  }\n  @keyframes bounce {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-4px); }\n  }\n  .hero-main {\n    padding: 0 24px 60px;\n  }\n  .hero-eyebrow {\n    font-family: \"Zen Maru Gothic\", \"Noto Sans JP\", sans-serif;\n    font-weight: 900;\n    font-size: 16px;\n    letter-spacing: 0.12em;\n    color: var(--main-mark);\n    margin-bottom: 16px;\n  }\n  .hero-title {\n    font-family: \"Zen Maru Gothic\", sans-serif;\n    font-weight: 900;\n    font-size: clamp(38px, 7.2vw, 66px);\n    line-height: 1.25;\n    color: #fff;\n    text-shadow: 0 2px 12px rgba(0,0,0,0.4);\n    margin-bottom: 20px;\n  }\n  .hero-title .accent { color: var(--ink-dark); }\n  .hero-sub {\n    font-size: clamp(15px, 2vw, 18px);\n    font-weight: 700;\n    margin-bottom: 32px;\n    max-width: 540px;\n    text-shadow: 0 1px 6px rgba(0,0,0,0.35);\n  }\n  .cta-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    justify-content: center;\n  }\n  .btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 16px 32px;\n    border-radius: 999px;\n    font-weight: 700;\n    font-size: 16px;\n    text-decoration: none;\n    transition: transform 0.2s, box-shadow 0.2s;\n    letter-spacing: 0.05em;\n    border: none;\n    cursor: pointer;\n  }\n  .btn-primary {\n    background: var(--main);\n    color: #fff;\n    box-shadow: 0 6px 20px rgba(138,192,198,0.5);\n  }\n  .btn-primary:hover {\n    background: var(--main-deep);\n    transform: translateY(-2px);\n    box-shadow: 0 10px 28px rgba(104,144,149,0.5);\n  }\n  .btn-outline {\n    background: rgba(255,255,255,0.15);\n    color: #fff;\n    border: 2px solid #fff;\n    backdrop-filter: blur(4px);\n  }\n  .btn-outline:hover { background: rgba(255,255,255,0.25); }\n  .btn-large {\n    font-size: 18px;\n    padding: 20px 44px;\n  }\n\n  \/* ==== SECTION COMMON ==== *\/\n  section { padding: 80px 0; }\n  .section-eyebrow {\n    font-family: \"Shippori Mincho\", serif;\n    font-size: 13px;\n    letter-spacing: 0.4em;\n    color: var(--ink-dark);\n    text-align: center;\n    margin-bottom: 12px;\n  }\n  .section-title {\n    font-size: clamp(26px, 4vw, 36px);\n    text-align: center;\n    margin-bottom: 16px;\n  }\n  .section-lead {\n    text-align: left;\n    color: var(--ink-soft);\n    max-width: 720px;\n    margin: 0 auto 48px;\n    font-size: 15px;\n  }\n\n  \/* ==== POINTS ==== *\/\n  .points { background: var(--bg); }\n  .point-summary {\n    text-align: center;\n    font-size: 17px;\n    font-weight: 700;\n    color: var(--ink-dark);\n    letter-spacing: 0.04em;\n    margin: 12px auto 40px;\n    max-width: 720px;\n    font-family: \"Zen Maru Gothic\", \"Shippori Mincho\", serif;\n    line-height: 2;\n  }\n  .point-swipe-hint { display: none; }\n  .point-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n  }\n  .point-card {\n    background: #fff;\n    border-radius: 18px;\n    overflow: hidden;\n    box-shadow: 0 8px 24px rgba(20,33,61,0.06);\n    transition: transform 0.3s;\n  }\n  .point-card:hover { transform: translateY(-6px); }\n  .point-img {\n    width: 100%;\n    aspect-ratio: 4\/3;\n    object-fit: cover;\n  }\n  .point-body { padding: 24px; }\n  .point-num {\n    display: inline-block;\n    background: var(--main);\n    color: #fff;\n    font-family: \"Shippori Mincho\", serif;\n    font-size: 12px;\n    padding: 4px 12px;\n    border-radius: 999px;\n    margin-bottom: 12px;\n    letter-spacing: 0.1em;\n  }\n  .point-title {\n    font-size: 22px;\n    margin-bottom: 8px;\n  }\n  .point-text {\n    font-size: 14px;\n    color: var(--ink-soft);\n    margin: 0;\n  }\n\n  \/* ==== PRICING ==== *\/\n  .pricing { background: linear-gradient(180deg, var(--main-mark) 0%, var(--bg) 100%); }\n  .price-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    margin-bottom: 40px;\n  }\n  .price-card {\n    background: #fff;\n    border-radius: 20px;\n    padding: 32px 24px;\n    text-align: center;\n    border: 3px solid transparent;\n    transition: border-color 0.3s, transform 0.3s;\n    position: relative;\n  }\n  .price-card.featured {\n    border-color: var(--ink-dark);\n    transform: scale(1.04);\n  }\n  .price-card.featured::before {\n    content: \"\u304a\u3059\u3059\u3081\";\n    position: absolute;\n    top: -14px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: var(--ink-dark);\n    color: #fff;\n    font-size: 12px;\n    font-weight: 700;\n    padding: 4px 16px;\n    border-radius: 999px;\n    letter-spacing: 0.1em;\n  }\n  .price-name {\n    font-size: 18px;\n    margin-bottom: 8px;\n    color: var(--ink-dark);\n  }\n  .price-amount {\n    font-family: \"Zen Maru Gothic\", sans-serif;\n    font-weight: 900;\n    font-size: 40px;\n    color: var(--ink-dark);\n    line-height: 1;\n    margin-bottom: 4px;\n  }\n  .price-amount .yen { font-size: 18px; margin-left: 2px; }\n  .price-tax {\n    font-size: 11px;\n    color: var(--muted);\n    margin-bottom: 12px;\n  }\n  .price-feat {\n    font-size: 13px;\n    color: var(--ink-soft);\n    margin: 0;\n  }\n  .price-options {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n    background: #fff;\n    border-radius: 18px;\n    padding: 24px;\n    margin-bottom: 20px;\n  }\n  .price-options h4 {\n    font-size: 14px;\n    color: var(--main);\n    margin-bottom: 10px;\n    border-bottom: 2px solid var(--main-mark);\n    padding-bottom: 6px;\n  }\n  .price-options ul {\n    margin: 0;\n    padding-left: 18px;\n    font-size: 13px;\n    line-height: 1.85;\n    color: var(--ink-soft);\n  }\n  .price-set {\n    text-align: center;\n    font-size: 12px;\n    color: var(--muted);\n    margin-top: 12px;\n  }\n\n  \/* ==== FLOW ==== *\/\n  .flow { background: var(--bg); }\n  .flow-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n  }\n  .flow-card {\n    background: #fff;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 6px 18px rgba(20,33,61,0.05);\n    position: relative;\n  }\n  .flow-img {\n    width: 100%;\n    aspect-ratio: 4\/3;\n    object-fit: cover;\n  }\n  .flow-body { padding: 18px; text-align: center; }\n  .flow-num {\n    display: inline-flex;\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    background: var(--ink-dark);\n    color: #fff;\n    font-family: \"Zen Maru Gothic\", sans-serif;\n    font-weight: 900;\n    font-size: 18px;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 10px;\n  }\n  .flow-step-title {\n    font-size: 16px;\n    margin-bottom: 6px;\n  }\n  .flow-text {\n    font-size: 12px;\n    color: var(--muted);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  \/* ==== SPOTS ==== *\/\n  .spots { background: var(--ink-dark); color: var(--bg); }\n  .spots .section-title { color: #fff; }\n  .spots .section-eyebrow { color: var(--main); }\n  .spots .section-lead { color: var(--main-mark); }\n  .spot-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n  }\n  .spot-card {\n    background: rgba(255,255,255,0.06);\n    border-radius: 16px;\n    overflow: hidden;\n    backdrop-filter: blur(2px);\n    transition: transform 0.3s, background 0.3s;\n  }\n  .spot-card:hover {\n    transform: translateY(-4px);\n    background: rgba(255,255,255,0.1);\n  }\n  .spot-img {\n    width: 100%;\n    aspect-ratio: 4\/3;\n    object-fit: cover;\n  }\n  .spot-body { padding: 20px; }\n  .spot-num {\n    display: inline-block;\n    color: var(--main-light);\n    font-family: \"Shippori Mincho\", serif;\n    font-size: 14px;\n    letter-spacing: 0.15em;\n    margin-bottom: 6px;\n  }\n  .spot-title {\n    font-size: 17px;\n    color: #fff;\n    margin-bottom: 8px;\n  }\n  .spot-text {\n    font-size: 13px;\n    line-height: 1.7;\n    color: var(--main-mark);\n    margin: 0 0 12px;\n  }\n  .spot-tags { display: flex; flex-wrap: wrap; gap: 6px; }\n  .spot-tag {\n    font-size: 11px;\n    background: rgba(135,231,255,0.18);\n    color: var(--main-pale);\n    padding: 3px 10px;\n    border-radius: 999px;\n    letter-spacing: 0.05em;\n  }\n\n  \/* ==== GALLERY ==== *\/\n  .gallery { background: var(--bg); padding-bottom: 100px; }\n  .gallery-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    grid-auto-rows: 180px;\n    gap: 10px;\n    grid-auto-flow: dense;\n  }\n  .gallery-grid img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 8px;\n    transition: transform 0.4s;\n  }\n  .gallery-grid img:hover { transform: scale(1.04); }\n  .gallery-grid .tall { grid-row: span 2; }\n  .gallery-grid .wide { grid-column: span 2; }\n\n  \/* ==== FORM ==== *\/\n  .form-section { background: linear-gradient(180deg, var(--main-pale) 0%, var(--bg) 100%); }\n  .form-wrap {\n    max-width: 720px;\n    margin: 0 auto;\n    background: #fff;\n    border-radius: 24px;\n    padding: 40px 36px;\n    box-shadow: 0 16px 40px rgba(20,33,61,0.08);\n  }\n  .form-row { margin-bottom: 22px; }\n  .form-row label {\n    display: block;\n    font-size: 14px;\n    font-weight: 700;\n    color: var(--ink-dark);\n    margin-bottom: 8px;\n  }\n  .req {\n    display: inline-block;\n    background: var(--ink-dark);\n    color: #fff;\n    font-size: 10px;\n    padding: 2px 8px;\n    border-radius: 999px;\n    margin-left: 6px;\n    vertical-align: middle;\n  }\n  .form-row input[type=\"text\"],\n  .form-row input[type=\"email\"],\n  .form-row input[type=\"tel\"],\n  .form-row input[type=\"date\"],\n  .form-row input[type=\"time\"],\n  .form-row input[type=\"number\"],\n  .form-row select,\n  .form-row textarea {\n    width: 100%;\n    padding: 12px 14px;\n    border: 1px solid var(--line);\n    border-radius: 10px;\n    font-size: 15px;\n    font-family: inherit;\n    background: var(--bg);\n    transition: border-color 0.2s;\n  }\n  .form-row input:focus,\n  .form-row select:focus,\n  .form-row textarea:focus {\n    outline: none;\n    border-color: var(--main);\n    background: #fff;\n  }\n  .form-row textarea { min-height: 100px; resize: vertical; }\n  .form-row-2 {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 14px;\n  }\n  .form-checks {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n  }\n  .form-checks label {\n    background: var(--bg);\n    border: 1px solid var(--line);\n    padding: 10px 16px;\n    border-radius: 999px;\n    cursor: pointer;\n    font-weight: 500;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 0;\n  }\n  .form-submit {\n    width: 100%;\n    background: var(--main);\n    color: #fff;\n    border: none;\n    padding: 18px;\n    border-radius: 12px;\n    font-size: 17px;\n    font-weight: 700;\n    cursor: pointer;\n    margin-top: 8px;\n    letter-spacing: 0.05em;\n    box-shadow: 0 8px 20px rgba(138,192,198,0.45);\n    transition: background 0.2s;\n  }\n  .form-submit:hover { background: var(--main-deep); }\n\n  \/* ==== MTS Simple Booking C \u30ab\u30b9\u30bf\u30e0\u4e0a\u66f8\u304d ==== *\/\n  #booking-form.content-form {\n    max-width: 760px;\n    margin: 0 auto;\n    background: #fff;\n    border-radius: 24px;\n    padding: 40px 36px;\n    box-shadow: 0 16px 40px rgba(20,33,61,0.08);\n  }\n  .reserve-step {\n    display: flex;\n    justify-content: center;\n    gap: 0;\n    margin-bottom: 28px;\n    font-size: 13px;\n    color: var(--muted);\n  }\n  .reserve-step .step {\n    padding: 8px 18px;\n    border-bottom: 2px solid var(--line);\n    flex: 1;\n    text-align: center;\n    font-weight: 500;\n  }\n  .reserve-step .step.active {\n    color: var(--main-deep);\n    border-bottom-color: var(--main);\n    font-weight: 700;\n  }\n  .booking-message {\n    text-align: center;\n    color: var(--ink-soft);\n    font-size: 14px;\n    margin-bottom: 24px;\n  }\n  .booking-message .required,\n  #booking-form .required {\n    color: var(--main-deep);\n    font-weight: 700;\n    margin-right: 2px;\n  }\n  .booking-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-bottom: 20px;\n  }\n  .booking-table th,\n  .booking-table td {\n    padding: 14px 12px;\n    text-align: left;\n    vertical-align: top;\n    border-bottom: 1px solid var(--line);\n  }\n  .booking-table th {\n    width: 32%;\n    color: var(--ink-dark);\n    font-weight: 700;\n    font-size: 14px;\n    background: transparent;\n  }\n  #booking-form input.content-text,\n  #booking-form input[type=\"text\"],\n  #booking-form input[type=\"email\"],\n  #booking-form input[type=\"tel\"],\n  #booking-form input[type=\"date\"],\n  #booking-form input[type=\"time\"],\n  #booking-form input[type=\"number\"],\n  #booking-form select,\n  #booking-form textarea {\n    padding: 11px 14px;\n    border: 1px solid var(--line);\n    border-radius: 10px;\n    font-size: 15px;\n    font-family: inherit;\n    background: var(--bg);\n    color: var(--ink);\n    transition: border-color 0.2s, background 0.2s;\n  }\n  #booking-form input.content-text:focus,\n  #booking-form input:focus,\n  #booking-form select:focus,\n  #booking-form textarea:focus {\n    outline: none;\n    border-color: var(--main);\n    background: #fff;\n  }\n  #booking-form input.content-text.small { width: 80px; }\n  #booking-form input.content-text.medium { width: 100%; max-width: 280px; }\n  #booking-form input.content-text.fat { width: 100%; }\n  #booking-form textarea { width: 100%; min-height: 90px; resize: vertical; }\n  .selected-datetime {\n    display: inline-block;\n    background: var(--main-pale);\n    color: var(--ink-dark);\n    font-weight: 700;\n    padding: 8px 16px;\n    border-radius: 999px;\n    font-size: 15px;\n    margin-right: 8px;\n  }\n  .change-link {\n    color: var(--main-deep);\n    font-size: 12px;\n    text-decoration: underline;\n  }\n  .radio-group label,\n  .check-group label {\n    display: block;\n    background: var(--bg);\n    border: 1px solid var(--line);\n    padding: 10px 14px;\n    border-radius: 10px;\n    margin-bottom: 8px;\n    cursor: pointer;\n    font-size: 14px;\n    transition: border-color 0.2s, background 0.2s;\n  }\n  .radio-group label:hover,\n  .check-group label:hover {\n    border-color: var(--main);\n    background: #fff;\n  }\n  .radio-group label input,\n  .check-group label input { margin-right: 8px; }\n  .policy-box {\n    margin: 20px 0;\n    padding: 14px 18px;\n    background: var(--bg);\n    border-radius: 10px;\n    border: 1px solid var(--line);\n    font-size: 13px;\n    color: var(--ink-soft);\n    text-align: center;\n  }\n  .policy-box label { cursor: pointer; margin-left: 4px; }\n  .submit-area { text-align: center; }\n  #booking-form .error-message {\n    color: #d04;\n    font-size: 12px;\n    margin-top: 4px;\n  }\n  @media (max-width: 768px) {\n    #booking-form.content-form { padding: 28px 18px; border-radius: 18px; }\n    .booking-table,\n    .booking-table tbody,\n    .booking-table tr,\n    .booking-table th,\n    .booking-table td {\n      display: block;\n      width: 100%;\n    }\n    .booking-table th {\n      padding: 14px 0 6px;\n      border-bottom: none;\n      font-size: 13px;\n    }\n    .booking-table td { padding: 0 0 14px; }\n    .reserve-step .step { font-size: 11px; padding: 6px 8px; }\n    .selected-datetime { font-size: 13px; padding: 6px 12px; }\n  }\n  .form-note {\n    text-align: center;\n    font-size: 12px;\n    color: var(--muted);\n    margin-top: 14px;\n  }\n\n  \/* ==== INFO\/FAQ ==== *\/\n  .info { background: var(--bg); }\n  .info-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n  }\n  .info-block {\n    background: #fff;\n    border-radius: 18px;\n    padding: 28px 28px;\n    box-shadow: 0 4px 14px rgba(20,33,61,0.04);\n  }\n  .info-block h3 {\n    font-size: 20px;\n    margin-bottom: 16px;\n    padding-bottom: 10px;\n    border-bottom: 2px solid var(--main-mark);\n  }\n  .info-table { width: 100%; font-size: 14px; }\n  .info-table th {\n    text-align: left;\n    padding: 8px 12px 8px 0;\n    color: var(--ink-dark);\n    width: 90px;\n    vertical-align: top;\n    font-weight: 700;\n  }\n  .info-table td { padding: 8px 0; color: var(--ink-soft); }\n  .faq-item {\n    border-bottom: 1px dashed var(--line);\n    padding: 0;\n  }\n  .faq-item:last-child { border-bottom: none; }\n  .faq-q {\n    font-weight: 700;\n    color: var(--ink-dark);\n    font-size: 14px;\n    cursor: pointer;\n    padding: 14px 32px 14px 22px;\n    position: relative;\n    list-style: none;\n    user-select: none;\n  }\n  .faq-q::-webkit-details-marker { display: none; }\n  .faq-q::before {\n    content: \"Q.\";\n    position: absolute;\n    left: 0;\n    top: 14px;\n    color: var(--main-deep);\n    font-family: \"Zen Maru Gothic\", sans-serif;\n    font-weight: 900;\n  }\n  .faq-q::after {\n    content: \"+\";\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 22px;\n    line-height: 1;\n    color: var(--main-deep);\n    font-weight: 400;\n    transition: transform 0.2s ease;\n  }\n  .faq-item[open] > .faq-q::after {\n    content: \"\u2212\";\n    transform: translateY(-50%) rotate(180deg);\n  }\n  .faq-a {\n    font-size: 13px;\n    color: var(--ink-soft);\n    margin: 0;\n    padding: 0 22px 14px;\n    line-height: 1.75;\n  }\n\n  \/* ==== FINAL CTA ==== *\/\n  .final-cta {\n    background: var(--ink-dark);\n    color: #fff;\n    text-align: center;\n    padding: 80px 24px;\n  }\n  .final-cta h2 {\n    color: #fff;\n    font-size: clamp(24px, 4vw, 34px);\n    margin-bottom: 14px;\n  }\n  .final-cta p {\n    color: var(--main-mark);\n    margin-bottom: 32px;\n    font-size: 15px;\n  }\n\n  \/* ==== FOOTER ==== *\/\n  footer.site-foot {\n    background: #000;\n    color: rgba(255,255,255,0.6);\n    padding: 30px 24px;\n    text-align: center;\n    font-size: 12px;\n    letter-spacing: 0.1em;\n  }\n\n  \/* ==== STICKY CTA (mobile) ==== *\/\n  \/* ==== LIGHTBOX (\u30ae\u30e3\u30e9\u30ea\u30fc\u62e1\u5927) ==== *\/\n  .gallery-grid img { cursor: pointer; transition: opacity 0.2s; }\n  .gallery-grid img:hover { opacity: 0.88; }\n  .lightbox {\n    display: none;\n    position: fixed;\n    inset: 0;\n    background: rgba(0,0,0,0.92);\n    z-index: 1000;\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n  }\n  .lightbox.is-open { display: flex; }\n  .lightbox-img {\n    max-width: 94vw;\n    max-height: 86vh;\n    object-fit: contain;\n    border-radius: 4px;\n    box-shadow: 0 8px 40px rgba(0,0,0,0.5);\n  }\n  .lightbox-close,\n  .lightbox-prev,\n  .lightbox-next {\n    position: absolute;\n    background: rgba(255,255,255,0.12);\n    border: 1px solid rgba(255,255,255,0.35);\n    color: #fff;\n    cursor: pointer;\n    line-height: 1;\n    border-radius: 50%;\n    backdrop-filter: blur(6px);\n    -webkit-backdrop-filter: blur(6px);\n    font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n    padding: 0;\n  }\n  .lightbox-close {\n    top: 18px;\n    right: 18px;\n    width: 44px;\n    height: 44px;\n    font-size: 26px;\n  }\n  .lightbox-prev,\n  .lightbox-next {\n    top: 50%;\n    transform: translateY(-50%);\n    width: 52px;\n    height: 52px;\n    font-size: 32px;\n  }\n  .lightbox-prev { left: 16px; }\n  .lightbox-next { right: 16px; }\n  @media (max-width: 768px) {\n    .lightbox-prev, .lightbox-next { width: 42px; height: 42px; font-size: 24px; }\n    .lightbox-close { width: 38px; height: 38px; font-size: 22px; }\n  }\n\n  .sticky-cta {\n    display: none;\n    position: fixed;\n    bottom: -20px;\n    left: 0;\n    right: 0;\n    background: #fdfdfd;\n    padding: 12px 16px 32px;\n    box-shadow: 0 -4px 16px rgba(0,0,0,0.08);\n    z-index: 100;\n    transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease, opacity 0.3s ease;\n  }\n  .sticky-cta.is-transparent {\n    background: transparent;\n    box-shadow: none;\n    backdrop-filter: none;\n    -webkit-backdrop-filter: none;\n  }\n  .sticky-cta.is-hidden {\n    transform: translateY(120%);\n    opacity: 0;\n    pointer-events: none;\n  }\n  .sticky-cta a {\n    display: block;\n    background: var(--main);\n    color: #fff;\n    text-align: center;\n    padding: 14px;\n    border-radius: 999px;\n    font-weight: 700;\n    text-decoration: none;\n    box-shadow: 0 4px 12px rgba(138,192,198,0.45);\n  }\n\n  \/* ==== MAP LINK \/ \u30a2\u30af\u30bb\u30b9\u4f75\u8a18 ==== *\/\n  .map-link {\n    display: inline-block;\n    color: var(--main-deep);\n    text-decoration: underline;\n    font-size: 0.9em;\n    white-space: nowrap;\n  }\n  .map-link:hover { color: var(--ink-dark); }\n  .info-access {\n    display: inline-block;\n    margin-top: 4px;\n    font-size: 12px;\n    color: var(--ink-soft);\n    line-height: 1.6;\n  }\n  .tel-link {\n    color: var(--main-deep);\n    font-weight: 700;\n    text-decoration: none;\n    border-bottom: 1px solid currentColor;\n  }\n  .tel-link:hover { color: var(--ink-dark); }\n\n  \/* ==== SP-only\u6539\u884c\uff08\u30b9\u30de\u30db\u3067\u306e\u307f\u8868\u793a\uff09 ==== *\/\n  .sp-only { display: none; }\n  @media (max-width: 768px) {\n    .sp-only { display: inline; }\n  }\n\n  \/* ==== TAB HINT ==== *\/\n  .tab-hint {\n    text-align: center;\n    margin: 0 0 12px;\n    font-size: 13px;\n    color: var(--main-deep);\n    font-weight: 700;\n    letter-spacing: 0.04em;\n  }\n\n  \/* ==== PLAN TABS ==== *\/\n  .plan-tabs {\n    display: flex;\n    gap: 12px;\n    max-width: 640px;\n    margin: 0 auto 40px;\n  }\n  .plan-tab {\n    flex: 1;\n    background: #fff;\n    border: 2px solid var(--main);\n    color: var(--main-deep);\n    padding: 18px 14px;\n    border-radius: 14px;\n    cursor: pointer;\n    text-align: center;\n    font-family: \"Zen Maru Gothic\", \"Shippori Mincho\", serif;\n    font-weight: 700;\n    transition: all 0.2s ease;\n    line-height: 1.3;\n  }\n  .plan-tab strong {\n    display: block;\n    font-size: 17px;\n    letter-spacing: 0.04em;\n  }\n  .plan-tab small {\n    display: block;\n    font-size: 11px;\n    font-weight: 500;\n    color: var(--muted);\n    margin-top: 6px;\n    letter-spacing: 0;\n    font-family: \"Noto Sans JP\", sans-serif;\n  }\n  .plan-tab:hover { transform: translateY(-2px); }\n  .plan-tab.is-active {\n    background: var(--main);\n    color: #fff;\n    border-color: var(--main);\n    box-shadow: 0 6px 18px rgba(138,192,198,0.4);\n  }\n  .plan-tab.is-active small { color: rgba(255,255,255,0.9); }\n\n  \/* ==== BYO PLAN\uff08\u6301\u3061\u8fbc\u307f\u7740\u4ed8\u3051\uff1a\u6a2a\u9577\u30b3\u30f3\u30d1\u30af\u30c8\uff09 ==== *\/\n  .byo-plan-wrap {\n    margin: 32px auto 56px;\n    max-width: 720px;\n  }\n  .byo-plan-card {\n    display: grid;\n    grid-template-columns: 1fr auto;\n    grid-template-rows: auto auto;\n    align-items: center;\n    padding: 22px 30px;\n    text-align: left;\n    gap: 2px 24px;\n    border: 2px dashed var(--main);\n    opacity: 0.95;\n  }\n  .byo-plan-card .price-name {\n    font-size: 20px;\n    line-height: 1.3;\n    margin: 0;\n    grid-column: 1;\n    grid-row: 1;\n  }\n  .byo-plan-card .price-feat {\n    font-size: 13px;\n    color: var(--ink-soft);\n    margin: 0;\n    grid-column: 1;\n    grid-row: 2;\n  }\n  .byo-plan-card .price-amount {\n    font-size: 32px;\n    line-height: 1;\n    grid-column: 2;\n    grid-row: 1 \/ 3;\n    align-self: center;\n    text-align: right;\n    margin: 0;\n    display: flex;\n    align-items: baseline;\n    gap: 6px;\n  }\n  .byo-plan-card .byo-tax {\n    font-size: 11px;\n    color: var(--muted);\n    font-weight: 500;\n  }\n  .byo-only-day {\n    display: inline-block;\n    margin-left: 6px;\n    padding: 1px 8px;\n    border-radius: 999px;\n    background: #fff4e6;\n    color: #c97a16;\n    font-size: 11px;\n    font-weight: 700;\n    white-space: nowrap;\n    vertical-align: middle;\n  }\n\n  \/* ==== SWIPE HINT (default hidden, mobile only) ==== *\/\n  .swipe-hint {\n    display: none;\n    text-align: center;\n    font-size: 12px;\n    color: var(--main-deep);\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    margin: -16px 0 24px;\n  }\n\n  \/* ==== RESERVATION CTA ==== *\/\n  .reserve-cta-wrap {\n    text-align: center;\n    margin: 36px 0 24px;\n  }\n  .reserve-main-btn {\n    font-size: 18px;\n    padding: 20px 56px;\n    letter-spacing: 0.06em;\n  }\n  .reserve-tel {\n    text-align: center;\n    margin: 24px 0 0;\n    font-size: 14px;\n    color: var(--ink-soft);\n    line-height: 1.6;\n  }\n  .reserve-tel a {\n    display: inline-block;\n    color: var(--main-deep);\n    font-weight: 700;\n    font-size: 26px;\n    font-family: \"Zen Maru Gothic\", sans-serif;\n    letter-spacing: 0.04em;\n    margin: 4px 0;\n    text-decoration: none;\n  }\n  .reserve-tel small {\n    display: block;\n    font-size: 12px;\n    color: var(--muted);\n    margin-top: 2px;\n  }\n\n  \/* ==== RETURN NOTICE ==== *\/\n  .return-notice {\n    margin: 36px 0 0;\n    background: var(--bg-soft);\n    border-radius: 14px;\n    padding: 24px 28px;\n    border-left: 4px solid var(--main);\n  }\n  .return-notice h4 {\n    font-family: \"Zen Maru Gothic\", serif;\n    font-size: 17px;\n    margin: 0 0 14px;\n    color: var(--ink-dark);\n  }\n  .return-notice ul {\n    list-style: none;\n    padding: 0;\n    margin: 0 0 12px;\n  }\n  .return-notice li {\n    padding: 6px 0;\n    color: var(--ink);\n    font-size: 15px;\n  }\n  .return-notice li strong { color: var(--main-deep); margin-right: 6px; }\n  .return-time {\n    display: inline-block;\n    background: #fff;\n    color: var(--main-deep);\n    padding: 1px 10px;\n    border-radius: 999px;\n    font-weight: 700;\n    border: 1px solid var(--main);\n    margin: 0 2px;\n  }\n  .return-warn {\n    margin: 12px 0 0;\n    font-size: 12px;\n    color: var(--muted);\n    line-height: 1.6;\n  }\n\n  \/* ==== PAYMENT NOTICE ==== *\/\n  .payment-notice {\n    margin: 20px 0 0;\n    background: var(--bg-soft);\n    border-radius: 14px;\n    padding: 24px 28px;\n    border-left: 4px solid var(--ink-dark);\n  }\n  .payment-notice h4 {\n    font-family: \"Zen Maru Gothic\", serif;\n    font-size: 17px;\n    margin: 0 0 14px;\n    color: var(--ink-dark);\n  }\n  .payment-notice ul {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n  .payment-notice li {\n    padding: 6px 0;\n    color: var(--ink);\n    font-size: 14px;\n    line-height: 1.7;\n  }\n  .payment-notice li strong {\n    color: var(--ink-dark);\n    display: inline-block;\n    min-width: 7em;\n    margin-right: 6px;\n  }\n\n  \/* ==== SIZE NOTICE \uff083\u3064\u76ee\u3067\u96f0\u56f2\u6c17\u3092\u5909\u3048\u308b: \u4e2d\u592e\u30bf\u30a4\u30c8\u30eb\uff0b\u5168\u5468\u30dc\u30fc\u30c0\u30fc\uff0b\u30a2\u30af\u30bb\u30f3\u30c8\uff09 ==== *\/\n  .size-notice {\n    margin: 28px 0 0;\n    background: #fff;\n    border-radius: 18px;\n    padding: 32px 32px 28px;\n    border: 1px solid var(--line);\n    box-shadow: 0 4px 18px rgba(20,33,61,0.05);\n    position: relative;\n  }\n  .size-notice::before {\n    content: \"\";\n    position: absolute;\n    top: -1px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 80px;\n    height: 4px;\n    background: var(--main);\n    border-radius: 0 0 4px 4px;\n  }\n  .size-notice h4 {\n    font-family: \"Zen Maru Gothic\", serif;\n    font-size: 18px;\n    margin: 0 0 20px;\n    color: var(--ink-dark);\n    text-align: center;\n    position: relative;\n    padding-bottom: 12px;\n  }\n  .size-notice h4::after {\n    content: \"\";\n    display: block;\n    width: 36px;\n    height: 2px;\n    background: var(--main);\n    margin: 10px auto 0;\n    opacity: 0.6;\n  }\n  .size-table-wrap { overflow-x: auto; }\n  .size-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n  }\n  .size-table th,\n  .size-table td {\n    padding: 10px 12px;\n    border: 1px solid var(--line);\n    text-align: left;\n    vertical-align: middle;\n  }\n  .size-table thead th {\n    background: var(--bg-soft);\n    font-weight: 700;\n    font-size: 12px;\n    color: var(--ink-soft);\n    text-align: center;\n  }\n  .size-table tbody th {\n    background: var(--main-pale);\n    font-weight: 700;\n    color: var(--main-deep);\n    white-space: nowrap;\n  }\n  .size-note {\n    margin: 14px 0 0;\n    font-size: 12px;\n    color: var(--ink-soft);\n    line-height: 1.7;\n  }\n\n  \/* ==== PRICE MARK ==== *\/\n  .price-mark {\n    display: inline-block;\n    background: var(--main-pale);\n    color: var(--main-deep);\n    padding: 3px 12px;\n    border-radius: 999px;\n    font-weight: 700;\n    font-size: 13px;\n    margin: 2px 6px;\n    line-height: 1.4;\n  }\n  .price-mark--down {\n    background: #e3f3ea;\n    color: #2f8255;\n  }\n\n  \/* ==== RESPONSIVE ==== *\/\n  @media (max-width: 768px) {\n    section { padding: 60px 0; }\n\n    \/* HERO *\/\n    .hero { min-height: 90vh; }\n    .hero-overlay { background: linear-gradient(180deg, rgba(20,33,61,0.00) 0%, rgba(20,33,61,0.10) 60%, rgba(20,33,61,0.30) 100%); }\n    .hero-top { padding: 18px 16px 0; gap: 10px; }\n    .hero-logo { height: 64px; }\n    .hero-badge { font-size: 13px; padding: 9px 16px; letter-spacing: 0.04em; }\n    .hero-main { padding: 0 20px 40px; }\n    .hero-title { font-size: 32px; }\n    \/* \u30b9\u30de\u30db\u306fHERO\u5185\u306e\u4e88\u7d04\u30dc\u30bf\u30f3\u3092\u975e\u8868\u793a\uff08\u4e0b\u90e8\u56fa\u5b9aCTA\u3067\u4ee3\u66ff\uff09 *\/\n    .hero .cta-row { display: none; }\n\n    \/* POINTS - \u30b9\u30de\u30db\u306f\u6a2a\u30b9\u30ef\u30a4\u30d7\u30b9\u30e9\u30a4\u30c9 *\/\n    .point-summary { font-size: 15px; padding: 0 8px; margin: 14px auto 20px; line-height: 1.9; }\n    .point-swipe-hint { display: block; margin: 0 0 18px; }\n    .points .wrap { padding-right: 0; }\n    .point-grid {\n      display: flex;\n      grid-template-columns: none;\n      overflow-x: auto;\n      scroll-snap-type: x mandatory;\n      gap: 14px;\n      padding: 8px 24px 24px 0;\n      margin: 0;\n      -webkit-overflow-scrolling: touch;\n    }\n    .point-grid::-webkit-scrollbar { height: 6px; }\n    .point-grid::-webkit-scrollbar-track { background: transparent; }\n    .point-grid::-webkit-scrollbar-thumb { background: var(--main-pale); border-radius: 999px; }\n    .point-card {\n      display: block;\n      flex: 0 0 82%;\n      max-width: 320px;\n      scroll-snap-align: start;\n      padding: 0;\n      overflow: hidden;\n    }\n    .point-img {\n      width: 100%;\n      height: 220px;\n      object-fit: cover;\n      border-radius: 0;\n      margin: 0;\n    }\n    .point-body { padding: 16px 18px 20px; }\n    .point-num { font-size: 10px; letter-spacing: 0.1em; }\n    .point-title { font-size: 16px; line-height: 1.35; margin: 6px 0 8px; }\n    .point-text { font-size: 13px; line-height: 1.65; margin: 0; }\n\n    \/* PRICING - \u30b9\u30de\u30db\u3067\u30b3\u30f3\u30d1\u30af\u30c8\u5316 *\/\n    .plan-tabs { flex-direction: row; gap: 8px; margin: 0 auto 24px; }\n    .plan-tab { padding: 12px 6px; border-radius: 12px; border-width: 2px; }\n    .plan-tab strong { font-size: 13px; letter-spacing: 0.02em; }\n    .plan-tab small { font-size: 10px; margin-top: 2px; letter-spacing: 0; }\n\n    .price-grid { grid-template-columns: 1fr; gap: 10px; }\n    .price-card {\n      display: grid;\n      grid-template-columns: 1fr auto;\n      grid-template-rows: auto auto;\n      align-items: center;\n      padding: 16px 18px;\n      text-align: left;\n      gap: 2px 14px;\n    }\n    .price-card.featured { transform: none; }\n    .price-name {\n      font-size: 15px;\n      line-height: 1.35;\n      margin: 0;\n      grid-column: 1;\n      grid-row: 1;\n    }\n    .price-name br { display: none; }\n    .price-amount {\n      font-size: 26px;\n      line-height: 1;\n      grid-column: 2;\n      grid-row: 1;\n      align-self: center;\n      text-align: right;\n      margin: 0;\n    }\n    .price-amount .yen { font-size: 14px; }\n    .price-tax {\n      display: block;\n      grid-column: 2;\n      grid-row: 2;\n      text-align: right;\n      font-size: 10px;\n      color: var(--muted);\n      margin: 2px 0 0;\n      line-height: 1;\n    }\n    .price-feat {\n      font-size: 11.5px;\n      line-height: 1.5;\n      color: var(--ink-soft);\n      margin: 0;\n      grid-column: 1;\n      grid-row: 2;\n      align-self: center;\n    }\n\n    \/* \u6301\u3061\u8fbc\u307f\u30d7\u30e9\u30f3\uff08\u30b9\u30de\u30db\u3082\u30b3\u30f3\u30d1\u30af\u30c8\u6a2a\u9577\uff09 *\/\n    .byo-plan-wrap { margin: 20px 0 32px; max-width: none; }\n    .byo-plan-card { padding: 16px 18px; gap: 2px 14px; }\n    .byo-plan-card .price-name { font-size: 16px; }\n    .byo-plan-card .price-feat { font-size: 12px; }\n    .byo-plan-card .price-amount { font-size: 24px; }\n    .byo-plan-card .price-amount .yen { font-size: 13px; }\n\n    \/* \u30aa\u30d7\u30b7\u30e7\u30f3\u30fb\u5272\u5f15 *\/\n    .price-options { grid-template-columns: 1fr; gap: 16px; }\n    .price-options h4 { font-size: 15px; }\n    .price-options li { font-size: 13px; padding: 3px 0; line-height: 1.7; }\n    .price-options .price-mark { margin: 2px 8px 2px 0; }\n\n    \/* \u5c0f\u898b\u51fa\u3057\u306e\u65e5\u672c\u8a9e\u6539\u884c\u3092\u8aad\u307f\u3084\u3059\u304f *\/\n    .point-title,\n    .spot-title,\n    .byo-name,\n    .price-name,\n    .section-title {\n      word-break: keep-all;\n      overflow-wrap: break-word;\n      line-break: strict;\n    }\n\n    \/* \u8fd4\u5374\u30dc\u30c3\u30af\u30b9 *\/\n    .return-notice { padding: 18px 20px; margin-top: 24px; }\n    .return-notice h4 { font-size: 15px; margin-bottom: 10px; }\n    .return-notice li { font-size: 13px; padding: 5px 0; }\n    .return-warn { font-size: 11px; }\n\n    \/* \u304a\u652f\u6255\u3044\u65b9\u6cd5\u30dc\u30c3\u30af\u30b9 *\/\n    .payment-notice { padding: 18px 20px; margin-top: 16px; }\n    .payment-notice h4 { font-size: 15px; margin-bottom: 10px; }\n    .payment-notice li { font-size: 13px; padding: 4px 0; line-height: 1.6; }\n    .payment-notice li strong { min-width: 0; display: block; margin-bottom: 2px; }\n\n    \/* \u30b5\u30a4\u30ba\u76ee\u5b89\u30c6\u30fc\u30d6\u30eb\uff08FAQ\u5185\u30fb\u6a2a\u30b9\u30af\u30ed\u30fc\u30eb\u5bfe\u5fdc\uff09 *\/\n    .size-table-wrap {\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n      margin: 0 -22px;\n      padding: 0 22px;\n    }\n    .size-table {\n      font-size: 11px;\n      min-width: 380px;\n    }\n    .size-table th, .size-table td {\n      padding: 5px 6px;\n      white-space: nowrap;\n    }\n    .size-table thead th { font-size: 10px; }\n\n    \/* FLOW *\/\n    .flow-grid { grid-template-columns: repeat(2, 1fr); }\n\n    \/* SPOTS - \u30b9\u30de\u30db\u306f\u6a2a\u30b9\u30ef\u30a4\u30d7\u30b9\u30e9\u30a4\u30c9\uff08\u81ea\u52d5\u30b9\u30af\u30ed\u30fc\u30eb\u3042\u308a\u3001iPhone\u5bfe\u5fdc\u306e\u305f\u3081\u6163\u6027\u7121\u52b9\uff09 *\/\n    .spots .wrap { padding-right: 0; }\n    .spot-grid {\n      display: flex;\n      grid-template-columns: none;\n      overflow-x: auto;\n      gap: 14px;\n      padding: 8px 24px 24px 0;\n      margin: 0;\n      scroll-padding-left: 0;\n    }\n    .spot-grid::-webkit-scrollbar { height: 6px; }\n    .spot-grid::-webkit-scrollbar-track { background: transparent; }\n    .spot-grid::-webkit-scrollbar-thumb { background: var(--main-pale); border-radius: 999px; }\n    .spot-card {\n      flex: 0 0 82%;\n      max-width: 320px;\n    }\n    \/* \u30b9\u30ef\u30a4\u30d7\u30d2\u30f3\u30c8 *\/\n    .spots .swipe-hint { display: block; }\n\n    \/* GALLERY *\/\n    .gallery-grid {\n      grid-template-columns: repeat(2, 1fr);\n      grid-auto-rows: 140px;\n      grid-auto-flow: dense;\n    }\n    .gallery-grid .tall { grid-row: span 2; }\n    .gallery-grid .wide { grid-column: span 2; }\n\n    \/* INFO *\/\n    .info-grid { grid-template-columns: 1fr; }\n\n    \/* RESERVATION CTA *\/\n    .reserve-main-btn { font-size: 16px; padding: 18px 36px; }\n    .reserve-tel a { font-size: 22px; }\n\n    \/* STICKY CTA *\/\n    .sticky-cta { display: block; }\n    body { padding-bottom: 80px; }\n  }\n<\/style>\n\n<!-- ========== HERO ========== -->\n<section class=\"hero\">\n  <div class=\"hero-slides\">\n    <div class=\"hero-slide hero-slide-1\"><\/div>\n    <div class=\"hero-slide hero-slide-2\"><\/div>\n    <div class=\"hero-slide hero-slide-3\"><\/div>\n  <\/div>\n  <div class=\"hero-overlay\"><\/div>\n  <div class=\"hero-top\">\n    <div class=\"hero-brand\">\n      <img decoding=\"async\" class=\"hero-logo\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/shanari_yukata_logo_lp.png\" alt=\"YUKATA STYLIST \u3057\u3083\u306a\u308a\">\n    <\/div>\n    <div class=\"hero-badge\">2026.5.23\uff08\u571f\uff09\u4e88\u7d04\u30b9\u30bf\u30fc\u30c8<\/div>\n  <\/div>\n  <div class=\"hero-main\">\n    <div class=\"hero-eyebrow\">\u624b\u3076\u3089\u3067OK\uff06\u597d\u30a2\u30af\u30bb\u30b9<\/div>\n    <h1 class=\"hero-title\">\n      \u5b87\u90fd\u5bae\u306e\u6d74\u8863\u30ec\u30f3\u30bf\u30eb\n    <\/h1>\n    <p class=\"hero-sub\">\n      \u82b1\u706b\u5927\u4f1a\u30fb\u8857\u6b69\u304d\u30fb\u5bae\u307e\u3064\u308a\u3067\u3001\u6700\u9ad8\u306e\u590f\u3002\n    <\/p>\n    <div class=\"cta-row\">\n      <a href=\"\/yukata\/reserve\/\" class=\"btn btn-primary btn-large\">\u4e88\u7d04\u3059\u308b<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========== POINTS ========== -->\n<section class=\"points\">\n  <div class=\"wrap\">\n    <h2 class=\"section-title\">\u3057\u3083\u306a\u308a\u306e\u6d74\u8863\u30ec\u30f3\u30bf\u30eb\u3001<br class=\"sp-only\">\u3053\u3053\u304c\u3046\u308c\u3057\u3044\u3002<\/h2>\n    <p class=\"point-summary\">\u624b\u3076\u3089\u3067OK\uff06\u30d7\u30ed\u306e\u7740\u4ed8\u3051<\/p>\n    <p class=\"swipe-hint point-swipe-hint\">\u2192 \u6a2a\u306b\u30b9\u30ef\u30a4\u30d7<\/p>\n\n    <div class=\"point-grid\">\n      <div class=\"point-card\">\n        <img decoding=\"async\" class=\"point-img\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/260515_8735-2.jpg\" alt=\"\u624b\u3076\u3089\u3067OK\">\n        <div class=\"point-body\">\n          <span class=\"point-num\">\u30dd\u30a4\u30f3\u30c8 01<\/span>\n          <h3 class=\"point-title\">\u624b\u3076\u3089\u3067OK\u30fb\u597d\u30a2\u30af\u30bb\u30b9<\/h3>\n          <p class=\"point-text\">JR\u5b87\u90fd\u5bae\u99c5\u304b\u3089\u5f92\u6b69\u7d0410\u5206\u306e\u597d\u7acb\u5730\u3002\u6d74\u8863\u30fb\u5e2f\u30fb\u4e0b\u99c4\u30fb\u7740\u4ed8\u5c0f\u7269\u30fb\u808c\u7740\u307e\u3067\u4e00\u5f0f\u30bb\u30c3\u30c8\u3002<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"point-card\">\n        <img decoding=\"async\" class=\"point-img\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/250601_2386-768x512-1.jpg\" alt=\"\u30d7\u30ed\u306e\u7740\u4ed8\u3051\">\n        <div class=\"point-body\">\n          <span class=\"point-num\">\u30dd\u30a4\u30f3\u30c8 02<\/span>\n          <h3 class=\"point-title\">\u30d7\u30ed\u306e\u7740\u4ed8\u3051<\/h3>\n          <p class=\"point-text\">\u8001\u8217\u306a\u3089\u3067\u306f\u306e\u78ba\u304b\u306a\u6280\u8853\u3067\u3001\u7740\u5d29\u308c\u3057\u306b\u304f\u304f\u3001\u4e00\u65e5\u4e2d\u5feb\u9069\u3002\u7f8e\u3057\u3044\u7740\u59ff\u306b\u4ed5\u4e0a\u3052\u307e\u3059\u3002<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"point-card\">\n        <img decoding=\"async\" class=\"point-img\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/2504219512.jpg\" alt=\"\u6d74\u8863\u30fb\u5e2f\u5408\u308f\u305b\u3066120\u70b9\u4ee5\u4e0a\">\n        <div class=\"point-body\">\n          <span class=\"point-num\">\u30dd\u30a4\u30f3\u30c8 03<\/span>\n          <h3 class=\"point-title\">\u6d74\u8863\u30fb\u5e2f\u5408\u308f\u305b\u3066120\u70b9\u4ee5\u4e0a<\/h3>\n          <p class=\"point-text\">\u5730\u5143\u306e\u8001\u8217\u5449\u670d\u5e97\u3060\u304b\u3089\u5b89\u5fc3\u3002\u78ba\u304b\u306a\u76ee\u5229\u304d\u3067\u9078\u3093\u3060\u3053\u3060\u308f\u308a\u306e\u6d74\u8863\u3092\u3001\u8c4a\u5bcc\u306a\u30a2\u30a4\u30c6\u30e0\u304b\u3089\u304a\u9078\u3073\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========== PRICING ========== -->\n<section class=\"pricing\" id=\"price\">\n  <div class=\"wrap\">\n    <div class=\"section-eyebrow\">PRICE<\/div>\n    <h2 class=\"section-title\">\u6599\u91d1\u30d7\u30e9\u30f3<\/h2>\n    <p class=\"section-lead\">\u5168\u30d7\u30e9\u30f3\u300c\u6d74\u8863\u4e00\u5f0f\uff0b\u30d7\u30ed\u306b\u3088\u308b\u7740\u4ed8\u3051\u300d\u8fbc\u307f\u306e\u30b7\u30f3\u30d7\u30eb\u4fa1\u683c\u3002\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u4e0d\u8981\u3067\u8fd4\u5374\u3082\u30ab\u30f3\u30bf\u30f3\u3002<\/p>\n\n    <p class=\"tab-hint\">\u2193 \u3069\u3061\u3089\u304b\u304a\u9078\u3073\u304f\u3060\u3055\u3044<\/p>\n\n    <!-- \u5f53\u65e5\/\u7fcc\u65e5 \u30bf\u30d6\u5207\u308a\u66ff\u3048 -->\n    <div class=\"plan-tabs\" role=\"tablist\">\n      <button type=\"button\" class=\"plan-tab is-active\" data-plan=\"same\" role=\"tab\" aria-selected=\"true\">\n        <strong>\u5f53\u65e5\u8fd4\u5374\u30d7\u30e9\u30f3<\/strong>\n        <small>\u5f53\u65e517\u6642\u307e\u3067\u306b\u8fd4\u5374<\/small>\n      <\/button>\n      <button type=\"button\" class=\"plan-tab\" data-plan=\"next\" role=\"tab\" aria-selected=\"false\">\n        <strong>\u7fcc\u65e5\u8fd4\u5374\u30d7\u30e9\u30f3<\/strong>\n        <small>\u7fcc\u65e512\u6642\u307e\u3067\u306b\u8fd4\u5374<\/small>\n      <\/button>\n    <\/div>\n\n    <!-- \u5f53\u65e5\u8fd4\u5374\u30d7\u30e9\u30f3 -->\n    <div class=\"price-grid\" data-plan-view=\"same\">\n      <div class=\"price-card\">\n        <h3 class=\"price-name\">\u30ec\u30c7\u30a3\u30fc\u30b9<br>\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9<\/h3>\n        <div class=\"price-amount\">5,800<span class=\"yen\">\u5186<\/span><\/div>\n        <div class=\"price-tax\">\u7a0e\u8fbc<\/div>\n        <p class=\"price-feat\">\u6d74\u8863\u30fb\u5e2f\u30fb\u4e0b\u99c4\u30fb\u7740\u4ed8\u5c0f\u7269\u30fb\u808c\u7740\u306e\u4e00\u5f0f<\/p>\n      <\/div>\n      <div class=\"price-card featured\">\n        <h3 class=\"price-name\">\u30ec\u30c7\u30a3\u30fc\u30b9<br>\u30d7\u30ec\u30df\u30a2\u30e0<\/h3>\n        <div class=\"price-amount\">6,800<span class=\"yen\">\u5186<\/span><\/div>\n        <div class=\"price-tax\">\u7a0e\u8fbc<\/div>\n        <p class=\"price-feat\">\u3053\u3060\u308f\u308a\u306e\u67c4\uff06\u4eba\u6c17\u30d6\u30e9\u30f3\u30c9\u304b\u3089\u9078\u3079\u308b<\/p>\n      <\/div>\n      <div class=\"price-card\">\n        <h3 class=\"price-name\">\u30e1\u30f3\u30ba<br>\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9<\/h3>\n        <div class=\"price-amount\">5,800<span class=\"yen\">\u5186<\/span><\/div>\n        <div class=\"price-tax\">\u7a0e\u8fbc<\/div>\n        <p class=\"price-feat\">\u6d74\u8863\u30fb\u5e2f\u30fb\u4e0b\u99c4\u30fb\u7740\u4ed8\u5c0f\u7269\u306e\u4e00\u5f0f<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- \u7fcc\u65e5\u8fd4\u5374\u30d7\u30e9\u30f3 -->\n    <div class=\"price-grid\" data-plan-view=\"next\" style=\"display:none;\">\n      <div class=\"price-card\">\n        <h3 class=\"price-name\">\u30ec\u30c7\u30a3\u30fc\u30b9<br>\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9<\/h3>\n        <div class=\"price-amount\">6,800<span class=\"yen\">\u5186<\/span><\/div>\n        <div class=\"price-tax\">\u7a0e\u8fbc<\/div>\n        <p class=\"price-feat\">\u6d74\u8863\u30fb\u5e2f\u30fb\u4e0b\u99c4\u30fb\u7740\u4ed8\u5c0f\u7269\u30fb\u808c\u7740\u306e\u4e00\u5f0f<\/p>\n      <\/div>\n      <div class=\"price-card featured\">\n        <h3 class=\"price-name\">\u30ec\u30c7\u30a3\u30fc\u30b9<br>\u30d7\u30ec\u30df\u30a2\u30e0<\/h3>\n        <div class=\"price-amount\">7,800<span class=\"yen\">\u5186<\/span><\/div>\n        <div class=\"price-tax\">\u7a0e\u8fbc<\/div>\n        <p class=\"price-feat\">\u3053\u3060\u308f\u308a\u306e\u67c4\uff06\u4eba\u6c17\u30d6\u30e9\u30f3\u30c9\u304b\u3089\u9078\u3079\u308b<\/p>\n      <\/div>\n      <div class=\"price-card\">\n        <h3 class=\"price-name\">\u30e1\u30f3\u30ba<br>\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9<\/h3>\n        <div class=\"price-amount\">6,800<span class=\"yen\">\u5186<\/span><\/div>\n        <div class=\"price-tax\">\u7a0e\u8fbc<\/div>\n        <p class=\"price-feat\">\u6d74\u8863\u30fb\u5e2f\u30fb\u4e0b\u99c4\u30fb\u7740\u4ed8\u5c0f\u7269\u306e\u4e00\u5f0f<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- \u6301\u3061\u8fbc\u307f\u7740\u4ed8\u3051\u30d7\u30e9\u30f3\uff08\u72ec\u7acb\u30fb\u6a2a\u9577\u30b3\u30f3\u30d1\u30af\u30c8\u30ab\u30fc\u30c9\uff09 -->\n    <div class=\"byo-plan-wrap\">\n      <div class=\"price-card byo-plan-card\">\n        <h3 class=\"price-name\">\u6301\u3061\u8fbc\u307f\u7740\u4ed8\u3051\u30d7\u30e9\u30f3<\/h3>\n        <p class=\"price-feat\">\u6d74\u8863\u30fb\u5e2f\u30fb\u5c0f\u7269\u3092\u304a\u6301\u3061\u8fbc\u307f <\/p>\n        <div class=\"price-amount\">2,500<span class=\"yen\">\u5186<\/span><span class=\"byo-tax\">\u7a0e\u8fbc<\/span><\/div>\n        <p class=\"byo-sub\" style=\"grid-column:2;grid-row:3;text-align:right;margin:4px 0 0;font-size:13px;font-weight:500;color:var(--ink-soft);\">\u5c0f\u5b66\u751f\u4ee5\u4e0b <strong style=\"color:var(--main);\">2,000<\/strong>\u5186\uff08\u7a0e\u8fbc\uff09<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- \u30aa\u30d7\u30b7\u30e7\u30f3\u30fb\u5272\u5f15 -->\n    <div class=\"price-options\">\n      <div>\n        <h4>\u30aa\u30d7\u30b7\u30e7\u30f3<\/h4>\n        <ul>\n          <li>10\u5206\u30af\u30a4\u30c3\u30af\u30d8\u30a2\u30bb\u30c3\u30c8\uff08\u9aea\u98fe\u308a\u4ed8\u304d\uff09 <strong class=\"price-mark\">+1,500\u5186<\/strong><\/li>\n          <li>\u5e2f\u7de0\u3081\u30ec\u30f3\u30bf\u30eb <strong class=\"price-mark\">+500\u5186<\/strong><\/li>\n          <li>\u30d0\u30c3\u30b0\u30ec\u30f3\u30bf\u30eb <strong class=\"price-mark\">+800\u5186<\/strong><\/li>\n        <\/ul>\n      <\/div>\n      <div>\n        <h4>\u304a\u5f97\u306a\u5272\u5f15\uff08\u4f75\u7528\u4e0d\u53ef\u30fb\u6301\u3061\u8fbc\u307f\u7740\u4ed8\u3051\u5bfe\u8c61\u5916\uff09<\/h4>\n        <ul>\n          <li>\u4e2d\u9ad8\u751f\u5b66\u5272 <strong class=\"price-mark price-mark--down\">-1,000\u5186<\/strong>\uff0f\u304a1\u4eba<\/li>\n          <li>\u30b7\u30cb\u30a2\u5272\uff0855\u6b73\u4ee5\u4e0a\uff09 <strong class=\"price-mark price-mark--down\">-1,000\u5186<\/strong>\uff0f\u304a1\u4eba<\/li>\n          <li>\u30ab\u30c3\u30d7\u30eb\u5272 <strong class=\"price-mark price-mark--down\">-500\u5186<\/strong>\uff0f1\u7d44<\/li>\n          <li>\u30b0\u30eb\u30fc\u30d7\u5272\uff083\u540d\u4ee5\u4e0a\uff09 <strong class=\"price-mark price-mark--down\">-500\u5186<\/strong>\uff0f\u304a1\u4eba<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <!-- \u3054\u8fd4\u5374\u306b\u3064\u3044\u3066 -->\n    <div class=\"return-notice\">\n      <h4>\u3054\u8fd4\u5374\u306b\u3064\u3044\u3066<\/h4>\n      <ul>\n        <li><strong>\u5f53\u65e5\u8fd4\u5374\u30d7\u30e9\u30f3<\/strong>\uff1a\u5f53\u65e5 <span class=\"return-time\">17:00<\/span> \u307e\u3067\u306b\u3054\u8fd4\u5374<\/li>\n        <li><strong>\u7fcc\u65e5\u8fd4\u5374\u30d7\u30e9\u30f3<\/strong>\uff1a\u7fcc\u65e5 <span class=\"return-time\">12:00<\/span> \u307e\u3067\u306b\u3054\u8fd4\u5374<\/li>\n      <\/ul>\n      <p class=\"return-warn\">\u203b\u3054\u8fd4\u5374\u304c\u9045\u308c\u305f\u5834\u5408\u306f\u3001\u5ef6\u6ede\u6599\u91d1\uff081\u65e5\u3042\u305f\u308a\u304a1\u4eba\u306b\u3064\u304d 2,000\u5186\u30fb\u7a0e\u8fbc\uff09\u304c\u304b\u304b\u308a\u307e\u3059\u3002<\/p>\n    <\/div>\n\n    <!-- \u304a\u652f\u6255\u3044\u65b9\u6cd5 -->\n    <div class=\"payment-notice\">\n      <h4>\u304a\u652f\u6255\u3044\u65b9\u6cd5<\/h4>\n      <ul>\n        <li><strong>\u73fe\u91d1<\/strong><\/li>\n        <li><strong>\u96fb\u5b50\u6c7a\u6e08<\/strong>\u3000d\u6255\u3044\uff0f\u697d\u5929\u30da\u30a4\uff0fau PAY\uff0f\u4ea4\u901a\u7cfbIC\u30ab\u30fc\u30c9\uff0fPayPay<\/li>\n        <li><strong>\u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9<\/strong>\u3000JCB\uff0fAmerican Express\uff0fMasterCard\uff0fVISA<\/li>\n      <\/ul>\n    <\/div>\n\n\n    <div style=\"text-align:center; margin-top: 40px;\">\n      <a href=\"\/yukata\/reserve\/\" class=\"btn btn-primary btn-large\">\u6d74\u8863\u30ec\u30f3\u30bf\u30eb\u3092\u4e88\u7d04\u3059\u308b<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var tabs = document.querySelectorAll('.plan-tab');\n  var views = document.querySelectorAll('[data-plan-view]');\n  if (!tabs.length) return;\n  var byoWrap = document.querySelector('.byo-plan-wrap');\n  function show(target){\n    tabs.forEach(function(t){\n      var on = (t.getAttribute('data-plan') === target);\n      t.classList.toggle('is-active', on);\n      t.setAttribute('aria-selected', on ? 'true' : 'false');\n    });\n    views.forEach(function(v){\n      v.style.display = (v.getAttribute('data-plan-view') === target) ? 'grid' : 'none';\n    });\n    \/\/ \u6301\u3061\u8fbc\u307f\u7740\u4ed8\u3051\u306f\u5f53\u65e5\u8fd4\u5374\u306e\u307f\u306e\u305f\u3081\u3001\u7fcc\u65e5\u9078\u629e\u6642\u306f\u975e\u8868\u793a\n    if (byoWrap) {\n      byoWrap.style.display = (target === 'next') ? 'none' : '';\n    }\n  }\n  tabs.forEach(function(tab){\n    tab.addEventListener('click', function(){\n      show(tab.getAttribute('data-plan'));\n    });\n  });\n  \/\/ \u521d\u671f\u5316\uff08is-active\u306e\u30bf\u30d6\u3092\u8d77\u70b9\u306b\u5f37\u5236\u9069\u7528\uff09\n  var initial = document.querySelector('.plan-tab.is-active');\n  show(initial ? initial.getAttribute('data-plan') : 'same');\n})();\n\n\/\/ MTS\u4e88\u7d04\u30ab\u30ec\u30f3\u30c0\u30fc\u306e\u65e5\u4ed8\u30af\u30ea\u30c3\u30af\u3067 URL\u30d1\u30e9\u30e1\u30fc\u30bf\u4ed8\u304d\u3067\u30ea\u30ed\u30fc\u30c9\u3055\u308c\u305f\u5834\u5408\u306b\n\/\/ LP\u30c8\u30c3\u30d7\u306b\u623b\u3063\u305f\u5370\u8c61\u3092\u6d88\u3059\u305f\u3081\u3001\u4e88\u7d04\u30bb\u30af\u30b7\u30e7\u30f3\u3078\u81ea\u52d5\u30b9\u30af\u30ed\u30fc\u30eb\u3059\u308b\n(function(){\n  var qs = window.location.search;\n  if (!qs) return;\n  \/\/ MTS\u304c\u4ed8\u4e0e\u3057\u305d\u3046\u306a\u4e3b\u306a\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u30ab\u30d0\u30fc\n  if (!\/(?:^\\?|&)(?:aid|ymd|date|post_id|year|month|service_id|booking)=\/.test(qs)) return;\n\n  \/\/ \u30ea\u30ed\u30fc\u30c9\u6642\u306e\u30d6\u30e9\u30a6\u30b6\u81ea\u52d5\u30b9\u30af\u30ed\u30fc\u30eb\u5fa9\u5143\u3092\u6291\u5236\n  if ('scrollRestoration' in history) {\n    try { history.scrollRestoration = 'manual'; } catch(e){}\n  }\n\n  function scrollToReserve() {\n    var target = document.getElementById('reserve');\n    if (!target) return;\n    var rect = target.getBoundingClientRect();\n    var top = rect.top + (window.pageYOffset || document.documentElement.scrollTop || 0);\n    window.scrollTo(0, top);\n  }\n\n  \/\/ 1) DOM\u69cb\u7bc9\u9014\u4e2d\u306a\u3089\u65e9\u671f\u306b\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', scrollToReserve);\n  } else {\n    scrollToReserve();\n  }\n  \/\/ 2) DOM\u5b8c\u4e86\u76f4\u5f8c\u306b\u3082\n  document.addEventListener('readystatechange', function(){\n    if (document.readyState === 'interactive' || document.readyState === 'complete') {\n      scrollToReserve();\n    }\n  });\n  \/\/ 3) \u753b\u50cf\u8aad\u307f\u8fbc\u307f\u5b8c\u4e86\uff08\u30ec\u30a4\u30a2\u30a6\u30c8\u78ba\u5b9a\uff09\u5f8c\u306b\u6700\u7d42\u8abf\u6574\n  window.addEventListener('load', function(){\n    setTimeout(scrollToReserve, 50);\n    setTimeout(scrollToReserve, 300);\n  });\n})();\n<\/script>\n\n<!-- ========== FLOW ========== -->\n<section class=\"flow\">\n  <div class=\"wrap\">\n    <div class=\"section-eyebrow\">FLOW<\/div>\n    <h2 class=\"section-title\">\u4e88\u7d04\u304b\u3089\u8fd4\u5374\u307e\u3067\u3001<br class=\"sp-only\">\u305f\u3063\u305f4\u30b9\u30c6\u30c3\u30d7<\/h2>\n\n    <div class=\"flow-grid\">\n      <div class=\"flow-card\">\n        <img decoding=\"async\" class=\"flow-img\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/flow-step4-768x512-1.jpg\" alt=\"Web\u4e88\u7d04\">\n        <div class=\"flow-body\">\n          <div class=\"flow-num\">1<\/div>\n          <h4 class=\"flow-step-title\">Web\u3067\u4e88\u7d04<\/h4>\n          <p class=\"flow-text\">\u30ab\u30f3\u30bf\u30f3\u5165\u529b<br>\u7d041\u5206<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"flow-card\">\n        <img decoding=\"async\" class=\"flow-img\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/250610_3019.jpg\" alt=\"\u6765\u5e97\u30fb\u6d74\u8863\u9078\u3073\">\n        <div class=\"flow-body\">\n          <div class=\"flow-num\">2<\/div>\n          <h4 class=\"flow-step-title\">\u6765\u5e97\u30fb\u6d74\u8863\u9078\u3073<\/h4>\n          <p class=\"flow-text\">\u6d74\u8863\u30fb\u5e2f\u5408\u308f\u305b\u3066<br>120\u70b9\u4ee5\u4e0a\u304b\u3089\u30bb\u30ec\u30af\u30c8<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"flow-card\">\n        <img decoding=\"async\" class=\"flow-img\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/250601_2375.jpg\" alt=\"\u7740\u4ed8\u3051\">\n        <div class=\"flow-body\">\n          <div class=\"flow-num\">3<\/div>\n          <h4 class=\"flow-step-title\">\u30d7\u30ed\u306e\u7740\u4ed8\u3051<\/h4>\n          <p class=\"flow-text\">\u7f8e\u3057\u304f\u3001\u5feb\u9069\u306b<br>\u4ed5\u4e0a\u3052\u307e\u3059<br><small>\uff08\u7740\u4ed8\u3051\u7d0410\u301c15\u5206\uff09<\/small><\/p>\n        <\/div>\n      <\/div>\n      <div class=\"flow-card\">\n        <img decoding=\"async\" class=\"flow-img\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/250601_2354.jpg\" alt=\"\u304a\u3067\u304b\u3051\">\n        <div class=\"flow-body\">\n          <div class=\"flow-num\">4<\/div>\n          <h4 class=\"flow-step-title\">\u304a\u3067\u304b\u3051 \u2192 \u8fd4\u5374<\/h4>\n          <p class=\"flow-text\">\u30af\u30ea\u30fc\u30cb\u30f3\u30b0<br>\u4e0d\u8981<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========== SPOTS ========== -->\n<section class=\"spots\">\n  <div class=\"wrap\">\n    <div class=\"section-eyebrow\">SPOTS<\/div>\n    <h2 class=\"section-title\">\u6d74\u8863\u3067\u697d\u3057\u3080\u3001<br class=\"sp-only\">\u5b87\u90fd\u5bae\u306e\u304a\u3067\u304b\u3051\u30b9\u30dd\u30c3\u30c8<\/h2>\n    <p class=\"swipe-hint\">\u2192 \u6a2a\u306b\u30b9\u30ef\u30a4\u30d7<\/p>\n\n    <div class=\"spot-grid\">\n      <div class=\"spot-card\">\n        <img decoding=\"async\" class=\"spot-img\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/2504217880.jpg\" alt=\"\u4e8c\u8352\u5c71\u795e\u793e\">\n        <div class=\"spot-body\">\n          <div class=\"spot-num\">SPOT 01<\/div>\n          <h3 class=\"spot-title\">\u5b87\u90fd\u5bae\u4e8c\u8352\u5c71\u795e\u793e \u301c \u30aa\u30ea\u30aa\u30f3\u901a\u308a<\/h3>\n          <p class=\"spot-text\">\u30d1\u30ef\u30fc\u30b9\u30dd\u30c3\u30c8\u3078\u306e\u53c2\u62dd\u5f8c\u3001\u30ec\u30c8\u30ed\u306a\u96f0\u56f2\u6c17\u306e\u30a2\u30fc\u30b1\u30fc\u30c9\u5546\u5e97\u8857\u3067\u98df\u3079\u6b69\u304d\uff06\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0\u3002<\/p>\n          <div class=\"spot-tags\">\n            <span class=\"spot-tag\">\u8857\u6b69\u304d<\/span>\n            <span class=\"spot-tag\">\u5199\u771f\u6620\u3048<\/span>\n            <span class=\"spot-tag\">\u98df\u3079\u6b69\u304d<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"spot-card\">\n        <img decoding=\"async\" class=\"spot-img\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/32587294_s.jpg\" alt=\"\u82b1\u706b\u5927\u4f1a\">\n        <div class=\"spot-body\">\n          <div class=\"spot-num\">SPOT 02<\/div>\n          <h3 class=\"spot-title\">\u3046\u3064\u306e\u307f\u3084\u82b1\u706b\u5927\u4f1a<\/h3>\n          <p class=\"spot-text\">\u5b87\u90fd\u5bae\u306e\u590f\u3092\u4ee3\u8868\u3059\u308b\u4e00\u5927\u30a4\u30d9\u30f3\u30c8\u3002\u591c\u7a7a\u306b\u54b2\u304f\u5927\u8f2a\u306e\u82b1\u706b\u3068\u6d74\u8863\u59ff\u306f\u3001\u307e\u3055\u306b\u65e5\u672c\u306e\u590f\u305d\u306e\u3082\u306e\u3002<\/p>\n          <div class=\"spot-tags\">\n            <span class=\"spot-tag\">\u590f\u30a4\u30d9\u30f3\u30c8<\/span>\n            <span class=\"spot-tag\">\u8a18\u5ff5\u64ae\u5f71<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"spot-card\">\n        <img decoding=\"async\" class=\"spot-img\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/miyamatsuri-768x512-1.jpg\" alt=\"\u5bae\u307e\u3064\u308a\">\n        <div class=\"spot-body\">\n          <div class=\"spot-num\">SPOT 03<\/div>\n          <h3 class=\"spot-title\">\u3075\u308b\u3055\u3068\u5bae\u307e\u3064\u308a<\/h3>\n          <p class=\"spot-text\">\u5b87\u90fd\u5bae\u6700\u5927\u7d1a\u306e\u5e02\u6c11\u307e\u3064\u308a\u3002\u4e2d\u5fc3\u5e02\u8857\u5730\u958b\u50ac\u3067\u3001\u7740\u4ed8\u3051\u5f8c\u3059\u3050\u306b\u796d\u308a\u6c17\u5206\u3092\u697d\u3057\u3081\u307e\u3059\u3002<\/p>\n          <div class=\"spot-tags\">\n            <span class=\"spot-tag\">\u5e02\u6c11\u307e\u3064\u308a<\/span>\n            <span class=\"spot-tag\">\u51fa\u5e97<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"spot-card\">\n        <img decoding=\"async\" class=\"spot-img\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/250518-12-min-768x512-1.jpg\" alt=\"\u5b87\u90fd\u5bae\u30ab\u30af\u30c6\u30eb\">\n        <div class=\"spot-body\">\n          <div class=\"spot-num\">SPOT 04<\/div>\n          <h3 class=\"spot-title\">\u5b87\u90fd\u5bae\u30ab\u30af\u30c6\u30eb<\/h3>\n          <p class=\"spot-text\">\u300c\u30ab\u30af\u30c6\u30eb\u306e\u8857\u300d\u3068\u3057\u3066\u77e5\u3089\u308c\u308b\u5b87\u90fd\u5bae\u306e\u500b\u6027\u8c4a\u304b\u306a\u30d0\u30fc\u5de1\u308a\u3002\u6d74\u8863\u3067\u7acb\u3061\u5bc4\u308c\u3070\u7279\u5225\u306a\u3072\u3068\u3068\u304d\u306b\u3002<\/p>\n          <div class=\"spot-tags\">\n            <span class=\"spot-tag\">\u5927\u4eba\u306e\u591c<\/span>\n            <span class=\"spot-tag\">\u8857\u306a\u304b<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"spot-card\">\n        <img decoding=\"async\" class=\"spot-img\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/250518-min-2-768x512-1.jpg\" alt=\"\u30d3\u30a2\u30ac\u30fc\u30c7\u30f3\">\n        <div class=\"spot-body\">\n          <div class=\"spot-num\">SPOT 05<\/div>\n          <h3 class=\"spot-title\">\u30d3\u30a2\u30ac\u30fc\u30c7\u30f3<\/h3>\n          <p class=\"spot-text\">\u958b\u653e\u611f\u305f\u3063\u3077\u308a\u306e\u5c4b\u4e0a\u3084\u30c6\u30e9\u30b9\u3067\u697d\u3057\u3080\u5b87\u90fd\u5bae\u306e\u590f\u306e\u5b9a\u756a\u3002\u30ab\u30c3\u30d7\u30eb\u30fb\u30b0\u30eb\u30fc\u30d7\u306b\u3082\u304a\u3059\u3059\u3081\u3002<\/p>\n          <div class=\"spot-tags\">\n            <span class=\"spot-tag\">\u5915\u6dbc\u307f<\/span>\n            <span class=\"spot-tag\">\u30b0\u30eb\u30fc\u30d7<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"spot-card\">\n        <img decoding=\"async\" class=\"spot-img\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/wakatake-768x512-1.jpg\" alt=\"\u82e5\u7af9\u306e\u675c\">\n        <div class=\"spot-body\">\n          <div class=\"spot-num\">SPOT 06<\/div>\n          <h3 class=\"spot-title\">\u82e5\u7af9\u306e\u675c<\/h3>\n          <p class=\"spot-text\">\u5e83\u5927\u306a\u6577\u5730\u306b\u5e83\u304c\u308b\u7f8e\u3057\u3044\u7af9\u6797\u3002\u6d74\u8863\u3068\u306e\u76f8\u6027\u3082\u629c\u7fa4\u3067\u3001\u9759\u304b\u3067\u795e\u79d8\u7684\u306a\u7a7a\u9593\u3067\u7279\u5225\u306a\u6642\u9593\u3092\u904e\u3054\u305b\u307e\u3059\u3002\u62b9\u8336\u51e6\u3067\u4e00\u670d\u3082\u304a\u3059\u3059\u3081\u3002<\/p>\n          <div class=\"spot-tags\">\n            <span class=\"spot-tag\">\u7af9\u6797<\/span>\n            <span class=\"spot-tag\">SNS\u6620\u3048<\/span>\n            <span class=\"spot-tag\">\u62b9\u8336<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div style=\"text-align:center; margin-top:48px;\">\n      <a href=\"\/yukata\/reserve\/\" class=\"btn btn-primary btn-large\">\u6d74\u8863\u3092\u4e88\u7d04\u3059\u308b<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========== GALLERY ========== -->\n<section class=\"gallery\">\n  <div class=\"wrap\">\n    <div class=\"section-eyebrow\">GALLERY<\/div>\n    <h2 class=\"section-title\">\u6d74\u8863\u306e\u3042\u308b\u3001\u5b87\u90fd\u5bae\u306e\u590f<\/h2>\n\n    <div class=\"gallery-grid\">\n      <img decoding=\"async\" class=\"tall\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/250601_2562.jpg\" alt=\"\u6d74\u8863\u59ff1\">\n      <img decoding=\"async\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/250610_3464-768x512-1-1.jpg\" alt=\"\u6d74\u8863\u59ff2\">\n      <img decoding=\"async\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/2504219737.jpg\" alt=\"\u6d74\u8863\u59ff3\">\n      <img decoding=\"async\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/250613_5798.jpg\" alt=\"\u6d74\u8863\u59ff4\">\n      <img decoding=\"async\" class=\"wide\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/260515_9827-1.jpg\" alt=\"\u6d74\u8863\u59ff5\">\n      <img decoding=\"async\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/250721_1114.jpg\" alt=\"\u6d74\u8863\u59ff6\">\n      <img decoding=\"async\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/250610_3942.jpg\" alt=\"\u6d74\u8863\u59ff7\">\n      <img decoding=\"async\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/260515_9205.jpg\" alt=\"\u6d74\u8863\u59ff8\">\n      <img decoding=\"async\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/250629_8505.jpg\" alt=\"\u6d74\u8863\u59ff9\">\n      <img decoding=\"async\" src=\"https:\/\/shanari.com\/yukata\/wp-content\/uploads\/2026\/05\/250607_2943.jpg\" alt=\"\u6d74\u8863\u59ff10\">\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     \u2191 \u3053\u3053\u307e\u3067\u300c\u4e0a\u30d6\u30ed\u30c3\u30af (part1)\u300d\u3002HERO \u301c GALLERY \u307e\u3067\u3002\n     \u2193 \u3053\u306e\u76f4\u4e0b\u306b WordPress \u30a8\u30c7\u30a3\u30bf\u3067\u4ee5\u4e0b\u306e\u9806\u306b\u8ffd\u52a0\u3057\u3066\u304f\u3060\u3055\u3044:\n       1. \u30ab\u30b9\u30bf\u30e0HTML\u30d6\u30ed\u30c3\u30af \u2192 yukata_lp_for_wp_part2_top.html\n          \uff08INFO + FINAL CTA + RESERVATION \u898b\u51fa\u3057\uff09\n       2. \u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af \u2192 [monthly_calendar id=\"1255\"]\n       3. \u30ab\u30b9\u30bf\u30e0HTML\u30d6\u30ed\u30c3\u30af \u2192 yukata_lp_for_wp_part2_bottom.html\n          \uff08Sticky CTA \u306e\u307f\u30fb\u30b9\u30de\u30db\u4e0b\u90e8\u56fa\u5b9a\u30dc\u30bf\u30f3\uff09\n============================================================ -->\n\n\n<!--\n========================================================================\n\u6d74\u8863LP - WP\u8cbc\u4ed8\u7528\u30fb\u4e2d\u30d6\u30ed\u30c3\u30af\uff08INFO + FINAL CTA + RESERVATION \u898b\u51fa\u3057\uff09\n2026-05-17 \u66f4\u65b0\uff08\u4e88\u7d04\u30d5\u30a9\u30fc\u30e0\u3092\u6700\u4e0b\u90e8\u3078\u79fb\u52d5\uff09\n- \u3053\u306e\u30d6\u30ed\u30c3\u30af\u306e\u76f4\u5f8c\u306b\u300c\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u300d\u3067\u4e88\u7d04\u30ab\u30ec\u30f3\u30c0\u30fc\u3092\u633f\u5165\n========================================================================\n-->\n\n<!-- ========== INFO ========== -->\n<section class=\"info\">\n  <div class=\"wrap\">\n    <div class=\"section-eyebrow\">INFO &amp; FAQ<\/div>\n    <h2 class=\"section-title\">\u5e97\u8217\u60c5\u5831\u30fb\u3088\u304f\u3042\u308b\u3054\u8cea\u554f<\/h2>\n\n    <div class=\"info-grid\">\n      <div class=\"info-block\">\n        <h3>\u5e97\u8217\u60c5\u5831\u30fb\u30a2\u30af\u30bb\u30b9<\/h3>\n        <table class=\"info-table\">\n          <tr><th>\u5e97\u8217\u540d<\/th><td>KIMONO \u3057\u3083\u306a\u308a\uff08\u682a\u5f0f\u4f1a\u793e\u798f\u7530\u5c4b\u5449\u670d\u5e97\uff09<\/td><\/tr>\n          <tr><th>\u4f4f\u6240<\/th><td>\u3012320-0811 \u6803\u6728\u770c\u5b87\u90fd\u5bae\u5e02\u5927\u901a\u308a1-1-19 <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=%E6%A0%83%E6%9C%A8%E7%9C%8C%E5%AE%87%E9%83%BD%E5%AE%AE%E5%B8%82%E5%A4%A7%E9%80%9A%E3%82%8A1-1-19\" target=\"_blank\" rel=\"noopener\" class=\"map-link\">\uff08Google\u30de\u30c3\u30d7\uff09<\/a><br><small class=\"info-access\">JR\u300c\u5b87\u90fd\u5bae\u99c5\u300d\u897f\u53e3\u3088\u308a \u5f92\u6b69\u7d0410\u5206\uff0f\u6771\u6b66\u5b87\u90fd\u5bae\u7dda\u300c\u6771\u6b66\u5b87\u90fd\u5bae\u99c5\u300d\u6771\u53e3\u3088\u308a \u5f92\u6b69\u7d0410\u5206<\/small><\/td><\/tr>\n          <tr><th>\u304a\u8eca<\/th><td><strong>\u99d0\u8eca\u5834\uff08\u3054\u6765\u5e97\u6642\u306e\u307f\u3054\u5229\u7528\u53ef\uff09<\/strong><br>KIMONO\u3057\u3083\u306a\u308a\u99d0\u8eca\u5834\uff087\u53f0\uff09\uff0f\u30b9\u30bf\u30b8\u30aa\u304b\u308c\u3093\u5b87\u90fd\u5bae\u5927\u901a\u308a\u5e97\u99d0\u8eca\u5834\uff0810\u53f0\uff09\uff0f\u63d0\u643a\u30b3\u30a4\u30f3\u30d1\u30fc\u30ad\u30f3\u30b0\u300c\u30bf\u30a4\u30e0\u30ba\u5b87\u90fd\u5bae\u4ef2\u753a\u300d\uff08\u99d0\u8eca\u5238\u3042\u308a\uff09<br><small class=\"info-access\">\u203b\u99d0\u8eca\u5834\u306f\u3054\u6765\u5e97\u6642\u306e\u307f\u306e\u3054\u5229\u7528\u3068\u306a\u308a\u307e\u3059\u3002\u304a\u3067\u304b\u3051\uff08\u8857\u6b69\u304d\u30fb\u89b3\u5149\u30fb\u82b1\u706b\u5927\u4f1a\u306a\u3069\uff09\u306e\u969b\u306f\u3001\u8fd1\u96a3\u306e\u30b3\u30a4\u30f3\u30d1\u30fc\u30ad\u30f3\u30b0\u3092\u3054\u5229\u7528\u304f\u3060\u3055\u3044\u3002<\/small><\/td><\/tr>\n          <tr><th>\u96fb\u8a71<\/th><td><a href=\"tel:0286224329\" class=\"tel-link\">028-622-4329<\/a><\/td><\/tr>\n          <tr><th>\u55b6\u696d\u6642\u9593<\/th><td>10:00\u301c18:30<\/td><\/tr>\n          <tr><th>\u5b9a\u4f11\u65e5<\/th><td>\u6c34\u30fb\u6728\u66dc\u65e5<\/td><\/tr>\n        <\/table>\n      <\/div>\n\n      <div class=\"info-block\">\n        <h3>\u3088\u304f\u3042\u308b\u3054\u8cea\u554f<\/h3>\n        <details class=\"faq-item\">\n          <summary class=\"faq-q\">\u4e88\u7d04\u306a\u3057\u3067\u3082\u5f53\u65e5\u30ec\u30f3\u30bf\u30eb\u3067\u304d\u307e\u3059\u304b\uff1f<\/summary>\n          <p class=\"faq-a\">\u6df7\u96d1\u6642\u306f\u304a\u5f85\u305f\u305b\u3059\u308b\u5834\u5408\u304c\u3042\u308b\u305f\u3081\u3001\u4e8b\u524d\u306e\u3054\u4e88\u7d04\u3092\u304a\u3059\u3059\u3081\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n        <\/details>\n        <details class=\"faq-item\">\n          <summary class=\"faq-q\">\u6301\u3061\u7269\u306f\u4f55\u304c\u5fc5\u8981\u3067\u3059\u304b\uff1f<\/summary>\n          <p class=\"faq-a\">\u6d74\u8863\u30fb\u5e2f\u30fb\u4e0b\u99c4\u30fb\u5c0f\u7269\u307e\u3067\u4e00\u5f0f\u304a\u8cb8\u51fa\u3057\u3044\u305f\u3057\u307e\u3059\u306e\u3067\u3001\u624b\u3076\u3089\u3067OK\u3002\u5f53\u65e5\u306e\u304a\u8377\u7269\u3082\u304a\u9810\u304b\u308a\u3057\u307e\u3059\u3002<\/p>\n        <\/details>\n        <details class=\"faq-item\">\n          <summary class=\"faq-q\">\u96e8\u304c\u964d\u3063\u305f\u3089\uff1f\u30ad\u30e3\u30f3\u30bb\u30eb\u306f\u3067\u304d\u307e\u3059\u304b\uff1f<\/summary>\n          <p class=\"faq-a\">\u6765\u5e97\u524d\u306e\u30ad\u30e3\u30f3\u30bb\u30eb\u306f\u7121\u6599\u3067\u3059\u3002\u5f53\u65e5\u306e\u5929\u5019\u306b\u3088\u308b\u632f\u66ff\u3082\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n        <\/details>\n        <details class=\"faq-item\">\n          <summary class=\"faq-q\">\u8fd4\u5374\u6642\u9593\u306f\u3044\u3064\u307e\u3067\u3067\u3059\u304b\uff1f<\/summary>\n          <p class=\"faq-a\">\u5f53\u65e5\u306e\u55b6\u696d\u6642\u9593\u5185\uff0818:30\u307e\u3067\uff09\u306e\u3054\u8fd4\u5374\u3092\u304a\u9858\u3044\u3057\u3066\u3044\u307e\u3059\u3002\u7fcc\u65e5\u8fd4\u5374\u30d7\u30e9\u30f3\u3082\u3054\u76f8\u8ac7\u53ef\u80fd\u3067\u3059\u3002<\/p>\n        <\/details>\n        <details class=\"faq-item\">\n          <summary class=\"faq-q\">\u30b5\u30a4\u30ba\u306f\u5927\u4e08\u592b\u3067\u3057\u3087\u3046\u304b\uff1f<\/summary>\n          <div class=\"faq-a\">\n            <p style=\"margin:0 0 10px;\">\u5e45\u5e83\u3044\u30b5\u30a4\u30ba\u3092\u3054\u7528\u610f\u3057\u3066\u3044\u307e\u3059\u3002\u76ee\u5b89\u306f\u4e0b\u8a18\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\n            <div class=\"size-table-wrap\">\n              <table class=\"size-table\">\n                <thead>\n                  <tr>\n                    <th><\/th>\n                    <th>\u8eab\u9577<\/th>\n                    <th>\u30d2\u30c3\u30d7<\/th>\n                  <\/tr>\n                <\/thead>\n                <tbody>\n                  <tr><th>\u30ec\u30c7\u30a3\u30fc\u30b9\uff08FREE\uff09<\/th><td>150\u301c168cm<\/td><td>105cm\u672a\u6e80<\/td><\/tr>\n                  <tr><th>\u30e1\u30f3\u30ba\uff08M\uff09<\/th><td>160\u301c165cm<\/td><td>115cm\u672a\u6e80<\/td><\/tr>\n                  <tr><th>\u30e1\u30f3\u30ba\uff08L\uff09<\/th><td>165\u301c175cm<\/td><td>115cm\u672a\u6e80<\/td><\/tr>\n                  <tr><th>\u30e1\u30f3\u30ba\uff08LL\uff09<\/th><td>175\u301c185cm<\/td><td>115cm\u672a\u6e80<\/td><\/tr>\n                <\/tbody>\n              <\/table>\n            <\/div>\n            <p style=\"margin:10px 0 0; font-size:12px; color:var(--muted);\">\u203b\u76ee\u5b89\u306b\u3042\u3066\u306f\u307e\u3089\u306a\u3044\u65b9\u3082\u3001\u7740\u4ed8\u3051\u3067\u3042\u308b\u7a0b\u5ea6\u8abf\u6574\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n          <\/div>\n        <\/details>\n        <details class=\"faq-item\">\n          <summary class=\"faq-q\">\u30d8\u30a2\u30bb\u30c3\u30c8\u3084\u30e1\u30a4\u30af\u3082\u3067\u304d\u307e\u3059\u304b\uff1f<\/summary>\n          <p class=\"faq-a\">\u300c10\u5206\u30af\u30a4\u30c3\u30af\u30d8\u30a2\u30bb\u30c3\u30c8\uff08\u9aea\u98fe\u308a\u4ed8\uff09\u300d\u3092\u30aa\u30d7\u30b7\u30e7\u30f3\uff08+1,500\u5186\uff09\u3067\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u30e1\u30a4\u30af\u306e\u30b5\u30fc\u30d3\u30b9\u306f\u884c\u3063\u3066\u304a\u308a\u307e\u305b\u3093\u306e\u3067\u3001\u4e8b\u524d\u306b\u304a\u6e08\u307e\u305b\u306e\u3046\u3048\u304a\u8d8a\u3057\u304f\u3060\u3055\u3044\u3002<\/p>\n        <\/details>\n        <details class=\"faq-item\">\n          <summary class=\"faq-q\">\u8377\u7269\u306f\u9810\u304b\u3063\u3066\u3082\u3089\u3048\u307e\u3059\u304b\uff1f<\/summary>\n          <p class=\"faq-a\">\u6d74\u8863\u30ec\u30f3\u30bf\u30eb\u3054\u5229\u7528\u306e\u304a\u5ba2\u69d8\u306e\u304a\u7740\u66ff\u3048\u3084\u304a\u8377\u7269\u306f\u3001\u55b6\u696d\u6642\u9593\u5185\u3067\u3042\u308c\u3070\u7121\u6599\u3067\u304a\u9810\u304b\u308a\u3044\u305f\u3057\u307e\u3059\u3002\u82b1\u706b\u5927\u4f1a\u3084\u304a\u796d\u308a\u306a\u3069\u6df7\u96d1\u65e5\u306f\u5bfe\u5fdc\u3067\u304d\u304b\u306d\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\u8cb4\u91cd\u54c1\u306f\u3054\u81ea\u8eab\u3067\u7ba1\u7406\u3092\u304a\u9858\u3044\u3057\u307e\u3059\u3002<\/p>\n        <\/details>\n        <details class=\"faq-item\">\n          <summary class=\"faq-q\">\u6c5a\u3057\u3066\u3057\u307e\u3063\u305f\u5834\u5408\u306f\uff1f<\/summary>\n          <p class=\"faq-a\">\u901a\u5e38\u306e\u7740\u7528\u306b\u3088\u308b\u6c5a\u308c\uff08\u6ce5\u306f\u306d\u30fb\u98df\u3079\u3053\u307c\u3057\u7b49\uff09\u306f\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u4ee3\u8fbc\u307f\u3067\u8ffd\u52a0\u6599\u91d1\u306f\u3044\u305f\u3060\u304d\u307e\u305b\u3093\u3002\u4fee\u5fa9\u4e0d\u53ef\u80fd\u306a\u6c5a\u308c\u3084\u7834\u640d\u306e\u5834\u5408\u306f\u3001\u5225\u9014\u4fee\u7e55\u8cbb\u307e\u305f\u306f\u5f01\u511f\u91d1\u3092\u3044\u305f\u3060\u304f\u5834\u5408\u304c\u3054\u3056\u3044\u307e\u3059\u3002<\/p>\n        <\/details>\n        <details class=\"faq-item\">\n          <summary class=\"faq-q\">\u30b9\u30de\u30db\u3067\u5199\u771f\u3092\u64ae\u3063\u3066\u3082\u3089\u3048\u307e\u3059\u304b\uff1f<\/summary>\n          <p class=\"faq-a\">\u306f\u3044\u3002\u304a\u5ba2\u69d8\u306e\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u3067\u30b9\u30bf\u30c3\u30d5\u304c\u64ae\u5f71\u3067\u304d\u307e\u3059\u3002\u304a\u6c17\u8efd\u306b\u304a\u7533\u3057\u4ed8\u3051\u304f\u3060\u3055\u3044\u3002<\/p>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========== FINAL CTA ========== -->\n<section class=\"final-cta\">\n  <h2>\u4eca\u5e74\u3082\u6700\u9ad8\u306e\u590f<\/h2>\n  <p>\u304a\u65e9\u3081\u306e\u3054\u4e88\u7d04\u304c\u304a\u3059\u3059\u3081\u3067\u3059\u3002<\/p>\n  <a href=\"\/yukata\/reserve\/\" class=\"btn btn-primary btn-large\">\u6d74\u8863\u30ec\u30f3\u30bf\u30eb\u3092\u4e88\u7d04\u3059\u308b<\/a>\n<\/section>\n\n\n\n<!--\n========================================================================\n\u6d74\u8863LP - WP\u8cbc\u4ed8\u7528\u30fb\u4e0b\u30d6\u30ed\u30c3\u30af\uff08Sticky CTA \u306e\u307f\uff09\n2026-05-17 \u4f5c\u6210\n- \u30b9\u30de\u30db\u3067\u4e0b\u90e8\u56fa\u5b9a\u306e\u4e88\u7d04\u30dc\u30bf\u30f3\n- \u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u306e\u76f4\u5f8c\uff08\u30da\u30fc\u30b8\u672b\u5c3e\uff09\u306b\u8cbc\u308a\u4ed8\u3051\n========================================================================\n-->\n\n<!-- Sticky CTA (mobile only) -->\n<div class=\"sticky-cta is-transparent\">\n  <a href=\"\/yukata\/reserve\/\">\u6d74\u8863\u30ec\u30f3\u30bf\u30eb\u3092\u4e88\u7d04\u3059\u308b<\/a>\n<\/div>\n\n<script>\n\/\/ HERO\u304c\u30d3\u30e5\u30fc\u5185\u306e\u3068\u304d\u306fStickyCTA\u3092\u900f\u660e\u306b\u3001\u5916\u308c\u305f\u3089\u767d\u80cc\u666f\u306b\n(function(){\n  var hero = document.querySelector('.hero');\n  var cta = document.querySelector('.sticky-cta');\n  if (!hero || !cta || !('IntersectionObserver' in window)) {\n    if (cta) cta.classList.remove('is-transparent');\n    return;\n  }\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(entry){\n      if (entry.intersectionRatio > 0.4) {\n        cta.classList.add('is-transparent');\n      } else {\n        cta.classList.remove('is-transparent');\n      }\n    });\n  }, { threshold: [0, 0.4, 1] });\n  io.observe(hero);\n\n  \/\/ FINAL CTA\u304c\u30d3\u30e5\u30fc\u5185\u306b\u5165\u3063\u305f\u3089Sticky\u3092\u975e\u8868\u793a\uff08\u30dc\u30bf\u30f3\u304c\u91cd\u306a\u308b\u305f\u3081\uff09\n  var finalCta = document.querySelector('.final-cta');\n  if (finalCta) {\n    var io4 = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if (entry.isIntersecting) {\n          cta.classList.add('is-hidden');\n        } else {\n          cta.classList.remove('is-hidden');\n        }\n      });\n    }, { threshold: 0.3 });\n    io4.observe(finalCta);\n  }\n})();\n\n\/\/ SPOTS\u306e\u6a2a\u30b9\u30ef\u30a4\u30d7\u30b9\u30e9\u30a4\u30c9\u3092\u81ea\u52d5\u3067\u3086\u3063\u304f\u308a\u6a2a\u30b9\u30af\u30ed\u30fc\u30eb\uff08\u30b9\u30de\u30db\u306e\u307f\u30fbiPhone\u5bfe\u5fdc\uff09\nfunction initAutoScroll(){\n  var grid = document.querySelector('.spots .spot-grid');\n  if (!grid) return;\n  if (!window.matchMedia('(max-width: 768px)').matches) return;\n\n  \/\/ iPhone Safari \u306e\u6163\u6027\u30b9\u30af\u30ed\u30fc\u30eb\u7121\u52b9\u5316\uff08JS\u304b\u3089\u306e scrollLeft \u4ee3\u5165\u3092\u78ba\u5b9f\u306b\u53cd\u6620\uff09\n  grid.style.webkitOverflowScrolling = 'auto';\n  grid.style.scrollSnapType = 'none';\n\n  var paused = false;\n  var resumeTimer;\n  function pauseTemp(){\n    paused = true;\n    clearTimeout(resumeTimer);\n    resumeTimer = setTimeout(function(){ paused = false; }, 2500);\n  }\n  grid.addEventListener('touchstart', pauseTemp, { passive: true });\n\n  var pos = 0;\n  function tick(){\n    if (!paused) {\n      var max = grid.scrollWidth - grid.clientWidth;\n      if (max > 0) {\n        pos = grid.scrollLeft + 0.5;\n        if (pos >= max) pos = 0;\n        grid.scrollLeft = pos;\n      }\n    }\n    requestAnimationFrame(tick);\n  }\n  requestAnimationFrame(tick);\n}\n\nif (document.readyState === 'complete') {\n  initAutoScroll();\n} else {\n  window.addEventListener('load', initAutoScroll);\n}\n\n\/\/ \u30ae\u30e3\u30e9\u30ea\u30fc: \u753b\u50cf\u3092\u30e9\u30f3\u30c0\u30e0\u306b\u4e26\u3079\u66ff\u3048\uff0b\u30af\u30ea\u30c3\u30af\u3067\u30e9\u30a4\u30c8\u30dc\u30c3\u30af\u30b9\u62e1\u5927\u8868\u793a\n(function(){\n  var gallery = document.querySelector('.gallery-grid');\n  if (!gallery) return;\n  \/\/ \u753b\u50cf\u3092\u30e9\u30f3\u30c0\u30e0\u30b7\u30e3\u30c3\u30d5\u30eb\uff08DOM\u9806\u5e8f\u3092\u5165\u308c\u66ff\u3048\uff09\n  var imgs = Array.from(gallery.querySelectorAll('img'));\n  for (var i = imgs.length - 1; i > 0; i--) {\n    var j = Math.floor(Math.random() * (i + 1));\n    if (i !== j) gallery.insertBefore(imgs[i], imgs[j]);\n  }\n  var images = Array.from(gallery.querySelectorAll('img'));\n  if (!images.length) return;\n\n  var lb = document.createElement('div');\n  lb.className = 'lightbox';\n  lb.setAttribute('aria-hidden', 'true');\n  lb.innerHTML =\n    '<img class=\"lightbox-img\" alt=\"\">' +\n    '<button class=\"lightbox-close\" aria-label=\"\u9589\u3058\u308b\">\u00d7<\/button>' +\n    '<button class=\"lightbox-prev\" aria-label=\"\u524d\u3078\">\u2039<\/button>' +\n    '<button class=\"lightbox-next\" aria-label=\"\u6b21\u3078\">\u203a<\/button>';\n  document.body.appendChild(lb);\n\n  var lbImg = lb.querySelector('.lightbox-img');\n  var closeBtn = lb.querySelector('.lightbox-close');\n  var prevBtn = lb.querySelector('.lightbox-prev');\n  var nextBtn = lb.querySelector('.lightbox-next');\n  var currentIdx = 0;\n\n  function open(idx){\n    currentIdx = idx;\n    lbImg.src = images[idx].src;\n    lbImg.alt = images[idx].alt || '';\n    lb.classList.add('is-open');\n    lb.setAttribute('aria-hidden', 'false');\n    document.body.style.overflow = 'hidden';\n  }\n  function close(){\n    lb.classList.remove('is-open');\n    lb.setAttribute('aria-hidden', 'true');\n    document.body.style.overflow = '';\n  }\n  function move(delta){\n    currentIdx = (currentIdx + delta + images.length) % images.length;\n    lbImg.src = images[currentIdx].src;\n    lbImg.alt = images[currentIdx].alt || '';\n  }\n\n  images.forEach(function(im, i){\n    im.addEventListener('click', function(){ open(i); });\n  });\n  closeBtn.addEventListener('click', close);\n  prevBtn.addEventListener('click', function(e){ e.stopPropagation(); move(-1); });\n  nextBtn.addEventListener('click', function(e){ e.stopPropagation(); move(1); });\n  lb.addEventListener('click', function(e){\n    if (e.target === lb || e.target === lbImg) close();\n  });\n  document.addEventListener('keydown', function(e){\n    if (!lb.classList.contains('is-open')) return;\n    if (e.key === 'Escape') close();\n    else if (e.key === 'ArrowLeft') move(-1);\n    else if (e.key === 'ArrowRight') move(1);\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u5b87\u90fd\u5bae\u306e\u590f\u3092\u3001\u3082\u3063\u3068\u697d\u3057\u304f\u3002\u5275\u696d158\u5e74\u306e\u8001\u8217\u5449\u670d\u5e97\u304c\u904b\u55b6\u3059\u308b\u6d74\u8863\u30ec\u30f3\u30bf\u30eb\u3002\u624b\u3076\u3089\u3067OK\u30fb\u30d7\u30ed\u306e\u7740\u4ed8\u3051\u30fb120\u30bb\u30c3\u30c8\u4ee5\u4e0a\u304b\u3089\u9078\u3079\u308b\u3002\u30ec\u30c7\u30a3\u30fc\u30b95,800\u5186\u301c\u30022026\u5e746\u67081\u65e5 \u4e88\u7d04\u30b9\u30bf\u30fc\u30c8\u3002<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-yukata-lp.php","meta":{"swell_btn_cv_data":"","footnotes":""},"class_list":["post-2375","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shanari.com\/yukata\/en\/wp-json\/wp\/v2\/pages\/2375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shanari.com\/yukata\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shanari.com\/yukata\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shanari.com\/yukata\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shanari.com\/yukata\/en\/wp-json\/wp\/v2\/comments?post=2375"}],"version-history":[{"count":112,"href":"https:\/\/shanari.com\/yukata\/en\/wp-json\/wp\/v2\/pages\/2375\/revisions"}],"predecessor-version":[{"id":2528,"href":"https:\/\/shanari.com\/yukata\/en\/wp-json\/wp\/v2\/pages\/2375\/revisions\/2528"}],"wp:attachment":[{"href":"https:\/\/shanari.com\/yukata\/en\/wp-json\/wp\/v2\/media?parent=2375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}