/* 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; }

/*feelings*/
	#feelings { padding-top: 80px; padding-bottom: 120px; }
	#feelings .feelings1 { justify-content:space-between; flex-direction:row-reverse; margin-bottom: 55px; }
	#feelings .feelings1 .imgs {width: 47vw; flex-wrap: wrap; }
	#feelings .feelings1 .imgs li { position: relative; }
	#feelings .feelings1 .imgs li:first-child { width: 100%; height: 27vw; overflow: hidden; text-align: right; }
	#feelings .feelings1 .imgs li:first-child img { width: 100%; height: auto; position: absolute; right: 0; }
	#feelings .feelings1 .imgs li:last-child,#feelings .feelings1 .imgs li:nth-child(2) { width: 50%; height: 15.7vw; overflow: hidden; margin-left: auto; }
	#feelings .feelings1 .imgs li:last-child img,#feelings .feelings1 .imgs li:nth-child(2) img { width: 100%; height: auto; }
	#feelings .feelings1 .txt { width: 32vw; }
	#feelings .feelings1 .txt h3 { width: 320px; height: 290px; padding-top: 50px; margin: 0 auto 50px;
		background: url(../../images/bg_ttl.png) center center no-repeat; background-size: 290px auto; }
	#feelings .feelings1 .txt h3 span { width: 60px; height: 170px; display: block; margin: 0 auto;
		background: url(../images/ttl_feelings.svg) center center no-repeat; text-indent: -100000px;
		overflow: hidden; background-size: 18px auto; }
	#feelings .feelings1 .txt p { /*width:320px; height: 314px; margin: 10px 0 20px; text-indent: -1000000px; overflow: hidden;
		background: url(../../images/index/txt_feelings.svg) center top no-repeat;*/ }
	#feelings .feelings2 { justify-content:space-between; }
	#feelings .feelings2 .txt { width: 59vw; }
	#feelings .feelings2 .imgs { width: 23vw; }

	#about_lead { padding-top: 80px; }
	.cmenu { position: relative; z-index: 5; }
	.cmenu li { width: 14%; }


	#about { position: relative; }
	#about .hana { position: absolute; top:-160px; left: -195px; }
	/*#about .kirameki { position: absolute; top:800px; right: 140px; }*/
	#about h3.ch3.ttl_hs { background: url(../images/ttl_hotspring.svg) center top no-repeat; width: 78px; height: 88px; }
	.aunit>li { display: flex; justify-content: space-between; /*align-items: center;*/ margin-bottom: 170px; position: relative;
		z-index: 6; }
	.aunit>li.rimg { flex-direction: row-reverse; z-index: 4; }
	.aunit>li .img { position: relative; width: 57vw; /*height: 35vw;*/ /*overflow: hidden;*/ }
	.aunit>li .img li:first-child { position: absolute; right: -80px; bottom: -90px; }
	.aunit>li.rimg .img li:first-child { position: absolute; left: -80px; bottom: -90px; }
	.aunit>li .img li:last-child { position: relative; width: 100%; /*height: 100%;*/ overflow: hidden; }
	.aunit>li .img li:last-child img { width: 100%; }
	.aunit>li .txt { margin-left: 45px; margin-right: calc( 50vw - 600px ); position: relative; width: 32vw; }
	.aunit>li.rimg .txt { margin-right: 45px; margin-left: calc( 50vw - 600px ); }
	.aunit>li h4.ch4 { font-size: 21px; line-height: 36px; }
	h3.ch3_2.ttl_faci { padding-top: 180px; background: url(../images/ttl_faci.svg) center top no-repeat; }
	h3.ch3_2.ttl_aff { padding-top: 160px; background: url(../images/ttl_affinity.svg) center top no-repeat; }
	h3.ch3_2.ttl_rooms { padding-top: 160px; background: url(../images/ttl_rooms.svg) center top no-repeat; }
	h3.ch3_2.ttl_meal { padding-top: 210px; background: url(../images/ttl_meal.svg) center top no-repeat; }
	h3.ch3_2.ttl_hotspring { padding-top: 230px; background: url(../images/ttl_hotspring.svg) center top no-repeat; }
	h3.ch3_2.ttl_kinosaki { padding-top: 210px; background: url(../images/ttl_kinosaki.svg) center top no-repeat; }
	.aunit>li .txt p { font-size: 16px; line-height: 34px; }
	.aunit .cbtn { width: 320px; margin: 30px auto 0; }
	.aunit>li .kirameki { position: absolute; top:-160px; right: 8vw; }
	.aunit>li.rimg .kirameki { position: absolute; top:-130px; left: 4vw; }

	.afful { margin: 25px 0; }
	.afful li { padding: 12px 12px 12px 70px; font-size: 16px; line-height: 26px; position: relative; margin-bottom: 10px; }
	.afful li:first-child { background: url(../../images/bg_pink.jpg) repeat; }
	.afful li:nth-child(2) { background: url(../../images/bg_cb_p.jpg) repeat; }
	.afful li:last-child { background: url(../../images/bg_cb_p2.jpg) repeat; }
	.afful li:first-child:before { content: ""; width: 70px; height: 100%; background: url(../images/icon_maru.svg) left 25px center no-repeat ;
		position: absolute; left: 0; top:0; }
	.afful li:nth-child(2):before { content: ""; width: 70px; height: 100%; background: url(../images/icon_sankaku.svg) left 25px center no-repeat ;
		position: absolute; left: 0; top:0; }
	.afful li:last-child:before { content: ""; width: 70px; height: 100%; background: url(../images/icon_batsu.svg) left 25px center no-repeat ;
		position: absolute; left: 0; top:0; }

	#anniversary .cb_pink { padding: 85px 0; margin-bottom: 180px; }
	#anniversary .img { width: 42vw; }
	h3.ch3_2.ttl_anv { padding-top: 95px; background: url(../images/ttl_anv.svg) center top no-repeat; }
	#anniversary .mainw { justify-content: space-between; align-items: center; }
	#anniversary .txt { width: 35vw; }


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

/* ---------------------------------------------------------------------------------------------------- */
@media (min-width: 1001px) and  (max-width:1760px){

}
@media (min-width: 1001px) and  (max-width:1450px){
	/*.swiper-container .swiper-wrapper li img { width: auto; height: 105%; max-width: 300%; }*/
	/*.aunit>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){
	.aunit>li .txt { padding-right: 2vw; }
	.aunit>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; }

/*feelings*/
	#feelings { padding-top: 12vw; padding-bottom: 32vw; }
	#feelings .feelings1 { margin-bottom: 10vw; }
	#feelings .feelings1 .txt { margin-bottom: 8vw; }
	#feelings .feelings1 .txt h3 { width: 57vw; height: 57vw; padding-top: 6vw; margin: 0 auto 6vw;
		background: url(../../images/bg_ttl.png) center center no-repeat; background-size: 57vw auto; }
	#feelings .feelings1 .txt h3 span { width: 14vw; height: 40vw; display: block; margin: 0 auto;
		background: url(../images/ttl_feelings.svg) center center no-repeat; text-indent: -100000px;
		overflow: hidden; background-size: 5.3vw auto; }
	#feelings .feelings1 .txt p { /*width: 78vw; height: 84vw; margin: 0 auto 4vw; text-indent: -1000000px; overflow: hidden;
		background: url(../../images/index/txt_feelings.svg) center top no-repeat; background-size: contain;*/ }
	#feelings .feelings1 .imgs { width: 100%; display: flex; flex-wrap: wrap; }
	#feelings .feelings1 .imgs li { position: relative; width: 50%; }
	#feelings .feelings1 .imgs li:first-child { width: 100%;/* height: 52vw;*/ overflow: hidden; /*margin-bottom: 4vw;*/ }
	#feelings .feelings1 .imgs li:first-child img { width: 100%; height: auto;/* position: absolute; right: 0;*/ }
	#feelings .feelings2 .txt { margin-bottom: 8vw; }

	#about_lead { padding-top: 12vw; }
	.cmenu li { width: 31vw; position: relative; margin-bottom: 2vw; }
	.cmenu li:first-child:before,.cmenu li:nth-child(4):before { content: ""; width: 104vw; height: 1px; background: #774971; position: absolute; left: -6vw; bottom: 3.6vw; }

	#about { position: relative; }
	#about .hana { position: absolute; top:-10vw; left: -16vw; width: 60vw; }
	/*#about h3.ch3.ttl_hs { background: url(../images/ttl_hotspring.svg) center top no-repeat; width: 20vw; height: 23vw;
		background-size: contain; }*/
	.aunit>li { margin-bottom: 25vw; position: relative; }
	.aunit>li.rimg { }
	.aunit>li .img { position: relative; width: 100%; height: 52vw; margin-bottom: 10vw; }
	.aunit>li .img li:first-child { position: absolute; right: 8vw; bottom: -8vw; width: 100%; }
	/*.aunit>li.rimg .img li:first-child { position: absolute; left: -80px; bottom: -90px; }*/
	.aunit>li .img li:last-child { position: relative; width: 100%; height: 100%; overflow: hidden; }
	.aunit>li .img li:last-child img { width: 100%; }
	.aunit>li .txt { padding: 0 6vw ; position: relative; }
	/*.aunit>li.rimg .txt { padding-right: 0; padding-left: calc( 50vw - 600px ); }*/
	h3.ch3_2 { position: relative; }
	h3.ch3_2.ttl_faci { padding-top: 42vw; background: url(../images/ttl_faci.svg) center top no-repeat; background-size: 5.3vw auto; }
	h3.ch3_2.ttl_aff { padding-top: 40vw; background: url(../images/ttl_affinity.svg) center top no-repeat; background-size: 25vw auto;
		position: relative; }
	h3.ch3_2.ttl_rooms { padding-top: 42vw; background: url(../images/ttl_rooms.svg) center top no-repeat; background-size: 5.3vw auto; }
	h3.ch3_2.ttl_meal { padding-top: 48vw; background: url(../images/ttl_meal.svg) center top no-repeat; background-size: 5.3vw auto; }
	h3.ch3_2.ttl_hotspring { padding-top:52vw; background: url(../images/ttl_hotspring.svg) center top no-repeat; background-size: 5.3vw auto; }
	h3.ch3_2.ttl_kinosaki { padding-top: 48vw; background: url(../images/ttl_kinosaki.svg) center top no-repeat; background-size: 5.3vw auto; }
	.aunit>li .txt p { font-size: 3.7vw; line-height: 6vw; }
	.aunit .cbtn { margin: 6vw auto 0; }
	.aunit>li .kirameki { position: absolute; top:-12vw; right: -4vw; width: 60vw; }

	.afful { margin: 4vw 0; }
	.afful li { padding: 2vw 2vw 2vw 10vw; font-size: 3.7vw; line-height: 5vw; position: relative; margin-bottom: 2vw; }
	.afful li:first-child { background: url(../../images/bg_pink.jpg) repeat; }
	.afful li:nth-child(2) { background: url(../../images/bg_cb_p.jpg) repeat; }
	.afful li:last-child { background: url(../../images/bg_cb_p2.jpg) repeat; }
	.afful li:first-child:before { content: ""; width: 10vw; height: 100%; background: url(../images/icon_maru.svg) left 2vw center no-repeat ;
		position: absolute; left: 0; top:0; background-size: 6vw auto; }
	.afful li:nth-child(2):before { content: ""; width: 10vw; height: 100%; background: url(../images/icon_sankaku.svg) left 2vw center no-repeat ;
		position: absolute; left: 0; top:0; background-size: 6vw auto; }
	.afful li:last-child:before { content: ""; width: 10vw; height: 100%; background: url(../images/icon_batsu.svg) left 2vw center no-repeat ;
		position: absolute; left: 0; top:0; background-size: 6vw auto; }

	#anniversary .cb_pink { padding: 12vw 0; margin-bottom: 20vw; }
	#anniversary .img { width: 100%; margin-bottom: 6vw; }
	h3.ch3_2.ttl_anv { padding-top: 21vw; background: url(../images/ttl_anv.svg) center top no-repeat; background-size: 5.3vw auto; }
	#anniversary .mainw {  }
	#anniversary .txt { width: 100%; }


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

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