/* カスタマイズ用CSS */
.ec-itemNav__nav li a{text-align:left;}

/* レビュー完了画面のボタン専用の修正 */
/* PC(768px以上)の時だけ、ボタンの窮屈な設定を解除する */
/* PC(768px以上)の時だけの調整 */
@media screen and (min-width: 768px) {
    
    /* 1. ボタンを囲む枠を完全に中央へ（右寄りの解消） */
    .ec-off4Grid {
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: block !important; /* ブロック要素にして中央寄せ */
        text-align: center !important;
    }

    .ec-off4Grid__cell {
        display: inline-block !important; /* 中身のサイズに合わせる */
        width: auto !important;
        max-width: none !important;
        margin: 0 auto !important;
    }

    /* 2. ボタンの見た目：天地を細く、中央揃えに */
    .ec-blockBtn--cancel {
        display: inline-block !important;
        /* 天地（10px）を細く、左右（60px）で横長に */
        padding: 10px 60px !important; 
        width: auto !important;
        height: auto !important;
        line-height: 1.5 !important;

        text-decoration: none !important;
        /* 他の文字パーツと揃えるためのマージン */
        margin: 10px auto !important; 
    }

/* 親要素の左右マージンをリセットして幅を100%使う */
    .ec-reportHeading {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: none !important;
        text-align: center !important;
        padding: 0 !important;
    }

    /* h2自体の改行を禁止し、中央に配置 */
    .ec-reportHeading h2 {
        display: block !important;
        width: 100% !important;
        white-space: nowrap !important; /* 文字を絶対に折り返さない */
        overflow: visible !important;   /* はみ出しても隠さない */
        letter-spacing: 0.05em !important; /* 文字間を少し整える */
    }

}



/* スマホ（画面幅767px以下）の時だけロゴを小さくする */
@media screen and (max-width: 767px) {
    .ec-headerRole__title {
        text-align: center !important; /* 中央寄せを維持 */
    }
    
    .ec-headerRole__title img {
        max-width: 180px !important; /* ★ここでお好みのサイズに調整してください */
        height: auto !important;
        margin: 0 auto !important;
    }
    
    /* もしテキスト（文字）のサイト名の場合 */
    .ec-headerRole__title a {
        font-size: 18px !important; /* ★文字サイズを小さく調整 */
        font-weight: bold !important;
    }
}