@charset "utf-8";

/* android対策 */
p { background-image: url(../images/pix.gif); }

/*--------------------------------------------------------
★レスポンシブ■タブレット対応
--------------------------------------------------------*/
@media screen and (max-width: 980px) {
	/* layout */
	body {
		width: 1000px;
	}
	.wrapper {
		width: 1000px;
		margin: auto;
		padding: 0;
		position:relative;
	}
	.wrapper_1300{
		width: 1000px;
		margin: auto;
		padding: 0;
		position: relative;
	}
	/* header */
	header{
		width: 1000px;
	}
	footer{
		width: 1000px;
	}

}
/*--------------------------------------------------------
★レスポンシブ■スマホ表示切替ボタン
--------------------------------------------------------*/
@media screen and (max-width: 480px) {
	li a#btnSP{
		display: none;
	}
	li a#btnPC{
		position: fixed;
		display: block;
		width: 30%;
		height: auto;
		z-index: 1000;
		font-size: 12px;
		padding: 8px 2px;
		border-radius:8px;
		background-color: #DCE8F2;
		box-shadow:3px 3px 1px rgba(0,0,0,0.2);
		text-align: center;
		color:#12e;
		text-decoration: none;
		bottom:8px;
		left:8px;
	}
}
@media screen and (min-width: 481px) {
	#switch{
		display: none;
		height: 0;
	}
	li a#btnSP{
		display: none;
	}
	li a#btnPC{
		display: none;
	}
}

@media screen and (min-width:1021px) {
	#switch{
		display: block;
		height: auto;
	}
	li a#btnPC{
		display: none;
	}
	li a#btnSP{
		position: fixed;
		display: block;
		width: 300px;
		height: auto;
		z-index: 1000;
		font-size: 24px;
		padding: 8px;
		text-align: center;
		border-radius:22px;
		background-color: #DCE8F2;
		box-shadow:3px 3px 1px rgba(0,0,0,0.2);
		color:#12e;
		text-decoration: none;
		bottom:20px;
		right:20px;
	}
}
@media screen and (min-width: 1023px) {
	#switch{
	display: none;
	height: 0;
	}
	li a#btnSP{
		display: none;
	}
	li a#btnPC{
		display: none;
	}
}
@media screen and (max-width: 480px) {
	body {
		max-width:480px;
		width: 100%;
		-webkit-text-size-adjust: 100%;
		font-size: 10px;
		border-top: none;
	}
	a:link{
		text-decoration:none;
	}
	a:visited {
		text-decoration:none;
	}
	a:active {
		text-decoration:none;
	}
	a:hover {
		text-decoration:none;
	}
	/* layout */
	.wrapper{
		max-width:480px;
		width: 100%;
		overflow: hidden;
	}
	/* header */
	header{
		max-width:480px;
		width: 100%;
		height: 135px;
	}
	#header{
		position: fixed;
		z-index: 100;
		max-width:480px;
		width: 100%;
		height: 135px;
		padding: 0;
		margin: 0 0 12px;
		font-size: 10px;
	}
	#header .bg_line{
		height: 18px;
		top:13px;
	}
	.wrapper #header_logo a{
		width: 190px;
		height: 32px;
		float: none;
		margin: 6px 0 18px 4%;
		-webkit-background-size: contain;
		background-size: contain;
	}
	#lead{
		display: none;
	}
	nav{
		float: none;
		clear: both;
	}
	#sub_nav{
		float: none;
		clear: both;
		display: none;
	}
	#header_info{
		float: none;
		clear: both;
		display: none;
	}
	#global_nav{
		position: fixed;
		width: 100%;
		height: 90px;
		margin-bottom: 0;
		padding: 0;
	}
	.sp_menu{
		display: block;
	}
	.pc_menu{
		display: none;
	}
	#global_nav .wrapper:before{
		display: none;
	}
	#global_nav .wrapper:after{
		display: none;
	}
	#global_nav li a{
		width: 21.333%;
		height: 44px;
		font-size: 11px;
		font-weight: normal;
		padding-left: 12%;
		line-height: 44px;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid rgba(0,0,0,0.3);
		border-top: 1px solid rgba(255,255,255,0.2);
		text-align: left;
		background-position: 6% center;
		-webkit-background-size: 25%;
		background-size: 25%;
	}
	#global_nav li:nth-child(1) a{
		display: none
	}
	#global_nav li:nth-child(2) a{
	}
	#global_nav li:nth-child(3) a{
	}
	#global_nav li:nth-child(4) a{
	}
	#global_nav li:nth-child(5) a{
	}
	#global_nav li:nth-child(6) a{
		display: none
	}
	#global_nav li:nth-child(7) a{
		width: 21.333%;
		padding-left: 12%;
		background-image: url(../images/gln07.svg);
	}
	#global_nav li:nth-child(8) a{
		width: 33.333%;
		padding-left: 0;
		text-align: center;
	}
	/*#global_nav li:nth-child(8) a{
		background-image: url(../images/gln08.svg);
	}*/
	div.sp_menu{
		position: fixed;
		display: block;
		width: 65px;
		height: 45px;
		top: 0;
		right: 0;
	}
	div.sp_menu a{
		position: relative;
		display: block;
		width: 65px;
		height: 45px;
		font-size: 10px;
		text-align: center;
		letter-spacing: 0;
		padding-top: 25px;
		background: #FFF url(../images/gln08.svg);
		background-repeat: no-repeat, no-repeat;
		background-position: center top -4px, 0 0;
		-webkit-background-size: auto 38px, contain;
		background-size: auto 38px, contain;
		box-sizing: border-box;
	}

	/* catch_slider */
	#top_concept{
		max-width:480px;
		width: 100%;
		text-align: center;
	}
	/* catch_slider */
	.wideslider {
		max-width:480px;
		width: 100%;
		height: auto;
		text-align: left;
		position: relative;
		overflow: hidden;
		margin:0 0 12px;
	}
	.slider_prev {
		right:-50px;
		background: #fff url(../images/prev.png) no-repeat right center;
	}
	.slider_next {
		left:-50px;
		background: #fff url(../images/next.png) no-repeat left center;
	}

	article h2{
		position: relative;
		display: block;
		font-size: 11px;
		letter-spacing: 0;
		font-weight: normal;
		color:#333;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,e6e6e6+100 */
		background: #fafafa; /* Old browsers */
		background: -moz-linear-gradient(top,  #fafafa 0%, #e6e6e6 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #fafafa 0%,#e6e6e6 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
		padding: 8px 2% 8px 4%;
	}
	article h2:before{
		position: absolute;
		display: block;
		content:"";
		width: 4px;
		height: 22px;
		z-index: 1;
		background-color: #3E8DFF;
		top:4px;
		left:0;
	}
	/* top_concept */
	a .top_concept_box{
		float: none;
		text-decoration: none;
		width: 96%;
		height: 130px;
		margin: 0 2% 10px;
		border-radius:6px 6px 0 0;
	}
	article a .top_concept_box h2{
		clear: both;
		font-size: 12px;
		text-decoration: none;
		width: 100%;
		height: 30px;
		line-height: 30px;
		color:#fff;
	}
	a .top_concept_box div{
		display: none;
	}

	a .top_concept_box div img{
		position: relative;
		display: block;
		width: 100%;
		height: auto;
	 -moz-transition: -moz-transform 0.5s linear;
	    -webkit-transition: -webkit-transform 0.5s linear;
	    -o-transition: -o-transform 0.5s linear;
	    -ms-transition: -ms-transform 0.5s linear;
	    transition: transform 0.5s linear;
	}
	a:hover .top_concept_box div img{
	    -webkit-transform: scale(1.2);
	    -moz-transform: scale(1.2);
	    -o-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	    transform: scale(1.2);
	}
	.wrapper a .top_concept_box p{
		position: relative;
		display: block;
		width: 47%;
		height: 70px;
		text-align: left;
		padding: 8px 2% 8px 47%;
		margin: 8px 2% 0;
		font-size: 10px;
		line-height: 1.55em;
		letter-spacing: 0.08em;
		background-color: #3680D8;
	}
	.wrapper a:nth-child(1) .top_concept_box p{
		background: #3680D8 url(../images/top_concept1.jpg) no-repeat -80% top;
		-webkit-background-size: 70%;
		background-size: 70%;
	}
	.wrapper a:nth-child(2) .top_concept_box p{
		background: #3680D8 url(../images/top_concept2.jpg) no-repeat -80% top;
		-webkit-background-size: 70%;
		background-size: 70%;
	}
	.wrapper a:nth-child(3) .top_concept_box p{
		background: #3680D8 url(../images/top_concept3.jpg) no-repeat -80% top;
		-webkit-background-size: 70%;
		background-size: 70%;
	}

	/* top_skills */
	#top_skills{
		width: 100%;
		height: auto;
		padding-top: 32px;
		border-top: 10px solid #fff;
		border-bottom: none;
	}
	.filter{
		position: absolute;
		display: block;
		width: 100%;
		min-height: 120px;
		height: auto;
		z-index: -1;
		top:0;
		left:0;
		background: url(../images/bg_top_skills.jpg) no-repeat center top;
		-webkit-background-size: cover;
		background-size: cover;
		filter:blur(1px);
		-webkit-filter:blur(1px);
	}
	article #top_skills h2{
		color:#387FE6;
		font-size: 16px;
		line-height: 1.6em;
		font-weight: 700;
		margin: 0 auto 24px;
		text-shadow: 1px 1px 0 #fff,
	               1px -1px 0 #fff,
	               -1px 1px 0 #fff,
	               -1px -1px 0 #fff,
	               4px 4px 4px rgba(0,0,0,0.3);
	}
	article #top_skills h2:before{
		display: none;
	}
	a .top_skills_box{
		position: relative;
		display: block;
		float: left;
		width: 47%;
		height: 40px;
		margin-right: 2%;
		margin-bottom: 15px;
	}
	.wrapper a:nth-child(2n) .top_skills_box{
		margin-left: 2%;
		margin-right: 2%;
	}
	.wrapper a:nth-child(2n+1) .top_skills_box{
		margin-right: 2%;
	}
	.wrapper a:nth-child(6) .top_skills_box{
		margin-right: 2%;
	}
	.wrapper a:nth-child(11) .top_skills_box{
		margin-right: 2%;
	}

	a:hover .top_skills_box{
		background-color: #8AB9F1;
	}
	a .top_skills_box img{
		position: relative;
		display: block;
		float: left;
		width: 32px;
		height: 32px;
		margin: 4px 0 4px 5%;
	}
	a .top_skills_box .fa{
		display: none;
	}
	a:hover .top_skills_box .fa{
		position: absolute;
		display: block;
		text-align: center;
		margin: 0;
		right: 5%;
		top:12px;
		color:#fff;
		font-size: 15px;
		transform:rotate(-90deg);
	}

	a .top_skills_box h3{
		font-size: 12px;
		font-weight: 700;
		color:#fff;
		text-align: left;
		margin-top: 12px;
		margin-left: 32%;
	}
		/* top_introduction */
	.top_intro_box{
		width: 100%;
		height: auto;
		clear: both;
		border: none;
		margin-top: 12px;
		margin-bottom: 12px;
		padding-bottom: 8px;
	}
	.wrapper .top_intro_box:nth-child(1){
		float: none;
	}
	.wrapper .top_intro_box:nth-child(2){
		float: none;
	}
	.top_intro_box img{
		position: relative;
		display: block;
		width: 20%;
		height: auto;
		margin: 12px 3% 12px 2%;
		float: left;
	}
	.top_intro_box p{
		margin: 12px 2% 2px 3%;
		float: none;
	}
	.btn a{
		font-size: 12px;
		padding: 8px;
	}
	.btn a .fa{
		margin-right: 4px;
	}
	.btn a:hover{
		background: #FF9F40;
	}
	#top_introduction .btn a{
		width: 55%;
		margin: 4px 2% 24px 0;
	}
	/* bread-crumb */
	.bread_crumb{
		width:98%;
		margin-left: 2%;
		margin-top: 8px;
		margin-bottom: 4px;
		text-align: center;
	}
	.bread_crumb ul {
		width: 100%;
		font-size:10px;
	}
	.bread_crumb li {
		display: inline;
		list-style-type:none
	}
	.bread_crumb li.sub:before {
		letter-spacing: 8px;
	  	content: ">";
	}
	.bread_crumb li span {
		color:#ccc;
		margin-right:8px;
	}
	/* main_contents */
	#main_contents{
		max-width: 480px;
		width: 96%;
		float: none;
		margin-left: 2%;
		margin-right: 2%;
	}
	#main_contents section{
		margin-bottom: 32px;
	}
	#main_contents h1{
		position: relative;
		display: block;
		font-size: 16px;
		font-weight: 700;
		color:#fff;
		max-width: 480px;
		width: 95%;
		height: 22px;
		padding-left: 5%;
		padding-top: 10px;
		margin-bottom: 8px;
		line-height: 1em;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3974e5+0,3974e5+50,3988e5+51,3988e5+100 */
		background: #3974e5; /* Old browsers */
		background: -moz-linear-gradient(86deg,  #3974e5 0%, #3974e5 50%, #3988e5 51%, #3988e5 100%); /* FF3.6+ */
		background: -webkit-linear-gradient(86deg,  #3974e5 0%,#3974e5 50%,#3988e5 51%,#3988e5 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(86deg,  #3974e5 0%,#3974e5 50%,#3988e5 51%,#3988e5 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(86deg,  #3974e5 0%,#3974e5 50%,#3988e5 51%,#3988e5 100%); /* IE10+ */
		background: linear-gradient(176deg,  #3974e5 0%,#3974e5 50%,#3988e5 51%,#3988e5 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3974e5', endColorstr='#3988e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	#main_contents h3{
		clear: both;
		float: none;
		font-size: 11px;
		line-height: 1.55em;
		margin: 20px 0 4px 0;
		padding-left: 2%;
	}
	#main_contents p{
		margin-left: 8px;
		margin-right: 8px;
	}
	#main_contents h3:after{
		position: relative;
		display: block;
		width: 110%;
		height: 3px;
		margin-left: -5%;
		margin-bottom: 4px;
		content:"";
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8ab9f1+0,fafafa+100 */
		background: #8ab9f1; /* Old browsers */
		background: -moz-linear-gradient(left,  #8ab9f1 0%, #fafafa 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#8ab9f1), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #8ab9f1 0%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #8ab9f1 0%,#fafafa 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #8ab9f1 0%,#fafafa 100%); /* IE10+ */
		background: linear-gradient(to right,  #8ab9f1 0%,#fafafa 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ab9f1', endColorstr='#fafafa',GradientType=1 ); /* IE6-9 */
	}
	.left_wide_img{
		width: 96%;
		height: auto;
		float: none;
		margin:0 2% 0 2%;
	}
	.left_wide_img img{
		width: 100%;
		height: auto;
	}
	.right_img{
		width: 40%;
		height: auto;
		float: right;
		margin:0 2% 32px 2%;
	}
	.right_img img{
		width: 100%;
		height: auto;
	}
	/* table */
	table{
		width: 100%;
		margin: 10px 0 10px;
		vertical-align: middle;
	}
	/* carinspection_fee table */

	#carinspection_fee table{
		font-size: 10px;
	}
	#carinspection_fee table tbody tr th{
		text-align: center;
		padding: 5px 1px;
	}

	#carinspection_fee table tbody tr td{
		width: 22%;
		text-align: center;
		padding: 5px 1px;
	}
	#carinspection_fee table tbody tr td img{
		width: 100%;
		height: auto;
	}
	#carinspection_fee table tbody .orange1_cell{
		font-size: 11px;
	}
	#carinspection_fee table tbody .orange1_cell td{
		font-weight: 700;
		color:#E06F3D;
	}

	/* tire_change_fee */
	#tire_change_fee ul{
		width: 100%;
		height: 25px;
		margin: 4px 0;
		font-size: 11px;
	}
	#tire_change_fee ul li{
		width: 50%;
		height: auto;
		line-height: 1.5em;
	}
	#tire_change_fee ul li .fa{
		font-size: 11px;
	}
	/* other_maintenance */
	#other_maintenance .btn a{
		margin: 8px 2% 20px 0;
		width: 60%;
		float: right;
	}
	/* repair_service */
	#repair_service .right_img{
		position: relative;
		display: block;
		width: 50%;
		height: auto;
		margin: 12px 0 8px;
	}
	#repair_service .right_img img{
		width: 100%;
		height: auto;
	}
	#repair_service ul{
		clear: both;
		float: none;
		margin-left: 8px;
		margin-bottom: 32px;
	}
	/* usedcar */
	#usedcar_lineup{
		margin-left: 2%;
		margin-right: 2%;
	}
	.usedcar_box{
		float: left;
		margin-right: 2%;
		margin-bottom: 8px;
		width: 47%;
		height: auto;
	}
	.usedcar_box img{
		position: relative;
		display: block;
		width: 98%;
		height: auto;
		margin: 1px;
	}
	.usedcar_box h4{
		width: 96%;
		height: 35px;
		line-height: 1.2em;
		letter-spacing: 0;
		font-size: 12px;
		margin: 4px 2% 15px 2%;
	}
	.square h4{
		width: 96%;
		display: block;
		margin: 4px 2% 2px;
		height: auto!important;
		display: inline-block;
		vertical-align: top;
	}

	.usedcar_box p{
		margin: 2px 8px 2px;
		font-size: 10px;
	}

	.usedcar_box p.price{
		position: absolute;
		display: block;
		float: none;
		clear: both;
		text-align: right;
		color:#E63333;
		font-weight: 700;
		font-size: 12px;
		line-height: 1em;
	}
	.square .price{
		display: inline-block!important;
    position: relative!important;
    margin-right: 0;
    vertical-align: top;
    top: 0!important;
    right: 0;
    float: right!important;
	}
	.usedcar_box p.price:before{
		content:"￥";
	}
	.usedcar_box p.price:after{
		content:"-";
	}
	.usedcar_box .btn a{
		width: 80%;
		height: 12px;
		font-size: 10px;
		line-height: 11px;
		margin: 0 5% 4px 5%;
	}
	.add_bnr{
		width: 100%;
		height: auto;
	}
	.add_bnr li a{
		width: 100%;
		height: auto;
		border-width: 4px;
		margin-top: 4px;
		margin-bottom: 16px;
		box-sizing: border-box;
	}

	/* purchase */
	#purchase_merit{
		float: none;
		font-size: 14px;
		line-height: 2.2em;
		font-weight: 700;
		color:#FF6D40;
		margin-bottom: 12px;
	}
	#purchase .btn a{
		float: none;
		width: 80%;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		font-weight: 700;
		margin: 4px auto 12px
	}
	#repair_service ul li .fa{
		color:#0858B7;
	}
	/* greeting */
	.right_wide_img{
		width: 50%;
		height: auto;
		margin: 0 2% 12px;
	}
	.right_wide_img img{
		width: 100%;
		height: auto;
	}
	#team36 a{
		position: relative;
		display: block;
		width: 83px;
		height: 44px;
		border: 1px solid #ddd;
		margin-top: -32px;
		margin-left: 84px;
		margin-bottom: 8px;
	}
	#team36 a:hover{
		opacity: 0.8;
	}
	/* accessmap */
	#accessmap #gggmap{
		width: 100%;
		height: 250px;
		background-color: #ccc;
		border: 4px solid #fff;
		border-left: none;
		border-right: none;
		margin-bottom: 16px;
	}
	#accessmap #gggmap {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	#accessmap #gggmap iframe,
	#accessmap #gggmap object,
	#accessmap #gggmap embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#accessmap h4{
		font-weight: normal;
		float: left;
		clear: both;
	}
	#route p{
		width: 50%;
		float: left;
	}
	#route .right_small_img{
		position: relative;
		display: block;
		float: right;
		width: 42%;
		height: auto;
		margin-left: 2%;
		margin-bottom: 20px;
	}
	#route .right_small_img img{
		width: 100%;
		height: auto;
	}
	#route .mb64{
		margin-bottom: 0;
	}
	/* sitemap */
	#sitemap h2{
		margin-bottom: 10px;
	}
	#sitemap ul li{
		line-height: 1em;
		margin:0 12px 12px;
	}
	#sitemap ul li .fa{
		margin-right: 6px;
		color: #3680D8;
	}
	#sitemap ul li a{
		color:#333;
		text-decoration: none;
	}
	#sitemap ul li a:hover{
		color:#3E8DFF;
		text-decoration: underline;
	}
	#sitemap_left{
		position: relative;
		display: block;
		text-decoration: none;
		float: left;
		margin-bottom: 16px;
	}
	#sitemap_right{
		position: relative;
		display: block;
		margin-left: 55%;
		float: none;
	}
	/* contact */
	.contact_onecolumn{
		float: none;
		margin-left: 2%;
	}
	.contact_tel_box{
		position: relative;
		display: block;
		width: 92%;
		height: auto;
		border: 4px solid #ffa78c;
		margin: 10px 2% 32px;
	}
	#main_contents .contact_tel_box h3{
		float: none;
		padding: 0;
		width: 100%;
		text-align: center;
		font-size: 12px;
		margin: 10px auto 52px;
	}
	#main_contents .contact_tel_box p{
		position: absolute;
		display: block;
		font-size: 10px;
		width: 100%;
		text-align: center;
		left:-10px;
		top:25px;
	}
	#main_contents .contact_tel_box p.tel_number{
		font-size: 22px;
		letter-spacing: 0;
		color: #FF6D40;
		width: 100%;
		text-align: center;
		left:-14px;
		top:50px;
		font-weight: 700;
	}
	#mailfield dl.mailform dt.mfp{
		font-size: 11px;
	}
	.mailform .mfp .must{
		position: relative;
		display: block;
		float: left;
		margin-top: -4px;
		margin-right: 8px;
		width: 32px;
		height: 1em;
		line-height: 1em;
		font-size: 10px;
		padding: 8px;
		background-color: #c20707;
		color: #fff;
		text-align: center;
		border-radius:4px;
		text-shadow: none;
	}
	#mailfield dl.mailform dt.mfp {
		width: 240px;
	}
	#mailfield dl.mailform dt.no_must{
		padding-left: 22px;
		width: 172px;
	}
	#mailfield dl.mailform .pb40{
		padding-bottom: 8px!important;
	}
	#mailfield dl.mailform dd.mfp_purpose{
		font-size: 12px;
	}
	#mailfield dl.mailform dd.mfp_purpose ul{
		margin-top: -2px;
		margin-left: -8px;
	}
	#mailfield dl.mailform dd.mfp_purpose ul li{
		display: inline-block;
	}
	textarea {
	    width: 100%;
	    max-width: 400px;
	    box-sizing: border-box;
	   -webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	}
	#privacy_policy{
		font-size: 10px;
		padding: 8px 0 16px;
		border-bottom: 1px dashed #ccc;
	}
	#main_contents #privacy_policy h3{
		font-size: 12px;
		margin: 16px 0 8px;
		text-align: center;
	}
	dl.confirm dt.mfp_short{
		margin-top: 3px;
		font-size: 12px!important;
	}
	dl.confirm dd.mfp{
		font-size: 12px!important;
	}
	dl.confirm dd.mfp label{
		margin: -12px auto 12px!important;
		text-align: center;
		font-size: 10px!important;
	}
	.mfp_buttons button{
		color: #363636;
		font-size: 12px;
		font-weight: 600;
		padding: 5px 12px 7px;
		letter-spacing: 0.05em;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-shadow: 1px 1px 1px #fff;
	}
	.mfp_buttons button:hover{
		cursor:pointer;
		color: #333333;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd8cc+0,ffa78c+100 */
		background: #ffd8cc; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffd8cc 0%, #ffa78c 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd8cc), color-stop(100%,#ffa78c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffd8cc 0%,#ffa78c 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffd8cc 0%,#ffa78c 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffd8cc 0%,#ffa78c 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffd8cc 0%,#ffa78c 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd8cc', endColorstr='#ffa78c',GradientType=0 ); /* IE6-9 */
	}
	/* right_sidebar */
	#right_side{
		width: 96%;
		float: none;
		clear: both;
		margin: 20px 2% 12px;
	}
	#right_side #side_bnr{
		clear: none;
		width: 39%;
		float: left;
		margin-right: 0;
	}
	#right_side #side_info{
		clear: none;
		width: 59%;
		float: right;
		margin-left: 0;
	}
	#side_bnr ul li a{
		width: 96%;
		height: auto;
		border: 4px solid #8AB9F1;
		border-bottom: none;
		background-color: #8AB9F1;
		padding: 0;
		margin: 0 4% 8px 0;
	}
	#side_bnr ul li a:hover{
		border: 4px solid #E28F3B;
		background-color: #E28F3B;
		border-bottom: none;
	}
	#side_bnr ul li a img{
		width: 100%;
		height: auto;
	}
	.facebook_bnr a{
		width: 100%;
		height: auto;
		margin-bottom: 8px;
	}
	.facebook_bnr a img{
		width: 100%;
		height: auto;
		margin-bottom: -4px;
	}
	.facebook_bnr a:hover{
		opacity:0.8;
	}
	article #side_info #side_contact h2{
		position: relative;
		display: block;
		width: 100%;
		height: 30px;
		padding: 0;
		margin: 0;
		line-height: 30px;
		color:#fff;
		font-size: 15px;
		font-weight: 500;
		text-align: center;
		background: none;
		background-color: #3988E5;
		border-radius:6px 6px 0 0;
	}
	article #side_info #side_contact h2:before{
		display: none;
	}
	#side_contact_inner{
		position: relative;
		display: block;
		width: 100%;
		background-color: #E3EEFF;
		border: none;
		margin: 0 0 16px;
		padding-bottom: 8px;
	}
	#side_contact_inner img{
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		margin: 0 0 4px;
		padding: 0;
	}
	#side_contact_inner p{
		font-size: 12px;
		margin:4px 4px 8px;
	}
	#side_contact_inner .btn a{
		margin: 8px;
		font-size: 10px;
	}
	/* footer */
	footer{
		max-width:480px;
		width: auto;
	}
	#footer_info{
		width: 100%;
		height: auto;
	}
	#footer_info .bg_line{
		display: none;
	}
	#footer_info_left{
		float: none;
		width: 96%;
		margin: 12px 2%;
		height: auto;
		text-align: center;
	}
	#footer_info_left p{
		margin-left: 2%;
		margin-top: 4px;
	}
	#footer_info_left p#footer_logo{
		margin-left: 0;
	}
	#footer_info_left p#footer_logo a{
		display: none;
	}
	#footer_info_left .btn a{
		margin-top: 4px;
		margin-left: 10%;
		width: 80%;
		float: none;
	}
	.fz_small{
		font-size: 10px;
	}
	#footer_info_left  .fz_small br{
		display: none;
	}
	#footer_info_left .business_hours{
		float: none;
		clear: both;
		text-align: center;
		margin-top: 10px;
		margin-bottom: -4px;
	}
	#footer_info_left .tel_number{
		text-align: center;
		font-size: 18px;
		font-weight: 700;
		letter-spacing: 0;
	}
	#footer_info_right{
		float: none;
		width: 100%;
		height: auto;
		margin: 15px 0 18px;
	}
	#footer_info_right #ggmap{
		width: 100%;
		height: 250px;
		background-color: #ccc;
		border: 4px solid #fff;
		border-left: none;
		border-right: none;
	}
	#footer_info_right #ggmap iframe{
		max-width: 100%!important;
		height: 100%;
	}
	#footer_menu{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 16px 0 0;
	}
	#footer_menu .wrapper nav ul li{
		line-height: 1em;
		margin:0 0 10px;
	}
	#footer_menu .wrapper nav ul li .fa{
		margin-right: 6px;
	}
	#footer_menu_left{
		margin-bottom: 16px;
		margin-left: 4%;
	}
	#footer_menu_right{
		position: relative;
		display: block;
		margin-left: 54%;
		margin-right: 2%;
	}
	#footer_banner{
		margin-top: 12px;
		margin-bottom: 12px;
	}
	#footer_banner ul li a{
		text-indent: -9999px;
		position: relative;
		display: block;
		width: 141px;
		height:24px;
		margin: 0 2% 12px;
		border: 3px solid #fff;
	}
	#footer_banner ul li:nth-child(1) a{
		background: url(../images/bnr01.jpg) no-repeat 0 0;
		-webkit-background-size: 100%;
		background-size: 100%;
		float: left;
	}
	#footer_banner ul li:nth-child(2) a{
		background: url(../images/bnr02.jpg) no-repeat 0 0;
		-webkit-background-size: 100%;
		background-size: 100%;
		float: right;
	}
	#footer_banner ul li a:hover{
		border: 3px solid #FF9F40;
	}
	.fb-page{
		float: none;
		width: 94%;
		height: 300px;
		margin: 52px 2% 12px;
		border: 3px solid #fff;
	}
	#copyright{
		width: 100%;
		padding: 8px 0;
		text-align: center;
		font-size: 10px;
		line-height: 1em;
	}

}
@media screen and (max-width: 430px) {
	.usedcar_box h4{
		width: 96%;
		height: 35px;
		line-height: 1.2em;
		letter-spacing: 0;
		font-size: 12px;
		margin: 4px 2% 24px 2%;
	}

	.usedcar_box p{
		margin: 0 8px 10px;
		font-size: 10px;
	}

	.usedcar_box p.price{
		position: absolute;
		display: block;
		float: none;
		clear: both;
		text-align: right;
		color:#E63333;
		font-weight: 700;
		font-size: 12px;
		line-height: 1em;
	}
}
@media screen and (max-width: 400px) {
	.usedcar_box h4{
		margin: 4px 2% 33px 2%;
	}
}
@media screen and (max-width: 360px) {
	.usedcar_box p.price{
		position: absolute;
		display: block;
		float: none;
		clear: both;
		top:150px;
		text-align: right;
		color:#E63333;
		font-weight: 700;
		font-size: 12px;
		line-height: 1em;
	}
	.usedcar_box h4{
		margin: 4px 2% 22px 2%;
	}
}