#action-button {position: fixed; right: 30px; bottom: 10px; z-index: 100; width: 70px; }
	#action-button .toggle-action {display:none;  }
	#action-button .toggle-action a {background: #000; color: #FFF; display: block; padding: 10px; border-radius: 50px; cursor: pointer; font-size: 14px; width: 50px; text-align:center; line-height: 16px; transition: .5s all ease;  }

	#action-button ul {position:absolute; bottom: 0; left:10px; padding: 0; transition: .5s all ease; width: 50px; } /* opacity: 0; visibility: hidden;  */
	#action-button li {list-style: none; margin-bottom: 6px; }
	#action-button li a {background-color: #000; background-repeat: no-repeat; color: #FFF; display: block; border-radius: 50px; width: 50px; height: 50px; font-size:0; transition: .5s all ease; }
	
	#action-button p a:hover {transform: scale(1.1); }
	#action-button li a:hover {transform: scale(1.12); }

	#action-button li.messanger a {background-image:url(../img/icn/messanger.png); background-position: center; background-size: 80%; }
	#action-button li.line a {background-image:url(../img/icn/line.png); background-position: center; background-size: 65%; }
	#action-button li.tel a {background-image:url(../img/icn/call.png); background-position: center; background-size: 65%; }
	
	/*#action-button ul.active {bottom: 55px; opacity: 1; visibility: visible; }*/

	@media (max-width: 1335px) {
		#action-button {right: 5px; bottom: 0; }

	}


	footer ul>li a {background: url(../img/icn/sns-art.png) no-repeat; padding: 22px; margin: 0 10px; }