@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

 /* ==================================================
   MOODYMAN / TRAVEL JOURNAL
   Minimal diary style
================================================== */

@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&family=Noto+Sans+JP:wght@300;400&display=swap');


/* ------------------------------
   BASE
------------------------------ */

html,
body,
#container,
#content {
  background: #faf9f6 !important;
}

body {
  color: #292929;
  font-family:
    "Noto Sans JP",
    "Hiragino Sans",
    "Yu Gothic",
    sans-serif;
  font-weight: 300;
}


/* Cocoonの箱感をなくす */
.main,
.content,
.article,
.entry-card-wrap,
.entry-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ------------------------------
   HOME / JOURNAL LABEL
------------------------------ */

/* トップページに JOURNAL を表示 */
.home .main::before {
  content: "JOURNAL";
  display: block;

  font-family: "Courier Prime", monospace;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.28em;

  color: #292929;

  margin: 38px 0 26px;
}

/* ------------------------------
   MOBILE HEADER
------------------------------ */

@media screen and (max-width: 1023px) {

  /* PC用ヘッダーは非表示 */
  .header-container {
    display: none !important;
  }

  /* Cocoon本来の位置制御はそのまま使う */
  .mobile-header-menu-buttons {
    height: 82px !important;
    background: #faf9f6 !important;
    border: 0 !important;
    box-shadow: none !important;

    display: flex !important;
    align-items: center !important;
    padding: 0 30px !important;
    box-sizing: border-box;
  }

  /* 各ボタンの強制配置を解除 */
  .mobile-header-menu-buttons > li {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* moodymanを左 */
  .mobile-header-menu-buttons .logo-menu-button {
    order: 1 !important;
  }

  .mobile-header-menu-buttons .logo-menu-button a {
    font-family: "Courier Prime", monospace !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    letter-spacing: 0.18em;
    color: #292929 !important;
  }

  /* 検索は非表示 */
  .mobile-header-menu-buttons .search-menu-button {
    display: none !important;
  }

  /* ロゴ以外のボタン＝MENUを右端へ */
  .mobile-header-menu-buttons > li:not(.logo-menu-button):not(.search-menu-button) {
    order: 2 !important;
    margin-left: auto !important;
  }

  /* MENUなどの文字は非表示 */
  .mobile-menu-buttons .menu-caption {
    display: none !important;
  }

  .mobile-menu-buttons .menu-icon {
    font-size: 19px !important;
    color: #292929 !important;
  }

  /* 前回追加した余計な上余白をリセット */
  body {
    padding-top: 0 !important;
  }

  .mblt-header-mobile-buttons {
    margin-top: 0 !important;
  }
}


/* ------------------------------
   SLIDE MENU
------------------------------ */

.navi-menu-content {
  width: 100% !important;
  max-width: none !important;
  background: #faf9f6 !important;
}

.navi-menu-content .menu-item {
  border: 0 !important;
}

.navi-menu-content .menu-item a {
  font-family: "Courier Prime", monospace !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em;
  color: #292929 !important;
  padding: 13px 42px !important;
}

.menu-close-button {
  font-size: 22px !important;
  color: #292929 !important;
}


/* ------------------------------
   JOURNAL INDEX
------------------------------ */

/* JOURNAL */
.archive-title,
.list-title {
  font-family: "Courier Prime", monospace !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0.28em !important;
  line-height: 1.4;
  margin: 42px 0 26px !important;
}

/* フォルダ等のアイコン */
.archive-title .fa,
.archive-title .fas,
.list-title .fa,
.list-title .fas {
  display: none !important;
}


/* 記事カード */
.entry-card-wrap {
  margin-bottom: 48px !important;
  padding-bottom: 40px !important;
  border-bottom: 1px solid #dedbd5 !important;
}

.entry-card {
  padding: 0 !important;
}


/* 写真 */
.entry-card-thumb {
  margin-bottom: 15px !important;
}

.entry-card-thumb img {
  width: 100%;
  border-radius: 0 !important;
  box-shadow: none !important;
}


/* カテゴリーラベル */
.cat-label,
.entry-card-thumb .cat-label,
.eye-catch .cat-label {
  display: none !important;
}


/* タイトル */
.entry-card-title {
  font-family: "Courier Prime", monospace !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em;
  line-height: 1.45;
  margin: 0 0 8px !important;
}


/* 抜粋 */
.entry-card-snippet {
  display: block !important;
  font-family:
    "Noto Sans JP",
    sans-serif !important;
  font-size: 12px !important;
  font-weight: 300;
  line-height: 1.9;
  letter-spacing: 0.04em;
  color: #464646;
}


/* 日付・著者・コメント等 */
.entry-card .post-date,
.entry-card .post-update,
.entry-card .date-tags,
.entry-card .entry-card-info {
  display: none !important;
}


/* ------------------------------
   SINGLE JOURNAL
------------------------------ */

/* パンくず */
.breadcrumb {
  display: none !important;
}


/* 記事タイトル */
.article h1.entry-title {
  font-family: "Courier Prime", monospace !important;
  font-size: 21px !important;
  font-weight: 400 !important;
  letter-spacing: 0.07em;
  line-height: 1.5;
  margin: 38px 0 28px !important;
}


/* 本文 */
.entry-content {
  font-family:
    "Noto Sans JP",
    sans-serif !important;
  font-size: 15px !important;
  font-weight: 300;
  line-height: 2.15 !important;
  letter-spacing: 0.035em;
  color: #303030;
}


/* 本文段落 */
.entry-content p {
  margin-top: 0;
  margin-bottom: 30px;
}


/* 写真 */
.entry-content img,
.eye-catch img {
  border-radius: 0 !important;
  box-shadow: none !important;
}


/* 画像と文章の間隔 */
.entry-content figure {
  margin-top: 40px;
  margin-bottom: 38px;
}


/* キャプションは一旦消す */
.wp-element-caption,
.wp-caption-text {
  display: none !important;
}


/* カテゴリーなど */
.article-footer .cat-link,
.article-footer .tag-link,
.footer-meta {
  display: none !important;
}


/* 関連記事はいったん消す */
.related-entries {
  display: none !important;
}


/* ------------------------------
   FOOTER
------------------------------ */

.footer,
.footer-bottom {
  background: #faf9f6 !important;
  border: 0 !important;
}

.footer-bottom-content {
  font-family: "Courier Prime", monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.12em;
  font-weight: 400;
  color: #555 !important;
}


/* ------------------------------
   MOBILE SPACING
------------------------------ */

@media screen and (max-width: 834px) {

  .main {
    padding-left: 26px !important;
    padding-right: 26px !important;
  }

  .archive-title,
  .list-title {
    margin-top: 38px !important;
  }

  .entry-card-wrap {
    margin-bottom: 42px !important;
    padding-bottom: 36px !important;
  }

  .article h1.entry-title {
    margin-top: 42px !important;
  }

}

/* ==================================================
   DESKTOP REFINEMENT
================================================== */

@media screen and (min-width: 1024px) {

  /* ヘッダーも本文と同じ暖かい白に */
  .header-container,
  .header-container-in,
  .navi,
  .navi-in {
    background: #faf9f6 !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  /* PCロゴ */
  .logo-header a,
  .logo-header .site-name-text {
    font-family: "Courier Prime", monospace !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    letter-spacing: 0.16em !important;
    color: #292929 !important;
  }

  /* PCナビ */
  .navi-in > ul > li > a {
    font-family: "Courier Prime", monospace !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 0.08em !important;
    color: #292929 !important;
  }

  /* ヘッダーを少しコンパクトに */
  .header-in {
    min-height: 90px !important;
  }

  /* JOURNAL本文の最大幅 */
  .main {
    max-width: 1040px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* JOURNAL見出し */
  .home .main::before,
  .archive-title,
  .list-title {
    margin-top: 55px !important;
    margin-bottom: 38px !important;
  }

  /* 写真を少しだけ抑える */
  .entry-card-thumb {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }

  /* 写真下の文章も写真幅に揃える */
  .entry-card-content {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==================================================
   ONE CANVAS / 背景色を完全に統一
================================================== */

html,
body,
#container,
.header,
.header-in,
.header-container,
.header-container-in,
.navi,
.navi-in,
.content,
.content-in,
.main,
.footer,
.footer-bottom {
  background-color: #faf9f6 !important;
}

/* ヘッダー・ナビの境界を完全に消す */
.header,
.header-in,
.header-container,
.header-container-in,
.navi,
.navi-in {
  border: none !important;
  box-shadow: none !important;
}

/* ==================================================
   DESKTOP SINGLE POST
   読みやすい日記幅に
================================================== */

@media screen and (min-width: 1024px) {

  /* 個別記事そのものを少し細く */
  .single-post .main {
    max-width: 780px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 本文はさらに少し細く */
  .single-post .entry-content > p {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
  }

  /* 本文途中の写真 */
  .single-post .entry-content figure {
    max-width: 680px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 最初のアイキャッチは少しだけ大きく */
  .single-post .eye-catch {
    max-width: 760px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* ==================================================
   DESKTOP JOURNAL — TEXT LEFT / PHOTO RIGHT
================================================== */

@media screen and (min-width: 1024px) {

  /* トップの記事一覧全体 */
  .home .entry-card-wrap {
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-bottom: 55px !important;
    margin-bottom: 55px !important;
  }

  /* 左＝文字 / 右＝写真 */
  .home .entry-card {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    gap: 70px !important;
  }

  /* 写真 */
  .home .entry-card-thumb {
    flex: 0 0 62% !important;
    width: 62% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .home .entry-card-thumb img {
    width: 100% !important;
    height: auto !important;
    display: block;
  }

  /* 左側の文字 */
  .home .entry-card-content {
    flex: 1 1 38% !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* タイトル */
  .home .entry-card-title {
    font-size: 19px !important;
    line-height: 1.55 !important;
    margin: 0 0 20px !important;
  }

  /* 抜粋 */
  .home .entry-card-snippet {
    font-size: 12px !important;
    line-height: 2 !important;
    max-width: 240px;
  }
}

/* ==================================================
   BUDAPEST CITY PAGE
================================================== */

.category-budapest {
  counter-reset: budapest-story;
}


/* ---------- 都市紹介部分 ---------- */

.category-budapest .category-page-content {
  max-width: 840px;
  margin: 0 auto 70px;
}

/* HUNGARY / 日付 / 紹介文 */
.category-budapest .category-page-content p {
  font-size: 13px;
  line-height: 1.9;
  letter-spacing: 0.04em;
}

/* 都市のメイン写真 */
.category-budapest .category-page-content img {
  display: block;
  width: 100% !important;
  max-width: 840px !important;
  height: auto !important;
  margin: 28px 0 24px !important;
  border-radius: 0 !important;
}


/* ---------- 記事一覧 ---------- */

.category-budapest .entry-card-wrap {
  counter-increment: budapest-story;

  position: relative;
  max-width: 840px !important;
  margin: 0 auto !important;

  padding:
    28px
    0
    28px
    82px !important;

  border-bottom:
    1px solid #dedbd5 !important;

  box-shadow: none !important;
  background: transparent !important;
}


/* 01 / 02 / 03 ... */

.category-budapest .entry-card-wrap::before {
  content:
    counter(budapest-story, decimal-leading-zero);

  position: absolute;
  left: 0;
  top: 31px;

  font-family:
    "Courier Prime",
    monospace;

  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0.12em;

  color: #292929;
}


/* テキスト左 / 写真右 */

.category-budapest .entry-card {
  display: flex !important;
  flex-direction: row-reverse !important;

  align-items: center !important;
  gap: 42px !important;

  padding: 0 !important;

  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}


/* サムネイル */

.category-budapest .entry-card-thumb {
  flex: 0 0 34% !important;

  width: 34% !important;
  max-width: none !important;

  margin: 0 !important;
}

.category-budapest .entry-card-thumb img {
  display: block;

  width: 100% !important;
  height: auto !important;

  border-radius: 0 !important;
}


/* タイトル・説明 */

.category-budapest .entry-card-content {
  flex: 1 1 auto !important;

  width: auto !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}

.category-budapest .entry-card-title {
  font-family:
    "Courier Prime",
    monospace !important;

  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.5;

  margin: 0 0 8px !important;
}

.category-budapest .entry-card-snippet {
  font-size: 12px !important;
  line-height: 1.8 !important;

  color: #555;
}


/* 日付・PV・コメント等を消す */

.category-budapest .entry-card .post-date,
.category-budapest .entry-card .post-update,
.category-budapest .entry-card .date-tags,
.category-budapest .entry-card .entry-card-info,
.category-budapest .entry-card .admin-pv {
  display: none !important;
}

/* ==================================================
   BUDAPEST CITY PAGE
   PHOTOLESS CHAPTER LIST
================================================== */

/* 記事番号を自動採番 */
.category-budapest {
  counter-reset: budapest-story;
}


/* ---------- 記事一覧 ---------- */

.category-budapest .entry-card-wrap {
  counter-increment: budapest-story;

  position: relative;
  max-width: 840px !important;

  margin: 0 auto !important;
  padding: 38px 0 38px 95px !important;

  border-bottom: 1px solid #dedbd5 !important;

  background: transparent !important;
  box-shadow: none !important;
}


/* 01 / 02 / 03... */

.category-budapest .entry-card-wrap::before {
  content: counter(budapest-story, decimal-leading-zero);

  position: absolute;
  left: 0;
  top: 42px;

  font-family: "Courier Prime", monospace !important;
  font-size: 25px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.12em;

  color: #292929;
}


/* カード本体 */

.category-budapest .entry-card {
  display: block !important;

  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}


/* サムネイルを完全に消す */

.category-budapest .entry-card-thumb {
  display: none !important;
}


/* 文字エリア */

.category-budapest .entry-card-content {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* 記事タイトル */

.category-budapest .entry-card-title {
  margin: 0 0 10px !important;

  font-family: "Courier Prime", monospace !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: 0.04em;

  color: #292929 !important;
}


/* 抜粋 */

.category-budapest .entry-card-snippet {
  max-width: 540px;

  margin: 0 !important;

  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;

  color: #555 !important;
}


/* 日付・PV・カテゴリーなどは表示しない */

.category-budapest .entry-card .post-date,
.category-budapest .entry-card .post-update,
.category-budapest .entry-card .date-tags,
.category-budapest .entry-card .entry-card-info,
.category-budapest .entry-card .admin-pv {
  display: none !important;
}


/* ==================================================
   MOBILE
================================================== */

@media screen and (max-width: 834px) {

  .category-budapest .entry-card-wrap {
    padding:
      30px
      0
      30px
      58px !important;
  }

  .category-budapest .entry-card-wrap::before {
    left: 0;
    top: 34px;

    font-size: 19px;
  }

  .category-budapest .entry-card-title {
    font-size: 16px !important;
    margin-bottom: 8px !important;
  }

  .category-budapest .entry-card-snippet {
    font-size: 12px !important;
    line-height: 1.8 !important;
  }
}

/* ==================================================
   BUDAPEST CITY PAGE - BALANCE FIX
================================================== */

@media screen and (min-width: 1024px) {

  /* 全体の基準幅を揃える */
  .category-budapest .category-page-content,
  .category-budapest .list,
  .category-budapest .archive-title,
  .category-budapest .list-title {
    max-width: 840px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* BUDAPESTタイトルの位置をヒーロー写真と揃える */
  .category-budapest .archive-title,
  .category-budapest .list-title {
    width: 840px !important;
  }

  /* 都市説明エリア */
  .category-budapest .category-page-content {
    width: 840px !important;
    margin-bottom: 55px !important;
  }

  /* 記事一覧全体も840pxに */
  .category-budapest .entry-card-wrap {
    width: 840px !important;
    max-width: 840px !important;

    padding: 34px 0 34px 90px !important;
    margin: 0 auto !important;

    border-bottom: 1px solid #dedbd5 !important;
  }

  /* 番号 */
  .category-budapest .entry-card-wrap::before {
    left: 0 !important;
    top: 37px !important;

    font-size: 23px !important;
  }

  /* タイトル＋抜粋を左に広く */
  .category-budapest .entry-card-content {
    width: 100% !important;
    max-width: none !important;
  }

  .category-budapest .entry-card-title {
    font-size: 18px !important;
    margin-bottom: 8px !important;
  }

  .category-budapest .entry-card-snippet {
    max-width: 600px !important;
  }
}

/* BUDAPEST 見出しを少し大きく */
.category-budapest .archive-title,
.category-budapest .list-title {
  font-size: 22px !important;
  letter-spacing: 0.32em !important;
  font-weight: 400 !important;
}

/* ==================================================
   HUNGARY COUNTRY PAGE
================================================== */

@media screen and (min-width: 1024px) {

  /* 国ページの本文幅 */
  .category-hungary .category-page-content,
  .category-hungary .archive-title,
  .category-hungary .list-title {
    width: 840px !important;
    max-width: 840px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* HUNGARY 見出し */
  .category-hungary .archive-title,
  .category-hungary .list-title {
    font-size: 22px !important;
    letter-spacing: 0.32em !important;
    font-weight: 400 !important;
  }

  /* 国の代表写真を大きく */
  .category-hungary .category-page-content img {
    display: block;
    width: 100% !important;
    max-width: 840px !important;
    height: auto !important;
    margin: 30px 0 26px !important;
    border-radius: 0 !important;
  }

  /* WordPressが自動表示している記事一覧は消す */
  .category-hungary .list {
    display: none !important;
  }
}

/* ==================================================
   COUNTRY PAGE - AUTO CITY LIST
================================================== */

.category-hungary .country-city-list {
  width: 840px;
  max-width: 100%;
  margin: 70px auto 0;
}

/* 都市1件 */
.category-hungary .country-city {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 70px !important;

  padding: 42px 0 !important;
  margin: 0 !important;

  border-top: 1px solid #dedbd5 !important;

  background: transparent !important;
  color: #292929 !important;
  text-decoration: none !important;
}

.category-hungary .country-city:last-child {
  border-bottom: 1px solid #dedbd5 !important;
}

/* 左側テキスト */
.category-hungary .country-city-text {
  flex: 1 1 auto;
  min-width: 0;
}

/* BUDAPEST */
.category-hungary .country-city h2 {
  margin: 0 0 14px !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;

  font-family: "Courier Prime", monospace !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.16em !important;

  color: #292929 !important;
}

/* 日付 */
.category-hungary .city-date {
  margin: 0 0 10px !important;

  font-family: "Courier Prime", monospace !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;

  color: #555 !important;
}

/* 説明 */
.category-hungary .city-summary,
.category-hungary .city-summary p {
  margin: 0 !important;

  font-size: 13px !important;
  line-height: 1.8 !important;

  color: #555 !important;
}

/* リンクの赤色・下線を消す */
.category-hungary .country-city,
.category-hungary .country-city:visited,
.category-hungary .country-city:hover,
.category-hungary .country-city * {
  text-decoration: none !important;
}

.category-hungary .country-city h2,
.category-hungary .country-city .city-date,
.category-hungary .country-city .city-summary,
.category-hungary .country-city .city-summary p {
  color: #292929 !important;
}

/* 右側写真 */
.category-hungary .country-city-photo {
  flex: 0 0 38% !important;
  width: 38% !important;
}

.category-hungary .country-city-photo img {
  display: block !important;

  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;

  margin: 0 !important;
  padding: 0 !important;

  border-radius: 0 !important;
  box-shadow: none !important;
}


/* ---------- MOBILE ---------- */

@media screen and (max-width: 834px) {

  .category-hungary .country-city-list {
    width: 100%;
    margin-top: 50px;
  }

  .category-hungary .country-city {
    display: block !important;
    padding: 30px 0 !important;
  }

  .category-hungary .country-city-photo {
    width: 100% !important;
    margin-top: 22px;
  }

  .category-hungary .country-city h2 {
    font-size: 17px !important;
  }
}

/* ==================================================
   COUNTRY PAGE - CITY ROW 最終形
   写真左 / テキスト右 / 数字なし
================================================== */

@media screen and (min-width: 1024px) {

  .category-hungary .country-city {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
    align-items: center !important;

    gap: 46px !important;

    padding: 34px 0 !important;
    margin: 0 !important;

    border-top: 1px solid #dedbd5 !important;

    background: transparent !important;
  }

  .category-hungary .country-city:last-child {
    border-bottom: 1px solid #dedbd5 !important;
  }


  /* 左の小さい写真 */
  .category-hungary .country-city-photo {
    flex: 0 0 245px !important;
    width: 245px !important;
    margin: 0 !important;
  }

  .category-hungary .country-city-photo img {
    width: 245px !important;
    height: 138px !important;

    object-fit: cover !important;

    margin: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }


  /* 右の都市情報 */
  .category-hungary .country-city-text {
    flex: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
  }


  /* BUDAPEST */
  .category-hungary .country-city h2 {
    margin: 0 0 10px !important;
    padding: 0 !important;

    font-family: "Courier Prime", monospace !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    letter-spacing: 0.12em !important;

    background: transparent !important;
    border: 0 !important;
  }


  /* JAN 5–8, 2026 */
  .category-hungary .city-date {
    margin: 0 0 9px !important;

    font-family: "Courier Prime", monospace !important;
    font-size: 11px !important;
    letter-spacing: 0.08em !important;

    color: #555 !important;
  }


  /* 一言 */
  .category-hungary .city-summary,
  .category-hungary .city-summary p {
    margin: 0 !important;

    font-size: 12px !important;
    line-height: 1.8 !important;

    color: #555 !important;
  }
}


/* スマホ */
@media screen and (max-width: 834px) {

  .category-hungary .country-city {
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: stretch !important;

    gap: 20px !important;
    padding: 28px 0 !important;
  }

  .category-hungary .country-city-photo {
    width: 100% !important;
  }

  .category-hungary .country-city-photo img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
}

/* 国ページ：都市コラムを少しゆったり */
@media screen and (min-width: 1024px) {

  .category-hungary .country-city {
    padding: 48px 0 !important;
  }

  .category-hungary .country-city-photo,
  .category-hungary .country-city-photo img {
    width: 245px !important;
  }

  .category-hungary .country-city-photo img {
    height: 155px !important;
    object-fit: cover !important;
  }

  .category-hungary .country-city h2 {
    margin-bottom: 14px !important;
  }

  .category-hungary .city-date {
    margin-bottom: 12px !important;
  }
}

/* ==================================================
   JOURNAL TOP - DATE / CITY
================================================== */

.journal-card-meta {
  display: flex;
  align-items: center;
  gap: 22px;

  margin-top: 18px;

  font-family: "Courier Prime", monospace;
  font-size: 10px;
  letter-spacing: 0.08em;

  color: #555;
}

.journal-card-date {
  display: inline-block;
}

.journal-card-city {
  display: inline-block;

  color: #292929 !important;
  text-decoration: none !important;
}

.journal-card-city::after {
  content: " →";
  margin-left: 4px;
}

.journal-card-city:hover {
  opacity: 0.55;
}


/* MOBILE */

@media screen and (max-width: 834px) {

  .journal-card-meta {
    gap: 14px;
    margin-top: 14px;
    font-size: 9px;
  }
}

/* JOURNALのPV表示を消す */
.category-journal .admin-pv,
.category-journal .entry-card-info {
  display: none !important;
}

/* ==================================================
   JOURNAL DESKTOP
   TEXT LEFT / PHOTO RIGHT
================================================== */

@media screen and (min-width: 1024px) {

  /* 1記事ぶん */
  .category-journal .entry-card-wrap {
    max-width: 840px !important;
    width: 840px !important;

    margin: 0 auto !important;
    padding: 48px 0 !important;

    border-bottom: 1px solid #dedbd5 !important;

    background: transparent !important;
    box-shadow: none !important;
  }

  /* 左：文字 / 右：写真 */
  .category-journal .entry-card {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;

    gap: 65px !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* 写真 */
  .category-journal .entry-card-thumb {
    flex: 0 0 48% !important;
    width: 48% !important;

    margin: 0 !important;
  }

  .category-journal .entry-card-thumb img {
    width: 100% !important;
    height: auto !important;

    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;

    margin: 0 !important;

    border-radius: 0 !important;
    box-shadow: none !important;
  }

  /* 左の文字エリア */
  .category-journal .entry-card-content {
    flex: 1 1 auto !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  /* タイトル */
  .category-journal .entry-card-title {
    margin: 0 0 16px !important;

    font-family: "Courier Prime", monospace !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    letter-spacing: 0.04em !important;
  }

  /* 抜粋 */
  .category-journal .entry-card-snippet {
    margin: 0 !important;

    font-size: 13px !important;
    line-height: 1.9 !important;

    color: #555 !important;
  }

  /* 日付＋都市 */
  .category-journal .journal-card-meta {
    margin-top: 22px !important;
  }
}

/* JOURNAL desktop balance fix */
@media screen and (min-width: 1024px) {

  /* JOURNAL見出し → 記事までを少し詰める */
  .category-journal .list {
    margin-top: 20px !important;
  }

  .category-journal .entry-card-wrap {
    padding: 34px 0 46px !important;
  }

  /* 文字と写真を近づける */
  .category-journal .entry-card {
    gap: 42px !important;
    align-items: flex-start !important;
  }

  /* 写真を少しだけ小さく */
  .category-journal .entry-card-thumb {
    flex: 0 0 43% !important;
    width: 43% !important;
  }

  /* 文字を少し下げて写真との位置を合わせる */
  .category-journal .entry-card-content {
    padding-top: 28px !important;
  }
}

/* ==================================================
   JOURNAL DESKTOP - FINAL BALANCE
================================================== */

@media screen and (min-width: 1024px) {

  /* JOURNAL見出しを記事一覧と同じ幅・位置に */
  .category-journal .archive-title,
  .category-journal .list-title {
    width: 1080px !important;
    max-width: calc(100% - 80px) !important;

    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 42px !important;
  }


  /* コラム全体を少し大きく戻す */
  .category-journal .entry-card-wrap {
    width: 1080px !important;
    max-width: calc(100% - 80px) !important;

    margin: 0 auto !important;
    padding: 52px 0 58px !important;
  }


  /* 左右のバランス */
  .category-journal .entry-card {
    gap: 55px !important;
    align-items: center !important;
  }


  /* 写真をひとつ前くらいの大きさへ */
  .category-journal .entry-card-thumb {
    flex: 0 0 48% !important;
    width: 48% !important;
  }


  /* 文字位置 */
  .category-journal .entry-card-content {
    padding-top: 0 !important;
  }


  /* タイトル */
  .category-journal .entry-card-title {
    font-size: 20px !important;
    margin-bottom: 18px !important;
  }


  /* 日付・都市 */
  .category-journal .journal-card-meta {
    margin-top: 22px !important;
  }
}

/* ==================================================
   JOURNAL MOBILE - TEXT POSITION FINAL
================================================== */

@media screen and (max-width: 834px) {

  /* カテゴリーページでもTOPでも効かせる */
  body.category-journal .entry-card-content,
  body.home .entry-card-content,
  body.blog .entry-card-content {
    box-sizing: border-box !important;

    /* 写真から少し離す */
    margin-top: 22px !important;

    /* 写真より少し内側 */
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 0 !important;
  }

  /* 写真側の余白は消して一本化 */
  body.category-journal .entry-card-thumb,
  body.home .entry-card-thumb,
  body.blog .entry-card-thumb {
    margin-bottom: 0 !important;
  }

  /* 下側が広すぎるので少し詰める */
  body.category-journal .entry-card-wrap,
  body.home .entry-card-wrap,
  body.blog .entry-card-wrap {
    padding-bottom: 26px !important;
  }
}

/* HUNGARY：通常の記事一覧は全デバイスで非表示 */
.category-hungary .list {
  display: none !important;
}

/* ==================================================
   HUNGARY MOBILE - FINAL BALANCE
================================================== */

@media screen and (max-width: 834px) {

  /* 都市コラムの上下 */
  .category-hungary .country-city {
    padding-top: 36px !important;
    padding-bottom: 38px !important;
    gap: 24px !important;
  }

  /* 線 → 写真の余白を整理 */
  .category-hungary .country-city-photo {
    margin: 0 !important;
  }

  /* 都市情報だけ少し内側へ */
  .category-hungary .country-city-text {
    box-sizing: border-box !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .category-hungary .country-city h2 {
    margin-bottom: 18px !important;
  }

  .category-hungary .city-date {
    margin-bottom: 16px !important;
  }
}
 
/* ==================================================
   JOURNAL MOBILE - TEXT POSITION FINAL
================================================== */

@media screen and (max-width: 834px) {

  /* カテゴリーページでもTOPでも効かせる */
  body.category-journal .entry-card-content,
  body.home .entry-card-content,
  body.blog .entry-card-content {
    box-sizing: border-box !important;

    /* 写真から少し離す */
    margin-top: 22px !important;

    /* 写真より少し内側 */
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 0 !important;
  }

  /* 写真側の余白は消して一本化 */
  body.category-journal .entry-card-thumb,
  body.home .entry-card-thumb,
  body.blog .entry-card-thumb {
    margin-bottom: 0 !important;
  }

  /* 下側が広すぎるので少し詰める */
  body.category-journal .entry-card-wrap,
  body.home .entry-card-wrap,
  body.blog .entry-card-wrap {
    padding-bottom: 26px !important;
  }
}
  
***********************************/
**レスポンシブデザイン用のメディアクエリ
/ж***********************************

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
}


/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
/* ==================================================
   MOODYMAN ARTICLE HEADER - PC & MOBILE
================================================== */


/* --------------------------------------------------
   共通
-------------------------------------------------- */

body.single-post #main h1.entry-title,
body.single-post .article h1.entry-title,
body.single-post h1.entry-title {

  position: relative !important;
  box-sizing: border-box !important;

  border: none !important;
  border-bottom: 1px solid #d9d4cb !important;

  font-weight: 400 !important;

  /* 「3泊4日」の途中で改行させない */
  word-break: keep-all !important;

  /* stamp */
  background-image:
    url("https://vibingyourworld.com/wp-content/uploads/2026/09/B123AE86-4F20-4FC0-8ABB-46DC910488BD.png") !important;

  background-repeat: no-repeat !important;
}


/* BUDAPEST / DATE */

body.single-post #main h1.entry-title::before,
body.single-post .article h1.entry-title::before,
body.single-post h1.entry-title::before {

  content: "BUDAPEST\A JAN 5–8, 2026" !important;

  display: block !important;
  white-space: pre !important;

  padding: 0 !important;

  font-family: "Courier Prime", monospace !important;
  font-weight: 400 !important;
  letter-spacing: 0.19em !important;

  color: #555 !important;
}


/* 旅程・交通・ホテル・費用 */

body.single-post #main h1.entry-title::after,
body.single-post .article h1.entry-title::after,
body.single-post h1.entry-title::after {

  content: "旅程・交通・ホテル・費用" !important;

  display: block !important;

  font-weight: 400 !important;
  color: #666 !important;
}

/* ==================================================
   MOBILE
================================================== */

@media screen and (max-width: 834px) {

  body.single-post #main h1.entry-title,
  body.single-post .article h1.entry-title,
  body.single-post h1.entry-title {

    /* 前よりかなりコンパクト */
    margin: 20px 0 32px !important;

    padding:
      0
      0
      23px
      0 !important;

    font-size: 26px !important;
    line-height: 1.43 !important;
    letter-spacing: 0.015em !important;

    background-size: 82px auto !important;

    /* スタンプを文字に少しかぶせる */
    background-position:
      right -3px
      bottom 2px !important;
  }


  body.single-post #main h1.entry-title::before,
  body.single-post .article h1.entry-title::before,
  body.single-post h1.entry-title::before {

    margin: 0 0 14px !important;

    font-size: 9px !important;
    line-height: 1.9 !important;
  }


  body.single-post #main h1.entry-title::after,
  body.single-post .article h1.entry-title::after,
  body.single-post h1.entry-title::after {

    margin-top: 9px !important;

    font-size: 12px !important;
    line-height: 1.6 !important;
    letter-spacing: 0.05em !important;

    width: 68% !important;
  }

}

/* ==================================================
   MOODYMAN ARTICLE HEADER - DESKTOP ONLY
================================================== */

@media screen and (min-width: 1024px) {

  /* タイトルエリア全体 */
  body.single-post .article-header {
    position: relative !important;
    box-sizing: border-box !important;

    margin: 34px 0 42px !important;
    padding: 0 150px 28px 0 !important;

    border: none !important;
    border-bottom: 1px solid #d8d2c8 !important;

    background: none !important;
  }


  /* BUDAPEST / DATE */
  body.single-post .article-header::before {
    content: "BUDAPEST\A JAN 5–8, 2026" !important;

    display: block !important;
    white-space: pre !important;

    margin: 0 0 17px !important;
    padding: 0 !important;

    font-family: "Courier Prime", monospace !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.95 !important;
    letter-spacing: 0.19em !important;

    color: #555 !important;
  }


  /* スタンプ */
  body.single-post .article-header::after {
    content: "" !important;

    position: absolute !important;
    right: 4px !important;
    bottom: 13px !important;

    width: 112px !important;
    height: 76px !important;

    background-image:
      url("https://vibingyourworld.com/wp-content/uploads/2026/09/B123AE86-4F20-4FC0-8ABB-46DC910488BD.png") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    opacity: 0.28 !important;
    pointer-events: none !important;
  }


  /* 日本語タイトル */
  body.single-post .article-header h1.entry-title {
    margin: 0 !important;
    padding: 0 !important;

    border: none !important;
    background: none !important;

    font-size: 34px !important;
    font-weight: 400 !important;
    line-height: 1.42 !important;
    letter-spacing: 0.025em !important;

    word-break: keep-all !important;
  }


  /* 前のBUDAPEST表示を消す */
  body.single-post .article-header h1.entry-title::before {
    content: none !important;
    display: none !important;
  }


  /* サブタイトル */
  body.single-post .article-header h1.entry-title::after {
    content: "旅程・交通・ホテル・費用" !important;

    display: block !important;

    margin: 11px 0 0 !important;
    padding: 0 !important;

    width: auto !important;
    max-width: 70% !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    letter-spacing: 0.065em !important;

    color: #666 !important;
  }

}
	/* ==================================================
   POST DATE - MOODYMAN
================================================== */

body.single-post .date-tags {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 4px !important;

  margin-top: 14px !important;

  font-family: "Courier Prime", monospace !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
  letter-spacing: 0.10em !important;

  color: #666 !important;
}


/* アイコンを消す */
body.single-post .date-tags .fa,
body.single-post .date-tags svg {
  display: none !important;
}


/* 投稿日 */
body.single-post .post-date {
  margin: 0 !important;
}

body.single-post .post-date::before {
  content: "PUBLISHED  " !important;
  font-size: 9px !important;
  letter-spacing: 0.14em !important;
  color: #999 !important;
}


/* 更新日 */
body.single-post .post-update {
  margin: 0 !important;
}

body.single-post .post-update::before {
  content: "UPDATED  " !important;
  font-size: 9px !important;
  letter-spacing: 0.14em !important;
  color: #999 !important;
}
}