@charset "UTF-8";
/*!
 * 七色色見本｜日塗工632色 外壁カラーガイド
 * ページ専用スタイル
 *
 * すべてのセレクタは .iromihon-page 配下にスコープしてある。
 * 七色テーマの共通クラス（.header / .footer / .grid 等）と衝突しないための対策。
 * サイト共通のヘッダー・フッターは header.php / template-parts/header/page-header.php /
 * template-parts/footer/page-footer.php が出力するため、このファイルに .header / .footer /
 * .brand 等のスタイルは持たない（旧プロトタイプの単体HTML由来の未使用CSSは削除済み）。
 *
 * 配色: このページ単体を白ベースで構成する（.iromihon-page配下のみ。サイト共通の
 * header.php / footer.php の配色には影響しない）。
 *   背景: 白と薄いベージュを中心に、七色のサイト配色へ馴染ませる。
 *   アクセント: サイト共通のブラウン・グリーン・オレンジを用途別に使用する。
 *              ブラウンは見出し・枠線、グリーンは選択状態、オレンジは主要操作に使用する。
 *   見出し: Noto Sans JP のみ（欧文セリフ Playfair Display は廃止）
 *   装飾: 角丸・box-shadow・backdrop-filter は最小限に抑え、フラットな質感に統一
 *
 * フォント・余白・角丸トークン: カラーシミュレーションとダブルトーンシミュレーションで
 * 同じ役割の要素を同じ値に揃えるため、.iromihon-page 配下限定のCSSカスタムプロパティ
 * として定義する（役割ごとの粒度を保つため、全要素を同一サイズにはしない）。
 *   （セクション見出しh2・h3・h4は、この専用バンドル内のmixinを使用）
 *   --font-panel-title:   仕上げ選択・部位選択・仕上げプレビュー・目地設定の見出し（h3）
 *   --font-control:       部位名・主要操作・ボタン・スライダー項目名
 *   --font-body:          説明文・検索入力・通常ラベル
 *   --font-caption:       色番号・件数・補足文・注釈
 *   --space-*:            xs 0.4rem〜2xl 3.2remの6段階。中間値は追加せず最も近い段階へ丸める
 *   --radius-sm/md/lg:    0.4/0.6/0.8rem。ピル型は --radius-pill(999rem)
 *
 * iromihon ページ専用の独立エントリとしてビルドする（webpack.mix.js参照）。
 * 632色JSON・実写シミュレーター画像は他ページで使わないため、app.scssへは@importしない。
 *
 * レスポンシブ: 移植元の表示を維持するため、この専用バンドル内のmixinに閉じ込める。
 * PC（min-width:1025px相当の見た目）を基準値として書き、@include tablet()（max-width:1024px）
 * → @include sp()（max-width:768px）の順で段階的に小さく上書きする（fontH1〜H4と同じ書き方）。
 * 見出し（h2〜h4）のフォントサイズ・行間も専用mixinを使用し、
 * @includeし、text-align・colorのみこのページのダークテーマ（左寄せ・--ink/白文字）に上書きする。
 */.iromihon-page,main.content.iromihon{overflow-x:clip;overflow-y:visible}.iromihon-page{--brand-primary:var(--c-c-pri);--brand-secondary:var(--c-c-sec);--brand-third:var(--c-c-thd);--bg:#fff;--bg-soft:#f8f5f1;--panel:#fff;--line:rgba(36,147,51,.2);--ink:#2f2924;--muted:#756b63;--gold2:var(--brand-third);--accent:var(--brand-primary);--accent-solid:var(--brand-primary);--accent-2:var(--c-c-lht-pri);--support-gradient:var(--brand-secondary);--support-solid:var(--brand-secondary);--action:var(--brand-third);--action-text:#382a1f;--dark:var(--c-c-pri);--shadow:0 0.2rem 1rem rgba(196,141,0,.25);--font-panel-title:1.6rem;--font-control:1.4rem;--font-body:1.6rem;--font-caption:1.6rem;--space-xs:0.4rem;--space-sm:0.8rem;--space-md:1.2rem;--space-lg:1.6rem;--space-xl:2.4rem;--space-2xl:3.2rem;--radius-sm:0.4rem;--radius-md:0.6rem;--radius-lg:0.8rem;--radius-pill:999rem;background:var(--bg);color:var(--ink);line-height:1.65;padding-bottom:4rem}.iromihon-page *{-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.iromihon-page a{color:inherit;text-decoration:none}.iromihon-page button,.iromihon-page input,.iromihon-page select{font-family:inherit}.iromihon-page button{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.iromihon-page img{max-width:100%}.iromihon-page .wrap{margin:0 auto;padding:0 3rem;width:min(140rem,100%)}@media only screen and (max-width:768px){.iromihon-page .wrap{padding:0 1.8rem}}.iromihon-page .hero{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.78)),color-stop(rgba(0,0,0,.32)),to(rgba(0,0,0,.05))),var(--hero-image) center center/cover no-repeat;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.32),rgba(0,0,0,.05)),var(--hero-image) center center/cover no-repeat;color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);min-height:50rem;overflow:hidden;position:relative;width:100vw}@media only screen and (max-width:768px){.iromihon-page .hero{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.41)),to(rgba(0,0,0,.62))),var(--hero-image) center center/cover no-repeat;background:linear-gradient(180deg,rgba(0,0,0,.41),rgba(0,0,0,.62)),var(--hero-image) center center/cover no-repeat;min-height:42rem}}.iromihon-page .hero-content{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:2.4rem;-webkit-justify-content:space-between;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:140rem;padding:7rem 3rem;position:relative;width:100%}@media only screen and (max-width:768px){.iromihon-page .hero-content{display:block;padding:9rem 1.8rem 2.8rem}}.iromihon-page .hero-copy{max-width:64rem;min-width:0}@media only screen and (max-width:768px){.iromihon-page .hero-copy{max-width:none}}.iromihon-page .hero h1{color:#fff;font-size:4rem;font-weight:700;letter-spacing:.03em;line-height:1;text-align:left;text-shadow:0 .4rem 1.4rem rgba(0,0,0,.4)}.iromihon-page .hero-lead{color:#fff;font-size:clamp(1.7rem,4.5vw,2.4rem);font-weight:700;letter-spacing:.02em;line-height:1.5;margin-top:1.2rem}.iromihon-page .hero-lead b{color:var(--c-c-sec)}.iromihon-page .operator{color:hsla(0,0%,100%,.88);font-size:1.6rem;font-weight:500;margin-top:1.4rem}.iromihon-page .search{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:hsla(0,0%,100%,.08);border:.1rem solid hsla(0,0%,100%,.35);border-radius:var(--radius-md);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:5rem;margin-top:2rem;max-width:56rem;overflow:hidden;padding-left:1.8rem}@media only screen and (max-width:768px){.iromihon-page .search{max-width:none}}.iromihon-page .search-icon{-webkit-box-flex:0;-moz-box-flex:0;color:hsla(0,0%,100%,.6);-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:1.8rem}.iromihon-page .search input{-webkit-box-flex:1;-moz-box-flex:1;background:transparent;border:0;color:#fff;-webkit-flex:1;-ms-flex:1;flex:1;font-size:var(--font-body);min-width:0;outline:0;padding:0 1.7rem}.iromihon-page .search input::-webkit-input-placeholder{color:hsla(0,0%,100%,.6)}.iromihon-page .search input::-moz-placeholder{color:hsla(0,0%,100%,.6)}.iromihon-page .search input:-ms-input-placeholder{color:hsla(0,0%,100%,.6)}.iromihon-page .search input::-ms-input-placeholder{color:hsla(0,0%,100%,.6)}.iromihon-page .search input::placeholder{color:hsla(0,0%,100%,.6)}.iromihon-page .search button{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;-webkit-align-self:stretch;align-self:stretch;background:var(--brand-secondary);border:0;color:#fff;font-size:var(--font-control);font-weight:700;-webkit-transition:-webkit-filter .2s linear;transition:-webkit-filter .2s linear;transition:filter .2s linear;transition:filter .2s linear,-webkit-filter .2s linear;width:8.8rem}.iromihon-page .search button:hover{-webkit-filter:brightness(1.12);filter:brightness(1.12)}.iromihon-page .quick{margin-top:1.8rem}.iromihon-page .quick-label{color:hsla(0,0%,100%,.88);font-size:var(--font-caption);font-weight:700;margin-bottom:1rem}.iromihon-page .quick-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--space-sm)}.iromihon-page .quick-list a{background:hsla(0,0%,100%,.08);border:.1rem solid hsla(0,0%,100%,.5);border-radius:var(--radius-lg);color:#fff;font-size:var(--font-body);padding:.6rem 1.5rem;-webkit-transition:background-color .2s linear;transition:background-color .2s linear}.iromihon-page .quick-list a:hover{background:hsla(0,0%,100%,.22)}@media only screen and (max-width:768px){.iromihon-page .quick-list{-webkit-overflow-scrolling:touch;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--space-xs);scrollbar-width:none}.iromihon-page .quick-list::-webkit-scrollbar{display:none}.iromihon-page .quick-list a{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}}.iromihon-page .count-card{-webkit-box-flex:0;-moz-box-flex:0;backdrop-filter:blur(.6rem);-webkit-backdrop-filter:blur(.6rem);background:rgba(4,15,27,.94);border:.1rem solid var(--c-c-thd);border-radius:var(--radius-lg);-webkit-box-shadow:0 .4rem 2.4rem rgba(226,162,0,.3);box-shadow:0 .4rem 2.4rem rgba(226,162,0,.3);color:#fff;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-top:0;max-width:34rem;overflow:hidden;width:100%}@media only screen and (max-width:768px){.iromihon-page .count-card{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;margin-top:1.8rem;max-width:none;width:auto}}.iromihon-page .count-card-body{padding:2rem;text-align:center}.iromihon-page .count-card-label{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:var(--font-caption);font-weight:700;gap:.8rem;-webkit-justify-content:center;justify-content:center;letter-spacing:.08em}.iromihon-page .count-card-label:after,.iromihon-page .count-card-label:before{-webkit-box-flex:1;-moz-box-flex:1;background:var(--c-c-thd);content:"";-webkit-flex:1 1 1.6rem;-ms-flex:1 1 1.6rem;flex:1 1 1.6rem;height:.1rem;max-width:1.6rem}.iromihon-page .count-card strong{color:var(--c-c-thd);display:block;font-size:5.6rem;font-weight:900;line-height:1;margin-top:.6rem}@supports ((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text){.iromihon-page .count-card strong{background:linear-gradient(135deg,#ffd46a,#f0b400 60%,var(--c-c-thd));-webkit-background-clip:text;background-clip:text;color:transparent}.iromihon-page .count-card-unit{color:#fff}}.iromihon-page .count-card-unit{color:hsla(0,0%,100%,.8);font-size:2.4rem;margin-left:.4rem}.iromihon-page .count-card-caption{color:#fff;display:block;font-size:var(--font-caption);margin-top:.6rem}.iromihon-page .count-card-features{border-top:.1rem solid hsla(0,0%,100%,.12);list-style:none}.iromihon-page .count-card-features li{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom:.1rem solid hsla(0,0%,100%,.12);color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:var(--font-body);gap:1.2rem;padding:1.2rem 2rem}.iromihon-page .count-card-features li:last-child{border-bottom:0}.iromihon-page .count-card-features .ico{-webkit-box-flex:0;-moz-box-flex:0;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;border:.1rem solid var(--c-c-thd);border-radius:var(--radius-md);color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:3.6rem;-webkit-justify-content:center;justify-content:center;width:3.6rem}.iromihon-page .count-card-features .ico svg{height:1.8rem;width:1.8rem}.iromihon-page .count-card-features li>span:last-child{border-left:.1rem solid var(--c-c-thd);padding-left:1.2rem}.iromihon-page .section{padding:var(--space-xl) 0}.iromihon-page .section-title{margin-bottom:var(--space-lg)}.iromihon-page .section-title h2,.iromihon-page .sim-head h2{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:var(--ink);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:3.2rem;font-weight:700;letter-spacing:.02em;line-height:1.4;text-align:center;text-align:left}.iromihon-page .section-title h2>span,.iromihon-page .sim-head h2>span{display:block;font-size:1.6rem;font-weight:500;margin-top:.6rem}@media only screen and (max-width:1024px){.iromihon-page .section-title h2,.iromihon-page .sim-head h2{font-size:2.8rem}}@media only screen and (max-width:768px){.iromihon-page .section-title h2,.iromihon-page .sim-head h2{font-size:2.4rem}.iromihon-page .section-title h2>span,.iromihon-page .sim-head h2>span{font-size:1.4rem}}.iromihon-page .section-title .ico,.iromihon-page .sim-head .ico{background:var(--accent);display:inline-block;font-size:inherit;height:1em;margin-right:.6rem;vertical-align:middle;width:.4rem}.iromihon-page .desc,.iromihon-page .filter-label,.iromihon-page .hint,.iromihon-page .pc-note,.iromihon-page .result-count,.iromihon-page .sim-head p{color:var(--muted);font-size:var(--font-body);font-weight:500;margin-top:var(--space-xs)}.iromihon-page #colors .section-title .desc{text-align:left}.iromihon-page .filter-area{margin:0}.iromihon-page .filter-search{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--bg-soft);border:.1rem solid var(--line);border-radius:var(--radius-md);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:1rem;height:4.8rem;max-width:62rem;padding:0 1.4rem}@media only screen and (max-width:768px){.iromihon-page .filter-search{max-width:none}}.iromihon-page .filter-search .mag{color:var(--muted);font-size:2.2rem}.iromihon-page .filter-search input{-webkit-box-flex:1;-moz-box-flex:1;background:transparent;border:0;color:var(--ink);-webkit-flex:1;-ms-flex:1;flex:1;font-size:var(--font-body);min-width:0;outline:0}.iromihon-page .filter-search input::-webkit-input-placeholder{color:var(--muted)}.iromihon-page .filter-search input::-moz-placeholder{color:var(--muted)}.iromihon-page .filter-search input:-ms-input-placeholder{color:var(--muted)}.iromihon-page .filter-search input::-ms-input-placeholder{color:var(--muted)}.iromihon-page .filter-search input::placeholder{color:var(--muted)}.iromihon-page .filter-row{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem;margin-top:1rem}.iromihon-page .filter-chip,.iromihon-page .filter-select{background:var(--bg-soft);border:.1rem solid var(--line);border-radius:var(--radius-md);color:var(--ink);font-size:var(--font-control);font-weight:700;min-height:5rem;padding:1.1rem 1.6rem;-webkit-transition:background-color .2s linear,color .2s linear,border-color .2s linear;transition:background-color .2s linear,color .2s linear,border-color .2s linear}.iromihon-page .filter-select{background:rgba(123,91,65,.1);border-color:rgba(123,91,65,.45);color:var(--brand-primary);text-align:center;-moz-text-align-last:center;text-align-last:center}.iromihon-page #favOnlyToggle,.iromihon-page #sort{width:100%}.iromihon-page #sort{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--brand-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1.5 5 5 5-5' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1.6rem center;background-repeat:no-repeat;background-size:1.2rem .8rem;border-color:var(--brand-primary);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:1.6rem;height:5rem;padding:1.1rem 4rem 1.1rem 1.6rem}.iromihon-page .cchip,.iromihon-page .vchip{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 0 calc(33.333% - 0.667rem);-ms-flex:0 0 calc(33.333% - 0.667rem);flex:0 0 calc(33.333% - 0.667rem)}.iromihon-page .cchip,.iromihon-page .vchip{background:var(--c-c-lht-sec);border-color:var(--c-c-sec);color:var(--c-c-sec)}.iromihon-page #favOnlyToggle{background:rgba(198,91,93,.12);border-color:#c65b5d;color:#c65b5d}.iromihon-page .filter-select option{background:var(--bg-soft);color:var(--ink)}.iromihon-page .filter-chip[aria-pressed=true]{background:var(--support-gradient);border-color:var(--support-solid);color:#fff}.iromihon-page #favOnlyToggle[aria-pressed=true]{background:#c65b5d;border-color:#c65b5d;color:#fff}.iromihon-page .filter-label{color:var(--muted);font-weight:700;width:4.4rem}.iromihon-page .filter-clear{background:transparent;border:0;color:var(--accent-solid);font-size:var(--font-body);margin-left:auto;text-decoration:underline;text-underline-offset:.3rem}.iromihon-page .filter-clear--sidebar{border:.1rem solid var(--accent-solid);border-radius:var(--radius-md);display:block;margin:var(--space-lg) 0 0;padding:1rem 0;text-align:center;text-decoration:none;width:100%}.iromihon-page #clearFilters{background:var(--bg-soft)}.iromihon-page .hue-filter-wrap{margin:1.6rem 0 1.4rem}.iromihon-page .hue-title{color:var(--muted);font-size:var(--font-body);font-weight:700;margin-bottom:var(--space-sm)}.iromihon-page .hue-strip{-ms-grid-columns:1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr;display:-ms-grid;display:grid;gap:0;grid-template-columns:repeat(11,1fr)}@media only screen and (max-width:768px){.iromihon-page .hue-strip{-ms-grid-columns:1fr .1rem 1fr .1rem 1fr .1rem 1fr .1rem 1fr .1rem 1fr;gap:.1rem;grid-template-columns:repeat(6,1fr)}}.iromihon-page .hue-btn{border:0;color:#fff;font-size:var(--font-caption);font-weight:700;height:5.2rem;min-width:0;position:relative;text-shadow:0 .1rem .2rem rgba(0,0,0,.25)}@media only screen and (max-width:768px){.iromihon-page .hue-btn{height:4.4rem}}.iromihon-page .hue-btn[data-hue=N]{background:#b8b8b8;color:#20303a;text-shadow:none}.iromihon-page .hue-btn[data-hue=R]{background:#c65b5d}.iromihon-page .hue-btn[data-hue=YR]{background:#d9823b}.iromihon-page .hue-btn[data-hue=Y]{background:#e8cd42;color:#26323a;text-shadow:none}.iromihon-page .hue-btn[data-hue=GY]{background:#8da646}.iromihon-page .hue-btn[data-hue=G]{background:#109366}.iromihon-page .hue-btn[data-hue=BG]{background:#0c9185}.iromihon-page .hue-btn[data-hue=B]{background:#0b8ca0}.iromihon-page .hue-btn[data-hue=PB]{background:#316ca0}.iromihon-page .hue-btn[data-hue=P]{background:#835493}.iromihon-page .hue-btn[data-hue=RP]{background:#bd5e85}.iromihon-page .hue-btn[aria-pressed=true]:after{border:.2rem solid #fff;-webkit-box-shadow:0 0 0 .1rem rgba(0,0,0,.3);box-shadow:0 0 0 .1rem rgba(0,0,0,.3);content:"";inset:.4rem;position:absolute}.iromihon-page .colors-layout{-ms-grid-columns:24rem 2.4rem 1fr;-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;-webkit-align-items:start;align-items:start;background:var(--bg-soft);border:.1rem solid var(--line);border-radius:var(--radius-lg);display:-ms-grid;display:grid;gap:2.4rem;grid-template-columns:24rem 1fr;margin-top:0;padding:var(--space-lg)}@media only screen and (max-width:768px){.iromihon-page .colors-layout{display:block}}.iromihon-page .colors-sidebar{margin-bottom:0}@media only screen and (max-width:768px){.iromihon-page .colors-sidebar{margin-bottom:var(--space-lg)}}.iromihon-page .colors-sidebar .filter-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-box-align:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.iromihon-page .colors-sidebar .filter-chip{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;width:100%}.iromihon-page .colors-sidebar .filter-clear{margin-left:0}@media only screen and (max-width:768px){.iromihon-page .colors-sidebar .filter-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.iromihon-page .colors-sidebar .filter-chip{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 0 calc(33.333% - 0.667rem);-ms-flex:0 0 calc(33.333% - 0.667rem);flex:0 0 calc(33.333% - 0.667rem);width:auto}.iromihon-page .colors-sidebar .filter-clear{margin-left:auto}}.iromihon-page .sidebar-group{margin-top:1.4rem}.iromihon-page .sidebar-group .filter-label{display:block;margin-bottom:var(--space-sm);width:auto}.iromihon-page .grid{-ms-grid-columns:1fr 1.4rem 1fr 1.4rem 1fr 1.4rem 1fr;display:-ms-grid;display:grid;gap:1.4rem;grid-template-columns:repeat(4,1fr)}@media only screen and (max-width:768px){.iromihon-page .grid{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}}.iromihon-page .color-card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;background:var(--bg-soft);border:.1rem solid var(--line);border-radius:var(--radius-lg);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-width:0;overflow:hidden;position:relative;text-align:center;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition:none;transition:none}.iromihon-page .color-card:hover{border-color:var(--accent-solid);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow)}.iromihon-page .color-card:active{-webkit-transform:scale(.97);-ms-transform:scale(.97);transform:scale(.97)}.iromihon-page .color-card.hidden{display:none}.iromihon-page .color-chip{aspect-ratio:3/1;border:.1rem solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:block;height:auto;width:100%}.iromihon-page .color-code{color:var(--ink);display:block;font-size:var(--font-caption);font-weight:700;letter-spacing:.02em;line-height:1.15;padding:.6rem .8rem .8rem;width:100%}.iromihon-page .color-badge{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--accent);border-radius:var(--radius-pill);-webkit-box-shadow:0 .1rem .4rem rgba(0,0,0,.35);box-shadow:0 .1rem .4rem rgba(0,0,0,.35);color:#fff;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1rem;font-weight:700;gap:.3rem;left:.6rem;letter-spacing:.02em;line-height:1.6;padding:.2rem .7rem;position:absolute;top:.6rem}.iromihon-page .color-badge:before{content:"★";font-size:.9rem}.iromihon-page .color-card-fav{background:rgba(10,14,20,.55);border-radius:var(--radius-pill);color:hsla(0,0%,100%,.55);display:-ms-grid;display:grid;font-family:Arial,sans-serif;font-size:1.3rem;height:2.2rem;line-height:1;padding:.08rem 0 0 .03rem;place-items:center;position:absolute;right:.6rem;top:.6rem;width:2.2rem}.iromihon-page .color-card-fav.is-active{background:#c65b5d;color:#fff}.iromihon-page .hint{background:var(--bg-soft);border:.1rem solid var(--line);border-radius:var(--radius-lg);margin-top:1.5rem;padding:var(--space-sm)}.iromihon-page .copyright-notice{background:#fff;border-left:.3rem solid var(--accent-solid);color:var(--muted);font-size:var(--font-caption);line-height:1.8;margin-top:1.2rem;padding:var(--space-sm)}.iromihon-page .copyright-notice p{margin:0}.iromihon-page .copyright-notice__title{color:var(--brand-primary);font-weight:700}.iromihon-page .grid-footer{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem;-webkit-justify-content:space-between;justify-content:space-between;margin-top:1.5rem}.iromihon-page .grid-footer .result-count{margin-top:0}.iromihon-page .expand-btn{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--action);border:.1rem solid var(--action);border-radius:var(--radius-md);color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:var(--font-body);font-weight:700;gap:var(--space-sm);height:6rem;-webkit-justify-content:center;justify-content:center;margin-top:0;padding:0 1.8rem;-webkit-transition:-webkit-filter .2s linear;transition:-webkit-filter .2s linear;transition:filter .2s linear;transition:filter .2s linear,-webkit-filter .2s linear;width:100%}.iromihon-page .expand-btn:hover{-webkit-filter:brightness(1.12);filter:brightness(1.12)}.iromihon-page .expand-btn:after{content:"▾";font-size:1rem;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.iromihon-page #expandColors:after{font-size:3rem}.iromihon-page .expand-btn.is-expanded:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.iromihon-page .inline-sim{padding:var(--space-2xl) 0}.iromihon-page .inline-sim[hidden]{display:none}.iromihon-page .sim-head{margin-bottom:var(--space-lg)}.iromihon-page .sim-head h2{line-height:1.35}.iromihon-page .pc-layout{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--space-lg)}.iromihon-page .pc-layout-grid{-ms-grid-columns:1fr var(--space-lg) 1fr;-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;-webkit-align-items:start;align-items:start;display:-ms-grid;display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr}@media only screen and (max-width:1024px){.iromihon-page .pc-layout-grid{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-box-align:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}#color-simulation .pc-layout-grid{-ms-grid-rows:auto 1fr;grid-template-areas:"photo controls" "note controls";grid-template-rows:auto 1fr}#double-tone-simulation .pc-layout-grid{-ms-grid-rows:auto auto 1fr;grid-template-areas:"photo controls" "note controls" "detail controls";grid-template-rows:auto auto 1fr}.iromihon-page .pc-controls{-ms-grid-row-span:2;grid-area:controls;-ms-grid-column:2;-ms-grid-row:1;padding:var(--space-lg)}.iromihon-page .pc-controls,.iromihon-page .pc-photo-stage{background:var(--bg-soft);border:.1rem solid var(--line);border-radius:var(--radius-lg)}.iromihon-page .pc-photo-stage{aspect-ratio:1536/1024;grid-area:photo;-ms-grid-column:1;-ms-grid-row:1;line-height:0;overflow:hidden;position:static}@media only screen and (max-width:1024px){.iromihon-page .pc-photo-stage{-webkit-box-shadow:0 .6rem 1.8rem rgba(59,64,67,.16);box-shadow:0 .6rem 1.8rem rgba(59,64,67,.16);position:-webkit-sticky;position:sticky;top:calc(var(--header) + var(--space-sm));width:100%;z-index:10}}.iromihon-page .pc-canvas,.iromihon-page .pc-photo-base{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.iromihon-page .pc-note{grid-area:note;-ms-grid-column:1;-ms-grid-row:2;margin-top:var(--space-sm)}.iromihon-page .part-select-head{margin-bottom:var(--space-md)}.iromihon-page .part-select-head h3{color:var(--ink);font-size:2.4rem;font-weight:700;line-height:1.4;text-align:center;text-align:left}.iromihon-page .part-select-head h3>span{font-size:1.6rem;font-weight:500;margin-left:1.2rem}@media only screen and (max-width:768px){.iromihon-page .part-select-head h3{font-size:2rem}.iromihon-page .part-select-head h3>span{display:block;font-size:1.4rem;margin-left:0;margin-top:.4rem}}.iromihon-page .part-select-head p{color:var(--muted);font-size:var(--font-caption);margin-top:var(--space-xs)}.iromihon-page .part-tabs{-ms-grid-columns:minmax(0,1fr) var(--space-sm) minmax(0,1fr) var(--space-sm) minmax(0,1fr) var(--space-sm) minmax(0,1fr);display:-ms-grid;display:grid;gap:var(--space-sm);grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:var(--space-md)}@media only screen and (max-width:1024px){.iromihon-page .part-tabs{-ms-grid-columns:(minmax(0,1fr))[3];grid-template-columns:repeat(3,minmax(0,1fr))}}.iromihon-page .part-tab{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;-webkit-align-items:center;align-items:center;background:var(--panel);border:.1rem solid var(--line);border-radius:var(--radius-md);color:var(--ink);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:var(--font-control);font-weight:700;gap:var(--space-sm);-webkit-justify-content:flex-start;justify-content:flex-start;line-height:1.2;min-height:6rem;padding:.8rem 1rem;text-align:left;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition:background-color .2s linear,color .2s linear,border-color .2s linear;transition:background-color .2s linear,color .2s linear,border-color .2s linear}.iromihon-page .part-tab-swatch{-webkit-box-flex:0;-moz-box-flex:0;background:#ddd;border:.1rem solid var(--line);border-radius:var(--radius-sm);-webkit-flex:none;-ms-flex:none;flex:none;height:2.8rem;width:2.8rem}.iromihon-page .part-tab-copy{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--space-xs);min-width:0}.iromihon-page .part-tab-copy b{font-size:var(--font-caption);font-weight:500}.iromihon-page .part-tab.active{background:var(--support-gradient);border-color:var(--support-solid);color:#fff}.iromihon-page .part-tab.active .part-tab-swatch{border-color:hsla(0,0%,100%,.6)}.iromihon-page .pc-palette-head{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:var(--space-sm);-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:var(--space-md)}.iromihon-page .pc-palette-head b{color:var(--ink);font-size:var(--font-control)}.iromihon-page .pc-palette-head span{color:var(--muted);font-size:var(--font-caption);font-weight:500}.iromihon-page .pc-tone-tabs{-ms-grid-columns:minmax(0,1fr) var(--space-sm) minmax(0,1fr) var(--space-sm) minmax(0,1fr) var(--space-sm) minmax(0,1fr) var(--space-sm) minmax(0,1fr) var(--space-sm) minmax(0,1fr) var(--space-sm) minmax(0,1fr);display:-ms-grid;display:grid;gap:var(--space-sm);grid-template-columns:repeat(7,minmax(0,1fr));margin:0 0 var(--space-sm)}.iromihon-page .pc-tone-tabs button{background:var(--panel);border:.1rem solid var(--line);border-radius:var(--radius-md);color:var(--ink);font-size:var(--font-caption);font-weight:700;min-height:3.2rem;-webkit-transition:background-color .2s linear,color .2s linear,border-color .2s linear;transition:background-color .2s linear,color .2s linear,border-color .2s linear}.iromihon-page .pc-tone-tabs button.active{background:var(--support-gradient);border-color:var(--support-solid);color:#fff}.iromihon-page .pc-search-wrap{display:block;margin-bottom:var(--space-sm);position:relative}.iromihon-page .pc-search{background:var(--bg-soft);border:.1rem solid var(--line);border-radius:var(--radius-md);color:var(--ink);font-size:var(--font-body);height:4.2rem;padding:0 4rem 0 1.2rem;width:100%}.iromihon-page .pc-search::-webkit-input-placeholder{color:var(--muted)}.iromihon-page .pc-search::-moz-placeholder{color:var(--muted)}.iromihon-page .pc-search:-ms-input-placeholder{color:var(--muted)}.iromihon-page .pc-search::-ms-input-placeholder{color:var(--muted)}.iromihon-page .pc-search::placeholder{color:var(--muted)}.iromihon-page .pc-search-icon{color:var(--muted);font-size:1.8rem;pointer-events:none;position:absolute;right:1.4rem;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.iromihon-page .pc-palette-count{color:var(--muted);display:block;font-size:var(--font-caption);font-weight:500;margin:-.2rem 0 var(--space-sm)}.iromihon-page .pc-palette{-ms-grid-columns:minmax(0,1fr) var(--space-sm) minmax(0,1fr) var(--space-sm) minmax(0,1fr) var(--space-sm) minmax(0,1fr) var(--space-sm) minmax(0,1fr) var(--space-sm) minmax(0,1fr);-webkit-overflow-scrolling:touch;-ms-flex-line-pack:start;-webkit-align-content:start;align-content:start;display:-ms-grid;display:grid;gap:var(--space-sm);grid-template-columns:repeat(6,minmax(0,1fr));max-height:25rem;overflow-x:hidden;overflow-y:auto;padding-right:.2rem;-webkit-transform:translateZ(0);transform:translateZ(0)}@media only screen and (max-width:768px){.iromihon-page .pc-palette{-ms-grid-columns:(minmax(0,1fr))[3];grid-template-columns:repeat(3,minmax(0,1fr))}}.iromihon-page .pc-color{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;background:var(--panel);border:.1rem solid var(--line);border-radius:var(--radius-sm);color:var(--ink);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:var(--font-caption);font-weight:700;min-height:6.8rem;overflow:hidden;text-align:center;-ms-touch-action:manipulation;touch-action:manipulation}.iromihon-page .pc-color.active{border-color:var(--support-solid);outline:.2rem solid var(--support-solid);outline-offset:-.2rem}.iromihon-page .part-tab:active,.iromihon-page .pc-color:active{-webkit-transform:scale(.97);-ms-transform:scale(.97);transform:scale(.97)}.iromihon-page .pc-color-chip{-webkit-box-flex:0;-moz-box-flex:0;border-bottom:.1rem solid var(--line);display:block;-webkit-flex:none;-ms-flex:none;flex:none;height:3.8rem;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%}.iromihon-page .pc-color span:last-child{display:block;padding:.5rem .2rem;width:100%}.iromihon-page .pc-color[hidden]{display:none}.iromihon-page .sim-actions{-ms-grid-columns:minmax(0,1fr) var(--space-sm) minmax(0,1fr) var(--space-sm) minmax(0,1fr) var(--space-sm) minmax(0,1fr);display:-ms-grid;display:grid;gap:var(--space-sm);grid-template-columns:repeat(4,minmax(0,1fr))}@media only screen and (max-width:768px){.iromihon-page .sim-actions{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}}.iromihon-page .simulation-mode-switcher{-ms-grid-columns:1fr var(--space-sm) 1fr;display:-ms-grid;display:grid;gap:var(--space-sm);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-xs)}@media only screen and (max-width:768px){.iromihon-page .simulation-mode-switcher{-ms-grid-columns:1fr;grid-template-columns:1fr}}.iromihon-page .simulation-mode-card{-ms-grid-columns:8rem var(--space-sm) minmax(0,1fr);background:var(--bg-soft);border:.1rem solid var(--line);display:-ms-grid;display:grid;gap:var(--space-sm);grid-template-columns:8rem minmax(0,1fr);min-height:7.2rem;padding:var(--space-md);text-align:left;-webkit-transition:background-color .2s linear,border-color .2s linear;transition:background-color .2s linear,border-color .2s linear}.iromihon-page .simulation-mode-card,.iromihon-page .simulation-mode-card__icon{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius:var(--radius-lg)}.iromihon-page .simulation-mode-card__icon{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-flex:0;-moz-box-flex:0;background:var(--brand-primary);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:8rem;-webkit-justify-content:center;justify-content:center;padding:1rem;width:8rem}.iromihon-page .simulation-mode-card__icon img,.iromihon-page .simulation-mode-card__icon svg{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.iromihon-page .simulation-mode-card__content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--space-xs);min-width:0;overflow-wrap:anywhere}.iromihon-page .simulation-mode-card strong{color:var(--ink);font-size:var(--font-control)}.iromihon-page .simulation-mode-card__description{color:var(--muted);font-size:var(--font-caption);line-height:1.6}.iromihon-page .simulation-mode-card:hover:not(.is-active){border-color:var(--accent-solid)}.iromihon-page .simulation-mode-card.is-active{background:var(--brand-primary);border-color:var(--brand-primary)}.iromihon-page .simulation-mode-card.is-active .simulation-mode-card__icon{background:hsla(0,0%,100%,.14)}.iromihon-page .simulation-mode-card.is-active .simulation-mode-card__description,.iromihon-page .simulation-mode-card.is-active strong{color:#fff}.iromihon-page .finish-select-head{margin-bottom:var(--space-md)}.iromihon-page .finish-select-head h3{color:var(--ink);font-size:2.4rem;font-weight:700;line-height:1.4;text-align:center;text-align:left}.iromihon-page .finish-select-head h3>span{font-size:1.6rem;font-weight:500;margin-left:1.2rem}@media only screen and (max-width:768px){.iromihon-page .finish-select-head h3{font-size:2rem}.iromihon-page .finish-select-head h3>span{display:block;font-size:1.4rem;margin-left:0;margin-top:.4rem}}.iromihon-page .finish-select-section{margin-bottom:var(--space-xl)}.iromihon-page .finish-select{-ms-grid-columns:minmax(0,1fr) var(--space-sm) minmax(0,1fr) var(--space-sm) minmax(0,1fr);display:-ms-grid;display:grid;gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr))}.iromihon-page .finish-select-btn{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;background:var(--panel);border:.1rem solid var(--line);border-radius:var(--radius-md);color:var(--ink);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:var(--font-caption);font-weight:700;overflow:hidden;text-align:center;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition:background-color .2s linear,border-color .2s linear;transition:background-color .2s linear,border-color .2s linear}.iromihon-page .finish-select-thumb{border-bottom:.1rem solid var(--line);display:block;height:5.6rem;overflow:hidden;width:100%}.iromihon-page .finish-select-thumb img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.iromihon-page .finish-select-btn span:last-child{display:block;padding:.6rem .4rem;width:100%}.iromihon-page .finish-select-btn.active{background:var(--support-gradient);border-color:var(--support-solid);color:#fff}.iromihon-page .finish-select-btn.active .finish-select-thumb{border-color:var(--support-solid)}.iromihon-page .finish-detail-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;-webkit-box-align:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:var(--space-lg);grid-area:detail;-ms-grid-column:1;-ms-grid-row:3;margin-top:var(--space-md)}@media only screen and (max-width:1024px){.iromihon-page .finish-detail-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.iromihon-page .finish-preview{-webkit-box-flex:1;-moz-box-flex:1;background:var(--bg-soft);border:.1rem solid var(--line);border-radius:var(--radius-lg);-webkit-flex:1 1 0;-ms-flex:1 1 0px;flex:1 1 0;min-width:0;padding:var(--space-md)}.iromihon-page .finish-preview-label{color:var(--ink);display:block;font-size:var(--font-panel-title);font-weight:700;margin-bottom:var(--space-sm)}.iromihon-page .finish-preview-label small{color:var(--muted);display:block;font-size:var(--font-caption);font-weight:500;margin-top:.2rem}.iromihon-page .finish-preview canvas{aspect-ratio:480/200;display:block;max-height:20rem;width:100%}.iromihon-page .finish-preview canvas,.iromihon-page .joint-settings{background:var(--bg-soft);border:.1rem solid var(--line);border-radius:var(--radius-lg)}.iromihon-page .joint-settings{-webkit-box-flex:1;-moz-box-flex:1;-ms-grid-columns:1fr;-ms-flex-line-pack:start;-webkit-align-content:start;align-content:start;display:-ms-grid;display:grid;-webkit-flex:1 1 0;-ms-flex:1 1 0px;flex:1 1 0;gap:var(--space-md);grid-template-columns:1fr;min-width:0;padding:var(--space-md)}@media only screen and (max-width:1024px){.iromihon-page .finish-preview,.iromihon-page .joint-settings{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.iromihon-page .finish-preview canvas{max-height:none}}.iromihon-page .joint-settings h3{color:var(--ink);font-size:2.4rem;font-weight:700;line-height:1.4;text-align:center;text-align:left}.iromihon-page .joint-settings h3>span{font-size:1.6rem;font-weight:500;margin-left:1.2rem}@media only screen and (max-width:768px){.iromihon-page .joint-settings h3{font-size:2rem}.iromihon-page .joint-settings h3>span{display:block;font-size:1.4rem;margin-left:0;margin-top:.4rem}}.iromihon-page .range-line{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--space-xs)}.iromihon-page .range-line>span:first-child{color:var(--ink);font-size:var(--font-control);font-weight:700}.iromihon-page .range-line-control{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:var(--space-sm)}.iromihon-page .range-line-control input[type=range]{-webkit-box-flex:1;-moz-box-flex:1;accent-color:var(--accent-solid);-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.iromihon-page .range-line-control output{-webkit-box-flex:0;-moz-box-flex:0;color:var(--muted);-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:var(--font-caption);font-variant-numeric:tabular-nums;min-width:3.4rem;text-align:right}.iromihon-page .sim-btn{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--c-c-deep-lht-pri);border:.1rem solid var(--dark);border-radius:var(--radius-lg);color:var(--ink);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:var(--font-control);font-weight:700;gap:var(--space-xs);height:4.8rem;-webkit-justify-content:center;justify-content:center;-webkit-transition:background-color .2s linear,color .2s linear;transition:background-color .2s linear,color .2s linear}.iromihon-page .sim-btn svg{-webkit-box-flex:0;-moz-box-flex:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;-webkit-flex:none;-ms-flex:none;flex:none;height:1.8rem;width:1.8rem}.iromihon-page .sim-btn:hover{background:var(--dark);color:#fff}.iromihon-page .sim-btn.primary{background:var(--action);border-color:var(--action);color:#fff;-webkit-transition:-webkit-filter .2s linear;transition:-webkit-filter .2s linear;transition:filter .2s linear;transition:filter .2s linear,-webkit-filter .2s linear}.iromihon-page .sim-btn.primary:hover{-webkit-filter:brightness(1.12);filter:brightness(1.12)}body.iromihon-modal-open{overflow:hidden}body.iromihon-modal-open main.content{z-index:101}.iromihon-page .modal{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:rgba(0,0,0,.72);display:none;inset:0;-webkit-justify-content:center;justify-content:center;padding:2rem;position:fixed;z-index:200}.iromihon-page .modal.open{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.iromihon-page .modal-card{background:var(--panel);border:.1rem solid var(--line);border-radius:var(--radius-lg);color:var(--ink);max-height:86vh;overflow:auto;padding:2.2rem;position:relative;width:min(42rem,100%)}.iromihon-page .close{background:transparent;border:0;color:var(--ink);font-size:2.8rem;height:3.4rem;position:absolute;right:1.4rem;top:1.2rem;width:3.4rem}.iromihon-page .modal-head{-webkit-box-align:baseline;-moz-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:1rem;padding-right:3.5rem}.iromihon-page .modal-head h3{color:var(--ink);font-size:2.6rem;font-weight:700;line-height:1}.iromihon-page .badge{background:var(--bg-soft);border:.1rem solid var(--line);border-radius:var(--radius-pill);color:var(--ink);font-size:var(--font-caption);font-weight:700;padding:.3rem 1rem}.iromihon-page .modal-name{color:var(--muted);font-size:var(--font-control);font-weight:700;margin-top:1rem}.iromihon-page .modal-swatch{border:.1rem solid var(--line);border-radius:var(--radius-sm);height:13rem;margin:1.8rem 0;overflow:hidden}.iromihon-page .spec{-ms-grid-columns:11rem 1.6rem 1fr;border-bottom:.1rem solid var(--line);display:-ms-grid;display:grid;font-size:var(--font-control);gap:.7rem 1.6rem;grid-template-columns:11rem 1fr;margin-bottom:1.6rem;padding-bottom:1.6rem}.iromihon-page .spec dt{color:var(--muted)}.iromihon-page .spec dd{font-weight:700}.iromihon-page .info-block{border-bottom:.1rem solid var(--line);margin-bottom:1.6rem;padding:0 0 1.6rem}.iromihon-page .info-block h4{color:var(--ink);font-size:2rem;font-weight:700;line-height:1.5;margin-bottom:var(--space-sm)}@media only screen and (max-width:768px){.iromihon-page .info-block h4{font-size:1.8rem}}.iromihon-page .info-block p{color:var(--muted);font-size:var(--font-body);line-height:1.85}.iromihon-page .fav{background:var(--accent);border:0;border-radius:var(--radius-lg);color:#fff;font-size:1.5rem;font-weight:700;height:4.6rem;-webkit-transition:-webkit-filter .2s linear;transition:-webkit-filter .2s linear;transition:filter .2s linear;transition:filter .2s linear,-webkit-filter .2s linear;width:100%}.iromihon-page .fav:hover{-webkit-filter:brightness(1.12);filter:brightness(1.12)}.iromihon-page .fav.is-active{background:#900}.iromihon-page .fav.is-active:hover{-webkit-filter:brightness(1.15);filter:brightness(1.15)}.iromihon-page .fav--sim{background:var(--support-gradient);color:#fff;margin-top:1rem;-webkit-transition:background-color .2s linear;transition:background-color .2s linear}.iromihon-page .fav--sim:hover{-webkit-filter:brightness(.9);filter:brightness(.9)}#wrapper.iromihon main.content{background:#0a0e14}#wrapper.iromihon .content-item__body{max-width:100%;padding:0}#wrapper.iromihon .sub-page-title{display:none}.iromihon-page a:focus-visible,.iromihon-page button:focus-visible,.iromihon-page input:focus-visible,.iromihon-page select:focus-visible{outline:.2rem solid var(--accent-solid);outline-offset:.2rem}