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

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

.grecaptcha-badge { 
  visibility: hidden;
}

input.wpcf7-submit {
  margin: 0;
  padding: 10 0;
}

li {
  list-style-type:none;
}

.site-logo-image {
  margin: 0;
  width: 100%;
}

.pagination-next {
  display: none;
}

.is-style-good-box::before,
.is-style-ok-box::before {
  border-right: none;
}

.mobile-header-menu-buttons {
  background: #16213e;
}

.navi-menu-caption.menu-caption,
.home-menu-caption.menu-caption,
.search-menu-caption.menu-caption,
.custom-menu-caption.menu-caption,
.sidebar-menu-caption.menu-caption {
  display:none;
}

.sidebar-menu-close-button,
.menu-close-buttom {
  text-align: left;
  padding-left: 20px;
}

.widget-entry-card {
  border-bottom: 3px solid #f47fd7;
  border-bottom-style: dotted;
  padding-bottom: 13px;
}

.sidebar h3 {
  background: transparent;
  border-left: 7px solid #70b1d1;
  border-bottom: 1px solid #f47fd7;
  padding: 10px;
}

.widget_categories ul li a .custom-categories-chevron {
  display: block;
  float: right;
}
table tr:nth-child(odd),
table tr:nth-child(even) {
  background-color: transparent !important;
}
a.cat-link {
  background-color: #f39c12;
  color: #ffffff;
}
.blogcard-wrap {
  background: none;
}
.go-to-top {
  left: 10px;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
  .entry-card-thumb.card-thumb.e-card-thumb {
      height: 180px !important;
  }
    
  .entry-card-title.card-title.e-card-title {
      font-size: 15px !important;
  }
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  #sidebar > .widget_search,
  #sidebar > .widget_archive,
  #sidebar > .widget_categories {
    display: none;
  }
}

/*768px以下*/
@media (max-width: 768px) {
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  #slide-in-sidebar {
    padding-top: 0;
    background: #16213e;
  }
  .menu-content {
    background: #16213e;
  }
  .entry-card.e-card {
      display: flex !important;
      flex-direction: column !important;
      margin-bottom: 20px !important;
      border-radius: 12px !important;
      overflow: hidden !important;
      box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
      transition: transform 0.3s ease, box-shadow 0.3s ease !important;
      background-color: #2a2a3e !important;
  }
  .entry-card.e-card:hover {
      transform: translateY(-2px) !important;
      box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
  }
  .entry-card-thumb.card-thumb.e-card-thumb {
      width: 100% !important;
      height: 220px !important;
      position: relative !important;
      overflow: hidden !important;
      flex-shrink: 0 !important;
  }
  .entry-card-thumb-image.card-thumb-image {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      transition: transform 0.3s ease !important;
  }
  .entry-card.e-card:active .entry-card-thumb-image.card-thumb-image {
      transform: scale(1.05) !important;
  }
  .cat-label {
      position: absolute !important;
      top: 12px !important;
      left: 12px !important;
      background: linear-gradient(135deg, #ff6b6b, #ff8e8e) !important;
      color: white !important;
      padding: 6px 12px !important;
      font-size: 12px !important;
      font-weight: 600 !important;
      border-radius: 20px !important;
      z-index: 2 !important;
      box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
  }
  .entry-card-content.card-content.e-card-content {
      padding: 20px !important;
      flex: 1 !important;
  }
  .entry-card-title.card-title.e-card-title {
      font-size: 16px !important;
      line-height: 1.4 !important;
      margin-bottom: 12px !important;
      color: #fff !important;
      font-weight: 600 !important;
  }
  .entry-card-snippet.card-snippet.e-card-snippet {
      font-size: 14px !important;
      line-height: 1.5 !important;
      color: #ccc !important;
      margin-bottom: 15px !important;
      display: -webkit-box !important;
      -webkit-line-clamp: 3 !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden !important;
  }
  .entry-card-meta.card-meta.e-card-meta {
      display: flex !important;
      justify-content: space-between !important;
      align-items: center !important;
      font-size: 12px !important;
      color: #999 !important;
  }
  .post-date {
      display: flex !important;
      align-items: center !important;
      gap: 5px !important;
	  font-size: 1.0em;
  }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.entry-card.e-card {
    animation: fadeInUp 0.6s ease-out;
}

.entry-card-thumb-image.card-thumb-image {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.entry-card-thumb-image.card-thumb-image[src] {
    opacity: 1;
}