/*
Theme Name: child-theme
Template: lightning
*/


/*-----------------------------------------------------------
フォント周り
-----------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100..900&family=Red+Rose:wght@600&family=Yuji+Syuku&display=swap');

.mainfont {
  font-family: "Red Rose","M PLUS 1", cursive;
  font-weight: 400;
  font-style: normal;
}
.daijpfont {
  font-family: "M PLUS 1", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.daienfont {
  font-family: "Red Rose", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.enfont {
  font-family: "Red Rose", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.gyousyo {
  font-family: "Yuji Syuku", serif;
  font-weight: 400;
  font-style: normal;
}
.linktext{
	text-decoration: none;
}
.linktext > a:hover{
	color: #2e3192;
	text-decoration: underline; 
}

.page-header-title, h1.page-header-title {
  font-family: "Red Rose","M PLUS 1", sans-serif;
  font-weight: 400;
  font-style: normal;
}

body {
  font-family: "M PLUS 1", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

h1{
  font-family: "Red Rose","M PLUS 1", sans-serif;
  font-weight: 600;
  font-style: normal;
}
h2{
  font-family: "Red Rose","M PLUS 1", sans-serif;
  font-weight: 500;
  font-style: normal;
}
h3{
  font-family: "Red Rose","M PLUS 1", sans-serif;
  font-weight: 400;
  font-style: normal;
}
h4{
  font-family: "Red Rose","M PLUS 1", sans-serif;
  font-weight: 400;
  font-style: normal;
}
h5{
  font-family: "Red Rose","M PLUS 1", sans-serif;
  font-weight: 400;
  font-style: normal;
}
h6{
  font-family: "Red Rose","M PLUS 1", sans-serif;
  font-weight: 400;
  font-style: normal;
}
/*-----------------------------------------------------------
PCヘッダーナビ
-----------------------------------------------------------*/
.pc-navi {
  position: relative;
  position: sticky;
}
.pc-navi > ul > li > a {
  padding: 8px 8px;
}
.pc-navi > ul > li:hover{
	color: #e30080;
}

.wp-block-navigation__submenu-container {
  min-width: 200px;
  position: relative;
  display: inline-block;
  max-width: 300px;
  box-sizing: border-box;
}
.wp-block-navigation__submenu-container:before {
  content: "";
  position: absolute;
  top: -16px;
  left: 30%;
  margin-left: -20px;
  border: 10px solid transparent;
  border-bottom: 10px solid #fff;
  z-index: 2;
}
.wp-block-navigation__submenu-container:after {
  content: "";
  position: absolute;
  top: -14px;
  left: 30%;
  margin-left: -20px;
  border: 10px solid transparent;
  border-bottom: 10px solid #fff;
  z-index: 1;
}

.navi-sub{
	  font-size: 16px;
	  margin: 10px 0;
}
.navi-sub:hover{
	color: #e30080;
}


/*-----------------------------------------------------------
スマホナビボタン
-----------------------------------------------------------*/
/*--menu---*/
.vk-mobile-nav-menu-btn {
    border: none;
    background-image: url(http://suehiro-pla.com/wp-content/uploads/2025/12/dd30fe74e6b1ce1b6097d9d90ce6f3bf-1.webp);
	background-size: cover;
}
.vk-mobile-nav-menu-btn.menu-open {
    border: none;
    background-image: url("http://suehiro-pla.com/wp-content/uploads/2025/12/329fbea2daae371a6d4eececc14c7462.webp");
	  background-size: cover;
}

/*--サブ---*/
.vk-menu-acc .acc-btn {
    border: none;
    background-image: url(http://suehiro-pla.com/wp-content/uploads/2025/12/0429705ed96924b33d8c814abad9cc5e.webp);
	background-size: cover;
}

.vk-menu-acc .acc-btn-close{
    border: none;
    background-image: url(http://suehiro-pla.com/wp-content/uploads/2025/12/492d2b2a5043ba8a2f0bc6f38f0834bf.webp);
	background-size: cover;
}

.acc-btn-open{
    border: none;
    background-image: url(https://oct-eight.com/wp-content/uploads/2025/11/b0ee044e084e4e8dc738ecf6e654aa11.webp);
	background-size: cover;
}

/*--文字色---*/
.vk-mobile-nav .widget_nav_menu ul li a, .vk-mobile-nav nav ul li a {
    color: #137aa6;
}

/*-----------------------------------------------------------
サブタイトル表示
-----------------------------------------------------------*/
<div class="page-title">
  <!-- ページタイトル -->
  <?php the_title('<h2>','</h2>'); ?>
  <!-- サブタイトル -->
  <?php 
    // カスタムフィールドの取得
    $sub_title = get_field('sub_title');
    // カスタムフィールドの出力
    if($sub_title) {echo '<div>' .$sub_title .'</div>';} 
  ?>
</div>

/*-----------------------------------------------------------
画面見栄え
-----------------------------------------------------------*/
/*--余白を消す---*/
html, body {
  width:auto;
}
/*--リキャプチャマークを消す--*/
.grecaptcha-badge { visibility: hidden; }


/*-----------------------------------------------------------
投稿機能・ページ　表示装飾
-----------------------------------------------------------*/
/*--記事タイトル---*/
.entry-title {
    color: #137aa6;
}
.entry-meta {
    color: #137aa6;
}

/*--前後記事表示スタイル----*/
/* 記事ーボタン間の余白 */
.vk_posts.next-prev{
		margin-top: 4rem;
}
/* 前 */
.next-prev-prev.card-horizontal .card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 1.5rem 1.0rem 1.5rem 3.5rem;
}
.next-prev-prev.card-horizontal .card-body::before {
    font-family: "Font Awesome 6 Free";
    content: "\f053";
    font-weight: bold;
    position: absolute;
    font-size: 20px;
    top: calc(50% - 10px);
    color: #137aa6;
    left: 1rem;
    transition: all .5s ease;
}
.next-prev-prev.card-horizontal .card-body:hover::before {
    left: 0.5rem;
}
.next-prev-prev.card-horizontal.vk_post .card-body .vk_post_title a {
    color: #137aa6;
	display: block;
    padding: 0;
}

/* 次 */
.next-prev-next.card-horizontal .card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    padding: 1.5rem 3.5rem 1.5rem 1.0rem;
}
.next-prev-next.card-horizontal .card-body::before {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: bold;
    position: absolute;
    font-size: 20px;
    top: calc(50% - 10px);
    color: #137aa6;
    right: 1rem;
    transition: all .5s ease;
}
.next-prev-next.card-horizontal .card-body:hover::before {
    right: 0.5rem;
}
.next-prev-next.card-horizontal.vk_post .card-body .vk_post_title a {
    color: #137aa6;
	display: block;
    padding: 0;
}

/* リンクエリアを拡げる */
.next-prev-prev.card-horizontal.vk_post .card-body .vk_post_title a::before,
.next-prev-next.card-horizontal.vk_post .card-body .vk_post_title a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.next_prev_prev_text,
.next_prev_next_text {
    font-size: 0.8em;
    color: #137aa6;
}


/*--フッター（カテゴリ表示）の非表示-----*/
.entry-footer{
  display: none;
}