@charset "UTF-8";

main .event {
position: relative;
padding: 10px 0 40px;
overflow: hidden;
}

main .event h2 {
margin: 0.2em 0 0;
font-size: 2rem;
font-weight: 700;
letter-spacing: 1px;
text-align: left;
}
main .event h2 + p {
}

main .event div.contents {
z-index: 10;
position: relative;
margin-top: 30px;
padding: 25px 0px 0;
background: url(/assets/img/border01.png) repeat-x top center;
}
main .event.top div.contents {
padding-right: 0;
padding-left: 0;
}

main .event h3 {
margin: 0;
padding: 10px 0 ;
font-size: 2.4rem;
line-height: 1.4;
font-weight: 700;
}
main .event h3 span {
padding-left: 1em;
color: #ccc;
}
main .event .dl1 {
margin: 5% 0;
}
main .event .dl1 dt ,
main .event .dl1 dd {
margin: 0;
padding: .25em .5em;
}
main .event .dl1 dt {
font-size: .9em;
background-color: #eee;
}
main .event .dl1 dd {
margin-top: .5em;
margin-bottom: 1em;
}


main .event h4 {
margin: 2.5em 0 .5em;
padding: .5em 0;
font-size: 3rem;
line-height: 1.2;
font-weight: 500;
border-bottom: solid 1px #666;
text-align: left;
}
main .event h4 span {
font-size: 2rem;
}
main .event .bodytxt p {
margin: 0 0 2.2em;
line-height: 2.2;
}
main .event .bodytxt p.migishita {
font-size: 1.2rem;
text-align: right;
}



main .event table tr th ,
main .event table tr td {
padding: 3px 0px;
text-align: left;
vertical-align: middle;
font-size: 1rem;
font-weight: 400;
line-height: 1.3;
border: none;
/* テーブル　スマホ時 */
 width: 100%;
 display: block;
}
main .event table tr th {
white-space: nowrap;
padding-top: 20px;
line-height: 1;
}

main .event table tr th span ,
main .event .category {
display: inline-block;
margin-left: 1em;
padding: .5em 1em;
width: 13em;
font-size: 1rem;
text-align: center;
color: #fff;
background-color: #eee;
}
main .event .category {
margin-left: 0;
}

main .event .col1 { background-color: #8e82bc; }
main .event .col2 { background-color: rgba(140,198,63,1); }
main .event .col3 { background-color: #FA8258; }

main .event table tr td {
padding-bottom: 20px;
font-size: 1.8rem;
border-bottom: solid 1px #666;
}
main .event table tr td a {
display: block;
width: 100%;
height: 100%;
}




@media screen and ( min-width: 769px ) {

main .event { padding: 40px 0 80px; }
main .event div.contents {
padding-top: 50px;
padding-right: 75px;
padding-left: 75px;
}
main .event table tr th ,
main .event table tr td {
width: auto;
display:table-cell;
padding: 15px 0 15px 5px;
border-bottom: solid 1px #666;
font-size: 1.4rem;
}
main .event table tr th {
padding-right: 20px;
white-space: nowrap;
width: 100px;
font-size: 1.2rem;
}

main .event .dl1 {
width: 100%;
overflow: hidden;
}
main .event .dl1 dt {
width: 13em;
float: left;
box-sizing: border-box;
background: none;
}
main .event .dl1 dd {
margin-left: 13em;
}
main .event .dl1 dd:after {
display: block;
content: "";
clear: both;
}

}