/* -----------------フューチャーリセットCSS----------------- */
a:visited { color: var(--txt-c-base);}
.logout.my-false { display: none;}
.login.my-true { display: none; }
.fs-client-cart-count--0 { display: none;}

/* 内部の関数設定 */
:root {
  /* キャンセルや戻るボタン */
  --fs-btn-bg-c-secondary: var(--c-gray-300);
  /* その他ボタン */
  --fs-btn-bg-c-other: var(--txt-c-base);
  /* ボタン幅 */
  --fs-btn-w: 100%;
  /* 角丸 */
  --fs-btn-bdrs: 0px;
  /* 入力フィールド背景 */
  --fs-input-bg-c: var(--c-gray-100);
  /* 入力フィールドボーダー */
  --fs-input-bd-c: var(--c-gray-100);
  /* お気に入り色 */
  --fs-wish-color: var(--c-pink-300);
  /* レビュー色 */
  --fs-review-color: var(--c-gold);
}

@media screen and (min-width: 768px) {
  :root { /* ボタン高さ */--fs-btn-h: 50px; --fs-btn-maw: 300px;/* 入力フィールド高さ */--fs-input-h: 40px;/* 入力フィールド左右余白 */--fs-input-pd: 17px;/* 入力フィールド角丸 */
  --fs-input-bdrs: 10px;}}

@media screen and (max-width: 767px) {:root { --fs-btn-h: 60px; --fs-btn-maw: 336px; --fs-input-h: 35px; --fs-input-pd: 10px; --fs-input-bdrs: 5px; }}

/* 内部幅設定 */
#wrapper { margin-inline: auto; width: var(--inner-w); max-width: var(--pc-maw);  margin-bottom: var(--sec-spc); }

/* リセットCSS */
* { margin: 0; padding: 0; min-height: 0; min-width: 0; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; box-sizing: border-box; }
html { height: 100%; scroll-behavior: smooth; }
ul li,ol li { list-style: none; }
h1,h2,h3,h4,h5,h6 { font-weight: var(--fw-base); font-size: 100%; margin: 0; }
p { margin: 0;}
strong { font-weight: inherit;}
a:focus,*:focus { outline: none;}
article,header,footer,aside,figure,figcaption,nav,section,main { display: block;}
body { font-family: var(--ff-base); font-weight: var(--fw-base); font-feature-settings: "palt" 1; letter-spacing: var(--ls-default); width: 100%; color: var(--txt-c-base); position: relative; z-index: 0; overflow-x: clip;}
a { text-decoration: none; outline: none; word-wrap: break-word; color: var(--txt-c-base);}
a img,a { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s;}
img { height: auto; max-width: 100%; box-sizing: unset; vertical-align: bottom;}
.formReset button,.formReset input[type="button"],.formReset input[type="submit"],
.formReset input[type="text"],.formReset input[type="image"],.formReset select { background-color: unset; color: var(--txt-c-base); -webkit-appearance: none;  border-radius: 0; border: none;}
.formReset input[type="text"],.formReset input[type="text"]::placeholder { font-family: var(--ff-base);}
.formReset input[type="text"] { color: var(--txt-c-base);}
.formReset input[type="text"]::placeholder { color: var(--txt-c-addon);}
time { font-family: var(--ff-noto);}

/* フォントCSS */
.ff-mincho {
  font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', sans-serif;
}

/* CSS関数設定 */
:root {
  --c-white: #FFFFFF;
  --c-black: #3C3C3C;
  --c-black-op50: rgba(0, 0, 0, 0.5);
  --c-gray-100: #EDEDED;
  --c-gray-300: #A7A7A7;
  --c-gray-400: #797979;
  --c-dark-700: #2E2E2E;
  --c-red-500: #dc3b3b;
  --c-pink-100: #fcf9f9;
  --c-pink-300: #ee8899;
  --c-lightBlue: #F2F5F7;
  --c-gold: #B49634;
  /* テキストカラー --text-color- */
  --txt-c-base: var(--c-dark-700);
  --txt-c-addon: var(--c-gray-300);
  /* 共通角丸 --border-radius- */
  --bdrs-lg: 20px;
  /* ベース文字間隔 --letter-spacing */
  --ls-default: 0.1em;
  /* フォント --font-family- */
  --ff-base: "Noto Sans JP", serif;
  --ff-noto: "Noto Sans JP", serif;
  --ff-fami: "Familjen Grotesk", sans-serif;
  /* 英数字フォント --font-family- */
  --ff-en: var(--ff-fami);
  --ff-num: var(--ff-fami);
  /* フォントウェイト --font-weight- */
  --fw-base: 400;
  /* フォントサイズ --font-size */
  --fz-11: clamp(10px, 1.1vw, 11px);
  --fz-12: clamp(10px, 1.1vw, 12px);
  --fz-14: clamp(12px, 1.2vw, 14px);
  --fz-14-const: 14px;
  --fz-15-const: 15px;
  --fz-ss: var(--fz-12);/* super small */
  --fz-sm: var(--fz-14);/* medium */
  /* ブロック間 --space */
  --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-35: clamp(20px, 2.5vw, 35px);
  --spc-30: clamp(20px, 2.5vw, 30px);
  --spc-40: clamp(30px, 3.5vw, 40px);
  --spc-50: clamp(30px, 3.5vw, 50px);
  --spc-250: clamp(150px, 15vw, 250px);
  --spc-xs: var(--spc-10);/* extra small */
  --spc-ss: var(--spc-15);/* super small */
  --spc-sm: var(--spc-20);/* small */
  --spc-md: var(--spc-30);/* medium */
  --spc-lg: var(--spc-50);/* large */
  /* PCマックス幅 --pc-max-width */
  --pc-maw: var(--pc-maw-md); --pc-maw-ss: 900px; --pc-maw-sm: 1000px; --pc-maw-md: 1200px;
  --pc-maw-lg: 1440px;
  /* セクション間隔半分 --section-space */ --sec-spc-half: calc(var(--sec-spc) / 2);
}
/* -----------------入力リセット----------------- */
[type=hidden],[type=text],[type=search],[type=tel],[type=url],[type=email],[type=password],
[type=datetime],[type=date],[type=month],[type=week],[type=time],[type=datetime-local],
[type=number],select,textarea { background-color: var(--c-lightBlue); border-radius: var(--fs-input-bdrs); border: none; outline: none; font-weight: 400;}
[type=hidden],[type=text],[type=search],[type=tel],[type=url],[type=email],[type=password],
[type=datetime],[type=date],[type=month],[type=week],[type=time],[type=datetime-local],
[type=number] { min-height: var(--fs-input-h); padding-inline: var(--fs-input-pd);}
[class*="fs-c-inputGroup"] input { border-radius: 0;}
.fs-c-checkout-settings__additionalArea input,.fs-c-checkout-settings__additionalArea select,.fs-c-checkout-settings__additionalArea textarea { background-color: var(--c-white);}
select { min-height: var(--fs-input-h);}
textarea { padding-inline: var(--fs-input-pd);}
*:focus { outline: none;}
@media screen and (min-width: 768px) {
  textarea { min-height: 120px; padding-block: 10px; }
  select { padding-inline: var(--fs-input-pd) 30px; }
}
@media screen and (max-width: 767px) {
  textarea { min-height: 80px; padding-block: 8px; }
  select { padding-inline: var(--fs-input-pd) 20px; }
  ::placeholder { font-size: 12px; }
}
/* -----------------フォーム----------------- */
@media screen and (max-width: 767px){
	[type=hidden], [type=text], [type=search], [type=tel], [type=url], [type=email], [type=password], [type=datetime], [type=date], [type=month], [type=week], [type=time], [type=datetime-local], [type=number], select, textarea{
		font-size: 16px !important;
	}
}