@charset "utf-8";
/*.t_in{text-indent:-1em;padding-left: 1em;display: inline-block;}*/
.miw{min-width: 80px;text-align: right;}
.pt5{padding-top: 5px;}
.pb10{padding-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb0{margin-bottom: 0;}
.mtb10{margin: 10px 0;}

/*section01 section02 2clumn*/
.r_fl{float:right; width: 45%;}
.l_fl{float:left; width: 50%;}

/*campaign*/
div.campaign{width: 90%;  margin: 0 auto;border-radius: 20px;}
div.campaign_in{border-top:none;border-radius: 0 0 20px 20px;margin: -10px auto 0;border:#f22e3d 3px solid;width: 90%;}

.cam_ttl{background-color:#f22e3d;padding: 10px; text-align: center; border-radius: 14px 14px 0 0;}
img.sp_camp_ttl{display: none;}
.camp_ddt{width: 100%;margin: 0 auto;padding:20px 20px 15px;}
p.btn_sub{color: #0350a2;font-size: 140%;font-weight: bold;}
div.sp_camp{display: none;}
.copy{text-align: right;font-size: 90%;}

/*section02*/
div.self_chk{width: 90%;background-color: #fffce9;border-radius:10px;padding: 3% 5%;margin: 0 auto;}
.float_full02{width: 80%;margin: 0 auto;}
h4.chk_ttl{color:#ff9702;text-align: center;padding-bottom: 20px;}
span.ttl_bg{background: url("../img/no-30/icn_check.png") right center /32px no-repeat;border-bottom:#ff9702 dotted 5px;padding-right: 40px;}
ul.bg_c li{padding: 0 0 10px 35px;background:url("../img/no-30/check_box.png") left top /25px no-repeat; margin: 10px 0;min-width: 395px;}
ul.bg_c li:last-child{margin-bottom: 0;}
ul.r_fl02{float:right; width: 50%;}
ul.l_fl02{float:left; width: 45%;}

/*section03*/
br.br_pc{display: none;}
div.y_area{width: 100%;background-color:#fffce9;border-radius:10px;padding-bottom: 60px;}
div.health_care{padding-top: 40px;}
div.part_1{width: 90%;margin: 0 auto;padding: 20px 0 30px;;}
h5.ttl_sct3{color:#ff9702;padding: 10px 0;}
span.ttl_bg2{background: url("../img/no-30/sec03_icn1.png") left center /162px no-repeat;padding:10px 0 10px 168px;}
span.ttl_bg3{background: url("../img/no-30/sec03_icn2.png") left center /162px no-repeat;padding:10px 0 10px 168px;}
span.ttl_bg4{background: url("../img/no-30/sec03_icn3.png") left center /162px no-repeat;padding:10px 0 10px 168px;}

/*recip*/
div.recip{width: 90%;background-color: #ffffff;margin: 0 auto;border-radius:10px;padding: 50px 0 10px;}
h4.recip_ttl{text-align: center;background: url("../img/no-30/recip_ttl.png") left 300px top / 164px no-repeat;padding: 50px;}
span.recip_span{border-bottom:#ff9702 dotted 5px;color: #333333;}
img.pc_rcp_img{display: none;}
div.recip_fl{width: 100%;text-align: center;}
p.rcp_subttl{text-align: left;padding-left:40px;}
.rcp_txt{float:left; width: 55%;}
.rcp_img{float:right; width: 40%;padding-right: 40px;}
span.cl_o{color: #ff9702;padding-right: 3px;}
ul.rcp_food li,ul.rcp_foodr li{display:flex;justify-content: space-between;border-bottom: #d4d4d4 2px dashed;text-align: left;}
ul.rcp_food{float: left; width: 44%;}
ul.rcp_foodr{float: right; width: 54%;}
.rcp_howto{padding-top: 10px;background: url("../img/no-30/recip_img2.png") right 80px center / 140px no-repeat;padding:30px 0;}
.howto{padding-top: 10px;}
ul.howto > li{padding: 10px 0;}
.ft_b{font-weight: bold;font-size: 120%;padding-right: 10px;color: #ff9702;}



/*豆知識*/
.mame_fl{width: 100%;padding:10px 0;}
.mame_l{width: 90%;float: left;}
.mame_r{width:10%;float:right;}

@media screen and (max-width: 1230px) {
.float_full02{width: 100%;margin: 0 auto;}	
/*recip*/
h4.recip_ttl{text-align: center;background: url("../img/no-30/recip_ttl.png") left 180px top / 164px no-repeat;padding: 50px;}
.rcp_howto{background: url("../img/no-30/recip_img2.png")right 20px bottom 20px / 100px no-repeat;}
}

@media screen and (max-width: 991px)  {	
.camp_ddt{padding:20px 15px;}	
p.btn_sub{font-size: 100%;color: #0350a2;font-weight: bold;}	
.pt30{padding-top: 0;}	
img.pc_camp_ttl{display: none;}
img.sp_camp_ttl{display: block;padding: 20px 40px;}	

.float_full02{width: 60%;margin: 0 auto;}	
ul.l_fl02,ul.r_fl02{float:none; width: 100%;padding-left: 0;}
h4.recip_ttl{text-align: center;background: url("../img/no-30/recip_ttl.png") left 75px top 3px / 164px no-repeat;padding: 50px;}
.rcp_txt,.rcp_img{width: 100%;float:none;}
.rcp_txt{padding-top: 20px;}	
img.pc_rcp_img{display: block;margin: 0 auto;padding: 0 20px;}
img.sp_rcp_img{display: none;}	
p.rcp_subttl{padding-left: 20px;}	
ul.rcp_food,ul.rcp_foodr{width: 100%;float:none;padding:0 20px;}
.rcp_howto{background: url("../img/no-30/recip_img2.png")right 20px bottom 20px / 100px no-repeat;padding-bottom: 100px;}
.howto{padding:0 40px;}	
ul.howto > li{text-indent: -2em;
    padding-left: 1em;}
}

@media screen and (max-width: 767px)  { /* 767px以下用（タブレット／スマートフォン用）の記述 */
div.pc_camp{display: none;}	
div.sp_camp{display: block;text-align: center;padding:0 20px 20px;}	
img.sp_camp_ttl{display: block;padding: 20px;}		
/*section01 section02  2clumn*/	
.r_fl,.l_fl{float:none; width: 100%;}
/*section02*/	
div.self_chk{width: 100%;margin: 0 auto;}
div.float_full02{width: 80%;}
ul.l_fl02,ul.r_fl02{float:none; width: 100%;}
	
/*recip*/
h4.recip_ttl{text-align: center;background: url("../img/no-30/recip_ttl.png") left 50px top / 25% no-repeat;padding: 35px;}	
	.rcp_howto{background: url("../img/no-30/recip_img2.png")right 20px bottom / 100px no-repeat;}
/*豆知識*/	
.mame_l{width: 100%;float:none;margin: 0%;}
.mame_r{width:100%;float:none;margin:0; padding-top: 30px;text-align: center;}	
}
@media screen and (max-width: 480px){
.ft_size{font-size: 75%;}	
p.sp_txl{text-align: left;}	
img.sp_camp_ttl{display: block;padding: 15px;}	
div.float_full02{width: 85%;}	
ul.bg_c li{min-width: 0;}
/*section03*/
div.health_care{padding-top: 20px;}
br.br_sp{display: block;}	
span.ttl_bg2{background: url("../img/no-30/sec03_icn1.png") left center /162px no-repeat;padding:40px 0 10px 168px;}
span.ttl_bg3{background: url("../img/no-30/sec03_icn2.png") left center /162px no-repeat;padding:35px 0 10px 168px;}
span.ttl_bg4{background: url("../img/no-30/sec03_icn3.png") left center /162px no-repeat;padding:35px 0 10px 168px;}	
h5.ttl_sct3{color:#ff9702;padding:25px 0 0;}	
/*recip*/
h4.recip_ttl{text-align: center;background: url("../img/no-30/recip_ttl.png") left 50px top / 30% no-repeat;padding: 40px;}	
.howto{padding:0 20px 0 35px;}	
}