@charset "UTF-8";

/* ===============================================================================

  FIRON NEWS SP Styles

=============================================================================== */

/* Margin & Padding 〜 40px = 5%で算出 */

/*
  Main
=============================================================================== */
.l-main { padding: calc(3.75% / 2 + 3.75%) 0 calc(200 / 640 * 100vw); }

/*
  Main Visual
=============================================================================== */
.main-visual > figure {
  height: calc(500 / 640 * 100vw);
  background-position: 90% 0;
}
.page-heading {
  font-size: calc(56px * .8);
  font-size: calc(5.6rem * .8);
}

@media screen and (max-width:480px) {
  .page-heading { font-size: calc((56 * .8 * .75) / 480 * 100vw); }
}

/* News
------------------------------------------------------------------------------- */
.news { padding: 8.125% 0 0; }
.news .inner {
  position: relative;
  max-width: 1200px;
  height: 100%;
  flex-direction: column;
}

/* Article */
.art-container { width: 100%; }
.post-date {
  font-size: 17px;
  font-size: 1.7rem;
}
.art-ttl {
  font-size: 19px;
  font-size: 1.9rem;
  margin: 0 0 5%;
}
.art-txt {
  font-size: 17px;
  font-size: 1.7rem;
  margin: 5% 0 0;
}
.art-nav a {
  transform: scale(.85);
  transform-origin: 50% 0;
  margin: 10% 5px 0;
}

/* Archive */
.art-archive {
  width: 100%;
  height: auto;
  font-size: 17px;
  font-size: 1.7rem;
  margin: 12.5% 0 0;
}

@media screen and (max-width:480px) {
  .post-date { font-size: max(calc(16 / 480 * 100vw), 12px); }
  .art-ttl { font-size: max(calc(18 / 480 * 100vw), 14px); }
  .art-txt { font-size: max(calc(16 / 480 * 100vw), 12px); }
  .art-nav a {
    transform: scale(.7);
    margin: 10% 2.5px 0;
  }
  .art-archive { font-size: max(calc(16 / 480 * 100vw), 12px); }
}