@charset "UTF-8";
/*!
 * YUKIGUNI色見本｜日塗工632色 外壁カラーガイド
 * ページ専用スタイル
 *
 * すべてのセレクタは .iromihon-page 配下にスコープしてある。
 * yk テーマの共通クラス（.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 の配色には影響しない）。
 *   背景: ほぼ黒に近いダークネイビー（--bg）、カード類はそれよりわずかに明るい
 *         ダークグレー（--bg-soft / --panel）＋低コントラストの白系ボーダー（--line）
 *   アクセント: ゴールドグラデーション linear-gradient(135deg, --gold2, #7e531b)（--accent）。白文字とのコントラスト比4.5:1以上を確保できる濃さに調整済み。
 *              border-color/color/outline等グラデーション非対応のプロパティには単色の --accent-solid を使用
 *   見出し: Noto Sans JP のみ（欧文セリフ Playfair Display は廃止）
 *   装飾: 角丸・box-shadow・backdrop-filter は最小限に抑え、フラットな質感に統一
 *
 * フォント・余白・角丸トークン: カラーシミュレーションとダブルトーンシミュレーションで
 * 同じ役割の要素を同じ値に揃えるため、.iromihon-page 配下限定のCSSカスタムプロパティ
 * として定義する（役割ごとの粒度を保つため、全要素を同一サイズにはしない）。
 *   --font-section-title: セクションの主要見出し（h2）
 *   --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しない。
 *
 * レスポンシブ: テーマ標準の pc()/tablet()/sp() mixin（mixin/_device.scss）に統一する。
 * PC（min-width:1025px相当の見た目）を基準値として書き、@include tablet()（max-width:1024px）
 * → @include sp()（max-width:768px）の順で段階的に小さく上書きする（fontH1〜H4と同じ書き方）。
 * 見出し（h1〜h4）のフォントサイズ・行間も同じ _font.scss の fontH1〜fontH4 mixinをそのまま
 * @includeし、text-align・colorのみこのページのダークテーマ（左寄せ・--ink/白文字）に上書きする。
 */.iromihon-page{--bg:#0a0e14;--bg-soft:#111720;--panel:#161d27;--line:hsla(0,0%,100%,0.12);--ink:#eef1f5;--muted:#97a1b0;--gold2:#c4933f;--accent:linear-gradient(135deg,var(--gold2),#7e531b);--accent-solid:#c4933f;--accent-2:#f0cf95;--dark:#3a4453;--shadow:0 0.2rem 1rem rgba(196,147,63,0.25);--font-section-title:3.2rem;--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;overflow-x:clip;overflow-y:visible}.iromihon-page *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}.iromihon-page a{color:inherit;text-decoration:none}.iromihon-page button,.iromihon-page input,.iromihon-page select{font-family:inherit}.iromihon-page button{cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.iromihon-page img{max-width:100%}.iromihon-page .wrap{width:min(140rem,100%);margin:0 auto;padding:0 3rem}@media only screen and (max-width:768px){.iromihon-page .wrap{padding:0 1.8rem}}.iromihon-page .hero{position:relative;color:#fff;min-height:50rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);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) 50%/cover no-repeat;background:-o-linear-gradient(left,rgba(0,0,0,.78),rgba(0,0,0,.32),rgba(0,0,0,.05)),var(--hero-image) 50%/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) 50%/cover no-repeat}@media only screen and (max-width:768px){.iromihon-page .hero{min-height:42rem;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align: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) 50%/cover no-repeat;background:-o-linear-gradient(top,rgba(0,0,0,.41),rgba(0,0,0,.62)),var(--hero-image) 50%/cover no-repeat;background:linear-gradient(180deg,rgba(0,0,0,.41),rgba(0,0,0,.62)),var(--hero-image) 50%/cover no-repeat}}.iromihon-page .hero-content{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:2.4rem;padding:7rem 3rem;width:100%;max-width:140rem;margin-left:auto;margin-right:auto}@media only screen and (max-width:768px){.iromihon-page .hero-content{display:block;padding:9rem 1.8rem 2.8rem}}.iromihon-page .hero-copy{min-width:0;max-width:64rem}@media only screen and (max-width:768px){.iromihon-page .hero-copy{max-width:none}}.iromihon-page .hero h1{font-size:4rem;font-weight:700;line-height:1;text-align:left;color:#fff;letter-spacing:.03em;text-shadow:0 .4rem 1.4rem rgba(0,0,0,.4)}.iromihon-page .hero-lead{font-size:clamp(1.7rem,4.5vw,2.4rem);font-weight:700;margin-top:1.2rem;letter-spacing:.02em;line-height:1.5;color:#fff}.iromihon-page .hero-lead b{color:var(--accent-2)}.iromihon-page .operator{font-size:1.6rem;font-weight:500;margin-top:1.4rem;color:hsla(0,0%,100%,.88)}.iromihon-page .search{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;background:hsla(0,0%,100%,.08);border:.1rem solid hsla(0,0%,100%,.35);border-radius:var(--radius-md);overflow:hidden;margin-top:2rem;height:5rem;padding-left:1.8rem;max-width:56rem}@media only screen and (max-width:768px){.iromihon-page .search{max-width:none}}.iromihon-page .search-icon{color:hsla(0,0%,100%,.6);font-size:1.8rem;-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.iromihon-page .search input{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;border:0;outline:0;background:rgba(0,0,0,0);padding:0 1.7rem;font-size:var(--font-body);min-width:0;color:#fff}.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{width:8.8rem;border:0;background:var(--accent);color:#fff;font-weight:700;font-size:var(--font-control);-webkit-transition:-webkit-filter .2s linear;transition:-webkit-filter .2s linear;-o-transition:filter .2s linear;transition:filter .2s linear;transition:filter .2s linear, -webkit-filter .2s linear;-webkit-align-self:stretch;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.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{font-size:var(--font-caption);font-weight:700;margin-bottom:1rem;color:hsla(0,0%,100%,.88)}.iromihon-page .quick-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:var(--space-sm);-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.iromihon-page .quick-list a{border:.1rem solid hsla(0,0%,100%,.5);border-radius:var(--radius-lg);padding:.6rem 1.6rem;background:hsla(0,0%,100%,.08);color:#fff;font-size:var(--font-body);-webkit-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear}.iromihon-page .quick-list a:hover{background:hsla(0,0%,100%,.22)}.iromihon-page .count-card{border:.1rem solid var(--accent-solid);border-radius:var(--radius-lg);background:rgba(6,9,14,.88);backdrop-filter:blur(.6rem);-webkit-backdrop-filter:blur(.6rem);-webkit-box-shadow:0 .4rem 2.4rem rgba(196,147,63,.35);box-shadow:0 .4rem 2.4rem rgba(196,147,63,.35);overflow:hidden;color:#fff;max-width:34rem;width:100%;margin-top:0;-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}@media only screen and (max-width:768px){.iromihon-page .count-card{max-width:none;width:auto;margin-top:1.8rem;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none}}.iromihon-page .count-card-top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.iromihon-page .count-card-body{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0;padding:2rem;text-align:center}.iromihon-page .count-card-label{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.8rem;font-size:var(--font-caption);font-weight:700;letter-spacing:.08em;color:var(--accent-2)}.iromihon-page .count-card-label:after,.iromihon-page .count-card-label:before{content:"";-webkit-box-flex:1;-webkit-flex:1 1 1.6rem;-moz-box-flex:1;-ms-flex:1 1 1.6rem;flex:1 1 1.6rem;max-width:1.6rem;height:.1rem;background:var(--accent-solid)}.iromihon-page .count-card strong{display:block;font-size:5.6rem;font-weight:900;line-height:1;color:var(--accent-2);margin-top:.6rem}@supports ((-webkit-background-clip: text) or (background-clip: text)) or (-webkit-background-clip:text){.iromihon-page .count-card strong{background:-o-linear-gradient(315deg,var(--accent-2),var(--gold2) 60%,#7e531b);background:linear-gradient(135deg,var(--accent-2),var(--gold2) 60%,#7e531b);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.iromihon-page .count-card-unit{color:var(--accent-2)}}.iromihon-page .count-card-unit{font-size:2.4rem;margin-left:.4rem}.iromihon-page .count-card-caption{display:block;font-size:var(--font-caption);margin-top:.6rem;color:hsla(0,0%,100%,.8)}.iromihon-page .count-card-features{list-style:none;border-top:.1rem solid var(--line)}.iromihon-page .count-card-features li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:1.2rem;padding:1.2rem 2rem;font-size:var(--font-body);color:hsla(0,0%,100%,.92);border-bottom:.1rem solid var(--line)}.iromihon-page .count-card-features li:last-child{border-bottom:0}.iromihon-page .count-card-features .ico{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:3.6rem;height:3.6rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;border:.1rem solid var(--accent-solid);border-radius:var(--radius-md);color:var(--accent-2)}.iromihon-page .count-card-features .ico svg{width:1.8rem;height:1.8rem}.iromihon-page .count-card-features li>span:last-child{border-left:.1rem solid var(--accent-solid);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{font-size:3.2rem;text-align:center;font-weight:700;line-height:1.4;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;text-align:left;color:var(--ink);letter-spacing:.02em}.iromihon-page .section-title h2>span,.iromihon-page .sim-head h2>span{display:block;margin-top:.6rem;font-size:1.6rem;font-weight:500}@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{display:inline-block;width:.4rem;height:1em;background:var(--accent);font-size:inherit;vertical-align:middle;margin-right:.6rem}.iromihon-page .desc,.iromihon-page .filter-label,.iromihon-page .hint,.iromihon-page .pc-note,.iromihon-page .result-count,.iromihon-page .sim-head p{font-size:var(--font-body);color:var(--muted);font-weight:500;margin-top:var(--space-xs)}.iromihon-page .filter-area{margin:0}.iromihon-page .filter-search{height:4.8rem;border:.1rem solid var(--line);border-radius:var(--radius-md);background:var(--bg-soft);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;padding:0 1.4rem;max-width:62rem}@media only screen and (max-width:768px){.iromihon-page .filter-search{max-width:none}}.iromihon-page .filter-search .mag{font-size:2.2rem;color:var(--muted)}.iromihon-page .filter-search input{border:0;outline:0;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;font-size:var(--font-body);min-width:0;background:rgba(0,0,0,0);color:var(--ink)}.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{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;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.iromihon-page .filter-chip,.iromihon-page .filter-select{border:.1rem solid var(--line);border-radius:var(--radius-md);background:var(--bg-soft);padding:1.1rem 1.6rem;font-size:var(--font-control);font-weight:700;color:var(--ink);-webkit-transition:background-color .2s linear,color .2s linear,border-color .2s linear;-o-transition:background-color .2s linear,color .2s linear,border-color .2s linear;transition:background-color .2s linear,color .2s linear,border-color .2s linear;min-height:5rem}.iromihon-page .filter-select{text-align:center;-moz-text-align-last:center;text-align-last:center}.iromihon-page #favOnlyToggle,.iromihon-page #sort{width:100%}.iromihon-page .cchip,.iromihon-page .vchip{-webkit-box-flex:0;-webkit-flex:0 0 calc(33.333% - 0.667rem);-moz-box-flex:0;-ms-flex:0 0 calc(33.333% - 0.667rem);flex:0 0 calc(33.333% - 0.667rem)}.iromihon-page .filter-select option{background:var(--bg-soft);color:var(--ink)}.iromihon-page .filter-chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent-solid);color:#fff}.iromihon-page .filter-label{width:4.4rem;color:var(--muted);font-weight:700}.iromihon-page .filter-clear{margin-left:auto;border:0;background:rgba(0,0,0,0);color:var(--accent-solid);text-decoration:underline;text-underline-offset:.3rem;font-size:var(--font-body)}.iromihon-page .filter-clear--sidebar{display:block;width:100%;margin:var(--space-lg) 0 0;padding:1rem 0;border:.1rem solid var(--accent-solid);border-radius:var(--radius-md);text-align:center;text-decoration:none}.iromihon-page .hue-filter-wrap{margin:1.6rem 0 1.4rem}.iromihon-page .hue-title{font-size:var(--font-body);color:var(--muted);font-weight:700;margin-bottom:var(--space-sm)}.iromihon-page .hue-strip{display:-ms-grid;display:grid;-ms-grid-columns:1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr;grid-template-columns:repeat(11,1fr);gap:0}@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;grid-template-columns:repeat(6,1fr);gap:.1rem}}.iromihon-page .hue-btn{min-width:0;height:5.2rem;border:0;color:#fff;font-weight:700;font-size:var(--font-caption);text-shadow:0 .1rem .2rem rgba(0,0,0,.25);position:relative}@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{content:"";position:absolute;inset:.4rem;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)}.iromihon-page .colors-layout{margin-top:0;border:.1rem solid var(--line);border-radius:var(--radius-lg);background:var(--panel);padding:var(--space-lg);display:-ms-grid;display:grid;-ms-grid-columns:24rem 2.4rem 1fr;grid-template-columns:24rem 1fr;gap:2.4rem;-webkit-box-align:start;-webkit-align-items:start;-moz-box-align:start;-ms-flex-align:start;align-items:start}@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;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.iromihon-page .colors-sidebar .filter-chip{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-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;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.iromihon-page .colors-sidebar .filter-chip{-webkit-box-flex:0;-webkit-flex:0 0 calc(33.333% - 0.667rem);-moz-box-flex:0;-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;width:auto;margin-bottom:var(--space-sm)}.iromihon-page .grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1.4rem 1fr 1.4rem 1fr 1.4rem 1fr;grid-template-columns:repeat(4,1fr);gap:1.4rem}@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{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:.1rem solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-soft);text-align:center;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation;min-width:0;-webkit-transition:none;-o-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{display:block;width:100%;aspect-ratio:3/1;height:auto;border:.1rem solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.iromihon-page .color-code{display:block;width:100%;font-weight:700;padding:.6rem .8rem .8rem;font-size:var(--font-caption);line-height:1.15;letter-spacing:.02em;color:var(--ink)}.iromihon-page .color-badge{position:absolute;top:.6rem;left:.6rem;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:.3rem;padding:.2rem .7rem;border-radius:var(--radius-pill);background:var(--accent);color:#fff;font-size:1rem;font-weight:700;letter-spacing:.02em;line-height:1.6;-webkit-box-shadow:0 .1rem .4rem rgba(0,0,0,.35);box-shadow:0 .1rem .4rem rgba(0,0,0,.35)}.iromihon-page .color-badge:before{content:"★";font-size:.9rem}.iromihon-page .color-card-fav{position:absolute;top:.6rem;right:.6rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:var(--radius-pill);background:rgba(10,14,20,.55);color:hsla(0,0%,100%,.55);font-size:var(--font-caption);line-height:1}.iromihon-page .color-card-fav.is-active{background:#c65b5d;color:#fff}.iromihon-page .hint{margin-top:1.5rem;background:var(--bg-soft);border:.1rem solid var(--line);border-radius:var(--radius-lg);padding:var(--space-sm)}.iromihon-page .grid-footer{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.iromihon-page .grid-footer .result-count{margin-top:0}.iromihon-page .expand-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:var(--space-sm);width:100%;height:4rem;border:.1rem solid var(--accent-solid);border-radius:var(--radius-md);background:var(--accent);color:#fff;font-weight:700;margin-top:0;padding:0 1.8rem;font-size:var(--font-body);-webkit-transition:-webkit-filter .2s linear;transition:-webkit-filter .2s linear;-o-transition:filter .2s linear;transition:filter .2s linear;transition:filter .2s linear, -webkit-filter .2s linear}.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;-o-transition:transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease}.iromihon-page .expand-btn.is-expanded:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.iromihon-page .inline-sim{padding:0 0 var(--space-2xl)}.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{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-lg)}.iromihon-page .pc-layout-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--space-lg) 1fr;grid-template-columns:1fr 1fr;-webkit-box-align:start;-webkit-align-items:start;-moz-box-align:start;-ms-flex-align:start;align-items:start;gap:var(--space-lg)}@media only screen and (max-width:1024px){.iromihon-page .pc-layout-grid{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}}#color-simulation .pc-layout-grid{grid-template-areas:"photo controls" "note controls";-ms-grid-rows:auto 1fr;grid-template-rows:auto 1fr}#double-tone-simulation .pc-layout-grid{grid-template-areas:"photo controls" "note controls" "detail controls";-ms-grid-rows:auto auto 1fr;grid-template-rows:auto auto 1fr}.iromihon-page .pc-controls{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:2;grid-area:controls;background:var(--panel);padding:var(--space-lg)}.iromihon-page .pc-controls,.iromihon-page .pc-photo-stage{border:.1rem solid var(--line);border-radius:var(--radius-lg)}.iromihon-page .pc-photo-stage{-ms-grid-row:1;-ms-grid-column:1;grid-area:photo;position:static;line-height:0;overflow:hidden;background:var(--bg-soft);aspect-ratio:1536/1024}@media only screen and (max-width:1024px){.iromihon-page .pc-photo-stage{position:-webkit-sticky;position:sticky;top:70px;z-index:2}}@media only screen and (max-width:768px){.iromihon-page .pc-photo-stage{top:34px}}.iromihon-page .pc-canvas,.iromihon-page .pc-photo-base{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.iromihon-page .pc-note{-ms-grid-row:2;-ms-grid-column:1;grid-area:note;margin-top:var(--space-sm)}.iromihon-page .part-select-head{margin-bottom:var(--space-md)}.iromihon-page .part-select-head h3{font-size:2.4rem;text-align:center;font-weight:700;line-height:1.4;text-align:left;color:var(--ink)}.iromihon-page .part-select-head h3>span{margin-left:1.2rem;font-size:1.6rem;font-weight:500}@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;margin-top:.4rem;margin-left:0;font-size:1.4rem}}.iromihon-page .part-select-head p{font-size:var(--font-caption);color:var(--muted);margin-top:var(--space-xs)}.iromihon-page .part-tabs{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--space-sm) minmax(0,1fr) var(--space-sm) minmax(0,1fr) var(--space-sm) minmax(0,1fr);grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm);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{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--space-sm);border:.1rem solid var(--line);border-radius:var(--radius-md);background:var(--panel);color:var(--ink);min-height:6rem;padding:.8rem 1rem;font-size:var(--font-control);font-weight:700;line-height:1.2;text-align:left;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition:background-color .2s linear,color .2s linear,border-color .2s linear;-o-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;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;width:2.8rem;height:2.8rem;border-radius:var(--radius-sm);border:.1rem solid var(--line);background:#ddd}.iromihon-page .part-tab-copy{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-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(--accent);border-color:var(--accent-solid);color:#fff}.iromihon-page .part-tab.active .part-tab-swatch{border-color:hsla(0,0%,100%,.6)}.iromihon-page .pc-palette-head{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}.iromihon-page .pc-palette-head b{font-size:var(--font-control);color:var(--ink)}.iromihon-page .pc-palette-head span{font-size:var(--font-caption);color:var(--muted);font-weight:500}.iromihon-page .pc-tone-tabs{display:-ms-grid;display:grid;-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);grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-sm);margin:0 0 var(--space-sm)}.iromihon-page .pc-tone-tabs button{min-height:3.2rem;border:.1rem solid var(--line);border-radius:var(--radius-md);background:var(--panel);color:var(--ink);font-size:var(--font-caption);font-weight:700;-webkit-transition:background-color .2s linear,color .2s linear,border-color .2s linear;-o-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(--accent);border-color:var(--accent-solid);color:#fff}.iromihon-page .pc-search-wrap{position:relative;display:block;margin-bottom:var(--space-sm)}.iromihon-page .pc-search{height:4.2rem;border:.1rem solid var(--line);border-radius:var(--radius-md);background:var(--bg-soft);padding:0 4rem 0 1.2rem;width:100%;font-size:var(--font-body);color:var(--ink)}.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{position:absolute;right:1.4rem;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:var(--muted);font-size:1.8rem;pointer-events:none}.iromihon-page .pc-palette-count{display:block;font-size:var(--font-caption);color:var(--muted);font-weight:500;margin:-.2rem 0 var(--space-sm)}.iromihon-page .pc-palette{display:-ms-grid;display:grid;-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);grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-sm);max-height:25rem;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-transform:translateZ(0);transform:translateZ(0);padding-right:.2rem;-webkit-align-content:start;-ms-flex-line-pack:start;align-content:start}@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{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:.1rem solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);overflow:hidden;text-align:center;font-weight:700;font-size:var(--font-caption);min-height:6.8rem;-ms-touch-action:manipulation;touch-action:manipulation}.iromihon-page .pc-color.active{outline:.2rem solid var(--accent-solid);outline-offset:-.2rem;border-color:var(--accent-solid)}.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{display:block;width:100%;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;height:3.8rem;border-bottom:.1rem solid var(--line);-webkit-transform:translateZ(0);transform:translateZ(0)}.iromihon-page .pc-color span:last-child{display:block;width:100%;padding:.5rem .2rem}.iromihon-page .pc-color[hidden]{display:none}.iromihon-page .sim-actions{display:-ms-grid;display:grid;gap:var(--space-sm);-ms-grid-columns:minmax(0,1fr) var(--space-sm) minmax(0,1fr) var(--space-sm) minmax(0,1fr) var(--space-sm) minmax(0,1fr);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{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--space-sm) 1fr;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);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{display:-ms-grid;display:grid;-ms-grid-columns:8rem var(--space-sm) minmax(0,1fr);grid-template-columns:8rem minmax(0,1fr);-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-sm);min-height:7.2rem;padding:var(--space-md);border:.1rem solid var(--line);border-radius:var(--radius-lg);background:var(--bg-soft);text-align:left;-webkit-transition:background-color .2s linear,border-color .2s linear;-o-transition:background-color .2s linear,border-color .2s linear;transition:background-color .2s linear,border-color .2s linear}.iromihon-page .simulation-mode-card__icon{width:8rem;height:8rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.iromihon-page .simulation-mode-card__icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.iromihon-page .simulation-mode-card__content{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-xs);min-width:0;overflow-wrap:anywhere}.iromihon-page .simulation-mode-card strong{font-size:var(--font-control);color:var(--ink)}.iromihon-page .simulation-mode-card__description{font-size:var(--font-caption);line-height:1.6;color:var(--muted)}.iromihon-page .simulation-mode-card:hover:not(.is-active){border-color:var(--accent-solid)}.iromihon-page .simulation-mode-card.is-active{background:var(--accent);border-color:var(--accent-solid)}.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{font-size:2.4rem;text-align:center;font-weight:700;line-height:1.4;text-align:left;color:var(--ink)}.iromihon-page .finish-select-head h3>span{margin-left:1.2rem;font-size:1.6rem;font-weight:500}@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;margin-top:.4rem;margin-left:0;font-size:1.4rem}}.iromihon-page .finish-select-section{margin-bottom:var(--space-xl)}.iromihon-page .finish-select{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--space-sm) minmax(0,1fr) var(--space-sm) minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm)}.iromihon-page .finish-select-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:.1rem solid var(--line);border-radius:var(--radius-md);background:var(--panel);color:var(--ink);overflow:hidden;font-size:var(--font-caption);font-weight:700;text-align:center;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition:background-color .2s linear,border-color .2s linear;-o-transition:background-color .2s linear,border-color .2s linear;transition:background-color .2s linear,border-color .2s linear}.iromihon-page .finish-select-thumb{display:block;width:100%;height:5.6rem;border-bottom:.1rem solid var(--line);overflow:hidden}.iromihon-page .finish-select-thumb img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.iromihon-page .finish-select-btn span:last-child{display:block;width:100%;padding:.6rem .4rem}.iromihon-page .finish-select-btn.active{background:var(--accent);border-color:var(--accent-solid);color:#fff}.iromihon-page .finish-select-btn.active .finish-select-thumb{border-color:var(--accent-solid)}.iromihon-page .finish-detail-row{-ms-grid-row:3;-ms-grid-column:1;grid-area:detail;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--space-lg);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;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.iromihon-page .finish-preview{-webkit-box-flex:1;-webkit-flex:1 1 0;-moz-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0;padding:var(--space-md);border:.1rem solid var(--line);border-radius:var(--radius-lg);background:var(--bg-soft)}.iromihon-page .finish-preview-label{display:block;font-size:var(--font-panel-title);font-weight:700;color:var(--ink);margin-bottom:var(--space-sm)}.iromihon-page .finish-preview-label small{display:block;font-size:var(--font-caption);font-weight:500;color:var(--muted);margin-top:.2rem}.iromihon-page .finish-preview canvas{display:block;width:100%;max-height:20rem;aspect-ratio:480/200}.iromihon-page .finish-preview canvas,.iromihon-page .joint-settings{border:.1rem solid var(--line);border-radius:var(--radius-lg);background:var(--bg-soft)}.iromihon-page .joint-settings{-webkit-box-flex:1;-webkit-flex:1 1 0;-moz-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0;display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-md);-webkit-align-content:start;-ms-flex-line-pack:start;align-content:start}.iromihon-page .joint-settings h3{font-size:2.4rem;text-align:center;font-weight:700;line-height:1.4;text-align:left;color:var(--ink)}.iromihon-page .joint-settings h3>span{margin-left:1.2rem;font-size:1.6rem;font-weight:500}@media only screen and (max-width:768px){.iromihon-page .joint-settings h3{font-size:2rem}.iromihon-page .joint-settings h3>span{display:block;margin-top:.4rem;margin-left:0;font-size:1.4rem}}.iromihon-page .range-line{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-xs)}.iromihon-page .range-line>span:first-child{font-size:var(--font-control);font-weight:700;color:var(--ink)}.iromihon-page .range-line-control{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-sm)}.iromihon-page .range-line-control input[type=range]{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0;accent-color:var(--accent-solid)}.iromihon-page .range-line-control output{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;min-width:3.4rem;text-align:right;font-size:var(--font-caption);font-variant-numeric:tabular-nums;color:var(--muted)}.iromihon-page .sim-btn{height:4.8rem;border:.1rem solid var(--dark);border-radius:var(--radius-lg);background:var(--panel);color:var(--ink);font-weight:700;font-size:var(--font-control);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:var(--space-xs);-webkit-transition:background-color .2s linear,color .2s linear;-o-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;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;width:1.8rem;height:1.8rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.iromihon-page .sim-btn:hover{background:var(--dark);color:#fff}.iromihon-page .sim-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent-solid);-webkit-transition:-webkit-filter .2s linear;transition:-webkit-filter .2s linear;-o-transition: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)}.iromihon-page .modal{position:fixed;inset:0;z-index:200;display:none;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:2rem;background:rgba(0,0,0,.72)}.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);color:var(--ink);width:min(42rem,100%);max-height:86vh;overflow:auto;border:.1rem solid var(--line);border-radius:var(--radius-lg);padding:2.2rem;position:relative}.iromihon-page .close{position:absolute;right:1.4rem;top:1.2rem;width:3.4rem;height:3.4rem;border:0;background:rgba(0,0,0,0);font-size:2.8rem;color:var(--ink)}.iromihon-page .modal-head{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-moz-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:1rem;padding-right:3.5rem}.iromihon-page .modal-head h3{font-size:2.6rem;font-weight:700;line-height:1;color:var(--ink)}.iromihon-page .badge{background:var(--bg-soft);border:.1rem solid var(--line);border-radius:var(--radius-pill);padding:.3rem 1rem;font-size:var(--font-caption);color:var(--ink);font-weight:700}.iromihon-page .modal-name{font-size:var(--font-control);font-weight:700;margin-top:1rem;color:var(--muted)}.iromihon-page .modal-swatch{height:13rem;margin:1.8rem 0;border:.1rem solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.iromihon-page .spec{display:-ms-grid;display:grid;-ms-grid-columns:11rem 1.6rem 1fr;grid-template-columns:11rem 1fr;gap:.7rem 1.6rem;font-size:var(--font-control);border-bottom:.1rem solid var(--line);padding-bottom:1.6rem;margin-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);padding:0 0 1.6rem;margin-bottom:1.6rem}.iromihon-page .info-block h4{font-size:2rem;font-weight:700;line-height:1.5;color:var(--ink);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{font-size:var(--font-body);line-height:1.85;color:var(--muted)}.iromihon-page .fav{width:100%;height:4.6rem;border:0;border-radius:var(--radius-lg);background:var(--accent);color:#fff;font-weight:700;font-size:1.5rem;-webkit-transition:-webkit-filter .2s linear;transition:-webkit-filter .2s linear;-o-transition:filter .2s linear;transition:filter .2s linear;transition:filter .2s linear, -webkit-filter .2s linear}.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{margin-top:1rem;background:var(--dark);-webkit-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear}.iromihon-page .fav--sim:hover{background:#4d5a6d}#wrapper.iromihon main.content{background:#0a0e14}#wrapper.iromihon .content-item__body{padding:0;max-width:100%}#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}