			.markdown-body {
				line-height: 1.5;
			}

            .wrap{
                max-width: 1000px;
            }
            .guideflex{
                width:90%;
                max-width: 1000px;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 0 auto;
      -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

            }
            aside.guidemenu{
                width: 30%;
                max-width: 300px;
margin: 1em auto;
    padding:35px 0;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
            }
aside.guidemenu h2{
background-color: #95C04E;
color: #fff;
padding: 5px 0.5em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
           aside.guidemenu ul{
padding: 0;
list-style: none;
           }
           aside.guidemenu li{
            padding: 0.5em 0;
           }

            .markdown-body{
                width: 70%;
                max-width:690px;
                padding:30px 0 30px 10px;
                -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
            }

            .markdown-body img{
                width: auto;
                height: auto;
                max-width: 400px;
                margin:20px 0;
                display: block;

            }
button#guideMenuToggle{
    display: none;
}


/* スマホ */
@media (max-width: 768px) {

 header .wrap,
.guideflex {
width:96%;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

button#guideMenuToggle{
    display:block;
    position: fixed;
    top:47px;
    left: 5px;
    z-index: 2000;
}

aside.guidemenu {
    display: none;
    position: fixed;
    top:60px;
    left: 0;
    width:70%;
    max-width: 70%;
    padding: 0 1em;
    height: 100%;
    background: #fff;
    overflow-y: auto;
    z-index: 1000;
  }

  .guidemenu.open { display: block; 
width:70%;
}
  .guidemenu-btn {
    display: block;
    margin: 10px;
    padding: 8px 12px;
    background: #4caf50;
    color: #fff;
    border: none;
    border-radius: 6px;
  }
.markdown-body{
    width:100%;
    max-width:100%;
    padding: 30px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
}
.markdown-body h2,
.markdown-body img,
.markdown-body ul{
width: 100%;
max-width: 100%;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

}

