@charset "utf-8";
/*
Theme Name: Lightning Child
Theme URI:
Template: lightning
Description:
Author:アートフレア株式会社
Tags: 
Version: 1.1
*/

/* 標準データ最終更新日：2024/11/22  */


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  general　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* :root設定、@import、フォント読み込み、bodyへの上書き、カラー変数設定など */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

:root {
	
}

.oswald {
  font-family: "Oswald", serif;
  font-optical-sizing: auto;
  font-style: normal;
	letter-spacing:.2rem;
}


 a:not([class]) {
    text-decoration: underline;
	-webkit-text-decoration-style: solid;
	text-decoration-style: solid;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
}
a:not([class]):hover {
    color: var(--vk-color-text-link-hover);
}

a {	
	transition:.5s;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* 繰り返しボタン・見出し、余白設計など */

/*カラムの余白*/
:where(.wp-block-columns.is-layout-flex) {
	gap:4rem;
}

/*右側へ要素を広げる*/
.column-out-right{
    margin-right: calc(50% - 50vw);
}

/*左側へ要素を広げる*/
.column-out-left{
    margin-left: calc(50% - 50vw);
}

/*ボタンのリセット（下線消しとか）*/
.vk_button .vk_button_link.btn {border-radius: 0}
.vk_button .vk_button_link.btn:hover {box-shadow:none; opacity:1;}

.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;
}

/*下線テーブル*/
.is-style-border-rows th,
.is-style-border-rows td {
	border-color:#ccc;
	padding:1rem 0!important;
}
.is-style-border-rows {
	margin-bottom:0;
}
.is-style-border-rows table {
	border-top:1px solid #ccc!important;
}

:where(:not(.wp-block-table))>table :is(thead,tbody,tfoot,th,td) {
	border-color:#333;
}

.gap-2 {
	gap:2rem;
}

/*見出しベタ*/
h3.has-background {
	border-radius:0;
	font-weight:400;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  header ヘッダーまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* ヘッダーウィジェット・グローバルナビ */

/* ヘッダー固定 */
body  {
	overflow-x: unset !important;
    display: flex;
    flex-direction: column;
}
.device-pc #site-header {
    position: fixed;
	width:100%;
    top: 0;
	left:0;
}
.logged-in #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: #fff;
    border-bottom: 3px solid #fff;
}
.global-nav-list {
	gap:2rem;
	margin-right:2rem!important;
}
.device-pc .global-nav-list>li>a {
	padding:.8rem 0;
}
.nav li a, nav li a {
	color:#fff;
}

/*スクロール時ヘッダー*/
.site-header {
	transition:.5s;
	box-shadow:none!important;
}
.scrolled .site-header {
	background:rgba(0, 0, 0,.5);
}

.site-header-container.container {
	max-width:100%;
	padding-block:15px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* フッターウィジェット、フッターロゴ、コピーライト */

.site-footer .menu {
	display:flex;
	justify-content:end;
	gap:1.5rem;
}
.site-footer .widget_nav_menu>div>ul li a {
	border-bottom:3px solid transparent;
	padding-left:0;
}
.site-footer .widget_nav_menu>div>ul li.current_page_item>a,
.site-footer .widget_nav_menu>div>ul li a {
	background:none;
	font-size:14px;
}
.site-footer .widget_nav_menu>div>ul li.current_page_item>a,
.site-footer .widget_nav_menu>div>ul li>a:hover {
	border-bottom:3px solid #fff;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  pageheader,breadcrumb 下層ページヘッダー
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* 下層ページのページヘッダー、パンクズ設定 */

.page-header-subtext {
  font-family: "Oswald", serif;
  font-optical-sizing: auto;
  font-style: normal;
  letter-spacing:.2rem;
font-weight:700;
	color:rgba(255,255,255,.5);
	font-size:1rem;
}

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

	/* ページごと、パーツごとにコメントアウトで注釈を入れてください。 */
/*ティーザー*/
.teaser-image {
	height:100vh;
}
.teaser-cap {
	position: absolute;
    left: 0;
	right:0;
	text-align:center;
    bottom: 20%;
}
/*SCROLLライン*/
.scroll-line {
	position  : absolute;
    bottom : 50px;
	left:50%;
	transform:translateX(-50%);
	margin:0;
	z-index:99;
	font-size:14px;
	color:#fff;
}
.scroll-line:after {
    content : '';
    display : inline-block;
    position : absolute;
    background-color: #fff;
    left : 50%;
    bottom : -50px;
    transform : translateX(-50%);
    width : 1px;
    height : 40px;
    animation: scroll-line 1.5s infinite;
}

@keyframes scroll-line {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}

/*ニュース枠*/
.top-newslist {
	height:250px;
	overflow:auto;
}
.top-newslist p {
	border-bottom:1px solid #ccc;
	padding-bottom:1.5rem;
}


.top-newslist::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
.top-newslist::-webkit-scrollbar-thumb {
    background: var(--wp--preset--color--vk-color-primary);
}
.top-newslist::-webkit-scrollbar-track {
    background: #f2f2f2;
}
.top-newslist::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
.top-newslist::-webkit-scrollbar-track {
    border-radius: 5px;
}



/*研究の画像*/
.research-img {
	gap:0;
}
.research-img figure {
	width:100%;
}
.research-img figure img {
	aspect-ratio:2/5;
	object-fit:cover;
	width:100%;
}
.research-img figure:nth-child(2) {
	margin-top:100px;
}
.research-img figure:nth-child(2) img {
	object-position:30% center;
}
.research-img figure:nth-child(3) {
	margin-top:-100px;
}
.research-img figure:nth-child(3) img {	
	object-position:8% center;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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

/*テキスト重ね*/
.layered-box {
  background:rgba(255,255,255,.8);
  position:absolute;
  right:0;
  top:50%;
  width:80%;
  transform:translateY(-50%);
	padding:3rem;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive / Single ブログ一覧ページ、ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  メモ用
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */