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

html{overflow-x:hidden!important;}
h1, h2, h3 {
     font-weight:900;
}
h2{margin-bottom: 1em!important; text-align: left!important;}

#mainContents h2{
font-size: 180%!important;
margin-bottom: 0.8em!important;}

.tc{text-align: center!important;}
p{margin: 0.5em auto;}

.LgrayBG .tt{text-align: center; font-size: 120%; padding: 0.5em;border: solid 1px #ccc; padding: 0.5em;
border-radius: 8px;}
.LgrayBG .lu{text-align: center; font-size: 120%; padding: 0.5em;border: solid 1px #ccc; padding: 0.5em;
border-radius: 8px;}
.kurobeta{background-color:#FF0000;
color: #fff;
max-width: 18em;
text-align: center;
padding:0.3em 0.5em 0.3em 0.5em;
font-size: 130%!important;
border-radius: 12px;}

.directorBG{background:#f7b6da url(../../images/directorBG.jpg) bottom right no-repeat;
border-top:solid 8px #C20060;
font-size: 108%; padding: 2em;}

.small{font-size: 90%;}

#lineup{position: relative;}
#lineup h2{margin:1em 0em; color: #fff; font-size: 120%; border-left:solid 8px #E3017F; padding-left: 16px; font-weight:bold !important;}
#lineup div{margin-bottom: 10px;}
#lineup figure{overflow: hidden;}
#lineup div.timetableLink,#lineup div.timetableLinks{position: relative;
border: solid 1px #ccc; padding: 0.5em;
border-radius: 8px;}

@media screen and (min-width: 370px) {
#lineup div.timetableLink{position: absolute; top:8px; right:1em;border: solid 1px #ccc; padding: 0.5em;
border-radius: 8px;}
#lineup div.timetableLinks{display:none;}
}

@media screen and (max-width: 767px) {
#lineup .col-sm-24 figure{margin-right: 50px;margin-left: 50px;}
#lineup .col-sm-12 figure{margin-right: 50px;margin-left: 50px;}
}
.timetableLink a i {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #f3f3f3;
    background: none;
    line-height: 10px;
    font-size: 24px;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    text-decoration:none!important;
}
.timetableLink a:link {
    color: #FFF
}
.timetableLink a:visited {
    color: #FFF
}
.timetableLink a:hover {
    color: #E3017F
}


#timetable{position: relative;}
#timetable h2{margin:1em 0em; color: #000; font-size:120%; border-left:solid 8px #E3017F; padding-left: 16px; font-weight:bold !important;}
#timetable div{margin-bottom: 10px;}

#timetable div.lineupLink,#timetable div.lineupLinks{position: relative; top:0px;border: solid 1px #ccc; padding: 0.3em;
border-radius: 8px;}

#bannerArea img{width: 70%;}
h1 span{display: none;}
@media screen and (min-width: 370px) {
#timetable div.lineupLink{position: absolute; top:8px; right:1em;border: solid 1px #ccc; padding: 0.5em;
border-radius: 8px;}
#timetable div.lineupLinks{display:none;}
}
@media screen and (max-width: 767px) {
#timetable .col-sm-24 figure{margin-right: 50px;margin-left: 50px;}
#bannerArea img{width: 100%;}
h1 img{display: none;}
h1 span{display: block;}
}
.lineupLink a i {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #E3017F;
    background: none;
    line-height: 10px;
    font-size: 24px;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    text-decoration:none!important;
}
.lineupLink a:link {
    color: #E3017F
}
.lineupLink a:visited {
    color: #E3017F
}
.lineupLink a:hover {
    color: #000
}
.footer a:link{color: #000;}
.footer a:visited{color: #000;}
.footer a:hover{text-decoration: underline; color: #0F1C5B;}

#lineup figure h3{text-indent: 100%; display:block; overflow: hidden; height: 1px; position: absolute;top:0;left:0;}
#lineup figure p{padding: 0; text-indent: 100%; display:block; overflow: hidden; height: 1px;position: absolute;top:0;left:0;}