.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}




.cat_box{
  display: flex;
  margin: 0 25px;
}
 .cat_box p{
   display: block;
   margin: 0;
 }
.cat_link{
  width: calc(100% / 7);
  font-size: 12px;
  margin: 0;
  padding: 4px 0;
  text-align: center;
  border-left: 1px solid #eee;
  box-sizing: border-box;
  color: #464e54;
}
.cat_link:first-child{
  border: none;
}
.cat_j{
  line-height: 18px;
}
.cat_e{
  font-size: 15px;
  line-height: 20px;
}
@media (max-width: 768px) {
 .cat_link{
   font-size: 10px;
  }
 .cat_e{
   font-size: 12px;
  }
}
.cat_all{
  display: block;
  margin-top: 36px;
  margin-bottom: 26px;
  text-align: center;
}
.cat_all_link{
  display: inline-block;
  padding: 4px;
}

.group_box{
  display: inline-block;
  position: relative;
  margin: 0 25px 20px 25px;
}
 .group_box p{
   float: left;
 }
.group_link{
  position: relative;
  font-size: 12px;
  margin: 10px 5px;
  padding: 10px 15px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
  text-align: center;
  color: #464e54;
  overflow: hidden;
  float: left;
  -webkit-transition:	all 0.6s ease;
  transition:		all 0.6s ease;
}
 .group_link::before {
   content: '';
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0%;
   background-color: #aaa;
   -webkit-transition:	all 0.6s ease;
   transition:		all 0.6s ease;
   transform: translateY(-100%);
   z-index: -1;
 }
 .group_link:hover {
   text-decoration: none;
   border: 1px solid #aaa;
   color: #fff;
 }
 .group_link:hover::before{
   transform: translateY(0);
 }
 .group_link2::before {
   content: '';
   width: 50%;
   height: 300%;
   position: absolute;
   top: 0;
   left: 0;
   background-color: #aaa;
   -webkit-transition:	all 0.6s ease;
   transition:		all 0.6s ease;
   transform: translateY(-150%) skewY(45deg);
   z-index: -1;
 }
 .group_link2::after {
   content: '';
   width: 50%;
   height: 300%;
   position: absolute;
   top: 0;
   left: 50%;
   background-color: #aaa;
   -webkit-transition:	all 0.6s ease;
   transition:		all 0.6s ease;
   transform: translateY(-150%) skewY(-45deg);
   z-index: -1;
 }
 .group_link2:hover {
   text-decoration: none;
   border: 1px solid #aaa;
   color: #fff;
 }
 .group_link2:hover::before{
   transform: translateY(-30%) skewY(45deg);
 }
 .group_link2:hover::after{
   transform: translateY(-30%) skewY(-45deg);
 }
.group_btn{
  display: inline;
}
.group_expl{
  position: absolute;
  top: 120px;
  left: 0;
  width: 100%;
  text-align: center;
  opacity: 0;
  -webkit-transition:	all 0.6s ease;
  transition:		all 0.6s ease;
}
.group_expl p{
  display: contents;
}
.group_btn:hover .group_expl{
  opacity: 1;
}
.cat-select{
  display: none;
  margin: 10px;
}
@media (max-width: 560px) {
 .cat_name, .cat_box, .cat_all, .group_name, .group_box{
   display: none;
 }
 .cat-select{
   display: block;
 }
}

.col2{
  width: calc(100% - 200px);
  float: right;
}

#Side-menu{
  width: 200px;
  height: auto;
  float: left;
}
.side-menu{
  margin-top: 67px;
}
.sideFixed{
  position: fixed;
  top: 54px;
  left: calc(50% - 450px);
  margin: 0;
}
.hide{
  display: none;
}
.side_cat p{
  display: flex;
  font-size: 12px;
  margin: 8px;
}
.side_group p{
  display: flex;
  font-size: 12px;
  margin: 8px;
}
.side-icon li {
  width: 50px;
}

@media (max-width: 980px) {
  .col2{
  	width: calc(100% - 50px);
  	float: right;
  }
  #Side-menu{
    width: 50px;
  }
  .side_hide{
    display: none;
  }
  .side-icon li {
    float: none;
  }
  .sideFixed{
    left: auto;
  }
  .footer-secondary {
    width: 100%;
  }
}
.hide1{
  display: none;
}

@media (max-width: 768px) {
  .col2{
  	width: 100%;
  }
  #Side-menu{
    display: none;
  }
  .hide1{
    display: block;
  }
}

.news-act{
  margin-bottom: 80px;
}
 .news-act a{
   display: block;
   position: relative;
   width: calc(50% - 4%);
   height: 120px;
   margin: 0 2%;
   float: left;
   text-align: center;
   line-height: 120px;
   font-size: 20px;
   box-sizing: border-box;
   border: 1px solid #ddd;
   overflow: hidden;
 }
 .news-act a:hover{
   text-decoration: none;
   font-size: 28px;
 }
 .news-act img{
   position: absolute;
   top: 0;
   left: 0;
   width:100%;
   height: 100%;
   object-fit: cover;
   filter: opacity(30%);
   -webkit-transition:	all 0.6s ease;
   transition:		all 0.6s ease;
   /*transform: scale(1.2,1.2);*/
   z-index: -1;
 }
 /*.news-act a:hover img{
   transform: scale(1,1);
 }*/

.tbl_calendar{
  float: left;
  margin: 0 20px;
}
.tbl_calendar th, .tbl_calendar td{
  font-family: "Karla",sans-serif;
}
.side_cal_memo{
  clear: both;
  padding: 20px;
}