/* 駐車場検索システム用スタイルシートの拡張 */
/* 2015-10-20 YSK e-com */

/* サイト名称 */
.site-title-parkinginfo {
    float: left;
    margin-bottom: 12px;
    margin-top: 15px;
}
.site-title-parkinginfo > a{
	width:467px;
	height:51px;
	background-image:url("images/common/parklogo.png");
}

/* フッター */
footer#footer-parkinginfo {
	width:100%;
	border-top:solid 3px #ff6633; /*#0099df;*/
	margin-top:52px;
	padding:27px 0 47px;
	position:relative;
}
footer#footer-parkinginfo .attention{
	font-size:11px;
	line-height:155%;
}
footer#footer-parkinginfo:before{
	content:"";
	display:block;
	width:802px;
	height:52px;
	background-image:url(images/common/footer-orange.png);
	background-repeat:no-repeat;
	position:absolute;
	top:-52px;
	left:50%;
	margin-left:-401px;
	width:802px;
	overflow:hidden;
	
}

@media only screen and (max-width: 1023px) {
	.site-title-parkinginfo > a {
		background-image: url("images/common/parklogo.png");
		height: 43px;
		width: 389px;
	}
	footer#footer-parkinginfo:before {
		margin-left: -138px;
		width: 268px;
	}
}
@media only screen and (max-width: 640px) {
	.site-title-parkinginfo {
		float: left;
		margin-bottom: 8px;
		margin-top: 8px;
	}
	.site-title-parkinginfo > a {
		background-image: url("images/common/parklogo.png");
		height: 23px;
		width: 210px;
	}
	footer#footer-parkinginfo:before {
		margin-left: -138px;
		width: 268px;
	}
}

/* refer kube.css */
@media only screen and (max-width: 1023px) {
  .mobile-text-centered {
    text-align: center;
  }
  .mobile-hide-parkinginfo {
    display: none;
  }
}

.btn-mm-open-parkinginfo {
	display:none;
}
	@media only screen and (max-width: 1023px) {
		.header{
			position:relative;
		}
		.menu-mobile{
			position:absolute;
			top:0;
			right:5px;
		}
		.menu-mobile li {
			float: left;
		}
		.menu-mobile li  a{
		}
		.btn-mm-open-parkinginfo {
			display:block;
			width:79px;
			height:32.5px;
		}
	}

/* ページタイトルのグラデーション部分 */
#parking-content:before {
	background: linear-gradient(to bottom,  rgba(255, 207, 191,1) 0%,rgba(255,255,255,0) 100%);
}

/* 連絡先 */
.common-message .owner {
	font-size: 24px;
	font-weight: bold;
	line-height: 150%;
}

/* 情報の注意書き */
.attention-map-box {
	margin: 20px 0 0 0;
}
.attention-map {
	margin: 0 auto;
	width: 75%;
}

/* メインメニュー */
.main-menu-parkinginfo {
	background-color: #ff6633; /*#DF9900;*/
	width:100%;
	height:62px;
	padding:18px 0;
	border-bottom:solid 1px #fff;
}
.main-menu-parkinginfo #menu-parking{
	width:100%;
	height:26px;
	position:relative;
}
.main-menu-parkinginfo #menu-parking > li{
	float:left;
	position:relative;
	text-align: center;
}
.main-menu-parkinginfo #menu-parking:before,
.main-menu-parkinginfo #menu-parking > li:before{
	content:"";
	display:inline-block;
	width:2px;
	height:25px;
	background-image:url(images/menu/border@2x.png);
	display:inline-block;
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	top:0;
}
.main-menu-parkinginfo #menu-parking:before{
	left:0;
}
.main-menu-parkinginfo #menu-parking > li:before{
	right:0;
}
.main-menu-parkinginfo #menu-parking > li > a {
    box-sizing: border-box;
    display: block;
    height: 26px;
    padding: 4px 24px;
    width: 100%;
    color: #fff;
    font-weight:bold;
    font-size: 1.5em;
}
.main-menu-parkinginfo #menu-parking > li.menu-home > a {
    padding-top: 0;
    padding-bottom: 0;
}

/* 一覧ページの情報ボックス */
.parking-list-box{
	padding:20px;
}
	.parking-list-box .unit-4,
	.parking-list-box .unit-3,
	.parking-list-box .unit-2,
	.parking-list-box .unit-1{
		float:left;
		box-sizing:border-box;
	}
	.parking-list-box .unit-1{
		width:17.77%;
	}
	.parking-list-box .unit-2{
		width:32.55%;
		padding:0 27px;
	}
	.parking-list-box .unit-3{
		width:38.50%;
		border-left:dotted 1px rgba(0,0,0,0.3);
		border-right:dotted 1px rgba(0,0,0,0.3);
		padding:0 27px;
	}
	.parking-list-box .unit-4{
		width:10.85%;
		padding-left:21px;
		position:relative;
	}
		.parking-list-box .unit-4 .box-completion{
			text-align:center;
			position:relative;
			top:50%;
			margin-top:-15px;
		}
	
	.parking-list-box .unit-2 .item-1 h2,
	.parking-list-box .unit-2 .item-1 a{
		font-size:18px;
		color:#0059B2;
		font-weight:bold;
		line-height:170%;
		text-overflow:ellipsis;
		white-space:nowrap;
		overflow:hidden;
		display:block;
	}
		.parking-list-box .unit-2 .item-2{
			font-size:13px;
			margin-bottom:8px;
		}
		.parking-list-box .unit-2 .item-3{
			padding-bottom:9px;
			border-bottom:dotted 1px rgba(0,0,0,0.3);
		}
		.parking-list-box .unit-2 .item-4{
			padding:9px 0;
			border-bottom:dotted 1px rgba(0,0,0,0.3);
		}
		.parking-list-box .unit-2 .item-4 .head{
			font-size:12px;
			font-weight:bold;
			color:#0059B2;
		}
		.parking-list-box .unit-2 .item-4 .body{
			font-size:12px;
		}
		
	.parking-list-box .unit-3 > ul > li{
		font-size:12px;
		border-bottom:dotted 1px rgba(0,0,0,0.3);
		padding:5px 0;
	}
		.parking-list-box .unit-3 > ul > li .head{
			font-size:12px;
			font-weight:bold;
			color:#0059B2;
			display:inline-block;
		}
		.parking-list-box .unit-3 > ul > li.item-1 .body{
			font-size:16px;
			font-weight:bold;
			line-height:1;
			display:inline-block;
		}
		.parking-list-box .unit-3 > ul > li.item-1 .footer{
			font-size:10px;
			display:block;
			text-align:right;
			position:relative;
			left:-30px;
			line-height:1;
		}
		.parking-list-box .unit-3 > ul > li.item-1 .tax{
			font-weight:normal;
			position:relative;
			left:-7px;
		}
		.parking-list-box .unit-3 > ul > li.item-3 .area{
			position:relative;
			left:-7px;
		}
	.parking-list-box .unit-4 .item-1{
		margin:15px 0;
	}

/* 詳細ページのバックグラウンド */
.content-main {
	background: none !important;
}

/* 検索フォームのテーブル */
.parking-search-table th {
	font-size:12px;
	font-weight:bold;
	color:#0059B2;
}