@charset "utf-8";
/* CSS Document */




/* base.cssへ移動したい */
.button1{
	display: flex;
	align-items: center;
	justify-content: space-between;
	
	padding: .5em 1em;
	
	color: #fff;
	background-color: #ccc;
	
	font-weight: bold;
	text-decoration: none;
}
.button1:hover{
	opacity: .8;
}
/*
.button1:after{
	content: "";
	flex: 0 0 auto;
	
	width: .5em;
	height: .5em;
	margin-left: 1em;
	
	border: 2px solid;
	border-top-color: transparent;
	border-left-color: transparent;
	
	transform: rotate(-45deg);
}
*/
.button1--skin1{
	background-color: #F7AC00;
}
button.button1:after{
	/* fix for ios */
	margin-top: auto;
	margin-left: auto;
	margin-bottom: auto;
}



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

 * hero

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

.hero{
	overflow: hidden;
}
.hero__items{
	margin: 0;
	padding: 0;
	list-style: none;
	
	z-index: 0;
}
.hero__item{
	box-sizing: border-box;
		
	min-width: 320px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.hero__link{
	display: block;
}
.hero__image{
	width: 100%;
	vertical-align: middle;
}

/* slick custom */
.hero .slick-arrow{
	cursor: pointer;
	
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	
	width: 5vw;
	
	text-indent: -9999px;
	
	border: 0;
	outline: 0 none;
	background-color: transparent;
}
.hero .slick-arrow:before{
	content: "";
	
	display: block;
	position: absolute;
	top: 0;
	
	bottom: 0;
	margin: auto;
	
	width: 5vw;
	height: 5vw;
	box-sizing: border-box;
	
	border-color: #fff;
	border-style: solid;
	border-width: 0 0 1px 1px;
	
	transition: opacity 64ms ease-out;
}
.hero .slick-arrow:hover:before{
	opacity: .8;
}
.hero .slick-prev{
	z-index: 1;
	left: 2.5vw;
}
.hero .slick-prev:before{
	left: 1.5vw;
	transform: rotate(45deg);
}
.hero .slick-next{
	right: 2.5vw;
}
.hero .slick-next:before{
	right: 1.5vw;
	transform: rotate(-135deg);
}

.hero__image{
	transition: opacity 360ms ease-out;
}
.hero .slick-slide:not(.slick-current) .hero__image{
	opacity: .5;
}
.hero .slick-slide{
	background-color: #000;
}

.hero .slick-dots{
	margin: 0;
	padding: 0;
	list-style: none;
	
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	
	padding-bottom: 1em;
	
	display: flex;
	align-items: center;
	justify-content: center;
}
.hero .slick-dots li{
	margin-left: .25em;
	margin-right: .25em;
	
	width: .875em;
	height: .875em;
	overflow: hidden;
	border-radius: 99em;
	
	color: #fff;
	background-color: #666;
}
.hero .slick-dots li.slick-active{
	background-color: #F6AB00;
}
.hero .slick-dots button{
	cursor: pointer;
	
	color: inherit;
	border-color: transparent;
	background-color: transparent;
	
	text-indent: -999em;
}



/* slick initialize */
.hero__items:not(.slick-initialized) .hero__item:nth-child(n+2){
	display: none;
}







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

 * news & new hotels

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

.newsFrame{}
.newsFrame__item{}
.newsFrame__inner{
	min-width: 320px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2.5%;
	padding-right: 2.5%;
	box-sizing: border-box;
	
	padding-top: 2.5em;
	padding-bottom: 2.5em;
}

@media (min-width: 769px){
	.newsFrame{
		display: flex;
	}
	.newsFrame__item{
		box-sizing: border-box;
		flex: 1 1 50%;
	}
	.newsFrame__inner{
		max-width: 600px;
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.newsFrame__item:first-child .newsFrame__inner{
		margin-right: 0;
	}
	.newsFrame__item:last-child .newsFrame__inner{
		margin-left: 0;
	}
}
@media (max-width: 768px){
	.newsFrame__inner{}
}




.newsInfo{
	background-color: #f0f0f0;
}
.newHotel{
	background-color: #eeebdf;
}





.newsTable{
	min-width: 100%;
	border-collapse: collapse;
	
	font-size: .875em;
	line-height: 2em;
	
}
.newsTable tr{
	border-bottom: 1px solid #ccc;
}
.newsTable__head{
	text-align: left;
	font-weight: normal;
	white-space: nowrap;
}
.newsTable__head--importance{
	color: #fff;
	background-color: #c00;
}
.newsTable__note{}

@media (min-width: 769px){
	.newsTable{
		table-layout: fixed;
		
		border-collapse: separate;
		border-spacing: 0 1em
	}
	.newsTable__head,
	.newsTable__note{
		vertical-align: middle;
		padding-bottom: .5em;
		
		/*
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		*/
		
		border-bottom: 1px dotted;
	}
	.newsTable__head--importance{
		padding-top: .5em;
	}
	.newsTable__head{}
	.newsTable__note{
		padding-left: 1em;
	}
}
@media (max-width: 768px){
	.newsTable{}
	.newsTable__head{}
	.newsTable__note{}
	
	
	.newsTable,
	.newsTable thead,
	.newsTable tbody,
	.newsTable tr,
	.newsTable__head,
	.newsTable__note{
		display: block;
	}
	.newsTable tr{
		padding-bottom: 1em;
	}
	.newsTable tr:not(:last-child){
		margin-bottom: 1em;
	}
	
}





.newsInfo__heading{}
.newsInfo__title{
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.5em;
	text-align: center;
	
	
	display: flex;
	align-items: center;
}
.newsInfo__titleRuby{
	font-size: .6em;
	line-height: 1.5em;
	
	margin-left: 1em;
}
.newsInfo__titleRuby:before,
.newsInfo__titleRuby:after{
	content: "~";
}
.newsInfo__link{
	color: inherit;
	text-decoration: inherit;
}
.newsInfo__frame{
	border: 0;
	width: 100%;
}





.newHotelFrame{
	margin: 0;
	padding: 0;
	list-style: none;
	
	margin-bottom: 1.5em;
}
.newHotelFrame__item{}

@media (min-width: 769px){
	.newHotelFrame{
		display: flex;
	}
	.newHotelFrame__item{
		flex: 1 1;
	}
	.newHotelFrame__item:not(:last-child){
		margin-right: 1em;
	}
}
@media (max-width: 768px){
	.newHotelFrame{
		display: flex;
	}
	.newHotelFrame__item{
		flex: 0 0 42.5%;
	}
	.newHotelFrame__item:not(:last-child){
		margin-right: 1em;
	}
}

.js-modal .newHotelFrame{
	flex-direction: column;
}
.js-modal .newHotelFrame__item{
	flex: 0 0 auto;
}
.js-modal .newHotelFrame__item:not(:last-child){
	margin-right: 0;
	margin-bottom: 1em;
}
.js-modal .newHotel__link{
	display: flex;
	align-items: center;
}
.js-modal .newHotel__fig{
	flex: 0 0 40%;
}
.js-modal .newHotel__image{
	max-width: 100%;
}
.js-modal .newHotel__name{
	margin-top: 0;
	margin-left: 1em;
}

@media all and (-ms-high-contrast:none){
	.newHotel .modal__inner{
		min-width: 640px;
	}
}



.newHotel__inner{
	padding-top: 4.25em;
	padding-bottom: 4.25em;
}
.newHotel__link{
	color: inherit;
	text-decoration: none;
}
.newHotel__link:hover{
	text-decoration: underline;
}
.newHotel__fig{
	margin: 0;
	padding: 0;
	
	position: relative;
}
.newHotel__image{
	width: 100%;
	box-sizing: border-box;
}
.newHotel__figcaption{
	position: absolute;
	right: 6%;
	bottom: 6%;
	
	
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	
	text-align: center;
	
	width: 40%;
	height: 40%;
	
	max-width: 6em;
	max-height: 6em;
	
	overflow: hidden;
	border-radius: 100em;
	
	color: #fff;
	background-color: #ECA514;
	
	transition: background-color 180ms ease-out;
}
.newHotel__link:hover .newHotel__figcaption{
	background-color: #000;
}
.newHotel__date{
	font-size: .875em;
	line-height: 1.5em;
}
.newHotel__name{
	line-height: 1.5em;
	margin-top: .5em;
}


@media (min-width: 769px){}
@media (max-width: 768px){}




.moreHotel{
	display: flex;
	
	margin-bottom: 2em;
	
	box-sizing: border-box;
}
.moreHotel__button{
	display: block;
	
	margin: 0;
	padding: 0;
	
	min-width: 3em;
	text-indent: -99em;
	overflow: hidden;
	
	cursor: pointer;
	display: block;
	
	outline: 0 none;
	background-color: transparent;
	
	position: relative;
	z-index: 0;
	
	border: 1px solid;
	border-radius: 0 .3125em .3125em 0;
	
}
.moreHotel__button:hover{
	color: #fff;
	background-color: #eca514;
}
.moreHotel__button:before{
	content: "";
	
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	width: 1em;
	height: 1em;
	
	margin: auto;
	
	border-style: solid;
	border-width: 1px 1px 0 0;
	
	transform: translateX(-33.33%) rotate(45deg);
}







.newsMore{
	margin: 0;
	padding: 0;
	list-style: none;
	
	color: #666;
	margin-top: 2em;
}
.newsMore__item{}

@media (min-width: 769px){
	.newsMore{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		
		margin-left: -1em;
		margin-bottom: -1em;
	}
	.newsMore__item{
		box-sizing: border-box;
		
		min-width: 25%;
		
		margin-left: 1em;
		margin-bottom: 1em;
		
		font-size: .75em;
		line-height: 2em;
	}
}
@media (max-width: 768px){
	.newsMore{}
	.newsMore__item{}
	.newsMore__item:not(:last-child){
		margin-bottom: 1em;
	}
}





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

 * banner

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

.banner{
	padding-top: 4em;
	padding-bottom: 4em;
}
.banner__items{
	margin: 0;
	padding: 0;
	list-style: none;
}
.banner__item{}
.banner__item--double{}
.banner__link{}
.banner__img{
	width: 100%;
}

.banner__more{
	display: inline-block;
	position: relative;

	padding: 0;
	border: 0;
	background-color: transparent;

	cursor: pointer;
}
.banner__more:hover{
	text-decoration: underline;
}
.banner__more:before{
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	margin: auto;
	margin-bottom: .5em;

	border-style: solid;
	border-width: 0 0 2px 2px;

	transform: rotate(-45deg);
}

.bannerMore{
	margin: 0;
	padding: 0;
	list-style: none;
	
	display: flex;
	justify-content: center;
}
.bannerMore__item{}

#banner__moreFlag{
	display: none;
}

@media (min-width: 769px){
	.banner{}
	.banner__items{
		display: flex;
		flex-wrap: wrap;
		
		margin-left: -1em;
		margin-bottom: -1em;
	}
	.banner__item{
		margin-left: 1em;
		margin-bottom: 1em;
		box-sizing: border-box;
		
		flex: 0 0 calc(25% - 1em);
	}
	.banner__item--double{
		flex-basis: calc(50% - 1em);
	}
	.bannerMore{
		display: none;
	}
}
@media all and (-ms-high-contrast: none) and (min-width: 769px){
	.banner__item{
		flex: 0 0 auto;
		width: calc(25% - 1em);
	}
	.banner__item--double{
		width: calc(50% - 1em);
	}
}
@media (max-width: 768px){
	.banner{}
	.banner__items{
		padding: 1em;
		
		display: flex;
		flex-wrap: wrap;
		
		margin-left: -1em;
		margin-bottom: -1em;
	}
	.banner__item{
		margin-left: 1em;
		margin-bottom: 1em;
		box-sizing: border-box;
		
		flex: 0 0 calc(50% - 1em);
	}
	.banner__item--double{
		flex-basis: calc(100% - 1em);
	}
	.banner__item:not(:last-child){
		margin-bottom: 1em;
	}
	.banner__item:nth-child(n + 7){
		display: none;
	}
	#banner__moreFlag:checked ~ .banner__items .banner__item:nth-child(n + 3){
		display: inherit;
	}
	#banner__moreFlag:checked ~ .bannerMore{
		display: none;
	}
}





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

 * バナー

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

.slideBanner{
	margin-top: 4em;
	margin-bottom: 4em;
	
	overflow: hidden;
}
.slideBanner__items{
	margin: 0;
	padding: 0;
	list-style: none;
}
.slideBanner__item{
	box-sizing: border-box;
}
.slideBanner__link{
	display: block;
	color: inherit;
	text-decoration: inherit;
}
.slideBanner__image{}
.slideBanner__img{
	width: 100%;
	vertical-align: middle;
}
.slideBanner__note{
	font-size: .875em;
	line-height: 2em;
	margin-top: .5em;
}

@media (min-width: 769px){
	.slideBanner{}
	.slideBanner__items{}
	.slideBanner__item{}
	.slideBanner__link{}
	.slideBanner__image{}
	.slideBanner__img{}
	.slideBanner__note{}
}

@media (max-width: 768px){
	.slideBanner{}
	.slideBanner__items{}
	.slideBanner__item{}
	.slideBanner__link{}
	.slideBanner__image{}
	.slideBanner__img{}
	.slideBanner__note{}
}


/* slick custom */
.slideBanner__items{
	z-index: 0;
}
.slideBanner__items .slick-slide{
	margin-left: 1em;
	margin-right: 1em;
}

.slideBanner__items .slick-list{
	margin-left: -1em;
	margin-right: -1em;
}
.slideBanner__items .slick-arrow{
	cursor: pointer;
	
	display: block;
	position: relative;
	
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-100%);
	
	width: 1em;
	height: 1em;
	padding: 1em;
	overflow: hidden;
	text-indent: -999em;
	
	color: #fff;
	border-color: transparent;
	background-color: rgba(0, 0, 0, .5);
	outline: 0 none;
}
.slideBanner__items .slick-arrow:before{
	content: "!";
	
	display: block;
	
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	
	width: .75em;
	height: .75em;
	
	border-style: solid;
	border-width: 0 .25em .25em 0;
	
	transform: rotate(-45deg);
}
.slideBanner__items .slick-prev:before{
	transform: rotate(-225deg);
}
.slideBanner__items .slick-prev{
	left: 0;
}
.slideBanner__items .slick-next{
	right: 0;
}

@media (min-width: 769px){
	.slideBanner__items .slick-prev{
		transform: translate(-50%, -100%);
	}
	.slideBanner__items .slick-next{
		transform: translate(50%, -100%);
	}
}

@media (max-width: 768px){
	.slideBanner__items .slideBanner__items{
		overflow: hidden;
	}
}

/* slick initialize */
.slideBanner__items:not(.slick-initialized) .hero__item:nth-child(n+2){
	display: none;
}







.asideNavi{
	margin-top: 4em;
	margin-bottom: 4em;
}
.asideNavi__items{
	margin: 0;
	padding: 0;
	list-style: none;
	
	margin-bottom: 1em;
	
	display: flex;
	flex-wrap: wrap;
	
	border-style: solid;
	border-color: #ccc;
	border-width: 0 1px 1px 0;
}
.asideNavi__item{
	box-sizing: border-box;
	
	flex: 1 1 auto;
	
	border-style: solid;
	border-color: #ccc;
	border-width: 1px 0 0 1px;
}
.asideNavi__link{
	display: flex;
	align-items: center;
	
	padding: .5em 1em;
	
	color: inherit;
	text-decoration: inherit;
	font-weight: bold;
}
.asideNavi__icon{
	margin-right: 1em;
}
.asideNavi__iconImg{}
.asideNavi__note{}

@media (min-width: 769px){
	.asideNavi{}
	.asideNavi__items{}
	.asideNavi__item{
		flex-basis: 33.33%;
	}
	.asideNavi__link{}
	.asideNavi__icon{}
	.asideNavi__iconImg{}
	.asideNavi__note{}
}

@media (max-width: 768px){
	.asideNavi{}
	.asideNavi__items{}
	.asideNavi__item{
		flex-basis: 50%;
	}
	.asideNavi__link{}
	.asideNavi__icon{}
	.asideNavi__iconImg{
		width: 20px;
	}
	.asideNavi__note{}
	
	#asideNavi__moreFlag:not(:checked) ~ .asideNavi__items .asideNavi__item:nth-child(n + 5),
	#asideNavi__moreFlag:checked ~ .moreTarget{
		display: none;
	}
	#asideNavi__moreFlag:checked ~ .asideNavi__items .asideNavi__item:nth-child(n + 5){
		animation: kf-fadein 180ms ease-out both;
	}
}

@media all and (-ms-high-contrast:none) and (min-width: 769px){
	.asideNavi__item{
		flex-basis: auto;
		width: 33.33%;
	}
}
@media all and (-ms-high-contrast:none) and (max-width: 768px){
	.asideNavi__item{
		flex-basis: auto;
		width: 50%;
	}
}




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

 * map

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

.map{
	position: relative;
	padding-bottom: 4em;
	/*
	background-color: #f0f0f0;
	background-image: radial-gradient(#e4e4e4 33.33%, transparent 0);
	background-position: 0 0;
	background-size: 3px 3px;
	*/
}
.map__inner{
	position: relative;
}
.map__bg{
	margin: 0;
	padding: 0;
}
.map__bg > img{
	width: 100%;
}
.map__heading{
	margin: 0;
	padding: 0;
	
	position: absolute;
	top: 15%;
	left: 0;
	right: 0;
	
	font-size: 3.33vw;
	font-weight: bold;
	text-align: center;
	pointer-events: none;
}
.map__more{
	display: flex;
	justify-content: center;
	
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin-left: auto;
	margin-right: auto;
}
.map__moreButton{
	display: flex;
	align-items: center;
	flex-direction: column;
	
	padding: .5em 1em;
	
	color: #fff;
	background-color: #F7AC00;
	
	font-weight: bold;
	text-decoration: none;
}
.map__moreButton:after{
	content: "";
	flex: 0 0 auto;
	
	width: .5em;
	height: .5em;
	
	border: 2px solid;
	border-top-color: transparent;
	border-left-color: transparent;
	
	transform: rotate(45deg);
}

/* new map 2019-10-25 */
.map__frame{
	width: 100%;
	height: 700px;
	border: 0 none;
	box-sizing: border-box;
}

@media (max-width: 768px){
	.map__frame{
		height: 745px;
	}
}
/* new map 2019-10-25 */




.mapArea{
	margin: 0;
	padding: 0;
	list-style: none;
}
.mapArea__item{
	position: absolute;
	
	min-width: 10vw;
	
	font-size: 1.25vw;
	font-weight: bold;
	line-height: 2em;
	text-align: center;
}
html[lang=en] .mapArea__item{
	font-size: 1vw;
}
.mapArea__link{
	display: block;
	
	color: inherit;
	background-color: #fff;
	text-decoration: none;
	
	border: 0;
	width: 100%;
	box-sizing: border-box;
	font-size: inherit;
	font-weight: inherit;
	cursor: pointer;
	
	padding-left: 1em;
	padding-right: 1em;
}
.mapArea__link:hover{
	color: #fff;
	background-color: #151A5F;
}

.mapArea__item--hokkaido{
	left: 83.25%;
	top: 16%;
}
.mapArea__item--touhoku{
	left: 75.83%;
	top: 48.99%;
}
.mapArea__item--kanto{
	left: 69%;
	top: 73.78%;
}
.mapArea__item--tokyo{
	left: 69%;
	top: 79.78%;
}
.mapArea__item--koshinetsu{
	left: 54.83%;
	top: 46.46%;
}
.mapArea__item--hokuriku{
	left: 45.66%;
	top: 53.21%;
}
.mapArea__item--toukai{
	left: 58.16%;
	top: 86.43%;
}
.mapArea__item--kinki{
	left: 46.5%;
	top: 86.43%;
}
.mapArea__item--osaka{
	left: 46.5%;
	top: 92.43%;
}
.mapArea__item--tyugoku{
	left: 34%;
	top: 59.95%;
}
.mapArea__item--shikoku{
	left: 34.91%;
	top: 86.43%;
}
.mapArea__item--kyushu{
	left: 17.16%;
	top: 80.87%;
}
.mapArea__item--okinawa{
	left: 85%;
	top: 93%;
}
.mapArea__item--others{
	left: 11.75%;
	top: 15.44%;
}
.mapArea__item--candle{
	left: 15%;
	top: 25%;
}
.mapArea__item--yangon{
	left: 6%;
	top: 7.148%;
}
.mapArea__item--thilawa{
	left: 6%;
	top: 13.148%;
}

/* modal adjust */
.mapArea__item .modal__inner{
	position: relative;
}
.mapArea__item .modal__close{
	color: inherit;
}





.hotelMap{}
.hotelMap__title{
	font-size: 1.5em;
	margin-bottom: 1em;
}
.hotelMap__map{
	position: relative;
}
.hotelMap__bg{
	max-width: 100%;
	border: 1px solid;
	box-sizing: border-box;
}
.hotelMap__hotels{
	margin: 0;
	padding: 0;
	list-style: none;
	
	box-sizing: border-box;
	
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	column-gap: 50%;
	column-count: 2;
}
@media all and (-ms-high-contrast:none){
	.hotelMap__hotels{
		column-gap: 30vw;
	}
}
.hotelMap__hotel{
	box-sizing: border-box;
	break-inside: avoid;
	page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	
	border: 1px solid;
	margin-bottom: -1px;
	
	font-size: .875em;
	line-height: 2em;
	
	text-align: left;
}
@media (min-width: 1200px){
	html[lang=ja] .hotelMap__hotel{ font-size: .875rem; }
	html[lang=en] .hotelMap__hotel{ font-size: .75rem; }
}
.hotelMap__link{
	display: flex;
	align-items: center;
	justify-content: space-between;
	
	padding: .25em 1em;
	
	color: inherit;
	text-decoration: none;
}
.hotelMap__hotel:nth-child(odd) .hotelMap__link{
	background-color: #fff;
}
.hotelMap__hotel:nth-child(even) .hotelMap__link{
	background-color: #f5f5f5;
}
.hotelMap__link:hover{
	color: #fff;
	background-color: #000 !important;
}
.hotelMap__link:after{
	content: "";
	display: block;
	
	width: .369em;
	height: .369em;
	
	border: 2px solid;
	border-left-color: transparent;
	border-bottom-color: transparent;
	
	transform: rotate(45deg);
}
.hotelMap__link:before{
	content: "●";
	
	color: #f7ac00;
	display: block;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	
	font-size: .75em;
	
	transition: transform 180ms ease-out;
}
.hotelMap__link:hover:before{
	color: red;
	transform: scale(2);
	
	z-index: 1;
}

.hotelMap__areaChange{
	position: absolute;
	z-index: 1;
	font-size: .875em;
	line-height: 2em;
	
	cursor: pointer;
	border: 0;
	box-sizing: border-box;
	background-color: #f7ac00;
	color: #fff;
}
.mapArea__item--kanto .hotelMap__areaChange{
	left: 51.75%;
	top: 54.5%;
	transform: translateX(-50%);
}
.mapArea__item--kinki .hotelMap__areaChange{
	left: 50%;
	top: 43%;
	transform: translateX(-50%);
}


#hotelMap__hotel--asahikawa .hotelMap__link:before				{ left: 47.04545455%; top: 38.95833333%; }
#hotelMap__hotel--ishikari .hotelMap__link:before				{ left: 35.477%; top: 51.75%; }
#hotelMap__hotel--susukino .hotelMap__link:before				{ left: 36.47727273%; top: 58.75%; }
#hotelMap__hotel--sapporo .hotelMap__link:before				{ left: 35.5%; top: 54.25%; }
#hotelMap__hotel--hakodate .hotelMap__link:before				{ left: 28.86363636%; top: 81.04166667%; }
#hotelMap__hotel--kushiro .hotelMap__link:before				{ left: 62.84090909%; top: 55.20833333%; }
#hotelMap__hotel--kushiroekimae .hotelMap__link:before			{ left: 63.06818182%; top: 52.29166667%; }
#hotelMap__hotel--kitami .hotelMap__link:before					{ left: 52.61363636%; top: 35.20833333%; }
#hotelMap__hotel--obihiro .hotelMap__link:before				{ left: 50%; top: 54%; }

#hotelMap__hotel--aomori .hotelMap__link:before					{ left: 55.79545455%; top: 17.29166667%; }
#hotelMap__hotel--towada .hotelMap__link:before					{ left: 58.18181818%; top: 20.20833333%; }
#hotelMap__hotel--hirosaki .hotelMap__link:before				{ left: 53.18181818%; top: 19.16666667%; }
#hotelMap__hotel--hachinohe .hotelMap__link:before				{ left: 59.31818182%; top: 22.91666667%; }
#hotelMap__hotel--hachinohekinen .hotelMap__link:before			{ left: 60.45454545%; top: 21.66666667%; }
#hotelMap__hotel--morioka .hotelMap__link:before				{ left: 58.52272727%; top: 36.875%; }
#hotelMap__hotel--yahaba .hotelMap__link:before					{ left: 56.523%; top: 33.875%; }
#hotelMap__hotel--hirose .hotelMap__link:before					{ left: 56.02272727%; top: 61.25%; }
#hotelMap__hotel--sendai .hotelMap__link:before					{ left: 55.11363636%; top: 59.16666667%; }
#hotelMap__hotel--mitazono .hotelMap__link:before				{ left: 57.523%; top: 56.875%; }
#hotelMap__hotel--natori .hotelMap__link:before					{ left: 57%; top: 58%; }
#hotelMap__hotel--iwaki .hotelMap__link:before					{ left: 55.68181818%; top: 79.16666667%; }
#hotelMap__hotel--yamagata .hotelMap__link:before				{ left: 51.13636364%; top: 58.75%; }
#hotelMap__hotel--higashine .hotelMap__link:before				{ left: 51.13636364%; top: 56.25%; }
#hotelMap__hotel--tsuruoka .hotelMap__link:before				{ left: 49.20454545%; top: 53.125%; }

#hotelMap__hotel--utsunomiya .hotelMap__link:before				{ left: 55.11363636%; top: 20.625%; }
#hotelMap__hotel--oyama .hotelMap__link:before					{ left: 53.06818182%; top: 28.95833333%; }
#hotelMap__hotel--mito .hotelMap__link:before					{ left: 64.77272727%; top: 26.875%; }
#hotelMap__hotel--kashima .hotelMap__link:before				{ left: 66.47727273%; top: 44.58333333%; }
#hotelMap__hotel--tachikawakita .hotelMap__link:before			{ left: 45.56818182%; top: 56.25%; }
#hotelMap__hotel--shinyokohama .hotelMap__link:before			{ left: 49.31818182%; top: 62.70833333%; }
#hotelMap__hotel--kannai .hotelMap__link:before					{ left: 49.54545455%; top: 66.45833333%; }
#hotelMap__hotel--fujisawa .hotelMap__link:before				{ left: 45.56818182%; top: 67.91666667%; }
#hotelMap__hotel--totsuka .hotelMap__link:before				{ left: 47.84090909%; top: 67.70833333%; }
#hotelMap__hotel--musashikosugi .hotelMap__link:before			{ left: 48.63636364%; top: 60%; }
#hotelMap__hotel--chiba .hotelMap__link:before					{ left: 58.63636364%; top: 55.83333333%; }
#hotelMap__hotel--myoden .hotelMap__link:before					{ left: 56.59090909%; top: 53.33333333%; }
#hotelMap__hotel--ichihara .hotelMap__link:before				{ left: 57.72727273%; top: 63.125%; }

#hotelMap__hotel--omiya .hotelMap__link:before					{ left: 50.11363636%; top: 46.875%; }
#hotelMap__hotel--p_omiya .hotelMap__link:before				{ left: 51%; top: 45.583%; }
#hotelMap__hotel--wako .hotelMap__link:before					{ left: 46.93181818%; top: 50.83333333%; }
#hotelMap__hotel--kuki .hotelMap__link:before					{ left: 50%; top: 39.58333333%; }
#hotelMap__hotel--kawagoe .hotelMap__link:before				{ left: 47.15909091%; top: 45.41666667%; }

#hotelMap__hotel--shinbashi .hotelMap__link:before				{ left: 48.29545455%; top: 52.5%; }
#hotelMap__hotel--akasaka .hotelMap__link:before				{ left: 49.43181818%; top: 38.95833333%; }
#hotelMap__hotel--shiba .hotelMap__link:before					{ left: 48.52272727%; top: 54.58333333%; }
#hotelMap__hotel--tokyo_nihonbashi .hotelMap__link:before		{ left: 53.06818182%; top: 42.29166667%; }
#hotelMap__hotel--yaesu .hotelMap__link:before					{ left: 52.38636364%; top: 45.41666667%; }
#hotelMap__hotel--ginza .hotelMap__link:before					{ left: 50%; top: 47.91666667%; }
#hotelMap__hotel--okachimachi .hotelMap__link:before			{ left: 53.63636364%; top: 33.125%; }
#hotelMap__hotel--akihabara .hotelMap__link:before				{ left: 53.63636364%; top: 35.20833333%; }
#hotelMap__hotel--p_akiba .hotelMap__link:before				{ left: 54.068%; top: 36.292%; }
#hotelMap__hotel--asakusa .hotelMap__link:before				{ left: 55.22727273%; top: 31.25%; }
#hotelMap__hotel--ueno .hotelMap__link:before					{ left: 53.06818182%; top: 28.125%; }
#hotelMap__hotel--akabane .hotelMap__link:before				{ left: 46.70454545%; top: 20%; }
#hotelMap__hotel--akabaneminami .hotelMap__link:before			{ left: 48%; top: 21%; }
#hotelMap__hotel--otsuka .hotelMap__link:before					{ left: 46.59090909%; top: 25.83333333%; }
#hotelMap__hotel--ikebukuro .hotelMap__link:before				{ left: 44.20454545%; top: 25.20833333%; }
#hotelMap__hotel--jrikebukuro .hotelMap__link:before			{ left: 43.52272727%; top: 27.08333333%; }
#hotelMap__hotel--kabukicho .hotelMap__link:before				{ left: 46.70454545%; top: 34.375%; }
#hotelMap__hotel--shinkoiwa .hotelMap__link:before				{ left: 65.45454545%; top: 35.41666667%; }
#hotelMap__hotel--kameido .hotelMap__link:before				{ left: 58.97727273%; top: 42.70833333%; }
#hotelMap__hotel--kinshicho .hotelMap__link:before				{ left: 56.70454545%; top: 42.70833333%; }
#hotelMap__hotel--kamata .hotelMap__link:before					{ left: 46.93181818%; top: 77.91666667%; }
#hotelMap__hotel--hamamatsucho .hotelMap__link:before			{ left: 47.72727273%; top: 56.25%; }
#hotelMap__hotel--shinbanba .hotelMap__link:before				{ left: 48.86363636%; top: 60.41666667%; }
#hotelMap__hotel--aomonoyokocho .hotelMap__link:before			{ left: 48.18181818%; top: 63.75%; }

#hotelMap__hotel--nigata .hotelMap__link:before					{ left: 57.61363636%; top: 19.79166667%; }
#hotelMap__hotel--arai .hotelMap__link:before					{ left: 46.81818182%; top: 40.625%; }
#hotelMap__hotel--jyoetsu .hotelMap__link:before				{ left: 48.614%; top: 34.792%; }
#hotelMap__hotel--matumoto .hotelMap__link:before				{ left: 46.13636364%; top: 57.5%; }
#hotelMap__hotel--matsumotohigashi .hotelMap__link:before		{ left: 46.59090909%; top: 59.79166667%; }
#hotelMap__hotel--iida .hotelMap__link:before					{ left: 44.31818182%; top: 77.08333333%; }
#hotelMap__hotel--kofu .hotelMap__link:before					{ left: 50%; top: 72.29166667%; }
#hotelMap__hotel--minamialps .hotelMap__link:before				{ left: 48.63636364%; top: 72.91666667%; }

#hotelMap__hotel--takaoka .hotelMap__link:before				{ left: 55%; top: 32.29166667%; }
#hotelMap__hotel--imizu .hotelMap__link:before					{ left: 54%; top: 29.292%; }
#hotelMap__hotel--kanazawa .hotelMap__link:before				{ left: 46.5%; top: 38.292%; }
#hotelMap__hotel--takefu .hotelMap__link:before					{ left: 40%; top: 59.292%; }

#hotelMap__hotel--nagaizumi .hotelMap__link:before				{ left: 69.31818182%; top: 46.25%; }
#hotelMap__hotel--gotenba .hotelMap__link:before				{ left: 70.68181818%; top: 44.58333333%; }
#hotelMap__hotel--gotenba2 .hotelMap__link:before				{ left: 69.88636364%; top: 42.70833333%; }
#hotelMap__hotel--fujinomiya .hotelMap__link:before				{ left: 65.22727273%; top: 41.66666667%; }
#hotelMap__hotel--fuji .hotelMap__link:before					{ left: 67.38636364%; top: 41.66666667%; }
#hotelMap__hotel--jrfuji .hotelMap__link:before					{ left: 66.59090909%; top: 43.75%; }
#hotelMap__hotel--fujihon .hotelMap__link:before				{ left: 65.22727273%; top: 44.375%; }
#hotelMap__hotel--hamamatsu .hotelMap__link:before				{ left: 48.86363636%; top: 59.375%; }
#hotelMap__hotel--okazaki .hotelMap__link:before				{ left: 40.68181818%; top: 52.5%; }
#hotelMap__hotel--anjo .hotelMap__link:before					{ left: 38.75%; top: 51.25%; }
#hotelMap__hotel--nagoya .hotelMap__link:before					{ left: 35.22727273%; top: 45.20833333%; }
#hotelMap__hotel--takayama .hotelMap__link:before				{ left: 43.63636364%; top: 13.75%; }
#hotelMap__hotel--ogaki .hotelMap__link:before					{ left: 31.25%; top: 38.54166667%; }
#hotelMap__hotel--yokkaichi .hotelMap__link:before				{ left: 30.22727273%; top: 52.5%; }
#hotelMap__hotel--kokudo_yokkaichi .hotelMap__link:before		{ left: 31.47727273%; top: 51.875%; }
#hotelMap__hotel--suzuka .hotelMap__link:before					{ left: 29.43181818%; top: 57.70833333%; }
#hotelMap__hotel--kuwanaekimae .hotelMap__link:before			{ left: 32.27272727%; top: 47.70833333%; }
#hotelMap__hotel--matusaka .hotelMap__link:before				{ left: 29.54545455%; top: 66.25%; }

#hotelMap__hotel--hikone .hotelMap__link:before					{ left: 61.47727273%; top: 21.45833333%; }
#hotelMap__hotel--kusatsu .hotelMap__link:before				{ left: 58.52272727%; top: 26.04166667%; }
#hotelMap__hotel--otsu .hotelMap__link:before					{ left: 56.22727273%; top: 28.79166667%; }
#hotelMap__hotel--maizuru .hotelMap__link:before				{ left: 47.477%; top: 11.458%; }
#hotelMap__hotel--karasuma .hotelMap__link:before				{ left: 53.40909091%; top: 31.25%; }
#hotelMap__hotel--shijyo .hotelMap__link:before					{ left: 54.54545455%; top: 31.25%; }
#hotelMap__hotel--jrnara .hotelMap__link:before					{ left: 56.36363636%; top: 43.75%; }
#hotelMap__hotel--lohasnara .hotelMap__link:before				{ left: 54.88636364%; top: 44.16666667%; }
#hotelMap__hotel--yamatokoriyama .hotelMap__link:before			{ left: 54.09090909%; top: 48.33333333%; }
#hotelMap__hotel--nara .hotelMap__link:before					{ left: 53.63636364%; top: 42.08333333%; }
#hotelMap__hotel--kobe .hotelMap__link:before					{ left: 45%; top: 38.83333333%; }
#hotelMap__hotel--kakogawa .hotelMap__link:before				{ left: 40%; top: 36.833%; }

#hotelMap__hotel--shinosaka .hotelMap__link:before				{ left: 55.22727273%; top: 32.08333333%; }
#hotelMap__hotel--osakaspa .hotelMap__link:before				{ left: 52.15909091%; top: 36.45833333%; }
#hotelMap__hotel--higo .hotelMap__link:before					{ left: 55.22727273%; top: 34.16666667%; }
#hotelMap__hotel--tanimachi .hotelMap__link:before				{ left: 58.86363636%; top: 36.45833333%; }
#hotelMap__hotel--honmachi .hotelMap__link:before				{ left: 55.22727273%; top: 36.45833333%; }
#hotelMap__hotel--nihonbashi .hotelMap__link:before				{ left: 55.22727273%; top: 40.20833333%; }
#hotelMap__hotel--tennouji .hotelMap__link:before				{ left: 55.22727273%; top: 43.95833333%; }
#hotelMap__hotel--esaka .hotelMap__link:before					{ left: 55.22727273%; top: 27.91666667%; }
#hotelMap__hotel--kadoma .hotelMap__link:before					{ left: 58.40909091%; top: 24.375%; }
#hotelMap__hotel--sakai .hotelMap__link:before					{ left: 55.11363636%; top: 52.08333333%; }

#hotelMap__hotel--tottori .hotelMap__link:before				{ left: 70.90909091%; top: 29.58333333%; }
#hotelMap__hotel--tottorikita .hotelMap__link:before			{ left: 70%; top: 27.91666667%; }
#hotelMap__hotel--yonago .hotelMap__link:before					{ left: 60%; top: 29.58333333%; }
#hotelMap__hotel--matsue .hotelMap__link:before					{ left: 55.56818182%; top: 25.83333333%; }
#hotelMap__hotel--izumo .hotelMap__link:before					{ left: 51.02272727%; top: 30.83333333%; }
#hotelMap__hotel--gotsu .hotelMap__link:before					{ left: 46.59090909%; top: 37.5%; }
#hotelMap__hotel--kurasiki .hotelMap__link:before				{ left: 65.34090909%; top: 54.375%; }
#hotelMap__hotel--p_okayama .hotelMap__link:before				{ left: 66.341%; top: 49.375%; }
#hotelMap__hotel--hiroshima .hotelMap__link:before				{ left: 48.29545455%; top: 60.625%; }
#hotelMap__hotel--mihara .hotelMap__link:before					{ left: 51.70454545%; top: 60.625%; }
#hotelMap__hotel--yuda .hotelMap__link:before					{ left: 32.5%; top: 65.41666667%; }
#hotelMap__hotel--houfuekimae .hotelMap__link:before			{ left: 34.43181818%; top: 67.29166667%; }
#hotelMap__hotel--ube .hotelMap__link:before					{ left: 30.68181818%; top: 70.20833333%; }
#hotelMap__hotel--shimonoseki .hotelMap__link:before			{ left: 27%; top: 70%; }

#hotelMap__hotel--takamatsu .hotelMap__link:before				{ left: 64.88636364%; top: 19.79166667%; }
#hotelMap__hotel--takamatsutamachi .hotelMap__link:before		{ left: 64.20454545%; top: 16.875%; }
#hotelMap__hotel--marugame .hotelMap__link:before				{ left: 57.886%; top: 14.792%; }
#hotelMap__hotel--anan .hotelMap__link:before					{ left: 73.86363636%; top: 38.54166667%; }
#hotelMap__hotel--anan_shiyakusho .hotelMap__link:before		{ left: 73.864%; top: 36.542%; }
#hotelMap__hotel--kouchi .hotelMap__link:before					{ left: 50.11363636%; top: 47.91666667%; }
#hotelMap__hotel--matuyama .hotelMap__link:before				{ left: 34.20454545%; top: 35.20833333%; }
#hotelMap__hotel--yawatahama .hotelMap__link:before				{ left: 26.02272727%; top: 47.29166667%; }
#hotelMap__hotel--niihama .hotelMap__link:before				{ left: 44.20454545%; top: 31.04166667%; }
#hotelMap__hotel--saijyo .hotelMap__link:before					{ left: 43.864%; top: 26.542%; }
#hotelMap__hotel--ehime_ozu .hotelMap__link:before				{ left: 27.84090909%; top: 41.66666667%; }
#hotelMap__hotel--shikokuchuo .hotelMap__link:before			{ left: 48.63636364%; top: 28.95833333%; }

#hotelMap__hotel--lohas_hakata .hotelMap__link:before			{ left: 53.40909091%; top: 9.375%; }
#hotelMap__hotel--hakata .hotelMap__link:before					{ left: 52.04545455%; top: 9.375%; }
#hotelMap__hotel--kokura .hotelMap__link:before					{ left: 56.25%; top: 5.833333333%; }
#hotelMap__hotel--kumamoto .hotelMap__link:before				{ left: 53.29545455%; top: 33.125%; }
#hotelMap__hotel--yatsushiro .hotelMap__link:before				{ left: 52.409%; top: 38.375%; }
#hotelMap__hotel--yamaga .hotelMap__link:before					{ left: 52.04545455%; top: 29.58333333%; }
#hotelMap__hotel--minamata .hotelMap__link:before				{ left: 50.11363636%; top: 45.625%; }
#hotelMap__hotel--nakatsu .hotelMap__link:before				{ left: 63.29545455%; top: 16.25%; }
#hotelMap__hotel--beppu .hotelMap__link:before					{ left: 64.409%; top: 21.375%; }
#hotelMap__hotel--miyazaki .hotelMap__link:before				{ left: 60.34090909%; top: 59.16666667%; }
#hotelMap__hotel--p_miyazaki .hotelMap__link:before				{ left: 58.5%; top: 59%; }
#hotelMap__hotel--satumasendai .hotelMap__link:before			{ left: 46.02272727%; top: 60.83333333%; }

#hotelMap__hotel--naha .hotelMap__link:before					{ left: 54.65909091%; top: 48.54166667%; }
#hotelMap__hotel--shintoshin .hotelMap__link:before				{ left: 55.90909091%; top: 46.25%; }
#hotelMap__hotel--nago .hotelMap__link:before					{ left: 60.34090909%; top: 39.58333333%; }
#hotelMap__hotel--ishigakijima .hotelMap__link:before			{ left: 12.5%; top: 75.83333333%; }

#hotelMap__hotel--hanoi .hotelMap__link:before					{ left: 43.18181818%; top: 12.5%; }
#hotelMap__hotel--candle .hotelMap__link:before					{ left: 42.04545455%; top: 14.58333333%; }






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

 * map2

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

.map2{
	position: relative;
	padding-bottom: 4em;
}
.map2__inner{
	position: relative;
}
.map2__bg{
	margin: 0;
	padding: 0;
}
.map2__bg > img{
	width: 100%;
}
.map2__heading{
	margin: 0;
	padding: 0;
	
	position: absolute;
	top: 6%;
	left: 0;
	right: 0;
	
	font-size: 2.6em;
	
	font-weight: bold;
	text-align: center;
	pointer-events: none;
}
@media (max-width: 1260px){
	.map2__heading{
		font-size: 3.33vw;
	}
}
.map2__more{
	display: flex;
	justify-content: center;
	
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin-left: auto;
	margin-right: auto;
}
.map2__moreButton{
	display: flex;
	align-items: center;
	flex-direction: column;
	
	padding: .5em 1em;
	
	color: #fff;
	background-color: #F7AC00;
	
	font-weight: bold;
	text-decoration: none;
}
.map2__moreButton:after{
	content: "";
	flex: 0 0 auto;
	
	width: .5em;
	height: .5em;
	
	border: 2px solid;
	border-top-color: transparent;
	border-left-color: transparent;
	
	transform: rotate(45deg);
}

/* new map 2019-10-25 */
.map2__frame{
	width: 100%;
	height: 700px;
	border: 0 none;
	box-sizing: border-box;
}

@media (max-width: 768px){
	.map2__frame{
		height: 745px;
	}
}
/* new map 2019-10-25 */




.map2-area{
	margin: 0;
	padding: 0;
	list-style: none;
}
.map2-area__item{
	position: absolute;
	
	/*min-width: 10vw;*/
	
	font-size: 1em;
	font-weight: bold;
	line-height: 2em;
	text-align: center;
}
@media (max-width: 1260px){
	.map2-area__item{
		font-size: 1.25vw;
	}
}
.map2-area__link{
	line-height: 1;
	font-size: inherit;
	font-weight: normal;
	
	cursor: pointer;
	
	margin: 0;
	padding: .5em;
	box-sizing: border-box;
	
	display: block;
	box-sizing: border-box;
	width: 100%;
	
	color: inherit;
	background-color: #fff;
	text-decoration: none;
	
	border: 0;
	
	transform: translate(-50%, -50%);
}
.map2-area__link:hover{
	color: #fff;
	background-color: #151A5F;
}

.map2-area__item--hokkaido		{ left: 81%;	top: 12%; }
.map2-area__item--touhoku		{ left: 75%;	top: 34%; }
.map2-area__item--kanto			{ left: 71%;	top: 51%; }
.map2-area__item--koshinetsu	{ left: 67%;	top: 46%; }
.map2-area__item--hokuriku		{ left: 62%;	top: 50%; }
.map2-area__item--toukai		{ left: 64%;	top: 56%; }
.map2-area__item--kinki			{ left: 58%;	top: 59%; }
.map2-area__item--tyugoku		{ left: 50%;	top: 58%; }
.map2-area__item--shikoku		{ left: 52%;	top: 63%; }
.map2-area__item--kyushu		{ left: 44%;	top: 69%; }
.map2-area__item--okinawa		{ left: 37%;	top: 94%; }
.map2-area__item--candle		{ left: 26%;	top: 16%; }
.map2-area__item--yangon		{ left: 0;	top: 0; }
.map2-area__item--thilawa		{ left: 15%;	top: 11%; }


/* modal adjust */
.map2-area__item .modal__inner{
	position: relative;
}
.map2-area__item .modal__close{
	color: inherit;
}



.pref-map{}
.pref-map__title{
	font-size: 1.5em;
	margin-bottom: 1em;
	
	position: absolute;
	z-index: 1;
	top: .5em;
	left: .75em;
	
	pointer-events: none;
}
.pref-map__map{
	position: relative;
}
.pref-map__bg{
	max-width: 100%;
	border: 1px solid;
	box-sizing: border-box;
}
.pref-map__items{
	margin: 0;
	padding: 0;
	list-style: none;
	
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.pref-map__item{
	position: absolute;
	text-align: center;
	transform: translate(-50%, -50%);
}
.pref-map__link{
	line-height: 1.25;
	font-size: .875em;
	font-weight: normal;
	
	display: block;
	
	padding: .5em;
	
	color: inherit;
	text-decoration: inherit;
	
	background-color: #fff;
}
.pref-map__link:hover{
	color: #fff;
	/*background-color: #151A5F;*/
	background-color: #000;
}
.pref-map__item:nth-child(odd) .pref-map__link{}
.pref-map__item:nth-child(even) .pref-map__link{}
.pref-map__link:hover{}


#pref-map__item--hokkaido	{ left: 50%;	top: 50%;}

#pref-map__item--aomori		{ left: 56%;	top: 18%; }
#pref-map__item--iwate		{ left: 60%;	top: 41%; }
#pref-map__item--miyagi		{ left: 58%;	top: 57%; }
#pref-map__item--akita		{ left: 53%;	top: 33%; }
#pref-map__item--yamagata	{ left: 51%;	top: 63%; }
#pref-map__item--fukushima	{ left: 52%;	top: 76%; }

#pref-map__item--ibaraki	{ left: 62%;	top: 35%;}
#pref-map__item--tochigi	{ left: 54%;	top: 20%;}
#pref-map__item--gunma		{ left: 41%;	top: 27%;}
#pref-map__item--saitama	{ left: 46%;	top: 45%;}
#pref-map__item--chiba		{ left: 62%;	top: 61%;}
#pref-map__item--tokyo		{ left: 50%;	top: 57%;}
#pref-map__item--kanagawa	{ left: 46%;	top: 67%;}

#pref-map__item--niigata	{ left: 56%;	top: 30%;}
#pref-map__item--yamanashi	{ left: 53%;	top: 73%;}
#pref-map__item--nagano		{ left: 47%;	top: 60%;}

#pref-map__item--toyama		{ left: 59%;	top: 37%;}
#pref-map__item--ishikawa	{ left: 49%;	top: 43%;}
#pref-map__item--fukui		{ left: 45%;	top: 61%;}

#pref-map__item--gifu		{ left: 39%;	top: 29%;}
#pref-map__item--shizuoka	{ left: 56%;	top: 52%;}
#pref-map__item--aichi		{ left: 44%;	top: 50%;}
#pref-map__item--mie		{ left: 30%;	top: 72%;}

#pref-map__item--shiga		{ left: 62%;	top: 29%;}
#pref-map__item--kyoto		{ left: 52%;	top: 24%;}
#pref-map__item--osaka		{ left: 51%;	top: 46%;}
#pref-map__item--hyogo		{ left: 40%;	top: 30%;}
#pref-map__item--nara		{ left: 57%;	top: 55%;}
#pref-map__item--wakayama	{ left: 50%;	top: 69%;}

#pref-map__item--tottori	{ left: 66%;	top: 28%;}
#pref-map__item--shimane	{ left: 45%;	top: 42%;}
#pref-map__item--okayama	{ left: 66%;	top: 45%;}
#pref-map__item--hiroshima	{ left: 53%;	top: 54%;}
#pref-map__item--yamaguchi	{ left: 37%;	top: 65%;}

#pref-map__item--tokushima	{ left: 67%;	top: 37%;}
#pref-map__item--kagawa		{ left: 62%;	top: 21%;}
#pref-map__item--ehime		{ left: 37%;	top: 38%;}
#pref-map__item--kochi		{ left: 50%;	top: 45%;}

#pref-map__item--fukuoka	{ left: 57%;	top: 13%;}
#pref-map__item--saga		{ left: 48%;	top: 21%;}
#pref-map__item--nagasaki	{ left: 43%;	top: 30%;}
#pref-map__item--kumamoto	{ left: 55%;	top: 41%;}
#pref-map__item--oita		{ left: 65%;	top: 27%;}
#pref-map__item--miyazaki	{ left: 59%;	top: 52%;}
#pref-map__item--kagoshima	{ left: 49%;	top: 65%;}

#pref-map__item--okinawa	{ left: 59%;	top: 44%;}







/* modal custom */
.map2-area__item .modal__inner{
	padding: 0;
	max-height: 90vh;
}
/* modal custom */






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

 * hotels

--------------------------------------------------*/
.hotels{
	padding-top: 4em;
	padding-bottom: 4em;
	background-color: #f0f0f0;
}
.hotels__heading{
	margin-bottom: 2.5em;
}
.hotels__title{
	margin: 0;
	padding: 0;
	
	color: #666;
	font-size: 1.875em;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
}
.hotels__titleRuby{
	font-size: .6em;
}



.hotel{}
.hotel__area{
	box-sizing: border-box;
}
.hotel__heading{
	margin: 0;
	padding: 0;
	
	font-size: 1em;
	font-weight: bold;
}
.hotel__items{
	margin: 0;
	padding: 0;
	list-style: none;
}
.hotel__item{
	font-size: .875em;
	line-height: 2em;
}
.hotel__link{
	color: inherit;
	text-decoration: none;
}
.hotel__link:hover{
	text-decoration: underline;
}
.icon__spa{}
.icon__spa:after{
	content: "♨";
	margin-left: .5em;
	color: #DA6525;
}
.icon__bath{}
.icon__bath:after{
	content: "ゆ";
	margin-left: .5em;
	color: #DA6525;
}

@media (min-width: 769px){
	.hotel{
		column-gap: 2em;
		column-count: 5;
	}
	.hotel__area{
		margin-bottom: 2em;
		
		break-inside: avoid;
		page-break-inside: avoid;
		-webkit-column-break-inside: avoid;
	}
	.hotel__heading{
		margin-bottom: .5em;
		border-bottom: 1px solid;
	}
	.hotel__items{}
	.hotel__item{}
	.hotel__link{}
	.icon__spa{}
	.icon__bath{}
}
@media (max-width: 768px){
	.hotel{
		color: #666;
	}
	.hotel__area{
		margin-bottom: -1px;
		border-top: 1px solid;
		
		transition: background-color 180ms ease-out;
	}
	.hotel__area.js-hotel--active{
		background-color: #fff;
	}
	.hotel__heading{
		padding: 1em;
	}
	.hotel__items{
		display: flex;
		flex-wrap: wrap;
		border-top: 1px solid;
		
		margin-left: 1em;
		margin-right: 1em;
	}
	.hotel__item{
		box-sizing: border-box;
		flex: 1 1 50%;
		border-bottom: 1px solid;
	}
	.hotel__item:nth-child(2n){
		border-left: 1px solid;
	}
	.hotel__link{
		display: block;
		padding: .75em 1.5em;
	}
	.icon__spa{}
	.icon__bath{}
}
@media all and (-ms-high-contrast: none) and (max-width: 768px){
	.hotel__item{
		margin-left: -1px;
	}
}





.hotel__area:last-child{
	text-align: right;
}
.icon_note{
	padding-left: .25em;
	padding-right: .25em;
	border: 1px solid;
	border-radius: .75em;
	
	font-size: .75em;
	line-height: 2em;
	
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.icon_note__wrap{
	margin: .5em .75em;
	padding: 0;
	
	flex: 0 0 auto;
	
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.icon_note__icon{
	color: #f7ac00;
	margin-right: .5em;
}
.icon_note__note{
	margin: 0;
	padding: 0;
}

@media (min-width: 769px){}
@media (max-width: 768px){
	.icon_note{
		margin-top: 2em;
	}
	.hotel__heading.js-hotel__trigger{
		cursor: pointer;
		
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.hotel__heading.js-hotel__trigger:after{
		content:  "";
		display: block;
		
		width: .5em;
		height: .5em;
		
		border: 2px solid;
		border-top-color: transparent;
		border-left-color: transparent;
		
		transform: rotate(45deg);
		transition: transform 64ms ease-out;
	}
	.hotel__area.js-hotel--active .hotel__heading.js-hotel__trigger:after{
		transform: rotate(-135deg);
	}
	
	.hotel__area.js-hotel .hotel__items{
		position: fixed;
		left: -9999px;
	}
	.hotel__area.js-hotel--active .hotel__items{
		position: static;
		left: auto;
	}
	.hotel__area.js-hotel--active .hotel__item{
		animation: kf-fadein 180ms ease-out both;
	}
	
	.hotel__area.js-hotel--active .hotel__item:nth-child(	1	){ animation-delay: 0ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	2	){ animation-delay: 30ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	3	){ animation-delay: 60ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	4	){ animation-delay: 90ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	5	){ animation-delay: 120ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	6	){ animation-delay: 150ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	7	){ animation-delay: 180ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	8	){ animation-delay: 210ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	9	){ animation-delay: 240ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	10	){ animation-delay: 270ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	11	){ animation-delay: 300ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	12	){ animation-delay: 330ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	13	){ animation-delay: 360ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	14	){ animation-delay: 390ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	15	){ animation-delay: 420ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	16	){ animation-delay: 450ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	17	){ animation-delay: 480ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	18	){ animation-delay: 510ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	19	){ animation-delay: 540ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	20	){ animation-delay: 570ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	21	){ animation-delay: 600ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	22	){ animation-delay: 630ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	23	){ animation-delay: 660ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	24	){ animation-delay: 690ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	25	){ animation-delay: 720ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	26	){ animation-delay: 750ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	27	){ animation-delay: 780ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	28	){ animation-delay: 810ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	29	){ animation-delay: 840ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	30	){ animation-delay: 870ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	31	){ animation-delay: 900ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	32	){ animation-delay: 930ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	33	){ animation-delay: 960ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	34	){ animation-delay: 990ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	35	){ animation-delay: 1020ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	36	){ animation-delay: 1050ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	37	){ animation-delay: 1080ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	38	){ animation-delay: 1110ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	39	){ animation-delay: 1140ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	40	){ animation-delay: 1170ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	41	){ animation-delay: 1200ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	42	){ animation-delay: 1230ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	43	){ animation-delay: 1260ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	44	){ animation-delay: 1290ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	45	){ animation-delay: 1320ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	46	){ animation-delay: 1350ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	47	){ animation-delay: 1380ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	48	){ animation-delay: 1410ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	49	){ animation-delay: 1440ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	50	){ animation-delay: 1470ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	51	){ animation-delay: 1500ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	52	){ animation-delay: 1530ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	53	){ animation-delay: 1560ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	54	){ animation-delay: 1590ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	55	){ animation-delay: 1620ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	56	){ animation-delay: 1650ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	57	){ animation-delay: 1680ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	58	){ animation-delay: 1710ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	59	){ animation-delay: 1740ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	60	){ animation-delay: 1770ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	61	){ animation-delay: 1800ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	62	){ animation-delay: 1830ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	63	){ animation-delay: 1860ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	64	){ animation-delay: 1890ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	65	){ animation-delay: 1920ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	66	){ animation-delay: 1950ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	67	){ animation-delay: 1980ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	68	){ animation-delay: 2010ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	69	){ animation-delay: 2040ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	70	){ animation-delay: 2070ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	71	){ animation-delay: 2100ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	72	){ animation-delay: 2130ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	73	){ animation-delay: 2160ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	74	){ animation-delay: 2190ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	75	){ animation-delay: 2220ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	76	){ animation-delay: 2250ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	77	){ animation-delay: 2280ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	78	){ animation-delay: 2310ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	79	){ animation-delay: 2340ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	80	){ animation-delay: 2370ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	81	){ animation-delay: 2400ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	82	){ animation-delay: 2430ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	83	){ animation-delay: 2460ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	84	){ animation-delay: 2490ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	85	){ animation-delay: 2520ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	86	){ animation-delay: 2550ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	87	){ animation-delay: 2580ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	88	){ animation-delay: 2610ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	89	){ animation-delay: 2640ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	90	){ animation-delay: 2670ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	91	){ animation-delay: 2700ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	92	){ animation-delay: 2730ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	93	){ animation-delay: 2760ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	94	){ animation-delay: 2790ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	95	){ animation-delay: 2820ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	96	){ animation-delay: 2850ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	97	){ animation-delay: 2880ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	98	){ animation-delay: 2910ms; }
	.hotel__area.js-hotel--active .hotel__item:nth-child(	99	){ animation-delay: 2940ms; }

}






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

 * マイページ

--------------------------------------------------*/
.mypage{
	color: #666;
}
.mypage__heading{
	text-align: center;
	
	font-size: 1.875em;
	font-weight: bold;
	line-height: 1.5em;
}
.mypage__headingRuby{
	font-size: .6em;
	line-height: 1.5em;
}
.mypage__items{
	margin: 0;
	padding: 0;
	list-style: none;
	
	border: 1px solid;
}
.mypage__item:not(:last-child){
	border-bottom: 1px solid;
}
.mypage__button{
	color: inherit;
	text-decoration: none;
	
	padding: 1em;
	
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mypage__button:hover{
	text-decoration: underline;
}
.mypage__button:after{
	content: "";
	flex: 0 0 auto;
	
	width: .5em;
	height: .5em;
	
	border: 2px solid;
	border-top-color: transparent;
	border-left-color: transparent;
	
	transform: rotate(-45deg);
}


.imp-link{
	border:3px solid #CC0000;
	width:80%;
	margin:2% auto;
	}
.imp-link2{
	border:3px solid #FF3333;
	width:80%;
	margin:2% auto;
	}
.imp-info a:link{
	display:block;
	padding:3% 0;
	text-align:center;
	color:#CC0000;
	text-decoration:none;
	width:100%;
	font-size:1.25em;
	font-weight:bold;
	}
.imp-info a:visited{
	border:2% solid #CC0000;
	padding:3%;
	color:#CC0000;
	text-align:center;
	}
.imp-info a:hover{
	background:#CC0000;
	color:#ffffff;
	}
.imp-info a.osaka:link{
	display:block;
	padding:3% 0;
	text-align:center;
	color:#FF3333;
	text-decoration:none;
	width:100%;
	font-size:1.25em;
	font-weight:bold;
	}
.imp-info a.osaka:visited{
	border:2% solid #FF3333;
	padding:3%;
	color:#FF6666;
	text-align:center;
	}
.imp-info a.osaka:hover{
	background: #FF3333;
	color:#ffffff;
	}

@media (max-width: 768px){
.imp-link{
	border:3px solid #CC0000;
	width:96%;
	margin:3% auto 2% auto;
	}
.imp-link2{
	border:3px solid #FF3333;
	width:96%;
	margin:3% auto 2% auto;
	}
.imp-info a:link{
	padding:4% 1%;
	width:98%;
	font-size:1em;
	font-weight:bold;
	}
.imp-info a.osaka:link{
	padding:4% 1%;
	width:98%;
	font-size:1em;
	font-weight:bold;
	}
}




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

 * 

--------------------------------------------------*/
@media (min-width: 769px){}
@media (max-width: 768px){}