/*
Theme Name: Tohkyu News Classic
Theme URI: https://tohkyusekizai.com/
Author: Custom
Description: TOPデザイン流用用のクラシックテーマ
Version: 1.0
Text Domain: tohkyu-news-classic
*/

/* =========================
   共通レイアウト
========================= */

.news-article-wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 20px 80px;
}

.news-single,
.news-archive {
  max-width: 900px;
  margin: 0 auto;
}

.news-single-box {
  background: #fff;
  padding: 30px;
  box-sizing: border-box;
  border-radius: 30px;
}

/* =========================
   お知らせ詳細ページ
========================= */

/* 日付 */
.news-single-meta {
  margin-bottom: 10px;
  color: #888;
  font-size: 14px;
  text-align: left !important;
}

/* タイトル */
.news-single-title {
  font-size: 34px;
  line-height: 1.6;
  font-weight: bold;
  color: #d85c7b;
  text-align: left !important;
  margin: 0 0 20px;
  padding-bottom: 15px;
  border-bottom: 2px solid #f3a6b2;
}

/* 本文 */
.news-single-content {
  font-size: 16px;
  line-height: 2;
  color: #333;
  text-align: left !important;
}

.news-single-content p {
  margin: 0 0 1.5em;
  text-align: left !important;
}

/* 本文内の要素 */
.news-single-content h2,
.news-single-content h3,
.news-single-content h4,
.news-single-content h5,
.news-single-content h6,
.news-single-content div,
.news-single-content span,
.news-single-content li {
  text-align: left !important;
}

/* お知らせページ内は左揃え */
.news-single,
.news-single * {
  text-align: left !important;
}

/* =========================
   見出しだけ中央に戻す
========================= */

.news-single > .news-heading {
  text-align: center !important;
  font-size: 28px;
  margin-bottom: 30px;
  letter-spacing: 0.05em;
}

/* =========================
   アイキャッチ画像
========================= */

.news-single-thumb {
  width: 100%;
  margin: 20px 0 30px;
  overflow: hidden;
  text-align: center !important;
}

.news-thumb-image,
.news-single-thumb img,
.news-single-thumb img.wp-post-image {
  display: block;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
}

/* 本文内画像もはみ出し防止 */
.news-single-box img,
.news-single-content img {
  max-width: 100% !important;
  height: auto !important;
}

/* =========================
   お知らせ一覧
========================= */

.news-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.news-list li {
  display: flex;
  gap: 15px;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}

.news-list time {
  min-width: 95px;
  color: #666;
  flex-shrink: 0;
}

.news-list span {
  flex: 1;
}

.news-list a {
  color: inherit;
  text-decoration: none;
}

.news-list a:hover {
  text-decoration: underline;
}

/* =========================
   ボタン
========================= */

.news-more {
  margin-top: 25px;
  text-align: center !important;
}

.more-btn {
  display: inline-block;
  padding: 12px 28px;
  text-decoration: none;
  color: #fff;
  background: #f37093;
  border-radius: 999px;
  text-align: center !important;
}

/* =========================
   スマホ対応
========================= */

@media screen and (max-width: 960px) {
  .news-article-wrap {
    padding: 30px 15px 60px;
  }

  .news-single-box {
    padding: 20px;
    border-radius: 20px;
  }

  .news-single-title {
    font-size: 24px;
  }

  .news-list li {
    display: block;
  }

  .news-list time {
    display: block;
    min-width: auto;
    margin-bottom: 6px;
  }
}

@media screen and (max-width: 640px) {
  .news-thumb-image,
  .news-single-thumb img,
  .news-single-thumb img.wp-post-image {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
}