/*
Theme Name: RitohyakkaWooTheme
Theme URI: https://www.one-proof.co.jp/
Description: Shopper Responsive WordPress Woocommerce Theme for WordPress is stylish, customizable, simple, and readable. Perfect for any creative shop and ecommerce solutions.
Version: 3.0.0
Author: Dessign Themes
Author URI: \https://www.one-proof.co.jp
Tags: 3 column theme, clean, portfolio
*/
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 0 4px 5px;
}

/* Global */
html  { margin-top: 0 !important; }
body, div { margin: 0; padding: 0; }
body { font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; color: #333; line-height: 140%; letter-spacing: 1px; }
input { font-family: 'Roboto Condensed', sans-serif; }
a {color: #333; text-decoration: none; transition: background 0.3s ease 0s, color 0.3s ease 0s; }
a:hover { color: #666; text-decoration: none; }
h1,h2,h3,h4,h5,p { margin: 10px 0; }
img { border: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.container { width: 960px; margin: 0 auto; }
input[type=text] { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#infscr-loading { DISPLAY: NONE !important; visibility: hidden !important; } /* hide infinite scroll loading image */
::selection {
	background: #ccc; 
	}
::-moz-selection {
	background: #ccc; 
}
/* Header */
#header { background-color: #fff; top: 0; left: 0; padding: 20px 0; width: 100%; z-index: 9999; }
.logo_cont { padding: 0px 0; text-align: center; float: left; max-width: 250px; margin-right: 15px; }
.logo_cont img { max-width: 100%; height: inherit; }
.header_search_cont { padding: 20px 0; }
.slicknav_menu { display: none; }
.header_menu { float: left; max-width: 750px; margin-top: 2px; margin-left:60px; }
.header_menu ul { list-style-type: none; margin: 0; padding: 0; }
.header_menu ul li { float: left; margin-right: 9px; padding-bottom: 8px; position: relative; text-transform: uppercase; }
.header_menu ul li:first-child { margin-left: 0; }
.header_menu ul li a { display: block; padding: 6px 12px; font-size: 14px; color: #000; text-decoration: none; background-color: #fff; letter-spacing: 2px; }
/*.header_menu ul li a:hover,
.header_menu ul li.current-menu-item a,
.header_menu ul li.current_page_item a { color: #fff; background-color: #545453; }*/
.header_menu ul li a:hover { text-decoration: none;  color: #999;}
.header_menu ul li ul { position: absolute; top: 37px; left: 0; display: none; z-index: 400;   }
.header_menu ul li ul li { width: 160px; float: none; margin: 0; padding: 0;   }
.header_menu ul li ul li a { -moz-border-radius: 0px; border-radius: 0px; font-size: 13px; }
.header_search { float: right; position: relative; margin-top: 4px; }
.header_search input[type=text] { width: 190px; height: 30px; border: none; background-color: #fff; -moz-border-radius: 4px; border-radius: 4px; padding-left: 10px; padding-right: 10px; border: 1px solid #ccc; }
.header_search input[type=image] { position: absolute; top: 9px; right: 9px; }
/* Content */
#slideshow_cont { margin-bottom: 35px; }
/* .home_small_box { float: left; width: 360px; margin-right: 50px; margin-bottom: 30px; position: relative; margin-top: 15px; } */
.home_small_box.clear { float: none; width: auto; margin: 0; clear: both; }
.blog_box { float: none; width: auto; margin: 0 auto 25px; text-align: left; padding-bottom: 10px;  }
/* .home_small_box_last { margin-right: 0; } */
/* .home_small_box img { display: block; width: 360px; height: 360px;   transition:all 0.3s ease-in-out} */
.home_small_box img:hover {  }
.blog_box img { width: 930px; height: 400px; transition:all 0.3s ease-in-out }
.home_small_box img:hover,
.blog_box img:hover { opacity:0.8; filter:alpha(opacity=80); }
.blog_box.clear { float: none; width: auto; margin: 0; clear: both; }
.blog_box .read_more { display: inline-block; padding: 7px 30px; background-color: #222222; color: #fff; font-size: 11px;}

.home_small_box .sb_title { background-color: #fff; padding: 10px 10px; text-align: center; font-size: 17px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300;   color: #333; letter-spacing: 1.5px; line-height: 25px; margin-top: 5px; text-transform: uppercase; }



.blog_box .sb_title { background-color: #fff; padding: 10px 10px; text-align: center; font-size: 30px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300;   color: #333; letter-spacing: 1.5px; line-height: 25px; margin-top: 5px; text-transform: uppercase; line-height: 130%; }
.blog_box .sb_title { text-align: left; padding: 10px 0; color: #666;}
.sb_title a:hover { text-decoration: none;  color: #666;}
.home_small_box .sb_price,
.blog_box .sb_price { padding: 6px 8px;  text-align: right;  font-size: 17px;  font-family: 'Roboto Condensed', sans-serif; font-weight: 300;   color: #333; letter-spacing: 1.5px;  margin-top: 1px;  }
body.home .home_small_box .sb_price { text-align: center; }
body.tax-product_cat h1.page-title { font-size: 20px; }
body.tax-product_cat .home_small_box .sb_price { text-align: center; }
.blog_box .sb_price { text-align: left; font-size: 15px; padding: 6px 0px; line-height: 26px; }
.prod_meta { position: relative; } 
.prod_meta_link,
.prod_meta_button { position: absolute; top: 6px; left: 0px; }
.prod_meta_link { right: 0px; left: auto; }
.prod_meta_button .woocommerce a.button,
.prod_meta_link a { background: -moz-linear-gradient(center top , #f7f6f7 0px, #e0dadf 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #c8bfc6;
    border-radius: 2px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.075) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #5e5e5e;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 100%;
    font-weight: bold;
    left: auto;
    line-height: 1em;
    margin: 0;
    overflow: visible;
    padding: 6px 10px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 13px;
    background: none; }
.prod_meta_button p { border: none !important; padding: 0 !important; margin: 0 !important;  }
.prod_meta_button p .amount { display: none; }
.load_more_text { text-align: center; }
.load_more_text a { display: inline-block; text-align: center; color: #000; padding: 10px 35px; font-size: 16px; /*background-color: #000;*/ border: 1px solid #000; }
.archive_header_left { float: left; margin-bottom: 15px; }
.archive_header_left form.woocommerce-ordering { display: none; }
.archive_header_right { float: right; } 
.archive_header_right .woocommerce-result-count { display: none; }
h1.category_title { margin: 0; padding: 10px 0 25px; font-size: 25px; font-weight: normal; }
.next_prev_cont { padding: 25px 0; }
.next_prev_cont .left { float: left; width: 45%; }
.next_prev_cont .left a { display: block; background: url('images/post_prev.png') no-repeat; background-position: top left; padding-left: 25px; min-height: 30px; }
.next_prev_cont .right { float: right; width: 45%; text-align: right; }
.next_prev_cont .right a { display: block; background: url('images/post_next.png') no-repeat; background-position: top right; padding-right: 25px;  min-height: 30px; }
body.tax-product_cat .add_to_cart_button { display: none; }
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { margin-left: 10px !important; }
.woocommerce-message:before,
.woocommerce-info:before { background: none; content: ""; box-shadow: none; }
.woocommerce-message,
.woocommerce-info { border-top: none; }
/* .single_left { float: left; width: 930px; margin-top:20px;  } */

.single_post_cont { background-color: #fff; /*padding: 15px 10px;*/ }
h1.single_title { margin: 0 0 20px; font-size: 30px; font-weight: 300; text-decoration: none; text-transform: uppercase; }
.related.products { display: none; }
body.single-product #sidebar { display: none; }
body.single-product .price .amount { font-weight: bold; font-size: 22px; color:#333; }
.single_inside_content img { max-width: 100%; height: inherit; }

.single_inside_content p { max-width: 100%; height: inherit;  line-height: 170%;  font-size: 16px; font-weight: 300; }
#commentform input[type=submit] { background-color: #161616; color: #fff; border: 1px solid #6E6E6E; padding: 3px 5px; }
textarea#comment { max-width: 95%; }
body.woocommerce-page #content div.product h1.product_title { font-size: 35px; color:#333; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; line-height: 130%; letter-spacing: 2px;} /* FOR TITLE */
body.single-product p.price span.amount { font-size: 28px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; color:#333; margin-top:10px; letter-spacing: 2px; line-height: 110%;  } /* FOR PRICE */
.summary div[itemprop="description"] { font-size: 15px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; letter-spacing: 1px; line-height: 130%; } /* product description size */
div.images div.thumbnails img { margin-bottom: 8px; }
.cat-text { font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; color: #333; letter-spacing: 1px; text-align: center; }
h1.page-title { font-size: 18px; font-family: 'Roboto Condensed', sans-serif; font-weight: normal; }
.woocommerce-breadcrumb { display: none; }
.scroller{position:absolute;bottom:5%;width:100%;padding:12px 0px;text-align:center;color:rgba(255,255,255,0.6);font-family:"Lato",sans-serif;font-weight:300;-webkit-transition:color 0.2s ease-out;-moz-transition:color 0.2s ease-out;-o-transition:color 0.2s ease-out;-ms-transition:color 0.2s ease-out;transition:color 0.2s ease-out;z-index:100}
.scroller .scroller-icon{position:absolute;left:50%;margin-left:-24px;margin-top:-12px;border:2px solid rgba(255,255,255,0.6);font-size:2em;width:50px;height:50px;line-height:50px;text-align:center;line-height:50px;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-webkit-transition:border-color 0.2s ease-out;-moz-transition:border-color 0.2s ease-out;-o-transition:border-color 0.2s ease-out;-ms-transition:border-color 0.2s ease-out;transition:border-color 0.2s ease-out}
.scroller span{padding-left:80px}
.scroller:hover{cursor:pointer;color:#fff}
.scroller:hover .scroller-icon{border-color:#fff}
.woocommerce div.product, .woocommerce #content div.product, .woocommerce-page div.product, .woocommerce-page #content div.product {
  margin-bottom:0;
  margin-top:40px;
  position:relative;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: right;
    text-align: left;
    width: 40%;
}
.woocommerce div.product, .woocommerce #content div.product, .woocommerce-page div.product, .woocommerce-page #content div.product {
    margin-bottom: 0;
    margin-top: 10px;
    position: relative;
}
.woocommerce-product-gallery__wrapper {
margin: 0;
}
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{
min-height: 0!important; 
}
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {box-shadow: none; }
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a:hover img {box-shadow: none; }
.woocommerce div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce-page #content div.product div.images img {box-shadow: none; }
.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {
  border-top-color:#eee;
  border-top-style:solid;
  border-top-width:3px;
  box-shadow: none;
}
.woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info {
  border-top-color:#eee;
  border-top-style:solid;
  border-top-width:3px;
  box-shadow: none;
}
.woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before {
    display: none;
}
.woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before {
    display: none;
}
.woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before {
   
   display: none;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    display: block;
    font-size: 1em;
    margin-bottom: 1em;
    padding: 1em;
    text-align: center;
}

.woocommerce-product-gallery__wrapper {
margin: 0;
}
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{
min-height: 0!important; 
}

.woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before {
    
    display: none;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	margin: 0 1.8% 2.992em 0;
	width: 23.65%
}
.pswp__bg{background: rgba(0,0,0,0.8);}

.woocommerce .quantity .qty {
  text-align:center;
  width:3.631em;
  height: 2em;
}

.woocommerce ul.products li.last, .woocommerce-page ul.products li.last { margin-right: 0; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin: 0 3% 2.992em 0;
width: 31.3%
}
.woocommerce span.onsale {
    display: none;
}
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last { margin-right: 0; }
.woocommerce-ordering .orderby {
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 26px;
}

.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit {
    background-color: #ebe9eb;
    color: #515151;
}



/* Sidebar */
#sidebar { float: right; width: 190px; margin-top:27px; }
.side_box { margin-bottom: 35px; }
.side_box h3.side_title { background-color: #fff; font-size: 15px; /*padding: 7px 9px;*/ margin: 0 0 15px; font-weight: 700; border-radius: 4px;}
.side_box ul { list-style-type: none; margin: 0; padding: 0; }
.side_box ul li { margin-bottom: 6px; }
/* Footer */
#footer { padding: 25px 0; text-align: center; font-size: 13px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400;   color: #333; letter-spacing: 1px; margin-top:15px; }
.footer_widgets_cont { padding-bottom: 25px; }
.footer_widget_col { float: left; width: 350px; margin-right: 65px;  }
.footer_widget_col_last { margin-right: 0; }
.footer_box { margin-bottom: 25px; text-align: left; }
h3.footer_title { font-size: 19px; }
.footer_box ul { list-style-type: none; margin: 0; padding: 0; }
.footer_box ul li { margin-bottom: 8px; }
.footer_social { padding: 10px 0 20px; text-align: center; }
.footer_social img { float: none; margin: 0 6px; }

/* Custom css */

/* Header modified */

.header-top ul {
    position: relative;
    z-index: 100;
}

#menu-header-menu-top {
    margin-top: 3px;
}


.header-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 20px;
}

section.container hr {
    height: 1px;
    width: 100%;
    position: absolute;
    top: 21px;
    left: 0;
    background: #F7F7F7;
    border: none;
}

.header-top {
    width: 100%;
    justify-content: flex-end;
    display: flex;
    /* padding-right: 5rem; */
    flex-wrap: wrap;
    margin-left: -40px;
}

.header-top li {
    list-style: none;
    float: right;
    padding: 0 .5rem;

}

.header_menu {
    margin-left: 0px !important;
    margin-top: 45px !important;
}

.active-menu a {
    color: #61989b !important;
}

.header_menu ul li a {
    font-size: 13px;
    color: #2E2E2E;
    padding-left: 15px !important;
    padding-right: 15px !important;

}

/* Product list title */

.product-list-title {
    text-align: center;
    font-family: 'Yu Gothic', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    padding-top: 2rem;
}

/* box image Woocommerce post*/
/* ShopperWooThemeFREE */
div#posts_cont {
    /* margin: 0 auto; */
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    /* text-align: left; */
}

.home_small_box .clear { clear:none; display: none;}
.home_small_box {
    margin: 35px 0px 0 0px;
    /* flex-grow: 1; */
    display: inline-block;
    width: 33.33%;
}

.home_small_box {
    margin: 35px 0px 0 0px;
    /* flex-grow: 1; */
    display: inline-block;
    width: 33.33%;
}

.home_small_box img {
    display: block;
    width: 260px;
    height: 187px;
    transition: all 0.3s ease-in-out;
    /* max-width: 260px; */
    /* width: 100%; */
    /* margin: 10px; */
    /* padding: 10px; */
    margin: 0 auto;
}

/* Woocommerce single product view */


body.single-product p.price span.amount {
    font-size: 28px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    color: #333;
    letter-spacing: 2px;
    line-height: 110%;
}

body.single-product p.price span.amount {
    font-family: 'Yu Gothic', sans-serif;
    font-weight: 400;
}

.woocommerce-product-details__short-description p {
    font-family: 'Yu Gothic', sans-serif;
    font-weight: 600;
}

.product_category_title {
    font-family: 'Yu Gothic', sans-serif;
    color: #272C2C;
    font-size: 14px;
    font-weight: 500;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.product_category_title span {
    border-radius: 4px;
    background: #9e9e9e;
    color: #fff;
    padding: 4px;
}

.product_title.entry-title {
    font-size: 30px;
    font-family: 'Yu Gothic', sans-serif;
    font-weight: normal;
    color: #272C2C;
    margin-bottom: 2.3rem;
    font-weight: 500;
    line-height: 1.4;
}

.woocommerce div.product div.summary {
    margin-right: -.5rem;
}

.woocommerce-Tabs-panel--description h2 {
    font-size: 16px;
    font-family: 'Yu Gothic', sans-serif;
    font-weight: bold;
    color: #292929;
}

.woocommerce-Tabs-panel--description p{
    font-size: 16px;
    font-family: 'Yu Gothic', sans-serif;
    font-weight: 500;
    color: #292929;
    margin-top: 20px;
}
/* add to cart button */
.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: left;
    margin-top: 10%;
    width: 100%;
    height: 55px;
    /* background: #399398; */
}

.woocommerce-checkout-payment button#place_order.button.alt {
    margin-right: 20px;
}

/* return to shop page button cart */
p.return-to-shop a.button.wc-backward {
    display: none;
}

p.price {
    margin-bottom: 50px;
}

ol.flex-control-nav.flex-control-thumbs > li {
    padding-right: 15px;
    padding-top: 15px;
}
/* Gallary image solution  */
.woocommerce div.product div.images .flex-control-thumbs li {
    width: 20% !important;
}

.single-product .product .single_add_to_cart_button.button{
	background-color: #399398;
    color: #FFFFFF;
    -webkit-transition:color 1s ease-in;  
    -moz-transition:color 1s ease-in;  
    -o-transition:color 1s ease-in;  
    transition:color 1s ease-in;
    font-size: 16px;
    font-family: 'Yu Gothic', sans-serif;
}
.woocommerce .product .add_to_cart_button.button{
	background-color: #399398;
    color: #FFFFFF;
    -webkit-transition:color 1s ease-in;  
    -moz-transition:color 1s ease-in;  
    -o-transition:color 1s ease-in;  
    transition:color 1s ease-in;
    font-size: 16px;
    font-family: 'Yu Gothic', sans-serif;
}

/* add to cart button */
.single-product .product .single_add_to_cart_button.button:hover{
    background-color: rgba(57, 147, 152, .85);
    
	color: #FFFFFF;
}
.woocommerce .product .add_to_cart_button.button{
    background-color: rgba(57, 147, 152, .85);
    

	color: #FFFFFF;
}

/* payment page button */
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #399398;
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'Yu Gothic', sans-serif;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: rgba(57, 147, 152, .85);
    color: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: none;
}

#primary.content-area {
    margin-left: 3%;
    margin-right: 3%;
}
/* product gallary zoom disabled */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger { display: none;}

/* discription padding */

.woocommerce-page div.product .woocommerce-tabs { padding-top: 15px;}

/* Contact Form 7 styling */

.input-form-div {
    margin-bottom: 27px;
}

input[type="text"].your-name, input[type="tel"].your-phone, input[type="email"].your-email {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    padding: 6px 8px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 2px solid #D8D8D8;
    border-radius: 4px;
    font-size: 13px;
    font-family: 'Yu Gothic', sans-serif;
    font-weight: 500;
    margin-top: 17px;
}
input[type="text"].your-name:focus, input[type="tel"].your-phone:focus, input[type="email"].your-email:focus {
    border: 2px solid #61989b;
  }

textarea.your-message {
    resize: none;
    width: 100%;
    border: 2px solid #D8D8D8;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 6px 8px;
    margin-bottom: 10px;
    font-weight: 500;
    margin-top: 17px;
}
textarea.your-message:focus {
    border: 2px solid #61989b;
}

/* Contact form button */
.contact-form-button {
    background: #399398;
    color: #FFFFFF;
    width: 220px;
    border: none;
    border-radius: 4px;
    margin: 0 auto;
    display: block;
    font-size: 13px;
    font-family: 'Yu Gothic', sans-serif;
    cursor: pointer;
    font-weight: 500;
    margin-top: 2.625rem;
    display: block;
    text-align: center;
    padding: .95rem 0rem;
}

.contact-form-button:hover {
    background-color: rgba(57, 147, 152, .85);
    color: #FFFFFF;
}

.contact-form-button-success {
    margin-top: 10rem;
}

.wpcf7-form label {
    color: #272C2C;
    font-size: 13px;
    font-weight: 500;
}

/* Woocommerce modification  */
   /* Updated code */

.woocommerce-MyAccount-navigation ul 
{
    list-style: none;
}

/* WooCommerce links */
.woocommerce-MyAccount-navigation li {
    list-style: none;
}


.woocommerce-MyAccount-navigation {
    position: relative;
}
.woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-direction: column;
    /* position: absolute; */
    border-top: 2px solid #F7F7F7;
    border-bottom: 2px solid #F7F7F7;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0%;
    margin-bottom: 36px;
}

.woocommerce-MyAccount-navigation li {
    list-style: none;
}
nav.woocommerce-MyAccount-navigation li a {
    color: #707070;
    font-family: 'Yu Gothic', sans-serif;
    font-size: 14px;
    display: block;
}

a span.arrow {
    float: right;
}
.woocommerce-MyAccount-navigation li {
    list-style: none;
    margin: .5rem 0;
}

.woocommerce-MyAccount-navigation ul li:nth-last-child(1) {
    display: none;
}

/* Logout button */
a.custom-logout-button {
    /* display: block; */
    background: #F8F8F8;
    text-align: center;
    padding: .782rem 1.1125rem;;
    font-family: 'Yu Gothic', sans-serif;
    font-size: 12px;
    transition: all .35s ease; 
}

a.custom-logout-button:hover {
    background: #E6E6E6;
}

#footer { font-family: 'Yu Gothic', sans-serif; font-size: 11px; font-weight: medium;}

/* About, contact, faq page */
.about-title, .faq-title {
    font-family: 'Hiragino Kaku Gothic', 'Noto Sans JP', sans-serif;
    color: #707070;
    font-size: 20px;
}


.single_inside_content p {
    font-family: 'Yu Gothic', sans-serif;
    font-size: 16px;
    color: #272C2C;
}

.single_post_cont {
    margin-left: 4.15%;
    margin-right: 4.15%;
}

p.contact-after-submission-text, p.contact-submission-message {
    font-weight: bold;
}

#payment div.form-row {
    padding: 1em 0em !important;
}

.contact-form-label {
    font-weight: bold !important;
    display: inline-block;
    margin-bottom: 27px;
}
.contact-form-field {
    padding-left: 2rem;
    color: #969696;
    font-family: 'Yu Gothic';
    font-weight: bold;
}


/* Code from */

/*from here my account page css edition*/
.font-yugothic
{
	font-family: 'Yu Gothic', sans-serif;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: 0.52px;
}

#login-form
{
    min-height: 356px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: normal;
    margin: 20px 0 0 !important;
    padding: 0px 20px 5px !important;
    border: solid 2px #f8f8f8 !important;
    border-radius: 0;
}
#login-form label {
    font-size: 13px;
    color: #272C2C !important;
    font-weight: normal !important;
}
#login-div
{
    display: flex;
    justify-content: center;
    align-items: center;
}

#login-button
{
    border-radius: 4px;
    background-color: #61989b; 
    color: #ffffff;
    font-family: inherit;
    padding: 1.157rem 5.25rem;
    font-size: 13px;
    font-family: 'Yu Gothic', sans-serif;
    transition: all .5s ease;
}

#login-button:hover{
    background: rgba(97,152,155,.85);
}

.register-form-instruction
{
    min-height: 356px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: normal;
    margin: 20px 0 0 !important;
    padding: 0px 20px 8px !important;
    background-color: #f8f8f8 !important;
    border-radius: 0;
    border: none;
    position: relative;
}

.email-login-instruction {
    color: #272C2C;
    font-size: 13px !important;
    position: absolute;
    top: 145px;
    margin: 0;
    padding: 0;
}

#register-div-button
{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 60px;
}
#register-instruction-button
{
    border-radius: 4px;
    background-color: #4d4d4d;
    color: #ffffff;
    font-family: inherit;
    padding: 1.157rem 4.847rem;
    font-size: 13px;
    font-family: 'Yu Gothic', sans-serif;
    transition: all .5s ease;
    margin-top: 60px;
}
#register-instruction-button:hover {
    background: rgba(77,77,77,.85);
}

/*new*/
.woocommerce-ResetPassword > p:nth-child(1) {
    white-space: pre-line;
   }
#pass-reset-button 
{
    height: 50px;
    width: 220px;
    border-radius: 4px;
    background-color: #61989b;
    font-weight: bold;
    line-height: 1.31;
    letter-spacing: 0.52px;
    text-align: center;
    color: #ffffff;
    display: block;
    margin: 0 auto;
    transition: all .5s ease;
    font-size: 13px;
    font-family: 'Yu Gothic', sans-serif;
   }

#pass-reset-button:hover {
    background-color: #7da6a8;
}
#reset_form_label label {
    font-size: 13px;
}
   
#pasword-reset-form {
    border: solid 2px #f8f8f8;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10%;
    margin-left: 25%;
    margin-right: 25%;
    height: 246px;
   }

#user_login {
    width: 376px;
    height: 37px;
    margin: 17px 0 40px;
    border-radius: 4px;
    border: solid 1px #d8d8d8;
    background-color: #ffffff;
   }

/* My Account page  */
/* Login and reg */
.u-columns div.u-column1 h2, .u-columns div.u-column2 h2 {
    color: #707070;
    font-size: 18px;
    font-weight: 500;
}

.u-columns div.u-column1 hr, .u-columns div.u-column2 hr {
    color: #626262;
}
.single_inside_content p.woocommerce-form-row {
    font-weight: 500;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    padding: .60rem .5rem;
}

/* New modification will go here 20-02-11 */
/* stock badge */
.out-of-stock {
    color: #272C2C !important;
    padding: 4px;
    display: block;
    width: 70px;
    text-align: center;
    font-family: 'Yu Gothic', sans-serif;
    font-weight: 400;
    margin-bottom: 2rem;
    border: 1px solid #4E4E4E;
}

/* stock request button */
.stock-request-button {
    background-color: #4d4d4d;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 16px;
    font-family: 'Yu Gothic', sans-serif;
    width: 100%;
    height: 50px;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    text-decoration: none;
    border-radius: 3px;
}
.stock-request-button:hover{
    background-color: #5c5c5c;
    color: rgb(255, 255, 255) !important;
}

/* footer design */

.footer-menu {
    position: relative;
    margin: 1em;
    overflow: hidden;
}

.footer-menu li {
    /* flex-grow: 1; */
    flex-basis: auto;
    margin: .25em 0;
    /* padding: 0 1em; */
    text-align: center;
    border-left: 2px solid #ccc;
    line-height: .8rem;
    background-color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #292929;
}

.footer-menu ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -1px;
    padding: 0;
}

.footer-menu ul li {
    list-style: none;
    padding: 0 .75rem;
}

.footer-menu ul li:first-child {
    display: block;
    border-left:0px solid #FFF;
}

/* Updated code 2020-02-11 */
/* Site title */
h1.site-entry-title{
    font-family: 'Hiragino Kaku Gothic', 'Noto Sans JP', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #707070;
    margin-left: 4.15%;
    margin-right: 4.15%;
    padding-bottom: 10px;
}
.single_inside_content h3 {
    font-family: 'Yu Gothic', sans-serif;
    font-size: 16px;
    font-weight: medium;
    color: #292929;
    padding-bottom: 24px;
}
/* Lost password text link */
.woocommerce-LostPassword.lost_password {
    text-decoration: underline;
    color: #272C2C;
    font-size: 12px;
    font-weight: normal;
}

/* show password input */
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
    top: .5em;
}
/* password lost message */
.password-lost-message {
    color: #272C2C !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}
/* password forget page layout */
.password_reset_form_main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 90px;
}
#password_reset_form {
    border: 2px solid #F8F8F8;
    padding: 1rem;
    padding-top: 2.75rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    padding-bottom: 3.625rem;
}
/* reset form label */
#reset_form_label {
    width: 100%;
}

/* hide company name field */
#billing_company_field, #shipping_company_field {
    display: none !important;
}

/* custom hide field */
.display_none {
    display: none !important;
}
/* my-account mypage styles */
.woocommerce-account .woocommerce-MyAccount-content {
    margin-top: 14px !important;
}
.my-account-order-suggestion {
    margin-top: 0;
}
.my-account-address-edit-header {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-bottom: 10px !important;
}

/* login-registration-page */
.register-form-instruction p {
    font-size: 13px !important;
}

/* registration customization */
#register-form-custom {
    padding: 38px 20px 45px !important;
    width: 79.6%;
    margin: 0 auto;
    margin-top: 25px;
}
#register-form-custom label {
    font-size: 13px;
    color: #272C2C !important;
    font-weight: normal !important;
}

@media screen and (max-width: 576px) {
    #register-form-custom {
        width: 100%;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

/* registration form inside content */
.register-form-inside {
    max-width: 434px;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 65px;
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (max-width: 576px) {
    .register-form-inside {
        padding-left: 15px;
        padding-right: 15px;
    }
}


.custom-form-row {
    display: flex;
    flex-direction: column;
    margin: 30px 0px;
}

.custom-form-row input {
    padding: .6075rem 1rem;
    border-radius: 4px;
    border: 1px solid #D8D8D8;

}

.custom-register-name {
    display: flex;
    justify-content: space-between;
    margin: 30px 0px;
    flex-flow: row-reverse;
}

.custom-register-name-field {
    display: flex;
    flex-direction: column;
    width: 44.2%;
    margin: 0;
    padding: 0;
    
}
.custom-register-name-field input {
    padding: .6075rem 1rem;
    border-radius: 4px;
    border: 1px solid #D8D8D8;
}

/* select color */
:root {
    --select-border: #777;
    --select-focus: blue;
    --select-arrow: var(--select-border);
  }


.select-tag {
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  outline: none;
  color: #444;
}
.select-tag::-ms-expand {
    display: none;
}
.custom-form-row-select { margin: 0px;}
.custom-select {
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    padding: .6075rem 0.5rem;
    font-size: 13px;
    color: #444;
    cursor: pointer;
    background-color: #fff;
    display: grid;
    grid-template-areas: "select";
    align-items: center;
  }
  
  .custom-select::after {
    content: "";
    width: 0.8em;
    height: 0.5em;
    background-color: #939393;
    clip-path: polygon(100% 0%, 0 0%, 50% 100%);
    z-index: inherit;
  }

.select-tag,
.custom-select:after {
  grid-area: select;
}
.custom-select:after {
    justify-self: end;
}
.select-tag:focus + .select-focus {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
  }


  .form-container {
      position: relative;
  }
  .form-instruction-text {
    position: absolute;
    right: 11.4%;
    font-size: 13px !important;
    margin: 0;
    padding: 0;
    top: 78px;
}

@media screen and (max-width: 576px) {
    .form-instruction-text {
        right: 0;
    }
}

.form-container .required {
    color: #FF0000;
    padding-right: .5rem;
    padding-left: .5rem;
    font-size: 13px;
}

/* registration button */

.custom-registration-button {
    border-radius: 4px;
    background-color: #61989b; 
    color: #ffffff;
    padding: .80rem 5.97rem;
    font-size: 13px;
    font-family: 'Yu Gothic', sans-serif;
    transition: all .5s ease;
    font-weight: bold;
    border: none;
    cursor: pointer;
    margin-bottom: 20px;
}

.custom-registration-button:hover {
    background: rgba(97,152,155,.85);
}

.custom-register-button {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.custom-form-region {
    border: solid 2px #f8f8f8 !important;
    border-radius: 0;
}

.custom-email-register-field {
    position: relative;
    margin-bottom: 50px;
}

.custom-password-instruction-text {
    position: absolute;
    margin: 0px !important;
    padding: 0px !important;
    font-size: 12px !important;
    top: 70px;
    left: 2px;
}

/* address field */

.custom-form-row-address-field {
    display: flex;
    flex-direction: column;
    margin: 30px 0px;
    margin-top: 20px;
}


.custom-form-row-address-field input {
    padding: .6075rem 1rem;
    border-radius: 4px;
    border: 1px solid #D8D8D8;
}

.custom-form-row-address-field-1 {
    margin-top: 30px;
    margin-bottom: 0px !important;
}

.register-instruction-text {
    font-size: 13px !important;
}

/* My Account customization */
.edit-my-address {
    border: 1px solid #E3E3E3;
    padding: .15rem .515rem;
    background: #F8F8F8;
    font-size: 11px;
    font-weight: 500;
    border-radius: 4px;
    font-family: 'Yu Gothic', sans-serif;
    transition:all 0.3s ease-in-out
}
.edit-my-address:hover {
    background: #FFF;
}


/* cart count design */

#woocommerce-cart-number {
    font-size: 10px;
    background: #EB2929;
    color: black;
    padding: 0px 4px;
    vertical-align: top;
    margin-left: -10px;
    height: 10px;
    max-width: 30px;
    text-align: center;
    vertical-align: ce;
    vertical-align: middle;
    margin-top: 0;
    color: #fff;
    font-weight: bold;
    z-index: 100;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
    font-family: 'roboto';
    margin-top: 0px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cart-number-link {
    cursor: pointer;
}

/* woocommerce password forget link message */
.woocommerce-error li a {
    text-decoration: underline;
    color: #272C2C;
}


/* Custom flash message on non registered member */
.custom-flash-notice {
	border-top: 3px solid #4d4d4d;
	padding: 1em 2em 1em 3.5em;
    margin: 0 0 2em;
	position: relative;
    background-color: #f7f6f7;
	list-style: none outside;
    width: auto;
    /* /* word-wrap: break-word; */
}

.custom-flash-notice::before {
    font-family: 'WooCommerce';
    content: "\e016";
    display: inline-block;
    position: absolute;
    top: 1em;
    left: 1.5em;
}

.custom-flash-notice.custom-flash-notice-new-notice {
	border-top: 3px solid #4d4d4d !important;
	background-color: #eff7ff !important;
}