@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{
	color: var(--color-main);
    font-weight: bold;
    font-size: 2.2rem;
	margin-bottom: .5em
}
.side_archive .date{
	color: var(--color-main);
	font-size: 13px;
    font-family: var(--en-font);
}
.side_archive h3{
	font-size: .9em;
	font-weight: bold;
}
.side_cat_list{
	display: flex;
	align-items: center;
	padding: .8em 0;
	border-bottom: solid 1px #eee;
}
.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 1px #eee
}
.content_title .date{
    color: var(--color-main);
    font-weight: bold;
    font-family: var(--en-font);
}
	
.content_title h2{
	font-size: 1.6em;
	line-height: 1.6;
	font-weight: 600;
	margin-top: .3em;
	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(--color-main);
    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(--color-main);
	
    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: .8em;
	border-bottom: solid 1px #eee;
	padding-bottom: .5em
}
.side_archive_list a{padding: 0}
.side_archive_list figure{width: 35%}
.side_archive_list a >div{width: 100%}
.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;
}
.side_news_list span.date{
	display: inline-block;
	margin-right: 1em!important
}

.side_news_list a{color: #000}

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

#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: 4em 0
}
.pager span.current,
.pager a.page-numbers{
	display: inline-block;
    background: var(--color-main);
    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
}