/* 基本設定：色・フォント・幅の変更はここでまとめて行えます。 */
:root{--ivory:#f8f5ef;--paper:#fffdf9;--pink:#ead9d5;--rose:#9c716d;--greige:#e9e3da;--ink:#49443f;--muted:#756d65;--line:#d9d0c6;--serif:'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',serif;--sans:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;--english:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.95;-webkit-font-smoothing:antialiased;word-break:auto-phrase}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,summary{font:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500}h1,h2{font-family:var(--serif)}h2{font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.65;letter-spacing:.08em}p+p{margin-top:1.4em}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid var(--rose);outline-offset:6px}.container{width:min(1160px,calc(100% - 44px));margin-inline:auto}.section{padding-block:78px}.eyebrow{font-family:var(--english);font-size:1.15rem;line-height:1.4;font-style:italic;color:var(--rose);letter-spacing:.045em;margin-bottom:18px}.section-heading{margin-bottom:30px}.site-header{min-height:88px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);background:var(--ivory);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-name{font-family:var(--serif);font-size:1.45rem;letter-spacing:.12em;line-height:1.4}.brand-sub{display:block;font-family:var(--sans);font-size:.75rem;letter-spacing:.14em;margin-top:3px}.desktop-nav{display:none}.mobile-menu summary{list-style:none;font-family:var(--english);font-size:.95rem;cursor:pointer;padding:10px 0 10px 15px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{margin-left:10px}.mobile-menu nav{position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:16px 24px;box-shadow:0 12px 20px #49443f08}.mobile-menu nav a{display:block;padding:9px}.hero{padding-block:49px 30px}.hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.6;letter-spacing:.065em;white-space:nowrap}.hero-lead{font-family:var(--serif);font-size:1.2rem;letter-spacing:.06em;line-height:1.9;margin-top:20px}.hero-description{font-size:.94rem;line-height:2.05;margin-top:24px}.hero-actions{display:flex;gap:16px 22px;align-items:stretch;flex-wrap:wrap;margin-top:29px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:20px;min-height:52px;padding:12px 20px;font-size:.9rem;border:1px solid var(--rose);transition:background .2s}.button-primary{background:var(--rose);color:#fffdf9}.button-primary:hover{background:#845f5c}.text-link{display:inline-flex;align-items:center;min-height:52px;font-size:.9rem;color:var(--rose);border-bottom:1px solid var(--rose);padding-inline:2px;transition:color .2s,border-color .2s}.text-link span{margin-left:12px}.text-link:hover{color:#845f5c;border-color:#845f5c}.location{font-size:.8rem;color:var(--muted);letter-spacing:.1em;margin-top:25px}.hero-figure{margin-top:35px;position:relative}.hero-photo{position:relative;background:var(--pink);padding:14px}.hero-photo img{width:100%;height:auto;aspect-ratio:1474/1110;object-fit:contain}.hero-figure figcaption{display:flex;justify-content:space-between;gap:10px;padding-top:12px;font-size:.75rem;letter-spacing:.035em;color:var(--muted)}.figure-label{display:none;font-style:italic;font-family:var(--english)}.about{border-bottom:1px solid var(--line)}.about-copy{line-height:2.2}.desktop-break{display:none}.sp-break{display:inline}.site-footer{padding-block:35px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}.footer-brand{font-family:var(--serif);font-size:1.3rem}.footer-brand span{font-family:var(--sans);font-size:.75rem;margin-left:12px}.site-footer small{font-family:var(--english);font-size:.8rem;color:var(--muted)}.skip-link{position:absolute;left:12px;top:-80px;background:var(--paper);z-index:30;padding:10px}.skip-link:focus{top:12px}
@media(min-width:760px){.container{width:min(1160px,calc(100% - 88px))}.section{padding-block:104px}.site-header{padding:22px 44px}.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center;min-height:665px;padding-block:75px}.hero h1{font-size:clamp(2rem,3.6vw,3.25rem)}.hero-figure{margin-top:0}.button{gap:35px;padding-inline:24px}.hero-actions{column-gap:28px}.text-link span{margin-left:14px}.hero-photo{padding:28px}.hero-lead{font-size:1.3rem}.hero-description{font-size:.95rem}.hero-figure figcaption{padding-top:18px}.figure-label{display:block}.sp-break{display:none}.about{display:grid;grid-template-columns:1fr 1.3fr;gap:55px}.desktop-break{display:block}}
@media(min-width:1050px){.site-header{padding-inline:max(44px,calc((100vw - 1280px)/2))}.desktop-nav{display:flex;gap:28px;align-items:center;font-size:.85rem;letter-spacing:.04em}.nav-contact{background:var(--pink);padding:11px 20px}.nav-contact span{margin-left:18px}.mobile-menu{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* セクション共通 */
.section-intro{color:var(--muted);line-height:2;font-size:.95rem}.section-top{margin-bottom:34px}.section-top .section-heading{margin-bottom:20px}
/* サービス：共通の線画スプライト。白背景を multiply でなじませます。 */
.line-art{display:block;width:100px;height:100px;background-image:url('assets/sewing-icons.png');background-size:500% 200%;background-repeat:no-repeat;mix-blend-mode:multiply;flex-shrink:0}.art-bag{background-position:0 0}.art-kimono{background-position:25% 0}.art-school{background-position:50% 0}.art-sewing{background-position:75% 0}.art-pants{background-position:100% 0}.art-skirt{background-position:0 100%}.art-dress{background-position:25% 100%}.art-jacket{background-position:50% 100%}.art-shirt{background-position:75% 100%}.art-blouse{background-position:100% 100%}.service-grid{display:grid;grid-template-columns:1fr;gap:12px}.service-card{position:relative;background:#f1ebe2;padding:22px 22px 22px 16px;border-radius:3px;display:grid;grid-template-columns:88px 1fr;column-gap:18px;align-items:center}/* 01・03＝アイボリーベージュ／02・04＝ごく淡いピンクベージュ */.service-card:nth-child(even){background:#f2e5e0}.card-number{position:absolute;right:16px;top:10px;font-family:var(--english);font-size:.8rem;color:var(--muted)}.service-card .line-art{grid-row:1/3;width:88px;height:88px}.service-card h3{font-family:var(--serif);font-size:1.12rem;line-height:1.6;letter-spacing:.04em;align-self:end}.service-card p{font-size:.9rem;line-height:1.85;color:var(--muted);margin-top:6px;align-self:start}
/* 作品写真：切り抜きを避け、元の作品全体が見える比率で表示。 */
.works-band{background:#eee9e1}.work-categories{list-style:none;padding:0;margin:0 0 36px;display:flex;flex-wrap:wrap;gap:8px}.work-categories li{font-size:.84rem;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:2px;padding:3px 14px;line-height:1.9}.works-grid{display:grid;gap:52px}.work-photo{aspect-ratio:1474/1110;background:#f8f5ef;display:flex;align-items:center;justify-content:center;overflow:hidden}.work-photo img{width:100%;height:100%;object-fit:contain}/* 元画像が小さい写真（320px）も、ほかの作品と同じく枠いっぱいに表示。上下を少し切り取ります。 */.work-photo-small img{width:100%;height:100%;object-fit:cover;object-position:center}.work-card figcaption{padding-top:19px}.work-tag{font-size:.78rem;letter-spacing:.04em;color:var(--muted)}.work-tag:before{content:"";display:inline-block;width:18px;height:1px;background:var(--rose);vertical-align:middle;margin-right:10px}.work-card h3{font-family:var(--serif);font-size:1.25rem;line-height:1.7;margin-top:8px;letter-spacing:.04em}.work-card p{font-size:.9rem;color:var(--muted);line-height:1.9;margin-top:8px}
/* お直しカテゴリと料金 */
.garment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.garment-card{background:var(--paper);border:1px solid var(--line);padding:22px 10px 20px;text-align:center;font-size:.95rem;line-height:1.8;display:flex;flex-direction:column;align-items:center}.garment-card .line-art{width:92px;height:92px;margin-bottom:12px}.garment-en{font-family:var(--english);font-style:italic;font-size:1.3rem;line-height:1.4;margin-bottom:4px}.price-block{margin-top:45px;border-top:1px solid var(--line);padding-top:35px}.price-heading .eyebrow{margin-bottom:7px}.price-heading h3{font-family:var(--serif);font-size:1.25rem}.price-list{margin:25px 0 0}.price-list>div{padding:19px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.price-list dt{font-size:.94rem}.price-list dd{margin:0;align-self:flex-end;font-family:var(--english);font-size:1.3rem;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}.price-list dd.price-ask{font-family:var(--sans);font-size:.94rem}.price-list dd span{font-family:var(--sans);font-size:.875rem;margin-left:4px}.price-note{font-size:.875rem;color:var(--muted);margin-top:21px}
/* ご依頼について */
.guide-band{background:#eee9e2}.guide-message{margin-top:26px;color:var(--muted)}.guide-list{margin:0}.guide-list>div{border-bottom:1px solid #d4cabf;padding:23px 0}.guide-list>div:first-child{padding-top:0}.guide-list dt{font-weight:500;margin-bottom:9px;font-size:.9rem}.guide-list dd{margin:0;color:var(--muted);font-size:.95rem}.delivery-list{list-style:none;padding:0;margin:0}.delivery-list li{display:flex;justify-content:space-between;gap:20px;padding-block:3px}.delivery-list li span:last-child{white-space:nowrap}.cannot-handle{border-left:2px solid #b49b91;padding-left:18px;margin-top:30px}.cannot-handle h3{font-size:.94rem}.cannot-handle ul{list-style:none;padding:0;margin:8px 0 0;font-size:.95rem;color:var(--muted)}.cannot-handle li:before{content:"・"}
/* プロフィール */
.profile-emblem{background:#efe2dc;width:200px;height:220px;border-radius:100px 100px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 40px}.profile-emblem img{width:60px;height:60px}.profile-emblem>span{font-family:var(--english);font-size:2rem;color:var(--rose);font-style:italic;line-height:1.5;margin-top:12px}.profile-emblem small{font-family:var(--serif);font-size:.75rem;letter-spacing:.1em;margin-top:5px}.profile-copy h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:27px}.profile-copy p:not(.eyebrow){line-height:2.1}
/* お問い合わせ：背景はごく薄いグレージュ。ピンクは最優先のLINEだけに使います。
   連絡先設定後（a.contact-method）も同じ見た目になります。 */
.contact-band{background:#f2ede6}.contact-band h2{font-size:clamp(1.45rem,3.5vw,2.7rem)}.contact-intro{margin-top:22px;color:var(--muted)}
.contact-options{margin-top:32px;display:grid;gap:12px}.contact-method{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;background:var(--paper);border:1px solid var(--line);border-radius:3px;transition:background .2s}.contact-method-name{font-family:var(--serif);font-size:1.25rem;line-height:1.5}.contact-method-name small{display:block;font-family:var(--sans);font-size:.875rem;color:var(--muted);margin-top:2px}
.contact-line{background:var(--rose);border-color:var(--rose);color:#fffdf9;padding-block:26px}.contact-line .contact-method-name{font-size:1.45rem;letter-spacing:.06em}.contact-line .contact-method-name small{color:#f5e9e6}a.contact-line:hover{background:#845f5c}a.contact-tel:hover{background:#f7f2eb}
.contact-status{font-size:.78rem;border:1px solid var(--line);border-radius:2px;padding:2px 12px;white-space:nowrap;color:var(--muted)}.contact-line .contact-status{border-color:#d6bcb7;color:#fffdf9}
.contact-note{font-size:.85rem;margin-top:14px;color:var(--muted)}.contact-location{display:flex;gap:10px;align-items:flex-start;margin-top:28px;padding-top:22px;border-top:1px solid var(--line);font-size:.95rem}.contact-location svg{width:20px;height:20px;color:var(--rose);flex-shrink:0;margin-top:5px}.contact-location>span>span{display:block;font-size:.875rem;color:var(--muted)}
@media(min-width:600px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{display:block;text-align:center;padding:32px 14px 28px}.service-card .line-art{margin:0 auto 18px;width:100px;height:100px}.service-card p{margin-top:10px}.card-number{left:14px;right:auto}.service-card p br{display:block}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 30px}.garment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.price-list>div{flex-direction:row;justify-content:space-between;align-items:baseline;gap:20px}.price-list dd{align-self:auto}}
@media(min-width:760px){.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:42px}.section-top .section-heading{margin-bottom:0}.service-grid{gap:16px}.service-card{padding:34px 10px 30px}.service-card h3{font-size:1.05rem}.service-card .line-art{width:116px;height:116px}.service-card p{font-size:.875rem}.garment-card{padding:22px 8px}.garment-card .line-art{width:96px;height:96px}.price-block{display:grid;grid-template-columns:.7fr 1.7fr;gap:44px;margin-top:55px;padding-top:40px}.price-list{margin:0}.price-list>div:first-child{padding-top:0}.guide-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.guide-list>div{display:grid;grid-template-columns:105px 1fr;gap:16px}.guide-list dt{margin:0}.profile{display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:70px}.profile-emblem{width:260px;height:315px;border-radius:130px 130px 0 0;margin:0 auto}.profile-emblem img{width:85px;height:85px}.profile-emblem>span{font-size:2.7rem}.profile-copy{max-width:600px}.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:center}.contact-options{margin-top:0}}
@media(max-width:359px){.hero h1{font-size:1.8rem}.hero-actions{gap:15px}.button{padding-inline:16px;gap:14px}.brand-name{font-size:1.3rem}.service-card{padding-inline:9px}.service-card h3{font-size:.94rem}.garment-card{font-size:.8rem}.garment-en{font-size:1rem}}
/* 広い画面（1050px以上）：サービス4列・お直しカテゴリ6列 */
@media(min-width:1050px){.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.garment-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
/* PC（760px以上）：元画像が小さい写真だけ、枠いっぱいに引き伸ばさず高さ88%で中央に置き、周りをアイボリーの余白にします。
   スマホは枠いっぱいのまま。高解像度の写真に差し替えたら、HTMLの work-photo-small を外せば他の作品と同じ表示になります。 */
@media(min-width:760px){.work-photo-small{background:#f4eee8}.work-photo-small img{width:auto;height:88%;aspect-ratio:1/1;object-fit:cover}}
/* ご依頼について：仕事道具の写真。まっすぐ縦に並べ、左端をそろえています。薄い1pxの線と控えめな角丸だけ。
   上＝ミシン（主役・全体表示）、下＝糸棚（切り取らず全体を表示し、ミシンより小さめ）、その下にキャプション。 */
.guide-visual{margin-top:32px;display:grid;gap:18px;justify-items:start}.guide-visual figure{margin:0}.guide-visual img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:4px;background:var(--paper)}
.tool-main{width:100%}
.tool-sub{width:66%;display:grid;gap:6px}
.tool-caption{font-size:.85rem;line-height:1.7;letter-spacing:.06em;color:var(--muted);margin:0}
/* PC（760px以上）：道具写真を左カラムから外し、情報ブロックの下に独立した横並びエリアとして配置。
   ミシン64%・糸棚36%（16:9）。2枚の縦横比（4:3と3:4）から、上端・下端がそろう比率にしています。糸棚は縦長のまま全体を表示し、キャプションは2枚の下。
   HTMLの並びはスマホの順番のままにして、PCだけ grid で配置を組み替えています。 */
@media(min-width:760px){
.guide-layout{grid-template-rows:auto auto auto 1fr auto;row-gap:0}
.guide-layout>.section-heading{display:contents}
.guide-layout>.section-heading>.eyebrow{grid-column:1;grid-row:1}
.guide-layout>.section-heading>h2{grid-column:1;grid-row:2}
.guide-layout>.section-heading>.guide-message{grid-column:1;grid-row:3}
.guide-details{grid-column:2;grid-row:1/5}
.guide-visual{grid-column:1/-1;grid-row:5;margin-top:80px;width:min(100%,920px);justify-self:center;grid-template-columns:16fr 9fr;gap:14px 28px;align-items:end;justify-items:stretch}
.tool-sub{display:contents}
.guide-visual img{border:0;outline:1px solid var(--line);outline-offset:-1px}
.tool-main{grid-column:1;grid-row:1}
.tool-sub figure{grid-column:2;grid-row:1}
.tool-caption{grid-column:1/-1;grid-row:2}
}
/* お直しカテゴリ：上＝線画（アイボリー）、下＝名前（ごく淡いピンクベージュ）の2段に分けたカード */
.garment-card{padding:22px 0 0;overflow:hidden}
.garment-label{display:flex;flex-direction:column;align-items:center;align-self:stretch;margin-top:auto;padding:12px 8px 14px;background:#f2e5e0}
@media(min-width:760px){.garment-card{padding:22px 0 0}}
/* 文末の1〜2文字だけが次の行に落ちるのを、対応ブラウザでは自動で避ける */
p,dd,li,h2,h3{text-wrap:pretty}
/* 文節のまとまり：途中で改行しない（単語の途中や助詞から行が始まるのを防ぐ） */
.nb{display:inline-block}
/* スマホ：糸棚の写真だけ中央寄せ（大きさはそのまま）。キャプションは左寄せのまま */
@media(max-width:759px){.tool-sub{width:100%}.tool-sub figure{width:66%;justify-self:center}}
/* お問い合わせの操作ボタン（友だち追加／電話する）：同じ大きさにそろえ、矢印を右端の同じ位置に置く */
.contact-status{display:inline-flex;align-items:center;justify-content:space-between;width:106px;height:30px;padding:0 12px;line-height:1}
.contact-status>span{display:inline-block;width:1em;text-align:center}