@charset "UTF-8";

/* =====================================
 *  hover, transition
 * ===================================== */

@media ( min-width: 641px ) {

	/*
	 * リンク
	 *************************/

	.tdu:hover {
		text-decoration: none;
	}

	.op08:hover {
		opacity: 0.8;
	}


	/*
	 * ボタン
	 *************************/

	.btn_01 a:hover,
	.btn_02 a:hover {
		opacity: 0.8;
	}


	/*
	 * TOPナビ
	 *************************/

	.site_header_block_01 .right li a:hover {
		color: #59afac;
	}


	/*
	 * グロナビ
	 *************************/

	.gnav_main_item > a:hover {
		color: #fff;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		background-color: #59afac;
	}

	.gnav_main_item > a:before {
		-webkit-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s;
	}

	.gnav_main_item:hover + li a:before { background-color: #fff; }
	.gnav_main_item:hover + li a.crt:before { background-color: #59afac; }
	.gnav_main_item:hover > a:before { background-color: #59afac !important; }
	.gnav_main_item:hover > a:after { background-color: #59afac !important; }

	.gnav_sub_item a:hover,
	.gnav_sub_rec li a:hover {
		color: #59afac;
		background-color: rgba(255, 255, 255, 0.75);
	}


	/*
	 * サイトマップ
	 *************************/

	.sitemap_list_main a:hover {
		text-decoration: underline;
	}


	/*
	 * サイトトップ
	 *************************/

	.btn_site_top a:hover {
		color: #58aeac;
		background-color: transparent;
	}


	/*
	 * 事業紹介セクション
	 *************************/

	.intro_work_list_item:hover .intro_work_ctt {
		top: 0;
	}

	.intro_work_list_item:hover .intro_work_ttl {
		opacity: 0;
	}


	/*
	 * logo
	 *************************/

	.logo a:hover {
		opacity: 0.7;
	}


	/*
	 * footerメニュー
	 *************************/

	.site_footer .ft_nav_main_item a:hover {
		color: #59afac;
		text-decoration: underline;
	}


	/*
	 * TOPIXセクション
	 *************************/

	.home .col_01 .post_list_head .btn_more_01:hover {
		text-decoration: underline;
	}

	.post_list_item .post_ttl a:hover {
		color: #59afac;
		text-decoration: underline;
	}

	.intro_work_ctt .scroll_area a:hover {
		color: #59afac;
	}


	/*
	 * 事業紹介セクション
	 *************************/

	.intro_workprace_prace a:hover {
		color: #fff;
		background-color: #59afac;
	}


	/*
	 * 404
	 *************************/

	.page__404 .main .sec__01 form .sbmt_ipt:hover {
		background-color: #bbb;
	}


	/*
	 * アーカイブページナビ
	 *************************/

	.pagenav a.page-numbers:hover {
		color: #fff;
		background-color: #aaa;
	}

	.pagenav a.page-numbers_np:hover {
		color: #aaa;
	}


	/*
	 * 詳細ページナビ
	 *************************/

	.article_pager_item a:hover {
		text-decoration: underline;
	}


	/*
	 * ぱんくずリスト
	 *************************/

	.bread li a:hover {
		text-decoration: underline;
	}


	/*
	 * サイドバーナビ
	 *************************/

	.sidebar_nav_main_item .item_link:hover {
		border: 1px solid #59afac;
	}

	.sidebar_nav_main_item .item_link:hover:before {
		opacity: 1;
	}

	.sidebar_nav_main_item .toggle_btn:before {
		-webkit-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s;
	}

	.sidebar_nav_main_item .toggle_btn:hover:before {
		bottom: -10px;
	}


	/*
	 * 事業紹介テンプレート
	 *************************/

	.page_main_col .img_list_2col li a .img_caption,
	.page_main_col .img_list_2col li a img,
	.page_main_col .img_list_3col li a .img_caption,
	.page_main_col .img_list_3col li a img,
	.page_main_col .img_list_4col li a .img_caption,
	.page_main_col .img_list_4col li a img {
		-webkit-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s;
	}

	.page_main_col .img_list_2col li a:hover .img_caption,
	.page_main_col .img_list_3col li a:hover .img_caption,
	.page_main_col .img_list_4col li a:hover .img_caption {
		background-position: 9% center;
	}

	.page_main_col .img_list_2col li a:hover img,
	.page_main_col .img_list_3col li a:hover img {
		opacity: 0.8;
	}


	/*
	 * お問い合わせ
	 *************************/

	.form_sbmt_btn input:hover {
		opacity: 0.8;
	}


	/*
	 * 企業情報TOP
	 *************************/

	.companyList li a:hover {
		opacity: 0.8;
	}


	/*
	 * リンク
	 *************************/

	.page___link .link_list li a:hover {
		opacity: 0.8;
	}


	/*
	 * パーキング
	 *************************/

	.parkMv_item,
	.parkNav a,
	.popItem_btn a {
		-webkit-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s;
	}

	.parkMv_item:hover,
	.parkNav a:hover,
	.popItem_btn a:hover,
	.parkNav a.hoverd,
	.parkMv_item.hoverd {
		opacity: 0.8;
	}

	.page___work .workPopLink:hover {
		background-color: rgba(255,255,255,0.2);
		background-image: url(https://www.jfe-technos.co.jp/images/products/parking/shp_zoom.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 25px;
	}



	/* transition */
	.trs02 {
		-webkit-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s;
	}

}