@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : guestroom.css
 author     : Ability Consultant
 style info : ゲストルーム
=================================================================== */
@font-face {
	font-family: YuGothicM;
	src: local("Yu Gothic Medium");
}
/*Animate */
/* -----------------------------------------------------------
	.con_img_main
----------------------------------------------------------- */
.con_img_main {
	position: relative;
}
.con_img_main .box_container {
	margin: 0 1% 4em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_img_main .box_container {
		margin: 0 1% 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_img_main .box_container {
		margin: 0 1% 2em;
  }
}
.con_img_main .img {
	text-align: center;
	margin-bottom: 2.5em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_img_main .img {
		margin-bottom: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_img_main .img {
		margin-bottom: 1em;
  }
}
.con_img_main .base_txt_layout .tl_basic {
	font-size: 188%;
	text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_img_main .base_txt_layout .tl_basic {
		font-size: 188%;
  }
}
@media only screen and (max-width: 767px) {
  .con_img_main .base_txt_layout .tl_basic {
		font-size: 163%;
  }
}
@media only screen and (max-width: 767px) {
  .con_img_main .base_txt_layout .tl_basic {
		letter-spacing: .1em;
  }
}
.con_img_main .base_txt_layout .txt {
	padding-left: 30px;
	margin-bottom: 3.5em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_img_main .base_txt_layout .txt {
		margin-bottom: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_img_main .base_txt_layout .txt {
		margin-bottom: 1.5em;
  }
}
.con_img_main .base_txt_layout .f_rsv {
	padding-left: 30px;
}

/* -----------------------------------------------------------
	.con_executive
----------------------------------------------------------- */
.con_executive {
	padding: 4em 0 3em;
	margin: 0 1% 6.5em;
	background: #fafbfb;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_executive {
		padding: 3em 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_executive {
		padding: 2em 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_executive {
		margin: 0 1% 4.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_executive {
		margin: 0 1% 2em;
  }
}
.con_executive .ttl {
	text-align: center !important;
	font-size: 300%;
	color: #010101;
	margin-bottom: 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_executive .ttl {
		font-size: 250%;
  }
}
@media only screen and (max-width: 767px) {
  .con_executive .ttl {
		font-size: 188%;
  }
}
@media only screen and (max-width: 767px) {
  .con_executive .ttl {
		margin-bottom: 0.5em;
  }
}
.con_executive .box_executive .item {
	margin-bottom: 5em;
	background: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_executive .box_executive .item {
		margin-bottom: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_executive .box_executive .item {
		margin-bottom: 2em;
  }
}
.con_executive .container_80 {
	max-width: 82%;
}
@media only screen and (min-width: 320px) and (max-width: 1200px) {
  .con_executive .container_80 {
		max-width: 90%;
  }
}
@media print {
  .con_executive .container_80 {
		max-width: 90%;
  }
}
.ie8 .con_executive .container_80 {
	max-width: 90%;
}
.con_executive .container_80.con_lounge {
	background-color: #ebf1f3;
	z-index: -1;
}
.con_executive .container_80 .box_clublounge {
	background: url(../guestroom/images/deco_slogo.png) 50% 76% no-repeat;
	background-size: 40% auto;
	z-index: 1;
	padding: 5em 2em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_executive .container_80 .box_clublounge {
		padding: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_executive .container_80 .box_clublounge {
		padding: 2em 1.5em 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_executive .container_80 .box_clublounge {
		background-size: 100% auto;
  }
}
.con_executive .container_80 .box_clublounge .box_txt {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.con_executive .container_80 .box_clublounge .box_txt .txt {
	width: 50%;
	padding: 2em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_executive .container_80 .box_clublounge .box_txt .txt {
		width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .con_executive .container_80 .box_clublounge .box_txt .txt {
		width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_executive .container_80 .box_clublounge .box_txt .txt {
		padding: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_executive .container_80 .box_clublounge .box_txt .txt {
		padding: 0em;
  }
}
.con_executive .container_80 .box_clublounge .box_txt .txt span {
	display: block;
	padding-top: 2em;
}
.con_executive .container_80 .box_clublounge .box_txt .box_info {
	width: 47%;
	padding: 2em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_executive .container_80 .box_clublounge .box_txt .box_info {
		width: 47%;
  }
}
@media only screen and (max-width: 767px) {
  .con_executive .container_80 .box_clublounge .box_txt .box_info {
		width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_executive .container_80 .box_clublounge .box_txt .box_info {
		padding: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_executive .container_80 .box_clublounge .box_txt .box_info {
		padding: 0;
  }
}
.con_executive .container_80 .box_clublounge .box_txt .box_info p {
	margin-bottom: 1em;
}
.con_executive .container_80 .box_clublounge .box_txt .box_info p.title {
	font-size: 125%;
}
.con_executive .container_80 .box_clublounge .box_txt .box_info p.title:before {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	content: '';
	width: 45px;
	height: 4px;
	background: #bea67c;
	top: -5px;
	left: 0.5em;
	display: inline-block;
	position: relative;
	margin-right: 1em;
}
.con_executive .container_80 .box_clublounge .box_txt .box_info p.text {
	padding-left: 4em;
}

.con_amenity {
	margin: 0 1% 8em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_amenity {
		margin: 0 1% 5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_amenity {
		margin: 0 1% 2em;
  }
}

.con_room_type.col3 {
	margin: 0 1%;
}
.con_room_type.col3 .container_90 {
	max-width: 92%;
}

@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_executive .box_executive .item {
    padding: 4em 3em 5em;
  }
}

@media only screen and (min-width: 1025px) {
	.con_executive .box_executive .item .br_ps {
		display: none;
	}
}

@media only screen and (min-width: 1540px) and (max-width: 1569px) {
	.con_executive .box_executive .item .br_ps {
		display: block;
	}
}

@media only screen and (min-width: 1371px) and (max-width: 1400px) {
	.con_executive .box_executive .item .br_ps {
		display: block;
	}
}

@media only screen and (min-width: 1208px) and (max-width: 1246px) {
	.con_executive .box_executive .item .psmb {
		margin-bottom: 1.75em;
	}
}

@media only screen and (min-width: 1101px) and (max-width: 1135px) {
	.con_executive .box_executive .item .psmb {
		margin-bottom: 1.75em;
	}
}

@media only screen and (min-width: 1025px) {
	.con_executive .box_executive .item .br_ps02 {
		display: none;
	}
}

@media only screen and (min-width: 1201px) and (max-width: 1271px) {
	.con_executive .box_executive .item .br_ps02 {
		display: block;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1158px) {
	.con_executive .box_executive .item .br_ps02 {
		display: block;
	}
}