@charset "UTF-8";
html {
  font-size: 62.5%; }

body {
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #111;
  text-align: center;
  background: #fff;
  line-height: 1.2em;
  font-size: 14px;
  font-size: 1.4rem; }

#jalcard {
  position: relative; }

h3, h4, h5 {
  font-size: 14px;
  font-size: 1.4rem; }

p {
  line-height: 1.5em; }

button {
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
  font-size: 0;
  line-height: 0;
  overflow: visible;
  cursor: pointer;
  outline: none;
  float: none; }

.errormessage, .red {
  color: #e50011; }

.ctr {
  text-align: center; }

.btn {
  text-align: center; }

footer {
  text-align: center;
  padding: 18px 0;
  border-top: 3px solid #e50011;
  margin-top: 20px;
  background: #fff; }
  footer #pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px; }

.rules {
  border: 1px solid #606060;
  color: #606060;
  background: #F7F7F7; }
  .rules h4, .rules h5 {
    color: #fff;
    background: #606060;
    text-align: center;
    padding: 8px; }
  .rules .inner {
    width: auto;
    height: 200px;
    overflow-y: scroll; }
    .rules .inner ul {
      padding: 10px 20px; }
      .rules .inner ul li {
        text-indent: -1em;
        padding-bottom: 5px; }
      .rules .inner ul ul {
        padding: 5px 10px; }