@charset "UTF-8";

.p-andshimajiro-sec--products {
  margin-top: 0;
  z-index: 2;
}

.p-andshimajiro-layout__main {
  background: var(--andshimajiro-menu-bg, #fff7e0);
}

.p-andshimajiro-products {
  padding: 3rem 2rem 8rem;
  gap: 3rem !important;
}

.p-andshimajiro-sec--products::before {
  background: var(--andshimajiro-menu-bg, #fff7e0);
}

.p-andshimajiro-products__panel-title2 {
  color: var(--ver3-K, #353e42);
  font-family: "Zen Kaku Gothic New";
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  /* 3.52rem */
  letter-spacing: 0.22rem;
  margin: 0;
}

.p-andshimajiro-products__panel-title3 {
  color: var(--ver3-K, #353e42);
  font-family: "Zen Kaku Gothic New";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 200%;
  /* 3.2rem */
  letter-spacing: 0.096rem;
}

.p-andshimajiro-header {
  margin-bottom: 2rem;
}

.p-andshimajiro-products__head {
  width: 100%;
  align-items: flex-start;
  max-width: 34rem;
}

/* 単一画像表示用（スライダーなし） */

.p-andshimajiro-products__panels--single .p-andshimajiro-products__panel {
  margin: 0 auto;
  width: 100%;
}

/* スライダー画像のボーダー解除 */

.p-andshimajiro-products__panel-img-el {
  border: none;
  border-width: 0;
  border-color: transparent;
  border-image: none;
}

.p-andshimajiro-products__sub-row.slick-initialized .slick-slide {
  padding: 0 1.5rem !important;
  box-sizing: border-box;
}

.p-andshimajiro-products__panel-body {
  padding: 0;
}

.slick-prev,
.slick-next {
  width: 5rem !important;
  height: 5rem !important;
  z-index: 30;
}

.slick-prev {
  left: -2.5rem !important;
}

.slick-next {
  right: -2.5rem !important;
}

.slick-prev:before,
.slick-next:before {
  opacity: 1 !important;
  font-size: 5rem !important;
}

.slick-prev:before {
  content: "";
  display: block;
  width: 5rem !important;
  height: 5rem !important;
  background-image: url("../img/arrow_prev.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: inherit !important;
}

.slick-next:before {
  content: "";
  display: block;
  width: 5rem !important;
  height: 5rem !important;
  background-image: url("../img/arrow_next.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: inherit !important;
}

.p-andshimajiro-products__panel-linkBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
}

/* Figma node 40015613:6721 ボタン（白・テキスト・青丸アイコン） */

.p-andshimajiro-products__panel-linkBtn {
  display: flex;
  width: 100%;
  height: 6rem;
  padding: 0 2.6rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border-radius: 3rem;
  background: var(--W, #fff);
  box-shadow: 0 0.5px 0.5px 0 rgba(85, 61, 53, 0.2);
  text-decoration: none;
}

.p-andshimajiro-products__panel-linkBtn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  flex-shrink: 0;
  border-radius: 2rem;
  background: var(--ver3-main, #47BFFF);
}

.p-andshimajiro-products__panel-linkBtn2 {
  display: flex;
  height: 4rem;
  padding: 0 1.6rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border-radius: 3rem;
  background: var(--ver3-K2, #737d82);
  /* b */
  box-shadow: 0 0.5px 0.5px 0 rgba(85, 61, 53, 0.2);
}

.p-andshimajiro-products__panel-linkBtn .span1,
.p-andshimajiro-products__panel-linkBtn-text {
  color: var(--ver3-K, #353e42);
  leading-trim: both;
  text-edge: cap;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.084rem;
}

.p-andshimajiro-products__panel-linkBtn2 .span2 {
  color: var(--W, #fff);
  leading-trim: both;
  text-edge: cap;
  font-family: "Zen Kaku Gothic New";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 1.4rem */
  letter-spacing: 0.084rem;
}

.p-andshimajiro-products--detail-sns .p-andshimajiro-products__detail-body,
.p-andshimajiro-products--detail-ishii .p-andshimajiro-products__detail-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
  width: 100%;
  max-width: 34rem;
  margin: 0 auto;
}

.p-andshimajiro-products--detail-sns .p-andshimajiro-products__detail-head,
.p-andshimajiro-products--detail-ishii .p-andshimajiro-products__detail-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.6rem;
  width: 100%;
}

.p-andshimajiro-products--detail-sns .p-andshimajiro-products__panel-meta,
.p-andshimajiro-products--detail-ishii .p-andshimajiro-products__panel-meta {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.p-andshimajiro-products--detail-sns .p-andshimajiro-products__badge,
.p-andshimajiro-products--detail-ishii .p-andshimajiro-products__badge {
  height: 2.6rem;
  padding: 0.7rem 1rem 0.6rem;
  font-size: 1.4rem;
  border-radius: 2.1rem;
  color: var(--white, #FFF);
  background: var(--andshimajiro-accent, #E86157);
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1;
}

.p-andshimajiro-products--detail-sns .p-andshimajiro-products__date,
.p-andshimajiro-products--detail-ishii .p-andshimajiro-products__date {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.6rem;
  opacity: 1;
  font-size: inherit;
  letter-spacing: inherit;
}

.p-andshimajiro-products--detail-sns .p-andshimajiro-products__date-inner,
.p-andshimajiro-products--detail-ishii .p-andshimajiro-products__date-inner {
  display: inline-flex;
  align-items: baseline;
}

.p-andshimajiro-products--detail-sns .p-andshimajiro-products__date-main,
.p-andshimajiro-products--detail-ishii .p-andshimajiro-products__date-main {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.144rem;
  color: var(--ver3-K, #353e42);
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
}

.p-andshimajiro-products--detail-sns .p-andshimajiro-products__date-sub,
.p-andshimajiro-products--detail-ishii .p-andshimajiro-products__date-sub {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.096rem;
  color: var(--ver3-K, #353e42);
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  margin-left: 0.2em;
}

.p-andshimajiro-products--detail-sns .p-andshimajiro-products__date-sep,
.p-andshimajiro-products--detail-ishii .p-andshimajiro-products__date-sep {
  font-size: 1.6rem;
  color: var(--ver3-K, #353e42);
}

.p-andshimajiro-products--detail-sns .p-andshimajiro-products__panel-title2,
.p-andshimajiro-products--detail-ishii .p-andshimajiro-products__panel-title2 {
  margin: 0;
  font-size: 2.2rem;
  line-height: 1.6;
  letter-spacing: 0.22rem;
  color: var(--ver3-K, #353e42);
}

.p-andshimajiro-products--detail-sns .p-andshimajiro-products__detail-img,
.p-andshimajiro-products--detail-ishii .p-andshimajiro-products__detail-img {
  width: 100%;
  max-width: 33.9rem;
}

.p-andshimajiro-products--detail-sns .p-andshimajiro-products__detail-img .p-andshimajiro-products__panel-img,
.p-andshimajiro-products--detail-ishii .p-andshimajiro-products__detail-img .p-andshimajiro-products__panel-img {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 2rem;
  overflow: hidden;
}

.p-andshimajiro-products--detail-sns .p-andshimajiro-products__detail-img .p-andshimajiro-products__panel-img-el,
.p-andshimajiro-products--detail-ishii .p-andshimajiro-products__detail-img .p-andshimajiro-products__panel-img-el {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.p-andshimajiro-products--detail-sns .p-andshimajiro-products__detail-text,
.p-andshimajiro-products--detail-ishii .p-andshimajiro-products__detail-text {
  width: 100%;
  max-width: 34rem;
}

.p-andshimajiro-products--detail-sns .p-andshimajiro-products__detail-text .p-andshimajiro-products__panel-title3,
.p-andshimajiro-products--detail-ishii .p-andshimajiro-products__detail-text .p-andshimajiro-products__panel-title3 {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.096rem;
  white-space: pre-wrap;
}

.p-andshimajiro-products--detail-sns .p-andshimajiro-products__panel-linkBox,
.p-andshimajiro-products--detail-ishii .p-andshimajiro-products__panel-linkBox {
  margin-top: 0;
}

.p-andshimajiro-products--detail-sns .p-andshimajiro-products__panel-linkBtn,
.p-andshimajiro-products--detail-sns .p-andshimajiro-products__panel-linkBtn2,
.p-andshimajiro-products--detail-ishii .p-andshimajiro-products__panel-linkBtn,
.p-andshimajiro-products--detail-ishii .p-andshimajiro-products__panel-linkBtn2 {
  text-decoration: none;
}

.p-andshimajiro-products--detail-sns .p-andshimajiro-products__panel-linkBtn2,
.p-andshimajiro-products--detail-ishii .p-andshimajiro-products__panel-linkBtn2 {
  margin-top: 0;
}

@media (max-width: 768px) {
  .p-andshimajiro-products {
    padding: 9rem 2rem 8rem;
  }
}