/*===========================
** みんなの有機農業大事典　CSS
===========================*/

h3 {
  position: relative;
  padding: 5px 5px 5px 42px;
  background: #044031;
  font-size: 20px;
  color: white;
  line-height: 1.3;
  z-index:-1;
  margin-left: -19px;
}
.sakumotsu h3 {
  background: #815950;
}

h3:before {
  position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 79px transparent;
  z-index:-2
}
h4 {
  color: #000000;
  padding: 0.5em 2.5em 0.5em 0.5em;
  display: inline-block;
  line-height: 1.3;
  background: #92ada7;
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;
}
.sakumotsu h4 {
  background: #b9a19c;
}

h4:before {
  content: '●';
  color: white;
  margin-right: 8px;
}
h5 {
  position: relative;
  overflow: hidden;
  padding: 7px 0 6px 100px;
  border-top: 3px solid #000;
}
h5:before {
  position: absolute;
  top: -150%;
  left: -100px;
  width: 180px;
  height: 300%;
  content: '';
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  background: #000;
}
h5 span {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  padding-top: 5px;
  padding-left: 16px;
  color: #fff;
}
.m-large h5 {
  padding: 7px 0 6px 140px;
}
.m-large h5:before {
  width: 210px;
}
.m-short h5{
  padding: 7px 0 6px 20px;
}
.m-short h5:before {
  width: 110px;
  transform: inherit;
}



.mokuji-b{
  margin: 1em auto;
}
.mokuji-b .mokuji-b,
.mokuji-b .mokuji-b ul{
  padding-left: 1em;
}
.m-inline ul li
{
  display: inline;
}
.mokuji-b ul li{
  font-size: 0.8em;
}
.mokuji-b ul li ul li{
  font-size: 1em;
}
.insects{
  width: 70%;
  margin: 5em auto;
}
.ancher{
  text-align: right;
}
.ancher a{
  color: #000000;
}
.go-mokuji a{
  border: 2px solid #000000;
  text-align: center;
  width: 70%;
  margin: auto;
  padding: 0.7em 0;
  display: block;
  border-radius: 38px;
  color: #000000;
  letter-spacing: 0.1em;
  color: #ffffff;
  font-weight: 600;
}
.go-sakumotsu a{
  background-color: #815950;
}
.go-sakumotsu a:hover{
  background-color: #b9a19c;
}
.go-kyotsu a{
  background-color: #044031;
}
.go-kyotsu a:hover{
  background-color: #92ada7;
}
@media (hover: hover) {
  .ancher a:hover{
    text-decoration: underline;
  }
}

@media screen and (width < 480px) {
  .insects{
    width: 80%;
    margin: 2em auto;
  }
}