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


#customer-info h5 {
    color: #000;
    margin:4rem 0 2rem 0;
    padding:0 0 1rem 0;
    border-bottom:1px solid #ccc;
	font-size:1.2rem;
}

table {
	width:100%;
	border-collapse:collapse;
    border-spacing:0;
}
th {
	width:25%;
	padding:0.5rem 1rem;
    background:#F6F6F6;
    border:1px solid #ccc;
    vertical-align:middle;
}
td {
    color:#333333;
    padding:0.5rem 1rem;
    border:1px solid #ccc;
}
tr.ttl td {
    background:#DDDDDD;
    color:#000000;
}



table.low {
}
table.shipping {
	font-size:0.666rem;
}
table.shipping th {
	width:auto;
	padding:0.3rem;
	text-align:center;
}
table.shipping td {
	padding:0.3rem;
	text-align:center;
}

.send {
	margin:3rem 0 0 0;
	text-align:center;
}
.send.settlement_form_send {
	margin:1rem 0 0 0;
}
.send input[type="button"],
.send input[type="submit"],
#member_login {
    width:15rem;
    height:3rem;
    background-color:#8C6900;
	border:none;
    border-radius:0;
    color:#FFF;
    font-weight:bold;
    cursor:pointer;
}
.send input[type="button"].continue_shopping_button,
.send input[type="submit"].back_cart_button,
.send input[type="submit"].back_to_customer_button,
.send input[type="button"].back_to_delivery_button,
.send input[type="submit"].back_to_delivery_button,
.send input[type="button"].top,
.send input[type="button"][name="back"],
.send input[type="button"][name="top"] {
    background-color:#F6F6F6;
	border:1px solid #CCC;
    color:#000;
    font-weight:normal;
}
.send input[type="submit"].to_deliveryinfo_button,
.send input[type="submit"].editmember,
.send input[type="button"].card-update {
    background-color:#666666;
}
.send input[type="submit"]:hover {
	opacity:0.8;
}

#contents-left input[type="text"],
#contents-left input[type="password"],
#contents-left input[type="email"],
#contents-left textarea,
#contents-all input[type="text"],
#contents-all input[type="password"],
#contents-all input[type="email"],
#contents-all textarea {
	display:inline-block;
	border:1px solid #CCC;
	height:2.4rem;
	margin-right:0.5rem;
	padding:0.5rem;
}
tr.inp1 input {
	width:70%;
	margin-left:0.5rem;
}
select {
	border:1px solid #CCC;
	padding:0 0.5rem;
    height:2.4rem;
    line-height:2.4rem;
}
input#search_zipcode {
	margin-right:0.5rem;
	padding:0 1rem;
    height:2.4rem;
    line-height:2.4rem;
}

/****************************************************************************************************
カート
****************************************************************************************************/

.error_message {
	color:#C00;
}

#wc_cart #cart .upbutton {
    margin:2rem 0 1rem 0;
    text-align: right;
}

div.header_explanation {
    margin:2rem 0 1rem 0;
}

#wc_cart #cart .upbutton input {
    margin-left:1rem;
    padding:0.5rem 1rem;
    background-color:#FFF;
    border:1px solid #8C6900;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    color:#8C6900;
	font-weight:bold;
}

.currency_code {
	margin:0.5rem 0 0 0;
}


.customer_form input[type="text"],
.customer_form input[type="email"] {
	width:30rem;
}

.customer_form input[type="text"]#zipcode {
	width:7rem;
}
.customer_form input[type="text"]#name1,
.customer_form input[type="text"]#name2,
.customer_form input[type="text"]#name3,
.customer_form input[type="text"]#name4 {
	width:15rem;
}

.customer_form#time,
.customer_form#notes_table {
	margin-top:1.5rem;
}

.confiem_notice {
	margin-bottom:1rem;
}
#info-confirm .action {
	display:none;
}



/*---- cart_table ---*/
#cart_table th {
	width:auto;
	padding:0.5rem 0.5rem;
	text-align:center;
}
#cart_table td {
	padding:0.5rem 0.5rem;
	text-align:center;
	vertical-align:middle;
}
#cart_table .aleft {
	text-align:left;
}
#cart_table .aright {
	text-align:right;
}
#cart_table td.productname {
	text-align:left;
}
#cart_table .subtotal {
	white-space:nowrap;
}
#cart_table .thumbnail img {
	height:auto;
}
#cart_table .quantity input {
	margin:0;
	padding:0;
	width:3rem;
	text-align:center;
}
#cart_table .stock {
	white-space:nowrap;
}
#cart .action {
    white-space:nowrap;
}
#cart .action input.delButton {
	margin:0 !important;
	padding:0.5rem 1rem;
}


#error-page,
#cart_completion {
	padding:10rem 5rem;
	background:#F9F9F9;
	text-align:center;
}



/*---- usccart_navi ---*/
div.cart_navi ul {
	list-style: none;
	overflow: hidden;
}
div.cart_navi li {
	display: block;
	width: 24.7%;
	color: #262626;
	font-size: 1rem;
	font-weight: bold;
	padding: 0 .909095em 0 1.81818em;
	background: #dedede;
	float: left;
	text-decoration: none;
	text-align: center;
	line-height: 40px;
}
div.cart_navi li:before {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 -20px -20px auto;
	float: right;
	content: " ";
	-webkit-transform: skew(20deg);
	background: #dedede;
	border-right: 4px solid #fff;
	-moz-transform: skew(20deg);
	-o-transform: skew(20deg);
	transform: skew(20deg);
}
div.cart_navi li:after {
	display: block;
	width: 20px;
	height: 20px;
	margin: -20px -20px 0 auto;
	background: #dedede;
	border-right: 4px solid #fff;
	position: relative;
	content: " ";
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	transform: skew(-20deg);	
}
div.cart_navi li:last-child:before,
div.cart_navi li:last-child:after {
	border: none;
}
div.cart_navi li.current,
div.cart_navi li.current:before,
div.cart_navi li.current:after {
	color: #fff;
	background-color: #161616;
}



/****************************************************************************************************
会員
****************************************************************************************************/

#memberpages {
}
.whitebox {
}
.loginbox {
	width:100%;
	margin:0 auto;
}
.member-box {
	padding:2rem;
	border:1px solid #DDDDDD;
	text-align:left;
	font-weight:bold;
}
.member-box input[type="text"],
.member-box input[type="password"],
.member-box input[type="email"] {
	width:100%;
	margin-top:0.3rem;
}
.member-box p + p {
	margin-top:1rem;
}
.member-box p.forgetmenot,
.member-box p#nav {
	font-size:0.866rem;
	font-weight:normal;
}
.member-box p#nav {
	margin-top:1rem;
}

.new-entry {
	margin-top:3rem;
	padding:2rem;
	background:#F6F6F6;
	text-align:center;
}
.new-entry #nav a {
	display:block;
	margin-top:1.5rem;
    width:100%;
    height:5rem;
	line-height:5rem;
    background-color:#666666;
	border:none;
    border-radius:0;
    color:#FFF;
    font-weight:bold;
    cursor:pointer;
}


#memberpages h3 {
	font-size:1.2rem;
    margin:4rem 0 2rem 0;
    padding:0;
    border-bottom:1px solid #CCC;
}
#memberpages .currency_code {
    margin:0 0 2rem 0;
    padding:0;
    border-bottom:1px solid #CCC;
}

.member_submenu {
	margin:2rem 0 0 0;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
}
.member-edit,
.gotoedit,
.member-logout {
	margin:0 0.5rem;
}
.member-edit a,
.gotoedit a,
.member-logout a {
	display:block;
    width:18rem;
	padding:1rem;
    background-color:#666666;
    border-radius:0;
	color:#FFF;
    font-weight:bold;
	text-align:center;
}

.history-area {
	height:30rem;
	overflow:scroll;
}

/*---- history_head ---*/
#history_head th {
	padding:0.5rem 0.5rem;
	text-align:center;
	vertical-align:middle;
    white-space:nowrap;
}
#history_head td {
	padding:0.5rem 0.5rem;
	text-align:center;
	vertical-align:middle;
}
#history_head td.rightnum {
	/*text-align:right;*/
}

.retail + #history_head {
	margin-top:3rem;
}
.retail {
	margin-top:1rem;
}
.retail th {
	padding:0.5rem 0.5rem;
	text-align:center;
	vertical-align:middle;
    white-space:nowrap;
}
.retail td {
	padding:0.5rem 0.5rem;
	text-align:center;
	vertical-align:middle;
}
.retail td.aleft {
	text-align:left;
}
.retail td.rightnum {
	/*text-align:right;*/
}
.retail .cartrownum {
	width:2.5rem;
}
.retail .thumbnail {
	width:3.3rem;
}
.retail .productname {
	width:auto;
}
.retail .quantity {
	width:4rem;
}
.retail .price,
.retail .subtotal {
	width:8rem;
}


.catbox {
	width:100%;
	text-align:left;
}
.catbox table {
	margin-top:1rem;
}
.catbox table th,
.catbox table td {
	padding:1rem;
}
.catbox input[type="tel"],
.catbox  select {
	margin-right:0.5rem;
}
.attention {
	margin-top:0.5rem;
}





@media screen and (max-width: 812px) {
	
	
	input[type="button"],
	input[type="submit"] {
		-moz-appearance:none;
		-webkit-appearance:none;
		appearance:none;
		padding:0;
		border:none;
		border-radius:0;
		outline:none;
		background:transparent;
	}

#customer-info h5 {
    color: #000;
    margin:4rem 0 2rem 0;
    padding:0 0 1rem 0;
    border-bottom:1px solid #ccc;
	font-size:1.2rem;
}

table {
	width:100%;
	border-collapse:collapse;
    border-spacing:0;
}
th {
	width:25%;
	padding:0.5rem 1rem;
    background:#F6F6F6;
    border:1px solid #ccc;
    vertical-align:middle;
}
td {
    color:#333333;
    padding:0.5rem 1rem;
    border:1px solid #ccc;
}
tr.ttl td {
    background:#DDDDDD;
    color:#000000;
}

table.low {
}
table.low > tbody > tr > th,
table.low > tbody > tr > td {
	display:block;
	width:100%;
}
table.shipping {
	font-size:0.466rem;
}
table.shipping th {
	padding:0.2rem;
}
table.shipping td {
	padding:0.2rem;
}

table.shipping th.box-size {
	white-space: nowrap;
}

	.send {
		margin:2rem 0 0 0;
		text-align:center;
	}
	.send input[type="button"],
	.send input[type="submit"],
	#member_login {
		-moz-appearance:none;
		-webkit-appearance:none;
		appearance:none;
		padding:0;
		border:none;
		border-radius:0;
		outline:none;
		background:transparent;
		
		width:9.4rem;
		height:3rem;
		margin-bottom:0.8rem;
		background-color:#8C6900;
		font-size:0.8rem;
	}
	.send input[type="button"].continue_shopping_button,
	.send input[type="submit"].back_cart_button,
	.send input[type="submit"].back_to_customer_button,
	.send input[type="button"].back_to_delivery_button,
	.send input[type="submit"].back_to_delivery_button,
	.send input[type="button"].top,
	.send input[type="button"][name="back"],
	.send input[type="button"][name="top"] {
		background-color:#F6F6F6;
	}
	.send input[type="submit"].to_deliveryinfo_button,
	.send input[type="submit"].editmember,
	.send input[type="button"].card-update {
		background-color:#666666;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea {
		height:2rem;
		padding:0.5rem;
		-webkit-appearance:none;
	}
tr.inp1 input {
	width:70%;
	margin-left:0.5rem;
}
select {
	border:1px solid #CCC;
	padding:0 0.5rem;
    height:2.4rem;
    line-height:2.4rem;
}
	input#search_zipcode {
		height:2rem;
		line-height:2rem;
		background:#F6F6F6;
		border:1px solid #CCC;
		border-radius:3px;
	}



	/****************************************************************************************************
	カート
	****************************************************************************************************/
	#cart_table .num,
	#cart_table .thumbnail,
	#cart_table .stock {
		display:none;
	}
	
	.error_message {
		font-size:0.866rem;
	}
	#wc_cart #cart .upbutton {
		font-size:0.866rem;
	}
	div.header_explanation {
		font-size:0.866rem;
	}
	
	#wc_cart #cart .upbutton input {
		padding:0.3rem 0.5rem;
		font-size:0.866rem;
	}
	
	
	.currency_code {
		font-size:0.866rem;
	}
	
	
	.customer_form th,
	.customer_form td {
		display:block;
		width:100%;
		font-size:0.8rem;
		padding:0.5rem;
	}
	.customer_form input[type="text"],
	.customer_form input[type="email"] {
		width:55vw;
	}

	.customer_form input[type="text"]#zipcode {
		width:20vw;
	}
	.customer_form input[type="text"]#name1,
	.customer_form input[type="text"]#name2,
	.customer_form input[type="text"]#name3,
	.customer_form input[type="text"]#name4 {
		width:55vw;
	}

	.customer_form#delivery_flag th,
	.customer_form#delivery_flag td,
	.customer_form#time th,
	.customer_form#time td,
	.customer_form#notes_table th,
	.customer_form#notes_table td {
		display:block;
		width:100%;
	}

.confiem_notice {
	margin-bottom:1rem;
}
#info-confirm .action {
	display:none;
}

	#confirm_table th,
	#confirm_table td {
			display:block;
		width:100%;
		font-size:0.8rem;
		padding:0.5rem;
	}



	/*---- cart_table ---*/
	#cart_table {
		font-size:0.8rem;
	}
	#cart_table th {
		padding:0.2rem;
	}
	#cart_table td {
		padding:0.2rem;
	}
	#cart_table .quantity input {
		width:2rem;
	}
	#cart .action input.delButton {
		padding:0.2rem 0.3rem;
		background:#F6F6F6;
		border:1px solid #CCC;
		border-radius:3px;
	}
	#cart_table em {
		font-size:0.533rem;
	}
	
	
	#error-page,
	#cart_completion {
		padding:2rem;
	}



	/*---- usccart_navi ---*/
	div.cart_navi li {
		width:24.5%;
		font-size:0.666rem;
		padding:0;
		line-height:2rem;
	}
	div.cart_navi li + li {
		margin-left:0.5%;
	}
	div.cart_navi li:before,
	div.cart_navi li:after {
		display:none;
	}
	/*---- usccart_navi ---*/



/****************************************************************************************************
会員
****************************************************************************************************/

#memberpages {
}
.whitebox {
}
.loginbox {
	width:100%;
	margin:0 auto;
}
.member-box {
	padding:2rem;
	border:1px solid #DDDDDD;
	text-align:left;
	font-weight:bold;
}
.member-box input[type="text"],
.member-box input[type="password"],
.member-box input[type="email"] {
	width:100%;
	margin-top:0.3rem;
}
.member-box p + p {
	margin-top:1rem;
}
.member-box p.forgetmenot,
.member-box p#nav {
	font-size:0.866rem;
	font-weight:normal;
}
.member-box p#nav {
	margin-top:1rem;
}

.new-entry {
	margin-top:3rem;
	padding:2rem;
	background:#F6F6F6;
	text-align:center;
}
.new-entry #nav a {
	display:block;
	margin-top:1.5rem;
    width:100%;
    height:5rem;
	line-height:5rem;
    background-color:#666666;
	border:none;
    border-radius:0;
    color:#FFF;
    font-weight:bold;
    cursor:pointer;
}


#memberpages h3 {
	font-size:1.2rem;
    margin:4rem 0 2rem 0;
    padding:0;
    border-bottom:1px solid #CCC;
}
#memberpages .currency_code {
    margin:0 0 2rem 0;
    padding:0;
    border-bottom:1px solid #CCC;
}

	#memberinfo > table:nth-of-type(1) th,
	#memberinfo > table:nth-of-type(1) td {
		display:block;
		width:100%;
	}
	#memberinfo > table:nth-of-type(1) th:empty,
	#memberinfo > table:nth-of-type(1) td:empty {
		display:none;
	}
	
	.member_submenu {
		margin:1rem 0 0 0;
		display:block;
		text-align:center;
	}
	.member-edit,
	.gotoedit,
	.member-logout {
		margin:0.5rem 0;
	}
	.member-edit a,
	.gotoedit a,
	.member-logout a {
		width:auto;
		padding:1rem;
		background-color:#F6F6F6;
		border:1px solid #CCC;
		border-radius:3px;
		color:#000;
		font-weight:normal;
	}

.history-area {
	height:auto;
	overflow:auto;
	font-size:0.533rem;
}

/*---- history_head ---*/
#history_head th {
	padding:0.2rem;
	font-weight:normal;
	white-space:normal;
}
#history_head td {
	padding:0.2rem;
}
#history_head td.rightnum {
	/*text-align:right;*/
}
#history_head .discount,
#history_head .cod {
	display:none;
}

.retail + #history_head {
	margin-top:2rem;
}
.retail {
	margin-top:0.5rem;
}
.retail th {
	padding:0.2rem;
	font-weight:normal;
	white-space:normal;
}
.retail td {
	padding:0.2rem;
}
.retail .cartrownum,
.retail .thumbnail {
	display:none;
}
.retail .productname,
.retail .quantity,
.retail .price,
.retail .subtotal {
	width:auto;
}


.catbox {
	width:100%;
	text-align:left;
}
.catbox table {
	margin-top:1rem;
}
.catbox table th,
.catbox table td {
	padding:1rem;
}
.catbox input[type="tel"],
.catbox  select {
	margin-right:0.5rem;
}
.attention {
	margin-top:0.5rem;
}
}