@charset "UTF-8";
article img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom
}
/* category_area  */
article.category_menu {
  width: 100%;
  margin: 30px auto 0px auto;
  z-index: 25;

}
.category_menu_upper {
  position: relative;
  margin: 20px auto 0px auto;
  display: flex;
  justify-content: center;
  width: 80%;
  max-width: 1260px;
  border-bottom: #333 1px solid;
}
.category_name {
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  font-size: 2.2rem;
  margin-bottom: 12px;
  color: #000
}
.category_selector {
  position: absolute;
  right: 0px;
  align-self: center;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.category_menu_txt {
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  font-size: 1.4rem;
  color: #000
}
.category_menu_arr {
  width: 40px;
  height: 25px;
  background: url("/pc/images/category_selector_arr.svg") top left/ 40px 50px no-repeat;
}
.category_menu_arr.av {
  background: url("/pc/images/category_selector_arr.svg") bottom left / 40px 50px no-repeat;
}
.category_menu_base {
  display: none;
  width: 100%;
  margin: 20px auto 20px auto;
  padding: 0 0 0 0;
  z-index: 25;


}
.category_menu_base::-webkit-scrollbar {
  display: none;
}

.category_menu_base .flex_box {
  width: 80%;
  margin: 0px auto 0px auto;
  display: flex;

  flex-wrap: wrap;
  max-width: 1260px;
	  border-bottom: #333 1px solid;

}
.category_menu_base .flex_box .item_box {
  position: relative;
  flex-basis:calc(25% - 10px);
  display: flex;
  border: 1px solid #ddd;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 3px;

	  margin: 0 5px 16px 5px;
  transition: 0.3s;
}

.category_menu_base .flex_box a .category_title {
  position: absolute;
  top: 30%;
  transform: translateY(-50%);
  left: 50%;
  font-size: 1.3rem;
  letter-spacing: .5px;
  line-height: 1.4;
  padding: 0 1rem 0 1rem;
}

@media (max-width: 1205px) {
.category_menu_base .flex_box .item_box {
  position: relative;
  flex-basis:calc(100% / 2 - 10px);
  display: flex;
  border: 1px solid #ddd;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 3px;

	  margin: 0 5px 16px 5px;
  transition: 0.3s;
}
}



@media screen and (max-width: 767px) {
article.category_menu {
  width: 100%;
  margin: 30px auto 30px auto;
  z-index: 25;

}
	.category_name {
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  font-size: 2rem;
		line-height: 2.4rem;
		padding: 0 .5rem;
  margin-bottom: 12px;
  color: #000
}
.category_menu_upper {
  position: relative;
  margin: 20px auto 0px auto;
  display: flex;
  justify-content: center;
  width: 96%;
  max-width: 1260px;
  border-bottom: #333 1px solid;
}
.category_selector {
  position: absolute;
  bottom: -3rem;
  right: 0%;
  align-self: center;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.category_menu_txt {
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  font-size: 1.2rem;
  color: #000
}


.category_menu_base {
  display: none;
  width: 100%;
  margin: 20px auto 20px auto;
  padding: 20px 0 0 0;
  z-index: 25;


}


.category_menu_base .flex_box {
  width: 96%;
  margin: 0px auto 0px auto;
  display: flex;
 overflow: visible;
  flex-wrap: wrap;
  max-width: 1260px;
	  border-bottom: #333 1px solid;

}
.category_menu_base .flex_box .item_box {
	  position: inherit;
   flex-basis: 100%;
  display: flex;
justify-content: center;
	align-items: center;

  border: 0px ;
  box-sizing: border-box;
  overflow: visible;

	  margin: 0 5px 10px 5px;
  transition: 0.3s;
}
.category_menu_base .flex_box .item_box img{
	display: none
}
.category_menu_base .flex_box a .category_title {
  position: static;

  font-size: 1.3rem;
  letter-spacing: .5px;
  line-height: 1.4;
  padding: 0 1rem 0 1rem;

}
}






/* series_area  */
article.series_area {
  width: 100%;
  margin: 0px auto 20px auto;
padding: 0px 0 15px 0;
background-color: #eee
}
.series_area .flex_box {
  margin: 20px auto 0px auto;
	padding:  40px 0px 0px 0px;
  display: flex;
  flex-wrap: wrap;
  max-width: 1260px;
	width: 80%
}
.series_area .flex_box .item_box {

	flex-basis: calc(100%/3 - 10px);

  margin: 0 5px 16px 5px;
  transition: 0.3s;
		border-radius: 3px;
	overflow: hidden
}



.series_area .flex_box .explain {
  width: 100%;
  line-height: 1.5;
  font-size: 1.4rem;
	padding: .1rem;
  word-break: break-all;
}
.series_area .flex_box .explain .name {
  line-height: 1.5;
  font-size: 1.5rem;
  margin: .5em 0 .2rem 0;
}

@media (max-width: 1205px) {
.series_area .flex_box .item_box {

	flex-basis: calc(100%/2 - 10px);
  position: relative;

  margin: 0 5px 16px 5px;
  transition: 0.3s;
		border-radius: 3px;
	overflow: hidden
}
.series_area .flex_box .explain {
  width: 100%;
  line-height: 1.5;
  font-size: 1.2rem;
	padding: .1rem;
  word-break: break-all;
}
.series_area .flex_box .explain .name {
  line-height: 1.5;
  font-size: 1.3rem;
  margin: .5em 0 .2rem 0;
}
}

@media screen and (max-width: 767px) {
/* series_area  */
article.series_area {
  width: 100%;
  margin: 40px auto 20px auto;
padding: 0px 0 15px 0;
background-color: #eee
}
.series_area .flex_box {
  margin: 20px auto 0px auto;
	padding:  20px 0px 0px 0px;
  display: flex;
  flex-wrap: wrap;
  max-width: 1260px;
	width: 80%
}
.series_area .flex_box .item_box {

	flex-basis: 100%;

  margin: 0 5px 16px 5px;
  transition: 0.3s;
		border-radius: 3px;
	overflow: hidden
}






.series_area .flex_box .explain {
  width: 100%;
  line-height: 1.5;
  font-size: 1.2rem;
	padding: .1rem;
  word-break: break-all;
}
.series_area .flex_box .explain .name {
  line-height: 1.5;
  font-size: 1.3rem;
  margin: .5em 0 .2rem 0;
}
}

/* productlist_area  */
article.productlist_area {
  width: 100%;
  margin: 0px auto 0px auto;
  padding: 0px 0 20px 0;
  background-color: #fff;
}
.productlist_area h2.style_en_bold {
  letter-spacing: 3.9px;
}
#list-stick {
  margin-top: -88px;
  padding-top: 88px;
}
.filter_box {
  width: 80%;
  margin: 4px auto 15px auto;
  padding-bottom: 6px;
  display: flex;

  flex-wrap: wrap;
  max-width: 1260px;
  border-bottom: #999 1px solid;
  background-color: #fff;

  position: sticky;
  top: 88px;
  z-index: 25
}

.filter_box .title_mini {
  width: 100%;
  font-size: 1.4rem;
  letter-spacing: 0.14px;
  padding-bottom: 20px;
}
.filter_box .b_filter {
  position: relative;
flex-basis: calc(25% - 10px);
  margin: 0 5px 10px 5px;
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 4px 8px 4px 20px;
  font-family: "FP-HiraKakuProN-W6";
  font-weight: bold;
  border-radius: 3px;
  box-sizing: border-box;
  text-align: left;
  font-size: 1.2rem;
  letter-spacing: 1.1px;
  line-height: 1.4;
  color: #000;
  transition: background-color .3s;
  background-color: #ccc;
  cursor: pointer;

}
.b_filter span {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translateY(-50%);
  width: 6px;
  height: calc(100% - 8px);
  border-radius: 4px;

}
.b_filter.D3000:before,.badge_series.D3000:before {
  background-color: #a50051
}
.b_filter.ESW:before,.badge_series.ESW:before {
  background-color: #51308e
}
.b_filter.ATL:before,.badge_series.ATL:before {
  background-color: #6295D2
}
.b_filter.SY10:before,.badge_series.SY10:before {
  background-color: #47a637
}
.b_filter.SY20:before,.badge_series.SY20:before {
  background-color: #23ada6
}
.b_filter.S3000IEM:before,.badge_series.S3000IEM:before {
  background-color: #898000
}
.b_filter.S3000:before,.badge_series.S3000:before {
  background-color: #00699f
}
.b_filter.S5000:before,.badge_series.S5000:before {
  background-color: #7f1083
}
.b_filter.S6000:before,.badge_series.S6000:before {
  background-color: #003b8f
}
.b_filter.ATIR:before,.badge_series.ATIR:before {
  background-color: #CF3A32
}

.filter_box .b_filter:hover {
  background-color: #333;
  text-decoration: none;
  color: #fff;
  opacity: 1
}
.filter_box .b_filter.av {
  background-color: #333;
  text-decoration: none;
  color: #fff;
  opacity: 1
}

.b_filter.W-OP{
position: relative;

 background: url("/pc/images/b_filter_arr.svg")  right 5px center / 20px 20px no-repeat #ccc;
}


.W-OP_area{
display: none;
position: absolute;


	padding: 6px 6px 3px 6px;

	border-radius: 0 0 3px 3px;

}

.W-OP_area.av{
position: absolute;
	top:42px;
	left:0px;

display: flex;
flex-flow: wrap;
background-color: #333;


}

.filter_box .b_filter.W-OP_2nd {
  position: relative;
flex: 1 0 100%;
  margin: 0 0 3px 0;
  display: flex;
  align-items: center;


  padding: 2px 10px 2px 10px;
  font-family: "FP-HiraKakuProN-W6";
  font-weight: bold;
  border-radius: 3px;
  box-sizing: border-box;
  text-align: left;
  font-size: 1.2rem;
  letter-spacing: 1px;
  line-height: 1.4;
  color: #000;
  transition: background-color .3s;
  background-color: #ccc;
  cursor: pointer;

}
.filter_box .b_filter.W-OP_2nd:hover {
  background-color: #777;
  text-decoration: none;
  color: #fff;
  opacity: 1
}
.select_prefectures {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    color: #000;
    padding: 5px;

    width: 100%;

    box-sizing: border-box;

    border-radius: 4px;
    background-color: #666;
}

.b_sort {

display: flex;
  align-items: center;
	justify-content: flex-end;
width: 100%;
  padding: 0px 0px 2px 0px;
  font-family: "FP-HiraKakuProN-W6";
  font-weight: bold;

  font-size: 1.2rem;
  letter-spacing: 1.2px;
  line-height: 1.2;
  color: #000;


  cursor: pointer;
}

.productlist_lower {
  width: 80%;
  margin: 0 auto;
	padding-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  max-width: 1260px;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
}
.productlist_lower > div {
  display: none;
  width: 100%;
  margin: 0px auto 0px auto;
  flex-wrap: wrap;
  max-width: 1260px;
}
.productlist_lower > div.av_2nd {
  display: flex;
}
.productlist_area .b_productlist {
  flex-basis: calc(25% - 20px);
  margin: 0 10px 10px 10px;

}
.b_productlist {
  text-align: center;
}
.b_productlist a {
	transition: .3s;
	display: block;
    width: 100%;
    box-sizing: border-box;
}
.b_productlist a.product_img{
	display: block;
	width: 100%;
	position: relative;
	margin-bottom: 10px;
}
.b_productlist a.product_img::before{
	content: "";
    display: block;
    padding-top: 100%;
}
.b_productlist a.product_img img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: contain;
}
.b_productlist_none a.product_img img{
	transform: scale(0.5);
}
.b_productlist a.product_img .lbl_comp{
	position: absolute;
    background: #7E7E7E;
    padding: 5px 0;
    width: 100%;
    left: 0;
    bottom: 0;
    color: #FFF;
    font-size: 1.1rem;
    letter-spacing: 0.02em;
    text-align: center;
}


.b_productlist a.product_name {
	padding: 0 1rem;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.4rem;
	word-break: break-all;
	transition: .3s;
}
.b_productlist .product_modelNumber {
  text-align: center;
  font-size: 2rem;
  margin: 1rem 0 1rem 0;
  word-break: break-all;
}
.b_productlist .product_price {
  text-align: center;
  font-size: 1.6rem;
  word-break: break-all;
}
.b_productlist .product_price span{
padding-left: 0.5rem;
  font-size: 1.2rem;

}

@media screen and (max-width: 1205px) {
  #list-stick {
    margin-top: -60px;
    padding-top: 60px;
  }
	.filter_box {
  width: 96%;
  margin: 0px auto 15px auto;
  padding-bottom: 6px;
  display: flex;

  flex-wrap: wrap;
  max-width: 1260px;
  border-bottom: #999 1px solid;
  background-color: #fff;

  position: sticky;
  top: 60px;
  z-index: 25
}
	.b_sort {

display: flex;
  align-items: center;
	justify-content: flex-end;
		margin-right: 5%;
width: 100%;
  padding: 0px 0px 2px 0px;
  font-family: "FP-HiraKakuProN-W6";
  font-weight: bold;

  font-size: 1.2rem;
  letter-spacing: 1.2px;
  line-height: 1.2;
  color: #000;


  cursor: pointer;
}
	.productlist_lower {
  width: 90%;
  margin: 0 auto;
	padding-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  max-width: 1260px;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
}
	.b_productlist a.product_name {
  padding: 0 1rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1rem;
  word-break: break-all;
  transition: .3s;
}
.b_productlist .product_modelNumber {
  text-align: center;
  font-size: 1.8rem;
  margin: 1rem 0 1rem 0;
  word-break: break-all;
}
.b_productlist .product_price {
  text-align: center;
  font-size: 1.4rem;
  word-break: break-all;
}
.b_productlist .product_price span{
padding-left: 0.5rem;
  font-size: 1rem;

}
}
@media screen and (max-width: 767px) {
/* productlist_area  */
article.productlist_area {
  width: 100%;
  margin: 0px auto 0px auto;
  padding: 0px 0 20px 0;
  background-color: #fff;
}

#list-stick {
   margin-top: -60px;
    padding-top: 60px;
}
.filter_box {
  width: 96%;
  margin: 0px auto 15px auto;
  padding-bottom: 6px;
  display: flex;

  flex-wrap: wrap;
  max-width: 1260px;
  border-bottom: #999 1px solid;
  background-color: #fff;

  position: sticky;
  top: 60px;
  z-index: 25
}

.filter_box .title_mini {
  width: 100%;
  font-size: 1.4rem;
  letter-spacing: 0.14px;
  padding-bottom: 14px;
}
.filter_box .b_filter {
  position: relative;
flex-basis: calc(100% / 2 - 6px);
  margin: 0 3px 8px 3px;
  display: flex;
  align-items: center;
  min-height: 26px;
  padding: 2px 8px 2px 14px;
  font-family: "FP-HiraKakuProN-W6";
  font-weight: bold;
  border-radius: 3px;
  box-sizing: border-box;
  text-align: left;
  font-size: 1rem;
  letter-spacing: 1.1px;
  line-height: 1.2;
  color: #000;
  transition: background-color .3s;
  background-color: #ccc;
  cursor: pointer;

}
.b_filter:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 3px;
  transform: translateY(-50%);
  width: 4px;
  height: calc(100% - 8px);
  border-radius: 4px;

}



.b_filter.W-OP{
position: relative;

 background: url("/pc/images/b_filter_arr.svg")  right 5px center / 20px 20px no-repeat #ccc;
}


.W-OP_area{
display: none;
position: absolute;


	padding: 6px 6px 3px 6px;

	border-radius: 0 0 3px 3px;

}

.W-OP_area.av{
position: absolute;
	top:26px;
	left:0px;

display: flex;
flex-flow: wrap;
background-color: #333;


}

.filter_box .b_filter.W-OP_2nd {
  position: relative;
flex: 1 0 100%;
  margin: 0 0 3px 0;
  display: flex;
  align-items: center;

  min-height: 26px;
  padding: 2px 8px 2px 8px;
  font-family: "FP-HiraKakuProN-W6";
  font-weight: bold;
  border-radius: 3px;
  box-sizing: border-box;
  text-align: left;
  font-size: 1rem;
  letter-spacing: 1px;
  line-height: 1.2;
  color: #000;
  transition: background-color .3s;
  background-color: #ccc;
  cursor: pointer;

}


	.b_sort {

display: flex;
  align-items: center;
	justify-content: flex-end;
		margin-right: 0%;
width: 100%;
  padding: 0px 0px 2px 0px;
  font-family: "FP-HiraKakuProN-W6";
  font-weight: bold;

  font-size: 1.2rem;
  letter-spacing: 1.2px;
  line-height: 1.2;
  color: #000;


  cursor: pointer;
}

.productlist_lower {
  width: 96%;
  margin: 0 auto;
	padding-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  max-width: 1260px;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
}
.productlist_lower > div {
  display: none;
  width: 100%;
  margin: 0px auto 0px auto;
  flex-wrap: wrap;
  max-width: 1260px;
}
.productlist_lower > div.av_2nd {
  display: flex;
}
.productlist_area .b_productlist {
  flex-basis: calc(50% - 20px);
  margin: 0 10px 10px 10px;

}
.b_productlist {
  text-align: center;
}
.b_productlist a {
  transition: .3s;
}
.b_productlist a.product_name {
  padding: 0 1rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1rem;
  word-break: break-all;
  transition: .3s;
}
.b_productlist .product_modelNumber {
  text-align: center;
  font-size: 1.8rem;
  margin: 1rem 0 1rem 0;
  word-break: break-all;
}
.b_productlist .product_price {
  text-align: center;
  font-size: 1.4rem;
  word-break: break-all;
}
.b_productlist .product_price span{
padding-left: 0.5rem;
  font-size: 1rem;

}
	}