@charset "UTF-8";
/*
Theme Name: sessyuu-gama
Description: CUBIC Template
Author: kashimura co.ltd..
*/
body {
  font-size: clamp(0.875rem, 0.438rem + 2.19vw, 1.531rem);
}

.pc {
  display: none !important;
}

body:not(.home) main {
  margin-top: calc(15vw + 40px);
}

.pagination {
  margin-top: 6.2857142857em;
}

/* ==========
header
========== */
.header_logo {
  height: 15vw;
}

header {
  position: relative;
}

/* メニュー背景　*/
nav.globalMenuSp {
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  color: #fff;
  background: rgba(71, 70, 73, 0.9);
  text-align: center;
  width: 100%;
  height: 100svh;
  transform: translateX(100%);
  transition: all 0.6s;
}

nav.globalMenuSp ul {
  margin: calc(20vw + 40px) 0 auto;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: 0.4s all;
}

nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}

nav.globalMenuSp ul li:hover {
  background: #ddd;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #fff;
  padding: 1em 0;
  text-decoration: none;
}

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
  opacity: 100;
  display: block;
  transform: translateX(0%);
}

nav.globalMenuSp .sns_logo img {
  width: 2em;
}

/* ==========
footer
========== */
.footer_logo {
  width: 31.6666666667%;
}

/* ==========
index.php
========== */
.page_heading_container {
  margin-bottom: 5.306122449em;
}

.top_heading::after {
  background: linear-gradient(90deg, rgb(20, 98, 128) 0%, rgb(72, 158, 181) 60%, rgb(73, 197, 181) 90%);
}

.btn {
  width: 58.3333333333%;
  padding: 1.2448979592em 0;
}
.btn::after {
  top: 50%;
  right: 8%;
  transform: translateY(-50%) skewX(45deg);
  width: 0.9583em;
  height: 4px;
}
.btn:hover::after {
  right: 6%;
}

.first_view .swiper {
  aspect-ratio: 800/1400;
}

.fv_copy {
  font-size: 3vw;
}
.fv_copy .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}

.herosScroll,
.herosScroll a {
  font-size: 0.875em;
  width: 0.875em;
}

.herosScroll {
  height: 11em;
}

.herosScroll:before {
  height: 7.2916666667em;
}

.herosScroll:after {
  bottom: 7.2916666667em;
}

@keyframes scrollBar {
  0% {
    bottom: 7.2916666667em;
    height: 0;
  }
  5% {
    bottom: 3.4375em;
    height: 3.8541666667em;
  }
  100% {
    bottom: -3.8541666667em;
    height: 3.8541666667em;
  }
}
.news_list li a span {
  display: block;
}

.page_heading_container .link_block,
.about_sessyu .link_block {
  aspect-ratio: 800/600;
}

.artist_experience .link_block + .link_block {
  margin-top: 2.8571428571em;
}

@media screen and (max-width: 599px) {
  .swiper_button_wrap {
    aspect-ratio: 720/520;
  }
  .swiper_button_wrap .swiper-button-prev {
    left: -2%;
  }
  .swiper_button_wrap .swiper-button-next {
    right: -2%;
  }
}
/* ==========
商品一覧
========== */
.products_copy_lead {
  margin: 0 0 5.8367346939em;
}

.products_list {
  -moz-column-gap: 6.25%;
       column-gap: 6.25%;
  row-gap: 4.6em;
}

/* ==========
商品詳細
========== */
.product_post_images .in {
  width: 80%;
}
.product_post_images .swiper-pagination {
  -moz-column-gap: 5vw;
       column-gap: 5vw;
  justify-content: center;
  margin-top: 5vw;
}
.product_post_images .swiper-pagination-bullet {
  width: 1.875vw;
  height: 1.875vw;
  background-color: #969696;
}
.product_post_images .swiper-pagination-bullet-active {
  background-color: #4d4d4d;
}

.ppi_swiper .swiper {
  aspect-ratio: 640/480;
}
.ppi_swiper .swiper-button-prev {
  left: -7%;
}
.ppi_swiper .swiper-button-next {
  right: -7%;
}

.swiper-button-next,
.swiper-button-prev {
  width: 3.28125vw;
  height: 3.28125vw;
}

.product_post_detail {
  margin-top: 4.3673469388em;
}

.furusato_nozei {
  padding: 1.2244897959em 0 2.4489795918em;
}
.furusato_nozei .btn_wrap {
  margin-top: 1.7142857143em;
}
.furusato_nozei .btn + .btn {
  margin-top: 1.6326530612em;
}

.product_text_wrap {
  margin-top: 4.0816326531em;
}
.product_text_wrap .in {
  padding: 1.8775510204em 0;
}

.post_navigation {
  margin-top: 4.0816326531em;
}
.post_navigation .nav_previous,
.post_navigation .nav_next {
  width: 3.4285714286em;
}
.post_navigation .nav_previous a,
.post_navigation .nav_next a {
  width: 1.1428571429em;
  height: 1.1428571429em;
}

/* ==========
お問合せ
========== */
.contact_btnlist_wrap a + a {
  margin-top: 3em;
}

.contact_btnlistimg {
  font-size: 25vw;
}

/*お問合せフォーム*/
.contact_table {
  margin-bottom: 30px;
}
.contact_table tr,
.contact_table th,
.contact_table td {
  display: block;
  width: 100%;
  text-align: left;
}
.contact_table tr {
  border-bottom: 1px solid #000;
  padding: 10px 0;
}
.contact_table th {
  margin-bottom: 5px;
}
.contact_table input[name=com_field01],
.contact_table input[name=com_field02] {
  width: 100%;
}

.post_pub_yeartable tr {
  border: none;
  padding: 0;
}
.post_pub_yeartable td {
  display: inline-block;
  width: auto;
  padding: 5px;
}
.post_pub_yeartable td input {
  width: 21vw;
  min-width: 4em;
  max-width: 14em;
  margin-right: 6px;
}

/* ==========
雪舟焼とは
========== */
.mt-100 {
  margin-top: 4.0816326531em;
}

.mb-100 {
  margin-bottom: 4.0816326531em;
}

.padding-tb100 {
  padding: 6.1224489796em 0;
}

.flex:has(.box) {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 3.2653061224em;
}

.pottery-experience_container h3.artist_name,
.about_container h3.artist_name {
  margin-top: 1.3265306122em;
}

#about .flex_item + .flex_item {
  margin-top: 3.6734693878em;
}

.feature + .feature {
  margin-top: 3.6734693878em;
}

#artist-detail .flex_item + .flex_item {
  margin-top: 3.2653061224em;
}

#artist-info .flex + .flex {
  margin-top: 4.0816326531em;
}

/* ==========
陶芸体験
========== */
#pottery-experience h2 {
  font-size: 2em;
  line-height: 2;
  letter-spacing: 0.05em;
}
#pottery-experience .btn_wrap {
  margin-top: 4.0816326531em;
  margin-bottom: 4.0816326531em;
}

.pe_swiper .swiper {
  aspect-ratio: 800/600;
}/*# sourceMappingURL=style_mob.css.map */