@charset "Shift_JIS";
html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
}

/* SP space */
.body_sph .contents_main {
  margin: 0 !important;
}

/*==================================
Layout
==================================*/
.gk-page-inner {
  width: 750px;
  margin: 0 auto;
}

/*==================================
Image
==================================*/
.gk-box-img {
  width: 100%;
}
.gk-box-img img {
  vertical-align: bottom;
  max-width: 100%;
}

.gk-fv-area {
  position: relative;
}
.gk-fv-area-btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 22.6977950713%;
  margin: auto;
  width: 89.8666666667%;
}
.gk-fv-area-btn img {
  vertical-align: bottom;
  max-width: 100%;
}

/*==================================
offer
==================================*/
.gk-of-area {
  position: relative;
}
.gk-of-area-btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 17.0715692712%;
  margin: auto;
  width: 83.2%;
  transition-duration: 0.4s;
}
.gk-of-area-btn:hover {
  transform: scale(1.06);
}
.gk-of-area-btn img {
  vertical-align: bottom;
  max-width: 100%;
}

/*==================================
float-btn
==================================*/
#gk-cv-btn {
  position: fixed;
  bottom: 10px;
  margin: 0 auto;
  width: 88%;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.5s ease-in-out;
}

#gk-cv-btn img {
  margin: 0 auto;
  display: block;
}

.float-disable {
  opacity: 0 !important;
  pointer-events: none !important;
}

/*==================================
footer
==================================*/
.gk-footer {
  background-color: #000;
}
.gk-footer .copyright {
  margin: 0 auto;
}
.gk-footer .copyright img {
  width: 100%;
}
.gk-footer-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.gk-footer-list-item img {
  width: 100%;
}

/*==================================
sp
==================================*/
@media screen and (max-width: 768px) {
  .gk-page-inner {
    width: 100%;
    margin: 0 auto;
  }
  #gk-cv-btn img {
    width: 100%;
  }
}