@charset "utf-8";
/*
ブレイクポイントは標準のLightningテーマおよびBootstrapの理念に基づき
$sm-min: 576px;
$md-min: 768px;
$lg-min: 992px;
$xl-min: 1200px;
となっているのでそれに準じてください。
*/


/*ヘッダー*/
.site-header {
	position:fixed;
}
.page-header-title, h1.page-header-title {
	padding-top:2rem;
}

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

/*右側へ要素を広げる*/
.column-out-right{
    margin-right: unset;
}

/*左側へ要素を広げる*/
.column-out-left{
    margin-left: unset;
}

/*ティーザー*/
.teaser-image {
	height:50vh;
}

/*横並びボタン（中央揃え）*/
.vk_buttons_col-justify-left {
	justify-content:center;
}

/*見出し*/
.is-style-mds-en:before,
.is-style-vk-mds-en-jp .vk_heading:before {
	width:50px;
}

/*ニュース枠*/
.top-newslist {
	height:unset;
}

/*テキスト重ね*/
.layered-box {
  position:static;
  width:100%;
  transform:none;
	padding:0;
}

/*ベタ塗りボタン*/
.is-style-vk-linkbtn .vk_button_link.btn {
	min-width:100%;
}


/*FOOTER*/
.site-footer-content > div > div:last-child {
	display:none;
}

/*ハンバーガーメニュー*/
#vk-mobile-nav-menu-btn {
    background: none;
    background-color: transparent;
    border: none;
}
#vk-mobile-nav-menu-btn::after {
    content: '\f0c9';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 44px;
    width: 44px;
    text-align: center;
    text-indent: 0;
}
#vk-mobile-nav-menu-btn.menu-open::after {
    content: '\f00d';
	background-color:rgba(0,0,0,.5);
}

.vk-mobile-nav nav ul li a {
	padding:1rem;
}