@charset "utf-8";

/* --- 関数 ---- */
:root {
/* 色 */
--F2F5F2: #F2F5F2;

--333333: #333333;
--707070: #707070 !important;
--3D3D3D: #3D3D3D !important;

--5594B3: #5594B3 !important;
--4388AA: #4388AA !important;

--FFF8F8: #FFF8F8 !important;


/* スペース */
--spc-10: clamp( 5px, 1.1vw, 10px);
--spc-15: clamp( 10px, 1.2vw, 15px);
--spc-20: clamp( 15px, 1.7vw, 20px);
--spc-25: clamp( 15px, 1.7vw, 25px);
--spc-30: clamp( 20px, 2.5vw, 30px);
--spc-35: clamp( 20px, 2.5vw, 35px);
--spc-40: clamp( 30px, 3.5vw, 40px);
--spc-45: clamp( 30px, 3.5vw, 45px);
--spc-50: clamp( 30px, 3.5vw, 50px);
--spc-60: clamp( 40px, 4.5vw, 60px);
--spc-65: clamp( 50px, 5.5vw, 65px);
--spc-75: clamp( 60px, 6.5vw, 75px);
--spc-80: clamp( 50px, 5.5vw, 80px);
--spc-90: clamp( 60px, 6.5vw, 90px);
--spc-100: clamp( 70px, 7.5vw, 100px);

/* フォント */
--greycliff: greycliff-cf, sans-serif !important;
--a1Gothic: 'A1 Gothic R', 'A P-OTF A1ゴシック Std', 'A P-OTF A1Gothic Std', sans-serif !important;
}

/* ---- 共通設定 ---- */
body{
  font-family: "Yu Gothic Pr6N M", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  color: var(--333333);
  font-weight: 500;
  font-size: 14px;
}
.greycliff{
  font-family: greycliff-cf, sans-serif !important;
}
.a1Gothic{
  font-family: 'A1 Gothic R', 'A P-OTF A1ゴシック Std', 'A P-OTF A1Gothic Std', sans-serif !important;
}
.g-inner{
  margin-inline: auto;
}
.g-inner{
    width:  87.201%;
}

img{
	height: auto;
	max-width: 100%;
	box-sizing: unset;
	vertical-align: bottom;
}
/* imgリセット */
.imgauto{
	height: auto;
	width: 100%;
	box-sizing: unset;
	line-height: 1rem;
	display: block;
}

@media screen and (min-width: 768px){
  .fs-l-main{
    background: var(--FFF8F8);
  }
  .catalog{
    max-width: 500px;
    margin-inline: auto;
    background-color: #fff;
  }
}

/* reset */
h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd{
  margin: 0;
  padding: 0;
  font-weight: 500;
}
footer{
  margin-top: 0;
}

/* 見出し */
.g-heding > *{
  display: block;
  letter-spacing: 0.05em;
}
.g-heding__en{
  color: var(--4388AA);
  font-family: var(--greycliff);
}
.g-heding__jp{
  font-family: var(--a1Gothic);
}
@media screen and (max-width: 767px){
  .g-heding__en{
    font-size: 25px;
  }
  .g-heding__jp{
    font-size: 19px;
  }
}
@media screen and (min-width: 768px){
  .g-heding__en{
    font-size: 33px;
  }
  .g-heding__jp{
    font-size: 25px;
  }
}


/* ヘッダー */
.menu_icon > span{
  background-color: var(--5594B3);
}
a.cart.ga_head img{
  display: none;
}
a.cart.ga_head{
  aspect-ratio: 1/1;
  --MASK: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxOCAxNy45Ij4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjkuMi4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMi4xLjAgQnVpbGQgMTE2KSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICMzMzM7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xOCw4LjlWMi4zYzAtLjMtLjItLjQtLjQtLjRINS44djFoMTEuMnY1LjdoMHMtMTAuOSwxLjYtMTAuOSwxLjZoMGMwLDAtMi44LTguOC0yLjgtOC44LS4yLS44LS45LTEuNC0xLjctMS40SDB2MWgxLjVjLjQsMCwuNy4zLjguN2wyLjgsOC43LTEsLjJjLTEsLjItMS42LjktMS42LDEuN3MuMiwxLC41LDEuM2MuMy4zLjguNSwxLjMuNWgxMS4ydi0xSDQuMWMtLjQsMC0uNS0uMS0uNS0uMi0uMi0uMi0uMi0uMy0uMi0uNiwwLS41LjMtLjcuNi0uOGwxMy41LTJjLjIsMCwuNC0uMi40LS40WiIvPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjYsMTUuOWMtLjItLjItLjUtLjMtLjgtLjNzLS42LjItLjguNGMtLjIuMi0uMy41LS4zLjhzLjIuNi40LjhjLjIuMi41LjMuOC4zcy42LS4yLjgtLjRjLjItLjIuMy0uNS4zLS44cy0uMi0uNi0uNC0uOFoiLz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTUuMSwxNS45Yy0uMi0uMi0uNS0uMy0uOC0uMy0uNywwLTEuMi41LTEuMiwxLjJzLjIuNi40LjguNS4zLjguM2MuNiwwLDEuMi0uNSwxLjItMS4ycy0uMi0uNi0uNC0uOFoiLz4KPCEtLSBDb2RlIGluamVjdGVkIGJ5IGxpdmUtc2VydmVyIC0tPgo8c2NyaXB0PgoJLy8gPCFbQ0RBVEFbICA8LS0gRm9yIFNWRyBzdXBwb3J0CglpZiAoJ1dlYlNvY2tldCcgaW4gd2luZG93KSB7CgkJKGZ1bmN0aW9uICgpIHsKCQkJZnVuY3Rpb24gcmVmcmVzaENTUygpIHsKCQkJCXZhciBzaGVldHMgPSBbXS5zbGljZS5jYWxsKGRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJsaW5rIikpOwoJCQkJdmFyIGhlYWQgPSBkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdOwoJCQkJZm9yICh2YXIgaSA9IDA7IGkgPCBzaGVldHMubGVuZ3RoOyArK2kpIHsKCQkJCQl2YXIgZWxlbSA9IHNoZWV0c1tpXTsKCQkJCQl2YXIgcGFyZW50ID0gZWxlbS5wYXJlbnRFbGVtZW50IHx8IGhlYWQ7CgkJCQkJcGFyZW50LnJlbW92ZUNoaWxkKGVsZW0pOwoJCQkJCXZhciByZWwgPSBlbGVtLnJlbDsKCQkJCQlpZiAoZWxlbS5ocmVmICYmIHR5cGVvZiByZWwgIT0gInN0cmluZyIgfHwgcmVsLmxlbmd0aCA9PSAwIHx8IHJlbC50b0xvd2VyQ2FzZSgpID09ICJzdHlsZXNoZWV0IikgewoJCQkJCQl2YXIgdXJsID0gZWxlbS5ocmVmLnJlcGxhY2UoLygmfFw/KV9jYWNoZU92ZXJyaWRlPVxkKy8sICcnKTsKCQkJCQkJZWxlbS5ocmVmID0gdXJsICsgKHVybC5pbmRleE9mKCc/JykgPj0gMCA/ICcmJyA6ICc/JykgKyAnX2NhY2hlT3ZlcnJpZGU9JyArIChuZXcgRGF0ZSgpLnZhbHVlT2YoKSk7CgkJCQkJfQoJCQkJCXBhcmVudC5hcHBlbmRDaGlsZChlbGVtKTsKCQkJCX0KCQkJfQoJCQl2YXIgcHJvdG9jb2wgPSB3aW5kb3cubG9jYXRpb24ucHJvdG9jb2wgPT09ICdodHRwOicgPyAnd3M6Ly8nIDogJ3dzczovLyc7CgkJCXZhciBhZGRyZXNzID0gcHJvdG9jb2wgKyB3aW5kb3cubG9jYXRpb24uaG9zdCArIHdpbmRvdy5sb2NhdGlvbi5wYXRobmFtZSArICcvd3MnOwoJCQl2YXIgc29ja2V0ID0gbmV3IFdlYlNvY2tldChhZGRyZXNzKTsKCQkJc29ja2V0Lm9ubWVzc2FnZSA9IGZ1bmN0aW9uIChtc2cpIHsKCQkJCWlmIChtc2cuZGF0YSA9PSAncmVsb2FkJykgd2luZG93LmxvY2F0aW9uLnJlbG9hZCgpOwoJCQkJZWxzZSBpZiAobXNnLmRhdGEgPT0gJ3JlZnJlc2hjc3MnKSByZWZyZXNoQ1NTKCk7CgkJCX07CgkJCWlmIChzZXNzaW9uU3RvcmFnZSAmJiAhc2Vzc2lvblN0b3JhZ2UuZ2V0SXRlbSgnSXNUaGlzRmlyc3RUaW1lX0xvZ19Gcm9tX0xpdmVTZXJ2ZXInKSkgewoJCQkJY29uc29sZS5sb2coJ0xpdmUgcmVsb2FkIGVuYWJsZWQuJyk7CgkJCQlzZXNzaW9uU3RvcmFnZS5zZXRJdGVtKCdJc1RoaXNGaXJzdFRpbWVfTG9nX0Zyb21fTGl2ZVNlcnZlcicsIHRydWUpOwoJCQl9CgkJfSkoKTsKCX0KCWVsc2UgewoJCWNvbnNvbGUuZXJyb3IoJ1VwZ3JhZGUgeW91ciBicm93c2VyLiBUaGlzIEJyb3dzZXIgaXMgTk9UIHN1cHBvcnRlZCBXZWJTb2NrZXQgZm9yIExpdmUtUmVsb2FkaW5nLicpOwoJfQoJLy8gXV0+Cjwvc2NyaXB0Pgo8L3N2Zz4=) no-repeat center center / 100%;
  mask: var(--MASK);
  -webkit-mask:  var(--MASK);
  background: var(--5594B3);
}