/* CSS Document */
a:hover{color: #98bcfa;text-decoration:NONE}
iframe {
max-width: 100%;
}
body {font-family:serif;MS Mincho;Hiragino Mincho ProN; line-height:150%;
margin: 0;
padding: 0;
}
img{
max-width: 100%;
 height: auto;
}
video{
max-width: 100%;
}
.style0 {
color: #fffff;
}
.style {color: #fff200;
}
.style1 {color: #fce803;
}
.style2 {color: #e63cca;
}
.style900 {
  max-width: 900px;
}
.style5 {
  max-width: 90%;
  font-size:100%;
  }  
.style7 {font-size:90%;
}
 .honbun{
margin: 0 0 10px;
padding: 0;
text-align: center;
  }

 .df {
  display: -webkit-flex;
  display: flex;
 -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-around;
  }
        .typ {
  opacity: 0;
  }
.typ span {
  opacity: 0;
  }
  
main {
  display: flex;
}
main div.animal {
  width: calc(33.3% - 10px);
  margin: 5px;
}

ul,li{
            list-style: none;
        }
        
#container{
	max-width:900px;
	margin:0 3%;
	margin:0 auto;
}
#ryouri{
max-width:860px;
} 
#yohaku{
max-width:95%;
} 
#abc{
	max-width:800px;
	margin:0 3%;
}
#abc2{
  font-size:130%;
	max-width:800px;
	margin:0 3%;
	line-height:140%;
}
#abc1{
	max-width:600px;
	margin:0 3%;
}
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
/* 以下不使用-->*/
table.table01 thead th {
	background:#3EB1C6;
	color:#FFF;
	padding:10px 15px;
	border-right:#FFF solid none;
	border-bottom:#FFF solid none;
}
table.table01 thead th:last-child {
	border-right:#3EB1C6 solid none;
}
table.table01 tbody th {
	background:#3EB1C6;
	color:#FFF;
	padding:10px 15px;
	border-bottom:#FFF solid none;
	vertical-align:top;
}
table.table01 tbody tr:last-child th {
	border-bottom:#3EB1C6 solid none;
}
table.table01 tbody td {
	background:#FFF;
	padding:10px 15px;
	border-left:#3EB1C6 solid none;
	border-bottom:#3EB1C6 solid none;
	vertical-align:top;
}
 
@media screen and (max-width: 640px) {
table.table01 thead {
	display:none;
}
table.table01 tbody th {
	display:block;
}
table.table01 tbody td {
	display:block;
}
table.table01 tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:normal;
}
table.table01 tbody td p {
	padding-left:6em;
}
}