@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&subset=japanese');

body {color:#111111; font-family: 'Noto Serif JP', sans-serif;}
li {font-weight: bold; font-size:120%;}
.box1 {
margin:0;
padding:0;
 clear:both;
width : 100%;
text-align : center;
background-color: #111111;
}

h3 {
position: relative;
padding-left: 25px;
}

h3:before {
position: absolute;
content: '';
bottom: -3px;
left: 0;
width: 0;
height: 0;
border: none;
border-left: solid 15px transparent;
border-bottom: solid 15px #A5CD89;
}
h3:after {
position: absolute;
content: '';
bottom: -3px;
left: 10px;
width: 97%;
border-bottom: solid 3px #A5CD89;
}




#topImage1 {
  width: 480px;
  height: auto;
  max-width: 100%;
  margin-top:8px;
}

.mainbox {
  width : 90%;
}

.header {
  width: 90%;
}
.footer {
 clear:both;
  width: 90%;
  border-color: blue;
  background-color: #008D56;
  text-decoration: none;
    color: #fff;
    text-align: center;
}

.pagelink {
margin-left : 10px;
font-size:80%;
color:#111111;

}

.newInfo{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px #008D56;
    border-bottom: solid 2px #008D56;
}
.newInfo:before, .newInfo:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #008D56;
}
.newInfo:before {left: 10px;}
.newInfo:after {right: 10px;}
.newInfo p {
    margin: 0; 
    padding: 0;
}

.wp_link_box{
margin-left : 16px;
}
.wp_link {
 color:#222222;
}

@media screen and (min-width: 769px) {
h2 {
position: relative;
padding-left: 25px;

}

h2:before {
position: absolute;
content: '';
bottom: -3px;
left: 0;
width: 0;
height: 0;
border: none;
border-left: solid 15px transparent;
border-bottom: solid 15px #008D56;
}
h2:after {
position: absolute;
content: '';
bottom: -3px;
left: 10px;
width: 99%;
border-bottom: solid 3px #008D56;
}

.mainbox {
  width : 90%;
  margin: auto;
}

.header {
  margin: auto;
  width: 90%;
}
.footer {
 clear:both;
  width: 90%;
  margin: auto;
  border-color: blue;
  background-color: #008D56;
  text-decoration: none;
    color: #fff;
    text-align: center;
}




.box2 {
  float: left;
  width:70%;
  height: 90%;
}
.box3 {
  float: left;
    height: 100%;
    width:30%;
}
.box4 {
  float: left;
    height: 100%;
    width:30%;
}
.box2-1 {
  width: 90%;
  margin:5px;

}
.box2-2 {
  width: 90%;
  margin:5px;
}





.mainbox {
  width: 90%;
  margin: auto;
}
.alignright{
float:right;
margin:3px 0 10px 10px;
}





.ul_b, .ol_b {
  padding: 0;
  position: relative;
  margin-left:10px;
}

.ul_b .li_b, .ol_b .li_b {
  color: #2d8fdd;
  border-left: solid 6px #008D56;/*左側の線*/
  background: #A5CD89;/*背景色*/
  margin-bottom: 10px;/*下のバーとの余白*/
 	line-height: 1.5;
  	padding: 0.5em;
  list-style-type: none!important;/*ポチ消す*/
}
.li_b a {
display: block;
text-decoration: none;
color : #FFFFFF;
font-weight:bold;
}

#menu {
    background-color: #008D56;
    padding: 3px;
} 

#menu .table-ul{
    padding: 0px; 
    margin: 0px;
} 

#menu .table-ul {
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
  margin :10px;
}

#menu li {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
}


#menu .table-ul li a { 
    text-decoration: none;
    color: #fff;
}

#menu .table-ul li a:hover{ 
    text-decoration: underline;
}

.box2-1-1_Image {
  width: 30%;
border-radius: 10px;
}


}



@media screen and (max-width: 768px) {
ul  {
  padding: 0;
  position: relative;
}

ul li {
  color: #2d8fdd;
  border-left: solid 6px #008D56;/*左側の線*/
  background: #008D56;/*背景色*/
  margin-bottom: 4px;/*下のバーとの余白*/
  line-height: 2.5;
  list-style-type: none!important;/*ポチ消す*/
}
li a {
display: block;
text-decoration: none;
color : #FFFFFF;
font-weight:bold;
}

.ul_b, .ol_b {
  padding: 0;
  position: relative;
  margin-left:10px;
}

.ul_b .li_b, .ol_b .li_b {
  color: #2d8fdd;
  border-left: solid 6px #008D56;/*左側の線*/
  background: #A5CD89;/*背景色*/
  margin-bottom: 10px;/*下のバーとの余白*/
 	line-height: 1.5;
  	padding: 0.5em;
  list-style-type: none!important;/*ポチ消す*/
}
.li_b a {
display: block;
text-decoration: none;
color : #FFFFFF;
font-weight:bold;
}

.box2-1-1_Image {
padding : 4px;
  width: 98%;
border-radius: 10px;
}

h2 {
position: relative;
padding-left: 25px;

}

h2:before {
position: absolute;
content: '';
bottom: -3px;
left: 0;
width: 0;
height: 0;
border: none;
border-left: solid 15px transparent;
border-bottom: solid 15px #008D56;
}
h2:after {
position: absolute;
content: '';
bottom: -3px;
left: 10px;
width: 97%;
border-bottom: solid 3px #008D56;
}

.header {
  width: 90%;
  margin: auto;
}

.mainbox {
  margin: auto;
}
.footer {
  margin: auto;
}
}