/*
Theme Name: a-kenporen
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/* ========== ↓ 基本共通設定 ↓ ========== */
/* 文字サイズ修正 */
body {
	font-size: 16px;
}
.global-nav-list>li .global-nav-name {
	font-size: 16px;
}
.localNavi a {
	font-size: 16px;
}
.breadcrumb {
	font-size: 16px;
}
table {
	font-size: 16px;
}
.footer-nav a {
	font-size: 14px;
}
.site-footer-content {
	font-size: 14px;
}
.site-footer-content .widget_nav_menu a {
	font-size: 14px;
}
/* コピーライト非表示 */
.site-footer-copyright p:nth-child(2) {
	display: none;
}
/* 投稿者名 非表示 */
.entry-meta-item-author {
	display: none;
}
/* ファイルダウンロードボタンの修正 */
.wp-block-file a {
}
/* FireFox対策 */
.wp-block-table :is(table,thead,tbody,tfoot,th,td) {
	border-color: rgba(0,0,0,0.06);
}
/* 通常ボタンスタイルの変更（統一） */
/*  「ファイル」ブロック、更新情報「続きを読む」 */
/* 　背景なし→ありの場合
.vk_post_btn {
	color: var(--wp--preset--color--vk-color-primary-dark);
	background-color: unset;
	border: 1px solid var(--wp--preset--color--vk-color-primary-dark);
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.vk_post_btn:hover {
	color: #fff!important;
	background-color: var(--wp--preset--color--vk-color-primary-dark)!important;
}
.wp-block-file__button {
	color: var(--wp--preset--color--vk-color-primary-dark)!important;
	background-color: unset!important;
	border: 1px solid var(--wp--preset--color--vk-color-primary-dark)!important;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.wp-block-file__button:hover {
	color: #fff!important;
	background-color: var(--wp--preset--color--vk-color-primary-dark)!important;
}
*/
/* ========== ↑ 基本共通設定 ↑ ========== */

/* ========== ↓ 個別設定 ↓ ========== */
/* ページトップのカバー背景色ありの場合 */
/*
body.home .site-body {
	padding-top: 0;
}
*/
/* ページトップボタンの修正 */
/*
.page_top_btn {
	
}
*/
/* お問い合わせ */
/* 
input,
textarea {
	font-family: inherit;
	font-size: inherit;
}
*/
/* Contact Form 7 導入時ボタン
.wpcf7-submit {
	color: var(--wp--preset--color--vk-color-primary-dark)!important;
	background-color: unset!important;
	border: 1px solid var(--wp--preset--color--vk-color-primary-dark)!important;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.wpcf7-submit:hover {
	color: #fff!important;
	background-color: var(--wp--preset--color--vk-color-primary-dark)!important;
}
*/
/* ========== ↑ 個別設定 ↑ ========== */

/* 見出し文字下げ */
h2, h3, h4, h5 {
	text-indent: 0.5em;
}

/* テキスト文字下げ */
p, .ol, ul {
	margin-left: 1em;
}

.ol-01 {
	margin: -1em 0 0 2.5em;
}

/* 8・各支部の活動 */ 
.p-01 {
	margin: -1.5em 0 1em 3.5em;
}

.p-02 {
	margin-left: 3.5em;
	margin-bottom: unset;
}
.ol-02 {
	margin-left: 3.5em;
	margin-top: unset;
}

/* 概要メニューパターン */
.childPagebox{
	box-shadow: inset 0 1px 0 #ffffff;
	background: linear, 0 0, 0 bottom, from(#f5f5f5), to(#ffffff);
}

@media(min-width: 970px) .childPagebox {
	margin-top: 20px;
	border: 1px solid #cccccc;
	padding: 0;
	display: block;
	overflow: hidden;
	width: 638px;
	margin-bottom: 20px;
}

/* 研修案内 申込フォーム */
.Uc2NEf {
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
}

.teQAzf {
	margin: auto;
	max-width: 90vw;
}

/* お問い合わせ */		
input,		
textarea {		
	font-family: inherit;	
	font-size: inherit;	
}		
.form-area dt {		
	/* width: 27%; */
	width: 200px;
}		
.form-area dd {		
	/* width: 73%; 	*/
	width: calc(100% - 200px);
}		
.parent-pageid-302 .form-area dt {
	width: 320px;
}
.parent-pageid-302 .form-area dd {
	width: calc(100% - 320px);
}
.form-area dt p {		
	display: inline-block;	
}		
.form-area p {		
	margin-bottom: 0;	
}		
.form-area dl {		
	display: flex;	
	padding-bottom: 0.5em;	
}		
.form-confirm.form-area dl {		
	border-bottom: 1px solid var(--wp--preset--color--vk-color-custom-1);	
}		
.form-area dl.necessary dt::before {		
	content: "必須";	
	margin: 0 5px 0 5px;	
	padding: 5px 10px;	
	color: #fff;	
	border: 1px solid var(--wp--preset--color--vk-color-primary);	
	background: var(--wp--preset--color--vk-color-primary);	
}		
.form-area dl:not(.necessary) dt::before {		
	content: "任意";	
	margin: 0 5px 0 5px;	
	padding: 5px 10px;	
	color: #fff;	
	border: 1px solid #7d7d7d;	
	background: #7d7d7d;	
}		
.contact-button-area {		
	display: flex;	
	justify-content: center;	
}		
.contact-button-area .wpcf7-submit {		
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;	
	border: 1px solid var(--vk-color-primary);
	border-radius: 100px!important;	
}		
.contact-button-area .wpcf7-submit:hover {
	background-color: #c46675!important;
	border: 1px solid #c46675!important;
}		
.contact-button-area .wpcf7-previous {		
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;	
	border: 1px solid #9f9f9f;
	border-radius: 100px!important;
	background-color: #E2E2E2;	
	padding: .5em 2em;	
	margin-right: 1em;
	cursor: pointer;
}		
.contact-button-area .wpcf7-previous:hover {
	background-color: #cccccc!important;
	border: 1px solid #9f9f9f!important;
}		
select {		
  -webkit-appearance: none;		
  -moz-appearance: none;		
  appearance: none;		
		
  padding-right: 2em; /* 矢印のスペース確保 */		
		
  /* 矢印画像のURLを置き換えてください */		
  /*background-image: url('http://153.127.43.66/demo03/wp-content/uploads/2025/05/Downward_point.png');	*/
  background-repeat: no-repeat;		
  background-position: right 0.5em center;		
  background-size: 1em auto;		
		
  border: 1px solid #ccc; /* 任意の枠線 */		
  border-radius: 4px; /* 角丸の例 */		
}

/* 承認確認エリア */
.form-area dl.acceptance {
	margin-bottom: 2em;
	margin-left: unset;
	display: block;
	text-align: center;
}

/* 問い合わせレスポンシブ対応 */	
@media screen and (max-width: 991px) {
	.form-area dl,
	.form-area dt,
	.form-area dd {
		display: block;
		width: 100%!important;
	}
}

/* サイドバー編集 */
/*.sub-section {
	width: 270px;
}*/
/* サイドバーのウィジェット内にあるh3見出しに適用 */
.widget h3.wp-block-heading {
    /* フォントサイズの指定 */
    font-size: 1.2rem;

    /* グレーのグラデーション背景（上から下へ） */
    background: linear-gradient(to bottom, #dcdcdc 0%, #f8f8f8 100%);

    /* 見栄えを整えるための調整（お好みで変更・削除してください） */
    padding: 10px 5px; /* 背景と文字の間に余白を作ります */
/*    border-radius: 4px; /* 背景の角を少し丸くします */
	margin-bottom: 0px;
}

/* サイドバーのウィジェット内にあるテキストに適用 */
.widget p {
	margin: 8px 0!important;
	padding-left: 10px;
}

/* サイドバー下部の固定ページリンク一覧を非表示にする */
aside.widget.widget_link_list {
    display: none;
}


/* 表（共通）各地区加盟園を使用した場合のため再度設定 */		
table {		
	text-align: left;
	table-layout: fixed!important;
}		
.wp-block-table th {		
	text-align: center!important;	
	padding: 10px!important;	
 	background-color: #ffec47;	
	border: 1px solid #d3d3d3;	
}	
.wp-block-table tr th:first-child {
	width: 250px;
}
.wp-block-table tr th:nth-child(2)  {
	width: 180px;
}
.wp-block-table tr th:last-child {
	width: 300px;
}
.wp-block-table td {		
	padding: 10px 10px!important;	
	vertical-align: left;	
	border: 1px solid #d3d3d3;	
}		

.wp-block-table td a {
	color: #26499d;
}

.wp-block-table td a:hover {
	color: #68a4d9!important;	
}

/* 表（共通）各地区加盟園の共通スタイル */
.org-label {
	color: #ffffff;
	padding: 3px 8px;
	border-radius: 6px;
}

/* 表（共通）各地区加盟園の個別カラー */
.org-label.org-label-fukuho {
	background-color: #6a0dad;
}

.org-label.org-label-shiritsu {
	background-color: #3bb347;
}

.org-label.org-label-gakuho {
	background-color: #b37b3b;
}

.org-label.org-label-kouzai {
	background-color: #0d5dad;
}

.org-label.org-label-ichizai {
	background-color: #b30202;
}

.org-label.org-label-kabu {
	background-color: #4f4f4f;
}

.org-label.org-label-kouritsu {
	background-color: #d96200;
}

.org-label.org-label-shuho {
	background-color: #3502ed;
}

.org-label.org-label-sonota {
	background-color: #8193a3;
}

/* 各地区加盟園 リンク文字編集 */
.wp-block-group p a {
	color: #26499d;
}

.wp-block-group p a:hover {
	color: #68a4d9!important;	
}

/* 現在ページのパターンボタンを赤く表示 */
.pattern-nav-btn a.vk_button_link {
	background-color: var(--wp--preset--color--vk-color-custom-1)!important;
	color: var(--vk-color-text-body)!important;
	box-shadow: 5px 5px 10px #b8b8b8;
	border-radius: 10px;
/*	width: 163px!important; */
}

.pattern-nav-btn .is-current a.vk_button_link {
/*	background-color: var(--vk-color-primary) !important; */
	background: linear-gradient(150deg, #fae3e1 5%, #ff9287, #ff5f4f, #ff9287, #fae3e1);
	color: #fff !important;
/*	font-weight: bold; */
	border-color: var(--vk-color-primary) !important;
}


/* レスポンシブ表共通 */		
@media (max-width: 599px) {		
	.vk-table--mobile-block tr {	
		display: block;
		margin-bottom: 46px;
	}	
}		
/*		
.container {
	max-width: 70%;
}
*/
/* ヘッダー・フッターの背景色 */
.site-header, .site-footer {
    background-color: #e6eae3;
}

/* フッターtopの太さ・背景色 */
.site-footer {
	border-top: 5px solid var(--vk-color-primary);
}

/* ページトップへ戻るボタン変更 */
.page_top_btn {
	height: 40px;
	border-radius: 30px;
	background-color: #4d4d4d;
	box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #4d4d4d;
	bottom: 85px;
}

/* 概要・研修・セミナー・キャリアアップ研修 の親メニュー共通スタイル */
#menu-item-616 > a,
#menu-item-621 > a,
#menu-item-624 > a,
#menu-item-633 > a,
#menu-item-637 > a,
#menu-item-639 > a {
/*  background-color: #4a90d9;  /* 背景色（青系） */
	background: linear-gradient(180deg, #0663b8, #4a90d9, #a6d0f5);
	color: #ffffff;             /* 文字色（白） */
	font-weight: bold;          /* 太字 */
	display: block;
	padding: 10px 15px;
	border-radius: 4px;
	text-decoration: none;
}

/* ホバー時のスタイル */
#menu-item-616 > a:hover,
#menu-item-621 > a:hover,
#menu-item-624 > a:hover,
#menu-item-633 > a:hover,
#menu-item-637 > a:hover,
#menu-item-639 > a:hover {
	background: linear-gradient(180deg, #55a6fa, #ebf5ff);
/*  background-color: #55a6fa;  /* ホバー時に少し薄くする */
	color: #ffffff;
}

/* テキストにライン設定 */
/*.line {
    border-bottom: 1px solid #cf2e2e !important;
} */

/*--- 加盟園一覧パターンの下線を同じ高さに調整 ---*/
/* 共通：カラムコンテナをstretchに */
.wp-block-columns {
	align-items: stretch!important;
}

/* 共通：各カラムをflexboxに */
.wp-block-column {
	display: flex;
	flex-direction: column!important;
}

/* 共通：hrを底部に固定 */
.wp-block-column .wp-block-separator {
	display: block!important;
	margin-top: auto!important;
}

/* レスポンシブ：縦積みになるブレイクポイントで解除 */
@media (max-width: 781px) {
	.wp-block-columns {
		align-items: unset!important;
	}
	
	.wp-block-column {
		display: block!important;
	}

	.wp-block-column .wp-block-separator {
		margin-top: 0!important;
	}
}

/* 固定表示アンカーボタン（全ページ共通） */
.fixed-anchor-btn {
	position: fixed !important;
	top: 340px;
/*  right: 30px; */
	z-index: 9999;
/*  box-shadow: 0 4px 12px rgba(0,0,0,0.3); */
}

/* 20260526 mr add */
.widget .wp-block-vk-blocks-button {
	margin: 8px 0;
	padding-left: 10px;
}
.widget .wp-block-vk-blocks-button .has-vk-color-primary-color {
	display: block;
	color: var(--vk-color-custom-3)!important;
}
.widget .wp-block-vk-blocks-button .has-vk-color-primary-color:hover {
	color: var(--vk-color-custom-4)!important;
}

/* Qのアイコンの色を変更 */
dl.vk_faq-body dt.wp-block-vk-blocks-faq2-q::before {
	color: #337ab7 !important;
	border-color: #337ab7 !important;
}

/* Aのアイコンの色を変更 */
dl.vk_faq-body dd.wp-block-vk-blocks-faq2-a::before {
    color: #e50000 !important;
    border-color: #e50000 !important;
}

/* 段落・見出し・リスト・テーブル・引用 等 共通リンクカラー */
.wp-block-paragraph a,
.wp-block-heading a {
/*	display: block; */
 	color: var(--vk-color-custom-3)!important;
}
.wp-block-paragraph a:hover,
.wp-block-heading a:hover {
	color: var(--vk-color-custom-4)!important;
}

/* 考えられる原因と詳細・枠線ボックス　見出し・文字カラー 編集 */
/* 見出し部分のスタイル・背景色 */
.vk_borderBox.is-style-vk_borderBox-style-solid-kado-tit-tab
.vk_borderBox_title_container {
	display: block!important;
	width: 100%!important;
    background-color: #2d7dc4!important; /* 変更したい色に書き換え */
	border: 2px solid #337ab7;
	border-bottom: unset;
}

/*  見出し全体の文字色・配置 */
.vk_borderBox.is-style-vk_borderBox-style-solid-kado-tit-tab
.vk_borderBox_title {
    color: #ffffff; /* 変更したい色に書き換え */
	margin-left: -0.5em;
}

/* テキストの配置 */
.vk_borderBox.is-style-vk_borderBox-style-solid-kado-tit-tab
.wp-block-paragraph {
	margin-left: 0.3em;
}

/* ヘッダー画像 */
.page-header{
	background-image: url("../../uploads/2026/06/img_header.jpg");
	background-size: cover;
    background-position: 50% 63%;
	height: 240px;
}
.page-header::before {
    content: '';
    background: #200;
    position: absolute;
    opacity: 0.28;
    width: 100%;
    height: 100%;
}

/* お知らせ画像 */
.wp-block-cover .has-parallax{
	background-position-x: calc(100% - var(--vk-width-col-2-sub))!important;
}

@media (max-width: 992px){
	.wp-block-cover .has-parallax{
		background-position-x: 50%!important;
		}
}

/* お知らせ一覧 */
.is-style-vk-heading-solid_bottomborder_black{
	border-color: #a2a663;
}

.wp-block-query ul li .wp-block-columns{
	padding-left: 10px;
}

.wp-block-query hr{
	background-color: #FFF8F8;
}

.wp-block-columns .wp-block-post-template .wp-block-columns time{
	padding-right:5px;
}

/* .home .wp-block-columns .wp-block-post-template .wp-block-columns time::after{
content: ":";
} */

.wp-block-columns .wp-block-post-template .wp-block-columns time,.wp-block-columns .wp-block-post-template .wp-block-columns a{
	font-size: 16px!important;
}

.wp-block-column a{
	color: var(--wp--preset--color--vk-color-primary);
	font-weight: bold;
}

.wp-block-query h6{
	margin-left:1rem;
}

.wp-block-query h6 a{
/*	margin-left:10px; */
	color: navy;
	font-weight: normal;
}
.wp-block-query a:hover{
	color: #4444f4;
}

.wp-block-separator{
	height: 1px!important;
}

/* トップページ 研修や各種事業の報告一覧 レスポンシブ対応 */
@media (max-width: 781px) {
	.taxonomy-info_cat.wp-block-post-terms {
		margin-left: 1rem;
	}
}

/* アクセス */
.access-flex {
	gap: 0;
}
.access-flex iframe {
	max-width:750px;
	width: calc(100% - 15em);
	margin-right: 1em;
}
.access-flex p.wp-block-paragraph {
	width: 15em;
}
@media (max-width: 580px) {
	.access-flex {
		display: block!important;
	}
	.access-flex iframe {
		margin-right: 0;
		width: 100%;
	}
	.access-flex p.wp-block-paragraph {
		width: 100%;
		margin-bottom: 20px;
	}
}

/* サイトロゴとグローバルナビ 縦並び＆中央寄せ */
@media (min-width: 992px) and (max-width: 1200px){
	.site-header--layout--nav-float .site-header-container{
		flex-wrap: wrap;
	}
	.site-header--layout--nav-float .site-header-logo {
		width: auto;
	}
	.site-header--layout--nav-float .site-header-logo,
	.global-nav--layout--float-right {
		margin: 0 auto;
	}
}

/* フッターウィジェット 縦並びと横幅 */
@media (min-width: 768px) and  (max-width: 991px) {
	footer .site-footer-content .row > div:first-child {
		max-width: 100%;
		flex: auto;
	}
}