@charset "utf-8";

/*
	Theme Name: 株式会社アイエー　町田
	Theme URI: http://machida.ia-gr.com/
	Description: A theme by <a href="http://machida.ia-gr.com/">株式会社アイエー　町田</a>
	Version: 1.70
	Author: Fumiki Takahashi
	Author URI: http://www.nanikiru.com
	License: GNU General Public License
*/

/*        /株式会社アイエー　町田/        */

	/*IA Black         : #111111;*/
	/*AUTOBACS Orange  : var(--main_color);*/
	/*IA Gray          : #3E3A39;*/

	/*Nomal Text          : #000000;*/

/*        /株式会社アイエー　町田/        */

/****************************************

        For PC General Setting

*****************************************/

:root {
--main_color:#DF2029;
--bg_color:#F8F8F8;
--bg_subcolor:#EAEAEA;
--bg_btncolor:#707070;
--container_size: 100% !important;
}

.sp {
	display: none;
	-webkit-tap-highlight-color: rgba(255,255,255,.2)
	/****タップで着色する場合****/
}

body {
	font-family: 'Noto Sans', sans-serif , 'Noto Serif', serif;
	font-size: 0.9em;
	letter-spacing: 1.8;
	/*background: url("./img_common/autobacs_background.gif");*/
}

#contents {
	width: 100%;
	margin: 0;
	background-color: #FFFFFF;
	/****旧ブラウザ対応****/
}

ul, ol {
	list-style: none;
}

.centering {
	text-align: center;
}

.lefter {
	text-align: left;
}

.righter {
	text-align: right;
}

.flt_r {
	padding: 0;
	float: right;
	/****右寄せ****/
}

.flt_l {
	padding: 0;
	float: left;
	/****左寄せ****/
}

.likebutton1 {
	width: auto;
	height: auto;
	margin: 0;
	padding: 4px 24px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #595757;
	font-size: 90%;
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
}

a.likebutton1 {
	background-color: #595757;
	color: #FFFFFF;
	text-decoration: none;
}

a:hover.likebutton1 {
	color: #FFFFFF;
	text-decoration: none;
	opacity: 0.7;
}

.likebutton_information {
	width: auto;
	height: auto;
	margin: 0;
	padding: 4px 24px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #D54683;
	font-size: 90%;
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
}

.likebutton_service {
	width: auto;
	height: auto;
	margin: 0;
	padding: 4px 24px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #DF2029;
	font-size: 90%;
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
}

.likebutton_products {
	width: auto;
	height: auto;
	margin: 0;
	padding: 4px 24px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #56A3D2;
	font-size: 90%;
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
}

.likebutton_campaign {
	width: auto;
	height: auto;
	margin: 0;
	padding: 4px 24px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #009944;
	font-size: 90%;
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
}

.likebutton_maintenance {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 8px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #FF0000;
	font-weight: 600;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	display: block;
}

.petit {
	font-size: 80%;
}

.petit_mp {
	font-size: 60%;
}

.special_padding8 {
	padding: 8px;
}

.special_padding16 {
	padding: 16px;
}

/****************************************

          Typography

*****************************************/
h1 {
	margin: 0;
	padding: 0;
	line-height: 1;
}

_h2 {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 8px 16px;
	font-size: 120%;
	font-weight: 600;
	color: #FFFFFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#231815+0,ffffff+100&1+0,0+100 */
	background: -moz-linear-gradient(left,  rgba(35,24,21,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(35,24,21,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(35,24,21,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231815', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

	@media only screen and (max-width: 480px) {
		_h2 {
			background-color: #231815;
		}
	}/*** Media Queries ***/

h2.topbutton {
	margin: 0;
	padding: 0;
	font-size: 140%;
	/*font-weight: normal;*/
	font-weight: bold;
	color: var(--main_color);
	line-height: 1.4;
	background: none;
}

h2.subject_title {
	width: 100%;
	margin: 12px 0 8px;
	padding: 0 0 4px;
	font-size: 110%;
	font-weight: 600;
	color: #000000;
	line-height: 1.4;
	background: none;
	border-bottom: 3px dotted #B5B5B6;
    text-align: left !important;
    border: none !important;
}

h2.service_top {
	width: 100%;
	margin: 12px 0 8px;
	padding: 0 0 4px;
	font-size: 120%;
	font-weight: 600;
	color: #FF0000;
	line-height: 1.4;
	text-shadow: #FFFFFF 1px 1px 0px,
				 #FFFFFF -1px 1px 0px,
			     #FFFFFF 1px -1px 0px,
				 #FFFFFF -1px -1px 0px;
	background: none;
}

h2.storename {
	width: 100%;
	margin: 0 0 8px;
	padding: 0 0 4px;
	font-size: 120%;
	font-weight: 600;
	color: var(--main_color);
	line-height: 1.4;
	background: none;
	display: inline-block;
    position: relative;
}

h2.storename::before,
h2.storename::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 2px solid #3E3A39;
}

h2.storename::after {
	border-bottom: 1px solid #665F5E;
	bottom: -4px;
}

.topbutton_sub {
	margin: 0;
	padding: 0;
	font-size: 110%;
	/*color: #C9CACA;*/
	line-height: 2.6;
	color: #333333;
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
	h2.topbutton {
		margin: 16px 0 0;
		font-size: 90%;
	}

	.topbutton_sub {
		font-size: 90%;
	}
}/*** Media Queries ***/

@media only screen and (max-width: 480px) {
	h2.topbutton {
		margin: 16px 0 4%;
		font-size: 100%;
		line-height: 1;
	}

	.topbutton_sub {
		font-size: 100%;
		line-height: 2;
	}
}/*** Media Queries ***/

h3 {
	width: 100%;
/*	max-width: 1000px;*/
	margin: 0 auto;
	padding: 0;
	font-size: 150%;
	font-weight: 600;
	color: var(--main_color);
	line-height: 1.4;
}

h3.widthd {
	width: 100%;
	margin: 0 auto 8px !important;
	padding: 0 0 8px !important;
	font-size: 130%;
	font-weight: 600;
	color: var(--main_color) !important;
	line-height: 1.4;
    text-align: left !important;
	border-bottom: 2px dotted #B5B5B6;
}

h3.widthn {
	width: 100%;
	margin: 0 auto 8px !important;
	padding: 0 0 8px !important;
	font-size: 130%;
	font-weight: 600;
	color: var(--main_color);
	line-height: 1.4;
    text-align: left !important;
}

h3.widthl {
	width: 100%;
	margin: 0 auto 8px !important;
	padding: 0 0 8px !important;
	font-size: 110%;
	font-weight: normal;
	color: #036EB8;
	line-height: 1.4;
	border-bottom: 1px dotted #B5B5B6;
    text-align: left !important;
}

h3.widthl a {
	color: #036EB8;
}

h3.maintenance_title {
	width: 100%;
	margin: 0 auto 8px !important;
	padding: 0 0 8px !important;
	font-size: 120%;
	font-weight: 600;
	color: #1D2088;
	line-height: 1.4;
	text-shadow: #FFFFFF 1px 1px 0px,
				 #FFFFFF -1px 1px 0px,
			     #FFFFFF 1px -1px 0px,
				 #FFFFFF -1px -1px 0px;
	background: none;
    text-align: left !important;
}

h3.maintepack_title {
	width: 100%;
	margin: 0 !important;
	padding: 8px 0 !important;
	font-size: 20px !important;
	font-weight: 600;
	background-color: var(--main_color);
	color: #FFFFFF !important;
	line-height: 1.4;
	text-align: center;
}

h3.size {
	width: 100%;
	margin: 0 auto 8px;
	padding: 0 0 8px;
	font-size: 110%;
	font-weight: 600;
	color: var(--main_color);
	line-height: 1.4;
}

h3.case_title {
	width: 100%;
	margin: 0 auto 8px;
	padding: 0 0 8px;
	font-size: 110% !important;
	font-weight: 600;
	color: #111111;
	line-height: 1.4;
    text-align: left !important;
}

h3.top201904 {
	width: 100%;
	padding: 8px 0;
	background-color: var(--main_color);
	text-align: center;
}

h3.top201904 a {
	color: #FFFFFF;
}

h4 {
	margin: 8px 0;
	padding: 0;
	font-size: 100%;
	font-weight: 600;
	line-height: 1.6;
}

h4.exchange {
	margin: 0;
	padding: 16px 0;
	font-size: 120%;
	font-weight: 600;
	line-height: 1;
	background-color: #1D2088;
	color: #FFFFFF;
	text-align: center;
    border-left: none !important;
}

h4.inspection {
	margin: 0;
	padding: 16px 0;
	font-size: 120%;
	font-weight: 600;
	line-height: 1;
	background-color: #D53284;
	color: #FFFFFF;
	text-align: center;
    border-left: none !important;
}

h4.p_price {
	margin: 0;
	padding: 16px 0;
	font-size: 120%;
	font-weight: 600;
	line-height: 1;
	background-color: #E83828;
	color: #FFFFFF;
	text-align: center;
    border-left: none !important;
}

h4.p_estimate {
	margin: 0;
	padding: 40px;
	font-size: 160%;
	font-weight: 600;
	line-height: 1;
	background-color: #fff;
	color: #FFFFFF;
	text-align: center;
    border: 10px solid #DF2029;
    color: #DF2029;
    width: 100%;
    box-sizing: border-box;
}

@media only screen and (max-width: 480px) {
	h4.exchange,
	h4.p_price,
	h4.p_estimate {
		margin-bottom: 4%;
	}
}/*** Media Queries ***/

h4.blue_style {
	width: 100%;
	margin: 0;
	padding: 16px 0;
	font-size: 120%;
	font-weight: 600;
	line-height: 1;
	color: #1D2088;
    border: none !important;
}

h4.pit {
	width: 100%;
	margin: 12px 0 8px;
	padding: 0 0 4px;
	font-size: 120%;
	font-weight: 600;
	color: var(--main_color);
	line-height: 1.4;
	text-shadow: #FFFFFF 1px 1px 0px,
				 #FFFFFF -1px 1px 0px,
			     #FFFFFF 1px -1px 0px,
				 #FFFFFF -1px -1px 0px;
	background: none;
    border: none !important;
}

h4.service_style {
	width: 100%;
	margin: 10px 0;
	padding: 0;
	font-size: 140%;
	font-weight: 600;
	line-height: 1.6;
	color: #1D2088;
    border: none !important;
	border-bottom: 1px solid #DDDDDD !important;
}

h4.mainteprice_title {
	margin: 0;
	padding: 4px 0 0;
	font-size: 140%;
	font-weight: 600;
	color: var(--main_color);
	line-height: 1.4;
    border: none !important;
}

h5 {
	width: 100%;
	margin: 0 auto 4%;
	padding: 4%;
	font-size: 110%;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 1.4;
	background-color: #DF2029;
	text-align: center;
}

h5.inspection_title {
	width: 100%;
	margin: 0 auto;
	padding: 4%;
	font-size: 150%;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 1.4;
	text-align: center;
}

h5.pittitle {
	width: 100%;
	margin: 0 auto;
	padding: 1% 0;
	font-size: 140%;
	font-weight: 600;
	background-color: #1D2088;
	color: #FFFFFF;
	line-height: 1.4;
	text-align: center;
}

h5.service_substyle {
	width: 100%;
	margin: 0 0 8px;
	padding: 0;
	font-size: 110%;
	font-weight: 600;
	color: #1D2088;
	line-height: 1.4;
	background: none;
	text-align: left;
}

h6 {
	width: 100%;
	margin: 0;
	padding: 0 0 2%;
	font-size: 140%;
	font-weight: 600;
	color: #FF0000;
	line-height: 1.4;
	text-align: center;
}

h6.caution {
	width: 100%;
	margin: 0;
	padding: 0 0 1%;
	font-size: 120%;
	color: #000;
	line-height: 1.4;
	text-align: left;font-weight: bold;
}

.ab_orange {
	color: var(--main_color);
	display: block;
}

.just_orange {
	color: var(--main_color);
}

.ab_red {
	color: #FF0000;
	display: block;
}

.just_red {
	color: #FF0000;
}

.ab_blue {
	color: #1D2088;
	display: block;
}

.just_blue {
	color: #1D2088;
}

.just_fat {
	font-weight: 600;
}

.ab_fat {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 160%;
	font-weight: 600;
}

.ab_orange_fat {
	margin: 0;
	padding: 0;
	color: var(--main_color);
	display: block;
	font-size: 300%;
	font-weight: 600;
}

.black_bdr_w {
	width: 100%;
	margin: 12px 0 8px;
	padding: 0 0 4px;
	font-size: 120%;
	font-weight: 600;
	color: #000000;
	line-height: 1.4;
	text-shadow: #FFFFFF 1px 1px 0px,
				 #FFFFFF -1px 1px 0px,
			     #FFFFFF 1px -1px 0px,
				 #FFFFFF -1px -1px 0px;
	background: none;
}

.blue_number {
	margin: 0 8px 0 0;
	padding: 4px 8px;
	background-color: #1D2088;
	font-size: 120%;
	color: #FFFFFF;
	display: inline;
}

.orange_text {
	margin: 0 8px 0 0;
	padding: 4px 8px;
	background-color: var(--main_color);
	font-size: 100%;
	color: #FFFFFF;
	display: inline;
}

.orange_text a,
.orange_text a:hover {
	color: #FFFFFF;
	display: inline-block;
}

/****************************************

          Link

*****************************************/
/*** a ***/
a {
	color: var(--main_color);
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	-ms-transition: 0.6s;
	transition: 0.6s;
	text-decoration: none;
	/****未訪問設定****/
}
/*** a ***/

/***  a:hover ***/
a:hover {
	color: var(--main_color);
	text-decoration: underline;
	/****オンマウス設定****/
}
/***  a:hover ***/


/****************************************

          Layout

*****************************************/
#container {
	width: 100%;
	margin: 0;
}

header {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	/*background-color: #000000;*/
	background-color: #FFFFFF;
}

main {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;	/**ナビゲーションの位置固定**/
}

#main_container,
.main_container_a1 {
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 20px;
}

@media only screen and (max-width: 768px) {
	#main_container,
	.main_container_a1 {
		width: 96%;
		padding: 0;
	}
}/*** Media Queries ***/

@media only screen and (max-width: 480px) {
	#main_container,
	.main_container_a1 {
		width: 94%;
		padding: 0;
	}
}/*** Media Queries ***/

/*
footer {
	width: 100%;
	height: auto;
	margin: 128px 0 0;
	padding: 64px 0 56px;
	background-color: #000000;
	color: #FFFFFF;
}
*/

/****************************************

          Breadcrumb

*****************************************/
#breadcrumb {
	width: 100%;
	margin: 32px auto;
	padding: 0;
	font-size: 90%;
	color: #000000;
}

#breadcrumb a {
	text-decoration: none;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

@media only screen and (max-width: 960px) {
    #breadcrumb {
        width: 100%;
        margin: 15px auto;
        padding: 0;
        font-size: 90%;
        color: #000000;
    }
}/*** Media Queries ***/


/****************************************

          Navigation

*****************************************/
#navigation_container {	/**位置は固定**/
	width: 100%;
	height: 60px;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #000000;
	opacity: 0.9;
	z-index: 100;
}

#navigation_container_i {	/**位置は固定**/
	width: 100%;
	height: 60px;
	position: absolute;
	top: 60;
	right: 0;
	background-color: #000000;
	opacity: 0.9;
	z-index: 100;
}

@media only screen and (max-width: 768px) {
	#navigation_container,
	#navigation_container_i {	/**位置は固定**/
		height: auto;
		opacity: 0.9;
		/*z-index: 1;*/
	}
}/*** Media Queries ***/

#header_navigation {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#header_navigation li {
	width: 12.5%;
	/**widthはメニュー数に合わせて変動**/
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	border-right: 1px dotted #666666;
}

#header_navigation li:last-child {
	border: none;
}

#header_navigation li a {
	padding: 6px 0 5px;
	color: var(--main_color);
	text-align: center;
	text-decoration: none;
	display: block;
}

#header_navigation li a:hover {
	color: #FFA500;
}

#toggle {
	display: none;
}

@media only screen and (max-width: 768px) {
	#header_navigation {
		display: none;
}

	#header_navigation li {
		width: 100%;
		padding: 12px 0 10px;
		border-bottom: 1px solid #222222;
	}

	#toggle {
		width: 100%;
		display: block;
		position: relative;
		background-color: #111111;
	}

	#toggle a {
		padding: 12px 0 10px;
		color: var(--main_color);
		text-align: center;
		text-decoration: none;
		display: block;
		position: relative;
		border-top: 1px solid #222222;
		border-bottom: 1px solid #222222;
	}
}/*** Media Queries ***/


/****************************************

          header

*****************************************/
.header_container {
	/**headerだけ個別のFlexBox設定**/
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-flow: row wrap; /* Safari */
	flex-flow:         row wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
}

.header_container {
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
	padding: 20px;
	/*color: #FFFFFF;*/
	color: #000000;
}

#logo_wrap {
	width: 60%;
}

#logo_wrap img {
	width: 67%;
	height: auto;
}

#numandtime {
	width: 40%;
	height: auto;
	margin: 28px 0;
	padding: 0;
}

.shopname {
	padding-top: 4%;
	font-size: 180%;
	font-weight: 600;
	/*color: var(--main_color);*/
	color: #000000;
	line-height: 1;
	display: block;
}

.phonenumber {
	font-size: 240%;
	color: var(--main_color);
	line-height: 1;
	display: block;
}

.time {
	display: block;
	line-height: 2.4;
}

@media only screen and (max-width: 768px) {
	.header_container {
		-webkit-flex-flow: column nowrap; /* Safari */
		flex-flow:         column nowrap;
		-webkit-align-content: space-around; /* Safari */
		align-content:         space-around;
		/**20190404追加**/
		padding: 4px;
		/**20190404追加**/
	}

	#logo_wrap {
		width: 100%;
	}

	#logo_wrap img {
		width: 72%;
		height: auto;
	}

	.shopname {
		padding-top: 6.2%;
		font-size: 130%;
		color: var(--main_color);
		line-height: 1;
		display: block;
	}

	#numandtime {
		width: 100%;
		height: auto;
		/*margin: 24px 0 0;*/
		margin: 0;
		padding: 0;
	}
}/*** Media Queries ***/

	@media only screen and (max-width: 480px) {
		#logo_wrap img {
			/*width: 100%;*/
			width: 40%;
			height: auto;
			/*float: none;*/
		}

		.shopname {
			/*padding-top: 4%;
			font-size: 140%;
			text-align: center;*/
			padding-top: 8px;
			font-size: 110%;
		}

		/*.phonenumber,
		.time {
			width: 100%;
			text-align: center;
			line-height: 1.2;
			float: none;
		}*/

		.time {
			width: 100%;
			text-align: center;
			/*line-height: 1.2;*/
			float: none;
		}
	}/*** Media Queries ***/


/****************************************

          Main Contents

*****************************************/
/**Swiper スライダーの設定**/
.swiper-container .swiper-slide img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

#slider .swiper-container {
	/**position: relative;		テキストやタイトルなどを入れる場合は位置固定**/
}

#thumbs {
	height: 18%;
	padding: 8px 0;
}

#thumbs .swiper-slide {
	width: 18%;
	height: 100%;
	opacity: 0.7;
	cursor: pointer;
}

#thumbs .swiper-slide-active {
	opacity: 1;
}

@media only screen and (max-width: 768px) {
	.swiper-container {
		margin: 0;
	}

	.swiper-pagination {
		display: none;
	}

	#slider .swiper-container {
		z-index: -100;
	}

	#thumbs .swiper-slide {
		z-index: -999;
	}
}/*** Media Queries ***/

@media only screen and (max-width: 480px) {
	.swiper-button-prev,
	.swiper-button-next,
	.swiper-pagination {
/*		display: none;*/
	}
}/*** Media Queries ***/
/**Swiper スライダーの設定**/

/**Key visualの設定**/
#keyvisual_container {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

#keyvisual_container img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
/**Key visualの設定**/

/**FlexBox設定(各項目共通)**/
.flex_container_nw {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-flow: row nowrap; /* Safari */
	flex-flow:         row nowrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
}

.flex_container_w,
.flex_container_wi {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-flow: row wrap; /* Safari */
	flex-flow:         row wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
}

.flex_container_ws {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-flow: row wrap; /* Safari */
	flex-flow:         row wrap;
	-webkit-justify-content: center; /* Safari */
	justify-content:         center;
}

.flex_container_wl {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-flow: row wrap; /* Safari */
	flex-flow:         row wrap;
	-webkit-justify-content: flex-start; /* Safari */
	justify-content:         flex-start;
}

.flex_container_wl2 {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-flow: row wrap; /* Safari */
	flex-flow:         row wrap;
	-webkit-justify-content: flex-start; /* Safari */
	justify-content:         flex-start;
}

	@media only screen and (max-width: 480px) {
		.flex_container_nw,
		.flex_container_w,
		.flex_container_ws {
			-webkit-flex-flow: column nowrap; /* Safari */
			flex-flow:         column nowrap;
			-webkit-align-content: space-around; /* Safari */
			align-content:         space-around;
		}
	}/*** Media Queries ***/

	@media only screen and (max-width: 480px) {
		.flex_container_wl {
			-webkit-flex-flow: row wrap; /* Safari */
			flex-flow:         row wrap;
			-webkit-align-content: space-around; /* Safari */
			align-content:         space-around;
		}
	}/*** Media Queries ***/

	@media only screen and (max-width: 640px) {
		.flex_container_wi {
			-webkit-flex-flow: row wrap; /* Safari */
			flex-flow:         row wrap;
			-webkit-align-content: space-between; /* Safari */
			align-content:         space-between;
			/*padding-bottom: 32px;*/
			padding-bottom: 24px;
		}
	}/*** Media Queries ***/

/**トップページ**/
.white_smoke {
	width: 100%;
	height: auto;
	/*margin: 40px 0;*/
	margin: 0;
	padding: 32px 0 0;
	background: rgba(255,255,255, 0.8);
}

.white_smoke_flexbox {
	width: 29.333333%;
	height: auto;
	margin: 0 2% 32px;
	position: relative;
}

.white_smoke_flexbox a {
	text-decoration: none;
}

.topbutton_title {
	position: absolute;
	top: 16%;
	left: 8%;
}

@media only screen and (max-width: 640px) {
	.item01 {
		 order: 1;
	 }

	 .item02 {
 		 order: 2;
 	 }

	 .item03 {
	 	 order: 4;
	  }

	.item04 {
		 order: 3;
	 }

	 .item05 {
 		 order: 6;
 	 }

	 .item06 {
 		 order: 5;
 	 }

	.white_smoke_flexbox {
		width: 50%;
		margin: 0;
		font-size: 70%;
	}

	.topbutton_title {
		position: absolute;
		top: 2%;
	}
}/*** Media Queries ***/

.pickup_container {
	width: 100%;
	height: auto;
	margin: 16px 0;
	padding: 32px 0;
	/*background: rgba(255,255,255, 0.15);
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;*/
}

.contents_wrap {
	width: 100%;
/*	max-width: 1000px;*/
	margin: 0 auto;
	padding: 0;
}

@media only screen and (max-width: 768px) {
	.contents_wrap {
		width: 96%;
		padding: 0;
	}
}/*** Media Queries ***/

@media only screen and (max-width: 480px) {
	.contents_wrap {
		width: 94%;
		padding: 0;
	}
}/*** Media Queries ***/

.pickup_flexbox {
	width: 24%;
	height: auto;
	margin: 0 0.5% 0;
}

.pickup_flexbox a,
.pickup_flexbox a:hover {
	color: #000000;
	text-decoration: none;
}

@media only screen and (max-width: 640px) {
	.pickup_container {
		padding: 32px 0 16px;
	}

	.pickup_flexbox {
		width: 48%;
		margin: 0 auto 16px;
	}
}/*** Media Queries ***/

.news_container {
	width: 100%;
	height: auto;
	margin: 40px 0 0;
	padding: 8px 0;
	/*background: rgba(255,255,255, 0.15);
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;*/
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

.topics_container {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 16px 0;
}

.bottomline {
	/*border-bottom: 1px solid #FFFFFF;*/
	border-bottom: 1px solid var(--main_color);
}

.topics_titlebox {
	width: 12%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}

.topics_contentsbox {
	width: 88%;
	height: auto;
	margin: 0;
	padding: 0;
	/*border-left: 1px solid #FFFFFF;*/
	border-left: 1px solid var(--main_color);
	float: right;
}

@media only screen and (max-width: 768px) {
	.topics_titlebox {
		width: 100%;
		margin: 0 0 24px;
		padding: 0 0 16px;
		float: none;
		border-bottom: 1px solid #FFFFFF;
		text-align: center;
	}

	.topics_contentsbox {
		width: 100%;
		border: none;
		float: none;
	}
}/*** Media Queries ***/

.topics_decoration {
	width: 15%;
	margin: 0;
	padding: 0;
	border-right: 1px solid #FFFFFF;
	display: inline-block;
	text-align: center;
}

.topics_title {
	margin: 0;
	padding: 0;
	display: inline-block;
	text-indent: 1em;
}

@media only screen and (max-width: 480px) {
	.topics_decoration {
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 90%;
		border: none;
		display: inline-block;
	}

	.topics_title {
		width: 100%;
		margin: 8px 0 0;
		text-align: center;
	}
}/*** Media Queries ***/

.topics_contentsbox ul {
	width: 97%;
	margin: 0 0 0 3%;
	padding: 0;
}

.topics_contentsbox li {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 4px 0;
	border-bottom: 1px dotted #FFFFFF;
}

.topics_contentsbox li:last-child {
	border: none;
}

@media only screen and (max-width: 768px) {
	.topics_contentsbox ul {
		width: 100%;
		margin: 0;
	}
}/*** Media Queries ***/

.event_titlebox {
	width: 70%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}

.event_thumbnail {
	width: 30%;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
}

@media only screen and (max-width: 768px) {
	.event_titlebox {
		width: 100%;
		margin: 0;
		padding: 0;
		float: none;
	}

	.event_thumbnail {
		width: 100%;
		margin: 0;
		padding: 0;
		float: none;
	}
}/*** Media Queries ***/

.event_thumbnail img {
	width: 100%;
	height: auto;
}

.banner_flexbox {
	/*width: 31.333333%;*/
	width: 23%;
	height: auto;
	margin: 16px 1% 16px;
}

.banner_flexbox img {
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 768px) {
	.banner_flexbox {
		width: 48%;
		height: auto;
		margin: 0 1% 32px;
	}
}/*** Media Queries ***/

/*@media only screen and (max-width: 480px) {
	.banner_flexbox {
		width: 100%;
		margin: 0 auto 24px;
	}
}/*** Media Queries ***/
/**トップページ**/

/**下層コンテンツ共通**/
.penetration_container {
	width: 100%;
	height:auto;
	/*margin: 0 0 24px;*/
	margin: 0 0 0px;
/*	padding: 16px;*/
	padding: 16px 16px 40px;
	/*background: rgba(255,255,255, 0.8);*/
	position: relative;
}

.penetration_container h3 {
/*    text-align: center;*/
    color: #000;
    font-size: 25px;
    padding: 0;
    margin: 0;
}

.penetration_container h3::before {
    display: none;
}

.penetration_container img {
    padding: 25px 0 0 !important;
}

.penetration_container img.sienta_sym {
    width: 80px;
    height: 60px;
    filter: grayscale(100%);
    opacity: .7;
    padding: 0 0 25px !important;
}

/*** 201904/26追加ここから ***/
@media only screen and (max-width: 480px) {
	.penetration_container {
		padding: 8px 16px;
	}
}/*** Media Queries ***/
/*** 201904/26追加ここまで ***/

.contents_container {
	width: 100%;
/*	max-width: 1000px;*/
	height: auto;
	margin: 0 auto;
	padding: 0;
}
/**下層コンテンツ共通**/

/**NEWS･イベント一覧**/
.subject_thumbnail {
	width: 30%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}

.subject_thumbnail img {
	width: 100%;
	height: auto;
    padding: 0 !important;
}

.subject_description {
	width: 68%;
	height: auto;
	margin: 0 0 32px;
	padding: 0;
	float: right;
}

.subject_more {
	width: 100%;
	margin: 0;
	padding: 16px;
	position: absolute;
	bottom: 0;
	right: 0;
	color: #E83828;
	text-align: right;
	display: block;
}

.subject_more a {
	color: #E83828;
	text-decoration: none;
}

@media only screen and (max-width: 768px) {
	.subject_thumbnail {
		display: none;
	}

	.subject_description {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		float: none;
	}

	.subject_more {
		width: 100%;
		margin: 16px 0 0;
		padding: 0;
		position: static;
		color: #E83828;
		text-align: right;
		display: block;
	}

	.subject_spimage {
		width: 50%;
		height: auto;
		margin: 0 16px 0 0;
		float: left;
	}
}/*** Media Queries ***/
/**NEWS･イベント一覧**/

/**お得なカード**/
/**なし**/
/**お得なカード**/

/**グッズ【廃止】**/
.recommend_flexbox {
	width: 29.333333%;
	height: auto;
	margin: 0 2% 32px;
}

.goods_container {
	width: 100%;
	height: auto;
	padding: 16px;
	border: 2px solid #EEEEEE;
}

.goods_container img {
	width: 100%;
	height: auto;
}
/**グッズ【廃止】**/

/**リンク集**/
.link_leftbox {
	width: 25%;
	height:auto;
	margin: 0;
	padding: 0;
	float: left;
}

.link_rightbox {
	width: 68%;
	height:auto;
	margin: 0;
	padding: 0;
	float: right;
}

@media only screen and (max-width: 480px) {
	.link_leftbox,
	.link_rightbox {
		width: 49%;
	}
}/*** Media Queries ***/
/**リンク集**/

/**プライバシーポリシー**/
/**なし**/
/**プライバシーポリシー**/

/**各種予約**/
.reserve_flexbox {
	width: 30.333333%;
	height: auto;
	margin: 0 1%;
}

@media only screen and (max-width: 680px) {
	.reserve_flexbox {
		width: 100%;
		margin: 0 0 24px;
	}
}/*** Media Queries ***/

.number_flexbox {
	width: 48%;
	height: auto;
	margin: 0 1%;
}

@media only screen and (max-width: 480px) {
	.number_flexbox {
		width: 100%;
		margin: 0 0 24px;
	}
}/*** Media Queries ***/

.reserve_lady {
	width: auto;
	margin: 0;
	padding: 0;
    padding-bottom: 50px;
	background: url("../../img/reserve_lady.png") no-repeat right bottom;
	background-size: contain;
}

.reserve_detail {
	width: 60%;
	height: auto;
	margin: 0 auto;
	padding: 5% 0 2%;
	text-align: center;
}

@media only screen and (max-width: 768px) {
	.reserve_lady {
		height: 324px;
		margin: 0 auto -104px;
		/**謎のマージンが消えないので強制的にネガティブマージン**/
		background: url("../../img/reserve_lady_sp.png") no-repeat right;
		background-size: contain;
	}

	.reserve_detail {
		width: 100%;
		margin: 0;
		padding: 8% 0 1%;
		font-size: 60%;
	}
}/*** Media Queries ***/

@media only screen and (max-width: 480px) {
	.reserve_detail {
		padding: 8% 0;
	}
}/*** Media Queries ***/
/**各種予約**/

/**お得・安心サービス**/
.service_img {
	margin: 0 16px 0 0;
	float: left;
}

@media only screen and (max-width: 480px) {
	.service_img {
		width: 100%;
		height: auto;
		margin: 0 0 16px 0;
		float: none;
	}
}/*** Media Queries ***/

.bb8 {
	margin-bottom: 24px;
	padding-bottom: 16px;
	border-bottom: 1px solid #DDDDDD;
}
/**お得・安心サービス**/

/**スタッフ募集**/
/**なし**/
/**スタッフ募集**/

/**店舗情報**/
.store_image {
	width: 40%;
	height: auto;
}

.store_detail {
	width: 58%;
	height: 300px;
	margin: 0;
	padding: 16px;
	background: rgba(255,255,255, 0.8);
	float: right;
}

@media only screen and (max-width: 480px) {
	.store_image {
		width: 100%;
		height: auto;
		float: none;
	}

	.store_detail {
		width: 100%;
		height:auto;
		margin: 8px 0 0;
		float: none;
	}
}/*** Media Queries ***/
/**店舗情報**/

/**タイヤ交換関連**/
.tire_exchange {
	width: 100%;
	height: auto;
	padding: 0;
	border: 2px solid #1D2088;
}

.paint_price {
	width: 100%;
	height: auto;
	padding: 0;
	border: 2px solid #E83828;
}

.paint_estimate {
	width: 100%;
	height: auto;
	padding: 0;
	border: 5px solid #DF2029;
	border-top: 10px solid #DF2029;
    background: #F8F8F8 !important;
    padding: 4% 7%;
    box-sizing: border-box;
    margin: 0 0 90px 0 !important;
}

.paint_estimate .button_grd {
    background: #DF2029;
}

.exchange_box {
	width: 45%;
	height: auto;
	margin: 2.5%;
	padding: 0;
	text-align: center;
}

.exchange_box img {
	width: 64%;
	height:auto;
	margin: 0 auto;
}

.exchange_boxflex {
	width: 31.333333%;
	height: auto;
	margin: 1%;
	padding: 0;
	text-align: center;
}

.exchange_boxflex img {
	width: 64%;
	height:auto;
	margin: 0 auto;
}

@media only screen and (max-width: 480px) {
	.exchange_boxflex {
		width: 100%;
	}

	.exchange_boxflex img {
		width: 90%;
	}
}/*** Media Queries ***/

@media only screen and (max-width: 480px) {
	.exchange_box {
		width: 100%;
		height: auto;
		margin: 1% 0;
		float: none;
	}

	.exchange_box img {
		width: 90%;
		margin: 0 auto;
	}
}/*** Media Queries ***/

.exchange_container {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.exchange_flexbox {
	width: 28%;
	height: auto;
	margin: 0 1%;
	padding: 0;
}

.exchange_flexsymbol {
	width: 5%;
	height: auto;
	margin: 0;
	padding: 0;
}

.exchange_flexbox .imgstyle1 {
	width: 40%;
	height: auto;
	margin: 24% auto;
    filter: grayscale(100%);
    opacity: .7;
}

.exchange_flexbox .imgstyle2 {
	width: 100%;
	height: auto;
	margin: 8% auto;
}

.exchange_flexbox .imgstyle3 {
	width: 80%;
	height: auto;
	margin: 8% auto;
}

.exchange_flexsymbol .imgstyle1 {
	width: 100%;
	height: auto;
	margin: 40px auto 0;
    filter: grayscale(100%);
    opacity: .7;
}

.symbolstyle {
	display: none;
}

@media only screen and (max-width: 640px) {
	.exchange_flexbox {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}

	.exchange_flexsymbol {
		display: none;
	}

	.symbolstyle {
		width: 50%;
		height: auto;
		display: block;
		margin: 8% auto;
		padding: 0;
	}
}/*** Media Queries ***/

.caution_container {
	width: 100%;
	height: auto;
	padding: 2%;
	border: 2px solid #FF0000;
}

.tire_service_container {
	width: 85%;
	height: auto;
	margin: 5% auto;
	padding: 0;
}

.tire_service_container img {
	width: 40%;
	height: auto;
	margin: 0 auto;
}

.tire_service_description {
	width: 55%;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
}

.tire_service_description dl {
	width: 100%;
	margin: 0;
	text-align: center;
	font-size: 95%;
}

.tire_service_description dt {
	width: 30%;
/*	height: 56px;*/
	margin: 0;
	padding: 4%;
	display: block;
	background-color: var(--main_color);
	color: #FFFFFF;
	float: left;
	clear: left;
}

.tire_service_description dd {
	width: 70%;
/*	height: 56px;*/
	margin: 0;
	padding: 4%;
	display: block;
	float: left;
}

.arta {
	border-top: 1px solid var(--main_color);
	border-right: 1px solid var(--main_color);
	border-bottom: 1px solid var(--main_color);
	border-left: 1px solid var(--main_color);
	border-bottom-color: #FFFFFF;
}

.aguri {
	border-top: 1px solid var(--main_color);
	border-right: 1px solid var(--main_color);
	border-bottom: 1px solid var(--main_color);
}

.dorikin {
	border-top: 1px solid var(--main_color);
	border-right: 1px solid var(--main_color);
	border-bottom: 1px solid var(--main_color);
	border-left: 1px solid var(--main_color);
}

.nsx {
	border-top: 1px solid var(--main_color);
	border-right: 1px solid var(--main_color);
	border-bottom: 1px solid var(--main_color);
}

@media only screen and (max-width: 768px) {
	.tire_service_container img {
		width: 100%;
		margin-bottom: 8px;
	}

	.tire_service_description {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		float: right;
	}

	.tire_service_container {
		width: 100%;
	}

	.tire_service_description dl {
		width: 100%;
	}

	.tire_service_description dt {
		width: 30%;
		height: 128px;
	}

	.tire_service_description dd {
		width: 70%;
		height: 128px;
	}
}/*** Media Queries ***/

@media only screen and (max-width: 480px) {
	.tire_service_container img {
		width: 100%;
		float: none;
	}

	.tire_service_description dl {
		width: 100%;
	}

	.tire_service_description dt {
		width: 100%;
		height: auto;
		float: none;
		clear: none;
	}

	.tire_service_description dd {
		width: 100%;
		height: auto;
		float: none;
	}

	.arta {
		border-top: 1px solid var(--main_color);
		border-right: 1px solid var(--main_color);
		border-bottom: 1px solid var(--main_color);
		border-left: 1px solid var(--main_color);
	}

	.aguri,
	.dorikin,
	.nsx {
		border-top: none;
		border-right: 1px solid var(--main_color);
		border-bottom: 1px solid var(--main_color);
		border-left: 1px solid var(--main_color);
	}
}/*** Media Queries ***/
/**タイヤ交換関連**/

/**車検・板金 **/
.inspectiontable_container {
	width: 100%;
	height: auto;
	padding: 0;
	border: 2px solid #D53284;
}

.inspectionplus {
	background-color: #FFFFFF;
}

.inspection_boxflex {
	width: 29.333333%;
	height: auto;
	margin: 0 2% 8px;
	padding: 16px;
	background-color: #DF2029;
	color: #FFFFFF;
	text-align: center;
}

@media only screen and (max-width: 480px) {
	.inspection_boxflex {
		width: 96%;
	}
}/*** Media Queries ***/

.inspection_caution {
	width: 96%;
	height: auto;
	margin: 2%;
    margin-bottom: 6%;
	padding: 2%;
	border: 3px solid #000;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
/**車検・板金 **/

/*** 201901追加ここから ***/
.inspection2_cautionbox,
.inspection2_cautionbox a,
.inspection2_cautionboxa:hover {
	padding: 4px;
	display: inline-block;
	background-color: #bf0a0a;
	color: #FFFFFF;
}

.inspection2_adobebox {
	font-size: 70%;
}

.inspection2_adobebox img {
	width: auto;
	height: 30px;
}

.caution_txt {
	color: #000000;
	display: block;
}

.caution_txt img {
	width: auto;
	height: 32px;
}

	@media only screen and (max-width: 768px) {
		.inspection2_cautionbox {
			width: 100%;
			text-align: center;
		}

		.caution_txt img {
			height: 100%;
		}
	}/*** Media Queries ***/

.post_content div.spcinspection_container {
	width: 100%;
	height:auto;
	margin: 0 0 24px !important;
    margin-bottom: 40px!important;
	padding: 16px;
	text-align: center;
	border: 1px solid #333333;
	background-color: #FFFFFF;
}

.guys_title {
	margin: 0 0 24px;
	font-size: 200%;
	font-weight: bold;
	display: block;
}

.guys_desc {
	font-size: 120%;
	line-height: 1.8;
}

	@media only screen and (max-width: 768px) {
		h1 {
			margin: 0;
			padding: 0;
			background: transparent;
			border: 0;
			outline: 0;
			font-size: 1em;
			vertical-align: baseline;
		}

		h3 {
			font-size: 1em;
		}

		.guys_title {
			font-size: 140%;
		}

		.guys_desc {
			font-size: 100%;
		}
	}/*** Media Queries ***/

.service_3 {
	width :100%;
	height: auto;
	padding: 24px;
	border: 3px solid #000000;
}

.flex5box {
	width: 19.2%;
	height: auto;
	margin-right: 1%;
	padding: 0;
}

.flex5box:nth-child(5n) {
	margin-right: 0;
}

.flex5box:last-child {
	margin-right: 0;
}

	@media only screen and (max-width: 768px) {
		.flex5box,
		.flex5box:nth-child(5n) {
			width: 32.666666%;
			margin-right: 1%;
		}

		.flex5box:nth-child(3n){
			margin-right: 0;
		}

		.sienta_sym {
			width: 50%;
			height: auto;
		}
	}/*** Media Queries ***/

	@media only screen and (max-width: 480px) {
		.flex5box,
		.flex5box:nth-child(3n),
		.flex5box:nth-child(5n),
		.flex5box:last-child {
			width: 100%;
			margin: 0;
		}
	}/*** Media Queries ***/

.coating {
	width: 50%;
	height: auto;
}


	@media only screen and (max-width: 768px) {
		.coating {
			width: 100%;
			float: none;
		}
	}/*** Media Queries ***/

.abbuy_button {
	width: 100%;
	height: auto;
	padding: 16px 0;
	color: #FFFFFF;
	border-radius: 6px;
	font-size: 130%;
	font-weight: bold;
}

.ab_blink:hover {
	text-decoration: none;
	opacity: 0.7;
}

.b_abred {
	background-color: #E50020;
}

.b_aborange {
	background-color: #FF5611;
}

.b_abblue {
	background-color: #2E4FB5;
}

.t_abred {
	color: #E50020;
	font-weight: bold;
}

.t_aborange {
	color: #FF5611;
	font-weight: bold;
}

.t_abblue {
	color: #2E4FB5;
	font-weight: bold;
}

	@media only screen and (max-width: 480px) {
	 .sp_mt3 {
		 margin-top: 24px;
	 }
	}/*** Media Queries ***/

.abbb_flexbox {
	width: 31.333333%;
	height: auto;
	margin-right: 1%;
	margin-left: 1%;
	padding: 0;
}

	@media only screen and (max-width: 768px) {
		.abbb_flexbox {
			width: 48%;
			height: auto;
		}
	}/*** Media Queries ***/

	@media only screen and (max-width: 480px) {
		.abbb_flexbox {
			width: 100%;
			height: auto;
		}
	}/*** Media Queries ***/

.ab_reason {
	width: 100%;
	display: inline-block;
	padding: 0 0 8px;
	border-bottom: 2px solid #E50020;
	font-size: 200%;
	text-align: center;
	color: #E50020;
	font-weight: bold;
}

.point_wrap {
	width: 100%;
	margin-bottom: 0px;
	position: relative;
}

.abbuy_point {
	width: 92%;
/*	margin: 3% 0 0 8%;*/
    margin: auto;
	padding: 4% 16px 16px 6%;
	border: 3px solid #000000;
	background-color: #FFFFFF;
}

	@media only screen and (max-width: 768px) {
		.abbuy_point {
			margin: 2% 16px 16px 16px;
			padding: 18% 16px 16px 10px;
		}
	}/*** Media Queries ***/

	@media only screen and (max-width: 480px) {
		.abbuy_point {
			margin: 3% 16px 16px 16px;
			padding: 12% 16px 16px 10px;
		}

		.point_wrap {
			margin-bottom: 30px;
		}
	}/*** Media Queries ***/

.abbuy_number {
	width: 12.6%;
	height: 12.6%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 31;
    display: none;
}

	@media only screen and (max-width: 480px) {
		.abbuy_number {
			width: 20%;
			height: 20%;
		}
	}/*** Media Queries ***/

.abbuy_number img {
	width: 100%;
	height: auto;
}

.point_text {
	width: 48%;
	height: auto;
	margin: 0 2% 0 0;
	float: left;
}

	@media only screen and (max-width: 480px) {
		.point_text br {
			display: none;
		}
	}/*** Media Queries ***/

.point_icon {
	width: 50%;
	height: auto;
	float: right;
}

	@media only screen and (max-width: 768px) {
		.point_text,
		.point_icon {
			width: 100%;
			margin-bottom: 24px;
			float: none;
			text-align: center;
		}
	}/*** Media Queries ***/

.point_title {
	width: 100%;
	margin-bottom: 8px;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
	color: #E50020;
	display: block;
}

.bbbr {
	margin-bottom: 8px;
	padding: 8px;
	border: 1px solid #000000;
	border-radius: 4px;
	font-size: 80%;
	font-weight: bold;
}

@media only screen and (max-width: 480px) {
	.bbbr {
		margin-bottom: 16px;
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: 2px solid #000000;
		border-radius: 0px;
	}
}/*** Media Queries ***/

.abbb_flexbox5 {
	width: 48%;
	height: auto;
	margin: 0 1%;
}

	@media only screen and (max-width: 480px) {
		.abbb_flexbox5 {
			width: 100%;
			margin: 0 0 16px;
		}

		.abbb_flexbox br {
			display: none;
		}
	}/*** Media Queries ***/

/*** 201901追加ここまで ***/

/*** 201903追加ここから ***/
/** ピット作業 **/
img.do_image {
	width: 32%;
	margin-right: 16px !important;
	float: left;
    padding: 0 !important;
}

@media only screen and (max-width: 768px) {
	.do_image {
		width: 100%;
		margin-right: 0;
		float: none;
	}
}/*** Media Queries ***/

/** ピット作業 **/

/**安心3つ星補償 **/
.tokki_title {
	width: 100%;
	padding: 4px;
	font-size: 110%;
	font-weight: bold;
	background-color: #DFDFDF;
	display: inline-block;
}

.tokki {
	width: 100%;
	padding: 0;
}

.star_greenbox {
	width: 100%;
	padding: 0;
	border: 4px solid #64B41E;
	background-color: #FFFFFF;
}

.greenbox_titie {
	width: 100%;
	padding: 8px;
	color: #FFFFFF;
	background-color: #64B41E;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	display: inline-block;
}

.greenbox_subtitie {
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	color: #64B41E;
}

.greenbox_pack {
	padding: 0 16px 16px;
}

	@media only screen and (max-width: 768px) {
		.greenbox_titie {
			font-size: 120%;
		}

		.greenbox_subtitie {
			font-size: 100%;
		}
	}/*** Media Queries ***/

.greenbox_q,
.greenbox_a {
	display: block;
}

.greenbox_a {
	margin-bottom: 16px;
	padding-bottom: 4px;
	border-bottom: 1px solid #DFDFDF;
}

.greenbox_a:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.greenbox_q:before {
	content: "Q";
	font-size: 120%;
	font-weight: bold;
	color: #00bfff;
	margin-right: 8px;
}

.greenbox_a:before {
	content: "A";
	font-size: 120%;
	font-weight: bold;
	color: #db7093;
	margin-right: 8px;
}

.autobacs_tube {
	width: 100%;
	padding: 16px;
	text-align: center;
	background-color: #64B41E;
}

.inspe_lastbox {
	width: 48.5%;
	margin: 0 3% 0 0;
}

.inspe_lastbox:nth-child(even),
.inspe_lastbox:last-child {
	margin: 0 0 0% 0;
}

.inspe_lastbox img {
	width: 100%;
	height: auto;
}

	@media only screen and (max-width: 768px) {
		.inspe_lastbox {
			width: 100%;
		}
	}/*** Media Queries ***/
/**安心3つ星補償 **/
/*** 201903追加ここまで ***/

/*** 201904追加ここから ***/
.sp_nav_box {
	width: 100%;
	margin-bottom: 16px;
	border-bottom: 1px solid #000000;
	text-align: center;
}

.phonenumber2 {
	margin-top: 8px;
	font-size: 90%;
	color: var(--main_color);
	line-height: 1.6;
	display: block;
}

.phonenumber2 i {
	font-weight: 900;
}

.spnav_sub {
	margin: 0 0 16px 16px;
	font-size: 70%;
	color: #666666;
	display: block;
}
/*** 201904追加ここまで ***/

/**買取・販売**/
.image_wdthcontorol img {
	margin: 0 auto;
	width: 80%;
	height: auto;
}
/**買取・販売**/

/**タイヤ＆ホイールお預かり**/
.tirekeep_flexbox1 {
	width: 30%;
	height: auto;
	margin: 0;
	padding: 8px;
	border: 1px solid var(--main_color);
	background-color: #FFFFFF;
}

.tirekeep_flexbox2 {
	width: 10%;
	height: auto;
	margin: 0;
	padding: 8px;
}

.tirekeep_flexbox2 img {
	width: 40%;
	height: auto;
	margin: 30% auto;
}

.tirekeep_flexbox3 {
	width: 60%;
	height: auto;
	margin: 0;
	padding: 8px;
	border: 1px solid var(--main_color);
	background-color: #E6F4FA;
	font-size: 110%;
	font-weight: 600;
	color: #FF0000;
}

@media only screen and (max-width: 768px) {
	.tirekeep_flexbox1,
	.tirekeep_flexbox2,
	.tirekeep_flexbox3 {
		width: 100%;
		height: auto;
		text-align: center;
	}
	.tirekeep_flexbox2 img {
		width: 24%;
		height: auto;
		margin: 4% auto;
	}
}/*** Media Queries ***/

.keep_flexbox4 {
	width: 31.333333%;
	height: auto;
	margin: 0 1%;
	padding: 0;
}

.keep_flexbox4 img {
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 480px) {
	.keep_flexbox4 {
		width: 100%;
		margin: 0 0 16px;
	}
}/*** Media Queries ***/

.keep_flexbox5 {
	width: 48%;
	height: auto;
	margin: 0 1%;
	padding: 0;
}

.keep_flexbox5 img {
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 480px) {
	.keep_flexbox5 {
		width: 100%;
		margin: 0 0 16px;
	}
}/*** Media Queries ***/

.keep_flexbox6a1 {
	width: 26.666666%;
	height: auto;
	margin: 16px 0 0;
	padding: 8px;
	border: 1px solid var(--main_color);
	background-color: #FFFFFF;
	font-size: 90%;
}

.keep_flexbox6a2 {
	width: 26.666666%;
	height: auto;
	margin: 16px 0 0;
	padding: 8px;
	border: 1px solid var(--main_color);
	background-color: #E6F4FA;
	font-size: 90%;
}

@media only screen and (max-width: 480px) {
	.keep_flexbox6a1,
	.keep_flexbox6a2 {
		width: 100%;
		margin: 0 0 16px;
	}
}/*** Media Queries ***/

.tirekeep_flexbox7 {
	width: 10%;
	height: auto;
	margin: 0;
	padding: 8px;
}

.tirekeep_flexbox7 img {
	width: 42%;
	height: auto;
	margin: 60% auto;
}

@media only screen and (max-width: 768px) {
	.tirekeep_flexbox7 {
		width: 100%;
		height: auto;
		text-align: center;
	}
	.tirekeep_flexbox7 img {
		width: 24%;
		height: auto;
		margin: 2% auto;
	}
}/*** Media Queries ***/
/**タイヤ＆ホイールお預かり**/

/**ピット作業メニュー**/
.sticky_flexbox_l,
.sticky_flexbox_l1 {
	width: 20%;
	height: auto;
	padding: 8px;
	background-color: var(--main_color);
	color: #FFFFFF;
	text-align: center;
}

.sticky_flexbox_r,
.sticky_flexbox_r1 {
	width: 30%;
	height: auto;
	padding: 8px;
	background-color: #FFFFFF;
	border: 1px solid var(--main_color);
}

@media only screen and (max-width: 768px) {
	.sticky_flexbox_l,
	.sticky_flexbox_l1 {
		width: 30%;
		height: auto;
		padding: 8px;
		background-color: var(--main_color);
		color: #FFFFFF;
	}

	.sticky_flexbox_l {
		color: #FFFFFF;
		border-top: 1px solid var(--main_color);
	}

	.sticky_flexbox_l1 {
		color: #FFFFFF;
		border-top: 1px solid #FFFFFF;
	}

	.sticky_flexbox_r,
	.sticky_flexbox_r1 {
		width: 70%;
		height: auto;
		padding: 8px;
		background-color: #FFFFFF;
	}

	.sticky_flexbox_r {
		border: 1px solid var(--main_color);
	}

	.sticky_flexbox_r1 {
		border-top: none;
		border-left: 1px solid var(--main_color);
		border-right: 1px solid var(--main_color);
		border-bottom: 1px solid var(--main_color);;
	}
}/*** Media Queries ***/

@media only screen and (max-width: 480px) {
	.sticky_flexbox_l,
	.sticky_flexbox_l1,
	.sticky_flexbox_r,
	.sticky_flexbox_r1 {
		width: 100%;
		text-align: center;
	}
}/*** Media Queries ***/

.pitdetail_container {
	width: 100%;
	height: auto;
	padding: 16px;
	background-color: #FFFFFF;
}

.pitdetail_flexbox {
	width: 31.333333%;
	height: auto;
	margin: 0 1%;
	padding: 0;
}

@media only screen and (max-width: 768px) {
	.pitdetail_flexbox {
		width: 48%;
		height: auto;
	}
}/*** Media Queries ***/

@media only screen and (max-width: 480px) {
	.pitdetail_flexbox {
		width: 100%;
		height: auto;
		margin: 0%;
	}
}/*** Media Queries ***/

.situation_flexbox {
	width: 23%;
	height: auto;
	margin: 0 1%;
	padding: 0;
}

@media only screen and (max-width: 480px) {
	.situation_flexbox {
		width: 48%;
		height: auto;
		margin: 0 1%;
		padding: 0;
	}
}/*** Media Queries ***/
/**ピット作業メニュー**/

/**カーケア用品のサイズ表 **/
ul.carsize {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

ul.carsize li {
	width: 14.2%;
	margin: 0 0 8px;
	padding: 0;
	float: left;
}

@media only screen and (max-width: 768px) {
	ul.carsize li {
		width: 20%;
	}
}/*** Media Queries ***/

@media only screen and (max-width: 480px) {
	ul.carsize li {
		width: 33.333333%;
	}
}/*** Media Queries ***/

.carsize a,
.carsize a:hover {
	color: #036EB8;
	text-decoration: none;
}

.size_config {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
}

.size_flexbox_wh {
	width: 27%;
	height: auto;
	margin: 0;
	padding: 4px 0 4px 8px;
	border-bottom: 1px solid #DDDDDD;
	background-color: #FFFFFF;
}

.size_flexbox_bl {
	width: 6.333355%;
	height: auto;
	margin: 0;
	padding: 4px;
	background-color: #3E3A39;
	color: #FFFFFF;
	border-bottom: 1px solid #555555;
	text-align: center;
}

@media only screen and (max-width: 640px) {
	.size_flexbox_wh {
		width: 40%;
	}

	.size_flexbox_bl {
		width: 10%;
	}
}/*** Media Queries ***/
/**カーケア用品のサイズ表 **/

/**メンテナンスパック(24/36)**/
.maintepack {
	width：100%;
/*	max-width: 1000px;*/
	height: auto;
	margin: 0 0 24px 0;
	padding: 0;
}

.maintepack2 {
	width：60%;
	max-width: 640px;
	height: auto;
	margin: 0 auto 24px;
	padding: 0;
}

.maintepack_flexbox {
	width: 31.333333%;
	height: auto;
	margin: 0 1%;
	padding: 0;
	border: 1px solid var(--main_color);
}

.maintepack_flexbox2 {
	width: 48%;
	height: auto;
	margin: 0 1%;
	padding: 0;
	border: 1px solid var(--main_color);
}

.maintepack_flexbox3 {
	width: 23%;
	height: auto;
	margin: 0 1%;
	padding: 0;
	border: 1px solid var(--main_color);
}

@media only screen and (max-width: 480px) {
	.maintepack_flexbox,
	.maintepack_flexbox2,
	.maintepack_flexbox3 {
		width: 100%;
		margin: 0 0 8px;
	}
}/*** Media Queries ***/
/**メンテナンスパック(24/36)**/

/**事　例**/
.case_flexbox {
	width: 31.333333%;
	height: auto;
	margin: 0 1%;
	padding: 0;
}

.case_flexbox img {
	width: 100%;
	height: auto;
}

.case_flexbox a,
.case_flexbox a:hover {
	text-decoration: none;
	color: #111111;
}

@media only screen and (max-width: 480px) {
	.case_flexbox {
		width: 100%;
		height: auto;
		margin: 0 0 16px;
		padding: 0;
	}
}/*** Media Queries ***/

.backandforward {
	width: 100%;
	height: auto;
	margin: 16px 0 0;
	padding: 8px;
	border: 1px solid #DFDFDF;
}

@media only screen and (max-width: 480px) {
設定値
}/*** Media Queries ***/
/**事　例**/

/**XXXXXXXXXXXXXX**/

/**XXXXXXXXXXXXXX**/

/**XXXXXXXXXXXXXX**/

/**XXXXXXXXXXXXXX**/

/**XXXXXXXXXXXXXX**/

/**XXXXXXXXXXXXXX**/

/**XXXXXXXXXXXXXX**/

/**XXXXXXXXXXXXXX**/



/**GoogleMap**/
.map {
	height: 0;
	position: relative;
	padding-top: 28.5%;
	/**数値変更で高さ調整**/
	overflow: hidden;
}

@media only screen and (max-width: 480px) {
.map {
	padding-top: 55%;
}
}/*** Media Queries ***/

.map iframe,
.map object,
.map embed {
	padding: 8px;
	width: 100%;
	height: 350px;
	position: absolute;
	top: 0;
	right: 0;
}
/**GoogleMap**/


/****************************************

          Footer

*****************************************/
/**ページトップ設定**/
.pagetop {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
}

.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background: url("./img_common/gotop.png");
}
/**ページトップ設定**/

#footer_container {
	width: 100%;
/*	max-width: 1000px;*/
	height: auto;
	margin: 0 auto;
	padding: 0;
}

#footer_container a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer_container a:hover {
	color: var(--main_color);
	text-decoration: underline;
}

#footer_container ul {
	margin-bottom: 8px;
	padding: 0;
	text-align: center;
}

#footer_container li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0;
	padding: 0 12px;
	vertical-align: top;
	border-right: 1px solid #FFFFFF;
}

#footer_container li:last-child {
	border: none;
}

@media only screen and (max-width: 768px) {
	#footer_container {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
}/*** Media Queries ***/

/*
.copyright {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 32px 0;
	background-color: #3E3A39;
	text-align: center;
	font-size: 90%;
	color: #FFFFFF;
}
*/



/****************************************

          IMAGE Layout

*****************************************/
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	display: block;
	/****画像直下の空白消し****/
}


img.img_right {
	margin: 0 0 16px 16px !important;
	padding: 0 !important;
	float: right;
	/****画像右寄せ****/
}

img.img_left {
	margin: 0 16px 16px 0;
	padding: 0;
	float: left;
	/****画像左寄せ****/
}


img.img_centering {
	display: block;
	margin: 0 auto;
	/*** 画像を絶対的に中央に配置 ***/
}


img.img_lengthwise {
	vertical-align: middle;
	/*** 画像の縦位置を中央に配置 ***/
}

img.img_40w {
	width: 40%;
	height: auto;
}

img.img_50w {
	width: 50%;
	height: auto;
}

img.img_60w {
	width: 60%;
	height: auto;
}

img.img_70w {
	width: 70%;
	height: auto;
}

@media only screen and (max-width: 480px) {
	img.img_40w,
	img.img_50w,
	img.img_640w,
	img.img_70w {
		width: 100%;
	}
}/*** Media Queries ***/


/****************************************

          Margin Setting

*****************************************/
/**Margin TOP**/
.mt1 {
	margin-top: 8px !important;
}
.mt2 {
	margin-top: 16px !important;
}
.mt3 {
	margin-top: 24px !important;
}
.mt4 {
	margin-top: 32px !important;
}
.mt5 {
	margin-top: 40px !important;
}
.mt6 {
	margin-top: 48px !important;
}
.mt7 {
	margin-top: 56px !important;
}
.mt8 {
	margin-top: 64px !important;
}
.mt9 {
	margin-top: 72px !important;
}
.mt10 {
	margin-top: 80px !important;
}
.mt11 {
	margin-top: 88px !important;
}
.mt12 {
	margin-top: 96px !important;
}
.mt13 {
	margin-top: 104px !important;
}
.mt14 {
	margin-top: 112px !important;
}
.mt15 {
	margin-top: 120px !important;
}
/**Margin BOTTOM**/
.mb1 {
	margin-bottom: 8px !important;
}
.mb2 {
	margin-bottom: 16px !important;
}
.mb3 {
	margin-bottom: 24px !important;
}
.mb4 {
	margin-bottom: 32px !important;
}
.mb5 {
	margin-bottom: 40px !important;
}
.mb6 {
	margin-bottom: 48px !important;
}
.mb7 {
	margin-bottom: 56px !important;
}
.mb8 {
	margin-bottom: 64px !important;
}
.mb9 {
	margin-bottom: 72px !important;
}
.mb10 {
	margin-bottom: 80px !important;
}
.mb11 {
	margin-bottom: 88px !important;
}
.mb12 {
	margin-bottom: 96px !important;
}
.mb13 {
	margin-bottom: 104px !important;
}
.mb14 {
	margin-bottom: 112px !important;
}
.mb15 {
	margin-bottom: 120px !important;
}
/**Margin RIGHT**/
.mr1 {
	margin-right: 8px !important;
}
.mr2 {
	margin-right: 16px !important;
}
.mr3 {
	margin-right: 24px !important;
}
.mr4 {
	margin-right: 32px !important;
}
.mr5 {
	margin-right: 40px !important;
}
.mr6 {
	margin-right: 48px !important;
}
.mr7 {
	margin-right: 56px !important;
}
.mr8 {
	margin-right: 64px !important;
}
.mr9 {
	margin-right: 72px !important;
}
.mr10 {
	margin-right: 80px !important;
}
.mr11 {
	margin-right: 88px !important;
}
.mr12 {
	margin-right: 96px !important;
}
.mr13 {
	margin-right: 104px !important;
}
.mr14 {
	margin-right: 112px !important;
}
.mr15 {
	margin-right: 120px !important;
}
/**Margin LEFT**/
.ml1 {
	margin-left: 8px !important;
}
.ml2 {
	margin-left: 16px !important;
}
.ml3 {
	margin-left: 24px !important;
}
.ml4 {
	margin-left: 32px !important;
}
.ml5 {
	margin-left: 40px !important;
}
.ml6 {
	margin-left: 48px !important;
}
.ml7 {
	margin-left: 56px !important;
}
.ml8 {
	margin-left: 64px !important;
}
.ml9 {
	margin-left: 72px !important;
}
.ml10 {
	margin-left: 80px !important;
}
.ml11 {
	margin-left: 88px !important;
}
.ml12 {
	margin-left: 96px !important;
}
.ml13 {
	margin-left: 104px !important;
}
.ml14 {
	margin-left: 112px !important;
}
.ml15 {
	margin-left: 120px !important;
}


/****************************************

          Footer Setting

*****************************************/
footer {
	clear: both;
}

/****************************************

          ClearFix

*****************************************/
/*** clearfix ***/
#container:after,
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}

/* clearfix for ie7 */
#container,
.clearfix {
	display: inline-block;
}

#container,
.clearfix {
	display: block;
}
/*** clearfix ***/




/****************************************
     For Smart Phone General Setting
            Width from 768px
*****************************************/
@media only screen and (max-width: 768px) {
	.pc {
		display: none;
	}

	.sp {
		display: block;
	}

	body {
		/** 不要であればコメントアウト **/
		-webkit-text-size-adjust: 100%;
		/*text-align: center;*/
		line-height: 1.4;
		/*background: url("./img_common/autobacs_background.gif") !important;*/
	}

	html, /*body,*/ div, span, applet, object, iframe,
	blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot,footer, thead, tr, th, td {
		margin: 0;
		padding: 0;
		background: transparent;
		border: 0;
		outline: 0;
		font-size: 1em;
		vertical-align: baseline;
	}

	body,
	table,
	input, textarea, select, option {
		font-family: 'Noto Sans', sans-serif , 'Noto Serif', serif;
		font-size: 1em;
	}

	article, aside, canvas, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section, summary,
	header,hgroup {
		display: block;
	}

	ol, ul {
		list-style: none;
	}

	:focus {
		outline: 0;
	}

	ins {
		text-decoration: none;
	}

	del {
		text-decoration: line-through;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before,
	blockquote:after,
	q:before,q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	/****************************************

	          Layout

	*****************************************/
/*
	#container {
		width: 100%;
		margin: 0;
	}

	header {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}

	main {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		** Main Contents **
	}

	footer {
		width: 100%;
		height: auto;
		margin: 128px 0 0;
		padding: 64px 0 56px;
		background-color: #000000;
		color: #FFFFFF;
	}
*/
}/*** Media Queries ***/

.display-test {
	width: 100%;
	padding: 8px;
	background-color: #00EEFF;
}

/****************************************

		  Youtubeをレスポンシブ化

*****************************************/
/**GoogleMap / Youtube**/
.iframe_container,
.youtube {
height: 0;
position: relative;
padding-top: 56.25%;
/**数値変更で高さ調整**/
overflow: hidden;
}

.iframe_container iframe,
.iframe_container object,
.iframe_container embed,
.youtube iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
/**GoogleMap / Youtube**/

.movie_container {
	width: 100%;
	max-width: 1920px;
	height: auto;
	margin: 0 auto;
}

video {
  width: 100%;
  margin: 0 auto;
}















.post_content h1 {
    line-height: 1.4;
    font-size: 35px;
}

@media only screen and (max-width: 768px) {
    .post_content h1 {
        font-size: 25px;
    }
}/*** Media Queries ***/


.post_content h4 {
}







.box_qa_search {
    background: var(--bg_color);
    width: 100%;
    max-width: 1000px;
    margin: auto;
    margin-bottom: 20px;
    padding: 30px;
    box-sizing: border-box;
}

.box_qa_search form {
    display: flex;
    justify-content: center;
    align-items: center;
}
    
.box_qa_search p {
    font-weight: bold;
    padding: 0 20px 0 0;
    min-width: 135px;
}
    
.box_qa_search input[type='text'] {
    padding: 10px;
    font-size: 16px;
    width: 100%;
    max-width: 600px;
    background: #fff;
    border: 1px solid #ccc;
    border-right: none;
}

.box_qa_search input[type='submit'] {
    padding: 10px;
    font-size: 16px;
    width: 100%;
    max-width: 100px;
    background: var(--main_color);
    color: #fff;
    border: 1px solid #ccc;
    border-left: none;
}


.box_qa_catlist {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    text-align: center;
    flex-wrap: wrap;
}

.box_qa_catlist li {
    width: 100%;
    max-width: 30%;
}

.box_qa_catlist a {
    color: inherit;
    display: block;
}

.box_qa_catlist a:hover {
    text-decoration: none;
	color: var(--main_color);
}

.box_qa_catlist img {
    width: 100%;
}

img.img_qa {
    width: 100%;
    max-width: 300px;
    margin: -40px auto 10px;
}

@media only screen and (max-width: 960px) {
    img.img_qa {
        width: 100%;
        max-width: 300px;
        margin: 0 auto 10px;
    }

}/*** Media Queries ***/

@media only screen and (max-width: 768px) {
    .box_qa_catlist li {
        width: 100%;
        max-width: 47%;
    }
    
    .box_qa_search form {
        flex-wrap: wrap;
        text-align: center;
    }
    
    .box_qa_search p {
        width: 100%;
    padding: 0;    }

    .box_qa_search input[type='text'] {
        border: 1px solid #ccc;
        margin: 20px 0;
    }

    .box_qa_search input[type='submit'] {
        border: 1px solid #ccc;
    }    
    
    
}/*** Media Queries ***/


.box_qa {
    border: 4px solid #000;
}


.nav-open{
	padding: 20px;
    padding: 20px 62px 20px 47px;
/*	font-size: 20px;*/
	position: relative;
    cursor: pointer;
}
.nav-open::after{/* 閉じている時 */
	content: "＋";
	position: absolute;
	right: 20px;
	color: var(--main_color);
    font-weight: bold;
    font-size: 25px;
    top: 10px;
}

.nav-open.active::after{/* 開いている時 */
	content: "－";
}

.acd-label{
    border-top: 1px solid #000;
    position: relative;
}    


.acd-label::before {
    content: 'Q';
    font-weight: bold;
    display: inline-block;
    padding: 0 10px 0 0;
    font-size: 25px;
    position: absolute;
    left: 14px;
    top: 10px;
}



.acd-content{
    padding: 0 62px 20px 47px;
    display: none;
    position: relative;
}

.acd-content p::before {
    content: 'A';
    font-weight: bold;
    display: inline-block;
    padding: 0 10px 0 0;
	color: var(--main_color);
    font-size: 25px;
    position: absolute;
    left: 16px;
    top: -9px;
}


.qa_notword {
    text-align: center;
    padding: 0 0 40px 0;
}


.exchange_flexsymbol .imgstyle1 {
    width: 100%;
    height: auto;
    margin: 80px auto 0;
    filter: grayscale(100%);
    opacity: .7;
}

.symbolstyle2023_1 {
	margin: 80px 0 !important;
}

.symbolstyle2023_2 {
	margin: 120px 0 !important;
}

.tire_exchange img {
	padding: 25px 0 !important;
}