/* CSS Document */

@media (min-width:1001px){
	#mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; }
	#mv h2 { background: url(../images/ttl.png) center center no-repeat; }

	#hotspring { position: relative; }
	#hotspring .hana { position: absolute; top:-100px; left: -195px; }
	#hotspring .kirameki { position: absolute; top:800px; right: 140px; }
	#hotspring h3.ch3.ttl_hs { background: url(../images/ttl_hotspring.svg) center top no-repeat; width: 78px; height: 88px; }
	.hsunit>li { display: flex; justify-content: space-between; align-items: center; margin-bottom: 170px; }
	.hsunit>li.rimg { flex-direction: row-reverse; }
	.hsunit>li .img { position: relative; width: 62%; height: 36vw; /*overflow: hidden;*/ }
	.hsunit>li .img li:first-child { position: absolute; right: -80px; bottom: -90px; }
	.hsunit>li.rimg .img li:first-child { position: absolute; left: -80px; bottom: -90px; }
	.hsunit>li .img li:last-child { position: relative; width: 100%; height: 100%; overflow: hidden; }
	.hsunit>li .img li:last-child img { width: 100%; }
	.hsunit>li .txt { padding-left: 45px; padding-right: calc( 50vw - 600px ); position: relative; }
	.hsunit>li.rimg .txt { padding-right: 0; padding-left: calc( 50vw - 600px ); }
	.hsunit>li h4.ch4 { font-size: 21px; line-height: 36px; }
	h3.ch3.ttl_kagen { width: 141px; height: 153px; background: url(../images/ttl_kagen.svg) center top no-repeat; }
	h3.ch3.ttl_honoka { width: 141px; height: 153px; background: url(../images/ttl_honoka.svg) center top no-repeat; }
	/*.hsunit>li .txt h4 { font-size: 21px; font-family: "hannari"; line-height: 36px; margin-bottom: 30px; }*/
	.hsunit>li .txt p { font-size: 16px; line-height: 34px; }

	.tips { border: #2D122C 4px double; padding: 45px; align-items: flex-start; justify-content: space-between; margin-bottom: 65px; }
	.tips .img { width: 27%; height: 17.8vw; overflow: hidden; }
	.tips .img img { width: 100%; }
	.tips .txt { width: 69%; }

	.hsinfo { padding: 10px 60px; }
	.hsinfo>ul>li { display: flex; justify-content: space-between; border-bottom: #353535 1px solid; padding: 50px 0; }
	.hsinfo>ul>li:last-child { border-bottom: none; }
	.hsinfo>ul>li h3.ch3 { width: 13vw; margin: 0; }
	.hsinfo>ul>li .txt { width: 63vw; }
	h3.ch3.ttl_quality { width: 100%; height: 140px; background: url(../images/ttl_quality.svg) center top no-repeat; }
	h3.ch3.ttl_amenity { width: 100%; height: 203px; background: url(../images/ttl_amenity.svg) center top no-repeat; }
	h3.ch3.ttl_lend { width: 100%; height: 140px; background: url(../images/ttl_lend.svg) center top no-repeat; }

	#rooms { padding-top: 115px; background: url(../../images/obj_hana.svg) left 18% top -10px no-repeat; }
	#rooms h3.ch3.ttl_rooms { width: 46px; height: 90px; background: url(../images/ttl_rooms.svg) center top no-repeat; }

	.runit>li { display: flex; align-items: center; }
	.runit>li:nth-child(even) { flex-direction: row-reverse; padding:115px 0; position: relative;
		background: url(../../images/obj_hana.svg) left top -10px no-repeat; }
	.runit>li:nth-child(2):before { content: ""; height: 280px; width: 353px; position: absolute; left: 10vw; bottom: 0;
		background: url(../../images/kirameki2.svg) left top no-repeat; }
	.runit .img { width: 70%; height: 46vw; overflow: hidden; position: relative; }
	.runit .img img { width: 100%; }
	.runit .txt { width: 30%; height: 46vw; padding: 195px 60px; }
	.runit>li:nth-child(odd) .txt { background: url(../../images/bg_pink.jpg) repeat; }
	.runit .txt h4 { width: 90px; height: 106px; text-indent: -10000px; overflow: hidden; margin: 0 auto 50px; }
	.runit>li:first-child .txt h4 { background: url(../images/type_a.svg) center center no-repeat; }
	.runit>li:nth-child(2) .txt h4 { background: url(../images/type_b.svg) center center no-repeat; }
	.runit>li:nth-child(3) .txt h4 { background: url(../images/type_c.svg) center center no-repeat; }
	.runit>li:nth-child(4) .txt h4 { background: url(../images/type_d.svg) center center no-repeat; }
	.runit>li .txt p { text-align: center; font-size: 16px; }
	.runit>li .txt .nosmoke { background: #18181A; width: 70px; height: 25px; line-height: 25px; margin: 0 auto 15px; }
	.runit>li:nth-child(even) .swiper-container-horizontal>.swiper-pagination-bullets,.runit>li:nth-child(even) .swiper-pagination-custom,.runit>li:nth-child(even) .swiper-pagination-fraction { justify-content: flex-start; padding-left: 30px; }

	#roominfo { margin-bottom: 130px; padding: 50px 60px; }
	#roominfo ul.cflex { flex-wrap: wrap; background: url(../../images/kirameki_cb.svg) right 25px top 130px no-repeat; }
	#roominfo ul.cflex>li { display: flex; justify-content: flex-start; }
	#roominfo ul.cflex>li:first-child { width: 57%; border-right: #353535 1px solid; padding-right: 40px; }
	#roominfo ul.cflex>li:nth-child(2) { width: 43%; }
	#roominfo ul.cflex>li:nth-child(3) { width: 100%; border-top: #353535 1px solid; margin-top: 50px; padding-top: 55px; }
	#roominfo h3.ch3 { width: 176px; min-height: 230px; margin: 0; }
	#roominfo h3.ch3.ttl_equip { background: url(../images/ttl_equip.svg) center top no-repeat; }
	#roominfo h3.ch3.ttl_lend_r { background: url(../images/ttl_lend_r.svg) center top no-repeat; }
	#roominfo h3.ch3.ttl_lotion { background: url(../images/ttl_lotion.svg) center top no-repeat; }
	#roominfo ul.cflex>li:nth-child(3) .txt { width: calc( 100% - 176px ); }
	#roominfo ul.cflex>li p { margin-bottom: 30px; }
	#roominfo ul.cflex>li div.cflex { justify-content: space-between; }
	#roominfo ul.cflex>li div.img { width: 37%; height: 260px; overflow: hidden; }
	#roominfo ul.cflex>li .cdl { width: 56%; }

/*facilities*/
	#facilities {  }
	h3.ch3.ttl_faci { width: 100%; height: 140px; background: url(../images/ttl_faci.svg) center top no-repeat; }
	.akazuimg { position: relative; }
	.akazuimg h4 { position: absolute; bottom: 20px; left: 0; width: 48%; text-align: right; /*border-top: #FFFFFF 1px solid;*/
		z-index: 10;  }
	.akazuimg h4 img { width: 570px; }
	.akazuimg h4:after { content: ""; width: 94%; height: 1px; background: #ffffff; position: absolute; left: 0; top:10px; }
	section#facilities .swiper-container-horizontal>.swiper-pagination-bullets, section#facilities .swiper-pagination-custom, section#facilities .swiper-pagination-fraction { padding-right: 8vw; }

	.funit { background: url(../../images/bg_pink.jpg) repeat; }
	.funit>li { display: flex; justify-content:space-between; align-items:center; }
	.funit>li:nth-child(2) { flex-direction: row-reverse; }
	.funit .img { width: 50%; height: 30vw; overflow: hidden; }
	.funit .img img { width: 100%; }
	.funit .txt { width: 50%; }
	.funit>li:first-child .txt { padding: 0 45px 0 calc( 50vw - 600px); }
	.funit>li:nth-child(2) .txt { padding: 0 calc( 50vw - 600px) 0 45px; }
	.funit h4 { font-size: 20px; margin-bottom: 15px; }
	.funit .ctable2 { margin-bottom: 20px; }

	#dining { margin-top: 130px; margin-bottom: 100px; }
	#dining .img { position: relative; margin-bottom: 40px; }
	#dining .img img { width: 100%; }
	#dining h4 { position: absolute; top:50%; margin-top: -140px; left: 50%; margin-left: -35px; width: 70px; }
	#dining p { text-align: center; }

	#robbyul { justify-content: space-between; padding-bottom: 180px; }
	#robbyul li { width: 46%; position: relative; }
	#robbyul li h4 { position: absolute; top:-30px; left: 30px; width: 70px; }
	#robbyul li .img { width: 100%; margin-bottom: 25px; }


}/* End @media(min-width751px) */

/* ---------------------------------------------------------------------------------------------------- */
@media (min-width: 1001px) and  (max-width:1760px){
	.tips .img img { width: auto; height: 100%; max-width: 200%; }
}
@media (min-width: 1001px) and  (max-width:1450px){
	/*.swiper-container .swiper-wrapper li img { width: auto; height: 105%; max-width: 300%; }*/
	.hsunit>li .img li:last-child img { width: auto; height: 100%; max-width: 400%; }
	.runit .img img { height: 660px; width: auto; max-width: 400%; }


}/* End @media (min-width: 1001px) and  (max-width:1100px) */
@media (min-width: 1001px) and  (max-width:1250px){
	.hsunit>li .txt { padding-right: 2vw; }
	.hsunit>li.rimg .txt { padding-left: 2vw; }
}
/* ---------------------------------------------------------------------------------------------------- */

@media (max-width:1000px){
	#mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; }
	#mv h2 { background: url(../images/ttl.png) center center no-repeat; background-size: 26vw auto; }


	#hotspring { position: relative; }
	#hotspring .kirameki { position: absolute; top:60vw; right: -4vw; width: 60vw; }
	#hotspring h3.ch3.ttl_hs { background: url(../images/ttl_hotspring.svg) center top no-repeat; width: 20vw; height: 23vw;
		background-size: contain; }
	.hsunit>li {  margin-bottom: 12vw; }
	.hsunit>li.rimg { }
	.hsunit>li .img { position: relative; width: 100%; height: 52vw; margin-bottom: 6vw; }
	.hsunit>li .img li:first-child { position: absolute; right: 8vw; bottom: -8vw; width: 100%; }
	/*.hsunit>li.rimg .img li:first-child { position: absolute; left: -80px; bottom: -90px; }*/
	.hsunit>li .img li:last-child { position: relative; width: 100%; height: 100%; overflow: hidden; }
	.hsunit>li .img li:last-child img { width: 100%; }
	.hsunit>li .txt { padding: 0 6vw ; position: relative; }
	/*.hsunit>li.rimg .txt { padding-right: 0; padding-left: calc( 50vw - 600px ); }*/
	h3.ch3.ttl_kagen { position: relative; width: 37vw; height: 41vw; background: url(../images/ttl_kagen.svg) center top no-repeat; background-size: contain; }
	h3.ch3.ttl_honoka { position: relative; width: 37vw; height: 41vw; background: url(../images/ttl_honoka.svg) center top no-repeat; background-size: contain; }
	/*.hsunit>li .txt h4 { font-size: 21px; font-family: "hannari"; line-height: 36px; margin-bottom: 30px; }*/
	.hsunit>li .txt p { font-size: 3.7vw; line-height: 6vw; }

	.tips { border: #2D122C 4px double; padding: 6vw; margin-bottom: 12vw; }
	.tips .img { width: 100%; height: 62vw; overflow: hidden; margin-bottom: 6vw; }
	.tips .img img { width: 100%; }
	.tips .txt { width:100%; }

	.hsinfo { padding: 2vw 6vw; }
	.hsinfo>ul>li { border-bottom: #353535 1px solid; padding: 8vw 0; }
	.hsinfo>ul>li:last-child { border-bottom: none; }
	.hsinfo>ul>li h3.ch3 { width: 100%; }
	.hsinfo>ul>li .txt { width: 100%; }
	h3.ch3.ttl_quality { height: 31vw; background: url(../images/ttl_quality.svg) center top no-repeat; background-size: contain; }
	h3.ch3.ttl_amenity { height: 45vw; background: url(../images/ttl_amenity.svg) center top no-repeat; background-size: contain; }
	h3.ch3.ttl_lend { height: 31vw; background: url(../images/ttl_lend.svg) center top no-repeat; background-size: contain; }

	#rooms { padding-top: 14vw; background: url(../../images/obj_hana.svg) left 18% top -4vw no-repeat; background-size: 60vw auto; }
	#rooms h3.ch3.ttl_rooms { width: 11vw; height: 20vw; background: url(../images/ttl_rooms.svg) center top no-repeat;
		background-size: contain; }
	#rooms .tips .img { height: 51vw; }

	.runit { margin-bottom: 10vw; }
	.runit .img { width: 100%; /*height: 650px; overflow: hidden;*/ position: relative; }
	.runit .img img { width: 100%; }
	.runit .txt { width: 100%; padding: 6vw 6vw 12vw 6vw; }
	.runit>li { padding-top: 10vw; }
	.runit>li:nth-child(odd) { background: url(../../images/bg_pink.jpg) repeat; }
	.runit>li:nth-child(even) {
		background: url(../../images/obj_hana.svg) left top -2vw no-repeat; background-size: 60vw auto; }
	.runit h4 { width: 20vw; height: 23vw; text-indent: -10000px; overflow: hidden; margin: 0 auto 8vw; }
	.runit>li:first-child h4 { background: url(../images/type_a.svg) center center no-repeat; background-size: contain; }
	.runit>li:nth-child(2) h4 { background: url(../images/type_b.svg) center center no-repeat; background-size: contain; }
	.runit>li:nth-child(3) h4 { background: url(../images/type_c.svg) center center no-repeat; background-size: contain; }
	.runit>li:nth-child(4) h4 { background: url(../images/type_d.svg) center center no-repeat; background-size: contain; }
	.runit>li .txt p { text-align: center; font-size: 3.8vw; }
	.runit>li .txt .nosmoke { background: #18181A; width: 20vw; height: 8vw; line-height: 8vw; margin: 0 auto 2vw; }

	#roominfo { margin-bottom: 16vw; padding: 6vw; }
	#roominfo ul.cflex { background: url(../../images/kirameki_cb.svg) right 4vw top 60vw no-repeat; background-size: 60vw auto; }
	#roominfo ul.cflex>li { /*display: flex; justify-content: flex-start; */border-bottom: #353535 1px solid; padding: 6vw 0; }
	#roominfo ul.cflex>li:first-child { /* border-right: #353535 1px solid; padding-right: 40px;*/ }
	#roominfo ul.cflex>li:nth-child(2) { }
	#roominfo ul.cflex>li:nth-child(3) { border-bottom: none; }
	#roominfo h3.ch3 { width: 100%; margin: 0 0 8vw; }
	#roominfo h3.ch3.ttl_equip { background: url(../images/ttl_equip.svg) center top no-repeat; background-size: 28vw auto;
		height: 52vw; }
	#roominfo h3.ch3.ttl_lend_r { background: url(../images/ttl_lend_r.svg) center top no-repeat; background-size: 28vw auto;
		height: 47vw; }
	#roominfo h3.ch3.ttl_lotion { background: url(../images/ttl_lotion.svg) center top no-repeat; background-size: 10vw auto;
		height: 42vw; }
	/*#roominfo ul.cflex>li:nth-child(3) .txt { width: calc( 100% - 176px ); }*/
	#roominfo ul.cflex>li p { margin-bottom: 2vw; }
	#roominfo ul.cflex>li div.cflex {  }
	#roominfo ul.cflex>li div.img { width: 60vw; height: 42vw; overflow: hidden; margin: 6vw auto 0; }
	#roominfo ul.cflex>li .cdl {  }


/*facilities*/
	#facilities {  }
	h3.ch3.ttl_faci { width: 100%; height: 33vw; background: url(../images/ttl_faci.svg) center top no-repeat; background-size: contain; }
	.akazuimg { position: relative; }
	.akazuimg h4 { position: absolute; top: 2vw; left: 0; width: 70%; text-align: right; /*border-top: #FFFFFF 1px solid;*/
		z-index: 10; }
	.akazuimg h4:after { content: ""; width: 94%; height: 1px; background: #ffffff; position: absolute; left: 0; top:10px; }


	.funit { background: url(../../images/bg_pink.jpg) repeat; }
	.funit>li {  }
	/*.funit .img { width: 50%; height: 430px; overflow: hidden; }
	.funit .img img { width: 100%; }*/
	.funit .txt { width: 100%; padding: 6vw; }
	.funit h4 { font-size: 4.4vw; margin-bottom: 2vw; }
	.funit .ctable2 { margin-bottom: 2vw; }

	#dining { width: 100%; margin-top: 12vw; margin-bottom: 12vw; }
	#dining .img { position: relative; margin-bottom: 6vw; }
	#dining .img img { width: 100%; }
	#dining h4 { position: absolute; top:50%; margin-top: -38vw; left: 50%; margin-left: -9vw; width: 18vw; }
	#dining p { text-align: left; padding: 0 6vw 6vw; }

	#robbyul { padding-bottom: 20vw; }
	#robbyul li { width: 100%; position: relative; margin-bottom: 8vw; }
	#robbyul li h4 { position: absolute; top:-4vw; left: 4vw; width: 18vw; }
	#robbyul li .img { width: 100%; margin-bottom: 4vw; }

}/* End @media (max-width: 750px) */

/* ----------------------------------------------------------------------------------------------------