@charset "utf-8";


#teaser {
	background:url("../img/bg_teaser.jpg") center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
@media screen and (max-width: 959px) {
#teaser {
	background:url("../img/bg_teaser_ts.jpg") center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
}
.anchor:has(.anchor_eng) {
	max-width: 676px;
	justify-content: space-between;
}
.anchor a {
	width: 212px;
}
.anchor a.anchor_eng {
	width: 328px;
}

@media screen and (max-width: 959px) {
	.anchor:has(.anchor_eng) {
		width:100%;
		max-width:none;
		justify-content: space-between;
	}
	.anchor a,
	.anchor a.anchor_eng {
		width:calc( 50% - 10px );
	}	
}
@media screen and (max-width: 479px) {
	.anchor:has(.anchor_eng) {
		gap:10px;
	}
	.anchor a.anchor_eng {
		width:calc( 50% - 5px );
	}	
}

.room .commonbox:before {
	position:absolute;
	content:"";
	background:url("../img/top_flower.png") 0 0 no-repeat;
	width:289px;
	height:277px;
	right:0;
	top:0;
}
.room .commonbox:after {
	position:absolute;
	content:"";
	background:url("../img/down_flower.png") 0 0 no-repeat;
	width:281px;
	height:277px;
	left:0;
	bottom:0;
}
@media screen and (max-width: 959px) {
.room .commonbox:before {
	display:none;
}
.room .commonbox:after {
	display:none;
}
}
.room .commonbox .roomwrapper {
	z-index:3;
	position:relative;
}
.room .commonbox .rooml {
	float:left;
	width:500px;
}
.room .commonbox .rooml p.txt{
	margin-bottom:0.5em;
}
@media screen and (max-width: 959px) {
.room .commonbox .rooml {
	float:none;
	width:auto;
	margin-bottom:30px;
}
.room .commonbox .rooml .img {
	text-align:center;
}
}
.room .commonbox .roomr {
	float:right;
	width:540px;
}
@media screen and (max-width: 959px) {
.room .commonbox .roomr {
	float:none;
	width:auto;
}
.room .commonbox .roomr .img {
	display:none;
}
}
.room .commonbox .img {
	margin-bottom:30px;
}
.room .commonbox .btngreen {
	text-align:center;
	margin-top:30px;
}
.room .commonbox .btngreen .sp {
	display: none;
}
/* .roomamenity */
.room .contentbottom h5{
	font-size:24px;
	letter-spacing: 2px;
	margin: 40px 0 6px;
}
.room .contentbottom h5 img{
	padding: 4px 5px 0 0;
}
@media screen and (max-width: 959px) {
	#contents .contentbottom {
		padding:60px 15px 80px;
	}
}
@media screen and (max-width: 767px) {
	.room .contentbottom h5 img{
		padding: 1px 5px 0 0;
	}	
	#contents .contentbottom {
		padding:30px 15px 50px;
	}
}

.room .roomamenity {
	overflow:hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:20px;
}

.room .roomamenity li {
	width:270px;
	border:1px #CCC solid;
	background:#fff;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom:1px #CCC solid;
	behavior: url(/PIE.htc);
	position:relative;
	border-radius: 10px;
}
@media screen and (max-width: 959px) {
	.room .contentbottom h5{
		text-align:center;
		margin:40px 0 30px;
	}
	.room .roomamenity {
		justify-content: center;
		max-width: 600px;
		margin: 0 auto;
	}
}
.room .roomamenity.heightLine_01 .amenitytxt {
	padding:20px 30px 10px;
}
.room .roomamenity.heightLine_02 .amenitytxt {
	padding:20px;
}
.room .roomamenity .amenitytxt .tit {
	font-size:20px;
	color:#665e53;
	margin-bottom:10px;
}
@media screen and (max-width: 959px) {
	.room .roomamenity .biggerlink {
		display:table;
	}
	.room .roomamenity .amenitytxt {
		padding:0 30px;
	}
	.room .roomamenity.heightLine_01 .amenitytxt .tit {
		margin-bottom:0;
	}
	.room .roomamenity.heightLine_02 .amenitytxt .tit {
		margin-bottom:10px;
	}
}
@media screen and (max-width: 767px) {
	.room .roomamenity li {
		width:calc( 50% - 15px );
	}
	.room .roomamenity .img img {
		width:100%;
	}
	.room .contentbottom h5,
	.room .roomamenity .amenitytxt .tit {
		font-size:20px;
	}
}
@media screen and (max-width: 479px) {	
	.room .contentbottom h5 {
		font-size:14px;
		margin:30px 0 15px;
	}
	.room .roomamenity .amenitytxt .tit {
		font-size:14px;
	}
	.room .roomamenity.heightLine_01 .amenitytxt,
	.room .roomamenity.heightLine_02 .amenitytxt {
		padding: 13px 15px;
		vertical-align: top;
		text-align: justify;
	}
	.room .roomamenity.heightLine_02 .img {
		vertical-align: top;
	}
}


/*-- アンカーメニューをPC表示だけ2段に --*/

@media screen and (max-width: 767px) {
	.room_br_pc{
		display: none;
	}
}

/*text*/

.txt_r_s{
    text-align: right;
    font-size: 90%;
    margin-top: 18px;
}

/* 追加 */
.room .commonbox .btn_clm2 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content:space-between;
}
.room .commonbox .btn_clm2 .btngreen{
	width:49%;
}
.room .commonbox .btn_clm2 .btngreen a{
	width:100%;
}
@media screen and (max-width: 959px) {
	.room .commonbox .btn_clm2 {
		flex-flow: column;
	}
	.room .commonbox .btn_clm2 .btngreen{
		width:100%;
	} 
	.room .commonbox .btn_clm2 .btngreen a{
		line-height: 22px;
	} 
	.room .commonbox .btn_clm2 .btngreen a span{
		white-space: nowrap;
	} 
}