@charset "UTF-8";

#line_btn + .contents_btn01 a {
  background: #06C755;
  border: 1px solid #06C755;
}
#line_btn + .contents_btn01 a:hover {
  background: transparent;
  color: #06C755 !important;
}
#line_btn + .contents_btn01 a[target=_blank]:hover span:before,
#line_btn + .contents_btn01 a[target=_blank]:hover span:after {
  border: 1px solid #06C755;
}
#line_btn + .contents_btn01 a:hover:before,
#line_btn + .contents_btn01 a:hover:after {
	animation: 0.18s steps(200) 0.1s normal forwards 1 thearrowlink1;
	-webkit-animation-name: thearrowlink1;
}
@keyframes thearrowlink1 {
	0% {
		right: 35px
	}
	10% {
		right: 35px;
		background-color: #06C755;
	}
	100% {
		right: 15px;
		background-color: #06C755;
	}
}

#instagram_btn + .contents_btn01 a {
  background: #E2306E;
  border: 1px solid #E2306E;
}
#instagram_btn + .contents_btn01 a:hover {
  background: transparent;
  color: #E2306E !important;
}
#instagram_btn + .contents_btn01 a[target=_blank]:hover span:before,
#instagram_btn + .contents_btn01 a[target=_blank]:hover span:after {
  border: 1px solid #E2306E;
}
#instagram_btn + .contents_btn01 a:hover:before,
#instagram_btn + .contents_btn01 a:hover:after {
	animation: 0.18s steps(200) 0.1s normal forwards 1 thearrowlink2;
	-webkit-animation-name: thearrowlink2;
}
@keyframes thearrowlink2 {
	0% {
		right: 35px
	}
	10% {
		right: 35px;
		background-color: #E2306E;
	}
	100% {
		right: 15px;
		background-color: #E2306E;
	}
}