/*!
Theme Name: nishibata
Theme URI: http://underscores.me/
Author: Brite Solutions
Author URI: http://britevn.net/
Description: Japanese painter Hoen nishibata 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: nishibata
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.

nishibata 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: 1025px) {
    footer nav {
        margin-left: 410px;
        padding-left: 60px;
        width: calc(100% - 410px);
    }
    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%;
}


/* works page */

.worksIndex .thumbWrap .item {
    position: relative;
}

.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: -9em;
    font-size: 14px;
    line-height: 1.2;
    color: #acacac;
    width: 170px;
}

.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;
}

.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;
}

.worksIndex .thumbWrap .item p {
    top: 108%;
    line-height: 1.5;
}

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

.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;
}

.menu-pc {
    display: block;
}

.menu-sp {
    display: none;
}

footer nav .lan {
    clear: both;
    overflow: hidden;
}

footer nav .lan .switcher-list {
    width: 100%;
}

footer nav .lan .switcher-list,
footer nav .lan .switcher-list li,
footer nav .lan .switcher-list li a,
footer nav .lan span {
    text-align: center;
}

@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;
    }
}