@charset "utf-8";

body .site-header-logo img {
    max-height: 50px;
}

.bw-1 {
    border-width: 1px !important;
}

/* グローバルナビの上のボタン */
.header-buttons {
    gap: 1rem;
    margin-top: 0.4rem;
}
.header-buttons .vk_button .vk_button_link.btn-sm {
    font-size: calc( 1rem * .8 );
}
.header-buttons .vk_button .vk_button_link.btn {
    padding: .25em 0.5rem;
}
.header-buttons a:has(img) {
    display: flex;
    align-items: center;
}
.header_scrolled .btn-sns {
    display: none;
}
.header_scrolled .header-buttons .vk_button .vk_button_link {
    min-width: min(100px, 5vw);
    padding-left: min(0.5rem, 0.5vw);
    padding-right: min(0.5rem, 0.5vw);
}

/* グローバルナビのアイコンを大きく */
@media (min-width: 992px) {
  .global-nav-list>li .global-nav-name {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .global-nav-list>li .global-nav-name i {
    color: var(--vk-color-custom-1);
    font-size: 1.35em;
    margin-right: .25em;
  }
}

.page-header-title, h1.page-header-title {
    letter-spacing: 0.1em;
}

/* 見出し下のラインを細く */
:is(h1, h2, h3, h4, h5, h6).ujs-heading-short-line-below::after {
    height: 1px;
}

/* アーカイブページのカテゴリー（色分けしていない） */
body .postListText_singleTermLabel_inner {
    border-radius: 0;
    background-color: #fff !important;
    color: var(--vk-color-custom-1) !important;
    border: 1px solid currentColor;
    padding: .25rem .75rem;
}
body .postListText_singleTermLabel {
    min-width: 95px;
}

/* カラム内コンテンツの高さを揃える */
.ujs-stretch-columns.wp-block-columns {
    align-items: stretch !important;
}
.ujs-stretch-columns .wp-block-column {
    align-self: stretch;
    display: flex;
}
.ujs-stretch-columns .wp-block-column > * {
    width: 100%;
}

/* 固定ページの余白を小さく */
body.page .veu_socialSet-position-after {
    margin-top: 3rem;
}
body.page .site-body {
    padding-bottom: 1rem;
}

/* フォトフレームのフチを細く */
body figure.wp-block-image.is-style-vk-image-photoFrame {
    padding: 5px;
}

/* 交差するボーダーにシャドウ */
.ujs-heading-crossed-border-1 {
    box-shadow: 1px 1px 5px #ccc;
}

/* フッターウィジェットの間隔なし */
.site-footer .widget:has(.widget-logo) {
    margin-bottom: 0;
}

/* ヘッダーロゴ画像が小さくならないように */
@media (max-width: 1199.98px) {
  body.device-mobile .global-nav-list>li {
    padding-left: 1em;
  }
}