/*----------------------------------------
	responsive.css
----------------------------------------*/

@media print, screen and (min-width: 769px) {
	.pc_none{ display: none; }
	.pc_clear{ clear:both; }
	.pc_center{ text-align:center; }
}/*END*/

@media screen and (max-width: 768px) {
	.tb_none{ display: none;}
	.tb_clear{ clear:both; }
	.tb_center{
		display: block;
		text-align: center;
	}
}/*END*/

@media screen and (max-width: 479px) {
	.sp_none{ display: none;}
	.sp_clear{ clear:both; }
	.sp_center{
		display: block;
		text-align: center;
	}
}/*END*/

.inline{ display: inline !important; }


/*----------------------------------------
	margin set
----------------------------------------*/

.m_b5{ margin-bottom:5px !important; }
.m_b8{ margin-bottom:8px !important; }
.m_b10{ margin-bottom:10px !important; }
.m_t5{ margin-top:5px !important; }
.m_t8{ margin-top:8px !important; }
.m_t10{ margin-top:10px !important; }
.p_t5{ padding-top: 5px; }
.p_t8{ padding-top: 8px; }
.p_t10{ padding-top: 10px; }
.p_b5{ padding-bottom: 5px; }
.p_b8{ padding-bottom: 8px; }
.p_b10{ padding-bottom: 10px; }

@media print, screen and (min-width: 769px) {

	.m_b15{ margin-bottom:15px !important; }
	.m_b20{ margin-bottom:20px !important; }
	.m_b25{ margin-bottom:25px !important; }
	.m_b30{ margin-bottom:30px !important; }
	.m_b35{ margin-bottom:35px !important; }
	.m_b40{ margin-bottom:40px !important; }
	.m_b45{ margin-bottom:45px !important; }
	.m_b50{ margin-bottom:50px !important; }
	.m_b60{ margin-bottom:60px !important; }
	.m_b70{ margin-bottom:70px !important; }
	.m_b80{ margin-bottom:80px !important; }
	.m_b90{ margin-bottom:90px !important; }
	.m_b100{ margin-bottom:100px !important; }

	.m_t15{ margin-top:15px !important; }
	.m_t20{ margin-top:20px !important; }
	.m_t25{ margin-top:25px !important; }
	.m_t30{ margin-top:30px !important; }
	.m_t40{ margin-top:40px !important; }
	.m_t45{ margin-top:45px !important; }
	.m_t50{ margin-top:50px !important; }
	.m_t60{ margin-top:60px !important; }
	.m_t70{ margin-top:70px !important; }

	.p_t12{ padding-top: 12px; }
	.p_t15{ padding-top: 15px; }
	.p_t20{ padding-top: 20px; }
	.p_t25{ padding-top: 25px; }
	.p_t30{ padding-top: 30px; }
	.p_t35{ padding-top: 35px; }
	.p_t40{ padding-top: 40px; }
	.p_t45{ padding-top: 45px; }
	.p_t50{ padding-top: 50px; }
	.p_t60{ padding-top: 60px; }
	.p_t70{ padding-top: 70px; }
	.p_t80{ padding-top: 80px; }
	.p_t100{ padding-top: 100px; }

	.p_b12{ padding-bottom: 12px; }
	.p_b15{ padding-bottom: 15px; }
	.p_b20{ padding-bottom: 20px; }
	.p_b25{ padding-bottom: 25px; }
	.p_b30{ padding-bottom: 30px; }
	.p_b35{ padding-bottom: 35px; }
	.p_b40{ padding-bottom: 40px; }
	.p_b50{ padding-bottom: 50px; }
	.p_b60{ padding-bottom: 60px; }
	.p_b70{ padding-bottom: 70px; }
	.p_b80{ padding-bottom: 80px; }
	.p_b90{ padding-bottom: 90px; }
	.p_b100{ padding-bottom: 100px; }


}/*END*/
@media screen and (max-width: 768px) {

	.m_b15{ margin-bottom:13px !important; }
	.m_b20{ margin-bottom:16px !important; }
	.m_b25{ margin-bottom:18px !important; }
	.m_b30{ margin-bottom:20px !important; }
	.m_b35{ margin-bottom:22px !important; }
	.m_b40{ margin-bottom:22px !important; }
	.m_b45{ margin-bottom:25px !important; }
	.m_b50{ margin-bottom:25px !important; }
	.m_b60{ margin-bottom:30px !important; }
	.m_b70{ margin-bottom:35px !important; }
	.m_b80{ margin-bottom:40px !important; }
	.m_b90{ margin-bottom:40px !important; }
	.m_b100{ margin-bottom:45px !important; }

	.m_t15{ margin-top:13px !important; }
	.m_t20{ margin-top:16px !important; }
	.m_t25{ margin-top:18px !important; }
	.m_t30{ margin-top:20px !important; }
	.m_t40{ margin-top:22px !important; }
	.m_t45{ margin-top:25px !important; }
	.m_t50{ margin-top:30px !important; }
	.m_t60{ margin-top:30px !important; }
	.m_t70{ margin-top:35px !important; }

	.p_t12{ padding-top: 11px; }
	.p_t15{ padding-top: 13px; }
	.p_t20{ padding-top: 16px; }
	.p_t25{ padding-top: 18px; }
	.p_t30{ padding-top: 20px; }
	.p_t35{ padding-top: 20px; }
	.p_t40{ padding-top: 22px; }
	.p_t45{ padding-top: 25px; }
	.p_t50{ padding-top: 25px; }
	.p_t60{ padding-top: 25px; }
	.p_t70{ padding-top: 30px; }
	.p_t80{ padding-top: 30px; }
	.p_t100{ padding-top: 45px; }

	.p_b12{ padding-bottom: 11px; }
	.p_b15{ padding-bottom: 13px; }
	.p_b20{ padding-bottom: 16px; }
	.p_b25{ padding-bottom: 18px; }
	.p_b30{ padding-bottom: 20px; }
	.p_b35{ padding-bottom: 20px; }
	.p_b40{ padding-bottom: 22px; }
	.p_b50{ padding-bottom: 25px; }
	.p_b60{ padding-bottom: 25px; }
	.p_b70{ padding-bottom: 30px; }
	.p_b80{ padding-bottom: 30px; }
	.p_b90{ padding-bottom: 40px; }
	.p_b100{ padding-bottom: 45px; }

	.p_t_none{ padding-top: 0 !important; }

}/*END*/


/*----------------------------------------
	img
----------------------------------------*/

img.respon{ width: 100%; }
img.respon90{ width: 90%; }
img.respon80{ width: 80%; }
img.respon70{ width: 70%; }
img.respon60{ width: 60%; }
img.respon50{ width: 50%; }

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

	img.tb_respon{ width: 100%; }
	img.tb_respon95{ width: 95%; }
	img.tb_respon90{ width: 90%; }
	img.tb_respon89{ width: 89%; }
	img.tb_respon88{ width: 88%; }
	img.tb_respon87{ width: 87%; }
	img.tb_respon86{ width: 86%; }
	img.tb_respon85{ width: 85%; }
	img.tb_respon84{ width: 84%; }
	img.tb_respon83{ width: 83%; }
	img.tb_respon82{ width: 82%; }
	img.tb_respon81{ width: 81%; }
	img.tb_respon80{ width: 80%; }
	img.tb_respon79{ width: 79%; }
	img.tb_respon78{ width: 78%; }
	img.tb_respon77{ width: 77%; }
	img.tb_respon76{ width: 76%; }
	img.tb_respon75{ width: 75%; }
	img.tb_respon74{ width: 74%; }
	img.tb_respon73{ width: 73%; }
	img.tb_respon72{ width: 72%; }
	img.tb_respon71{ width: 71%; }
	img.tb_respon70{ width: 70%; }
	img.tb_respon65{ width: 65%; }
	img.tb_respon60{ width: 60%; }
	img.tb_respon59{ width: 59%; }
	img.tb_respon58{ width: 58%; }
	img.tb_respon57{ width: 57%; }
	img.tb_respon56{ width: 56%; }
	img.tb_respon55{ width: 55%; }
	img.tb_respon54{ width: 54%; }
	img.tb_respon53{ width: 53%; }
	img.tb_respon52{ width: 52%; }
	img.tb_respon51{ width: 51%; }
	img.tb_respon50{ width: 50%; }
	img.tb_respon49{ width: 49%; }
	img.tb_respon48{ width: 48%; }
	img.tb_respon47{ width: 47%; }
	img.tb_respon46{ width: 46%; }
	img.tb_respon45{ width: 45%; }
	img.tb_respon44{ width: 44%; }
	img.tb_respon43{ width: 43%; }
	img.tb_respon42{ width: 42%; }
	img.tb_respon41{ width: 41%; }
	img.tb_respon40{ width: 40%; }
	img.tb_respon36{ width: 39%; }
	img.tb_respon38{ width: 38%; }
	img.tb_respon37{ width: 37%; }
	img.tb_respon36{ width: 36%; }
	img.tb_respon35{ width: 35%; }
	img.tb_respon34{ width: 34%; }
	img.tb_respon33{ width: 33%; }
	img.tb_respon32{ width: 32%; }
	img.tb_respon31{ width: 31%; }
	img.tb_respon30{ width: 30%; }
	img.tb_respon28{ width: 28%; }
	img.tb_respon25{ width: 25%; }
	img.tb_respon20{ width: 20%; }
	img.tb_respon15{ width: 15%; }
	img.tb_respon10{ width: 10%; }

}/*END*/

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

	img.sp_respon{ width: 100%; }
	img.sp_respon95{ width: 95%; }
	img.sp_respon90{ width: 90%; }
	img.sp_respon89{ width: 89%; }
	img.sp_respon88{ width: 88%; }
	img.sp_respon87{ width: 87%; }
	img.sp_respon86{ width: 86%; }
	img.sp_respon85{ width: 85%; }
	img.sp_respon84{ width: 84%; }
	img.sp_respon83{ width: 83%; }
	img.sp_respon82{ width: 82%; }
	img.sp_respon81{ width: 81%; }
	img.sp_respon80{ width: 80%; }
	img.sp_respon79{ width: 79%; }
	img.sp_respon78{ width: 78%; }
	img.sp_respon77{ width: 77%; }
	img.sp_respon76{ width: 76%; }
	img.sp_respon75{ width: 75%; }
	img.sp_respon74{ width: 74%; }
	img.sp_respon73{ width: 73%; }
	img.sp_respon72{ width: 72%; }
	img.sp_respon71{ width: 71%; }
	img.sp_respon70{ width: 70%; }
	img.sp_respon65{ width: 65%; }
	img.sp_respon60{ width: 60%; }
	img.sp_respon59{ width: 59%; }
	img.sp_respon58{ width: 58%; }
	img.sp_respon57{ width: 57%; }
	img.sp_respon56{ width: 56%; }
	img.sp_respon55{ width: 55%; }
	img.sp_respon54{ width: 54%; }
	img.sp_respon53{ width: 53%; }
	img.sp_respon52{ width: 52%; }
	img.sp_respon51{ width: 51%; }
	img.sp_respon50{ width: 50%; }
	img.sp_respon49{ width: 49%; }
	img.sp_respon48{ width: 48%; }
	img.sp_respon47{ width: 47%; }
	img.sp_respon46{ width: 46%; }
	img.sp_respon45{ width: 45%; }
	img.sp_respon44{ width: 44%; }
	img.sp_respon43{ width: 43%; }
	img.sp_respon42{ width: 42%; }
	img.sp_respon41{ width: 41%; }
	img.sp_respon40{ width: 40%; }
	img.sp_respon39{ width: 39%; }
	img.sp_respon38{ width: 38%; }
	img.sp_respon37{ width: 37%; }
	img.sp_respon36{ width: 36%; }
	img.sp_respon35{ width: 35%; }
	img.sp_respon34{ width: 34%; }
	img.sp_respon33{ width: 33%; }
	img.sp_respon32{ width: 32%; }
	img.sp_respon31{ width: 31%; }
	img.sp_respon30{ width: 30%; }
	img.sp_respon28{ width: 28%; }
	img.sp_respon25{ width: 25%; }
	img.sp_respon20{ width: 20%; }
	img.sp_respon15{ width: 15%; }
	img.sp_respon10{ width: 10%; }

}/*END*/

/*----------------------------------------
	break
----------------------------------------*/

@media print, screen and (min-width: 769px) {
	.pc_break span{ display:block; }
}/*END*/

@media screen and (max-width: 768px) {
	.tb_break span{ display:block; }
}/*END*/

@media screen and (max-width: 479px) {
	.sp_break span{ display:block; }
	.sp_inline span{ display: inline; }
}/*END*/


/*----------------------------------------
	text
----------------------------------------*/

@media screen and (max-width: 768px) {
	.data-label:before{
		content:attr(data-label);
		font-weight:bold;
		font-size:1.6rem;
		color:#362e2b;
	}
}/*END*/