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



/****************************************************************************************************
header
****************************************************************************************************/
/*#header {
	background: rgba(255,255,255,.9);
	background: rgba(0,0,0,.65);
}*/
body.bright {
	background: #FCFCFC;
}
body.bright #contents {
	color: #000;
}
body.bright #header:not(.nomal) {
	background-image: linear-gradient(180deg, rgba(255,255,255,1), rgba(250,250,250,.85));
	box-shadow: 0 0 10px rgba(0,0,0,.15);
}
body.bright #header.active:not(.nomal) {
	background: none;
	background-image: linear-gradient(180deg, rgba(255,255,255,1), rgba(250,250,250,.85));
}
body.bright #header:not(.nomal) #hnavi .outline a {
	color: #000;
}
body.bright #header:not(.nomal) #gNavi > ul > li {
	border-left:1px solid rgba(0,0,0,0.15);
}
body.bright #header:not(.nomal) #gNavi > ul > li:nth-last-of-type(1) {
	border-right:1px solid rgba(0,0,0,0.15);
}
body.bright #header:not(.nomal) #gNavi > ul > li > a,
body.bright #header:not(.nomal) #gNavi > ul > li > span {
	color: #A69249;
}
body.bright #header:not(.nomal) #gNavi > ul > li.select > a {
	color: #8C0000;
}
body.bright #header:not(.nomal) #gNavi > ul > li > a span.small {
	color: #000;
}
body.bright .caption {
	border-top: 1px solid rgba(0,0,0,.15);
}
body.bright  #contents .info-btn ul li a::after {
	border: 1px solid rgba(255,255,255,.5);
}



/****************************************************************************************************
contents
****************************************************************************************************/
#wrap {
	overflow: hidden;
}
#contents {
	padding: 0;
	color: #FFF;
}

.main {
	position: relative;
}
.main-img img {
	width: 100%;
	height: auto;
}
.main-img figure figcaption {
	position: absolute;
	right: 1em;
	bottom: 1em;
	font-size: 0.866rem;
	z-index: 10;
}
.main-img figure figcaption.white {
	color: #FFF;
	text-shadow:
		0px 0px 10px rgba(0,0,0,1),
		0px 0px 10px rgba(0,0,0,1);
}
#stop-img figure.shadow,
.main-img figure.shadow {
	position: relative;
}
#stop-img figure.shadow::before,
.main-img figure.shadow::before {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 300px;
	left: 0;
	top: 0;
	background-image: linear-gradient(180deg, rgba(0,0,0,1), rgba(0,0,0,.0));
	opacity: 0.8;
	mix-blend-mode: multiply;
	z-index: 0;
}
.main-img figure.shadow::after {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 200px;
	left: 0;
	bottom: 0;
	background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,1));
	opacity: .5;
	/*mix-blend-mode: multiply;*/
	z-index: 0;
}
.main-img.landplan figure.shadow::before,
.main-img.plan figure.shadow::before {
	background-image: linear-gradient(180deg, rgba(0,32,64,1), rgba(0,32,64,.0));
	opacity: 0.9;
}
.main-img.location figure.shadow::before {
	background-image: linear-gradient(180deg, rgba(0,105,140,1), rgba(0,105,140,0));
	opacity: 0.9;
}

.main-txt {
	position: absolute;
	left: 50px;
	bottom: 46px;
	text-align: left;
}
.main-txt.plan,
.main-txt.location {
	position: absolute;
	left: 50%;
	bottom: auto;
	top: 16.666vw;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}
.main-txt.location {
	top: 14vw;
}
.main-txt .ttl-box h2 {
	font-size: 3.066rem;
	line-height: 1.4;
	letter-spacing: 5px;
	text-shadow:
		0px 0px 10px rgba(0,0,0,1),
		0px 0px 10px rgba(0,0,0,1);
}
.main-txt.plan .ttl-box h2 {
	text-shadow:
		0px 0px 10px rgba(0,32,64,1),
		0px 0px 10px rgba(0,32,64,1);
}
.main-txt.location .ttl-box h2 {
	text-shadow:
		0px 0px 10px rgba(0,76,102,1),
		0px 0px 10px rgba(0,76,102,1);
}

#contents .inner {
	width: 1200px;
	margin: auto;
	padding: 100px 0 100px 0;
}
#contents .inner.plan-detail {
	padding-top: 220px;
}
.sec-block + .sec-block {
	margin-top: 100px;
}
.sec-block + .sec-block.border {
	margin-top: 100px;
	padding-top: 100px;
	border-top: 1px solid rgba(0,0,0,.15);
}

.col1 {
	color: #C5B978;
}
.alL {
	text-align: left;
}
.alC {
	text-align: center;
}
#contents p.large {
	font-size: 1.333rem;
	line-height: 1.8;
}
#contents p {
	font-size: 1.2rem;
	line-height: 1.8;
}
#contents p.medium {
	font-size: 1.0rem;
}

figure.img-box {
	position: relative;
	display: inline-block;
}
figure.img-box figcaption {
	margin-top: 0.8em;
	font-size: 0.866rem;
	line-height: 1.4;
	text-align: right;
}
figure.img-box figcaption.left {
	text-align: left;
}
figure.img-box figcaption.in {
	position: absolute;
	right: 0.8em;
	bottom: 0.7em;
	color: #FFF;
	font-size: 0.866rem;
	line-height: 1.0;
	text-shadow:
		0px 0px 10px rgba(0,0,0,1),
		0px 0px 10px rgba(0,0,0,1),
		0px 0px 10px rgba(0,0,0,1);
}
.caption {
	margin: 100px 0 0 0;
	padding: 1.6em 0 0 0;
	border-top: 1px solid rgba(255,255,255,.25);
	font-size: 0.866rem;
	line-height: 1.6;
	text-align: left;
}


.ttl-box {
}
.ttl-box .sub {
	color: #978659;
	font-size: 1.2rem;
}
.ttl-box h1 {
	color: #FFEBC1;
	font-size: 2.4rem;
	line-height: 1.6;
}
.ttl-box h1.large {
	font-size: 3.066rem;
	line-height: 1.4;
}
.ttl-box h1.large .small {
	font-size: 2.133rem;
}
.ttl-box .eng {
	color: #A59248;
	font-size: 1.733rem;
	line-height: 1.6;
}
.ttl-box .eng + h2 {
	margin-top: 0.2em;
}
.ttl-box h2 {
	font-size: 2.133rem;
	line-height: 1.6;
}
.ttl-box h2 span.free {
	display: inline-block;
	margin-left: 0.8em;
	padding: 0.3em 0.5em;
	background: #B20000;
	color: #FFF;
	font-size: 1.333rem;
	line-height: 1.0;
	vertical-align: 4px;
}
.ttl-box h3 {
	font-size: 1.6rem;
	line-height: 1.6;
}
.ttl-box .sub + h2 {
	margin-top: 0.3em;
}
.ttl-box .sub + h2.mt05rem {
	margin-top: 0.5em;
}
.ttl-box h1 + p {
	margin-top: 1em;
}
.ttl-box h2 + p {
	margin-top: 1.2em;
}
.ttl-box p {
	font-size: 1.2rem;
	line-height: 2.0;
}

.ttl-box + .col-box,
.col-box + .col-box {
	margin-top: 1rem;
}
.col-box + .col-box.mt0rem {
	margin-top: 0rem;
}
.ttl-box + .col-box.mt05rem,
.col-box + .col-box.mt05rem {
	margin-top: 0.5rem;
}
.ttl-box + .col-box.mt1rem,
.col-box + .col-box.mt1rem {
	margin-top: 1rem;
}
.ttl-box + .col-box.mt15rem,
.col-box + .col-box.mt15rem {
	margin-top: 1.5rem;
}
.ttl-box + .col-box.mt2rem,
.col-box + .col-box.mt2rem {
	margin-top: 2rem;
}
.ttl-box + .col-box.mt25rem,
.col-box + .col-box.mt25rem {
	margin-top: 2.5rem;
}
.ttl-box + .col-box.mt3rem,
.col-box + .col-box.mt3rem {
	margin-top: 3rem;
}
.ttl-box + .col-box.mt35rem,
.col-box + .col-box.mt35rem {
	margin-top: 3.5rem;
}
.ttl-box + .col-box.mt4rem,
.col-box + .col-box.mt4rem {
	margin-top: 4rem;
}
.ttl-box + .col-box.mt5rem,
.col-box + .col-box.mt5rem {
	margin-top: 5rem;
}
.ttl-box + .col-box.mt6rem,
.col-box + .col-box.mt6rem {
	margin-top: 6rem;
}
.col1 {
	color: #A59248;
}
.col2 {
	color: #C5B878;
}



/****************************************************************************************************
stop
****************************************************************************************************/
#stop {
	position: relative;
	color: #000;
	line-height: 1.8;
}
#stop-img .photo {
	position: relative;
}
#stop-img .photo img {
	object-fit: cover;
	width: 100%;
	height: 860px;
}
#stop-img .photo figcaption {
	position: absolute;
	left: 15px;
	bottom: 15px;
	color: #FFF;
	font-size: 0.8rem;
}
#stop .stop-title h2 {
	color: rgb(160,142,88);
	font-size: 1.6rem;
}
#stop .stop-box {
	position: absolute;
	top: 60%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	padding: 80px 100px;
	background: rgba(255,255,255,.95);
	z-index: 2000;
	font-size: 1.2rem;
}
.stop-btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 40px;
}
.stop-btn div a {
	width: 260px;
	padding: 0.6em;
	display: block;
	background: #999;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: bold;
}
.stop-btn div + div {
	margin-left: 20px;
}



/****************************************************************************************************
mg
****************************************************************************************************/
#contents.mg .inner {
	padding: 180px 0 100px 0;
}
#contents.mg h2 {
	color: #FFF;
	font-size: 2.4rem;
	line-height: 1.4;
}
.information {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 30px;
	position: relative;
	width: 1200px;
	margin: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	z-index: 30;
}
.information .reserve-info a,
.information .online-info a {
	display: block;
	width: 585px;
	padding: 30px;
	background: url(../img/top/banner1-bg.jpg) no-repeat center center;
	background-size: cover;
}
.information .online-info a {
	background: url(../img/top/banner2-bg.jpg) no-repeat center center;
}
.information .reserve-info-inner,
.information .online-info-inner {
	padding: 30px;
	background: rgba(0,0,0,.85);
}
.information .reserve-info h3,
.information .online-info h3 {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.6rem;
	color: #C5B878;
	font-size: 2.133rem;
	font-weight: normal;
	line-height: 1.4;
}
.information .reserve-info h3::after,
.information .online-info h3::after {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	background: url(../img/common/arrow.png) no-repeat center center;
	background-size: cover;
}
.information .reserve-info div.text-block,
.information .online-info div.text-block {
	margin-top: 0.8em;
	color: #FFF;
	font-size: 1.2rem;
	line-height: 1.8;
}
.information .reserve-info div.text-block p .small {
	font-size: 1rem;
	line-height: 1.8;
}

#present {
	margin-bottom: 40px;
}
#mg-movie.movie-block {
	display: inline-block;
	width: auto;
	margin-top: 0;
	margin-bottom: 40px;
	padding: 0;
	box-shadow: 0 0 10px rgba(0,0,0,.25);
}
#mg-movie.movie-block > div.pcOnly {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 40px;
}



/****************************************************************************************************
info
****************************************************************************************************/
#info1 {
}
#info1 h3 {
	margin-top: 1em;
	color: #C5BA78;
	font-size: 4.8rem;
	font-weight: normal;
	line-height: 1.4;
}
#info1 h3 a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #C5BA78;
}
#info1 h3 a .date {
	margin-right: 0.4em;
	font-size: 2.0rem;
	line-height: 1.2;
}
#info1 h3 a .small {
	margin-left: 0.2em;
	font-size: 3.0rem;
}



/****************************************************************************************************
common-space
****************************************************************************************************/
#common-space1 {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: calc(140px + 3.33vw);
	background: url(../img/common-space/img1-bg.jpg) no-repeat center center;
	background-size: cover;
}
#common-space1-img {
	width: 42.555vw;
}
#common-space1-img figure figcaption {
	position: absolute;
	left: 1em;
	bottom: 1em;
	font-size: 0.833rem;
}
#common-space1-img figure img {
	width: 100%;
	height: auto;
}
#common-space1-text h3 {
	margin-top: -1em;
	color: #A59248;
	font-size: 4rem;
	font-weight: normal;
	line-height: 1.05;
	letter-spacing: 0.05em;
}
#common-space1-text p {
	margin-top: 1em;
	font-size: 2.4rem;
	line-height: 1.6;
	letter-spacing: 0.05em;
}

#common-space2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: #000 /*url(../img/common-space/img2-bg.jpg) no-repeat left top*/;
	background-size: contain;
}
#common-space2-text {
	flex: 1;
	color: #FFF;
}
#common-space2-img {
    -webkit-box-ordinal-group:2;
    -webkit-order:1;
    -ms-flex-order:1;
    order:1;
	width: 61.111vw;
}
#common-space2-img figure {
	position: relative;
}
#common-space2-img figure::after {
	content: "";
	position: absolute;
	display: block;
	width: 11.111vw;
	height: 100%;
	left: 0;
	top: 0;
	background-image: linear-gradient(90deg, rgba(0,0,0,1), rgba(0,0,0,0));
	z-index: 10;
}
#common-space2-img figure img {
	width: 100%;
	height: auto;
}
#common-space2-img figure figcaption {
	position: absolute;
	right: 1em;
	bottom: 1em;
	color: #FFF;
	font-size: 0.833rem;
	font-weight: bold;
	text-shadow:
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1);
	z-index: 11;
}

#common-space3,
#common-space4,
#common-space5 {
	position: relative;
	background: #000;
	color: #FFF;
}
#common-space3-img,
#common-space4-img,
#common-space5-img {
	width: 100%;
}
#common-space3-img figure,
#common-space4-img figure,
#common-space5-img figure {
	position: relative;
}
#common-space3-img figure::after {
	content: "";
	position: absolute;
	display: block;
	width: 33vw;
	height: 100%;
	right: 0;
	top: 0;
	background-image: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,1));
	z-index: 10;
}
#common-space5-img figure::after {
	content: "";
	position: absolute;
	display: block;
	width: 33vw;
	height: 100%;
	left: 0;
	top: 0;
	background-image: linear-gradient(90deg, rgba(0,0,0,1), rgba(0,0,0,0));
	z-index: 10;
}
#common-space3-img figure img,
#common-space4-img figure img,
#common-space5-img figure img {
	width: 100%;
	height: auto;
}
#common-space3-img figure figcaption,
#common-space4-img figure figcaption,
#common-space5-img figure figcaption {
	position: absolute;
	left: 1em;
	bottom: 1em;
	color: #FFF;
	font-size: 0.833rem;
	font-weight: bold;
	text-shadow:
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1);
	z-index: 11;
}
#common-space5-img figure figcaption {
	left: auto;
	right: 1em;
}
#common-space3-text {
	position: absolute;
	right: 5.55vw;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 12;
	text-shadow:
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1);
}
#common-space5-text {
	position: absolute;
	left: 5.55vw;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 12;
	text-shadow:
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1);
}
#common-space2-text h3,
#common-space3-text h3,
#common-space5-text h3 {
	font-size: 1.733rem;
	font-weight: normal;
	line-height: 1.6;
}
#common-space2-text p,
#common-space3-text p,
#common-space5-text p {
	margin-top: 0.5em;
	font-size: 2.133rem;
	line-height: 1.6;
}



/****************************************************************************************************
location
****************************************************************************************************/
#location-main {
	position: relative;
}
#location-main-img {
}
#location-main-img figure {
	position: relative;
}
#location-main-img figure img {
	width: 100%;
}
#location-main-img figure figcaption {
	position: absolute;
	right: 1em;
	bottom: 1em;
	color: #FFF;
	font-size: 0.833rem;
	font-weight: bold;
	text-shadow:
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1);
}
#location-main-text {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(140px + 4vw);
}
#location-main-text h2 {
	color: #D3BA54;
	font-size: 2.4rem;
	font-weight: normal;
	line-height: 1.6;
	letter-spacing: 0.1em;
}
#scene-top {
	margin-top: 2px;
}
#scene-top figure {
	position: relative;
	border-left: 2px solid #FFF;
}
#scene-top figure img {
	width: 100%;
	height: auto;
}
#scene-top figure figcaption {
	position: absolute;
	right: 0.8em;
	bottom: 0.8em;
	color: #FFF;
	font-size: 0.733rem;
	font-weight: bold;
	text-align: left;
	text-shadow: 0 0 5px rgba(0,0,0,1);
}
#location-sec1 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 40px;
}
.location-sec1-box {
	width: 580px;
}
.location-sec1-text {
	margin-top: 2rem;
}
.location-sec1-ttl div,
.location-sec1-ttl h3 {
	color: #A59248;
	font-size: 1.333rem;
	font-weight: bold;
	line-height: 1.6;
}
.location-sec1-ttl h3 {
	margin-top: 0.7em;
	padding-top: 0.8em;
	border-top: 1px solid rgba(165,146,72,.5);
}
.location-sec1-text p {
	margin-top: 0.6em;
	text-align: left;
}
#access-img {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 30px;
}
.access-img-box {
	width: 380px;
}



/****************************************************************************************************
position
****************************************************************************************************/
#position-main {
	position: relative;
}
#position-main-img {
}
#position-main-img figure {
	position: relative;
}
#position-main-img figure img {
	width: 100%;
}
#position-main-img figure figcaption {
	position: absolute;
	left: 1em;
	bottom: 1em;
	color: #FFF;
	font-size: 0.833rem;
	font-weight: bold;
	text-shadow:
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1);
}
#position-main-text {
	position: absolute;
	right: 3.88vw;
	bottom: 3.88vw;
}
#position-main-text h2 {
	color: #D3BA54;
	font-size: 2.4rem;
	font-weight: normal;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: right;
}
.position-ttl-box h2 {
	color: #A59248;
	font-size: 2.133rem;
	font-weight: bold;
	line-height: 1.6;
}
.position-ttl-box .sub-copy {
	color: #A59248;
	font-size: 1.333rem;
	font-weight: bold;
	line-height: 1.8;
}
.position-ttl-box .eng {
	margin-top: 0.5em;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid rgba(0,0,0,.15);
	color: #666;
	font-size: 1.333rem;
	font-weight: bold;
	line-height: 1.8;
}
.position-sec1 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 40px;
}
.position-sec1-box {
	width: 580px;
}
.position-sec1-text {
	margin-top: 2rem;
}
.position-sec1-ttl h3 {
	color: #A59248;
	font-size: 1.333rem;
	font-weight: bold;
	line-height: 1.6;
}
.position-sec1-ttl h3 {
	margin-bottom: 0.7em;
	padding-bottom: 0.8em;
	border-bottom: 1px solid rgba(165,146,72,.5);
}
.position-sec1-text p {
	margin-top: 0.6em;
	text-align: left;
}
.position-sec1-point {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
	margin-top: 1.5rem;
	padding: 20px 40px;
	background: rgba(165,146,71,.1);
}
.position-sec1-point h4 {
	color: #A59247;
	font-size: 1.333rem;
	font-weight: bold;
	line-height: 1.8;
}
.position-sec1-point ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 0 1em;
	margin-top: 0.2em;
	font-size: 1.2rem;
	line-height: 1.8;
}
.position-sec1-point ul li::first-letter {
	color: #A59247;
}



/****************************************************************************************************
basic-plans
****************************************************************************************************/
#basic-plans-main {
	position: relative;
}
#basic-plans-main-img {
}
#basic-plans-main-img figure {
	position: relative;
}
#basic-plans-main-img figure img {
	width: 100%;
}
#basic-plans-main-img figure figcaption {
	position: absolute;
	right: 1em;
	bottom: 1em;
	color: #FFF;
	font-size: 0.833rem;
	font-weight: bold;
	text-shadow:
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1);
}
#basic-plans-main-text {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(140px + 4vw);
}
#basic-plans-main-text h2 {
	color: #000;
	font-size: 2.4rem;
	font-weight: normal;
	line-height: 1.6;
	letter-spacing: 0.1em;
}
#plan-block {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center;
	margin: auto;
	width: 790px;
	width: 1200px;
	gap: 30px;
}
#plan-block.basic {
	width: 790px;
}
.corridor {
	background: #222;
}
.corridor h3 {
	margin-top: 0.5em;
	color: #FFF;
	font-size: 1.733rem;
	line-height: 1.4;
}

#point-block ul {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center;
}
#point-block ul li {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 380px;
	padding: 1.3em 1em;
	background-image: linear-gradient(135deg, rgba(255,255,255,1), rgba(221,221,221,1));
	color: #000;
	font-size: 1.2rem;
	line-height: 1.8;
}
#point-block ul li + li {
	margin-left: 30px;
}
#point-block ul li:nth-of-type(3n+1) {
	margin-left: 0;
}
#point-block ul li:nth-of-type(n+4) {
	margin-top: 30px;
}
#point-block ul li::before {
	position: absolute;
	content: "";
	display: block;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	left: 5px;
	top: 5px;
	border: 1px solid rgba(165,146,71,.5);
}
#point-block ul li em {
	display: block;
	margin-bottom: 0.2em;
	color: #A59247;
	font-size: 1.866rem;
	font-style: normal;
	line-height:1.4;
}

#casbee-block {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: left;
}
#casbee-block div + div {
	margin-left: 30px;
}
#casbee-block h3 {
	font-size: 1.466rem;
	line-height: 1.6;
}
#casbee-block p {
	font-size: 1.2rem;
	line-height: 2.0;
}
#casbee-block p.small {
	font-size: 1.0rem;
	line-height: 2.0;
}
#casbee-block h3 + p {
	margin-top: 1rem;
}

.plan-link {
	width:800px;
	margin:0 auto;
	margin-top:100px;
}
.plan-link select {
	width:100%;
	height:auto;
	padding:1.0em;
	background:#DDD;
	font-size:1.2rem;
}
.parking-topics {
	display: inline-block;
	padding: 1.0em 2.0em;
	background: #C5B878;
	color: #000;
	font-size: 1.333rem;
	line-height: 1.6;
}
.parking-topics strong {
	font-size: 1.733rem;
}



/****************************************************************************************************
over100-plans
****************************************************************************************************/
#over100-plans-main {
	position: relative;
}
#over100-plans-main-img {
}
#over100-plans-main-img figure {
	position: relative;
}
#over100-plans-main-img figure img {
	width: 100%;
}
#over100-plans-main-img figure figcaption {
	position: absolute;
	right: 1em;
	bottom: 1em;
	color: #FFF;
	font-size: 0.833rem;
	font-weight: bold;
	text-shadow:
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1);
}
#over100-plans-main-text {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translate(0, -40%);
}
#over100-plans-main-text p {
	margin-top: 1.5em;
	color: #FFF;
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
#exective {
	padding: 100px 0;
	background-image: linear-gradient(180deg, rgba(33,30,18,1), rgba(0,0,0,1));
}
#customization {
	width: 1200px;
	margin: auto;
	margin-top: 60px;
	padding: 30px;
	background: #000 url(../img/over100-plans/customization.jpg) no-repeat right top;
	background-size: auto 100%;
	border: 1px solid rgba(197,184,120,.5);
	text-align: left;
}
#customization h4 {
	color: #C5B878;
	font-size: 1.866rem;
	line-height: 1.4;
}
#customization-txt {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	margin-top: 0.8rem;
}
#customization-txt h5 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 1em;
	background: #978759;
	font-size: 1.333rem;
}
#customization-txt h5 sup {
	font-size: 70%;
}
#customization-txt p {
	font-size: 1.2rem;
	line-height: 1.6;
}
#customization ul {
	margin-top: 0.8rem;
	font-size: 0.866rem;
	line-height: 1.6;
}

#structure {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 40px;
	margin-top: 60px;
	text-align: left;
}
.structure-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	width: 580px;
}
.structure-box h4 {
	color: #C5B878;
	font-size: 1.866rem;
	line-height: 1.4;
}
.structure-box p {
	margin-top: 0.5em;
	font-size: 1.2rem;
	line-height: 1.6;
}
.structure-box p .small {
	display: inline-block;
	font-size: 0.866rem;
	line-height: 1.6;
}

#cucina {
	margin-top: 80px;
}
h3.mark,
h3.no-mark {
	color: #C5BA78;
	font-size: 1.866rem;
	line-height: 1.4;
	letter-spacing: 0.1em;
}
h3.mark::before {
	content: "";
	display: block;
	width: 18px;
	height: 20px;
	margin: auto;
	margin-bottom: 5px;
	background: url(../img/top/icon.png) no-repeat center top;
	background-size: cover;
}
h4.lead {
	font-size: 1.866rem;
	line-height: 1.6;
}
h3.mark + h4.lead {
	margin-top: 1em;
}
h3.no-mark + h4.lead {
	margin-top: 0.5em;
}
#cucina p.large {
	margin-top: 0;
	font-size: 1.2rem;
	line-height: 1.8;
}
#equipment {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
	width: 1200px;
	margin: auto;
	margin-top: 30px;
	text-align: left;
}
.equipment-box.wide {
	width: 585px;
}
.equipment-txt {
	margin-top: 20px;
}
.equipment-box h4 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 1em;
	color: #C5B878;
	font-size: 1.466rem;
	line-height: 1.4;
}
.equipment-box .all-eq {
	padding: 0.3em 0.6em;
	background: #C5B878;
	color: #000;
	font-size: 1rem;
	line-height: 1.0;
}
.equipment-box h4 .small {
	font-size: 75%;
}
.equipment-box p {
	margin-top: 0.2em;
	font-size: 1.2rem;
	line-height: 1.6;
}
.equipment-box p .small {
	display: inline-block;
	font-size: 0.866rem;
	line-height: 1.6;
}
#plans-caption {
	margin-top: 60px;
}
#plans-caption p.small {
	font-size: 0.866rem;
	line-height: 1.6;
}

#bathroom,
#toilet {
	margin-top: 80px;
}
.mist-area {
	width: 585px;
	border: 1px solid rgba(197,184,120,.5);
}
.mist-ttl {
	padding: .5em;
	background: #C5B878;
	color: #000;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
.mist-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 25px;
	padding: 29px;
}
.mist-box {
	width: 250px;
}
.mist-box h5 {
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid rgba(197,184,120,.5);
	color: #C5B878;
	font-size: 1.133rem;
	text-align: center;
}
#contents .mist-box p {
	font-size: 0.933rem;
}



/****************************************************************************************************
concept
****************************************************************************************************/
#concept-main {
	position: relative;
	z-index: 10;
	opacity: 0;
	-webkit-transition: opacity 1000ms;
	-moz-transition: opacity 1000ms;
	transition: opacity 1000ms;
}
#concept-main.active {
	opacity: 1;
}
#concept-main-img {
}
#concept-main-img figure {
	position: relative;
}
#concept-main-img figure img {
	width: 100%;
}
#concept-main-img figure figcaption {
	position: absolute;
	right: 1em;
	bottom: 1em;
	color: #FFF;
	font-size: 0.833rem;
	font-weight: bold;
	text-shadow:
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1);
}
#concept-main-text {
	position: absolute;
	left: 4vw;
	top: calc(90px + 4vw);
	color: #FFF;
	text-align: left;
	text-shadow:
		0 0 15px rgba(0,87,141,1),
		0 0 15px rgba(0,87,141,1),
		0 0 15px rgba(0,87,141,1);
}
#concept-main-text h2 {
	font-family: Garamond;
	font-size: 4rem;
	font-weight: normal;
	line-height: 1.2;
}
#concept-main-text p {
	font-size: 2.4rem;
	font-weight: normal;
	line-height: 1.6;
	letter-spacing: 0.1em;
}

#concept-sec1 {
	padding: 60vh 0;
	background: #000;
	color: #FFF;
}
#concept-sec1-img {
	position: fixed;
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-transition: opacity 1000ms;
	-moz-transition: opacity 1000ms;
	transition: opacity 1000ms;
}
#concept-sec1-img img {
	object-fit: cover;
	height: 100vh;
	width: 100vw;
}
#concept-sec1-img.active0 {
	opacity: .2;
}
#concept-sec1-img.active {
	opacity: 1;
}
#concept-sec1-img.active2 {
	opacity: .5;
}
#concept-sec1-text {
	position: relative;
	z-index: 10;
	letter-spacing: 0.1em;
	text-shadow:
		0 0 15px rgba(0,0,0,1),
		0 0 15px rgba(0,0,0,1),
		0 0 15px rgba(0,0,0,1);
}
#concept-sec1-text h3 {
	color: #D4BB55;
	font-size: 4rem;
	font-weight: normal;
	line-height: 1.4;
}
#concept-sec1-text h4 {
	color: #D4BB55;
	font-size: 2.4rem;
	font-weight: normal;
	line-height: 1.4;
}
#contents #concept-sec1-text p {
	margin-top: 4em;
	line-height: 3;
	letter-spacing: 0.05em;
}

#concept-sec2 {
	position: relative;
	color: #FFF;
}
#bgX1,
#bgX2 {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	opacity: 0;
	-webkit-transition: opacity 1000ms;
	-moz-transition: opacity 1000ms;
	transition: opacity 1000ms;
}
#bgX1.active,
#bgX2.active {
	opacity: 1;
}
#bgX1 img,
#bgX2 img {
	object-fit: cover;
	height: 100vh;
	width: 100vw;
}
#concept-sec2 .slide {
	padding: 100px 0;
	position: relative;
	z-index: 100;
}
#concept-sec2 .slide .page {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 800px;
	background: rgba(0,0,0,.65);
}
#concept-sec2 .slide .page .page-inner {
	width: 1200px;
	text-align: left;
}
#concept-sec2 .slide .page .page-inner h3 {
	color: #D4BB55;
	font-size: 2.4rem;
	line-height: 1.6;
	text-align: center;
}
#concept-sec2 .slide .page .page-inner .eng {
	color: #D4BB55;
	font-size: 1.333rem;
	line-height: 1.6;
}
#concept-sec2 .slide .page .page-inner h4 {
	margin-bottom: 0.3em;
	color: #D4BB55;
	font-size: 1.733rem;
	line-height: 1.6;
}
.page-img {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
	margin-top: 2rem;
}

.bx-pager {
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	bottom: 130px;
	left: 50%;
	transform: translate(-50%, 0);
}
.bx-pager a {
	display: block;
	background: #FFF;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	text-indent: -9999px;
	color: #FFF;
}
.bx-pager a.active {
	opacity: .3;
}
.bx-prev {
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	left: 50%;
	top: 50%;
	transform: translate(-700px, -50%);
	text-indent: -9999px;
}
.bx-prev::after {
	content: "";
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	left: 0;
	top: 0;
	border-bottom: 2px solid rgba(255,255,255,.5);
	border-right: 2px solid rgba(255,255,255,.5);
	transform: rotate(-225deg);
	transform-origin: 50% 50%;
}
.bx-next {
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	right: 50%;
	top: 50%;
	transform: translate(700px, -50%);
	text-indent: -9999px;
}
.bx-next::after {
	content: "";
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	left: 0;
	top: 0;
	border-bottom: 2px solid rgba(255,255,255,.5);
	border-right: 2px solid rgba(255,255,255,.5);
	transform: rotate(-45deg);
	transform-origin: 50% 50%;
}



/****************************************************************************************************
blog
****************************************************************************************************/
#redevelopment-banner {
	margin-top: 100px;
	margin-bottom: 100px;
}
.blog-pager {
	margin-bottom: 2rem;
}
* + .blog-pager {
	margin-bottom: 0;
	margin-top: 2rem;
}
.blog-pager ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
}
.blog-pager ul li {
	position: relative;
}
.blog-pager ul li::after {
	content: "";
	position: absolute;
	display: block;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	left: 3px;
	top: 3px;
	border: 1px solid rgba(255,255,255,.5);
	pointer-events: none;
}
.blog-pager ul li a {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
	gap: 0.2em;
	width: 390px;
	padding: 1.4rem;
	background: #FFF;
	background-image: linear-gradient(90deg, rgba(119,119,119,.75), rgba(119,119,119,1));
	color: #FFF;
	font-size: 1.2rem;
	line-height: 1.4;
}
.blog-pager ul li.select a {
	background-image: linear-gradient(45deg, rgba(102,0,0,1), rgba(140,0,0,1), rgba(102,0,0,1));
}
.blog-pager ul li a .vol {
	font-size: 0.866rem;
}
.blog-pager ul li a::after {
	position: absolute;
	content: "";
	display: inline-block;
	width: 30px;
	height: 7px;
	right: 20px;
	top: 20px;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	transform-origin: 50% 100%;
	transform: skew(45deg, 0);
}
.blog-block {
	text-align: left
}
.blog-main-img {
	position: relative;
}
.blog-main-img figure {
	position: relative;
}
.blog-main-img figure figcaption {
	position: absolute;
	right: 1em;
	bottom: 1em;
	color: #FFF;
	font-size: 0.866rem;
	font-weight: bold;
	text-shadow:
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1);
	z-index: 10;
}
.blog-main-ttl {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 35px 0 28px 35px;
	background: rgba(165,146,72,.90);
	color: #FFF;
}
.blog-main-ttl::after {
	content: "";
	position: absolute;
	right: -300px;
	top: 0;
	display: block;
	height: 100%;
	width: 300px;
	background-image: linear-gradient(90deg, rgba(165,146,72,.90), rgba(165,146,72,0));
}
.blog-vol {
	padding-bottom: 0.8em;
	margin-bottom: 0.7em;
	border-bottom: 1px dashed rgba(255,255,255,.5);
	font-size: 1.5rem;
	font-weight: bold;
}
.at-home-logo {
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 15px 25px;
	background: rgba(255,255,255,1);
}
.at-home-logo div {
	margin-bottom: 8px;
	font-size: 0.866rem;
}
.at-home-logo ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px;
}
#contents.mg .blog-main-ttl h2 {
	color: #FFF;
	font-size: 2.8rem;
} 
.blog-main-lead {
	margin-top: 2rem;
}
.blog-main-kaisetsu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 1.8rem;
	margin-top: 2rem;
	padding: 2rem;
	background: #F0F0F0;
}
.blog-main-kaisetsu figure img {
	width: 200px;
	height: auto;
}
.blog-main-kaisetsu .katagaki {
	margin-bottom: 0.5em;
	color: #A59248;
	font-size: 1.2rem;
	line-height: 1.6;
}
.blog-main-kaisetsu .katagaki strong {
	font-size: 2.0rem;
}

.blog-column {
	margin-top: 60px;
	padding-top: 60px;
	border-top: 1px solid rgba(0,0,0,.2);
}
.blog-column.summary {
	padding: 30px;
	border: none;
	background: #F3F3F3;
}
.blog-column-ttl h3 {
	position: relative;
	padding: 0.4em 1em;
	background: rgba(165,146,72,.1);
	border-right: 3px solid #A59248;
	color: #A59248;
	font-size: 2.4rem;
	line-height: 1.6;
}
.blog-column-ttl h3::before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px #A59248;
}
.blog-column-ttl h5 {
	position: relative;
	padding-left: 1.4em;
	display:  inline-block;
	font-size: 1.6rem;
	line-height: 1.4;
	letter-spacing: 0.1em;
}
.blog-column-ttl h5:before {
	font-family: "Font Awesome 5 Free";
	content: "\f00c";/*アイコンのユニコード*/
	font-weight: 900;
	position: absolute;/*絶対位置*/
	font-size: 1em;/*サイズ*/
	left: 0;/*アイコンの位置*/
	top: 0;/*アイコンの位置*/
	color: #5ab9ff; /*アイコン色*/
	font-weight: 900;
}
.blog-column-body {
	margin-top: 1.8rem;
}
.blog-column-body + .blog-column-body {
	margin-top: 3rem;
}
.blog-column-body h4 {
	position: relative;
	display: inline-block;
	padding: 0 55px;
	margin-bottom: 0.5rem;
	color: rgba(102,26,0,1);
	font-size: 1.8rem;
	line-height: 1.6;
}
.blog-column-body h4:before, .blog-column-body h4:after { 
  content: '';
  position: absolute;
  top: calc(50% - 1px);
  display: inline-block;
  width: 45px;
  height: 3px;
  border-top: solid 1px rgba(102,26,0,.2);
  border-bottom: solid 1px rgba(102,26,0,.2);
}

.blog-column-body h4:before {
 	left:0;
}

.blog-column-body h4:after {
 	right: 0;
}
#contents .blog-main-lead p:not(.small)::first-letter,
#contents .blog-column-body p:not(.small)::first-letter {
	color: #A59248;
	font-size: 1.5em;
}
#contents .blog-main-lead p.small,
#contents .blog-main-lead p .small,
#contents .blog-column-body p.small,
#contents .blog-column-body p .small {
	font-size: 0.833rem;
}
.blog-column-body .blog-col + .blog-col,
.blog-column-body .point-list + p,
.blog-column-body p + p,
.blog-column-body p + h4 {
	margin-top: 1.8rem;
}
.blog-column-body p + .blog-img {
	margin-top: 2.5rem;
}
.blog-column-body .blog-img:not(.flR) + p {
	margin-top: 1rem;
}
.blog-column-body h4 + p {
	margin-top: 0.5rem;
}
.blog-img {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 30px;
}
.blog-img.vertical {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
	gap: 20px;
}
.blog-img.flR {
	float: right;
	margin: 0 0 20px 30px;
}
.blog-img figure figcaption {
	margin-top: 0.6em;
	font-size: 0.866rem;
	line-height: 1.4;
	text-align: right;
}
.blog-img figure a {
	display: block;
	position: relative;
}
.blog-img figure a .zoom {
	position: absolute;
	display: block;
	background: #FFF;
	right: 0;
	top: 0;
	padding: 0.5em 0.5em 0em 0.5em;
	transform: translate(0, -100%);
	font-size: 0.866rem;
	line-height: 1.0;
}
.blog-img figure img {
	width: 100%;
	height: auto;
}
.blog-img .harf {
	width: 585px;
}
.blog-img .third {
	width: 380px;
}
.blog-img .quarter {
	width: 277px;
}
.blog-img .fifth {
	width: 216px;
}
.point-list {
	margin-top: 0.5rem;
	padding: 2rem;
	background: #F0F0F0;
	font-size: 1.2rem;
	line-height: 1.8;
}
.point-list .colS {
	color: #978659;
}



/****************************************************************************************************
modelroom
****************************************************************************************************/
#modelroom {
	position: relative;
}
#modelroom-img .photo {
	width: 100%;
	height: 100vh;
	min-height: 1000px;
	border-top: 3px solid #978759;
}
#modelroom-img .photo figure {
	width: 100%;
	height: 100%;
}
#modelroom-img .photo figure img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#modelroom-img .photo figcaption {
	position: absolute;
	right: 15px;
	bottom: 15px;
	color: #FFF;
	font-size: 0.866rem;
	font-weight: bold;
	text-shadow:
		0px 0px 10px rgba(0,0,0,1),
		0px 0px 10px rgba(0,0,0,1);
}

#modelroom-text {
	padding-top: 200px;
	padding-bottom: 120px;
	background: #000 url(../img/modelroom/bg.jpg) no-repeat center top;
	background-size: cover;
}
#modelroom .page-title {
}
#modelroom .page-title h2,
#modelroom .page-title p {
	color: #FFF;
	font-size: 1.333rem;
	font-weight: bold;
	text-shadow:
		0px 0px 10px rgba(0,0,0,1),
		0px 0px 10px rgba(0,0,0,1);
}
#modelroom .page-title h2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
	gap: 0.1em;
	margin-bottom: 1rem;
	font-size: 3.0rem;
}
#modelroom .page-title h2 .small {
	font-size: 2.0rem;
}
#modelroom .information {
	position: relative;
	width: 1200px;
	margin: 30px auto 10px auto;
	box-shadow: 0 0 10px rgba(0,0,0,.45);
}
#modelroom .request-box {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 1200px;
	margin: auto;
	padding: 10px;
	background: rgba(255,255,255,.9);
	box-shadow: 0 0 10px rgba(0,0,0,.45);
	border: 1px solid #DDD;
	z-index: 2000;
}
#modelroom .request-box > div + div {
	margin-left: 10px;
}
#modelroom .request-box > div + div:nth-of-type(2n+1) {
	margin-left: 0;
	margin-top: 10px;
}



/****************************************************************************************************
online
****************************************************************************************************/
#contents.online {
	background: url(../img/online/main.jpg) no-repeat center top;
}
#contents.online .inner {
	padding: 200px 0 100px 0;
}
#contents.online h2 {
	color: #C5B878;
	font-size: 3.066rem;
	font-weight: normal;
	letter-spacing: 0.05em;
	line-height: 1.4;
}
.online-area {
	margin-top: 60px;
}
.online-area .online-info {
	margin-top: 60px;
}
#contents .online-area .online-info p {
	font-size: 1.466rem;
}
.online-area .online-time {
	display: inline-block;
	margin-top: 20px;
	padding: 0.6em 1.0em;
	background: rgba(0,0,0,.5);
	border: 1px solid rgba(255,255,255,.3);
	font-size: 1.733rem;
}
.online-area .online-block {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
	gap: 30px;
	margin-top: 60px;
	margin-bottom: 60px;
}
.online-area .online-box {
	width: 380px;
	padding: 26px 30px 26px 30px;
	background: rgba(52,52,52,.9);
	border: 1px solid rgba(255,255,255,.2);
	text-align: left;
}
.online-area .online-box h3 {
	color: #C5B878;
	font-size: 1.333rem;
	font-weight: normal;
	letter-spacing: 0.05em;
}
.online-area .online-box h3 strong {
	color: #C5B878;
	font-size: 2.8rem;
	font-weight: normal;
}
#contents .online-area .online-box p {
	margin-top: 0.6em;
	padding-top: 0.6em;
	border-top: 1px solid rgba(255,255,255,.3);
	font-size: 1.666rem;
}




@media screen and (max-width: 767px),
screen and (max-width: 960px) and (orientation: landscape) {
	
	
	
	/****************************************************************************************************
	header
	****************************************************************************************************/
	/*#header {
		border-bottom: 1px solid #EEE;
	}*/
	
	
	
	/****************************************************************************************************
	contents
	****************************************************************************************************/
	#wrap {
	}
	#contents .inner {
		width: 100%;
		padding: 10vw 4vw 10vw 4vw;
	}
	#contents .inner.plan-detail {
		padding-top: 20vw;
	}
	.sec-block + .sec-block {
		margin-top: 10vw;
	}
	.sec-block + .sec-block.border {
		margin-top: 10vw;
		padding-top: 10vw;
	}
	
	.main-img figure figcaption {
		position: absolute;
		right: 1em;
		bottom: 1em;
		font-size: 0.533rem;
	}
	#stop-img figure.shadow::before,
	.main-img figure.shadow::before {
		height: 10vw;
	}
	.main-img figure.shadow::after {
		height: 10vw;
	}
	.main-img.landplan figure img {
		object-fit: cover;
		width: 100%;
		height: 68vw;
	}
	.main-img.plan figure img {
		object-fit: cover;
		object-position: 10% 50%;
		width: 100%;
		height: 68vw;
	}
	.main-img.location figure img {
		object-fit: cover;
		object-position: 50% 50%;
		width: 100%;
		height: 82vw;
	}

	.main-txt {
		left: 4vw;
		bottom: 3vw;
	}
	.main-txt.plan {
		top: 19vw;
	}
	.main-txt.location {
		top: 18vw;
	}
	.main-txt .ttl-box h2 {
		font-size: 1.4rem;
		line-height: 1.5;
		letter-spacing: 0;
	}
	
	#contents p.large {
		font-size: 1rem;
		line-height: 1.8;
	}
	#contents p {
		font-size: 1rem;
		line-height: 1.8;
	}
	
	figure.img-box figcaption {
		font-size: 0.533rem;
	}
	figure.img-box figcaption.in {
		right: 1em;
		bottom: 1em;
		font-size: 0.533rem;
	}
	.caption {
		margin: 10vw 0 0 0;
		padding: 1em 0 0 0;
		font-size: 0.6rem;
	}
	
	.ttl-box {
	}
	.ttl-box .sub {
		font-size: 1.0rem;
	}
	.ttl-box h1 {
		font-size: 1.533rem;
	}
	.ttl-box h1.large {
		font-size: 1.866rem;
	}
	.ttl-box h1.large .small {
		font-size: 1.4rem;
	}
	.ttl-box .eng {
		font-size: 1.0rem;
	}
	.ttl-box h2 {
		font-size: 1.2rem;
	}
	.ttl-box h2 span.free {
		margin-left: 0.6em;
		padding: 0.3em 0.5em;
		font-size: 1.0rem;
		vertical-align: 2px;
	}
	#contents .ttl-box h3 {
		font-size: 1.2rem;
	}
	.ttl-box .sub + h2 {
		margin-top: 0.5em;
	}
	.ttl-box .sub + h2.mt05rem {
		margin-top: 0.5em;
	}
	.ttl-box p {
		font-size: 1.0rem;
	}
	
	.ttl-box + .col-box,
	.col-box + .col-box {
		margin-top: calc(1rem * 0.75);
	}
	.col-box + .col-box.mt0rem {
		margin-top: 0rem;
	}
	.ttl-box + .col-box.mt05rem,
	.col-box + .col-box.mt05rem {
		margin-top: calc(0.5rem * 0.75);
	}
	.ttl-box + .col-box.mt1rem,
	.col-box + .col-box.mt1rem {
		margin-top: calc(1rem * 0.75);
	}
	.ttl-box + .col-box.mt15rem,
	.col-box + .col-box.mt15rem {
		margin-top: calc(1.5rem * 0.75);
	}
	.ttl-box + .col-box.mt2rem,
	.col-box + .col-box.mt2rem {
		margin-top: calc(2rem * 0.75);
	}
	.ttl-box + .col-box.mt25rem,
	.col-box + .col-box.mt25rem {
		margin-top: calc(2.5rem * 0.75);
	}
	.ttl-box + .col-box.mt3rem,
	.col-box + .col-box.mt3rem {
		margin-top: calc(3rem * 0.75);
	}
	.ttl-box + .col-box.mt35rem,
	.col-box + .col-box.mt35rem {
		margin-top: calc(3.5rem * 0.75);
	}
	.ttl-box + .col-box.mt4rem,
	.col-box + .col-box.mt4rem {
		margin-top: calc(4rem * 0.5);
	}
	.ttl-box + .col-box.mt5rem,
	.col-box + .col-box.mt5rem {
		margin-top: calc(5rem * 0.5);
	}
	.ttl-box + .col-box.mt6rem,
	.col-box + .col-box.mt6rem {
		margin-top: calc(6rem * 0.5);
	}
	.spLeft {
		text-align: left;
	}
	
	
	
	/****************************************************************************************************
	stop
	****************************************************************************************************/
	#stop-img .photo img {
		height: 150vw;
	}
	#stop-img .photo figcaption {
		left: 1em;
		bottom: 1em;
		font-size: 0.6rem;
	}
	#stop .stop-title h2 {
		font-size: 1.6rem;
	}
	#stop .stop-box {
		width: 92vw;
		padding: 10vw 5vw;
	}
	.stop-btn {
		margin-top: 5vw;
	}
	.stop-btn div a {
		width: 40vw;
	}
	.stop-btn div + div {
		margin-left: 2vw;
	}
	
	
	
	/****************************************************************************************************
	mg
	****************************************************************************************************/
	#contents.mg .inner {
		padding: 20vw 4vw 10vw 4vw;
	}
	#contents.mg h2 {
		font-size: 1.6rem;
		line-height: 1.6;
	}
	.information {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 2vw;
		width: 100%;
		margin-top: 5vw;
		margin-bottom: 5vw;
	}
	.information .reserve-info a,
	.information .online-info a {
		width: 100%;
		padding: 4vw;
	}
	.information .reserve-info-inner,
	.information .online-info-inner {
		padding: 5vw;
	}
	.information .reserve-info h3,
	.information .online-info h3 {
		gap: 0.6rem;
		font-size: 1.6rem;
	}
	.information .reserve-info h3::after,
	.information .online-info h3::after {
		width: 1.4rem;
		height: 1.4rem;
	}
	.information .reserve-info div.text-block,
	.information .online-info div.text-block {
		margin-top: 0.4em;
		font-size: 0.866rem;
		line-height: 1.8;
	}
	#contents .information .reserve-info div.text-block p,
	#contents .information .online-info div.text-block p {
		margin-top: 0.4em;
		font-size: 0.866rem;
		line-height: 1.8;
	}
	#contents .information .reserve-info div.text-block p .small {
		font-size: 0.733rem;
	}
	
	#present {
		margin-bottom: 5vw;
	}
	#mg-movie.movie-block {
		width: 100%;
		margin-bottom: 0;
	}
	#mg-movie.movie-block > div.pcOnly {
		display: none;
	}
	#mg-movie.movie-block > div.spOnly {
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
		gap: 4vw;
	}
	#mg-movie iframe {
		width: 92vw;
		height: 163.47vw;
	}
	
	
	
	/****************************************************************************************************
	info
	****************************************************************************************************/
	#info1 {
	}
	#info1 h3 {
		font-size: 2.0rem;
	}
	#info1 h3 a {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#info1 h3 a .date {
		font-size: 0.933rem;
	}
	#info1 h3 a .small {
		margin-left: 0;
		font-size: 1.6rem;
	}
	
	
	
	/****************************************************************************************************
	common-space
	****************************************************************************************************/
	#common-space1 {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
		gap: 5vw;
		padding-top: 20vw;
		background: none;
	}
	#common-space1-img {
		-webkit-box-ordinal-group:2;
		-webkit-order:1;
		-ms-flex-order:1;
		order:1;
		width: 100%;
	}
	#common-space1-img figure figcaption {
		font-size: 0.533rem;
	}
	#common-space1-img figure img {
		width: 80vw;
	}
	#common-space1-text h3 {
		margin-top: 0;
		font-size: 2.0rem;
		line-height: 1.4;
	}
	#common-space1-text p {
		margin-top: 0.6em;
		font-size: 1.4rem;
	}
	
	#common-space2 {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
	}
	#common-space2-text {
		-webkit-box-ordinal-group:2;
		-webkit-order:1;
		-ms-flex-order:1;
		order:1;
		padding: 1vw 4vw 6vw 4vw;
	}
	#common-space2-img {
		width: 100%;
	}
	#common-space2-img figure::after {
		width: 100%;
		height: 20vw;
		top: auto;
		bottom: -1px;
		background-image: linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,0));
	}
	#common-space2-img figure img {
		width: 100%;
		height: auto;
	}
	#common-space2-img figure figcaption {
		font-size: 0.533rem;
	}
	
	#common-space3-img figure::after {
		width: 100%;
		height: 20vw;
		top: auto;
		bottom: -1px;
		background-image: linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,0));
	}
	#common-space5-img figure::after {
		width: 100%;
		height: 20vw;
		top: auto;
		bottom: -1px;
		background-image: linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,0));
	}
	#common-space3-img figure figcaption,
	#common-space4-img figure figcaption,
	#common-space5-img figure figcaption {
		left: auto;
		right: 1em;
		font-size: 0.533rem;
	}
	#common-space3-text {
		position: static;
		transform: translate(0, 0);
		padding: 1vw 4vw 6vw 4vw;
	}
	#common-space5-text {
		position: static;
		transform: translate(0, 0);
		padding: 1vw 4vw 6vw 4vw;
	}
	#common-space2-text h3,
	#common-space3-text h3,
	#common-space5-text h3 {
		font-size: 1.4rem;
	}
	#common-space2-text p,
	#common-space3-text p,
	#common-space5-text p {
		margin-top: 0.3em;
		font-size: 1.4rem;
	}
	
	
	
	/****************************************************************************************************
	location
	****************************************************************************************************/
	#location-main-img figure img {
		width: 150%;
		margin-left: -22%;
	}
	#location-main-img figure figcaption {
		font-size: 0.533rem;
	}
	#location-main-text {
		top: 14vw;
	}
	#location-main-text h2 {
		font-size: 1.2rem;
		letter-spacing: 0;
	}
	#scene-top figure figcaption {
		font-size: 0.533rem;
	}
	#location-sec1 {
		gap: 4vw;
	}
	.location-sec1-box {
		width: 100%;
	}
	.location-sec1-text {
		margin-top: 1.0rem;
	}
	.location-sec1-ttl div,
	.location-sec1-ttl h3 {
		font-size: 1.066rem;
	}
	.location-sec1-ttl h3 {
		margin-top: 0.5em;
		padding-top: 0.6em;
	}
	#access-img {
		gap: 2vw;
	}
	.access-img-box {
		width: 45vw;
	}
	
	
	
	/****************************************************************************************************
	position
	****************************************************************************************************/
	#position-main-img figure img {
		padding-bottom: 8vw;
		background: #02060C;
	}
	#position-main-img figure figcaption {
		font-size: 0.533rem;
	}
	#position-main-text {
		position: absolute;
		right: 4vw;
		bottom: 4vw;
	}
	#position-main-text h2 {
		font-size: 1.2rem;
		letter-spacing: 0;
	}
	.position-ttl-box h2 {
		font-size: 1.733rem;
	}
	.position-ttl-box .sub-copy {
		font-size: 1.2rem;
	}
	.position-ttl-box .eng {
		font-size: 1.2rem;
	}
	.position-sec1 {
		gap: 4vw;
	}
	.position-sec1-box {
		width: 100%;
	}
	.position-sec1-text {
		margin-top: 1.0rem;
	}
	.position-sec1-ttl h3 {
		font-size: 1.066rem;
	}
	.position-sec1-ttl h3 {
		margin-top: 0.5em;
		padding-top: 0.6em;
	}
	.position-sec1-point {
		margin-top: 1.2rem;
		padding: 4vw;
	}
	.position-sec1-point h4 {
		font-size: 1.066rem;
	}
	.position-sec1-point ul {
		font-size: 0.866rem;
	}
	
	
	
	/****************************************************************************************************
	plan
	****************************************************************************************************/
	#basic-plans-main-img figure img {
		width: 120%;
		margin-left: -10%;
	}
	#basic-plans-main-img figure figcaption {
		font-size: 0.533rem;
	}
	#basic-plans-main-text {
		top: 14vw;
	}
	#basic-plans-main-text h2 {
		font-size: 1.2rem;
		letter-spacing: 0;
	}
	#plan-block {
		gap: 2vw;
		width: 100%;
	}
	#plan-block.basic {
		width: 100%;
	}
	#plan-block div {
		width: 45vw;
	}
	.corridor h3 {
		margin-top: 0.5em;
		font-size: 0.833rem;
	}
	
	#point-block ul {
		margin-top: 3vw;
		gap: 2vw;
	}
	#point-block ul li {
		width: 45vw;
		font-size: 0.933rem;
		line-height: 1.4;
	}
	#point-block ul li + li {
		margin-left: 0;
	}
	#point-block ul li:nth-of-type(2n+1) {
		margin-left: 0;
	}
	#point-block ul li:nth-of-type(n+3) {
		margin-top: 0;
	}
	#point-block ul li::before {
		width: calc(100% - 6px);
		height: calc(100% - 6px);
		left: 3px;
		top: 3px;
	}
	#point-block ul li em {
		font-size: 1.2rem;
	}
	
	#casbee-block {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 4vw;
	}
	#casbee-block div + div {
		margin-left: 0;
	}
	#casbee-block h3 {
		font-size: 1.066rem;
		line-height: 1.6;
	}
	#casbee-block p {
		font-size: 0.933rem;
		line-height: 1.8;
	}
	#casbee-block p.small {
		font-size: 0.8rem;
	}
	#casbee-block h3 +  p {
		margin-top: 0.5rem;
	}
	
	.plan-link {
		width:100%;
		margin-top:10vw;
	}
	.plan-link select {
		font-size:0.8rem;
	}
	
	
	
	/****************************************************************************************************
	over100-plans
	****************************************************************************************************/
	#over100-plans-main-img figure img {
		width: 130%;
		margin-left: -15%;
	}
	#over100-plans-main-img figure figcaption {
		font-size: 0.533rem;
	}
	#over100-plans-main-text h2 {
		width: 80vw;
		margin: auto;
	}
	#over100-plans-main-text p {
		font-size: 0.8rem;
	}
	#exective {
		width: 100vw;
		margin-left: -4vw;
		margin-right: -4vw;
		padding: 10vw 4vw;
	}
	#customization {
		width: 100%;
		margin-top: 7vw;
		padding: 4vw;
		background: #000 url(../img/top/customization.jpg) no-repeat right top;
		background-size: 20vw auto;
	}
	#customization h4 {
		font-size: 1.0rem;
	}
	#customization-txt {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 2vw;
	}
	#customization-txt h5 {
		font-size: 1.0rem;
		padding: 0.7em 1em;
	}
	#customization-txt h5 sup {
		font-size: 70%;
	}
	#customization-txt p {
		font-size: 0.866rem;
	}
	#customization ul {
		font-size: 0.666rem;
	}
	
	#structure {
		gap: 4vw;
		margin-top: 6vw;
	}
	.structure-box {
		gap: 10px;
		width: 100%;
	}
	.structure-box h4 {
		font-size: 1.0rem;
	}
	.structure-box p {
		font-size: 0.866rem;
	}
	.structure-box p .small {
		font-size: 0.666rem;
	}
	
	#cucina {
		margin-top: 10vw;
	}
	#cucina h3 {
		width: 40vw;
		margin: auto;
	}
	h3.mark,
	h3.no-mark {
		font-size: 1.2rem;
	}
	h3.mark::before {
		width: calc(18vw * 0.2);
		height: calc(20vw * 0.2);
		margin-bottom: 1vw;
	}
	h4.lead {
		font-size: 1.2rem;
	}
	#cucina p.large {
		font-size: 1.0rem;
	}
	#equipment {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 4vw 2vw;
		width: 100%;
		margin-top: 5vw;
	}
	.equipment-box {
		width: 45vw;
	}
	.equipment-box.wide {
		width: 100%;
	}
	.equipment-txt {
		margin-top: 1rem;
	}
	.equipment-box h4 {
		font-size: 1.0rem;
	}
	.equipment-box .all-eq {
		padding: 0.3em 0.3em;
		font-size: 0.8rem;
	}
	.equipment-box p {
		font-size: 0.866rem;
	}
	.equipment-box p .small {
		font-size: 0.666rem;
	}
	#plans-caption {
		margin-top: 6vw;
	}
	#plans-caption p.small {
		font-size: 0.666rem;
	}
	
	#bathroom,
	#toilet {
		margin-top: 10vw;
	}
	.mist-area {
		width: 100%;
	}
	.mist-ttl {
		font-size: 1.066rem;
	}
	.mist-block {
		gap: 4vw 2vw;
		padding: 4vw;
	}
	.mist-box {
		width: 40.5vw;
	}
	.mist-box h5 {
		font-size: 1.0rem;
	}
	#contents .mist-box p {
		font-size: 0.866rem;
	}
	
	
	
	/****************************************************************************************************
	concept
	****************************************************************************************************/
	#concept-main-img figure img {
		object-fit: cover;
		object-position: 40% 50%;
		height: 100vh;
		width: 100vw;
	}
	#concept-main-img figure figcaption {
		font-size: 0.533rem;
	}
	#concept-main-text {
		left: 4vw;
		top: 14vw;
	}
	#concept-main-text h2 {
		font-size: 2.6rem;
	}
	#concept-main-text p {
		font-size: 1.6rem;
	}
		
	#concept-sec1 {
		padding: 60vh 0;
	}
	#concept-sec1-text h3 {
		font-size: 2.6rem;
	}
	#concept-sec1-text h4 {
		font-size: 1.8rem;
	}
	#contents #concept-sec1-text p {
		font-size: 1.0rem;
		letter-spacing: 0;
	}
	
	#concept-sec2 .slide {
		padding: 10vw 0;
	}
	#concept-sec2 .slide .page {
		height: 130vw;
		padding: 10vw 10vw;
	}
	#concept-sec2 .slide .page .page-inner {
		width: 100%;
	}
	#concept-sec2 .slide .page .page-inner h3 {
		font-size: 1.4rem;
	}
	#concept-sec2 .slide .page .page-inner .eng {
		font-size: 1.0rem;
	}
	#concept-sec2 .slide .page .page-inner h4 {
		font-size: 1.4rem;
	}
	.page-img {
		gap: 2vw;
		margin-top: 1rem;
	}
	
	.bx-pager {
		gap: 3vw;
		bottom: 16vw;
	}
	.bx-pager a {
		width: 3vw;
		height: 3vw;
	}
	.bx-pager a.active {
		opacity: .3;
	}
	.bx-prev {
		width: 5vw;
		height: 5vw;
		transform: translate(-46vw, -50%);
	}
	.bx-prev::after {
		width: 5vw;
		height: 5vw;
	}
	.bx-next {
		width: 5vw;
		height: 5vw;
		transform: translate(46vw, -50%);
	}
	.bx-next::after {
		width: 5vw;
		height: 5vw;
	}
	
	
	
	/****************************************************************************************************
	blog
	****************************************************************************************************/
	#redevelopment-banner {
		margin-top: 10vw;
		margin-bottom: 10vw;
	}
	.blog-pager {
		margin-top: -3vw;
		margin-bottom: 1rem;
	}
	* + .blog-pager {
		margin-top: 2rem;
		margin-bottom: 0;
	}
	.blog-pager ul {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
		gap: 1vw;
	}
	.blog-pager ul li::after {
		width: calc(100% - 1vw);
		height: calc(100% - 1vw);
		left: 0.5vw;
		top: 0.5vw;
	}
	.blog-pager ul li a {
		gap: 0.2em;
		width: 100%;
		padding: 1.0rem 1.4rem;
		font-size: 1.0rem;
	}
	.blog-pager ul li.select a {
		background-image: linear-gradient(90deg, rgba(102,0,0,.75), rgba(102,0,0,1));
	}
	.blog-pager ul li a .vol {
		font-size: 0.733rem;
	}
	.blog-pager ul li a::after {
		width: 6vw;
		height: 1.4vw;
		right: 4vw;
		top: 4vw;
	}
	.blog-main-img figure figcaption {
		font-size: 0.533rem;
	}
	.blog-main-ttl {
		position: static;
		padding: 4vw;
		background: rgba(165,146,72,1);
	}
	.blog-main-ttl::after {
		display: none;
	}
	.blog-vol {
		font-size: 0.866rem;
	}
	.at-home-logo {
		right: 1.5vw;
		top: 1.5vw;
		padding: 2vw 3vw;
	}
	.at-home-logo div {
		margin-bottom: 1.5vw;
		font-size: 0.6rem;
	}
	.at-home-logo ul {
		gap: 2vw;
	}
	#at-home {
		width: calc(98vw * 0.15);
	}
	#athomelab {
		width: calc(162vw * 0.15);
	}
	.blog-main-kaisetsu {
		display: block;
		padding: 5vw;
	}
	.blog-main-kaisetsu figure img {
		float: right;
		width: 22vw;
		height: auto;
		margin: 0 0 2vw 2vw;
	}
	.blog-main-kaisetsu .katagaki {
		font-size: 0.866rem;
		line-height: 1.6;
	}
	.blog-main-kaisetsu .katagaki strong {
		font-size: 1.5rem;
	}
	#contents.mg .blog-main-ttl h2 {
		color: #FFF;
		font-size: 1.6rem;
	}
	.blog-column {
		margin-top: 8vw;
		padding-top: 8vw;
	}
	.blog-column-ttl h3 {
		font-size: 1.5rem;
	}
	.blog-column.summary {
		padding: 4vw;
	}
	.blog-column-body h4 {
		width: 100%;
		font-size: 1.2rem;
		text-align: center;
	}
	.blog-column-ttl h5 {
		font-size: 1.4rem;
	}
	#contents .blog-main-lead p.small,
	#contents .blog-main-lead p .small,
	#contents .blog-column-body p.small,
	#contents .blog-column-body p .small {
		font-size: 0.6rem;
	}
	.blog-img {
		gap: 2vw;
	}
	.blog-img.vertical {
		gap: 2vw;
	}
	.blog-img.flR {
		margin: 0 0 2vw 2vw;
	}
	.blog-img figure figcaption {
		font-size: 0.533rem;
	}
	.blog-img figure a .zoom {
		font-size: 0.533rem;
	}
	.blog-img figure img {
		width: 100%;
		height: auto;
	}
	.blog-img .harf {
		width: 45vw;
	}
	.blog-img .third {
		width: 45vw;
	}
	.blog-img .quarter {
		width: 45vw;
	}
	.blog-img .fifth {
		width: 30vw;
	}
	.point-list {
		padding: 5vw;
		font-size: 0.866rem;
	}
	
	
	
	/****************************************************************************************************
	modelroom
	****************************************************************************************************/
	#modelroom {
		position: relative;
	}
	#modelroom-img .photo {
		height: 100vw;
		min-height: initial;
		min-height: auto;
	}
	#modelroom-img .photo img {
		width: 100%;
		height: 100vh;
		object-fit: cover;
		object-position: 50% 50%;
	}
	#modelroom-img .photo figcaption {
		right: 1vw;
		bottom: 1vw;
		font-size: 0.466rem;
	}
	#modelroom-text {
		padding-top: 16vw;
		padding-bottom: 4vw;
	}
	#modelroom .page-title {
		width: 92vw;
		margin: auto;
	}
	#modelroom .page-title h2,
	#modelroom .page-title p {
		font-size: 0.933rem;
	}
	#modelroom .page-title h2 {
		font-size: 2rem;
		margin-bottom: 0.8rem;
		line-height: 1.4;
	}
	#modelroom .page-title h2 .small {
		font-size: 1.22rem;
	}
	#modelroom .information {
		width: 92vw;
		margin: 5vw auto 2vw auto;
	}
	#modelroom .request-box {
		width: 92vw;
		padding: 1vw;
	}
	#modelroom .request-box > div + div {
		margin: 1vw 0 0 0;
	}
	#modelroom .request-box > div + div:nth-of-type(2n+1) {
		margin: 1vw 0 0 0;
	}
	
	
	
	/****************************************************************************************************
	online
	****************************************************************************************************/
	#contents.online {
		background-size: 200vw auto;
	}
	#contents.online .inner {
		padding: 20vw 4vw 10vw 4vw;
	}
	#contents.online h2 {
		font-size: 2.0rem;
	}
	.online-area {
		margin-top: 10vw;
	}
	.online-area .online-info {
		margin-top: 10vw;
	}
	#contents .online-area .online-info p {
		font-size: 1.333rem;
	}
	.online-area .online-time {
		margin-top: 4vw;
		padding: 0.6em 1.0em;
		font-size: 1.6rem;
	}
	.online-area .online-block {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 2vw;
		margin-top: 10vw;
		margin-bottom: 10vw;
	}
	.online-area .online-box {
		width: 100%;
		padding: 5vw 6vw 5vw 6vw;
	}
	.online-area .online-box h3 {
		font-size: 1.333rem;
	}
	.online-area .online-box h3 strong {
		font-size: 2.8rem;
	}
	#contents .online-area .online-box p {
		font-size: 1.6rem;
	}
}