/* CSS Document */
body {
	background-image: url(../../../common/images/bodyBack.png);
    
}
#contents{
	margin:0px 0px 20px;
}
#rss_tab{
	padding:0 0 0 3%;
	margin:10px 0 0 ;
}
#rss_tab li{
	width:100%;
	height:40px;
	position:relative;
    text-align: center;
    font-size: 20px;
    font-weight: bold
}
/* ニュース */
#news_disp ul li{
    width: 96%;
    margin: 0 auto;
    border-bottom:1px solid#c6c6c6;
    padding:5px 3px;
}
.newsTT{
	line-height:21px;
	margin: 6px 0 0;
	background-position:3px center;
	background-size:5px;
	background-repeat:no-repeat;
	padding: 0 0 0 0px;
}
.newIcon{
	width:35px;
	height:21px;
	display:block;
	float:left;
	margin:0 8px 0 0;
}
.ichiranBt{
	margin:5px 5px 0;
}
#news_disp ul li  span {
    color: #fff !important;
    background-color: #301209;
    padding: 2px 10px;
    border-radius: 3px;
    font-size: 13px;
    margin:  0 0px 0 0;
}

#news_disp ul li  a {
    text-decoration: none;
    margin: 5px 0 0;
}


.ichiranBt {
    display: block;
    width: 220px;
    height: 35px;
    line-height: 35px;
    color: #fff !important;
    background-color: #301209;
    text-align: center;
    margin: 30px auto 0;
    font-weight: 700;
    font-size: 15px;
    border-radius: 18px;
    text-decoration: none;
}




/* イベント・キャンペーン */
#event_disp{
	display: none;
	position:relative;
}
#event_disp ul li{
	border-bottom:2px dotted #c6c6c6;
	padding:5px 3px;
}
#event_disp ul li h3{
	padding:3px;
	background-color:#efebdd;
	margin:0 0 8px;
	font-size:14px;
	
}
.event_img {
	float:left;
	margin:0 5px 0 0;

}
.event_img img{
	padding:2px;
	border:1px solid #dbdbdb;
}
#pick_up{
	margin:5px 0 0 0px;
	position:relative;
	z-index:999;
}
/* カーラインアップ */
#pick_up li{
	background-image:url(../images/pick_up_bck.gif);
	background-repeat:repeat-y;
	background-position:right top;
	width:130px;
	padding:5px;
}
@media screen and (max-width: 320px){
	#pick_up li{
		width:150px;
		padding:5px;
	}
	
}
#pick_up li .store_NM{
	background-color:#ff9600;
	color:#FFF;
	padding:2px;
	margin:3px 0 0 0;
}
#pick_up li .Icon{ position:absolute; top:0; left:10px;}
#pick_up_data{
	margin:3px 0 0 0;
}
#pick_up li .price{ font-size:17px; margin-left:5px; margin-right:3px;color:#ff5069;}


/* 納車式 */
#nousya_disp{
	position:relative;
	border:2px dashed #e63e4c;
	padding:2px;
	margin:10px 2px;
}
#noushaTT{
	background-color:#e63e4c;
	height:35px;
	line-height:35px;
	color:#FFF;
	font-size:14px;
	text-align:center;
	text-shadow:1px 1px 0 #8a111b;
}
#nousya_disp ul{
	display:block;
}
#nousya_disp li{
	padding:2px;
}
.nousha_img{
	width:40%;
	float: left;
}
.nousha_img img{
	padding:2px;
	border:1px solid #dbdbdb;
}
.nousha_txt{
	width:56%;
	float: right;
}
.nousha_txt p{
	margin:2px 0 0;
}
#banner_half{
	text-align:center;
}
#banner_half a{
	width:48%;
	display:inline-block;
}


#lineLink {
	position: relative;
	background-size: cover !important;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}

#lineLink ul {
	position: absolute;
	width: 100%;
	bottom:20px;
}

#lineLink li {
	display: inline-block;
	width: 40%;
	margin: 0 1%;
	height: 30px;
}
#lineLink li a {
	display:block;
	width: 100%;
	text-decoration: none;
	height: 100%;
	background-color: #331402;
	border-radius: 5px;
	line-height: 30px;
	color: #fff;
}



.car-list {
    background-image: url(../images/car-list-bk.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 30px 0;
    margin: -10px auto 0;
    text-align: center;
}

.car-list h2 {
    text-align: center;
}



.loan-list {
    background-image: url(../images/loan-back.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 15px 0;
    text-align: center;
}

.loan-list  a {
    margin: 10px auto;
    display: block;
}
.loan-list li:first-child {
    margin-bottom: 30px
}


/**************************************************
    +flyer
**************************************************/
.flyer {
    margin: 35px auto ;
    position: relative;
    padding: 0 10px 20px;
}
.flyer-link {
    display: block;
    height: 35px;
    line-height: 35px;
    color: #fff !important;
    background-color: #301209;
    text-align: center;
    margin: 20px auto 0;
    font-weight: 700;
    font-size: 13px;
    border-radius: 20px
}
.flyer-nanako {
    position: absolute;
    right: 0;
    bottom: 0
}
.flyer-img{
	display:flex;
	justify-content:center;
}
.flyer-img  li {
	width: 49%;
}
.flyer-img figure{
    height: 115px;
    overflow: hidden;
}
.flyer-img  li:first-child {
}


#plan01-animation {
	box-sizing: border-box;
	padding: 25px 0 50px;
	min-height: 427px;
	position: relative;
	width: 100%;
	background-image: url(../images_new/slide-01/slid-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	transition: .3s all;
	/* margin: -5px 0 0; */
}
#plan-comi01-text{
	text-align: center	
}
#plan-comi01 {
	text-align: center
}
#plan-comi01-woman {
	position: absolute;
	top: 194px;
	right: 0;
}
#tanto {
	position: absolute;
	bottom: 10px;
	left: 50px;
}
#wagonR {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

@media screen and (max-width:376px) {
	#tanto {
		position: absolute;
		bottom: 10px;
		left: 20px;
	}
}

@media screen and (max-width:321px) {
	#plan01-animation {
		min-height: 420px;
	}
	#plan-comi01 img {
		width: 80%;
	}
	#plan-comi01-woman {
		position: absolute;
		top: 160px;
		right: 0;
	}
	#plan-comi01-woman img {
		width: 120px;
	}
	#tanto {
		position: absolute;
		bottom: 10px;
		left: 0px;
	}
	#wagonR {
		position: absolute;
		bottom: 0px;
		right: 0px;
	}
}

#plan02-animation {
	width: 100%;
	background-image: url(../images_new/slide-02/slid-2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	transition: .3s all;
	box-sizing: border-box;
	padding: 29px 0 15px;
	min-height: 429px;
	position: relative;
}
#plan-comi02-text {
	text-align: center
}
#plan-comi02 {
	margin: 0 auto 30px;
	text-align: center;
}
#plan-comi02-woman {
    position: absolute;
    bottom:0px;
    left: 0;
}

@media screen and (max-width:321px) {
	#plan-comi02 img {
		width: 80%;
	}
	#plan02-animation {
		min-height: 420px;
	}
}



/**************************************************
    +LINE
**************************************************/
#line {
    height: 120px;
    width: 100%;
    background-color: #009b21;
    box-shadow: 0 5px 15px rgba(0,0,0,0.4);
    padding: 25px 0 10px;
    text-align: center;
    margin: -20px 0 40px; 
}

#line ul {
    padding: 24px 0 0 0;
}

#line ul li {
    display: inline;
    margin: 0 4px;
}

#line ul li a {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 14px 13%;
    background-color: #00b900;
    border-radius: 6px;
    box-shadow: 0 2px rgba(255,255,255,0.5) inset, 0 4px rgba(0,0,0,0.3);
    text-decoration: none;
}

@media screen and (min-width: 667px) {
    #line {
        height: 200px;
    }
}
@media screen and (min-width: 1366px) {
    #line {
        height: 240px;
    }
}



/**************************************************
    +plan-detail-left
**************************************************/
.plan-detail  {
	/* background-image:  url(../images_new/comi-point/all.jpg); */
	background-size: 103%;
	/* background-position: left top; */
}

#plan-detail-left {
	padding: 27px 0 60px;
	text-align: center;
	position: relative;
	background-size: 100%;
	background-image:  url(../images_new/comi-point/all_1.png);
	background-position: center bottom;
}
#left-inner {
}
#left-inner  p:first-child{
    font-size: 33px;
    margin: 00 0px;
    text-align: center;
    font-weight: bold;
    color: #301209;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
#left-inner ul {
    text-align: center;
}
#left-inner li {
	display: inline-block;
	text-align: center;
	width: 31%
}
#left-inner li img {
	width: 90%;
	height: auto;
}
#left-inner  p:last-child{
    font-size: 23px;
    margin: 13px 0 0px;
    text-align: center;
    color: #301209;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-weight: bold
}
#left-inner  p:last-child span {
    font-size: 30px;
}


/**************************************************
    +plan-detail-right
**************************************************/
#plan-detail-right {
	padding: 58px 0 20px 0px;
	position: relative;
	background-image: url(../images_new/comi-point/all_2.png);
	background-position: center top;
	margin: -71px 0 0;
}
#komi-list li {
    font-size: 18px;
    color: #fff;
    margin: 0 auto 10px;
    line-height: 44px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
#komi-list li img {
    vertical-align: middle;
    padding: 0 10px 0 0;
}
.list-arrow {
    position: absolute;
    bottom: 30px;
   right: 20px;
}
.list-arrow  img {
	width: 137px;
}
.nousha_map{
	text-align: center;
}
.nousha_map img{
	width: 144px;
	max-width: 100%;
}
@media screen and (max-width:321px) {
	.list-arrow {
		position: absolute;
		bottom: 10px;
	   right: 10px;
	}
}

.top_link {
    display: flex;
    flex-wrap: wrap;
    padding:5px;
    justify-content: space-around;
    margin: 9px auto 30px;
    max-width: 530px;
}
.top_link a{
    width: 49%;
}