@charset "UTF-8";
/* -------------------------------------------
  utilities
------------------------------------------- */
/* background color */
.mc-bgc__base {
  background-color: #F1E9DC;
}
.mc-bgc__sub {
  background-color: #FFFBF5;
}
.mc-bgc__main {
  background-color: #A72038;
}
.mc-bgc__black {
  background-color: #313131;
}
.mc-bgc__white {
  background-color: #ffffff;
}

/* font color */
.mc-fc__main {
  color: #A72038;
}
.mc-fc__black {
  color: #313131;
}
.mc-fc__white {
  color: #ffffff;
}

/* -------------------------------------------
  system add style
------------------------------------------- */
/* -- background color -------------------- */
/* Buyer's Recommend */
.l-block[data-value="MOD_JP_00016"],.l-block[data-value="MOD_JP_00016"] [class*="__arrow"]:not(:root){
  background-color: #FFFBF5;
}
/* Ranking */
.l-block[data-value="MOD_JP_00078"]{
  background-color: #FFFBF5;
}
/* Hot Topics */
.l-block[data-value="MOD_JP_00070"]{
  background-color: #F1E9DC;
}
/* CLOSE UP */
.l-block[data-value="MOD_JP_00080"],
.l-block[data-value="MOD_JP_00080"] [class*="__arrow"]:not(:root){
  background-color: #FFFBF5;
}


/* l-block の余白調整 */
.l-block:not([class*="bgc__"]) + .l-block[class*="bgc__"],
.l-block[class*="bgc__"] + .l-block:not([class*="bgc__"]){
  padding-top: 30px;
}

.l-block[class*="bgc__"] + .l-block[class*="bgc__"],
.l-block[class*="bgc__"] + .l-block[class*="bgc__"] {
  padding-top: 30px;
}

/* -------------------------------------------
  component
------------------------------------------- */
/* -- title ------------------------------- */
.p-title {
  text-align: center;
  color: #A72038;
  position: relative;
  line-height: 1.6;
}
.p-title span {
  position: relative;
  z-index: 2;
}
.p-title .-main {
  font-size: clamp(20px , 5.3vw , 32px);
  padding: 0 15px;
  display: inline-block;
  width: fit-content;
}
.p-title .-sub {
  font-size: clamp(16px , 4.3vw , 24px);
  margin-left: -6px;
}
.p-title::before {
  content: "";
  width: 100%;
  max-width: 1200px;
  height: 2px;
  background-color: #887D3B;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .p-title {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
}

/* -- copy ------------------------------- */
.p-leadcopy{
  font-size: 18px;
  margin-top: 10px;
}


/* -- multiSlider ----------------------------- */
.mc-multiSlider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.mc-multiSlider__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.mc-multiSlider__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}

.js-multiSlider {
  visibility: hidden;
  opacity: 0;
}

.js-multiSlider.is-load {
  visibility: visible;
  opacity: 1;
}

.mc-multiSlider__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.mc-multiSlider__pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  background-color: #dedede;
  margin: 4px;
  -webkit-transition: background-color ease 0.3s;
  transition: background-color ease 0.3s;
}
.mc-multiSlider__pagination .swiper-pagination-bullet-active {
  background-color: #333;
}
.mc-multiSlider__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 32px;
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
}
.mc-multiSlider__button > img {
  width: auto;
  height: 32px;
}
.mc-multiSlider__button[aria-disabled="true"] {
  opacity: 0.2;
}
.mc-multiSlider__button[aria-disabled="false"] {
  cursor: pointer;
}

.p-container {
  margin-bottom: 30px;
}
.c-text.p-leadcopy {
  font-size: 18px;
  text-align: center;
  margin-top: 20px;
}
.p-itemCard__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
}
.p-itemCard__figure {
  border: 1px solid #b5b5b5;
  border-radius: 4px;
}
.p-itemCard__copy {
  text-align: center;
  font-size: clamp(12px , 3.2vw , 16px);
}
.p-contentSwiper {
  width: 1200px;
  width: 100%;
  margin: 0 auto;
}
.p-contentSwiper__foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}
.p-contentSwiper + * {
  margin-top: 30px;
}