@charset "UTF-8";

/* ---------------------------------------------- schedule */
#schedule {
padding:50px 0 100px;
}
#schedule .scheduleWrap {
margin: 80px 0 0 0;
width: 100%;
}
#schedule .scheduleWrap dl {
position: relative;
display: flex;
}
#schedule .scheduleWrap dl:before {
display: block;
color: #fff;
padding: 10px;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
background: #fc463a;
height: 1.6em;
line-height: 1.6em;
text-align: center;
width:140px;
}
#schedule .scheduleWrap dl:nth-child(1)::before {
content: "8月～9月上旬";
}
#schedule .scheduleWrap dl:nth-child(2)::before {
content: "10月初旬"; 
}
#schedule .scheduleWrap dl:nth-child(3)::before {
content: "12月中旬";
}
#schedule .scheduleWrap dl:nth-child(4)::before {
content: "12月";
}
#schedule .scheduleWrap dl:nth-child(4)::after {
content: "終了";
display: block;
color: #fff;
padding: 10px;
position: absolute;
bottom: -40px;
left: 0;
right: 0;
margin: auto;
background: #fc463a;
height: 1.6em;
line-height: 1.6em;
text-align: center;
width:140px;
}
#schedule .scheduleWrap dt {
width: 50%;
}
#schedule .scheduleWrap dd {
border-left: 5px dotted #fc463a;
padding: 80px 0 20px 30px;
width: 50%;
font-size: 115%;
line-height: 1.7;
}
#schedule .scheduleWrap dd strong {
display: block;
font-size:150%;
text-align: center;
margin: 0 0 30px 0;
}
#schedule .scheduleWrap dd strong span {
font-size: 84%;
font-weight: bold;
}
#schedule .scheduleWrap dl:before,
#schedule .scheduleWrap dl:nth-child(6)::after {
font-weight: bold;
}
#schedule .scheduleWrap .img01 {
padding: 8%;
}
#schedule .scheduleWrap .img02 {
padding: 5%;
}
#schedule .scheduleWrap .img03 {
display: block;
padding:20px 13.4% 0;
}
#schedule .scheduleWrap .img04 {
padding: 8%;
}
#schedule .scheduleWrap .img05 {
padding: 5.1%;
}
#schedule .scheduleWrap .img06 {
display: block;
padding:20px 12.4% 0;
}
#schedule .scheduleWrap .img07 {
padding: 8%;
}
#schedule .scheduleWrap .img08 {
padding: 5%;
}
#schedule .scheduleWrap .img09 {
display: block;
padding:20px 12.4% 0;
}


@media screen and (min-width: 0px) and (max-width:720px) {
#schedule .txt01 {
font-size: 115%;
}

#schedule .scheduleWrap {
margin: 40px 0 0 0;
}
#schedule .scheduleWrap dd {
padding: 55px 0 40px 15px;
font-size: 86%;
}
#schedule .scheduleWrap dd strong {
text-align: left;
margin: 0 0 10px 0;
font-size: 117%;
}
#schedule .scheduleWrap .img01 {
padding: 60px 5% 2% 0;
}
#schedule .scheduleWrap .img02 {
padding: 60px 5% 2% 0;
}
#schedule .scheduleWrap .img03 {
padding:20px 0 0 0%;
}
#schedule .scheduleWrap .img04 {
padding: 60px 8% 2% 0;
}
#schedule .scheduleWrap .img05 {
padding: 60px 5% 2% 3%;
}
#schedule .scheduleWrap .img06 {
padding:20px 0 0 0;
}
#schedule .scheduleWrap .img07 {
padding: 60px 9% 2% 0;
}
#schedule .scheduleWrap .img08 {
padding: 60px 5% 2% 0;
}
#schedule .scheduleWrap .img09 {
padding: 20px 0% 2% 0;
}

}