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


h2{
	font-weight: 500;
	font-family: "Noto Sans JP";
}
.campaign_txt .campaign_txt_1 a{
	text-decoration: underline;
}



.campaign_txt_small_1 a{
	text-decoration: underline;
	word-break: break-all;
	display: inline-block;
}



.wrap{
	margin: 0 auto;
	width: 100%;
}
.campaign_part{
	margin: 0 auto;
	width: 100%;
	background: #EEEEEE;
}

.campaign_part_inner{
	max-width: 1100px;
	margin: 0 auto;

	padding: 0 50px 60px;
}
.campaign_item_list{
	display: flex;
	justify-content: space-between;
	padding: 20px 0 40px;
	max-width: 1100px;
	
	
}
.capaign_part_number{
	font-size: 50px;
     line-height: 1.2;
	padding-top: 60px;
	padding-bottom: 0;
	font-weight: 500;
	 font-family: "Noto Sans JP";
	 color: #ffffff;
}
.capaign_part_title{
	font-size: 30px;
	line-height: 1.2;
	padding-top:0;
	padding-bottom: 40px;
	 font-family: "Noto Sans JP";;
	 color: #ffffff;
}

.capaign_part_ttl{
	font-size: 30px;
	line-height: 1.5;
    padding: 0;
	 font-family: "Noto Sans JP";;

}





.title_blue{
	color:#879CF4;
}

.campaign_item_list li{
/*	width: calc((100% - 100px) / 5);*/
	width:  calc(20% - 25px * 4 / 5);
	list-style: none;
}
.campaign_txt_1{
	font-size: 16px;
	line-height: 1.8;
	padding-bottom: 15px;
	font-family: "Noto Sans JP";
	
}
.campaign_txt_small_1{
    font-size: 14px;
	line-height: 1.8;
	padding-bottom: 12px;	
}
.campaign_item_list_2{
	display: flex;
	padding:20px 0 45px;
	max-width: 440px;
	text-align: center;
	margin: 0 auto;
	
}
.campaign_item_list_2 li{
	list-style: none;
	
	text-align: center;
	margin: 0 auto;
	
}
.campaign_item_list_2 li:first-child{
	margin-right:25px;
}

.campaign_item_list_3{
	display: flex;
	padding:20px 0 45px;
max-width: 660px;
	justify-content: space-between;
	text-align: center;
	margin: 0 auto;
	
}
.campaign_item_list_3 li{
	list-style: none;
	width:  calc(33.333333% - 25px * 2 / 3);
	
	
}


.campaign_item_list_4{
	display: flex;
	padding:20px 0 45px;
    max-width: 1100px;
	justify-content: space-between;
	text-align: center;
	margin: 0 auto;
	
}

.campaign_part-02{
	text-align: center;
	
}

.campaign_part-02 img{
	width: 26% ;
	padding:20px 0 45px;
}

.campaign_part-04 img{
	width: 100% ;
}


.campaign_item_list_4 li{
	list-style: none;
	width:  calc(25% - 25px * 3 / 4);
	
}

.campaign_item_list_5{
	display: flex;
	padding:20px 0 45px;
    max-width: 100%;
	justify-content: space-between;
	text-align: center;
	margin: 0 auto;
	
}
.campaign_item_list_5 li{
	list-style: none;
	width:  calc(20% - 25px * 4 / 5);
	
}

.campaign_item_list_6{
	display: flex;
	padding:20px 0 45px;
    max-width: 100%;
	justify-content: space-between;
	text-align: center;
	margin: 0 auto;
	
}
.campaign_item_list_6 li{
	list-style: none;
	width:  calc(16.666667% - 25px * 5 / 6);
	
	
	
}
.module-product-list.product-list::before{
	/* width: 23.2%; */
}


.npo_kv{
	padding-bottom: 30px;
}

.inner_blue{
	background: #A0AFFB;
}
.inner_white{
	background: #FFFFFF;
/*	padding: 0 50px 60px;20250213*/
}



.campaign_btn{
	display: block;
    margin: 15px auto 0;
	text-align: center;
    background: #2a6c39;
	width: 100%;
	border-radius: 2px;
	
}
.campaign_btn a{
	display: block;
	font-size: 13px;
padding: 5px;
	color: #FFFFFF;
	text-decoration: none;
	
}


#js-timer{
	text-align: center;
	padding-bottom: 20px;
}







@media screen and (max-width: 768px){
	
	.campaign_part-02 img{
		width: 100% ;
}

   .campaign_part{
	padding: 0 20px;
}
	.campaign_part_inner{
    padding: 0 0 30px;
}	
	.campaign_item_list,.campaign_item_list_3{
	display: flex;
	justify-content: space-between;
	padding-bottom: 10px;
	flex-flow: wrap;

}	
.campaign_item_list::after{
  content:"";
  display: block;
  width:31%;
}
	
	.campaign_item_list li,.campaign_item_list_3 li{
	width:  calc(33.333333% - 20px * 2 / 3);
	padding-bottom: 20px;
		
}
	
  .capaign_part_number{
	font-size:45px;
    line-height: 1.2;
	padding-top: 30px;
	padding-bottom: 0;
	font-weight: 500;
}
.capaign_part_title{
	font-size: 30px;
	line-height: 1.2;
	font-weight: 500;
	padding-top:0;
	padding-bottom: 30px;

}
  .campaign_btn{
	display: block;
    margin: 20px auto 0;
	text-align: center;
    background: #2a6c39;
	width: 100%;
	
	
}

	
}
@media screen and (max-width: 550px){
	
.campaign_item_list,.campaign_item_list_3{
	display: flex;
	justify-content: space-between;
	padding-bottom: 10px;
	flex-flow: wrap;
	width: 100%;
}	
	.campaign_item_list li,.campaign_item_list_3 li{
	width: calc((100% - 20px) / 2);
	padding-bottom: 20px;
		
}
	
.campaign_item_list,.campaign_item_list_4{
	display: flex;
	justify-content: space-between;
	padding-bottom: 10px;
	flex-flow: wrap;
	width: 100%;
}	
	.campaign_item_list li,.campaign_item_list_4 li{
	width: calc((100% - 20px) / 2);
	padding-bottom: 20px;
		
}
		
	
	
	.campaign_txt_1{
	font-size: 14px;
	line-height: 1.7;
	padding-bottom: 12px;
	
	
}
	.campaign_txt_small_1{
		font-size: 12px;
		line-height: 1.7;
	}
	
  .capaign_part_title{
	font-size: 22px;
	
}
	.capaign_part_number{
		font-size:30px;
	}
	
	.capaign_part_ttl{
		font-size: 20px;
	}
	
	
	
	.campaign_btn a{
	font-size: 13px;
	
	
}

.product-list {
    padding: 0;
}

	
	
}

/* count用 */


.cdt_wrapper small {
    font-size: 1.6rem;
    font-weight:500;
    padding: 0 0.2em 0 0.2em;
}

.cdt {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	padding-bottom: 40px;
}

.cdt_txt {
    font-size: 1em;
    display: inline-block;
    margin-right: 0.3em;
    color:#ffffff;
}

.capaign_title_small {
	font-size: 30px;
}

@media screen and (max-width: 767px){
.capaign_title_small {
	font-size: 16px;
}
}

.cdt_txt span {
    display: block;
    font-size: 1.2rem;
    font-weight: 500;
}

.cdt_date {
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cdt_date small {
    color: #ffffff;
}

.cdt_num {
   
    color: #ffffff;

    font-weight: 500;
    padding: 0 0.1em;
}


@media screen and (max-width: 767px) {
    .cdt_date {
        font-size: 1rem;
    }
}

@media screen and (max-width: 600px) {
    .cdt_date small {
        font-size: 1.2rem;
    }
    .cdt_txt span {
        font-size: 1rem;
    }
    .cdt_date {
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 480px) {
    .cdt_date small {
        font-size: 1rem;
    }
    .cdt_txt span {
        font-size: 1rem;
    }
    .cdt_date {
        font-size: 1.4rem;
    }
}