/* EC共通 */
.woocommerce-breadcrumb{
  margin: 1rem 0 0.5rem;
}

/* single詳細ページ */
.woocommerce-product-gallery--with-images{
  width: 60%;
}
.woocommerce-product-gallery__wrapper{
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
.woocommerce-product-gallery__wrapper div:first-of-type{
  width: 100%;
  height: 600px;
}
.wp-post-image{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product{
  display: flex;
  flex-wrap: wrap;
  padding: 0 50px;
}
.summary{
  margin: 3rem auto;
}
.woocommerce-tabs{
  margin: 3rem auto;
  width: 80%;
}
.wc-tabs{
  display: flex;
  gap: 3rem;
}
.woocommerce-Tabs-panel{
  border: 1px solid #000;
  padding: 1rem;
}
.woocommerce-Tabs-panel h2{
  margin-bottom: 1rem;
}
.shop_attributes td{
  padding-left: 1rem;
}
.comment-form-rating{
  display: flex;
  gap: 1rem;
  margin: 1rem;
}
.comment-form-comment{
  margin: 1rem;
}
#comment{
  border: 1px solid #000;
  margin-left: 1rem;
  padding: 1rem;
  width: 80%;
}
.form-submit{
  text-align: center;
  margin: 1rem;
}
.related{
  margin: 0 auto;
  width: 90%;
}
.related .product{
  display: block;
}
.products{
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.woocommerce-product-rating{
  margin-bottom: 1rem;
}
.woocommerce-product-details__short-description{
  margin-bottom: 1rem;
}
.variations{
  margin-bottom: 1rem;
}
.label{
  padding-right: 1rem;
}
.value{
  border: 1px solid #000;
  padding: 1rem;
}
.value select{
  text-align: center;
}
.reset_variations{
  background-color: rgba(204, 204, 204, 0.8);
  padding: 0.5rem;
  border-radius: 10px;
}
.single_variation{
  margin-bottom: 1rem;
}
.screen-reader-text{
  padding-right: 1rem;
}
.input-text{
  border: 1px solid #000;
  text-align: center;
  width: 100px;
  padding: 0.5rem;
}
.single_add_to_cart_button{
  margin: 1rem;
  background-color: #090909;
  color: #FFF;
  padding: 1rem;
}
.woocommerce-notices-wrapper{
  width: 50%;
  margin: 0 auto;
}

/* cart */
.shop_table{
  margin: 0 auto;
}
.cart_totals h2{
  text-align: center;
}
.wc-proceed-to-checkout{
  text-align: center;
  margin-top: 3rem;
}
.checkout-button{
  background-color: #090909;
  color: #FFF;
  padding: 1rem;
}
.woocommerce-cart-form__cart-item .product-name,
.woocommerce-cart-form__cart-item .product-price,
.woocommerce-cart-form__cart-item .product-quantity,
.woocommerce-cart-form__cart-item .product-subtotal{
  border-width: 20px;
  border-color: #FFF;
}
.woocommerce-cart-form__contents  .actions{
  text-align: center;
}
.coupon{
  margin-bottom: 1rem;
}
.coupon .input-text{
  width: 200px;
}
.woocommerce-cart-form__cart-item .button{
  background-color: #000;
  color: #FFF;
  padding: 1rem;
}
.cart-collaterals{
  margin-top: 3rem;
}
.ecart_update{
  background-color: #090909;
  color: #FFF;
  padding: 1rem;
}
.cart_totals th{
  padding-right: 1rem;
}

/* checkout */
.woocommerce-form-coupon-toggle{
  width: 50%;
  margin: 0 auto;
}
.checkout_coupon{
  text-align: center;
}
.form-row{
  margin: 1rem 0;
}
.form-row input{
  width: 200px;
}
.form-row button{
  background-color: #000;
  color: #FFF;
  padding: 0.5rem;
}
.woocommerce-checkout{
  margin: 3rem auto;
}
.col2-set{
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 3rem;
}
.woocommerce-billing-fields__field-wrapper{
  text-align: right;
}
.woocommerce-billing-fields__field-wrapper input{
  width: 300px;
  text-align: left;
}
.select2-container{
  width: 300px!important;
  text-align: center;
}
.checkout textarea{
  width: 100%;
  text-align: left;
}
.checkout h3{
  text-align: center;
}
.checkout label{
  padding-right: 1rem;
}
.woocommerce-checkout-review-order{
  display: flex;
  justify-content: center;
  width: 50%;
  margin: 0 auto;
}
.woocommerce-checkout-review-order-table{
  margin: 0;
  width: 50%;
}
.woocommerce-checkout-payment{
  width: 50%;
}
.woocommerce-checkout-payment button{
  margin-top: 1rem;
}
.woocommerce-additional-fields p{
  display: flex;
  flex-direction: column;
}
.woocommerce-checkout-review-order{
  margin-top: 3rem;
}
.woocommerce-shipping-fields__field-wrapper{
  text-align: right;
}
.woocommerce-shipping-fields__field-wrapper input{
  width: 300px;
  text-align: left;
}
.woocommerce-shipping-fields__field-wrapper textarea{
  width: 300px;
}
#ship-to-different-address{
  text-align: left;
}
.wc-empty-cart-message{
  width: 50%;
  margin: 0 auto;
}
.return-to-shop{
  text-align: center;
}

/* order-receive */
.woocommerce-order{
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  padding: 3rem 0;
}
.woocommerce-bacs-bank-details{
  text-align: center;
}
.woocommerce-order-details td,
.woocommerce-order-details th{
  padding-left: 3rem;
}
.woocommerce-order-details__title{
  text-align: center;
  margin-bottom: 1rem;
}

/* index 読み込み */
#ec_index_sec .products{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
}
#ec_index_sec .product{
  width: 20%;
  display: block;
}
#ec_index_sec .product img{
  width: 100%;
  object-fit: cover;
}
#ec_index_sec .products::after{
  content:"";
  display: block;
  width: 300px;
}
/* archive 一覧 */
#ec_archive .products{
  gap: 2rem;
  justify-content: center;
}
#ec_archive .products::before{
  content:"";
  display: block;
  width:300px;
  order:1;
}
#ec_archive .products::after{
  content:"";
  display: block;
  width:300px;
}
#ec_archive .product{
  display: block;
}

/* ============================================================== */
/* ==============  2023タプレット 601-1024px   ==================== */
/* ============================================================== */
@media screen and (max-width:1024px){
  #first_view{
    height: initial;
    flex-direction: column;
    gap: 2rem;
  }
  .top_holder{
    width: 100%;
    height: 100vh;
  }
  .woocommerce-product-gallery--with-images{
    width: 100%;
  }
  .variations_form{
    text-align: right;
  }
  .variations{
    margin-left: auto;
  }
  .single_add_to_cart_button{
    margin: 1rem 0;
  }
  .woocommerce-tabs {
    margin: 0 auto 2rem;
    width: 90%;
  }
  .related{
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
  .products{
    overflow-x: scroll;
    padding: 1rem;
    flex-wrap: nowrap;
  }
  .related li{
    flex-shrink: 0;
  }
  .product_meta{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
  }
  .woocommerce-notices-wrapper {
    width: 60%;
  }
  .wc-block-components-notice-banner.is-succes{
    display: flex;
    align-items: center;
  }
  .wc-block-components-notice-banner>.wc-block-components-notice-banner__content:last-child{
    display: flex;
    flex-direction: column-reverse;
  }
  .woocommerce-cart-form__cart-item img{
    width: 80px;
    height: 80px;
  }
  #ec_index_sec .products{
    flex-direction: column;
  }
  #ec_index_sec .product{
    width: 100%;
  }
}

/* ============================================================== */
/* ==============  2023スマホ     375-600px   ==================== */
/* ============================================================== */
@media screen and (max-width:600px){
  .woocommerce-notices-wrapper {
    width: 95%;
  }
  .woocommerce-cart-form__cart-item .product-name{
    border-width: 5px;
  }
  .product-quantity .input-text{
    width: 55px;
  }
  .woocommerce-cart-form__cart-item img{
    width: 50px;
    height: 50px;
  }
  .shop_table{
    font-size: 12px;
  }
  .calculated_shipping th{
    text-align: right;
  }
  .calculated_shipping td{
    width: 50%;
  }
  .woocommerce-form-coupon-toggle{
    width: 75%;
  }
  .col2-set{
    flex-direction: column;
    padding: 1rem;
  }
  .woocommerce-checkout-review-order{
    width: 90%;
  }
  .woocommerce-checkout-payment button{
    padding: 0.5rem 3rem;
  }
  .checkout_coupon{
    padding: 1rem;
  }
}