@charset "UTF-8";

/*
  Theme Name: Twenty Twenty Child
  Template: twentytwenty
  Version: 1.0.0.000
*/

@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&family=Noto+Sans+JP:wght@400;700&family=Roboto:wght@400;700&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: 'Roboto', 'Noto Sans JP', sans-serif !important;
  font-weight: normal;
  font-weight: 400;
}

/* +++++++++++++++++ ** +++++++++++++++++ ** +++++++++++++++++ **
 *
**/
html {
  font-size: 3.125vw; /* 10px見当 */
}
body {
  background-color: #fcfcf5;
  color: #434343;
  font-size: 1.3em;
  font-weight: normal;
  font-weight: 400;
  line-height: 1.77;
  letter-spacing: 0;
}
img {
  pointer-events: none;
}
#site-header {
  display: none;
}
.singular .entry-header {
  background-color: #ece4ce;
  padding: 2em 0 1.33em;
  position: relative;
}
.singular .entry-header::before {
  background-color: #df873d;
  content: '';
  display: block;
  width: 100%;
  height: .67em;
  position: absolute;
  top: 0;
  left: 0;
}
.entry-header .entry-title {
  color: #378434;
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 8.125vw;
  font-weight: normal;
  font-weight: 400;
}
.entry-header .go-back-pege a {
  background-color: #378434;
  border-top-left-radius: 1.87em;
  border-bottom-left-radius: 1.87em;
  color: #fff !important;
  font-size: .87em;
  text-align: left;
  text-decoration: none;
  display: block;
  width: 21.5em;
  padding: .5em .5em .45em 1.25em;
  position: absolute;
  right: 0;
  bottom: -2.1em;
}
.entry-header .go-back-pege .inline-block {
  display: inline-block;
}
.entry-header .go-back-pege .fz-large {
  font-size: 1.07em;
  font-weight: bold;
  font-weight: 700;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  width: 94%;
  max-width: 1000px;
}
.fg-caption-desc {
  display: none;
}

/* gallery */
.foogallery .fg-caption,
.fbx-caption-title,
.fbx-caption-desc {
  font-family: 'Roboto', 'Noto Sans JP', sans-serif;
}
.fg-masonry.fg-captions-bottom.fg-border-thin .fg-caption {
  font-size: 1.3em;
}
.foogallery.fg-masonry.fg-captions-bottom .fg-item-inner .fg-caption {
  border-width: 0;
  padding: .67em .15em .5em;
}
.foogallery .fg-caption-title {
  font-size: .87em;
  padding: 0;
}
.fbx-caption {
  display: none;
}

/* footer */
#site-footer {
  background-color: #df873d;
  color: #fff;
  font-size: 1em;
  text-align: center;
  position: relative;
}
#site-footer .section-inner,
#site-footer .footer-credits {
  display: block;
}
#site-footer .footer-copyright {
  font-weight: normal;
  font-weight: 400;
}
#site-footer .footer-copyright small {
  font-size: 80%;
}
.to-the-top {
  background-color: #378434;
  border-top-right-radius: .23em;
  border-top-left-radius: .23em;
  color: #fff;
  line-height: 1;
  text-align: center;
  display: block;
  width: 2.5em;
  height: 2.5em;
  padding-top: .13em;
  position: absolute;
  right: .67em;
  bottom: 0;
}
.to-the-top .to-the-top-long {
  display: block;
}
.to-the-top .to-the-top-img {
  display: block;
  width: 1.75em;
  margin: 0 auto;
}
.to-the-top img {
  width: 100%;
  height: auto;
}

@media ( min-width: 641px ) {
  html {
    font-size: 62.5%; /* 10px見当 */
  }
  body,
  .fg-masonry.fg-captions-bottom.fg-border-thin .fg-caption {
    font-size: 1.4em;
  }
  .entry-header .entry-title {
    font-size: 4.4rem;
  }
  .entry-header .go-back-pege a {
    width: 32.15em;
  }
}
@media ( min-width: 769px ) {
  body,
  .fg-masonry.fg-captions-bottom.fg-border-thin .fg-caption {
    font-size: 1.5em;
  }
  .entry-header .entry-title {
    font-size: 4.6rem;
  }
}
@media ( min-width: 813px ) {
  .fbx-rounded .fbx-close {
    top: -30px;
    right: -30px;
  }
}
@media ( min-width: 897px ) {
  body,
  .fg-masonry.fg-captions-bottom.fg-border-thin .fg-caption {
    font-size: 1.6em;
  }
}