/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/


@charset "UTF-8";

/* ここからあなたの追加CSS */

/* ===============================
   TOPページ：お知らせリスト（最近の投稿ブロック）
   =============================== */

.wp-block-latest-posts__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #e6e9ee;
}

.wp-block-latest-posts__list li {
  border-bottom: 1px solid #e6e9ee;
  padding: 12px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wp-block-latest-posts__post-title {
  color: #0f6bd8; /* ASEコーポレートブルー */
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: color 0.2s ease;
}

.wp-block-latest-posts__post-title:hover {
  color: #e53935; /* 赤アクセント */
  text-decoration: underline;
}

/* 日付を表示している場合 */
.wp-block-latest-posts__post-date {
  color: #667385;
  font-size: 13px;
  margin-left: 12px;
  white-space: nowrap;
}

/* 一覧をカード調にしたい場合（オプション） */
.wp-block-latest-posts__list.is-grid li {
  background: #fff;
  border: 1px solid #e6e9ee;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  transition: transform 0.2s ease;
}

.wp-block-latest-posts__list.is-grid li:hover {
  transform: translateY(-2px);
}

/* レスポンシブ調整 */
@media (max-width: 768px) {
  .wp-block-latest-posts__list li {
    flex-direction: column;
    align-items: flex-start;
  }
  .wp-block-latest-posts__post-date {
    margin: 4px 0 0;
  }
}



/* ===============================
   共通フッター上部 CTAバナー（白背景・上品トーン）
   =============================== */

.footer-contact {
  position: relative;
  background: #ffffff; /* 白ベースに統一 */
  color: #0f172a;
  text-align: center;
  padding: clamp(32px, 6vw, 60px) 16px;
  margin-bottom: 60px;
  border-radius: 12px;
  border: 1px solid #e6e9ee; /* 薄いグレー枠で上品に */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); /* ごく薄い影 */
}

.footer-contact__inner {
  max-width: 960px;
  margin: 0 auto;
}

.footer-contact__title {
  margin: 0 0 10px;
  font-size: clamp(22px, 3.5vw, 32px);
  line-height: 1.4;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: 0.02em;
}

.footer-contact__lead {
  margin: 0 0 26px;
  font-size: clamp(14px, 2vw, 17px);
  color: #475569;
  opacity: 0.9;
}

/* ボタン */
.footer-contact__button {
  display: inline-block;
  background: #0f6bd8;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  border-radius: 6px;
  padding: 12px 28px;
  font-size: 15px;
  border: none;
  transition: all 0.25s ease;
  box-shadow: 0 3px 10px rgba(15,107,216,0.15);
}
.footer-contact__button:hover,
.footer-contact__button:focus-visible {
  background: #0c4da2;
  box-shadow: 0 6px 16px rgba(15,107,216,0.25);
  transform: translateY(-1px);
  outline: none;
}

/* サイト全体の背景トーン */
body {
  background-color: #ffffff;
}

/* お問い合わせページではフッターCTAを非表示 */
body.page-id-52 .footer-contact,
body.page-id-128 .footer-contact{
  display: none !important;
}

/* ウィジェット全体ごと消したい場合（Lightningのwidget wrap対策） */
body.page-id-52 aside.widget #block-8,
body.page-id-128 aside.widget #block-8{
  display: none !important;
}



/* ===============================
   言語切替：JP / EN スタイル（Lightning対策込み・完全版）
   =============================== */
.lang-switcher{
  position: fixed;
  top: 14px;
  right: 18px;
  z-index: 10001;
  font-family: 'Montserrat','Noto Sans JP',sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #444;
  background: none;
  border: none;
  padding: 0;
  box-shadow: none;
  white-space: nowrap;                 /* 折り返し防止 */
  background: rgba(255,255,255,0.95); /* ← これを追加（白背景・少し透過） */
  border: 1px solid rgba(0,0,0,0.05); /* ← 輪郭をうっすら追加して浮かせる */
  border-radius: 8px;                 /* ← 角丸で自然に */
  padding: 6px 10px;                  /* ← 背景内に少し余白 */
  box-shadow: 0 4px 12px rgba(0,0,0,0.1); /* ← 背景が白でも見やすい影 */
}

/* UL を横並び・装飾リセット（Lightningの指定に勝つ） */
.lang-switcher ul{
  display: flex !important;           /* 横並びを強制 */
  flex-direction: row !important;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* LI リセット（テーマの block/装飾を無効化） */
.lang-switcher li{
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.lang-switcher li::marker{ content: "" !important; }
.lang-switcher li::before{ content: none !important; }
/* 念のため Lightning 系クラスの疑似要素も無効化 */
.lang-switcher .menu li::before,
.lang-switcher .gMenu li::before,
.lang-switcher .vk-menu li::before,
.lang-switcher .vk_list li::before{
  content: none !important;
}

/* リンク */
.lang-switcher a{
  display: inline-flex !important;    /* 縦積みを防ぐ */
  align-items: center;
  width: auto !important;             /* 100%幅指定を打ち消す */
  text-decoration: none;
  color: #666;
  transition: color .25s ease;
}

/* アクティブ（現在言語） */
.lang-switcher a.current-lang{
  color: #111;
  border-bottom: 2px solid #111;
  padding-bottom: 1px;
  pointer-events: none;
}

/* ホバー */
.lang-switcher a:hover{ color: #0f6bd8; }

/* 区切り「/」を自動挿入 */
.lang-switcher li:not(:last-child)::after{
  content: "/";
  color: #aaa;
  margin: 0 4px;
}

/* 管理バー表示時の補正 */
.admin-bar .lang-switcher{ top: 44px; }
@media (max-width:782px){
  .admin-bar .lang-switcher{ top: 62px; }
}

/* モバイル微調整 */
@media (max-width:768px){
  .lang-switcher{
    top: 10px;
    right: 10px;
    font-size: 13px;
  }
}

@charset "UTF-8";

/* ==========================================
   Air Sea Express - フッター著作権表示調整
   「Powered by WordPress …」行のみを非表示
   ========================================== */

/* フッター全体（念のためスコープを限定） */
.site-footer-copyright {
  text-align: center;
  line-height: 1.6;
  color: #555;
}

/* 下の行（Powered by～）のみ非表示 */
.site-footer-copyright p + p {
  display: none !important;
}

/* 余白や位置の微調整（必要に応じて） */
.site-footer-copyright p {
  margin: 0;
  padding: 4px 0;
}

