@charset "UTF-8";
/*  ------------------------------
ドロワー
 ------------------------------ */
.c-drawer-bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: ease 0.3s;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 40;
}

.c-drawer-bg.open {
  display: block;
}

/*  ------------------------------
もっとみるボタン
 ------------------------------ */
.js-display-list {
  opacity: 1;
}

.js-display-list.is-hidden {
  opacity: 0;
  height: 0;
  margin: 0;
}

.js-c-btn--more {
  position: relative;
}

.js-c-btn--more.is-btn-hidden {
  display: none;
}

.js-c-btn--more button {
  cursor: pointer;
}

/*  ------------------------------
ヘルパークラス-色
 ------------------------------ */
.bg-color-skin {
  background-color: #e5dbc2;
}

.bg-color-lite-gray {
  background-color: #c4c4c4;
}

.bg-color-green {
  background-color: #d4dad4;
}

.bg-color-lite-blue {
  background-color: #d9e6e8;
}

.bg-color-blue {
  background-color: #86c4c7;
}

.bg-color-gray {
  background-color: #5b5b5b;
}

.bg-color-lite-green {
  background-color: #e5ead3;
}

.bg-color-fff {
  background-color: #fff;
}

/*  ------------------------------
ヘルパークラス
 ------------------------------ */
.mb-0 {
  margin-bottom: 0;
}

.pb-0 {
  padding-bottom: 0;
}

@media (min-width: 1120px) {
  .pc-over-mt-xs {
    margin-top: 16px;
  }
  .pc-over-mt-ss {
    margin-top: 24px;
  }
  .pc-over-mt-ss- {
    margin-top: -24px;
  }
  .pc-over-mt-s {
    margin-top: 32px;
  }
  .pc-over-mt-m {
    margin-top: 48px;
  }
  .pc-over-mt-l {
    margin-top: 64px;
  }
  .pc-over-mt-ll {
    margin-top: 88px;
  }
  .pc-over-mt-xl {
    margin-top: 104px;
  }
  .pc-over-mb-xs {
    margin-bottom: 16px;
  }
  .pc-over-mb-ss {
    margin-bottom: 24px;
  }
  .pc-over-mb-s {
    margin-bottom: 32px;
  }
  .pc-over-mb-m {
    margin-bottom: 48px;
  }
  .pc-over-mb-l {
    margin-bottom: 64px;
  }
  .pc-over-mb-ll {
    margin-bottom: 88px;
  }
  .pc-over-mt-xl {
    margin-bottom: 104px;
  }
}

@media (max-width: 1151px) {
  .pc-less-mt-xs {
    margin-top: 16px;
  }
  .pc-less-mt-ss {
    margin-top: 24px;
  }
  .pc-less-mt-ss- {
    margin-top: -24px;
  }
  .pc-less-mt-s {
    margin-top: 32px;
  }
  .pc-less-mt-m {
    margin-top: 48px;
  }
  .pc-less-mt-l {
    margin-top: 64px;
  }
  .pc-less-mt-ll {
    margin-top: 88px;
  }
  .pc-less-mt-xl {
    margin-top: 104px;
  }
  .pc-less-mb-xs {
    margin-bottom: 16px;
  }
  .pc-less-mb-ss {
    margin-bottom: 24px;
  }
  .pc-less-mb-s {
    margin-bottom: 32px;
  }
  .pc-less-mb-m {
    margin-bottom: 48px;
  }
  .pc-less-mb-l {
    margin-bottom: 64px;
  }
  .pc-less-mb-ll {
    margin-bottom: 88px;
  }
  .pc-less-mt-xl {
    margin-bottom: 104px;
  }
}

/*  ------------------------------
PC・SPの時の表示非表示
 ------------------------------ */
/* SPレイアウトにつける */
@media (max-width: 599px) {
  .pc {
    display: none;
  }
}

/* PCレイアウトにつける */
@media (min-width: 600px) {
  .sp {
    display: none;
  }
}