@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Parent 2.8.5.4
Template:   cocoon-master
Version:    1.1.3
*/
html {
  font-size: 16px;
}

/* レイアウト
------------------------------------------------------ */
@media screen and (max-width: 639px) {
  main.main {
    padding-bottom: 3px;
  }
}

@media screen and (max-width: 639px) {
  div.sidebar {
    margin-top: 0;
  }
}

/* ヘッダー
------------------------------------------------------ */
#header-container {
  border-bottom: 2px solid #e3e3e3;
}

#header {
  color: #aaa;
}

.header-in {
  flex-direction: row;
  justify-content: flex-start;
  position: relative;
}

@media screen and (max-width: 639px) {
  .header-in {
    justify-content: center;
    height: 50px;
  }
}

.header-in .logo-header {
  margin: 34px 12px 32px 30px;
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 639px) {
  .header-in .logo-header {
    margin: 0;
    margin-top: 15px;
  }
}

.header-in .logo-header.logo-image {
  line-height: 0;
}

.header-in .logo-header .site-logo-image {
  height: 42px;
}

@media screen and (max-width: 639px) {
  .header-in .logo-header .site-logo-image {
    height: 23px;
  }
}

.header-in .site_description {
  margin-top: 37px;
  font-size: 12px;
  line-height: 1.5;
}

@media screen and (max-width: 639px) {
  .header-in .site_description {
    display: none;
  }
}

.header-in .honpo-link {
  width: 140px;
  margin-top: 30px;
  margin-right: 20px;
  margin-left: auto;
}

@media screen and (max-width: 639px) {
  .header-in .honpo-link {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    margin-top: 0;
    margin-right: 0;
    padding: 17px 15px;
  }
}

.header-in .honpo-link a {
  text-decoration: none;
  color: #999;
}

.header-in .honpo-link img {
  display: block;
}

@media screen and (max-width: 639px) {
  .header-in .honpo-link .image img {
    width: 20px;
  }
}

.header-in .honpo-link .text {
  margin-top: .3em;
  font-size: 13px;
  line-height: 1;
  text-align: center;
}

@media screen and (max-width: 639px) {
  .header-in .honpo-link .text {
    display: none;
  }
}

.header-in .search-page-link {
  display: none;
}

@media screen and (max-width: 639px) {
  .header-in .search-page-link {
    display: block;
    position: absolute;
    top: 16px;
    right: 16px;
    width: 18px;
  }
}

.header-eyecatch {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 40vw;
  background: url("./images/header-eyecatch-bg.jpg") center/cover;
  background-color: rgba(0, 0, 0, 0.3);
  background-blend-mode: darken;
}

@media screen and (min-width: 640px) {
  .header-eyecatch {
    height: 180px;
  }
}

.header-eyecatch .catch,
.header-eyecatch .site_name {
  font-weight: bold;
  color: #fff;
}

.header-eyecatch .site_name {
  font-size: 2.4rem;
  line-height: 1;
}

#header-container .navi {
  background-color: #fff;
}

@media screen and (max-width: 834px) {
  #navi .navi-in > .menu-header {
    display: flex;
  }
}

#navi .navi-in > .menu-header .sub-menu {
  background-color: #eee;
}

@media screen and (max-width: 834px) {
  #navi .navi-in > .menu-pc li {
    width: 50%;
    height: 40px;
    line-height: 40px;
  }
}

#navi .navi-in > .menu-pc li a {
  font-size: 14px;
  color: #333;
}

#navi .navi-in > .menu-pc li.menu-item-has-children > a {
  pointer-events: none;
}

@media screen and (max-width: 834px) {
  #navi .navi-in > ul .sub-menu {
    min-width: 50vw;
  }
  #navi .navi-in > ul .sub-menu li {
    width: 100%;
  }
}

@media screen and (max-width: 834px) {
  #navi .navi-in .has-icon {
    display: none;
  }
}

/* フッター
------------------------------------------------------ */
@media screen and (max-width: 639px) {
  #footer {
    padding-bottom: 75px;
  }
}

.footer-bottom {
  margin-top: .36em;
}

@media screen and (max-width: 639px) {
  .navi-footer-in > .menu-footer li.menu-item {
    width: 46%;
    margin-bottom: .8em;
  }
}

.navi-footer-in > .menu-footer li.menu-item a {
  padding: 0 5px;
}

.footer-bottom-content .honpo-link {
  width: 150px;
  margin: 0 auto 13px;
}

/* メインカラム
------------------------------------------------------ */
@media screen and (max-width: 834px) {
  main.main {
    border-radius: 0;
  }
}

/* リスト
------------------------------------------------------ */
#list {
  --card-top-w: 12px;
}

@media screen and (max-width: 639px) {
  #list {
    margin-top: -7px;
    margin-top: calc(var(--card-top-w) - 3px - 16px);
    margin-right: -16px;
    margin-bottom: 50px;
    margin-left: -16px;
  }
}

.a-wrap {
  padding: 0 0 1.5%;
  transition: none;
}

@media screen and (max-width: 639px) {
  #list .entry-card-wrap {
    margin-bottom: calc(20px + var(--card-top-w));
    border-bottom: 2px solid #e3e3e3;
    box-shadow: 0 20px #eee;
  }
}

@media screen and (max-width: 639px) {
  .entry-card-title {
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.6;
  }
}

@media screen and (max-width: 639px) {
  .cat-label {
    padding: 3px 5px;
    font-size: 12px;
  }
}

.ect-entry-card .card-content {
  margin-left: 130px;
}

@media screen and (max-width: 639px) {
  .ect-entry-card .entry-card-thumb {
    width: 120px;
    margin: 0;
  }
}

.ect-entry-card .post-date,
.ect-entry-card .post-update {
  color: #999;
}

.ect-vertical-card .entry-card-wrap {
  width: 48.5%;
}

.ect-vertical-card .entry-card-wrap .entry-card-thumb img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.ect-big-card .entry-card-content {
  padding-right: .7em;
  padding-bottom: .8em;
  padding-left: .7em;
}

.ect-big-card .card-thumb {
  aspect-ratio: 16 / 9;
}

.ect-big-card .card-thumb img {
  height: 100%;
  object-fit: cover;
}

#list .posts-not-found {
  margin-right: 16px;
  margin-left: 16px;
}

/* サイドバー
------------------------------------------------------ */
@media screen and (max-width: 834px) {
  #sidebar.sidebar {
    border-radius: 0;
  }
}

.sidebar h3 {
  margin: 16px 0;
  padding: 0 10px 5px 0;
  border-bottom: 2px solid #f57151;
  background-color: transparent;
  color: inherit;
  font-size: 16px;
  line-height: 1.5;
}

@media screen and (max-width: 639px) {
  .sidebar h3 {
    margin-right: -16px;
    margin-left: -16px;
    padding-left: 10px;
  }
}

/* ページネーション
------------------------------------------------------ */
.index_prevnext {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
  margin-bottom: 24px;
}

.index_prevnext .pagination-next,
.index_prevnext .pagination-prev {
  width: 48%;
}

.index_prevnext .pagination-next a,
.index_prevnext .pagination-prev a {
  display: block;
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  color: #333;
  font-size: 1.2em;
  text-decoration: none;
  text-align: center;
}

@media screen and (max-width: 639px) {
  .index_prevnext .pagination-next a,
  .index_prevnext .pagination-prev a {
    font-size: 1em;
  }
}

.index_prevnext .pagination-next:only-child,
.index_prevnext .pagination-prev:only-child {
  width: 100%;
}

.index_prevnext .pagination-next {
  margin-top: 0;
}

/* 広告
------------------------------------------------------ */
.ad-space {
  text-align: center;
}

aside.recommend-text {
  margin-bottom: 1em;
}

aside.recommend-text .recommend-space {
  text-align: center;
}

.post-date, .post-update, .post-author, .amp-back {
  margin-right: 0;
}

.article-header,
.entry-content,
.entry-content-extra {
  width: 680px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .article-header,
  .entry-content,
  .entry-content-extra {
    width: auto;
  }
}

.article-header {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 639px) {
  .article-header .entry-title {
    margin-bottom: 0;
    padding: 0;
    font-size: 18px;
    line-height: 1.5;
  }
}

.article-header .eye-catch-wrap {
  order: -2;
}

.article-header .date-tags {
  order: -1;
}

.article-header .author {
  margin-bottom: 1rem;
  font-size: .875rem;
  text-align: right;
}

@media screen and (max-width: 639px) {
  .article-header .author {
    font-size: .7em;
  }
}

.article-header .author a {
  text-decoration: none;
  color: inherit;
}

.entry-content {
  margin-bottom: 1em;
}

.entry-footer .entry-categories-tags {
  margin-top: .5em;
}

/* 本文追記
------------------------------ */
.entry-content-extra {
  margin-bottom: 1em;
}

/* 記事修飾
------------------------------------------------------ */
.article h2, .article h3, .article h4, .article h5, .article h6 {
  margin-top: 2em;
  margin-bottom: 1.1em;
  padding-top: .5em;
  padding-bottom: .5em;
  font-weight: bold;
}

.article h2 {
  padding-left: 0;
  background-color: transparent;
  color: #333;
  font-size: 18px;
}

.article h3 {
  padding-top: .3em;
  padding-bottom: .3em;
  border: none;
  border-left: 5px solid #999;
  font-size: 16px;
}

.article h4, .article h5 {
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  font-size: 16px;
}

.article p {
  margin-bottom: 1em;
}

/* 関連記事
------------------------------------------------------ */
.related-entries {
  margin-bottom: 1em;
}

@media screen and (max-width: 639px) {
  .related-entry-heading {
    margin: 16px -16px;
    padding: 0 10px 5px 10px;
    border-bottom: 2px solid #f57151;
    font-size: 16px;
    line-height: 1.5;
  }
}

@media screen and (max-width: 639px) {
  .related-list .a-wrap {
    margin-bottom: 4px;
    padding: 5px;
    line-height: 1.3;
  }
}

.related-entry-card-wrap {
  border-bottom: 2px dotted #eee;
}

@media screen and (max-width: 639px) {
  .related-entry-card .related-entry-card-thumb {
    width: 120px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 639px) {
  .related-entry-card .related-entry-card-content {
    margin-left: 126px;
  }
}

.related-entry-card .related-entry-card-title {
  font-weight: normal;
}

/* コメント
------------------------------------------------------ */
#comment-area .comment-notes,
#comment-area .comment-form-email {
  display: none;
}

#comment-area .comment-meta a {
  color: inherit;
  text-decoration: none;
}

#comment-area .form-submit {
  margin-top: 1em;
}

#comment-area .form-submit input {
  color: #333;
  font-size: 16px;
}

.widget-single-content-top:last-child {
  margin-bottom: 0;
}

/* ウィジェット（カテゴリー・アーカイブなど） */
.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_rss ul li a,
.widget_nav_menu ul li a {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* タグ
------------------------------------------------------ */
.tagcloud a {
  flex-grow: 0;
}

/* WordPress Popular Posts
------------------------------------------------------ */
ul.wpp-list {
  padding-left: 0;
}

ul.wpp-list li {
  margin-bottom: 4px;
  padding: 5px;
  border-bottom: 2px dotted #eee;
  list-style: none;
  line-height: 1.3;
}

ul.wpp-list li:first-of-type {
  border-top: 2px dotted #eee;
}

ul.wpp-list li a {
  display: block;
  color: #333;
  text-decoration: none;
}

ul.wpp-list li a:first-child {
  float: left;
  margin-right: 1.6%;
}

ul.wpp-list li a:last-child {
  margin-left: 126px;
}

ul.wpp-list img {
  margin-top: 3px;
  margin-right: 0;
}

ul.wpp-list .wpp-thumbnail {
  float: none;
}
/*# sourceMappingURL=style.css.map */