@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleplayapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');

/*----------全体----------*/
.contents{
    max-width: 100%;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
/*    font-family: 'Noto Sans JP', sans-serif;*/
    color: #101825;
    font-size: 16px;
	}
li{
    list-style: none;
}
ul{
    padding-left: 0%
}
a:hover{
    opacity: 0.8;
    transition: 0.3s;
}
h2{
    font-weight: 600;
}


/*--------.main-wrapper--------*/
@media only screen and (min-width:1025px) {
	.main-wrapper{
        max-width: 1440px;
		margin: 0 auto;
		text-align: center;
    }
}
@media only screen and (min-width:520px) and (max-width:1024px) {
    .main-wrapper{
        width:　100%;
		margin: 0 auto;
		text-align: center;
	}
}
@media only screen and (max-width:519px){
    .main-wrapper{
		margin: 0 auto;
		text-align: center;
	}
}



/*	レスポンシブによる出しわけ*/
@media only screen and (min-width:1025px) {
	.pc{
		display: block;
	}
	.sp{
		display: none;
	}
}
@media only screen and (min-width:520px) and (max-width:1024px) {
    .pc{
		display: block;
	}
	.sp{
		display: none;
	}
}
@media only screen and (max-width:519px){
    .pc{
		display: none;
	}
	.sp{
		display: block;
	}
}




/*--------title-img--------*/
@media only screen and (min-width:1025px) {
    .buy-btn{
        width: 312px;
        background: linear-gradient(90deg,#e5258c,#863bd4);
        margin: 50px auto 120px;
        border-radius: 50px;
    }
    .buy-btn a{
        display: block;
        color: #fff;
        padding: 12px 0;
        font-weight: 600;
        letter-spacing: 2px;
        text-decoration-line: none;
    }
}

@media only screen and (min-width:520px) and (max-width:1024px) {
    .buy-btn{
        width: 35vw;
        background: linear-gradient(90deg,#e5258c,#863bd4);
        margin: 40px auto 90px;
        border-radius: 50px;
    }
    .buy-btn a{
        display: block;
        color: #fff;
        padding: 1.3vw 0;
        font-weight: 600;
        letter-spacing: 2px;
        text-decoration-line: none;
    }
}

@media only screen and (max-width:519px) {
    .buy-btn{
        width: 80vw;
        background: linear-gradient(90deg,#e5258c,#863bd4);
        margin: 40px auto 90px;
        border-radius: 50px;
    }
    .buy-btn a{
        display: block;
        color: #fff;
        padding: 3vw 0;
        font-weight: 600;
        letter-spacing: 2px;
        text-decoration-line: none;
    }
}


/*--------campaign--------*/
@media only screen and (min-width:1025px) {
    #campaign{
        width: 1128px;
        margin: 0 auto;
    }
    .campaign-title{
        display: flex;
        margin-bottom: 20px;
        font-size: 27px;
    }
    .campaign-title img{
        height: 37px;
        margin-right: 10px;
    }
    
    .campaign-contents li{
        display: grid;
        grid-template-columns: 200px 1fr;
        list-style: none;
        text-align: left;
        padding: 20px 0;
        border-bottom: solid 1px #a3a3a3;
    }
    
    .sub-title{
        font-weight: 700;
    }
    .text-contents{
        text-align: justify;
    }
    .text-contents a{
        color: #e5258c;
        text-decoration-line: underline;
    }
}

/*--------campaign--------*/
@media only screen and (min-width:520px) and (max-width:1024px) {
    #campaign{
        width: 90vw;
        margin: 0 auto;
    }
    .campaign-title{
        display: flex;
        margin-bottom: 20px;
        font-size: 3vw;
    }
    .campaign-title img{
        height: 4vw;
        margin-right: 1vw;
    }
    
    .campaign-contents li{
        display: grid;
        grid-template-columns: 200px 1fr;
        list-style: none;
        text-align: left;
        padding: 20px 0;
        border-bottom: solid 1px #a3a3a3;
    }
    
    .sub-title{
        font-weight: 700;
    }
    .text-contents{
        text-align: justify;
    }
    .text-contents a{
        color: #e5258c;
        text-decoration-line: underline;
    }
}

/*--------campaign--------*/
@media only screen and (max-width:519px) {
    #campaign{
        width: 85vw;
        margin: 0 auto;
    }
    .campaign-title{
        display: flex;
        margin-bottom: 20px;
        font-size: 6vw;
        letter-spacing: 1px;
        width: 85vw;
    }
    .campaign-title img{
        height: 9vw;
        margin-right: 1.5vw;
    }
    
    .campaign-contents{
        font-size: 4.2vw;
        text-align: justify;
    }
    .campaign-contents li{
        list-style: none;
        text-align: left;
        padding: 20px 0;
        border-bottom: solid 1px #a3a3a3;
    }
    
    .sub-title{
        display: block;
        font-weight: 700;
        margin-bottom: 19px;
    }
    .text-contents{
        text-align: justify;
    }
    .text-contents a{
        color: #e5258c;
        text-decoration-line: underline;
    }
}



/*----いま買いたい、かなえます----*/
@media only screen and (min-width:1025px) {
    .logo{
        padding: 30px;
    }
    .logo img{
        width: 200px;
        margin: 0 auto;
    }
    
    .campaign-contents-2{
        display: flex;
        justify-content: space-between;
        padding-bottom: 80px;
        border-bottom: solid 1px #a3a3a3;
    }
    
    .campaign-contents-2 li{
        width: 275px;
    }
    .campaign-contents-2 li img{
        width: 140px;
    }
    
    .sub-title-2{
        display: block;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }
    .contents-2{
        display: block;
        text-align: left;
        font-size: 16px;
        text-align: justify;
    }
    
    .sub-campaign-contents-2{
        margin-top: 10px;
        text-align: left;
        line-height: 1.8;
        font-size: 13.5px;
        margin-bottom: 110px;
    }
}

/*----いま買いたい、かなえます----*/
@media only screen and (min-width:520px) and (max-width:1024px) {
    .logo{
        padding: 30px;
    }
    .logo img{
        width: 20vw;
        margin: 0 auto;
    }
    
    .campaign-contents-2{
        display: flex;
        justify-content: space-between;
        padding-bottom: 60px;
        border-bottom: solid 1px #a3a3a3;
    }
    
    .campaign-contents-2 li{
        width: 25vw;
    }
    .campaign-contents-2 li img{
        width: 50%;
    }
    
    .sub-title-2{
        display: block;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }
    
    .contents-2{
        display: block;
        text-align: left;
        font-size: 16px;
        text-align: justify;
    }
    
    .sub-campaign-contents-2{
        margin-top: 10px;
        text-align: left;
        line-height: 1.8;
        font-size: 13.5px;
        margin-bottom: 110px;
    }
}

/*----いま買いたい、かなえます----*/
@media only screen and (max-width:519px) {
    .logo{
        padding: 30px;
    }
    .logo img{
        width: 50vw;
        margin: 0 auto;
    }
    
    .campaign-contents-2{
        padding-bottom: 40px;
        border-bottom: solid 1px #a3a3a3;
    }
    
    .campaign-contents-2 li{
        width: 100%;
        margin-bottom: 30px;
    }
    .campaign-contents-2 li img{
        width: 50%;
    }
    .sub-title-2{
        display: block;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 5px;
        letter-spacing: 1px;
    }
    .contents-2{
        display: block;
        text-align: left;
        font-size: 4vw;
        text-align: justify;
    }
    
    .sub-campaign-contents-2{
        margin-top: 10px;
        text-align: left;
        line-height: 1.8;
        font-size: 3.5vw;
        margin-bottom: 110px;
    }
}



/*----あなたの「今欲しい！」<br>ペイディの３回あと払い*が叶えます----*/
@media only screen and (min-width:1025px) {
    .sub-title-3{
        text-align: left;
    }
    
    
/*----アプリダウンロードのリンク----*/
    .campaign-3{
        position: relative;
    }
    .campaign-3 .appstore{
        position: absolute;
        bottom: 35px;
        left: 631px;
    }
    .campaign-3 .googleplay{
        position: absolute;
        bottom: 35px;
        left: 837px;
    }
    .campaign-3 .appstore div{
        background-color: rgba(0,0,0,0);
        width: 188px;
        height: 55px;
    }
    .campaign-3 .googleplay div{
        background-color: rgba(0,0,0,0);
        width: 188px;
        height: 55px;
    }
    
    
    .campaign-3 img{
        width: 100%;
        margin-bottom: 30px;
        border-radius: 30px;
    }
    .sub-campaign-3{
        text-align: left;
        padding-bottom: 40px;
        border-bottom: solid 1px #a3a3a3;
    }
    .sub-campaign-contents-3{
        margin-top: 10px;
        text-align: left;
        line-height: 1.8;
        font-size: 13.5px;
        margin-bottom: 70px;
    }
}

@media only screen and (min-width:520px) and (max-width:1024px) {
    .sub-title-3{
        text-align: left;
    }
 
    
/*----アプリダウンロードのリンク----*/
    .campaign-3{
        position: relative;
    }
    .campaign-3 .appstore{
        position: absolute;
        bottom: 2.8vw;
        left: 50.3vw;
    }
    .campaign-3 .googleplay{
        position: absolute;
        bottom: 2.8vw;
        left: 66.8vw;
    }
    .campaign-3 .appstore div{
        background-color: rgba(0,0,0,0);
        width: 15vw;
        height: 4.5vw;
    }
    .campaign-3 .googleplay div{
        background-color: rgba(0,0,0,0);
        width: 15vw;
        height: 4.5vw;
    }
    
    
    .campaign-3 img{
        width: 100%;
        margin-bottom: 30px;
        border-radius: 30px;
    }
    .sub-campaign-3{
        text-align: left;
        padding-bottom: 40px;
        border-bottom: solid 1px #a3a3a3;
    }
    .sub-campaign-contents-3{
        margin-top: 10px;
        text-align: left;
        line-height: 1.8;
        font-size: 13.5px;
        margin-bottom: 70px;
    }
}

@media only screen and (max-width:519px) {
    .sub-title-3{
        text-align: left;
    }
    
    
/*----アプリダウンロードのリンク----*/
    .campaign-3{
        position: relative;
    }
    .campaign-3 .appstore{
        position: absolute;
        bottom: 24vw;
        left: 24.4vw;
    }
    .campaign-3 .googleplay{
        position: absolute;
        bottom: 10.6vw;
        left: 24.4vw;
    }
    .campaign-3 .appstore div{
        background-color: rgba(0,0,0,0);
        width: 36vw;
        height: 10.5vw;
    }
    .campaign-3 .googleplay div{
        background-color: rgba(0,0,0,0);
        width: 36vw;
        height: 10.5vw;
    }
    
    
    .campaign-3 img{
        width: 100%;
        margin: 0 auto 30px;
        justify-content: center;
    }
    .sub-campaign-3{
        text-align: left;
        padding-bottom: 40px;
        border-bottom: solid 1px #a3a3a3;
    }
    .sub-campaign-contents-3{
        margin: 10px auto 70px;
        text-align: left;
        line-height: 1.8;
        font-size: 3.5vw;
    }
}



/*--------footer--------*/
@media only screen and (min-width:1025px) {
    #paidy-footer{
        background-color: #eaeaea;
    }
    
    .footer-contents{
        padding: 100px 0; 
    }
    .footer-contents a{
        color: #101825;
        text-decoration-line: underline;
    }
    
    .text{
        margin-bottom: 60px;
    }
    .paidy-link{
        margin-bottom: 40px;
    }
    .paidy-copyright{
        margin-bottom: 20px;
    }
    .paidy-copyright img{
        width: 85px;
    }
    .twitter img{
        width: 39px;
    }
}

/*--------footer--------*/
@media only screen and (min-width:520px) and (max-width:1024px) {
    #paidy-footer{
        background-color: #eaeaea;
    }
    .footer-contents{
        padding: 9vw 0; 
    }
    .footer-contents a{
        color: #101825;
        text-decoration-line: underline;
    }
    
    .text{
        margin-bottom: 60px;
    }
    .paidy-link{
        margin-bottom: 40px;
    }
    .paidy-copyright{
        margin-bottom: 20px;
    }
    .paidy-copyright img{
        width: 85px;
    }
    .twitter img{
        width: 39px;
    }
}

/*--------footer--------*/
@media only screen and (max-width:519px) {
    #paidy-footer{
        background-color: #eaeaea;
    }
    .footer-contents{
        padding: 15vw 0;
        width: 80vw;
        margin: 0 auto;
    }
    .footer-contents a{
        color: #101825;
        text-decoration-line: underline;
    }
    .text{
        margin-bottom: 20px;
        font-size: 4vw;
    }
    .paidy-link{
        margin-bottom: 30px;
    }
    .paidy-copyright{
        margin-bottom: 25px;
    }
    .paidy-copyright img{
        width: 85px;
    }
    .twitter img{
        width: 39px;
    }
}