/*!
Theme Name:   Storefront Child HK 7
Template:     storefront
Theme URI:    https://woocommerce.com/storefront/
Author:       Automattic
Author URI:   https://woocommerce.com/
Description:  Storefront is the perfect theme for your next WoopCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Version:      2.3.5
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  storefront
*/
.site-header{
  background-color: #F1EFE8;
  border-top: 3px solid #1E1C47;
}
@media (min-width: 768px){
  .site-header {
      padding-top: 16px;
  }
}
.storefront-primary-navigation{
  background: #FFF;
}
@media (max-width: 768px){
  .storefront-primary-navigation{
    background-color: #F1EFE8;
  }
}
@media (max-width: 768px){
  .site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img{
    max-width: 125px;
  }
}
.u-pc-none{
  display: none;
}
@media (max-width: 768px){
  .u-pc-none{
    display: block;
  }
}
.u-sp-none{
  display: block;
}
@media (max-width: 768px){
  .u-sp-none{
    display: none;
  }
}
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
  margin-bottom: 0;
}
.site-info {
    display: none;
}
.l-header__banner{
  width: 100%;
  margin-bottom: 0;
  background: rgba(199, 171, 80, 0.6);
  text-align: center;
  padding: 8px 16px;
  color: #222;
}
.l-footer__banner{
  background: url('./images/footer_banner.png');
  height: 350px;
  width: 100%;
  text-align: center;
  padding-top: 70px;
}
@media (max-width: 768px){
.l-footer__banner{
    height: 200px;
    padding-top: 50px;
  }
}
.l-footer__banner img{
  display: inline-block;
  width: 90%;
  max-width: 563px;
  height: auto;
}
.l-footer__banner .c-btn{
  display: inline-block;
  width: 80%;
  max-width: 350px;
  height: 60px;
  border: 1px solid #FFF;
  color: #FFF;
  line-height: 60px;
  text-align: center;
  font-size: 20px;
  margin-top: 50px;
  transition: all 0.4s ease;
}
@media (max-width: 768px){
  .l-footer__banner .c-btn{
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
  }
}
.l-footer__banner .c-btn:hover{
  background: #FFF;
  color: #1d1c47;
}
@media (max-width: 768px){
  .footer-widget-2{
    display: none;
  }
}
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul{
  text-align: left;
}
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{
  margin-bottom: 0;
}
@media (min-width: 768px){
  .custom-logo-link, .site-branding, .site-header-cart, .site-logo-anchor, .site-logo-link, .site-search {
      margin-bottom: 0;
  }
}
.page-template-template-homepage .type-page {
  display: none;
}
@media (min-width: 768px){
  .storefront-breadcrumb {
      margin: 0;
  }
}
h1.page-title{
  font-size: 32px;
}
@media (min-width: 768px){
  .storefront-full-width-content .woocommerce-products-header, .storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header {
      padding-bottom:30px;
  }
}
.page-template-template-homepage-php .site-main  .storefront-product-categories ul.products.columns-3 li.product, .storefront-full-width-content .site-main .storefront-product-categories ul.products.columns-3 li.product{
  background: #F1EFE8;
  text-align: left;
  transition: all 0.3s ease;
}
.page-template-template-homepage-php .site-main  .storefront-product-categories ul.products.columns-3 li.product:hover, .storefront-full-width-content .site-main .storefront-product-categories ul.products.columns-3 li.product:hover{
  transform: scale3d(1.006, 1.006, 1);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .15);
}
.storefront-product-categories  ul.products li.product.product-category .woocommerce-loop-category__title, .storefront-product-categories  ul.products li.product.product-category h2{
  font-size: 20px;
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  padding: 0 16px;
}
.storefront-product-categories ul.products li.product.product-category p, .storefront-product-categories  ul.products li.product.product-category p{
  padding: 0 16px;
  color: #222;
}
.storefront-product-categories ul.products li.product.product-category .c-btn, .storefront-product-categories  ul.products li.product.product-category .c-btn{
  width: 130px;
  height: 32px;
  margin: 20px 0 0 auto;
  text-align: center;
  background: #2C2C69;
}
.storefront-product-categories ul.products li.product.product-category .c-btn a, .storefront-product-categories  ul.products li.product.product-category .c-btn a{
  color: #fff;
  margin: 0 auto;
  line-height: 32px;
  font-size: 12px;
}
.storefront-product-category .c-btn{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  max-width: 350px;
  height: 60px;
  background: #1d1c47;
  color: #FFF;
  line-height: 60px;
  text-align: center;
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 70px;
  transition: all 0.4s ease;
}
.storefront-product-category .c-btn:hover{
  opacity: 0.7;
}
.site-footer .widget_product_categories .cat-item-15{
  display: none;
}
.widget .widget-title {
  margin-bottom: 0;
}
.storefront-handheld-footer-bar{
  display: none;
}
.header-widget-region .widget{
  display: none;
}
@media (max-width: 768px){
  .site-search{
    display: block;
  }
  .widget_product_search{
    display: none;
  }
  .site-header{
    padding: 16px 0 8px;
  }
  #masthead > .col-full{
    float: left;
    width: 50%;
    margin-right: 0;
    margin-left: 16px;
  }
  .storefront-primary-navigation {
      float: right;
      width: 40%;
      margin-top: 16px;
  }
  .storefront-primary-navigation > .col-full{
    margin-left: 0;
  }
  .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{
    padding: 0;
    padding-top: 8px;
  }
}
.woocommerce-checkout .woocommerce-password-strength{
  visibility: hidden !important;
}
.woocommerce-checkout .woocommerce-password-hint{
  visibility: hidden !important;
}
.woocommerce-checkout .woocommerce-password-hint:before{
  content: 'The password should be at least four different characters. パスワードは異なる４文字以上でご登録ください';
  position: absolute;
  margin-top: -22px;
  visibility: visible;
}
.wc_payment_methods .about_paypal{
  display: none;
}
#woocommerce_product_categories-2{
  margin-bottom: 0;
}
html[lang="ja"] #payment .payment_methods>.payment_method_ppec_paypal>label:after{
  content: '(クレジットカード)';
  color: #6D6D6D;
}
html[lang="ja"] #payment .payment_methods>.payment_method_custom_d4c0a0336d6b264>label:after{
  content: '(代引き: 現金)';
  color: #6D6D6D;
}
html[lang="ja"] #payment .payment_methods>.payment_method_custom_2e5dc06c6972817>label:after{
  content: '(代引き: Cheque)';
  color: #6D6D6D;
}
html[lang="ja"] #payment .payment_methods>.payment_method_custom_431647a0a8b2cd5>label:after{
  content: '(銀行振込/PayNow)';
  color: #6D6D6D;
}
.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--edit-account, .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--edit-address{
  display: none;
}
#customer_details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row#billing_last_name_field{
  display: none;
}
.woocommerce-checkout .shipping_address #shipping_last_name_field {
  display: none;
}
.my_account_orders .button.pay, .my_account_orders .button.cancel{
  display: none;
}
#e_deliverydate_field .orddd_field_note{
  font-size: 16px;
  float: none;
}