@charset 'utf-8';

/* post banner
------------------------------------------------ */
	.ffood__banner{ overflow: hidden; }
	.ffood__banner:before{ background: #F5FAEC; }
	.ffood__banner:after{ position: absolute; content: ''; width: 100%; height: 100%; background: url(../../img/result/bubble.png)no-repeat center center;background-size: cover; bottom: -16%; z-index: -1;}
	.ffood__banner__opa:after{ height: 15%; }
	.ffood__banner__opa:before{ height: 210px;background: url(../../img/share/banner--curve.png)no-repeat center center;background-size: cover;bottom: -1px; left: 0; }
	.ffood__banner--title{ width: 100%; text-align: center; top: 30%; left: 0; }

/* post
------------------------------------------------ */
	.post{ position: relative;  max-width: 1360px; margin: -40% auto 90px; padding: 0 80px; }
	.post__detail{ max-width: 100%; padding: 80px 100px; background: #fff; border: 1px solid transparent; border-radius: 8px; box-shadow: 0px 0px 20px -6px rgb(0 0 0 / 16%); }
	.post .list__block__desc--date span{ font-weight: 700;  }
	/* YOUTUBE */
	.post .wp-block-video,.post .wp-block-embed__wrapper{ display: block; position: relative; padding-bottom: 56.314%; /* 16:9 */ height: 0; }
	.post .wp-block-video > video{ width: 100%; }
	.post .wp-block-embed__wrapper > iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

	.post .post__detail--desc > p:first-child{ font-size: 2.6rem; margin-bottom: 30px; }
	.sub-title{ display: block; margin: 50px 0 25px; color: #EF734E; font-size: 2.2rem; }
	.post .post__detail--desc > p{ font-size: 1.8rem; line-height: 2; font-weight: normal; }
	h1{ font-size:3.0rem; font-weight:bold; margin-bottom:20px; }
	.tag{ color:#EF804E; font-size:1.2rem; }
@media screen and (max-width: 768px){

	/* post banner
	------------------------------------------------ */
		.ffood__banner:after{ background: url(../../img/result/bubble-sp.png)no-repeat center center; background-size: 121%; bottom: 0%; z-index: -1; }
		.ffood__banner--title{ top: 15%; }
		.ffood__banner__opa:before{ height: 20%; min-height: 75px; background: url(../../img/share/banner--curve.png)no-repeat center center; background-size: cover; bottom: -2px; left: 0; }

	/* post
	------------------------------------------------ */
	.post{ margin: -60% auto 90px; padding: 0 15px; }
	.post__detail{ padding: 25px; border-radius: 7px; }

	.post .post__detail--desc > p:first-child{ font-size: 1.7rem; margin-bottom: 20px; }
	.sub-title{ margin: 20px 0 15px; font-size: 1.6rem; }
	.post .post__detail--desc > p{ font-size: 1.3em; line-height: 1.73; }
	h1{ font-size:2.0rem; font-weight:bold; margin-bottom:20px;}
	.tag{ color:#EF804E; font-size:1.2rem; }

}