@charset "utf-8";

@media screen and (max-width: 979px) {
/* !header layout
---------------------------------------------------------- */
#header {
	padding-top: 0;
	min-width: 320px;
	border-top:none !important;
	border-bottom: 1px solid #ccc;
}
/* COCKPIT STYLE */
.cpStyleBody #header,
.cpSportsBody #header,
.cpImportBody #header { border-top:none !important; }

}

@media screen and (max-width: 979px) {
/* !headerContent
---------------------------------------------------------- */
#headerContent {
	padding: 0;
	width: 100%;
	position: relative;
	padding-top:76px;
}
	#headerContentIn {
		border-top:4px solid #0065b4;
	}
	/* COCKPIT STYLE */
	.cpStyleBody #headerContentIn { border-top:4px solid #0065b4 !important; }
	.cpSportsBody #headerContentIn { border-top:4px solid #c3244a !important; }
	.cpImportBody #headerContentIn { border-top:4px solid #016972 !important; }

		#headerLogo {
			float: none;
			padding: 19px 19px 18px;
			text-align:center;
			line-height:2em;
		}
			#headerLogo a{
				display:block;
				margin:0 auto;
				float:none;
				width:224px;/* original width 144px edit@170323*/
				text-align: left;/* original align center edit@170323*/
			}
			#headerLogo .shopName{
				float:none;
				padding-top:9px;
				line-height: 100%;
				margin-left:0;
				width:auto;
			}
			#headerLogo .shopName p{
				display: inline;
				height: auto;
				width:auto;
				line-height: 130%;
			}
			.cpStyleBody #headerLogo .shopName p{ color:#0065b4 !important; }
			.cpSportsBody #headerLogo .shopName p{ color:#c3244a !important; }	
			.cpImportBody #headerLogo .shopName p{ color:#016972 !important; }
		#headerMenuBtn {
			display: block;
			padding-top: 26px;
			width: 76px;
			height: 50px;
			position: absolute;
			right: 0;
			top: 0;
			cursor: pointer;
			text-indent: -9999px;
			background: url(/common/images/header/btn_dropmenu_open01.png) no-repeat center center;
			background-size: 23px 24px;
		}
		#headerMenuBtn.open {
			background-color: #333;
			background-image: url(/common/images/header/btn_dropmenu_close01.png);
		}
		
	#headerBlandLogo {
		position: absolute;
		top: 0;
		left:0;
		height: 76px;
		margin-top: 3px;
	}
	#headerBlandLogo p{
		float:left;
		padding:16px 0 0 16px;
		margin-top:0;
		width:183px;
	}
		#headerLinks {
			float:left;
			width:150px;
			margin-top:20px;
		}
}
@media screen and (max-width: 767px) {
#headerContent {
	padding-top:45px;
}
	#headerContentIn {
		width: 100%;
	}
		#headerLogo {
			padding: 7px 7px 7px;
		}
			#headerLogo img {
				width: auto;
				height: auto;
				max-width: 144px;
				max-height: 60px;
				vertical-align: middle;
			}
		#headerMenuBtn {
			padding-top: 10px;
			width: 45px;
			height: 35px;
		}
			#headerMenuBtn img {
				width: 23px;
				height: auto;	
			}
	#headerBlandLogo {
		width:310px;
		height: 45px;
		margin-top: 6px;
	}
		#headerBlandLogo p{
			padding:0px 0 0 4px;
			width:154px;
		}
			#headerBlandLogo p img{
				width: auto;
				height: auto;
				max-width: 144px;
				max-height: 40px;
				vertical-align: middle;
			}
		#headerLinks {
			margin-top:4px;
		}
			#headerLinks li {
				padding: 0 20px 0 10px;
			}
}

@media screen and (max-width: 979px) {
	#headerSearch {
		display: none;
		float: none;
		margin: 0 auto;
		padding: 15px 0;
		width: 100%;
		position: absolute;
		left: 0;
		top: 75px;
		z-index: 10001;
		background-color: #333;
	}
	#headerSearch.show {
		display: block;
	}
		#headerSearch form {
			display: block;
			margin: 0 auto;
			width: 363px;
			position: relative;
		}
		#headerSearch input {
		   -webkit-appearance: none;
		   border-radius: 0;
		}
		#headerSearch input[type=text] {
			width: 340px;
			background-color: #666;
			color: #fff;
		}
		#headerSearch input[type=submit] {
			left: 350px;
			background-image: url(/common/images/header/btn_header_search02.gif);
		}
	@media (-webkit-min-device-pixel-ratio: 2) {
		#headerSearch input[type=submit] {
			background-image: url(/common/images/header/btn_header_search02_2x.gif);
			background-size: 35px 35px;	
		}
	}

}
@media screen and (max-width: 767px) {
	#headerSearch {
		top: 45px;
	}
		#headerSearch form {
			width: 300px;
		}
		#headerSearch input[type=text] {
			width: 255px;
		}
		#headerSearch input[type=submit] {
			left: 265px;
		}
}
@media screen and (max-width: 979px) {
	#dropMenuWrap_sp {
		display: none;
		width: 100%;
		position: absolute;
		left: 0;
		top: 76px;
		z-index: 10001;
		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(/common/images/header/ico_header_arrow_l02.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(/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(/common/images/header/ico_header_arrow_l01_2x.png);
						background-size: 6px 12px;
					}
					#headerLinks_sp li a.external {
						background-image: url(/common/images/header/ico_header_external02_2x.png);	
						background-size: 11px 10px;
					}
				}
}
@media screen and (max-width: 767px) {
	#dropMenuWrap_sp {
		top: 45px;
	}
			#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;
	background-image: none;
}
	#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;
			text-align:left;
			padding: 0;
			width: 50%;
			height: 47px;
			border-bottom: 1px solid #777;
			border-right: 1px solid #777;
			box-sizing: border-box;
			font-weight:normal;
		}
			#gNavi li#gNav01a {
				width: 50%;
			}
			#gNavi li#gNav01a:before {
				display:none;
			}
			#gNavi li:after {
				display:none;
			}
			#gNavi li a {
				display: table-cell;
				vertical-align: middle;
				padding: 0 48px 0 21px;
				height: 47px;
				background-image: url(/common/images/header/ico_header_arrow_l02.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(/common/images/header/ico_header_external02.png);	
				background-position: 92.44% center !important;
			}
			#gNavi li.current a,
			#gNavi li.active a,
			#gNavi li.active a:hover,
			#gNavi li a:hover,
			#gNavi li.current a:focus { color:#fff; border-radius:0;}
		@media (-webkit-min-device-pixel-ratio: 2) {
			#gNavi li a {
				background-image: url(/common/images/header/ico_header_arrow_l02_2x.png);
				background-size: 6px 12px;
			}
			#gNavi li a.external {
				background-image: url(/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; }
			#gNavi li#gNav01a {
				width: 100%;
			}
}

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