/*
Theme Name: IJEN Corporate
Theme URI: https://ijen.co.jp/
Author: IJEN
Description: IJEN株式会社のコーポレートサイト用クラシックWordPressテーマ。
Version: 2.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: ijen
*/

/* The main design system is loaded from assets/css/site.css. */
.admin-bar .site-header {
  top: 32px;
}

.wp-site-blocks,
.ijen-entry {
  min-height: 50vh;
}

.ijen-entry {
  padding-block: clamp(72px, 9vw, 128px);
}

.ijen-entry__content {
  max-width: 760px;
}

.ijen-entry__content > * + * {
  margin-top: 1.25em;
}

.ijen-pagination {
  margin-top: 40px;
}

.ijen-pagination .page-numbers {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.ijen-pagination a,
.ijen-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  padding: 7px 12px;
  border: 1px solid var(--line);
  border-radius: 3px;
  font-family: var(--f-en);
  font-size: 13px;
}

.ijen-pagination .current,
.ijen-pagination a:hover {
  border-color: var(--orange);
  color: var(--orange-text);
}

.news-empty {
  padding: 28px 4px;
  border-block: 1px solid var(--line);
  color: var(--ink-2);
}

.news-article__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
}

.news-article__meta time {
  font-family: var(--f-en);
  font-size: 13px;
  color: var(--ink-2);
}

.news-article__thumbnail {
  margin-bottom: clamp(28px, 4vw, 52px);
}

.news-article__thumbnail img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}

.news-article__body {
  max-width: 800px;
  font-size: 15.5px;
  line-height: 2;
}

.news-article__body > * + * {
  margin-top: 1.5em;
}

.news-article__body h2,
.news-article__body h3 {
  margin-top: 2.2em;
  line-height: 1.5;
}

.news-article__body a {
  color: var(--orange-text);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.news-article__nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: clamp(44px, 6vw, 80px);
  padding-top: 24px;
  border-top: 1px solid var(--line);
}

.news-article__nav a {
  display: block;
  font-size: 13px;
  line-height: 1.7;
}

.news-article__nav .next-post {
  text-align: right;
}

.news-article__back {
  margin-top: 32px;
}

@media (max-width: 620px) {
  .news-article__nav {
    grid-template-columns: 1fr;
  }

  .news-article__nav .next-post {
    text-align: left;
  }
}

@media screen and (max-width: 782px) {
  .admin-bar .site-header {
    top: 46px;
  }
}