@charset "UTF-8";

/* for PC */ 
@media screen and (min-width:768px) {
	
	/* スマフォトグルボタンを非表示 */
	.menu_btn { 
		display:none;
	}
 
	.nav_wrap {
		margin:0 auto;
		padding:7px 0 0 0;
	}
	
	nav {
		width:auto;
		max-width:1080px;
		margin:0 auto !important;
		padding:0 !important;
		text-align:center;
	}

	nav ul {
		float:right;
		padding:0;
		margin:0 auto;
		display:inline-block;
	}
	
	nav ul li {
		width:auto;
		float:left;
		margin:0;
		padding:0; 
		list-style:none !important;
	}


	nav ul li a {
		position:relative;
		display:block;
		color:#111;
		font-size:1.1em;
		min-width:105px;
		margin:0;
		padding:0.4em 1.2em;
		text-align:center;
		letter-spacing:0.1em;
		text-decoration:none;
	}

	
	nav ul li a:hover {
		color:#777;
	}
	
	#toggle_nav {
		display:none;
	}
}

@media screen and (max-width:980px) {
	nav ul li {
		display:inline-block;
		margin:0 0.2em;
		min-width:143px;
		list-style:none;
	}
	
	nav ul li a {
		font-size:1em;
		padding:0 0.6em;
		letter-spacing:0.1em;
	}

}


@media screen and (max-width: 767px) {
	.nav_wrap {
		display:none;
	}
	#nav_wrap {
		display:none;
	}
	
	.menu_btn {
		position:relative;
		display:block;
		width:auto;
		height:48px;
		background: url(../images/menu_btn.png) no-repeat 6px 5px #111;
	}
		
	#toggle_nav {
		display:none;
	}
		
	#toggle_nav ul {
		margin:0;
		padding:0;
	}
	
	#toggle_nav ul li {
		list-style:none;
		border-bottom:1px solid #999;
	}

	#toggle_nav ul li a {
		background: #fff;
		position:relative;
		display:block;
		color:#333;
		line-height:2.9em;
		height:2.9em;
		padding:0 0 0 1.9em;
	}
	#toggle_nav ul li a:hover {
		background: #eaf6fe;
	}

	/* メニューの > を描く */
	#toggle_nav ul li a:before{
		position:absolute;
		top:12px;
		right:13px;
		content:'';
		height:8px;
		width:8px;
		display:block;
		border:2px solid #1f6ea5;
		border-top-width:0;
		border-left-width:0;
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
	}
}



/* メニューボタン */
.menu_btn a {
	position:relative;
	display:block;
	width:auto;
	/*
	margin:0 0 4px 0;
	*/
	margin:0;

	text-align:center;
	color:#fff;
	padding:11px 0 0 0;
	font-size:1.3em;
    line-height:1.5em;
	height:50px;
	background:#267cde;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px 2px 2px 2px;
}

.menu_btn a:hover {
	color:#fff;
	text-decoration:none;
}

span.menu_icon:before {
	content:'';
	height:6px;
	width:33px;
	background:#fff;
	/*
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	*/
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	box-shadow:0 12px 0 #fff, 0 24px 0 #fff;
	/*
	-webkit-box-shadow:0 12px 0 #333, 0 24px 0 #fff;
	*/
	-webkit-box-shadow:0 12px 0 #fff, 0 24px 0 #fff;
	-moz-box-shadow:0 12px 0 #fff, 0 24px 0 #fff;
}

	span.open_icon:after {
		position:absolute;
		top:16px;
		right:13px;
		content:'';
		height:8px;
		width:8px;
		display:block;
		border:3px solid #fff;
		border-top-width:0;
		border-left-width:0;
		transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		-ms-transfo
	}
	
	.active span.open_icon:after {
		position:absolute;
		top:23px;
		right:13px;
		content:'';
		height:8px;
		width:8px;
		display:block;
		border:3px solid #fff;
		border-bottom-width:0;
		border-left-width:0;
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		-ms-transfo
	}


/**
 *  footer Navigation
 * ----------------------------------------------------------------------------
 */


/* PC */ 
@media screen and (min-width: 768px) {
	
	#footer-nav {
		background: rgba(0, 0, 0, 0.3) !important;
		max-width:1360px;
		display:inline-block;
		width:auto;
		margin:0 auto 4em auto;
		padding:0.3em 0.2em;
		border-radius:3px;
	}

	#footer-nav ul {
		float:right;
		display:inline-block;
		margin:0 auto;
		padding:0;
		text-align:center; 
	}

	#footer-nav ul li {
		/*
		float:left;
		*/
		display:inline-block;
		vertical-align:top;
		margin:7px 0;
		list-style:none;
		/*
		min-height:6em;
		*/
		/*
		border-left:1px solid #b9b9b9;
		*/
	}

	#footer-nav ul li:last-child {
		/*
		border-right:1px solid #b9b9b9;
		*/
	}

	*+ html #footer-nav ul li {
    	display:inline;
	}

	#footer-nav li a {
		position:relative;
		display:block;
		padding:0 0.9em;
		height:19px;
		color:#fff;
		line-height:20px;
		font-size:0.95em;
		border-radius:2px;
		font-weight:normal;
		text-align:left;
		margin:1px;
		/*text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
		*/
	}
	
	#footer-nav li a:hover {
		background: rgba(0, 0, 0, 0.5) !important;
	}

	#footer-nav li:last-child a {
		padding:0 1.4em 0 1.7em;
	}


	/* メニューの > を描く */
	/*
	#footer-nav ul li a:before{
		position:absolute;
		top:7px;
		left:5px;
		content:'';
		height:6px;
		width:6px;
		display:block;
		border:1px solid #0c99d4;
		border-top-width:0;
		border-left-width:0;
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
	}
	*/
	
	#footer-nav ul li ul {
		min-height:inherit;
		height:auto !important;
	}

	#footer-nav ul.sub-menu {
		margin:4px 0 0 1.8em;
	}

	#footer-nav ul.sub-menu li {
		float:none;
		display:block;
		margin:0 3px;
		min-height:1.5em !important;
		list-style:none;
	}

	#footer-nav ul.sub-menu li a:hover {
		background:#fbd3a4;
	}

	#footer-nav ul li .children li a {
		position:relative;
		display:block;
		padding:0.2em 1em 0.2em 1.2em;
		font-size:0.9em;
		font-weight:normal;
	}

	#footer-nav .sub-menu li a {
		background: url("images/link_arrow.png") no-repeat 9px 5px;
		padding:0 0.8em 0 1.7em;
	}
}

/* SP */
@media screen and (max-width: 767px) {
	
	#footer-nav ul {
		margin:0 auto;
		width:auto;
		padding:0;
		border-bottom:1px solid #999;
	}

	#footer-nav ul li {
		float:none;
		width:auto;
		margin:0;
		padding:0;
		list-style:none;
		border-top:1px solid #999;
		
	}

	#footer-nav ul li a {
		position:relative;
		display:block;
		text-align:left;
		background:#fff;
		color:#222;
		width:auto;
		font-size:1em;
		margin:0;
		padding:0 0.8em;
		height:2.5em;
		line-height:2.5em;
	}
	#footer-nav ul li a:hover {
		background:#eaf6fe;
		text-decoration:none;
	}
	
	#footer-nav .sub-menu {
		margin:0;
		padding:0;
		border:none !important;
	}
	
	#footer-nav .sub-menu li {
		margin:0;
		padding:0;
		border-top:1px solid #999;
	}

	
	#footer-nav .sub-menu li a {
		background:#fff;
		width:auto;
		font-size:1em;
		margin:0;
		padding:0 0 0 1.8em;
		height:2.5em;
		line-height:2.5em;
	}

	/* メニューの > を描く */
	#footer-nav ul li a:before{
		position:absolute;
		top:12px;
		right:13px;
		content:'';
		height:8px;
		width:8px;
		display:block;
		border:2px solid #1f6ea5;
		border-top-width:0;
		border-left-width:0;
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
	}
	#footer-nav .current-menu-item a {
		background:#e3fced !important;
	}
}


/*---------------------------------------

  ナビコンテンツ（シンプル） 2カラム
  
----------------------------------------*/

.snav_2c {
	width:94%;
	margin:0 auto 60px auto;
	overflow: hidden;
}
.snav_2c ul {
	margin: 0 -3.1% 0 0;
	padding: 0;
 	/zoom: 1;/* for IE6,7 */
}

.snav_2c ul li {
	width: 46.8%;
	float:left;
	display:inline-block;
	*display:inline;
	/zoom: 1;/* for IE6,7 */
	position:relative;
	margin: 7px 3.1% 9px 0;
	padding:0;
	list-style: none;
}


.snav_2c ul li a {
	position:relative;
	display: block;
	background:#fff;
	border: 1px solid #49B25A;
	color: #1D8346;
	margin:0;
	padding:0;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.snav_2c ul li a:hover {
	background:#49B25A;
	color:#fff;
}

.snav_2c ul li a:hover > p {
	color:#fff;
}


.snav_ttl:hover {
	color:#ed344a;
}

.snav_2c ul li h4 {
	font-size:1.4em;
	font-weight:normal;
	padding:0.3em 0;
	margin:0;
	text-align:center;
}

.snav_2c ul li div {
	width:auto;
	height:12em;
	background-size: cover;
	background-repeat:no-repeat;
	margin:0;
}
.snav_2c ul li p {
	padding:0.2em 0.9em;
	margin:0;
	font-size:0.86em;
	text-align:center;
}

.snav_2c_img {
	float:left;
	width:37%;
}

.snav_2c_img img {
	width:100%;
}

.snav_2c_exp {
	float:right;
	width:59%;
}

.snav_2c_exp_inner {
	width:auto;
	min-height:15em;
}

@media only screen and (max-width:980px) {
	.snav_2c ul li {
		width: 47.8%;
	}
}

@media only screen and (max-width:480px) {
	
	.snav_2c ul {
		margin: 0;
	}
	
	.snav_2c ul li {
		float:none;
		display:block;
		width:94%;
		margin:0 auto 1.2em auto;

	}

}




/*---------------------------------------

  バナーリンク（3カラム）
  
----------------------------------------*/
.bnr_link {
	width:auto;
	margin:0 auto 60px auto;
	overflow: hidden;
}
.bnr_link ul {
	margin: 0 -2.1% 0 0;
	padding: 0;
 	/zoom: 1;/* for IE6,7 */
}

.bnr_link ul li {
	width: 31.2%;
	float:left;
	display:inline-block;
	*display:inline;
	/zoom: 1;/* for IE6,7 */
	position:relative;
	margin: 7px 2.1% 9px 0;
	padding:0;
	list-style: none;
}

.bnr_link ul li a {
	position:relative;
	display: block;
	background:#fff;
	border: 3px solid #1dae46;
	border-radius:5px;
	color: #1d3971;
	margin:0;
	padding:0;
	
	/*
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	*/
}

.bnr_link ul li a h4 {
	margin:0;
	padding:0;
}


.bnr_link ul li a h4 img {
	width:100%;
	max-width:350px;
}

.bnr_img {
	position:absolute;
	top:39px;
	left:9px;
	width:23%;
	height:auto;
}

.bnr_link ul li a p {
	color:#111;
	font-size:0.85em;
	min-height:5em;
	margin:-0.2em 0 0 27%;
}

.bnr_link ul li a:hover {
	background:#fdfccc;
}

.bnr_link ul li h4 {
}

.bnr_link ul li p {
	padding:0.2em 0.9em;
	margin:0;
	font-size:0.86em;
	min-height:4.5em;
}


@media screen and (max-width: 767px) {

	.bnr_link ul {
		width:74%;
		margin:0 auto;
	}

	.bnr_link ul li {
		width:auto;
		float:none;
		margin:0.3em 0;
		text-align:center; 
	}
	.bnr_link ul li a h4 {
		text-align:center;
	}
	.bnr_img {
		position:relative;
		display:block;
		width:60%;
		height:auto;
		margin:0 auto;
		
		top:18px;
	}
	.bnr_link ul li a p {
		margin:0 0 0 150px;
		min-height:7.5em;
		line-height:1.6em;
	}
}






/*---------------------------------------

  ナビコンテンツ（シンプル） 4カラム
  
----------------------------------------*/
.nav_4c {
	width:auto;
	margin:11px auto;
	overflow: hidden;
	position:relative;
	display:block;
}
.nav_4c ul {
	margin: 0 -1.2% 0 0;
	padding: 0;
 	/zoom: 1;/* for IE6,7 */
}

.nav_4c ul li {
	width: 23.8%;
	height:auto;
	max-width:480px;
	float:left;
	display:inline-block;
	*display:inline;
	/zoom: 1;/* for IE6,7 */
	margin: 7px 1.2% 9px 0;
	padding:0 !important;
	list-style: none;
}


.nav_4c ul li a {
	position:relative;
	display: block;
	background:#fff;
	border: 1px solid #53c548 !important;
	color: #1D8346;
	margin:0;
	padding:0 !important;
	border-radius:5px;
}

.nav_4c ul li a h4 {
	background:#eefff1;
	font-size:1.2em !important;
	height:2.6em;
	border:none !important;
	text-align:center;
	margin:0 !important;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.nav_4c ul li a h4 span {
	display:block;
	font-size:0.8em;
}

.nav1 ul li:nth-child(1) a h4 {
	line-height:2.4em;
}
.nav1 ul li:nth-child(2) a h4 {
	line-height:2.4em;
}
.nav1 ul li:nth-child(3) a h4 {
	line-height:2.4em;
}
.nav1 ul li:nth-child(4) a h4 {
	line-height:2.4em;
}

.nav2 ul li:nth-child(1) a h4 {
	line-height:2.4em;
}
.nav2 ul li:nth-child(2) a h4 {
	line-height:2.4em;
}
.nav2 ul li:nth-child(3) a h4 {
	line-height:2.4em;
}
.nav2 ul li:nth-child(4) a h4 {
	line-height:1.2em;
}
.nav2 ul li:nth-child(5) a h4 {
	line-height:1.2em;
}

.nav_4c ul li a img {
	width:100%;
	height:auto;
	margin:0 0 -6px 0;
}

.nav_4c ul li a p {
	color:#222;
	position:relative;
	width:auto;
	margin:-38px 0 0 0;
	background:#fff;
	z-index:10;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

.nav_4c ul li a:hover {
	opacity:0.7;
}

.snav_ttl:hover {
	color:#ed344a;
}

.nav_4c ul li p {
	padding:0.4em 0.9em 0.1em 0.9em;
	margin:0;
	font-size:0.78em;
	min-height:3.5em;
	line-height:1.3em;
}


@media only screen and (max-width:767px) {
	.nav_4c ul li {
		width: 47.8%;
	}
}

@media only screen and (max-width:480px) {
	
	.nav_4c ul {
		margin: 0;
	}
	
	.nav_4c ul li {
		float:none;
		display:block;
		width:94%;
		margin:0 auto 1.2em auto;

	}

}




/*---------------------------------------

  ナビコンテンツ（インクルード） 5カラム
  
----------------------------------------*/

.nav_5c {
	width:auto;
	margin:11px auto;
	overflow: hidden;
	position:relative;
	display:block;
}
.nav_5c ul {
	margin: 0 -1.2% 0 0;
	padding: 0;
 	/zoom: 1;/* for IE6,7 */
}

.nav_5c ul li {
	width: 18.8%;
	height:auto;
	max-width:480px;
	float:left;
	display:inline-block;
	*display:inline;
	/zoom: 1;/* for IE6,7 */
	margin: 7px 1.2% 9px 0;
	padding:0 !important;
	list-style: none;
	min-width:160px;
}

.nav_5c ul li a {
	position:relative;
	display: block;
	background:#fff;
	border: 1px solid #53c548 !important;
	color: #1D8346;
	margin:0;
	padding:0 !important;
	border-radius:5px;
}

.nav_5c ul li a:hover {
	opacity:0.75
}

.nav_5c ul li a h5 {
	background:#eefff1;
	font-weight:normal;
	line-height:1.9em;
	font-size:0.95em !important;
	padding:0.2em 0;
	border:none !important;
	text-align:center;
	margin:0 !important;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.nav_5c ul li a img {
	width:100%;
	height:auto;
}

.nav_5c ul li a p {
	padding:0 0.3em;
	margin:0;
	height:2.7em;
	line-height:1.2em;
	font-size:0.9em !important;
	

}
























/*---------------------------------------

  ナビコンテンツ（シンプル） 4カラム
  
----------------------------------------*/
.nav_4p {
	width:auto;
	margin:-8px auto 40px auto;
	overflow: hidden;
	padding:0 !important;
}
.nav_4p ul {
	margin: 0 -1.6% 0 0;
	padding:0 !important;
 	/zoom: 1;/* for IE6,7 */
}

.nav_4p ul li {
	width: 23.4%;
	float:left;
	display:inline-block;
	*display:inline;
	/zoom: 1;/* for IE6,7 */
	position:relative;
	margin: 7px 1.6% 9px 0;
	padding:0;
	list-style: none;
}

.nav_4p ul li a {
	position:relative;
	display: block;
	background:#fff;
	border: 1px solid #49B25A;
	color:#1D8346;
	margin:0;
	padding:0;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.nav_4p ul li a:hover {
	background:#49B25A;
	color:#fff;
}

.nav_4p ul li a:hover > div {
	color:#fff !important;
}

.nav_4p ul li a:hover > h5 {
	color:#fff !important;
}

.nav_4p ul li h5 {
	position:relative;
	display:block;
	
	font-size:1.06em;
	font-weight:normal;
	padding:0;
	height:2.0em;
	line-height:2.0em;
	margin:0 !important;
	text-align:center;
}

.nav_4p ul li a img {
	width:100%;
}

.nav_4p ul li div {
	font-size:0.8em;
	color:#222;
	background:none;
	padding:0 0.2em;
}


@media only screen and (max-width:980px) {
	.nav_4p ul li {
		width: 47.8%;
	}
}

@media only screen and (max-width:480px) {
	
	.nav_4p ul {
		margin: 0;
	}
	
	.nav_4p ul li {
		float:none;
		display:block;
		width:94%;
		margin:0 auto 1.2em auto;

	}

}


/*---------------------------------------

  ナビコンテンツ（トップ） 
    
----------------------------------------*/
.top_nav {
	width:98%;
	margin:0 auto 20px auto;
	overflow: hidden;
}

.top_nav ul {
	margin: 0 -2.9% 0 0;
	padding: 0;
 	/zoom: 1;/* for IE6,7 */
}

.top_nav ul li {
	width: 21.97%;
	float:left;
	display:inline-block;
	*display:inline;
	/zoom: 1;/* for IE6,7 */
	position:relative;
	margin: 7px 2.9% 9px 0;
	padding:0;
	list-style: none;
}


.top_nav ul li a {
	background: url(images/more.png) no-repeat bottom center #fff;
	position:relative;
	display: block;
	color:#111;
	text-align:center;
	margin:0;
	padding:0.4em;
	min-height:300px;
	text-decoration:none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.top_nav ul li a .more {
	position:absolute;
	bottom:4px;
	left:39.5%;
	width:50px;
	height:14px;
}


.top_nav ul li a:hover {
	opacity:0.65;

}

.top_nav ul li p {
	line-height:1.6em;
	padding:0.9em 0;
	font-size:1.0em;
	text-align:left;
}

.top_nav ul li img {
	width:100%;
	max-width:105px;
	margin:0 auto 0.9em auto;
	height:auto;
}

.top_nav ul li span {
	background:#fff;
	border: 1px solid #c9c9c9;
	border-radius:2px;
	padding:1px 8px;
	display:inline-block;
	margin:0.6em auto 0 auto;
}

.top_nav ul li h3 {
	font-family: 'Oswald', serif !important;
	margin:0 0 0.3em 0;
	padding:0;
	font-size:1.6em !important;
	font-weight:normal;
	letter-spacing:0.05em;
	text-align:center;
}

@media screen and (max-width: 767px) {
	
	.top_nav ul {
		width:100%;
		max-width:260px;
		margin:0 auto;
	}
	
	.top_nav ul li {
		float:none;
		display:block;
		width:100%;
		margin:0 auto 3.3em auto;
	}

	.top_nav ul li a {
		padding:0 18px 1.6em 18px;
	}
	

	
}

@media screen and (max-width: 480px) {
	
	.top_nav ul {
		width:auto;
		margin:0 auto;
	}
	
	.top_nav ul li {
		float:none;
		width:auto;
	}

}







/* for SP */ 
@media screen and (max-width: 767px) {

	.nav_wrap {
		width:auto;
		/*
		background: url(images/nav_bg.png) repeat top left #55c7d8;
		*/
		background:#fff;
		padding:5px;
		text-align:center;
		border:1px solid #38b1c3;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
	}
	
	.sub-menu {
		width:auto;
		margin:0;
		display:block;
	}

	.header-nav {
		position:relative;
		height:auto;
		margin:0;
		padding:0;
		border:none;
		display:none;
	}

	.header-nav ul {
		list-style-type:none;
		width:auto;
		height:auto;
		margin:0;
		padding:0;
		background:none;
		border:none;
		display:block;
	}

	.header-nav ul li {
		width:auto;
		float:none;
	    padding:0;
		margin:5px 0;
	}
	
	.header-nav ul li:last-child {
		margin:5px 0 0 0;
	}

	
	.header-nav ul li img {
		display:none;
	}

	.header-nav ul li a {
		position:relative;
		display:block;
		text-align:center;
	    height:43px;
		color:#1995a7;
		font-size:1.1em;
		text-decoration:none;
    	line-height:43px;
		padding:0;
		margin:0;
		background:#fff;
		border:1px solid #0d8394;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px 4px 4px 4px;
	}

	.header-nav ul li a p {
		display:none;
	}

	.header-nav ul li a:hover {
		background:#fbf9e7;
		color:#1995a7;
    	line-height:43px;
		padding:0;
		margin:0;
		text-decoration:none;
	}
	
	.header-nav ul li ul {
		position:relative;
		margin:0;
		padding:0;
	}

	/* サブメニュー */
	.header-nav ul li ul li {
		width:auto;
	    height:43px;
	}

	.header-nav ul li ul li a {
		position:relative;
		display:block;
		text-align:center;
	    height:43px;
		color:#1995a7;
		font-size:1.1em;
		text-decoration:none;
    	line-height:43px;
		padding:0;
		margin:0;
		background:#dff6fa;
		border:1px solid #0d8394;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px 4px 4px 4px;
	}
	
	.header-nav ul li ul li a:hover {
		margin:0;
	}


	/* メニューの > を描く */
	.header-nav ul li a:before{
		position:absolute;
		top:16px;
		right:13px;
		content:'';
		height:8px;
		width:8px;
		display:block;
		border:3px solid #10707e;
		border-top-width:0;
		border-left-width:0;
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
	}


	/* 現在のページ */
	.current-menu-item > a {
		background:none;
	}

	.header-nav ul li:first-child a span {
		position:relative;
	}
	
	.header-nav ul li:first-child a span:before {
    	left:1px;
    	border-style:solid;
    	border-color:transparent;
    	border-width:8px 7px;
    	border-bottom-color:#c55500;
    	margin-top:-16px;
    	background:transparent;
	}
}








/*---------------------------------------

  トップ車両ナビ
  
----------------------------------------*/

.car_list {
	width:auto;
	background:#fff;
	padding:3px 10px;
	border-radius:5px;
}





.top_carlist {
	width:auto;
	margin:11px auto;
	overflow: hidden;
	position:relative;
	display:block;
}
.top_carlist ul {
	margin: 0 -1.2% 0 0;
	padding: 0;
 	/zoom: 1;/* for IE6,7 */
}

.top_carlist ul li {
	position:relative;
	display: block;
	width: 22.23%;
	height:auto;
	float:left;
	display:inline-block;
	*display:inline;
	/zoom: 1;/* for IE6,7 */
	margin: 6px 1.2% 6px 0;
	padding:8px;
	list-style: none;
	border: 1px solid #c9c9c9 !important;
}

.top_carlist ul li .car_img img {
	width:100%;
	height:auto;
}

.top_carlist ul li h4 {
	font-size:1.2em;
	font-weight:bold;
	border:none !important;
	margin:0;
	padding:0;
}

.top_carlist ul li p {
	margin:0;
	padding:0;
}



@media only screen and (max-width:767px) {
	.nav_4c ul li {
		width: 47.8%;
	}
}

@media only screen and (max-width:480px) {
	
	.nav_4c ul {
		margin: 0;
	}
	
	.nav_4c ul li {
		float:none;
		display:block;
		width:94%;
		margin:0 auto 1.2em auto;

	}

}