@charset "UTF-8";

/* ===============================================================================
 * footer layout 2015.09.15
 * =============================================================================== */
#footer .copyright,
#footer .logo-SAM,
#footer a,
#footer-nav-wrap {
    line-height: 1.3;
    font-size: 12px
}

#footer {
    background: #05336a;
    width: 100%;
    color: #fff
}

#footer .res-wrap-inner {
    background: #05336a;
    width: 950px;
    margin: 0 auto;
    padding: 10px 0
}

#footer a {
    color: #fff;
    text-decoration: none;
    font-size: 1.2rem
}

#footer .global-footer-nav-area a {
    white-space: normal;
}

#footer a:hover {
    color: #a9d1ff
}

#footer .copyright {
    float: left;
    margin-top: 12px;
    font-size: 1.2rem;
    color: #fff !important
}

#footer .logo-SAM {
    float: right;
    margin-top: 8px;
    font-size: 1.2rem
}

#footer .res-contact {
    display: none
}

#footer.res-simplicity .copyright {
    margin-top: 0
}

.res-footer-utility-nav {
    word-spacing: -1em;
    display: table;
    width: 100%;
    text-align: left !important
}

.res-footer-utility-nav li {
    display: inline-block;
    word-spacing: normal;
    padding: 2px 0 1px 12px
}

.res-footer-utility-nav li a {
    margin-left: 12px
}

.res-footer-utility-nav li:before {
    content: "|"
}

#footer-nav-list .res-footnav-list li:before,
.nores-fixed-sp .res-footer-utility-nav li:before,
.res-footer-utility-nav li:first-child:before {
    content: ""
}

.res-footer-utility-nav li:first-child {
    padding-left: 0
}

.res-footer-utility-nav li:first-child a {
    margin-left: 0
}

#footer-nav-wrap {
    background: #f0f0f0;
    width: 100%;
    color: #fff;
    font-size: 1.2rem
}

#footer-nav-wrap .res-wrap-inner {
    background: #f0f0f0;
    width: 950px;
    margin: 0 auto;
    padding: 30px 0;
    overflow: hidden
}

#footer-nav-list {
    margin-left: -20px;
    display: table;
    width: 100%
}

#footer-nav-list .res-footnav-box {
    display: table-cell;
    vertical-align: top
}

#footer-nav-list .res-footnav {
    margin-top: -50px;
    min-width: 200px;
    max-width: 300px;
    padding-left: 20px
}

#footer-nav-list .res-footnav dt {
    margin-top: 50px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700
}

#footer-nav-list .res-footnav dt a {
    color: #223f9a;
    text-decoration: none;
    font-weight: 700
}

#footer-nav-list .res-footnav dt a:hover {
    color: #223f9a;
    text-decoration: underline
}

#footer-nav-list .res-footnav dd a {
    color: #595959;
    text-decoration: none
}

#footer-nav-list .res-footnav dd a:hover {
    color: #595959;
    text-decoration: underline
}

#footer-nav-list .res-footnav-list li {
    margin-top: 12px;
    position: relative
}

#footer-nav-list .res-footnav-list li:before {
    display: block;
    position: absolute;
    border-top: 3px solid transparent;
    border-left: 5px solid #ababab;
    border-bottom: 3px solid transparent;
    top: .3em
}

#footer-nav-list .res-footnav-list li a {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px
}

.footer-utility-wrap {
    background: #d7e4ec;
    border-top: 1px solid #f0f0f0;
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.3
}

.footer-utility-wrap .res-wrap-inner {
    border-top: 1px solid #f0f0f0;
    background: #d7e4ec;
    width: 950px;
    margin: -1px auto 0;
    padding: 18px 0;
    overflow: hidden
}

.footer-utility-wrap .foot-utility {
    letter-spacing: -.4em
}

.footer-utility-wrap .foot-utility li {
    display: inline-block;
    letter-spacing: normal;
    padding: 0 10px 0 14px
}

.footer-utility-wrap .foot-utility li a {
    display: inline-block;
    color: #444;
    text-decoration: none
}

.footer-utility-wrap .foot-utility li a:hover {
    color: #444;
    text-decoration: underline !important
}

.footer-utility-wrap .foot-utility li a[target="_blank"] {
    background: url(../images/icon_blank.png)right center no-repeat;
    padding-right: 18px
}

.footer-utility-wrap .foot-utility.res-navarrow li {
    position: relative
}

.footer-utility-wrap .foot-utility.res-navarrow li:before {
    content: "";
    display: block;
    position: absolute;
    border-top: 3px solid transparent;
    border-left: 5px solid #ababab;
    border-bottom: 3px solid transparent;
    top: .3em
}

.footer-utility-wrap .foot-utility.res-navarrow li a {
    margin-left: 10px
}

.footer-utility-wrap .foot-utility.res-navrelated {
    padding-left: 10px
}

.cpyright-box {
    border-top: 1px solid #ccc;
    max-width: 950px;
    margin: 0 auto;
    padding: 8px 0
}

.nores-fixed-sp .res-footer-utility-nav li,
.nores-fixed-sp .res-footer-utility-nav li:first-child {
    padding-left: 6px;
    padding-right: 6px
}

.cpyright-box a {
    color: #444;
    text-decoration: none
}

.cpyright-box a:hover {
    text-decoration: underline
}

@media (min-width:0px)and (max-width:570px) {

    .res-footer-utility-nav li,
    .res-footer-utility-nav li:first-child {
        padding-left: 6px;
        padding-right: 6px
    }

    #footer,
    #footer .res-wrap-inner {
        width: 100%
    }

    #footer .res-contact {
        display: block;
        text-align: center;
        padding-top: 8px
    }

    #footer .copyright {
        float: none;
        text-align: center
    }

    #footer .logo-SAM {
        float: none;
        text-align: center;
        width: 100%
    }

    #footer .logo-SAM a {
        display: block;
        text-align: center
    }

    .res-footer-utility-nav {
        min-width: 320px;
        margin: 0 auto;
        text-align: center !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center
    }

    .no-flexbox .res-footer-utility-nav {
        display: table;
        word-spacing: -1em;
        width: 100%;
        text-align: center !important
    }

    .res-footer-utility-nav li {
        display: block
    }

    .res-footer-utility-nav li:before {
        content: ""
    }

    .no-flexbox .res-footer-utility-nav li {
        display: inline-block;
        word-spacing: normal
    }

    .res-footer-utility-nav li a {
        margin-left: 0
    }

    .cpyright-box {
        margin: 0 7px
    }
}

@media (min-width:571px)and (max-width:1024px) {

    #footer,
    #footer .res-wrap-inner {
        width: 100%
    }

    #footer .copyright {
        margin-left: 4%
    }

    #footer .logo-SAM {
        margin-right: 3.157894737%
    }

    .res-footer-utility-nav {
        margin-left: 4%;
        width: 95%
    }

    .cpyright-box {
        margin: 0 10px
    }
}

.nores-fixed-sp #footer,
.nores-fixed-sp #footer .res-wrap-inner {
    width: 100%
}

.nores-fixed-sp #footer .res-sp-none {
    display: none !important
}

.nores-fixed-sp #footer .res-contact {
    display: block;
    text-align: center;
    padding-top: 8px
}

.nores-fixed-sp #footer .copyright {
    float: none;
    text-align: center
}

.nores-fixed-sp #footer .logo-SAM {
    float: none;
    text-align: center;
    width: 100%
}

.nores-fixed-sp #footer .logo-SAM a {
    display: block;
    text-align: center
}

.nores-fixed-sp .res-footer-utility-nav {
    min-width: 320px;
    margin: 0 auto;
    text-align: center
}

.nores-fixed-sp .res-footer-utility-nav li a {
    margin-left: 0
}

.nores-fixed-sp .cpyright-box {
    margin: 0 7px
}