:root {
  --bm-font: "Raleway", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Helvetica Neue", Arial, sans-serif;
}

body,
.site-shell,
.colorme-template-root,
input,
select,
textarea,
button {
  font-family: var(--bm-font);
}

.menu-nav__link,
.menu-nav__trigger,
.utility-nav,
.mobile-drawer .menu-nav__link,
.mobile-drawer .menu-nav__trigger {
  font-size: 14px;
  line-height: 1.45;
  letter-spacing: 0.05em;
}

.breadcrumb,
.page-breadcrumb,
.listing-breadcrumb {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.08em;
}

.colorme-home #new-arrival-title,
.colorme-listing .listing-section__header h1,
.colorme-legal h1,
.page--about #about-title,
.page--styling #listing-title,
.page--journal #journal-page-title,
.page--news #news-page-title,
.page--guide #guide-page-title,
.page--news-detail h1,
.page--journal-detail h1 {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.12em;
}

.product-card__name,
.product-card__price,
.product-panel__price,
.product-panel__color,
.product-panel__status,
.listing-section__meta,
.news-card__title,
.journal-card__title,
.styling-card__title {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.colorme-listing .listing-grid .colorme-product-card .product-card__name,
.colorme-listing .listing-grid .colorme-product-card .product-card__price,
.colorme-home .product-grid .colorme-product-card .product-card__name,
.colorme-home .product-grid .colorme-product-card .product-card__price {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.colorme-listing .listing-grid .colorme-product-card .product-card__status,
.colorme-listing .listing-grid .colorme-product-card .product-card__caption,
.colorme-home .product-grid .colorme-product-card .product-card__status,
.colorme-home .product-grid .colorme-product-card .product-card__caption {
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.product-card__status,
.product-card__caption,
.news-card__date,
.news-card__category,
.journal-card__date,
.styling-card__meta {
  font-size: 12px;
  line-height: 1.45;
  letter-spacing: 0.08em;
}

.product-description,
[data-product-description],
[data-product-description-mobile],
.product-accordion__content,
.page--about p,
.page--guide p,
.page--guide li,
.page--legal td,
.page--news-detail p,
.page--journal-detail p,
.journal-article__body,
.news-detail__body {
  font-size: 13px;
  line-height: 1.8;
  letter-spacing: 0.04em;
}

.filter-panel,
.filter-panel label,
.listing-filter-actions button,
.product-panel button,
.product-panel label,
.product-panel select,
.product-panel input,
.newsletter-form input,
.newsletter-form button {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.06em;
}

.colorme-footer,
.colorme-footer a,
.colorme-footer button,
.colorme-footer input,
.colorme-footer p {
  font-size: 12px;
  line-height: 1.55;
  letter-spacing: 0.06em;
}

/* NEWS詳細本文はサイト基本フォントに統一 */
.page--news-detail .news-article__body,
.page--news-detail .news-article__body *,
.page--news-detail .news-article__info dd {
  font-family: var(--bm-font) !important;
}

@media (max-width: 760px) {
  .menu-nav__link,
  .menu-nav__trigger,
  .mobile-drawer .menu-nav__link,
  .mobile-drawer .menu-nav__trigger {
    font-size: 14px;
  }

  .product-card__name,
  .product-card__price,
  .product-panel__price,
  .product-panel__color,
  .product-panel__status {
    font-size: 13px;
  }
}