*{
    margin:0;
    padding:0;
    box-sizing: border-box;
    font-size:16px;
    font-weight:100;
    line-height:20px;
    color:#333;
    text-decoration: none;
}
body, html{
    margin:0;
    padding:0;
}
/* header */
header{
    position: fixed;
    top:0;
    left:0;
    z-index:11000;
    width:100%;
    padding:5px;
    background-color: #86BD24;
}
#headerWrap{
    display:flex;
    width:1000px;
    margin:10px auto;
    padding:0;
    border-radius:50px;
    background-color: rgba(255 255 255/0.9);
}
#headerLogoArea{
    width:15%;
    margin-left:1%;
}
#headerLogoArea img{
    width:100%;
}
#headerNavArea{
    width:67%;
    margin-top:0;
    margin-left:15%;
    margin-right:2%;
}
#headerNav{
    display:flex;
    justify-content: space-between;
    padding:0;
    margin-top:-3px;
}
#headerNavArea ul li{
    font-size:14px;
    cursor:pointer;
}
#headerNavArea ul li:hover{
    color:#f60;
}
#openMenuBt{
    display:none;
}
#closeMenuBt{
    display:none;
}
nav{
    padding:5px;
}
/* contents */
.topSpacer{
    width:100%;
    height:100px;
    background-color:#fff;
    border:1px #fff solid;
    box-sizing: border-box;
}
article{
    width:1000px;
    margin:130px auto 0 auto;
    padding:5px;
}
section{
    padding:5px;
}
footer{
    margin-top:150px;
    padding:5px;
    background-color: #666666;
}
div{
    padding:5px;
}
ul{
    list-style-type:none;
}
/* footer */
#footerWrap{
    width:1000px;
    margin:0 auto;
    padding:20px 0 20px 0;
    text-align: left;
    color:#fff;
}
#footerLogo{
    border-bottom:1px #777 solid;
}
#footerLogo img{
    width:176px;
}
#footerMiddlePart{
    display:flex;
    justify-content: space-between;
}
#footerMiddlePart nav{
    display:flex;
    justify-content: space-between;
}
#footerAddress{
    margin-left:40px;
    color:#fff;
}
#footerAddress span{
    display:block;
    color:#fff;
    line-height:2em;
}
#footerWrap ul{
    list-style-type: none;
}
#footerWrap ul li{
    color:#fff;
    line-height:2em;
}
#copyrights{
    width:100%;
    margin-top:60px;
    text-align:center;
    font-size:10px;
    color:#fff;
}
.footerMenuLeft li a{color:#fff;}
.footerMenuLeft li{border-radius:20px; padding:3px 20px;}
.footerMenuLeft li:hover{background-color: #555555;}
.footerMenuRight li a{color:#fff;}
.footerMenuRight li{border-radius:20px; padding:3px 20px;}
.footerMenuRight li:hover{background-color: #555555;}


/*--------------------------------------------------*/
/*==================================================*/
/*モバイルサイト*/
/*==================================================*/
/*--------------------------------------------------*/
@media screen and (max-width:480px){
    /*common*/
    body{
        width:100vw;
        overflow-x: hidden;
    }
    article{
        width:100%;
        margin:0 auto;
        overflow-x: hidden;
    }
    header{
        width:100%;
        margin:0 auto;
        overflow-x: hidden;
    }
    footer{
        width:100%;
        margin:0 auto;
        overflow-x: hidden;
    }
    /*header*/
    #headerWrap{
        width:90%;
        height:40px;
        background-color:rgba(255 255 255/0.9);
    }
    #headerLogoArea{
        width:50%;
    }
    #headerNavArea{
        width:50%;
        padding:0;
        text-align: right;
        box-sizing: border-box;
    }
    #headerNav{
        display:none;
        position:fixed;
        top:60px;
        left:0;
        width:100%;
        height:100vh;
        margin:0 auto;
        background-color:rgba(250 255 255/0.9);
    }
    #headerNavBt1{
        width:90%;
        height:36px;
        margin:30px auto;
        padding:8px 0 19px 0;
        background-color:#86BD24;
        border:1px #eee solid;
        border-radius:10vw;
        text-align: center;
        color:#fff;
        font-size:1.5em;
    }
    #headerNavBt2{
        width:90%;
        height:36px;
        margin:20px auto;
        padding:8px 0 19px 0;
        background-color:#86BD24;
        border:1px #eee solid;
        border-radius:10vw;
        text-align: center;
        color:#fff;
    }
    #headerNavBt3{
        width:90%;
        height:36px;
        margin:20px auto;
        padding:8px 0 19px 0;
        background-color:#86BD24;
        border:1px #eee solid;
        border-radius:10vw;
        text-align: center;
        color:#fff;
    }
    #headerNavBt4{
        width:90%;
        height:36px;
        margin:20px auto;
        padding:8px 0 19px 0;
        background-color:#86BD24;
        border:1px #eee solid;
        border-radius:10vw;
        text-align: center;
        color:#fff;
    }
    #headerNavBt5{
        width:90%;
        height:36px;
        margin:20px auto;
        padding:8px 0 19px 0;
        background-color:#86BD24;
        border:1px #eee solid;
        border-radius:10vw;
        text-align: center;
        color:#fff;
    }
    #headerNavBt6{
        width:90%;
        height:36px;
        margin:30px auto;
        padding:8px 0 19px 0;
        background-color:#86BD24;
        border:1px #eee solid;
        border-radius:10vw;
        text-align: center;
        color:#fff;
    }
    #headerNavBt7{
        width:90%;
        height:36px;
        margin:30px auto 50px auto;
        padding:8px 0 19px 0;
        background-color:#86BD24;
        border:1px #eee solid;
        border-radius:10vw;
        text-align: center;
        color:#fff;
    }
    #openMenuBt{
        display:inline-block;
        width:18%;
        margin-top:3px;
        margin-right:5px;
        margin-bottom:-3px;
        cursor:pointer;
    }
    #closeMenuBt{
        display:none;
        width:18%;
        margin-top:3px;
        margin-right:5px;
        margin-bottom:-3px;
        cursor:pointer;
    }
    
    /*footer*/
    #footerWrap{
        width:100%;
        margin:0 auto;
        padding:20px 0 20px 0;
        text-align: left;
        color:#fff;
    }
    #footerLogo{
        border-bottom:1px #777 solid;
    }
    #footerLogo img{
        width:150px;
    }
    #footerMiddlePart{
        display:block;
    }
    #footerMiddlePart nav{
        display:none;
    }
    #footerAddress{
        margin-left:40px;
        color:#fff;
    }
    #footerAddress span{
        display:block;
        color:#fff;
        line-height:2em;
    }
    #copyrights{
        width:100%;
        margin-top:60px;
        text-align:center;
        font-size:10px;
        color:#fff;
    }
}