@charset "utf-8";


#cart{
	padding: 0 0 4vw;
}

/********** 見出し **********/
#cart h2.font-mincho{
	padding: 2.3vw 0;
	text-align: center;
	font-size: 5.6vw;
	font-weight: bold;
	background: #f4f1ed;
}

/********** リスト **********/
#cart .cart-list{
	padding: 6vw 5vw 0;
}

/* li */
#cart .cart-list ol li{
	display: flex;
	justify-content: space-between;
	
	margin: 0 0 6vw;
	padding: 0 0 10vw;
	background: url("../images/cart/icon-arr.svg") no-repeat 50% 100%;
	background-size: 14vw auto;
}
#cart .cart-list ol li:last-child{
	margin: 0;
	padding: 0;
	background: none;
}

/* ナンバー */
#cart .cart-list ol li .number{
	display: flex;
	justify-content: center;
	align-items: center;
	
	box-sizing: border-box;
	
	width: 7vw;
	height: 7vw;
	border-radius: 0.8vw;
	border: solid 0.2vw #b5002e;
	color: #b5002e;
}

/* 内容 */
#cart .cart-list ol li .cart-list-box{
	width: 80vw;
}

/* h3 */
#cart .cart-list ol li h3{
	padding: 0 0 3.5vw;
	font-size: 4.8vw;
	font-weight: bold;
}

/* カートに入れる */
#cart .cart-list .btn-cart-in{
	width: 48vw;
	display: block;
	margin: 0 0 1.5vw;
	
	box-sizing: border-box;
	
	text-align: left;
	border-radius: 1vw;
	border-right: solid 0.4vw #8c0028;
	border-bottom: solid 0.4vw #8c0028;
	padding: 1vw 0 1vw 14vw;
	font-size: 4vw;
	font-weight: bold;
	color: #fff;
	background: 
		url("../images/common/h-icon-cart.svg") no-repeat 6.5vw 45%;
	background-size: 4.8vw auto;
	background-color: #b5002e;
}

/* p */
#cart .cart-list p{
	margin: 0 0 1.5vw;
}
#cart .cart-list p:last-child{
	margin: 0;
}

/* ボタン */
#cart .cart-list .btn-1{
	display: table;
	
	box-sizing: border-box;
	
	text-align: left;
	margin: 0 0 1.5vw;
	padding: 1vw 4vw 1vw;
	border-radius: 50vw;
	border: solid 0.2vw #929292;
	letter-spacing: -0.05vw;
	font-size: 4vw;
	
	background: linear-gradient(180deg, rgba(250,250,250,1) 0%, rgba(209,209,209,1) 100%);
}

/* h4 */
#cart .cart-list h4{
	font-weight: bold;
}

/* .txt-box */
#cart .cart-list .txt-box{
	padding: 0 0 4vw;
}
#cart .cart-list .txt-box:last-child{
	padding: 0;
}

/* ボタン：mark-1 / mark-2 */
#cart .cart-list .btn-1 .mark-1{
	color: #0244cb;
}
#cart .cart-list .btn-1 .mark-2{
	color: #bb271a;
}

/* section */
#cart .cart-list .txt-box section{
	margin: 0 0 4vw;
}

/* section */
#cart .cart-list .txt-box .mark-complete{
	font-weight: bold;
}

/* list-4 */
#cart .cart-list .list-4 .txt-1{
	padding: 0 0 6vw;
}
#cart .cart-list .list-4 .txt-2{
	padding: 0 0 9vw;
}

/* att */
#cart .cart-list .list-4 .att{
	margin: 0 0 2vw;
	padding: 2vw;
	border: solid 0.5vw #dc0000;
	color: #dc0000;
}