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

/************************************
** 子テーマ用のスタイルを書く（すべてのブロックを突破する絶対命令）
************************************/

/* 1. 大きな画像（NO IMAGE）エリアを画面から消し去る */
.entry-card-thumb, .card-thumb, .ect-entry-card .entry-card-thumb {
    display: none !important;
}

/* 2. 不要な「アクセス数（本日：0 全体：0）」などの文字を完全に消し去る */
.entry-card-meta, .post-meta, .card-meta, .display-none, .post-views, .card-pv {
    display: none !important;
}

/* 3. 写真の角に出ていた地域名の黒いラベルを消す */
.cat-label {
    display: none !important;
}

/* 4. スキンが指定している3列などの「横並び（グリッド・フレックス）」を根こそぎ完全に破壊する */
.entry-cards, .main .entry-cards, .ect-vertical-card {
    display: block !important;
    grid-template-columns: none !important;
    grid-gap: 0 !important;
    flex-direction: column !important;
}

/* 5. カード1つずつの横幅を、画面いっぱいの100%（縦1列）に強制固定する */
.entry-cards .entry-card-wrap,
.entry-cards .ect-entry-card,
.entry-card-wrap,
.ect-entry-card {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    float: none !important;
    margin: 0 0 20px 0 !important; /* カードとカードの間のすき間 */
}

/* 6. スキンのデザインを完全に無視して、はっきり見える「四角い黒めの枠線」でしっかり囲む */
.entry-cards a.entry-card-link,
a.entry-card-link,
.ect-entry-card a {
    display: block !important;
    padding: 20px !important;
    background: #ffffff !important;         /* 背景を白にする */
    border: 2px solid #888888 !important;    /* しっかり目に見える濃いめのグレー枠線 */
    border-radius: 6px !important;           /* 枠の角を少し丸くする */
    box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important; /* 軽い影をつける */
    text-decoration: none !important;
    height: auto !important;
}

/* 7. 塾の名前（タイトル）の文字を大きく、太くして目立たせる */
.entry-card-title {
    font-size: 1.35em !important;
    font-weight: bold !important;
    color: #0066cc !important;               /* 青色リンク */
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

/* 8. 住所や星の評価が書かれている文章（スニペット）を綺麗に出す */
.entry-card-snippet {
    display: block !important;
    color: #222222 !important;               /* 文字を濃い目の黒にする */
    font-size: 1.05em !important;
    line-height: 1.6 !important;
}

/* 9. 全体の左側の余白（画像があった隙間）をゼロにして綺麗に揃える */
.entry-card-content {
    margin-left: 0 !important;
    padding: 0 !important;
}


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