@charset "UTF-8";

/*----------------------
header
----------------------*/
.contact-contents__btn input[type="submit"]:hover,
.sec_area .blo_bottom li a:hover,
.player_thums li:hover,
.sec_vebues .blo_vebues li a:hover,
#footer a:hover,
.header_top a:hover {
    opacity: .7;
    transition: opacity .3s;
}

.header nav li,
.header nav li a {
    position: relative;
    /*-webkit-transition: 0.3s;
    transition: 0.3s;*/
    -webkit-transition: none;
    transition: none;
}

.header nav li:hover a {
    color: #0090dc;
}

.header nav li.-about:hover a {
    background: url(../img/icon_about_new_on.svg) no-repeat center 25%;
    background-size: 55px;
}
/* .header nav li.-area:hover a {
    background: url(../img/icon1_area_on.svg) no-repeat center 25%;
    background-size: 55px;
} */

.header nav li.-mae:hover a {
    background: url(../img/icon2_mae_on.svg) no-repeat center 25%;
    background-size: 55px;
}
.header nav li.-facilities:hover a {
    background: url(../img/icon_facilities_on.svg) no-repeat center 25%;
    background-size: 55px;
}

.header nav li.-venues:hover a {
    background: url(../img/icon3_venues_on.svg) no-repeat center 25%;
    background-size: 55px;
}

.header nav li.-gallery:hover a {
    background: url(../img/icon4_gallery_on.svg) no-repeat center 25%;
    background-size: 55px;
}

.header nav li.-access:hover a {
    background: url(../img/icon5_access_on.svg) no-repeat center 25%;
    background-size: 55px;
}
.header nav li.-members:hover a {
    background: url(../img/icon_members_on.svg) no-repeat center 25%;
    background-size: 55px;
}


.header nav li {
    position: relative;
}

.header nav li::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: #0090dc;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform .4s;
}

.header nav li:hover::after {
    transform: scale(1, 1);
}

/*----------------------
sec_mae
----------------------*/

.sec_mae td a:hover {
    opacity: .5;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.player_thums li:nth-child(2) {
    background: url(../img/SiypO3brrXE_on.jpg) no-repeat;
    background-size: contain;
}

/*----------------------
sec_access
----------------------*/

/*.js-tab > div{
    -webkit-transition: 0.1s;
    transition: 0.1s;
}*/

.js-tab > div:hover {
    background: #000;
    color: #fff;
}

.js-tab > div:hover::after {
    position: absolute;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #000000 transparent transparent transparent;
    bottom: -10px;
    margin: auto;
    left: 0;
    right: 0;
}

.js-tab .tab1:hover .t_h3::before {
    background: url(../img/icon_airline_on.svg) no-repeat 18% center;
    background-size: auto 30px;
}

.js-tab .tab2:hover .t_h3::before {
    background: url(../img/icon_train_on.svg) no-repeat 18% center;
    background-size: auto 30px;
}


/*----------------------
sec_news
----------------------*/

.sec_news dd a:hover {
    color: #0090dc;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.wp-pagenavi a:hover {
    color: #0090dc;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

/*----------------------
btn_more
----------------------*/
/*.btn_more a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
}

.btn_more a::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.btn_more a:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}*/

/*----------------------
box
----------------------*/
.box:hover a .box_imgeff {
    transform: scale(1.1);
}

.box:hover a .box_imgeff::before{
    opacity: 1;
}

.box a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
}

.box a:hover {
    border: 5px solid #c9151e;
    border-bottom: none;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.box a:hover .t_h3 {
    background: #c9151e;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.box a:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.box a:hover .box_imgeff {
    transform: scale(1.05);
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
}


/*----------------------
sec_info
----------------------*/
/*.sec_info ul li a {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
}

.sec_info ul li a::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.2);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.sec_info ul li a:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}*/