@charset "utf-8";
/**
 * Theme Name: Custom Theme
 * Description: custom theme style sheet
 */

#pager {
	width: 90%;
	margin: 40px 5%;
	overflow: hidden;
	display: flex;
	justify-content: center;
}
#pager:before, #pager:after {
	content: '';
	display: block;
	overflow: hidden;
}
#pager a {
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
#pager a:hover {
	background: #999;
}
#pager .pages, #pager .current, #pager .extend, #pager a {
	float: left;
	display: block;
	text-decoration: none;
	line-height: 20px;
	color: #333;
	background: #dedede;
}
#pager a {
	color: #333;
}
#pager .pages, #pager .current {
	background: #333;
}
#pager .pages a, #pager .current {
	color: #fff;
}
#pager .pages { display: none; }

@media screen and (max-width: 1024px) {
#pager .pages, #pager .current, #pager .extend, #pager a {
	margin: 0 0 0 5px;
	padding: 4px 10px;
}
}

@media screen and (min-width: 1025px) {
#pager .pages, #pager .current, #pager .extend, #pager a {
	margin: 0 0 0 3px;
	padding: 6px 12px;
}
}

/* pager-single */
#pager-single {
	clear: both;
	margin: 20px 0;
	padding: 10px 0 0;
	text-align: center;
}
#pager-single ul {
	width: 100%;
	margin: 0 auto;
}
#pager-single ul li {
	float: left;
	display: inline-block;
	width: 33%;
	min-height: 1px;
}
#pager-single ul li a {
	display: inline-block;
	font-weight: bold;
	font-size: 0.9em;
}
#pager-single ul li#prev {
	text-align: left;
}
#pager-single ul li#next {
	text-align: right;
}
#pager-single ul li#back {
	text-align: center;
}

.g_box { position:relative; }
.g_box:hover { cursor:pointer; opacity:0.7; }
.g_link { margin-bottom:0px; }
.g_link a {position:absolute; text-indent:-9999px; top:0px; left:0px; width:100%; height:100%; }

#pager { width: 90%; margin: 40px 5%; overflow: hidden; display: flex; justify-content: center; }
#pager:before, #pager:after { content: ''; display: block; overflow: hidden; }
#pager a {
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
#pager a:hover { background: #999;}
#pager .pages, #pager .current, #pager .extend, #pager a { float: left; display: block; text-decoration: none; line-height: 20px; color: #333; background: #dedede; }
#pager a { color: #333; }
#pager .pages, #pager .current { background: #333; }
#pager .pages a, #pager .current { color: #fff; }
#pager .pages { display: none; }
@media screen and (max-width: 1024px) {
	#pager .pages, #pager .current, #pager .extend, #pager a { margin: 0 0 0 5px; padding: 4px 10px; }
}
@media screen and (min-width: 1025px) {
	#pager .pages, #pager .current, #pager .extend, #pager a { margin: 0 0 0 3px; padding: 6px 12px; }
}

/*-- Adjustment ------------------------------------------------------------*/
.mt5  { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }

.mr5  { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }

.mb5  { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }

.ml5  { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }

.pg5  { padding:  5px !important; }
.pg10 { padding: 10px !important; }
.pg15 { padding: 15px !important; }
.pg20 { padding: 20px !important; }
.pg25 { padding: 25px !important; }
.pg30 { padding: 30px !important; }
.pg35 { padding: 35px !important; }
.pg40 { padding: 40px !important; }

.mg0  { margin: 0  !important; }
.pg0  { padding: 0 !important; }

.posRe { position: relative; }
.posAb { position: absolute; }

.alJ { text-align: justify; }
.alC { text-align: center; }
.alR { text-align: right; }
.alL { text-align: left; }

.xlarge { font-size: 1.2em; }
.large  { font-size: 1.1em; }

.xsmall { font-size: 0.8em; }
.small  { font-size: 0.9em; }

.border-dotted { display: block; clear: both; height: 1px; border: none; border-bottom: dotted 1px #ddd !important; }
.border-solid  { display: block; clear: both; height: 1px; border: none; border-bottom: solid 1px #ddd  !important; }

.f_navi { display: flex; justify-content: space-between; margin-bottom: 40px; }
h3.sub { margin-bottom: 40px; }
.newsList li { list-style: none; }
@media screen and (max-width: 767px) {	
	.newsList li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dedede;}
	.newsList li h4 { background: #195fab; padding: 10px; margin-bottom: 20px; color: #fff; font-size: 1.1rem; }
	.newsCate { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px; }
	.newsCate dt { padding: 5px 10px; line-height: 1.0; font-size: 0.9em; color: #195fab; border: 1px solid #195fab; }
	.newsCate dd { padding: 5px 10px; background: #195FAB; color: #fff; line-height: 1.0; font-size: 0.9em; border: 1px solid #195fab; }
	.newsList li p { margin-bottom: 0px; color: #000; line-height: 1.7; }
	.newsCate02 { margin-bottom: 20px; }
}
@media screen and (min-width: 768px) {
	.newsList li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dedede;}
	.newsList li h4 { background: #195fab; padding: 10px; margin-bottom: 20px; color: #fff; font-size: 1.1rem; }
	.newsCate { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px; }
	.newsCate dt { padding: 5px 10px; line-height: 1.0; font-size: 0.9em; color: #195fab; border: 1px solid #195fab;}
	.newsCate dd { padding: 5px 10px; background: #195FAB; color: #fff; line-height: 1.0; font-size: 0.9em; border: 1px solid #195fab; }
	.newsList li p { margin-bottom: 0px; color: #000; line-height: 1.7; }
	.newsCate02 { margin-bottom: 20px; }
	
	#menu ul { display: flex !important; justify-content: center;}
	#menu ul li { width: 18%; }
}

@media screen and (max-width: 599px) {
	.box_link_btn a { color:#195FAB; width:80%; height:30px; line-height:30px; border:#195FAB 1px solid; border-radius: 15px; display:block; text-align:center; margin:0 10%; background:#fff; font-size: 13px;}
	.box_link_btn a:link    { color:#195FAB; text-decoration: none; }
	.box_link_btn a:visited { color:#195FAB; text-decoration: none; }
	.box_link_btn a:hover   { color:#fff; text-decoration: none; background:#195FAB; }
	.box_link_btn a:active  { color:#195FAB; text-decoration: none; } 
}
@media screen and (min-width: 600px) {
	.box_link_btn a { color:#195FAB; width:30%; height:35px; line-height:35px; border:#195FAB 1px solid; border-radius: 20px; display:block; text-align:center; margin:0 30%; background:#fff; font-size: 14px;}
	.box_link_btn a:link    { color:#195FAB; text-decoration: none; }
	.box_link_btn a:visited { color:#195FAB; text-decoration: none; }
	.box_link_btn a:hover   { color:#fff; text-decoration: none; background:#195FAB; }
	.box_link_btn a:active  { color:#195FAB; text-decoration: none; }
}

@media screen and (max-width: 599px) {
	.single-content h2 { background:#195FAB; color: #fff; padding: 10px 20px; margin-bottom: 20px; font-size: 1.5rem; font-weight: bold; }
	.single-content h3 { color: #195FAB; margin-bottom: 20px; padding: 10px 20px; border-left: 5px solid #195FAB; font-weight: bold; font-size: 1.4rem; }
	.single-content h4 { color: #195FAB; padding: 5px 10px; margin-bottom: 20px; font-weight: bold; border-bottom: 1px solid #195FAB; font-size: 1.3rem; }
	.single-content h5 { color: #195FAB; font-size: 1.2rem; margin-bottom: 20px; font-weight: bold; }
	.single-content h6 { color: #000; font-size: 1.1rem; margin-bottom: 20px; }
	.single-content p { color: #000; }
}
@media screen and (min-width: 600px) {
	.single-content h2 { background:#195FAB; color: #fff; padding: 10px 20px; margin-bottom: 20px; font-size: 1.5rem; font-weight: bold; }
	.single-content h3 { color: #195FAB; margin-bottom: 20px; padding: 10px 20px; border-left: 5px solid #195FAB; font-weight: bold; font-size: 1.4rem; }
	.single-content h4 { color: #195FAB; padding: 5px 10px; margin-bottom: 20px; font-weight: bold; border-bottom: 1px solid #195FAB; font-size: 1.3rem; }
	.single-content h5 { color: #195FAB; font-size: 1.2rem; margin-bottom: 20px; font-weight: bold; }
	.single-content h6 { color: #000; font-size: 1.1rem; margin-bottom: 20px; }
	.single-content p { color: #000; }
}


/*-- APPEND ----------------------------------------------------------------*/