@charset "utf-8";
/*                header
======================================================= */
#header{    margin-bottom:1.8em;}
#header .hdTop{
    overflow:hidden;
    padding-top:1.5em;
    padding-bottom:1.5em;
}
#header .hdTop a:hover{
    text-decoration:none;
    color: #262626;
}
#header .hdTop .hdLogo{
    float:left;
    padding-top:0.8em;
}
#header .hdTop .hdLogo a{
    display:table;
}

#header .hdTop .hdLogo a span{
    display:table-cell;
    line-height:1;
    vertical-align:bottom;
    height:26px !important
}
#header .hdTop .hdLogo a span.text{
    padding-bottom:0.2em;
}
#header .hdTop .hdLogo img{
    opacity:1 !important;
    margin-left:1.5em;
    width:auto!important;
    height:26px !important
}
#header .hdTop .hdContactBtn{
    font-size:125.0%;
    float:right;
    background-color:#ff4936;
}
@media(max-width: 1025px){
    #header .hdTop .hdContactBtn img{
        width: auto;
        height: 46px;
    }
}

#header .hdTop .hdContactBtn a{
    color:#ffffff;
    display:block;
    line-height:1;
}
#header .hdTop .hdContactBtn a:hover{    background-color:#fe7769;}
#header .hdTop{}
@media(min-width: 768px){
    #header .hdTop .hdLogo img{
        position:relative;
    }
    #header .hdTop .hdContactBtn .pcNone{ display: none;}
}
@media(max-width: 767px){
    #header .hdTop{
        border-bottom:1px #999999 solid;
        margin-bottom:1em;
        padding-top:1.5em;
        padding-bottom:1.5em;
    }
    #header .hdTop .hdLogo{    padding-top:0;}
    #header{    margin-bottom:10px;}
    #header .hdTop .hdContactBtn{
        margin-right: 38px;
    }
    #header .hdTop .hdContactBtn .spNone{ display: none;}
    #header .hdTop .hdContactBtn img{
        width: 28px;
        height: 28px;
    }
}
@media(max-width: 640px){
    #header .hdTop{
        margin-bottom:1em;
        padding-top:1em;
        padding-bottom:1em;
    }
    #header .hdTop .hdLogo a span{
        display:block;
        line-height:1;
        vertical-align:bottom;
        height:auto !important
    }
    #header .hdTop .hdLogo a span.text{
        padding-bottom:0;
    }
    #header .hdTop .hdLogo img{
        max-width:180px;
        margin-left:0;
        width:auto!important;
        max-height:20px !important
    }
    #header .hdTop .hdContactBtn{
        margin-top: 6px;
    }
}
#header #gnavi{
    border-top:1px #999999 solid;
    border-bottom:1px #999999 solid;
}
#header #gnavi ul{ overflow:hidden;}
#header #gnavi ul li{
    float:left;
    font-size:112.5%;
    text-align:center;
}
#header #gnavi ul li a{
    display:block;
    padding-top:1em;
    padding-bottom:1em;
}
@media(min-width: 768px){
    #header #gnavi ul li{    width:12.5%;}
    #header #gnavi ul li.gnavi01{
        width:15.5%;
        text-align:left;
    }
    #header #gnavi ul li.gnavi02{    width:11.5%;}
    #header #gnavi ul li.gnavi03{    width:11.5%;}
    #header #gnavi ul li.gnavi04{    width:13%;}
    #header #gnavi ul li.gnavi05{    width:12%;}
    #header #gnavi ul li.gnavi06{    width:12%;}
    #header #gnavi ul li.gnavi07{    width:13%;}
    #header #gnavi ul li.gnavi08{    width:11%;}
}

@media(max-width: 1400px){
    #header #gnavi{
        padding-left:0;
        padding-right:0;
    }
}
@media(max-width: 1300px){
    #header #gnavi{ font-size:90%;}
}
@media(max-width: 1000px){
    #header #gnavi{ font-size:90%;}
}
@media(max-width: 850px){
    #header #gnavi{ font-size:80%;}
}
@media(max-width: 767px){
    #header #gnavi ul{
        margin-left:-1px;
    }
    #header #gnavi ul li{
        width:50%;
        border-top: 1px #999999 dotted;
        border-left: 1px #999999 dotted;
    }
    #header #gnavi ul li.gnavi01,
    #header #gnavi ul li.gnavi02{    border-top: none;}
    #header #gnavi ul li a{
        padding-top:0.5em;
        padding-bottom:0.5em;
    }
}
@media(max-width: 640px){
    #header{    margin-bottom:0.5em;}
}
/*                sidebar
======================================================= */
#sidebar{}
/*                footer
======================================================= */
#footer{
    text-align:center;
    padding:5em 0 5em 0;
}
@media(max-width: 767px){
    #footer{    padding:3em 0 3em 0}
}
footer ~ img , footer ~ iframe{
    position:fixed;
    zindex:-1;
}