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

.sec_bloc {padding: 7em 0 0 0;}
/*topics*/
.inner {/*width: 90%;*/margin: 0 auto !important;}
.topics_ttl {
text-align: center;
font-size: 2em;
font-weight: 300;
margin-bottom: 1em;
font-family: 'raleway', sans-serif;
letter-spacing: 5px;
color:#4d4d4d;}

.topics_ttl span {
display: block;
font-size: 0.5em;
font-weight: 300;
margin-top: 20px;
color: #fc5087;
text-shadow: 0 0 0px #ccc;
font-family: 'Noto Sans JP', sans-serif;}

.topics-box {width: 80%;margin: 0 auto;}
.topics-box ul {padding-inline-start:0px;}
.topics-box li {padding: 1em 0;border-bottom: 1px dotted #ccc;}
.topics-date {color: #1acfd8;font-size: 14px;margin-bottom: .3em;font-family: 'Noto Sans JP', sans-serif;letter-spacing: 2px;}
.topics-title {font-size: 13px;font-family: 'Noto Sans JP', sans-serif;}
a {color: #4d4d4d;font-family: 'Noto Sans JP', sans-serif;font-weight:500;}

.center-block {display: block;margin: 2em auto 0;}
.pager {text-align: center;padding: 2em 0;}
.pager .num {
display: inline-block;
padding: .4em .8em;
font-size: 1em !important;
margin-bottom: 1em;}

.pager .num .current_page {
display: inline-block;
border: 1px solid #4d4d4d;
background-color: #4d4d4d;
color: #ffffff;
padding: .4em .8em;
margin-bottom: 1em;}

.pager .num a {
color: #ccc;
display: inline-block;
border: 1px solid #ccc;
padding: .4em .8em;
margin-bottom: 1em;}

.pager span {display: inline-block;}
.pager a {color: #AAAAAA;}


@media screen and (max-width: 320px){
.topics-title {font-size: 14px;font-family: 'Noto Sans JP', sans-serif}
	
	
}

@media screen and (min-width: 768px){
.topics-title {font-size: 18px;font-family: 'Noto Sans JP', sans-serif}
	
	
}
@media screen and (min-width: 1024px){
.topics-title {font-size: 16px;font-family: 'Noto Sans JP', sans-serif}
	
	
}