@charset "utf-8";

#main_box { line-height: 2.0; }

/* side_menu ----------------- */
li.btn06 {
  background-color: rgb(218,218,218);
  border-bottom-color: rgb(204,204,204) !important;
}
li.btn06 > a {
  pointer-events:none;
  cursor: auto;
}
#side_box .side_menu li.btn06 > a::after {
  display: none;
}




.ir_event .calendar_box {
  
}
.ir_event .calendar_box > ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}
.ir_event .calendar_box > ul > li {
  display: block;
  width: 16%;
}
.ir_event .calendar_box > ul > li > .title_month {
  background-color: rgb(168,168,168);
  color: rgb(255,255,255);
  text-align: center;
}
.ir_event .calendar_box > ul > li > .calendar_item_box {
  position: relative;
  margin-top: 4px;
  padding-top: 120%;
  background-color: rgb(237,237,237);
}
.ir_event .calendar_box > ul > li.item_list {
  position: absolute;
  width: 100%;
  height: calc(100% - 36px);
  top: 36px;
  left: 0;
}
.ir_event .calendar_box .calendar_item {
  position: absolute;
  padding-left: 24px;
  line-height: 1.2;
}
.ir_event .calendar_box .calendar_item::before {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  margin-left: -24px;
  margin-right: 4px;
  border-radius: 10px;
  background-color: rgb(247,175,11);
  vertical-align: top;
  content: '';
}
.ir_event .calendar_box .calendar_item.item01 {
  top: 10%;
  left: 32%;
}
.ir_event .calendar_box .calendar_item.item02 {
  top: 50%;
  left: 48.7%;
  width: 33%;
}
.ir_event .calendar_box .calendar_item.item03 {
  top: 10%;
  left: 57%;
}
.ir_event .calendar_box .calendar_item.item04 {
  top: 48%;
  left: 57%;
}
.ir_event .calendar_box .calendar_item.item05 {
  top: 64%;
  left: 80%;
}
.ir_event .calendar_box .calendar_item.item06 {
  top: 10%;
  left: 32%;
}
.ir_event .calendar_box .calendar_item.item07 {
  top: 50%;
  left: 45%;
  width: 33%;
}
.ir_event .calendar_box .calendar_item.item08 {
  top: 10%;
  left: 57%;
}
.ir_event .calendar_box .calendar_item.item09 {
  top: 10%;
  left: 80%;
}

@media screen and (max-width:1254px) {
  .ir_event .calendar_box .calendar_item {
    font-size: calc(1.1976vw + 0.982px);
    padding-left: calc(2.6946vw - 9.7904px);
  }
  .ir_event .calendar_box .calendar_item::before {
    width: calc(1.497vw + 1.2275px);
    height: calc(1.497vw + 1.2275px);
    border-radius: calc(0.7485vw + 0.6138px);
    margin-left: calc(-1.497vw - 5.2275px);
    margin-right: calc(0.2994vw + 0.2455px);
  }
}
@media screen and (max-width:920px) {
  .ir_event .calendar_box .calendar_item {
    font-size: 16px;
    padding-left: 24px;
  }
  .ir_event .calendar_box .calendar_item::before {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin-left: -24px;
    margin-right: 4px;
  }
}
@media screen and (max-width:767px) {
  .ir_event .calendar_box > ul > li > .title_month {
    font-size: 10px;
  }
  .ir_event .calendar_box > ul > li.item_list {
    height: calc(100% - 24px);
    top: 24px;
  }
  .ir_event .calendar_box > ul > li > .calendar_item_box {
    padding-top: 200%;
  }
  .ir_event .calendar_box > ul:first-child > li > .calendar_item_box {
    padding-top: 220%;
  }
  .ir_event .calendar_box .calendar_item {
    font-size: 10px;
    padding-left: 14px;
  }
  .ir_event .calendar_box .calendar_item::before {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    margin-left: -14px;
    margin-right: 2px;
  }
  .ir_event .calendar_box .calendar_item.item01 {
    top: 2%;
  }
  .ir_event .calendar_box .calendar_item.item02 {
    top: 50%;
  }
  .ir_event .calendar_box .calendar_item.item03 {
    top: 2%;
  }
  .ir_event .calendar_box .calendar_item.item04 {
    top: 36%;
  }
  .ir_event .calendar_box .calendar_item.item05 {
    top: 50%;
  }
  .ir_event .calendar_box .calendar_item.item06 {
    top: 2%;
  }
  .ir_event .calendar_box .calendar_item.item07 {
    top: 25%;
  }
  .ir_event .calendar_box .calendar_item.item08 {
    top: 5%;
  }
  .ir_event .calendar_box .calendar_item.item09 {
    top: 25%;
  }
}


.main_inner { padding-bottom: 90px; }

.ir_event .ir_data_list li div.date-m {
    width: 8.5em;
    padding-left: 15px;
}
.ir_event .ir_data_list li div.yojitsu {
    width: 6.5em;
}
.ir_event .ir_data_list li div.act {
    max-width: calc(614px - 14em);
}
.ir_event .ir_data_list li div.act a:hover {
  text-decoration: underline;
}

.notice_message { text-align: right; }