/* Use the same vector icons at every viewport width. */
.fit-swipe-hint{display:none}
.mobile-icon{display:inline-block;flex:none;width:14px;height:14px;line-height:0;vertical-align:-2px}
.mobile-icon>.icon-text,.reel-play>.icon-text{display:none}
.mobile-icon>svg{display:block;width:100%;height:100%;pointer-events:none}
.reel-play{width:48px;height:48px;padding:0;background:#f7f5f0f2;color:#48533a;border:1px solid #48533a3d;box-shadow:0 2px 10px #20251f12}
.reel-play>svg{display:block;width:22px;height:22px;transform:translateX(1px);pointer-events:none}
@media(max-width:600px){
  .mobile-reel-label{top:calc(50% + 34px)}
  .fit-heading:after{display:none}
  .fit-heading p.fit-swipe-hint{display:block;margin:13px 0 0;color:var(--muted);font-size:10px;letter-spacing:.2px}
  .fit-swipe-hint>.mobile-icon{width:12px;height:12px}
  header nav .contact{display:inline-flex;align-items:center;gap:5px;min-height:44px}
  header nav .contact:after{content:'LINE';order:0}
  header nav .contact>.mobile-icon{order:1}
  .mobile-line-cta,.detail-copy .line-button,.help>.primary,.product-page-copy>.primary{gap:8px}
}