.layout {
	background: #eae6df url("../img/layout/bg_title.jpg") center top no-repeat;
	background-size: contain;
}

/* ------------------------------
#title_area
------------------------------ */
.layout #title_area {
	background: #eae6df;
}
.layout #title_area .ttl_box .eng {
	width: 193px;
}
.layout #title_area .ttl_box .ja {
	width: 54px;
}


/* ------------------------------
#room_list
------------------------------ */
.layout #room_list {
	padding-bottom: 70px;
}
.layout #room_list .wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 90%;
	max-width: 890px;
	margin-bottom: 2rem;
}

.layout #room_list .room_box {
	background-color: #fff;
	width: 32%;
	padding-bottom: 20px;
	margin-top: 2rem;
}
.layout #room_list .room_box:nth-of-type( -n + 3 ) {
	margin-top: 0;
}
.layout #room_list .room_box .room_ttl {
	background-color: #808080;
	margin-bottom: 5px;
	padding: .5rem;
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
}
.layout #room_list .room_box .area_ttl {
	margin-bottom: 5px;
	font-size: 2.5rem;
	text-align: center;
}
.layout #room_list .room_box .area_ttl span {
	margin-right: 1rem;
	font-size: 1.5rem;
}
.layout #room_list .room_box figure {
	position: relative;
	text-align: center;
	width: 85%;
	margin: 0 auto 10px;
}
.layout #room_list .room_box figure a {
	display: block;
}
.layout #room_list .room_box figure a > img {
	width: auto;
	height: 200px;
}
.layout #room_list .room_box figure .btn_more {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 35px;
}
.layout #room_list .room_box .btn_conf {
	width: 80%;
	margin: 0 auto;
}

.layout #room_list .wrap .text_box .txt {
	font-size: 1.4rem;
}

/* ------------------------------
#point_block
------------------------------ */
.layout #point_block {
	margin-top: -100px;
	padding-top: 100px;
}
.layout .point_block_inner {
	background-color: #534741;
}
.layout #point_block .wrap {
	padding: 80px 0;
	width: 90%;
	max-width: 810px;
}
.layout #point_block .wrap .ttl_box .ttl {
	margin-bottom: 55px;
	color: #fff;
	font-size: 2rem;
	text-align: center;
}
.layout #point_block .wrap .about_list {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.layout #point_block .wrap .about_list li {
	width: 32%;
}
.layout #point_block .wrap .about_list li p {
	color: #fff;
}
.layout #point_block .wrap .about_list li figure {
	margin-bottom: 1rem;
}
.layout #point_block .wrap .about_list li .ttl {
	margin-bottom: 5px;
	font-size: 2rem;
	text-align: center;
}
.layout #point_block .wrap .about_list li .txt {
	font-size: 1.4rem;
}
.layout #point_block .wrap .about_list li:nth-child( n + 4 ) {
	margin-top: 3rem;
}

/* ----------------------------------------------------------------------------------------------------
*  TAB
* --------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
	.layout #point_block .wrap .about_list li .ttl {
		font-size: 1.7rem;
	}
}


/* ----------------------------------------------------------------------------------------------------
*  SP
* --------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {


	 .layout #title_area .ttl_box .eng {
	  width: 38%;
	  margin-bottom: 0;
	 }
	 .layout #title_area .ttl_box .ja {
	  width: 11%;
	 }

	/* ------------------------------
	.layout #room_list
	------------------------------ */
	.layout #room_list .room_box {
		width: 48%;
	}
	.layout #room_list .room_box:nth-child( n + 3 ) {
		margin-top: 2rem;
	}
	.layout #room_list .room_box.adj{
		margin-left: auto;
		margin-right: 0;
	}
	.layout #room_list .room_box .area_ttl {
		font-size: 2rem;
	}
	.layout #room_list .room_box .area_ttl span {
		font-size: 1.25rem;
		margin-right: 0.5rem;
	}
	/*.layout #room_list .room_box .area_ttl span {
		display: block;
	}*/
	
	.layout #room_list .room_box figure img.room_list_order {
		height: 12.5rem;
	}

	
	/* ------------------------------
	#point_block
	------------------------------ */
	.layout #point_block .wrap {
		padding: 60px 0;
	}
	.layout #point_block .wrap .ttl_box .ttl {
		margin-bottom: 35px;
	}
	.layout #point_block .wrap .about_list li {
		width: 48%;
	}
	.layout #point_block .wrap .about_list li:nth-child( n + 3 ) {
		margin-top: 3rem;
	}

}

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

/* ----------------------------------------------------------------------------------------------------
*  layout_list / detail
* --------------------------------------------------------------------------------------------------*/

.layout_list {
	background: #e4e0da;
	padding-top: 10px;
}
.layout_list header .txt a {
	color: #4d4d4d;
}
.layout_list header .common_logo img {
	visibility: hidden;
}
.layout_list header .common_logo {
	display: block;
	background: url(../img/common/logo_header.svg) top center no-repeat;
	background-size: 100% auto;
	max-width: 67px;
}

/* ------------------------------
#title_area
------------------------------ */
.layout_list #title_area .wrap {
	margin-top: 7rem;
	padding: 0 0 40px;
}
.layout_list #title_area .ttl_box .ja {
	width: 142px;
}

.layout_list #title_area .menu_list {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 90%;
	max-width: 880px;
	margin: 0 auto;
}
.layout_list #title_area .menu_list li {
	background: #fff url("../img/layout_list/btn_bg_off.svg") center bottom no-repeat;
	background-size: 100% auto;
}
@media all and (-ms-high-contrast:none){/* IE11 */
	*::-ms-backdrop, .layout_list #title_area .menu_list li { width:  calc( 100% / 8 - 5px) ; }
}
.layout_list #title_area .menu_list li a {
	display: block;
	padding: 1rem 1.25rem 2.25rem;
}
.layout_list #title_area .menu_list li img {
	width: auto;
	height: 15px;
}
.layout_list #title_area .menu_list li:hover {
	background: #92835a url("../img/layout_list/btn_bg_on.svg") center bottom no-repeat;
	background-size: 100% auto;
}
.layout_list #title_area .menu_list li:hover img {
	visibility: hidden;
}
.layout_list #title_area .menu_list li.menu01 span {
	background: url("../img/layout_list/btn_01_on.svg") center center no-repeat;
	background-size: contain;
}
.layout_list #title_area .menu_list li.menu02 span {
	background: url("../img/layout_list/btn_02_on.svg") center center no-repeat;
	background-size: contain;
}
.layout_list #title_area .menu_list li.menu03 span {
	background: url("../img/layout_list/btn_03_on.svg") center center no-repeat;
	background-size: contain;
}
.layout_list #title_area .menu_list li.menu04 span {
	background: url("../img/layout_list/btn_04_on.svg") center center no-repeat;
	background-size: contain;
}
.layout_list #title_area .menu_list li.menu05 span {
	background: url("../img/layout_list/btn_05_on.svg") center center no-repeat;
	background-size: contain;
}
.layout_list #title_area .menu_list li.menu06 span {
	background: url("../img/layout_list/btn_06_on.svg") center center no-repeat;
	background-size: contain;
}
.layout_list #title_area .menu_list li.menu07 span {
	background: url("../img/layout_list/btn_07_on.svg") center center no-repeat;
	background-size: contain;
}
.layout_list #title_area .menu_list li.menu08 span {
	background: url("../img/layout_list/btn_08_on.svg") center center no-repeat;
	background-size: contain;
}

/* ------------------------------
.room_list
------------------------------ */
.layout_list .room_list {
	display: none;
	width: 90%;
	max-width: 880px;
	margin: 0 auto;
	padding-bottom: 90px;
}
.layout_list .room_list .room_list_inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 auto 30px;
}
.layout_list .room_list .room_list_inner .room_box {
	background-color: #fff;
	margin-top: 15px;
	width: 49%;
}
.layout_list .room_list .room_list_inner .room_box a {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 50px 15px 15px;
}
.layout_list .room_list .room_list_inner .room_box a::before{
	content: '';
	width: 22px;
	height: 22px;
	border: 0;
	border-top: solid 2px #4d4d4d;
	border-right: solid 2px #4d4d4d;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 2.5rem;
	margin-top: -11px;
}
.layout_list .room_list .room_list_inner .room_box .img {
	margin-right: 15px;
}
.layout_list .room_list .room_list_inner .room_box .img img {
	width: auto;
	height: 90px;
}
.layout_list .room_list .room_list_inner .room_box .txt p {
	color: #4d4d4d;
}
.layout_list .room_list .room_list_inner .room_box .txt .room_size {
	font-size: 2.3rem;
}
.layout_list .room_list .room_list_inner .room_box .txt .room_size span {
	font-size: 2rem;
}
.layout_list .room_list .room_list_inner .room_box .txt .price {
	font-size: 2.3rem;
}
.layout_list .room_list .room_list_inner .room_box .txt .price span {
	font-size: 1.6rem;
}
.layout_list .room_list .room_list_inner .room_box .txt .option_txt p {
	display: inline-block;
}
.layout_list .room_list .room_list_inner .room_box .txt .option_txt p:nth-of-type(n + 2) {
	margin-right: 1.5rem;
}
.layout_list .cautions_txt {
	font-size: 1.3rem;
}

/* ------------------------------
.room_detail
------------------------------ */
.layout_list .room_detail {
	width: 90%;
	max-width: 850px;
	margin: 50px auto 0;
	padding-bottom: 90px;
}
.layout_list .room_detail .wrap {
	background-color: #fff;
	margin-bottom: 20px;
	padding: 35px 65px 110px;
}
.layout_list .room_detail .img {
	margin-bottom: 2rem;
	text-align: center;
}

.layout_list .room_detail .info_area {
	margin-top: 90px;
}
.layout_list .room_detail .info_area .ttl {
	background-color: #808080;
	margin-bottom: 1rem;
	padding: 1rem 0;
	text-align: center;
	line-height: 0;
}
.layout_list .room_detail .info_area .ttl img {
	width: 82px;
}
.layout_list .room_detail .list_contents {
	margin-bottom: 45px;
}
.layout_list .room_detail .list_contents dl {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	border-bottom: 1px solid #b2b2b2;
}
.layout_list .room_detail .list_contents dt {
	width: 40%;
	padding: .75rem 0 .75rem 12%;
}
.layout_list .room_detail .list_contents dd {
	width: 60%;
	padding: .75rem 0 .75rem;
	word-break: break-all;
}
.layout_list .room_detail .btn {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 85%;
	margin: 0 auto;
}
.layout_list .room_detail .info_area .btn {
	justify-content: space-between;
}
.layout_list .room_detail .btn li {
	width: 50%;
	margin: 0 .5rem;
}
.layout_list .room_detail .btn li img {
	width: 100%;
}

/* ----------------------------------------------------------------------------------------------------
*  TAB
* --------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
	.layout_list #title_area .menu_list {
		width: 100%;
		flex-wrap: wrap;
	}
	.layout_list #title_area .menu_list li {
		width: 23%;
		margin-bottom: 1rem;
	}
	.layout_list #title_area .menu_list li a {
		padding: 1rem 1.25rem 3.25rem;
		text-align: center;
	}
	.layout_list .room_list .room_list_inner {
		justify-content: center;
	}

	@media (orientation: landscape) {
		.layout_list .room_list .room_list_inner {
			justify-content: space-between;
		}
	}
}

/* ----------------------------------------------------------------------------------------------------
*  SP
* --------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

	#title_area .wrap {
		padding-bottom: 2rem;
	}
	
	.layout_list #title_area .wrap {
		padding: 0 0 20px;
	}
	.layout #title_area .detail {
		 margin-bottom: 2rem;
		 font-size: 1.4rem;
		 line-height: 1.78;
	}
	.layout_list #title_area .menu_list {
		width: 100%;
		flex-wrap: wrap;
	}
	.layout_list #title_area .menu_list li a {
		padding: .5rem 1rem 1.5rem;
	}
	.layout_list .room_list .room_list_inner .room_box {
		width: 100%;
	}
	.layout_list .room_list .room_list_inner .room_box .img {
		width: 30%;
	}
	.layout_list .room_list .room_list_inner .room_box .txt {
		width: 68%;
	}
	.layout_list .room_list .room_list_inner .room_box .img img {
		width: 100%;
		height: auto;
	}
	.layout_list .room_list .room_list_inner .room_box .txt .price span {
		display: block;
	}

	
	@media (orientation: landscape) {
		.layout_list #title_area .menu_list li a {
			padding: 1rem 1rem 2.5rem;
		}
		.layout_list .room_list .room_list_inner {
			justify-content: center;
		}
		.layout_list .room_list .room_list_inner .room_box {
			width: 80%;
		}
	}


	/* ------------------------------
	.room_detail
	------------------------------ */
	.layout_list .room_detail .wrap {
		padding: 3rem 5%;
	}
	.layout_list .room_detail .list_contents dt {
		padding: .75rem .5rem 0;
	}
	.layout_list .room_detail .info_area .list_contents dt {
		width: 100%;
		padding: .75rem .5rem 0;
	}
	.layout_list .room_detail .info_area .list_contents dd {
		width: 100%;
		padding: .75rem .5rem;
	}
	.layout_list .room_detail .btn {
		flex-wrap: wrap;
	}
	.layout_list .room_detail .btn li {
		width: 100%;
	}
	

	/* ------------------------------
	#point_block
	------------------------------ */
	.layout #point_block .wrap .ttl_box .ttl {
		margin-bottom: 2rem;
	}
	.layout #point_block .wrap .about_list li .ttl {
		font-size: 1.6rem;
	}

}

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

.anchor{
	padding-top: 95px;
	margin-top: -95px;
	width: 100%;
}
@media screen and (max-width: 767px) {
	
	.anchor{
		padding-top: 14.4vw;
		margin-top: -14.4vw;
		width: 0;
		
	}	
	
}