@import url('https://fonts.googleapis.com/css2?family=Modak&family=Montserrat:wght@500;700;900&display=swap');

/**  Modak
//------------------------------ */
.section-tit,
.list--qa .list__item a::before,
.list--thumbnail .list__item .thumb .limited-thumb span,
.detail__btn a,
.list__more a,
.page--qa .tit--q span,
.page--qa .tit--a,
.page--qa .name span{
  font-family: 'Modak', -apple-system, BlinkMacSystemFont,"游ゴシック体", YuGothic, "Yu Gothic Medium", 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
}

.block--share li.share{
  font-size: 10px;
  letter-spacing: 0.3em;
}

/* pc */
@media screen and (min-width: 961px){
  .section-tit { font-size: 46px; letter-spacing: 0.1em; }
  .list__more a { letter-spacing: 0.1em; font-size: 16px; }
  .date, .category {
      font-size: 19px;
      letter-spacing: 0.02em;
  }
  .limited .section-tit::after,.free .section-tit::after{
    vertical-align: 9px;
    letter-spacing: 0.1em;
    padding: 1px 6px 1px 5px;
    margin-left: 10px;
  }
  .header .g-nav .nav li a, .detail__btn a {
    letter-spacing: 0.05em;
    font-size: 13px;
  }
  .block--category li a{font-weight: 900;font-size: 16px;}
  .list--qa .list__item a::before {
      line-height: 40px;
      font-size: 26px;
      border-width: 2px;
  }
}

/* sp */
@media screen and (max-width: 960px) and (min-width: 1px){
  .section-tit{ font-size: 8vw; letter-spacing: 0.1em; }
  .category{ font-size: 11px; }
  .list--faq .icon--q{line-height: 1.2;}
  .list__more a{ font-size: 13px; }
  .limited .section-tit::after,.free .section-tit::after { margin-left: 8px; vertical-align: 6px; }
  .list--radio .list__item a::before, .list--radio .list__item .ico, .list--qa .list__item a::before, .list--qa .list__item .ico { font-size: 22px; line-height: 30px; }
  .header .drawer .nav li{font-size: 4.3vw;}
  .block--category li a {letter-spacing: 0.03em;}
}

/* tablet */
@media screen and (min-width:768px) and (max-width: 959px){
  .section-tit{ font-size: 7vw;}
  .header .drawer .nav li{font-size: 4vw;}
}

/**  Robot
//------------------------------ */
.date,
.category,
.block--share .share,
.list--schedule .block--date,
.list__item.new .tit::after,
.header .g-nav .g-nav--item a,
.tit .limited::after,
.limited .section-tit::after,
.tit .free::after,
.free .section-tit::after,
.g-nav--item__mypage,
.block--pager li,
.block--category li,
.block--month,
.list--faq .icon--q,
.page--faq .block--faq-detail span.icon--q,
.page--faq .block--faq-detail span.icon--a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  letter-spacing: 0;
}
.list__item.new .tit::after {
  font-weight: 600;
}
.date,
.category{
  font-size: 14px;
  vertical-align: 2px;
}


/**  和文
//------------------------------ */
.section--detail.support .section-tit{
  font-family: -apple-system, BlinkMacSystemFont,"游ゴシック体", YuGothic, "Yu Gothic Medium", 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
}