@charset "utf-8";
/*
Theme Name: Lightning Child
Template: lightning
Author:アートフレア株式会社
Version: 1.2
*/
/* 標準データ最終更新日：2026/01/29  */


/*
 * WEBフォントの読み込み（@import url('https://fonts～'); ）はHeader.phpで行う
*/


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  General　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* :root設定、bodyへの上書き、カラー変数設定など */
:root {
	--vk-size-text:1em;
	--vk-color-text-link-hover:var(--vk-color-primary);
}
html {scroll-behavior: smooth;}

body, h1, h2, h3, h4, h5, p, li, th, td, span, a {
  font-family: "Kosugi Maru", sans-serif;
  font-weight: 400;
  font-style: normal;
}

a, a img {
	transition:.5s;
}

/*ボタンの装飾*/
.is-style-bggreen {
  background: var(--vk-color-primary, #1e3a5f);
  border-radius: 10px;
  color: #fff;
  padding: .8em 1em;
  font-size: clamp(1.125em, 1.034em + 0.45vw, 1.375em);
  margin-bottom: 1em;
  margin-top: 2em;
}

/*ボタンのリセット（下線消しとか）*/
.vk_button .vk_button_link.btn:hover {box-shadow:none;}
.vk_button .has-text-color.vk_button_link-type-text:hover .vk_button_link_txt, .vk_button .has-text-color.vk_button_link-type-text:hover .vk_button_link_subCaption{
  text-decoration:none!important;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 繰り返しボタン・見出し、余白設計など 汎用パーツへの上書き */


/*枠ありボタン*/
.vk_button_link.btn.is-style-outline {
    border-radius: 10px;
    text-align: center;
    padding: .8em 1.5em;
    font-size: clamp(1em, 0.955em + 0.23vw, 1.125em);
	/*border-width:2px!important;*/
}

/******ブロックスタイル補足*****/
/*2色下線*/
.is-style-under-bar.news {
	border-color:#fff;
	font-size:clamp(1.375rem, 1.284rem + 0.45vw, 1.625rem);
}
body:not(.home) .is-style-under-bar.news {
	padding-left:4rem;
	position:relative;
}
body:not(.home) .is-style-under-bar.news:before {
	position: absolute;
    display: block;
    content: url(../../../wp-content/uploads/illust3.png);
    top: -20px;
    left: -30px;
    z-index: 5;
}

.flex-direction-column > div {
	flex-direction:column;
}
.align-items-end > div {
	align-items:end;
}
/******一括移行ボタン補足*****/
/*ホバー時の色反転を含みます*/

.kijiwaku-btn-wrap {
  text-align: right;
  margin: 24px 0 8px;
}
.kijiwaku-btn-wrap a.kijiwaku-btn {
  display: inline-block;
  min-width: 200px;
  padding: 12px 24px;
  border: 1px solid #6ab04c;
  border-radius: 8px;
  background-color: #ffffff;
  color: #6ab04c;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  line-height: 1.4;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.kijiwaku-btn-wrap a.kijiwaku-btn:hover,
.kijiwaku-btn-wrap a.kijiwaku-btn:focus {
  background-color: #6ab04c;
  color: #ffffff;
  text-decoration: none;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  テーブル
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th,
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td {
	border-color:#333;
    padding:1rem;
	font-size:1rem;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Header ヘッダーまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ヘッダー固定 */
body  {
	overflow-x: unset !important;
    display: flex;
    flex-direction: column;
}
.device-pc #site-header {
    position: sticky;
    top: 0;
}
.logged-in.device-pc #site-header {
    top: 32px;
}

/* グローバルナビ */
/*.global-nav-list>li>a {
	transition: .3s;
	border-bottom: 3px solid transparent;
}
.global-nav-list>li>a:hover,
.global-nav-list>li.current-menu-item>a {
    color: var(--vk-color-custom-1);
    border-bottom: 3px solid var(--vk-color-custom-1);
}*/

/*グローバルナビ*/
.wp-block-navigation__container.wp-block-navigation {
	gap:0;
}
.wp-block-navigation__container.wp-block-navigation > li {
	line-height:50px;
	border-left:1px solid #ccc;
	padding-inline:1rem;
	font-size:1.1rem;
}
.wp-block-navigation__container.wp-block-navigation > li:last-child {	
	border-right:1px solid #ccc;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
	padding:0 1rem;
}

/*文字サイズ*/
.btn-size a {
	background:#fff8e5;
	display:block;
	width: 30px;
    line-height: 30px;
    text-align: center;
	border-radius:5px;
	text-decoration:none;
}
.btn-size a:hover {
	color:var(--vk-color-primary);
}
.btn-size a.active {
	background:#086e33;
	color:#fff;
}

/*検索窓*/
.wp-block-search .wp-block-search__button {
	width:25%;
	background:#e8e8e8;
	color:#333;
	padding:.8rem .5rem;
}

/*問い合わせボタン*/
.contact-btn .vk_button_link_caption {
	flex-direction:column;
	gap:5px;
}
.contact-btn .vk_button_link_before {
	margin:0;
}
.contact-btn .vk_button_link.btn {
	padding:1rem;
}

/*ヘッダーレイアウト*/
.header-area {
display : grid!important;
grid-template-columns : 1fr auto auto;
grid-template-rows : repeat(2, auto) ;
grid-column-gap : 15px;
grid-row-gap : 10px ;
}
.header-area .wp-block-site-logo { grid-area : 1 / 1 / 3 / 2 ; }
.header-area .size-change { grid-area : 1 / 2 / 2 / 3 ; }
.header-area form { grid-area : 2 / 2 / 3 / 3 ; }
.header-area .wp-block-vk-blocks-button { grid-area : 1 / 3 / 3 / 4 ; }

/*ドロップダウン背景*/
.wp-block-navigation__submenu-container {
	background-color:#000!important;
}

/*HOME非表示*/
body.device-pc .wp-block-navigation__container > li:first-child {
	display:none!important;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  MV
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
body:not(.home) header .mv-home {
	display: none;
}

body.home .mv-pagetitle {
	display:none;
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */

.fnav ul {
	list-style:none;
}
.fnav ul li a {
	text-decoration:none;
	padding:.4rem 0;
	display:block;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */

/*長岡京市社協の事業についてご案内しますボタン*/

.title-subillust {
  margin-left:auto!important;
}

.about-btn > div {
	justify-content:center!important;
}
.about-btn .wp-block-group {
	border:3px solid currentcolor;
	border-radius:10px;
	padding:1.5rem 1rem;
	gap:1.5rem;
	position:relative;
	height:100%;
}
.about-btn .wp-block-group .vk_button_link.vk_button_link-type-text {
	color:#333!important;
	font-size:1.375em;
	position:static;
}
.about-btn .wp-block-group .vk_button_link.vk_button_link-type-text:before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.about-btn .wp-block-group.btn-about01 {
	border-color:#db89c5;
}
.about-btn .wp-block-group.btn-about01 .vk_button_link.vk_button_link-type-text:hover {
	color:#db89c5!important;
}
.about-btn .wp-block-group.btn-about02 {
	border-color:#fca83b;
}
.about-btn .wp-block-group.btn-about02 .vk_button_link.vk_button_link-type-text:hover {
	color:#fca83b!important;
}
.about-btn .wp-block-group.btn-about03 {
	border-color:#f982b7;
}
.about-btn .wp-block-group.btn-about03 .vk_button_link.vk_button_link-type-text:hover {
	color:#f982b7!important;
}
.about-btn .wp-block-group.btn-about04 {
	border-color:#6ac6cb;
}
.about-btn .wp-block-group.btn-about04 .vk_button_link.vk_button_link-type-text:hover {
	color:#6ac6cb!important;
}
.about-btn .wp-block-group.btn-about05 {
	border-color:#7cd148;
}
.about-btn .wp-block-group.btn-about05 .vk_button_link.vk_button_link-type-text:hover {
	color:#7cd148!important;
}
.about-btn .wp-block-group.btn-about06 {
	border-color:#2f8dd0;
}
.about-btn .wp-block-group.btn-about06 .vk_button_link.vk_button_link-type-text:hover {
	color:#2f8dd0!important;
}
.about-btn .wp-block-group.btn-about07 {
	border-color:#e12436;
}
.about-btn .wp-block-group.btn-about07 .vk_button_link.vk_button_link-type-text:hover {
	color:#e12436!important;
}

/*access*/
.mds-access1 {
	line-height:130px;
	font-size:clamp(1.875em, 1.42em + 2.27vw, 3.125em);
	background:url(../../../wp-content/uploads/h3accessbg2.png)no-repeat center top/auto 110%;	
}
.mds-access2 {
	line-height:130px;
	font-size:clamp(1.875em, 1.42em + 2.27vw, 3.125em);
	background:url(../../../wp-content/uploads/h3accessbg.png)no-repeat center top/auto 110%;	
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */
.page-header {
	display:none;
}

.breadcrumb-list {
	padding:1.5rem 0;
}

.wp-block-post-title {
	position:relative;
	display:inline-block;
}
body.device-pc .wp-block-post-title:before {
	content:url();
	display: block;
    position: absolute;
    top: -20px;
    left: -100px;
}
body.page-id-6182.device-pc .wp-block-post-title:before {
	content:url(../../../wp-content/uploads/icon2.png);
}
body.page-id-6197.device-pc .wp-block-post-title:before {
	content:url(../../../wp-content/uploads/icon3.png);
}
body.page-id-6255.device-pc .wp-block-post-title:before {
	content:url(../../../wp-content/uploads/icon7.png);
}
body.page-id-6172.device-pc .wp-block-post-title:before {
	content:url(../../../wp-content/uploads/icon1.png);
}
body.page-id-6205.device-pc .wp-block-post-title:before {
	content:url(../../../wp-content/uploads/icon4.png);
}
body.page-id-6223.device-pc .wp-block-post-title:before {
	content:url(../../../wp-content/uploads/icon5.png);
}
body.page-id-6243.device-pc .wp-block-post-title:before {
	content:url(../../../wp-content/uploads/icon6.png);
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ページごと、パーツごとにコメントアウトで注釈を入れてください。 */

/* 会社概要 */

/* 広報紙・各種申請書類　カタログ画像付きリンク */
.linklist-catalog .wp-block-group {
	position:relative;	
	text-align:center;
}
.linklist-catalog .wp-block-group figure img {
	aspect-ratio:3/4;
	object-fit:cover;
	width:100%;
}
.linklist-catalog .wp-block-group p a {
	color:#333;
	text-decoration:none;
	position:static;
}
.linklist-catalog .wp-block-group p a:before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.linklist-catalog .wp-block-group p a:hover {
	color:var(--vk-color-primary);
}
.linklist-catalog .wp-block-group:hover figure img {
	opacity:.8;
}

/* 広報紙・各種申請書類　pdfアイコン付きリンク */
.linklist-pdf img {
	width:38px;
}
.linklist-pdf a {	
	text-decoration:none;
}

/*下層ページタイトル部分*/
.entry-title,
.mdsLine {
	font-size: clamp(1.5em, 1.364em + 0.68vw, 1.875em);
    margin-bottom: .8em;
    position: relative;
    padding-bottom: .5em;
    border-bottom: 2px solid #ccc;
}
.entry-title:after,
.mdsLine:after {
	position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 2;
    content: '';
    width: 20%;
    height: 2px;
    background-color: var(--vk-color-primary);
}
/* 2列レイアウト：PCは横並び、スマホは縦並び */
.fbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.fbox > table {
  width: calc(50% - 10px);   /* PC：2列 */
  height: auto;
  border-collapse: collapse;
  margin: 0;
}
.fbox td {
  padding: 8px 10px;
  border: 1px solid #000000;
}
/* きずなくん：テキストと画像を横並び（PC）、縦並び（スマホ） */
.kizuna-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
}
.kizuna-box .kizuna-text {
  flex: 1 1 0;
  min-width: 0;
}
.kizuna-box .kizuna-img {
  flex: 0 0 auto;
  width: 200px;
  text-align: center;
}
.kizuna-box .kizuna-img img {
  display: block;
  width: 173px;
  height: auto;
  margin: 0 auto 8px;
  float: none;
}
.kizuna-box .kizuna-img p {
  margin: 0;
  text-align: center;
}

.deploy-grid2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: start;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive　ブログ一覧ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
.vk_post:hover {
	background:none;
}
.top-news .vk_post {
display : grid ;
grid-template-columns : 7.5rem 9.375rem 1fr ;
grid-template-rows : auto ;
grid-column-gap : 30px;
grid-row-gap : 0px ;
}
.top-news .postListText_date { grid-area : 1 / 1 / 2 / 2 ; margin:0;}
.top-news .postListText_singleTermLabel { grid-area : 1 / 2 / 2 / 3 ; margin:0;}
.top-news .postListText_title { grid-area : 1 / 3 / 2 / 4 ; margin:0;}
.postListText_date { font-size: 1rem; }
.postListText_singleTermLabel_inner { font-size: 12px; padding:3px; border-radius:3px; white-space:wrap;}
.postListText_title { font-size: 1rem; }

.category-news .vk_post {
	display:flex;
	align-items:center;
	padding:.5rem!important;
	border-bottom:none;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Single　ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */

/*.entry-title {
	background: #6cb240;
    padding: .8em 2rem;
    border-radius: 10px 10px 0 0;
    color: #fff;
	font-size:22px;
}*/

.kijiwaku h4 {
    background: var(--vk-color-primary);
    border-radius: 10px;
    color: #fff;
    padding: .8em 1em;
    font-size: clamp(1.125em, 1.034em + 0.45vw, 1.375em);
    margin-bottom: 1em;
    margin-top: 2em;
}
.kijiwaku h4:before {
	content: "\f111";
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    margin-right: .5em;
    color: #fff;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  その他・追加機能
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */

/* 文字サイズ調整 */
/* 小 */
body.font-small #main-content,
body.font-small #main-content a,
body.font-small #main-content p {
    font-size: 90% !important;
}
body.font-small h3.h3service {
    font-size: 30px;
}
body.font-small .mdsLine,
body.font-small h3.mdsLine3 span {
    font-size: 24px;
}
body.font-small #promo-page-title h2,
body.font-small .mdsLine2 {
    font-size: 22px;
}
body.font-small h4 {
    font-size: 18px;
}
body.font-small .fltTxt2 {
    font-size: 14px;
}


/* 大 */
body.font-large #main-content,
body.font-large #main-content a,
body.font-large #main-content p {
    font-size: 115% !important;
}
body.font-large h3.h3service {
    font-size: 40px;
}
body.font-large .mdsLine,
body.font-large h3.mdsLine3 span {
    font-size: 36px;
}
body.font-large #promo-page-title h2,
body.font-large .mdsLine2 {
    font-size: 32px;
}
body.font-large h4 {
    font-size: 28px;
}
body.font-large .breadcrumbs,
body.font-large .fltTxt2 {
    font-size: 22px;
}