@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*color*/
/*font*/
/*layout*/
/*----------------------------------------------------
	共通
----------------------------------------------------*/
.slick-slider { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; font-weight: 500; font-size: 14px; }

.slick-dots { position: absolute; width: 100%; bottom: 20px; text-align: center; font-size: 0; margin: 0px; padding-left: 20px; padding-right: 20px; }
.slick-dots li { display: inline-block; margin: 0 0 0 15px; }
.slick-dots li:first-child { margin-left: 0; }
.slick-dots li button { font-size: 0; position: relative; width: 24px; height: 24px; }
.slick-dots li button::before { width: 24px; height: 24px; background-color: #FFF; border-radius: 50%; font-size: 0; opacity: 1; position: absolute; top: 0; left: 0; margin-top: -1px; }
.slick-dots li.slick-active button:before { background-color: #e42439; }

.dots_l .slick-dots { text-align: left; }

.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; }

/*----------------------------------------------------
	TOP MV
----------------------------------------------------*/
#sl_mv { width: 1190px; position: relative; }
#sl_mv .slider { z-index: 1; }
#sl_mv .slider.slick-slider { margin-bottom: 0px; }
#sl_mv .slider-nav-container { width: 100%; background: rgba(255, 255, 255, 0.5); padding: 10px; position: absolute; bottom: 0; left: 0; z-index: 2; }
#sl_mv .slider-nav-container .slider-nav { width: 740px; margin-left: auto; margin-right: auto; }
#sl_mv .slider-nav-container .slider-nav.slick-slider { margin-bottom: 0px; }
#sl_mv .slider-nav-container .slick-list { margin-right: -10px; /* ガター分ネガティブマージン */ }
#sl_mv .slider-nav-container .slick-slide { margin-right: 10px; position: relative; cursor: pointer; }
#sl_mv .slider-nav-container .slick-slide img { border: 1px solid transparent; }
#sl_mv .slider-nav-container .slick-slide.slick-current img { border: 1px solid #e42439; }
#sl_mv .slider-nav-container .slick-slide .text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; color: #FFF; font-weight: bold; }
#sl_mv .slider-nav-container .slick-slide .text p { flex-basis: 100%; max-width: 100%; text-align: center; font-size: 16px; line-height: 1.6; }

/*----------------------------------------------------
	TOP 施設について
----------------------------------------------------*/
#sl_about { width: 910px; }
#sl_about .slider-container { position: relative; }
#sl_about .slider-container .slick-slide { position: relative; }
#sl_about .slider-container .slick-slide .text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; color: #FFF; }
#sl_about .slider-container .slick-slide .text p { flex-basis: 100%; max-width: 100%; text-align: center; font-size: 28px; line-height: 1.6; font-weight: bold; }
#sl_about .slider-container .slider-arrow { position: absolute; z-index: 1; top: 0; width: 115px; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: auto; cursor: pointer; }
#sl_about .slider-container .slider-arrow.slider-prev { left: 0; background-image: url("../com/sl_arrow_prev.png"); }
#sl_about .slider-container .slider-arrow.slider-next { right: 0; background-image: url("../com/sl_arrow_next.png"); }
#sl_about .slider-nav-container { width: 590px; margin-left: auto; margin-right: auto; margin-top: 10px; }
#sl_about .slider-nav-container .slick-slide { position: relative; cursor: pointer; }
#sl_about .slider-nav-container .slick-slide img { border: 1px solid transparent; }
#sl_about .slider-nav-container .slick-slide.slick-current img { border: 1px solid #e42439; }
#sl_about .slider-nav-container .slick-slide .text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; color: #FFF; font-weight: bold; }
#sl_about .slider-nav-container .slick-slide .text p { flex-basis: 100%; max-width: 100%; text-align: center; font-size: 16px; line-height: 1.6; }

/*----------------------------------------------------
	TOP 客室
----------------------------------------------------*/
#sl_room { width: 810px; }
#sl_room .slider.slick-slider { margin-bottom: 0px; }
#sl_room .slider-nav-container { width: 590px; margin-top: 10px; }
#sl_room .slider-nav-container .slick-slide { position: relative; cursor: pointer; }
#sl_room .slider-nav-container .slick-slide img { border: 1px solid transparent; }
#sl_room .slider-nav-container .slick-slide.slick-current img { border: 1px solid #e42439; }

/*----------------------------------------------------
	TOP インテリア
----------------------------------------------------*/
#interior_images { width: 1680px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: nowrap; }
#interior_images .side_left { flex-basis: 241px; max-width: 241px; }
#interior_images #sl_int { flex-basis: 1190px; max-width: 1190px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: nowrap; }
#interior_images #sl_int .slick-slider { margin-bottom: 0; }
#interior_images #sl_int .slider_image02 { flex-basis: 596px; max-width: 596px; }
#interior_images #sl_int .right { flex-basis: 594px; max-width: 594px; }
#interior_images #sl_int .right .top { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: nowrap; }
#interior_images #sl_int .right .top .slider_image03 { flex-basis: 278px; max-width: 278px; }
#interior_images #sl_int .right .top .slider_image04 { flex-basis: 319px; max-width: 319px; }
#interior_images #sl_int .right .bottom { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: nowrap; }
#interior_images #sl_int .right .bottom .slider_image05 { flex-basis: 328px; max-width: 328px; }
#interior_images #sl_int .right .bottom .slider_image06 { flex-basis: 266px; max-width: 266px; }
#interior_images .side_right { flex-basis: 244px; max-width: 244px; }

/*----------------------------------------------------
	ROOM 客室
----------------------------------------------------*/
#sl_ro01 { width: 1190px; }
#sl_ro01 .slider.slick-slider { margin-bottom: 0px; }
#sl_ro01 .slider-nav-container { width: 100%; margin-top: 10px; }
#sl_ro01 .slider-nav-container .slick-slide { position: relative; width: 140px !important; margin-right: 10px; }
#sl_ro01 .slider-nav-container .slick-slide:last-child { margin-right: 0; }
#sl_ro01 .slider-nav-container .slick-slide img { border: 1px solid transparent; }
#sl_ro01 .slider-nav-container .slick-slide.slick-current img { border: 1px solid #e42439; }

/*----------------------------------------------------
	ROOM ポップインアラジン
----------------------------------------------------*/
#sl_popin { width: 590px; }
#sl_popin .slider.slick-slider { margin-bottom: 0px; }
#sl_popin .slider-nav-container { width: 100%; margin-top: 10px; }
#sl_popin .slider-nav-container .slick-slide { position: relative; width: 140px !important; margin-right: 10px; }
#sl_popin .slider-nav-container .slick-slide:last-child { margin-right: 0; }
#sl_popin .slider-nav-container .slick-slide img { border: 1px solid transparent; }
#sl_popin .slider-nav-container .slick-slide.slick-current img { border: 1px solid #e42439; }

/*----------------------------------------------------
	Shop List グループ施設一覧
----------------------------------------------------*/
#shoplist { width: 1190px; }
#shoplist .slider { width: 1130px; margin-left: auto; margin-right: auto; }
#shoplist .slick-list { margin-right: -30px; /* ガター分ネガティブマージン */ }
#shoplist .slider-arrow { position: absolute; top: 50%; width: 25px; height: 50px; margin-top: -25px; /* 高さの半分だけネガティブマージン */ cursor: pointer; z-index: 10; /* 重要 */ }
#shoplist .slider-prev { left: -30px; background: url("../com/shop_arrow_prev.png") no-repeat center center; }
#shoplist .slider-next { right: -30px; background: url("../com/shop_arrow_next.png") no-repeat center center; }
#shoplist .slick-slide { margin-right: 30px; /* ガター */ text-align: center; }
#shoplist .slick-slide .title { font-size: 15px; line-height: 1.3; font-weight: bold; margin-top: 10px; }
#shoplist .slick-slide .info { margin-top: 10px; font-size: 12px; line-height: 1.5; }
#shoplist .slick-slide .btn_arw { margin-top: 30px; }
#shoplist .slick-slide .btn_arw a { width: 100%; }
#shoplist .text_list h4 { background: url("../com/bg_beige.gif") repeat; height: 40px; line-height: 40px; padding-left: 30px; padding-right: 30px; }
#shoplist .text_list .list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-top: 20px; padding-left: 30px; padding-right: 30px; justify-content: space-between; }
#shoplist .text_list .list dl { flex-basis: calc(33.333333% - 20px); max-width: calc(33.333333% - 20px); flex-grow: 1; flex-shrink: 1; }
#shoplist .text_list .list dl dt { font-weight: bold; font-size: 16px; margin-bottom: 10px; }
#shoplist .text_list .list dl dd a { font-size: 14px; line-height: 2; color: #2d2d2d; }

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