.orderhistorybox {
	width: 100%;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
	padding-bottom: 5px;
	margin-bottom: 50px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.orderhistorybox_headerarea {
	width: 100%;
	padding: 10px;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 8px;
	background-color: #f6f6f6;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.orderhistorybox_header_datearea, .orderhistorybox_header_amountarea, .orderhistorybox_header_shippinginfoarea, .orderhistorybox_header_brandnamearea, .orderhistorybox_header_productnoarea {
	margin-left: 5%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.orderhistorybox_header_caption  {
	color: #757575;
}
.orderhistorybox_header_brandnamearea, .orderhistorybox_header_productnoarea {
	max-width: 180px;
}
.orderhistorybox_header_brandname, .orderhistorybox_header_productno {
	overflow-wrap: anywhere;
	word-break: break-word;
}
.orderhistorybox_header_orderinfoarea {
	margin-right: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
}
.orderhistorybox_header_orderinfo_orderidarea {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
.internetorderglobalid {
	font-size: 14px;
	line-height: 16px;
	margin-right: 3px;
	color: #BDBDBD;
}
.orderhistorybox_mainarea {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.orderhistorybox_detailarea {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.orderhistorystatusarea {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.orderhistorystatusicon {
	font-size: 18px;
	line-height: 22px;
	padding: 2px 4px;
}
.orderhistorystatusicon[status='shipped'] {
	color: #2979FF;
	border-color: #2979FF;
}
.orderhistorystatusicon[status='partlyshipped'] {
	color: #00E5FF;
	border-color: #00E5FF;
}
.orderhistorystatusicon[status='processed'] {
	color: #1DE9B6;
	border-color: #1DE9B6;
}
.orderhistorystatusicon[status='unprocessed'] {
	color: #7B1FA2;
	border-color: #7B1FA2;
}
.orderhistorystatusicon[status='canceled'] {
	color: #E53935;
	border-color: #E53935;
}
.orderhistorystatusicon[status='invalid'], .orderhistorystatusicon[status='merged'] {
	color: #616161;
	border-color: #616161;
}
.mergedorderreceiptguide {
	width: 100%;
	box-sizing: border-box;
	padding: 0 10px;
	margin-top: 6px;
	font-size: 13px;
	line-height: 18px;
	color: #1A237E;
	text-align: center;
}
.orderhistorystatusdetailinfo {
	margin-right: 10px;
	font-size: 14px;
	line-height: 18px;
}
.orderhistorystatusicon[status='merged'] + .orderhistorystatusdetailinfo {
	max-width: 480px;
}
.mergedorderlink {
	white-space: nowrap;
}
.orderhistorydetailbox {
	border-bottom: 1px solid #BDBDBD;
}
.orderhistorydetailbox.nextisoption {
	border-bottom: 1px dashed #EEEEEE;
}
.orderhistorydetailbox:last-child {
	border-bottom: none;
}
.orderhistorydetailbox.optionorderhistorydetailbox {
	padding-right: 45px;
}
.optionorderhistorydetailbox .orderhistoryphoto {
	width: 60px;
}
.optionorderhistorydetailbox .itemcode {
	font-size: 20px;
	line-height: 24px;
}
.optionorderhistorydetailbox .itemname {
	font-size: 14px;
	line-height: 18px;
}
.optionorderhistorydetailbox .itemidarea {
	font-size: 11px;
	line-height: 13px;
}
.optionorderhistorydetailbox .supplierarea, .optionorderhistorydetailbox .supplierarea a {
	font-size: 11px;
	line-height: 17px;
}
.optionorderhistorydetailbox .itemheadarea_pricearea_price, .optionorderhistorydetailbox .pricearea_price, .optionorderhistorydetailbox .totalamount, .optionorderhistorydetailbox .orderhistoryquantityarea {
	font-size: 15px;
	line-height: 19px;
}
.optionorderhistorydetailbox .orderhistorydetailremarksarea {
	font-size: 12px;
	line-height: 16px;
}
.orderhistory_skuarea {
	margin-top: 2px;
}
.orderhistoryrightarea {
	padding-right: 5px;
}
.detailstauts {
	color: #E53935;
}
.orderhistorydetailshippingstatusarea {
	max-width: 260px;
	margin-top: 4px;
	margin-right: auto;
	color: #616161;
	font-size: 13px;
	line-height: 18px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.orderhistorydetailshippingstatusline {
	max-width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
	gap: 4px;
	text-align: left;
}
.orderhistorydetailshippingstatuscaption {
	color: #757575;
	white-space: nowrap;
}
.orderhistorydetailshippingstatusvalue {
	color: #616161;
	overflow-wrap: anywhere;
	word-break: break-word;
}
.orderhistorypriceandquantityarea {
	justify-content: flex-end;
}
.itemheadarea_pricearea_price, .pricearea_price, .totalamount, .orderhistoryquantityarea {
	font-size: 17px;
	line-height: 23px
}
.orderhistoryunitpricearea, .orderhistoryquantityarea {
	margin-left: 10px;
}
.orderhistorycontrolarea {
	justify-content: flex-end;
}
.orderhistorydetailremarksarea {
	font-size: 13px;
	line-height: 18px;
	max-width: 205px;
	word-break: break-all;
	word-wrap: break-word;
	white-space: normal;
	margin-bottom: 5px;
}
.orderhistorycontrol_buttoncontainer {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
	flex-wrap: wrap;
}
.detailremarks {
	color: #757575;
}
.reorderdetailbutton {
	margin-bottom: 4px;
}
.orderhistorybox_commandarea {
	margin-right: auto;
	margin-bottom: 20px;
}
.orderhistorybox_command {
	width: 250px;
	margin: 6px 0 5px;
}
/* .orderhistorybox_command_cancelorderbutton {
	margin-bottom: 20px;
} */
.orderhistorybox_command_others {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.itemcode {
	font-size: 28px;
	line-height: 30px
}
.itemname {
	font-size: 16px;
	line-height: 18px
}
@media (max-width: 800px) {
	.orderhistorydetailbox.optionorderhistorydetailbox {
		padding-right: 30px;
	}
} /** END ********************************************************************/
/* MEDIA 480 START **********************************************/
@media (max-width: 480px) {
.orderhistorycontrol_buttoncontainer {
	margin-bottom: 10px;
}
} /** END ********************************************************************/
@media (max-width: 390px) {
	.orderhistorydetailbox.optionorderhistorydetailbox {
		padding-right: 20px;
	}
} /** END ********************************************************************/
.orderhistorybox_command_cancelorderarea {
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.cancelremarks {
	width: 250px;
	font-size: 12px;
	line-height: 18px;
	color: #C62828;	
}
.cancelremarks a {
	color: inherit;
}
.orderhistorybox_command_inquiryorderarea {
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.inquiryorderremarks {
	margin-top: 0;
	width: 250px;
	font-size: 12px;
	line-height: 18px;
	color: #0D47A1;	
}
.combineddeliverynoticeonorderhistoryarea {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.combineddeliverynoticeonorderhistory {
	display: inline-block;
	background-color: #FFA726;
	color: #fef5e7;
	padding: 5px 10px;
	border-radius: 11px;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
}
.combineddeliverynoticeonorderhistory_sub {
	display: inline-block;
	color: #616161;
	margin-right: 7px;
	font-size: 12px;
	line-height: 17px;
}
.orderhistoryexportcontrolarea {
	margin-right: 8px;
	margin-bottom: 3px;
}
.orderhistoryexportbutton {
	width: 42px;
	height: 42px;
	border: 1px solid #E0E0E0;
	border-radius: 50%;
	background: #FFFFFF;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.orderhistoryexportbutton:hover {
	background: #F5F5F5;
}
.orderhistoryexportbutton img {
	width: 24px;
	height: 24px;
}
.orderhistoryexportoverlay {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .28);
	z-index: 99990;
}
.orderhistoryexportpopup {
	position: fixed;
	top: 50%;
	right: 50%;
	width: 420px;
	max-width: calc(100% - 32px);
	transform: translate(50%, -50%);
	z-index: 99991;
	display: none;
}
.orderhistoryexportpopupheaderarea {
	position: relative;
	min-height: 48px;
}
.orderhistoryexportpopupheaderarea .simpleclosebutton {
	position: absolute;
	top: 4px;
	left: 4px;
}
.orderhistoryexportpopupmainarea {
	padding: 16px 24px 8px;
	align-items: stretch;
}
.orderhistoryexportformatrow {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 16px;
}
.orderhistoryexportformatlabel {
	margin-left: 18px;
	font-size: 15px;
	line-height: 20px;
	color: #424242;
	cursor: pointer;
}
.orderhistoryexportformatradio {
	margin-left: 6px;
}
.orderhistoryexportuserarea {
	margin-bottom: 10px;
}
.orderhistoryexportcaption {
	font-size: 12px;
	line-height: 16px;
	color: #9E9E9E;
}
.orderhistoryexporttargetuser {
	font-size: 15px;
	line-height: 22px;
	color: #424242;
	word-break: break-word;
}
.orderhistoryexportdaterow {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
}
.orderhistoryexportdateinputbox {
	width: calc(50% - 8px);
}
.orderhistoryexportpopupfooterarea {
	width: 100%;
	padding: 10px 24px 18px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
.orderhistoryexportpopupfooterarea .button {
	width: 120px;
}
@media (max-width: 480px) {
	.orderhistoryexportdaterow {
		flex-direction: column;
		gap: 0;
	}
	.orderhistoryexportdateinputbox {
		width: 100%;
	}
} /** END ********************************************************************/

/* 配送先の変更(js/orderhistory_shiptochange.js) START **********************************************/
.orderhistorybox_command_shiptochangearea {
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.shiptochangeremarks {
	margin-top: 0;
	width: 250px;
	font-size: 12px;
	line-height: 18px;
	color: #424242;
}
.shiptochangebutton[disabled] {
	opacity: .5;
	cursor: default;
}
.shiptochangedmark {
	display: inline-block;
	margin-right: 6px;
	padding: 1px 6px;
	border-radius: 2px;
	background-color: #757575;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 1.4;
	vertical-align: 2px;
}
.shiptochangepopup .shiptochange_main {
	display: block;
	width: 100%;
	box-sizing: border-box;
	max-height: calc(100vh - 150px);
	padding: 4px 16px 14px;
}
.shiptochange_steps {
	display: flex;
	margin: 6px 0 12px;
	font-size: 13px;
}
.shiptochange_step {
	flex: 1;
	min-width: 0;
	padding: 6px 0 6px 8px;
	border-bottom: 3px solid #E0E0E0;
	color: #9E9E9E;
}
.shiptochange_step.done {
	border-bottom-color: #90CAF9;
	color: #616161;
}
.shiptochange_step.on {
	border-bottom-color: #448BFF;
	color: #212121;
}
.shiptochange_notice, .shiptochange_caution {
	display: block;
	margin: 0 0 10px;
	padding: 8px 10px;
	border: 1px solid #FFE082;
	background-color: #FFF8E1;
	font-size: 13px;
	line-height: 1.6;
}
.shiptochange_addresses {
	display: flex;
	gap: 10px;
	align-items: stretch;
}
.shiptochange_address {
	flex: 1;
	min-width: 0;
	padding: 10px 12px;
	border: 1px solid #E0E0E0;
	font-size: 13px;
	line-height: 1.6;
	overflow-wrap: anywhere;
}
.shiptochange_address.target {
	padding: 9px 11px;
	border: 2px solid #448BFF;
}
.shiptochange_addresscaption {
	color: #757575;
	font-size: 12px;
}
.shiptochange_address.target .shiptochange_addresscaption {
	color: #1565C0;
}
.shiptochange_addressperson {
	color: #616161;
}
.shiptochange_arrow {
	display: flex;
	align-items: center;
	color: #757575;
	font-size: 20px;
}
.shiptochange_fee {
	margin-top: 14px;
	font-size: 15px;
}
.shiptochange_delta.up {
	color: #D84315;
}
.shiptochange_delta.down {
	color: #2E7D32;
}
.shiptochange_points {
	margin-top: 14px;
	padding: 12px;
	border: 1px solid #E0E0E0;
}
.shiptochange_pointstitle {
	margin-bottom: 8px;
	font-size: 15px;
}
.shiptochange_pointlabel {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-left: 12px;
	font-size: 14px;
}
.shiptochange_pointinput {
	width: 110px;
	text-align: left;
	font-size: 18px;
}
.shiptochange_pointnote {
	color: #616161;
	font-size: 13px;
}
.shiptochange_pointhelp {
	margin-top: 8px;
	color: #757575;
	font-size: 12px;
	line-height: 1.6;
}
.shiptochange_amounts {
	width: 100%;
	margin-top: 14px;
	border-collapse: collapse;
	font-size: 14px;
}
.shiptochange_amounts th {
	padding: 4px 0;
	color: #757575;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}
.shiptochange_amounts td {
	padding: 5px 0;
	text-align: left;
}
.shiptochange_amounts td:first-child {
	text-align: right;
}
.shiptochange_amounts tr.changed {
	background-color: #FFF3E0;
}
.shiptochange_amounts tr.separator td {
	border-top: 1px solid #E0E0E0;
}
.shiptochange_amounts tr.total td {
	padding-top: 8px;
	border-top: 1px solid #E0E0E0;
	font-size: 16px;
	font-weight: bold;
}
.shiptochange_handling {
	margin-top: 12px;
	padding: 12px;
	border: 2px solid #448BFF;
	font-size: 14px;
	line-height: 1.7;
}
.shiptochange_handling.refund {
	border-color: #43A047;
}
.shiptochange_handling.none {
	border: 1px solid #A5D6A7;
	background-color: #E8F5E9;
}
.shiptochange_handlinghead {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 8px;
	flex-wrap: wrap;
}
.shiptochange_handlingamount {
	font-size: 22px;
}
.shiptochange_paymentelement {
	margin: 10px 0;
}
.shiptochange_footnote {
	margin-top: 12px;
	color: #616161;
	font-size: 12px;
	line-height: 1.7;
}
.shiptochange_done {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 10px 0 6px;
}
.shiptochange_donetitle {
	font-size: 22px;
}
.shiptochange_donenote {
	color: #616161;
	font-size: 13px;
}
.shiptochange_summary {
	width: 100%;
	margin-top: 12px;
	border: 1px solid #E0E0E0;
	border-collapse: collapse;
	font-size: 14px;
	line-height: 1.6;
}
.shiptochange_summary th {
	width: 130px;
	padding: 8px 12px;
	color: #757575;
	font-weight: normal;
	text-align: right;
	vertical-align: top;
}
.shiptochange_summary td {
	padding: 8px 0 8px 12px;
}
.shiptochange_summary tr + tr th, .shiptochange_summary tr + tr td {
	border-top: 1px solid #EEEEEE;
}
.shiptochange_message {
	padding: 14px 4px;
	font-size: 14px;
	line-height: 1.7;
}
.shiptochangedetailarea {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-right: 12px;
}
.shiptochangedetailarea .shiptochangebutton {
	width: auto;
	padding: 0 12px;
}
.shiptochangedetailnote {
	color: #616161;
	font-size: 12px;
}
.shiptochangehistory {
	margin: 8px 12px 0;
	padding: 10px 12px;
	border: 1px solid #E0E0E0;
	background-color: #FAFAFA;
	font-size: 13px;
	line-height: 1.7;
}
.shiptochangehistorycaption {
	color: #757575;
}
/* 海外版(英語の住所・配送方法・関税・国の札) */
.shiptoselector_othercountry {
	display: inline-block;
	margin-left: 4px;
	padding: 0 4px;
	border: 1px solid #B45309;
	color: #B45309;
	font-size: 12px;
	line-height: 1.5;
}
.shiptoselector_english {
	margin-top: 6px;
	color: #616161;
	font-size: 12px;
	line-height: 1.5;
}
.shiptoselector_englishcaption {
	color: #424242;
}
.shiptoselector_englishauto {
	color: #B45309;
}
.shiptoselector_footernote {
	width: 100%;
	color: #424242;
	font-size: 12px;
	text-align: center;
}
.shiptochange_addresslocal {
	color: #757575;
}
.shiptochange_addressenglish {
	margin-top: 2px;
	color: #2E7D32;
	font-size: 12px;
}
.shiptochange_englishlocal {
	margin-top: 14px;
	padding: 12px 14px;
	background-color: #F5F5F5;
	font-size: 14px;
	line-height: 1.6;
	overflow-wrap: anywhere;
}
.shiptochange_englishshared {
	margin: 2px 0 6px;
	color: #616161;
	font-size: 12px;
	line-height: 17px;
}
.shiptochange_methodcurrent {
	margin: 4px 0 10px;
	color: #616161;
	font-size: 13px;
}
.shiptochange_methods {
	margin-top: 10px;
}
.shippingfeeremarks .shiptochange_delta {
	font-size: 13px;
}
/* レジ(style_checkout.css)の英語の住所の欄と配送方法の行と同じ見た目。注文履歴の画面はレジの CSS を読まないので、この枠の中だけに写す */
.shiptochangepopup .checkoutmethodboxheader {
	margin-top: 14px;
	font-size: 20px;
	line-height: 26px;
}
.shiptochangepopup .checkoutmethoditem {
	line-height: 24px;
}
.shiptochangepopup .checkoutmethoditemremarks {
	margin-bottom: 1px;
	color: #616161;
	font-size: 12px;
	line-height: 17px;
}
.shiptochangepopup .shipmentmethodarea {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 5px;
	padding-bottom: 10px;
}
.shiptochangepopup .shipmentmethodarea.selected {
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
}
.shiptochangepopup .checkoutmethoditem_shipment {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.shiptochangepopup .shipmentmethodradio {
	margin-left: 12px;
}
.shiptochangepopup .shipmentmethodlabel {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	font-size: 18px;
	line-height: 20px;
}
.shiptochangepopup .shipmentmethodlabelicon {
	width: 50px;
	margin-left: 5px;
}
.shiptochangepopup .shippingfeeremarks {
	margin-right: 8px;
	color: #616161;
	font-size: 16px;
	line-height: 20px;
}
.shiptochangepopup .shipmentmethodremarks {
	margin-right: 35px;
	font-size: 14px;
	line-height: 18px;
}
.shiptochangepopup .shipmentmethodremarks_small {
	margin-right: 35px;
}
.shiptochangepopup .deliveryenaddressarea {
	width: 350px;
	margin: 14px auto 10px;
	padding: 10px;
	border-radius: 20px;
	background: #FFFFFF;
	box-shadow: -10px 10px 30px #D9D9D9, 10px -10px 30px #FFFFFF;
}
.shiptochangepopup .deliveryenaddressarea[confirmed='false'] {
	box-shadow: -10px 10px 30px #FFCECE, 10px -10px 30px #FFCECE;
}
.shiptochangepopup .deliveryenaddressarea .richinputbox {
	width: 320px;
}
.shiptochangepopup .deliveryenaddressarea .richinputlabel.active, .shiptochangepopup .deliveryenaddressarea .richinputlabel.filled, .shiptochangepopup .deliveryenaddressarea .richinputlabel.errored {
	top: 3px;
}
.shiptochangepopup .deliveryenaddressareacaption {
	margin-bottom: 2px;
	color: #1B5E20;
	font-size: 13px;
	line-height: 18px;
}
.shiptochangepopup .deliveryenaddressareacaption[confirmed='false'] {
	color: #D50000;
}
.shiptochangepopup .enaddresstranslatedarea {
	margin-bottom: 5px;
	color: #90A4AE;
	font-size: 13px;
	font-style: italic;
	line-height: 18px;
}
.shiptochangepopup .enaddresstoconfirmarea {
	margin-top: 2px;
}
.shiptochangepopup .enaddresstoconfirmcheckbox {
	margin: 3px 3px 3px 8px !important;
}
.shiptochangepopup .enaddresstoconfirmlabel {
	color: #212121;
	font-size: 15px;
	line-height: 20px;
}
.shiptochange_pointbox {
	width: 200px;
	margin-bottom: 4px;
}
.shiptochange_duties {
	margin-top: 14px;
	padding: 10px 14px;
	background-color: #F5F5F5;
	color: #424242;
	font-size: 13px;
	line-height: 1.7;
}
@media screen and (max-width: 500px) {
	.shiptochange_addresses {
		flex-direction: column;
	}
	.shiptochangepopup .shipmentmethodradio {
		margin-left: 5px;
	}
	.shiptochangepopup .shipmentmethodlabelicon {
		margin-left: 2px;
	}
	.shiptochangepopup .shippingfeeremarks {
		margin-right: 3px;
	}
	.shiptochangepopup .deliveryenaddressarea {
		width: 90%;
	}
	.shiptochangepopup .deliveryenaddressarea .richinputbox {
		width: 100%;
	}
	.shiptochange_arrow {
		justify-content: center;
		transform: rotate(90deg);
	}
	.shiptochange_step {
		font-size: 11px;
	}
	.shiptochangedetailarea {
		display: flex;
		margin: 6px 0 0;
	}
}
@media print {
	.shiptochangedetailarea, .shiptochangehistory, .orderhistorybox_command_shiptochangearea {
		display: none;
	}
}
/* 配送先の変更 END **********************************************/
