@charset "utf-8";
#main {
	max-width:900px;
	background-color: #FFF;
	margin:auto;
	padding: 10px 15px 10px 15px;
	clear: both;
	overflow:hidden;
}
#main p {
	margin-top: 5px;
	clear: left;
}
.three-cols{
  display: flex;
  flex-wrap: wrap;
}
.grid{
	width:30%;
	margin: 0 1.5%;
	margin-bottom:20px;
}
.grid:nth-child(3){
	clear:left;
}
.grid:nth-child(6){
	clear:left;
}
.grid:nth-child(9){
	clear:left;
}
.grid:nth-child(12){
	clear:left;
}
.grid:nth-child(15){
	clear:left;
}
.grid:nth-child(18){
	clear:left;
}
.grid:nth-child(21){
	clear:left;
}
.grid:nth-child(24){
	clear:left;
}
.grid:nth-child(27){
	clear:left;
}
.grid:nth-child(30){
	clear:left;
}
.grid:nth-child(33){
	clear:left;
}
.grid:nth-child(36){
	clear:left;
}
.grid:nth-child(39){
	clear:left;
}
.grid:nth-child(42){
	clear:left;
}
.product{
	font-size:100%;
	color:#203B6D;
	border-bottom:1px solid #203B6D;
}
.product p{
	font-size:100%;
}
.model{
	max-height:300px;
	overflow-y: auto;
}
.model li{
	background: url(../img/burette/note_01.png) no-repeat left 11px;
	padding: 0px 0px 0px 13px;
}
/*----------------------------------------------------
  セクションメニュー非表示
----------------------------------------------------*/
#parent{
	display: none;
}
@media only screen and (max-width: 769px) {
.model{
	max-height: none;
	overflow-y:none;
}
.grid{
	width: auto;
	margin:20px 0px 0px 0px;
    float: none;
	
}
#parent{
	width:100%;
	padding:5px;
	display:block;
}
.hide { display: none; }
}