@charset "UTF-8";

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

  "Gokuraku Shokudo" News SP Styles

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

/*
  Breadcrumb
================================================================================== */
.breadcrumb {
  max-width: initial;
  font-size: calc(12 / 640 * 100vw);
  margin: 0 auto 10%;
}

@media screen and (max-width:480px) {
  .breadcrumb {
    font-size: 12px;
    font-size: 1.2rem;
  }
}


/*
  Page Header
================================================================================== */
.page-header { height: auto; }
.page-heading { font-size: calc(60 * .85 / 640 * 100vw); }

/*
  Main
================================================================================== */
main { padding: calc((2 / 3 * 100%) + 25px) 0 10%; }

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

  News Archive Styles

================================================================================== */
.news-container { flex-direction: column; }

/* Article Main
---------------------------------------------------------------------------------- */
.article-main { width: 100%; }
.article-list article {
  margin: 0 0 25px;
  padding: 0 0 25px;
}

/* For Single Page */
.article-list article.single figure {
  width: 70vw;
  height: 70vw;
}

.post-date { font-size: calc(24 * .85 / 640 * 100vw); }
.tag { font-size: calc(14 * .85 / 640 * 100vw); }
.article-item dl { font-size: calc(18 * .85 / 640 * 100vw); }

/* Read More */
.read-more { font-size: calc(22 * .85 / 640 * 100vw); }

@media screen and (max-width:480px) {
  .article-list article figure {
    width: calc(150 / 480 * 100vw);
    height: calc(150 / 480 * 100vw);
    margin: 0 15px 0 0;
  }

  /* For Single Page */
  .article-list article.single figure { margin: 0 auto 20px; }

  .post-date {
    font-size: calc(28 / 640 * 100vw);
    margin: 0 .75em 0 0;
  }
  .tag { font-size: calc(14 / 640 * 100vw); }
  .article-item { width: calc(100% - (150 / 480 * 100vw)); }
  .article-item p { margin: 0 0 1em; }
  .article-item dl { font-size: calc(18 / 640 * 100vw); }
  .article-item dl dd { line-height: 1.5; }
  .read-more { font-size: calc(22 / 640 * 100vw); }
}

@media screen and (max-width:375px) {
  .article-list article figure {
    width: 28vw;
    height: 28vw;
  }
}

@media screen and (max-width:320px) {
  .article-list article { flex-direction: column; }
  .article-list article figure {
    width: 50vw;
    height: 50vw;
    margin: 0 auto 5%;
  }
  .article-item {
    width: 100%;
    padding: 0 5%;
  }
}

/* Pager
---------------------------------------------------------------------------------- */
.pager-unit {
  transform: scale(.85);
  transform-origin: center top;
  margin: 5% 0 0;
}

@media screen and (max-width:414px) {
  .pager-unit { transform: scale(.75); }
}

@media screen and (max-width:375px) {
  .pager-unit { transform: scale(.65); }
}

/* Article Side
---------------------------------------------------------------------------------- */
.article-side {
  width: 100%;
  margin: 7.5% 0 0;
}
.article-side h3 { font-size: calc(36 * .85 / 640 * 100vw); }
.article-side ul {
  font-size: 15px;
  font-size: 1.5rem;
}
.article-side ul li::after { right: 75%; }

@media screen and (max-width:480px) {
  .article-side ul {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .article-side ul li::after { right: 50%; }
}