@charset "utf-8";

/* shopping cart */

.cart-item{border: 1px solid #ddd;padding: 29px;background: rgba(255,255,255,.9);}
	@media only screen and (max-width:1199px)	{.cart-item{padding: 24px;}}
	@media only screen and (max-width:991px)	{.cart-item{padding: 19px;}}
	@media only screen and (max-width:767px)	{.cart-item{padding: 14px;}}


.cart-item + .cart-item{margin-top: 10px;}

.cart-item-included{margin: 29px -29px -29px;background: #f6f6f6;padding:14px 29px;text-align: right;}
	@media only screen and (max-width:1199px)	{.cart-item-included{margin: 24px -24px -24px;padding:14px 24px;}}
	@media only screen and (max-width:991px)	{.cart-item-included{margin: 19px -19px -19px;padding:9px 19px;}}
	@media only screen and (max-width:767px)	{.cart-item-included{margin: 14px -14px -14px;padding:4px 14px;}}


.cart-item-name{font-weight: bold;}


.cart-item-price{white-space: nowrap;}


.cart_btn{text-align: right;background: #f6f6f6;padding: 10px;margin-bottom: 10px;font-weight: bold;}
.cart_btn:last-child{margin-bottom: 0;}

.ctlbox{border:1px solid #e6e2dc;border-bottom-width:10px;border-style:solid;border-radius:5px;padding:14px;background: #fff;overflow: hidden;margin-bottom:20px;}
.ctlbox h3{font-size:20px;line-height:20px;margin-bottom:14px;}
.ctlbox p{}

.ttl-tb{margin-top: 15px;}
.ttl-tb th{padding: 2px 10px;width: auto;border-bottom:1px dotted #999;}
.ttl-tb td{padding: 2px 10px;text-align: right;width: 200px;font-size: 24px;border-bottom:1px dotted #999;}


.thanks{margin-bottom: 400px;text-align: center;}

.btn-cart{background-color: #fc0;color:#343235;font-weight: bold;}
.btn-cart:hover,
.btn-cart:active,
.btn-cart:focus{color:#343235;}




.cart-flow{display: table;width: 100%;table-layout: fixed;}

.cart-start,.halfway,.cart-goal{display: table-cell;vertical-align: top;}


.cart-pg{display: table;vertical-align: middle;margin-bottom: 10px;width: 100%;}

.cart-no,.cart-bar{display: table-cell;vertical-align: middle;}

.cart-no{width: 60px;}
	@media only screen and (max-width:767px)	{.cart-no{width: 30px;}}

.cart-bar{}

.pgbar{width: 100%;height: 4px;}

.square-no{width: 60px;line-height: 60px;text-align: center;font-size: 36px;text-align: center;font-weight: bold;}
	@media only screen and (max-width:767px)	{.square-no{width: 30px;line-height: 30px;font-size: 18px;}}

.sofar{background: #603920;color:#fff;}
.yet{background: #999;color:#fff;}
.no-line{background: transparent;}


.text-sofar,.text-yet{text-align: center;font-size: 14px;line-height: 1;}
	@media only screen and (max-width:767px)	{.text-sofar,.text-yet{font-size: 12px;}}
	@media only screen and (max-width:575px)	{.text-sofar,.text-yet{font-size: 10px;}}

.text-sofar{color:#603920;font-weight: bold;}
.text-yet{color:#999;}