@charset "UTF-8";

/* sec-nav */
/* sec-headers */
.type-header h4 {
	display: block;
	font-family: serif;
	font-size: 1.2rem;/*1.75rem;*/
	font-weight: normal;
	text-align: center;
}
.type-name p {
	background-color: #fff;
	border-bottom: 2rem solid #006262;
	border-right: 2.5rem solid #006262;
	border-top: .5rem solid #006262;
	color: #006262;
	font-family: "Montserrat",sans-serif;
	font-size: .875rem;
	font-weight: 100;
	line-height: 1;
	/*margin-bottom: 0;*/
	padding-left: 2rem;
	padding-right: 0rem;
	width:100%;
}
.type-name p span {
	color: #006262;
	font-size: 5rem;
	font-weight: 100;
}
.type-name p span sup {
	font-size:1rem;
	position: relative;
	top: -1rem;
}
.type-header + h4 {
	font-family: serif;
}
#slide1 .mv1 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/atype/01.jpg);}
.webp #slide1 .mv1 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/atype/01.webp);}
#slide1 .mv2 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/atype/02.jpg);}
.webp #slide1 .mv2 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/atype/02.webp);}
#slide1 .mv3 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/atype/03.jpg);}
.webp #slide1 .mv3 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/atype/03.webp);}

#slide2 .mv1 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/btype/01.jpg);}
.webp #slide2 .mv1 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/btype/01.webp);}
#slide2 .mv2 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/btype/02.jpg);}
.webp #slide2 .mv2 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/btype/02.webp);}
#slide2 .mv3 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/btype/03.jpg);}
.webp #slide2 .mv3 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/btype/03.webp);}

#slide3 .mv1 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/c1type/01.jpg);}
.webp #slide3 .mv1 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/c1type/01.webp);}
#slide3 .mv2 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/c1type/02.jpg);}
.webp #slide3 .mv2 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/c1type/02.webp);}
#slide3 .mv3 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/c1type/03.jpg);}
.webp #slide3 .mv3 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/c1type/03.webp);}

#slide4 .mv1 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/c2type/01.jpg);}
.webp #slide4 .mv1 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/c2type/01.webp);}
#slide4 .mv2 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/c2type/02.jpg);}
.webp #slide4 .mv2 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/c2type/02.webp);}
#slide4 .mv3 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/c2type/03.jpg);}
.webp #slide4 .mv3 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/c2type/03.webp);}

#slide5 .mv1 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/c3type/01.jpg);}
.webp #slide5 .mv1 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/c3type/01.webp);}
#slide5 .mv2 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/c3type/02.jpg);}
.webp #slide5 .mv2 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/c3type/02.webp);}
#slide5 .mv3 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/c3type/03.jpg);}
.webp #slide5 .mv3 a.lazyloaded {background-image:url(../images/planninghouse/comodobene/c3type/03.webp);}

.thumb {justify-content:center;}
.thumb li {margin-right:2.5%;}
.thumb li:last-child {margin-right:0;}
.details picture {
	margin: 0 auto;
	max-width: 333px;
}
.type-equipments {border-bottom: 1px solid #000;margin-bottom:1rem;}
.type-equipments dl {border:0;display:flex;flex-wrap:wrap;padding:0;}
.type-equipments dt {flex-basis:7rem;margin:0 0 .5rem 0;}
.type-equipments dt::after {content:"】";}
.type-equipments dt::before {content:"【";}
.type-equipments dd {flex-basis:60%;line-height:1.5;margin:0 0 .5rem 0;}
.type-floors {margin-bottom:1rem;}
.type-floors dl {border:0;display:flex;flex-wrap:wrap;justify-content:initial;padding:0;}
.type-floors dt {background-color:initial;color:initial;flex-basis:7rem;margin:0 0 .25rem 0;padding:0 0 .25rem 0;text-align:left;}
.type-floors dt::after {content:"／";}
.type-floors dd {flex-basis:60%;margin:0 0 .25rem 0;padding:0 0 .25rem 0;}
.floor-plans ul {
	flex-direction: column;
}
@media screen and (min-width: 420px) {
	.floor-plans ul {
		flex-direction: row;
	}
}
@media screen and (min-width: 480px) {
	.type-name {
		align-items: center;
		border-right: 1rem solid #006262;
		display: flex;
	}
	.type-name p {
		margin-bottom: 0;
		margin-right: 1rem;
		padding-right: 1rem;
		width: fit-content;
	}
	.type-header h4 {
		text-align: left;
	}
}
@media screen and (min-width: 580px) {
	/*.details picture, .type-equipments, .type-floors {
		flex-basis: 50%;
	}*/
	.datas {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.datas p {
		flex-basis: 100%;
		margin-bottom: 1rem;
		padding-top: .5rem;
		text-align: center;
		transform: scale(1.0, 0.8);
	}
	.type-equipments {
		border: 0;
		flex-basis: 52%;
		margin-bottom: 1rem;
	}
	.type-equipments dt {
		flex-basis: 5rem;
	}
	.type-equipments dd {
		flex-basis: 60%;
	}
	.type-floors {
		flex-basis: 44%;
	}
	.type-floors dd {
		flex-basis: 55%;
	}
}
@media screen and (min-width: 640px) {
	/*.outline .content-wrapper {
		align-items: center;
		display: flex;
		justify-content: space-between;
	}
	.sec-eyecatch {
		flex-basis: 48%;
	}
	.sec-detail {
		flex-basis: 48%;
	}*/
	.type-header h4 {
		font-size: 1.75rem;
	}
}
@media screen and (min-width: 768px) {
	.details {
		align-items: center;
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
	.details picture {
		flex-basis: 25%;
		margin-left: 0;
	}
	.datas {
		flex-basis: 72.5%;
	}
	.datas p {
		margin-right: 17.5%;
	}
	.type-equipments dl, .type-floors dl {
		margin-bottom: 0;
	}
	.type-equipments dt {
		flex-basis: 30%;
	}
	.type-equipments dd {
		flex-basis: 70%;
	}
	.type-equipments {
		flex-basis: 50%;
	}
	.type-floors {
		flex-basis: 46%;
	}
	.type-floors dd {
		flex-basis: 50%;
	}
}
@media screen and (min-width: 860px) {
	.type-header h4 br {
		display: none;
	}
}
@media screen and (min-width: 1280px) {
	/*.sec-eyecatch {
		flex-basis: 30%;
		margin-right: 2rem;
	}
	.sec-detail {
		flex-basis: calc(100% - (30% + 2rem));
	}
	.sec-detail p {
		font-size: 1rem;
		line-height: 2.5;
		margin-bottom: 0;
	}*/
	.type-name {
		display: flex;
		flex-basis: 100%;
	}
	.type-name p {
		display: block;
		white-space: nowrap;
	}
	.details {
		margin-bottom: 2rem;
	}
	.type-equipments {
		padding: 0;
	}
	.type-floors dt {
		flex-basis: 30%;
	}
}