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

/* ==========================================
 * 2カラム個別投稿：記事とサイドバーの比率を変更
 * ========================================== */

@media (min-width: 992px) {
	/* メインコンテンツエリアの比率 */
.main-section--col--two {
width: 75%;
}
	/* サイドバーエリアの比率 */
.sub-section--col--two {
width: calc(25% - 2em);
}
}

/* Lightning G3 個別投稿の本文エリアに背景と余白を設定 */
.single-post .main-section article.post {
    padding: 20px; /* 上下左右20pxの余白 */
    background-color: rgba(54, 13, 24, 0.8) !important;/* 背景色、透過率 */
    /* border: 1px solid #e0e0e0; /* 必要に応じて枠線（不要ならこの行を削除） */
    border-radius: 4px; /* 角を少し丸くする場合（不要ならこの行を削除） */
}

/* 固定ページの特定の背景エリアに対する設定 */
.custom-bg-area {
    background-color: rgba(54, 13, 24, 0.8) !important;/* 背景色、透過率 */
    padding: 0 20px !important;  /* 上下0，左右の余白を20pxに固定 */
    border-radius: 0px;        /* 必要に応じて角丸を調整 */
    box-sizing: border-box;    /* 余白を含めたサイズ計算にする */
}

/* 投稿・固定ページの本文の文字色 */
body, .entry-body, .entry-content {
  color: #ffffff; /* 変更したい文字色コード */
}
/* 投稿・固定ページの文字間隔を調整 */
.entry-body {
    letter-spacing: 0.05em; /* 数値を変更して間隔を調整してください */
}
/* サイドバー内のブロック間隔を一括調整 */
.site-body-sub .widget {
    margin-bottom: 25px !important; 
}
/* 最後のブロックだけ下部余白をゼロにする */
.site-body-sub .widget:last-child {
    margin-bottom: 0 !important;
}

/* サイドバー全体の文字の行間隔を調整 */
.sub-section {
    line-height: 1.4; /* 数値を大きくすると広がり、小さくすると狭くなります（例: 1.4 で狭め） */
}
/* ついでに各ウィジェット（ブロック）間の隙間も調整したい場合 */
.sub-section .widget,
.sub-section aside {
    margin-bottom: 2rem; /* ウィジェットごとの下の余白（標準より狭くしたい場合は 1.5rem などに調整） */
}
/* サイドバー内の「クラシック版の段落」の行間・余白を強制変更 */
.sub-section p, 
.sub-section .textwidget, 
.sub-section .textwidget p {
    line-height: 1.4 !important;    /* 文字自体の行間（1.4〜1.5 で狭め、1.8〜2.0 で広め） */
    margin-bottom: 0.8rem !important; /* 段落と段落の間の下の隙間（お好みで調整してください） */
}

/* パソコン表示のH2見出しサイズ（初期値は約28px） */
.entry-body h2 {
  font-size: 28px; /* お好みのサイズ（px）に変更してください */
}

/* スマホ表示のH2見出しサイズ（初期値は約22px） */
@media (max-width: 991.98px) {
  .entry-body h2 {
    font-size: 18px; /* お好みのサイズ（px）に変更してください */
  }
}


/* メインコンテンツ内 H2見出しを金色グラデーションにする */
.entry-body h2 {
    /* 1. 元の背景や線などのデザインをクリア（文字を目立たせるため） */
    background: none !important;
    border: none !important;
    padding: 0.5em 0 !important;
    
    /* 2. ご提示いただいたグラデーションコード */
    background-image: -webkit-linear-gradient(315deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%) !important;
    background-image: linear-gradient(135deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    
    /* 3. 視認性・デザインの調整（お好みで） */
    font-weight: bold; /* グラデーションは太字の方が見栄えが良いです */
    display: inline-block; /* グラデーションの範囲を文字幅に合わせる場合 */
}

/* 投稿記事下段のカテゴリーを非表示にする */
.entry-meta-data-list {
  display: none;
}


/* ==========================================
/* 　　　　　Oshirase Ichiran 設定　　　　　
 * ========================================== */
/* NEW! badge */
.newmark {
    background: #e44;
    color: #fff;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 3px;
}
/* Date column ...変わらない*/
.oshirase dt {
    color: #fff;
    font-size: 0.9em;
    min-width: 7em;
}
/* お知らせ一覧全体の文字色を変更 */
.oshirase dd {
    color: #fff; /* 変更したい文字色 */
    font-size: 0.9em;
    min-width: 7em;
}
.oshirase dd:hover {
    color: #000 !important; /* ホバー時の色 */
}


/* condetional menu */
/* 「menu」要素に適用 */
.bg-menuarc {
  font-size: 20px !important;
  background-color: #000000; /* 背景色：黒 */
  color: #ffffff !important; /* 文字色：白 */
  /*padding: 20px;             /* 内側に少し余白をあけると見やすくなります */
}

/* 投稿記事リスト　タイトル */
.vk_post_title a {
/*     background-image: -webkit-linear-gradient(315deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
    background-image: linear-gradient(135deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;　 */
	
	font-size: 24ptx !important; 
	color: #ffff !important;
	font-weight: bold !important;
}

/* 投稿記事リスト内の日付全体（公開日・更新日を囲む要素） */
.vk_post_date {
    font-size: 18px !important;
    color: #00ffff !important;
}

  /*　　　　　　　　　　　*/
  /* 　　モバイル設定 　　*/
  /* 　　　　　　　　　　 */

/* ==========================================
 * Contactform7 
 * ========================================== */
.wpcf7 {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
    display: block;
    background-color: #fa9dc4;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
    background-color: #fff;
    color: #000;
}
.tbl-r02 th {
    border: hidden;
    padding: 10px;
}
.tbl-r02 td {
    border: hidden;
    padding: 10px;
}
.entry-content  ul li {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.5em;
}
.entry-content ol li {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.5em;
}