/*html*/
html{
     font-family: "Nico Moji";
     font-size:1.5em;
}

/*body*/
body{
    margin: 0; /*ƒy[ƒW‚̏㉺¶‰E‚ÌŒ„ŠÔ‚ð‚È‚­‚·*/
    background-color: #f0f0f0;
}

.wrapper{
    min-height: 100vh;
    position: relative;/*©‘Š‘Έʒu*/
    padding-bottom: 25%;/*©footer‚̍‚‚³*/
    box-sizing: border-box;/*©‘S‚ÄŠÜ‚ß‚Ämin-height:100vh‚É*/
}

/*ƒwƒbƒ_[*/
/*ƒƒjƒ…[*/
.nav li{
    display: inline;
    margin: 0.5%;
    list-style-type: none;
}
.nav a{
    border-top: solid 0.05em #707070;
    border-right: solid 0.2em #505050;
    border-bottom: solid 0.2em #000000;
    border-left: solid 0.05em #707070;
    border-radius: 7%;
    padding: 0.5%;
    background-color: white;
    line-height:2;
}
.nav a:link{
    color: #6d852d;
    text-decoration: none;
}
.nav a:visited{
    color: #6d852d;
}
.nav a:hover{
    color: #6d852d;
    border-top: solid 0.125em #707070;
    border-right: solid 0.125em #505050;
    border-bottom: solid 0.125em #000000;
    border-left: solid 0.125em #707070;
}
.nav a:active{
    border-top: solid 0.01em #707070;
    border-right: solid 0.01em #505050;
    border-bottom: solid 0.01em #000000;
    border-left: solid 0.01em #707070;
}
/*ƒ^ƒCƒgƒ‹ƒƒS*/
.logo{
    padding: 2%;
    border-bottom: solid 0.2em #6d852d;
    text-align: center;
    box-shadow: 0em 0.2em 0.2em rgba(0,0,0,0.4);
}
.logo img{
    width: 30%;
}

/*ƒƒCƒ“*/
/*ƒƒCƒ“‚ÌŒ©o‚µ*/
.heading{
    text-align: center;
}

/*index.html*/
#index .keyvisual{
    text-align: center;
}
#index .key{
    width: 80%;
}
#index .message{
    margin: 3%;
}

/*about-kozu.htmml*/
#about{
    margin: 3% 7%;
}
#about h3{
    color:#6d852d;
}
#about .section{
    margin-bottom: 5%;
}
#about .img{
    text-align: center;
}

/*planned-activities.html*/
#planned{
    margin: 3% 7%;
}
#planned iframe{
    width: 80%;
    height: 150vh;
    margin: 0 10%;
}

/*activity-report.html*/
#active{
    margin: 3% 7%;
}
#active iframe{
    width: 80%;
    height: 150vh;
    margin: 0 10%;
}

/*history.html*/
#history{
    margin: 3% 7%;
}

/*access.html*/
#access{
    margin: 3% 7%;
}
#access .keyvisual{
    margin-bottom: 5%;
    text-align: center;
}
#access .keyvisual h3{
    line-height: 0;
}
#access .map{
    width: 60%;
    margin: 3% 0;
}

/*site-map.html*/
.site{
    margin: 3% 7%;
}
.site h3{
    text-align: center;
    color: #8f973f;
}
.site p{
    margin: 0 20% 0 30%;
}
.site a{
    text-decoration: none;
    line-height: 2;
}

/*ƒtƒbƒ^[*/
.footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: black;
}
.footer nav{
    padding: 1% 0 2% 0.5%;
}
.footer li{
    list-style-type: none;
}
.footer a{
    line-height:1.5;
}
.footer a:link{
    text-decoration: none;
    color: white;
}
.footer a:visited{
    color: white;
}
.footer a:hover{
    color: #6d852d;
}
.footer a:active{
    color: #6d852d;
}

/* ‰ü‘P‚Ì—]’n‚Ì‚ ‚é“_

   main‚Ì margin:3% 7%;
   active‚Æplanned‚Ìiframe
   index‚Æaccess‚Ìkeyvisual
   ƒŠƒ“ƒN
   ƒTƒCƒgƒ}ƒbƒv

*/