@charset "utf-8";

#header {
	border-bottom:1px solid #ddd;
	height:80px;
	margin: 0 auto 0px;
	width: 100%;
	box-sizing:border-box;
	padding:0;
	border-bottom:1px solid #ccc;
	background:#fff;
	z-index:2;
	position:relative;
}
#header.new {
    border-top: 3px solid #F04201;
	border-bottom:1px solid #ddd;
	min-width:1100px;
	height:auto;
	margin: 0 auto 0px;
	width: 100%;
	box-sizing:border-box;
	padding:0;
	border-bottom:1px solid #ccc;
	background:#fff;
	z-index:3;
	position:relative;
}
#header.new + h1 {
    height: 27px;
    line-height: 27px;
    /* background: #F04201; */
    color: #fff;
    text-align: center;
    font-size: 13px;
    /* color: #068F08; */
    background: #eee;
    color: #333;
}
#header h1 {
    height: 23px;
    line-height: 22px;
    /* background: #F04201; */
    /* color: #fff; */
    text-align: center;
    border-top: 3px solid #F04201;
    font-size: 11px;
    border-bottom:1px solid #ddd;
    box-sizing:border-box;
}
#header .nav__list {
	width:100%;
	height:58px;
	background:#fff;
}
#header.new .nav__list {
height: auto;
}

#header .top_header {
}
#header .top_header img {
	/* width:300px; */
	width:160px;
	vertical-align: middle;
}
#header .nav__list ul {
	display:table;
	width:100%;
	height:58px;
	border-bottom:1px solid #ddd;
}
#header.new .nav__list ul {
    height: 100px;
}
#header.new .nav__list li.top_header a {
    height: auto;
}

#header.new .nav__list li:nth-child(2),
#header.new .nav__list li:nth-child(3),
#header.new .nav__list li:nth-child(4),
#header.new .nav__list li:nth-child(5),
#header.new .nav__list li:nth-child(6),
#header.new .nav__list li:nth-child(7) {
  /*  width: 18%; ‰Ä—p
    width: 14%; */
    width: 17%;
}
#header.new .nav__list li a {
    height: 100px;
    line-height: 100px;
}

#header.new .nav__list li a {
    font-size: 18px;
    background-position-y: bottom!important;
    background-position-x: center!important;
}
/*
#header.new .nav__list li:nth-child(2) a {
    background: url(https://kosugi-tire.com/imgnew/gnav/old2020/new01.jpg)no-repeat;
    background-size: auto;
    background-position: 0 0;
    text-align: right;
    padding: 6.5% 10px 0 0;
    color: #333;
    text-shadow: -2px 2px 1px #eee;
    line-height: 28px;
}
#header.new .nav__list li:nth-child(3) a {
    background: url(https://kosugi-tire.com/imgnew/gnav/gn02.png)no-repeat;
    background-size: auto;
    background-position: 0 0;
    text-align: right;
    padding: 6.5% 10px 0 0;
    color: #333;
    text-shadow: -2px 2px 1px #eee;
    line-height: 28px;
}
#header.new .nav__list li:nth-child(4) a {
    background: url(https://kosugi-tire.com/imgnew/gnav/gn03.png)no-repeat;
    background-size: auto;
    background-position: 0 0;
    text-align: right;
    padding: 0 10px 0 0;
    color: #333;
    text-shadow: -2px 2px 1px #eee;
}
#header.new .nav__list li:nth-child(5) a {
    background: url(https://kosugi-tire.com/imgnew/gnav/new04-2.jpg)no-repeat;
    background-size: contain;
    background-position: 0 0;
    padding: 0;
    text-indent: -9999px!important;
text-align: center;
    line-height: 100px;
}
*/

#header.new .nav__list li:nth-child(6) a {
    background: url(https://kosugi-tire.com/imgnew/gnav/gn05.png)no-repeat;
background-size: auto;
    background-position: 0 0;
    text-align: right;
    padding: 0px 10px 0 0;
    color: #333;
    text-shadow: 2px 2px 2px #ccc;
}


#header.new .nav__list .sd3 li:nth-child(2) a {
/* PCƒOƒ��[ƒoƒ‹ƒ�ƒjƒ…�[�@“~—p 
    background: url(https://kosugi-tire.com/imgnew/gnav/new08-2.jpg)no-repeat;
    background-size: contain;
    background-position: 0 0;
    padding: 0;
    text-indent: -9999px!important;
text-align: center;
    line-height: 100px;
    */
    
/* PCƒOƒ��[ƒoƒ‹ƒ�ƒjƒ…�[�@‰Ä—p */
    background: url(https://kosugi-tire.com/imgnew/gnav/old2020/new01.jpg)no-repeat;
    background-size: contain;
    background-position: 0 0;
    padding: 0;
    text-indent: -9999px!important;
text-align: center;
    line-height: 100px;
    
}
#header.new .nav__list .sd3 li:nth-child(2) a {
    background: url(https://kosugi-tire.com/imgnew/gnav/new01-2.jpg)no-repeat;
    background-size: contain;
    background-position: 0 0;
    padding: 0;
    text-indent: -9999px!important;
text-align: center;
    line-height: 100px;
}
#header.new .nav__list .sd3 li:nth-child(4) a {
    background: url(https://kosugi-tire.com/imgnew/gnav/new02.jpg)no-repeat;
    background-size: contain;
    background-position: 0 0;
    padding: 0;
    text-indent: -9999px!important;
text-align: center;
    line-height: 100px;
}
#header.new .nav__list .sd3 li:nth-child(3) a {
    background: url(https://kosugi-tire.com/imgnew/gnav/new03.jpg)no-repeat;
    background-size: contain;
    background-position: 0 0;
    padding: 0;
    text-indent: -9999px!important;
text-align: center;
    line-height: 100px;
}
#header.new .nav__list .sd3 li:nth-child(6) a {
    background: url(https://kosugi-tire.com/imgnew/gnav/new05.jpg)no-repeat;
    background-size: contain;
    background-position: 0 0;
    padding: 0;
    text-indent: -9999px!important;
text-align: center;
    line-height: 100px;
background-position-x: 0!important;
}


/* 2023“~ */
#header.new > nav.nav__list > ul.sd4 > li:nth-child(2) > a {
    background: url(https://www.kosugi-tire.com/imgnew/gnav/new0305.jpg)no-repeat;
    background-size: contain;
    background-position: 0 center!important;
    padding: 0;
    text-indent: -9999px!important;
    text-align: center;
    line-height: 100px;
}
#header.new > nav.nav__list > ul.sd4 > li:nth-child(3) > a {
    background: url(https://www.kosugi-tire.com/imgnew/gnav/new07-2.jpg)no-repeat;
    background-size: contain;
    background-position: 0 center!important;
    padding: 0;
    text-indent: -9999px!important;
    text-align: center;
    line-height: 100px;
}
#header.new > nav.nav__list > ul.sd4 > li:nth-child(4) > a {
    background: url(https://www.kosugi-tire.com/imgnew/gnav/new06-2.jpg)no-repeat;
    background-size: contain;
    background-position: 0 center!important;
    padding: 0;
    text-indent: -9999px!important;
    text-align: center;
    line-height: 100px;
}
#header.new > nav.nav__list > ul.sd4 > li:nth-child(5) > a {
    background: url(https://www.kosugi-tire.com/imgnew/nav07-2.jpg)no-repeat;
    background-size: contain;
    background-position: 0 center!important;
    padding: 0;
    text-indent: -9999px!important;
    text-align: center;
    line-height: 100px;
}
#header.new > nav.nav__list > ul.sd4 > li:nth-child(6) > a {
    background-position: 0 center!important;
    text-align: left;
    padding-left: 170px;
}
/* 2023“~ */

/* 2024�t�` */

#header.new > nav.nav__list > ul.sd5 > li:nth-child(2) > a {
background: url(https://www.kosugi-tire.com/imgnew/gnav/new01-2.jpg) no-repeat;
    background-size: contain;
    background-position: 0 center !important;
    padding: 0;
    text-indent: -9999px !important;
    text-align: center;
    line-height: 100px;
}
#header.new > nav.nav__list > ul.sd5 > li:nth-child(3) > a {
background: url(https://www.kosugi-tire.com/imgnew/gnav/new03.jpg) no-repeat;
    background-size: contain;
    background-position: 0 center !important;
    padding: 0;
    text-indent: -9999px !important;
    text-align: center;
    line-height: 100px;
}
#header.new > nav.nav__list > ul.sd5 > li:nth-child(4) > a {
background: url(https://www.kosugi-tire.com/imgnew/gnav/new02.jpg) no-repeat;
    background-size: contain;
    background-position: 0 center !important;
    padding: 0;
    text-indent: -9999px !important;
    text-align: center;
    line-height: 100px;
}
#header.new > nav.nav__list > ul.sd5 > li:nth-child(5) > a {
background: url(https://www.kosugi-tire.com/imgnew/gnav/new04.jpg) no-repeat;
    background-size: contain;
    background-position: 0 center !important;
    padding: 0;
    text-indent: -9999px !important;
    text-align: center;
    line-height: 100px;
}
#header.new > nav.nav__list > ul.sd5 > li:nth-child(6) > a {
    background-position: 0 center!important;
    text-align: left;
    padding-left: 170px;
}

/* 2024�t�` */


#header.new .nav__list .sd3 li span {
display:none;
}

#header.new .nav__list li span.g {
	color:#009E01;
}
#header.new .nav__list li span.r {
	color:#CC0001;
}


#header .nav__list li.top_header {
	background:#fff;
	/* width:320px; */
	width:180px;
}
#header .nav__list li.top_header a {
	height:40px;
	display:block;
    line-height: 58px;
}
#header .nav__list li.top_header a:hover {
	background:#fff;
	opacity:.6;
}
#header .nav__list li:nth-child(2) {
	width:24%;
}
#header .nav__list li:nth-child(3) {
	width:17%;
}
#header .nav__list li:nth-child(4) {
	width:17%;
}
#header .nav__list li:nth-child(5) {
	width:16%;
}
#header .nav__list li:nth-child(6) {
	width:16%;
}
#header .nav__list li {
	box-sizing:border-box;
	display:table-cell;
	vertical-align:middle;
	border-right:1px solid #999;
	width:auto;
}
#header .nav__list li a {
	background:#fff;
	display:block;
	font-size:16px;
	text-align:center;
	color:#333;
	font-weight:bold;
	height:58px;
	line-height:58px;
	box-sizing:border-box;
    overflow: hidden;
}
#header .nav__list li a:hover {
	background:#f8f8f8;
}
.nav__list.fixed {
	background:#fff;
	position:fixed !important;
	top:0;
	left:0;
	width:100%;
	box-shadow:1px 1px 3px 3px rgba(0,0,0,0.2);
}
#pagetop {
	cursor:pointer;
	position:fixed;
	right:20px;
	bottom:50px;
	background:#666;
	border-radius:50px;
	z-index:1;
	width:50px;
	height:50px;
	display:none;
}
#pagetop:after {
	position:absolute;
	width:20px;
	height:5px;
	left:50%;
	top:42%;
	background:#fff;
	content:"";
	margin-left:-4px;
	transform:rotate(225deg);
}
#pagetop:before {
	position:absolute;
	width:20px;
	height:5px;
	left:50%;
	top:42%;
	background:#fff;
	content:"";
	margin-left:-15px;
	transform:rotate(-45deg);
}






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

	#header {
		min-width:100%!important;
		height:51px;
		margin: 0 auto 0px;
		width: 100%;
		box-sizing:border-box;
		padding:0;
		border-bottom:1px solid #ccc;
		background:#fff;
		z-index:10;
		position:fixed;
		top:0;
		left:0;
	}
	#header.new + h1 {
	padding: 4px;
    height: 50px;
    line-height: initial;
    }
	#header .menu {
		width:45px;
		position:absolute;
		right:10px;
		top:3px;
	}
	#header .menu img {
		width:100%;
	}
	#header h1 {
		display:none;
	}
	#header .nav__list {
		width:100%;
		height:auto !important;
	}
	#header .top_header img {
		/* width:200px; */
		width:140px;
		vertical-align: middle;
	}
	#header .nav__list ul {
		display:block;
		width:auto !important;
		height:auto !important;
		border-bottom:none;
		background:transparent !important;
	}
	#header.new .nav__list li a {
    line-height: 48px;
    }
	#header .nav__list li:nth-child(2) {
		width:17%;
	}
	#header .nav__list li:nth-child(3) {
		width:24%;
	}
	#header .nav__list li:nth-child(4) {
		width:17%;
	}
	#header .nav__list li:nth-child(5) {
		width:16%;
	}
	#header .nav__list li:nth-child(6) {
		width:16%;
	}
	#header .nav__list li {
		background:transparent !important;
		border:none;
		display:none;
	}
	#header .top_header {
		display:block !important;
		width:auto !important;
	}
	#header .nav__list li a {
		display:inline-block !important;
		font-size:16px;
		height:50px !important;
		text-align:center;
		color:#333;
		font-weight:bold;
		line-height:auto !important;
		box-sizing:border-box;
		margin-left:10px;
	}
	#header .nav__list li a:hover {
		background:#f8f8f8;
	}
	.nav__list.fixed {
		background:#fff;
		position:fixed !important;
		top:0;
		left:0;
		width:100%;
		box-shadow:1px 1px 3px 3px rgba(0,0,0,0.2);
	}
	#pagetop {
		cursor:pointer;
		position:fixed;
		right:20px;
		bottom:50px;
		background:#e9e9e9;
		border-radius:5px;
		z-index:1;
		width:50px;
		height:50px;
		display:none;
	}
	#pagetop:after {
		position:absolute;
		width:20px;
		height:5px;
		left:50%;
		top:42%;
		background:#F04201;
		content:"";
		margin-left:-4px;
		transform:rotate(225deg);
	}
	#pagetop:before {
		position:absolute;
		width:20px;
		height:5px;
		left:50%;
		top:42%;
		background:#F04201;
		content:"";
		margin-left:-15px;
		transform:rotate(-45deg);
	}
}