@charset "UTF-8";

body {
  font-family: "Yu Gothic UI", "Meiryo", sans-serif;
}

a.cal  {
    color: #db0000;
    padding: 0px 0px 0px 10px;
    text-decoration: underline;
}

a:hover, abbr[title] {
  text-decoration: none!important;
}

ul.horizontal{
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0px auto;
}

ul.horizontal li{
  box-sizing: border-box;
  text-align: center;
  border-bottom: 2px solid #e5e5e582;
  width: 33.333%;
}

ul.horizontal li a{
  color: #000000;
  display:block;
  padding: 15px 0px;
  font-weight: 400;
}

ul.horizontal li:hover{
  border-bottom: 2px solid black;
}

ul.horizontal li.active{
  border-bottom: 2px solid black;
}

ul.horizontal li.active a{
  font-weight: 800;
  font-size: 13px;
  padding: 3px;
}

.search-area {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0px auto;
  width: 100%;
  padding-inline-start: 0px;
  margin-block-end: 0px;
  margin-block-start: 0px;
}

.search-area li{
  box-sizing: border-box;
  display: inline-block;
}

.side-search-keyword{
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  display: block;
  font-family: "Yu Gothic UI", "Meiryo", sans-serif;
}

.search-price {
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-family: "Yu Gothic UI", "Meiryo", sans-serif;
}

.search-category {
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-family: "Yu Gothic UI", "Meiryo", sans-serif;
}

.original-code{
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  display: block;
  ffont-family: "Yu Gothic UI", "Meiryo", sans-serif;
}

.price-label{
  display: block;
}

.search-btn {
  text-align: center;
  display: block;
  margin: 0px auto;
  width: 300px;
  background: #393939;
  color: white;
  padding: 15px;
}

.allitem-area {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0px auto;
  width: 100%;
  padding-inline-start: 0px;
  margin-block-end: 0px;
  margin-block-start: 0px;
}

.allitem-area li{
  box-sizing: border-box;
  display: inline-block;
}

.border_top {
  margin: 20px 8px 10px 8px;
  background: white;
  border-radius: 10px;
  box-shadow: 1px 3px 1px #d7d5d5;
  padding: 30px 0px 20px;
}

.allitem-area img {
  display: block;
  margin: 0px auto;
}

.allitem-area p {
  text-align: center;
  font-weight: 400;
  color: #2d2d2d;
}

.information {
  display: block;
  margin: 0px auto;
  position: relative;
}

nav.pagination-container ul {
  border: none;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  transition: 0.3s;
  border-radius: 0px;
  overflow: hidden;
  margin-top: 20px;
}

.pagination li {
  margin: 0px 8px;
  border: 1px solid #000000;
  font-size: 18px;
  border-radius: 30px;
  transition: 0.5s;
}

nav.pagination-container ul li a {
  display: block;
  padding: 9px 16px;
  color: black;
  transition: 0.5s;
}

li.page.navi-active a {
  background: #000000;
  color: white;
  border-radius: 30px;
}

.pagenation_block {
  width: 85%;
  max-width: 190px;
  font-weight: 400;
}

.pagenation_block dl {
  border-bottom: 1px solid #ccc;
  padding: 40px 0;
  margin-block-start: 0px;
  margin-block-end: 0px;
}

.pagenation_block dt {
  margin-top: 5px;
}

.pagenation_block dt span{
  display: block;
  width: 65px;
  text-align: center;
  margin: 5px 0px;
}

.news_title {
  text-align: left;
}

nav.pagination-container {
    /* position: absolute; */
    /* top: 30px; */
    /* right: 3%; */
}

.allitem-area-subcap {
  font-size: 30px;
  margin-block-end: 0px;
  margin-block-start: 0px;
  margin: 0px auto;
}

.color-1 {
  background: #0e0ecd !important;
}

.color-2 {
  background: #9f9f00 !important;
}

.color-3 {
  background: green!important;
  }

.color-4 {
  background: #c10000 !important;
  }

.manufacturer-area p{
  display: none;
}

img.paypay{
    width: 100px;
    position: absolute;
    margin: -10px 0px 0px 0px;
    right: 10px;
}

@media only screen and (max-width: 767px){
  ul.horizontal {
  padding: 25px 0px 0px 0px;
  }

  ul.horizontal li{
  }

  ul.horizontal li a{
  text-align: center;
  font-size: 13px;
  padding: 3px;
  }

  section.allitem{
  background: #fafafa;
  padding: 10px 5px 20px;
  }

  section.search{
  background: #fafafa;
  padding: 20px 5px;
  }

  section.newitem{
  background: #fafafa;
  padding: 20px 5px;
  }

  .search-area {
  max-width: 1150px;
  width: 98%;
  }

  .search-area li{
  width: 100%;
  font-size: 13px;
  margin-bottom: 10px;
  text-align: center;
  }

  .side-search-keyword{
  width: 88%;
  margin: 5px auto;
  text-align: center;
  padding: 10px!important;
  font-size: 13px!important;
  max-width: 400px;
  }

  .search-category {
  width: 88%;
  margin: 5px auto;
  text-align: center;
  padding: 10px!important;
  font-size: 13px!important;
  cursor: pointer;
  border-radius: 0;
  background-size: 10px auto;
  max-width: 400px;
  display: block;
  }

  .search-price{
  width: 40%;
  text-align: center;
  padding: 10px!important;
  font-size: 13px!important;
  margin: 5px 5px;
  max-width: 200px;
  }

  .original-code{
  width: 88%!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
  text-align: center!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
  padding: 10px!important;
  font-size: 13px!important;
  margin: 5px auto!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
  max-width: 400px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
  }

  .search-btn {
  font-size: 13px;
  width: 80%;
  background: #393939;
  color: white;
  padding: 8px;
  max-width: 160px;
  margin-top: 15px;
  }

  .information {
  margin: 30px auto 0px;
  width: 95%;
  max-width: 500px;
  }

  .allitem-area {
  width: 98%;
  max-width: 420px;
  margin-bottom: 35px;
  }

  .allitem-area li{
  width: 50%;
  }

  .border_top {
  padding: 10px 0px;
  max-width: 180px;
  margin: 10px 8px 5px;
  }

  .allitem-area img {
  width: 90%;
  max-width: 140px;
  }

.manufacturer-area img {
  width: 85%;
  max-width: 190px;
  }

  .allitem-area p {
  font-size: 13px;
  margin-block-end: 0px;
  margin-block-start: 5px;
  padding: 0px 15px;
  line-height: 1.4;
  }

  .newitem-area {
  max-width: 400px;
  }

  .newitem-area li {
  width: 100%;
  padding: 0px;
  }

  .newitem-area img {
  width: 100%;
  max-width: 100%;
  }

  .newitem-area p {
  font-size: 16px;
  line-height: 1.4;
  text-align: left;
  padding: 0px;
  font-weight: 400;
  margin: 15px 0px 0px 0px;
  }

  .newitem-area span {
  text-align: right;
  font-size: 25px;
  margin-top: 25px;
  display: block;
  }

  .newitem-area span little {
  font-size: 13px;
  margin-left: 5px;
  }

  .newitem-area .border_top {
  max-width: none;
  box-shadow: none;
  border-radius: 0px;
  padding: 25px;
  margin: 0px auto 30px;
  width: 80%;
  }

  .pagenation_block {
  width: 95%;
  max-width: 500px;
  margin: -5px auto 0px;
  font-weight: 400;
  }

  .pagination li {
  font-size: 15px;
  margin: 0px 30px;
  }

  .pagenation_block dt {
  display: flex;
  margin-bottom: 15px;
  }

  .pagenation_block dt span{
  font-size: 12px;
  padding: 5px 5px;
  background: #e72525;
  color: white;
  width: fit-content;
  margin: -3px 0px 0px 5px;
  }

  .pagenation_block dd {
  font-size: 12px;
  line-height: 1.8;
  margin-inline-start: 0px;
  margin-top: -10px;
  }

  .news_title {
  font-size: 18px;
  margin-block-end: 0px;
  margin-block-start: 0px;
  font-weight: 400;
  }

  nav.pagination-container {
  }

  li.page,li.last,li.first{
  display: none;
  }

.allitem-area-subcap {
  font-size: 14px;
  width: 95%;
  margin: 20px auto 0px;
  text-align: center;
  font-weight: 400;
  }

.original-code{
  width: 88%;
  margin: 5px auto;
  text-align: center;
  padding: 10px !important;
  font-size: 13px !important;
  max-width: 400px;
}

img.paypay{
    width: 75px;
    margin: 30px 0px 0px 0px;
    right: 5px;
}

.only_pc {
  display: none;
}

.logcat {position: absolute;top: -5px;right: 5px;}

.logcat img{width: 50px;}

}

@media screen and (min-width: 768px) {

.only_sp {
  display: none;
}

.logcat {position: absolute;right: 50px;top: -20px;}

.logcat img{width: min(15vw, 130px);}


  .original-code {
  width: 88%!important;
  margin: 10px autoimportant;
  text-align: center;
  padding: 15px !important;
  font-size: 16px !important;
  }

  ul.horizontal {
  padding: 0px 0px 0px 0px;
  }

  ul.horizontal li{
  }

  ul.horizontal li a{
  text-align: center;
  font-size: 25px;
  }

  ul.horizontal li.active a{
  font-weight: 800;
  font-size: 25px;
  padding: 15px 2px;
  }

  section.allitem{
  background: #fafafa;
  padding: 30px 5px;
  }

  section.search{
  background: #fafafa;
  padding: 110px 5px;
  position: relative;
  }

  section.newitem{
  background: #fafafa;
  padding: 60px 5px;
  }

  .search-area {
  max-width: 1150px;
  width: 98%;
  }

  .search-area li{
  width: 50%;
  font-size: 18px;
  margin-bottom: 60px;
  text-align: center;
  }

  .side-search-keyword{
  width: 94%;
  margin: 10px auto;
  text-align: center;
  padding: 15px!important;
  font-size: 16px!important;
  }

  .search-category {
  width: 88%;
  margin: 10px auto;
  text-align: center;
  padding: 15px!important;
  font-size: 16px!important;
  cursor: pointer;
  border-radius: 0;
  background-size: 15px auto;
  }

  .search-price{
  width: 40%;
  text-align: center;
  padding: 15px!important;
  font-size: 16px!important;
  margin: 10px 5px;
  }

  .original-code{
  width: 88%;
  text-align: center;
  padding: 15px!important;
  font-size: 16px!important;
  margin: 10px auto;
  }

  .search-btn {
  font-size: 18px;
  width: 300px;
  background: #393939;
  color: white;
  padding: 15px;
  }

  .allitem-area {
  width: 95%;
  }

  .allitem-area li{
  width: 16.666%;
  }

  .allitem-area img {
  width: 80%;
  max-width: 150px;
  }

.manufacturer-area img {
  width: 85%;
  max-width: 190px;
  }

  .allitem-area p {
  font-size: 15px;
  margin-block-end: 0px;
  margin-block-start: 20px;
  padding: 0px 8px;
  line-height: 1.3;
  }

  .information {
  width: 90%;
  max-width: 1400px;
  margin: 100px auto 0px;
  }

  .newitem-area {
  width: 100%;
  }

  .newitem-area li {
  width: 25%;
  }

  .newitem-area img {
  width: 100%;
  max-width: 100%;
  }

  .newitem-area p {
  text-align: left;
  font-size: 18px;
  margin-block-start: 10px;
  line-height: 1.3;
  font-weight: 400;
  }

  .newitem-area span {
  text-align: right;
  font-size: 25px;
  display: block;
  margin-top: 30px;
  }

  .newitem-area span little{
  margin-left: 5px;
  font-size: 15px;
  }

  .newitem-area .border_top {
  max-width: none;
  box-shadow: none;
  border-radius: 0px;
  padding: 18px;
  }

  .pagenation_block {
  margin: 40px auto 0px;
  max-width: 1400px;
  width: 95%;
  }

  .pagenation_block dt {
  clear: left;
  float: left;
  width: 17%;
  font-size: 14px;
  }

  .pagenation_block dt span{
  font-size: 13px;
  padding: 7px;
  background: #e72525;
  color: white;
  width: 95px;
  }

  .pagenation_block dd {
  margin-left: 17%;
  font-size: 16px;
  line-height: 2;
  }

  .news_title {
  font-size: 30px;
  margin-block-end: 0px;
  margin-block-start: 0px;
  font-weight: 400;
  }

  .allitem-area-subcap {
  font-size: 26px;
  width: 93%;
  margin: 35px auto 0px;
  }

  nav.pagination-container ul li a:hover {
  background: #000000;
  color: white;
  border-radius: 30px;
  transition: 0.5s;
  }
}

.category-area {
  display: none;
  }

.layout__main {
  display: none;
  }