@charset "utf-8";

@media screen and (max-width: 979px) {
	body.is-open{
		position: relative;
	}
	body.is-open:after{
		content: "";
		position: absolute;
		background: rgba(0,0,0,.3);
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 100vh;

	}
/* !header layout
---------------------------------------------------------- */
#header {
	padding-top: 0;
	min-width: 320px;
	border-bottom: 1px solid #ccc;
}
}

@media screen and (max-width: 979px) {
/* !headerContent
---------------------------------------------------------- */
#headerContent {
	padding: 0;
	width: 100%;
	position: relative;
}
	#headerContentIn {
		margin: 0 auto;
		/* width: 768px; */
		width: 100%;
	}
		#headerLogo {
			float: none;
			/* padding: 19px 19px 18px; */
			padding: 12px 7px;
		}
		#headerLogo img {
			margin-top: -3px;
		}
		#headerLogo span{
			margin-left: 10px;
			font-size: 12px;
		}
		#headerMenuBtn {
			display: block;
			/* padding-top: 26px; */
			/* width: 76px; */
			/* height: 50px; */
			position: absolute;
			right: 0;
			top: 0;
			cursor: pointer;
			text-indent: -9999px;
			background: url(/products/tire/mc/common/images/header/btn_dropmenu_open01.svg) no-repeat center center;
			background-size: 23px 21px;
			padding-top: 15px;
			width: 45px;
			height: 35px;
		}
		#headerMenuBtn.open {
			/* background-color: #333; */
			background-image: url(/products/tire/mc/common/images/header/btn_dropmenu_close01.svg);
		}
		#headerMenuBtn img {
			width: 23px;
			height: auto;	
		}
		
	#headerLinks {
		display: none;	
	}
	#header .mc-sp-nav-6__items{
		border-top: 1px solid #E6E6E6;
		padding-top: 10px;
		margin-top: 10px;
	}
}
@media screen and (max-width: 767px) {
	#headerContentIn {
		width: 100%;
	}
		#headerMenuBtn {
			width: 45px;
			height: 35px;
		}
			#headerMenuBtn img {
				width: 23px;
				height: auto;	
			}
}

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

	#headerSearch {
		/* display: none; */
		float: none;
		margin: 0 auto;
		padding: 20px 15px;
		width: calc(100% - 30px);
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10001;
		background-color: #fff;
	}
	#headerSearch.sp{
		display: block;
	}
	#headerSearch.pc{
		display: none !important;
	}
	#headerSearch.show {
		display: block;
	}
		#headerSearch form {
			display: block;
			margin: 0 auto;
			width: 345px;
			position: relative;
		}
		#headerSearch input {
		   -webkit-appearance: none;
		   border-radius: 0;
		}
		#headerSearch input[type=text] {
			width: calc(100% - 30px);
			background-color: #E6E6E6;
			color: #000000;
			padding: 12px 5px 12px 30px;
		}
		#headerSearch input[type=submit] {
			/* left: 350px; */
			left: auto;
			right: 13px;
			background-image: url(/products/tire/mc/common/images/header/btn_header_search01.svg);
			background-size: contain;
			width: 29px;
			height: 32px;
			top: 2px;
		}
	/* @media (-webkit-min-device-pixel-ratio: 2) {
		#headerSearch input[type=submit] {
			background-image: url(/products/tire/mc/common/images/header/btn_header_search01.svg);
			background-size: 35px 35px;	
		}
	} */

}
@media screen and (max-width: 767px) {
		#headerSearch input[type=submit] {
			/* left: 265px; */
		}
}
@media screen and (max-width: 375px) {
	#headerSearch form {
		width: 100%;
	}
}

@media screen and (max-width: 979px) {
	#dropMenuWrap_sp {
		display: none;
		width: 100%;
		height: calc(100% - 51px);
		position: fixed;
		left: 0;
		top: 51px;
		z-index: 10001;
		overflow-y: auto;
		/* overflow: hidden; */
	}
		#dropMenuWrap_sp #headerLinks_sp {
			display: none;
			min-height: 1%;
			float: none;
			margin-top: -1px;
			width: 100%;
			height: auto;
			border-top: 1px solid #777;
			background-color: #555;
			overflow: hidden;
			position:relative;
			z-index: 10001;
		}
		#dropMenuWrap_sp.open #headerLinks_sp {
			display: block;
		}
		#headerLinks_sp:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			visibility: hidden;
		}
			#headerLinks_sp ul {
			}
				#headerLinks_sp li {
					display: table;
					float: left;
					position: static;
					padding: 0;
					width: 50%;
					height: 47px;
					border-bottom: 1px solid #777;
					border-right: 1px solid #777;
					background: none;
					box-sizing: border-box;
				}
					#headerLinks_sp li a {
						display: table-cell;
						vertical-align: middle;
						padding-left: 21px;
						height: 47px;
						background-image: url(/products/tire/mc/common/images/header/ico_header_arrow_l01.png);
						background-repeat: no-repeat;
						background-position: 92.44% center !important;
						text-indent: 0;
						color: #fff;
						font-size: 100%;
						font-weight: bold;
						text-decoration: none;
					}
					#headerLinks_sp li a:focus,
					#headerLinks_sp li a:hover {
						text-decoration: none;	
					}
					#headerLinks_sp li a.external {
						background-image: url(/products/tire/mc/common/images/header/ico_header_external02.png);	
						background-position: 92.44% center !important;
					}
				@media (-webkit-min-device-pixel-ratio: 2) {
					#headerLinks_sp li a {
						background-image: url(/products/tire/mc/common/images/header/ico_header_arrow_l01_2x.png);
						background-size: 6px 12px;
					}
					#headerLinks_sp li a.external {
						background-image: url(/products/tire/mc/common/images/header/ico_header_external02_2x.png);	
						background-size: 11px 10px;
					}
				}
}
@media screen and (max-width: 767px) {
			#headerLinks_sp li a {
				padding: 0 26px 0 10px;
				height: 50px;
				background-position: 89.87% center !important;
				font-size: 85.71%;
			}
			#headerLinks_sp li a.external { background-position: 89.87% center !important; }
}

/* !gNavi
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
#dropMenuWrap_sp.open #gNavi {
	display: block;	
}
#gNavi {
	display: none;
	margin: 0;
	background-color: #333;
	position: relative;
	z-index: 10000;
}
	#gNavi ul {
		margin: 0 auto;
		width: 100%;
		height: auto;
		border-top: 1px solid #777;
		overflow: hidden;
		display: block;
		min-height: 1%;
	}
	#gNavi ul:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}
		#gNavi li {
			display: table;
			float: left;
			position: static;
			padding: 0;
			width: 50%;
			height: 47px;
			border-bottom: 1px solid #777;
			border-right: 1px solid #777;
			box-sizing: border-box;
		}
			#gNavi li a {
				display: table-cell;
				vertical-align: middle;
				padding: 0 48px 0 21px;
				height: 47px;
				background-image: url(/products/tire/mc/common/images/header/ico_header_arrow_l01.png);
				background-repeat: no-repeat;
				background-position: 92.44% center !important;
				text-indent: 0;
				color: #fff;
				font-weight: bold;
				text-decoration: none;
			}
			#gNavi li a.external {
				background-image: url(/products/tire/mc/common/images/header/ico_header_external02.png);	
				background-position: 92.44% center !important;
			}
		@media (-webkit-min-device-pixel-ratio: 2) {
			#gNavi li a {
				background-image: url(/products/tire/mc/common/images/header/ico_header_arrow_l01_2x.png);
				background-size: 6px 12px;
			}
			#gNavi li a.external {
				background-image: url(/products/tire/mc/common/images/header/ico_header_external02_2x.png);	
				background-size: 11px 10px;
			}
		}
}
@media screen and (max-width: 767px) {
			#gNavi li a {
				padding: 0 26px 0 10px;
				height: 50px;
				background-position: 89.87% center !important;
				font-size: 85.71%;
			}
			#gNavi li a.external { background-position: 89.87% center !important; }
}

/* !dropMenu
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
#dropMenuWrap {
	display: none;
}
}