@charset "UTF-8";

body{
	background:url(../img/common/body_bg.jpg) repeat-x;
}

/*  ヘッダー---------------------------------*/
#header{
	width:980px;
	height:160px;
	color:#5a0a00;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Verdana, Arial, sans-serif;
}
#header #h1{
	height:22px;
	overflow:hidden;
}
#header h1{
	font-size:13px;
	color:#c9caca;
	color:#a7a7a7;
}
#header #logo{
	width:500px;
	float:left;
}
#header #submenu{
	width:400px;
	float:right;
	text-align:right;
	padding-top:12px;
	padding-right:4px;
	font-size:72%;
}
#submenu a,
#submenu a:visited{
	color:#5a0a00;
	text-decoration:none;
}
#submenu a:hover{
	color:#ffffff;
	text-decoration:none;
}
#globalmenu{
	width:1080px;
	clear:both;
}


/*  中ページ構成　---------------------------------*/

#contents_wrap{
	width:980px;
	padding-bottom:50px;
}
.breadlink{
	font-size:70%;
	padding-bottom:10px;
}
p.totop{
	font-size:12px;
}
p.totop a,.breadlink a, .detail_pagenavi a{color:#0064ff;}
p.totop a:hover,.breadlink a:hover, .detail_pagenavi a:hover{color:#0064ff;}


/*  クラシックスタイルTOP　---------------------------------*/

#contents_wrap h2{
	padding-bottom:30px;
}
#classic_lead{
	width:980px;
	padding-bottom:30px;
}
#classic_lead p{
	font-size:85%;
	padding-bottom:1em;
}
#classic_lead #lead_text{
	float:left;
	width:600px;
}
#classic_lead #pic_right{
	width:350px;
	float:right;
	overflow:hidden;
}
.classic_pics {
	width:980px;
	padding:20px 0;
}
.classic_pics .pic_box{
	width:310px;
	float:left;
	font-size:80%;
	line-height:1.4em;
}
.classic_pics .pic_box p{
	padding-top:10px;
}
.mr24{
	margin-right:24px;
}
p.list_banner{
	margin:20px 0;
	text-align:center;
}
ul.fdclassic_banner li{
padding-bottom:15px;
}


.classic_pics .pic_box img{
	width:100%;
	height:auto;
}
h4.classic_type{
	text-align:center;
	font-size:16px;
	line-height:1em;
	font-weight:bold;
	padding:10px 20px;
	background:url(../img/classic/classic_type_bg.gif) repeat-y;
	margin:auto;
	margin:15px 0 10px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}
p.classic_type_lead{
	font-size:85%;
	padding-bottom:1em;
}



/*  クラシックスタイル　車種別　---------------------------------*/
#contents_wrap h2.fdcar{
	padding-bottom:0px;
}
#classic_lead #carpic_right{
	width:360px;
	float:right;
	overflow:hidden;
}
.lead_text{
	float:left;
	width:540px;
	padding-left:35px;
}


/*　新着車両　横幅980px　---------------------------------*/

.recommend_wrap_full{
	position:relative;
	width:978px;
	background:#ede9ce;
	border:#aa9569 solid 1px;
}

.recommend_wrap_full .carmodel_reco_title{
	background:url(../img/carmodel/h2_soldcar.gif) no-repeat;
	height:30px;
	text-align:center;
}
.recommend_wrap_full .carmodel_reco_title h2{
	font-size:85%;
	color:#ffea5d;
	padding-top:6px;
}
.recommend_wrap_full .carmodel_reco_cell{
	width:153px;
	float:left;
	background:white;
	height:245px;
	margin-top:8px;
	margin-left:8px;
	margin-bottom:8px;
	font-size:70%;
	line-height:1.4em;
}
.recommend_wrap_full .carmodel_reco_cell p.askbtn{
	padding:7px 0 0 7px;
}
.recommend_wrap_full .carmodel_reco_cell .car_pic{
	text-align:center;
	margin-top:7px;
	margin-bottom:5px;
}
.recommend_wrap_full .carmodel_reco_cell dl{
	padding:0 7px;
}
.recommend_wrap_full .carmodel_reco_cell dd{
	border-bottom: 1px solid #d9d9d9;
}
.recommend_wrap_full .carmodel_reco_cell a,
.recommend_wrap_full .carmodel_reco_cell a:visited{
	color:#0078ff;
	text-decoration:none;
}
.recommend_wrap_full .carmodel_reco_cell a:hover,
.recommend_wrap_full .carmodel_reco_cell a:active{
	color:#0078ff;
	text-decoration:underline;
}


/*　販売店舗一覧　横幅980px 　---------------------------------*/

.recommend_wrap_full{
	width:978px;
	position:relative;
	border:#aa9569 solid 1px;
}
.carmodel_reco_title{
	background:url(../img/carmodel/h2_soldcar.gif) no-repeat;
	height:30px;
	text-align:center;
}
.carmodel_reco_title h2{
	font-size:85%;
	color:#ffea5d;
	padding-top:6px;
}

#store_wrap{
	width:886px;
	padding:20px 46px 0;
	background:#FFF;
	font-size:12px;
	line-height:1.3em;
}
#store_wrap .store_list{
	width:154px;
	float:left;
	padding-bottom:30px;
}
#store_wrap .store_list a{
	text-decoration:none;
}
#store_wrap .store_list a.tel{
	text-decoration:underline;
	color:#a05f20;
}
#store_wrap .store_list a.tel:hover{
	text-decoration:none;
}
#store_wrap .store_name{
	color:#006fd4;
	font-size:14px;
	display:block;
	margin-bottom:6px;
}
#store_wrap .category{
	color:#ffffff;
	background:#ff6f00;
	font-size:13px;
	padding:2px 0 1px 5px;
	display:block;
	margin-bottom:6px;
}
#store_wrap .store_anchor:hover .store_name{
	color:#003cff;
}
#store_wrap .store_anchor:hover .category{
	background:#ff4e00;
	color:#fcff00;
}

/*　車種ページへのバナー　*/

#banner_classic1{
	width:350px;
	height:43px;
	font-size:13px;
	text-decoration:none;
	overflow:hidden;
	cursor:pointer;
	text-align:right;
margin-top:5px;
}
#banner_classic,
#banner_classic2{
	width:330px;
	height:43px;
	font-size:13px;
	text-decoration:none;
	overflow:hidden;
	cursor:pointer;
	text-align:right;
margin-top:5px;
}
#banner_classic a,
#banner_classic a:visited,
#banner_classic1 a,
#banner_classic1 a:visited,
#banner_classic2 a,
#banner_classic2 a:visited{
	color:#462505;
	text-decoration:none;
	display:block;
}
#banner_classic a:hover,
#banner_classic1 a:hover,
#banner_classic2 a:hover{
	color:#9a2805;
	text-decoration:none;
}
#banner_classic a,
#banner_classic2 a{
	padding:13px 12px 0 0;
}

#banner_classic1 a{
	padding:11px 16px 0 0;
}

ul.classic_type{
	margin-top:10px;
	display: flex;
	flex-wrap: wrap;
}
ul.classic_type li{
float:left;
width:100px;
height:40px;
font-size:11px; 
text-shadow: 1px 1px 0px #000;  
text-align:center;
background:url(../img/classic/NEW_btn_type_bg.jpg) no-repeat 0 0;
overflow:hidden;
width:24%;
margin:0.5%;
display:block;
cursor:pointer;
letter-spacing:0.05em;
/*
float:left;
width:100px;
height:40px;
font-size:11px; 
text-shadow: 2px 2px 0px #000;  
text-align:center;
background:url(../img/classic/btn_type_bg.jpg?) no-repeat 0 0;
overflow:hidden;
margin-right:5px;
display:block;
cursor:pointer;
letter-spacing:0.05em;
*/
}
ul.classic_type li:hover{
	background:url(../img/classic/NEW_btn_type_bg.jpg?) no-repeat 0 -40px;
}
ul.classic_type li a,
ul.classic_type li a:visited{
	text-decoration:none;
color:#FFFFFF;
	display:block;
	padding:12px 0 0;
}
ul.classic_type li a:hover{
	text-decoration:none;
	display:block;
}

ul.classic_type li.top{
	background:url(../img/classic/NEW_btn_type1_bg.jpg?) no-repeat 0 0px;
}

ul.classic_type li.top:hover{
	background:url(../img/classic/NEW_btn_type1_bg.jpg?) no-repeat 0 -40px;
}


/* ランクル総合 ---------------------------------*/
.banner_classic_lancuru{
	background:url(../img/classic/banner_lancuru_sml.jpg) no-repeat 0 0;
}
.banner_classic_lancuru:hover {
	background:url(../img/classic/banner_lancuru_sml.jpg) no-repeat 0 -43px;
}

/* ランクル100 ---------------------------------*/
.banner_classic_100{
	background:url(../img/classic100/banner_lancuru100_sml.jpg) no-repeat 0 0;
}
.banner_classic_100:hover {
	background:url(../img/classic100/banner_lancuru100_sml.jpg) no-repeat 0 -43px;
}
/* ランクル90 ---------------------------------*/
.banner_classic_90{
	background:url(../img/classic90/banner_lancuru90_sml.jpg) no-repeat 0 0;
}
.banner_classic_90:hover {
	background:url(../img/classic90/banner_lancuru90_sml.jpg) no-repeat 0 -43px;
}
/* ランクル80 ---------------------------------*/
.banner_classic_80{
	background:url(../img/classic80/banner_lancuru80_sml.jpg) no-repeat 0 0;
}
.banner_classic_80:hover {
	background:url(../img/classic80/banner_lancuru80_sml.jpg) no-repeat 0 -43px;
}
/* ランクル70 ---------------------------------*/
.banner_classic_70{
	background:url(../img/classic70/banner_lancuru70_sml.jpg) no-repeat 0 0;
}
.banner_classic_70:hover {
	background:url(../img/classic70/banner_lancuru70_sml.jpg) no-repeat 0 -43px;
}
/* ランクルprado---------------------------------*/
.banner_classic_prado{
	background:url(../img/classic70/banner_lancuruprado_sml.jpg) no-repeat 0 0;
}
.banner_classic_prado:hover {
	background:url(../img/classic70/banner_lancuruprado_sml.jpg) no-repeat 0 -43px;
}
/* ランクル60 ---------------------------------*/
.banner_classic_60{
	background:url(../img/classic60/banner_lancuru60_sml.jpg) no-repeat 0 0;
}
.banner_classic_60:hover {
	background:url(../img/classic60/banner_lancuru60_sml.jpg) no-repeat 0 -43px;
}
/* ランクル126 ---------------------------------*/
.banner_classic_126{
        background:url(../img/classic126/banner_lancuru126_sml.jpg) no-repeat 0 0;
}
.banner_classic_126:hover {
        background:url(../img/classic126/banner_lancuru126_sml.jpg) no-repeat 0 -43px;
}




/* FD-classicハイエース 20181017追記 ---------------------------------*/

.classic_hiace_head{
padding: 0 0 30px;
}
.classic_hiace_lead{
float: left;
line-height: 1.7em;
color: #005c87;
font-size: 95%;
width: 650px;
}
.classic_hiace_lead p{
padding-bottom: 1em;
}
.classic_hiace_head_pic{
float: right;
font-size: 70%;
color: #a1a1a1;
width: 300px;
}
.classic_hiace_head_pic img{
width: 100%;
}


/* FD-classic NEWS記事 20181017追記 ---------------------------------*/

.classic_news_wrap{
font-size: 80%;
margin:20px 0;
text-align: center;
}
.classic_news_cell{
display: inline-block;
vertical-align: top;
width: 305px;
padding: 0;
background: #FFF;
line-height: 1.3em;
margin-bottom:10px;
padding-bottom:10px;
text-align: justify;
}
.classic_news_pic{
float:left;
width:125px;
max-height:118px;
overflow:hidden;
}
.classic_news_pic img{
width:100% !important;
}
.classic_news_txt{
float:right;
width:175px;
}
.classic_news_txt a{
color: #b04200;
text-decoration:underline;
}
.classic_news_txt a:hover{
text-decoration:none;
}
p.classic_news_title{
font-weight:bold;
padding-bottom:3px;
}
p.classic_news_link{
float:right;
margin-bottom:10px;
padding:5px 20px;
background:#613a06;
display:block;
}
p.carmodel_news_link a{
color:#ffffff;
text-decoration:none;
display:block;
}
p.classic_news_link a:hover{
color:#ffffff;
text-decoration:underline;
}
.mr25{
margin-right: 25px;
}
p.carmodel_access_link{
	float:right;
	text-align:center;
	margin-bottom:10px;
	background:#f00707;
	display:block;
}



/* FD-classic  20210309 add ---------------------------------*/

.pic_type{
width: 39%;
float: left;
margin-left: 1%;
box-sizing: border-box;
}
.pic_type_title{
width: 20%;
float: left;
box-sizing: border-box;/*
background: #EFE9CC;*/
height: 254px;
padding-top: 30px;
}

.pic_type img,
.pic_type_title img{
width: 100%;
height: auto;
}

.classic_hiace_copy{
text-align: center;
padding: 20px 0;
line-height: 1.7em;
color: #005c87;
font-size: 95%;
}
img.classic_partation{
vertical-align: middle;
}
/* FD-classic TOP 20210520 add ---------------------------------*/

.fdclassic_top_lead{
width: 600px;
margin: auto;
font-size: 90%;
padding: 30px 0 0;
position: relative;
}
.fdclassic_top_lead_btm{
width: 600px;
margin: auto;
font-size: 90%;
padding:30px 0 60px;
}
.fdclassic_text {
  height: 90px;
  overflow: hidden;
}

.show_more {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 30px;
padding-top: 80px;
text-align: center;
line-height: 30px;
/* Firefox */
background:-moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
/* safari Chrome */
background:-webkit-linear-gradient(271deg, rgba(255, 255, 255, 0) 0%, #ffffff 70%);
/* Opera */
background:-o-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
/* IE */
background:-ms-linear-gradient(271deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
/* IE10, Firefox 16.0+, Opera 12.50+ */
background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,  #fffff 70%);

/* background: linear-gradient(180deg, rgb(255, 255, 255, 0) 0%, rgb(255, 255, 255, 1) 70% );*/

transition: bottom 0.2s;
}
.show_more_btn{
width: 230px;
margin: auto;
  cursor: pointer;
  z-index: 1000;
}
.show_more_btn img{
width: 100%;
height: auto;
}
.imgclose {
display: none;
}
.active {
  background: none;
}

.fdclassic_top_lead h3{
font-size: 140%;
padding-bottom: 0.25em;
margin-top: 1em;
font-weight:600;
color: #AF0002;
}

.fdclassic_top_lead p{
line-height: 1.8;
padding-bottom: 2em;
}
.classic_top_banner_wrap{
width: 100%;
padding: 30px 0;
}
.classic_top_banner{
float: left;
width: 49%;
margin-right: 1%;
}

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

.instagram_wrap{
font-size: 80%;
margin:40px 0;
text-align: center;
}
.instagram_wrap h3{
text-align: center;
width: 100%;
margin-bottom: 18px;
}
#insta_wrap{
width: 100%;
font-size: 0;
text-align: center;
margin-bottom: 10px;
}
ul.instagram li {
display: inline-block;
vertical-align: top;
width: 16%;
margin: 0.3%;
height: 150px;
overflow: hidden;
}
ul.instagram li img {
width: 100%;
height: auto;
}

p.blog_link{
color: #ffffff;
background: #593522;
border-radius: 3px;
padding: 5px 15px;
display: table;
margin: auto;
}
p.blog_link a{
text-decoration: none;
color: #ffffff;
display: block;
}
p.blog_link a:hover{
color: #fff79c;
opacity: 0.8;
}
p.insta_ie{
font-size: 16px;
text-align: center;
}


/*  クラシックスタイル　車種別タイトル　---------------------------------*/
#contents_wrap h2.fdcar{
position: relative;
height: 225px;
}
#contents_wrap h2.fdcar img.fdclassic_title_banner{
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
#contents_wrap h2.fdcar p.fdclassic_title_link{
position: absolute;
top:34px;
left: 41px;
z-index: 2;
}
#contents_wrap h2.fdcar p.fdclassic_title_link a{
display: block;
}


h2.classic_car_main{
position: relative;
height: 320px;
}
h2.classic_car_main img.fdclassic_title_banner{
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
h2.classic_car_main p.fdclassic_title_link{
position: absolute;
top:0;
left: 0;
z-index: 2;
}
h2.classic_car_main p.fdclassic_title_link a{
display: block;
}



/*　2021.06 INSTAGRAM　---------------------------------*/

.instagram_toggle{
display: none;
}
p.instagram_open{
text-align: center;
cursor: pointer;
max-width: 160px;
margin: auto;
}
p.instagram_close{
text-align: center;
display: none;
cursor: pointer;
max-width: 160px;
margin: auto;
padding-top: 1em;
}
p.instagram_open img,
p.instagram_close img{
width: 100%;
height: auto;
}



/* 2022.07 VANLIFE SUPPLY　---------------------------------*/

#vanlifesupply{
}
#vanlifesupply a{
transition: all 0.3s;
}
#vanlifesupply a:hover{
opacity: 0.6;
}
#vanlifesupply .mainpic{
width: 100%;
margin-bottom: 2em;
position: relative;
}
#vls_catch{
background: #000000;
text-align: center;
color: #e09909;
padding: 0.5em 0;
font-weight: bold;
}
#contents_wrap #vanlifesupply .mainpic h2{
padding-bottom: 0;
position: absolute;
    right: 23px;
    bottom: 20px;
    width: 200px;
}
#vanlifesupply  img{
max-width: 100%;
height: auto;
}
.vls_txt{
text-align: center;
background: #FBF9F1;
padding: 1.5em 0;
}
.vls_txt h3{
font-size: 28px;
font-weight: bold;
line-height: 1;
display: table;
padding: 0 0.5em;
margin: 0 auto 1em;
}
.vls_txt p{
line-height: 1.7;
padding-bottom: 1.25em;
font-weight: bold;
}
p.vls_lead{
text-align: center;
line-height: 1.7;
padding-bottom: 1.25em;
font-weight: bold;
}
.vls_txt p.vls_logo{
width: 300px;
margin: auto;
}
.vls_spec h4{
width: 100%;
font-size: 120%;
line-height: 1;
padding: 0.25em 0;
text-align: center;
border: solid 1px #b98d36;
background: #f0d192;
color: #795424;
margin-bottom: 1em;
box-shadow: 0px 2px 4px -1px rgba(110,110,110,0.6);
}
.vls_spec h5{
width: 100%;
font-size: 120%;
line-height: 1;
padding: 0 0 0.25em;
text-align: center;
border-bottom: solid 1px #b98d36;
color: #795424;
margin-bottom: 1em;
box-shadow: 0px 2px 2px -2px rgba(110,110,110,0.6);
}
.vls_slide{
width: 100%;
margin-bottom: 2em;
}
.vls_car{
position: relative;
}
.vls_car_info{
width: 100%;
text-align: center;
font-size: 110%;
background: #FBF9F1;
padding: 1em 0;
margin-bottom: 2em;
}
.vls_option{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 1em;
}
.vls_op_pic{
width: 24%;
margin-bottom: 2%;
font-size: 12px;
}
.vls_op_pic img{
padding-bottom: 0.25em;
}
.vls_option::after {
display: block;
content:"";
width: 24%;
}
.vls_option_note{
font-size: 80%;
text-align: center;
padding: 1em 0 3em;
}
.vls_hr{
margin: 2em 0;
height: 3px;
}
.vanlife_btn{
margin-top: 1em;
}
.vls_bottom{
text-align: center;
padding-bottom: 3em;
}
.vls_bottom table{
width:700px;
border-collapse: collapse;
margin:0 auto 20px;
}
.vls_bottom th{
padding: 4px 2em;
border: solid 1px #b98d36;
background: #f0d192;
color: #795424;
}
.vls_bottom td{
border: solid 1px #b98d36;
padding: 8px 2em;
}
p.vls_price{
color: #e48b00;
font-size: 38px;
line-height: 1.2;
padding-bottom: 0.5em;
}
p.vls_price .vls_sml{
font-size: 60%;
}
p.vls_ask{
color: #e48b00;
font-size: 24px;
line-height: 1.2;
padding-bottom: 0.5em;
text-align: center;
}
.vls_event{
border-top:solid 1px #D1D1D1;
border-bottom:solid 1px #D1D1D1;
padding: 30px 0;
margin-bottom: 3em;
text-align: center;
}
.vls_event h2{
color: #e48b00;
font-size: 32px;
}
#contents_wrap .vls_event h2{
padding-bottom: 15px;
}
.vls_event h3{
font-size: 100%;
font-weight: bold;
}
.vls_event p{
padding-bottom: 2em;
padding-top: 0.5em;
}
.vls_event_link a{
font-size: 95%;
line-height: 2.4em;
}
.vls_event_link img{
width: 1.6em;
padding-right: 0.5em;
margin-left: 1em;
opacity: 0.4;
display: inline-block;
vertical-align: middle;
}
.vls_80{
font-size: 80%;
}
.vls_70{
font-size: 70%;
}
.vls_cancel{
text-align: left;
width: 60%;
margin: auto;
}
.vls_cancel p{
line-height: 2em;
}