/* ===================
    header+footer-.nav
   =================== */

   h1.site-id a,
   div.site-id a {
     transition: .3s;
   }
   h1.site-id a:hover img,
   div.site-id a:hover img {
     opacity: 0.75;
   }
   .nav > a {
     display: inline-block;
     color: #404040;
     padding: 0;
     position: relative;
   }
   .nav > a > span,
   .nav .triggar {
     display: inline-block;
     box-sizing: border-box;
     padding: 12px 12px 12px 30px;
     position: relative;
   }
   .nav > a.trigger-par > span::before,
   .footer-globalnav .nav > a > span::before {
     content:"";
     display: block;
     width: 10px; height: 10px;
     border-radius: 3px;
     position: absolute; top:50%; left: 15px;
     transform: translateY(-50%);
   }
   .top-logo {
       display: inline-block;
   }
   .top-logo img{
       display: block;
   }
   
   @media print, screen and (min-width: 1000px) {
     
     .nav > a > span,
     .nav .triggar {
       padding: 5px 10px 3px 25px;
     }
     .nav > a.trigger-par > span::before,
     .footer-globalnav .nav > a > span::before {
       position: absolute; top:55%; left: 10px;
       transform: translateY(-50%);
     }
   }
   
   /* ===================
       header-container
      =================== */
   
   header {
     width: 100%;
     margin: 0;
   }
   header a {
     text-decoration: none;
   }
   header a:hover {
     opacity: 1;
   }
   .globalnav-wrap {
     position: fixed; left: 0; top:0;
     width: 100%;
     height: 50px;
     padding: 0;
     box-sizing: border-box;
     background: #FFF;
     z-index: 1000;
   }
   .globalnav-wrap h1.site-id,
   .globalnav-wrap div.site-id {
     padding: 10px 15px;
     margin: 0 ;
     box-sizing: border-box;
   }
   .globalnav-wrap h1.site-id img,
   .globalnav-wrap div.site-id img {
     width: 160px;
   }
   .nav-button-wrap {
     display: block;
     position: absolute;
     right: 0px;
     top: 0px;
     z-index: 1000;
     cursor: pointer;
     padding: 15px 8px;
     height: 53px;
     box-sizing: border-box;
   }
   .nav-button,
   .nav-button span {
     display: inline-block;
     transition: all 0.3s;
   }
   .nav-button {
     z-index: 20;
     width: 25px;
     height: 19px;
     position: relative;
   }
   .nav-button span {
     position: absolute;
     left: 0;
     width: 100%;
     height: 3px;
     background-color: #00a0e9;
     border-radius: 4px;
   }
   .nav-button span:nth-of-type(1) {
     top: 0;
   }
   .nav-button span:nth-of-type(2) {
     top: 8px;
   }
   .nav-button span:nth-of-type(3) {
     bottom: 0;
   }
   .active .nav-button span:nth-of-type(1) {
     transform: translateY(10px) rotate(-45deg);
   }
   .active .nav-button span:nth-of-type(2) {
     opacity: 0;
   }
   .active .nav-button span:nth-of-type(3) {
     transform: translateY(-6px) rotate(45deg);
   }
   .globalnav,
   .globalnav.close {
     display: none;
   }
   .globalnav-wrap.open .globalnav {
     display: block;
   }
   .globalnav {
     box-sizing: border-box;
   }
   .globalnav .nav {
     border-top: 1px solid #a0a0a0;
   }
   .globalnav .nav:first-child {
     border-top: 1px solid #a0a0a0;
   }
   .globalnav .nav > a {
     display: block;
     width: 100%;
     cursor: pointer;
   }
   .globalnav .nav > a > span {
     display: block;
   }
   .globalnav li:hover {
     background: transparent;
   }
   .globalnav .dropdown {
     z-index: 999;
     display: none;
     position: static;
     background: transparent;
   }
   .globalnav .dropdown li {
     border-top: 1px dotted #FFF;
   }
   .globalnav .dropdown a {
     display: block;
     width: 100%;
     color: #FFF;
     box-sizing: border-box;
     padding: 12px 12px 12px 30px;
   }
   .globalnav .nav {
     position: relative;
   }
   .globalnav .nav a.trigger-par {
     width: 85%;
   }
   .globalnav a.trigger-par.no-child,
   .globalnav a.trigger-par.current {
     width: 100%;
   }
   .globalnav .nav .trigger {
     width: 50px; height: 50px;
     position: absolute; top:0; right:0;
     z-index: 10;
     display: block;
     cursor: pointer;
   }
   .globalnav .nav .trigger::before,
   .globalnav .nav .trigger::after {
     content: '';
     display: block;
     width: 15px;
     height: 2px;
     position: absolute;
     right: 15px;
     top: 22px;
   }
   .globalnav .nav .trigger.current::before,
   .globalnav .nav .trigger.current::after {
     display: none;
   }
   .globalnav .nav .trigger::after {
     transform: rotate(90deg);
     transition: .2s;
   }
   .globalnav .nav.active-color a.trigger-par {
     color: #FFF;
   }
   .globalnav .nav.active-color a.trigger-par > span::before {
     background: #FFF;
   }
   .globalnav .nav .trigger.active::after {
     background: #FFF !important;
     transform: rotate(0);
     transition: .2s;
   }
   .globalnav .nav .trigger.active::before {
     opacity: 0;
   }
   .nav-contact {
     width: 90%;
     margin: 0 auto;
     padding: 40px 0 200px;
   }
   .nav-contact > li + li {
     margin-top: 10px;
   }
   .nav-contact a {
     display: block;
     color: #FFF;
     cursor: pointer;
     background: #00a0e9;
     box-sizing: border-box;
     padding: 13px 15px;
     text-align: center;
   }
   .nav-contact a:hover {
     opacity: 0.75;
   }
   
   /*current-settings*/
   
   .globalnav .current-nav > ul > li {
     position: relative;
   }
   .globalnav .current-nav > ul > li > a {
     display: block;
     transition: 0s;
     box-sizing: border-box;
     padding: 12px 12px 12px 30px;
   }
   .globalnav .current-nav > ul > li.on-stay > a {
     color: #FFF;
   }
   
   @media only screen and (max-width: 1208px) {
     .globalnav {
       position: absolute;
       left: 0;
       top: 50px;
       background: #FFF;
       width: 100%;
       height: 100vh;
       overflow-x: hidden;
       overflow-y: auto;
     }
     .globalnav .current-nav > ul > li > a {
       position: relative;
     }
     .globalnav .current-nav > ul > li .dropdown a {
       padding-left: 50px;
     }
     .globalnav .current-nav > ul > li .dropdown li {
       border: 0;
       position: relative;
     }
     .globalnav .current-nav > ul > li .dropdown li::before {
       content:"";
       display:block;
       width: 5px; height: 2px;
       background:#FFF;
       position: absolute; top:50%; left: 35px;
       transform: translateY(-50%);
     }
     .globalnav .current-nav > ul > li.active-color {
       border-top: 1px dotted #FFF;
     }
     .globalnav .current-nav > ul > li.active-color .triggar-par {
       color: #FFF;
     }
   }
   @media print, screen and (min-width: 1210px) {
     .globalnav-wrap {
       height: 100px;
     }
     .globalnav-wrap,
     .globalnav-wrap div.site-id {
       height: 71px;
     }
     .globalnav-wrap h1.site-id,
     .globalnav-wrap div.site-id {
       padding: 20px 30px 0 30px;
     }
     .globalnav-wrap h1.site-id img,
     .globalnav-wrap div.site-id img {
       width: 200px;
     }
     .globalnav,
     .globalnav .nav-button-wrap,
     .globalnav.open,
     .globalnav.close,
     .globalnav ul li.open > .dropdown {
       display: block;
     }
     .nav-button-wrap {
       display: none;
     }
     .globalnav {
       padding: 0 20px 0 20px;
       background-color: #FFF;
     }
     .globalnav a {
       font-size: 14px;
       font-size: 1.4rem;
     }
     .globalnav .nav {
       display: inline-block;
       border: 0;
       position: relative;
     }
     .globalnav .nav:first-child {
       border-top: 0;
     }
     .globalnav .nav > a {
       display: inline-block;
       width: auto;
     }
     .globalnav .nav > a > span {
       border-radius: 6px 6px 0 0;
     }
     .globalnav .nav > a:hover > span,
     .globalnav .nav.on-stay > a > span,
     .globalnav .nav > a.current > span {
       color: #FFF;
     }
     .globalnav .nav > a:hover > span::before,
     .globalnav .nav.on-stay > a > span::before {
       background: #FFF;
     }
     .globalnav .nav a.trigger-par {
       width: 100%;
     }
     .globalnav .nav .trigger {
       display: none;
     }
     .globalnav .nav .trigger::before,
     .globalnav .nav .trigger::after {
       display: none;
     }
     .globalnav .dropdown {
       position: absolute;
       width: 16em;
       background: #FFF;
       z-index: 1010;
       box-shadow: 5px 9px 5px 0px rgba(0, 0, 0, 0.3);
     }
     .globalnav .nav:last-child .dropdown {
       width: 7.5em;
     }
     .globalnav .nav > .dropdown li:first-child {
       border-top: 0;
     }
     .globalnav .dropdown a {
       padding: 10px 0 10px 10px;
     }
     .globalnav .dropdown a:hover {
       background-color: rgba(255,255,255,0.3);
     }
     .nav-contact {
       width: 301px;
       margin: 0;
       position: absolute;
       top:0; right:0;
       z-index: 1001;
       padding: 0;
       display: flex;
       justify-content: space-between;
     }
     .nav-contact li {
       width: 150px;
     }
     .nav-contact li + li {
       margin: 0;
     }
   
     /*current-settings*/
   
     .globalnav .current-nav {
       width: 100%; height: 50px;
       margin: 0;
       position: fixed;
       top:100px; right:0;
       z-index: 1000;
     }
     .globalnav .current-nav > ul {
       display: flex;
       justify-content: center;
       height: 50px;
     }
     .globalnav .current-nav > ul > li {
       position: relative;
     }
     .globalnav .current-nav > ul > li + li {
       margin-left: 20px;
     }
     .globalnav .current-nav > ul > li > a {
       height: 50px;
       display: flex;
       align-items: center;
       justify-content: center;
       padding: 0 10px;
       transform: translateY(1px);
     }
     .globalnav .current-nav > ul > li > a:hover {
       color: #FFF;
     }
     .globalnav .current-nav .dropdown {
       position: absolute; top:50px; left: 0;
     }
     .globalnav .current-nav .dropdown li:nth-child(1) {
       border-top: 0;
     }
   
     /*facility-color*/
     /* .globalnav .nav.h-nav--arena .current > span */
     .globalnav .nav.h-nav--notice > a:hover > span {
       background: #e41616;
       color: #ffffff;
     }

     .globalnav .nav.h-nav--notice > a:hover > span::before {
      background: #ffffff;
     }
   
     .globalnav .nav.h-nav--arena > a:hover > span,
     .globalnav .nav.h-nav--arena.on-stay > a > span {
       background: #0c98e0;
     }
     .globalnav .nav.h-nav--nsc > a:hover > span,
     .globalnav .nav.h-nav--nsc.on-stay > a > span {
       background: #1042d0;
     }
     .globalnav .nav.h-nav--tc > a:hover > span,
     .globalnav .nav.h-nav--tc.on-stay > a > span {
       background: #16A34A;
     }
     .globalnav .nav.h-nav--stay > a:hover > span,
     .globalnav .nav.h-nav--stay.on-stay > a > span {
       background: #1ba6b2;
     }
     .globalnav .nav.h-nav--bus > a:hover > span,
     .globalnav .nav.h-nav--bus.on-stay > a > span {
       background: #158c61;
     }
     .globalnav .nav.h-nav--cottage-info > a:hover > span,
     .globalnav .nav.h-nav--cottage-info.on-stay > a > span {
       background: #005531;
     }
     .globalnav .nav.h-nav--region > a:hover > span,
     .globalnav .nav.h-nav--region.on-stay > a > span {
       background: #82c34d;
     }
     .globalnav .nav.h-nav--access > a:hover > span,
     .globalnav .nav.h-nav--access.on-stay > a > span {
       background: #beb632;
     }
   }
   @media print, screen and (min-width: 1560px) {
     .globalnav-wrap {
       height: 100px;
     }
     .globalnav-wrap div.site-id {
       height: 90px;
     }
     .globalnav-wrap {
       display: flex;
       align-items: flex-end;
     }
     .globalnav-wrap h1.site-id,
     .globalnav-wrap div.site-id {
       padding: 10px 0 10px 48px;
       margin-right: auto;
     }
     .globalnav-wrap h1.site-id img,
     .globalnav-wrap div.site-id img {
       width: 290px;
     }
   }
   
   
   /* ===================
       footer-container
      =================== */
   
   .footer-container {
     margin-top: 60px;
   }
   .footer-container .fb-area {
     margin: 0 5% 40px;
   }
   .footer-container .cts-nav,
   .footer-container .yamabiko-info .company-page-link {
     padding: 15px 0 20px;
     text-align: center;
   }
   .footer-container .cts-nav div.site-id {
     width: 200px;
     margin: 0 auto 20px;
   }
   .footer-container .cts-nav ul li,
   .footer-container .yamabiko-info .company-page-link ul li {
     display: inline-block;
     border-left: 1px solid #a0a0a0;
     padding: 0 20px;
   }
   .footer-container .cts-nav ul li a,
   .footer-container .yamabiko-info .company-page-link a {
     color: #404040;
     text-decoration: none;
   }
   .footer-container .cts-nav ul li a,
   .footer-container .footer-globalnav .nav > a,
   .footer-container .yamabiko-info .company-page-link a {
     font-size: 14px;
     font-size: 1.4rem;
   }
   .footer-container .cts-nav ul li a:hover,
   .footer-container .yamabiko-info .company-page-link a:hover {
     text-decoration: underline;
   }
   .footer-container .footer-globalnav {
     text-align: center;
     padding: 15px 0;
   }
   .footer-container .footer-globalnav .nav {
     display: inline-block;
   }
   .footer-container .yamabiko-info {
     background: url("../img/cmn/footer_bg.png") repeat-x bottom center;
     background-size: 100%;
     border-top: 5px solid #00a0e9;
     padding: 0 0 20%;
   }
   .footer-container .yamabiko-info .company-page-link {
     background: #fcfbee;
   }
   .footer-container .yamabiko-info .address-sec {
     text-align: center;
     margin-top: 25px;
   }
   .footer-container .yamabiko-info .address-sec address {
     font-style: normal;
     display: inline-block;
   }
   .footer-container .yamabiko-info .address-sec h1.fs-large {
     display: inline-block;
     margin-left: 1em;
   }
   .footer-container .yamabiko-info .address-sec p.fs-large {
     display: inline-block;
     margin-left: 1em;
     font-weight: bold;
   }
   .footer-container .yamabiko-info .tel-info {
     width: 100%;
     margin: 30px 0 0;
   }
   .footer-container .yamabiko-info .tel-info li {
     background: #dff5ff;
     border-radius: 20px 0 20px 0;
     padding: 15px 20px;
     box-sizing: border-box;
     text-align: center;
     margin-bottom: 10px;
   }
   .footer-container .yamabiko-info .tel-info .en {
     letter-spacing: 0.1em;
   }
   .footer-container .yamabiko-info .tel-info .tel a {
     font-size: 26px;
     font-size: 2.6rem;
     color: #00a0e9;
     text-decoration: none;
     position: relative;
     display: inline-block;
     padding-left: 25px;
     margin: 4px 0 2px;
   }
   .footer-container .yamabiko-info .tel-info .tel a:hover {
     opacity: 0.5;
   }
   .footer-container .yamabiko-info .tel-info .tel a::before {
     content:"";
     display:block;
     width: 20px; height: 20px;
     background:url("../img/cmn/icon_tel.svg") no-repeat top center;
     background-size:100%;
     position: absolute; top:50%; left: 0;
     transform: translateY(-50%);
   }
   .footer-container .yamabiko-info .tel-info .fax {
     font-size: 14px;
     font-size: 1.4rem;
   }
   .footer-container .yamabiko-info .tel-info .fax span {
     font-size: 18px;
     font-size: 1.8rem;
     display: inline-block;
     margin-left: 0.5em;
   }
   .footer-container .page-top {
     border-radius: 20px 0 0 0;
     background: #FFF;
     position: fixed; right:0; bottom: 0;
     z-index: 999;
   }
   .footer-container .page-top a {
     position: relative;
     display: block;
     cursor: pointer;
     width: 60px; height: 60px;
     background:url("../img/cmn/link_up_arrow_white.svg") no-repeat #404040;
     background-position: 23px 15px;
     background-size: 14px;
     border-radius: 20px 0 0 0;
     font-size: 13px;
     font-size: 1.3rem;
     color: #FFF;
     text-decoration: none;
   }
   .footer-container .page-top a > span {
     position: absolute; bottom:8px; left: 50%;
     transform: translateX(-50%);
   }
   .footer-container .page-top a:hover {
     opacity: 0.85;
     background-position: 23px 10px;
   }
   .footer-container .copyright {
     text-align: center;
     color: #FFF;
     font-size: 12px;
     font-size: 1.2rem;
     background: #2f9a2f;
     padding: 10px;
     box-sizing: border-box;
   }
   @media only screen and (max-width: 320px) {
     .footer-container .footer-globalnav ul {
       display: block;
     }
     .footer-container .footer-globalnav ul li {
       width: 100%;
     }
   }
   @media only screen and (min-width: 321px) and (max-width: 767px) { 
     .footer-container .footer-globalnav ul {
       display: flex;
       justify-content: space-between;
       flex-wrap: wrap;
       width: 90%;
       margin: 0 auto;
     }
     .footer-container .footer-globalnav ul li {
       width: 50%;
       text-align: left;
     }
   }
   @media only screen and (max-width: 767px) {
     .footer-container .cts-nav ul,
     .footer-container .yamabiko-info .company-page-link ul {
       display: flex;
       flex-wrap: wrap;
     }
     .footer-container .cts-nav ul li,
     .footer-container .yamabiko-info .company-page-link ul li {
       display: block;
       box-sizing: border-box;
       padding: 0 0 8px 10px;
       width: 50%;
       text-align: left;
     }
     .footer-container .cts-nav ul li a,
     .footer-container .footer-globalnav .nav > a,
     .footer-container .yamabiko-info .company-page-link ul li a {
       font-size: 13px;
       font-size: 1.3rem;
     }
     .footer-container .footer-globalnav .nav > a > span {
       padding: 8px 8px 8px 15px;
     }
     .footer-container .footer-globalnav .nav > a > span::before {
       content:"";
       display: block;
       width: 10px; height: 10px;
       border-radius: 3px;
       position: absolute; top:50%; left: 0;
       transform: translateY(-50%);
     }
     .footer-container .yamabiko-info .company-page-link {
       padding-top: 25px;
     }
     .footer-container .yamabiko-info .address-sec h1.fs-large {
       margin: 0.25em 0 0;
     }
     .footer-container .yamabiko-info .tel-info {
       margin: 20px 0 0;
     }
   }
   @media only screen and (min-width: 768px) {
     .footer-container {
       margin-top: 100px;
     }
     .footer-container .fb-area {
       margin: 0 0 60px;
     }
     .footer-container .cts-nav ul li {
       margin-bottom: 10px;
     }
     .footer-container .cts-nav {
       padding: 30px 0;
     }
     .footer-container .cts-nav h1.site-id {
       margin: 0 auto 30px;
     }
     .footer-container .cts-nav ul li:first-child,
     .footer-container .yamabiko-info .company-page-link ul li:first-child {
       border-left: 0;
     }
     .footer-container .yamabiko-info {
       background: url("../img/cmn/footer_bg.png") repeat-x bottom center;
       background-size: 581px;
       padding: 0 0 115px;
     }
     .footer-container .yamabiko-info .address-sec {
       margin-top: 35px;
     }
     .footer-container .yamabiko-info .tel-info {
       display: flex;
       align-items: center;
       justify-content: space-between;
       margin: 30px auto 0;
     }
     .footer-container .yamabiko-info .tel-info li {
       width: calc((100% - 32px) / 2);
       margin-bottom: 0;
     }
   }
   @media only screen and (min-width: 768px) and (max-width: 999px) {
     .footer-container .yamabiko-info .company-page-link ul li {
       padding: 0 15px;
     }
   }
   @media only screen and (min-width: 1000px) {
     .footer-container .cts-nav ul li {
       margin-bottom: 0;
     }
     .footer-container .yamabiko-info .tel-info {
       width: 832px;
     }
     .footer-container .yamabiko-info .tel-info li {
       width: 400px;
     }
     .footer-container .cts-nav ul li a,
     .footer-container .footer-globalnav ul li > a {
       font-size: 15px;
       font-size: 1.5rem;
     }
   }
   
   /* ===================
       facility-color
      =================== */
   .nav.h-nav--notice > a > span::before {
     background: #e41616;
   }
   
   .nav.h-nav--notice > a:hover {
     color:#e41616;
   }
   
   .page-news-list header .nav.h-nav--notice > a > span {
     background: #ffe9e9;
     color: #e41616;
   }
   
   .page-news-list header .nav.h-nav--notice > a > span::before {
     background: #e41616;
   }

   .nav.h-nav--notice > a:hover > span::before  {
    background: #e41616;
  }
   
   .nav.h-nav--notice.current > a > span {
     background: #ffe9e9;
     color: #e41616;
   }
   
   .nav.h-nav--notice.current > a > span::before {
    background:#e41616;
   }
   
   .nav.h-nav--arena > a > span::before,
   .globalnav .nav.h-nav--arena .dropdown,
   .nav.h-nav--arena.active-color,
   .nav.h-nav--arena .active-color,
   .globalnav .nav.h-nav--arena .current-nav > ul > li.on-stay,
   .globalnav .nav.h-nav--arena .trigger::before,
   .globalnav .nav.h-nav--arena .trigger::after {
     background: #0c98e0;
   }
   .globalnav .nav.h-nav--arena .current > span,
   .footer-globalnav .nav.h-nav--arena a:hover {
     color: #0c98e0;
   }
   .globalnav .nav.h-nav--arena .current > span,
   .globalnav .nav.h-nav--arena .current-nav,
   .page-arena .footer-container .cts-nav {
     background: #e5f6ff;
   }
   
   .globalnav .nav.h-nav--arena .current.--back > span {
     background: #ffffff;
     color: #000000;
   }
   
   .globalnav .nav.h-nav--arena .current.--back:hover > span {
     background: #0c98e0;
   }
   
   .nav.h-nav--nsc > a > span::before,
   .globalnav .nav.h-nav--nsc .dropdown,
   .nav.h-nav--nsc.active-color,
   .nav.h-nav--nsc .active-color,
   .globalnav .nav.h-nav--nsc .current-nav > ul > li.on-stay,
   .globalnav .nav.h-nav--nsc .trigger::before,
   .globalnav .nav.h-nav--nsc .trigger::after  {
     background: #1042d0;
   }
   .globalnav .nav.h-nav--nsc .current > span,
   .footer-globalnav .nav.h-nav--nsc a:hover {
     color: #1042d0;
   }
   /* .globalnav .nav.h-nav--nsc .current > span,
   .globalnav .nav.h-nav--nsc .current-navl,
   .page-nsc .footer-container .cts-nav { */
   .globalnav .nav.h-nav--nsc .current > span, 
   .globalnav .nav.h-nav--nsc .current-nav, 
   .page-nsc .footer-container .cts-nav{
     background: #e9efff;
   }
   .nav.h-nav--tc > a > span::before,
   .globalnav .nav.h-nav--tc .dropdown,
   .nav.h-nav--tc.active-color,
   .nav.h-nav--tc .active-color,
   .globalnav .nav.h-nav--tc .current-nav > ul > li.on-stay,
   .globalnav .nav.h-nav--tc .trigger::before,
   .globalnav .nav.h-nav--tc .trigger::after {
     background: #16A34A;
   }
   .globalnav .nav.h-nav--tc .current > span,
   .footer-globalnav .nav.h-nav--tc a:hover {
     color: #16A34A;
   }
   .globalnav .nav.h-nav--tc .current > span,
   .globalnav .nav.h-nav--tc .current-nav,
   .page-tc .footer-container .cts-nav{
     background: #edf3e6;
   }
   .nav.h-nav--stay > a > span::before,
   .globalnav .nav.h-nav--stay .dropdown,
   .nav.h-nav--stay.active-color,
   .nav.h-nav--stay .active-color,
   .globalnav .nav.h-nav--stay .current-nav > ul > li.on-stay,
   .globalnav .nav.h-nav--stay .trigger::before,
   .globalnav .nav.h-nav--stay .trigger::after  {
     background: #1ba6b2;
   }
   .globalnav .nav.h-nav--stay .current > span,
   .footer-globalnav .nav.h-nav--stay a:hover {
     color: #1ba6b2;
   }
   .globalnav .nav.h-nav--stay .current > span,
   .globalnav .nav.h-nav--stay .current-nav,
   .page-stay .footer-container .cts-nav {
     background: #e4f6f8;
   }
   .nav.h-nav--bus > a > span::before,
   .globalnav .nav.h-nav--bus .dropdown,
   .nav.h-nav--bus.active-color,
   .nav.h-nav--bus .active-color,
   .globalnav .nav.h-nav--bus .current-nav > ul > li.on-stay,
   .globalnav .nav.h-nav--bus .trigger::before,
   .globalnav .nav.h-nav--bus .trigger::after  {
     background: #158c61;
   }
   .globalnav .nav.h-nav--bus .current > span,
   .footer-globalnav .nav.h-nav--bus a:hover {
     color: #158c61;
   }
   .globalnav .nav.h-nav--bus .current > span,
   .globalnav .nav.h-nav--bus .current-nav,
   .page-bus .footer-container .cts-nav{
     background: #ddf5ec;
   }
   .nav.h-nav--cottage-info > a > span::before,
   .globalnav .nav.h-nav--cottage-info .dropdown,
   .nav.h-nav--cottage-info.active-color,
   .nav.h-nav--cottage-info .active-color,
   .globalnav .nav.h-nav--cottage-info .current-nav > ul > li.on-stay,
   .globalnav .nav.h-nav--cottage-info .trigger::before,
   .globalnav .nav.h-nav--cottage-info .trigger::after  {
     background: #005331;
   }
   .globalnav .nav.h-nav--cottage-info .current > span,
   .footer-globalnav .nav.h-nav--cottage-info a:hover {
     color: #005531;
   }
   .globalnav .nav.h-nav--cottage-info .current > span,
   .globalnav .nav.h-nav--cottage-info .current-nav,
   .page-cottage .footer-container .cts-nav {
     background: #bed2bb;
   }
   .nav.h-nav--region > a > span::before,
   .globalnav .nav.h-nav--region .dropdown,
   .nav.h-nav--region.active-color,
   .nav.h-nav--region .active-color,
   .globalnav .nav.h-nav--region .current-nav > ul > li.on-stay,
   .globalnav .nav.h-nav--region .trigger::before,
   .globalnav .nav.h-nav--region .trigger::after  {
     background: #82c34d;
   }
   .globalnav .nav.h-nav--region .current > span,
   .footer-globalnav .nav.h-nav--region a:hover {
     color: #82c34d;
   }
   .globalnav .nav.h-nav--region .current > span,
   .globalnav .nav.h-nav--region .current-nav,
   .page-region .footer-container .cts-nav {
     background: #eaf9df;
   }
   .nav.h-nav--access > a > span::before,
   .globalnav .nav.h-nav--access .dropdown,
   .nav.h-nav--access.active-color,
   .nav.h-nav--access .active-color,
   .globalnav .nav.h-nav--access .current-nav > ul > li.on-stay,
   .globalnav .nav.h-nav--access .trigger::before,
   .globalnav .nav.h-nav--access .trigger::after  {
     background: #beb632;
   }
   .globalnav .nav.h-nav--access .current > span,
   .footer-globalnav .nav.h-nav--access a:hover {
     color: #beb632;
   }
   .globalnav .nav.h-nav--access .current > span,
   .globalnav .nav.h-nav--access .current-nav,
   .page-access .footer-container .cts-nav {
     background: #faf8dc;
   }
   .footer-container .cts-nav,
   .page-other .footer-container .cts-nav.active,
   .footer-container .cts-nav.--back {
     background: #fcfbee;
   }
   
   @media print, screen and (max-width: 999px) {
     .globalnav .nav.h-nav--arena .current-nav > ul > li {
       border-top: 1px dotted #0c98e0;
     }
     .globalnav .nav.h-nav--nsc .current-nav > ul > li {
       border-top: 1px dotted #1042d0;
     }
     .globalnav .nav.h-nav--tc .current-nav > ul > li {
       border-top: 1px dotted #16A34A;
     }
     .globalnav .nav.h-nav--stay .current-nav > ul > li {
       border-top: 1px dotted #1ba6b2;
     }
     .globalnav .nav.h-nav--bus .current-nav > ul > li {
       border-top: 1px dotted #158c61;
     }
     .globalnav .nav.h-nav--cottage-info .current-nav > ul > li {
       border-top: 1px dotted #005331;
     }
     .globalnav .nav.h-nav--region .current-nav > ul > li {
       border-top: 1px dotted #82c34d;
     }
     .globalnav .nav.h-nav--access .current-nav > ul > li {
       border-top: 1px dotted #beb632;
     }
     .globalnav .nav.h-nav--arena .current-nav > ul > li.active-color,
     .globalnav .nav.h-nav--nsc .current-nav > ul > li.active-color,
     .globalnav .nav.h-nav--tc .current-nav > ul > li.active-color,
     .globalnav .nav.h-nav--stay .current-nav > ul > li.active-color,
     .globalnav .nav.h-nav--bus .current-nav > ul > li.active-color,
     .globalnav .nav.h-nav--cottage-info .current-nav > ul > li.active-color,
     .globalnav .nav.h-nav--region .current-nav > ul > li.active-color,
     .globalnav .nav.h-nav--access .current-nav > ul > li.active-color {
       border-color: #FFF;
     }
     .active-color a.trigger-par {
       color: #FFF !important;
     }
   }
   @media print, screen and (min-width: 1000px){
     .globalnav .nav.h-nav--arena .current:hover > span,
     .globalnav .nav.h-nav--nsc .current:hover > span,
     .globalnav .nav.h-nav--tc .current:hover > span,
     .globalnav .nav.h-nav--stay .current:hover > span,
     .globalnav .nav.h-nav--bus .current:hover > span,
     .globalnav .nav.h-nav--cottage-info .current:hover > span,
     .globalnav .nav.h-nav--region .current:hover > span,
     .globalnav .nav.h-nav--access .current:hover > span {
       color: #FFF;
     }
     .globalnav .nav.h-nav--arena .current-nav > ul > li > a:hover {
       background: #0c98e0;
     }
     .globalnav .nav.h-nav--nsc .current-nav > ul > li > a:hover {
       background: #1042d0;
     }
     .globalnav .nav.h-nav--tc .current-nav > ul > li > a:hover {
       background: #16A34A;
     }
     .globalnav .nav.h-nav--stay .current-nav > ul > li > a:hover {
       background: #1ba6b2;
     }
     .globalnav .nav.h-nav--bus .current-nav > ul > li > a:hover {
       background: #158c61;
     }
     .globalnav .nav.h-nav--cottage-info .current-nav > ul > li > a:hover {
       background: #005331;
     }
     .globalnav .nav.h-nav--region .current-nav > ul > li > a:hover {
       background: #82c34d;
     }
     .globalnav .nav.h-nav--access .current-nav > ul > li > a:hover {
       background: #beb632;
     }
   }