@charset "utf-8";



/**************************
/* .gridより縮小幅が大きい
**************************/

.gridgazo{
	float:left;
	text-align:center;
	position: relative;/*相対配置*/
}

.gridgazo p {
    font-size: 15px;
	color:#3ab3c0;
    margin:-4px 20px 0px;
    height: 50px;
}

.gridgazo h3 {
	opacity: 0.8;
    font-size: 30px;
	font-weight: ;
	line-height: 35px;
	margin-top: 0px;/*余計な隙間を除く*/
	color:#fff;
	font-family:"Arial",sans-serif;
	position: absolute;/*絶対配置*/
	top: 10px;
	left: 10px;
}

.kasane {
	position: absolute;/*絶対配置*/
 	 top: 50%;
 	 left: 50%;
	  -ms-transform: translate(-50%,-50%);
	  -webkit-transform: translate(-50%,-50%);
 	 transform: translate(-50%,-50%);
	opacity: 0.8
}

.gridgazo h4 {
    font-size: 12px;
	margin-top: 3px;
	color:#666;
}


@media only screen and (min-width:940px){	
	/* 3カラム*/
	.gridgazo{
	float:left;
	width:33.3%;
	margin:0px 0px -5px 0px;
	}
}



@media only screen and (max-width:939px){
	.gridgazo{
	float:left;
	width:33.3%;
	margin:0px 0px -5px 0px;
	}
	
	.gridgazo p {
    margin: 0px 5px 0px;
}
}

/* モニター幅640px以下 */
@media only screen and (max-width:640px){
	.gridgazo {
    float: left;
    width: 50%;
	margin:0px 0px -5px 0px;
	}
	
	.gridgazo p {
    margin: 0px 5px 0px;
}
}

/* モニター幅480px以下 */
@media only screen and (max-width:480px){
	.gridgazo p {
    margin: -4px 5px 0px;
}

.gridgazo h3 {
    font-size: 10px;
}
}