body         { 
  background-color: #fef8c9; 
  font-family: Verdana, Roboto, 'Droid Sans', 游ゴシック, YuGothic, メイリオ, Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', sans-serif;
}
#title-caption {
  padding-left: 1em;
}
ul.note {
  padding-left: 12px;
}
ul.note li {
  list-style-type: none;
}
ul.note li::before {
  content: '※';
  margin-left: -12px;
}
.container   { background-color: #ffffff; }
.well        { border-width: 3px; }
.center      { text-align: center; }
.header-info { display: none; }
.footer      { padding-top: 10px;}

@media (min-width: 768px) {
  .container {
    max-width: 730px;
    border-radius:5px;
    margin-top: 30px;
    margin-bottom: 30px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    box-shadow:rgba(40, 54, 71, 0.470588) 0px 0px 13px 3px;
    -webkit-box-shadow:rgba(40, 54, 71, 0.470588) 0px 0px 13px 3px;
    -moz-box-shadow:rgba(40, 54, 71, 0.470588) 0px 0px 13px 3px;
    padding-left: 50px;
    padding-right: 50px;
  }
  .header { margin-top: 15px; }
  .header-info { display: block; }
}

.myButton {
  background-color:#599bb3;
  -moz-border-radius:28px;
  -webkit-border-radius:28px;
  border-radius:28px;
  border:1px solid #29668f;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:17px;
  padding:16px 31px;
  text-decoration:none;
  text-shadow:0px 1px 0px #3d768a;
}
.myButton:hover {
  background-color:#408c99;
}
.myButton:active {
  position:relative;
  top:1px;
}

@media only screen and (max-width: 479px) {
  br.adj { display: none; }
  h2 { font-size: 26px; }
  h3 { font-size: 20px; }
}