/* CSS Document */

@import url(navi.css);
@import url(common.css);
@import url(//fonts.googleapis.com/css?family=Contrail+One|Quicksand);
@import url(//fonts.googleapis.com/css?family=Contrail+One|Pragati+Narrow|Quicksand);
@import url(//fonts.googleapis.com/css?family=Roboto:900);


#mainimg {
width: 100%;
height: 104px;
padding: 186px 0 0 0;
}

	#mainimg.goods {background: url(../img/main1.jpg) no-repeat;}
	#mainimg.maint {background: url(../img/main2.jpg) no-repeat;}
	#mainimg.sales {background: url(../img/main3.jpg) no-repeat;}
	#mainimg.hoken {background: url(../img/main4.jpg) no-repeat;}
	#mainimg.infom {background: url(../img/main5.jpg) no-repeat;}
	#mainimg.check {background: url(../img/main6.jpg) no-repeat;}
	#mainimg.contc {background: url(../img/main7.jpg) no-repeat;}
	
	#mainimgin {
		width: 1080px;
		margin: 0 auto;
	}
	
	#mainimg h1 {
	width: 325px;
	height: 67px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	}
	
		#mainimgin h1#mh1 {background: url(../img/title1.png) no-repeat;}
		#mainimgin h1#mh2 {background: url(../img/title2.png) no-repeat;}
		#mainimgin h1#mh3 {background: url(../img/title3.png) no-repeat;}
		#mainimgin h1#mh4 {background: url(../img/title4.png) no-repeat;}
		#mainimgin h1#mh5 {background: url(../img/title5.png) no-repeat;}
		#mainimgin h1#mh6 {background: url(../img/title6.png) no-repeat;}
		#mainimgin h1#mh7 {background: url(../img/title7.png) no-repeat;}
		
/*-------------------------------------*/
@media screen and (max-width: 500px) {

#mainimg {
width: 100%;
height: 60px;
padding: 100px 0 0 0;
}

	#mainimg.goods,
	#mainimg.maint,
	#mainimg.sales,
	#mainimg.hoken,
	#mainimg.infom,
	#mainimg.check,
	#mainimg.contc {background-size:cover;}
	
	#mainimgin {
		width: 90%;
		margin: 0 auto;
	}
	
	#mainimg h1 {
	width: 100%;
	height:40px;
	}
	
		#mainimgin h1#mh1,
		#mainimgin h1#mh2,
		#mainimgin h1#mh3,
		#mainimgin h1#mh4,
		#mainimgin h1#mh5,
		#mainimgin h1#mh6,
		#mainimgin h1#mh7 {background-size: contain;}
}





/*----自動車保険---------------------------------------------------------------*/

#hoken {
	width: 1080px;
	margin: 0 auto;
	padding: 30px 0;
}

	#hoken h1 {
		width: 445px;
		height: 35px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background: url(../img/hoken/st1.png) no-repeat;
		margin: 0 0 20px 0;
	}
	
	#hoken p.htxt {
	margin: 0 0 30px 0;
	padding: 0 30px;
	font-size: 0.9em;
	}
	
	#hoken p.htxt img {
		float: right;
		margin: 0 0 0 30px;
	}
	
	#hoken .box {
		width: 312px;
		float: left;
		border: 1px solid #d6d6d6;
		margin: 20px;
	}
	
	#hoken .box .name {
		background-color: #f6f6f6;
		padding: 3px 0 10px 0;
		text-align: center;
	}
	
	#hoken .box h3 {
		font-size: 1em;
		text-align: center;
		padding: 10px 15px;
	}
	
	#hoken .box p {
		padding: 0 15px 20px 15px;
		margin: 0;
		font-size: 0.9em;
	}


/*-------------------------------------*/
@media screen and (max-width: 500px) {

#hoken{
	width: 90%;
	margin: 0 auto;
	padding: 30px 0;
}

	#hoken h1 {
		width: 100%;
		height: 25px;
		background-size: contain;
		background-position: left;
	}
	
	#hoken p.htxt {
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 0.9em;
	}
	
	#hoken p.htxt img {
		float: none;
		margin: 0 0 10px 0;
	}
	
	#hoken .box {
		width: auto;
		float: none;
		border: 1px solid #d6d6d6;
		margin: 20px 0;
	}
	
	#hoken .box .name img {
	max-width: 1005;
	height: auto;
	} 
	
	#hoken .box p {
		font-size: 0.85em;
	}

	}
	
	
	
	


/*-------修理・整備--------------------------------------------*/

#seibi {
	width: 1080px;
	margin: 0 auto;
	padding: 30px 0;
}

	#seibi p.htxt {
		background: url(../img/goods/dot.png) no-repeat left top;
		padding: 5px 25px 30px 25px;
		font-size: 0.9em;
		margin: 0;
		min-height: 55px;
	}
	
	#seibi .waku1 {
		border-bottom: 1px solid #d6d6d6;
		width: 1050px;
		margin: 0 auto;
	}
		
		#seibi .waku2 {
			width: 440px;
			float: left;
			text-align: center;
		}
		
		#seibi .waku22,
		#seibi .waku23 {
			width: 300px;
			float: left;
			text-align: center
		}
		
	
	#seibi h2 {
		font-size: 1.2em;
		margin: 0;
		padding: 10px;
		text-align: left;
	}
	
	#seibi .waku1 p {
		font-size: 0.9em;
		margin: 0;
		padding: 10px 30px;
		text-align: left;
	}
	
	
	
	
#seibi p.switchHat {
border: 1px solid #d6d6d6;
padding: 5px 45px 5px 10px;
font-size: 0.9em;
background: url(../img/seibi/yaji.png) no-repeat right;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
}


#seibi p.switchHat strong,
#seibi p.switchDetail strong {
	font-size: 1em;
	color: #006CB8;
}

#seibi p.switchDetail {
	width: 90%;
	background-color: #f6f6f6;
	padding: 10px 20px;
	font-size: 0.9em;
	margin: 0 auto 20px auto;
}

#seibi p.switchDetail img {
	max-width: 300px;
	height: auto;
	float: right;
	margin: 0 0 10px 30px;
}

/*-------------------------------------*/
@media screen and (max-width: 500px) {


#seibi {width: 90%;}

	#seibi p.htxt {
		padding: 5px 0px 30px 25px;
		font-size: 0.85em;
	}
		
	#seibi .waku1 {
		width: 100%;
		margin: 0 auto;
		padding: 0 0 15px 0;
	}
	
	#seibi .img {display: none;}
		
		#seibi .waku2 {
			width: 100%;
			float: none;
			text-align: center;
		}
		
		#seibi .waku22 {
			width: 98%;
			float: none;
			text-align: center;
			background: url(../img/seibi/l2s.png) no-repeat left;
			background-size: 13%;
			margin: 0 auto;
		}
		
		#seibi .waku23 {
			width: 98%;
			float: none;
			text-align: center;
			background: url(../img/seibi/l3s.png) no-repeat left;
			background-size: 13%;
			margin: 0 auto;
		}
		
	
	#seibi h2 {
		font-size: 1.1em;
		color: #006DB8;
		margin: 0;
		padding: 10px;
		text-align: left;
		background-color: #f6f6f6;
	}
	
	#seibi .waku1 p {
		font-size: 0.85em;
		margin: 0;
		padding: 10px 0 0 18%;
		line-height: 140%;
		text-align: left;
	}
	


#seibi p.switchDetail {
	width: 90%;
	background-color: #f6f6f6;
	padding: 10px 20px;
	font-size: 0.9em;
	margin: 0 auto 20px auto;
}

#seibi p.switchDetail img {
	max-width: 100%;
	height: auto;
	float: none;
	margin: 0 0 10px 0;
	display: block;
}

	}
	
	
	
	

/*----車検フロー---------------------------------------------------------------*/

#shakenf {
	width: 1080px;
	margin: 0 auto;
	padding: 30px 0;
}

	#shakenf h1 {
		width: 188px;
		height: 35px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background: url(../img/car/st1.png) no-repeat;
		margin: 0 0 20px 0;
	}
	
	#shakenf .swaku {
		width: 1020px;
		margin: 0 auto;
		padding: 20px 0;
		border-top: 1px solid #d6d6d6;
	}
	
	#shakenf .swaku .left {
		width: 212px;
		float: left;
	}
	
	#shakenf .swaku .righ {
		width: 730px;
		float: right;
		padding: 20px 30px 20px 0;
	}
	
	#shakenf .swaku .righ h2 {
		color: #006CB8;
		margin: 0;
		padding: 0;
		font-size: 1.1em;
	}
	
	#shakenf .swaku .righ p {
		font-size: 0.9em;
		padding: 15px 0;
		margin: 0;
	}


/*-------------------------------------*/
@media screen and (max-width: 500px) {

#shakenf {
	width: 90%;
	margin: 0 auto;
	padding: 30px 0;
}

	#shakenf h1 {
		width: 100%;
		height: 25px;
		background-size: contain;
		background-position: left;
	}
	
	#shakenf .swaku {
		width: 100%;
		margin: 0 auto;
		padding: 20px 0;
	}
	
	#shakenf .swaku .left {
		width: 30%;
	}
	
	#shakenf .swaku .left img {
		width: 100%;
		height: auto;
	}
	
	#shakenf .swaku .righ {
		width: 65%;
		float: right;
		padding: 0;
	}
	
	#shakenf .swaku .righ img {
		max-width: 100%;
		height: auto;
	}
	
	#shakenf .swaku .righ h2 {
		font-size: 1em;
	}
	
	#shakenf .swaku .righ p {
		font-size: 0.85em;
		padding: 15px 0;
		margin: 0;
	}


}


/*----車検お申し込み---------------------------------------------------------------*/

#shaken {
width: 1080px;
margin: 0 auto;
padding: 30px 0;
}

	
		#shaken h2 {
			width: 308px;
			height: 29px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			background: url(../img/car/ttl.png) no-repeat;
			margin: 0 0 20px 30px;
		}
		
		/*---お問い合わせ---*/
		#shaken h3 {
			width: 308px;
			height: 29px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			background: url(../img/contact/ttl.png) no-repeat;
			margin: 0 0 20px 30px;
		}
		
		
		#shaken #waku {
			border: 4px solid #f6f6f6;
			padding: 30px;
			margin: 0 26px;
		}
		
		#shaken #waku p {
			padding: 0 0 10px 0;
			margin: 0;
			font-size: 0.9em;
		}
		
		#shaken #waku p img {max-width: 100%; height: auto;}
		#shaken #waku h4 {
			font-size: 1em;
			border-left:5px solid #C70105;
			padding: 3px 10px;
			margin: 30px 0 20px 0;
			background-color: #f6f6f6;
		}
	
		#shaken #waku dl {
			width: 80%;
			margin: 0 auto;
			padding: 0;
			text-align:left;
			font-size:0.95em;
		}

		#shaken #waku dt {
			float:left;  
			width:130px;  
			padding:5px 0 5px 0;  
			clear:both;
			border-top: 1px dotted #cccccc;
		}

		#shaken #waku dd {  
			margin-left:130px;  
			padding:5px 0 5px 5px;
			border-top: 1px dotted #cccccc;
		}
		#shaken #waku p {
		margin: 0;
		padding: 0 20px;
		}
/*-------------------------------------*/
@media screen and (max-width: 500px) {

#shaken {
width: 90%;
padding: 30px 0;
}
	
	#shaken {
		width: 100%;
		float: none;
		padding: 20px 0 0 0;
	}
	
		#shaken h2,
		#shaken h3 {
			width: 100%;
			height: 20px;
			background-size:contain;
			background-position: center top;
			margin: 0 0 20px 0;
		}
		
		
		#shaken #waku {
			border: 4px solid #f6f6f6;
			padding: 10px;
		}
		
		#shaken #waku p {
			padding: 0 0 10px 0;
			margin: 0;
			font-size: 0.9em;
		}
	
		#shaken #waku dl {
			width: 90%;
			margin: 0 auto;
			padding: 0;
			text-align:none;
			font-size:0.95em;
		}

		#shaken #waku dt {
			float:none;
			font-size: none;
			width:100%;  
			padding:5px 0 0 0;  
			clear:both;
			border-top: 1px dotted #cccccc;
		}

		#shaken #waku dd {  
			margin-left:0;
			width: 100%;
			padding:0 0 5px 0;
			border-top: none;
		}
		#shaken #waku p {
		margin: 0;
		padding: 0 20px;
		}
}




/*---------お知らせ--------------------------------------------------------*/

#info {
	width: 1080px;
	padding: 30px 0;
	margin: 0 auto;
	}



/*--smp----------------------------------*/
@media screen and (max-width: 640px) {
	
#info {
	width: 100%;
	margin: 0 auto;
	background-size: 70%;
	border-top: 1px solid #d6d6d6;
	}

}


/*--------お知らせの段組み---------*/

#infor {
	width: 230px;
	float: right;
}

#infol {
	width: 760px;
	float: left;
	padding: 0 0 0 20px;
}

#infol p {
	margin: 0;
	padding: 0;
}

#infol h1 {
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 1.8em;
	line-height: 140%;
}

#infol img {
	width: auto;
	max-width: 100%;
	margin: 20px 0;
	height: auto;
}

#infor h2 {
	font-family: 'Quicksand', sans-serif;
    font-family: 'Contrail One', cursive;
	font-size: 1.6em;
	padding: 10px 0 20px 0;
	font-weight: normal;
	text-align:left;
	color: #4275AE;
}

#infor p {
	margin: 0 0 5px 0;
	padding: 5px;
	font-size: 0.9em;
}
#infor p a {text-decoration:underline;}
#infor p.slc {
	margin: 0 0 5px 0;
	padding: 5px;
	border: 1px solid #d6d6d6;
	text-decoration: none;
}
	#infor p.slc a {text-decoration: none;}



#infol p .small {
	margin: 0;
	padding: 5px 10px;
	font-size: 0.85em;
}


#infol .pixw {
	width: 100%;
	padding: 20px 0 0 0;
	}

#infol .pixw img {
	height: 115px;
	width: auto;
}



	#infol dl {
		width:100%;
		padding:0;
		margin:0;
		text-align:left;
		font-size:1em;
		border-bottom:1px dotted #cccccc;
	}

	#infol dt {
		float:left;  
		border-top:1px dotted #cccccc;
		width:180px;  
		padding:5px 0 5px 0;  
		clear:both;
	}

	#infol dd {  
		margin-left:180px;  
		border-top:1px dotted #cccccc;
		padding:5px 0 5px 5px;  
	}




/*--smp----------------------------------*/
@media screen and (max-width: 640px) {
	


#infor {
	width: 100%;
	float: none;
	padding: 20px;
	box-sizing: border-box;
}

#infol {
	width: 100%;
	float: none;
	padding: 20px;
	box-sizing: border-box;
}

#infol h1 {
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 1.2em;
	line-height: 160%;
	font-weight: normal;
}

	
	#infol dl {
		width:100%;
		padding:0;
		margin:0;
		text-align:left;
		font-size:0.9em;
		border-bottom:1px dotted #cccccc;
	}

	#infol dt {
		float:none;  
		border-top:1px dotted #cccccc;
		width:100%;  
		padding:5px 0 0 0;  
		clear:both;
	}

	#infol dd {  
		margin-left:0;  
		border-top:none;
		padding:0 0 5px 0;  
	}

	
	
#infol img {
	max-width: 100%;
	height: auto;
}

#infor h2 {
	font-size: 1.6em;
	padding: 10px 0 20px 0;
	font-weight: normal;
	text-align:left;
}

#infor p {
	margin: 0 0 5px 0;
	padding: 5px;
	border: 1px solid #ffffff;
}
#infor p.slc {
	margin: 0 0 5px 0;
	padding: 5px;
	border: 1px solid #d6d6d6;
	text-decoration: none;
}

	#infor p.slc a {text-decoration: none;}


#infol p .small {
	margin: 0;
	padding: 5px 10px;
	font-size: 0.85em;
}


#infol .pixw {
	width: 100%;
	padding: 20px 0 0 0;
	}

#infol .pixw img {
	height: 115px;
	width: auto;
}
}


/*-------カー用品--------------------------------------------*/

#carg {
	width: 1080px;
	margin: 0 auto;
	padding: 30px 0;
}

	#carg p.htxt {
		background: url(../img/goods/dot.png) no-repeat left top;
		padding: 5px 25px 30px 25px;
		font-size: 0.9em;
		margin: 0;
		min-height: 55px;
	}
	
	#carg p.eng {
		font-family: 'Roboto', sans-serif;
		font-size: 1em;
		margin: 0;
		padding: 10px 0 5px 0;
	}
	
	#carg h2 {
		font-size: 0.9em;
		margin: 0;
		padding: 0 0 20px 0;
		color: #006DB8;
	}
	
	#carg .boxl {
		width: 527px;
		float: left;
		}
		
	#carg .boxr {
		width: 527px;
		float: right;
		}
		
		#carg .boxr p.htxt {
			background: url(../img/goods/dot.png) no-repeat left top;
			padding: 5px 25px 30px 25px;
			font-size: 0.9em;
			margin: 0 20px;
			min-height: 55px;
		}

/*-------------------------------------*/
@media screen and (max-width: 500px) {


#carg {width: 90%;}

	#carg p.htxt {
		padding: 5px 0px 30px 25px;
		font-size: 0.85em;
	}
	
	#carg p.eng {
		font-family: 'Roboto', sans-serif;
		font-size: 1em;
		margin: 0;
		padding: 10px 0 0 0;
	}
	
	#carg .boxl,
	#carg .boxr {
		width: 100%;
		float: none;
		}
		
	#carg .boxl img,
	#carg .boxr img {
		width: 100%;
		height: auto;
	}
		
		#carg .boxr p.htxt {
			padding: 5px 0 30px 25px;
			font-size: 0.9em;
			margin: 0;
}
}



#carg2 {
	width: 1080px;
	margin: 0 auto;
	padding: 30px 0;
}

	#carg2 h1 {
		width: 343px;
		height: 66px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background: url(../img/goods/st2.png) no-repeat;
		margin: 0 0 30px 0;
	}
	
	#carg2 h2 {
		font-size: 1.1em;
		margin: 0;
		padding: 10px 0 5px 0;
		color: #006DB8;	
	}
	
	#carg2 p {
		margin: 0;
		padding: 0;
		font-size: 0.9em;
	}

	#carg2 .boxl {
		width: 515px;
		float: left;
		padding: 10px 0;
		}
		
	#carg2 .boxr {
		width: 515px;
		float: right;
		padding: 10px 0;
		}
		
	#carg2 .boxll,
	#carg2 .boxrl {
		width: 174px;
		float: left;
	}
	
	#carg2 .boxlr,
	#carg2 .boxrr {
		width: 320px;
		float: right;
	}
	
	hr.clrbar {
		width: 100%;
		clear: both;
		border: none;
		border-top: 1px solid #d6d6d6;
		background-color: #ffffff;
	}
	
	
/*-------------------------------------*/
@media screen and (max-width: 500px) {

#carg2 {width: 90%;}

	#carg2 h1 {
		width: 100%;
		height: 40px;
		background-size: contain;
		margin: 0 0 20px 0;
	}
	
	#carg2 h2 {
		font-size: 0.9em;
		padding: 0 0 5px 0;
		line-height: 130%;
	}
	
	#carg2 p {
		font-size: 0.8em;
		line-height: 140%;
	}

	#carg2 .boxl,
	#carg2 .boxr {
		width: 100%;
		float: none;
		padding: 10px 0;
		}
		
	#carg2 .boxll,
	#carg2 .boxrl {
		width: 35%;
		float: left;
	}
	
	#carg2 .boxll img,
	#carg2 .boxrl img {
		width: 100%;
		height: auto;
	}
	
	#carg2 .boxlr,
	#carg2 .boxrr {
		width: 60%;
		float: right;
	}
	
	#carg2 hr.clrbar {
		width: 100%;
		clear: both;
		border: none;
		border-top: 1px solid #d6d6d6;
		background-color: #ffffff;
	}
}


/*-------------全ページフッタ---------------------------------*/

#tr {
	width: 1080px;
	margin: 0 auto;
	padding: 30px 0 50px 0;
	clear: both;
}

	#tr p {
		font-size: 0.9em;
		padding: 0;
		margin: 0;
		line-height: 150%;
	}
	
	#tr img {
		float: left;
		margin: 0 20px 0 0;
	}
	
	#tr h2 {
		font-size: 0.9em;
		padding: 10px 0;
		margin: 0;
	}

/*-------------------------------------*/
@media screen and (max-width: 500px) {

#tr {
	width: 90%;
	text-align: center;
	padding: 0 0 50px 0;
}

	#tr p {text-align: left;}
	
	#tr img {
		float: none;
		margin: 0 0 10px 0;
	}
	
	#tr h2 {text-align: left;
}	
}


/*-------車両販売--------------------------------------------*/

#sell {
	width: 1080px;
	margin: 0 auto;
	padding: 30px 0;
}

	#sell p.htxt {
		background: url(../img/goods/dot.png) no-repeat left top;
		padding: 5px 25px 30px 25px;
		font-size: 0.9em;
		margin: 0;
		min-height: 55px;
	}
	
	#sflow {
		width: 1080px;
		margin: 0 auto;
		padding: 0 0 30px 0;
	}
	
		#sflow h1 {
			width: 250px;
			height: 35px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			margin: 0 0 30px 0;
			background: url(../img/sell/st1.png) no-repeat;
		}

			
	#sflow .box {
		width: 250px;
		float: left;
		margin-bottom: 20px;
	}
	
	#sflow .box.lsp {margin-left: 25px;}
	
	#sflow .box h2 {
		font-size: 1em;
		margin: 0;
		padding: 10px 0 5px 0;
		color: #006DB8;	
		line-height: 130%;
	}
	
	#sflow .box p {
		font-size: 0.9em;
		margin: 0;
		padding: 0;
		line-height: 150%;
	}
	
	#sflow p.ctn {
		margin:0;
		padding: 20px;
		clear: both;
		background-color: #f6f6f6;
		font-size: 0.9em;
	}
	


#koe {
	width: 1080px;
	margin: 0 auto;
	padding: 30px 0;
	}
	
	#koe h1 {
		width: 250px;
		height: 35px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		margin: 0 0 30px 0;
		background: url(../img/sell/st2.png) no-repeat;
	}
	
		
	#koe .koe {
		margin:0;
		padding: 20px;
		clear: both;
		border: 2px solid #eeeeee;
		font-size: 0.9em;
	}
	
	#koe .koe h2 {
		font-size: 1em;
		margin: 0;
		padding: 0 0 5px 0;
		color: #006DB8;	
	}
	
	#koe .koe p {
		margin: 0;
		padding: 0;
	}

/*-------------------------------------*/
@media screen and (max-width: 500px) {

#sell {
	width: 90%;
	margin: 0 auto;
	padding: 30px 0;
}

	#sell p.htxt {
		padding: 5px 0px 30px 25px;
		font-size: 0.85em;	
	}
	
	#sflow {
		width: 90%;
		margin: 0 auto;
		padding: 0 0 30px 0;
	}
	
		#sflow h1 {
			width: 100%;
			height: 25px;
			background-size: contain;
			background-position: left;
		}

			
	#sflow .box {
		width: 100%;
		float: none;
		margin: 0 auto 20px auto;
		clear: both;
		border-top: 2px solid #eeeeee;
		padding: 20px 0 10px 0;
	}
	
	#sflow .box img {
		max-width: 45%;
		height: auto;
		float: right;
		margin: 0 0 0 20px;
	}
	
	#sflow .box.lsp {margin-left: 0;}



#koe {
	width: 90%;
	margin: 0 auto;
	padding: 30px 0;
	}
	
	#koe h1 {
		width: 100%;
		height: 25px;
		background-size: contain;
		background-position: left;
	}
	
		
	#koe .koe {
		margin:0;
		padding: 20px;
		clear: both;
		border: 2px solid #eeeeee;
		font-size: 0.9em;
	}
}


/*-------------------------------------*/
@media screen and (max-width: 500px) {
	
}


/*-------------------------------------*/
@media screen and (max-width: 500px) {
	
}