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

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

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

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

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

/* モバイルメニュー内のアーカイブ・カテゴリーを非表示（Cocoon対策） */
#navi .widget_archive,
#navi .widget_categories,
#slide-in .widget_archive,
#slide-in .widget_categories,
#mobile-menu .widget_archive,
#mobile-menu .widget_categories,
.mobile-menu-content .widget_archive,
.mobile-menu-content .widget_categories {
  display: none !important;
}

/* モバイルメニュー内の見出し（アーカイブ/カテゴリー等）を非表示 */
#navi .menu-content h2,
#slide-in .menu-content h2,
.mobile-menu-content h2 {
  display: none !important;
}

/* モバイルメニュー内の「未分類（カテゴリID=1）」だけ非表示 */
#navi .cat-item-1,
#slide-in .cat-item-1,
#mobile-menu .cat-item-1,
.mobile-menu-content .cat-item-1,
.menu-content .cat-item-1 {
  display: none !important;
}

/* =========================================================
   Car Event NAVI
   大人向けイベント カテゴリページ
========================================================= */

/* 大人向けカテゴリ：サイドバーを非表示 */
.category-adult-post #sidebar{
  display:none !important;
}

/* 全体を1カラム化 */
.category-adult-post .content-in{
  display:block !important;
  width:100% !important;
  max-width:1240px !important;
  margin:0 auto !important;
}

.category-adult-post #main{
  width:100% !important;
  max-width:1240px !important;
  margin:0 auto !important;
  padding-left:20px !important;
  padding-right:20px !important;
}

/* SNS・パンくず等を非表示 */
.category-adult-post .sns-share,
.category-adult-post .sns-share-buttons,
.category-adult-post .sns-share-message,
.category-adult-post .sns-follow,
.category-adult-post .breadcrumb{
  display:none !important;
}

/* 管理者だけ見えるPV表示も一覧では消す */
.category-adult-post .admin-pv{
  display:none !important;
}


/* =========================================================
   記事一覧：PC 4列
========================================================= */

.category-adult-post #list{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:18px !important;
  width:100% !important;
}


/* =========================================================
   カード本体
========================================================= */

.category-adult-post #list .entry-card-wrap{
  display:block !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;

  background:#fff !important;
  border:1px solid #e1e1e1 !important;
  border-radius:14px !important;

  overflow:hidden !important;

  box-shadow:0 4px 14px rgba(0,0,0,.06) !important;

  text-decoration:none !important;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease;
}

.category-adult-post #list .entry-card-wrap:hover{
  transform:translateY(-3px);
  border-color:#c9c9c9 !important;
  box-shadow:0 8px 22px rgba(0,0,0,.11) !important;
}


/* article */
.category-adult-post #list .entry-card{
  display:flex !important;
  flex-direction:column !important;

  width:100% !important;
  height:100% !important;

  margin:0 !important;
  padding:0 !important;
}


/* =========================================================
   アイキャッチ
========================================================= */

.category-adult-post #list .entry-card-thumb{
  position:relative !important;

  display:block !important;
  float:none !important;

  width:100% !important;
  height:auto !important;

  margin:0 !important;
  padding:0 !important;
}

.category-adult-post #list .entry-card-thumb img{
  display:block !important;

  width:100% !important;
  height:165px !important;

  margin:0 !important;
  padding:0 !important;

  object-fit:cover !important;

  border-radius:0 !important;
}


/* 画像上の「大人向けイベント」 */
.category-adult-post #list .entry-card-thumb .cat-label{
  position:absolute !important;
  top:9px !important;
  left:9px !important;

  padding:4px 7px !important;

  background:rgba(20,20,20,.82) !important;
  color:#fff !important;

  border:none !important;
  border-radius:4px !important;

  font-size:10px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
}


/* =========================================================
   カード本文
========================================================= */

.category-adult-post #list .entry-card-content{
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;

  width:100% !important;

  margin:0 !important;
  padding:13px 14px 14px !important;
}


/* タイトル */
.category-adult-post #list .entry-card-title{
  margin:0 0 8px !important;
  padding:0 !important;

  color:#111 !important;

  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.5 !important;

  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:3 !important;

  overflow:hidden !important;
}


/* 抜粋 */
.category-adult-post #list .entry-card-snippet{
  margin:0 !important;
  padding:0 !important;

  color:#666 !important;

  font-size:12px !important;
  line-height:1.55 !important;

  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:3 !important;

  overflow:hidden !important;
}


/* =========================================================
   日付
========================================================= */

.category-adult-post #list .entry-card-meta{
  margin-top:auto !important;
  padding-top:10px !important;

  color:#999 !important;

  font-size:11px !important;
}

/* 下に出るカテゴリ名は重複なので削除 */
.category-adult-post #list .entry-card-categorys{
  display:none !important;
}


/* =========================================================
   ページ送り
========================================================= */

.category-adult-post .pagination{
  margin:35px 0 15px !important;
  text-align:center !important;
}

.category-adult-post .pagination a,
.category-adult-post .pagination span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-width:40px !important;
  height:40px !important;

  margin:3px !important;

  background:#fff !important;

  border:1px solid #ddd !important;
  border-radius:8px !important;

  text-decoration:none !important;
}

.category-adult-post .pagination .current{
  background:#111 !important;
  color:#fff !important;
  border-color:#111 !important;
}


/* =========================================================
   タブレット：3列
========================================================= */

@media screen and (max-width:1100px){

  .category-adult-post #list{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }

}


/* =========================================================
   小型タブレット：2列
========================================================= */

@media screen and (max-width:850px){

  .category-adult-post #list{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }

}


/* =========================================================
   スマホ：横長1列
========================================================= */

@media screen and (max-width:600px){

  .category-adult-post #main{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .category-adult-post #list{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .category-adult-post #list .entry-card{
    display:grid !important;
    grid-template-columns:125px minmax(0,1fr) !important;
    min-height:125px !important;
  }

  .category-adult-post #list .entry-card-thumb{
    height:100% !important;
  }

  .category-adult-post #list .entry-card-thumb img{
    width:100% !important;
    height:100% !important;
    min-height:125px !important;
    object-fit:cover !important;
  }

  .category-adult-post #list .entry-card-content{
    padding:10px 11px !important;
  }

  .category-adult-post #list .entry-card-title{
    margin-bottom:5px !important;

    font-size:14px !important;
    line-height:1.45 !important;

    -webkit-line-clamp:3 !important;
  }

  /* スマホでは説明文を消してコンパクトに */
  .category-adult-post #list .entry-card-snippet{
    display:none !important;
  }

  .category-adult-post #list .entry-card-meta{
    padding-top:6px !important;
    font-size:10px !important;
  }

  .category-adult-post #list .entry-card-thumb .cat-label{
    top:6px !important;
    left:6px !important;
    font-size:9px !important;
  }

/* ========================================
   スマホ：通常ヘッダーのサイトタイトルを非表示
   上部モバイルヘッダーは残す
======================================== */
@media screen and (max-width: 834px) {
    #header .logo {
        display: none !important;
    }
}