@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
main>article,
aside.related-entries {
  border-radius: 8px;
}

.breadcrumb.sbp-main-before {
  background: none;
}

div#header-container {
  margin-bottom: 40px;
  box-shadow: none;
  border-bottom: 2px solid #ccc;
}

/*サイドバー*/
#sidebar>.widget,
#sidebar-scroll>.widget {
  padding: 16px;
  border-radius: 8px;
}

#sidebar-scroll .toc {
  width: 100%;
}

#sidebar .toc-list,
#sidebar-scroll .toc-list {
  width: 100%;
  padding: 0;
}

#sidebar>.widget ul {
  padding-left: 30px;
}

#sidebar>.widget h2 {
  position: relative;
  margin: 0 0 24px 0;
  padding: 0 0 4px 0;
  border-bottom: 1px solid #ccc;
}

#sidebar>.widget h3,
#sidebar-scroll>.widget h3 {
  position: relative;
  margin: 0 0 24px 0;
  padding: 0 0 4px 0;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  color: #111;
  border-bottom: 1px solid #ccc;
}

/* #sidebar>.widget h2::before,
#sidebar>.widget h3::before,
#sidebar-scroll>.widget h3::before{
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #5ec5eb;
} */
#sidebar>.widget.widget_search {
  padding: 0;
  background: transparent;
}

#sidebar>.widget ul.wp-block-latest-posts{
  padding-left: 0;
}

.widget_search label {
  font-weight: bold;
  font-size: 18px;
}

.widget_search form.wp-block-search {
  margin-bottom: 8px;
}

.widget_tag_cloud .tagcloud a {
  display: inline-block;
  flex: none;
  margin-right: 8px;
}

li::marker {
  color: #5ec5eb;
}

.ect-vertical-card .entry-card-wrap {
  position: relative;
  padding: 0;
  border-radius: 8px;
}

.ect-vertical-card .entry-card-wrap figure img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.ect-vertical-card .entry-card-wrap .entry-card-content {
  padding: 16px;
}

h2.entry-card-title.card-title.e-card-title {
  padding-top: 16px;
}

.entry-card-meta,
.related-entry-card-meta {
  bottom: 16px;
  right: 16px;
}

.eye-catch .cat-label,
.cat-label {
  top: 0px;
  left: 0px;
  font-weight: bold;
  color: #fff;
}

.front-page-type-tab-index .cat-label,
.front-page-type-index .cat-label {
  top: 8px;
  left: 8px;
}

.front-page-type-index h2.entry-card-title.card-title.e-card-title{
  font-weight: bold;
}

.cat-label.cat-label-1 {
  background: #707070;
}

.cat-label.cat-label-2 {
  background: #2fb9eb;
}

.cat-label.cat-label-3,
.cat-label.cat-label-41,
.cat-label.cat-label-54 {
  background: #ebbf2f;
}

.cat-label.cat-label-4,
.cat-label.cat-label-40 {
  background: #eb2f5b;
}

.cat-label.cat-label-53 {
  background: #007934;
}

.article-header,
.entry-header {
  padding-top: 32px;
}

.article-header h1.entry-title,
.entry-header h1.entry-title {
  position: relative;
  top: 0;
  left: 0;
}

.article-header .date-tags,
.entry-header .date-tags {
  top: 0;
  left: 0;
  margin: 8px 0;
}

.article-header .eye-catch img,
.entry-header .eye-catch img {
  height: auto !important;
  -webkit-filter: none;
  filter: none;
  opacity: 1;
  transform: scale3d(1, 1, 1);
  width: 100%;
}

.entry-content h2 {
  background: #daf2fa;
}

.entry-content h2::before {
  width: 8px;
  height: 100%;
  top: 0;
  background: #0889b8;
  border-radius: 0;
}

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

p.interview-question{
  margin-bottom: 10px;
}

a:hover{
  color: #708090;
}

.footer-bottom.fnm-text-width .menu-footer li a{
  position: relative;
  padding-right: 20px;
}

.footer-bottom.fnm-text-width .menu-footer li a::before{
  content: "\f35d";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
}

.footer-bottom-content .copyright{
  color: #fff;
}

.page main>article{
  padding: 0;
  background: none;
}

.page article > .entry-content{
  padding: 0;
}

.page .eye-catch,
.page .date-tags,
.page .pager-post-navi{
  display: none;
}

.page h1{
  font-size: 2em;
  color: #111;
}

.player-map-pc,
.player-map-sp{
  display: none;
}

@media screen and (max-width: 1023px) {
  .player-map-sp{
    display: block;
  }
}

@media screen and (min-width: 1024px) {
  .player-map-pc{
    display: block;
  }
}

.page-id-107 .wp-block-columns.is-layout-flex{
  gap: 0;
}

.page-id-107 .wp-block-gallery {
  gap: 0;
}

.page-id-107 .wp-block-gallery.has-nested-images figure.wp-block-image{
  flex-grow: initial;
}

@media screen and (max-width: 781px) {
  .page-id-107 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
    width: 50%!important;
    flex-basis: auto!important;
    flex-grow: initial;
  }
}

.single-post.categoryid-2 .article h2,
.single-post.categoryid-53 .article h2{
  padding: 20px 10px;
  background: none;
  border-top: 1px solid #0889b8;
  border-bottom: 1px solid #0889b8;
}

.single-post.categoryid-2 .article h2::before,
.single-post.categoryid-53 .article h2::before{
  content: none;
}

figure.tsushinbo-table>table{
  width: 100%;
}

figure.tsushinbo-table>table td{
  font-size: 16px;
}

figure.tsushinbo-table>table td:first-child{
  width: 70%;
}

figure.tsushinbo-table>table td:last-child{
  width: 30%;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {

  /*必要ならばここにコードを書く*/
  main>article {
    padding: 16px 8px;
  }
}

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

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

@media screen and (min-width: 1024px) {
  .breadcrumb.sbp-main-before {
    padding-left: 24px;
  }

  .footer-bottom.fnm-text-width .menu-footer li {
    margin-right: 8px;
  }
}