/* =========================

Layout

========================= */

.style-detail{

  padding:80px 0;

}

.section-inner{

  max-width:1200px;

  margin:0 auto;

  padding:0 20px;

}

.style-wrap{

  display:grid;

  grid-template-columns: 1.2fr 1fr;

  gap:80px;

  align-items:start;

}

@media(max-width:768px){

  .style-wrap{

    grid-template-columns:1fr;

    gap:40px;

  }

}

/* =========================

Gallery（最重要）

========================= */

.style-gallery{

  width:100%;

  max-width:100%;

  overflow:hidden;

}

/* スライダー全体 */

.style-slider{

  width:100%;

  overflow:hidden;

}

/* Slickの中 */

.style-slider .slick-list{

  overflow:hidden;

}

.style-slider .slick-track{

  display:flex;

  align-items:center;

}

/* 各スライド */

.style-slider .slide-item{

  width:100%;

}

/* 画像 */

.style-slider .slide-item img{

  width:100%;

  height:auto;

  display:block;

  border-radius:10px;

}

/* =========================

Thumbnail

========================= */

.style-nav{

  margin-top:15px;

}

.style-nav .slick-track{

  display:flex;

  gap:10px;

}

.style-nav .slick-slide{

  opacity:0.5;

  cursor:pointer;

  transition:.3s;

}

.style-nav .slick-current{

  opacity:1;

}

.style-nav img{

  width:100%;

  height:auto;

  display:block;

  border-radius:6px;

}

/* =========================
Info（高級版）
========================= */

.style-info{
  padding-top:40px;
  max-width:420px;
}

/* タイトル */
.style-title{
  font-size:26px;
  font-weight:400;
  letter-spacing:1.5px;
  margin-bottom:40px;
  line-height:1.4;
}

/* データ */
.style-data{
  border-top:1px solid #ddd;
  margin-bottom:40px;
}

.style-data table{
  width:100%;
  border-collapse:collapse;
}

.style-data tr{
  border-bottom:1px solid #eee;
}

.style-data th,
.style-data td{
  padding:16px 0;
  font-size:13px;
}

.style-data th{
  width:80px;
  color:#999;
  font-weight:400;
  letter-spacing:1px;
}

.style-data td{
  color:#222;
  letter-spacing:0.5px;
}

/* 説明文 */
.style-desc{
  font-size:14px;
  line-height:2;
  color:#444;
  margin-bottom:50px;
  letter-spacing:0.5px;
}

/* ボタン（超重要） */
.reserve-btn{
  display:inline-block;
  width:100%;
  text-align:center;
  padding:16px 0;

  border:1px solid #000;
  background:#fff;
  color:#000;
  text-decoration:none;

  letter-spacing:1.5px;
  font-size:13px;

  transition:all .4s ease;
}

.reserve-btn:hover{
  background:#000;
  color:#fff;
}