#footer {
  padding-top: 0px;
  background-color: #3a6ea4;
}

#entry{
  height: 160px;
}

#entry-area {
  height: 160px;
  margin-left: auto;
  margin-right: auto;
}

#entry-button {
  color: white;
  background-color: #ffa500;
  height: 74px;
  border-radius: 15px;        /* CSS3草案 */
  -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 15px;   /* Firefox用 */
  display:inline-block;
  vertical-align: middle;
  line-height:normal;
}

#entry-icon {
  padding: 8px 0px 8px 20px;
  float: left;
}

#entry-text {
  padding-top: 6px;
  overflow: hidden;
}

#page-list-area {
  float: left;
}

#page-list {
  line-height: 2.4;
}

#pp {
  line-height: 2.4;
}

#footer-logo {
  width: 200px;
  float: right;
}

@media only screen and (min-width : 781px) {
  #entry-area {
    width: 777px;
  }
  #entry-button {
    width: 500px;
    margin-left: 10px;
    margin-right: 10px;
  }
  #entry-message{
    visibility: visible;
  }
  #entry-message-sp{
    display: none;
  }
  .footer-chara {
    visibility: visible;
  }
}

@media only screen and (max-width : 780px) and (min-width : 501px) {
  #entry-area {
    width: 100%;
    text-align: center;
  }
  #entry-button {
    width: 90%;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
  #entry-message{
    visibility: visible;
  }
  #entry-message-sp{
    display: none;
  }
  .footer-chara {
    display: none;
  }
}

@media only screen and (max-width : 500px) and (min-width : 371px) {
  #entry-area {
    width: 100%;
    text-align: center;
  }
  #entry-button {
    /* width: 280px; */
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }
  #entry-icon {
    padding: 16px 0px 8px 10px;
    zoom: 80%;
  }
  #entry-text {
    text-align: left;
  }
  #entry-message{
    display: none;
  }
  #entry-message-sp{
    visibility: visible;
  }
  .footer-chara {
    display: none;
  }
}

@media only screen and (max-width : 370px) {
  #entry-area {
    width: 100%;
    text-align: center;
  }
  #entry-button {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  #entry-icon {
    padding: 24px 0px 8px 8px;
    zoom: 70%;
  }
  #entry-text {
    text-align: left;
  }
  #entry-message{
    display: none;
  }
  #entry-message-sp{
    visibility: visible;
  }
  .footer-chara {
    display: none;
  }
}