@charset "utf-8";
body {
  background: #000 url(../images/bg.jpg) top center repeat-y;
  background-size: 320px;
}
html {
  overflow-x: hidden;
  overflow-y: auto;
}
body {
  overflow-x: hidden;
  overflow-y: auto;
}
#Container {
  width: 320px;
  margin: 0 auto;
}
#Container .quiz {
  width: 320px;
  height: 43px;
}
#Loading {
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  overflow-x: scroll;
  z-index: 9990;
  background-color: black;
}
#Loading .loadingImg01 {
  position: absolute;
  top: 180px;
  left: 90px;
  background: url(../images/loader-doll01.jpg);
  background-repeat: no-repeat;
  background-size: 1120px 200px;
  background-position: 0px 0px;
  width: 140px;
  height: 200px;
}
#Loading .loadingImg02 {
  opacity: 0;
  position: absolute;
  top: 180px;
  left: 90px;
  background: url(../images/loader-doll02.jpg);
  background-repeat: no-repeat;
  background-size: 1120px 200px;
  width: 140px;
  height: 200px;
}
#Loading .loadingText02 {
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin-left: -64px;
  text-align: center;
  background: url(../images/loading-text01.png);
  background-repeat: no-repeat;
  background-size: 128px 13px;
  width: 128px;
  height: 13px;
}
#Door {
  position: relative;
  z-index: 9999;
}
#Door #Hand {
  position: absolute;
  top: -380px;
  left: 50px;
  background: url(../images/elevator-hand.png);
  background-repeat: no-repeat;
  background-size: 280px 380px;
  width: 280px;
  height: 380px;
}
#Door #Door-left {
  position: absolute;
  top: 0px;
  left: -190px;
  background: url(../images/elevator-left.png);
  background-repeat: no-repeat;
  background-size: 190px 600px;
  width: 190px;
  height: 600px;
}
#Door #Door-right {
  position: absolute;
  top: 0px;
  left: 320px;
  background: url(../images/elevator-right.png);
  background-repeat: no-repeat;
  background-size: 190px 600px;
  width: 190px;
  height: 600px;
}
#Alert {
  display: none;
  width: auto;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url(../images/alert.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 99999;
}
#Black {
  display: none;
  width: 5000px;
  height: 2000px;
  z-index: 99998;
  position: fixed;
  background-color: black;
}
/*01 メインビジュアル*/
.mainvisual {
  position: relative;
  width: 320px;
  height: 470px;
  background: #000 url(../images/top-main-bg.jpg) top center no-repeat;
  background-size: 320px 409px;
}
.mainvisual .bgGirl {
  position: absolute;
  top: 207px;
  left: 115px;
  background: url(../images/top-main-girl-sprite.jpg);
  background-repeat: no-repeat;
  background-size: 115px 4200px;
  background-position: 0px 0px;
  width: 115px;
  height: 200px;
}
.mainvisual .logo {
  position: absolute;
  top: 13px;
  right: 12px;
}
.mainvisual .titleBlock {
  position: relative;
}
.mainvisual .titleBlock .title01 {
  position: absolute;
  top: 40px;
  left: 188px;
  background: url(../images/top-title01.png);
  background-repeat: no-repeat;
  background-size: 80px 1072px;
  background-position: 0px 0px;
  width: 80px;
  height: 67px;
}
.mainvisual .titleBlock .title02 {
  position: absolute;
  top: 110px;
  left: 188px;
  background: url(../images/top-title02.png);
  background-repeat: no-repeat;
  background-size: 80px 1184px;
  background-position: 0px 0px;
  width: 80px;
  height: 74px;
}
.mainvisual .titleBlock .title03 {
  position: absolute;
  top: 189px;
  left: 188px;
  background: url(../images/top-title03.png);
  background-repeat: no-repeat;
  background-size: 80px 848px;
  background-position: 0px 0px;
  width: 80px;
  height: 53px;
}
.mainvisual .titleBlock .title04 {
  position: absolute;
  top: 239px;
  left: 188px;
  background: url(../images/top-title04.png);
  background-repeat: no-repeat;
  background-size: 80px 768px;
  background-position: 0px 0px;
  width: 80px;
  height: 48px;
}
.mainvisual .titleBlock .title05 {
  position: absolute;
  top: 75px;
  left: 135px;
  background: url(../images/top-title05.png);
  background-repeat: no-repeat;
  background-size: 48px 752px;
  background-position: 0px 0px;
  width: 48px;
  height: 47px;
}
.mainvisual .titleBlock .title06 {
  position: absolute;
  top: 126px;
  left: 135px;
  background: url(../images/top-title06.png);
  background-repeat: no-repeat;
  background-size: 48px 1072px;
  background-position: 0px 0px;
  width: 48px;
  height: 67px;
}
.mainvisual .titleBlock .title07 {
  position: absolute;
  top: 195px;
  left: 135px;
  background: url(../images/top-title07.png);
  background-repeat: no-repeat;
  background-size: 48px 688px;
  background-position: 0px 0px;
  width: 48px;
  height: 43px;
}
.mainvisual .titleBlock .title08 {
  position: absolute;
  top: 145px;
  left: 57px;
  background: url(../images/top-title08.png);
  background-repeat: no-repeat;
  background-size: 75px 1152px;
  background-position: 0px 0px;
  width: 75px;
  height: 72px;
}
.mainvisual .titleBlock .title09 {
  position: absolute;
  top: 219px;
  left: 57px;
  background: url(../images/top-title09.png);
  background-repeat: no-repeat;
  background-size: 75px 1136px;
  background-position: 0px 0px;
  width: 75px;
  height: 71px;
}
.mainvisual .lead01 {
  position: absolute;
  top: 36px;
  right: 10px;
}
.mainvisual .lead01 .bg {
  position: absolute;
  top: 135px;
  left: -40px;
}
.mainvisual .lead01 .text {
  position: relative;
}
.mainvisual .lead02 {
  position: absolute;
  top: 83px;
  left: 58px;
}
.mainvisual .lead03 {
  position: absolute;
  top: 14px;
  left: 14px;
}
.mainvisual .lead04 {
  position: absolute;
  top: 386px;
  left: 0;
  width: 320px;
  text-align: center;
}
.mainvisual .lead05 {
  position: absolute;
  top: 425px;
  left: 0;
  width: 320px;
  text-align: center;
}
/*02 SNS*/
.snsButtons {
  background: #000;
  position: relative;
  width: 320px;
  height: 56px;
  margin-bottom: -8px;
}
.snsButtons .tw {
  position: absolute;
  top: 0px;
  left: 15px;
}
.snsButtons .fb {
  position: absolute;
  top: 0px;
  left: 100px;
}
.snsButtons .hatena {
  position: absolute;
  top: 0px;
  left: 180px;
}
.snsButtons .line {
  position: absolute;
  top: 0px;
  left: 268px;
}
/*03 メニュー*/
.menu {
  padding-top: 82px;
  background: url(../images/top-menu-bg.png) top center no-repeat;
  background-size: 320px 235px;
  margin-bottom: 15px;
}
.menu .wrap {
  padding-bottom: 15px;
  background: url(../images/top-menu-btn-bottom.png) bottom center no-repeat;
  background-size: 320px 15px;
}
.menu .wrap li a {
  position: relative;
  display: block;
}
.menu .wrap li a .icon {
  position: absolute;
  top: 12px;
  left: 20px;
  display: block;
  width: 33px;
  height: 33px;
  background: url(../images/top-menu-btn-icon.png) top center no-repeat;
  background-size: 33px 66px;
}
.menu .wrap li a:hover .icon {
  background: url(../images/top-menu-btn-icon.png) bottom center no-repeat;
  background-size: 33px 66px;
}
.ticket .btn a {
  overflow: hidden;
  display: block;
  width: 300px;
  height: 60px;
  margin: 0 auto;
}
.ticket .btn a:hover img {
  position: relative;
  top: -60px;
}
.ticket .tel {
  padding-top: 15px;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.1;
  font-weight: bold;
  color: #990000;
  margin-bottom: 40px;
}
.ticket .tel a {
  display: inline-block;
  text-decoration: underline;
  color: #990000;
}
/*バナー*/
.banner {
  margin-bottom: 25px;
  text-align: center;
}
.banner a {
  display: block;
  overflow: hidden;
  width: 300px;
  height: 80px;
  margin: 0 auto;
}
.banner a:hover img {
  position: relative;
  top: -80px;
}
/*04 当日券情報*/
.todayinfo {
  padding-bottom: 90px;
  background: url(../images/bg-bottom.png) bottom center no-repeat;
  background-size: 320px 135px;
}
.todayinfo .wrap {
  width: 300px;
  height: 429px;
  margin: 0 auto;
  background: url(../images/top-tweet-bg.jpg);
  background-size: 300px 429px;
}
.todayinfo .wrap .timeline {
  width: 291px;
  height: 370px;
  padding-top: 45px;
  margin: 0 auto;
}
.todayinfo .wrap2 .todayticket {
  margin: 0 auto;
  top: 0px;
  left: 0px;
  background: url(../images/top-todday-ticket.png);
  background-size: 300px 95px;
  width: 300px;
  height: 95px;
  margin-top: 15px;
}
.todayinfo .wrap2 .warning {
  margin: 0 auto;
  top: 0px;
  left: 0px;
  background: url(../images/top-warning.jpg);
  background-repeat: no-repeat;
  background-size: 300px 195px;
  width: 300px;
  height: 195px;
  margin-top: 25px;
}
.todayinfo .wrap2 .tweet {
  margin-top: 50px;
}
.todayinfo .wrap2 .tweet a {
  overflow: hidden;
  display: block;
  width: 300px;
  height: 60px;
  margin: 0 auto;
}
.todayinfo .wrap2 .tweet a:hover img {
  position: relative;
  top: -60px;
}
#Story-span {
  position: relative;
}
#Story-span .story-span {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 320px;
  height: 10px;
  background-color: black;
  z-index: 1;
}
/*05 ストーリー*/
.story {
  overflow: hidden;
  position: relative;
  width: 320px;
  height: 1593px;
  background: url(../images/story-bg.jpg) top center no-repeat;
  background-size: 320px 1343px;
}
.story .wrap {
  height: 1590px;
  background: url(../images/story-bg-bottom.png) bottom center no-repeat;
  background-size: 320px 250px;
}
.story .text01 {
  opacity: 0;
  position: absolute;
  top: 279px;
  left: 53px;
}
.story .text02 {
  opacity: 0;
  position: absolute;
  top: 332px;
  left: 20px;
}
.story .text03 {
  opacity: 0;
  position: absolute;
  top: 391px;
  left: 4px;
}
.story .text04 {
  opacity: 0;
  position: absolute;
  top: 438px;
  left: 65px;
}
.story .text05 {
  opacity: 0;
  position: absolute;
  top: 495px;
  left: 36px;
}
.story .text06 {
  opacity: 0;
  position: absolute;
  top: 540px;
  left: 65px;
}
.story .text07 {
  opacity: 0;
  position: absolute;
  top: 598px;
  left: 70px;
}
.story .text08 {
  opacity: 0;
  position: absolute;
  top: 657px;
  left: 46px;
}
.story .text09 {
  opacity: 0;
  position: absolute;
  top: 765px;
  left: 20px;
}
.story .text10 {
  opacity: 0;
  position: absolute;
  top: 873px;
  left: 58px;
}
.story .text11 {
  opacity: 0;
  position: absolute;
  top: 915px;
  left: 21px;
}
.story .text12 {
  opacity: 0;
  position: absolute;
  top: 975px;
  left: 78px;
}
.story .text13 {
  opacity: 0;
  position: absolute;
  top: 1033px;
  left: 55px;
}
.story .text14 {
  opacity: 0;
  position: absolute;
  top: 1080px;
  left: 24px;
}
#System-span {
  position: relative;
}
#System-span .system-span {
  position: absolute;
  top: -5px;
  left: 0px;
  width: 320px;
  height: 10px;
  background-color: black;
  z-index: 1;
}
#System-span2 {
  position: relative;
}
#System-span2 .system-span2 {
  position: absolute;
  top: -5px;
  left: 0px;
  width: 320px;
  height: 10px;
  background-color: black;
  z-index: 1;
}
/*06 システム*/
.system .titleBlock {
  position: relative;
  width: 320px;
  height: 370px;
  background: url(../images/bg-bottom.png) bottom center no-repeat;
  background-size: 320px 135px;
}
.system .titleBlock .bgpct {
  position: absolute;
  top: 85px;
  left: -85px;
}
.system .titleBlock .pct {
  position: absolute;
  top: 85px;
  left: -85px;
}
.system .titleBlock .bg {
  position: absolute;
  top: 105px;
  right: 0px;
}
.system .titleBlock .title {
  position: absolute;
  top: 125px;
  left: 198px;
}
.system .leadBlock {
  position: relative;
  width: 320px;
  height: 644px;
  background: url(../images/system-stairs.jpg) top center no-repeat;
  background-size: 320px 650px;
}
.system .leadBlock .pct01 {
  position: absolute;
  top: 74px;
  left: 20px;
}
.system .leadBlock .pct02 {
  position: absolute;
  top: 490px;
  right: 10px;
}
.system .leadBlock .line01 {
  position: absolute;
  top: 68px;
  left: 226px;
}
.system .leadBlock .line01 .text01 {
  opacity: 0;
}
.system .leadBlock .line01 .text02 {
  opacity: 0;
}
.system .leadBlock .line01 .text03 {
  opacity: 0;
}
.system .leadBlock .line01 .text04 {
  opacity: 0;
}
.system .leadBlock .line01 .text05 {
  opacity: 0;
}
.system .leadBlock .line01 .text06 {
  opacity: 0;
}
.system .leadBlock .line01 .text07 {
  opacity: 0;
}
.system .leadBlock .line01 .text08 {
  opacity: 0;
}
.system .leadBlock .line02 {
  position: absolute;
  top: 238px;
  left: 146px;
}
.system .leadBlock .line02 .text01 {
  opacity: 0;
}
.system .leadBlock .line02 .text02 {
  opacity: 0;
}
.system .leadBlock .line02 .text03 {
  opacity: 0;
}
.system .leadBlock .line02 .text04 {
  opacity: 0;
}
.system .leadBlock .line02 .text05 {
  opacity: 0;
}
.system .leadBlock .line02 .text06 {
  opacity: 0;
}
.system .leadBlock .line02 .text07 {
  opacity: 0;
}
.system .leadBlock .line02 .text08 {
  opacity: 0;
}
.system .leadBlock .delayLine03 {
  position: absolute;
  top: 375px;
  left: 0px;
  width: 10px;
  height: 10px;
}
.system .leadBlock .line03 {
  position: absolute;
  top: 270px;
  left: 65px;
}
.system .leadBlock .line03 .text01 {
  opacity: 0;
}
.system .leadBlock .line03 .text02 {
  opacity: 0;
}
.system .leadBlock .line03 .text03 {
  opacity: 0;
}
.system .leadBlock .line03 .text04 {
  opacity: 0;
}
.system .leadBlock .line03 .text05 {
  opacity: 0;
}
.system .leadBlock .line03 .text06 {
  opacity: 0;
}
.system .leadBlock .line03 .text07 {
  opacity: 0;
}
.system .leadBlock .line03 .text08 {
  opacity: 0;
}
.system .leadBlock .line03 .text09 {
  opacity: 0;
}
.system .leadBlock .line03 .text10 {
  opacity: 0;
}
.system .leadBlock .line03 .text11 {
  opacity: 0;
}
.system .leadBlock .line03 .text12 {
  opacity: 0;
}
.system .detailBlock {
  padding-top: 55px;
  background: url(../images/system-bg.png) top center no-repeat;
  background-size: 320px 135px;
}
.system .detailBlock .box {
  text-align: center;
  width: 300px;
  margin: 0 auto;
  padding-bottom: 33px;
  background: url(../images/price-line.png) bottom center no-repeat;
  background-size: 300px 2px;
  margin-bottom: 30px;
}
.system .detailBlock .box .icon {
  margin-bottom: 5px;
}
.system .detailBlock .box .title {
  margin-bottom: 10px;
}
.system .detailBlock .box p {
  font-size: 1.3rem;
  line-height: 1.7;
}
.system .detailBlock .box.last {
  padding-bottom: 0px;
  background: none;
  margin-bottom: 130px;
}
/*07 料金*/
.price {
  margin-bottom: 150px;
}
.price .titleBlock {
  overflow: hidden;
  position: relative;
  width: 320px;
  height: 360px;
}
.price .titleBlock .bgpct {
  position: absolute;
  top: 302px;
  right: -37px;
}
.price .titleBlock .pct {
  position: absolute;
  top: 30px;
  right: -32px;
}
.price .titleBlock .bg {
  position: absolute;
  top: 0px;
  left: 0px;
}
.price .titleBlock .title {
  position: absolute;
  top: 123px;
  left: 20px;
}
.price .detailBlock .price {
  background: url(../images/price-line.png) top center no-repeat;
  background-size: 300px 2px;
  margin-bottom: 23px;
}
.price .detailBlock .price dl {
  overflow: hidden;
  width: 300px;
  font-size: 1.4rem;
  line-height: 1.1;
  font-weight: bold;
  color: #990000;
  margin: 0 auto;
  background: url(../images/price-line.png) bottom center no-repeat;
  background-size: 300px 2px;
}
.price .detailBlock .price dl dt {
  box-sizing: border-box;
  float: left;
  width: 170px;
  padding: 8px 0 8px 60px;
}
.price .detailBlock .price dl dd {
  box-sizing: border-box;
  float: left;
  width: 110px;
  padding: 8px 0;
}
.price .detailBlock .btn {
  padding-top: 36px;
  background: url(../images/price-arrow.png) top center no-repeat;
  background-size: 127px 14px;
}
.price .detailBlock .btn a {
  overflow: hidden;
  display: block;
  width: 300px;
  height: 60px;
  margin: 0 auto;
}
.price .detailBlock .btn a:hover img {
  position: relative;
  top: -60px;
}
.price .detailBlock .tel {
  padding-top: 15px;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.1;
  font-weight: bold;
  color: #990000;
}
.price .detailBlock .tel a {
  display: inline-block;
  text-decoration: underline;
  color: #990000;
}
/*08 会場*/
.place {
  margin-bottom: 120px;
  overflow: hidden;
}
.place .titleBlock {
  position: relative;
  width: 320px;
  height: 205px;
}
.place .titleBlock .pct {
  position: absolute;
  top: 15px;
  left: 0px;
}
.place .titleBlock .bg {
  position: absolute;
  top: 0px;
  right: 0px;
}
.place .titleBlock .title {
  position: absolute;
  top: 38px;
  left: 137px;
}
.place .mapBlock {
  box-sizing: border-box;
  width: 320px;
  height: 175px;
  padding-top: 10px;
  background: url(../images/place-map-bg.png);
  background-size: 320px 175px;
  margin-bottom: 25px;
}
.place .mapBlock .wrap {
  width: 280px;
  margin: 0 auto;
}
.place .mapBlock .wrap #Map {
  width: 280px;
  height: 145px;
}
.place .detailBlock {
  text-align: center;
}
.place .detailBlock p {
  margin-top: 20px;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 2;
  margin-bottom: 18px;
}
.place .detailBlock p a {
  text-decoration: underline;
  color: #990000;
}
.place .detailBlock strong {
  display: block;
  font-size: 1.75rem;
  font-weight: bold;
}
/*09 FAQ*/
.faq {
  margin-bottom: 195px;
  overflow: hidden;
}
.faq .titleBlock {
  position: relative;
  width: 320px;
  height: 800px;
  background: url(../images/faq-sprite.png) top center no-repeat;
  background-size: 320px 700px;
}
.faq .titleBlock .hand {
  position: absolute;
  top: -35px;
  left: -260px;
}
.faq .titleBlock .hand01 {
  position: absolute;
  top: 215px;
  left: -100px;
}
.faq .titleBlock .hand02 {
  position: absolute;
  top: 390px;
  left: -100px;
}
.faq .titleBlock .title {
  position: absolute;
  top: 594px;
  left: 120px;
}
.faq .detailBlock dl {
  width: 300px;
  margin: 0 auto 25px;
}
.faq .detailBlock dl dt {
  display: block;
  cursor: pointer;
}
.faq .detailBlock dl dt .icon {
  display: block;
  float: left;
  width: 50px;
}
.faq .detailBlock dl dt .text {
  display: block;
  float: right;
  width: 240px;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  text-decoration: underline;
  color: #990000;
  padding-top: 5px;
}
.faq .detailBlock dl dt .text.line2 {
  margin-top: -10px;
}
.faq .detailBlock dl dd p {
  font-size: 1.2rem;
  line-height: 1.8;
  margin-top: 10px;
}
.faq .detailBlock dl dd p span {
  background-color: #fff;
}
.faq .detailBlock dl dd p a {
  color: #990000;
  text-decoration: underline;
}
.faq .btn a {
  overflow: hidden;
  display: block;
  width: 300px;
  height: 60px;
  margin: 0 auto;
}
.faq .btn a:hover img {
  position: relative;
  top: -60px;
}
/*10 about*/
.about {
  overflow: hidden;
  margin-bottom: 215px;
}
.about .titleBlock {
  position: relative;
  width: 320px;
  height: 310px;
}
.about .titleBlock .pct {
  position: absolute;
  top: 44px;
  right: 0;
}
.about .titleBlock .bg {
  position: absolute;
  top: 0px;
  left: 0px;
}
.about .titleBlock .title {
  position: absolute;
  top: 135px;
  left: 15px;
}
.about .detailBlock {
  text-align: center;
}
.about .detailBlock strong {
  font-size: 1.75rem;
  font-weight: bold;
}
.about .detailBlock .pct {
  margin-bottom: 25px;
}
.about .detailBlock p {
  margin-top: 20px;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 2;
  margin-bottom: 15px;
}
.about .detailBlock .btn {
  padding-top: 20px;
}
.about .detailBlock .btn a {
  overflow: hidden;
  display: block;
  width: 300px;
  height: 60px;
  margin: 0 auto;
}
.about .detailBlock .btn a:hover img {
  position: relative;
  top: -60px;
}
#CloneValue {
  position: absolute;
}
#CloneValue .clone {
  position: absolute;
  top: -1900px;
}
#CloneValue .clone .face {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone .hand1 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone .hand2 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone .hand3 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone .hand4 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone .hand5 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone .hand6 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone .hand7 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone .hand8 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone .hand9 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone .hand10 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone .hand11 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone .hand12 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone .splash1 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone .splash2 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone2 {
  position: absolute;
  top: -1900px;
}
#CloneValue .clone2 .face {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone2 .hand1 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone2 .hand2 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone2 .hand3 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone2 .hand4 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone2 .hand5 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone2 .hand6 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone2 .hand7 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone2 .hand8 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone2 .hand9 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone2 .hand10 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone2 .hand11 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone2 .hand12 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone2 .splash1 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone2 .splash2 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone3 {
  position: absolute;
  top: -1900px;
}
#CloneValue .clone3 .face {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone3 .hand1 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone3 .hand2 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone3 .hand3 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone3 .hand4 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone3 .hand5 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone3 .hand6 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone3 .hand7 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone3 .hand8 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone3 .hand9 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone3 .hand10 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone3 .hand11 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone3 .hand12 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone3 .splash1 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone3 .splash2 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone4 {
  position: absolute;
  top: -1900px;
}
#CloneValue .clone4 .face {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone4 .hand1 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone4 .hand2 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone4 .hand3 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone4 .hand4 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone4 .hand5 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone4 .hand6 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone4 .hand7 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone4 .hand8 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone4 .hand9 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone4 .hand10 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone4 .hand11 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone4 .hand12 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone4 .splash1 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone4 .splash2 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone5 {
  position: absolute;
  top: -1900px;
}
#CloneValue .clone5 .face {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone5 .hand1 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone5 .hand2 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone5 .hand3 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone5 .hand4 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone5 .hand5 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone5 .hand6 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone5 .hand7 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone5 .hand8 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone5 .hand9 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone5 .hand10 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone5 .hand11 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone5 .hand12 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone5 .splash1 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
#CloneValue .clone5 .splash2 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
/*11 footer*/
footer {
  position: relative;
}
footer .top {
  position: relative;
  width: 320px;
  height: 660px;
}
footer .top .face {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
footer .top .hand1 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
footer .top .hand2 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
footer .top .hand3 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
footer .top .hand4 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
footer .top .hand5 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
footer .top .hand6 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
footer .top .hand7 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
footer .top .hand8 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
footer .top .hand9 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
footer .top .hand10 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
footer .top .hand11 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
footer .top .hand12 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
footer .top .splash1 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
footer .top .splash2 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
footer .middle {
  position: relative;
  width: 320px;
  height: 832px;
  background: url(../images/footer-bg01.png) top center no-repeat;
  background-size: 320px 832px;
}
footer .middle .line {
  position: absolute;
  top: 230px;
  left: 142px;
  z-index: 1;
}
footer .middle .line .text01 {
  opacity: 0;
}
footer .middle .line .text02 {
  opacity: 0;
}
footer .middle .line .text03 {
  opacity: 0;
}
footer .middle .line .text04 {
  opacity: 0;
}
footer .middle .line .text05 {
  opacity: 0;
}
footer .middle .line .text06 {
  opacity: 0;
}
footer .middle .line .text07 {
  opacity: 0;
}
footer .middle .line .text08 {
  opacity: 0;
}
footer .middle .line .text09 {
  opacity: 0;
}
footer .middle .line .text10 {
  opacity: 0;
}
footer .middle .line .text11 {
  opacity: 0;
}
footer .middle .line .text12 {
  opacity: 0;
}
footer .middle .btn {
  position: absolute;
  top: 650px;
  left: 100px;
}
footer .middle .btn a {
  overflow: hidden;
  display: block;
  width: 115px;
  height: 115px;
  margin: 0 auto;
}
footer .middle .btn a:hover img {
  position: relative;
  top: -115px;
}
footer .bottom {
  box-sizing: border-box;
  width: 320px;
  height: 500px;
  padding-top: 15px;
  background: url(../images/footer-bg02.jpg) top center;
  background-size: 320px 500px;
}
footer .bottom .snsButtons {
  margin-bottom: 24px;
}
footer .bottom .quiz_link {
  margin-bottom: 15px;
}
footer .bottom .quiz_link a {
  overflow: hidden;
  display: block;
  width: 300px;
  height: 80px;
  margin: 0 auto;
}
footer .bottom .quiz_link a:hover img {
  position: relative;
  top: -80px;
}
footer .bottom .btn {
  margin-bottom: 15px;
}
footer .bottom .btn a {
  overflow: hidden;
  display: block;
  width: 300px;
  height: 60px;
  margin: 0 auto;
}
footer .bottom .btn a:hover img {
  position: relative;
  top: -60px;
}
footer .bottom .tel {
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.1;
  font-weight: bold;
  color: #fff;
  margin-bottom: 35px;
}
footer .bottom .tel a {
  text-decoration: underline;
  color: #fff;
}
footer .bottom .logo a {
  text-align: center;
  display: block;
  margin-bottom: 28px;
}
footer .bottom #copyright {
  font-size: 1.1rem;
  color: #fff;
  line-height: 2;
  text-align: center;
}
footer .bottom #copyright a {
  color: #fff;
  text-decoration: none;
}