@charset "utf-8";
/*
 * resposive.css は 991px 以下のデバイスへと反映されます。
 * 
 * ブレイクポイントは標準のLightningテーマおよびBootstrapの理念に基づき
 * sm: 576px　md: 768px　lg: 992px　xl: 1200px　となっているので、それに準じてください。
 * 
*/

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  General　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* :root設定、bodyへの上書き、カラー変数設定など */
:root{
	--vk-size-text: 14px;
}
@media (max-width: 399px) { 
	:root{
	--vk-size-text: 12px;
	}
	
}
html {
    margin-top: unset !important;
}
.admin-bar #wpadminbar {
    visibility: hidden;
}
.admin-bar .vk-mobile-nav-menu-btn {
    top: 5px;
}

.site-body {
	min-height: unset;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 繰り返しボタン・見出し、余白設計など 汎用パーツへの上書き */


/*ベタ塗りボタン*/
.is-style-linkbtn .vk_button_link.btn {
	min-width:unset;
	display:block;
	/*width:100%;*/
}
/*.vk_gridColumn_item .is-style-linkbtn .vk_button_link.btn {
	width:125px;
}*/


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Header, Hamburger ヘッダーまわり・ハンバーガーナビ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
header#site-header {
    min-height: calc(44px + 5px + 5px);
    display: flex;
    align-items: center;
	top:unset;
	box-shadow:none;
	margin-bottom: 10px;
}
#site-header-container {
    display: grid;
    grid-template-columns: 60px 1fr;
    grid-template-rows: 60px 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}
#site-header-container .site-header-logo {
    grid-area: 1 / 1 / 2 / 2;
}
#site-header-container .site-header-logo img{
	max-width:100%;
	max-height:100%;
}
#site-header-container .header_nav_search_container {
    grid-area: 1 / 2 / 2 / 3;
	display:block;
}

#site-header-container nav#global-nav {
    grid-area: 2 / 1 / 3 / 3;
	display:block;
/* 	margin-inline:auto; */
    width: calc( 100svw - 10px);
    margin-left: -10px !important;
    padding: 0 10px 0 10px!important;
}



div#vk-mobile-nav-menu-btn {
   	bottom: 0;
	right: 0;
    top: auto;
}
#vk-mobile-nav-menu-btn {
background: none;
        background-color: #003961;
        border: none;
        width: 70px;
        height: 70px;
        border-top-left-radius: 50px;
}
#vk-mobile-nav-menu-btn::after {
    content: '\f0c9';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 30px;
    color: #fff;
    position: absolute;
	bottom: 10px;
	right: 10px;
    line-height: 44px;
    width: 44px;
    text-align: center;
    text-indent: 0;
}
#vk-mobile-nav-menu-btn.menu-open::after {
    content: '\f00d';
}
.vk-menu-acc .acc-btn {
    aspect-ratio: 1;
    height: 34px;
    width: auto;
    top: 0;
    background: none;
    display: grid;
    justify-content: center;
    border: none;
}

.vk-menu-acc .acc-btn::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: '\f107';
    font-size: 20px;
}

.vk-menu-acc .acc-btn.acc-btn-close {
    transform: rotate(-180deg);
}
.vk-mobile-nav nav ul li a {
    text-align: center;
    font-size: 18px;
}



nav#global-nav {
	width:100%;
}
.global-nav {
	border:2px solid #ccc;
	border-radius:100px;
	margin-top:8px;
}
.global-nav--layout--penetration .global-nav-list>li:not(:last-child) {
	border-right:2px solid #ccc;
}
.device-mobile .global-nav-list>li {
	padding:0;
}
.device-mobile .global-nav-list>li>a {
	width:100%;
/* 	padding:.8em 0; */
	padding: .8em 10px;
}
.device-mobile .global-nav-list>li .global-nav-name {
	font-size:11px;	
}
.global-nav--layout--penetration .global-nav-list>li {
    border-right: none;
}

.global-nav--layout--penetration .global-nav-list>li:first-child {
    border-left: none;
}


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



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



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



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

.vkfs{
	font-size:unset;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive　ブログ一覧ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
.vk_post.vk_post-postType-event.card {
    padding: 0 !important;
}

.vk_post.vk_post-postType-event.card .vk_post_body {
    padding-inline: .5rem;
}
.vk_post_taxonomy,.vk_post_taxonomy a {
    font-size: 10px;
    font-family: monospace !important;
    font-weight: 500;
}

dd.vk_post_taxonomy_terms a {
    padding: 0 0.4em;
  
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Single　ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  その他・追加機能
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */



