div#items{
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  font-weight: bold;
  font-size: large;
  text-align     : center;
}

[id^="area"] {
  width: 500px;
  max-width     : 100%;
}

span img{
  width: 18%;
}

.detailspace{
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  font-weight: large;
  font-size: bold;
  text-align     : center;
}

.detailspace img{
  width: 500px;
  border: none;
  max-width     : 100%;
}

.list {
  margin         : auto;                 /* サンプル用 中央寄せ */
  width          : 100%;                /* BOXの幅             */
  max-height     : 9999px;                /* BOXの高さ           */

  /* ▼ inline-block時の定義 */
  letter-spacing : 0;                    /* 1行の高さを初期化   */
  text-align     : center;               /* 横位置定義          */
}

.list div {
  vertical-align : top;
  width          : 600px;                 /* サンプルBOXの幅     */
  height         : 770px;                 /* サンプルBOXの幅     */
  text-align     : center;               /* 横位置定義          */
  max-width     : 100%;

  /* ▼ inline-blockの定義 */
  display        : inline-block;         /* インラインブロック化*/
}