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

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

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

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


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

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

    .m_b5{ margin-bottom:5px !important; }
    .m_b8{ margin-bottom:8px !important; }
    .m_b10{ margin-bottom:10px !important; }
    .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_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_b100{ margin-bottom:100px !important; }

    .m_t5{ margin-top:5px !important; }
    .m_t8{ margin-top:8px !important; }
    .m_t10{ margin-top:10px !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_t10{ padding-top: 10px; }
    .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_t50{ padding-top: 50px; }
    .p_t60{ padding-top: 60px; }
    .p_t70{ padding-top: 70px; }
    .p_t80{ padding-top: 80px; }

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

    .m_b5{ margin-bottom:5px !important; }
    .m_b8{ margin-bottom:8px !important; }
    .m_b10{ margin-bottom:10px !important; }
    .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_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_b100{ margin-bottom:45px !important; }

    .m_t5{ margin-top:5px !important; }
    .m_t8{ margin-top:8px !important; }
    .m_t10{ margin-top:10px !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_t10{ padding-top: 10px; }
    .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_t50{ padding-top: 25px; }
    .p_t60{ padding-top: 25px; }
    .p_t70{ padding-top: 30px; }
    .p_t80{ padding-top: 30px; }

    .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_respon90{ width: 90%; }
    img.tb_respon85{ width: 85%; }
    img.tb_respon80{ width: 80%; }
    img.tb_respon75{ width: 75%; }
    img.tb_respon70{ width: 70%; }
    img.tb_respon65{ width: 65%; }
    img.tb_respon60{ width: 60%; }
    img.tb_respon55{ width: 55%; }
    img.tb_respon50{ width: 50%; }
    img.tb_respon45{ width: 45%; }
    img.tb_respon40{ width: 40%; }
    img.tb_respon35{ width: 35%; }
    img.tb_respon30{ width: 30%; }
    img.tb_respon25{ width: 25%; }
    img.tb_respon20{ width: 20%; }
    img.tb_respon10{ width: 10%; }
}

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

    img.sp_respon{ width: 100%; }
    img.sp_respon90{ width: 90%; }
    img.sp_respon85{ width: 85%; }
    img.sp_respon80{ width: 80%; }
    img.sp_respon75{ width: 75%; }
    img.sp_respon70{ width: 70%; }
    img.sp_respon65{ width: 65%; }
    img.sp_respon60{ width: 60%; }
    img.sp_respon55{ width: 55%; }
    img.sp_respon50{ width: 50%; }
    img.sp_respon45{ width: 45%; }
    img.sp_respon40{ width: 40%; }
    img.sp_respon35{ width: 35%; }
    img.sp_respon30{ width: 30%; }
    img.sp_respon25{ width: 25%; }
    img.sp_respon20{ width: 20%; }
    img.sp_respon10{ width: 10%; }
}


/*----------------------------------------
	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;
    }
}/*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*/