@charset "utf-8";

/* =================================
フォント

font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;


================================= */


/* =================================
		ホーム
================================= */
section.sec_area.single_sc01 {
    width: 100%;
    position: relative;
    background-image: url(../img/br-tnp-bg.jpg);
}

ul.news_ls_area h2 {
	margin: 40px 0 20px;
}

ul.news_ls_area h2 a {
    font-size: 172%;
    color: rgb(202, 56, 40);
}

ul.news_ls_area h2 a:hover {
    text-decoration: underline;
}

ul.news_ls_area {
    width: 100%;
    max-width: 960px;
    margin: 100px auto;
}

ul.news_ls_area li {
    padding: 50px 0;
    border-bottom: 2px solid #ddd;
}

p.blog_ex.ex_pc {
    font-size: 110%;
}

/* ページャー
=================== */
.pager {
    text-align: center;
    margin: 80px 0 80px;
}

.page-numbers {
    display: inline-block;
    text-align: center;
    width: 36px;
    height: 36px;
    line-height: 1;
    border: 1px solid black;
    padding-top: 7px;
    font-size: 128%;
	vertical-align: middle;
	box-sizing: border-box;
	color: black;
}

.page-numbers:hover {
    background: #ca3828; 
	border: none;
	color: white;
}

.prev.page-numbers,
.next.page-numbers {
    border: none;
    vertical-align: -7px;
	font-size: 180%;
}

.prev.page-numbers:hover,
.next.page-numbers:hover {
	background: none; 
	border: none;
	color: #ca3828;
}

span.page-numbers.dots {
    border: none;
}

span.page-numbers.dots:hover {
	background: none; 
}

span.page-numbers.current {
    background: black;
    color: white;
    border: none;
}



/* =================================
		シングル
================================= */
article {
    width: 100%;
    max-width: 800px;
    margin: 100px auto 150px;
	padding: 0 20px;
}

article h2 {
    font-size: 200%;
    margin: 40px 0 80px;
	padding-bottom: 40px;
    border-bottom: 2px solid #ddd;
}

article p {
    margin-bottom: 20px;
	font-size: 110%;
}

article img {
    max-width: 100%;
}
/*=====================================================
	  タブレット 1024px
===================================================== */
@media screen and (max-width: 1024px) {



}/*===	タブレット 1024px  === */

/*=====================================================
	  タブレット 820px
===================================================== */
@media screen and (max-width: 820px) {

ul.news_ls_area {
    padding: 0 20px;
}


}/*===	タブレット 820px  === */


/*=====================================================
	  スマートフォン 600px
===================================================== */
@media screen and (max-width: 600px) {

ul.news_ls_area {
    padding: 0 40px 0 20px;
}

article {
    padding: 0 40px 0 20px;
}

span.date_box {
    display: block;
}

ul.news_ls_area h2 {
    margin: 20px 0;
}

}/*===	スマートフォン 600px  === */