/* Add here all your css styles (customizations) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
body{
    font-family: "Noto Sans JP", sans-serif;
}

.u-bg-overlay__inner { position: inherit;}
/*.js-header-change-moment .navbar-toggler.btn.g-top-25 { top: 1.1rem;}*/

a.dropdown-toggle {outline: none;}
a.dropdown-toggle:hover{ text-decoration:none; color:#f73859;}

.dropdown-menu { min-width: 10rem; background-color: rgba(255,255,255,0.9); border:0px solid #fff;margin: .4rem 0 0; padding:5px 10px;}
.btn_res{padding-top: 0.55rem !important;padding-bottom: 0.55rem !important; margin:0 auto;}

@media (max-width: 767px){
.g-bg-img-hero {background-size: contain !important;}
}

@media (max-width: 666px) {
    .g-min-height-70vh { min-height: 50vh;}
}

@media (max-width: 666px) {
    .g-min-height-70vh {
        min-height: 50vh;
    }
}

.gallery_image {
    width: 185px;
    height: 185px;
    background-size: cover;
}

.news_title{
    color:black;
}

.news_title:hover{
    color:black;
}

button.fancybox-button.fancybox-button--fullscreen{
    display: none;
}
/* ===================================================================
 * 首屏閃現（FOUC）修正
 *
 * 問題：Revolution Slider 的 slide 在 settings.css 裡是 position:absolute，
 *      JS 初始化前首圖容器高度為 0，#hotnews 會被頂到畫面最上方；
 *      同時 slick 也還沒初始化，.js-slide 會攤平成一整欄大圖。
 *      兩者疊加 = 最新情報的第一張圖瞬間佔滿首屏。
 *
 * 作法：1) 首圖先預留一屏高度，讓 #hotnews 一開始就在摺線以下
 *      2) 最新情報等 slick 初始化完成後才淡入
 *
 * .rs-ready / .is-ready 由 custom.js 補上。
 * =================================================================== */
#rev_slider_1014_1_wrapper:not(.rs-ready) {
    min-height: 100vh;
}

#hotnews {
    opacity: 0;
    transition: opacity .45s ease-in;
}

#hotnews.is-ready {
    opacity: 1;
}

#hotnews:not(.is-ready) .js-carousel {
    height: 0;
    overflow: hidden;
}