@charset "utf-8";
/* ------------------------------
   Swiper コンテナ
------------------------------ */
.swiperCont {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}
.swiperCont .swiper {
  width: 100%;
}
.swiperCont .swiper-wrapper {
  padding: 0;
}
.swiperCont .swiper-slide {
  width: 100%;
  box-sizing: border-box;
}
/* ------------------------------
   Swiper ナビゲーション（矢印）
------------------------------ */
.slideItem .swiper-button-prev, .slideItem .swiper-button-next, .swiperCont .swiper-button-next, .swiperCont .swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #242424;
  background: none;
  opacity: 0.7;
  padding: 30px;
}
.slideItem .swiper-button-prev::after, .slideItem .swiper-button-next::after, .swiperCont .swiper-button-prev::after, .swiperCont .swiper-button-next::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 2em;
  position: absolute;
}
.slideItem .swiper-button-prev::after, .swiperCont .swiper-button-prev::after {
  content: "\f104";
  left: -1.5em;
}
.slideItem .swiper-button-next::after, .swiperCont .swiper-button-next::after {
  content: "\f105";
  right: -1.5em;
}
/* ------------------------------
   Swiper ページネーション
------------------------------ */
.swiperCont .yamato-swiper-pagination, .yamato-swiper-pagination01, .yamato-swiper-pagination02, .yamato-swiper-pagination03, .yamato-swiper-pagination04 {
  text-align: center;
  padding-top: 15px;
}
.swiperCont .yamato-swiper-pagination .swiper-pagination-bullet, .yamato-swiper-pagination01 .swiper-pagination-bullet {
  width: 40px;
  height: 4px;
  border-radius: 2px;
  background: #EBEBEB;
  opacity: 1;
  margin: 0 4px;
}
.swiper-pagination-bullet-active {
  background-color: #7C7C7C !important;
}
.yamato-swiper-pagination01 .swiper-pagination-bullet-active {
  background-color: #7C7C7C;
  opacity: 1;
}
.yamato-swiper-pagination02 .swiper-pagination-bullet, .yamato-swiper-pagination03 .swiper-pagination-bullet, .yamato-swiper-pagination04 .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-size, 8px);
  height: var(--swiper-pagination-bullet-size, 8px);
  border-radius: 20px;
  background: #C9B59F !important;
}
.yamato-swiper-pagination02 .swiper-pagination-bullet-active, .yamato-swiper-pagination03 .swiper-pagination-bullet-active, .yamato-swiper-pagination04 .swiper-pagination-bullet-active {
  background-color: #735A63 !important;
  opacity: 1;
}
/* ------------------------------
   slideItem 内のSwiper調整
------------------------------ */
.slideItem .swiper-wrapper {
  display: flex !important;
  align-items: stretch !important;
}
.slideItem .swiper-slide {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
}
.slideItem .soldout {
  font-weight: normal;
}
.slideItem .swiper-wrapper-area {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.slideItem .swiper-pagination {
  position: unset;
}
.slideItem .swiper-pagination-bullet-active {
  background: #777;
}
.slideItem .glbPlist ul li.price .special, .slideItem .glbPlist p {
  color: #242424 !important;
}
.slideItem .glbPlist ul li.price p {
  text-align: left;
}
/* ------------------------------
   レスポンシブ Swiper 矢印
------------------------------ */
@media (min-width:1025px) {
  .slideItem .swiper-button-prev {
    left: -1em;
    top: 45%;
  }
  .slideItem .swiper-button-next {
    right: -1em;
    top: 45%;
  }
}
@media (max-width:440px) {
  .slideItem .swiper-button-prev {
    left: 5%;
    top: 35%;
    color: ##000000;
    opacity: 0.6;
  }
  .slideItem .swiper-button-next {
    right: 5%;
    top: 35%;
    color: ##000000;
    opacity: 0.6;
  }
  .slideItem .swiper-button-prev::after {
    content: "\f137";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
  }
  .slideItem .swiper-button-next::after {
    content: "\f138";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
  }
}
@media (max-width:1024px) and (min-width:441px) {
  .slideItem .swiper-button-prev {
    left: 5%;
    top: 50%;
    color: ##000000;
    opacity: 0.6;
  }
  .slideItem .swiper-button-next {
    right: 5%;
    top: 50%;
    color: ##000000;
    opacity: 0.6;
  }
  .slideItem .swiper-button-prev::after {
    content: "\f137";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
  }
  .slideItem .swiper-button-next::after {
    content: "\f138";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
  }
}
.tsukuribeLayout #dvProductDetailArea {
  overflow: hidden;
}
.tsukuribeLayout #dvProductDetailArea #detailImage {
  width: 100% !important;
}
.tsukuribeLayout #dvProductDetailArea #detailImage .mainImage #zoomPicture {
  width: 100%;
  height: auto;
}
.tsukuribeLayout #dvProductDetailArea #detailImage ul.subImage {
  width: 100% !important;
}
.tsukuribeLayout #dvProductDetailArea #detailImage .wrapDetailImage .unit {
  margin: 0 !important;
}
.tsukuribeLayout #dvProductDetailArea #detailImage ul.subImage {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.5rem;
  padding-right: 0;
  margin: 0;
}
.tsukuribeLayout #dvProductDetailArea #detailImage #nextPicture, .tsukuribeLayout #dvProductDetailArea #detailImage #prevPicture {
  z-index: 9999999999;
  top: 35%;
  height: 2pc;
}
.tsukuribeLayout #dvProductDetailArea #detailImage ul.subImage li, .tsukuribeLayout #dvProductDetailArea #detailImage ul.variationImage li {
  margin-left: 0 !important;
  margin-top: 0 !important;
  width: 100% !important;
  height: auto;
}
.tsukuribeLayout #dvProductDetailArea #detailImage .mainImage {
  margin-bottom: 2pc;
}
.zoomContainer {
  overflow: hidden;
}
.tsukuribeLayout #coordinateWrap {
  overflow: hidden;
}
.tsukuribeLayout #coordinateWrap .slick-prev {
  left: 7%;
}
.tsukuribeLayout #coordinateWrap .slick-next {
  right: 7%;
}
.tsukuribeLayout .product .name {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 0.5em 0;
}
@media only screen and (min-width:1025px) {
  .tsukuribeLayout .aboutImgWrap div:nth-child(2) {
    margin-top: 25%;
  }
  .tsukuribeLayout .aboutImgWrap div:nth-child(2n+3) {
    margin-top: -25%;
  }
  .tsukuribeLayout .introduction > div {
    width: calc((100% - 2rem) / 2);
  }
  .tsukuribeLayout .interviewWrap .title {
    grid-column: 1 / -1;
  }
  .tsukuribeLayout .interviewWrap .img {
    align-self: start;
  }
  .tsukuribeLayout .interviewWrap .titleRight {
    grid-column: 2 / 3;
  }
  .tsukuribeLayout .product .mainBlock, .tsukuribeLayout .product .mainBlock .mainImg {
    grid-column: 1 / -1
  }
  .tsukuribeLayout .product .mainBlock .name, .tsukuribeLayout .product .mainBlock .text, .tsukuribeLayout .product .mainBlock .price {
    grid-column: 2 / 3;
  }
  .tsukuribeLayout .itemBlock {
    grid-template-rows: auto auto 1fr auto;
  }
}
@media screen and (min-width: 441px) and (max-width:1024px) {
  .tsukuribeLayout .introduction > div {
    width: 100%;
  }
}
@media only screen and (max-width:440px) {
  .tsukuribeLayout .cnt_layout1 {
    padding: 0 5%;
  }
  .tsukuribeLayout .introduction > div {
    width: 100%;
  }
}