@charset "UTF-8";
/* ===============================================
==================================================
common parts
==================================================
================================================== */
.cntsWrapper {
  width: 92%;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .cntsWrapper {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 961px) {
  .cntsWrapper {
    width: min(100%, 1440px);
    padding: 0 2.93%;
  }
}

/* ===============================================
products archive
================================================== */
.prdGlp {
}
.prdGlp .prdSet {
}
.prdGlp .prdSet + .prdSet {
  margin: 25% auto 0;
}
.prdGlp .prdSet .imgObj {
}
.prdGlp .prdSet .imgObj a {
  width: 100%;
}
.prdGlp .prdSet .prdInfo {
  text-align: left;
  margin: 5% auto 0;
}
.prdGlp .prdSet .prdInfo .prdEnName {
}
.prdGlp .prdSet .prdInfo .prdJpName {
}
.prdGlp .prdSet .prdInfo .prdPrice {
  margin: 1.5em 0 0;
}
.prdGlp .prdSet .btnCenter {
  width: 100%;
  margin: 5% auto 0;
}

@media screen and (min-width: 769px) {
  .prdGlp {
    display: flex;
    flex-flow: wrap;
  }
  .prdGlp .prdSet {
    width: min(45%, 350px);
    margin: 0 2.5% 5% 0;
  }
  .prdGlp .prdSet + .prdSet {
    margin: 0 2.5% 5% 0;
  }
  .prdGlp .prdSet .imgObj {
  }
  .prdGlp .prdSet .prdInfo {
  }
  .prdGlp .prdSet .prdInfo .prdEnName {
  }
  .prdGlp .prdSet .prdInfo .prdJpName {
  }
  .prdGlp .prdSet .prdInfo .prdPrice {
  }
  .prdGlp .prdSet .btnCenter {
  }
}
@media screen and (min-width: 961px) {
  .prdGlp {
  }
  .prdGlp .prdSet {
  }
  .prdGlp .prdSet + .prdSet {
  }
  .prdGlp .prdSet .imgObj {
  }
  .prdGlp .prdSet .prdInfo {
  }
  .prdGlp .prdSet .prdInfo .prdEnName {
  }
  .prdGlp .prdSet .prdInfo .prdJpName {
  }
  .prdGlp .prdSet .prdInfo .prdPrice {
  }
  .prdGlp .prdSet .btnCenter {
  }
}

/* ===============================================

================================================== */
@media screen and (min-width: 769px) {
}
@media screen and (min-width: 961px) {
}
/* ===============================================

================================================== */
@media screen and (min-width: 769px) {
}
@media screen and (min-width: 961px) {
}
/* ===============================================

================================================== */
@media screen and (min-width: 769px) {
}
@media screen and (min-width: 961px) {
}