@charset "UTF-8";

:root {
  --black1: #222;
  --black2: #000;
  --black2RGB: 0, 0, 0;
  --black3: #434343;
  --black4: #3D3D3D;
  --black5: #333;
  --black6: #313131;
  --black6RGB: 49, 49, 49;
  --white: #fff;
  --red1: #B23245;
  --red2: #D96F66;
  --red3: #FFE8E6;
  --red4: #E6C4C1;
  --red5: #FFE8E6;
  --red6: #f00;
  --red7: #F68A8A;
  --gray1: #F4F4F4;
  --gray2: #B4B4B4;
  --gray3: #DCDCDC;
  --gray4: #E3E3E3;
  --gray5: #808080;
  --gray6: #CBCBCB;
  --gray7: #E2E2E2;
  --gray8: #7E7E7E;
  --gray9: #8A8A8A;
  --gray10: #707070;
  --gray11: #ccc;
  --gray12: #B3B3B3;
  --gray13: #D6D6D6;
  --gray14: #E6E6E6;
  --gray15: #D5D5D5;
  --gray16: #dadada;
  --yellow1: #F7F5E6;
  --orange1: #F0855D;
  --blue1: #59A1C7;
  --blue2: #61AEC2;
  --blue3: #1878b9;
  --blue4: #D0D7DB;
  --blue5: #F5F8FA;
  --gold: #B99338;
  --gold2: #AB9333;
  --gold3: #DFB922;
  --silver1: #5A5A5A;
  --bronze1: #C79459;
  --bronze2: #AB8660;

  --font-sans-serif: "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  

  /* for pc */
  --hover-opacity-transition: opacity .2s linear;
  --hover-opacity: .7;
  --hover-transition-goodsListImage: transform 2s cubic-bezier(0,0,.44,1.18);
  --hover-transition-goodsListText:.25s;
  --contents-width: 1060px;
  --contents-width-wide: 1200px;
  --contents-width-left: 200px;
  --contents-width-right: 800px;
  --zindex-hamburger-menu: 101;
  --zindex-hamburger-menu-overlay: 100;
  --zindex-glovalnav-child-menu: 100;
  --zindex-quickview-modal: 100;
  --zindex-bookmark-modal-icon: 10;
  --zindex-bookmark-modal: 100;
  --zindex-leftmenu-popup: 100;
  --zindex-goodslist-itemswrap: 100;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

/* ----全体設定---- */

body {
  margin: 0;
  font-family: var(--font-sans-serif);
  font-size: 14px;
  line-height: 1.5;
  color: var(--black1);
}

/* ----ヘッドライン---- */

h1,
.h1 {
  margin: 40px 0 20px;
  font-size: 32px;
  font-weight: normal;
}

h2 {
  margin: 20px 0;
  font-size: 26px;
  font-weight: normal;
}

h3 {
  margin: 10px 0;
  font-size: 21px;
  font-weight: normal;
}

/* ----リンク---- */

a {
  text-decoration: none;
  color: var(--black1);
}

a:hover {
  text-decoration: underline;
}

/* ----タグ---- */

img {
  max-width: 100%;
}

hr {
  border: 0;
  border-bottom: 1px dotted #ccc;
}