@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: "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: 500; font-size: 16px; }

.slider-arrow { position: absolute; top: 50%; width: 21px; height: 67px; margin-top: -33px; /* 高さの半分だけネガティブマージン */ cursor: pointer; z-index: 10; /* 重要 */ }

.slider-prev { left: 0; background-image: url("../com/sl_arrow_prev.png"); }

.slider-next { right: 0; background-image: url("../com/sl_arrow_next.png"); }

.slick-prev::before, .slick-next::before { display: none; }

.slick-dots { position: absolute; width: 100%; bottom: 10px; text-align: center; font-size: 0; margin: 0px; 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: #FFF; border: 1px solid #0bc893; border-radius: 50%; font-size: 0; opacity: 1; position: absolute; top: 0; left: 0; margin-top: -1px; opacity: 1 !important; box-sizing: border-box; }
.slick-dots li.slick-active button:before { background-color: #0bc893; opacity: 1 !important; }

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

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

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

.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; }
.arrow_slider .slider-arrows:before { display: none; }

/*----------------------------------------------------
	TOP MV
----------------------------------------------------*/
#mvbg_slider { width: 1600px; height: 565px; }

#mv_slider { width: 1070px; height: 440px; position: relative; }
#mv_slider .slick-slide { width: 100%; height: 440px; padding-left: 60px; padding-right: 60px; }
#mv_slider .slick-slide a { text-decoration: none; color: #606060; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; }
#mv_slider .slick-slide .text { margin-bottom: 130px; }
#mv_slider .slick-slide .text .user { font-size: 14px; font-family: "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif; }
#mv_slider .slick-slide .text .review { margin-top: 10px; font-size: 26px; font-family: "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: normal; line-height: 1.3; }
#mv_slider .slick-slide .text .hotel { margin-top: 20px; font-size: 18px; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; }
#mv_slider .slick-slide .image { position: absolute; right: 60px; bottom: 40px; }
#mv_slider .slick-slide .link { position: absolute; left: 0; bottom: 50px; width: 100%; text-align: center; }
#mv_slider .slick-slide .link a { display: inline-block; font-size: 28px; text-align: center; }
#mv_slider .slick-slide .link a { display: inline-block; font-size: 28px; text-align: center; }
#mv_slider .slick-slide .link a:before { content: ''; display: block; background: url("../img/crown_y.png") no-repeat center top/contain; width: 82px; height: 49px; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
#mv_slider .slick-slide .link a:after { content: ''; display: block; background: url("../img/arrow_bottom.png") no-repeat center top/contain; width: 91px; height: 74px; margin-top: 10px; margin-left: auto; margin-right: auto; }
#mv_slider .slider-arrow { width: 137px; height: 91px; margin-top: 0; top: auto; bottom: 35px; }
#mv_slider .slider-prev { background-image: url("../img/arrow_left.png"); }
#mv_slider .slider-next { background-image: url("../img/arrow_right.png"); }
#mv_slider .attn { position: absolute; z-index: 10; bottom: 190px; left: 60px; line-height: 1.8; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-size: 10px; }

/*----------------------------------------------------
	TOP USP
----------------------------------------------------*/
#sl_usp01 { width: 375px; }

#sl_usp02 { width: 460px; }

#sl_usp03 { width: 2544px; }
#sl_usp03 .slick-slide { margin-right: 10px; }
#sl_usp03 .slick-dots { transform: translateX(-40px); }

/*----------------------------------------------------
	プラン
----------------------------------------------------*/
#sl_plan { width: 1170px; }
#sl_plan .slider-arrow { top: 60px; margin-top: 0px; }
#sl_plan .slider { margin: 0 60px; overflow: hidden; }
#sl_plan .slick-list { margin-right: -75px; /* ガター分ネガティブマージン */ }
#sl_plan .slick-slide { margin-right: 75px; /* ガター */ }
#sl_plan .slick-slide .text { padding-left: 10px; padding-right: 10px; }
#sl_plan .slick-slide figure { margin-bottom: 30px; }
#sl_plan .slick-slide h4 { font-weight: 500; margin-bottom: 30px; }
#sl_plan .slick-slide .tags { font-size: 0; }
#sl_plan .slick-slide .tags li { display: inline-block; font-size: 12px; line-height: 30px; background-color: rgba(11, 200, 147, 0.55); padding-left: 15px; padding-right: 15px; border-top-right-radius: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; letter-spacing: 3px; margin-right: 10px; }
#sl_plan .slick-slide .tags li:last-child { margin-right: 0; }

/*----------------------------------------------------
	客室
----------------------------------------------------*/
#room_slider { width: 1190px; }