@charset "utf-8";
.main-visual {
  padding-top: 140px;			/* 上の余白 */
  padding-bottom: 10px;			/* 下の余白 */
  background-image: url("images/main.jpg");		/* 背景画像 */
  background-size: cover;		/* 背景画像が要素のサイズに沿って表示される */
  color: #f5f5f5;				/* 文字色 */
  text-align: center;			/* 中央寄せ */
}
.top-title {
  font-size: 64px;				/* 文字の大きさ */
  margin-bottom: 10px;			/* 下の外側の余白 */
  text-shadow:3px 5px 3px #000000;
}
.top-subtitle {
  font-size: 24px;				/* 文字の大きさ */
  margin-bottom: 60px;			/* 下の外側の余白 */
  text-shadow:3px 5px 3px #000000;
}
.top-text {
  opacity: 0.9;					/* 少し透明  0:完全に透明、1:不透明 */
  text-align: right;
  text-shadow:3px 5px 3px #000000;
}
.intro-image{
  color:#000000;
  opacity: 0.9;
  margin-top: 80px;
  text-align: right;
}
.main {
  padding: 50px 0;				/* 上下の余白 */
  color: #5a5c5f;				/* 文字色 */
  text-align: center;			/* 中央寄せ */
  display: flex;				/* 2カラムレイアウト用 */
}
.main h2 {
  margin-bottom: 25px;
}
.main-image {
  width: 200px;
  margin-bottom: 0px;		/* 下にGooglePlayバッジをおいたため、25px から 0pxに */
  box-shadow: 2px 5px 7px #b7b7b7;		/* 影付け */
  border-radius: 15px;					/* 角丸 */
}
.main h3 {
  margin-bottom: 10px;
}

/* １列用 */
.tblOne{
  width: 300px;
}

/* GooglePlay and Amazon 2 */
table{
  margin: auto;
  width: 500px;
}
table td {
  padding: 8px 3px;	/* 上下8pxで左右3px */
  border-radius: 15px;
}



/* GooglePlay and Amazon 1 */
/*
table{
  margin: auto;
}
*/