/*--220228_font_ysm--*/
@charset "utf-8";
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Roboto:wght@400;700&display=swap');
* {font-family:'Noto Sans JP', sans-serif, "游ゴシック Medium", "游ゴシック", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3","メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;font-feature-settings:normal;-webkit-font-feature-settings:normal; margin:0;padding:0}
html { -webkit-text-size-adjust: none}
body{ margin:0;	padding:0}
::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
}
h1,h2,h3,h4,h5{feature-settings:"palt"; -webkit-font-feature-settings:"palt";}
h1 { font-size:17px; line-height:120%}
h2 { font-size:16px; line-height:120%}
h3 { font-size:15px; line-height:130%}
h4 { font-size:14px; line-height:140%; margin-bottom:0.4em}
h5 { font-size:12px; line-height:140%; margin-bottom:0.4em}
p { font-size:14px; line-height:140%; margin-bottom:0.5em}
ul { }
li { font-size:14px; line-height:130%; margin:0 0 0.4em 1.3em}
dt { font-size:14px; line-height:130%; font-weight:bold; margin-bottom:0.2em}
dd { font-size:14px; line-height:140%; margin-bottom:0.5em}
th { font-size:12px}
td { font-size:12px}

a { text-decoration:none; /*color:#36a1c9*/}
a img { border:none}

nav#GNavi li a { display: block;
              border: 1px outset #fff;
              border-color: #1A237E;
              background: #3F51B5;}:root {
  --width-pc-max:1100px;
  --size-txt-caption: 12px;
  --size-txt-s: 14px;
  --size-txt-m: 16px;
  --size-txt-l: 18px;
  --size-h-s: 16px;
  --size-h-m: 19px;
  --size-h-l: 21px;
  --size-h-xl: 27px;
  --color-font-light: #666;
  --color-font-mid: #333;
  --color-font-dark: #000;
  --color-font-sub: #888;
  --color-font-on: #fefefe;
  --color-border-light:#DEDEDE;
  --color-border-mid:#BCBCBC;
  --color-border-dark:#888;
  --color-ui-light:#f6f7f8;
  --color-ui-light-hover:var(--color-ui-light-action);
  --color-ui-light-action:#fefefe;
  --color-ui-mid:#adc1ca;
  --color-ui-mid-hover:var(--color-ui-mid-action);
  --color-ui-mid-action:#C3D6DE;
  --color-ui-dark:#556165;
  --color-ui-dark-hover:var(--color-ui-dark-action);
  --color-ui-dark-action:#77888E;
  --color-ui-surface:#E3E6E9;
  --color-alert:#CC0000;
  --color-alert-hover:var(--color-alert-action);
  --color-alert-action:#EE0000;
  --color-success:#16A085;
  --color-success-hover:var(--color-success-action);
  --color-success-action:#1ABC9C;
  --color-link:#007DCE;
  --color-link-hover:var(--color-link-action);
  --color-link-action:#00A5E3;
  --color-product:#0090D1;
  --color-product-hover:var(--color-product-action);
  --color-product-action:#00a5e3;
  --color-support:#4FBF3F;
  --color-support-hover:var(--color-support-action);
  --color-support-action:#6BCF41;
  --color-sale:#ef7f38;
  --color-sale-hover:var(--color-sale-action);
  --color-sale-action:#EFA038;
  --color-sale-price:#bb0000;
  --color-cart-bg:#ffcc00;
  --color-cart-border:#b77f00;
  --color-cart-txt:#4c2b00;
  --radius-s:2px;
  --radius-m:4px;
  --radius-l:8px;
  --radius-max:100vh;
  --shadow-light:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  --shadow-mid:0px 2px 6px rgba(0, 0, 0, 0.3);
  --shadow-dark:rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  --shadow-inset:rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset; }