@charset "utf-8";

.slick-loading .slick-list {
background: #fff url(img/ajax-loader.gif) no-repeat center center;
}
.slick-slider {
display: block;
position: relative;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
display: block;
position: relative;
margin: 0;
padding: 0;
overflow: hidden;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
display: block;
position: relative;
left: 0;
top: 0;
}
.slick-track:before,
.slick-track:after {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 0.1rem;
margin: 1rem 0 0 0;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: 10rem;
}
.slick-arrow.slick-hidden {
display: none;
}
.slider {
position: relative;
}
.slider img {
height: auto;
margin: 0 auto;
}
.slider .slider-nav-wrap .slider-nav .slick-list {
padding: 0 !important;
}
.slider .slider-nav-wrap .slider-nav .slick-track {
opacity: 1;
}
.slider .slider-nav-wrap .slider-nav .slick-slide {
padding: 0.3rem;
opacity: 1;
transition: opacity .3s ease;
}
.slider .slider-nav-wrap .slider-nav .slick-slide:hover {
opacity: 0.5;
}
.slider .slider-nav-wrap .slick-arrow {
position: absolute;
top: 65%;
width: 0;
height: 0;
border-style: solid;
transform: translateY(-50%);
}
.slider .slider-nav-wrap .slick-prev {
right: 0;
border-width: 0;
border-color: transparent transparent transparent #444;
}
.slider .slider-nav-wrap .slick-next {
left: 0;
border-width: 0;
border-color: transparent #444 transparent transparent;
}
.slider .slider-nav-wrap .slider-nav .slick-slide:focus {
outline: none;
}
.slider .slider-nav-wrap .slider-nav .slick-slide img {
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0;
}
.sp-thumbnail.slick-slide.slick-current.slick-center:last-child {
padding-bottom: 0;
}
.slideArea .slideinner {
position: relative;
width: 79.6rem;
min-height: 45rem;
margin: 6rem auto;
padding: 0;
}
.slider.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 79.6rem;
}
.slider .slider-for {
width: 65rem;
}
.slider .slider-for button.slick-prev {position: absolute;left: 2%;top: 35%;width: 5rem;height: 5rem;background: url(img/slide_prev.png) no-repeat left top;background-size: contain;border: none;text-indent: -999rem;z-index: 5;}
.slider .slider-for button.slick-next {position: absolute;right: 2%;top: 35%;width: 5rem;height: 5rem;background: url(img/slide_next.png) no-repeat left top;background-size: contain;border: none;text-indent: -999rem;z-index: 5;}
.slider .slider-nav-wrap {
position: absolute;
right: 0;
top: 0;
width: 14.6rem;
height: 45rem;
padding: 0 0 0 2rem;
}
.slider .slider-nav-wrap .slider-nav .slick-slide {
width: calc(100% - 2rem);
height: 9rem;
margin: 1rem 0;
padding: 0;
}
.slider .slider-nav-wrap .slider-nav .slick-slide img:hover {
cursor: pointer;
}
.slider .slider-nav-wrap .slick-arrow {
left: calc(50% + 1rem);
transform: translateX(-50%);
}
.slider .slider-nav-wrap .slick-arrow:hover {
cursor: pointer;
}
.slider .slider-nav-wrap .slick-prev {
top: auto;
bottom: -1.5rem;
background: url(img/slide_nav_down.png) no-repeat center center;
background-size: contain;
width: 2.4rem;
height: 1.5rem;
}
.slider .slider-nav-wrap .slick-next {
top: -2rem;
background: url(img/slide_nav_up.png) no-repeat center center;
background-size: contain;
width: 2.4rem;
height: 1.5rem;
}
.sp-thumbnail img {
object-fit: cover;
}
.sp-thumbnail.slick-current img {
border: 2px solid #957742;
}
.slider .ttl {margin: 1.5rem auto 0;font-size: 1.8rem;font-weight: 700;line-height: 1.4;text-align: center;display: block;width: 40%;padding: 0.6rem 0.8rem 0.8rem 0.8rem;border: 2px solid #957742;border-radius: 6rem;color: #957742;}
.slider .catch {margin: 10px 0 1.5rem 0;font-size: 2rem;font-weight: 700;line-height: 1.4;text-align: center;}
.slider .caption {
text-align: center;
}










@media screen and (max-width:599px) {

.slideArea .slideinner {
width: 100%;
min-height: auto;
margin: 3rem auto;
}
.slider.container {
display: block;
width: 100%;
}
.slider .slider-for {
width: 100%;
}
.slider .slider-for button.slick-prev {
width: 3rem;
height: 3rem;
}
.slider .slider-for button.slick-next {
width: 3rem;
height: 3rem;
}
.slider .slider-nav-wrap {
position: relative;
right: auto;
top: auto;
transform: none;
width: 100%;
height: auto;
margin: 1rem 0 0 0;
padding: 0 3rem;
text-align: center;
}
.slider .slider-nav-wrap .slick-track {
display: inline-block;
}
.slider .slider-nav-wrap .slider-nav .slick-slide {
width: auto;
margin: 0 0.5rem;
height: 6rem;
}
.slider .slider-nav-wrap .slider-nav .slick-slide img:hover {
cursor: pointer;
}
.slider .slider-nav-wrap .slick-arrow {
left: auto;
transform: none;
}
.slider .slider-nav-wrap .slick-prev {
left: 1rem;
top: 50%;
bottom: auto;
transform: translateY(-50%);
background: url(img/slide_nav_prev.png) no-repeat center center;
background-size: contain;
width: 1rem;
height: 1.6rem;
}
.slider .slider-nav-wrap .slick-next {
right: 1rem;
top: 50%;
transform: translateY(-50%);
background: url(img/slide_nav_next.png) no-repeat center center;
background-size: contain;
width: 1rem;
height: 1.6rem;
}
.slider .slider-for button.slick-prev {
top: 32%;
}
.slider .slider-for button.slick-next {
top: 32%;
}
.slider .ttl {font-size: 1.6rem;width: fit-content;min-width: 50%;}
.slider .catch {margin: 10px 0 1rem 0;}

}