@charset "utf-8";
/* CSS Information========

Table of Contents:
 * room
 
========================== */

/*スマートフォン*/
@media screen and (min-width:0px) {

	/* =======================
	　ヘッダー
========================== */
	header #logo a {}

	/* =======================
	　全体
========================== */
	#container {
		width: 94%;
		margin: 10px auto;
	}

	/* =======================
	　客室タイプ
========================== */
	.room_type {
		margin-bottom: 60px;
	}

	.ttl h2,
	h3,
	h4 {
		font-size: 2.4rem;
		margin-bottom: 30px;
	}

	.room_type h3 {
		font-size: 1.5rem;
		margin-bottom: 10px;
		font-weight: bold;
	}

	.room_type dl {
		margin-bottom: 10px;
		font-size: 1.4rem;
	}

	.room_type dl dt {
		float: left;
		width: 60px;
	}

	/* =======================
	　コンテンツ内
========================== */
	#container .topicpath {
		margin-bottom: 60px;
	}

	#container .room_slide img {
		margin-bottom: 10px;
	}

	#container .pan {
		line-height: 1.8;
	}

	#container .room_type .room_txt {
		margin-bottom: 30px;
		line-height: 1.5;
	}

	#container .btn a {
		background-color: #8e6127;
		color: #fff;
		font-size: 1.5rem;
		background-repeat: no-repeat;
		background-position: 90px 16px;
		background-size: 6px;
		width: 100%;
		display: block;
		padding: 12px 0;
		text-align: center;
	}

	.room_type p {
		font-size: 1.4rem;
		margin: 30px 0;
	}

	#container .room_type .btn.pc_none {
		margin: 30px 0;
	}

	#container .room_copy {
		text-align: center;
		margin-bottom: 30px;
	}

	#container .room_nav {
		display: flex;
		margin-bottom: 60px;
		width: 100%;
		justify-content: space-between;
	}

	#container .room_nav .item {
		width: 33%;
	}

	#container .room_nav .item a {
		background-color: #8e6127;
		color: #fff;
		font-size: 1.5rem;
		width: 97%;
		display: block;
		padding: 15px 0;
		text-align: center;
	}

	#container #room_contents .room_box dl dt {
		font-weight: bold;
		margin: 15px 0;
	}

	#container #room_contents .room_box {
		margin-bottom: 40px;
	}

	#container #room_contents .room_box dl {
		width: 94%;
		margin: 0 auto 20px;
	}

	#container #room_contents {
		margin-bottom: 75px;
	}

	#container #room_facility .min .room_bd h2 {
		font-size: 2.1rem;
		padding-bottom: 15px;
		margin-bottom: 30px;
	}

	#container #room_facility .room_facility_box {
		margin-bottom: 50px;
	}

	#container #room_contents .room_box dl .copy_txt {
		margin-bottom: 15px;
	}

	#container #room_wrapper #room_contents .room_box dl dd span {
		margin-left: -15px;
	}

	/* =======================
	　デイユース
========================== */
	#container .ml_20 li {
		line-height: 2.0;
	}

	#container #room_facility .btn a {
		width: 100%;
		margin: 20px auto 30px;
	}

	#container table {
		margin: 20px auto 0;
		text-align: center;
		border: 1px solid #CCC;
		width: 100%;
		font-weight: normal;
	}

	#container thead tr {
		height: 45px;
		font-weight: bold;
		background-color: #ededed;
	}

	#container td {
		border: 1px solid #CCC;
		padding: 10px 0;
		line-height: 1.5;
	}

	#container tr {
		height: 35px;
	}

	.time-l {
		width: 60%;
	}

	p.rest {
		margin: 5px auto;
	}

	.reservation_box {
		margin: 20px auto 40px;
		background-color: #FFF;
		border: solid 1px #CCC;
		padding: 3% 3% 6%;
	}

	.reservation_box h3 {
		display: block;
		width: 100%;
		padding: 10px 0;
		margin: 0 0 30px 0;
		background-color: #f2f2f2;
		text-align: center;
		font-weight: normal;
		font-size: 1.6rem;
		color: #333;
	}

	.reservation_box .open_anteroom {
		font-size: 1.6rem;
		margin: 0 0 20px 0;
		line-height: 1.5;
		text-align: center;
	}

	.reservation_box .phon_number {
		font-size: 3.0rem;
		background-repeat: no-repeat;
		background-position: 0 center;
		background-size: 24px 39px;
		width: 279px;
		margin: -10px auto 0;
		text-align: center;
		line-height: 1.2;
	}

	.reservation_box .phon_number a {
		color: #0c000c;
	}

	.service {
		width: 100%;
	}
}

@media screen and (min-width: 568px) {}

/*タブレット*/
@media screen and (min-width:768px) {

	/* =======================
	　コンテンツ内
========================== */
	#container .ttl h2,
	h3,
	h4 {
		font-size: 2.4rem;
	}

	#container .room_type .btn a {
		padding: 12px 0;
		font-size: 1.4rem;
	}

	#container .btn a {
		background-color: #8e6127;
		color: #fff;
		font-size: 1.4rem;
		background-repeat: no-repeat;
		background-position: 280px 19px;
		background-size: 6px;
		width: 100%;
		display: block;
		padding: 15px 0;
		text-align: center;
	}

	#container .room_nav {
		display: flex;
		justify-content: space-between;
		margin-bottom: 60px;
		width: 100%;
	}

	#container .room_nav .item1 {
		flex-grow: 0.37;
		width: 20.5%;
	}

	#container .room_nav .item2 {
		flex-grow: 0.26;
		width: 24%;
	}

	#container .room_nav .item3 {
		flex-grow: 0.26;
		width: 24%;
	}

	#container .room_nav .item1 a {
		background-color: #8e6127;
		color: #fff;
		font-size: 1.5rem;
		width: 98%;
		display: block;
		padding: 15px 0;
		text-align: center;
	}

	#container .room_nav .item2 a {
		background-color: #8e6127;
		color: #fff;
		font-size: 1.5rem;
		width: 98%;
		display: block;
		padding: 15px 0;
		text-align: center;
	}

	#container .room_nav .item3 a {
		background-color: #8e6127;
		color: #fff;
		font-size: 1.5rem;
		width: 98%;
		display: block;
		padding: 15px 0;
		text-align: center;
	}

	#container #room_contents .room_box dl dt {
		font-weight: bold;
		margin: 15px 0;
	}

	#container #room_facility .room_facility_box .txt.room_list.txt_center {
		text-align: center;
	}

	#container #room_wrapper #room_contents .room_box dl dd span {
		margin-left: 0px;
	}

	#container #room_contents {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 60px;
	}

	#container #room_contents .room_box {
		width: 48%;
		margin-bottom: 40px;
		display: flex;
		flex-direction: column;
	}

	#container #room_contents .room_box dl {
		margin-bottom: 30px;
		flex-grow: 1;
	}

	#container #room_contents .room_box dl dt {
		font-weight: bold;
		margin: 15px 0;
	}

	#container #room_contents .room_box dl .copy_txt {
		margin-bottom: 20px;
	}

	#room_contents .service {
		height: 360px;
		margin-bottom: 60px;
	}

	#container #room_facility .txt.room_list {
		text-align: center;
	}

	#container #room_facility .room_facility_box {
		margin-bottom: 50px;
	}

	#container #room_wrapper #room_contents .room_box dl dd span {
		margin-left: 0px;
	}

	/* =======================
	　デイユース
========================== */

	#container #room_facility li {
		text-align: center;
	}

	.reservation_box {
		padding: 3% 5% 20px 5%;
	}

	.reservation_box .phon_number {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}

	.time-l {
		width: 65%;
	}

}

/*タブレット（横）*/
@media screen and (min-width:1024px) {
	header #logo a {
		width: 100%;
	}

	.page_image p {
		width: 160%;
		right: -300px;
		position: absolute;
	}

	/* =======================
	　デイユース
========================== */
	.reservation_box {
		width: 60%;
	}

	#container #room_facility .btn a {
		width: 48%;
		margin: 30px auto;
	}

	#container table {
		margin: 0 auto;
		text-align: center;
		border: 1px solid #CCC;
		width: 70%;
	}

	p.rest {
		width: 70%;
		margin: 5px auto;
	}
}

/* PCページ */
@media screen and (min-width: 1024px) {

	/* =======================
	　ヘッダー
========================== */
	.page_image p {
		width: 100%;
		right: 0;
	}

	/* =======================
	　全体
========================== */
	#container {
		margin: 0 auto 60px;
		width: 94%;
	}

	/* =======================
	　客室タイプ
========================== */
	#container .ttl h2,
	h3,
	h4 {
		font-size: 3.0rem;
		margin-bottom: 40px;
	}

	#container .room_type {
		margin-bottom: 80px;
	}

	/* =======================
	　コンテンツ内
========================== */
	#container .room_type .room_txt {
		margin: 0 110px 30px 80px;
	}

	#container .room_type p {
		margin: 0 30px 30px;
	}

	#container .room_type .btn {
		width: 40%;
		margin: auto;
	}

	#container .room_type .btn a {
		background-position: 120px 16px;
	}

	#container #room_wrapper #room_contents .room_box dl dd span {
		margin-left: -15px;
	}

	#container .topicpath {
		margin-bottom: 70px;
	}

	#container .topicpath {
		font-size: 1.2rem;
	}

	#container .main_image {
		margin-top: 20px;
	}

	#container .room_slide img {
		margin-bottom: 20px;
	}

	#container .owl-controls .clickable img {
		margin-top: 20px;
	}

	#container .room_type .btn {
		width: 40%;
		margin: auto;
	}

	#container .room_type section {
		margin-bottom: 30px;
	}

	#container .room_type .room_txt {
		margin-bottom: 35px;
		line-height: 2;
		margin: 0 80px 30px;
	}

	#container .room_type section p {
		font-size: 1.4rem;
		margin: 0 0 0 20px;
	}

	#container .btn a {
		background-color: #8e6127;
		color: #fff;
		font-size: 1.5rem;
		background-repeat: no-repeat;
		background-position: 170px 20px;
		background-size: 6px;
		width: 100%;
		display: block;
		padding: 15px 0;
		text-align: center;
	}

	#container .room_type p {
		margin: 0 30px 30px;
	}

	#container .room_copy {
		text-align: center;
		line-height: 2;
		margin-bottom: 60px;
	}

	#container .room_nav {
		display: flex;
		justify-content: space-around;
		margin-bottom: 60px;
		width: 100%;
	}

	#container .room_nav .item1 {
		flex-grow: 0.35;
		width: 19.5%;
	}

	#container .room_nav .item2 {
		flex-grow: 0.28;
		width: 23%;
	}

	#container .room_nav .item3 {
		flex-grow: 0.28;
		width: 23%;
	}

	#container .room_nav .item1 a {
		background-color: #8e6127;
		color: #fff;
		font-size: 1.5rem;
		width: 97%;
		display: block;
		padding: 15px 0;
		text-align: center;
	}

	#container .room_nav .item2 a {
		background-color: #8e6127;
		color: #fff;
		font-size: 1.5rem;
		width: 97%;
		display: block;
		padding: 15px 0;
		text-align: center;
	}

	#container .room_nav .item3 a {
		background-color: #8e6127;
		color: #fff;
		font-size: 1.5rem;
		width: 97%;
		display: block;
		padding: 15px 0;
		text-align: center;
	}

	/* =======================
	　デイユース
========================== */
	#container .ml_20 {
		text-align: center;
	}

	#container .ml_20 li {
		line-height: 2.0;
		text-align: center;
	}

	#container #room_facility {
		margin-top: -100px;
		padding-top: 100px;
	}

	#container #room_facility .btn a {
		width: 48%;
		margin: 30px auto;
	}

	#container table {
		margin: 0 auto;
		text-align: center;
		border: 1px solid #CCC;
		width: 70%;
	}

	#container thead tr {
		height: 45px;
		font-weight: bold;
		background-color: #ededed;
	}

	#container tr {
		height: 35px;
	}

	#container td {
		border: 1px solid #CCC;
		padding: 10px 0;
	}

	p.rest {
		width: 70%;
		margin: 5px auto;
	}
}

/* PCページ（大） */
@media screen and (min-width: 1280px) {
	#container {
		width: 1000px;
		margin: 0 auto 60px;
	}