body {
    margin: 0;
    padding: 0;
}

/* 親要素 */
.campaign-container {
    position: relative;
    max-width: 750px; /* 元画像サイズに合わせて調整 */
    margin: 0 auto;
}

/* 各画像共通 */
.campaign-image {
    width: 100%;
    height: auto;
    display: block;
}

/* 画像単位でリンクを重ねるためのラッパー（座標指定リンクが必要な画像のみ使用） */
.img-block {
    position: relative;
    display: block;
}

/* 共通ボタン設定（座標リンク用の透明ホットスポット） */
.btn {
    position: absolute;
    display: block;
    z-index: 2;
    /* デバッグ時に範囲を確認する場合は下の行のコメントを外す */
    /* background: rgba(255,0,0,0.3); */
}

/* ▼ img04 内の座標リンク（画像1200×1425pxの実ピクセル座標から算出） */

/* btn01: アクアプロテクトスキンジェル カード全体（商品画像～詳しく見るボタン） (78,383)-(582,1288) */
.btn01 {
    left: 6.5%;
    top: 26.877%;
    width: 42%;
    height: 63.509%;
}

/* btn02: 薬用ホワイトニングエッセンス カード全体（商品画像～詳しく見るボタン） (618,383)-(1122,1288) */
.btn02 {
    left: 51.5%;
    top: 26.877%;
    width: 42%;
    height: 63.509%;
}