@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.entry-content>*, .mce-content-body>*, .article p, .demo .entry-content p, .article dl, .article ul, .article ol, .article blockquote, .article pre, .article table, .article .toc, .body .article, .body .column-wrap, .body .new-entry-cards, .body .popular-entry-cards, .body .navi-entry-cards, .body .box-menus, .body .ranking-item, .body .rss-entry-cards, .body .widget, .body .author-box, .body .blogcard-wrap, .body .login-user-only, .body .information-box, .body .question-box, .body .alert-box, .body .information, .body .question, .body .alert, .body .memo-box, .body .comment-box, .body .common-icon-box, .body .blank-box, .body .button-block, .body .micro-bottom, .body .caption-box, .body .tab-caption-box, .body .label-box, .body .toggle-wrap, .body .wp-block-image, .body .booklink-box, .body .kaerebalink-box, .body .tomarebalink-box, .body .product-item-box, .body .speech-wrap, .body .wp-block-categories, .body .wp-block-archives, .body .wp-block-archives-dropdown, .body .wp-block-calendar, .body .ad-area, .body .wp-block-gallery, .body .wp-block-audio, .body .wp-block-cover, .body .wp-block-file, .body .wp-block-media-text, .body .wp-block-video, .body .wp-block-buttons, .body .wp-block-columns, .body .wp-block-separator, .body .components-placeholder, .body .wp-block-search, .body .wp-block-social-links, .body .timeline-box, .body .blogcard-type, .body .btn-wrap, .body .btn-wrap a, .body .block-box, .body .wp-block-embed, .body .wp-block-group, .body .wp-block-table, .body .scrollable-table, .body .wp-block-separator, .body .wp-block, .body .video-container, .comment-area, .related-entries, .pager-post-navi, .comment-respond {
  margin-bottom: 1.1em;
}

.wp-block-categories {
  border: 1px solid var(--cocoon-basic-border-color);
}
.wp-block-categories li {
  border-bottom: 1px dotted #dadfff;
}
.wp-block-categories li:last-child {
  border-bottom: none;
}
.wp-block-categories li a {
  padding: 0.5em 1em 0.4em !important;
}

.wp-block-categories-list {
  border: var(--kaneda-meta-border);
  border-radius: var(--kaneda-meta-radius);
  box-shadow: var(--kaneda-meta-shadow);
  background: linear-gradient(135deg, #fff 0%, var(--kaneda-meta-surface) 100%);

  padding: 1em 1em;
}
.wp-block-categories-list li:last-child {
  border-bottom: none;
}
.wp-block-categories-list li a {
  line-height: 2.0;
}


.article-footer,.entry-footer {
  margin: 2.5rem 0 3.5rem;
}

.entry-card-thumb {
  width: 12%;
}
.entry-card-content {
  margin-left: 14%;
}
@media screen and (max-width: 834px) {
  .entry-card-thumb {
    width: 16%;
  }
  .entry-card-content {
    margin-left: 18%;
  }
}

.thumb-wide {
  --card-ratio: 9 / 9;
}

.ect-entry-card .a-wrap:not(.ec-big-card-first) .card-thumb {
  margin-bottom: 0.5em;
}

.blogcard-thumbnail img, .card-thumb img {
  object-fit: scale-down;
}

.list {
  row-gap: 0.5em;
}

.list a {
  box-shadow: var(--kaneda-meta-shadow);
}
.list.post_type-service a {
  box-shadow: none;
}

#list a, body.kaneda-legacy .list a, body.kaneda-legacy .list a:visited,
.rect-mini-card .related-list a,
.pager-post-navi a.prev-post,
.pager-post-navi a.next-post {
  text-decoration: none;
  color: var(--cocoon-text-color) !important;
}

.rect-mini-card .related-entry-card-thumb {
  width: 70px;
}
.rect-mini-card .related-entry-card-content {
  margin-left: 80px;
  font-size: 1.0em;
}

.pager-post-navi a figure {
  min-width: 70px;
  max-width: 70px;
}

.a-wrap {
  padding: 1%;
}

.related-entry-card-title, .entry-card-title {
  font-size: 1.0rem !important;
  padding: 0.6em 0 0 !important;
  line-height: 1.2 !important;
  margin-bottom: 0.3em !important;
}

.footer-bottom-logo {
  position: relative;
  margin-bottom: 1.5em;
}

.copyright {
  margin-top: 1.5em;
}

.list-more-button {
  text-decoration: none !important;
  color: #333 !important;
  padding: 0.5em 2.5em 0.4em !important;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}