/*===============================================
●style.css 画面の横幅801px以上
===============================================*/
@media screen and (min-width:800px){
img{
max-width:100%;
height:auto;
width/***/:auto;　
}

@charset "UTF-8";<style type="text/css">

*{padding:0px;margin:0px;}

#site-box{
	width:800px;
	margin:5px auto;
}

#title{
	width: 100%;
	border-top:1px solid #0066ff;
}

#navi{
	width:100%;
}

#news{float:left;width:40%;padding:3px;}

#main{float:right;width:58%;font-size:100%;padding:3px;}

#link{clear:both;width:100%;font-size:100%;padding:10px 0px 10px 0px;border-top:1px solid #0066ff;}

#footer{clear:both;width:100%;background-color:#EEEEEE;font-size:90%;padding:10px 0px 10px 0px;text-align:center;}

h1{font-size:90%;color: blue;text-align: center;background-color: #FFFFCC;border-bottom: 1px blue;border-top: 1px blue;line-height:120%;}
h2{font-size:150%;color:red;text-align: center;line-height: 130%;background-color: #FFFFFF;}
h3, h4 { margin: 0; padding: 0; }
h3 {
	margin: 0 0 5px 0;
	padding: 0.4em;
	font-size: 120%;
	color: #FFFFFF;
	background-color: blue;
	font-weight: bold;
	text-align: center;
}

h4{
    margin: 10px 0 3px 0;
    padding: 0.5em;
    border-left: 7px solid blue;
    border-bottom: 1px dashed blue;
    font-size: 100%;
    font-weight: bold;
    color: #000000;
    text-align: left;
    background-color: #FFFFCC;
    line-height:120%;

}
p{font-size:100%;margin:10px;line-height:150%;}
.category{font-size:120%;color:#FFFFFF;background-color:#FF9900;text-align: center;font-weight: bold;}
.category2{border: 2px solid red;line-height: 200%;font-size:120%;color:#FFFFFF;background-color:#CCCCFF;text-align: center;font-weight: bold;}
.style1 {font-size: 100%;line-height:150%;}
.style2 {font-size: 120%;line-height:130%;}
.style3 {font-size: 150%;line-height:130%;}
.style4 {font-size: 80%;line-height:130%;}
.style5 {font-size: 90%;line-height:130%;}
.style6 {font-size: 90%;line-height:180%;}
.style7 {font-size: 100%;line-height:150%;}

a{
	font-size:100%;
	font-weight:bold;
	color:#0000CC;
	text-decoration:none;
}

a:hover{
	color:#9900FF;
	text-decoration:underline;
}
hr.style-one{border:0;height:1px;background:#333;background-image:-webkit-linear-gradient(left, #ccc, #00C, #ccc);background-image:-moz-linear-gradient(left, #ccc, #00C, #ccc);background-image:-ms-linear-gradient(left, #ccc, #00C, #ccc);background-image:-o-linear-gradient(left, #ccc, #00C, #ccc);}
hr.style-two{border:0;border-bottom:1px dashed #00C;background:#FFF;}
.toolbar{width:100%;background-image:../img/tool-bar1.jpg;border:0;}
.sample1{background-image:url("../img/back.jpg");}
img.logo{border:3px solid rgba(255,255,255,0.8);}
.center{text-align:center;}


#newsblock{
	width:100%;
	background-color: #fff;
	padding:0 0 5px 0;
}

#topmenu{
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 100%;
}
#topmenu li{
  display: block;
  float: left;
  width: 98px;
  border-right: 1px solid #FFF;
  margin: 0;
  padding: 0; }
 
#topmenu li a{
  display: block;
  padding: 12px 0 10px;
  background: #55f;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#topmenu li a:hover{
  background: #00f;
}
#toggle{ 
 display: none;
}

#classmenu{
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
#classmenu li{
  display: block;
  float: left;
  width: 50%;
  margin: 0;
  padding: 0; }
#classmenu li a{
  display: block;
  padding: 1px auto;
  background: #fff;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#classmenu li a:hover{
  background: #fff;
}
#toggle{ 
 display: none;
}
    
.flex_test-box {
    background-color: #eee;     /* 背景色指定 */
    padding:  5px;             /* 余白指定 */
    display: flex;              /* フレックスボックスにする */
    flex-direction:row;         /* 要素の並び順 */
    flex-wrap: wrap;            /* 折り返し指定 */
    align-content:stretch;      /* 折り返し時の配置指定 */
    justify-content:space-between;
    font-size:13px
    }
 
.flex_test-item {
    padding: 1px;
    color:  #000;               /* 文字色 */
    margin:  3px;              /* 外側の余白 */
    border-radius:  5px;        /* 角丸指定 */
    width: 32%;                 /* 幅指定 */
}
 
.flex_test-item:nth-child(1) {
    background-color:  floralwhite; /* 背景色指定 */
}
 
.flex_test-item:nth-child(2) {
    background-color:  floralwhite; /* 背景色指定 */
}
 
.flex_test-item:nth-child(3) {
    background-color: floralwhite; /* 背景色指定 */
}
 
.flex_test-item:nth-child(4) {
    background-color:  floralwhite; /* 背景色指定 */
}
    .flex_test-item:nth-child(5) {
    background-color:  floralwhite; /* 背景色指定 */
}
    .flex_test-item:nth-child(6) {
    background-color:  floralwhite; /* 背景色指定 */
}
    .flex_test-item:nth-child(7) {
    background-color:  floralwhite; /* 背景色指定 */
}
    .flex_test-item:nth-child(8) {
    background-color:  floralwhite; /* 背景色指定 */
}
</style>