/* line 12, ../sass/gnavi.scss */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 1px;
}
/* line 19, ../sass/gnavi.scss */
body a {
  transition: 0.4s opacity ease-out;
}
/* line 22, ../sass/gnavi.scss */
body a:hover {
  opacity: .5;
}
/* line 25, ../sass/gnavi.scss */
body .button-movie a:hover {
  opacity: 1;
}
/* line 28, ../sass/gnavi.scss */
body [data-mail-to] {
  text-decoration: underline;
}
/* line 32, ../sass/gnavi.scss */
body div.contents {
  display: none;
}

/* line 38, ../sass/gnavi.scss */
.loading-icon {
  position: absolute;
  top: 8px;
  left: 10px;
}
@media screen and (max-width: 768px) {
  /* line 38, ../sass/gnavi.scss */
  .loading-icon {
    top: 4.35vw;
    left: 4.35vw;
  }
}
/* line 46, ../sass/gnavi.scss */
.loading-icon img {
  animation-name: spin;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-delay: 0;
  animation-iteration-count: infinite;
  animation-direction: normal;
  width: 20px;
  height: 20px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg) translate3d(0, 0, 0);
  }
  100% {
    transform: rotate(359deg) translate3d(0, 0, 0);
  }
}
/* line 65, ../sass/gnavi.scss */
nav.gnavi {
  min-width: 1024px;
  z-index: 10000;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  font-size: 11.48px;
}
@media screen and (max-width: 768px) {
  /* line 65, ../sass/gnavi.scss */
  nav.gnavi {
    min-width: 0;
    position: fixed;
  }
}
/* line 78, ../sass/gnavi.scss */
nav.gnavi .bogo-language-switcher {
  display: none;
  position: absolute;
  font-size: 15px;
  top: 15px;
  left: 20px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  /* line 78, ../sass/gnavi.scss */
  nav.gnavi .bogo-language-switcher {
    top: 8.7vw;
    left: 2.9vw;
  }
}
/* line 89, ../sass/gnavi.scss */
nav.gnavi .bogo-language-switcher li {
  position: relative;
  float: left;
}
/* line 94, ../sass/gnavi.scss */
nav.gnavi .bogo-language-switcher li.current {
  color: #666;
}
/* line 97, ../sass/gnavi.scss */
nav.gnavi .bogo-language-switcher li:not(:first-of-type):after {
  content: '/';
  float: left;
  margin: 0 .2em;
  color: #fff;
}
/* line 105, ../sass/gnavi.scss */
nav.gnavi div.navi-body {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 0%;
  transition: 0.4s background-color ease-out 0.1s;
  text-align: center;
}
/* line 114, ../sass/gnavi.scss */
nav.gnavi div.navi-body .inner {
  transition: 0.4s all ease-out;
  opacity: 0;
  overflow: hidden;
  height: 0;
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  width: 100%;
}
@media screen and (max-height: 415px) {
  /* line 114, ../sass/gnavi.scss */
  nav.gnavi div.navi-body .inner {
    position: relative;
    overflow: scroll;
    top: 0;
    transform: translateY(0);
    height: 100%;
  }
}
/* line 131, ../sass/gnavi.scss */
nav.gnavi div.navi-body .inner li {
  opacity: 0;
  font-size: 18px;
  margin-bottom: 3.5vh;
}

/* line 131, ../sass/gnavi.scss */
nav.gnavi div.navi-body .inner li.float {
  display: inline-block;
}

@media screen and (max-width: 1200px) {
  /* line 131, ../sass/gnavi.scss */
  nav.gnavi div.navi-body .inner li {
    font-size: 1.4vw;
    margin-bottom: 2.34vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 131, ../sass/gnavi.scss */
  nav.gnavi div.navi-body .inner li {
    font-size: 4vw;
    line-height: 2;
  }
}
/* line 145, ../sass/gnavi.scss */
nav.gnavi div.navi-body .inner li.current {
  opacity: .5 !important;
}
/* line 149, ../sass/gnavi.scss */
nav.gnavi div.navi-body div.symbol-navi {
  position: absolute;
  opacity: 0;
  transition: 0.4s all ease-out 0.1s;
  bottom: 25px;
  right: 25px;
}
@media screen and (max-width: 768px) {
  /* line 158, ../sass/gnavi.scss */
  nav.gnavi div.navi-body div.symbol-navi a img {
    max-width: 16.91vw;
  }
}
/* line 163, ../sass/gnavi.scss */
nav.gnavi div.navi-body div.sns {
  transition: 0.4s all ease-out 0.1s;
  width: 100px;
  position: absolute;
  opacity: 0;
  bottom: 25px;
  left: 25px;
}
/* line 170, ../sass/gnavi.scss */
nav.gnavi div.navi-body div.sns p.label {
  float: left;
  padding-right: 12px;
  font-size: 9.02px;
  line-height: 2.4;
}
/* line 176, ../sass/gnavi.scss */
nav.gnavi div.navi-body div.sns ol.icons {
  float: left;
}
/* line 178, ../sass/gnavi.scss */
nav.gnavi div.navi-body div.sns ol.icons li.facebook {
  padding-right: 12px;
  float: left;
}
/* line 186, ../sass/gnavi.scss */
nav.gnavi div.navi-body div.sns ol.icons li.instagram {
  float: left;
}
/* line 198, ../sass/gnavi.scss */
nav.gnavi div.button-navi {
  z-index: 2;
  position: absolute;
  top: 20px;
  left: 50%;
  width: 30px;
  height: 30px;
  opacity: 0;
  transition: 0.6s transform ease-in-out, 0.6s opacity ease-out, 0.6s height ease-in;
  transform: translateX(-50%) translateY(-30px);
}
@media screen and (min-width: 769px) {
  /* line 198, ../sass/gnavi.scss */
  nav.gnavi div.button-navi {
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  /* line 198, ../sass/gnavi.scss */
  nav.gnavi div.button-navi {
    left: 90vw;
    top: 4.35vw;
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
/* line 219, ../sass/gnavi.scss */
nav.gnavi div.button-navi a {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 223, ../sass/gnavi.scss */
nav.gnavi div.button-navi a > div {
  width: 30px;
  height: 1px;
  background: #fff;
  margin-bottom: 10px;
}
/* line 229, ../sass/gnavi.scss */
nav.gnavi div.button-navi a div.upper {
  transition: .2s all ease-out;
}
/* line 232, ../sass/gnavi.scss */
nav.gnavi div.button-navi a div.middle {
  transition: .2s all ease-out;
}
/* line 235, ../sass/gnavi.scss */
nav.gnavi div.button-navi a div.lower {
  transition: .2s all ease-out;
}
/* line 240, ../sass/gnavi.scss */
nav.gnavi div.button-navi.show {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
  height: 30px;
}
@media screen and (max-width: 768px) {
  /* line 245, ../sass/gnavi.scss */
  nav.gnavi div.button-navi.hide {
    transform: translateX(-50%) translateY(-24.15vw);
    height: 0;
    opacity: 0;
  }
}
@media screen and (max-width: 768px) {
  /* line 252, ../sass/gnavi.scss */
  body.single div.button-navi.hide {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    height: 30px;
  }
}
/* line 261, ../sass/gnavi.scss */
div.exlink {
  z-index: 10;
  font-size: 11.48px;
  padding-left: 25px;
  padding-bottom: 0px;
  position: fixed;
  height: 22px;
  bottom: 0;
  left: 0;
  transition: 0.6s transform ease-in-out;
  transform: translateY(0) translate3d(0, 0, 0);
}
@media screen and (max-width: 768px) {
  /* line 261, ../sass/gnavi.scss */
  div.exlink {
    transform: none;
    position: fixed;
    padding-left: 4.83vw;
    transform: translateY(0) translate3d(0, 0, 0);
  }
}
/* line 279, ../sass/gnavi.scss */
div.exlink ol {
  width: 145px;
  overflow: hidden;
}
/* line 282, ../sass/gnavi.scss */
div.exlink ol li {
  text-align: center;
  padding-bottom: 5px;
  width: 60px;
  border-bottom: 3px solid #fc3500;
  float: left;
}
/* line 288, ../sass/gnavi.scss */
div.exlink ol li a {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 294, ../sass/gnavi.scss */
div.exlink ol li:first-of-type {
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  /* line 294, ../sass/gnavi.scss */
  div.exlink ol li:first-of-type {
    margin-right: 2.42vw;
  }
}
/* line 302, ../sass/gnavi.scss */
div.exlink.show {
  transform: translateY(0) translate3d(0, 0, 0);
}
/* line 305, ../sass/gnavi.scss */
div.exlink.hide {
  transform: translateY(100%) translate3d(0, 0, 0);
}
/* line 311, ../sass/gnavi.scss */
body.single div.exlink.hide {
  transform: translateY(0) translate3d(0, 0, 0);
}

/* line 315, ../sass/gnavi.scss */
nav.gnavi.open {
  height: 100%;
  width: 100%;
}
/* line 318, ../sass/gnavi.scss */
nav.gnavi.open div.navi-body {
  background: #fc3500;
  height: 100%;
}
/* line 321, ../sass/gnavi.scss */
nav.gnavi.open div.navi-body .inner {
  height: auto;
  opacity: 1;
}
/* line 324, ../sass/gnavi.scss */
nav.gnavi.open div.navi-body .inner li {
  opacity: 1;
}
/* line 328, ../sass/gnavi.scss */
nav.gnavi.open div.navi-body .inner li:nth-child(1) {
  transition: 0.4s opacity ease-out 0.1s;
}
/* line 331, ../sass/gnavi.scss */
nav.gnavi.open div.navi-body .inner li:nth-child(2) {
  transition: 0.4s opacity ease-out 0.2s;
}
/* line 334, ../sass/gnavi.scss */
nav.gnavi.open div.navi-body .inner li:nth-child(3) {
  transition: 0.4s opacity ease-out 0.3s;
}
/* line 337, ../sass/gnavi.scss */
nav.gnavi.open div.navi-body .inner li:nth-child(4) {
  transition: 0.4s opacity ease-out 0.4s;
}
/* line 340, ../sass/gnavi.scss */
nav.gnavi.open div.navi-body .inner li:nth-child(5) {
  transition: 0.4s opacity ease-out 0.5s;
}
/* line 343, ../sass/gnavi.scss */
nav.gnavi.open div.navi-body .inner li:nth-child(6) {
  transition: 0.4s opacity ease-out 0.6s;
}
/* line 346, ../sass/gnavi.scss */
nav.gnavi.open div.navi-body .inner li:nth-child(7) {
  transition: 0.4s opacity ease-out 0.7s;
}
/* line 349, ../sass/gnavi.scss */
nav.gnavi.open div.navi-body .inner li:nth-child(8) {
  transition: 0.4s opacity ease-out 0.8s;
}
/* line 352, ../sass/gnavi.scss */
nav.gnavi.open div.navi-body .inner li:nth-child(9) {
  transition: 0.4s opacity ease-out 0.9s;
}
/* line 355, ../sass/gnavi.scss */
nav.gnavi.open div.navi-body .inner li:nth-child(10) {
  transition: 0.4s opacity ease-out 1s;
}
/* line 352, ../sass/gnavi.scss */
nav.gnavi.open div.navi-body .inner li:nth-child(11) {
  transition: 0.4s opacity ease-out 1.1s;
}
/* line 355, ../sass/gnavi.scss */
nav.gnavi.open div.navi-body .inner li:nth-child(12) {
  transition: 0.4s opacity ease-out 1.2s;
}
/* line 361, ../sass/gnavi.scss */
nav.gnavi.open div.navi-body div.symbol-navi {
  opacity: 1;
}
/* line 365, ../sass/gnavi.scss */
nav.gnavi.open div.navi-body div.sns {
  opacity: 1;
}
/* line 377, ../sass/gnavi.scss */
nav.gnavi.open div.button-navi a div.upper {
  transform: translateY(12px) rotate(45deg) scale(1.2) translate3d(0, 0, 0);
  margin: 0;
}
/* line 381, ../sass/gnavi.scss */
nav.gnavi.open div.button-navi a div.middle {
  transform: scale(0) translate3d(0, 0, 0);
}
/* line 384, ../sass/gnavi.scss */
nav.gnavi.open div.button-navi a div.lower {
  transform: translateY(0px) rotate(-45deg) scale(1.2) translate3d(0, 0, 0);
  margin: 0;
}