@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Lato:100,300,400,700';
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'boemfont';
  src: url("https://media.aws.locondo.jp/contents/fonts/boemfont_v2.eot");
  /* IE9 Compat Modes */
  src: url("https://media.aws.locondo.jp/contents/fonts/boemfont_v2.eot?#iefix") format("embedded-opentype"), url("https://media.aws.locondo.jp/contents/fonts/boemfont_v2.woff") format("woff"), url("https://media.aws.locondo.jp/contents/fonts/boemfont_v2.ttf") format("truetype");
  /* Safari, Android, iOS */
}
[class^='icon-'], [class*=' icon-'] {
  font-family: 'boemfont';
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
}
/*____________________________________________________________________________

SITE TITLE:BOEM - assets
TITLE:スマホ共通で使うcss

(1) 全体
(2) テキスト
(3) フォーム
(4) ボタン
(5) 共通テーブル　

(6) ヘッダー
(7) 共通ナビゲーション、ページャー
(8) フッター
(9) パンくず
(10) エラーメッセージ、404エラー
(11) お知らせ欄
(12) フォームエレメント
(13) wanco
(14) グローバルナビ
(15) サジェスト
(16) トレンドワード
(17) トップへ戻る
(18) お気に入りブランド登録(追加)
(99) その他

____________________________________________________________________________*/

/*----------------------------------------------------------------------------
(1) 全体
----------------------------------------------------------------------------*/
html {
  -webkit-text-size-adjust:100%;
}
html:has(.page_customer-sendpassword) {
  scroll-behavior: smooth;
}
body {
  font-family:'Lato', "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
  color:#000;
  font-size:12px;
}
.content_p15 {
  padding:0 15px;
}
.content_bg {
  background-color:#f2f2f2;
}

/*----------------------------------------------------------------------------
(2) テキスト
----------------------------------------------------------------------------*/

.back_link {
  padding-top:30px;
  font-size:14px;
}
.back_link a {
  font-weight:400;
  text-decoration:none;
}
.input_head {
  font-size:14px;
  margin-bottom:15px;
  line-height:1.6;
}
.postalcode {
  margin-top:7px;
  font-size:12px;
}
/* 価格系 */
.regular_price {
  font-weight:bold;
}
.special_price {
  color:#ed143d;
  font-weight:bold;
}
.old_price {
  color:#808080;
  text-decoration:line-through;
}
/*注意*/
.attention {
  color:#d00;
}
.example {
  font-size:12px;
  font-weight:normal !important;
  line-height:120%;
  margin-top:5px;
}
/*必須項目*/
sup {
  color:#333;
  padding:0 5px;
  line-height:0;
}
.required {
  color:#d00;
  padding-bottom:10px;
  font-size:12px;
}
label .required {
  padding:0;
  font-weight:normal;
}
.lgc_registerform .mbkr_color{
  color:#ff719c !important;
  font-weight: bold;
}
/*----------------------------------------------------------------------------
(3) フォーム
----------------------------------------------------------------------------*/

/*mailmagazine*/
select {
  font-size:14px;
  height:40px;
}
select.amount_select {
  height:22px;
}
select.wide {
  width:100%;
}
/*gift_select*/
.gift_select {
  width:100%;
  margin:8px 0;
}
.gift_select select {
  width:100%;
}
/*textarea*/
textarea {
  resize:none;
  font-weight:normal;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:3px;
  -moz-border-radius:3px;
  line-height:120%;
}
textarea.contact_textarea {
  width:100%;
  height:10em;
  border:1px solid #ccc;
  padding:5px;
  font-size:14px;
  font-weight:normal;
}
input.input-postalcode {
  width:50%;
}
.postalCodeBlock input.input-postalcode {
  width:50%;
}
span.input_nameL {
  display:block;
  width:49%;
  float:left;
}
html:lang(en) .mypage.order-detail span.input_nameL {
  float:right;
}
span.input_nameR {
  display:block;
  width:49%;
  float:right;
}
html:lang(en) .mypage.order-detail span.input_nameR {
  float:left;
}
.form-input {
  margin-top:5px;
}
.form-input input[type="tel"].input_tel, dd.tel input[type="tel"] {
  width:25%;
}
dd.tel span {
  padding:0 7px;
}
.form-input dt {
  margin-bottom:5px;
}
.form-input dt span {
  display:block;
  margin-top:5px;
  line-height:1.7;
}
.form-input dd {
  margin-bottom:15px;
  overflow:hidden;
  font-size:14px;
  line-height:1.7;
}
.form-input dt label span {
  font-weight:normal;
}
.form-input dd img {
  max-width: 100%;
  margin-bottom:10px;
  border:1px solid #EEE;
  box-sizing:border-box;
}
.form-input dt label {
  padding: 2px 0;
  display:inline;
}
.form-input dt span {
  display: inline;
  margin-left: 0px;
  font-size: 80%;
}
input.imgFile {
  padding: 5px 0;
}
/*placeholder*/
::-webkit-input-placeholder {
  color:#808080;
}
:-moz-placeholder {
  color:#808080;
}
/*入力エラー*/
label.attention,
.confirm label.attention,
.open dd.new_address label.attention {
  font-size:12px !important;
  margin:5px 0 0;
  display:block;
  clear:both;
  font-weight:bold;
}
/*会員登録 性別*/
/* 性別「登録しない」をデフォルトは非表示 */
.radioButton-sex0{
  display: none!important;
}
.sex-label {
  display: inline;
  line-height: 200%;
  margin-right: 20px;
}
input#sex1, input#sex2 {
  -moz-transform-origin: left center;
  -moz-transform: scale(1.5);
  -webkit-transform-origin: left center;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  margin: 0 12px 0 0;
}
.form-input .alert_form {
  margin-top: 7px;
  font-size: 12px;
}
/* 同意にチェック */
.registAgree{
  margin:15px auto 0 auto;
  text-align: center;
}
.registAgree #terms_message{
  font-size: 13px;
  margin-left: -20px;
}
.registAgree #terms_message a{
  text-decoration: underline;
}
.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 28px;
  margin: 8px 0;
  font-weight: normal;
  color: #2b2b2b;
  -webkit-transition:0.2s ease;
  transition: 0.2s ease;
  cursor: pointer;
  overflow: inherit;
  font-size: 14px;
}
.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: 20px;
  height: 20px;
  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: -6px;
  width: 7px;
  height: 10px;
  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;
}

/* 規約モーダル調整 */
.modal_terms,
.modal_privacy{
  text-align: left;
}
.modal_terms h3,
.modal_privacy h3{
  margin-top:20px;
}
.modal_terms.remodal,
.modal_privacy.remodal,
.errorMailMsg-remodal.remodal {
  width:95%;
  padding: 20px 15px !important;
  background:#fff;
}
.term_contents h3,.privacy_contents h3{
  font-size: 16px;
}
.term_contents,.privacy_contents{
  height:50vh;
  border:1px solid #ddd;
  line-height: 160%;
  color:#555555;
  overflow-y: scroll;
  padding: 30px 10px;
}
.term_contents a,
.privacy_contents a{
  color:#555555;
  word-break: break-all;
}
.term_contents p,
.privacy_contents p,
.modal_terms h4,
.modal_privacy h4,
.modal_terms dl,
.modal_privacy dl{
  font-size:110%;
}
.term_contents p,
.privacy_contents p {
  line-height: 160%;
}
.modal_terms h4,
.modal_privacy h4{
  margin-top:15px;
}
.modal_terms dt,
.modal_privacy dt{
  margin-top:10px;
}
.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: 30px 0 10px 0;
}
.modal_terms.remodal .remodal-close,
.modal_privacy.remodal .remodal-close,
.errorMailMsg-remodal .remodal-close {
  left: auto;
  right: -5px !important;
  top: -17px;
  width: 37px;
  height: 37px;
  color:#fff;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 50%;
}
.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: 20px auto 10px auto;
  display: block;
  font-weight: normal;
}
.modal_terms address a{
  pointer-events: none;
  text-decoration: none;
}

/* 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;
}

/* jQuery UIオートコンプリート */
.ui-autocomplete *,
.ui-autocomplete *:before,
.ui-autocomplete *:after {
  box-sizing: border-box;
}

.ui-autocomplete {
  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;
  width: 80%;
}
.ui-autocomplete .ui-menu-item {
  display: table;
  width: 100%;
}
.ui-autocomplete .ui-menu-item-wrapper {
  padding: 10px 0 10px 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;
}

/*----------------------------------------------------------------------------
(4) ボタン
----------------------------------------------------------------------------*/
button {
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  text-align:center;
  font-weight:bold;
  display:block;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  color:#FFF;
}

/*幅100%*/
.wide_btn button {
  padding:8px 0;
  font-size:18px;
  width:100%;
  margin:15px auto 0;
}
/*幅60%*/
.small_btn {
  margin-top:5px;
}
.small_btn button {
  padding:0;
  font-size:18px;
  line-height:48px;
  width:60%;
  margin:0 auto;
  font-weight:400;
}
/*フォーム入力での対応*/
.content_p15 form .small_btn {
  margin-top:25px;
}
/*グレー グラデーション*/
button.delete {
  background:-moz-linear-gradient(top, #999999, #888888);
  background:-webkit-gradient(linear, left top, left bottom, from(#999999), to(#888888));
  border:1px solid #b0b0b0;
}
/* ボタン横2つ並び */
.confirm_btn {
  overflow:hidden;
}
.confirm_btn li {
  float:left;
  width:47%;
  margin:0 auto;
}
.confirm_btn li:last-child {
  float:right;
}
.confirm_btn button {
  width:100%;
}
.confirm_btn.small_btn button {
  margin-top:0;
}
/* 黒文字BG白 お届け先ボタン */
.btn-wh-bk button {
  background: transparent;
  border:1px solid #777;
  color: #2b2b2b;
  font-weight: normal;
}
/* --------------------------------------------------------------------------------
(5) 共通テーブル（ショッピングカート、ご注文詳細）
-------------------------------------------------------------------------------- */
/*order-total-table*/
.order-total-table {
  padding:15px;
  margin-bottom:20px;
}
.order-total-table table {
  width:100%;
}
.order-total-table th, .order-total-table td {
  text-align:right;
  font-weight:normal;
  padding:0 5px 8px 0;
}
.order-total-table table .total {
  font-weight:bold;
  font-size:14px;
  border-top:1px solid #000;
  padding:8px 5px 0 0;
}
/* --------------------------------------------------------------------------------
(6) ヘッダー
-------------------------------------------------------------------------------- */
header {
  background-color:#fff;
}
.header-menu li {
  float:right;
  position:relative;
  font-size: 9px;
  text-align:center;
  color: #666;
  width: 11% !important;
}
.header-menu a {
  display: block;
  text-decoration: none;
}
.header-menu .icon-cart .num-cart {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: #da2525;
  color: #fff;
  border-radius: 10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -o-border-radius:10px;
  position: absolute;
  top: -5px;
  right: 0px;
}
.header-menu .wrap-icon-cart {
  margin-right:0px;
}
.lc-header__logo a{
  display: block;
}
.icon-search:before,
.icon-user_favorite:before,
.icon-user_cart:before,
.icon-user_login:before{
  font-family: 'boemfont';
}
.lc-header__menu .lc-header__menu-btn{
  width: 12%;
  padding: 0 2.5%;
}
.icon-search::before{
  content: '\e600';
}
.icon-user_favorite::before{
  content: '\e607';
}
.icon-user_cart::before{
  content: '\e608';
  font-size: 24px;
}
.icon-user_login::before{
  content: '\e902';
}

 /* 通知 #99907 #101021 */
 .iconNotification{
  position: absolute;
    top: 10px;
    left: 16px;
    background: #ff4747;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    animation-name: FlashUpdate;
    animation-duration: 3.5s;
    animation-delay: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-play-state: running;
}
.lc-slideMenu.active .iconNotification{
  animation-play-state: paused;
}
@keyframes FlashUpdate{
  40%{
    opacity: 0
  }
  60%{
    opacity: 1
  }
}
.lc-slideMenu .menu-notificationMenu a:before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 10px;
  left: 10px;
}
.menu-notificationMenu-newCoupon a:before{
background-image: url(//media.aws.locondo.jp/_assets/img/both/icon_present.svg);
}
.menu-notificationMenu-unreadMessage a:before{
background-image: url(//media.aws.locondo.jp/_assets/img/both/icon_wanco.svg);
}
.menu-notificationMenu-ReviewableItem a:before{
background-image: url(//media.aws.locondo.jp/_assets/img/both/icon_review.svg);
}
.lc-slideMenu .menu-notificationMenu a {
  display: flex;
  line-height: 50px;
  font-size: 13px;
  color: #333;
  background-color: #F6F6F6;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  padding-left: 45px;
  align-items: center;
  border-top: 1px solid #fff;
}
.lc-slideMenu .menu-notificationMenu a span {
  font-weight: 600;
  color: #ED143D;
}

.lc-slideMenu .menu-notificationMenu .messageNum .inner,
.lc-slideMenu .menu-notificationMenu .reviewNum{
background: #121212;
color: #fff !important;
border: none;
padding: 2px;
border-radius: 50%;
width: 28px !important;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: 10px;
font-size: 13px;
}
.lc-slideMenu .menu-notificationMenu .inquiry_num{
color: #fff;
padding: 0;
font-weight: 600;
}
.lc-slideMenu .menu-notificationMenu a span.messageNum,
.lc-slideMenu .menu-notificationMenu a span.reviewNum {
  margin-left: auto;
}

/* --------------------------------------------------------------------------------
(7) 共通ナビゲーション、ページャー
-------------------------------------------------------------------------------- */
/* pager */
.pager_prev,
.pager_next {
  position:absolute;
  background:#e5e5e5;
  font-size:15px;
}
.pager_prev {
  left:0;
}
.pager_next {
  right:0;
}
.pager_prev a {
  display:block;
  color:#333;
  padding:14px 15px 14px 31px;
  background:url(https://media.aws.locondo.jp/contents/img/sp/pager_arrow_prev_1610.png) no-repeat 13px center;
  background-size:10px 16px;
  -webkit-background-size:10px 16px;
  -moz-background-size:10px 16px;
  text-decoration:none;
}
.pager_next a {
  display:block;
  color:#333;
  padding:14px 31px 14px 15px;
  background:url(https://media.aws.locondo.jp/contents/img/sp/pager_arrow_next_1610.png) no-repeat 38px center;
  background-size:10px 16px;
  -webkit-background-size:10px 16px;
  -moz-background-size:10px 16px;
  text-decoration:none;
}
.pager {
  border-top:1px solid #f0f0f0;
  border-bottom:1px solid #f0f0f0;
  overflow:hidden;
  background:#f2f2f2;
  height:42px;
}
.pager ol {
  margin:6px 0;
  text-align:center;
  float:left;
  width:auto;
  position:relative;
  left:50%;
}
.pager ol li {
  float:left;
  margin:0;
  position:relative;
  left:-50%;
  font-size:14px;
}
.pager ol li.current {
  min-width:30px;
  text-align:center;
  display:block;
  padding:8px 4px;
  color:#fff;
  background:#343434;
}
.pager ol li a {
  min-width:30px;
  text-align:center;
  display:block;
  padding:8px 4px;
  text-decoration:none;
}
#pager-next-btn, #pager-prev-btn {
  pointer-events: none;
}

/* アコーディオン */
.accordion .acco-inner {
  display: none;
}
.accordion .arw{
  position: relative;
}
.accordion .arw:after{
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  width: 10px;
  height: 10px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* --------------------------------------------------------------------------------
(8) フッター
-------------------------------------------------------------------------------- */
footer {
  padding:0 0 0px 0;
  margin-top: 40px;
  clear: both;
}
footer li a {
  display:block;
  text-decoration:none;
}
footer .sns li a{
  display: block;
  padding: 0 8px;
}
/* リスト（含アコーデイオンリスト） */
.brand-list li {
  font-size:14px;
  background:none;
  color: #666;
}
.brand-list li a {
  display: block;
  padding: 1.1em 0;
  color: inherit;
  font-size: 13px;
  line-height:1.3;
  overflow: hidden;
}
/*brand-list*/
.brand-list li a {
  display: block;
  color: inherit;
  font-size: 13px;
  line-height:200%;
}
/* 共通 */
/* アローアイコン */
.arw:after {
  content: "";
  display: inline-block;
  position: absolute;
  top:0;
  bottom:0;
  right: 15px;
  margin:auto;
  width: 10px;
  height: 10px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.arw.arw-down:after {
  top:-10%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arw.open:after{
  top:10%;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
footer .newslater-text{
  line-height: 1;
  margin-bottom: 10px;
}
.footer_box {
  padding: 40px 15px;
  border-bottom: 1px solid #ddd;
  position: relative;
}
.footer_box input {
  font-size: 13px;
  line-height: 1.1;
  width: 100%;
  height: 30px;
  margin: 0 0 12px 0;
  padding: 19px 10px;
  border: 1px solid #999;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
footer .footer_box .button button {
  color: #fff;
  background: #000;
  font-size: 13px;
  line-height: 1;
  width: 48%;
  margin: 0;
  padding: 14px 0;
  letter-spacing: .5px;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.footer-newsletter-message{
  font-size: 12px;
  line-height: 1.8;
  position: absolute;
  z-index: 2;
  top: 60px;
  left: 50%;
  width: 300px;
  margin: 0 auto;
  margin-left: -150px;
  padding: 15px;
  border: 1px solid #333;
  background: #fff;
  letter-spacing: 0;
  color: #e00; 
}
.footer-newsletter-message.as-success-panel{
  color: #333;
}
span.trg-errorMailMsg-remodal{
  font-size: 11px;
  color: #666;
  border-bottom: 1px solid #666;
  line-height: 1;
}
.icon_close {
  font-size: 12px;
  display: block;
  margin-top: 5px;
  cursor: pointer;
  text-align: center;
  text-decoration: underline;
  color: #333;
}
/* メルマガのみ会員フォームの下に注釈 #99451 */
.footer_box #newslater-form .newslater-note {
  font-size: 11px;
  color: #777;
  margin-top:10px;
  line-height: 1.5;
  text-indent: -1rem;
  margin-left: 1rem;
}
.footer_box #newslater-form .newslater-note a {
  text-decoration: underline;
  text-underline-offset: 4px;
  display: inline-block;
  text-indent: -1rem;
  margin-left: 1rem;
}
.footer_box #newslater-form .newslater-note a[target="_blank"]::after {
  content: "";
  margin-right: 4px;
  padding-right: 12px;
  background: #777;
  mask: url("//media.aws.locondo.jp/contents/common/images/pict_blank.svg") no-repeat center center / contain;
  -webkit-mask: url("//media.aws.locondo.jp/contents/common/images/pict_blank.svg") no-repeat center center / contain;
  display: inline-block;
  width: 12px;
  height: 12px;
  position: relative;
  top: 2px;
}
/*----------------------------------------------------------------------------
(9) パンくず　
----------------------------------------------------------------------------*/
ul.breadcrumbs {
  border-top:1px solid #f0f0f0;
  border-bottom:1px solid #f0f0f0;
  overflow:hidden;
}
/*カタログページ用*/
ul.breadcrumbs li {
  font-weight:bold;
  color:#333;
  display:none;
  padding:6px 13px 7px 15px;
  font-size:11.5px;
  line-height:120%;
}
ul.breadcrumbs li a {
  color:#7a7a7a;
  font-weight:normal;
  text-decoration:none;
  display:block;
}
ul.breadcrumbs li:nth-last-child(2) {
  display:block;
  float:left;
  background:url(https://media.aws.locondo.jp/contents/img/sp/breadcrumbs_bg_1610.png) no-repeat right center;
  background-size:11px 32px;
  -webkit-background-size:11px 32px;
  -moz-background-size:11px 32px;
  margin-right:5px;
}
ul.breadcrumbs li:last-child {
  display:block;
  white-space:nowrap;
}
ul.breadcrumbs li:last-child a {
  font-weight:bold;
  color:#333;
}
nav.breadcrumbs, .user-links ul {
  border-top:1px solid #f0f0f0;
  border-bottom:1px solid #f0f0f0;
  list-style:none;
  margin:2px 0;
  padding:0;
}
nav.breadcrumbs {
  font-size:10px;
}
nav.breadcrumbs li {
  font-weight:bold;
  color:#333;
  padding:0 0 0 15px;
  display:inline-block;
}
nav.breadcrumbs li a {
  color:#7a7a7a;
  font-weight:normal;
  display:block;
  padding:6px 15px 7px 0;
}
nav.breadcrumbs li:nth-last-child(2) {
  display:none;
}
nav.breadcrumbs li:nth-last-child(3) {
  display:inline-block;
  background:url(https://media.aws.locondo.jp/contents/img/sp/breadcrumbs_bg.png) no-repeat right center;
  background-size:11px 32px;
  -webkit-background-size:11px 32px;
  -moz-background-size:11px 32px;
  padding-left:5px;
}
/* 静的ページのパンくずは非表示 */
#contents_ver4 > div.breadcrumbs{
  display: none;
}
/*----------------------------------------------------------------------------
(10) エラーメッセージ、404エラー, 会員登録完了
----------------------------------------------------------------------------*/
.error-msg,
.notice-msg {
  margin-bottom:10px;
  padding:10px 15px;
  font-weight:normal;
  color:#000;
  line-height:1.5;
  border-radius:1px;
  -moz-border-radius:1px;
}
.error-msg li,
.notice-msg li {
  padding:3px 0;
}
.error-msg {
  background-color:#fef3f3;
}
.notice-msg {
  background-color:#f7fcf0;
}
/* 404エラー */
.error {
  margin-top:5px;
  line-height: 1.6;
  padding: 0 12px;
}
.error p {
  margin-bottom:20px;
  font-size:14px;
}

/* --------------------------------------------------------------------------------
(11) お知らせ欄
-------------------------------------------------------------------------------- */
/* --------ヘッダー上エリア-------- */
#info_box_top {
  text-align: center;
}
#info_box_bottom {
  text-align: center;
  border-bottom: 1px solid #f4f4f4;
  overflow: hidden;
}

/*----------------------------------------------------------------------------
(12) フォームエレメント
----------------------------------------------------------------------------*/
/* チェックボックス  チェックマークがbefore ふとんがafter */
.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;
  line-height: 1.5;
}
.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: -5px;
  width: 5px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: '';
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: translateY(-50%) , rotate(45deg);
  z-index: 2;
}
.locondo-checkbox input[type=checkbox]:checked + label:before {
  opacity: 1;
}
/* 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);
}
/* インプット type="text" */

/* リセット */
.locondo-input input[type=text],
.locondo-input input[type=email],
.locondo-input input[type=password],
.locondo-input input[type=tel]{
  border:none;
  width: 100%;
  height: initial;
  font-size: 4.4vw;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  -webkit-box-shadow:none;
  box-sizing: border-box;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-appearance : none;
  /* ハイライト非表示 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.locondo-input input[type=text],
.locondo-input input[type=email],
.locondo-input input[type=password],
.locondo-input input[type=tel]{
  position:relative;
  z-index: 1;
  height: 48px;
  width: 100%;
  border: 1px solid lightgray;
  outline: none;
  padding: 0 10px;
  font-size: 4.4vw;
  background-color: transparent;
  box-sizing: border-box;
  display:inline-block;
}
.mail .locondo-input input,
.password .locondo-input input{
  font-family:"Lato", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
  letter-spacing:.1em;
}
.locondo-input input[type=text]:focus ~ .locondo-input_string,
.locondo-input input[type=email]:focus ~ .locondo-input_string,
.locondo-input input[type=password]:focus ~ .locondo-input_string,
.locondo-input input[type=tel]:focus ~ .locondo-input_string{
  display:block;  
}
/* ボーダー */
.locondo-input{
  background-color: transparent; /*.password_boxの枠線お角一部被るため透明に*/
  position: relative;
}
.locondo-input_string{
  position: absolute;
  height: 1;
  width: 11em; /*文字列分の長さ */
  top: 0; left: 0; bottom: 0; right: 0;
  padding-left: 10px; /*position: absolute;でのmarginは親要素はみ出す*/
  font-size: 4.4vw;
  line-height: 50px; /*文字列を縦方向にmiddleに見せるため*/
  background-color: transparent;
  color: #666;
  box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
  transition: all 0.1s;
  -webkit-transition: all 0.1s;
}


.postalCode .locondo-input_string{
font-size: 12px;
}
.name .locondo-input_string,
.kana .locondo-input_string{
  width: 4em; /*文字列分の長さ */
}
.name .locondo-input_string:lang(en),
.kana .locondo-input_string:lang(en){
  width: initial;
}
.password .locondo-input_string{
  width: 12em; /*文字列分の長さ*/
}
.streetAddress .locondo-input_string{
  width: 20em; /*文字列分の長さ*/
}
.locondo-input_note{
  padding:.6em 0;
  line-height:1.5;
  font-size:12px;
  color:#888;
}
.page_customer-sendpassword .notice-msg{
  margin-bottom:30px;
  font-size:13px;
  line-height:1.7;
}
.page_customer-sendpassword .locondo-input_note{
  margin-top:1em;
  font-size:11px;
}
/* 「メールを送信しました。」目立たせる */
.page_customer-sendpassword .notice-msg span:first-child{
  font-size:1.2em;
  font-weight:800;
}
/*アニメーション*/
/* inputに入力中・済みの時はラベルを上に表示 */
.locondo-input input:focus ~ .locondo-input_string,
.locondo-input input:not(:placeholder-shown) ~ .locondo-input_string{
  font-size: 3.2vw;
  line-height: 1;
  width: 2.5em;
  height: 3.2vw;
  padding: 0 2px;
  background-color: white;
  transform:translate3d(6px, -6px, 0);
  z-index: 2;
}
/* 色の変化 */
.locondo-input input:not(:placeholder-shown) ~ .locondo-input_string{
  color: #333; 
}
/* 変更後のサイズ調整 */
.name input:focus ~ .locondo-input_string,
.name input:not(:placeholder-shown) ~ .locondo-input_string{
  width: 1.5em;  
}
.kana input:focus ~ .locondo-input_string,
.kana input:not(:placeholder-shown) ~ .locondo-input_string{
  width: 2.5em;  
}
.mail input:focus ~ .locondo-input_string,
.mail input:not(:placeholder-shown) ~ .locondo-input_string{
  width: 7.5em;
}
.password input:focus ~ .locondo-input_string,
.password input:not(:placeholder-shown) ~ .locondo-input_string{
  width: 5.5em;
}
.initpassword .password input:focus ~ .locondo-input_string,
.initpassword .password input:not(:placeholder-shown) ~ .locondo-input_string,
.changepassword .password input:focus ~ .locondo-input_string,
.changepassword .password input:not(:placeholder-shown) ~ .locondo-input_string{
  width: 8.5em;
}
.postalCode input:focus ~ .locondo-input_string,
.postalCode input:not(:placeholder-shown) ~ .locondo-input_string{
  width: 4.5em;
}
.streetAddress .address2 input:focus ~ .locondo-input_string,
.streetAddress .address2 input:not(:placeholder-shown) ~ .locondo-input_string{
  width: 4.5em;
}
.streetAddress .address3 input:focus ~ .locondo-input_string,
.streetAddress .address3 input:not(:placeholder-shown) ~ .locondo-input_string{
  width: 16.5em!important;
}
.phoneNumber input:focus ~ .locondo-input_string,
.phoneNumber input:not(:placeholder-shown) ~ .locondo-input_string{
  width: 5.5em;
}
.phoneNumber input:focus ~ .locondo-input_string:lang(en),
.phoneNumber input:not(:placeholder-shown) ~ .locondo-input_string:lang(en){
  width: 4.5em;
}
.phoneNumber .phoneNumber2 input:focus ~ .locondo-input_string,
.phoneNumber .phoneNumber2 input:not(:placeholder-shown) ~ .locondo-input_string{
  font-size:.9em;
  width: 8.5em;
}
.phoneNumber .phoneNumber2 input:focus ~ .locondo-input_string:lang(en),
.phoneNumber .phoneNumber2 input:not(:placeholder-shown) ~ .locondo-input_string:lang(en) {
  width: 9.5em;
  display: block;
}
.addressAlias input:focus ~ .locondo-input_string,
.addressAlias input:not(:placeholder-shown) ~ .locondo-input_string{
  font-size:.9em;
  width: 5.5em;
}
.accountNumber input:focus ~ .locondo-input_string,
.accountNumber input:not(:placeholder-shown) ~ .locondo-input_string{
  font-size:.9em;
  width: 4.5em;
}
.accountHolder input:focus ~ .locondo-input_string,
.accountHolder input:not(:placeholder-shown) ~ .locondo-input_string{
  font-size:.9em;
  width: 9.5em;
}
.accountCompany input:focus ~ .locondo-input_string,
.accountCompany input:not(:placeholder-shown) ~ .locondo-input_string,
.branchName input:focus ~ .locondo-input_string,
.branchName input:not(:placeholder-shown) ~ .locondo-input_string,
.branchNumber input:focus ~ .locondo-input_string,
.branchNumber input:not(:placeholder-shown) ~ .locondo-input_string{
  font-size:.9em;
  width: 3.5em;
}
.customerBarCode input:focus ~ .locondo-input_string,
.customerBarCode input:not(:placeholder-shown) ~ .locondo-input_string{
  width: 4.5em;
}
.pinNo input:focus ~ .locondo-input_string,
.pinNo input:not(:placeholder-shown) ~ .locondo-input_string{
  width: 4.5em;
}

.name input:focus:lang(en) ~ .locondo-input_string:lang(en), .name input:not(:placeholder-shown):lang(en) ~ .locondo-input_string:lang(en) {
  width: 5.5em;
  white-space: nowrap;
}
.kana input:focus:lang(en) ~ .locondo-input_string:lang(en), .kana input:not(:placeholder-shown):lang(en) ~ .locondo-input_string:lang(en) {
  width: 9.5em;
  white-space: nowrap;
}

.postalCode input:focus:lang(en) ~ .locondo-input_string:lang(en) {
  width: 13em;
}
.postalCode input:not(:placeholder-shown):lang(en) ~ .locondo-input_string:lang(en) {
  width: 8em;
}
.addressAlias input:focus:lang(en) ~ .locondo-input_string:lang(en), .addressAlias input:not(:placeholder-shown):lang(en) ~ .locondo-input_string:lang(en){
  width: 8em;
}
.address1 input:not(:placeholder-shown):lang(en) ~ .locondo-input_string:lang(en){
  width: 7.5em;
}
.streetAddress .address2 input:focus:lang(en) ~ .locondo-input_string:lang(en), .streetAddress .address2 input:not(:placeholder-shown):lang(en) ~ .locondo-input_string:lang(en) {
  width: 9.5em;
}
.streetAddress .address3 input:focus:lang(en) ~ .locondo-input_string:lang(en), .streetAddress .address3 input:not(:placeholder-shown):lang(en) ~ .locondo-input_string:lang(en) {
  width: 8em !important;
}
.companyName input:focus:lang(en) ~ .locondo-input_string:lang(en){
  width: 8em;
}
.accountNumber input:focus:lang(en) ~ .locondo-input_string:lang(en), .accountNumber input:not(:placeholder-shown):lang(en) ~ .locondo-input_string:lang(en) {
  width: 8.5em;
}
.mypage.customer-account .accountHolder input:focus:lang(en) ~.locondo-input_string:lang(en), .mypage.customer-account .accountHolder input:not(:placeholder-shown):lang(en) ~.locondo-input_string:lang(en) {
  width: 14.5em;
}

.register-barCode-wrap{
  padding-top: 40px;
  padding-bottom: 16px;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}  
.register-barCode-wrap h3, .mail-favorite-brand-select h3{
  font-size: 16px;
  margin-bottom: 30px;
}
.register-barCode-wrap .note{
  font-size: 11px;
  line-height: 1.7;
  color: #888888;
  margin-bottom: 20px;
}
.customer_edit1.setting-mailmagazine{
  margin-bottom: 40px;
}
.customer_edit1.setting-mailmagazine .inner_area{
  padding-top: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #ededed; 
}
.customer_edit1.setting-mailmagazine .inner_area label{
  font-size: 16px;
}
.mail-favorite-brand-select .note, .customer_edit1.setting-mailmagazine .inner_area .note{
  font-size: 11px;
  padding-top: 10px;
  line-height: 1.7;
  color: #888888;
}
.mail-favorite-brand-select .wrap-brand-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mail-favorite-brand-select .wrap-brand-list li{
  width: calc((100% / 2) - 8px);
  margin-bottom: 15px;
}
.mail-favorite-brand-select .wrap-brand-list li img{
  border: 1px solid #ededed;
  margin-bottom: 10px;
}

/* テキストボックス背景色 */
/* 未入力 */
.locondo-input input[type="text"]:placeholder-shown,
.locondo-input input[type="email"]:placeholder-shown,
.locondo-input input[type="tel"]:placeholder-shown,
.locondo-input input[type="password"]:placeholder-shown {
  background-color:rgba(0,0,0,.03)!important;
}
/* フォーカスされた時 */
.locondo-input input[type="text"]:focus,
.locondo-input input[type="email"]:focus,
.locondo-input input[type="tel"]:focus,
.locondo-input input[type="password"]:focus {
  background-color:transparent;
}
/* 入力されている時 */
.locondo-input input[type="text"]:not(:placeholder-shown),
.locondo-input input[type="email"]:not(:placeholder-shown),
.locondo-input input[type="tel"]:not(:placeholder-shown),
.locondo-input input[type="password"]:not(:placeholder-shown) {
  background-color:#fff;
}
/* 任意 */
.formBlock .heading small{
  margin-left:.2em;
  font-size:.7em;
  color:#999;
}
.phoneNumber2 .locondo-input_string{
  font-size:3vw;
}
html:lang(en) .phoneNumber2 .locondo-input_string{
  line-height: 1.2;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
html:lang(en) .phoneNumber2 .locondo-input_string span{
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
/* 返金口座 調整 */
.mypage.customer-account .accountCompany .locondo-input{
  display:inline-block;
  margin-right:1em;
  width:70%;
}
.mypage.customer-account .accountCompany .locondo-selectButton{
  display:inline-block;
}
.mypage.customer-account .branchNumber .locondo-input,
.mypage.customer-account .accountNumber .locondo-input{
  width:60%;
}
.mypage.customer-account .formBlock{
  margin-bottom:16px;
}
.mypage.customer-account .formBlock.bank,
.mypage.customer-account .formBlock.branchNumber{
  margin-bottom:24px;
}
/* マイサイズ調整 */
.mysize-edit .formBlock .heading{
  margin-bottom:.8em;
  font-size:16px;
}
.mysize-edit .formBlock.shoesSize .heading{
  margin-bottom:.6em;
}
.mysize-edit .formBlock.FootSize .locondo-input{
  display:inline-block;
  margin-right:1em;
  width:35%;
}
.formBlock.FootSize{
  margin-bottom:2em;
}
.formBlock.shoesSize{
  margin-bottom:4em;
}
.formBlock.shoesSize .prefix{
  display:block;
  margin-bottom:.5em;
}
.mysize-edit .wrapSelect.locondo-selectBox{
  display:inline-block;
  margin-right:1em;
  width:35%;
}

/* セレクトボックス */
/* リセット */
.locondo-selectBox select{
  outline:none;
  text-indent: 0.01px;
  text-overflow: '';
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;  
}
.locondo-selectBox select{
  display: inline-block;
  box-sizing: border-box;
  padding: 9px 24px 9px 12px;
  width:auto;
  height: 44px;
  font-size: 16px;
  line-height: 24px;
  border: 1px solid lightgray;
  border-radius: 3px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23999999" d="M7,10L12,15L17,10H7Z" /></svg>'),linear-gradient(to bottom, #ffffff 0%,#eee 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: center right, 0 0;
  background-size:1.6em, 100% 100%;
  text-transform: none;
  font-family: "Lato", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
  letter-spacing: .05em;
}
.locondo-selectBox select:lang(en){
  width: 100%;
}
/* 生年月日 セレクトボックス */
.formBlock.birthday .suffix{
  padding:0 .3em;
  font-size:14px;
  color:#333;
}

/* ラジオボタン  外が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;
}

/* パスワードの表示 */
.locondo-input #password_visibility_checkbox{
  display:none;
}
.locondo-input #password_visibility_label{
  width:56px;
  height:30px;
  font-family: "lcicon";
  font-size: 30px;
  line-height: 30px;
  position:absolute;
  top:10px;
  right:0;
  font-weight: normal;
  text-align: center;
}
.locondo-input #password_visibility_label:before{content: "\EA11";}
.locondo-input #password_visibility_checkbox:checked ~ #password_visibility_label:before{content: "\EA10";}
.formBlock.password .locondo-input_inner{
  position:relative;
}
.formBlock.password .locondo-input_inner input{
  width: calc(100% - 56px);
}
.formBlock.password .locondo-input_inner label.attention{
  width:100%;
}
.wrapContent{
  padding:0 15px;
}
.wrapContent h2{
  font-size:20px;
}
/* 大枠レイアウト */
.formBlock{
  margin-bottom:24px;
}
.formBlock.name{
  margin-bottom:12px;
}
.formBlock.mail,
.formBlock.password,
.formBlock.customerBarCode,
.formBlock.pinNo{
  margin-bottom:12px;
}
.loginPage .formBlock.password{
  margin-bottom:20px;
}
/* 2カラム */
.formBlock.name,
.formBlock.kana{
  display:flex;
  justify-content:space-between;
}
.formBlock.name .locondo-input,
.formBlock.kana .locondo-input{
  width:calc(calc(100% - 12px)/2);
}
/* 性別,銀行 ラジオボタン */
.formBlock.gender .heading,
.formBlock.birthday .heading,
.formBlock.streetAddress .heading,
.formBlock.country .heading,
.formBlock.bank .heading,
.formBarCode-wrap .heading{
  margin-bottom:8px;
  font-size:16px;
  color:#333;
}
.formBlock.bank .heading{
  font-weight:600;
}
.formBarCode-wrap .heading{
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid #ededed;
}
.formBarCode-wrap .locondo-input_note.barCode-note{
  padding-bottom: 30px;
}
.formBlock.bank .locondo-radioButton{
  margin-bottom:1em;
}
/* 郵便番号 */
.formBlock.postalCode .locondo-input{
  display:flex;
}
/* ボタンリセット */
.formBlock.postalCode input[type="button"]{
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
.formBlock.postalCode input[type="button"]::-webkit-search-decoration {
  display: none;
}
.formBlock.postalCode input[type="button"]::focus {
  outline-offset: -2px;
}
/* ボタン スタイル */
.formBlock.postalCode input[type="button"]{
  margin-left:12px;
  padding:0 .8em;
  color:#fff;
  background-color: #666;
  box-sizing:border-box;
  border-radius:2px;
}
/* 住所 */
.formBlock.streetAddress .locondo-selectButton{
  display:inline-block;
  margin-bottom:20px;
}
.formBlock.streetAddress .locondo-input{
  margin-bottom:12px;
}
.formBlock.streetAddress .locondo-selectBox{
  display:inline-block;
  margin-bottom:12px;
}
/* 電話番号 */
.formBlock.phoneNumber .locondo-input{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:12px;
}
.formBlock.phoneNumber .locondo-input_inner{
  width:32%;
}
.formBlock.phoneNumber .locondo-input span{
  margin:0 4px;
  font-size:20px;
  line-height:1;
  color:#999;
}

/* 生年月日 */
.formBlock.birthday .wrapSelect {
  font-size: 15px;
}

/* レイアウト調整 */
.loginPage .formBlock.mail{
  margin-top:20px;
  margin-bottom:20px;
}
/* パスワード変更ページ */
.page_customer-sendpassword .error-msg a {
  text-decoration: underline;
}
.sendpassword_section h2 {
  color: #2b2b2b;
  font-size: 14px;
  font-weight: bold;
  line-height: 110%;
  margin: 30px 0 17px;
}
.sendpassword_section .link-pagelink {
  color: #2b2b2b;
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  margin-top: 20px;
  border: 1px solid;
  border-radius: 4px;
  padding: 10px 20px;
}
.page_customer-sendpassword .hr10px {
  background: #f5f5f5;
  height: 10px;
  border: none;
}

.page_customer-sendpassword,
.initpassword {
  margin-top: 20px;
}
.page_customer-sendpassword .input_head p,
.sendpassword_section p {
  font-size: 13px;
  color: #333;
  line-height: 1.7;
}
.initpassword h2 {
  margin-bottom: 20px;
}

/* レイアウト調整 */

/* jquery-ui 上書き */
.ui-autocomplete.ui-menu .ui-menu-item{
  font-size:15px;
  font-weight:400;
  line-height:1.8;
  letter-spacing:.1em;
}
/* ボタン上書き */
.customer-register .wide_btn,
.customer-simple-register .wide_btn{
  height:64px;
}
.customer-register .wide_btn button,
.customer-simple-register .wide_btn button{
  padding: 12px 0;
  font-weight:400;
}
/* 上書き */
.customer-register label.attention,
.customer-simple-register label.attention{
  margin-top:8px;
}
label.attention[for="phoneNumber1"] {
  margin-bottom: 18px;
}

/* 返金口座 */
.formBlock.accountCompany .locondo-selectBox{
  margin-left:-.5em;
}

/*----------------------------------------------------------------------------
 (13) wanco
----------------------------------------------------------------------------*/

/* ワンコモーダル（.wancoModal） */
.wancoModal {
  display: none; 
  position:fixed;
  z-index:110;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:rgba(0,0,0,.4);
  overflow-y:scroll;
  -webkit-overflow-scrolling: touch;
  backdrop-filter: blur(5px);
}
.wancoModal_bg-cancelElement {
  width: 100%;
  height: 100%;
}  
#selectCategory .wancoModal_contents {
  position: relative;
  top:initial;
  left: initial;
  margin:32px auto;
  -webkit-transform: none;
  transform: none;  
}
.wancoModal_contents {
  box-sizing: border-box;
  position:fixed;
  width: 90%;
  padding:32px 24px 12px 24px;
  background-color:#fff;  
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.wancoModal_heading {
  text-align:center;
  font-size:18px;
  margin-bottom:32px;
  color:#2b2b2b;  
}
.wancoModal_text {
  font-size:12px;
  line-height:1.7;
  text-align:center;
  color:#2b2b2b;
  margin-bottom:20px;
}
[lang="en"] .wancoModal_text{
 font-size:13px;
}
/* #111564 UIkit に変更 */
.wancoModal_uikit_contents{
  padding:40px;
}
.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;
  line-height:1;
  color: var(--text-dark);
  font-variation-settings: 'FILL' 0, 'wght' 100, 'GRAD' 0, 'opsz' 24;
}

/* fascinateメール問い合わせ */
.site_fascinate .wancoModal_uikit_contents .email_inquiry{
	margin: 0 auto;
	margin-top:1.5em !important;
  margin-bottom:0 !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;
}



/* fascinateメール問い合わせ */
#wancoModal_commodity .email_inquiry{
	margin-top:3em;
  margin-bottom:2em;
	font-size:11px;
	text-align:center;
  line-height:1.6;
}
[lang="en"] #wancoModal_commodity .email_inquiry{
  font-size:12px;
}
#wancoModal_commodity .email_inquiry a{
	text-decoration:underline;
	text-underline-offset:.3em;
}
.wancoModal_btn {
  display:block;
  text-align:center;
  font-size:15px;
  line-height:46px;
  margin-bottom:20px;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  text-decoration:none; 
}
.wancoModal_btn.wancoModal_btn-login {
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
}
.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_selectCategory li {
  display: -webkit-flex; /* Safari用 */
  display: flex;
  -webkit-justify-content: center; /* Safari用 */
  justify-content: center;
  -webkit-align-items: center; /* Safari用 */
  align-items: center;
  margin-bottom:10px;
  text-align:center;
  font-size:15px;
  line-height:1.5;
  height: 50px;
  background-color: #eee;
}
.wancoModal_selectCategory a {
  display: -webkit-flex; /* Safari用 */
  display: flex;
  -webkit-justify-content: center; /* Safari用 */
  justify-content: center;
  -webkit-align-items: center; /* Safari用 */
  align-items: center;  
  height:62px;
  width:100%;
  text-decoration:none;     
  flex-direction:column;
}
.wancoModal_selectCategory_toOrderHistory span {
  display: block;
  font-size: .7em;
  margin-top: 0.5em;
  line-height: 1;
}

/*----------------------------------------------------------------------------
(14) グローバルナビ
----------------------------------------------------------------------------*/

/* Gナビ */
nav.gNav {
  position: relative;
  width: 100%;
  padding:0;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.gNav_drop {
  display: none;
  position: absolute;
  top: 37px;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: #fff;
}
.gNav_largeCategory {
  text-align: center;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  font-size: 0;
  white-space: nowrap;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background: #fff;
}
.gNav_largeCategory > li {
  font-size:12px;
  display:inline-block;    
  margin:0;
}
.gNav .gNav_index.is-gNavActive {
  border-bottom: solid 4px #222;
}
.alol .gNav .gNav_index.is-gNavActive {
  border-bottom: solid 4px #a00000;
}
.gNav_largeCategory p,
.gNav_largeCategory a {
  display: block;
  line-height: 36px;
  padding: 0 8px;
  letter-spacing: .1em;
  height: 36px;
  color:#333;  
  box-sizing: border-box;
}
.gNav_largeCategory a {
  text-decoration:none;
  font-family:"Lato", sans-serif;
}
/*開閉時の表示制御*/
.is-gNavActive .gNav_largeCategory p,
.is-gNavActive .gNav_largeCategory a{
  opacity: .4;
}
.is-gNavActive .gNav_largeCategory p.is-gNavActive {
  opacity: 1;
}

.gNav_largeCategory .cateL.is-gNavActive:after,
.gNav_largeCategory .cateM.is-gNavActive:after,
.gNav_largeCategory .cateK.is-gNavActive:after,
.gNav_largeCategory .cateK-g.is-gNavActive:after,
.gNav_largeCategory .cateK-b.is-gNavActive:after,
.gNav_largeCategory .cateSports.is-gNavActive:after,
.gNav_largeCategory .cateHome.is-gNavActive:after {
  transform: translateY(-2px) rotateX(180deg);
}

/* リストスタイル */
.gNav li,
.gNav span,
.gNav a,
.gNav p {
  box-sizing: border-box;
  text-decoration: none;
}
/* dropdown内リストスタイル */
.gNav_drop > ul > li {
  display: block;
  background-color: #fff;
}
.gNav_drop_index,
.gNav_drop_indexSub,
.gNav_drop_indexLink,
.gNav_drop_1CateLink,
.gNav .drop_btnClose {
  display: block;
  height: 50px;
  line-height: 50px;
  padding-left: 16px;
  color: #333;
  font-size:13px;
  border-top: 1px solid #e6e6e6;
}
.gNav .gNav_drop_indexSub {
  padding-left: 0;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  background-color: #e6e6e6;
}
.gNav .gNav_drop_2Category > li a {
  display: block;
  line-height: 42px;
  height: 42px;
  padding-left: 28px;
  font-size:12px;
  color: #333;
  border-top: 1px solid #e6e6e6;
  background-color: #f2f2f2;
}
/*「TOP」を太字*/
.gNav .gNav_drop_1Category li:last-child{
  font-weight: bold;
}
.gNav .gNav_drop_1Category.cateK-gb li:last-child{
  font-weight: normal;
}
/* 「すべて」を太字 */
.gNav .gNav_drop_2Category li:last-child a,
.gNav .gNav_drop_1Category.cateL li:nth-child(5) .gNav_drop_2Category li:nth-child(10),
.gNav .gNav_drop_1Category.cateM li:nth-child(5) .gNav_drop_2Category li:nth-child(7),
.gNav .gNav_drop_1Category.cateK li:nth-child(1) .gNav_drop_2Category li:nth-child(9),
.gNav .gNav_drop_1Category.cateK li:nth-child(2) .gNav_drop_2Category li:nth-child(11){
  font-weight:bold;
}
.gNav .cateSports .gNav_drop_2Category li a{
  font-weight:normal;
}
/* SALEを赤字 */
.gNav .gNav_index.cateSALE,
.gNav .gNav_index.cateOutlet{
  color: #ee0000;
}
.commercialtype2 .gNav_index.cateSale{
  color: #ee0000;
}
/*閉じるボタン*/
.gNav .drop_btnClose {
  padding-left: 0;
  height: 64px;
  line-height: 64px;  
  text-align: center;
  background-color: #f2f2f2;
}
/*開閉時の表示制御*/
.gNav.is-gNavActive .gNav_drop{
  display: block;
}
.gNav_drop_1Category {
  display: none;
}
.gNav_drop_index + .gNav_drop_2Category{
  display: none;
}
.gNav_drop_index.is-open + .gNav_drop_2Category{
  display: block;
}
/*arwデザイン*/
.gNav_drop .arw {
  position:relative;
}
.gNav_drop .drop_btnClose:after {
  content: "";
  display: inline-block;
  position: relative;
  top: 5%;
  margin: auto;
  margin-left: 8px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.gNav_drop_index.is-open:after {
  top: 10%;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/*開閉時の表示制御*/
.is-gNavActive .wrapperUnderGnav {
  display: none;
}
.is-gNavActive #footer_fixed_block {
  display: none;
}
/* 微調整 */
.gNav_largeCategory li:first-child .gNav_index{
  padding-left: 16px;
}
.gNav_largeCategory li:last-child .gNav_index{
  padding-right: 16px;
}
.gNav_largeCategory .cateBrand {
  padding-right: 16px;
}
.gNav_drop .seasonItem-summer{
  display: none;
}

/* 検索モーダル */
.remodal.search_container {
  background: #fff;
  min-height: 100vh;
  margin-bottom: 0;
  padding: 0;
}
#boxsearch {
  display: table;
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
}
#search_mini_form {
  display: table-cell;
  vertical-align: middle;
}
.form-container {
  padding: 0;
}
.form-container input#searchText:focus {
  outline: none;
}
#boxsearch-cancel {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
}
#boxsearch-cancel button {
  display: inline-block;
  border: none;
  background: none;
  padding: 0 0 0 8px;
  line-height: 44px;
  font-weight: normal;
  border-radius: 0;
  font-size: 11px;
}
#boxsearch-cancel button:focus{
  outline: none;
}
.lc-search .lc-search__word {
  box-shadow: none;
  width: 80%;
  height: 38px;
  font-size: 12px;
}
/* サジェストモーダル */
#suggest1{
  position: absolute; 
  top: 52px; 
  z-index: 10; 
  background: #fff; 
  width: 100%;
  border-top: 1px solid #ccc;
  display: none;
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
}
#suggest1.is-view{
  display: block;
}
.lc-header-sub:after {
  content: "";
  clear: both;
  display: block;
}
#suggest__close{
  width:100%;
}
.lc-slideMenu__inner{
  min-height: 100vh;
}
.lc-list-title {
  background: #f2f2f2;
}
.lc-list__menu {
  border-top: 1px solid #f2f2f2;
}
.lc-slideMenu__user {
  border-bottom: 1px solid #f2f2f2;
}
.lc-slideMenu__user-logout {
  border: 1px solid #ccc;
  padding: 4px;
  border-radius: 2px;
}
.lc-slideMenu__content h3,
.lc-slideMenu__content .recentlyItemHeaderTitle,
.lc-slideMenu__content .favItemHeaderTitle{
  font-size: 14px;
  font-weight: normal;
  margin: 10px 0 10px;
  color: #333;
}
.slideMenu__fav,
.slideMenu__history{
  border-bottom:1px solid #f2f2f2;
}
.site_passover .lc-slideMenu__list.-qrCode{
  display:none;
}

/* 検索履歴 */
#search_container-searchHistory h4{
  color: #666;
  font-size: 13px;
  line-height:36px;
  font-weight: normal;
  text-align: left;
  padding: 0 16px 0 18px;
  background-color:#f5f5f5;
  position:relative;
}
#search_container-searchHistory h4 .to-view-history{
  text-decoration:none;
  position:absolute;
  top:0;
  right:18px;
}
#search_container-searchHistoryList .indexItem{
  border-bottom: 1px solid #eee;  
}
#search_container-searchHistoryList .text-noContent {
  font-size: 14px;
  line-height:1.5;
  color: #999;
  padding: 14px 14px 14px 18px;
  box-sizing:border-box;
  text-align: left;
}
#search_container-searchHistoryList a {
  display: block;
  padding: 14px 14px 14px 18px;
  box-sizing:border-box;
  text-decoration: none;
}
#search_container-searchHistoryList .indexItemHeading{
  text-align: left;
  font-size: 14px;
  line-height:1.5;
  color: #666;
  display:flex;
  justify-content:space-between;
  align-items:center;
  word-wrap: break-word;
  word-break:break-all;
}
#search_container-searchHistoryList .indexItemHeading .displayAll{
  display: inline-block;
  margin-left:1em;
  font-size:10px;
  white-space:nowrap;
}
#search_container-searchHistory2{
  display: none;
}
#search_container-searchHistory2 h4{
  color: #666;
  font-size: 13px;
  line-height:36px;
  font-weight: normal;
  text-align: left;
  padding: 0 16px 0 18px;
  background-color:#f5f5f5;
  position:relative;
}
#search_container-searchHistory2 h4 .to-view-history{
  text-decoration:none;
  position:absolute;
  top:0;
  right:18px;
}
#search_container-searchHistoryList2 .indexItem{
  border-bottom: 1px solid #eee;  
}
#search_container-searchHistoryList2 .text-noContent {
  font-size: 14px;
  line-height:1.5;
  color: #999;
  padding: 14px 14px 14px 18px;
  box-sizing:border-box;
  text-align: left;
}
#search_container-searchHistoryList2 a {
  display: block;
  padding: 14px 14px 14px 18px;
  box-sizing:border-box;
  text-decoration: none;
}
#search_container-searchHistoryList2 .indexItemHeading{
  text-align: left;
  font-size: 14px;
  line-height:1.5;
  color: #666;
  display:flex;
  justify-content:space-between;
  align-items:center;
  word-wrap: break-word;
  word-break:break-all;
}
#search_container-searchHistoryList2 .indexItemHeading .displayAll{
  display: inline-block;
  margin-left:1em;
  font-size:10px;
  white-space:nowrap;
}
/* メニューリスト */
#search_container-menu .heading{
  display:block;
  height:32px;
  background-color:#f5f5f5;
}
#search_container-menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#search_container-menu li:last-child a{
  border: none;
}
#search_container-menu a {
  display: block;
  padding: 18px;
  color: #666;
  text-align: left;
  text-decoration: none;
  position: relative;
  font-size: 14px;
  border-bottom: 1px solid #eee;
}
#search_container-menu a:after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  display: inline-block;
  position: absolute;
  right: 16px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* ブランドランキング */
#search_container-brand h4 {
  color: #666;
  font-size: 15px;
  font-weight: normal;
  text-align: left;
  padding: 16px 16px 16px 70px;
  background: url('https://media.aws.locondo.jp/contents/img/sp/icon_ld_fill.png') 15px 50% no-repeat #f5f5f5;
  background-size: auto 14px;
}
#search_container-brand li {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
  position: relative;
}
#search_container-brand li span {
  position: absolute;
  top: 50%;
  left: 12px;
  font-feature-settings: "palt";
  font-family: 'classico-urw', 'Classico URW', sans-serif;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
  background: #f5f5f5;
  padding: 6px;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 12px;
}
#search_container-brand li:nth-child(1) span{
  background: #c6a062;
}
#search_container-brand li:nth-child(2) span{
  background: #ababb5;
}
#search_container-brand li:nth-child(3) span{
  background: #c6afa0;
}
#search_container-brand a {
  display: block;
  padding: 18px 18px 18px 44px;
  color: #666;
  text-align: left;
  text-decoration: none;
  font-size: 14px;
  border-bottom: 1px solid #eee;
}
#search_container-brand a:after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  display: inline-block;
  position: absolute;
  right: 16px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#search_container-close button {
  width: 100%;
  color: #666;
  font-size: 16px;
  border: none;
  border-radius: 0;
  font-weight: normal;
  padding: 22px;
  background: #f5f5f5;
  border-radius: 0;
}

.lc-slideMenu__list h2{
  padding: 16px 15px;
  display: block;
}
.lc-slideMenu__list p{
  padding: 16px 15px;
  display: block;
}
.lc-slideMenu__content{
  padding: 15px;
  position: relative;
}
.lc-slideMenu__content:before {
  position: absolute;
  content: " ";
  top: 0;
  left: 15px;
  width: 70px;
  height: 1px;
  background: #ccc;
}
.slideMenu_recentlyviewed_list,
.slideMenu_favorite_list{
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}
.slideMenu_recentlyviewed_list_item,
.slideMenu_favorite_list_item{
  display: inline-block;
}
.slideMenu_recentlyviewed_list_item.-square .lc-image,
.slideMenu_favorite_list_item.-square .lc-image {
  padding-top: 40%;
}
.slideMenu_recentlyviewed_list_item.-square .lc-image::after,
.slideMenu_favorite_list_item.-square .lc-image::after {
  transform: translate(0, -30%);
}
.slideMenu_recentlyviewed_list_item.-square img,
.slideMenu_favorite_list_item.-square img {
  width: 100%;
  margin: 0;
  transform: translate(0, -25%);
}
.slideMenu_Caption_NoRecentlyViewed{
  line-height: 1.8;
  color: #666;
  font-size: 11px;
}

/*----------------------------------------------------------------------------
(15) サジェスト
----------------------------------------------------------------------------*/

.output_suggest{
  padding: 0;
}
.output_suggest ul.SuggestCommoditiesList li{
  border-bottom: 1px solid #eee;
}
.output_suggest ul.SuggestCommoditiesList a{
  display: table;
  text-decoration: none;
  color: #666;
  font-size: 13px;
}
.output_suggest ul.SuggestCommoditiesList a span{
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  line-height: 1.6;
  padding-left: .5em;
}
.output_suggest ul.SuggestCommoditiesList li img{
  vertical-align: top;
  min-width: 70px;
}
.output_suggest ul.brandSuggestList,
.output_suggest ul.brandCategorySuggestList,
.output_suggest ul.categorySuggestList{
  border-bottom:1px solid #eee ;
  background: #fff;
  text-align: left;
}
.output_suggest ul.brandSuggestList li a,
.output_suggest ul.brandCategorySuggestList li a,
.output_suggest ul.categorySuggestList li a{
  border: none;
  padding: 16px 8px 16px 18px;
  display: block;
  font-size: 13px;
  color: #666;
  box-sizing: border-box;
  text-decoration: none;
  border-bottom:1px solid #eee;
}
.output_suggest h4.brandSuggestTitle,
.output_suggest h4.itemSuggestTitle{
  color: #666;
  font-size: 13px;
  line-height: 36px;
  font-weight: normal;
  text-align: left;
  padding: 0 16px 0 18px;
  background-color: #f5f5f5;
  position: relative;
}
.output_suggest ul.categorySuggestList li:nth-child(n + 3) a,
.output_suggest ul.categorySuggestList li:last-child a,
.output_suggest ul.brandSuggestList li:nth-child(n + 3) a,
.output_suggest ul.brandSuggestList li:last-child a,
.output_suggest ul.brandCategorySuggestList li:nth-child(n + 5) a,
.output_suggest ul.brandCategorySuggestList li:last-child a,
.output_suggest ul.SuggestCommoditiesList li:last-child a{
  border-bottom: none;
}
.output_suggest ul.categorySuggestList li:nth-child(n + 4),
.output_suggest ul.brandSuggestList li:nth-child(n + 4),
.output_suggest ul.brandCategorySuggestList li:nth-child(n + 6){
  display: none;
}
.brandSuggestList li small{
  font-size: 13px;
  color: #999;
  padding-left: .5em;
}
/* サジェスト */
/* CRE_102282(fr)_web2_suggest_mod */
.output_suggest .suggestList li a {
  border: none;
  padding: 1em 8px 1em 18px;
  display: block;
  font-size: 13px;
  color: #666;
  box-sizing: border-box;
  text-decoration: none;
  border-bottom: 1px solid #eee;
}
.output_suggest .suggestList li small{
  font-size: 13px;
  color: #999;
  padding-left: .5em;
}
.output_suggest .suggestList > li a{
  display:flex;
  align-items:center;
  padding-right:8px;
}
.output_suggest .suggestList .word{
  padding-right:.5em;
  flex-grow:1;
  line-height:1.25;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-align:left;
}
.output_suggest .suggestList .type{
  font-size:10px;
  color:#999;
  flex-grow:0;
  flex-shrink: 0;
  display:flex;
  align-items:center;
}
.output_suggest .suggestList .type i svg{
  width:16px;
  height:16px;
  color:#999;
}
.output_suggest .suggestList > li:nth-child(n + 11){
  display:none;
}
/* ショップは基本非表示 */
.output_suggest .suggestList > li[data-type="shop"]{
  display: none;
}
.site_waja .output_suggest .suggestList > li[data-type="shop"]{
  display: block;
}

/*----------------------------------------------------------------------------
(16) トレンドワード
----------------------------------------------------------------------------*/

/* ボタン */
#btn_trendword{
  text-align: center;
  margin-bottom: 16px;
}
#btn_trendword li{
  display: inline-block;
  margin: 8px;
  color: #999;
  padding-bottom: 4px;
  font-size:15px;
  position: relative;
}
#btn_trendword li.is-active{
  color: #2b2b2b;
}
#btn_trendword li::after {
  background-color: #2b2b2b;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  transition: .2s all;
  width: 0;
}
#btn_trendword li.is-active::after {
  width: 100%;
}
/* ワード */
.list_trendword{
  display: none;
}
.list_trendword.is-view{
  display: block;
}
#daily_trendword,#weekly_trendword{
  text-align: center;
  padding:0 12px 8px;
}
#daily_trendword li,#weekly_trendword li{
  display: inline-block;
  margin: 4px;
}
#daily_trendword li a,#weekly_trendword li a{
  display: block;
  background: #f5f5f5;
  color: #666;
  border-radius: 2px;
  padding: 8px;
  text-decoration: none;
  font-size: 13px;
}

/*----------------------------------------------------------------------------
(17) ページトップへ戻る
----------------------------------------------------------------------------*/
.pagetop{
  display: none;
}
.pagetop a{
  background: #666;
  color: #fff;
  text-align: center;
  border-radius: 25px;
  position: fixed;
  bottom: 16px;
  right: 16px;
  padding: 14px;
  font-size: 16px;
  opacity: .5;
  z-index: 10;
}

/* 調整 */
.mypage.initpassword{
  margin-top:20px;
}
.mypage.initpassword .form-button{
  border: none;
}

/* #69731 お気に入りのカートボタン */
/* ヘッダー内のカート商品数 */
.lc-header__cart-num.js-cartCount .inner{
  transition:.2s all;
  transform:scale(1);
}
.lc-header__cart-num.js-cartCount.-transform .inner{
  transform:scale(1.5);
}

/*----------------------------------------------------------------------------
(18) お気に入りブランド登録(追加)
----------------------------------------------------------------------------*/
#alphabet_list ul li.list_item_checkbox_brand,
#katakana_list ul li.list_item_checkbox_brand {
  padding-bottom: 0;
}
#brands-list .locondo-checkbox label {
  display: block;
  vertical-align: middle;
}
#brands-list #alphabet_list label > div,
#brands-list #katakana_list label > div,
#brands-list #alphabet_list label > span,
#brands-list #katakana_list label > span {
  margin-left: 0;
}

/*----------------------------------------------------------------------------
(99) その他
----------------------------------------------------------------------------*/
/*ドロワーメニューの修正*/
.slidemenu .icon-orderhistory:before {
  background-position-y: -50px;
}

/* 価格細め */
body #history_item2 li span,
body #smp_ranking li span,
body #history_item2 li span {
  font-weight: normal !important;
}
#smp_ranking.alol_ranking_block {
  margin-bottom:5px !important;
}

/* レビューの★ */
.star_review .br-widget a,
.star_review .br-widget a:hover{
  background:none;
}

/* レビューのエラー */
.review label.attention{
  margin: 5px 0 20px 0;
}

/* レビューの確認画面 */
.vertical-align-top{
  vertical-align:top;
  padding-left:10px;
}
.vertical-align-top span{
  color:#999; 
}

/* カタログの価格 */
p.regular_price,
p.special_price,
.wrap-slider p.item-price span,
#reco_brand .special_price,
#reco_category .special_price,
#reco .special_price {
  font-weight: normal;
}
/* LINEPROFILE＋ */
h3.ab_login_title{
  clear:both;
}
#smp_main_content.order-flow-connect .registered-users{
  padding-bottom:0;
}
#importProfilePlus  {
  margin:15px 0;
}
.line_cs_inp    {
  margin:15px 0 0 0;
}
.line_connect,
.customer-input,
.customer-register,
.self-address-confirm,
.customer-simple-register{
  clear:both;
  padding-top:15px;
}
input#exportProfilePlusFlag + label{display:inline;}
#smp_main_content h2:first-child{ 
  clear:both;
}

/*　メールアドレス登録不可 #65916　*/
.errorMailMsg-remodal .remodal-close:before{
  background: none !important;
  border: none !important;
}
.remodal-wrapper {
  padding: 0 !important;
}
.errorMailMsg-remodal h2{
  font-size: 16px;
  margin: 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;
  margin:0 0 16px 0;
}
.errorMailMsg-remodal li{
  line-height:1.8;
  color:#666;
  list-style:disc;
}
span.trg-errorMailMsg-remodal{
  font-size: 12px;
  padding: 2px 0;
  font-weight: normal;
  cursor: pointer;
  display: inline-block;
}
span.trg-errorMailMsg-remodal:hover{
  border-bottom: none;
}
.ui-helper-hidden-accessible {
  display:none; 
}
/* 静的ページ */
.static_contents_title {
  font-size: 20px;
  margin: 14px 0 15px;
  text-align: center;
  letter-spacing: .15em;
}
.static_contents_title:lang(en) {
  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: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  color: #000;
  text-align: center;
  font-family: 'boemfont'!important;
}

.icon-facebook::before {
  content: "\e604";
}

.icon-twitter::before {
  content: "\e606";
}

.icon-googleplus::before {
  content: "\e700";
}

.icon-youtube::before {
  content: "\e701";
}

.icon-spotify::before {
  content: "\e703";
}

.icon-line::before {
  content: "\e704";
}

.icon-pinterest::before {
  content: "\e702";
}

.icon-instagram::before {
  content: "\e605";
}

.icon-displayPC::before {
  content: "\e901";
}

.icon-displaySP::before {
  content: "\e900";
}

/* 住所登録 */
.self-address-confirm{
  line-height: 1.5;
}
.self-address-confirm input{
  position: relative;
  z-index: 1;
  height: 48px;
  border: 1px solid lightgray;
  outline: none;
  padding: 0 10px;
  font-size: 4.4vw;
  background-color: transparent;
  box-sizing: border-box;
  display: inline-block;
  border-radius: 3px;
  background-color: rgba(0,0,0,.03);
}
.self-address-confirm select {
  display: inline-block;
  box-sizing: border-box;
  padding: 9px 24px 9px 12px;
  width: auto;
  height: 44px;
  font-size: 16px;
  line-height: 24px;
  border: 1px solid lightgray;
  border-radius: 3px;
  text-transform: none;
  font-family: "Lato", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
  letter-spacing: .05em;
}
.self-address-confirm input[type="button"]{
  margin-left: 12px;
  padding: 0 .8em;
  color: #fff;
  background-color: #666;
  box-sizing: border-box;
  border-radius: 2px;
}
.self-address-confirm .form-input dt label{
  margin-bottom: 8px;
  font-size: 16px;
  color: #333;
}

/*----------------------------------------------------------------------------
  コンテンツ - News
----------------------------------------------------------------------------*/
#cms-contents.news{
  padding: 30px 15px;
  line-height: 1.7;
}
#cms-contents.news img{
  padding:10px 0;
}
#new-contents #news li .text{
padding-right:30px!important;
}

/* ロコメジャー非表示 */
.wrapLocoMeasure{
  display: none !important;
}

.page_delivery_firstclass .content-1 li{
  display:block;
}
.page_delivery_firstclass .content-1 li:before{
  display:inline-block;
}

/* #98066 郵便番号 */
.customer-register .formBlock.postalCode .locondo-input{
  display:flex;
  align-items:center;
}
.formBlock.postalCode input[name="postalCode"]{
  width:10em;
}
.customer-register .locondo-input_note,
.postalCodeBlock .locondo-input_note,
.formBlock.postalCode .locondo-input_note{
  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:#888;
  text-decoration:underline;
  text-underline-offset:.5em;
}
.postalCodeBlock > .wrap{
  display:flex;
}
.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;
}
/* .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;
}
.self-address-confirm > .lc-u-px-15 > h2{
  font-size:15px;
  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% - 5px) / 2);
  overflow: hidden;
  margin-bottom: 5px;
}
.ranking.-col-3 .catalog-item {
  width: calc((100% - 10px) / 3);
}
.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;
}
.ranking .catalog-list::before,
.ranking .catalog-list::after{
  content:"";
  display:block;
  width: calc((100% - 30px) / 4);
  height:0;
  order:1;
}
/* sws新着 */
.swsTop .catalog-imgContainer{
  position:relative;
}
.swsTop .catalog-imgContainer:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  background-color: #000;
  opacity: 0.02;
}

/* 長方形 */
.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: .8em 5px 20px 5px;
  line-height: 1.4;
  text-align: center;
}
.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: 11px;
  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;
}
.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: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;
  border: none;
}
.ranking .catalog-item:nth-child(2) .badge {
  background: #b1b1b5;
  border: none;
}
.ranking .catalog-item:nth-child(3) .badge {
  background: #b9886d;
  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{
  top:4px;
  left:4px;
  border: none;
  border-radius:50%;
  display:flex;
  justify-content:center;
}


/* キャンペーンアイコン .catalog-campaignGroup */
.ranking .catalog-campaignGroup {
  font-size: 10px;
  text-align:left;
  transform-origin:0 0;
  transform: translateY(calc( -18px * 0.9)) scale(.9);
}
.ranking .catalog-campaignGroup.-horizontal {
  display: flex;
  justify-content: left;
}
.ranking .catalog-campaignItem{
  height:calc( 18px * 0.9);
  margin-bottom:1px;
}
.ranking .catalog-campaignItem span {
  display:inline-flex;
  align-items:center;
  padding:0 .5em;
  font-size:10px;
  line-height:1.8em;
  white-space:nowrap;
  color: #fff;
  letter-spacing: .05em;
}
.ranking .catalog-campaignItem span:after{
  letter-spacing: 0;
}
.ranking .catalog-campaignItem:last-child {
  margin-bottom: calc( -18px * 0.9);
}
.ranking .-horizontal .catalog-campaignItem {
  margin-bottom: calc( -18px * 0.9 * 2);
}
.ranking .catalog-link:hover .catalog-campaignItem {
  opacity: 0.7;
}
.ranking .catalog-link{
  text-decoration: none;
}
/* セール */
.ranking .catalog-campaignItem.-discount span {
  background-color: rgba(237, 20, 61, 0.8);
}
.ranking .catalog-campaignItem.-discount span:after {
  content: "OFF";
  margin-left: 0.1em;
}
span.-specialprice:after{
  display: none !important;
  margin-left: 0 !important;
}
.ranking .catalog-campaignItem.-discount.-timesale span:before {
  content:"";
  display:inline-block;
  width: 12px;
  height: 12px;
  background-image: url('//media.aws.locondo.jp/contents/img/common/icon_timesale.svg');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  margin-right: .2em;
}
/* クーポン */
.ranking .catalog-campaignItem.-coupon span {
  color: #222;
  background-color: rgba(255, 218, 31, 0.8);
}
.ranking .catalog-campaignItem.-coupon.-rate span:after {
  content: "%";
}
.ranking .catalog-campaignItem.-coupon.-price span:after {
  content: "円";
}
html:lang(en) .ranking .catalog-campaignItem.-coupon.-price span:after {
  content: "JPY";
}
/* 調整 */
.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% - 10px) / 3);
}
.page_ranking .catalog-list::before,
.page_ranking .catalog-list::after {
  width: calc((100% - 10px) / 3);
}
.page_ranking .catalog-item:nth-child(n + 4) .badge {
  border: 1px solid #999;
  background-color: #fff;
}

/* 番地入力チェックボックス */
#isNoneAddress3{
  font-size:12px;
  font-weight:400;
  display:flex;
  align-items: center;
  padding-top:.6em;
  padding-bottom:.5em;
  color:#666;
  position: relative;
}
#isNoneAddress3 input{
  margin:0;
  margin-right:.4em;
}
.locondo-input input[type="text"]:focus,
.locondo-input input[type="tel"]:focus,
.form-input input[type="text"]:focus,
.form-input input[type="tel"]:focus{
  background-color:#fffafa !important;
}
.new_address .example{
  padding-top:.2em;
}
.new_address #isNoneAddress3{
  padding-top:.3em;
}

/* 返品理由 mypage/return-reason */
/* 確認前のサイトは非表示にしておく */
body:not(.site_fashionwalker):not(.site_waja) .isBrokenProduct-img{
  display:none;
}

/*----------------------------------------------------------------------------
AmazonPay #101820
----------------------------------------------------------------------------*/
.amazonpay-passiveUse.customer-simple-register h1.lc-u-title,
.amazonpay-activeUse.customer-simple-register h1.lc-u-title,
.amazonpay-passiveUse.customer-register .boemRegisterSectionWrap h1.lc-u-title,
.amazonpay-activeUse.customer-register .boemRegisterSectionWrap h1.lc-u-title{
  display: none;
}
ul.customerRegisterTab{
  display: flex;
  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: 48%!important;
  margin: 0 auto;
}
li.customerRegisterTab_boem {
  border-left: none !important;
}
li.customerRegisterTab_boem span{
  width: 50%;
}
li.customerRegisterTab_boem span img{
  width:100%;
}
.customerRegisterTab li.is-active span{
  opacity: 1;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.customerRegisterTab li span{
height: 12px;
opacity: 1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
font-size: 15px;
}
.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;
}
.customerRegister-sectionwrap .Register_ChangeTab_btn{
  width: 100%;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  border: none;
  display: block;
  text-align: center;
  margin-bottom: 10px;
  position: relative;
  text-decoration: none;
  background: #fff;
  color: #0a0a0a;
  border: 1px solid #0a0a0a;
  margin-top: 40px;
}
#amazonSectionWrap #AmazonSignInButton,
#amazonSectionWrap #amazonPayButton{
  width: 100%!important;
}
#amazonSectionWrap .amazonRegister_note{
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  padding: 20px 30px;
}
#amazonPayButton{
  margin: 0 auto 20px auto;
}
.customer-register #amazonSectionWrap #amazonPayButton{
  height: 65px!important;
}
.confirm #amazonPayButton{
  margin: 0;
}
#AmazonSignInButton{
  margin: 0 auto 20px auto;
}
#AmazonPayChange{
  font-size: 11px;
  border: none;
  border-radius: 2px;
  background: #fff;
  line-height: 1;
  color: #888!important;
  text-underline-offset: 0.5em;
  text-decoration: underline;
}
.customer-register #AmazonPayChange{
  margin: 0 auto 30px 0;
}
#AmazonPayChangeAddress{
  color: #333!important;
  font-weight: bold!important;
  padding: 10px 30px;
  border: none;
  margin: 10px 0 20px;
  font-size: 12px;
}
#AmazonPayChangePayment{
  color: #333!important;
  font-weight: bold!important;
  padding: 10px 30px;
  border: none;
  margin:0;
  font-size: 12px;
}
.self-address-confirm #AmazonPayChange{
  margin: 32px 0;
}
.self-address-confirm form{
  margin-top: 20px;
}
.AmazonPayAddress #searchAddressResult:empty{
  display: none;
}
.customer-register form #lastNameKana,
.customer-register form #firstNameKana,
.customer-register .locondo-input input[type="password"]:placeholder-shown,
.customer-register .locondo-input input[type="tel"]:placeholder-shown{
  background-color: rgba(0,0,0,0);
}
.customer-register form #postalCode.amazonpay-readonly,
.customer-register form #address2.amazonpay-readonly,
.customer-register form #address3.amazonpay-readonly,
.customer-register form #prefectureId.amazonpay-readonly{
  border: 1px solid #bbb; 
  background-color: #f5f5f5;
  outline: none;
  color: #888;
}
.customer-register form #postalCode.amazonpay-readonly:focus-visible,
.customer-register form #address2.amazonpay-readonly:focus-visible,
.customer-register form #address3.amazonpay-readonly:focus-visible{
  border: 1px solid #bbb!important;
  background-color: #f5f5f5!important;
}
.customer-register #postalCode.amazonpay-readonly + .locondo-input_string,
.customer-register #address2.amazonpay-readonly + .locondo-input_string,
.customer-register #address3.amazonpay-readonly + .locondo-input_string{
  color: #333!important;
}
.customer-register #amazonPayAddressEdit.amazonpay-readonly{
  text-decoration: none;
  border: 1px solid #000;
  background: #fff;
  font-weight: bold;
  color: #000;
}
.customer-register #amazonPayAddressEdit{
  display: inline-block;
  padding: 15px 15px;
  margin: 0 0 40px;
  font-size: 14px;
  line-height: 1;
  color: #333;
  background: #f5f5f5;
  color: #888;
  border:1px solid #f5f5f5;
  font-weight: normal;
  border-radius: 4px;
}
.AmazonPayAddress .formBlock.streetAddress{
  margin-bottom: 10px;
}

/* #100602 auPAY 休止のご案内 */
.aupay_info {
  display:block!important;
}
.aupay_info_app {
  display:none!important;
}

/* 決済ページ */
.site_passover .confirm_info_top .confirmBanner{
  display: none !important;
}

/* #104473 クーポン適用アイコン */
/* 開発中のCSSバッティングのため、commonに記述 */
/* (TODO) content-order.cssに移植する */
.confirm .couponAppliedIcon{
  display:inline-flex;
  margin-bottom:6px;
  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;
}

/* ゲスト会員 */
.customer-simple-register .mailmagazine {
  display: flex;
  line-height: 1.5;
}

.customer-simple-register .setting-mailmagazine input {
  position: relative;
  border: 1px solid #ccc;
  flex: none;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin: 0 5px 3px 0;
  border-radius: 50%;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  overflow: hidden;
}
.customer-simple-register .setting-mailmagazine .uk-checkbox:checked {
  border-color: #1e87f0;
}

/* ブランド選択 */
.customer-simple-register .mail-favorite-brand-select input {
  position: relative;
  border: 1px solid #ccc;
  flex: none;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin: 0 5px 2px 0;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  overflow: hidden;
}
.customer-simple-register .mail-favorite-brand-select .uk-checkbox:checked {
  border-color: #1e87f0;
}


/* .customer-simple-register .setting-mailmagazine input:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 7px;
  display: block;
  margin-top: -6px;
  width: 7px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
} */





/* .customer-simple-register .mailmagazine input {
  position: relative;
  background-color: #e5e5e5;
  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;
}
.customer-simple-register .mailmagazine input:checked {
  background-color: #0a0a0a;
}
.customer-simple-register .mailmagazine input:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 7px;
  display: block;
  margin-top: -6px;
  width: 7px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}

/*
Amazonキャンペーンバナー
*/
#amazonSectionWrap .amazonpay_bnr {
  display: block;
  margin: 40px auto;
  border: 1px solid #F49D00;
  font-size:0;
}
#amazonSectionWrap .amazonpay_bnr img {
  width: 100%;
  height: auto;
}

/* .catalogList.-temp-2410 */
.catalogList.-temp-2410 .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;
}
.catalogList.-temp-2410 .product-image>img {
  display: block;
  width: 100%;
  max-width: initial;
  height: auto;
  margin:0 !important;
  object-fit:cover;
}
.catalogList.-temp-2410 .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;
}
.catalogList.-temp-2410 .product-text{
  margin-top:-14px;
}


/*  */
/* 商品画像の縦横比率 */
/*  */
.catalogList.-temp-2410 .product-image,
.catalogList.-temp-2410 .product-image>img,
.catalogList.-temp-2410 .product-image:before{
  aspect-ratio: 1/1;
}
/* デフォルト縦長（5:7） */
.site_brandeli .catalogList.-temp-2410 .product-image,
.site_brandeli .catalogList.-temp-2410 .product-image>img,
.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 {
  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_magaseek .catalogList.-temp-2410 .product-image,
.site_magaseek .catalogList.-temp-2410 .product-image>img,
.site_magaseek .catalogList.-temp-2410 .product-image:before,
.site_descente .catalogList.-temp-2410 .product-image,
.site_descente .catalogList.-temp-2410 .product-image>img,
.site_descente .catalogList.-temp-2410 .product-image:before{
  aspect-ratio: 5 / 6;
  object-fit:cover;
}
/* デフォルト縦長かつ、正方形商品(靴など)は縦長枠内でノートリミングで表示するサイト */
/* MANGOの画像は除く(縦長) */
.site_brandeli .catalogList.-temp-2410 .-square .product-image>img:not([data-brand-name="MANGO"][data-shop-code="SPUN0477D"]),
.site_fashionwalker .catalogList.-temp-2410 .-square .product-image>img:not([data-brand-name="MANGO"][data-shop-code="SPUN0477D"]),
.site_fineoutlet .catalogList.-temp-2410 .-square .product-image>img,
.site_duvetica .catalogList.-temp-2410 .-square .product-image>img,
.site_magaseek .catalogList.-temp-2410 .-square .product-image>img:not([data-brand-name="MANGO"][data-shop-code="SPUN0477D"]),
.site_waja .catalogList.-temp-2410 .-square .product-image>img:not([data-brand-name="MANGO"][data-shop-code="SPUN0477D"]) {
  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;
}

/* catalog-campaignGroup */
.site_brandeli .catalogList.-temp-2410 .catalog-campaignGroup,
.site_waja .catalogList.-temp-2410 .catalog-campaignGroup,
.site_magaseek .catalogList.-temp-2410 .catalog-campaignGroup{
  visibility:visible !important;
}