/* ===== オンラインショップ（/shopping） ===== */
.hs-shop{--blue:#3879b1;--blue2:#5ec4dc;--name:#0375be;--text:rgba(0,0,0,.86);--sub:rgba(0,0,0,.60);
  --line:rgba(0,0,0,.10);--anchor:110px;
  /* ページの地色。テーマの body 背景に合わせています。テーマ側を変えたらここも変えてください */
  --bg:#f8f5f1;
  max-width:980px;margin:0 auto!important;padding:0!important;color:var(--text);font-feature-settings:"palt"}html{scroll-behavior:smooth}.hs-shop *{box-sizing:border-box}.hs-shop ruby rt{font-size:.5em;font-weight:400;letter-spacing:0}.hs-shop .hs-shop__lead{margin:0 0 22px!important;padding:0!important;font-size:15px!important;line-height:2!important;text-align:left}@media(min-width:1024px){.hs-shop .hs-shop__lead{font-size:16px!important;text-align:center}}.hs-shop .hs-nav{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;
  padding:10px 0!important;margin:0 0 8px!important;background:var(--bg)}.hs-shop .hs-nav a{display:flex;align-items:center;justify-content:center;text-align:center;padding:9px 4px!important;
  border:1px solid rgba(56,121,177,.3);border-radius:9px;color:var(--blue);text-decoration:none!important;
  font-size:11.5px;line-height:1.3;font-weight:700;background:transparent}.hs-shop .hs-nav a:hover, .hs-shop .hs-nav a.is-on{background:var(--blue);border-color:var(--blue);color:#fff}@media(min-width:768px){.hs-shop .hs-nav a{font-size:13.5px;padding:11px 6px!important}}.hs-shop .hs-cat{margin:18px 0 60px!important;padding:0!important;border:0!important;background:none!important;scroll-margin-top:var(--anchor)}.hs-shop .hs-cat__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 20px!important;
  padding:13px 16px!important;border-radius:14px;background:linear-gradient(90deg,var(--blue2),var(--blue));color:#fff}.hs-shop .hs-cat__title{margin:0!important;padding:0!important;font-size:19px;font-weight:700;letter-spacing:.06em;line-height:1.3}.hs-shop .hs-cat__sub{margin:3px 0 0!important;padding:0!important;font-size:11.5px;opacity:.93;line-height:1.4}.hs-shop .hs-cat__count{flex:none;font-size:12px;background:rgba(255,255,255,.22);border-radius:999px;padding:4px 11px}.hs-shop .hs-cat__list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media(min-width:768px){.hs-shop .hs-cat__list{grid-template-columns:repeat(3,1fr);gap:18px}}.hs-shop .hs-item{background:#fff;border-radius:12px;box-shadow:0 12px 26px rgba(0,0,0,.10);overflow:hidden;scroll-margin-top:var(--anchor)}.hs-shop .hs-item[open]{grid-column:1/-1;box-shadow:0 14px 34px rgba(0,0,0,.17)}.hs-shop .hs-item__card{list-style:none;cursor:pointer;display:flex;flex-direction:column;padding:10px!important;margin:0!important}.hs-shop .hs-item__card::-webkit-details-marker{display:none}.hs-shop .hs-item__card:focus-visible{outline:3px solid rgba(56,121,177,.35);outline-offset:2px}.hs-shop .hs-item[open] .hs-item__card{flex-direction:row;gap:16px;align-items:flex-start;border-bottom:1px solid var(--line)}.hs-shop .hs-item[open] .hs-item__media{width:190px;flex:none;aspect-ratio:4/3}.hs-shop .hs-item__media{border-radius:8px;overflow:hidden;aspect-ratio:4/3;background:linear-gradient(135deg,rgba(0,132,190,.08),rgba(120,120,120,.04))}
/* 商品写真はすべて 4:3 に揃えてあるため、カード側も 4:3 にして切り取りを起こさない */
.hs-shop .hs-item__img{width:100%;height:100%;display:block;object-fit:cover}.hs-shop .hs-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;
  background:linear-gradient(160deg,#f3f6f9,#e9eef3);color:#9aa9b6;text-align:center}.hs-shop .hs-ph__i{width:38px;height:30px;flex:none;opacity:.75}.hs-shop .hs-ph__t{font-size:10.5px;letter-spacing:.2em;font-weight:700;text-transform:uppercase}.hs-shop .hs-ph__f{font-size:10.5px;opacity:.85;word-break:break-all;padding:0 6px}
/* 制作用（社内版）のプレースホルダーは斜線で区別する */
.hs-shop .hs-ph.is-dev{background:repeating-linear-gradient(45deg,#eef2f6,#eef2f6 9px,#e4ebf1 9px,#e4ebf1 18px);color:#78899a;gap:4px}.hs-shop .hs-item__body{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;padding-top:8px}.hs-shop .hs-item__name{margin:2px 0 0!important;padding:0!important;color:var(--name);font-weight:900;font-size:15px;line-height:1.3;word-break:break-word}@media(min-width:1024px){.hs-shop .hs-item__name{font-size:16px}}.hs-shop .hs-item__lead{margin:6px 0 0!important;padding:0!important;font-size:12px;line-height:1.55;color:var(--sub)}.hs-shop .hs-item__bottom{margin:auto 0 0!important;padding:8px 0 0!important;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.hs-shop .hs-item__amount{font-weight:900;font-size:17px;letter-spacing:.02em;line-height:1.2}.hs-shop .hs-item__meta{font-size:11px;color:var(--sub)}.hs-shop .hs-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.hs-shop .hs-badge{font-size:10px;padding:2px 8px;border-radius:999px}.hs-shop .hs-badge--keep{background:#e7f3ea;color:#3e7a4c}.hs-shop .hs-badge--todo{background:#fdf0e3;color:#a4611b}.hs-shop .hs-more{margin-top:9px;display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--blue);font-weight:700}.hs-shop .hs-more i{width:6px;height:6px;border-right:1.6px solid var(--blue);border-bottom:1.6px solid var(--blue);transform:rotate(45deg);margin-bottom:3px}.hs-shop .hs-more__c{display:none}.hs-shop .hs-item[open] .hs-more__o{display:none}.hs-shop .hs-item[open] .hs-more__c{display:inline}.hs-shop .hs-item[open] .hs-more i{transform:rotate(-135deg);margin-bottom:-2px}.hs-shop .hs-panel{padding:18px 16px 20px!important}.hs-shop .hs-spec{margin:0 0 14px!important;padding:0!important}.hs-shop .hs-row{display:flex;gap:12px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:13.5px;line-height:1.85}.hs-shop .hs-row dt{flex:none;width:92px;color:var(--blue);font-weight:700;font-size:12.5px;margin:0!important}.hs-shop .hs-row dd{margin:0!important}@media(max-width:520px){.hs-shop .hs-row{flex-direction:column;gap:2px}.hs-shop .hs-row dt{width:auto}}.hs-shop .hs-bul{background:#f6fafc;border-radius:10px;padding:12px 16px!important;margin:0 0 16px!important}.hs-shop .hs-bul__t{margin:0 0 6px!important;font-size:13px;font-weight:700;color:var(--blue)}.hs-shop .hs-bul ul{margin:0!important;padding-left:18px!important;font-size:13px;line-height:1.9}
/* 購入エリア */
.hs-shop .hs-buy{background:#f6f8f9;border:1px solid rgba(56,121,177,.18);border-radius:12px;padding:16px 18px!important}.hs-shop .hs-buy__t{margin:0 0 12px!important;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--blue)}.hs-shop .hs-sel{margin:0 0 12px!important}.hs-shop .hs-sel label{display:block;font-size:12px;font-weight:700;margin-bottom:5px}.hs-shop .hs-sel select{width:100%;max-width:420px;padding:10px 12px;font-size:14px;border:1px solid rgba(0,0,0,.25);
  border-radius:8px;background:#fff;color:inherit}.hs-shop .hs-price{margin:0 0 14px!important;padding:10px 0 12px!important;border-bottom:1px solid var(--line);font-size:13px}.hs-shop .hs-price b{font-size:22px;font-weight:900;letter-spacing:.02em}.hs-shop .hs-price small{font-size:11px;color:var(--sub);margin-left:6px}.hs-shop .hs-m{padding:11px 0;border-top:1px dotted rgba(0,0,0,.15)}.hs-shop .hs-m:first-of-type{border-top:0;padding-top:0}.hs-shop .hs-m__t{margin:0 0 8px!important;font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.hs-shop .hs-m__no{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;
  background:var(--blue);color:#fff;font-size:11px;flex:none}.hs-shop .hs-m__tag{font-size:10px;background:#e7f3ea;color:#3e7a4c;padding:2px 8px;border-radius:999px;font-weight:700}.hs-shop .hs-m__n{margin:7px 0 0!important;font-size:11.5px;line-height:1.7;color:var(--sub)}/* PayPalのボタンだけでなく、カード決済フォーム（カード番号・請求先住所）も
   この枠の中に描画される。260pxだとフォームが窮屈になるため広げてある。 */
.hs-shop .hs-ppbox{max-width:min(100%,500px);min-width:150px}.hs-shop .hs-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;
  font-size:13px;font-weight:700;padding:11px 20px;border-radius:999px;white-space:nowrap}.hs-shop .hs-btn--card{background:#2c2e2f;color:#fff!important;width:100%}.hs-shop .hs-btn--pp{background:#ffc439;color:#111!important;width:100%}.hs-shop .hs-btn--bk{background:#fff;color:var(--blue)!important;border:1.5px solid var(--blue)}.hs-shop .hs-btn--bk:hover{background:var(--blue);color:#fff!important}.hs-shop .hs-btn--inq{background:var(--blue);color:#fff!important;padding:12px 24px}.hs-shop .hs-flow{margin:0 0 12px!important;padding-left:20px!important;font-size:13px;line-height:1.9}.hs-shop .hs-note{margin:12px 0 0!important;padding:8px 12px!important;font-size:11.5px;line-height:1.75;border-radius:0 6px 6px 0}.hs-shop .hs-note--warn{color:#8a5312;background:#fdf6ee;border-left:3px solid #e0a860}.hs-shop .hs-note--todo{color:#5a6b7a;background:#f1f5f8;border-left:3px solid #9db4c6}.hs-shop .hs-note--todo b{display:block;font-size:10px;letter-spacing:.1em;margin-bottom:2px}.hs-shop .hs-guide{background:#fff;border-radius:14px;padding:24px 22px!important;box-shadow:0 12px 26px rgba(0,0,0,.08);scroll-margin-top:var(--anchor)}.hs-shop .hs-guide h2{margin:0 0 16px!important;padding:0 0 10px!important;font-size:18px;letter-spacing:.08em;border-bottom:2px solid var(--blue)}.hs-shop .hs-guide h3{margin:20px 0 8px!important;padding:0!important;font-size:14.5px;color:var(--blue)}.hs-shop .hs-guide h3:first-of-type{margin-top:0!important}.hs-shop .hs-guide p, .hs-shop .hs-guide li{font-size:13.5px;line-height:1.95;margin:0 0 5px!important}.hs-shop .hs-guide ul{padding-left:20px!important;margin:0 0 8px!important}.hs-shop .hs-pay{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:860px){.hs-shop .hs-pay{grid-template-columns:repeat(3,1fr)}}.hs-shop .hs-pay__box{border:1px solid var(--line);border-radius:10px;padding:14px 16px!important}.hs-shop .hs-pay__box h4{margin:0 0 8px!important;padding:0!important;font-size:13.5px}.hs-shop .hs-top{display:block;text-align:center;margin-top:26px;font-size:12px;color:var(--blue);text-decoration:none!important}