@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Teko");
/*-----------------------------------------------------
	IR イベント
------------------------------------------------------*/
/* section
------------------------------------------------------*/
.calendar_wrap { padding-left: 30px; }

table.ir_calendar { margin: 0 0 30px 0; width: 100%; font-size: 14px; border-top: solid 1px #ccc; }
table.ir_calendar th, table.ir_calendar td { padding: 10px; width: 40px; text-align: center; border-left: solid 1px #ccc; border-bottom: solid 1px #ccc; }
table.ir_calendar th:last-child, table.ir_calendar td:last-child { border-right: solid 1px #ccc; }
table.ir_calendar th { background: #ddd; }
table.ir_calendar td { height: 60px; }
table.ir_calendar .category_name { text-align: left; width: 60px; }

@media screen and (max-width: 750px) { .calendar_wrap { margin-bottom: 20px; padding-left: 0; overflow-x: auto; white-space: nowrap; }
  .calendar_wrap p { margin-bottom: 10px; font-size: 12px; }
  .calendar_wrap::-webkit-scrollbar { height: 5px; }
  .calendar_wrap::-webkit-scrollbar-track { background: #ccc; }
  .calendar_wrap::-webkit-scrollbar-thumb { width: 50%; background: #999; }
  table.ir_calendar { margin-left: 0; font-size: 12px; } }
.ir_event_list { margin: 0 0 30px 30px; }
.ir_event_list li { margin-bottom: 10px; }
.ir_event_list li a { color: #000 !important; }
.ir_event_list li a:hover { color: #999 !important; text-decoration: none; }
.ir_event_list .event_list_inner { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.ir_event_list .event_list_inner li { margin-right: 20px; }
.ir_event_list .event_list_inner li:last-child { margin-right: 0; }
.ir_event_list .event_list_inner li span { color: #e5002d; }

@media screen and (max-width: 750px) { .ir_event_list { margin-left: 0; }
  .ir_event_list .event_list_inner li { margin-right: 10px; } }
.event_btn { display: block; margin: 30px auto; padding: 10px 30px; width: 50%; background: #999; text-align: center; border-radius: 10px; }
.event_btn span { color: #fff; font-weight: bold; }
.event_btn:hover { background: #e5002d; text-decoration: none; transition: all .5s ease; }

@media screen and (max-width: 750px) { .event_btn { width: 80%; font-size: 16px; } }
.event_caution { margin-bottom: 40px; padding-left: 55px; list-style-type: square; }
.event_caution li { margin-bottom: 10px; }

@media screen and (max-width: 750px) { .event_caution { padding-left: 20px; font-size: 12px; }
  .event_caution li { line-height: 1.6; } }

/*# sourceMappingURL=event.css.map */