@charset 'UTF-8';
/* Arrows */
.slick-prev,
.slick-next {
  width: 4em;
  height: 4em;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  outline: 0;
  z-index: 9999;
  color: #604f34;
  cursor: pointer;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {opacity: 0.4;}

.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {opacity: .25;}

.slick-prev::before,
.slick-next::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 6px;
}
.slick-prev::before {
	border-bottom: solid 12px #604f34;
	border-left: solid 12px #604f34;
	transform: translate(6%,0) scale(0.33,0.33) rotate(45deg);
	transform-origin: center center;
}
.slick-next::before {
	border-top: solid 12px #604f34;
	border-right: solid 12px #604f34;
	transform: translate(-6%,0) scale(0.33,0.33) rotate(45deg);
	transform-origin: center center;
}

.slick-prev {left: -25px;}
[dir='rtl'] .slick-prev {left: auto;right: -25px;}
.slick-next {right: -25px;}
[dir='rtl'] .slick-next {left: -25px;right: auto;}

@media only screen and (min-width: 768px) {

  .slick-slider .slick-prev,
  [dir='rtl'] .slick-slider .slick-next,
  .slick-slider .slick-next,
  [dir='rtl'] .slick-slider .slick-prev {
    transition: all 0.6s ease;
  }

  .slick-slider .slick-prev,
  [dir='rtl'] .slick-slider .slick-next {
    left: -25%;
    right: auto;
    opacity: 0;
    transform: translate(-50%,-50%);
  }
  .slick-slider .slick-next,
  [dir='rtl'] .slick-slider .slick-prev {
    left: auto;
    right: -25%;
    opacity: 0;
    transform: translate(50%,-50%);
  }

  .slick-slider:focus .slick-prev,
  .slick-slider:hover .slick-prev,
  [dir='rtl'] .slick-slider:focus .slick-next,
  [dir='rtl'] .slick-slider:hover .slick-next {left: 0;right: auto;opacity: 1;}

  .slick-slider:focus .slick-next,
  .slick-slider:hover .slick-next,
  [dir='rtl'] .slick-slider:focus .slick-prev,
  [dir='rtl'] .slick-slider:hover .slick-prev {left: auto;right: 0;opacity: 1;}
}
@media only screen and (max-width: 767px) {
  .slick-slider .slick-prev,
  [dir='rtl'] .slick-slider .slick-next {
    left: 0;
    right: auto;
    opacity: 0.66;
    transform: translate(5%,-50%);
  }
  .slick-slider .slick-next,
  [dir='rtl'] .slick-slider .slick-prev {
    left: auto;
    right: 0;
    opacity: 0.66;
    transform: translate(-5%,-50%);
  }
}

/* Dots */
.slick-dotted.slick-slider {margin-bottom: 30px;}
.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  font-size: 11px;
  width: 1em;
  height: 1em;
  margin: 0 0.25em;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  display: block;
  overflow: hidden;
  font-size: 1em;
  line-height: 1em;
  width: 1em;
  height: 1em;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.slick-dots li button:hover,
.slick-dots li button:focus {outline: none;}

.slick-dots li button:hover::before,
.slick-dots li button:focus::before {opacity: 1;}

.slick-dots li button::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 1em;
  height: 1em;
  border-radius: 50%;
  text-align: center;
  opacity: .5;
  background: #000;
  color: #000;
}
.slick-dots li.slick-active button::before {
  opacity: 1;
  background: #000;
  color: #000;
}

/* slider */
.slider img {
  width: 100%;
  height: auto;
}
.thumb-item {
  width: 100%;
  margin: 0 auto;
  padding: 0 5px;
}
.thumb-item img {
  height: 590px;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}
@media only screen and (max-width: 959px) {
  .thumb-item img {height: 380px;}
}
@media only screen and (max-width: 767px) {
  .thumb-item img {height: 170px;}
}
.thumb-item-nav {
  margin: 0 auto;
  cursor: pointer;
}
.thumb-item-nav li {margin: 5px;}
.thumb-item-nav li img {
  height: 90px;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}
@media only screen and (max-width: 767px) {
  .thumb-item-nav li img {height: 60px;}
}

/*テキストエリア*/
.slick-initialized .slick-slide a {display: block}
.over_txt {
  width: 100%;
  padding: 15px 20px;
  background: rgba(0, 0, 0, .7);
  font-size: 15px;
  line-height: 1.6;
  color: #fff;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}
@media only screen and (max-width: 959px) {
  .photo_box {
    padding-left: 20px;
    padding-right: 20px
  }
  .over_txt {font-size: 12px}
}
@media only screen and (max-width: 767px) {
  .photo_box {padding: 0}
  .over_txt {
      padding: 0 0 15px;
      color: #533c22;
      position: relative;
      background: #fff;
    font-size: 10px
  }
}