@charset "utf-8";
/*
Theme Name: 一般財団法人 國學院大學院友会
Template: lightning
Author: SALAT
Version: 1.0
*/

body {
	font-family:Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ ゴシック" , "MS Gothic" , sans-serif;
	font-weight: 500 !important;
}

/*
body {
	font-family:Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ 明朝" , "MS Mincho" , serif;
	font-weight: 500 !important;
}
*/

/* MW WP Form レスポンシブにする */
.form-width {
	max-width: 90%;
}
/* MW WP Form（必須）赤文字 */
.hissu {
	color: red;
}
/* reCAPTCHA v3 表示位置 */
.grecaptcha-badge{
	margin-bottom: 90px;
}
/* MW WP FORMのカスタマイズ(国の選択を非表示にする) */
.p-country-name {
	display:none;
}
/* reCAPTCHA v3 contact form 7 非表示 */
.grecaptcha-badge {
	visibility: hidden;
}

/*--------------------------------------------------------------
# Table borderなし
--------------------------------------------------------------*/
.tbl_noborder,
.tbl_noborder th,
.tbl_noborder td {
	border: none;
}

/* 以下　テーマ別 */
/*--------------------------------------------------------------
# テーマの色用のスタイルシート
# :rootの色を変更して対応する
--------------------------------------------------------------*/
:root{
--theme_main_color_text   : #ECCCDF;/* メインカラーの色に合う文字色 */
--vk-color-text-link-hover: #A20061;;/* aタグ用メインカラー */
}


/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Title
--------------------------------------------------------------*/
.main-section h4 {
	background-color: var(--vk-color-primary);
	color:#ffffff;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Post
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Page
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* vk_最近の投稿のカスタマイズ
--------------------------------------- */
.veu_postList .postList_terms a {
	display: inline-block;
	min-width: 9.5em;
	margin-right: 1em;
	padding: 3px 5px 4px;
	font-size: 12px;
	top: unset;
	text-align:center;
	font-weight:bold;
	color: #ffffff;/* 文字色 */
	background-color: var(--vk-color-primary)!important;
}
.veu_postList .postList_title {
	display: inline-block;
}
.veu_postList .postList_date {
	min-width: 110px;
	margin-right: 0.5em;
	white-space: nowrap;
	display: inline-block;
}
.veu_postList ul.postList li {
	display: revert;
}
/* contact form 7のカスタマイズ
--------------------------------------- */
.form__container {
	display: grid;
	align-items: start;
	grid-template-columns: 1.5fr 3fr;
	gap: 1em;
}
.form__container > p {
	margin-bottom: 0;
}
@media (max-width: 770px) {
	.form__container {
		grid-template-columns: 1fr;
	}
}
.form__buttonBox {
	text-align: center;
	gap: 0;
	padding-top:2em;
}
.form__button {
	min-width: 120px;
	padding: 0.5em 1em;
	color: white;
	background-color: skyblue;
	border-radius: 4px;
	border: 1px solid rgb(196, 196, 196);
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.05);
	font-weight: bold;
}
@media (max-width: 770px) {
	.form__button {
		width: 100%;
	}
}
.form__button:hover {
	color: white;
	background-color: rgb(169, 169, 169);
	box-shadow: none;
}
.form__label {
	padding-left: 0.5em;
}

.wpcf7-form {
	margin: auto;
}

.wpcf7-form-control {
	border: 1px solid #d0d0d0;
	width: 100%;
}

.wpcf7-textarea {
	height: 300px;
	resize: none;
}

.warning-color {
	background: #FF1A00;
	color: #FFF;
	border-radius: 3px;
	margin-left: 10px;
	padding: 5px 10px;
	letter-spacing: 2px;
	font-weight:bold;
}

.secondary-color {
	background: #999;
	color: #000080;
	border-radius: 3px;
	margin-left: 10px;
	padding: 5px 10px;
	letter-spacing: 2px;
	font-weight:bold;
}
.confirm_label{/* 確認画面用の文字 */
	display:none;
}

.time-wid {/* 時間選択の幅 */
	width:auto;
}

.form-border-none {
	border:none;
}

span.wpcf7-list-item {
	display:block;
}


/* vk_最近の投稿  支部の新着情報だけ色を変えたい場合は以下を使用する
--------------------------------------- */
/*
div.veu_postList .postList_terms a[href*="https://www.kokugakuin.or.jp/branch"] {
	background-color: pink!important;
	color: green!important;
}
*/

/*--------------------------------------------------------------
# etc
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media (max-width: ●●●px) {

}
@media (max-width: ●●●px){

}
@media (min-width: ●●●px) {

}
@media (min-width: ●●●px) {

}



/*--------------------------------------------------------------
# Lightning用
--------------------------------------------------------------*/
/*位置指定のない画像*/
.alignnone {
	height: auto;
	margin-right: 1.5em;
	max-width: 100%;
}
/*figureタグで囲まれた位置指定のない画像*/
.alignnone img {
	height: auto;
	max-width: 100%;
}
/*画像の中央寄せ*/
.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}
/*figureタグで囲まれた画像の中央寄せ*/
.aligncenter img {
	height: auto;
	max-width: 100%;
}
/*画像右寄せ*/
.alignright{
	float: right;
	margin-left: 1.5em;
	max-width: 100%;
}
/*figureタグで囲まれた画像右寄せ*/
.alignright img {
	height: auto;
	max-width: 100%;
}
/*画像左寄せ*/
.alignleft{
	float: left;
	margin-right: 1.5em;
	max-width: 100%;
}
/*figureタグで囲まれた画像左寄せ*/
.alignleft img {
	height: auto;
	max-width: 100%;
}
