@charset "UTF-8";

/* 設備・仕様 */
.content h3{
	text-align:center;
	font-size:2.0rem;
	padding:0 0 15px;
}
.content > h4{
	font-family:"NewYork";
	font-size:1.7rem;
	text-align:center;
	padding:40px 0 20px;
}
@media (min-width: 568px) {
	.content > p{
		text-align:center;
	}
}
@media (min-width: 768px) {
	.content h3{
		font-size:2.1rem;
	}
	.content > h4{
		font-size:1.8rem;
		padding:50px 0 25px;
	}
}
@media (min-width: 1024px) {
	.content h3{
		font-size:2.2rem;
	}
	.content > h4{
		font-size:1.9rem;
		padding:60px 0 30px;
	}
}

.spec-wrap{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	font-family:'Verdana','BIZ UDゴシック','BIZ UDGothic','游ゴシック','YuGothic','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.spec-item{
	width:100%;
	margin-top:30px;
}
.spec-item.main,
.spec-item.one{
	margin-top:0;
}
.spec-item h5{
	font-size:1.4rem;
	line-height:130%;
	font-weight:bold;
	color:#98617A;
	padding:3px 0;
}
.square{
	font-size:60%;
	vertical-align:middle;
	padding-right:5px;
}
.spec-item p{
	font-size:1.3rem;
	line-height:150%;
}
@media (min-width: 568px) {
	.spec-item{
		width:calc((100% - 30px)/2);
	}
	.spec-item.main{
		width:100%;
	}
	.spec-item.two{
		margin-top:0;
	}
	.spec-item.one,
	.spec-item.three,
	.spec-item.five,
	.spec-item.seven{
		margin-right:30px;
	}
	.top-blank-568{
		margin-top:30px;
	}
	.top-blank.mirror{
		margin-top:30px;
	}
}
@media (min-width: 768px) {
	.spec-item{
		margin-top:30px;
		width:calc(33.333% - 39px);
		width:calc((100% - 78px)/3);
	}
	.spec-item.main{
		width:calc((33.333% - 26px)*2 + 39px);
		width:calc(((100% - 78px)/3)*2 + 39px);
		margin-right:39px;
	}
	.spec-item.three{
		margin-top:0;
	}
	.spec-item.one,
	.spec-item.two,
	.spec-item.four,
	.spec-item.five,
	.spec-item.seven,
	.spec-item.eight{
		margin-right:39px;
	}
	.spec-item.three,
	.spec-item.six{
		margin-right:0;
	}
	.top-blank{
		margin-top:25px;
	}
}
@media (min-width: 1024px) {
	.spec-item{
		width:calc(25% - 30px);
		width:calc((100% - 120px)/4);
	}
	.spec-item.main{
		width:calc((25% - 30px)*2 + 40px);
		width:calc(((100% - 120px)/4)*2 + 40px);
		margin-right:40px;
	}
	.spec-item.four{
		margin-top:0;
	}
	.spec-item.one,
	.spec-item.two,
	.spec-item.three,
	.spec-item.five,
	.spec-item.six,
	.spec-item.seven{
		margin-right:40px;
	}
	.spec-item.four,
	.spec-item.eight{
		margin-right:0;
	}
	.top-blank{
		margin-top:35px;
	}
	.top-blank.flap{
		margin-top:56px;
	}
	.top-blank.plate{
		margin-top:54px;
	}
	.top-blank.counter{
		margin-top:54px;
	}
	.top-blank.mirror{
		margin-top:40px;
	}
}
@media (min-width: 1030px) {
	.top-blank.plate{
		margin-top:35px;
	}
}
@media (min-width: 1032px) {
	.top-blank.straight{
		margin-top:55px;
	}
}
@media (min-width: 1080px) {
	.top-blank.mirror{
		margin-top:49px;
	}
}
@media (min-width: 1084px) {
	.top-blank.counter{
		margin-top:36px;
	}
}
@media (min-width: 1130px) {
	.top-blank.flap{
		margin-top:35px;
	}
}
@media (min-width: 1180px) {
	.top-blank.mirror{
		margin-top:85px;
	}
}
@media (min-width: 1200px) {
	.top-blank.flap{
		margin-top:56px;
	}
	.top-blank.mirror{
		margin-top:74px;
	}
}

/* キッチン */
.spec-wrap#kitchen .spec-item.one{
	margin-top:30px;
}
@media (min-width: 568px) {
	.spec-wrap#kitchen .spec-item.two{
		margin-top:30px;
	}
}
@media (min-width: 768px) {
	.spec-wrap#kitchen .spec-item.main{
		background:url(../spec/img/kitchen.jpg) no-repeat center;
		background-size:cover;
	}
	.spec-wrap#kitchen .spec-item.one{
		margin-top:0;
		margin-right:0;
	}
	.spec-wrap#kitchen .spec-item.three{
		margin-top:30px;
		margin-right:39px;
	}
	.spec-wrap#kitchen .spec-item.five{
		margin-right:0;
	}
}
@media (min-width: 1024px) {
	.spec-wrap#kitchen .spec-item.one{
		margin-right:40px;
	}
	.spec-wrap#kitchen .spec-item.two{
		margin-top:0;
		margin-right:0;
	}
}
	
/* バスルーム */
.spec-wrap#bathroom .spec-item.one{
	margin-top:30px;
}
@media (min-width: 568px) {
	.spec-wrap#bathroom .spec-item.two{
		margin-top:30px;
	}
}
@media (min-width: 768px) {
	.spec-wrap#bathroom .spec-item.main{
		background:url(../spec/img/bathroom.jpg) no-repeat center;
		background-size:cover;
	}
	.spec-wrap#bathroom .spec-item.one{
		margin-top:0;
		margin-right:0;
	}
	.spec-wrap#bathroom .spec-item.three{
		margin-top:30px;
		margin-right:39px;
	}
	.spec-wrap#bathroom .spec-item.five{
		margin-right:0;
	}
}
@media (min-width: 1024px) {
	.spec-wrap#bathroom .spec-item.one{
		margin-right:40px;
	}
	.spec-wrap#bathroom .spec-item.two{
		margin-top:0;
		margin-right:0;
	}
	.spec-wrap#bathroom .spec-item.four{
		margin-top:30px;
		margin-right:40px;
	}
	.spec-wrap#bathroom .spec-item.five{
		margin-right:40px;
	}
	.spec-wrap#bathroom .spec-item.six{
		margin-right:0;
	}
}

/* ドレッシングルーム */
.spec-wrap#dressingroom .spec-item.one{
	margin-top:30px;
}
@media (min-width: 568px) {
	.spec-wrap#dressingroom .spec-item.two{
		margin-top:30px;
	}
	.spec-wrap#dressingroom .spec-item.four{
		margin-right:30px;
	}
	.spec-wrap#dressingroom .spec-item.five{
		margin-right:0;
	}
}
@media (min-width: 768px) {
	.spec-wrap#dressingroom .spec-item.main{
		background:url(../spec/img/dressingroom.jpg) no-repeat center;
		background-size:cover;
	}
	.spec-wrap#dressingroom .spec-item.one{
		margin-top:0;
		margin-right:0;
	}
	.spec-wrap#dressingroom .spec-item.three{
		margin-top:30px;
		margin-right:39px;
	}
	.spec-wrap#dressingroom .spec-item.four{
		margin-right:39px;
	}
	.spec-wrap#dressingroom .spec-item.five{
		margin-right:39px;
	}
}
@media (min-width: 1024px) {
	.spec-wrap#dressingroom .spec-item.one{
		margin-right:40px;
	}
	.spec-wrap#dressingroom .spec-item.two{
		margin-top:0;
		margin-right:0;
	}
	.spec-wrap#dressingroom .spec-item.five{
		margin-right:40px;
	}
}

/* バルコニー */
.spec-wrap#balcony .spec-item.main{
	width:100%;
	margin-right:0;
}
@media (min-width: 1024px) {
	.spec-wrap#balcony .spec-item.main{
		width:auto;
		margin-left:calc(((100% - 120px)/4 + 40px)/2);
		margin-right:calc(((100% - 120px)/4 + 40px)/2);
	}
}

/* レストルーム・ホール */
.spec-wrap#restroom .spec-item.one,
.spec-wrap#hall .spec-item.one{
	margin-top:30px;
}
@media (min-width: 568px) {
	.spec-wrap#restroom .spec-item.two,
	.spec-wrap#hall .spec-item.two{
		margin-top:30px;
	}
	.spec-wrap#restroom .spec-item.three,
	.spec-wrap#hall .spec-item.three{
		display:none;
	}
}
@media (min-width: 768px) {
	.spec-wrap#restroom .spec-item.main{
		background:url(../spec/img/restroom.jpg) no-repeat center;
		background-size:cover;
	}
	.spec-wrap#hall .spec-item.main{
		background:url(../spec/img/hall.jpg) no-repeat center;
		background-size:cover;
	}
	.spec-wrap#restroom .spec-item.one,
	.spec-wrap#hall .spec-item.one{
		margin-top:0;
		margin-right:0;
	}
	.spec-wrap#restroom .spec-item.two,
	.spec-wrap#hall .spec-item.two,
	.spec-wrap#hall .spec-item.four{
		display:none;
	}
}
@media (min-width: 1024px) {
	.spec-wrap#restroom .spec-item.main,
	.spec-wrap#hall .spec-item.main{
		margin-right:40px;
		margin-left:calc(((100% - 120px)/4 + 40px)/2);
	}
}

/* ベッドルーム */
.spec-wrap#bedroom .spec-item.one{
	margin-top:30px;
}
.spec-wrap#bedroom .spec-item.three{
	margin-top:5px;
}
.spec-wrap#bedroom .spec-item.four{
	margin-top:3px;
}
@media (min-width: 568px) {
	.spec-wrap#bedroom .spec-item.two{
		margin-top:30px;
	}
	.spec-wrap#bedroom .spec-item.three,
	.spec-wrap#bedroom .spec-item.four{
		display:none;
	}
}
@media (min-width: 768px) {
	.spec-wrap#bedroom .spec-item.main{
		width:100%;
		margin-right:0;
	}
	.spec-wrap#bedroom .spec-item.five{
		margin-right:0;
	}
}
@media (min-width: 1024px) {
	.spec-wrap#bedroom .spec-item.main{
		width:calc(((100% - 120px)/4)*3 + 80px);
		margin-right:40px;
		background:url(../spec/img/bedroom.jpg) no-repeat center;
		background-size:cover;
	}
	.spec-wrap#bedroom .spec-item.one{
		margin-top:0;
		margin-right:0;
	}
	.spec-wrap#bedroom .spec-item.three,
	.spec-wrap#bedroom .spec-item.four{
		display:block;
		margin-top:40px;
		margin-right:40px;
	}
}

/* テクノロジー */
.spec-wrap#technology .spec-item.four{
	margin-top:0;
}
.technology-illust{
	padding-top:15px;
}
.spec-wrap#technology .spec-item ul{
	margin:0 auto;
	width:80%;
}
.spec-wrap#technology .spec-item ul li:nth-child(2){
	padding:15px 0 10px;
}
.spec-wrap#technology .spec-item ul li p{
	font-size:1.3rem;
}
.spec-wrap#technology .spec-item.plus{
	margin:10px auto 0;
	width:120px;
	text-align:center;
}
.spec-wrap#technology .spec-item h5.prc{
	text-align:center;
	background:url(../spec/img/icon-prc.svg) no-repeat center;
	padding:30px 0;
	margin-bottom:12px;
}
.spec-wrap#technology .spec-item ul#pc{
	margin:15px auto 0;
	width:60%;
}
@media (min-width: 568px) {
	.spec-wrap#technology .spec-item{
		width:100%;
		margin-right:0;
	}
	.spec-wrap#technology .spec-item.two{
		margin-top:30px;
	}
	.spec-wrap#technology .spec-item ul{
		width:90%;
	}
	.spec-wrap#technology .spec-item ul li{
		float:left;
		width:calc(50% - 15px);
		padding-bottom:10px;
	}
	.spec-wrap#technology .spec-item ul li:nth-child(2){
		padding:0;
		margin-left:30px;
	}
	.spec-wrap#technology .spec-item ul#pc{
		width:70%;
	}
}
@media (min-width: 768px) {
	.spec-wrap#technology{
		margin-left:calc((100% - (((100% - 78px)/3)*2 + 26px))/2);
		margin-right:calc((100% - (((100% - 78px)/3)*2 + 26px))/2);
	}
	.spec-wrap#technology .spec-item{
		margin-right:0;
	}
	.spec-wrap#technology .spec-item ul{
		width:100%;
	}
	.spec-wrap#technology .spec-item.plus{
		width:100px;
	}
}
@media (min-width: 1024px) {
	.spec-wrap#technology{
		margin-left:calc((100% - (((100% - 120px)/4)*2 + 30px))/2);
		margin-right:calc((100% - (((100% - 120px)/4)*2 + 30px))/2);
	}
	.spec-wrap#technology .spec-item{
		margin-right:0;
	}
	.spec-wrap#technology .spec-item.two{
		margin-top:30px;
	}
	.spec-wrap#technology .spec-item ul#pc{
		width:80%;
	}
}

/* ストラクチャー */
.spec-wrap#structure .spec-item h5.mainbedroom{
	letter-spacing:-0.01em;
}
.spec-wrap#structure .spec-item p.caption{
	font-size:1.1rem;
	line-height:100%;
	text-align:right;
	padding:3px 0 8px;
}
.spec-wrap#structure .spec-item p.caption.left{
	float:left;
}
.spec-wrap#structure .spec-item p.caption.right{
	float:right;
}
@media (min-width: 375px) {
	.spec-wrap#structure .spec-item h5.mainbedroom{
		letter-spacing:0;
	}
}
@media (min-width: 667px) {
	.spec-wrap#structure .spec-item h5.mainbedroom{
		letter-spacing:-0.01em;
	}
}
@media (min-width: 768px) {
	.spec-wrap#structure .spec-item p.caption.left,
	.spec-wrap#structure .spec-item p.caption.right{
		padding-top:4px;
		font-size:1.0rem;
	}
	.spec-wrap#structure .spec-item h5.mainbedroom{
		letter-spacing:-0.08em;
	}
}
@media (min-width: 1080px) {
	.spec-wrap#structure .spec-item h5.mainbedroom{
		letter-spacing:0;
	}
}

/* セキュリティ */
@media (min-width: 768px) {
	.spec-wrap#security .spec-item h5.security-system{
		letter-spacing:-0.06em;
	}
}
@media (min-width: 1024px) {
	.spec-wrap#security .spec-item.one{
		margin-left:calc(((100% - 120px)/4 + 40px)/2);
	}
	.spec-wrap#security .spec-item h5.security-system{
		letter-spacing:-0.05em;
	}
}

/* マルチメディア */
.spec-wrap#multimedia .spec-item.main{
	text-align:center;
}
.fgbb{
	margin:0 auto;
	width:230px;
}
.spec-wrap#multimedia .spec-item.one{
	margin-top:30px;
}
.spec-wrap#multimedia .spec-item ol{
	margin:0;
	padding:0;
}
.spec-wrap#multimedia .spec-item ol li{
	position:relative;
	list-style:none;
	margin:0;
	padding:2px 0 0;
	padding-left:1.25em;
	font-size:1.2rem;
	line-height:150%;
}
.spec-wrap#multimedia .spec-item ol li span{
	position:absolute;
	left:0;
	margin:0;
}
.spec-wrap#multimedia .spec-item ol#check{
	margin-top:15px;
}
.spec-wrap#multimedia .spec-item ol#check li{
	padding:0;
	padding-left:2em;
	font-size:1.3rem;
	font-weight:bold;
	border:2px solid #144568;
	margin-top:5px;
	color:#144568;
}
.spec-wrap#multimedia .spec-item ol#check li span{
	width:2em;
	height:50px;
	background:url(../spec/img/icon-check.svg) no-repeat;
	background-position:center center;
	background-size:26px 24px;
}
.spec-wrap#multimedia .spec-item ol#check li:nth-child(3) span{
	height:65px;
}
.spec-wrap#multimedia .spec-item ol#check li p{
	border-left:2px solid #144568;
	padding:5px;
}
@media (min-width: 375px) {
	.spec-wrap#multimedia .spec-item ol#check li:nth-child(3) span{
		height:50px;
	}
}
@media (min-width: 568px) {
	.spec-wrap#multimedia .spec-item{
		width:100%;
		margin-right:0;
	}
	.spec-wrap#multimedia .spec-item.two{
		margin-top:30px;
	}
	.spec-wrap#multimedia .spec-item ol#check li span{
		height:30px;
	}
	.spec-wrap#multimedia .spec-item ol#check li:nth-child(3) span{
		height:50px;
	}
}
@media (min-width: 667px) {
	.spec-wrap#multimedia .spec-item ol#check li:nth-child(3) span{
		height:30px;
	}
}
@media (min-width: 768px) {
	.spec-wrap#multimedia{
		margin-left:calc((100% - (((100% - 78px)/3)*2 + 26px))/2);
		margin-right:calc((100% - (((100% - 78px)/3)*2 + 26px))/2);
	}
	.spec-wrap#multimedia .spec-item ol#check li:nth-child(1) span,
	.spec-wrap#multimedia .spec-item ol#check li:nth-child(3) span{
		height:50px;
	}
}
@media (min-width: 896px) {
	.spec-wrap#multimedia .spec-item ol#check li:nth-child(1) span{
		height:30px;
	}
}
@media (min-width: 926px) {
	.spec-wrap#multimedia .spec-item ol#check li:nth-child(3) span{
		height:30px;
	}
}
@media (min-width: 1024px) {
	.spec-wrap#multimedia{
		margin-left:calc((100% - (((100% - 120px)/4)*2 + 30px))/2);
		margin-right:calc((100% - (((100% - 120px)/4)*2 + 30px))/2);
	}
	.spec-wrap#multimedia .spec-item ol#check li:nth-child(1) span,
	.spec-wrap#multimedia .spec-item ol#check li:nth-child(3) span{
		height:50px;
	}
}
@media (min-width: 1133px) {
	.spec-wrap#multimedia .spec-item ol#check li:nth-child(1) span{
		height:30px;
	}
}
@media (min-width: 1200px) {
	.spec-wrap#multimedia .spec-item ol#check li:nth-child(1) span{
		height:50px;
	}
}

/* アメニティ */
@media (min-width: 768px) {
	.spec-wrap#amenity .spec-item{
		width:calc(50% - 19.5px);
	}
	.spec-wrap#amenity .spec-item.two{
		margin-right:0;
	}
}
@media (min-width: 1024px) {
	.spec-wrap#amenity .spec-item{
		width:calc(50% - 20px);
	}
}

.sp568-767, .pc568-1023, .pc768-1023{
	display:none;
}
@media (min-width: 568px) and (max-width: 767px){
	.sp568-767{
		display:inline;
	}
	.pc568-767{
		display:none;
	}
}
@media (min-width: 568px) and (max-width: 1023px){
	.pc568-1023{
		display:inline;
	}
}
@media (min-width: 768px) and (max-width: 1023px){
	.sp768-1023{
		display:none;
	}
	.pc768-1023{
		display:inline;
	}
}

br.br568-666, br.br568-735, br.br568-1023, br.br768-1023, br.br768-1079, br.br768-1179, br.br1024-1079, br.br1024-1179, br.br1080-1179, br.br1200-2{
	display:none;
}
@media (min-width: 568px) and (max-width: 666px){
	br.br568-666{
		display:inline;
	}
}
@media (min-width: 568px) and (max-width: 735px){
	br.br568-735{
		display:inline;
	}
}
@media (min-width: 568px) and (max-width: 1023px) {
	br.br568-1023{
		display:inline;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
	br.br768-1023{
		display:inline;
	}
}
@media (min-width: 768px) and (max-width: 1079px) {
	br.br768-1079{
		display:inline;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	br.br768-1179{
		display:inline;
	}
}
@media (min-width: 1024px) and (max-width: 1079px){
	br.br1024-1079{
		display:inline;
	}
}
@media (min-width: 1024px) and (max-width: 1179px){
	br.br1024-1179{
		display:inline;
	}
}
@media (min-width: 1080px) and (max-width: 1179px) {
	br.br1080-1179{
		display:inline;
	}
}
@media (min-width: 1200px) {
	br.br1200-2{
		display:inline;
	}
}

.space375,.space414{
	padding-left:14px;
}
@media (min-width: 375px) {
	.space375{
		display:none;
	}
}
@media (min-width: 414px) {
	.space414{
		display:none;
	}
}

.space414-2{
	padding-left:14px;
}
@media (min-width: 414px) {
	.space414-2{
		display:none;
	}
}

.space568, .space568-666, .space568-735, .space568-1023, .space768, .space768-1023, .space768-1079, .space768-1179, .space1024-1079{
	display:none;
	padding-left:14px;
}
@media (min-width: 568px) {
	.space568{
		display:inline;
	}
}
@media (min-width: 568px) and (max-width: 666px){
	.space568-666{
		display:inline;
	}
}
@media (min-width: 568px) and (max-width: 735px){
	.space568-735{
		display:inline;
	}
}
@media (min-width: 568px) and (max-width: 1023px) {
	.space568-1023{
		display:inline;
	}
}
@media (min-width: 768px) {
	.space768{
		display:inline;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
	.space768-1023{
		display:inline;
	}
}
@media (min-width: 768px) and (max-width: 1079px) {
	.space768-1079{
		display:inline;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.space768-1179{
		display:inline;
	}
}
@media (min-width: 1024px) and (max-width: 1079px){
	.space1024-1079{
		display:inline;
	}
}

.line{
	width:100%;
	height:2px;
	background:#CCC;
	margin:40px 0 0;
}
@media (min-width: 768px) {
	.line{
		margin:50px 0 0;
	}
}
@media (min-width: 1024px) {
	.line{
		margin:60px 0 0;
	}
}

.content > ol{
	margin:0;
	padding:0;
	padding-top:25px;
}
.content > ol li{
	position:relative;
	list-style:none;
	margin:0;
	padding-left:1.25em;
	font-size:1.1rem;
	line-height:150%;
}
.content > ol li span{
	position:absolute;
	left:0;
	margin:0
}
@media (min-width: 736px) {
	.content > ol{
		padding-top:30px;
		text-align:center;
	}
	.content > ol li span{
		position:relative;
	}
}
@media (min-width: 1024px) {
	.content > ol li{
		font-size:1.2rem;
	}
}