@charset "utf-8";
body {
  background: #fdf9f2;
  font-family: sans-serif;
  font-size: 16px;
  text-align: center;
}
#outerbox {
  margin: 0 auto;
  padding: 20px 0 0 0;
  width: 960px;
}
#box {
  background: rgba(255,255,255,.5);
  border: solid 1px #e1ddd7;
}
.ft_red { color: #fc2a18; }
.ft_black { color: #000; }
.u { text-decoration: underline; padding: 0 0 5px; }

/* title
==================================================================================================== */
#read {
  font-family: "ヒラギノ角ゴ StdN W8","Hiragino Kaku Gothic StdN","HGP創英角ｺﾞｼｯｸUB","HGPSoeiKakugothicUB","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 150%;
  padding: 20px 0 0 60px;
  text-align: left;
}
#header h1 {
  font-family: "ヒラギノ角ゴ StdN W8","Hiragino Kaku Gothic StdN","HGP創英角ｺﾞｼｯｸUB","HGPSoeiKakugothicUB","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 300%;
  line-height: 135%;
  padding: 20px 0;
}
#opt_header {
  padding: 30px 0;
}

/* footer
==================================================================================================== */
#footer {
  clear: both;
  font-size: 81%;
  overflow: hidden;
  padding: 15px 0;
  position: relative;
}
#footer ul {
  color: #666;
}
#footer li {
  float: left;
  margin: 0 10px 0 0;
  position: relative;
}
#footer li::after {
  content: "|";
  margin: 0 0 0 10px;
}
#footer li:nth-last-of-type(1)::after {
  content: "";
  margin: 0;
}


#playbox {
  overflow: hidden;
  margin: 0 40px 40px 70px;
}
#pc {
  /*background: url(../images/pcimg.gif) no-repeat left 16px;*/
  float: left;
  margin: 0 15px 0 0;
  padding: 0 0 0 0;
  position: relative;
  width: 480px;
}
#pc img {
  width: 100%;
}
#form {
  float: right;
  padding: 20px 0 0 0;
}
#formbox {
  background: #000;
  color: #fff;
  font-family: "ヒラギノ角ゴ StdN W8","Hiragino Kaku Gothic StdN","HGP創英角ｺﾞｼｯｸUB","HGPSoeiKakugothicUB","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  padding: 15px 0 30px 0;
  width: 340px;
}
#formTitle {
  font-size: 176%;
  line-height: 160%;
  margin: 0 20px 20px 20px;
  text-align: right;
}
#formSubTitle {
  font-size: 120%;
  margin: 0 auto 15px auto;
}
.forms {
  margin: 0 25px;
  text-align: center;
}
.forms input[type=email] {
  background: #fff;
  border: none;
  font-family: "ヒラギノ角ゴ StdN W8","Hiragino Kaku Gothic StdN","HGP創英角ｺﾞｼｯｸUB","HGPSoeiKakugothicUB","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 105%;
  margin: 0 auto 15px auto;
  padding: 10px 5px;
  text-align: center;
  width: 240px;
}
.btn {
  background: #b3ce26;
  border-bottom: solid 4px #769c19;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-family: "ヒラギノ角ゴ StdN W8","Hiragino Kaku Gothic StdN","HGP創英角ｺﾞｼｯｸUB","HGPSoeiKakugothicUB","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 140%;
  letter-spacing: .1em;
  padding: 10px 0;
  width: 250px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

/* exitpopup
==================================================================================================== */
#exitPopup {
  height: 20px;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
#overlay {
  background: rgba(0,0,0,.8);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
#popupWindow {
  border: solid 20px #333;
  left: 0;
  overflow-y: scroll;
  position: fixed;
  top: 0;
}