html {
  font-size: 62.5%;
}

* {
  box-sizing: border-box;
}

body {
  color: #fff;
  background-color: #000;
  font-family: -apple-system, "HelveticaNeue", Helvetica;
  font-size: 1.2rem;
  line-height: 1.7;
  -webkit-text-size-adjust: 100%;
  overflow: scroll;
}

img {
  width: 100%;
  height: auto;
}

/* link 
*****************************************/
a:link,
a:visited {
  color: #333;
  text-decoration: underline;
}

/* contents
*****************************************/
.wrapper01 {
  position: relative;
  background: url(../common/images/bg02.jpg) repeat-y 50% 0;
  background-size: 100% auto;
  overflow-x: hidden;
}

.wrapper02 {
  background-image: url(../images/bg03.png), url(../common/images/bg01.jpg);
  background-position: 0 0,0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% auto, 100% auto;
}

/* header01
*****************************************/
.header01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 4.2666666667vw 2.6666666667vw 0 2.6666666667vw;
  /*background: url(../images/bg03.png) no-repeat 50% 0/100%;*/
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  z-index: 20;
}
.header01 .logo {
  width: 40.985915493%;
  text-align: center;
  padding-top: 1.0666666667vw;
}
.header01 .logo img {
  width: 92.0962199313%;
}
.header01 .globalNav01 {
  width: 59.014084507%;
}
.header01 .globalNav01 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.header01 .globalNav01 ul li:nth-child(odd) {
  width: 37.9474940334%;
}
.header01 .globalNav01 ul li:nth-child(even) {
  width: 62.0525059666%;
}

/* footer01
*****************************************/
.footer01 {
  width: 100%;
  padding-top: 10.6666666667vw;
  z-index: 1;
}
.footer01 .copyright {
  width: 100%;
  padding-left: 2.5352112676%;
  padding-right: 3.661971831%;
  margin-bottom: 5.0666666667vw;
}
.footer01 .logoList {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-left: 19.3333333333%;
  margin-right: 20.5333333333%;
  margin-bottom: 10.4vw;
}
.footer01 .logoList li:nth-child(1) {
  width: 46.1197339246%;
}
.footer01 .logoList li:nth-child(2) {
  width: 45.2328159645%;
}

/* contents01
*****************************************/
.contents01 {
  width: 100%;
}
.contents01 .localNav01 {
  position: relative;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  padding-left: 0.6666666667%;
  padding-right: 0.6666666667%;
}
.contents01 .localNav01 li {
  width: 36.8%;
}
.contents01 .localNav01 li:nth-child(n+2) {
  margin-left: -20%;
}
.contents01.typeFlow {
  margin-top: 18.8vw;
}
.contents01.typeFlow .ti01 {
  min-height: 95.0666666667vw;
}
.contents01.typeFlow .localNav01 {
  margin-top: -3.2vw;
  margin-bottom: -1.3333333333vw;
}
.contents01.typeFlow .mainArea01 .mainArea01inner01 {
  margin-top: -4.1333333333vw;
  position: relative;
}
.contents01.typeFlow .mainArea01 .mainArea01inner01 .detail01 {
  position: absolute;
  top: 210.5333333333vw;
  left: 22.4vw;
  width: 68.5333333333vw;
}
.contents01.typeFlow .mainArea01 .mainArea01inner02 {
  margin-top: -31.4666666667vw;
}
.contents01.typeFlow .mainArea01 .detail02 {
  margin-top: 4.9333333333%;
  margin-left: 16.4%;
  margin-right: 16.4%;
}
.contents01.typeCz {
  margin-top: 17.7333333333vw;
}
.contents01.typeCz .ti01 {
  min-height: 122.5333333333vw;
}
.contents01.typeCz .localNav01 {
  margin-top: -29.6vw;
  margin-bottom: -1.3333333333vw;
}
.contents01.typeBonus {
  margin-top: 0vw;
}
.contents01.typeBonus .ti01 {
  min-height: 109.6vw;
}
.contents01.typeBonus .localNav01 {
  margin-top: 1.0666666667vw;
  margin-bottom: 1.4666666667vw;
}
.contents01.typeSpec {
  margin-top: 17.7333333333vw;
}
.contents01.typeSpec .ti01 {
  min-height: 72.6666666667vw;
}
.contents01.typeSpec .mainArea01 {
  margin-top: -4.1333333333vw;
}
.contents01.typeSpec .mainArea01 .il04 {
  width: 81.3333333333%;
  margin: 0 auto;
}
.contents01.typeContents {
  margin-top: 19.6vw;
}
.contents01.typeContents .ti01 {
  min-height: 88.1333333333vw;
}
.contents01.typeContents .mainArea01 {
  margin-top: -8.2666666667vw;
}
.contents01.typeContents .mainArea01 .il02 {
  width: 86.6666666667%;
  margin: 0 auto;
}
.contents01.typeContents .mainArea01 .il05 {
  margin-top: -5.6vw;
}
.contents01.typeContents .mainArea01 .il08 {
  width: 86.6666666667%;
  margin: 0 auto;
}

/* pageNavigation
*****************************************/
.pageNavigation {
  width: 100%;
  background: url(../common/images/bg03.png) no-repeat 50% 0;
  background-size: 100% auto;
  height: 88.1333333333vw;
  margin-top: 4vw;
  padding-top: 8.6666666667vw;
  /*padding-bottom: (49/750*100)+vw;*/
}
.pageNavigation .button {
  margin-left: 2.6666666667vw;
  margin-right: 2.6666666667vw;
  padding-bottom: 1.6vw;
}
.pageNavigation .pagetop {
  margin-left: 38.9333333333vw;
  margin-right: 37.4666666667vw;
}

/* movie
*****************************************/
#mdl-box {
  position: fixed;
  z-index: 1100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#mdl-box .mdl-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

#mdl-box #mdl-plr {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -25.3125%;
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 50.625%;
}

#mdl-box .btn {
  position: absolute;
  top: 50%;
  right: 1.5%;
  margin-top: -30%;
}

#mdl-box .btn a {
  display: block;
  margin-top: -30px;
  width: 39px;
  height: 39px;
  background: url(../images/bt02.png) left top no-repeat;
  background-size: cover;
  text-indent: -999em;
}

@-webkit-keyframes flash {
  0% {
    opacity: 0;
  }
  1% {
    opacity: .8;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: .5;
  }
  50% {
    opacity: 0;
  }
  85% {
    opacity: 0;
  }
  90% {
    opacity: .3;
  }
  100% {
    opacity: 0;
  }
}
@keyframes flash {
  0% {
    opacity: 0;
  }
  1% {
    opacity: .8;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: .5;
  }
  50% {
    opacity: 0;
  }
  85% {
    opacity: 0;
  }
  90% {
    opacity: .3;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeIn01 {
  0% {
    -webkit-transform: scale(1.3) translate3d(80px, 50px, 1000px);
    transform: scale(1.3) translate3d(80px, 50px, 1000px);
  }
  70% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  80% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1.01) translate3d(3px, 2px, 1000px);
    transform: scale(1.01) translate3d(3px, 2px, 1000px);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes fadeIn01 {
  0% {
    -webkit-transform: scale(1.3) translate3d(80px, 50px, 1000px);
    transform: scale(1.3) translate3d(80px, 50px, 1000px);
  }
  70% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  80% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1.01) translate3d(3px, 2px, 1000px);
    transform: scale(1.01) translate3d(3px, 2px, 1000px);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes fadeIn02 {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeIn02 {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* Clearfix
*****************************************/
.cf:after {
  content: " ";
  display: block;
  clear: both;
}