/********************************************************************************
 * 
common-sp.css

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

@media screen and (max-width:767px) {
/*============================================================
 system
*============================================================*/
/* pc-sp display switch
---------------------------------------- */
.forPC {
	display: none;
}
.forSP {
	display: block;
}

/*============================================================
 format
*============================================================*/
	#content {
		padding-top: 56px;
	}
/* form
---------------------------------------- */

/* checkbox 装飾 (for mwform)
---------------------------------------- */

/* radiobutton 装飾 (for mwform)
---------------------------------------- */

/* submit 装飾 (for mwform)
---------------------------------------- */

/*============================================================
 header
*============================================================*/

/* header-bar
---------------------------------------- */

/* logo
---------------------------------------- */
	.sp-header .sp-logo {
		width: 146px;
	}
	
/* header-toggle
---------------------------------------- */
	#toggle {
		right: 8px;
		padding: 9px 6px;
	}
	#toggle-box {
		width: 20px;
		height: 16px;
	}
	

/*============================================================
 main 下層共通
*============================================================*/
/* タイトル部
---------------------------------------- */

/*============================================================
 main 第2階層用
*============================================================*/



/* 末尾要素のmargin-bottom削除
---------------------------------------- */
	
/*============================================================
 パンくずリスト
*============================================================*/

/*============================================================
 ページナビ
*============================================================*/

/*============================================================
 footer
*============================================================*/
	.footer-logo {
		margin: 0 auto 16px;
	}
	.footer-logo a {
		padding: 12px 8px;
	}
	
/* footer-info
---------------------------------------- */
	.footer-info {
		padding: 24px 0;
	}
	.footer-info > .inner {
		display: block;
	}
	.footer-info .wrap {
		display: block;
	}
	.footer-info p {
		text-align: center;
		margin-bottom: 0;
	}
	.footer-info .wrap > p {
		width: 100%;
		text-align: center;
	}
	.footer-info .contact {
		margin-bottom: 8px;
	}
	.footer-info .wrap > p span {
		display: inline-block;
	}
	

/* footer-nav
---------------------------------------- */


/* copyright
---------------------------------------- */

/*============================================================
 ページナビ
*============================================================*/

/*============================================================
 parts　common
*============================================================*/
/* ボックス
---------------------------------------- */
	.flexBox {
	}
	
/* button
---------------------------------------- */


/* 共通部品（車種リスト）
---------------------------------------- */
	.CarList {
		display: block;
	}
	.CarItem {
		width: 100%;
		max-width: 320px;
		margin: 0 auto 48px;
	}
	.CarItem:nth-child(3n) {
		margin: 0 auto 48px;
	}
	
/* 共通部品（お知らせリスト）
---------------------------------------- */
	.NewsList {
		display: block;
	}
	.NewsItem {
		width: 100%;
		max-width: 400px;
		margin: 0 auto 32px;
	}
	.NewsItem:nth-child(3n) {
		margin: 0 auto 32px;
	}
	

/* 共通部品（タブ）
---------------------------------------- */
	
	
/* 共通部品（新車情報）
---------------------------------------- */
	.NewItem {
		width: 100%;
		max-width: 360px;
		margin: 0 auto 32px;
	}
	.NewItem:nth-child(3n) {
		margin: 0 auto 32px;
	}
	
/* 共通部品（ブロック）
---------------------------------------- */
	.Block {
		display: block;
		max-width: 480px;
		margin: 0 auto 40px;
	}
	.Block__img {
		width: 100%;
		margin-right: 0;
		margin-bottom: 16px;
	}
	.Block__img + .Block__content {
		width: 100%;
	}
}