@charset "utf-8";
/* ===================================================================

 file name  :office.css
 style info :空室情報ページ

=================================================================== */

/* =============================

	overwrite

=============================== */
#content .head-wrap{
	padding:0 0 80px;
	background:url(../images/office/bg_head.jpg) no-repeat 50% 0;
	background-size:cover;
}
#pageHeader .ttlwrap{
	background: none;
}
#pageHeader .ttlwrap h1{
	color:#fff;
	text-shadow:
		0 0 5px #000,
		0 0 5px #000;
}

#main{
	padding:0;
}


/* =================================== */
#price{
	max-width:1400px;
	margin:0 auto;
	padding:0 0 90px;
	background:url(../images/office/bg_texture01.jpg);
}
#price .no-office{
	text-align: center;
	font-size: 30px;
}
#price h2{
	margin:60px 0 40px;
	padding:0 0 27px;
	position:relative;
	line-height:1;
	font-weight: normal;
}
#price h2 > span{
	display:block;
	width:1000px;
	margin:0 auto;
}
#price h2 .en{
	display:inline-block;
	margin:0 22px 0 0;
	padding:0 40px 0 0;
	font-size:36px;
	color:#a47b35;
	vertical-align:middle;
	border-right:solid 1px #b0b0b0;
}
#price h2 .ja{
	display:inline-block;
	font-size:16px;
	color:#4b4b4b;
	vertical-align:middle;
}
#price h2:before,
#price h2:after{
	content:"";
	display:block;
	width:100%;
	height:1px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyYmM2ZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2QyYmM2ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmJjNmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(210,188,111,0) 0%, rgba(210,188,111,1) 50%, rgba(210,188,111,0) 100%);
	background: -webkit-linear-gradient(left, rgba(210,188,111,0) 0%,rgba(210,188,111,1) 50%,rgba(210,188,111,0) 100%);
	background: linear-gradient(to right, rgba(210,188,111,0) 0%,rgba(210,188,111,1) 50%,rgba(210,188,111,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d2bc6f', endColorstr='#00d2bc6f',GradientType=1 );
	position:absolute;
	bottom:0;
}
#price h2:after{
	bottom:5px;
}
#price .tb-wrap{
	width:1000px;
	margin:0 auto;
}
#price .tb-wrap table{
	width:100%;
	background:#fff;
}
#price .tb-wrap table th,
#price .tb-wrap table td{
	padding:0.6em 0.5em;
	border:solid 1px #858585;
	text-align:center;
}
#price .tb-wrap table tr:nth-child(1) th{
	width:16.6666666666%;
	background:#efefef;
	font-weight: bold;
	font-size:18px;
}
#price .tb-wrap table th{
	font-weight: normal;
	font-size:14px;
}
#price .tb-wrap table td{
	font-size:16px;
}
#price .tb-wrap table tr:last-child th,
#price .tb-wrap table tr:last-child td{
	padding:0;
}
#price .tb-wrap table tr:last-child th{
	font-size:17px;
}
#price .tb-wrap table .cell-inner{
	padding:0.6em 0.5em;/*合計金額ありの時*/
	/*padding:2.5em 10em 0.6em;*//*合計金額なしの時*/
	height:112px;
	color:#a47b35;
	background:#fffcf7;
	border-top:solid 4px #efd7ae;
	border-bottom:solid 4px #efd7ae;
}
#price .tb-wrap table tr:last-child th .cell-inner{
	padding-top:30px;
	border-left:solid 4px #efd7ae;
}
#price .tb-wrap table tr:last-child td:last-of-type .cell-inner {
	border-right:solid 4px #efd7ae;
}

#price .tb-wrap table td .num{
	font-size:22px;
}
#price .tb-wrap table td .fz{
	font-size:16px;
}
#price .tb-wrap table td a{
	display:block;
	padding:0.6em 0;
	background:#d2bc6f;
	border-radius:6px;
	position:relative;
	font-size:13px;
	line-height:1;
}
#price .tb-wrap table td a:after{
	content:"";
	display:block;
	width:5px;
	height:8px;
	background:url(../images/common/ico_arrow.png) no-repeat;
	background-size:100% auto;
	position:absolute;
	top:0;
	bottom:0;
	right:5px;
	margin:auto 0;
}
#price .tb-wrap table td a:hover{
	background:#b19840;
}

#main .floor{
	padding:55px 0 0;
}
#main .floor h2{
	width:1000px;
	margin:0 auto 30px;
	line-height:1;
	font-weight: normal;
}
#main .floor h2 .en{
	display:inline-block;
	margin:0 22px 0 0;
	padding:0 40px 0 0;
	font-size:36px;
	color:#a47b35;
	vertical-align:middle;
	border-right:solid 1px #b0b0b0;
}
#content .floor h2 .ja{
	display:inline-block;
	font-size:16px;
	color:#4b4b4b;
	vertical-align:middle;
}

#main .floor .pagenav{
	width:1000px;
	margin:0 auto 60px;
}
#main .floor .pagenav ul{
	margin:0 -10px 0 0;
	position:relative;
	z-index:1;
}
#main .floor .pagenav ul li{
	width:160px;
	float:left;
	margin:0 8px 0 0;
	position:relative;
}
#main .floor .pagenav ul li a{
	display:block;
	padding:0.3em 0;
	font-size: 18px;
	color:#404040;
	border:solid 1px #858585;
	text-align:center;
	background:#fff;
}
#main .floor .pagenav ul li.cl-r a{
	color:#c30909;
}
#main .floor .pagenav ul li a:before{
	content:"";
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 8px 0 8px;
	border-color: #5b564e transparent transparent transparent;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
	z-index:-1;
	opacity:0;
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
#main .floor .pagenav ul li a:hover{
	background:#5b564e;
	color:#fff;
	border:solid 1px #5b564e;
}
#main .floor .pagenav ul li a:hover:before{
	opacity:1;
	bottom:-10px;
}

#main .bg01,
#main .bg02{
	padding:80px 0 75px;
}
#main .bg01{	background:url(../images/office/bg_texture01.jpg);}
#main .bg02{	background:url(../images/office/bg_texture02.jpg);}

#main section h3{
	margin:0 0 50px -160px;
	padding:0 0 27px 160px;
	position:relative;
	line-height:1;
	font-weight: normal;
	font-size:40px;
}
#main section h3:before,
#main section h3:after{
	content:"";
	display:block;
	width:100%;
	height:1px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyYmM2ZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2QyYmM2ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmJjNmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(210,188,111,0) 0%, rgba(210,188,111,1) 50%, rgba(210,188,111,1) 100%);
	background: -webkit-linear-gradient(left, rgba(210,188,111,0) 0%,rgba(210,188,111,1) 50%,rgba(210,188,111,1) 100%);
	background: linear-gradient(to right, rgba(210,188,111,0) 0%,rgba(210,188,111,1) 50%,rgba(210,188,111,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d2bc6f', endColorstr='#d2bc6f',GradientType=1 );
	position:absolute;
	left:0;
	bottom:0;
}
#main section h3:after{
	bottom:5px;
}
#main section h3 span:after{
	content:"";
	display:inline-block;
	width:91px;
	height:26px;
	margin:0 0 0 18px;
	background:url(../images/office/img_motif.png) no-repeat;
}

#main section .map{
	width:691px;
	float:left;
}
#main section .map figure figcaption{
	margin:18px 0 0;
}
#main section .fig{
	width:308px;
	float:right;
	position:relative;
	z-index:10;
}
#main section .fig li{
	margin:0 0 14px;
}
#main section .fig figcaption{
	margin:5px 0 0;
	text-align:right;
}

#main section .map02 h3{
	width:80%;
}
#main section .map02 figure{
	width:636px;
	margin:-115px 0 40px auto;
	position:relative;
	z-index:10;
}
#main section .fig02 ul{
	margin:0 -28px 0 0;
}
#main section .fig02 ul li{
	float:left;
	margin:0 28px 0 0;
}
#main section .fig02 ul li figcaption{
	margin:4px 0 0;
	text-align:right;
}

#main .btn{
	margin:40px auto;
}
#main .btn p{
	width:740px;
	height:140px;
	margin:0 auto;
	display:block;
	border:solid 1px #969494;
}
#main .btn a{
	display:block;
	height:138px;
	padding:38px 0 0 50px;
	border:solid 2px #fff;
	background:url(../images/common/bg_contact.jpg) no-repeat right 0;
	position:relative;
}

#main .btn a:before,
#main .btn a:after{
	content:"";
	display:block;
}
#main .btn a:before{
	width:3px;
	height:119px;
	background:#acc2cb;
	position:absolute;
	top:-2px;
	left:22px;
}
#main .btn a:after{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 3px 0 0;
	border-color: #acc2cb transparent transparent transparent;
	position:absolute;
	top:117px;
	left:22px;
}

#main .btn a .ja{
	display:block;
	margin:0 0 5px;
	font-size:24px;
}
#main .btn a .en{
	font-size:14px;
	color:#676767;
}


/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 640px){
	/* =============================
	
		overwrite
	
	=============================== */
	#content .head-wrap{
		padding:0 10px 30px;
	}
	
	
	
	
	/* =================================== */
	#price{
		margin:0 auto;
		padding:0 10px 30px;
	}
	#price .no-office{
		font-size: 16px;
	}
	#price h2{
		margin:20px 0 20px;
		padding:0 0 15px 20px;
	}
	#price h2 > span{
		width:100%;
	}
	#price h2 .en{
		margin:0 10px 0 0;
		padding:0 10px 0 0;
		font-size:18px;
	}
	#price h2 .ja{
		font-size:10px;
	}
	#price h2:before,
	#price h2:after{
		width:100%;
		left:0;
	}
	#price h2:after{
		bottom:3px;
	}
	#price .tb-wrap{
		width:100%;
		margin:0 auto;
		overflow-x:scroll;
		white-space: nowrap;
	}
	#price .tb-wrap::-webkit-scrollbar{
	 height: 5px;
	}
	#price .tb-wrap::-webkit-scrollbar-track{
	 background: #F1F1F1;
	}
	#price .tb-wrap::-webkit-scrollbar-thumb {
	 background: #BCBCBC;
	}

	#price .tb-wrap table{
		width:560px;
	}
	#price .tb-wrap table th,
	#price .tb-wrap table td{
		padding:0.6em 0.5em;
	}
	#price .tb-wrap table tr:nth-child(1) th{
		font-size:14px;
	}
	#price .tb-wrap table th{
		font-size:12px;
	}
	#price .tb-wrap table td{
		font-size:12px;
	}
	#price .tb-wrap table tr:last-child th{
		font-size:14px;
	}
	#price .tb-wrap table .cell-inner{
		height:80px;
		border-top:solid 2px #efd7ae;
		border-bottom:solid 2px #efd7ae;
	}
	#price .tb-wrap table tr:last-child th .cell-inner{
		padding-top:25px;
		border-left:solid 2px #efd7ae;
	}
	#price .tb-wrap table tr:last-child td:last-of-type .cell-inner {
		border-right:solid 2px #efd7ae;
	}
	
	#price .tb-wrap table td .num{
		font-size:16px;
	}
	#price .tb-wrap table td .fz{
		font-size:12px;
	}
	#price .tb-wrap table td a{
		border-radius:3px;
		font-size:10px;
	}
	#price .tb-wrap table td a:after{
		width:4px;
		height:6px;
		right:4px;
	}
	
	#main .floor{
		padding:40px 0 0;
	}
	#main .floor h2{
		width:auto;
		margin:0 auto 20px;
		padding:0 10px;
	}
	#main .floor h2 .en{
		margin:0 10px 0 0;
		padding:0 10px 0 0;
		font-size:18px;
	}
	#content .floor h2 .ja{
		font-size:10px;
	}
	
	#main .floor .pagenav{
		width:auto;
		margin:0 auto 40px;
		padding:0 10px;
	}
	#main .floor .pagenav ul{
		margin:0;
	}
	#main .floor .pagenav ul li{
		width:33%;
		margin:0 0 2px;
	}
	#main .floor .pagenav ul li:nth-child(2),
	#main .floor .pagenav ul li:nth-child(5){
		margin:0 0.5% 2px;
	}
	#main .floor .pagenav ul li a{
		font-size: 12px;
	}
	#main .floor .pagenav ul li.cl-r a:hover{
		color:#c30909;
	}
	#main .floor .pagenav ul li a:before{
		content:none;
	}
	#main .floor .pagenav ul li a:hover{
		background:#fff;
		color:#404040;
		border:solid 1px #858585;
	}
	
	#main .bg01,
	#main .bg02{
		padding:40px 10px;
	}
	
	#main section h3{
		margin:0 0 20px;
		padding:0 0 15px 20px;
		font-size:26px;
	}
	#main section h3:before,
	#main section h3:after{
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyYmM2ZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2QyYmM2ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmJjNmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(left, rgba(210,188,111,0) 0%, rgba(210,188,111,1) 50%, rgba(210,188,111,0) 100%);
		background: -webkit-linear-gradient(left, rgba(210,188,111,0) 0%,rgba(210,188,111,1) 50%,rgba(210,188,111,0) 100%);
		background: linear-gradient(to right, rgba(210,188,111,0) 0%,rgba(210,188,111,1) 50%,rgba(210,188,111,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d2bc6f', endColorstr='#00d2bc6f',GradientType=1 );
	}
	#main section h3:after{
		bottom:3px;
	}
	#main section h3 span:after{
		width:45px;
		height:13px;
		margin:0 0 0 10px;
		background:url(../images/office/img_motif.png) no-repeat;
		background-size:100% auto;
	}
	
	#main section .map{
		width:100%;
		float:none;
		margin:0 0 30px;
	}
	#main section .map figure figcaption{
		margin:10px 0 0;
		font-size:10px;
	}
	#main section .fig{
		width:100%;
		float:none;
	}
	#main section .fig li{
		width:49%;
		float:left;
		margin:0 0 10px;
	}
	#main section .fig li:nth-child(odd){
		clear:both;
	}
	#main section .fig li:nth-child(even){
		float:right
	}
	#main section .fig figcaption{
		margin:5px 0 0;
		font-size:9px;
		letter-spacing:-0.05em;
	}
	
	#main section .map02 h3{
		width:100%;
	}
	#main section .map02 figure{
		width:100%;
		margin:0 0 30px;
	}
	#main section .fig02 ul{
		margin:0;
	}
	#main section .fig02 ul li{
		width:49%;
		float:left;
		margin:0 0 10px;
	}
	#main section .fig02 ul li:nth-child(odd){
		clear:both;
	}
	#main section .fig02 ul li:nth-child(even){
		float:right;
	}
	#main section .fig02 ul li figcaption{
		margin:5px 0 0;
		font-size:9px;
		letter-spacing:-0.05em;
	}
	
	#main .btn{
		margin:30px auto;
		padding:0 10px;
	}
	#main .btn p{
		width:auto;
		height:auto;
	}
	#main .btn a{
		height:auto;
		padding:15px 0 15px 20px;
		border:solid 1px #fff;
		background:url(../images/common/bg_contact.jpg) no-repeat right 0;
		background-size:auto 100%;
	}
	
	#main .btn a:before,
	#main .btn a:after{
		content:"";
		display:block;
	}
	#main .btn a:before{
		width:2px;
		height:50px;
		top:-1px;
		left:5px;
	}
	#main .btn a:after{
		border-width: 2px 2px 0 0;
		top:49px;
		left:5px;
	}
	
	#main .btn a .ja{
		margin:0 0 5px;
		font-size:14px;
		text-shadow:
			0 0 2px #fff,
			0 0 2px #fff,
			0 0 3px #fff,
			0 0 3px #fff,
			0 0 3px #fff;
	}
	#main .btn a .en{
		font-size:10px;
	}



	
}