/*
 * style.css
 * 画像のみのLP用のスタイル
 */

/* body要素の基本設定 */
body {
    /* デフォルトのマージンをリセット */
    margin: 0;
    /* 背景色を指定（任意） */
    background-color: #f5f5f5;
}

/* 画像コンテナのスタイル */
.image-container {
    /* コンテナの幅を親要素（body）の幅いっぱいに設定 */
    width: 100%;
    /* コンテナの最大幅を600pxに制限
       この値を変更することで、画像の最大幅を調整できます。
       一般的なスマートフォンの画面幅を想定した値です。
    */
    max-width: 960px;
    /* コンテナをページの中央に配置 */
    margin: 0 auto;
}

/* 画像自体のスタイル */
.image-container img {
    /* 画像をブロック要素として扱い、下の余白をなくす */
    display: block;
    /* 画像の幅を親要素（.image-container）の幅いっぱいに設定 */
    width: 100%;
    /* 画像の高さを自動調整し、縦横比を維持 */
    height: auto;
}

img[usemap] {
  max-width: 100%;
  height: auto;
}