@charset "utf-8";
/*-----------------------------------------------------------------------------------


スマホページ用


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



/*-----------------------------------------------------------------------------------
list_tenken
　各種リセット

-------------------------------------------------------------------------------------*/
*{
	box-sizing: border-box;
	margin:0; padding:0;
	}

html,
body,
wrapper{ height:100%;}

table,div{margin:auto;}
table{ border-collapse:collapse}
header, section, footer, aside, nav, article, figure {	display: block;}
img{ vertical-align:bottom; border:0;}

ul,ol{	list-style-type: none;}

a:hover img{
	filter:alpha(opacity=80);
    -moz-opacity:0.80;
    opacity:0.80;		 
	}
#logo a:hover img,
header nav a:hover img{
	filter:alpha(opacity=100);
    -moz-opacity:1.00;
    opacity:1.00;
}

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

　フォント関連

-------------------------------------------------------------------------------------*/
body{
	color:#333;
	font-family:Verdana,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;

	}
	
a{
	color:#06C;
	text-decoration:none;
	}
a:hover{
	color:#0CF;
	text-decoration:underline;
	}

th,td{
	line-height:1.4em;
	}



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

　基本レイアウト

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


body{
	text-align:center;
	position:static;
	}


/*表示・非表示*/
.sp_none{ display:none !important;}
.sp_only{ display:block;}







img{ width:100%; height:auto; }
.img-auto img{width:auto;}

html,
body,
header,
#wrapper,
#content,
#main,
footer{
	width:100% !important;
	
}



#container{
	width:96% !important;
	margin:0 2%;
	}


#contents{ text-align:left;}



/*並び順調整*/
/*
#container{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
 
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;
 
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
 
	
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	
	}
	
#side{ order:2;}
#main{ order:1;}
#pagetop{ order:3;}
#pagetop { padding-top:5px; text-align:center !important;}

*/




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

　ヘッダー

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

header{

/*	text-align:center;
	margin-bottom:5px;
	padding-top:0px;
	border-bottom:1px solid #DDD;*/
	margin-bottom:10px;;
	
	}
/*
header #logo{}
header #logo {
width: 70%;
text-align: left;
margin: 0;
}
header #logo h1,
header #logo p{
	}

header #tel{
	display:table;
	}
header #tel .tel,
header #tel .navi-sns{

	display:table-cell;

}

header #tel .tel{ width: 80%;}
header #tel .navi-sns{ width:20%;}
	
.navi-sns img{ width:auto;}
.navi-sns ul li{
	float:left;
	width:50%;
	}


header .tel{}


header .tel p{margin-left:0px; width:48%; }
header{ padding:0; }

*/






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

　ナビ関連

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

/*
.btn_sp_navi{
	display:block;
	position: relative;
	}
	
.btn_sp_navi a{}
.btn_sp_navi img{
	position: absolute;
	width:auto; 
	height: auto;
	right:5px;
	top: 20px;
	display: block;
	z-index: 100;
}
.btn_sp_navi:hover{ cursor:pointer;}


.sb-slidebar{
	background:#549CC9;
	padding: 1px !important;

	} 

.sb-slidebar li{
	background: #FFF;
	border-bottom:1px solid #EEE;
	text-align: left;
}
.sb-slidebar li a{
	color:#CCC;
	text-decoration:none;
	font-weight:bold;
	
	display:block;
	padding:0px 0 0px 0;
	}
.sb-slidebar li a img{
	width: 80% !important;
}

.sb-toggle-left{

	 color:#FFF;
	 padding:10px;
	 cursor:pointer;

	}
	
*/


/*ページ内ナビ*/
.sub_navi{
	border:solid #EEE;
	border-width:1px 1px 0 1px;
	clear:both;
	zoom:100%;
	
	margin-bottom:10px;

}
.sub_navi:after{
	content:"";
	display:block;
	clear:both;
}	
.sub_navi ul{}
.sub_navi ul li{
	float:left;
	width:50%;
	border-bottom:solid #EEE 1px;
	text-align:center;
	}
.sub_navi ul li:nth-child(even){
}

.sub_navi ul li a{
	display:block;
	background:#FFF8C0;
	color:#000;
	border-right:solid #EEE 1px;
	}
.sub_navi ul li a:hover{
	background:#FFF59C;
}

.sub_navi ul li.title{
	width:100%;
	background:#FFCE00;
	font-size:13px;
	font-weight:bold;
	
}


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

　フッター

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

.btn-pagetop{
	text-align:center;
	margin:0;
	clear: both;
	padding:1%;
	}
.btn-pagetop img{
	width:auto;
	}
	
.btn-pc{ text-align:center;
margin-bottom:1%;}

.btn-pc img{
	}



footer{
	text-align:center;
	/*margin:0 -4% 0 -4%;*/
	}
	
footer .inner{
	background:#FF9326;
	
		padding: 1px;
}	
footer *{color:#CCC; font-size: 13px;}

footer nav{
	float:none;
	clear:both;
	zoom:100%;

	background: #FFF;
}
footer nav:after{
    content: "";
    display: block;
    clear: both;
	}
	
footer nav ul {
	list-style-type: none;
/*	list-style-type:disc;*/

	}
	
footer nav ul li {
	box-sizing:border-box;
	float:left;
	display: block;
	width: 50%;
	font-size: 13px;
	text-align:left;

	border: 1px solid #EEE;
	border-width: 0 1px 1px 0;

	}
	
footer nav ul li a {

	padding: 3px 3px 3px 20px;
	display: block;
	color:#333;
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
	background: url(../images/common/icon_li.png) no-repeat 5px 7px;
	

	}
	
footer nav ul li a:hover{
	opacity:0.75;	
text-decoration: none;
	color: #000;
	
		filter:alpha(opacity=75);
		-moz-opacity:0.75;
		opacity:0.75;	

}
footer address{
	clear:both;
	text-align:center;
	font-family:"Century Gothic";
	font-style:normal;
	color:#FFF;
	font-size: 10px;
	}







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

　タイトル　＆　共通

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

h2,h3,h4,h5,h6{
	font-family:"Century Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	clear:both;
	}



h1{
background: #FF9E00;
color: #FFF;
padding: 1%;
margin:0 -1% ;
font-size: 20px;
}

h2{
	color:#000;
	
	text-align:center;
	font-size:20px;
	margin:auto;
	margin-bottom:4px;
	}

	
h2{
	color:#FF9600;
	padding:1%;
	/*border:1px solid #C0B5B5;*/
	
}
	
	
h3{
	/*background:#FBFBFB;*/
	background:#223151;
	padding:5px;
	font-size:15px;
	color:#FFF;
	margin-bottom:10px;
	
	border-radius: 3px; 
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px; 
	
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	border-radius:1px;
	
	}
h4{
	background:#EEE;
	padding:7px;
	font-size:14px;
	color:#000;
	margin-bottom:6px;
	}


#top h2,
#top h3{
	padding:0;
	margin:0;
	background:inherit;
	border-radius: 0px; 
    -webkit-border-radius: 0px;  
    -moz-border-radius: 0px; 
	
	box-shadow: 0 0px 0px rgba(34,25,25,0.4);
	border-radius:0px;

	
	font-size:12px;
	text-align:center;
	color:#133268;
	
	}

#contents p{
	margin-bottom:5px;
	}
	
	
.txt{
	padding-bottom:1%;
	margin:2%;
	}
.txt p{
	line-height:1.4em;
	}
	



section table{
	border-collapse:collapse;
	margin-bottom:20px;
	
	}
section table th,
section table td{
	padding:10px 10px 15px 10px;
	border:1px solid #DDD;
	
	}
section table th{
	font-weight:bold;
	width:30%;
	background:#FFFEC5;
	
	text-align:center;
	

}

.tbl_simple{
	border-collapse:collapse;
	margin-bottom:2%;
	width:100%;
	}
.tbl_simple th,
.tbl_simple td{
padding:8px;
border:1px solid #EEE;
	font-size:14px;
}
.tbl_simple th{
	background:#EEE;
	text-align:center;
	}
.tbl_simple td{

	}


.center{ text-align:center;}	
.R{ text-align:right;}

.tS{ font-size:80%;}
.tM{ font-size:110%;}
.tL{ font-size:120%;}


.imgS img{ width:50%}
.imgM img{ width:70%}

.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}

.rd{ color:#FF0004;}


.btn-txt a{
	background:#0F1AE8;
	padding:5px 10px;
	color:#FFF;
	border-radius: 15px; 
    -webkit-border-radius: 15px;  
    -moz-border-radius: 15px; 	
	}


	
.clrfix{
	clear:both;
	zoom:100%;
}
.clrfix:after{
	content:"";
	display:block;
	clear:both;
}
.clrfix .left{
	float:left;
	}
.clrfix .right{
	float:right;
	}

/*短縮*/
.cf{
	clear:both;
	zoom:100%;
}
.cf:after{
	content:"";
	display:block;
	clear:both;
}
.cf .left{
	float:left;
	}
.cf .right{
	float:right;
	}


.lay_harf{}
.lay_harf h4{
	text-align:center;
	font-size:13px;
	}
.lay_harf .left,
.lay_harf .right{
	width:49%;
	}




.colorbox{}



.piclist{
	clear:both;
	zoom:100%;
}
.piclist:after{
	content:"";
	display:block;
	clear:both;
}
 .piclist li{
	float:left;
	width:24%;
	margin-right:1%;
	margin-bottom:1%;
	}


.btn-zoom{
	position:relative;}
.btn-zoom a:before  {
	content: url(../images/common/icon_zoom.png);
	position:absolute;
	top:2%;
	left:2%;
	z-index:100;
	
}




/*　2階層目TOPのNavi*/
.bnr_navi{
padding: 3% 0;
	clear:both;
	zoom:100%;
}
.bnr_navi:after{
	content:"";
	display:block;
	clear:both;
}
.bnr_navi ul{
	margin-left: -1%;
}
.bnr_navi ul li{
	float:left;
	width:32%;
	margin-left:1%;
	margin-bottom:1%;
	}

.bnr_navi2 ul li{
	width:49%;

}



.box_point{
padding: 2%;
margin-bottom: 1%;

}
.box_point h4{padding:1%; color: #FFF;} 
.box_point h5{padding:1%;}

.box_point p{
font-size: 13px;
margin-bottom: 8px;
}

.box_BL{border:solid #3D7ED7 3px;}
.box_BL h4{background: #3D7ED7;}

.box_BL2{
background: #3D7ED7;
}
.box_BL2 p{
color: #FFF;
}


.btn_txttype a{
	display: block;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );

	border-radius: 5px;	
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;
	
	/* box-shadow */
	box-shadow:0px 0px 6px -2px #1d2d3f;
	-moz-box-shadow:0px 0px 6px -2px #1d2d3f;
	-webkit-box-shadow:0px 0px 6px -2px #1d2d3f;
	
	font-weight: bold;
	
	color: #000;
	

}

.btn_txttype a:hover{
	text-decoration: none;
	
	filter:alpha(opacity=55);
	-moz-opacity:0.55;
	opacity:0.55;	
}




/*タブナビ　*/

.tab_navi{
padding: 1% 0;
margin-bottom: 1px;

	clear:both;
	zoom:100%;
}
.tab_navi:after{
    content: "";
    display: block;
    clear: both;
	}
.tab_navi ul{}
.tab_navi ul li{
	float: left;
	margin-right: 1%;
	margin-bottom: 1%;
	min-width: 32%;
	display: block;
}

.tab_navi ul li a{
display: block;
	padding:5px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	
	background: #FFBE00;
	color: #FFF;
	line-height: 1.2em;


	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;

}

#shop .tab_navi ul li a{
	display:table-cell;
	vertical-align: middle;
	height: 40px;
}

.tab_navi ul li.select a{
	background: #FF8E00;
}



/*　電話番号リスト　*/
.box_tel_list{
margin-bottom: 10px;
}
.box_tel_list ul{
margin-left: -1%;
}
.box_tel_list li{
	float: left;
	margin-left: 1%;
	text-align: center;
}
.box_tel_list li:nth-child(2){

}

.box_tel_list li a{
	width: 100%;
	display: block;
	background: #E81650;
	font-weight: bold;
	float: left;
	font-family: "Century Gothic","ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
	
	font-size: 15px;
	line-height: 1.2em;


	border-radius: 3px;	
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;
	
	padding: 3% 0;
	
	color: #FFF;
	text-decoration: none;

}
.box_tel_list li a:hover{}




/*共通ここまで*/




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

　 TOP

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


#top{}

#top .list_chirashi{
margin-bottom: 10px;
}

#mainimage { margin-bottom:5px; }


.top-bnr{}
.top-bnr ul{
	list-style-type: none;
	margin-left: -1%;
}
.top-bnr ul li{
	float: left;
	width: 49%;
	margin-left: 1%;
	margin-bottom: 5px;
	}

.top-navi:after{}

#top-navi h2{
	margin:0;
	padding:0;
	background:inherit;
	border:0;	
	}
#top-navi{
	clear:both;
	display:table;
	width:100%;
	
	margin-bottom:5%;
	}
#top-navi .row{
	display:table-row;
}
#top-navi .sub{
	display:table-cell;
	vertical-align:top;
	padding:1%;
	}
#top-navi li{
	text-align:left;
	}
#top-navi li a{
	color:#000;
	display:block;
	border-bottom:1px solid #DDD;
	padding:5px;
	text-decoration:none;
	}
#top-navi li a:hover{
	background:#F6F971;
	}
#top #information{
	clear:both;
	zoom:100%;
	text-align:left;
	border: solid #FFB600 3px;
margin-bottom: 2%;
	
	}
	
#top #information:after{
    content: "";
    display: block;
    clear: both;
	}

#top #information h3{
/*	float:left;
	width:20%;*/

	}
#top #information .info-content{
	/*width:75%;
	float:right;*/
	padding: 2%;
	}
#top #information .info-content dt,
#top #information .info-content dd{
	line-height: 1.3em;
	margin-bottom:0.2em;

}
#top #information .info-content dt{
	font-size:10px;
	font-weight:bold;
	color:#FC8D00;
	width: 80px;
	float: left;
	}
#top #information .info-content dd{
	margin-left: 90px;
		font-size:11px;
}


#top .fb_wrap{
border: #3B5998 solid 3px;
margin-bottom: 2%;
}

#top .fb_wrap .fb_content{
padding:2%;
}
/*----------------------------------------------------------------------------------------

　車検
 
----------------------------------------------------------------------------------------*/


#box_price iframe{
	width: 100%;
	height: 200px;
}


.tbl_price{
border-collapse: collapse;
}

.tbl_price th,
.tbl_price td{
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";


}



/*　整備・点検　*/
#list_tenken{
}
#list_tenken table{
width: 100%;
	margin-bottom: 10px;
}
#list_tenken table th,
#list_tenken table td{
	padding: 1%;
	border: solid 1px #DDD;
font-size: 14px;
}

#list_tenken table th{
width: 30%;
background:#FFF02A;text-align: center;

}
#list_tenken table td{
width: 70%;

}



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

　 車を探す

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

.list_shop{
	clear:both;
	zoom:100%;
	
}
.list_shop:after{
    content: "";
    display: block;
    clear: both;
	}

.list_shop ul{
margin-left:-1%;
}
.list_shop ul li{
float:left;
width: 32%;
margin-left: 1%;
margin-bottom: 1%;
padding: 1%;
}

.list_shop *{line-height: 1.2em;
font-size:13px; }

.list_shop .intro_img_box{}
.list_shop .intro_text_box{}

.list_shop .intro_text_box h4{ font-size:11px !important; }
.list_shop .intro_text_box p{}
.list_shop .intro_text_box p.intro_place{height: 60px;}
.list_shop .intro_text_box p.btn_stock a{

display:block;
padding:2% 1%;
text-align: center;
color: #FFF;

background: #ff1a00;
background: -moz-linear-gradient(top,  #ff1a00 0%, #d60000 100%);
background: -webkit-linear-gradient(top,  #ff1a00 0%,#d60000 100%);
background: linear-gradient(to bottom,  #ff1a00 0%,#d60000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#d60000',GradientType=0 );

}



#stock #about2{}
#stock #about2 table{}
#stock #about2 table th,
#stock #about2 table td{
	border-bottom: 1px solid #EEE;
	padding: 2% 1% 3% 1%;
	vertical-align: top;
	font-size: 14px;
}



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

　 店舗紹介（アクセス）

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

#shop{}


.box_shop{}
.box_shop h3{}
.box_shop table{ width: 100%;
margin-bottom: 10px;}
.box_shop table th,
.box_shop table td{
	padding: 1%;
	border: 1px solid #EEE;
	font-size: 13px;
}
.box_shop table th{
	background: #EEE;
	width: 20%;
}

.box_shop table .tel{ font-weight: bold;
font-size: 15px;}
.box_shop .map_canvas{
margin-bottom: 10px;
}
.box_shop .box_access_detail{
padding: 2%;

border-radius: 5px;	
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;
	
box-shadow:0px 0px 6px -2px #1d2d3f;
-moz-box-shadow:0px 0px 6px -2px #1d2d3f;
-webkit-box-shadow:0px 0px 6px -2px #1d2d3f;
margin-bottom: 10px;


}
.box_shop .box_access_detail h4{
background: #412611; text-align: center;
color: #FFF;
padding: 1%;
}



.shop_type{
	clear:both;
	zoom:100%;
	margin: 5px;
}
.shop_type:after{
    content: "";
    display: block;
    clear: both;
}

.shop_type ul{
margin-left: -1%;
}
.shop_type ul li{ float: left;
	padding: 1% ;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	margin-left: 1%;
	margin-bottom: 2px;
	width: 49%;
}
.shop_type ul li.type-car{ background: #34B74B;}
.shop_type ul li.type-shaken{ background: #EDA407;}
.shop_type ul li.type-bankin{ background: #D8517F;}
.shop_type ul li.type-rentacar{ background: #2193D3;}

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

　 会社案内

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

#company{}
#company #outline{}

#company #outline table{}
#company #outline table th,
#company #outline table td{
	padding: 2% 2% 3% 2%;
	display: block;
	width: 100%;
}

#company #outline table th{
	background:#FFE472;
	color: #000;
}
#company #outline table td{
	border: 1px solid #FFE472;
	
}

/*沿革*/
#company #history table{
	border-collapse:collapse;
	width:100%;
	}
#company #history table th,
#company #history table td{
	border-bottom:10px #FFF solid;
	padding:3px 8px;
	}

#company #history table th{
	background:#FFE7AA;
	color:#EC6E00;
	width:20%;
	text-align:center;
	font-size:11px;
	font-weight: bolds;
	font-family: Arial, Helvetica," sans-serif";
	}
#company #history table td{
font-size: 13px;
}



/*　スタッフ　*/
#staff .column_wide_wrap {
	background: #f2f2f2;
	margin-top: 10px;
	border-radius: 5px;
	overflow: hidden;
}

#staff .column_title_widebox {}
#staff .column_info_content{margin: auto;}

#staff .column_text_box {
	padding: 1%;
	font-size: 13px;
	line-height: 1.2em;
	color: #333;
}


#staff .column_wrap_staff {
	width: 100%;
	border-radius: 5px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	
/*	border-bottom: 1px #DDD solid;*/

		/* box-shadow */
		box-shadow:0px 0px 6px -2px #1d2d3f;
		-moz-box-shadow:0px 0px 6px -2px #1d2d3f;
		-webkit-box-shadow:0px 0px 6px -2px #1d2d3f;

}

#staff .staff-hobby{
	font-size:12px;
	}

#staff .staff_note{}

#staff .sub_content_info{

}


#staff .content_sub_title{
	margin-top: 14px;
	padding-bottom: 5px;
	border-bottom: 2px solid #ff7315;
}

#staff .content_sub_title p{
	font-size:18px;
	color: #ff7315;
	text-align: center;
}

#staff .column_title_box2{
	text-align: center;
	background: #524536;
	color: #fFF;
	font-size: 18px;

	padding: 2%;
	margin-bottom: 10px;

}

#staff .staff_img {
	width: 200px;
	height: 200px;

	border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;

	text-align: center;
	
	overflow: hidden;
	margin: 0 auto 0 auto;

}

#staff .staff_img img {
	width: 260px;
}

#staff .table_outline {
	margin:2%;
	width: 100%;
}

#staff .table_outline th,
#staff .table_outline td{
	font-size: 13px;
	padding: 1%;
	text-align: left;
}
#staff .table_outline th {
	width: 15%;
}

#staff .table_outline td {

}



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

　 車を探す


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

.btn_chirashi{}
.btn_chirashi a{
	padding: 1%;
}



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

　 お客様の声


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

.voice_paging{
text-align: center;
padding: 1% 1%;
}
.voice_paging *{
font-size: 11px;
}
.voice_paging p{
	display: inline-block;
}


.voice_wrap_box{
	margin-bottom: 2%;
	padding-bottom:1%;
	border-bottom: 1px dotted #CCC;
}
.voice_wrap_box *{font-size:12px;}
.voice_wrap_box .voice_text_ttl_car{display: inline-block; font-weight: bold; color: #FF7600;}
.voice_wrap_box .voice_text_ttl_name{ display: inline-block; margin-left: 5px;}
.voice_wrap_box .voice_wrap_text{}


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

　 店舗紹介

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

#map_canvas{
width: 100%;
height: 250px;
}

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

 その他ｓポート

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



#rentacar table{
width: 100%;
border:solid 3px #CCC;
margin-bottom: 10px;
}
#rentacar table th,
#rentacar table td{
padding: 1%;
border:solid 1px #DDD;
background: #EEE;
font-size: 11px;
}







	

	.sp_only{ display:none;}	



/* PCビューの場合は幅固定
------------------------------------------------------------*/
@media only screen and (min-width:769px){


	#wrapper{
		width:1000px !important;
	}



	.list_shop { margin: 0 20%;}
	.list_shop ul li{width: 32%;}
	
	.box_tel_list{ margin: 0 20%;}
	.box_tel_list li{width: 32%;}


	
	
}


/* タブレット系　*/
/* 768px以下から
------------------------------------------------------------*/
@media only screen and (max-width:768px){
	
	#wrapper{
		width:100% !important;
	}
	



	.sp_only{ display:block;}	


				
			/*　固定フッター＆TELポップアップ　*/
			/*　フッター固定Navi　*/
			.sp_foot_contact_margin{ height:140px;}
			.sp_foot_contact{
				padding: 0 !important;
				 }
			.sp_foot_contact{
				background-color:#fff;
				width:100%;
				right:0;
				bottom:0px;
				text-align:center;
				position:fixed;
				z-index:100;
			
			}
			
			.sp_foot_contact ul{
				display:flex;
				list-style-type: none;
				}
			.sp_foot_contact ul li{
				padding:0 !important;
				
				}
			.sp_foot_contact ul li img{vertical-align:middle;}		
			.sp_foot_contact ul li.btn_foot-contact{ width:46%; background:#04b31d;}
			.sp_foot_contact ul li.btn_foot-list{  width:40%; background:#ffa316;}
			.sp_foot_contact ul li.btn_foot-pagetop{ width: 14%; background:#facd89;}
			.sp_foot_contact ul li a{padding:0;}
			
			.CNT{
			margin-bottom:50px;
			}
				
	
				
			/*ポップアップ*/
			#popup_contact .tel_list{}
			#popup_contact .tel_list *{ box-sizing:border-box;}
			#popup_contact .tel_list p{
				text-align: center;
				font-size: 12px;
				font-weight: bold;
				margin-bottom: 15px;
			}
			#popup_contact .tel_list ul{
				list-style-type:none;
				}
			#popup_contact .tel_list ul li{
				margin-bottom:1em;
				}
			#popup_contact .tel_list ul li a{
				padding:0.5em 1em;
				background: #2f9912;
				background: -moz-linear-gradient(top, #2f9912 0%, #219900 100%);
				background: -webkit-linear-gradient(top, #2f9912 0%,#219900 100%);
				background: linear-gradient(to bottom, #2f9912 0%,#219900 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f9912', endColorstr='#219900',GradientType=0 );
				color:#FFF;
				display:flex;
				align-items: center;
				justify-content: center;
				}
			#popup_contact .tel_list ul li span{
				 font-weight:bold;
			}
			#popup_contact .tel_list ul li .tenpo_name{
				text-align:center;
				width:33%;
				background:#352207;
				border:0;
				line-height:1.2em;
				padding:0.4em;
				font-size:3vw; 
				}
			#popup_contact .tel_list ul li .tel_no{
				width:65%;
				padding:0.3em;
				margin-left:2%;
				font-size:4.6vw;
				}
			
			#popup_contact .tel_list ul li .open_time{
				background: #2f9912;
				background: -moz-linear-gradient(top, #2f9912 0%, #219900 100%);
				background: -webkit-linear-gradient(top, #2f9912 0%,#219900 100%);
				background: linear-gradient(to bottom, #2f9912 0%,#219900 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f9912', endColorstr='#219900',GradientType=0 );
				color:#FFF;
				padding-bottom:10px;
			}
			
			.teikyubi::before {
					content: "\A";
					white-space: pre;
			}
			
			.caution{font-size: 12px;}
			.call_free{
					background-color: #3F170B;
					color: #fff;
					padding: 4px 0;
			}

			/*　//固定フッター＆TELポップアップ　*/




}


/* 幅600px以下から  
------------------------------------------------------------*/
@media only screen and (max-width: 600px){





	}





/* 幅414px以下から iphone6& plus
------------------------------------------------------------*/
@media only screen and (max-width: 414px){

#top #information h3{
	float:none;
	text-align:center;
	margin:auto;
	}
#top #information .info-content{
	width:100%;
	float:none;
	}



.list_shop ul li,
.box_tel_list li,
.box_tel_list li:nth-child(2){

	width: 32%;
	/*margin: 10%;*/

}


.list_shop .intro_text_box p.intro_place{height: 70px;}


}




/* 幅320x以下から ヘッダー等微調節 iphone5
------------------------------------------------------------*/
@media only screen and (max-width: 320px){



}