/* CSS Document */
html { font-size: 10px; }
body { font-size: 1.3rem; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,select,option,textarea,p,span,blockquote,table,th,td,a,label,strong {
	font-family: Arial, Helvetica, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
strong, b, th, td, dt, dd, li { font-weight: normal !important; }


#sp-header {
	box-shadow: none;
	border-bottom: 1px solid #DEDEDE;
}

.breadcrumb {
	padding: .75rem 1rem;
	margin: 0;
	background: #fff;
}

.breadcrumb-item+.breadcrumb-item::before {
	font-family: "Font Awesome 5 Free";
	font-size: 1.4rem;
	content: "\f0da";
	color: #000;
	font-weight: bold;
	padding-left: .5rem;
}

#sp-footer .container-inner {
	font-size: 1.1rem;
	padding: 15px 0;
    border-top: none;
}

/* Ofcanvas Menu Navigation */
.offcanvas-menu .offcanvas-inner .sp-module ul > li {
	border-bottom: 1px solid #d8d8d8;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.current {
	background: #3c3c3c;
	color: #fff;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.current a {
	color: #fff;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover {
	background: #f3f3f3;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    font-size: 1.3rem;
	padding: 10px;
}

.offcanvas-menu .offcanvas-inner {
    padding: 10px;
}




/* Main Column */
#sp-main-body {
	margin: 0 auto;
	padding: 0 0 50px 0;
}

@media screen and (max-width: 575px) {

	#sp-main-body {
		padding: 15px 0 30px 0;
	}
	
}

.page-header h1 {
	background: #dedede;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
	padding: 12px;
	border: none;
	border-radius: 5px;
}

.article-list .article {
	border: 1px solid #dee2e6;
}

.article-info > span {
    font-size: 1.2rem;
}


/* Left/Right Column PAGE VUILDER */
.update h3.sppb-addon-title {
	background: #A4C400;
	font-size: 1.3rem;
	line-height: 1.5;
	padding: 10px;
	margin-bottom: 5px;
	border-radius: 5px;
}

.update .latestnews li {
	padding: 6px 0;
	border-bottom: 1px dotted #A4C400;
}

.update .mostread li {
	padding: 14px 0;
	border-bottom: 1px dotted #A4C400;
}

.update .latestnews li a span {
	display: block;
	font-size: 85%;
}


/* Left/Right Column MODULE */
#sp-left .sp-module, #sp-right .sp-module {
	margin: 0 0 30px 0;
	padding: 0;
	border: none;
}

#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
	background: #A4C400;
    font-size: 13px;
    font-weight: normal;
	color: #FFF;
    margin: 0 0 5px 0;
    padding: 12px 10px;
	border-bottom: none;
	border-radius: 4px;
}

#sp-left .sp-module ul > li, #sp-right .sp-module ul > li,
#sp-left .sp-module ul > li:last-child, #sp-right .sp-module ul > li:last-child {
	padding: 6px 0;
    border-bottom: 1px dotted #A4C400;
}

#sp-left .sp-module ul.mostread > li, #sp-right .sp-module ul.mostread > li,
#sp-left .sp-module ul.mostread > li:last-child, #sp-right .sp-module ul.mostread > li:last-child {
	padding: 14px 0;
    border-bottom: 1px dotted #A4C400;
}

#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a {
	display: block;
	padding: 0;
	line-height: 1.5;
}

.sp-module-content .latestnews > li > a > span {
	display: block;
	font-size: 85%;
	margin-top: 0;
}