﻿.main{overflow:unset}
.container_ {width: 1100px; margin: 30px auto 50px;position:relative;}
.container_ .content_list {margin-top:40px}
.container_ .rightmenuframe_ { position:unset !important; float:left; margin-right:0px; width:250px;}
h1.event_title_ { font-size:25px; font-weight:bold; border-left:5px solid #C71749; padding-left:10px;margin-top:0;}
.news-category-nav{
  background-color: #fff;
  padding: 30px 0 0px;
  margin-bottom: 20px;
  position: sticky;
  top:90px;
  z-index: 1;
}
.news-category-nav-list{
  display: flex;
  flex-wrap: wrap;
}
.news-category-nav-list-item{
  display: flex;
  flex:1;
}
.news-category-nav-list-item a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  padding-bottom:14px;
  border-bottom:solid 1px #CECECE;
  font-weight: 600;
  position: relative;
}
.news-category-nav-list-item a:before{
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;
  background: #c71749;
  z-index: 1;
  transition: 0.3s;
}
.news-category-nav-list-item a:hover, .news-category-nav-list-item a.is-active{
  color: #C71749;
}
.news-category-nav-list-item a:hover:before, .news-category-nav-list-item a.is-active:before{
  width: 100%;
}
.news-list{
  margin:0 0 30px;
}
.news-list a:last-of-type{
  border-bottom:unset;
}
.news-list a {
  display: flex;
  align-items:center;
  text-decoration: none;
  border-bottom:solid 1px #CECECE;
  padding: 1.4em 0;
}
.news-list a:hover {
  opacity: .5;
}
.news-list dl {
  width: 78%;
  margin:0 0 0 2%;
  display: flex;
  flex-wrap:wrap;
  align-items: flex-start;
}
.news-list dt {
  display: flex;
  align-items: center;
  margin: 0 16px 0 0;
}
.news-list dt span {
  display: block;
  width: 120px;
  margin: 0 0 0 0;
  color: #fff;
  font-size: 13px;
  text-align: center;
}
.news-list-item-thumb{
  width: 20%;
  margin: 0;
}
.news-list-item-thumb{
  background-color: #C71749;
  position: relative;
}
.news-list-item-thumb:before{
  content:"";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  backdrop-filter:blur(10px);
}
.news-list-item-thumb >img{
  aspect-ratio: 16 / 9;
  height: auto;
  width: 100%;
  object-fit: contain;
  position: relative;
}
.news-list-item-head-label{
  background:#C71749 !important;
}
.news-list-item-head-date.date_info{
  text-decoration:underline;
  font-size:inherit;
  color:inherit;
}
.news-list-item-head-date.date_info:hover{
  text-decoration:none;
}
.news-list dd {
  flex-basis: 100%;
  font-size: 16px;
  margin: 0;
  text-decoration:underline;
}
.news-list dd:hover {
  text-decoration:none;
}
.cat-list-item{
  display: block;
  text-decoration: none;
  margin-bottom: 30px;
}
.newslist_{
  margin-bottom:2em !important;
}

.navipage_.bottom_ { margin-bottom:5%;}
.navipage_ center a, .navipage_ center .navipage_now_{
  border:solid 1px #ddd;
  display:inline-block;
  padding:14px 14px 10px;
  margin-left:5px;
  margin-right:5px;
  line-height:1;
}
.navipage_now_{
  background: #C71749;
  	color: #fff;
}

/*1101px以上の時、効かせる*/
@media (min-width: 1101px){
    
}
/*1100px以下の時、効かせる*/
@media (max-width: 1100px){
  .container_ {width: auto; margin: 3%;}
  .container_ .content_list { margin-right:0px; margin-top:20px; width:100%;}
  .container_ .rightmenuframe_ { float:none; margin-right:0px; width:100%;position:static;}
  h1.event_title_ { font-size:18px; font-weight:bold; border-left:5px solid #C71749; padding-left:10px;}
  .rightmenuframe_ .visual_.forcms_block h2.event_title_ {
      color: #ffffff;
      font-size: 16px;
      font-weight: bold;
      line-height: 2.0;
      letter-spacing: 0.04em;
      padding: 9px 5px 9px 20px;
      background-color: #C71749;
  }
  .cat-list{
    display: flex;
    display: -webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .cat-list-item{
    width: 48%;
  }
}
@media (max-width: 480px) {
  .news-category-nav{
    padding: 25px 0 0px;
    margin-bottom: 15px;
    position: sticky;
    top: 68px;
    border-bottom: solid 1px #CECECE;
  }
  .news-category-nav-list{
    gap:5px 10px;
  }
  .news-category-nav-list-item{
    flex:unset;
  }
  .news-category-nav-list-item a{
    padding-bottom:8px;
    border: none;
  }
  .news-category-nav-list-item a::before{
    display: none;
  }
  .news-list,
  .news-list:last-of-type {
    margin: 0 0 24px;
  }
  .news-list dl{
    width: 75%;
    font-size:14px;
    display: block;
  }
  .news-list dt {
    margin: 0 0 4px;
  }
  .news-list dt span {
    font-size: 3.2vw;
    min-width: 125px;
  }
  .news-list a{
    padding: 1em 0;
  }
  .news-list-item-thumb{
    width: 24%;
  }
  .news-list-item-thumb >img{
    aspect-ratio: 1;
    object-fit: cover;
  }
  .news-list dd{
    font-size: 14px;
  }
  .navipage_ center a, .navipage_ center .navipage_now_{
    margin-bottom:10px !important;
    display: inline-block;
  }
  .cat-list-item-desc{
    min-height: 6em;
  }
}
