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

/*--------------------------------------
　大枠囲み
---------------------------------------*/
#visual {
	width:970px;
	margin:0 auto 0 auto;
}
.h2_ttl {
	padding:7px 0 0 15px;
	font-weight:bold;
	font-size:150%;
	background:url(../images/common/h2_bg.gif) no-repeat left top;
	color:#fff;
	height:30px;
	margin-bottom:35px;
}
.h2_ttl span {
	font-size:70%;
	font-weight:bold;
	margin-left:10px;
	letter-spacing:0.1em;
	border-left:1px dotted #FFF;
	padding-left:10px;
	vertical-align:middle;
}

/*プログラム用*/
.h2_ttl2 {
	border-bottom:1px solid #E4E4E4;
	padding-bottom:35px;
	margin-bottom:35px;
}
.h2_ttl2 h2 {
	border-left:4px solid #c1192c;
	padding-left:20px;
	font-weight:bold;
	border-bottom:1xp solid #CCC;
}
/*↑終了*/

.h2_ttl2 span {
	font-size:90%;
	color:#c1192c;
	font-weight:bold;
	margin-left:20px;
	letter-spacing:0.1em;
}
.h3_ttl {
	font-size:125%;
	font-weight:bold;
	background:url(../images/common/h3_bg.gif) no-repeat left bottom;
	padding:0 0 8px 10px;
	margin-bottom:25px;
}
.h3_ttl_02 {
	color:#FFF;
	font-size:125%;
	font-weight:bold;
	background:#C0182B;
	padding:3px 0 3px 10px;
	margin-bottom:25px;
}
.h4_ttl {
	font-size:125%;
	font-weight:bold;
	border-left:3px solid #BC1E30;
	padding-left:10px;
	margin-bottom:25px;
}
.h4_ttl_02 {
	font-size:125%;
	font-weight:bold;
	border-left:3px solid #BC1E30;
	background:#C0182B;
	padding:3px 0 3px 10px;
	color:#FFF;
	margin-bottom:25px;
}
.h4_ttl span,.h4_ttl_02 span {
	font-size:85%;
}
input {
	font-family:Arial,Helvetica,sans-serif;
	padding:5px;
	vertical-align:middle;
}
#main .box {
	margin-bottom:40px;
}

#tenjisya li {
  display: inline-block;
  float:left;
}

/*--------------------------------------
　車両紹介
---------------------------------------*/
.car_type .section {
	margin-bottom:30px;
}
.car_type .section h4 {
	font-size:120%;
	font-weight:bold;
	background:url(../images/common/h4_bg.gif) left bottom;
	padding-left:10px;
	margin-bottom:25px;
}
.car_select {
	margin-right:-8px;
	width:738px;
}
.car_select .car_section {
	float:left;
	margin:0 7px 10px 0;
}
.car_section p{
	line-height:160%;
}
.car_select .car_section a:link {
	border:1px solid #e8e8e8;
	border-radius: 3px;
	padding:6px 6px 0 6px;
	display:block;
	text-decoration:none;
	color:#505050;
}
.car_select .car_section a:visited {
	border:1px solid #e8e8e8;
	border-radius: 3px;
	padding:6px 6px 0 6px;
	display:block;
	text-decoration:none;
	color:#505050;
}
.car_select .car_section a:hover {
	border:1px solid #C0182B;
}
.car_select .car_section .car_name {
	font-size:90%;
	text-align:center;
	text-decoration:none;
}
.caution {
	font-size:90%;
}
.caution2 {
	font-size:95%;
	color:#BC1E30;
	margin-bottom:20px;
}

/*--------------------------------------
　展示車情報
---------------------------------------*/
.group_car .section {
	margin-bottom:20px;
}
.group_car .section .left {
	float:left;
	margin-right:20px;
	border:1px solid #dedede;
	border-radius: 3px;
	padding:6px;
}
.group_car .section .right {
	float:right;
	width:520px;
}
.group_car .section .right .inner {
	margin-bottom:10px;
}
.group_car .section .right .inner .logo {
	float:left;
}
.group_car .section .right .inner .test_car {
	float:right;
	font-weight:bold;
	color:#FFF;
	background:#c0182b;
}
.group_car .section .right .inner .test_car .yoyaku {
	background:url(../images/exhibition/test_car_bg.gif) no-repeat 8px center;
	padding:0 10px 0 20px;
	font-size:90%;
}
.table_car_product th {
	font-weight:bold;
	background:#e7e7e7;
	border-right:1px solid #FFF;
}
.table_car_product th,.table_car_product td {
	padding:5px 15px 5px 15px;
}
.yoyaku a:link {
	color:#FFF;
	text-decoration:none;
}
.yoyaku a:visited {
	color:#FFF;
	text-decoration:none;
}
.yoyaku a:hover {
	color:#FFF;
	text-decoration:none;
}

/*-------PC----------*/
@media screen and (min-width:960px) {
 .section {
	height:300px;
	}
}


/*--------------------------------------
　展示車　トップ
---------------------------------------*/

/*-------PC----------*/
@media screen and (min-width:960px) {
.tenji_box2{
	width:20%;
	float:left;
	}
.tenji_box_title{
	background-color:#eec12c;
	padding: 0.2em;
	border-radius: 35px;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	}
	
.tenji_box_title_u{
	margin-bottom:1em;
	}

.shijo_box_title{
	border: solid 2px #eec12c;
    padding: 0.2em;
    border-radius: 35px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    font-weight: bolder;
	}

.table_car_product_2{
	width: 80%;
	margin: 0 auto;
	line-height: 1.5em;
	margin-top: 1em;
	font-size: 0.8em;
	}
	
.tenji_box2 img{
	width:80%;
	max-height: 100%;
	}

.tenji_box2 p{
	height:137px;
	}

.tenji_top iframe{
	height:3em;
	}
}


/*-------SP----------*/
@media screen and (max-width:960px) {
.tenji_box2{
	width:100%;
	float:left;
	
	}
.tenji_box_title{
	background-color:#eec12c;
	padding: 0.2em;
	border-radius: 35px;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	font-weight: bolder;
	}
	
.shijo_box_title{
	border: solid 2px #eec12c;
    padding: 0.2em;
    border-radius: 35px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
	}
	
.table_car_product_2{
	width: 80%;
	margin: 0 auto;
	line-height: 1.5em;
	margin-top: 1em;
	font-size: 0.9em;
	}
	
.tenji_box2 img{
	width:80%;
	max-height: 100%;
	}
	
.tenji_box2 p{
	height: 35vw;
	width: 50%;
	float: left;
	}

	
.tenji_box{
	float:left;
	width:50%;
	}
}



/*--------------------------------------
　ユーザーボイス
---------------------------------------*/
.voice_list {
	width:742px;
	margin-right:-12px;
}
.voice_list .section {
	float:left;
	width:211px;
	margin:0 12px 20px 0;
	border:2px solid #dedede;
	border-radius: 3px;
	padding:5px 10px 10px 10px;
}
.voice_list .section h3,.voice_detail h3 {
	font-weight:bold;
}
.voice_list .section dl dt {
	font-weight:bold;
	color:#C31327;
	font-size:120%;
	margin-bottom:10px;
}
.voice_list .section dl dt span {
	font-size:80%;
	font-weight:normal;
}
.voice_list a:link {
	color:#C31327;
	text-decoration:none;
}
.voice_list a:hover {
	color:#C31327;
	text-decoration:underline;
}

/*--------------------------------------
　ユーザーボイス詳細
---------------------------------------*/
.voice_detail {
	margin:0 12px 20px 0;
	border:2px solid #dedede;
	border-radius: 3px;
	padding:5px 10px 10px 10px;
}
.voice_detail .left {
	float:left;
}
.voice_detail dl dt {
	font-weight:bold;
	color:#C31327;
	font-size:120%;
	margin-bottom:10px;
}
.voice_detail dl dt  span {
	font-size:80%;
	font-weight:normal;
}
.return_box {
	float:right;
	font-weight:bold;
	color:#FFF;
	background:#c0182b;
}
.return {
	background:url(../images/exhibition/test_car_bg.gif) no-repeat 8px center;
	padding:0 10px 0 20px;
	font-size:90%;
}
.return_box a:link {
	color:#FFF;
	text-decoration:none;
}
.return_box a:hover {
	color:#FFF;
	text-decoration:underline;
}

/*--------------------------------------
　店舗案内
---------------------------------------*/
#main.store .section {
	margin-bottom:40px;
}
.map {
	border:1px solid #E4E4E4;
	padding:4px;
}

/*--------------------------------------
　FAQ
---------------------------------------*/
.accordion dt {
	padding:15px 0 15px 0;
}
.accordion dd {
	padding:0 0 15px 30px;
	background:url(../images/faq/icon_a.gif) no-repeat 5px 5px;
}
.accordion .accordion_head {
	cursor:pointer;
	border-top:1px dotted #CCC;
	background:url(../images/faq/icon_q.gif) no-repeat 5px center;
	padding-left:30px;
}


/*--------------------------------------
　お電話でお問合せ
---------------------------------------*/
.contact_tel {
	background:url(../images/common/contact_page_bk.gif) no-repeat 5px center;
	float: left;
	display: inherit;
	padding-top: 50px;
}

.contact_tel_left{
	float: left;
	width: 350px;
	height: 391px;
	margin-right: 8px;
}

.tel_left {
    padding: 99px 0px 0px 50px;
}

.tel_right {
    padding: 99px 0px 0px 50px;
}

.contact_tel_right {
    float: right;
    width: 350px;
    height: 566px;
    }

#contact_blank{
	padding:40px 0px 0px 20px;
	}
	
#contact_blank h2{
	font-size: 1.8em;
	margin-bottom:30px;
	}

.contact_tel_1{
	padding-left:30px;
	}

.tel_1{
	font-size:1.8em;
	line-height:1.5em;
	}
	
.tel_2{
	font-size:5em;
	color:#444444;
	line-height:1.5em;
	font-weight: bold;
	}
	
.tel_3{
	padding:30px;
	margin:30px 35px 0px 0px;
	font-size:1.8em;
	color:#f00d18;
	line-height:1.5em;
	border:solid 1px;
	}







/*--------------------------------------
　カーリース
---------------------------------------*/

#contents_lease{
	text-align:center;
}

.gradient1 btnarrow1{
	color:#ffffff;
}

.contebox_back2 {
	background:#ffe9e1;
	margin-top:2em;
	overflow: hidden;
	}

.gradient1{
    /*ボタンの形状*/
    display: inline-block;
    color:#fff;
    font-size:2em;
    font-weight:bold;
    letter-spacing: 0.2em;
    padding: 18px 60px;
    border-radius:41px;
    text-decoration: none;
    outline: none;
    /*背景の色と形状*/
    background: linear-gradient(270deg, #ff2020 0%, #ff7800 25%, #ff7800 51%, #ff2020 100%);
    background-position: 1% 50%;
    background-size: 200% auto;
    /*アニメーションの指定*/
    transition: all 0.3s ease-out;
  	border: 2px solid #ffffff;
     box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.3);
     transition: ease .2s;
     position: relative;
     margin: 60px 20px;
}

.contebox_back1 a:link {
	color:#fff;
	text-decoration:none;
}

.input{
	margin:1.5em 0em;
}

.contact_text{
	font-size:16px;
	line-height: 2em;
	margin-bottom:2em;
}

.gradient2{
    display: inline-block;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding: 4px 17px;
    border-radius: 41px;
    text-decoration: none;
    outline: none;
    background: linear-gradient(
270deg, #ff2020 0%, #ff7800 25%, #ff7800 51%, #ff2020 100%);
    background-position: 1% 50%;
    background-size: 200% auto;
    transition: all 0.3s ease-out;
    border: 2px solid #ffffff;
    box-shadow: 0px 4px 10px -2px rgb(0 0 0 / 30%);
    transition: ease .2s;
    position: relative;
    margin: 7px 0px;
}


.contents_01_con_hr{
	color: #fff;
    font-size: 2em;
    text-align: center;
    background: #e87c57 repeat left top;
    line-height:2em;
    margin-bottom:20px;
}


.contents_01_con{
	text-align:left;
}

.contents_01_con ul li {
	list-style-type: circle;
	margin-left:18px;
}


/* 矢印が右に移動 */

.btnarrow1::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
  position: absolute;
    top:42%;
    right: 29px;
    /*矢印の形状*/
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    /*アニメーションの指定*/
    transition: all .2s;
}

/*hoverした際の移動*/
.btnarrow1:hover::after{
    right: 11px;
}


/*hoverした際の、背景の場所とテキスト色の変更*/
.gradient1:hover {
    color: #fff;
    background-position: 99% 50%;
	box-shadow: 0 0 rgba(0, 0, 0, .3);
}

.gradient2:hover {
    color: #fff;
    background-position: 99% 50%;
	box-shadow: 0 0 rgba(0, 0, 0, .3);
}

.tp-item-box-name{
	font-weight: bold;
	font-size:1.2em;
}


@media screen and (min-width: 992px) {
	#contents_01{
	width: 980px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 24px;
	}
	
	.tp-item-list{
	width:980px;
	margin: 0 auto 30px;
	text-align:center;
	padding: 5em 0em 12em 0em;
	overflow: hidden;
	}
	
	.tp-item-list li{
	float:left;
	margin:0.5em;
	width:160px;
	padding:10px;
	background-color:#ffffff;
	}
	
	.tp-item-list li img{
	width:100%;
	}
	
	.carlease_left{
	float:left;
	width:46%;
	margin:10px;
	text-align:left;
	}
	.carlease_left img{
	width:100%;
	}
}

.page-products article .tp-item-price {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    }
    
.tp-item-price-num{
	color: #e50021;
	font-weight: bold;
	font-size: 21px;
	margin-left: 4px;
}
.tp-item-price-text{
	color: #919191;
}


@media screen and (max-width: 992px) {
	.carlease_left{
	width:100%;
	float:left;
	text-align:left;
	padding:10px;
	}


	#contents_01{
	width:100%;
	}
	#contents_lease{
	width:100%;
	}

	#contents_lease img{
	width:100%;
	}
	
	.tp-item-list li{
	float:left;
	width:43%;
	margin:0.2em;
	padding:10px;
	background-color:#ffffff;
	}
	
	.tp-item-list{
	width:100%;
	margin: 1em;
	text-align:center;
	overflow: hidden;
	}
}


 .page-products article .tp-item-list > li {
    position: relative;
    -ms-flex-preferred-size: 185px;
    flex-basis: 185px;
    max-width: 185px;
    margin-right: 17px;
    margin-bottom: 30px;
    padding: 1px;
    border-radius: 8px;
    border: 1px solid #e3e3e3;
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);
    box-sizing: border-box;
    }


/*--------------------------------------
　その他共通
---------------------------------------*/
/*テーブル*/
.table_01 {
	margin-bottom:20px;
	
}
.table_01 th,.table_01 td {
	border-bottom:1px dotted #dfdfdf;
	padding:13px 15px 13px 15px;
	text-align: left;
}
.table_01 th {
	font-weight:bold;
	border-right:1px dotted #E4E4E4;
	background:#f2f2f2;
}
.table_02 {
	margin-bottom:20px;
}
.table_02 th,.table_02 td {
	border:1px solid #dedede;
	padding:13px 5px 13px 5px;
	text-align:center;
}
.table_02 th {
	font-weight:bold;

	background:#f2f2f2;
}

/*全角・半角*/
.zenkaku {
	ime-mode: active;
	border:1px solid #dfdfdf;
    border-radius: 2px;        /* CSS3草案 */  
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px;   /* Firefox用 */ 
}
.hankaku {
	ime-mode: inactive;
	border:1px solid #dfdfdf;
    border-radius: 2px;        /* CSS3草案 */  
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px;   /* Firefox用 */ 
}

/*スペース設定*/
.mb20 {
	margin-bottom:20px;
}

/*共通リンク（個別リンク設定は各ページのスタイル箇所に記載）*/
.other_list a:link,.accordion a:link ,.faq-list a:link{
	color:#C0182B;
	text-decoration:none;
}
.other_list a:hover,.accordion a:hover ,.faq-list a:link{
	color:#C0182B;
	text-decoration:underline;
}

/*寄せ*/
.align_center {
	text-align:center;
}
.right {
	float:right;
}
.font_micro {
	font-size:80%;
}
.color_red {
	color:#BC1E30;
}

/*QA・メンテナンス情報追加*/
.faq-list {
	margin:0 0 30px;
	border:2px solid #dedede;
	border-radius: 3px;
	padding:10px 0 10px 20px;
	overflow:hidden;
	font-size:120%;
}
.faq-list li {
	float:left;
	width:200px;
	margin-left:20px;
	list-style: url(../images/faq/icon_arrow.gif) ;
}


.attention {
	margin:0 0 30px;
	border:2px solid #dedede;
	border-radius: 3px;
	padding:10px 20px 10px 20px;
	font-size:120%;
}
.normal_teigi dt {
	font-weight:bold;
}
.sbox p {
	margin-bottom:10px;
}
.imgBox img{
width:490px;
height:auto;
}