/* HotSale.jp site-wide LINE / email contact dock */
.hscf-contact{
  position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(74px,calc(18px + env(safe-area-inset-bottom)));
  z-index:250;display:flex;flex-direction:column;gap:9px;isolation:isolate;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Helvetica Neue",Arial,sans-serif;
}
.hscf-action{
  position:relative;box-sizing:border-box;width:68px;height:68px;border:1px solid rgba(17,17,19,.1);border-radius:16px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff!important;text-decoration:none!important;
  box-shadow:0 10px 28px rgba(10,20,18,.18);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
  -webkit-tap-highlight-color:transparent;
}
.hscf-action:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(10,20,18,.24);filter:saturate(1.06)}
.hscf-action:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #111,0 14px 34px rgba(10,20,18,.24)}
.hscf-line{background:#06c755}
.hscf-mail{background:#17191c}
.hscf-label{font-size:10px;font-weight:800;line-height:1;letter-spacing:.04em;white-space:nowrap}
.hscf-line-mark{position:relative;width:34px;height:26px;border-radius:9px;background:#fff;display:grid;place-items:center;color:#06b94f}
.hscf-line-mark:after{content:"";position:absolute;right:4px;bottom:-4px;border-width:4px 0 0 7px;border-style:solid;border-color:transparent transparent transparent #fff;transform:rotate(6deg)}
.hscf-line-mark span{font:900 9px/1 Arial,sans-serif;letter-spacing:-.03em}
.hscf-mail svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hscf-qr,.hscf-detail{
  position:absolute;right:calc(100% + 14px);bottom:0;pointer-events:none;opacity:0;visibility:hidden;
  transform:translateX(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.hscf-qr{
  box-sizing:border-box;width:214px;padding:13px;border:1px solid rgba(17,17,19,.12);border-radius:18px;background:#fff;color:#17191c;
  box-shadow:0 18px 50px rgba(0,0,0,.19);text-align:center;
}
.hscf-qr:after,.hscf-detail:after{content:"";position:absolute;right:-7px;bottom:23px;width:12px;height:12px;background:inherit;border-top:1px solid rgba(17,17,19,.12);border-right:1px solid rgba(17,17,19,.12);transform:rotate(45deg)}
.hscf-qr img{display:block!important;box-sizing:border-box;width:188px!important;height:188px!important;margin:0 auto 9px!important;border:0!important;border-radius:10px!important;object-fit:contain;background:#fff}
.hscf-qr strong,.hscf-qr small,.hscf-qr em{display:block;color:#17191c;text-decoration:none;font-style:normal}
.hscf-qr strong{font-size:13px;line-height:1.35}
.hscf-qr small{margin-top:3px;font-size:12px;line-height:1.35;font-weight:700;color:#06a947}
.hscf-qr em{margin-top:4px;font-size:9px;line-height:1.4;color:#70757c}
.hscf-detail{bottom:12px;padding:9px 12px;border:1px solid rgba(17,17,19,.12);border-radius:9px;background:#fff;color:#17191c;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;box-shadow:0 12px 32px rgba(0,0,0,.16)}
.hscf-line:hover .hscf-qr,.hscf-line:focus .hscf-qr,.hscf-line:focus-visible .hscf-qr,
.hscf-mail:hover .hscf-detail,.hscf-mail:focus .hscf-detail,.hscf-mail:focus-visible .hscf-detail{opacity:1;visibility:visible;transform:none}
@media(max-width:700px){
  .hscf-contact{right:max(12px,env(safe-area-inset-right));bottom:max(14px,calc(10px + env(safe-area-inset-bottom)));flex-direction:row;gap:8px}
  body.hotsale-custom-home .hscf-contact{right:max(62px,calc(55px + env(safe-area-inset-right)));bottom:calc(78px + env(safe-area-inset-bottom))}
  .hscf-action{width:50px;height:50px;border-radius:50%;gap:0}
  .hscf-label,.hscf-qr,.hscf-detail{display:none!important}
  .hscf-line-mark{width:29px;height:22px;border-radius:8px}.hscf-line-mark span{font-size:8px}
  .hscf-mail svg{width:24px;height:24px}
}
@media(max-width:360px){body.hotsale-custom-home .hscf-contact{right:max(57px,calc(50px + env(safe-area-inset-right)))}.hscf-action{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.hscf-action,.hscf-qr,.hscf-detail{transition:none!important}}
@media print{.hscf-contact{display:none!important}}

/* Permanent contact methods on /contact/ */
.hscf-page-panel{box-sizing:border-box;margin:32px 0 38px;padding:clamp(22px,4vw,38px);border:1px solid #dce5df;border-radius:22px;background:linear-gradient(145deg,#f4faf6 0%,#fff 62%);box-shadow:0 18px 48px rgba(16,45,31,.08)}
.hscf-page-head{max-width:760px}.hscf-page-kicker{margin:0 0 8px!important;color:#079d46!important;font:800 11px/1.2 Arial,sans-serif!important;letter-spacing:.14em}.hscf-page-head h2{margin:0!important;font-size:clamp(22px,3.2vw,34px)!important;line-height:1.35!important;letter-spacing:-.02em}.hscf-page-head>p:last-child{margin:12px 0 0!important;color:#5d665f!important;line-height:1.85!important}
.hscf-page-methods{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}.hscf-page-method{box-sizing:border-box;min-width:0;min-height:190px;padding:18px;border:1px solid #d9ddd9;border-radius:17px;display:flex;align-items:center;gap:18px;background:#fff;color:#17191c!important;text-decoration:none!important;box-shadow:0 9px 24px rgba(18,30,23,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.hscf-page-method:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(18,30,23,.11)}.hscf-page-method:focus-visible{outline:3px solid #17191c;outline-offset:3px}.hscf-page-line:hover{border-color:#06c755}.hscf-page-email:hover{border-color:#17191c}
.hscf-page-qr{flex:0 0 138px;padding:6px;border:1px solid #e0e6e1;border-radius:13px;background:#fff}.hscf-page-qr img{display:block!important;width:126px!important;height:126px!important;margin:0!important;border:0!important;border-radius:8px!important;object-fit:contain}.hscf-page-mail-icon{flex:0 0 74px;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:#17191c;color:#fff}.hscf-page-mail-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hscf-page-meta{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.hscf-page-meta small{color:#078f40;font:800 10px/1.2 Arial,sans-serif;letter-spacing:.14em}.hscf-page-email .hscf-page-meta small{color:#6b6e72}.hscf-page-meta strong{max-width:100%;margin-top:7px;font-size:15px;line-height:1.45;overflow-wrap:anywhere}.hscf-page-meta em{margin-top:6px;color:#687069;font-size:11px;line-height:1.55;font-style:normal}.hscf-page-meta b{margin-top:17px;color:#17191c;font-size:11px;line-height:1.2}.hscf-page-note{margin:18px 0 0!important;padding-top:15px;border-top:1px solid #e0e6e1;color:#6f756f!important;font-size:11px!important;line-height:1.7!important}
@media(max-width:760px){.hscf-page-methods{grid-template-columns:1fr}.hscf-page-method{min-height:160px}.hscf-page-qr{flex-basis:112px}.hscf-page-qr img{width:100px!important;height:100px!important}}
@media(max-width:480px){.hscf-page-panel{margin:25px 0 32px;padding:19px 15px;border-radius:16px}.hscf-page-method{min-height:0;padding:14px;gap:13px}.hscf-page-qr{flex-basis:88px;padding:4px}.hscf-page-qr img{width:78px!important;height:78px!important}.hscf-page-mail-icon{flex-basis:58px;width:58px;height:58px}.hscf-page-mail-icon svg{width:27px;height:27px}.hscf-page-meta strong{font-size:13px}.hscf-page-meta em{font-size:10px}.hscf-page-meta b{margin-top:11px}}
@media print{.hscf-page-panel{box-shadow:none}}