@charset "UTF-8";
/************************************************************************************************************************************
	@基本ブラウザ適用指定記述
	transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;
	//	クリック系統はjsにてクラス付与
************************************************************************************************************************************/
/************************************************************************************************************************************
	animate付与
************************************************************************************************************************************/
/* PC */
@media print, screen and (min-width: 768px) {
}
/* SP */
@media screen and (max-width: 767px) {
	#nav_wrapper #nav .main_nav > ul > li > a::after {
		transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;
	}
}
/* 両対応 */
a {
	transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;
}

.form_button_wrap .form_button button {
	transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;
}


/************************************************************************************************************************************
	hover
************************************************************************************************************************************/
/*
	common hover
*********************************************************************************/
@media print, screen and (min-width: 768px) {
	a:not(.no_opacity):hover {
		opacity: 0.6;
		filter: alpha(opacity=60);
		-ms-filter: "alpha( opacity=60 )";
	}
}
@media screen and (max-width: 767px) {
	a:not(.no_opacity):active {
		opacity: 0.6;
		filter: alpha(opacity=60);
		-ms-filter: "alpha( opacity=60 )";
	}
}




/*
	common hover
*********************************************************************************/
@media print, screen and (min-width: 768px) {
	.form_button_wrap .form_button button:hover {
		opacity: 0.6;
		filter: alpha(opacity=60);
		-ms-filter: "alpha( opacity=60 )";
	}
}
@media screen and (max-width: 767px) {
	.form_button_wrap .form_button button:active {
		opacity: 0.6;
		filter: alpha(opacity=60);
		-ms-filter: "alpha( opacity=60 )";
	}
}






/************************************************************************************************************************************
	click @only
************************************************************************************************************************************/
/*

*********************************************************************************/






/************************************************************************************************************************************
	click or active
************************************************************************************************************************************/
/*

*********************************************************************************/