@charset "UTF-8";
/*
#overview
base
*/
/*
#colors
@$primaryColor #5b9d43
@$secondaryColor #e49e49
@$warningColor #e96565
@$brownColor #956627

@$textColor #000000
@$textLinkColor #2372af

@$bgColor1 #f2ece3;
@$bgColor2 #f2f1ef;

@$borderColor #c8c8c8;
@$borderColor2 #e3dcd1;

@$formActiveColor #2a76b1;
*/
/* ------------------
  addtional
------------------ */
/* 共有 */
/*! destyle.css v1.0.15 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model */
/* ============================================ */
* {
  box-sizing: border-box;
}

::before,
::after {
  box-sizing: inherit;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border: 0;
  border-top: 1px solid;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content */
/* ============================================ */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  vertical-align: bottom;
}

embed,
object,
iframe {
  border: 0;
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable] {
  outline: none;
}

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #000000;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}

.fn-preview {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #000000;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}

a {
  text-underline-offset: 3px;
}
a:hover {
  color: inherit;
  text-decoration: underline;
}
a:hover img {
  opacity: 0.8;
}
a img {
  transition-property: opacity;
  transition-duration: 0.2s;
  backface-visibility: hidden;
}
a:visited {
  color: inherit;
}

img {
  max-width: 100%;
  height: auto;
}

button:focus,
input:focus,
optgroup:focus,
select:focus,
textarea:focus {
  outline: -webkit-focus-ring-color auto 1px;
  outline-color: -webkit-focus-ring-color;
  outline-style: auto;
  outline-width: 1px;
}

small {
  font-size: inherit;
}

iframe[name=google_conversion_frame] {
  float: left;
  width: 0 !important;
  height: 0 !important;
  margin-top: -13px;
  line-height: 0 !important;
  font-size: 0 !important;
}

:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}

body {
  min-width: 1200px;
  margin-inline: auto;
  overflow-wrap: anywhere; /* 収まらない場合に折り返す */
  word-break: normal; /* 単語の分割はデフォルトに依存 */
  line-break: strict; /* 禁則処理を厳格に適用 */
}
body.no-scroll {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  touch-action: none;
}

.fs-preview-header {
  position: fixed;
  z-index: 100;
  width: 100%;
  top: 0;
  margin-bottom: 0;
  background: #fff900;
  opacity: 0.7;
}

.fs-l-page {
  position: relative;
  padding-top: 125px;
}

/*
header
*/
.l-header-wrap {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  width: 100%;
  min-width: 1200px;
  height: 125px;
  padding-top: 15px;
  background-color: #fff;
  border-bottom: 1px solid #d2d2d2;
}
.l-header-wrap .l-header-inner {
  width: 100%;
  max-width: 1000px;
  margin-inline: auto;
}
.l-header-wrap .l-header {
  position: relative;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 15px;
  column-gap: 15px;
  background-color: #fff;
}
.l-header-wrap .l-header .l-header-btn {
  flex-shrink: 0;
  width: 140px;
}
.l-header-wrap .l-header .l-header-btn .m-btn {
  height: 45px;
  font-size: 14px;
  font-size: 1.4rem;
}
.l-header-wrap .l-header .l-header-btn .m-btn.is-loggedIn--true {
  display: none;
}
.l-header-wrap .l-header .l-header-btn .m-btn.btn-logout {
  display: inline-flex;
}
.l-header-wrap .l-header .l-header-btn .m-btn.btn-logout.is-loggedIn--false {
  display: none;
}
.l-header-wrap .l-header .l-header-btn .m-btn.btn-logout.is-loggedIn--true {
  display: inline-flex;
}
.l-header-wrap .btn-nav {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 55px;
  height: 55px;
  background-color: #e49e49;
}
.l-header-wrap .btn-nav .bar {
  width: 26px;
  height: 1px;
  background-color: #fff;
  margin-top: -1px;
  opacity: 1;
  transition: transform 0.4s;
}
.l-header-wrap .btn-nav::before, .l-header-wrap .btn-nav:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 1px;
  margin-top: -1px;
  transform: translate(-50%, -7px);
  background-color: #fff;
  transition: transform 0.4s;
}
.l-header-wrap .btn-nav::after {
  transform: translate(-50%, 7px);
}
.l-header-wrap .btn-nav:focus {
  outline: 0;
}
.l-header-wrap .btn-nav:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.l-header-wrap.is-open::before {
  pointer-events: auto;
  background: rgba(34, 34, 34, 0.7);
}
.l-header-wrap.is-open .btn-nav .bar {
  opacity: 0;
}
.l-header-wrap.is-open .btn-nav::before {
  transform: translate(-50%, -1px) rotate(-45deg);
}
.l-header-wrap.is-open .btn-nav::after {
  transform: translate(-50%, -1px) rotate(45deg);
}
.l-header-wrap.is-open .l-nav {
  visibility: visible;
  transform: translateX(0);
  pointer-events: auto;
}

.l-header-tel {
  flex-shrink: 0;
  margin-left: 5px;
}
.l-header-tel .m-tellink {
  position: relative;
  padding-left: 23px;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1;
  font-family: "Roboto", "Noto Sans JP", serif;
}
.l-header-tel .m-tellink .ico-tel {
  position: absolute;
  left: 0;
  top: 4px;
}
.l-header-tel-text {
  font-size: 12px;
  font-size: 1.2rem;
}

.l-header-util {
  flex: 0 auto;
  padding-top: 4px;
  margin-left: auto;
  font-size: 13px;
  font-size: 1.3rem;
}
.l-header-util-text {
  margin-bottom: 5px;
  text-align: right;
}
.l-header-util-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  -moz-column-gap: 20px;
  column-gap: 20px;
  max-width: 220px;
}
.l-header-util-item .btn-util {
  display: inline-flex;
  align-items: center;
}
.l-header-util-item .btn-util .ico {
  flex-shrink: 0;
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 25px;
  height: 21px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.l-header-util-item .btn-util .ico-cart {
  margin-right: 9px;
  background-image: url("../img/icon/ico_cart.svg");
  background-size: 25px 21px;
}
.l-header-util-item .btn-util .ico-cart .count {
  display: block;
  position: absolute;
  right: -7px;
  top: -7px;
  min-width: 14px;
  height: 14px;
  padding-inline: 3px;
  padding-block: 0;
  line-height: 14px;
  background-color: #e96565;
  border-radius: 14px;
  color: #fff;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  font-style: normal;
  white-space: nowrap;
}
.l-header-util-item .btn-util .ico-user {
  width: 23px;
  background-image: url("../img/icon/ico_user.svg");
  background-size: 15px 19px;
}
.l-header-util-item .btn-util .ico-mail {
  margin-right: 2px;
  background-image: url("../img/icon/ico_mail.svg");
  background-size: 19px 15px;
}

.l-header-search {
  margin-bottom: 20px;
  flex-shrink: 0;
}
.l-header-search .m-form-search {
  grid-template-columns: auto 70px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.l-header-search .m-form-search .m-input {
  width: 123.0769230769%;
  font-size: 16px;
  font-size: 1.6rem;
  height: 43.0769230769px;
  padding-inline: 18.4615384615px;
  border-width: 1.2307692308px;
  transform: scale(0.8125);
  transform-origin: left top;
}
.l-header-search .m-form-search .fs-p-searchForm__button {
  height: 35px;
  font-size: 13px;
  font-size: 1.3rem;
}
.l-header-search .m-form-search .fs-p-searchForm__button .ico-search {
  width: 13px;
}

/*
nav
*/
.l-nav {
  margin-top: 5px;
}
.l-nav .nav-list {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
.l-nav .nav-list .nav-item.new-tab .nav-link::after {
  right: 2px;
  background-image: url("../img/icon/ico_newtab.svg");
  background-size: 11px auto;
}
.l-nav .nav-item a {
  display: block;
  position: relative;
  padding: 5px 10px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  transition: color 0.3s;
}
.l-nav .nav-item a:hover {
  text-decoration: none;
}
.l-nav .nav-list-sub {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(4, auto);
  grid-auto-flow: column;
  gap: 3px 12%;
  margin-block: 35px;
}
.l-nav .nav-list-sub .nav-item a {
  padding-inline: 0;
  font-size: 13px;
  font-size: 1.3rem;
}

/*
docker
*/
.l-docker {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 15;
  width: 100%;
  height: 60px;
  height: calc(env(safe-area-inset-bottom) * 0.8 + 60px);
  background-color: #5b9d43;
}
.l-docker .docker-btn-box {
  display: flex;
  height: 100%;
}
.l-docker .btn-docker {
  flex: 1;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  width: 100%;
  height: 60px;
  text-align: center;
  font-size: 10px;
  font-size: 1rem;
  color: #fff;
  overflow-wrap: anywhere;
  word-break: keep-all;
}
.l-docker .btn-docker .ico {
  flex-shrink: 0;
  position: relative;
  display: block;
  width: 22px;
  height: 19px;
  margin-bottom: 5px;
  margin-inline: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.l-docker .btn-docker .ico-search-wh {
  background-image: url("../img/icon/ico_search_wh.svg");
  background-size: 15px 15px;
}
.l-docker .btn-docker .ico-chat-wh {
  background-image: url("../img/icon/ico_chat_wh.svg");
  background-size: 17px 17px;
}
.l-docker .btn-docker .ico-user-wh {
  background-image: url("../img/icon/ico_user_wh.svg");
  background-size: 14px 18px;
}
.l-docker .btn-docker .ico-mail-wh {
  background-image: url("../img/icon/ico_mail_wh.svg");
  background-size: 17px 14px;
}
.l-docker .btn-docker .ico-cart-wh {
  background-image: url("../img/icon/ico_cart_wh.svg");
  background-size: 21px 17px;
}
.l-docker .btn-docker .ico-cart-wh .count {
  display: block;
  position: absolute;
  right: -7px;
  top: -7px;
  min-width: 14px;
  height: 14px;
  padding-inline: 3px;
  padding-block: 0;
  line-height: 14px;
  background-color: #e96565;
  border-radius: 14px;
  color: #fff;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  font-style: normal;
  white-space: nowrap;
}
.l-docker .btn-docker:hover {
  text-decoration: none;
}

/*
contents
*/
.l-main .m-title {
  margin-bottom: 50px;
}

.fs-l-pageMain .m-title {
  margin-bottom: 50px;
}

.l-section {
  padding-block: 70px;
}

body.fs-body-top {
  /* ご愛用者さまの声 */
  /* ご愛用者さまの声 */
}
body.fs-body-top .m-form-search-wrap {
  padding-block: 45px;
  padding-inline: 5.35%;
  background-color: #f2ece3;
}
body.fs-body-top .user-voice-section .m-title-wrap {
  padding-inline: 150px;
}
body.fs-body-top .user-voice-section .m-title-wrap .m-title__obj {
  max-width: 127px;
  aspect-ratio: 1.3804347826/1;
}
body.fs-body-top .recommended-pair-section .m-title-wrap {
  padding-inline: 215px;
}
body.fs-body-top .recommended-pair-section .m-title-wrap .m-title__obj {
  max-width: 186px;
  aspect-ratio: 2.3544303797/1;
}

.top-mv-wrap {
  overflow: hidden;
  padding-block: 25px 65px;
  background: url("../img/mv_top_bg.jpg") no-repeat top center;
  background-size: cover;
}
.top-mv-wrap .m-box-info {
  margin-bottom: 20px;
}
.top-mv-wrap .mv-img {
  text-align: center;
}
.top-mv-wrap .m-btn-wrap {
  margin-top: 40px;
}

.top-slider-wrap {
  padding-bottom: 22px;
  background-color: #f2ece3;
}
.top-slider-wrap .fs-c-slick {
  padding-block: 10px;
  background-color: #fff;
}
.top-slider-wrap .fs-c-slick .slick-slide {
  max-width: max(625px, 32.65vw);
  margin-inline: 3px;
}
.top-slider-wrap .fs-c-slick .slick-slide img {
  width: 100%;
}
.top-slider-wrap .fs-c-slick .fs-pt-carousel__slide {
  vertical-align: top;
}
.top-slider-wrap .fs-c-slick .slick-prev,
.top-slider-wrap .fs-c-slick .slick-next {
  width: 45px;
  height: 45px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  transition: background 0.3s ease;
}
.top-slider-wrap .fs-c-slick .slick-prev:before,
.top-slider-wrap .fs-c-slick .slick-next:before {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/arr_slider.svg") no-repeat 17px 12px;
  background-size: 16px auto;
  font-size: 0;
  opacity: 1;
}
.top-slider-wrap .fs-c-slick .slick-prev {
  left: calc(50% - 312.5px - 20px);
}
.top-slider-wrap .fs-c-slick .slick-prev::before {
  transform: rotate(180deg);
}
.top-slider-wrap .fs-c-slick .slick-next {
  right: calc(50% - 312.5px - 20px);
}
.top-slider-wrap .fs-c-slick .slick-dots {
  position: absolute;
  inset-inline: 0;
  margin-inline: auto;
  bottom: -36px;
}
.top-slider-wrap .fs-c-slick .slick-dots li {
  margin-block: 0;
  margin-inline: 4px 5px;
}
.top-slider-wrap .fs-c-slick .slick-dots li button {
  width: 7px;
  height: 7px;
  padding: 0;
  border-radius: 50%;
  background-color: #d2d2d2;
}
.top-slider-wrap .fs-c-slick .slick-dots li button::before {
  display: none;
}
.top-slider-wrap .fs-c-slick .slick-dots li.slick-active button {
  background-color: #5b9d43;
}
.top-slider-wrap .top-slider {
  position: relative;
  max-width: 625px;
  overflow: visible;
}

/*
pagetop
*/
.l-footer-fix {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 5;
}
.l-footer-fix.is-fixed {
  position: absolute;
  transform: translateY(calc(-100% + 22px));
}

.l-pagetop {
  width: 45px;
  height: 45px;
  margin-inline: auto;
}
.l-pagetop-link {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #3a7525;
  border-radius: 50%;
}
.l-pagetop-link:hover {
  text-decoration: none;
}

.l-btn-cart {
  display: none;
  text-align: center;
}
.l-btn-cart-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 105px;
  height: 105px;
  background-color: #5b9d43;
  border-radius: 50%;
  margin-bottom: 10px;
  transition: opacity 0.4s;
}
.l-btn-cart-link > img {
  margin-right: 5px;
}
.l-btn-cart-link:hover {
  text-decoration: none;
}
.l-btn-cart-link:hover img {
  opacity: 1;
}
.l-btn-cart .text {
  display: block;
  margin-top: 5px;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
}
body.fs-body-product .l-btn-cart {
  display: block;
}

body.fs-body-product .l-footer-fix {
  right: 10px;
}

/*
footer
*/
.l-footer-inner {
  display: grid;
  grid-template-columns: auto 1fr;
  justify-content: space-between;
  gap: 50px;
  width: 100%;
}
.l-footer-top {
  padding-block: 60px;
  background: url("../img/footer_bg.jpg") center no-repeat;
  background-size: cover;
  color: #fff;
}
.l-footer-bot {
  padding-block: 12px;
  background-color: #fff;
}
.l-footer-bot .l-footer-inner {
  grid-template-columns: auto auto;
  align-items: center;
}
.l-footer-logo {
  margin-bottom: 20px;
}
.l-footer-site {
  color: #fff;
}
.l-footer-site.m-btn-text {
  color: #fff;
}
.l-footer-site.m-btn-text:visited, .l-footer-site.m-btn-text:hover {
  color: inherit;
}
.l-footer-address {
  margin-top: 15px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.8;
}
.l-footer .fs-p-footerUtilityMenu__list {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(7, auto);
  grid-auto-flow: column;
  justify-content: end;
  gap: 8px min(50px, 8%);
}
.l-footer .fs-p-footerUtilityMenu__list > li + li {
  margin-left: 0;
}
.l-footer .fs-p-footerUtilityMenu__list span {
  padding: 0;
}
.l-footer .fs-pt-menu__item a {
  display: block;
  position: relative;
  margin: 0;
  padding: 0 0 0 21px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: left;
  font-family: "Zen Maru Gothic", "Noto Sans JP", serif;
  border-top: 0 !important;
}
.l-footer .fs-pt-menu__item a::before {
  content: ">";
  display: block;
  position: absolute;
  left: 0;
  top: 6px;
  width: 9px;
  height: 11px;
  background: url("../img/arr_footer.svg") no-repeat;
  background-size: 100% auto;
  border: 0;
  font-size: 0;
  transition: left 0.2s;
}
.l-footer .fs-pt-menu__item a::after {
  display: none;
}
.l-footer .fs-pt-menu__item a:hover {
  color: inherit;
  text-decoration: none;
}
.l-footer .copyright {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.8;
  color: #646464;
}

.l-footer-util {
  padding-block: 65px 70px;
  background-color: #f2ece3;
  text-align: left;
}
.l-footer-util-inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 50px;
  column-gap: 50px;
  row-gap: 32px;
}
.l-footer-util .util-title {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #000000;
  font-size: 20px;
  font-size: 2rem;
  font-family: "Zen Maru Gothic", "Noto Sans JP", serif;
}
.l-footer-util .btn-util {
  position: relative;
  display: inline-flex;
  vertical-align: top;
  font-size: 20px;
  font-size: 2rem;
  font-family: "Zen Maru Gothic", "Noto Sans JP", serif;
  padding-right: 35px;
}
.l-footer-util .btn-util::before, .l-footer-util .btn-util::after {
  content: "";
  display: block;
  position: absolute;
  inset-block: 0;
  margin-block: auto;
  font-size: 0;
  transition: 0.2s;
}
.l-footer-util .btn-util::before {
  right: 5px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #000000;
}
.l-footer-util .btn-util::after {
  right: 16px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #000000;
  border-top: 1px solid #000000;
  transform: rotate(45deg);
}
.l-footer-util .btn-util:hover {
  text-decoration: none;
}
.l-footer-util .util-text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.75;
}
.l-footer-util .util-text.cancel {
  text-decoration: line-through;
}
.l-footer-util .util-text.spot {
  margin-block: 3px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #e96565;
  font-weight: 500;
}
.l-footer-util .img-payment {
  margin-top: 5px;
}
.l-footer-util .img-delivery {
  margin-top: 15px;
}

.m-pc-hidden {
  display: none;
}

.m-sp-hidden {
  display: inline-block;
}

.visually-hidden {
  /**
   * a11y-css-resetから引用
   * https://github.com/mike-engel/a11y-css-reset
  **/
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/*
#styleguide
.m-wrapper

中央寄せのクラス
```
<div class="m-wrapper">
<div style="background-color: rgba(255, 0, 0, 0.2); padding: 50px 20px;">デフォルトmax-width: 1000px;</div>
</div>
```
*/
/*
#styleguide
.m-wrapper-sm

中央寄せのクラス small
```
<div class="m-wrapper-sm">
<div style="background-color: rgba(255, 0, 0, 0.2); padding: 50px 20px;">デフォルトmax-width: 800px;</div>
</div>
```
*/
.m-wrapper {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.m-wrapper-sm {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.tCenter {
  text-align: center !important;
}

.tRight {
  text-align: right !important;
}

.tLeft {
  text-align: left !important;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.mT0 {
  margin-top: 0px !important;
}

.mT5 {
  margin-top: 5px !important;
}

.mT10 {
  margin-top: 10px !important;
}

.mT15 {
  margin-top: 15px !important;
}

.mT20 {
  margin-top: 20px !important;
}

.mT25 {
  margin-top: 25px !important;
}

.mT30 {
  margin-top: 30px !important;
}

.mT35 {
  margin-top: 35px !important;
}

.mT40 {
  margin-top: 40px !important;
}

.mT45 {
  margin-top: 45px !important;
}

.mT50 {
  margin-top: 50px !important;
}

.mB0 {
  margin-bottom: 0px !important;
}

.mB5 {
  margin-bottom: 5px !important;
}

.mB10 {
  margin-bottom: 10px !important;
}

.mB15 {
  margin-bottom: 15px !important;
}

.mB20 {
  margin-bottom: 20px !important;
}

.mB25 {
  margin-bottom: 25px !important;
}

.mB30 {
  margin-bottom: 30px !important;
}

.mB35 {
  margin-bottom: 35px !important;
}

.mB40 {
  margin-bottom: 40px !important;
}

.mB45 {
  margin-bottom: 45px !important;
}

.mB50 {
  margin-bottom: 50px !important;
}

.mL0 {
  margin-left: 0px !important;
}

.mL10 {
  margin-left: 10px !important;
}

.mL20 {
  margin-left: 20px !important;
}

.mL30 {
  margin-left: 30px !important;
}

.mR0 {
  margin-right: 0px !important;
}

.mR10 {
  margin-right: 10px !important;
}

.mR20 {
  margin-right: 20px !important;
}

.mR30 {
  margin-right: 30px !important;
}

.pT0 {
  padding-top: 0px !important;
}

.pT5 {
  padding-top: 5px !important;
}

.pT10 {
  padding-top: 10px !important;
}

.pT15 {
  padding-top: 15px !important;
}

.pT20 {
  padding-top: 20px !important;
}

.pT25 {
  padding-top: 25px !important;
}

.pT30 {
  padding-top: 30px !important;
}

.pT35 {
  padding-top: 35px !important;
}

.pT40 {
  padding-top: 40px !important;
}

.pT45 {
  padding-top: 45px !important;
}

.pT50 {
  padding-top: 50px !important;
}

.pB0 {
  padding-bottom: 0px !important;
}

.pB5 {
  padding-bottom: 5px !important;
}

.pB10 {
  padding-bottom: 10px !important;
}

.pB15 {
  padding-bottom: 15px !important;
}

.pB20 {
  padding-bottom: 20px !important;
}

.pB25 {
  padding-bottom: 25px !important;
}

.pB30 {
  padding-bottom: 30px !important;
}

.pB35 {
  padding-bottom: 35px !important;
}

.pB40 {
  padding-bottom: 40px !important;
}

.pB45 {
  padding-bottom: 45px !important;
}

.pB50 {
  padding-bottom: 50px !important;
}

.pL0 {
  padding-left: 0px !important;
}

.pL10 {
  padding-left: 10px !important;
}

.pL20 {
  padding-left: 20px !important;
}

.pL30 {
  padding-left: 30px !important;
}

.pR0 {
  padding-right: 0px !important;
}

.pR10 {
  padding-right: 10px !important;
}

.pR20 {
  padding-right: 20px !important;
}

.pR30 {
  padding-right: 30px !important;
}

.fc-green {
  color: #5b9d43 !important;
}

.fc-yellow {
  color: #e49e49 !important;
}

.fc-red {
  color: #e96565 !important;
}

.fc-brown {
  color: #956627 !important;
}

.fs-through {
  text-decoration: line-through;
}

.bg01 {
  background-color: #f2ece3 !important;
}

.bg02 {
  background-color: #f2f1ef !important;
}

.fw-medium {
  font-weight: 500 !important;
}

/*
#styleguide
.m-btn

汎用ボタンのクラス
aタグ、buttonタグに対応

iconは16*20に収まるのが推奨
```

<a href="#" class="m-btn">.m-btn</a>
<br><br>
<a href="#" class="m-btn m-btn--secondary">.m-btn.m-btn--secondary</a>
<br><br><br><br>
<button type="button" class="m-btn m-btn--max">buttonタグのボタン .m-btn.m-btn--max</button>
<br><br>
<div class="m-btn m-btn--max">
  <input type="submit" value="input[type=submit]、input[type=button]の場合">
</div>
<br><br>
<div class="m-btn-wrap">
  <a href="#" class="m-btn m-btn--secondary"><i class="ico ico-newbie"></i>初めての方へ</a>
  <a href="#" class="m-btn"><i class="ico ico-search"></i>商品を探す</a>
</div>
```
*/
.m-btn {
  max-width: 250px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 50px;
  padding-block: 5px;
  padding-inline: 10px;
  background-color: #5b9d43;
  border: 1px solid #5b9d43;
  border-radius: 5px;
  box-shadow: none;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0;
  transition: 0.35s ease;
  text-decoration: none;
}
.m-btn:has(input) {
  padding: 0;
}
.m-btn:has(input) input {
  width: 100%;
  height: 100%;
  padding-inline: 10px;
}
.m-btn:hover, .m-btn:active {
  opacity: 1;
  text-decoration: none;
  color: #fff;
  background-color: #518b3b;
  border-color: #518b3b;
}
.m-btn:focus {
  outline: 0;
}
.m-btn:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.m-btn:visited {
  color: #fff;
}
.m-btn:disabled, .m-btn.disabled {
  pointer-events: none;
  border-color: #8f8f8f;
  background-color: #8f8f8f;
  color: #fff;
}
.m-btn:disabled::after, .m-btn.disabled::after {
  display: none;
}
.m-btn .ico {
  flex-shrink: 0;
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 20px;
  margin-right: 9px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.m-btn .ico-newbie {
  background-image: url("../img/icon/ico_newbie_wh.svg");
}
.m-btn .ico-search {
  background-image: url("../img/icon/ico_search_wh.svg");
}
.m-btn--pill {
  border-radius: 50px;
}
.m-btn--max {
  width: 100%;
  max-width: unset;
}
.m-btn--sm {
  max-width: 160px;
  height: 35px;
  font-size: 14px;
  font-size: 1.4rem;
}
.m-btn--secondary {
  background-color: #e49e49;
  border-color: #e49e49;
}
.m-btn--warning {
  background-color: #e96565;
  border-color: #e96565;
}
.m-btn .ico-newtab-wh {
  flex-shrink: 0;
  display: inline-block;
  vertical-align: top;
  margin-left: 4px;
  width: 11px;
  aspect-ratio: 1;
  background: url("../img/icon/ico_newtab_wh_sm.png") no-repeat;
  background-size: 100% auto;
}

.m-btn-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-top: 30px;
  text-align: center;
}
.m-btn-wrap .m-btn-info-text {
  width: 100%;
  margin-bottom: 13px;
  line-height: 1.5625;
}
.m-btn-wrap.left {
  justify-content: flex-start;
}
.m-btn-wrap.vertical {
  flex-direction: column;
  align-content: flex-start;
}

/*
#styleguide
.m-btn-arr

テキストリンク
```
<a href="#" class="m-btn-arr">ダブルマジックⅢ</a>
```
*/
.m-btn-arr {
  position: relative;
  display: inline-flex;
  vertical-align: top;
  padding-right: 45px;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 1.6;
}
.m-btn-arr::before, .m-btn-arr::after {
  content: "";
  display: block;
  position: absolute;
  inset-block: 0;
  margin-block: auto;
  font-size: 0;
  transition: 0.2s;
}
.m-btn-arr::before {
  right: 5px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #000000;
}
.m-btn-arr::after {
  right: 16px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #000000;
  border-top: 1px solid #000000;
  transform: rotate(45deg);
}
.m-btn-arr:hover {
  text-decoration: none;
}

/*
#styleguide
.m-btn-text

テキストリンク
```
<a href="#" class="m-btn-text">もっとみる</a>
<a href="#" class="m-btn-text m-btn-text--black">もっとみる</a>
<a href="#" class="m-btn-text m-btn-text--blue">もっとみる</a>
<br><br>
<a href="#" class="m-btn-text no-line">もっとみる</a>
<a href="#" class="m-btn-text m-btn-text--black no-line">もっとみる</a>
<a href="#" class="m-btn-text m-btn-text--blue no-line">もっとみる</a>
<br><br>
<a href="#" class="m-btn-text has-arr">もっとみる</a>
<a href="#" class="m-btn-text m-btn-text--black has-arr">もっとみる</a>
<a href="#" class="m-btn-text m-btn-text--blue has-arr">もっとみる</a>
```
*/
.m-btn-text {
  position: relative;
  display: inline-block;
  text-decoration: underline;
  color: #5b9d43;
  transition: opacity 0.3s;
  line-height: 1.5;
}
.m-btn-text:visited, .m-btn-text:hover {
  color: #5b9d43;
}
.m-btn-text ~ .m-btn-text {
  margin-top: 5px;
}
.m-btn-text--black {
  color: #000000;
}
.m-btn-text--black:visited, .m-btn-text--black:hover {
  color: #000000;
}
.m-btn-text--blue {
  color: #2372af;
}
.m-btn-text--blue:visited, .m-btn-text--blue:hover {
  color: #2372af;
}
.m-btn-text .ico-newtab-wh {
  flex-shrink: 0;
  display: inline-block;
  vertical-align: top;
  margin-top: 6px;
  margin-left: 10px;
  width: 14px;
  aspect-ratio: 1;
  background: url("../img/icon/ico_newtab_wh.svg") no-repeat;
}
.m-btn-text.no-line {
  text-decoration: none;
}
.m-btn-text.no-line:hover {
  text-decoration: underline;
}
.m-btn-text.has-arr {
  padding-left: 30px;
}
.m-btn-text.has-arr::before, .m-btn-text.has-arr::after {
  content: "";
  display: block;
  position: absolute;
  font-size: 0;
  transition: 0.2s;
}
.m-btn-text.has-arr::before {
  top: 4px;
  left: 0;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  border: 1px solid #5b9d43;
}
.m-btn-text.has-arr::after {
  top: 11px;
  left: 6px;
  width: 5px;
  height: 5px;
  border-right: 1px solid #5b9d43;
  border-top: 1px solid #5b9d43;
  transform: rotate(45deg);
}
.m-btn-text.has-arr.m-btn-text--black::before, .m-btn-text.has-arr.m-btn-text--black::after {
  border-color: #000000;
}
.m-btn-text.has-arr.m-btn-text--blue::before, .m-btn-text.has-arr.m-btn-text--blue::after {
  border-color: #2372af;
}

/*
#styleguide
.m-tellink

電話番号のリンク
768pxからクリック（タップ）可能に
```
<a href="tel:" class="m-tellink">電話番号</a>
```
*/
.m-tellink {
  display: inline-block;
  vertical-align: top;
  pointer-events: none;
}

/*
#styleguide
future shop ボタン
```
<a href="#" class="fs-c-button--primary">
  <span class="fs-c-button__label">.fs-c-button--primary</span>
</a>
<br><br>
<a href="" class="fs-c-button--secondary">
  <span class="fs-c-button__label">.fs-c-button--secondary</span>
</a>
<br><br><br><br>

<!-- 商品詳細 -->
<div class="fs-l-productLayout">
  <button type="button" class="fs-c-button--addToCart--detail fs-c-button--primary">
    <span class="fs-c-button__label">カートに入れる</span>
  </button>
  <br><br>
  <a href="/p/reviews/test001" class="fs-c-button--viewAllReviews fs-c-button--plain">
    <span class="fs-c-button__label">すべてのレビューを見る</span>
  </a>
  <br><br>
  <a href="/p/product/review/test001/write" class="fs-c-button--addReview--detail fs-c-button--plain">
    <span class="fs-c-button__label">レビューを書く</span>
  </a>
</div>
```
*/
.fs-c-button--primary,
.fs-c-button--standard {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 50px;
  padding-block: 5px;
  padding-inline: 10px;
  background-color: #5b9d43;
  border: 1px solid #5b9d43;
  border-radius: 5px;
  box-shadow: none;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0;
  transition: 0.35s ease;
  text-decoration: none;
}
.fs-c-button--primary:has(input),
.fs-c-button--standard:has(input) {
  padding: 0;
}
.fs-c-button--primary:has(input) input,
.fs-c-button--standard:has(input) input {
  width: 100%;
  height: 100%;
  padding-inline: 10px;
}
.fs-c-button--primary:hover, .fs-c-button--primary:active,
.fs-c-button--standard:hover,
.fs-c-button--standard:active {
  opacity: 1;
  text-decoration: none;
  color: #fff;
  background-color: #518b3b;
  border-color: #518b3b;
}
.fs-c-button--primary:focus,
.fs-c-button--standard:focus {
  outline: 0;
}
.fs-c-button--primary:focus-visible,
.fs-c-button--standard:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.fs-c-button--primary:visited,
.fs-c-button--standard:visited {
  color: #fff;
}
.fs-c-button--primary:disabled, .fs-c-button--primary.disabled,
.fs-c-button--standard:disabled,
.fs-c-button--standard.disabled {
  pointer-events: none;
  border-color: #8f8f8f;
  background-color: #8f8f8f;
  color: #fff;
}
.fs-c-button--primary:disabled::after, .fs-c-button--primary.disabled::after,
.fs-c-button--standard:disabled::after,
.fs-c-button--standard.disabled::after {
  display: none;
}
.fs-c-button--primary .ico,
.fs-c-button--standard .ico {
  flex-shrink: 0;
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 20px;
  margin-right: 9px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.fs-c-button--primary .ico-newbie,
.fs-c-button--standard .ico-newbie {
  background-image: url("../img/icon/ico_newbie_wh.svg");
}
.fs-c-button--primary .ico-search,
.fs-c-button--standard .ico-search {
  background-image: url("../img/icon/ico_search_wh.svg");
}

.fs-c-button--secondary {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 50px;
  padding-block: 5px;
  padding-inline: 10px;
  background-color: #e49e49;
  border: 1px solid #e49e49;
  border-radius: 5px;
  box-shadow: none;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0;
  transition: 0.35s ease;
  text-decoration: none;
}
.fs-c-button--secondary:has(input) {
  padding: 0;
}
.fs-c-button--secondary:has(input) input {
  width: 100%;
  height: 100%;
  padding-inline: 10px;
}
.fs-c-button--secondary:hover, .fs-c-button--secondary:active {
  opacity: 1;
  text-decoration: none;
  color: #fff;
  background-color: #e19233;
  border-color: #e19233;
}
.fs-c-button--secondary:focus {
  outline: 0;
}
.fs-c-button--secondary:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.fs-c-button--secondary:visited {
  color: #fff;
}
.fs-c-button--secondary:disabled, .fs-c-button--secondary.disabled {
  pointer-events: none;
  border-color: #8f8f8f;
  background-color: #8f8f8f;
  color: #fff;
}
.fs-c-button--secondary:disabled::after, .fs-c-button--secondary.disabled::after {
  display: none;
}
.fs-c-button--secondary .ico {
  flex-shrink: 0;
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 20px;
  margin-right: 9px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.fs-c-button--secondary .ico-newbie {
  background-image: url("../img/icon/ico_newbie_wh.svg");
}
.fs-c-button--secondary .ico-search {
  background-image: url("../img/icon/ico_search_wh.svg");
}

.fs-c-button--cancel {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 50px;
  padding-block: 5px;
  padding-inline: 10px;
  background-color: #7d7d7d;
  border: 1px solid #7d7d7d;
  border-radius: 5px;
  box-shadow: none;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0;
  transition: 0.35s ease;
  text-decoration: none;
}
.fs-c-button--cancel:has(input) {
  padding: 0;
}
.fs-c-button--cancel:has(input) input {
  width: 100%;
  height: 100%;
  padding-inline: 10px;
}
.fs-c-button--cancel:hover, .fs-c-button--cancel:active {
  opacity: 1;
  text-decoration: none;
  color: #fff;
  background-color: #707070;
  border-color: #707070;
}
.fs-c-button--cancel:focus {
  outline: 0;
}
.fs-c-button--cancel:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.fs-c-button--cancel:visited {
  color: #fff;
}
.fs-c-button--cancel:disabled, .fs-c-button--cancel.disabled {
  pointer-events: none;
  border-color: #8f8f8f;
  background-color: #8f8f8f;
  color: #fff;
}
.fs-c-button--cancel:disabled::after, .fs-c-button--cancel.disabled::after {
  display: none;
}
.fs-c-button--cancel .ico {
  flex-shrink: 0;
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 20px;
  margin-right: 9px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.fs-c-button--cancel .ico-newbie {
  background-image: url("../img/icon/ico_newbie_wh.svg");
}
.fs-c-button--cancel .ico-search {
  background-image: url("../img/icon/ico_search_wh.svg");
}

.fs-c-productListItem__control {
  gap: 15px;
}
.fs-c-productListItem__control > *:last-child {
  margin-left: 0;
}
.fs-c-productListItem__control .fs-c-button--plain {
  max-width: 250px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 50px;
  padding-block: 5px;
  padding-inline: 10px;
  background-color: #5b9d43;
  border: 1px solid #5b9d43;
  border-radius: 5px;
  box-shadow: none;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0;
  transition: 0.35s ease;
  text-decoration: none;
}
.fs-c-productListItem__control .fs-c-button--plain:has(input) {
  padding: 0;
}
.fs-c-productListItem__control .fs-c-button--plain:has(input) input {
  width: 100%;
  height: 100%;
  padding-inline: 10px;
}
.fs-c-productListItem__control .fs-c-button--plain:hover, .fs-c-productListItem__control .fs-c-button--plain:active {
  opacity: 1;
  text-decoration: none;
  color: #fff;
  background-color: #518b3b;
  border-color: #518b3b;
}
.fs-c-productListItem__control .fs-c-button--plain:focus {
  outline: 0;
}
.fs-c-productListItem__control .fs-c-button--plain:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.fs-c-productListItem__control .fs-c-button--plain:visited {
  color: #fff;
}
.fs-c-productListItem__control .fs-c-button--plain:disabled, .fs-c-productListItem__control .fs-c-button--plain.disabled {
  pointer-events: none;
  border-color: #8f8f8f;
  background-color: #8f8f8f;
  color: #fff;
}
.fs-c-productListItem__control .fs-c-button--plain:disabled::after, .fs-c-productListItem__control .fs-c-button--plain.disabled::after {
  display: none;
}
.fs-c-productListItem__control .fs-c-button--plain .ico {
  flex-shrink: 0;
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 20px;
  margin-right: 9px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.fs-c-productListItem__control .fs-c-button--plain .ico-newbie {
  background-image: url("../img/icon/ico_newbie_wh.svg");
}
.fs-c-productListItem__control .fs-c-button--plain .ico-search {
  background-image: url("../img/icon/ico_search_wh.svg");
}
.fs-c-productListItem__control .fs-c-button--plain + .fs-c-button--addToWishList--icon::before, .fs-c-productListItem__control .fs-c-button--plain + .fs-c-button--removeFromWishList--icon::before,
.fs-c-productListItem__control .fs-c-button--viewProductDetail + .fs-c-button--addToWishList--icon::before,
.fs-c-productListItem__control .fs-c-button--viewProductDetail + .fs-c-button--removeFromWishList--icon::before,
.fs-c-productListItem__control .fs-c-button--plain + .fs-c-button--addToWishList--icon::before,
.fs-c-productListItem__control .fs-c-button--plain + .fs-c-button--removeFromWishList--icon::before,
.fs-c-productListItem__control .fs-c-productListItem__purchaseDisabledMessage + .fs-c-button--addToWishList--icon::before,
.fs-c-productListItem__control .fs-c-productListItem__purchaseDisabledMessage + .fs-c-button--removeFromWishList--icon::before,
.fs-c-productListItem__control form + .fs-c-button--addToWishList--icon::before,
.fs-c-productListItem__control form + .fs-c-button--removeFromWishList--icon::before {
  font-size: 30px;
  font-size: 3rem;
}
.fs-c-productListItem__control .fs-c-button--plain + .fs-c-button--addToWishList--icon .fs-c-button__label, .fs-c-productListItem__control .fs-c-button--plain + .fs-c-button--removeFromWishList--icon .fs-c-button__label,
.fs-c-productListItem__control .fs-c-button--viewProductDetail + .fs-c-button--addToWishList--icon .fs-c-button__label,
.fs-c-productListItem__control .fs-c-button--viewProductDetail + .fs-c-button--removeFromWishList--icon .fs-c-button__label,
.fs-c-productListItem__control .fs-c-button--plain + .fs-c-button--addToWishList--icon .fs-c-button__label,
.fs-c-productListItem__control .fs-c-button--plain + .fs-c-button--removeFromWishList--icon .fs-c-button__label,
.fs-c-productListItem__control .fs-c-productListItem__purchaseDisabledMessage + .fs-c-button--addToWishList--icon .fs-c-button__label,
.fs-c-productListItem__control .fs-c-productListItem__purchaseDisabledMessage + .fs-c-button--removeFromWishList--icon .fs-c-button__label,
.fs-c-productListItem__control form + .fs-c-button--addToWishList--icon .fs-c-button__label,
.fs-c-productListItem__control form + .fs-c-button--removeFromWishList--icon .fs-c-button__label {
  display: none;
}
.fs-c-productListItem__control .fs-c-button--addToWishList--icon,
.fs-c-productListItem__control .fs-c-button--removeFromWishList--icon {
  flex-shrink: 0;
}

.fs-l-productLayout .fs-c-button--primary,
.fs-l-productLayout .fs-c-button--secondary {
  border-radius: 0;
  height: 60px;
}
.fs-l-productLayout .fs-c-button--addToCart--detail .fs-c-button__label::before {
  content: "";
  flex-shrink: 0;
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 25px;
  margin-top: -2px;
  margin-right: 18px;
  background: url("../img/icon/ico_cart_wh.svg") no-repeat center;
  background-size: contain;
}
.fs-l-productLayout .fs-c-button--viewAllReviews {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 50px;
  padding-block: 5px;
  padding-inline: 10px;
  background-color: #fff;
  border: 1px solid #956627;
  border-radius: 5px;
  box-shadow: none;
  color: #956627;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0;
  transition: 0.35s ease;
  text-decoration: none;
}
.fs-l-productLayout .fs-c-button--viewAllReviews:has(input) {
  padding: 0;
}
.fs-l-productLayout .fs-c-button--viewAllReviews:has(input) input {
  width: 100%;
  height: 100%;
  padding-inline: 10px;
}
.fs-l-productLayout .fs-c-button--viewAllReviews:hover, .fs-l-productLayout .fs-c-button--viewAllReviews:active {
  opacity: 1;
  text-decoration: none;
  color: #956627;
  background-color: #f2f2f2;
  border-color: #815822;
}
.fs-l-productLayout .fs-c-button--viewAllReviews:focus {
  outline: 0;
}
.fs-l-productLayout .fs-c-button--viewAllReviews:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.fs-l-productLayout .fs-c-button--viewAllReviews:visited {
  color: #956627;
}
.fs-l-productLayout .fs-c-button--viewAllReviews:disabled, .fs-l-productLayout .fs-c-button--viewAllReviews.disabled {
  pointer-events: none;
  border-color: #8f8f8f;
  background-color: #8f8f8f;
  color: #fff;
}
.fs-l-productLayout .fs-c-button--viewAllReviews:disabled::after, .fs-l-productLayout .fs-c-button--viewAllReviews.disabled::after {
  display: none;
}
.fs-l-productLayout .fs-c-button--viewAllReviews .ico {
  flex-shrink: 0;
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 20px;
  margin-right: 9px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.fs-l-productLayout .fs-c-button--viewAllReviews .ico-newbie {
  background-image: url("../img/icon/ico_newbie_wh.svg");
}
.fs-l-productLayout .fs-c-button--viewAllReviews .ico-search {
  background-image: url("../img/icon/ico_search_wh.svg");
}
.fs-l-productLayout .fs-c-button--addReview--detail {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 50px;
  padding-block: 5px;
  padding-inline: 10px;
  background-color: #956627;
  border: 1px solid #956627;
  border-radius: 5px;
  box-shadow: none;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0;
  transition: 0.35s ease;
  text-decoration: none;
}
.fs-l-productLayout .fs-c-button--addReview--detail:has(input) {
  padding: 0;
}
.fs-l-productLayout .fs-c-button--addReview--detail:has(input) input {
  width: 100%;
  height: 100%;
  padding-inline: 10px;
}
.fs-l-productLayout .fs-c-button--addReview--detail:hover, .fs-l-productLayout .fs-c-button--addReview--detail:active {
  opacity: 1;
  text-decoration: none;
  color: #fff;
  background-color: #815822;
  border-color: #815822;
}
.fs-l-productLayout .fs-c-button--addReview--detail:focus {
  outline: 0;
}
.fs-l-productLayout .fs-c-button--addReview--detail:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.fs-l-productLayout .fs-c-button--addReview--detail:visited {
  color: #fff;
}
.fs-l-productLayout .fs-c-button--addReview--detail:disabled, .fs-l-productLayout .fs-c-button--addReview--detail.disabled {
  pointer-events: none;
  border-color: #8f8f8f;
  background-color: #8f8f8f;
  color: #fff;
}
.fs-l-productLayout .fs-c-button--addReview--detail:disabled::after, .fs-l-productLayout .fs-c-button--addReview--detail.disabled::after {
  display: none;
}
.fs-l-productLayout .fs-c-button--addReview--detail .ico {
  flex-shrink: 0;
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 20px;
  margin-right: 9px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.fs-l-productLayout .fs-c-button--addReview--detail .ico-newbie {
  background-image: url("../img/icon/ico_newbie_wh.svg");
}
.fs-l-productLayout .fs-c-button--addReview--detail .ico-search {
  background-image: url("../img/icon/ico_search_wh.svg");
}
.fs-l-productLayout .fs-c-button--viewAllReviews,
.fs-l-productLayout .fs-c-button--addReview--detail {
  border-radius: 0;
  width: 100%;
  height: 50px;
  font-size: 14px;
  font-size: 1.4rem;
}
.fs-l-productLayout .fs-c-button--viewAllReviews::before,
.fs-l-productLayout .fs-c-button--addReview--detail::before {
  display: none;
}

.fs-c-wishlistProduct__viewAllProducts {
  max-width: 250px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 50px;
  padding-block: 5px;
  padding-inline: 10px;
  background-color: #fff;
  border: 1px solid #000000;
  border-radius: 5px;
  box-shadow: none;
  color: #000000;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0;
  transition: 0.35s ease;
  text-decoration: none;
}
.fs-c-wishlistProduct__viewAllProducts:has(input) {
  padding: 0;
}
.fs-c-wishlistProduct__viewAllProducts:has(input) input {
  width: 100%;
  height: 100%;
  padding-inline: 10px;
}
.fs-c-wishlistProduct__viewAllProducts:hover, .fs-c-wishlistProduct__viewAllProducts:active {
  opacity: 1;
  text-decoration: none;
  color: #000000;
  background-color: #f2f2f2;
  border-color: black;
}
.fs-c-wishlistProduct__viewAllProducts:focus {
  outline: 0;
}
.fs-c-wishlistProduct__viewAllProducts:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.fs-c-wishlistProduct__viewAllProducts:visited {
  color: #000000;
}
.fs-c-wishlistProduct__viewAllProducts:disabled, .fs-c-wishlistProduct__viewAllProducts.disabled {
  pointer-events: none;
  border-color: #8f8f8f;
  background-color: #8f8f8f;
  color: #fff;
}
.fs-c-wishlistProduct__viewAllProducts:disabled::after, .fs-c-wishlistProduct__viewAllProducts.disabled::after {
  display: none;
}
.fs-c-wishlistProduct__viewAllProducts .ico {
  flex-shrink: 0;
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 20px;
  margin-right: 9px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.fs-c-wishlistProduct__viewAllProducts .ico-newbie {
  background-image: url("../img/icon/ico_newbie_wh.svg");
}
.fs-c-wishlistProduct__viewAllProducts .ico-search {
  background-image: url("../img/icon/ico_search_wh.svg");
}

.fs-c-buttonContainer--myPageTop {
  justify-content: center;
}

.fs-c-button--myPageTop {
  max-width: 250px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 50px;
  padding-block: 5px;
  padding-inline: 10px;
  background-color: #5b9d43;
  border: 1px solid #5b9d43;
  border-radius: 5px;
  box-shadow: none;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0;
  transition: 0.35s ease;
  text-decoration: none;
}
.fs-c-button--myPageTop:has(input) {
  padding: 0;
}
.fs-c-button--myPageTop:has(input) input {
  width: 100%;
  height: 100%;
  padding-inline: 10px;
}
.fs-c-button--myPageTop:hover, .fs-c-button--myPageTop:active {
  opacity: 1;
  text-decoration: none;
  color: #fff;
  background-color: #518b3b;
  border-color: #518b3b;
}
.fs-c-button--myPageTop:focus {
  outline: 0;
}
.fs-c-button--myPageTop:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.fs-c-button--myPageTop:visited {
  color: #fff;
}
.fs-c-button--myPageTop:disabled, .fs-c-button--myPageTop.disabled {
  pointer-events: none;
  border-color: #8f8f8f;
  background-color: #8f8f8f;
  color: #fff;
}
.fs-c-button--myPageTop:disabled::after, .fs-c-button--myPageTop.disabled::after {
  display: none;
}
.fs-c-button--myPageTop .ico {
  flex-shrink: 0;
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 20px;
  margin-right: 9px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.fs-c-button--myPageTop .ico-newbie {
  background-image: url("../img/icon/ico_newbie_wh.svg");
}
.fs-c-button--myPageTop .ico-search {
  background-image: url("../img/icon/ico_search_wh.svg");
}

.fs-c-button--particular.fs-c-button--removeFromWishList--icon::before {
  color: #e96565;
}

.fs-client-cart-count.fs-client-cart-count--0 {
  display: none !important;
}

.fs-c-button--addToCart--detail,
.fs-c-button--confirmOrder {
  background-color: #aa1111;
  border-color: #aa1111;
}

.fs-c-checkout-couponCodeInput .fs-c-button--useCoupon {
  height: 42px;
  font-size: 15px;
  font-size: 1.5rem;
}

.fs-c-checkout-couponStatus {
  text-align: center;
}

.fs-c-button--particular.fs-c-button--addToWishList--icon, .fs-c-button--particular.fs-c-button--removeFromWishList--icon {
  max-width: 100%;
  text-align: left;
  align-items: center;
  -moz-column-gap: 5px;
  column-gap: 5px;
}
.fs-c-button--particular.fs-c-button--addToWishList--icon .fs-c-button__label, .fs-c-button--particular.fs-c-button--removeFromWishList--icon .fs-c-button__label {
  display: block;
}

/*
#styleguide

.m-title
見出しタイトルのクラス
```
<hgroup class="m-title">
  <h2 class="m-title__ja">お知らせ</h2>
  <p class="m-title__en" lang="en">News</p>
</hgroup>

<!-- DESC：左右画像が違うので、セクションごとに別CSS設定をする -->
<body class="fs-body-top">
  <div class="user-voice-section">
    <div class="m-title-wrap">
      <div class="m-title__obj-box">
        <img class="m-title__obj left" src="../public_html/ec/assets/img/title/tit_voice_left.png?t=20241009102632" width="127" height="92" alt="" aria-hidden="true">
        <img class="m-title__obj right" src="../public_html/ec/assets/img/title/tit_voice_right.png?t=20241009102632" width="127" height="92" alt="" aria-hidden="true">
      </div>
      <img class="m-title__img" src="../public_html/ec/assets/img/title/tit_voice_img.png?t=20241009102632" width="285" height="92" alt="いつもありがとうございます">

      <hgroup class="m-title">
        <h2 class="m-title__ja">ご愛用者さまの声</h2>
        <p class="m-title__en" lang="en">User's voice</p>
      </hgroup>
    </div>
  </div>
</body>
```
*/
.m-title {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-bottom: 30px;
  text-align: center;
  font-family: "Zen Maru Gothic", "Noto Sans JP", serif;
  letter-spacing: 0.02em;
}
.m-title__ja {
  display: block;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.5;
}
.m-title__ja::before, .m-title__ja::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.m-title__ja::before {
  margin-block-end: calc((1 - 1.5) * 0.5em);
}
.m-title__ja::after {
  margin-block-start: calc((1 - 1.5) * 0.5em);
}
.m-title__en {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
  padding-inline: 22px;
  font-size: 15px;
  font-size: 1.5rem;
  font-family: "Roboto", "Noto Sans JP", serif;
}
.m-title__en::before, .m-title__en::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 9px;
  height: 9px;
  margin-top: -5px;
  background-color: #5b9d43;
  border-radius: 50%;
}
.m-title__en::before {
  left: 0;
}
.m-title__en::after {
  right: 0;
}
.m-title-md {
  margin-bottom: 20px;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.5625;
}
.m-title-sm {
  margin-bottom: 20px;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.7857142857;
}

.m-title-wrap {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  text-align: center;
}
.m-title-wrap .m-title__img {
  margin-bottom: 10px;
}
.m-title-wrap .m-title__obj-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left: 0;
  inset-block: 0;
  margin-block: auto;
  width: 100%;
  z-index: 0;
  pointer-events: none;
}
.m-title-wrap .m-title__obj-box .m-title__obj {
  flex-shrink: 0;
  display: block;
  overflow: hidden;
}

/*
#styleguide

.m-body-title

bodyタイトルのクラス
```
<h3 class="m-body-title">ケアシューズについて</h3>
<h2 class="fs-c-documentArticle__heading">future shop： .fs-c-documentArticle__heading</h2>

<h4 class="m-title-line">送料</h4>
<h3 class="fs-c-documentColumn__heading">future shop： .fs-c-documentColumn__heading</h3>
```
*/
.m-body-title,
.fs-c-documentArticle__heading,
.fs-p-announcement__title {
  display: block;
  padding-block: 9px 11px;
  padding-inline: 25px;
  margin-bottom: 30px;
  color: #000000;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.5384615385;
  font-weight: 500;
  text-align: left;
  font-family: "Zen Maru Gothic", "Noto Sans JP", serif;
  letter-spacing: 0.02em;
  background: #f2f1ef;
}

.m-title-line,
.fs-c-documentColumn__heading,
.fs-c-wishlistProduct__title,
.fs-c-orderDetail .fs-c-heading--section {
  padding: 0;
  padding-bottom: 13px;
  margin-bottom: 20px;
  color: #000000;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.3636363636;
  font-weight: 500;
  border-left: 0;
  border-bottom: 1px solid #e3dcd1;
}

/*
#styleguide

.m-text

本文テキストのクラス
```
<div class="m-text">
  16px テキストテキストテキストテキストテキスト
</div>
<br><br><hr><br><br>
<div class="m-text-sm">
  14px テキストテキストテキストテキストテキスト
</div>
<br><br><hr><br><br>
<div class="m-text-title">テキストが入ります</div>
<div class="m-text">
  <p>段落テキストテキストテキストテキストテキスト</p>
  <p>段落テキストテキストテキストテキストテキスト</p>
</div>
```
*/
.m-text {
  line-height: 2.1875;
}
.m-text p + p {
  margin-top: 2em;
}
.m-text-md {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.9;
}
.m-text-sm {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}

.m-text.center,
.m-text-sm.center {
  text-align: center;
}

.m-text-title {
  margin-bottom: 7px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5555555556;
  font-weight: 500;
}

.m-text-indent {
  padding-left: 1em;
  text-indent: -1em;
}

.p-banner-wrap {
  margin-bottom: 70px;
}
.p-banner-wrap .fs-pt-column__item {
  padding: 0;
}
.p-banner-wrap .fs-pt-column__item + .fs-pt-column__item {
  margin-top: 20px;
}

/* 重要なお知らせ */
/*
#styleguide
.m-box-info

ヘッター下・ページ上部
重要なお知らせ
```
<div class="m-box-info">
  <div class="info-prefix">重要なお知らせ</div>
  <a class="info-link" href="#">
    <span class="date">2024/09/04</span>
    <span class="title">【注意喚起】通販サイト「せんがんりよう」について通販サイト「せんがんりよう」について</span>
  </a>
  <div class="info-btn-box">
    <a href="/news/" class="m-btn m-btn--pill m-btn--sm">一覧を見る</a>
  </div>
</div>

<div class="m-box-info secondary">
  <div class="info-prefix">重要なお知らせ</div>
  <a class="info-link" href="#">
    <span class="date">2024/09/04</span>
    <span class="title">【注意喚起】通販サイト「せんがんりよう」について</span>
  </a>
  <div class="info-btn-box">
    <a href="/news/" class="m-btn m-btn--pill m-btn--secondary m-btn--sm">一覧を見る</a>
  </div>
</div>

<div class="m-box-info warning">
  <div class="info-prefix">重要なお知らせ</div>
  <a class="info-link" href="#">
    <span class="date">2024/09/04</span>
    <span class="title">【注意喚起】通販サイト「せんがんりよう」について</span>
  </a>
  <div class="info-btn-box">
    <a href="/news/" class="m-btn m-btn--pill m-btn--warning m-btn--sm">一覧を見る</a>
  </div>
</div>
```
*/
.m-box-info {
  display: grid;
  grid-template-columns: auto 1fr 100px;
  align-items: center;
  -moz-column-gap: 25px;
  column-gap: 25px;
  min-height: 60px;
  margin-top: 25px;
  padding-block: 13px;
  padding-inline: 25px;
  background-color: #fff;
  border: 2px solid #5b9d43;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
body.fs-body-top .m-box-info {
  margin-top: 0;
}

.m-box-info .info-prefix {
  display: inline-flex;
  align-items: center;
  height: 100%;
  padding-right: 25px;
  border-right: 1px solid #5b9d43;
  font-size: 15px;
  font-size: 1.5rem;
  color: #5b9d43;
  font-weight: 500;
}
.m-box-info .info-prefix::before {
  content: "!";
  flex-shrink: 0;
  font-size: 0;
  display: block;
  width: 19px;
  height: 19px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #5b9d43;
  background-image: url("../img/icon/ico_info_wh.svg");
  background-position: center;
  background-size: contain;
}
.m-box-info .info-link {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 15px;
  column-gap: 15px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  transition: color 0.25s;
}
.m-box-info .info-link .date {
  display: inline-block;
  vertical-align: top;
  font-family: "Roboto", "Noto Sans JP", serif;
}
.m-box-info .info-link .title {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.m-box-info .info-link:hover {
  text-decoration: none;
}
.m-box-info .m-btn.m-btn--sm {
  max-width: 100px;
  height: 30px;
  font-size: 13px;
  font-size: 1.3rem;
}
.m-box-info.secondary {
  border-color: #e49e49;
}
.m-box-info.secondary .info-prefix {
  color: #e49e49;
  border-color: #e49e49;
}
.m-box-info.secondary .info-prefix::before {
  background-color: #e49e49;
}
.m-box-info.warning {
  border-color: #e96565;
}
.m-box-info.warning .info-prefix {
  color: #e96565;
  border-color: #e96565;
}
.m-box-info.warning .info-prefix::before {
  background-color: #e96565;
}

/*
#styleguide
.m-tab-wrap

タブ
```
<!-- タブタイプ -->
<div class="m-tab-wrap">
  <ul class="m-tab" role="tablist">
    <li role="none"><a href="#" id="tct0" class="m-tab-btn" role="tab" aria-selected="true" aria-controls="tab_cat0"><span class="text">定番商品</span></a></li>
    <li role="none"><a href="#" id="tct1" class="m-tab-btn" role="tab" aria-selected="false" aria-controls="tab_cat1"><span class="text">施設用</span></a></li>
    <li role="none"><a href="#" id="tct2" class="m-tab-btn" role="tab" aria-selected="false" aria-controls="tab_cat2"><span class="text">外出用</span></a></li>
    <li role="none"><a href="#" id="tct3" class="m-tab-btn" role="tab" aria-selected="false" aria-controls="tab_cat3"><span class="text">自宅用</span></a></li>
  </ul>
  <div id="tab_cat0" class="m-tab-panel" role="tabpanel" aria-labelledby="tct0" tabindex="0">
    定番商品 contents
  </div>
  <div id="tab_cat1" class="m-tab-panel" role="tabpanel" aria-labelledby="tct1" tabindex="0" style="display: none;">
    定番商品 contents
  </div>
  <div id="tab_cat2" class="m-tab-panel" role="tabpanel" aria-labelledby="tct2" tabindex="0" style="display: none;">
    定番商品 contents
  </div>
  <div id="tab_cat3" class="m-tab-panel" role="tabpanel" aria-labelledby="tct3" tabindex="0" style="display: none;">
    定番商品 contents
  </div>
</div>

<br><br>
<!-- ボタンタイプ -->
<div class="m-tab-wrap">
  <ul class="m-tab col4">
    <li><a href="/c/gr1" class="m-tab-btn" aria-selected="true"><span class="text">履く場所で探す</span></a></li>
    <li><a href="/c/gr21" class="m-tab-btn"><span class="text">悩みで探す</span></a></li>
    <li><a href="/c/gr15" class="m-tab-btn"><span class="text">タイプで探す</span></a></li>
    <li><a href="/c/gr26" class="m-tab-btn"><span class="text">種類で探す</span></a></li>
  </ul>
</div>

<br><br>
<!-- スクロール移動タイプ -->
<div class="m-tab-wrap">
  <ul class="m-tab type-scroll-link type-arr">
    <li><a href="#faq01" class="m-tab-btn" data-scroll-link aria-selected="true"><span class="text">ケアシューズについて</span></a></li>
    <li><a href="#faq02" class="m-tab-btn" data-scroll-link><span class="text">ご購入について</span></a></li>
    <li><a href="#faq03" class="m-tab-btn" data-scroll-link><span class="text">その他</span></a></li>
  </ul>
</div>
```
*/
.m-tab-wrap .m-tab {
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-bottom: 40px;
}
.m-tab-wrap .m-tab > li {
  flex: 1;
}
.m-tab-wrap .m-tab .m-tab-btn {
  position: relative;
  display: block;
  height: 55px;
  background-color: #fff;
  border: 2px solid #5b9d43;
  text-align: center;
  font-family: "Zen Maru Gothic", "Noto Sans JP", serif;
  transition: color 0.1s;
}
.m-tab-wrap .m-tab .m-tab-btn .text {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding-inline: 10px;
  padding-bottom: 2px;
  transition: 0.2s 0.1s;
}
.m-tab-wrap .m-tab .m-tab-btn::before {
  content: "";
  position: absolute;
  bottom: 0;
  inset-inline: 0;
  margin-inline: auto;
  width: 12px;
  height: 12px;
  background-color: #5b9d43;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  transform: rotate(135deg);
  transition: 0.2s;
}
.m-tab-wrap .m-tab .m-tab-btn:hover {
  text-decoration: none;
}
.m-tab-wrap .m-tab .m-tab-btn[aria-selected=true] {
  color: #fff;
}
.m-tab-wrap .m-tab .m-tab-btn[aria-selected=true] .text {
  background-color: #5b9d43;
}
.m-tab-wrap .m-tab .m-tab-btn[aria-selected=true]::before {
  bottom: -8px;
}
.m-tab-wrap .m-tab button.m-tab-btn, .m-tab-wrap .m-tab input.m-tab-btn {
  width: 100%;
}
.m-tab-wrap .m-tab button.m-tab-btn:focus, .m-tab-wrap .m-tab input.m-tab-btn:focus {
  outline: 0;
}
.m-tab-wrap .m-tab button.m-tab-btn:focus-visible, .m-tab-wrap .m-tab input.m-tab-btn:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.m-tab-wrap .m-tab.type-scroll-link {
  margin-bottom: 0;
}
.m-tab-wrap .m-tab.type-arr .m-tab-btn::before {
  inset-inline: auto;
  width: 11px;
  height: 11px;
  right: 20px;
  top: 17px;
  z-index: 2;
  background-color: transparent;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  transform: rotate(45deg);
  clip-path: unset;
}
.m-tab-wrap .m-tab.type-arr .m-tab-btn[aria-selected=true]::before {
  border-color: #fff;
}
/* Box */
.m-box-white {
  padding: 30px 50px;
  background-color: #fff;
}

/* 入力項目
*************************************/
/*
#styleguide
.m-required

必須
```
<span class="m-required">必須</span>
```
*/
.m-required {
  display: inline-block;
  width: 42px;
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 400;
  text-align: center;
  line-height: 1;
  padding: 5px 0 6px;
  margin-left: 10px;
  background-color: #e96565;
}

/*
#styleguide
input

基本的な入力フィールド
input、select、textarea
```
<input type="text" name="">
<br><br>
<input type="text" class="m-input--short" name="" placeholder=".m-input--short">
<br><br>
<input type="text" class="m-input--half" name="" placeholder=".m-input--half">
<br><br>
<div class="fs-c-inputField__field fs-c-inputGroup fs-system-assistTarget">
  <input type="password" name="items.password" id="fs_input_password" autocomplete="new-password" maxlength="100" value="" data-rule-passwordchar="true" data-rule-passwordformat="{&quot;minLength&quot;: 8, &quot;alphaNumeric&quot;: true, &quot;lowUpper&quot;: false, &quot;symbol&quot;: false }" data-rule-required="true" class="fs-system-assistedItem is-required">
  <button type="button" name="button" id="fs_showPassword" class="fs-c-button--displayPassword fs-c-button--particular" aria-label="パスワードマスク切替"></button>
</div>
<br><br>
<div class="m-input-flex">
  <div class="fs-c-dropdown">
    <select name="" class="fs-c-dropdown__menu">
      <option value="" selected="selected">—</option>
      <option value="1900">1900</option>
      <option value="1901">1901</option>
      <option value="1902">1902</option>
    </select>
  </div>
  <input type="text" name="" placeholder=".m-input-flex .m-input" disabled>
  <input type="text" name="" placeholder=".m-input-flex .m-input">
</div>
<br><br>
<textarea></textarea>
```
*/
input[readonly] {
  cursor: auto;
}
input[readonly]:focus {
  outline: none;
}

/* future shop form */
[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 {
  height: 42px;
  padding-inline: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  border: 1px solid #c8c8c8;
  border-radius: 0;
  background-color: #fff;
  transition: border-color 0.2s;
  touch-action: manipulation;
}
[type=hidden]:focus, [type=text]:focus, [type=search]:focus, [type=tel]:focus, [type=url]:focus, [type=email]:focus, [type=password]:focus,
[type=datetime]:focus, [type=date]:focus, [type=month]:focus, [type=week]:focus, [type=time]:focus, [type=datetime-local]:focus,
[type=number]:focus, select:focus, textarea:focus {
  outline: #5b9d43 auto 2px;
  box-shadow: none;
}

textarea {
  resize: vertical;
  height: 18rem;
  padding: 10px 20px;
}

.fs-c-radio__radioMark {
  width: 20px;
  height: 20px;
  border-width: 1px;
}

.fs-c-radio__radio:checked:enabled + label > .fs-c-radio__radioMark {
  border-color: #5b9d43;
}
.fs-c-radio__radio:checked:enabled + label > .fs-c-radio__radioMark::before {
  width: 10px;
  height: 10px;
  background: #5b9d43;
}

.fs-c-checkbox__label {
  align-items: flex-start;
}
.fs-c-checkbox__label .fs-c-checkbox__checkMark {
  margin-top: 2px;
}

.fs-c-checkbox__checkMark {
  width: 22px;
  height: 22px;
  border-radius: 5px;
}
.fs-c-checkbox__checkMark::before {
  font-size: 1.25em;
  top: 0;
  left: -1px;
}

.fs-c-checkbox__checkbox:checked + label > .fs-c-checkbox__checkMark {
  background: #5b9d43;
  border-color: #5b9d43;
}

.fs-c-inputGroup.fs-system-assistTarget {
  position: relative;
  border: 0;
}
.fs-c-inputGroup.fs-system-assistTarget [type=hidden], .fs-c-inputGroup.fs-system-assistTarget [type=text], .fs-c-inputGroup.fs-system-assistTarget [type=search], .fs-c-inputGroup.fs-system-assistTarget [type=tel], .fs-c-inputGroup.fs-system-assistTarget [type=url], .fs-c-inputGroup.fs-system-assistTarget [type=email], .fs-c-inputGroup.fs-system-assistTarget [type=password],
.fs-c-inputGroup.fs-system-assistTarget [type=datetime], .fs-c-inputGroup.fs-system-assistTarget [type=date], .fs-c-inputGroup.fs-system-assistTarget [type=month], .fs-c-inputGroup.fs-system-assistTarget [type=week], .fs-c-inputGroup.fs-system-assistTarget [type=time], .fs-c-inputGroup.fs-system-assistTarget [type=datetime-local],
.fs-c-inputGroup.fs-system-assistTarget [type=number], .fs-c-inputGroup.fs-system-assistTarget select, .fs-c-inputGroup.fs-system-assistTarget textarea {
  border: 1px solid #c8c8c8;
  padding-right: 45px;
}
.fs-c-inputGroup.fs-system-assistTarget .fs-c-button--particular {
  position: absolute;
  right: 0;
  inset-block: 0;
  margin-block: auto;
}
.fs-c-inputGroup.fs-system-assistTarget .fs-c-button--particular.fs-c-button--displayPassword, .fs-c-inputGroup.fs-system-assistTarget .fs-c-button--particular.fs-c-button--hidePassword {
  right: 10px;
}
.fs-c-inputGroup.fs-system-assistTarget .fs-c-button--particular.fs-c-button--displayPassword::before, .fs-c-inputGroup.fs-system-assistTarget .fs-c-button--particular.fs-c-button--hidePassword::before {
  font-size: 30px;
  color: #5e5e5e;
}
.fs-c-inputGroup.fs-system-assistTarget .fs-c-button--particular:focus {
  outline: 0;
}
.fs-c-inputGroup.fs-system-assistTarget .fs-c-button--particular:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}

.fs-c-inputField__field + .fs-c-inputField__field {
  margin-top: 15px;
}

.m-input {
  width: 100%;
  height: 42px;
  background-color: #fff;
  border: 1px solid #c8c8c8;
  padding-inline: 20px;
  transition: all 0.2s;
}
.m-input--short {
  width: 190px;
}
.m-input--half {
  width: calc((100% - 15px) / 2);
  max-width: 100%;
}

.m-input-flex {
  display: flex;
  -moz-column-gap: 15px;
  column-gap: 15px;
}
.m-input-flex > input, .m-input-flex .fs-c-dropdown {
  flex: 1;
}
.m-input-flex .m-btn {
  height: 42px;
}

.m-input-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.m-input-box input {
  width: 100%;
  margin-inline: 12px;
}
.m-input-box input:first-child {
  margin-left: 0;
}
.m-input-box input:last-child {
  margin-right: 0;
}
.m-input-box .ip-zip1 {
  max-width: 118px;
  margin-left: 8px;
}
.m-input-box .ip-zip2 {
  max-width: 142px;
  margin-left: 12px;
}
.m-input-box .ip-tel {
  max-width: 100px;
}
.m-input-box .ip-tel:last-child {
  margin-right: 0;
}

/*
#styleguide
.fs-c-dropdown

デフォルトだと矢印がつかないselectに矢印をつけるために使う
```
<div class="fs-c-dropdown">
  <select name="" class="fs-c-dropdown__menu">
    <option value="" selected="selected">—</option>
    <option value="1900">1900</option>
    <option value="1901">1901</option>
    <option value="1902">1902</option>
  </select>
</div>
```
*/
.fs-c-dropdown {
  position: relative;
  display: inline-flex;
  overflow: visible;
}
.fs-c-dropdown::after {
  content: "";
  position: absolute;
  top: 17px;
  right: 15px;
  width: 6px;
  height: 6px;
  padding: 0;
  box-sizing: border-box;
  background-color: transparent;
  border-radius: 0;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  transform: rotate(-135deg);
}
.fs-c-dropdown .fs-c-dropdown__menu {
  padding-inline: 20px 35px;
  text-overflow: ellipsis;
  word-break: keep-all;
}

/*
#styleguide
.m-form-search-wrap .m-form-search

商品キーワード検索フォーム（フリーパーツ）↓↓
```
<div class="m-form-search-wrap">
  <div class="fs-p-searchForm">
    <form action="/p/search" method="get">
      <span class="m-form-search fs-p-searchForm__inputGroup fs-p-inputGroup">
        <input type="text" name="keyword" maxlength="1000" placeholder="商品を検索する" class="m-input fs-p-searchForm__input fs-p-inputGroup__input">
        <input type="hidden" name="sort" value="priority" />
        <button type="submit" class="m-btn fs-p-searchForm__button fs-p-inputGroup__button"><i class="ico ico-search"></i>検索</button>
      </span>
    </form>
  </div>
  <script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "WebSite",
    "url": "https://www.tokutake.co.jp/shop/",
    "potentialAction": {
      "@type": "SearchAction",
      "target": "https://www.tokutake.co.jp/shop/p/search?keyword={search_term_string}",
      "query-input": "required name=search_term_string"
    }
  }
  </script>

  <div class="search-keywords-box">
    <div class="keywords-prefix">人気の検索ワード ： </div>
    <div class="keywords">
      <a href="">リハビリ用</a>
      <a href="">ダブルマジックⅢ</a>
      <a href="">かかとスポッと</a>
      <a href="">ネーム刺繍</a>
    </div>
  </div>
</div>
```
*/
.m-form-search-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.m-form-search-wrap .fs-p-searchForm {
  width: 100%;
  max-width: 500px;
}
.m-form-search-wrap .search-keywords-box {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 5px;
  column-gap: 5px;
  margin-top: 15px;
  font-size: 15px;
  font-size: 1.5rem;
}
.m-form-search-wrap .search-keywords-box .keywords-prefix {
  font-weight: 500;
}
.m-form-search-wrap .search-keywords-box .keywords {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 15px;
  column-gap: 15px;
  row-gap: 5px;
}
.m-form-search-wrap .search-keywords-box .keywords a {
  display: inline-block;
  vertical-align: top;
  color: #2372af;
  text-decoration: underline;
}
.m-form-search-wrap .search-keywords-box .keywords a:last-child {
  margin-right: 0;
}

.m-form-search {
  display: grid;
  grid-template-columns: auto 91px;
  -moz-column-gap: 15px;
  column-gap: 15px;
}
.m-form-search .m-input {
  flex: 1;
  border-color: #c8c8c8;
  height: 40px;
}
.m-form-search .m-btn .ico-search {
  margin-right: 6px;
}
.m-form-search.fs-p-inputGroup {
  background-color: transparent;
  border: none;
}
.m-form-search .fs-p-searchForm__button {
  text-indent: unset;
}
.m-form-search .fs-p-searchForm__button::before {
  display: none;
}
.m-form-search .m-btn {
  height: 40px;
}

.fs-c-inputInformation__button [class^=fs-c-button] {
  max-width: 250px;
}

.fs-c-inputDate__year + .fs-c-inputDate__month {
  margin-left: 8px;
}

.fs-body-customerDetails .fs-c-agreementField {
  border-top: 1px solid #c8c8c8;
  margin-top: 60px;
  padding-top: 30px;
}
.fs-body-customerDetails .fs-c-agreementField .fs-c-agreementConfirmation .fs-c-agreementConfirmation__message {
  padding: 20px;
}
.fs-body-customerDetails .fs-c-agreementField .fs-c-agreementConfirmation .fs-c-agreementConfirmation__checkbox {
  margin-top: 30px;
}
.fs-body-customerDetails .fs-c-agreementField .fs-c-agreementConfirmation .fs-c-agreementConfirmation__addon {
  margin-left: 0;
}
.fs-body-customerDetails .fs-c-agreementField .fs-c-agreementConfirmation .fs-c-agreementConfirmation__password {
  margin-top: 20px;
}
.fs-body-customerDetails .fs-c-agreementField .fs-c-agreementConfirmation .fs-c-agreementConfirmation__password .fs-c-agreementConfirmation__addon__message {
  margin-bottom: 10px;
}
.fs-body-customerDetails .fs-c-agreementField .fs-c-agreementConfirmation .fs-c-agreementConfirmation__password .fs-c-inputGroup.fs-system-assistTarget {
  max-width: 500px;
  margin-inline: auto;
}
.fs-body-customerDetails .fs-c-privacyPolicyAgreeField {
  border-top: 1px solid #c8c8c8;
  margin-top: 20px;
  padding-top: 50px;
}

.fs-c-agreementConfirmation + .fs-c-agreementConfirmation {
  margin-top: 30px;
}

/*
#styleguide
.m-board-list（お知らせ）

ニュースなど記事の一覧
```
<!-- 基本タイプ（ニュース） -->
<div class="m-board-list js-board">
  <article class="m-board-item js-board-item" aria-labelledby="newsTitle0" data-href="/">
    <a class="board-link" href="/">
      <div class="date">2024.10.10</div>
      <h3 class="title-box js-board-title" id="newsTitle0"><span class="title">サイトリニューアルいたしました</span></h3>
    </a>
  </article>
  <article class="m-board-item js-board-item" aria-labelledby="newsTitle1" data-href="/">
    <a class="board-link" href="/">
      <div class="date">2024.08.06</div>
      <h3 class="title-box js-board-title" id="newsTitle1"><span class="title">【注意喚起】通販サイト「せんがんりよう」について</span></h3>
    </a>
  </article>
  <article class="m-board-item js-board-item" aria-labelledby="newsTitle2" data-href="/">
    <a class="board-link" href="/">
      <div class="date">2024.07.16</div>
      <h3 class="title-box js-board-title" id="newsTitle2"><span class="title">夏季休暇のお知らせ</span></h3>
    </a>
  </article>
</div>
```
*/
/*
#styleguide
.m-board-list（ブログ）

```
<!-- サムネタイプ（ブログ） -->
<div class="m-board-list col3 js-board">
  <article class="m-board-item js-board-item has-thumb" aria-labelledby="blogTitle0" data-href="/">
    <a class="board-link" href="/">
      <div class="thumb-box">
        <img src="./assets/img/no_img.jpg" width="250" height="175" alt="No Image" decoding="async">
      </div>
      <div class="date">2024.10.10</div>
      <h3 class="title-box js-board-title" id="blogTitle0"><span class="title">サイトリニューアルいたしました</span></h3>
    </a>
  </article>
  <article class="m-board-item js-board-item has-thumb" aria-labelledby="blogTitle1" data-href="/">
    <a class="board-link" href="/">
      <div class="thumb-box">
        <img src="./assets/img/_temp/temp01.jpg" width="240" height="65" alt="">
      </div>
      <div class="date">2024.08.06</div>
      <h3 class="title-box js-board-title" id="blogTitle1"><span class="title">【注意喚起】通販サイト「せんがんりよう」について</span></h3>
    </a>
  </article>
  <article class="m-board-item js-board-item has-thumb" aria-labelledby="blogTitle2" data-href="/">
    <a class="board-link" href="/">
      <div class="thumb-box">
        <img src="./assets/img/_temp/temp02.jpg" width="240" height="65" alt="">
      </div>
      <div class="date">2024.07.16</div>
      <h3 class="title-box js-board-title" id="blogTitle2"><span class="title">夏季休暇のお知らせ</span></h3>
    </a>
  </article>
</div>
```
*/
.m-board-list.col3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 25px;
}

.m-board-item {
  padding-block: 10px;
  border-bottom: 1px solid #c8c8c8;
}
.m-board-item .board-link {
  position: relative;
  display: grid;
  grid-template-columns: 75px 1fr 50px;
  align-items: center;
  -moz-column-gap: 15px;
  column-gap: 15px;
  padding-block: 10px;
  padding-inline: 10px;
  transition: 0.3s;
}
.m-board-item .board-link::before, .m-board-item .board-link::after {
  content: "";
  display: block;
  position: absolute;
  inset-block: 0;
  margin-block: auto;
  font-size: 0;
  transition: 0.2s;
}
.m-board-item .board-link::before {
  right: 10px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  border: 1px solid #000000;
}
.m-board-item .board-link::after {
  right: 18px;
  width: 5px;
  height: 5px;
  border-right: 1px solid #000000;
  border-top: 1px solid #000000;
  transform: rotate(45deg);
}
.m-board-item .board-link:hover {
  text-decoration: none;
}
.m-board-item .date {
  font-size: 14px;
  font-size: 1.4rem;
  color: #5b9d43;
  font-family: "Roboto", "Noto Sans JP", serif;
}
.m-board-item .title-box .title {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.8;
  font-weight: 500;
}
.m-board-item .lb {
  display: inline-block;
  vertical-align: middle;
  min-width: 50px;
  padding-inline: 5px;
  margin-left: 25px;
  background-color: #e49e49;
  border-radius: 3px;
  text-align: center;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 20px;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-family: "Roboto", "Noto Sans JP", serif;
}
.m-board-item.has-thumb {
  padding-block: 0;
  border-bottom: 0;
}
.m-board-item.has-thumb .board-link {
  display: block;
  padding: 0;
}
.m-board-item.has-thumb .board-link::before, .m-board-item.has-thumb .board-link::after {
  display: none;
}
.m-board-item.has-thumb .thumb-box {
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  aspect-ratio: 1.4285714286/1;
}
.m-board-item.has-thumb .thumb-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.m-board-item.has-thumb .thumb-box .lb {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0;
  margin-left: 0;
  min-width: 70px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 24px;
  padding-top: 1px;
}
.m-board-item.has-thumb .date {
  margin-bottom: 5px;
}
.m-board-item .title-box .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*
#styleguide
.m-voice-list

ご愛用者さまの声一覧
```
<div class="m-voice-list">
  <div class="m-voice-item">
    <div class="voice-prd-box">
      <div class="prd-thumb">
        <a class="prd-link" href="/">
          <img src="./assets/img/_temp/temp_prd01.jpg" alt="">
        </a>
      </div>
      <div class="m-btn-wrap">
        <a href="/" class="m-btn m-btn--secondary m-btn--max">商品情報を見る</a>
      </div>
    </div>
    <div class="voice-text-box">
      <div class="prd-category">定番商品</div>
      <div class="prd-name">ダブルマジックⅢ</div>
      <div class="voice-text">いつもステキな靴をありがとうございます。今回の注文では、ベルト花柄刺繍に加えて、裏側に名前刺繍をお願い出来る様になり大変助かりありがたく思いました。これからもどうぞ宜しくお願い致します。</div>
    </div>
  </div>

  <div class="m-voice-item">
    <div class="voice-prd-box">
      <div class="prd-thumb">
        <a class="prd-link" href="/">
          <img src="./assets/img/_temp/temp_prd01.jpg" alt="">
        </a>
      </div>
      <div class="m-btn-wrap">
        <a href="/" class="m-btn m-btn--secondary m-btn--max">商品情報を見る</a>
      </div>
    </div>
    <div class="voice-text-box">
      <div class="prd-category">定番商品</div>
      <div class="prd-name">ダブルマジックⅢ</div>
      <div class="voice-text">以前、病院の売店であゆみのスリッパ（ピンク）を買いました。いつもかかとを折っていましたが、そのまま履けるので大変うれしいです。装具があるため、どうしても大きいサイズではいていたけど、左右違って買えて自分にあった靴ができうれしいです。</div>
    </div>
  </div>
</div>
```
*/
.m-voice-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.m-voice-item {
  display: grid;
  grid-template-columns: 160px 1fr;
  -moz-column-gap: 25px;
  column-gap: 25px;
  padding-block: 27px;
  padding-inline: 25px;
  background-color: #fff;
  border: 2px solid #e3dcd1;
  border-radius: 10px;
}
.m-voice-item .prd-category {
  display: inline-block;
  vertical-align: top;
  min-width: 85px;
  padding-inline: 5px;
  margin-bottom: 8px;
  height: 28px;
  line-height: 28px;
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
  background-color: #5b9d43;
  border-radius: 28px;
  text-align: center;
}
.m-voice-item .prd-name {
  margin-bottom: 10px;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 500;
}
.m-voice-item .voice-text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5714285714;
}

/*
#styleguide
.m-faq-list

よくあるご質問
```
<ul class="m-faq js-accordion">
  <li class="m-faq-box js-accordion-box">
    <h4 class="m-faq-q"><button type="button" class="title js-accordion-btn">タイトルが入ります。</button></h4>
    <div class="m-faq-a js-accordion-contents">
      テキスト入ります。テキスト入ります。テキスト入ります。テキスト入ります。テキスト入ります。<br>
      テキスト入ります。テキスト入ります。テキスト入ります。<br>
      <br>
      テキスト入ります。テキスト入ります。<a href="/f/contact" class="m-btn-text">リンクボタン</a>テキスト入ります。
      <br>
      テキスト入ります。テキスト入ります。テキスト入ります。テキスト入ります。テキスト入ります。テキスト入ります。テキスト入ります。
      テキスト入ります。テキスト入ります。テキスト入ります。テキスト入ります。テキスト入ります。テキスト入ります。テキスト入ります。

      <div class="m-btn-wrap left">
        <a href="#" class="m-btn" target="_blank">btn 01</a>
        <a href="#" class="m-btn" target="_blank">btn 02</a>
      </div>

      <div class="img-box">
        <img src="../public_html/ec/assets/img/_temp/temp_toku.jpg" alt="">
      </div>
      <div class="img-box">
        <img src="../public_html/ec/assets/img/_temp/temp_toku.jpg" alt="">
      </div>
    </div>
  </li><!-- //.m-faq-box -->
  <li class="m-faq-box js-accordion-box">
    <h4 class="m-faq-q"><button type="button" class="title js-accordion-btn">タイトルが入ります。タイトルが入ります。</button></h4>
    <div class="m-faq-a js-accordion-contents">
      テキスト入ります。テキスト入ります。テキスト入ります。テキスト入ります。テキスト入ります。<br>
      テキスト入ります。テキスト入ります。テキスト入ります。テキスト入ります。テキスト入ります。テキスト入ります。テキスト入ります。
      テキスト入ります。テキスト入ります。テキスト入ります。テキスト入ります。テキスト入ります。テキスト入ります。テキスト入ります。
    </div>
  </li><!-- //.m-faq-box -->
</ul>
```
*/
.m-faq .m-faq-box {
  overflow: hidden;
  border: 2px solid #e3dcd1;
  border-radius: 10px;
  background-color: #fff;
}
.m-faq .m-faq-box ~ .m-faq-box {
  margin-top: 15px;
}
.m-faq .m-faq-box.is-active .m-faq-q::after {
  transform: rotate(90deg);
}
.m-faq .m-faq-q {
  position: relative;
}
.m-faq .m-faq-q::before, .m-faq .m-faq-q::after {
  content: "";
  position: absolute;
  right: 21px;
  inset-block: 0;
  margin-block: auto;
  display: block;
  width: 13px;
  height: 1px;
  background-color: #5b9d43;
}
.m-faq .m-faq-q .title {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 60px;
  padding-block: 10px;
  padding-inline: 68px 40px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}
.m-faq .m-faq-q .title::before {
  content: "Q";
  position: absolute;
  inset-block: 0;
  margin-block: auto;
  left: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  border-radius: 50%;
  line-height: 1;
  text-align: center;
  font-family: "Roboto", "Noto Sans JP", serif;
  background-color: #5b9d43;
}
.m-faq .m-faq-q button.title:focus {
  outline: 0;
}
.m-faq .m-faq-q button.title:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.m-faq .m-faq-a {
  position: relative;
  padding-inline: 68px 18px;
  padding-block: 10px 15px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}
.m-faq .m-faq-a::before {
  content: "A";
  position: absolute;
  left: 18px;
  top: 0.5%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  border-radius: 50%;
  line-height: 1;
  text-align: center;
  font-family: "Roboto", "Noto Sans JP", serif;
  background-color: #e49e49;
}
.m-faq .m-faq-a .img-box {
  margin-block: 25px 20px;
}
.m-faq .m-faq-a .m-btn-wrap {
  margin-top: 15px;
}

/*
#styleguide
.m-line-list

テキスト・ラインリスト
```
<dl class="m-line-list">
  <div class="m-line-item">
    <dt class="title">一、ビジョン</dt>
    <dd class="text">私達は、永年の信頼をベースに、更なる精進をし、社会に貢献すべく、郷土に根ざした大樹とならん事を誓います。</dd>
  </div>
  <div class="m-line-item">
    <dt class="title">一、商品</dt>
    <dd class="text">私達は、我社独自の開発力・技術力・生産力をより高め、お客様のニーズにスピーディーに対応する事を誓います｡</dd>
  </div>
</dl>
```
*/
.m-box-white .m-line-list {
  margin-block: 10px;
}

.m-line-item ~ .m-line-item {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #c8c8c8;
}
.m-line-item .title {
  margin-bottom: 5px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  font-family: "Zen Maru Gothic", "Noto Sans JP", serif;
}
.m-line-item .text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
}

/* ========================
  future shop システムパーツ
  =========================

  <div class="fs-l-page">
    <header class="l-header-wrap"> </header>
    <!-- **パンくずリストパーツ （システムパーツ） ↓↓ -->
    <nav class="fs-c-breadcrumb"> </nav>
    <!-- **パンくずリストパーツ （システムパーツ） ↑↑ -->
    <main class="fs-l-main">
      <div id="fs-page-error-container" class="fs-c-panelContainer"> </div>

      <!-- **保持商品変更通知 （システムパーツ） ↓↓ -->
      <div class="fs-c-panelContainer"> </div>
      <!-- **保持商品変更通知 （システムパーツ） ↑↑ -->
      <!-- **ドロワーメニュー制御用隠しチェックボックス（フリーパーツ） ↓↓ -->
      <input type="checkbox" name="ctrlDrawer" value="" style="display:none;" id="fs_p_ctrlDrawer" class="fs-p-ctrlDrawer">
      <!-- **ドロワーメニュー制御用隠しチェックボックス（フリーパーツ） ↑↑ -->
      <aside class="fs-p-drawer fs-l-sideArea"> </aside>

      <section class="fs-l-pageMain">
        <!-- **ページ見出し（フリーパーツ）↓↓ -->
        <h2 class="fs-c-heading fs-c-heading--page">ショッピングカート</h2>
        <!-- **ページ見出し（フリーパーツ）↑↑ -->
      </section>
    </main>
  </div>
------------------ */
label[for] {
  cursor: default;
}

.fs-l-page {
  overflow: hidden;
}

.fs-p-scrollingCartButton {
  display: none !important;
}

.m-box-info + .fs-c-breadcrumb {
  margin-top: 15px;
}

.fs-c-breadcrumb {
  margin-top: 12px;
  padding: 0;
}
.fs-c-breadcrumb .fs-c-breadcrumb__list {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.fs-c-breadcrumb .fs-c-breadcrumb__listItem {
  vertical-align: middle;
  font-size: 13px;
  font-size: 1.3rem;
}
.fs-c-breadcrumb .fs-c-breadcrumb__listItem + .fs-c-breadcrumb__listItem::before {
  content: " ＞ ";
  margin-inline: 8px;
}
.fs-c-breadcrumb .fs-c-breadcrumb__listItem.last {
  max-width: 85%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.fs-c-panelContainer {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.fs-c-panelContainer:has(.fs-c-panel) {
  margin-top: 24px;
}

.fs-c-orderedList > li {
  text-indent: -1.5em;
}

.fs-c-orderedList > li::before {
  padding-right: 0.5em;
  color: #000000;
  text-indent: -1.25em;
}

.fs-c-orderedList > li .fs-c-orderedList {
  padding-left: 0;
  margin-left: 0;
  margin-block: 0;
  border-left: 0;
}
.fs-c-orderedList > li .fs-c-orderedList > li + li {
  margin-top: 0;
}
.fs-c-orderedList > li .fs-c-orderedList > li::before {
  content: "（" counter(number) "）";
  padding-right: 0;
  margin-right: -0.25em;
  width: auto;
}

.fs-c-explainList {
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  grid-gap: 0;
}
.fs-c-explainList + .fs-c-explainList {
  margin-top: 40px;
}
.fs-c-explainList.size-sm {
  display: grid;
  grid-template-columns: 44% 1fr;
  max-width: 320px;
  border: 1px solid #c8c8c8;
}
.fs-c-explainList.size-sm dt, .fs-c-explainList.size-sm dd {
  padding-block: 9px 10px;
  padding-inline: 15px;
}
.fs-c-explainList.size-sm dt {
  border-right: 1px solid #c8c8c8;
}
.fs-c-explainList dt, .fs-c-explainList dd {
  padding-block: 14px;
  padding-inline: 30px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8571428571;
  vertical-align: top;
  font-weight: 400;
  text-align: left;
}
.fs-c-explainList dt {
  background-color: #f5f5f2;
}
.fs-c-explainList dt ~ dt {
  border-top: 1px solid #c8c8c8;
}
.fs-c-explainList dd:not(:last-child) {
  margin-bottom: 0;
}
.fs-c-explainList dd ~ dd {
  border-top: 1px solid #c8c8c8;
}
.fs-c-explainList.type-col {
  grid-template-columns: auto;
  border-right: 0;
}
.fs-c-explainList.type-col dt {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-row: 1;
  border-top: 0;
  border-bottom: 1px solid #c8c8c8;
  text-align: center;
}
.fs-c-explainList.type-col dd {
  grid-row: 2;
  border-top: 0;
  border-right: 1px solid #c8c8c8;
}

.fs-c-specTable {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8571428571;
}

.fs-c-specTable,
.fs-c-specTable__headerCell,
.fs-c-specTable__dataCell {
  border-color: #c8c8c8;
}

.fs-c-specTable__headerCell {
  background-color: #f2f1ef;
}

.fs-c-specTable__headerCell,
.fs-c-specTable__dataCell {
  padding-block: 9px 10px;
  padding-inline: 15px;
}

.fs-l-main {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
body.fs-body-top .fs-l-main {
  max-width: 100%;
}

.fs-c-documentArticle {
  padding: 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}
.fs-c-documentArticle + .fs-c-documentArticle {
  margin-top: 65px;
}
.fs-c-documentArticle * + .fs-c-documentColumn {
  margin-top: 34px;
}
.fs-c-documentArticle * + .fs-c-documentArticle__content {
  margin-top: 30px;
}
.fs-c-documentArticle .fs-c-explainList {
  margin-block: 12px 8px;
}
.fs-c-documentArticle .img-box {
  margin-block: 15px;
}
.fs-c-documentArticle .img-box + .fs-c-explainList {
  margin-top: 30px;
}
.fs-c-documentArticle .img-box.col4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.fs-c-documentArticle .img-box.col4 img {
  width: 100%;
}

.fs-c-documentColumn {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}

.fs-c-documentArticle__content {
  padding: 0;
}
.fs-c-documentArticle__content.col2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}
.fs-c-documentArticle__content.col2 * + .fs-c-documentColumn {
  margin-top: 0;
}

.fs-c-documentColumn__content {
  padding: 0;
}
.fs-c-documentColumn__content p {
  margin-right: 0;
}
.fs-c-documentColumn__content p + p {
  margin-top: 1rem;
}
.fs-c-documentColumn__content .fs-p-address {
  margin-top: 1rem;
}

.fs-l-pageMain {
  max-width: none;
  padding-block: 60px 100px;
}

.l-pageMain-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.l-pageMain-flex .fs-l-pageMain {
  padding-block: 0;
}
.l-pageMain-flex .fs-l-sideArea {
  max-width: 275px;
  margin-right: 70px;
  padding: 0;
}
.l-pageMain-flex .fs-l-sideArea + .fs-l-pageMain,
.l-pageMain-flex .fs-l-pageMain + .fs-l-sideArea {
  max-width: calc(100% - 275px - 70px);
}
.l-pageMain-flex .fs-c-productList {
  margin-block: 0;
}

.fs-c-requiredMark {
  color: #e96565;
}

/* ========================
  商品リスト
========================= */
.m-productList-wrap .fs-c-productListItem .fs-c-productListItem__imageContainer {
  margin-bottom: 15px;
}
.m-productList-wrap .fs-c-productListItem .fs-c-productImage {
  width: 100%;
  max-width: 100%;
  border: 1px solid #c8c8c8;
}
.m-productList-wrap .fs-c-productListItem .fs-c-productImage > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.m-productList-wrap .fs-c-productListItem .fs-c-productListItem__image__image {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

/* 商品リスト 基本 */
.fs-c-productList__list {
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 50px 30px;
}

.fs-c-productListItem {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 0;
  border-bottom: 0;
  line-height: normal;
  font-size: 14px;
  font-size: 1.4rem;
}
.fs-c-productListItem .fs-c-productListItem__imageContainer {
  margin-bottom: 3px;
  text-align: center;
}
.fs-c-productListItem .fs-c-productImage {
  position: relative;
  display: inline-block;
  vertical-align: top;
  aspect-ratio: 1;
  width: 100%;
  max-width: 210px;
}
.fs-c-productListItem .fs-c-productImage__image {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.fs-c-productListItem .fs-c-productImage .ico-rank {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 1;
  width: 46px;
  aspect-ratio: 1.2777777778/1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-size: 0;
}
.fs-c-productListItem .fs-c-productImage .ico-rank.rank01 {
  background-image: url("../img/icon/ico_rank01.png");
}
.fs-c-productListItem .fs-c-productImage .ico-rank.rank02 {
  background-image: url("../img/icon/ico_rank02.png");
}
.fs-c-productListItem .fs-c-productImage .ico-rank.rank03 {
  background-image: url("../img/icon/ico_rank03.png");
}
.fs-c-productListItem .fs-c-buttonContainer {
  margin-top: 25px;
  padding-block: 0;
}
.fs-c-productListItem .fs-c-buttonContainer form {
  flex: 1;
}
.fs-c-productListItem .fs-c-buttonContainer .fs-c-button--plain::before {
  display: none;
}
.fs-c-productListItem .fs-c-productListItem__viewMoreImageButton {
  margin-top: 10px;
}
.fs-c-productListItem .fs-c-productListItem__productName {
  margin-bottom: 0;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 500;
}
.fs-c-productListItem .fs-c-productListItem__productName .fs-c-productName__copy {
  font-size: 14px;
  font-size: 1.4rem;
}
.fs-c-productListItem .fs-c-productListItem__productName a {
  transition: opacity 0.3s;
}
.fs-c-productListItem .fs-c-productListItem__productName a:hover {
  text-decoration: none;
}
.fs-c-productListItem .fs-c-productName__variation {
  font-size: 0.7em;
}
.fs-c-productListItem .prd-info-box {
  margin-top: 5px;
}
.fs-c-productListItem .prd-price-box + .fs-c-productMarks {
  margin-block: 0 auto;
}
.fs-c-productListItem .prd-comment-box {
  margin-top: 17px;
}
.fs-c-productListItem .fs-c-productMarks {
  margin-block: 10px;
}
.fs-c-productListItem .fs-c-productPrices {
  margin-top: 17px;
  margin-bottom: 15px;
}
.fs-c-productListItem .fs-c-productPrice {
  justify-content: center;
  padding-block: 5px;
  background-color: #fff;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}
.fs-c-productListItem .fs-c-productPrice + .fs-c-productPrice {
  margin-top: 7px;
}
.fs-c-productListItem .fs-c-productPrice__main__price {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  color: #000000;
}
.fs-c-productListItem .fs-c-productPrice__addon {
  font-size: 14px;
  font-size: 1.4rem;
}
.fs-c-productListItem .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
  color: #000000;
}
.fs-c-productListItem .fs-c-productPrice__main {
  justify-content: center;
}
.fs-c-productListItem .fs-c-productListItem__productDescription {
  margin-block: 10px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5384615385;
}
.fs-c-productListItem .fs-c-rating {
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 5px;
}
.fs-c-productListItem .fs-c-rating + .fs-c-buttonContainer {
  margin-top: 15px;
}
.fs-c-productListItem .fs-c-aggregateRating {
  justify-content: center;
}
.fs-c-productListItem .fs-c-aggregateRating .fs-c-aggregateRating__rating {
  font-size: 14px;
}
.fs-c-productListItem .fs-c-aggregateRating .fs-c-aggregateRating__rating::before {
  font-size: 13px;
  margin-bottom: 5px;
}
.fs-c-productListItem .fs-c-productListItem__viewReview {
  margin-top: 10px;
  justify-content: center;
}

.fs-c-productMark {
  flex-wrap: wrap;
  gap: 4px;
}

.fs-c-productMark__mark {
  margin-right: 0;
  border-radius: 0;
  min-width: 23px;
  min-height: 23px;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 5px 7px 6px;
}
.fs-c-productMark__mark.fs-c-productMark__mark--0 {
  color: #000000;
  background-color: #ebebeb;
}

.fs-c-productMark__mark--image {
  padding: 0;
}

.prd-info-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
  font-size: 13px;
  font-size: 1.3rem;
}

.prd-price-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 7px;
  column-gap: 7px;
  margin-block: 20px 10px;
  font-feature-settings: "palt";
}
.prd-price-box .prd-price {
  padding: 10px 5px 5px;
  border-radius: 5px;
  border: 1px solid #c8c8c8;
  background-color: #fff;
}
.prd-price-box .prd-price .lb {
  font-size: 14px;
  font-size: 1.4rem;
}
.prd-price-box .prd-price .lb .ico {
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
  background-position: center;
  background-repeat: no-repeat;
}
.prd-price-box .prd-price .lb .ico.ico-foot {
  width: 19px;
  height: 20px;
  background-image: url("../img/icon/ico_foot.svg");
}
.prd-price-box .prd-price .lb .ico.ico-foot-one {
  width: 8px;
  height: 20px;
  background-image: url("../img/icon/ico_foot_one.svg");
}
.prd-price-box .prd-price .price {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
}
.prd-price-box .prd-price .price .val {
  position: relative;
}
.prd-price-box .prd-price .price .val::before {
  content: "¥";
}
.prd-price-box .prd-price .price .addon {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 400;
  margin-left: 2px;
}
.prd-price-box .prd-price:hover {
  text-decoration: none;
}

.prd-comment-box {
  display: grid;
  grid-template-columns: min(78px, 25%) 1fr;
  align-items: center;
  -moz-column-gap: 14px;
  column-gap: 14px;
}
.prd-comment-box .user-box {
  width: 100%;
}
.prd-comment-box .user-box .user-img {
  width: 100%;
  aspect-ratio: 1;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  overflow: hidden;
}
.prd-comment-box .comment-box {
  text-align: left;
}
.prd-comment-box .comment-box .comment-title {
  margin-bottom: 5px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.4666666667;
  font-weight: 700;
  color: #956627;
  font-family: "Zen Maru Gothic", "Noto Sans JP", serif;
}
.prd-comment-box .comment-box .comment-text {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5384615385;
}

.fs-c-productListItem__control {
  justify-content: center;
}

.fs-c-productListItem__lowInStock,
.fs-c-productListItem__outOfStock,
.fs-c-productListItem__numberOfStock {
  padding-block: 5px 6px;
  font-size: 15px;
  font-size: 1.5rem;
  color: #fff;
  background-color: #e49e49;
  border-color: #e49e49;
  border-radius: 4px;
}

/* ランキング */
.m-ranking-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px 20px;
}
.m-ranking-list .fs-c-productListItem .fs-c-productListItem__imageContainer {
  margin-bottom: 8px;
}
.m-ranking-list .fs-c-productListItem .fs-c-productImage {
  width: 100%;
  max-width: none;
}
.m-ranking-list .fs-c-productListItem .prd-price-box {
  padding-inline: 4px;
}

/* 並び替え・ページャーパーツ（システムパーツ） */
.m-pagination-top .fs-c-productList__controller,
.m-pagination-under .fs-c-productList__controller {
  margin: 0;
  flex-direction: row-reverse;
}
.m-pagination-top .fs-c-sortItems,
.m-pagination-under .fs-c-sortItems {
  margin: 0;
}
.m-pagination-top .fs-c-listControl,
.m-pagination-under .fs-c-listControl {
  margin: 0;
}

.m-pagination-top {
  margin-bottom: 40px;
}
.m-pagination-top .fs-c-pagination {
  display: none;
}
.m-pagination-top .fs-c-listControl {
  justify-content: flex-start;
}

.m-pagination-under:has(.fs-c-pagination) {
  margin-top: 65px;
}
.m-pagination-under .fs-c-sortItems,
.m-pagination-under .fs-c-listControl__status {
  display: none;
}
.m-pagination-under .fs-c-listControl {
  justify-content: center;
}

.fs-c-listControl .fs-c-listControl__status {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2;
}
.fs-c-sortItems .fs-c-sortItems__label {
  flex-shrink: 0;
  padding-inline: 5px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2;
  border: 0;
}
.fs-c-sortItems .fs-c-sortItems__label::after {
  content: "：";
}
.fs-c-sortItems .fs-c-sortItems__list__item {
  border: 1px solid #c8c8c8;
  color: #000000;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 500;
  margin-top: -1px;
  margin-right: -1px;
}
.fs-c-sortItems .fs-c-sortItems__list__item .fs-c-sortItems__list__item__label {
  padding-block: 12px 13px;
  padding-inline: 12px;
}
.fs-c-sortItems .fs-c-sortItems__list__item.is-active {
  background-color: #f2f1ef;
  color: #000000;
}

.fs-c-pagination {
  display: flex;
  align-items: flex-start;
  margin-left: 0;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.fs-c-pagination .fs-c-pagination__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  font-family: "Roboto", "Noto Sans JP", serif;
  transition: 0.3s;
}
.fs-c-pagination .fs-c-pagination__item.is-active {
  background-color: #5b9d43;
}
.fs-c-pagination [class*=fs-c-pagination__item--]::before {
  font-size: 1.75em;
}

/* ========================
  カテゴリー
========================= */
.fs-body-category .fs-c-subgroup .fs-c-listControl {
  display: none;
}
.fs-body-category .p-banner-wrap {
  margin-bottom: 0;
}
.fs-body-category .m-form-search-wrap {
  margin-top: 30px;
  padding-block: 45px;
  padding-inline: 20px;
  background-color: #f2ece3;
}
.fs-body-category #menu {
  margin-top: 65px;
}
.fs-body-category #menu + .fs-c-productList {
  display: none;
}

.fs-c-subgroupList {
  display: grid;
  align-items: start;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  margin-top: 0;
}

.fs-c-subgroupList__item .fs-c-subgroupList__link {
  display: flex;
  flex-direction: column;
  padding: 0;
  border: none;
  background: transparent;
}
.fs-c-subgroupList__item .fs-c-subgroupList__link::after {
  display: none;
}
.fs-c-subgroupList__item .fs-c-subgroupList__image {
  aspect-ratio: 1.5/1;
  width: 100%;
  max-height: 320px;
  overflow: hidden;
  margin-right: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}
.fs-c-subgroupList__item .fs-c-subgroupList__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 0.7s ease;
}
.fs-c-subgroupList__item .fs-c-subgroupList__image + .fs-c-subgroupList__label {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.fs-c-subgroupList__item .fs-c-subgroupList__comment {
  margin-top: 7px;
  font-size: 16px;
  font-size: 1.6rem;
}
.fs-c-subgroupList__item .fs-c-subgroupList__link:hover img {
  opacity: 1;
}
.fs-c-subgroupList__item:nth-child(5n+1) .fs-c-subgroupList__label {
  background-color: #5b9d43;
}
.fs-c-subgroupList__item:nth-child(5n+2) .fs-c-subgroupList__label {
  background-color: #34acbe;
}
.fs-c-subgroupList__item:nth-child(5n+3) .fs-c-subgroupList__label {
  background-color: #db7673;
}
.fs-c-subgroupList__item:nth-child(5n+4) .fs-c-subgroupList__label {
  background-color: #e59d4a;
}
.fs-c-subgroupList__item:nth-child(5n+5) .fs-c-subgroupList__label {
  background-color: #0087b8;
}
.fs-c-subgroupList__item .fs-c-subgroupList__label {
  position: relative;
  display: flex;
  vertical-align: top;
  width: 100%;
  margin-top: auto;
  padding-block: 16px 17px;
  padding-inline: 30px 50px;
  background-color: #5b9d43;
  border-radius: 10px;
  overflow: hidden;
  font-size: 25px;
  font-size: 2.5rem;
  color: #fff;
  font-family: "Zen Maru Gothic", "Noto Sans JP", serif;
}
.fs-c-subgroupList__item .fs-c-subgroupList__label::before, .fs-c-subgroupList__item .fs-c-subgroupList__label::after {
  content: "";
  display: block;
  position: absolute;
  inset-block: 0;
  margin-block: auto;
  font-size: 0;
  transition: 0.2s;
}
.fs-c-subgroupList__item .fs-c-subgroupList__label::before {
  right: 15px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #fff;
}
.fs-c-subgroupList__item .fs-c-subgroupList__label::after {
  right: 27px;
  width: 7px;
  height: 7px;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  transform: rotate(45deg);
}

.p-category-mv {
  display: flex;
  justify-content: space-between;
  margin-bottom: 75px;
  background-color: #5b9d43;
  color: #fff;
}
body.fs-body-category-gr3 .p-category-mv, body.fs-body-category-gr23 .p-category-mv, body.fs-body-category-gr17 .p-category-mv, body.fs-body-category-gr33 .p-category-mv, body.fs-body-category-gr35 .p-category-mv {
  background-color: #34acbe;
}

body.fs-body-category-gr4 .p-category-mv, body.fs-body-category-gr24 .p-category-mv, body.fs-body-category-gr18 .p-category-mv, body.fs-body-category-gr34 .p-category-mv {
  background-color: #db7673;
}

body.fs-body-category-gr5 .p-category-mv, body.fs-body-category-gr25 .p-category-mv, body.fs-body-category-gr19 .p-category-mv, body.fs-body-category-gr27 .p-category-mv {
  background-color: #e59d4a;
}

body.fs-body-category-gr6 .p-category-mv, body.fs-body-category-gr20 .p-category-mv, body.fs-body-category-gr31 .p-category-mv {
  background-color: #0087b8;
}

.p-category-mv .p-category-textBox {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-block: 50px;
  padding-inline: 70px;
}
.p-category-mv .p-category-textBox::before {
  content: "あゆみ";
  display: block;
  position: absolute;
  left: 18px;
  top: 18px;
  width: 70px;
  aspect-ratio: 2/1;
  background: url("../img/logo_ayumi.png") no-repeat center;
  background-size: 100% auto;
  font-size: 0;
}
.p-category-mv .p-category-textBox .m-title {
  margin-inline: 0;
  margin-bottom: 20px;
}
.p-category-mv .p-category-textBox .m-title .m-title__ja {
  font-size: 40px;
  font-size: 4rem;
}
.p-category-mv .p-category-textBox .p-category-desc {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.8;
}
.p-category-mv .p-category-imgBox {
  flex-shrink: 0;
  aspect-ratio: 1.5/1;
  max-width: 450px;
  max-height: 300px;
}

.p-category-ranking {
  background-color: #f2ece3;
}
.fs-l-main .p-category-ranking {
  margin-inline: calc((100vw - 1000px) / -2);
}

.p-category-recommend {
  margin-bottom: 50px;
  border-bottom: 1px solid #c8c8c8;
}

/* おすすめ */
.m-recommend-item {
  display: flex;
  align-items: flex-start;
  gap: 14px 62px;
}
.m-recommend-item ~ .m-recommend-item {
  margin-top: 65px;
}
.m-recommend-item:nth-child(even) {
  flex-direction: row-reverse;
}
.m-recommend-item .img-box {
  flex-shrink: 0;
  max-width: 320px;
  aspect-ratio: 1/1;
  margin-inline: auto;
}
.m-recommend-item .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.m-recommend-item .recommend-title {
  margin-bottom: 10px;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 500;
}
.m-recommend-item .recommend-text {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.75;
}
.m-recommend-item .prd-comment-box {
  grid-template-columns: 100px 1fr;
  align-items: start;
  margin-top: 15px;
  padding-block: 20px;
  padding-inline: 25px;
  background-color: #f2f1ef;
}
.m-recommend-item .prd-comment-box .comment-box .comment-title {
  margin-bottom: 10px;
  font-size: 20px;
  font-size: 2rem;
}
.m-recommend-item .m-btn-wrap {
  justify-content: flex-start;
}

/* ========================
  商品詳細
========================= */
.fs-c-photoswipe .pswp__caption__center {
  text-align: center;
}

.fs-l-product2.fs-l-main {
  padding-top: 50px;
  padding-bottom: 100px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.8;
}
.fs-l-product2 .fs-l-pageMain {
  padding-top: 60px;
}
.fs-l-product2 .fs-l-productLayout {
  display: grid;
  grid-template-columns: 50% 45%;
  grid-gap: 70px 5%;
  align-items: start;
}

.fs-l-productLayout {
  /* 左 */
  /* 右 */
}
.fs-l-productLayout .fs-c-productMainImage__image,
.fs-l-productLayout .fs-c-productCarouselMainImage__image {
  width: 100%;
  aspect-ratio: 1;
}
.fs-l-productLayout .fs-c-productMainImage__image img,
.fs-l-productLayout .fs-c-productCarouselMainImage__image img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.fs-l-productLayout .fs-c-productThumbnail {
  gap: 13px;
  margin-block: 13px;
}
.fs-l-productLayout .fs-c-productThumbnail .fs-c-productThumbnail__image {
  flex-basis: auto;
  width: calc((100% - 52px) / 5);
  margin: 0;
}
.fs-l-productLayout .fs-c-productThumbnail .fs-c-productThumbnail__image__caption {
  margin-top: 3px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}
.fs-l-productLayout .fs-c-productCarouselMainImage__carousel {
  max-width: 500px;
  margin-inline: auto;
  aspect-ratio: 1;
}
.fs-l-productLayout .fs-c-productCarouselMainImage__carousel .slick-list {
  height: 100% !important;
}
.fs-l-productLayout .fs-c-productCarouselMainImage__carousel .slick-slide {
  width: 100%;
  max-width: 500px;
}
.fs-l-productLayout .fs-c-productCarouselMainImage__carousel .slick-slide > div {
  width: 100%;
}
.fs-l-productLayout .fs-c-productCarouselMainImage__thumbnailList {
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 0;
  margin-bottom: 13px;
  overflow-x: hidden;
}
.fs-l-productLayout .fs-c-productCarouselMainImage__thumbnailList > li {
  flex-basis: auto;
  width: calc((100% - 52px) / 5);
  margin: 0;
}
.fs-l-productLayout .fs-c-productCarouselMainImage__thumbnailList .fs-c-productCarouselMainImage__thumbnail__caption {
  margin-top: 3px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}
.fs-l-productLayout .fs-c-productImageModal {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fs-l-productLayout .fs-c-productImageModal .fs-c-productImageModalCarousel .slick-dots {
  position: absolute;
  inset-inline: 0;
  margin-inline: auto;
  bottom: 0;
}
.fs-l-productLayout .fs-c-productImageModal .fs-c-productImageModalCarousel .fs-c-productImageModalCarousel__figure {
  position: relative;
  height: 100svh;
}
.fs-l-productLayout .fs-c-productImageModal .fs-c-productImageModalCarousel .fs-c-productImageModalCarousel__figure .fs-c-productImageModalCarousel__figure__caption {
  position: absolute;
  left: 0;
  top: 0;
}
.fs-l-productLayout .fs-c-productNameHeading {
  color: #000000;
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: 500;
}
.fs-l-productLayout .fs-c-productNameHeading .fs-c-productNameHeading__copy {
  display: block;
  margin-bottom: 5px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
}
.fs-l-productLayout .fs-c-productMarks {
  margin-bottom: 25px;
}
.fs-l-productLayout .fs-c-productNumber {
  padding: 0;
  margin-bottom: 0;
  border: 0;
  font-size: 13px;
  font-size: 1.3rem;
}
.fs-l-productLayout .fs-c-productNumber .fs-c-productNumber__label::after {
  content: "：";
  margin-right: -2px;
}
.fs-l-productLayout .fs-c-productNumber .fs-c-productNumber__number {
  font-weight: 400;
}
.fs-l-productLayout .fs-c-productPrices--productDetail {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 5px 15px;
  line-height: 1.5;
}
.fs-l-productLayout .fs-c-productPrices--productDetail .fs-c-productPrice__main__label {
  font-size: 13px;
  font-size: 1.3rem;
}
.fs-l-productLayout .fs-c-productPrices--productDetail .fs-c-productPrice__main__price {
  font-size: 16px;
  font-size: 1.6rem;
}
.fs-l-productLayout .fs-c-productPrices--productDetail .fs-c-productPrice__addon {
  font-size: 13px;
  font-size: 1.3rem;
}
.fs-l-productLayout .fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) {
  -moz-column-gap: 5px;
  column-gap: 5px;
}
.fs-l-productLayout .fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
  font-size: 28px;
  font-size: 2.8rem;
  color: #000000;
}
.fs-l-productLayout .fs-c-productPointDisplay {
  padding: 0;
  font-size: 15px;
  font-size: 1.5rem;
  color: #5b9d43;
  background-color: transparent;
}
.fs-l-productLayout .fs-c-productPointDisplay .fs-c-productPointDisplay__quantity {
  font-weight: 400;
}
.fs-l-productLayout .fs-c-estimatedDeliveryDate {
  margin-block: 15px;
}
.fs-l-productLayout .fs-c-variationAndActions,
.fs-l-productLayout .fs-c-productOption {
  margin-top: 24px;
}
.fs-l-productLayout .fs-c-variationLabel,
.fs-l-productLayout .fs-c-productOption__name {
  margin-bottom: 10px;
  padding: 0;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  background-color: transparent;
}
.fs-l-productLayout .fs-c-productOption__name ~ .fs-c-productOption__name {
  margin-top: 20px;
}
.fs-l-productLayout .fs-c-productOption__option {
  padding: 0;
  margin-bottom: 0;
}
.fs-l-productLayout .fs-c-productOption__option .fs-c-productOption__comment {
  margin-top: 7px;
}
.fs-l-productLayout .fs-c-productOption__option .fs-c-productOption__comment a {
  font-size: 13px;
  font-size: 1.3rem;
  text-decoration: underline;
  transition: opacity 0.3s;
}
.fs-l-productLayout .fs-c-dropdown::after {
  content: "\e90f";
  top: 1px;
  right: 1px;
  width: 40px;
  height: 38px;
  background: #f8f8f8;
  border: 0;
  border-left: 1px solid #c8c8c8;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #000000;
  font-family: "fs-icon" !important;
  font-size: 1.8rem;
  padding: 10px 8px 8px;
  transform: rotate(0);
  pointer-events: none;
}
.fs-l-productLayout .fs-c-dropdown .fs-c-dropdown__menu {
  height: 40px;
  padding-right: 50px;
  border-radius: 3px;
}
.fs-l-productLayout .fs-c-variationRadioList {
  margin-block: 25px;
}
.fs-l-productLayout .fs-c-variationRadioList__row {
  padding: 10px;
  border-top: 1px solid #c8c8c8;
}
.fs-l-productLayout .fs-c-variationRadioList__row:last-child {
  border-bottom: 1px solid #c8c8c8;
}
.fs-l-productLayout .fs-c-variationRadioList__row .fs-c-variationRadioList__image {
  min-width: auto;
  margin-right: 30px;
}
.fs-l-productLayout .fs-c-variationRadioList__row .fs-c-radio__label {
  max-width: 50%;
  flex-direction: row-reverse;
}
.fs-l-productLayout .fs-c-variationRadioList__row .fs-c-radio__label .fs-c-radio__radioMark {
  width: 20px;
  height: 20px;
  margin: 0 0 0 5px;
  border: 1px solid #c8c8c8;
}
.fs-l-productLayout .fs-c-variationRadioList__row .fs-c-variationRadioList__name {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
}
.fs-l-productLayout .fs-c-variationRadioList__row .fs-c-variationRadioList__wishlist {
  margin-left: 15px;
}
.fs-l-productLayout .fs-c-variationRadioList__row .fs-c-variationRadioList__wishlist .fs-c-button--addToWishList--icon::before {
  color: #7b7b7b;
  font-size: 25px;
}
.fs-l-productLayout .fs-c-productChooseVariation {
  margin-block: 25px;
}
.fs-l-productLayout .fs-c-variationPanelList {
  row-gap: 0;
}
.fs-l-productLayout .fs-c-variationPanelList__panel__label {
  font-weight: 500;
}
.fs-l-productLayout .fs-c-variationPanelList__radio:checked + .fs-c-variationPanelList__panel {
  border-color: #5b9d43;
}
.fs-l-productLayout .fs-c-variationPanelList__radio:checked + .fs-c-variationPanelList__panel .fs-c-variationPanelList__panel__content {
  background: #518b3b;
}
.fs-l-productLayout .fs-c-variationPanelList__panel--outOfStock {
  border-style: solid;
}
.fs-l-productLayout .fs-c-button--particular.fs-c-button--addToWishList--detail, .fs-l-productLayout .fs-c-button--particular.fs-c-button--removeFromWishList--detail {
  flex-direction: row-reverse;
  padding: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
  font-size: 13px;
  font-size: 1.3rem;
  color: #000000;
  text-align: left;
  transition: opacity 0.3s;
}
.fs-l-productLayout .fs-c-button--particular.fs-c-button--addToWishList--detail:after, .fs-l-productLayout .fs-c-button--particular.fs-c-button--removeFromWishList--detail:after {
  margin-top: 2px;
  margin-inline: 0 3px;
  color: #3c3c3c;
}
.fs-l-productLayout .fs-c-button--particular.fs-c-button--removeFromWishList--detail:after {
  color: #e96565;
}
.fs-l-productLayout .fs-c-stockSignLegend {
  margin-top: 20px;
  font-size: 13px;
  font-size: 1.3rem;
}
.fs-l-productLayout .fs-c-productQuantityAndWishlist,
.fs-l-productLayout .fs-c-productQuantity {
  margin-top: 30px;
}
.fs-l-productLayout .fs-c-productQuantityAndWishlist .fs-c-quantity,
.fs-l-productLayout .fs-c-productQuantity .fs-c-quantity {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  max-width: none;
}
.fs-l-productLayout .fs-c-productQuantityAndWishlist .fs-c-quantity::before,
.fs-l-productLayout .fs-c-productQuantity .fs-c-quantity::before {
  content: "数量";
  flex-shrink: 0;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
}
.fs-l-productLayout .fs-c-productQuantityAndWishlist .fs-c-quantity__select,
.fs-l-productLayout .fs-c-productQuantity .fs-c-quantity__select {
  width: auto;
  border-radius: 2px;
}
.fs-l-productLayout .fs-c-productQuantityAndWishlist .fs-c-buttonContainer,
.fs-l-productLayout .fs-c-productQuantity .fs-c-buttonContainer {
  margin-top: 0;
}
.fs-l-productLayout .fs-c-buttonContainer {
  margin-top: 20px;
  padding: 0;
}
.fs-l-productLayout .fs-c-buttonContainer + .fs-c-buttonContainer {
  margin-top: 10px;
}
.fs-l-productLayout .fs-c-productActionButton {
  margin-bottom: 24px;
}
.fs-l-productLayout .fs-c-productNotice--outOfStock,
.fs-l-productLayout .fs-c-productNotice--subscriptionOutOfStock {
  margin-bottom: 20px;
}
.fs-l-productLayout .fs-c-button--inquiryAboutProduct {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-size: 1.4rem;
  color: #000000;
  transition: 0.3s;
}
.fs-l-productLayout .fs-c-button--inquiryAboutProduct::before {
  content: "";
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 25px;
  height: 21px;
  margin-top: 2px;
  margin-right: 3px;
  background-image: url(../img/icon/ico_mail.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 19px 15px;
}
.fs-l-productLayout .fs-c-button--inquiryAboutProduct:hover {
  text-decoration: none;
}
.fs-l-productLayout .fs-p-snsArea {
  margin-top: 20px;
}
.fs-l-productLayout .fs-c-productReview {
  margin-top: 20px;
}
.fs-l-productLayout .fs-c-productReview .fs-c-aggregateRating {
  margin-top: 40px;
}

/* レビュー */
.fs-c-productReview .fs-c-aggregateRating {
  margin-bottom: 5px;
}
.fs-c-productReview .fs-c-aggregateRating__rating {
  flex: 0 1 10.5em;
}
.fs-c-productReview .fs-c-aggregateRating__rating::before {
  margin-bottom: 3px;
  font-size: 12px;
  font-size: 1.2rem;
}
.fs-c-productReview .fs-c-reviewStars::before {
  font-size: 25px;
  font-size: 2.5rem;
}
.fs-c-productReview .fs-c-rating__value {
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "Roboto", "Noto Sans JP", serif;
}
.fs-c-productReview .fs-c-aggregateRating__count {
  font-size: 18px;
  font-size: 1.8rem;
}
.fs-c-productReview .fs-c-reviewList__item {
  padding-block: 20px;
  padding-inline: 0;
}
.fs-c-productReview .fs-c-reviewInfo__reviewer,
.fs-c-productReview .fs-c-reviewer__profile {
  font-size: 13px;
  font-size: 1.3rem;
}
.fs-c-productReview .fs-c-reviewer__name {
  font-size: 15px;
  font-size: 1.5rem;
}
.fs-c-productReview .fs-c-reviewInfo__date {
  margin-block: 5px;
  font-size: 13px;
  font-size: 1.3rem;
}
.fs-c-productReview .fs-c-reviewInfo__date dt {
  font-weight: 400;
}
.fs-c-productReview .fs-c-reviewRating .fs-c-reviewStars::before {
  font-size: 17px;
  font-size: 1.7rem;
}
.fs-c-productReview .fs-c-reviewBody {
  margin-block: 15px 0;
  padding: 18px 20px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5384615385;
}
.fs-c-productReview .fs-c-productNotice--outOfStock,
.fs-c-productReview .fs-c-productNotice--subscriptionOutOfStock {
  padding: 20px;
}

.fs-c-reviewerStatus {
  min-width: 90px;
  padding: 4px 8px 5px;
  margin-inline: 15px;
  font-size: 11px;
  font-size: 1.1rem;
}

.productReview-wrap {
  grid-column: -1/1;
}
.productReview-wrap .m-title-line {
  margin-bottom: 30px;
}
.productReview-wrap .fs-c-buttonContainer {
  max-width: 45%;
  margin-inline: auto;
}

/* 商品詳細　独自コメントパーツ */
/* 独自コメント（1）	ページ上部注意書き用（普段は不使用） */
.m-prd-detail-top + .m-prd-detail-type {
  margin-top: 30px;
}
.m-prd-detail-top + .fs-l-pageMain {
  padding-top: 45px;
}

/* 独自コメント（2）	右足のみ・左足のみ販売ページで表示する画像 */
.m-prd-detail-type {
  padding: 5px 20px 8px;
  background-color: #fff;
  border: 1px solid #c8c8c8;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.5;
  text-align: center;
}
.m-prd-detail-type ~ .m-prd-detail-type {
  margin-top: 24px;
}
.m-prd-detail-type .type {
  color: #5b9d43;
  font-size: 40px;
  font-size: 4rem;
  font-weight: 500;
}
.m-prd-detail-type + .fs-l-pageMain {
  padding-top: 45px;
}

/* 独自コメント（3）	両足セットへのリンク（片方販売用） */
.m-prd-detail-set {
  margin-block: 24px;
  padding-block: 6px 15px;
  padding-inline: 20px;
  border: 2px solid #5b9d43;
  text-align: center;
}
.m-prd-detail-set .title {
  margin-bottom: 8px;
  color: #5b9d43;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.03em;
  font-feature-settings: "palt";
}
.m-prd-detail-set .title .type {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 500;
}
.m-prd-detail-set .m-btn {
  max-width: 350px;
  height: 45px;
  padding-inline: 30px;
  border-radius: 0;
}
.m-prd-detail-set .m-btn::after {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  inset-block: 0;
  margin-block: auto;
  width: 11px;
  height: 11px;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  transform: rotate(45deg);
}

/* 独自コメント（4）	足のサイズの測り方バナー
   独自コメント（5）	返品交換についてのバナー
   独自コメント（6）	送料無料等のバナー */
.m-prd-detail-banner {
  display: flex;
  position: relative;
  min-height: 115px;
  border: 2px solid #e3dcd1;
  font-feature-settings: "palt";
  overflow: hidden;
}
.m-prd-detail-banner ~ .m-prd-detail-banner {
  margin-top: 13px;
}
.m-prd-detail-banner a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  transition: 0.3s;
}
.m-prd-detail-banner a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.m-prd-detail-banner .text-box {
  padding-block: 10px 12px;
  padding-left: 25px;
}
.m-prd-detail-banner .text-box .title {
  margin-bottom: 5px;
  color: #956627;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Zen Maru Gothic", "Noto Sans JP", serif;
}
.m-prd-detail-banner .text-box .text {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5384615385;
  letter-spacing: 0.02em;
}
.m-prd-detail-banner .img-box {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  aspect-ratio: 1.8385650224/1;
  height: 100%;
}
.m-prd-detail-banner .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left;
  object-position: left;
}
.m-prd-detail-banner .info-delivery-fee {
  padding-bottom: 11px;
  padding-inline: 15px;
  width: 100%;
}
.m-prd-detail-banner .info-delivery-fee .title {
  color: #956627;
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 1.2;
  font-weight: 700;
  font-family: "Zen Maru Gothic", "Noto Sans JP", serif;
  text-align: center;
}
.m-prd-detail-banner .info-delivery-fee .title .val {
  font-size: 41px;
  font-size: 4.1rem;
}
.m-prd-detail-banner .info-delivery-fee .title .spot {
  font-size: 27px;
  font-size: 2.7rem;
}
.m-prd-detail-banner .info-delivery-fee .text {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.1;
}
.m-prd-detail-banner .info-delivery-fee .text .val {
  font-size: 23px;
  font-size: 2.3rem;
}

/* 商品独自コメント（10）動画（youtube） */
.prd-detail-video iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}

.fs-body-search .fs-l-main {
  padding-block: 60px 100px;
}

.p-search-keword {
  display: flex;
  flex-wrap: wrap;
  padding-block: 6px;
  padding-inline: 20px;
  background-color: #f2f1ef;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}

.p-search-wrap {
  margin-top: 25px;
}
.p-search-wrap .search-filter-trigger:focus {
  outline: 0;
}
.p-search-wrap .search-filter-trigger :focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.p-search-wrap .search-filter-title {
  padding: 9px 10px 8px;
  background-color: #b6a88a;
  font-size: 15px;
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
  font-family: "Zen Maru Gothic", "Noto Sans JP", serif;
}
.p-search-wrap .fs-p-sideMenu {
  padding-top: 6px;
  padding-bottom: 25px;
  background-color: #f2f1ef;
}
.p-search-wrap .fs-p-sideMenu .fs-pt-menu__item + .fs-pt-menu__item {
  margin-top: 0;
}
.p-search-wrap .fs-p-sideMenu .fs-pt-menu__link:hover {
  text-decoration: none;
  color: inherit;
}
.p-search-wrap .fs-p-sideMenu .fs-pt-menu__item--lv1.is-active .fs-pt-menu__heading--lv1::before {
  opacity: 0;
}
.p-search-wrap .fs-p-sideMenu .fs-pt-menu__item--lv1.is-active .fs-pt-menu__heading--lv1::after {
  top: 20px;
  transform: rotate(225deg);
}
.p-search-wrap .fs-p-sideMenu .fs-pt-menu__heading--lv1 {
  position: relative;
  display: flex;
  align-items: center;
  height: 46px;
  padding-inline: 20px 40px;
  border: 0;
  font-size: 15px;
  font-size: 1.5rem;
  font-family: "Zen Maru Gothic", "Noto Sans JP", serif;
  transition-duration: 0.2s;
  cursor: pointer;
}
.p-search-wrap .fs-p-sideMenu .fs-pt-menu__heading--lv1::before {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 1px;
  background: #c8c8c8;
  transition: opacity 0.3s;
}
.p-search-wrap .fs-p-sideMenu .fs-pt-menu__heading--lv1::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  right: 22px;
  z-index: 2;
  width: 10px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0);
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  transform: rotate(45deg);
  clip-path: unset;
}
.p-search-wrap .fs-p-sideMenu .fs-pt-menu__link--lv1::after {
  display: none;
}
.p-search-wrap .fs-p-sideMenu .fs-pt-menu--lv2 {
  padding-inline: 10px;
  transition: none;
}
.p-search-wrap .fs-p-sideMenu .fs-pt-menu__heading--lv2 {
  padding: 0;
  border-bottom: 0;
}
.p-search-wrap .fs-p-sideMenu .fs-pt-menu__item--lv2 + .fs-pt-menu__item--lv2 {
  margin-top: 5px;
}
.p-search-wrap .fs-p-sideMenu .fs-pt-menu__link--lv2 {
  position: relative;
  display: flex;
  vertical-align: top;
  padding-block: 10px;
  padding-inline: 15px 40px;
  margin: 0;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6;
  background: #fff;
}
.p-search-wrap .fs-p-sideMenu .fs-pt-menu__link--lv2::before, .p-search-wrap .fs-p-sideMenu .fs-pt-menu__link--lv2::after {
  content: "";
  display: block;
  position: absolute;
  inset-block: 0;
  margin-block: auto;
  font-size: 0;
  transition: 0.2s;
}
.p-search-wrap .fs-p-sideMenu .fs-pt-menu__link--lv2::before {
  right: 15px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #000000;
}
.p-search-wrap .fs-p-sideMenu .fs-pt-menu__link--lv2::after {
  right: 22px;
  width: 5px;
  height: 5px;
  border-right: 1px solid #000000;
  border-top: 1px solid #000000;
  transform: rotate(45deg);
}
.p-search-wrap .fs-c-productList .m-pagination-top {
  margin-bottom: 30px;
}
.p-search-wrap .fs-c-productList__list {
  grid-template-columns: repeat(2, 1fr);
}
.p-search-wrap .m-search-detail-wrap {
  padding-block: 16px 30px;
  padding-inline: 10px;
  background-color: #f2f1ef;
}
.p-search-wrap .m-search-detail-wrap input, .p-search-wrap .m-search-detail-wrap select {
  border-color: #a5a5a5;
}
.p-search-wrap .m-search-detail-wrap .fs-c-inputTable > tbody > tr + tr {
  margin-top: 15px;
}
.p-search-wrap .m-search-detail-wrap .fs-c-inputTable__headerCell {
  padding-inline: 10px;
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
}
.p-search-wrap .m-search-detail-wrap .fs-c-checkbox,
.p-search-wrap .m-search-detail-wrap .fs-c-radio {
  margin-top: 5px;
}
.p-search-wrap .m-search-detail-wrap .fs-c-checkboxGroup,
.p-search-wrap .m-search-detail-wrap .fs-c-radioGroup {
  margin-top: 5px;
}
.p-search-wrap .m-search-detail-wrap .fs-c-checkboxGroup .fs-c-checkbox,
.p-search-wrap .m-search-detail-wrap .fs-c-checkboxGroup .fs-c-radio,
.p-search-wrap .m-search-detail-wrap .fs-c-radioGroup .fs-c-checkbox,
.p-search-wrap .m-search-detail-wrap .fs-c-radioGroup .fs-c-radio {
  margin-top: 0;
  font-size: 14px;
  font-size: 1.4rem;
}
.p-search-wrap .m-search-detail-wrap .fs-c-checkbox__checkMark {
  width: 17px;
  height: 17px;
  margin-right: 8px;
  border: 1px solid #a5a5a5;
  border-radius: 3px;
}
.p-search-wrap .m-search-detail-wrap .fs-c-checkbox__checkMark::before {
  font-size: 1em;
}
.p-search-wrap .m-search-detail-wrap .fs-c-radio__radioMark {
  width: 17px;
  height: 17px;
  margin-right: 8px;
  border: 1px solid #a5a5a5;
}
.p-search-wrap .m-search-detail-wrap .fs-c-radio__radio:checked:enabled + label > .fs-c-radio__radioMark::before {
  width: 9px;
  height: 9px;
}
.p-search-wrap .m-search-detail-wrap .fs-c-checkbox__labelText,
.p-search-wrap .m-search-detail-wrap .fs-c-radio__labelText,
.p-search-wrap .m-search-detail-wrap .fs-c-radio__radioLabelText {
  font-size: 14px;
  font-size: 1.4rem;
}
.p-search-wrap .fs-p-productSearch__searchButtonContainer {
  padding-block: 0;
  margin-top: 20px;
}
.p-search-wrap .fs-p-productSearch__searchButton {
  max-width: 160px;
  height: 35px;
  font-size: 14px;
  font-size: 1.4rem;
}
.p-search-wrap .fs-p-productSearch__searchButton:before {
  display: none;
}

.fs-c-modal__contents .fs-c-checkout-addressee {
  grid-template-columns: auto 1fr minmax(auto, 35%);
}

body.fs-body-cart .fs-l-cart__contentsArea {
  display: grid;
  grid-template-columns: 1fr 550px;
  grid-row-gap: 20px;
  grid-column-gap: 20px;
}
body.fs-body-cart .fs-l-cart__contentsArea .fs-l-cart__mainColumn {
  grid-column: -1/1;
  margin-bottom: 0;
}
body.fs-body-cart .fs-l-cart__contentsArea .fs-l-cart__mainColumn .fs-c-cartDiscountInfo {
  position: absolute;
  max-width: 430px;
  margin-block: 20px 0;
}
body.fs-body-cart .fs-l-cart__contentsArea .fs-l-cart__mainColumn .fs-c-cartDiscountInfo .fs-c-cartDiscountInfo__info {
  color: #e96565;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
}
body.fs-body-cart .fs-l-cart__contentsArea .fs-l-cart__mainColumn .fs-c-cartDiscountInfo .fs-c-cartDiscountInfo__note {
  font-size: 13px;
  font-size: 1.3rem;
}
body.fs-body-cart .fs-l-cart__contentsArea .fs-l-cart__sideColumn {
  grid-column: 2;
  border: 0;
  padding: 0;
}
body.fs-body-cart .fs-c-estimatedDeliveryDate {
  margin-top: 20px;
  padding: 15px 20px 20px;
  background-color: #f2f1ef;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.7333333333;
}
body.fs-body-cart .fs-c-estimatedDeliveryDate .fs-c-estimatedDeliveryDate__ctrl {
  margin-top: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}
body.fs-body-cart .fs-c-estimatedDeliveryDate .fs-c-estimatedDeliveryDate__location {
  gap: 8px;
}
body.fs-body-cart .fs-c-estimatedDeliveryDate .fs-c-estimatedDeliveryDate__location::before {
  width: 20px;
  aspect-ratio: 0.8510638298/1;
  font-size: 0;
  background: url("../img/icon/ico_pin.svg") no-repeat;
}
body.fs-body-cart .fs-c-estimatedDeliveryDate .fs-c-button--changeLocation {
  color: #2372af;
  text-underline-offset: 4px;
}
body.fs-body-cart .fs-c-estimatedDeliveryDate .fs-c-button--changeLocation:hover {
  color: #2372af;
}
body.fs-body-cart .fs-c-estimatedDeliveryDate .fs-c-button--changeLocation:focus {
  outline: 0;
}
body.fs-body-cart .fs-c-estimatedDeliveryDate .fs-c-button--changeLocation:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
body.fs-body-cart .fs-c-cartPayment,
body.fs-body-cart .fs-c-payWithAmazon {
  margin-top: 20px;
}
body.fs-body-cart .fs-c-cartPayment p,
body.fs-body-cart .fs-c-payWithAmazon p {
  font-size: 13px;
  font-size: 1.3rem;
}
body.fs-body-cart .fs-c-continueShopping {
  max-width: 250px;
  margin-top: 30px;
}

.fs-l-cart, .fs-l-checkout {
  font-size: 14px;
  font-size: 1.4rem;
}

.fs-c-cartTableContainer {
  border: 0;
  padding: 0;
}
.fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__row,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__row {
  margin-bottom: 0;
  border-bottom: 0;
}
.fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__row ~ .fs-c-cartTable__row,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__row ~ .fs-c-cartTable__row {
  border-top: 1px solid #c8c8c8;
}
.fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__headerCell--product,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__headerCell--product {
  width: 48%;
}
.fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__quantity,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__quantity {
  margin-block: 5px;
}
.fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__quantity select,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__quantity select {
  width: auto;
  height: 35px;
  padding-inline: 10px;
  border-radius: 4px;
  font-size: inherit;
}
.fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__dataCell--quantity,
.fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__dataCell--subtotal,
.fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__dataCell--point,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__dataCell--quantity,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__dataCell--subtotal,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__dataCell--point {
  align-items: center;
  font-size: 18px;
  font-size: 1.8rem;
}
.fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__dataCell--review > button, .fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__dataCell--review > a,
.fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__actionButton__container > button,
.fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__actionButton__container > a,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__dataCell--review > button,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__dataCell--review > a,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__actionButton__container > button,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__actionButton__container > a {
  font-size: 14px;
  font-size: 1.4rem;
  color: #2372af;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__dataCell--review > button:hover, .fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__dataCell--review > a:hover,
.fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__actionButton__container > button:hover,
.fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__actionButton__container > a:hover,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__dataCell--review > button:hover,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__dataCell--review > a:hover,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__actionButton__container > button:hover,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__actionButton__container > a:hover {
  color: #2372af;
}
.fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__dataCell--review > button:focus, .fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__dataCell--review > a:focus,
.fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__actionButton__container > button:focus,
.fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__actionButton__container > a:focus,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__dataCell--review > button:focus,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__dataCell--review > a:focus,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__actionButton__container > button:focus,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__actionButton__container > a:focus {
  outline: 0;
}
.fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__dataCell--review > button:focus-visible, .fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__dataCell--review > a:focus-visible,
.fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__actionButton__container > button:focus-visible,
.fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__actionButton__container > a:focus-visible,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__dataCell--review > button:focus-visible,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__dataCell--review > a:focus-visible,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__actionButton__container > button:focus-visible,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__actionButton__container > a:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__dataCell--review + .fs-c-cartTable__actionButton__container,
.fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__actionButton__container + .fs-c-cartTable__actionButton__container,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__dataCell--review + .fs-c-cartTable__actionButton__container,
.fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__actionButton__container + .fs-c-cartTable__actionButton__container {
  border-top: 0;
  padding-top: 0;
}
.fs-c-cartTableContainer .fs-c-cartTable__headerCell,
.fs-c-cartTableContainer .fs-c-cartTable__dataCell,
.fs-c-orderDetail .fs-c-cartTable__headerCell,
.fs-c-orderDetail .fs-c-cartTable__dataCell {
  border-color: #c8c8c8;
  padding: 15px 20px;
}
.fs-c-cartTableContainer .fs-c-cartTable__headerCell,
.fs-c-orderDetail .fs-c-cartTable__headerCell {
  background-color: #f2f1ef;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
}
.fs-l-cart__contentsArea .fs-c-orderTotalTable,
.fs-c-orderDetail .fs-c-orderTotalTable {
  border-left: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
}
.fs-l-cart__contentsArea .fs-c-orderTotalTable > tbody > tr:last-of-type,
.fs-c-orderDetail .fs-c-orderTotalTable > tbody > tr:last-of-type {
  border-color: #c8c8c8;
}
.fs-l-cart__contentsArea .fs-c-orderTotalTable > tbody > tr > th,
.fs-c-orderDetail .fs-c-orderTotalTable > tbody > tr > th {
  width: 40%;
  background-color: #f2f1ef;
  border-right: 1px solid #c8c8c8;
  font-weight: 500;
}
.fs-l-cart__contentsArea .fs-c-orderTotalTable > tbody > tr > th,
.fs-l-cart__contentsArea .fs-c-orderTotalTable > tbody > tr > td,
.fs-c-orderDetail .fs-c-orderTotalTable > tbody > tr > th,
.fs-c-orderDetail .fs-c-orderTotalTable > tbody > tr > td {
  padding: 13px 20px;
  border-color: #c8c8c8;
  font-size: 16px;
  font-size: 1.6rem;
}
.fs-l-cart__contentsArea .fs-c-orderTotalTable .fs-c-orderTotalTable__total > th, .fs-l-cart__contentsArea .fs-c-orderTotalTable .fs-c-orderTotalTable__total > td,
.fs-c-orderDetail .fs-c-orderTotalTable .fs-c-orderTotalTable__total > th,
.fs-c-orderDetail .fs-c-orderTotalTable .fs-c-orderTotalTable__total > td {
  border-top-width: 1px;
  border-top-style: solid;
}
.fs-l-cart__contentsArea .fs-c-orderTotalTable .fs-c-orderTotalTable__total td,
.fs-c-orderDetail .fs-c-orderTotalTable .fs-c-orderTotalTable__total td {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.fs-l-cart__contentsArea .fs-c-orderTotalTable .fs-c-orderTotalTable__grandTotal > th, .fs-l-cart__contentsArea .fs-c-orderTotalTable .fs-c-orderTotalTable__grandTotal > td,
.fs-c-orderDetail .fs-c-orderTotalTable .fs-c-orderTotalTable__grandTotal > th,
.fs-c-orderDetail .fs-c-orderTotalTable .fs-c-orderTotalTable__grandTotal > td {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #797877;
}
.fs-l-cart__contentsArea .fs-c-orderTotalTable .fs-c-orderTotalTable__grandTotal td,
.fs-c-orderDetail .fs-c-orderTotalTable .fs-c-orderTotalTable__grandTotal td {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}

body:not(.fs-body-checkout) .fs-c-cartTable__product,
body:not(.fs-body-checkout) .fs-c-orderHistoryItem__product {
  -moz-column-gap: 20px;
  column-gap: 20px;
}
body:not(.fs-body-checkout) .fs-c-cartTable__product .fs-c-productImage,
body:not(.fs-body-checkout) .fs-c-orderHistoryItem__product .fs-c-productImage {
  aspect-ratio: 1;
  align-self: start;
  padding-right: 0;
  margin-block: 5px;
  border: 1px solid #c8c8c8;
}
body:not(.fs-body-checkout) .fs-c-cartTable__product .fs-c-listedProductName__name,
body:not(.fs-body-checkout) .fs-c-cartTable__product .fs-c-orderHistoryItem__productName__name,
body:not(.fs-body-checkout) .fs-c-orderHistoryItem__product .fs-c-listedProductName__name,
body:not(.fs-body-checkout) .fs-c-orderHistoryItem__product .fs-c-orderHistoryItem__productName__name {
  font-size: 18px;
  font-size: 1.8rem;
  color: #2372af;
  font-weight: 500;
}
body:not(.fs-body-checkout) .fs-c-cartTable__product .fs-c-listedProductName__variation,
body:not(.fs-body-checkout) .fs-c-orderHistoryItem__product .fs-c-listedProductName__variation {
  margin-top: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}
body:not(.fs-body-checkout) .fs-c-cartTable__product .fs-c-productPrice,
body:not(.fs-body-checkout) .fs-c-orderHistoryItem__product .fs-c-productPrice {
  margin-top: 5px;
}
body:not(.fs-body-checkout) .fs-c-cartTable__product .fs-c-productPrice .fs-c-productPrice__main__price,
body:not(.fs-body-checkout) .fs-c-orderHistoryItem__product .fs-c-productPrice .fs-c-productPrice__main__price {
  color: #000000;
}
body:not(.fs-body-checkout) .fs-c-cartTable__product .fs-c-listedOptionPrice,
body:not(.fs-body-checkout) .fs-c-orderHistoryItem__product .fs-c-listedOptionPrice {
  grid-column-gap: 18px;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 14px;
  font-size: 1.4rem;
}
body:not(.fs-body-checkout) .fs-c-cartTable__product .fs-c-listedOptionPrice dt,
body:not(.fs-body-checkout) .fs-c-orderHistoryItem__product .fs-c-listedOptionPrice dt {
  font-weight: 400;
}
body:not(.fs-body-checkout) .fs-c-cartTable__product .fs-c-orderHistoryItem__productQuantity,
body:not(.fs-body-checkout) .fs-c-orderHistoryItem__product .fs-c-orderHistoryItem__productQuantity {
  font-size: 14px;
  font-size: 1.4rem;
}
body:not(.fs-body-checkout) .fs-c-cartTable__product .fs-c-orderHistoryItem__productQuantity .fs-c-orderHistoryItem__productQuantity__label::after,
body:not(.fs-body-checkout) .fs-c-orderHistoryItem__product .fs-c-orderHistoryItem__productQuantity .fs-c-orderHistoryItem__productQuantity__label::after {
  content: "：";
}

.fs-l-cart__contentsArea + .fs-p-announcement {
  margin-top: 80px;
}

.fs-p-announcement {
  margin-bottom: 0;
}
.fs-p-announcement ~ .fs-p-announcement {
  margin-top: 50px;
}
.fs-p-announcement .fs-p-linkButton {
  position: relative;
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  height: 35px;
  padding-right: 25px;
  font-size: 14px;
  font-size: 1.4rem;
  transition: 0.35s ease;
}
.fs-p-announcement .fs-p-linkButton::after {
  content: "";
  display: block;
  position: absolute;
  inset-block: 0;
  margin-block: auto;
  font-size: 0;
  transition: 0.2s;
}
.fs-p-announcement .fs-p-linkButton::after {
  right: 9px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #000000;
  border-top: 1px solid #000000;
  transform: rotate(45deg);
}
.fs-p-announcement .fs-p-linkButton:hover {
  background-color: #f2f2f2;
}

.fs-p-announcement__body {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.7333333333;
}
.fs-p-announcement__body p + p {
  margin-top: 1.75em;
}
.fs-p-announcement__body .m-btn-wrap {
  margin-top: 20px;
}

.fs-l-checkout {
  flex-wrap: wrap;
  gap: 20px;
}
.fs-l-checkout .fs-l-checkout__mainColumn {
  width: 100%;
  max-width: none;
  padding-right: 0;
}
.fs-l-checkout .fs-c-returnedSpecialContract {
  position: absolute;
  max-width: 430px;
  padding-block: 0;
}
.fs-l-checkout .fs-l-checkout__sideColumn {
  flex: 0 auto;
  width: 100%;
  max-width: 550px;
  margin-left: auto;
}
.fs-l-checkout .fs-c-checkout-confirmationList {
  grid-template-columns: auto 1fr;
  grid-column-gap: 15px;
}

/* お客様情報入力、会員登録、お届け先追加 */
.fs-body-customerDetails .fs-c-inputTable > tbody > tr,
.fs-body-register .fs-c-inputTable > tbody > tr,
.fs-body-my-addressbook-new .fs-c-inputTable > tbody > tr,
.fs-body-my-addressbook-edit .fs-c-inputTable > tbody > tr,
.fs-body-my-account-settings-edit .fs-c-inputTable > tbody > tr,
.p-contact-wrap .fs-c-inputTable > tbody > tr {
  flex-direction: row;
}
.fs-body-customerDetails .fs-c-inputTable > tbody > tr + tr,
.fs-body-register .fs-c-inputTable > tbody > tr + tr,
.fs-body-my-addressbook-new .fs-c-inputTable > tbody > tr + tr,
.fs-body-my-addressbook-edit .fs-c-inputTable > tbody > tr + tr,
.fs-body-my-account-settings-edit .fs-c-inputTable > tbody > tr + tr,
.p-contact-wrap .fs-c-inputTable > tbody > tr + tr {
  margin-top: 15px;
}
.fs-body-customerDetails .fs-c-inputTable .fs-c-inputTable__headerCell,
.fs-body-register .fs-c-inputTable .fs-c-inputTable__headerCell,
.fs-body-my-addressbook-new .fs-c-inputTable .fs-c-inputTable__headerCell,
.fs-body-my-addressbook-edit .fs-c-inputTable .fs-c-inputTable__headerCell,
.fs-body-my-account-settings-edit .fs-c-inputTable .fs-c-inputTable__headerCell,
.p-contact-wrap .fs-c-inputTable .fs-c-inputTable__headerCell {
  flex-shrink: 0;
  width: 28.3%;
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: 500;
}
.fs-body-customerDetails .fs-c-inputTable .fs-c-inputTable__label,
.fs-body-register .fs-c-inputTable .fs-c-inputTable__label,
.fs-body-my-addressbook-new .fs-c-inputTable .fs-c-inputTable__label,
.fs-body-my-addressbook-edit .fs-c-inputTable .fs-c-inputTable__label,
.fs-body-my-account-settings-edit .fs-c-inputTable .fs-c-inputTable__label,
.p-contact-wrap .fs-c-inputTable .fs-c-inputTable__label {
  display: inline-block;
  vertical-align: top;
  margin-top: 6px;
}
.fs-body-customerDetails .fs-c-inputTable .fs-c-inputTable__dataCell,
.fs-body-register .fs-c-inputTable .fs-c-inputTable__dataCell,
.fs-body-my-addressbook-new .fs-c-inputTable .fs-c-inputTable__dataCell,
.fs-body-my-addressbook-edit .fs-c-inputTable .fs-c-inputTable__dataCell,
.fs-body-my-account-settings-edit .fs-c-inputTable .fs-c-inputTable__dataCell,
.p-contact-wrap .fs-c-inputTable .fs-c-inputTable__dataCell {
  flex: 1;
}
.fs-body-customerDetails .fs-c-inputTable .fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputField__field,
.fs-body-register .fs-c-inputTable .fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputField__field,
.fs-body-my-addressbook-new .fs-c-inputTable .fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputField__field,
.fs-body-my-addressbook-edit .fs-c-inputTable .fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputField__field,
.fs-body-my-account-settings-edit .fs-c-inputTable .fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputField__field,
.p-contact-wrap .fs-c-inputTable .fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputField__field {
  display: flex;
  min-height: 42px;
}
.fs-body-customerDetails .fs-c-inputTable .fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputField__explanation,
.fs-body-register .fs-c-inputTable .fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputField__explanation,
.fs-body-my-addressbook-new .fs-c-inputTable .fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputField__explanation,
.fs-body-my-addressbook-edit .fs-c-inputTable .fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputField__explanation,
.fs-body-my-account-settings-edit .fs-c-inputTable .fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputField__explanation,
.p-contact-wrap .fs-c-inputTable .fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputField__explanation {
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
}
.fs-body-customerDetails .fs-c-inputInformation__field,
.fs-body-register .fs-c-inputInformation__field,
.fs-body-my-addressbook-new .fs-c-inputInformation__field,
.fs-body-my-addressbook-edit .fs-c-inputInformation__field,
.fs-body-my-account-settings-edit .fs-c-inputInformation__field,
.p-contact-wrap .fs-c-inputInformation__field {
  max-width: 100%;
  margin-top: 65px;
  padding-top: 55px;
  border-top: 1px solid #c8c8c8;
}
.fs-body-customerDetails .fs-c-inputInformation__field .fs-c-additionalCheckField,
.fs-body-register .fs-c-inputInformation__field .fs-c-additionalCheckField,
.fs-body-my-addressbook-new .fs-c-inputInformation__field .fs-c-additionalCheckField,
.fs-body-my-addressbook-edit .fs-c-inputInformation__field .fs-c-additionalCheckField,
.fs-body-my-account-settings-edit .fs-c-inputInformation__field .fs-c-additionalCheckField,
.p-contact-wrap .fs-c-inputInformation__field .fs-c-additionalCheckField {
  text-align: center;
}
.fs-body-customerDetails .fs-c-inputInformation__field .fs-c-additionalCheckField + .fs-c-additionalCheckField,
.fs-body-register .fs-c-inputInformation__field .fs-c-additionalCheckField + .fs-c-additionalCheckField,
.fs-body-my-addressbook-new .fs-c-inputInformation__field .fs-c-additionalCheckField + .fs-c-additionalCheckField,
.fs-body-my-addressbook-edit .fs-c-inputInformation__field .fs-c-additionalCheckField + .fs-c-additionalCheckField,
.fs-body-my-account-settings-edit .fs-c-inputInformation__field .fs-c-additionalCheckField + .fs-c-additionalCheckField,
.p-contact-wrap .fs-c-inputInformation__field .fs-c-additionalCheckField + .fs-c-additionalCheckField {
  margin-top: 5px;
}
.fs-body-customerDetails .fs-c-inputInformation__field .fs-c-additionalCheckField .fs-c-checkbox__labelText a,
.fs-body-register .fs-c-inputInformation__field .fs-c-additionalCheckField .fs-c-checkbox__labelText a,
.fs-body-my-addressbook-new .fs-c-inputInformation__field .fs-c-additionalCheckField .fs-c-checkbox__labelText a,
.fs-body-my-addressbook-edit .fs-c-inputInformation__field .fs-c-additionalCheckField .fs-c-checkbox__labelText a,
.fs-body-my-account-settings-edit .fs-c-inputInformation__field .fs-c-additionalCheckField .fs-c-checkbox__labelText a,
.p-contact-wrap .fs-c-inputInformation__field .fs-c-additionalCheckField .fs-c-checkbox__labelText a {
  color: #2372af;
  text-decoration: underline;
}
.fs-body-customerDetails .fs-c-inputInformation__field .fs-c-memberPolicyAgreeField,
.fs-body-register .fs-c-inputInformation__field .fs-c-memberPolicyAgreeField,
.fs-body-my-addressbook-new .fs-c-inputInformation__field .fs-c-memberPolicyAgreeField,
.fs-body-my-addressbook-edit .fs-c-inputInformation__field .fs-c-memberPolicyAgreeField,
.fs-body-my-account-settings-edit .fs-c-inputInformation__field .fs-c-memberPolicyAgreeField,
.p-contact-wrap .fs-c-inputInformation__field .fs-c-memberPolicyAgreeField {
  margin-top: 50px;
}
.fs-body-customerDetails .fs-c-inputInformation__button,
.fs-body-register .fs-c-inputInformation__button,
.fs-body-my-addressbook-new .fs-c-inputInformation__button,
.fs-body-my-addressbook-edit .fs-c-inputInformation__button,
.fs-body-my-account-settings-edit .fs-c-inputInformation__button,
.p-contact-wrap .fs-c-inputInformation__button {
  margin-top: 65px;
  padding-block: 0;
}

/* マイページ */
.fs-p-accountInfo .fs-p-accountInfo__header {
  margin-bottom: 10px;
}

.fs-p-accountInfo__point__point__available__number {
  color: #5b9d43;
}

.fs-c-accountService__page--accountDelete {
  display: none;
  height: auto;
}

.fs-c-wishlistProduct {
  margin-top: 70px;
}

.fs-c-wishlistProduct__list {
  position: relative;
  padding-bottom: 70px;
}
.fs-c-wishlistProduct__list .fs-c-productListCarousel__ctrl {
  position: absolute;
  bottom: 0;
  min-width: auto;
  border: 1px solid #000000;
  border-radius: 50%;
}
.fs-c-wishlistProduct__list .fs-c-productListCarousel__ctrl .fs-c-button--carousel {
  width: 45px;
  height: 45px;
  font-size: 2.1rem;
}
.fs-c-wishlistProduct__list .fs-c-productListCarousel__ctrl--prev {
  left: 8px;
}
.fs-c-wishlistProduct__list .fs-c-productListCarousel__ctrl--next {
  right: 0;
}

.fs-c-wishlistProduct__footer {
  margin-top: 40px;
  padding-top: 0;
  text-align: center;
}

/* ログイン */
.fs-body-login .fs-c-loginForm {
  margin-block: 0;
  -moz-column-gap: 34px;
  column-gap: 34px;
  justify-content: center;
}

.fs-c-loginForm .fs-c-subSection {
  flex-grow: 0;
  flex-basis: calc(50% - 17px);
  padding-block: 40px 55px;
  padding-inline: 40px;
  margin-bottom: 0;
  border: 1px solid #c8c8c8;
}
.fs-c-loginForm .fs-c-subSection .fs-c-subSection__title {
  margin-bottom: 25px;
  border-bottom: 0;
  color: #000000;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 500;
  text-align: center;
  font-family: "Zen Maru Gothic", "Noto Sans JP", serif;
}
.fs-c-loginForm .fs-c-subSection .fs-c-inputInformation__field {
  padding: 0;
  background-color: transparent;
}
.fs-c-loginForm .fs-c-subSection .fs-c-inputInformation__field .fs-c-inputTable > tbody > tr + tr {
  margin-top: 20px;
}
.fs-c-loginForm .fs-c-subSection .fs-c-inputTable__headerCell {
  margin-bottom: 7px;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 400;
}
.fs-c-loginForm .fs-c-subSection .fs-c-inputTable__headerCell .fs-c-requiredMark {
  vertical-align: top;
}
.fs-c-loginForm .fs-c-subSection .fs-c-inputInformation__link {
  margin-top: 15px;
  text-align: center;
}
.fs-c-loginForm .fs-c-subSection .fs-c-textLink {
  color: #2372af;
  font-size: 15px;
  font-size: 1.5rem;
  text-decoration: underline;
}
.fs-c-loginForm .fs-c-subSection .fs-c-inputInformation__button {
  margin-top: 40px;
  padding-block: 0;
}
.fs-c-loginForm .fs-c-subSection .fs-c-inputInformation__button [class^=fs-c-button] {
  max-width: 100%;
}
.fs-c-loginForm .fs-c-subSection .fs-c-buttonContainer--memberRegister {
  margin-top: 30px;
  padding-block: 0;
}
.fs-c-loginForm .fs-c-subSection .fs-c-buttonContainer--memberRegister [class^=fs-c-button] {
  max-width: 100%;
}
.fs-c-loginForm .fs-c-button--particular.fs-c-button--displayPassword::before {
  width: 45px;
  font-size: 3rem;
}
.fs-c-loginForm .member-benefit-list {
  color: #3d3d3d;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.1;
}

.fs-body-cart-login .fs-c-guestPurchase {
  border-color: #c8c8c8;
}

ruby > rt {
  font-size: 60%;
}

.fs-c-addressBookList {
  margin-top: 45px;
}
.fs-c-addressBookList .fs-c-buttonContainer--addAddressbook {
  padding-block: 0px 15px;
}
.fs-c-addressBookList .fs-c-addressBookList__form {
  margin-bottom: 10px;
  align-items: end;
}
.fs-c-addressBookList .fs-c-addressBookList__count {
  font-size: 15px;
  font-size: 1.5rem;
  color: #3d3d3d;
}
.fs-c-addressBookList .fs-c-addressBookList__message {
  margin-block: 0;
}

.fs-c-addressBookList__list {
  margin-top: 10px;
  margin-bottom: 0;
  line-height: 1.625;
  color: #3d3d3d;
}
.fs-c-addressBookList__list > tbody {
  border: 1px solid #c8c8c8;
}
.fs-c-addressBookList__list th, .fs-c-addressBookList__list td {
  padding-block: 15px;
  padding-inline: 18px;
  vertical-align: middle;
  border-color: #c8c8c8;
}
.fs-c-addressBookList__list th:first-child, .fs-c-addressBookList__list td:first-child {
  width: 15%;
}
.fs-c-addressBookList__list th:last-child, .fs-c-addressBookList__list td:last-child {
  width: 22%;
}

.fs-c-buttonContainer--deleteChange {
  justify-content: center;
}
.fs-c-buttonContainer--deleteChange > [class^=fs-c-button] {
  width: 72px;
  height: 42px;
  padding: 5px;
  border-radius: 4px;
  font-size: 15px;
  font-size: 1.5rem;
  transition: 0.35s ease;
}
.fs-c-buttonContainer--deleteChange .fs-c-button--changeInfomation {
  background-color: #5b9d43;
  border-color: #5b9d43;
  color: #fff;
}
.fs-c-buttonContainer--deleteChange .fs-c-button--delete {
  background-color: #7d7d7d;
  border-color: #7d7d7d;
  color: #fff;
}

/* 会員情報詳細 */
.fs-body-my-account-settings .fs-c-inputInformation__message,
.fs-body-my-account-delete .fs-c-inputInformation__message {
  justify-content: flex-start;
  text-align: left;
}
.fs-body-my-account-settings .fs-c-inputInformation__message .fs-c-orderedList > li,
.fs-body-my-account-delete .fs-c-inputInformation__message .fs-c-orderedList > li {
  text-indent: -2em;
}
.fs-body-my-account-settings .fs-c-inputInformation__field,
.fs-body-my-account-delete .fs-c-inputInformation__field {
  max-width: 100%;
}
.fs-body-my-account-settings .fs-c-memberInfoField .fs-c-inputTable,
.fs-body-my-account-delete .fs-c-memberInfoField .fs-c-inputTable {
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
}
.fs-body-my-account-settings .fs-c-memberInfoField .fs-c-inputTable > tbody > tr,
.fs-body-my-account-delete .fs-c-memberInfoField .fs-c-inputTable > tbody > tr {
  flex-direction: row;
}
.fs-body-my-account-settings .fs-c-memberInfoField .fs-c-inputTable > tbody > tr + tr,
.fs-body-my-account-delete .fs-c-memberInfoField .fs-c-inputTable > tbody > tr + tr {
  margin-top: 0;
  border-top: 1px solid #c8c8c8;
}
.fs-body-my-account-settings .fs-c-memberInfoField .fs-c-inputTable .fs-c-inputTable__headerCell,
.fs-body-my-account-settings .fs-c-memberInfoField .fs-c-inputTable .fs-c-inputTable__dataCell,
.fs-body-my-account-delete .fs-c-memberInfoField .fs-c-inputTable .fs-c-inputTable__headerCell,
.fs-body-my-account-delete .fs-c-memberInfoField .fs-c-inputTable .fs-c-inputTable__dataCell {
  min-height: 60px;
  padding-block: 17px;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 400;
}
.fs-body-my-account-settings .fs-c-memberInfoField .fs-c-inputTable .fs-c-inputTable__headerCell,
.fs-body-my-account-delete .fs-c-memberInfoField .fs-c-inputTable .fs-c-inputTable__headerCell {
  width: 24%;
  padding-inline: 20px;
  background-color: #f2f1ef;
}
.fs-body-my-account-settings .fs-c-memberInfoField .fs-c-inputTable .fs-c-inputTable__dataCell,
.fs-body-my-account-delete .fs-c-memberInfoField .fs-c-inputTable .fs-c-inputTable__dataCell {
  padding-inline: 30px;
}
.fs-body-my-account-settings .fs-c-inputInformation__button,
.fs-body-my-account-delete .fs-c-inputInformation__button {
  margin-top: 45px;
  padding-block: 0;
}

.fs-body-my-wishlist .fs-c-productList {
  margin-block: 65px 0;
  padding-top: 70px;
  border-top: 1px solid #c8c8c8;
}

.fs-body-forgotPassword .fs-c-inputInformation,
.fs-body-my-account-password .fs-c-inputInformation {
  max-width: 570px;
  margin-inline: auto;
}
.fs-body-forgotPassword .fs-c-inputInformation .fs-c-inputInformation__message,
.fs-body-my-account-password .fs-c-inputInformation .fs-c-inputInformation__message {
  display: block;
  margin-bottom: 35px;
}
.fs-body-forgotPassword .fs-c-inputInformation .fs-c-inputInformation__message .fs-c-orderedList > li,
.fs-body-my-account-password .fs-c-inputInformation .fs-c-inputInformation__message .fs-c-orderedList > li {
  text-indent: -2em;
}
.fs-body-forgotPassword .fs-c-inputInformation .fs-c-inputInformation__field,
.fs-body-my-account-password .fs-c-inputInformation .fs-c-inputInformation__field {
  padding: 0;
  background-color: transparent;
}
.fs-body-forgotPassword .fs-c-inputInformation .fs-c-inputTable__headerCell,
.fs-body-my-account-password .fs-c-inputInformation .fs-c-inputTable__headerCell {
  margin-bottom: 10px;
}
.fs-body-forgotPassword .fs-c-inputInformation .fs-c-inputTable__headerCell .fs-c-inputTable__label,
.fs-body-my-account-password .fs-c-inputInformation .fs-c-inputTable__headerCell .fs-c-inputTable__label {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
}
.fs-body-forgotPassword .fs-c-inputInformation .fs-c-inputInformation__button,
.fs-body-my-account-password .fs-c-inputInformation .fs-c-inputInformation__button {
  margin-top: 40px;
}

.fs-c-history .fs-c-listControl {
  justify-content: flex-start;
}
.fs-c-history .fs-c-history__info {
  margin-top: 38px;
}

.fs-c-orderHistory {
  margin-top: 20px;
}

.fs-c-orderHistoryItem {
  border-color: #c8c8c8;
  border-radius: 0;
}
.fs-c-orderHistoryItem .fs-c-button--plain {
  font-size: 14px;
  font-size: 1.4rem;
  color: #2372af;
  text-decoration: underline;
}

.fs-c-orderHistoryItem__header {
  padding-block: 18px;
  padding-inline: 25px;
  border-color: #c8c8c8;
  font-size: 14px;
  font-size: 1.4rem;
}

.fs-c-orderHistoryItem__orderInfo {
  padding-top: 0;
  gap: 8px 15px;
}

.fs-c-orderHistoryItem__orderInfo__info {
  display: flex;
  margin: 0;
}
.fs-c-orderHistoryItem__orderInfo__info dt, .fs-c-orderHistoryItem__orderInfo__info dd {
  font-weight: 400;
}
.fs-c-orderHistoryItem__orderInfo__info .fs-c-string--label::after {
  content: "：";
}

.fs-c-orderHistoryItem__orderSummary {
  margin-top: 0;
  gap: 0;
  font-size: 17px;
  font-size: 1.7rem;
}
.fs-c-orderHistoryItem__orderSummary dt, .fs-c-orderHistoryItem__orderSummary dd {
  font-weight: 500;
}

.fs-c-orderHistoryItem__header__button {
  padding-inline: 0;
}

.fs-c-orderHistoryItem__body {
  padding-inline: 20px;
}

.fs-body-my-orders-details .fs-c-orderDetail__addresseeInfo {
  margin-bottom: 70px;
}
.fs-body-my-orders-details .fs-c-orderPerAddressee {
  grid-template-columns: 1fr 550px;
  grid-gap: 0 22px;
}
.fs-body-my-orders-details .fs-c-orderPerAddressee__heading,
.fs-body-my-orders-details .fs-c-orderPerAddressee__addressee,
.fs-body-my-orders-details .fs-c-orderPerAddressee__cartTable {
  grid-column: 1/span 2;
}
.fs-body-my-orders-details .fs-c-orderPerAddressee__orderDeliveryInfo {
  grid-row: 4;
  margin-top: 22px;
}
.fs-body-my-orders-details .fs-c-cartTable .fs-c-cartTable__headerCell--product {
  width: 55%;
}
.fs-body-my-orders-details .fs-c-orderPerAddressee__heading {
  margin-block: 0;
  padding-block: 18px 6px;
  padding-inline: 22px;
  background-color: #f2f1ef;
  color: #000000;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
}
.fs-body-my-orders-details .fs-c-orderPerAddressee__addressee {
  grid-gap: 0;
  margin-bottom: 22px;
  padding-inline: 22px;
  padding-bottom: 18px;
  background-color: #f2f1ef;
}
.fs-body-my-orders-details .fs-c-orderPerAddressee__addressee > dt, .fs-body-my-orders-details .fs-c-orderPerAddressee__addressee > dd {
  margin-bottom: 0;
  line-height: 1.8125;
  font-weight: 400;
}
.fs-body-my-orders-details .fs-c-orderPerAddressee__addressee > dt::after {
  content: "：";
}
.fs-body-my-orders-details .fs-c-orderPerAddressee__addressee .fs-c-address__tel {
  width: 100%;
}
.fs-body-my-orders-details .fs-c-orderPerAddressee__cartTable .fs-c-cartTable__dataCell {
  border-color: #c8c8c8;
}
.fs-body-my-orders-details .fs-c-orderDetailInfo {
  grid-template-columns: 1fr 550px;
  grid-gap: 0 22px;
}
.fs-body-my-orders-details .fs-c-orderDetailInfo__cartTable {
  grid-column: 1/span 2;
}
.fs-body-my-orders-details .fs-c-orderDetailInfo__orderTotal {
  grid-column: 2;
  margin-top: 22px;
}
.fs-body-my-orders-details .fs-c-deliveryInfoList {
  grid-template-columns: 40% 1fr;
  margin-top: 22px;
  border-color: #c8c8c8;
}
.fs-body-my-orders-details .fs-c-deliveryInfoList > * {
  border-color: #c8c8c8;
}
.fs-body-my-orders-details .fs-c-deliveryInfoList > dt {
  background-color: #f2f1ef;
  font-weight: 500;
}
.fs-body-my-orders-details .fs-c-deliveryInfoList > dt, .fs-body-my-orders-details .fs-c-deliveryInfoList > dd {
  padding: 13px 20px;
}
.fs-body-my-orders-details .fs-c-orderPaymentTable {
  margin-top: 22px;
}
.fs-body-my-orders-details .fs-c-orderPaymentTable > tbody > tr > th {
  width: 40%;
  background-color: #f2f1ef;
  font-weight: 500;
}
.fs-body-my-orders-details .fs-c-orderPaymentTable > tbody > tr > th, .fs-body-my-orders-details .fs-c-orderPaymentTable > tbody > tr > td {
  border-color: #c8c8c8;
  padding: 13px 20px;
}
.fs-body-my-orders-details .fs-c-buttonContainer {
  margin-top: 50px;
  justify-content: center;
}
.fs-body-my-orders-details .fs-c-buttonContainer .fs-c-button--back {
  max-width: 250px;
}

.fs-c-orderDetailList {
  display: flex;
  border: 0;
}
.fs-c-orderDetailList dt, .fs-c-orderDetailList dd {
  padding: 0;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 500;
}
.fs-c-orderDetailList dt {
  display: flex;
  align-items: baseline;
}
.fs-c-orderDetailList dt::after {
  content: "：";
}
.fs-c-orderDetailList dd {
  margin-right: 15px;
}
.fs-c-orderDetailList .fs-c-orderDetailList__date,
.fs-c-orderDetailList .fs-c-orderDetailList__date + dd {
  background: transparent;
  color: #000000;
}
@media screen and (max-width: 768px) {
  body {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .fn-preview {
    font-size: 14px;
    font-size: 1.4rem;
  }
  body {
    min-width: auto;
  }
  .fs-l-page {
    padding-top: 55px;
  }
  .l-header-wrap {
    min-width: auto;
    height: 55px;
    padding-top: 0;
  }
  .l-header-wrap::before {
    pointer-events: none;
    content: "";
    position: fixed;
    left: 0;
    top: 55px;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: rgba(34, 34, 34, 0);
    transition: 0.3s 0.1s;
  }
  .l-header-wrap .l-header-inner {
    max-width: none;
    height: 100%;
  }
  .l-header-wrap .l-header {
    -moz-column-gap: 10px;
    column-gap: 10px;
    height: 100%;
  }
  .l-header-wrap .l-header .l-header-btn {
    width: 55px;
    height: 55px;
  }
  .l-header-wrap .l-header .l-header-btn .m-btn {
    width: 100%;
    height: 100%;
    border-radius: 0;
    padding: 0;
    font-size: 11px;
    font-size: 1.1rem;
  }
  .l-header-wrap .header-logo {
    max-width: 235px;
  }
  .l-header-wrap .header-logo img {
    width: 100%;
  }
  .l-nav {
    visibility: hidden;
    pointer-events: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-top: 55px;
    transform: translateX(-100%);
    transform-origin: top;
    transition: 0.4s;
  }
  .l-nav .l-nav-inner {
    width: 100%;
    max-height: calc(100% - 60px);
    max-height: calc(100% - (env(safe-area-inset-bottom) * 0.8 + 60px));
    padding: 45px 30px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #f2ece3;
  }
  .l-nav .l-nav-inner .btn-nav {
    width: 140px;
    height: 40px;
    margin-inline: auto;
    background-color: #fff;
    border-radius: 40px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .l-nav .l-nav-inner .btn-nav::before, .l-nav .l-nav-inner .btn-nav::after {
    display: none;
  }
  .l-nav .l-nav-inner .l-header-tel {
    margin-left: 0;
    margin-top: 30px;
    text-align: center;
  }
  .l-nav .l-nav-inner .l-header-tel .m-tellink {
    font-size: 30px;
    font-size: 3rem;
  }
  .l-nav .l-nav-inner .l-header-tel .l-header-tel-text {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .l-nav .l-nav-inner .l-header-tel + .nav-list-sub {
    margin-top: 25px;
  }
  .l-nav .nav-list {
    display: block;
    border-top: 1px solid #e3dcd1;
    border-bottom: 1px solid #e3dcd1;
  }
  .l-nav .nav-list .nav-item ~ .nav-item {
    border-top: 1px solid #e3dcd1;
  }
  .l-nav .nav-list .nav-item a {
    min-height: 50px;
    padding-block: 12px;
    padding-inline: 15px 20px;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "Zen Maru Gothic", "Noto Sans JP", serif;
  }
  .l-nav .nav-list .nav-item a::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    inset-block: 0;
    margin-block: auto;
    width: 7px;
    height: 7px;
    background-color: #5b9d43;
    border-radius: 50%;
  }
  .l-nav .nav-list .nav-item a::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    inset-block: 0;
    margin-block: auto;
    width: 16px;
    height: 16px;
    background: url("../img/icon/ico_arr_nav.png") no-repeat center;
    background-size: 16px 16px;
  }
  .l-main .m-title {
    margin-bottom: 30px;
  }
  .fs-l-pageMain .m-title {
    margin-bottom: 30px;
  }
  .l-section {
    padding-block: 50px;
  }
  body.fs-body-top .user-voice-section .m-title-wrap .m-title__img {
    max-width: 205px;
  }
  body.fs-body-top .user-voice-section .m-title-wrap .m-title__obj {
    max-width: 85px;
  }
  body.fs-body-top .recommended-pair-section .m-title-wrap .m-title__img {
    max-width: 200px;
  }
  body.fs-body-top .recommended-pair-section .m-title-wrap .m-title__obj {
    max-width: 130px;
  }
  .top-mv-wrap {
    padding-block: 16px 100px;
    background-color: #f7f2ef;
    background-image: url("../img/mv_top_bg_sp.jpg");
    background-size: 100% auto;
    background-position-y: bottom;
  }
  .top-mv-wrap .mv-img {
    width: 115.6%;
    margin-inline: -7.8%;
  }
  .top-mv-wrap .m-btn-wrap {
    margin-top: 24px;
  }
  .top-slider-wrap .fs-c-slick .slick-slide {
    max-width: 89.3vw;
    margin-inline: 2px;
  }
  .top-slider-wrap .fs-c-slick .slick-prev,
  .top-slider-wrap .fs-c-slick .slick-next {
    width: 30px;
    height: 30px;
  }
  .top-slider-wrap .fs-c-slick .slick-prev:before,
  .top-slider-wrap .fs-c-slick .slick-next:before {
    background-position: 11px 7px;
    background-size: 12px auto;
  }
  .top-slider-wrap .fs-c-slick .slick-prev {
    left: min(7px, 1.25%);
  }
  .top-slider-wrap .fs-c-slick .slick-next {
    right: min(7px, 1.25%);
  }
  .top-slider-wrap .top-slider {
    max-width: 89.3%;
  }
  .l-footer-fix {
    bottom: 20px;
    right: 20px;
    bottom: 80px;
    bottom: calc(60px + env(safe-area-inset-bottom) * 0.8 + 20px);
  }
  .l-footer-fix.is-fixed {
    transform: translateY(calc(-100% + 16px));
  }
  .l-pagetop {
    width: 32px;
    height: 32px;
  }
  .l-pagetop-link img {
    width: 15px;
  }
  .l-btn-cart-link {
    width: 75px;
    height: 75px;
  }
  .l-btn-cart-link > img {
    width: 17px;
  }
  .l-btn-cart .text {
    margin-top: 3px;
    font-size: 10px;
    font-size: 1rem;
  }
  .l-footer {
    padding-bottom: 60px;
    padding-bottom: calc(env(safe-area-inset-bottom) * 0.8 + 60px);
    text-align: center;
  }
  .l-footer-inner {
    display: block;
  }
  .l-footer-col ~ .l-footer-col {
    margin-top: 25px;
  }
  .l-footer-top {
    padding-block: 50px;
  }
  .l-footer-logo {
    max-width: 170px;
    margin-inline: auto;
    margin-bottom: 15px;
  }
  .l-footer-site {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .l-footer-site .ico-newtab-wh {
    width: 12px;
    margin-top: 4px;
    margin-left: 8px;
  }
  .l-footer-address {
    margin-top: 10px;
    font-size: 11px;
    font-size: 1.1rem;
  }
  .l-footer .fs-p-footerUtilityMenu__list {
    -moz-column-gap: 15px;
    column-gap: 15px;
    justify-content: space-around;
  }
  .l-footer .fs-pt-menu__item a {
    padding-left: 14px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .l-footer .fs-pt-menu__item a::before {
    width: 7px;
    height: 9px;
  }
  .l-footer .copyright {
    font-size: 10px;
    font-size: 1rem;
  }
  .l-footer-util {
    padding-block: 50px;
  }
  .l-footer-util-inner {
    row-gap: 25px;
    grid-template-columns: none;
  }
  .l-footer-util .util-title {
    padding-bottom: 6px;
    margin-bottom: 10px;
  }
  .l-footer-util .btn-util {
    font-size: 16px;
    font-size: 1.6rem;
    padding-right: 25px;
  }
  .l-footer-util .btn-util::before {
    right: 0;
    width: 20px;
    height: 20px;
  }
  .l-footer-util .btn-util::after {
    right: 8px;
    width: 5px;
    height: 5px;
  }
  .l-footer-util .util-text {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .l-footer-util .util-text.spot {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .l-footer-util .img-payment {
    width: 100%;
    max-width: 265px;
  }
  .l-footer-util .img-delivery {
    margin-top: 12px;
    width: 100%;
    max-width: 200px;
  }
  .m-pc-hidden {
    display: inline-block;
  }
  .m-sp-hidden {
    display: none;
  }
  .m-wrapper {
    max-width: 89.3%;
  }
  .m-wrapper-sm {
    max-width: 89.3%;
  }
  .m-btn {
    font-size: 15px;
    font-size: 1.5rem;
    padding-inline: 5px;
  }
  .m-btn {
    max-width: 225px;
  }
  .m-btn--sm {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .m-btn-wrap {
    flex-direction: column;
    align-items: center;
  }
  .m-btn-wrap.left {
    align-items: flex-start;
  }
  .m-btn-arr {
    padding-right: 30px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-btn-arr::before {
    right: 0;
    width: 20px;
    height: 20px;
  }
  .m-btn-arr::after {
    right: 8px;
    width: 5px;
    height: 5px;
  }
  .m-btn-text.has-arr {
    padding-left: 28px;
  }
  .m-btn-text.has-arr::before {
    top: 2px;
    width: 18px;
    height: 18px;
  }
  .m-btn-text.has-arr::after {
    top: 9px;
    width: 4px;
    height: 4px;
  }
  .m-tellink {
    pointer-events: auto;
  }
  .fs-c-button--primary,
  .fs-c-button--standard {
    font-size: 15px;
    font-size: 1.5rem;
    padding-inline: 5px;
  }
  .fs-c-button--secondary {
    font-size: 15px;
    font-size: 1.5rem;
    padding-inline: 5px;
  }
  .fs-c-button--cancel {
    font-size: 15px;
    font-size: 1.5rem;
    padding-inline: 5px;
  }
  .fs-c-productListItem__control {
    gap: 10px;
  }
  .fs-c-productListItem__control .fs-c-button--plain {
    font-size: 15px;
    font-size: 1.5rem;
    padding-inline: 5px;
  }
  .fs-c-productListItem__control .fs-c-button--plain {
    max-width: 225px;
  }
  .fs-l-productLayout .fs-c-button--viewAllReviews {
    font-size: 15px;
    font-size: 1.5rem;
    padding-inline: 5px;
  }
  .fs-l-productLayout .fs-c-button--addReview--detail {
    font-size: 15px;
    font-size: 1.5rem;
    padding-inline: 5px;
  }
  .fs-c-wishlistProduct__viewAllProducts {
    font-size: 15px;
    font-size: 1.5rem;
    padding-inline: 5px;
  }
  .fs-c-wishlistProduct__viewAllProducts {
    max-width: 225px;
  }
  .fs-c-button--myPageTop {
    font-size: 15px;
    font-size: 1.5rem;
    padding-inline: 5px;
  }
  .fs-c-button--myPageTop {
    max-width: 225px;
  }
  .fs-c-button--particular.fs-c-button--addToWishList--icon .fs-c-button__label, .fs-c-button--particular.fs-c-button--removeFromWishList--icon .fs-c-button__label {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .m-title__ja {
    font-size: 26px;
    font-size: 2.6rem;
  }
  .m-title__en {
    padding-inline: 15px;
    font-size: 11px;
    font-size: 1.1rem;
  }
  .m-title__en::before, .m-title__en::after {
    width: 7px;
    height: 7px;
    margin-top: -4px;
  }
  .m-title-md {
    font-size: 20px;
    font-size: 2rem;
  }
  .m-title-sm {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .m-title-wrap {
    width: auto;
    padding-inline: 0 !important;
  }
  .m-title-wrap .m-title__img {
    width: 100%;
  }
  .m-title-wrap .m-title__obj-box {
    position: static;
    justify-content: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    margin-bottom: 15px;
  }
  .m-title-wrap .m-title__obj-box .m-title__obj {
    width: 100%;
  }
  .m-body-title,
  .fs-c-documentArticle__heading,
  .fs-p-announcement__title {
    margin-bottom: 20px;
    font-size: 21px;
    font-size: 2.1rem;
    padding-inline: 15px;
  }
  .m-title-line,
  .fs-c-documentColumn__heading,
  .fs-c-wishlistProduct__title,
  .fs-c-orderDetail .fs-c-heading--section {
    margin-bottom: 15px;
    font-size: 17px;
    font-size: 1.7rem;
  }
  .m-text p + p {
    margin-top: 1.5em;
  }
  .m-text-md {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .m-text-sm {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .m-text-title {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .p-banner-wrap {
    margin-bottom: 50px;
  }
  .m-box-info {
    max-width: 89.3%;
  }
  .m-box-info {
    grid-template-columns: auto 100px;
    row-gap: 10px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    margin-top: 16px;
    padding-inline: 15px;
  }
  .m-box-info .info-prefix {
    grid-row: 1;
    padding-right: 0;
    margin-right: 6px;
    border-right: 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-box-info .info-prefix::before {
    width: 15px;
    height: 15px;
  }
  .m-box-info .info-link {
    grid-row: 2;
    grid-column: -1/1;
    -moz-column-gap: 5px;
    column-gap: 5px;
  }
  .m-box-info .m-btn.m-btn--sm {
    grid-row: 1;
    grid-column: 2;
    font-size: 12px;
    font-size: 1.2rem;
    height: 25px;
  }
  .m-tab-wrap .m-tab {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    margin-bottom: 30px;
  }
  .m-tab-wrap .m-tab .m-tab-btn {
    height: 45px;
    font-size: 14px;
    font-size: 1.4rem;
    border-width: 1px;
  }
  .m-tab-wrap .m-tab .m-tab-btn::before {
    display: none;
  }
  .m-tab-wrap .m-tab.col4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .m-box-white {
    padding: 20px;
  }
  .m-required {
    font-size: 12px;
    font-size: 1.2rem;
    margin-left: 10px;
  }
  .fs-c-checkbox__checkMark::before {
    top: 2px;
    left: 0;
  }
  .m-input-box input {
    margin-inline: 8px;
  }
  .m-input-box .ip-zip1 {
    max-width: 90px;
  }
  .m-input-box .ip-zip2 {
    max-width: 110px;
  }
  .m-input-box__tel .ip-tel {
    flex: 1;
    max-width: none;
  }
  .m-form-search-wrap .search-keywords-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 500px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-form-search-wrap .search-keywords-box .keywords-prefix {
    text-align: center;
    margin-bottom: 6px;
  }
  .m-form-search-wrap .search-keywords-box .keywords {
    display: grid;
    align-items: center;
    grid-template-columns: auto auto;
    padding-inline: 13%;
  }
  .fs-c-inputDate__month + .fs-c-inputDate__date {
    margin-left: 8px !important;
  }
  .m-board-list.col3 {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px 15px;
  }
  .m-board-item {
    padding-block: 0;
  }
  .m-board-item .board-link {
    grid-template-columns: 65px 1fr 30px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    padding-block: 13px;
    padding-inline: 7px;
  }
  .m-board-item .board-link::before {
    right: 7px;
    width: 15px;
    height: 15px;
  }
  .m-board-item .board-link::after {
    right: 13px;
    width: 4px;
    height: 4px;
  }
  .m-board-item .date {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .m-board-item .title-box .title {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .m-board-item .lb {
    min-width: 40px;
    margin-left: 12px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 16px;
  }
  .m-board-item.has-thumb .thumb-box {
    margin-bottom: 15px;
  }
  .m-board-item.has-thumb .thumb-box .lb {
    min-width: 50px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 20px;
    padding-top: 0;
  }
  .m-board-item.has-thumb .date {
    margin-bottom: 2px;
  }
  .m-voice-list {
    grid-template-columns: 1fr;
  }
  .m-voice-item {
    grid-template-columns: 108px 1fr;
    -moz-column-gap: 17px;
    column-gap: 17px;
    padding-block: 19px;
    padding-inline: 17px;
  }
  .m-voice-item .prd-category {
    min-width: 70px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    font-size: 1rem;
  }
  .m-voice-item .prd-name {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .m-voice-item .voice-text {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .m-faq .m-faq-box ~ .m-faq-box {
    margin-top: 10px;
  }
  .m-faq .m-faq-q::before, .m-faq .m-faq-q::after {
    width: 11px;
    right: 16px;
  }
  .m-faq .m-faq-q .title {
    min-height: 50px;
    padding-inline: 58px 30px;
    padding-block: 5px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-faq .m-faq-q .title::before {
    left: 15px;
    width: 33px;
    height: 33px;
    font-size: 15px;
    font-size: 1.5rem;
  }
  .m-faq .m-faq-a {
    padding-inline: 58px 15px;
    padding-top: 5px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .m-faq .m-faq-a::before {
    left: 15px;
    width: 33px;
    height: 33px;
    font-size: 15px;
    font-size: 1.5rem;
  }
  .m-box-white .m-line-list {
    margin-block: 0;
  }
  .m-line-item ~ .m-line-item {
    margin-top: 20px;
    padding-top: 20px;
  }
  .m-line-item .title {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .m-line-item .text {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .fs-c-breadcrumb {
    margin-top: 5px;
  }
  .fs-c-breadcrumb .fs-c-breadcrumb__list {
    max-width: 89.3%;
  }
  .fs-c-breadcrumb .fs-c-breadcrumb__listItem.last {
    max-width: 53%;
  }
  .fs-c-panelContainer {
    max-width: 89.3%;
  }
  .fs-c-explainList {
    display: block;
  }
  .fs-c-explainList.size-sm dt ~ dt {
    border-top: 1px solid #c8c8c8;
  }
  .fs-c-explainList.size-sm dd ~ dd {
    border-top: 1px solid #c8c8c8;
  }
  .fs-c-explainList dt, .fs-c-explainList dd {
    padding-block: 9px 10px;
    padding-inline: 15px;
  }
  .fs-c-explainList dd ~ dd {
    border-top: 0;
  }
  .fs-c-explainList.type-col {
    border-bottom: 0;
  }
  .fs-c-explainList.type-col dt {
    display: block;
    text-align: left;
    border-right: 1px solid #c8c8c8;
  }
  .fs-c-explainList.type-col dd {
    border-bottom: 1px solid #c8c8c8;
  }
  .fs-l-main {
    max-width: 89.3%;
  }
  .fs-c-documentArticle {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .fs-c-documentArticle + .fs-c-documentArticle {
    margin-top: 40px;
  }
  .fs-c-documentArticle .img-box.col4 {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .fs-c-documentColumn {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .fs-c-documentArticle__content.col2 {
    grid-template-columns: 1fr;
  }
  .l-pageMain-flex {
    flex-direction: column;
  }
  .l-pageMain-flex .fs-l-sideArea {
    max-width: 100%;
    margin-right: 0;
  }
  .l-pageMain-flex .fs-l-sideArea + .fs-l-pageMain,
  .l-pageMain-flex .fs-l-pageMain + .fs-l-sideArea {
    max-width: 100%;
  }
  .fs-c-productList__list {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 15px;
    column-gap: 15px;
  }
  .fs-c-productListItem {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .fs-c-productListItem .fs-c-productImage {
    max-width: 163px;
  }
  .fs-c-productListItem .fs-c-buttonContainer {
    margin-top: 20px;
  }
  .fs-c-productListItem .fs-c-productListItem__productName {
    font-size: 20px;
    font-size: 2rem;
  }
  .fs-c-productListItem .fs-c-productListItem__productName .fs-c-productName__copy {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .fs-c-productListItem .prd-comment-box {
    margin-top: 10px;
  }
  .fs-c-productListItem .fs-c-productPrice {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .fs-c-productListItem .fs-c-productPrice__main__price {
    font-size: 17px;
    font-size: 1.7rem;
  }
  .fs-c-productListItem .fs-c-productPrice__addon {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .fs-c-productListItem .fs-c-rating + .fs-c-buttonContainer {
    margin-top: 10px;
  }
  .prd-info-box {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .prd-price-box {
    -moz-column-gap: 5px;
    column-gap: 5px;
    margin-top: 12px;
  }
  .prd-price-box .prd-price .lb {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .prd-price-box .prd-price .lb .ico {
    height: 18px;
    margin-right: 5px;
  }
  .prd-price-box .prd-price .lb .ico.ico-foot, .prd-price-box .prd-price .lb .ico.ico-foot-one {
    height: 18px;
  }
  .prd-price-box .prd-price .price {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .prd-price-box .prd-price .price .addon {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .prd-comment-box .comment-box .comment-title {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .prd-comment-box .comment-box .comment-text {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .fs-c-productListItem__lowInStock,
  .fs-c-productListItem__outOfStock,
  .fs-c-productListItem__numberOfStock {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-ranking-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .m-pagination-top .fs-c-productList__controller,
  .m-pagination-under .fs-c-productList__controller {
    flex-direction: column-reverse;
  }
  .m-pagination-top .fs-c-listControl,
  .m-pagination-under .fs-c-listControl {
    margin-bottom: 20px;
  }
  .m-pagination-top .fs-c-productList__controller {
    align-items: flex-start;
  }
  .fs-c-listControl .fs-c-listControl__status {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .fs-c-sortItems {
    border: 0;
  }
  .fs-c-sortItems .fs-c-sortItems__label {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .fs-c-sortItems .fs-c-sortItems__list {
    border-left: 0;
  }
  .fs-c-sortItems .fs-c-sortItems__list__item {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .fs-c-pagination .fs-c-pagination__item {
    width: 35px;
    height: 35px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .fs-body-category .p-banner-wrap {
    margin-bottom: 0;
  }
  .fs-body-category .m-form-search-wrap .keywords {
    padding-inline: 0;
  }
  .fs-body-category #menu {
    margin-top: 45px;
  }
  .fs-c-subgroupList {
    gap: 20px;
  }
  .fs-c-subgroupList__item .fs-c-subgroupList__image {
    aspect-ratio: 2/1;
  }
  .fs-c-subgroupList__item .fs-c-subgroupList__comment {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .fs-c-subgroupList__item .fs-c-subgroupList__label {
    font-size: 16px;
    font-size: 1.6rem;
    padding-block: 12px 13px;
    padding-inline: 15px 35px;
  }
  .fs-c-subgroupList__item .fs-c-subgroupList__label::before {
    right: 10px;
    width: 20px;
    height: 20px;
  }
  .fs-c-subgroupList__item .fs-c-subgroupList__label::after {
    right: 18px;
    width: 5px;
    height: 5px;
  }
  .p-category-mv {
    display: block;
    margin-bottom: 50px;
  }
  .p-category-mv .p-category-textBox {
    padding-bottom: 40px;
    padding-inline: 30px;
  }
  .p-category-mv .p-category-textBox::before {
    left: 15px;
    top: 15px;
    width: 55px;
  }
  .p-category-mv .p-category-textBox .m-title {
    margin-bottom: 15px;
  }
  .p-category-mv .p-category-textBox .m-title .m-title__ja {
    font-size: 26px;
    font-size: 2.6rem;
  }
  .p-category-mv .p-category-textBox .p-category-desc {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .p-category-mv .p-category-imgBox {
    width: 100%;
    max-width: 100%;
  }
  .p-category-mv .p-category-imgBox img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .m-recommend-item {
    flex-direction: column;
  }
  .m-recommend-item:nth-child(even) {
    flex-direction: column;
  }
  .m-recommend-item .text-box {
    text-align: center;
  }
  .m-recommend-item .recommend-title {
    font-size: 20px;
    font-size: 2rem;
  }
  .m-recommend-item .prd-comment-box {
    padding-block: 15px;
    padding-inline: 20px;
    grid-template-columns: 65px 1fr;
  }
  .m-recommend-item .prd-comment-box .comment-box .comment-title {
    font-size: 17px;
    font-size: 1.7rem;
  }
  .fs-l-product2.fs-l-main {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .fs-l-product2 .fs-l-productLayout {
    display: block;
  }
  .fs-l-productLayout .fs-c-productCarouselMainImage__carousel .slick-slide {
    max-width: 89.3vw;
  }
  .fs-l-productLayout .fs-l-productLayout__item--2 {
    margin-top: 30px;
  }
  .fs-l-productLayout .fs-c-productPrices--productDetail {
    display: block;
    margin-top: 20px;
  }
  .fs-l-productLayout .fs-c-variationPanelList__list {
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, minmax(9.6em, 1fr));
    padding-bottom: 0;
    white-space: normal;
    overflow-x: hidden;
  }
  .productReview-wrap {
    margin-top: 40px;
  }
  .productReview-wrap .m-title-line {
    margin-bottom: 25px;
  }
  .m-prd-detail-type {
    padding-block: 10px 12px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .m-prd-detail-type .type {
    font-size: 26px;
    font-size: 2.6rem;
  }
  .m-prd-detail-set .title {
    margin-bottom: 5px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .m-prd-detail-set .title .type {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .m-prd-detail-banner {
    min-height: 100px;
  }
  .m-prd-detail-banner .text-box {
    padding-left: 15px;
    width: 65%;
  }
  .m-prd-detail-banner .text-box .title {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .m-prd-detail-banner .text-box .text {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .m-prd-detail-banner .img-box {
    width: 48%;
  }
  .m-prd-detail-banner .info-delivery-fee {
    padding-top: 5px;
  }
  .m-prd-detail-banner .info-delivery-fee .title {
    margin-bottom: 2px;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: left;
  }
  .m-prd-detail-banner .info-delivery-fee .title .val {
    font-size: 30px;
    font-size: 3rem;
  }
  .m-prd-detail-banner .info-delivery-fee .title .spot {
    font-size: 20px;
    font-size: 2rem;
  }
  .m-prd-detail-banner .info-delivery-fee .text {
    font-size: 12px;
    font-size: 1.2rem;
    width: auto;
  }
  .m-prd-detail-banner .info-delivery-fee .text .val {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .p-search-wrap .search-filter-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    text-align: center;
    border: 1px solid;
  }
  .p-search-wrap .search-filter-trigger ~ .fs-l-pageMain {
    margin-top: 30px;
  }
  .p-search-wrap .fs-l-sideArea {
    display: none;
    margin-top: 10px;
  }
  .p-search-wrap .fs-c-noResultMessage {
    margin-top: 0;
  }
  .p-search-wrap .fs-c-productList__list {
    -moz-column-gap: 15px;
    column-gap: 15px;
  }
  body.fs-body-cart .fs-l-cart__contentsArea {
    grid-template-columns: 1fr;
  }
  body.fs-body-cart .fs-l-cart__contentsArea .fs-l-cart__mainColumn .fs-c-cartDiscountInfo {
    position: static;
  }
  body.fs-body-cart .fs-l-cart__contentsArea .fs-l-cart__sideColumn {
    grid-column: auto;
  }
  body.fs-body-cart .fs-c-estimatedDeliveryDate {
    font-size: 14px;
    font-size: 1.4rem;
  }
  body.fs-body-cart .fs-c-estimatedDeliveryDate .fs-c-estimatedDeliveryDate__ctrl {
    font-size: 15px;
    font-size: 1.5rem;
  }
  body.fs-body-cart .fs-c-estimatedDeliveryDate .fs-c-estimatedDeliveryDate__location::before {
    width: 17px;
  }
  body.fs-body-cart .fs-c-continueShopping {
    margin-top: 20px;
  }
  .fs-c-cartTableContainer .fs-c-cartTable,
  .fs-c-orderDetail .fs-c-cartTable {
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    padding-bottom: 20px;
  }
  .fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__row,
  .fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__row {
    grid-template-columns: 1fr 50%;
  }
  .fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__row ~ .fs-c-cartTable__row,
  .fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__row ~ .fs-c-cartTable__row {
    margin-top: 20px;
  }
  .fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__dataCell--quantity,
  .fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__dataCell--subtotal,
  .fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__dataCell--point,
  .fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__dataCell--quantity,
  .fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__dataCell--subtotal,
  .fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__dataCell--point {
    padding-bottom: 0;
  }
  .fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__dataCell--point::before,
  .fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__dataCell--quantity::before,
  .fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__dataCell--subtotal::before,
  .fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__dataCell--point::before,
  .fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__dataCell--quantity::before,
  .fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__dataCell--subtotal::before {
    margin-right: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
  }
  .fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__dataCell--quantity,
  .fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__dataCell--action,
  .fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__dataCell--quantity,
  .fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__dataCell--action {
    padding-top: 5px;
  }
  .fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__dataCell--review,
  .fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__actionButton__container,
  .fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__dataCell--review,
  .fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__actionButton__container {
    width: auto;
  }
  .fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__dataCell--review + .fs-c-cartTable__actionButton__container,
  .fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__actionButton__container + .fs-c-cartTable__actionButton__container,
  .fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__dataCell--review + .fs-c-cartTable__actionButton__container,
  .fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__actionButton__container + .fs-c-cartTable__actionButton__container {
    border-left: 0;
    padding-left: 0;
    margin-left: 20px;
  }
  .fs-c-cartTableContainer .fs-c-cartTable .fs-c-cartTable__dataCell--action,
  .fs-c-orderDetail .fs-c-cartTable .fs-c-cartTable__dataCell--action {
    padding-right: 0;
  }
  .fs-c-cartTableContainer .fs-c-cartTable__headerCell,
  .fs-c-cartTableContainer .fs-c-cartTable__dataCell,
  .fs-c-orderDetail .fs-c-cartTable__headerCell,
  .fs-c-orderDetail .fs-c-cartTable__dataCell {
    padding-inline: 15px;
  }
  .fs-l-cart__contentsArea .fs-c-orderTotalTable > tbody > tr > th,
  .fs-c-orderDetail .fs-c-orderTotalTable > tbody > tr > th {
    width: 45%;
  }
  .fs-l-cart__contentsArea .fs-c-orderTotalTable > tbody > tr > th,
  .fs-l-cart__contentsArea .fs-c-orderTotalTable > tbody > tr > td,
  .fs-c-orderDetail .fs-c-orderTotalTable > tbody > tr > th,
  .fs-c-orderDetail .fs-c-orderTotalTable > tbody > tr > td {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .fs-l-cart__contentsArea .fs-c-orderTotalTable .fs-c-orderTotalTable__total td,
  .fs-c-orderDetail .fs-c-orderTotalTable .fs-c-orderTotalTable__total td {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .fs-l-cart__contentsArea .fs-c-orderTotalTable .fs-c-orderTotalTable__grandTotal td,
  .fs-c-orderDetail .fs-c-orderTotalTable .fs-c-orderTotalTable__grandTotal td {
    font-size: 14px;
    font-size: 1.4rem;
  }
  body:not(.fs-body-checkout) .fs-c-cartTable__product,
  body:not(.fs-body-checkout) .fs-c-orderHistoryItem__product {
    -moz-column-gap: 15px;
    column-gap: 15px;
  }
  body:not(.fs-body-checkout) .fs-c-cartTable__product .fs-c-listedProductName__name,
  body:not(.fs-body-checkout) .fs-c-cartTable__product .fs-c-orderHistoryItem__productName__name,
  body:not(.fs-body-checkout) .fs-c-orderHistoryItem__product .fs-c-listedProductName__name,
  body:not(.fs-body-checkout) .fs-c-orderHistoryItem__product .fs-c-orderHistoryItem__productName__name {
    font-size: 16px;
    font-size: 1.6rem;
  }
  body:not(.fs-body-checkout) .fs-c-cartTable__product .fs-c-listedProductName__variation,
  body:not(.fs-body-checkout) .fs-c-orderHistoryItem__product .fs-c-listedProductName__variation {
    font-size: 14px;
    font-size: 1.4rem;
  }
  body:not(.fs-body-checkout) .fs-c-cartTable__product .fs-c-listedOptionPrice,
  body:not(.fs-body-checkout) .fs-c-orderHistoryItem__product .fs-c-listedOptionPrice {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .fs-l-cart__contentsArea + .fs-p-announcement {
    margin-top: 35px;
  }
  .fs-p-announcement .fs-p-linkButton::after {
    right: 8px;
    width: 5px;
    height: 5px;
  }
  .fs-l-checkout .fs-c-returnedSpecialContract {
    position: static;
  }
  .fs-l-checkout .fs-c-checkout-shippingDestination__control .fs-c-checkout-shippingInfo__button > button, .fs-l-checkout .fs-c-checkout-shippingDestination__control .fs-c-checkout-shippingInfo__button > a {
    padding-inline: 15px;
  }
  .fs-body-customerDetails .fs-c-inputTable > tbody > tr,
  .fs-body-register .fs-c-inputTable > tbody > tr,
  .fs-body-my-addressbook-new .fs-c-inputTable > tbody > tr,
  .fs-body-my-addressbook-edit .fs-c-inputTable > tbody > tr,
  .fs-body-my-account-settings-edit .fs-c-inputTable > tbody > tr,
  .p-contact-wrap .fs-c-inputTable > tbody > tr {
    flex-direction: column;
  }
  .fs-body-customerDetails .fs-c-inputTable .fs-c-inputTable__headerCell,
  .fs-body-register .fs-c-inputTable .fs-c-inputTable__headerCell,
  .fs-body-my-addressbook-new .fs-c-inputTable .fs-c-inputTable__headerCell,
  .fs-body-my-addressbook-edit .fs-c-inputTable .fs-c-inputTable__headerCell,
  .fs-body-my-account-settings-edit .fs-c-inputTable .fs-c-inputTable__headerCell,
  .p-contact-wrap .fs-c-inputTable .fs-c-inputTable__headerCell {
    width: auto;
    margin-bottom: 5px;
    font-size: 15px;
    font-size: 1.5rem;
  }
  .fs-body-customerDetails .fs-c-inputTable .fs-c-inputTable__label,
  .fs-body-register .fs-c-inputTable .fs-c-inputTable__label,
  .fs-body-my-addressbook-new .fs-c-inputTable .fs-c-inputTable__label,
  .fs-body-my-addressbook-edit .fs-c-inputTable .fs-c-inputTable__label,
  .fs-body-my-account-settings-edit .fs-c-inputTable .fs-c-inputTable__label,
  .p-contact-wrap .fs-c-inputTable .fs-c-inputTable__label {
    margin-top: 0;
  }
  .fs-body-customerDetails .fs-c-inputTable .fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputField__explanation,
  .fs-body-register .fs-c-inputTable .fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputField__explanation,
  .fs-body-my-addressbook-new .fs-c-inputTable .fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputField__explanation,
  .fs-body-my-addressbook-edit .fs-c-inputTable .fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputField__explanation,
  .fs-body-my-account-settings-edit .fs-c-inputTable .fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputField__explanation,
  .p-contact-wrap .fs-c-inputTable .fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputField__explanation {
    margin-top: 5px;
  }
  .fs-body-customerDetails .fs-c-inputInformation__field,
  .fs-body-register .fs-c-inputInformation__field,
  .fs-body-my-addressbook-new .fs-c-inputInformation__field,
  .fs-body-my-addressbook-edit .fs-c-inputInformation__field,
  .fs-body-my-account-settings-edit .fs-c-inputInformation__field,
  .p-contact-wrap .fs-c-inputInformation__field {
    margin-top: 30px;
    padding-top: 40px;
  }
  .fs-c-accountService__page {
    flex-basis: calc(50% - 10px);
  }
  .fs-c-wishlistProduct {
    margin-top: 50px;
  }
  .fs-c-wishlistProduct__list .fs-c-productListCarousel__ctrl--prev {
    left: 4px;
  }
  .fs-c-wishlistProduct__footer {
    margin-top: 30px;
  }
  .fs-c-loginForm .fs-c-subSection {
    padding-block: 30px 35px;
    padding-inline: 20px;
  }
  .fs-c-loginForm .fs-c-subSection ~ .fs-c-subSection {
    margin-top: 25px;
  }
  .fs-c-loginForm .fs-c-subSection .fs-c-subSection__title {
    font-size: 20px;
    font-size: 2rem;
  }
  .fs-c-loginForm .fs-c-subSection .fs-c-inputTable__headerCell {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .fs-c-loginForm .fs-c-subSection .fs-c-textLink {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .fs-c-loginForm .fs-c-subSection .fs-c-inputInformation__button {
    margin-top: 30px;
  }
  .fs-c-loginForm .fs-c-subSection .fs-c-buttonContainer--memberRegister {
    margin-top: 30px;
  }
  .fs-c-loginForm .member-benefit-list {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .fs-c-addressBookList .fs-c-addressBookList__count {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .fs-c-addressBookList__list > tbody {
    border: none;
  }
  .fs-c-addressBookList__list th, .fs-c-addressBookList__list td {
    padding-block: 5px;
  }
  .fs-c-addressBookList__list th:first-child, .fs-c-addressBookList__list td:first-child {
    width: auto;
    padding-top: 18px;
  }
  .fs-c-addressBookList__list th:last-child, .fs-c-addressBookList__list td:last-child {
    width: auto;
    padding-bottom: 15px;
  }
  .fs-body-my-account-settings .fs-c-memberInfoField .fs-c-inputTable .fs-c-inputTable__headerCell,
  .fs-body-my-account-settings .fs-c-memberInfoField .fs-c-inputTable .fs-c-inputTable__dataCell,
  .fs-body-my-account-delete .fs-c-memberInfoField .fs-c-inputTable .fs-c-inputTable__headerCell,
  .fs-body-my-account-delete .fs-c-memberInfoField .fs-c-inputTable .fs-c-inputTable__dataCell {
    min-height: 40px;
    padding-block: 9px 10px;
    padding-inline: 15px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .fs-body-my-account-settings .fs-c-memberInfoField .fs-c-inputTable .fs-c-inputTable__headerCell,
  .fs-body-my-account-delete .fs-c-memberInfoField .fs-c-inputTable .fs-c-inputTable__headerCell {
    width: auto;
  }
  .fs-body-my-wishlist .fs-c-productList {
    margin-top: 30px;
    padding-top: 40px;
  }
  .fs-body-forgotPassword .fs-c-inputInformation .fs-c-inputTable__headerCell .fs-c-inputTable__label,
  .fs-body-my-account-password .fs-c-inputInformation .fs-c-inputTable__headerCell .fs-c-inputTable__label {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .fs-body-forgotPassword .fs-c-inputInformation .fs-c-inputInformation__button,
  .fs-body-my-account-password .fs-c-inputInformation .fs-c-inputInformation__button {
    margin-top: 30px;
  }
  .fs-c-history .fs-c-history__info {
    margin-top: 0;
  }
  .fs-c-orderHistoryItem__header {
    padding-inline: 20px;
  }
  .fs-c-orderHistoryItem__orderSummary {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .fs-c-orderHistoryItem__header__button {
    margin-top: 10px;
  }
  .fs-body-my-orders-details .fs-c-orderDetail__addresseeInfo {
    margin-bottom: 50px;
  }
  .fs-body-my-orders-details .fs-c-orderPerAddressee__heading {
    font-size: 18px;
    font-size: 1.8rem;
    padding-bottom: 10px;
  }
  .fs-body-my-orders-details .fs-c-orderPerAddressee__addressee > dt ~ dt {
    margin-top: 8px;
  }
  .fs-body-my-orders-details .fs-c-orderPerAddressee__cartTable {
    border-top: 0;
    border-bottom: 0;
  }
  .fs-body-my-orders-details .fs-c-orderPerAddressee__cartTable .fs-c-cartTable__row {
    border-color: #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
  }
  .fs-body-my-orders-details .fs-c-orderPerAddressee__cartTable .fs-c-cartTable__dataCell {
    padding: 12px 15px;
  }
  .fs-body-my-orders-details .fs-c-orderPerAddressee__cartTable .fs-c-cartTable__dataCell.fs-c-cartTable__dataCell--quantity, .fs-body-my-orders-details .fs-c-orderPerAddressee__cartTable .fs-c-cartTable__dataCell.fs-c-cartTable__dataCell--subtotal {
    padding-bottom: 12px;
  }
  .fs-body-my-orders-details .fs-c-orderDetailInfo__cartTable {
    border-top: 0;
    padding-bottom: 0;
  }
  .fs-body-my-orders-details .fs-c-orderDetailInfo__cartTable .fs-c-cartTable__dataCell--subtotal {
    padding-block: 12px;
  }
  .fs-body-my-orders-details .fs-c-deliveryInfoList {
    grid-template-columns: 45% 1fr;
  }
  .fs-body-my-orders-details .fs-c-orderPaymentTable > tbody > tr > th {
    width: 45%;
  }
  .fs-body-my-orders-details .fs-c-buttonContainer {
    margin-top: 40px;
  }
  .fs-body-my-orders-details .fs-c-buttonContainer .fs-c-button--back {
    max-width: 225px;
  }
  .fs-c-orderDetailList {
    display: grid;
    grid-row-gap: 5px;
  }
  .fs-c-orderDetailList dt, .fs-c-orderDetailList dd {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 769px) {
  .l-header-search {
    margin-bottom: 0;
  }
  .l-header-search .m-form-search {
    position: relative;
    display: block;
  }
  .l-header-search .m-form-search .m-input {
    max-width: 150px;
    padding-inline: 10px 35px;
    font-size: 13px;
    font-size: 1.3rem;
    transform: scale(1);
  }
  .l-header-search .m-form-search .fs-p-searchForm__button {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    padding-inline: 8px 10px;
    border-radius: 0;
    background-color: transparent;
    border-color: transparent;
    font-size: 0;
    height: 100%;
  }
  .l-header-search .m-form-search .fs-p-searchForm__button .ico-search {
    width: 15px;
    margin-right: 0;
    background-image: url(../img/icon/ico_search_gr.svg);
  }
  .fs-c-explainList {
    grid-template-columns: 20% 1fr;
  }
  .p-search-wrap .search-filter-trigger {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
@media screen and (max-height: 700px) {
  .l-nav .l-nav-inner {
    height: calc(100% - 60px);
    max-height: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-nav .nav-item a:hover {
    color: #5b9d43;
  }
  .top-slider-wrap .fs-c-slick .slick-prev:hover,
  .top-slider-wrap .fs-c-slick .slick-next:hover {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .l-btn-cart-link:hover {
    opacity: 0.8;
  }
  .l-footer .fs-pt-menu__item a:hover {
    color: #fff;
  }
  .l-footer .fs-pt-menu__item a:hover::before {
    left: 6px;
  }
  .l-footer-util .btn-util:hover::before {
    right: 0;
  }
  .l-footer-util .btn-util:hover::after {
    right: 11px;
  }
  .m-btn--secondary:hover {
    background-color: #e19233;
    border-color: #e19233;
  }
  .m-btn--warning:hover {
    background-color: #e64f4f;
    border-color: #e64f4f;
  }
  .m-btn-arr:hover::before {
    right: 0;
  }
  .m-btn-arr:hover::after {
    right: 11px;
  }
  .m-btn-text:hover {
    opacity: 0.7;
  }
  .fs-c-button--addToCart--detail:hover,
  .fs-c-button--confirmOrder:hover {
    background-color: #930f0f;
    border-color: #930f0f;
  }
  .m-box-info .info-link:hover {
    color: #5b9d43;
  }
  .m-box-info.secondary .info-link:hover {
    color: #e49e49;
  }
  .m-box-info.warning .info-link:hover {
    color: #e96565;
  }
  .m-tab-wrap .m-tab .m-tab-btn:not([aria-selected=true]):hover {
    color: #5b9d43;
  }
  .m-tab-wrap .m-tab.type-scroll-link .m-tab-btn:hover {
    color: #fff;
  }
  .m-tab-wrap .m-tab.type-scroll-link .m-tab-btn:hover .text {
    background-color: #5b9d43;
  }
  .m-tab-wrap .m-tab.type-scroll-link .m-tab-btn:hover::before {
    bottom: -8px;
  }
  .m-tab-wrap .m-tab.type-arr .m-tab-btn:hover:not([aria-selected=true]) {
    color: #fff;
  }
  .m-tab-wrap .m-tab.type-arr .m-tab-btn:hover:not([aria-selected=true])::before {
    border-color: #fff;
  }
  .m-tab-wrap .m-tab.type-arr .m-tab-btn:hover:not([aria-selected=true]) .text {
    background-color: #5b9d43;
  }
  .m-board-item .board-link:hover {
    opacity: 0.7;
  }
  .m-board-item .board-link:hover::before {
    right: 5px;
  }
  .m-board-item .board-link:hover::after {
    right: 13px;
  }
  .fs-c-productListItem .fs-c-productListItem__productName a:hover {
    opacity: 0.7;
  }
  .fs-c-pagination .fs-c-pagination__item:not(.is-active):hover {
    background-color: rgba(91, 157, 67, 0.2);
  }
  .fs-c-subgroupList__item .fs-c-subgroupList__link:hover img {
    transform: scale(1.07);
  }
  .fs-l-productLayout .fs-c-productOption__option .fs-c-productOption__comment a:hover {
    opacity: 0.7;
  }
  .fs-l-productLayout .fs-c-button--inquiryAboutProduct:hover {
    opacity: 0.7;
  }
  .p-search-wrap .fs-p-sideMenu .fs-pt-menu__heading--lv1:hover {
    padding-left: 25px;
  }
  .p-search-wrap .fs-p-sideMenu .fs-pt-menu__link--lv2:hover::before {
    right: 10px;
  }
  .p-search-wrap .fs-p-sideMenu .fs-pt-menu__link--lv2:hover::after {
    right: 17px;
  }
  .fs-c-buttonContainer--deleteChange .fs-c-button--changeInfomation:hover {
    background-color: #518b3b;
    border-color: #518b3b;
  }
  .fs-c-buttonContainer--deleteChange .fs-c-button--delete:hover {
    background-color: #707070;
    border-color: #707070;
  }
}
@media screen and (max-width: 640px) {
  .m-input {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .recommended-pair-section .fs-c-productList__list {
    grid-template-columns: min(335px, 100%);
    justify-content: center;
  }
  .prd-comment-box {
    grid-template-columns: min(62px, 25%) 1fr;
  }
  .m-ranking-list {
    grid-template-columns: min(335px, 100%);
    justify-content: center;
  }
  .fs-c-subgroupList {
    grid-template-columns: 1fr;
  }
  .fs-body-my-account-settings .fs-c-memberInfoField .fs-c-inputTable > tbody > tr,
  .fs-body-my-account-delete .fs-c-memberInfoField .fs-c-inputTable > tbody > tr {
    flex-direction: column;
  }
}
@media screen and (max-width: 360px) {
  .m-form-search-wrap .search-keywords-box .keywords {
    padding-inline: 5%;
  }
}
@media screen and (max-width: 1200px) {
  .fs-l-main .p-category-ranking {
    margin-inline: -100px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 768px) {
  .fs-l-main .p-category-ranking {
    margin-inline: -6%;
  }
}