@charset "UTF-8";
/*--------------------------------------------------------
定数
--------------------------------------------------------*/

@media screen and (max-width: 1920px) {
  .w1920p {
    width: 100%;
    margin-left: 0px;
  }
}

@media screen and (max-width: 800px) {
  .w800p {
    width: 100%;
  }

  .img_center {
    margin-left: 0px;
  }

  body {
    min-width: 100%;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  .mt10 {
    margin-top: 3%;
  }

  .mt20 {
    margin-top: 4%;
  }

  .mt30 {
    margin-top: 5%;
  }

  .mt50 {
    margin-top: 7%;
  }

  .mt100 {
    margin-top: 12%;
  }

  .mt200 {
    margin-top: 22%;
  }

  .pb100 {
    padding-bottom: 12%;
  }

  .hidden800 {
    display: none;
  }

  .break_800:before {
    content: "\A";
    white-space: pre;
  }

  .mer_area {
    width: 80%;
    padding: 4%;
    display: block;
  }

  .wi_ec_item {
    width: 43.3%;
    margin-left: auto;
    margin-right: auto;
  }

  .material_title {
    font-size: 5vw;
    margin-top: 5%;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .material_price {
    font-size: 5vw;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .material_txt {
    font-size: 2.5vw;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .sp_btnw {
    width: 46.2vw;
  }

  .wi_ec_btn {
    width: 50.8vw;
    margin-left: auto;
    margin-right: auto;
  }

  .prodact_img {
    width: 49.6%;
  }

  .cart_area {
    width: 80%;
  }

  .cart_box {
    display: block;
  }

  .cart_box>div {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7%;
  }

  .cart_box img {
    margin-left: auto;
    margin-right: auto;
  }

  .product_tilte {
    font-size: 4vw;
  }

  .product_txt1>span:nth-of-type(1) {
    font-size: 4vw;
    padding-bottom: 3%;
  }

  .product_txt1>span:nth-of-type(2) {
    display: flex;
    align-items: center;
    font-size: 3vw;
  }

  .product_txt1 label {
    margin-top: -5%;
  }

  input[type="number"] {
    height: 3.3vw;
    width: 9vw;
  }

  .product_txt1 {
    padding-bottom: 3%;
  }

  .product_txt2,
  .product_txt3 {
    font-size: 3.2vw;
    padding: 3% 0;
  }

  .product_img {
    width: 86.6%
  }

  .sp_btnw2 {
    width: 55vw;
    margin-left: auto;
    margin-right: auto;
  }

  .sp_btnw3 {
    width: 40vw;
    margin-left: auto;
    margin-right: auto;
  }

  .form_area {
    padding-top: 7%;
    padding-bottom: 7%;
  }

  .form_tilte {
    font-size: 4.4vw;
  }

  .title {
    font-size: 3.1vw;
  }

  input[type="text"],
  input[type="tel"],
  input[type="email"],
  select {
    font-size: 2.6vw;
  }

  .wrap::after {
    font-size: 2.6vw;
    top: 10%;
    right: -3%;
    height: 10%;
    width: 10%;
  }

  .product_txt4 {
    font-size: 2.5vw;
  }

  .subtotal_box hr {
    width: 55%;
  }

  .subtotal_box div {
    width: 50%;
  }

  .sp_btnw4 {
    width: 79vw;
    margin-left: auto;
    margin-right: auto;
  }

  .err_msg {
    font-size: 2.2vw;
  }
}

@media screen and (max-width: 650px) {
  input[type="number"] {
    font-size: 2vw;
  }

  .form_area form>div:nth-of-type(1) {
    width: 70%;
  }

  .product_txt4 {
    font-size: 3vw;
  }

  .form_tilte {
    font-size: 4.7vw;
  }

  .title {
    font-size: 3.5vw;
  }

  input[type="text"],
  input[type="tel"],
  input[type="email"],
  select {
    font-size: 3vw;
  }

  .wrap::after {
    font-size: 3vw;
  }

  .err_msg {
    font-size: 2.8vw;
  }
}

@media screen and (max-width: 500px) {
  .hidden500 {
    display: none;
  }

  .break_500:before {
    content: "\A";
    white-space: pre;
  }

  .material_txt {
    font-size: 3.2vw;
  }

  .product_txt1>span:nth-of-type(2) {
    font-size: 3.5vw;
  }

  .product_txt1,
  .product_txt2,
  .product_txt3 {
    font-size: 3.5vw;
  }

  footer p {
    font-size: 13px;
  }

  input[type="number"] {
    font-size: 2.5vw;
    height: 4vw;
  }

  .form_tilte {
    font-size: 5vw;
  }

  .form_area form>div:nth-of-type(1) {
    width: 75%;
  }

  .title {
    font-size: 4vw;
  }

  input[type="text"],
  input[type="tel"],
  input[type="email"],
  select {
    font-size: 3.5vw;
  }

  .err_msg {
    font-size: 3.5vw;
  }

  .wrap::after {
    font-size: 3.5vw;
    top: 10%;
  }

  .subtotal_box hr {
    width: 65%;
  }

  .subtotal_box div {
    width: 55%;
  }

  .product_txt4 {
    font-size: 4vw;
  }
}


@media screen and (max-width: 380px) {
  .wrap::after {
    top: 15%;
  }
}