/*! CSS Used from: /assets/a/assets/css/common.css?v=1769851776 */
.gFootNav{background-color:#fff;position:relative;z-index:10;}
.gFootNav_list{list-style:none;}
.gFootNav_list > li{margin-bottom:1px;}
.gFootNav_list > li:last-child{margin-bottom:0;}
.gFootNav_list > li > a{text-decoration:none;color:inherit;padding:10px 10px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;color:#fff;font-size:31px;overflow:hidden;}
.gFootNav_list > li > a::before{content:"";display:block;width:1px;height:204px;margin-right:-1px;}
.gFootNav_list > li > a::after{content:"";}
.gFootNav_bg{display:block;position:absolute;z-index:0;width:100%;height:100%;top:0;left:0;background-size:cover;background-position:center center;background-repeat:no-repeat;transition-duration:.3s, .6s;transition-property:opacity, transform;}
.gFootNav_bg::before{content:"";display:block;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:#6b7173;mix-blend-mode:multiply;}
.gFootNav_bg-stay{background-image:url(/photo/banner/lodging.webp);background-color:#dcedf1;}
.gFootNav_list_text{display:block;position:relative;margin-right:0.8em;z-index:1;letter-spacing:0.2em;}
.gFootNav_list_text-spacing{letter-spacing:0.5em;}
.gFootNav_list_en{display:block;position:relative;z-index:1;font-size:20px;letter-spacing:0.15em;}
.gFootNav_list_en::before{content:"-";margin-right:0.2em;}
.gFootNav_list_en::after{content:"-";margin-left:0.2em;}
.gFootNav_bg-eat{background-image:url(/photo/banner/homestay.webp);background-color:#d6b2a0;}
.gFootNav_bg-photogallery{background-image:url(/photo/banner/activity.webp);background-color:#f2ebe2;}
.gFootNav_bg-sightseeing{background-image:url(/photo/banner/sightseeing.webp);background-color:#cfdae5;}
.gFootNav_bg-environment{background-image:url(/photo/banner/gallery.webp);background-color:#f2ebe2;}
@media screen and (min-width:1000px){
a:hover .gFootNav_bg{opacity:.9;transform:scale(1.05);}
}
@media screen and (max-width: 999px){
.gFootNav_list > li > a{font-size:26px;}
.gFootNav_list > li > a::before{height:160px;}
}
@media screen and (max-width:767px){
.gFootNav_list > li{margin-bottom:0;}
.gFootNav_list > li > a{font-size:19px;}
.gFootNav_list > li > a::before{height:110px;}
.gFootNav_list_en{font-size:15px;}
}
@media screen and (max-width:374px){
.gFootNav_list > li > a{flex-direction:column;padding:24px 10px;}
.gFootNav_list > li > a::before{height:0;}
.gFootNav_list_text{margin-right:0;}
}