@charset "utf-8";
html {
 overflow-y: scroll;
}

body {
	color: #222222;
	margin: 0px;
	padding: 0px;
	font: 20px
	YuGothic,
	'Yu Gothic', 
	sans-serif;
	font-weight: 500;
	background: #b1fc65;
  	background-image: radial-gradient(#bfff7f 25%, transparent 0), radial-gradient(#bfff7f 25%, transparent 0);
  	background-position: 0 0, 10px 10px;
  	background-size: 20px 20px;
}
.menubar {
  list-style: none;
  overflow: hidden;
}

.menubar li {
  width: 16%;
  text-align: center;
  background-color: #202f55;
  float: left;
  height: 50px;
  line-height: 50px;
  margin-right: 2px;
}

.menubar li a {
display: block;
text-decoration: none;
color: #fff;
}

.menubar li:hover{
background-color: #002b99;
transition: 1s;
}

#current{background: #002b99;}


.shiro{
  background: #fff;
  margin-left: 12%;
  margin-right: 12%;
}

.honbun{
max-width: 50em;
}

.bunsho{
    max-width: 45em;
	text-align: left;
}

.top_image{
    width: 30%;
	margin-left:8%;
    
}

.kyocho{
    font-weight: 700;
    background: linear-gradient(transparent 60%, #ffff88 60%);
}

h1{
padding: 0.3em;
background: #e6ffcc;
border-left: solid 10px #b5ff66;
font-size: 26px;
}

h2{
padding-left: 0.5em;
border-bottom: solid 3px #b5ff66;
font-size: 20px;
}

.mizuiro{
    background: #e0ffff
}

.mizu{
	background: #e0ffff;
	font-weight:550;
	padding: 0.5em;
	margin: 0.3em;
}


.menugazo{
    width: 31.5%;
    margin: 15px;
}

.menugazo:hover{
    opacity: 0.5;
}
.zukan{
    width: 40%;
}


.z_title{
    font-size: 34px
}

.y_bunsho{
    width: 100%;
	text-align: left;
    background-color: #ffffd6;
}

.pi_bunsho{
    width: 100%;
	text-align: left;
    background-color: #ffd6ff;
}

.bu_bunsho{
    width: 100%;
	text-align: left;
    background-color: #d6ffff;
}

.pu_bunsho{
    width: 100%;
	text-align: left;
    background-color: #ead6ff;
}

.or_bunsho{
    width: 100%;
	text-align: left;
    background-color: #ffead6;
}

.re_bunsho{
    width: 100%;
	text-align: left;
    background-color: #ffd6d6;
}

.hozon{
    background: #ffff9e;
}

.chakushoku{
    background: #ff9eff;
}

.worksheet{
    display: flex;
}

.worksheets{
    width:30%;
}

.migiike{
    float: right;
    width: 67%;
	height: 500px;
}
.hidariike{
    float: left;
    width: 33%;
	height: 500px;
}

.taaru{
	text-align:center;
}

.modoru{
    font-size:1.3em;
    letter-spacing: 7px;
    display: inline-block;
    padding: 0.2em 0.8em 0.2em 1.1em;
    text-decoration: none;
    color: #72da03;
    border: solid 2px #72da03;
    border-radius: 5px;
    transition: .1s;
    margin:15px;
}

.modoru:hover {
    background: #72da03;
    color: #ffffff;
}

.chakuchoku{background-color: #ff9eff;}
.hasshoku{background-color: #ff7fff;}
.hyohaku{background-color: #ff7aff;}
.taru_zukan{background-color: #ff1493;}
.hozon{background-color: #ffff9e;}
.homochi{background-color: #ffff7f;}
.sankaboshi{background-color: #ffff00;}

.kanmiryo{background-color: #9effff;}
.chomiryo{background-color: #7fffff;}

.nyukazai{background-color: #ce9eff;}
.zonenantei{background-color: #bf7fff;}

.bocho{background-color:#ffce9e;}
.gyoko{background-color:#ffbf7f;}
.kecchaku{background-color:#ff7f00;}
.eastfood{background-color:#ffbc7a;}
.kansui{background-color:#ffa500;}
.eiyokyoka{background-color: #ff9e9e;}


@media screen and (max-width: 768px) {
body {	
max-width: 100% ;
font-size: 14px;
line-height: 1.6; 
margin-bottom: 0.5em;
overflow-x: hidden;
}
iframe {
width:100%;
}
img{
width: 100%;
height:auto;
}
.menubar {
margin:0;
padding: 1em 0 0 0.5em ;
width: 100%;
}
.menubar li {
  width: 32%;
  text-align: center;
  background-color: #202f55;
  float: left;
  height: 30px;
  line-height: 30px;
}
.shiro{
  background: #fff;
  margin:0;
}

.honbun{
padding: 1.5em;
}
.mizuiro{
background: #e0ffff;
padding: 1em;
}
h1{
padding: 0.15em;
background: #e6ffcc;
border-left: solid 6px #b5ff66;
font-size: 1.3em;
}

h2{
padding-left: 0.3em;
border-bottom: solid 3px #b5ff66;
font-size:1.1em;
}
.migiike{
float: clear;
width: 100%;
height: auto;
}
.hidariike{
float: clear;
width: 100%;
height: auto;
}

.hozon{
    background: #ffff9e;
}

.chakushoku{
    background: #ff9eff;
}.z_title{
    font-size: 1.2em;
}
}