/* カスタマイズ用CSS */
.block-header, footer.bgc-main {
  background:#C9A549
  }
  /*検索バーの余白*/

.d-block {
    margin-top: 10px;
    margin-bottom: 10px;
}

/*基本のフォント色*/
body {
    color: #333F50;
}

.ec-cartRole {
color: #333F50;
}

.ec-role {
color: #333F50;
}

.ec-registerRole {
color: #333F50;
}

.table {
     color:#333F50;
}

.ec-itemNav__nav li a {
    color: #333F50;
}

.ec-headingTitle {
    color: #333F50;
}

.ec-productRole {
    color: #333F50;
}

.ec-guest .ec-guest__actions a {
    color: #333F50;
}

.ec-totalBox .ec-totalBox__btn .ec-blockBtn--cancel {
    color: #333F50;
}

.ec-orderRole {
    color: #333F50;
}
.ec-totalBox .ec-totalBox__btn a:hover {
    color: #333F50;
}

.ec-contactRole {
    color: #333F50;
}

element.style {
}

/*基本の色TOPページのブロック内*/
.ec-secHeading {
    color: #333F50;
}

.ec-secHeading .ec-secHeading__line {
    color: #333F50;
}
.ec-topicRole .ec-topicRole__listItemTitle {
    color: #333F50;
}

.fw-bold {
    color: #333F50;
}

.title-line-1 {
    color: #333F50;
}
.m-0 {
    color: #333F50;
}

/*リンクの色*/
.ec-link {
    color: #8CBE5A;
}
.ec-link:hover {
    color: #8CBE5A;
}
.ec-zipInputHelp span {
    color: #8CBE5A;
}

.ec-productRole .ec-productRole__category a {
    color: #8CBE5A;
}

/*価格の色*/
.ec-productRole .ec-productRole__price {
    color: #F1636E
}
  
/*アラート系の色 赤*/
#product_review_area .recommend_average {
color: #F1636E;
}
.ec-required {
    color: #F1636E;
}

.ec-input .ec-errorMessage, .ec-halfInput .ec-errorMessage, .ec-numberInput .ec-errorMessage, .ec-zipInput .ec-errorMessage, .ec-telInput .ec-errorMessage, .ec-select .ec-errorMessage, .ec-birth .ec-errorMessage {
       color: #F1636E;
}

.ec-checkbox .ec-errorMessage {
    color: #F1636E;
}

.error.ec-input input, .error.ec-halfInput input, .error.ec-numberInput input, .error.ec-zipInput input, .error.ec-telInput input, .error.ec-select input, .error.ec-birth input, .error.ec-input select, .error.ec-halfInput select, .error.ec-numberInput select, .error.ec-zipInput select, .error.ec-telInput select, .error.ec-select select, .error.ec-birth select {
    margin-bottom: 5px;
    border-color: #F1636E;
    background: #FEF8F4;
}
.ec-alert-warning {
    background: #F1636E;
}
  
.ec-color-red {
    color:#F1636E;
}

.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__price, .ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__taxLabel {
    color:#F1636E;
}

/*入力欄選んだ時の囲み色*/
.ec-input input:focus, .ec-halfInput input:focus, .ec-numberInput input:focus, .ec-zipInput input:focus, .ec-telInput input:focus, .ec-select input:focus, .ec-birth input:focus, .ec-input textarea:focus, .ec-halfInput textarea:focus, .ec-numberInput textarea:focus, .ec-zipInput textarea:focus, .ec-telInput textarea:focus, .ec-select textarea:focus, .ec-birth textarea:focus {
    box-shadow: none;
    border-color: #D6DCE5;
}

/*背景の色　灰色　*/
.ec-rectHeading h1, .ec-rectHeading h2, .ec-rectHeading h3, .ec-rectHeading h4, .ec-rectHeading h5, .ec-rectHeading h6 {
    background: #D6DCE5;
}  

.ec-topicRole {
      background: #D6DCE5;
}  

.ec-totalBox {
      background: #D6DCE5;
}    

.ec-login {
      background: #D6DCE5;
}    
  
/*選択肢の背景の灰色　*/
.ec-select select {
      background: #F9FAFB;
}  

/*ステップの色*/
.ec-progress .is-complete .ec-progress__number {
    background: #C9A549;
    color: #fff;
}

.ec-progress .is-complete .ec-progress__label {
    color: #333F50;
}

.ec-progress .ec-progress__number {
   background: #8497B0;
}
.ec-progress .ec-progress__item:after {
background: #8497B0;
}
/*ハンバーガーメニューの色*/
.ec-drawerRole {
background: #fff;
}

.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item {
    color: #333F50;
    background-color: #fff;
    border-bottom: 1px solid #C6D1D7;
 }

.ec-headerNavSP {
  color: #333F50;
}

/*購入ボタンの色*/
.btn-primary {
    color: #333F50;
    background-color: #F1DC65;
    border-color: #F1DC65;
}

.btn-primary:hover {
 color: #333F50;
    background-color: #F1DC65;
    border-color: #F1DC65;
}

.btn-primary:focus {
 color: #333F50;
    background-color: #F1DC65;
    border-color: #F1DC65;
}

.btn-primary:active {
 color: #333F50;
    background-color: #F1DC65;
    border-color: #F1DC65;
}
.btn-primary:not(:disabled):not(.disabled):active {
 color: #333F50;
    background-color: #F1DC65;
    border-color: #F1DC65;
}


/*基本のボタンの色*/

.ec-blockBtn--action {
    background-color:#C9A549;
    border-color:#A67532;
}
.ec-blockBtn--action:active {
    background-color:#C9A549;
    border-color:#A67532;
}
.ec-blockBtn--action:hover {
    background-color:#C9A549;
    border-color:#A67532;
}
.ec-blockBtn--action:active:hover {
    background-color:#A67532;
    border-color:#7D5826;
}
.ec-blockBtn--action:focus {
    background-color:#A67532;
    border-color:#7D5826;
}


.ec-blockBtn--action:disabled:hover {
    background-color:#A67532;
    border-color:#7D5826;
}
.ec-blockBtn--action:disabled:focus {
    background-color:#A67532;
    border-color:#7D5826;
}


.ec-inlineBtn--action {
 background-color:#C9A549;
    border-color:#C9A549;
}
.ec-inlineBtn--action:active {
    background-color:#C9A549;
    border-color:#A67532;
}
.ec-inlineBtn--action:hover {
 background-color:#C9A549;
    border-color:#A67532;
}
.ec-inlineBtn--action:active:hover{
  background-color:#A67532;
    border-color:#7D5826;
}

.ec-inlineBtn--action:focus{    
background-color:#A67532;
    border-color:#7D5826;
}


.ec-blockBtn--cancel {
    color:#333F50;
    background-color:#FFFFFF;
    border-color:#C6D1D7;
}

.ec-blockBtn--cancel:active {
    color:#333F50;
    background-color:#E2E8EB;
    border-color:#ADB4B9;
}
.ec-blockBtn--cancel:hover {
    color:#fff;
    background-color:#E2E8EB;
    border-color: #ADB4B9;
}
.ec-blockBtn--cancel:active:hover {
    color:#333F50;
    background-color:#E2E8EB;
    border-color:#ADB4B9;
}
.ec-blockBtn--cancel:focus {
    color:#333F50;
    background-color:#E2E8EB;
    border-color:#ADB4B9;
}



.ec-inlineBtn--cancel {
    color:#333F50;
    background-color:#FFFFFF;
    border-color:#C6D1D7;
}
.ec-inlineBtn--cancel:active {
    color:#333F50;
    background-color:#E2E8EB;
    border-color:#ADB4B9;
}
.ec-inlineBtn--cancel:hover {
    color:#fff;
    background-color:#E2E8EB;
    border-color: #ADB4B9;
}
.ec-inlineBtn--cancel:active:hover {
    color:#333F50;
    background-color:#E2E8EB;
    border-color:#ADB4B9;
}
.ec-inlineBtn--cancel:focus {
    color:#333F50;
    background-color:#E2E8EB;
    border-color:#ADB4B9;
}

/*スラいだーのボタンの色*/
.bgc-main, .bgch-main:hover {
    background-color:#9da3a9;
}
  
/*もとからあったCSS*/
.block-heasder__logo a,.ft-logo a{
    display: block;
    text-align: center;
}
.block-heasder__logo img,.ft-logo img{
    width: 80%;
}
.headnav .nav a{
    color: #fff;
}
.input-group>.input-group-append>.btn{
    background: #C9A549;
}
.input-group>.input-group-append>.btn svg{
    color: #fff;
}
.slick-dots{
    bottom: -40px;
}
.ec-layoutRole .ec-layoutRole__contentTop .pos-relative {
    padding-bottom: 70px;
}
.ec-categoryRole{
    padding: 40px 25px;
    height: 100%;
}
.ec-secHeading{
    margin-bottom: 25px;
}
.ec-secHeading .ec-secHeading__en{
    font-size: 24px;
}
.category-left ul{
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ddd;
}
.category-list>li{
    padding: 15px 10px;
    border-bottom: 1px solid #ddd;
}
.category-list>li>a{
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
}
.category-list>li>ul{
    padding-left: 1.5em;
    border-top: none;
    margin-top:10px;
}
.category-list>li>ul li{
    padding: 5px 0;
}
.category-list>li>ul a{
    font-size: 16px;
    line-height: 24px;
}
.left-item+.left-item{
    margin-top: 60px;
}
@media (min-width: 992px){
    .ec-layoutRole .ec-layoutRole__left{
        padding: 0;
    }
    .order-1{
        padding: 0;
        width: calc(75% - 50px);
        padding-left: 50px;
    }
    .block-heasder__logo img,.ft-logo img{
        height: 50px;
        width: auto;
    }
    .ec-layoutRole__header form select,.ec-layoutRole__header form .form-control,.input-group>.input-group-append>.btn{
        border: 1px solid #C9A549;
    }
}

.sp {
    display: none;
}
@media (max-width: 920px) {
    .sp {
        display: block;
    }
    .pc {
        display: none;
    }
}
.pc .slick-slide img {
  max-width: 1500px;
  max-height: 480px;
  object-fit: cover;
}
@media (min-width: 920px) {
  .pc .slick-list {
  margin: 0 auto;
  max-width: 1500px;
  }

.pc .slick-slide {
 margin: 0;
  padding: 0;
  transition: all 0.5s 0s ease;
}
.pc .slick-slide:not(.slick-active) {
  opacity: 0; /* 非アクティブなスライドを半透明にする */
  pointer-events: none; /* 非アクティブなスライドにはイベントを適用しない */
}

.pc .slick-current {
  opacity: 1; /* アクティブなスライドの透明度を元に戻す */
  pointer-events: auto; /* アクティブなスライドにはイベントを適用する */
  margin: 0; /* マージンを削除する */
}
}

.ec-drawerRole.is_active {
    display: block !important;
}

#page_shopping_confirm .ec-blockBtn--action {
    background-color: #F1636E;
    border-color: #F1636E;
}