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


#single_news{
	margin: 5em auto;
}

/***********************************
 コンテンツ　サイドメニュー
***********************************/

.content,
.side_menu{
	width: 100%;
	margin-bottom: 1em;
}
@media(min-width:1000px){
	.content{width: 70%}
	.side_menu{width: 26%}
}

.side_title{
	background: var(--main-color);
    padding: .8em;
    color: #fff;
    font-weight: 600;
    font-size: 1.2em;
	margin-bottom: 1em;
}
.side_archive .date{
	font-size: 1rem!important;
	font-weight: bold;
	color: var(--main-color);
}
.side_archive h3{
	font-size: 1rem;
	font-weight: 500;
}
.side_cat_list{
	display: flex;
	align-items: center;
	padding: .8em 0;
	border-bottom: solid 1px #e3d7bd;
}
.sidelink_child{padding-left: 1em}
.sidelink_child:before{
	content: '-';
}
.side_cat_list a,
.side_archive_list a{color: #000}


/***********************************
  お知らせ　詳細（single)
***********************************/
.content_title{
	margin-bottom: 2em;
	padding-bottom: 1.5em;
	position: relative;
	border-bottom: solid 2px #e3d7bd
}
.content_title .date{
	color: var(--main-color);
	font-weight: bold;
	display: inline-block;
	margin-right: 1em;
	font-size: 1rem!important;
}



.content_title h2{
	font-size: 1.6em;
	line-height: 1.6;
	font-weight: 600;
	margin-top: 1em;
	margin-bottom: .5em
}
@media (min-width:668px){
	.content_title h2{font-size: 1.8em}
}

/* user content */
.content_wrap{margin-bottom: 3em}
.content_wrap h1,
.content_wrap h2,
.content_wrap h3,
.content_wrap h4{
	margin:1em auto;
	font-weight: bold;
	line-height: 1.6em;
}

.content_wrap h1,
.content_wrap h1 span{
	font-size: 1.6em;
    background: var(--bg-color);
    padding: 0.5em;
}
.content_wrap h2{
	font-size: 1.4em;
    border-left: solid 8px var(--main-color);
    padding: .8em 0.5em;
}
.content_wrap h2 span,
.content_wrap h3 span{
	font-size: 1em;
	font-weight: bold;
}
.content_wrap h3{
	font-size: 1.3em;
	padding: 0;
	color: var(--main-color);
	
    padding: .5em;
}
.content_wrap img{
	max-width: 100%;
	height: auto;
	margin: 1em auto;
	vertical-align: bottom
}

.content_wrap p{
	line-height: 2.2;
	font-weight: 400;
	margin-bottom: 1.2em
}

.content_wrap table{
	border: solid 1px #ccc;
	width: 100%;
	margin: .5em auto;
}/*
.content_wrap table tr:first-of-type{
	background: #eee;
	font-weight: bold;
	text-align: center;
}*/

.content_wrap ul,
.content_wrap ol{
	padding-left: 1em;
}
.content_wrap ul li{list-style: disc}
.content_wrap ol li{list-style: decimal}

#single_news a.btn1,
#single_blog a.btn1{
	max-width: 400px
}

/* single sidemenu */
.side_archive{margin-bottom: 4em;}
.side_archive_list{
	margin-bottom: 1em;
	border-bottom: solid 1px #ccc;
	padding: 1em 0
}
.side_archive_list a{padding: 0}
.side_archive_list figure{width: 35%}
.side_archive_list a >div{width: 62%}
.side_archive_list h3{font-size: 1em}



.wp-block-tag-cloud a{
	background: #6E0A07;
	color: #fff;
	font-size: 11px!important;
	display: inline-block;
	line-height: 1;
	padding: .5em;
	border-radius: 2px;
	margin-right: 8px
}
.wp-block-tag-cloud a:before{
	font-family: icomoon;
	content: '\e935';
	display: inline-block;
	margin-right: .5em;
}
#single_blog .btn_wrap,
#single_news .btn_wrap{text-align: center}
#single_blog a.btn1,
#single_news a.btn1{margin: 0 auto;}

#single_news .date{display: inline-block;margin-right: 2em}
#single_news .content_title {padding-bottom: .3em}

.side_news_list{
	border-bottom: solid 1px #ccc;
	padding: .5em 0 1rem;
}
.side_news_list span.date{
	display: inline-block;
	margin-right: 1em!important
}

.side_news_list a{color: #000}

#single_backbtn .news__more-icon{
	transform: rotate(180deg);
}
#single_backbtn{
	width: 100%;
	text-align: center;
}
#single_backbtn .news__more{
	display: flex;
	justify-content: center
}

/******　目次　******/

#toc_container{
	width: 100%;
	max-width:700px;
	margin: 4.5em auto;
	padding: 1em 2em
}
#toc_container a{color: #000}

#toc_container li{
	margin: .5em auto
}
#toc_container li li{
	display: none
}





/***********************************
  pager
***********************************/
.pager{text-align: center;padding: 2em 0}
.pager span.current,
.pager a.page-numbers{
	display: inline-block;
    background: var(--main-color);
    text-align: center;
    border-radius: 50%;
    margin-right: .5em;
    color: #fff;
    font-weight: bold;
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.pager a.prev,
.pager a.next{
	background: none!important;
	color: #000!important
}

.pager a.page-numbers{
	background: none;
    color: #303030;
	text-decoration: none
}
.pager a.page-numbers:hover{
	opacity: .8
}