@charset "utf-8";
/* ===================================================================
CSS information

 file name  :  footer.css
 style info :  スタイル指定
=================================================================== */

footer { background: #fff;}

/* nav
--------------------------------------------------*/
footer nav { background: #ddd;}
footer nav ul { max-width: 960px; margin: 0 auto;}
footer nav ul li { display: inline-block; width: 16.666666666%; border-left: #fff 1px solid;}
footer nav ul li:last-child { border-right: #fff 1px solid;}
footer nav ul a { color: #000; font-size: 1.4em; display: block; padding: 10px 0;}

@media only screen and (max-width: 768px) {
footer nav ul li { width: 50%; border-left: #fff 1px solid; border-bottom: #fff 1px solid;}
}

footer .container { margin-top: 15px;}

/* captionWrap
--------------------------------------------------*/
footer .captionWrap { font-family: 'Roboto',Helvetica, Arial, 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, sans-serif; max-width: 960px; margin: 20px auto 0; padding-bottom: 15px; text-align: left; color: #000; line-height: 1.4;}
footer .captionWrap li+li { margin-top: 5px; color: #000; line-height: 1.4;}

@media only screen and (max-width: 991px) {
    footer .captionWrap { padding: 0 20px;}
}

footer .footerBnr { padding-bottom: 20px; margin-bottom: 20px; border-bottom: #ddd 1px solid;}

/* brandWrap
--------------------------------------------------*/
footer .brandWrap { text-align: left;}
footer .brandWrap li { display: inline-block; vertical-align: top; margin-bottom: 20px;}
footer .brandWrap li+li { margin-left: 20px;}
footer .brandWrap li a { display: block;}
footer .brandWrap .mitsubishi a { width: 130px;}
footer .brandWrap .obayashi a { width: 130px;}
footer .brandWrap .sojitz a { width: 75px;}
footer .brandWrap .haseko a { width: 110px;}
footer .brandWrap a span { padding-bottom: 8px; display: inline-block; white-space: nowrap;}
footer .brandWrap .obayashi a span { padding-left: 25px; color: #000;}
footer .brandWrap .mitsubishi a span { padding-left: 20px; color: #000;}
footer .brandWrap .sojitz a span { padding-left: 20px; color: #000;}
footer .brandWrap .haseko a span { padding-left: 15px; color: #000;}

@media only screen and (max-width: 991px) {
    footer .brandWrap { max-width: 560px; margin: 0 auto; float: none;}
}
@media only screen and (max-width: 768px) {
footer .brandWrap li { display: block; margin-left: 0!important;}
footer .brandWrap li a { margin: 0 auto;}
    footer .brandWrap a span { display: block; margin: 0 auto; padding-left: 0!important; text-align: center;}
}

/* contactWrap
--------------------------------------------------*/
footer .contactWrap { display: table;}
footer .contactWrap p { font-size: 1em; display: table-cell; vertical-align: top; text-align: left;}
footer .contactWrap p strong { display: block; font-size: 1.2em; line-height: 1.2;}
footer .contactWrap p span { display: block; padding-left: 10px; line-height: 1.4;}
/*footer .contactWrap .tel-link {background: url(../../../img/elements/footer/free.svg) no-repeat 10px center;background-size: 36px 31px;font-weight: normal;display: block;text-align: right;font-size: 3.1em;line-height: 1;color: #000;}*/
footer .contactWrap .tel-link {background: url(../../../img/elements/footer/free.svg) no-repeat center left/10px ;background-size: 36px 31px;font-weight: normal;display: block;text-align: right;font-size: 3.1em;line-height: 1;color: #000;}
/* footer .contactWrap p span:after {
    content: "※5/1(火)は臨時休業とさせて頂きます。";
    color: #d60101;
    font-size: 10px;
    display: inline-block;
    font-feature-settings: 'palt' 1;
    letter-spacing: 0.1em;
} */
.holiday {
    color: #d60101;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.6;
    font-feature-settings: 'palt' 1;
    letter-spacing: 0.1em;
    margin-top: -5px;
    margin-bottom: 2px;
}
.holiday .spOnly {
    display: none;
}
@media only screen and (max-width: 768px) {
    .holiday .spOnly {
        display: block;
    }
}
footer .contactWrap p + p {
    max-width: 231px;
}


@media only screen and (max-width: 991px) {
    footer .contactWrap { max-width: 420px; float: none; margin: 0 auto;}
    footer .copyright { text-align: center!important;}
}
@media only screen and (max-width: 768px) {
footer .contactWrap { text-align: center; display: block;}
    footer .contactWrap p {display: block;text-align: center;max-width: 100% !important;}
    footer .contactWrap p strong br { display: none;}
    footer .contactWrap .tel-link { display: inline-block; padding-left: 50px;}
}

/* footer_link_con
--------------------------------------------------*/
footer .footer_link_con { margin-top: 20px;}
footer .footer_link_con ul { max-width: 960px; margin: 0 auto;}
footer .footer_link_con ul li { display: inline-block;}
footer .footer_link_con ul li { display:inline-block; width: 32%; background:url(../../../img/elements/footer/footer_icon.png) no-repeat left center; font-size:11px; line-height:12px; padding:0 0 0 12px; margin-bottom: 8px; text-align: left;}
footer .footer_link_con ul li+li { margin-left: 2%;}
footer .footer_link_con ul li a { color: #000;}

footer .copyright { max-width: 960px; margin: 10px auto; font-size: .6em; text-align: right;}

@media only screen and (max-width: 768px) {
footer .footer_link_con ul li { width: 96%;}
footer .footer_link_con ul li+li { margin-left: 0;}
}

footer .fNav { background: #000; letter-spacing: -0.4em;}
footer .fNav li { line-height: 1; display: inline-block; letter-spacing: normal; font-size: 1em; padding: 10px 0; font-family: 'Roboto',Helvetica, Arial, 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, sans-serif;}
footer .fNav li a { display: inline-block; color: #8f8f8f; border-right: 1px solid #8f8f8f; padding: 0 10px;}
footer .fNav li:last-child a { border: none;}

footer .fNav li.residence a:after {
    content: "NEW";
    padding: 0px 3px;
    font-size: 10px;
    line-height: 0;
    background: #FFF;
    z-index: 10;
    box-sizing: border-box;
    margin-left: 5px;
    color: #7c111a;
}

.fBner {width: 100%;max-width: 960px;margin: 0 auto;padding-bottom: 10px;}
.fBner li { margin-bottom: 20px;}


@media only screen and (max-width: 768px) {
    footer .fNav:after{
        content: "."; 
        display: block; 
        height: 0; 
        font-size:0;    
        clear: both; 
        visibility:hidden;
    }
    footer .fNav li { float: left; display: block; width: 50%; font-size: 1.2em; padding: 0; border-bottom: 1px solid #8f8f8f;}
    footer .fNav li.double { width: 100%;}
    footer .fNav li a { display: block; border-right: none; padding: 15px 10px; border: none;}
    footer .fNav li:nth-child(odd) a { border-right: 1px solid #8f8f8f;}
    footer .fNav li:last-child a { border: none;} 
    .fBner {width: 94%;max-width: 960px;margin: 0 auto;padding-bottom: 10px;}
    .fBner li { margin-bottom: 20px;}
}



@media only screen and (max-width: 991px) {
    .fBner { margin-top: 20px;}
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 679px) {
}
@media only screen and (max-width: 479px) {
}