@charset "UTF-8";
/* ------------------------------------------------------------------------------------------------------ 共通変数 */
/* ------------------------------------------------------------------------------------------------------ メディアクエリ関数 */
/* ------------------------------------------------------------------------------------------------------ フォントサイズ関数 */
/* ------------------------------------------------------------------------------------------------------ 余白関数 */
/* ------------------------------------------------------------------------------------------------------ Text hidden関数 */
body.post-page #wrapper {
  padding-top: 60px;
}

.post {
  padding: 0 0 clamp(72px, 11vh, 130px);
}

.post__inner {
  max-width: 860px;
  margin: 0 auto;
}

.post__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  margin: 0 0 20px;
}

.post__meta .tag {
  position: static;
}

.post__meta time {
  font-size: 14px;
  color: #8b97ad;
  font-weight: 500;
  letter-spacing: 0.04em;
}

.post h1 {
  font-family: "Shippori Mincho B1", "游明朝", "Yu Mincho", serif;
  font-weight: 800;
  font-size: clamp(24px, 4vw, 38px);
  color: #0a1730;
  line-height: 1.45;
}

.post__mv {
  margin: clamp(28px, 4vh, 40px) 0;
  border-radius: 20px;
  overflow: hidden;
  background: #eef3fb;
  aspect-ratio: 16/9;
}
.post__mv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.post__body {
  font-size: clamp(15px, 1.7vw, 17px);
  line-height: 2.1;
  color: #33405a;
}
.post__body p {
  margin: 0 0 1.6em;
}
.post__body h2 {
  margin: 2em 0 0.8em;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: clamp(18px, 2.2vw, 22px);
  color: #0e2148;
  line-height: 1.5;
}

.post__foot {
  margin-top: clamp(40px, 6vh, 64px);
  padding-top: 28px;
  border-top: 1px solid #e3e9f4;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
}