@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; }

.ttl img,
nav img,
img,
footer img,
header img {
  width: 100%; }

header {
  margin-bottom: 5%; }

h2 {
  background: #e50011; }

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; }

nav {
  padding: 0 0 3%; }

footer {
  background: #fff; }
  footer #pagetop {
    width: 40%;
    padding: 5% 0;
    margin: auto; }
  footer .copyright {
    width: 80%;
    margin: auto; }

.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  10px 10px 20px; }
      .rules .inner ul li {
        text-indent: -1em;
        padding-bottom: 5px; }
      .rules .inner ul ul {
        padding: 5px 5px 5px 10px; }