@charset "UTF-8";
/* CSS Document */

	
#container h3{
	font-size:18px;
	font-weight:bold;
	color:#999;
	letter-spacing:-1px;}

#container p{
	font-size:14px;}


/*グリッドの下部分*/

section.content article{
padding:10px 0 0px 0;
border:none;
overflow:hidden;
}

* html section.content article{height:1%;}
	
.mainBanner2{
	border-radius:10px;
	border:#fff solid 1px;
	height:auto;
	background-color: #fff;}

section.content p{margin-bottom:5px;}
	
h3.heading{
	font-size: 23px;
	letter-spacing:-1px;
	font-weight: bold;
	line-height: 1.5;
	color: #999;
}

.nakamidasi,.nakamidasi2{
	font-size:18px;
	letter-spacing:-1px;
	font-weight:bold;
	color:#999;
	}

.nakamidasi2{
	color:#C69;}
	
section.content img{
max-width:100%;
height:auto;
}

.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 0;
}

.alignright{
float:right;
clear:right;
margin:3px 0 10px 10px;
}

	
/*グリッド*/

#container{
	width:960px;
	margin:0 auto;
	overflow: hidden;}
	
#container:after {
  content: "";
  clear: both;
  display: block;
}

.grid{
display:inline-block;
float:left;
background:#fff;
margin-bottom:20px;
overflow:hidden;
}

.box{
display:inline-block;
margin:0 5px;
padding:10px;
border:none;
}

.box img{
max-width:100%;
width:100%;
height:auto;
}


.box h3{padding:10px 0 5px;}

.box h3, .box p{text-align:left;}

.box p.readmore,.mainBanner3 p.readmore{
padding:10px 5px 5px;
text-align:right;
}

.hiduke{
	color:#C60;}

	
.gridb,.gridcl{	
float:left;
border-radius:5px;
background:#fff;
}

.gridb{
	border:none;
	background-color:transparent;}
	
.boxb{
	margin:10px;
	padding:30px 10px 0px 10px;
	border:none;
	text-align:center;}
	
.gridcl .box img{
	width:100%;
	height:auto}
	
.grid3k{
float:left;
text-align:center;
margin-top:10px;
}
	

@media only screen and (min-width:960px){
	
#container{
	width:960px;
	margin:0 auto;}	
	
.mainBanner2{
	width:840px;
	margin:20px auto;
}
	
/* グリッド */
.grid{
	float:left;
	width:298px;
	height:350px;
	overflow: hidden;
	margin-left:20px;
	margin-bottom:10px;
	}
	
.gridb{
	float:left;
	width:298px;
	height:auto;
	margin-left:20px;
	margin-bottom:10px;
	}

.gridcl{
	float:left;
	width:298px;
	margin-left:20px;
	height:350px;
	margin-bottom:10px;
	}	

/* 3kグリッド */
	.grid3k{
	width:33%;
	height:auto;
	}
}

@media only screen and (max-width:959px){
	
#container{
	width:100%;
	margin:0 auto;}
	

.mainBanner2{
	width:98%;
	height:auto;
	padding:10px 60px;}
	
	*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
	
h3.heading{
	font-size: 22px;}
	
	
/* グリッド */
.grid{
	width:32%;
	margin:10px 0 0 1%;
	height:350px;
	margin-bottom:10px;
	}
	
.gridb,.gridcl{
	width:32%;
	margin:10px 0 0 1%;
	}
	
.gridcl{
	height:350px;
	margin-bottom:10px;}
	
.gridb{
	height:250px;
	margin-bottom:10px;}

.grid3k{
	width:33%;}

}


@media only screen and (max-width:640px){
	
.mainBanner2{
	padding:10px 20px;}
	
.alignleft,.alignright{
	float:none;
	display:block;
	margin:0 auto 10px;
	}

	
h3.heading{
	font-size: 20px;}

.nakamidasi,.nakamidasi2{
	font-size:16px;}
	

.box img{
	float:left;
	margin-right:5px;
	}
	
	
.box h3{padding-top:0;}


	
}


@media only screen and (max-width:480px){
	
.mainBanner2{
	padding:20px 20px;}
	
.mainBanner h2, .mainBanner p{font-size:80%;}


	
.nakamidasi2{font-size:16px;}	


.grid{width:98%;
	border-radius:5px;
	border:#CCCCCC solid 1px;
	height:auto;
	margin-bottom:2px;}
		
	
.box img{max-width:130px;}

.gridb{width:45%;
	padding-top:0px;
	height:auto;}

.boxb{	padding-top:20px;
		padding-bottom:0px;
		margin:0px;
		}
		
.boxb img{
	width:120px;
	height:auto;}

.gridcl{
	width:48%;
	text-align:center;
	height:auto;
	margin-bottom:2px;
	}
	
.gridcl .box{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	}
	
.gridcl .box img{
	max-width:100%;
	text-align:center;}
	

}


@media only screen and (max-width:360px){
	.grid3k{
	width:48%;}
	
}