@charset "UTF-8";
/*
Theme Name: twentynineteen_child
Theme URI: 
Description: twentynineteenの子テーマ
Author: Higashi Yuji
Author URI:
Template: twentynineteen
Version: 2.3
*/

.site-header.featured-image::after{
    background:transparent;
}

html {
    font-size: 17px;
  }

h1 {
    font-size: 1.5em !important;
 }

@media only screen and (min-width: 768px) {
    h1 {
      font-size: 2.1rem !important;
    }
  }

.entry-title,
.not-found .page-title,
.error-404 .page-title,
.has-larger-font-size,
h2 {
font-size: 1.3em;
}

@media only screen and (min-width: 768px) {
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.has-larger-font-size,
h2 {
    font-size: 1.6em;
}
}

/*スマホのsingleページの本文footerと次の投稿の空きを開けるcalc(2 * 1rem)の2を大きくするともっと空く*/
.entry .entry-footer {
    margin: calc(1 * 0.5rem) 1rem 4.5rem;
}

/*768px以上のsingleページの本文footerと次の投稿の空きを開けるcalc(6 * 1rem)の6を大きくするともっと空く*/
@media only screen and (min-width: 768px) {
.entry .entry-footer {
    margin: 1rem calc(10% + 60px) calc(8 * 1rem);
    max-width: calc(8 * (100vw / 12) - 28px);
}
}

.has-regular-font-size,
.has-large-font-size,
.comments-title,
h3 {
  font-size: 1.2em !important;
}

/*headerまわり*/
header .site-branding-container {
    background-color: #ffffff !important;
}

.site-header {
    background-color: #ffffff !important;
  }
  
.site-branding {
    background-color: #2c2c2c ;
    padding: 15px 0 5px 5px;
    
}

.site-title {
  padding: 5px;
  text-align: center;
}

/*site-title of home*/
.site-title a:link, .site-title a:visited {
  color: #ffffff;
}

.site-title {
  font-size: 1.5em;
}

.site-branding {
  position: relative;
  z-index: 10;
  text-align: center;
}


.site-header {
  margin: 0;
  padding: 0rem 0 3rem 0;
}

/*投稿イメージと本文との空き*/
.entry .post-thumbnail {
  margin: 1rem 1rem 0;
}

@media only screen and (min-width: 768px) {
  .entry .post-thumbnail {
    margin: 1rem calc(10% + 60px) 0;
  }
}

/*end投稿イメージと本文との空き*/


/*3749*/
@media only screen and (min-width: 768px) {
    .site-header {
      margin: 0;
      padding: 0rem 0 3rem 0;
    }
    .site-header.featured-image {
      min-height: 100vh;
      margin-bottom: 3rem;
    }
  }

@media only screen and (min-width: 768px) {
.site-branding {
    margin: 0 calc(20% + 60px);
  }
}

@media only screen and (min-width: 768px) {
    .hfeed .entry .entry-header {
      margin: calc(3 * 1rem) calc(20% + 60px) calc(1rem / 2);
    }
  }

@media only screen and (min-width: 768px) {
.entry .entry-content,
.entry .entry-summary {
    max-width: 80%;
    margin: 0 20%;
    padding: 0 60px;
}
}
  
@media only screen and (min-width: 768px) {
  .entry .entry-footer {
    margin: 1rem calc(20% + 60px) calc(3 * 1rem);
    max-width: calc(8 * (100vw / 12) - 28px);
  }
}

/*コメントエリア位置*/
@media only screen and (min-width: 768px) {
  .comments-area {
    margin: calc(3 * 1rem) calc(20% + 60px);
  }
}


/*前の投稿杉の投稿*/
@media only screen and (min-width: 1168px) {
  .post-navigation .nav-links {
    flex-direction: row;
    margin: 0 calc(20% + 60px);
    max-width: calc(6 * (100vw / 12) - 28px);
  }
}

  


/*bokuralab_logo*/
@media only screen and (min-width: 768px) {
  .blobbuttom {
    position:fixed;
    top:10px;
    left:10px;
    z-index: 999;
  }
}

/*bokuralab_logo*/
@media screen and (max-width:767px) {
  .blobbuttom {
    display: none;
  }
}

/*homeボタン*/
.hbuttom {
    position:fixed;
    bottom:10px;
    right:10px;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color:#ffffff;
    font-size:15px;
    text-decoration:none;
    background:#2EA2CC;
    text-align: center;
    line-height: 50px;
    z-index: 1000;
    }

/*image*/

@media only screen and (min-width: 768px) {
    .entry .post-thumbnail {
      margin: 1rem calc(20% + 60px);
    }
  }

/*footer*/

@media only screen and (min-width: 768px) {
  #colophon .widget-area,
  #colophon .site-info {
    margin: calc(2 * 1rem) calc(20% + 60px) 0;
    padding: 0 0 20px 0;
  }
}

#colophon .widget-column {
  display: flex;
  flex-wrap: wrap;
  border-top: dotted 1px #999;
}

/*page*/
@media only screen and (min-width: 768px) {
  .entry .entry-header {
    margin: calc(3 * 1rem) calc(20% + 60px) 1rem;
  }
}

/* 関連記事yarpp */
h3.yarpp-title {
  margin-top: 20px !important;
  padding-top: 40px;
}
.related-post{
  max-width:100%;
  height:100%;
  overflow:hidden;
  margin-top:5px;
  }
  .related-entry {
  vertical-align: top;
  float: left;
  max-width:23%;
  font-size: 13px;
  height: 215px;
  overflow: hidden;
  margin: 0 0.5%;
  line-height:1.5;
  }
   
  .related-entry img{
  padding:2px;
  border: #ccc 1px solid;
  }
  
  @media screen and (max-width:599px){
    
  .related-entry {
      max-width: 48% !important;
      margin: 0 1% !important;
      line-height:1.3;
      font-size: 15px;
  }
  .related-entry img {
      width: 100%;
  }
  }