@charset "utf-8";



/*-----------------------------------------------------
文字回転
-------------------------------------------------------*/

.cp_link,.cp_link span {
	display: inline-block;
	color: #767676;
}
.cp_link span {
	transition: .5s;
}
.cp_link:hover span {
	transform: rotateX(360deg);
}





.cp_link2 {
	padding: 0.1em 0.3em;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(255,152,0,1) 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition: .3s;
	color: #006400;
}
.cp_link2:hover {
	background-position: -100% 0;
	color: #fff;
}



/*-----------------------------------------------------
pc sp on off
-------------------------------------------------------*/



/* スマホの時は非表示 */

@media screen and (max-width: 500px){
.sp_none {display: none;}
}


/* PCの時は非表示 */

@media screen and (min-width: 640px){
.pc_none{display:none;}}
}



/* Localized */