/* add-2025 */

:root { --header-h: 2rem; }
[id] { scroll-margin-top: var(--header-h); }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 500; line-height: 1; }
body { line-height: 1.5em; }
a:link { color: var(--c_black); }
a:visited { color: var(--c_purple); }
a:hover { color: var(--c_purple); text-decoration: none; }
a:active { color: var(--c_purple); text-decoration: none; }

.l-main__section--featured { margin:0 0 4rem 0; }
.mainArea:before,
.mainArea:after { display: none !important; }
.entryContent a:link,.entryContent a:visited,.entryContent a:active,
.webContent a:link,.webContent a:visited,.webContent a:active,
.pageBody a:link,.pageBody a:visited,.pageBody a:active,
.customPage a:link,.customPage a:visited,.customPage a:active { color:var(--c_purple) !important; font-weight: 500; }
.entryContent a:hover,
.webContent a:hover,
.pageBody a:hover,
.customPage a:hover { color:var(--c_purple) !important; font-weight: 500; text-decoration: underline; }

#main.container { width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin:0 0; }
#main.container:after { display:none; }
#main.container img { width:auto; max-width: 100%; }
#main.container #breadcrumb { width: 100%; margin:0 auto 0 0; padding:0; }
#main.container #breadcrumb .breadcrumb { margin:0; padding:0 0 1.5rem 0; border-radius: 0; text-align: right;}
#main.container .page-header { width:100%; margin:0 0 3rem 0; padding:0.5em 1.5rem; background: var(--c_purple); border:none; color:var(--c_white); }
#main.container .page-header .page-title { font-size: 1.5em; line-height: 1.5; margin: 0; }
#main.container #visitorcontent { width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin:0 0; }
#main.container #visitorcontent #content { float: none; }
#main.container #visitorcontent #sidebar { float: none; }

#main.container #content { width: 75%; float: none; }
#main.container #content .page-header { width: 100%; padding: 0.5em 1.5rem; margin: 0 0 2em 0; border:none; }
#main.container #content .page-header .page-title { font-size: 1.5em; background: none; padding:0; margin:0; border: none; }
#main.container #content h2 { font-size: 1.2em; background-color: var(--c_purple); color:var(--c_white); border:none; padding:0.25em 1.5rem; margin:2em 0 1.5em 0; }
#main.container #content h2 a {  color:var(--c_white); }
#main.container #content h3 { font-size: 1.2em; background-color: var(--c_gray); border-radius: 0; border:none; padding:0.5em 1em; margin: 2em 0 1.5em 0; }
#main.container #content h4 { font-size: 1.1em; border-left:solid var(--w_line) var(--c_purple); padding-left:0.75em; margin: 2em 0 1em 0; }
#main.container #content h5 { font-size: 1.1em; padding:1em 0; border-bottom:solid 1px var(--c_gray); margin: 2em 0 1em 0 !important; }
#main.container #content h1:first-child,
#main.container #content h2:first-child,
#main.container #content h3:first-child,
#main.container #content h4:first-child,
#main.container #content h5:first-child,
#main.container #content h6:first-child { margin-top:0; }
#main.container #content ul,
#main.container #content ol { margin:1em 0 1em 1em; }
#main.container #content ul li,
#main.container #content ol li { font-size: 1em; line-height: 1.5em; margin:0.5em 0; }
#main.container #content p { font-size: 1.05em; line-height: 1.8; }
#main.container #content .webContent ul,
#main.container #content .entryContent ul,
#main.container #content .webContent ul,
#main.container #content .pageBody ul,
#main.container #content .customPage ul { list-style:circle; list-style-position: outside; margin-left: 1.25em; }
#main.container #content .webContent ol,
#main.container #content .entryContent ol,
#main.container #content .webContent ol,
#main.container #content .pageBody ol,
#main.container #content .customPage ol { list-style:decimal; list-style-position: outside; margin-left: 1.5em; }
#main.container #content .THKthumbnails { margin:0; }
#main.container #content .catArea .THKthumbnail { padding:0; }
#main.container #content .btn { margin:0; padding:0; border:none; background: none; margin:0; padding:0; text-shadow: none; box-shadow: none; color:var(--c_purple); }
#main.container #content .btn i { display:none; }
#main.container #content .archiveLink { margin:1em 0; padding:0; }
#main.container #content .archiveLink a { border:none; background: none;  margin:0; padding:0; text-shadow: none; box-shadow: none; color:var(--c_purple); }
#main.container #content .archiveLink a span { display:none; }
#main.container #content .span3 { width:33.333%; padding-right:2em; }
#main.container #content .linkStyleA { list-style: none !important; padding:0; margin:0 0 1.5em 0 !important; }
#main.container #content .linkStyleA li { background-image: url(/assets/img/svgs/arrow.svg); background-repeat: no-repeat; background-position: left 0.25em; background-size: 1em; padding: 0 0 0 1.75em; margin: 0 0 0.5em 0; }
#main.container #content .linkStyleA li a { display: inline-flex; text-decoration: none; align-items: flex-start; gap:0 0; }
#main.container #content .linkStyleA li a img { margin-top:0.25em; }
#main.container #content a:hover { text-decoration: underline !important; }
ul.linkStyleI { list-style: none !important; }
ul.linkStyleI > li { background-image: url(/assets/img/svgs/arrow.svg); background-repeat: no-repeat; background-position: left 0.25em; background-size: 1em; padding: 0 0 0 1.75em; margin: 0 0 0.5em 0; }
ul.ulStyleA,
ul.ulStyleB,
ul.ulStyleC,
ul.ulStyleD,
ul.ulStyleE,
ul.ulStyleF { list-style: none !important; }
ul.ulStyleA li,
ul.ulStyleB li,
ul.ulStyleC li,
ul.ulStyleD li,
ul.ulStyleE li,
ul.ulStyleF li { background-image: url(/assets/img/svgs/arrow.svg); background-repeat: no-repeat; background-position: left 0.25em; background-size: 1em; padding: 0 0 0 1.75em; margin: 0 0 0.5em 0; }
#main.container #content .linkStyleI { padding:0; margin: 0 0 1.5em 0; }
#main.container #content .linkStyleI li ul { padding:0; margin:0 0 1.5em 0; }
#main.container #content .ulStyleA { padding:0; margin: 0 0 1.5em 0; }
#main.container #content .entry-header { border-bottom:solid 1px var(--c_gray); }

#main.container #sidebar { width: 20%; font-size: 1em; float: none; position: sticky; align-self: flex-start; top:11.5rem; z-index: 1; }
#main.container #sidebar .widget { padding:0; background:none; }
#main.container #sidebar .widget .widget-title { font-size: 1.3em; line-height: 1em; padding:0.75em 0; margin:0 0 1.5em 0; border-top:solid var(--w_line) var(--c_purple); border-bottom: solid var(--w_line) var(--c_purple); }
#main.container #sidebar .widget .nav-list { padding:0; margin:0; }
#main.container #sidebar .widget .nav-list ul { padding:0; margin:0; }
#main.container #sidebar .widget .nav-list li { padding:0; margin: 0 0; background: none; }
#main.container #sidebar .widget .nav-list li a { padding: 0.5em; margin:0; color: var(--c_purple); font-size: 1em; line-height: 1.2em; margin:0 0; display: block; }
#main.container #sidebar .widget .nav-list li span { padding: 0.5em; margin:0; color: var(--c_black); font-size: 1em; line-height: 1.2em; margin:0 0; display: block; }
#main.container #sidebar .widget .nav-list li a:hover { background-color: var(--c_purple); color: var(--c_white); text-shadow: none; box-shadow: none; opacity: 1; text-decoration: none; }
#main.container #sidebar .widget .nav-list li.active { margin:0 0; }
#main.container #sidebar .widget .nav-list li.active a { color:var(--c_white); }
#main.container #sidebar .widget .nav-list li .secondary li { margin:0 0 1em 0; font-weight: 500; }
#main.container #sidebar .widget .nav-list li .secondary li a { color: var(--c_purple); display: block; text-decoration: none; }
#main.container #sidebar .widget .nav-list li .secondary li a:hover { color: var(--c_white); text-decoration: none; }
#main.container #sidebar .widget .nav-list li .tertiary { margin:0.5em 0 0.5em 1em; padding:0; border-left:solid 1px var(--c_purple); }
#main.container #sidebar .widget .nav-list li .tertiary li { padding: 0; margin:0 0 0 0.5em; }
#main.container #sidebar .widget .nav-list li .tertiary li a,
#main.container #sidebar .widget .nav-list li .tertiary li span { font-size: 0.85em; padding: 0.35em 0.6em; margin:0; }
#main.container #sidebar .widget .nav-list li .tertiary li.is-current a { background-color: var(--c_gray); }
#main.container #sidebar .widget .nav-list li .tertiary li.is-current a:hover { background-color: var(--c_purple); }
#main.container #sidebar .widget .nav-list li:first-child { padding-top:1em; }
#main.container #sidebar .widget .nav-list li .secondary li .tertiary { margin:0.5em 0 0.5em 0.5em; padding:0; }
#main.container #sidebar .widget .nav-list li .secondary li .tertiary li { padding: 0; margin:0 0 0 0.5em; }

.tab-pane ul li .entry { line-height: 1.5; }
.newsbox .tab-pane ul li { margin:  0 0 0.5em 0; padding: 0.15em 0 0.5em 0; }

@media screen and (max-width: 600px) {
  #main.container { flex-direction: column; }
  #main.container #breadcrumb { width: 100%; }
  #main.container .page-header { width:100%; margin:0 0 2rem 0 !important; padding:0.5em 1.5em; }
  #main.container .page-header .page-title { font-size: 1.3em; }
  #main.container #content { width: 100%; }
  #main.container #content .span3 { width:100%; padding-right:0; }
  #main.container #content ul li { font-size: 1.1em; }
  #main.container #sidebar { width: 100%; font-size: 1.2em; }
}

/* newsbox */
.newsbox ul.nav-tabs{display:flex;margin:0 0 .5rem !important;}
.newsbox ul.nav-tabs li{flex:1;margin-top:0 !important;}
.newsbox ul.nav-tabs li.news_all{background:none;}
.newsbox ul.nav-tabs li a{height:65px;margin:0;padding:1rem .5rem;box-sizing:border-box;}
.newsbox ul.nav-tabs li.cr, .newsbox ul.nav-tabs li.is-current{background:#3D1587;}
.newsbox ul.nav-tabs li.cr a, .newsbox ul.nav-tabs li.is-current a{margin-top:5px;height:60px;background:#fff;}
.tabbable ul.nav-tabs{display:flex;margin:0 0 .5rem !important;}
.tabbable ul.nav-tabs li{flex:1;text-align:center;margin:0 0 -1px !important;}
.tabbable ul.nav-tabs li a{line-height:2.0rem;}
.newsbox .tab-pane ul{margin:0 !important;}
.newsbox .tab-pane ul li{width:100%;}
.lowerNewsbox .nav-tabs li.news_all{border:0;}
.lowerNewsbox .nav-tabs li.cr a{color:#3E1485;}

/* news_archive */
#news .tab-pane ul li { width:100%; display:flex; align-items: flex-start; }
#news .tab-pane ul li .date { width: 10%; float: none; font-size: 1em; }
#news .tab-pane ul li .cat { width: 16%; float: none; font-size: 0.75em; line-height: 1.4em; margin: 0 0 0 0; background-color: var(--c_purple); }
#news .tab-pane ul li .entry { width:74%; font-size: 1em; padding:0 0 0 1em; }
.page-header { display:flex; justify-content: space-between; align-items: center; }
.page-header .rss { position: static; margin:0.5em 0; }
.page-header .rss a { color:var(--c_black); background-color: var(--c_gray); padding:0.5em; border-radius: 0.25em; }
#main.container #content .page-header { padding: 0.5em 0.5rem 0.5em 1.5rem; }
#main.container #content ul { margin: 0 0 1.5em 0; }

@media (max-width: 600px){
.newsbox ul.nav-tabs, .tabbable ul.nav-tabs{flex-wrap:wrap;}
.newsbox ul.nav-tabs li{flex-basis:33.33%;}
.tabbable ul.nav-tabs li{flex-basis:16.67%;}

#news .tab-pane ul li { flex-wrap: wrap; justify-content: space-between; }
#news .tab-pane ul li .date { width: 50%; float: none; font-size: 1em; }
#news .tab-pane ul li .cat { width: 40%; float: none; font-size: 0.75em; margin: 0.25em 0 0 0; }
#news .tab-pane ul li .entry { width:100%; font-size: 1em; padding:0.5em 0 0 0; }

}