@charset "utf-8";

/* Reset & Base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* paddingやborderを要素の幅に含めるモダンな指定 */
}

body {
    /* 等幅フォント（monospace）のみの指定は読みにくいため、一般的なゴシック体を優先 */
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    text-align: center; /* IE等、古いブラウザ用の中央寄せフォールバック */
    background-color: #fff;
}

/* リンク付き画像枠線の無効化 */
a img {
    border: none;
}

/* 画像の基本設定 */
img {
    display: block;
    vertical-align: bottom;
    max-width: 100%;
}

/* -------------------------
   Layout
------------------------- */
#wrapper {
    width: 760px;
    margin: 0 auto; /* コンテンツの中央寄せ */
    text-align: left;
}

#inner {
    width: 100%;
}

/* Flexboxによるボタンと画像の横並び制御 */
.button-area {
    display: flex;
    align-items: center; /* 縦方向の中央揃え */
    width: 760px;
}

/* #footer {
    width: 760px;
    margin-top: 10px; 必要に応じて調整してください
} */