@charset "UTF-8";
/* ================================================================

制作コンテンツ

info:
- レスポンシブの場合は、ブレイクポイント 768px で記述してください。
- SP用CSSを先に記述する方法を推奨します。下記の記述は例です。
- PCのみの場合は、記述を削除してください。

================================================================ */
/* SP用CSSの記述 */
@keyframes poyoyon00 {
  0% {
    transform: translate(10px, 0px) rotate(-45deg);
    opacity: 0;
  }
  100% {
    filter: blur(0px);
    opacity: 1;
    transform: translate(0, 0) rotate(0deg);
  }
}
/* 基本情報(SCSS) */
.freeareacontent {
  width: 100%;
  max-width: 1600px;
  margin: auto;
}
.freeareacontent h1 {
  position: absolute;
  top: -2000px;
}
.freeareacontent a {
  display: block;
  transition: 0.3s ease-in-out;
  transition: 0.3s;
}
.freeareacontent a:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.freeareacontent .wrap_content {
  width: 100%;
  margin: auto;
}
.freeareacontent .wrap_content .content {
  width: 1100px;
  margin: auto;
  height: 100%;
  position: relative;
}
.freeareacontent .wrap_content .content .area {
  position: absolute;
  top: 0;
}
.freeareacontent .wrap_content .content .area.text01 {
  animation: poyoyon00 0.7s ease-in-out forwards;
  animation-delay: 0.1s;
  opacity: 0;
  top: 27px;
  left: 44px;
}
.freeareacontent .wrap_content .content .area.text01 a {
  pointer-events: none;
}
.freeareacontent .wrap_content .content .area.text02 {
  animation: poyoyon00 0.7s ease-in-out forwards;
  opacity: 0;
  animation-delay: 0.3s;
  top: 71px;
  left: 174px;
}
.freeareacontent .wrap_content .content .area.text02 a {
  pointer-events: none;
}
.freeareacontent .wrap_content .content .area.text02 .text02_01 {
  position: absolute;
  top: 82px;
  left: 93px;
}
.freeareacontent .wrap_content .content .area.text03 {
  animation: poyoyon00 0.7s ease-in-out forwards;
  opacity: 0;
  animation-delay: 0.5s;
  top: 137px;
  left: 313px;
}
.freeareacontent .wrap_content .content .area.text03 a {
  pointer-events: none;
}
.freeareacontent .wrap_content .content .area.text04 {
  animation: poyoyon00 0.7s ease-in-out forwards;
  opacity: 0;
  animation-delay: 0.7s;
  top: 91px;
  left: 384px;
}
.freeareacontent .wrap_content .content .area.text04 a {
  pointer-events: none;
}
.freeareacontent .wrap_content .content .area.text05 {
  animation: poyoyon00 0.7s ease-in-out forwards;
  opacity: 0;
  animation-delay: 0.9s;
  top: 101px;
  left: 480px;
}
.freeareacontent .wrap_content .content .area.text05 a {
  pointer-events: none;
}
.freeareacontent .wrap_content .content .area.text06 {
  animation: poyoyon00 0.7s ease-in-out forwards;
  opacity: 0;
  top: 99px;
  left: 571px;
  animation-delay: 1.1s;
}
.freeareacontent .wrap_content .content .area.text06 a {
  pointer-events: none;
}
.freeareacontent .wrap_content .content .area.map01 {
  top: 122px;
  left: 786px;
}
.freeareacontent .wrap_content .content .area.map02 {
  top: 503px;
  left: 855px;
}
.freeareacontent .wrap_content .content .area.map03 {
  top: 454px;
  left: 855px;
}
.freeareacontent .wrap_content .content .area.map04 {
  top: 427px;
  left: 708px;
}
.freeareacontent .wrap_content .content .area.map05 {
  top: 482px;
  left: 764px;
}
.freeareacontent .wrap_content .content .area.map0501 {
  top: 523px;
  left: 707px;
}
.freeareacontent .wrap_content .content .area.map06 {
  top: 396px;
  left: 783px;
}
.freeareacontent .wrap_content .content .area.map07 {
  top: 541px;
  left: 810px;
}
.freeareacontent .wrap_content .content .area.map08 {
  top: 374px;
  left: 926px;
}
.freeareacontent .wrap_content .content .area.map09 {
  top: 229px;
  left: 910px;
}
.freeareacontent .wrap_content .content .area.map10 {
  top: 152px;
  left: 885px;
}
.freeareacontent .wrap_content .content .area.area01 {
  top: 603px;
  left: 892px;
}
.freeareacontent .wrap_content .content .area.area02 {
  top: 10px;
  left: 576px;
}
.freeareacontent .wrap_content .content .area.area03 {
  top: 324px;
  left: 16px;
}
.freeareacontent .wrap_content .content .area.area04 {
  top: 543px;
  right: -11px;
  left: auto;
}
.freeareacontent .wrap_content .content .area.area05 {
  top: 819px;
  left: 46px;
}
.freeareacontent .wrap_content .content .area.area06 {
  top: 1096px;
  left: 500px;
  z-index: 9;
}
.freeareacontent .wrap_content .content .area.area07 {
  top: 1198px;
  left: 22px;
}
.freeareacontent .wrap_content .content .area.area08 {
  top: 124px;
  left: 504px;
}
.freeareacontent .wrap_content .content .area.area09 {
  top: 204px;
  left: 51px;
}
.freeareacontent .wrap_content .content .area.area10 {
  top: 204px;
  left: 561px;
}
.freeareacontent .wrap_content .content .area.area11 {
  top: 445px;
  left: 196px;
}
.freeareacontent .wrap_content .content .area.area12 {
  top: 669px;
  left: 45px;
}
.freeareacontent .wrap_content .content .area.area13 {
  top: 653px;
  left: 557px;
}
.freeareacontent .wrap_content .content .area.area14 {
  top: 934px;
  left: 874px;
}
.freeareacontent .wrap_content .content .area.area15 {
  top: 1183px;
  left: 107px;
}
.freeareacontent .wrap_content .content .area.area16 {
  top: 1191px;
  left: 605px;
}
.freeareacontent .wrap_content .content .area.area17 {
  top: 56px;
  left: 69px;
}
.freeareacontent .wrap_content .content .area.area18 {
  top: 56px;
  left: 564px;
}
.freeareacontent .wrap_content .content .area.area19 {
  top: 200px;
  left: 69px;
}
.freeareacontent .wrap_content .content .area.area20 {
  top: 200px;
  left: 564px;
}
.freeareacontent .wrap_content .content .area.area21 {
  top: 318px;
  left: 69px;
}
.freeareacontent .wrap_content .content .area.area22 {
  top: 318px;
  left: 564px;
}
.freeareacontent .wrap_content .content .flex_area {
  display: flex;
  justify-content: center;
}
.freeareacontent .wrap_content.title_area {
  height: 1080px;
  background: url(../images/title__bg.png) no-repeat top center;
}
.freeareacontent .wrap_content.title_area.title {
  width: 100%;
  overflow-x: hidden;
  position: relative;
}
.freeareacontent .wrap_content.title_area.title .titleslide {
  height: 201px;
  animation: bgroop 70s linear infinite;
  width: 1722px;
  background: url(../images/slide01.png) repeat;
  position: absolute;
  bottom: 0;
  left: 0;
}
.freeareacontent .wrap_content.title_area.title .content {
  width: 1100px;
  margin: auto;
  height: 100%;
}
.freeareacontent .wrap_content.title_area.title .titletitle {
  top: 0;
  left: 50%;
  position: absolute;
  z-index: 100;
  transform: translate(-50%, 0);
}
.freeareacontent .wrap_content#content_01 {
  height: 1675px;
  background: url(../images/bg01.png) no-repeat top center;
}
.freeareacontent .wrap_content#content_02 {
  height: 1635px;
  background: url(../images/bg02.png) no-repeat top center;
}
.freeareacontent .wrap_content#content_03 {
  height: 403px;
  background: url(../images/bg03.png) no-repeat top center;
}

.couponlink {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 999;
}

@keyframes bgroop {
  from {
    background-position: 1722px 0;
  }
  to {
    background-position: 0 0;
  }
}
/* PC、Tablet用CSSの記述 *//*# sourceMappingURL=style.css.map */