@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; }