body {
  width:100%;
  background-color:#ffdddd;
  text-align:center;
  font-size:100%;
}

.pc_area{
  display:none;
}

.phone_area{
  display:block;
}

header div {
  margin-top:30px;
}

article {
  text-align:center;
  margin:0;
}

article div {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

p {
  text-align:center;
}

h1 {
  width:100%
  text-align:center;
  font-size:24px;
}

img {
  width:80%;
  margin-left:auto;
  margin-right:auto;
  border-radius:0px;
  cursor: pointer;
  box-shadow:0 10px 0 #dd6666;
  user-select:none;
}

img:active {
  box-shadow:0 5px 0 #dd6666;
  margin-top:5px;
}

video {
  width:78%;
  margin-left:auto;
  margin-right:auto;
  border-radius:0px;
  cursor: pointer;
  user-select:none;
}

footer {
  text-align:center;
}

footer p {
  font-size:12px;
}