#hako-nstyle-category-mobile{--hnm-blue:#356ba9;--hnm-navy:#263e50;--hnm-pale:#eff5fb;--hnm-line:#ccdae7;max-width:1100px;margin:0 auto;padding:0 24px 64px;box-sizing:border-box;color:var(--hnm-navy);font:16px/1.85 Meiryo,"Yu Gothic",sans-serif;text-align:left;overflow-wrap:anywhere}
#hako-nstyle-category-mobile *,#hako-nstyle-category-mobile *::before,#hako-nstyle-category-mobile *::after{box-sizing:border-box}
#hako-nstyle-category-mobile h1,#hako-nstyle-category-mobile h2,#hako-nstyle-category-mobile h3,#hako-nstyle-category-mobile p,#hako-nstyle-category-mobile .hnm-figure{margin:0}
#hako-nstyle-category-mobile h1,#hako-nstyle-category-mobile h2,#hako-nstyle-category-mobile h3{color:inherit;background:none;border:0;padding:0;line-height:1.5}
#hako-nstyle-category-mobile img{display:block;max-width:100%;height:auto;border:0}
#hako-nstyle-category-mobile a{color:var(--hnm-blue)}
#hako-nstyle-category-mobile button{font:inherit;cursor:pointer;touch-action:manipulation}
#hako-nstyle-category-mobile [hidden]{display:none!important}
#hako-nstyle-category-mobile :focus-visible{outline:3px solid #bd412e;outline-offset:4px}
#hako-nstyle-category-mobile .hnm-breadcrumb{font-size:12px;padding:12px 0 24px;color:#6b7c89}
#hako-nstyle-category-mobile .hnm-breadcrumb a{text-decoration:none;color:inherit}
#hako-nstyle-category-mobile .hnm-hero{display:grid;grid-template-columns:1.1fr 1fr;border-top:6px solid var(--hnm-blue);background:#f2f6fa;align-items:center;gap:16px;padding:44px 40px 38px}
#hako-nstyle-category-mobile .hnm-eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--hnm-blue);margin-bottom:16px}
#hako-nstyle-category-mobile h1{font-size:42px;letter-spacing:.025em;font-weight:800;margin-bottom:18px}
#hako-nstyle-category-mobile .hnm-hero-copy{font-size:23px;font-weight:700;line-height:1.7;margin-bottom:20px}
#hako-nstyle-category-mobile .hnm-hero-text{font-size:15px;margin-bottom:26px}
#hako-nstyle-category-mobile .hnm-hero .hnm-figure{padding:10px 0 0}
#hako-nstyle-category-mobile .hnm-figcaption{font-size:11px;color:#65798b;margin-top:10px;text-align:center}
#hako-nstyle-category-mobile .hnm-primary{display:flex;justify-content:space-between;align-items:center;background:var(--hnm-blue);color:#fff;border-radius:4px;text-decoration:none;padding:17px 22px;gap:16px;font-size:18px;font-weight:700;box-shadow:0 3px 0 #244c7a}
#hako-nstyle-category-mobile .hnm-primary:hover{background:#254f80}
#hako-nstyle-category-mobile .hnm-primary b{font-size:26px;font-variant-numeric:tabular-nums}
#hako-nstyle-category-mobile .hnm-primary small{font-size:15px;font-weight:400}
#hako-nstyle-category-mobile .hnm-facts{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--hnm-line);padding:24px 0;gap:8px}
#hako-nstyle-category-mobile .hnm-facts p{text-align:center;border-right:1px solid var(--hnm-line);font-size:14px}
#hako-nstyle-category-mobile .hnm-facts p:last-child{border:0}
#hako-nstyle-category-mobile .hnm-facts strong{font-size:19px;display:block}
#hako-nstyle-category-mobile .hnm-nav{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin:20px 0 0;font-size:13px}
#hako-nstyle-category-mobile .hnm-nav a{text-underline-offset:5px}
#hako-nstyle-category-mobile .hnm-section{scroll-margin-top:24px}
#hako-nstyle-category-mobile .hnm-section{margin-top:64px}
#hako-nstyle-category-mobile .hnm-section-heading{display:flex;align-items:baseline;gap:16px;margin-bottom:24px}
#hako-nstyle-category-mobile .hnm-section-heading span{color:var(--hnm-blue);font-size:15px;font-weight:700;letter-spacing:.06em}
#hako-nstyle-category-mobile h2{font-size:28px;font-weight:700}
#hako-nstyle-category-mobile .hnm-section-intro{margin-bottom:28px}
#hako-nstyle-category-mobile .hnm-delivery-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
#hako-nstyle-category-mobile .hnm-delivery-options button{background:#fff;color:var(--hnm-navy);border:1px solid #92aec9;border-radius:5px;padding:18px 6px 15px;line-height:1.45;box-shadow:0 3px 0 #d2dfea}
#hako-nstyle-category-mobile .hnm-delivery-options button strong{display:block;font-size:27px;line-height:1.4}
#hako-nstyle-category-mobile .hnm-delivery-options button small{font-size:13px;display:block;margin-top:6px}
#hako-nstyle-category-mobile .hnm-delivery-options button[aria-pressed="true"]{background:var(--hnm-blue);border-color:var(--hnm-blue);color:#fff;box-shadow:0 3px 0 #244c7a}
#hako-nstyle-category-mobile .hnm-delivery-options button:hover:not([aria-pressed="true"]){background:#e5f1fd}
#hako-nstyle-category-mobile .hnm-delivery-note{font-size:12px;color:#64798c;margin-top:18px}
#hako-nstyle-category-mobile .hnm-mode-options{display:flex;gap:22px;margin:36px 0 28px;max-width:700px}
#hako-nstyle-category-mobile .hnm-mode-options button{flex:1;background:#fff;color:var(--hnm-navy);border:2px solid #93aec8;border-radius:5px;padding:15px 16px;line-height:1.5}
#hako-nstyle-category-mobile .hnm-mode-options strong{display:block;font-size:22px}
#hako-nstyle-category-mobile .hnm-mode-options small{display:block;font-size:13px;margin:5px 0 9px}
#hako-nstyle-category-mobile .hnm-mode-state{display:inline-block;font-size:12px;font-weight:700;border-top:1px solid currentColor;padding-top:6px}
#hako-nstyle-category-mobile .hnm-mode-options button[aria-pressed="true"]{color:#fff;background:var(--hnm-blue);border-color:var(--hnm-blue)}
#hako-nstyle-category-mobile .hnm-mode-options button:hover:not([aria-pressed="true"]){background:#e5f1fd}
#hako-nstyle-category-mobile .hnm-result-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:30px 0 16px}
#hako-nstyle-category-mobile .hnm-result-summary h3{font-size:19px}
#hako-nstyle-category-mobile .hnm-result-summary b{font-size:32px;color:var(--hnm-blue);margin-left:14px;line-height:1}
#hako-nstyle-category-mobile .hnm-result-summary small{font-size:15px;font-weight:400;margin-left:4px}
#hako-nstyle-category-mobile .hnm-sort-copy{font-size:12px;text-align:right;color:#64798c}
#hako-nstyle-category-mobile .hnm-sort-copy span{display:block}
#hako-nstyle-category-mobile .hnm-table-note{padding:15px 18px;background:#eaf1f8;font-size:14px;border:1px solid var(--hnm-line);border-bottom:0}
#hako-nstyle-category-mobile .hnm-table-note strong{color:#264f7f}
#hako-nstyle-category-mobile .hnm-scroll{height:100vh;height:100dvh;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid var(--hnm-line)}
#hako-nstyle-category-mobile table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;line-height:1.5;background:#fff;font-size:18px;margin:0}
#hako-nstyle-category-mobile caption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
#hako-nstyle-category-mobile th,#hako-nstyle-category-mobile td{padding:15px 8px;text-align:center;vertical-align:middle;border:0;border-bottom:1px solid var(--hnm-line);border-right:1px solid #e1e9f0;white-space:normal;word-break:normal}
#hako-nstyle-category-mobile thead th{background:var(--hnm-navy);color:#fff;font-weight:700;font-size:16px;position:sticky;top:0;z-index:1}
#hako-nstyle-category-mobile thead th:first-child{width:19%}
#hako-nstyle-category-mobile thead th:last-child{width:18%}
#hako-nstyle-category-mobile thead .hnm-shipping-cell{width:13%}
#hako-nstyle-category-mobile thead button{width:100%;color:inherit;background:none;border:0;padding:2px 0;font-size:16px;font-weight:700}
#hako-nstyle-category-mobile thead button:hover{background:#3a5d78}
#hako-nstyle-category-mobile thead button span{font-size:10px;margin-left:4px}
#hako-nstyle-category-mobile tbody th{background:#ecf4fb;font-size:16px;text-align:left;padding-left:18px;font-weight:700}
#hako-nstyle-category-mobile tbody th small{display:block;font-size:10px;margin-top:4px}
#hako-nstyle-category-mobile tbody tr:hover td{background:#f5f9fd}
#hako-nstyle-category-mobile .hnm-current th,#hako-nstyle-category-mobile .hnm-current td{background:#fff4de}
#hako-nstyle-category-mobile .hnm-product-link{display:inline-block;padding:8px 14px;color:#fff;background:var(--hnm-blue);border-radius:3px;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}
#hako-nstyle-category-mobile .hnm-product-link:hover,#hako-nstyle-category-mobile .hnm-product-link:focus-visible{background:#c62828;color:#fff}
#hako-nstyle-category-mobile .hnm-list-foot{font-size:13px;margin-top:16px;color:#65798b}
#hako-nstyle-category-mobile .hnm-feature{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:36px}
#hako-nstyle-category-mobile .hnm-feature h3{font-size:23px;margin-bottom:18px}
#hako-nstyle-category-mobile .hnm-feature p+p{margin-top:22px}
#hako-nstyle-category-mobile .hnm-feature small{font-size:12px;color:#65798b}
#hako-nstyle-category-mobile .hnm-color-dots{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;margin:20px 0}
#hako-nstyle-category-mobile .hnm-color-dots span{display:flex;align-items:center;gap:8px}
#hako-nstyle-category-mobile .hnm-color-dots i{display:inline-block;width:20px;height:20px;border-radius:50%;border:1px solid #bac3cb;background:#c7ac71}
#hako-nstyle-category-mobile .hnm-color-dots .hnm-black{background:#262626}
#hako-nstyle-category-mobile .hnm-color-dots .hnm-white{background:#fff}
#hako-nstyle-category-mobile .hnm-japan{display:flex;align-items:center;gap:26px;padding:28px 32px;background:#f6f5f0;margin-top:40px}
#hako-nstyle-category-mobile .hnm-flag{position:relative;display:block;width:80px;height:50px;background:#fff;border:1px solid #d7d7d0;flex-shrink:0}
#hako-nstyle-category-mobile .hnm-flag::after{content:"";position:absolute;left:28px;top:13px;width:24px;height:24px;border-radius:50%;background:#b83d44}
#hako-nstyle-category-mobile .hnm-japan h3{font-size:22px;margin-bottom:6px}
#hako-nstyle-category-mobile .hnm-japan p{font-size:14px}
#hako-nstyle-category-mobile .hnm-shipping-info{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}
#hako-nstyle-category-mobile .hnm-shipping-info div{padding:24px 28px;background:#f1f5f8;border-top:3px solid #93adc5}
#hako-nstyle-category-mobile .hnm-shipping-info p{font-size:16px;margin-bottom:6px}
#hako-nstyle-category-mobile .hnm-shipping-info strong{font-size:27px}
#hako-nstyle-category-mobile .hnm-small-note{font-size:13px;color:#65798b;margin-top:16px}
#hako-nstyle-category-mobile .hnm-faq{margin-top:18px;border-top:1px solid var(--hnm-line)}
#hako-nstyle-category-mobile .hnm-faq .hnm-faq-item{border-bottom:1px solid var(--hnm-line);padding:22px 4px}
#hako-nstyle-category-mobile .hnm-faq-item p:not(.hnm-question){margin-top:16px;padding-left:24px;font-size:15px}
#hako-nstyle-category-mobile .hnm-bottom-cta{max-width:560px;margin:44px auto 0}
@media(max-width:760px){
  #hako-nstyle-category-mobile{padding:0 20px 44px;font-size:15px}
  #hako-nstyle-category-mobile .hnm-hero{grid-template-columns:1fr;padding:30px 24px 24px;gap:28px}
  #hako-nstyle-category-mobile h1{font-size:34px}
  #hako-nstyle-category-mobile .hnm-hero-copy{font-size:22px}
  #hako-nstyle-category-mobile .hnm-hero .hnm-figure{max-width:500px;margin:auto}
  #hako-nstyle-category-mobile .hnm-facts{grid-template-columns:1fr 1fr;gap:22px 8px}
  #hako-nstyle-category-mobile .hnm-facts p:nth-child(2){border:0}
  #hako-nstyle-category-mobile .hnm-nav{gap:14px 22px;font-size:12px}
  #hako-nstyle-category-mobile .hnm-section{margin-top:48px}
  #hako-nstyle-category-mobile h2{font-size:24px}
  #hako-nstyle-category-mobile .hnm-delivery-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #hako-nstyle-category-mobile .hnm-delivery-options button:first-child{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:14px;padding:14px}
  #hako-nstyle-category-mobile .hnm-delivery-options button:first-child strong{font-size:22px}
  #hako-nstyle-category-mobile .hnm-delivery-options button:first-child small{margin:0}
  #hako-nstyle-category-mobile .hnm-mode-options{gap:12px;margin-top:30px}
  #hako-nstyle-category-mobile .hnm-mode-options button{padding:15px 5px}
  #hako-nstyle-category-mobile .hnm-mode-options strong{font-size:20px}
  #hako-nstyle-category-mobile .hnm-mode-options small{font-size:12px}
  #hako-nstyle-category-mobile .hnm-result-summary{display:block}
  #hako-nstyle-category-mobile .hnm-result-summary h3{font-size:17px}
  #hako-nstyle-category-mobile .hnm-sort-copy{text-align:left;margin-top:12px}
  #hako-nstyle-category-mobile .hnm-table-note{padding:12px;font-size:12px}
  #hako-nstyle-category-mobile .hnm-scroll{height:auto;max-height:none;overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto}
  #hako-nstyle-category-mobile table{font-size:16px}
  #hako-nstyle-category-mobile th,#hako-nstyle-category-mobile td{padding:14px 3px}
  #hako-nstyle-category-mobile thead th,#hako-nstyle-category-mobile thead button{font-size:13px}
  #hako-nstyle-category-mobile thead th:first-child{width:23%}
  #hako-nstyle-category-mobile thead th:last-child{width:22%}
  #hako-nstyle-category-mobile tbody th{font-size:13px;padding-left:6px}
  #hako-nstyle-category-mobile .hnm-shipping-cell{display:none}
  #hako-nstyle-category-mobile .hnm-product-link{padding:9px 8px;font-size:12px}
  #hako-nstyle-category-mobile .hnm-feature{grid-template-columns:1fr;gap:24px}
  #hako-nstyle-category-mobile .hnm-feature img{max-width:500px;margin:auto}
  #hako-nstyle-category-mobile .hnm-feature h3{font-size:22px}
  #hako-nstyle-category-mobile .hnm-japan{padding:24px 20px;gap:18px;align-items:flex-start}
  #hako-nstyle-category-mobile .hnm-flag{width:54px;height:36px}
  #hako-nstyle-category-mobile .hnm-flag::after{width:18px;height:18px;left:17px;top:8px}
  #hako-nstyle-category-mobile .hnm-japan h3{font-size:20px}
  #hako-nstyle-category-mobile .hnm-shipping-info{grid-template-columns:1fr;gap:12px}
  #hako-nstyle-category-mobile .hnm-shipping-info div{padding:20px 24px}
}
@media(prefers-reduced-motion:no-preference){#hako-nstyle-category-mobile a,#hako-nstyle-category-mobile button{transition:background-color .15s,color .15s}}
@media(max-width:360px){#hako-nstyle-category-mobile .hnm-hero{padding:26px 18px 22px}#hako-nstyle-category-mobile h1{font-size:28px}#hako-nstyle-category-mobile .hnm-primary{padding:16px 12px;font-size:16px}#hako-nstyle-category-mobile .hnm-primary b{font-size:24px}#hako-nstyle-category-mobile .hnm-primary small{font-size:13px}#hako-nstyle-category-mobile .hnm-hero-copy{font-size:20px}}
#hako-nstyle-category-mobile .hnm-section-heading{background:#233d50;color:#fff;padding:14px 16px;gap:18px;align-items:baseline}#hako-nstyle-category-mobile .hnm-section-heading h2,#hako-nstyle-category-mobile .hnm-section-heading span{color:#fff;font-size:18px;font-weight:700;line-height:1.5}#hako-nstyle-category-mobile .hnm-section-heading span{flex-shrink:0}#hako-nstyle-category-mobile .hnm-section-heading h2{min-width:0}#hako-nstyle-category-mobile .hnm-primary{display:grid;grid-template-columns:1em minmax(0,1fr) 1em;gap:4px;text-align:center}#hako-nstyle-category-mobile .hnm-primary>span:first-child{grid-column:2;grid-row:1;min-width:0}#hako-nstyle-category-mobile .hnm-primary>span[aria-hidden]{grid-column:3;grid-row:1;justify-self:end}#hako-nstyle-category-mobile .hnm-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-bottom:1px solid #cbd7df;padding:26px 0;color:#293640;line-height:1.9}#hako-nstyle-category-mobile .hnm-facts p{text-align:center;border-right:1px solid #cbd7df;font-size:13px;margin:0}#hako-nstyle-category-mobile .hnm-facts p:last-child{border:0}#hako-nstyle-category-mobile .hnm-facts strong{display:flex;align-items:center;justify-content:center;gap:8px;min-height:32px;font-size:20px;color:#233d50;white-space:nowrap}#hako-nstyle-category-mobile .hnm-fact-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px}#hako-nstyle-category-mobile .hnm-fact-swatches{display:inline-flex;gap:4px;flex-shrink:0}#hako-nstyle-category-mobile .hnm-fact-swatches i{display:block;width:15px;height:15px;border:1px solid #9daab4;border-radius:50%;background:#fff}#hako-nstyle-category-mobile .hnm-fact-swatches .hnm-fact-brown{background:#ccad70;border-color:#ab8c55}#hako-nstyle-category-mobile .hnm-fact-swatches .hnm-fact-black{background:#262626;border-color:#262626}#hako-nstyle-category-mobile .hnm-fact-japan{display:inline-block;width:20px;height:20px;border-radius:50%;background:#bc3543;flex-shrink:0}@media(max-width:760px){#hako-nstyle-category-mobile .hnm-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 4px}#hako-nstyle-category-mobile .hnm-facts p{font-size:12px}#hako-nstyle-category-mobile .hnm-facts p:nth-child(2){border:0}#hako-nstyle-category-mobile .hnm-facts strong{font-size:clamp(14px,3.8vw,19px);gap:6px}#hako-nstyle-category-mobile .hnm-fact-swatches i{width:12px;height:12px}#hako-nstyle-category-mobile .hnm-fact-japan{width:17px;height:17px}}#hako-nstyle-category-mobile .hnm-facts-wrap{container-type:inline-size}@container(max-width:600px){#hako-nstyle-category-mobile .hnm-facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}#hako-nstyle-category-mobile .hnm-facts p:nth-child(2){border:0}}@media(min-width:761px){#hako-nstyle-category-mobile .hnm-hero{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}}#hako-nstyle-category-mobile .hnm-hero h1{white-space:nowrap}#hako-nstyle-category-mobile .hnm-hero-copy{text-wrap:balance}/* PC版のデザインと既存レスポンシブCSSを継承し、画像の幅だけ補正する。 */
#hako-nstyle-category-mobile{width:100%;min-width:0}
#hako-nstyle-category-mobile .hnm-hero>div,#hako-nstyle-category-mobile .hnm-feature>div{min-width:0}
#hako-nstyle-category-mobile .hnm-hero .hnm-figure,#hako-nstyle-category-mobile .hnm-feature .hnm-figure{width:100%;min-width:0;max-width:100%}
#hako-nstyle-category-mobile img{display:block;width:100%;max-width:100%;height:auto}
#hako-nstyle-category-mobile .hnm-feature img{max-width:100%}
#hako-nstyle-category-mobile .hnm-nav a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:760px){#hako-nstyle-category-mobile .hnm-hero,#hako-nstyle-category-mobile .hnm-feature{grid-template-columns:minmax(0,1fr)}}