body {
margin: 0;
padding: 0;
color: #2a2a2a;
text-align: center;
position: relative;
font-family: sans-serif;
background-color: #fff;
}

header{
display: none !important;
    }

#page_top{
  width: 40px;
  height: 40px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: transparent url(twitter.gif);
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  text-decoration: none;
}


a {text-decoration: none;}
nav a:link {color: #fff;}
nav a:visited {color:#fff;}
nav a:active {color:#fff;}

a:link{color: #;40552b;}
a:visited {color: #e27272;}
a:active {color: #727238;}
a img {border: none;}

main {
display: block;
margin: 0 auto;
width: 65%;
}

article {
margin: 0.5em auto;
margin-top: 1em;
position: relative;
}

.box1 {
width: 80%;
padding: 0.5em;
margin: 0.5em auto;
text-align: left;
color: #595959;
border: 2pt #bfea95 solid;
border-radius: 1em;
overflow: auto;
}

section {
    padding: 0.5em 1em;
padding-bottom: 2em;
line-height: 1.5em;
    margin: 0.5em auto;
text-align: left;
    color: #55402b;
    background: #fff;
overflow: hidden;
}

section p {
    margin: 0; 
    padding: 0;
}

hr {
border: dashed 1px #595959;
margin: 2em auto;
}

h1 {
width: 100%;
margin: 60px auto;
padding: 0.5em;
text-align: center;
}

h2 {
width: 90%;
margin: 0.5em auto;
background: #95dc4e;
padding: 0.5em;
padding-left:2em;
color: #fff;
text-align: left;
height:15px;
line-height: 0.8em;
border-radius: 1em;
}
h2:before {
  font-family: "Font Awesome 5 Free";
  content: "\f1b0";
  color: #fff;
font-size: 1em;
  margin-right: 1em;
font-weight: 900;
top: 0.4em;
left:0.5em;
}

h3 {
  position: relative;
  color: #95dc4e;
  line-height: 1.4em;
  padding: 0.2em;
padding-left: 2em;
 border-bottom: 2px #95dc4e solid;
width: 80%;
text-align: left;
background-color: #fff;
border-radius: 0;
}

h3:before {
  font-family: "Font Awesome 5 Free";
  content: "\f101";
  font-weight: 900;
  position: absolute;
  left : 0.5em;
}


footer {
width: 100%;
text-align: center;
font-size: 80%;
padding: 5px;
clear: both;
margin: 1em 0;
background-color: #95dc4e;
}

i {
color: #fff;
}

i:hover {
color: #ffff80;
}

.green {
color: #95dc4e;
font-size: 2em;
font-weight: 900;
}

.green:hover {
color: #bfea95;
}

/*navリスト指定↓ここから*/
#topbar {
width: 70%;
margin: 0 auto;
padding: 0;
top: 0;
background-color: #fff;
position: fixed;
height: 80px;
z-index: 2;
}

nav {
margin: 0px auto;
height: 40px;
top: 0px;
padding: 0px;
width: 100%;
}


nav div {
position: fixed;
z-index: 3;
margin: 1.5em auto;
width: 100%;
}

nav a {
margin: 0 10px;
width: 120px;
height: 25px;
color: #FFF;
font-weight: bold;
font-size: large;
display: inline-block;
padding: 0.2em 0.5em;
text-decoration: none;
border-radius: 4px;
border: dashed 2px #FFF;
}

nav a:link {
margin-top: 0;
color: #fff;}

nav a:visited {
margin-top: 0;
color: #fff;}

nav a:active {
margin-top: 0;
color: #fff;}

nav a:hover {
margin-top: 0;
color: #ffff80;}

.news {
 background: #668ad8;
box-shadow: 0px 0px 0px 5px #668ad8;
}

.about {
  background: #ff5555;
box-shadow: 0px 0px 0px 5px #ff5555;
}

.works {
 background: #ff952b;
box-shadow: 0px 0px 0px 5px #ff952b;
}


.mail {
background: #6ab123;
box-shadow: 0px 0px 0px 5px #6ab123;
}


.shop {
background: #ffff2b;
box-shadow: 0px 0px 0px 5px #ffff2b;
}

.home {
 background: #e272e2;
box-shadow: 0px 0px 0px 5px #e272e2;
}