@charset "utf-8";

/*____________________________________________________________________________

SITE TITLE: FASHION WALKER
TITLE: PC 共通css 【L4】

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


/*----------------------------------------------------------------------------
  (1) 全体 幅設定
----------------------------------------------------------------------------*/
#contents_ver4 {
  width: 990px;
  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: 990px;
  text-align: right;
}
.pagetop a {
  display: inline-block;
  font-size: 13px;
  color: #01ABB5;
}
.pagetop .icon-arrow-top {
  font-size: 20px;
  position: relative;
  top: 4px;
  margin-left: 4px;
}
.pagetop a:hover {
  opacity: 0.7;
  text-decoration: none;
}


/*----------------------------------------------------------------------------
  (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;
}
.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;
}


/*----------------------------------------------------------------------------
  (8) 会員登録系のフォームスタイル
----------------------------------------------------------------------------*/
/* customer_edit1 */
.customer_edit1 {
  margin-top: 15px;
  padding: 30px;
  border: 1px solid #ddd;
}
.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;
}
.inputBox table {
  width: 100%;
}
.inputBox th {
  background: #f5f5f5;
  font-weight: bold;
  padding: 30px 10px 30px 30px;
  border-bottom: 1px solid #ededed;
}
.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;
}
/* .mypage-customer-changepassword .inputBox tr:last-child td:before {
  content: "↓";
  display: block;
  margin-bottom: .5em;
  padding-left: 2em;
  font-size: 20px;
  color: #666;
} */
.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 {
  display: inline-block;
  width: 56px;
  height: 30px;
  background-image: url(//media.aws.locondo.jp/contents/img/common/icon_visibility_off_black.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: .7;
  position: absolute;
  top: 37px;
  left: 310px;
  cursor: pointer;
}
#password_visibility_checkbox:checked~#password_visibility_label {
  background-image: url(//media.aws.locondo.jp/contents/img/common/icon_visibility_black.png);
}
.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 #password_visibility_label {
  top: 39px;
  left: 345px;
}
.initpassword #password_visibility_label {
  top: 26px;
  left: 224px;
}
.simple-register .block-password #password_visibility_label {
  top: 17px;
  left: 280px;
}
.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 .inputBox td input:focus,
.register_edit1 .inputBox td select:focus {
  border-color: #01C3CF;
}
.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;
  background: #01C3CF;
  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;
}

/* 同意にチェック #61144 */
.registAgree {
  margin: 30px auto 0 auto;
  text-align: center;
}
.registAgree #terms_message {
  font-size: 13px;
  margin-left: -20px;
}
.registAgree #terms_message a {
  color: #01ABB5;
}
.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-checkbox input[type=checkbox]:checked+label:after {
  background: #01C3CF;
}

/* 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;
}
.registAgree-checkbox.is-checked>label:after {
  background: #01C3CF;
}

/* 規約モーダル調整 */
.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;
  border: 1px solid #01C3CF;
  color: #01ABB5;
  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;
}

/* 性別 */
.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;
  background-color: #01C3CF;
  border-radius: 4px;
}
.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;
}
.customer_edit2 label {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}
.customer_edit2 .example {
  margin-top: 5px;
}

/* ボタン */
button.button {
  display: block;
  border: none;
  background: #01C3CF;
  padding: 0.3em 1em;
  font: 12px/19px Arial, Helvetica, sans-serif;
  white-space: nowrap;
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
}
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: 130px;
  text-align: center;
  font-size: 13px;
  text-decoration: none !important;
  border-radius: 2px;
  border: 1px solid;
}
.btn-or {
  color: #fff !important;
  background: #01C3CF;
  border-color: #01C3CF;
}
.btn-wh {
  color: #01ABB5 !important;
  background: transparent;
  border-color: #01C3CF;
}
.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;
}
.service_merit {
  margin: 10px 0 15px;
  padding: 25px 0 25px 148px;
  background-color: #f9f9f9;
  overflow: hidden;
}
.service_merit li {
  float: left;
  margin-right: 35px;
  text-indent: -9999px;
}
#merit1 {
  width: 183px;
  height: 37px;
  background: url(//media.aws.locondo.jp/contents/img/pc/icon_service_merit.png) 0 0 no-repeat;
}
#merit2 {
  width: 214px;
  height: 37px;
  background: url(//media.aws.locondo.jp/contents/img/pc/icon_service_merit.png) -184px 0 no-repeat;
}
#merit3 {
  width: 242px;
  height: 37px;
  background: url(//media.aws.locondo.jp/contents/img/pc/icon_service_merit.png) -399px 0 no-repeat;
}
.inputBox .alert_form {
  font-size: 11px !important;
  margin: 0 0 10px;
  padding-right: 20px;
}


/*----------------------------------------------------------------------------
  (9) ac propoza使用 レコメンド
----------------------------------------------------------------------------*/
.product_detail_reco {
  margin-bottom: 30px;
}
h2.product-reco {
  width: 990px;
  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-reco {
  /* border-bottom: 1px solid #e6e6e6;
  margin-bottom: 14px !important; */
}
.product_detail_reco ul {
  display: flex;
  flex-wrap: wrap;
}
.product_detail_reco>ul>li {
  width: 132px;
  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;
}
#history_item #history  ul li a{
  overflow:hidden;
}
.product_detail_reco ul li a img {
  max-width: initial;
  max-width: inherit;
  width: 140%;
  margin-left: -20%;
  height: auto;
}
.product_detail_reco ul li br {
  display: none;
}
.product_detail_reco p {
  color: #666;
  font-size: 11px;
}

.catalogList.-temp-2410 .product-text {
  /* padding-top: 10px; */
  margin-top: -15px;
}
/* catalog-campaignGroup */
.site_fashionwalker .catalogList.-temp-2410 .catalog-campaignGroup{
  visibility:visible !important;
}


/* 割引き前価格 */
.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: 990px;
  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;
  padding-top: 4px;
}
.product_detail_reco .brand_name,
.product_detail_reco .regular_price,
.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;
}
.product_detail_reco .commodity_name {}


/*----------------------------------------------------------------------------
  (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;
  background-color: #01C3CF;
  border: 1px solid #01C3CF;
  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) 戻るボタン
----------------------------------------------------------------------------*/
#contents_ver4 {
  z-index: 1;
}
#footer_ver4.footer_outlet {
  z-index: 100;
}
#to-locondo {
  position: fixed;
  left: initial;
  right: 12px;
  bottom: 12px;
  text-align: right;
}
#to-locondo a {
  display: block;
  opacity: .8;
}
#to-locondo a:hover {
  opacity: 1;
}


/*----------------------------------------------------------------------------
  (13) 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%;
}


/*----------------------------------------------------------------------------
  (14) フォームエレメント
----------------------------------------------------------------------------*/
.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 label:hover:before {
  border-right: 2px solid #01C3CF;
  border-bottom: 2px solid #01C3CF;
}
.locondo-checkbox input[type=checkbox]:checked+label:after {
  background: #01C3CF;
}

/* hoverはPCのみ; */
.locondo-checkbox input[type=checkbox]:checked+label:hover:before {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

/* 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;
}
.locondo-checkbox.is-checked>label:after {
  background: #01C3CF;
}

/* hoverはPCのみ; */
.locondo-checkbox.is-checked>label:hover:before {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}


/*----------------------------------------------------------------------------
  99 リブランディング後対応
----------------------------------------------------------------------------*/
#left-col li a,
#left-col dt a,
#left-col dd a {
  font-size: 13px;
}


/*----------------------------------------------------------------------------
  OTRS内製化フロント対応 #23759
----------------------------------------------------------------------------*/
/* ワンコモーダル（.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(//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: 48px;
}

/* ボタン */
.wancoModal_btn {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 46px;
  width: 256px;
  color: #01ABB5;
  border: 1px solid #01C3CF;
  margin: 0 auto 24px;
  text-decoration: none;
}
.wancoModal_btn.wancoModal_btn-login {
  color: #fff;
  background-color: #01C3CF;
}
.wancoModal_btn.wancoModal_btn-customerRegister {
  margin-top: -24px;
}

/* ボタン hover */
.wancoModal_btn:hover {
  opacity: .6;
  text-decoration: none;
}

/* カテゴリを選ぶ */
.wancoModal_selectCategory li {
  text-align: center;
  font-size: 15px;
  line-height: 46px;
  width: 300px;
  height: 48px;
  color: #01ABB5;
  border: 1px solid #01C3CF;
  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;
  color: #01ABB5;
}
.wancoModal_selectCategory.fromFAQ a:hover {
  text-decoration: none;
}
.wancoModal_selectCategory_toOrderHistory {
  background-color: #01C3CF;
}
.wancoModal_selectCategory_toOrderHistory a {
  display: block;
  padding-top: 4px;
  line-height: 1.4;
  color: #fff !important;
}
.wancoModal_selectCategory_toOrderHistory span {
  display: block;
  font-size: 13px;
}


/*----------------------------------------------------------------------------
  Bダッシュ内製 商品詳細ページランキング
----------------------------------------------------------------------------*/
#product_contents #brand_ranking_list ul:after,
#product_contents #category_ranking_list ul:after {
  content: "";
  clear: both;
  display: block;
}
#product_contents #brand_ranking_list .commodity_name,
#product_contents #category_ranking_list .commodity_name {
  display: inline-block;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #999;
  font-size: 10px;
}
#product_contents #brand_ranking_list .brand_name,
#product_contents #category_ranking_list .brand_name {
  display: inline-block;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #444;
  margin-top: 6px;
}


/*----------------------------------------------------------------------------
  メールアドレス登録不可 #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;
  color: #01ABB5;
  border-bottom: 1px solid #01C3CF;
  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 {
  background: #01C3CF;
  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-bottom: 0;
  border-bottom: none;
}
#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;
  background-color: #01C3CF;
  border: 1px solid #01C3CF;
  border-radius: 4px;
}
#contents_ver4.customer-register-complete .btnToppage:hover {
  opacity: .6;
}

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

/* #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;
}

/* 郵便番号書き換え時のダイアログ #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: #01C3CF;
  border-radius: 2px;
  width: 10em;
}

/* .self-address-confirm 調整 */
.self-address-confirm>.lc-u-px-15>h2,
.self-address-confirm>.lc-u-px-15>p {
  font-size: 13px;
  line-height: 1.7;
}
.self-address-confirm>.lc-u-px-15>h2+p {
  margin-bottom: 20px;
}

#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;
}


/*----------------------------------------------------------------------------
  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 {
  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;
}
#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_fashionwalker .sendpassword_section .link-pagelink {
  color: #01c3cf;
}
.mailmagazine_member {
  display: none;
}

/* #104473 クーポン適用アイコン */
/* 開発中のCSSバッティングのため、commonに記述 */
/* (TODO) content-order.cssに移植する */
.confirm .couponAppliedIcon{
  display:inline-flex;
  margin-bottom:5px;
  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;
}

/* ログインページ */
.loginPage .awesomplete{
  width:100%;
}