/*
Theme Name: twentytwenty-child
Template: twentytwenty
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');*/
body, input, textarea, button, .button, .faux-button, .wp-block-button__link, .wp-block-file__button, .has-drop-cap:not(:focus)::first-letter, .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-cover-image, .entry-content .wp-block-latest-comments, .entry-content .wp-block-latest-posts, .entry-content .wp-block-pullquote, .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large, .entry-content .wp-block-archives *, .entry-content .wp-block-categories *, .entry-content .wp-block-latest-posts *, .entry-content .wp-block-latest-comments *, .entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt, .entry-content cite, .entry-content figcaption, .entry-content .wp-caption-text, .comment-content p, .comment-content ol, .comment-content ul, .comment-content dl, .comment-content dt, .comment-content cite, .comment-content figcaption, .comment-content .wp-caption-text, .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary, .widget-content cite, .widget-content figcaption, .widget-content .wp-caption-text {
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
}
/* ふわっと上に */
.textarea {
  transform: translateY(50px);
  transition: 1s;
  opacity: 0;
}
.textarea.fadeInUp {
  opacity: 1;
  transform: translateY(0px);
}
/* 見出し */
div.animetitle {
  text-align: center;
  font-weight: 700;
  font-size: 30px;
}
@media ( min-width: 700px ) {
div.animetitle {
  text-align: center;
  font-weight: 700;
  font-size: 40px;
}
}
/* 見出しアニメーション */
div.animetitle {
  display:inline-block;
  overflow:hidden;
  position:relative;
	margin-right: auto;
	margin-left: auto;
}
div.animetitle:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
/*background-color:#e0f4a2;*/
/*background-color:#2d881a;*/
  background-color:#d6eace;
}
div.animestart:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
/*background-color:#e0f4a2;*/
/*background-color:#2d881a;*/
  background-color:#d6eace;
  /*アニメーションの設定*/
  animation: secondaryImageOverlayIn 0.6s 0s cubic-bezier(.77,0,.175,1),
             secondaryImageOverlayOut 0.6s 0.6s cubic-bezier(.77,0,.175,1);
  animation-fill-mode: both;
}
div.animetitle p {
  margin: 0.05em;
  line-height:1;
  color: #f0f0f0;
  visibility: hidden;
}
div.animetitle p.animestart {
  margin: 0.05em;
  line-height:1;
/*color: #8dc63e;*/
	color: #2d881a;
  visibility: visible;
  /*アニメーションの設定*/
  animation:fadeIn 0.1s 0.5s; 
  animation-fill-mode: both;
}
/*keyframesの設定*/
/*文字が消えている状態から現れるアニメーション*/
@keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
/*はじめにブロックを伸ばすアニメーション*/
@keyframes secondaryImageOverlayIn {
    0% {
      width: 0;
    }
    100% {
      width:  100%;
    }
  }
/*のびたブロックを横に追いやるアニメーション*/
  @keyframes secondaryImageOverlayOut {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(102%);
    }
  }
/* hoverアニメーション */
.primary-menu li.current-menu-item > a {
  text-decoration: none;
}
.sub-menu li.current-menu-item > a:hover {
  text-decoration: underline;
}
.primary-menu > li > a {
  position: relative;
  display: inline-block;
  transition: .3s;
}
.primary-menu > li > a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 2px;
  background-color: #2d881a;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.primary-menu > li > a:hover {
  text-decoration: none;
}
.primary-menu > li > a:hover::after {
  width: 100%;
}
#news a {
  position: relative;
  display: inline-block;
  transition: .3s;
}
#news a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 2px;
  background-color: #2d881a;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#news a:hover::after {
  width: 100%;
}
#menu-main-2 a {
  position: relative;
  display: inline-block;
  transition: .3s;
}
#menu-main-2 a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 2px;
  background-color: #2d881a;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#menu-main-2 a:hover {
  text-decoration: none;
}
#menu-main-2 a:hover::after {
  width: 100%;
}
/* pagetop */
#page_top {
        position: fixed;
        right: 10px;
        bottom: 0px;
	display: none;
    z-index:9999;
	opacity: 0.8;
}
#page_top a {
  position: relative;
  display: block;
        width: 60px;
        height: 50px;
      /*background-color: #e0f4a2;*/
	    background-color: #2d881a;
        text-align: center;
	padding: 4px 6px;
        color: #fff;
        font-size: 16px;
        text-decoration: none;
	margin-top: 20px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
#page_top a:hover {
    margin-top: 0px;
    -mos-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
@media ( max-width: 480px ) {
  #page_top {
    display: none !important;
  }
}