@charset "utf-8";
 
html, body, /*div, */span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style:normal;
    /*font-weight: normal;*/
    font-size: 100%;
    vertical-align: baseline;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

div {
	box-sizing: border-box;
	position: relative;
	/* word-wrap: break-word; */
	word-break: break-all;
	-webkit-overflow-scrolling: touch;
}

img {
    vertical-align: bottom;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
 
html{
    overflow-y: scroll;
}
 
blockquote, q {
    quotes: none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
/* input, textarea {
    margin: 0;
    padding: 0;
} */
 
/*ol, ul{
    list-style:none;
}*/

ol {
    list-style-type: decimal;
	list-style-position: inside;
}
ul {
    list-style-type: disc;
	list-style-position: inside;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}
 
caption, th{
    text-align: left;
}
 
a:focus {
    outline:none;
}
 
.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix {
    min-height: 1px;
}
 
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}
 
.both{
    clear:both;
}
 
.inline_block {  
    display: inline-block;  
    /* *display: inline;  
    *zoom: 1;   */
}
 
button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}

body.progress *  {
	cursor: progress !important;
}

/* よく使うCSS start
 
img {
    max-width:100%;
}
 
table {
    width:100%;
}
 
a,a:hover {
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
 
a img:hover {
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}
 
よく使うCSS end -----
時々使うCSS3 start ---
 
テキストシャドウ {
    text-shadow: 1px 1px 3px #000;
}
 
テキストシャドウ {
    text-shadow: 1px 1px 3px #000;
}
 
ボックスシャドウ {
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
 
ボックスシャドウ内側 {
    -moz-box-shadow: inset 1px 1px 3px #000;
    -webkit-box-shadow: inset 1px 1px 3px #000;
    box-shadow: inset 1px 1px 3px #000;
}
 
角丸 {
    border-radius: 8px; 
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; 
}
 
トランジション {
    -webkit-transition: 1.5s;
    -moz-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s;
}
 
透明 {
    filter: alpha(opacity=25);
    -moz-opacity: 0.25;
    opacity: 0.25;
}
 
背景のみ透明 {
    background-color:rgba(255,255,255,0.2);
}
 
グラデーション {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
    background-image: -moz-linear-gradient(top, #ffffff, #000000);
    background-image: -ms-linear-gradient(top, #ffffff, #000000);
    background-image: -o-linear-gradient(top, #ffffff, #000000);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
    background-image: -webkit-linear-gradient(top, #ffffff, #000000);
    background-image: linear-gradient(top, #ffffff, #000000);
}
 
スマホ対応
@media screen and (max-width: 480px){
    
}
@media screen and (max-width: 320px){
    
}
 
時々使うCSS3 end */

/***********************************************************************************************/
/****** COMMON *********************************************************************************/ 
/***********************************************************************************************/

html, body {
	height: 100%;
}

body {
    /*background-image: url("img/top_back1.jpg");*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% auto;
    background-repeat: repeat-y;
	/*positiion: relative;*/
	/*font-family: "KozGoPro-ExtraLight";*/
    /*font-family: system-ui;*/
	/*font-family: Roboto,sans-serif;*/
    font-family: "KozGoPro-Regular", "小塚ゴシック Pro R", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "Helvetica Neue", "Arial", sans-serif;
    /*font-weight: 100;*/
	/*letter-spacing: .5px;*/
    -webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}

/*select {
  font-family : inherit;
  font-size   : 100%;
}*/

/*button, input, select, textarea {
  font-family : inherit;
  font-size   : 100%;
}*/

input:-ms-input-placeholder {
    font-family: "KozGoPro-Regular", "小塚ゴシック Pro EL", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    /*font-family: "KozGoPro-Light", "小塚ゴシック Pro EL", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;*/
}

/*div {
    color: #212121;
}*/

/*a {
    color: #0071C3;
}*/

/*a:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}*/

.opacitical:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

input[type='radio']:disabled ~ label {
	color: #757575;
	text-decoration: line-through;
}

input[type='checkbox']:disabled ~ label {
	color: #757575;
	text-decoration: line-through;
}

@keyframes popupfadeinanimation {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes popupfadeoutanimation {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes fadeinanimation {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fadeoutanimation {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes changewithanimation {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

/***********************************************************************************************/
/****** HEADER *********************************************************************************/ 
/***********************************************************************************************/

.header-background {
    height: 76px;
}
#header {
	top: 0;
    height: 76px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
	box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
	transition: height 120ms ease-in;
	z-index: 100;
}
#header.short {
    height: 56px;
}
#header.nodisplay {
    height: 0;
}
#header.nodisplay #headercontainer, #header.nodisplay #apparelsearchpopup, #header.nodisplay #cartbrowserpopup {
    display: none;
}

.headerbox a {
	text-decoration: none;
}

#headercontainer {
    height: 100%;
    margin: 0 auto;
    text-align: center;
	width: 80%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.loaderbar {
	position: absolute;
	left: 0;
	width: 120%;
	height: 2px;
	/*background: linear-gradient(to right, #E310B2, white);*/
	/*background: linear-gradient(to right, #102CE3, white);*/
	background: linear-gradient(to right, #E310B2, rgba(255, 255, 255, 0.0));
	animation: loaderbaranimation 1.2s ease 0s infinite;
	z-index: 110;
}

/* left を動かすと 1 コマごとに画面のずれ(CLS)に数えられ、ヘッダーが縮むときの値も大きくなるので transform で動かす(幅 120% の 83.3333% = 親の幅) */
@keyframes loaderbaranimation {
	0% {transform: translateX(83.3333%);}
	100% {transform: translateX(-100%);}
}

.headerbox {
	margin: 0 6px;
}

.headerbox_logined {
	display: none;
}
.headerbox_unlogined {
	display: none;
}
#headernewandloginarea {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
/* ログインの箱(会員)と新規会員登録・ログイン(ゲスト)は、JS(apparelX.setHeaderInformation_beforeAuthorized)が出すまで描かないと検索窓の右端とエクシー氏が横にずれるので、<html> の目印で最初の描画から出す。
   目印は保存したログイン ID の有無で apparelx.js の先頭(defer で読むページはヘッダーの前のインライン)が付け、正しい形は従来どおり JS が決める。apparelx.js の無いエラーページは目印が無く、今までどおり出さない */
html.apparelx-header-logined #header .headerbox_logined {
	display: block;
}
html.apparelx-header-logined #header #headernewandloginarea {
	display: none;
}
html.apparelx-header-guest #headernewandloginarea .headerbox_unlogined {
	display: block;
}

.headerinnerbox {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

/*.headerinnerbox {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}*/

#headerlogo {
	width: 180px;
	height: 33px;
}

.headerlogotopmessage, .headerlogobottommessage {
	/* font-size: 0.7em; */
	font-size: 11px;
	line-height: 14px;
	color: #9E9E9E;
}
.headerlogotopmessage {
	margin-bottom: -1px;
}
.headerlogobottommessage {
	margin-top: -2px;
}
#header.short .headerlogotopmessage, #header.short .headerlogobottommessage {
	display: none;
}
/* Chrome はヘッダーの解析の合間にも描くので、ロゴの欄の 2 行目がまだ無い間は欄を最後の高さとロゴの幅にする(中は上から並び、1 行目は中央に寄るので、1 行目とロゴは最後の位置に出る)。2 行目が入れば外れる */
#header:not(.short) #headerlogoarea:not(:has(.headerlogobottommessage)) {
	min-width: 180px;
	min-height: 58px;
}
#apparelsearcharea {
	display: none;
	background-color: rgba(255,255,255,0.16);
	flex-grow: 1;
	height: 46px;
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,0);
	transition: background 100ms ease-in,width 100ms ease-out;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

#apparelsearcharea.active {
	background-color: rgba(255,255,255,1);
	border: 1px solid rgba(0,0,0,0.12);
	box-shadow: 0 1px 1px rgba(0,0,0,0.24);
}

#apparelsearchbutton {
	background-color: transparent;
}

#apparelsearchbutton img {
	width: 46px;
	height: 46px;
}

#apparelsearchinput {
	color: rgba(255,255,255,0.7);
	height: 46px;
	font-size: 16px;
	border: none;
	outline: none;
	padding: 11px 16px 11px 16px;
	width: 100%;
	background-color: transparent;
	box-sizing: border-box;
	line-height: 20px;	/*iOS placeholder disruption hack*/
}
/* 「AI対応」の札の style(ApparelXSearchAiBadge・apparelX.initApparelSearchAiBadge)と同じ余白を head でも持ち、札の style より前で描かれても検索窓の文字が動かないようにする */
#apparelsearcharea #apparelsearchinput {
	padding-left: 11px;
	padding-right: 8px;
}

/*::-webkit-input-placeholder {
  padding-top: 2px;
}*/

#apparelsearchinput:focus {
	color: black;
}

#clearapparelsearchbutton {
	top: auto;
	margin: 0 5px;
}

#header.short #apparelsearcharea, #header.short #apparelsearchbutton img, #header.short #apparelsearchinput {
	height: 36px;
}

#header.short #apparelsearchbutton img {
	width: 36px;
	margin-left: 5px;
	margin-right: 5px;
}
#header.short .specialaccountarea {
	bottom: -6px;
}
/*#header.short #apparelsearchinput {
	font-size: 15px;
}*/

#mrexcyarea {
	padding: 5px;
	border-radius: 50%;
	transition: background 200ms ease-in,width 100ms ease-out;
	width: 70px;
	height: 70px;
}

#mrexcyimageontop {
	width: 60px;
	height: 60px;
}

#favoritearea:hover, #cartarea:hover, #topusermenuiconarea:hover {
/*#mrexcyarea:hover, #favoritearea:hover, #cartarea:hover, #topusermenuiconarea:hover {*/
	background-color: rgba(255,255,255,0.28);
}

#favoritearea, #cartarea, #topusermenuiconarea {
	border-radius: 50%;
	box-shadow: 0 0 1px rgba(0,0,0,.14), 0 1px 2px rgba(0,0,0,.28);
	width: 40px;
	height: 40px;
	flex-basis: 40px;
	transition: background 200ms ease-in,width 100ms ease-out;
}

#favoriteimageontop {
	margin-top: 5px;
	width: 18px;
}

#cartimageontop {
	width: 24px;
}
#topusermenuicon {
	width: 24px;
}
#companyiconontop, #usericonontop {
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0,0,0,.14), 0 1px 2px rgba(0,0,0,.28);
}
#companyiconontop {
	margin-top: -2px;
	margin-left: -2px;
	width: 18px;
	border-radius: 50%;
	position: absolute;
}
#usericonontop {
	width: 42px;
	border-radius: 50%;
}
/* Crown Mode */
/*#loginusercontainer .specialaccountarea {
	display: none;
	cursor: pointer;
	margin-left: -2px;
	bottom: -8px;
	width: 46px;
	height: 25px;
	padding: 1px;
	position: absolute;
	background-image: url('ax/img/icon_specialaccount_special.png');
	background-size: contain;
	background-repeat: no-repeat;
}*/
#loginusercontainer .specialaccountarea {
	display: none;
	cursor: pointer;
	margin-left: -4px;
	bottom: -12px;
	width: 50px;
	padding: 1px;
	background-color: rgba(255, 255, 255, .6);
	position: absolute;
}
#loginusercontainer .specialaccountcaption {
	/*display: none;*/
	margin: 0 auto;
	padding: 1px 1px;
	font-size: 9px;
	line-height: 14px;
	border: solid 1px #311B92;
	color: #311B92;
	/*background-color: rgba(237, 231, 246, .8);*/
	background-color: rgba(255, 255, 255, .6);
}
.headercount {
	white-space: nowrap;
	position: absolute;
	top: 0;
	right: 0;
	margin-top: -6px;
	margin-right: -4px;
	color: white;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	font-size: 12px;
	font-weight: bold;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	display: none;
	animation: popupfadeinanimation 1s;
}
.topusermenucountboxcontainer .headercount {
	position: static;
	top: auto;
	right: auto;
	margin-top: 0;
	margin-right: 0;
}
#cartcountbox {
	/*background-color: #64B5F6;*/	/* blue */
	/*background-color: #F06292;*/	/* pink */
	background-color: #9575CD;	/* purple */
	color: #F3E5F5;
}
#favoritecountbox {
	background-color: #F48FB1;	/* pink */
	color: #FAF0F3;
}
.topusermenucountboxcontainer {
	top: 0;
	right: 0;
	margin-top: -6px;
	margin-right: -4px;
	width: 66px;
	height: 66px;
	position: absolute;
	/* background-color: white; */
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
	/* flex-direction: row-reverse;
	justify-content: flex-start;
	align-items: flex-start; */
	flex-wrap: wrap;
}
.topusermenucountboxcontainer .headercount:nth-child(1) {
	z-index: 6;
}
.topusermenucountboxcontainer .headercount:nth-child(2) {
	z-index: 5;
	margin-top: -11px;
	/* margin-right: -7px; */
}
.topusermenucountboxcontainer .headercount:nth-child(3) {
	z-index: 4;
	margin-top: -11px;
	/* margin-right: -7px; */
}
.topusermenucountboxcontainer .headercount:hover {
	z-index: 7;
}
#topusermenucountbox_moderate {
	background-color: #FFA726;
	color: #fef5e7;
	display: flex;
}
#topusermenucountbox_urgent {
	background-color: #E53935;
	color: #FFEBEE;
	display: flex;
}
#topusermenucountbox_trivial {
	background-color: #9FA8DA;
	color: #e7f0fe;
	display: flex;
}

/* MEDIA 800 START **********************************************/
@media (max-width: 800px) {
.header-background {
	height: 128px;
}	
#header {
    height: 128px;
}
#header.short {
    height: 88px;
}
#headercontainer {
	width: 95%;
	flex-wrap: wrap;
}
#header.short #apparelsearcharea, #header.short #apparelsearchbutton img, #header.short #apparelsearchinput {
	height: 28px;
}
#header.short #apparelsearchbutton img {
	width: 28px;
	margin-left: 9px;
	margin-right: 9px;
}
#header.short #mrexcyarea {
	padding: 0px;
}
#header.short #mrexcyimageontop {
	width: 55px;
	height: 55px;
}
#header.nodisplay {
    height: 0;
}
#header.nodisplay #headercontainer, #header.nodisplay #apparelsearchpopup, #header.nodisplay #cartbrowserpopup {
    display: none;
}
#apparelsearcharea {
	/*background-color: transparent;*/
	background-color: rgba(255,255,255,0.08);
	width: 120%;
	/*width: 46px;*/
	order: 5;
	margin-bottom: 5px;
}
/* 解析の途中で検索窓がまだ無い間は、検索窓の段の場所を取ってロゴの段を最後と同じ高さにする(段が 1 つだとヘッダーの高さいっぱいに広がり、ロゴが縦の中央に来る)。目印はヘッダーを全部持つページだけに付く */
html:is(.apparelx-header-guest, .apparelx-header-logined) #header:not(.short) #headercontainer:not(:has(#apparelsearcharea))::after {
	content: "";
	order: 5;
	width: 100%;
	height: 46px;
	margin-bottom: 5px;
}
}
/* MEDIA 800 END **********************************************/

@media (min-width: 641px) and (max-width: 800px) {
/* エクシー氏(高さ 70px)がまだ無い間も、ロゴの段の高さを最後と同じにする */
html:is(.apparelx-header-guest, .apparelx-header-logined) #header:not(.short) #headercontainer:not(:has(#mrexcyarea))::before {
	content: "";
	order: 4;
	height: 70px;
}
}

/* MEDIA 640 START **********************************************/
@media (max-width: 640px) {

/*#headerlogoarea {
	padding-right: 9%;
}*/

#mrexcyarea {
	display: none;
}

}
/* MEDIA 640 END **********************************************/

/* MEDIA 480 START **********************************************/
@media (max-width: 480px) {
.headerlogotopmessage, .headerlogobottommessage {
	font-size: 9px;
	line-height: 12px;
}
.headerlogotopmessage {
	margin-bottom: -1px;
}
.headerlogobottommessage {
	margin-top: -1px;
}
#header:not(.short) #headerlogoarea:not(:has(.headerlogobottommessage)) {
	min-height: 55px;
}
#favoritearea, #cartarea, #topusermenuiconarea {
	width: 20px;
}
#favoritearea {
	display: none;
}
#loginusercontainer .specialaccountarea {
	margin-left: -2px;
	width: 46px;
	line-height: 7px;
}
.headerbox {
	margin: 0 0px;
}
#movetologinpagebutton {
	margin-left: 4px;
}
} /* MEDIA 480 END **********************************************/
/* MEDIA 400 START **********************************************/
@media (max-width: 400px) {
#headerlogo {
	width: 155px;
	height: 28px;
}
#header:not(.short) #headerlogoarea:not(:has(.headerlogobottommessage)) {
	min-width: 155px;
	min-height: 54px;
}
} /* MEDIA 400 END **********************************************/
/* MEDIA 380 START **********************************************/
@media (max-width: 380px) {
#headercontainer {
	width: 99%;
}
}/* MEDIA 380 END **********************************************/

/* MEDIA 350 START **********************************************/
@media (max-width: 350px) {
#mrexcyarea {
	display: none;
}
#headerlogo {
	width: 140px;
	height: 25px;
}
/* .headerlogotopmessage, .headerlogobottommessage {
	line-height: 1em;
} */
.headerlogobottommessage {
	margin-top: 0;
}
#header:not(.short) #headerlogoarea:not(:has(.headerlogobottommessage)) {
	min-width: 140px;
	min-height: 55px;
}
#movetologinpagebutton {
	margin-left: 0;
}
} /* MEDIA 350 END **********************************************/

/* MEDIA START **********************************************/
@media (max-width: 319px) {
#headerlogo {
	width: 120px;
}
#header:not(.short) #headerlogoarea:not(:has(.headerlogobottommessage)) {
	min-width: 120px;
}
} /* MEDIA END **********************************************/

/* * * SEARCH START * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#apparelsearchpopup {
	position: relative;
	display: none;
	margin: 0px auto 0;
	width: 80%;
	/*min-height: 500px;*/
	height: 500px;
	/*height: 100%;*/
	background: #fff;
	border: 1px solid #ccc;
	border-color: rgba(0,0,0,.2);
	color: #000;
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	/*position: absolute;*/
	animation: popupfadeinanimation .1s;
	border-radius: 2px;
}

#apparelsearchpopupinner {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.apparelsearchmainarea {
	width: 100%;
	padding: 7px 5px;
	overflow-x: hidden;
}

.apparelsearcharea {
	width: 100%;
}

.apparelsearcharea_mainresult {
	width: 100%;
}

#apparelsearchmainarea_defaultdata {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: nowrap;
}

#apparelsearchmainarea_result {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: nowrap;
}

.apparelsearchcontainerwrapper {
	width: 50%;
	flex-shrink: 0;
}

.apparelsearchcontainerouter {
	width: 100%;
}

.apparelsearchcontainerouter_recentitem {
	height: 240px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
}

.apparelsearchcontainer {
	/*width: 33.333%;*/
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: nowrap;
	border-right: solid 1px #E0E0E0;
}
.apparelsearchcontainer .apparelsearchcategoryitem {
	display: block;		/* For unexpected space */
	margin: .5px;
}
.apparelsearchcontainer[category='maker'], .apparelsearchcontainer[category='material'], .apparelsearchcontainer[category='collection'] {
	display: flex;
	flex-direction: row;
	justify-content: stretch;
	align-items: stretch;
	flex-wrap: wrap;
}
.apparelsearchcontainer[category='maker'] .apparelsearchcategoryitem, .apparelsearchcontainer[category='material'] .apparelsearchcategoryitem, .apparelsearchcontainer[category='collection'] .apparelsearchcategoryitem {
	flex-grow: 1;
}

/*#apparelsearchrecentitemcontainer {
	height: 299px;
	overflow-y: scroll;
}*/

.apparelsearchcontainer:last-of-type {
	border-right: none;
}

.apparelsearchcontainerheader {
	text-align: center;
	color: #757575;
	font-size: 14px;
	/*font-weight: 600;*/
	/*height: 40px;*/
	height: 52px;
	padding: 12px 15px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.apparelsearchcontainerheader_category {
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
.apparelsearchcontainerheaderitem {
	border: solid 2px #fff;
	border-radius: 5px;
	padding: 6px 14px 6px 10px;
	margin: 0 5px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	cursor: pointer;
}
.apparelsearchcontainerheaderitem_category {
	padding: 6px 10px 6px 6px;
}
.apparelsearchcontainerheaderitem.selected {
	border-color: #ecb1cf;
}
.apparelsearchcontainerheaderitem:hover {
	opacity: .5;
}

/*.apparelsearchcontainerheader_recentitem {
	padding-top: 19px;
}*/

/*#apparelsearchcategorycontainer {
	background-color: #F5F5F5;
	padding-bottom: 5px;
}*/

.apparelsearchcontainerheadericon {
	width: 28px;
	height: 28px;
	margin-right: 7px;
}
.apparelsearchcontainerheaderitem_category .apparelsearchcontainerheadericon {
	margin-right: 2px;
}
/* MEDIA START **********************************************/
@media (max-width: 480px) {
	.apparelsearchcontainerheader_category {
		justify-content: space-between;
	}
	.apparelsearchcontainerheaderitem_category {
		flex-direction: column;
		margin: 0 2px;
		padding: 2px 6px 2px 6px;
	}
	.apparelsearchcontainerheaderitem_category span {
		min-width: 40px;
		font-size: 12px;
		line-height: 15px;
	}
} /* MEDIA END **********************************************/

.apparelsearchitem {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.apparelsearchitem.apparelsearchselected {
	background-color: #EEEEEE;
}

.apparelsearchitem.apparelsearchselected .apparelsearchcategoryiteminner {
	background-color: #424242;
}

.apparelsearchcategoryitem {
	height: 80px;
}
.apparelsearchcontainer[category='maker'] .apparelsearchcategoryitem {
	height: 60px;
}
.apparelsearchcontainer[category='style'] .apparelsearchcategoryitem {
	height: 70px;
}
.apparelsearchcontainer[category='material'] .apparelsearchcategoryitem {
	height: 60px;
}
.apparelsearchcontainer[category='collection'] .apparelsearchcategoryitem {
	height: 60px;
}

.apparelsearchcategoryiteminner {
	width: 100%;
	height: 100%;
	background-color: #212121;
	padding: 5px 5px 5px 10px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	overflow: hidden;
}
.apparelsearchcontainer[category='maker'] .apparelsearchcategoryiteminner {
	padding: 3px 3px 3px 3px;
	justify-content: center;
}
.apparelsearchcontainer[category='style'] .apparelsearchcategoryiteminner {
	padding: 5px 5px 5px 10px;
}
.apparelsearchcontainer[category='material'] .apparelsearchcategoryiteminner {
	padding: 3px 3px 3px 3px;
	justify-content: center;
}
.apparelsearchcontainer[category='collection'] .apparelsearchcategoryiteminner {
	padding: 3px 3px 3px 3px;
	justify-content: center;
}

.apparelsearchcategoryiteminner:hover {
	background-color: #616161;
}

.apparelsearchcategoryitem a {
	width: 100%;
	height: 100%;
	width: calc(100% - 4px);
	height: calc(100% - 1px);
	text-decoration: none;
	color: #FAFAFA;
	/*color: #212121;*/
	font-size: 14px;
	/*font-weight: 600;*/
}

.apparelsearchcategoryitem_iconarea {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.apparelsearchcategoryitemicon {
	width: 60px;
	height: 60px;
	margin-right: 5px;
}
.apparelsearchcontainer[category='maker'] .apparelsearchcategoryitemicon, .apparelsearchcontainer[category='style'] .apparelsearchcategoryitemicon {
	width: 40px;
	height: 40px;
	margin-right: 3px;
	border-radius: 50%;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.apparelsearchcontainer[category='style'] .apparelsearchcategoryitemicon {
	width: 50px;
	height: 50px;
}
.apparelsearchcontainer[category='material'] .apparelsearchcategoryitem_iconarea, .apparelsearchcontainer[category='collection'] .apparelsearchcategoryitem_iconarea {
	margin: 0 15px;
}
.apparelsearchcontainer[category='material'] .contentbox, .apparelsearchcontainer[category='collection'] .contentbox {
	margin: auto;
}
.apparelsearchcontainer[category='material'] .materialtagbox {		/* From style_ax_index.css */
	width: auto;
	margin: 0 6px 9px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
}
.apparelsearchcontainer[category='material'] .materialtagicon {		/* From style_ax_index.css */
	border: solid 2px #BCAAA4;
	background: radial-gradient(white, #FAF8F7);
	color: #BCAAA4;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	padding: 5px 9px;
	border-radius: 5px;
}
.apparelsearchcontainer[category='material'] .materialtagnamearea {		/* From style_ax_index.css */
	width: auto;
	margin-top: 2px;
	max-width: 60px;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	color: #BDBDBD;
}
.apparelsearchcontainer[category='collection'] .collectiontagbox {
	width: auto;
	margin: 0 6px 9px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
}
.apparelsearchcontainer[category='collection'] .collectiontagicon {
	border: solid 2px #9E9E9E;
	background: radial-gradient(#FAFAFA, #FAFAFA);
	color: #9E9E9E;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	padding: 5px 9px;
	border-radius: 0;
}
.apparelsearchcontainer[category='collection'] .collectiontagnamearea {
	width: auto;
	margin-top: 2px;
	/* max-width: 80px; */
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	color: #BDBDBD;
}
.apparelsearchcontainer[category='material'] .materialtagbox, .apparelsearchcontainer[category='collection'] .collectiontagbox {
	margin: auto;
}
.apparelsearchcontainer[category='material'] .materialtagnamearea, .apparelsearchcontainer[category='collection'] .collectiontagnamearea {
	max-width: none;
}

.apparelsearchcategoryitem_titlearea {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	flex-shrink: 0;
	min-width: 90px;
	padding-left: 5px;
	padding-right: 20px;
}

.apparelsearchcategoryitem_title_head {
	font-size: 16px;
	line-height: 26px;
	font-weight: bold;
}
.apparelsearchcontainer[category='maker'] .apparelsearchcategoryitem_title_head, .apparelsearchcontainer[category='style'] .apparelsearchcategoryitem_title_head, .apparelsearchcontainer[category='material'] .apparelsearchcategoryitem_title_head, .apparelsearchcontainer[category='collection'] .apparelsearchcategoryitem_title_head {
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
}

.apparelsearchcategoryitem_title_sub {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #F1C9F2;
}
.apparelsearchcontainer[category='maker'] .apparelsearchcategoryitem_title_sub, .apparelsearchcontainer[category='style'] .apparelsearchcategoryitem_title_sub, .apparelsearchcontainer[category='material'] .apparelsearchcategoryitem_title_sub, .apparelsearchcontainer[category='collection'] .apparelsearchcategoryitem_title_sub {
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	max-width: 150px;
    height: 28px;
    overflow-y: hidden;
}
/* MEDIA START **********************************************/
@media (max-width: 480px) {
	.apparelsearchcontainer[category='maker'] .apparelsearchcategoryitem_title_sub, .apparelsearchcontainer[category='style'] .apparelsearchcategoryitem_title_sub, .apparelsearchcontainer[category='material'] .apparelsearchcategoryitem_title_sub, .apparelsearchcontainer[category='collection'] .apparelsearchcategoryitem_title_sub {
		max-width: 100px;
	}
} /* MEDIA END **********************************************/
	
.apparelsearchcategoryitem_descriptionarea {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	height: 100%;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: .5px;
	color: #BDBDBD;
	/*vertical-align: top;*/
}

.apparelsearchgeneralitemitem {
	height: 48px;
}
.apparelsearchitem_lookmore .apparelsearchtargetanchor_lookmore {
	font-size: 12px;
	color: #8D6E63;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.apparelsearchgeneralitemiteminner {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	overflow: hidden;
}

.apparelsearchgeneralitemiteminner:hover {
	background-color: #F5F5F5;
}

.apparelsearchgeneralitemitem a {
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #424242;
	font-size: 14px;
	font-weight: normal;
	/*font-weight: 600;*/
	padding: 3px 5px 3px 10px;
}

.apparelsearchgeneralitemitem_iconarea, .generalitemiconarea {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 5px;
}

.apparelsearchgeneralitemitemicon, .generalitemicon {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 2px solid #F1F1F1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.apparelsearchgeneralitemitemcaptionicon, .generalitemcaptionicon {
	width: 42px;
	height: 42px;
	font-size: 16px;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	background-color: #EAEAEA;
	border: 2px solid #F1F1F1;
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.apparelsearchgeneralitemitem_mainarea {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.apparelsearchgeneralitemitem_titlearea {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-shrink: 0;
	/*min-width: 150px;*/
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 2px;
}

.apparelsearchgeneralitemitem_title_head {
	font-size: 16px;
	line-height: 18px;
	margin-right: 8px;
	white-space: nowrap;
}

.apparelsearchgeneralitemitem_title_sub {
	font-size: 16px;
	line-height: 18px;
	color: #757575;
	white-space: nowrap;
	/*overflow-x: hidden;*/
}

.apparelsearchgeneralitemitem_reviewarea {
	margin-left: 10px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.reviewstar_onsuggest {
	width: 80px;
	height: 16px;
}
/* .otherreviewcountarea_onlist {
	margin-left: 10px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
} */
.apparelsearchgeneralitemitem_makerreviewarea, .apparelsearchgeneralitemitem_supplierreviewarea {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding: 3px 8px;
	background-color: #F1F4F8;
	font-size: 13px;
	line-height: 13px;
	border-radius: 6px;
	font-weight: bold;
	margin: 2px 0;
	margin-left: 2px;
	text-decoration: underline;
	white-space: nowrap;
}
.apparelsearchgeneralitemitem_makerreviewarea {
	color: #af8d9d;
}
.apparelsearchgeneralitemitem_supplierreviewarea {
	color: #959ab5;
}

.apparelsearchgeneralitemitem_descriptionarea {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
	overflow-y: hidden;
	height: 16px;
	font-size: 13px;
	line-height: 16px;
	padding-left: 5px;
	color: #BDBDBD;
	/*vertical-align: top;*/
}

.searchpricedescription {
	/*color: #49B4C9;*/
	/*color: #2979FF;*/
	color: #536DFE;
	font-size: 15px;
	margin-left: 10px;
}

.apparelsearchresult_label, .contentcontainer_label {
	color: #757575;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

/* MEDIA 800 START **********************************************/
@media (max-width: 800px) {
#apparelsearchpopup {
	width: 98%;
}
#apparelsearchmainarea_defaultdata {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
}
.apparelsearchcontainerwrapper {
	width: 100%;
}
} /** END ********************************************************************/

/* * * SEARCH END * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* * * POPUP (ACCOUNT INFORMATION etc) START * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.generalpopup {
	margin-top: 7px;
	background: #fff;
	border: 1px solid #ccc;
	border-color: rgba(0,0,0,.2);
	color: #000;
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
	overflow: hidden;
	position: absolute;
	animation: popupfadeinanimation .1s;
	border-radius: 2px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.generalpopup.slow {
	animation: popupfadeinanimation 1s;
}
#accountinformationpopup {
	min-width: 320px;
	right: 5%;
}
#cartbrowserpopup {
	display: none;
	right: 15%;
	min-width: 320px;
	animation: popupfadeinanimation 1s;
}
.popupdivider {
	width: 90%;
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
}
.popupheaderarea {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 10px;
}
#cartbrowserheaderarea {
	padding: 5px 10px;
}
.popupheadermessage {
	color: #757575;
}
.popupmainarea {
	width: 100%;
	display: flex;
	flex-direction: column;
	/*justify-content: center;*/
	justify-content: flex-start;
	align-items: center;
	padding: 10px;
}
#accountinformationmainarea {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}
#cartbrowsermainarea {
	padding: 3px 10px;
}
#accountinformationusericonarea {
	padding: 20px 25px 20px 20px;
}
#companyicononpopup, #usericononpopup {
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0,0,0,.14), 0 1px 2px rgba(0,0,0,.28);
}
#companyicononpopup {
	margin-top: -6px;
	margin-left: -6px;
	width: 42px;
	border-radius: 50%;
	position: absolute;
}
#usericononpopup {
	width: 108px;
	border-radius: 50%;
}
.accountinformationmaininfo {
	font-size: 16px;
	line-height: 20px;
}
.accountinformationsubinfo {
	font-size: 14px;
	line-height: 18px;
	color: #9E9E9E;
	margin-bottom: 6px;
}
#movetomyaccountpagebutton {
	margin: 13px 0 10px;
}
.accountinformationspecialaccountarea {
	margin-top: -5px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.accountinformationspecialaccountcaption {
	padding: 2px 5px;
	font-size: 14px;
	line-height: 18px;
	border: solid 1px #311B92;
	color: #311B92;
	margin-bottom: 3px;
}
.accountinformationspecialaccountexplanation {
	width: 170px;
	margin-right: 5px;
	font-size: 11px;
	line-height: 15px;
	color: #311B92;
}
/* * * * PHOTO UPLOADER * * * * * * * * * * * * */
.uploadpopup {
	position: fixed;
	top: 50%;
	margin-top: calc(-160px - 52px);
	left: 50%;
	margin-left: -320px;
	width: 640px;
	animation: popupfadeinanimation .2s;
	z-index: 1009;
}
.uploadmainarea {
	margin: 10px 0;
	height: 320px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.uploadmainarea_dropcaption {
	font-size: 18px;
	line-height: 24px;
}
.uploadmainarea_orcaption {
	color: #757575;
	margin: 3px 0 5px;
}
.previewuploadarea {
	margin: 10px 0;
	width: 100%;
	height: 320px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	animation: popupfadeinanimation .2s;
}
.droppedimage {
	user-select: none;
}
.croparea {
	border: 1px dotted black;
	position: absolute;
	cursor: move;
	box-sizing: border-box;
}
.cropcursor {
	cursor: pointer;
	position: absolute;
	margin-top: -15px;
	margin-left: -15px;
	width: 30px;
	height: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.cropcursor_inner {
	width: 10px;
	height: 10px;
	background-color: white;
	border: 1px solid black;
}
/* * USER MENU * */
#usermenupopup {
	min-width: 320px;
	right: 6%;
}

#usermenumainarea {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
}

.usermenuitem {
	cursor: pointer;
	padding-left: 10px;
	min-height: 40px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
}
.usermenuitem:hover {
	background-color: #F5F5F5;
}
.usermenuitemiconarea {
	margin-right: 8px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.usermenuitembody {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.usermenuitemicon {
	width: 27px;
}
.usermenuitemicon_dashboard {
	width: 27px;
}
.usermenubadgecontainer {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: -2px;
	margin-right: -2px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-start;
	align-items: center;
}
.usermenubadge {
	color: white;
	/* width: 22px; */
	padding: 0 8px;
	margin-left: 2px;
	height: 22px;
	border-radius: 11px;
	font-size: 12px;
	font-weight: bold;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.usermenubadge a {
	color: inherit;
	text-decoration: none;
}
.usermenubadge a:hover {
	text-decoration: underline;
}
.usermenubadge_urgent {
	background-color: #E53935;
	color: #FFEBEE;
}
.usermenubadge_trivial {
	background-color: #9FA8DA;
	color: #e7f0fe;
}
.usermenubadge_moderate {
	background-color: #FFA726;
	color: #fef5e7;
}

/* * CART * */
.cartbrowseritemcontainer {
	width: 100%;
	padding: 0 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
}

.cartbrowseritemcontainer.many {
	padding: 0 10px;
	flex-direction: row;
	/*justify-content: center;*/
	flex-wrap: wrap;
	width: 340px;
}

.cartbrowseritemcontainer.many .cartbrowseritembox {
	border-bottom: none;
	width: 25px;
}

.cartbrowseritemcontainer.many .cartbrowseriteminfoarea {
	display: none;
}

.cartbrowseritembox {
	/*width: 90%;*/
	padding: 5px 0;
	border-bottom: 1px solid #eee;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.cartbrowseritembox:last-of-type {
	border-bottom: none;
}

.cartbrowseriteminfoarea {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.cartbrowseritemicon {
	margin-right: 5px;
}

.cartbrowseriteminfo {
	margin-right: 5px;
	line-height: 18px;
}

.cartbrowseriteminfo_itemname {
    color: #757575;
}

.cartbrowseriteminfo_sku {
	font-size: 14px;
    /*color: #757575;*/
}

#otheritemcountmessage {
	display: none;
	margin: 3px 0 5px;
	font-size: 12px;
	line-height: 18px;
	color: #BDBDBD;
}

.popupfooterarea {
	border-top: 1px solid #ccc;
	border-color: rgba(0,0,0,.2);
	padding: 10px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

#accountinformationfooterarea {
	background-color: #f5f5f5;
	padding: 10px 25px 10px 10px;
	text-align: right;
	justify-content: flex-end;
}

#cartbrowserfooterarea {
	padding: 15px 10px;
	background-color: #E3F2FD;
}

/* MEDIA START **********************************************/
@media (max-width: 500px) {
#cartbrowserpopup {
	right: 5%;
	width: 90%;
}
} /* MEDIA END **********************************************/

/* MEDIA START **********************************************/
@media (max-width: 480px) {
.uploadpopup {
	margin-left: -155px;
	width: 310px;
}
} /* MEDIA END **********************************************/


/* * * ACCOUNT INFORMATION END * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * SUB HEADER * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.subheader {
    /* margin-top: 76px; */
	width: 100%;
	padding: 2px 10%;
	background-color: rgba(0, 0, 0, 0.7);
	min-height: 30px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
/* Override the generated inline display:none before the first layout. */
html.apparelx-domestic-subheader-logined .subheader {
	display: flex !important;
}
html.apparelx-domestic-subheader-erp .subheader_erpmenuarea {
	display: flex !important;
}
html.apparelx-domestic-subheader-language .subheader_languagearea {
	display: flex !important;
}
html.apparelx-global-subheader-logined .subheader_pointarea {
	display: flex !important;
}
.subheader_locationarea, .subheader_languagearea, .subheader_currencyarea {
	cursor: pointer;
	margin: 2px 10px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
}
.subheader_currencyarea {
	margin-left: auto;
}
.subheader_locationiconarea, .subheader_languageiconarea, .subheader_currencyiconarea {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
}
.locationicon {
	margin-right: 2px;
	width: 20px;
}
.languageicon {
	margin-right: 6px;
	width: 25px;
}
.currencyicon {
	margin-right: 5px;
	width: 25px;
}
.subheader_locationdescarea, .subheader_languagedescarea, .subheader_currencydescarea {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #E0E0E0;
}
.subheader_pointarea {
	flex-shrink: 0;
	margin-left: 2%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
}
.subheader_pointarea_caption {
	flex-shrink: 0;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	margin: 3px 3px 3px 10px;
	color: #E0E0E0;
}
.subheader_pointarea_value {
	flex-shrink: 0;
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	margin: 3px 10px 3px 0;
	color: #ecb1cf;
}
.subheader_mainmenubararea {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
	flex-shrink: 0;
}
.subheader_mainmenubar {
	flex-shrink: 0;
	margin-left: 2%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
	/* overflow-x: scroll; */
}
.subheader_mainmenuitem {
	flex-shrink: 0;
	font-size: 12px;
	line-height: 20px;
	margin: 3px 10px;
	color: #E0E0E0;
}
.subheader_languagedescarea, .subheader_currencydescarea {
	padding-right: 3px;		/* This value should be aligned with the below. */
}
.subheader_languagedescarea::after, .subheader_currencydescarea::after {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	margin-left: 3px;		/* This value should be aligned with the above. */
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #9E9E9E;
}
/* MEDIA START **********************************************/
@media (max-width: 800px) {
.subheader {
	/* margin-top: 128px; */
	padding: 2px 0;
}
}
/* MEDIA START **********************************************/
@media (max-width: 480px) {
/* .subheader {
	justify-content: flex-end;
} */
.subheader_locationarea, .subheader_languagearea, .subheader_currencyarea {
	/* margin: 2px 5px; */
	margin: 2px 10px 2px 5px;
}
.subheader_currencyarea {
	margin-left: auto;
}
.subheader_currencydescarea_name {
	display: none;
}
.subheader_mainmenubararea {
	width: 100%;
	overflow-x: scroll;
	order: 10;
}
.subheader_pointarea {
	margin-left: 5px;
}
.subheader_pointarea_caption {
	margin-left: 5px;
}
.subheader_pointarea_value {
	margin-right: 5px;
}
.subheader_mainmenubar {
	margin-right: auto;
	margin-left: 1%;
}
.subheader_mainmenuitem {
	margin: 3px 5px;
}
}
/***********************************************************************************************/
/****** COMPONENTS *********************************************************************************/ 
/***********************************************************************************************/
.button {
	cursor: pointer;
	text-align: center;
	white-space: nowrap;
	box-sizing: border-box;
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	padding: 6px 20px;
	width: 100%;
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
}

.button_small {
	width: auto;
	font-size: 14px;
	line-height: 22px;
	padding: 5px 20px;
	min-width: 100px;
}

.button_verysmall {
	width: auto;
	font-size: 12px;
	line-height: 20px;
	padding: 3px 10px;
}

.button_blue {
	color: white;
	background-color: #0070c9;
	background: linear-gradient(#42a1ec,#0070c9);
	border-color: #0077cc;
}

.button_blue:hover {
	background-color: #147bcd;
	background: linear-gradient(#51a9ee,#147bcd);
	border-color: #1482d0;
}

.button_blue:focus {
	/* box-shadow: 1px 1px 2px rgba(0,112,201,.5), -1px -1px 2px rgba(0,112,201,.5); */
	box-shadow: 3px 3px 6px rgba(0,112,201,.5), -3px -3px 6px rgba(0,112,201,.5);
}

.button_blue:disabled {
	background-color: #7CBAEB;
	background: linear-gradient(#BFE3FF,#7CBAEB);
	border-color: #7FBEF0;
}

.button_red {
	color: white;
	background-color: #CC0500;
	background: linear-gradient(#E53935,#CC0500);
	border-color: #B82100;
}

.button_red:hover {
	background-color: #D41813;
	background: linear-gradient(#EB4F4B,#D41813);
	border-color: #BF3111;
}

.button_red:focus {
	box-shadow: 1px 1px 2px rgba(212,24,19,.5), -1px -1px 2px rgba(212,24,19,.5);
}

.button_red:disabled {
	background-color: #EB6D6A;
	background: linear-gradient(#FFAFAD,#EB6D6A);
	border-color: #D16360;
}

.button_green {
	color: white;
	background-color: #008702;
	background: linear-gradient(#3DAD3E,#008702);
	border-color: #009102;
}

.button_green:hover {
	background-color: #0D910F;
	background: linear-gradient(#48B04A,#0D910F);
	border-color: #0E9C10;
}

.button_green:focus {
	box-shadow: 1px 1px 2px rgba(0,158,5,.5), -1px -1px 2px rgba(0,158,5,.5);
}

.button_green:disabled {
	background-color: #78BF7A;
	background: linear-gradient(#C3D4C3,#78BF7A);
	border-color: #81CC83;
}

.button_white {
	color: black;
	background-color: #FBFCF0;
	background: linear-gradient(#FFFFFA,#FBFCF0);
	border-color: #6D6E68;
}

.button_white:hover {
	background-color: #FFFFFA;
	background: linear-gradient(#FFFFFF,#FFFFFA);
	border-color: #989994;
}

.button_white:focus {
	box-shadow: 1px 1px 2px rgba(200,200,200,.5), -1px -1px 2px rgba(200,200,200,.5);
}

.button_white:disabled {
	color: #ADADAD;
	border-color: #A1A1A1;
}

.button_gray {
	color: #666;
	background-color: #f8f8f8;
	background: linear-gradient(#FCFCFC,#f8f8f8);
	border-color: #c6c6c6;
}

.button_gray:hover {
	background-color: #FCFCFC;
	background: linear-gradient(#FFFFFF,#FCFCFC);
	border-color: #CFCFCF;
}

.button_gray:focus {
	box-shadow: 1px 1px 2px rgba(200,200,200,.5), -1px -1px 2px rgba(200,200,200,.5);
}

.button_gray:disabled {
	color: #E0E0E0;
	background-color: #E3E3E3;
	background: linear-gradient(#F0F0F0,#E3E3E3);
	border-color: #CBCCC8;
}

.button_errormessagearea {
	text-align: center;
	font-size: 14px;
	color: #E53935;
}

.textbutton {
	font-size: 14px;
	text-decoration: underline;
	color: #311B92;
	white-space: nowrap;
}

.textbutton:hover {
	color: #9575CD;
}

.textbutton2:hover {
	cursor: pointer;
}

.textbutton2:hover {
	text-decoration: underline;
}

.textbuttondivider {
	border-right: 1px solid #311B92;
	margin: 0 10px;
	height: 14px;
}

.simpleclosebutton {
	position: absolute;
	right: 0;
	top: 0;
	/*float: right;
	position: relative;*/
	display: inline-block;
	color: #000000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
	width: 30px;
	height: 30px;
	padding: 4px;
	margin: 5px 5px;
	transition: transform 0.3s ease-in-out;
	border-radius: 100%;
	cursor: pointer;
	/*background-color: red;*/
	z-index: 1;
}
.simpleclosebutton_backwhite {
	background-color: rgba(255, 255, 255, .7);
}
.simpleclosebutton::before, .simpleclosebutton::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 20px;
	height: 0px;
	border-top: 1px solid #696969;
	/*background-color: blue;*/
}
.simpleclosebutton::before {
	transform: rotate(45deg);
}
.simpleclosebutton::after {
	transform: rotate(135deg);
}
.simpleclosebutton:hover {
	transform : rotate(360deg);
	transition: transform 0.3s ease-in-out;
}
.simpleclosebutton:hover::before {
	transform: rotate(405deg);
	transition: transform 0.3s ease-in-out;
}
.movetobutton {
	cursor: pointer;
}
.simpleopener {
	position: absolute;
	left: 5px;
	width: 30px;
	height: 30px;
	transition: transform 0.3s ease-in-out;
	cursor: pointer;
}
.simpleopener::before, .simpleopener::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	content: "";
	width: 20px;
	height: 0px;
	border-top: 1px solid white;
}
.simpleopener::before {
	transform: rotate(0deg);
}
.simpleopener::after {
	transform: rotate(90deg);
}
.simpleopener:hover::before {
	transform : rotate(360deg);
	transition: transform 0.3s ease-in-out;
}
.simpleopener:hover::after {
	transform : rotate(450deg);
	transition: transform 0.3s ease-in-out;
}
.simpleopener.closing::before {
	transform: rotate(0deg);
}
.simpleopener.closing::after {
	transform: rotate(0deg);
}
.simpleopener.closing:hover::before {
	transform : rotate(360deg);
	transition: transform 0.3s ease-in-out;
}
.simpleopener.closing:hover::after {
	transform : rotate(-180deg);
	transition: transform 0.3s ease-in-out;
}
.switchbody {
	transition: height .2s ease-in-out;
}
.switchbody.closed {
	height: 0;
}

.normalinput {
	color: black;
	height: 32px;
	font-size: 16px;
	/*border: none;*/
	/*outline: none;*/
	/*border-radius: 8px;*/
	padding: 4px 10px;
	margin: 2px;
	width: calc(100% - 28px);
	/*background-color: transparent;*/
	/*box-sizing: border-box;*/
}
@supports (-webkit-touch-callout: none) {
	@media (hover: none) and (pointer: coarse) {
		#itemcontainer #quantityinput,
		.cartorderquantityarea .quantityinput {
			border: 1px solid #9E9E9E;
		}
	}
}

.anchorinpage {
	text-decoration: underline;
	cursor: pointer;
}

.sticker.sticked {
	position: fixed;
	/*top: calc(56px + 10px);*/
}

.textmark {
	font-size: 12px;
	line-height: 12px;
	padding: 2px;
	margin-left: 10px;
	color: #FF9800;
	border: 1px solid #FF9800;
	white-space: nowrap;
}
.notsalemark, .discontinuedmark {
	font-size: 12px;
	line-height: 12px;
	padding: 4px;
	background-color: #EEEEEE;
	color: #424242;
	border: 1px dashed #424242;
}
/* .newitemmark {
	color: #1E88E5;
	border: 1px solid #1E88E5;
} */
.newitemmark {
	color: #FFF;
	font-weight: bold;
	background-color: #311B92;
	border: 1px solid #311B92;
}
.saleitemmark {
	color: #FFF;
	font-weight: bold;
	background-color: #880E4F;
	border: 1px solid #880E4F;
}
.soldoutitemmark {
	color: #FFF;
	font-weight: bold;
	background-color: #263238;
	border: 1px solid #263238;
}
.freeshippingmark {
	color: #512DA8;
	border: 1px solid #512DA8;
}
.markdownmark {
	color: #F44336;
	border: 1px solid #F44336;
}
.standardmark {
	color: #2E7D32;
	border: 1px solid #2E7D32;
}
.bestsellermark {
	color: #9C27B0;
	border: 1px solid #9C27B0;
}
.othermark {
	color: #546E7A;
	border: 1px solid #546E7A;
}
.planneddiscontinuationmark {
	color: #546E7A;
	border: 1px solid #546E7A;
}
.bluemark {
	color: #2979FF;
	border: 1px solid #2979FF;
}

.wholesalepricemark {
	color: #757575;
	border: 1px solid #757575;
	margin-left: 0;
	margin-right: 3px;
	/*margin-left: 3px;*/
}

.retailpricemark {
	color: #757575;
	border: 1px solid #757575;
	margin-left: 0;
	margin-right: 3px;
}

/* MEDIA 480 START **********************************************/
@media (max-width: 480px) {
.textbutton {
	white-space: normal;
}
#accountinformationpopup {
	width: 90%;
	/*right: auto;*/
	margin-left: auto;
	margin-right: auto;
}
#usermenupopup {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.button_small {
	font-size: 13px;
	padding: 3px 8px;
	min-width: 0;
}
} /* MEDIA 480 END **********************************************/

/* MEDIA 380 START **********************************************/
@media (max-width: 380px) {
#accountinformationpopup {
	min-width: 0;
	width: 95%;
	right: 2.5%;
}
#usermenupopup {
	min-width: 0;
	width: 95%;
	right: 2.5%;
}
} /* MEDIA 480 END **********************************************/

/***********************************************************************************************/
/****** CONTENTS *********************************************************************************/ 
/***********************************************************************************************/

/* body::before {
	content: "";
	display: inline-block;
	height: 76px;
	width: 100%;
} */
#contents {
	/* margin-top: 76px; */
	/* margin-bottom: 20px; */
	min-height: 550px;
}

.contentheader {
	/*width: 100%;*/
	background-color: #616161;
	color: #E0E0E0;
	font-size: 0.7em;
	line-height: 1.7em;
	font-weight: bold;
	padding: 3px 3%;
	text-align: center;
}

#contentheader_aboutapparelx {
	background-color: #616161;
	color: #E0E0E0;
}
.contentheader_support {
	margin: 6px 0 2px;
	font-size: 14px;
	width: 100%;
	color: #424242;
	background-color: #EEEEEE;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.supporticon_onheader {
	margin-left: 12px;
	width: 100px;
	height: 65px;
}
#contentheader_countinfo {
	background-color: #D1C4E9;
	color: #7986CB;
	/*display: none;*/
}
.contentheadertopnews {
	line-height: 1.5em;
	background-color: #E3E3E3;
	color: #7D7D7D;
}
.contentheadertopnews a {
	color: inherit;
}
.discountcouponbeingappliedbanner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 6px 3%;
	background-color: #FFF176;
	color: #616161;
}
.discountcouponbeingappliedmessage {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 4px;
	flex-wrap: wrap;
}
.discountcouponbeingappliedcodes {
	font-weight: bold;
}
.discountcouponbeingappliedhidebutton {
	flex: 0 0 auto;
	padding: 0;
	border: 0;
	background-color: transparent;
	color: #616161;
	font-family: inherit;
	font-size: 11px;
	font-weight: normal;
	line-height: inherit;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
.discountcouponbeingappliedhidebutton:focus-visible {
	outline: 2px solid #424242;
	outline-offset: 2px;
}
@media (hover: hover) {
	.discountcouponbeingappliedhidebutton:hover {
		color: #424242;
	}
}
@media (max-width: 480px) {
	.discountcouponbeingappliedbanner {
		gap: 8px;
		padding: 6px 2%;
	}
	.discountcouponbeingappliedmessage {
		line-height: 1.5em;
	}
}
.topbannerarea {
	width: 100%;
	height: 40px;
	background-repeat: repeat;
	background-position: center center;
	background-size: auto 100%;
}
/* MEDIA START **********************************************/
@media (max-width: 480px) {
.topbannerarea {
	height: 25px;
}
} /** END ********************************************************************/

/*  *  TOP PAGE *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */
.carouselarea {
	margin-top: 15px;
	width: 100%;
	position: relative;
}
.carouselcontainer {
	width: 100%;
	position: relative;
}
.carouselwindow {
	position: relative;
	width: 100%;
	height: 300px;
	/* height: auto; */
	overflow: hidden;
}
.carouselbox {
	/* position: absolute; */		/* Will Be Set By JavaScript */
	width: 1500px;
	/* height: 300px; */
	height: auto;		/* For CLS problem */
	left: 50%;
	margin-left: -750px;
	transition: margin-left 300ms ease-in-out;
}
.carouselimage {		/* For CLS problem */
	width: 1500px;
	height: 300px;
	/*width: 100%;*/
}
.top-enterprise-dashboard-card-area {
	position: relative;
	width: 100%;
	height: 0;
	z-index: 12;
}
.top-enterprise-dashboard-card {
	position: absolute;
	left: clamp(28px, 3.8vw, 76px);
	top: -130px;
	z-index: 12;
	display: block;
	width: clamp(250px, 16vw, 320px);
	height: 152px;
	color: #f7edf3;
	text-decoration: none;
	/* border: 1px solid rgba(232, 214, 224, 0.16); */
	border-radius: 22px;
	background:
		radial-gradient(circle at 12% 18%, rgba(226, 171, 201, 0.18), transparent 44%),
		linear-gradient(145deg, rgba(14, 16, 23, 0.78), rgba(31, 33, 43, 0.76));
	box-shadow: 0 22px 46px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 0 28px rgba(198, 139, 171, 0.16);
	overflow: hidden;
}
.top-enterprise-dashboard-card:lang(en), .top-enterprise-dashboard-card:lang(fr), .top-enterprise-dashboard-card:lang(it), .top-enterprise-dashboard-card:lang(es), .top-enterprise-dashboard-card:lang(pt), .top-enterprise-dashboard-card:lang(de), .top-enterprise-dashboard-card:lang(vn) {
	top: -140px;
	width: clamp(250px, 18vw, 320px);
}
.top-enterprise-dashboard-card:hover {
	color: #fff7fb;
	text-decoration: none;
	border-color: rgba(232, 214, 224, 0.28);
	background:
		radial-gradient(circle at 12% 18%, rgba(226, 171, 201, 0.22), transparent 44%),
		linear-gradient(145deg, rgba(18, 20, 28, 0.79), rgba(35, 37, 48, 0.78));
}
.top-enterprise-dashboard-card-inner {
	height: 100%;
	box-sizing: border-box;
	padding: 16px 24px 18px 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.top-enterprise-dashboard-card-head {
	display: flex;
	align-items: center;
	gap: 9px;
	min-width: 0;
}
.top-enterprise-dashboard-card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	flex: 0 0 32px;
	border-radius: 50%;
	color: #e8a8c7;
	background: rgba(204, 151, 180, 0.18);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.top-enterprise-dashboard-card-icon svg {
	width: 17px;
	height: 17px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.9;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.top-enterprise-dashboard-card-caption {
	font-size: 14px;
	/* font-weight: 700; */
	color: #e9aacb;
	letter-spacing: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.top-enterprise-dashboard-card-metric {
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.top-enterprise-dashboard-card-value {
	min-width: 0;
	font-size: 25px;
	line-height: 1.1;
	font-weight: 700;
	color: #E0E0E0;
	letter-spacing: 0;
}
.top-enterprise-dashboard-card-comparison {
	min-width: 0;
	font-size: 11px;
	line-height: 1;
	color: #dda0bf;
	white-space: nowrap;
}
.top-enterprise-dashboard-card-comparison-down {
	color: #cbbfc6;
}
.top-enterprise-dashboard-card-comparison-flat,
.top-enterprise-dashboard-card-comparison-none {
	color: #b9b0b6;
}
.top-enterprise-dashboard-card-link {
	width: fit-content;
	font-size: 11px;
	/* font-weight: 700; */
	color: #e9aacb;
}
.top-enterprise-dashboard-card-link:after {
	content: ">";
	margin-left: 9px;
	color: #e9aacb;
}
/* .carouselbox[carouselcontrol='active'] {
} */
.carouselbox[carouselcontrol='readytoleft'] {
	margin-left: 750px;
}
.carouselbox[carouselcontrol='readytoright'] {
	margin-left: -2250px;
}
.carouselbox[carouselcontrol='standby'] {
	display: none;
}
.carouselbox.slideouttoleft {
	margin-left: -2250px;
}
.carouselbox.slideintoleft {
	margin-left: -750px;
}
.carouselbox.slideouttoright {
	margin-left: 750px;
}
.carouselbox.slideintoright {
	margin-left: -750px;
}
.carouselarrow {
	margin-top: -175px;
	width: 50px;
	position: absolute;
	cursor: pointer;
}
.carouselrightarrow {
	right: 0;
}
.contentcontainer {
	width: 100%;
	padding: 5px 5% 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.contentmainmessage {
	font-size: 28px;
	line-height: 40px;
	text-align: center;
}

.contentsubmessage {
	font-size: 18px;
	line-height: 30px;
	text-align: center;
}
.contentsubmessage_remarks {
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	color: #757575;
}
.contentarea {
	width: 100%;
	position: relative;
}
.contentbox {
	width: 180px;
	margin: 0 0 0 10px;
	/*margin: 0 1%;*/
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex-shrink: 0;		/* For IE11 */
}
#contentarea_news {
	height: 0%;			/* For IE11 */
}
/* .newsbannerbox {
	margin: 0 0.5% 10px;
	width: 32%;
} */
.newsbanneranchor {
	min-height: 0%;
	width: 100%;
}
/* .newsbanner {
	width: 400px;
	width: 100%;
} */
.newsbanneranchor {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
@media (min-width: 1500px) { .newsbannerbox { margin: 0 0.3% 10px; } }
@media (max-width: 1500px) { .newsbannerbox { margin: 0 0.5% 10px; } }
@media (max-width: 800px) { .newsbannerbox { margin-bottom: 3px; } }
/* @media (min-width: 1500px) { .newsbannerbox { width: 24.4%; margin: 0 0.3% 10px; } }
@media (max-width: 1500px) { .newsbannerbox { width: 32%; margin: 0 0.5% 10px; } }
@media (max-width: 800px) { .newsbannerbox { width: 49%; margin-bottom: 3px; } } */

@media (min-width: 1900px) { .newsbanner { width: 450px; height: 225px; } }
@media (max-width: 1900px) { .newsbanner { width: 320px; height: 160px; } }
@media (max-width: 1500px) { .newsbanner { width: 320px; height: 160px; } }
@media (max-width: 1400px) { .newsbanner { width: 320px; height: 160px; } }
@media (max-width: 1100px) { .newsbanner { width: 300px; height: 150px; } }
@media (max-width: 800px) { .newsbanner { width: 200px; height: 100px; } }
@media (max-width: 480px) { .newsbanner { width: 400px; height: 200px; } }
@media (max-width: 400px) { .newsbanner { width: 340px; height: 170px; } }
@media (max-width: 350px) { .newsbanner { width: 310px; height: 155px; } }
@media (max-width: 320px) { .newsbanner { width: 280px; height: 140px; } }

.contentareaheader {
	border-top: solid 1px #FFE8FF;
	font-size: 24px;
	line-height: 28px;
	/*font-size: 24px;*/
	/*line-height: 28px;*/
	font-weight: bold;
	color: #757575;
	padding: 15px 0 20px;
}
.contentareaheader_sub {
	margin-left: 10px;
	font-size: 18px;
	line-height: 22px;
}
.contentareafooterremarks {
	color: #757575;
	margin-left: 20px;
	font-size: 11px;
	line-height: 18px;
}
.contentboxcontainerouter {
	/*width: 100%;
	overflow: hidden;*/
	position: static;	/* For Arrow */
}
.contentboxcontainerouter_item {
	min-height: 380px;	/* For CLS */
}
.contentboxcontainer {
	min-height: 180px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-y: hidden;
}
.newsbannerboxcontainer {
	min-height: 180px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.contentbox_anchor {
	width: 100%;
	height: 100%;	/* For IE */
}
.contentimage {
	/*width: 100%;*/
	width: 180px;
}
/* 商品の箱の写真(_t2 は幅 400px、生地はほとんど高さ 566px)は、写真が届くまで同じ縦横比の場所を空けておく(届いたら写真の縦横比。高さ 0 から伸びて下の文字が押し下げられないように)。
   src の無い間と読めなかったときは代替テキストの行として描かれて縦横比が効かないので inline-block にし、src の無い間は代替テキストを見せない */
.generalitembox_itemancher > .contentimage {
	display: inline-block;
	aspect-ratio: auto 400 / 566;
}
.generalitembox_itemancher > .contentimage:not([src]) {
	visibility: hidden;
}
.contentimage_blog {
	width: 180px;
	height: 180px;
}
#businesssearchicon {
	width: 180px;
	height: 180px;
}
.contentarrowbox {
	top: calc(50% - 40px);
	position: absolute;
	cursor: pointer;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-size: contain;
	box-shadow: 0 0 1px rgba(0,0,0,.14), 0 1px 2px rgba(0,0,0,.28);
}
.contentarrowboxleft {
	background-image: url('img/arrowl2.jpg');
	left: -60px;
}
.contentarrowboxright {
	background-image: url('img/arrowr2.jpg');
	right: -60px;
}
.loadmoreicon, .loadmoreicon_recommendationitemforitem {
	align-self: center;
	color: #8D6E63;
	min-width: 150px;
	min-height: 50px;
	margin-left: 20px;
	cursor: pointer;
}
.contentmessagecontainer {
	margin-top: 30px;
	font-size: 22px;
	line-height: 30px;
	/*color: #004D40;*/
}
/* * * PERSONALIZED AREA * * * * * * * * * * * * * * * * * * */
.personalizedarea {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.personalizedarea a {
	color: inherit;
}
.personalizedbox {
	width: 25%;
	padding: 10px 20px 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
.personalizedboxinner {
	width: 100%;
	background: #ffffff;
	box-shadow:  20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff;	
	border-radius: 40px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
}
.personalizedboxheader {
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	margin: 0px 0 15px;
	padding: 0 0 0 3px;
	/* font-weight: bold; */
	color: #1A237E;
	display: flex;
	flex-direction: row;
	justify-content: stretch;
	align-items: center;
	flex-wrap: wrap;
}
.personalizedboxheadersub {
	font-size: 12px;
	line-height: 16px;
}
.personalizedboxbody {
	width: 100%;
	padding: 0 20%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.personalizedboxbody.halfsize {
	padding: 0 2%;
}
.personalizedboxbody .reviewstarcontainer {
	margin-top: 3px;
}
.personalizeditembox {
	width: 100%;
	padding: 2px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.personalizeditembox.halfsize {
	width: 50%;
}
.personalizeditemphoto {
	width: 100%;
}
.personalizedboxfooter {
	width: 100%;
	margin: 15px 0 0px;
	padding: 0 3px 0 0;
	font-size: 12px;
	line-height: 16px;
	/* font-weight: bold; */
	color: #1A237E;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
}
/* MEDIA START **********************************************/
@media (min-width: 1800px) {
.personalizedarea {
	width: 1800px;
	margin: 0 auto;
}
} /* MEDIA END **********************************************/
/* MEDIA START **********************************************/
@media (max-width: 1300px) {
.personalizedbox {
	padding: 10px 10px 10px;
}
.personalizedboxbody {
	padding: 0 10%;
}
.personalizedboxbody.halfsize {
	padding: 0 0;
}
} /* MEDIA END **********************************************/
/* MEDIA START **********************************************/
@media (max-width: 800px) {
.personalizedbox {
	width: 50%;
}
} /* MEDIA END **********************************************/
/* MEDIA START **********************************************/
@media (max-width: 480px) {
.personalizedbox {
	padding: 5px 3px 5px;
}
.personalizedboxinner {
	border-radius: 20px;
	padding: 10px;
	box-shadow:  10px 10px 30px #d9d9d9, -10px -10px 30px #ffffff;	
}
.personalizedboxheader {
	font-size: 12px;
	line-height: 16px;
	margin: 0px 0 8px;
	padding: 0 0 0 0px;
}
.personalizedboxheadersub {
	font-size: 10px;
	line-height: 14px;
}
.personalizedboxbody {
	padding: 0 5%;
}
.personalizedboxbody.halfsize {
	padding: 0 0;
}
.personalizedboxfooter {
	width: 100%;
	margin: 8px 0 0px;
	padding: 0 0px 0 0;
	font-size: 10px;
	line-height: 14px;
}
} /* MEDIA END **********************************************/
/* MEDIA START **********************************************/
@media (max-width: 350px) {
.personalizedboxheader {
	font-size: 10px;
	line-height: 14px;
}
.personalizedboxheadersub {
	font-size: 9px;
	line-height: 13px;
}
.personalizedboxfooter {
	font-size: 7px;
	line-height: 11px;
}
} /* MEDIA END **********************************************/
/* * * MAKER BOX * * * * * * * * * * * * * * * * * * */
.contentboxcontainerouter_maker {
	min-height: 180px;
}
.contentboxcontainer_maker {
	flex-wrap: wrap;
	overflow: visible;
	min-height: 0;
}
.makerbox {
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 22px;
	width: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
}
/*.makerbox:hover {
	background-color: #EEEEEE;
}*/
.makeranchor {
	color: #424242;
	text-decoration: none;
}
.makeranchor:hover {
	text-decoration: underline;
}
.makericon {
	margin-right: 5px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	border: 1px solid #E0E0E0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.makerinfobox {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
}
.makernamearea {
	color: #424242;
	font-size: 15px;
	line-height: 17px;
	word-break: break-all;
	/*white-space: nowrap;*/
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
}
.nationalflag_small {
	width: 20px;
	height: 13px;
	margin-left: 5px;
	border: solid 1px #E0E0E0;
}
.makerdescarea {
	margin-left: 0;
	color: #757575;
	font-size: 12px;
	line-height: 14px;
	word-break: break-all;
	max-width: 220px;
	/*white-space: nowrap;*/
}
/* * * GENERAL ITEM BOX * * * * * * * * * * * * * * * * * * */
.generalitembox {
	width: 230px;
	padding: 0 15px 20px 15px;
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.generalitembox_photoarea {
	width: 100%;	/* For IE11 */
	min-height: 0%;	/* For IE11 */
	padding-bottom: 10px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	-ms-flex-negative: 0;	/* For IE11 */
}
.contentbox .generalitembox_photoarea {
	padding-bottom: 3px;
}
.generalitembox_photoarea_mainarea {
	width: 100%;	/* For IE11 */
	min-height: 0%;	/* For IE11 */
	/*height: 100%;*/	/* For IE11 */
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.generalitembox_photoarea_mainarea_a {
	width: 100%;	/* For IE11 */
	min-height: 0%;	/* For IE11 */
}
.generalitembox_photoarea_subarea {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.generalitembox_itemphoto {
	/*max-width: 100%;*/
	height: auto;
	width: 100%;
	margin-right: 2px;
}
.generalitembox_itemphoto_sub {
	cursor: pointer;
	/*width: 38px;
	height: 38px;
	padding-bottom: 2px;
	padding-left: 2px;*/
	width: 23%;
	height: auto;
	padding: 1%;
}
/*.generalitembox_itemphoto_sub:last-child {
	height: 40px;
	padding-bottom: 0px;
}*/
.generalitembox_itemphoto:hover, .generalitembox_itemphoto_sub:hover {
	opacity: .7;
}
.generalitembox_itemphoto_sub.itemsubvideo {
	position: relative;
	display: inline-block;
}
.generalitembox_itemphoto_sub.itemsubvideo .itemsubvideoposter {
	display: block;
	width: 100%;
	height: auto;
}
.generalitembox_itemphoto_sub.itemsubvideo .itemsubvideobadge {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 18px;
	height: 18px;
	margin: -9px 0 0 -9px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, .55);
	pointer-events: none;
}
.generalitembox_itemphoto_sub.itemsubvideo .itemsubvideobadge::after {
	content: '';
	position: absolute;
	left: 7px;
	top: 5px;
	border-left: 6px solid #FFFFFF;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.generalitembox_infoarea {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
}
.generalitembox_infoarea div, .generalitembox_infoarea a {
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.tagcontainer {
	flex-wrap: wrap;
}
.generalitembox_infoarea a:hover {
	opacity: .8;
}
.generalitembox_namearea {
	font-size: 15px;
	line-height: 18px;
}
.generalitembox_code {
	color: #000;
	margin-right: 5px;
}
.generalitembox_name {
	color: #757575;
}
.generalitembox_color_prefix {
	font-size: 13px;
	margin: 0 0px 0 3px;
	color: #757575;
}
.generalitembox_pricearea {
	font-size: 15px;
	line-height: 18px;
	/*color: #49B4C9;*/
	color: #536DFE;
}
.generalitembox_offpreviouspricearea {
	margin-left: 3px;
	font-size: 14px;
	line-height: 17px;
	color: #8C9EFF;
	text-decoration: line-through;
}
.generalitembox_progressivepricearea {
	font-size: 13px;
	line-height: 16px;
	color: #8C9EFF;
}
.priceunderlinearea {
	padding-bottom: 0px;
	background: linear-gradient(transparent 85%, #F8BBD0 85%);
}
.generalitembox_itemancher {
	width: 100%;	/* For IE11 */
	/*height: 100%;*/	/* For IE */
	min-height: 0%;	/* For IE11 */
	text-decoration: none;
}
.generalitembox_itemancher:visited {
	color: inherit;
}
.generalitembox_tagcontainer {
	margin-top: 3px;
}
.generalitembox_tagcontainer .textmark {
	margin: 2px 5px;
}
.reviewstar {
	width: 100px;
	height: 20px;
	margin-right: 3px;
	vertical-align: top;
}
.reviewcount {
	font-size: 12px;
	line-height: 12px;
}
.otherreviewcountcontainer_onlist {
	margin-left: 10px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
}
a:has(.otherreviewcountarea_onlist) {
	text-decoration: none;
}
.otherreviewcountarea_onlist {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding: 3px 8px;
	background-color: #F1F4F8;
	font-size: 12px;
	line-height: 12px;
	border-radius: 6px;
	font-weight: bold;
	margin: 2px 0;
}
.makerreviewcountarea_onlist {
	color: #af8d9d;
}
.supplierreviewcountarea_onlist {
	color: #959ab5;
}
.otherreviewcountcaption_onlist {
	margin-right: 3px;
}
.otherreviewcountarea_onlist:has(.otherreviewcountcaption_onlist) {
	padding: 7px 8px;
	border-radius: 10px;
}
.otherreviewcount_onlist {
	text-decoration: underline;
}

/* MEDIA START **********************************************/
@media (max-width: 2370px) { .generalitembox { width: 15%; } }
@media (max-width: 1910px) { .generalitembox { width: 16.6%; } }
@media (max-width: 1450px) { .generalitembox { width: 20%; } }
@media (max-width: 1220px) { .generalitembox { width: 25%; } }
@media (max-width: 920px) { .generalitembox { width: 33%; } }
@media (max-width: 690px) { .generalitembox { width: 50%; } }
/*@media (max-width: 1150px) { .generalitembox { width: 25%; } }
@media (max-width: 920px) { .generalitembox { width: 33%; } }
@media (max-width: 690px) { .generalitembox { width: 50%; } }*/

/* MEDIA START **********************************************/
@media (min-width: 1500px) {
/* .carouselwindow {
	height: 500px;	Will Be Set By JavaScript
} */
.carouselbox {
	/*position: relative;*/
	width: 100%;
	margin-left: -50%;
}
.carouselimage {		/* For CLS problem */
	width: 100%;
	height: auto;
}
.carouselbox[carouselcontrol='readytoleft'] {
	margin-left: 50%;
}
.carouselbox[carouselcontrol='readytoright'] {
	margin-left: -150%;
}
.carouselbox.slideouttoleft {
	margin-left: -150%;
}
.carouselbox.slideintoleft {
	margin-left: -50%;
}
.carouselbox.slideouttoright {
	margin-left: 50%;
}
.carouselbox.slideintoright {
	margin-left: -50%;
}
.carouselarrow {
	margin-top: -50%;
}
.carouselarrow {
	margin-top: -250px;	/* Will Be Set By JavaScript */
}
/* .newsbannerbox {
	width: 24.4%;
	margin: 0 0.3% 10px;
} */
} /* MEDIA END **********************************************/

/* MEDIA START **********************************************/
@media (max-width: 1300px) {
.contentcontainer {
	padding: 20px 2%;
}
.contentarrowboxleft {
	left: 0;
}
.contentarrowboxright {
	right: 0;
}
} /* MEDIA END **********************************************/
/* MEDIA START **********************************************/
@media (max-width: 1200px) {
.contentcontainer {
	padding: 20px 15px 20px 5px;
}
} /* MEDIA END **********************************************/

/* MEDIA 800 START **********************************************/
@media (max-width: 800px) {

/* #contents {
	margin-top: 128px;
} */

.carouselarrow {
	margin-top: -125px;
}
.contentarrowbox {
	width: 40px;
	height: 40px;
}
/* .newsbannerbox {
	width: 49%;
	margin-bottom: 3px;
} */
}
/* MEDIA 800 END **********************************************/

/* MEDIA 600 START **********************************************/
@media (max-width: 600px) {

.contentcontainer {
	padding: 20px 5px 20px 5px;
}
.carouselwindow {
	width: 100%;
	height: 200px;
	overflow: hidden;
}

.carouselbox {
	position: absolute;
	width: 1000px;
	height: 200px;
	margin-left: -500px;
}
.carouselimage {		/* For CLS problem */
	width: 1000px;
	height: 200px;
	/*width: 100%;*/
}
.carouselbox[carouselcontrol='readytoleft'] {
	margin-left: 500px;
}

.carouselbox[carouselcontrol='readytoright'] {
	margin-left: -1500px;
}

.carouselbox.slideouttoleft {
	margin-left: -1500px;
}

.carouselbox.slideintoleft {
	margin-left: -500px;
}

.carouselbox.slideouttoright {
	margin-left: 500px;
}

.carouselbox.slideintoright {
	margin-left: -500px;
}
.top-enterprise-dashboard-card-area {
	margin-top: 5px;
	height: auto;
}
.top-enterprise-dashboard-card {
	position: static;
	width: 100%;
	min-width: 0;
	height: 60px;
	box-sizing: border-box;
	border-radius: 0;
	border-left: none;
	border-right: none;
	/* box-shadow: 0 12px 24px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.05); */
	box-shadow: none;
}
.top-enterprise-dashboard-card-inner {
	padding: 7px 18px 8px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-rows: auto auto;
	grid-template-areas:
		"head link"
		"metric link";
	align-items: center;
	row-gap: 3px;
}
.top-enterprise-dashboard-card-head {
	grid-area: head;
	gap: 7px;
	min-width: 0;
}
.top-enterprise-dashboard-card-icon {
	width: 22px;
	height: 22px;
	flex-basis: 22px;
}
.top-enterprise-dashboard-card-icon svg {
	width: 12px;
	height: 12px;
}
.top-enterprise-dashboard-card-caption {
	font-size: 11px;
	line-height: 11px;
}
.top-enterprise-dashboard-card-metric {
	grid-area: metric;
	display: flex;
	flex-direction: row;
	align-items: baseline;
	gap: 10px;
	min-width: 0;
}
.top-enterprise-dashboard-card-value {
	font-size: 18px;
	line-height: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.top-enterprise-dashboard-card-comparison {
	font-size: 10px;
	line-height: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.top-enterprise-dashboard-card-link {
	grid-area: link;
	font-size: 11px;
	line-height: 11px;
	white-space: nowrap;
}

}
/* MEDIA 600 END **********************************************/

/* MEDIA 480 START **********************************************/
@media (max-width: 480px) {
.carouselarea {
	margin-top: 8px;
}
.carouselbox {
	width: 500px;
	margin-left: -250px;
}
.carouselimage {		/* For CLS problem */
	width: 500px;
	height: 200px;
	/*width: 100%;*/
}
.carouselbox[carouselcontrol='readytoleft'] {
	margin-left: 250px;
}
.carouselbox[carouselcontrol='readytoright'] {
	margin-left: -750px;
}
.carouselbox.slideouttoleft {
	margin-left: -750px;
}
.carouselbox.slideintoleft {
	margin-left: -250px;
}
.carouselbox.slideouttoright {
	margin-left: 250px;
}
.carouselbox.slideintoright {
	margin-left: -250px;
}
/* .newsbanner {
	width: 100%;
} */
.newsbannerboxcontainer {
	justify-content: center;
}
/*.newsbannerboxcontainer {
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.newsbannerbox {
	width: auto;
}*/
.pagetitlecontainer {
	margin-bottom: 5px;
}
.contentcontainer {
	padding: 5px 5px 10px 5px;
}
.contentareaheader_sub {
	font-size: 16px;
	line-height: 20px;
}
}
/* MEDIA 480 END **********************************************/

/*  *  INPUT FORMS *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */

.generalentryformarea {
	width: 100%;
	/*width: 900px;*/
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.generalentryformbox {
	width: 900px;
	/*width: 100%;*/
	border-top: 1px solid #BDBDBD;
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.generalentryformbox_half {
	border-top: none;
	width: 50%;
}
.generalentryformbox_full {
	border-top: none;
	width: 100%;
}
.generalentryformheader {
	margin-top: 6px;
	font-size: 22px;
	line-height: 28px;
}
.generalentryformexplanation {
	width: 100%;	/* For IE11 */
	margin-top: 4px;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 16px;
	color: #757575;
}

.generalentrycontainer {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.generalentrybox {
	width: 100%;
	padding: 2px 10px;
	/*padding: 10px 20px;*/
	/*margin-bottom: 20px;*/
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
}
.generalentrybox.disabled {
	background-color: #F5F5F5;
	opacity: .7;
}
.generalentrycaptionarea {
	width: 400px;
	padding: 8px 10px;
	margin-right: 10px;
	background-color: #F7F8FF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 18px;
}
.generalentrycaptionarea_main {
	margin-bottom: 5px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.generalentrycaption {
	font-size: 18px;
	line-height: 22px;
}
.generalentrycaptionmark {
	font-size: 12px;
	line-height: 12px;
	padding: 2px;
	margin-left: 10px;
	color: #43A047;
	border: 1px solid #43A047;
	white-space: nowrap;
}
.generalentrycaptionmark_required {
	color: #FF1744;
	border: 1px solid #FF1744;
}
.generalentrycaptionmark_disabled {
	color: #9E9E9E;
	border: 1px solid #9E9E9E;
}
.generalentrycaptionarea_sub {
	width: 100%;	/* For IE11 */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.generalentryexplanation {
	font-size: 13px;
	line-height: 18px;
	color: #757575;
}
.generalentryexplanation input {
	vertical-align: middle;
}
.simpleentryformarea {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.simpleentryformbox {
	width: 100%;
	margin: 0 auto 20px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.generalentryinputarea {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: inherit;
	/* align-items: flex-start; */
	flex-wrap: wrap;
}
.richinputbox {
	width: 400px;
	padding: 16px 0 0;
	/*margin: 10px 0 10px;*/
	margin: 0px 0 10px;
	position: relative;
	/*overflow: hidden;*/
	/* display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start; */
}
.richinputbox.small {
	width: 200px;
	padding: 8px 0 0;
	margin: 0px 0 4px;
}
.richinputbox textarea {
	display: block;
}
/* .richinputbox input, .richinputbox textarea { font-family: inherit; } */
.suggestbuttonrichinputbox {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
}
.suggestbuttonrichinputbox .richinputlabel {
	right: auto;
	left: auto;
}
.richinputinnerbox {
	position: static;
	width: 100%;
}
div.generalshadowphotocontainer {
	margin-left: -24px;
}
.buttonbox {
	width: 400px;
	margin: 0 auto;
	padding: 30px 0 20px;
	position: relative;
}

.buttonexplanation {
	margin-top: 20px;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	color: #424242;
}
.richcheckboxbox {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.richinput, .richselect {
	/*-webkit-appearance: none;*/
	background: transparent;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #e0e0e0;
	color: #424242;
	font-size: 16px;
	/*line-height: 20px;*/
	/*font-weight: 700;*/
	letter-spacing: .5px;
	padding: 4px 0 8px;
	width: 100%;
	margin: 0;
}
.richinputbox.small .richinput {
	padding: 2px 0 4px;
}
.richinput.dark, .richselect.dark {
	border-bottom: 1px solid #757575;
}

.richselect {
	-webkit-appearance: none;
	background: transparent url('img/arrow_drop_down_black_18dp.png') center right no-repeat;
	border-radius: 0;
	padding-right: 18px;
	outline: 0;
	/*color: #bdbdbd;*/
}

.richinput:placeholder-shown, .richinput::-webkit-input-placeholder {
	color: rgba(0,0,0,0);
}

:-ms-input-placeholder {	/* For IE11 : .richinput:-ms-input-placeholder doesn't work */
	color: rgba(0,0,0,0);
}

input::-moz-placeholder {
	color: white;
}

.richinput:focus {
	/*box-shadow: none;*/
	outline: none;
	border-bottom-color: #4285f4;
}

.richinput:focus:placeholder-shown, .richinput:focus::-webkit-input-placeholder, .richinput.errored:placeholder-shown, .richinput.errored::-webkit-input-placeholder {
	color: #bdbdbd;
}

.richinput.dark:focus:placeholder-shown, .richinput.dark:focus::-webkit-input-placeholder, .richinput.dark.errored:placeholder-shown, .richinput.dark.errored::-webkit-input-placeholder {
	color: #616161;
}
.richinput:disabled {
	color: #757575;
}
/* This doesn't work
:focus:-ms-input-placeholder, .errored:-ms-input-placeholder {
	color: #bdbdbd;
}
*/

.richinput.errored {
	border-bottom-color: #ea4335;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {	/* FF */
    -moz-appearance:textfield;
}
.richinputlabel {
	transition-property: color, top, font-size;
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	bottom: 0;
	color: #bdbdbd;
	font-size: 16px;
	/* right: 0; */
	left: 0;
	line-height: 1;
	margin: 0;
	pointer-events: none;
	position: absolute;
	top: 22px;
	text-align: left;
	white-space: nowrap;
}
.richinputbox.small .richinputlabel {
	font-size: 14px;
	top: 16px;
}
.richinputlabel.dark {
	color: #616161;
}

.richinputlabel.active, .richinputlabel.filled, .richinputlabel.errored {
	font-size: 13px;
	/*font-weight: 600;*/
	top: 0;
}
.richinputbox.small .richinputlabel.active, .richinputbox.small .richinputlabel.filled, .richinputbox.small .richinputlabel.errored {
	top: 0;
	font-size: 11px;
}

.richinputlabel.active {
	color: #4285f4;
}

/* .richinputlabel.filled {
	
} */

.richinputlabel.errored {
	color: #ea4335;
}

.inputerrormessagebox {
	line-height: 1;
}

.inputerrormessage {
	font-size: 12px;
	color: #ea4335;
}
.richinputbox.small .inputerrormessage {
	font-size: 10px;
	line-height: 12px;
}
.contentpassagearea {
	width: 600px;
}
.generalentrycontainer .contentpassagearea {
	margin: 0 auto;
}
.contentpassagetitle {
	font-size: 16px;
	line-height: 26px;
	color: #616161;
}
.passagelistitem {
	list-style: disc;
	list-style-position: inside;
	font-size: 14px;
	line-height: 22px;
	color: #616161;
}
.passagelistitemremarks {
	text-indent: 50px;
	font-size: 13px;
	line-height: 21px;
	color: #616161;
}
/* MEDIA START **********************************************/
@media (max-width: 600px) {
.contentpassagearea {
	width: 95%;
}
.contentpassage {
	width: 100%;
}
} /* MEDIA END **********************************************/

/*  *  NORMAL PAGE *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */
.horizontallist {
    display: table;
    table-layout: fixed;
}

.horizontallistitem {
    display: table-cell;
    vertical-align: middle;
}

.breadcrumbscontainer {
	width: 100%;
	padding: 0 20px 0;
	font-size: 16px;
	line-height: 32px;
}
.breadcrumbslist {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.breadcrumbsdivider {
	font-size: 20px;
	padding: 0 10px;
}
.breadcrumbsselectorbox {
	width: 150px;
	margin: 0;
	padding-top: 0;
}
.breadcrumbsselector {
	font-family : inherit;
	font-size   : 100%;
	border-top: 1px solid white;
	line-height: 20px;
	font-size: 16px;
	padding-top: 0;
	padding-bottom: 0;
	color: #551A8B;
	text-decoration: underline;
}
.breadcrumbsselector_dummy {
	display: none;
	line-height: 20px;
	font-size: 16px;
}
.pagetitlecontainer {
	width: 100%;
	padding-bottom: 8px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.pagetitlearea {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: flex-start;
	flex-wrap: nowrap;
}
.pagetitlepromotionarea {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.pagetitlepromotionarea .youtubecontainer {
    margin: 10px;
    position: relative;
    width: 320px;
	padding-top: 53%;
}
.youtubecontainer iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
/* MEDIA START **********************************************/
@media (max-width: 480px) {
.pagetitlearea {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.pagetitlepromotionarea .youtubecontainer {
    margin: 3px 3px 10px 3px;
}
} /* MEDIA END **********************************************/
.pagetitlebox {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-bottom: 2px;
}

.titleicon {
	width: 60px;
	height: 60px;
	margin-right: 25px;
	margin-bottom: 3px;
}
.specialtitleicon, .texttagicon {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	width: 60px;
	height: 45px;
	margin-right: 25px;
	margin-bottom: 3px;
	border-radius: 9px;
	border: solid 3px #BCAAA4;
	background: radial-gradient(white, #FAF8F7);
	color: #BCAAA4;
	font-size: 22px;
	line-height: 22px;
	font-weight: bold;
	overflow: hidden;
	text-align: center;
}
.collectiontitleicon, .collectiontagicon {
	font-size: 14px;
	border-radius: 0;
	border: solid 2px #9E9E9E;
	background: radial-gradient(#FAFAFA, #FAFAFA);
	color: #9E9E9E;
}
.texttagicon {
	margin-right: 0;
}
.pagetitle {
	font-size: 35px;
	line-height: 43px;
	letter-spacing: 2px;
	margin: 12px 0;
	overflow-wrap: break-word;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	/* word-break: break-all; */
}
.pagesubtitle {
	text-align: center;
	/*width: 600px;*/
	width: 780px;
	/*margin: 0 3% 0;*/
	font-size: 16px;
	/*letter-spacing: .5px;*/
	line-height: 23px;
	color: #424242;
}
.generalsimpletable {
	margin-left: 15px;
	border-collapse: collapse;
}
.generalsimpletable th, .generalsimpletable td {
	vertical-align: middle;
	padding: 15px;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #616161;
	border: 1px solid #BDBDBD;
}
.generalsimpletable th {
	min-width: 100px;
}
.generalsimpletable td {
	min-width: 200px;
}

/* MEDIA START **********************************************/
@media (max-width: 950px) {
.generalentryformarea {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.generalentryformbox {
	width: 100%;
}
.generalentrycaptionarea {
	width: 40%;
	margin-right: 2px;
}
.generalentryinputarea {
	width: 60%;
}
.generalentryinputarea .richinputbox {
	width: 100%;
}
.generalentrycaption {
	font-size: 16px;
	line-height: 20px;
}
.generalentryexplanation {
	font-size: 11px;
	line-height: 15px;
}
.generalentrycaptionmark {
	margin-left: 5px;
	font-size: 9px;
	line-height: 9px;
}
}
/* MEDIA END **********************************************/

/* MEDIA START **********************************************/
@media (max-width: 800px) {
.pagesubtitle {
	width: 94%;
}
} /* MEDIA END **********************************************/

/* MEDIA START **********************************************/
@media (max-width: 480px) {
.generalentrybox {
	padding: 10px 0;
}
.pagesubtitle {
	width: 100%;
	margin: 0;
}
.richinputbox, .buttonbox {
	width: 90%;
}
.breadcrumbscontainer {
	padding: 5px 5px;
	font-size: 14px;
	line-height: 22px;
}
.breadcrumbsdivider {
	padding: 0 5px;
}
.breadcrumbsselectorbox {
	width: 130px;
}
.breadcrumbsselector {
	font-size: 14px;
	line-height: 22px;
}
.breadcrumbsselector_dummy {
	font-size: 14px;
	line-height: 22px;
}
.generalsimpletable th {
	min-width: 0;
	width: 35%;
}
.generalsimpletable td {
	min-width: 0;
	width: 65%;
}
.pagetitle {
	margin: 2px 0;
	font-size: 32px;
	line-height: 34px;
}
.pagetitlebox {
	margin-bottom: 2px;
}
.titleicon, .specialtitleicon {
	margin-right: 8px;
}
.generalentrybox {
	flex-wrap: wrap;
}
.generalentrycaptionarea {
	margin-right: 0px;
	width: 100%;
	align-items: flex-start;
}
.generalentrycaptionarea_sub {
	justify-content: flex-start;
}
.generalentryinputarea {
	width: 100%;
}
.generalentryexplanation {
	font-size: 13px;
	line-height: 17px;
}
} /* MEDIA 480 END **********************************************/

/* MEDIA 380 START **********************************************/
@media (max-width: 380px) {
.breadcrumbsdivider {
	padding: 0 3px;
}
} /* MEDIA 380 END **********************************************/

/***********************************************************************************************/
/****** FOOTER MESSAGE AREA *********************************************************************************/ 
/***********************************************************************************************/
#footermessagearea {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 3000;
	display: none;		/* For CLS problme */
}

.footermessagecontainer {
	width: 100%;
	overflow: hidden;
	position: relative;
}

/* 中央から左右へ広げる動きは、幅と左の余白を動かすと画面のずれ(CLS)に数えられるので、最終の大きさのまま transform で広げる */
.footermessagecontainerbackground {
	opacity: .9;
	position: absolute;
	width: 200%;
	height: 1000px;
	margin-left: -50%;
	/*margin-top: 25px;*/
	/*border-radius: 50%;*/
	transform: scaleX(0);
	transition: transform 200ms ease-out;
}

.footermessagecontainerbackground_normal {
	/*background-color: #FF80AB;*/ /* pink */
	background-color: #448AFF; /* blue */
}

.footermessagecontainerbackground_error {
	background-color: #E53935;
}

.footermessagecontainerbackground.active {
	transform: scaleX(1);
}

.footermessagecontainerinner {
	position: relative;
	width: 100%;
	padding: 0 10px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.footermessagebody {
	/*padding: 10px 0;*/
	color: white;
	min-height: 50px;
	display: flex;
	/*flex-direction: column;*/
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	transition: height 300ms ease-out, min-height 300ms ease-out, color 300ms ease-out;
}

.footermessagebody.deactive {
	color: rgba(255, 255, 255, 0);
	min-height: 0;
	height: 0;
}
/* 下に固定した帯の高さを縮めると上の端が下がって画面のずれに数えられるので、:has が使えるブラウザでは高さを変えずに下へ滑らせて消す */
@supports selector(:has(*)) {
.footermessagecontainer:has(> .footermessagecontainerinner > .footermessagebody.deactive) {
	transform: translateY(100%);
	transition: transform 300ms ease-out;
}
.footermessagebody.deactive {
	min-height: 50px;
	height: auto;
}
}

/***********************************************************************************************/
/****** FOOTER NAVI *********************************************************************************/ 
/***********************************************************************************************/
#footernavi {
	/* margin-top: 20px; */
	width: 100%;
}

#footernavi a {
    text-decoration: none;
}
.footertotoparea {
	height: 50px;
 	cursor: pointer;
   background-color: rgba(0, 0, 0, 0.7);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.footertotoparea:hover {
	opacity: .9;
}
.totopbutton {
	width: 35px;
	height: 35px;
	opacity: .2;
	cursor: pointer;
}
/*.totopbutton:hover {
	opacity: .2;
}*/
.footernavicontainer {
    background-color: rgba(0, 0, 0, 0.8);
	padding: 30px 5% 10px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: flex-start;
	flex-wrap: wrap;
}

.footernavibox {
	padding: 0 10px 40px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.footernaviboxheader {
	border-top: solid 1px #A831A6;
	padding-top: 3px;
	font-size: 0.9em;
	line-height: 2em;
	font-weight: bold;
	color: #EEEEEE;
}

.footernaviitem {
	height: 25px;
	padding: 0;
	margin: 0;
}

.footernaviitem a {
	font-size: 0.8em;
	font-weight: bold;
	color: #BDBDBD;
}

/***********************************************************************************************/
/****** FOOTER *********************************************************************************/ 
/***********************************************************************************************/
#footer {
    width: 100%;
	background-color: #9D82A1;
    font-size: 12px;
    line-height: 1.5em;
    color: #EEEEEE;
	font-weight: bold;
}

#footer a {
    color: #F5F5F5;
	font-weight: bold;
	margin: 0 2px;
}

#footer a:hover {
    color: #E0E0E0;
}

.footercontainer {
	padding: 10px 5% 10px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.footertray {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}

.footerbox {
	padding-bottom: 5px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
}

/*#footercontactinformationarea {
	align-items: flex-start;
}*/

/*#footerguidearea {
	align-items: flex-end;
}*/

#footercopyrightarea {
	padding-top: 30px;
	justify-content: center;
	font-weight: normal;
}

#sociallinkarea {
	padding-top: 10px;
	text-align: center;
}

.footeritem {
	padding: 2px;
}
.footeritem_globalsite {
	/*display: none;*/
	font-size: 11px;
	margin-top: 10px;
	margin-left: auto;
}
.footeritem_globalsite a {
	font-weight: normal !important;
	/*color: #F5F5F5 !important;*/
}
.footerseparator {
	margin: 0 2px;
}

.footericon {
    width: 28px;
    height: 28px;
    margin: 0px 5px;
	/*border-radius: 50%;
	box-shadow: 1px 1px 1px rgba(0,0,0,.14);*/
}

.footericon:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

@media (max-width: 900px) {
	.footericon {
		width: 30px;
		height: 30px;
		margin: 1% 5%;
	}
}

/***********************************************************************************************/
/****** OTHERS *********************************************************************************/ 
/***********************************************************************************************/

/*  *  RESULT CONTROL For search function page (Excluding search.php) DUPLICATED AT style_search.css *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */
.resultcontrolarea {
	width: 100%;
	margin: 0 0 7px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.resultsortorderarea {
	margin-bottom: 3px;
	margin-right: 15px;
	/*margin-right: auto;*/
}
#resultsortorderinputbox {
	width: 180px;
	margin: 0 0 0;
}
#resultsortorderinput {
	color: #757575;
}
.topitemcodeinputarea {
	margin-bottom: 3px;
	margin-right: auto;
}
.itemcodeinputbox {
	width: 220px;
}
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */

.popovermodal {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: .45;
	background: rgba(0,0,0,0.45);
	z-index: 1000;
}

.apparelxguidepopup {
	position: absolute;
	width: 360px;
	max-width: calc(100vw - 16px);
	margin: 0;
	padding: 13px 15px 11px;
	z-index: 1009;
	align-items: flex-start;
}
.apparelxguidepopup_messagearea {
	width: 100%;
	color: #424242;
	font-size: 13px;
	line-height: 20px;
	text-align: left;
}
.apparelxguidepopup_commandarea {
	width: 100%;
	margin-top: 8px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
.apparelxguidepopupclosebutton.textbutton {
	padding: 0;
	border: 0;
	background: transparent;
	color: #AD1457;
	font-size: 12px;
	line-height: 16px;
	cursor: pointer;
}
.apparelxguidepopupclosebutton.textbutton:hover {
	color: #D81B60;
}

.browserwarningmessage {
  /*width: 100%;*/
  display: none;
  background-color: #FFCCCC;
  color: #EE0303;
  font-size: 0.9em;
  font-weight: bold;
  padding: 10px 10%;
  text-align: center;
}

.maintenanceinformationarea {
  background-color: #FFEB3B;
  color: #424242;
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px 10%;
  text-align: center;
}

.supplierlistarea {
	width: 100%;
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.supplierlistareaheader {
	font-size: 22px;
	line-height: 28px;
	margin-bottom: 0px;
}
.supplierlistareaheader_sub {
	color: #757575;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 10px;
}
.suppliercontainer {
	width: 100%;
	font-size: 18px;
	line-height: 24px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.supplierbox {
	min-width: 300px;
	margin: 15px;
	padding: 20px 20px 70px;
	border: solid 1px #E0E0E0;
	border-radius: 10px;
	box-shadow: 0 0 1px rgba(0,0,0,.14), 0 1px 2px rgba(0,0,0,.28);
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.supplieritem {
	margin: 2px 0;
}
.supplierlogo {
	margin: 20px 30px;
}
.suppliernamearea {
	margin-bottom: 10px;
}
.suppliertelarea {
	font-size: 16px;
	line-height: 22px;
}
/* .supplieremailaddressarea {
} */
.supplierpersonarea {
	font-size: 16px;
	line-height: 22px;
}
.circletag {
	background-color: #C5CAE9;
	color: #FFF;
	z-index: 1;
	padding-top: 4px;
	position: absolute;
	top: 1px;
	right: -3px;
	width: 50px;
	height: 50px;
	transform: rotate(13deg);
	border-radius: 50%;
	box-shadow: 0 0 1px rgba(0,0,0,.14), 0 1px 2px rgba(0,0,0,.28);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.circletagitem {
	/*margin-top: 3px;*/
	font-size: 14px;
	line-height: 18px;
	max-width: 45px;
	/* max-width: 40px; */
	text-align: center; 
}
.counttagitem1 {
	font-size: 14px;
	line-height: 16px;
}
.counttagitem2 {
	font-size: 11px;
	line-height: 13px;
}
.counttag {
	right: 3px;
}
.hitcounttag {
	padding-top: 0;
}
.hitcounttagitem1 {
	margin-top: -5px;
}
.hitcounttagitem2 {
	font-size: 9px;
	line-height: 9px;
}
.hitcounttagitem3 {
	font-size: 8px;
	line-height: 8px;
}
.profilephoto {
	width: 100px;
	border-radius: 50%;
}
.generalicon {
	width: 30px;
	margin-right: 7px;
	vertical-align: middle;
}
.userselectorarea {
	top: -5px;
	margin: 3px auto;
	width: 800px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
}
.generaltagcontainer {
	margin-bottom: 10px;
	width: 440px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.generaltag {
	margin: 1px 2px;
	font-size: 15px;
	line-height: 19px;
	border-radius: 3px;
	padding: 1px;
	border: 1px solid #FFF;
	cursor: pointer;
	flex-grow: 0;
}
.generaltag.selected {
	border: 1px solid #2979FF;
}
.generaltaginner {
	padding: 6px 12px;
	border: 1px solid #2979FF;
	color: #2979FF;
	border-radius: 3px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.generalfaqcontentgroupboxcontainer {
	margin-left: 20px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.generalfaqcontentgroupbox {
	width: 50%;
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.generalfaqcontentgroupboxheader {
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 26px;
	color: #757575;
	font-weight: bold;
}
.generalfaqcontentboxcontainer {
	margin-left: 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.generalfaqcontentbox {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.generalfaqcontent_titlearea {
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer;
	color: #303F9F;
	text-decoration: underline;
}
.generalfaqcontent_contentarea {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 15px;
	line-height: 22px;
	display: none;
	color: #424242;
}
.generalfaqcontent_contentarea_content {
	margin-bottom: 20px;
}
/* MEDIA START **********************************************/
@media (max-width: 800px) {
.userselectorarea {
	width: 95%;
	/*margin-bottom: 0;*/
}
.generalfaqcontentgroupbox {
	width: 100%;
}
} /* MEDIA END **********************************************/
/* MEDIA START **********************************************/
@media (max-width: 480px) {
.generalfaqcontentboxcontainer {
	margin-left: 5px;
}
} /* MEDIA END **********************************************/
.userselectorcatpion {
	font-size: 11px;
	line-height: 13px;
	margin-right: 8px;
	color: #BDBDBD;
}
.userselectorbox {
	margin: 0;
	padding: 0;
	width: 130px !important; 
}
.userselectorinnerbox {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.userselector {
	padding: 0;
	font-size: 13px;
	line-height: 16px;
}
.lookmorecontainer[lookmoremode='on'] {
	height: 700px;
	overflow: hidden;
}
.lookmorecontainer_short[lookmoremode='on'] {
	height: 450px;
}
.lookmorecontainer_ifbig[lookmoremode='on'] {
	height: 200px;
}
.lookmorebuttonarea {
	z-index: 10;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 150px;
	background: linear-gradient(to top, #FFFFFF, #FFFFFF 53%, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0));
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.lookmorecontainer_ifbig .lookmorebuttonarea {
	height: auto;
}
.lookmorebutton {
	cursor: pointer;
	margin-top: 50px;
	width: 250px;
	/*width: 60%;*/
	height: 50px;
	color: #0066c0;
	border: solid 1px #E0E0E0;
	/*border-radius: 25px;*/
	box-shadow: 0 0 1px rgba(0,0,0,.03), 0 1px 2px rgba(0,0,0,.07);
	font-size: 15px;
	line-height: 23px;
	background-color: white;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.lookmorebutton_onsearch {
	position: absolute;
	bottom: 5px;
	margin: 0 auto;
	left: 50%;
	transform: translate(-50%);
	width: 40px;
	height: 40px;
	border: none;
	background-color: rgba(124, 136, 207, .5);
	border-radius: 50%;
	cursor: pointer;
}
.lookmoreicon {
	position: absolute;
	margin-top: 1px;
	left: 11px;
	width: 20px;
	opacity: .15;
}
.lookmorebutton_onsearch_icon {
	width: 20px;
	height: 20px;
}
/**** PAGINATION *******************/
.resultpagenationarea_ontop {
	margin-right: 40px;
	/*margin-left: auto;*/
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
}
.resultpagenationarea_onbottom {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.pagenationcontainer {
	color: #9E9E9E;
	font-size: 13px;
	line-height: 13px;
	/*font-weight: bold;*/
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.pagenationitem {
	min-width: 16px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.pagenationitem_upper {
	height: 22px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}
.pagenationitem_lower {
	height: 18px;
	padding-top: 2px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.pagenationitem_selector, .pagenationitem_previous, .pagenationitem_next {
	color: #9FA8DA;
}
.pagenationitem_previous, .pagenationitem_next {
	font-size: 11px;
	line-height: 11px;
}
.pagenationitem_selector, .pagenationitem_previous, .pagenationitem_next {
	cursor: pointer;
}
.pagenationitem_selector.selected, .pagenationitem_selector:hover, .pagenationitem_previous:hover, .pagenationitem_next:hover {
	color: #5C6BC0;
}
a.pagenationitem {
	text-decoration: none;
	transition: none;
}
/*******************************************************/
.category_pr_box {
	display: none;
}
#contentboxcontainer_category {
	flex-wrap: wrap;
}
#contentboxcontainer_category .contentimage {
	/* width: 100%; */
	width: 180px;
	height: 180px;
}
#contentboxcontainer_category .contentbox {
	margin: 0;
	padding: 5px;
}
@media (max-width: 3000px) { #contentboxcontainer_category .contentbox { width: 12%; } }
@media (max-width: 2370px) { #contentboxcontainer_category .contentbox { width: 13.5%; } }
@media (max-width: 1910px) { #contentboxcontainer_category .contentbox { width: 14.2%; } }
@media (max-width: 1450px) { #contentboxcontainer_category .contentbox { width: 16.6%; } }
@media (max-width: 1220px) { #contentboxcontainer_category .contentbox { width: 20%; } }
@media (max-width: 920px) { #contentboxcontainer_category .contentbox { width: 25%; } }
@media (max-width: 690px) { #contentboxcontainer_category .contentbox { width: 33%; } }
@media (max-width: 480px) { #contentboxcontainer_category .contentbox { width: 50%; } }

@media (max-width: 400px) { #contentboxcontainer_category .contentimage { width: 175px; height: 175px; } }
@media (max-width: 380px) { #contentboxcontainer_category .contentimage { width: 170px; height: 170px; } }
@media (max-width: 360px) { #contentboxcontainer_category .contentimage { width: 160px; height: 160px; } }
@media (max-width: 340px) { #contentboxcontainer_category .contentimage { width: 150px; height: 150px; } }
@media (max-width: 320px) { #contentboxcontainer_category .contentimage { width: 140px; height: 140px; } }

/*** My Account Box ***************************************************/
.myaccountcontentbox {
	cursor: pointer;
	width: 380px;
	margin: 10px;
	padding: 10px 10px 20px;
	border-radius: 10px;
	border: 1px solid #BDBDBD;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}
.myaccountcontentbox:hover {
	background-color: #F5F5F5;
}
.myaccountcontentbox .contentboxiconarea {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.myaccountcontentbox .contentboxicon {
	width: 100px;
}
.myaccountcontentbox .contentboxmainarea {
	width: 100%;	/* For IE11 */
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.myaccountcontentbox .contentboxheader {
	font-size: 24px;
	line-height: 32px;
}
.myaccountcontentbox .contentboxdescription {
	width: 100%;	/* For IE11 */
	color: #616161;
	font-size: 18px;
	line-height: 26px;
}
/* MEDIA 480 START **********************************************/
@media (max-width: 480px) {
.myaccountcontentbox {
	width: 90%;
}
.lookmorebutton {
	width: 60%;
}
} /** END ********************************************************************/

/* * * Confirmation Message Box (Copied from style_ax_ops.css) * * * * * * */
.messagebox {
	position: fixed;
	/*top: 0px;*/
	top: 50%;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: auto;
	margin-top: -150px;
	padding: 20px 10px;
	width: 540px;
	height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	background-color: white;
	animation: popupfadeinanimation .1s;
	z-index: 1009;
	border: 1px solid #ccc;
	border-color: rgba(0,0,0,.2);
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
	overflow: hidden;
}
/* MEDIA START **********************************************/
@media (max-width: 540px) {
.messagebox {
	width: 100%;
}
} /* MEDIA END **********************************************/
.messagebox_messagearea {
	height: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	font-size: 15px;
	line-height: 22px;
	/*margin-bottom: 20px;*/
}
.messagebox_commandarea {
	height: 50px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.axopsbuttoncontainer {
	margin-top: 50px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.axopsbutton {
	width: 150px;
	margin: 5px 10px;
	display: block;		/* For Safari */
}
.excelbutton {
	width: 180px;
}
.axopsbuttonicon {
	width: 18px;
	/*height: 18px;*/
	margin-right: 6px;
	vertical-align: middle;		/* For Safari */
}
.axopsbuttoninner {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.richbutton {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	cursor: pointer;
    font-size: 14px;
    /*font-weight: 300;*/
    line-height: 48px;
    padding: 0 0px;
	border-radius: 2px;
	text-align: center;
    vertical-align: middle;
    text-overflow: ellipsis;
	min-width: 36px;
    white-space: nowrap;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
	transition: box-shadow .3s, background-color .3s, color .3s, transform .3s;
}
/*.richbutton:disabled {
	opacity: .3;
}*/
.richbutton_small {
    font-size: 13px;
    line-height: 36px;
}
@media screen and (min-width: 980px) {
.richbutton[shortcutkey]::after {
	opacity: 0.7;
	margin-left: 6px;
	/*margin-right: -16px;*/
	content: attr(shortcutkey);
}
}
.richbutton:hover:enabled, .richbutton:focus {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.4);
	transform: translate3d(0, -1px, 0);
}
.richiconbutton {
    padding: 0 48px;
	background-position: 16px 12px;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	padding-left: 56px;
}
.richbutton_blue {
	background-color: #448BFF;
	color: rgba(255,255,255,1);
}
.richbutton_blue:hover {
	background-color: #357DF2;
	color: rgba(255,255,255,1);
}
.richbutton_blue:active {
	background-color: #357DF2;
}	
.richbutton_blue:disabled {
	background-color: #D8DCE3;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * GLOBAL SWITCHER * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.globalswitcherarea {
	padding: 30px 0 20px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
.globalswitcherheader {
	margin-bottom: 5px;
}
.globalswitcherlogo {
	width: 140px;
	height: 67px;
}
.globalswitcherboxcontainer {
	width: 80%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.globalswitchergroup {
	margin: 0 8px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
}
.globalswitchergroupcaption {
	color: #BDBDBD;
	font-size: 12px;
	line-height: 15px;
	margin: 1px 0px;
}
.globalswitchergroupcontainer {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.globalswitcherbox {
	font-weight: bold;
	color: #BDBDBD;
	font-size: 12px;
	line-height: 20px;
	margin: 5px 20px;
}
.globalswitchergroupcontainer .globalswitcherbox {
	font-weight: bold;
	color: #BDBDBD;
	font-size: 11px;
	line-height: 15px;
	margin: 3px 5px 3px 10px;
}
.globalswitcherbox a {
	color: inherit;
	text-decoration: underline !important;
}
/* MEDIA START **********************************************/
@media (max-width: 480px) {
.globalswitcherboxcontainer {
	width: 90%;
}
.globalswitchergroup {
	margin-bottom: 5px;
}
} /* MEDIA END **********************************************/
/* * * GLOBAL SETTING POPUP * * */
.globalsettingpopup {
	display: none;
	position: fixed;
	top: 120px;
	left: 50%;
	margin-left: -190px;
	width: 380px;
	animation: popupfadeinanimation .2s;
	z-index: 1009;
}
/*.globalsettingmainarea {
	padding-top: 10px;
}*/
.globalsettingitemcontainer {
	width: 100%;
}
.globalsettingitembox {
	width: 100%;
	padding: 5px 10px;
	border-bottom: 1px solid #BDBDBD;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}
.globalsettingfooterarea {
	padding: 15px 10px;
	background-color: #E8EAF6;
}
.globalsettingitem_richinputbox {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.globalsetting_loginmessage, .globalsetting_notloginmessage {
	margin: 0 0 5px;
	width: 100%;
	padding: 0 3% 0 5%;
	font-size: 13px;
	line-height: 21px;
	color: #3949AB;
}
/* MEDIA START **********************************************/
@media (max-width: 480px) {
.globalsettingpopup {
	left: auto;
	margin-left: 1%;
	width: 98%;
}
} /* MEDIA END **********************************************/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.footerglobalsettingarea {
	width: 100%;
	padding: 5px 10%;
	background-color: rgba(0, 0, 0, 0.7);
	min-height: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.footerglobalsettingarea_main {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.footerglobalsettingarea .subheader_currencyarea {
	margin-left: 10px;
}
.showglobalsettingbutton {
	cursor: pointer;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	text-decoration: underline;
}
/* GENERAL FEEDBACK (GOOD/BAD) * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.generalfeedbackarea {
	width: 100%;
	margin-bottom: 15px;
}
.generalfeedbackgoodcountarea {
	margin: 5px 0 5px 2px;
	color: #757575;
	font-size: 12px;
	line-height: 18px;
}
.generalfeedbackactionarea {
	margin: 2px 0 5px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.generalfeedbackactionarea {
	line-height: 13px;
}
.generalfeedbackaction_goodarea {
	min-height: 28px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
.generalfeedbackaction_separator {
	height: 15px;
	border-left: solid 1px #BDBDBD;
	margin: 0 10px;
}
.reportgeneralbadbutton {
	font-size: 13px;
	color: #9E9E9E;
}
.reportgeneralbadbutton:hover {
	color: #9E9E9E;
}
.generalfeedbackreportthankyoucomment {
	color: #00897B;
	font-size: 12px;
	line-height: 18px;
}
.addressmessage {
	margin-top: 4px;
	font-size: 12px;
	line-height: 14px;
	color: #4285f4;
}
.addressmessage.error {
	color: #ea4335;
}
/* OTHERS * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.middlebanner {
	width: 300px;
	height: 100px;
}
.thinbanner {
	width: 600px;
	height: 80px;
}
.generalremarks {
	font-size: 12px;
    line-height: 14px;
    color: #9575CD;	
}
.cookieagreementcontainer {
	z-index: 20;
	font-size: 16px;
	line-height: 30px;
	background-color: #ECEFF1;
	box-shadow: 0 0 1px rgba(0,0,0,.03), 0 1px 2px rgba(0,0,0,.07);
	box-shadow: 0px 6px 2px -4px rgba(0, 0, 0, 0.2), 0px 4px 4px 0px rgba(0, 0, 0, 0.14), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
	color: #37474F; 
	position: fixed;
	bottom: 0;
	padding: 3px;
	width: 80%;
	margin: 0 0 10px 10%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
}
.cookieagreementpassage {
	padding: 5px 10px;
}
.cookieagreementcommandarea {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
}
.cookieagreementcontainer .richbutton {
    font-size: 14px;
    line-height: 18px;
	margin: 5px 5px;
    padding: 5px 0px;
	border-radius: 2px;
	min-height: 48px;
	text-align: center;
    vertical-align: middle;
    text-overflow: ellipsis;
	min-width: 36px;
    white-space: normal;
}
.cookieagreementcontainer .disagreecookiepolicybutton {
	width: 100px;
}
/* MEDIA START **********************************************/
@media (max-width: 480px) {
.cookieagreementcontainer {
	font-size: 14px;
	line-height: 22px;
	width: 95%;
	margin: 0 0 8px 2.5%;
	flex-direction: column;
	flex-wrap: wrap;
}
.cookieagreementcontainer .richbutton {
	line-height: 36px;
}
} /* MEDIA END **********************************************/

.stockstatusarea {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
}
.stockstatusmessagearea {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.stockstatussubmessagearea {
	margin-left: 5px;
	padding: 1px 5px;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
}
.stockstatussubmessage {
	font-size: 0.95em;
	line-height: 1.3em;
	/* font-size: 15px;
	line-height: 18px; */
}
.stockquantityinfo {
	font-size: 14px;
	line-height: 18px;
	color: #4CAF50;
}
.stockquantityvalue {
	margin-left: 3px;
	text-decoration: underline;
}
.shipmentmessageremark {
	font-size: 0.65em;
	line-height: 0.9em;
	/* font-size: 10px;
	line-height: 10px; */
	margin: 0 0 2px 0;
}
.stockstatussubmessagearea::before,
.stockstatussubmessagearea::after {
  position: absolute;
  top: 0;
  content: '';
  width: 8px;
  height: 100%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.stockstatussubmessagearea::before {
  left: 0;
  border-left: 1px solid #4CAF50;
}
.stockstatussubmessagearea::after {
  right: 0;
  border-right: 1px solid #4CAF50;
}
/* .stockstatussubmessagearea::before,
.stockstatussubmessagearea::after {
  position: absolute;
  top: 0;
  content: '';
  width: 5px;
  height: 100%;
  border-top: 1px solid #4CAF50;
  border-bottom: 1px solid #4CAF50;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.stockstatussubmessagearea::before {
  left: 0;
  border-left: 1px solid #4CAF50;
}
.stockstatussubmessagearea::after {
  right: 0;
  border-right: 1px solid #4CAF50;
} */

/*** Material Tag ***/
.materialtagarea {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.materialtagarea a, .materialtagicon_outer a {
	text-decoration: none;
}
.materialtagicon_outer {
	padding: 2px;
	margin: 0 1px;
}
.materialtagicon {
	border: solid 2px #C9B7B1;
	/* background-color: #FAF8F7; */
	background: radial-gradient(white, #FAF8F7);
	color: #BCAAA4;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	padding: 3px 7px 3px 7px;
	border-radius: 5px;
}
.materialtagnamearea {
	width: 50px;
	text-align: center;
	margin-top: 0px;
	font-size: 9px;
	line-height: 11px;
	color: #757575;
}
/*** Collection Tag ***/
.collectiontagarea {
	margin-top: 3px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.collectiontagarea a, .collectiontagicon_outer a {
	text-decoration: none;
}
.collectiontagicon_outer {
	padding: 2px;
	margin: 0 1px;
}
.collectiontagicon {
	border: solid 2px #9E9E9E;
	background: radial-gradient(#FAFAFA, #FAFAFA);
	color: #9E9E9E;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	padding: 3px 7px 3px 7px;
	border-radius: 0;
}
.collectiontagnamearea {
	width: 50px;
	text-align: center;
	margin-top: 0px;
	font-size: 9px;
	line-height: 11px;
	color: #757575;
}
/* **** TOP WIDE BANNER ***** */
.topwidebannerarea {
	margin: 6px 0 2px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.topwidebannerbox {
	width: 100%;
	overflow-x: hidden;
}
.topwidebannerbox_main {
	width: calc(100% - 600px);
}
.topwidebannerbox_main2 {
	width: calc(100% - 900px);
}
.topwidebannerbox_sub {
	margin-left: 6px;
	width: calc(300px - 6px);
}
.topwidebannerbox div {
	position: relative;
	left: 50%;
	margin-left: -750px;
}
.topwidebannerbox_main div {
}
.topwidebannerbox_sub div {
	margin-left: -150px;
}
.topwidebannerimage {
	width: 1500px;
	height: 100px;
}
.topwidebannerimage_sub {
	width: 300px;
	height: 100px;
}
.topwidebannercaption {
	position: absolute;
	width: 300px;
	color: #FAFAFA;
	font-size: 9px;
	line-height: 14px;
	top: 1px;
	left: 8px;
	/*font-weight: bold;*/
	background-color: rgba(0, 0, 0, .1);
}
/* MEDIA START **********************************************/
@media (max-width: 1100px) {
.topwidebannerbox_main2 {
	width: 100%;
}
} /* MEDIA END **********************************************/
/* MEDIA START **********************************************/
@media (max-width: 600px) {
.topwidebannerbox_main {
	width: 100%;
}
.topwidebannerbox_sub {
	margin-left: 0;
	width: 100%;
}
.topwidebannerbox div {
	margin-left: -250px;
}
.topwidebannerbox_sub div {
	margin-top: 6px;
	left: 0;
	margin-left: 0;
	text-align: center;
}
.topwidebannerimage {
	width: 500px;
	height: 100px;
}
.topwidebannerimage_sub {
	width: 300px;
	height: 100px;
}
.topwidebannercaption {
	left: auto;
	text-align: left;
	margin-left: 5px;
	width: 290px;
}
} /* MEDIA END **********************************************/

.erpmenuarea {
	height: 100%;
	/* float: left; */
	position: absolute;
	left: 5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	line-height: 0;
	display: none;
}
.erpmenubutton img {
	width: 45px;
	height: 45px;
}
.erpmenuarea2 {
	margin-left: 2px;
	margin-right: 5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	line-height: 0;
}
.erpmenubutton2 img {
	width: 100px;
	height: 30px;
}
.erpmenu {
	min-height: 100%;
	background-color: rgba(21, 21, 21, 0.8);
	position: absolute;
	display: fixed;
	width: 300px;
	z-index: 4000;
}
.erpmenuback {
	background: none;
	min-height: 100%;
	position: absolute;
	display: fixed;
	width: 300px;
	z-index: 3999;
}
.erpmenu.show {
	left: 0px;
	animation: erpmenuin .3s ease-in-out;
}
.erpmenu.hide {
	left: -300px;
	animation: erpmenuout .3s ease-in-out;
}
@keyframes erpmenuin {
	0% {left: -300px;}
	100% {left: 0px;}
}
@keyframes erpmenuout {
	0% {left: 0px;}
	100% {left: -300px;}
}
.erpmenu_inner {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.erpmenuheaderarea {
	width: 100%;
	margin: 5px 0 25px;
}
.erpmenuheader {
	width: 100%;
	text-align: center;
}
.erpmenuheaderimg {
	width: 200px;
}
.erpmenugroup {
	width: 100%;
	margin-left: 20px;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.erpmenugroupheader {
	width: 100%;
	margin-bottom: 8px;
}
.erpmenugroupheadercaption {
	font-size: 11px;
	color: #EEEEEE;
}
.erpmenuitem {
	width: 100%;
	margin-bottom: 8px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
}
.erpmenuitemiconarea {
	margin-right: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.erpmenuitemicon {
	width: 18px;
}
.erpmenuitemcaption {
	font-size: 13px;
	color: #BDBDBD;
}
.withlanguagespace {
	margin-left: 0;	/* Japanese: 0 */
}

/*** Top Feature ***/
.topfeaturearea {
	width: 100%;
	background-color: #FFF;
	margin-top: 6px;
}
.topfeaturecontainer {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}
.topfeaturebox {
	width: 300px;
	padding: 10px 0;
	margin: 0;
	flex-shrink: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	/* cursor: pointer; */
}
.topfeatureicon.star {
	flex-shrink: 0;
	margin-right: 8px;
	position: relative;
	border-bottom: 6px solid #c88baa;
	border-right: 9px solid transparent;
	border-left: 9px solid transparent;
	transform: rotate(-37deg);
}
.star::before {
	content: "";
	position: absolute;
	top: 0;
	left: -9px;
	border-bottom: 6px solid #c88baa;
	border-right: 9px solid transparent;
	border-left: 9px solid transparent;
	transform: rotate(-71.5deg);
}
.star::after {
	content: "";
	position: absolute;
	top: 0;
	left: -9px;
	border-bottom: 6px solid #c88baa;
	border-right: 9px solid transparent;
	border-left: 9px solid transparent;
	transform: rotate(71.5deg);
}
.topfeatureicon.rhombus {
	flex-shrink: 0;
	margin-right: 10px;
	width: 15px;
	height: 15px;
	transform: rotate(45deg) skew(15deg,15deg);
}
.topfeaturemessage {
	font-size: 14px;
	line-height: 24px;
}
.topfeaturebox:hover .topfeaturemessage {
	text-decoration: underline;
}
/* MEDIA START **********************************************/
@media (max-width: 480px) {
.topfeaturearea {
	padding: 0 3px;
}
.topfeaturebox {
	padding: 5px 0;
}
.topfeatureicon.star {
	margin-right: 3px;
	/* width: 10px;
	height: 10px; */
}
.topfeaturemessage {
	font-size: 12px;
	line-height: 22px;
}
/* .topfeaturearea {
	padding: 0 3px;
}
.topfeaturebox {
	width: 50%;
	padding: 3px;
	margin: 3px 0;
}
.topfeatureicon {
	margin-right: 3px;
	width: 10px;
	height: 10px;
}
.topfeaturemessage {
	width: calc(100% - 13px);
	font-size: 9px;
	line-height: 16px;
} */
} /* MEDIA END **********************************************/
.countryflag {
	width: 25px;
	vertical-align: text-top;
}
.axopstextclearbutton {
	display: none;
}

.attachedfiledropbox {		/* From style_ax_ops.css */
	cursor: pointer;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: #F6EBF7;
	border: solid 1px #DCB1E3;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
.attachedfiledropbox:hover {		/* From style_ax_ops.css */
	opacity: .8;
}
.attachedfiledropbox div {		/* From style_ax_ops.css */
	padding: 15px 5px 5px;
	text-align: center;
	font-size: 13px;
	line-height: 18px;
	color: #BC8AD1;
	width: 114px;
	height: 114px;
	border-radius: 50%;
	/*background-color: #F3E5F5;*/
	border: dotted 1px #DCB1E3;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
.attachedfilearea {
	margin-left: 10px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.generaluploadimg {
	width: 100px;
	height: auto;
	margin: 5px;
}
.generaluploadvideo {
	width: 200px;
	height: auto;
	margin: 5px;
}
.generaluploadfileimage {
	width: 100px;
	height: auto;
	margin: 5px;
}
.removegeneraluploadbutton {		/* From style_ax_ops.css */
	position: absolute;
	margin-left: -10px;
	width: 12px;
	height: 12px;
}
/* SHOPPING BAGS (header preview, picker, menus, dialogs) START **********************************************/
.cartbrowserbagheading {
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 8px 4px 4px;
	font-size: 13px;
	line-height: 18px;
	color: #424242;
	text-decoration: none;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 2px;
}
.cartbrowserbagheading:hover {
	color: #311B92;
	opacity: 1;
}
.cartbrowserbagheading_later {
	color: #9E9E9E;
}
.cartbrowserbagheading_name {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cartbrowserbagheading_count {
	flex-shrink: 0;
	margin-left: 12px;
	color: #757575;
	font-size: 12px;
	white-space: nowrap;
}
.cartbrowserbagheading_current {
	padding: 8px 8px 6px;
	border-radius: 4px;
	border-bottom: none;
	background-color: #EDE7F6;
	color: #311B92;
	font-weight: bold;
}
.cartbrowserbagheading_current .cartbrowserbagheading_count {
	color: #5E35B1;
}
.cartbrowseritembox.cartbrowseritembox_folded {
	display: none;
}
.cartbrowseritemcontainer.many .cartbrowserbagheading {
	width: 100%;
	flex-basis: 100%;
}
.cartbrowserbaginfo {
	width: 100%;
	font-size: 12px;
	line-height: 16px;
	color: #757575;
	padding: 4px 4px 0;
}
#movetocheckoutbutton {
	margin-left: 8px;
}
.shoppingbagpicker {
	position: absolute;
	z-index: 1005;
	width: 360px;
	max-width: calc(100vw - 16px);
	box-sizing: border-box;
	margin-top: 0;
	padding: 0 0 12px;
	border-radius: 6px;
	outline: none;
	align-items: stretch;
	text-align: left;
}
.shoppingbagpicker_header {
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #424242;
	padding: 14px 16px 10px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.shoppingbagpicker_close {
	border: none;
	background: none;
	font-size: 18px;
	line-height: 1;
	color: #9E9E9E;
	cursor: pointer;
	padding: 0 2px;
}
.shoppingbagpicker_filter {
	width: calc(100% - 32px);
	box-sizing: border-box;
	margin: 0 16px 8px;
	height: 34px;
	font-size: 14px;
}
.shoppingbagpicker_list {
	width: 100%;
	box-sizing: border-box;
	max-height: 320px;
	overflow-y: auto;
}
.shoppingbagpicker_item {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	padding: 10px 16px;
	border: none;
	background: none;
	text-align: left;
	font-size: 15px;
	line-height: 20px;
	color: #212121;
	cursor: pointer;
}
.shoppingbagpicker_item[aria-selected='true'] {
	background-color: #EDE7F6;
	opacity: 1;
}
.shoppingbagpicker_item:hover, .shoppingbagpicker_item[aria-selected='true']:hover {
	background-color: #D1C4E9;
	color: #311B92;
	opacity: 1;
}
.shoppingbagpicker_item:hover .shoppingbagpicker_key, .shoppingbagpicker_item:hover .shoppingbagpicker_sub {
	color: #5E35B1;
}
.shoppingbagpicker_item svg, .shoppingbagpicker_newlabel svg {
	width: 16px;
	height: 16px;
	fill: #5E35B1;
	flex-shrink: 0;
}
.shoppingbagpicker_key {
	width: 18px;
	font-size: 12px;
	color: #9E9E9E;
	text-align: center;
	flex-shrink: 0;
}
@media (hover: none) and (pointer: coarse) {
.shoppingbagpicker_key {
	display: none;
}
}
.shoppingbagpicker_name {
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.shoppingbagpicker_sub {
	font-size: 12px;
	color: #757575;
	white-space: nowrap;
}
.shoppingbagpicker_separator, .shoppingbagmenu_separator {
	width: 100%;
	box-sizing: border-box;
	border-top: 1px solid #EEEEEE;
	margin: 0;
}
.shoppingbagmenu_separator {
	margin: 6px 0;
}
.shoppingbagpicker_new {
	width: 100%;
	box-sizing: border-box;
	padding: 12px 16px 0;
	border-top: 1px solid #EEEEEE;
	margin-top: 0;
}
.shoppingbagpicker_newlabel {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: #311B92;
	margin-bottom: 6px;
}
.shoppingbagpicker_newname {
	width: 100%;
	box-sizing: border-box;
	height: 34px;
	font-size: 14px;
	margin: 0;
}
.shoppingbagmenu {
	position: absolute;
	z-index: 1005;
	min-width: 260px;
	max-width: min(440px, calc(100vw - 16px));
	box-sizing: border-box;
	background-color: white;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 4px;
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
	padding: 8px 0;
	animation: popupfadeinanimation .1s;
}
.shoppingbagmenu_header {
	font-size: 12px;
	color: #9E9E9E;
	padding: 6px 16px 4px;
}
.shoppingbagmenu_item {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	padding: 9px 16px;
	border: none;
	background: none;
	text-align: left;
	font-size: 15px;
	line-height: 20px;
	color: #212121;
	cursor: pointer;
}
.shoppingbagmenu_item:hover {
	background-color: #EDE7F6;
	opacity: 1;
}
.shoppingbagmenu_item.disabled {
	color: #BDBDBD;
	cursor: default;
}
.shoppingbagmenu_item svg {
	width: 16px;
	height: 16px;
	fill: #5E35B1;
	flex-shrink: 0;
}
.shoppingbagmenu_item.disabled svg {
	fill: #BDBDBD;
}
.shoppingbagmenu_new {
	color: #311B92;
}
.shoppingbagmenu_name {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.shoppingbagmenu_sub {
	margin-left: auto;
	padding-left: 12px;
	font-size: 12px;
	color: #757575;
	white-space: nowrap;
}
.shoppingbagmenu_help {
	font-size: 12px;
	line-height: 17px;
	color: #8A6300;
	background-color: #FFF7E6;
	margin: 4px 12px 6px;
	padding: 7px 10px;
	border-radius: 4px;
}
.shoppingbagdialog {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 480px;
	max-width: calc(100vw - 16px);
	max-height: calc(100vh - 16px);
	overflow-y: auto;
	background-color: white;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	box-shadow: 0 18px 44px rgba(10,5,30,.35);
	z-index: 1011;
	display: flex;
	flex-direction: column;
	animation: popupfadeinanimation .1s;
}
/* 見出し・区切り・ボタン帯は配送先の選択・追加(.shiptoselector_*)と同じ */
.shoppingbagdialog_header {
	position: relative;
	box-sizing: border-box;
	padding: 14px 40px 12px 16px;
	align-items: flex-start;
}
.shoppingbagdialog_header .popupheadermessage {
	color: #424242;
	font-size: 16px;
	line-height: 22px;
}
.shoppingbagdialog_close {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	border: none;
	background: none;
	font-size: 20px;
	line-height: 1;
	color: #9E9E9E;
	cursor: pointer;
	padding: 4px 6px;
}
.shoppingbagdialog_body {
	box-sizing: border-box;
	padding: 12px 5% 16px;
	display: flex;
	flex-direction: column;
	font-size: 14px;
	line-height: 20px;
	color: #424242;
}
.shoppingbagdialog .richinputbox {
	width: 100%;
	margin: 0 0 12px;
}
.shoppingbagdialog .richinput {
	width: 100%;
	box-sizing: border-box;
}
.shoppingbagdialog .shoppingbagdialog_fixedlabel {
	top: 0;
	font-size: 13px;
}
.shoppingbagdialog_hint {
	margin-top: 4px;
	font-size: 12px;
	line-height: 17px;
	color: #9E9E9E;
	text-wrap: pretty;
}
.shoppingbagdialog_caption {
	margin: 4px 0 6px;
	font-size: 13px;
	line-height: 18px;
	color: #9E9E9E;
}
.shoppingbagdialog_note {
	margin: 0 0 10px;
}
.shoppingbagdialog_options {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 14px;
}
.shoppingbagdialog_option {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr);
	gap: 10px;
	border: 1px solid #E0E0E0;
	border-radius: 5px;
	padding: 12px 14px;
	cursor: pointer;
}
.shoppingbagdialog_option.on {
	border-color: #B39DDB;
	background-color: #F3E5F5;
}
.shoppingbagdialog_option input {
	margin: 3px 0 0;
	width: 18px;
	height: 18px;
	accent-color: #5E35B1;
}
.shoppingbagdialog_option b {
	display: block;
	font-size: 15px;
	line-height: 22px;
}
.shoppingbagdialog_option small {
	display: block;
	font-size: 13px;
	line-height: 18px;
	color: #616161;
}
.shoppingbagdialog_warn {
	background-color: #FFF6E8;
	color: #6F4B00;
	border-radius: 4px;
	padding: 10px 14px;
	margin-bottom: 12px;
}
.shoppingbagdialog_footer {
	box-sizing: border-box;
	padding: 15px 10px;
	background-color: #E8EAF6;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}
.shoppingbagdialog_danger {
	color: #B3261E;
	background: white;
	border-color: #E0B4B0;
}
/* SHOPPING BAGS END **********************************************/
/* SHIP-TO SELECTOR (shared with checkout's look: cart bags, order history, my page) START **********************************************/
.shiptoselectorpopup, .shiptoaddpopup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-top: 0;
	width: 640px;
	max-width: calc(100vw - 16px);
	max-height: calc(100vh - 16px);
	z-index: 1011;
	align-items: stretch;
	border-radius: 6px;
	box-shadow: 0 18px 44px rgba(10,5,30,.35);
}
.shiptoaddpopup {
	width: 420px;
	z-index: 1012;
}
.shiptoselector_header {
	position: relative;
	box-sizing: border-box;
	padding: 14px 40px 12px 16px;
	align-items: flex-start;
}
.shiptoselector_header .popupheadermessage {
	color: #424242;
	font-size: 16px;
	line-height: 22px;
}
.shiptoselector_close {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	border: none;
	background: none;
	font-size: 20px;
	line-height: 1;
	color: #9E9E9E;
	cursor: pointer;
	padding: 4px 6px;
}
.shiptoselector_note {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 16px;
	background-color: #FFF8E5;
	color: #7A5A00;
	font-size: 13px;
	line-height: 19px;
}
.shiptoselector_main {
	box-sizing: border-box;
	max-height: 60vh;
	overflow-y: auto;
	padding: 0 10px;
}
.shiptoaddpopup_main {
	box-sizing: border-box;
	max-height: 70vh;
	overflow-y: auto;
	padding-top: 0;
}
.shiptoselector_footer {
	box-sizing: border-box;
	padding: 15px 10px;
	background-color: #E8EAF6;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}
.shiptoselectorpopup .shiptoaddressselectoritemcontainer, .shiptoaddpopup .addshiptoaddressitemcontainer {
	width: 100%;
}
.shiptoselector_item {
	width: 100%;
	box-sizing: border-box;
	padding: 5px 10px;
	border-bottom: 1px solid #BDBDBD;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}
.shiptoselector_item:last-child {
	border-bottom: none;
}
.shiptoselector_item .shiptoaddressselectoritemboxcomponet_address {
	flex: 1;
	min-width: 0;
	padding: 8px 4px;
	word-break: break-all;
}
.shiptoselector_item .shiptoaddressselectoritemboxcomponet_control {
	padding: 13px 0;
	width: 100px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	gap: 8px;
}
.shiptoselector_item.shiptoselector_current {
	background-color: #F1EEFB;
}
.shiptoselector_currentmark {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #4527A0;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	white-space: nowrap;
}
.shiptoselector_currentmark svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
}
.shiptoselectorpopup .deliveryaddressitem {
	color: #424242;
	font-size: 15px;
	line-height: 20px;
}
.shiptoselectorpopup .deliverycompanyname, .shiptoselectorpopup .deliverypersonname {
	font-size: 16px;
	line-height: 22px;
}
.shiptoselectorpopup .deliverycompanyname {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.shiptoselectorpopup .deliverycompanynamemark {
	white-space: nowrap;
	font-size: 12px;
	line-height: 12px;
	padding: 2px;
	margin-left: 10px;
	color: #FF9800;
	border: 1px solid #FF9800;
}
.shiptoselectorpopup .deliverycompanynamemark[shiptotype='shipto'] {
	color: #4CAF50;
	border-color: #4CAF50;
}
.shiptoselectorpopup .deliverytelno {
	font-size: 13px;
	color: #757575;
}
.shiptoaddpopup .addshiptoaddressitem_richinputbox {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
/* 海外版の「Ship Overseas」(レジの .showcountryarea・.showcountrybutton と同じ) */
.shiptoaddpopup .showcountryarea {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.shiptoaddpopup .showcountrybutton {
	color: #5C6BC0;
	font-size: 12px;
	line-height: 14px;
}
/* MEDIA START **********************************************/
@media (max-width: 500px) {
.shiptoselector_item {
	flex-direction: column;
	align-items: stretch;
}
.shiptoselector_item .shiptoaddressselectoritemboxcomponet_control {
	flex-direction: row;
	justify-content: flex-end;
	gap: 12px;
	width: 100%;
	padding: 6px 4px 10px;
}
} /* MEDIA END **********************************************/
/* SHIP-TO SELECTOR END **********************************************/