@charset "utf-8";

.areaBox h6 { font-size:1.8rem; padding-bottom:10px; margin:0 0 5px 0; }
.areaHokkaido h6 { color:#f59701; background:url(../img/bg_area_hokkaido.gif) repeat-x left bottom; }
.areaHokkaido a { color:#ffffff; background:#f59701; }
.areaTohoku h6 { color:#fff102; background:url(../img/bg_area_touhoku.gif) repeat-x left bottom; }
.areaTohoku a { color:#0e357f; background:#fff102; }
.areaKanto h6 { color:#8fc41e; background:url(../img/bg_area_kanto.gif) repeat-x left bottom; }
.areaKanto a { color:#0e357f; background:#8fc41e; }
.areaChubu h6 { color:#0aae52; background:url(../img/bg_area_chubu.gif) repeat-x left bottom; }
.areaChubu a { color:#ffffff; background:#0aae52; }
.areaKinki h6 { color:#029e9a; background:url(../img/bg_area_kinki.gif) repeat-x left bottom; }
.areaKinki a { color:#ffffff; background:#029e9a; }
.areaShikoku h6 { color:#0879d5; background:url(../img/bg_area_shikoku.gif) repeat-x left bottom; }
.areaShikoku a { color:#ffffff; background:#0879d5; }
.areaChugoku h6 { color:#00b0ff; background:url(../img/bg_area_chugoku.gif) repeat-x left bottom; }
.areaChugoku a { color:#ffffff; background:#00b0ff; }
.areaKyusyu h6 { color:#b052ff; background:url(../img/bg_area_kyusyu.gif) repeat-x left bottom; }
.areaKyusyu a { color:#ffffff; background:#b052ff; }
.areaOkinawa h6 { color:#f04782; background:url(../img/bg_area_okinawa.gif) repeat-x left bottom; }
.areaOkinawa a { color:#ffffff; background:#f04782; }
.areaHokuriku h6 { color:#33cc99; background:url(../img/bg_area_hokuriku.png) repeat-x left bottom; }
.areaHokuriku a { color:#ffffff; background:#33cc99; }

.prefList li { display:inline-block; float:left; list-style-type:none; margin:5px 5px 0 0; }
.prefList a { display:block; text-decoration:none; padding:3px 10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.prefList a:hover { opacity:0.7; }
.prefList span.gray { display:block; background:#cccccc; color:#ffffff; padding:3px 10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}

.areaTitle { float:left; font-size:3rem; margin-bottom:0; }
.areaTitle strong { font-size:4rem; }
.hitNo { float:right; color:#0e357f; margin-top:50px; }
.allow { background:url(../../common/img/icon_arrow_right_small.png) no-repeat left 3px; padding-left:15px; }
.storeList { border-top:1px dotted #0e357f; }
.storeList li { border-bottom:1px dotted #0e357f; }
.storeList .storeFunction span { background:#e6e6e6; display:inline-block; padding:2px 10px; }
.storeList .storePhoto { float:left; width:300px; }
.storeList .text { width:600px; float:right; }
.storeList .storeFlier { float:right; width:160px; }
.storeList p { margin:0; }
.storeList h2 { font-size:3.5rem; margin:0; }
.storeList .frd { font-size:2.5rem; font-weight:bold; margin-right:20px; }
.storeList .frd img { height:24px; }
.storeList .tel { font-size:2rem; font-weight:bold; }
.storeList .tel img { height:16px; }
.storeList dl { margin:0; font-size:1.4rem; }
.storeList dt { display:inline-block; width:12%; }
.storeList dd { display:inline-block; width:78%; }
.storeList .for_sp { display:none; text-align:center; }
.storeList a:hover img { opacity: 1; }

#storeDetailBG { background:#eeeeee url(../img/bg_store_detail.gif) repeat-x left top; padding-bottom:50px; }
#storeDetail .storeFunction span { background:#e6e6e6; display:inline-block; padding:2px 10px; }
#storeDetail .storePhoto { float:left; width:400px; }
#storeDetail .text { width:580px; float:right; }
#storeDetail p { margin:0; }
#storeDetail h2 { font-size:4rem; margin:0; }
#storeDetail .frd { font-size:3rem; font-weight:bold; margin-right:20px; }
#storeDetail .frd img { height:32px; }
#storeDetail .tel { font-size:2.5rem; font-weight:bold; }
#storeDetail .tel img { height:20px; }
#storeDetail dl { font-size:1.5rem; }
#storeDetail dt { display:inline-block; width:18%; }
#storeDetail dd { display:inline-block; width:70%; }

#storePhoto { margin-top:50px; }
#storePhoto .item { position:relative; }
#storePhoto .item img { z-index:1; }
#storePhoto .item p { z-index:10; position:absolute; left:0; bottom:0; margin:0; background:url(../img/bg_store_photo.png) repeat; color:#ffffff; padding:1rem; font-size:1.2rem; line-height:1.2; }

#storeDetailMap { background:#ffffff; padding:30px; margin-top:30px; }
#storeDetailFlier { background:#ffffff; padding:30px; margin-top:30px; }
#storeDetailFlier img { max-width:100%; }

.gm-style-iw { text-align: left; }
.gm-style-iw b { font-weight: bold; color: #0e357f; }
.gm-style-iw a { color: #ffffff; background: #0e357f url(../img/ico_arrow.png) no-repeat 10px center; padding: 3px 10px 3px 22px; }

@media screen and (min-width: 641px) {

  .pc_al {text-align: left !important;}
  .pc_ar {text-align: right !important;}
  .pc_ac {text-align: center !important;}

  .pc_fl {float: left !important;}
  .pc_fr {float: right !important;}

  .pc_mr14 {margin-right: 14px !important}
  .pc_ml57 {margin-left: 57px !important}

	#areaMap { position:relative; height:880px; }
	.areaBox { position:absolute; z-index:100; }

	.storeList a { color:#333333; margin:10px 0; display:block; padding:15px 80px 15px 15px; border:5px solid #ffffff; background:url(../../common/img/icon_arrow_right_thin.png) no-repeat 960px center; }
	.storeList a:hover { text-decoration:none; border:5px solid #fde000; }
	.toIndex { text-align:right; margin:0; }

	#mapImg { position:absolute; top:100px; left:100px; z-index:1; }
	#flyerImg { position:absolute; top:600px; left:740px; }

	.areaHokkaido { top:170px; left:910px; width:120px; }
	.areaTohoku { top:260px; left:770px; width:180px; }
	.areaKanto { top:420px; left:770px; width:180px; }
	.areaChubu { top:610px; left:540px; width:180px; }
	.areaKinki { top:265px; left:300px; width:180px; }
	.areaShikoku { top:610px; left:390px; width:120px; }
	.areaChugoku { top:370px; left:90px; width:180px; }
	.areaKyusyu { top:530px; left:90px; width:180px; }
  .areaOkinawa { top:190px; left:130px; width:120px; }
	.areaHokuriku { top:265px; left:490px; width:180px; }

	#gps dt { display:inline; margin:0; font-weight:bold; }
	#gps dd { display:inline; margin:0; }
	#gps dd label { display:inline-block; margin-right:30px; }

	#gmap { background:#f0f0f0; height: 500px; text-align:center; }

}

@media screen and (max-width: 768px) {
	.shops {
	    padding-top: 30px;
	}
	.shops h2 {
	    margin: 0 0 0 20px;
	}
	#mapImg {
		width: 68%;
		top: 242px;
	}
	.areaHokkaido{top:200px; left:640px; width:120px; }
	.areaTohoku { top:300px; left:570px; width:180px; }
	.areaKanto { top:460px; left:508px; width:180px; }
	.areaChubu { top:605px; left:380px; width:180px; }
	.areaKinki { top:240px; left:270px; width:180px; }
	.areaShikoku {top:610px; left:248px; width:120px; }
	.areaChugoku {top:395px; left:50px; width:180px; }
	.areaKyusyu { top:580px; left:10px; width:180px; }
	.areaOkinawa {top:235px; left:81px; width:120px; }
	#flyerImg { position:absolute; top:620px; left:inherit; right:10px; width: 25%;}
	#flyerImg img{width: 100%;}
	#areaMap { height: 850px;}
}

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

	.areaTitle { font-size:1.5rem; }
	.areaTitle strong { font-size:2.5rem; }

	#areaMap { height:auto; }
	.areaBox { width:48%; float:right; margin-top:20px; }
	#areaMap .areaBox:nth-child(2n) { float:left; clear:both; }
	#mapImg { display:none; }
	#flyerImg { text-align:center; }

	#gps dt{ display:block; margin:0 0 10px 0; font-weight:bold; }
	#gps dd { display:block; margin:0; }
	#gps dd label { display:block; margin-right:0; padding:5px; border-top:1px solid #eeeeee; }

	#gmap { background:#f0f0f0; height: 300px; text-align:center; }

	.hitNo { float:right; color:#0e357f; margin-top:0px; }
	.storeList .storeFunction span { font-size:1.2rem; }
	.storeList a { color:#333333; margin:10px 0; padding:0; border:none; }
	.storeList .storePhoto { float:right; width:120px; }
	.storeList .text { width:auto; float:none; }
	.storeList .storeFlier { display:none; }
	.storeList .frd { font-size:1.6rem; margin-right:10px; }
	.storeList .frd img { height:18px; }
	.storeList .tel { font-size:1.2rem; font-weight:bold; }
	.storeList .tel img { height:14px; }
	.storeList dl { margin:10px 0 0 0; }
	.storeList dt { width:25%; }
	.storeList dd { width:60%; }
	.storeList .for_sp { display:block; text-align:center; padding:10px 0 20px 0; }
	.storeList .for_sp .btn { width:45%; }
	.toIndex { text-align:right; }

	#storeDetailBG { background:#eeeeee url(../img/bg_store_detail.gif) repeat-x left top; padding-bottom:50px; }
	#storeDetail .storeFunction span { background:#e6e6e6; display:inline-block; padding:2px 10px; }
	#storeDetail .storePhoto { float:none; width:100%; }
	#storeDetail .text { width:auto; float:none; }
	#storeDetail p { margin:0; }
	#storeDetail h2 { font-size:2.5rem; margin:0; }
	#storeDetail .frd { font-size:1.6rem; font-weight:bold; margin-right:10px; }
	#storeDetail .frd img { height:18px; }
	#storeDetail .tel { font-size:1.2rem; font-weight:bold; }
	#storeDetail .tel img { height:14px; }
	#storeDetail dl { font-size:1.4rem; }
	#storeDetail dt { display:inline-block; width:25%; }
	#storeDetail dd { display:inline-block; width:55%; }

	#storePhoto { margin-top:50px; }
	#storePhoto .item { position:relative; }
	#storePhoto .item img { z-index:1; width:100%; }
	#storePhoto .item p { z-index:10; position:absolute; left:0; bottom:0; margin:0; background:url(../img/bg_store_photo.png) repeat; color:#ffffff; padding:1rem; font-size:1.2rem; line-height:1.2; }

	#storeDetailMap { background:#ffffff; padding:10px; margin-top:30px; }
	#storeDetailFlier { background:#ffffff; padding:10px; margin-top:30px; }
	#storeDetailFlier img { max-width:100%; }

}


/******************************
add geocode

******************************/
.inspection #top_area #form_block_footer._guide{
	position: relative;
	top: 0;
}
.line-heading-square-subject>span {
    font-size: .7em;
}
.bluebar_ttl {

    background: #0F3580;
    color: #fff;
    text-align: center;
    padding: 5px;
    margin-bottom: 0;
}
.bluebar_ttl+div {
    border: #0F3580 2px solid;
    padding: 30px;
    background: #fff;
}
.guide_ttlcenter {
    color: #0F3580;
    text-align: center;
    font-size: 1.8em;
    line-height: 1.2em;
}


.guide_ttlcenter>span {
    display: block;
    font-size: .7em;
    line-height: 1.2;
}
.bg_wht {
    background: #fff;
    padding: 50px 0;
}
.bg_gray  {
    padding: 50px 0;
    background: #EEEEEE;
}
.bg_gray._nop{
    background: #EEEEEE;
    padding:0;

}
.bg_wht._nopb  {
	padding-bottom: 1px;
}


.bg_blue{
    background: #0F3580;
    padding: 50px 0;

}
.guide_shopcanlist {
    background: url(../img/shop/dekiru_logo.png) no-repeat;
    padding-left: 270px;
    min-height: 215px;
}
.guide_shopcanlist li {
    margin-bottom: 30px;
}
.guide_shopcanlist li:last-child {
    margin-bottom: 0;
}
.guide_shopcanlist li>img {
    margin-right: 40px;
}
.bg_gray._kaitori {
    background: url(../img/shop/kaitori_bg.png) no-repeat bottom center, #eee;
}

.guide_buy_carbg {
    width: 184px;
    height: 138px;
    display: block;
    overflow: hidden;
}
.guide_buy_carbg img{
	display: none;
}
.guide_buy_overlay {
    transform: translateY(-138px);
}

.guide_buy_overlay:hover .guide_buy_overlay {
    transform: translateY(8px);
}
.guide_buy_overlay {
	height:276px;
	background:#000;
    transform: translateY(-138px);
    opacity:0;
    padding:10px 5% 0;
}

.guide_buy_overlay:hover {
    transform: translateY(0px);
    opacity:.8;
    -webkit-transition: all ease 0.26s;
    -moz-transition: all ease 0.26s;
    -o-transition: all ease 0.26s;
    transition: all ease 0.26s;
}
.kaitori_nm {
    font-size: .5em;
    line-height: .1em;
    color: #fff;
    text-decoration: none;
}
/****
車検ができます
****/
.guide_staffwrap p {
    padding: 0px;
}
.syaken_read{ text-align:center; margin-top:30px;

}
.syaken_stepul {
	margin-top: 10px;
}
.syaken_stepul li:nth-child(2) {
    margin: 0 2%;
}
.syaken_stepul li {
    list-style-type: none;
    width: 32%;
    float: left;
    text-align: center;
    height: 330px;
}
.syaken_stepttl {
	margin-top: 0;
    background: #FF3D00;
    text-align: center;
    padding: 5px 0;
}
.syaken_stepul li:first-child{
	background: url(../img/shop/step_img1.png) no-repeat bottom center;


}
.syaken_stepul li p{
	text-align: left;
	margin-bottom: 20px;
	height: 6em;
}

/****
高価買取
****/
.guide_buy {
    margin: 30px 3%;
}

.guide_buy_img {
    width: 40%;
    float: left;
    margin-right: 2%;
}
.guide_buy_img > img{
	width: 100%;
}
.guide_buy_info{
/*	width: 58%;
	float: left;*/
}
.guide_buy_btnlist {
    margin-top: 20px;
}
.guide_buy_btnlist li {
    float: left;
}
.guide_buy_btnlist li:first-child {
	margin-right: 10px;
}
.satei_btn {
    background: url(../img/shop/satei_tel.png) no-repeat;
    width: 270px;
    height: 52px;
    display: block;
    box-sizing: border-box;
    padding-left: 50px;
    padding-top: 10px;
    font-weight: bold;
    margin-left: 10px;
    line-height: 1;
}
.satei_btn:hover {
	opacity: .7;
}
.guide_buy_list li {
    width: 18%;
    float: left;
    margin-right:2.25%;
}
.guide_buy_list._overlay li {
    margin-bottom: 20px;
}
.guide_buy_list li:nth-child(5n) {
	margin-right: 0;
}
.guide_carimg {
    width: 100%;
}
.guide_buy_list li .logo { display:block; margin:0 auto;
}

.guide_buy_list li a { font-size:1.4em; text-align:center; line-height:1.2em;
	display: block;
	text-decoration: none;
}

.guide_carimgwrap { padding:2%; background:#fff; display:block; margin-bottom:5px;
}


.guide_txtmin { font-size:.7em;
}

.zaiko_btnwrap {
    text-align: center;
    margin-top: 30px;
}

span.guide_txtmin._center { display:block; text-align:center;
}
.bluebar_ttl+div.guide_staffwrap {
    padding: 0;
}
.bluebar_ttl._sankaku {
	position: relative;
	min-height: 30px;
    padding-left: 30px;
}
.bluebar_ttl._sankaku:before {
    content: '';
    position: absolute;
    /* width: 40px; */
    /* height: 40px; */
    border-left: #FDE000 20px solid;
    border-top: #FDE000 20px solid;
    border-right: transparent 20px solid;
    border-bottom: transparent 20px solid;
    left: 0;
    top: 0;
}
.guide_staffttl {
    margin-top: 0;
    margin-bottom: 10px;
}
._2collayout {
    float: left;
    width: 49%;
}
._2collayout._first {
    margin-right: 2%;
}
._3collayout{
    float: left;
    width: 32%;
}
.bluebar_ttl+div._3colwrap {
    padding: 20px;
}
._3collayout._center{
	margin: 0 2%;
}
._3collayout img{
	max-width: 100%;
}

.guide_msgarea img{
	width: 100%;

}

.shop._noflyer #flyerImg{
	display: none;
}


.kaitori_headbg{
    background: url(../img/shop/kaitori_headbg.png) no-repeat bottom right;
    background-size: 100% 100%;
    padding: 20px;

}
.kaitori_caraboutttl:after {
    content: '';
    width: 100%;
    height: 3px;
    display: block;
    background: url(../img/shop/yellowbg.png) no-repeat bottom right,#fff;
    background-size: 50% 100%,100%;
    margin-top: 10px;
}
.kaitori_caraboutttl {
    text-align: center;
    color: #fff;
}
.bigpoint {
    line-height: 1.1;
    padding-left: 60px;
    height: 50px;
    box-sizing: border-box;
    padding-top: 15px;
    color: #fff;
}
.bigpoint+p {
    color: #fff;
}
.bigpoint._1 {
    background: url(../img/shop/big1.png) no-repeat bottom left;
}
.bigpoint._2 {
    background: url(../img/shop/big2.png) no-repeat bottom left;
}
.bigpoint._3 {
    background: url(../img/shop/big3.png) no-repeat bottom left;
    padding-top: 3px;
}
.kaitori_caraboutul {
	margin-top: 20px;
}
.kaitori_caraboutul ._3collayout._center {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    box-sizing: border-box;
    margin: 0 1%;
    padding: 0 1%;
}

.shops._noflyer {
    margin-top: 50px;
}
.shops._noflyer #flyerImg{
	display: none;
}

@media screen and (max-width: 640px) {
.bg_wht,.bg_gray,.bg_wht._nopb,.bg_blue{
    padding: 10px 0;

}
.kaitori_caraboutul ._3collayout._center{
	border:none;
	padding:0;
	margin:0;
	margin-top:10px;
	/* padding-top:10px; */
	padding-bottom:10px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
._2collayout._first,
._2collayout,
._3collayout,
._3collayout._center{
	float:none;
	width:100%;
	margin-left:0;
}
.guide_msgarea,
.bluebar_ttl+div,
.bluebar_ttl+div._3colwrap{
	padding:10px 3%
}
.guide_msgarea img{
	float:left;
	width:40%;
	margin-right:10px;
	margin-bottom:5px;
}
.guide_ttlcenter{
	font-size:1.5em;
}
.bg_gray._kaitori {
    background: url(../img/shop/kaitori_bg_sp.png) repeat-y bottom center, #eee;
    background-size: 100% auto;
}
.guide_buy_list li{
	width:100%;
	float:none;
	margin-right: 2%;
}
.guide_buy_list li .logo{
	margin-left: 0;
}
.guide_carimgwrap{
	width:35%;
	float:left;
	margin-right:3%;
}
span.guide_txtmin._center{
	text-align:left;
}
.guide_carimgwrap{
	padding:1%;
}
.guide_buy_list li{
	padding-bottom: 10px;
	margin-bottom:5px;
	border-bottom:1px dotted #000;
	/* width: 48%; */
	/* float: left; */
}
.guide_buy_list li:last-child{
	border-bottom:0
}
.guide_shopcanlist{
	background: none;
	padding-left: 0;
    overflow: hidden;
}
.guide_shopcanlist li:last-child,
.guide_shopcanlist li{
	margin-bottom:20px;

}
.guide_shopcanlist li>img {
    width: 100%;
}
.guide_shopcanlist li>a>img{
	width:74%;
	margin-left:13%;
	margin-top:10px;
}
.line-heading-square-subject>span{
	display:block;
	font-size:.6em;
	margin-left:40px
}
.syaken_stepul{
	padding-left: 0;
}

.syaken_stepul li{
	width:100%;
	padding-bottom:20px;
	height: auto;
}
.syaken_stepul li:first-child{
	background: none;
}
.syaken_stepul li p{
	height: auto;
}

.guide_buy_img{
	float:none;
	width:100%;
	margin-bottom: 10px;
	margin-right: 0;
}

.guide_buy_info {
    width: 100%;
    float: none;
}
.guide_buy_btnlist li{
	float:none;
}
.guide_buy_btnlist li:first-child{
	margin-right: auto;
}
.guide_buy_btnlist li{
	margin-bottom:20px;
	margin: 0 auto 20px;
	width: 90%;
}

.guide_buy_btnlist li a {
    width: 100%;
    display: block;
}

.guide_buy_btnlist li a img {
    width: 100%;
}
.satei_btn{
	width: 90%;
	background-size: 100% 99%;
	margin: 0 auto;
}
.shops._noflyer .shop-flyer-sp img{
	opacity:0;
	height:50px
}
.zaiko_btnwrap{
	margin-bottom:30px
}

.kaitori_nm._1{
	text-align: left;
}
.guide_buy_list li a{
	text-align:left
	background: none!important;
    height: auto;
}

.guide_buy_overlay{
	height: auto;
	transform: translateY(0);
	opacity: 1;
	margin-left: 50%;
	padding: 0 2%;
	background: none;
}

.guide_buy_overlay:hover {
    transform: translateY(0);
}
.guide_buy_carbg img {
	display: block;
    float: left;
    width: 48%;
}
.guide_buy_carbg{
    overflow: visible;
    width: 100%;
}
.kaitori_nm{
    color: #000;
    font-size: .6em;
    display: block;
    line-height: 1.5em;
}
.guide_buy_list._overlay li{
	margin-bottom:10px
}
}