@charset "utf-8";
/*
css : blog
*/
.blog-panel {
/*
 width: 80% !important;
 max-width: 800px !important;
*/
 width: 60%;
 max-width: 60vw !important;
 text-align: left;
 font-family: 'Nunito', 'Marcellus', 'Noto Sans JP', sans-serif !important;
 font-size: 12pt;
}
.blog-panel * {
 line-height: 1.8rem;
 font-family: 'Nunito', 'Marcellus', 'Noto Serif JP', sans-serif !important;
 letter-spacing: 0.2rem;
}
.blog-panel h1:not(.align-center):not(.align-right) ,
.blog-panel h2:not(.align-center):not(.align-right) ,
.blog-panel h3:not(.align-center):not(.align-right) ,
.blog-panel h4:not(.align-center):not(.align-right) ,
.blog-panel h5:not(.align-center):not(.align-right) ,
.blog-panel h6:not(.align-center):not(.align-right) {
 text-align: left;
}
.blog-panel h1 ,
.blog-panel h2 ,
.blog-panel h3 ,
.blog-panel h4 ,
.blog-panel h5 ,
.blog-panel h6 {
 line-height: 1.5rem;
 margin-bottom: 1em;
 word-break: keep-all;
}
.blog-panel p {
 margin: 0 0;
 font-size: 1em;
}
.blog-panel img {
/*
 margin-top: 1rem;
 margin-bottom: 1rem;
*/
 margin-top: 5rem;
 margin-bottom: 5rem;
}
.style1 ,
.style1 span {
 font-size: 1.5rem;
}
.style2 ,
.style2 span {
 font-size: 1.8rem;
}
.style4 ,
.style4 span {
 font-size: 1.5rem;
}
.style6 ,
.style6 span {
 font-size: 1.8rem;
}
.style7 ,
.style7 span {
 font-size: 1.5rem;
}

@media all and (min-width: 1000px) and (orientation: portrait) {
 body {
  margin-left: 0!important;
 }
}
@media all and (max-width: 1030px) and (orientation: portrait) {
 #site-content{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
 }
 .style1 ,
 .style1 span {
  font-size: 1.6rem;
  word-break: break-all;
 }
 .style2 ,
 .style2 span {
  line-height: 2.1rem;
  font-size: 2.0rem;
 }
 .style4 ,
 .style4 span {
  font-size: 1.6rem;
 }
 .style6 ,
 .style6 span {
  font-size: 2.0rem;
 }
 .style7 ,
 .style7 span {
  font-size: 1.6rem;
  word-break: break-all;
 }
}

@media all and (max-width: 780px) and (orientation: portrait) {
 .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
/*
  width: 85% !important;
  max-width: 800px !important;
*/
  width: 80% !important;
  max-width: 80vw !important;
 }
 .blog-panel {
  width: 85% !important;
  max-width: 800px !important;
 }
 .blog-panel * {
  line-height: 1.2rem;
  letter-spacing: 0.1rem;
 }
.blog-panel h2 {
 line-height: 1.4em;
 font-size: 1.4em;
 font-weight: bold;
}
.blog-panel h3 {
 line-height: 1.4em;
 font-size: 1.4em;
 font-weight: bold;
}
.blog-panel h4 {
 line-height: 1.3em;
 font-size: 1.3em;
 font-weight: bold;
}
.blog-panel h5 {
 line-height: 1.2em;
 font-size: 1.2em;
 font-weight: bold;
}
 .style1 ,
 .style1 span {
  font-size: 1.0rem;
 }
 .style2 ,
 .style2 span {
  line-height: 1.2rem;
  font-size: 1.1rem;
 }
 .style4 ,
 .style4 span {
  font-size: 1.0rem;
 }
 .style6 ,
 .style6 span {
  font-size: 1.1rem;
 }
 .style7 ,
 .style7 span {
  font-size: 1.0rem;
 }
}

@media all and (max-width: 760px) and (orientation: portrait) {
}