img {
    image-rendering: -webkit-optimize-contrast;
}

body {
  background: #3E5252;
 /* max-width:1200px!important;*/
  display:block;
  margin:0 auto!important;
}

.container-header {
    background-color: transparent;
    background-image:none;
    box-shadow: inset 0 5px 5px rgba(0,0,0,.03);
    position: relative;
    z-index: 10;

}
.dj-megamenu-default{
    background: rgb(250 250 250);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(56, 172, 231, 1)), to(rgba(22, 129, 209, 1)));
    background: linear-gradient(to top, rgb(255 255 255) 100%, rgb(231 231 231) 0%)!important; 
}
.dj-megamenu-default li a.dj-up_a {
    color: #3E5252!important;
    border-right: none!important;
    border-left: none!important;
    font-size:14px!important;
}

.dj-megamenu-default li ul.dj-submenu>li>a:hover, .dj-megamenu-default li ul.dj-submenu>li>a, .dj-megamenu-default li ul.dj-submenu>li.hover:not(.subtree)>a {
    background: #eff1f3!important;
    color: #2b5c4f!important;
}
.dj-megamenu-default li ul.dj-submenu>li>a:hover, .dj-megamenu-default li ul.dj-submenu>li>a.active, .dj-megamenu-default li ul.dj-submenu>li.hover:not(.subtree)>a {
    background: #eff1f3!important;
    color: #2b5c4f!important;
}

.dj-megamenu-default li:hover a.dj-up_a, .dj-megamenu-default li.hover a.dj-up_a, .dj-megamenu-default li.active a.dj-up_a{
  color:#fff!important;
    background: rgb(56, 172, 231);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(56, 172, 231, 1)), to(rgba(22, 129, 209, 1)));
    background: -o-linear-gradient(bottom, rgba(56, 172, 231, 1) 0%, rgba(22, 129, 209, 1) 100%);
    background: linear-gradient(to top, rgb(35 86 70) 100%, rgb(94 149 136) 0%)!important;  
}
.dj-megamenu-wrapper {
   border-bottom:5px solid #6F483C;
}
.footer {
  background:#3E5252!important;
}
.copy-w {
  text-align:center;
}

.site-grid {
    background-color:#fff;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0;
    border:5px solid #849090;
}
.grid-child {
    background-color: transparent;
}
.container-header .navbar-brand {
    background-color: transparent;
    display: block;
    margin: 0 auto;
}
.top-page .card {
  border:none!important;
}
.top_title{
  position: relative;
  background-color:#946050;
  color:#fff;
  font-size:24px;
  padding:5px 5px 7px 15px;
  width:180px;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
  box-shadow: 2px 1px 1px 1px #ddd;
}
.top_title:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}

.top_mgl {
  margin-left:1em;
}

.top-banner-grid {
 display: grid;
 gap: 20px;
 grid-template-columns: 1fr  1fr  1fr;
  margin-left:2em;
}
.top-banner-grid img {
  border:2px solid #ccc;
  max-width:100%;
}
.banner-btn {
  border:1px solid #ccc;
  padding:3px;
  width:200px;
  text-align:center;
  background-color:#f9f9f9;
}
.banner-btn:hover {
  background-color:#eaeaea;
}
.banner-btn a {
  text-decoration:none;
}
.top_news {
  margin:30px 1em 1em 55px;
}
.top_news ul {
  padding-left:10px;
}
.top_news ul li {
  margin-bottom:0.3em;
}
.top_news ul li a {
  color:#333;
  text-decoration:none!important;
}
.top_news ul li a:hover {
  color:#336699;
}
.side-menu {
  border:none;
}

.side-menu .card-body{
  padding:3px;
}

.top_side-menu li {
  border:1px solid #ccc;
  padding:5px 5px 5px 10px;
  margin-bottom:2px;
  background-color:#f9f9f9;
}
.top_side-menu li:before {
  content:"\025b6";
  margin-right:5px;
  font-size:80%;
}
.top_side-menu li:hover {
  background-color:#eaeaea;
}
.top_side-menu li a {
  color:#333;
}
.inq_box {
  margin-left: 30px;
}
.top_side-menu li ul li{
  border:none;
}

.login .list-group {
  display:none!important;
}

/*-----------------------------
 page content 設定
-----------------------------*/
.page-header h1 {
  width:fit-content;
  background-color:#946050;
  color:#fff;
  font-size:24px;
  padding:7px 20px 7px 20px;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}
.base-cont .com-content-article__body {
  margin:60px 20px 80px 20px;
}
.base-cont .com-content-article__body h2 {
    font-size: 20px;
    margin: 0 0 20px 0;
    padding: 8px 10px 8px 1em;
    border-width: 0 0 1px 5px;
    border-color: #784f45;
    border-style: solid;
    background: #ffffff;
    color: #526266;
    line-height: 140%;
    font-weight: bold;
}
.base-cont .com-content-article__body p {
    margin: 0 0 2em 2em;
}
.base-cont .com-content-article__body ul {
    margin: 0 0 2em 0;
}
.base-cont .com-content-article__body ul li {
    margin: 0 0 1em 0;
}
.base-cont .com-content-article__body ul li span {
    padding-left:2em;
}
.base-cont .com-content-article__body ol {
    margin: 0 0 2em 1em;
}
.base-cont .com-content-article__body ol li {
    margin: 0 0 2em 0;
}
.list_h1 li {
  margin-bottom:0.5em!important;
}
.list_kako {
  margin-left:2em!important;
}
.list_kako li {
  margin-bottom: 0.5em!important;
}
.type_circle {
  list-style-type: circle;
}
.link {
  margin:0 0 0 3em;
}
.login_del .mod-login__options, .login_del .btn-secondary {
  display:none;
}
.kaicho {
  float:left;
  border:3px solid #ccc;
  margin:0 1.5em 1.5em 0;
  width:25%;
  max-width:100%;
}
/*--- 会則 ---*/
.kaisoku h3{
  font-size:18px;
  font-weight:700;
  margin:2em 0 1.5em 0;
}
.kaisoku dl{
  display: flex;
  flex-wrap: wrap;
  width: 98%;
  margin:0 0 0 2em;
}

.kaisoku dl dt{
  width: 10%;
  font-weight:100;
}
.kaisoku dl dd{
  width: 90%;
}

.kaisoku dl dd ol{
  margin:1em 0 0 0!important;
}
.kaisoku dl dd ol li{
  margin:0 0 0.5em 0!important;
}
.kaisoku dl dd ul{
  margin:1em 0 0 0!important;
}
.kaisoku dl dd ul li{
  margin:0 0 0.5em 0!important;
}
.kaisoku dl dd dl{
  margin:1em 0 0 -1em!important;
  width:105%;
}
.kaisoku dl dd dl dt {
  width:13%!important;
}
.kaisoku dl dd dl dd {
  width:87%!important;
}
.ikyokuin {
  margin-bottom:2em;
}
.ikyokuin p{
  font-weight:700;
  margin-bottom:0.5em!important;
}
.ikyokuin-grid {
  display: grid;
  grid-template-columns: 1fr  5fr ;
  /*grid-template-areas:"a_left b_right";*/
  margin-left:2em;
  margin-bottom:2em;
}
.semi-tbl{
  width:100%;
  margin:0 0 0 30px;
}

.kai_list {
  list-style:none;
  padding-left:10px;
}

.past-btn {
  border:1px solid #aaa;
  padding:5px 10px;
  width:fit-content;
  background-color:#efefef;
  float:right;
}
.past-btn:hover {
  background-color:#d0d0d0;
}
.past-btn a {
  text-decoration:none;
}
.past-btn a:hover {
  color:#111;
}
.clr {
  clear:both;
}

@media (max-width: 1199px) {

}
@media (max-width: 991px) {

}
@media (min-width: 768px) {
  .main {
    width:74%;
  }
  .container-sidebar-right {
    width:calc(100% - 1em)!important;
  }
}

@media (max-width: 767px) {

}
@media (max-width: 576px) {
.top-banner-grid {
  margin-left:.2em;
}  
  .top-banner-grid {
 grid-template-columns: 1fr;
}
.top_news {
  margin:30px 1em 1em 15px;
}
 .inq_box {
  margin-left: 0;
}
.ikyokuin-grid {
  grid-template-columns: 6fr;
}
 .ikyokuin-grid img {
   display:block;
   margin:1em auto 1em;
   width:100px;
   max-width:100%;
  }
 .base-cont .com-content-article__body {
  margin:60px 10px 80px 10px;
}
.base-cont .com-content-article__body ul {
    margin: 0 0 1em 0;
}
.base-cont .com-content-article__body p {
    margin: 0 0 2em .5em;
}
.base-cont .com-content-article__body ol {
    margin: 0 0 2em 0;
}
/*--- 会則 ---*/
 .kaisoku dl{
  margin:0 0 0 .5em;
} 
.kaisoku dl dt{
  width: 17%;
}
.kaisoku dl dd{
  width: 82%;
}  
.kai_list {
  padding-left:2px;
} 
.kaisoku dl dd dl{
  margin:1em 0 0 -.5em!important;
  width:100%;
}
.kaisoku dl dd dl dt {
  width:30%!important;
}
.kaisoku dl dd dl dd {
  width:96%!important;
}
   
  
  
}

#system-message-container joomla-alert .alert-heading {
  display:none !important;
}

/*.fst-login .alert-heading {
  display:none !important;
}*/