﻿@charset "UTF-8";

/* カスタマイズCSS読み込み */
@import url("sb_takamiya.css");
@import url("sb_common_takamiya.css");
@import url("sb_cycom_customize.css");

/* fade image in after load */

.lazyload {
  opacity: 0;
}

.lazyloading {
  opacity: 1;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 200ms;
}

/* ---------------------------------------------------------------
    購入履歴
--------------------------------------------------------------- */
/* ---------------------------------------------------------------
    ■タブ切り替え
--------------------------------------------------------------- */
#historyListTabs {
  margin-bottom: 2px;
}
#historyListTabs ul {
  height: 38px;
  /* margin-bottom: 20px; */
  /* padding: 0 19px 0 20px; */
  padding: 0 0 0 0;
  border-bottom: 1px solid #787878;
}
#historyListTabs ul li {
  position: relative;
  height: 38px;
  float: left;
}
#historyListTabs ul li a.tab {
  position: relative;
  top: 8px;
  display: block;
  margin-left: 0px;
  padding: 6px 2px 6px;
  min-width: 95px;
  background-color: #f0f0f0;
  border-top: 1px solid #787878;
  border-right: 1px solid #787878;
  border-left: 1px solid #787878;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  /* color: #0064b4; */
  font-size: 12px;
  text-align: center;
  text-decoration: none;
}
.mac.firefox #historyListTabs ul li a {
  border-bottom: 1px solid #787878;
}
.history_tab_select_list_ ul li#historyTabList1 a, .history_tab_select_list_ ul li#historyTabList2 a, .history_tab_select_list_ ul li#historyTabList3 a {
  top: 8px;
  padding: 6px 2px 3px;
  min-width: 95px;
  background-color: #fff;
  font-size: 14px;
  color: #000000;
  font-weight: bold;
}
.mac.firefox .history_tab_select_list1_ ul li#historyTabList1 a, .mac.firefox .history_tab_select_list2_ ul li#historyTabList2 a, .mac.firefox .history_tab_select_list3_ ul li#historyTabList3 a {
  border-bottom: none;
}
/* ---------------------------------------------------------------
    会員登録
--------------------------------------------------------------- */
select[disabled] {
  background: #dcdcdc;
  cursor: not-allowed;
}
.show-agree-btn {
    border-radius: 20px;
}

/* ---------------------------------------------------------------
    商品検索
--------------------------------------------------------------- */
[v-cloak] {
    display: none;
}

.sliderRange{
    padding: 0px;
    margin: 24px 30px 30px 30px;
}

.block-search-goodsLiContArea .block-search-goodsLiCol li input[type="checkbox"]+label {
    width: 40px;
    height: 40px;
    display: block;
    position: relative;
    border: 1px solid #EBEBEB;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

.block-search-goodsLiContArea .block-search-goodsLiCol li label img {
    width: 40px;
    height: 40px;
}

.vue-slider-dot.vue-slider-dot-hover{
  top: -5px !important;
  padding-right: 36px !important;
}
span.condition-flex {
    display:inline-flex;
}
/* --------------------------------------------------------------- 
    パスワード
--------------------------------------------------------------- */
div.field-icon {
    color:#555;
    float:right;
    /* width:50%;*/  /* 100以外の場合 input[password]要素に合わせる */
    margin-right:20px;
    margin-top:-32px;
    position:relative;
    z-index:2;
}

/* --------------------------------------------------------------- 
    会員紐づけ
--------------------------------------------------------------- */
.block-member-info-item-message-loginid,
.block-member-info-item-message-uid {
    text-align: left;
}

/* --------------------------------------------------------------- 
    買い物かご
--------------------------------------------------------------- */
.block-cart--goods-list-item-delete a.btn-delete {
    min-width: 40px;
    background-color: #EBEBEB;
    display: inline-block;
    position: relative;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    color: #333;
    height: 40px;
    padding: 10px;
}
.block-cart .block-cart--store-pickup-btn {
    border-color: #4169e1;
    background: #4169e1;
}
.block-cart .block-cart--store-pickup-messasge {
    background-color: transparent;
    color: #ff0000;
    font-weight: bold;
    margin: 0 0 10px 0;
}
.block-cart .block-cart--store-pickup-btn.disabled {
    border-color: gray;
    background: gray;
}
/* --------------------------------------------------------------- 
    商品詳細
--------------------------------------------------------------- */
ul.goods-detail-descriptionIconLi {
    min-width: 140px;
    max-width: 200px;
    width: 100%;
}
/* ---------------------------------------------------------------
   注文方法指定
--------------------------------------------------------------- */
.block-order-method--dest-item:nth-last-child(2) {
  padding: 0 0 10px;
  border-bottom: 1px solid #8A8A8A;
  margin-bottom: 20px;
}
.block-order-method--pickup-store-div-title,
.block-order-method--pickup-store-title {
  font-weight: bold;
}
.block-order-method--pickup-store div.next_mark_ {
  text-align: center;
}
.ui-selectmenu-menu-item-header {
  display: block;
  font-weight: bold;
}
.ui-selectmenu-menu-item-content {
  display:block;
}
