@charset "utf-8";
@layer assets {

  /* お気に入りは非表示 */
  .catalogList_item .trgFavItem {
    display: none !important;
  }

  /* クイックビュー quickview */
  .catalogList_item .trgQuickView {
    display: block !important;
  }


  .product-text .brandNameLine{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:4px;
    position: relative;
  }
  .product-text .brandNameLine .brandName{
    display:block;
    width: calc(100%);
    box-sizing:border-box;
    padding-right:.5em;
    transition: all .16s ease;
  }
  body:not(:has(#searchBrandName)) a:hover .product-text .brandNameLine .brandName{
    width: calc(100% - 16px);
  }
  .product-text .brandNameLine .trgMute{
    width: 16px;
    height: 16px;
    opacity: 0;
    transition: all .6s ease;
  }
  /* .catalogList_item a:hover .trgMute.trgMute:hover{
    opacity: .8;
  } */
  /* .catalogList .product-text .brandName {
    width: 112px;
  } */

  /* brandNameのhover 小細工 */
  .product-text .brandNameLine{
    pointer-events:none;
  }
  .product-text .trgMute{
    pointer-events:auto;
  }
  .product-text .brandNameLine:hover{
    background-color:#ddd;
  }


  /* quickviewBox */
  .quickviewBox{
    padding:0;
    padding-top:100px;
  }
  /* リセット */
  .quickviewBox button{
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
  }
  .quickviewBox .uk-modal-close{
    width:44px;
    height:44px;
    position:fixed;
    z-index:10;
    top:20px;
    right:20px;
  }
  .quickviewBox .uk-modal-close svg{
    color:#777;
    width:24px;
    height:24px;
  }
  .quickviewBox .uk-modal-close svg path{
    stroke-width: 2;
  }
  .quickviewBox > .inner{
    width: 1152px;
    padding:40px;
    color:#333;
    background-color:#fff;
    margin:0 auto 60px;
    box-sizing:border-box;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 60px 1fr;
    border-radius:20px;
  }
  .quickviewBox > .inner > .heading{
    margin-bottom:20px;
    text-align:center;
    font-size:20px;
    color: var(--text-base-black);
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
  }
  .quickviewBox .mainCommodityImage{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    min-height:468px;
    margin-right:30px;
    overflow:hidden;
  }
  .quickviewBox .inner > .wrap{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
  }
  .quickviewBox .nextPrevBtnGroup{
    position: absolute;
    top: 20px;
    left: 20px;
  }
  .quickviewBox .mainCommodityImage [data-src-image_link]{
    display:inline-block;
    width:468px;
    margin:0 auto;
  }
  .quickviewBox .mainCommodityImage [data-src-image_link] img{
    width:100%;
  }
  .quickviewBox .mainCommodityImage [data-src-image_link]:before{
    content:"";
    display:block;
    height: 468px;
    width: 468px;
    background-color:rgba(0,0,0,0.02);
    position:absolute;
  }
  .quickviewBox [data-text-brand_name]{
    font-size: 20px;
    font-weight:600;
    line-height:1;
    margin-bottom:.4em;
    color: var(--text-base-black);
  }
  .quickviewBox [data-text-commodity_name]{
    margin-bottom:15px;
    font-size: var(--font-size-s);
    font-weight:600;
    color:#888;
  }
  .quickviewBox .nextPrevBtnGroup{
    display:flex;
    justify-content:center;
    gap: 0 5px;
  }
  .quickviewBox .nextPrevBtnGroup button.-disable{
    opacity:.3;
    pointer-events: none;
  }
  .quickviewBox .btnNextCommodity,
  .quickviewBox .btnPrevCommodity{
    width:44px;
    height:44px;
  }
  .quickviewBox .btnNextCommodity svg,
  .quickviewBox .btnPrevCommodity svg{
    color:#777;
    width:24px;
    height:auto;
    stroke-width: 5px;
  }
  .modal_muteBrand .remodal-close:hover,
  .quickviewBox .uk-modal-close:hover,
  .quickviewBox .nextPrevBtnGroup button:hover{
    background-color: var(--color-base-grey-light-high);
    border-radius:50%;
  }
  .quickviewBox .nextPrevBtnGroup button:hover svg{
    color:#333;
  }
  .quickviewBox .nextPrevBtnGroup button svg polyline{
    stroke-width: 2;
  }

  .quickviewBox .commoditySizelist > .heading{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding: 8px 0;
    min-height:70px;
  }
  .quickviewBox .commoditySizelistGroup{
    border-top:1px solid #eee;
  }
  .quickviewBox .commoditySizelist .heading img{
    width:70px;
    height:auto;
    margin-right:10px;

    display:none;
  }
  .quickviewBox .commoditySizelist .heading .textGroup{
    display:flex;
    align-content:center;
    flex-wrap:wrap;
    flex-grow:1;
    font-size: var(--font-size-m);
    font-weight:400;
    gap: 4px;
    color: var(--text-base-black);
  }
  .quickviewBox .commoditySizelist .heading .textGroup span{
    display:block;
    width:100%;
  }
  .quickviewBox .commoditySizelist .heading .textGroup .color,
  .quickviewBox .commoditySizelist .heading .textGroup .price,
  .quickviewBox .commoditySizelist .heading .textGroup .price var{
    font-weight:600;
  }
  .quickviewBox .commoditySizelist .heading .textGroup .color{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height:1.4;
    padding-right:1em;
  }
  .quickviewBox .commoditySizelist .heading .textGroup .price.-sale,
  .quickviewBox .commoditySizelist .heading .textGroup .price.-sale .-suffixTax{
    color:var(--sale);
  }
  .quickviewBox .commoditySizelist .heading .textGroup .-suffixTax{
    font-size: var(--font-size-xs);
    font-weight:400;
    margin-left:.1em;
    color: var(--text-base-grey);
  }
  .quickviewBox .commoditySizelist .heading .textGroup .-outlet,
  .quickviewBox .commoditySizelist .heading .textGroup .-buyer,
  .quickviewBox .commoditySizelist .heading .textGroup .-share{
    display:inline-flex;
    width:5em;
    color:#bb0200;
    font-size:10px;
    line-height:1.4;
    letter-spacing:.05em;
    justify-content:center;
    align-items:center;
    margin-bottom:0;
    border:1px solid #bb0200;
    transform:scale(85%);
    transform-origin:left;
  }
  .quickviewBox .commoditySizelist .heading .textGroup .-buyer{
    color:#444;
    border-color:#444;
  }
  .quickviewBox .commoditySizelist .heading .textGroup .-share{
    color:#333;
    border-color:#333;
  }

  .quickviewBox .commoditySizelist .heading .linkToCommodity a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:10em;
    height:3em;
    line-height: 1.1;
    font-size:10px;
    font-weight:600;
    text-decoration:none;
    background: var(--color-base-grey-light);
    color: var(--text-base-black);
    border-radius: 20px;
  }
  .quickviewBox .commoditySizelist .heading .linkToCommodity a:hover{
    opacity:.7;
  }

  .quickviewBox .commoditySizelist li {
    box-sizing:border-box;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    min-height: 56px;
    padding: 10px 0 10px 0;
  }
  .quickviewBox .commoditySizelist li .wrap{
    width:25%;
    margin-right:16px;
    display:flex;
    flex-wrap:wrap;
    gap:5px 0px;
    color: var(--text-base-black);
  }
  [lang="en"] .quickviewBox .commoditySizelist li .wrap [data-org^="Shipin"]{
    text-transform: capitalize;
  }
  .quickviewBox .commoditySizelist li .size,
  .quickviewBox .commoditySizelist li .stock{
    display:block;
    width:100%;
    text-align:left;
  }
  .quickviewBox .commoditySizelist li .size{
    font-size:14px;
  }
  .quickviewBox .commoditySizelist li .stock{
    font-size:11px;
    color: var(--text-base-grey);
  }
  .quickviewBox .commoditySizelist li .stock:where(
    [data-zaiko-label="stockSufficient"],
    [data-zaiko-label="stockLittle"]
  ):after{
    display:inline-block;
    content:"お急ぎ便";
    background-image: url(//media.aws.locondo.jp/contents/img/sp/icon_speed-delivery.png);
    background-repeat:no-repeat;
    background-position: left -1px;
    background-size:14px;
    padding-left:14px;
    font-size:10px;
    line-height:14px;
    color:#666;
  }
  .quickviewBox .commoditySizelist li .stock:where(
    [data-zaiko-label="stockLittle"]
  ){
    font-feature-settings:'palt';
    letter-spacing:.02em;
  }
  .quickviewBox .commoditySizelist .cartBtn{
    flex-grow: 1;
    margin-right: 30px;
  }
  .quickviewBox .commoditySizelist .cartBtn button{
    display:flex;
    justify-content:center;
    align-items:center;
    line-height: 1.1;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    background: var(--color-primary);
    color: var(--color-primary-contrast);
    height:44px;
    width:100%;
    font-size: 16px;
    font-weight: 400;
  }
  .quickviewBox .commoditySizelist .cartBtn .out-of-stock:before,
  .quickviewBox .commoditySizelist .cartBtn .beforeSale:before{
    display:none !important;
  }
  .quickviewBox .commoditySizelist .cartBtn .out-of-stock,
  .quickviewBox .commoditySizelist .cartBtn .beforeSale{
    background: var(--color-base-grey-light);
    color: var(--text-base-grey);
    /* border:1px solid #ccc; */
  }
  .quickviewBox .commoditySizelist .cartBtn .out-of-stock:hover,
  .quickviewBox .commoditySizelist .cartBtn .beforeSale{
    cursor:not-allowed;
  }
  .quickviewBox .commoditySizelist .favBtn,
  .quickviewBox .commoditySizelist .qv_addFavoriteBtn{
    width:32px;
    height:32px;  
  }
  .quickviewBox .commoditySizelist .favBtn a,
  .quickviewBox .commoditySizelist .qv_addFavoriteBtn i{
    display:block;
    height:100%;
    font-size:0;
    background-image: url(https://media.aws.locondo.jp/_assets/img/both/icon_favorite_border.svg);
    background-repeat: no-repeat;
    background-position: center center;
  }
  .quickviewBox .commoditySizelist .favBtn[data-favoriteitem="true"] a,
  .quickviewBox .commoditySizelist .qv_addFavoriteBtn[data-favoriteitem="true"] i{
    background-image: url(https://media.aws.locondo.jp/_assets/img/both/icon_favorite.svg);
  }
  @keyframes icon_on {
    0% {
    transform: scale(0.5);
    }
    75% {
    transform: scale(1.25);
    }
    100% {
    transform: scale(1);
    }
  }
  .quickviewBox .commoditySizelist .qv_addFavoriteBtn:hover{
    cursor:pointer;
    opacity:.8;
  }
  .quickviewBox .commoditySizelist .heading .textGroup .price,
  .quickviewBox .commoditySizelist .size{
    letter-spacing:.05em;
  }
  .quickviewBox .commoditySizelist .cartBtn button,
  .quickviewBox .commoditySizelist .boxToLogin .btn-login a,
  .quickviewBox .qv_addCart_feedback .buttonToCart,
  .quickviewBox .cartBtn .unsalable,
  #modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__btn a {
    border-radius: 30px;
    height: 50px;
    /* color: var(--text-base-black);
    border: 1px solid var(--color-base-black); */
  }
  .quickviewBox .qv_addCart_feedback .buttonToCart,
  #modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__btn a {
    font-size: 16px;
  }
  #modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__btn a {
    position: relative;
    background: var(--color-base-white);
    color: var(--text-base-black);
    border: 1px solid var(--color-base-black);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__close {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #modal_cartInBtn .uk-modal-dialog {
    top: 50%;
    transform: translateY(-50%);
    width: 360px;
    padding: 40px;
    border-radius: 10px;
  }
  .quickviewBox .commoditySizelist .cartBtn button::before {
    content: "\e420";
    font-size: 24px;
    display: inline-block;
    font-family: "Phosphor";
    margin-right: 7px;
  }


  .trgShowStorestock,
  .trgShowStorestock-hidden{
    display: none;
  }

  /* くるくるspinner */
  .quickviewBox .mainCommodityImage,
  .quickviewBox .commoditySizelistGroup{
    position:relative;
    z-index:1;
  }
  .quickviewBox .mainCommodityImage [uk-spinner],
  .quickviewBox .commoditySizelistGroup [uk-spinner]{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    display:block;
    animation: appear 1s ease;
  }
  .quickviewBox .mainCommodityImage [uk-spinner] svg,
  .quickviewBox .commoditySizelistGroup [uk-spinner] svg{
    width:100px;
    height:100px;
    color:#ccc;
  }
  .quickviewBox .commoditySizelistGroup [uk-spinner]{
    top:15%;
  }
  .quickviewBox .commoditySizelistGroup [uk-spinner] svg{
    width:50px;
    height:50px;
  }
  @keyframes appear {
    0%{
      opacity: 0;
    }
    100%{
      opacity: 1;
    }
  }
  .quickviewBox .mainCommodityImage.-show > [uk-spinner],
  .quickviewBox .commoditySizelistGroup.-show > [uk-spinner],
  .quickviewBox .commoditySizelistGroup .cartBtn > [uk-spinner]{
    display:none;
    animation: appear .2s ease;
  }
  .quickviewBox .commoditySizelistGroup .cartBtn{
    position:relative;
  }
  .quickviewBox .commoditySizelistGroup .cartBtn > [uk-spinner]{
    position:absolute;
    top:50%;
    height:50%;
    transform:translate(-50%, -60%);
  }
  .quickviewBox .commoditySizelistGroup .cartBtn > [uk-spinner] svg{
    width:30px;
    height:30px;
  }
  .quickviewBox .commoditySizelistGroup .cartBtn > [uk-spinner] svg circle{
    color:#111;
  }
  .quickviewBox .commoditySizelistGroup .cartBtn.-sending button{
    opacity:0;
  }
  .quickviewBox .commoditySizelistGroup .cartBtn.-sending > [uk-spinner]{
    display:block;
    z-index:100;
  }
  .quickviewBox .commoditySizelistGroup .cartBtn.-sending:hover *{
    cursor:not-allowed;
  }
  .quickviewBox .commoditySizelistGroup > .-error{
    font-size:12px;
    color:#888;
    padding:2em;
    background-color:#fafafa;
    margin-top:1em;
  }

  /* カート追加のフィードバック */
  .quickviewBox .qv_addCart_feedback .buttonToCart {
    display: flex;
    margin-bottom: 5px;
    width: 100%;
    height:40px;
    justify-content:center;
    align-items:center;
    color: var(--text-base-black);
    background: var(--color-base-white);
    border: 1px solid var(--color-base-black);
    border-radius: 20px;
    text-decoration:none;
    box-sizing:border-box;
  }
  .quickviewBox .qv_addCart_feedback .buttonToCart:after{
    content: "\EA09";
    font-size: 24px;
    display: inline-block;
    font-family: "lcicon";
    color:#333;
    margin-left:.1em;
  }
  .quickviewBox .qv_addCart_feedback .buttonToCart::after,
  #modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__btn a::after {
    content: "\E13A";
    font-family: "Phosphor";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    position: absolute;
    right: 0.5em;
    font-size: 20px;
    color: var(--color-primary);
  }

  .quickviewBox .qv_addCart_feedback .feedbackText {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight:600;
    color: var(--color-secondary);
    text-align:center;
  }

  .quickviewBox .qv_addCart_feedback .feedbackText:before {
    font-size: 1.3em;
    position: relative;
    top: 2px;
    margin-right: 2px;
  }
  .quickviewBox .qv_addCart_feedback .feedbackText i.ph {
    font-size: 13px;
    font-weight: 700;
    color: var(--color-secondary);
    margin-right: 2px;
  }
  /* 入荷リクエスト */

  .quickviewBox .cartBtn .unsalable{
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    color: var(--text-base-black);
    background-color: var(--color-base-white);
    border: 1px solid var(--color-base-black);
    border-radius: 22px;
    height: 44px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .quickviewBox .cartBtn .unsalable:hover{
    text-decoration: none;
    opacity: .8;
  }

  /* 三角 */
  .quickviewBox .boxToLogin{
    position:relative;
  }
  .quickviewBox .boxToLogin:before{
    content:"";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f0f0f0;
    position:absolute;
    top:-10px;
    left:50%;
    transform:translateX(-50%);
  }
  /* 未ログイン時の表示エリア */
  .quickviewBox .boxToLogin{
    padding: 20px 16px;
    text-align: center;
    background-color: var(--color-grey-veryLight);
    border-bottom: 1px solid #eee;
    border-radius: 6px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  }
  .quickviewBox .boxToLogin::after,
  .quickviewBox .boxToLogin::before {
    left: auto;
    right: 0;
  }
  .quickviewBox .boxToLogin .heading{
    margin-bottom:1em;
    font-size:14px;
    font-weight:600;
    color:#333;
  }
  .quickviewBox .boxToLogin .heading strong {
    color:#111;
  }
  .quickviewBox .boxToLogin .note{
    display:inline-block;
    margin:0 auto 16px;
    line-height:1.7;
    text-align:left;
    font-size:11px;
    color:#666;
  }
  .quickviewBox .boxToLogin .btn-login a{
    display:inline-flex;
    justify-content: center;
    align-items: center;
    width: 75%;
    padding:1em;
    font-size: 13px;
    text-decoration:none;
    background-color: var(--text-base-black);
    color: var(--text-base-white);
  }

  /* quickview カタログ */
  .product-text .priceLine {
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;
  }
  .product-text .priceLine [uk-toggle].icon-favItemAdd {
    height: 30px;
    width: 30px;
    background: url(//media.aws.locondo.jp/contents/img/common/icon_quickview.svg) no-repeat;
    background-position:center;
    background-size: 26px auto;
    opacity:.2;
    transform:translate(2px, -1px);
    position:absolute;
    right: -2px;
    top: -4px;
  }
  .product-text .priceLine [uk-toggle].icon-favItemAdd:hover{
    opacity: 1 !important;
  }
  .quickviewBox [data-othercolor-tab]{
    margin-bottom:20px;
  }
  .quickviewBox [data-othercolor-tab] ul{
    display:flex;
    align-content:flex-start;
    flex-wrap:wrap;
  }
  .quickviewBox [data-othercolor-tab] li{
    width: 70px;
    height: 70px;
    margin-right:5px;
  }
  .quickviewBox [data-othercolor-tab] li{
    box-sizing:border-box;
    opacity:.3;
  }
  .quickviewBox [data-othercolor-tab] li.-current{
    border:2px solid #111;
    opacity:1;
  }
  .quickviewBox [data-othercolor-tab] li:not(.-current):hover{
    cursor:pointer;
  }
  .quickviewBox [data-othercolor-tab] img{
    display:block;
    width:100%;
    height:auto;
  }
  .quickviewBox [data-othercolor-tab] [data-colorName]{
    font-size:10px;
    font-weight:600;
    line-height: 1.3;
    color:#333;

    display:none;
  }
  /* tooltip body最下部に要素ができる */
  .uk-tooltip{
    font-size:11px !important;
    color:#333;
    background-color:#fafafa;
    box-shadow:0px 2px 4px rgba(0,0,0,0.2);
  }
  /* マイサイズアイコン */
  .quickviewBox .cartBtn .targetJustMysize {
    position: relative;
  }
  .quickviewBox .cartBtn .targetJustMysize.justMySize::before{
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: -16px;
    width: 32px;
    height: 32px;
    background:url("//media.aws.locondo.jp/contents/img/pc/btn_mysize.png") no-repeat 0 0;
    background-size: cover;
  }
  .quickviewBox .cartBtn .targetJustMysize.justSpecifiedSize::before{
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: -16px;
    width: 32px;
    height: 32px;
    background:url("//media.aws.locondo.jp/contents/img/pc/btn_specifiedsize.png") no-repeat 0 0;
    background-size: cover;
  }

  /* 会員価格 */

  .quickviewCart__content{
    font-size: 14px;
    line-height: 1.75;
    text-align: center;
  }
  .quickviewCart__content button{
    outline: none;
    margin: 15px auto 0;
    display: inline-block;
    text-align: center;
    border: 1px solid #111;
    border-radius: 2px;
    background: #fff;
    color: #111;
    width: 160px;
    padding: 8px 0;
    cursor: pointer;
  }
  #quickviewCart .uk-modal-dialog{
    width: 460px;
  }
  #quickviewBox .member_price{
    font-weight: normal;
  }



  /* スポーツカテゴリ(SWSカタログ)ではボタン非表示 */
  #sws_catalog_list div[uk-toggle="target:#quickviewBox"],
  #sws_catalog_list .trgMute{
    display:none !important;
  }

  /* 販売開始前商品 */
  .quickviewBox [data-text-sale_start_datetime] {
    margin-bottom: 15px;
    color: #333;
    font-size: 13px;
    font-weight: bold;
    /* デフォルト非表示 */
    display:none;
  }

}