@charset "utf-8";

#top #contents {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
#top #contents header {
  position: relative;
  width: 1240px;
}
#top #contents header h1 {
  position: absolute;
  top: 80px;
  right: 125px;
  z-index: 100;
}
#top #topNav {
  position: absolute;
  top: 538px;
  right: 122px;
  /*left: 125px;*/
  z-index: 100;
}
#top #topNav ul {
}
#top #topNav li {
  position: relative;
  float: right;
  margin: 0 -4px;
}
#top #topNav li.new:after {
  content: url(../img/new_top.png);
  position: absolute;
  top: 9px;
  right: 3px;
  -webkit-animation: blink 2.5s ease-in-out infinite;
  animation: blink 2.5s ease-in-out infinite;
}
#top #topNav a, #top #topNav img {
  display: block;
}
#top #topNav img {
  background: 0 0 no-repeat;
}
#top #topNav a:hover img {
  background-position: 0 100%;
}
#top #topNav .story img {
  width: 66px;
  height: 229px;
  background-image: url(../img/top_navi_story.png);
}
#top #topNav .character img {
  width: 63px;
  height: 197px;
  background-image: url(../img/top_navi_character.png);
}
#top #topNav .system img {
  width: 74px;
  height: 221px;
  background-image: url(../img/top_navi_system.png);
}
#top #topNav .gallery img {
  width: 63px;
  height: 216px;
  background-image: url(../img/top_navi_gallery.png);
}
#top #topNav .special img {
  width: 63px;
  height: 187px;
  background-image: url(../img/top_navi_special.png);
}
.news_bg {
  position: relative;
  width: 992px;
  padding: 42px 0 0;
  margin: 0 auto 82px;
  background: url(../img/news_frame_header.png) 0 0 no-repeat;
  z-index: 100;
}
.news {
  position: relative;
  width: 992px;
  padding: 0 0 1px;
  background: url(../img/news_frame_middle.png) 0 0 repeat;
}
.news:after {
  content: url(../img/news_frame_footer.png?1573704554);
  position: absolute;
  top: 100%;
  left: 0;
  width: 992px;
  height: 49px;
}
#newsTgl {
  position: absolute;
  top: -10px;
  right: 30px;
  width: 110px;
  height: 33px;
  cursor: pointer;
  overflow: hidden;
  z-index: 2;
}
#newsTgl img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 110px;
  height: 33px;
  -webkit-transition: opacity 0.16s linear;
  -o-transition: opacity 0.16s linear;
  transition: opacity 0.16s linear;
}
#newsTgl img.unover {
  background: url(../img/news_open.png) no-repeat 100% 0;
}
#newsTgl img.over {
  background: url(../img/news_open.png) no-repeat 100% -33px;
}
#newsTgl.opened img.unover {
  background: url(../img/news_close.png) no-repeat 100% 0;
}
#newsTgl.opened img.over {
  background: url(../img/news_close.png) no-repeat 100% -33px;
}
#newsTgl img.unover,
#newsTgl:hover img.over,
#newsTgl.opened img.unover,
#newsTgl.opened:hover img.over {
  opacity: 1;
}
#newsTgl:hover img.unover,
#newsTgl img.over,
#newsTgl.opened:hover img.unover,
#newsTgl.opened img.over {
  opacity: 0;
}
.news ul {
  position: relative;
  top: -1px;
  color: #fff;
  font-size: 14rem;
  line-height: 1.3;
  padding: 0 30px 0 32px;
  margin: 0 0 -10px;
  overflow: hidden;
  -webkit-transition: height 250ms ease-out;
  -o-transition: height 250ms ease-out;
  transition: height 250ms ease-out;
}
.news li {
  position: relative;
  margin: 0 0 18px 86px;
}
.news li:last-child {
  margin: 0 0 2px 86px;
}
.news li a {
  color: #efcb5f;
  text-decoration: underline;
  -webkit-transition: 0.12s linear;
  -o-transition: 0.12s linear;
  transition: 0.12s linear;
}
.news li em {
  color: #d00;
  font-weight: bold;
}
.news li a:hover {
  color: #e00;
  text-decoration: none;
}
.news .date {
  position: absolute;
  top: 0;
  left: -86px;
  display: block;
  width: 86px;
}
.banner {
  position: absolute;
  top: 72px;
  left: 6px;
  z-index: 150;
}
.banner li {
  position: relative;
  margin: 0 0 0px;
  -webkit-animation: fade-in 0.7s linear both;
  animation: fade-in 0.7s linear both;
}
.banner li:nth-child(1) {
  -webkit-animation-duration: 0s;
  animation-duration: 0s;
}
.banner li:nth-child(2) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.banner li:nth-child(3) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.banner li:nth-child(4) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.banner li:nth-child(5) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.banner li:nth-child(6) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.banner li:nth-child(7) {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}
.banner li:nth-child(8) {
  -webkit-animation-delay: 2.1s;
  animation-delay: 2.1s;
}
.banner li:nth-child(9) {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
}
.banner li:nth-child(10) {
  -webkit-animation-delay: 2.7s;
  animation-delay: 2.7s;
}
.banner li:nth-child(11) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.banner li:nth-child(12) {
  -webkit-animation-delay: 3.3s;
  animation-delay: 3.3s;
}
.banner li.new:after {
  position: absolute;
  top: -8px; left: 0;
  content: url(../img/new.png);
  display: block;
  width: 46px;
  height: 19px;
  -webkit-animation: blink 2.5s ease-in-out infinite;
  animation: blink 2.5s ease-in-out infinite;
}
.banner a {
  display: block;
  width: 228px;
  height: 67px;
  background: 0 0 no-repeat;
}
.banner a img {
  display: block;
  width: 228px;
  height: 67px;
  background: 0 100% no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.banner a:hover img {
  opacity: 1;
}

.banner .limited,
.banner .limited img {
  background-image: url(../img/banner_limited.png);
}
.banner .shop,
.banner .shop img {
  background-image: url(../img/banner_shop.png);
}
.banner .offi_twi,
.banner .offi_twi img {
  background-image: url(../img/banner_twitter.png);
}
.banner .mini_game,
.banner .mini_game img {
  background-image: url(../img/banner_mini_game.png);
}
.banner .novel2,
.banner .novel2 img {
  background-image: url(../img/banner/banner_novel2021.png);
}
.banner .novel,
.banner .novel img {
  background-image: url(../img/banner_novel.png);
}
.banner .live_play,
.banner .live_play img {
  background-image: url(../img/banner_live_play.png);
}
.banner .fear,
.banner .fear img {
  background-image: url(../img/banner_fear.png);
}
.banner .benefits,
.banner .benefits img {
  background-image: url(../img/banner_benefits.png);
}
.banner .linestamp,
.banner .linestamp img {
  background-image: url(../img/banner_linestamp.png);
}
.banner .in_store_trial,
.banner .in_store_trial img {
  background-image: url(../img/banner_in_store_trial.png);
}
.banner .radio,
.banner .radio img {
  background-image: url(../img/banner_radio.png);
}
.banner .review_campaign,
.banner .review_campaign img {
  background-image: url(../img/banner_review_campaign.png);
}
.banner .talk_event,
.banner .talk_event img {
  background-image: url(../img/banner_talk_event.png);
}
.banner .fear_result,
.banner .fear_result img {
  background-image: url(../img/banner_fear_result.png);
}
.banner .goods,
.banner .goods img {
  background-image: url(../img/banner_goods.png);
}
.banner .tsuchinoko,
.banner .tsuchinoko img {
  background-image: url(../img/banner_tsuchinoko.png);
}
.banner .play_report,
.banner .play_report img {
  background-image: url(../img/banner_play_report.png);
}
.banner .yuruichi,
.banner .yuruichi img {
  background-image: url(../img/banner_yuruichi.png);
}
.banner .collabo,
.banner .collabo img {
  background-image: url(../img/banner_collabo.png);
}
.banner .pumpkin,
.banner .pumpkin img {
  background-image: url(../img/banner_pumpkin.png);
}
.banner .enquete,
.banner .enquete img {
  background-image: url(../img/banner_enquete.png);
}
.banner .last_patch,
.banner .last_patch img {
  background-image: url(../img/banner_last_patch.png);
}
.banner .novel_release,
.banner .novel_release img {
  background-image: url(../img/banner_novel_release.png);
}
.banner .graffart_goods,
.banner .graffart_goods img {
  background-image: url(../img/banner_graffart_goods.png);
}
.banner .wars,
.banner .wars img {
  background-image: url(../img/banner/banner_wars.png);
}
.banner .appli,
.banner .appli img {
  background-image: url(../img/banner/banner_appli.png);
}


.info_banner {
  position: relative;
  font-size: 20rem;
  z-index: 101;
  text-align: center;
}
.info_banner .infomation {
  display: block;
  width: 964px;
  margin: 0 auto 12px;
  padding: 12px;
  background: rgba(191,165,54,0.7);
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.info_banner .infomation:hover {
  text-decoration: none;
  background: rgba(191,165,54,0.85);
}

.review {
  position: absolute;
  top: 69px;
  left: 238px;
  z-index: 150;
  -webkit-animation: fade-in 0.7s linear both;
  animation: fade-in 0.7s linear both;
}
.review.new:after {
  position: absolute;
  top: -8px; left: 0;
  content: url(../img/new.png);
  display: block;
  width: 46px;
  height: 19px;
  -webkit-animation: blink 2.5s ease-in-out infinite;
  animation: blink 2.5s ease-in-out infinite;
}
.review a {
  display: block;
  width: 196px;
  height: 118px;
  background: url(../img/banner_review.png) 0 0 no-repeat;
}
.review a img {
  display: block;
  width: 196px;
  height: 118px;
  background: url(../img/banner_review.png) 0 100% no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
.review a:hover img {
  opacity: 1;
}

#light{
  position:fixed;
  width:1920px;
  height:1920px;
  top:0;
  right:-100%;
  left:-100%;
  margin: 0 auto;
  border:none;
  background:url(../img/light_loading.png) repeat;
  z-index:400;
  pointer-events: none;
  opacity: 1;
}
#top #light{
  opacity: 0;
}

#light2{
  position:fixed;
  width:100%;
  height:1200px;
  top:0;
  left:0;
  border:none;
  background:black;
  z-index:600;
  pointer-events: none;
  -webkit-transition: opacity 0.64s;
  -o-transition:opacity 0.64s;
  transition:opacity 0.64s;
}

#darkLayerTop{
  background:url(../img/light_bg.png);
}
#darkLayerBottom{
  background:url(../img/light_bg.png);
}

/* ギミック */
#gimmick {
  position: relative;
  width: 1240px;
  height: 880px;
  overflow: hidden;
  margin: -62px auto -102px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: url(../img/gimmick/loading.gif) 50% 50% no-repeat;
}
#gimmick #side_back,
#gimmick #gimmickBg,
#gimmick #side_back,
#gimmick #eventBtn {
  opacity: 0;
}
#top.loaded #gimmick #side_back,
#top.loaded #gimmick #gimmickBg,
#top.loaded #gimmick #side_back,
#top.loaded #gimmick #eventBtn {
  -webkit-animation: fade-in 2s linear both;
  animation: fade-in 2s linear both;
}
#gimmick:after {
  position: absolute;
  top: 0;
  left: -4px;
  content: url(../img/gimmick/front.png);
  z-index: 70;
}
#gimmick #gimmickBg {
  position: absolute;
  width: 10523px;
  height: 2900px;
  -webkit-transform: translate(-7360px,-960px);
  -ms-transform: translate(-7360px,-960px);
  transform: translate(-7360px,-960px);
}
#gimmick #player {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(7906px,1328px);
  -ms-transform: translate(7906px,1328px);
  transform: translate(7906px,1328px);
  width: 148px;
  height: 144px;
}
#gimmick #player .chara {
  position: relative;
  display: block;
  width: 148px;
  height: 144px;
  z-index: 3;
  background: 0 0 no-repeat;
}
#gimmick #player #light_center {
  position: absolute;
  top: 90px;
  left: 70px;
  display: block;
  z-index: 5;
}
#gimmick #player .chara.haru {
  background-image: url(../img/gimmick/haru.png);
}
#gimmick #player .chara.yui {
  background-image: url(../img/gimmick/yui.png);
}
#gimmick #player .light {
  position: relative;
  top: -73.5%;
  left: -40%;
  display: block;
  height: 461px;
  width: 286px;
  z-index: 3;
  background: url(../img/gimmick/light.png) 0 0 no-repeat;
  opacity: 1;
  -webkit-transform-origin: 45.6% 10.7%;
  -ms-transform-origin: 45.6% 10.7%;
  transform-origin: 45.6% 10.7%;
  z-index: 4;
}
#gimmick #player.u .light,
#gimmick #player.ul .light,
#gimmick #player.ur .light {
  z-index: 2;
}
#gimmick #player.r .light,
#gimmick #player.dr .light {
  -webkit-transform-origin: 49.5% 13%;
  -ms-transform-origin: 49.5% 13%;
  transform-origin: 49.5% 13%;
}
#gimmick #player:after {
  content: url(../img/gimmick/shadow.png);
  position: absolute;
  top: 75%;
  left: 35%;
  z-index: 1;
}
#balloon {
  position: absolute;
  bottom: 80%;
  left: 19%;
  display: block;
  width: 86px;
  height: 97px;
  background: url(../img/gimmick/balloon.png) 0 0 no-repeat;
  opacity: 1;
  -webkit-transition: opacity 0.4s linear;
  -o-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
}
#balloon.hide {
  opacity: 0;
}
#gimmick #sleep_ghost {
  position: absolute;
  top: 1710px;
  left: 5860px;
  display: block;
  width: 216px;
  height: 232px;
  background: url(../img/gimmick/sleep_ghost.png) 0 0 no-repeat;
}
#gimmick #sleep_ghost.wake {
}
#gimmick #crow01 {
  position: absolute;
  top: 1413px;
  left: 7503px;
  display: block;
  width: 103px;
  height: 81px;
}
#gimmick #crow01 img {
  position: relative;
  display: block;
  width: 103px;
  height: 81px;
  background: url(../img/gimmick/crow/left.png) 0 0 no-repeat;
  z-index: 2;
}
#gimmick #crow01:after {
  content: url(../img/gimmick/crow/shadow.png);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 103px;
  height: 81px;
  z-index: 0;
}
#gimmick #crow01.flap {
  top: 1348px;
  left: 7460px;
  width: 186px;
  height: 150px;
}
#gimmick #crow01.flap img {
  width: 186px;
  height: 150px;
  background: url(../img/gimmick/crow/flap1.png) 0 0 no-repeat;
}
#gimmick #crow01.flap:after {
  top: 65px;
  left: 43px;
}
#gimmick #crow02 {
  position: absolute;
  top: 1426px;
  left: 7584px;
  display: block;
  width: 103px;
  height: 81px;
}
#gimmick #crow02 img {
  position: relative;
  display: block;
  width: 103px;
  height: 81px;
  background: url(../img/gimmick/crow/right.png) 0 0 no-repeat;
  z-index: 2;
}
#gimmick #crow02:after {
  content: url(../img/gimmick/crow/shadow.png);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 103px;
  height: 81px;
  z-index: 0;
}
#gimmick #crow02.flap {
  top: 1360px;
  left: 7546px;
  width: 186px;
  height: 150px;
}
#gimmick #crow02.flap img {
  width: 186px;
  height: 150px;
  background: url(../img/gimmick/crow/flap2.png) 0 0 no-repeat;
}
#gimmick #crow02.flap:after {
  top: 66px;
  left: 38px;
}
#gimmick #can {
  position: absolute;
  top: 1836px;
  left: 6572px;
  /*top: 1872px;
  left: 6632px;*/
  width: 24px;
  height: 23px;
  -webkit-transform: translate(0px,0px) rotate(-500deg);
  -ms-transform: translate(0px,0px) rotate(-500deg);
  transform: translate(0px,0px) rotate(-500deg);
  -webkit-transform-origin: 50% 90%;
  -ms-transform-origin: 50% 90%;
  transform-origin: 50% 90%;
  -webkit-transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
#gimmick.scene2 #can,
#gimmick.scene2end #can {
  -webkit-transform: translate(70px,10px) rotate(0deg);
  -ms-transform: translate(70px,10px) rotate(0deg);
  transform: translate(70px,10px) rotate(0deg);
}
#gimmick #baby {
  position: absolute;
  top: 1645px;
  left: 6805px;
  display: block;
  width: 104px;
  height: 84px;
  background: url(../img/gimmick/baby.png) 0 0 no-repeat;
  opacity: 0;
}
#gimmick #baby.move {
  -webkit-animation: babyMove 5s linear both;
  animation: babyMove 5s linear both;
}
#gimmick #gomi {
  position: absolute;
  top: 1565px;
  left: 5677px;
  display: block;
  width: 105px;
  height: 102px;
  background: url(../img/gimmick/mimic/mimic.png) 0 0 no-repeat;
}
#gimmick .tv {
  position: absolute;
  top: 1541px;
  left: 5737px;
}
#gimmick .umbrella {
  position: absolute;
  top: 1621px;
  left: 5725px;
}
#gimmick #ghost_dog {
  position: absolute;
  top: 920px;
  left: 5255px;
  width: 177px;
  height: 168px;
  background: url(../img/gimmick/ghost_dog.png) 0 0 no-repeat;
  opacity: 0;
}
#gimmick #ghost_dog.run {
  -webkit-animation: dog_run 4s linear both;
  animation: dog_run 4s linear both;
}
#gimmick #ghost_dog.howl {
  opacity: 1;
  -webkit-transform: translate(-400px,300px);
  -ms-transform: translate(-400px,300px);
  transform: translate(-400px,300px);
  -webkit-animation: fade-out 1s linear 0.5s both;
  animation: fade-out 1s linear 0.5s both;
}
#gimmick #scissor {
  position: absolute;
  top: 1340px;
  left: 2257px;
  width: 68px;
  height: 124px;
  background: url(../img/gimmick/scissor.png) 0 0 no-repeat;
}
#gimmick #scissor.end {
  background: url(../img/gimmick/scissor.png) -1428px 0 no-repeat;
}
#gimmick #shine {
  position: absolute;
  top: 1213px;
  left: 977px;
  width: 46px;
  height: 43px;
  background: url(../img/gimmick/shine.png) 0 0 no-repeat;
}
#gimmick #doppel {
  position: absolute;
  width: 148px;
  height: 144px;
  background: url(../img/gimmick/doppelganger.png) 0 0 no-repeat;
  opacity: 1;
  -webkit-transition: opacity 0.6s linear;
  -o-transition: opacity 0.6s linear;
  transition: opacity 0.6s linear;
}
#gimmick.scene1 #doppel,
#gimmick.scene1end #doppel {
  top: 1328px;
  left: 8086px;
}
#gimmick.scene2 #doppel,
#gimmick.scene2end #doppel {
  top: 1440px;
  left: 6695px;
}
#gimmick.scene3 #doppel,
#gimmick.scene3end #doppel {
  top: 1948px;
  left: 6230px;
}
#gimmick.scene4 #doppel,
#gimmick.scene4end #doppel {
  top: 1265px;
  left: 5466px;
}
#gimmick.scene6 #doppel {
  top: 1251px;
  left: 1244px;
}
#gimmick #doppel.hide {
  opacity: 0;
}
#gimmick #doppel.finish {
  opacity: 0;
}
#gimmick #fg {
  position: absolute;
  top: 0;
  left: 0;
  width: 10523px;
  height: 2900px;
}
#gimmick #filter {
  position: absolute;
  top: 0;
  left: -4px;
  display: block;
  width: 1248px;
  height: 115vh;
  background: url(../img/gimmick/bg_filter.png) 0 0 no-repeat;
  opacity: 0.8;
  z-index: 30;
}
#gimmick #side_front {
  position: absolute;
  top: 1300px;
  left: 2700px;
}
#gimmick #side_back {
  position: absolute;
  top: 105px;
  left: 0;
  width: 1132px;
  height: 815px;
  background: url(../img/gimmick/sideview/back_07.jpg) 0 0 no-repeat;
}
#gimmick.scene0 #side_back,
#gimmick.scene1 #side_back,
#gimmick.scene1end  #side_back {
  display: none;
}

#gimmick #side_back img {
  position: absolute;
  top: 0;
  left: -700px;
}
#eventBtn {
  position: absolute;
  display: none;
  /*background: rgba(255,100,100,0.3);*/
  -webkit-border-radius: 40%;
  border-radius: 40%;
  cursor: pointer;
  z-index: 80;
}
.scene1 #eventBtn {
  display: block;
  width: 144px;
  height: 60px;
  top: 470px;
  left: 260px;
}
.scene2 #eventBtn {
  display: block;
  width: 30px;
  height: 30px;
  top: 663px;
  left: 489px;
}
.scene3 #eventBtn {
  display: block;
  width: 68px;
  height: 125px;
  top: 229px;
  left: 420px;
}
.scene4 #eventBtn {
  display: block;
  width: 100px;
  height: 100px;
  top: 492px;
  left: 786px;
}
#ganger {
  display: none;
  position: absolute;
  width: 77px;
  height: 114px;
  -webkit-border-radius: 40%;
  border-radius: 40%;
  z-index: 80;
}
.scene1 #ganger {
  top: 385px;
  left: 860px;
}
.scene2 #ganger {
  top: 276px;
  left: 580px;
}
.scene3 #ganger {
  top: 383px;
  left: 763px;
}
.scene4 #ganger {
  top: 221px;
  left: 580px;
}
.scene6 #ganger {
  top: 577px;
  left: 762px;
}
#ganger.show {
  display: block;
}
.scene6 #wp {
  position: absolute;
  top: 518px;
  left: 468px;
  display: block;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 40%;
  border-radius: 40%;
  cursor: pointer;
  z-index: 80;
}
.wallpaler {
  width: 1017px;
  height: 558px;
  padding: 73px 0;
  background: url(../img/gimmick/wallpaper/frame.png) 0 0 no-repeat;
  text-align: center;
}
.wallpaler h2 {
  margin: 0 0 14px;
}
.wallpaler ul {
  margin: 9px 0 0;
}
.wallpaler ul li {
  display: inline-block;
  width: 146px;
  height: 23px;
  margin: 0 7px;
}
.wallpaler ul li a,
.wallpaler ul li a img {
  display: block;
  width: 146px;
  height: 23px;
}
.wallpaler ul li a {
  background: 0 0 no-repeat;
}
.wallpaler ul li a img {
  opacity: 0;
  background: 0 100% no-repeat;
  -webkit-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.wallpaler ul li a:hover img {
  opacity: 1;
}
.wallpaler .SXGA a,
.wallpaler .SXGA a img {
  background-image: url(../img/gimmick/wallpaper/btn_1280x1024.png);
}
.wallpaler .UXGA a,
.wallpaler .UXGA a img {
  background-image: url(../img/gimmick/wallpaper/btn_1600x1200.png);
}
.wallpaler .FHD a,
.wallpaler .FHD a img {
  background-image: url(../img/gimmick/wallpaper/btn_1920x1080.png);
}
#across_shadow {
  position: fixed;
  top: 160%;
  left: 0;
  width: 170px;
  height: 302px;
  background: url(../img/gimmick/across_shadow.png) 0 0 no-repeat;
  z-index: 580;
  pointer-events: none;
}
#across_shadow.move {
  -webkit-animation: shadow_move 3s linear both;
  animation: shadow_move 3s linear both;
}
.enq_wrap {
  padding: 1.3em 2em 1.8em;
  background: rgba(0,0,0,0.8);
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
.enq_wrap h2 {
  padding: 0.4em 0;
  margin: 0 0 0.5em;
  font-size: 22rem;
}
.enq_wrap ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 18rem;
  line-height: 1;
}
.enq_wrap li {
  margin: 0 0.7em;
}
.enq_wrap a {
  display: block;
  padding: 0.8em 2em;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background: #a31717;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.3);
  box-shadow: inset 0 -3px 0 rgba(0,0,0,0.3);
}
.enq_wrap a:hover {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
}

#debug {
  position: fixed;
  top: 200px;
  left: 10px;
  width: 30px;
  height: 30px;
  padding: 10px 0;
  z-index: 10000;
  background: #fff;
  color: #222;
  font-size: 13px;
  text-align: center;
}