@charset "utf-8";
/* CSS Document */




body{background-color:#FFF;}
ul,li{margin:0px; padding:0px;}
a{color:#222; text-decoration:none;}
a:hover img {
	opacity: 0.7 ;
}
a[target="_blank"]:after{
   content: "\f35d";
   font-family: "Font Awesome 5 Free";
   margin-left: 5px;
   font-weight: bold;
}

p{
	overflow-wrap: break-word;
	word-wrap: break-word;
}
* {
    outline: none!important;
}






#main{ width:1050px; clear:both; padding-top:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#contents{ width:750px;
}

@media screen and (max-width: 768px) {
#main{width:95%; padding-top:10px;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#contents{ margin:0 auto;}
}


p.tag {
    margin-right: 10px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 1.1rem;
    background-color: #A6B1DD;
	margin-bottom:10px;
	height:30px;
	float:left;
	margin-right:10px !important;
	margin-bottom:10px !important;
}
p.tag a{color:#FFF;}

/*==============================
H2ボックス
==============================*/
.h2-box{
	border-bottom-color: #8D95BD;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom:5px;
	margin-top:30px;


}
.h2-box .inner{width:1050px; margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;}
.h2-box .inner h2{margin:0px;}
.h2-box .inner h2 span{color:#8D95BD;}
.h2-box .inner p{font-size:0.8rem;color:#8D95BD; margin-left:10px; margin-bottom:0px;}
h2{font-size: 2rem; font-weight:bold;}
@media screen and (max-width: 768px) {
.h2-box .inner{width:95%;}
}

/*==============================
トップページの検索
==============================*/
.search-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; margin-bottom:20px;}
.search-box .title{width:100px;}
.search-box p{margin:0px; color:#0F358D; white-space:nowrap;}
.cat-select{width:400px; margin-right:20px;}
.search-box .select-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

@media screen and (max-width: 768px) {
.search-box{-ms-flex-wrap: wrap;flex-wrap: wrap;}
.cat-select{width:40%;}
}
/*==============================
カテゴリ名と日付
==============================*/
.category-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.category-name p.cate{background-color:#243882; color:#FFF; padding:5px 30px; margin-right:30px;}


/*==============================
記事一覧
==============================*/
#main .article{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 50px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 10px;    clear: both;
}
#main .article .box{
	width: 48%;
	padding: 20px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
#main .article .box h3{font-size:20px; font-weight:normal; margin-bottom:30px;
}

#main .article .box .date{}
#main .article .box .tag ul{display:-webkit-box;display:-ms-flexbox;display:flex; margin:0px; padding:0px; }
#main .article .box .tag ul li {
	margin-right: 10px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size:0.8rem;
	background-color:#A6B1DD;
}
#main .article .box .tag ul li a{color:#FFF; }

@media screen and (max-width: 768px) {
#main .article .box{
	width: 100%;}
}
/*==============================
記事詳細
==============================*/
.detail{
	background-color: #ffffff;
	border-radius: 5px;
	padding-bottom: 30px;
	width:700px;
}
.detail h1{margin-bottom:40px;}
.detail .tag{ margin-bottom:10px;}
.detail .tag ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8D95BD;
	margin-top:20px;
}
.detail .tag ul::before{content:"#";color:#8D95BD; padding-top:2px; margin-right:10px;}
.detail .tag ul li {
	margin-right: 10px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size:0.8rem;
	background-color:#8D95BD;
}
.detail .tag ul li a{color:#FFF; }
.detail .date{text-align:left;}

#main  .right-menu{ width:200px;}
#main  .right-menu h3{    background-color: #243882;
    color: #FFF;
    padding: 5px 30px;
    margin-right: 30px;}
#main  .right-menu ul{margin-bottom:40px;}
#main  .right-menu ul li{
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom:3px;
	padding-left:10px;
}
@media screen and (max-width: 768px) {
#main  .right-menu{ width:100%;}

.detail{padding:10px;}
.detail iframe{width:70%;}
.detail p img{width:100%; height:auto;}
}
/*==============================
YARPPカスタマイズ用
==============================*/
.related-entry-list{	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;
}
.related-entry-list .box{
	width: 48%;
	padding: 20px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.yarpp-related{margin-bottom:100px !important;clear:both;}
.yarpp-related h3{ background-color:#C4CBE7; color:#FFF; padding:10px !important; font-size:1.5rem !important;}
.yarpp-related h4{margin-bottom:40px; font-size:1.1rem; font-weight:normal;}
.related-entry-list .box .tag ul{display:-webkit-box;display:-ms-flexbox;display:flex; margin:0px; padding:0px; }
.related-entry-list .box .tag ul li {
	margin-right: 10px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size:0.8rem;
	background-color:#A6B1DD;
}
.related-entry-list .box .tag ul li a{color:#FFF; }





@media (max-width: 768px) {
.related-entry-list .box{	width: 100%;padding: 10px;}
}


/*==============================
パンくず
==============================*/
#breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;}

@media screen and (max-width: 768px) {
#breadcrumb{display:none;}
}
/*==============================
WP-PageNaviプラグイン
==============================*/
.pagination{margin:0 auto !important; width:100% !important; clear:both !important;}
.wp-pagenavi {
	clear: both;
	margin:0 auto;
	display:-webkit-box;display:-ms-flexbox;display:flex;
}
.wp-pagenavi a{}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	margin: 2px;
	border-radius: 5px;
	color: #222;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	background-color:#FFF;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #FFF;
	background-color: #999999;
	color: #222;
}
.pagination .current:hover, .pagination .current:focus{background-color:#999999;}
.wp-pagenavi span.current {
	font-weight: bold;
}


/*==============================
色
==============================*/
.orange{color:#F8BF41;}
.dark-blue{color:#07506A}