/*==================================================
スライダーのためのcss
===================================*/
.slider {
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .slider .slider-item-pc {
  }

  .slick-slide img {
    object-fit: cover;
    width: 100%;
    height: 85vh;
  }
}

/*　背景画像設定　*/

.slider-item.item-sp img {
  display: inline-block;
  width: 100%;
  height: auto;
}

.slick-initialized .slick-slide {
  height: auto;
  display: inline-block;
}

.slider-item01 {
  /* background: url(/web/20250219195848im_/https://toraya-g.sakura.ne.jp/wp-content/themes/original/images/top/main-visual1-sp@2x.jpg) center center no-repeat; */
  background-size: cover;
  width: 100%;
}

.slider-item02 {
  /* background: url(/web/20250219195848im_/https://toraya-g.sakura.ne.jp/wp-content/themes/original/images/top/main-visual2-sp@2x.jpg) center center no-repeat; */
  background-size: cover;
  width: 100%;
}

.slider-item03 {
  /* background: url(/web/20250219195848im_/https://toraya-g.sakura.ne.jp/wp-content/themes/original/images/top/main-visual3-sp@2x.jpg) center center no-repeat; */
  background-size: cover;
  width: 100%;
}

.slider-item04 {
  /* background: url(/web/20250219195848im_/https://toraya-g.sakura.ne.jp/wp-content/themes/original/images/top/main-visual4-sp@2x.jpg) center center no-repeat; */
  background-size: cover;
  width: 100%;
}

.slider-item05 {
  /* background: url(/web/20250219195848im_/https://toraya-g.sakura.ne.jp/wp-content/themes/original/images/top/main-visual5-sp@2x.jpg) center center no-repeat; */
  background-size: cover;
  width: 100%;
}

.slider-item {
  width: 100%; /*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
  height: 300px; /*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
  background-repeat: no-repeat; /*背景画像をリピートしない*/
  background-position: center; /*背景画像の位置を中央に*/
  background-size: cover; /*背景画像が.slider-item全体を覆い表示*/
}

@media screen and (min-width: 768px) {
  .slider-item {
    /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
    height: 85vh; /*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
  }
}

/*ドットナビゲーションの設定*/

.slick-dots {
  position: relative;
  z-index: 3;
  text-align: center;
  margin: -30px 0 0 0;
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

.slick-dots button {
  color: transparent;
  outline: none;
  width: 12px;
  height: 12px;
  display: block;
  border-radius: 50%;
  background: #fff;
  border: #fa6147 0.05px solid;
  padding: 0;
}

.slick-dots .slick-active button {
  background: #fa6147; /*ドットボタンの現在地表示の色*/
}

/*
     FILE ARCHIVED ON 19:58:48 Feb 19, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:56:28 Sep 05, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.52
  exclusion.robots: 0.016
  exclusion.robots.policy: 0.007
  esindex: 0.012
  cdx.remote: 68.704
  LoadShardBlock: 186.501 (3)
  PetaboxLoader3.datanode: 216.244 (5)
  PetaboxLoader3.resolve: 159.388 (2)
  load_resource: 236.32
  loaddict: 75.578
*/