/*
 *
 * @package Welcart
 * @subpackage SIMPLY for Welcart
 */

@charset "utf-8";


#itempage #img-box { width: 100%; float: none; }
.detail-box { width: 100%; float: none; }

@media screen and (min-width: 62.5em) {
	#itempage #img-box { width: 60%; float: left; }
	.detail-box { width: 35%; float: right; }
	}

#itempage .itemcode {
	margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

/*---- sku-name ---*/

.skuform {
	border-top: 1px dotted rgba(143, 143, 143, 0.57);
	padding: 1rem 0;
}
.item-info .skuname {
	font-weight: bold;
	min-height: auto;
	margin-bottom: 1rem;
	padding: 0;
	background-color: unset;
}


.item-info .item-option {
    clear: both;
    margin-bottom: 1rem;
    padding: 0;
    border-top: none;
    border-bottom:none;
}

.item-info .itemGpExp {
    margin: 1.42857em 0;
    padding: 1rem 0;
    border-top: 1px solid rgba(143, 143, 143, 0.25);
	border-bottom: 1px solid rgba(143, 143, 143, 0.25);
}

.item-info .item-option dt,
.item-info .itemGpExp dt {
	background: 0 0;
    display: block;
    margin-bottom: 5px;
    padding: 0;
    font-weight: 700;
    font-size: 12px;
    border: none;
}

.item-info .item-option dt, .item-info .itemGpExp dt {
    width: auto;
    display: inline-block;
    margin-bottom: .714286em;
    vertical-align: top;
}



.item-info .item-option dd,
.item-info .itemGpExp dd {
    width: 100%;  
    display: block;
    margin-bottom: 10px;
    padding: 0;
    margin: 0;
    border: none;
}
.item-info .item-option dd label,
.item-info .itemGpExp dd label {
    margin-bottom: 0;
    display: none;
    }
    .item-info .itemGpExp dd {
	    font-size: 0.9rem;
	    }
	    .item-info .itemGpExp dd ul li { padding: 0.3rem 0.5rem; }
	    .item-info .itemGpExp dd ul li:nth-child(odd) { background: rgba(239, 239, 239, 0.5)};
	    .item-info .itemGpExp dd .price { font-weight: normal; }


select {
    width: 100%;    
    max-width: 100%;
    background: url(assets/images/select-arrow.svg) center right 12px no-repeat #fff;
    padding: 0 36px 0 12px;
    height: 44px;
    border: 1px solid #aaa;
    border-radius: 4px;
    color: #444;
    letter-spacing: 1px;
    }
  
 .item-info .field {
    text-align: left;
	padding: 0;
    overflow: inherit;
    }

.item-info .zaikostatus, .item-info .field_price {
    margin-bottom: 0;
    font-size: 0.8rem;
    float: none !important;
}

.item-info .field_price {
    font-size: 1.4rem;
    letter-spacing: 1px;
    font-weight: normal;
    float: none !important;
}
.item-info .field_cprice {
	color: inherit !important;
	opacity: .7;
    font-size: 1rem;
    font-weight: normal;
    margin-right: .666667em;
    text-decoration: line-through;
}



.item-info .c-box {
    clear: both;
    padding: 0;
    text-align: left;
}

.item-info .quantity {
	margin: 1.2rem 0;
}
.item-info .quantity input.skuquantity {
    width: 3rem;
    height: 2.5rem;;
    padding:0;
    border: none;
    background: whitesmoke;
    border-radius: .5rem;
    text-align: center;
    font-size: 1rem;
    margin: 0 0 0 1rem;
    
    }


.item-info .skubutton {
	display: block;
    color: #fff;
    font-family: FontAwesome;
    font-weight: bold;
    padding: 0;
    background-color: #ff8c00;
    border: none;
    letter-spacing: 1px;
    text-align: center;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
    border-radius: 4px;
    width: 100%;
    height: 46px;
    line-height: 46px;
}





/* Cart */

#main #content.cart-page {
	padding: 0;	

}
div.cart_navi {
	opacity: 0.6;
	text-align: center;
	}
div.cart_navi li {
    float: none;
    display: inline-block;
 	}



div.cart_navi li:before {
	margin: 0 -30px -20px auto;
}
div.cart_navi li:after {
	margin: -20px -30px 0 auto;
}



	@media screen and (max-width: 320px) {
		div.cart_navi li { padding: 0 0.5rem;  text-align: center; border-radius:3px; }
		div.cart_navi li:before,
		div.cart_navi li:after { display: none;}
		
	}
	

	div.cart_navi li.current,div.cart_navi li.current:before,div.cart_navi li.current:after {
		background: #c7c3a3;
	}
	


#wc_cart,
#wc_customer,
#wc_delivery,
#wc_confirm{
	background: #fff;
	padding: 2rem 0.7rem;
	margin: 0 0 2rem 0;
	border-radius: 0rem;
	color: #333;
	border-top: 5px solid whitesmoke;

}

#cart_table th { color: #333;}

.cart_page_title {
	text-align: center;
	font-size: 1.4rem;
	margin: 0 0 3rem 0;
    line-height: 1;
	}

#info-confirm .confiem_notice {
    padding-bottom: 5px;
    margin-bottom: 2rem;
    color: #f46161;
}

.cart-page .send {
    padding-top: 4rem;
}


#cart_table th {
	font-size: 0.9rem;
    padding: 0.4rem 0.9rem;
    background-color: whitesmoke;
    border:1px solid #e6e6e6;

}

.customer_form tr {
	margin-bottom: 0;
}
.customer_form input[type="text"] {display: block;}
.customer_form th,
#confirm_table th {
	font-size: 0.8rem;
    padding: 0.9rem 0.7rem;
    background-color: white;
    margin-bottom: 0;
}
#cart_table td,
.customer_form td,
#confirm_table td {
    color: #6e6e6e;
    line-height: 1.5;
    font-size: 0.9rem;
    padding: 0.8rem 0.3rem;
}

.customer_form tr.inp1 input { width: 90%;}
#cart_table .quantity input {
	 width: 2rem;
    padding: 0.3rem 0;
    border: 1px solid #e6e6e6;
    border-radius: 3px;

}
	
#wc_cart table td label,
#wc_customer table td label,
#wc_delivery table td label { cursor: pointer; margin-right: 1rem;}
#wc_cart table td input[type="radio"],
#wc_customer table td input[type="radio"],
#wc_delivery table td input[type="radio"] {
	margin-right: 0.3rem;
}
#cart .action input.delButton {
    display: block;
    padding: 0.3rem 0.3rem;
    font-size: 0.7rem;
}




@media screen and (min-width: 62.5em) {

	#wc_cart,
	#wc_customer,
	#wc_delivery,
	#wc_confirm {
		padding: 3rem 4rem;
		border-radius: 1rem;
		border: 5px solid whitesmoke;
	}
	.customer_form tr.inp1 input { width: 70%;}

	#cart_table th {
		font-size: 0.9rem;
	    padding: 0.4rem 0.9rem;
	
	}
	.customer_form input[type="text"] {
		display: inline;
		}
	.customer_form th,
	#confirm_table th {
    border:1px solid #e6e6e6;
		background: whitesmoke;
		font-size: 0.9rem;
	    padding: 0.9rem;
	}
	#cart_table td,
	.customer_form td,
	#confirm_table td {
	    padding: 0.9rem;
    border: 1px solid #e6e6e6;
	}


	
}



/* Member */

.member_page_title {
	text-align: center;
	font-size: 1.4rem;
	margin: 1rem 0 3rem 0;
	line-height: 1;
	}

#wc_login .member_page_title:before {
		content: "\f007";
		display: inline-block;
		margin: 0 0.5rem 0 0;
		font-family: FontAwesome;
		font-size: 1.5rem;
	}


#wc_login,
#wc_newmemberform,
#wc_lostmemberpassword,
#wc_newcompletion,
#wc_member {
	margin: 0 auto;
	background: #fff;
	border-radius: 1rem;
	color: #333;
	text-align: center;
}
#wc_login,
#wc_lostmemberpassword,
#wc_newcompletion { width: 90%; }
#wc_newmemberform,
#wc_member { width: 100%; text-align: left;}

@media screen and (min-width: 62.5em) {

	#wc_login,
	#wc_newmemberform,
	#wc_lostmemberpassword,
	#wc_newcompletion,
	#wc_member {
		padding: 2rem 2rem;
		border: 5px solid whitesmoke;
	}
	#wc_login,
	#wc_lostmemberpassword,
	#wc_newcompletion { width: 60%; }
	#wc_newmemberform,
	#wc_member { width: 80%; text-align: left;}
	
}

/* New Entry*/
.header_explanation {
	font-size: 0.8rem;
	}
	.header_explanation ul {
		padding: 0 1rem 0 2rem;
		}
		
	.header_explanation ul li {
		list-style: circle;
		}
@media screen and (min-width: 62.5em) {
	.header_explanation ul {
		padding: 0 2rem 0 3rem;
		}
		}


/* Login */

#wc_lostmemberpassword .loginbox {
    margin: 0 auto;
    padding: .714286em 2.14285em;
    font-size: 1em;
}
#wc_login .loginbox,
#wc_login .error_message, #wc_member .error_message, #wc_changepassword .loginbox, #wc_changepassword .error_message, #wc_lostmemberpassword .loginbox, #wc_lostmemberpassword .error_message {
	width: auto;
	text-align: center;
	t
	}



#loginform p {
	padding: 1rem 0;
	text-align: left;
}	
#loginform p label {
	position: relative;
}
#loginform p label input[type='text'],
#loginform p label input[type='password'] {
}


#wc_login .loginbox input.loginmail, #wc_login .loginbox input.loginpass, #wc_member .loginbox input.loginmail, #wc_member .loginbox input.loginpass {
    width: 98%;
    margin-bottom: .714286em;
    border: 1px solid #ccc;
}
#loginform p.forgetmenot { text-align: center;  padding: 0;}
#loginform input[type='submit'],
.new-entry #nav a {
	margin: 0 auto;
	display: block;
	padding: 0.6rem 3rem;
	}

#wc_login .loginbox, #wc_member .loginbox {
	padding: 0;
}

#wc_login .loginbox .new-entry, #wc_member .loginbox .new-entry {
    margin: 2rem 0 0rem 0;
    padding: 2rem;
    border-radius: 0.5rem;
    text-align: center;
    background-color: #efefef;
	}
	#wc_login .loginbox .new-entry h2, #wc_member .loginbox .new-entry h2 {
		font-size: 0.9rem;
		margin: 0 0 2rem 0;
		}

.loginbox #nav {
	text-align: center;
	margin: 1rem 0;
	}
		wc_login .loginbox .new-entry #nav a, #wc_member .loginbox .new-entry #nav a, #wc_lostmemberpassword #member_login, #wc_lostmemberpassword #nav a, #wc_newcompletion #memberpages p a, #wc_lostcompletion #memberpages p a, #wc_changepasscompletion #memberpages p a, #wc_newcompletion .send a, #wc_lostcompletion .send input, #wc_lostcompletion .send a, #wc_changepasscompletion .send a {
			padding: 0.6rem 3rem;
			text-align: center;
			}
			
			.member-page #memberinfo .send input.top, .member-page #memberinfo .send input.deletemember {
				color: #333 !important;
			}

#wc_lostmemberpassword .loginbox input.loginmail {
	width: 20em;
}

@media screen and (min-width: 62.5em) {

	#wc_login .loginbox, #wc_member .loginbox {
		padding: 0 2rem;
	}

	#loginform p label br { display: none;}
	#loginform p label {
		position: relative;
	}
	#loginform p label input[type='text'],
	#loginform p label input[type='password'] {
		position: absolute;
		left: 8rem;
		top: -0.5rem;
		width: 30em;	
	}
	#wc_login .loginbox input.loginmail, #wc_login .loginbox input.loginpass, #wc_member .loginbox input.loginmail, #wc_member .loginbox input.loginpass {
    width: auto;
    width: 20em;
	}
}


