@charset "UTF-8";

img{vertical-align: bottom;}

/* #lp_footer ＝＝＝＝＝＝＝＝＝＝＝*/
#lp_footer{padding: 40px 15px; background: #020438; text-align: center; color: #fff;}
#lp_footer a{color: #fff;}

#lp_footer .lp_footer_nav{margin: 0 0 15px;}
#lp_footer .lp_footer_nav ul{display: flex; justify-content: center; align-items: center;}
#lp_footer .lp_footer_nav ul li{padding: 0 20px; border-left: 1px solid #fff; line-height: 1.3;}
#lp_footer .lp_footer_nav ul li:nth-child(1){border-left: none;}
#lp_footer .lp_footer_nav ul li a{font-size: 11px;}

#lp_footer .footer__inner-logo{max-width: 220px; width: 100%; margin: 0 auto;}
#lp_footer .footer__inner-logo img{width: 100%;}

#lp_footer .f_copy{color: #fff; font-size: 11px; margin: 10px 0 0;}

.sp_footer_cv{display: none;}
@media screen and (max-width: 991px){
    #lp_footer{height: 160px; padding: 30px 15px; border-top: 1px solid #fff;}

    .sp_footer_cv{display: block; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10;}
    .sp_footer_cv_wrap{display: flex; flex-wrap: wrap; justify-content: center;}
    .sp_footer_cv_wrap > div{/*width: calc(100% / 2);*/ width: 100%; height: 80px; border-left: 1px solid #fff;}
    .sp_footer_cv_wrap > div:nth-child(1){border-left: none;}
    .sp_footer_cv a{display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; height: 100%; padding: 0 30px;}
    .sp_footer_cv a::before{content: ""; width: 55px; height: 25px; position: absolute; top: 50%;
        left: -5px; transition: 0.3s ease; transform: translateX(-100%) translateY(-50%);
        background-image: url(../../lp_common/img/icon_plane.png);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .sp_footer_cv a img{width: auto; max-width: 100%; display: inline-block; transition: 0.3s ease;}
    .sp_footer_cv a:active:before{transform: translateX(0) translateY(-50%);}
    .sp_footer_cv a:active img{transform: translateX(15px);}
    .sp_footer_cv .sp_footer_cvTel a{background: #4A3708;}
    .sp_footer_cv .sp_footer_cvReservation a{background: #00013B;}

    /*.followBtn.none .sp_footer_cv{opacity: 0; visibility: hidden;}*/
    .followBtn.stop .sp_footer_cv{bottom: 160px; transform: translateY(100%); animation: fadeup 1s forwards;}
}
@keyframes fadeup {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}