@charset "UTF-8";

/*
Theme Name: Cocoon Child
Description: Cocoon用の子テーマです。
Template: cocoon-master
*/

/* ここから下に、以前お渡しした「まとめ版CSS」を貼ってください */

/* --- 1. タイトルの表示設定（スマホで4行表示を維持） --- */
@media screen and (max-width: 480px) {
  .entry-card-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
    overflow: hidden !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }
}

/* --- 2. 共通ラベル設定（期限＆SNS） --- */
.label-date, .label-sns {
    display: inline-block;
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: bold;
    vertical-align: middle;
    margin-bottom: 2px;
}

/* --- 3. 期限ラベルの色設定 --- */
.date-expired { background-color: #888 !important; margin-right: 5px; }
.date-today, .date-near { background-color: #ff4d4d !important; margin-right: 5px; }

/* --- 4. SNSアイコンラベルの色設定 --- */
.sns-twitter { background-color: #000 !important; margin-left: 5px; }
.sns-line { background-color: #06C755 !important; margin-left: 5px; }
.sns-insta { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important; margin-left: 5px; }