/* 韓国の住所検索(js/kraddress.js) */
.kraddressarea {
	width: 100%;
}
.kraddresszipline {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	gap: 10px;
}
.kraddresszipline .richinputbox {
	width: auto;
	flex: 1 1 auto;
	min-width: 0;
	margin-bottom: 0;
}
.kraddresssearchbutton {
	width: auto;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 2px;
}
.kraddresssearchbutton svg {
	flex: 0 0 auto;
}
.kraddresszipinput[readonly], .kraddressbaseinput {
	color: #424242;
	border-bottom-style: dashed;
}
.kraddresshint {
	margin: 0 0 4px;
	font-size: 13px;
	line-height: 1.6;
	color: #616161;
}
.kraddresslinks {
	margin-top: 10px;
}
.kraddressselectedarea {
	margin-top: 4px;
}
.kraddressselectedarea .richinputbox {
	width: 100%;
}
.kraddressautotag {
	display: inline-block;
	margin-left: 6px;
	padding: 2px 5px;
	border-radius: 2px;
	background-color: #EEEEEE;
	color: #424242;
	font-size: 11px;
	line-height: 1;
	vertical-align: 1px;
}
.kraddressenpreview {
	margin-top: 6px;
	padding: 10px 12px;
	border: 1px solid #E0E0E0;
	border-radius: 4px;
	background-color: #FAFAFA;
}
.kraddressenpreviewlabel {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: #616161;
}
.kraddressofficialbadge {
	display: inline-block;
	padding: 2px 6px;
	border-radius: 2px;
	background-color: #E3F2FD;
	color: #0D47A1;
	font-size: 11px;
	line-height: 1.2;
}
/* 海外版の共通の CSS は韓国語・中国語の画面で div を文字の途中でも折り返す(div:lang(ko) など)。英語の見本は語の切れ目で折り返す */
.kraddressenpreview .kraddressenpreviewvalue {
	margin-top: 4px;
	font-size: 15px;
	color: #212121;
	word-break: normal;
	overflow-wrap: break-word;
}
.kraddressenpreviewnote {
	margin-top: 4px;
	font-size: 12px;
	color: #616161;
}
.kraddresspanel {
	margin: 4px 0 8px;
	border: 1px solid #BDBDBD;
	border-radius: 4px;
	overflow: hidden;
	background-color: #FFFFFF;
}
.kraddresspanelheader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 4px 6px 4px 12px;
	border-bottom: 1px solid #E0E0E0;
	background-color: #F5F5F5;
	font-size: 14px;
	font-weight: bold;
}
.kraddresspanelclose {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	min-height: 32px;
	padding: 0 6px;
	border: 0;
	background: none;
	color: #424242;
	font-size: 14px;
	cursor: pointer;
}
.kraddresspanelbody {
	height: 440px;
}
.kraddresspanelfooter {
	padding: 8px 12px;
	border-top: 1px solid #E0E0E0;
	font-size: 12px;
	line-height: 1.5;
	color: #616161;
}
body.kraddresssheetopen {
	overflow: hidden;
}
.kraddresssheet {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10050;
	display: flex;
	flex-direction: column;
	background-color: #FFFFFF;
}
.kraddresssheetheader {
	position: relative;
	flex: 0 0 auto;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #E0E0E0;
	font-size: 16px;
	font-weight: bold;
}
.kraddresssheetclose {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background: none;
	color: #424242;
	cursor: pointer;
}
.kraddresssheet .kraddresspanelbody {
	flex: 1 1 auto;
	height: auto;
	min-height: 0;
}
.kraddresssheet .kraddresspanelfooter {
	flex: 0 0 auto;
}
/* 共通部品の配送先の窓(js/shiptoselector.js)とレジの「新しい配送先を追加」では、ほかの入力欄と同じ幅に */
.shiptoaddpopup .kraddressarea, .shiptoaddpopup .kraddresssearchmodelink, #addshiptoaddresspopup .kraddressarea, #addshiptoaddresspopup .kraddresssearchmodelink {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.shiptoaddpopup .kraddresslinks, .shiptoaddpopup .kraddresssearchmodelink, #addshiptoaddresspopup .kraddresslinks, #addshiptoaddresspopup .kraddresssearchmodelink {
	margin-bottom: 12px;
}
/* レジの英語の住所の欄の「공식 영문 표기」の印(会社情報の変更と同じ見た目) */
.deliveryenaddressarea .addressenofficialarea {
	margin: 4px 0 8px;
	font-size: 12px;
	color: #616161;
}