@charset 'utf-8';

/* TOP BANNER */
	.ffood__banner:before{ background: url(../../img/main/slide4.jpg)no-repeat center center; background-size: cover;  }
	.ffood__banner__opa{ padding-bottom:  0; height: 48vh; }
	.ffood__banner__opa:after{ height: 15%; }
	.ffood__banner__opa:before{ height: 0; }

/* CATEGORY */
	.cate{ max-width: 1230px; margin: 50px auto 0; padding: 0 15px; }
	.cate__block{ position: absolute; max-width: 1000px; width: 100%; display: flex; align-items: center; padding: 8px 37px; background: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%); border: transparent; border-radius: 10px; box-shadow: 0px 0px 20px -6px #707070; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.cate__block--icon{ width: 182px; min-height: 182px; display: flex; justify-content: center; align-items: center; text-align: center; }
	.cate__block--icon img{ max-height: 100px; object-fit: contain; }
	.cate__block--title{ position: relative; width: calc( 100% - 182px ); display: flex; flex-wrap: wrap; flex-direction: column; margin: 0 0 0 auto; overflow: hidden; }
	.cate__block--title-t{ display: flex; align-items: center; margin-bottom: 25px; font-size: 2.8rem; line-height: 1; }
	.cate__block--title-t small{ margin-left: 20px; color: #EF9E4E; font-size: 1.4rem; }
	.cate__block--title > p{ font-size: 1.4rem; line-height: 1.85; }
	.cate__block--title-desc { font-size: 1.4rem; line-height: 1.85; max-width: 620px; display: block; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

@media screen and (max-width: 768px){
	.ffood__banner__opa{ height: 228px; }

/* CATEGORY */
	.cate{ max-width: 100%; margin: 50px auto 0; padding: 0 15px; }
	.cate__block{ max-width: 100%; width: calc(100% - 30px); height: auto; padding: 34px 20px 24px; border-radius: 8px; }
	.cate__block--title{ width: 100%; height: 100%; margin:0; padding-right: 0; }
	.cate__block--icon{ position: absolute; width: 64px; min-height: 64px; left: 25px; top: 14px; }
	.cate__block--icon img{ max-width: 60px; max-height: 60px; }
	.cate__block--title-t{ width: fit-content; display: flex; flex-direction: column; align-items: center; margin: 0 0 25px 80px; font-size: 2rem; line-height: 1; }
	.cate__block--title-t small{ margin : 10px 0 0 0; font-size: 1rem; }
	.cate__block--title-p{ font-size: 1.4rem; line-height: 1.85; }
	.cate__block--title-desc { font-size: 1.2rem; line-height: 1.8181; }
}