/*
Theme Name: HAIRWORKS KOME
Author: HAIRWORKS KOME
Description: 黄色と深緑、太めの文字と大きな写真を使ったシンプルなデザイン。1席だけの小さな美容室のためのオリジナルテーマ。外観 → カスタマイズから文章・画像・料金・営業時間・予約URLを編集できます。
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hairworks-kome
Tags: custom-colors, custom-logo, custom-menu, featured-images, one-column
*/
:root{--green:#234736;--yellow:#e7cd5d;--paper:#faf5e7;--ink:#234736;--muted:#6a7168;--line:#b6bcae}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:14px;line-height:1.9}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0}img{max-width:100%}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #9b623d;outline-offset:5px}.sample-bar{display:none}.header{width:calc(100% - 80px);max-width:1280px;margin:auto;min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--green)}.header nav{display:flex;align-items:center;gap:26px;font-family:"Courier New",monospace;font-size:11px;font-weight:700;letter-spacing:.6px}.header nav>a:hover,.kome-nav-list a:hover{text-decoration:underline;text-underline-offset:5px}.kome-nav-list{list-style:none;display:flex;gap:26px;padding:0;margin:0}.book,.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:47px;padding:12px 23px;background:var(--green);color:var(--paper);border:1px solid var(--green);font-size:11px;letter-spacing:.8px;font-weight:500;transition:background .2s,color .2s}.book{background:transparent;color:var(--green);min-height:40px;padding:8px 18px;gap:18px}.book:hover,.primary:hover{background:var(--yellow);color:var(--green)}.primary span,.book span{font-size:17px}.instagram-link{display:inline-flex;align-items:center;gap:10px;line-height:1.35;transition:opacity .2s}.instagram-link:hover{opacity:.6}.instagram-link>svg{width:22px;height:22px;flex-shrink:0}.instagram-link>span:not(.ig-arrow){display:flex;flex-direction:column;gap:3px}.instagram-link small{font-family:"Courier New",monospace;font-size:8px;letter-spacing:1.3px}.instagram-link strong{font-size:11px;font-weight:500}.ig-arrow{font-size:17px}.instagram-footer{display:flex;width:max-content;margin:0 auto 30px}.hero{max-width:1120px;margin:auto;padding:59px 0 35px}.hero-copy{text-align:center}.eyebrow{font-family:"Courier New",monospace;font-size:10px;letter-spacing:2px;font-weight:600}.hero h1{font-family:"Courier New",monospace;font-size:clamp(65px,9.5vw,128px);line-height:.98;letter-spacing:-6px;font-weight:900;margin:27px 0 25px}.hero-desc{font-size:12px;line-height:2.1;letter-spacing:2px;margin:0 0 40px}.hero-photo{margin:0}.hero-photo>img{display:block;width:100%;height:auto;aspect-ratio:1.68;object-fit:cover;object-position:50% 53%}.hero-photo figcaption{font-size:9px;color:var(--muted);margin:10px 0 0;letter-spacing:1px}.hero-action{display:flex;justify-content:center;margin-top:26px}.section{max-width:1120px;margin:auto;padding:83px 0}.section-tag{font-family:"Courier New",monospace;font-size:10px;font-weight:700;letter-spacing:2px;border-top:1px solid var(--green);padding-top:15px}.about-layout{max-width:640px;margin:38px auto 0}.about-copy{text-align:center}.about-copy h2{font-size:27px;line-height:1.8;letter-spacing:2px;font-weight:600;margin:15px 0 26px}.about-copy p:not(.eyebrow){font-size:12px;line-height:2.4;letter-spacing:.7px;margin:22px 0}.copy-note{font-size:9px;color:var(--muted)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:45px;border-top:1px solid var(--green);padding-top:18px;margin-bottom:36px}.section h2{font-family:"Courier New",monospace;font-weight:700;font-size:43px;line-height:1.15;letter-spacing:-1px;margin:12px 0 0}.about.section h2,.visit.section h2{font-family:inherit;font-size:28px;line-height:1.8;letter-spacing:2px}.section-intro{font-size:11px;line-height:2;letter-spacing:.6px;max-width:370px}.section-intro p{margin:0}.section-intro .section-lead{font-size:16px;font-weight:500;margin-bottom:7px}.spa-section{padding-top:30px;padding-bottom:45px}.spa-poster{position:relative;overflow:hidden;background:var(--green);aspect-ratio:2.1}.spa-poster>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 43%;opacity:.65}.spa-poster>span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fffef6;font-size:15px;letter-spacing:2px;padding:25px;line-height:2.1;background:#0c211526}.spa-poster small{font-size:10px;letter-spacing:1px}.spa-player{position:relative;aspect-ratio:16/9;background:#111}.spa-player iframe{display:block;width:100%;height:100%;border:0}.video-direct-link{font-size:12px;text-decoration:underline;text-underline-offset:4px}.stylebook{padding-top:45px;padding-bottom:75px}.stylebook-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stylebook-preview>div{aspect-ratio:1;background:#e2e2d6;display:flex;align-items:flex-end;padding:15px}.stylebook-preview>div:nth-child(2n){background:#dedfd3}.stylebook-preview>div:nth-child(3n){background:#eae4cf}.stylebook-preview span{font-family:"Courier New",monospace;font-size:12px;color:#777e6e}.sample-caption{font-size:10px;color:var(--muted);margin:16px 0 22px}.simple-link{font-size:11px;border-bottom:1px solid var(--green);padding-bottom:6px;letter-spacing:.5px}.stylebook-fallback{border:1px solid var(--line);padding:45px 25px;text-align:center}.stylebook-fallback>p{font-size:12px;margin:0 0 23px}.stylebook #sb_instagram{width:100%!important}.stylebook #sb_instagram img{border-radius:0}.menu-section{padding-top:30px}.menu-section>.section-tag{border-top:0;padding-top:0;display:none}.menu-section .section-heading{margin-bottom:30px}.scissor{display:none}.menu-categories{border-top:1px solid var(--green)}.menu-category{border-bottom:1px solid var(--line)}.menu-category>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:24px 0}.menu-category>summary::-webkit-details-marker{display:none}.menu-category>summary strong{font-family:"Courier New",monospace;font-size:23px;font-weight:700;letter-spacing:-.6px}.menu-category>summary small{display:block;font-size:10px;letter-spacing:1px;margin-top:3px}.menu-toggle{font-size:23px;transition:transform .15s}.menu-category[open] .menu-toggle{transform:rotate(45deg)}.menu-items{padding-bottom:22px}.service-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;border-top:1px solid #d6d8c9;padding:18px 0}.service-row h3{font-size:12px;font-weight:500;margin:0}.service-row p{font-family:"Courier New",monospace;font-size:10px;letter-spacing:.4px;margin:3px 0 0;color:var(--muted)}.service-price{font-size:12px;white-space:nowrap;letter-spacing:.5px}.category-note,.menu-note{font-size:10px;line-height:2;color:var(--muted);margin:18px 0 0}.category-note:empty{display:none}.visit{padding-top:20px;padding-bottom:80px}.visit-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:34px}.visit-title .eyebrow{font-family:inherit;font-size:10px;letter-spacing:1px}.visit-title h2{margin-top:20px!important}.shop-name{font-family:"Courier New",monospace;font-size:22px;letter-spacing:-.5px;font-weight:700;margin:0}.shop-sub{font-size:10px;letter-spacing:1px;margin:6px 0 25px}.salon-details dl{margin:0}.salon-details dl>div{display:grid;grid-template-columns:105px 1fr;gap:15px;border-bottom:1px solid #c9cdbe;padding:16px 0}.salon-details dt{font-family:"Courier New",monospace;font-size:10px;letter-spacing:.5px}.salon-details dd{font-size:11px;margin:0;overflow-wrap:anywhere}.details-note{font-size:9px;color:var(--muted);line-height:2;margin-top:20px}.reservation{background:var(--yellow);text-align:center;padding:65px 20px 68px;color:var(--green)}.reserve-flower{display:none}.reservation h2{font-size:29px;line-height:1.7;letter-spacing:3px;font-weight:500;margin:17px 0 27px}.reservation .primary{min-width:240px}.reservation>p:last-child{font-size:10px;letter-spacing:1px;margin-top:23px}.mobile-only{display:none}footer{position:relative;text-align:center;max-width:1280px;padding:49px 40px 30px;margin:auto}.footer-wordmark{font-family:"Courier New",monospace;font-size:25px;letter-spacing:-1px;font-weight:700}footer>p{font-size:10px;letter-spacing:1px;margin:12px 0 27px}footer>small{display:block;border-top:1px solid var(--green);font-family:"Courier New",monospace;font-size:9px;letter-spacing:.5px;padding-top:19px}footer>small span{margin-left:15px;color:var(--muted)}.back-top{position:absolute;right:40px;top:50px;font-size:23px}.mobile-nav{display:none}.skip-link{position:absolute;top:-80px;left:16px;z-index:100;background:var(--yellow);color:var(--green);padding:10px 20px}.skip-link:focus{top:12px}.kome-content{min-height:50vh;max-width:900px}.kome-content article{margin-bottom:45px}.kome-content img,.kome-content video{max-width:100%;height:auto}.kome-content iframe{max-width:100%}.kome-content h1{line-height:1.6;letter-spacing:1px;font-size:32px}.kome-content a{text-decoration:underline;text-underline-offset:4px}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:12px}.sticky{border-bottom:1px solid var(--line)}.bypostauthor{font-weight:500}.alignleft{float:left;margin:0 20px 20px 0}.alignright{float:right;margin:0 0 20px 20px}.aligncenter{display:block;margin-inline:auto}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.kome-content:after{content:"";display:table;clear:both}dialog{background:var(--paper);color:var(--green);border:1px solid var(--green);padding:42px 30px 30px;max-width:min(90vw,470px)}dialog::backdrop{background:#162a21b0}dialog h2{font-size:23px}dialog p{font-size:12px;line-height:2}dialog .primary{margin-top:15px}.close-dialog{position:absolute;top:7px;right:14px;background:transparent;color:var(--green);font-size:27px}
@media(max-width:1200px){.hero,.section{margin-inline:6%;padding-inline:0}.header{width:88%}.header nav,.kome-nav-list{gap:18px}.visit-layout{gap:8%}.hero h1{font-size:10.5vw}}
@media(max-width:760px){.header nav,.kome-nav-list{gap:12px}.header nav>a{font-size:10px}.instagram-header>svg{width:19px;height:19px}.instagram-header small{font-size:7px}.instagram-header strong{font-size:10px}.instagram-header{gap:7px}.header .book{padding:8px 12px;gap:13px}.header .ig-arrow{display:none}.section-heading{gap:25px}.section h2{font-size:35px}.section-intro{max-width:290px}.visit-layout{grid-template-columns:1fr;gap:30px}.hero{padding-top:45px}.hero-photo>img{aspect-ratio:1.35}}
@media(max-width:640px){.header{min-height:79px;width:88%;gap:15px}.header nav>a,.kome-nav-list{display:none}.book{font-size:10px;min-height:39px}.hero{padding-top:38px;padding-bottom:25px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}.hero h1{font-size:clamp(44px,13.5vw,82px);letter-spacing:-2.8px;line-height:1.02;margin:23px 0}.hero-desc{font-size:10px;letter-spacing:1px;margin-bottom:30px;line-height:2}.hero-photo>img{aspect-ratio:1.02;object-position:50% 52%}.hero-photo figcaption{font-size:8px;letter-spacing:.6px;margin-top:8px}.hero-action{margin-top:21px}.primary{font-size:10px;min-height:44px;padding:10px 20px;gap:27px}.section{padding-top:48px;padding-bottom:48px}.section-tag{font-size:8px;letter-spacing:1.4px;padding-top:12px}.about-layout{margin-top:25px}.about-copy>.eyebrow{font-size:9px;letter-spacing:1px}.about.section h2,.visit.section h2{font-size:23px;letter-spacing:1px}.about-copy p:not(.eyebrow){font-size:11px;letter-spacing:.3px;line-height:2.2;margin:18px 0}.section-heading{display:block;padding-top:13px;margin-bottom:25px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.section h2{font-size:34px;margin-top:9px}.section-intro{font-size:10px;line-height:1.9;max-width:none;margin-top:20px}.section-intro .section-lead{font-size:13px;margin-bottom:7px}.spa-section{padding-top:10px;padding-bottom:29px}.spa-poster{aspect-ratio:1.4}.spa-poster>span{font-size:12px;letter-spacing:1px}.spa-poster small{font-size:9px}.stylebook{padding-top:25px;padding-bottom:44px}.stylebook-preview{grid-template-columns:repeat(2,1fr);gap:10px}.stylebook-preview>div{padding:10px}.stylebook-preview span{font-size:10px}.sample-caption{font-size:9px;line-height:1.9;margin-top:13px}.simple-link{font-size:10px}.stylebook-fallback{padding:30px 15px}.stylebook-fallback>p{font-size:10px}.menu-section{padding-top:10px}.menu-category>summary{padding:21px 0}.menu-category>summary strong{font-size:18px;letter-spacing:-.3px}.menu-category>summary small{font-size:9px}.service-row{padding:15px 0;gap:10px}.service-row h3{font-size:10px}.service-row p{font-size:8px;line-height:1.6}.service-price{font-size:10px;letter-spacing:0}.category-note,.menu-note{font-size:9px;line-height:1.9}.visit{padding-top:10px;padding-bottom:50px}.visit-layout{margin-top:26px}.visit-title>.eyebrow{font-size:9px}.visit-title h2{margin-top:14px!important}.shop-name{font-size:22px}.salon-details dl>div{grid-template-columns:90px 1fr;gap:14px;padding:15px 0}.salon-details dt{font-size:9px}.salon-details dd{font-size:10px}.reservation{padding:45px 20px 46px}.reservation h2{font-size:23px;letter-spacing:2px;margin:17px 0 23px}.reservation>.eyebrow{font-size:9px;letter-spacing:1.5px}.reservation>p:last-child{font-size:9px}.mobile-only{display:block}footer{padding:37px 6% 23px}.footer-wordmark{font-size:21px}footer>p{font-size:9px}footer>small{font-size:7px}.back-top{right:6%;top:31px;font-size:21px}.instagram-footer{margin-bottom:24px}.instagram-footer>svg{width:20px;height:20px}dialog{padding:38px 24px 28px}dialog p{font-size:11px}.kome-content h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}