@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Pacifico);

@charset "Shift_JIS";

body{
       background: linear-gradient(#7b68ee, #FFFFFF); 
}

video{
       -webkit-box-shadow: 0px 1px 10px #666;
	-moz-box-shadow: 0px 1px 10px #666;
	box-shadow: 0px 1px 10px #666;
	border: 1px solid #808080;
	background: #fff;
}

#mainImg{
      text-align:center;
}

#sec00{
     width:100%;
     text-align:center;
     border-radius:30px;
}
#sec00-2{
     width:50%;
     margin:0 auto;
     margin-top:3%;
     padding:3% 0 0 0;
     font-size:180%;
     background:none;
}
#sec00-2 p{
     margin:0 auto ;
     margin-bottom:2%;
     text-align:center;
     font-size:160%;
     background:none;
     width:30%;
     padding:4 0 4 0;
     border-radius:5px;
     background-image: url(https://just-staff.info/Top/BG.jpg);
}
#sec00-2 div{
     background:none;
     letter-spacing:0.3em;
     line-height:150%;
     padding:5px 2px 5px 12px;
     border-radius:5px;
}
#sec00-2 b{
     color:#0000ff;
}
#sec00-2 iframe{
      background:none;
      border-radius:30px;
}

#sec01{
      width:99%;
      margin:0 auto;
}

#sec01-0{
      text-align:center;
      margin-top:20px;
}

#sec01-0 img{
      -webkit-box-shadow: 0px 1px 10px #666;
	-moz-box-shadow: 0px 1px 10px #666;
	box-shadow: 0px 3px 15px #666;
	border: 5px solid #ffff00;
       border-radius:5px;
       width:25%;
       margin:1% 1% 1% 1%;
       
}


#sec02{
      margin-top:5%;
      margin:0 auto; 
      width:70%;
      display:none;
}

#sec02 iframe{
      margin:0 auto; 
      border:none
}


#sec03 {
      font-size:230%;
      font-weight:bold;
      margin-top:10%
      background-size: cover;
      color:#ffff00;
      text-shadow:4px 0 0 #000,0 4px 0 #000, 4px 0 0 #000,0 4px 0 #000;
      border-radius:30px;
      
}
#sec03 div{
      width:65%;
      height:auto;
      margin:0 auto;
      line-height:150%;
}
#sec03 img{
      width:45%;
      -webkit-box-shadow: 0px 2px 10px #fff;
	-moz-box-shadow: 0px 2px 10px #fff;
	box-shadow: 0px 2px 10px #fff;
	border: 0px solid #808080;
	background: #fff;
       border-radius:100%;
}
#sec03 table th {
      text-align:left;
      line-height:80px;
      padding-right:3%;
}
#sec03 table td {
      text-align:left;
      line-height:80px;
}
#sec03 .A-1{
      margin-bottom:10%;
      width:80%;
      display:block;
      clear:both;
}
#sec03 .A-1-1{
       width:47%;
       display: inline-block;
       background-color:#800080;
       padding:10px;
       border-radius:10px;
       margin-right:5px;
       letter-spacing: 6px;
}


#sec03 .A-1-1-img{
       vertical-align:bottom;
       width:50%;
}

#sec03 .A-2{
       margin-bottom:10%;
       text-align:right;
       width:80%;
       display:block;
       clear:both; 
} 

#sec03 .A-2-2{
       width:49%;
       display: inline-block;
       text-align:right;
       padding-right:0.5%;
}  
#sec03 .A-3{
       margin-bottom:10%;
}

#sec03 .A-4{
       width:50%;
       display: inline-block;
}

#sec04{
      margin-bottom:10%;
}
#sec04 table{
       width:100%;
}
#sec04 img{
       width:100%;
       border-radius:100%;
}

#sec05{
       margin:0 auto;
       width:85%;
       border:solid 2px #ffe4e1;
       padding:10px 10px 10px 10px;
       background: linear-gradient(#4b0082, #6a5acd); 
       border-radius:8px;       
}
#sec05 p{
       font-size:120%;
       color:#fed0e0;
}
#sec05 h2{
       color:#ffffff;
}

#sec05 h1{
       width:37%;
       text-align:center;
       padding:1%;
       background: linear-gradient(to right, #1e90ff, #ffffff); 
       border-radius:5px;       
}
#sec06{
       text-align:center;
}

#Review{
        width:98%;
        overflow: hidden;
}


#sec01 .msg{
      font-family:serif;
      font-size:180%;
      font-weight:bold;
      text-shadow: 2px 3px 4px #000000;
      letter-spacing: 10px;
      color:#ffffff;
      width:76%;
      margin:0 auto;
}
#sec01-1{
      background:#ffebcd;
      border-radius:10px; 
      margin:3% 10% 3% 10%;
      padding:0 0 5% 0;      
}

.vid{
      text-align:center;
      
}

.mainImg{
      text-align:center;
}
.reby{
      text-align:center;
}
.reby iframe{
      width:60%;
}
.irai{
      text-align:center;
}
.irai-2{
      text-align:left;
      font-family:serif;
      font-size:200%;
      font-weight:bold;
      text-shadow: 1px 2px 3px #808080;
      letter-spacing: 10px;
      color:#0080ff;
      line-height:150%; 
      width:85%; 
      margin:0 auto;   
}
.irai-2 b{
      font-size:170%;
      color:#ff1493;
      font-style:italic;
}
.irai-2 img{
      width:3%;
}
.syuri{
      width:30%;
      margin:0 auto;
      font-size:200%;
      text-align:center;
      margin-top:3%;
      padding:7px 0px 6px 0px;
      text-shadow: 1px 1px 1px #ff0000;
      border-radius:5px;
      background-color:#fffacd;
      -webkit-box-shadow: 0px 2px 10px #666;
	-moz-box-shadow: 0px 2px 10px #666;
	box-shadow: 0px 2px 10px #666;
	border: 2px solid #0000ff;
}

.syuri a{
      text-decoration:none;
      color:#000000;
      letter-spacing: 0.2em;
}

.ten{
      animation: flash 8s linear infinite;
}
@keyframes flash {
  0%,20%,40%,60%,80%,100%{
  }

  20%{
    opacity: 1;
    color:#ff0000;
  }
  
  40%{
    opacity: 1;
    color:#ffff00;
  }
  
  60%{
    opacity: 1;
    color:#008000;
  }

  80%{
    opacity: 1;
    color:#0000cd;
  }

  100%{
    opacity: 1;
    color:#8a2be2;
  }
  
}

.syuri :hover{
      background-color:#ff0000;
}
.irai{
      margin-bottom:3%;
}
.irai :hover{
      background-color:#ff0000;
}
.fixed {
  position: fixed;
  width: 98%;
  height:75px;
  top: 0;
  z-index: 1000;
  opacity:0.6;
}
.vide{
  text-align:center;
}
.vide video{
      width:640px;
      height:360px;
      margin:0 auto;
      margin-top:3%;
      margin-bottom:3%;
}


@media only screen and (max-width: 1400px){
#sec00-2{
   width:55%;
}
#sec00-2 p{
    font-size:80%;
}
#sec00-2 span{
    font-size:80%;
    width:80%;
}
#sec01{
     width:90%;
     font-size:60%;
}
#sec02{
    width:98%;
}
#sec03 {
      font-size:150%;
}
.msg{
      font-size:120%;
      width:100%;
      line-height:1.8;
}
.syuri{
      width:80%;
}
.reby iframe{
      width:80%;
}
.irai-2{
      font-size:120%;
}
}
@media only screen and (max-width: 900px){
#sec00{
   text-align:center;
   width:100%;
}
#sec00-2{
     width:99%;
     font-size:110%;
     margin-bottom:-60px;
}
#sec00-2 p{
     width:50%;
     font-size:120%;
}
#sec00 ifame{
    width:99%;
}
#sec00 p{
    text-align:center;
}

#global-nav{
    width:100%;
    text-align:center;
}
#global-nav iframe{
    margin-left:-5%;
}
#sec00-1 img{
     width:50%;
     overflow: hidden;
}

#sec01{
     width:98%;
     padding:1% 1% 1% 2%;
}
#sec01-1{
     width:100%;
     margin-left:0%;
}

#sec01 .msg{
      font-size:165%;
      width:100%;
      margin:0 auto;
}
#sec01-0{
      width:97%;
}
#sec02{
      width:99%;
}

#sec03{
     padding:1% 1% 1% 2%;
     width:97%;
     border-radius:0;
     font-size:100%;
}
#sec03 .A-1{
     width:100%;
}

#sec03 .A-1-1{
     width:98%;
     margin-left:-8px;
     opacity:0.7;
     font-size:110%;
}
#sec03 .A-1-1-img{
     margin-top:22%;
     width:100%;
}

#sec03 img{
     width:80%;
}

#sec03 .A-2{
     width:100%;
}

#sec03 .A-2-2{
     width:100%;
}

#sec03 .A-2-2 img{
     width:40%;
}

#sec03 .A-1-1{
     width:98%;
}
.reby iframe{
      width:42%;
}
#sec01-0 img{
      width:100%;
}

#sec04{
     width:100%;
     overflow: hidden;
}

#sec05{
     width:94%;
     overflow: hidden;
}

#sec05 h1{
     font-size:110%;
     width:99%;
}

#sec05 p{
     font-size:90%;
}

.mainImg{
     width:100%;
     margin:0 auto;
}

.cka img{
      width:85%;
}


.vid Video{
     width:90%;
     margin:0 auto;
}
.reby{
     width:100%;
     margin:0 auto;
     overflow: hidden;
}
.reby iframe{
      width:99%;
      
}
.syuri{
     width:80%;
     font-size:130%;
}
.irai{
     width:99%;
}
.irai-2{
     width:100%;
     font-size:100%;
     padding:0 0 0 8px;
}
.irai-2 b{
     font-size:110%;
     letter-spacing:-0px;
}
.irai-2 img{
     width:20px;
}
#sec01 .msg{
   width:100%;
   overflow: hidden;
   font-size:115%;
   margin:0 auto; 
}
.men{
   text-align:center;
}
.vide{
  text-align:center;
  width:99%;
}
.vide video{
      width:100%;
      height:50%;
}

.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: 1201px){
#sec01 .msg{
font-size:200%;
}

}
@media only screen and (min-width: 751px){
#sec01 .msg{
font-size:200%;
}

}

@media only screen and (max-width: 550px){
#sec01 .msg{
font-size:160%;
}

}