@charset "UTF-8";

:root {
  --brand-blue: #10428c;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.pc{display: block;}
.sp{display: none;}

@media screen and (max-width: 991px){
	.pc{display: block;}
	.sp{display: none;}
}
@media screen and (max-width: 767px){
	.pc{display: none;}
	.sp{display: block;}
}


/*******************
 template 
*******************/

body{
	background: #f4f6f9;
}

#header {
    background: none;
    padding: 30px 0 30px;
    border: 0;
}

#header img{
	border-radius: 5px;
}

.main-inner{
	margin-right: 360px;
}

#side{
	width: 330px;
	margin-left: -330px;
}

.side-widget {
	margin-bottom: 0;
}
.side-widget .side-title{
	background: var(--brand-blue);
	color: #fff;
	border-radius: 5px 5px 0px 0px;
	padding: 4px 12px;
	margin: 0;
}
.side-title:before{
	font-family: FontAwesome;
	content: "\f040";
}
.side-title .side-title-inner{
	padding-left: 6px;
}
.side-widget-inner ul{
	background: #fff;
	padding: 0 15px;
	border-radius:0 0 5px 5px;
}
.side-widget-inner ul li{
	padding: 15px 0;
}
.side-widget-inner ul li:last-child{
	border-bottom: 0;
}
.side-widget-inner ul li span{
	font-weight: bold;
	font-size: 0.75rem;
}
.widget_recent_entries a{
	padding-left: 30px;
}

.side-widget-div{
	background: #fff;
	padding: 15px 15px 0px 15px;
	border-radius:0 0 5px 5px;
}
.side-widget-div p{
	padding-bottom: 15px;
}
.side-widget-div a{
	color: #2581c4;
}

aside.post-author{
	display: none;
}

#footer,
.footer-02{
	background: #1E1E1E;
	color: #fff;
}

@media screen and (max-width: 1100px){
	.main-inner{
		margin-right: 360px;
	}	
}
@media screen and (max-width: 991px){
	#header{
		padding: 20px 0 20px 0!important;
	}
	.main-inner{
		margin-right: 0px;
	}
	#side{
		width: 100%;
		margin-left: -0px;
	}
	.side-widget{
		padding-bottom: 30px;
	}
	.side-widget-div img{
		max-width: 300px;
	}
}
@media screen and (max-width: 767px){
	#header{
		padding: 0px 0 20px 0!important;
	}
	#header .wrap{
		margin: 0;
	}
	#header img{
		border-radius: 0;
	}
	.main-inner{
		margin-right: 0px;
	}	
	#side{
		width: 100%;
		margin-left: -0px;
	}
	.side-widget-div img{
		width: 100%;
		max-width: 100%;
	}
}


/*******************
 top
*******************/

.post-loop-wrap article{
	margin: 0;
}

ul.article_list{
	padding: 15px 30px;
}
ul.article_list li{
	width: 100%;
	padding: 15px 0;
	display: table;
	border-bottom: 1px solid #e5e5e5;
}
ul.article_list li:last-child{
	border-bottom: 0;
}
ul.article_list li a{
	display: block;
}
ul.article_list li span.list_thumb{
	display: table-cell;
	text-align: left;
	width: 115px;
}
ul.article_list li span.list_thumb img{
	max-width: 100px;
}
ul.article_list li span.list_text{
	display: table-cell;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}
ul.article_list li span.list_text .author{
	display: block;
	font-size: 0.9rem;
	font-weight: normal;
}
.pagination{
	margin: 0;
	padding: 30px 0 15px 0;
}
.pagination::after {
  content: "";
  display: block;
  clear: both;
}

@media screen and (max-width: 991px){
	.cat-header .post-title{
		font-size: 1.2rem;
	}
	ul.article_list li span.list_text{
		font-size: 1.1rem;
	}
}


/*******************
 content
*******************/

#content,
body.home #content {
    padding: 0 0 30px;
}

.cat-content{
	padding: 3px 0;
	text-align: center;
	background: none;
	border: 0;
	border-bottom: 3px solid var(--brand-blue);
	margin-left: 0px;
	margin-bottom: 0px;
}

article.post{
	border: 0;
	border-radius: 0 0 5px 5px;
}

.post-header .post-meta{
	margin-bottom: 30px;
}
.post-header .post-title{
	font-size: 25px;
	letter-spacing: 0.1rem;
	margin: 0 0 5px 0;
}
.post-header .author{
	font-size: 14px;
}

.post-content{
	padding: 30px 64px;
}
.post-content h2{
	font-size: 25px;
}

.post-footer{
	padding: 0 64px;
}

h3#reply-title{
	font-size: 0.9rem;
}
.comment-form-comment textarea{
	margin: 5px 0 20px 0;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-cookies-consent label{
	font-size: 0.8rem!important;
}

.comment-form-cookies-consent{
	padding-bottom: 1rem;
}

input[type="checkbox"]{
	margin-right: 3px;
}

@media screen and (max-width: 1100px){
	.post-header{
		padding: 45px 45px 0px 45px;
	}
	.post-content{
		padding: 0px 45px 45px 45px;
	}
	.post-footer{
		padding: 0px 45px 0px 45px;
	}
	#comments{
		padding: 45px;
	}
	#side{
		padding-top: 30px;
	}
	.footer-02 .footer-copy{
		text-align: center;
	}
}

@media screen and (max-width: 991px){
	.post-header{
		padding: 35px 30px 5px 30px;
	}
	.post-header .post-title,
	.post-content h2,
	.post-content h3{
		font-size: 1.2rem;
	}
	.post-content{
		padding: 0px 30px 30px 30px!important;
	}
	.post-footer{
		padding: 0px 30px 0px 30px!important;
	}
	#comments{
		padding: 30px!important;
	}
	ul.article_list{
		padding: 0px 15px;
	}
}
@media screen and (max-width: 767px){
	.post-header{
		padding: 27px 20px 5px 20px;
	}
	.post-content{
		padding: 0px 20px 20px 20px!important;
	}
	.post-content h2,
	.post-content h3{
		margin-top: 30px;
	}
	.post-footer{
		padding: 0px 20px 0px 20px!important;
	}
	#comments{
		padding: 20px!important;
	}
	.form-submit #submit{
		width: 100%;
	}
}