@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.2rem;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 ul{overflow:hidden;margin:0 auto;}
#asahi_cooking ul.photo {width:980px;}
#asahi_cooking ul.photo li{width:49%;float:left;}
#asahi_cooking ul.photo li:nth-child(2){float:right;}*/

#asahi_cooking .photo {width:890px;margin:0 auto;}
/*#asahi_cooking .photo img{border-radius: 1rem;}*/
#asahi_cooking .cooking_txt{width:870px;font-size:1.7rem;text-align:left;margin:0rem auto 1rem;line-height:170%;}
#asahi_cooking .cooking_txt h2{font-size:1.7rem;font-weight:bold;color:#c73730;border:1px solid #c73730;padding:0.5rem 1rem;display:inline-block;margin:0rem 0 1rem 0;}
#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 .summary{border:2px solid #bca391;overflow:hidden;margin:3rem auto 0;width:890px;font-weight:bold;padding:2rem 0 0rem;}
#asahi_cooking .summary h4{background-color:#fffecd;text-align:center;display:block;padding:2.5rem 1.5rem;margin:2.5rem 0 0rem;font-size:2.2rem;color:#e50011;}
#asahi_cooking .summary 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 .summary dt{float:left;width:20%;background-color:#e8e8e8;padding:1rem;display: grid; align-items: center;text-align:center;    position: relative;font-size:1.6rem;
    flex-direction: column;}
#asahi_cooking .summary 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 .summary dd span{font-size:1.4rem;}
#asahi_cooking .summary dd img{width:75%;}
#asahi_cooking .summary dd.day{font-size:1.8rem;color:#e50011;}
#asahi_cooking .summary .red{color:#c73730;}


#asahi_cooking .summary dl:nth-child(4) dd a{font-size:1.6rem;}
#asahi_cooking .summary dl:nth-child(8) dd{line-height:160%;}
#asahi_cooking .summary 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 .summary {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.8rem;width:100%;text-align:center;padding:1rem 0.5rem;margin:0rem 0 1rem 0;}
	#asahi_cooking .cooking_txt span{font-size:1.5rem;}
	#asahi_cooking .summary h4{font-size:1.8rem;padding:1.5rem 1rem;line-height:140%;}
	#asahi_cooking .summary dl{padding:0 1rem;}
	#asahi_cooking .summary dt{width:17%;padding:1rem 0.5rem;font-size:1.3rem;}

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



/*下から*/
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/*マウスオーバーでボタンを動かす*/
.btn_pulse, a.btn_pulse{display:inline-block;}
.hover_pulse{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.hover_pulse:hover{-webkit-animation-name:pulse;animation-name:pulse;}

@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}


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