@charset "utf-8";

@font-face {
  font-family: "Noto Sans C JK JP DemiLight";
  src: url(/res/font/NotoSansCJKjp-DemiLight.otf) format("embedded-opentype"),
    url(/res/font/NotoSansCJKjp-DemiLight.eot?) format("eot"),
    url(/res/font/NotoSansCJKjp-DemiLight.woff) format("woff"),
    url(/res/font/NotoSansCJKjp-DemiLight.ttf) format("truetype"),
    url(/res/font/NotoSansCJKjp-DemiLight.otf) format("opentype");
}

.l-container {
  background: #fff;
  font-family: "Noto Sans C JK JP DemiLight", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  font-size: 12px;
}

/* PC */
@media (min-width: 768px) {
  ul[data-design-block-name="パンくず"] {
    text-align: left;
  }

  .l-container {
    color: #393939;
    line-height: 1.2;
  }
}

/* SP */
@media (max-width: 767px) {
  /* ページ左右のpadding削除 */
  main {
    padding: 0 !important;
  }

  ul[data-design-block-name="パンくず"] {
    padding: 0 9px;
    text-align: left;
  }

  .l-container {
    color: #000;
    line-height: 1.6;
  }
}