@charset "utf-8";
/*
 * resposive.css は 991px 以下のデバイスへと反映されます。
 * 
 * ブレイクポイントは標準のLightningテーマおよびBootstrapの理念に基づき
 * sm: 576px　md: 768px　lg: 992px　xl: 1200px　となっているので、それに準じてください。
 * 
*/

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  General　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* :root設定、bodyへの上書き、カラー変数設定など */
html {
    margin-top: unset !important;
}
.admin-bar #wpadminbar {
    visibility: hidden;
}
.admin-bar .vk-mobile-nav-menu-btn {
    top: 5px;
}


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

/*ブロックスタイル補足*/
.is-style-both-line:before,
.is-style-both-line:after {
	content:none;
}

.w-50 {
	width:100%!important;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Header, Hamburger ヘッダーまわり・ハンバーガーナビ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
header#site-header {
    min-height: calc(44px + 5px + 5px);
    display: flex;
    align-items: center;
	top:unset;
}

/*ヘッダーレイアウト*/
.header-area {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(4, auto);
grid-column-gap: 0px;
grid-row-gap: 10px;
}

.header-area .wp-block-site-logo { grid-area: 2 / 1 / 3 / 2; }
.header-area .size-change { grid-area: 1 / 1 / 2 / 2; margin-right:50px;}
.header-area form { grid-area: 3 / 1 / 4 / 2; }
.header-area .wp-block-vk-blocks-button { grid-area: 4 / 1 / 5 / 2; }


/*問い合わせボタン*/
.contact-btn .vk_button_link_caption {
	flex-direction:row;
}
.contact-btn .vk_button_link.btn {
	width:100%;
	padding:.6rem;
}

/*ハンバーガーメニュー*/
@media screen and (min-width:577px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display:none;
	}
	.wp-block-navigation__responsive-container {
		position:unset;
		display:block;
	}
	.wp-block-navigation__responsive-container-close {
		display:none;
	}
}
@media screen and (max-width:576px) {
.header-nav {
	position:fixed;
	top:5px;
	right:5px;
	width:40px;
	height:40px;
	padding:.5rem 0 0!important;
	z-index:100;
	background-color:#ef9530!important;
}
	.wp-block-navigation__responsive-container-open {
		color:#fff;
	}
}


.wp-block-navigation__container.wp-block-navigation > li {
	line-height:unset;
}
.wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__label:before {
	content: "\f0da";
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    margin-right: .5em;
}
.has-modal-open .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item .wp-block-navigation-item__content {
	padding:1rem .5rem;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
	padding-left:1em!important;
	font-size:.9em;
	white-space:nowrap;
}

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

.fnav {
	flex-direction:column;
	gap:0;
}

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


/*メインイメージ*/
@media screen and (max-width:576px) {
	.mv-home .vk_outer-background-area {
		opacity:0!important;
	}
}
/*MV*/
@media screen and (max-width:554px) {
.mv-image {
	overflow:hidden;
}
.wp-block-image.mv-image img:not([style*=object-fit]) {
	width:auto!important;
	height:220px!important;	
	object-fit:cover;
}
}

/*長岡京市社協の事業についてご案内します*/
.title-subillust {
  position:absolute;
  right:0;
  bottom:0;
	z-index:-1;
	width:15%;
	opacity:.8;
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */

.wp-block-post-title {
	font-size:1.5rem;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ページごと、パーツごとにコメントアウトで注釈を入れてください。 */

/* スマホ（767px以下）：1列 */
@media screen and (max-width: 767px) {
  .fbox > table {
    width: 100%;
  }
}
/* スマホ（767px以下）：縦並び */
@media screen and (max-width: 767px) {
  .kizuna-box .kizuna-text,
  .kizuna-box .kizuna-img {
    flex: 1 1 100%;
    width: 100%;
  }
  .kizuna-box .kizuna-img {
    margin-top: 16px;
  }
}
/* スマホ（767px以下）：縦並び */
@media screen and (max-width: 767px) {
  .kijiwaku > div[style*="display: flex"] {
    flex-direction: column;
  }
}
/* PC2列、スマホ1列の切り替えに必要です（出前講座） */
@media screen and (max-width: 767px) {
  .deploy-grid2 {
    grid-template-columns: 1fr;
  }
}
/* スマホ（767px以下）：縦並び */
@media screen and (max-width: 767px) {
  .kijiwaku > div[style*="display: flex"] {
    flex-direction: column;
  }
}

/* スマホ（767px以下）：縦並び */
@media screen and (max-width: 767px) {
  .inr div[style*="display: flex"] {
    flex-direction: column;
  }
  .inr div[style*="display: flex"] > div {
    flex: 1 1 100% !important;
    width: 100%;
  }
}


/*テーブル縦並び*/
.table-row tr {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: repeat(2, auto);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.table-row tr th:nth-child(1) { width:auto!important; grid-area: 1 / 1 / 2 / 2; }
.table-row tr td:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
.table-row tr th:nth-child(3) { width:auto!important; grid-area: 2 / 1 / 3 / 2; }
.table-row tr td:nth-child(4) { grid-area: 2 / 2 / 3 / 3; }


/*inr内のテーブル*/
.inr table {
	width:100%!important;
	height:auto!important;
}
.inr table tr td:first-child {
	width:25%;
}

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

.top-news .vk_post {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(3, auto);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.top-news .postListText_date { grid-area : 1 / 1 / 2 / 2; margin:0;}
.top-news .postListText_singleTermLabel { grid-area : 2 / 1 / 3 / 2; margin:8px 0;}
.top-news .postListText_title { grid-area : 3 / 1 / 4 / 2; margin:0;}

.category-news .vk_post {
	flex-direction:column;
	align-items:start;
}

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



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