@charset "utf-8";
/**
 * Theme Name: Custom Theme
 * Description: custom theme style sheet
 */

#content.cart-page article,#content.member-page article { padding: 40px 4%; max-width: 1100px; width: 100%; margin: 0 auto; }
#content article.category-item { padding: 0; }
#content article.category-item .detail-box { width: 100%; }
.incart-btn { position: relative; }
.incart-btn span { display: none; }
.incart-btn .total-quant { 
	display: block;
	position: absolute;
    top: -15px;
    right: -15px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #c1272d;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: #fff; 
}

.head_icon li.membership { width: auto; }
.membership .fa { display: none; }
.membership ul { display: flex; justify-content: center; }
.membership ul li { width: auto; }

.head_icon li.search-box { width: auto; position: relative; }
.head_icon li.search-box #searchsubmit { text-indent: -9999px; width: 25px; height: 40px; position: relative; z-index: 1; background: none; }
.head_icon li.search-box .fa-search { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; font-size: 1.1rem; color: #c1272d;  }

.detail-box .item-name { display: none; }
.detail-box .itemcode { display: none; }

#content article.category-item .item-description { margin-bottom: 0px; }

.item-description h1 { color: #fff; text-align: center; padding: 40px 0; font-size: 3.6rem; background:#ED6D46; font-weight: bold; line-height: 1.4; }
@media screen and (max-width: 599px) {
	.item-description h1 { padding: 20px 0; font-size: 2.0rem; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.item-description h1 { padding: 30px 0; font-size: 3.0rem; }
}
@media screen and (min-width: 900px) and (max-width: 1079px) {
	.item-description h1 { padding: 30px 0; font-size: 3.3rem; }
}
.item-description .in-content { max-width: 800px; width: 100%; margin: 0 auto; }
.item-description .ybg { background: #fff9e9; padding: 0 4%; text-align: center; }
.item-description .wbg { background: #fff; padding: 0 4%; text-align: center; }
.item-description .gbg { background: #dcdbda; padding: 0 4%; text-align: center; }
.item-description .last-section { padding: 4% 2%; }

#content article.category-item .item-info { background: #fff9e9; padding: 40px; }
@media screen and (max-width: 599px) {
	#content article.category-item .item-info { padding: 2%;  }
}
#content article.category-item .skuform { max-width: 1100px; width: 100%; margin: 0 auto; padding: 40px 0;  }
@media screen and (max-width: 599px) {
	#content article.category-item .skuform { padding: 4% 0;  }
}
#content article.category-item .skuform .skuname { font-size: 2.0rem; font-weight: bold; color: #000; margin-bottom: 10px; background: none; padding: 0px; }
#primary #itempage .field { display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; margin-bottom: 20px; }
#primary #itempage .field .field_price { color: #aa0146; font-size: 3.0rem; font-family:'Roboto Condensed', sans-serif; font-weight:bold; }
#primary #itempage .field .field_price em.tax { font-size: 0.5em; }
@media screen and (max-width: 599px) {
	#content article.category-item .skuform .skuname { font-size: 1.5rem; }
	#content article.category-item .item-info .zaikostatus { font-size: 0.8rem; }
	#primary #itempage .field .field_price { font-size: 2.4rem; }
}
#content article.category-item .skuform .c-box .unit { display: none; }
#content article.category-item .c-box { flex-direction:column; width: 96%; margin: 0 2% 40px; }
#content article.category-item .c-box .quantity { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 20px; }
#content article.category-item .c-box .cart-button { width: 100%; margin: 20px auto; padding-bottom: 10px; 
	background: rgb(242,150,0);
	background: linear-gradient(90deg, rgba(242,150,0,1) 0%, rgba(229,0,18,1) 100%);
	height: 80px; line-height: 80px; text-align: center; font-size: 3.0rem; font-weight: bold; color: #fff; 
}
#content article.category-item .c-box .cart-button:hover {
	background: rgb(242,150,0);
	background: linear-gradient(-90deg, rgba(242,150,0,1) 0%, rgba(229,0,18,1) 100%);	
}
#content article.category-item .c-box .cart-button input { border: none; background: none; width: 100%; color: #fff; font-size: 2.0rem; font-weight: bold;  }

#primary #itempage .skuform .skuquantity { text-align: right; width: 2em; margin: 0 10px; padding: 0.5em 10px; font-size: 2rem; }
#content article.category-item #itempage .item-info { padding-top: 0px; }

.atension { font-size: 1.2rem; line-height: 1.7; margin-bottom: 0px; text-align: left; }
@media screen and (max-width: 599px) {
	.atension {font-size: 1.0rem; }
	#content article.category-item .c-box .cart-button input { font-size: 1.5rem; }
	#primary #itempage .skuform .skuquantity { font-size: 1.5rem; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.atension {font-size: 1.1rem; }
}

.border-solid { margin: 20px 0; border-bottom: 1px dotted #333; }
.mb0 { margin-bottom: 0px !important; }

#content #cart_table { margin-bottom: 40px; }
#content #cart_table th { color: #000; }

#content #customer-info h5 { color: #fff; padding: 15px; border: none; }

#content #customer-info th,#content #delivery-info table.customer_form th { padding: 10px; font-size: 16px; font-weight: normal; }
#content #customer-info td,#content #delivery-info table.customer_form td { padding: 10px; font-size: 12px; font-weight: normal; }
#content #customer-info td input { margin:0 10px; }
#content #customer-info .send { padding-top: 20px; margin-top: 20px; }

#content .member_page_title { text-align: center; margin-bottom: 20px; }
#content #memberpages div.loginbox { width: 100%; margin: 0 auto; max-width: 480px; }
#content #memberpages .loginbox p { font-size: 15px;}
#wc_login .loginbox .new-entry, #wc_member .loginbox .new-entry { text-align: center; }

.itemimg { margin-bottom: 20px; }
.itemprice { margin-bottom: 10px; }
/* -- input,select,textarea -- */
input,
select,
textarea {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 1em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select {
	max-width: 100%;
	padding: .5714285em 2.14286em .5714285em .5714285em;
	border: 1px solid #bbb;
	background: url(images/select-arrow.gif) center right 10px no-repeat;
	color: #262626;
}

textarea {
	width: 100%;
	height: 100px;
	border: 1px solid #bbb;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"] {
	padding: .5714285em;
	border: 1px solid #bbb;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
	padding: .714288em 1.42857em;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #efefef;
	color: #262626;
	font-weight: normal;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
	background-color: #ddd;
	cursor: pointer;
}

input[type="checkbox"] {
	border: 1px solid #ccc;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
}

input[type="radio"] {
	border: 1px solid #bbb;
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio;
}

input[type="file"] {
	border: none;
}


@media screen and (max-width: 599px) {
	#content #wc_cart #cart .upbutton { text-align: left; line-height: 1.5; } 
	#content #wc_cart #cart .upbutton input { display: block; margin-top: 10px;  }
	#content #customer-info th, #content #delivery-info table.customer_form th { width: 100% !important; font-size: 15px; }
	#content #customer-info td.name_td, #content #delivery-info table.customer_form td.name_td { width: 50%; }
	#content #customer-info #furikana_row td { width: 50%; }
	#content .send input.to_customerinfo_button,#content .send input.to_memberlogin_button,#content .send input.to_deliveryinfo_button,#content .send input.to_confirm_button,#content .send input#purchase_button { font-size: 15px; }
	#content .cart-page .send input { font-size: 15px; }
}
#content div.header_explanation { padding: 5px 0; margin: 5px 0; }

.h_position_cart { display: flex; justify-content: flex-end; align-items: center; }
.h_position_cart .incart-btn { width: 40px; height: 50px; }
.h_position_cart .incart-btn .total-quant {
    display: block;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #c1272d;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #fff;
}
@media screen and (min-width: 901px) {
	.h_position_cart .incart-btn { display: none; }
}

@media screen and (max-width: 599px) {
	.search-li.type-grid article { width: 80%; margin: 0 10% 40px;  }

}
@media screen and (min-width: 600px) {
	.search-li.type-grid { display: flex; justify-content: flex-start; }
	.search-li.type-grid article { margin-right: 2%; width: 32%; margin-bottom: 20px;  }
	.search-li.type-grid article:nth-child(3n) { margin-right: 0px; }
}
/*-- APPEND ----------------------------------------------------------------*/


