/* CSS Document */

@media (min-width:1001px) {

/*header { background-color: rgba(0,0,0,1.0); box-shadow: 0 15px 15px rgba(0,0,0,0.2); }*/

/* mv
---------------------------------------------------------------------- */
	#mv_i { width: 100%; max-width: 100%; position: relative; height: 100vh; /*height: 660px;*/ z-index: 30; }
	#mv_i:before { content: ""; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));
		height: 205px; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 2; }
	.swiper-container_fv { height: 100%; width: 100%; position: relative; }
	.swiper-container_fv .swiper-wrapper { width: 100%; height: 100%; }
	.swiper-container_fv.swiper-container-fade .swiper-slide { width: 100%; height: 100%; }
	.swiper-container_fv.swiper-container-fade .swiper-slide .img { width: 100%; height: 100%;
		overflow: hidden; }

	.swiper-container_fv.swiper-container-fade .swiper-slide { background-size: cover; }

	.swiper-container_fv.swiper-container-fade .swiper-slide.mv01 { background: url(../images/index/mv01.jpg) center center no-repeat; background-size: cover; }
	.swiper-container_fv.swiper-container-fade .swiper-slide.mv02 { background: url(../images/index/mv02.jpg) center center no-repeat; background-size: cover; }
	.swiper-container_fv.swiper-container-fade .swiper-slide.mv03 { background: url(../images/index/mv03.jpg) center center no-repeat; background-size: cover; }
	.swiper-container_fv.swiper-container-fade .swiper-slide.mv04 { background: url(../images/index/mv04.jpg) center center no-repeat; background-size: cover; }
	.swiper-container_fv.swiper-container-fade .swiper-slide.mv05 { background: url(../images/index/mv05.jpg?0629) center center no-repeat; background-size: cover; }

	.swiper-container_fv.swiper-container-fade.winter .swiper-slide.mv01 { background: url(../images/index/mv01_w.jpg) center center no-repeat; background-size: cover; }
	.swiper-container_fv.swiper-container-fade.winter .swiper-slide.mv02 { background: url(../images/index/mv02_w.jpg) center center no-repeat; background-size: cover; }
	.swiper-container_fv.swiper-container-fade.winter .swiper-slide.mv03 { background: url(../images/index/mv03_w.jpg) center center no-repeat; background-size: cover; }
	.swiper-container_fv.swiper-container-fade.winter .swiper-slide.mv04 { background: url(../images/index/mv04.jpg) center center no-repeat; background-size: cover; }
	.swiper-container_fv.swiper-container-fade.winter .swiper-slide.mv05 { background: url(../images/index/mv05_w.jpg) center center no-repeat; background-size: cover; }

	#mv_i .cc {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -180px;
		margin-left: -123px;
		z-index: 3;
		width: 246px;
		height: 575px;
	}
	#mv_i .swiper-container-horizontal>.swiper-pagination-bullets, #mv_i .swiper-pagination-custom, .swiper-pagination-fraction {
		width: 170px;
		display: flex;
		z-index: 4;
		justify-content: flex-start;
		position: absolute;
		left: 50%;
		margin-left: 400px;
		bottom: 90px;
	}
	#mv_i .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		opacity: 0.5;
		background: #f8f8f2;
		margin: 0 10px;
		opacity: 1;
	}
	#mv_i .swiper-pagination-bullet-active {
		opacity: 1;
		width: 15px;
		height: 15px;
		position: relative;
		bottom: 2px;
		background: #f8f8f2;
	}


/* banner
---------------------------------------------------------------------- */
	#banner {
		padding:85px 0 170px;
	}
	.bn_l {
		margin-bottom: 20px;
	}
	.bn_s {
		display: flex; justify-content: center;
	 	flex-wrap: wrap;
	}
	.bn_s li {
		width: 222px;
		margin-right: 10px; margin-bottom: 10px;
	}
	.bn_s li:nth-child(4n) {
		margin-right: 0;
	}
	.bn_s li a img {
		width: 100%;
	}
	.infbtn-containts h4 {
		text-align: center;
		font-size: 20px;
		letter-spacing: 4px;
		color: #603813;
		margin-bottom: 20px;
	}
	.infbtn-containts a {
		width: 250px;
		margin-right: auto;
		margin-left: auto;
	}

	.infbtn-containts .btn-containts {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		margin: 20px auto 0;
	}
	.infbtn-containts .btn-containts a {
		width: 280px;
	}


/* about
---------------------------------------------------------------------- */
	 #about .aboutwrap {
		padding:100px 0 0;
		height: 600px;
	    background: url(../images/index/bg_about.jpg) center top no-repeat;
    	text-align: center;
    	background-size: cover;
    	margin-bottom: 60px;
    	position: relative;
	 }
	 #about .aboutwrap.winter {
	 	background: url(../images/index/bg_about_w.jpg) center top -110px no-repeat;
	 	background-size: cover;
	 }
	 #about .cflex {
		flex-direction: row-reverse;
		justify-content: flex-end;
		margin-bottom: 50px;
	 }
	 #about .aboutwrap p {
	 	color: #FFF;
	 	text-shadow: 1px 1px 10px rgba(0,0,0,.3),1px 1px 30px rgba(0,0,0,.3),1px 1px 40px rgba(0,0,0,.3),
						-1px 1px 10px rgba(0,0,0,.3),-1px 1px 30px rgba(0,0,0,.3),-1px 1px 40px rgba(0,0,0,.3),
						1px -1px 10px rgba(0,0,0,.3),1px -1px 30px rgba(0,0,0,.3),1px -1px 40px rgba(0,0,0,.3),
						-1px -1px 10px rgba(0,0,0,.3),-1px -1px 30px rgba(0,0,0,.3),-1px -1px 40px rgba(0,0,0,.3);
		font-size: 24px;
		font-weight: bold;
		line-height: 1.8;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50% , -50%);
		letter-spacing: 5px;
		white-space: nowrap;

	 }
	 #about .img{
	 	width: 940px;
	 }
	 #about .txt{
	 	/* width: 268px; */
	 	width: 368px;
	 	margin-left: 70px;
	 }
	 #about .txt p{
	 	line-height: 2.5;
	 	font-size: 17px;
	 	letter-spacing: 2px;
	 }
/* 	 .aboutwrap img {
	 	width: 163px;
	 	position: absolute;
	 	top: 20px;
	 	right: 15%;
	 } */
	 #about .w900 {
	 	margin-right:  100px;
	 }
	 #about .w800 a {
	 	margin: 0 auto;
	 }

/* points
---------------------------------------------------------------------- */
	#points {
		margin: 180px 0;
	}
	.pointwrap {
		align-items: flex-end;
		margin-bottom: 180px;
		position: relative;
	}
	.pointwrap .img {
		width: 70%;
		position: relative;
	}
	.pointwrap .img img {
		width: 100%;
	}
	.pointwrap .txt {
		width: 220px;
	}
	.pointwrap .txt p {
		margin-bottom: 35px;
	}
	.pointwrap .txt a {
		width: 100%;
	}
	.pointwrap .txt h4 {
		text-align: center;
		margin-bottom: 50px;
	}
	#hotsp .bg_pattern {
		position: absolute;
    	top: 550px;
    	left: -100px;
    	z-index: -1;
	}
	#hotsp .hotspwrap {
		align-items: center;
		flex-direction: row-reverse;
	}
	#hotsp .w800 {
		margin: 60px auto;
	}
	#hotsp .pointinner .cflex {
		justify-content: space-between;
	}
	#hotsp .pointinner .img {
		margin-left: 0;
		width: 480px;
	}
	#hotsp .pointinner .cbtn2 {
		margin: 50px auto 0;
	}
	#hotsp .img {
		margin-left: 55px;
	}
	#hotsp .img p {
		bottom: 30px;
		right: 30px;
		text-align: right;
	}
	.hotspwrap .txt img {
		width: 76px;
	}



	#sightseeing {
		position: relative;
	}
	#sightseeing .bg_pattern {
		position: absolute;
    	top: -150px;
    	right: -40px;
    	z-index: -1;
	}
	#sightseeing .sightseeingwrap {
		margin-bottom: 80px;
		align-items: center;
	}
	#sightseeing .sightseeingwrap .img {
		margin-right: 55px;
		width: 70%;
	}
	#sightseeing .img p {
		bottom: 30px;
		right: 30px;
	}
	#sightseeing .pointinner {
		justify-content: space-around;
	}
	#sightseeing .pointinner .img {
		width: 560px;
	}
	#sightseeing .pointinner .txt {
		width: 350px;
	}
	#sightseeing .pointinner .txt p {
		margin-bottom: 35px;
	}
	#sightseeing .pointinner .txt .cbtn2 {
		width: 350px;
	}
	.sightseeingwrap .txt img {
		width: 70px;
	}
	#rooms {
		flex-direction: row-reverse;
	}
	#rooms .bg_pattern {
		position: absolute;
    	top: -250px;
    	left: -40px;
    	z-index: -1;
	}
	#rooms .img {
		margin-left: 55px;
	}
	#rooms h4 {
		margin-bottom: 150px;
	}
	#rooms h4 img {
		width: 71px;
	}
	#mael .bg_pattern {
		position: absolute;
    	top: -140px;
    	left: -40px;
    	z-index: -1;
	}
	#mael .img {
		margin-right: 55px;
	}
	#mael .img p {
		bottom: 30px;
		left: 30px;
	}
	#mael h4 {
		margin-bottom: 150px;
	}
	#mael h4 img {
		width: 71px;
	}
	#facilities {
		flex-direction: row-reverse;
	}
	#facilities .img {
		margin-left: 55px;
	}
	#facilities .bg_pattern {
		position: absolute;
    	top: -140px;
    	left: -40px;
    	z-index: -1;
	}


/* pet
---------------------------------------------------------------------- */
	#pet {
		position: relative;
	}
	#pet::after {
		content: "";
		display: inline-block;
		background-color: #fff;
		width: 100%;
		height: 50%;
		position: absolute;
		top: 50%;
		left: 0;
		z-index: -1;
	}
	.pet_innner {
		max-width: 1000px;
		margin: 0 auto;
		background-color: #b69541;
		position: relative;
		overflow: hidden;
		border-radius: 20px;
		padding: 40px;
	}
	.pet_innner::before {
		content: "";
		display: inline-block;
		width: 400px;
		height: 275px;
		background: url('../images/index/bg_pet_foot.png') center no-repeat;
		background-size: contain;
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
	}
	.pet_innner::after {
		content: "";
		display: inline-block;
		width: 266px;
		height: 423px;
		background: url('../images/index/bg_pet_foot02.png') center no-repeat;
		background-size: contain;
		position: absolute;
		z-index: 1;
		bottom: 0;
		right: 0;
	}
	.pet_innner2 {
		max-width: 810px;
		margin: 0 auto;
		position: relative;
		z-index: 10;
	}
	.pet_innner2 h3 {
		text-align: center;
		color: #FFFFFF;
		font-size: 24px;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	.pet_innner2 .img {
		border-radius: 20px;
		overflow: hidden;
		margin-bottom: 25px;
	}
	.pet_innner2 .img img {
		border-radius: 20px;
	}
	.pet_innner2 .txt {
		color: #FFF;
		justify-content: space-between;
	}
	.pet_innner2 .txt li {
		margin-bottom: 5px;
		font-size: 15px;
	}




/* mystyle
---------------------------------------------------------------------- */
	#mystyle {
		padding: 140px 0;
		position: relative;
		width: 83.125%;
		display: flex;
		justify-content: flex-end;
	}
	#mystyle .mystylewrap {
		width: 100%;
		max-width: 1200px;
		justify-content: space-between;
		position: relative;
		right: -70px;
	}
	#mystyle .heading {
		width: 320px;
		color: #FFFFFF;
		position: relative;
	}
	#mystyle .mystttl {
		width: 100%;
	}
	#mystyle .mystttl .inner { width: 320px; }
	#mystyle .mystttl h4 {
		text-align: center;
		margin-bottom: 40px;
	}
	#mystyle .mystttl p {
		text-align: center;
		color: #603813;
	}
	#mystyle .mystttl.fixed {
		position: fixed;
		top: 80px;
	}
	#mystyle .mystttl.teishi {
		position: absolute;
		bottom: 0;
	}


	#mystyle ul {
		width: 72.5%;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#mystyle ul li {
		width: 45.98%;
		margin-bottom: 75px;
		overflow: hidden;
	}
	#mystyle ul li a {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		background: url("../images/icon_arrow_r_green.svg") bottom 20px right 20px no-repeat #FFFFFF;
	}
	#mystyle ul li a .img {
		height: 300px;
		overflow: hidden;
	}
	#mystyle ul li a .img img {
		width: 100%;
	}
	#mystyle ul li a .txt {
		padding: 1.5em 1.5em 3em;
	}
	#mystyle ul li a .txt h5 {
		font-size: 20px;
		color: #603813;
		margin-bottom: 10px;
	}



/* #plan
---------------------------------------------------------------------- */
	#plan {
		padding: 140px 0 150px;
		position: relative;
		background-color: #FFF;
	}
	#plan::after {
		content: "";
		display: inline-block;
		background: url('../images/bg1.jpg');
		width: 100%;
		height: 50%;
		position: absolute;
		top: 50%;
		left: 0;
		z-index: 1;
	}
	#plan .plan_inner {
		position: relative;
		z-index: 5;
	}
	#plan .bg_pattern {
		position: absolute;
    	top: -150px;
    	    right: -100px;
    	z-index: -1;
	}
	#plan #ranking_489ban {
		display: flex;
		flex-wrap: wrap;
	}
	#plan #ranking_489ban .PlanView {
		width: 30.91%;
		margin-right: 3.63%;
		margin-bottom: 40px;
		position: relative;
		overflow: hidden;
	}
	#plan #ranking_489ban .PlanView:nth-child(3n) {
		margin-right: 0;
	}
	#plan #ranking_489ban .PlanView .main_picture {
		position: relative;
		max-height: 220px;
		overflow: hidden;
	}
	#plan #ranking_489ban .PlanView .main_picture img {
		width: 100%;
	}
	#plan #ranking_489ban .PlanView .rank_no {
		width: initial;
		position: absolute;
		z-index: 10;
		left: -50px;
		top: -45px;
		width: 237px;
		height: 167px;
		text-indent: -100000px;
		overflow: hidden;
	}
	#plan #ranking_489ban .PlanView.rank_1 .rank_no {
		background: url("../images/index/icon_emb01.png") center center no-repeat;
		background-size: contain;
	}
	#plan #ranking_489ban .PlanView.rank_2 .rank_no {
		background: url("../images/index/icon_emb02.png") center center no-repeat;
		background-size: contain;
	}
	#plan #ranking_489ban .PlanView.rank_3 .rank_no {
		background: url("../images/index/icon_emb03.png") center center no-repeat;
		background-size: contain;
	}
	#plan #ranking_489ban .PlanView .explan {
		padding: 1em 0;
	}
	#plan #ranking_489ban .PlanView .explan p.plan {
		font-size: 18px;
		line-height: 1.5;
		color: #1C1C1C;
		margin-bottom: 20px;
	}
	#plan #ranking_489ban .PlanView a .txt .planbtn {
		margin-top: auto;
	}
	#plan #ranking_489ban .PlanView .explan .pblist li a {
		display: inline-block;
		width: auto;
		padding-right: 1em;
		border-bottom: 1px solid #D6D6D6;
		background: url("../images/icon_arrow_r_green.svg") right center no-repeat ;
	}
	#plan .cbtn {
		width: 450px;
		margin-right: auto;
		margin-left: auto;
	}



/* map
---------------------------------------------------------------------- */
	#map { padding: 100px 0 0; background-color: #f2f5ee; /*background: url("../images/index/bg_mapjapan.png") right bottom no-repeat #f2f5ee;*/ }
	#map .mainw { background: url("../images/index/bg_mapjapan.png") right bottom -370px no-repeat }



/* news
---------------------------------------------------------------------- */
	#news { justify-content: space-between; }
	#news .cflex { justify-content: space-between;}
	#news .midashi { width: 220px; }
	#news .midashi a { width: 100%; }

	#news .newsmain { width: 700px; }
	#news li { width: 100%; display: flex; padding: 20px 30px 20px 0; position: relative;
		background:url("../images/icon_arrow_r_green.svg") right 18px center no-repeat;
		transition: 0.3s; border-bottom: #d3d3d1 1px solid; font-size: 16px; }
	#news li:hover { opacity: 1; background-position: right 13px center; }
	#news li .day { margin-right: 20px; }
	#news li .news_ttl a { color: #aa0a78; }


/* Instagram
---------------------------------------------------------------------- */
	#insta { margin-top: 120px; margin-bottom: 100px; flex-wrap: wrap; justify-content: space-between; }

    #insta div.for_pc { width: 765px; margin: 0 auto 15px; }

    #insta a.btn { font-size: 16px; display: flex; align-items: center; justify-content: center;
    	           margin: 0 auto; text-align: center; width: 300px; height: 50px; position: relative;
    	           border: #D6D6D6 1px solid; background-color: #fff; color: #1E1E1E; border-radius: 3px;text-decoration: none; }

    #insta a.btn img { width: 30px; padding-right: 5px;}

    #insta a.btn:hover { opacity: 1; color: #ffffff; background-color: #425311; background-size: 14px auto; }


/* access
---------------------------------------------------------------------- */
	#access { padding: 120px 0 100px; position: relative; }
	#access p.how { font-size: 20px; line-height: 2; color: #603813; margin-bottom: 20px; }
	#access p { margin-bottom: 40px; }
	#access a { width: 250px; }
	#access .bg_pattern { position: absolute; top: 50px; left: -240px; z-index: -1; }




}/* @media (min-width:1001px) */


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


@media (min-width:1001px) and (max-width:1700px) {

}


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


@media (min-width:1001px) and (max-width:1350px) {

	/*.swiper-container_fv .swiper-wrapper li img { height: 100%; width: auto; max-width: 300%; }*/

}


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


@media (min-width:1001px) and (max-width:1200px) {

/*	#mystyle ul {
		width: 72.5%;
	}
	#mystyle ul li {
		width: 45.98%;
	}*/



	/*.swiper-pagination_fv { width: 96%; margin-left: auto; margin-right: auto; }*/

}


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


@media (min-width:1001px) and (max-width:1185px) {


}


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


@media (min-width:1001px) and (max-width:1145px) {

	#mv_i .swiper-container-horizontal>.swiper-pagination-bullets, #mv_i .swiper-pagination-custom, .swiper-pagination-fraction { margin-left: 0; left: 2vw; }

}/*End max-width:1145px;*/


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


@media (max-width:1000px){

	#mv_i { width: 100%; height: 140vw; position: relative;}
	.swiper-container_fv { width: 100%; height: 140vw; position: relative; }
	.swiper-container_fv.swiper-container-fade .swiper-slide { width: 100%; height: 100%; }
	.swiper-container_fv.swiper-container-fade .swiper-slide .img { width: 100%; height: 100%;
		overflow: hidden; }

	.swiper-container_fv.swiper-container-fade .swiper-slide.mv01 { background: url(../images/index/mv01_sp.jpg) center center no-repeat; background-size: cover; }
	.swiper-container_fv.swiper-container-fade .swiper-slide.mv02 { background: url(../images/index/mv02_sp.jpg) center center no-repeat; background-size: cover; }
	.swiper-container_fv.swiper-container-fade .swiper-slide.mv03 { background: url(../images/index/mv03_sp.jpg) center center no-repeat; background-size: cover; }
	.swiper-container_fv.swiper-container-fade .swiper-slide.mv04 { background: url(../images/index/mv04_sp.jpg) center center no-repeat; background-size: cover; }
	.swiper-container_fv.swiper-container-fade .swiper-slide.mv05 { background: url(../images/index/mv05_sp.jpg?0629) center center no-repeat; background-size: cover; }

	.swiper-container_fv.swiper-container-fade.winter .swiper-slide.mv01 { background: url(../images/index/mv01_sp_w.jpg) center center no-repeat; background-size: cover; }
	.swiper-container_fv.swiper-container-fade.winter .swiper-slide.mv02 { background: url(../images/index/mv02_sp_w.jpg) center center no-repeat; background-size: cover; }
	.swiper-container_fv.swiper-container-fade.winter .swiper-slide.mv03 { background: url(../images/index/mv03_sp_w.jpg) center center no-repeat; background-size: cover; }
	.swiper-container_fv.swiper-container-fade.winter .swiper-slide.mv04 { background: url(../images/index/mv04_sp.jpg) center center no-repeat; background-size: cover; }
	.swiper-container_fv.swiper-container-fade.winter .swiper-slide.mv05 { background: url(../images/index/mv05_sp_w.jpg) center center no-repeat; background-size: cover; }


	#mv_i .cc { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /*margin-top: -27vw; margin-left: -18vw;*/ z-index: 3; /*width: 100%;*/ }
	#mv_i .cc img { width:37.33334vw; }
	.swiper-container_fv .swiper-pagination_fv { display: flex; z-index: 10;
		justify-content: flex-end; position: absolute; bottom: 6vw !important; }
	#mv_i .swiper-pagination-bullet { width: 2vw; height: 2vw; border-radius: 50%;
		opacity: 1; background: #f8f8f2; margin: 0 2vw; }
	#mv_i .swiper-pagination-bullet-active { opacity: 1; width: 4vw; height: 4vw; border-radius: 50%; position: relative; bottom: 1vw; background: #f8f8f2; }


/* banner
---------------------------------------------------------------------- */
	#banner {
		padding:10vw 0 12vw;
	}
	#banner .w920 {
		width: 76vw;
		margin-right: auto;
		margin-left: auto;
	}
	.bn_l {
		margin-bottom: 4vw;
	}
	.bn_l img { width: 100%; }
	.bn_s {
		display: flex;
	 	flex-wrap: wrap;
	 	justify-content: space-between;
	}
	.bn_s li {
		width: 47.4%;
		margin-bottom: 4vw;
	}
	.bn_s li:nth-child(even) {
		margin-right: 0;
	}
	.bn_s li a img {
		width: 100%;
	}
	.infbtn-containts {
		width: 76vw;
		margin-right: auto;
		margin-left: auto;
	}
	.infbtn-containts h4 {
		text-align: center;
		font-size: 5vw;
		letter-spacing: 1vw;
		color: #603813;
		margin-bottom: 6vw;
	}
	.infbtn-containts a {
		width: 100%;

	}
	.infbtn-containts a {
		width: 250px;
		margin-right: auto;
		margin-left: auto;
	}

	.infbtn-containts .btn-containts {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.infbtn-containts .btn-containts a {
		margin-bottom: 2vw;
	}
	/*.infbtn-containts .btn-containts a:first-of-type {
		margin-bottom: 0;
	}*/


/* about
---------------------------------------------------------------------- */
	 #about {
		margin-bottom: 22vw;
	 }
	 #about .aboutwrap {
		padding:14vw 0 0 0;
		height: 90vw;
	    background: url(../images/index/bg_about.jpg) center top no-repeat;
    	text-align: center;
    	background-size: cover;
    	margin-bottom: 12vw;
	 }
	 /* #about .aboutwrap.winter {
	 	background: url(../images/index/bg_about_w.jpg) center top -10vw no-repeat;
	 	background-size: cover;
	 } */
	 #about .aboutwrap img {
		/* width: 27.66667vw; */
	 }
	 #about .img{
	 	width: 80vw;
	 	margin: 14vw auto ;
	 }
	 #about .txt{
	 	text-align: center;
	 }
	 #about .txt img {
	 	width: 68%;
	 }
	 #about .w800 a {
	 	width: 76vw;
	 	margin: 0 auto;
	 }

/* points
---------------------------------------------------------------------- */
	#points {
		padding: 10vw 0;
	}
	#points h3 {
		font-size: 10vw;
		text-align: center;
		font-family: 'Kalam', cursive;
		color: #603813;
		margin-bottom: 2vw;
		line-height: 1.5;
		background: url("../images/icon_pica.svg") top center no-repeat;
		background-size: 10vw auto;
		padding-top: 8vw;
	}
	#points h3 span {
		display: block;
		font-size: 4vw;
		text-align: center;
		font-family: 'Noto Sans JP', sans-serif;
		color: #603813;
		letter-spacing: 0.6vw;
	}
	#points .lead {
		font-size: 5vw;
		letter-spacing: 0.5vw;
		margin-bottom: 10vw;
	}
	.pointwrap {
		align-items: flex-end;
		margin-bottom: 100px;
	}
	.pointwrap .img {
		width: 100%;
		position: relative;
		overflow: hidden;
		margin-bottom: 6vw;
	}
	.pointwrap .img p {
		color: #FFFFFF;
		font-size: 5vw;
		letter-spacing: 1vw;
		position: absolute;
        text-shadow: 1px 1px 1vw rgba(0,0,0,.3),1px 1px 1.5vw rgba(0,0,0,.3),1px 1px 2vw rgba(0,0,0,.3),
                    -1px 1px 1vw rgba(0,0,0,.3),-1px 1px 1.5vw rgba(0,0,0,.3),-1px 1px 2vw rgba(0,0,0,.3),
                    1px -1px 1vw  rgba(0,0,0,.3),1px -1px 1.5vw rgba(0,0,0,.3),1px -1px 2vw rgba(0,0,0,.3),
                    -1px -1px 1vw rgba(0,0,0,.3),-1px -1px 1.5vw rgba(0,0,0,.3),-1px -1px 2vw rgba(0,0,0,.3);
                }
	.pointwrap .img img {
		width: 100%;
	}
	.pointwrap .txt {
		width: 76vw;
		margin-right: auto;
		margin-left: auto;
	}
	.pointwrap .txt p {
		margin-bottom: 6vw;
		line-height: 2;
	}
	.pointwrap .txt a {
		width: 100%;
		margin-bottom: 8vw;
	}
	.pointwrap h4 {
		margin : 10vw auto;
	}
	.bg_pattern {
		position: absolute;
    	top: 77vw;
    	left: -45vw;
    	z-index: -1;
    	width: 80vw;
	}
	#sightseeing {
		position: relative;
	}
	#sightseeing .hotspwrap {
		margin-bottom: 10vw;
	}
	#sightseeing .hotspwrap h4 {
		width: 58vw;
	}
	#sightseeing .img p {
		bottom: 30px;
		right: 30px;
	}
	#sightseeing .pointinner .txt p {
		margin-bottom: 6vw;
	}
	#sightseeing .img p {
		bottom: 6vw;
		right: 6vw;
	}
	#hotsp h4 {
		width: 30vw;
	}
	#hotsp .w800 {
		margin: 8vw auto;
	}
	#hotsp .pointinner .cbtn2 {
		width: 100%;
	}
	#sightseeing h4 {
		width: 30vw;
	}
	#rooms h4 {
		width: 25vw;
	}
	#mael .img p {
		bottom: 30px;
		left: 30px;
	}
	#mael h4 {
		width: 25vw;
	}
	#facilities h4 {
		width: 40vw;
	}



/* pet
---------------------------------------------------------------------- */
	#pet {
		position: relative;
	}
	#pet::after {
		content: "";
		display: inline-block;
		background-color: #fff;
		width: 100%;
		height: 50%;
		position: absolute;
		top: 50%;
		left: 0;
		z-index: -1;
	}
	.pet_innner {
		max-width: 88vw;
		margin: 0 auto;
		background-color: #b69541;
		position: relative;
		overflow: hidden;
		border-radius: 4vw;
		padding: 5.33334vw;
	}
	.pet_innner::before {
		content: "";
		display: inline-block;
		width: 52.93334vw;
		height: 36.66667vw;
		background: url('../images/index/bg_pet_foot_sp.png') center no-repeat;
		background-size: contain;
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
	}
	.pet_innner::after {
		content: "";
		display: inline-block;
		width: 35.46667vw;
		height: 56.4vw;
		background: url('../images/index/bg_pet_foot02_sp.png') center no-repeat;
		background-size: contain;
		position: absolute;
		z-index: 1;
		bottom: 0;
		right: 0;
	}
	.pet_innner2 {
		width: 75.6vw;
		margin: 0 auto;
		position: relative;
		z-index: 10;
	}
	.pet_innner2 h3 {
		text-align: center;
		color: #FFFFFF;
		font-size: calc((36 / 750 ) * 100vw);
		line-height: 1.5;
		margin-bottom: 4vw;
	}
	.pet_innner2 .img {
		border-radius: 4vw;
		overflow: hidden;
		margin-bottom: 4vw;
	}
	.pet_innner2 .img img {
		border-radius: 4vw;
	}
	.pet_innner2 .txt {
		color: #FFF;
		justify-content: space-between;
	}
	.pet_innner2 .txt li {
		margin-bottom: 2vw;
		font-size: calc((28 / 750 ) * 100vw);
	}





/* mystyle
---------------------------------------------------------------------- */
	#mystyle {
		padding: 10vw 0;
		position: relative;
		width: 80vw;
		padding-left: 12vw;
		margin-bottom: 22vw;
	}
	#mystyle .mystylewrap {
		width: 100%;
		position: relative;
	}
	#mystyle .heading {
		color: #FFFFFF;
	}
	#mystyle h4 {
		width: 30vw;
		margin: 0 auto 6vw;
	}
	#mystyle .heading h5 {
		margin-bottom: 7vw;
		font-weight: normal;
	}
	#mystyle .heading p {
		margin-bottom: 8vw;
		letter-spacing: 0.4vw;
		color: #603813;
		text-align: center;
	}
	#mystyle ul {
		width: 76vw;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#mystyle ul li {
		width: 100%;
		margin-bottom: 9vw;
		overflow: hidden;
	}
	#mystyle ul li a {
		display: block;
		width: 100%;
		height: 100%;
		background: url("../images/icon_arrow_r_green.svg") bottom 4vw right 4vw no-repeat #FFFFFF;
	}
	#mystyle ul li a .img {
		height: 57vw;
		overflow: hidden;
	}
	#mystyle ul li a .img img {
		width: 100%;
	}
	#mystyle ul li a .txt {
		padding: 1.5em 1.5em 3em;
		background-size: auto 2vw;
	}
	#mystyle ul li a .txt h5 {
		font-size: 4.6vw;
		color: #603813;
		margin-bottom: 4vw;
	}



/* #plan
---------------------------------------------------------------------- */
	#plan {
		padding: 20vw 0 ;
		position: relative;
		background-color: #FFF;
	}
	#plan::after {
		content: "";
		display: inline-block;
		background: url('../images/bg1.jpg');
		width: 100%;
		height: 50%;
		position: absolute;
		top: 50%;
		left: 0;
		z-index: 1;
	}
	#plan .plan_inner {
		position: relative;
		z-index: 5;
	}
	#plan .bg_pattern {
		position: absolute;
    top: -24vw;
    z-index: -1;
    left: 56vw;
	}
	#plan p.lead {
		line-height: 1.5;
	}
	#plan p.lead .bo_frame_radius {
		border-radius: 25vw;
	}
	#plan #ranking_489ban.mainw {
		width: 76vw;
	}
	#plan #ranking_489ban .PlanView {
		width: 100%;
		margin-bottom: 6vw;
		position: relative;
		overflow: hidden;
	}
	#plan #ranking_489ban .PlanView .main_picture {
		position: relative;
		height: 49.4vw;
		overflow: hidden;
	}
	#plan #ranking_489ban .PlanView .main_picture img {
		width: 100%;
	}
	#plan #ranking_489ban .PlanView .rank_no {
		width: 50vw;
		height: 40vw;
		position: absolute;
		z-index: 10;
		left: -10vw;
		top: -11vw;
		text-indent: -100000px;
	}
	#plan #ranking_489ban .PlanView.rank_1 .rank_no {
		background: url("../images/index/icon_emb01.png") center center no-repeat;
		background-size: contain;
	}
	#plan #ranking_489ban .PlanView.rank_2 .rank_no {
		background: url("../images/index/icon_emb02.png") center center no-repeat;
		background-size: contain;
	}
	#plan #ranking_489ban .PlanView.rank_3 .rank_no {
		background: url("../images/index/icon_emb03.png") center center no-repeat;
		background-size: contain;
	}
	#plan #ranking_489ban .PlanView .explan {
		padding: 1em 0;
	}
	#plan #ranking_489ban .PlanView .explan p.plan {
		font-size: 4vw;
		line-height: 1.5;
		color: #1C1C1C;
		margin-bottom: 4vw;
	}
	#plan #ranking_489ban .PlanView .explan .pblist li a {
		display: inline-block;
		width: auto;
		padding-right: 1em;
		border-bottom: 1px solid #D6D6D6;
		background: url("../images/icon_arrow_r_green.svg") right center no-repeat ;
		background-size: auto 2vw;
	}
	#plan .cbtn {
		width: 76vw;
		margin-right: auto;
		margin-left: auto;
	}



/* news
---------------------------------------------------------------------- */
	#news { margin-bottom: 8vw; }
	#news li { width: 100%; padding: 2vw 10vw 2vw 0; position: relative;
		background: url(../images/icon_arrow_r_green.svg) right center no-repeat;
		background-size: 1.6vw auto; border-bottom: #d3d3d1 1px solid; }
	#news li .day { margin-bottom: 2vw; }
	#news li .news_ttl a { color: #aa0a78; }
	#news .cbtn2 { width: 56vw; margin-right: auto; margin-left: auto; margin-top: 6vw; }



/* insta
---------------------------------------------------------------------- */
	#insta { margin: 3vw auto 3rem; overflow-x: hidden;}
	#insta div.for_sp { width: 90vw; height: 90vw; margin: 0 auto 3vw; overflow: hidden; }
	#insta div.for_sp iframe { width: 270vw!important; height: 90vw!important; }
	#insta a.btn { 
		width: 90%;
		margin: 0 auto;
		display: flex;
	    align-items: center;
	    justify-content: center;
		text-align: center;
		line-height: 1.7;
		color: #020000;
		background-color: #ffffff;
	    background-size: 3.7vw auto;
	    border: #e0e0e0 1px solid;
	    padding: 4vw;
    	text-decoration-line: none;
	}
	#insta a.btn img { width: 10vw; padding-right: 2vw;}



/* map
---------------------------------------------------------------------- */
	#map.mainw { width: 100%; }
	#map { padding: 10vw 0 0; background: url("../images/index/bg_mapjapan.svg") left -45vw bottom no-repeat;
		background-size: 160vw; }


/* access
---------------------------------------------------------------------- */
	#access { padding: 10vw 0 30vw; }
	#access .bg_pattern { top: -5vw; }
	#access .w1000{ width: 76vw; }
	#access p.how { font-size: 5.3vw; line-height: 1.8; color: #603813; margin-bottom: 2vw; }
	#access p { margin-bottom: 4vw; }
	#access a { width: 100%; }






}/* End (max-width:1000px)*/


@media all and (-ms-high-contrast: none) {

}