.box{
}

.waku{
border:2px solid #99CC99;
background:#fff;
padding:1em;
margin:2em 0 1em;

}
#main section {
/*font-size:120%;
color:#663300;
padding:0.3em 0.5em 0.2em;
border-bottom:1px solid #ccc;
background-color:#F1F2EA;
text-align:left;
clear:both;
*/
}


figure.fimg{
border:1px solid #ccc;
/*float:left;
width:48%;*/
padding:4px;
box-sizing:border-box;
margin-bottom:2em;
text-align:center;
}



figure.fimg2{
border:1px solid #ccc;
float:left;
/*width:48%;*/
padding:4px;
box-sizing:border-box;
margin-bottom:2em;
text-align:center;
}

figure.fimg2::after{
	content:"";
}


figure.fimg2 .img1{
	width:48%;
	height:auto;
}

figure.fimg2 .img2{
	width:48%;
	height:auto;
}

figcaption{
	display:block;
	width:100%;
	text-align:center;
}


ol.olstyle {
counter-reset:number;
list-style:none;
margin:0 0 1em 10px;
padding:0;
font-size:120%;
}

ol.olstyle li{
	padding:1em 0 1em 40px;
	border-bottom:1px dotted #ccc;
	position:relative;
}

ol.olstyle li:before{
counter-increment: number; 
content: counter(number); 
display:inline-block;
width:30px;
background:#996;
border-radius:100%;
text-align:center;
color:#fff;
position:absolute;
top:1em;
left:0;
}


@media screen and (min-width: 768px){/*pc*/

#main section {
padding-left:1em;

}

figure.fimg{
white-space:nowrap;
}

figure.fimg img.imgcol2{
width:48.0%;
height:auto;
margin:4px;
display:inline-block;
}


figure.fimg img.img1{
width:30.0%;
height:auto;
margin:4px;
display:inline-block;
}
figure.fimg img.img2{
width:35.2%;
height:auto;
margin:3px;
display:inline-block;
}



figure.fimg2 img.yoko{
width:48%;
height:auto;
margin:3px;
}


figure.fimg2 img.tate{
	width:48%;
height:auto;
float:left;
margin:3px 3px 3px 10px;

}


}


@media screen and (min-width: 1000px){/*pc*/

}

@media screen and (max-width: 767px){/*pc*/
figure.fimg img{
margin:0px!important;
}
figure.fimg2 img{
margin:0px!important;
}
}