@charset "UTF-8";

/* -----------------------
    common initialize
--------------------------*/

html { margin:0; padding:0; }
body {
	font-family:'MINI Serif Regular', 'motoya w3';
	min-width:320px;
	margin:0;
	padding:0;
	background-color:#fff;
	font-size:16px;
}
p { line-height:160%; margin-bottom:1em; }
h1,h2,h3,h4 { line-height:110%; }

/* clearfix min for box elements */
header:before, header:after,
.inner:before, .inner:after,
.grid:before, .grid:after,
.box:before, .box:after,
ul:before, ul:after,
footer:before, footer:after { content:""; display:table; }

header:after,
.inner:after,
.grid:after,
.box:after,
ul:after,
footer:after { clear:both; }

.pc-show { display:block; }
.sp-show { display:none; }


/* width control */
header .inner,
section .inner,
footer .inner { box-sizing:border-box; max-width:980px; margin:0 auto; }


header { border-top:none; border-bottom:4px solid #000; }

section .grid {  }
section .grid > figure > img { width:100%; }

section .grid.col2 > * { box-sizing:border-box; width:50%; float:left; }
section .grid.col2 > *:nth-child(2n) { float:right; }

section .grid.col3 > * { box-sizing:border-box; float:left; }
section .grid.col3 > *:nth-child(3n) { float:right; margin-right:0; }

/* pages common */
header .inner,
section .inner,
footer .inner { box-sizing:border-box; padding-left:0; padding-right:0; }
section .inner > *:last-child { margin-bottom:0; }
section .center { text-align:center; }
section.search-change { display:none; }
section .button { display:table; }
section .button > * { display:table-cell; vertical-align:middle; text-align:center; }
section .button.light { border:1px solid #000; }
section .button.light > * {
	background-image:url(/dealers/search/images/btn_bullet_def_pc.png);
	background-repeat:no-repeat;
	background-size:10px 16px;
	background-position:95% center;
	background-color:#fff;
	color:#000;
	transition:all .3s ease; }
section .button.light > *:hover {
	background-image:url(/dealers/search/images/btn_bullet_hov_pc.png);
	background-color:#000;
	color:#fff;
}
section .button.dark { border:1px solid #000; }
section .button.dark > * {
	background-image:url(/dealers/search/images/btn_bullet_def_pc.png);
	background-repeat:no-repeat;
	background-size:10px 16px;
	background-position:95% center;
	background-color:#000;
	color:#fff;
	transition:all .3s ease; }
section .button.dark > *:hover {
	background-image:url(/dealers/search/images/btn_bullet_hov_pc.png);
	background-color:#fff;
	color:#000;
}


section .table { display:table; width:100%; }
section .t-row { display:table-row; }
section .t-cell { display:table-cell; }

section.headline { margin:40px 0; }
section.headline h1 { font-size:40px; margin-bottom:30px; }

section .label-icon {
	padding-left:43px;
	background-repeat:no-repeat;
	background-position:left center;
	vertical-align:middle;
}

section .label-icon.showroom { background-image:url(/dealers/search/images/icon_showroom_pc.jpg); }
section .label-icon.usedcar { background-image:url(/dealers/search/images/icon_usedcar_pc.jpg); }
section .label-icon.services { background-image:url(/dealers/search/images/icon_services_pc.jpg); }
section .label-icon.wifi { background-image:url(/dealers/search/images/icon_wifi_pc.jpg); }
section .label-icon.genius { background-image:url(/dealers/search/images/icon_genius_pc.jpg); }
section .label-icon.bodyshop { background-image:url(/dealers/search/images/icon_bodyshop.svg); }
section .icon-detail li { float:left; }
section .icon-detail li span { display:inline-block; line-height:37px; font-size:12px; min-width: 135px; }


section .dealer-baloon { position:absolute; }
section .dealer-baloon .popup-panel {
	position: relative;
	box-sizing: border-box;
	padding:15px;
	width: 310px;
	/*height: 230px;*/
	background-color: #fff;
	left: 0px;
	top: 0px;
	margin-left: -155px;
	margin-top: -220%;
	line-height:100%;
	box-shadow: 0px 1px 3px rgba(0,0,0, 0.3);
}
section .dealer-baloon .popup-panel .chevron {
	content: "";
	display: block;
	position: absolute;
	width: 25px;
	height: 25px;
	background-image:url(/dealers/search/images/baroon_chevron.png);
	background-repeat:no-repeat;
	bottom: -25px;
	left: 50%;
	margin-left: -12.5px;

}
section .dealer-baloon .popup-panel figure { margin-bottom:10px; }
section .dealer-baloon .popup-panel > span {
	display:inline-block;
	width:100%;
}
section .dealer-baloon .popup-panel > span.dealer-name { margin-bottom:5px; }
section .dealer-baloon .popup-panel > span.address,
section .dealer-baloon .popup-panel > span.tel { font-size:12px; }
section .dealer-baloon .mini-logo {
	background-image: url(/dealers/search/images/map_logo_pc.png);
	display: block;
	width: 81px;
	height: 40px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: -20px;
	margin-left: -40px;
}

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

/* -------------------------
	  for mobile
---------------------------- */
@media screen and (max-width:767px){
	body { font-size:12px; }

	.pc-show { display:none; }
	.sp-show { display:block; }

	header .inner,
	section .inner { width:100%; min-width:0px;  }

	/*section .grid[class*="col"] > * { float:none; width:auto; }*/
	header .inner,
	section .inner,
	footer .inner { padding:15px; }
	section .sp-nobr br { display:none; }

	section.headline { margin:20px 0; }
	section.headline h1 { font-size:30px; margin-bottom:20px; }

	section .label-icon {
		padding-left:30px;
    background-size:25px 25px;
    background-position: left top;
    vertical-align: top;
	}

	section .label-icon.showroom { background-image:url(/dealers/search/images/icon_showroom_sp.jpg); }
	section .label-icon.usedcar { background-image:url(/dealers/search/images/icon_usedcar_sp.jpg); }
	section .label-icon.services { background-image:url(/dealers/search/images/icon_services_sp.jpg); }
	section .label-icon.wifi { background-image:url(/dealers/search/images/icon_wifi_sp.jpg); }
	section .label-icon.genius { background-image:url(/dealers/search/images/icon_genius_sp.jpg); }
	section .label-icon.bodyshop { background-image:url(/dealers/search/images/icon_bodyshop.svg); }
	section .icon-detail li { float:left; }
	section .icon-detail li span { display:inline-block; line-height:37px; font-size:12px; min-width: 135px; }

	section .dealer-baloon .popup-panel { display:none; }

}