/*フィルター部分*/
.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn.dropdown-toggle-split:first-child, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    width: 100px;
}

.btn-group>.btn-group:not(:first-child), .btn-group>:not(.btn-check:first-child)+.btn {
    margin-left: -1px;
    width: 100px;
}
/*ヘッダー部分*/
#sp-header.header-sticky {
    background-color: #99cc00e6;
}
#sp-header {
    height: 80px;
    background-color: #a3d119;
}

}
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
    background-color: #8add94;
}

input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control) {
    display: block;
    width: 50%;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    border-bottom: solid 1px #bbb;
    margin-bottom: 10px;
}

h2 {
    font-size: 1.8em;
    padding-top: 10px;
    padding-bottom: 5px;
    line-height: revert;
    font-weight: bold;
}
.article-details .article-header h1, .article-details .article-header h2 {
    font-size: 1.8em;
    padding-bottom: 5px;
    line-height: 1.8em;
    font-weight: bold;
    padding-top: 30px;
}
h4 {
  color: #556b2f;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #556b2f;
  padding-bottom: 5px;
  margin-bottom: 25px;
font-size: 22px;
    font-weight: bolder;
}
h5 {
  background: #cbf5dc;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
color: #222222;
}
/*右メニュー*/
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
    margin: 0 0 10px;
    padding-bottom: 8px;
    font-size: 20px;
    border-bottom: 1px solid #555555;
}
/*右ボーター削除*/
#sp-left .sp-module, #sp-right .sp-module {
    margin-top: 20px;
    border: none;
    padding: 20px;
    border-radius: 3px;
}
/*注目情報*/
.mfp_default_skin_default .mfp_default_item .mfp_default_title {
    font-size: 15px;
}
.tags>li a {
    padding: 0.3rem 0.6rem;
}
.sppb-nav-tabs>li>a {
    font-size: 18px;
    padding: 20px 18px;

}
.sppb-nav-tabs {
    border-bottom: 4px solid #194531;
}
.sppb-nav {
    padding-bottom: 1px;
}
/*バーガー*/
#offcanvas-toggler {
    padding: 20px;
}
.burger-icon>span {
    background-color: #fffcfc;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    font-size: 18px;
    padding: 4px 0px;
    line-height: 18px;
    font-weight: 400;
    margin-bottom: 10px;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a:hover {
    color: #ffb94c;
}
#sp-header.header-sticky {
    height: 80px;
}
#shack-article-manager input, #shack-article-manager select {
    height: 35px;
}
/*総合管理*/
#shack-article-manager input, #shack-article-manager select {
    height: 35px;
}
/*ヘッダー下*/
#sp-main-body {
    padding: 50px 0px;
}
wf_file_icon {
display: inline-block;
}
/*続きを読む*/
.readmore a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #eee;
    filter: drop-shadow(0px 2px 4px #ccc);
    border-radius: 3px;
}
.readmore a:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
}
/*注目*/
.article-details .featured-article-badge {
    position: absolute;
    top: -20px;
    left: 5px;
    cursor: default;
}