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


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


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  General　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* :root設定、bodyへの上書き、カラー変数設定など */
:root{
	--en: "Barlow", sans-serif;
	}



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

.btn_base{
	border-width:2px;
}
.btn_s a{
	border-width:2px !important;
}
.btn_s a:hover{
	opacity:1 !important;
}
.btn_base3 a {
	border:solid 2px #fff !important;
}
.btn_base3 a:hover{
		opacity:1 !important;
	background-color:#000 !important;
	color:#fff !important;
}
.btn_base a{
border-width:2px !important;
	font-size:18px;
	font-weight:600;
}
.btn_base a:hover{
	opacity:1 !important;
}
.btn_base2 a{
	border:solid 2px #000 !important;
	font-size:18px;
	font-weight:600;
	min-width:255px !important;
}
.btn_base2 a:hover{
	background-color:#000 !important;
	color:#fff !important;
}
.btn_base3 a{
		min-width:270px !important;
	border-width:2px !important;
}
.w-80{
	width:80%;
	margin:auto;
}
/* Mediaとテキスト */
.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
    padding-right: 0;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding-left: 0;
}

@media (max-width: 768px) {
	.wp-block-media-text .wp-block-media-text__content {
		padding:0;
		margin-top:1em;
	}
}

h3 {
    font-size: 1.8rem;
}
.vk_borderBox_title_container i{
	font-size:1.4rem !important;
}
.vk_borderBox_title{
	font-size:1.4rem !important;
}

.midashi_en{
	font-family:var(--en);
	font-size:2.5rem;
}
.img_round img{
border-radius:20px;
}

.is-style-vk-heading-background_fill_lightgray{
	background-color:#EAEDF0;
	font-size:1.3rem !important;
}
.widget-title{
	background-color:#EAEDF0 !important;
	font-size:1.1rem !important;
	border-radius:5px !important;
	padding:10px 10px !important;
}
.midashi3{
	font-size:2.5rem;
}
.btnlist a{
	margin:0 10px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  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;
}
#site-header-container{
	height:140px;
	max-width:100%;
}
/* グローバルナビ */
.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 #fff;
}



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

/* CTA */
.contact_sub_txt{
	display:inline-block;
	padding:7px 15px;
}
.contact_box{
	text-align:center;
}
.tel a{
	font-size:60px !important;
	font-weight:600;
}
.tel i{
	font-size:45px !important;
	position:relative;
	top:5px;
	line-height:1!important;
}
footer p{
	font-size:17px;
	
}
.footer_link{
	width:70%;
}

.footer_link a{
	text-decoration:none;
}
.footer_link a:hover{
	opacity:0.7;
}
.footer_link ul{
	list-style:none;
	padding:0 0 0 10px;
	font-size:14px;
}
.site-footer-copyright{
	display:none;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* メインイメージ */
.teaser{
	position:relative;
}
.teaser_cp{
	position:absolute;
	left:11%;
	bottom:12%;
	width:100% !important;
	z-index:999;
	min-width:1140px;
}
.teaser_cp h2{
	font-size:44px !important;
}
.teaser_cp p{
	font-size:22px !important;
	font-family:var(--en)
}
.teaser_cp_top{
	position:relative;
	z-index:2;
}
.teaser_cp_under{
	position:relative;
	z-index:1;
}
.teaser .wp-block-cover{
	overflow:unset;
}

/*右から出現*/
.fixed-timetable {
  position: fixed;
	padding-right:15px !important;
  z-index: 99999;
  top: 340px;
	width: 350px;
height: 150px;
border-radius: 11px 0px 0px 11px;
background: rgba(255, 255, 255, 1.00);

}
.flextable_p{
	white-space: nowrap
}
.fixed-timetable {
  left: calc(100% - 40px);
  transition: 1s;
}
 .fixed-timetable:hover {
  transform: translateX(-280px);
} 


.fixed-timetable::after {
  display: block;
  content: attr(data-text);
  padding-right: 1rem;
  margin-left: 0.25rem;
  transition: 1s;
}
.tate_txt{
	   writing-mode: vertical-rl;
	text-orientation: upright;
	margin-left:3px;
	text-align:center;
	padding-top:20px;
}

.fixed-timetable .wp-block-column{
	height:100%;
	width:50px;
	border-radius:10px 0 0 10px;
}
.side_link{
	position:relative;
}
.side_link a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
}
/* タブ */
 .vk_tab_labels .vk_tab_labels_label.vk_tab_labels_label-state-active, .vk_tab_labels .vk_tab_labels_label.has-background, .vk_tab_labels .vk_tab_labels_label.has-background.vk_tab_labels_label-state-active, .vk_tab_labels .vk_tab_labels_label.has-background.has-background{
	color:#fff;
	 border-radius:5px;
} 
.vk_tab_labels .vk_tab_labels_label.vk_tab_labels_label-state-inactive, .vk_tab_labels .vk_tab_labels_label.has-background.vk_tab_labels_label-state-inactive{
	color:#fff;
	
}
.vk_tab_labels .vk_tab_labels_label.vk_tab_labels_label-state-active, .vk_tab_labels .vk_tab_labels_label.has-background, .vk_tab_labels .vk_tab_labels_label.has-background.vk_tab_labels_label-state-active, .vk_tab_labels .vk_tab_labels_label.has-background.has-background{
	font-size:16px !important;
}
/* #news .vk_tab_labels_label{
	background-color:#646464 !important;
} */
.vk_tab_labels_label{
	border:solid 1px #2F2F2F;
}
#news .has-border-top{
	border:none;
}
#news .wp-block-vk-blocks-tab-item{
	border:solid 1px #fff;
	margin-top:8px!important;
	border-radius:20px;
}
#news .wp-block-vk-blocks-tab-item .wp-block-group{
	border-radius:20px;
}
#news .wp-block-vk-blocks-tab-item a{
	color:#fff;
}
#news .vk_post.card{
	margin-bottom:0;
	
}
#news .card{
	padding:15px 0!important;
}
/* POINT */
.point_copy{
	font-size:48px;
}

/* Curriculum */
.curriculum_btn img{
	border-radius:20px;
}
.curriculum_btn  .vk_post_imgOuter{
	border-radius:20px;
	border:none;
}
.curriculum_btn .vk_post_imgOuter {
    position: static;
}

.curriculum_btn .vk_post_imgOuter>a::after {
    z-index: 1;
}
.curriculum_btn h5{
	color:#fff!important;
	border:solid 2px #fff!important;
	padding:10px!important;
	border-radius:70px!important;
	transition:0.3s;
}
.curriculum_btn .card{
	padding:0!important;
}
.curriculum_btn .vk_card_item:hover h5{
	background-color:#fff;
	color:#000!important;
}
/* Path */
.path_slider img{
	border-radius:20px;
}

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



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

/* コースの特徴 */
.feauture_hyou_box1{
	padding:30px!important;
}
.feauture_hyou_box2 {
	margin-bottom:0;
}
.feauture_hyou_box2 h3{
	font-size:1.4rem;
}
.feauture_hyou_box3{
	padding:30px;
}
.flow .vk_borderBox{
	width:220px;
}
.flow .vk_borderBox_title{
	font-size:16px!important;
}
.flow .vk_borderBox_body p{
	font-size:15px;
}
.flow .vk_borderBox_body {
	min-height:130px;
}
.flow .vk_borderBox_title_container i{
	display:none;
}
.flow_ti{
	background-color:#337ab7;
	border-radius:50px;
	color:#fff;
	margin-bottom:10px!important;
}

/* カリキュラム */
.flex_list{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	padding:0;
}
.flex_list li{
	width:33.33%;
	font-size:16px;
}

/* 進路 */
/* スクロール固定Column */
.position-sticky-wrap {
    overflow: visible !important;　/* 包含するouterに */
}
.device-pc .wp-block-column.position-sticky-column {
    position: sticky; /* PCにのみ反映。 */
    top: 50px;
    align-self: flex-start;
}

/* 研究について */
.research_list2 .vk_post{
	padding:10px!important;
	margin-bottom:0;
		border-radius:10px;
}
.research_list2 .card-body{
	padding-top:10px;
}
.research_list2 .vk_post_imgOuter{
	background-size:contain;
	background-color:#fafafa;
	background-repeat:no-repeat;
	border-radius:10px;
}

.research_list3 .vk_post{
	padding:10px!important;
	margin-bottom:10px;
		border-radius:10px;
}
.research_list3 .card-body{
	padding-top:10px;
}
.research_list3 .card-body p{
	margin-top:3px;
}
.research_list3 .vk_post_imgOuter{
	border-radius:10px;
}
.research_list3 .vk_post_imgOuter {
    position: static;
}

.research_list3 .vk_post_imgOuter>a::after {
    z-index: 1;
}

/* 科目について */
.kamoku_box img{
	object-fit:cover;
	aspect-ratio: 4 / 3;
}
.kamoku_box h3{
	font-size:1.4rem;
}

/* アクセス */
.bus_list .wp-block-column1{
	padding-right:30px!important;
}

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



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



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  その他・追加機能
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* TOP背景 */
body.home {
	background-image:url(https://mathphys.kanto-gakuin.ac.jp/wp-content/uploads/bbmain-sp.jpg);
	background-size: cover;
	background-attachment: fixed;
	}
/* ナビゲーション サブメニューの色 */
.site-header-container .global-nav .menu .menu-item .sub-menu{
    background-color: #103152;
}