@charset "utf-8";
/* イノクチモータース Custom2025 CSS　2025.08 */
/*---------------------------------------
	2025年のデザイン改訂による変更
---------------------------------------*/

/*-------------------------------------------*/
/*	メインメニュー
/*-------------------------------------------*/
/* リンクをメニューエリア全体に拡大
---------------------------- */
@media screen and (min-width: 1025px) {
	#header .gnav a {
		font-size: 16px;
		margin: 0;
		line-height: 78px;
		display: inline-block;
		padding: 0 18px;
		}
	#header .gnav a.shortMenu {
		padding: 0 36px;
	}
}
@media screen and (min-width: 1130px) {
	#header .gnav a {
		font-size: 17px;
		margin: 0;
		line-height: 78px;
		display: inline-block;
		padding: 0 23px;
	}
	#header .gnav a.shortMenu {
		padding: 0 46px;
	}
}
#header .gnav a.shortMenu {
	letter-spacing: 1em;
	margin-right: -1em;
}

/* PCとスマホで表示／非表示
---------------------------- */
#header .gnav li.headMenuMobile { display: none; }
@media screen and (max-width:1024px) {
	#header .gnav li.headMenuMobile { display: block; }
}
@media screen and (min-width: 1025px) {
	#header .gnav li.pcMenuFirst::before {
		content: "";
		color: #fff;
		border: none;
		width: 2px;
		display: block;
		float: left;
		height: 78px;
		background: #fff;
	}
}





/*-------------------------------------------*/
/*	フッターメニュー
/*-------------------------------------------*/
/* 微調整
---------------------------- */
@media screen and (min-width: 1025px) {
	#footer .footer-wrap .inr ul {
		width: 346px;
	}
	#footer .footer-wrap .inr ul li, #footer .footer-wrap .inr ul li:nth-child(2n+1) {
		width: 158px;
	}
}





/*-------------------------------------------*/
/*	ヘッダ
/*-------------------------------------------*/
/* ディスクリプションとSNSアイコン
---------------------------- */
@media screen and (min-width: 1025px) {
	#header .header-top .inr .description.change2508 {
		width: 600px;
	}
}
#header .header-top .inr .description .head_btm_socialMedia a {
	margin: 0 2px;
}
#header .header-top .inr .description #headMainCopy {
	display:inline;
}
@media screen and (max-width: 1024px) {
	 #header .header-top .inr .description .head_btm_socialMedia {
		margin-bottom: 5px;
		display: inline-block;
	}
	#header .header-top .inr .description #headMainCopy {
	 	display:none;
	}
}

/* 営業時間
---------------------------- */
@media screen and (min-width: 1025px) {
	#header .header-top .inr dl.change2508 {
		width: 180px;
	}
	#header .header-top .inr dl.change2508 dt {
		line-height: 35px;
	}
}
#header .header-top .inr dt #head_openTime::before {
	content: "\f017";
	font-family: FontAwesome;
	margin-right: 5px;
}

/* スマホ表示
---------------------------- */
@media screen and (max-width: 1024px) {
	#header .header-top .inr .description.change2508 {
		text-align: right;
	}
	#header .header-bottom.change2508 {
		background: #f9bc3d;
	}
	#header .header-bottom.change2508 .inr .logo {
		margin: 10px auto 8px;
		margin: -60px 0 5px 0;
		padding-right: 96px;
	}
	#header .header-top .inr .description.change2508 .catchCopy {
		display:none;
	}
}






/*-------------------------------------------*/
/*	スマホ用下部ボタン追加
/*-------------------------------------------*/
#mobileFootNav { display: none; }
@media only screen and (max-width: 1024px) {
	#footer {
		padding-bottom: 60px;
	}

	#mobileFootNav {
		display: block;
		z-index: 1030;
		width: 100%;
		height: 60px;
		position: fixed;
		bottom: 0;
	}

	.ftNavBtn {
		float: left;
		width: 50%;
		height: 60px;
		text-align: center;
	}

	.ftNavBtn a {
		display: inline-block;
		width: 100%;
		height: 100%;
	}

	.ftNavBtn a.blueButton { background: #0080bf; }
	.ftNavBtn a.greenButton { background: #93bf39; }
}





/*-------------------------------------------*/
/*	トップページ　インスタFEED追加
/*-------------------------------------------*/
.index-box .index-news .heading span.insta::before {
	content: "\f16d";
	font-family: FontAwesome;
	font-weight: normal;
}
#instaBtn {
	margin: 20px auto;
	text-align: center;
}
#instaBtn a {
	background: #e04529;
	padding: 12px 32px;
	font-size: 18px;
	color: #fff;
	border-radius: 5px;
}
#instaBtn a:hover { background: #ec9936; }





/*-------------------------------------------*/
/*	店舗案内
/*-------------------------------------------*/
/* テーブル微調整
---------------------------- */
@media screen and (min-width: 1025px) {
	#shop table th {
		width: 18%;
	}
	#shop table td {
		width: 32%;
	}
}