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

@media (min-width: 991.98px) {

.entry.entry-full .entry-body {
	width: 105%;
	margin-left: -20px;
}
}


body {
  background-color: #f5f5f5;
}

/* ヘッダー背景を透明にする */
.site-header,
.vk-site-header {
  background: transparent !important;
}

/* ページ全体の背景画像 */
body {
  background-image: url('https://triple-i.me/wp1/wp-content/uploads/2025/09/34-scaled.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed; /* スクロールで固定 */
  background-size: cover; /* 全画面に広げる */
}


/* トップページだけロゴを差し替え（imgは隠して背景で表示） */
/* トップだけ別ロゴを表示（HTTPSに統一！） */
.home h1.site-header-logo a{
  display:inline-block;
  width:330px;              /* ロゴ幅に合わせて調整 */
  height:60px;              /* テーマは img の max-height=40px なので 40〜60pxで調整 */
  background: url("https://triple-i.me/wp1/images/logo-npo-black.png")
              no-repeat left center / contain;
  line-height:0;
}

/* 既存<img>は隠す（特異性負けしないよう念のため !important） */
.home h1.site-header-logo img{
  width:0 !important;
  height:0 !important;
  opacity:0 !important;
  pointer-events:none;
}

div#site-header-container.site-header-container h1.site-header-logo {
	margin: 0;
	padding-top: 5px;
}
/* トップページだけロゴを差し替えここまで */



/*サイドメニュー*/
aside.widget.widget_link_list {
	display:none !important;
}


aside.widget.widget_block {
	margin: 0 0 10px;
}
.vk_button.vk_button-align-wide{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:90%;
}


/* ── サイドバーのメニューだけ ───────────────────── */
.sub-section .widget_nav_menu .menu .menu-item > a{
  background-color: rgba(167, 85, 224, 0.85);
  margin-bottom: 5px !important;
  border-radius: 5px;
  border: 1px solid rgb(245, 186, 247);
  color: #fff;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
  font-size: 1.1em;
  display: block;
}

.sub-section .widget_nav_menu .menu .menu-item > a:hover{
  background-color: rgba(223, 84, 163, 0.7);
}

.sub-section .widget_nav_menu .menu .menu-item > a::before{
  content: "\f054";
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  padding-right: 0.5em;
  padding-left: 0.5em;
  color: rgb(245, 186, 247);
}

.sub-section .widget_nav_menu .menu .current-menu-item > a{
  background-color: rgba(167, 85, 224, 1.0);
}

.sub-section .widget_nav_menu .menu .current-menu-item > a::before{
  color: rgb(142, 218, 255);
}

/* 既存の li:hover で色が二重になるのを防ぐ（任意） */
.sub-section .widget_nav_menu .menu .menu-item:hover{
  background: transparent;
}



@media (max-width: 991.98px) {

.sub-section.sub-section--col--two.sub-section--pos--left {
    display: none !important;
	
}

}

/*/サイドメニューここまで*/

/*フッタ調整*/
.container.site-footer-content {
	padding-top: 20px;
}
footer li.menu-item a {
	color: white;
}

.wp-singular {
  display: flex; /* フレックスボックスに有効に */
  flex-flow: column; /* 要素を縦に並べる */
  min-height: 100vh; /* 最小でも画面の高さ分のbodyの高さを担保する */
}
.site-body {
  flex: 1; /* 画面の高さから他の同レイヤーの要素の高さを引いた値に */
}

.site-footer{ position:relative; color:#fff; isolation:isolate; }
.site-footer > *{ position:relative; z-index:1; }

.site-footer::before{
  content:""; position:absolute; inset:0;
  z-index:0; pointer-events:none;

  background-image:
    linear-gradient(rgba(0,0,0,.24), rgba(0,0,0,.24)),
    url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 8 8'>\
<circle cx='2' cy='2' r='1' fill='%23000' fill-opacity='.22'/>\
</svg>");
  background-repeat: no-repeat, repeat;
  background-size: auto, 8px 8px;   /* ← タイル間隔 */
  background-position: 0 0, 0 0;
}


/*フッタ調整ここまで*/

/*本文*/
div#post-13 table tbody tr td {
	vertical-align: top;
}

.entry:not(#post-13) .entry-body {
	background-color: white;
	padding: 15px;
	border: 1px solid rgba(128, 25, 234, 0.86);
	border-radius: 5px;
	margin-bottom: 20px;
	box-shadow: 0 0 3px #7e7e7e;
	margin-top: 20px;
}

.entry-body .wp-block-heading.is-style-vk-heading-plain {
	font-size: 20px;
	background-color: #af60d9;
	padding: 8px 10px;
	color: white;
	border-radius: 5px;
	border: 2px solid rgb(245, 186, 247);
}
.entry-body .wp-block-heading.is-style-vk-heading-plain:before {
  content: "\f054";
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  padding-right: 0.5em;
  padding-left: 0.5em;
  color: rgb(245, 186, 247)
}
.radius .vk_borderBox_title_container{
border-radius: 5px 5px 0px 0px;
}
.radius .vk_borderBox_body {
border-radius: 0px 0px 5px 5px;	
}

/*本文ここまで*/

/*フォーム*/
/*フォーム*/
.hissu {
	background-color: #fce9f6;
	font-size: .7em;
	padding: 1px 5px 0;
	border-radius: 3px;
	margin-left: 5px;
	color: #b70000;
}

.form-preview {
  border-collapse: collapse; /* セルの境界線を重ねる */
  border: none;              /* 外枠は消す */
  width: 100%;
}

.form-preview td,
.form-preview th {
  border: none;                      /* 縦線や外枠を消す */
  border-bottom: 1px solid #ccc;     /* 横線だけ残す */
  padding: 12px 8px;
}

/* 最上段の横線を残す */
.form-preview tr:first-child td,
.form-preview tr:first-child th {
  border-top: 1px solid #ccc;
}
/*フォームここまで*/