@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
*/

/* ============================================================
   浦安ぽーたる カスタムCSS
   最終更新: 2026-04-29
   ============================================================ */

/* ── Google Fonts ── */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700;900&family=Noto+Sans+JP:wght@400;500;700&display=swap');

/* ── カラー変数 ── */
:root {
  --navy:   #0B3D5C;
  --ocean:  #1A6B8A;
  --sky:    #4BA8C8;
  --foam:   #A8D8E8;
  --gold:   #E8C547;
  --dusk:   #E8734A;
  --ink:    #1C1C2E;
  --ink2:   #3A3A52;
  --mist:   #F0EDE8;
  --paper:  #FAF8F4;
  --border: #D8D0C4;
}


/* ============================================================
   ベース
   ============================================================ */
body {
  font-family: 'Noto Sans JP', sans-serif;
  background: var(--paper);
  color: var(--ink);
}

/* オーシャンアクセントライン（最上部） */
body::before {
  content: '';
  display: block;
  height: 4px;
  background: linear-gradient(90deg, var(--navy), var(--ocean), var(--sky), var(--foam), var(--gold));
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}


/* ============================================================
   ヘッダー
   ============================================================ */
#header {
  background: #ffffff !important;
  border-bottom: 1px solid var(--border) !important;
  box-shadow: 0 2px 16px rgba(11,61,92,.08) !important;
  min-height: 68px !important;
}
#header-container {
  margin-bottom: 0 !important;
}
#header-container-in {
  display: flex !important;
  flex-direction: column !important;
}

/* ヘッダー内レイアウト */
#header .header-in.wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 8px 20px !important;
  min-height: 64px !important;
  text-align: left !important;
}

/* ロゴ＋サイト名 横並び */
#header .logo {
  position: static !important;
  transform: none !important;
  left: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

/* ロゴ画像 */
#header .site-logo-image img,
#header .header-logo img {
  width: 46px !important;
  height: 46px !important;
  max-width: 46px !important;
  object-fit: contain !important;
}

/* サイト名 */
#header .site-name-text,
#header .site-name-text a {
  font-family: 'Noto Serif JP', serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0C2D44 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* サイト名リンク：英語サブタイトルを::afterで追加 */
#header .site-name-text-link {
  display: flex !important;
  flex-direction: column !important;
  line-height: 1 !important;
  gap: 4px !important;
}
#header .site-name-text-link::after {
  content: 'URAYASU PORTAL' !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  color: #378ADD !important;
  letter-spacing: 2.5px !important;
}

/* キャッチフレーズ非表示（::afterで代替） */
#header .tagline,
#header .site-description {
  display: none !important;
}


/* ============================================================
   グローバルナビ
   ============================================================ */
#navi {
  background: #fff !important;
  border-bottom: 1px solid var(--border);
}
#navi .navi-in > ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}
#navi .navi-in > ul > li > a {
  color: var(--ink2) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 14px 10px !important;
  letter-spacing: .01em !important;
  white-space: nowrap !important;
  border-bottom: 3px solid transparent;
  transition: all .2s;
}
#navi .navi-in > ul > li > a:hover,
#navi .navi-in > ul > li.current-menu-item > a {
  color: var(--navy) !important;
  border-bottom-color: var(--ocean) !important;
}


/* ============================================================
   ヒーローバナー
   ============================================================ */
.urayasu-hero {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #0C2D44 !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
.urayasu-hero-inner {
  max-width: 1160px !important;
  margin: 0 auto !important;
  padding: 20px 24px 0 !important;
  position: relative;
  z-index: 1;
}
.urayasu-hero-title {
  font-family: 'Noto Serif JP', serif;
  font-size: 15px;
  font-weight: 700;
  color: rgba(255,255,255,.5);
  letter-spacing: .2em;
  text-transform: uppercase;
  margin-bottom: 8px;
  display: block;
}
.urayasu-hero-heading {
  font-family: 'Noto Serif JP', serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.5 !important;
  margin-bottom: 4px !important;
}
.urayasu-hero-sub {
  font-size: 12px !important;
  color: rgba(255,255,255,.65) !important;
  letter-spacing: .05em !important;
  margin-bottom: 16px !important;
}
.urayasu-hero-wave {
  display: block !important;
  width: 100% !important;
  height: 40px !important;
  margin-top: 0 !important;
}


/* ============================================================
   速報ティッカー（現在非表示）
   ============================================================ */
.urayasu-ticker {
  display: none !important;
}


/* ============================================================
   メインエリア
   ============================================================ */
#wrapper { background: var(--paper); }
#content {
  max-width: 1160px !important;
  margin: 0 auto !important;
  padding: 24px 20px 60px !important;
  margin-top: 0 !important;
}


/* ============================================================
   記事カード（共通）
   ============================================================ */
.entry-card, .e-card {
  background: #fff !important;
  border-radius: 10px !important;
  border: 1px solid var(--border) !important;
  overflow: hidden !important;
  transition: transform .25s, box-shadow .25s !important;
}
.entry-card:hover, .e-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 32px rgba(11,61,92,.12) !important;
  border-color: var(--foam) !important;
}
.entry-card .entry-title,
.entry-card .entry-title a,
.entry-card-title,
.e-card-title {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  line-height: 1.55 !important;
}
.entry-card:hover .entry-card-title,
.e-card:hover .e-card-title {
  color: var(--ocean) !important;
}
.entry-card .entry-card-description,
.entry-card .card-description,
.entry-card-snippet {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  color: #555 !important;
}
.entry-card .entry-date,
.entry-card .card-meta,
.entry-card time {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-size: 11px !important;
  color: #aaa !important;
}
.cat-label,
.entry-card-category,
.post-cat-label {
  background: var(--ocean) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  border-radius: 3px !important;
  padding: 3px 8px !important;
}


/* ============================================================
   記事カードリスト：2枚目以降を2カラムに
   （トップページ・カテゴリーページ共通）
   ============================================================ */

/* リストをblock表示に */
#list.ect-big-card-first {
  display: block !important;
}

/* 2枚目以降をfloatで2カラム */
#list.ect-big-card-first > .a-wrap:not(:first-child) {
  width: calc(50% - 8px) !important;
  float: left !important;
  margin-bottom: 16px !important;
  box-sizing: border-box !important;
  display: block !important;
}
#list.ect-big-card-first > .a-wrap:nth-child(2n) {
  margin-left: 0 !important;
  margin-right: 8px !important;
}
#list.ect-big-card-first > .a-wrap:nth-child(2n+1):not(:first-child) {
  margin-left: 8px !important;
  margin-right: 0 !important;
}

/* カードを縦並び（画像上・テキスト下）に */
#list.ect-big-card-first > .a-wrap:not(:first-child) .entry-card {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: auto !important;
}

/* サムネイル */
#list.ect-big-card-first > .a-wrap:not(:first-child) .entry-card-thumb {
  width: 100% !important;
  min-width: unset !important;
  max-width: unset !important;
  flex-shrink: 0 !important;
}
#list.ect-big-card-first > .a-wrap:not(:first-child) .entry-card-thumb img {
  width: 100% !important;
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
  object-fit: cover !important;
  display: block !important;
}

/* テキストエリア */
#list.ect-big-card-first > .a-wrap:not(:first-child) .entry-card-content {
  display: block !important;
  width: 100% !important;
  min-width: unset !important;
  max-width: 100% !important;
  flex: 1 !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
  right: auto !important;
  position: static !important;
}

/* タイトル・スニペット・メタ */
#list.ect-big-card-first > .a-wrap:not(:first-child) .entry-card-title,
#list.ect-big-card-first > .a-wrap:not(:first-child) .entry-card-snippet,
#list.ect-big-card-first > .a-wrap:not(:first-child) .entry-card-meta {
  text-align: left !important;
  width: 100% !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  box-sizing: border-box !important;
}

/* clearfix */
#list.ect-big-card-first::after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}


/* ============================================================
   セクション見出し
   ============================================================ */
.block-title {
  font-family: 'Noto Serif JP', serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  color: var(--navy) !important;
  border-bottom: 2px solid var(--navy) !important;
  padding-bottom: 10px !important;
  margin-bottom: 18px !important;
}
.archive-title {
  font-family: 'Noto Serif JP', serif !important;
  font-weight: 900 !important;
  color: var(--navy) !important;
}


/* ============================================================
   サイドバー
   ============================================================ */
.widget {
  background: #fff !important;
  border-radius: 10px !important;
  border: 1px solid var(--border) !important;
  overflow: hidden !important;
  margin-bottom: 22px !important;
}
.widget-title, .widgettitle {
  background: var(--navy) !important;
  color: #fff !important;
  font-family: 'Noto Serif JP', serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 11px 16px !important;
  margin: 0 !important;
  letter-spacing: .06em !important;
  border-radius: 0 !important;
}
.widget .widget-content,
.widget ul li,
.widget ul li a {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}
.tagcloud a {
  background: var(--mist) !important;
  color: var(--ink2) !important;
  font-size: 11px !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  border: 1px solid var(--border) !important;
  transition: all .15s !important;
}
.tagcloud a:hover {
  background: var(--navy) !important;
  color: #fff !important;
  border-color: var(--navy) !important;
}


/* ============================================================
   パンくず・ページネーション
   ============================================================ */
.breadcrumb {
  background: var(--mist) !important;
  padding: 8px 20px !important;
  font-size: 12px !important;
  color: #999 !important;
}
.breadcrumb a { color: var(--ocean) !important; }
.pagination .current,
.page-numbers.current {
  background: var(--navy) !important;
  color: #fff !important;
  border-color: var(--navy) !important;
}
.pagination a,
.page-numbers a {
  color: var(--ocean) !important;
  border-color: var(--border) !important;
}


/* ============================================================
   記事ページ
   ============================================================ */
.entry-title {
  font-family: 'Noto Serif JP', serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  color: var(--navy) !important;
  line-height: 1.6 !important;
}
.entry-content {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  color: var(--ink) !important;
}
.entry-content h2 {
  font-family: 'Noto Serif JP', serif !important;
  color: var(--navy) !important;
  background-color: #ffffff !important;
  border-left: 4px solid var(--ocean) !important;
  padding-left: 12px !important;
}
.entry-content h3 {
  font-family: 'Noto Serif JP', serif !important;
  color: var(--ink) !important;
  border-bottom: 1px solid var(--border) !important;
  padding-bottom: 6px !important;
}


/* ============================================================
   SNSシェアボタン非表示（SNS未開設のため）
   ============================================================ */
.sns-share,
.sns-button,
.share-button,
.twitter-button,
.facebook-button,
.hatebu-button,
.line-button,
.copy-button,
.pocket-button,
.feedly-button,
.rss-button,
.sns-share-buttons,
.sns-follow-buttons,
.entry-share,
.entry-footer .sns-share {
  display: none !important;
}


/* ============================================================
   フッター3カラム
   ============================================================ */
.urayasu-footer-cols {
  background: #0B3D5C;
  width: 100%;
  box-sizing: border-box;
  padding: 48px max(24px, calc((100% - 1160px) / 2 + 24px)) 32px;
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 40px;
}
.urayasu-footer-logo {
  font-family: 'Noto Serif JP', serif;
  font-size: 22px;
  font-weight: 900;
  color: #ffffff;
  margin: 0 0 4px;
  letter-spacing: .05em;
}
.urayasu-footer-logo span { color: #A8D8E8; }
.urayasu-footer-tagline {
  font-size: 11px;
  color: rgba(255,255,255,.45);
  letter-spacing: .15em;
  margin: 0 0 14px;
}
.urayasu-footer-desc {
  font-size: 12px;
  color: rgba(255,255,255,.7);
  line-height: 1.9;
  margin: 0;
}
.urayasu-footer-col-title {
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: .08em;
  margin: 0 0 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,.2);
}
.urayasu-footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.urayasu-footer-links li { margin-bottom: 9px; }
.urayasu-footer-links a {
  font-size: 12px;
  color: rgba(255,255,255,.75) !important;
  text-decoration: none !important;
  transition: color .15s;
}
.urayasu-footer-links a:hover { color: #ffffff !important; }

#footer {
  background: var(--navy) !important;
  color: rgba(255,255,255,.65) !important;
  padding: 40px 0 20px !important;
}
#footer a {
  color: rgba(255,255,255,.65) !important;
  transition: color .15s !important;
}
#footer a:hover { color: #fff !important; }
.footer-text,
#footer .copyright {
  color: rgba(255,255,255,.4) !important;
  font-size: 12px !important;
}
.footer-logo .site-name-text,
.footer-logo .site-name-text a {
  color: #fff !important;
}


/* ============================================================
   レスポンシブ
   ============================================================ */
@media screen and (max-width: 834px) {
  #content { padding: 16px 12px 40px !important; }
  .entry-title { font-size: 20px !important; }
  .urayasu-hero-heading { font-size: 22px !important; }

  /* カード：1カラムに戻す */
  #list.ect-big-card-first > .a-wrap:not(:first-child) {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* フッター：1カラムに */
  .urayasu-footer-cols {
    grid-template-columns: 1fr;
    padding: 32px 16px;
    gap: 24px;
  }
}

@media screen and (max-width: 480px) {
  #header .site-name-text,
  #header .site-name-text a {
    font-size: 18px !important;
  }
}