@charset "utf-8";
/*customer*/
body.customer #sec01 .wrap {
  max-width: 1060px;
}
body.customer #sec01 .labelttl {
  margin-top: 40px;
}
body.customer #sec01 .labelttl.black {
  margin-top: 100px;
	margin-bottom: 50px;
}
body.customer .select_area {
  border-top: 1px solid #dddddd;
  padding: 20px 0;
  border-bottom: 1px solid #dddddd;
}
body.customer .select_area p {
  color: #000000;
}
body.customer .select_area > ul {
  align-items: center;
}
body.customer .select_area > ul > li {
  position: relative;
}
body.customer .select_area .genre {
  flex-basis: 24.5%;
}
body.customer .select_area .category {
  flex-basis: 37.75%;
}
body.customer .select_area .search {
  flex-basis: 37.75%;
}
body.customer .select_area > ul > li + li:before {
  width: 1px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  background-color: #eeeeee;
  content: "";
}
body.customer .select_area .inner {
  padding: 10px 60px;
}
body.customer .select_area .ttl {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 10px;
}
body.customer .select_area .position {
  position: relative;
  z-index: 0;
}
body.customer .select_area .genre .inner {
  padding: 0 0 0 50px;
}
body.customer .select_area .genre ul li {
  font-size: 1.4rem;
  line-height: 2;
  color: #000000;
  display: flex;
  align-items: center;
}
body.customer .select_area .genre input[type="radio"] {
  display: none;
}
body.customer .select_area .genre input[type="radio"] + span {
  padding-left: 25px;
  position: relative;
}
body.customer .select_area .genre input[type="radio"] + span::before, body.customer .select_area .genre input[type="radio"]:checked + span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0px;
  margin: auto 0;
  border-radius: 50%;
}
body.customer .select_area .genre input[type="radio"] + span::before {
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(35, 35, 35, 0.5);
  border-radius: 50%;
  background: linear-gradient(#ffffff, #e3e3e3);
}
body.customer .select_area .genre input[type="radio"]:checked + span {
  color: linear-gradient(#000000, #ededed);
}
body.customer .select_area .genre input[type="radio"]:checked + span::after {
  left: 6px;
  width: 4px;
  height: 4px;
  background: linear-gradient(#000000, #ededed);
}
.ie body.customer .select_area .genre input[type="radio"]:checked + span::after {
}
body.customer .select_area .category select {
  background-color: #eeeeee;
  font-size: 1.3rem;
  display: block;
  width: 100%;
  padding: 10px 40px 10px 10px;
  position: relative;
}
.ie body.customer .select_area .category select {
  padding-bottom: 5px;
}
body.customer .select_area .category .position:before, body.customer .select_area .category .position:after {
  position: absolute;
  top: 6px;
  bottom: 0;
  right: 10px;
  margin: auto 0;
  content: "";
  vertical-align: middle;
  z-index: 1;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.customer .select_area .category .position:before {
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  border: 6px solid transparent;
  border-left: 6px solid #5c5c5c;
}
body.customer .select_area .search .icon {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
}
body.customer .select_area .search .icon img {
  display: block;
	width: 20px;
	height: 20px;
}
body.customer .select_area .search input {
  background-color: #eeeeee;
  font-size: 1.3rem;
  display: block;
  width: 100%;
  padding: 10px 40px 10px 10px;
}
body.customer .select_area .search input[type="text"]::placeholder {
  font-size: 1.3rem;
  color: #666666;
}
body.customer .catalog_box {}
body.customer .catalog_box p {
  color: #000000;
  font-size: 1.4rem;
}
body.customer .catalog_box > ul.col2 {
  margin: 0 -2%;
}
body.customer .catalog_box > ul.col2 > li {
  flex-basis: 46%;
  margin: 0 2%;
}
body.customer .catalog_box .list {}
body.customer .catalog_box .list li {
  padding: 10px 20px;
  border-bottom: 1px solid #dddddd;
  align-items: center;
  justify-content: space-between;
}
.ie body.customer .catalog_box .list li {
  padding-bottom: 8px;
}
body.customer .catalog_box .list li:first-of-type {
  border-top: 1px solid #dddddd;
}

body.customer .catalog_box .list li > p {
	width: 52%;
}

body.customer .catalog_box .btn {}
body.customer .catalog_box .btn + .btn {
  margin-left: 10px;
}
body.customer .catalog_box .btn a {
  color: #FFFFFF;
  min-width: 100px;
  padding: 10px 0;
  display: block;
  text-align: center;
  letter-spacing: -0.04em;
}
.ie body.customer .catalog_box .btn a {
  padding: 12px 0 6px;
}
body.customer .catalog_box .btn.dl a {
  background-color: #007ac5;
}
body.customer .catalog_box .btn.detail a {
  background-color: #333333;
}
body.customer .catalog_box .btn.parts a {
  background-color: #666666;
}
body.customer .catalog_box .btn.dl a:hover {
  background-color: #333333;
}
body.customer .catalog_box .btn.detail a:hover {
  background-color: #007ac5;
}
body.customer .catalog_box .btn.parts a:hover {
  background-color: #007ac5;
}
body.customer .link {
  padding: 70px 0 60px;
  text-align: center;
  font-size: 1.4rem;
}
body.customer .link a {
  color: #007ac5;
}
body.customer .link a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1100px){
	body.customer #sec01 .labelttl.black {
		margin-top: 50px;
	}
	
	body.customer .select_area .genre{
		flex-basis: 100%;
	}
	body.customer .select_area .genre ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	body.customer .select_area .genre .inner{
		padding-bottom: 20px;
		position: relative;
	}
	body.customer .select_area .genre .inner:after{
		content: "";
		display: block;
		width: 100%;
		height: 1px ;
		background: #ddd;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	
	body.customer .select_area .genre ul li + li{
		margin-left: 2.5em;
	}
	body.customer .select_area > ul > li:nth-child(2):before{
		display: none;
	}
	body.customer .select_area .category,
	body.customer .select_area .search{
		flex-basis: 50%;
	}
	body.customer .select_area .inner{
		padding: 20px 30px;
	}
	body.customer .catalog_box > ul.col2{
		display: block;
		margin: 0;
	}
	body.customer .catalog_box > ul.col2 > li{
		margin: 0
	}
	body.customer .catalog_box .btn a,
	body.customer .catalog_box .btn.detail a{
		min-width: 120px;
	}
	body.customer .catalog_box ul > li + li .list li:first-of-type{
		border-top: none;
	}
}
@media screen and (max-width: 767px){
	body.customer #sec01 .wrap {
		max-width: inherit;
	}
	body.customer #sec01 .catalog_box + .labelttl {
		margin-top: 10.6vw;
	}
	body.customer #sec01 .labelttl,
	body.customer #sec01 .labelttl.black{
		margin: 10.6vw 0;
		font-size: 4.8vw;
	}
	body.customer .select_area {
		border-top: none;
		padding: 0;
		border-bottom: none;
	}
	body.customer .select_area > ul {
		display: block;
	}
	body.customer .select_area > ul > li + li:before {
		width: 100%;
		height: 1px;
	}
	body.customer .select_area > ul > li:nth-child(2):before{
		display: block;
	}
	body.customer .select_area .inner {
		padding: 5vw 3%;
	}
	body.customer .select_area .ttl {
		font-size: 3.87vw;
		margin-bottom: .2em;
	}
	body.customer .select_area .position {
		position: relative;
		z-index: 0;
	}
	body.customer .select_area .genre .inner {
		padding: 0 3% 5vw;
	}
	body.customer .select_area .genre .inner:after{
		display: none;
	}
	body.customer .select_area .genre ul li {
		width: 50%;
		font-size: 3.7vw;
	}
	body.customer .select_area .genre ul li:nth-child(2n+1):last-child {
		width: 100%;
	}
	body.customer .select_area .genre ul li + li{
		margin-left: 0;
	}
	body.customer .select_area .genre input[type="radio"] + span {
		padding-left: 1.1em;
	}
	body.customer .select_area .genre input[type="radio"] + span::before {
		width: 3.2vw;
		height: 3.2vw;
	}
	body.customer .select_area .genre input[type="radio"]:checked + span::after {
		left: 1.1vw;
		width: 1.1vw;
		height: 1.1vw;
		top: .2vw;
	}
	body.customer .select_area .category select {
		font-size:3.7vw;
		padding: .5em 2em .5em 1em;
		position: relative;
	}
	body.customer .select_area .category .position:before, body.customer .select_area .category .position:after {
		top: 2vw;
		right: 2vw;
	}
	body.customer .select_area .category .position:before {
		box-sizing: border-box;
		width: 1.6vw;
		height: 1.6vw;
		border: 1.6vw solid transparent;
		border-left: 1.6vw solid #5c5c5c;
	}
	body.customer .select_area .search .icon {
		right: 1.4vw;
		margin-top: -2.5vw;
		z-index: 1;
	}
	body.customer .select_area .search .icon img {
		width: 5vw;
		height: 5vw;
	}
	body.customer .select_area .search input {
		font-size:3.7vw;
		padding: .5em 2em .5em 1em;
		position: relative;
	}
	body.customer .select_area .search input[type="text"]::placeholder {
		font-size:3.7vw;
	}
	
	body.customer .ttltype3 {
		padding-right: .5em;
		margin-bottom: 0;
		letter-spacing: -0.04em;
	}
	body.customer .labelttl + .ttltype3{
		padding-top: 0;
	}
	body.customer .catalog_box + .ttltype3{
		margin-top: 1em;
	}
	body.customer .catalog_box p {
		font-size: 3.7vw;
	}
	body.customer .catalog_box > ul.col2 > li {
		display: block;
	}
	body.customer .catalog_box .list li {
		padding: 2.6vw 0 4vw;
		display: block;
	}
	/*
	body.customer .catalog_box .list li > p{
		margin-left: 1em;
		margin-bottom: .5em;
	}
	*/
	body.customer .catalog_box .list li > p {
		/*	margin-left: 1em;
			margin-right: 1em;*/
			margin-left: 2%;
			margin-right: 2%;
			margin-bottom: .5em;
			width: 96%;
		}	
	
	body.customer .catalog_box .btn{
		width: 48%;
	}
	body.customer .catalog_box .btn + .btn {
		margin-left: 4%;
	}
	body.customer .catalog_box .btn a {
		color: #3d7bc3;
		background: #fff;
		min-width: inherit;
		padding: 1.1em 0 .9em;
		border: 1px solid #3d7bc3;
		font-weight: bold;
	}
	body.customer .catalog_box .btn.dl a {
		background-color: #fff;
	}
	body.customer .catalog_box .btn.detail a {
		color: #333333;
		background-color: #fff;
		border: 1px solid #333333;
	}
	body.customer .catalog_box .btn.parts a {
  	color: #333;
		background: #fff;
		border: 1px solid #333333;
	}
	body.customer .catalog_box .btn.dl a:hover {
		background-color: #333333;
	}
	body.customer .catalog_box .btn.detail a:hover {
		background-color: #007ac5;
	}

	body.customer .catalog_box .btn.detail a:hover {
		background-color: #007ac5;
	}
	body.customer .link {
		padding: 9vw 0;
		font-size: 3.7vw;
		line-height: 1.7;
	}

}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PC Setting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (min-width:768px), print {}
@media screen\0 {}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

TABLET Setting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

SP Setting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (max-width: 767px) {}