/* -----------------------------------------------------------------
 * カート
 * ----------------------------------------------------------------- */
.cart_navi ul{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	justify-content:space-around;
	border:0px solid #ddd;
}

.cart_navi ul li{
 border-right:1px solid #ddd;
	margin:0;
	padding:0.7em 0.2em;
	width:25%;
	text-align:center;
	background-color:#e5e9ec;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:bold;
	line-height:1;
}


.cart_navi ul li:last-child{
	 border-right:0px;	
}

.cart_navi ul li.current{
background:linear-gradient(45deg, #53a5da,#5fe2b8,#69db73);
	color:#fff;
}



table#cart_table{
	border-collapse:collapse!important;
	border-color:#999;
	margin-top:20px;
}

table#cart_table td,
table#cart_table th{
	border-color:#aaa!important;
}

#cart th{
	background-color:#e5e9ec!important;
	color:#222!important;
}

#cart .upbutton{
	padding:0!important;
}


@media screen and (max-width:767px) { 
	.cart_navi ul li{
		font-size:14px;
		line-height:1.1;
	}

	#cart .upbutton{
		font-size:14px;
		display:flex;
		flex-direction:column;
		text-align:left!important;
	}
	
	table#cart_table {
    margin: 20px 0px 0px;
    width: 100%;
		border:0px!important;
		border-collapse:collapse!important;
	}

	table#cart_table tr,
	table#cart_table th,
	table#cart_table td {
		display: block;
		width: 100%!important;
		
	}

	table#cart_table tr {
		border:0px!important;
		border-bottom:1px solid #ddd!important;
	}
	table#cart_table th,
	table#cart_table td {
		border:1px solid #ddd!important;
	border-bottom:0px!important;
	}

	table#cart_table > thead {
		display: none;
	}

	table#cart_table > tbody > tr:nth-of-type(n + 2) {
		margin: 10px 0px 10px;
	}

	table#cart_table > tbody > tr > td {
		position: relative;
		padding: 6px 6px 6px 8em;

	}
	table#cart_table > tbody > tr > td::before {
		position: absolute;
		top: 6px;
		left: 6px;
	}

	table#cart_table > tbody > tr > td.num::before {
		content: "No.";
	}

	table#cart_table > tbody > tr > td.thumbnail {
		border: none;
	}

	table#cart_table > tbody > tr > td.productname::before {
		content: "商品名";
	}

	table#cart_table > tbody > tr > td.unitprice::before {
		content: "単価";
	}

	table#cart_table > tbody > tr > td.quantity::before {
		content: "数量";
	}

	table#cart_table > tbody > tr > td.subtotal::before {
		content: "金額（税込）";
	}

	table#cart_table > tbody > tr > td.stock::before {
		content: "在庫状態";
	}

	table#cart_table > tbody > tr > td.action {
		padding: 10px;
		text-align: center;
	}

	table#cart_table > tfoot > tr > th {
		text-align: right;
	}

	table#cart_table > tfoot > tr > th.num,
	table#cart_table > tfoot > tr > th.thumbnail,
	table#cart_table > tfoot > tr > th.stock,
	table#cart_table > tfoot > tr > th.action{
		display:none;
	}

}

/* 数量変更 */
input[name="upButton"]{
	background-color:#111!important;
	color:#fff!important;
	font-size:14px;
	line-height:2em!important;
	min-height:2em!important;
	position:relative;
}



/* 商品削除 */
input[name^="delButton"]{
	background-color:#111!important;
	color:#fff!important;
	font-size:14px;
	padding:0em 1.2em!important;
	line-height:2em!important;
	min-height:2em!important;
	font-weight:bold!important;
}

input#previouscart{
		background-color:#ccc!important;
	color:#222!important;
	font-weight:bold!important;
}

input.to_customerinfo_button{
		background-color:#f532ac!important;
	color:#fff!important;

	font-weight:bold!important;
}
div.send{
	display: flex;
    justify-content: center;
}

/* 通貨表示 */
.currency_code{
	display:none;
}

/* -----------------------------------------------------------------
 * カート > お客様情報
 * ----------------------------------------------------------------- */
#customer-info h5{
	background-color:transparent!important;
	color:#222!important;
	padding:0!important;
	color:#f532ac!important;
	font-weight:bold!important;
}

#customer-info .send{
	border:0px!important;
	margin-top: 0px!important;
   padding-top: 0px!important;
	padding-bottom:25px!important;
	margin-bottom:25px!important;
}

p.password_policy{
	margin-bottom:0!important;
}

input.to_memberlogin_button{
	background-color:#f532ac!important;
	color:#fff!important;
	font-weight:bold!important;
}

input#search_zipcode{
	background-color:#111!important;
	color:#fff!important;
	font-size:12px;
	padding:0em 1.2em!important;
	line-height:2em!important;
	min-height:2em!important;
	font-weight:bold!important;	
}

input.back_cart_button{
	background-color:#111!important;
	color:#fff!important;
	padding:0em 1.2em!important;
	line-height:2em!important;
	min-height:2em!important;
	font-weight:bold!important;		
}

input.to_deliveryinfo_button,
input.to_reganddeliveryinfo_button{
	background-color:#f532ac!important;
	color:#fff!important;
	font-weight:bold!important;
}



/* -----------------------------------------------------------------
 * カート > 配送・支払方法
 * ----------------------------------------------------------------- */
#delivery-info .send{
	border:0px!important;
}

/* 戻る */
input.back_to_customer_button{
	background-color:#111!important;
	color:#fff!important;
	padding:0em 1.2em!important;
	line-height:2em!important;
	min-height:2em!important;
	font-weight:bold!important;		
}

/* 次へ */
input.to_confirm_button{
	background-color:#f532ac!important;
	color:#fff!important;
	font-weight:bold!important;
}



/* -----------------------------------------------------------------
 * カート > 内容確認
 * ----------------------------------------------------------------- */

table#point_table{
	border-collapse:collapse!important;
	border-color:#999;
	margin-top:20px;
}

table#point_table td,
table#point_table th{
	border-color:#aaa!important;
}

/* ポイントを利用する ボタン */
input.use_point_button{
	background-color:#f532ac!important;
	color:#fff!important;
	font-weight:bold!important;
}

table#confirm_table{
	border-collapse:collapse!important;
	border-color:#999;
	margin-top:20px;
}

table#confirm_table td,
table#confirm_table th{
	border-color:#aaa!important;
}

table#confirm_table tr.ttl td{
	background-color:#e5e9ec!important;
}

table#confirm_table tr.ttl td h3{
	color:#f532ac!important;
	font-size:1rem;
}

#info-confirm .send{
	border:0px!important;
	margin-top:0!important;
	padding-top:0!important;
}

input.back_to_delivery_button{
	background-color:#111!important;
	color:#fff!important;
	padding:0em 1.2em!important;
	line-height:2em!important;
	min-height:2em!important;
	font-weight:bold!important;	
	margin-right:5px;
}



input.checkout_button{
	background-color:#f532ac!important;
	color:#fff!important;
	font-weight:bold!important;	
}


/* -----------------------------------------------------------------
 * メンバー > ログイン
 * ----------------------------------------------------------------- */

#memberpages div.loginbox{
	min-width:360px!important;
}

/* -----------------------------------------------------------------
 * 商品ページ
 * ----------------------------------------------------------------- */

.storycontent .item-description.sale h2{
	color:#f532ac;
	font-weight:bold;
	font-size:1.6rem;
}

.storycontent .item-description.sale h3{
  padding: 0.55em 0.6em;
  border-left: 2px solid #8dc7ec;
  font-weight:normal;
  background:#f5f5f5;
	font-size:1.3rem;
}

.skuform{
	border:1px solid #eee;
	padding:1.2em;
}

.field .field_price{
	font-size:150%;
}

.zaikostatus{
	font-size:80%;
}


.c-box .quantity{
	display:flex;
	align-items:center;
	margin-bottom:0.4em;
}

.c-box .quantity input.skuquantity{
	max-width:4em;
}


.c-box input.skubutton{
	background:linear-gradient(45deg, #53a5da,#5fe2b8,#69db73)!important;
	width:100%;
	font-size:1.2rem;
}

.c-box .quantity span{
	white-space:nowrap;
	padding-right:0.6em;
}

.storycontent ul{
	margin:0 0 0 1em;
	padding:0;
}

.storycontent ul li{
	margin:0;
	padding:0;
}



.item-description.lp {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
	padding:0 0 4.5rem 0;
}




.circle-purple{
	background-color:#f532ac;
	border-radius:100vh;
	width:100%;
	height:auto;
	color:#fff;
	padding:1em 0.4em;
	text-align:center;
	font-weight:bold;
}




.function-caption{
	background-color:#f532ac;
	color:#fff;
	width:7.5em;
	height:7.5em;
	display:flex;
	justify-content:center;
	align-items:center;
	bottom:0;
	left:0;
	border-radius:100vh;
	text-align:center;
	line-height:1.3;
	font-weight:bold;
	font-size:75%;

}


@media screen and (max-width:767px) {
.function-caption{
	width:4.0em;
	height:4.0em;
	}
}



ul.chevron {
  list-style: none;
  margin: 0;
	padding:0;
}

ul.chevron li {
  position: relative;
  padding-left: 1.4em;
	margin-bottom:0.2em;
}

ul.chevron li::before {
content: '\f138';
font-family: "FontAwesome";
font-weight: 900;
position: absolute;
left: 0;
color: #f532ac!important;
}