@charset "UTF-8";
/*=============================================================

Date: 2025-10-07
CSS Document ： mensha! トップリニューアル

=============================================================*/
/*==================================
FFN トップリニューアルエリア共通
==================================*/
/* キーカラー指定 */
:root {
  --theme-color: #E62778;
}

.top-wrap_mns {
  opacity: 1;
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  width: 100%;
  position: relative;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.top-wrap_mns .fca_container {
  padding: 0;
}
.top-wrap_mns img {
  max-width: 100%;
  height: auto;
}
.top-wrap_mns ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.top-wrap_mns a {
  transition: all 0.2s;
  text-decoration: none;
}
/* カルーセル表示 */
.top-wrap_mns .top-carousel_mns {
  /* display: none; */
}
.top-wrap_mns .top-carousel_mns:not(.swiper-initialized) .swiper-wrapper {
  justify-content: center;
}
.top-wrap_mns .top-carousel_mns:not(.swiper-initialized) .swiper-wrapper li:nth-child(1) {
  order: 1;
}
.top-wrap_mns .top-carousel_mns:not(.swiper-initialized) .swiper-wrapper li:nth-child(2) {
  order: 2;
}
.top-wrap_mns .top-carousel_mns.swiper-initialized {
  display: block;
}
.top-wrap_mns .swiper .swiper-wrapper .swiper-slide {
  box-sizing: inherit;
}
/* hover */
@media (hover: hover) {
  .top-wrap_mns.mainbanner_mns a {
    overflow: hidden
  }
  .top-wrap_mns.mainbanner_mns a img {
    transition: all 0.5s;
  }
  .top-wrap_mns.mainbanner_mns a:hover img {
    transform: scale(1.04);
  }
  .top-wrap_mns:not(.mainbanner_mns) a:hover {
    transform: scale(1.04);
  }
  .top-wrap_mns .swiper-pagination-clickable .swiper-pagination-bullet {
    transition: all 0.2s;
  }
  .top-wrap_mns .swiper-pagination-clickable .swiper-pagination-bullet:hover {
    opacity: 0.5 !important;
  }
}
/* 商品読み込み 価格 */
.top-wrap_mns .price, .top-wrap_mns .sale_price {
  font-weight: bold;
  letter-spacing: 0;
}
.top-wrap_mns .sale_price {
  display: block;
  color: #c60038;
}
.top-wrap_mns .strike_price {
  display: block;
  text-decoration: line-through;
  -webkit-text-decoration-color: #c73339;
  text-decoration-color: #c73339;
  -webkit-text-decoration-style: double;
  text-decoration-style: double;
  color: #999999;
}
/* swiper */
.top-wrap_mns .swiper {
  overflow: initial;
}
.top-wrap_mns .swiper .swiper-wrapper .swiper-slide {
  width: max-content;
}
.top-wrap_mns .swiper .swiper-wrapper .swiper-slide a {
  display: block;
}
.top-wrap_mns .swiper .swiper-wrapper .swiper-slide a p {
  text-align: justify;
  word-break: break-all;
  text-justify: inter-character;
  font-size: 100%;
  margin: 1em auto 0;
  letter-spacing: 0.0em;
  /* font-family: "游ゴシック体 Pr6N M"; */
}
.top-wrap_mns .swiper .swiper-pagination-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.3em;
  margin: 1.9em 0 0;
}
.top-wrap_mns .swiper .swiper-pagination {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8em;
  font-size: 85%;
  width: fit-content;
  top: auto;
  left: auto;
  bottom: auto;
}
/* 前へ次への矢印カスタマイズ */
.top-wrap_mns .swiper .swiper-button-prev, .top-wrap_mns .swiper .swiper-button-next {
  height: auto;
  aspect-ratio: 1/1;
  width: 1.8em;
  background: none;
  position: static;
  margin: 0;
  transition: all 0.2s;
}
.top-wrap_mns .swiper .swiper-button-prev::after, .top-wrap_mns .swiper-button-next::after {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
  height: 100%;
  margin: auto;
  width: 100%;
  font-size: 0;
  display: block;
}
/* 前へ次への矢印カスタマイズ */
.top-wrap_mns .swiper .swiper-button-prev::after {
  background-image: url('../images/slider_prev.svg');
}
.top-wrap_mns .swiper .swiper-button-next::after {
  background-image: url('../images/slider_next.svg');
}
@media (hover: hover) {
  .top-wrap_mns .swiper .swiper-button-prev:hover {
    transform: translateX(-0.3em);
  }
  .top-wrap_mns .swiper .swiper-button-next:hover {
    transform: translateX(0.3em);
  }
}
/* 画像サイズ調整 */
.top-wrap_mns .swiper .swiper-slide img {
  height: auto;
  width: 100%;
  border-radius: 0 1.8em;
}
.top-wrap_mns .swiper:not(.top-carousel_mns) .swiper-pagination {
  position: static;
  margin: 0em 0 0;
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6em;
}
.top-wrap_mns .swiper:not(.top-carousel_mns) .swiper-pagination-bullet {
  opacity: 1;
  background: #FFF;
  border: 1px solid #000;
  width: 0.75em;
  /* height: 0.8em; */
  aspect-ratio: 1/1;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top-wrap_mns .swiper:not(.top-carousel_mns) .swiper-pagination-bullet-active {
  background: #000;
}
/*==================================
見出し
==================================*/
/* 特集タイトル */
.top-wrap_mns .fca_section__header .fca_section__h {
  font-size: 350%;
}
.top-wrap_mns .fca_section__header .fca_section__h .main-title_mns {
  color: var(--theme-color);
  display: block;
  font-family: "Pistilli Pro";
}
.top-wrap_mns .fca_section__header .fca_section__h .sub-title_mns {
  font-size: 32%;
  display: block;
  margin: 0.4em 0 1.8em;
  transform: scaleX(0.92);
  transform-origin: center;
  font-family: "游ゴシック体 Pr6N B";
}
/* 特集タイトル */
/*==================================
メインカルーセル
==================================*/
.top-wrap_mns.mainbanner_mns {
  overflow: visible;
  background: #dfdfdf;
}
.top-wrap_mns .top-main_mns {
  min-height: 662px;
  position: relative;
  overflow: hidden;
}
.top-carousel_mns {
  padding-bottom: 2.6em;
}
.top-wrap_mns .top-carousel_mns .swiper-wrapper .swiper-slide {
  min-width: 570px;
  width: calc(100%/3);
  /* padding: 0 5px; */
}
.top-wrap_mns .top-carousel_mns .swiper-wrapper li a img {
  border-radius: inherit;
}
.top-carousel_mns .swiper-wrapper li a .mainbanner-txt {
  position: absolute;
  bottom: 5%;
  left: 0;
  width: 100%;
  /* display: block; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  color: #FFF;
  text-shadow: 0 0 3em #000;
  text-align: center;
}
.top-carousel_mns .swiper-wrapper li a .mainbanner-txt .main {
  font-size: 400%;
  line-height: 1.0;
  margin-bottom: 0.1em;
  font-family: "Pistilli Pro";
  font-display: swap;
}
.top-carousel_mns .swiper-wrapper li a .mainbanner-txt .sub {
  font-weight: bold;
  font-size: 131%;
  transform: scaleX(0.91);
  transform-origin: center;
  font-family: "游ゴシック体 Pr6N B";
  font-display: swap;
}
/* ページネーションの丸 */
.top-carousel_mns .swiper-pagination-bullet {
  width: 0.7em;
  height: 0.7em;
  aspect-ratio: 1;
  background-color: #fff;
  border: 1px solid var(--theme-color);
  opacity: 1;
  margin: 0 6px !important;
  border-radius: 50%;
  transition: background-color 0.3s ease;
}
/* アクティブ時 */
.top-carousel_mns .swiper-pagination-bullet-active {
  background-color: var(--theme-color);
}
/* ▼▼ スクロールアイコン ▼▼ */
.scroll-wrap_mns {
  position: absolute;
  top: 535px;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: 1;
}
.scroll-inner_mns {
  max-width: 700px;
  margin: 0 auto;
}
.scroll_mns {
  width: 5em;
  aspect-ratio: 1;
  display: block;
  position: relative;
}
.scroll_mns::before {
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  background-image: url(../images/scroll_txt.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  animation: spin 14s linear infinite;
}
.scroll_mns::after {
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  background-image: url(../images/scroll_arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 10%;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#news-wrap {
  position: relative;
  padding-bottom: 2em;
}
#news-wrap .news-inner {
  width: max-content;
  margin: 0 auto;
  max-width: 600px;
}
/* ここから */
#news-wrap .news-inner .news-box {
  /* color: #FFF; */
  /* font-weight: bold; */
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1em;
  margin: 0 0 0.4em;
  font-size: 120%;
  /* text-shadow: 0 0 2em #000; */
  font-family: "游ゴシック体 Pr6N M";
}
#news-wrap .news-inner .news-box .update {
  letter-spacing: 0;
}
#news-wrap .news-inner .news-box p {
  margin: 0;
}
#news-wrap .news-inner .news-box p a {
  /*color: #FFF;*/
  /* font-weight: bold; */
  text-decoration: underline;
}
.fca_page-shop-home__body {
  margin-top:0;
}
#new-arrivals-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
}
#new-arrivals-bg::after {
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  background-image: url(../images/form_arrow.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.08);
}
#new-arrivals-bg picture {
  display: block;
}
#new-arrivals-bg picture img {
  min-height: 100vh;
  width: 100%;
  opacity: 0.7;
}
/* ↓↓↓★★★★ 編集領域 ショップフッター共通 ★★★★↓↓↓ */
/*==================================
新商品
==================================*/
.shop-commons_mns.top-wrap_mns {
  padding-top: 6em;
}
.common-search-block_mns {
  background: #FFF;
  padding: 4em 0;
}
/* ▼▼▼▼ 新商品 start ▼▼▼▼ */
#new-arrivals_mns {
  background: #ececec;
  width: 90%;
  margin: 0 auto 6em;
  padding: 3em 1em;
  overflow: hidden;
  border-radius: 2em;
  max-width: 1170px;
  position: relative;
}
#new-arrivals_mns .fca_section__header .fca_section__h .main-title_mns {
  color: #000;
}
#new-arrivals_mns .swiper.item-list-carousel_mns .swiper-wrapper li {
  width: 28%;
  margin: 0 1em;
}
.swiper .swiper-button-prev.item-prev, .swiper .swiper-button-next.item-next {
  position: absolute;
  top: 34%;
  width: 2.4em;
}
/* ▼▼ カテゴリ一覧 ▼▼ */
.shop-commons_mns.top-wrap_mns .category-search_mns ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
}
.shop-commons_mns.top-wrap_mns .category-search_mns ul li {
  border: 1px solid var(--theme-color);
  margin: 0 0 -1px -1px;
  width: 25%;
}
.category-search_mns ul li:first-child {
  border-top-left-radius: 1em;
}
.category-search_mns ul li:nth-child(4) {
  border-top-right-radius: 1em;
}
.category-search_mns ul li:nth-last-child(4) {
  border-bottom-left-radius: 1em;
}
.category-search_mns ul li:last-child {
  border-bottom-right-radius: 1em;
}
.shop-commons_mns.top-wrap_mns .category-search_mns ul li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 1.1em 1.5em;
  position: relative;
}
.shop-commons_mns.top-wrap_mns .category-search_mns ul li a::after {
  display: block;
  width: 1.4em;
  height: 100%;
  content: '';
  background-image: url(../images/nav_icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0.9em;
  transition: all 0.2s;
}
.shop-commons_mns.top-wrap_mns .category-search_mns ul li a p {
  margin: 0;
  font-weight: bold;
  transform: scaleX(0.92);
  transform-origin: center;
  font-family: "游ゴシック体 Pr6N B";
}
/* ▼▼ おすすめ特集一覧 ▼▼ */
.shop-commons_mns.top-wrap_mns .topics_mns .topics-list_mns {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 2.0em;
  flex-wrap: wrap;
}
.shop-commons_mns.top-wrap_mns .topics_mns .topics-list_mns a {
  display: block;
  width: 370px;
}
.shop-commons_mns.top-wrap_mns .topics_mns .topics-list_mns a p {
  margin-top: 0.4em;
  text-align: justify;
  word-break: break-all;
  text-justify:inter-character;
  letter-spacing: 0.1em;
}
/*==================================
もっと見るボタン
==================================*/
.more-link_mns {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0.3em;
}
.more-link_mns .btn_mns {
  font-weight: bold;
  font-size: 108%;
  border: 1px solid var(--theme-color);
  letter-spacing: 0.05em;
  color: var(--theme-color);
  border-radius: 3em;
  padding: 0.9em 3em;
  background: #FFF;
  min-width: 15em;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
}
.more-link_mns .btn_mns span {
  letter-spacing: 0.15em;
  transform: scaleX(0.9);
  transform-origin: center;
  font-family: "游ゴシック体 Pr6N B";
}
.more-link_mns .btn_mns::after {
  display: block;
  width: 3em;
  height: 100%;
  content: '';
  background-image: url(../images/link_arrow_pink.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: calc(100% - 1em);
  transition: all 0.2s;
}
@media (hover: hover) {
  .more-link_mns .btn_mns:hover::after {
    transform: translateX(0.3em);
  }
}
/* ↓↓↓★★★★ 編集領域 ショップトップ下部 ★★★★↓↓↓ */
.shop-footer_mns.top-wrap_mns {
  position: relative;
}
.shop-footer_mns.top-wrap_mns::before {
  display: block;
  width: 100%;
  height: calc(100% - 400px);
  content: '';
  background: #E5DFE0;
  position: absolute;
  top: 400px;
  left: 0;
}
/* ▼▼▼▼ カテゴリ 大バナー start ▼▼▼▼ */
.shop-footer_mns.top-wrap_mns .bigbanner_mns .bigbanner-list_mns {
  display: flex;
  justify-content: center;
  align-items: center;
  /* flex-wrap: wrap; */
}
/* ここから */
.shop-footer_mns.top-wrap_mns .bigbanner_mns .bigbanner-list_mns a {
  position: relative;
  width: 50%;
  aspect-ratio: 1;
  overflow: hidden;
  transition: none;
  transform: scale(1);
}
@media (hover: hover) {
  .shop-footer_mns.top-wrap_mns .bigbanner_mns .bigbanner-list_mns a .simpleParallax {
    transition: all 0.3s;
  }
  .shop-footer_mns.top-wrap_mns .bigbanner_mns .bigbanner-list_mns a:hover .simpleParallax {
    transform: scale(1.08);
  }
}
.shop-footer_mns.top-wrap_mns .bigbanner_mns .bigbanner-list_mns a .bigbanner-txt {
  position: absolute;
  top: 5%;
  left: 0;
  width: 100%;
  height: 95%;
  /* display: block; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  color: #FFF;
  text-shadow: 0 0 3em #000;
  text-align: center;
}
.shop-footer_mns.top-wrap_mns .bigbanner_mns .bigbanner-list_mns a .bigbanner-txt .main {
  font-size: 400%;
  line-height: 1.0;
  margin-bottom: 0.3em;
  font-family: "Pistilli Pro";
}
.shop-footer_mns.top-wrap_mns .bigbanner_mns .bigbanner-list_mns a .bigbanner-txt .link {
  font-weight: bold;
  font-size: 108%;
  border: 1px solid #FFF;
  letter-spacing: 0.2em;
  color: #FFF;
  border-radius: 0.5em;
  padding: 0.6em 3em;
  background: rgba(0, 0, 0, 0.15);
  min-width: 15em;
  text-align: center;
  position: relative;
  font-family: "游ゴシック体 Pr6N B";
}
.shop-footer_mns.top-wrap_mns .bigbanner_mns .bigbanner-list_mns a .bigbanner-txt .link span {
  transform: scaleX(0.92);
  transform-origin: center;
  display: inline-block;
}
.bigbanner-list_mns a .bigbanner-txt .link::after {
  display: block;
  width: 3em;
  height: 100%;
  content: '';
  background-image: url(../images/link_arrow_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: calc(100% - 1em);
  transition: all 0.2s;
}
/* ▼▼▼▼ セレクト商品エリア start ▼▼▼▼ */
.shop-footer_mns.top-wrap_mns .select-list_mns {
  max-width: 1170px;
  margin: 5em auto 8em;
  overflow: hidden;
}
.shop-footer_mns.top-wrap_mns .select-list_mns .main-title_mns {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
}
.shop-footer_mns.top-wrap_mns .select-list_mns .main-title_mns img {
  width: 4em;
  margin-right: 0.3em;
}
.shop-footer_mns.top-wrap_mns .select-list_mns .select-list-carousel_mns .swiper-wrapper li {
  width: 17%;
  margin: 0 0.6em;
}
.shop-footer_mns.top-wrap_mns .select-list_mns .select-list-carousel_mns .swiper-wrapper li figure figcaption {
  font-size: 90%;
}
.top-wrap_mns .more-link_mns.black .btn_mns {
  border: 1px solid #000;
  color: #000;
}
.top-wrap_mns .more-link_mns.black .btn_mns::after {
  background-image: url(../images/link_arrow_black.svg);
}
.shop-footer_mns.top-wrap_mns .select-list_mns  .swiper .swiper-button-prev::after {
  background-image: url('../images/slider_prev_black.svg');
}
.shop-footer_mns.top-wrap_mns .select-list_mns  .swiper .swiper-button-next::after {
  background-image: url('../images/slider_next_black.svg');
}
/* ▼▼▼▼ ランキングエリア start ▼▼▼▼ */
.shop-footer_mns.top-wrap_mns .ranking-list_mns {
  max-width: 1170px;
  margin: 5em auto 8em;
  overflow: hidden;
}
.shop-footer_mns.top-wrap_mns .ranking-list_mns .fca_container__in::before {
  display: block;
  width: 50%;
  height: calc(100% - 8em);
  content: '';
  border: 1px solid var(--theme-color);
  border-radius: 2em;
  position: absolute;
  top: 1.9em;
  left: 25%;
}
/* 特集タイトル */
.shop-footer_mns.top-wrap_mns .ranking-list_mns .fca_container__in .fca_section__header {
  width: max-content;
  margin: 0 auto;
  background: #E5DFE0;
  padding: 0 3em;
}
.shop-footer_mns.top-wrap_mns .ranking-list_mns .swiper.ranking-list-carousel_mns {
  background: #E5DFE0;
  position: relative;
  padding: 1em 0;
  margin: 0 0 4em;
  width: 100%;
}
/* 繰り返し start */
.top-wrap_mns .swiper.ranking-list-carousel_mns .swiper-wrapper li {
  /* width: 29%; */
  /* padding: 0 1.7em; */
  transition: all 0.2s;
  /* transform: scale(0.9); */
}
.swiper.ranking-list-carousel_mns .swiper-wrapper li.swiper-slide.swiper-slide-active, .swiper.ranking-list-carousel_mns .swiper-wrapper li.swiper-slide.swiper-slide-duplicate-active {
  transform: scale(1.1);
  /* padding: 0 2em; */
}
.swiper.ranking-list-carousel_mns .swiper-button-prev.item-prev, .swiper.ranking-list-carousel_mns .swiper-button-next.item-next {
  top: 31%;
}
.swiper.ranking-list-carousel_mns .swiper-button-prev.item-prev {
  /*left: 30.2%;*/
}
.swiper.ranking-list-carousel_mns .swiper-button-next.item-next {
  /* right: 30.2%; */
}
.common-footer-block_mns {
  background: #FFF;
  position: relative;
  padding-bottom: 6em;
  margin: 11em 0 0;
}
.common-footer-block_mns::before {
  display: block;
  width: 100%;
  height: 5em;
  content: '';
  background-image: url(../images/foot_head.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  position: absolute;
  bottom: calc(100% - 1px);
  left: 0;
}
/* ▼▼▼▼ mensha!とは start ▼▼▼▼ */
.shop-footer_mns.top-wrap_mns .concept_mns {
  max-width: 1170px;
  margin: 0 auto;
  width: 90%;
  text-align: center;
}
.shop-footer_mns.top-wrap_mns .concept_mns .concept-inner_mns > p {
  font-size: 155%;
  margin: 1.5em 0;
  margin-left: 0.5em;
  transform: scaleX(0.92);
  transform-origin: center;
  /* font-weight: bold; */
  letter-spacing: 0.15em;
  font-family: "游ゴシック体 Pr6N D";
}
/* コンセプトボタン */
.shop-footer_mns.top-wrap_mns .concept_mns .concept-inner_mns .concept-link_mns.more-link_mns {
  cursor: pointer;
}
.shop-footer_mns.top-wrap_mns .concept_mns .concept-inner_mns .concept-link_mns.more-link_mns .btn_mns{
transition: all 0.2s;
  }
.shop-footer_mns.top-wrap_mns .concept_mns .concept-inner_mns .concept-link_mns.more-link_mns .btn_mns::after {
  display: block;
  width: 1.3em;
  height: 100%;
  content: '';
  background-image: url(../images/icon_plus.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: auto;
  right: 1em;
}
@media (hover: hover) {
  .more-link_mns .btn_mns:hover {
    transform: scale(1.04);
  }
  .more-link_mns .btn_mns:hover::after {
    transform:none;
  }
}
.shop-footer_mns.top-wrap_mns .concept_mns .concept-inner_mns .concept-link_mns.more-link_mns.black img {
  margin-top: -0.2em;
  width: 6em;
}
/* ▼▼ コンセプト中身 ▼▼ */
.modal-wrap {
  display: none;
  /* margin-left: calc(-50vw + 400px); */
  /* padding: 30px 0; */
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.2);
}
.modal-box {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-wrap .modal-inner {
  background: #FFF;
  color: #000;
  border: 1px solid #000;
  border-radius: 1em;
  width: 90%;
  max-width: 700px;
  margin: 0 auto;
  padding: 3em 2em 2em;
  position: relative;
  max-height: 90vh;
  /* background: #E5DFE0; */
}
.modal-wrap .modal-inner p {
  font-size: 100%;
  text-align: center;
  line-height: 2;
  font-family: "游ゴシック体 Pr6N M";
}
.modal-wrap .modal-inner p.modal-title {
  font-size: 150%;
  line-height: 1.5;
  margin: 0 0 1em;
  font-weight: bold;
  transform: scaleX(0.92);
  transform-origin: center;
  letter-spacing: 0.15em;
  font-family: "游ゴシック体 Pr6N D";
  color: var(--theme-color);
}
.modal-wrap .modal-inner p .min-txt {
  font-size: 79%;
}
.modal-close-icon {
  display: block;
  width: 1.7em;
  aspect-ratio: 100/100;
  content: '';
  background-image: url(../images/icon_close.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  cursor: pointer;
}
.modal-close-btn {
  background: #000;
  padding: 0.6em 2.4em;
  border-radius: 3em;
  position: relative;
  width: max-content;
  margin: 0 auto;
  cursor: pointer;
  transition: all 0.3s;
}
.modal-close-btn::after {
  display: block;
  width: 3em;
  aspect-ratio: 100/50;
  content: '';
  background-image: url(../images/btn_close.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/* ▼▼ カタログリンク ▼▼ */
.shop-footer_mns.top-wrap_mns .catalog_mns .catalog-inner_mns {
  width: max-content;
  margin: 2em auto 5em;
  position: relative;
}
.shop-footer_mns.top-wrap_mns .catalog_mns .catalog-inner_mns a .catalog-icon {
  background: #78A0B5;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -1em;
  right: -1em;
  width: 3.5em;
  aspect-ratio: 1;
  border-radius: 50%;
  font-family: "Pistilli Pro";
  font-size: 150%;
  padding-left: 0.2em;
  padding-top: 0.1em;
}
.shop-footer_mns.top-wrap_mns .insta-list_mns .fca_container__in .fca_section__header .fca_section__h img {
  width: 0.8em;
}
.shop-footer_mns.top-wrap_mns .insta-list_mns .main-title_mns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3em;
}
.shop-footer_mns.top-wrap_mns .insta-list_mns .fca_container__in .fca_section__body {
  margin-top: 1em;
}
/* Additional required wrapper */
/* ▼▼ インスタ画像 ▼▼ */
.shop-footer_mns.top-wrap_mns .insta-list_mns .insta-wrapper .swiper.insta-list-carousel_mns .swiper-wrapper {
  transition-timing-function: linear;
}
.shop-footer_mns.top-wrap_mns .insta-list_mns .insta-wrapper .swiper.insta-list-carousel_mns .swiper-wrapper li {
  width: 24%;
  margin: 0.4em;
}
.shop-footer_mns.top-wrap_mns .insta-list_mns .insta-wrapper .swiper.insta-list-carousel_mns .swiper-wrapper li img {
  border-radius: inherit;
}
/* ▲▲ インスタ画像 ▲▲ */
/* ▼▼ もっと見るボタン ▼▼ */
.shop-footer_mns.top-wrap_mns .insta-list_mns .more-link_mns.black {
  margin: 2em 0 0;
}
.shop-footer_mns.top-wrap_mns .insta-list_mns .more-link_mns.black .btn_mns:after {
  display: none;
}
.shop-footer_mns.top-wrap_mns .insta-list_mns .more-link_mns.black .btn_mns img {
  width: 1.5em;
  margin: 0 -1em 0 0.5em;
}
/*==================================
ランキング
==================================*/
/* ランキング連番 */
.ranking-list-carousel_mns ul.swiper-wrapper {}
.ranking-list-carousel_mns ul.swiper-wrapper::before {
  content: "1234567890";
  opacity: 0;
  font-family: "Pistilli Pro";
  width: 0;
  height: 0;
  font-size: 0;
}
.ranking-list-carousel_mns ul.swiper-wrapper > li::before {
  /*content: attr(data-rank);*/
  font-size: 2.5em;
  position: absolute;
  top: -.3em;
  left: .1em;
  display: flex;
  width: 1.6em;
  height: 1.6em;
  justify-content: center;
  align-items: center;
  /* padding-top: 0.65em; */
  /* border-radius: 50%; */
  padding-left: 0.13em;
  color: #fff;
  font-family: "Pistilli Pro";
  line-height: 1;
  z-index: 1;
  background-image: url(../images/ranking_icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
body.is-win .ranking-list-carousel_mns ul.swiper-wrapper > li::before {
  align-items: flex-start;
  padding-top: 0.2em;
}
.ranking-list-carousel_mns ul.swiper-wrapper > li[data-swiper-slide-index="0"]::before {
  content: "1";
}
.ranking-list-carousel_mns ul.swiper-wrapper > li[data-swiper-slide-index="1"]::before {
  content: "2";
}
.ranking-list-carousel_mns ul.swiper-wrapper > li[data-swiper-slide-index="2"]::before {
  content: "3";
}
.ranking-list-carousel_mns ul.swiper-wrapper > li[data-swiper-slide-index="3"]::before {
  content: "4";
}
.ranking-list-carousel_mns ul.swiper-wrapper > li[data-swiper-slide-index="4"]::before {
  content: "5";
}
.ranking-list-carousel_mns ul.swiper-wrapper > li[data-swiper-slide-index="5"]::before {
  content: "6";
}
.ranking-list-carousel_mns ul.swiper-wrapper > li[data-swiper-slide-index="6"]::before {
  content: "7";
}
.ranking-list-carousel_mns ul.swiper-wrapper > li[data-swiper-slide-index="7"]::before {
  content: "8";
}
.ranking-list-carousel_mns ul.swiper-wrapper > li[data-swiper-slide-index="8"]::before {
  content: "9";
}
.ranking-list-carousel_mns ul.swiper-wrapper > li[data-swiper-slide-index="9"]::before {
  content: "10";
}
/*==================================
SPでswiperを破棄して
scrollingに変更
==================================*/
@media (max-width: 768px) {
  .carousel-sp-switch_mns .swiper-wrapper {
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    width: 100%;
  }
  /*PCのときは除外*/
  .is-pc .carousel-sp-switch_mns .swiper-wrapper {
    overflow-x: inherit;
  }
  .carousel-sp-switch_mns .swiper-slide {
    flex: 0 0 auto;
    width: 80%;
  }
  /* スクロールバー非表示 */
  .carousel-sp-switch_mns.swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
}
/*==================================
1170px以下
==================================*/
@media screen and (max-width: 1170px) {
  .top-wrap_mns {
    font-size: 1.75vw;
  }
}
/*==================================
SP（768px以下）
==================================*/
@media screen and (max-width: 768px) {
  /*==================================
共通
==================================*/
  .top-wrap_mns {
    font-size: 3.3vw;
  }
  /*==================================
FFN トップリニューアルエリア共通
==================================*/
  .top-wrap_mns .swiper .swiper-pagination-wrap {
    font-size: 85%;
  }
  /*==================================
見出し
==================================*/
  .top-wrap_mns .fca_section__header .fca_section__h {
    font-size: 335%;
  }
  /*==================================
メインカルーセル
==================================*/
  .top-wrap_mns .top-main_mns {
    min-height: 110vw;
  }
  .top-wrap_mns .top-carousel_mns .swiper-wrapper .swiper-slide {
    min-width: fit-content;
    width: 100%;
  }
  /* ▼▼ スクロールアイコン ▼▼ */
  .scroll-wrap_mns {
    top: 92vw;
    left: 2vw;
  }
  #news-wrap .news-inner {
    max-width: 86%;
  }
  #new-arrivals-bg picture img {
    min-height: 107vh;
  }
  /* ↓↓↓★★★★ 編集領域 ショップフッター共通 ★★★★↓↓↓ */
  /*==================================
新商品
==================================*/
  .shop-commons_mns.top-wrap_mns {
    margin-top: 5em;
  }
  .common-search-block_mns {
    padding: 4em 0;
  }
  /* ▼▼▼▼ 新商品 start ▼▼▼▼ */
  #new-arrivals_mns {
    width: 95%;
    margin: 0 0 5em 5%;
    border-radius: 2em 0 0 2em;
    padding: 3em 0;
  }
  #new-arrivals_mns .swiper.item-list-carousel_mns .swiper-wrapper li {
    width: 37%;
    margin: 0 0.6em;
  }
  #new-arrivals_mns .swiper.item-list-carousel_mns .swiper-wrapper li:nth-child(1) {
    margin-left: 2em;
  }
  #new-arrivals_mns .swiper.item-list-carousel_mns .swiper-wrapper li:last-child {
    margin-right: 2em
  }
  .swiper .swiper-button-prev.item-prev, .swiper .swiper-button-next.item-next {
    display: none;
  }
  /* ▼▼ カテゴリ一覧 ▼▼ */
  .shop-commons_mns.top-wrap_mns .category-search_mns ul li {
    width: 50%;
  }
  .category-search_mns ul li:nth-child(4), .category-search_mns ul li:nth-last-child(4) {
    border-radius: 0;
  }
  .category-search_mns ul li:nth-child(2) {
    border-top-right-radius: 1em;
  }
  .category-search_mns ul li:nth-last-child(2) {
    border-bottom-left-radius: 1em;
  }
  /* ▼▼▼▼ おすすめ特集 start ▼▼▼▼ */
  .shop-commons_mns.top-wrap_mns .topics_mns .topics-list_mns {
    width: 92%;
    margin: 0 auto;
    gap: 1em 4%;
    justify-content: flex-start;
  }
  /* ここから */
  .shop-commons_mns.top-wrap_mns .topics_mns .topics-list_mns a {
    width: 48%;
  }
  .shop-commons_mns.top-wrap_mns .topics_mns .topics-list_mns a p {
    font-size: 74%;
  }
  /*==================================
もっと見るボタン
==================================*/
  .more-link_mns .btn_mns::after {
    left: calc(100% - 1.8em);
  }
  /* ↓↓↓★★★★ 編集領域 ショップトップ下部 ★★★★↓↓↓ */
  .shop-footer_mns.top-wrap_mns {}
  .shop-footer_mns.top-wrap_mns::before {}
  /* ▼▼▼▼ カテゴリ 大バナー start ▼▼▼▼ */
  .shop-footer_mns.top-wrap_mns .bigbanner_mns .bigbanner-list_mns {
    flex-wrap: wrap;
  }
  .shop-footer_mns.top-wrap_mns .bigbanner_mns .bigbanner-list_mns a {
    width: 100%;
  }
  /* ▼▼▼▼ セレクト商品エリア start ▼▼▼▼ */
  .shop-footer_mns.top-wrap_mns .select-list_mns {
    margin: 5em auto 6em;
  }
  .shop-footer_mns.top-wrap_mns .select-list_mns .select-list-carousel_mns {
    margin-bottom: 1em;
  }
  .shop-footer_mns.top-wrap_mns .select-list_mns .select-list-carousel_mns .swiper-wrapper li {
    width: 27%;
    margin: 0 0.4em;
  }
  .shop-footer_mns.top-wrap_mns .select-list_mns .select-list-carousel_mns .swiper-wrapper li:nth-child(1) {
    margin-left: 2em;
  }
  .shop-footer_mns.top-wrap_mns .select-list_mns .select-list-carousel_mns .swiper-wrapper li:last-child {
    margin-right: 2em
  }
  .shop-footer_mns.top-wrap_mns .ranking-list_mns {
    margin: 3em auto 8em;
  }
  .shop-footer_mns.top-wrap_mns .ranking-list_mns .fca_container__in::before {
    width: 80%;
    left: 10%;
  }
  .shop-footer_mns.top-wrap_mns .ranking-list_mns .fca_container__in .fca_section__header {
    padding: 0 1.5em;
  }
  .shop-footer_mns.top-wrap_mns .ranking-list_mns .swiper.ranking-list-carousel_mns {
    width: 100vw;
  }
  .shop-footer_mns.top-wrap_mns .ranking-list_mns .swiper.ranking-list-carousel_mns .swiper-wrapper {
    width: 100vw;
  }
  .top-wrap_mns .swiper.ranking-list-carousel_mns .swiper-wrapper li {
    width: 39%;
  }
  .common-footer-block_mns::before {
    height: 13vw;
  }
  /* ▼▼▼▼ mensha!とは start ▼▼▼▼ */
  .shop-footer_mns.top-wrap_mns .concept_mns {
    margin-bottom: 6em;
  }
  .shop-footer_mns.top-wrap_mns .concept_mns .concept-inner_mns img {
    width: 24vw;
  }
  .shop-footer_mns.top-wrap_mns .concept_mns .concept-inner_mns .concept-link_mns.more-link_mns.black img {
    width: 6em;
  }
  .modal-wrap .modal-inner p {
    font-size: 96%;
    letter-spacing: 0.05em;
  }
  .shop-footer_mns.top-wrap_mns .catalog_mns .catalog-inner_mns {
    width: 70%;
  }
  /* ▼▼ インスタ画像 ▼▼ */
  .shop-footer_mns.top-wrap_mns .insta-list_mns .insta-wrapper .swiper.insta-list-carousel_mns .swiper-wrapper li {
    width: 30%;
  }
  /*==================================
ランキング
==================================*/
  .ranking-list-carousel_mns ul.swiper-wrapper > li::before {
    left: 0.1em;
    font-si