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


/*-----------------PC-----------------*/

.clearbox-icon{
	width: 95%;
	max-width: 800px;
	margin: 15px 0px 400px 0px; 
	text-align: left;
}

.menuicon-box{
	height: px;
	width: 120px;
	font-weight: bold;
	text-align: center;
	padding: 0px;
	margin: 0px 18px 30px;
	display: inline-block;
	font-size: 0.9em;
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
	
}

.menuicon-box:hover{
	opacity: .2;
	-webkit-opacity: .2;
	-moz-opacity: .2;
	filter: alpha(opacity=50);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
}

.menuicon-box img{
	width: 40%;
	padding: 0% 30%;
	margin: 0px 0px 5px 0px;
}


.menusns-box{
	height: px;
	width: 120px;
	font-weight: bold;
	text-align: center;
	padding: 0px;
	margin: 0px 18px 30px;
	display: inline-block;
	font-size: 12px;
}


/*-----------------PC終-----------------*/
	@media(max-width:768px){
/*-----------------スマホ-----------------*/

.icon―table{
	width: 100%;
}

.clearbox-icon{
	width: 100%;
	margin: 15px 0px 250px 0px; 
	text-align: center;
}

.menuicon-box{
	height: px;
	width: 24%;
	font-weight: bold;
	text-align: center;
	padding: 0px;
	margin: 0px 0px 30px;
	display: inline-block;
	font-size: 0.6em;
}

.menuicon-box img{
	width: 60%;
	padding: 0% 0%;
	margin: 0px 0px 0px 0px;
}



.menusns-box{
	height: px;
	width: 60px;
	font-weight: bold;
	text-align: center;
	padding: 0px;
	margin: 0px 18px 30px;
	display: inline-block;
	font-size: 12px;
}

*-----------------スマホ終-----------------*/
}