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

form{
       text-align : right;
       margin-top:3%;
}
#sec01{
       width:50%;
       margin:0 auto;
       font-size:120%;
       padding:0% 0% 0% 0% ;
}

#base01{
       margin:0 auto;
       display: inline-block;
       width:100%;
       margin-bottom:3%;

}
#base02{
       width:100%;
       display: none;

}

#buy01{
      width:49.8%;
      border:solid 2px #fffacd;
}

#buy-top img{
       width:60%;
       float: left;
}

#Item{
       display:none;
       font-size:90%;
       color:#ffffff;
       width:40%;
       vertical-align:middle;
       margin:0 auto;
       text-align:left;
}
#Item .come{
       text-align:left;
       color:#ffffff;
       font-size:130%;
}
#Item th,td{
       font-size:120%;
       border:none;
}
#Item th{
       color:#0000ff;
}
#Item-1{
       font-size:90%;
       color:#ffffff;
       width:100%;
       vertical-align:middle;
       margin-bottom:3%;
       text-align:left;
}

#Item td{
       font-weight:bold;
       font-size:120%;
       color:#000000;
       padding:2 0 2 10;
       text-align:center;
       width:25%;
}

#Item-1 td{
       font-weight:bold;
       color:#000000;
       padding:2 0 2 10;
}

#Item-1 th{
       color:#0000ff;
       -webkit-text-stroke: 1px #000000;
       text-stroke: 1px #000000;
}

#buy-top img{
       -webkit-box-shadow: 0px 1px 10px #666;
	-moz-box-shadow: 0px 1px 10px #666;
	box-shadow: 0px 1px 10px #666;
	border: 1px solid #808080;
       margin:0 5 0 0;
}
#buy-top span{
       font-size:100%;
       font-weight:bold;
       margin-bottom:30px;
       letter-spacing:5px;
       

}

.b-1{
       width:30%;
       height:40px;
       padding:2 2 0 2;
       background-color: #ffa500;
       text-align:center;
       bottom:0;
       border-bottom: solid 2px gray;
       border-radius: 10px;
       box-shadow: 0px 3px 5px lightgray;
       font-size:100%;
       margin:0% 0% 1% 2%;
       
}
.b-2{
       width:40%;
       height:35px;
       padding:2 2 0 2;
       background-color: #ffa500;
       text-align:center;
       bottom:0;
       border-bottom: solid 2px gray;
       border-radius: 10px;
       box-shadow: 0px 3px 5px lightgray;
       font-size:50%;
       margin:0% 0% 1% 2%;
       
}

.fon1{
       font-size:120%;
}

.pr{
       width:75%;
       margin:0 auto;
       margin-top:3%;
       margin-bottom:2%;
}

.pr p{
       font-size:150%;
       text-align:left;
       font-weight:bold;
       color:#000080;
}

.pra{
       font-weight:bold;
       font-size:120%;
       text-align:center;
       color:#0000ff;     
      border-radius:20px;
}

.pra-1{
       font-weight:bold;
       font-size:120%;
       margin:0 auto;
       width:65%;
}
.pra-1 p{
       width:70%;
}
.pra-1 span{
       width:25%;
       font-size:120%;
}   

.pra-1 p{
       font-weight:none;
       margin-right:8%;
       font-size:80%;
       text-align:left;
       color:#800080;
  
}
.pra-2{
       font-weight:bold;
       font-size:120%;
       text-align:center;
       color:#0000ff; 
       margin:3% 0% 3% 0%;   
       color:#ff0000;
       text-shadow: 1px 2px 5px #333;
}
.pra-3{
       font-size:100%;
       text-align:left;
       color:#000000;     
}
.img img{
       width:100%;
}

.adsbygoogle{
       margin:0 auto;
       text-align:center;

}

.gaming {
    /* 横長で虹色を作る */
    background: linear-gradient(to right, Magenta, yellow, Cyan, Magenta) 0% center/200%;
    animation: gaming 3s linear infinite;
  }
  @keyframes gaming {
    100% { background-position-x: 200%; }
  }
.f01{
   background-color:#fff0f5;
   padding:3% 0% 3% 0%;
}
.PRA{
   background-color:#fffaf0;
   padding:0% 2% 0% 2%;
}
.pop{
   text-align:center;
}
.pop img{
   width:70%;
   border-radius:20px;
   
}
@media only screen and (max-width: 1150px){
iframe{
   width:98%;
}
.pop{
    width:100%;
}
.pop img{
    width:98%;
}
}
@media only screen and (max-width: 900px){

}
@media only screen and (max-width: 600px){
 body{
             font-size:150%;
             background: linear-gradient(#7b68ee, #FFFFFF);
}
       #base01{
              display: flex;
              flex-direction: column;
              width:100%;
}
       #base02{
              display:none;
              flex-direction: column;
}
       #buy-top img{
              width:100%;
}
       #buy01{
              width:100%;
}
#Item{
              display:initial;
              width:100%;
              font-size:70%; 
}
#Item img{
             width:100%;
}
.ipad #Item{
              font-size:150%;
}
#Item tr{
      width:100%;
}
#Item td{
       text-align:center;
       font-size:90%;
       border-bottom:solid 1px #808080;
       margin:0;
}
#Item th{
       font-size:100%;
       border-bottom:solid 1px #808080;
}
#Item span{
       width:100%;
}

       #Item-1{
       font-size:90%;
}
       #Item-1 td{
       width:35%;
       text-align:center;
}
       #Item01-1{
       font-size:150%;
}

.pr{
       width:98%;
}

.pr p{
       font-size:90%;
       color:#ffff00;
}
       .pra{
       font-size:90%;
       width:100%;
}
.pra-1 {
      width:100%;
      text-align:right;
      font-size:80%;
      margin:0% 1% 0% 1%;
}
.pra-1 p{
       font-weight:none;
       font-size:80%;
       width:99%;
       margin-right:0%;
       
}
.pra-1 span{
      font-size:100%;
}

.img{
       width:100%;
}
.img img{
       width:100%;
}
.b-2{
       width:50%;
       height:35px;
       padding:2 2 0 2;
       background-color: #ffa500;
       text-align:center;
       bottom:0;
       border-bottom: solid 2px gray;
       border-radius: 10px;
       box-shadow: 0px 3px 5px lightgray;
       font-size:70%;
       margin:0% 0% 1% 2%;
       
}
.b-1{
       width:40%;
       height:35px;
       padding:2 2 0 2;
       background-color: #ffa500;
       text-align:center;
       bottom:0;
       border-bottom: solid 2px gray;
       border-radius: 10px;
       box-shadow: 0px 3px 5px lightgray;
       font-size:90%;
       margin:0% 0% 1% 2%;
       
}
.LINE{
       width:5%;
}
.pop img{
   width:98%;   
}
#Item .come{
       font-size:100%;
       width:100%;
}
#sec01{
       width:99%;
       margin:0 auto;
}
.yosa{
       width:70%;
}

}