@charset "UTF-8";
:root {
  --black: #222222 !important;
  --bg-lightgray: #F5F5F5 !important;
  --border: #E4E4E4 !important;
  --lightgray: #EEE !important;
  --gray-accent:#dcdcdc !important;
  --gray: #CCC !important;
  --text-light: #666 !important;
  --text-pale: #888 !important;
  --alert: #A6192E !important;
  --sale: #B81A1B !important;
  --accent: #C0A454 !important;
  --fav: var(--black) !important;
  --header_height: 70px;
  --header_height_is-scroll: 55px;
}

#content_banner h2 {
  letter-spacing: 0.15em;
}
.static_contents_title {
  font-size: 34px;
  letter-spacing: 0.15em;
}

/* common-base.css */
a {
  cursor: pointer;
}

/*----------------------------------------------------------------------------
  Pager (NEWS page only)
----------------------------------------------------------------------------*/
body[data-page="news"] .pager {
  margin: 40px 0;
  text-align: center;
}

body[data-page="news"] .pager-list {
  display: inline-flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 8px;
}

body[data-page="news"] .pager-list li {
  display: inline-block;
}

body[data-page="news"] .pager-list a,
body[data-page="news"] .pager-list .pager-current,
body[data-page="news"] .pager-list .pager-dots {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  text-decoration: none;
  border: 1px solid var(--border);
  background-color: #fff;
  color: var(--black);
  min-width: 40px;
  min-height: 40px;
  text-align: center;
  transition: all 0.3s ease;
  box-sizing: border-box;
}

body[data-page="news"] .pager-list a:hover {
  background-color: var(--bg-lightgray);
  border-color: var(--gray);
}

body[data-page="news"] .pager-list .pager-current {
  background-color: var(--gray-accent);
  border-color: var(--gray-accent);
  color: var(--black);
  font-weight: bold;
}

body[data-page="news"] .pager-list .pager-dots {
  border: none;
  background: none;
  color: var(--text-pale);
}

body[data-page="news"] .pager-prev,
body[data-page="news"] .pager-next {
  padding: 8px 12px !important;
  font-weight: bold;
  color: var(--black);
  min-width: 40px !important;
  min-height: 40px !important;
}

body[data-page="news"] .pager-prev .uk-icon svg,
body[data-page="news"] .pager-next .uk-icon svg {
  width: 16px;
  height: 16px;
}

/*----------------------------------------------------------------------------
  Color
----------------------------------------------------------------------------*/

/* common-boem_style.css */
.register a ,
.refund_actionFooter a {
  background-color:var(--black);
}
.wancoModal_btn {
  color: var(--black);
  border:1px solid var(--black);
}
.wancoModal_selectCategory li {
  color: var(--black);
}
.wancoModal_selectCategory.fromFAQ a {
  color: var(--black);
}
span.trg-errorMailMsg-remodal{
  color: var(--black);
  border-bottom: 1px solid var(--black);
}
button.button {
  background:var(--black);
}
.btn-or{
  background: var(--black);
  border-color: var(--black);
}
.btn-wh{
  color: var(--black) !important;
  border-color:var(--black);
}
.page-404 .btnToppage{
  background-color:var(--black);
  border:1px solid var(--black);
}
.locondo-checkbox label:hover:before {
  border-right: 2px solid var(--black);
  border-bottom: 2px solid var(--black);
}
.locondo-checkbox input[type=checkbox]:checked + label:after {
  background: var(--black);
}
.locondo-checkbox.is-checked > label:after {
  background: var(--black);
}
.wancoModal_btn.wancoModal_btn-login {
  background-color:var(--black);
}
.wancoModal_selectCategory_toOrderHistory {
  background-color:var(--black);
}
.pagetop a{
  background: var(--black);
  bottom: 70px;
}
#contents_ver4.customer-register-complete .btnToppage{
  background-color:var(--black);
  border:1px solid var(--black);
}

/* content-catalog.css */
.catalog_purchase_history-list-btn a{
  border:1px solid var(--black);
  color: var(--black);
}
.breadcrumbs button{
  color: var(--black);
}
button.favoriteBrand-btn-add span:before,
button.favoriteBrand-btn-del span:before,
button.favoriteBrand-btn-login span:before{
  color: var(--black);
}
.breadcrumbs button.favoriteBrand-btn-del{
  color: var(--black);
}
.favoritebrand_alert_container a {
  color: var(--black);
}
.favoritebrand_alert_btn a {
  background: var(--black) url('//sc3.locondo.jp/contents/img/pc/btn_fav_inner_arrow.png') no-repeat 138px 16px;
}
.muteLoading p a{
  color: var(--black);
}
#right_content .favoriteBrand-btn button {
  color: var(--black);
}
#right_content .favoriteBrand-btn button::before {
  color: var(--black);
}
#right_content .brand_explanation a.more{
  color: var(--black);
}
#left_navi .noUi-connect{
  background: var(--black);
}
.FastDelivery input[type=checkbox]:checked + .FastDeliveryLabel + label{
  background:var(--black);
}
.FastDelivery input[type=checkbox]:checked + .FastDeliveryLabel + label:before{
  border: 1px solid var(--black);
}
.boxToLogin .heading strong{
  color: var(--black);
}
.boxToLogin .btn-login a {
  background-color:var(--black);
}
.favoriteSimilarities .heading .feedbackTxt{
  color: var(--black);
}
.favoriteSimilarities .heading .toMypage{
  color: var(--black);
  border:1px solid var(--black);
}
.filter_returns_btn input {
  color: var(--black);
  border:1px solid var(--black);
}
.filter_offRate_btn input{
  color: var(--black);
  border:1px solid var(--black);
}
.filter_searchWord_btn input{
  color: var(--black);
  border:1px solid var(--black);
}
#left_navi .filter_list.more_brandlist li a.modalLink.brand_select_name{
  color: var(--black);
}
.fav-brand_list a.btn_fav-brand{
  color: var(--black);
  border:1px solid var(--black);
}
#left_navi .filter_list li a.modalLinkBrand{
  color: var(--black);
}
.no-result-favBrand-head{
  color: var(--black);
}
.no-result-favBrand-cta a{
  color: var(--black);
  border: 1px solid var(--black);
}
.tippy-tooltip .tippy-content a{
  color: var(--black);
}
.filter_color_btn input {
  color: var(--black);
  border:1px solid var(--black);
}
.select_condition {
  border:1px solid var(--black);
}
.select_condition h3 {
  color: var(--black);
}
.detail_condition li label {
  color: var(--black);
}
.wrap_filter.MysizeFilter.MysizeFilterOn{
  border: 2px solid var(--black);
}
.btn_MysizeFilter a.btn_Primary{
  color: var(--black);
  border: 1px solid var(--black);
}
.btn_MysizeFilter a.btn_Secondary{
  background: var(--black);
}
.btn_MysizeFilter a.btn_tertiary:hover{
  border: 1px solid var(--black);
  color: var(--black);
}
.register_edit1 .inputBox td input:focus,
.register_edit1 .inputBox td select:focus {
  border-color: var(--black);
}
.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 {
  background: var(--black);
}
.registAgree #terms_message a{
  color: var(--black);
}
.registAgree-checkbox input[type=checkbox]:checked + label:after {
  background: var(--black);
}
.registAgree-checkbox.is-checked > label:after {
  background: var(--black);
}
.modal_terms.remodal .remodal-close_bottom,
.modal_privacy.remodal .remodal-close_bottom {
  border: 1px solid var(--black);
  color: var(--black);
}
/* セール */
.catalog-campaignGroup > li.-discount span {
  background-color: var(--sale);
}
.catalog-campaignGroup > li.-secretsale span{
  color: #fff !important;
}
.price_box p.wrap.-secretPrice .secretPrice{
  color: var(--sale);
}

/* content-waiting.css */
.waiting-detail_wrap .waiting-time-info{
  color: var(--black);
}
.waiting-detail_wrap .waiting-time-note a{
  color: var(--black);
}
.waiting-time-note a{
  color: var(--black);
}
.waiting-detail_wrap .finish-waiting-time-info{
  color: var(--black);
}
.new_steplink button {
  background: var(--black);
}

/* content-mypage.css */
.member_rank_RankWrap {
  margin: 15px 0px 5px;
  font-size: 14px;
}

.member_rank_RankWrap .member_rank_RankName {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.5px;
}

.member_rank_detailLink {
  background: #ddd;
  font-size: 12px;
  padding: 4px 6px;
  border-radius: 2px;
  text-decoration: none !important;
  color: #555;
  margin-left: 5px;
}

.member_rank_RankText {
  display: inline-block;
}

.mypage_pointinfo_wrap {
  background: #f3f3f3;
  border-radius: inherit;
  padding: 20px;
  margin-bottom: 30px;
  position: relative;
}
.mypage_pointinfo_name {
  font-size: 20px;
  margin-bottom: 10px;
}
.mypage_pointinfo_pointdetail {
  font-size: 14px;
}
.mypage_user-point a {
  margin-right: 16px;
}
.mypage_user-point li span {
  font-weight: bold;
  font-size: 15px;
  padding-right: 10px;
}
.mypage_user-point li.wanco_newMessage span {
  padding: 0 2px;
}
.mypage_user-point li.rankup {
  font-weight: bold;
  color: #ed6d0f;
  padding-bottom: 12px;
}
.mypage_user-point li.rankup span {
  font-weight: normal;
  font-size: 12px;
  padding-left: 10px;
}
.mypage_user-point li.max {
  padding: 5px 0 12px;
}
.mypage_user-point li.link {
  padding: 0 10px 0 0;
  display: inline;
}
.mypage_user-point li.link a {
  text-decoration: underline;
}
.member_rank_RankText {
  display: inline !important;
}

.wanco_newMessage {
  border: 1px solid var(--black);
  background-color:var(--black);
}
.status_point a strong{
  color: var(--black);
}
.topSection_btnDeliveryStatus {
  color: var(--black) !important;
  border: 1px solid var(--black);
}
#mypage_right_contents .topSection_btnDeliveryStatus a {
  color: var(--black);
}
.wancoModal.scatchAccount .wancoModal_btnContactUrl {
  background: var(--black);
}
.wancoModal_text-cancelElement {
  color: var(--black);
}

.site_durban .lc-list__link,
.site_durban .mypage #mypage_right_contents h2{
  color: var(--black);
}
.site_durban .lc-list__count{
  background-color: var(--alert);
}
.mypage #mypage_right_contents h2{
  font-weight: 500;
}
#mypage_right_contents .returnInfoLink a {
  color: var(--black);
}
#mypage_right_contents .returnInfoLink a:after{
  border-top: 1px solid var(--black);
  border-right: 1px solid var(--black);
}
.favorite-list .link-mailmagazine {
  color: var(--black) !important;
}
.favorite-brand .brand-list .link-brand-edit, .mypage-mailmagazine .wrap-brand-list .link-brand-edit {
  color: var(--black) !important;
}
#mypage_right_contents #brand_list_items a:hover{
  color: var(--black);
}
.favorite-brand .btn-edit {
  color: var(--black) !important;
}
.btn-or {
  background: var(--black);
  border-color: var(--black);
}
#mypage_right_contents span.muteBrandName a:hover{
  color: var(--black);
}
.muteAllClear{
  color: var(--black);
}
#mypage_right_contents .point_info .mypage_user-point a {
  color: var(--black);
}
.mypage_main#contents_ver4 .wanco_newMessage {
  color: var(--black);
  border:1px solid var(--black);
}
.mypage_main#contents_ver4 .wanco_newMessage:after{
  border: 1px solid var(--black);
}
.rev_point_lead strong {
  color: var(--black);
}
.post_alert_container a {
  color: var(--black) !important;
  border:1px solid var(--black);
}
a.post_alert_btn_next {
  background:var(--black);
}
.mypage_review-history .review_info li.buy {
  color: var(--black);
}
.mypage_review-history .reviews_title_right a {
  color: var(--black);
  border:1px solid var(--black);
}
.mypage_review-history .buy {
  color: var(--black);
}
.mypage_review-history #link_more_review a {
  color: var(--black);
}
.wanco_statusIcon-unread {
  background: var(--black);
}
.wancoChat_head_openBtn:after {
  border-right: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
}
.wancoChat_message_text a {
  color: var(--black);
}
.wancoChat_message_linkList {
  background: var(--black);
}
.favorite_list .favoriteList_item_feedback .buttonToCart a{
  color: var(--black) !important;
  border:1px solid var(--black);
}
.favorite_list .favoriteList_item_feedback .feedbackText{
  color:var(--black);
}
.addCart_error .btnToCart a{
  background-color:var(--black);
}
#mypage_right_contents.mypage-couponList .couponItem .type a{
  color: var(--alert) !important;
}

.site_durban .favorite_list .product-text .priceWrap .special_price{
  color: var(--sale);
}
.site_durban .favorite_discount .icon_salePercent{
  background-color: var(--sale);
}
.site_durban .post_alert_container span{
  color: var(--alert);
}
.site_durban .favoriteList_item .displayMessage{
  text-align: center;
  line-height: 2.5;
}

/* content-contact.css */
.faq_title h1:before{
  color: var(--black);
}
.faq_content .question dt {
  color: var(--black);
}
.faq_content .open {
  color: var(--black);
}
.faq_content .open dd {
  color: var(--black);
}
.faq_content .answer div a {
  color: var(--black);
}
.faq_inquiry ul li:before{
  color: var(--black);
}

/* content-brand_list.css */
#shop-list a:hover p,
#shop-list a:hover p.shop-name{
  color: var(--black) !important;
}
.before_login h3 {
  color: var(--black);
}
.logged_in h3 {
  color: var(--black);
}
.logged_in input.on {
  border: 1px solid var(--black);
  color: var(--black);
}
.brand_alert_container a {
  color: var(--black);
}
.brand_alert_container .brand_alert_btn a{
  color: var(--black);
}

/* contetnt-mypage-return.css */
.bank_accounts{
  color: var(--black);
}
.bank_accounts a{
  background:var(--black);
}
.mypageOrange{color: var(--black);}
.commoditySection.is-active{
  border: 3px solid var(--black);
}
.commoditySection__info__txt--msg{
  color: var(--black);
}
.return__method--notice{
  color: var(--black);
}
#mypage_right_contents .return__contact a{
  color: var(--black);
}
.completeInfo--btn a{
  background: var(--black);
}
#mypage_right_contents .completeInfo h3{
  color: var(--black);
}
.completeInfo h4{
  border: 1px solid var(--black);
}
.completeInfo h4 span{
  color: var(--black);
}
.order_return a {
  background: var(--black);
  border: 1px solid var(--black);
}
.return__method__rawson--notice h3{
  color: var(--black) !important;
}
.js-return-tab li .smari-special{
  color: var(--black);
}
a.blank-link{
  color: var(--black) !important;
}
.mypage-return-reason .back_link a{
  color: var(--black) !important;
  border: none!important;
}

/* contetnt-order.css */
.btn-confirm {
  background: var(--black);
}
.payment_security a {
  color: var(--black);
}
.gift_message .processing_message a ,
.gift_message .large_delivery_message a {
  color: var(--black);
}
.address_notice_txt{
  color: var(--black);
}
.pointback_txt{
  color: var(--black);
}
.total_table .red{
  color: var(--black);
}
.back_points{
  color: var(--black);
}
.payment_postpay.payment_input_form .notice_sup .linkToGuide {
  color: var(--black);
}
.complete p a {
  color: var(--black);
}
#complete .back-to-shopping a {
  border:1px solid var(--black);
  color: var(--black);
}
.magaseekMsg a:hover {
  color: var(--black);
}
.ordernoLink a{
  color: var(--black);
}
.ordernoLink a:after {
  border-top: 1px solid var(--black);
  border-right: 1px solid var(--black);
}
.attentionorder{
  color: var(--black);
}
.complete_ttl{
  color: var(--black);
}
.cctr-trg a:link,
.cctr-trg a:visited{
  color: var(--black);
}
.modal-cctr p.cctr_leadTxt a,
.modal-cctr p.cctr_leadTxt a:link{
  color: var(--black);
}
.modal-cctr-leadTxt a:link,
.modal-cctr-leadTxt a:visited{
  color: var(--black);
}
.cctr-selected-btn a{
  color: var(--black);
}
.cctr-selected-btn a:hover{
  box-shadow: 0px 0px 0px 3px var(--black) inset;
}
.cctr-selected-btn a:after{
  background: var(--black);
}
.cctr-selected-btn h4{
  color: var(--black);
}
.cctr-selected-btn p{
  color: var(--black);
}
.store-info.is-active{
  box-shadow: 0px 0px 0px 3px var(--black) inset;
}
.store-info.is-active .store_name{
  color: var(--black);
}
.store-info.is-active span{
  color: var(--black);
}
.result-cctr--search{
  background-color: var(--black);
  border: 2px solid var(--black);
}
.confirm .couponAppliedIcon{
  background-color: var(--accent);
}
.confirm .couponAppliedIcon span{
  color: #fff;
}

/* 購入完了 */
.site_durban .complete__header--ttl{
  color: var(--black);
  font-weight: 500;
}

/* content-brand_list.css */
.before_login a {
  background:var(--black);
}
input.btn_confirm {
  background:var(--black);
  border:1px solid var(--black);
}

/* content-top.css */
.brand_alert_btn a {
  background: var(--black) url(//sc3.locondo.jp/contents/img/pc/btn_fav_inner_arrow.png) no-repeat 138px 16px;
}
.wrapContent a{
  color: var(--black)0;
}
.wrapContent a:hover {
  color: var(--black);
}
.wrapContent .link_block a {
  color: var(--black);
}
.wrapContent .rank_subtitle a {
  color: var(--black);
}
.ranking-block .btn_view a{
  border: 1px solid var(--black);
}
.fwTop .wrapContent .btn_view a{
  color: var(--black);
}
.fwTop .wrapContent .btn_view a:after{
  border-color:var(--black);
}
.section-myBrand .headingSub{
  color: var(--black);
}
#category_ranking .headingSub {
  color: var(--black);
}
.section-myBrand .addMybrand a{
  background-color:var(--black);
}
.section-myBrand .ranking-btnToMypage a{
  color: var(--black);
}
.ranking-genderButton .button-item input:checked + label{
  color:var(--black);
}

/* content-info.css */
#usage_guide h3 {
  border-top: 1px solid var(--black);
}
.guide_content .howToChangeSize_trg,.guide_content .howToReturn_trg{
  color: var(--black);
}
.guide_content .howToChangeSize_trg:after,.guide_content .howToReturn_trg:after {
  color: var(--black);
}

/* content-login.css */
.registered_users a {
  color: var(--black);
}
button#login_btn {
  background-color: var(--black);
}
button#new_btn {
  color: var(--black);
  border:1px solid var(--black);
}
#is_logout #btn_login a {
  background: var(--black);
}
.suggest_searchHistory .indexItemHeading .displayAll{
  color: var(--black);
}

/* content-cart.css */
.new_steplink button {
  background: var(--black);
}
.product-name a:hover {
  color: var(--black);
}
#cart .notice-free-shipping {
  color: var(--black);
}
#cart .notice-free-shipping a {
  color: var(--black);
}
.back_link a{
  color: var(--black);
  border:1px solid var(--black);
}
.new_toreg a{
  border: 1px solid var(--black);
  color: var(--black);
}

.shopping_cantrol .fav .-already:before,
.shopping_cantrol .fav .-not-already:hover:before{
  color: var(--black) !important;
}

.site_durban .data_last_item,
.special_price{
  color: var(--sale);
}
.site_durban .cartPage .lc-item__price__special{
  color: var(--sale);
}

/* content-review.css */
#review .user_info button {
  color: var(--black);
}
.confirm_after .review_design span, .confirm_after .review_quality span, .confirm_after .review_comfortably span {
  color: var(--black);
}
#review_btn button.fix {
  border:1px solid var(--black);
  color: var(--black);
}
.confirm_after #review_btn button.button {
  border:1px solid var(--black);
}
.about_point {
  color: var(--black);
}
#review .buttons-set .back-link a{
  color: var(--black);
}

/* content-product.css */
.txt_buyed_item_description a:link,
.txt_buyed_item_description a:visited {
  color: var(--black);
}
.related_brand dd a:hover,
.delivery_time a:hover,
.fav_result a:hover {
  color: var(--black);
}
.site_durban .delivery_date_wrap {
  background: var(--bg-lightgray);
  padding: 15px;
}
.locondo_bg .insertto {
  color: var(--black);
}
.locondo_bg .insertto {
  color: var(--black);
}
.reserve_item {
  color: var(--black);
}
#delivery_date .free .linkToAbout:hover {
  color: var(--black);
}
.shopping_cantrol .cartin {
  background-color:var(--black) !important;
}
.shopping_cantrol .order .reserve {
  background-color:var(--black) !important;
}
.shopping_cantrol .unsalable {
  color: var(--black);
  border:1px solid var(--black);
}
.link_return_report a:hover{
  color: var(--black);
}
.wrap_linkSizeGuide_snsButtons .link_size_guide a:before{
  color: var(--black);
}
.fav_alert_container a {
  color: var(--black);
}
.fav_alert_btn a {
  background: var(--black) url(//sc3.locondo.jp/contents/img/pc/btn_fav_inner_arrow.png) no-repeat 138px 16px;
}
.fav_count_txt:before{
  color: var(--black);
}
p.fav_info_txt strong{
  color: var(--black);
}
#related_product .list-item a:hover p{
  color: var(--black);
}
.review_info li.buy {
  color: var(--black);
}
.reviews_title_right a {
  color: var(--black);
  border:1px solid var(--black);
}
#user_reviews .buy {
  color: var(--black);
}
#link_more_review a {
  color: var(--black);
}
.post_alert_container a {
  color: var(--black);
  border:1px solid var(--black);
}
a.post_alert_btn_next {
  background:var(--black);
}
.btn_view_more a {
  color: var(--black);
}
.size-report--fix,
.size-report-breakdown--fix:before{
  background: var(--black);
}
.product_main .same-commodity a strong{
  color: var(--black);
}
.favoriteBrand .favoriteBrand-btn button{
  color: var(--black);
  border:1px solid var(--black);
}
.favoriteBrand .favoriteBrand-btn button .icon-hert-outline:before{
  color: var(--black);
}
.favoriteBrand-btn .tooltips {
  background: var(--black);
}
.favoriteBrand-btn .tooltips:after {
  border-top:12px solid var(--black);
}
.remodal.favoriteBrand-login-modal .heading a{
  color: var(--black);
}
.remodal.favoriteBrand-login-modal .btnToLogin{
  background:var(--black);
  border:1px solid var(--black);
}
.remodal.favoriteBrand-feedback-modal .btn{
  color: var(--black);
  border-bottom:1px solid var(--black);
}
.addCart_feedback .buttonToCart a {
  color: var(--black);
  border:1px solid var(--black);
}
.addCart_feedback .feedbackText{
  color:var(--black) !important;
}
.addCart_error_message .btnToCart a{
  border:1px solid var(--black);
  background-color:var(--black);
}
.site_durban .note_point,
.site_durban .js-getPoint{
  color: var(--sale);
  text-align: left;
}

/* お気に入りボタン */
.site_durban .quickviewBox .commoditySizelist .favBtn[data-favoriteitem="true"] a, .site_durban .quickviewBox .commoditySizelist .qv_addFavoriteBtn[data-favoriteitem="true"] i{
  background-image: url(//media.aws.locondo.jp/durbanstatic/common/img/common/icon_favorite.svg);
}
.site_durban .wrap_img_icon .btn_favoriteItem_count button.-isOn,
.site_durban .narrow_btn .btn-favoriteItem button.-isOn {
  background-image: url(//media.aws.locondo.jp/durbanstatic/common/img/common/icon_favorite.svg);
}
.site_durban .favoriteBtnGroup .favoriteItem-btn button.-isOn .icon_favorite:before {
  background-image: url(//media.aws.locondo.jp/durbanstatic/common/img/common/icon_favorite.svg);
}
/*----------------------------------------------------------------------------
  Header
----------------------------------------------------------------------------*/
/* Header Logo */

#nav_container_common h1{
  width: inherit;
}
#header_top #header_ver5 h1 a {
  background: url("https://media.aws.locondo.jp/durbanstatic/common/img/logo-durban.svg") left center no-repeat;
  width: 140px;
  height: var(--header_height);
  background-size: contain;
  margin: 0 0 -10px;
}
#nav_container_common.uk-sticky-fixed :is(
  #header_ver5 h1 a
){
  width: 120px;
  height: var(--header_height_is-scroll);
  margin: 0 0 -5px;
}
#header_top{
  background: #fff;
}
#nav_container_common{
  height: var(--header_height);
}
#nav_container_common,
.header_inner_LinkContents{
  height: auto;
  border-bottom: 1px solid var(--lightgray);
  background: #fff;
}
#nav_container_common .innerWrap-upper{
  display: flex;
  justify-content: center;
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
  height: auto;
}
#nav_user{
  display: flex;
  gap: 15px;
  position: absolute;
  right: 0px;
  top: 17px;
}
#nav_container_common.uk-sticky-fixed :is(#nav_user){
  top: 8px;
  gap: 10px;
}
#nav_user > li {
  position: relative;
  display: flex;
  align-items: center;
}
#nav_user li a:before{
  padding-top: 0 !important;
}
#nav_user .Dropdown #user_help .drop{
  padding: 0px;
  box-shadow: 0 5px 12px rgb(0 0 0 / 15%);
  width: 216px;
  top: 100%;
}
.Dropdown #is_logout.drop, .Dropdown #is_login.drop{
  box-shadow: 0 5px 12px rgb(0 0 0 / 15%);
}
#nav_user .menu-list .menu-item{
  margin-bottom: 20px;
}
#user_cart .js-cartCount .inner, #user_login .js-unreadMessageCount .inner{
  background: var(--alert);
  top: 0;
  left: 32px;
}
#nav_user #user_login, #nav_user #user_help:before, #nav_user #user_favorite, #nav_user #user_help, #nav_user #user_cart, #nav_user #searchBox{
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#nav_user .searchbutton:before{
  position: relative;
  top: auto;
  left: 0;
  font-size: 24px;
}
#info_box_top {
  border-bottom: 0px;
}
#searchBox{
  margin-top: 0;
  position: relative;
}
.wrap_searchbutton{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 34px;
}
.search_box .form-container #searchText2{
  font-size: 14px;
  width: 90%;
}
#searchText::-webkit-input-placeholder {
  color: #ccc !important;
  font-weight: normal;
}
.header-nav{
  float: none;
  justify-content: center;
}
.header-nav__list {
  font-size: 14px;
  letter-spacing: .02em;
  cursor: pointer;
  color: var(--black);
  padding: 0 !important;
  line-height: 60px;
}
#nav_container_common.uk-sticky-fixed :is(.header-nav__list) {
  font-size: 13px;
  line-height: 45px;
  margin-bottom: 5px;
}
.header-nav__list:first-child{
  padding-left: 0 !important;
}

.header-nav__list.fc-red{
  color: #F42837!important;
}
.header-nav__list.fc-red > a:hover{
  border-bottom: 2px solid #F42837!important;
}
.Dropdown #is_login.drop {
  box-shadow: 0 5px 12px rgb(0 0 0 / 15%);
  top: 100%;
}
.header-nav__list.Dropdown .drop ul li a {
  color: #333;
  margin: 0 0 10px;
  display: block;
  border: none;
  font-size: 13px;
}
.header-nav__list.Dropdown .drop ul li a:hover{
  opacity: 0.6;
}
.header-nav__list ul li {
  line-height: 20px;
}
.header-nav__list ul li.nav-head {
  font-weight: 600;
  margin-bottom: 20px;
}
.header-nav__list ul li.nav-head:not(:first-child) {
  margin-top: 30px;
}
.header-nav__list > a:hover{
  border-bottom: none !important;
  opacity: 0.6;
  transition: all 0.2s;
}
.Dropdown .drop{
    visibility: hidden;
    position: absolute;
    top: 90%;
    left: 0px;
    box-sizing: border-box;
    z-index: 999 !important;
    background: #fff;
    text-align: left;
    padding: 40px 20px;
    margin-left: 0;
    border: none;
    width: 100%;
    box-shadow: 0px 10px 10px -15px #777777;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    transition: .15s ease;
    opacity: 0;
}
.Dropdown:hover .drop{
  visibility: visible;
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  opacity: 1;
  top: calc(100% + -1px);
}
.Dropdown .drop .drop_inner{
  display: flex;
  width: 1024px;
  margin: 0 auto;
  justify-content: center;
  gap: 60px;
}

/* 55周年 ※キャンペーン終了次第消してOK*/
.header-nav__list.feature img{
  display: inline-block;
  width: 60px;
  height: 100%;
  object-fit: contain;
}
#nav_container_common.uk-sticky-fixed :is(.header-nav__list.feature img) {
  width: 45px;
}

.iconNotification{
  top: 20px;
  left: 40px;
}

/* 管理画面 */
/* 初期から横並びにする */
.header-nav{
  display:flex; align-items:center; flex-wrap:nowrap; gap: 30px;
}
.header-nav__list > a{
  display:block; white-space:nowrap;
}

/* フォールバックの div が UL を壊さないように “透明な入れ物” にする */
#header-nav-gnav-links{ display: contents; }/* これが効けば最良 */

/* 検索モーダル */
.modalSearch {
  background-color: rgba(0, 0, 0, 0.6);
}
.modalSearch .uk-modal-dialog {
  width: 600px;
  margin: 100px auto;
  padding: 40px;
  padding-top: 50px;
  border-radius: 5px;
}
.modalSearch .search_box {
  position: relative;
  width: calc(100%);
  margin-bottom: 20px;
}
.lc-search__btn {
  border: 0;
  padding: 0;
  margin: 0;
}
.lc-search__btn button{
  padding: 10px;
}
.lc-search__btn button:hover{
  cursor: pointer !important;
}
.modalSearch .uk-modal-close-full {
  width: 40px;
  height: 40px;
  top: 6px;
  right: 6px;
  border-radius: 20px;
  padding: 0;
}
.modalSearch .output_suggest h4,
.modalSearch #search_container-searchHistory2 h4 {
  background-color: #f2f2f2;
  color: var(--text-dark);
  line-height: 1.5;
  border: none;
}
.modalSearch .output_suggest li,
.modalSearch #search_container-searchHistory2 li {
  position: relative;
  border-bottom: 1px solid #eee;
}
.modalSearch #search_container-searchHistory2 li a {
  padding-right: 58px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.modalSearch .output_suggest h4,
.modalSearch #search_container-searchHistory2 h4,
.modalSearch .text-noContent,
.modalSearch .output_suggest li a,
.modalSearch #search_container-searchHistory2 li a {
  font-size: 14px;
  padding: 10px 18px;
}
.modalSearch .deleteHistoryList {
  background: url(https://media.aws.locondo.jp/contents/img/pc/btn-modal-close.png);
  background-size: cover;
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  opacity: 0.7;
}
.modalSearch #search_container-searchHistory2 li:hover,
.modalSearch #suggest2 li:hover{
  opacity:.6;
}


/*----------------------------------------------------------------------------
  Catalog
----------------------------------------------------------------------------*/
.about_category_explanation{
  display: none;
}
.catalogList .product-text .commodityName,
.catalogList .product-text .special_price,
.catalogList .product-text .regular_price{
  text-align: left;
}
.catalogList .product-text .special_price,
.catalogList .product-text .regular_price{
  font-weight: 500;
}
.catalogList .product-text .regular_price,
.product-text .commodityName{
  color: var(--black) !important;
}
.catalogList .product-text .special_price{
  color: var(--sale);
}
.catalog-campaignGroup{
  font-weight: 500;
}
.catalog-campaignGroup > li.-coupon span,
.favorite_list .favorite_coupon .icon_couponRate {
  color: #fff !important;
  background-color: var(--accent) !important;
  font-weight: 500;
}
.site_durban .catalog-campaignGroup > li.-coupon span:before,
.site_durban .icon_couponRate:before{
  background-image: url(//media.aws.locondo.jp/contents/img/common/icon_coupon_white.svg);
}

/* カラーでまとめるを非表示 (ページャー時) */
.config-colortip_list{
  display: none;
}

/* カスタマイズ */
.site_durban .product_detail_reco > ul.catalogList li:nth-of-type(n+6){
  display: none !important;
}
.site_durban .product_detail_reco > ul,
.site_durban .product_contents .newArrival_item .catalogList{
  gap: 10px;
}
.site_durban .catalogList .catalogList_item,
.site_durban .catalogList:before,
.site_durban .catalogList:after {
  width: calc((100% - 30px) / 4);
  margin-right: 0;
}
.site_durban .catalogList .product-image,
.site_durban .catalogList .product-image:before {
  aspect-ratio: 5 / 6;
}
.site_durban .catalogList .product-image>img {
  width: 120%;
  margin: 0 !important;
}

.site_durban .cart-ranking a.lc-u-linkBase{
  display: none !important;
}

/* クイックビュー */
.site_durban .quickviewBox .commoditySizelist .heading .textGroup .-outlet,
.site_durban .quickviewBox .commoditySizelist .heading .textGroup .-buyer,
.site_durban .quickviewBox .commoditySizelist .heading .textGroup .-share{
  color: var(--sale);
  border: 1px solid var(--sale);
}
.site_durban .quickviewBox .commoditySizelist .heading .textGroup .price.-sale,
.site_durban .quickviewBox .commoditySizelist .heading .textGroup .price.-sale .-suffixTax{
  color: var(--sale);
}
.site_durban .quickviewBox .qv_addCart_feedback .feedbackText{
  color: var(--black);
}

/*----------------------------------------------------------------------------
  Commodity
----------------------------------------------------------------------------*/
#leftNav-banner{
  gap: 10px;
  display: flex;
  flex-direction: column;
}
.site_durban .couponhead {
  background: var(--accent);
  margin-bottom: 20px;
}
.site_durban .member_price strong{
  color: var(--sale);
}
.site_durban .memberPrice__toLogin a{
  background-color: var(--sale);
}
.site_durban .memberPrice__toLogin a:hover{
  background-color: var(--sale);
  opacity: 0.6;
}
.site_durban #product_detail_header {
  background-color: #fff;
  text-align: left;
  padding: 0;
}
.site_durban .shopping_cantrol_wrap {
  background-color: #fff;
  padding: 0;
}
.site_durban .product_detail .commodityName {
  color: var(--black);
  font-weight: 500;
  margin-bottom: 0;
}
.site_durban .product_thumb_item img,
.site_durban .different_color_list .color-selector > li img{
  aspect-ratio: 5 / 6;
  object-fit: cover;
}
.site_durban .memberPrice{
  background: rgba(184, 26, 27, 0.15);
  color: var(--sale);
}
.site_durban .price_point {
  margin-bottom: 20px;
}
.site_durban .-no-lc .price_point .price_box .regular_price{
  justify-content: flex-start;
}
.site_durban .price_point .note_point{
  text-align: left;
}
.site_durban .price_point .price_box .price {
  font-size: 24px;
  font-weight: 500;
}
.site_durban .price_point .price_box .old_price .price {
  font-size: 13px;
  color: var(--text-pale);
}
.site_durban .price_point .special_price .price,
.site_durban .price_box .priceDown{
  color: var(--sale);
}
.site_durban .price_point .discountRate{
  background-color: var(--sale);
}
.site_durban .couponInfo-item,
.site_durban .limitedSaleInfo-item{
  background-image: linear-gradient(135deg, #f6f6f6 8px, transparent 0),
                    linear-gradient(135deg, var(--accent) 22px, transparent 0);
}
.site_durban .price_point .discountedPrice em,
.site_durban .couponInfo-item .heading{
  color: var(--sale);
}
.site_durban .limitedSaleInfo-item .heading{
  color: var(--black);
}
.site_durban .couponInfo-item .goToAll a,
.site_durban .limitedSaleInfo-item .goToAll a,
.couponInfo-item.noveltyItem .goToAll p{
  background-color: var(--accent);
  color: #fff;
}
.site_durban  .delivery_date .countdown_time{
  color: var(--sale);
}
.site_durban .delivery_date .countdown_time.couponInfo-item .goToAll a{
  color: #fff;
}
#related_product li.list-item .item-price{
  text-align: center;
}

.site_durban .product_detail_bottom h3, 
.site_durban .product_table h3,
.site_durban .couponInfo .sectionHeading,
.site_durban .commodity-ranking-category .heading,
.site_durban .commodity-ranking-all .heading,
.site_durban .history_item .heading,
.site_durban #user_reviews h2.product-review{
  font-weight: 500;
}
.site_durban .brandName{
  display: none !important;
}
#product_contents #reco_product li,
#reco_topsellers #category_ranking_list li,
#reco_topsellers #brand_ranking_list li{
text-align: left;
}

/*----------------------------------------------------------------------------
  画像が長方形BOEMの際、以下 style を使用
----------------------------------------------------------------------------*/
/***************** カタログ *****************/
#catalog_list .catalogList_item .product-image{
  overflow:hidden;
}
/* --- 比率 5/6 --- */
/* メイン画像カルーセル, サムネイル画像 */
.site_durban .mainImage-carousel > .inner {
  aspect-ratio: 5/6;
}
.site_durban .mainImage-carousel > .inner img,
.site_durban .mainImage-thumbList figure img{
  width: calc(100% * (6/5));
}
.site_durban #drift-zoom-pane:has(*) {
  aspect-ratio: 5/6;
}

/***************** 商品詳細 *****************/
/* 色違い商品 */
#different_color_list .product_thumb li img {
  width: 120%;
  max-width: none;
}

/* レコメンド */
#related_product li.list-item img{
  width: 220px;
  margin-left: -30px;
  max-width:none;
  height: auto;
}
#related_product li.list-item{
  width: 160px;
}

#product_detail .delivery_post{
  display: none !important;
}

/***************** カート ****************v*/
#cart #cartRemind li img,
#cart #cart_ranking li img{
  width: 120%;
  margin-left: -24%;
  max-width: none;
}
#cart #fav li img{
  width: 120%;
  margin-left: -10%;
  max-width: none;
}

#cart .lc-section.cart-ranking .catalogList li:nth-of-type(n+6),
#cart .lc-section.cart-favorite #fav li:nth-of-type(n+6),
#cart .lc-section.cart-recentry .catalogList li:nth-of-type(n+6){
  display: none !important;
}

.site_durban #reco_topsellers .catalogList .catalogList_item,
.site_durban  #reco_topsellers .catalogList:before,
.site_durban  #reco_topsellers .catalogList:after,
.site_durban #brand_ranking_list .catalogList .catalogList_item,
.site_durban  #brand_ranking_list .catalogList:before,
.site_durban  #brand_ranking_list .catalogList:after,
.site_durban .cart-ranking .catalogList .catalogList_item,
.site_durban .cart-ranking .catalogList:before,
.site_durban .cart-ranking .catalogList:after,
.site_durban #orderComplete_recommend .catalogList .catalogList_item,
.site_durban #orderComplete_recommend .catalogList:before,
.site_durban #orderComplete_recommend .catalogList:after{
  width: calc((100% - 40px) / 5);
  margin-right: 0;
}

#cartRemind .catalog-campaignGroup,
#cartRemind .catalogList .catalog-campaignGroup{
  visibility: hidden !important;
}

.site_durban .cartPage .catalogList,
.site_durban .cart-favorite #fav ul{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.site_durban .cartPage .catalogList li,
.site_durban .cart-favorite #fav ul li{
  width: calc(( 100% - 40px ) / 5);
  margin-right: 0;
}

.site_durban .cartPage .lc-btn--xs {
  height: 40px;
  line-height: 40px;
  font-size: 13px;
}

.cart-favorite .lc-item__price,
.cart-favorite #fav .favsize{
  color: var(--black) !important;
}

.site_durban .cartPage .cart-favorite .lc-item__body {
  padding: 0;
}
.site_durban .cartPage .cart-favorite .lc-item__price {
  margin: 0 0 8px;
  font-weight: 500;
}

/***************** 購入完了 ****************v*/
.site_durban #orderComplete_recommend .catalogList li:nth-of-type(n+6){
  display: none !important;
}
.site_durban .wrap_orderComplete_recommend .catalogList.-temp-2410{
  gap: 10px !important;
}
.wrap_orderComplete_recommend .thanksbuy{
  color: #2b2b2b;
  font-size: 18px;
  margin: 50px 0 16px;
  text-align: left;
  border: none;
}

/*____________________________________________________________________________

SITE TITLE: durban - ダーバン公式オンラインストア
TITLE: PC共通セッティング

UPDATED:2017.09
UPDATED:2022.03 locondoweb2移管
____________________________________________________________________________*/

/*
durban color
  Black Solid: var(--black)000;
  Woodsmoke: #121314;
  Shark: #323436;
  Abbey: #525457;
  Nevada: #6D6F71;
  Bombay: #ADAFB2;
  Iron: #D7D7D8;
  Concrete: #F3F3F3;
  White Solid: #FFFFFF;
  Pomegranate: #F42837;
*/

/*----------------------------------------------------------------------------
durban フォント
----------------------------------------------------------------------------*/

body,
#footer .footer_box .button button {
  font-family: YakuHanJP, "Helvetica Neue", Helvetica, "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", meiryo, Arial, sans-serif;
  color: var(--black);
}
body #mypage_right_contents h2,
body #usage_guide h2, body #usage_guide h3,
body #terms h2,
body #terms h3,
body #guide_contact h2,
body #guide_contact h3,
.mypage_main #mypage_right_contents h2,
.static_contents_title,
#complete .complete h2,
#complete .complete h3,
.mypage_main #mypage_left_navi .mypage_tit a,
#content_banner h2 {
  font-family: YakuHanJP, "Helvetica Neue", Helvetica, "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", meiryo, Arial, sans-serif;
  color: var(--black);
}
#content_banner h2 {
  letter-spacing: 0.15em;
}
.static_contents_title {
  font-size: 34px;
  letter-spacing: 0.15em;
}


/*----------------------------------------------------------------------------
フッター
----------------------------------------------------------------------------*/
footer{
  padding-top: 0 !important;
  background: var(--bg-lightgray);
  border: none !important;
}
.footer .footer_box{
  margin: 0 auto;
  padding: 50px 0 30px;
  display: flex;
  justify-content: space-between;
  border: none;
  border-bottom: 1px solid var(--border);
}
/*newsletter*/
.footer_box .newslater-title{
  font-size: 28px;
  font-family: "Helvetica Neue", Helvetica, Inter, "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", meiryo, Arial, sans-serif;
}
.footer_box .newslater-text{
  font-size: 13px;
  padding-block: 8px;
}
form#register-newsletter {
    display: flex;
    align-items: baseline;
}
input#email-newsletter {
    margin: 0;
    background: #fff;
    padding: 10px 20px 11px 15px;
    border: 1px solid var(--border);
}
button#mail-for-women {
    width: 100px;
    padding: 8px 0;
    font-weight: 600;
}
.footer .mail input {
    margin: 0 0 8px 0;
    padding: 6px 10px 6px 40px;
    background: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ADAFB2;
    box-sizing: border-box;
    width: 348px;
    background: url("//media.aws.locondo.jp/contents/img-default-v2-boem/pc/footer_mail.png") 10px center no-repeat;
}
.footer .mail input::-webkit-input-placeholder {
  color: #ccc;
}
.footer_box #newslater-form .newslater-note{
  margin-top: 14px;
}
.footer .footer__contents{
  margin-top: 40px
}
.footer-menu__lists{
  width: 100%;
  justify-content: space-between;
  margin-bottom: 20px;
}
.footer-menu__list .footer__contents-title{
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}
.footer-menu__list-inner {
  column-count: 2;
  column-gap: 0px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-menu__lists li {
  break-inside: avoid;
  margin-bottom: 12px;
}
.footer-logo{
  background: url("https://media.aws.locondo.jp/durbanstatic/common/img/logo-durban.svg") left center no-repeat;
  box-sizing: border-box;
  display: block;
  width: 140px;
  height: 30px;
  margin: 0 0 26px 2px;
  text-indent: -9999px;
  background-position: center;
  background-size: 100% auto;
}
.sns-links{
  gap: 24px;
}
.sns-links li{
  margin-bottom: 0 !important;
}
.fa-lg {
  font-size: 30px !important;
  line-height: 1 !important;
  vertical-align: -0.075em;
  color: var(--black) !important;
}
.fa-lg.fa-line{
  font-size: 25px !important;
  line-height: 1.2 !important;
}
.footer__copyright{
  background: var(--black);
  color: #fff;
  line-height: 50px;
}
/*お知らせ欄*/
#informationsInHeader img {
  margin: auto;
}

/*----------------------------------------------------------------------------
durban ガイド
----------------------------------------------------------------------------*/
.guide_content_attention {
  padding: 15px;
  line-height: 1.8;
  border: 1px solid #ddd;
  margin: 10px 0;
}

/*----------------------------------------------------------------------------
 CMSコンテンツ - FEATURE NEWS
----------------------------------------------------------------------------*/

#contents_ver4 .static_contents_title{
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
    color: var(--black);
    letter-spacing: 0.04em;
    padding-block: 1em;
}
#contents_ver4 #static_info .info-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 40px;

}
#contents_ver4 #static_info .info-list li {
  width: calc((100% - 120px) / 4);
}
#contents_ver4 #static_info .info-list li a {
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
#contents_ver4 #static_info .info-list li a:hover {
  opacity: 0.7;
}
#contents_ver4 #static_info .info-list li .info-list__img {
  display: block;
  margin-bottom: 10px;
  border: 1px solid var(--bg-lightgray);
}
#contents_ver4 #static_info .info-list li .info-list__text {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 3px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-height: 2em;
  overflow: hidden;
  text-overflow: ellipsis;
}
#contents_ver4 #static_info .info-list li .info-list__date {
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--text-pale);
}

/*----------------------------------------------------------------------------
 ログインページ リニューアル前の会員様へ
----------------------------------------------------------------------------*/
.js-info-loginPage .legacy_member_info{
  background-color: var(--bg-lightgray) !important;
}
.js-info-loginPage .important_icon{
  border-radius: 2px;
  background-color: var(--alert) !important;
}


/*----------------------------------------------------------------------------
 静的ページ特別対応 FEATURE PHILOSOPHY
----------------------------------------------------------------------------*/

.topicpath {
  width: 100%;
  padding-bottom: calc(100vw / 390 * 60);
  margin-top: calc(100vw / 390 * 2);
  color: var(--black);
}
.topicpath a{
  color: var(--text-light);
}
@media screen and (min-width: 1024px) {
  .topicpath {
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 40px;
    margin-top: -7px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .topicpath {
    padding-left: 50px;
    padding-right: 50px;
  }
}

/*----------------------------------------------------------------------------
 お知らせ欄（キャンペーン／リニューアル両対応・完全版）
 対象ID：#durban__header_info, #durban__header_info_renewal
----------------------------------------------------------------------------*/
:root{
  --promo-item-dur: 3s;   /* 1件あたり表示時間（各IDで上書き可） */
  --promo-fade: .64s;     /* フェード速度（各IDで上書き可） */
}

/* バー背景／ホバー */
:is(#durban__header_info, #durban__header_info_renewal){
  background-color: var(--bg-lightgray, #f5f5f5);
  transition: opacity .2s;
}
:is(#durban__header_info, #durban__header_info_renewal):hover{
  opacity: .6;
}

/* コンテナ */
:is(#durban__header_info, #durban__header_info_renewal) .promo_notice-rot{
  display: grid; place-items: center;
  min-height: 1.6em; padding: 8px; font-size: 13px; font-weight: 500;
  white-space: nowrap; overflow: hidden; text-align: center;
}
@media (max-width: 390px){
  :is(#durban__header_info, #durban__header_info_renewal) .promo_notice-rot{ font-size: 11px; }
}
@media (min-width: 768px){
  :is(#durban__header_info, #durban__header_info_renewal) .promo_notice-rot{ padding: 4px; }
}

/* 各メッセージ（初期: 下(+10%) / 表示中: 0% / 離脱: 上(-10%)） */
:is(#durban__header_info, #durban__header_info_renewal) .promo_notice-rot > a{
  grid-area: 1/1;
  display: flex; align-items: center; justify-content: center; gap: 6px;
  width: 100%; height: 100%;
  text-decoration: none;
  opacity: 0; transform: translateY(10%);
  transition: opacity var(--promo-fade) linear, transform var(--promo-fade) linear;
  pointer-events: none;
  will-change: opacity, transform;
}
:is(#durban__header_info, #durban__header_info_renewal) .promo_notice-rot > a.is-active{
  opacity: 1; transform: translateY(0); pointer-events: auto;
}
/* 離脱は上に抜ける */
:is(#durban__header_info, #durban__header_info_renewal) .promo_notice-rot > a.is-leaving{
  opacity: 0; transform: translateY(-10%); pointer-events: none;
}
/* 両クラス併存時も必ず上抜け（1フレームのブレ排除） */
:is(#durban__header_info, #durban__header_info_renewal) .promo_notice-rot > a.is-active.is-leaving{
  opacity: 0; transform: translateY(-10%) !important; pointer-events: none;
}

/* JS無効時フォールバック：各欄の先頭だけ表示 */
:is(#durban__header_info, #durban__header_info_renewal) .promo_notice-rot > a:first-child{
  opacity: 1; transform: translateY(0); pointer-events: auto;
}
/* JS有効時は先頭フォールバックを無効化（.is-active/.is-leavingで制御） */
:is(#durban__header_info.js-enabled, #durban__header_info_renewal.js-enabled)
  .promo_notice-rot > a:first-child:not(.is-active):not(.is-leaving){
  opacity: 0; transform: translateY(10%); pointer-events: none;
}

/* 末尾矢印（currentColorを継承） */
:is(#durban__header_info, #durban__header_info_renewal) .promo_notice-rot > a::after{
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 1px solid currentColor; 
  border-right: 1px solid currentColor;
  transform: rotate(45deg);
}

/* ===============================
   追加・上書き：RENEWAL 専用テーマ
   対象：#durban__header_info_renewal
   =============================== */

/* 背景：--black（なければ #000）／テキスト：白 */
#durban__header_info_renewal{
  background-color: var(--black, #000);
  color: #fff;
}

/* リンク文字色も白（矢印::afterは currentColor で白になる） */
#durban__header_info_renewal .promo_notice-rot > a{
  color: #fff;
}

/* NEW バッジ（is-new のときだけ先頭に表示） */
#durban__header_info_renewal .promo_notice-rot > a.promo_link.is-new::before{
  content: "NEW";
  display: inline-block;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  background: #555;
  border-radius: 2px;
  flex: 0 0 auto;
}

/* 小さめ端末で微調整（任意） */
@media (max-width: 390px){
  #durban__header_info_renewal .promo_notice-rot > a.promo_link.is-new::before{
    font-size: 9px;
    padding: 2px 5px;
  }
}