@charset "utf-8";
/* 
サイト固有の記述
*/

/* 全体（色系）*/
body {
    .non_thum_list li:first-child {
        border-top: solid 1px #ccc;
    }

    .infobox h4 {
        border-bottom: solid 1px #ccc;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .gnav .gnav__inr .header-drawer-nav li a {
        font-size: 16px;
    }

    .category-list li a:hover {
    border: solid 1px #333;
    background-color: #333;
    color: #fff;
}
}

/* モニター以上*/
@media screen and (min-width: 1560px) {
    body {
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        header ul.links_sns {
            margin-left: 0;
        }

        .tp_sec01 .layout_a .imgbox {
            width: 55%;
        }

        .tp_sec07 .layout_b .txtbox {
            margin-left: 60px;
        }

        .tp_sec07 .layout_a .txtbox {
            margin-right: 60px;
        }

        .tp_sec10 .box h3 {
            font-size: 24px;
        }
		
		main section .page_title .sv_ttl .jp_ttl {
			font-size: 28px;
		}
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        .tp_sec10 .box h3 {
            font-size: 18px;
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        .non_thum_list li {
            padding: 20px 15px;
        }

        .tp_sec03 .contents_wrap.w1360 p {
            padding: 0;
        }

        .contents_wrap {
            padding: 0px 5%;
        }

        .tp_sec10 .infobox {
            padding: 30px 5%;
        }

        footer .sp {
            margin-top: 30px;
        }
    }
}