/*---- 枠 ----*/
.box{
	width  : 150px;
	height : 150px;
	box-shadow:5px 5px 10px goldenrod;
	margin:10px;
	float:left;
	background:palegoldenrod;
	position:relative;
}
/*---- ** ----*/
.icon{
	width :100px;
	height:100px;
	padding:10px 25px;
}
.icon-img{
	width :100px;
	height:100px;
//	border-radius: 25%;        /* CSS3草案 */  
	-webkit-border-radius: 25%;    /* Safari,Google Chrome用 */  
	-webkit-border-radius: 25%;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 25%;   /* Firefox用 */  
	-moz-border-radius: 25%;   /* Firefox用 */  
	-webkit-transition: 1s ease-in-out;
}
.icon-img:hover{
	-webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
	-webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 0px;   /* Firefox用 */  
	-moz-border-radius: 0px;   /* Firefox用 */  
}

.name{
	text-align:center;
	font-weight:bold;
}
/*---リンク設定---*/
a{
	color:#555;
	text-decoration:none;
}
a:hover {
	color:#903;
	text-decoration:none;
}
/* ============================================ */
/*--タブレット用--*/
@media screen and (max-width:767px){
	.box{
		width  : 100%;
		height : 80px;
		box-shadow:none;
		margin:10px;
		float:left;
		background:#fff;
		position:static;
		border-bottom:solid 1px #555;
	}
	/*---- ** ----*/
		.icon{
			width :50px;
			height:50px;
			padding:10px 25px;
			float:left;
		}
	.icon-img{
		width :50px;
		height:50px;
	//	border-radius: 0%;        /* CSS3草案 */  
		-webkit-border-radius: 0%;    /* Safari,Google Chrome用 */  
		-webkit-border-radius: 0%;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 0%;   /* Firefox用 */  
		-moz-border-radius: 0%;   /* Firefox用 */  
//		-webkit-transition: 1s ease-in-out;
	}

.name{
	text-align:center;
	font-weight:bold;
	padding:20px 0;
	float:left;
}


}