@charset "utf-8";

/* --------------------------------------------
   member/?page=login
-------------------------------------------- */
@media screen and (max-width: 768px) {
	#memberpages div.loginbox {
		width: 90% !important;
	}

	#cart_table th, #cart_table td, #newmember table.customer_form th, #newmember table.customer_form td, #memberinfo > table th, #memberinfo > table td, .customer_form th, .customer_form td, #delivery-info th, #delivery-info td, #customer-info th, #customer-info td, #confirm_table th, #confirm_table td {
		display: block;
		width: 100% !important;
	}

	#newmember table.customer_form td input, #newmember table.customer_form td select, #newmember .customer_form input#mailaddress1, #newmember .customer_form input#mailaddress2, #newmember .customer_form input#address1, #newmember .customer_form input#address2, #newmember .customer_form input#address3, #memberinfo .customer_form input#address1, #memberinfo .customer_form input#address2, #memberinfo .customer_form input#address3, #memberinfo .customer_form input, #memberinfo .customer_form select, #customer-info .customer_form input, #wc_customer #customer-info .customer_form input[type="password"], #wc_customer #customer-info .customer_form input[type="address1"], #customer-info .customer_form select, #delivery-info input[type="text"], #delivery-info select {
		margin: 0.5em 0;
		width: 100% !important;
	}

	#confirm_table th {
		background-color: #eee;
	}

	div.usccart_navi ol.ucart {
		height: auto !important;
	}

	div.usccart_navi li.ucart {
		float: none !important;
		margin-bottom: 1em !important;
		width: 100% !important;
	}

	#cart_table thead {
		display: none;
	}

	#cart .num,
	#cart .productname,
	#cart .thumbnail,
	#cart .price,
	#cart .unitprice,
	#cart .quantity,
	#cart .stock,
	#cart .subtotal,
	#cart .action
	{
		width: 100% !important;
		position: relative;
	}

	#cart .num::before,
	#cart .productname::before,
	#cart .thumbnail::before,
	#cart .price::before,
	#cart .unitprice::before,
	#cart .quantity::before,
	#cart .stock::before,
	#cart .subtotal::before,
	#cart .action::before
	{
		position: absolute;
		left: 0;
		color: #666;
	}

	#cart .upbutton {
		margin-bottom: 2em;
	}

	#cart td.productname {
		padding-left: 4em;
		text-align: right;
	}

	.productname::before { content: "商品名："; }
	.unitprice::before { content: "単価："; }
	.quantity::before { content: "数量："; }
	.subtotal::before { content: "金額："; }
	.stock::before { content: "在庫状態："; }

	#cart_table .subtotal,
	#cart_table .totalend {
		font-weight: bold;
		font-size: 1.2em;
		color: #f23e11 !important;
	}

	#cart td.stock {
		text-align: right;
	}

	table:not(#memberdetail) td.num,
	th.num,
	tfoot th.thumbnail,
	tfoot td.thumbnail,
	tfoot th.stock,
	tfoot th.action,
	tfoot td.action {
		display: none !important;
	}

	#cart .quantity {
		overflow: hidden;
	}

	#cart .quantity input {
		width: 60px !important;
		float: right;
	}

	/*member*/
	#memberinfo .history-area {
		height: auto;
	}

	.history-area th,
	.history-area td {
		display: block;
	}

	#memberinfo #history_head {
		margin-top: 1em;
	}

	#history_head .order_head_label {
		display: none;
	}

	#history_head .order_head_value {
		padding: .5em;
	}

	#memberinfo .order_head_value td {
		border: none;
		display: inline-block;
		font-size: .9rem;
	}

	#memberinfo .order_head_value td::after {
		content: "/";
		margin: 0 .5em;
	}

	.order_head_value .order_number::before { content: "注文番号:"; }
	.order_head_value .purchase_date::before { content: "購入日:"; }
	.order_head_value .purchase_price::before { content: "購入金額:"; }
	.order_head_value .discount::before { content: "特別割引:"; }
	.order_head_value .shipping::before { content: "送料:"; }
	.order_head_value .cod::before { content: "代引き手数料:"; }
	.order_head_value .tax::before { content: "内消費税:"; }

	#memberinfo .order_head_value .order_number {
		display: block;
		color: #fff;
		background-color: #333;
		padding: .5em;
		font-size: .8em;
		margin: 0 0 .5em;
	}

	#memberinfo .order_head_value .order_number::after {
		content: "";
	}

	.retail thead {
		display: none;
	}

	#escott select[name="expmm"],
	#escott select[name="expyy"] {
		width: 30% !important;
	}

	#cart #point_table td {
		height: auto !important;
	}

}/*res end　768px*/

/* --------------------------------------------
   base
-------------------------------------------- */
@media screen and (max-width: 1024px) {
	.sdr-os {
		width: 23%;
	}

	.sdr-os + .main-os {
		width: 71%;
	}
}

@media screen and (max-width: 768px) {
	.sdr-os {
		display: none;
	}

	.sdr-os + .main-os {
		float: none;
		width: 100%;
	}
}

/* --------------------------------------------
   term list
-------------------------------------------- */
@media screen and (max-width: 768px) {
	.list_term {
/*		display: block;*/
	}

	.list_term li {
		width: 100%;
		padding: 0;
	}

	.list_term li a {
		border-top-color: transparent;
		border-left-color: transparent;
		border-right-color: transparent;
	}
}

/* --------------------------------------------
   category
-------------------------------------------- */
@media screen and (max-width: 480px) {
	.os-item {
		text-align: left;
		position: relative;
		padding-bottom: 1em;
		border-bottom: 1px solid #ccc;
	}

	.os-item a {
		position: relative;
	}

	.os-item a::after {
		content: "→";
		font-weight: bold;
		position: absolute;
		right: .5em;
		top: 0;
		bottom: 0;
		margin: auto 0;
		height: 20px;
		width: 20px;
		background-color: #EA5420;
		border-radius: 30px;
		color: #fff;
		text-align: center;
	}

	.os-item .os-item-image {
		width: 25%;
		position: absolute;
		left: 0;
		top: 0;
	}

	.os-item [class*="os-item-slug"] {
		margin-left: 28%;
	}

	.os-item .os-item-name,
	.os-item .itemprice {
		width: 100%;
		padding-left: 28%;
	}

	.os-item .os-item-name {
		padding-right: 10%;
	}
}
/* --------------------------------------------
   other
-------------------------------------------- */
@media screen and (max-width: 768px) {
	.item_all_reset .f18 {
		font-size: 2vw;
	}
}
@media screen and (max-width: 480px) {
	.item_all_reset {
		width: 30%;
	}
}