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


/*-----------------------------------------------------------
フォント周り
-----------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400&family=Noto+Sans+JP:wght@100..900&family=Prompt:wght@300;400;700&family=Yuji+Boku&display=swap');
.yujiboku {
  font-family: "Yuji Boku", serif;
  font-weight: 400;
  font-style: normal;
}
.KiwiMaru {
  font-family: "Kiwi Maru", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.prompt {
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  font-style: normal;
}


body {
  font-family: "Prompt", "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-style: normal;
}

h1{
  font-family: "Prompt", "Kiwi Maru", sans-serif;
  font-weight: 300;
  font-style: normal;
}
h2{
  font-family: "Prompt", "Kiwi Maru", sans-serif;
  font-weight: 300;
}
h3{
  font-family: "Prompt", "Kiwi Maru", sans-serif;
  font-weight: 300;
}
h4{
  font-family: "Prompt", "Kiwi Maru", sans-serif;
  font-weight: 300;
}
h5{
  font-family: "Prompt", "Noto Sans JP", sans-serif;
  font-weight: 400;
}
h6{
  font-family: "Prompt", "Noto Sans JP", sans-serif;
  font-weight: 400;
}

/*-----------------------------------------------------------
PCヘッダーナビ
-----------------------------------------------------------*/
.pc-navi {
  font-family: "Kiwi Maru", sans-serif;
  font-weight: 400;
  font-style: normal;
  position: relative;
  position: sticky;
  top: 0;
}
.pc-navi > ul {
  color: #000;
  margin: 0 auto;
  max-width: 1024px;
  width: 90%;
}
.pc-navi > ul > li {
	white-space: nowrap;
}

.pc-navi > ul > li > a {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  padding: 0 10px;
  line-height: 40px;
  overflow: hidden;
}
.pc-navi > ul > li > a::after {
	content: "";
  background: #cac4bb;
  width: calc(100% - 40px);
  height: 4px;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translate(-50%, 5px);
          transform: translate(-50%, 5px);
}

.pc-navi > ul > li > a:hover::after {
	-webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}


/*-----------------------------------------------------------
スマホナビボタン
-----------------------------------------------------------*/
.vk-mobile-nav-menu-btn {
    border: none;
    background-image: url(/image/movnabiico.png
);
	  background-size: cover;
}
.vk-mobile-nav-menu-btn.menu-open {
    border: none;
    background-image: url(/image/movnabiico_open.png
);
	  background-size: cover;
}
.vk-mobile-nav .widget_nav_menu ul li a, .vk-mobile-nav nav ul li a 
{
    color: #9b968d;
}

/*-----------------------------------------------------------
サブタイトル表示
-----------------------------------------------------------*/
<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; }

/*--動画埋込---*/
.youtube {
	width: 100%;
	aspect-ratio: 16 / 9;
}
.youtube iframe {
	width: 100%;
	height: 100%;
	border-radius: 20px;
}
.youtube_s {
	width: 100%;
		aspect-ratio: 1 / 1;
}
.youtube_s iframe {
	width: 100%;
	height: 100%;
	border-radius: 20px;
}