* {
  margin: 0px;
  padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 13px;
  font-weight: normal;
}

img {
  border: none;	/* Firefox対応 */
}

table {
  border-collapse: collapse;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
*html .clearfix {zoom: 1;}				/* IE6 */
*:fist-child+html .clearfix {zoom: 1;}	/* IE7 */

* {
  font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


body,
body a {
  color: #666666;
  font-size: 1.0em;
  background-color: #fefefe;
}


div#wrap {
  margin: 0 auto;
  /*
  width: 1024px;
  */
  height: auto;

  display: flex;           /* フッター最下端 */
  flex-direction: column;  /* フッター最下端 */
  min-height: 100vh;       /* フッター最下端 */
}


/* ヘッダー */

div#header {
  text-align: center;
}

#header > h1#icon {
  margin: 60px auto 20px auto;
}

#header > h1#icon > img {
  width: 100px;
}

#header > h1#title > img {
  width: 360px;
}

#header > h2 {
  margin: 20px auto 50px auto;
  font-size: 90%;
  letter-spacing: 3.0px;    /* 文字間隔 */
}


/* コンテンテナ */

#wrap > div#container {
  margin: 0 auto;
  margin-bottom: 50px;
}


#container > div#desc {
  margin: auto;
  padding: 0 0 50px 0;
}

@media screen and (max-width: 1024px) {
  #desc > img {
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  #desc > img {
    /*
    width: 767px;
    */
    width: 1024px;
  }
}


@media screen and (max-width: 516px) {
  #container > div#download {
  display:block;
    margin: 0 auto;
    width: 100%;
  justify-content: center;
  align-items: center;
    background: #ffffff;
  }
}
@media screen and (min-width: 517px) {
  #container > div#download {
    margin: 0 auto;
    width: 517px;
  }
}

div#google_play {
  float: left;
}

div#google_play > a > img {
  padding: 0 10px;
/*  width: 1024px; */
  height: 100px;
}

div#app_store {
  padding: 10px;
  float: left;
}

div#app_store > a > img {
/*  width: 1024px; */
  height: 80px;
}


/* お問い合わせ */

#container > div#contact {
  margin: 0 auto;
  padding: 50px 0 0 0;
  font-size: 100%;
  text-align: center;
  letter-spacing: 0.8px;    /* 文字間隔 */
}

#container > div#contact > div {
  display: inline-block;  /* 横並び */
  vertical-align: middle; /* 縦中央揃え */
  margin-right: 5px;
}

#container > div#contact > div#icon > img {
  width: 24px;            /* メールアイコン画像幅 */
}


/* フッター */

div#footer {
  clear: both;
  margin-top: auto;       /* フッター最下端 */
}

#footer p#copyright {
  width: 100%;
  margin: 20 auto 0 auto;
  text-align: center;
  font-size: 80%;
  padding: 10px;
  color: #ffffff;
  background: #cccccc;
}

#footer p#copyright > a {
  color: #ffffff;
  background: #cccccc;
}