@charset "Shift_JIS";
body{
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
       background: linear-gradient(#7b68ee, #FFFFFF); 
}


table{
      border:solid 2px #ff7f50;
      background-color:#ffffff;
      width:47%;
      margin:0 auto;
}

td{
       width:35%;
       border-bottom:solid 2px #ff7f50;
       padding-left:5px;
}

th{
       width:15%;
       border-bottom:solid 2px #ff7f50;
}

p{
       width:45%;
       text-align:right;
       margin:0 auto;
}

h1{
       width:47%;
       margin:0 auto;
       color:#fffacd;            
}
h1 span{
      font-size:60%;
      margin-left:2%;
      color:#ffff00;
}
h2{    width:40%;
       margin:0 auto;
       color:#6a5acd;
       font-size:110%;
       margin-top:3%;
}

h2 img{
       width:2%;
}

h2 span{
       color:#a52a2a;
}
h3{
      width:45%;
      margin:0 auto;
      margin-top:2%;
      font-size:130%;
      color:#ffff00;;
      -webkit-text-stroke: 0.5px #ff0000;
      text-decoration: underline;
      overflow: hidden;
}
h3 b{
      font-size:110%;
      text-decoration:underline;
}
h3 span{
      color:#ffffff;
}
.sec02 ifame{
      border:none;
      width:65%;
      margin:0 auto;
}
#hed p{
       width:47%%;
       margin:0 auto;
       text-align:left;
       color:#ffffff;
}

#r01{
       text-align:center;
       color:#0000ff;
}

#d01{
       width:15%;
       text-align:center;
       background-color:#ffdab9;
}
.card{
       text-align:center;
}
.card img{
       width:30%;
}
.sec01{
  text-align:center;
  margin-bottom:1.5%;
  margin-top:2%;
}
.sec01 a{
   width:12%;
   border-radius:3px;
   background:#0000ff;
   color:#ffffff;
   text-decoration:none;
   font-weight:bold;
   padding:1% 1% 1% 1%;
   margin:3 0 3 0;
   display: inline-block;
  -webkit-box-shadow: 0px 1px 10px #666;
  -moz-box-shadow: 0px 1px 10px #666;
  box-shadow: 0px 1px 10px #666;
}
.sec01 a:hover{
   background:#ff00ff;
}
.sec01 li{
   display: inline;
   margin:0 2 0 2;
}
.asta{
    color:#ff00ff;
    text-decoration: none;
}
.come{
    font-size:120%;
    color:#ffff00;
    width:60%;
    margin:0 auto;
    text-align:right;
}


@media only screen and (max-width: 1150px){
#hed p{
   width:75%;
}
h1{
  width:80%;
}
h2{
  width:75%;
}
h3{
  width:75%;
}
}
@media only screen and (max-width: 900px){
h1{
  width:99%;
  font-size:90%;
}
h1 span{
  font-size:85%;
}
h2{
  width:99%;
}
h3{
  width:99%;
}
.sec01 a{
  width:14%;
  font-size:77%;
}
.come{
  width:99%;
  font-size:80%;
  text-align:left;
}
}

@media only screen and (max-width: 600px){
table{
       width:100%;
       font-size:60%;
}

p{
       width:98%;
       text-align:right;
}

h1{
       width:99%;
       font-size:150%;
}

h2{    width:99%;
       font-size:110%;
       text-align:left;
}
h3{
      margin:0 auto;
      width:100%;
      padding:3% 0 3% 0;
}


h1 span{
    text-align:left;
}

.sec02 iframe{
      width:100%;
}


#hed{
       width:100%;
       text-align:right;
       font-size:120%;
}

#hed p{
       font-size:75%;
       width:95%;
}

#r01 th{
       font-size:50%;
}

#d01{
       font-size:80%;
}

.card img{
       width:98%;
}

.zei{
       width:100%;
}
.sec01 ul{
       margin:0 auto;
       text-align:center;
}
.sec01 li{
       width:100%;
}
.sec01 a{
       width:85%;
       height:60%;
       font-size:70%;
       border-radius:100px;
       overflow:hidden;
       margin-bottom:5%;
       padding-left:-5%;
}
.sec01{
       font-size:150%;
       margin:0 auto;  
       margin-top:3%;
       width:99%;
       margin-left:-5%;
}
.come{
    font-size:100%;
    width:95%;
    text-align:left;
}

.footer-button {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background:#f0ffff; /* 任意の色 */
      padding: 5px;
      text-align: center;
    }
.yo-1 {
      padding: 5px 10px;
      margin-right:5px;
      font-size:110%;
      font-weight:bold;
      background-color:#ffff00;
      border: none;
      border-radius:7px;
      cursor: pointer;
    }
.yo-1 a{
      color:#ff00ff;
}

.yo-2 {
      padding: 5px 10px;
      margin-left:5px;
      font-size:110%;
      font-weight:bold;
      background-color:#ffff00;
      border: none;
      border-radius:7px;
      cursor: pointer;
    }

.footer-button a{
      text-decoration: none;
}

}
@media only screen and (min-width: 901px){
.footer-button {
     display:none;
}

}
@media only screen and (min-width: 1441px){
.sec01 li{
       font-size:130%;
}
#hed{
       font-size:130%;
}
h1 span{
       font-size:90%;
}
h2{
       font-size:140%;
}
}