@charset 'utf-8';



/* Q&A

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

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

	#qa .pagination{ position: relative; padding: 0; }

	.ffood__banner{ overflow: hidden; }

	.ffood__banner:before{ background: #FCEEE0; }

	.ffood__banner:after{ position: absolute; content: ''; width: 100%; height: 100%; background: url(../../img/qa/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: 0;left: 0;}

	.ffood__banner--title{ width: 100%; text-align: center; top: 30%; left: 0; }


	#news-table { width: 100%; border-collapse: collapse; border-bottom: none; }
	#news-table thead { display: none; }
	#news-table tbody tr { background: none; }
	#news-table tbody tr td:first-child { display: none; }
	#news-table tbody tr td { padding: 0; background: none; border-color: #707070; }
	#news-table_paginate { font-size: 15px; font-size: 1.5rem; text-align: center; float: none; width: 100%; position: absolute; bottom: -123px; left: 50%; transform: translate(-50%, 0px); }
	#news-table_paginate a { width: 46px; padding: 0.667em .5em; overflow: hidden; color: #000 !important; margin: 0 .25em; background: none; border: 1px solid #000; box-shadow: none; -webkit-border-radius: 50%; border-radius: 50%; }
	#news-table_paginate a.previous,
	#news-table_paginate a.next { text-indent: -200px; border: none; min-width: 130px; -webkit-border-radius: 50px; border-radius: 50px; }
	#news-table_paginate a.next { background: #EF9E4E url(../../img/share/next1.png) no-repeat center; background-size: 12px; }
	#news-table_paginate a.next:hover { background: #EF9E4E url(../../img/share/next1.png) no-repeat center; background-size: 12px; }
	#news-table_paginate a.previous { background: #EF9E4E url(../../img/share/prev1.png) no-repeat center; background-size: 12px; }
	#news-table_paginate a.previous:hover { background: #EF9E4E url(../../img/share/prev1.png) no-repeat center; background-size: 12px; }
	#news-table_paginate a.disabled { display: none; }
	#news-table_paginate a.current { color: #fff !important; border: 1px solid #000; background: #000; }
	#news-table_paginate a:hover { color: #fff !important; border: 1px solid #EF9E4E; background: #EF9E4E; }


	/* custom data table */
	#news-table_info,
	#news-table_length,
	#news-table_filter { display: none; }

/* Q&A CONTENT

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

	.qa{ position: relative; padding: 0 15px; margin-top: -22%; margin-bottom: 200px; }

	.qa__content{ position: relative; max-width: 1030px; margin: 0 auto;  padding: 20px 65px; background: #fff; border: 1px; border-radius: 10px; box-shadow: 0px 0px 15px -13px #000; z-index: 1; }

	.qa__content dl{ position: relative; display: flex; flex-wrap: wrap; flex-direction: column; padding-left: 43px; border-bottom: 1px solid #707070; cursor: pointer; font-size: 1.8rem; }

	.qa__content dl:last-child{ border-bottom: none; }

	.qa__content dl dt,dd{ display: flex; align-items: center; }

	.qa__content dl dt{ position: relative; height: 99px; }

	.qa__content dl dt:after{ position: absolute; content: ''; width: 14px; height: 6px; background: url(../../img/share/arrow-down.png)no-repeat center center; background-size: contain; left: calc(100% - 44px); top: 49px; transition: 0.8s ease; }

	.qa__content .on dt:after{ transform: rotate(180deg); }

	.qa__content dl dd{ display: none; align-items: flex-start; padding: 0 0 32px 32px; }

	.qa__content--img{ width: 50%; height: 0; padding-bottom: 20%; background: #D8BCBC; }

		/* QA NOTE */

			.q--note,.a--note{ min-width: 44px; min-height: 44px; display: flex; justify-content: center; align-items: center; margin-right: 24px; border: 1px; border-radius: 22px; color: #FFF; font-weight: bold; font-size: 2.2rem; }

			.q--note{ background: #469B20; }

			.a--note{ background: #EF9E4E; margin-top: 0.2em; }



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

#news-table_paginate { font-size: 1.15rem; text-align: center; float: none; position: absolute; bottom: -80px; left: 50%; transform: translate(-50%, 0px); }
#news-table_paginate a { width: 38px; padding: 0.767em .5em; overflow: hidden; color: #000 !important; margin: 0 .25em; background: none; border: 1px solid #000; box-shadow: none; -webkit-border-radius: 50%; border-radius: 50%; }
#news-table_paginate a.previous,
#news-table_paginate a.next { text-indent: -200px; border: none; min-width: 65px; -webkit-border-radius: 50px; border-radius: 50px; }
#news-table_paginate a.next { background: #EF9E4E url(../../img/share/next1.png) no-repeat center; background-size: 12px; }
#news-table_paginate a.next:hover { background: #EF9E4E url(../../img/share/next1.png) no-repeat center; background-size: 12px; }
#news-table_paginate a.previous { background: #EF9E4E url(../../img/share/prev1.png) no-repeat center; background-size: 12px; }
#news-table_paginate a.previous:hover { background: #EF9E4E url(../../img/share/prev1.png) no-repeat center; background-size: 12px; }
#news-table_paginate a.disabled { display: none; }
#news-table_paginate a.current { color: #fff !important; border: 1px solid #000; background: #000; }
#news-table_paginate a:hover { color: #fff !important; border: 1px solid #EF9E4E; background: #EF9E4E; }


/* Q&A

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

	.ffood__banner:after{ background: url(../../img/qa/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; }



	.qa{ margin: -20% 0 110px; }

	.qa__content{ padding: 0 11px; }

	.qa__content dl{ padding: 0 17px 0 6px; font-size: 1.2rem; }

	.qa__content dl dt{ height: 60px; }

	.qa__content dl dd{ padding: 0 0 20px 0; }

	.qa__content dl dt:before{  }

	.qa__content dl dt:after{ top: 30px; left: 100%; }

		/* QA NOTE */

			.q--note,.a--note{ min-width: 31px; min-height: 31px; margin-right: 17px; border-radius: 15.5px; font-size: 1.4rem; }

}