/*
Theme Name : Tsubo-deli_light
*/

.woocommerce-account .woocommerce {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce-page #main {
    margin: 1rem auto;
    max-width: 1170px;
}
.woocommerce-cart #coupon_code {
    padding: .4rem;
    width: 50%;
}
.checkout-button.button.alt.wc-forward,
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    margin-top: 1rem;
}
.woocommerce-cart .product-name a {
    color: #770c10;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals h2 {
    margin-bottom: 10px;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #770c10;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #770c10;
}
.woocommerce-cart-form .actions button {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    font-size: 1rem !important;
}

.woocommerce-checkout .woocommerce {
    display: flex;
    flex-direction: column;
}
.woocommerce-info {
    margin-bottom: 1.2rem !important;
}

.woocommerce-checkout form .col2-set .col-1, .woocommerce-checkout form .col2-set .col-2 {
    max-width: 100%;
    width: 100%;
}

.woocommerce-checkout form .col2-set {
    width: 50%;
    float: left;
    padding-right: 1.5vw;
}

.woocommerce-checkout form #order_review, .woocommerce-checkout form #order_review_heading {
    width: 50%;
    padding-left: 1.5vw;
    float: right;
    clear: right;
}
.woocommerce-checkout .woocommerce-privacy-policy-text,
.woocommerce-checkout #order_review_heading {
    margin-bottom: 1rem;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    padding: .4rem;
}
.woocommerce-input-wrapper {
    width: 100%;
}


/* Login */
.woocommerce-account h2,
.woo-login h2 {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
}
.woo-login .form-row {
    width: 100% !important;
}
.woo-login .woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
    margin-right: auto ;
    margin-left: auto;
}
.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
    margin-top: 1rem;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    margin: 2em auto;
}
.woocommerce form .password-input {
    width: 100%;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: block;
    width: 100%;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    margin: auto;
}
.woocommerce-notices-wrapper {
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
}


/*Account*/
.woocommerce-account .woocommerce-MyAccount-content {
    line-height: 1.6;
}
.woocommerce-MyAccount-navigation a {
    text-decoration: none;
    padding: 0.6rem .3rem;
    display: inline-block;
    color: #222;
    font-weight: 500;
}
.woocommerce-MyAccount-navigation .is-active a {
    color: #770c10;
}
.woocommerce-MyAccount-content .order {
    background-color: #fff;
    margin: .5rem;
}
.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
    padding: 10px 10px;
}
.woocommerce-MyAccount-content p {
    font-weight: 500;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, 
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2,
.woocommerce .col-1, .woocommerce-page .col-1 {
    max-width: 100%;
    width: 100%;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.woocommerce-account .title h3 {
    float: left;
}
.woocommerce-account .title .edit {
    float: right;
    background: #770c10;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
}
.woocommerce-account .title .edit:hover {
    background-color: #710b0f;
}

.woocommerce-account .title::after {
    content: "";
    display: block;
    clear: both;
}


/*Book*/
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    font-weight: 500;
    margin-bottom: 1rem;
}
.woocommerce-customer-details .woocommerce-column__title,
.woocommerce-order-details .woocommerce-order-details__title {
    margin-bottom: .5rem;
}
.woocommerce-customer-details address {
    padding: .5rem;
    line-height: 1.4;
}
address .woocommerce-customer-details--phone, address .woocommerce-customer-details--email {
    margin: .5rem 0 !important;
}
.woocommerce-order-overview__order.order {
    padding: .3rem 1rem !important;
}

/*Product Single Page*/
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    font-weight: 500;
}
.woocommerce div.product .product_title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.7;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    line-height: 1.7;
    margin-bottom: 10px;
}
.woocommerce .quantity .qty {
    width: 4em;
    height: 36px;
    font-size: 16px;
    border-radius: 4px;
    -webkit-appearance: auto;
}
.woocommerce-tabs.wc-tabs-wrapper .panel {
    background: #f0f0f0f0;
    padding: 10px 15px !important;
    line-height: 1.5;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    margin-bottom: 0 !important;
}
.related.products {
    clear: both;
    padding-top: 2rem;
    border-top: 1px solid #ccc;
}
.related.products h2,
.up-sells.upsells.products h2 {
    font-weight: 600;
    margin-bottom: 1rem;
}
.related.products a,
.woocommerce ul.products li.product a {
    color: #222222;
    line-height: 1.4;
}
.woocommerce ul.products li.product .button {
    margin-top: 1em;
    color: #fff;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    background-color: #710b0f;
    color: #fff !important;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background-color: #770c10;
    color: #f0f0f0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #f0f0f0;
    z-index: 2;
    border-bottom-color: #f0f0f0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    box-shadow: 2px 2px 0 #f0f0f0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
    box-shadow: 2px 2px 0 #f0f0f0;
}
.wapf-product-totals .wapf--inner {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 2rem;
    margin-top: 1rem;
}

.woocommerce-product-details__short-description {
    line-height: 1.7;
    font-weight: 500;
}
.wapf-wrapper {
    line-height: 1.7;
    margin-top: .5rem;
}
.wapf-field-label .required {
    color: #f00;
}
.wapf-field-select .wapf-input {
    height: 35px;
    font-size: 16px;
}
.wapf-product-totals .wapf--inner > div {
    padding-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

/**/
.stores__col > a {
    max-height: 210px;
    overflow: hidden;
}
.stores__col > a img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.products-cats--s {
    text-decoration: none;
    margin-right: 1rem;
    color: #222;
    border: 1px solid #222;
    padding: 3px 20px;
    transition: .3s ease;
}

.products-cats--s:hover {
    background-color: #222;
    color: #fff;
    border: 1px solid #fff;
}

.form-row.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated label {
    width: 94%;
    line-height: 1.2;
}

.woocommerce .cart-collaterals .cross-sells h2,
.woocommerce .woocommerce-shipping-fields {
    margin-bottom: 15px;
}

.woocommerce .woocommerce-additional-fields h3 span {
    font-size: 14px;
}

.woocommerce .product_meta span {
    display: block;
    margin-bottom: 10px;
}

.stores__normal--extended .stores__title {
    font-size: 16px;
    font-weight: normal;
}
.stores__normal--extended .stores__price {
	color: #77A464;
	font-size: 14px;
}
.stores__normal--extended .stores__info {
	display: inline-block;
	font-size: 13px;
	line-height: 26px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0 8px;
	background-color: #e7e7e7;
	border-radius: 2px;
}
.stores__normal--extended .stores__info:nth-child(2) {
	color: #222222;
}
.stores__normal--extended .stores__title span {
    margin-bottom: 5px;
    display: inline-block;
}

.top-form--complete {
	font-size: 25px;
	color: #ffffff;
	margin-bottom: -45px;
	margin-top: 30px;
}

@media only screen and (max-width: 992px) {
	.stores__normal--extended .stores__title {
	    font-size: 14px;
	}
}

@media only screen and (max-width: 767px) {
    .woocommerce-checkout form .col2-set,
    .woocommerce-checkout form #order_review,
    .woocommerce-checkout form #order_review_heading {
        width: 100%;
        margin-bottom: 15px;
    }
    .stores__normal--extended .stores__price {
		margin-bottom: 5px;
	}
	.top-form--complete {
		font-size: 18px
	}
}

.woocommerce .woocommerce-message {
    font-size: 20px;
}
.woocommerce .woocommerce-message a.button {
    font-size: 18px;
}
@media only screen and (max-width: 767px) {
    .woocommerce .woocommerce-message {
        position: relative;
        font-size: 24px;
        padding: 2rem 1rem 5rem 1rem;
        line-height: 1.2;
    }
    .woocommerce .woocommerce-message a.button {
        position: absolute;
        font-size: 18px;
        bottom: 1rem;
        display: block;
        text-align: center;
        width: calc(100% - 2rem);
    }

    .woocommerce .woocommerce-message::before {
        display: none;
    }
}

/* checkout & proceed */
.checkout-button.button.alt.wc-forward, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    display: block;
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.checkout-button.button.alt.wc-forward.disable, .woocommerce #payment #place_order.disable, .woocommerce-page #payment #place_order.disable {
    pointer-events: none;
    background-color: #666;
}

/*tsubotake move tubodeli*/

.mobile-iconnav img {
    height: 23px;
    width: auto;
}
.mobile-iconnav a:not(:last-child) {
    margin-right: 5px;
}
.mobile-iconnav {
    position: absolute;
    right: 165px;
    top: 20px;
}
@media screen and (min-width:992px) {
    .mobile-iconnav {
        /*display: none;*/
        position: static;
    }
    .mobile-iconnav a{
        padding-right: 35px;
    }
    .mobile-iconnav a:not(:last-child){
        padding-right: 10px;
    }
}

/* store tags css */
.store-tags__search {
	margin-bottom: 30px;
}
.store-tags__lst {
	background-color:#FF9800;
}
.search_category .products-cats--s.store-tags__lst:hover {
	opacity: 0.7;
	background-color: #FF9800;
}
.search_category .products-cats--s.store-tags__lst:after {
	content: none;
}
.store-tags__lst.active {
	background-color:#710b0f;
}


/* クリスマスチャリティ */
.woocommerce .cart-collaterals + .cross-sells ul.products {
    margin-top: 16px;
}

/*トップ2周年表示*/
@media screen and (max-width:768px) {
    .hero_right.aniv2nd .open-tag {
        padding: 0;
        top: -126px;
    }
    .hero_right.aniv2nd .open-tag .desc {
        padding: 3px 0px 3px 90px;
        background-size: cover;
        background-position: left center;
        background-repeat: no-repeat;
        background-image: url(/okinawa/wp-content/themes/tsubo-deli/assets/img/hero/2nd-aniv-banner-sp.jpg);
    }
    .hero_right.aniv2nd .open-tag .desc .desc-lg {
        font-size: 
    }
    .hero_right.aniv2nd .open-tag .desc .desc-jp {
        color: #000;
    }
    .hero_right.aniv2nd .open-tag .desc-btm {
        padding: 5px;
    }
    .hero_left .tag {
        padding-right: 6px;
    }
}