.shirogane__navi {
      display: flex;
      justify-content: center;
      max-width: 1000px;
      margin: 0 auto;
  }

  .shirogane__btn {
      width: 20vw;
      margin: 5vw 1vw 2vw;
      display: inline-block;
  }

  .shirogane__btn a {
      font-family: 'Noto Sans JP', sans-serif;
      text-decoration: none;
      color: #fff;
      background-color: #a39475;
      display: block;
      padding: 0.3vw 0.2vw;
      text-align: center;
      font-size: 1.1vw;
      letter-spacing: 0.2em;
      font-weight: 200;
      border-radius: 0.5em;
  }

  .shirogane__btn a:hover {
      color: #8c1d40;
  }

  .mirai_hdr {
      margin-bottom: 5vw;
      max-width: 1100px;
  }

  .mirai_hdr img {
      width: 100%;
  }

  .mirai__5-2 {
      margin: 3vw auto;
      max-width: 919px;
      padding: 0 5vw;
  }

  .mirai__5-2 img {
      width: 100%;
  }

  .mirai_flex {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .mirai_flex img {
      width: 100%;
  }

  .mirai_flex > div {
      width: 45%;
  }

  .mirai_flex .mirai_txt div {
      width: 36%;
      margin: 0 auto 10vw;
  }

  .mirai_flex .mirai_txt p:not(:last-child) {
      margin-bottom: 2vw;
  }

  .warp__back--gray2 {
      display: flex;
      max-width: 1100px;
      justify-content: center;
      align-items: center;
      background-color: #e0e5e4;
  }

  .warp__back--gray2 > div {
      width: 50%;
  }

  .warp__back--gray2 > div:first-child img {
      width: 100%;
  }

  .warp__sub3 {
      font-size: 2.4vw;
      margin: 0 0 1vw;
      font-weight: bold;
      letter-spacing: 0.05em;
      color: #30353a;
      line-height: 1.4;
  }

  .warp__txt3 {
      font-size: 1.4vw;
      line-height: 1.6em;
      color: #30353a;
      margin-bottom: 3vw;
  }

  .warp__catch3 {
      font-size: 1.7vw;
      line-height: 1.8em;
      margin: 3vw 0 2vw;
      font-weight: bold;
      color: #30353a;
  }

  .warp__catch3 img {
      width: 4%;
      vertical-align: middle;
      margin: 0 0.5vw 0.3vw 0;
  }

  .warp {
      margin-bottom: 15vw !important;
  }

  .ttl_wrap {
      max-width: 1100px;
      margin: 100px auto;
      text-align: center;
  }

  .ttl_product__logo {
      width: 10%;
      margin: 0 auto 3vw;
  }

  .ttl_lead {
      font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W4", "HiraMinProN-W4", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
      color: #a39475;
      text-align: center;
      font-size: 1.8vw;
      line-height: 1.8;
      letter-spacing: 0.01em;
      margin-bottom: 7vw;
  }

  .ttl_product_flex {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .ttl_product_flex img {
      width: 100%;
  }

  .ttl_product_flex .ttl_product_photo {
      width: 50%;
  }

  .ttl_product_flex .ttl_product_txt {
      width: 40%;
      margin-left: 5%;
  }

  .ttl_product_flex .ttl_product_txt div {
      width: 36%;
      margin: 0 auto 10vw;
  }

  .ttl_btn {
      width: 36%;
      margin: 8vw auto 20vw;
  }

  .ttl_btn a {
      font-size: 1.8vw;
      text-align: center;
      text-decoration: none;
      letter-spacing: 0.1em;
      color: #fff;
      background-color: #d4b572;
      display: block;
      padding: 0.5em 1em;
  }

  .ttl_btn a:hover {
      opacity: 0.8;
  }

  .btn_online_shop img {
      width: 55%;
      margin-top: 1vw;
  }

  .btn_online_shop a:hover {
      opacity: 0.8;
  }

  .contents_w {
      margin: 0 auto;
      width: 100%;
      max-width: 1100px;
  }

  .drc_shop2 {
      margin: 0 auto 20vw;
      max-width: 880px;
      width: 90%;
  }

  .drc_shop2 > div {
      border: #2278be solid 2px;
      margin: 0 auto;
      padding: 3vw 6vw 4vw;
  }

  .drc_shop2 h2 {
      font-size: 2.2vw;
      color: #2278be;
      text-align: center;
      margin-bottom: 5vw;
  }

  .drc_shop2 .shop_flex,
  .drc_shop2 .shop_flex2 {
      display: flex;
      justify-content: space-between;
      margin-bottom: 5vw;
  }

  .drc_shop2 .shop_flex div,
  .drc_shop2 .shop_flex2 div {
      width: 50%;
  }

  .drc_shop2 .shop_flex2:after {
      display: block;
      content: "";
      width: 50%;
  }

  .sub_mi2 {
      margin: 0px auto 3vw auto;
      padding: 1vw 0;
      max-width: 1100px;
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 1.8vw;
      color: #FFF;
      text-align: center;
      background: #8f1736;
  }

  .brand_list2 {
      max-width: 1100px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      text-align: center;
  }

  .brand_list2:after {
      display: block;
      content: "";
	  
   /* wb03 blocked & add */
   /* width: 200px;*/
	  width: 425px
	  
  }

  .brand_list2 dl {
      width: 200px;
      padding: 20px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
  }

  .brand_list2 dl dt {
      border: 1px solid #000;
  }

  .brand_list2 dl dt img {
      width: 100%;
  }

  .brand_list2 dl dd {
      margin: 1vw auto 0;
  }

  @media screen and (min-width:1100px) {
      .shirogane__btn {
          width: 200px;
          margin: 50px 10px 20px;
      }

      .shirogane__btn a {
          font-size: 14px;
      }

      .mirai_hdr {
          margin-bottom: 50px;
      }

      .mirai__5-2 {
          margin: 30px auto;
          padding: 0 50px;
      }

      .mirai_flex > div {
          width: 450px;
      }

      .mirai_flex .mirai_txt div {
          width: 200px;
          margin: 0 auto 100px;
      }

      .mirai_flex .mirai_txt p:not(:last-child) {
          margin-bottom: 20px;
      }

      .warp__back--gray2 > div {
          width: 500px;
          margin: 0 auto;
      }

      .warp__sub3 {
          font-size: 24px;
          margin: 0 0 10px;
      }

      .warp__txt3 {
          font-size: 14px;
          margin-bottom: 30px;
      }

      .warp__catch3 {
          font-size: 17px;
          margin: 30px 0 20px;
      }

      .warp__catch3 img {
          width: 40px;
          margin: 0 5px 3px 0;
      }

      .warp {
          margin-bottom: 150px !important;
      }

      .ttl_product__logo {
          width: 100px;
          margin: 0 auto 30px;
      }

      .ttl_lead {
          font-size: 18px;
          margin-bottom: 70px;
      }

      .ttl_product_flex .ttl_product_photo {
          width: 500px;
      }

      .ttl_product_flex .ttl_product_txt {
          width: 400px;
          margin-left: 50px;
      }

      .ttl_product_flex .ttl_product_txt div {
          width: 360px;
          margin: 0 auto 100px;
      }

      .ttl_btn {
          width: 360px;
          margin: 80px auto 200px;
      }

      .ttl_btn a {
          font-size: 18px;
      }

      .btn_online_shop img {
          width: 250px;
          margin-top: 10px;
      }

      .drc_shop2 {
          margin: 0 auto 200px;
          width: 900px;
      }

      .drc_shop2 > div {
          border: #2278be solid 2px;
          margin: 0 auto;
          padding: 30px 60px 40px;
      }

      .drc_shop2 h2 {
          font-size: 22px;
          margin-bottom: 50px;
      }

      .drc_shop2 .shop_flex,
      .drc_shop2 .shop_flex2 {
          margin-bottom: 50px;
      }

      .drc_shop2 .shop_flex div,
      .drc_shop2 .shop_flex2 div {
          width: 500px;
      }

      .drc_shop2 .shop_flex2:after {
          width: 500px;
      }

      .sub_mi2 {
          margin: 0px auto 30px;
          padding: 10px 0;
          font-size: 18px;
      }

      .brand_list2 dl dd {
          margin: 10px auto 0;
      }
  }

  @media screen and (max-width:780px) {
      .shirogane__navi {
          display: flex;
          flex-direction: column;
      }

      .shirogane__btn {
          width: 80%;
          margin: 3vw auto;
          display: inline-block;
      }

      .shirogane__btn a {
          padding: 2vw 0vw;
          font-size: 3.3vw;
          font-weight: 400;
      }

      .mirai__lead {
          font-size: 5.0vw !important;
      }

      .mirai__txt {
          font-size: 4.0vw;
          margin: 2vw auto;
          line-height: 1.8;
      }

      .mirai__5-2 {
          margin: 5vw auto;
          padding: 0 5%;
      }

      .mirai_flex {
          flex-direction: column;
      }

      .mirai_flex > div:first-child {
          order: 2;
      }

      .mirai_flex > div:nth-child(2) {
          order: 1;
          margin-bottom: 5vw;
      }

      .mirai_flex > div {
          width: 90%;
      }

      .mirai_flex .mirai_txt p:not(:last-child) {
          margin-bottom: 4vw;
      }

      .mirai_txt {
          font-size: 3.8vw;
          line-height: 2.0;
      }

      .warp__back--gray2 {
          flex-direction: column;
      }

      .warp__back--gray2 > div {
          width: 100%;
      }

      .warp__back--gray2 > div:nth-child(2) {
          padding: 8vw 0;
      }

      .warp__sub3 {
          font-size: 4.0vw;
          margin: 0 0 2vw;
      }

      .warp__txt3 {
          font-size: 3.2vw;
      }

      .warp__catch3 {
          font-size: 3.4vw;
      }

      .ttl_wrap {
          margin: 10vw auto;
      }

      .ttl_product__logo {
          width: 20%;
          margin: 0 auto 10vw;
      }

      .ttl_lead {
          font-size: 3.6vw;
          margin: 0 auto 7vw;
          width: 90%;
          text-align: justify;
          text-align-last: left;
      }

      .ttl_product_flex {
          flex-direction: column;
      }

      .ttl_product_flex .ttl_product_photo {
          width: 90%;
      }

      .ttl_product_flex .ttl_product_txt {
          width: 90%;
          margin: 10vw auto;
      }

      .ttl_btn {
          width: 80%;
          margin: 8vw auto 20vw;
      }

      .ttl_btn a {
          font-size: 3.6vw;
      }

      .btn_online_shop img {
          width: 90%;
          margin-top: 1vw;
      }

      .btn_online_shop a:hover {
          opacity: 0.8;
      }

      .contents_w {
          margin: 0 auto;
          width: 100%;
          max-width: 1100px;
      }

      .drc_shop2 {
          margin: 0 auto 20vw;
          max-width: 880px;
          width: 90%;
      }

      .drc_shop2 > div {
          border: #2278be solid 2px;
          margin: 0 auto;
          padding: 10vw 6vw 1vw;
      }

      .drc_shop2 h2 {
          font-size: 4.0vw;
          margin-bottom: 8vw;
      }

      .drc_shop2 .shop_flex,
      .drc_shop2 .shop_flex2 {
          flex-direction: column;
          margin-bottom: 5vw;
          text-align: center;
      }

      .drc_shop2 .shop_flex div,
      .drc_shop2 .shop_flex2 div {
          width: 100%;
          margin-bottom: 5vw;
      }

      .drc_shop2 .shop_flex2:after {
          width: 100%;
      }

      .sub_mi2 {
          padding: 2vw 0;
          width: 100%;
          font-size: 4.0vw;
      }

      .brand_list2 {
          width: 100%;
      }

      .brand_list2:after {
          width: 50%;
      }

      .brand_list2 dl {
          width: 50%;
          padding: 5%;
      }

      .brand_list2 dl dd {
          margin: 1vw auto 0;
      }
  }