@charset "utf-8";
/* CSS Document */

/* SLIDER_add CSS */
/* ============================================ */
ul#Slider {
    width: 100%;
    margin: 0 auto;
    padding: 2% 0 0;
    top: 0;
    overflow: hidden;
}
/*.slick-slider .slick-slide {
	width: 934px; height: 410px;
}*/

.slick-slide img {
    height: 390px;
    box-sizing: border-box;
    border: 1px solid #eee;
    object-fit: contain;
}

/*
#slick-slide-show {
	top: 0px; margin-bottom: 0px;
}
#slick-slide-show .slick-dots {
	bottom: -37px; line-height: 0;
}
#slick-slide-show .slick-dots li {
	margin: 0px; height: 17px;
}
#slick-slide-show .slick-dots li button {
	height: 17px;
}
#slick-slide-show .slick-dots li button::before {
	padding: 3px 4px 4px 3px; border-radius: 50%; width: 0px; height: 0px; color: transparent; line-height: 0; font-size: 0px; position: relative; opacity: 1; background-color: rgb(237, 237, 237);
}
#slick-slide-show .slick-dots li.slick-active button::before {
	color: transparent; opacity: 1; background-color: rgb(0, 0, 0);
}
*/

/* slick add-css */
.slick-slide {
    height: auto;
    margin: 0px 25px;
}
.slick-prev {
    left: 50%;
    margin-left: -537px;
    z-index: 1;
}
.slick-next {
    right: 50%;
    margin-right: -537px;
}
.slick-prev:before,
.slick-next:before {
    font-size: 30px;
    line-height: 0;
    color: unset;
    vertical-align: middle;
}
.slider_wrapper li.slick-slide[aria-hidden="true"] {
    background: #fff;
    opacity: 0.2;
    transition: .7s;
}
.slick-next,
.slick-prev {
    background: none !important;
    background: #fff;
    font-size: 2em;
    opacity: 1;
    background: #fff !important;
    border: 2px solid #ccc;
    width: 42px;
    height: 42px;
}

.slick-next:after {
    content: ">";
    color: #333;
    display: block;
}
.slick-prev:after {
    content: "<";
    color: #333;
    display: block;
}

.slick-dots {
    position: unset;
    padding: 2% 0;
}
.slick-dots li button::before {
    content: "●";
}



/* SP版 表示用 */
/* ============================================ */
@media screen and (max-width: 767px) {
.slick-dotted.slick-slider {
    top: unset;
    margin: 0;
}
.slick-next,
.slick-prev {
    font-size: 1.6em;
    width: 30px;
    height: 30px;
}
.slick-prev {
    left: 0;
    margin-left: 0;
}
.slick-next {
    right: 0;
    margin-right: 0;
}
}

@media screen and (max-width: 486px) {
.slick-slide {
    height: auto;
    padding: 15px 0;
    background: #eee;
}
.slick-slide img {
    width: 90%;
    height: 200px;
    margin: 0 auto;
}
.slick-dots li {
    margin: 0 .5%;
}
}