/* ---------------------------------------------------
    CONTENT MAIN STYLE
----------------------------------------------------- */
.container {
    max-width: 720px;
}

a.clickHereLink,
a.clickHereLink:hover,
a.clickHereLink:focus {
    color: inherit;
    text-decoration: none;
}


/* -------------------------------------------------- */
/* スケジュール */
/* -------------------------------------------------- */
.box{
    -webkit-align-items: flex-start;  /* Safari etc. */
    -ms-align-items    : flex-start;  /* IE10        */
    align-items        : flex-start;
}

div.schedule{
    flex: 2 0 300px;    
    margin-bottom: 1em;
}

div.schedule .title {
    color: white;
    font-weight: bold;
    padding: 0 1em;
}

div.schedule .title.spring{background-color: #66b92d;}
div.schedule .title.summer{background-color: #00a3df;}
div.schedule .title.autumn{background-color: #ed7faf;}
div.schedule .title.winter{background-color: #f39800;}

.schedule-header{
    width: 11em;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1.5em solid #aeaeae;
    border-right: 1em solid transparent;
    height: 0;
    line-height:1.5em;
}

.wrap-schedule{
    margin-top: 0.5em;
}


header {    
    background-color: var(--main-theme-color);    
    height: 160px !important;    
}

header .headerTitle {
   text-align: center;header .headerTitle {
   width: 100%;
   height: 160px !important;    
}


header.noMenu{    
    height:160px !important;
}

img{
    max-width: 100%;
}