@charset "utf-8";
/* CSS Document */

/* ログイン */
#content .member_page_title {text-align: center; }
#content .new-entry h2 { font-size: 0.9em; text-align: center; }
#content #memberpages input.loginmail { line-height: 30px; }
#content #memberpages input.loginpass { line-height: 30px; }
#content #memberpages div.loginbox { background: none; border: none;}
#content #memberpages .loginbox { margin-top: 0; }
#content #memberpages .loginbox p.submit { color: #fff; height: 40px; line-height: 40px; text-align: center; width: 180px; background: #333; padding: 0; margin: 0 auto; display: flex; }
#content #memberpages .loginbox p.submit input[type="submit"] { background: none; border: none; width: 100%; display: flex; justify-content: center; align-items: center; color: #fff; line-height: 40px; cursor: pointer;}
#content #memberpages p { text-align: center;}
#content #memberpages label { text-align: center; }
#content #memberpages .error_message { text-align: center; }
#content #memberpages .forgetmenot { margin-bottom: 10px;}

#content #memberpages { max-width: 960px; margin: 0 auto; }
#content #newmember .customer_form { margin-bottom: 40px; }
#content #newmember table th { padding: 10px 20px; font-size: 0.9rem; background: #f4f4f4; border: 1px solid #dedede; width: 25%; white-space: nowrap; position: relative; }
#content #newmember table th em { position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
#content #newmember table td { padding: 10px 20px; font-size: 1.0rem; border: 1px solid #dedede; font-size: 0.8rem; }
#content #newmember table td input[type="text"] { height: 30px; line-height: 30px; border: 1px solid #ccc; padding: 0 10px; margin: 0 10px 0 0; }
#content #newmember table td input[type="password"] { height: 30px; line-height: 30px; border: 1px solid #ccc; margin-right: 10px; }
#content #newmember table td select { height: 30px; line-height: 30px; border: 1px solid #ccc; }
#content #newmember table td span { font-size: 0.8rem; margin: 0 10px 0 0;}
#content .header_explanation ul li { font-size: 0.9rem; padding-left: 1em; text-indent: -1em;}
#content .header_explanation ul li:before { content: "・";}
#content #memberpages p.password_policy { display: inline-block; }

#content #newmember .send { color: #fff; height: 40px; line-height: 40px; text-align: center; width: 180px; background: #333; padding: 0; margin: 0 auto;}
#content #newmember .send input[type="submit"] { background: none; border: none; width: 100%; display: flex; justify-content: center; align-items: center; color: #fff; line-height: 40px; cursor: pointer; }

#content #newmember .search-zipcode.button { border: none; background: #333; color: #fff; margin-right: 10px; font-size: 0.8rem; padding: 5px 10px; }

#content .loginmail { margin-bottom: 20px; }
#content .loginbox div { font-size: 0.9rem; margin-bottom: 20px;}
#content .loginbox #nav { font-size: 1.0rem; }

@media screen and (max-width: 767px) {
	#content #memberpages { margin: 0 6%; }
	#content #newmember table th { display: block; width: auto; max-width: 100%; }
	#content #newmember table td { display: block; width: auto; max-width: 100%; }
}

#content .cart_navi ul { display: flex; }
#content .cart_page_title { text-align: center;}
#content .cart-page .send { color: #fff; height: 40px; line-height: 40px; text-align: center; width: 180px; background: #333; padding: 0; margin: 0 auto;}
#content .cart-page .send input[type="button"] { background: none; border: none; width: 100%; display: flex; justify-content: center; align-items: center; color: #fff; line-height: 40px; cursor: pointer; }

#content .cart-page .send { color: #fff; height: 40px; line-height: 40px; text-align: center; width: 180px; background: #333; padding: 0; margin: 0 auto;}
#content .cart-page .send input[type="button"] { background: none; border: none; width: 100%; display: flex; justify-content: center; align-items: center; color: #fff; line-height: 40px; cursor: pointer; }
#content .cart-page .send input[type="submit"] { border: none; width: 100%; display: flex; justify-content: center; align-items: center; color: #fff; line-height: 40px; cursor: pointer; }

#content #customer-info table { margin-bottom: 40px; }
#content #customer-info table th { padding: 10px 20px; font-size: 0.9rem; background: #f4f4f4; border: 1px solid #dedede; width: 25%; white-space: nowrap; position: relative; }
#content #customer-info table th em { position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
#content #customer-info table td { padding: 10px 20px; font-size: 1.0rem; border: 1px solid #dedede; font-size: 0.8rem; }
#content #customer-info table td input[type="text"] { height: 30px; line-height: 30px; border: 1px solid #ccc; padding: 0 10px; margin: 0 10px 0 0; }
#content #customer-info table td input[type="password"] { height: 30px; line-height: 30px; border: 1px solid #ccc; margin-right: 10px; }
#content #customer-info table td select { height: 30px; line-height: 30px; border: 1px solid #ccc; }
#content #customer-info table td span { font-size: 0.8rem; margin: 0 10px 0 0;}
#content #customer-info .search-zipcode.button { border: none; background: #333; color: #fff; margin-right: 10px; font-size: 0.8rem; padding: 5px 10px; }
#content #customer-info .send { display: flex; justify-content: center; align-items: center; background: none; width: auto; border: none; }
#content #customer-info .send input[type="submit"] { border: none; width: 100%; display: flex; justify-content: center; align-items: center; color: #fff; line-height: 40px; cursor: pointer; background: #333; padding: 0 10px; max-width: 200px; }
#content #customer-info .send input[type="submit"].to_deliveryinfo_button,#content #customer-info .send input[type="submit"].to_reganddeliveryinfo_button,#content #customer-info .send input[type="submit"].to_memberlogin_button { background:#ff8c00; }

@media screen and (max-width: 767px) {
	#content #customer-info { margin: 0 6%; }
	#content #customer-info table th { display: block; width: auto; max-width: 100%; }
	#content #customer-info table td { display: block; width: auto; max-width: 100%; }
	
	#content #wc_cart { margin: 0 6%; }
	#content #wc_cart #cart .upbutton { text-align: left; line-height: 1.7; }
}

#content #wc_login .loginbox .new-entry, #wc_member .loginbox .new-entry { background: none; }
#content #wc_login .loginbox .new-entry #nav a { font-size: 0.8rem; text-decoration: none; }

/* カテゴリーページ */
@media screen and (max-width: 899px) {
	.category-list-title { color: var(--point-color); font-size: 1.8rem; font-weight: 700; margin: 0 6%; }
	.loopimgWrapper { display: flex; justify-content: flex-start; align-items: center; flex-direction: column; margin: 0 6%; padding-bottom: 5vh; border-bottom: 1px dotted #dedede; margin-bottom: 5vh; }
	.loopimgWrapper .loopimg { width: 60%; margin:0 auto 20px; }
	.loopimgWrapper .loopexp .field { font-size: 1.1rem; font-weight: 600; }
	.loopimgWrapper .loopexp h4 { font-size: 2.0rem; font-weight: 700; }
	.loopimgWrapper .loopexp .yen { font-size: 1.2rem; font-weight: 700; line-height: 1.0; margin-bottom: 20px; }
}
@media screen and (min-width: 900px) {
	.category-list-title { color: var(--point-color); font-size: 2.4rem; font-weight: 700;}
	.loopimgWrapper { display: flex; justify-content: flex-start; align-items: center; padding-bottom: 5vh; border-bottom: 1px dotted #dedede; margin-bottom: 5vh; }
	.loopimgWrapper .loopimg { width: 30%; margin-right: 4%; }
	.loopimgWrapper .loopexp .field { font-size: 1.1rem; font-weight: 600; }
	.loopimgWrapper .loopexp h4 { font-size: 2.0rem; font-weight: 700; }
	.loopimgWrapper .loopexp .yen { font-size: 1.2rem; font-weight: 700; line-height: 1.0; margin-bottom: 20px; }
}

#content #delivery-info table { margin-bottom: 40px; }
#content #delivery-info table th { padding: 10px 20px; font-size: 0.9rem; background: #f4f4f4; border: 1px solid #dedede; width: 25%; white-space: nowrap; position: relative; }
#content #delivery-info table th em { position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
#content #delivery-info table td { padding: 10px 20px; font-size: 1.0rem; border: 1px solid #dedede; font-size: 0.8rem; }
#content #delivery-info table td input[type="text"] { height: 30px; line-height: 30px; border: 1px solid #ccc; padding: 0 10px; margin: 0 10px 0 0; }
#content #delivery-info table td input[type="password"] { height: 30px; line-height: 30px; border: 1px solid #ccc; margin-right: 10px; }
#content #delivery-info table td select { height: 30px; line-height: 30px; border: 1px solid #ccc; }
#content #delivery-info table td span { font-size: 0.8rem; margin: 0 10px 0 0;}
#content #delivery-info .send { display: flex; justify-content: center; align-items: center; background: none; width: auto; border: none; }
#content #delivery-info .send input[type="submit"] { border: none; width: 100%; display: flex; justify-content: center; align-items: center; color: #fff; line-height: 40px; cursor: pointer; background: #333; padding: 0 10px; max-width: 200px; }
@media screen and (max-width: 767px) {
	#content #delivery-info { margin: 0 6%; }
	#content #delivery-info table th { display: block; width: auto; max-width: 100%; }
	#content #delivery-info table td { display: block; width: auto; max-width: 100%; }
}

#content #info-confirm table { margin-bottom: 40px; }
#content #info-confirm table th { padding: 10px 20px; font-size: 0.9rem; background: #f4f4f4; border: 1px solid #dedede; width: 25%; white-space: nowrap; position: relative; color: #000; }
#content #info-confirm table th em { position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
#content #info-confirm table td { padding: 10px 20px; font-size: 1.0rem; border: 1px solid #dedede; font-size: 0.8rem; }
#content #info-confirm table td input[type="text"] { height: 30px; line-height: 30px; border: 1px solid #ccc; padding: 0 10px; margin: 0 10px 0 0; }
#content #info-confirm table td input[type="password"] { height: 30px; line-height: 30px; border: 1px solid #ccc; margin-right: 10px; }
#content #info-confirm table td select { height: 30px; line-height: 30px; border: 1px solid #ccc; }
#content #info-confirm table td span { font-size: 0.8rem; margin: 0 10px 0 0;}
#content #info-confirm .send { display: flex; justify-content: center; align-items: center; background: none; width: auto; border: none; }
#content #info-confirm .send input[type="submit"] { border: none; width: 100%; display: flex; justify-content: center; align-items: center; color: #fff; line-height: 40px; cursor: pointer; background: #333; padding: 0 10px; max-width: 200px; margin:0 10px 0px; }
@media screen and (max-width: 767px) {
	#content #info-confirm { margin: 0 6%; }
	#content #info-confirm table th { display: block; width: auto; max-width: 100%; }
	#content #info-confirm table td { display: block; width: auto; max-width: 100%; }
}

#content #point_table { width: 100%; }
#content #point_table th { padding: 10px 20px; font-size: 0.9rem; background: #f4f4f4; border: 1px solid #dedede; width: 25%; white-space: nowrap; position: relative; }
#content #point_table td { padding: 10px 20px; font-size: 1.0rem; border: 1px solid #dedede; font-size: 0.8rem; }
#cart #point_table input.used_point { height: 30px; line-height: 30px; border: 1px solid #ccc; }

#wc_ordercompletion .send a { background: none; color: #fff; text-align: center; font-size: 0.8rem; text-decoration: none;}

#content #memberedit h2 { text-align: center; margin-bottom: 20px;}
#content #memberedit .send { display: flex; justify-content: center; align-items: center; background: none; width: auto; border: none; }
#content #memberedit .send input[type="button"] { border: none; width: 100%; display: flex; justify-content: center; align-items: center; color: #fff; line-height: 40px; cursor: pointer; background: #333; padding: 0 10px; max-width: 200px; margin:0 10px 0px; }

#content #memberpages table { margin-bottom: 40px; }
#content #memberpages table th { padding: 10px 20px; font-size: 0.9rem; background: #f4f4f4; border: 1px solid #dedede; width: 25%; white-space: nowrap; position: relative; color: #000; }
#content #memberpages table td { padding: 10px 20px; font-size: 1.0rem; border: 1px solid #dedede; font-size: 0.9rem; }
#content #memberpages table td input[type="text"] { height: 30px; line-height: 30px; border: 1px solid #ccc; padding: 0 10px; margin: 0 10px 0 0; }
#content #memberpages table td input[type="password"] { height: 30px; line-height: 30px; border: 1px solid #ccc; margin-right: 10px; }
#content #memberpages table td select { height: 30px; line-height: 30px; border: 1px solid #ccc; }
#content #memberpages table td span { font-size: 0.8rem; margin: 0 10px 0 0;}

#content #memberpages .member_submenu li a  { height: 40px; line-height: 40px; background: #333; text-decoration: none; color: #fff; }

#content #memberpages #history_head th { white-space: normal; }
#content #memberpages .currency_code { font-size: 0.8rem; }
#content #memberpages #usces_history .exclude_cancel { font-size: 0.9rem; }
#content #memberpages .usce_period span { font-size: 0.9rem; } 
#content #memberpages .usce_period select { font-size: 0.9rem; padding: 5px 10px; border: 1px solid #ccc; }

#content #wc_cart .send { display: flex; justify-content: center; align-items: center; background: none; width: auto; border: none; }
#content #wc_cart .send input[type="button"] { border: none; width: 150px; display: flex; justify-content: center; align-items: center; color: #fff; line-height: 40px; cursor: pointer; background: #333; padding: 0 10px; max-width: 200px; margin:0 10px 0px; }
#content #wc_cart .send input[type="submit"] { border: none; width: 150px; display: flex; justify-content: center; align-items: center; color: #fff; line-height: 40px; cursor: pointer; background: #333; padding: 0 10px; max-width: 200px; margin:0 10px 0px; }