@charset "utf-8";
/*variables*/
/*scss*/
/* line 7, ../scss/hint.scss */
#wrapper {
  background-image: url(../img/hint/bg_hint.jpg);
  min-height: 1060px;
}
@media screen and (max-height: 928px) {
  /* line 7, ../scss/hint.scss */
  #wrapper {
    min-height: 928px;
    max-height: 928px;
  }
}

/* line 15, ../scss/hint.scss */
#contents {
  width: 1216px;
  padding-top: 128px;
  pointer-events: auto;
}
@media screen and (max-height: 928px) {
  /* line 15, ../scss/hint.scss */
  #contents {
    padding-top: 92px;
  }
}
/* line 22, ../scss/hint.scss */
#contents > img {
  display: none;
}
/* line 25, ../scss/hint.scss */
#contents .hintBase {
  opacity: 0;
  width: 1216px;
  height: 832px;
  position: relative;
  background-image: url(../img/hint/hint_ima00.png);
  background-size: 1216px auto;
  background-position: 50% 0px;
  background-repeat: no-repeat;
  margin: 0 auto;
  padding-top: 144px;
}
/* line 36, ../scss/hint.scss */
#contents .hintBase > div {
  opacity: 0;
  width: 416px;
  height: 416px;
  float: left;
  background-size: 416px auto;
  background-position: 50% 0px;
  background-repeat: no-repeat;
}
/* line 44, ../scss/hint.scss */
#contents .hintBase > div:nth-child(1) {
  background-image: url(../img/hint/hint_ima01.png);
}
/* line 47, ../scss/hint.scss */
#contents .hintBase > div:nth-child(2) {
  background-image: url(../img/hint/hint_ima02.png);
}
/* line 50, ../scss/hint.scss */
#contents .hintBase > div:nth-child(3) {
  background-image: url(../img/hint/hint_ima03.png);
}
/* line 53, ../scss/hint.scss */
#contents .hintBase > div:nth-child(4) {
  background-image: url(../img/hint/hint_ima04.png);
}
/* line 56, ../scss/hint.scss */
#contents .hintBase > div:nth-child(5) {
  background-image: url(../img/hint/hint_ima05.png);
}
/* line 59, ../scss/hint.scss */
#contents .hintBase > div:nth-child(6) {
  background-image: url(../img/hint/hint_ima06.png);
}
/* line 63, ../scss/hint.scss */
#contents .hintBase > div:nth-child(1), #contents .hintBase > div:nth-child(4) {
  margin-left: 32px;
}
/* line 69, ../scss/hint.scss */
#contents .hintBase > div:nth-child(2), #contents .hintBase > div:nth-child(3), #contents .hintBase > div:nth-child(5), #contents .hintBase > div:nth-child(6) {
  margin-left: -48px;
}
/* line 74, ../scss/hint.scss */
#contents .hintBase > div:nth-child(4), #contents .hintBase > div:nth-child(5), #contents .hintBase > div:nth-child(6) {
  margin-top: -144px;
}

@media screen and (max-height: 928px) {
  /* line 80, ../scss/hint.scss */
  #footerBer {
    display: none;
  }
}

@media screen and (max-height: 928px) {
  /* line 85, ../scss/hint.scss */
  #copyright {
    bottom: 0px;
  }
}

/* line 91, ../scss/hint.scss */
#master_cover {
  background-image: url(../img/hint/11_hint_PC00_1104.png);
  background-size: 1920px auto;
  background-position: 50% 0px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  pointer-events: none;
}