* {margin:0; padding:0;}

body {width: 100%; margin:0; padding:0; font-size:18px; line-height:1.4; background-image: url("themes/dronestation-theme/backimage002.webp");background-size: cover;font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic ProN,"Trebuchet MS", Verdana, sans-serif;}

/* 一般タグの設定 */
table {width:100%; border-collapse:collapse;}
table td {vertical-align:top;}
th { background:url(header.gif) repeat-x bottom left; color:#000; padding:3px; vertical-align:middle;}
th a, th a b {color:#ffcc00; text-decoration:none;}

h1,h2,h3,h4,h5,p,b,i,u,form {margin:0.5em 0;}
h1 {
  color: #000;
  text-align:center;
  width:90%;
  text-shadow: 1px 2px 3px #8c8c8c;
  font-size: 40px;
  font-weight: lighter;
  margin: 20px auto;
}

#content{
  width: 100%;
  max-width: 600px;
  margin: 0px auto;
}
.overview{
 width: 100%;
 max-width: 600px;
 margin: 10px auto;
}
.overview p {
  font-size: 10px;
  color: #949495;
  padding: 10px;
}
.font-xs{
  font-size: 10px;
  text-align: center;
}
.white {
  color: #fff;
  text-shadow: 4px 4px 3px rgba(0, 0, 0, 0.64);
}
.DJI-RC{
  width: 100%;
  max-width: 200px;
}
.button a {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    text-decoration: none;
    display: block;
    max-width: 250px;
    background: #333;
    margin: auto;
    padding: 10px 30px;
    font-family: "Noto Sans Japanese";
    text-align: center;
    line-height: 1.8;
    text-decoration: none;
    font-weight: 500;
    outline: none;
    color: #fff;
    transition: ease .2s;
    border-radius: 30px;
}
.button a::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  transform: skewX(-25deg);
}

.button a:hover::before {
  animation: shine 0.7s;
}

@keyframes shine {
  100% {
    left: 125%;
  }
}
@media screen and (max-width: 480px) {
  h1 {font-size: 34px;font-weight: normal;}
}