@charset 'utf-8';



#footer{  }



/* RESULT banner

------------------------------------------------ */

	#result{ width: 100%; height: 100%; }

	.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; }



/* RESULT CONTENT

------------------------------------------------ */

	.result{ position: relative; padding: 0 15px; margin-top: -21%; }

	.result__content{ max-width: 1200px; margin: 0 auto 60px; }

	.result__content table{ width: 100%; display: block; flex-direction: row; border-collapse: collapse; }

	.result__content table tbody { display: block; }

	.result__content table tr { position: relative; min-height: 200px; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px; padding: 20px 36px 20px 28px; background: #fff; border-radius: 8px; box-shadow: 0px 0px 20px -6px rgb(0 0 0 / 16%); }

	.result__content table tr th { width: 505px; display: flex; align-items: center; word-break: break-all; }

	.result__content table tr th:after { content: ''; display: block; width: 1px; height: calc( 100% - 40px ); position: absolute; left: 100px; top: 20px; background: #B7B7B7; }

	.result__content table tr td { width: calc(100% - 505px); height: 100%; display: flex; flex-wrap: wrap; align-items: center; }

		/* INSIDE TH */

			.num{ height: 100%; display: inline-flex; align-items: center; width: 72px; color: #FFB865; font-size: 3.5rem; font-weight: bold; }

			.cont--title { display: flex; flex-wrap: wrap; align-items: center; width: calc( 100% - 72px ); padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

			.cont--title-t { width: calc( 100% - 176px ); margin-left: 30px; text-align: left; font-size: 2.4rem; }

			.cont--title .vase { width: 146px; }

			/*.cont--title .vase img{ height: 120px; margin-right: 20px; object-fit: cover; }*/



		/* INSIDE TD */

			.content__desc{ font-size: 16px; font-size: 1.6rem; line-height: 1.875; width: calc(100% - 221px); margin-right: 55px; position: relative; }

			/* .content__desc--p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } */
			/* .content__desc--note { position: absolute; left: 0; bottom: -150%; } */

			.content__desc--link{ width: 166px; height: 46px; background: linear-gradient(to right,#ef804e,#ef9e4e ); border-radius: 23px;  box-shadow: 0px 0px 20px -6px rgb(0 0 0 / 16%); }
			.content__desc--link.empty{background: #ccc;}

			.content__desc--link:hover{ opacity: 0.6; transition: 0.8s ease-in-out; } 

			.content__desc--link a{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 1.6rem; font-weight: bold; }



/* RETURN RESULT */

	.return--result{ max-width: 455px; height: 64px; margin: 0 auto; border-radius: 32px; box-shadow: 0px 0px 20px -6px rgb(0 0 0 / 16%); }

	.return--result a{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; }

	.return--result a img{ height: 17px; margin: 5px 18px 0 0; object-fit: contain; }



@media screen and (max-width: 768px){



	#result { position: relative; }

	#result:before { content: ''; width: 100%; height: 415px; display: block; position: absolute; top: -60px; left: 0; z-index: 0; background: url(../../img/result/bg_result_sp.png) no-repeat top center; background-size: 100% 100%; }



	/* RESULT banner

	------------------------------------------------ */

		.ffood__banner { padding: 35px 15px 65px; position: relative; top: 0; }

		.ffood__banner:after,

		.ffood__banner:before { content: none; }

		.ffood__banner--title { position: relative; top: 0; }

		.ffood__banner__opa { position: relative; top: auto; left: auto; padding: 0; height: auto; }

		.ffood__banner__opa:before,

		.ffood__banner__opa:after{ content: none; }



	/* RESULT CONTENT

	------------------------------------------------ */

		.result{ margin: 0 0 40px;  }

		.result__content{ max-width: 100%; margin: 0 auto 7.5px; }

		.result__content table tr{ height: auto; display: flex; flex-direction: column; padding: 20px 25px 45px 25px; border-radius: 7px; }

		.result__content table tr th{ position: relative; min-height: 46px; width: 100%; justify-content: center; margin-bottom: 35px; }

		.result__content table tr th:after { content: ''; display: block; width: 1px; height: calc( 100% - 20px ); position: absolute; left: 50px; top: 10px; background: #B7B7B7; }

		.result__content table tr td{ width: 100%;  flex-direction: column; }

			/* INSIDE TH */

				.num{ width: 50px; height: 100%; min-height: 57px; margin-right: 0; padding-right: 0; font-size: 2rem; }

				.cont--title{ padding: 0; padding-left: 27px; width: calc(100% - 50px); flex-direction: row-reverse; }

				.cont--title-t{ width: calc(100% - 100px); margin: 0; margin-right: 15px; display: inline-flex; text-align: left; font-size: 1.8rem; }

				.cont--title .vase { width: 85px; }



			/* INSIDE TD */

				.content__desc{ font-size: 14px; font-size: 1.4rem; width: 100%; margin: 0 0 18px; }

				/* .content__desc--p{ overflow: initial; display: -webkit-box; -webkit-line-clamp: initial; -webkit-box-orient: vertical; } */
				.content__desc--note { position: relative; bottom: auto; margin-top: 1em; }

				.content__desc--link{ width: 100%; height: 38px; border-radius: 19px; }

				.content__desc--link a{ font-size: 1.4rem; }



	/* RETURN RESULT */

		.return--result{ max-width: 455px; height: 64px; margin: 0 auto; border-radius: 32px; box-shadow: 0px 0px 20px -6px rgb(0 0 0 / 16%); }

		.return--result a{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; }

		.return--result a img{ height: 17px; margin: 5px 18px 0 0; object-fit: contain; }



}