body {
  margin-top: 50px;
  background: #222;
}

.main {
  background: #222;
  color: #FFF;
}
.main .keyvisual__inner {
  max-width: 1118px;
  width: 100%;
  margin: 0 auto;
}
.main .recommended-pc__inner {
  max-width: 1118px;
  width: 100%;
  margin: 0 auto;
  padding: 0 48px;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}
.main .online-game__inner {
  width: 100%;
  margin: 0 auto;
  background: rgba(51, 51, 51, 0.3607843137);
  padding: 50px;
  text-align: center;
  color: #fff;
  text-shadow: 1px 0 0 #333, 0 1px 0 #333, -1px 0 0 #333, 0 -1px 0 #333;
}
.main .online-game__link {
  margin: 48px auto 0;
  max-width: 40%;
}
@media screen and (max-width: 768px) {
  .main .online-game__link, .main .online-game__link img {
    max-width: 100%;
  }
}
.main .online-game-logo {
  max-width: 1118px;
  width: 100%;
  margin: 0 auto;
  padding: 48px;
  text-align: center;
}
.main .online-game-screenshots__inner {
  max-width: 1118px;
  width: 100%;
  margin: 0 auto;
  padding: 48px;
}
.main .online-game-screenshots__inner .online-game-screenshots__thumbnails {
  display: flex;
  flex-wrap: wrap;
}
.main .online-game-screenshots__inner .online-game-screenshots__thumbnail {
  max-width: 100%;
  height: auto;
}
.main .online-game-screenshots__inner .online-game-screenshots__thumbnail-link {
  width: calc(50% - 16px);
  margin: 8px auto;
}
.main .keyvisual {
  position: relative;
  height: 500px;
  background: url(https://gigaplus.makeshop.jp/elsaonline/ff14/images/ff14_KeyVisual03.jpg) #000;
  background-size: auto 100%;
  background-position: 75% center;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: left;
  background-repeat: no-repeat;
}
.main .keyvisual__title {
  font-size: clamp(1.5rem, 1.136rem + 1.82vw, 2.5rem);
  margin-bottom: 16px;
}
.main .keyvisual__description {
  font-size: 24px;
  margin-bottom: 32px;
}
.main .keyvisual__button {
  display: inline-block;
  background-color: #f00;
  color: #fff;
  font-size: 24px;
  padding: 12px 32px;
  border-radius: 8px;
  text-decoration: none;
}
.main .recommended-pc__heading {
  background: #003488;
  padding: 16px 0;
  border-bottom: 4px double #FFF;
  border-top: 4px double #FFF;
}
.main .online-game-screenshots__heading {
  background: #003488;
  padding: 16px 0;
  border-bottom: 4px double #FFF;
  border-top: 4px double #FFF;
}
.main .recommended-pc__item {
  width: 400px;
  margin-bottom: 32px;
}
.main .recommended-pc__text {
  font-size: 1.6rem;
}
.main .recommended-pc__image {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.main .recommended-pc__name {
  font-size: 24px;
  margin-top: 16px;
}
.main .recommended-pc__image-container {
  margin-top: 8px;
  width: 100%;
}
.main .recommended-pc__description {
  margin-top: 8px;
  width: 100%;
}
.main .recommended-pc__button {
  color: #FFF;
  border: #fff 4px double;
  background: #003488;
  padding: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
  border-radius: 16px;
  letter-spacing: 0.1em;
  font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
  margin: 32px auto 64px;
  display: block;
  text-align: center;
}
.main .online-game {
  position: relative;
  height: clamp(21.875rem, 13.92rem + 39.77vw, 43.75rem);
  background: url(https://gigaplus.makeshop.jp/elsaonline/ff14/images/galuda-bg-ff14.jpg) #222;
  background-size: cover;
  background-position: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: left;
  background-repeat: no-repeat;
}
.main .online-game-description {
  padding: 48px;
}
.main .online-game-description__title {
  font-size: 36px;
  margin-bottom: 32px;
}
.main .online-game-description__text {
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 16px;
}
.main .online-game-logo__image {
  max-width: 60%;
  height: auto;
  margin-bottom: 32px;
}
.main .online-game-logo__copyright {
  font-size: 12px;
  color: #666;
}

@media screen and (min-width: 768px) {
  body {
    margin-top: 70px;
  }
  .main .recommended-pc__inner {
    display: flex;
  }
  .main .recommended-pc__image-container {
    max-width: calc(50% - 48px);
  }
  .main .recommended-pc__description {
    max-width: calc(50% - 48px);
  }
  .main .online-game-screenshots__inner .online-game-screenshots__thumbnail-link {
    width: calc(25% - 16px);
  }
}
@media screen and (max-width: 768px) {
  .main .keyvisual__inner {
    width: calc(100% - 48px);
    text-align: center;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 767px) {
  .main .keyvisual {
    justify-content: flex-end;
    padding: 16px;
  }
  .lum-lightbox-inner img {
    max-width: 100% !important;
  }
}/*# sourceMappingURL=gld-ff14.css.map */