@charset "utf-8";
/*
Theme Name: 大和そだち学級
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 1.0.0
*/

/* ログインしているときだけ表示 */
body:not(.logged-in) .login {
display: none;
}
body.logged-in .login {
opacity: 0.5;
background-color: #ddd;
}

/*-------------------------------------------*/
/*	ExUnit の「編集ガイド HIDE」で非表示にする　※上から　自分用備忘録(.login)、ページ最下部の「プロフィール編集」、VK Filter Search の [編集] ボタン
/*-------------------------------------------*/
body.logged-in.vew_hide_edit_guide .login,
body.logged-in.vew_hide_edit_guide .admin-profile,
body.logged-in.vew_hide_edit_guide form.vk-filter-search + a.btn {
    display: none;
}

/* 明朝フォント */
.mincho {
font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/* Arial Black フォント */
.arial {
font-weight: bold;
font-family: Arial Black, "游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN,sans-serif;
padding-bottom: 0.15em;
}

/* コードブロック */
.wp-block-code {
border: solid 1px #ccc;
padding: 1em;
border-radius: 5px;
}

/* インラインコード */
p code, ul code {
font-family: Inconsolata,Consolas,Monaco,"Lucida Console",monospace;
display: inline-block;
background-color: #f9f9f9;
border: 1px solid #ddd;
padding: 0 5px;
max-width: 95%;
vertical-align: middle;
margin-top: -3px;
overflow-x: auto;
}

/* インライン画像 */
p img {
vertical-align: middle;
}

/* キーボード入力 */
kbd {
background-color: #f9f9f9;
border: 1px solid #777;
border-radius: 2px;
box-shadow: 1px 2px 2px #ddd;
font-family: inherit;
font-size: 0.85em;
padding: 1px 3px;
color: #333;
}

/* 画面幅が大きい端末で表示したときに間延びしたかんじにならないようにする */
.mw-800 {
max-width: 800px !important;
margin-left: auto;
margin-right: auto;
}
.mw-640 {
max-width: 640px !important;
margin-left: auto;
margin-right: auto;
}
.mw-400 {
max-width: 400px !important;
margin-left: auto;
margin-right: auto;
}
.mw-320 {
max-width: 320px !important;
margin-left: auto;
margin-right: auto;
}
.mw-240 {
max-width: 240px !important;
margin-left: auto;
margin-right: auto;
}
.mw-50p {
max-width: 50% !important;
margin-left: auto;
margin-right: auto;
}
.mw-75p {
max-width: 75% !important;
margin-left: auto;
margin-right: auto;
}

/* PC サブメニューのフォントサイズを大きく */
.global-nav-list .sub-menu li {
  font-size: 14px;
}

/* 前の記事・次の記事 のスタイル 1カラムのときは画像を小さく表示 */
.main-section--margin-bottom--on .vk_post.card-horizontal .col-5 {
flex: 0 0 30%;
max-width: 30%;
}
.main-section--margin-bottom--on .vk_post.card-horizontal .col-7 {
flex: 0 0 70%;
max-width: 70%;
}

/* 次の記事 のスタイル 画像を右に配置 */
.next-prev-next .card-horizontal-inner-row {
flex-direction: row-reverse;
}
.vk_post.card-horizontal.next-prev-next .vk_post_imgOuter {
border-left: 1px solid var(--vk-color-border-hr,#e5e5e5);
border-right: none;
}

/* メニューが開くときにスクロールバーがチラッと見えることの対策 */
.device-pc .global-nav-list>li:hover>.sub-menu {
  overflow-y: hidden;
}



/*-------------------------------------------*/
/*	クエリーループで投稿一覧を表示 (トップページなどで使用)
/*-------------------------------------------*/
.my-query-loop ul li {
    display: flex;
    border-bottom: 1px solid var(--vk-color-border-hr);
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    margin-top: 0;
    margin-bottom: 0;
}
.my-query-loop ul li:first-child {
    border-top: 1px solid var(--vk-color-border-hr);
}
.my-query-loop ul li .wp-block-post-featured-image {
    margin-right: 1.0em;
    margin-bottom: 0;
flex-shrink: 0;
}
.my-query-loop ul li .wp-block-post-featured-image img {
    width: 150px;
    height: 150px;
    object-fit: cover;
}
.my-query-loop ul li .wp-block-post-title-date {
    flex-grow: 1;
}
.my-query-loop ul li h2.wp-block-post-title {
    margin-top: 0.5rem;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.0em;
    border-top: none;
    border-bottom: none;
    line-height: 1.2;
}
.my-query-loop ul li h2.wp-block-post-title a {
   color: #000;
}
.entry-body .my-query-loop ul li h2.wp-block-post-title > span {
    border-bottom: none;
    padding: 0;
}
.my-query-loop ul li .wp-block-post-date {
    color: #666;
    font-size: 14px;
}
.my-query-loop ul li .wp-block-post-excerpt__excerpt {
    color: #666;
    font-size: 12px;
    line-height: 1.2;
    margin-top: 0.75rem;
margin-bottom: 0;
}
.my-query-loop ul li a.wp-block-post-excerpt__more-link {
    font-size: 14px;
    display: block;
    text-align: right;
    margin-left: 0.75rem;
    text-decoration: none;
}
.my-query-loop ul li a.wp-block-post-excerpt__more-link::before {
    margin-right: 1px;
    font-family: "Font Awesome 6 Free";
    content: '\f0da';
    font-weight: bold;
}
.my-query-loop ul li .taxonomy-category {
    text-align: right;
}
.my-query-loop ul li .taxonomy-category a {
    margin-left: 0.25rem;
    font-size: 12px;
    border: 1px solid var(--vk-color-primary-vivid);
    color: var(--vk-color-primary-vivid);
    padding: 2px 5px;
    text-decoration: none;
}
.my-query-loop ul li .taxonomy-category a:hover {
    background-color: var(--vk-color-primary);
    color: #fff;
}
.my-query-loop .wp-block-query-pagination {
    margin-top: 1.25rem;
}
/* スマホではアイキャッチ画像をタイトルの上に表示 */
@media (max-width: 599px) {
  .my-query-loop ul li {
    flex-direction: column;
  }
  .my-query-loop ul li .wp-block-post-featured-image {
    text-align: center;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    margin-right: 0;
  }
  .my-query-loop ul li .wp-block-post-featured-image img {
    width: 100%;
    height: auto;
    max-width: 400px;
  }
}
/* パソコンでは2カラム表示 */
@media (min-width: 992px) {
  .my-query-loop .wp-block-post-template {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 30px;
  }
  .my-query-loop ul li:nth-child(2) {
    border-top: 1px solid var(--vk-color-border-hr);
  }
}



/*-------------------------------------------*/
/*	[VKPL] 続きを見るボタンを元にカスタマイズしたもの
/*-------------------------------------------*/
.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline {
 position: relative;
 z-index: 0; 
 border-radius: 0;
 padding: 8px;
 letter-spacing: 0.1em;
 width: 180px;
}
   
.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline::before {
 content: '';
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 0;
 height: 100%;
 background-color: currentColor;
 z-index: -1;
 transition: .3s;
}

.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline:hover::before {
 width: 100%;
}

.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline .vk_button_link_caption::before {
 content: '';
 position: absolute;
 display: block;
 width: 70px;
 height: 1px;
 bottom: 50%;
 right: -45px;
 border-bottom: solid 1px currentColor;
}

.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline .vk_button_link_caption:after {
 content: '';
 position: absolute;
 display: block;
 width: 14px;
 height: 1px;
 background: currentColor;
 bottom: calc(50% + 5px);
 right: -47px;
 transform: rotate(45deg);
}

.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline:hover {
 opacity: unset;
 box-shadow: unset;
 background-color:  transparent !important;
 border: solid 1px;
}