@media (max-width: 700px) {
  html {
    font-size: 3vw;
  }

  .site {
    padding: 10px;
    padding-bottom: 5vw;
  }

  body {
    font-size: 1rem;
  }
  #customer_login {
    flex-direction: column;
    gap: 0;
  }

  .site_nav {
    padding: 10px;
  }

  .sms_login_form {
    width: 100% !important;
  }
  .woocommerce-order-details .order_details,
  .woocommerce-order-details .order_details > tbody,
  .woocommerce-order-details .order_details > tbody > tr,
  .woocommerce-order-details .order_details > tbody > tr > td,
  .preorder_product_list table,
  .preorder_product_list table tbody,
  .preorder_product_list table tbody tr,
  .preorder_product_list > table > tbody > tr > td,
  #order_review .shop_table,
  #order_review .shop_table > thead,
  #order_review .shop_table > tbody,
  #order_review .shop_table > tbody > tr,
  #order_review .shop_table > tbody > tr > td {
    display: block;
  }
  #order_review .shop_table tbody > tr > td.variation_quantity_td {
  }
  .preorder_product_list
    > table
    > tbody
    > tr
    .variation_quantity_td
    tr:last-child
    td {
    width: 100%;
    box-sizing: border-box;
    display: block;
  }
  .preorder_product_list > table > tbody > tr .variation_quantity_td tr,
  .variation_popup_content.shadow {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .popup_product_variations table:nth-child(2) tbody tr:nth-child(1) {
  }
  td.material {
    max-width: none !important;
  }
  .product_img,
  .woocommerce table.shop_table td.product_img {
    width: 30% !important;
  }
  .product_img img {
    width: 100% !important;
  }
  .variation_popup_content.shadow {
    width: 100%;
    height: 100%;
  }
  .variation_popup_content.shadow > .padding {
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 95%;
    padding: 20px;
    box-sizing: border-box;
  }
  .variation_popup_content.shadow .popup_product_images {
    width: 100%;
    height: 50%;
    height: 100vw;
  }
  .variation_popup_content.shadow .popup_product_variations {
    margin-top: 1em;
    width: 100%;
  }
  .variation_popup_content.shadow
    .popup_product_variations
    table:nth-child(2)
    tbody
    tr:nth-child(2)
    td {
    width: 100%;
    box-sizing: border-box;
  }
  .variation_popup_content.shadow .popup_product_variations .buttons {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
  }
  .show_mob {
    display: block;
  }
  .show_pc,
  .mob_hide {
    display: none !important;
  }

  .pc_hide {
    display: unset;
  }

  div.swiper-pagination-fraction,
  div.swiper-pagination-custom,
  div.swiper-horizontal > .swiper-pagination-bullets,
  div.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
  }

  .table_tr_mob,
  .preorder_product_list table tbody tr.table_tr_mob,
  #order_review .shop_table > tbody > tr.table_tr_mob,
  .woocommerce-order-details .order_details > tbody > tr.table_tr_mob {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 5px solid #666;
  }
  .table_tr_mob > th,
  .table_tr_mob > td {
    display: block;
    width: 50%;
    box-sizing: border-box;
  }

  .table_tr_mob > th {
    width: 20%;
    display: block;
  }
  .table_tr_mob > td {
    width: 70%;
  }

  .info_table {
    border-bottom: 5px solid #000;
  }

  .menu-item a,
  .user_info_name {
    padding: 10px 20px;
  }

  .user_info > div {
    padding-left: 2em;
  }

  .user_info > .user_info_name {
    padding-left: calc(2em + 20px);
  }

  .menu_slider .user_info {
    display: block;
  }
}