@charset "utf-8";


/*cooking*/
#asahi_cooking{width:100%;text-align:left;letter-spacing: 0.08em;}
#asahi_cooking .title01{margin:0 auto;font-size:4rem;text-align:center;font-weight:900;font-family: 'Noto Sans JP', sans-serif;background-color:#c73730;color:#FFF;padding:1.5rem;display:block;line-height:140%;}
#asahi_cooking .title02{text-align:center;font-weight:400;font-family: 'Noto Sans JP', sans-serif;font-size:3.2rem;display:block;line-height:120%;margin:2rem auto 0;width:890px;color:#000;padding:1rem 1rem 0.5rem;}
#asahi_cooking h1{font-weight:900;font-family: 'Noto Sans JP', sans-serif;text-align:center;font-size:3.8rem;line-height:120%;margin:0 auto 2.5rem;background-color:#fff2f7;width:890px;padding:1.5rem;color:#540900;}
#asahi_cooking h1 span{display:inline-block;font-size:4.6rem;}



#asahi_cooking .photo {width:890px;margin:0 auto;}
#asahi_cooking .cooking_txt{width:870px;font-size:1.7rem;text-align:left;margin:0rem auto 1rem;line-height:190%;}
#asahi_cooking .cooking_txt h2{font-size:1.9rem;font-weight:bold;color:#c73730;border:1px solid #c73730;padding:0.5rem 1.5rem;display:inline-block;margin:0rem 0 1rem 0;background-color: #fff2f7;}
#asahi_cooking .cooking_txt span{font-weight:bold;display:block;margin:1rem 0 0 0;font-size:1.7rem;line-height:160%;}

#asahi_cooking ul.cooking_photo {width:870px;margin:2rem auto;overflow:hidden;}
#asahi_cooking ul.cooking_photo li{width:15%;float:left;margin:0.8%;text-align:center;}
#asahi_cooking ul.cooking_photo li:last-child{margin:0.3% 0 0.3% 0.8%;}

#asahi_cooking .content{overflow:hidden;margin:0rem auto 0rem;width:100%;font-weight:bold;padding:2rem 0 0 0;}
#asahi_cooking .content h4{background-color:#fffecd;text-align:center;display:block;padding:1rem 1.5rem;margin:1rem 0 0rem;font-size:2rem;color:#e50011;font-weight:bold;}
#asahi_cooking .content dl{width:100%;overflow:hidden;margin:0 0 1.5rem;padding:0 3rem; border-collapse: separate;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;}
#asahi_cooking .content dt{float:left;width:20%;padding:1rem;display: grid; align-items: center;text-align:center;    position: relative;font-size:1.6rem;
    flex-direction: column;}
#asahi_cooking .content dd{float:right;width:77%;line-height:170%; border-spacing: 1rem 0;margin:0 0 0 2%;padding:1rem;font-size:1.8rem;
    position: relative;
    /* display: flex; */
    flex-direction: column;}
#asahi_cooking .content dd span{font-size:1.4rem;display:block;line-height:160%;margin:0.7rem 0 0 0;font-weight:normal;}
#asahi_cooking .content dd img{width:75%;}
#asahi_cooking .content dd.day{font-size:1.8rem;color:#e50011;}
#asahi_cooking .content .red{color:#c73730;}


#asahi_cooking .content dl:nth-child(4) dd a{font-size:1.6rem;}
#asahi_cooking .content dl:nth-child(8) dd{line-height:160%;}
#asahi_cooking .content a{color:#4347ff;font-size:1.8rem;margin:0rem 0.5rem 0 0rem;display:inline-block;}

#asahi_cooking .left{float:left;border-radius: 0.5rem;margin:0 2rem 2rem 0;}

.cook {
    font-size: 1.4rem;
    background-color: #e56599 !important;
    border: 1px solid #e56599 !important;
    color: #FFF !important;
    margin: 1.5rem 0 0.5rem;
	display: inline-block;
}

#asahi_cooking .dr{text-align:center;margin:5rem 0 0 0;font-weight:bold;font-size:2rem;line-height:160%;color:#d64673;}

@media screen and (max-width: 890px) {
	#asahi_cooking .title01{width:100%;font-size:2rem;padding:1rem 0;}
	#asahi_cooking .title02{font-size:1.7rem;margin:1rem 0 0 0;width:100%;}
	#asahi_cooking .cooking_txt{width:100%;font-size:1.5rem;}
	#asahi_cooking ul.cooking_photo{min-width: 890px;}
	#asahi_cooking .scroll{overflow-x: auto;}
	#asahi_cooking .photo{width:100%;}
	#asahi_cooking .photo img{border-radius: 0.5rem;}
	/*#asahi_cooking ul.photo {width:100%;}
	
	#asahi_cooking ul.photo li{width:80%;float:none;text-align:center;margin:0 auto 2rem;}
	#asahi_cooking ul.photo li:nth-child(2){width:80%;float:none;text-align:center;margin:0 auto;}*/
	#asahi_cooking .content {width:100%;}
	#asahi_cooking h1{font-size:2.4rem;margin:0rem 0 1.5rem;width:100%;padding:1rem;line-height:140%;}
	#asahi_cooking h1 span{display:block;font-size:2.6rem;}
	#asahi_cooking ul.cooking_photo{width:610px;min-width:610px;}

	#asahi_cooking .cooking_txt h2{font-size:1.7rem;width:100%;text-align:center;padding:1rem 1rem;margin:0rem 0 1rem 0;}
	#asahi_cooking .cooking_txt span{font-size:1.5rem;}
	#asahi_cooking .content h4{font-size:1.7rem;padding:2rem 1rem;line-height:160%;}
	#asahi_cooking .content dl{padding:0 1rem;}
	#asahi_cooking .content dt{width:17%;padding:1rem 0.5rem;font-size:1.3rem;}

	#asahi_cooking .content dd{line-height:160%;width:80%;font-size:1.5rem;padding:0 0 0 0.5rem;}
	#asahi_cooking .content dd span{font-size:1.4rem;font-weight:normal;display:block;line-height:140%;}
	#asahi_cooking .content dd.day{font-size:1.6rem;line-height:180%;}
	#asahi_cooking .content dd img{width:100%;}
	#asahi_cooking .content a{font-size:1.6rem;}
	
	#asahi_cooking .content dl:nth-child(2) dd{padding:0.5rem 0 0 0.5rem;}
	#asahi_cooking .content dl:nth-child(6) dd{padding:1.5rem 0 0 0;}
	
	#asahi_cooking .dr{margin:3rem 0 2rem 0;font-size:1.6rem;}
}


hr {
 height: 3px;
 background-color: #714545;
 width: 100%;
 border: none;
}

   /*accordion*/

   #open{height:auto !important;border: 2px solid #bca391;} 

	#asahi_cooking .accordion{width:90%;margin:1rem auto 0;}

    .toggle {
    	display: none;
    }
    .Label {font-size:1.6rem;border-radius: 0.5rem;
    	padding: 2rem;
    	display: block;

		text-align:center;
		font-weight:bold;
		cursor:pointer;
    }

    .Label::before{/*タイトル横の矢印*/
    	content:"";
    	width: 10px;
    	height: 10px;
    	border-top: 3px solid #fff;
    	border-right: 3px solid #fff;
    	-webkit-transform: rotate(45deg);
    	position: absolute;
    	top:calc( 50% - 10px );
    	right: 20px;
    	transform: rotate(135deg);
    }
    .Label,
    .content {
    	-webkit-backface-visibility: hidden;
    	backface-visibility: hidden;
    	transform: translateZ(0);
    	transition: all 0.3s;
    }

    .content {/*本文*/
    	height: 0;
    	margin-bottom:10px;
    	padding:0 20px;
    	overflow: hidden;
    }
    .toggle:checked + .Label + .content {/*開閉時*/
    	height: auto;
    	padding:20px ;
    	transition: all .3s;
    }
    .toggle:checked + .Label::before {
    	transform: rotate(-45deg) !important;
    }

   .Label span{font-size:2.3rem;}

@media screen and (max-width: 736px) {
	#asahi_cooking .accordion{width:100%;}	
	.Label{font-size:1.2rem;padding:1rem 0.5rem;line-height:170%;}
	.toggle:checked + .Label + .content{padding:20px 0px;}	
	.Label span{font-size:1.7rem;}
}
.summary01 dt ,.summary01 .Label:hover,
.summary02 dt ,.summary02 .Label:hover{background-color:#666;}

.summary01 dt ,.summary01 .Label{background-color:#4eb8b6;color:#FFF;    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;}
.summary02 dt ,.summary02 .Label{background-color:#f38ba6;color:#FFF;    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;}
.summary03 dt ,.summary03 .Label{background-color:#60cf9c;color:#FFF;    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;}

@media screen and (max-width: 736px) {
.summary01 dt ,.summary01 .Label:hover{background-color:#4eb8b6;}
.summary02 dt ,.summary02 .Label:hover{background-color:#f38ba6;}
.summary03 dt ,.summary03 .Label:hover{background-color:#60cf9c;}	
}

/*youtube誘導*/
.youtube{width:882px;text-align:center;padding:0rem 0 2.5rem;margin:0rem auto;display:block;font-weight:bold;background-color:#ffe838;
}
.youtube img{width:auto;margin:0px 0 0 0;}
.youtube ul{display:block;width:96%;font-size:2rem;color:#000;padding:2rem 1rem 0rem 1rem;background-color:#fff7e4;overflow:hidden;margin:0 auto;line-height:160%;text-align:left;border-radius:0.5rem;}
.youtube ul li{width:48%;float:left;margin:1%;}
.youtube ul li h3{display:block;background-color:#ffd16a;padding:1rem 1rem 1rem 2rem;font-size:2.2rem;margin:0rem;border-radius:0.5rem;}
.youtube ul li p{display:block;padding:1rem;font-size:1.8rem;}
.youtube ul img{width:330px;display:block;margin:0rem auto 0.5rem;}
.youtube ul li a{color:#003cff;}


@media only screen and (max-width: 882px) {
	.youtube{width:100%;}
	.youtube img{width:100%;}
	.youtube ul{width:96%;margin:0 auto;padding:2rem 1rem 0;line-height:130%;}
	.youtube ul li{width:100%;float:none;margin:0;}
	.youtube ul img{width:70%;}
	.youtube ul li h3{font-size:1.6rem;padding:0.5rem 1rem 0.5rem 2rem;}
	.youtube ul li p{font-size:1.6rem;line-height:140%;}

}