.contentcontainer {
	/*padding: 0 3% 20px;*/
	padding-top: 0;
}
.cartandtocheckoutwrapper {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}
.cartarea, .favoritearea, .reviewarea, .orderhistoryarea {
	width: calc(100% - 350px);
	/*width: 75%;*/
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
}
.cartordercontainer, .favoriteitemcontainer, .reviewitemcontainer, .orderhistorycontainer {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
}
.cartorderheader {
	width: 100%;
	border-bottom: 1px solid #BDBDBD;
	padding-left: 10px;
	color: #757575;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
.cartorderheader_price {
	width: 120px;
}
.cartorderheader_quantity {
	width: 130px;
}
.cartorderheader_total {
	text-align: left;
	width: 120px;
}
.cartorderbox, .favoriteitembox, .reviewitembox, .orderhistorydetailbox {
	width: 100%;
	border-bottom: 1px solid #BDBDBD;
	padding: 10px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.cartorderbox.nextisoption {
	/*border-bottom: 1px dashed #FFE082;*/
	border-bottom: 1px dashed #EEEEEE;
}
.cartorderbox.optioncartorderbox {
	padding-right: 70px;
}
.orderhistorydetailbox {
	border-bottom: none;
}
.reviewitembox {
	flex-direction: column;
	align-items: stretch;
}
.reviewitemdrawer {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.cartorderphotoarea, .favoriteitemphotoarea, .reviewitemphotoarea, .orderhistoryphotoarea {
	padding-left: 10px;
}
.cartorderphoto {
	width: 180px;
}
.optioncartorderbox .cartorderphoto {
	width: 120px;
}
.favoriteitemphoto, .reviewitemphoto {
	width: 90px;
}
.orderhistoryphoto {
	width: 90px;
}
.cartordermainarea, .favoriteitemmainarea, .reviewitemmainarea, .orderhistorymainarea {
	max-width: 320px;
	padding-left: 5px;
	align-self: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.cartordermainbox, .favoriteitemmainbox, .reviewitemmainbox, .orderhistorymainbox {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.itemcode {
	font-size: 32px;
	line-height: 36px
}
.optioncartorderbox .itemcode {
	font-size: 22px;
	line-height: 26px
}
.itemcode a {
	color: black;
	text-decoration: none;
}
.itemname {
	font-size: 20px;
	line-height: 24px
}
.optioncartorderbox .itemname {
	font-size: 16px;
	line-height: 20px
}
.optioncartorderbox .itemidarea {
	font-size: 11px;
	line-height: 13px
}
.optioncartorderbox .supplierarea, .optioncartorderbox .supplierarea a {
	font-size: 11px;
	line-height: 19px
}
.stockinfoarea {
	font-size: 15px;
	line-height: 18px;
	margin-top: 0;
}
.optioncartorderbox .stockinfoarea {
	font-size: 13px;
	line-height: 16px;
}
.stockinfoarea_value {
	min-width: 200px;
	white-space: normal;
}
.attributearea {
	color: #212121;
	border: solid 1px #424242;
	padding: 1px 3px;
	font-size: 11px;
	line-height: 15px;
	margin-top: 3px;
}
.cartorder_skuarea, .favoriteitem_skuarea, .orderhistory_skuarea {
	margin-top: 5px;
}
.skubox {
	margin: 0 10px;
	cursor: auto;
}
.skubox:hover {
	opacity: 1;
}
.itemspecbox {
	min-width: 80px;
}
/*.itemcolorbox {
	margin: 0;
}*/
.itemcolorbox_coloricon {
	border: none;
}
.itemcolorbox_colorcode {
	font-size: 14px;
	line-height: 14px;
}
.skuimage {
	width: 75px;
	border-radius: 6px;
	border: 1px solid #EEEEEE;
}
.cartorderrightarea, .favoriteitemrightarea, .reviewitemrightarea, .orderhistoryrightarea {
	margin-right: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
}
.cartorderpriceandquantityarea, .orderhistorypriceandquantityarea {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.cartorderpriceandquantityarea {
	min-width: 350px;
	height: 150px;
}
.optioncartorderbox .cartorderpriceandquantityarea {
	height: auto;
}
.priceunitexplanation {
	width: 120px;
}
.cartorderunitpricearea {
	padding-left: 5px;
	min-width: 120px;
}
.cartorderquantityarea {
	width: 130px;
}
.cartorderitemtotalarea {
	padding-right: 5px;
	text-align: left;
	min-width: 120px;
}
.itemheadarea_pricearea_price, .pricearea_price, .cartordercontainer .totalamount {
	min-width: 120px;
	white-space: nowrap;
	font-size: 24px;
	line-height: 28px
}
.optioncartorderbox .priceunitexplanation {
	font-size: 13px;
	line-height: 16px
}
.optioncartorderbox .itemheadarea_pricearea_price, .optioncartorderbox .pricearea_price, .optioncartorderbox .totalamount {
	font-size: 18px;
	line-height: 22px
}
.cartorderquantityarea_quantityarea_quantitycontainer {
	width: 130px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.cartordercontrolarea, .favoriteitemcontrolarea, .reviewitemcontrolarea, .orderhistorycontrolarea {
	/*padding-top: 50px;*/
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	/*justify-content: flex-end;*/
	align-items: center;
	/*flex-wrap: nowrap;*/
}
.cartordercontrolarea {
	flex-wrap: wrap;
}
.cartordercontrolarea_command {
	margin-right: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.favoriteitemcontrolarea_moveto {
	margin: 30px 0 20px;
}
.cartordercontainer .richinputbox {
	width: 200px;
	/*margin-right: auto;*/
	/*align-self: flex-start;*/
}
.optioncartorderbox .richinputbox {
	margin-bottom: 3px;
}
.optioncartorderbox .quantityinput {
	border: none;
}
.optioncartorderbox[quantitycontroltype='2'] .quantityinput {
	border: 1px solid rgb(210, 210, 210);
}
.optioncartorderbox .richinputlabel {
	font-size: 14px;
}
.optioncartorderbox .remarksinput {
	padding: 4px 0 4px;
	font-size: 15px;
}
.optioncartorderbox .textbutton {
	font-size: 12px;
}
.optioncartorderbox .textbuttondivider {
	height: 12px;
}
.cannotdelete, .cannotchange {
	font-size: 12px;
	line-height: 14px;
	color: #9575CD;
}
.cartquantitycautionmessage {
	color: #616161;
	font-size: 10px;
	line-height: 1.25;
	/* margin-top: 6px; */
	/* width: 220px; */
	width: 105%;
	word-break: normal;
	overflow-wrap: break-word;
}
.cartquantitycautionmessage.force {
	color: #D32F2F;
}
.quantityinput.error {
	border-color: #D32F2F;
	box-shadow: 0 0 0 1px rgba(226, 34, 34, .25);
}
.cartorderbox.updating {
	opacity: .7;
}
.cartorderbox_inserted {
	animation: popupfadeinanimation .25s;
}
.proceedtocheckoutarea {
	width: 350px;
	margin-right: 20px;
	flex-shrink: 0;
}
.proceedtocheckoutareainner {
	/*width: 100%;*/
	width: 350px;
	padding: 20px;
	margin-bottom: 20px;
	background-color: #E8EAF6;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.subtotalcaption {
	margin-left: 5px;
}
.pricearea_taxinfo {
	margin-right: 3px;
}
.apparelxpointcaption, .apparelxpointitem_main {
	font-size: 13px;
}
.apparelxpointcaption {
	margin-left: 3px;
}    
.apparelxpoint {
	color: #9575CD;
	font-size: 15px;
}
.specialaccountarea {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.proceedtocheckoutarea .specialaccountarea {
	margin-top: 20px;
	margin-bottom: -30px;
}
.checkoutarea .specialaccountarea {
	margin-top: 5px;
}
.specialaccountcaption {
	padding: 2px 5px;
	font-size: 14px;
	line-height: 18px;
	border: solid 1px #311B92;
	color: #311B92;
	margin-bottom: 5px;
}
.checkoutarea .specialaccountcaption {
	margin-bottom: 4px;
}
.specialaccountexplanation {
	width: 100%;
	font-size: 12px;
	line-height: 16px;
	color: #311B92;
}
.proceedtocheckoutbuttonarea {
	margin: 50px 0;
	width: 100%;
}
.cartwholecontrolarea {
	margin: 7px 0;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: nowrap;
}
/* MEDIA START **********************************************/
@media (max-width: 1400px) {
.contentcontainer {
	padding: 20px 1%;
}
}
@media (max-width: 1200px) {
.cartandtocheckoutwrapper {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.proceedtocheckoutarea {
	order: -1;
	width: 70%;
	margin-right: 0;
}
.proceedtocheckoutareainner {
	width: 100%;
}
.cartarea, .favoritearea, .reviewarea, .orderhistoryarea {
	width: 100%;
}
} /* MEDIA END **********************************************/
/* MEDIA START **********************************************/
@media (max-width: 800px) {
.cartorderbox, .favoriteitembox, .reviewitembox, .orderhistorydetailbox {
	flex-wrap: wrap;
}
.cartorderpriceandquantityarea, .orderhistorypriceandquantityarea {
	height: auto;
	margin-top: 30px;
}
} /* MEDIA END **********************************************/
/* MEDIA START **********************************************/
@media (max-width: 500px) {
.textbuttondivider {
	margin: 0 3px;
}
.textbutton {
	white-space: nowrap;
}
.cartorderbox, .favoriteitembox, .reviewitembox, .orderhistorydetailbox {
	padding: 3px;
}
.itemheadarea_pricearea_price, .pricearea_price, .totalamount {
	font-size: 20px;
	line-height: 24px
}
.itemheadarea_pricearea_explanation, .priceunitexplanation, .itemheadarea_pricearea_retailpriceinfo {
	font-size: 11px;
	line-height: 15px
}
.proceedtocheckoutarea {
	width: 100%;
}
.cartorderquantityarea_quantityarea_quantitycontainer {
	width: 90px;
}
.cartquantitycautionmessage {
	width: 210px;
}
.cartorderheader_price {
	min-width: 110px;
}
.cartorderheader_quantity {
	min-width: 120px;
}
.cartorderheader_total {
	min-width: 110px;
}
.cartorderunitpricearea {
	min-width: 110px;
}
.cartorderquantityarea {
	width: 90px;
}
.cartorderitemtotalarea {
	margin-right: auto;
	min-width: 110px;
}
.cartorderbox.optioncartorderbox {
	padding-right: 30px;
}
.optioncartorderbox .cartorderunitpricearea {
	min-width: 100px;
}
.optioncartorderbox .cartorderquantityarea {
	min-width: 110px;
}
.optioncartorderbox .cartorderitemtotalarea {
	min-width: 100px;
}
.cartorderpriceandquantityarea, .orderhistorypriceandquantityarea {
	flex-wrap: wrap;
}
} /* MEDIA END **********************************************/
/* MEDIA START **********************************************/
@media (max-width: 390px) {
.cartorderbox.optioncartorderbox {
	padding-right: 20px;
}
} /* MEDIA END **********************************************/
/* MEDIA START **********************************************/
@media (max-width: 350px) {
.cartorderpriceandquantityarea {
	min-width: 0;
}
} /* MEDIA END **********************************************/

.rowchangecontrollerarea {
	display: flex;
	/* display: none; */
	flex-direction: row;
    justify-content: flex-end;
    align-items: center;
	flex-wrap: wrap;
}
.rowchangecontroller {
	z-index: 1;
	cursor: pointer;
    height: 40px;
    width: 40px;
	display: flex;
	flex-direction: row;
    justify-content: center;
    align-items: center;
	flex-wrap: wrap;
}
.rowchangecontroller span,
.rowchangecontroller span:before,
.rowchangecontroller span:after {
	pointer-events: none;
    content: '';
    display: block;
    height: 1px;
    width: 25px;
    border-radius: 1px;
    background-color: #757575;
    position: absolute;
}
.rowchangecontroller span:before {
    bottom: 8px;
}
.rowchangecontroller span:after {
    top: 8px;
}
.cartorderbox.draghover {
	background-color: #EEEEEE;
}
/* SHOPPING BAGS START **********************************************/
.shoppingbagtabs {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	border-bottom: 1px solid #BDBDBD;
	overflow: hidden;
	margin-bottom: 4px;
}
/* タブの列は横にスクロールするので、その幅でカート側の列を押し広げない(押し広げると右の小計の枠が画面からはみ出す) */
.cartandtocheckoutwrapper > .cartarea {
	min-width: 0;
}
.shoppingbagtabs_scroller {
	position: relative;
	display: flex;
	flex: 0 1 auto;
	min-width: 0;
}
.shoppingbagtabs_list {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	min-width: 0;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	overscroll-behavior-x: contain;
}
.shoppingbagtabs_list::-webkit-scrollbar {
	display: none;
}
/* 入りきらないときだけ、隠れている側の端に矢印とぼかし */
.shoppingbagtabs_arrow {
	position: absolute;
	top: 0;
	bottom: 1px;
	z-index: 1;
	display: none;
	align-items: center;
	width: 40px;
	padding: 0;
	border: none;
	color: #5E35B1;
	cursor: pointer;
}
.shoppingbagtabs_arrow svg {
	width: 22px;
	height: 22px;
	fill: currentColor;
}
.shoppingbagtabs_arrow_left {
	right: 0;
	justify-content: flex-start;
	background: none;
}
.shoppingbagtabs_arrow_right {
	left: 0;
	justify-content: flex-end;
	background: none;
}
.shoppingbagtabs_canleft > .shoppingbagtabs_arrow_left, .shoppingbagtabs_canright > .shoppingbagtabs_arrow_right {
	display: flex;
}
/* 隠れている側の端はタブの列そのものを透明へぼかし、その上に矢印を置く */
.shoppingbagtabs_canleft > .shoppingbagtabs_list {
	-webkit-mask-image: linear-gradient(to right, transparent 0, transparent 24px, #000000 56px);
	mask-image: linear-gradient(to right, transparent 0, transparent 24px, #000000 56px);
}
.shoppingbagtabs_canright > .shoppingbagtabs_list {
	-webkit-mask-image: linear-gradient(to left, transparent 0, transparent 24px, #000000 56px);
	mask-image: linear-gradient(to left, transparent 0, transparent 24px, #000000 56px);
}
.shoppingbagtabs_canleft.shoppingbagtabs_canright > .shoppingbagtabs_list {
	-webkit-mask-image: linear-gradient(to right, transparent 0, transparent 24px, #000000 56px, #000000 calc(100% - 56px), transparent calc(100% - 24px), transparent 100%);
	mask-image: linear-gradient(to right, transparent 0, transparent 24px, #000000 56px, #000000 calc(100% - 56px), transparent calc(100% - 24px), transparent 100%);
}
/* メインだけの人: タブ行の代わりに右寄せの「+ 新しいバッグ」 */
.shoppingbagtabs_single {
	justify-content: flex-end;
	border-bottom: none;
	margin-bottom: 0;
}
.shoppingbagtab.shoppingbagtab_addlink {
	gap: 4px;
	padding: 4px 8px 6px 2px;
	font-size: 14px;
	line-height: 20px;
}
.shoppingbagtab_addlink:hover span {
	text-decoration: underline;
}
.shoppingbagtab_addlink svg {
	width: 14px;
	height: 14px;
}
.shoppingbagtabs_reserved:empty {
	min-height: 42px;
}
.shoppingbagtab {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 10px 14px 9px;
	font-size: 16px;
	line-height: 22px;
	color: #616161;
	text-decoration: none;
	white-space: nowrap;
	border: none;
	border-bottom: 2px solid transparent;
	background: none;
	cursor: pointer;
	margin-bottom: -1px;
}
.shoppingbagtab:hover {
	color: #212121;
	opacity: 1;
}
.shoppingbagtab svg {
	width: 16px;
	height: 16px;
	fill: currentColor;
	flex-shrink: 0;
}
/* 長い名前は省略し、全文はマウスを重ねたときの title で出す */
.shoppingbagtab_name {
	max-width: 14em;
	overflow: hidden;
	text-overflow: ellipsis;
}
.shoppingbagtab[aria-selected='true'] {
	color: #212121;
	font-weight: bold;
	border-bottom-color: #5E35B1;
}
/* ヘッダーの .headercount(#cartcountbox)と同じ見た目 */
.shoppingbagtab_count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 22px;
	height: 22px;
	padding: 0 5px;
	background-color: #9575CD;
	color: #F3E5F5;
	border-radius: 11px;
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
	white-space: nowrap;
}
.shoppingbagtab_count_empty {
	opacity: .5;
}
.shoppingbagtab_add {
	color: #311B92;
}
.shoppingbagtab_later {
	margin-right: auto;
	color: #757575;
	font-size: 14px;
}
/* 商品ページの .otherreviewcontainer .reviewbox と同じ塗り */
.shoppingbaghead {
	width: 100%;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 6px 16px;
	align-items: center;
	margin: 6px 0 10px;
	padding: 12px 16px;
	border-radius: 20px;
	background-color: #eff1f9;
}
.shoppingbaghead:empty {
	display: none;
}
.shoppingbaghead_namearea {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}
.shoppingbaghead_name {
	font-size: 22px;
	line-height: 28px;
}
.shoppingbagchip {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	border-radius: 3px;
	padding: 2px 8px;
	font-size: 12px;
	line-height: 18px;
	background-color: #EEEEEE;
	color: #424242;
}
.shoppingbagchip svg {
	width: 12px;
	height: 12px;
	fill: currentColor;
}
.shoppingbagchip_shared {
	background-color: #EDE7F6;
	color: #4527A0;
}
.shoppingbaghead_menubutton {
	justify-self: end;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 1px solid #BDBDBD;
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
}
.shoppingbaghead_menubutton svg {
	width: 16px;
	height: 16px;
	fill: #616161;
}
.shoppingbaghead_meta {
	grid-column: 1 / 2;
	font-size: 13px;
	line-height: 18px;
	color: #757575;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 4px 14px;
}
.shoppingbaghead_meta:empty {
	display: none;
}
.shoppingbaghead_shipto {
	grid-column: 1 / 3;
	font-size: 14px;
	line-height: 20px;
	color: #212121;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 6px;
}
.shoppingbaghead_shipto svg {
	width: 14px;
	height: 14px;
	fill: #757575;
}
.shoppingbaglockbar {
	width: 100%;
	display: grid;
	grid-template-columns: 18px minmax(0, 1fr);
	gap: 8px;
	background-color: #FFF4E0;
	color: #6B4300;
	border: 1px solid #F1D49A;
	border-radius: 4px;
	padding: 10px 14px;
	margin: 6px 0 10px;
	font-size: 14px;
	line-height: 20px;
}
.shoppingbaglockbar svg {
	width: 16px;
	height: 16px;
	fill: #A86A00;
	margin-top: 1px;
}
.shoppingbaglockbar_actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 8px;
}
.shoppingbagempty {
	padding: 28px 4px;
}
.shoppingbagempty_title {
	font-size: 20px;
	line-height: 28px;
	color: #212121;
}
.shoppingbagempty_hint {
	margin-top: 8px;
	font-size: 14px;
	line-height: 21px;
	color: #616161;
}
.cartorderselectarea {
	width: 28px;
	display: flex;
	align-items: flex-start;
	align-self: flex-start;
	padding-top: 4px;
}
.cartorderselect {
	width: 18px;
	height: 18px;
	cursor: pointer;
	accent-color: #5E35B1;
}
.cartorderbox.shoppingbag_selected {
	background-color: #F5F6FC;
}
.cartorderbox.shoppingbag_locked input, .cartorderbox.shoppingbag_locked .cartordercontrolarea_command, .cartorderbox.shoppingbag_locked .inputcontrollercontainer, .cartorderbox.shoppingbag_locked .rowchangecontrollerarea {
	opacity: .5;
	pointer-events: none;
}
.cartorder_addedby {
	font-size: 13px;
	line-height: 18px;
	color: #4527A0;
	gap: 4px;
	margin-top: 2px;
}
.cartorder_addedby svg {
	width: 12px;
	height: 12px;
	fill: currentColor;
}
.shoppingbagactionbar {
	position: fixed;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 900;
	background-color: #2E2A3D;
	color: white;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	padding: 12px 20px;
	font-size: 15px;
	line-height: 20px;
	box-shadow: 0 -2px 10px rgba(0,0,0,.2);
}
.shoppingbagactionbar_sub {
	margin-right: 6px;
	color: #D9D4EE;
	font-size: 13px;
}
.shoppingbagactionbar_grow {
	flex: 1;
}
.shoppingbagactionbar_button {
	background-color: white;
	color: #2E2A3D;
	border: none;
	border-radius: 4px;
	padding: 8px 16px;
	font-size: 14px;
	line-height: 18px;
	cursor: pointer;
	white-space: nowrap;
}
.shoppingbagactionbar_clear {
	background: none;
	color: #D9D4EE;
	text-decoration: underline;
}
body:has(.shoppingbagactionbar) .proceedtocheckoutareainner.sticked {
	margin-bottom: 70px;
}
/* MEDIA START **********************************************/
@media (max-width: 1200px) {
.cartarea:has(> #shoppingbagtabs.shoppingbagtabs_multi) {
	display: contents;
}
.cartarea:has(> #shoppingbagtabs.shoppingbagtabs_multi) > #shoppingbagtabs {
	order: -3;
}
.cartarea:has(> #shoppingbagtabs.shoppingbagtabs_multi) > #shoppingbaghead, .cartarea:has(> #shoppingbagtabs.shoppingbagtabs_multi) > .shoppingbaglockbar {
	order: -2;
}
}
@media (max-width: 800px) {
.shoppingbaghead_name {
	font-size: 18px;
	line-height: 24px;
}
.shoppingbagtab {
	gap: 5px;
	padding: 9px 10px 8px;
	font-size: 15px;
}
.shoppingbagtab_later {
	font-size: 14px;
}
.shoppingbagtabs_arrow {
	width: 30px;
}
.shoppingbagtabs_arrow svg {
	width: 18px;
	height: 18px;
}
.shoppingbagtab_name {
	max-width: 9em;
}
.shoppingbagactionbar {
	padding: 8px 10px;
	gap: 6px;
}
.shoppingbagactionbar_sub {
	display: none;
}
} /* MEDIA END **********************************************/
/* SHOPPING BAGS END **********************************************/
/* SHOPPING BAGS: SHIP-TO, CHECKOUT, THANK-YOU START **********************************************/
.shoppingbaghead_shiptobutton {
	color: #4A6FA5;
	text-decoration: underline;
	cursor: pointer;
	font-size: 14px;
	line-height: 20px;
	padding: 0;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
}
.shoppingbaghead_shiptobutton.missing {
	color: #C0392B;
	font-weight: bold;
}
#shoppingbagshiptobar {
	margin: 0 0 12px 0;
	padding: 12px 16px;
	border: 1px solid #F3C6C0;
	border-radius: 6px;
	background-color: #FFF3F1;
	color: #8E2A1E;
	font-size: 14px;
	line-height: 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 14px;
}
#shoppingbagshiptobar .shoppingbaghead_shiptobutton {
	color: #8E2A1E;
	font-weight: bold;
}
.shoppingbagpanelshipto {
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 14px 0;
	padding: 14px 16px;
	border: 1px solid #E4E1EE;
	border-radius: 6px;
	background-color: #FAF9FD;
	font-size: 14px;
	line-height: 20px;
}
.shoppingbagpanelshipto_afterspecial {
	margin-top: 42px;
}
.shoppingbagpanelshipto + .proceedtocheckoutbuttonarea {
	margin-top: 8px;
}
.shoppingbagpanelshipto_caption {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: baseline;
	color: #6B6880;
	font-size: 13px;
	margin-bottom: 6px;
}
.shoppingbagpanelshipto_caption .shoppingbaghead_shiptobutton {
	font-size: 13px;
	white-space: nowrap;
}
.shoppingbagpanelshipto_name {
	color: #2E2A3D;
}
.shoppingbagpanelshipto_address,
.shoppingbagpanelshipto_person {
	color: #4B4860;
	overflow-wrap: anywhere;
}
.shoppingbagpanelshipto_missing {
	color: #C0392B;
	font-weight: bold;
}
/* checkout page */
.checkoutbagbar {
	display: none;
	margin: 0 auto 8px auto;
	max-width: 1200px;
	padding: 0 16px;
	box-sizing: border-box;
}
.checkoutbagbar_inner {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px 12px;
	padding: 12px 18px;
	border: 1px solid #D9D4EE;
	border-radius: 6px;
	background-color: #F6F4FC;
	color: #2E2A3D;
	font-size: 15px;
	line-height: 22px;
}
.checkoutbagbar_icon {
	width: 20px;
	height: 20px;
	flex: none;
}
.checkoutbagbar_caption {
	color: #6B6880;
}
.checkoutbagbar_name {
	max-width: 50vw;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.checkoutbagbar_count {
	color: #6B6880;
}
.checkoutbagbar_back {
	margin-right: auto;
	color: #4A6FA5;
	text-decoration: underline;
	font-size: 14px;
	white-space: nowrap;
}
.checkoutbagshiptoarea {
	margin-top: 8px;
	font-size: 13px;
	line-height: 19px;
}
.checkoutbagshiptoarea:empty {
	display: none;
}
.checkoutbagshipto_mark {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 8px;
	border-radius: 10px;
	background-color: #EEF4EA;
	color: #2F6B2B;
}
.checkoutbagshipto_mark svg {
	width: 14px;
	height: 14px;
	fill: currentColor;
}
.checkoutmethodboxheader_delivery .checkoutbagshipto_mark {
	margin-right: 12px;
	font-size: 13px;
	line-height: 19px;
	font-weight: normal;
	vertical-align: middle;
}
.checkoutbagshipto_applylabel {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #4B4860;
	cursor: pointer;
}
/* thank-you page */
.thankyoubagarea {
	display: none;
	margin: 16px auto 0 auto;
	max-width: 640px;
	text-align: right;
	font-size: 15px;
	line-height: 22px;
	color: #2E2A3D;
}
.thankyoubag_message {
	padding: 14px 18px;
	border-radius: 6px;
	background-color: #F6F4FC;
}
.thankyoubag_delete {
	margin-right: 8px;
	color: #4A6FA5;
	text-decoration: underline;
	cursor: pointer;
	font-size: 14px;
}
.thankyoubag_others {
	margin-top: 12px;
}
.thankyoubag_otherscaption {
	color: #6B6880;
	font-size: 13px;
	margin-bottom: 4px;
}
.thankyoubag_other {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px 10px;
	padding: 8px 0;
	border-top: 1px solid #EFEDF5;
}
.thankyoubag_othername {
	font-weight: bold;
	flex: 1;
	min-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.thankyoubag_othercount {
	color: #6B6880;
	font-size: 13px;
}
/* order history */
.orderhistorybox_header_bagarea {
	display: inline-block;
	margin-left: 12px;
}
.orderdetailbagname {
	margin: 0 0 8px 0;
	font-size: 14px;
	line-height: 20px;
	color: #4B4860;
}
/* MEDIA START **********************************************/
@media (max-width: 800px) {
.shoppingbagshipto {
	width: auto;
}
.shoppingbagshipto_form {
	grid-template-columns: 1fr;
}
.checkoutbagbar {
	padding: 0 8px;
}
.checkoutbagbar_inner {
	font-size: 13px;
	padding: 8px 10px;
}
.checkoutbagbar_name {
	max-width: 60vw;
}
.checkoutbagbar_back {
	margin-right: 0;
	width: 100%;
}
.thankyoubagarea {
	margin: 12px 8px 0 8px;
}
} /* MEDIA END **********************************************/
/* SHOPPING BAGS: SHIP-TO, CHECKOUT, THANK-YOU END **********************************************/

/* US サイトのヤード換算(docs/apparelx-yard-display/plan.md)。カート・レジのメートルの行に灰色の小さな文字で添え、「Hide yards」で消したときは今の画面と同じにする(色・ボタンは style_item.css) */
.cartordercontainer[data-yard-display='off'] .yarddisplay {
	display: none !important;
}
.cartorderheader_yard {
	margin-left: 12px;
}
.cartorderheader .yarddisplaytogglebutton {
	margin-right: 0;
}
.cartorderunitpricearea_yardprice {
	font-size: 13px;
	line-height: 16px;
}
.cartorderquantityarea_yard {
	margin-top: 2px;
	font-size: 12px;
	line-height: 14px;
	white-space: nowrap;
}
@media (max-width: 500px) {
	/* 見出しの列で幅が埋まるので、切り替えは見出しの上の行に右寄せで出す */
	.cartorderheader {
		flex-wrap: wrap;
	}
	.cartorderheader_yard {
		flex-basis: 100%;
		margin-left: 0;
		text-align: left;
	}
}
/* 在庫の欄は見出しと値が横に並ぶので、ヤードは在庫数の次の行にして並びを変えない */
.cartorder_stockinfoarea .yardsuffix {
	display: block;
}
/* ご提案(社員がお客様のカートに入れるバッグ)。札・担当者の枠は商品ページのサプライヤーイチオシ(.reviewbox)と同じ作り */
.shoppingbagtab_proposal {
	color: #4527A0;
	position: relative;
}
.shoppingbagtab_new::after {
	content: "";
	position: absolute;
	top: 8px;
	right: 22px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #E91E63;
	box-shadow: 0 0 0 2px #FFFFFF;
}
.shoppingbagchip_proposal {
	background-color: #EDE7F6;
	color: #4527A0;
}
.shoppingbaghead_due {
	color: #4527A0;
}
.shoppingbaghead_due_near {
	color: #B26A00;
	font-weight: bold;
}
.shoppingbagproposer {
	grid-column: 1 / 3;
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 4px 12px;
	padding: 12px 14px;
	border-radius: 12px;
	background-color: #FFFFFF;
}
.shoppingbagproposer_icon {
	grid-row: 1 / 4;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #E0E0E0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.shoppingbagproposer_icon img {
	width: 52px;
	height: 52px;
	object-fit: cover;
}
.shoppingbagproposer_icon svg {
	width: 40px;
	height: 40px;
	fill: #9E9E9E;
}
.shoppingbagproposer_name {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	font-size: 16px;
	line-height: 22px;
	color: #212121;
}
.shoppingbagproposer_mark {
	font-size: 12px;
	line-height: 16px;
	padding: 1px 6px;
	color: #1976D2;
	border: 1px solid #1976D2;
	white-space: nowrap;
}
.shoppingbagproposer_message {
	font-size: 15px;
	line-height: 23px;
	color: #212121;
	white-space: pre-line;
	overflow-wrap: anywhere;
}
.shoppingbagproposer_actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 14px;
	font-size: 13px;
	line-height: 18px;
	color: #757575;
}
.shoppingbagproposer_actions .textbutton {
	font-size: 13px;
}
.shoppingbagproposalbar_info {
	width: 100%;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 18px minmax(0, 1fr);
	gap: 8px;
	background-color: #EDE7F6;
	color: #311B92;
	border: 1px solid #D1C4E9;
	border-radius: 4px;
	padding: 10px 14px;
	margin: 6px 0 10px;
	font-size: 14px;
	line-height: 20px;
}
.shoppingbagproposalbar_info > svg {
	width: 16px;
	height: 16px;
	fill: #5E35B1;
	margin-top: 2px;
}
.shoppingbagproposalbar_text {
	white-space: pre-line;
}
.shoppingbagproposalbar_ordered {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	margin-top: 6px;
	color: #2E7D32;
}
.shoppingbagproposalbar_ordered svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	fill: currentColor;
	margin-top: 2px;
}
.shoppingbagproposalnote {
	margin-top: 12px;
	font-size: 13px;
	line-height: 19px;
	color: #616161;
}
.proposaltag {
	display: inline-block;
	margin-right: 6px;
	padding: 2px 4px;
	font-size: 12px;
	line-height: 14px;
	vertical-align: middle;
	white-space: nowrap;
	color: #5E35B1;
	border: 1px solid #5E35B1;
	background-color: #F3EFFB;
}
.proposaltag_custom {
	color: #B23C00;
	border-color: #B23C00;
	background-color: #FFF3E8;
}
.proposaltag_fee {
	color: #455A64;
	border-color: #78909C;
	background-color: #F2F5F7;
}
/* サンプル帳の無料特典(札はご提案の札と同じ形、色はポイントの紫) */
.samplebookfreetag {
	display: inline-block;
	margin-right: 6px;
	padding: 2px 4px;
	font-size: 12px;
	line-height: 14px;
	vertical-align: middle;
	white-space: nowrap;
	color: #6A1B9A;
	border: 1px solid #8E24AA;
	background-color: #F7EEF9;
}
.samplebookfreeoriginal {
	display: block;
	color: #757575;
	font-size: 15px;
	line-height: 20px;
	text-decoration: line-through;
	white-space: nowrap;
}
.samplebookfreenote {
	margin-top: 2px;
	color: #6A1B9A;
	font-size: 12px;
	line-height: 16px;
}
.samplebookfreenote_used {
	color: #757575;
}
.samplebookbenefitarea {
	align-self: stretch;
	justify-content: space-between;
	align-items: baseline;
	gap: 8px;
	margin-top: 12px;
	padding: 8px 12px;
	border-radius: 4px;
	background-color: #FFFFFF;
	color: #6A1B9A;
	font-size: 14px;
	line-height: 20px;
}
.samplebookbenefitamount {
	font-size: 18px;
	white-space: nowrap;
}
.samplebookbenefitafter {
	margin-top: 8px;
	color: #424242;
	font-size: 14px;
}
.samplebookbenefitremaining {
	margin-top: 6px;
	color: #6A1B9A;
	font-size: 13px;
	text-align: center;
}
.paymentdetailitem_samplebookbenefit {
	color: #6A1B9A;
}
.samplebookbenefitquantity {
	font-size: 12px;
}
.cartorder_proposalnote, .cartorder_proposalsku {
	font-size: 14px;
	line-height: 20px;
	color: #424242;
	margin-top: 4px;
}
.cartorder_proposalnote {
	color: #43A047;
}
.cartorder_proposalby {
	color: #4527A0;
}
.cartorderbox.proposalrow .proposalquantity {
	border-color: #D1C4E9;
	background-color: #F7F5FC;
	color: #212121;
	opacity: 1;
}
.proposalquantitynote {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-top: 4px;
	padding: 0;
	border: none;
	background: none;
	font-size: 11px;
	line-height: 14px;
	color: #7E57C2;
	text-align: right;
	cursor: pointer;
}
.proposalquantitynote svg {
	width: 12px;
	height: 12px;
	flex-shrink: 0;
	fill: currentColor;
}
.checkoutbagbar_proposal {
	margin-right: 8px;
	font-size: 13px;
	color: #4527A0;
}
@media (max-width: 600px) {
	.shoppingbagproposer {
		grid-template-columns: 44px minmax(0, 1fr);
		padding: 10px;
	}
	.shoppingbagproposer_icon {
		grid-row: 1 / 2;
		width: 44px;
		height: 44px;
	}
	.shoppingbagproposer_icon img {
		width: 44px;
		height: 44px;
	}
	.shoppingbagproposer_message, .shoppingbagproposer_actions {
		grid-column: 1 / 3;
	}
	.shoppingbagproposer_message {
		font-size: 14px;
		line-height: 21px;
	}
}