@charset "UTF-8";
/*
Theme Name: sessyuu-gama
Description: CUBIC Template
Author: kashimura co.ltd..
*/
.in {
  max-width: 1000px;
}

.mob {
  display: none !important;
}

.btn {
  max-width: 240px;
}

/* ==========
index.php
========== */
.fv_copy .in {
  max-width: none;
}

.news .in {
  max-width: 800px;
}

.news_list .news_title {
  margin-left: 2.2857142857em;
}

.artist_experience .in {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3%;
}

.product_swiper .in {
  width: 100%;
}
.product_swiper .swiper_button_wrap {
  width: 110%;
  margin-left: -5%;
  aspect-ratio: 1100/180;
}

@media screen and (max-width: 1200px) {
  .product_swiper .swiper_button_wrap {
    width: 105%;
    margin-left: -2.5%;
    aspect-ratio: 1005/180;
  }
  .product_swiper .swiper-button-next,
  .product_swiper .swiper-button-prev {
    width: 18px;
    height: 18px;
  }
}
/* ==========
商品一覧
========== */
/* ==========
商品詳細
========== */
.swiper-pagination.thumbnails {
  gap: 20px;
  margin-top: 20px;
}

.thumbnail {
  cursor: pointer;
}

.thumbnail img {
  width: 75px;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
}

.ppd_wrap {
  display: flex;
  justify-content: space-between;
}
.ppd_wrap .left {
  width: 60%;
}
.ppd_wrap .right {
  width: 32%;
}
.ppd_wrap .furusato_nozei .in {
  width: 86.6666666667%;
}
.ppd_wrap .furusato_nozei .btn_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ppd_wrap .furusato_nozei .btn {
  width: 46.1538461538%;
}

.product_text_wrap .in {
  width: 75%;
}

/* ==========
お問合せ
========== */
.contact_btnlist_wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10%;
}

/*お問合せフォーム*/
.contact_table th {
  white-space: nowrap;
  text-align: right;
  padding-right: 20px;
}

/* ==========
雪舟焼とは
========== */
.flex {
  display: flex;
  justify-content: space-between;
}
.flex + .flex {
  margin-top: 50px;
}
.flex + .flex.mt-100 {
  margin-top: 100px;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex_item {
  width: 47%;
}
.flex_item.width46 {
  width: 46%;
}
.flex_item.width46.add40px {
  width: calc(46% + 40px);
  margin-right: -40px;
}
.flex_item.width45 {
  width: 45.4545454545%;
}
.flex_item.width30 {
  width: 30%;
}/*# sourceMappingURL=style_pc.css.map */