@charset "UTF-8";
/* CSS Document */

@keyframes zoomUp {
0% {
transform: scale(1);
}
100% {
transform: scale(1.15); /* 拡大率 */
}
}



/*PC*/
@media print, screen and (min-width: 768px) {

/* schedule
--------------------------------------------*/
#schedule{
position: relative;
}

#schedule .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 140px;
}

#schedule .section_wrap .block{
margin: 0 0 60px;
}

#schedule .section_wrap .block:last-child{
margin-bottom: 0;
}

#schedule .section_wrap .block h3{
font-size:2.8rem;
font-style: italic;
line-height: 1;
margin: 0 0 20px;
}

#schedule .section_wrap .block h3 span{
font-size: 1.4rem;
}

#schedule .section_wrap .block h4{
font-size: 1.2rem;
line-height: 1;
display: inline-block;
padding: 5px 8px 6px;
box-sizing: border-box;
background: #121212;
color: #FFF;
margin: 0 0 10px;
}

#schedule .section_wrap .block h5{
font-size: 1rem;
line-height: 1;
margin: 0 0 10px;
}


#schedule .section_wrap .block .txt{
font-size: .9rem;
font-weight: 600;
line-height: 1.4;
margin-bottom: 20px;
}

#schedule .section_wrap .block .scroll{
margin: 0;
}


#schedule .section_wrap .block .scroll table{
width: 100%;
border-top:1px solid #121212;
border-right:1px solid #121212;
font-size: .9rem;
}

#schedule .section_wrap .block .scroll table th{
width:170px;
background:#ffeaef;
padding: 10px;
box-sizing: border-box;
border-left:1px solid #121212;
border-bottom:1px solid #121212;
text-align: left;
}

#schedule .section_wrap .block .scroll table td{
width: 10%;
width: 100px;
background: #FFF;
padding: 10px;
box-sizing: border-box;
border-left:1px solid #121212;
border-bottom:1px solid #121212;
text-align: center;
}
#schedule .section_wrap .s_txt{
font-size: .8rem;
text-align: right;
}


/*com
------------*/
.sub_ttl{
font-size: 1.6rem;
font-weight: 300;
font-style: italic;
color: #eb55a5;
margin: 0 auto 20px;
text-align: center;
}

.red_txt{
font-size: 1.2rem;
font-weight: 300;
font-style: italic;
margin: 0 auto 60px;
}

.red_txt span{
display: block;
font-size: 1rem;
margin-top: 10px;
}


}
/*sp*/
@media only screen and (max-width: 767px) {

/* schedule
--------------------------------------------*/
#schedule{
position: relative;
}

#schedule .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 100px;
}

#schedule .section_wrap .block{
margin: 0 0 30px;
}

#schedule .section_wrap .block:last-child{
margin-bottom: 0;
}

#schedule .section_wrap .block{
margin: 0 0 40px;
}

#schedule .section_wrap .block:last-child{
margin-bottom: 0;
}

#schedule .section_wrap .block h3{
font-size:2.4rem;
font-style: italic;
line-height: 1;
margin: 0 0 10px;
}

#schedule .section_wrap .block h3 span{
font-size: 1.4rem;
}

#schedule .section_wrap .block h4{
font-size:.9rem;
line-height: 1.2;
display: inline-block;
padding: 5px 8px 6px;
box-sizing: border-box;
background: #121212;
color: #FFF;
margin: 0 0 10px;
}

#schedule .section_wrap .block h5{
font-size:.8rem;
line-height: 1;
margin: 0 0 10px;
}


#schedule .section_wrap .block .txt{
font-size: .8rem;
font-weight: 600;
line-height: 1.4;
margin-bottom: 20px;
}

#schedule .section_wrap .block .scroll{
margin: 0;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}


#schedule .section_wrap .block .scroll table{
width: 100%;
font-size: .8rem;
white-space: nowrap;
}

#schedule .section_wrap .block .scroll table th{
padding: 6px 10px;
box-sizing: border-box;
border: 1px solid #121212;
text-align: left;
}

.sticky {
position: sticky;
top: 0;
left: 0;
background: none;
border-left: none;
border-right: none;
}
.sticky::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ffeaef;
border-left:1px solid #121212;
border-right:1px solid #121212;
z-index: -1;
}

#schedule .section_wrap .block .scroll table td{
background: #FFF;
padding: 6px 10px;
box-sizing: border-box;
border: 1px solid #121212;
text-align: center;
}
#schedule .section_wrap .s_txt{
font-size: .8rem;
text-align: right;
}



}