@charset"utf-8";
@import "common.css";
@import "content.css";

/* woocommerce-breadcrumb
-------------------------------------------------- */
.woocommerce .woocommerce-breadcrumb{
  display: none;
}

/* common
-------------------------------------------------- */
.woocommerce-notices-wrapper{
  /*margin-top: 10rem;*/
  display: none;
}
@media print, screen and (max-width: 767px) {
  .woocommerce-notices-wrapper{
    margin-top: 7rem;
  }
}

/* shopページ
-------------------------------------------------- */
section.shopSec{
  margin: 7rem 0 0; 
}
.woocommerce .woocommerce-result-count{
  margin: 1em 0 0!important;
}
.woocommerce .woocommerce-ordering{
  margin: 0 0 3em!important;
}
.woocommerce ul.products li.product .button {
  display: block!important;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  width: 100%;
  line-height: 3.2;
  font-size: 1.5rem;
}
.woocommerce .woocommerce-ordering select{
  line-height: 3.5;
  height: 3.5em;
  width: 20rem;
  padding-left: 1rem;
  border: 1px solid #CCC;
  border-radius: 0.5rem;
}
a.added_to_cart.wc-forward {
  margin-top: 1.5rem;
  text-align: center;
  display: block!important;
  text-decoration: underline!important;
}
@media print, screen and (max-width: 767px) {
  .woocommerce .woocommerce-result-count{
    margin: 0!important;
  }
  .woocommerce .woocommerce-result-count,
  .woocommerce-page .woocommerce-result-count{
    float: none!important;
  }
  .woocommerce .woocommerce-ordering{
    margin: 2rem 0 3em!important;
  }
  .woocommerce ul.products li.product .button {
    width: 18rem;
    font-size: 1.4rem;
    height: 4.6rem;
  }
  .woocommerce .woocommerce-ordering select{
    width: 16rem;
  }
}
@media print, screen and (max-width: 560px) {
  .woocommerce ul.products li.product .button {
    width: 100%;

  }
}

/* shop詳細ページ
-------------------------------------------------- */
h1.product_title.entry-title{
  font-size: 3.2rem;
  line-height: 1.4;
  margin-bottom: 2rem;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: #958e09;
    font-size: 3.2rem!important;
    font-weight: bold;
}
.woocommerce-product-details__short-description{
  margin-top: 2rem;
}
.woocommerce-product-details__short-description p{
  line-height: 1.8;
}
.woocommerce .quantity .qty {
  width: 7rem!important;
  text-align: center!important;
  height: 3.8rem;
  line-height: 3.8;
  margin: 2rem 0 2.5rem;
}
.woocommerce div.product form.cart div.quantity{
  float: none!important;
}
.woocommerce div.product form.cart .button{
  line-height: 1.8;
  padding: 1rem 1.2rem 0.6rem;
}
.woocommerce ul.products li.product a{
  text-align: center!important;
}
.woocommerce-Tabs-panel h2{
  margin-bottom: 1.5rem;
}
.woocommerce-Tabs-panel p{
  line-height: 1.8;
}
@media print, screen and (max-width: 767px) {
  h1.product_title.entry-title{
    font-size: 2.8rem;
    margin-bottom: 1.5rem;
  }
  .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
  .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
      font-size: 2.8rem!important;
  }
  .woocommerce .woocommerce-result-count,
  .woocommerce-page .woocommerce-result-count{

  }
}

/* loginページ
-------------------------------------------------- */
.woocommerce form.checkout_coupon,
.woocommerce form.login, .woocommerce form.register{
  width: 65rem;
  margin: 10rem auto 0!important;
}
input#rememberme {
    margin-top: -0.5rem;
}
@media print, screen and (max-width: 767px) {
  .woocommerce form.checkout_coupon,
  .woocommerce form.login, .woocommerce form.register{
    width: 100%;
    margin: 7rem auto 0!important;
  }
}

/* my accountページ
-------------------------------------------------- */
section.myAccountSec{
  margin: 7rem 0 0; 
}
.woocommerce-MyAccount-content p{
  line-height: 1.8;
}
.woocommerce-page .woocommerce-info .button{
  line-height: 1.8;
}
.woocommerce-MyAccount-navigation-link{
  position: relative;
  padding-left: 1.5rem;
  line-height: 2.2;
}
.woocommerce-MyAccount-navigation-link::before{
  position: absolute;
  left: 0;
  top: 3px;
  content: '';
  font-size: 15px;
  font-family: FontAwesome;
  height: auto;
  content: "\f105";
  font-weight: 300;
  text-shadow: none;
}
.woocommerce-MyAccount-navigation-link a:hover{
  opacity: 0.6;
  transition: 0.6s;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message{
  padding: 1em 1em 1em 3.5em!important;
  line-height: 1.8;
}
.woocommerce table.my_account_orders .button {
  line-height: 2.5;
}
section.woocommerce-order-details{
  margin-top: 3rem;
}
header.woocommerce-Address-title.title{
  margin-top: 3rem;
}
header.woocommerce-Address-title.title h2{
  font-size: 1.8rem;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}
header.woocommerce-Address-title.title a.edit{
  text-decoration: underline;
}
header.woocommerce-Address-title.title a.edit:hover{
  opacity: 0.6;
  transition: 0.6s;
}
.u-column1.col-1.woocommerce-Address address,
.u-column2.col-2.woocommerce-Address address{
  font-style: normal;
  line-height: 1.5;
}
.woocommerce-MyAccount-content button.woocommerce-Button.button{
  margin-top: 2.5rem;
}
@media print, screen and (max-width: 767px) {
  .woocommerce-account .woocommerce-MyAccount-content,
  .woocommerce-account .woocommerce-MyAccount-navigation{
    margin-bottom: 5rem;
  }
  .woocommerce .woocommerce-error .button,
  .woocommerce .woocommerce-info .button,
  .woocommerce .woocommerce-message .button,
  .woocommerce-page .woocommerce-error .button,
  .woocommerce-page .woocommerce-info .button,
  .woocommerce-page .woocommerce-message .button{
    margin-top: 2rem;
  }
  header.woocommerce-Address-title.title a.edit{
    font-size: 1.5rem;
  }
}

/* cartページ
-------------------------------------------------- */
/* 全体 */
section.cartSec{
  margin: 7rem 0 0;  
}
/* table 左側 */
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-image,
table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-image{
  font-size: 2rem;
}
.wc-block-components-product-metadata .wc-block-components-product-metadata__description>p,
.wc-block-components-product-metadata .wc-block-components-product-metadata__variation-data{
  margin: 1rem 0 1.5rem!important;
  font-size: 1.4rem;
}
.wc-block-cart__main .wc-block-cart-items th{
  padding: 0 0 1.5rem!important;
}
.wc-block-cart__main .wc-block-cart-items th:last-child{
  text-align: center!important;
  font-size: 2rem;
}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name{
  font-size: 1.8rem!important;
  margin-bottom: 0.5rem!important;
  font-weight: bold;
}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices{
  font-size: 1.6rem!important;
  margin-bottom: 1rem!important;
  font-weight: bold;
}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input{
  font-size: 1.5rem!important;
}
.wc-block-cart .wc-block-cart__totals-title{
  font-size: 2rem!important;
  padding: 0 0 1.5rem!important;
}
.wc-block-cart-item__total-price-and-sale-badge-wrapper{
  align-items: inherit!important;
}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total, 
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total{
  text-align: center!important;
}
/* table 右側 */
.wc-block-components-totals-item__description{
  margin-top: 1.5rem;
}
.wc-block-cart .wp-block-woocommerce-cart-order-summary-block{
  margin-bottom: 3rem!important;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
  font-size: 1.8rem!important;  
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link){
  background: #e9e6ed;
  border-radius: 0.3rem;
  color: #515151;
  font-weight: bold;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover{
  background: #dcd7e2;  
}

/* paymentページ
-------------------------------------------------- */
section.paymentSec{
  margin: 4.5rem 0 0; 
}
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received{
  margin-bottom: 3rem;
}
h2.woocommerce-order-details__title{
  font-size: 2.0rem;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}
.woocommerce .woocommerce-customer-details .woocommerce-column__title{
  font-size: 2.0rem;
  line-height: 1.4;
  margin-bottom: 1rem;
}
.woocommerce .woocommerce-customer-details address{
  border: none!important;
  line-height: 1.4;
  padding: 0!important;
}
@media print, screen and (max-width: 767px) {
  .woocommerce ul.order_details li{
    padding-right: 4%!important;
    margin-right: 4%!important;
    margin-bottom: 1.5rem;
  }
  .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2{
    margin-top: 2rem;
  }
}