@charset "utf-8";
.mb0 {margin-bottom: 0px !important;}
.mt70 {margin-top: 70px !important;}
.mt90 {margin-top: 90px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb120 {margin-bottom: 120px !important;}
.red {color: red;}
main.jh_event {color: #333;}
main.jh_event * {box-sizing: border-box;}
main.jh_event a {transition: .2s;}
main.jh_event a:hover {text-decoration: none;opacity: .8;}
/*---------- 一覧 ----------*/
.event_mv img, .event_bnr {width: 100%;}
.event_inner {padding: 0 70px;}
.event_h2 {
  color: #ee7a53;
  border: 1px solid #ee7a53;
  height: 110px;
  font-size: 16px;
  text-align: center;
  padding-top: 25px;
  border-radius: 5px;
}
.event_h2 span {
  font-size: 22px;
  font-weight: bold;
  display: block;
}
ul.select_year {display: flex;flex-wrap: wrap;}
ul.select_year li {width: calc(33.333% - 30px * 2 / 3);margin: 0 30px 20px 0; }
ul.select_year li:nth-child(3n) {margin-right: 0;}
ul.select_year li a {
  border: 1px solid #333;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  color: #333;
  font-size: 18px;
}
.event_block {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  border-bottom: 1px dotted #C7C7C7;
  padding-bottom: 15px;
}
.event_block .img_area {width: 300px;}
.event_photo_l {margin-bottom: 10px;}
.img_area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.event_block .img_area ul {display: flex;justify-content: space-between;}
.event_block .img_area ul li {width: calc(25% - 8px * 3 / 4);height: 70px;}
.event_block .txt_area {flex: 1;padding-left: 20px;position: relative;}
.txt_area p {font-size: 16px;}
.txt_area p.event_name {font-size: 19px;font-weight: bold;margin-bottom: 20px;}
.txt_area table {width: 100%;margin-bottom: 30px;}
.txt_area th, .txt_area td {
  border: 1px solid #C7C7C7;
  padding: 12px;
  font-size: 16px;
  line-height: 1.7;
  color: #333;
}
.txt_area th {
  background: #f1f1f1;
  font-weight: normal;
  width: 62px;
}
.event_block .scl_name {
  font-size: 15px;
  font-weight: bold;
}
.event_block .attr {
  font-size: 12px;
  display: inline-block;
}
.event_block .scl_page_link {
  left: 205px;
  bottom: 20px;
  color: #01AFEC;
  white-space: nowrap;
  display: inline-block;
}
.event_block .scl_page_link::before {content: "\25b6"; }
/*---------- 詳細 ----------*/
.detail_main .txt_area th {width: 92px;}
.scl_hp_link {
  display: block;
  color: #01AFEC;
  border: 2px solid #01AFEC;
  text-align: center;
  font-size: 16px;
  width: 300px;
  height: 55px;
  padding-top: 8px;
  border-radius: 10px;
  line-height: 1.3;
  float: right;
  margin-bottom: 40px;
}
.scl_hp_link span {font-size: 14px;display: block;}
.scl_hp_link:hover {color: #01AFEC;}
.detail_main .event_block {border-bottom: none;}