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

 * Update 2021.5.13

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

.forLadies{
	position: relative;
	z-index: 0;
}

/* 👩 cover */
.forladies-header{
	margin-bottom: 9em;
}
.forladies__description{
	text-align: center;
	margin: 0;
}
.cover{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	
	position: relative;
	z-index: 0;
	background-image: radial-gradient(farthest-side at right top, #F0F3D0, white);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 75% 100%;
	padding: 9em 5% 9em 50%;
}
.cover:before{
	content: "";
	display: block;
	
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 50%;
	bottom: 0;
	
	background: url(./img/mv__bg.png) no-repeat center center / contain;
}
.cover__title{
	line-height: 1.33;
	font-size: 2.5em;
	/* font-size: 4em; */
	/* font-size: ; */
	font-weight: normal;
	text-align: center;
	
	margin: 0;
}
.cover__note{
	font-size: 1.25em;
	text-align: center;
	
	margin: 0;
}

@media (max-width: 1280px){
	.cover__title{
		font-size: 5vw;
	}
	.cover__note{
		font-size: 1.5625vw;
	}
}






/* 👩 facilities */





/* grid facilities */
.grid-facilities{
	margin-bottom: 3.75em;
}
.grid-facilities__map{}
.grid-facilities__more{}

@media (min-width: 769px){
	.grid-facilities{
		display: flex;
		align-items: center;
	}
	.grid-facilities__map,
	.grid-facilities__more{
		box-sizing: border-box;
		overflow: hidden;
	}
	.grid-facilities__map{
		flex: 1 1 60%;
		
		padding-right: 10%;
		
		position: relative;
		z-index: 0;
	}
	.grid-facilities__map:before{
		content: "";
		display: block;
		
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		height: 0;
		margin: auto;
		
		width: 8.5%;
		border-bottom: 1px solid #999;
	}
	.grid-facilities__more{
		flex: 0 0 40%;
	}
}
@media (max-width: 768px){
	.grid-facilities{}
	.grid-facilities__map{}
	.grid-facilities__map:after{
		content: "";
		display: block;
		border-left: 1px solid #999;
		
		width: 0;
		height: 1.75em;
		margin: 0 auto;
	}
	.grid-facilities__more{}
}



/* facilities header */
.facilities-title{
	margin: 0;
}
.facilities-title__data{
	max-width: 100%;
}




/* facilities room */
.room-facilities{
	margin: 0;
}
.room-facilities > img{
	width: 100%;
}



.facilities-room{
	position: relative;
	z-index: 0;
}
.facilities-index{
	list-style: none;
	margin: 0;
	padding: 0;
}
.facilities-index__item{
	position: absolute;
}
.facilities-index__more{
	box-sizing: border-box;
	display: block;
	height: 100%;
}

#facility-shower{
	top: 5.84%;
	left: 38.83%;
	width: 10.55%;
	height: 12.60%;
}
#facility-hanger{
	top: 50.21%;
	left: 6.55%;
	width: 12.60%;
	height: 6.85%;
}
#facility-chair{
	top: 65.43%;
	left: 6.55%;
	width: 12.60%;
	height: 11.26%;
}
#facility-bookstand{
	top: 6.844%;
	left: 76.33%;
	width: 11.78%;
	height: 12.60%;
}
#facility-dryer{
	top: 23.79%;
	left: 88.11%;
	width: 11.47%;
	height: 11.13%;
}
#facility-iron{
	top: 36.84%;
	left: 88.11%;
	width: 11.47%;
	height: 9.91%;
}
#facility-mattless{
	top: 80.52%;
	left: 11.98%;
	width: 13.83%;
	height: 12.60%;
}
#facility-pillow{
	top: 78.88%;
	left: 78.68%;
	width: 13.52%;
	height: 13.83%;
}
#facility-holmicneo{
	top: 81%;
	left: 27.75%;
	width: 9.25%;
	height: 8%;
}



/* facilities item */
.facilities-item{
	background: #f1f1f1;
	border: 1px solid #999;
	border-radius: .25em;
	
	list-style: none;
	margin: 0;
	padding: 1em;
}
.facilities-item__page{
	
}
.facilities-item__header{
	
}
.facilities-item__title{
	margin: 0;
}
.facilities-item__title > img{
	max-width: 100%;
}
.facilities-item__note{
	margin: 0;
}
.facilities-item__fig{
	margin: 0;
}
.facilities-item__fig > img{
	width: 100%;
}
.facilities-item__photo{
	width: 100%;
}



/* Slick Custom */
.facilities-item .slick-arrow{
	position: absolute;
	z-index: 1;
	top: 25%;
	bottom: 0;
	
	padding: 0;
	border: 0 none;
	background: transparent;
}
.facilities-item .slick-icon{
	width: 30px;
}
.facilities-item .slick-prev{
	left: 1.25%;
}
.facilities-item .slick-next{
	right: 1.25%;
}



/* banner */
.bn-ladies-trial{
	margin-top: 1.5em;
}
.bn-ladies-trial__more{
	display: block;
}
.bn-ladies-trial__banner{
	width: 100%;
}







/* 👩 hotel */
.hotel{
	
}
.hide{
	display: none;
}



/* 👩 hotel index */
.hotel-index{
	margin: 0 0 2.5em;
}
.hotel-index__items{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	
	list-style: none;
	margin: 0 0 0 -2em;
	padding: 0;
}
.hotel-index__item{
	margin: 0 0 0 2em;
}
.hotel-index__button{
	cursor: pointer;
}
.hotel-index__button:hover{
	border-bottom: 1px solid;
}



#area-hokkaido:checked ~ .hotel-index [for=area-hokkaido],
#area-hokuriku:checked ~ .hotel-index [for=area-hokuriku],
#area-kanto:checked ~ .hotel-index [for=area-kanto],
#area-tokai:checked ~ .hotel-index [for=area-tokai],
#area-kinki:checked ~ .hotel-index [for=area-kinki],
#area-chugoku:checked ~ .hotel-index [for=area-chugoku],
#area-kyushu:checked ~ .hotel-index [for=area-kyushu]{
	font-weight: bold;
	border-bottom: 3px solid;
	padding-bottom: .25em;
}



/* 👩 hotel list */
.hotel-list{
	margin: 0 0 2.5em;
}
.hotel-list__items{
	display: flex;
	flex-wrap: wrap;
	
	list-style: none;
	margin: 0 0 -1em -1em;
	padding: 0;
}
.hotel-list__item{
	margin: 0 0 1em 1em;
}
.hotel-list__more{
	color: inherit;
	text-decoration: inherit;
	
	display: block;
	border: 1px solid;
	border-radius: .25em;
	
	padding: .25em 1em;
}
.hotel-list__more:hover{
	color: #fff;
	background: #f66;
	border-color: #f66;
}



/* hotel status */
#area-hokkaido:not(:checked) ~ #hotel-hokkaido,
#area-hokuriku:not(:checked) ~ #hotel-hokuriku,
#area-kanto:not(:checked) ~ #hotel-kanto,
#area-tokai:not(:checked) ~ #hotel-tokai,
#area-kinki:not(:checked) ~ #hotel-kinki,
#area-chugoku:not(:checked) ~ #hotel-chugoku,
#area-kyushu:not(:checked) ~ #hotel-kyushu{
	display: none;
}



/* 👩 notice */
.hotel-notice{
	margin: 0 0 2.5em;
}
.notice{
	list-style: none;
	margin: 0;
	padding: 0;
}
.notice__item{
	line-height: 2;
	font-size: .875em;
	text-align: center;
}



/* 👩 more button */
.hotel-switch{
	position: relative;
	z-index: 1;
	
	height: .5em;
	background-image: linear-gradient( rgba(0,0,0,.3), rgba(0,0,0,0) );
}
.hotel-switch__more{
	cursor: pointer;
	font-size: 1.15em;
	text-align: center;
	
	background: #fff;
	box-shadow: 0 .5em 1em -.5em rgba(0,0,0,.3);
	border-radius: 0 0 .25em .25em;
	
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 50%;
	
	padding: 1em;
}
.hotel-switch__more:before{
	content: "";
	display: block;
	
	width: 1em;
	height: 1em;
	margin: 0 auto;
	
	transform: translateY(-50%) rotate(225deg);
	
	border-style: solid;
	border-width: 3px 0 0 3px;
}
#has-ladies-room:checked ~ .hotel-switch .hotel-switch__more:before{
	transform: rotate(45deg);
}


.hotel-index,
.hotel-list,
.hotel-notice{
	animation: kf-fadein 300ms ease-out;
}
#has-ladies-room:not(:checked) ~ .hotel-index,
#has-ladies-room:not(:checked) ~ .hotel-list,
#has-ladies-room:not(:checked) ~ .hotel-notice{
	display: none;
}







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

 * mv

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

.mv{
	color: #fff;
	background-color: #9EB858;
	overflow: hidden;
	
	position: relative;
	z-index: 0;
}
.mv__inner{}
.mv__section{
	text-align: center;
}
.mv__section--primary{}
.mv__section--secondary{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(./img/mv__bg.jpg);
}
.mv__heading{
	margin: 0;
	padding: 0;
	
	margin-right: -30px;
	position: relative;
	z-index: 1;
}
.mv__note{
	margin: 0;
	padding: 0;
}

@media (min-width: 769px){
	.mv__inner{
		display: flex;
		align-items: center;
	}
	.mv__section{
		box-sizing: border-box;
		flex: 1 1 auto;
	}
	.mv__section--primary{
		flex-basis: 55%;
	}
	.mv__section--secondary{
		flex-basis: 45%;
	}
	.mv__heading{
		text-align: right;
	}
}
@media (max-width: 768px){
	.mv{
		margin-left: -2.5%;
		margin-right: -2.5%;
	}
	.mv__section--primary{
		padding-top: 3em;
		padding-bottom: 3em;
		
		padding-left: 2.5%;
		padding-right: 2.5%;
	}
	.mv__section--secondary{
		margin-left: -2.5%;
		margin-right: -2.5%;
	}
}





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

 * spec

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

.spec{
	color: #fff;
	background-color: #718A40;
	
	position: relative;
	z-index: 0;
	
	
	margin-bottom: 3em;
}
.spec:before{
	content: "";
	
	display: block;
	position: absolute;
	
	width: 20%;
	padding-top: 20%;
	max-width: 244px;
	
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(./img/spec__bg.jpg);
}

.spec__mask{
	width: 100%;
	height: 30px;
	
	position: relative;
	z-index: 1;
}
.spec__maskPolygon{
	fill: #F1F1F1;
}

.spec__inner{
	padding-top: 4em;
	padding-bottom: 4em;
}
.specTable{
	position: relative;
	z-index: 1;
	
	min-width: 80%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	
	background-color: rgba(113, 138, 64, .78);
}
.specTable__thead{
	font-weight: bold;
	background-color: rgba(255, 255, 255, .1);
}
.specTable__tbody{}
.specTable__cell{
	padding: .5em 1em;
	border-bottom: 1px solid;
}
.specTable__cell--head{
	font-weight: normal;
	text-align: left;
}
.specTable__cell--body{
	text-align: right;
}
.spec__link{
	color: inherit;
}

@media (min-width: 769px){}
@media (max-width: 768px){
	.spec{
		margin-left: -2.5%;
		margin-right: -2.5%;
	}
}






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

 * information

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

.information{
	color: #333;
	font-size: .875em;
	line-height: 2em;
	
	
	margin-bottom: 3em;
}
.information__inner{
	padding: 3em 4em;
	background-color: #F1F1F1;
}
.information__heading{
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}
.information__items{}
.information__item{}

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






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

 * feature

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

.feature{
	background-color: #f1f1f1;
}
.feat__block{
	padding-bottom: 4em;
}
.feat__inner{}

.feat__block--natural{
	position: relative;
	z-index: 0;
}
.feat__block--natural:before{
	content: "";
	
	display: block;
	
	position: absolute;
	top: 0;
	left: 0;
	
	width: 45%;
	padding-top: 51.75%;
	
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(img/natural__bg.jpg);
}
.feat__block--natural .feat__items{
	position: relative;
	z-index: 1;
}
.feat__block--organic{}
.feat__block--smart{}

@media (min-width: 769px){
	.feature{}
	.feat__block{}
	.feat__inner{}
	.feat__block--natural{}
	.feat__block--organic{}
	.feat__block--smart{}
}
@media (max-width: 768px){
	.feature{
		margin-left: -2.5%;
		margin-right: -2.5%;
	}
	.feat__block{}
	.feat__inner{}
	.feat__block--natural{
		padding-top: 3em;
	}
	.feat__block--organic{}
	.feat__block--smart{}
}



/*  */

.feat__items{}

.feat__header{}
.feat__heading{
	margin: 0;
	padding: 0;
}
@media (max-width: 768px){
	.feat__header{
		margin-bottom: 3em;
	}
}
.feat__headingImg{
	max-width: 60%;
}
.feat__headNote{
	margin: 0;
	padding: 0;
	margin-top: 2em;
	
	font-size: 1em;
	font-weight: bold;
	line-height: 1.75em;
}

.feat__item{}
@media (min-width: 1024px){
	.feat__item{ display: flex; }
}
@media (max-width: 1024px) and (min-width: 768px){}
@media (max-width: 768px){
	.feat__item{ display: flex; }
}
.feat__pict{
	flex: 0 0 auto;
}
@media (max-width: 1024px) and (min-width: 768px){
	.feat__pict{
		margin-bottom: 1em;
	}
}
.feat__body{
	flex: 1 1 auto;
}
.feat__image{
	max-width: 100%;
}
@media (max-width: 1024px) and (min-width: 768px){
	.feat__item{}
	.feat__pict{
		margin-left: 0;
		margin-right: 0;
	}
}
.feat__catch{
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	
	font-size: 1.25em;
	line-height: 1.75em;
}
.feat__title{
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	
	font-size: 1em;
	font-weight: bold;
	line-height: 1.75em;
}
.feat__note{
	margin: 0;
	padding: 0;
	
	font-size: .875em;
	line-height: 2em;
}

.feat__item--air{}
.feat__item--water{}
.feat__item--amenity{}

.feat__item--wall,
.feat__item--perfume{
	flex-direction: row-reverse;
}

.feat__item--wall .feat__pict,
.feat__item--perfume .feat__pict{
	margin-left: 1em;
}

.feat__item--air .feat__pict,
.feat__item--water .feat__pict,
.feat__item--amenity .feat__pict{
	margin-right: 1em;
}

@media (min-width: 769px){
	.feat__item--air{
		flex-direction: column;
	}
	.feat__item--air .feat__pict{
		margin-right: 0;
	}
}
@media (max-width: 768px){
	.feat__pict{
		max-width: 50%;
	}
	.feat__body{
		align-self: center;
	}
	.feat__item--wall,
	.feat__item--air,
	.feat__item--perfume{
		margin-bottom: 1em;
	}
}




/* feat2 */
.feat2__item{}
.feat2__photo{
	position: relative;
	z-index: 0;
}
.feat2__catch{
	margin: 0;
	padding: 0;
	
	font-size: 1.25em;
	font-weight: normal;
	line-height: 2em;
}
.feat2__title{
	margin: 0;
	padding: 0;
	
	font-size: 1em;
	font-weight: bold;
	line-height: 2em;
}
.feat2__notes{
	margin: 0;
	padding: 0;
	
	font-size: .875em;
	line-height: 2em;
}

.feat2__photo{
	grid-area: feat_photo;
}
.feat2__catch{
	grid-area: feat_catch;
}
.feat2__title{
	grid-area: feat_title;
}
.feat2__notes{
	grid-area: feat_notes;
}

@media (min-width: 769px){
	.feat2__item{
		display: grid;
		grid-gap: 1em;
		grid-template-columns: auto 1fr;
		grid-template-rows: 1fr auto auto;
		grid-template-areas:
			"feat_photo	feat_catch"
			"feat_photo	feat_title"
			"feat_notes	feat_notes";
	}
	.feat2__item--amenity{
		grid-template-areas:
			"feat_photo	feat_catch"
			"feat_photo	feat_title"
			"feat_photo	feat_notes";
	}
	.feat2__photo{
		align-self: end;
	}
	.feat2__catch{
		align-self: end;
	}
	.feat2__title{}
	.feat2__notes{}
	
	.water--thumb1{}
	.water--thumb2{
		transform: scale(.5) translate(80%, -80%);
		position: absolute;
		left: 0;
		top: 0;
	}
	.amenity--thumb{}
}
@media (max-width: 768px){
	.feat2__item{
		display: grid;
		grid-gap: 1em;
		grid-template-rows: auto auto 1fr;
	}
	.feat2__item--air,
	.feat2__item--water{
		grid-template-columns: auto 1fr;
		grid-template-areas:
			"feat_photo feat_catch"
			"feat_photo feat_title"
			"feat_photo feat_notes";
	}
	.feat2__item--amenity{
		grid-template-columns: 1fr;
		grid-template-areas:
			"feat_photo"
			"feat_catch"
			"feat_title"
			"feat_notes";
	}
	
	.feat2__item--wall,
	.feat2__item--perfume{
		grid-template-columns: 1fr auto;
		grid-template-areas:
			"feat_catch feat_photo"
			"feat_title feat_photo"
			"feat_notes feat_photo";
	}
	
	.water--thumb1{}
	.water--thumb2{
		transform: scale(.5) translate(100%, 60%);
		position: absolute;
		left: 0;
		top: 0;
	}
	.amenity--thumb{
		width: 250px;
	}
	.feat2__photo{
		text-align: center;
	}
	.feat2__image{
		max-width: 80%;
	}
}







/* natural
--------------------------------------------------*/
.feat__block--natural .feat__header{
	text-align: right;
}
@media (min-width: 769px){
	.feat__block--natural .feat__items{
		padding-top: 3em;
		/*margin-left: 20%;*/
		
		display: grid;
		grid-gap: 1em 2em;
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			"natural__header	natural__header"
			"natural__air		natural__air"
			"natural__wall		natural__water";
	}
	.feat__block--natural .feat__header{
		grid-area: natural__header;
		padding-top: 4em;
	}
	.feat__block--natural .feat2__item--air{
		grid-area: natural__air;
		justify-self: end;
	}
	.feat__block--natural .feat2__item--wall{
		grid-area: natural__wall;
	}
	.feat__block--natural .feat2__item--water{
		grid-area: natural__water;
	}
	
	.feat__header{}
	.feat__heading{}
	.feat__headingImg{}
	.feat__item{}
	.feat__pict{}
	.feat__body{}
	.feat__image{}
	.feat__catch{}
	.feat__title{}
	.feat__note{}
}

@media all and (-ms-high-contrast:none) and (min-width: 769px){
	.feat__block--natural .feat__items{
		display: -ms-grid;
		-ms-grid-columns: 1fr 1fr;
		-ms-grid-rows: auto 1fr 1fr;
	}
	.feat__block--natural .feat__header{
		-ms-grid-column: 1;
		-ms-grid-row: 1;
		-ms-grid-column-span: 2;
	}
	.feat__block--natural .feat2__item--air{
		-ms-grid-column: 1;
		-ms-grid-row: 2;
		-ms-grid-column-span: 2;
		-ms-grid-column-align: end;
	}
	.feat__block--natural .feat2__item--wall{
		-ms-grid-column: 1;
		-ms-grid-row: 3;
	}
	.feat__block--natural .feat2__item--water{
		-ms-grid-column: 2;
		-ms-grid-row: 3;
		
		margin-left: 2em;
	}
}

@media (min-width: 1024px){
	.feat__item--water .feat__pict{
		margin-left: -40%;
		margin-top: 2em;
	}
	.feat__block--natural .feat__item--air .feat__pict{
		margin-bottom: 1em;
	}
	.feat__block--natural .feat__item--wall .feat__body{
		padding-top: 3em;
	}
}
@media (max-width: 1024px) and (min-width: 768px){
	
}



/* organic
--------------------------------------------------*/

.feat__block--organic{}
.feat__item--perfume{}
.feat__item--amenity{}

@media (min-width: 1024px){
	.feat__item--perfume .feat__body{
		margin-top: 3em;
	}
}
@media (min-width: 769px){
	.feat__block--organic .feat__items{
		display: grid;
		grid-gap: 1em 2em;
		grid-template-columns: 40% 1fr;
		grid-template-areas:
			"organic__header	organic__perfume"
			"organic__amenity	organic__amenity";
	}
	
	.feat__block--organic .feat__header{
		grid-area: organic__header;
		align-self: center;
	}
	.feat2__item--perfume{
		grid-area: organic__perfume;
		padding-top: 3em;
	}
	.feat2__item--amenity{
		grid-area: organic__amenity;
	}
	
}

@media all and (-ms-high-contrast:none) and (min-width: 769px){
	.feat__block--organic .feat__items{
		display: -ms-grid;
		-ms-grid-template-columns: 40% 1fr;
		-ms-grid-template-rows: auto auto;
	}
	.feat__body{
		flex-basis: 100%;
	}
	.feat__block--organic .feat__header{
		-ms-grid-column: 1;
		-ms-grid-row: 1;
	}
	.feat2__item--perfume{
		-ms-grid-column: 2;
		-ms-grid-row: 1;
		
		margin-left: 1em;
	}
	.feat2__item--amenity{
		-ms-grid-column: 1;
		-ms-grid-row: 2;
		-ms-grid-column-span: 2;
	}
	.feat2__item--amenity{
		display: -ms-grid;
		-ms-grid-columns: auto 1fr;
		-ms-grid-rows: 1fr auto auto;
	}
	.feat2__item--amenity .feat2__photo{
		-ms-grid-column: 1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		
		margin-right: 1em;
	}
	.feat2__item--amenity .feat2__catch{
		-ms-grid-column: 2;
		-ms-grid-row: 1;
		-ms-grid-row-align: end;
	}
	.feat2__item--amenity .feat2__title{
		-ms-grid-column: 2;
		-ms-grid-row: 2;
	}
	.feat2__item--amenity .feat2__notes{
		-ms-grid-column: 2;
		-ms-grid-row: 3;
	}
}
@media (max-width: 768px){}


/* smart
--------------------------------------------------*/
.feat__block--smart .feat__header{
	text-align: center;
	margin-bottom: 3em;
}


.smart{}
.smart__photo{}
.smart__column{
	display: flex;
	align-items: center;
	
	
	padding-bottom: 1em;
	border-bottom: 1px solid;
}
.smart__column > *:not(:first-child){
	margin-left: 1em;
}

.smart__photo--floor{}
.smart__photo--room{}
.smart__photo--powder{}
.smart__column--secure{}
.smart__column--notes{}

.smart__figure{
	margin: 0;
	padding: 0;
}
.smart__img{
	max-width: 100%;
}
.smart__column{}
.smart__icon{}
.smart__title{
	font-weight: bold;
}
.smart__note{
	flex: 1 1 auto;
}

.smart__hotels{
	margin: 0;
	padding: 0;
	list-style: none;
}
.smart__hotel{
	color: #999;
	font-size: .875em;
	line-height: 2em;
}

@media (min-width: 769px){
	.smart{
		display: grid;
		grid-template-columns: 30% 2fr 1fr 2fr 30%;
		grid-template-areas:
			"ph__floor	ph__room	ph__room	ph__room	ph__powder"
			"co__secure	co__secure	null		co__notes	co__notes";
	}
	
	.smart__photo{
		align-self: center;
		text-align: center;
	}
	.smart__column{
		margin-top: 3em;
	}
	
	.smart__photo--floor{
		grid-area: ph__floor;
	}
	.smart__photo--room{
		grid-area: ph__room;
	}
	.smart__photo--powder{
		grid-area: ph__powder;
	}
	.smart__column--secure{
		grid-area: co__secure;
	}
	.smart__column--notes{
		grid-area: co__notes;
	}
	.smart__column--pillow{
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
}
@media all and (-ms-high-contrast:none) and (min-width: 769px){
	.smart{
		display: -ms-grid;
		-ms-grid-columns: 30% 2fr 1fr 2fr 30%;
		-ms-grid-rows: auto auto;
	}
	
	.smart__column{
		
	}
	
	.smart__photo{
		-ms-grid-row-align: center;
	}
	/*
	.smart__note{
		flex-basis: 100%;
	}
	*/
	.smart__photo--floor{
		-ms-grid-column: 1;
		-ms-grid-row: 1;
	}
	.smart__photo--room{
		-ms-grid-column: 2;
		-ms-grid-column-span: 3;
		-ms-grid-row: 1;
	}
	.smart__photo--powder{
		-ms-grid-column: 5;
		-ms-grid-row: 1;
	}
	.smart__column--secure{
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		-ms-grid-row: 2;
	}
	.smart__column--notes{
		-ms-grid-column: 4;
		-ms-grid-column-span: 2;
		-ms-grid-row: 2;
	}
}
@media (max-width: 768px){
	.smart{
		position: relative;
		z-index: 0;
	}
	.smart__photo,
	.smart__column{
		margin-bottom: 2em;
	}
	
	.smart__photo--floor{
		margin-right: 40%;
		text-align: center;
	}
	.smart__photo--room{
		margin-right: 20%;
		margin-bottom: 0;
		
		position: relative;
		z-index: 1;
	}
	.smart__photo--powder{
		margin-left: 40%;
		margin-bottom: 0;
		
		text-align: right;
		transform: translateY(-30%);
	}
	.smart__column--secure{
		margin-left: 10%;
		
		margin-bottom: 2em;
	}
	.smart__column--notes{
		
	}
	.smart__column--pillow{
		
	}
}




/* facility */
.facility{
	margin-bottom: 4em;
}
.facility__inner{}
.facility__title{
	margin: 0;
	padding: 0;
	
	margin-bottom: 1em;
	
	font-size: 1em;
	line-height: 2em;
}
.facility__note{
	margin: 0;
	padding: 0;
	
	margin-bottom: 1em;
	
	font-size: .875em;
	line-height: 2em;
}

.facility .annot{
	margin-right: 5%;
}



.facility-layout{
	margin-left: 5%;
	margin-right: 5%;
}
.facility-layout__link{
	display: block;
	display: flex;
	align-items: center;
	
	margin-bottom: 1em;
	
	color: inherit;
	text-decoration: inherit;
	
	background-color: #f8f8f8;
	border: 1px solid #bbb;
}
.facility-layout__link:hover{
	opacity: .78;
}
.facility-layout__image,
.facility-layout__title,
.facility-layout__body{
	box-sizing: border-box;
}
.facility-layout__image{}
.facility-layout__image > img{
	width: 100%;
}
.facility-layout__title{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	
	padding: 1.5em;
}
.facility-layout__title > img{
	max-width: 100%;
	
	transform: scale(.8);
}
.facility-layout__body{
	padding: 1.5em;
}

@media (min-width: 1024px){
	.facility-layout{}
	.facility-layout__link{}
	.facility-layout__image{
		flex: 0 1 25%;
	}
	.facility-layout__title{
		flex: 0 1 25%;
	}
	.facility-layout__body{
		flex: 1 1 50%;
	}
}
@media (max-width: 1023px){
	.facility-layout{}
	.facility-layout__link{
		flex-wrap: wrap;
	}
	.facility-layout__image{
		flex: 1 1 50%;
	}
	.facility-layout__title{
		flex: 1 1 50%;
	}
	.facility-layout__body{
		width: 100%;
	}
}



/* smart */
.smart-goods{
	margin: 0;
	padding: 0;
	list-style: none;
}
.smart-goods__item{
	display: flex;
	align-items: center;
	
	padding-bottom: 1.5em;
	border-bottom: 1px solid #55504E;
}
.smart-goods__photo,
.smart-goods__body{
	box-sizing: border-box;
}
.smart-goods__photo{
	max-width: 30%;
	flex: 0 0 auto;
	margin-right: 1em;
}
.smart-goods__img{
	width: 100%;
}
.smart-goods__body{
	flex: 1 1 auto;
}
.smart-goods__note{
	margin: 0;
	padding: 0;
	
	font-size: .875em;
	line-height: 2em;
}

@media (min-width: 769px){
	.smart-goods{
		display: flex;
		flex-wrap: wrap;
		
		margin-top: 5%;
		margin-left: -5%;
	}
	.smart-goods__item{
		box-sizing: border-box;
		
		flex: 1 1 45%;
		
		margin-left: 5%;
		margin-bottom: 5%;
	}
	.smart-goods__photo{}
	.smart-goods__body{}
	.smart-goods__note{}
}
@media (max-width: 768px){
	.smart-goods{}
	.smart-goods__item:not(:last-child){
		margin-bottom: 5%;
	}
	.smart-goods__photo{}
	.smart-goods__body{}
	.smart-goods__note{}
}






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

 * animation

--------------------------------------------------*/
.js-in{
	visibility: hidden;
}
.js-in.js-in--active{
	visibility: visible;
	animation: kf-fadein 900ms ease-out;
}











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