@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap");
.cp-wrap {
  font-family: 'Noto Sans JP', sans-serif;
  color: #333333;
  position: relative;
  width: 100%;
  color: #525d63;
  font-size: 16px; }
  .cp-wrap *,
  .cp-wrap *::before,
  .cp-wrap *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box; }
  .cp-wrap li {
    list-style: none; }
  .cp-wrap img {
    display: block;
    width: 100%;
    margin: 0 auto;
    height: auto; }
  .cp-wrap p {
    margin: 0 auto; }
  @media screen and (max-width: 1064px) {
    .cp-wrap {
      font-size: 1.503759398vw; } }
  @media screen and (max-width: 768px) {
    .cp-wrap {
      font-size: 3vw; } }

@media screen and (min-width: 769px) {
  .sp {
    display: none; } }
@media screen and (max-width: 768px) {
  .pc {
    display: none; } }
.common-inner {
  max-width: calc(1000px + 4em);
  padding: 0 2em;
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 768px) {
    .common-inner {
      padding: 0; } }

.new_productH2 {
  text-align: center;
  font-size: 2.4em;
  letter-spacing: 0.1em;
  font-weight: 100;
  margin: 2em auto; }

.new_productH3 {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding: 0.2em 0 0.2em 10px;
  text-decoration: none;
  background: #ababab;
  border-left: solid 6px #6588c9;
  color: #fff;
  font-size: 1.3em;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29); }
  @media screen and (max-width: 768px) {
    .new_productH3 {
      width: 96%;
      margin: 0 2%; } }

.bread {
  padding: .8em 0; }
  .bread ul {
    display: flex; }
    .bread ul > li:before {
      content: ">";
      display: inline-block;
      margin-left: 1em;
      margin-right: 1em; }
    .bread ul > li:first-child:before {
      display: none; }
    .bread ul > li a {
      color: #989ea2;
      text-decoration: none; }
  @media screen and (max-width: 768px) {
    .bread {
      display: none;
      padding: .8em 1.5em; } }

.product-g1 {
  overflow: hidden; }
  .product-g1 .list1 {
    display: flex;
    flex-wrap: wrap;
    margin: 1.5em -1em 4em; }
    .product-g1 .list1 > li {
      width: 50%;
      padding: 1.25em 1.5em; }
      .product-g1 .list1 > li .detail {
        display: flex; }
      .product-g1 .list1 > li .img {
        width: 45%;
        height: auto; }
      .product-g1 .list1 > li .text {
        width: 55%;
        padding: 0 0 1em 2em;
        display: flex;
        flex-direction: column; }
        .product-g1 .list1 > li .text .brand {
          width: 12.5em;
          height: 30px; }
          .product-g1 .list1 > li .text .brand img {
            height: auto;
            object-fit: contain; }
        .product-g1 .list1 > li .text .point {
          font-size: .875em;
          margin: .5em 0 1em;
          flex-grow: 1;
          text-align: justify; }
          @media screen and (max-width: 768px) {
            .product-g1 .list1 > li .text .point {
              height: auto; } }
        .product-g1 .list1 > li .text .carea {
          text-align: right;
          height: 36px; }
        .product-g1 .list1 > li .text a {
          color: #343c40;
          text-decoration: none;
          font-size: .875em;
          letter-spacing: .15em;
          background-color: #fbfaf3;
          display: inline-block;
          padding: .2em 1.5em;
          border-radius: 3em;
          border: 1px solid; }
  @media screen and (max-width: 768px) {
    .product-g1 .list1 {
      width: 92%;
      margin: 1.5em auto 4em; }
      .product-g1 .list1 > li {
        width: 100%;
        padding: .75em 0; } }