@charset "utf-8";
/*************************************************
  calendar.css
**************************************************/
/* 基本スタイル */


.event_section {padding: 1em; margin-top:30px;}
.event_section h2 {font-size: 1.5em;position: relative; margin-top: 10px;color: #fff;margin-bottom: 0.2em;}

.event_section .event_month a{margin: 1em;padding:1em;background: #FBE8C3;display: block;width:200px;position: relative;border-radius: 5pt;text-decoration: none;color:#000;}
.event_section .event_month a:before {position: absolute;display: block;content: "";right: 1.5em;top: 50%;margin-top: -0.5em;transition-duration: 0.2s;background-image: url("../img/button_arrow.png");width:10.5px;height:16px;background-size:contain;}
.event_section .event_month a:hover:before {right: 1.2em;transition-duration: 0.2s;}
.contents_wrap .top_section.sec_05{margin-bottom: 50px; background: #06092C;}

/* イベントカレンダー */
.event_section table tbody{width:100%;margin:0;padding:0;}
.event_section table {border:none;}
table.calendar { font-size: 0.85em; margin-top: 0;}
table.calendar th {background: rgba(0, 0, 0, 0.6); color: #fff;}
table.calendar th:first-child { background-color: #FFaaaa; color: #000;}
table.calendar th:last-child { background-color: #73B3FF; color: #000;}
table.calendar td { width: 14.28%; padding: 0px; border-color: #B3ADA6; background-color: #15173E; vertical-align: top; box-sizing: border-box;}
table.calendar td dl { margin: 0px; padding: 0px; min-height: 8em;}
table.calendar td dl dt { margin: 0; padding: 0.2em; color: #fff;  background-color: none; border-bottom: dotted 1px #fff; width: 100%;}
table.calendar td.sun dl dt,table.calendar td.sat dl dt{color: #000;}
table.calendar td:first-child dt { background-color: #FFE1E1;}
table.calendar td:last-child dt { background-color: #D7F2FF;}
table.calendar td dl dd { margin: 0; border-bottom: 1px dotted #CCCCCC;}
table.calendar td dl dd:last-child { border: none;}
table.calendar td dl dd a { display: block; padding: 0.5em 0.5em 0.4em; color: #fff;}
table.calendar td dl dd a:hover,
table.calendar td dl dd a:focus { background-color: #00000075;}

table.calendar.list { width: 100%}
table.calendar.list th { display: none;}
table.calendar.list td { width: 100%; display: block; margin: 0 0 1em 0; padding: 0; border: none!important; text-align: left;}
table.calendar.list td dl { min-height: inherit;}
table.calendar.list td dl dt { padding: 0.5em 0.2em 0.4em;}
table.calendar.list td dl dd a { padding-left: 1em;}

#calbutton { display:flex; justify-content: space-between;}

#calender_date { margin-bottom: 1.5em; padding: 1em 3em 0.9em 2em; font-size: 1.2em; color: #000; text-decoration: none; background-color: #FBE8C3; border: 3px solid #FBE8C3; border-radius: 0.2em; transition-duration: 0.15s;}

table.calendar.list td:nth-child(1) dt:after { content: "日（日曜日）";}
table.calendar.list td:nth-child(2) dt:after { content: "日（月曜日）";}
table.calendar.list td:nth-child(3) dt:after { content: "日（火曜日）";}
table.calendar.list td:nth-child(4) dt:after { content: "日（水曜日）";}
table.calendar.list td:nth-child(5) dt:after { content: "日（木曜日）";}
table.calendar.list td:nth-child(6) dt:after { content: "日（金曜日）";}
table.calendar.list td:nth-child(7) dt:after { content: "日（土曜日）";}

a#view_change {margin-bottom: 20px;}

@media screen and (max-width:1044px) {
.top_section.sec_05.wrap {
        padding-top: 20px;
}
}