@charset "utf-8";


/* 追加 */

.contents_item_copy{
  margin: 0;
  padding: 10px 0;
      border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.u_mb{
  margin-bottom: 40px;
}

.u_padding{
  padding: 16px 0;
}
.contents-top-copy{
  font-weight: 700;
  padding: 16px;
  font-size: 18px;
  letter-spacing: -1px;
}
.contents-goods{
  margin: 60px 0;
}

.contents_item{
  margin-bottom: 60px;
}
.contents_title{
  display: grid;
  grid-template-columns: 1fr 50px ;
}


.brand_img img{
width: 100%;
max-width: 50px;
}


.contents_item_img img{
  width: 100%;
}


.contents_item_name {
  font-size: 18px;

}

.contents_item_annotation {
  font-size: 14px;

}

.contents_item_cost {
  text-align: right;

  font-size: 12px;

}
.contents_item_cost span {

  font-size: 18px;

}




.button_contents {
  background: #f6f6f6;
  padding: 16px 30px; 

}

.button_item {

}

.button_title {
  text-align: center;
  font-size: 14px;
  font-feature-settings: "palt";
  letter-spacing: 0;

}

.button_link{
background: #fff;
border: 1px solid #616161;
padding: 16px;
text-align: center;
margin: 0 auto;
}


.u-margin{
  margin-bottom: 30px;
}

.attention{
  font-size: 13px;
}


/* サムネイル付きギャラリーCSS */
.gallery-carousel {
  max-width: 800px;
  margin: 0 auto;
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.gallery-carousel input[type="radio"] {
  display: none;
}

.gallery-main {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.gallery-images {
  display: flex;
  width: 400%;
  height: 100%;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.gallery-image {
  width: 25%;
  height: 100%;
  object-fit: cover;
}

.gallery-thumbnails {
  display: flex;
  padding: 15px;
  gap: 10px;
  background: #f8f9fa;
  justify-content: center;
}

.thumbnail {
  width: 80px;
  height: 60px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor:pointer;
}

.thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.thumbnail:hover {
  border-color: #b2955e;
  transform: scale(1.05);
}

/* ギャラリースライド制御 */
#gallery1:checked ~ .gallery-main .gallery-images {
  transform: translateX(0%);
}
#gallery2:checked ~ .gallery-main .gallery-images {
  transform: translateX(-25%);
}
#gallery3:checked ~ .gallery-main .gallery-images {
  transform: translateX(-50%);
}
#gallery4:checked ~ .gallery-main .gallery-images {
  transform: translateX(-75%);
}
#gallery5:checked ~ .gallery-main .gallery-images {
  transform: translateX(0%);
}
#gallery6:checked ~ .gallery-main .gallery-images {
  transform: translateX(-25%);
}
#gallery7:checked ~ .gallery-main .gallery-images {
  transform: translateX(-50%);
}
#gallery8:checked ~ .gallery-main .gallery-images {
  transform: translateX(-75%);
}
#gallery9:checked ~ .gallery-main .gallery-images {
  transform: translateX(0%);
}
#gallery10:checked ~ .gallery-main .gallery-images {
  transform: translateX(-25%);
}
#gallery11:checked ~ .gallery-main .gallery-images {
  transform: translateX(-50%);
}
#gallery12:checked ~ .gallery-main .gallery-images {
  transform: translateX(-75%);
}

/* アクティブサムネイル */
#gallery1:checked ~ .gallery-thumbnails label[for="gallery1"],
#gallery2:checked ~ .gallery-thumbnails label[for="gallery2"],
#gallery3:checked ~ .gallery-thumbnails label[for="gallery3"],
#gallery5:checked ~ .gallery-thumbnails label[for="gallery5"],
#gallery6:checked ~ .gallery-thumbnails label[for="gallery6"],
#gallery7:checked ~ .gallery-thumbnails label[for="gallery7"],
#gallery9:checked ~ .gallery-thumbnails label[for="gallery9"],
#gallery10:checked ~ .gallery-thumbnails label[for="gallery10"],
#gallery11:checked ~ .gallery-thumbnails label[for="gallery11"] {
  border-color: #ffd24c;
  box-shadow: 0 4px 12px rgba(255, 210, 76, 0.3);
}