@charset "UTF-8";
/* CSS Document */
@media (max-width: 1366px) {}
@media (min-width: 1281px) and (max-width: 1920px) {}
@media (max-width: 1280px) {}
@media (max-width: 1112px) {
  .dEvent {
    min-height: 250px;
  }
  .slideContent {
    top: 52%
  }
}
@media (min-width: 1025px) and (max-width: 1111px) {}
@media (max-width: 1024px) {
  .dEvent {
    min-height: 230px;
  }
}
@media (max-width: 960px) {
  .tVadjust {
    top: 30px;
  }
  .mVadjust {
    top: 20px;
  }
  .slideContent {
    top: 56%
  }
  .slideContent h1 {
    font-size: 300%;
  }
  .slideContent h2 {
    font-size: 200%;
  }
  .slideContent h3 {
    font-size: 150%;
  }
  .wHead img {
    right: -10px;
    top: -60px;
  }
}
@media (min-width: 768px) and (max-width: 960px) {}
/*iPad Horizontal*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .top a{
        font-size: 109%!important;
    }
}
/*END iPad Horizontal*/
/*iPad Vertical*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}
/*END iPad Vertical*/
/*iPhone PLUS Landscape*/
@media (max-width : 768px) {
  .tVadjust {
    top: 36px;
  }
  .mVadjust {
    top: 28px;
  }
  .menu a, .top a {
    font-size: 105%;
  }
  .dEvent {
    min-height: 220px;
  }
  .slideContent {
    width: 62%;
    left: 38%;
  }
  .program {
    display: none;
  }
  .mProgram {
    display: block;
  }
  .mSchedule {
    clear: both;
  }
  .wDay, .dEvent {
    width: 85%;
  }
    
        
.mSchrow{
    clear: both;
    min-height: auto;
    display: flex;
    }
    .wHead{
        display: flex;
    }    
    
  .wTime, .dTime {
    width: 14%;
    float: left;
    background-color: rgba(77, 0, 52, 1.00);
    margin: 0.25%;
    padding: 1%;
    position: relative;
    min-height: auto;
  }
    
  .dTime {
    background-color: rgba(255, 255, 255, 0.8);
    border: solid 1px rgba(255, 255, 255, 1.0);
    min-height: auto;
  }
  .dEvent {
    min-height: auto;
  }
    
  .dTime h3 {
    font-size: 100% !important;
    font-weight: 400 !important
  }

  .dEvent p {
    padding-bottom: 1%;
    padding-top: 1%;
  }
  .wHead img {
    top: -12px
  }
  .legend {
    max-width: 720px !important;
  }
  #venues h1 {
    font-size: 160%;
  }
  #venues h2 {
    font-size: 100%;
    margin-bottom: 1%;
  }
  .legend img {
    max-width: 24px;
  }
  .legend p {
    margin-left: 1% !important;
    font-size: 90%;
  }
  #intro, #events {
    width: 100%;
  }
  .wText {
    padding-top: 2%;
  }
  .partners {
    max-width: 420px;
  }
  .coupon {
    width: 33%;
  }
  .mC33 {
    margin-left: 33%;
  }
 .w16{
     width:calc(100%/6.25);
    }
    #schedule h1, #schedule h3{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .wHead h2{
        position: absolute;
        top: 38%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .noVcenter{
        position: initial!important;
        top:initial!important;
        left: initial!important;
        transform: none!important;
    }
}
@media (max-width : 738px) {}
@media (max-width:576px) {
  .slideBox {
    width: 80%;
  }
  .slideBox img {
    width: 100% !important;
    max-width: 520px;
  }
  .top, .menu {
    display: none !important;
  }
  .hamburger {
    display: inline-block;
  }
  .close {
    position: relative;
    top: 40px;
    right: 20px;
    float: right;
  }
  .close a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    text-decoration: none;
    background-image: url("../img/close.svg");
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -ms-transition: -ms-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: 0;
    padding: 0 !important;
    cursor: pointer !important;
  }
  .close a:hover {
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    text-decoration: none;
    background-image: url("../img/close_black.svg");
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: 0;
    background-color: transparent !important;
    padding: 0 !important;
  }
  .ico {
    position: absolute;
    top: 20px;
    display: inline-block;
    width: 50%;
  }
  .w16 {
    width: calc(100%/3);
  }
  .program {
    display: none;
  }
  .mProgram {
    display: block;
  }
  .mSchedule {
    clear: both;
  }
  .wDay, .dEvent {
    width: 85%;
  }
    
.mSchrow{
    clear: both;
    min-height: auto;
    display: flex;
    }
    
  .wTime, .dTime {
    width: 14%;
    float: left;
    background-color: rgba(77, 0, 52, 1.00);
    margin: 0.25%;
    padding: 1%;
    position: relative;
    min-height: 80px
  }
  .dTime {
    background-color: rgba(255, 255, 255, 0.8);
    border: solid 1px rgba(255, 255, 255, 1.0);
    min-height: 50px;
    height: 110px;
  }
  .dTime h3 {
    font-size: 100% !important;
    font-weight: 400 !important
  }
  .dEvent {
    /*min-height: 110px;*/
  }
  .dEvent p {
    padding-bottom: 1%;
    padding-top: 1%;
  }
  .wHead img {
    top: -12px
  }
  #venues h1 {
    font-size: 175%;
  }
  #venues h2 {
    color: #000;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    font-size: 90%;
    line-height: 125%;
  }
  .w50 {
    width: 96%;
  }
  #intro, #events {
    width: 100%;
  }
  .h100 {
    height: 85%;
  }
  .vHauto {
    height: auto !important
  }
  .wText {
    padding-top: 3%;
  }
  .partners {
    max-width: 420px;
  }
  .legend {
    top: 60px;
    padding: 2% !important;
    max-width: 546px !important;
  }
  .legend p {
    left: 0 !important;
    top: 0 !important;
  }
  .points {
    width: 49%;
    float: left;
    margin-right: 0.5%;
  }
  .slideContent {
    top: 52%;
  }
  .colContact {
    margin-bottom: 6%;
    padding-bottom: 6%;
    border-bottom: dotted 1px rgba(255, 255, 255, 0.15);
  }
  .noBorder {
    border: none;
  }
  .mSchrow {
    clear: both;
    display: flex;
  }
  .dTime {
    height: auto;
  }
  .coupon {
    width: 100%;
  }
  .mC33 {
    margin-left: 0;
  }
  .wHead img {
    right: 0px;
    top: -5px;
  }
    .n33{
        width: 98%;
    }
    #news{
        padding-top: 25%;
    }
}
/*iPhone PLUS Landscape*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {}
/*iPhone Landscape*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {}
/*END iPhone Landscape*/
/*iPhone Portrait*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {}
/*END iPhone Portrait*/
@media (max-width : 414px) {
  .slideBox {
    width: 88%;
  }
  .slideBox img {
    width: 100% !important;
    max-width: 400px;
  }
  .wHead h1 {
    font-size: 120% !important;
  }
  .wDay, .wTime {
    min-height: 64px;
  }
  .crumbs {
    white-space: normal;
  }
  .slideContent {
    top: initial;
    width: 100%;
    left: 0;
    bottom: 0;
  }
  .slideContent h1 {
    font-size: 260%;
  }
  .slideContent h2 {
    font-size: 180%;
  }
  .slideContent h3 {
    font-size: 112%;
  }
  .slideContent p {
    font-size: 100%;
  }
  .legend {
    top: 60px;
    right: 0 !important;
    padding: 2% !important;
    max-width: 410px !important;
  }
  .legend p {
    left: 0 !important;
  }
   .wHead img {
    right: 0px;
    top: -20px;
  }
    .dTime h3{
        font-size: 88%!important;
        width:90%;
    }
}
@media (max-width: 320px) {
  .slideBox {
    width: 90%;
  }
  .slideBox img {
    width: 100% !important;
    max-width: 300px;
  }
  .legend {
    max-width: 310px !important;
  }
}