/*
 Theme Name:   Storefront Child
 Theme URI:    https://example.com/storefront-child/
 Description:  Storefrontの子テーマ
 Author:       sakurai
 Author URI:   https://ad-n.co.jp/
 Template:     storefront
 Version:      1.0.0
*/

/* Storefront親テーマのCSSをインポート */
@import url("../storefront/style.css");

/* 子テーマのカスタムCSS */
@font-face {
font-family: "Local Noto Sans JP";
src: local("Noto Sans JP");
}
body {
  font-family: "Local Noto Sans JP", 
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
.single-product div.product p.price{
    font-weight: 600;
    font-size: 1.5em!important;
}
@media(min-width: 600px) {
    .single-product div.product p.price{
        font-size: 2em!important;
    }
}
.single-product .product .price .amount{
    font-size: 1.5em;
    margin-left: .5em;
}
.product_meta,
.site-search,
ul#site-header-cart,
.site-info a:last-child,
.site-info span,
li#tab-title-reviews,
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders,
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-address,
button.menu-toggle,
button#site-navigation-menu-toggle,
.storefront-handheld-footer-bar,
p.woocommerce-form-row.woocommerce-form-row--last.form-row.form-row-last,
p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first,
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads{
    display: none !important;
}
form.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.woocommerce-form-row--last.form-row.form-row-last,
form.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first {
    display: block !important;
}
a.button.product_type_auction{
    width: 100%;
    font-size: 12px;
}
@media(max-width:767px) {
    .menu{
        font-size: 12px;
        display: flex;
        gap: 20px;
        a{
            font-weight: bold;
        }
    }
}
.language-button{
    position: absolute;
    top: 30px;
    right: 10px;
    padding-inline: 10px;
    background: transparent;
    color: #333;
    border: 1px solid;
}
@media(min-width: 600px) {
    .language-button{
        right: 30px;
    }
    button.bid_button.button.alt,
    .single-product div.product form.cart .quantity{
        font-size: 1.5em;
    }
}
.woocommerce-info a{
    font-weight: bold;
    text-decoration: underline;
}
.plus,
.minus{
    color: #fff !important;
}
.woocommerce-tabs ul.tabs li.active {
    background: #44454b;
}
.woocommerce-tabs ul.tabs li a {
    padding-inline: 1em !important;
}
.woocommerce-tabs ul.tabs li.active a {
    color: #fff !important;
}
.woocommerce-tabs ul.tabs li.active::after {
    color: #fff;
}
.woocommerce-tabs ul.tabs li.active::after{
    right: 1em !important;
}
@media(min-width:768px){
    .site-header .site-branding img{
        max-width: 350px !important;
    }
    ul.products.columns-4 {
        display: flex;
        flex-wrap: wrap;
    }
    ul.products.columns-4 li{
        float: none !important;
        display: flex;
        flex-direction: column;
    }
    ul.products.columns-4 li .button{
        margin-top: auto;
    }
}
#masthead {
    max-width: 71.498938em;
    margin-left: auto;
    margin-right: auto;
}
#masthead  .col-full {
    max-width: 100% !important;
}
.site-footer{
    text-align: right;
}
span.woocommerce-Price-currencySymbol {
    font-size: .75em;
    margin-right: .25em;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
    margin-bottom: 10px !important;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs:before{
    content: none !important;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
    width: 100%;
}
td.username {
    display: none !important;
}