@charset "utf-8";
/* Info CSS */

/* MAIN
----------------------------------------------------------------------------------------------------*/
/* Info List Contents
*************************************** */
#info_list_cont .info_list {
  min-height: 45vw;
}

.info_list {
  margin: 10px 0;
}

.info_list li {
  padding-bottom: 10px;
  border-bottom: solid 1px #666666;
  transition: all .5s ease-in-out;
}

.info_list li.no_data {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  border: none;
}

.info_list li.no_data p {
  width: 100%;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}

.info_list li:hover {
  background-color: #d3edcc;
}

.info_list li.no_data:hover {
  background-color: #fff;
}

.info_list .link {
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 10px 0 0 0;
  color: #000;
  font-size: 1.4rem;
  font-weight: bold;
  transition: all .2s ease-in-out;
}

#info_list_cont .info_list .link {
  display: flex;
  flex-wrap: wrap;
}

.info_list dt span::before {
  content: "";
  margin: 0 5px;
  padding: 2px 5px;
  border-radius: 10px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
}

.info_list dt span.new::before {
  content: "お知らせ";
  background-color: #33af0d;
}

.info_list dt span.event::before {
  content: "イベント";
  background-color: #ffa945;
}

.info_list dt span.other::before {
  content: "その他";
  padding: 2px 10px;
  background-color: #9a9a9a;
}

.info_list .title {
  text-align: left;
  line-height: 1.2;
}

#info_list_cont .info_list .title {
  width: 100%;
  padding-top: 4px;
}


/* -------------------- for SP (480px) ---480px以下
----------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  /* MAIN
  ----------------------------------------------------------------------------------------------------*/ 
  /* Info List Contents
  *************************************** */
  #info_list_cont .info_list {
    min-height: 90vw;
  }

}
/* (max-width: 480px) end */


/* -------------------- for Tablet (481px) and (1023px) ---481から1023px以内
----------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 481px) and (max-width: 1023px) {
  /* MAIN
  ----------------------------------------------------------------------------------------------------*/
  /* Info List Contents
  *************************************** */
  
  
}
/* (min-width: 481px) and (max-width: 1023px) end */