@charset "UTF-8";
/* CSS Document */

/*----------全体----------*/
@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300;400;500;700;900&display=swap');

.contents{
    max-width: 100%;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    color: #6e9671;
	}

li{
    list-style: none;
}
ul{
    padding-left: 0%
}
.half{
        font-size: 70%;
    }


/*--------.main-wrapper--------*/
@media only screen and (min-width:1025px) {
	.main-wrapper{
		width: 1000px;
		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;
	}
}



/*--------.page--contents--------*/
@media only screen and (min-width:1025px) {
	.page--contents{
		width: 1000px;
		margin: 0 auto;
	}
}
@media only screen and (min-width:520px) and (max-width:1024px) {
    .page--contents{
		max-width: 800px;
		width: 100%;
		margin: 0 auto;
	}
}
@media only screen and (max-width:519px){
    .page--contents{
		width: 100%;
		margin: 0 auto;
	}
}




/*	タイトルエリア*/
@media only screen and (min-width:1025px) {
    .page--title{
/*        margin-bottom: 40px;*/
    }
	.page--title img{
		max-width: 1000px;
		width: 100%;
		margin: 0 auto;
	}
}
@media only screen and (min-width:520px) and (max-width:1024px) {
    .page--title{
		text-align: center;
/*		margin-bottom: 40px;*/
	}
	.page--title img{
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
	}
}
@media only screen and (max-width:519px){
    .page--title{
		text-align: center;
		margin: 0 auto;
	}
	.page--title img{
		width: 100%;
	}
}



/*	テキスト*/
@media only screen and (min-width:1025px) {
    .all-explain{
        font-size: 17px;
        line-height: 1.5;
        letter-spacing: 0.1em;
        margin: 10px 0 20px;
    }
    
    .title{
        font-size: 40px;
        font-weight: 500;
        line-height: 1.3;
        margin-bottom: 0px;
        font-family: 'Frank Ruhl Libre', serif;
    }
    
    .setumei{
        font-family: 'Frank Ruhl Libre', serif;
    }
    .setumei .nichiji{
        font-size: 28px;
        font-weight: 300 !important;
        letter-spacing: 3px;
        margin-bottom: 20px;
    }
    .setumei .yen{
        font-size: 22px;
    }
    
    
    /*クーポンコード*/
    .coupon{
        font-size: 20px;
        line-height: 1.7;
        margin: 30px 0;
        color: #595757;
    }
    .coupon-attention{
        background-color: #595757;
        padding: 10px;
        width: 400px;
        margin: 20px auto 60px;
    }
    .coupon-attention a{
        display: block;
        color: #fff;
        font-size: 15px;
        text-decoration: none;
    }
    
    
    
    /*-----注意事項------*/
    .precautions{
        padding: 20px 0;
        color: #595757;
    }
    
    .sale-explain-title{
        font-size: 22px;
        letter-spacing: 1.5px;
        margin-bottom: 10px;
    }

    .precautions{
        text-align: center;
        margin: 20px 0;
    }
    .precautions ul{
        display: inline-block;
        text-align: left;
        font-size: 15px;
        
    }
    .precautions li{
        margin-bottom: 3px;
    }
    .precautions a{
        color: #6e9671;
        text-decoration-line: underline;
    }
}

@media only screen and (min-width:520px) and (max-width:1024px) {
    .all-explain{
        font-size: 17px;
        line-height: 1.5;
        letter-spacing: 0.1em;
        margin: -10px 0 40px;
        
    }
    
    .title{
        font-size: 30px;
        font-weight: 700;
        line-height: 1.3;
        font-family: 'Frank Ruhl Libre', serif;
    }
    
    .setumei{
        font-family: 'Frank Ruhl Libre', serif;
    }
    .setumei .nichiji{
        font-size: 28px;
        font-weight: 300 !important;
        letter-spacing: 3px;
        margin-bottom: 20px;
    }
    .setumei .yen{
        font-size: 22px;
    }
    
    /*クーポンコード*/
    .coupon{
        font-size: 20px;
        line-height: 1.7;
        margin: 30px 0;
        color: #595757;
    }
    .coupon-attention{
        background-color: #595757;
        padding: 10px;
        width: 400px;
        margin: 20px auto 60px;
    }
    .coupon-attention a{
        display: block;
        color: #fff;
        font-size: 15px;
        text-decoration: none;
    }
    
    /*-----注意事項------*/
    .sale-explain-title{
        font-size: 22px;
        line-height: 1.5;
        letter-spacing: 0.1em;
        margin: -10px 0 40px;
    }

    
    .precautions{
        text-align: center;
        margin: 20px auto;
        width: 80%
    }
    .precautions ul{
        display: inline-block;
        text-align: left;
        font-size: 15px;
        
    }
    .precautions li{
        margin-bottom: 3px;
    }
    .precautions a{
        color: #6e9671;
        text-decoration-line: underline;
    }
}

@media only screen and (max-width:519px){
    .all-explain{
        font-size: 4.5vw;
        line-height: 1.5;
        letter-spacing: 0.1em;
        margin: 20px 0 30px;
    }
    .title{
        font-size: 10vw;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 20px;
        font-family: 'Frank Ruhl Libre', serif;
    }
    
    .setumei{
        font-family: 'Frank Ruhl Libre', serif;
    }
    .setumei .nichiji{
        font-size: 6.5vw;
        font-weight: 300 !important;
        letter-spacing: 3px;
        margin-bottom: 20px;
    }
    .setumei .yen{
        font-size: 22px;
    }
    
 /*クーポンコード*/
    .coupon{
        font-size: 20px;
        line-height: 1.7;
        margin: 30px 0;
        color: #595757;
    }
    .coupon-attention{
        background-color: #595757;
        padding: 7px;
        width: 87%;
        margin: 20px auto 60px;
    }
    .coupon-attention a{
        display: block;
        color: #fff;
        font-size: 4vw;
        line-height: 1.3;
        text-decoration: none;
    }
    
    
/*-----注意事項------*/
    .sale-explain-title{
        font-size: 5.5vw;
        letter-spacing: 1.5px;
        margin-bottom: 10px;
    }

    .precautions{
        text-align: center;
        margin-bottom: 35px;
        color: #595757;
    }
    .precautions ul{
        display: inline-block;
        text-align: left;
        width: 90%;
        font-size: 16px;
    }
    .precautions li{
        text-indent:-1em;
		padding-left:1em;
    }
    .precautions a{
        color: #6e9671;
        text-decoration-line: underline;
    }
}
    
    
    
	
	
/*　 ボタンエリア*/
@media only screen and (min-width:1025px) {
    .page--btn-contents{
        max-width: 900px;
        margin: 0 auto;
        padding: 30px 0;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"
    }
    .page--btn-contents p{
        padding: 10px 0;
        margin: 0 auto 20px;
        font-size: 26px;
        letter-spacing: 2px;
        font-weight: 500;
        color: #78a4ab;
        border-bottom: solid 1px #78a4ab;
        width: 300px;
        padding-bottom: 20px;
    }
    
    .page--btn-o{
        display: flex;
        flex-wrap: wrap;
        width: 900px;
        justify-content: center;
        margin: 30px auto 0;
    }
    .page--btn-o li{
        background-color: #66a480;
        height: 150px;
        width: 150px;
        border-radius: 50%;
        line-height: 150px;
        text-align: center;
        margin: 0 20px;
        font-size: 18px;
    }
    .page--btn-o li:nth-child(2){
        background-color: #679692;
    }
    .page--btn-o li a{
        text-decoration: none;
        color: #fff;
        display: block;
    }
    
	.page--btn{
        display: flex;
        flex-wrap: wrap;
        width: 900px;
        justify-content: center;
        margin: 20px auto 0;
        
    }
	.page--btn img{
		width: 180px;
/*        padding: 15px;*/
        margin: 10px;
    }
	.page--btn a{
		text-decoration-line: none;
	}
	.page--btn a:hover{
		opacity: 0.8;
		transition: 0.3s;
	}
    
    .page--btn-c{
        display: flex;
        flex-wrap: wrap;
        width: 900px;
        margin: 0 auto;
        justify-content: center;
    }
	.page--btn-c img{
		width: 160px;
/*        padding: 15px;*/
        margin: 10px;
    }
	.page--btn-c a{
		text-decoration-line: none;
	}
	.page--btn-c a:hover{
		opacity: 0.4;
		transition: 0.3s;
	}
    .all-btn{
        background-color: #96abaf;
        width: 600px;
        margin: 20px auto 0;
    }
    .all-btn a{
        display: block;
        color: #fff;
        font-size: 16px;
        padding: 15px 80px;
    }

}
@media only screen and (min-width:520px) and (max-width:1024px) {
    .page--btn-contents{
        padding: 30px 0;
    }
    .page--btn-contents p{
        color: #78a4ab;
        padding: 10px 0;
        width: 300px;
        margin: 0 auto 20px;
        font-size: 3.2vw;
        letter-spacing: 2px;
        font-weight: 500;
        border-bottom: solid 1px #78a4ab;
        padding-bottom: 20px;
    }

    .page--btn-o{
        display: flex;
        flex-wrap: wrap;
        width: 900px;
        justify-content: center;
        margin: 30px auto 0;
    }
    .page--btn-o li{
        background-color: #66a480;
        height: 150px;
        width: 150px;
        border-radius: 50%;
        line-height: 150px;
        text-align: center;
        margin: 0 20px;
        font-size: 18px;
    }
    .page--btn-o li:nth-child(2){
        background-color: #679692;
    }
    .page--btn-o li a{
        text-decoration: none;
        color: #fff;
        display: block;
    }
    .page--btn{
        display: flex;
        flex-wrap: wrap;
        width: 90%;
        margin: 0 auto;
        padding-left: 0%;
        justify-content: center;
		}
	.page--btn img{
		width: 25vw;
        padding: 10px 10px;
		}
	.page--btn a{
		text-decoration-line: none;
	}
    .page--btn-c{
        display: flex;
        flex-wrap: wrap;
        width: 90%;
        margin: 0 auto;
        justify-content: center;
        padding-left: 0%
    }
	.page--btn-c img{
		width: 160px;
        margin: 10px;
    }
	.page--btn-c a{
		text-decoration-line: none;
	}
	.page--btn-c a:hover{
		opacity: 0.4;
        filter: brightness(110%);
		transition: 0.3s;
	}
}

@media only screen and (max-width:519px){
    .page--btn-contents{
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"
    }
    .page--btn-contents p{
        color: #78a4ab;
        padding: 10px 0;
        width: 95%;
        margin: 0 auto 20px;
        font-size: 5.5vw;
        letter-spacing: 2px;
        border-bottom: solid 1px #78a4ab;
        width: 60%;
        padding-bottom: 15px;
    }

    .page--btn-o{
        display: flex;
        width: 100%;
        justify-content: center;
        margin: 30px auto 40px;
    }
    .page--btn-o li{
        background-color: #66a480;
        height: 29vw;
        width: 29vw;
        border-radius: 50%;
        line-height: 29vw;
        text-align: center;
        margin: 0 5px;
        font-size: 3.6vw;
    }
    .page--btn-o li:nth-child(2){
        background-color: #679692;
    }
    .page--btn-o li a{
        text-decoration: none;
        color: #fff;
        display: block;
    }
    .page--btn{
        display: flex;
        flex-wrap: wrap;
        width: 90%;
        margin: 0 auto;
        justify-content: center;
        padding-left: 0%
		}
	.page--btn img{
		width: 45vw;
        padding: 6px;
		}
	.page--btn a{
		text-decoration-line: none;
	}
    .page--btn-c{
        display: -ms-grid;
		display: grid;
        width: 95%;
		gap: 10px;
		grid-template-columns: repeat(3,1fr);
		margin: 0 auto 40px;
        padding: 0 5px;
    }
	.page--btn-c img{
		width: 100%;
        margin-bottom: -5px;
    }
	.page--btn-c a{
		text-decoration-line: none;
	}
    .all-btn{
        background-color: #96abaf;
        width: 93%;
        margin: -20px auto 30px;
    }
    .all-btn a{
        display: block;
        color: #fff;
        font-size: 15px;
        padding: 10px 50px;
    }
    
}
	
	


/*-------フッター--------*/
@media only screen and (min-width:1025px) {
	/*	ライン*/
	.page--line{
		border-bottom: solid 1px #2E170C ;
	}

	/*	フューチャーエリア*/
	.page--feature-btn{
		width: 500px;
		margin: 50px auto 30px auto;
		border: solid 1px #2E170C;
		padding: 10px 10px;
	}
	.page--feature-btn:hover{
		border: solid 1px #7E7E7E;
		transition: 0.3s;
	}
	.page--feature-btn a{
		display: block;
		text-decoration-line: none;
	}
	.page--feature-btn a:hover{
		opacity: 0.5;
		transition: 0.3s;
	}

	/*	SNSボタンエリア*/
	.page--sns-btn{
		width: 600px;
		margin: 0 auto 50px auto;
	}
	.page--sns-btn img{
		width: 30px;
		margin: 10px 10px;
	}
	.page--sns-btn a{
		text-decoration-line: none;
	}

}

@media only screen and (min-width:520px) and (max-width:1024px) {
    /*	ライン*/
	.page--line{
		border-bottom: solid 1px #2E170C ;
	}

    /*	フューチャーエリア*/
	.page--feature-btn{
		width: 500px;
		margin: 50px auto 30px auto;
		border: solid 1px #2E170C;
		padding: 10px 10px;
	}
	.page--feature-btn:hover{
		border: solid 1px #7E7E7E;
		transition: 0.3s;
	}
	.page--feature-btn a{
		display: block;
		text-decoration-line: none;
	}
	.page--feature-btn a:hover{
		opacity: 0.5;
		transition: 0.3s;
	}
	
    /*	SNSボタンエリア*/
	.page--sns-btn{
		width: 600px;
		margin: 0 auto 50px auto;
	}
	.page--sns-btn img{
		width: 30px;
		margin: 10px 10px;
	}
	.page--sns-btn a{
		text-decoration-line: none;
	}
}
	
@media only screen and (max-width:519px){
	/*	ライン*/
	.page--line{
		width: 90%;
		margin: 30px auto 0;
		border-bottom: solid 1px #2E170C ;
	}

    /*	フューチャーエリア*/
	.page--feature-btn{
		width: 90%;
		margin: 35px auto 30px auto;
		border: solid 1px #2E170C;
		padding: 10px 10px;
	}
	.page--feature-btn a{
		display: block;
		text-decoration-line: none;
		font-size: 13px;
	}

    /*	SNSボタンエリア*/
	.page--sns-btn{
		width: 80%;
		margin: 0 auto 30px auto;
	}
	.page--sns-btn img{
		width: 25px;
		margin: 7px 7px;
	}
	.page--sns-btn a{
		text-decoration-line: none;
	}
	
}