@charset "utf-8";

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
  font-size: 12px;
  background-color:#000000;
  background-image:url(https://www.tokimekiclub.info/img/index_img.jpg);
  background-repeat:no-repeat;
  background-size: auto;
  background-position:20% 70px;
  text-align:center;
}
#wrap {
  max-width:760px;
  min-width:280px;
  #width:760px;
  padding:10px;
  margin:0px auto;
  text-align:left;
}

h1 {
  text-align:right;
  margin-bottom:50px;
}
strong { color:#FFFFFF;}
p {
  line-height:1.6em;
  margin-bottom:5px;
}

#enter {
  margin:20px 0;
  text-align:right;
}
#enter p {
  margin-bottom:10px;
  color:#F33;
}
#entrance, #exit {
  margin-bottom:20px;
}
#entrance a, #exit a {
  display:inline-block;
  width:160px;
  padding:15px 10px;
  background-color:#F00;
  text-decoration:none;
  text-align:center;
  font-size:18px;
  color:#FFFFFF;
}
#entrance a {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff0002), color-stop(1.00, #5c0909));
  background: -webkit-linear-gradient(#ff0002, #5c0909);
  background: -moz-linear-gradient(#ff0002, #5c0909);
  background: -o-linear-gradient(#ff0002, #5c0909);
  background: -ms-linear-gradient(#ff0002, #5c0909);
  background: linear-gradient(#ff0002, #5c0909);
}
#exit a {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #989898), color-stop(1.00, #272727));
  background: -webkit-linear-gradient(#989898, #272727);
  background: -moz-linear-gradient(#989898, #272727);
  background: -o-linear-gradient(#989898, #272727);
  background: -ms-linear-gradient(#989898, #272727);
  background: linear-gradient(#989898, #272727);
}

#entrance a:hover, #exit a:hover {
  color:#FFFF00;
}

#annai {
  font-size:12px;
  color:#CCCCCC;
  margin-bottom:20px;
  text-align:left;
  background-color: rgba(0,0,0,0.3);
  padding:10px 0px 10px 10px;
  border-radius:5px;
}

footer {
  font-size:10px;
  text-align:right;
  color:#FFFFFF;
}

@media screen and (max-width:780px){
  body {
    background-size:60% auto;
    background-position:left 100px;
  }
  #wrap {
    padding:5px;
  }
  #annai {
    padding:10px;
  }
}
@media screen and (max-width:640px){
  #entrance a, #exit a {
    width:120px;
    padding:10px 20px;
    font-size:14px;
  }
  #enter p {
    font-size:9px;
  }
}
@media screen and (max-width:480px){
  #entrance a, #exit a {
    width:auto;
    padding:10px 15px;
  }
}