@charset "utf-8";

/*------------------------------------------------------------
2020/12/04　PC商品一覧を5列表示から4列表示へ変更（手
------------------------------------------------------------*/

@media screen and (min-width: 960px) {
  .fs-body-category .fs-c-productList__list, .fs-body-search .fs-c-productList__list {
    display: grid;
    grid-template-columns: calc(25% - 0px) calc(25% - 0px) calc(25% - 0px) calc(25% - 0px);
    grid-gap: 0px;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(1), .fs-body-search .fs-c-productList__list> :nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(2), .fs-body-search .fs-c-productList__list> :nth-child(2) {
    grid-column: 2;
    grid-row: 1;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(3), .fs-body-search .fs-c-productList__list> :nth-child(3) {
    grid-column: 3;
    grid-row: 1;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(4), .fs-body-search .fs-c-productList__list> :nth-child(4) {
    grid-column: 4;
    grid-row: 1;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(5), .fs-body-search .fs-c-productList__list> :nth-child(5) {
    grid-column: 1;
    grid-row: 2;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(6), .fs-body-search .fs-c-productList__list> :nth-child(6) {
    grid-column: 2;
    grid-row: 2;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(7), .fs-body-search .fs-c-productList__list> :nth-child(7) {
    grid-column: 3;
    grid-row: 2;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(8), .fs-body-search .fs-c-productList__list> :nth-child(8) {
    grid-column: 4;
    grid-row: 2;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(9), .fs-body-search .fs-c-productList__list> :nth-child(9) {
    grid-column: 1;
    grid-row: 3;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(10), .fs-body-search .fs-c-productList__list> :nth-child(10) {
    grid-column: 2;
    grid-row: 3;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(11), .fs-body-search .fs-c-productList__list> :nth-child(11) {
    grid-column: 3;
    grid-row: 3;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(12), .fs-body-search .fs-c-productList__list> :nth-child(12) {
    grid-column: 4;
    grid-row: 3;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(13), .fs-body-search .fs-c-productList__list> :nth-child(13) {
    grid-column: 1;
    grid-row: 4;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(14), .fs-body-search .fs-c-productList__list> :nth-child(14) {
    grid-column: 2;
    grid-row: 4;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(15), .fs-body-search .fs-c-productList__list> :nth-child(15) {
    grid-column: 3;
    grid-row: 4;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(16), .fs-body-search .fs-c-productList__list> :nth-child(16) {
    grid-column: 4;
    grid-row: 4;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(17), .fs-body-search .fs-c-productList__list> :nth-child(17) {
    grid-column: 1;
    grid-row: 5;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(18), .fs-body-search .fs-c-productList__list> :nth-child(18) {
    grid-column: 2;
    grid-row: 5;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(19), .fs-body-search .fs-c-productList__list> :nth-child(19) {
    grid-column: 3;
    grid-row: 5;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(20), .fs-body-search .fs-c-productList__list> :nth-child(20) {
    grid-column: 4;
    grid-row: 5;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(21), .fs-body-search .fs-c-productList__list> :nth-child(21) {
    grid-column: 1;
    grid-row: 6;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(22), .fs-body-search .fs-c-productList__list> :nth-child(22) {
    grid-column: 2;
    grid-row: 6;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(23), .fs-body-search .fs-c-productList__list> :nth-child(23) {
    grid-column: 3;
    grid-row: 6;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(24), .fs-body-search .fs-c-productList__list> :nth-child(24) {
    grid-column: 4;
    grid-row: 6;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(25), .fs-body-search .fs-c-productList__list> :nth-child(25) {
    grid-column: 1;
    grid-row: 7;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(26), .fs-body-search .fs-c-productList__list> :nth-child(26) {
    grid-column: 2;
    grid-row: 7;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(27), .fs-body-search .fs-c-productList__list> :nth-child(27) {
    grid-column: 3;
    grid-row: 7;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(28), .fs-body-search .fs-c-productList__list> :nth-child(28) {
    grid-column: 4;
    grid-row: 7;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(29), .fs-body-search .fs-c-productList__list> :nth-child(29) {
    grid-column: 1;
    grid-row: 8;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(30), .fs-body-search .fs-c-productList__list> :nth-child(30) {
    grid-column: 2;
    grid-row: 8;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(31), .fs-body-search .fs-c-productList__list> :nth-child(31) {
    grid-column: 3;
    grid-row: 8;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(32), .fs-body-search .fs-c-productList__list> :nth-child(32) {
    grid-column: 4;
    grid-row: 8;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(33), .fs-body-search .fs-c-productList__list> :nth-child(33) {
    grid-column: 1;
    grid-row: 9;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(34), .fs-body-search .fs-c-productList__list> :nth-child(34) {
    grid-column: 2;
    grid-row: 9;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(35), .fs-body-search .fs-c-productList__list> :nth-child(35) {
    grid-column: 3;
    grid-row: 9;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(36), .fs-body-search .fs-c-productList__list> :nth-child(36) {
    grid-column: 4;
    grid-row: 9;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(37), .fs-body-search .fs-c-productList__list> :nth-child(37) {
    grid-column: 1;
    grid-row: 10;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(38), .fs-body-search .fs-c-productList__list> :nth-child(38) {
    grid-column: 2;
    grid-row: 10;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(39), .fs-body-search .fs-c-productList__list> :nth-child(39) {
    grid-column: 3;
    grid-row: 10;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(40), .fs-body-search .fs-c-productList__list> :nth-child(40) {
    grid-column: 4;
    grid-row: 10;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(41), .fs-body-search .fs-c-productList__list> :nth-child(41) {
    grid-column: 1;
    grid-row: 11;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(42), .fs-body-search .fs-c-productList__list> :nth-child(42) {
    grid-column: 2;
    grid-row: 11;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(43), .fs-body-search .fs-c-productList__list> :nth-child(43) {
    grid-column: 3;
    grid-row: 11;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(44), .fs-body-search .fs-c-productList__list> :nth-child(44) {
    grid-column: 4;
    grid-row: 11;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(45), .fs-body-search .fs-c-productList__list> :nth-child(45) {
    grid-column: 1;
    grid-row: 12;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(46), .fs-body-search .fs-c-productList__list> :nth-child(46) {
    grid-column: 2;
    grid-row: 12;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(47), .fs-body-search .fs-c-productList__list> :nth-child(47) {
    grid-column: 3;
    grid-row: 12;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(48), .fs-body-search .fs-c-productList__list> :nth-child(48) {
    grid-column: 4;
    grid-row: 12;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(49), .fs-body-search .fs-c-productList__list> :nth-child(49) {
    grid-column: 1;
    grid-row: 13;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(50), .fs-body-search .fs-c-productList__list> :nth-child(50) {
    grid-column: 2;
    grid-row: 13;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(51), .fs-body-search .fs-c-productList__list> :nth-child(51) {
    grid-column: 3;
    grid-row: 13;
  }
  .fs-body-category .fs-c-productList__list> :nth-child(52), .fs-body-search .fs-c-productList__list> :nth-child(52) {
    grid-column: 4;
    grid-row: 13;
  }
}


/*------------------------------------------------------------
商品一覧非表示
（会員限定商品ページ）
------------------------------------------------------------*/

.fs-body-category-contact.fs-c-productList, .fs-body-category-sato-group .fs-c-productList, .fs-body-category-vipitem .fs-c-productList {
  display: none;
}


/*------------------------------------------------------------
2020/09/01　子カテゴリーナビボタン（手
------------------------------------------------------------*/

.fs-c-subgroupList__link {
  background: #eee;
  border: 1px solid #ccc;
}


/*------------------------------------------------------------
2021/01/21　商品画像拡大ボタン（手
------------------------------------------------------------*/
.fs-c-productListItem__viewMoreImageButton {
  display: none;
}

/*------------------------------------------------------------
2021/04/23　商品マーク（手
------------------------------------------------------------*/
.fs-c-productMark__mark {
  font-size: xx-small;
  margin-bottom: 2px;
}

/*------------------------------------------------------------
2020/09/18　商品価格（手
------------------------------------------------------------*/

.fs-c-productListItem__prices .fs-c-productPrice--selling .fs-c-productPrice__main .fs-c-price__currencyMark {
  /*font-size: 1.2em;*/
  font-weight: bold;
  /*margin-top: 8px;*/
}

.fs-c-productListItem__prices .fs-c-productPrice--selling .fs-c-productPrice__main .fs-c-price__value {
  /*font-size: 1.2em;
  font-weight: bold;
  /*margin-top: 8px;*/
}

.fs-c-productListItem__prices .fs-c-productPrice--member .fs-c-productPrice__main .fs-c-price__currencyMark {
  color: #d11d2a;
  /*font-size: 1.2em;*/
  font-weight: bold;
  /*margin-top: 8px;*/
}

.fs-c-productListItem__prices .fs-c-productPrice--member .fs-c-productPrice__main .fs-c-price__value {
  color: #d11d2a;
  /*font-size: 1.2em;*/
  font-weight: bold;
  /*margin-top: 8px;*/
}

/*------------------------------------------------------------
2020/10/14　メーカー別ページ親ページ（手
------------------------------------------------------------*/

.mb20 {
  margin-bottom: 20px;
  /*/f/manualで使用*/
}

.mb40 {
  margin-bottom: 40px;
  /*fc/inkなどで使用*/
}


/*------------------------------------------------------------
2020/10/14　メーカー別ページ子ページ（手
------------------------------------------------------------*/

.internal-link ul {
  /*box-shadow :0px 0px 3px silver;*/
  /*border: solid 1px whitesmoke;*/
  padding: 0.5em 1em 0.5em 1.5em;
  /*position: relative;*/
  /*background: #fafafa;*/
}

.internal-link ul li {
  line-height: 1.5;
  /*padding: 0.5em 0;*/
  list-style-type: none!important;
}

.internal-link ul li:before {
  content: "関連カテゴリー";
  left: 1em;
  margin-right: 10px;
}

/*------------------------------------------------------------
2020/03/05　大口注文フォーム（関
------------------------------------------------------------*/

#tbl {
  border-collapse: separate;
  border-spacing: 1px;
  width: 100%;
  background: #ccc;
}

table.bg_canon {
  background: #F5DFE2;
}

table.bg_epson {
  background: #D9DAFB;
}

table.bg_brother {
  background: #CCF0F3;
}

#tbl .bg_canon th {
  background: #DB001F;
}

#tbl .bg_epson th {
  background: #508CD3;
}

#tbl .bg_brother th {
  background: #5B80BE;
}

#tbl .bg_canon td {
  background: #F5DFE2;
}

#tbl .bg_epson td {
  background: #D9DAFB;
}

#tbl .bg_brother td {
  background: #CCF0F3;
}

#tbl .bg_canon_2 td {
  background: #FAF0F2;
}

#tbl .bg_epson_2 td {
  background: #EAEAF7;
}

#tbl .bg_brother_2 td {
  background: #E7F4F5;
}

#tbl .bg_other td {
  background: #eeeeef;
}

#tbl th {
  background: #F4F4F4;
  text-align: center;
  border-bottom: 1px double;
  padding: 3px;
}

#tbl td {
  background: #fff;
  text-align: center;
  padding: 3px;
}

#tbl td:nth-of-type(2) {
  text-align: left;
}

#tbl td:nth-of-type(3) {
  text-align: right;
}

#tbl td:last-child {
  text-align: center;
}

input[name="goodsNo"] {
  display: none;
}

#tbl input[type="text"] {
  width: 70px;
  text-align: right;
}


/*------------------------------------------------------------
2021/04/15　カテゴリーページボタン（手
------------------------------------------------------------*/
.catapi_brand .btn-wrap{
  padding: 10px;
  margin: 20px 0 20px;
  text-align: center;
  
}


.catapi_brand .btn-wrap .btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #ffba00;
    border: 1px solid #e6a700;
    border-radius: 3px;
    transition: background 0.3s;
    font-size: unset;
    color: #fff;
}


/*------------------------------------------------------------
2020/12/24　common.cssから分離(木
------------------------------------------------------------*/

.header-link h3, .header-link .header-link-ttl, .header-link .sub-link-ttl {
  background: #eee;
  margin-bottom: 10px;
  /*font-weight: 700;*/
}

.sub-link h3, .sub-link .header-link-ttl, .sub-link .sub-link-ttl {
  background: #eee;
  margin-bottom: 10px;
  /*font-weight: 700;*/
}

.header-link h3 span, .header-link .header-link-ttl span, .header-link .sub-link-ttl span {
  display: block;
  padding: 10px;
}

.sub-link h3 span, .sub-link .header-link-ttl span, .sub-link .sub-link-ttl span {
  display: block;
  padding: 10px;
}

.header-link h3 a, .header-link .header-link-ttl a, .header-link .sub-link-ttl a {
  display: block;
  padding: 10px;
  position: relative;
}

.sub-link h3 a, .sub-link .header-link-ttl a, .sub-link .sub-link-ttl a {
  display: block;
  padding: 10px;
  position: relative;
}

.header-link h3 a:after, .header-link .header-link-ttl a:after, .header-link .sub-link-ttl a:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(https://ecotte.itembox.design/item/img/v2/new-arrow02.png) no-repeat center center;
  background-size: 100% auto;
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  transform: rotate(-90deg);
}

.sub-link h3 a:after, .sub-link .header-link-ttl a:after, .sub-link .sub-link-ttl a:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(https://ecotte.itembox.design/item/img/v2/new-arrow02.png) no-repeat center center;
  background-size: 100% auto;
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  transform: rotate(-90deg);
}

.header-link ul, .sub-link ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.header-link ul li, .sub-link ul li {
  width: 50%;
  margin-bottom: 10px;
}

.header-link ul li .image, .sub-link ul li .image {
  display: inline-block;
  width: 40px;
  height: 40px;
  /*background: #333333;*/
  vertical-align: middle;
  margin-right: 10px;
}

.header-link ul li .image span, .sub-link ul li .image span {
  display: block;
  line-height: 40px;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  color: #fff;
}

form.search-box {
  display: flex;
  justify-content: space-between;
  font-size: 0;
  line-height: 0;
}

form.search-box .mega_search {
  margin-top: 0;
  font-size: 14px;
  line-height: 34px;
  height: 34px;
  max-width: 100%;
  width: calc(100% - 50px);
  border-radius: 4px 0 0 4px;
  border-right: none;
}