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

		.mailmag_ttl{margin:20px auto 20px;width:738px;}
		.mailmag_4benefits{width:720px;margin:0 auto;overflow:hidden;}


		.cam{width:100%;  flex-wrap: wrap;;padding:0px;overflow:hidden;}
        .cam li {border:3px solid #400000;border-radius: 10px;padding:15px;overflow:hidden;color:#400000;flex-basis: 43%;text-align:left;}
        .cam li p{font-weight:bold;font-size:1.8rem;line-height:150%;}
		.cam li img{float:left;width:100px;margin:0 10px 0 0;border-radius: 50%;}
		/*.cam p{width:80%;float:right;font-size:1.7rem;line-height:160%;text-align:left;}*/
		.cam b{font-size:2.0rem;font-weight:bold;display:block;margin:5px 0;line-height:120%;}
        .cam span{font-size:1.2rem;margin:5px 0;text-align:left;display: inline-block;line-height:120%;}

		.cam a{color:#4234ff !important;}
        ul.benefits{width:100%;margin:20px auto 30px;padding:0px;overflow:hidden;flex-wrap: wrap;}
        ul.benefits li{border:3px solid #400000;color:#400000;border-radius: 10px;padding:15px 0px;font-size:2.2rem;line-height:120%;flex-basis: 22%;text-align:center;font-weight:bold;}　
        ul.benefits li:last-child{margin:0;}


        .form_txt{width:100%;font-size:2.5rem;text-align:center;padding:60px 0 0px;line-height:160%;}

		.asahi_kitchen{background-color:#ebe47b;text-align:center;margin:0 auto;padding:40px 0px 0px;width:880px;}

		.asahi_kitchen .description{background-color:#FFF;border:10px solid #c6b368;padding:20px 0px 0;margin:0 auto;width:89%;}
		.asahi_kitchen .description p{font-size:1.8rem;width:94%;margin:5px auto 10px;text-align:left;line-height:180%;font-weight:bold;}
        .asahi_kitchen .description p span{color:#c60000;}

		.asahi_kitchen .description h2{margin:0;}
		.asahi_kitchen .description h2 img{width:auto;}

		.asahi_kitchen .txt{width:88%;padding:40px 0 5px 0;font-size:2rem;margin:0 auto;font-weight:bold;line-height:130%;}

		.accordion{width:800px;margin:0 auto;padding:0px 40px 20px;background-color:#ebe47b;}
		.accordion img{width:100%;margin:0 auto;}

		


.mm_btn_area{font-size:1.8rem;text-align:center;margin:20px 0 40px;}
.mm_btn{background-color:#f17d00;padding:20px 15px;border-radius: 35px;text-align:center;font-weight:bold;color:#FFF;font-size:2rem;
			text-decoration:none;display:block;width:360px;margin:10px auto 20px;}

.mm_btn_area .mm_btn{position:relative;background-color:#e93527;}
.mm_btn_area .mm_btn::before{content:"";width: 8px;height: 8px;border-top: 4px solid #fff;border-right: 4px solid #fff;-webkit-transform: rotate(45deg);position: absolute;
	top:calc( 45% - 3px );right: 30px;transform: rotate(135deg);}

.mm_btn_area a{color:#FFF !important;text-decoration:none !important;}

.new_user .section_form{border: 10px solid #ffe2c3;}

.right_arrow{position:relative}
.right_arrow:before{position:absolute;top:48%;right:20px;content:"";-webkit-transform:rotate(45deg) translateY(-50%);-ms-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%)}
.right_arrow:before {width: 8px; height: 8px; border-top: 4px solid #FFF; border-right: 4px solid #FFF;}

/*accordion*/
		
.toggle {
	display: none;
}
.Label {
	cursor:pointer;
	display: block;
	color: #fff;
	background-color:#c60000;
}
.Label::before{	
	content:"";
	width: 10px;
	height: 10px;
	border-top: 6px solid #fff;
	border-right: 6px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 45% - 3px );
	right: 30px;
	transform: rotate(135deg);

}
.Label,
.content {padding:0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {
	height: 0;
	margin:10px 0 10px;
	padding:0;
	overflow: hidden;
}
.toggle:checked + .Label + .content {
	height: auto;
	padding:0 ;
	transition: all .3s;
	border:8px solid #c4bb6f;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}		



/*@media screen and (max-width: 980px) {
  		body{padding:0;width:100%;}	 
		.wrapper{width:100%;padding:0;}
}*/
@media screen and (max-width: 880px) {
		.asahi_kitchen{width:100%;padding:20px 0 0 0;}
}


		@media screen and (max-width: 836px) {
		.new_user .section h2{margin:0;}

		.new_user .section_inner img{width:100%;} /*.wrapper img{width:100%;}	*/
		.mailmag_ttl{width:98%;margin:20px auto 15px;}	
		.mailmag_4benefits{width:100%;}	
		.mailmag_4benefits .cam img{width:100px;}

       
		.mm_btn_area{width:100%;margin:10px auto 25px;padding:0;font-size:1.6rem;}
		.mm_btn{width:80%;padding:15px 0;font-size:1.8rem;margin:5px auto 20px;}
        
			

		.asahi_kitchen .description{width:90%;border:5px solid #c6b368;padding:10px 0 0 0;}
		.asahi_kitchen p.txt{font-size:1.2rem;}	
		.asahi_kitchen .description p{font-size:1.4rem;line-height:160%;width:90%;}
		.asahi_kitchen .description h2{padding:0;}	
		.asahi_kitchen .description h2 img{width:90%;}
		.asahi_kitchen .txt{font-size:1.6rem;}
			
		.accordion{width:100%;padding:0;}
		.content {height:0;margin:0;} 
			
		.pcOnly{display:none !important;}
		.spOnly{display:inline-block;width:100%;}

		.cam li{width:90%;padding:10px 8px 8px;border:3px solid #400000;margin:0 auto 10px;font-size:1.5rem;font-weight:bold;}	
		.cam li p{width:68%;float:right;font-size:1.7rem;line-height:140%;}	
		.mailmag_4benefits .cam img{width:90px;}
		.cam span{font-size:1rem;margin:5px 0 0 0;}
		.cam li img{margin:0;}
		.form_txt{font-size:1.7rem;padding:40px 0 0px;}
			
		 ul.benefits{width:94%;margin:0 auto;}	
		 ul.benefits li{padding:10px 0;border:3px solid #400000;margin-bottom:20px;font-size:1.7rem;}
		.Label {margin:0px;border-bottom:5px solid #dcd27d;}	
		.Label::before{	
	content:"";
	width: 10px;
	height: 10px;
	border-top: 6px solid #fff;
	border-right: 6px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 45% - 3px );
	right: 15px;
	transform: rotate(135deg);

}


		}

/* 点滅 */
.blinking{animation: tikatika 1.3s step-end infinite;}

@keyframes tikatika {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}