@charset "utf-8";

/*____________________________________________________________________________

SITE TITLE: BOEM - assets
TITLE: PC 共通css 【L4】

(1) 全体　幅設定
(2) 画像ロールオーバー設定
(3) テキストリンク
(4) パンくず
(5) ページトップボタン
(6) 文字
(7) メッセージ　エラーや1000件表示
(8) 会員登録系のフォームスタイル
(9) ac propoza使用 レコメンド
(10) エラー、404
(11) ブランド一覧ページ／取扱いブランド
(12) clearfix
(13) フォームエレメント
(14) カート追加モーダル

____________________________________________________________________________*/

/*----------------------------------------------------------------------------
 boemfont
----------------------------------------------------------------------------*/
@font-face {
  font-family: 'boemfont';
  src: url("https://media.aws.locondo.jp/contents/fonts-v2-boem/boemfont_v2.eot");
  /* IE9 Compat Modes */
  src: url("https://media.aws.locondo.jp/contents/fonts-v2-boem/boemfont_v2.eot?#iefix") format("embedded-opentype"), url("https://media.aws.locondo.jp/contents/fonts-v2-boem/boemfont_v2.woff") format("woff"), url("https://media.aws.locondo.jp/contents/fonts-v2-boem/boemfont_v2.ttf") format("truetype");
  /* Safari, Android, iOS */
}

/*----------------------------------------------------------------------------
　(1) 全体　幅設定
----------------------------------------------------------------------------*/
#contents_ver4 {
  width:1024px;
  margin:15px auto 0;
}
/*----------------------------------------------------------------------------
　(2) 画像ロールオーバー設定
----------------------------------------------------------------------------*/
#contents_ver4 a:hover img {
  filter:alpha(opacity=60);
  -ms-filter:"alpha(opacity=60)";
  opacity:0.6;
}
#contents_ver4.product_main a:hover img {
  filter:alpha(opacity=100);
  -ms-filter:"alpha(opacity=100)";
  opacity:1;
}
/* Firefox */
#contents_ver4 a:hover img, x:-moz-any-link { background: #fff;}
#contents_ver4 a:hover img, x:-moz-any-link, x:default { background: #fff;}
/*----------------------------------------------------------------------------
　(3) テキストリンク
----------------------------------------------------------------------------*/
#mypage_right_contents a,
table a,
.back-link a {
  text-decoration:underline;
}
#mypage_right_contents a:hover,
table a:hover, 
.breadcrumbs a:hover,
.back-link a:hover {
  text-decoration:none;
}
/*----------------------------------------------------------------------------
　(4) パンくず
----------------------------------------------------------------------------*/
.breadcrumbs {
  width:100%;
  font-size:12px;
  color:#333;
  display:block;
  padding:0 0 10px;
  margin:0;
  text-align:left
}
.breadcrumbs li { display:inline; padding-right:5px;}
.breadcrumbs li a { text-decoration:none; padding-left:5px;}
.breadcrumbs li:first-child a { padding:0;}
/* 静的ページ用 */
.breadcrumbs li span { padding-left:5px;}
/*----------------------------------------------------------------------------
　(5) ページトップボタン
----------------------------------------------------------------------------*/
.pagetop {
  display:block;
  margin:30px auto;
  width:1024px;
  text-align:right;
}
.site_harleydavidson .pagetop{
	margin:0;
}
.pagetop a {
  display:inline-block;
  font-size:13px;
}
.pagetop .icon-arrow-top{
  font-size:20px;
  position:relative;
  top:4px;
  margin-left:4px;
}
.pagetop a:hover {
  opacity:0.7;
  text-decoration:none;
  color: #fff;
}
/*----------------------------------------------------------------------------
　(6) 文字
----------------------------------------------------------------------------*/
/*h2タイトル*/
/*影響なさそうなら確認後以下削除
.complete h2 ,
#order_confirm h2 ,
#inquiry h2 ,
.initpassword h2 ,
#arrival h2 ,
#login h2 ,
#logout h2 ,
#cart h2 ,
#review h2,
#register_contents h2 ,
#mypage_right_contents h2 {
  border-bottom:1px solid #ccc;
  margin:0 0 30px;
  font-size:18px;
  color:#2b2b2b;
  padding:0 10px 8px 0;
}
*/
.cart_tit h2 span ,
#login h2 span ,
#mypage_right_contents h2 span ,
#register_contents h2 span {
  font-size:12px;
}
/* p 文章*/
#register_contents p{
  font-size: 13px;
  color: #2b2b2b;
}
/*セール価格*/
.special_price {color:#FF0030;}
.site_descente .special_price {color:#b6784b;}
.old_price .price { text-decoration:line-through; color:#808080;}
.attention , /*注意文*/
.required_mark { /* 必須項目* */
  color:#ff0000 !important;
}
sup {
  font-size:1.2em;
  padding-left:3px;
  font-weight:normal;
  line-height:100%;
  color: #2b2b2b;
}
.attention_txt { margin:10px 0;}
label {
  color:#000;
  font-weight:bold;
  display:block;
}
.required_mark { font-weight:normal;}
.confirm { margin:10px 0 5px;}

.back-link {
  margin:0;
  padding-top:10px;
}
/*入力エラー*/
.inputBox label.attention { margin:0 0 5px;}
.customer_edit2 label.attention ,
.payment label.attention { margin:5px 0 0;}
.customer_edit2 p.required_mark { margin-bottom:15px;}
/*----------------------------------------------------------------------------
　(7) メッセージ　エラーや1000件表示
----------------------------------------------------------------------------*/
.error-msg , .success-msg , .note-msg , .notice-msg {
  padding:12px 30px;
  margin:0 0 25px ;
  color:#000;
  font-weight:bold ;
  border-radius:2px;  
}
.error-msg {
  background:#fff6f6;
}
.success-msg {
  background-color:#f7fcf0;
}
.note-msg , .notice-msg {
  background-color:#f7fcf0;
}
.error-msg li ,
.success-msg li ,
.note-msg li ,
.notice-msg li {
  margin:6px 0;
}
#order_confirm .error-msg{
  margin-bottom:20px;
  padding:12px;
  text-align:center;
}
/* 「メールを送信しました。」目立たせる */
.page_customer-sendpassword .notice-msg li{
  color:#222;
  font-weight:400;
}
.page_customer-sendpassword .notice-msg li:first-child{
  font-size:1.5em;
}


/*----------------------------------------------------------------------------
　(8) 会員登録系のフォームスタイル
----------------------------------------------------------------------------*/
/* customer_edit1 */
.customer_edit1 {
  margin-top: 15px;
  padding: 30px; 
  border: 1px solid #ddd;
}
#brand-list-container{
  border: none;
}
.register_edit1 {
  margin-top:20px;
}
.customer_edit1 .required_mark,
.register_edit1 .required_mark {
  margin-bottom:8px;
}
.customer_edit1 h3 {
  color:#2b2b2b;
  font-size:16px;
  margin:0 0 30px 0;
}
.inputBox {
  background:#f5f5f5;
  width: 100%;
}
.inner_area{
  padding: 30px;
}
.register-barCode-textwrap p.note{
  font-size: 12px;
  font-weight: normal;
  color: #2b2b2b;
}
.inputBox table { width:100%;}
.inputBox th {
  background:#f5f5f5;
  font-weight:bold;
  padding: 30px 10px 30px 30px;
  border-bottom:1px solid #ededed;
}
#mypage_right_contents .inputBox .block-jobType th {
  padding: 0px 10px 30px 30px;
}
.inputBox th span {
  font-size:10px;
  font-weight:normal;
}
.inputBox td {
  border-bottom:1px solid #ededed;
  padding:13px 13px 7px;
}
.mypage-customer-changepassword .inputBox td {
  border-bottom:none;
  padding:13px 13px 4px;
}
.mypage-customer-changepassword .inputBox tr:last-child td {
  padding:0 13px 13px;
}
.inputBox th label {
  margin-right:10px;
  font-weight:normal;
  font-size: 13px;
  color: #777;
}
.inputBox td label {
  margin-right:10px;
}
.inputBox td input , .inputBox td select { 
  margin-bottom:5px;
  padding:5px;
  font-size:13px;
}
.inputBox tr:last-child th,
.inputBox tr:last-child td{
  border-bottom: none;
}
/* パスワードの表示 */
#password_visibility_checkbox{
  display:none;
}
#password_visibility_label{
  width:56px;
  height:30px;
  font-family: "lcicon";
  font-size: 30px;
  line-height: 30px;
  position:absolute;
  top:37px;
  left:310px;
  cursor: pointer;
  font-weight: normal;
}
#password_visibility_label:before{content: "\EA11";}
#password_visibility_checkbox:checked ~ #password_visibility_label:before{content: "\EA10";}
.mypage-customer-changepassword .inputBox td,
#login .registered_users_in dl,
.initpassword .wrap-input,
.simple-register .block-password td,
.customer-register .block-password td{
  position:relative;
}
#login .registered_users_in dl{
  overflow:visible;
}
#login #password_visibility_label{
  top:39px;
  left:375px;  
}
.initpassword #password_visibility_label{
  top: 26px;
  left: 224px;
}
.simple-register .block-password #password_visibility_label{
  top:17px;
  left: 296px;
}
.customer-register .block-password #password_visibility_label{
  top:17px;
  left:300px;
}
.customer-register .block-password .password{
  margin-bottom:1em;
}

/* password_initpassword, customer-sendpassword レイアウト調整 */
.initpassword #password{
  width: 280px;
  padding: 6px;
  font-size: 13px;
}
.initpassword p{
  margin-bottom:1em;
}
.initpassword #confirm{
  float:none;
  margin:20px auto;
}
.initpassword #confirm .button,
.page_customer-sendpassword #confirm .button{
  float:none;
  margin:0 auto;
  width:12em;
  height:3em;
  font-size:13px;
}

/*新規会員登録*/
.register_edit1{
  padding:30px;
  border:solid 1px #ddd;
}
.register-new .register_edit1 th{
  padding-left:60px;
}
.register-new p{
  font-size:13px;
  color:#2b2b2b;
  line-height:1.7;
}
.register-new p.required_mark{
  font-size:12px;
  color:#ff0000;
}
.register_edit1 .inputBox td input,
.register_edit1 .inputBox td select {
  font-size: 14px;
  border: 1px solid #ddd;
  padding: 8px;
  border-radius: 2px;
}
.register_edit1 .ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.register_edit1 .ui-menu {
  background: #FFF;
  border: 1px solid #c5c5c5;
}
.register_edit1 .ui-state-active,
.register_edit1 .ui-widget-content .ui-state-active,
.register_edit1 .ui-widget-header .ui-state-active,
.register_edit1 a.ui-button:active,
.register_edit1 .ui-button:active,
.register_edit1 .ui-button.ui-state-active:hover {
  border: 1px solid #ff4f1a;
  font-weight: normal;
  color: #ffffff;
}
.register_edit1 .ui-icon-background,
.register_edit1 .ui-state-active .ui-icon-background {
  border: #ff4f1a;
  background-color: #ffffff;
}
.register_edit1 .ui-state-active a,
.register_edit1 .ui-state-active a:link,
.register_edit1 .ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}
.lgc_registerform .mbkr_color{
 color:#ff719c !important;
 font-weight: bold;
}
.lgc_registerform .input_head a{
text-decoration: underline;
}

.register-barCode-wrap{
  border: 1px solid #ededed;
}
.inputBox .register-barCode-wrap th,  .inputBox .register-barCode-wrap td{
  border-bottom: none;
}
.inputBox .register-barCode-textwrap th{
  padding: 60px 30px 30px 30px;
}
.inputBox .register-barCode-wrap .block-jobType.pin th{
  padding-bottom: 60px;
}
.inputBox .register-barCode-wrap .block-jobType.pin td{
  padding-bottom: 37px;
}
.register-barCode-wrap h3{
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
}
.register-barCode-wrap p{
  font-weight: normal;
}

.setting-mailmagazine .note_domain{
  padding-left: 30px;
}
.setting-mailmagazine .inputBox{
  border-bottom: 1px solid #ededed;
}
.setting-mailmagazine .inputBox th{
  width: 33%;
}
.setting-mailmagazine .inputBox th span{
  color: #2b2b2b;
  font-size: 13px;
  font-weight: bold;
}

#register_contents .setting-mailmagazine .inputBox tr{
  width: 67%;
}
#register_contents .setting-mailmagazine .inputBox th p{
  font-size: 12px !important;
  color: #777 !important;
}
.setting-mailmagazine input {
  position: relative;
  border: 1px solid #ccc;
  flex: none;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin: 0 5px 0 0;
  border-radius: 50%;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  overflow: hidden;
  margin-bottom: 3px;
}
.setting-mailmagazine .uk-checkbox:checked {
  border-color: #1e87f0;
}

.mail-favorite-brand-select{
  padding-top: 60px;
  padding-bottom: 30px;
}
.mail-favorite-brand-select h3{
  font-size: 16px;
  font-weight: bold;
  padding: 30px 10px 10px 30px;
}
/* ブランド選択 */
.mail-favorite-brand-select input {
  position: relative;
  border: 1px solid #ccc;
  background-color: #fff;
  flex: none;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin: 0 5px 0 0;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  overflow: hidden;
  margin-bottom: 3px;
}
.mail-favorite-brand-select .uk-checkbox:checked {
  border-color: #1e87f0;
}
.register-new .mail-favorite-brand-select h3{
  padding: 0px 60px 0px;
}
.register-new .inner_area{
  display: flex;
  padding: 30px 60px;
}
.register-new .setting-mailmagazine .inner_area{
  padding: 30px 30px 30px 60px;
}
.register-new .setting-mailmagazine .inner_area label{
  color: #2b2b2b;
  font-size: 13px;
  width: 31%;
}
.register-new .setting-mailmagazine .inner_area .note{
  font-size: 12px !important;
  color: #777 !important;
  /* width: 67%; */
}

.mail-favorite-brand-select .wrap-brand-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 20px;
}
.mail-favorite-brand-select .wrap-brand-list li{
  width: calc((100% / 4) - 15px);
  margin-bottom: 20px;
}
.mail-favorite-brand-select .wrap-brand-list li img{
  width: 100%;
  background: #fff;
  margin-bottom: 10px;
}

/* 同意にチェック */
.registAgree{
  margin:30px auto 0 auto;
  text-align: center;
}
.registAgree #terms_message{
  font-size: 13px;
  margin-left: -20px;
}
.registAgree label{
  margin-top:5px;
}
#terms_message input{
  margin-right:5px;
}
/*同意ボタン*/
.registAgree-checkbox input{
  visibility: hidden;
}
.registAgree-checkbox label{
  position: relative;
  display: inline-block;
  top: 0%;
  padding: 0 0 0 24px;
  margin: 8px 0;
  font-weight: normal;
  color: #2b2b2b;
  font-size: 13px;
  -webkit-transition:0.2s ease;
  transition: 0.2s ease;
  cursor: pointer;
  overflow: inherit;
}
.registAgree-checkbox label:after {
  -webkit-transition:0.2s ease;
  transition: 0.2s ease;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  display: block;
  content: '';
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  background: #e5e5e5;
  border-radius: 50%;
}
.registAgree-checkbox label:before {
  -webkit-transition:0.2s ease;
  transition: 0.2s ease;
  position: absolute;
  top: 50%;
  left: 7px;
  display: block;
  margin-top: -4px;
  width: 4px;
  height: 7px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: '';
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 2;
}
.registAgree #terms_message a{
  text-decoration: underline;
}
.registAgree-checkbox input[type=checkbox]:checked + label:after {
  background: #333;
}
/* disabled; */
.registAgree-checkbox input[type=checkbox]:disabled + label{
  color: #888;
  cursor: default;
}
.registAgree-checkbox input[type=checkbox]:disabled + label:before {
  border-right: none;
  border-bottom: 2px solid #fff;
  width: 8px;
  height: 5px;
  left: 5px;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.registAgree-checkbox input[type=checkbox]:disabled + label:hover:before {
  border-right: none;
  border-bottom: 2px solid #fff;
}
/* 規約モーダル調整 */
.modal_terms,.modal_privacy{
  text-align: left;
  font-size:13px;
}
.modal_terms h2,.modal_privacy h2{
  font-size:22px;
}
.modal_terms h3,.modal_privacy h3{
  font-size:16px;
  margin: 40px 0 20px 0;
}
.modal_terms dt,.modal_privacy dt{
  margin-top:10px;
}
.modal_terms.remodal,.modal_privacy.remodal {
  max-width: 900px;
}
.term_contents,.privacy_contents{
height: 350px;
overflow-y: scroll;
overflow-x:hidden;
padding:30px;
border:1px solid #ddd;
line-height: 160%;
color:#555555;
}
.term_contents a,.privacy_contents a{
  color:#555;
}
.term_contents p, .privacy_contents p,
.term_contents li, .privacy_contents li{
  margin-top:8px;
}
.term_contents h3,
.term_contents h4,
.term_contents h5,
.term_contents h6, 
.privacy_contents h3,
.privacy_contents h4,
.privacy_contents h5,
.privacy_contents h6{
  margin-top:20px;
}
.modal_terms.remodal .remodal-close,
.modal_privacy.remodal .remodal-close,
.errorMailMsg-remodal .remodal-close {
  left: 880px;
  top: -16px;
  width: 36px;
  height: 36px;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 50%;
}
.modal_terms.remodal .remodal-close.remodal-close:before,
.modal_privacy.remodal .remodal-close.remodal-close:before,
.errorMailMsg-remodal .remodal-close.remodal-close:before {
  color:#fff;
}
.modal_terms.remodal .remodal-close_bottom,
.modal_privacy.remodal .remodal-close_bottom {
  background-color: #fff;
  width: 200px;
  height: 40px;
  font-size: 14px;
  border-radius: 2px;
  margin: 30px auto 0px auto;
  display: block;
  cursor: pointer;
}
/* jQuery UI */
.ui-autocomplete *,
.ui-autocomplete *:before,
.ui-autocomplete *:after {
	box-sizing: border-box;
}
.ui-autocomplete {
	width: 23em;
	background-color: #fff;
	border: 1px solid #c5c5c5;
	border-top: none;
	box-sizing: border-box;
	z-index: 99;
	word-break: break-all;
	word-wrap: break-word;
  font-size: 13px;
  font-weight: bold;
}
.ui-autocomplete .ui-menu-item {
	display: table;
	width: 100%;
}
.ui-autocomplete .ui-menu-item-wrapper {
  padding: 6px 0 6px 12px;
}
.ui-autocomplete .ui-menu-item .ui-state-active,
.ui-autocomplete .ui-menu-text .ui-state-active {
	background-color: #fedeb6;
}
.ui-autocomplete .ui-menu-item:hover {
  background: #fedeb6;
}

/*性別*/
/* 性別「登録しない」をデフォルトは非表示 */
.radioButton-sex0{
  display: none!important;
}
.sex-label{
  display:inline;
  font-size:13px;
  font-weight:normal;
  color:#2b2b2b;
  margin-left:2px;
}
#sex1,
#sex2,
.sex-label{
  cursor: pointer;
}
/* 生年月日 */
#birthDateYear{
  width:6em !important;
}
#birthDateMonth,
#birthDateDay{
  width:5.5em !important;
}
/*郵便番号*/
.postalcode { margin-top:5px;}
/*例*/
.example {
  padding:0;
  font-size: 11px;
  display:block;
}
.example-notice {
  padding:0;
  font-size: 11px;
  display:block;
  color: #666;
 }
 .example-notice-point{
  padding:8px 0 0 0;
}
/*ボタン共通　登録*/
.register ,
.refund_actionFooter {
  clear:both;
  padding-top:30px;
}
/* 登録ボタン */
.register a ,
.refund_actionFooter a {
  width:160px;
  height:44px;
  line-height:44px;
  margin:0 auto 10px;
  display:block;
  text-align:center;
  font-size:16px;
  color:#fff;
  border-radius:4px;
}
:where(.register, .refund_actionFooter) a{
  background-color:#333;
}
.register a:hover ,
.refund_actionFooter a:hover {
  filter:alpha(opacity=80);
  -ms-filter:"alpha(opacity=80)";
  opacity:0.8;
}
/* customer_edit2 */
.customer_edit2 {
  margin-top: 15px;
  padding: 30px; 
  border: 1px solid #ddd;
}
.customer_edit2 h3 {
  color:#2b2b2b;
  font-size:16px;
  margin:0 0 15px 0;
}
.customer_edit2 form {
  clear:both;
}
.customer_edit2 sup {
  color:#ff0000;
  font-size: 1.2em;
}
.customer_edit2 table td {
  padding:30px;
  vertical-align:top;
}
#confirm {
  float:right;
  overflow:hidden;
  margin-top: 28px;
  text-align:right;
}
.customer_edit2 #confirm{
  float: none;
  text-align: center;
}
.customer_edit2 #confirm button.button{
  float: none;
  margin: 0 auto;
}
.site_fila .customer_edit2 #confirm a{
  text-decoration: underline;
}
.site_fila .customer_edit2 #confirm button.button{
  width: auto;
  margin-top: 10px;
}
.customer_edit2 button{
  background-color:#333;
}
.customer_edit2 label {
  font-weight:bold;
  display:block;
  margin-bottom:5px;
}
.customer_edit2 .example { margin-top:5px;}

/*ボタン*/
button.button {
  display:block;
  border:none;
  padding:0.3em 1em;
  font:12px/19px Arial, Helvetica, sans-serif;
  white-space:nowrap;
  color:#fff;
  cursor:pointer;
  border-radius: 3px;
}
:where(button).button{
	background-color:#333;
}
button.button:hover {
  filter:alpha(opacity=80);
  -ms-filter:"alpha(opacity=80)";
  opacity:0.8;
}
.buttons-set {
  margin-top:2em;
  clear:both;
}
#confirm button.button { float:right;}
/*---　ボタン --*/
.btn-reg{
  display: block;
  line-height: 2.5em;
  width: 160px;
  text-align:center;
  font-size: 13px;
  text-decoration: none !important;
  border-radius:2px;
  border:1px solid;
}
.btn-or{
  color: #fff !important;
}
.btn-wh{
  background:transparent;
}
.btn-or:hover{
  opacity: .7;
}
.btn-wh:hover{
  opacity:.7 !important;
}
/*お客様情報登録*/
.hello { margin-bottom:20px;}
.name-lastname ,
.name-firstname ,
.name-lastnamekana ,
.name-firstnamekana {
  float:left;
  margin-right:15px;
  margin-top:-3px;
}
.name-lastname input ,
.name-firstname input ,
.name-lastnamekana input ,
.name-firstnamekana input { width:180px;}
label.mail_magazine {
  display:inline;
  font-weight:normal;
  font-size:12px;
}
.inputBox .alert_form {
  font-size: 11px !important;
  margin: 0 0 10px;
  padding-right: 20px;
}

.site_harleydavidson .simple-register{
	padding-bottom:50px;
}

/*----------------------------------------------------------------------------
　(9) レコメンド
----------------------------------------------------------------------------*/
.product_detail_reco {
  margin-bottom:30px;
}
h2.product-reco {
  width:1024px;
  height:20px;
  margin:0 0 5px;
  font-size:13px;
  color:#000;
  font-weight:bold;
  text-align:left;
  padding:0;
}
h2.product-reco span {
  font-size:11px;
  color:#666;
  padding-left:13px;
  font-weight:normal;
}
.product_detail_reco > ul,
.product_contents .newArrival_item .catalogList{
  display:flex;
  flex-wrap:wrap;
}
.product_detail_reco > ul > li,
.product_contents .newArrival_item .catalogList > li{
  width:160px;
  margin:0;
  margin-right:10px;
  padding:0;
  text-align:left;
  font-size:11px;
  line-height:1.5;
  font-weight:normal;
  overflow:hidden;
  display: inline-block;
}
.product_detail_reco > ul > li:nth-of-type(7){
  margin-right:0;
}
.product_detail_reco > ul > li a {
  display:inline-block;
  width:100%;
  text-decoration:none;
}
.product_detail_reco > ul > li a img{
  width:100%;
  height:auto;
}
.product_detail_reco > ul > li br{
  display:none;
}
.product_detail_reco p {
  color:#666;
  font-size:11px;
}
/* 割引き前価格 */
.product_detail_reco > ul > li .old_price {
  text-decoration:line-through;
  color:#969696;
}
/* 閲覧履歴 */
#history_item { 
  margin-bottom:40px;
}
#history_item #history > ul,
#cart_recommend #history > ul {
  width:1024px;
  display:flex;
}
#history_item #history > ul > li,
#cart_recommend #history > ul > li {
  width:94px;
  padding:0;
  margin-right: 5px;
  margin-bottom: 5px;
}
#history_item #history ul li:nth-child(10n),
#cart_recommend #history ul li:nth-child(10n) {
  margin-right: 0;
}
#history_item #history p {
  color:#666;
  font-size:11px;
}
.product_detail_reco .brand_name,
.product_detail_reco span[id^="product-price-"]{
  font-size:13px;
  color:#333;
  letter-spacing:.03em;
}
.product_detail_reco .old_price{
  margin-right:0 !important;
  font-size:13px !important;
}
.product_detail_reco .special_price{
  color:#FF0030 !important;
}

.ranking_product_price.ranking_product_price_memberprice{
  display: inline-block;
}
/*----------------------------------------------------------------------------
　(10) エラー、404
----------------------------------------------------------------------------*/
#error_page{
  margin:50px auto 100px;
}
.page-404 p{
  font-size:14px;
  line-height:1.8;
  text-align:center;
  color:#444;
}
.page-404 .heading{
  font-size:20px;
  margin-bottom:1em;
}
.page-404 .btnToppage{
  /* リセット */
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  /* ここまで */

  display:block;
  margin:30px auto;
  padding:1em 0;
  width:240px;
  font-size:14px;
  color:#fff;
  border-radius:4px;
}
.page-404 .btnBack{
  display:block;
  margin:0 auto;
  text-align:center;
  font-size:14px;
}
.page-404 .btnToppage:hover,
.page-404 .btnBack:hover{
  opacity:.7;
}
/*----------------------------------------------------------------------------
　(11) ブランド一覧ページ／取扱いブランド
----------------------------------------------------------------------------*/
#brands-list .index {
  overflow:hidden;
  border-left:1px solid #e6e6e6;
  margin-bottom:15px;
}
#brands-list .index li {
  float:left;
  margin-right:0 !important;
  border-right:1px solid #e6e6e6;
  text-align:center;
}
#brands-list .index li a {
  display:block;
  line-height:32px;
  height:30px;
  padding:0 13px;
}
#brands-list .index li a:hover ,
#brands-list .listCategory li a:hover ,
#brands-list .listCategory li b {
  background-color:#e6e6e6;
  text-decoration:none;
  color:#000;
  font-weight:normal;
}
#brands-list .listCategory {
  overflow:hidden;
  margin:-15px 0 20px;
}
#brands-list .listCategory li {
  float:left;
  margin-right:10px !important;
  border:1px solid #e6e6e6;
  line-height:38px;
  height:36px;
}
#brands-list .listCategory li b ,
#brands-list .listCategory li a {
  display:block;
  padding:0 14px;
}
#brands-list #startWithAlphanumeric li ,
#brands-list #startWithKatakana li  {line-height:250%;}
.ui-helper-hidden-accessible{display: none;}

/*----------------------------------------------------------------------------
　(12) clearfix
----------------------------------------------------------------------------*/
.breadcrumbs ,.customer_edit1 dl ,#login ,.box-share-item ,#checkout-rec ,#cart_recommend ,
.catalog_paging ,#selected-style ,#catalog_sort ,#catalog_list { overflow: hidden;}

* html .breadcrumbs ,* html .customer_edit1 dl ,* html #login ,* html box-share-item ,* html #checkout-rec ,* html #cart_recommend ,
* html .catalog_paging,* html #selected-style ,* html #catalog_sort ,* html #catalog_list  { height: 1%;}

/*----------------------------------------------------------------------------
　(13) フォームエレメント
----------------------------------------------------------------------------*/
.locondo-checkbox{
  display: inline-block;
}
.locondo-checkbox input[type=checkbox]  {
  display: none;
}
.locondo-checkbox label{
  position: relative;
  top: 0%;
  padding: 0 0 0 24px;
  margin: 8px 0;
  font-weight: normal;
  color: #2b2b2b;
  font-size: 13px;
  -webkit-transition:0.2s ease;
  transition: 0.2s ease;
  cursor: pointer;
  overflow: inherit;
}
.locondo-checkbox label:after {
  -webkit-transition:0.2s ease;
  transition: 0.2s ease;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  display: block;
  content: '';
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  background: #e5e5e5;
  border-radius: 50%;
}
.locondo-checkbox label:before {
  -webkit-transition:0.2s ease;
  transition: 0.2s ease;
  position: absolute;
  top: 50%;
  left: 7px;
  display: block;
  margin-top: -4px;
  width: 4px;
  height: 7px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: '';
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 2;
}
.locondo-checkbox input[type=checkbox]:checked + label:after {
	background-color: #222;
}
  /* hoverはPCのみ; */
.locondo-checkbox input[type=checkbox]:checked + label:hover:before {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.locondo-checkbox input[type=checkbox] + label:hover:after {
	background-color: #aaa;
}

/* disabled; */
.locondo-checkbox input[type=checkbox]:disabled + label{
  color: #888;
  cursor: default;
}
.locondo-checkbox input[type=checkbox]:disabled + label:before {
  border-right: none;
  border-bottom: 2px solid #fff;
  width: 8px;
  height: 5px;
  left: 5px;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.locondo-checkbox input[type=checkbox]:disabled + label:hover:before {
  border-right: none;
  border-bottom: 2px solid #fff;
}
  /* hoverはPCのみ; */
.locondo-checkbox.is-checked > label:hover:before {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

/* ラジオボタン  外がbefore 内がafter */
.locondo-radioButton{
  display: inline-block;
}
.locondo-radioButton input[type=radio]{
  display:none;
}
.locondo-radioButton label{
  display: inline-block;
  position: relative;
  margin-right:24px;
  padding: 0 0 0 30px;
  font-weight: normal;
  color: #2b2b2b;
  font-size: 15px;
  cursor: pointer;
  overflow: inherit;
  line-height: 1.5;
  vertical-align: bottom;
}
.locondo-radioButton label:before,
.locondo-radioButton label:after {
  position: absolute;
  content: '';
  border-radius: 50%;
}
.locondo-radioButton label:before {
  left: 0;
  top: 0;
  box-sizing:border-box;
  width: 24px;
  height: 24px;
  border: 1px solid #ccc;
}
.locondo-radioButton input[type="radio"]:checked + label:after {
  transform: scale(1);
}
.locondo-radioButton input[type="radio"]:checked ~ label{
  font-weight:600;
}
.locondo-radioButton label:after {
  top: 5px;
  left: 5px;
  width: 14px;
  height: 14px;
  transform: scale(0);
  background: #000;
}

/*----------------------------------------------------------------------------
  wanco
 ----------------------------------------------------------------------------*/

/* ワンコモーダル（.wancoModal） */
.wancoModal {
  display: none; 
  position:fixed;
  z-index:1100;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:rgba(0,0,0,.4);
  overflow-y:scroll;
  -webkit-overflow-scrolling: touch;
}
.wancoModal_bg-cancelElement {
  width: 100%;
  height: 100%;
}  
.wancoModal_contents {
  box-sizing: border-box;
  position:fixed;
  width: 500px;
  padding:48px 24px;
  background-color:#fff;  
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.wancoChat_inquiry .wancoModal_contents {
  height: auto;
}
.wancoModal_closeBtn-cancelElement {
  position:absolute;
  top:-36px;
  right:0;
  display:inline-block;
  width:24px;
  height:24px;
  background:url('https://media.aws.locondo.jp/contents/img/common/wancoModal-icon-close.png') no-repeat center;
  background-size:contain;  
}
.wancoChat_inquiry .wancoModal_contents:before {
  display: none;
}
.wancoModal_heading {
  text-align:center;
  font-size:16px;
  margin-bottom:40px;
  color:#2b2b2b;  
}
.wancoModal_text {
  font-size:13px;
  line-height:1.7;
  text-align:center;
  color:#2b2b2b;
  margin-bottom:30px;
}
[lang="en"] .wancoModal_text{
   font-size:14px;
}
.wancoModal_uikit_contents .wancoModal_text.-mataha{
	margin-bottom:15px;
}

/* UIkitに変更 #111564*/
.wancoModal_uikit_contents{
	padding:50px;
}
.wancoModal_uikit_contents  .uk-modal-close{
  /* 基本のリセット */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: inherit;
  line-height: normal;

display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
}
.wancoModal_uikit_contents  .uk-modal-close{
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
}
.wancoModal_uikit_contents  .uk-modal-close:before{
font-family: "Material Symbols Outlined";
  content: "\e5cd";
  font-style: normal;
  font-size: 36px;
  color: var(--text-dark);
  font-variation-settings: 'FILL' 0, 'wght' 100, 'GRAD' 0, 'opsz' 24;
}

/* fascinateメール問い合わせ */
.site_fascinate .wancoModal_uikit_contents .email_inquiry{
	width: 300px;
	margin: 0 auto;
	margin-top:1.5em !important
}
.site_fascinate .wancoModal_uikit_contents .email_inquiry a{
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:14px;
	height:48px;
	border:1px solid var(--text-dark);
	text-decoration:none !important;
}
.site_fascinate .wancoModal_uikit_contents .email_inquiry a:before{
  font-family: "Material Symbols Outlined";
  content: "\e158";
  font-style: normal;
  font-size: 22px;
  margin-right: .2em;
  color: var(--text-dark);
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

#wancoModal_commodity .email_inquiry{
	margin-top:3em;
	font-size:12px;
	text-align:center;
}
#wancoModal_commodity .email_inquiry br{
	display:none;
}
[lang="en"] #wancoModal_commodity .email_inquiry{
	font-size:13px;	
}
#wancoModal_commodity .email_inquiry a{
	text-decoration:underline;
	text-underline-offset:.3em;
}
/* ボタン */
.wancoModal_btn {
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:14px;
  height:48px;
  width: 300px;
  margin: 0 auto 20px;
  text-decoration:none; 
}
.wancoModal_btn.wancoModal_btn-login {
  color:#fff;
}
.site_fascinate .wancoModal_btn.wancoModal_btn-login:before{
  font-family: "Material Symbols Outlined";
  content: "\ea77";
  font-style: normal;
  font-size: 22px;
  margin-right: .2em;
  color: #fff;
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}
.wancoModal_btn.wancoModal_btn-customerRegister {
}
/* ボタン hover */
.wancoModal_btn:hover {
  opacity:.6;
  text-decoration:none;
}
/*カテゴリを選ぶ*/
.wancoModal_selectCategory li {
  text-align:center;
  font-size:15px;
  line-height:46px;
  width:300px;
  height:50px;
  background-color: #eee;
  margin:0 auto 16px;
  cursor:pointer;
}
.wancoModal_selectCategory li:hover {
  opacity:.6; 
}
.wancoChat_inquiry .wancoModal_selectCategory li:last-child {
  margin-bottom:0;
}
/*カテゴリを選ぶ - FAQの注文履歴リンク*/
.wancoModal_selectCategory.fromFAQ li:first-child br{
  display:none;
}
.wancoModal_selectCategory.fromFAQ a {  
  border:none;
}
.wancoModal_selectCategory.fromFAQ a:hover {
  text-decoration:none;
}
.wancoModal_selectCategory_toOrderHistory a {
  display: block;
  padding-top:4px;
  line-height: 1.4;
}
.wancoModal_selectCategory_toOrderHistory span {
  display:block;
  font-size: 13px;
}

/*----------------------------------------------------------------------------
メールアドレス登録不可 #65916
----------------------------------------------------------------------------*/
.errorMailMsg-remodal h2{
  font-size: 18px;
  margin:0 0 20px 0;
}
.errorMailMsg-remodal p{
  font-size: 13px;
  color: #666;
  text-align:left;
  line-height:1.7;
  margin:0 0 20px 0;
}
.errorMailMsg-remodal ol{
  text-align:left;
  font-size:13px;
  padding-left:1.5em;
}
.errorMailMsg-remodal li{
  line-height:1.8;
  color:#666;
  list-style:circle;
}
span.trg-errorMailMsg-remodal{
  font-size: 12px;
  padding: 2px 0;
  font-weight: normal;
  cursor: pointer;
}
.errorMailMsg-remodal .remodal-close {
  left: 680px;
}
span.trg-errorMailMsg-remodal:hover{
  border-bottom: none;
}

/*----------------------------------------------------------------------------
ページトップ
----------------------------------------------------------------------------*/
.pagetop{
  display: none;
}
.pagetop a{
  color:#fff;
  text-align: center;
  border-radius: 25px;
  position: fixed;
  bottom: 40px;
  right: 40px;
  padding: 14px;
  font-size: 16px;
}
/* 会員登録完了画面 customer-register-complete */
#contents_ver4.customer-register-complete{
  padding-top:30px;
}
#contents_ver4.customer-register-complete h2{
  text-align: center;
  padding: 20px 0;
  border-bottom: none;
  font-size: 20px;
}
#contents_ver4.customer-register-complete p{
  margin:0 auto 30px;
  width:60%;
  text-align:center;
  line-height:1.7;
  font-size:13px;
}
#contents_ver4.customer-register-complete .btnToppage{
  /*   リセット */
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  /* ここまで */

  display:block;
  margin:0 auto;
  font-size:13px;
  padding:1em 10em;
  color:#fff;
  border-radius:4px;
}
#contents_ver4.customer-register-complete .btnToppage:hover{
  opacity:.6;
}
#contents_ver4 .static_contents_title{
  padding: 35px 0;
  font-size: 20px;
  letter-spacing: 1.5px;
  text-align: center;
}
#contents_ver4:lang(en) .static_contents_title{
   letter-spacing: 0;
}

/*----------------------------------------------------------------------------
共通アイコン
----------------------------------------------------------------------------*/
.icon-facebook:before, .icon-twitter:before, .icon-googleplus:before, .icon-youtube:before, .icon-spotify:before, .icon-line:before, .icon-pinterest:before, .icon-instagram:before, .icon-displayPC:before, .icon-displaySP:before {
  display: inline-block;
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  color: #000;
  text-align: center;
}
.icon-facebook:before {
  content: "\e604";
  font-family: 'boemfont'!important;
}

.icon-twitter:before {
  content: "\e606";
  font-family: 'boemfont'!important;
}

.icon-googleplus:before {
  content: "\e700";
  font-family: 'boemfont'!important;
}

.icon-youtube:before {
  content: "\e701";
  font-family: 'boemfont'!important;
}

.icon-spotify:before {
  content: "\e703";
  font-family: 'boemfont'!important;
}

.icon-line:before {
  content: "\e704";
  font-family: 'boemfont'!important;
}

.icon-pinterest:before {
  content: "\e702";
  font-family: 'boemfont'!important;
}

.icon-instagram:before {
  content: "\e605";
  font-family: 'boemfont'!important;
}

.icon-displayPC:before {
  content: "\e901";
  font-family: 'boemfont'!important;
}

.icon-displaySP:before {
  content: "\e900";
  font-family: 'boemfont'!important;
}

/*----------------------------------------------------------------------------
  コンテンツ - News
----------------------------------------------------------------------------*/
#cms-contents.news{
  width:1024px;
  line-height: 1.7;
  margin:0 auto;
  padding:50px 30px;
  font-size:14px;
}
#cms-contents.news img{
  padding:10px 0;
}
#new-contents #news li .text{
margin-right:30px!important;
}

/* ロコメジャー非表示 */
.wrapLocoMeasure{
  display: none !important;
}
.wrap-downloadPdf .downloadPdf_bg{
  display: none;
}

.page_delivery_firstclass .content-1 li{
  display:block;
}
.page_delivery_firstclass .content-1 li:before{
  display:inline-block;
}

/* #98066 郵便番号 */
.customer-register .postalCodeBlock td .wrap{
  display:flex;
  align-items:center;
}
.customer-register .locondo-input_note a,
.postalCodeBlock .locondo-input_note a,
.formBlock.postalCode .locondo-input_note a{
  margin-left:20px;
  font-size:11px;
  background: url(//media.aws.locondo.jp/contents/common/images/pict_blank.gif) right center no-repeat;
  padding-right: 15px;
  color:#666 !important;
  text-underline-offset:4px;
}
.postalCodeBlock td .wrap{
  display:flex;
  align-items:center;
}
.customer-register #searchAddressResult,
.postalCodeBlock #searchAddressResult,
.formBlock.postalCode #searchAddressResult{
  margin-top:.5em;
  display:inline-block;
  font-size:12px;
  line-height:1.6;
  color:#d00;
  font-weight:600;
}

/*----------------------------------------------------------------------------
レビューレーティング
----------------------------------------------------------------------------*/
.rev_ranking_summary_block {
  cursor: pointer;
  text-align: center;
  margin-top: 4px;
}

.rev_ranking_summary_block .rating_ranking_summary_Box {
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  width: 78px;
  height: 15px;
  background: url(https://media.aws.locondo.jp/_assets/img/pc/icon_stars_1608.png) no-repeat 0 -15px;
}

.rev_ranking_summary_block .rating {
  height: 15px;
  text-indent: -9999px;
  background: url(https://media.aws.locondo.jp/_assets/img/pc/icon_stars_1608.png) no-repeat 0 0;
}

.rev_ranking_summary_block {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.rev_ranking_summary_block .rating_ranking_summary_Box {
  margin: 0 2px 0 0 !important;
}

.rating_ranking_summary_score {
  margin: 0 2px 0 0;
}

/*----------------------------------------------------------------------------
コピーガード
----------------------------------------------------------------------------*/
.copyGuard{
	/* PCの右クリック禁止 */
  pointer-events: none;
	  /* SPの長押し禁止 */
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  user-select:none;
}
@media print{
  .copyGuard{
	display: none !important;
  }
}
/* 郵便番号書き換え時のダイアログ#98996 */
.postalCode_alert .uk-modal-body{
  font-size:13px;
  color:#333;
  line-height:1.6;
}
.postalCode_alert .uk-modal-footer{
  border:none;
  text-align:center !important;
}
.postalCode_alert .uk-modal-footer button{
  background:#333;
  border-radius:2px;
  width:10em;
}

/*----------------------------------------------------------------------------
 ランキング
----------------------------------------------------------------------------*/
.ranking .catalog-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
  justify-content:space-between;
}
.ranking .catalog-link{
  display:block;
  text-decoration:none;
}
.ranking .catalog-item {
  width: calc((100% - 30px) / 4);
  overflow: hidden;
  margin-bottom: 5px;
}
.site_mango .ranking .catalog-list {
	justify-content:flex-start;
	gap:10px;
}
.ranking.-col-3 .catalog-item {
  width: calc((100% - 20px) / 3);
}
.ranking.-col-5 .catalog-item {
  width: calc((100% - 40px) / 5);
}
.ranking.-col-6 .catalog-item {
  width: calc((100% - 50px) / 6);
}
.ranking .catalog-imgContainer {
  padding-top: 100%;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
.ranking .catalog-img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ranking .catalog-imgContainer:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  background-color: #000;
  opacity: 0.02;
}
/* 商品数が足らない時のflexレイアウト調整 */
.section-ranking .catalog-list::before,
.section-ranking .catalog-list::after,
.section-ranking .catalog-list .elm_css_forColumn{
  content:"";
  display:block;
  width: calc((100% - 50px) / 6);
  height:0;
  order: 100;
}
/* 4カラム */
.site_ido .section-ranking .catalog-list::before,
.site_ido .section-ranking .catalog-list::after,
.site_jayjay .section-ranking .catalog-list::before,
.site_jayjay .section-ranking .catalog-list::after,
.site_reebok .section-ranking .catalog-list::before,
.site_reebok .section-ranking .catalog-list::after{
  width: calc((100% - 40px) / 5);
}
/* 5カラム */
.site_akakura .section-ranking .catalog-list::before,
.site_akakura .section-ranking .catalog-list::after,
.site_charles .section-ranking .catalog-list::before,
.site_charles .section-ranking .catalog-list::after,
.site_danyu .section-ranking .catalog-list::before,
.site_danyu .section-ranking .catalog-list::after,
.site_grande .section-ranking .catalog-list::before,
.site_grande .section-ranking .catalog-list::after,
.site_kippis .section-ranking .catalog-list::before,
.site_kippis .section-ranking .catalog-list::after,
.site_mej .section-ranking .catalog-list::before,
.site_mej .section-ranking .catalog-list::after,
.site_passover .section-ranking .catalog-list::before,
.site_passover .section-ranking .catalog-list::after,
.site_raboki .section-ranking .catalog-list::before,
.site_raboki .section-ranking .catalog-list::after,
.site_uf .section-ranking .catalog-list::before,
.site_uf .section-ranking .catalog-list::after{
  width: calc((100% - 40px) / 5);
}
/* 長方形 */
.ranking.-rectangle .catalog-imgContainer {
  padding-top: 140%;
}
.ranking.-rectangle .catalog-img {
  max-width:140%;
  width: 140%;
}
.ranking.-rectangle .catalog-imgContainer:before{
  padding-top: 140%;
}
/* -------------------------- テキスト -------------------------- */
.ranking .catalog-content {
  padding: 8px 5px 20px 5px;
  line-height: 1.4;
  text-align: center;
}
.ranking .catalog-item:nth-child(n+9) .ranking .catalog-content{
  display: contents;
}
.ranking .catalog-brandName {
  font-size: 12px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  color: #333;
  letter-spacing: 0.03em;
}
.ranking .catalog-brandName{
  display:none;
  margin-bottom:.15em;
}
.ranking .catalog-commodityName {
  font-size: 12px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  color: #999;
  letter-spacing: 0.02em;
  margin-bottom:.15em;
}
.ranking .catalog-price {
  font-size: 14px;
  color: #333;
  letter-spacing: 0.05em;
}
.ranking .catalog-price.-discount {
  color: #ff0030;
}
:is(
  .site_mango,
  .site_reebok
) 
.ranking .catalog-price.-discount {
  color: inherit;
}
.site_passover .catalog-brandName{
  display:block;
}
/* -------------------------- 順位 -------------------------- */
.ranking .catalog-item{
  position: relative;
}
.ranking .badge{
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-size: 12px;
  box-sizing: border-box;
  top: 0;
  left: 0;
  border: none;
  background-color:rgb(65 62 59 / .15);
  z-index:2;
}
.ranking .badge.-triangle{
  background: none !important;
}
.ranking .badge em{
  font-style: normal;
  color: #333;
}
.ranking .catalog-item:nth-child(1) .badge{
  background: #c2aa62;
  color: #fff;
  border: none;
}
.ranking .catalog-item:nth-child(2) .badge {
  background: #b1b1b5;
  color: #fff;
  border: none;
}
.ranking .catalog-item:nth-child(3) .badge {
  background: #b9886d;
  color: #fff;
  border: none;
}
.ranking .catalog-item:nth-child(1) .badge em,
.ranking .catalog-item:nth-child(2) .badge em,
.ranking .catalog-item:nth-child(3) .badge em{
  color: #fff;
}
.ranking .badge.-triangle:after {
  content: "";
  display: block;
  border-top: 16px solid rgba(0, 0, 0, 0.2);
  border-right: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid rgba(0, 0, 0, 0.2);
}
.ranking .catalog-item:nth-child(1) .badge.-triangle:after{
  border-top-color: #c2aa62 !important;
  border-left-color: #c2aa62 !important;
}
.ranking .catalog-item:nth-child(2) .badge.-triangle:after{
  border-top-color: #b1b1b5 !important;
  border-left-color: #b1b1b5 !important;
}
.ranking .catalog-item:nth-child(3) .badge.-triangle:after{
  border-top-color: #b9886d !important;
  border-left-color: #b9886d !important;
}
.ranking .badge.-triangle em {
  position: absolute;
  display: inline-block;
  text-align: center;
  width: 16px;
  font-size: 11px;
  font-style: normal;
  color: #fff;
  top: -2px;
  left: 0;
  z-index: 2;
}
.ranking .badge.-circle{
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-size: 12px;
  border: none;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
}

.ranking .catalog-link{
  text-decoration: none;
}
/* セール */
span.-specialprice:after{
  display: none !important;
  margin-left: 0 !important;
}
/* クーポン */
/* 調整 */
.ranking_contents .lc-item__image,
#item_ranking .lc-item__image{
  margin-bottom:0;
}
.ranking_contents .lc-item__body,
#item_ranking .lc-item__body{
  padding-top:.5em;
}

/* ------------------------------------- */
/* page_ranking ランキングページ */
/* ------------------------------------- */

.page_ranking .catalog-item {
  width: calc((100% - 60px) / 5);
}
.page_ranking .catalog-list::before,
.page_ranking .catalog-list::after {
  width: calc((100% - 60px) / 5);
}
.page_ranking .catalog-item:nth-child(n + 4) .badge {
  border: 1px solid #999;
  background-color: #fff;
}
.page_ranking .catalog-item .badge.-triangle {
  border: none;
}


#boemRegisterSectionWrap button#amazonPayAddressEdit.amazonpay-readonly{
  color: #333;
  background-color: #fff;
  cursor: pointer;
}
#boemRegisterSectionWrap button#amazonPayAddressEdit{
  margin: 0 0 0 20px;
  padding: 0.4em 0.8em;
  font-size: 12px;
  text-decoration: none;
  background-color: #f5f5f5;
  color: #999;
  cursor: inherit;
  border-radius: 2px;
  width: 110px;
  border: 1px solid #ddd;
}
#boemRegisterSectionWrap input#postalCode.amazonpay-readonly,
#boemRegisterSectionWrap select#prefectureId.amazonpay-readonly,
#boemRegisterSectionWrap input#address2.amazonpay-readonly,
#boemRegisterSectionWrap input#address3.amazonpay-readonly{
  background-color: #f5f5f5!important;
  color: #666;
  border: 1px solid #ddd!important;
  outline: none;
}


/* 番地入力チェックボックス */
#isNoneAddress3{
  font-size:11px;
  font-weight:400;
  display:flex;
  align-items:center;
  padding-top:.5em;
  color:#333;
}
#isNoneAddress3 input{
  margin:0;
  margin-right:.3em;
}
#isNoneAddress3:hover{
  cursor:pointer;
}
.inputBox input[type="text"]:focus,
.inputBox input[type="tel"]:focus{
  background-color:#fffafa !important;
}

/* 返品理由 mypage/return-reason */
/* 確認前のサイトは非表示にしておく */
body:not(.site_fashionwalker):not(.site_waja) .isBrokenProduct-img{
  display:none;
}


/*----------------------------------------------------------------------------
AmazonPay #101820
----------------------------------------------------------------------------*/
.simple-register.amazonpay-passiveUse .register-new .customerRegister-sectionwrap h2,
.simple-register.amazonpay-activeUse .register-new .customerRegister-sectionwrap h2,
.customer-register.amazonpay-passiveUse #boemRegisterSectionWrap h2,
.customer-register.amazonpay-activeUse #boemRegisterSectionWrap h2{
  display: none;
}
ul.customerRegisterTab{
  display: flex;
  border-bottom: 1px solid #ddd;
  margin: 0 0 24px 0;
}
.customerRegisterTab li.is-active{
  border: 1px solid #ddd;
  border-bottom: 1px solid #fff;
  background: #fff;
  color: #2b2b2b;
}
.customerRegisterTab li{
  padding: 0px;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: .05em;
  color: #aaa;
  background: #eee;
  border: none;
  position: relative;
  top: 1px;
  margin: 0 0;
  cursor: pointer;
  border-radius: 2px 2px 0 0;
  border-bottom: 1px solid #eee;
  width: 50%;
  text-align: center;
  height: 50px;
}
li.customerRegisterTab_amazon{
  border-right: none !important;
}
li.customerRegisterTab_amazon span{
  width: 100%;
  text-decoration: none;
  font-size: 13px;
}
li.customerRegisterTab_amazon span img{
  width: 110px!important;
  margin: 0 auto;
}
li.customerRegisterTab_boem {
  border-left: none !important;
}
li.customerRegisterTab_boem span{
  width: 50%;
}
li.customerRegisterTab_boem span img{
  width: 50%!important;
}
.customerRegisterTab li.is-active span{
  opacity: 1;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.customerRegisterTab li span{
height: 20px;
opacity: 1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.customerRegisterTab li span img{
  width: 100%;
  opacity: 0.3;
}
.customerRegisterTab li.is-active span img{
  opacity: 1;
}
.customerRegister-sectionwrap{
  display: none;
}
.customerRegister-sectionwrap.is-active{
  display: block!important;
}
#amazonSectionWrap .amazonRegister_note{
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  padding: 20px 30px;
}
#amazonPayButton{
  margin: 0 auto 20px auto;
}
.confirm #amazonPayButton{
  margin: 0;
}
#AmazonSignInButton{
  margin: 0 auto 20px auto;
}
.customer-register #amazonSectionWrap #amazonPayButton{
  width: 300px!important;
  height: 65px!important;
}

#register_contents #amazonSectionWrap #AmazonSignInButton,
.customer-register #amazonSectionWrap #AmazonSignInButton{
  width: 300px!important;
}
#AmazonPayChange{
  color: #666;
  border: none;
  margin: 0;
  font-size: 11px;
  text-decoration: underline;
  text-underline-offset: 4px;
  background: none;
  cursor: pointer;
}
.customer-register #AmazonPayChange{
  margin: 0;
}
#AmazonPayChangeAddress{
  color: #333!important;
  font-weight: bold!important;
  padding: 10px 30px;
  border: none;
  margin: 10px 0 20px;
  font-size: 12px;
}
#AmazonPayChangePayment{
  color: #fff!important;
  background-color:#0a0a0a; 
  font-weight: bold!important;
  padding: 10px 30px;
  border: none;
  margin:0;
  font-size: 12px;
  cursor: pointer;
}
.self-address-confirm #AmazonPayChange{
  margin: 32px 0;
}
.self-address-confirm form{
  margin-top: 20px;
}
#amazonSectionWrap{
  padding: 30px;
  background: #efefef;
}
#amazonSectionWrap .Register_ChangeTab_btn{
  width: 200px;
  height: 44px;
  margin: 40px auto 10px;
  text-align: center;
  font-size: 14px;
  border-radius: 4px;
  background-color: #fff;
  color: #333!important;
  border: 1px solid #333;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

/* 決済ページ */
.site_passover .confirm_info_top .confirmBanner{
  display: none !important;
}
/* #104473 クーポン適用アイコン */
/* 開発中のCSSバッティングのため、commonに記述 */
/* (TODO) content-order.cssに移植する */
.confirm .couponAppliedIcon{
  display:inline-flex;
  margin-bottom:8px;
  justify-content:center;
  align-items:center;
  padding: .3em;
  background-color:rgba(255, 218, 31, .8);
}
.confirm .couponAppliedIcon span{
  font-size:10px;
  line-height:1;
  transform:scale(0.9);
  color:#333;
}
.confirm .couponAppliedIcon.-novelty{
  background-color:rgba(102, 188, 39, .8);
}
.confirm .couponAppliedIcon.-novelty span{
  color:#fff;
}

/*----------------------------------------------------------------------------
  ローディング
----------------------------------------------------------------------------*/
#login_loading_modal{
	backdrop-filter: blur(2px);
}
#login_loading_modal svg circle{
	stroke : white !important;
	stroke-width : 1px !important;
}
#login_loading_modal .uk-modal-dialog{
  transition: none !important;
}

/* magaseekリリース 全サイト反映されたら以下のみ残す */
/* 商品ユニットの共通スタイル */
body .catalogList.-temp-2410 >li a,
body .catalogList >li a{
	display:block;
}
body .catalogList.-temp-2410 .product-image,
body .catalogList .product-image{
  margin-bottom:0;
}
body .catalogList.-temp-2410 .product-text,
body .catalogList .product-text{
  padding-top:10px;
  margin-top:-15px;
}
body .catalogList.-temp-2410 .badge,
body .catalogList .badge{
  display:none;
}
/*
Amazonキャンペーンバナー
*/
#amazonSectionWrap .amazonpay_bnr {
  display: block;
  width: 60%;
  margin: 40px auto;
  border: 1px solid #F49D00;
}

#amazonSectionWrap .amazonpay_bnr img {
  width: 100%;
  height: auto;
}
  

/* .catalogList.-temp-2410 */
.catalogList .product-image{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  background-color: #fefefe;
  aspect-ratio: 1/1;
  position: relative;
  overflow: hidden;
}
body .catalogList .product-image>img {
  display: block;
  width: 100%;
  max-width: initial;
  height: auto;
  margin:0 !important;
  object-fit: cover;
}
.catalogList .product-image:before{
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: rgba(0, 0, 0, .02);
  position: absolute;
  top: 0;
  left: 0;
}
body .catalogList .product-text{
  margin-top:-14px;
}
.site_descente .product_main #related_product .catalogList .product-text{
  margin-top:0;
}

/*  */
/* 商品画像の縦横比率 */
/*  */
/* デフォルト縦長（5:7）のサイト */
.site_brandeli .catalogList.-temp-2410 .product-image,
.site_brandeli .catalogList.-temp-2410 .product-image:before,
.site_fashionwalker .catalogList.-temp-2410 .product-image,
.site_fashionwalker .catalogList.-temp-2410 .product-image>img,
.site_fashionwalker .catalogList.-temp-2410 .product-image:before,
.site_fineoutlet .catalogList.-temp-2410 .product-image,
.site_fineoutlet .catalogList.-temp-2410 .product-image>img,
.site_fineoutlet .catalogList.-temp-2410 .product-image:before,
.site_mango .catalogList.-temp-2410 .product-image,
.site_mango .catalogList.-temp-2410 .product-image>img,
.site_mango .catalogList.-temp-2410 .product-image:before,
.site_waja .catalogList.-temp-2410 .product-image,
.site_waja .catalogList.-temp-2410 .product-image>img,
.site_waja .catalogList.-temp-2410 .product-image:before,
.site_story .catalogList.-temp-2410 .product-image,
.site_story .catalogList.-temp-2410 .product-image>img,
.site_story .catalogList.-temp-2410 .product-image:before {
  aspect-ratio: 5/7;
}
/* デフォルト縦長（2:3） のサイト */
.site_duvetica .catalogList.-temp-2410 .product-image,
.site_duvetica .catalogList.-temp-2410 .product-image>img ,
.site_duvetica .catalogList.-temp-2410 .product-image:before,
.site_fascinate .catalogList.-temp-2410 .product-image,
.site_fascinate .catalogList.-temp-2410 .product-image>img,
.site_fascinate .catalogList.-temp-2410 .product-image:before,
.site_steady .catalogList.-temp-2410 .product-image,
.site_steady .catalogList.-temp-2410 .product-image>img,
.site_steady .catalogList.-temp-2410 .product-image:before {
  aspect-ratio: 2/3;
}
/* デフォルト縦長（5:6）のサイト */
.site_descente .catalogList.-temp-2410 .product-image,
.site_descente .catalogList.-temp-2410 .product-image>img,
.site_descente .catalogList.-temp-2410 .product-image:before,
.site_magaseek .catalogList.-temp-2410 .product-image,
.site_magaseek .catalogList.-temp-2410 .product-image>img,
.site_magaseek .catalogList.-temp-2410 .product-image:before,
.site_lapine .catalogList.-temp-2410 .product-image,
.site_lapine .catalogList.-temp-2410 .product-image>img,
.site_lapine .catalogList.-temp-2410 .product-image:before,
.site_kuipo .catalogList.-temp-2410 .product-image,
.site_kuipo .catalogList.-temp-2410 .product-image>img,
.site_kuipo .catalogList.-temp-2410 .product-image:before {
  aspect-ratio: 5 / 6;
}
/* 正方形カテゴリもトリミングするサイト */
.site_descente .catalogList.-temp-2410>li.-square .product-image>img{
  aspect-ratio: 5/6;
}
.site_fascinate .catalogList.-temp-2410>li.-square .product-image>img{
  aspect-ratio: 2/3;
}
/* デフォルト縦長かつ、正方形商品(靴など)は縦長枠内でノートリミングで表示するサイト */
.site_brandeli .catalogList.-temp-2410 .product-image.-square>img:not([data-brand-name="MANGO"][data-shop-code="SPUN0477D"]):not([data-brand-name="MANGO MAN"][data-shop-code="SPUN0477D"]):not([data-brand-name="MANGO KIDS"][data-shop-code="SPUN0477D"]),      /* MANGOは除く(縦長) */
.site_brandeli .catalogList.-temp-2410 .-square .product-image>img:not([data-brand-name="MANGO"][data-shop-code="SPUN0477D"]):not([data-brand-name="MANGO MAN"][data-shop-code="SPUN0477D"]):not([data-brand-name="MANGO KIDS"][data-shop-code="SPUN0477D"]),      /* MANGOは除く(縦長) */
.site_fashionwalker .catalogList.-temp-2410 .product-image.-square>img:not([data-brand-name="MANGO"][data-shop-code="SPUN0477D"]):not([data-brand-name="MANGO MAN"][data-shop-code="SPUN0477D"]):not([data-brand-name="MANGO KIDS"][data-shop-code="SPUN0477D"]), /* MANGOは除く(縦長) */
.site_fashionwalker .catalogList.-temp-2410 .-square .product-image>img:not([data-brand-name="MANGO"][data-shop-code="SPUN0477D"]):not([data-brand-name="MANGO MAN"][data-shop-code="SPUN0477D"]):not([data-brand-name="MANGO KIDS"][data-shop-code="SPUN0477D"]), /* MANGOは除く(縦長) */
.site_fineoutlet .catalogList.-temp-2410 .product-image.-square>img,
.site_fineoutlet .catalogList.-temp-2410 .-square .product-image>img,
.site_duvetica .catalogList.-temp-2410 .product-image.-square>img,
.site_duvetica .catalogList.-temp-2410 .-square .product-image>img,
.site_magaseek .catalogList.-temp-2410 .product-image.-square>img:not([data-brand-name="MANGO"][data-shop-code="SPUN0477D"]):not([data-brand-name="MANGO MAN"][data-shop-code="SPUN0477D"]):not([data-brand-name="MANGO KIDS"][data-shop-code="SPUN0477D"]), /* MANGOは除く(縦長) */
.site_magaseek .catalogList.-temp-2410 .-square .product-image>img:not([data-brand-name="MANGO"][data-shop-code="SPUN0477D"]):not([data-brand-name="MANGO MAN"][data-shop-code="SPUN0477D"]):not([data-brand-name="MANGO KIDS"][data-shop-code="SPUN0477D"]), /* MANGOは除く(縦長) */
.site_waja .catalogList.-temp-2410 .product-image.-square>img:not([data-brand-name="MANGO"][data-shop-code="SPUN0477D"]):not([data-brand-name="MANGO MAN"][data-shop-code="SPUN0477D"]):not([data-brand-name="MANGO KIDS"][data-shop-code="SPUN0477D"]), /* MANGOは除く(縦長) */
.site_waja .catalogList.-temp-2410 .-square .product-image>img:not([data-brand-name="MANGO"][data-shop-code="SPUN0477D"]):not([data-brand-name="MANGO MAN"][data-shop-code="SPUN0477D"]):not([data-brand-name="MANGO KIDS"][data-shop-code="SPUN0477D"]) /* MANGOは除く(縦長) */
{
  aspect-ratio: 1 / 1;
}

/* デフォルト縦長かつ、正方形カテゴリは枠自体を正方形に変更するサイト */
.site_brandeli .catalogList.-temp-2410.-allSquare .product-image,
.site_brandeli .catalogList.-temp-2410.-allSquare .product-image:before,
.site_brandeli .catalogList.-temp-2410.-allSquare .product-image>img,
.site_fashionwalker .catalogList.-temp-2410.-allSquare .product-image,
.site_fashionwalker .catalogList.-temp-2410.-allSquare .product-image:before,
.site_fashionwalker .catalogList.-temp-2410.-allSquare .product-image>img,
.site_waja .catalogList.-temp-2410.-allSquare .product-image,
.site_waja .catalogList.-temp-2410.-allSquare .product-image:before,
.site_waja .catalogList.-temp-2410.-allSquare .product-image>img{
  aspect-ratio: 1/1;
}
/* hover時の薄グレーを調整 */
.site_brandeli .catalogList_item a:hover .product-image:before,
.site_fashionwalker .catalogList_item a:hover .product-image:before,
.site_fineoutlet .catalogList_item a:hover .product-image:before,
.site_duvetica .catalogList_item a:hover .product-image:before,
.site_magaseek .catalogList_item a:hover .product-image:before,
.site_waja .catalogList_item a:hover .product-image:before {
  opacity: 0;
}

/* 商品ページ 閲覧履歴 */
.site_brandeli #product_contents .wrap_history_item .catalog-campaignGroup,
.site_mango #product_contents .wrap_history_item .catalog-campaignGroup,
.site_waja #product_contents .wrap_history_item .catalog-campaignGroup{
	display:none;
}

/* ブランド名の表示/非表示 */
.catalogList>li .brandName{
  display: none;
}
.site_akakura .catalogList>li .brandName,
.site_brandeli .catalogList>li .brandName,
.site_danyu .catalogList>li .brandName,
.site_descente .catalogList>li .brandName,
.site_fascinate .catalogList>li .brandName,
.site_fashionwalker .catalogList>li .brandName,
.site_fineoutlet .catalogList>li .brandName,
.site_harmony .catalogList>li .brandName,
.site_magaseek .catalogList>li .brandName,
.site_mej .catalogList>li .brandName,
.site_modaclea .catalogList>li .brandName,
.site_passover .catalogList>li .brandName,
.site_samantha .catalogList>li .brandName,
.site_stt .catalogList>li .brandName,
.site_sws .catalogList>li .brandName,
.site_unbillion .catalogList>li .brandName,
.site_waja .catalogList>li .brandName,
.site_lapine .catalogList>li .brandName,
.site_kuipo .catalogList>li .brandName {
  display: block;
}
/* ブランド名 font-weight */
.site_brandeli .catalogList>li .brandName,
.site_descente .catalogList>li .brandName,
.site_fascinate .catalogList>li .brandName{
  font-weight:600;
}

/* テキスト揃え */
.site_abe .catalogList .product-text,
.site_akakura .catalogList .product-text,
.site_arche .catalogList .product-text,
.site_charles .catalogList .product-text,
.site_clarks .catalogList .product-text,
.site_danyu .catalogList .product-text,
.site_duvetica .catalogList .product-text,
.site_evol .catalogList .product-text,
.site_fineoutlet .catalogList .product-text,
.site_ido .catalogList .product-text,
.site_jayjay .catalogList .product-text,
.site_mango .catalogList .product-text,
.site_mej .catalogList .product-text,
.site_modaclea .catalogList .product-text,
.site_modaclea .catalogList .product-text,
.site_oasys .catalogList .product-text,
.site_otsuka .catalogList .product-text,
.site_raboki .catalogList .product-text,
.site_jayjay .catalogList .product-text,
.site_uf .catalogList .product-text,
.site_unbillion .catalogList .product-text{
  text-align:center;
}

/* カートページ閲覧履歴 ブランド名の改行が多くなるため調整 */
.cartPage .cart-recentry .catalogList .product-text .brandName{
	font-size:12px;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*----------------------------------------------------------------------------
　(14) カート追加モーダル
----------------------------------------------------------------------------*/
#modal_cartInBtn {
  z-index: 2000 !important;/* エラーメッセージとの重ね順調整 */
}
#modal_cartInBtn .uk-modal-dialog {
	top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 360px;
  padding: 40px;
  border-radius: 5px;
}
#modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__close {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 20px;
  line-height: 39px;
  color: #999;
  background: #EBEBEB;
  border-radius: 50%;
  cursor: pointer;
}
#modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__close:hover {
  color: #333;
}
#modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__title {
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 10px;
}
#modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__sum {
  margin-bottom: 20px;
  color: #666;
  font-size: 12px;
}
#modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__sum span {
  display: inline-block;
  font-size: 15px;
  padding: 0 3px;
}
#modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__btn {
  margin-bottom: 20px;
}
#modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__btn a {
  display: block;
  color: #fff;
  background: #0a0a0a;
  border-radius: 4px;
  font-size: 15px;
  line-height: 1;
  padding: 1em;
}
#modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__text {
  font-size: 13px;
  line-height: 1;
  color: #666;
  text-decoration: underline;
  text-underline-offset: 6px;
  cursor: pointer;
}
#modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__text:hover {
  text-decoration: none;
}

/* メアド入力補完のスタイル */
.awesomplete{
	width:100%;
}
.awesomplete ul{
	background-color:#fff;
	position: absolute;
}
.awesomplete li{
	font-size:14px;
	line-height:2;
	z-index: 100;
	background-color:#fff;
}
.awesomplete > ul > li:hover{
	background-color: #e6f2ff;
}
.awesomplete ul[role="listbox"] > li[aria-selected="true"] {
	color:#000;
	background-color: #e6f2ff;
}
.awesomplete br{
	display:none;
}

/* 日本語以外のユーザが国内ページを見るときに案内を出す */
.translation-notice {
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:13px;
  color:#333;
  height:36px;
  background-color:#eee;
}
.translation-notice .close-btn{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  justify-content:center;
  align-items:center;
  width:24px;
  height:24px;
  border-radius:50%;
  color:#333;
  border:1px solid #ddd;
  background-color:rgba(255,255,255,.5);
  cursor:pointer;
}
.translation-notice .close-btn svg{
  width:12px;
}
.translation-notice br{
  display:none;
}
.translation-notice strong{
	padding:0 .5em;
}
.translation-notice a{
	text-decoration:underline;
	text-underline-offset:.3em;
}
#translation-popup .uk-modal-dialog{
	background-color:transparent;
}
#translation-popup img{
	border-radius:20px;
	overflow:hidden;
    border:2px solid #ccc;
}
#translation-popup{
  background:rgba(0,0,0,0.5);
}
#translation-popup .uk-close svg{
  width:32px;
  height:32px;
  color:#fff;
}