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


/* ---------------------------------------------------------------------------------------------

   SNSリンク※無限に波紋が広がるアイコン

--------------------------------------------------------------------------------------------- */
/* insta
------------------------------------------------------------*/
.hamon-icon01{
	position: relative;
	display:inline-block;
	/*background: #3f729b;*/
	background: #fff;
	width: 50px;
	height: 50px;
	border-radius: 50%;
    outline: none;
    transition: all .3s;
}

.hamon-icon01:hover{
	opacity: 0.75;
}

.hamon-icon01::after,
.hamon-icon01::before {
    content: '';
    position: absolute;
    left: -25%;
    top: -25%;
    border: 1px solid #fff;
    width: 150%;
    height: 150%;
    border-radius: 50%;
    /*はじめは不透明*/
    opacity: 1;
    animation:1s circleanime linear infinite;
}

.hamon-icon01::before {
    animation-delay:.5s; 
}

@keyframes circleanime{
	0%{
	  transform: scale(0.68);
	}
	100%{
		transform: scale(1.2);
		opacity: 0;
	}
}

.hamon-icon01 .fa-instagram{
    content: '';
	font-size: 30px;
	color: #000 ;
    position: absolute;
    top: 20%;
    left: 24%;
}




/* Line
------------------------------------------------------------*/
.hamon-icon02{
	position: relative;
	display:inline-block;
	/*background: #dd4b3e;*/
	background: #fff;
	width: 50px;
	height: 50px;
	border-radius: 50%;
    outline: none;
    transition: all .3s;
}

.hamon-icon02:hover{
	opacity: 0.75;
}

.hamon-icon02::after,
.hamon-icon02::before {
    content: '';
    position: absolute;
    left: -25%;
    top: -25%;
    border: 1px solid #fff;
    width: 150%;
    height: 150%;
    border-radius: 50%;
    opacity: 1;
    animation:1s circleanime linear infinite;
}

.hamon-icon02::before {
    animation-delay:.5s; 
}

@keyframes circleanime{
	0%{
	  transform: scale(0.68);
	}
	100%{
		transform: scale(1.2);
		opacity: 0;
	}
}

.hamon-icon02 .fa-line{
    content: '';
	font-size: 30px;
	color: #000 ;
    position: absolute;
    top: 20%;
    left: 24%;
}

/*.hamon-icon02 .fa-map-marker-alt{
    content: '';
	font-size: 24px;
	color: #000 ;
    position: absolute;
    top: 25%;
    left: 32.5%;
}*/