@charset "utf-8";
 .itemWrap {
width:100%;
padding:0 0 28px;
}
.itemWrap h2{
float:left;
width:160px;
}
.itemWrap .item {
margin-left:170px;
font-size:1.6rem;
}
.itemWrap .item h3 {
margin:0 0 10px;
padding:5px 12px;
background-color:#e5ebee;
font-weight:bold;
font-size:2.0rem;
}
.itemWrap .item h4 {
margin:0 12px 10px ;
font-weight:normal;
}
.itemWrap .item p {
margin:0 12px 10px ;
}
.itemWrap .item p.schedule {
color:#ea297b;
}
.itemWrap .item dl {
margin:0 12px 10px ;
border-bottom:1px solid #bfbfbf;
}
.itemWrap .item dl dt {
margin:0 0 10px;
font-weight:bold;
font-size:1.8rem;
}
.itemWrap .item dl dd {
padding:0 0 1em;
word-break: break-all;
}
.itemWrap .item ul.date {
}
.itemWrap .item ul.date li {
display:inline-block;
}
.itemWrap .item ul.notes {
padding:5px 0 0;
font-size:0;
}
.itemWrap .item ul.notes li {
display: inline-block;
margin: 0 1em 0 2em;
text-indent: -1em;
font-size: 1.2rem;
}
.itemWrap .item a.btn {
display:inline-block;
padding:5px 10%;
border:1px solid #0b6fb9;
border-radius:6px;
text-decoration:none;
font-weight:bold;
color:#0b6fb9;
}
.itemWrap .item a.btn:hover {
background-color:#0b6fb9;
color:#ffffff;
}
.itemWrap.state_over .item a.btn,
.itemWrap .item a.state_over.btn {
position:relative;
pointer-events: none;
border:1px solid #9f9f9f;
background-color:#bfbfbf;
border-radius:6px;
text-decoration:none;
font-weight:bold;
color:#9f9f9f;
}
.itemWrap.state_over .item a.btn:before,
.itemWrap .item a.btn.state_over:before {
display:block;
position:absolute;
left:50%;
top:0;
content:"受付終了";
margin-left:-2em;
padding:5px 0;
text-align:center;
font-weight:bold;
color:#cc0000;
} .itemWrap.state_msg .item a.btn {
min-width: 210px;
padding: 5px 20px;
text-align: center;
border-color: #999;
font-size: 0;
color: transparent;
pointer-events: none;
}
.itemWrap.state_msg .item a.btn::before {
content: "";
color: #999;
font-size: 1.6rem;
} .navigation.pagination {
overflow: hidden;
padding:24px 0 16px
}
.navigation.pagination .screen-reader-text {
display:none;
}
.nav-links {
text-align:center;
}
.nav-links span,
.nav-links a {
display: inline-block;
font-size: 1.6rem;
margin: 0 1px 2px;
padding: 0.6em 1em;
border:1px solid #ffffff;
background-color:#ffffff;
border-radius: 3px;
}
.nav-links a {
background: #fff;
border:1px solid #eeeeee;
color: #00bcba;
text-decoration: none;
}
.nav-links a:hover {
border:1px solid #eeeeee;
background-color:#eeeeee;
border-radius: 3px;
}
.nav-links span.current {
border:1px solid #eeeeee;
background-color:#eeeeee;
}
@media only screen and (max-width: 640px) {
.itemWrap h2{
float:none;
width:100%;
margin:0 0 10px;
}
.itemWrap .item {
margin-left:0;
} .nav-links .page-numbers,
.nav-links .page-numbers.current{
display:none;
}
.nav-links .page-numbers.prev,
.nav-links .page-numbers.next{
display:inline-block;
}
}