@charset "UTF-8";

/* ---- イベントページ共通設定 ---- */

.block-event-page h1 {
margin-bottom: 20px;
padding: 0;
color: #004EA2;
font-weight: bold;
}
div#pm_event img {
max-width: 100%;
}
div#pm_event div.pm_event_lead h2 {
color: #000;
border-left: #004EA2 5px solid;
padding: 3px 0 3px 5px;
font-weight: bold;
margin: 20px 0 15px 0;
}
div#pm_event div.pm_event_title {
width: 100%;
}

div#pm_event div.pm_event_nav {
margin: 20px 0 30px 0;
}
div#pm_event div.pm_event_nav ul {
margin:0;
padding:0;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
div#pm_event div.pm_event_nav ul li {
display: table;
width: calc(19% - 2px);
height: 48px;
margin: 0 1% 5px 0;
border: #004EA2 1px solid;
list-style: none;
}

div#pm_event div.pm_event_nav ul li a {
position: relative;
display: table-cell;
vertical-align: middle;
color: #004EA2;
background: #efefef;
text-decoration: none;
padding: 0 5px 0 15px;
font-size: 95%;
line-height: 1.3;
}
div#pm_event div.pm_event_nav ul li a::before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f0da';
font-size: 15px;
color: #004EA2;
position: absolute;
width: 15px;
height: 15px;
top: 14px;
left: 5px;
margin: auto;
}
div#pm_event div.pm_event_nav ul li a:hover {
color: #fff;
background: #004EA2;
}
div#pm_event div.pm_event_nav ul li a:hover::before {
color: #fff;
}
div#pm_event div.notice {
background: #eee;
margin: 15px auto;
padding: 15px;
border: #666 1px solid;
}