@charset "UTF-8";
/* ========================================
tieup-common
======================================== */
#tieup-mv.mv-bg {
  background: url("../_img/mv-bg.png") no-repeat center;
  background-size: cover;
  width: 100%;
  height: 540px;
  overflow: hidden;
}
#fv.tieup.contents {
  margin-bottom: 100px;
}
#tieup-mv .contents--wrap {
  position: relative;
  min-width: 1000px;
}
#tieup-mv .contents--wrap h1 {
  position: absolute;
  left: 50px;
  top: 85px;
}
.yen #tieup-mv .contents--wrap h1 {
  left: -7px;
  top: 115px;
}
#tieup-mv .contents--wrap .tieup-btn {
  position: absolute;
  left: 110px;
  top: 344px;
}
#tieup-mv .contents--wrap figure {
  position: absolute;
  right: -24px;
  top: 14px;
  width: 60%;
}
#tieup-mv .contents--wrap h1 .mv-logo {
  margin-bottom: 35px;
}
#select .contents--wrap .contents--title h2 {
  width: 91%;
}
.tieup-btn a {
  background: #1e1c23;
  border-radius: 20px;
  padding: 6px 70px 8px;
  text-decoration: none;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  position: relative;
}
.tieup-btn a::after {
  content: '';
  position: absolute;
  top: 13px;
  right: 18px;
  width: 7px;
  height: 7px;
  margin: auto;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.tieup-btn a:hover {
  opacity: 0.8;
  color: #fff;
}
#select .tieup-btn a::after {
  top: 15px;
}
.tieup-btn.modal-arrow a::after {
  top: 14px;
  transform: rotate(315deg);
}
.bn-head img {
  width: 73px;
}
.bn-head {
  text-align: center;
  margin-top: 40px;
}
.bn-head span {
  position: relative;
  display: inline-block;
  padding: 0 300px;
}
.bn-head span:before, .bn-head span:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 42%;
  height: 1px;
  background-color: #c2becd;
}
.bn-head span:before {
  left: 0;
}
.bn-head span:after {
  right: 0;
}
#fx #cashback .contents--wrap ul.contents--list li {
  padding: 2% 0 2%;
}
#fx #cashback .contents--wrap ul.contents--list li p.contents--list-text,
#fx #cashback .contents--wrap ul.contents--list li:first-child p.contents--list-text,
#fx #cashback .contents--wrap ul.contents--list li:last-child p.contents--list-text{
  width: 90%;
  margin-bottom: 0;
}
#fx #cashback .contents--wrap ul.contents--list li figure {
  width: 51%;
  left: 24%;
}
/*キャッシュバック2STEP*/
#fx #cashback._type2 .contents--wrap ul.contents--list li {
  width: 47%;
  padding: 2% 0 5%;
}
#fx #cashback._type2 .contents--wrap ul.contents--list li:nth-child(3) {
  width: 13%;
     padding-top: 14%;
}
#fx #cashback._type2 .contents--wrap ul.contents--list li:nth-child(4) {
  width: 52%;
}
#fx #cashback._type2 .contents--wrap ul.contents--list li p.contents--list-icon {
  width: 13%;
  margin: 0 auto 10px;
}
#fx #cashback._type2 .contents--wrap ul.contents--list li figure {
  width: 48%;
  left: 25%;
}
#fx#fx #cashback._type2 .contents--wrap ul.contents--list li p.contents--list-text {
    width: 100%;
    font-size: 24px;
    margin-bottom: 0;
}
#fx #cashback._type2 .contents--wrap ul.contents--list li a:hover {
opacity: 0.8;
}
#fx #cashback.contents_type2 .contents--wrap .cta {
    margin-top: 38%;
}
.remodal.point {
    max-width: 480px!important;
}
.remodal.point .campsect {
margin: 4% auto 0;
    width: 85%;
}
#notice_txt_bottom {
  font-size: 12px !important;
  color: #000 !important;
  padding: 0px;
}
.remodal-cancel {
  background: rgb(102, 102, 102);
}
  .campsect {
    background-color: #fff !important;
    margin: 0 auto 4%;
    width: 96%;
  }
  .campsect p {
    color: #000;
    font-size: 12px;
    line-height: 1.4;
  }
  .campsect_inner {
    border: 1px solid #000;
    margin-bottom: 15px;
    margin-top: 10px;
    padding-bottom: 10px;
    text-align: left;
  }
  .campsect_ttl {
    background: #000;
    color: #fff;
    font-weight: bold;
    margin: 10px 0;
    padding: 0.5em 0 0.5em 0.5em;
    font-size: 13px;
  }
  .campsect_txt {
    padding-left: 0.6em;
  }
  .campsect_bottom {
    text-align: left;
  }
  .first-txt {
  margin: 10px 0.3rem 0;
    text-align: center;
  }
  .txt_red {
    color: #ff0000;
  }
  .campsect p.caution {
    color: red;
    font-weight: bold;
  }
  .campsect h3 {
    color: #ff6600;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0 5px;
  }
@media only screen and (max-width: 767px) {
  #tieup-mv.mv-bg {
    height: 160.5vw;
    z-index: 1;
    position: relative;
  }
  #fv .cta {
    position: absolute;
    z-index: 100;
    bottom: 13vw;
  }
  #fv.tieup.contents {
    margin-bottom: 15%;
  }
  #tieup-mv .contents--wrap {
    min-width: 100%;
  }
  #tieup-mv .contents--wrap h1 {
    width: 88%;
    position: relative;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    padding-top: 7%;
  }
  #tieup-mv .contents--wrap h1 .mv-logo {
    width: 95%;
    margin: 0 auto 16px;
  }
  .yen #tieup-mv.mv-bg {
    height: 153.5vw;
}
  .yen #tieup-mv .contents--wrap h1 {
    top: 0px;
    left: 0px;
    transform: translateX(7%);
  }
  .yen #tieup-mv .contents--wrap h1 .mv-logo {
    width: 90%;
  }
  #tieup-mv .contents--wrap h1 .mv-text {
    margin: 0 auto 15px;
  }
  .yen #tieup-mv .contents--wrap h1 .mv-text {
    width: 87%;
    margin: 0 auto;
  }
  #tieup-mv .contents--wrap .tieup-btn {
    position: relative;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 10px;
  }
  #tieup-mv .contents--wrap figure {
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    padding-top: 20px;
  }
  .tieup-btn a {
    padding: 6px 60px 8px 50px;
    font-size: 18px;
  }
  #select .tieup-btn a::after {
    top: 13px;
  }
  #fx .banner-attenton._n1 {
        margin-top: 0;
        padding-top: 5px;
    text-align: center;
  }
  .bn-head img {
    width: 50%;
  }
  .bn-head span {
    padding: 0 33%;
  }
  .bn-head span:before, .bn-head span:after {
    top: 58%;
    width: 38%;
  }
  #fx #cashback .contents--wrap ul.contents--list li figure {
    width: 42VW;
    left: 27%;
  }
  #fx #cashback .contents--wrap ul.contents--list li {
    height: 402px;
  }

  #fx #cashback .contents--wrap ul.contents--list li:nth-child(2),
  #fx #cashback .contents--wrap ul.contents--list li:nth-child(3),
  #fx #cashback.yen .contents--wrap ul.contents--list li:nth-child(2){
    height: 420px;
  }

  /*キャッシュバック2STEP*/
  #fx #cashback._type2 .contents--wrap ul.contents--list li,
  #fx #cashback._type2 .contents--wrap ul.contents--list li:nth-child(3),
  #fx #cashback._type2 .contents--wrap ul.contents--list li:nth-child(4){
    width: 90%;
    height: auto;
	padding-bottom: 0;
  }
  #fx #cashback._type2 .contents--wrap ul.contents--list li:nth-child(3) {
      padding: 2% 0 0;
  }
#fx #cashback._type2 .contents--wrap .cta {
    margin-top: 39VW;
}
  #fx #cashback._type2 .contents--wrap ul.contents--list li p.contents--list-icon {
    width: 20%;
    margin: 10px auto 20px;
  }
  #fx #cashback._type2 .contents--wrap ul.contents--list li figure {
    width: 64VW;
    left: 14%;
  }
  #fx #cashback._type2 .contents--wrap ul.contents--list li p.contents--list-text {
font-size: 27px;
}

}
/* ========================================
ポイントサイト汎用
======================================== */
#fx #cashback.point {
background-image: linear-gradient(134deg, #edfffb 2%, #d3eeff 100%);
    padding-bottom: 50px;
}
.point #tieup-mv .contents--wrap figure {
  right: -73px;
  width: 54%;
}
.point #tieup-mv .contents--wrap h1 {
    left: -2px;
    top: 73px;
}
.point #tieup-mv .contents--wrap .tieup-btn {
    left: 155px;
    top: 432px;
}
#fx #cashback._type2.point .contents--wrap .contents--title p {
    width: 174px;
    margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
.point #tieup-mv .contents--wrap h1 {
    left: 50%;
        top: 0;
}
.point #tieup-mv .contents--wrap .tieup-btn {
        top: 8px;
        left: 50%;
}
    #fx #cashback._type2.point .contents--wrap .contents--title p {
        margin: 0 auto 28px;
        width: 37%;
    }
    #fv.point.contents p.banner-attenton {
        background: #edfffb;
    }
}

/* ========================================
ryoshi
======================================== */
.report_fv #tieup-mv .contents--wrap .tieup-btn {
  top: 385px;
}
.report_fv #tieup-mv .contents--wrap h1 {
  top: 107px;
  left: -4px;
}
.report_fv #tieup-mv .contents--wrap h1 .mv-logo {
  margin-bottom: 25px;
}
/*レポート選択*/
#camp_detail {
  background: #fff;
}
#camp_detail p {
  cursor: pointer;
}
#camp_detail p.site_ttl {
  background: #fff;
  border-radius: 15px;
  border: 1px solid #1e1c23;
}
#camp_detail ul li {
  position: relative;
  width: 835px;
  height: 96px;
  margin: 0 auto 20px;
  background-repeat: no-repeat;
}
#camp_detail ul li p.site_ttl a {
  width: 600px;
  height: 96px;
  padding: 24px 10px 24px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
}
#camp_detail ul li p.site_ttl a .site {
  display: inline-block;
  width: 512px;
  font-size: 19px;
  line-height: 1.6;
}
#camp_detail ul li p.site_ttl a .site > .min {
  font-size: 15px;
  letter-spacing: -0.05em;
}
#camp_detail ul li p.site_ttl a .check {
  width: 45px;
  height: 45px;
  display: block;
  position: relative;
  background: #e0e0e0;
}
#camp_detail ul li p.site_ttl a .check::after {
  content: '';
  background: url("../_img/tieup/tieup_check.svg")center/contain no-repeat;
  width: 35px;
  height: 35px;
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
}
#camp_detail ul li p.site_ttl a:hover .check, #camp_detail ul li p.site_ttl a.selected .check {
  background: #0075bf;
}
#camp_detail ul li p.site_ttl a:hover .check::after, #camp_detail ul li p.site_ttl a.selected .check::after {
  background: url("../_img/tieup/tieup_check.svg")center/contain no-repeat;
}
#camp_detail ul li p.site_detail {
  position: absolute;
  top: 36px;
  left: 600px;
}
#camp_detail .tieup-btn a {
  padding: 6px 45px 8px;
}
#camp_detail .tieup-btn a::after {
  border-top: 2px solid #fff;
  border-bottom: 0;
}
.detail_cap {
  font-size: 18px;
}
.report_detail strong {
  color: #ff0000;
  font-size: 18px;
}
.report_detail .remodal-cancel, .report_detail .remodal-cancel:hover {
  background: rgb(102, 102, 102);
}
.report_detail {
  border: 5px solid #aaa;
  box-sizing: border-box;
}
.report_detail strong {
  color: #ff0000;
  font-size: 18px;
}
.report_detail b {
  color: #000;
  text-align: left;
  font-size: 13px;
  padding: 0px;
  text-indent: 10px;
}
.report_detail ul {
  font-size: 13px;
  text-align: left;
}
.report_detail ul li {
  text-indent: 20px;
}
@media only screen and (max-width: 767px) {
  .report_fv #tieup-mv.mv-bg {
    height: 155.5vw;
}
  .report_fv #tieup-mv .contents--wrap h1 {
    top: 0;
    left: 50%;
  }
  .report_fv #tieup-mv .contents--wrap h1 .mv-logo {
    width: 95%;
  }
  .report_fv #tieup-mv .contents--wrap .tieup-btn {
    top: 8px;
  }
  #fv.report_fv .cta {
  bottom: 14vw;
  }
  #select.ryoshi .contents--wrap .contents--title p span {
    width: 86%;
    font-size: 4.5vw;
  }
  #select.ryoshi .contents--wrap .contents--title h2 {
    width: 82%;
  }
  /*レポート選択*/
  #camp_detail ul li {
    width: 90%;
    height: 105px;
  }
  #camp_detail p.site_ttl {
    height: 105px;
  }
  #camp_detail ul li p.site_ttl a {
    width: 100%;
    padding: 10px;
  }
  #camp_detail ul li p.site_ttl a .check {
    width: 24px;
    height: 24px;
  }
  #camp_detail ul li p.site_ttl a .check::after, #camp_detail ul li p.site_ttl a:hover .check::after, #camp_detail ul li p.site_ttl a.selected .check::after {
    width: 15px;
    height: 15px;
  }
  #camp_detail ul li p.site_ttl a .site {
    display: inline-block;
    font-size: 3.7vw;
    line-height: 1.3;
    letter-spacing: -0.05em;
    width: 100%;
    margin-top: -36px;
  }
  #camp_detail ul li p.site_detail {
    position: relative;
    left: 0;
    top: -40px;
  }
  #camp_detail .tieup-btn a {
    font-size: 14px;
    width: 82%;
    display: inline-block;
    margin-top: -5px;
    left: 10px;
  }
  #camp_detail ul li.type2 p.site_ttl {
    height: 120px;
  }
  #camp_detail ul li.type2 p.site_ttl a .site {
    margin-top: -20px;
  }
  #camp_detail ul li.type2 p.site_ttl a .site > .min {
    font-size: 14px;
  }
  #camp_detail ul li.type2 p.site_ttl a .check {
    top: 10px;
  }
  .detail_cap {
    font-size: 16px;
  }
}

/* ========================================
kou
======================================== */
.report_detail.kou b {
  padding: 5px;
  margin-bottom: 10px;
  display: block;
  background: #efefef;
}
@media only screen and (max-width: 767px) {
  #fv.kou #tieup-mv.mv-bg {
    height: 157.5vw;
}
}
/* ========================================
moppy
======================================== */
#fv.moppy .contents--wrap figure {
  right: -44px;
  width: 54%;
}
.moppy #tieup-mv .contents--wrap .tieup-btn {
  left: 165px;
  top: 411px;
}
#fv.moppy.contents p.banner-attenton{
  background: #e0f5f4;
 margin-top: 0;
 padding-top: 10px;
}

#fx #cashback.moppy {
  background: #e0f5f4;
  padding-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .moppy #tieup-mv .contents--wrap .tieup-btn {
    left: 50%;
    top: 8px;
  }
  #fx #cashback.moppy { 
    background: url("../_img/tieup/cashback_bg_moppy.png")center top no-repeat;
    background-size: cover;
  }
  #fx #cashback.moppy .contents--wrap .contents--title p {
    width: 81% !important;
  }
  
}
/* ========================================
hapitas
======================================== */
.hapitas #tieup-mv .contents--wrap h1 {
  left: 44px;
}
.hapitas #tieup-mv .contents--wrap .tieup-btn {
  top: 416px;
    left: 158px;
}
#fx #cashback.hapitas .contents--wrap .contents--title h2 {
  width: 73%;
}
#fx #cashback.hapitas .contents--wrap .contents--title p {
  width: 144px;
}

#fv.hapitas .contents--wrap figure {
  right: -58px;
  width: 540px;
}

#fv.hapitas.contents p.banner-attenton{
  background: #fffdde;
 margin-top: 0;
 padding-top: 10px;
}

#fx #cashback.hapitas {
  background: #fffdde;
  padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .hapitas._type2 #tieup-mv.mv-bg {
        height: 161vw;
    }
  .hapitas #tieup-mv .contents--wrap h1 {
    left: 47px;
  }
  #fx #cashback.hapitas .contents--wrap .contents--title h2 {
    width: 83%;
  }
  .hapitas #tieup-mv .contents--wrap .tieup-btn {
    top: 2vw;
    left: 49vw;
  }
  #fx #cashback.hapitas .contents--wrap .contents--title p {
    width: 32%;
  }
  #fv.hapitas .contents--wrap h1 {
    top: 0px;
    left: 50%;
    padding-top: 4%;
  }
  #fx #cashback.hapitas { 
    background: url("../_img/tieup/cashback_bg_hapitas.png")center/contain no-repeat;
    background-size: 100%;
  }
  #fx #cashback.hapitas .contents--wrap .contents--title p {
    width: 81% !important;
  }
  
}
/* ========================================
megabank
======================================== */
.megabank #tieup-mv .contents--wrap h1 {
  left: 27px;
  top: 114px;
}
.megabank #tieup-mv .contents--wrap .tieup-btn {
  top: 388px;
}
@media only screen and (max-width: 767px) {
  .megabank #tieup-mv .contents--wrap h1 {
    top: 0;
    left: 50%;
  }
  .megabank #tieup-mv .contents--wrap .tieup-btn {
    top: 8px;
    left: 50%;
  }
  .megabank #tieup-mv .contents--wrap .cta {
    bottom: 16vw;
}
}
/* ========================================
okane-hosoku
======================================== */
.okane-hosoku #tieup-mv .contents--wrap h1 {
  top: 90px;
}
.okane-hosoku #tieup-mv .contents--wrap h1 .mv-logo {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .okane-hosoku #tieup-mv .contents--wrap h1 {
    top: 0;
    padding-top: 3%;
  }
  .okane-hosoku #tieup-mv .contents--wrap h1 .mv-logo {
    width: 69%;
    margin: 0 auto 10px;
  }
  .okane-hosoku #tieup-mv .contents--wrap h1 .mv-text {
    width: 84%;
  }
}
/* ========================================
fx_nyao
======================================== */
.fx_nyao #tieup-mv .contents--wrap .tieup-btn {
  top: 386px;
}
#fv.fx_nyao .contents--wrap h1 {
  top: 100px;
  left: 0;
}
@media only screen and (max-width: 767px) {
  #fv.fx_nyao .contents--wrap h1 {
    top: 0px;
    left: 50%;
  }
  .fx_nyao #tieup-mv .contents--wrap .tieup-btn {
    top: 10px;
  }
  .fx_nyao #tieup-mv.mv-bg {
    height: 154vw;
}
}
/* ========================================
mshi-trade
======================================== */
.mshi-trade #tieup-mv .contents--wrap .tieup-btn {
  top: 365px;
}
#fv.mshi-trade .contents--wrap h1 {
  top: 115px;
  left: 13px;
}
@media only screen and (max-width: 767px) {
  #fv.mshi-trade #tieup-mv.mv-bg {
    height: 153.5vw;
}
  #fv.mshi-trade .contents--wrap h1 {
    top: 0px;
    left: 50%;
  }
  .mshi-trade #tieup-mv .contents--wrap .tieup-btn {
    top: 5px;
  }
}
/* ========================================
sai
======================================== */
.sai #tieup-mv .contents--wrap .tieup-btn {
  top: 400px;
}
#fv.sai .contents--wrap h1 {
  top: 89px;
  left: 5px;
}
#fx #cashback.sai .contents--wrap ul.contents--list li p.contents--list-text {
  margin-bottom: 7px;
}
.report_detail_site {
    border: 5px solid #aaa;
    box-sizing: border-box;
}
.sai_report_title strong {
  color: #ff0000;
  font-size: 18px;
}
.sai_report_title {
  margin-top: 2.5%;
}
.sai_report_contents {
  padding: 0 3%;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  #fv.sai .contents--wrap h1 {
    width: 88%;
    top: 0px;
    left: 50%;
  }
  .sai #tieup-mv .contents--wrap .tieup-btn {
    top: 5px;
  }
  #fv.sai .cta {
  bottom: 14vw;
  }
  #fx #cashback.sai .contents--wrap ul.contents--list li p.sai-txt {
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .sai_report_title {
  margin-top: 3%;
  text-align: left;
}
.report_detail_site {
    border: none;
}
}

/* ========================================
at_minkabu
======================================== */
#fv.at_minkabu .contents--wrap h1 {
  top: 76px;
  left: 43px;
}
#fv.at_minkabu .contents--wrap h1 .mv-text {
  margin-left: 50px;
}
@media only screen and (max-width: 767px) {
  #fv.at_minkabu #tieup-mv .contents--wrap h1 {
    width: 100%;
  }
  #fv.at_minkabu #tieup-mv .contents--wrap h1 .mv-logo {
    width: 70%;
    margin: 0 auto 20px;
  }
  #fv.at_minkabu #tieup-mv .contents--wrap h1 .mv-text {
    margin: 0 0 0 8%;
    width: 90%;
  }
  #fv.at_minkabu .contents--wrap h1 {
    top: 5px;
    left: 50%;
  }
  #fv.at_minkabu .contents--wrap h1 .mv-text {
    margin-left: 0;
  }
  #fv.at_minkabu #tieup-mv.mv-bg {
    height: 145vw;
  }
}
/* ========================================
at_shufu
======================================== */
#fv.at_shufu .contents--wrap h1 {
  top: 45px;
}
#fv.at_shufu #tieup-mv .contents--wrap figure {
  right: -36px;
}
@media only screen and (max-width: 767px) {
  #fv.at_shufu #tieup-mv .contents--wrap h1 {
    width: 88%;
  }
  #fv.at_shufu .contents--wrap h1 {
    top: 5px;
  }
  #fv.at_shufu #tieup-mv .contents--wrap h1 .mv-text {
    margin: 0 auto;
  }
  #fv.at_shufu #tieup-mv .contents--wrap figure {
    right: 0;
    width: 100%;
  }
  #fv.at_shufu #tieup-mv.mv-bg {
    height: 149vw;
  }
}
/* ========================================
kanitore
======================================== */
#fv.kanitore .contents--wrap h1 {
  top: 45px;
}
.kanitore #tieup-mv .contents--wrap figure {
  right: -63px;
}
@media only screen and (max-width: 767px) {
  #fv.kanitore #tieup-mv.mv-bg {
    height: 147.5vw;
}
  #fv.kanitore #tieup-mv .contents--wrap h1 {
    width: 88%;
    padding-top: 5%;
  }
  .kanitore #tieup-mv .contents--wrap h1 .mv-logo {
    margin: 0 auto 20px;
  }
  #fv.kanitore .contents--wrap h1 {
    top: 5px;
  }
  .kanitore #tieup-mv .contents--wrap h1 .mv-text {
    margin: 0;
  }
  .kanitore #tieup-mv .contents--wrap figure {
    right: 0;
  }
}
/* ========================================
kawase_oh
======================================== */
#fv.kawase_oh .contents--wrap h1 {
  top: 94px;
  left: 24px;
}
#fv.kawase_oh #tieup-mv .contents--wrap .tieup-btn {
  top: 392px;
}
@media only screen and (max-width: 767px) {
  #fv.kawase_oh #tieup-mv.mv-bg {
    height: 158.5vw;
  }
  #fv.kawase_oh #tieup-mv .contents--wrap h1 {
    width: 88%;
  }
  #fv.kawase_oh .contents--wrap h1 {
    top: -8px;
    left: 50%;
  }
  #fv.kawase_oh #tieup-mv .contents--wrap figure {
    top: 0px;
  }

  #fv.kawase_oh .cta {
    bottom: 12vw;
  }
  #fv.kawase_oh #tieup-mv .contents--wrap .tieup-btn {
    top: -1px;
  }
}
/* ========================================
pointincome
======================================== */
#fv.pointincome .contents--wrap h1 {
  top: 70px;
  left: 30px;
}

#fv.pointincome .contents--wrap figure {
  width: 54%;
}

#fv.pointincome.contents p.banner-attenton{
 background: #f4f5f6;
 margin-top: 0;
 padding-top: 10px;
}

.pointincome #tieup-mv .contents--wrap .tieup-btn {
  top: 380px;
  left: 139px;
}

#fx #cashback.pointincome {
  background-image: linear-gradient(90deg, #ecf3f6 2%, #f4f5f6 25%);
  padding-bottom: 50px;
}


@media only screen and (max-width: 767px) {
  #fv.pointincome .contents--wrap h1 {
    top: 0px;
    left: 50%;
    padding-top: 4%;
  }
  #fv.pointincome.contents p.banner-attenton{
    background: #e9e7e4;
   }
 
  #fx #cashback.pointincome { 
  background: url("../_img/tieup/cashback_bg_pointincome.png")center/contain no-repeat;
  background-size: 100%;
  }
  #fx #cashback.pointincome .contents--wrap .contents--title p {
    width: 81% !important;
  }
  .pointincome #tieup-mv .contents--wrap .tieup-btn {
  top: 2vw;
    left: 49vw;
  }
}

/* ========================================
linepoint
======================================== */
#fv.linepoint .contents--wrap h1 {
top: 74px;
    left: 90px;
    width: 40.5%;
}
#fv.linepoint .contents--wrap h1 .mv-logo {
    margin-bottom: 24px;
    margin-left: 15px;
}
#fv.linepoint .contents--wrap h1 .mv-text img {
width: 85%;
}
#fv.linepoint .contents--wrap figure {
  right: -24px;
  width: 54.5%;
}
.linepoint #tieup-mv .contents--wrap .tieup-btn {
top: 412px;
   left: 177px;
}
#fv.linepoint.contents p.banner-attenton{
  background: #ddf4e6;
 margin-top: 0;
 padding-top: 10px;
}

#fx #cashback.linepoint._type2 .contents--wrap {
  padding-top: 160px;
}

#fx #cashback.linepoint {
  background: url("../_img/tieup/cashback_bg_linepoint_pc.png")center/contain no-repeat #ddf4e6;
  background-size: cover;
  padding-bottom: 50px;
}

#fx #cashback.linepoint._type2 .contents--wrap .contents--title p {
  width: 15%;
}

@media only screen and (max-width: 767px) {
  #fv.linepoint._type2 #tieup-mv .contents--wrap figure {
    top: -3vw;
    width: 80%;
    }

    .linepoint._type2 #tieup-mv.mv-bg {
        height: 169vw;
    } 
  #fv.linepoint .contents--wrap h1 {
    top: -8px;
    left: 50%;
    width: 93%;
  }
  #fv.linepoint .contents--wrap h1 .mv-text img {
width: 91%;
}
  .linepoint #tieup-mv .contents--wrap .tieup-btn {
    top: 1vw;
    left: 48vw;
  }
  #fv._type2.linepoint  .cta {
    bottom: 4vw;
  }
  #fx #cashback.linepoint {
    background: url("../_img/tieup/cashback_bg_linepoint.png")center/contain no-repeat #ddf4e6;
    background-size: cover;

  }
  #fx #cashback.linepoint._type2 .contents--wrap .contents--title p {
    width: 33vw;
    margin-bottom: 6vw;
  }
#fx #cashback.linepoint._type2 .contents--wrap {
  padding-top: 100px;
}
}
#fx #cashback.linepoint .contents--wrap .contents--title h2 {
  width: 73%;
}
/* ========================================
fxnabi
======================================== */
#fx #cashback.fxnabi._type2 .contents--wrap {
margin-top: 0;
padding-top: 0;
}
.fxnabi #tieup-mv .contents--wrap h1{
  left: 67px;
  top: 115px;
}

.fxnabi #tieup-mv .contents--wrap figure{
  position: absolute;
  right: -78px;
  top: 14px;
  width: 563px;
}

#fx #cashback .contents--wrap .contents--title .fxnabi_3step p {
  width: 100%;
}

#fx #cashback .fxnabi--bg {
  background-image: linear-gradient(180deg, #ffffff 2%, #ecf3f6 25%); !important;
  padding-bottom: 3%;
}

#fx #cashback .contents--wrap ul.fxnabi--list li p.contents--list-icon {
  margin: -6px auto 20px;
}

/*#fx #cashback .contents--wrap ul.fxnabi--list li:first-child, #fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(2) {
  background: #ffffff;
  border: #0074bf solid 3px;
}*/

#fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(3){
  height: 414px;
  padding: 3px;
  background: linear-gradient(90deg, #0075bf, #00d69d);
}
#fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(3) .list-step03 {
  height: 408px;
  padding: 3px;
  border-radius: 17px;
  background: #ffffff;
}

#fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(2){
  background: url(../_img/tieup/fxnavi/cashback_step-bg.png) no-repeat #ffffff;
  background-position: center -3vw;
  background-size: 100%;
}

#fx #cashback .contents--wrap ul.fxnabi--list li:first-child .contents--list-text {
  top: 53%;
}
#fx #cashback .contents--wrap ul.fxnabi--list li:first-child p.contents--list-text {
  margin-top: 16%;
}

#fx #cashback .contents--wrap ul.fxnabi--list li:first-child figure {
  width: 100%;
  left: 2%;
  top: 49%;
}

#fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(2) figure{
  left: 23%;
  top: 60%;
}

#fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(2) p.contents--list-text {
  width: 77%;
}

#fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(2) .popup_btn{
  top: 23%;
}
 #fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(3) p.contents--list-plus {
  position: relative;
  width: 18%;
  top: 46%;
  left: -14%;
}

#fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(3) p.contents--list-icon {
  position: relative;
  left: -29.2%;
  width: 51%;
  top: -9%;
  margin-bottom: 3%;
}
#fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(3) p.contents--list-text{
  position: relative;
  width: 83%;
  top: -8%;
}

#fx #cashback .contents--wrap ul.fxnabi--list li figure {
  left: 24%;
  top: 52%;
}

#fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(3) .popup_btn{
  top: 15%;
}

@media only screen and (max-width: 767px) {
#fx #cashback.fxnabi._type2 .contents--wrap {
padding-top: 20vw;
}
.fxnabi #tieup-mv.mv-bg {
  z-index: 1;
  position: relative;
  height: 166vw;
}

  .fxnabi #tieup-mv .contents--wrap h1{
    left: 0px;
    top: -10px;
  }

  .fxnabi #tieup-mv .contents--wrap h1 .mv-text {
    width: 92%;
    margin: -3% auto;
  }
  
  .fxnabi #tieup-mv .contents--wrap figure{
    position: absolute;
    right: 1%;
    top: 93%;
    width: 85%;
  }

  /*#fx #cashback .fxnabi--bg {
    margin-top: -10%;
    padding-top: 10%;
    padding-bottom: 1%;
  }*/
      #fx #cashback._type2 .fxnabi--bg {
        padding-bottom: 8vw;
        margin-top: -27vw;
    }
  #fx #cashback .contents--wrap ul.fxnabi--list li {
    margin-bottom: 22px;
  }
  
  #fx #cashback .contents--wrap .contents--title .fxnabi_3step p{
    width: 86%!important;
  }

  #fx #cashback .contents--wrap ul.fxnabi--list li p.contents--list-icon {
    margin: 10px auto 20px;
  }
  
  #fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(3){
    height: 60vw;
    padding: 3px;
    background: linear-gradient(90deg, #0075bf, #00d69d);
  }
  #fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(3) .list-step03 {
    height: 58.698vw;
    padding: 3px;
    border-radius: 17px;
    background: #ffffff;
  }

  /*#fx #cashback .contents--wrap ul.fxnabi--list li:first-child {
    height: 83vw;
  }*/
  
  /*#fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(2){
    background: url(../_img/tieup/fxnavi/cashback_step-bg.png) no-repeat #ffffff;
    background-position: center -9vw;
    background-size: 100%;
    height: 118vw;
  }*/

  /*#fx #cashback .contents--wrap ul.fxnabi--list li:first-child p.contents--list-text {
    margin-top: 0%;
  }

  #fx #cashback .contents--wrap ul.fxnabi--list li:first-child p.contents--list-text img {
    width: 49vw;
    margin-top: 4%;
  }
  
  #fx #cashback .contents--wrap ul.fxnabi--list li:first-child figure {
    width: 60VW;
    left: 22%;
    top: 56%;
  }
  
  #fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(2) figure{
    left: 26%;
    top: 61%;
  }
  
  #fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(2) p.contents--list-text {
    width: 78%;
  }

  #fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(2) .popup_btn{
    top: 22%;
  }
  
   #fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(3) p.contents--list-plus {
    position: relative;
    width: 17%;
    top: -19%;
    left: 41%;
  }
  
  #fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(3) p.contents--list-icon {
    position: relative;
    left: -33.2%;
    width: 40%;
    top: -27%;
    margin-bottom: 3%;
  }
  #fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(3) p.contents--list-text{
    position: relative;
    width: 89%;
    top: -32%;
  }
  #fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(3) .popup_btn{
    top: -31%;
  }
  
  #fx #cashback .contents--wrap ul.fxnabi--list li .popup_btn{
    font-size: 1rem !important;
  }
  #fx #cashback .contents--wrap ul.fxnabi--list li .popup_btn span {
    left: 86% !important;
  }*/
  #fv.fxnabi .cta {
    bottom: -215%;
  }
}
.cta_fxnabi {
  position: relative;
}
.cta_fxnabi .btn {
  position: absolute;
  right: 188px;
  bottom: 0px;
}
/* ========================================
amazongift
======================================== */

.amazongift #tieup-mv .contents--wrap h1 {
  position: absolute;
  left: 30px;
  top: 110px;
}

.amazongift #tieup-mv .contents--wrap figure {
  position: absolute;
  right: -38px;
  width: 54.5%;
}

.amazongift #tieup-mv .contents--wrap h1 .mv-logo {
  width: 100%;
  margin-bottom: 15px;
}
.amazongift #tieup-mv .contents--wrap h1 .mv-text {
  width: 95%;
  margin: 0 auto;
}

#fv.amazongift.contents p.banner-attenton{
  background: #daf7ff;
 margin-top: 0;
 padding-top: 10px;
}

#fx #cashback.amazongift {
  background: url("../_img/tieup/cashback_bg_amazongift_pc.png")center/contain no-repeat #daf7ff;
  background-size: cover;
  padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  #fx #cashback.amazongift{
    margin-top: -12vw;
  }
  #fv.amazongift #tieup-mv.mv-bg {
    height: 171vw;
  }
  
  .amazongift #tieup-mv .contents--wrap h1 {
    position: static;
    top: 0px;
    left: 0px;
    transform: translateX(7%);
  }
  .amazongift #tieup-mv .contents--wrap h1 .mv-logo {
        margin: 0 auto 10px;
}
  .amazongift #tieup-mv .contents--wrap h1 .mv-text {
    width: 100%;
    margin: 0 auto -10px;
  }
  #fv.amazongift._type2 #tieup-mv .contents--wrap figure {
    top: 61vw;
    right: -1vw;
  }

  #fv.amazongift._type2 .cta {
    bottom: -117vw;
  }

  #fx #cashback.amazongift { 
    background: url("../_img/tieup/cashback_bg_amazongift_sp.png")center/contain no-repeat #daf7ff;
    background-size: cover;
    }
    #fx #cashback.amazongift .contents--wrap {
      padding-top: 25vw !important;
    }
/*    #fx #cashback.amazongift._type2 .contents--wrap ul.contents--list li:first-child {
      height: 77vw;
    }
    #fx #cashback.amazongift._type2 .contents--wrap ul.contents--list li:nth-child(2) {
      height: 90vw;
    }*/
    #fx #cashback.amazongift .contents--wrap .cta {
      margin-top: 39vw;
    }
}


/* ========================================
magabank
======================================== */
.magabank_report{
  text-align: left;
}
.megabank #camp_detail ul li p.site_ttl a .site {
  font-size: 21px;
}
@media only screen and (max-width: 767px) {
  .megabank #camp_detail ul li p.site_ttl a .site {
    font-size: 3.7vw;
  }
}

/* ========================================
yuhi
======================================== */
#fv.yuhi .contents--wrap h1 {
  top: 94px;
  left: 24px;
}
#fv.yuhi #tieup-mv .contents--wrap .tieup-btn {
  top: 392px;
}

#tieup_notice span.notice_main.yuhi {
  font-size: 15px;
}

#fx #cashback .contents--wrap ul.contents--list li:nth-child(3) .popup_btn.yuhi {
  top: 5.5%;
}

#fx #cashback .contents--wrap ul.contents--list .contents--list-text.yuhi01 {
  padding-top: 6%;
}


@media only screen and (max-width: 767px) {
  #fv.yuhi #tieup-mv.mv-bg {
    height: 155vw;
}
  #fv.yuhi #tieup-mv .contents--wrap h1 {
    width: 88%;
  }
  #fv.yuhi .contents--wrap h1 {
    top: -9px;
    left: 50%;
  }
  #fv.yuhi #tieup-mv .contents--wrap figure {
    top: 0px;
  }
  #fv.yuhi #tieup-mv .contents--wrap .tieup-btn {
    top: -3px;
  }

  #fx #cashback .contents--wrap ul.contents--list li.yuhi {
    height: 490px !important;
  }

  #fx #cashback .contents--wrap ul.contents--list .contents--list-text.yuhi01 {
    padding-top: 1%;
    }    

  #fx #cashback .contents--wrap ul.contents--list .contents--list-text.yuhi02 {
    margin: 40px auto;
  }
}

/* ========================================
hikikomori
======================================== */
.hikikomori #tieup-mv .contents--wrap h1 {
  left: 1%;
  padding-bottom: 5%;
}

.hikikomori #tieup-mv .contents--wrap .tieup-btn {
 left: 150px;
 top: 369px;
}

.hikikomori #tieup-mv .contents--wrap figure {
  left: 450px;
 } 

.hikikomori .contents--wrap .contents--list .contents--list-text_02 {
  padding: 5% 0 5% 0;
}

@media only screen and (max-width: 767px) {
  .hikikomori #tieup-mv .contents--wrap h1 {
    left: 50%;
    padding-bottom: 5%;
  }

  .hikikomori #tieup-mv .contents--wrap .tieup-btn {
    left: 50vw;
    top: -3px;
   }

   .hikikomori #tieup-mv .contents--wrap figure {
    left: 0px;
   }   

   .hikikomori .contents--wrap .contents--list .contents--list-text_02 {
    padding: 5% 0 9% 0;
    width: 100%;
  }
  }

  @media screen and (min-width:768px) and (max-width:1023px)  {
  
    .hikikomori #tieup-mv .contents--wrap .tieup-btn {
      margin-left: -8%;
      top: 42vw;
     }

     .hikikomori #tieup-mv .contents--wrap figure {
      left: 363px;
      width: 57%;
     }   
    }

/* ========================================
ベンテク
======================================== */
.benteku #tieup-mv .contents--wrap h1 {
  left: 6%;
  padding-bottom: 5%;
}

.benteku #tieup-mv .contents--wrap .tieup-btn {
 left: 165px;
 top: 393px;
}

.benteku #tieup-mv .contents--wrap figure {
  left: 410px;
 } 

@media only screen and (max-width: 767px) {
  .benteku #tieup-mv .contents--wrap h1 .mv-logo {
    margin: 0 auto 23px;
  }
  #fv.benteku .cta {
    position: absolute;
    z-index: 100;
    bottom: 12vw;
}

  .benteku #tieup-mv .contents--wrap h1 {
    left: 50%;
    padding-bottom: 6%;
    padding-top: 4%;
  }

  .benteku #tieup-mv .contents--wrap .tieup-btn {
    left: 50vw;
    top: -3vw;
   }

   .benteku #tieup-mv .contents--wrap figure {
    left: 0;
    width: 100%;
    padding-top: 2%;
   }  
  #fx #cashback.benteku.report_step .contents--wrap ul.contents--list li {
    height: 102vw;
   }   
   #fx #cashback.benteku.report_step .contents--wrap ul.contents--list li:last-child {
    height: 95vw;
   }  
   #fx #cashback.benteku.report_step .contents--wrap ul.contents--list li:last-child p.contents--list-text{
    margin-top: -5%;
    margin-bottom: -5%;
   }
  }
  @media screen and (min-width:768px) and (max-width:1023px)  {
    .benteku #tieup-mv .contents--wrap h1{
      left: 4%;
      top: 9vw;
    }
    .benteku #tieup-mv .contents--wrap .tieup-btn {
      margin-left: -8%;
      top: 43vw;
     }

     .benteku #tieup-mv .contents--wrap figure {
      left: 47vw;
      width: 56%;
     }   
    }


/* ========================================
インフルエンサー・ポイントサイト用キャッシュバック
======================================== */
#fv._type2.contents {
  margin-bottom: 0;
}

#fx #cashback._type2 .contents--wrap {
  margin: -25px auto;
  padding-top: 130px;
}

#fx #cashback._type2 .contents--wrap .contents--title p {
  width: 394px;
}

#fx #cashback._type2 .contents--wrap .contents--title h2 {
  width: 58%;
}

#fx #cashback._type2 .contents--wrap ul.contents--list {
  margin-top: -30px;
}

#fx #cashback._type2 .contents--wrap ul.contents--list li {
  background: none;
  margin-bottom: 0;
}
.cta_point {
  position: relative;
}
.cta_point .btn {
  position: absolute;
  right: 188px;
  bottom: 0px;
}
@media only screen and (max-width: 767px) {
  ._type2 #tieup-mv.mv-bg {
    height: 167vw;
  }
  #fx #cashback._type2 {
    padding-bottom: 8vw;
  }
  #fx #cashback._type2 .contents--wrap {
    padding-top: 20vw;
  }
  ._type2 #tieup-mv .contents--wrap figure {
    right: -16vw;
    width: 84%;
    top: 2vw;
  }
  ._type2 #tieup-mv .contents--wrap .tieup-btn {
    top: 2px;
  }
  #fv._type2 .cta{
    bottom: 3vw;
  }
  #fx #cashback._type2 .contents--wrap .contents--title h2 {
    width: 77%;
  }
  #fx #cashback._type2 .contents--wrap ul.contents--list {
    margin-top: -10px;
  }
  /*#fx #cashback._type2 .contents--wrap ul.contents--list li:first-child,
  #fx #cashback._type2 .contents--wrap ul.contents--list li:nth-child(2)  {
    height: 85vw;
  }*/
  #fx #cashback._type2 .contents--wrap ul.contents--list li:last-child {
    margin-top: 2vw;
    height: 45vw;
  }
}

/* ========================================
価格コム kakakucom
======================================== */
#fv.kakakucom .page-title {
    width: 510px;
    margin: 0 auto;
    padding: 14px;
}
@media only screen and (max-width: 767px) {
  #fv.kakakucom .page-title {
width: 100%;
    padding: 4%;
}

}
#fx #cashback.kakakucom  .contents--wrap ul.contents--list li:first-child p.contents--list-text{
    width: 60%;
}

#fx #cashback.kakakucom .contents--wrap ul.contents--list li p.contents--list-text {
    width: 74%;
    margin: 0 auto;
}



/* ========================================
tablet
======================================== */
@media screen and (min-width:768px) and (max-width:1023px) {
  .contents--wrap {
    max-width: 100%;
  }
  #fv.contents {
    overflow: hidden;
  }
  #tieup-mv.mv-bg {
    height: 58vw;
  }
  #tieup-mv .contents--wrap {
    min-width: 100%;
  }
  #tieup-mv .contents--wrap h1 {
    left: 3vw;
    width: 50vw;
    top: 106px;
  }
  .yen #tieup-mv .contents--wrap h1 {
    left: 4vw;
    width: 42vw;
    top: 13vw;
  }
  .okane-hosoku #tieup-mv .contents--wrap h1 {
    top: 97px;
    left: 4vw;
  }
  #fv.at_minkabu .contents--wrap h1 {
    top: 80px;
    left: 3vw;
  }
  .megabank #tieup-mv .contents--wrap h1 {
    top: 80px;
    width: 46vw;
  }
  #tieup-mv .contents--wrap figure {
    position: absolute;
    right: -5vw;
        top: 3vw;
        width: 64vw;
  }
  #tieup-mv .contents--wrap .tieup-btn {
      left: 9vw;
  }

  .sai #tieup-mv .contents--wrap .tieup-btn {
    left: 10vw;
    top: 344px;
}

  .fx_nyao #tieup-mv .contents--wrap .tieup-btn {
        left: 10vw;
        top: 323px;
  }

  #fv.kawase_oh #tieup-mv .contents--wrap .tieup-btn {
        left: 10vw;
        top: 41vw;
  }
  .report_fv #tieup-mv .contents--wrap .tieup-btn {
        left: 8vw;
        top: 342px;
  }
  #fv.megabank #tieup-mv .contents--wrap .tieup-btn {
    left: 8vw;
        top: 327px;
  }
  #fv .tieup-btn a {
      padding: 6px 10vw 8px;
  }
  .pointincome #tieup-mv .contents--wrap .tieup-btn {
    top: 42vw;
    left: 10.5vw;
  }
  .moppy #tieup-mv .contents--wrap .tieup-btn, .hapitas #tieup-mv .contents--wrap .tieup-btn {
    left: 10vw;
    top: 40vw;
  }
  .mshi-trade #tieup-mv .contents--wrap .tieup-btn {
      top: 317px;
      left: 10vw;
  }
  #camp_detail {
    width: 98%;
    margin: 0 auto;
  }
  #camp_detail ul li {
    width: 100%;
  }
  #camp_detail ul li p.site_detail {
    top: 36px;
    left: 76%;
  }
  #camp_detail .tieup-btn a {
    padding: 7px 30px 7px 25px;
  }
  #fv.linepoint .contents--wrap h1 {
width: 43vw;
        left: 5vw;
        top: 10vw;
  }
  .linepoint #tieup-mv .contents--wrap .tieup-btn {
    top: 45vw;
    left: 11vw;
}
#fv.hapitas .contents--wrap figure {
  right: 2px;
  width: 540px;
}

  #fx #cashback.amazongift .contents--wrap ul.contents--list li:nth-child(3) .popup_btn {
  padding: 15px 24px 15px 0px;
  }
  .cta_fxnabi img {
    width: 90%;
  }
  .cta_fxnabi .btn {
    width: 65%;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .report_fv #tieup-mv .contents--wrap h1 {
    left: 3vw;
    width: 48vw;
  }
  #fv.kanitore .contents--wrap h1 {
    left: 7vw;
    width: 40vw;
  }

  .kanitore #tieup-mv .contents--wrap figure {
    right: -5vw;
}


  #fv.at_shufu .contents--wrap h1 {
    left: 5vw;
    width: 44vw;
  }
  #fv.at_shufu #tieup-mv .contents--wrap figure {
    right: -36px;
    width: 60vw;
}
  #fv.sai .contents--wrap h1 {
        left: 5vw;
        width: 46vw;
        top: 80px;
  }
  #fv.mshi-trade .contents--wrap h1 {
        left: 5vw;
        width: 47vw;
    top: 85px;
  }
  #fv.fx_nyao .contents--wrap h1 {
          left: 4vw;
        width: 45vw;
        top: 79px;
  }
  #fv.kawase_oh .contents--wrap h1 {
width: 46vw;
        top: 71px;
  }
  #fv.pointincome .contents--wrap h1 {
    width: 46vw;
  }
  #fv.moppy .contents--wrap h1, .hapitas #tieup-mv .contents--wrap h1 {
        left: 6vw;
        width: 41vw;
        top: 73px;
  }
  .amazongift #tieup-mv .contents--wrap h1 {
    left: 2vw;
  }
  .amazongift #tieup-mv .contents--wrap h1 {
    top: 100px;
  }
  #fv.amazongift #tieup-mv .contents--wrap figure {
    width: 54vw;
  }
  .contents .contents--wrap .cta.cta_fxnabi a.pc:hover {
    transform: translateX(-50%);
  }
  .fxnabi #tieup-mv .contents--wrap figure {
    position: absolute;
    right: 5px;
    top: 18px;
    width: 55%; 
  }
  .fxnabi #tieup-mv .contents--wrap h1 {
    left: 6% !important;
}
#fx #cashback .contents--wrap ul.fxnabi--list li:first-child figure {
  width: 83%;
    left: 12%;
    top: 49%;
}
#fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(2) figure {
  top: 59%;
}
#fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(2) p.contents--list-text {
  width: 84%;
  margin-top: -2%;
}
#fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(2) .popup_btn {
  top: 21%;
}
#fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(3) {
  height: 89%;
}
#fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(3) .list-step03 {
  height: 42vw;
}
#fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(3) p.contents--list-plus {
  top: 16vw;
}
#fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(3) p.contents--list-icon {
  top: -3vw;
}
#fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(3) p.contents--list-text {
  position: relative;
  width: 70%;
  top: -3vw;
}
#fx #cashback .contents--wrap ul.fxnabi--list li figure {
  left: 26%;
  top: 50%;
}
#fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(3) .popup_btn {
  top: 6vw;
}
.amazongift #tieup-mv .contents--wrap figure {
  position: absolute;
  right: -6px;
  width: 52%;  
}
#fv._type2 .contents--wrap figure {
  right: -2px;
  width: 54vw;
}
.cta_point {
  position: relative;
  width: 90%;
  left: 5vw;
}
.cta_point .btn {
  position: absolute;
  left: 13vw;
  width: 64vw;
  bottom: 0px;
}
.point #tieup-mv .contents--wrap h1 {
  left: 3vw;
  top: 11vw;
  width: 49%;
}
.point #tieup-mv .contents--wrap .tieup-btn {
  left: 12vw;
  top: 44vw;
}
.yuhi #tieup-mv .contents--wrap figure {
  right: -6vw;
  top: 3vw;
  width: 61vw; 
}
#fv.yuhi #tieup-mv .contents--wrap .tieup-btn {
  top: 44vw;
}
.hikikomori #tieup-mv .contents--wrap h1 {
  left: 5vw;
  top: 12vw;
  width: 47%;
}
}
/*ipadproサイズ*/
@media screen and (min-width:1024px) and (max-width:1025px) {
  .point #tieup-mv .contents--wrap h1 {
    left: 36px;
    top: 91px;
    width: 491px;
}
.point #tieup-mv .contents--wrap figure {
  right: -13px;
  width: 54%;
}
#tieup-mv .contents--wrap figure {
right: -40px;
}
.point #tieup-mv .contents--wrap .tieup-btn {
  left: 184px;
  top: 412px;
}
#tieup-mv .contents--wrap h1,
.yen #tieup-mv .contents--wrap h1,
.report_fv #tieup-mv .contents--wrap h1,
#fv.fx_nyao .contents--wrap h1{
left: 35px;
}
#fv.kanitore .contents--wrap h1,
#fv.at_shufu .contents--wrap h1{
left: 50px;
}
.amazongift #tieup-mv .contents--wrap h1 {
    position: absolute;
    left: -7px;
    top: 86px;
    width: 55%;
}
#fx #cashback .contents--wrap ul.fxnabi--list li:nth-child(2) figure {
  top: 59%;
}
.amazongift #tieup-mv .contents--wrap figure {
  position: absolute;
    right: -5px;
    width: 54%;
}
.hapitas #tieup-mv .contents--wrap .tieup-btn {
  left: 14vw;
}
.pointincome #tieup-mv .contents--wrap .tieup-btn {
  top: 38vw;
  left: 13vw;
 }
 #fv.pointincome #tieup-mv .contents--wrap figure {
  right: 13px;
}
 #fv.linepoint .contents--wrap h1 {
  top: 8vw;
    left: 6vw;
     width: 43.5%;
 }
 .linepoint #tieup-mv .contents--wrap .tieup-btn {
  top: 41vw;
  left: 15.93vw;
 }
 #fv.linepoint .contents--wrap figure {
  right: -1vw;
  width: 54vw;
}
 #fv.moppy._type2 .contents--wrap figure {
  right: -1px;
}
#fv.hapitas .contents--wrap figure {
  right: 2px;
}
.fxnabi #tieup-mv .contents--wrap figure {
  right: 0%;
}
.kanitore #tieup-mv .contents--wrap figure {
  right: -35px;
}
#fv.kawase_oh #tieup-mv .contents--wrap .tieup-btn {
  left: 16.5vw;
}
#fv.kawase_oh .contents--wrap h1 {
  left: 74px;
}
#fv.mshi-trade .contents--wrap h1 {
  top: 115px;
  left: 53px;
}
.mshi-trade #tieup-mv .contents--wrap .tieup-btn {
  top: 365px;
  left: 152px;
}
#fv.sai .contents--wrap h1 {
  left: 39px;
}
.sai #tieup-mv .contents--wrap .tieup-btn {
  left: 15.5vw;
}
.report_fv #tieup-mv .contents--wrap .tieup-btn {
  left: 18vw;
}
}