@charset "utf-8";

a,a:visited {
  text-decoration: none;
  outline: none;
  color: #04f;
}
a:hover {
  text-decoration: underline;
  outline: none;
}
a[href*="tel:"] { cursor: default; }

button { outline: none; }

p {
  margin: 0 0 18px;
  background: url(../img/transparent.png);
}
td { background: url(../img/transparent.png); }

html {
  position: relative;
  min-height: 100%;
  font-size: 6.25%;
  overflow-y: scroll;
  overflow-x: hidden;
}
body {
  min-height: 100%;
  background: #000;
  font: 10rem/1 "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;
  color: #fff;
  overflow: hidden;
}
.mac body, .safari body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; }


div,section {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6 {
  margin: 0;
}
ul,ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
button {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}
button:active,button:focus {
  border: none;
  outline: none;
}
figure {
  margin: 0;
}
em { font-style: normal; }

article {
  position: relative;
  width: 930px;
  min-height: 859px;
  margin: 0 auto;
}
article:after {
  position: absolute;
  top: 0;
  right: 0;
  content: url(../img/enter/img01.png);
  z-index: -1;
  -webkit-animation: fade-in 2s linear both 1s;
  animation: fade-in 2s linear both 1s;
}
article h1 {
  padding: 173px 0 35px 110px;
}
article p {
  width: 333px;
  padding: 0 0 0 25px;
  margin: 0;
  text-align: center;
}
.enter_btns {
  overflow: hidden;
  margin: 0 -20px 12px;
}
.enter_btns li {
  float: left;
  margin: 0 7px;
}
.enter_btns a {
  display: block;
  height: 97px;
  background: 0 0 no-repeat;
}
.enter_btns a img {
  display: block;
  background: 0 100% no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.enter_btns a img:hover {
  opacity: 1;
}
.enter_btns #yes,
.enter_btns #yes img {
  width: 202px;
  height: 94px;
  background-image: url(../img/enter/btn_yes.png);
}
.enter_btns #no,
.enter_btns #no img {
  width: 168px;
  height: 97px;
  background-image: url(../img/enter/btn_no.png);
}

/* =============================================================================
フロートさせたコンテンツの高さを親要素が認識しないバグを修正　Clearfix
========================================================================== */

/* For modern browsers */
.cf:before, .cf:after {
  content: "";
  display: table;
}

.cf:after { clear: both; }

/* For IE 6/7 (trigger hasLayout) */
.cf { zoom: 1; }

* html .cf { height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}