@charset "UTF-8";

/* 間取り */
.content > h3{
	text-align:center;
	font-size:1.8rem;
	padding:0;
}
.content > h3.hotel{
	padding:7px 0 15px;
	line-height:100%;
}
@media (min-width: 768px) {
	.content > h3{
		font-size:1.9rem;
	}
}
@media (min-width: 1024px) {
	.content > h3{
		font-size:2.0rem;
	}
}

#elevation{
	padding:5px 0 10px;
	display:grid;
	gap:2px;
	grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	font-family:'NewYork','BIZ UD明朝','BIZ UDMincho','游明朝','YuMincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN','メイリオ','Meiryo','ＭＳ Ｐ明朝','MS PMincho',serif;
}
.elevation{
	font-size:1.0rem;
	letter-spacing:-0.12em;
	line-height:170%;
	padding:10px 0 8px;
	text-align:center;
	vertical-align:middle;
	justify-content: center;
	align-items: center;
}
.link{
	background:#C97586;
	border:1px solid #C97586;
	text-shadow:0 1px 0 #000;
	-webkit-transition:ease-in-out 0.5s;
    -moz-transition:ease-in-out 0.5s;
    -o-transition:ease-in-out 0.5s;
    -ms-transition:ease-in-out 0.5s;
    transition:ease-in-out 0.5s;
}
.link:hover{
	background:rgba(201,117,134,0.5);
}
.link a{
	display:block;
	color:#FFF;
}
.link a:hover{
	color:#C97586;
	text-shadow:0 1px 0 #FFF;
}
.link-dead{
	color:#FFF;
	background:rgba(201,117,134,0.5);
	boeder:1px solid rgba(201,117,134,0.5);
	text-shadow:0 1px 0 rgba(201,117,134,1);
	
	background:rgba(201,117,134,1);
}
.owner{
	background:rgba(201,117,134,0.3);
	border:1px solid rgba(201,117,134,0.3);
	text-shadow:0 1px 0 #FFF;
	color:rgba(51,51,51,0.6);
}
.room-number{
	font-size:105%;
}
.floor{
	background:rgba(201,117,134,0.1);
	border:1px solid rgba(201,117,134,0.1);
	text-shadow:0 1px 0 #FFF;
	letter-spacing:0;
	padding-top:35px;
}
.one{
	padding-top:23px;
}
.roof{
	line-height:150% !important;
	border:1px solid #CCC;
	letter-spacing:0;
	-ms-writing-mode: tb-rl;
	writing-mode:vertical-rl;
	padding-right:10px;
}
.balcony{
	letter-spacing:-0.15em !important;
}
.twice1{
	grid-column:2 / 4;
}
.twice2{
	grid-column:4 / 6;
}
.twice3{
	grid-column:7 / 9;
}
.facility{
	line-height:150% !important;
	letter-spacing:0;
	background:rgba(201,117,134,0.3);
	border:1px solid rgba(201,117,134,0.3);
	text-shadow:0 1px 0 #FFF;
	letter-spacing:0;
}
.welfare{
	letter-spacing:-0.05em;
}
.ent-bicycle{
	padding-top:25px;
}
.rubbish{
	-ms-writing-mode: tb-rl;
	writing-mode:vertical-rl;
	padding-right:10px;
}
@media (min-width: 375px) {
	.elevation{
		letter-spacing:-0.01em;
	}
	.roof{
		padding-right:14px;
	}
	.welfare{
		letter-spacing:0;
	}
	.rubbish{
		padding-right:14px;
	}
}
@media (min-width: 414px) {
	.elevation{
		font-size:1.1rem;
		letter-spacing:0;
	}
	.roof{
		padding-right:16px;
	}
	.ent-bicycle{
		padding-top:27px;
	}
	.rubbish{
		padding-right:16px;
	}
}
@media (min-width: 568px) {
	.elevation{
		font-size:1.2rem;
		padding-left:5px;
		padding-right:5px;
	}
	.floor{
		padding-top:45px;
		padding-left:0;
		padding-right:0;
	}
	.one{
		padding-top:28px;
	}
	.roof{
		padding-right:23px;
	}
	.ent-bicycle{
		padding-top:30px;
	}
	.rubbish{
		padding-right:0;
		writing-mode:horizontal-tb;
		padding-top:30px;
		padding-left:0;
	}
}
@media (min-width: 667px) {
	.roof{
		padding-right:27px;
	}
}
@media (min-width: 736px) {
	.roof{
		padding-right:32px;
	}
}
@media (min-width: 768px) {
	#elevation{
		padding:20px 0 10px;
	}
	.elevation{
		font-size:1.3rem;
	}
}
@media (min-width: 820px) {
	.roof{
		padding-right:35px;
	}
}
@media (min-width: 896px) {
	.roof{
		padding-right:38px;
	}
}
@media (min-width: 1024px) {
	#elevation{
		gap:5px;
	}
	.elevation{
		padding-top:11px;
	}
	.floor{
		padding-top:45px;
	}
	.one{
		padding-top:28px;
	}
	.roof{
		padding-right:0;
		padding-left:0;
		writing-mode:horizontal-tb;
		letter-spacing:-0.01em;
		padding-top:47px;
	}
	.balcony{
		padding-right:0;
		padding-left:0;
		letter-spacing:-0.08em !important;
	}
	.ent-bicycle,.rubbish{
		padding-top:30px;
	}
	.room-number{
		font-size:120%;
	}
}
@media (min-width: 1200px) {
	.elevation{
		padding-top:12px;
		font-size:1.4rem;
	}
	.floor{
		padding-top:50px;
	}
	.one{
		padding-top:32px;
	}
	.roof{
		padding-top:52px;
	}
	.ent-bicycle,.rubbish{
		padding-top:33px;
	}
}

#anchor-btn{
	font-size:0;
	padding:0 0 20px;
	text-align:center;
}
.anchor-btn{
	display:inline-block;
	width:calc(50% - 10px);
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	box-sizing:border-box;
	margin-top:20px;
	text-align:left;
}
.anchor-btn:nth-child(1),
.anchor-btn:nth-child(3),
.anchor-btn:nth-child(5),
.anchor-btn:nth-child(7),
.anchor-btn:nth-child(9),
.anchor-btn:nth-child(11),
.anchor-btn:nth-child(13),
.anchor-btn:nth-child(15),
.anchor-btn:nth-child(17),
.anchor-btn:nth-child(19),
.anchor-btn:nth-child(21),
.anchor-btn:nth-child(23){
	margin-right:20px;
}
.anchor-btn img{
	width:20px;
	height:33px;
	-webkit-transition:ease-in-out 0.5s;
	-moz-transition:ease-in-out 0.5s;
	-ms-transition:ease-in-out 0.5s;
	-o-transition:ease-in-out 0.5s;
	transition:ease-in-out 0.5s;
}
.anchor-btn h4{
	font-family:"NewYork";
	font-size:1.5rem;
	line-height:100%;
}
.anchor-btn h4.detail{
	font-size:1.6rem;
	padding:5px 0 8px
}
.anchor-btn a{
	display:block;
	-webkit-transition:ease-in-out 0.5s;
	-moz-transition:ease-in-out 0.5s;
	-ms-transition:ease-in-out 0.5s;
	-o-transition:ease-in-out 0.5s;
	transition:ease-in-out 0.5s;
}
.anchor-btn a:hover{
	color:#FFF;
	text-shadow:0 0 5px #333;
}
.anchor-btn a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
}
.plus-s{
	letter-spacing:-0.05em;
}
@media (min-width: 375px) {
	.plus-s{
		letter-spacing:-0;
	}
}
@media (min-width: 568px) {
	.anchor-btn{
		width:calc(33.333% - 10px);
	}
	.anchor-btn:nth-child(1),
	.anchor-btn:nth-child(2),
	.anchor-btn:nth-child(4),
	.anchor-btn:nth-child(5),
	.anchor-btn:nth-child(7),
	.anchor-btn:nth-child(8),
	.anchor-btn:nth-child(10),
	.anchor-btn:nth-child(11),
	.anchor-btn:nth-child(13),
	.anchor-btn:nth-child(14),
	.anchor-btn:nth-child(16),
	.anchor-btn:nth-child(17),
	.anchor-btn:nth-child(19),
	.anchor-btn:nth-child(20),
	.anchor-btn:nth-child(22),
	.anchor-btn:nth-child(23){
		margin-right:15px;
	}
	.anchor-btn:nth-child(3),
	.anchor-btn:nth-child(6),
	.anchor-btn:nth-child(9),
	.anchor-btn:nth-child(12),
	.anchor-btn:nth-child(15),
	.anchor-btn:nth-child(18),
	.anchor-btn:nth-child(21){
		margin-right:0;
	}
}
@media (min-width: 768px) {
	#anchor-btn{
		padding-top:10px;
	}
	.anchor-btn{
		width:calc(25% - 9px);
	}
	.anchor-btn:nth-child(1),
	.anchor-btn:nth-child(2),
	.anchor-btn:nth-child(3),
	.anchor-btn:nth-child(5),
	.anchor-btn:nth-child(6),
	.anchor-btn:nth-child(7),
	.anchor-btn:nth-child(9),
	.anchor-btn:nth-child(10),
	.anchor-btn:nth-child(11),
	.anchor-btn:nth-child(13),
	.anchor-btn:nth-child(14),
	.anchor-btn:nth-child(15),
	.anchor-btn:nth-child(17),
	.anchor-btn:nth-child(18),
	.anchor-btn:nth-child(19),
	.anchor-btn:nth-child(21),
	.anchor-btn:nth-child(22),
	.anchor-btn:nth-child(23){
		margin-right:12px;
	}
	.anchor-btn:nth-child(4),
	.anchor-btn:nth-child(8),
	.anchor-btn:nth-child(12),
	.anchor-btn:nth-child(16),
	.anchor-btn:nth-child(20),
	.anchor-btn:nth-child(24){
		margin-right:0;
	}
	.anchor-btn a h4{
		font-size:1.6rem;
	}
}
@media (min-width: 768px) {
	#anchor-btn{
		padding-left:70px;
		padding-right:70px;
	}
}
@media (min-width: 1024px) {
	#anchor-btn{
		padding:20px 0;
		padding-left:130px;
		padding-right:130px;
	}
	.anchor-btn a h4{
		font-size:1.7rem;
	}
}

#performance{
	margin:0 auto;
	text-align:center;
	padding-top:40px;
}
#performance img{
	width:250px;
}
@media (min-width: 568px) {
	#performance img{
		width:270px;
	}
}
@media (min-width: 768px) {
	#performance{
		padding-top:50px;
	}
}
@media (min-width: 1024px) {
	#performance img{
		width:300px;
	}
}