@charset "utf-8";

/* 親物件登録用CSS */
header {
	/* position:absolute;
	top:0;
	left:0; */
	width:100%;
	z-index:9;
}

#header_inner h1 {
	background-color:#1D4C84;
	margin-top:0;
	color:#fff;
	padding:2px 15px;
	font-weight:bold;
	border-bottom:2px solid #34a9ff;
}
.headlinks {
	color:#fff;
	position:relative;
	text-decoration:underline;
}
.headlinks:hover {
	/* text-decoration:underline; */
	opacity:.7;
}
.headlinks i.fa-external-link-alt {
	/* position:absolute;
	right:-22px;
	top:-2px; */
	margin-left:3px;
	font-size:65%;
}
.contactbox {
	position:relative;
}
.contactbox .contactinfo {
	display:inline-block;
	position:absolute;
	right:0;
	top:0;
	font-family:'Noto Sans JP';
	margin-bottom:0;
	font-size:75%;
	text-align:right;
	background-color:#fff;
}
.contacttel {
	display:inline-block;
	position:absolute;
	right:0;
	top:18px;
	font-size:150%;
	font-family: 'Oswald', sans-serif;
	margin-bottom:0;
	line-height:.6em;
	letter-spacing:.1em;
	text-align:right;
	background-color:#fff;
}
.iconbox {
	background-color:#6598C3;
	border-radius:30px;
	padding:2px 6px;
	color:#fff;
	font-size:60%;
	position:relative;
	top:-3px;
	margin-right:5px;
	letter-spacing:0;
}
.infotime {
	display:inline-block;
	margin-left:5px;
	line-height:1.35em;
	font-size:35%;
	letter-spacing:0;
}
.infotanto {
	display:inline-block;
	margin-left:5px;
	letter-spacing:0;
	font-size:70%;
}

#makedoc {
	border:1px solid #ddd;
	padding:3px;
	text-align:center;
}

#loginform {
	display: flex;
	justify-content: center;
	align-items: center;
	padding:50px 20px;
	text-align:center;
	/* border:2px solid #1133FF; */
}

section#properties {
	width:100%;
	max-width:1200px;
	margin:0px auto;
	padding:80px 0px;
}

li.probox {
	border-top:3px solid #003DA6;
	border-bottom:3px solid #003DA6;
	margin-bottom:20px;
	padding:10px 0px;
}

li.probox h3.pname {
	background-color:#003DA6;
	color:#fff;
}
li.probox h3.pname p {
	font-size:180%;
	font-weight:bold;
	padding:0px 15px 10px;
	line-height:1.1;
}

li.probox .property {
	background-color:#f5f5f5;
	padding:25px 2.5%;
}
li.probox .property .pimgs {
	/* float:right; */
	width:100%;
	/* max-width:320px; */
	height:400px;
	position:relative;
	border:1px solid #999A9C;
}
li.probox .property .pinfos {
	width:73%;
}
li.probox .property .pinfos .hspmap {
	background-color:#fff;
	border:1px solid #ccc;
	height:250px;
}
li.probox .property .pinfos dl dt {
	width:7.5%;box-sizing:border-box;padding:5px 0;border-bottom:1px dotted #ccc;
}
li.probox .property .pinfos dl dd.dd42,
li.probox .property .pinfos dl dd.dd42-1 {
	width:42%;
	box-sizing:border-box;
	padding:5px 0;
	border-bottom:1px dotted #ccc;
}
li.probox .property .pinfos dl dd.dd42-1 {
	margin-right:1%;
}
li.probox .property .pinfos dl dd.dd32 {
	width:32.5%;
	box-sizing:border-box;
	padding:5px 0;
	border-bottom:1px dotted #ccc;
	margin-right:1%;
}
li.probox .property .pinfos dl dd.dd33 {
	width:33%;
	box-sizing:border-box;
	padding:5px 0;
	border-bottom:1px dotted #ccc;
}

h3.floorttl {
	color:#1E4E85;
	display:flex;
	align-items:center;
	padding:10px 10px 10px 55px;
	box-sizing:border-box;
	font-size:150%;
	background:url(../img/flag.png) center left 10px no-repeat #EAF9FF;
}
h3.floorttl .ttl01 {
	width:75%;
	box-sizing:border-box;
	/* padding-left:50px; */
}
h3.floorttl .ttl02 {
	margin-left:1%;
	width:180px;
	padding:4px 10px;
	box-sizing:border-box;
	text-align:center;
	font-size:65%;
	color:#000;
}
.floor-v1 { background-color:#F6E0A5; }
.floor-v2 { background-color:#AAE1F1; }

.labelfloor {
	width:100%;
	font-weight:bold;
	text-align:center;
}
.labelfloor.floor-v1 {
	background-color:#F6E0A5;
	color:#8A6502;
}
.labelfloor.floor-v2 {
	background-color:#AAE1F1;
	color:#0E809F;
	font-size: 80%;
	padding: 2px 0px 3px;
}

ul.floorlist {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin-top:10px;
}
ul.floorlist .floors dl {
	height:100%;
	/* cursor:pointer; */
	border:1px solid #ccc;
	margin-bottom:3px;
	background-color:#fff;
	width:100px;
	box-sizing:border-box;
	text-align:center;
	padding:3px 0;
}
ul.floorlist .floors dl .btnfloors {
	cursor:pointer;
}
.sidePD5 {
	padding-left:5px;
	padding-right:5px;
}
.sidePD10 {
	padding-left:10px;
	padding-right:10px;
}
dd.dtbtn {
	display:flex;
}
dd.dtbtn p {
	color:#fff;
	font-size:75%;
	text-align:center;
	border-radius:15px;
	padding:2px 8px 4px;
	width:100%;
}
dd.dtbtn p.btn-v1 {
	background: linear-gradient(#fc9218, #d16901);
	border:2px solid #fcc17d;
}
dd.dtbtn p.btn-v2 {
	background: linear-gradient(#78CDE6, #45ABC9);
	border:2px solid #AFE6F5;
}
dd.dtbtn p.halfright,
dd.dtbtn p.halfleft {
	width:49% !important;
	text-align:center;
}
dd.dtbtn p.halfright img,
dd.dtbtn p.halfleft img {
	width:75%;
}
dd.dtbtn p.halfright {
	border-radius:0px 15px 15px 0px;
	padding-left:0;
	padding-right:5px;
}
dd.dtbtn p.halfleft {
	border-radius:15px 0px 0px 15px;
	margin-right:2%;
	padding-left:5px;
	padding-right:0;
}
dd.dtbtn p.halfcolor-v1 {
	background: linear-gradient(#fc9218, #d16901);
	border:2px solid #fcc17d;
}
dd.dtbtn p.halfcolor-v2 {
	background: linear-gradient(#78CDE6, #45ABC9);
	border:2px solid #AFE6F5;
}
dd.dtbtn p.halfcolor-v0 {
	background: linear-gradient(#bbb, #888);
	border:2px solid #eee;
}

dd.labelfop{
	height:30px;
	padding:5px 3px;
	box-sizing:border-box;
}
.floordatas {
	background-color:#fff;
	border:5px solid #eee;
	display:none;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:80%;
	max-width:500px;
	height:80%;
	max-height:700px;
	border-radius:30px;
	overflow-y:auto;
}
dl.floordetail {
	display:flex;
	flex-wrap:wrap;
	margin:10px;
}
dl.floordetail dt {
	width:35%;
	box-sizing:border-box;
	border-bottom:1px dotted #ccc;
	padding:7px;
	text-align:right;
}
dl.floordetail dd {
	width:65%;
	box-sizing:border-box;
	border-bottom:1px dotted #ccc;
	padding:7px;
}

.label-v1,
.label-v2 {
	font-size:65%;
}
.foplabel.label-v1 {
	border:1px solid #876406;
	background:url(../img/icon_fop_v1.png) center left 5px no-repeat #fff;
	background-size:30%;
	color:#876406;
}
.foplabel.label-v2 {
	border:1px solid #2391AF;
	background:url(../img/icon_fop_v2.png) center left 5px no-repeat #fff;
	background-size:30%;
	color:#2391AF;
}
.foplabel {
	overflow:hidden;
	position:relative;
	padding:3px 3px 3px 25px;
	border-radius:0 0 8px 8px;
	top:-2px;
	border-bottom-width:3px !important;
	cursor:pointer;
	transition:0.1s;
}
.foplabel:hover {
	top:0;
	border-bottom-width:1px !important;
}
.foplabel .dogear {
	display:block;
	width:50px;
	height:30px;
	position:absolute;
	right:-30px;
	top:-20px;
	transform:rotate(45deg);
	z-index:9;
}
.foplabel.label-v1 .dogear { background-color:#876406; }
.foplabel.label-v2 .dogear { background-color:#2391AF; }

#clist {
	width:95%;
	max-width:500px;
	margin:80px auto;
	display:none;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:100;
}
#clist ul {
	width:100%;
	background-color:#fff;
}
#clist ul li {
	border:1px solid #ccc;
	padding:7px 10px;
}

.pimgsbox {
	width:25%;
	max-width:320px;
	float:right;
}
.movieiframe {
	position:absolute;
	top:15px;
	right:55px;
	width:280px;
	height:180px;
	border:1px solid #fff;
}
.movielinks {
	display:block;
	padding:8px 0;
	border:1px solid #ccc;
	background-color:#fff;
	text-align:center;
}
.movielinks:hover {
	background-color:#fdd;
}
.movielinks i {
	color:#f00;
}

@media screen and (max-width: 768px) {
	li.probox .property {
		padding-top:0;
	}
	li.probox .property .pimgsbox {
		float:none;
		width:100%;
		max-width:100%;
		margin-bottom:10px;
		margin-left:auto;
		margin-right:auto;
	}
	li.probox .property .pimgs {
		/* float:none; */
		width:100%;
		max-width:100%;
		height:460px;
		margin-bottom:10px;
		margin-left:auto;
		margin-right:auto;
	}
	li.probox .property .pinfos {
		width:100%;
		margin-bottom:10px;
	}
	li.probox .property .pinfos dl dt {
		width:24%;
		margin-right:1%;
	}
	li.probox .property .pinfos dl dd.dd42,
	li.probox .property .pinfos dl dd.dd42-1 {
		margin-right:0;
		width:75%;
	}
	li.probox .property .pinfos dl dd.dd32,
	li.probox .property .pinfos dl dd.dd33 {
		width:49%;
	}
	dl.floordetail dt,
	dl.floordetail dd {
		font-size:75%;
	}
	dl.floordetail dt {
		width:40%;
	}
	dl.floordetail dd {
		width:60%;
	}
	#loginform {
		display:block;
		padding:100px 20px;
	}
	.loginblock {
		display:block;
	}
	.loginpw {
		width:90%;
		max-width:300px;
		margin:5px auto;
	}
	.loginbtn {
		display:block;
		margin:5px auto;
		width:180px;
	}

	h3.floorttl {
		flex-wrap:wrap;
		font-size:135%;
	}
	h3.floorttl .ttl01 {
		width:100%;
	}
	h3.floorttl .ttl02 {
		font-size:55%;
		padding-top:1px;
		padding-bottom:2px;
		width:125px;
		margin-left:0;
		margin-right:5px;
	}

	dd.dtbtn {
		flex-wrap:wrap;
	}
	dd.dtbtn p.halfright,
	dd.dtbtn p.halfleft {
		width:100% !important;
		text-align:center;
		border-radius:15px !important;
		padding:2px 0px 4px;
		margin-right:0px !important;
	}
	dd.dtbtn p.halfright img,
	dd.dtbtn p.halfleft img {
		width:auto;
		height:14px;
	}
	dd.dtbtn p.halfright {
		margin-top:5px !important;
	}

	.movieiframe {
		display:none;
	}
}