/*

Theme Name: Lightning Child 

Theme URI:

Template: lightning

Description: lightningの子テーマです。

Author: t-shimizu

*/



/* テーマファイルトップの余白調整 */



.vkp_table_speech_bubble table{
  border-collapse: separate;
  border-spacing: 0 10px;
  border:none;
}

/* tdの共通背景色 */
:root {
  --td-bg-color:rgba(0,0,0,0.05);
}

.vkp_table_speech_bubble :is(td,th) {
  border: none !important;
  padding: 1rem;
  background:#fff;
}

/* 最初のtd */
.vkp_table_speech_bubble tr td:nth-of-type(1)  {
  position:relative;
  background: var(--td-bg-color);
  vertical-align: middle;
  text-align: left;
  overflow: visible;
}

/* 最初のtdに吹き出しのしっぽ */
.vkp_table_speech_bubble tr td:nth-of-type(1):after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-left-color: var(--td-bg-color);
  border-width: 10px;
  margin-top: -10px;
}



/*水平垂直中央寄せ*/
.vkp_catch_typing{
  display: flex;
  justify-content: center;
  align-items: center;
}
/* テキスト */
.vkp_catch_typing p{
  display: inline-block;
  font-size:min(32px,6.6vw);
  line-height:1.4;
  width: 10ch;
  border-right: 3px solid currentColor;
  overflow: hidden;
  white-space: nowrap;
  /*アニメーション*/
  animation: typing 3s steps(10), blinkcursor .4s step-end infinite alternate;
}

@keyframes typing {
	0% {
		width: 0;
	}
}
/*点滅カーソル*/
@keyframes blinkcursor {
  50% {
    border-color: transparent
  }
}

hr.vkp_hr_short{
width: 3rem;
height: 2px;
}


.wp-block-group.vkp_fadein{
 animation-name: fadein;
 animation-duration: 1s; /* アニメーションの時間 */
 animation-delay:3s; /* 3秒後に開始 */
 animation-fill-mode:backwards;/*最初のキーフレームの状態*/
}
@keyframes fadein{
  0%{
    opacity: 0;
    transform: translatey(20px);/* 動かす距離 */
   }
  100%{
    opacity: 1;
    transform: translatey(0);
  }
}


.site-header-logo span.logo_text{
  font-size: 0.9rem;
  font-weight: normal;
  padding-left:0.5em
}

.page-id-621 .page-header,
.page-id-621 #breadcrumb{
  display: none;
}
.page-id-621 .site-body{
  margin-top: 0;
  padding-top:0;
}