*{-webkit-box-sizing:border-box;
-webkit-text-size-adjust:none;
text-decoration:none;}

/*FOOT*/

.COMMUNITY{
	clear: both;
	width: 100%;
	height: auto;
	background-color: #eee;
	padding: 10px 0;
	position: relative;
}

.COMMUNITY .WRAPPER_ICON{
	width:640px;
	margin:0 auto;
	text-indent: -99999px;
	overflow:hidden;
	padding:8px 0px 20px 0px;
}

.COMMUNITY ul{
}

.COMMUNITY li{
	float:left;
	height:60px;
	margin-bottom:10px;
	width:25%; 
	}	

.COMMUNITY li a{
	display:block;
	margin:0 auto;
	height:60px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:125px 38px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 8px;
	}

/*BTN_COLOR_START*/
.COMMUNITY li .FB{
	background-color:#3b579d;}
.COMMUNITY li .FB:hover{
	background-color:#618eff;}
.COMMUNITY li .YOUTUBE{
	background-color:#df2925;}
.COMMUNITY li .YOUTUBE:hover{
	background-color:#ff2f2b;}
.COMMUNITY li .LINEMAP{
	background-color:#00c300;}
.COMMUNITY li .LINEMAP:hover{
	background-color:#00cc00;}

/*BTN_COLOR_END*/

@media screen and (max-width:768px){
.COMMUNITY .WRAPPER_ICON{width:inherit;padding: 4px 0px 8px 0px;}
.COMMUNITY li{width:50%;}
}