/* sumika-simple : ページ別: blog */
/* 旧テーマ onepress-sumika（OnePress 2.3.4 / Bootstrap 4 / テンプレート内 style）から、使用中のルールのみを元の順序で移植。Bootstrap: MIT, OnePress: GPLv2+ */
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
input[type=search]{-webkit-appearance:none}
.clearfix::after{display:block;content:"";clear:both}
h1 span {
  font-weight: bold;
}
select {
  max-width: 100%;
  overflow: auto;
  vertical-align: top;
  outline: none;
  border: 1px solid #e9e9e9;
  padding: 10px;
}
.hide {
  display: none;
}
.blog .site-content, .tax-portfolio_cat .site-content, .single-post .site-content, .hiding-page-title .site-content {
  margin-top: 0;
}
.error-404 .search-form, .error-404 .widget {
  margin-bottom: 40px;
}
.error-404 .widgettitle, .error-404 .widget-title {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 13px;
  font-weight: 700;
}
.error-404 ul li {
  list-style: none;
}
.search-results .hentry {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.search-results .entry-header .entry-title {
  font-size: 22px;
  line-height: 1.5;
  font-weight: 500;
}
.search-results .entry-header .entry-title a:hover {
  text-decoration: none;
}
.entry-header .entry-title {
  font-weight: 500;
  text-transform: none;
  letter-spacing: -0.6px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 25px;
  line-height: 1.3;
}
@media screen and (min-width: 940px){
.entry-header .entry-title {
    font-size: 32px;
    line-height: 1.5;
  }
}
.single .entry-header .entry-title {
  margin-bottom: 10px;
}
.entry-meta {
  margin-bottom: 30px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 30px;
  border-bottom: 1px solid #e9e9e9;
}
.search-form {
  display: flex;
  width: 100%;
  align-items: center;
}
.search-form .search-field {
  width: 100% !important;
  padding: 10px 15px;
  padding: 0.625rem 0.9375rem;
}
.search-form .search-submit {
  width: auto;
  margin: 0px 0 0 0.5em;
  height: 100%;
}
.search-form label {
  flex-grow: 2;
  margin: 0px;
}
.section-news .list-article, .archive .list-article, .blog .list-article {
  border-top: 1px solid #e9e9e9;
  padding: 25px 0px;
}
.section-news .list-article:last-of-type, .archive .list-article:last-of-type, .blog .list-article:last-of-type {
  border-bottom: 1px solid #e9e9e9;
}
.section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb {
  float: left;
  margin-right: 30px;
}
.section-news .list-article-thumb a img:hover, .archive .list-article-thumb a img:hover, .blog .list-article-thumb a img:hover {
  opacity: 0.8;
}
@media screen and (max-width: 940px){
.section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb {
    display: none;
  }
}
@media screen and (max-width: 720px){
.section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb {
    width: 100%;
    float: none;
    margin-right: 0px;
    margin-bottom: 30px;
    display: block;
  }
.section-news .list-article-thumb img, .archive .list-article-thumb img, .blog .list-article-thumb img {
    width: 100%;
  }
}
.section-news .list-article-content, .archive .list-article-content, .blog .list-article-content {
  float: none;
  overflow: hidden;
}
.section-news .list-article-meta, .archive .list-article-meta, .blog .list-article-meta {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: 10px;
}
.section-news .entry-title, .archive .entry-title, .blog .entry-title {
  font-size: 22px;
  line-height: 1.5;
}
.section-news .entry-title a:hover, .archive .entry-title a:hover, .blog .entry-title a:hover {
  text-decoration: none;
}
.section-news .entry-excerpt p, .archive .entry-excerpt p, .blog .entry-excerpt p {
  margin-bottom: 0px;
}
.archive .site-main .list-article:first-child, .blog .site-main .list-article:first-of-type {
  border-top: none;
  padding-top: 0px;
}
.post-template-default.single #main {
  padding: 60px 0;
  max-width: 800px;
  width: 96%;
  margin: auto;
}
.blog .list-article {
  max-width: 850px;
  width: 96%;
  margin: auto;
}
.blog main {
  padding-bottom: 120px;
}
@media (max-width: 750px){
.post-template-default.single #page .entry-content p {
    word-break: break-all !important;
  }
}