@charset "UTF-8";
@import url(./common/common.css);
@import url(./common/base.css);


/*----- 駐車場検索ページ 設定 ----------------------------------------------------*/

div.telop_wrap { width:100%; }

.telop_rl { width:100%; padding:0.5em 0; margin:0 auto; font-size:1.1em; font-weight:bold; color:#ff0000; text-align:left; border-top:2px solid #ff0000; border-bottom:2px solid #ff0000; background-color:rgba(255,255,255,1); position:relative; overflow:hidden; }
.telop_rl p:after { content:""; white-space:nowrap; }
.telop_rl p { margin:0; padding-left:100%; display:inline-block; white-space:nowrap; }
.telop_rl p {
	-webkit-animation-name:marqueeRL;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:12s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marqueeRL;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:12s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marqueeRL;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:12s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marqueeRL;
	-o-animation-timing-function:linear;
	-o-animation-duration:12s;
	-o-animation-iteration-count:infinite;
	animation-name:marqueeRL;
	animation-timing-function:linear;
	animation-duration:12s;
	animation-iteration-count:infinite;
}

@-webkit-keyframes marqueeRL {
	from {-webkit-transform:translate(0);} to {-webkit-transform:translate(-100%);}
}
@-moz-keyframes marqueeRL {
	from {-moz-transform:translate(0);} to {-moz-transform:translate(-100%);}
}
@-ms-keyframes marqueeRL {
	from {-ms-transform:translate(0);} to {-ms-transform:translate(-100%);}
}
@-o-keyframes marqueeRL {
	from {-o-transform:translate(0);} to {-o-transform:translate(-100%);}
}
@keyframes marqueeRL {
	from {transform:translate(0);} to {transform:translate(-100%);}
}

article.parking_info { width:100%; max-width:1000px; margin:30px auto; overflow:hidden; }

ul.parking_icon { width:100%; padding:30px 0 10px 0; overflow:hidden; }
ul.parking_icon li{ height:40px; line-height:40px; float:left; }
ul.parking_icon li img{ height:40px; margin-right:10px; vertical-align:middle; }

div.info_wrap { width:100%; padding:10px 0 30px 0; overflow:hidden; }

table.info_tbl { width:58%; margin:5px 2% 5px 0; border-spacing:0; float:left; }

table.info_tbl tr:first-child th { -webkit-border-radius:6px 0 0 0; -moz-border-radius:6px 0 0 0; border-radius:6px 0 0 0; }
table.info_tbl tr:first-child td:last-child { -webkit-border-radius:0 6px 0 0; -moz-border-radius:0 6px 0 0; border-radius:0 6px 0 0; }
table.info_tbl tr:last-child th { -webkit-border-radius:0 0 0 6px; -moz-border-radius:0 0 0 6px; border-radius:0 0 0 6px; }
table.info_tbl tr:last-child td:last-child { -webkit-border-radius:0 0 6px 0; -moz-border-radius:0 0 6px 0; border-radius:0 0 6px 0; }

table.info_tbl th { width:20%; padding:7px 10px; text-align:center; background-color:#bde0f1; }
table.info_tbl tr:last-child th, table.info_tbl tr:last-child td { border-bottom:solid 1px #aaa; }
table.info_tbl th, table.info_tbl td { border-top:solid 1px #aaa; border-left:solid 1px #aaa; }

table.info_tbl td { width:25%; padding:7px 10px; text-align:left; background-color:#fff; }
table.info_tbl td:last-child { width:55%; background-color:#fff; border-right:solid 1px #aaa; }

ul.parking_photo { width:40%; float:left; }
ul.parking_photo li{ width:48%; margin:10px 1%; float:left; }
ul.parking_photo li img{ -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }

div#map_area { width:100%; padding:20px 0; overflow:hidden; }

div#map { width:100%; height:500px; float:left; }
div#gmap, div#stv { width:100%; height:300px; float:left; }

div.l_map { width:50%; margin:0 auto; padding:30px 0 0 0; text-align:center; overflow:hidden; }
div.l_map a{ width:100%; padding:10px 0; color:#fff; background-color:#108ccf; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; display:block; }
div.l_map a:hover{ text-decoration:underline; background-color:#66b3cc; }

div.phone_btn { width:80%; max-width:350px; margin:20px auto; overflow:hidden; }
div.phone_btn a{ width:100%; height:44px; color:#fff; text-align:center; line-height:44px; background:url(/img/parking/phone_icon.png) 20% 50% no-repeat #ff7800; background-size:24px 24px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; display:block; }
div.phone_btn a:hover{ color:#be2121; background-color:#ffb400; }

div.inquiry_btn { width:80%; max-width:350px; margin:20px auto; overflow:hidden; }
div.inquiry_btn a{ width:100%; height:44px; color:#fff; text-align:center; line-height:44px; background-color:#ff7800; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; display:block; }
div.inquiry_btn a:hover{ color:#be2121; background-color:#ffb400; }

div.pback_btn { width:80%; max-width:350px; margin:20px auto; overflow:hidden; }
div.pback_btn a{ width:100%; padding:10px 0; color:#fff; text-align:center; background-color:#108ccf; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; display:block; }
div.pback_btn a:hover{ background-color:#157790; }


/*----- 1000px以下の画面設定 ----------------------------------------------------*/

@media screen and (max-width:1000px) {



}


/*----- 650px以下の画面設定 ----------------------------------------------------*/

@media screen and (max-width:650px) {

	ul.parking_icon { width:92%; padding:30px 4% 10px 4%; overflow:hidden; }
	ul.parking_icon li:last-child { width:100%; }
	ul.parking_icon li img{ height:30px; margin-right:5px; vertical-align:middle; }

	table.info_tbl { width:96%; margin:5px 2%; }

	ul.parking_photo { width:96%; margin:5px 2%; float:left; }
	ul.parking_photo li{ width:90%; margin:10px 5%; text-align:center; float:left; }

	div#map { width:85%; height:400px; margin:0 10% 0 5%; float:left; }
	div#gmap, div#stv { width:85%; height:300px; margin:0 10% 0 5%; float:left; }

	div.l_map { width:94%; padding:20px 3% 0 3%; overflow:hidden; }

	div.phone_btn a{ background:url(/img/parking/phone_icon.png) 15% 50% no-repeat #ff7800; background-size:24px 24px; }
	div.inquiry_btn a{ background-color:#ff7800; }

}