@charset "UTF-8";
/* ==========================================================
   orbiter-item.css  商品ページ「メイン紹介文」用（.orb-item の中だけに効きます）
   色や余白を変えたいときは、このファイル1つを直せば全商品に反映されます。
   ========================================================== */
.orb-item{--navy:#042d7a;--ink:#242a35;--sub:#5b6472;--line:#e3e6ec;--tint:#f5f7fb;
  max-width:none;margin:0 0 28px;color:var(--ink);font-size:16px;line-height:1.9;text-align:left;}
.orb-item *{box-sizing:border-box;}
.orb-item p{margin:0 0 14px;}
/* 文章は読みやすい幅に、価格表だけ横幅いっぱい */
.orb-item>p,.orb-item>ul,.orb-item>ol,.orb-item>table,.orb-item>.orb-box{max-width:860px;}
.orb-item .orb-lead{font-size:17px;font-weight:600;margin:0 0 22px;}
.orb-item h2,#main-column .orb-item h2{font-size:20px;font-weight:700;color:var(--ink);margin:38px 0 14px;padding:2px 0 10px 12px;
  border-left:4px solid var(--navy);border-bottom:1px solid var(--line);background:none;line-height:1.5;}
.orb-item h2:first-of-type,#main-column .orb-item h2:first-of-type{margin-top:0;}
.orb-item table{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:15.5px;}
.orb-item th,.orb-item td{border-bottom:1px solid var(--line);padding:11px 12px;text-align:left;vertical-align:top;line-height:1.8;}
.orb-item th{background:var(--tint);width:30%;font-weight:600;white-space:nowrap;}
.orb-item ul.orb-dots{list-style:none;margin:0 0 14px;padding:0;}
.orb-item ul.orb-dots li{position:relative;padding-left:16px;margin:0 0 4px;}
.orb-item ul.orb-dots li::before{content:"";position:absolute;left:2px;top:.8em;width:6px;height:6px;border-radius:50%;background:var(--navy);}
.orb-item .orb-uses{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin:0 0 14px;padding:0;list-style:none;}
.orb-item .orb-uses li{background:var(--tint);padding:10px 12px;font-size:15px;font-weight:600;}
.orb-item .orb-box{background:var(--tint);padding:16px 18px;margin:0 0 14px;}
.orb-item .orb-box p:last-child,.orb-item .orb-box ul:last-child{margin-bottom:0;}
.orb-item .orb-note{font-size:14px;color:var(--sub);}
.orb-item a{color:var(--navy);text-decoration:underline;}
.orb-item .orb-links{display:flex;flex-wrap:wrap;gap:4px 22px;margin:10px 0 0;padding:0;list-style:none;}
.orb-item .orb-links a{font-size:15px;font-weight:600;}
.orb-item .orb-links a::after{content:" ›";}
/* そのほかのサイズ（価格一覧） */
.orb-item .orb-sizes{margin:0 0 14px;}
.orb-item .orb-sizes h3{font-size:17px;margin:22px 0 4px;color:var(--navy);}
.orb-item .orb-sizes h4{font-size:15.5px;margin:12px 0 6px;}
.orb-item .orb-sizes .orb-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.orb-item .orb-sizes table{table-layout:fixed;width:100%;max-width:calc(130px + var(--n,6) * 170px);font-size:15.5px;margin:0 0 8px;border-collapse:collapse;}
.orb-item .orb-sizes th,.orb-item .orb-sizes td{text-align:right;padding:9px 14px 9px 4px;white-space:nowrap;vertical-align:middle;border:1px solid #d5dbe6;width:auto;font-weight:400;font-variant-numeric:tabular-nums;}
.orb-item .orb-sizes col.c-size{width:130px;}
/* 厚みの見出し：オービターネイビー＋金のライン */
.orb-item .orb-sizes thead th{background:var(--navy);color:#fff;font-size:15px;font-weight:600;border-color:#2a4c8f;border-bottom:3px solid #c9a227;}
.orb-item .orb-sizes thead th:first-child{background:#021f57;font-size:13px;font-weight:400;}
.orb-item .orb-sizes tbody th{background:#eef2fa;color:var(--navy);font-size:15px;font-weight:600;}
.orb-item .orb-sizes tbody tr:nth-child(even) td{background:#f7f8fa;}
.orb-item .orb-sizes td a{display:block;color:#1a4fb5;text-decoration:none;}
.orb-item .orb-sizes td a:hover{text-decoration:underline;}
.orb-item .orb-sizes tbody tr.is-big td{background:#fffbd6;}
.orb-item .orb-sizes tbody tr.is-big th{background:#fff3a6;color:var(--ink);}
.orb-item .orb-sizes .orb-big-mark{display:inline-block;width:14px;height:14px;background:#fffbd6;border:1px solid #e8d38f;vertical-align:-2px;margin-right:6px;}
/* いま見ている商品：塗りで示す */
.orb-item .orb-sizes tbody tr td.is-now{background:#d3e2fb;}
.orb-item .orb-sizes tbody tr td.is-now a{color:var(--navy);font-weight:700;}
.orb-item .orb-sizes .orb-unit{font-size:13px;color:var(--sub);text-align:right;margin:0 0 4px;}
.orb-item .orb-rel-sizes{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;}
.orb-item .orb-rel-sizes a{font-size:14.5px;}
@media (max-width:767px){
  .orb-item .orb-sizes table{min-width:calc(120px + var(--n,6) * 70px);max-width:none;font-size:14.5px;}
  .orb-item .orb-sizes tbody th,.orb-item .orb-sizes thead th:first-child{font-size:13.5px;padding-right:6px;}
  .orb-item .orb-sizes th,.orb-item .orb-sizes td{padding:9px 8px 9px 2px;}
  .orb-item .orb-sizes col.c-size{width:120px;}
  .orb-item .orb-sizes tbody th{position:sticky;left:0;z-index:1;}
}
/* PC：マウスを乗せたマスの行と列を十字に色付け */
.orb-item .orb-sizes tbody tr td.is-row,.orb-item .orb-sizes tbody tr td.is-col{background:#e3ebfa;}
.orb-item .orb-sizes thead tr th.is-col{background:#c9a227;color:#fff;}
.orb-item .orb-sizes tbody tr th.is-row{background:#c9a227;color:#fff;}
.orb-item .orb-sizes tbody tr td.is-hit{background:var(--navy);}
.orb-item .orb-sizes tbody tr td.is-hit a{color:#fff;}
.orb-item .orb-sizes .orb-up{font-size:13px;color:var(--sub);text-align:left;margin:4px 0 0;}
@media (max-width:600px){
  .orb-item{font-size:15.5px;}
  .orb-item h2,#main-column .orb-item h2{font-size:18px;}
  .orb-item th{width:36%;white-space:normal;}
  .orb-item .orb-sizes col.c-size{width:120px;}
}

/* 切断面の仕上げの選び方 */
.orb-item table.orb-fin th{width:26%;}
/* 購入欄へ戻るボタン */
.orb-item .orb-buy{max-width:860px;margin:36px 0 0;}
.orb-item .orb-buy a{display:block;background:var(--navy);color:#fff;text-align:center;font-size:17px;font-weight:700;padding:16px 12px;text-decoration:none;border-bottom:3px solid #c9a227;}
.orb-item .orb-buy a::after{content:" ↑";}
.orb-item .orb-buy a:hover{background:#0a3f9e;color:#fff;}
/* ===== v8：ページのメリハリ ===== */
.orb-item .orb-points{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-width:860px;margin:0 0 18px;}
.orb-item .orb-points div{background:var(--navy);color:#fff;padding:14px 16px;border-bottom:3px solid #c9a227;}
.orb-item .orb-points b{display:block;font-size:20px;line-height:1.4;}
.orb-item .orb-points span{display:block;font-size:13.5px;line-height:1.6;opacity:.9;}
.orb-item .orb-nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 4px;max-width:860px;margin:0 0 34px;font-size:14.5px;}
.orb-item .orb-nav span{color:var(--sub);font-size:13px;margin-right:8px;}
.orb-item .orb-nav a{display:inline-block;background:var(--tint);color:var(--navy);padding:6px 12px;text-decoration:none;font-weight:600;}
.orb-item .orb-nav a::after{content:" ↓";font-weight:400;}
.orb-item .orb-nav a:hover{background:#e3ebfa;}
.orb-item h2[id]{scroll-margin-top:80px;}
.orb-item .orb-sub{font-weight:700;margin:18px 0 8px;}
/* 切断面の仕上げ：3つのタイル */
.orb-item .orb-fins{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-width:860px;margin:0 0 10px;}
.orb-item .orb-fins div{background:var(--tint);padding:14px 16px 12px;}
.orb-item .orb-fins svg{display:block;width:110px;height:auto;margin:0 0 8px;}
.orb-item .orb-fins b{display:block;font-size:16.5px;}
.orb-item .orb-fins em{display:inline-block;font-style:normal;font-size:13.5px;font-weight:700;color:#fff;background:var(--navy);padding:1px 8px;margin:4px 0 8px;}
.orb-item .orb-fins p{font-size:14.5px;line-height:1.75;margin:0;}
/* カットの注文方法 */
.orb-item .orb-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-width:860px;margin:0 0 14px;}
.orb-item .orb-steps div{border:1px solid var(--line);padding:14px 16px;position:relative;}
.orb-item .orb-steps i{display:inline-block;font-style:normal;background:var(--navy);color:#fff;font-weight:700;width:28px;height:28px;line-height:28px;text-align:center;margin:0 0 6px;}
.orb-item .orb-steps b{display:block;font-size:15.5px;line-height:1.5;margin:0 0 4px;}
.orb-item .orb-steps p{font-size:14px;line-height:1.7;margin:0;color:var(--sub);}
.orb-item .orb-cutbox{display:grid;grid-template-columns:1fr 1fr;gap:4px;max-width:860px;margin:0 0 6px;}
.orb-item .orb-cutex,.orb-item .orb-cutpic{background:var(--tint);padding:16px 18px;}
.orb-item .orb-cut-h{font-weight:700;color:var(--navy);margin:0 0 8px;}
.orb-item .orb-field{background:#fff;border:2px solid var(--navy);padding:12px 14px;font-size:16.5px;font-weight:600;line-height:1.9;margin:0 0 10px;font-variant-numeric:tabular-nums;}
.orb-item .orb-cutfig{display:block;width:100%;max-width:360px;height:auto;margin:0 0 8px;}
.orb-item .orb-cutfig text{font-family:inherit;}
.orb-item .orb-cutfig .t-s{font-size:12px;fill:#454e5c;}
.orb-item .orb-cutfig .t-m{font-size:12px;fill:#042d7a;font-weight:700;}
.orb-item .orb-cutfig .t-b{font-size:14px;fill:#042d7a;font-weight:700;}
.orb-item .orb-cutfig .t-r{font-size:12px;fill:#c0392b;font-weight:700;}
.orb-item h3{font-size:17px;margin:22px 0 8px;}
@media (max-width:767px){
  .orb-item .orb-points,.orb-item .orb-fins,.orb-item .orb-steps,.orb-item .orb-cutbox{grid-template-columns:1fr;}
  .orb-item .orb-points b{font-size:18px;display:inline;margin-right:8px;}
  .orb-item .orb-points span{display:inline;}
  .orb-item .orb-fins div{display:grid;grid-template-columns:96px 1fr;column-gap:12px;}
  .orb-item .orb-fins svg{grid-row:span 3;width:90px;}
}
.orb-item ul.orb-small li{font-size:14.5px;line-height:1.75;}
/* v9：オービターで買うと（4つの利点） */
.orb-item .orb-merit{max-width:860px;margin:0 0 18px;}
.orb-item .orb-merit-h{font-size:14px;font-weight:700;color:var(--navy);letter-spacing:.06em;margin:0 0 6px;}
.orb-item .orb-merit .orb-points{grid-template-columns:repeat(4,1fr);margin:0 0 10px;}
.orb-item .orb-merit .orb-points b{font-size:18px;}
.orb-item .orb-merit-t{font-size:15px;line-height:1.8;margin:0;}
@media (max-width:767px){ .orb-item .orb-merit .orb-points{grid-template-columns:1fr 1fr;} .orb-item .orb-merit .orb-points b{display:block;font-size:16px;} .orb-item .orb-merit .orb-points span{display:block;font-size:12.5px;} }
.orb-item .orb-sizes .orb-thk{font-size:14.5px;font-weight:700;color:var(--navy);margin:10px 0 4px;}
.orb-item .orb-sizes table.is-color thead th:not(:first-child){text-align:center;padding-left:4px;padding-right:4px;white-space:normal;line-height:1.35;}