/**************************/
/* スマホ共通 */
/**************************/
@media (max-width: 768px) {

    /*---------- フォーム ----------*/

    .form-area,
    .form-edit-detail-area {
        width: 100%;
        padding: 15px;
    }

    input,
    select,
    textarea {
        font-size: 16px;
    }

    input[type="text"],
    select {
        width: 100%;
        max-width: 100%;
    }

    /*---------- キーワード検索 ----------*/

    .keyword-search {
        width: 100%;
    }

    .keyword-search input {
        width: 100%;
    }

    /*---------- 見出し ----------*/

    h1 {
        font-size: 24px;
        line-height: 1.3;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    h2 {
        font-size: 20px;
        margin: 0 0 12px 0;
    }

    /*---------- 更新情報 ----------*/

    .update-info {
        width: 100%;
    }

    .update-latest-content {
        display: block;
    }

    .update-latest {
        line-height: 1.5;
    }

/**************************/
/* スマホ：モーダル */
/**************************/

    /*---------- 共通 ----------*/

    .modal-content {
        width: calc(100% - 24px);
        max-height: 85vh;
        padding: 16px;
    }

    .modal-detail-group {
        padding: 12px;
        margin-bottom: 12px;
    }

    .modal-detail-row {
        margin-bottom: 10px;
    }

    .modal-detail-label {
        width: 70px;
    }

    /*---------- 状態モーダル ----------*/

    .skill-effect-skill-name .skill-type {
        display: block;
        white-space: nowrap;
    }

    .modal-detail-effect {
        display: block;
        margin-top: 16px;
    }

    .modal-detail-effect .modal-detail-label {
        width: auto;
        margin-bottom: 8px;
    }

    /*---------- 領域共鳴モーダル ----------*/

    .modal-detail-effect {
        display: block;
        margin-top: 16px;
    }

    .modal-detail-effect .modal-detail-label {
        width: auto;
        margin-bottom: 8px;
    }

    .modal-detail-effect .modal-detail-value {
        margin-top: 0;
    }

    .modal-effect-value {
        padding: 7px;
        font-size: 14.5px;
    }

    .resonance-member-count {
        display: block;
        margin-bottom: 2px;
    }

}