@charset "UTF-8";

.page-header {
	
	margin: 30px auto 0;
}



.page-header h1 {
	position: relative;
	text-align: center;
	display: block;
	letter-spacing: .3rem;
	font-size: 24px;
	font-weight: 400;
	margin: 80px auto 50px;
}

.page-header h1::after {
	content: '';
	position: absolute;
	bottom: -20px;
	display: inline-block;
	width: 60px;
	height: 2px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #213A5D;
	border-radius: 2px;
}

.entry-content{	
	width: min(98%,1024px);
	margin: 0 auto 25px;
}

ul.info_text {
	margin: auto;
}

ul.info_text li{
	position: relative;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    list-style: none;
    text-indent: .5rem;
    border-bottom: 1px solid #999;
    line-height: 2.5;
}

ul.info_text li a{
    text-decoration: none;
    display: block;
    color: #333;
}

ul.info_text li a:hover{
    background-color: #f0f8ff;
}

ul.info_text li .date{
    display: inline-block;
    margin-right: .5rem;
}

ul.info_text li a::after{
	display: inline-block;
	position: absolute;
	right: 0;
	top: 50%;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	width: .3rem;
	height: .3rem;
	vertical-align:middle;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	margin-right: 10px;

}

ul.info_text li span.icon{
	font-size: .8rem;
	background-color: #ECDA97;
	border-radius: 9999px;
	color: #333;
	padding: .3rem .4rem;
	margin-right: .5rem;
}


/*ページング*/
.page{
	text-align: center;
	margin: 0 auto;
}

nav.pagination{
	clear: both;
}

.nav-links{
	text-align: center;
	margin: 0 auto;
}

.page-numbers {
	color: #fff;
	text-decoration: none;
	background: #173002;
	padding: 5px;
	margin: 0;
}

span.current{
	background: #0c6ad4;
}


	 




@media only screen and (max-width: 736px) {/*スマホ*/

article{
	width: 100%;
	margin: 0 auto;
}
    div.content-area{
	width: 98%;
	margin: 0 auto;
    }
    
   .entry-content .thumb{
	   width: 100%;
   }
   
   .entry-content .kiji{
	   width: 100%;
	   }
    
   .readmore {
      float: none;
      margin: 10px 0;
      padding: 15px 0;
      width: 100%;
   }

.disp_line li{
	font-size: 14px;
	padding: 3px;
}


}/*スマホ*/


@media only screen and  (min-width: 737px) and (max-width: 1024px) {
	
	article{
	width: 90%;
	margin: 0 auto;
}

div.content-area{
	width: 90%;
	}
	
}