#header{
  height: 50px;
}
#contentsWrapper{
  top: 50px;
}
.infoArea{
  margin-top: 50px;
}
.infoArea .title{
  font-size: 1.4rem;
  margin:20px 0;
  text-align:center;
  line-height: 2.5rem;
}
.infoArea .link{
  line-height: 2.5rem;
  font-size: 1.4rem;
  padding:10px;
  border: solid 1px #3051af;
  margin: 20px 0;
}
.infoArea .link a{
  display:block;
  margin-left: 20px;
}
.infoArea .mark:before{
  content:"";
  display:inline-block;
  width: 10px;
  height: 10px;
  background-color: #275aeb;
  margin: 0 5px;
}
/**
 * 横向き
 */
@media only screen and (orientation: landscape) {
  #header .title {
    width: 100%;
  }
}