@charset "utf-8";
/* CSS Document */

div#lead > div > h1 {
	font-size: 24px;
	text-align: center;
	line-height: 140%;
	margin-bottom: 40px;
}
div#lead > div > p {
    text-align: left;
    line-height: 200%;
    margin-bottom: 20px;
}
	@media only screen and (max-width: 768px) {
		div#lead > div > h1 > span {
			display: block;
			font-size: 28px;
			margin-top: 10px;
		}
	}
#rooms section {
	border-bottom: none!important;
}
section > h2 {
    font-size: 24px;
    text-align: center;
    line-height: 140%;
    margin-bottom: 40px;
}

/* -- ゴテンヤマスイート説明 --*/
section#gotenyama {
	width: 1000px;
	text-align: left;
	margin: 0px auto 100px;
}
section#gotenyama > div {
    float: right;
    width: 400px;
    margin: 0 0 30px 30px;
}
section#gotenyama > div > img {
	width: 100%;
	height: auto;
}
	@media only screen and (max-width: 768px) {
		section#gotenyama {
			width: 90%;
			margin: 0px auto 80px;
		}
		section#gotenyama > div {
			float: none;
			width: auto;
			margin: 0 auto 30px;
		}
	}

/* -- インテリアデザイン -- */
section#interior {
	width: 1000px;
}
section#interior ul li {
	text-indent:-1em;
	padding-left:1em;
	text-align: left;
	line-height: 160%;
	margin: 0 0 5px;
	padding-right: 1em;
}
section#interior ul li:before {
    content: "●";
    display: inline;
	font-size: 14px;
	padding-right: 3px;
}
	@media only screen and (max-width: 768px) {
		section#interior {
			width: 90%;
			margin: 0px auto 80px;
		}
	}
/* -- 概要 -- */
section#details {
	width: 1000px;
}
section#details > div {
	display: flex;
	flex-wrap: wrap;
}
section#details > div > div:nth-of-type(1) {
	width: 70%;
}
section#details > div > div > dl {
	width: 700px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
section#details > div > div > dl dt,
section#details > div > div > dl dd {
	text-align: left;
}
section#details > div > div > dl dt:nth-of-type(1),
section#details > div > div > dl dt:nth-of-type(3) {
	width: 75px;
}
section#details > div > div > dl dt:nth-of-type(2),
section#details > div > div > dl dt:nth-of-type(4) {
	width: 185px;
}
section#details > div > div > dl dd:nth-of-type(1),
section#details > div > div > dl dd:nth-of-type(3) {
	width: 220px;
}
section#details > div > div > dl dd:nth-of-type(2),
section#details > div > div > dl dd:nth-of-type(4) {
	width: 220px;
}
section#details > div > div:nth-of-type(2) {
	width: 30%;
}
section#details > div > div > img {
	width: 100%;
}
section#details ul.notes li {
	font-size: 14px;
	text-indent:-1em;
	padding-left:1em;
	text-align: left;
	line-height: 160%;
}
	@media only screen and (max-width: 768px) {
		section#details {
			width: 90%;
			margin: 0px auto 80px;
		}
		section#details > div {
			display: block;
			flex-wrap: nowrap;
		}
		section#details > div > div {
			width: 100%!important;
		}
		section#details > div > div > dl {
			width: 100%!important;
		}
		section#details > div > div > dl dt {
			width: 50%!important;
		}
		section#details > div > div > dl dd {
			width: 50%!important;
		}
		section#details > div > div > img {
			width: 50%;
			padding-top: 30px;
		}
	}

/* -- 主な設備・備品 -- */
section#facility {
	width: 1000px;
}
section#facility > div {
	display: flex;
	flex-wrap: wrap;
}
section#facility > div > div {
	width: 50%;
}
section#facility > div > div:nth-of-type(2) {
	padding-left: 30px;
	box-sizing: border-box;
}
section#facility > div > div > img {
	width: 100%;
}
section#facility ul li {
	text-indent:-1em;
	padding-left:1em;
	text-align: left;
	line-height: 160%;
	margin: 0 0 5px;
	padding-right: 1em;
}
section#facility ul li:before {
    content: "●";
    display: inline;
	font-size: 14px;
	padding-right: 3px;
}

section#reserve {
	width: 1000px;
}
section#reserve > a {
	display: inline-block;
	border: #53585a 1px solid;
	padding: 16px 32px;
}
	@media only screen and (max-width: 768px) {
		section#facility {
			width: 90%;
			margin: 0px auto 80px;
		}
		section#facility > div {
			display: block;
			flex-wrap: nowrap;
		}
		section#facility > div > div {
			width: 100%;
		}
		section#facility > div > div:nth-of-type(2) {
			margin-top: 30px;
			padding-left: 0;
			box-sizing: border-box;
		}
}


