@charset "UTF-8";
/* ========================================
 Breakpoint定義
======================================== */
/* ========================================
 breakpoint取得関数
----------------------------------------
 bp(pc) → 1025px
 bp(900px) → 900px
======================================== */
/* ========================================
 media query mixin
----------------------------------------
 @include media(tab) → min-width:768px
 @include media(tab,max) → max-width:767px
======================================== */
:root {
  --design-width: 375;
  --contents-width: 335;
  --contents-side-padding: 20;
  --minwidth: 320;
  --narrow-contents-width: 335;
  --fixed-header-height: 56;
  --root-fz: 16;
  --line-height: 1.5;
}
@media (min-width: 768px) {
  :root {
    --design-width: 1025;
    --contents-width: 728;
    --narrow-contents-width: 768;
    --fixed-header-height: 94;
  }
}
@media (min-width: 1025px) {
  :root {
    --design-width: 1920;
    --contents-width: 1240;
    --narrow-contents-width: 1120;
  }
}
:root {
  --hover-opacity-ratio: 0.7;
  --hover-duration: .3s;
}

/*# sourceMappingURL=root-var.css.map */