@charset "UTF-8";
/*JMC Schedule*/
/*<.schedule
    <.schedule-item
        <.schedule-title>
        <.schedule-item-content
            <p>
        >
     >
  >
*/
.schedule {
    display:flex;
    flex-direction:row;
    align-self:flex-start;
    height:auto;
    width:100%;
    border-top: 3vh double #AAAAAA;
	border-bottom: 3vh double #AAAAAA;
	margin-bottom:10%;
    text-align: left;
    background:url("../Assets/schedule-touch.png") no-repeat 100% 100%;
    background-size:40%;
}
@media only screen and (orientation:portrait)
    {.schedule{font-size:3vw;width:100vw; margin:0 0;background-size:30%;}}

@media only screen and (min-width:1401px) and (orientation:landscape)
    {.schedule{font-size:120%;}}/*IMPORTANT Unit basis*/
@media only screen and (max-width:1024px) and (orientation:landscape)
    {.schedule{background-size:25%;width:100vw; margin:0 0 3% 0;}}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape)
    {.schedule{font-size:3vh;}}/*IMPORTANT Unit basis*/
@media only screen and (max-width:767px) and (orientation:landscape)
    {.schedule{font-size:4vh;}}

.schedule-title{
    font-size: 1.5em;
    font-weight: 300;
    padding:4% 8%;
}
@media only screen and (orientation:portrait)
    {.schedule-title{padding:4% 10vw;}}

@media only screen and (max-width:1024px) and (orientation:landscape)
    {.schedule-title{padding:4% 10vw;}}


.schedule-item-content{
    font-size:0.9em;
    padding: 0 4% 0 6%;
    width: inherit;
    display:none;
}
@media only screen and (orientation:portrait)
    {.schedule-item-content{width:100vw;padding:0 12%;}}

@media only screen and (max-width:1024px) and (orientation:landscape)
    {.schedule-item-content{width:100vw;padding:0 12%;}}


.space-bar {
    height:2vh;
}