@charset "utf-8";
/* CSS Document */
.header__logo.cpn {
  max-width: 220px;
  flex-basis: 25%;
}
#cashback.cpn {
  background: #f3f4f6;
  padding-bottom: 50px;
}
.cpn #tieup-mv .contents--wrap h1 {
  top: 96px;
  left: -20px;
}
.cpn #tieup-mv .contents--wrap .tieup-btn {
  top: 390px;
  left: 140px;
}
.contents .contents--wrap .cta.cpn a.pc {
  filter: none;
}
#cashback.cpn .contents--wrap .contents--title h2 {
  width: 44%;
}
@media only screen and (max-width: 767px) {
  .header__logo.cpn {
    max-width: 275px;
    flex-basis: 39%;
  }
  .cpn #tieup-mv.mv-bg {
    height: 170vw;
  }
  .cpn #tieup-mv .contents--wrap h1 {
    top: -4px;
    left: 50%;
  }
  .cpn #tieup-mv .contents--wrap .tieup-btn {
    top: 2px;
    left: 50%;
  }
  .cpn #tieup-mv .contents--wrap figure {
    top: -2vw;
  }
  #fv.cpn .cta {
    bottom: 5vw;
  }
  #fv.cpn.contents p.banner-attenton {
    background: #f3f4f6;
  }
  #cashback.cpn .contents--wrap .contents--title h2 {
    margin: 0 auto 40px;
    width: 77%;
  }
  /*kakakucom*/
  .cpn.kakakucom #tieup-mv.mv-bg {
    height: 155vw;
  }
  .cpn.kakakucom #tieup-mv .contents--wrap h1 {
    top: -11px;
    left: 50%;
  }
  .cpn.kakakucom #tieup-mv .contents--wrap .tieup-btn {
    top: -2px;
  }
  #fv.kakakucom .page-title {
    width: 92%;
    padding: 3%;
  }
  .kakakucom #tieup-mv .contents--wrap h1 .mv-text {
    width: 88%;
  }
  .kakakucom #tieup-mv .contents--wrap figure {
    right: -19vw;
    width: 75%;
  }
  #fv.kakakucom .cta {
    bottom: 1vw;
  }
}
/* ========================================
tablet
======================================== */
@media screen and (min-width:768px) and (max-width:1023px) {
  .cpn #tieup-mv.mv-bg {
    height: 52vw;
  }
  #fv.cpn .contents--wrap figure {
    right: 0px;
    top: 3vw;
    width: 49vw;
  }
  .cpn #tieup-mv .contents--wrap h1 {
    left: 4vw;
    width: 51vw;
    top: 88px;
  }
  .cpn #tieup-mv .contents--wrap .tieup-btn {
    left: 13vw;
    top: 39vw;
  }
}
/*ipadproサイズ*/
@media screen and (min-width:1024px) and (max-width:1025px) {
  #fv.cpn .contents--wrap figure {
    right: 0px;
    top: 3vw;
    width: 49vw;
  }
  .cpn #tieup-mv .contents--wrap h1 {
    left: 3vw;
    width: 51vw;
    top: 105px;
  }
  .cpn #tieup-mv .contents--wrap .tieup-btn {
    left: 171px;
  }
}