@charset "utf-8";
:root {
  --basicColor: #4c4948;
  --blue: #406db5;
  --skyBlue: #2aa7e1;
  --r: 30px;
  
  /* cells */
  --cells: #0084b2;
  --cells-L: #32b7d8;
  --cells-gray: #9cb0c4;
  /* text */
  --color-txt: #4c4a4a;
  --color-txt-B: #9fa0a0;
  /* gray*/
  --color-gray: #808990;
  --color-gray-D: #6a717c;
  --color-gray-L: #c1c8ca;
  --color-gray-WG: #f7f7f7;
  --color-gray-footer: #4d535a;
  /* product*/
  --p-Daicho: #0a6eb9;
  --p-Kyuyo: #6daf42;
  --p-SaitekiCloud: #50b4c3;
  --p-Forrou: #2c8396;
  --p-HitoriOyakata: #915a00;
  --p-Uriage: #915a00;
  /* other */
  --r5: 5px;
  --r10: 10px;
  --r20: 20px;
  --r30: 30px;
  --sdw: drop-shadow(0 0 5px rgb(0 0 0 / .1));
  --sdw20: drop-shadow(0 0 10px rgb(0 0 0 / .3));
  --product: 595/357;
}
/* fontsize */
:root {
  --font-mds: 24px;
  --font-mds-L: 24px;
  --font-L: 18px;
  --font-M: 16px;
  --font-S: 14px;
  --font-cap: 12px;
}
@media screen and (min-width: 768px) {
  :root {
    --font-mds-L: 40px;
  }
}