@charset "utf-8";



/* =========================== お客様の声 =========================== */
h1{margin: 30px 0; line-height: 1.5em;}
.voice_text{border-bottom: 1px solid #529535;padding-bottom: 20px;margin-bottom: 20px;text-align: justify;}
.voice_text_person_img{width: 70px;}
.voice_text_person_img img{width: 100%;}
.voice_text_person_wrap{display: flex;flex-direction: row;align-items: center;gap: 20px;margin-bottom: 40px;}
@media (min-width:1024px) {
    .voice_wrap{display: flex;flex-direction: row;gap: 40px;justify-content: space-between;}
    .voice_text{padding-bottom: 30px;margin-bottom: 30px;}
    .voice_text_person_wrap{margin-bottom: 0px;}
    .text_lm{font-size: 28px;}
}


/* =========================== スライド =========================== */
.sliderArea {width: 100%; margin: 0 auto; padding: 0;display: flex;flex-direction: column-reverse;}
.sliderArea.w300 {max-width: 300px;}
.sliderArea .slick-list{overflow: visible;}
.sliderArea .slick-slide {margin: 0 5px; transition: all ease-in-out .3s; opacity: .2;}
.sliderArea .slick-slide img {width: 100%; height: 100%; object-fit: contain; display: block;}
.sliderArea .slick-active, .slick-current {opacity: 1;}
.sliderArea .thumb {width: 100%;max-width: 800px;aspect-ratio: 800 / 470;height: auto;border: 1px solid #DADADA;margin: 0 auto;margin-bottom: 20px;}
.sliderArea .thumb .slick-slide {cursor: pointer;width: 90vw;}
.sliderArea .slider_thumb {width: 100%; max-width: 800px;}
.sliderArea .slider_thumb .slick-slide {padding: 0 2px;cursor: pointer;}
.sliderArea .slider_thumb .slick-slide:hover{opacity: 0.6;}
.sliderArea .slider_thumb.slick-slider .slick-prev,
.sliderArea .slider_thumb.slick-slider .slick-next {width: 50px; height: 50px; background: #fff; border: 2px solid #007BFF; border-radius: 50%; z-index: 10;}
.sliderArea .slider_thumb.slick-slider .slick-prev:hover:before,
.sliderArea .slider_thumb.slick-slider .slick-next:hover:before,
.sliderArea .slider_thumb.slick-slider .slick-prev:focus:before,
.sliderArea .slider_thumb.slick-slider .slick-next:focus:before {color: #fff; transition: color 0.3s;}
.sliderArea .slider_thumb.slick-slider .slick-prev:hover,
.sliderArea .slider_thumb.slick-slider .slick-next:hover {background: #007BFF; transition: background 0.3s;}
.sliderArea .thumb .slick-slide{position: relative;}
.sliderArea .thumb .slick-slide p {font-size: 14px;letter-spacing: 0;width: 100%;line-height: 1.3;display: flex;flex-direction: row;justify-content: space-between;gap: 4vw;align-items: center;text-align: justify;margin-top: 15px;}
.sliderArea .thumb .slick-slide span{font-size: 16px;margin-left: auto;}
.sliderArea .noimage img{object-fit: cover;}
.sliderArea .thumb .slick-slide{height: 60vw;max-height: 468px;}
.sliderArea .slider_thumb .slick-slide{height: 8vw;border: 1px solid #DADADA;}
.sliderArea .slider_thumb .slick-slide:first-child{margin-left: 30px;}
.sliderArea .slider_thumb img{object-fit: cover;}
.slider_thumb {display: none !important;}
.show_main_photo img { width: 100%;}
@media (min-width:768px) {
    .sliderArea .thumb .slick-slide p {padding: 0 10px;}
}
@media (min-width:1000px) {
    .sliderArea .slick-list{overflow: hidden;}
    .show_main_wrap{display: flex;flex-direction: row;justify-content: space-between;margin-top: 20px;gap: 2vw;}
    .show_main_photo{width: min(50vw,600px);}
    .sliderArea {width: min(55vw,800px); margin: 0 auto; padding: 0;}
    .sliderArea .thumb{height: auto;}
    .sliderArea .thumb{width: min(50vw,600px);margin: 0;}
    .sliderArea .thumb .slick-slide {width: min(50vw,600px);height: 450px;border: 1px solid #DADADA;}
    .sliderArea .thumb .slick-slide p{position: absolute;bottom: 0;background-color: rgba(0,0,0,0.7);color: white;gap: 2vw;padding: 5px 15px;}
    .sliderArea .slider_thumb .slick-slide{height: 4vw;}
    .sliderArea .slider_thumb {width: min(50vw,600px);margin-top: 10px;}
}

/* スライド：矢印 */
.slick-prev:before,.slick-next:before {display: none;}
.sliderArea .slick-prev {left: 0;}
.sliderArea .slick-next {right: 0;}
.sliderArea .slick-prev { background-image: url('/img/buy/show/arrow-left.svg'); background-size: cover;width: 40px;height: 40px;z-index: 1;} 
.sliderArea .slick-prev:hover { background-image: url('/img/buy/show/arrow-left_hover.svg');background-size: cover;width: 40px;height: 40px;z-index: 1;} 
.sliderArea .slick-next { background-image: url('/img/buy/show/arrow-right.svg'); background-size: cover;width: 40px;height: 40px;z-index: 1;}
.sliderArea .slick-next:hover { background-image: url('/img/buy/show/arrow-right_hover.svg');background-size: cover;width: 40px;height: 40px;z-index: 1;} 
@media (min-width:1000px) {
    .sliderArea .slick-prev {left: 0.5vw;}
    .sliderArea .slick-next {right: 0.5vw;}
}

/* スライド：写真の枚数とズームアイコン */
.thumb .thumb_img{position: relative;}
.thumb p{position: absolute;}
.thumb_pages{top: 0.5vw;right: 0.5vw;position: absolute;display: flex;flex-direction: row;align-items: center;gap: 0.5vw;}
.thumb_page{font-size: 20px;color: white;font-weight: bold;}
.thumb_zoom{width: 25px;}
.thumb_zoom:hover{opacity: 0.7;}

/* スライド：選択されている写真の装飾 */
.slider_thumb .slick-slide.slick-current {width: 90px!important;position: relative;border: 3px solid #4CAF50;border-radius: 4px;box-sizing: border-box;}
.slider_thumb .slick-slide.slick-current::after {content: "";position: absolute;top: -10px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #4CAF50;}
.slider_thumb .slick-track{padding-top: 6px;}



/* =========================== スタッフのおすすめポイント =========================== */
.show_staff_point_wrap a:hover{opacity: 0.7;}
.show_staff_point_staff{display: flex;flex-direction: row;align-items: center;gap: 4vw;margin-bottom: 40px;}
.show_staff_point_staff_img{width: 100px;}
.show_staff_point_staff_img img{border-radius: 50%;width: 100%;}
.show_staff_point_staff_names{display: flex;flex-direction: row;align-items: center;gap: 5vw;}
.show_staff_point_comment{text-align: justify;}
@media (min-width:768px) {
    .show_staff_point_staff_img{width: 140px;}
    .show_staff_point_wrap{display: flex;align-items: flex-start;gap: 1vw;}
    .show_staff_point_staff_names{gap: initial;justify-content: space-between;width: 140px;}
    .show_staff_point_staff{flex-direction: column;gap: 1vw;}
    .speech_bubble {text-align: justify;position: relative;display: inline-block;width: 100%; margin-left: 16px;padding: 60px;border-radius: 10px;background-color: #ffffff;text-align: justify;}
    .speech_bubble::after {content: "";position: absolute;top: 50px;left: 0;border-style: solid;border-width: 8px 16px 8px 0;border-color: transparent #ffffff transparent transparent;translate: -100% -50%;}
}

.show_staff_point_staff_img{
  width: 100px;
  height: 100px;           /* ← 追加：画像を正方形に */
  border-radius: 50%;      /* ← 円形化 */
  overflow: hidden;        /* ← 中の画像を丸くトリミング */
}

.show_staff_point_staff_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;   /* ← これで中央寄せ */
  border-radius: 50%;
}


@media (min-width:768px) {
  .show_staff_point_staff_img{
    width: 100px;
    height: 100px;         /* ← PC時の円サイズ */
  }
}



/* ページネーション */
.voice_pager_wrap { display: flex; gap: 20px; justify-content: center; }
.voice_pager_wrap .back_link .symbol { display: none; }