@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*color*/
/*font*/
/*layout*/
/*----------------------------------------------------
	共通
----------------------------------------------------*/
.slider-container { display: none; position: relative; }
.slider-container.initialized { display: block; }

.slick-slider { font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-weight: 500; font-size: 15px; margin-bottom: 0; }

.slick-arrow { position: absolute; top: 50%; width: 16px; height: 50px; margin-top: -25px; /* 高さの半分だけネガティブマージン */ cursor: pointer; z-index: 10; /* 重要 */ transition: all 0.5s; }

.slick-prev, .slick-prev:hover, .slick-prev:focus { left: 20px; background: url("../com/sl_arrow_prev.png") no-repeat left top/contain; }

.slick-next, .slick-next:hover, .slick-next:focus { right: 20px; background: url("../com/sl_arrow_next.png") no-repeat left top/contain; }

.slick-prev:hover { left: 10px; }

.slick-next:hover { right: 10px; }

.slick-next:before { content: ""; display: none; }

[dir="rtl"] .slick-next:before { content: ""; display: none; }

.slick-prev:before { content: ""; display: none; }

[dir="rtl"] .slick-prev:before { content: ""; display: none; }

.slick-dots { position: relative; width: 100%; text-align: center; font-size: 0; bottom: 30px; padding-left: 20px; padding-right: 20px; }
.slick-dots li { display: inline-block; margin: 0 0 0 10px; width: 10px; height: 10px; }
.slick-dots li:first-child { margin-left: 0; }
.slick-dots li button { font-size: 0; position: relative; width: 10px; height: 10px; overflow: visible; }
.slick-dots li button::before { width: 10px; height: 10px; background-color: #b28741; font-size: 0; opacity: 1; position: absolute; top: 50%; left: 0; margin-top: -1px; opacity: 1 !important; }
.slick-dots li.slick-active button:before { background-color: #584525; opacity: 1 !important; }

.dots_l .slick-dots { text-align: left; }
.dots_l .slick-dots li { margin: 0 10px 0 0; }

.dots_r .slick-dots { text-align: right; }

.dots_out .slick-dots { bottom: auto; margin-top: 10px; }

.arrow_slider .slick-slider { margin-bottom: 0; }
.arrow_slider .slider-arrows { margin-top: -40px; position: relative; z-index: 1; width: 80px; margin-left: auto; margin-right: auto; }

/*----------------------------------------------------
	各サイズ
----------------------------------------------------*/
.sl_large { width: 950px; }

.sl_cont_lr { width: 500px; }

/*# sourceMappingURL=slider.css.map */