@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) {
	#footer #go_top_btn {
		transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;
	}
}
/* 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;
}



/************************************************************************************************************************************
	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 )";
	}
}




/*
	ナビ　サブ表示
*********************************************************************************/
/* PC */
@media print, screen and (min-width: 768px) {
	#nav_wrapper #nav .main_nav > ul > li:nth-child(1):hover > a { background-image: url('../img/common/pc/navi_01_ov.png'); }
	#nav_wrapper #nav .main_nav > ul > li:nth-child(2):hover > a { background-image: url('../img/common/pc/navi_02_ov.png'); }
	#nav_wrapper #nav .main_nav > ul > li:nth-child(3):hover > a { background-image: url('../img/common/pc/navi_03_ov.png'); }
	#nav_wrapper #nav .main_nav > ul > li:nth-child(4):hover > a { background-image: url('../img/common/pc/navi_04_ov.png'); }

	#nav_wrapper #nav .main_nav > ul > li > .child {
		display: none;
		opacity: 0;
	}
	#nav_wrapper #nav .main_nav > ul > li a:hover + .child {
		display: block;
		opacity: 1.0;
	}
	#nav_wrapper #nav .main_nav > ul > li > .child:hover {
		display: block;
		opacity: 1.0;
	}
}




/*
	フッター Page top
*********************************************************************************/
/* PC */
@media print, screen and (min-width: 768px) {
	#footer #go_top_btn:hover {
		top: -86px;
	}
}




/*
	ボタンレイアウト
*********************************************************************************/
.form_button_wrap .form_button, 
.over_animate_button {
	transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s;
}
.form_button_wrap .form_button button, 
.over_animate_button a {
	transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s;
}
#main .wp-visual-editor .btn-block a.is-btn-block {
	transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s;
}

/* PC */
@media print, screen and (min-width: 768px) {
	.form_button_wrap .form_button button:hover, 
	.over_animate_button a:hover {
		margin-top: 5px !important;
		border-bottom-width: 0px !important;
	}

	#main .wp-visual-editor .btn-block a.is-btn-block:hover {
		margin-top: 5px !important;
		border-bottom-width: 0px !important;
	}
}
/* SP */
@media screen and (max-width: 767px) {
	.form_button_wrap .form_button button:active, 
	.over_animate_button a:active {
		margin-top: 5px !important;
		border-bottom-width: 0px !important;
	}
	#main .wp-visual-editor .btn-block a.is-btn-block:hover {
		margin-top: 5px !important;
		border-bottom-width: 0px !important;
	}
}




/*
	ボタンレイアウト
*********************************************************************************/
.over_animate_button_2 a {
	transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s;
	position: relative;
	top: 0;
}
/* PC */
@media print, screen and (min-width: 768px) {
	.over_animate_button_2 a:hover {
		top: 5px !important;
		border-bottom-width: 0px !important;
	}
}
/* SP */
@media screen and (max-width: 767px) {
	.over_animate_button_2 a:active {
		top: 5px !important;
		border-bottom-width: 0px !important;
	}
}




/*
	バナー
*********************************************************************************/
.over_animate_01 {
	background-color: #122a88;
}
.over_animate_01 a {
	position: relative;
	top: 0;
	left: 0;
	transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s;
}
/* PC */
@media print, screen and (min-width: 768px) {
	.over_animate_01 a:hover {
		top: -5px;
		left: -5px;
	}
}
/* SP */
@media screen and (max-width: 767px) {
	.over_animate_01 a:active {
		top: -5px;
		left: -5px;
	}
}






/************************************************************************************************************************************
	click @only
************************************************************************************************************************************/
/*
	ナビ
*********************************************************************************/
/* SP */
@media screen and (max-width: 767px) {
	#nav_wrapper #nav .main_nav > ul > li > a.is_open::after {
		-moz-transform:    rotate( 90deg );  /* Firefox用 */
		-webkit-transform: rotate( 90deg );  /* Chrome,Safari,新しいOpera用 */
		-o-transform:      rotate( 90deg );  /* 古いOpera用 */
		-ms-transform:     rotate( 90deg );  /* IE9用 */
		transform:         rotate( 90deg );  /* CSS3の書き方 */
	}
}






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