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

div#lead {
    margin: 60px 0 30px;
}
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: 750px) {
		div#lead {
			margin: 60px auto 30px;
		}
		div#lead > div > h1 > span {
			display: block;
			font-size: 28px;
			margin-top: 10px;
		}
	}
#rooms section {
	border-bottom: none!important;
}
#rooms section#executive {
	padding: 0;
}
#rooms section#executive > h2 {
    font-size: 24px;
    text-align: center;
    line-height: 140%;
    margin-bottom: 40px;
}
#rooms section  h3 {
    font-size: 20px;
    text-align: left;
    margin-top: 30px;
}

/* -- エグゼクティブ フロア一覧 --*/
section#executive {
	max-width: 1000px;
	text-align: left;
	margin: 0px auto 100px;
}
section#executive > div {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
section#executive > div > div {
	width: 32%;
	margin-right: 2%;
}
section#executive > div > div:nth-of-type(3) {
	width: 32%;
	margin-right: 0%;
}
section#executive > div > div > img {
	width: 100%;
	height: auto;
}

section#executive > ul.link {
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	margin: auto;
}
section#executive > ul.link li {
	width: 32%;
	line-height: 200%;
	margin-right: 2%;
}
section#executive > ul.link li:nth-of-type(3) {
	width: 32%;
	margin-right: 0%;
}

section#executive > ul.link li > a:before {
	content: "";
	display: inline-block;
	background-image: url(../images/arrow.png);
	width: 10px;
	height: 9px;
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: 2px;
    padding-right: 2px;
}
	@media only screen and (max-width: 750px) {
		section#executive {
			width: 90%;
			margin: 0px auto 40px;
		}
		section#executive > div {
			float: none;
			width: auto;
			margin: 0 auto 30px;
		}
		section#executive > ul.link {
			width: 100%;
			display: block;
			flex-wrap: nowrap;
			margin: auto;
		}
		section#executive > ul.link li {
			width: 100%;
			line-height: 230%;
			margin-right: 0%;
		}
		section#executive > ul.link li:nth-of-type(3) {
			width: 100%;
			margin-right: 0%;
		}

	}

section#details {
	text-align: left;
}
section#details > div {
	max-width: 1000px;
	display: flex;
	flex-wrap: wrap;
	margin: auto;
}
section#details > div > div {
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
section#details ul.list li {
	text-indent:-1em;
	padding-left:1em;
	line-height: 200%;
}
section#details ul.list li:before {
    content: "●";
    display: inline;
    font-size: 14px;
    padding-right: 3px;
}
section#details dl {
	width: 90%;
	margin: 0 0 30px 16px;
}
section#details dl::after {
	display: none;
}
section#details dl dt {
	width: 25%;
}
section#details dl dd {
    width: 75%;
}
section#details ul.notes > li {
    font-size: 14px;
    line-height: 160%;
    margin-bottom: 5px;
    padding: 0 3px;
    text-indent: -1em;
    padding-left: 1em;
}

section#details > div > div.pict {
	display: flex;
	flex-direction: column;
	padding-left: 30px;
	box-sizing: border-box;
}
section#details > div > div.pict > div {
	margin-bottom: 20px;
}
section#details > div > div.pict > div > img {
	width: 100%;
}
@media only screen and (max-width: 750px) {
	section#details > div {
	max-width: 100%;
	}
	section#details > div > div {
		width: 100%;
		display: block;
		flex-direction: column;
		align-items: flex-start;
	}
	section#details dl {
		width: 100%;
		margin: 0 0 30px 0;
	}
	section#details dl dt {
		width: 30%;
	}
	section#details dl dd {
		width: 70%;
	}
	section#details > div > div.pict {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		padding-top: 30px;
		padding-left: 0px;
		box-sizing: border-box;
	}
	section#details > div > div.pict > div {
		width: 32%;
		margin-right: 2%;
	}
	section#details > div > div.pict > div:nth-of-type(3) {
		margin-right: 0%;
	}
}