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

    .recent {
        padding: 8vw 0 5vw;
    }
    .recent_flex {
        margin-top: 3vw;
    }
    .recent_box:nth-child(4n) {
        margin-right: 0;
    }
    .recent_box:nth-child(2n) {
        margin-right: 0;
    }
    .recent_box {
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 3%;
    }
    .recent_box_head {
        height: 35vw;
    }
    .recent_box_title a {
        font-size: 4.2vw;
    }
    .recent_box_tag {
        display: none;
    }
    
    .footerbq {
        font-size: 3vw;
    }
    .footer {
        padding: 5% 0;
    }
    .footersm {
        margin-top: 0;
        font-size: 3vw;
    }

    .page_common a {
        margin:0 4px 0;
        display: none;
        font-size: 3.74vw;
    }
    .page_common a.active {
        display: block;
    }
    .page_common a.pagebt {
        display: block;
        padding: 4px 9px;
    }
    .tpl_filter_section {
        display: none;
    }
    .tpl_text h1 {
        font-size: 6.4vw;
        margin-bottom: 8%;
    }
    .search {
        width: 95%;
    }
    .tpl_search {
        margin-bottom: 8%;
    }
    .recent_box_num {
        display: none;
    }
    .tpl_flex {
        margin: 5%;
    }
    .tpl_fl {
        width: 100%;
    }
    .tpl_fr {
        width: 100%;
    }
    .thumb {
        height: 50vw;
    }
    .pc_thumb {
        height: 50vw;
    }
    .mobile_thumb {
        width: 28vw;
        height: 56vw;
        right: 4vw;
        background-size: 28vw auto;
        padding: 3%;
    }
    .tpl_inner {
        margin-top: 15vw;
    }
    .mobile_thumb>div {
        height: 51vw;
    }
    .tpl_inner h1 {
        margin: 0 0 5vw;
        font-size: 4.8vw;
    }
    .desc {
        font-size: 3.74vw;
        margin-bottom: 5vw;
    }
    .price {
        font-size: 6.4vw;
        padding: 0 0 5vw;
    }
    .price span {
        font-size: 8.4vw;
    }
    .price i {
        font-size: 4.2vw;
    }
    .tpl_inner p {
        font-size: 4.2vw;
    }
    .tabs_fl {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 5vw;
    }
    .tabs_fl a {
        font-size: 4.2vw;
        margin-bottom: 0;
    }
    .tabs_fr {
        width: 100%;
    }
    .tabs_item {
        border-top: 1px solid #e0e0e1;
        margin-top: 8vw;
        padding-top: 8vw;
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .tabs_item h2 {
        font-size: 4.2vw;
        margin-bottom: 5vw;
    }
    .preview span {
        font-size: 4.2vw;
    }
    .preview img {
        width: .9rem;
        height: .9rem;
    }
    .template_text p {
        font-size: 4vw;
    }
    .template_felx {
        margin-top: 5vw;
    }
    .template_img p {
        font-size: 4.2vw;
        margin-bottom: 5vw;
    }
    .template_index {
        height: 60vw;
        padding: .8rem;
    }
    .faq_item_heading h2 {
        margin-bottom: 0;
    }
    .faq_item {
        padding: .8rem;
        margin-bottom: 5vw;
    }
    .faq_item_content p {
        font-size: 3.74vw;
        margin-bottom: 3%;
    }
    .tabs_item .recent_flex {
        flex-wrap: wrap;
    }
    .tabs_item .recent_box {
        width: 100%;
    }
    .tabs_item .recent_box .recent_box_head {
        height: 60vw;
    }
    .tpl_box {
        margin-bottom: 5vw;
        padding: .8rem;
    }
    .tpl_box p {
        font-size: 3.74vw;
    }
    .tpl_box h2 {
        margin-bottom: 3%;
    }

}