/* CSS Document */
body {
  min-width: 1200px;
  background: #f0f3f6; }

.campaign {
  position: relative;
  width: 100%;
  background-image: url(https://static.nexon.co.jp/nexon/ver2017/campaign/cashback20210623_u3g7/bg01.jpg), url(https://static.nexon.co.jp/nexon/ver2017/campaign/cashback20210623_u3g7/bg02.jpg);
  background-repeat: no-repeat;
  background-position: center top, center 1000px; }

.title {
  position: relative;
  margin: 0 auto;
  width: 1200px;
  height: 591px;
  background-image: url(https://static.nexon.co.jp/nexon/ver2017/campaign/cashback20210623_u3g7/ttl.png);
  background-repeat: no-repeat;
  background-position: center 331px; }
  .title h1, .title p {
    display: none; }

.contents {
  position: relative;
  margin: 0 auto;
  width: 1200px; }
  .contents > div {
    position: relative;
    width: 100%; }
  .contents .cnt01 {
    height: 898px;
    background-image: url(https://static.nexon.co.jp/nexon/ver2017/campaign/cashback20210623_u3g7/cnt01.png);
    background-repeat: no-repeat;
    background-position: center top; }
    .contents .cnt01 > p, .contents .cnt01 > ul {
      display: none; }
    .contents .cnt01 .caution p {
      position: absolute;
      left: 150px;
      top: 550px;
      width: 88px;
      height: 25px;
      background-color: #ff0000;
      line-height: 25px;
      text-align: center;
      font-size: 14px;
      color: #ffffff; }
    .contents .cnt01 .caution ul {
      position: absolute;
      left: 146px;
      top: 584px; }
      .contents .cnt01 .caution ul li {
        padding-left: 14px;
        line-height: 1.25;
        text-indent: -14px;
        font-size: 14px;
        color: #5d3004; }
  .contents .cnt02 {
    height: 348px;
    background-image: url(https://static.nexon.co.jp/nexon/ver2017/campaign/cashback20210623_u3g7/cnt02.png);
    background-repeat: no-repeat;
    background-position: center top; }
    .contents .cnt02 > p {
      display: none; }
    .contents .cnt02 .btn {
      position: absolute;
      top: 0;
      width: 219px;
      height: 219px; }
      .contents .cnt02 .btn .img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 132px;
        background-repeat: no-repeat;
        transform: translate(0, 10px);
        transition: transform .1s linear 0s;
        z-index: 1; }
        .contents .cnt02 .btn .img.ov {
          transform: translate(0, 0); }
      .contents .cnt02 .btn a {
        display: block;
        position: absolute;
        left: 0;
        top: 87px;
        width: 219px;
        height: 132px;
        background-repeat: no-repeat;
        background-position: center top;
        text-indent: 110%;
        white-space: nowrap;
        overflow: hidden;
        z-index: 10; }
        .contents .cnt02 .btn a::after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background-repeat: no-repeat;
          background-position: center bottom;
          opacity: 0;
          transition: opacity .2s linear 0s; }
        .contents .cnt02 .btn a:hover::after {
          opacity: 1; }
      .contents .cnt02 .btn.maple {
        left: 131px; }
        .contents .cnt02 .btn.maple .img {
          background-image: url(https://static.nexon.co.jp/nexon/ver2017/campaign/cashback20210623_u3g7/btn_img_maple.png);
          background-position: center 10px; }
        .contents .cnt02 .btn.maple a {
          background-image: url(https://static.nexon.co.jp/nexon/ver2017/campaign/cashback20210623_u3g7/btn_maple.png); }
          .contents .cnt02 .btn.maple a::after {
            background-image: url(https://static.nexon.co.jp/nexon/ver2017/campaign/cashback20210623_u3g7/btn_maple.png); }
      .contents .cnt02 .btn.tales {
        left: 370px; }
        .contents .cnt02 .btn.tales .img {
          background-image: url(https://static.nexon.co.jp/nexon/ver2017/campaign/cashback20210623_u3g7/btn_img_tales.png);
          background-position: center 2px; }
        .contents .cnt02 .btn.tales a {
          background-image: url(https://static.nexon.co.jp/nexon/ver2017/campaign/cashback20210623_u3g7/btn_tales.png); }
          .contents .cnt02 .btn.tales a::after {
            background-image: url(https://static.nexon.co.jp/nexon/ver2017/campaign/cashback20210623_u3g7/btn_tales.png); }
      .contents .cnt02 .btn.mabi {
        left: 609px; }
        .contents .cnt02 .btn.mabi .img {
          background-image: url(https://static.nexon.co.jp/nexon/ver2017/campaign/cashback20210623_u3g7/btn_img_mabi.png);
          background-position: center 10px; }
        .contents .cnt02 .btn.mabi a {
          background-image: url(https://static.nexon.co.jp/nexon/ver2017/campaign/cashback20210623_u3g7/btn_mabi.png); }
          .contents .cnt02 .btn.mabi a::after {
            background-image: url(https://static.nexon.co.jp/nexon/ver2017/campaign/cashback20210623_u3g7/btn_mabi.png); }
      .contents .cnt02 .btn.arad {
        left: 848px; }
        .contents .cnt02 .btn.arad .img {
          background-image: url(https://static.nexon.co.jp/nexon/ver2017/campaign/cashback20210623_u3g7/btn_img_arad.png);
          background-position: center 10px; }
        .contents .cnt02 .btn.arad a {
          background-image: url(https://static.nexon.co.jp/nexon/ver2017/campaign/cashback20210623_u3g7/btn_arad.png); }
          .contents .cnt02 .btn.arad a::after {
            background-image: url(https://static.nexon.co.jp/nexon/ver2017/campaign/cashback20210623_u3g7/btn_arad.png); }

/* ====================================================================
	sp
==================================================================== */
@media screen and (max-width: 807px) {
  body {
    padding-top: 0; } }