@charset "UTF-8";
/*! fs.css | futureshop succeed | qinc.co.jp */
:root {
  /* オリジナルCSS設定で上書き可能 */
  --qfsd-breadcrumb-color-foreground: var(--qfsd-original-breadcrumb-color__text, #282828);
  --qfsd-breadcrumb-color-background: var(--qfsd-original-breadcrumb-color__background, #ffffff);
  --qfsd-breadcrumb-separator: var(--qfsd-original-breadcrumb-separator, ">");
  --qfsd-breadcrumb-font-size: var(--qfsd-original-breadcrumb-font-size, 1.2rem);
  --qfsd-price-color--sale: var(--qfsd-original-price-color--sale, #c93037);
  --qfsd-search-overlay-color-background: var(--qfsd-original-search-overlay-color-background, rgba(0, 0, 0, 0.5));
  --qfsd-search-filter-btn-color__text: var(--qfsd-original-search-filter-btn-color__text, var(--qfsd-color-button--primary__font));
  --qfsd-search-filter-btn-color__background: var(--qfsd-original-search-filter-btn-color__background, var(--qfsd-color-button--primary));
}

/*
 * ログイン状態
 * 「コマースクリエイターで作成した自動生成ページ」でのみ利用可能
------------------------------------------------*/
.fs-clientInfo *[data-logged-in=false] *[data-fs-status=member] {
  display: none !important;
}
.fs-clientInfo *[data-logged-in=true] *[data-fs-status=guest] {
  display: none !important;
}

.qfsd-fs-clientInfo.is-ready + .qfsd-fs-clientInfo-fallback {
  display: none !important;
}

/*
 * レイアウト
------------------------------------------------*/
.fs-l-main {
  width: 100%;
  max-width: var(--qfsd-container-maxwidth, 1200px);
  margin: 0 auto;
  padding: 0 var(--qfsd-container-padding, 15px);
}
.fs-l-main .fs-l-sideArea {
  max-width: 100%;
}
.fs-l-main .fs-l-pageMain {
  max-width: 100%;
}
@media (min-width: 750.02px) {
  .fs-l-main {
    display: flex;
    flex-wrap: wrap;
  }
  .fs-l-main .fs-l-sideArea {
    width: auto;
    margin: 0;
    padding: 0 30px 0 0;
    flex: 0 0 max(25%, 250px);
    max-width: max(25%, 250px);
  }
  .fs-l-main .fs-l-pageMain {
    width: 100%;
    max-width: 100%;
  }
  .fs-l-main .fs-l-sideArea + .fs-l-pageMain {
    flex-grow: 1;
    flex-basis: 0;
  }
}

/*--------------- 左ナビ ---------------*/
.qfsd-sidenav-content {
  padding: 50px 0;
}
.qfsd-sidenav-content__title {
  display: none;
}

.qfsd-sidenav-closer {
  font-family: monospace;
  display: none;
}

/*--------------- スマートフォン ---------------*/
@media (max-width: 750px) {
  .fs-l-sideArea {
    width: 100%;
    height: 100%;
    height: 100dvh;
    color: #ffffff;
    background: var(--qfsd-search-overlay-color-background);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: calc(var(--qfsd-header-zindex, 1) + 10);
    margin: auto;
  }
  .fs-l-sideArea .qfsd-sidenav-content {
    width: 86.67%;
    max-width: 375px;
    height: 100%;
    overflow-y: auto;
    overscroll-behavior: contain;
    margin-left: auto;
    padding: 0 var(--qfsd-container-padding, 15px) 40px;
    position: relative;
    color: var(--qfsd-color-foreground);
    background: var(--qfsd-color-background);
  }
  .fs-l-sideArea .qfsd-sidenav-content__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: auto;
    margin: 0 calc(-1 * var(--qfsd-container-padding, 15px)) 15px;
    padding: 15px var(--qfsd-container-padding, 15px);
    font-size: 1.5em;
    border-bottom: 1px solid #cccccc;
    color: var(--qfsd-color-foreground);
    background: var(--qfsd-color-background);
    position: sticky;
    top: 0;
    z-index: 5;
  }
  .fs-l-sideArea {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s, transform 0.25s;
  }
  .fs-l-sideArea .qfsd-sidenav-content {
    transform: translateX(120%);
    transition: opacity 0.25s, transform 0.25s;
  }
  .fs-l-sideArea.js--opened {
    opacity: 1;
    pointer-events: auto;
  }
  .fs-l-sideArea.js--opened .qfsd-sidenav-content {
    transform: translateX(0%);
  }
  .qfsd-sidenav-closer {
    display: block;
    padding: 5px;
    cursor: pointer;
    font-size: max(12px, 0.9em);
    line-height: 1;
    flex-shrink: 0;
  }
}
/*
 * パンくず
------------------------------------------------*/
.fs-c-breadcrumb {
  width: 100%;
  margin: 0;
  padding: 10px 0;
  font-size: var(--qfsd-breadcrumb-font-size);
  color: var(--qfsd-breadcrumb-color-foreground);
  background: var(--qfsd-breadcrumb-color-background);
}
.fs-c-breadcrumb__list {
  width: 100%;
  max-width: var(--qfsd-container-maxwidth, 100%);
  margin: 0 auto;
  padding: 0 var(--qfsd-container-padding, 15px);
}
.fs-c-breadcrumb__listItem + .fs-c-breadcrumb__listItem::before {
  content: var(--qfsd-breadcrumb-separator, ">");
  margin: 0 0.25em;
}
.fs-c-breadcrumb a {
  color: inherit;
}

/*
 * 価格
------------------------------------------------*/
.fs-c-productPrice {
  /*  */
}

/*--------------- 定価 ---------------*/
.fs-c-productPrice--listed {
  /*  */
}

/*--------------- 通常価格 ---------------*/
.fs-c-productPrice--selling {
  /*  */
}

/*--------------- 会員価格 ---------------*/
.fs-c-productPrice--member {
  /*  */
}

/*--------------- 定期商品 ---------------*/
.fs-c-productPrice--subscription {
  /*  */
}

/*
 * フォーム
------------------------------------------------*/
[type=hidden], [type=text], [type=search], [type=tel], [type=url], [type=email], [type=password], [type=datetime], [type=date], [type=month], [type=week], [type=time], [type=datetime-local], [type=number], select, textarea {
  font-size: var(--qfsd-font-size-base, 1em);
  padding: 0.5em 0.5em;
}

* + .fs-c-assist {
  margin-top: 0.25em;
}

.fs-c-dropdown__menu {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.fs-c-suggestedAddress {
  max-height: 50vh;
  overflow-y: auto;
}

/*--------------- inputTable ---------------*/
.fs-c-inputTable__headerCell {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  font-size: var(--qfsd-font-size-base, 1em);
}

/*--------------- inputInformation ---------------*/
.fs-c-inputInformation__field {
  max-width: 870px;
}

/*
 * AI Recommend
------------------------------------------------*/
.flywheel-recommend__frame a {
  color: inherit;
}

.fr3-productListCarousel__slide {
  margin-bottom: 15px;
}

/*
 * 商品名
------------------------------------------------*/
.fs-c-productName {
  /*  */
}
.fs-c-productName__copy {
  display: block;
}
.fs-c-productName__name {
  display: block;
}
.fs-c-productName__copy + .fs-c-productName__name {
  margin-top: 0.25em;
}

/*
 * 商品マーク
------------------------------------------------*/
.fs-c-productMark {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.25em;
}
.fs-c-productMark > li {
  margin: 0;
}
.fs-c-productMark__mark {
  margin: 0;
}

.fs-c-mark,
.fs-c-productMark__mark {
  border-radius: 0;
  padding: 0.35em 0.5em;
  font-size: 0.9em;
  font-weight: bold;
}

.fs-c-productMarks {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25em;
}
.fs-c-productMarks > * {
  flex: 0 0 auto;
  max-width: 100%;
}

/*
 * レビュー
------------------------------------------------*/
.qfsd-product-reviewRating {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 0.5em;
}
.qfsd-product-reviewRating[data-count="0"] {
  display: none;
}
.qfsd-product-reviewRating .fs-c-rating {
  display: flex;
}

.qfsd-product-reviewRating-count::before {
  content: "(";
}
.qfsd-product-reviewRating-count::after {
  content: ")";
}

/*
 * 商品一覧
------------------------------------------------*/
.fs-c-productList {
  /*  */
}
.fs-c-productList__list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px 12px;
}
@media (min-width: 750.02px) {
  .fs-c-productList__list {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }
}
.fs-c-productList__list__item {
  border: 0;
  padding: 0;
}

.fs-c-productListItem {
  display: flex;
  flex-wrap: wrap;
}
.fs-c-productListItem > * {
  width: 100%;
}
.fs-c-productListItem > form {
  display: flex;
  flex-direction: column;
}
.fs-c-productListItem__control {
  margin-top: auto;
}
.fs-c-productListItem a {
  color: inherit;
}
.fs-c-productListItem__image__image {
  margin: 0 auto;
}
.fs-c-productListItem__imageContainer {
  margin-bottom: 15px;
}
.fs-c-productListItem__viewMoreImageButton {
  display: none;
}
.fs-c-productListItem__productName {
  font-size: 1em;
}
.fs-c-productListItem__productDescription {
  font-size: 0.8em;
}
.fs-c-productListItem__prices .fs-c-productPrice:not(.fs-c-productPrice--listed) {
  font-weight: 700;
}
.fs-c-productListItem__prices .fs-c-productPrice--listed + .fs-c-productPrice--selling {
  color: var(--qfsd-price-color--sale, inherit);
}
.fs-c-productListItem__prices .fs-c-productPrice--listed + .fs-c-productPrice--selling .fs-c-productPrice__main__price {
  color: inherit;
}

/*
 * レビュー表示
------------------------------------------------*/
.qfsd-pl-product-reviewRating {
  display: block;
  width: 100%;
  margin: 10px 0;
}

.qfsd-pl-product-reviewRating[data-count=""],
.qfsd-pl-product-reviewRating[data-count="0"] {
  display: none;
}

/*
 * 検索結果
------------------------------------------------*/
.qfsd-searchResult-title__keyword {
  font-size: 1em;
  font-style: normal;
}
.qfsd-searchResult-title__keyword:empty {
  display: none;
}
.qfsd-searchResult-title__keyword::before {
  content: ":";
  margin-right: 0.25em;
}

/*
 * 詳細検索
------------------------------------------------*/
.qfsd-search-inputGroup {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.qfsd-search-inputGroup__item {
  flex: 1 1 50%;
  max-width: 100%;
}

.qfsd-searchForm {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(15px, 2vw, 30px);
  font-size: var(--qfsd-font-size-base);
}
.qfsd-searchForm__fields {
  display: block;
  width: 100%;
}
.qfsd-searchForm__action {
  display: block;
  width: 100%;
}

.qfsd-search-fields {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(15px, 2vw, 30px);
}

.qfsd-search-group {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 5px;
}
.qfsd-search-group__head {
  display: block;
  width: 100%;
  margin: 0;
  font-size: 1em;
  font-weight: 500;
}
.qfsd-search-group__body {
  display: block;
  width: 100%;
}

/*--------------- タグ検索 ---------------*/
.qfsd-search-tags .fs-pt-list {
  list-style: none;
  margin: 0;
}
/*
 * 絞り込み
------------------------------------------------*/
.qfsd-search-dialogController {
  display: block;
  width: 100%;
}
.qfsd-search-dialogController__btn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 1.5;
  padding-top: 1em;
  padding-bottom: 1em;
  color: var(--qfsd-search-filter-btn-color__text);
  background: var(--qfsd-search-filter-btn-color__background);
  cursor: pointer;
}
.qfsd-search-dialogController__btn__icon {
  flex: 0 0 auto;
  margin-right: 0.5em;
}
.qfsd-search-dialogController__btn__icon img {
  display: block;
  width: 1.43em;
  height: 1.43em;
  -o-object-fit: scale-down;
  object-fit: scale-down;
}
.qfsd-search-dialogController__btn__text {
  display: block;
}

/*
 * カート
------------------------------------------------*/
.fs-l-cart .fs-c-wishlistProduct,
.fs-l-cart .fs-c-featuredProduct {
  margin-top: 40px;
  margin-bottom: 40px;
}

/*
 * Default News
------------------------------------------------*/
.fs-p-dateList a {
  color: inherit;
}

/*
 * バナーグループ
------------------------------------------------*/
/*--------------- トップページ：バナーグループ（2～4列） ---------------*/
.qfsd-fs-pickupBanners {
  --qfsd-grid-gap: 10px;
  width: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--qfsd-grid-gap);
}
.qfsd-fs-pickupBanners .fs-pt-column {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: auto;
  margin: 0 calc(-1 * var(--qfsd-grid-gap) / 2);
}
.qfsd-fs-pickupBanners .fs-pt-column__item {
  padding: calc(var(--qfsd-grid-gap) / 2);
  gap: calc(var(--qfsd-grid-gap) / 2);
  flex: 0 0 50%;
  max-width: 50%;
}
@media (min-width: 1000.02px) {
  .qfsd-fs-pickupBanners .fs-pt-column__item {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
.qfsd-fs-pickupBanners .fs-pt-column__item[href] {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.25s;
}
.qfsd-fs-pickupBanners .fs-pt-column__item[href]:hover {
  opacity: 0.7;
}
.qfsd-fs-pickupBanners .fs-pt-column__image {
  display: block;
  width: 100%;
  margin: 0;
}
.qfsd-fs-pickupBanners .fs-pt-column__image img {
  display: block;
  width: 100%;
  height: auto;
}
.qfsd-fs-pickupBanners .fs-pt-column__heading {
  display: block;
  width: 100%;
  margin: 0;
  font-size: 1em;
  font-weight: 600;
}
.qfsd-fs-pickupBanners .fs-pt-column__description {
  display: block;
  width: 100%;
  margin: 0;
  font-size: 0.88em;
  font-weight: normal;
}

/*--------------- トップページ：バナーグループ（2列） ---------------*/
.qfsd-fs-asideBanners {
  --qfsd-grid-gap: 10px;
  width: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--qfsd-grid-gap);
}
.qfsd-fs-asideBanners .fs-pt-column {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: auto;
  margin: 0 calc(-1 * var(--qfsd-grid-gap) / 2);
}
.qfsd-fs-asideBanners .fs-pt-column__item {
  padding: calc(var(--qfsd-grid-gap) / 2);
  gap: calc(var(--qfsd-grid-gap) / 2);
  flex: 0 0 50%;
  max-width: 50%;
}
.qfsd-fs-asideBanners .fs-pt-column__item[href] {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.25s;
}
.qfsd-fs-asideBanners .fs-pt-column__item[href]:hover {
  opacity: 0.7;
}
.qfsd-fs-asideBanners .fs-pt-column__image {
  display: block;
  width: 100%;
  margin: 0;
}
.qfsd-fs-asideBanners .fs-pt-column__image img {
  display: block;
  width: 100%;
  height: auto;
}
.qfsd-fs-asideBanners .fs-pt-column__heading {
  display: block;
  width: 100%;
  margin: 0;
  font-size: 1em;
  font-weight: 600;
}
.qfsd-fs-asideBanners .fs-pt-column__description {
  display: block;
  width: 100%;
  margin: 0;
  font-size: 0.88em;
  font-weight: normal;
}

/*--------------- 共通バナーグループ ---------------*/
.qfsd-fs-bannerGroup {
  /*  */
}
.qfsd-fs-bannerGroup__pc {
  --qfsd-grid-gap-y: 20px;
  --qfsd-grid-gap-x: 0px;
}
@media (max-width: 750px) {
  .qfsd-fs-bannerGroup__pc {
    display: none !important;
  }
}
.qfsd-fs-bannerGroup__sp {
  --qfsd-grid-gap-y: 40px;
  --qfsd-grid-gap-x: 0px;
}
@media (min-width: 750.02px) {
  .qfsd-fs-bannerGroup__sp {
    display: none !important;
  }
}
.qfsd-fs-bannerGroup .fs-pt-column {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--qfsd-grid-gap-y) var(--qfsd-grid-gap-x);
  margin: 0;
  padding: 0;
}
@media (min-width: 750.02px) {
  .qfsd-fs-bannerGroup .fs-pt-column {
    grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
  }
}
.qfsd-fs-bannerGroup .fs-pt-column__item {
  display: block;
  margin: 0;
  padding: 0;
}
.qfsd-fs-bannerGroup .fs-pt-column__item[href] {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.25s;
}
.qfsd-fs-bannerGroup .fs-pt-column__item[href]:hover {
  opacity: 0.7;
}
.qfsd-fs-bannerGroup .fs-pt-column__image {
  display: block;
  width: 100%;
  margin: 0;
}
.qfsd-fs-bannerGroup .fs-pt-column__image img {
  display: block;
  width: 100%;
  height: auto;
}
.qfsd-fs-bannerGroup .fs-pt-column__heading {
  display: block;
  width: 100%;
  margin: 0;
  font-size: 1em;
  font-weight: 600;
}
.qfsd-fs-bannerGroup .fs-pt-column__description {
  display: block;
  width: 100%;
  margin: 0;
  font-size: 0.88em;
  font-weight: normal;
}
.qfsd-fs-bannerGroup .fs-pt-carousel__track:not(.slick-initialized) .fs-pt-carousel__slide {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
}
.qfsd-fs-bannerGroup .fs-pt-carousel__track:not(.slick-initialized) .fs-pt-carousel__slide:not(:first-child) {
  display: none;
}

/*
 * document
------------------------------------------------*/
.fs-c-documentColumn {
  line-height: 1.75;
}
.fs-c-documentColumn__heading {
  font-size: 1.25em;
  font-weight: 500;
  color: var(--qfsd-color-font--pageHeading);
  border: 0;
  padding: 0;
}
.fs-c-documentColumn__content {
  gap: 0.5em;
}

.fs-c-documentArticle {
  line-height: 1.75;
}
.fs-c-documentArticle__heading {
  font-size: 1.5em;
  font-weight: 600;
  text-align: left;
  color: var(--qfsd-color-font--pageHeading);
  background: none;
  border: 0;
  padding: 0;
}
.fs-c-explainList {
  --qfsd-border-color: #d4d4d4;
  gap: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: var(--qfsd-border-color);
}
.fs-c-explainList dt, .fs-c-explainList dd {
  margin: 0;
  padding: 0.75em 1em;
  color: var(--qfsd-color-foreground);
  background: var(--qfsd-color-background);
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: var(--qfsd-border-color);
}
.fs-c-explainList dt {
  font-weight: 500;
}
.fs-c-explainList dd {
  font-weight: 400;
}

.fs-c-explainList dd:not(:last-child) {
  margin-bottom: 0;
}

/*
 * プレビューヘッダ
------------------------------------------------*/
.fs-trial-header {
  margin: 0;
}
.fs-trial-header + .fs-preview-header {
  margin: 0;
}

/*
 * マイページ
------------------------------------------------*/
.fs-l-account {
  display: block;
  width: 100%;
}

@media (min-width: 960px) {
  .fs-body-my-top .fs-l-account {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
  }
  .fs-body-my-top .fs-p-accountInfo {
    flex: 0 0 35%;
    max-width: 35%;
  }
  .fs-body-my-top .fs-c-accountService {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
}