@charset "UTF-8";
a{
  font-size: large;
  text-decoration: none;
  color: #804040;
  line-height: 160%;
  font-weight: bold;
  background-color: white;
}
a:hover{
  font-size: medium;
  background-color: #ffecd9;
  color: #400000;
}
h2{
  font-size: large;
  background-color: #400000;
  color: #ffffff;
}
h1{
  font-size: large;
  font-weight: bold;
  color: white;
  background-color: #ff4444;
}
h3{
  font-size: large;
  color: white;
  background-color: #d00068;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}
ul{
  font-size: medium;
  line-height: 140%;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  list-style-type: disc;
}
table{
  background-color: #fdfeff;
  padding-top: 1px;
  padding-left: 1px;
  padding-right: 1px;
  padding-bottom: 1px;
  margin-right: 0px;
  margin-bottom: 0px;
  border-width: 2px 1px 1px;
  border-style: groove solid solid;
  border-color: #804040 #008484 #008484;
  font-size: medium;
  font-weight: normal;
  text-decoration: none;
  width: 100%;
}
caption{
  color: black;
  background-color: #c9c9c9;
  text-align: left;
  background-image: linear-gradient(#ffffff, #ffffff);
}
dt{
  font-size: large;
  font-weight: bold;
  background-color: #ffecd9;
}
th{
  color: #ffffff;
  text-align: center;
}
h4{
  font-size: large;
  font-weight: bold;
  color: white;
  background-color: #d06800;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
}
form{
  background-color: #fbf7f7;
  text-align: right;
  font-size: x-large;
  font-weight: bold;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  border-width: 2px;
  border-style: solid;
  border-color: #ffecd9;
}
h6{
  font-size: medium;
  font-weight: bold;
  color: #ff1e1e;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}
body{
  width: 740px;
  margin-left: 12%;
  margin-right: 0px;
  margin-bottom: 0px;
  background-image: url(../778.gif);
  font-size: large;
  background-color: #231809;
  background-repeat: repeat-y;
  background-position: 12% 150px;
  font-weight: bold;
  font-family: "游明朝 Demibold", 花鳥風月B, AR浪漫明朝体U;
  line-height: 160%;
}
footer{
  color: white;
  background-color: #400000;
  text-align: right;
  width: 740px;
}
li{
  font-size: large;
  font-weight: bold;
  margin-right: 3px;
  margin-left: 3px;
  background-color: #fffff7;
  text-decoration: none;
  list-style-image: url(../point_2G.png);
  margin-top: 3px;
  margin-bottom: 3px;
}
header{
  color: white;
}
section{
  background-color: #fdfbfb;
}
aside{
  background-color: #fefcfc;
}
b{
  font-size: large;
  color: #ff1e1e;
  font-weight: bold;
}

/* ==============================
   スマホ（画面幅768px以下）専用調整
   ============================== */
@media screen and (max-width: 768px) {

  body{
    width: auto;
    margin: 0;
    padding: 0 6px;
    background: none;
    background-color: #fff;
    font-size: 16px;
    line-height: 1.6;
    font-weight: normal;
  }

  header, footer, main, nav, aside, section, article{
    width: 100%;
    margin: 0;
    padding: 0;
  }

  img{
    max-width: 100%;
    height: auto;
  }

  a{
    font-size: 1rem;
    line-height: 180%;
    display: inline-block;
    padding: 2px 4px;
  }

  a:hover{
    font-size: 1rem;
  }

  h1, h2, h3, h4{
    font-size: 1.1rem;
    padding: 4px;
  }

  ul, li{
    font-size: 1rem;
    line-height: 1.7;
    margin-left: 0;
    margin-right: 0;
  }

  table{
    font-size: 0.9rem;
    word-break: break-word;
  }

  form{
    text-align: center;
    font-size: 1rem;
  }

  select, input[type="button"]{
    width: 95%;
    font-size: 1rem;
    margin: 4px 0;
    padding: 6px;
  }

  aside{
    float: none;
    width: 100%;
  }

  footer{
    width: 100%;
    text-align: center;
    font-size: 0.85rem;
    padding: 6px 0;
  }

  section, article{
    font-size: 0.95rem;
    line-height: 1.7;
  }
}