@charset "UTF-8";

/*　全体共通設定
----------------------------------------*/

body {
  font-family: 游ゴシック体,YuGothic,游ゴシック medium,yu gothic medium,YuGothicM,yu gothic,メイリオ,Meiryo,ヒラギノ角ゴ pro w3,hiragino kaku gothic pro,Osaka,ms pゴシック,ms pgothic,sans-serif;
}

.wf-sawarabimincho {
  font-family: "Sawarabi Mincho";
}
.text-sitecolor {
  color: #1A6C3D;
}
.btn-sitecolor {
  background-color: #1A6C3D;
  border-color: #1A6C3D;
}
.btn-sitecolor:hover {
  background-color: #1e583e;
  border-color: #1e583e;
}

/*　エレメント
----------------------------------------*/
.card-body {
  display:flex;
  flex-direction:column;
}

.card.special h3{
  display: -webkit-box;
  overflow: hidden;
  font-size: 1rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.item-block {
  padding-top: 20px;
  margin-bottom: 50px;
}
.item-block .btn-iteminfo {
  font-size: 1.6rem;
}
.btn-iteminfo {
  width: 100%;
  font-size: 1.4rem;
}
.item-block h2 {
  position: relative;
}
.item-block h2 span:first-child {
  font-size: 2.2rem;
  font-weight: normal;
  letter-spacing: 2px;
}
.item-block h2 span:last-child {
  font-size: 1.8rem;
  font-weight: normal;
}
.item-block .tokuten {
  background-color: #fffdda;
}
.item-block .tokuten b {
  color: #ee6001;
}

.card-title span:first-child {
  font-size: 1.4rem;
  font-weight: normal;
  padding-bottom: 5px;
}
.card-title span:last-child {
  font-size: 1.6rem;
  font-weight: normal;
}
.item-block h2::before {
  position: absolute;
  content: "";
  top: -20px;
  left: calc(50% - 20px);
  width: 45px;
  height: 20px;
  background: url(../img/title_icon.svg) top left no-repeat;
  background-size: contain;
  opacity: .8;
}
.osusume h2 {
  font-size: 2.2rem;
  font-weight: normal;
}
.osusume .text-01 {
  font-size: 1.1rem;
}
.card.special h3,
.card.special .card-text {
  font-size: 1.3rem;
  font-weight: normal;
}
.card-footer {
  background-color: #fffdda;
}
.card-footer b {
  color: #ee6001;
}


/*lg*/
@media (min-width: 992px) {

  .btn-iteminfo {
    width: auto;
  }
  .item-block .btn-iteminfo {
    font-size: 1.6rem;
    max-width: 200px;
  }
  .item-block h2 span:first-child {
    font-size: 3.2rem;
  }
  .item-block h2 span:last-child {
    font-size: 2.2rem;
  }
  .card-title span:first-child {
    font-size: 1.6rem;
  }
  .card-title span:last-child {
    font-size: 1.8rem;
  }
  .osusume h2 {
    font-size: 3.2rem;
  }
  .osusume .text-01 {
    font-size: 1.2rem;
  }
  .card.special h3 {
    height: 3.5rem;
  }
  .card.special h3 {
    min-height: 3.5rem;
  }

}