.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px
}
.btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem
}
:root {
--vk-font-size-xs: 11px;
--vk-color-link-text: #c00;
--vk-color-link-text-hover: #c00;
--vk-color-text-body: #333;
--vk-color-text-light: #666;
--vk-color-border-hr: #e5e5e5;
--vk-color-border-image: #e5e5e5;
--vk-line-height-low: 1.5em
}
:root {
--vk-color-text-body: #333333;
--vk-color-text-link: #666666;
--vk-color-text-link-hover: #1e73be;
--vk-color-text-header: #444444;
--vk-color-text-meta: #666666;
--vk-color-text-light: #666666;
--vk-color-border: rgba(0,0,0,0.2);
--vk-color-border-hr: rgba(0,0,0,0.06);
--vk-color-border-image: #e5e5e5;
--vk-color-border-form: rgba(0,0,0,0.2);
--vk-color-primary: #c00;
--vk-color-primary-dark: #b00;
--vk-color-primary-vivid: #d00;
--vk-color-accent-bg: rgba( 0,0,0,0.02 );
--vk-color-header-bg: #fff;
--vk-color-footer-bg: #f5f5f5;
--vk-width-container: 100svw;
--vk-width-container-padding: 15px;
--vk-width-container-body: calc( var(--vk-width-container) - var(--vk-width-container-padding) * 2 );
--vk-width-full: 100svw;
--vk-width-wide: calc( var(--vk-width-container-body) + ( var(--vk-width-full) - var( --vk-width-container-body) ) / 2 );
--vk-width-col-2-main: 66.6%;
--vk-width-col-2-sub: calc( var(--vk-width-container) * 0.27 );
--vk-margin-meta: 0.5rem;
--vk-margin-headding-bottom: 1em;
--vk-margin-element-bottom: 1.5rem;
--vk-margin-block-bottom: 2rem;
--vk-margin-section-bottom: 3rem;
--vk-size-text: 16px;
--vk-size-text-meta: 0.75rem;
--vk-size-text-lg: 1.5rem;
--vk-size-text-sm: 0.875rem;
--vk-size-text-xs: 0.75rem;
--vk-size-radius: 4px;
--vk-size-radius-sm: calc( var( --vk-size-radius ) * 0.5 );
--vk-size-radius-lg: calc( var( --vk-size-radius ) * 1.5 );
--vk-line-height: 1.7em;
--vk-line-height-low: 1.4em
}
:root {
--vk-size-admin-bar: 46px;
--wp--preset--font-family--system-font: "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif
}
.wp-block-table,blockquote,dl,iframe,ol,p,ul {
margin-bottom: var(--vk-margin-element-bottom)
}
a {
text-decoration: none;
color: var(--vk-color-text-link)
}
a:hover {
color: var(--vk-color-text-link-hover);
text-decoration-color: var(--vk-color-text-link-hover)
}
li a,p a {
text-decoration: underline;
text-decoration-style: dotted;
text-underline-offset: 2px;
text-decoration-color: rgba(0,0,0,.3);
text-decoration-thickness: 1px
}
p {
line-height: var(--vk-line-height);
margin-block-start:0}
dl+h1,dl+h2,dl+h3,dl+h4,dl+h5,dl+h6,ol+h1,ol+h2,ol+h3,ol+h4,ol+h5,ol+h6,p+h1,p+h2,p+h3,p+h4,p+h5,p+h6,table+h1,table+h2,table+h3,table+h4,table+h5,table+h6,ul+h1,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6 {
margin-top: 2em
}
h1,h2,h3,h4,h5,h6 {
margin-top: 0;
margin-bottom: var(--vk-margin-headding-bottom);
line-height: var(--vk-line-height-low)
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
text-decoration: none
}
h1 {
font-size: 2rem
}
h2 {
font-size: 1.75rem
}
h3 {
font-size: 1.5rem
}
h4 {
font-size: 1.33rem
}
h5 {
font-size: 1.2rem
}
h6 {
font-size: 1.125rem
}
ol,ul {
padding-left: 1.5em
}
li {
margin-top: .5em;
margin-bottom: .5em
}
img {
height: auto;
max-width: 100%
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%
}
table td,table th {
padding: .5rem 1rem
}
:where(:not(.wp-block-table))>table {
border: 1px solid var(--vk-color-border-hr)
}
:where(:not(.wp-block-table))>table :is(th,td) {
border: 1px solid;
font-size: var(--vk-size-text-sm)
}
:where(:not(.wp-block-table))>table :is(thead,tbody,tfoot,th,td) {
border-color: inherit
}
iframe {
border: none
}
dt {
font-weight: 700;
margin-bottom: .5em
}
dd {
margin-left: 0
}
.screen-reader-text {
border: 0;
clip: rect(1px,1px,1px,1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute!important;
width: 1px;
word-wrap: normal!important;
word-break: normal
}
.wp-block-image:where(:not(.alignfull,.alignwide)) {
max-width: 100%
}
.wp-block-image .components-resizable-box__container {
max-width: 100%
}
.wp-block-image figcaption {
text-align: center;
font-size: .75rem
}
.wp-block-image img {
height: auto
}
.wp-block-image img:not([style*=object-fit]) {
height: auto!important
}
.wp-block-button__link {
font-size: 1rem;
transition: all .1s ease-in
}
.wp-block-button__link,.wp-block-button__link:hover {
color: #fff
}
.nav,nav {
margin: 0;
padding: 0
}
.nav li,nav li {
list-style: none;
margin: 0
}
.nav li a,nav li a {
color: var(--vk-color-text-body);
text-decoration: none
}
.btn {
border-radius: var(--vk-size-radius)
}
.main-section,.site-body,.site-body-container,.site-footer,.sub-section {
position: relative
}
.main-section:after,.site-body-container:after,.site-body:after,.site-footer:after,.sub-section:after {
content: "";
display: block;
clear: both
}
.site-body {
padding: 2rem 0 2rem
}
.main-section>aside:last-child,.main-section>div:last-child,.sub-section>aside:last-child,.sub-section>div:last-child {
margin-bottom: 0
}
:root {
--vk-width-base-padding: 1.4rem;
--vk-width-base-padding-side: var(--vk-width-base-padding)
}
:root {
--vk-margin-list-menu-left-first: 1em;
--vk-margin-list-menu-left: 1em
}
.widget {
display: block;
margin-bottom: var(--vk-margin-block-bottom)
}
.widget:last-child {
margin-bottom: 0
}
.widget:after {
content: "";
clear: both;
display: block
}
.site-header {
width: 100%;
overflow: visible;
z-index: 1000;
position: relative;
box-shadow: 0 1px 3px rgba(0,0,0,.05)
}
.site-header-logo {
text-align: center;
font-weight: 700;
font-size: 1.5rem;
white-space: nowrap;
line-height: var(--vk-line-height-low)
}
.site-header-logo img {
max-height: 60px;
max-width: 100%;
display: block;
margin-left: auto;
margin-right: auto
}
.site-header-logo a {
color: var(--vk-color-text-body);
text-decoration: none
}
.site-header::after {
content: "";
clear: both;
display: block
}
.header_scrolled .header-top,.header_scrolled .site-header-logo,.header_scrolled .site-header-sub,.header_scrolled .vk-campaign-text {
display: none
}
.header_scrolled.admin-bar .site-header {
top: 32px
}
.header_scrolled .site-header {
background-color: var(--vk-color-header-bg)
}
.site-footer {
--vk-size-text-sm: 12px;
display: block;
overflow: hidden;
font-size: var(--vk-size-text-sm);
content-visibility: auto;
contain-intrinsic-size: 370px
}
.site-footer-content {
position: relative;
padding-top: var(--vk-margin-section-bottom)
}
.site-footer-copyright {
padding: 1rem
}
.site-footer-copyright p {
text-align: center;
margin: .5rem;
font-size: var(--vk-size-text-xs)
}
.vk-mobile-nav-menu-btn {
position: fixed;
top: 5px;
left: 5px;
z-index: 2100;
overflow: hidden;
border: 1px solid #333;
border-radius: 2px;
width: 34px;
height: 34px;
cursor: pointer;
text-indent: -9999px;
background-size: 24px 24px;
transition: border-color .5s ease-out
}
.vk-mobile-nav-menu-btn.menu-open {
border: 1px solid rgba(255,255,255,.8)
}
.mobile-nav-btn-right .vk-mobile-nav-menu-btn,.vk-mobile-nav-menu-btn.position-right {
left: inherit;
right: 5px
}
.vk-mobile-nav {
position: fixed;
z-index: 2000;
width: 100%;
height: 100%;
display: block;
padding: 45px 10px;
overflow: scroll;
top: 0;
transition: all .5s ease-out
}
.vk-mobile-nav .vk-mobile-nav-menu-outer {
margin-bottom: 1.5em
}
.vk-mobile-nav nav ul {
padding: 0;
margin: 0
}
.vk-mobile-nav nav ul li {
list-style: none;
line-height: 1.65
}
.vk-mobile-nav nav ul li a {
padding: .7em .5em;
position: relative;
display: block;
overflow: hidden;
text-decoration: none
}
.admin-bar .vk-mobile-nav.vk-mobile-nav-drop-in,.vk-mobile-nav.vk-mobile-nav-drop-in {
top: -2000px
}
.vk-menu-acc {
position: relative
}
.vk-menu-acc li {
position: relative;
margin-bottom: 0
}
.vk-mobile-nav-menu-btn {
border-color: #333;
background: var(--vk-mobile-nav-menu-btn-bg-src) center 50% no-repeat rgba(255,255,255,.8)
}
.vk-mobile-nav-menu-btn.menu-open {
border-color: #333;
background: var(--vk-mobile-nav-menu-btn-close-bg-src) center 50% no-repeat rgba(255,255,255,.8)
}
.vk-mobile-nav {
background-color: #fff;
border-bottom: 1px solid #e5e5e5
}
.vk-mobile-nav .widget_nav_menu ul.menu {
border-top: 1px solid #ccc
}
.vk-mobile-nav nav>ul {
border-top: 1px solid #ccc
}
.vk-mobile-nav .widget_nav_menu ul li a,.vk-mobile-nav nav ul li a {
color: #333;
border-bottom: 1px solid #ccc
}
body,html {
font-family: var(--wp--preset--font-family--system-font)
}
.swiper-slide {
transform: translate3d(0,0,0)
}
*,::after,::before {
box-sizing: border-box
}
body,html {
overflow-x: hidden
}
body,html {
font-size: var(--vk-size-text);
color: var(--vk-color-text-body);
padding: 0;
margin: 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
background-color: #fff
}