@charset "utf-8";
/* Copyright 2019 AL:Designs All Rights Reserved. */


/***** header *****/
#mainttlbox {
	width:100%;
	background-color:#22C6F1;
	padding:40px 0px;
}
#mainttlbox .boxinner {
	display:flex;
}
#mainttlbox .mainttl {
	width:80%;
}
#mainttlbox .mainttl h1 {
	font-size:200%;
	color:#fff;
	font-weight:normal;
	letter-spacing: .2em;
	margin-top:-5px;
}
#mainttlbox .mainttl .rub {
	color:#fff;
	font-size:110%;
	letter-spacing: .2em;
	line-height:1em;
}

.srcwordbox {
	display:inline-block;
	padding-right:75px;
	position:relative;
	text-align: right;
}
.srcwordbox input {
	border:0;
	border-radius:15px 0 0 15px;
	width:262px;
	height:55px;
	padding-left:15px;
}
.srcwordbox a {
	display:block;
	height:55px;
	width:75px;
	border-radius:0 15px 15px 0;
	background-color:#000;
	position:absolute;
	top:0px;
	left:260px;
	font-size:190%;
	color:#fff;
	text-align:center;
	padding-top:8px;
}
.srcwordbox p {
	display:inline-block;
	vertical-align: top;
	color:#fff;
	margin-left:85px;
	padding-left:35px;
	padding-top:15px;
	height:55px;
	background:url(../img/index/voice.png) left center no-repeat;
	font-size:120%;
	font-weight:bold;
}

/***** /header *****/


/***** contents *****/

#property-detail {
	margin: 15px auto 60px;
}
#dimg {
/*	height:830px;*/
	padding:0px;
	background-color:#3E3D3B;
}
#dimg #larges {
	width:100%;
	/*height:590px;*/
	padding:30px 0px;
	position:relative;
	overflow:hidden;
}
#dimg #larges #lphoto {
	/*width:9800px;*/
	/*padding-left:16.67%;*/
	display:flex;
}
#dimg #larges #lphoto li {
	/*width:800px;
	margin-right:20px;
	border:1px solid #666;*/
	max-height:800px;
}
#dimg #larges #lphoto li:last-child { margin-right:0; }
#dimg #larges #lphoto li.active {
	border:1px solid #fff !important;
}
#dimg #larges #lphoto li a {
	display:block;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	border:1px solid #666;
}
#dimg #larges #lphoto li a img {
	/*border:1px solid #666;*/
}
#dimg #larges .flex-viewport {
	width:90%;
	margin:0 auto;
	z-index:9;
}
.flex-direction-nav {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
}
.flex-direction-nav li {
	position:absolute;
	top:0;
	width:10%;
	min-width:50px;
	height:100%;
	z-index:10;
}
.flex-direction-nav li.flex-nav-prev {
	left:0;
}
.flex-direction-nav li.flex-nav-next {
	right:0;
}
.flex-direction-nav li a {
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	opacity:0.4;
}
.flex-direction-nav li a:hover {
	opacity:1;
}
.flex-direction-nav li.flex-nav-prev a {
	background: -moz-linear-gradient(left,  rgba(62,61,59,0.9) 5%, rgba(62,61,59,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(62,61,59,0.9) 5%,rgba(62,61,59,0) 100%);
	background: linear-gradient(to right,  rgba(62,61,59,0.9) 5%,rgba(62,61,59,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e63e3d3b', endColorstr='#e63e3d3b',GradientType=1 );
	padding-left:10%;
	font-size:300%;
}
.flex-direction-nav li.flex-nav-next a {
	background: -moz-linear-gradient(left,  rgba(62,61,59,0) 0%, rgba(62,61,59,0.9) 95%);
	background: -webkit-linear-gradient(left,  rgba(62,61,59,0) 0%,rgba(62,61,59,0.9) 95%);
	background: linear-gradient(to right,  rgba(62,61,59,0) 0%,rgba(62,61,59,0.9) 95%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e63e3d3b', endColorstr='#e63e3d3b',GradientType=1 );
	text-align:right;
	padding-right:10%;
	font-size:300%;
}

#larges .flex-direction-nav li a,
#smalls .flex-direction-nav li a {
	display: flex;
	justify-content: center;
	align-items: center;}

.bx-wrapper {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: 0 !important;
	background: none !important;
}

#dimg #smalls100 {
	width:100%;
	position:relative;
	padding-bottom:30px;
}
#dimg #smalls {
	width:100%;
	position:relative;
	margin:0 auto;
	overflow:hidden;
}
#dimg #smalls .flex-viewport {
	width:85%;
	margin:0 auto;
	z-index:9;
}

#dimg #smalls #sphoto {
	/*width:2525px;*/
	margin:0 auto;
	display:flex;
}
#dimg #smalls #sphoto li {
	margin-right:25px;
	width:230px;
	/*min-height:150px;*/
	border:3px solid #666;
	max-height:150px;
	overflow:hidden;
	cursor:pointer;
}
#dimg #smalls #sphoto li.flex-active-slide {
	border-color:#fff !important;
}

#dimg #smalls #sphoto li:last-child {
	margin-right:0;
}
#dimg #smalls #sphoto li.active {
	border:3px solid #fff !important;
}

#section-detail .labellist {
	display:flex;
	flex-wrap:wrap;
	margin:35px 0 25px;
}
#section-detail .labellist li {
	min-width:180px;
	margin-right:15px;
}
#section-detail .labellist li:last-child { margin-right:0; }
#section-detail .labellist li p {
	padding: 10px;
	text-align:center;
	color:#fff;
	font-size:120%;
	font-weight:bold;
}
#section-detail .labellist li p.campaign { background-color:#4ECBD4; }
#section-detail .labellist li p.limited { background-color:#FF9595; }

#section-infotext .recotext {
	display:flex;
	flex-wrap:wrap;
	margin:20px 0px;
}
#section-infotext .recotext p {
	padding:25px;
	font-size:110%;
}
#section-infotext .recotext p.recotext-left {
	width:250px;
	color:#fff;
	background-color:#FFC744;
	letter-spacing: .2em;
}
#section-infotext .recotext p.recotext-left i {
	font-size:250%;
	line-height:1.3em;
}
#section-infotext .recotext p.recotext-right {
	width:950px;
	border-bottom:2px solid #FFC744;
	letter-spacing: .2em;
	line-height:1.2em;
	padding-top:45px;
	font-size:130%;
}
#section-infotext .recotext p.recotext-right .large {
	font-size:230%;
	font-weight:bold;
}



#section-infotext .inqbox a {
	text-align:center;
	display:block;
	width:550px;
	padding: 30px 0px 28px;
	color:#fff;
	background-color:#FFC744;
	box-shadow:0px 8px 0px 0px #FF7144;
	border-radius:12px;
	font-size:220%;
	font-weight:bold;
	margin: 0 auto;
}
#section-infotext .inqbox a i {
	font-size:150%;
	vertical-align:-5px;
}
#section-infotext .inqbox a:hover {
	box-shadow:0px 1px 0px 0px #FF7144;
	transform: translate3d(0, 7px, 0);
}

#section-infotext .propertyinfo {
	display:flex;
	flex-wrap:wrap;
	margin-bottom:15px;
}
#section-infotext .propertyinfo li {
	width:32%;
	margin-right:2%;
	margin-bottom:15px;
	display:flex;
}
#section-infotext .propertyinfo li:nth-child(3n) {
	margin-right:0;
}
#section-infotext .propertyinfo li .pleft {
	display:block;
	width:35%;
	background-color:#22C6F1;
	padding:20px;
	color:#fff;
}
#section-infotext .propertyinfo li .pright {
	display:block;
	width:65%;
	background-color:#EFFCFF;
	padding:20px 20px 20px 25px;
}

#section-infotext .comment {
	margin-bottom: 35px;
}
#section-infotext .comment .txtcomment {
	width:100%;
	vertical-align:middle;
	background-color:#F5F5F5;
	padding:30px;
	letter-spacing: .2em;
	font-size:110%;
}
#section-infotext .comment .limitalert {
	background-color:#FF9595;
	padding:12px 15px 10px;
	color:#fff;
	font-weight:bold;
	font-size:125%;
	text-align:center;
	letter-spacing: .2em;
}

#section-infotext .pagenation {
	margin-top:45px;
}
#section-infotext .pagenation .bf a,
#section-infotext .pagenation .nx a {
	display:table;
	width:450px;
	height:100px;
}
#section-infotext .pagenation .bf {
	float:left;

}
#section-infotext .pagenation .nx {
	float:right;
	text-align:right;
}
#section-infotext .pagenation .bf .leftarrow,
#section-infotext .pagenation .nx .rightarrow {
	display:table-cell;
	width:10%;
	background-color:#22C6F1;
	font-size:85%;
	color:#fff;
	text-align:center;
	vertical-align: middle;
}
#section-infotext .pagenation .pnimg {
	display:table-cell;
	width:30%;
	background-size:cover !important;
}
#section-infotext .pagenation .pnimg span {
	display:none;
}
#section-infotext .pagenation .pnname {
	display:table-cell;
	width:60%;
	font-size:120%;
	font-weight:bold;
	background-color:#EFFCFF;
	padding:20px;
	vertical-align: middle;
}
#section-infotext .pagenation .pnname span {
	color:#bbb;
	font-size:80%;
	margin-bottom:2px;
	font-weight:normal;
	display:block;
}

#section-infotext .pagenation a:hover {
	opacity:0.7;
}


#section-recommend {
	margin-top:40px;
	margin-bottom:50px;
}
#section-recommend h2 {
	background-color:#22C6F1;
	text-align:center;
	color:#fff;
	padding: 25px 0px;
	font-weight:normal;
	font-size:120%;
	letter-spacing: .2em;
}
.recommendlist {
	margin-top:40px;
	display:flex;
	flex-wrap:wrap;
}
.recommendlist li {
	width:50%;
	padding:10px;
	/*display:flex;*/
}
.recommendlist li a.recolink {
	display:flex;
}
.recommendlist li a.recolink:hover {
	background-color:#def;
}

.recommendlist .imgbox {
	width:45%;
	height:190px;
	background-size:cover !important;
}
.recommendlist .imgbox a {
	display:block;
	width:100%;
	height:100%;
}
.recommendlist .imgbox span {
	display:none;
}
.recommendlist .pinfo {
	width:55%;
	padding-left:20px;
}
.recommendlist .pinfo .infoline {
	padding: 6px 0px;
}
.recommendlist .pinfo p {
	border-bottom:1px solid #ddd;
}
.recommendlist .pinfo .paddress {
	font-size:125%;
	font-family: 'M PLUS 1p', sans-serif;
	padding:0px 0px 8px;
}
.recommendlist .pinfo .nobottom {
	border-bottom:0;
	padding-bottom:0;
}
.recommendlist .pinfo .infoline {
	display:flex;
}
.recommendlist .pinfo .infoline .boxPr25 {
	width:25%;
	font-weight:bold;
}
.recommendlist .pinfo .infoline .boxPr40 {
	width:40%;
}
.recommendlist .pinfo .infoline .boxPr60 {
	width:60%;
}
.recommendlist .pinfo .infoline .infolimit {
	background-color:#FF9595;
	color:#fff;
	padding: 6px 8px;
	text-align:center;
}
.recommendlist .pinfo .infoline .infopid {
	padding: 6px 8px;
	text-align:right;
	font-size:85%;
}

#section-search {
	margin-top:70px;
	background:#22C6F1;
	/*padding: 60px 0;*/
	text-align:center;
	display:flex;
}
#section-search #srcbox,
#section-search #inqbox {
	width:50%;
}
#section-search #srcbox {
	/*padding: 80px 0;*/
	display: flex;
	justify-content: center;
	align-items: center;
}
#section-search #inqbox {
	padding: 30px 0;
	background-color:#0C91B4;
}
#section-search #srcbox .boxinner-half {
	margin-right:0 !important;
}
#section-search #inqbox .boxinner-half {
	margin-left:0 !important;
}
#section-search #srcbox h2 {
	width:200px;
	background:url(../img/index/depotokuimage.png) center left no-repeat;
	padding-left:80px;
	margin: 0 auto;
}
#section-search #srcbox h2 p.rub {
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-size:85%;
	line-height:1em;
	margin-bottom:5px;
}
#section-search #srcbox h2 p.ttl-search {
	text-align:center;
	color:#333;
	font-family: 'M PLUS 1p', sans-serif;
	font-size:200%;
	line-height:1em;
}
#section-search #srcbox .srcwordbox {
	padding-right:90px !important;
	margin: 20px auto 10px;
	background:none;
}
#section-search #srcbox .srcwordbox input {
	border: 0;
}

#section-search #inqbox .toptext {
	color:#fff;
}
#section-search #inqbox .balloon-top {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 450px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	background: #fff;
}

#section-search #inqbox .balloon-top:before {
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #fff;
}

#section-search #inqbox .balloon-top #inqtel {
	width:260px;
	margin:0 auto;
	padding:10px 0;
}
#section-search #inqbox .balloon-top #inqtel .freedial {
	font-size:187% !important;
}
#section-search #inqbox .balloon-top #inqtel .telinfo {
	font-size:78%;
	text-align:left;
	margin-top:2px;
}


#section-linklist{
	margin:50px auto;
}


/***** /contents *****/

/* 石谷追加 */
.floor{
	display:table;
	width:100%;
}
.floor .row{
	display:table-row;
}
.floor .header{
	background-color:#efefef;
}
.floor .header .item{
	display:table-cell;
	padding:1rem;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	line-height: 1.3em;
}

.floor .header .item span{
	font-size:12px;
}

.floor .data{}
.floor .data .item{
	display:table-cell;
	padding:1rem;
	text-align:center;
	vertical-align: middle;
    border-bottom: 1px solid #ccc;
}
.floor .data .item b{
	font-size:12px;
	font-weight:normal;
}

.floor .data .item.price3,
.floor .data .item.price4,
.floor .data .item.price5,
.floor .data .item.price{
	font-weight:bold;
}
.floor .data .item.price3 span,
.floor .data .item.price4 span,
.floor .data .item.price5 span,
.floor .data .item.price span{
	color:red;
}

.floor .data .item.btn a{
	color:#fff;
	background-color:#FFC744;
	border-radius:15px;
	padding:10px;
	font-weight:bold;
	display:block;
}

.floor .data .img{
}
.floor .data .img img{
	width:100px;
}

.main-img{
	display:flex;
	justify-content:space-around;
	flex-wrap:flex;
	margin-bottom:2rem;
}

.main-img .photo{
	background-color:#efefef;
	padding:2rem;
	width:45%;
	position:relative;
}

.main-img .zumen{
		background-color:#efefef;
		padding:2rem;
		width:40%;
			position:relative;
}
.main-img .photo img,
.main-img .zumen img{
width:100%;
}
.main-img .photo:after,
.main-img .zumen:after{

position: absolute;
left: 0px;
bottom: 0px;
color: #fff;
font-size: 12px;
padding: 5px;
min-width:80px;
text-align:center;
background-color: #22C6F1;
}
.main-img .photo:after{
	content: "外観";
}
.main-img .zumen:after{
	content: "図面";
}

/*///// responsive /////*/
@media screen and (max-width: 769px) {

	#mainttlbox .boxinner {
		flex-wrap:wrap;
	}
	#mainttlbox .mainttl {
		width:100%;
	}
	#mainttlbox .mainttl h1 {
		font-size:150%;
		letter-spacing:0.1em;
	}
	#mainttlbox .mainttl h1,
	#mainttlbox .mainttl p.rub {
		padding-left:25px;
	}
	#mainttlbox .mainttl p.rub {
		padding-bottom:15px;
	}

	#mainttlbox .srcwordbox {
		padding-left:40px !important;
		padding-right: 40px !important;
	}

	#dimg #larges {
		/*height:300px;*/
	}
	#dimg #larges #lphoto {
		/*width:1100%;
		margin-left:-100%;*/
	}
	#dimg #larges #lphoto li {
		/*width:95%;*/
		max-height:280px;
	}

	#dimg #smalls #sphoto {
		/*width:1100px;*/
	}
	#dimg #smalls #sphoto li {
		margin-right:5px;
		width:10%;
		min-height:50px;
		max-height:60px;
	}

	#larges .flex-direction-nav li a,
	#smalls .flex-direction-nav li a {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#smalls .flex-direction-nav li a {
		font-size:200%;
	}

	#section-infotext .recotext p.recotext-left {
		width:100%;
		text-align:center;
		padding:10px 10px 10px 50px;
	}
	#section-infotext .recotext p.recotext-right {
		width:100%;
		padding:20px;
	}
	#section-infotext .recotext p.recotext-right .large {
		font-size:160%;
	}

	#section-infotext .propertyinfo li {
		width:100%;
		margin-right:0;
		margin-bottom:5px;
	}
	#section-infotext .propertyinfo li .pleft,
	#section-infotext .propertyinfo li .pright {
		padding:10px 15px;
	}
	#section-infotext .inqbox a {
		width: 90%;
		font-size:120%;
		padding:15px;
		margin-left:auto;
		margin-right:auto;
	}

	#section-infotext .pagenation .bf {
		float:none;
		margin-bottom:5px;
	}
	#section-infotext .pagenation .nx {
		float:none;
		text-align:right;
	}
	#section-infotext .pagenation .bf a,
	#section-infotext .pagenation .nx a {
		width:100%;
		height:70px;
	}

	#section-infotext .pagenation .pnname {
		font-size:100%;
		padding:10px;
	}

	.recommendlist li {
		width:100%;
	}
	.recommendlist .imgbox {
		width:30%;
		height:180px;
	}
	.recommendlist .pinfo {
		width:70%;
		padding-left:15px;
	}
	.recommendlist .pinfo .paddress {
		font-size:110%;
	}

	.recommendlist .pinfo .infoline {
		flex-wrap:wrap;
	}
	.recommendlist .pinfo .infoline .boxPr25 {
		width:35%;
	}

	.recommendlist .pinfo .infoline .boxPr40 {
		width:100%;
	}
	.recommendlist .pinfo .infoline .boxPr60 {
		width:100%;
	}

	#section-search {
		flex-wrap:wrap;
	}
	#section-search #srcbox,
	#section-search #inqbox {
		width:100%;
	}
	#section-search #srcbox {
		padding: 80px 0;
	}
	#section-search #srcbox .srcwordbox {
		padding-right:75px !important;
	}

	#section-search #inqbox .balloon-top {
		min-width: 90%;
	}
	#section-search #inqbox .balloon-top #inqtel .freedial {
		font-size:160%;
		padding-left:40px !important;
	}

/* 石谷追加 */
.floor{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
.floor .row{
	display:block;
border:1px solid #ccc;
		width:48%;
		padding:.5rem;
		margin-bottom: 7px;
}
.floor .row .item{
	padding:0px;
}

.floor .header{
	display:none;
}

.floor .data{}
.floor .data .item{
	display:block;
	padding:.5rem;
	font-size: 12px;

}

.floor .data .img{
}
.floor .data .img img{
	width:100px;
}


.floor .data .price::before{
	color:#999;
	content:"賃料(税別)";
	font-size:10px;
	font-weight:normal;
	min-width:63px;
	display:inline-block;
}
.floor .data .price2::before{
	color:#999;
	content:"共益費(税別)";
	font-size:10px;
	min-width:63px;
	display:inline-block;
}
.floor .data .month::before{
	color:#999;
	content:"敷金/保証金";
	font-size:10px;
	min-width:63px;
	display:inline-block;
}
.floor .data .day::before{
	color:#999;
	content:"入居可能日";
	font-size:10px;
	min-width:63px;
	display:inline-block;
}
.floor .data .day,
.floor .data .month,
.floor .data .price2,
.floor .data .price3,
.floor .data .price4,
.floor .data .price5,
.floor .data .price{
	text-align:left;
}
.floor .data.info{
	width:80%;
}
.floor .data .item br{
	display:none;
}


.floor .data .price3::before{
	color:#999;
	content:"賃料(税別)";
	font-size:10px;
	min-width:63px;
	display:inline-block;
	font-weight:normal;
}
.floor .data .price4::before{
	color:#999;
	content:"共益費(税別)";
	font-size:10px;
	min-width:63px;
	display:inline-block;
	font-weight:normal;
}
.floor .data .price5::before{
	color:#999;
	content:"合計(税別)";
	font-size:10px;
	min-width:63px;
	font-weight:normal;
	display:inline-block;
}
.floor .data .item b{
	margin-left:5px;
}

.floor .data .flr,
.floor .data .large
{
	font-size:18px;
}
.main-img .photo,
.main-img .zumen{

    padding: .5rem;
    width: 49%;
}



}