/*!
Theme Name: yahiro
Theme URI: http://underscores.me/
Author: Brite Solutions
Author URI: https://britevn.net/
Description: Japanese painter Yahiro wordpress theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: yahiro
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

yahiro is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/* home */

ul.newsList li a span {
    color: #222;
    font-size: 13px;
    font-weight: 500;
    font-family: tbudmincho-std, serif;
}

ul.newsList li a span::before {
    display: none;
}

@media screen and (min-width: 1080px) {
    footer nav {
        margin-left: 220px;
        padding-left: 70px;
        width: calc(100% - 220px);
    }
    footer nav .lan {
        position: absolute;
        top: 0;
        right: 5px;
        width: auto;
        margin-top: 4px;
    }
    footer nav .lan ul {
        width: auto;
    }
    footer nav .lan span {
        text-align: right;
    }
}


/* new css */

.switcher-list li.active {
    display: none;
}

.switcher-list li {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.1em;
    line-height: 24px;
    font-family: "Lora", serif;
    margin: 0;
    width: 100%;
}

.switcher-list li a {
    padding: 0 !important;
}

#drawernav ul li a {
    text-transform: uppercase;
}

#drawernav .switcher-list li a {
    padding: 2em 10px 0 !important;
}

.switcher-list li span {
    padding: 0.5em 0 !important;
    line-height: 1.3;
    color: #222;
}

.switcher-list {
    text-align: left;
}

footer .switcher-list li span {
    color: #b4b4b4 !important;
}

@media only screen and (max-width: 767px) {
    .switcher-list li {
        width: 100%;
    }
}


/* Center */

.aligncenter,
.aligncenter img {
    margin-left: auto;
    margin-right: auto;
}


/* Left and right */

.alignleft,
.alignright {
    max-width: 50%;
}

.alignleft {
    /*rtl:ignore*/
    float: left;
    margin: 0.3rem 2rem 2rem 2rem;
}

.alignright {
    /*rtl:ignore*/
    float: right;
    margin: 0.3rem 2rem 2rem 2rem;
}

.post-news {
    position: relative;
    overflow: hidden;
}

.post-news .wp-caption-text {
    text-align: left;
    line-height: 1;
    word-break: break-all;
    margin-top: 5px;
}

.post-news p,
.pageNavNews {
    clear: both;
}

.post-news .wp-caption {
    max-width: 100%;
}


/* shop page */

.worksIndex .thumbWrap .item {
    position: relative;
    margin-bottom: 10em;
}

.worksIndex .thumbWrap .item a.product_type_simple,
.worksIndex .thumbWrap .item a.added_to_cart {
    padding: 10px;
    border: 1px solid #d7d7d7;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    bottom: -7em;
    font-size: 14px;
    line-height: 1.2;
    color: #acacac;
    width: 200px;
}

.worksIndex .thumbWrap .item a.add_to_cart_button,
.worksIndex .thumbWrap .item a.added_to_cart {
    padding: 10px 20px 10px 50px;
    background: url("assets/images/cart_1.png") no-repeat;
    background-size: 18px;
    background-position: 23px 9px;
}

.worksDetail .add_to_cart_inline {
    text-align: center;
    border: none !important;
    padding: none !important;
}

.worksDetail .add_to_cart_inline span.amount {
    display: block;
    margin-bottom: 5px;
	font-size: 13px;
}

.worksDetail .add_to_cart_inline a.product_type_simple.add_to_cart_button,
.worksDetail .add_to_cart_inline a.added_to_cart {
    display: inline-block;
    padding: 10px 20px 10px 50px;
    border: 1px solid #d7d7d7;
    background: url("assets/images/cart_1.png") no-repeat;
    background-size: 18px;
    background-position: 23px 9px;
    font-size: 14px;
    line-height: 1.2;
    color: #acacac;
}

.worksDetail .add_to_cart_inline a.product_type_simple,
.worksIndex .thumbWrap .item a.added,
.worksDetail .add_to_cart_inline a.product_type_simple.added {
    display: none;
}

.normal_align h3 {
    text-align: left;
    font-weight: bold;
}

.worksIndex .pagination {
    opacity: 0;
}

#mainTitle h1 {
    font-size: 1.8em;
}

#drawernav {
    overflow: scroll;
}

.main_description+.main_description {
    border-top: solid 1px #eeeeee;
    margin: 30px 0 0 0;
}

.main_description dl {
    margin: 30px 0 0 0;
}

.main_description dl dt {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.5;
}

.terms_main_description h4 {
    margin: 20px 0 10px 0 !important;
    text-align: left;
    font-weight: bold;
}

.terms_main_description ul,
.terms_main_description ol {
    margin-left: 20px;
}

.terms_main_description_inner li,
.terms_main_description ul li {
    list-style: disc;
}

.terms_main_description ol li {
    list-style: decimal;
}

.terms_main_description_inner {
    padding: 0 15px;
}

.myc-cart,
.myc-cart-sp-wrapper {
    width: 39px;
    height: 24px;
    text-align: left;
    font-size: 0.867em;
    line-height: 24px;
    position: absolute;
    top: 39px;
    right: 146px;
}

.myc-cart span {
    position: absolute;
    top: -9px;
    right: -6px;
    color: #fff;
    background: #acacac;
    border-radius: 50%;
    padding: 2px 5px;
    line-height: 1;
}

.myc-cart-sp-wrapper {
    top: 29px;
    right: 62px;
    display: none;
}

.myc-cart-sp-wrapper .myc-cart {
    position: relative;
    top: 0;
    right: 0;
    display: block;
}

@media screen and (max-width: 767px) {
    .myc-cart-sp-wrapper {
        top: 19px;
    }
    .myc-cart span {
        padding: 4px 5px 2px;
    }
}

@media screen and (max-width: 1080px) {
    .myc-cart-sp-wrapper {
        display: block;
    }
}


/**
* Making Embedded Videos responsive
*/

.video-container {
    margin-top: 15px !important;
    position: relative;
    padding-bottom: 45.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%);
}

.entry-content img,
.entry-content iframe,
.entry-content object,
.entry-content embed {
    max-width: 100%;
}

p.video-caption {
    line-height: 1.25 !important;
    font-size: 70%;
    max-width: 750px;
    margin: 0 auto !important;
    word-break: break-all;
}

@media screen and (max-width: 1000px) {
    p.video-caption {
        margin: 8px auto 0 !important;
    }
}

.worksDetail h1 {
    font-weight: 500;
    font-style: normal;
}


/*
* temporary hide price and add to cart

.worksIndex .sold_out,
.worksIndex .woocommerce-Price-amount.amount,
.worksIndex .thumbWrap .item a.product_type_simple,
/* .worksDetail .add_to_cart_inline,
.worksDetail .add_to_cart_button,
.worksDetail .sold_out,
.myc-cart {
    display: none !important;
}
.worksIndex .thumbWrap .item {
    margin-bottom: 6em;
}
.worksIndex .thumbWrap .item p {
    bottom: -3em;
}
header nav {
    padding: 38px 130px 25px 33px;
}*/

.worksIndex .woocommerce-Price-amount.amount,
.worksIndex .sold_out,
.worksIndex .thumbWrap .item a.product_type_simple {
    display: none !important;
}

.worksIndex .thumbWrap .item {
    margin-bottom: 6em;
}

/**
* submenu
*/
header nav li,
footer nav ul li {
    position: relative;
    cursor: pointer;
}

ul.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: -100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #eee;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    list-style: none;
    text-align: center;
    z-index: 1;
    margin-bottom: 0;
}

footer ul.sub-menu {
    top: auto;
    bottom: 100%;
    width: auto;
}

ul.sub-menu li a {
    overflow-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px;
    width: 220px;
    border-bottom: none;
    color: #222;
    word-wrap: break-word;
    line-height: 1.5;
}

ul.sub-menu li {
    margin: 0;
    height: auto;
}

ul.sub-menu li a {
    display: block;
}

footer ul.sub-menu li a {
    color: #222 !important;
}

ul.sub-menu.show-sub {
    display: block;
}

ul.sub-menu li a:hover {
    color: #858585 !important;
}

.menu-pc {
    display: block;
}

.menu-sp {
    display: none;
}

@media screen and (max-width: 1025px) {
    .menu-pc {
        display: none;
    }
    .menu-sp {
        display: block;
    }
    .menu-sp {
        width: 100% !important;
    }
    .menu-sp li {
        float: left;
        width: 33%;
        text-align: center;
    }
    .menu-sp li ul.sub-menu li {
        float: none;
        width: 100%;
    }
}

@media screen and (max-width: 1080px) {
    ul.sub-menu {
        position: relative;
        top: auto;
        left: auto;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
    }
    footer ul.sub-menu {
        position: absolute;
        top: auto;
        bottom: 100%;
        width: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
        border: 1px solid #eee;
        background-color: #fff;
        -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
        list-style: none;
        text-align: left;
        z-index: 1;
        margin-bottom: 0;
    }
    ul.sub-menu li a {
        padding: 2em 0 0 !important;
        width: auto;
        font-size: 1rem;
        line-height: 1.2;
    }
    footer ul.sub-menu li a {
        padding: 6px !important;
        width: 220px;
    }
    #drawernav li.menu-item-has-children>a,
    footer nav ul li.menu-item-has-children>a {
        position: relative;
    }
    ul li.menu-item-has-children>a::after {
        content: '+';
        position: absolute;
    }
    ul li.menu-item-has-children.show-plus>a::after {
        content: '-';
    }
    #drawernav ul {
        overflow: visible;
    }
}

.worksIndex .thumbWrap .item p {
    top: 106%;
    line-height: 1.6;
}

@media only screen and (min-width: 767px) {
    .worksIndex .thumbWrap .item p {
        top: 102%;
        width: 70%;
        left: 15%;
    }
}

footer nav ul li ul.sub-menu li {
    text-align: center;
}

.woocommerce-product-gallery .flex-control-thumbs li {
    display: inline-block;
    padding: 9px;
}

.woocommerce-product-gallery__trigger {
    display: none;
}

.works02 .worksDetail .txt p {
    max-width: 100%;
}