@charset "UTF-8";

/* =====================================================
   キャストページ
===================================================== */
.cast-page {
    background: #fffdf9;
    padding: 40px 20px;
}

.cast-container {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 30px;
}

/* =====================================================
   キャストカード
===================================================== */
.cast-card {
    background: #fff;
    border: 1px solid #e6d5d5;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    gap: 20px;
    box-shadow: 0 6px 20px rgba(150, 81, 77, 0.08);
}

/* =====================================================
   サムネイル（93×140 枠付き）
===================================================== */
.cast-thumb {
    width: 93px;
    height: 140px;
    border: 2px solid var(--azuki);
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
    background: #f8f8f8;
}

.cast-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* =====================================================
   キャスト情報
===================================================== */
.cast-info {
    flex: 1;
}

.cast-name {
    font-size: 1.3rem;
    color: var(--azuki);   /* 元の色に戻す */
    margin-bottom: 8px;
}

.cast-meta {
    font-size: 0.9rem;
    color: #222;
    display: flex;
    gap: 15px;
    margin-bottom: 6px;
    font-weight: 500;
}

.cast-size {
    font-size: 0.9rem;
    color: #222;
    margin-bottom: 12px;
    font-weight: 500;
}

/* =====================================================
   得意な家事（ボタン表示）
===================================================== */
.cast-skills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.skill {
    font-size: 0.8rem;
    padding: 6px 12px;
    border-radius: 999px;
    color: #fff;
    font-weight: bold;
}

/* 既存 */
.skill.cooking   { background: #e67e22; } /* 料理 */
.skill.cleaning  { background: #27ae60; } /* 掃除 */
.skill.laundry   { background: #3498db; } /* 洗濯 */
.skill.shopping  { background: #9b59b6; } /* 買い物 */
.skill.childcare { background: #e84393; } /* 子守 */
.skill.petcare   { background: #16a085; } /* ペット */

/* 追加 */
.skill.talk      { background: #f1c40f; } /* お話相手 */
.skill.drink     { background: #c0392b; } /* 晩酌 */
.skill.sake      { background: #8e44ad; } /* お酒のお供 */
.skill.game      { background: #2980b9; } /* ゲーム */
.skill.karaoke   { background: #fd79a8; } /* カラオケ */
.skill.walk      { background: #2ecc71; } /* 散歩 */
.skill.bath      { background: #00ced1; } /* 入浴介助 */
.skill.massage   { background: #ffa500; } /* マッサージ */

/* =====================================================
   スマホ対応
===================================================== */
@media (max-width: 768px) {
    .cast-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .cast-meta {
        justify-content: center;
    }

    .cast-skills {
        justify-content: center;
    }
}