@charset "utf-8";
/* CSS Document */


/* !mainimg
-------------------------------------------------------------- */
#mainimg {
	background-image: url(/about/images/mainimg_index_01.jpg);
	background-position: center top;
}

/*
#mainimg .inner {
	padding: 0 !important;
}
*/

#mainimg .inner h1 {
	padding-top: 20px;
	line-height: 1;
}

#mainimg .inner h1 .read {
	font-size: 14px;
	font-family: "UD新ゴL", "UD Shin Go Light", sans-serif;
}

#mainimg > .read {
	display: none;
}
/* IE8 */
html>/**/body #mainimg {
	background-image/*\**/: url(/about/images/mainimg_index_01_legacy.jpg)\9;
}

@media screen and (max-width: 979px) {
	#mainimg {
		background-position: right -70px top;
	}

	#mainimg .inner h1 .read {
		padding-left: 0px;
	}


	
}

@media screen and (max-width: 767px) {
	
	#mainimg { background-image: url(/about/images/mainimg_index_01_sp.jpg);
		background-position: right 0 top;
	}

	#mainimg .inner h1 {
		padding-top: 0px;
	}

	#mainimg .inner h1 .read {
		display: none;
	}

	#mainimg > .read {
		display: block;
	}

}



/* !section
-------------------------------------------------------------- */
section { margin-top: 45px; }



/* !txt
-------------------------------------------------------------- */
.ttl_TNR {
	font-family: "Times New Roman";
	font-style: italic;
	font-size: 42px;
	font-weight: bold;
}



/* !boxAbout01
-------------------------------------------------------------- */
.boxAbout01 {
	padding: 15px 20px;
	border: none;
	background-color: #f3dcdb;
}
	.boxAbout01 .ul_circle01 {
		margin-bottom: 0;
		padding-left: 40px;
		background: url(/about/images/ico_about_01.gif) no-repeat left center;
		background-size: 30px 30px;
		min-height: 30px;
	}
	.boxAbout01 .ul_circle01 >li {
		margin: 0;
		padding-top: 4px;
	}


/* !ul_maintenanc01
-------------------------------------------------------------- */
.ul_maintenanc01 {
	margin-top: 25px;
}
@media screen and (max-width: 767px) {
.ul_maintenanc01 {
}
	.ul_maintenanc01.blkAlignRight >li {
		float: none;
	}
}


/* !検索ボックス：search_form
-------------------------------------------------------------- */
.search_form {
	margin-top: 30px;
}
.searchBox01 {
	padding: 18px 0;
	height: 35px;
	background-color: #e5e5e5;
}
	.searchBox01 .inner {
		margin: 0 auto;
		width: 480px;
		position: relative;
	}
		.searchBox01 .inner input {
			position: absolute;
			top: 0;
			outline: none;
		}
		.searchBox01 .inner .input-txt {
			padding: 10px 5px;
			width: 444px;
			height: 15px;
			line-height: 15px;
			border: none;
			left: 0;
		}
		.searchBox01 .inner .SS_searchSubmit {
			left: 444px;
			width: 35px;
			height: 35px;
			text-indent: -9999px;
			background: url(/about/images/btn_syncsearch_01.gif) no-repeat left top;
			border: none;
			cursor: pointer;
		}
@media screen and (max-width: 979px) {
.searchBox01 {
}
	.searchBox01 .inner {
	}
		.searchBox01 .inner .input-txt,
		.searchBox01 .inner .SS_searchSubmit {
		   -webkit-appearance: none;
		   border-radius: 0;
		}
		@media (-webkit-min-device-pixel-ratio: 2) {
			.searchBox01 .inner .SS_searchSubmit {
				background-image: url(/about/images/btn_syncsearch_01_2x.gif);
				background-size: 35px 35px;
			}
		}
}
@media screen and (max-width: 767px) {
.searchBox01 {
}
	.searchBox01 .inner {
		margin: 0 auto;
		padding: 0 10px;
		width: 300px;
		box-sizing: border-box;
	}
		.searchBox01 .inner .input-txt {
			padding: 10px 40px 10px 5px;
			width: 100%;
			height: 35px;
			line-height: 15px;
			border: none;
			box-sizing: border-box;
		    border-radius: 0;
		}
		.searchBox01 .inner .SS_searchSubmit {
			left: auto;
			right: 0;
		}
}


/* !タイヤを探す（乗用車用）：listSearchTire
-------------------------------------------------------------- */
.listSearchTire { margin-right: -10px; }
	.listSearchTire > li {
		width: 320px;
		margin: 0 10px 10px 0;
		float: left;
		box-sizing: border-box;
		border: solid 2px #363636;
		background-color: #363636;
		background-size: 70px 70px;
		background-repeat: no-repeat;
	}
	.listSearchTire .itemCar { background-image: url(/about/images/ico_search_tire_01.gif); }
	.listSearchTire .itemSize { background-image: url(/about/images/ico_search_tire_02.gif); }
	.listSearchTire .itemBrand { background-image: url(/about/images/ico_search_tire_03.gif); }
	.listSearchTire .itemKantan { background-image: url(/about/images/ico_search_tire_04.gif); }
	.listSearchTire > li:hover {
		border-color: #666;
		background-color: #666;
	}
		.listSearchTire a {
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center;
			align-items: center;
			width: 240px;
			height: 70px;
			padding-left: 80px;
			color: #fff;
			text-decoration: none;
		}
			.listSearchTire a span {
				padding: 2px 0 0 15px;
				background: url(/common/images/ico_arrow_l04_2x.png) left center no-repeat;
				background-size: 6px 12px;
				font-size: 18px;
				line-height: 1.27;
				font-family: "UD新ゴM", "UD Shin Go Medium", sans-serif;
			}
@media screen and (max-width: 767px) {
.listSearchTire { margin-right: 0; }
	.listSearchTire > li {
		width: auto;
		margin: 0;
		padding: 10px 12px 10px 10px;
		float: none;
		border: none;
		border-bottom: solid 1px #e5e5e5;
		background-color: #f3f3f3;
		background-position: 10px center;
	}
		.listSearchTire a {
			width: auto;
			padding-left: 80px;
			color: #333;
		}
		.listSearchTire a:hover { text-decoration: underline; }
			.listSearchTire a span {
				padding: 2px 18px 0 0;
				background: url(/common/images/ico_arrow_l03_2x.png) right center no-repeat;
				background-size: 6px 12px;
				font-size: 15px;
				line-height: 1.53;
				width: 100%;
			}
}

.atode { padding: 50px 0; background: #FFB5F5; text-align: center; }

/* !タイヤを探す 追従メニュー（sidemenu-search-tire）
-------------------------------------------------------------- */
#sidemenu-search-tire {
	position: fixed;
	right: 0;
	bottom: 85px;
	z-index: 9999;
	padding: 10px;
	background-color: #333;
}

#sidemenu-search-tire .sidemenu-header {
	margin-bottom: 10px;
	color: #fff;
}

#sidemenu-search-tire .sidemenu-item {
	margin-bottom: 7px;
	background-color: #fff;
}

#sidemenu-search-tire .sidemenu-item:hover {
	opacity: 0.85;
}

#sidemenu-search-tire .sidemenu-item:last-child {
	margin-bottom: 0;
}

#sidemenu-search-tire .sidemenu-link {
	display: flex;
	/* justify-content: center; */
	align-items: center;
	box-sizing: border-box;
	min-height: 40px;
	padding: 5px 10px;
	text-decoration: none;
	color: #333;
	font-size: 12px;
}

#sidemenu-search-tire .sidemenu-link::after {
	content: '';
	width: 5px;
	height: 5px;
	margin-left: 5px;
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	transform: rotate(45deg);
}

#sidemenu-search-tire .sidemenu-icon.car {
	width: 30px;
	margin-right: 5px;
}

#sidemenu-search-tire .sidemenu-icon.size {
	width: 30px;
	margin-right: 5px;
}

#sidemenu-search-tire .sidemenu-icon.brand {
	width: 28px;
}

#sidemenu-search-tire .sidemenu-icon.type {
	width: 26px;
	margin-right: 3px;
}

@media screen and (max-width: 767px) {
	#sidemenu-search-tire {
		display: flex;
		align-items: center;
		left: 0;
		bottom: 0;
		box-sizing: border-box;
		width: 100%;
		padding: 7px 10px;
	}
	#sidemenu-search-tire .sidemenu-header {
		margin-bottom: 0px;
		text-align: left;
		font-size: 12px;
	}
	#sidemenu-search-tire .sidemenu-box {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#sidemenu-search-tire .sidemenu-item {
		margin-bottom: 0;
		width: 49%;
	}
	#sidemenu-search-tire .sidemenu-item:nth-of-type(1),
	#sidemenu-search-tire .sidemenu-item:nth-of-type(2) {
		margin-bottom: 5px;
	}
	#sidemenu-search-tire .sidemenu-link {
		min-height: auto;
		height: 30px;
		padding: 2px 5px;
		justify-content: center;
	}
	#sidemenu-search-tire .sidemenu-link::after {
		margin-left: 3px;
	}
	#sidemenu-search-tire .sidemenu-icon.car {
		width: 26px;
		margin-right: 5px;
	}
	#sidemenu-search-tire .sidemenu-icon.size {
		width: 24px;
		margin-right: 5px;
	}
	#sidemenu-search-tire .sidemenu-icon.brand {
		width: 22px;
	}
	#sidemenu-search-tire .sidemenu-icon.type {
		width: 22px;
		margin-right: 3px;
	}
}

@media screen and (max-width:320px) {
	#sidemenu-search-tire {
		padding: 7px 5px;
	}
	#sidemenu-search-tire .sidemenu-header {
		font-size: 10px;
	}
	#sidemenu-search-tire .sidemenu-link {
		padding: 2px;
		font-size: 10px;
	}
}

/* !ai_tire_button
-------------------------------------------------------------- */
#sidemenu-ai-tire {
	position: fixed;
	right: 0;
	bottom: 85px;
	z-index: 9999;
	padding: 10px;
}

#sidemenu-ai-tire.ai-tire-mi {
	bottom: 330px;
}

@media screen and (max-width: 767px) {
	#sidemenu-ai-tire {
		display: flex;
		align-items: center;
/* 		left: 0; */
		bottom: 0;
		box-sizing: border-box;
/* 		width: 100%; */
		padding: 7px 10px;
	}
	#sidemenu-ai-tire.ai-tire-mi {
		bottom: 70px;
	}
}

@media screen and (max-width:320px) {
	#sidemenu-ai-tire {
		padding: 7px 5px;
	}
}

#sidemenu-ai-tire .btnAi {
	width: 124px;
	height: 124px;
	margin-bottom: 20px;
}

#sidemenu-ai-tire .btnAi a {
	display: block;
	width: 124px;
	height: 124px;
	background: url(/about/images/PC.png) no-repeat 0 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

@media only screen and (max-width: 767px) {
	#sidemenu-ai-tire .btnAi {
		width: 100px;
		height: 100px;
		/* 		max-width: 80px;
		max-height: 36px;
		margin-bottom: 0px;
		margin-left: 7px;
		display: inline-block; */
	}

	#sidemenu-ai-tire .btnAi a {
		background: url(/about/images/SP_B_24px.png) no-repeat 0 0;
		background-size: 100px;
		/* max-width: 80px;
		max-height: 36px;
		background-size: contain; */
	}
}




/*202104追記*/


#contents h1.h1_basic01 {
	line-height: 26px;
}

#contents h1.h1_basic01 .read {
	font-size: 14px;
	font-family: "UD新ゴL", "UD Shin Go Light", sans-serif;
}


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

	#contents h1.h1_basic01 {
		line-height: 1.2em;
	}

	#contents h1.h1_basic01 .read {
		line-height: 1.2em;
	}
}