@charset "utf-8";

/*____________________________________________________________________________

SITE TITLE: LOCONDO.jp
TITLE: PC 共通css 【L4】

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

UPDATED:2013.07
UPDATED:2014.03
UPDATED:2014.04 税抜き表示対応
UPDATED:2014.06
UPDATED:2015.04 #7786会員登録フロー
UPDATED:2015.11 会員登録画面に注意書き追加 #11119
UPDATED:2016.06 カート#20737に伴いメッセージスタイル修正
UPDATED:2017.05 OTRS内製化フロント対応　#23759
UPDATED:2017.06 O【wan&co ワンコ】フロントの第2フェーズ対応　#36182
UPDATED:2017.07 会員登録ページEFO #34947
UPDATED:2017.09 「必須項目」,attention の色変更
UPDATED:2017.11 Bダッシュ内製 商品詳細ページランキング
UPDATED:2019.12 新規登録 同意にチェック #61144
UPDATED:2020.06 メールアドレス登録不可 #65916
____________________________________________________________________________*/

/*----------------------------------------------------------------------------
　(1) 全体　幅設定　スクロール
----------------------------------------------------------------------------*/
#contents_ver4 {
  width:1000px;
  margin:15px auto 0;
}
html {
  scroll-behavior: smooth;
}
/*----------------------------------------------------------------------------
　(2) 画像ロールオーバー設定
----------------------------------------------------------------------------*/
#contents_ver4 a:hover img {
  filter:alpha(opacity=60);
  -ms-filter:"alpha(opacity=60)";
  opacity:0.6;
}
#contents_ver4.product_main a:hover img {
  filter:alpha(opacity=100);
  -ms-filter:"alpha(opacity=100)";
  opacity:1;
}
/* Firefox */
#contents_ver4 a:hover img, x:-moz-any-link { background: #fff;}
#contents_ver4 a:hover img, x:-moz-any-link, x:default { background: #fff;}
/*----------------------------------------------------------------------------
　(3) テキストリンク
----------------------------------------------------------------------------*/
#mypage_right_contents a,
table a,
.back-link a {
  text-decoration:underline;
  text-underline-offset:.3em;
}
#mypage_right_contents a:hover,
table a:hover, 
.breadcrumbs a:hover,
.back-link a:hover {
  text-decoration:none;
}
/*----------------------------------------------------------------------------
　(4) パンくず
----------------------------------------------------------------------------*/
.breadcrumbs {
  width:100%;
  font-size:12px;
  color:#333;
  display:block;
  padding:0 0 10px;
  margin:0;
  text-align:left
}
.breadcrumbs li { display:inline; padding-right:5px;}
.breadcrumbs li a { text-decoration:none; padding-left:5px;}
.breadcrumbs li:first-child a { padding:0;}
/* 静的ページ用 */
.breadcrumbs li span { padding-left:5px;}
/*----------------------------------------------------------------------------
　(5) ページトップボタン
----------------------------------------------------------------------------*/
.pagetop {
  clear:both;
  width:100%;
}
.pagetop a {
  float:right;
  width:110px;
  height:12px;
  display:block;
  margin:40px 0;
  position:relative;
  background:url(//media.aws.locondo.jp/contents/img/pc/footer_pagetop_btn.png) left top no-repeat;
  text-indent: -9999px;
}
.pagetop a:hover {
  opacity:0.7;
}
/*----------------------------------------------------------------------------
　(6) 文字
----------------------------------------------------------------------------*/
/*h2タイトル*/
.complete h2 ,
#order_confirm h2 ,
#inquiry h2 ,
.initpassword h2 ,
#arrival h2 ,
#login h2 ,
#logout h2 ,
#cart h2 ,
#review h2,
#register_contents h2 ,
#mypage_right_contents h2 {
  border-bottom:1px solid #ccc;
  margin:0 0 30px;
  font-size:18px;
  color:#2b2b2b;
  padding:0 10px 8px 0;
}
.cart_tit h2 span ,
#login h2 span ,
#mypage_right_contents h2 span ,
#register_contents h2 span {
  font-size:12px;
}
/* p 文章*/
#register_contents p{
  font-size: 13px;
  color: #2b2b2b;
}
/*セール価格*/
.special_price {color:#cc0000;}
.old_price .price { text-decoration:line-through; color:#808080;}
.attention , /*注意文*/
.required_mark { /* 必須項目* */
  color:#ff0000 !important;}
sup {
  font-size:1.2em;
  padding-left:3px;
  font-weight:normal;
  line-height:100%;
  color: #2b2b2b;
}
.attention_txt { margin:10px 0;}
label {
  color:#000;
  font-weight:bold;
  display:block;
}
.required_mark { font-weight:normal;}
.confirm { margin:10px 0 5px;}

.back-link {
  margin:0;
  padding-top:10px;
}
/*入力エラー*/
.inputBox label.attention { margin:0 0 5px;}
.customer_edit2 label.attention ,
.payment label.attention { margin:5px 0 0;}
.customer_edit2 p.required_mark { margin-bottom:15px;}
/*----------------------------------------------------------------------------
　(7) メッセージ　エラーや1000件表示
----------------------------------------------------------------------------*/
.error-msg , .success-msg , .note-msg , .notice-msg {
  padding:12px 30px;
  margin:0 0 25px ;
  color:#000;
  font-weight:bold ;
  border-radius:2px;  
}
.error-msg {
  background:#fff6f6;
}
.success-msg {
  background-color:#f7fcf0;
}
.note-msg , .notice-msg {
  background-color:#f7fcf0;
}
.error-msg li , .success-msg li , .note-msg li , .notice-msg li {
  margin:6px 0;
}
#order_confirm .error-msg{
  text-align:center;
}

/*----------------------------------------------------------------------------
　(8) 会員登録系のフォームスタイル
----------------------------------------------------------------------------*/
/* customer_edit1 */
.customer_edit1 {
  margin-top: 15px;
  padding: 30px; 
  border: 1px solid #ddd;
}
.register_edit1 {
  margin-top:20px;
}
.customer_edit1 .required_mark,
.register_edit1 .required_mark {
  margin-bottom:8px;
}
.customer_edit1 h3 {
  color:#2b2b2b;
  font-size:16px;
  margin:0 0 30px 0;
}
.inputBox {
  background:#f5f5f5;
  width: 100%;
}
.inner_area{
  padding: 30px;
}
.inputBox table { width:100%;}
.inputBox th {
  background:#f5f5f5;
  font-weight:bold;
  padding: 30px 10px 30px 30px;
  border-bottom:1px solid #ededed;
}
.inputBox th span {
  font-size:10px;
  font-weight:normal;
}
.inputBox td {
  border-bottom:1px solid #ededed;
  padding:13px 13px 7px;
}
.mypage-customer-changepassword .inputBox td {
  border-bottom:none;
  padding:13px 13px 4px;
}
.mypage-customer-changepassword .inputBox tr:last-child td {
  padding:0 13px 13px;
}
.inputBox th label {
  margin-right:10px;
  font-weight:normal;
  font-size: 13px;
  color: #777;
}
.inputBox td label {
  margin-right:10px;
}
.inputBox td input , .inputBox td select { 
  margin-bottom:5px;
  padding:5px;
  font-size:13px;
}
.inputBox tr:last-child th,
.inputBox tr:last-child td{
  border-bottom: none;
}
/* パスワードの表示 */
#password_visibility_checkbox{
  display:none;
}
#password_visibility_label{
  display:inline-block;
  width:56px;
  height:30px;
  background-image:url('//media.aws.locondo.jp/contents/img/common/icon_visibility_off_black.png');
  background-size:contain;
  background-repeat: no-repeat;
  background-position:center center;
  opacity:.7;
  position:absolute;
  top:37px;
  left:310px;
  cursor: pointer;
}
#password_visibility_checkbox:checked ~ #password_visibility_label{
  background-image:url('//media.aws.locondo.jp/contents/img/common/icon_visibility_black.png');
}
.mypage-customer-changepassword .inputBox td,
#login .registered_users_in dl,
.initpassword .wrap-input,
.simple-register .block-password td,
.customer-register .block-password td{
  position:relative;
}
#login #password_visibility_label{
  top:34px;
  left:350px;  
}
.initpassword #password_visibility_label{
  top: 24px;
  left: 244px;
}
.simple-register .block-password #password_visibility_label{
  top:17px;
  left:300px;
}
.customer-register .block-password #password_visibility_label{
  top:17px;
  left:300px;
}
.customer-register .block-password .password{
  margin-bottom:1em;
}

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

/*新規会員登録*/
.register_edit1{
  padding:30px;
  border:solid 1px #ddd;
}
.register-new .register_edit1 th{
  padding-left:60px;
}
.register-new p{
  font-size:13px;
  color:#2b2b2b;
  line-height:1.7;
}
.register-new p.required_mark{
  font-size:12px;
  color:#ff0000;
}

.register_edit1 .inputBox td input,
.register_edit1 .inputBox td select {
  font-size: 14px;
  border: 1px solid #ddd;
  padding: 8px;
  border-radius: 2px;
}
  
.register_edit1 .inputBox td input:focus,
.register_edit1 .inputBox td select:focus {
  border-color: #fa7046;
}

.register_edit1 .ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.register_edit1 .ui-menu {
  background: #FFF;
  border: 1px solid #c5c5c5;
}

.register_edit1 .ui-state-active,
.register_edit1 .ui-widget-content .ui-state-active,
.register_edit1 .ui-widget-header .ui-state-active,
.register_edit1 a.ui-button:active,
.register_edit1 .ui-button:active,
.register_edit1 .ui-button.ui-state-active:hover {
  border: 1px solid #ff4f1a;
  background: #fa7046;
  font-weight: normal;
  color: #ffffff;
}

.register_edit1 .ui-icon-background,
.register_edit1 .ui-state-active .ui-icon-background {
  border: #ff4f1a;
  background-color: #ffffff;
}

.register_edit1 .ui-state-active a,
.register_edit1 .ui-state-active a:link,
.register_edit1 .ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

.lgc_registerform .mbkr_color{
 color:#ff719c !important;
 font-weight: bold;
}
.lgc_registerform .input_head a{
text-decoration: underline;
}

/* 同意にチェック #61144 */
.registAgree{
  margin:30px auto 0 auto;
  text-align: center;
}
.registAgree #terms_message{
  font-size: 13px;
  margin-left: -20px;
}
.registAgree #terms_message a{
  color:#fa7046;
}
.registAgree label{
  margin-top:5px;
}
#terms_message input{
  margin-right:5px;
}
/*同意ボタン*/
.registAgree-checkbox input{
  visibility: hidden;
}
.registAgree-checkbox label{
  position: relative;
  display: inline-block;
  top: 0%;
  padding: 0 0 0 24px;
  margin: 8px 0;
  font-weight: normal;
  color: #2b2b2b;
  font-size: 13px;
  -webkit-transition:0.2s ease;
  transition: 0.2s ease;
  cursor: pointer;
  overflow: inherit;
}
.registAgree-checkbox label:after {
  -webkit-transition:0.2s ease;
  transition: 0.2s ease;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  display: block;
  content: '';
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  background: #e5e5e5;
  border-radius: 50%;
}
.registAgree-checkbox label:before {
  -webkit-transition:0.2s ease;
  transition: 0.2s ease;
  position: absolute;
  top: 50%;
  left: 6px;
  display: block;
  margin-top: -5px;
  width: 4px;
  height: 7px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: '';
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 2;
}
.registAgree-checkbox input[type=checkbox]:checked + label:after {
  background: #fa7046;
}
/* disabled; */
.registAgree-checkbox input[type=checkbox]:disabled + label{
  color: #888;
  cursor: default;
}
.registAgree-checkbox input[type=checkbox]:disabled + label:before {
  border-right: none;
  border-bottom: 2px solid #fff;
  width: 8px;
  height: 5px;
  left: 5px;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.registAgree-checkbox input[type=checkbox]:disabled + label:hover:before {
  border-right: none;
  border-bottom: 2px solid #fff;
}
.registAgree-checkbox.is-checked > label:after {
  background: #fa7046;
}

  /* 規約モーダル調整 */
.modal_terms,.modal_privacy{
  text-align: left;
  font-size:13px;
}
.modal_terms h2,.modal_privacy h2{
  font-size:22px;
}
.modal_terms h3,.modal_privacy h3{
  font-size:16px;
  margin: 40px 0 20px 0;
}
.modal_terms dt,.modal_privacy dt{
  margin-top:10px;
}
.modal_terms.remodal,.modal_privacy.remodal {
  max-width: 900px;
}
.term_contents,.privacy_contents{
height: 350px;
overflow-y: scroll;
overflow-x:hidden;
padding:30px;
border:1px solid #ddd;
line-height: 160%;
color:#555555;
}
.term_contents a,.privacy_contents a{
  color:#555;
}
.term_contents p, .privacy_contents p,
.term_contents li, .privacy_contents li{
  margin-top:8px;
}
.term_contents h3,
.term_contents h4,
.term_contents h5,
.term_contents h6, 
.privacy_contents h3,
.privacy_contents h4,
.privacy_contents h5,
.privacy_contents h6{
margin-top:20px;
}
.modal_terms.remodal .remodal-close,
.modal_privacy.remodal .remodal-close,
.errorMailMsg-remodal .remodal-close {
  left: 880px;
  top: -16px;
  width: 36px;
  height: 36px;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 50%;
}
.modal_terms.remodal .remodal-close.remodal-close:before,
.modal_privacy.remodal .remodal-close.remodal-close:before,
.errorMailMsg-remodal .remodal-close.remodal-close:before {
  color:#fff;
}
.modal_terms.remodal .remodal-close_bottom,
.modal_privacy.remodal .remodal-close_bottom {
  background-color: #fff;
  width: 200px;
  height: 40px;
  font-size: 14px;
  border-radius: 2px;
  border: 1px solid #fa7046;
  color: #fa7046;
  margin: 30px auto 0px auto;
  display: block;
  cursor: pointer;
}

/* jQuery UI */
.ui-autocomplete *,
.ui-autocomplete *:before,
.ui-autocomplete *:after {
	box-sizing: border-box;
}

.ui-autocomplete {
	width: 23em;
	background-color: #fff;
	border: 1px solid #c5c5c5;
	border-top: none;
	box-sizing: border-box;
	z-index: 99;
	word-break: break-all;
	word-wrap: break-word;
  font-size: 13px;
  font-weight: bold;
}

.ui-autocomplete .ui-menu-item {
	display: table;
	width: 100%;
}

.ui-autocomplete .ui-menu-item-wrapper {
  padding: 6px 0 6px 12px;
}

.ui-autocomplete .ui-menu-item .ui-state-active,
.ui-autocomplete .ui-menu-text .ui-state-active {
	background-color: #fedeb6;
}

.ui-autocomplete .ui-menu-item:hover {
  background: #fedeb6;
}

/*性別*/
.sex-label{
  display:inline;
  font-size:13px;
  font-weight:normal;
  color:#2b2b2b;
  margin-left:2px;
}
#sex1,
#sex2,
.sex-label{
  cursor: pointer;
}
/* 生年月日 */
#birthDateYear{
  width:6em !important;
}
#birthDateMonth,
#birthDateDay{
  width:5.5em !important;
}
/*郵便番号*/
.postalcode { margin-top:5px;}
/*例*/
.example {
  padding:0;
  font-size: 11px;
  display:block;
}
.example-notice {
  padding:0;
  font-size: 11px;
  display:block;
  color: #666;
 }
 .example-notice-point{
  padding:8px 0 0 0;
}
/*ボタン共通　登録*/
.register ,
.refund_actionFooter {
  clear:both;
  padding-top:30px;
}
/* 登録ボタン */
.register a ,
.refund_actionFooter a {
  width:160px;
  height:44px;
  margin:0 auto 10px;
  display:block;
  text-indent:-9999px;
  background:url(//media.aws.locondo.jp/contents/img/pc/btn_register_1610.png) left top no-repeat;
}
.register a:hover ,
.refund_actionFooter a:hover {
  filter:alpha(opacity=80);
  -ms-filter:"alpha(opacity=80)";
  opacity:0.8;
}
/* customer_edit2 */
.customer_edit2 {
  margin-top: 15px;
  padding: 30px; 
  border: 1px solid #ddd;
}
.customer_edit2 h3 {
  color:#2b2b2b;
  font-size:16px;
  margin:0 0 15px 0;
}
.customer_edit2 form {
  clear:both;
}
.customer_edit2 sup {
  color:#ff0000;
  font-size: 1.2em;
}
.customer_edit2 table td {
  padding:30px;
  vertical-align:top;
}
#confirm {
  float:right;
  overflow:hidden;
  margin-top: 28px;
  text-align:right;
}
.customer_edit2 #confirm{
  float: none;
  text-align: center;
}
.customer_edit2 #confirm button.button{
  float: none;
  margin: 0 auto;
}
.customer_edit2 label {
  font-weight:bold;
  display:block;
  margin-bottom:5px;
}
.customer_edit2 .example { margin-top:5px;}

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

.service_merit {
  margin: 10px 0 15px;
  padding: 25px 0 25px 148px;
  background-color:#f9f9f9;
  overflow: hidden;
}
.service_merit li {
  float: left;
  margin-right: 35px;
  text-indent: -9999px;
}
#merit1 {
  width: 183px;
  height: 37px;
  background: url(//media.aws.locondo.jp/contents/img/pc/icon_service_merit.png) 0 0 no-repeat;
}
#merit2 {
  width: 214px;
  height: 37px;
  background: url(//media.aws.locondo.jp/contents/img/pc/icon_service_merit.png) -184px 0 no-repeat;
}
#merit3 {
  width: 242px;
  height: 37px;
  background: url(//media.aws.locondo.jp/contents/img/pc/icon_service_merit.png) -399px 0 no-repeat;
}
.inputBox .alert_form {
  font-size: 11px !important;
  margin: 0 0 10px;
  padding-right: 20px;
}

/* WAF対応 */
.alert_mark-notice {
  display: inline-block;
  background: #f5f5f5;
  width: 11px;
  height: 11px;
  text-align: center;
  line-height: 11px;
  color: #ff3c00;
  font-weight: bold;
  border-radius: 50%;
  border: 1px solid;
  margin: 0 4px 0 0;
  font-size: 10px;
}


/*----------------------------------------------------------------------------
　(9) ac propoza使用 レコメンド
----------------------------------------------------------------------------*/
.product_detail_reco { margin-bottom:30px;}
h2.product-reco {
  width:1000px;
  height:20px;
  margin:0 0 5px;
  font-size:13px;
  color:#000;
  font-weight:bold;
  text-align:left;
  padding:0;
}
h2.product-reco span {
  font-size:11px;
  color:#666;
  padding-left:13px;
  font-weight:normal;
}
.product-reco {
  border-bottom:1px solid #e6e6e6;
  margin-bottom:14px !important;
}
.product_detail_reco ul li {
  width:125px;
  float:left;
  margin:0;
  padding:0;
  text-align:center;
  font-size:11px;
  line-height:140%;
  font-weight:normal;
}
.product_detail_reco ul li a {
  text-decoration:none;
}
.product_detail_reco p {
  color:#666;
  font-size:11px;
}
/* 価格 */
.product_detail_reco ul li span[id^="product-price-"]{
  font-size:13px;
  letter-spacing:.03em;
}
.product_detail_reco ul li span[id^="old-price-"]{
  font-size:12px;
  letter-spacing:.03em;
}
/* 割引き前価格 */
.product_detail_reco ul li .old_price {
  text-decoration:line-through;
  color:#969696;
}
/* 閲覧履歴 */
#history_item { margin-bottom:40px;}
#history_item #history ul { width:1000px;}
#history_item #history ul li {
  width:60px;
  float:left;
  margin:0 7px 0 0;
  padding:0;
}
#history_item #history ul li:last-child { margin:0;}
#history_item #history p {
  color:#666;
  font-size:11px;
  padding-top:4px;
}
/*----------------------------------------------------------------------------
　(10) エラー、404
----------------------------------------------------------------------------*/
#error_page p { margin:20px 0  0;}
#error_page .error {
  background-color:#f9f9f9;
  border:#E6E6E6 1px solid;
  padding:10px 25px;
  color:#666;
  margin:20px 0 ;
}
#error_page p a ,#error_page .error a { text-decoration:underline;}
/*----------------------------------------------------------------------------
　(11) ブランド一覧ページ／取扱いブランド
----------------------------------------------------------------------------*/
#brands-list .index {
  overflow:hidden;
  border-left:1px solid #e6e6e6;
  margin-bottom:15px;
}
#brands-list .index li {
  float:left;
  margin-right:0 !important;
  border-right:1px solid #e6e6e6;
  text-align:center;
}
#brands-list .index li a {
  display:block;
  line-height:32px;
  height:30px;
  padding:0 13px;
}
#brands-list .index li a:hover ,
#brands-list .listCategory li a:hover ,
#brands-list .listCategory li b {
  background-color:#e6e6e6;
  text-decoration:none;
  color:#000;
  font-weight:normal;
}
#brands-list .listCategory {
  overflow:hidden;
  margin:-15px 0 20px;
}
#brands-list .listCategory li {
  float:left;
  margin-right:10px !important;
  border:1px solid #e6e6e6;
  line-height:38px;
  height:36px;
}
#brands-list .listCategory li b ,
#brands-list .listCategory li a {
  display:block;
  padding:0 14px;
}
#brands-list #startWithAlphanumeric li ,
#brands-list #startWithKatakana li  { line-height:250%;}
.ui-helper-hidden-accessible{display: none;}
/*----------------------------------------------------------------------------
　(12) ロコンドへ戻るボタン
----------------------------------------------------------------------------*/
#contents_ver4{
  z-index: 1;
}
#footer_ver4.footer_outlet{
  z-index: 100;
}
#to-locondo{
  position: fixed;
  left: initial;
  right: 12px;
  bottom: 12px;
  text-align: right;
}
#to-locondo a{
 display:block;
 opacity: .8;
}
#to-locondo a:hover{
 opacity: 1;
}

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

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


/*----------------------------------------------------------------------------
　(14) フォームエレメント
----------------------------------------------------------------------------*/

.locondo-checkbox{
  display: inline-block;
}
.locondo-checkbox input[type=checkbox]  {
  display: none;
}
.locondo-checkbox label{
  position: relative;
  top: 0%;
  padding: 0 0 0 24px;
  margin: 8px 0;
  font-weight: normal;
  color: #2b2b2b;
  font-size: 13px;
  -webkit-transition:0.2s ease;
  transition: 0.2s ease;
  cursor: pointer;
  overflow: inherit;
}

.locondo-checkbox label:after {
  -webkit-transition:0.2s ease;
  transition: 0.2s ease;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  display: block;
  content: '';
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  background: #e5e5e5;
  border-radius: 50%;
}

.locondo-checkbox label:before {
  -webkit-transition:0.2s ease;
  transition: 0.2s ease;
  position: absolute;
  top: 50%;
  left: 6px;
  display: block;
  margin-top: -5px;
  width: 4px;
  height: 7px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: '';
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 2;
}
.locondo-checkbox label:hover:before {
  border-right: 2px solid #fa7046;
  border-bottom: 2px solid #fa7046;
}

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

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

.locondo-checkbox input[type=checkbox]:disabled + label:hover:before {
  border-right: none;
  border-bottom: 2px solid #fff;
}


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



/*----------------------------------------------------------------------------
　99　リブランディング後対応
----------------------------------------------------------------------------*/

#left-col li a,
#left-col dt a,
#left-col dd a{
  font-size:13px;
  }


/*----------------------------------------------------------------------------
  OTRS内製化フロント対応　#23759
 ----------------------------------------------------------------------------*/
 /* wancoFaq.css へ移動 */

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

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

/* customer-register */
/* #98066 郵便番号 */
.customer-register .postalCodeBlock td .wrap{
  display:flex;
  align-items:center;
}
.customer-register .locondo-input_note a,
.postalCodeBlock .locondo-input_note a,
.formBlock.postalCode .locondo-input_note a{
  margin-left:20px;
  font-size:11px;
  background: url(//media.aws.locondo.jp/contents/common/images/pict_blank.gif) right center no-repeat;
  padding-right: 15px;
  color:#666 !important;
  text-underline-offset:4px;
}
.postalCodeBlock td .wrap{
  display:flex;
  align-items:center;
}
.customer-register #searchAddressResult,
.postalCodeBlock #searchAddressResult,
.formBlock.postalCode #searchAddressResult{
  margin-top:.5em;
  display:inline-block;
  font-size:12px;
  line-height:1.6;
  color:#d00;
  font-weight:600;
}
/* 郵便番号書き換え時のダイアログ#98996 */
.postalCode_alert .uk-modal-body{
  font-size:13px;
  color:#333;
  line-height:1.6;
}
.postalCode_alert .uk-modal-footer{
  border:none;
  text-align:center !important;
}
.postalCode_alert .uk-modal-footer button{
  background:#fa7046;
  border-radius:2px;
  width:10em;
}

/*----------------------------------------------------------------------------
AmazonPay #98476
----------------------------------------------------------------------------*/
ul.customerRegisterTab{
  display: flex;
  border-bottom: 1px solid #ddd;
  margin: 0 0 24px 0;
}
.customerRegisterTab li.is-active{
  border: 1px solid #ddd;
  border-bottom: 1px solid #fff;
  background: #fff;
  color: #2b2b2b;
}
.customerRegisterTab li{
  padding: 0px;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: .05em;
  color: #aaa;
  background: #eee;
  border: none;
  position: relative;
  top: 1px;
  margin: 0 0;
  cursor: pointer;
  border-radius: 2px 2px 0 0;
  border-bottom: 1px solid #eee;
  width: 50%;
  text-align: center;
  height: 50px;
}
li.customerRegisterTab_amazon{
  border-right: none !important;
}
li.customerRegisterTab_amazon span{
  width: 100%;
  text-decoration: none;
  font-size: 13px;
}
li.customerRegisterTab_amazon span img{
  width: 110px!important;
}
li.customerRegisterTab_locondo {
  border-left: none !important;
}
li.customerRegisterTab_locondo span{
  width: 50%;
}
li.customerRegisterTab_locondo span img{
  width: 50%!important;
}
.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%);
}
.customerRegisterTab li span img{
  width: 100%;
  opacity: 0.3;
}
.customerRegisterTab li.is-active span img{
  opacity: 1;
}
.customerRegister-sectionwrap{
  display: none;
}
.customerRegister-sectionwrap.is-active{
  display: block!important;
}
#amazonSectionWrap .amazonRegister_note{
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  padding: 20px 30px;
}
#amazonPayButton{
  margin: 0 auto 20px auto;
}
.confirm #amazonPayButton{
  margin: 0;
}
#AmazonSignInButton{
  margin: 0 auto 20px auto;
}
#AmazonPayChange{
  color: #666;
  border: none;
  margin: 0;
  font-size: 11px;
  text-decoration: underline;
  text-underline-offset: 4px;
  background: none;
  cursor: pointer;
}
.customer-register #AmazonPayChange{
  margin: 0;
}
#AmazonPayChangeAddress{
  color: #333!important;
  font-weight: bold!important;
  padding: 10px 30px;
  border: none;
  margin: 10px 0 20px;
  font-size: 12px;
}
#AmazonPayChangePayment{
  color: #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;
}
#amazonSectionWrap{
  padding: 30px;
  background: #efefef;
}
#LocondoSectionWrap button#amazonPayAddressEdit.amazonpay-readonly{
  color: #333;
  background-color: #fff;
  cursor: pointer;
}
#LocondoSectionWrap button#amazonPayAddressEdit{
  margin: 0 0 0 20px;
  padding: 0.4em 0.8em;
  font-size: 12px;
  text-decoration: none;
  background-color: #f5f5f5;
  color: #999;
  cursor: inherit;
  border-radius: 2px;
  width: 110px;
  border: 1px solid #ddd;
}
#LocondoSectionWrap input#postalCode.amazonpay-readonly,
#LocondoSectionWrap select#prefectureId.amazonpay-readonly,
#LocondoSectionWrap input#address2.amazonpay-readonly,
#LocondoSectionWrap input#address3.amazonpay-readonly{
  background-color: #f5f5f5!important;
  color: #666;
  border: 1px solid #ddd!important;
  outline: none;
}

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

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

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

/*
Amazonキャンペーンバナー
*/
#amazonSectionWrap .amazonpay_bnr {
  display: block;
  width: 60%;
  margin: 40px auto;
  border: 1px solid #F49D00;
}

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