@charset "utf-8";
.gheader_top_p h1::before{
	content: "設備（アメニティ） | ";
	font-size: 12px;
	line-height: 1;
	margin: 4px 0 0;
  }
body{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
img {
	vertical-align: bottom;
}
.gnav-under-inner li:nth-of-type(8) a{
    color: #c32546;
    position: relative;
}

.gnav-under-inner li:nth-of-type(8) a::before{
    content: "";
    position: absolute;
    bottom: -6px;
    width: 100%;
    height: 1px;
    background: #c32546;
    left: 50%;
    transform: translateX(-50%);
}
.footer_sitemap ul li:nth-of-type(8) a {
    color: #c32546;
}
.sp-menu-inner li:nth-of-type(8) a {
	color: #c32546;
}

/* inview_sp用 */
.fade {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-duration: 2s;
	transition-duration: 2s;
}
.fade.is-show {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-duration: 2s;
	transition-duration: 2s;
}
/* subhead  */

.subhead {
    background-image: url(../img/facilities3/subhead.jpg);
    background-position: center;
    background-size: cover;
}
.wrapper{
	background-color: #fff;
	padding: 70px 0 0px;
}
/* #common_fac ul a:first-of-type{
	background: #618fa2;
	color: #fff;
	border: 0;
} */

.out-wrapper{
	background-color: #fff;
	padding: 230px 0 40px;
}
.inner{
	max-width: 1020px;
	padding: 0 10px;
	margin: 0 auto;
	
}
.inner * {
	box-sizing: border-box;
}
.out-title{
	font-size: 20px;
	letter-spacing: 0.095em;
	font-weight: bold;
	margin-bottom: 10px;
	border-left: 4px solid #00a0e9;
	padding-left: 5px;
}
.h3_en{
	font-size: 22px;
	color:#978949;
	text-align: center;
	margin-bottom: 15px;
}
h3{
    font-size: 32px;
    color: #221815;
    padding: 20px 0;
    letter-spacing: 2px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
	margin-bottom: 15px;
}
.h4_en{
	font-size: 22px;
	text-align: center;
	margin-bottom: 15px;
}
h4{
	font-size: 18px;
	text-align: center;
	line-height: 2;
	margin-bottom: 40px;
}

span.type_small{
	font-size: 10px;
}

span.type_middle{
	font-size: 16px;
}
.caption span.type_tiny{
	font-size: 10px;
	display: inline-block;
	position: relative;
	transform: scale(0.7);
	bottom: -1px;
}


.cap{
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.04em;
}
.inner h2 {
	text-align: center;
	padding: 0;
	margin-bottom: 30px;
}
.type h3 {
	font-size: 28px;
	text-align: center;
	margin-bottom: 30px;
	line-height: 1;
	color: #fff;
	background: #867b6a;
	padding: 10px 0 7px;
}
.type h3 div {
	display: inline-block;
	position:relative;
}
.type h3 div::before,
.type h3 div::after{
 	content: "";
 	display: block;
 	width: 1px;
 	height: 100%;
 	background: #C9A063;
 	position:absolute;
 	top: 50%;
 	transform: translateY(-50%); 	
}
.type h3 div::before {
	left: -20px;
}
.type h3 div::after {
	right: -20px;
}
/* quality */

.mv_read{
	text-align: center;
	font-size: 24px;
	margin: 40px 0;
	line-height: 1.5;
}

.qua_wrapper{
	margin-bottom: 60px;
}
.qua_title{
	text-align: center;
	font-size: 25px;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
	color: #685a3c;
}
.qua_box ul{
	display: flex;
	justify-content: space-between;
	/* align-items: flex-start; */
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.qua_box ul::after {
	content: "";
	width: 32%;
	/* margin-bottom: 20px; */
	max-width: 326px;
}
.qua_box ul.box3::after {
}
.qua_box .pos_rel {
    /* background: #eee; */
    position: relative;
}
.qua_box .small_cap.img_cap {
	position: absolute;
	bottom: 0;
	right: 3px;
}
.qua_box .img_flex {
	display: flex;
	justify-content:space-between;
}
.qua_box .img {
	width: 100%;
	margin-bottom: 10px;
}
.qua_box .img_flex .img.half_gap {
	width: 49%;
	max-width: 159px;
}
.qua_box .img_flex .img.half_full {
	width: 50%;
}
.flex_2ex{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.flex_2ex_left{
	width: 66%;
	display: flex;
	justify-content: space-between;
	/* padding: 15px; /* 
	/* background-color: #eef4f7; */
	box-sizing: border-box;
	/* border: solid 1px #000; /* 
}
.flex_2ex_left .img {
	width:48%;
	max-width: 308px;

}
.flex_2ex_left .img_flex .half_gap {
	width: 48%;
	max-width: 150px;
	/* max-width: 99px; */
}
.flex_2ex_left .img_flex .img {
	width: 100%;
	/* max-width: 99px; */
	margin-bottom: 0;
}
.flex_2ex_right{
	width: 32%;
	max-width: 326px;
}

.flex_2ex_right img{
	/* margin-bottom: 10px; */
}

.flex_1{
	display: flex;
	justify-content: space-between;
	/*padding: 20px 30px; */
	/* background-color: #eef4f7; */
	box-sizing: border-box;
	margin-bottom: 20px;
	/* border: solid 1px #000;*/
}
.flex_1.ururela{
	border: none;
	padding: 0;
}

.flex_1_left{
	width: 40%;
}

.flex_1_right{
	width: 60%;
	margin-bottom: 10px;
}

.flex_1_left.half{
	width: 42%;
}

.flex_1_right.half{
	width: 52%;
}

.flex_1ex{
	display: flex;
	justify-content: space-between;
	padding: 15px;
	background-color: #eef4f7;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.flex_1ex_left{
	width: 56%;
}

.flex_1ex_right{
	width: 42%;
}
.ururela .flex_1_left {
    width: 38%;
    max-width: 367px;
}
.flex_2ex_inner{
	display: flex;
	justify-content: space-between;	
}
.kitchen_list_img{
	margin-top: 20px;
}
.bath_logo {
	width: 100%;
	max-width: 280px;
	margin: 30px auto 0px;
}
.plusmb{
	margin-bottom: 20px;
}


.flex_2{
	width: 48%;
	max-width: 489px;
	/* display: flex; */
	/* justify-content: space-between; */
	/* flex-wrap: wrap; */
	/* padding: 15px; */
	/* background-color: #eef4f7; */
	box-sizing: border-box;
	/* height: 330px; */
	margin-bottom: 20px;
}

.flex_2.bc_none{
	background-color: #fff;
}
.kic_left, .kic_right{
	width: 49%;
}

.kic_left_ex{
	width: 66%;
}

.kic_right_ex{
	width: 49%;
}

.caption{
	color: #2c2c38;
	font-size: 18px;
	line-height: 1;
	padding: 5px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #2c2c38;
	margin-bottom: 5px;
	width: 100%;
}

.bathroom .caption{
	color: #2c2c38;
	font-size: 18px;
	line-height: 1;
	padding: 5px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #2c2c38;
	margin-bottom: 5px;
	max-height: 52px;
	/* height: 100%; */
	box-sizing: border-box;
	/* display: flex; */
	align-items: center;
}
.caption span{
	    font-size: 18px;
    height: 24px;
    width: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    background: #000;
    display: inline-block;
    margin-right: 2px;
    }
.txt{
	font-size: 14px;
	text-align: justify;
}
.txt span{
  font-size: 0.5em;       /* 文字サイズを半分にする */
  vertical-align: super;  /* 上付き文字にする */
}
.gray_tr{
	margin-top: 10px;
	font-size: 11px;
	color: #fff;
	background-color: #b5b5b6;
	padding: 5px;
	margin-bottom: 10px;
	text-align: center;
}

.flex_4{
	width: 23%;
	margin-bottom: 20px;
}
.flex_3{
	width: 32%;
	margin-bottom: 20px;
	max-width: 326px;
}

.flex_3.no_mb{
	/* margin-bottom: 0; */
}

.flex_3.plusbc{
	/* padding: 15px; */
	/* background-color: #eef4f7; */
	box-sizing: border-box;
}
.flex_4 img{
/* 	margin-bottom: 10px; */
}
.flex_3 img{
	/* margin-bottom: 10px; */
}
.small_cap{
	font-size: 10px;
}
.small_cap.white{
	color: #fff;
}
.sup{
	vertical-align: super;
  font-size: 2px;
}


.pc_no{
	display: none;
}
.pd_no{
	padding: 0;
	background-color: none;
	height: auto;
	background: none;
    display: block;
}
.b550{
	display: none;
}

.cap02{
	margin-top: 20px;
}
#common_fac ul a:first-of-type{
	background: #618fa2;
    color: #fff;
    border: 0;
}

.section_mv{
	position: relative;
	margin-bottom: 40px;
	overflow: hidden;
}
.section_mv2{
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}
.section_mv2 .img_cap {
	position: absolute;
	bottom: 0;
	right: 3px;
	color: #000;
}
.section_mv .img_cap {
	position: absolute;
	bottom: 0;
	right: 3px;
	color: #fff;
}
.section_mv p{
	position: absolute;
	color: #4d4d4d;
	bottom: 10px;
	right: 10px;
}

.section_mv p.cap_wht{
	color: #fff;
}

.flex_2 .small_cap{
	text-align: left;
	margin-top: 5px;
}


@media screen and (max-width: 900px){

	.flex_2 {
    display: block;
}


	.kic_right {
		margin-top: 10px;
    width: 100%;
}

.rest-left{
	display: flex;
}
.rest-left .kic_right{
	width: 48%;
}

.ip-only{
	display: none;
}

	


}



@media screen and (max-width:768px){
.txt{
	font-size: 16px;
	text-align: justify;
}
	.mv_read{
		font-size: 20px;
	}
	.caption {
		font-size: 24px;
	}

	.kic_left {
		width: 100%;
	}
	.flex_4 {
    width: 48%;
    margin-bottom: 30px;
}
.tab_no{
	display: none;
}
.pc_no{
	display: block;
}
.bath_logo {
    width: 100%;
    max-width: 250px;
    margin: 20px auto 20px;
}
.pd_no {
	width: 100%;
	margin:0 auto;
	margin-bottom: 30px;
}
.rest-left{
	width: 100%;
	margin-bottom: 20px;
}

.rest-left .kic_left{
	width: 48%;
}
.rest-left .kic_right{
	width: 48%;
}
.ururela .flex_1_left {
    width: 100%;
    max-width: inherit;
}
}
@media screen and (max-width:768px){
h3{
		font-size: 28px;
	}
	h4{
		font-size: 20px;
		line-height: 1.5;
	}
	.h3_en{
		font-size: 20px;
		color:#978949;
		line-height: 1;
	}
	.h4_en{
		font-size: 16px;
		line-height: 1;
	}
	.inner h2 {
		font-size: 22px;
	}
	.type h3 {
		font-size: 20px;
	}

	.flex_2 {
		width: 100%;
		margin-bottom: 20px; 
	}
	.flex_1_right {
		/* margin-bottom: 40px; */
	}
	.kic_left {
		width: 50%;
		margin: 0 auto;
	}
	.flex_3 {
		width: 100%;
		margin-bottom: 20px;
		max-width: initial;
	}
	.mv_read{
		font-size: 17px;
	}
	.flex_2ex{
		flex-wrap: wrap;
		/* padding: 15px; */
	}
	.flex_2ex .flex_2ex_left,.flex_2ex .flex_2ex_right{
		width: 100%;
		margin-bottom: 20px;
		max-width: initial;
	}
	.flex_2ex .flex_2ex_left,.flex_1ex,.flex_1{
		flex-wrap: wrap;

	}
	.kic_left_ex,.flex_1ex_left,.flex_1_left{
		margin-bottom: 10px;
	}
	.flex_1ex_left,.flex_1ex_right,.flex_1_left,.flex_1_right{
		width: 100%;
	}

	.flex_1 {
		justify-content: center;
	}
	/*.flex_1_left {
		max-width: 300px;
	}
	 */
	.flex_2ex_left {
		justify-content: center;
	}
	
	.flex_2ex_left .img {
		width: 48%;
		max-width: 400px;
	}
	.flex_2ex_left .img_flex {
		width: 100%;
		max-width: 400px;
		margin: 0 auto 10px;

	}
	.flex_2ex_left .img_flex .half_gap {
		max-width: initial;
	}
/* inview */
.fade {
	opacity: 0;
	-webkit-transform: translateY(8%);
	transform: translateY(8%);
	-webkit-transition-duration: 2s;
	transition-duration: 2s;
}
.fade.is-show {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-duration: 2s;
	transition-duration: 2s;
}
}
@media screen and (max-width:550px){
	.n550{
		display: none;
	}
	.b550{
		display: block;
	}
	.kitchen_list_img {
		max-width: 300px;
		margin: 10px auto 0;
	}
}
@media screen and (max-width:460px){

	
	.rest-left .kic_left{
		width: 50%;
	}
	.rest-left .kic_right{
		width: 100%;
	}


}

/*  */
#common_fac02 ul {
	flex-wrap: wrap;
}
#common_fac02 ul a {
	width: 48%;
}
#common_fac04 ul {
	flex-wrap: wrap;
}
#common_fac04 ul a {
	width: 24%;
}
@media screen and (max-width: 650px) {
	#common_fac02 ul a {
		width: 48%;
	}
	#common_fac04 ul a {
		width: 48%;
	}
}

/* inview */
.zoomOut {
	opacity: 0;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition-duration: 2s;
	transition-duration: 2s;
}
.zoomOut.is-show {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-duration: 2s;
	transition-duration: 2s;
}

@media all and (-ms-high-contrast: none) {
    .ie100{
		width:100%;
	}
}