@charset "utf-8";


/* cart table */
.cartTable{
	width: 100%;
	border-collapse: collapse;
}
.cartTable__thead{}
.cartTable__tbody{}
.cartTable__head{}
.cartTable__body{}
.cartTable__head,
.cartTable__body{
	text-align: center;
}
.cartTable__cell--ttl{}
.cartTable__cell--prd{}
.cartTable__cell--pri{}
.cartTable__cell--num{}
.cartTable__cell--sum{}
.cartTable__cell--del{}
.cartTable__cell--num input{
	text-align: right;
}

@media (min-width: 769px){
	.cartTable{}
	.cartTable__thead{
		background-color: #E5E6E6;
	}
	.cartTable__tbody > tr{
		padding: 1em;
		border: 1px solid #E5E6E6;
	}
	.cartTable__head,
	.cartTable__body{
		padding: .5em;
	}
	.cartTable__tbody .cartTable__head,
	.cartTable__tbody .cartTable__body{
		padding-top: 2em;
		padding-bottom: 2em;
	}
	.cartTable__head{}
	.cartTable__body{}
	.cartTable__cell--ttl{
		display: none;
	}
	.cartTable__cell--prd{
		padding-left: 2em;
	}
	.cartTable__cell--pri{}
	.cartTable__cell--num{}
	.cartTable__cell--sum{}
	.cartTable__cell--del{
		padding-right: 2em;
	}
}
@media (max-width: 768px){
	
	.cartTable,
	.cartTable tr,
	.cartTable__thead,
	.cartTable__tbody,
	.cartTable__head,
	.cartTable__body{
		display: block;
	}
	
	.cartTable__tbody tr:not(:last-child){
		margin-bottom: 3.75em;
	}
	
	.cartTable{}
	.cartTable__thead{
		display: none;
	}
	.cartTable__tbody{}
	.cartTable__head{}
	.cartTable__body{
		padding-top: .5em;
		padding-bottom: .5em;
	}
	.cartTable__cell--ttl{
		padding: 1em;
		background-color: #E5E6E6;
	}
	.cartTable__cell--prd{
		margin-bottom: 1em;
		padding: 1.5em;
		border: 1px solid #E5E6E6;
	}
	.cartTable__cell--pri,
	.cartTable__cell--num,
	.cartTable__cell--sum{
		margin-bottom: 1em;
		padding-bottom: 1em;
		border-bottom: 1px solid #9DA6AE;
	}
	.cartTable__cell--del{}
}




/* cart table sp */
.cartTableSpFrame{}
.cartTableSpFrame__head{}
.cartTableSpFrame__body{}

@media (min-width: 769px){
	.cartTableSpFrame__head{
		display: none;
	}
}
@media (max-width: 768px){
	.cartTableSpFrame{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		
		padding: 0 1.25em;
	}
	.cartTableSpFrame__head{
		margin-right: 1em;
	}
	.cartTableSpFrame__body{
		flex: 1 1 auto;
		text-align: right;
	}
}




/* procut */
.cartTableProduct{
	display: flex;
	align-items: center;
}
.cartTableProduct__image{
	margin-right: 1em;
}
.cartTableProduct__body{}
.cartTableProduct__title{
	font-weight: bold;
}
.cartTableProduct__note{}

@media (min-width: 769px){
	.cartTableProduct{}
	.cartTableProduct__image{}
	.cartTableProduct__image > img{
		width: 120px;
	}
	.cartTableProduct__body{}
	.cartTableProduct__title{}
	.cartTableProduct__note{}
}
@media (max-width: 768px){
	.cartTableProduct{}
	.cartTableProduct__image{}
	.cartTableProduct__image > img{
		width: 90px;
	}
	.cartTableProduct__body{}
	.cartTableProduct__title{}
	.cartTableProduct__note{}
}





/* price table */
.priceTable{
	margin-left: auto;
	border-collapse: collapse;
}
.priceTable__head,
.priceTable__body{
	text-align: right;
	padding: .5em 1em;
	border-bottom: 1px solid #808283;
}
.priceTable__head{}
.priceTable__body{}

@media (min-width: 769px){
	.priceTable{}
	.priceTable__head{}
	.priceTable__body{}
}
@media (max-width: 768px){
	.priceTable{}
	.priceTable__head{}
	.priceTable__body{}
}




/* refresh button frame */
.cartRefresh{}
.cartRefresh__item{}

@media (min-width: 769px){
	.cartRefresh__item{
		flex-basis: 250px;
		font-size: .875em;;
	}
}
@media (max-width: 768px){
	.cartRefresh{}
	.cartRefresh__item{}
}
	





/* address table */
.addressTable{
	width: 100%;
	border-collapse: collapse;
}
.addressTable__head,
.addressTable__body{
	text-align: left;
}
.addressTable__head{}
.addressTable__body{}

@media (min-width: 769px){
	.addressTable{}
	.addressTable__head,
	.addressTable__body{
		padding: .25em 4em;
		border: 1px solid #E5E6E6;
	}
}
@media (max-width: 768px){
	.addressTable,
	.addressTable thead,
	.addressTable tbody,
	.addressTable tr,
	.addressTable__head,
	.addressTable__body{
		display: block;
	}
	.addressTable{
		border-style: solid;
		border-color: #E5E6E6;
		border-width: 1px 1px 0 0;
	}
	.addressTable tr{
		padding: 1em;
		
		border-style: solid;
		border-color: #E5E6E6;
		border-width: 0 0 1px 1px;
	}
	.addressTable__head,
	.addressTable__body{}
}








@media (min-width: 769px){}
@media (max-width: 768px){}