@charset "utf-8";

/* --------------------------------------------------------------------------------
	index-device
-------------------------------------------------------------------------------- */
#index{
	color:#333333;
	
}
.sp-block{
	display:block;
}


/* --------------------------------------------------------------------------------
	メインスライダー
-------------------------------------------------------------------------------- */
.flex-control-nav li{
	padding:1vw;
}

.parts-slider-main {
    margin-top: -32vw;
    padding: 32vw 0 3vw;
	overflow: hidden;
}


.parts-slider-main #slider-sp .flex-control-paging {
	height: 2vw;
	position: absolute;
	bottom: -3vw;
}
.parts-slider-main #slider-sp .flex-control-paging li {
	padding: 0 0.5vw;
}
.parts-slider-main #slider-sp .flex-control-paging li a {
	width: 2vw;
	height: 2vw;
	box-shadow: none;
	background: #ebf0f2;
}
.parts-slider-main #slider-sp .flex-control-paging li a.flex-active {
	background: #f1673f;
}

/********** お知らせ **********/
#index .announce{
	margin:0 3vw;
}

/********** トップ上部バナー **********/
#index .top-up-bnr{
	margin:1vw 3vw;
}


/********** 新着情報 **********/
#index .parts_news{
	padding: 6vw 2vw 13vw;
}
#index .parts_news h2{
	margin: 0 0 4vw;
	padding: 0 0 2vw;
	border-bottom: solid 2px #113a57;
	text-align: center;
	font-size: 5.6vw;
	font-weight:normal;
}
#index .parts_news .parts_news-box ul{
	margin:0 1vw 6vw;
}
#index .parts_news .parts_news-box ul li a{
	display:flex;
	margin: 0 0 6vw;
}
#index .parts_news .parts_news-box ul li .eye-catch-image {
    width: 60%;
    padding: 0 4% 0 0;
}
#index .parts_news .parts_news-box ul li .desc-box {
    width: 56%;
}
#index .parts_news .parts_news-box ul li .datetime {
    font-size: 3.2vw;
    color: #959595;
    font-weight: 600;
}
#index .parts_news .parts_news-box ul li .title {
    /* font-size: 4.2vw; */
    font-weight: 600;
}
#index .parts_news .parts_news-box ul li .desc{	
    font-size: 3.8vw;
	display:none;
}

/* NEWマーク */
#index .parts_news .desc-box .mark-new{
	margin: 0 1em 0 0;
	padding: 0.2vw;
	font-weight: bold;
	color: #fff;
	background: #f1673f;
}

/* もっと見る */
#index .parts_news .btn-staffblog a{
	display: block;
	width: 75%;
	margin: 0 auto;
	padding: 4vw 0;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size:3.8vw;
	background: #113a57 url(../images/index/icon-arr.png) no-repeat 95% 50%;
}


/********** 新着アイテム **********/
#index .new-item{
	padding: 6vw 2vw 8vw;
}
#index .new-item h2{
	display: flex;
	align-items: center;
	
	margin: 0 auto 4vw;
	padding: 0 0 2vw;
	border-bottom: solid 2px #113a57;
	text-align: center;
	font-size: 5.6vw;
}

#index .new-item h2 .heading-box{
	display: flex;
	align-items: center;
	margin: 0 auto;
}
#index .new-item h2 .heading-box .icon{
	display: block;
	margin: 0 22px 0 0;
	padding: 3px;
	font-weight: bold;
	font-size: 3vw;
	color: #fff;
	background: #f1673f;
}

#index .new-item .new-item-box ul{
	display: flex;
	flex-wrap: wrap;
	margin:0 1vw;
}
#index .new-item .new-item-box ul li{
	width: 48%;
	margin: 0 4% 5% 0;
	background: #ebf0f2;
}
#index .new-item .new-item-box ul li:nth-child(2n){
	margin: 0 0 5%;
}
#index .new-item .new-item-box ul li a{
	display: block;
	text-decoration: none;
}
#index .new-item .new-item-box ul li img{
	display: block;
}
#index .new-item .new-item-box ul li .item-data{
	display: block;
	padding: 2vw;
}
#index .new-item .new-item-box ul li .label{
	display: block;
	padding: 0 0 1vw;
	font-size:3.8vw;
}
#index .new-item .new-item-box ul li .price{
	display: block;
	text-align: right;
	color: #cc0000;
	font-size:3.8vw;
}
#index .new-item .new-item-box ul li .price .price-tax{
	font-size:3.2vw;
}




/********** ランキング **********/
#index .ranking{
	padding: 6vw 2vw 13vw;
}
#index .ranking h2{
	margin: 0 0 4vw;
	padding: 0 0 2vw;
	border-bottom: solid 2px #113a57;
	text-align: center;
	font-size: 5.6vw;
	font-weight:normal;
}

#index .ranking .ranking-box ul{
}
#index .ranking .ranking-box ul li{
	padding:3vw 2vw;
}
#index .ranking .ranking-box ul li:nth-child(odd){
	background:#ebf0f2;
}
#index .ranking .ranking-box ul li a{
	display:flex;
	align-items: flex-start;
    width: 90%;
    margin: 0 0 0 10%;
}
#index .ranking .ranking-box ul li img {
    width: 40%;
    padding: 0 4% 0 0;
	display:block;
}
#index .ranking .ranking-box ul li .item-data {
    width: 56%;
}
#index .ranking .ranking-box ul li.no1{
	position:relative;
}
#index .ranking .ranking-box ul li.no1::before{
	content:"";
	background: url(../images/index/icon-rank1.png) no-repeat;
	background-size:100%;
	width:7vw;
	height:6vw;
	position:absolute;
	top:3vw;
	left:2vw;
}
#index .ranking .ranking-box ul li.no2{
	position:relative;
}
#index .ranking .ranking-box ul li.no2::before{
	content:"";
	background: url(../images/index/icon-rank2.png) no-repeat;
	background-size:100%;
	width:7vw;
	height:6vw;
	position:absolute;
	top:3vw;
	left:2vw;
}
#index .ranking .ranking-box ul li.no3{
	position:relative;
}
#index .ranking .ranking-box ul li.no3::before{
	content:"";
	background: url(../images/index/icon-rank3.png) no-repeat;
	background-size:100%;
	width:7vw;
	height:6vw;
	position:absolute;
	top:3vw;
	left:2vw;
}
#index .ranking .ranking-box ul li.no4{
	position:relative;
}
#index .ranking .ranking-box ul li.no4::before{
	content:"";
	background: url(../images/index/icon-rank4.png) no-repeat;
	background-size:100%;
	width:7vw;
	height:6vw;
	position:absolute;
	top:3vw;
	left:2vw;
}
#index .ranking .ranking-box ul li.no5{
	position:relative;
}
#index .ranking .ranking-box ul li.no5::before{
	content:"";
	background: url(../images/index/icon-rank5.png) no-repeat;
	background-size:100%;
	width:7vw;
	height:6vw;
	position:absolute;
	top:3vw;
	left:2vw;
}
#index .ranking .ranking-box ul li.no6{
	position:relative;
}
#index .ranking .ranking-box ul li.no6::before{
	content:"";
	background: url(../images/index/icon-rank6.png) no-repeat;
	background-size:100%;
	width:7vw;
	height:6vw;
	position:absolute;
	top:3vw;
	left:2vw;
}
#index .ranking .ranking-box ul li.no7{
	position:relative;
}
#index .ranking .ranking-box ul li.no7::before{
	content:"";
	background: url(../images/index/icon-rank7.png) no-repeat;
	background-size:100%;
	width:7vw;
	height:6vw;
	position:absolute;
	top:3vw;
	left:2vw;
}
#index .ranking .ranking-box ul li.no8{
	position:relative;
}
#index .ranking .ranking-box ul li.no8::before{
	content:"";
	background: url(../images/index/icon-rank8.png) no-repeat;
	background-size:100%;
	width:7vw;
	height:6vw;
	position:absolute;
	top:3vw;
	left:2vw;
}
#index .ranking .ranking-box ul li.no9{
	position:relative;
}
#index .ranking .ranking-box ul li.no9::before{
	content:"";
	background: url(../images/index/icon-rank9.png) no-repeat;
	background-size:100%;
	width:7vw;
	height:6vw;
	position:absolute;
	top:3vw;
	left:2vw;
}
#index .ranking .ranking-box ul li.no10{
	position:relative;
}
#index .ranking .ranking-box ul li.no10::before{
	content:"";
	background: url(../images/index/icon-rank10.png) no-repeat;
	background-size:100%;
	width:7vw;
	height:6vw;
	position:absolute;
	top:3vw;
	left:2vw;
}
#index .ranking .ranking-box ul li .price{
	display: block;
	text-align: right;
	color: #cc0000;
}



/********** カテゴリーで探す・車種で探す **********/
#index .category-syasyu{
	margin: 0 0 8vw;
	padding: 6vw 2vw 3vw;
	background: #ebf0f2;
}
#index .category-syasyu h2{
	margin: 0 0 4vw;
	padding: 0 0 2vw;
	border-bottom: solid 2px #113a57;
	text-align: center;
	font-size: 5.6vw;
	font-weight:normal;
}
#index .category-syasyu h3{
	margin: 0 auto 4vw;
	padding: 1vw 1.5vw;
	font-weight: bold;  
	font-size: 4.2vw;
	border-left: solid 5px #3fa9f5;
	color: #fff;
	background: #113a57;
}
#index .category-syasyu .category .category-box{
	padding: 0 0 2vw;
}

/* カテゴリー */
#index .category-syasyu .category{
	padding: 0 0 11vw;
}
#index .category-syasyu .category ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin:0 1vw;
}
#index .category-syasyu .category ul li{
	width: 31%;
	margin:0 0 6vw;
}
#index .category-syasyu .category ul li a{
	display: block;
	text-align: center;
}
#index .category-syasyu .category ul li img{
	width:100%;
}

/* 車種で探す */
#index .category-syasyu .syasyu ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin:0 1vw;
}
#index .category-syasyu .syasyu ul li{
	width: 48%;
	margin:0 0 6vw;
}
#index .category-syasyu .syasyu ul li a{
	display: block;
	text-align: center;
}
#index .category-syasyu .syasyu ul li a img{
	display: block;
	margin: 0 0 1vw;
}



/********** ブランドで探す **********/
#index .brand{
	margin:0 2vw;
	padding: 0 0 10vw;
}
#index .brand h2{
	margin: 0 0 6vw;
	padding: 0 0 2vw;
	border-bottom: solid 2px #113a57;
	text-align: center;
	font-size: 5.6vw;
	font-weight:normal;
}
#index .brand ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
	margin:0 1vw 2vw;
}
#index .brand ul li{
	width: 48%;
	margin: 0 0 6vw;
}
#index .brand ul li a{
	display: block;
	text-align: center;
}
#index .brand ul li a img{
	display: block;
	border:1px solid #bdccd4;
    margin: 0 0 1vw;
}
#index .brand .btn-other a{
	display: block;
	width: 75%;
	margin: 0 auto;
	padding: 4vw 0;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size:3.8vw;
	background: #113a57 url(../images/index/icon-arr.png) no-repeat 95% 50%;
}
/* もっと見る */
#index .brand .btn-brand a{
	display: block;
	width: 75%;
	margin: 0 auto;
	padding: 4vw 0;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size:3.8vw;
	background: #113a57 url(../images/index/icon-arr.png) no-repeat 95% 50%;
}


/********** 用途で探す **********/
#index .youto{
	padding: 9vw 2vw 0;
	background: #ebf0f2;
}
#index .youto h2{
	margin: 0 0 6vw;
	padding: 0 0 2vw;
	border-bottom: solid 2px #113a57;
	text-align: center;
	font-size: 5.6vw;
	font-weight:normal;
}
#index .youto .youto-box{
	padding: 0 0 6vw;
	background: url(../images/index-device/bg-youto.png) no-repeat 0 100%;
	background-size:100%;
	height:180vw;
}

#index .youto ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin:0 1vw;
}
#index .youto ul li{
	width: 48%;
	padding: 0 0 4vw;
}
#index .youto ul li a{
	position: relative;
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 3.8vw;
	font-weight: bold;
	color: #fff;
}
#index .youto ul li a .label{
	position: absolute;
	display: block;
	bottom: 1.5vw;
	left: 16vw;
}
#index .youto ul li a .label2{
	position: absolute;
	display: block;
	bottom: 1.5vw;
	left: 13vw;
	font-size:3.4vw;
}
#index .youto ul li a img{
	display: block;
}



/********** ダウンロード **********/
#index .btn-pdf{
	margin: 0 0 9vw;
	padding: 7vw 5vw;
	background: #597e96;
}
#index .btn-pdf ul li{
	margin:0 0 3.5vw;
}
#index .btn-pdf ul li:last-child{
	margin:0;
}


/********** オーナーズルーム **********/
#index .owners-room{
	padding: 0 2vw 6vw;
}
#index .owners-room h2{
	margin: 0 0 6vw;
	padding: 0 0 2vw;
	border-bottom: solid 2px #113a57;
	text-align: center;
	font-size: 5.6vw;
	font-weight:normal;
}
#index .owners-room ul li{
	margin:0 1vw 4vw;
}
#index .owners-room ul li img{
	width:100%;
}


/********** オグショー スタッフブログ **********/
#index .parts_staffblog{
	margin: 0 0 10vw;
	padding: 9vw 2vw 10vw;
	background: #ebf0f2;
}
#index .parts_staffblog h2{
	margin: 0 0 6vw;
	padding: 0 0 2vw;
	border-bottom: solid 2px #113a57;
	text-align: center;
	font-size: 5.6vw;
	font-weight:normal;
}
#index .parts_staffblog .staff_blog_datas {
    margin: 0 1vw 6vw;
	
}
#index .parts_staffblog .staff_blog_datas .first-post{
	margin:0 0 3vw;
	background:#ffffff;
	padding:5vw;
}
#index .parts_staffblog .staff_blog_datas .first-post a{
	display: block;
	padding: 2vw 3vw;
	font-size: 3.8vw;
}
#index .parts_staffblog .staff_blog_datas .first-post a .title{
	font-weight: bold;
	font-size: 4.2vw;
	padding:0 0 2vw
}
#index .parts_staffblog .staff_blog_datas ul li{
	margin:0 0 3vw;
	background:#ffffff;
	padding:5vw;
}
#index .parts_staffblog ul li .img-title{
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 0 0 2vw;
}
#index .parts_staffblog ul li .img-title .eye-catch-image{
	width: 38%;
}
#index .parts_staffblog ul li .img-title .title{
	width: 58%;
	font-weight: bold;
	font-size: 3.8vw;
}
#index .parts_staffblog ul li .img-title .desc{
	font-size: 3.4vw;
}

#index .parts_staffblog .btn-staffblog a{
	display: block;
	width: 75%;
	margin: 0 auto;
	padding: 4vw 0;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size:3.8vw;
	background: #113a57 url(../images/index/icon-arr.png) no-repeat 95% 50%;
}




/********** 特集 **********/
#index .bnrs-feature{
	margin:0 2vw 12vw;
}
#index .bnrs-feature h2{
	margin: 0 0 6vw;
	padding: 0 0 2vw;
	border-bottom: solid 2px #113a57;
	text-align: center;
	font-size: 5.6vw;
	font-weight:normal;
}

#index .bnrs-feature .bnrs-feature-box{
	margin:0 3vw;
}
#index .bnrs-feature .bnrs-feature-box ul li{
	margin:0 0 3vw;
}




/********** Follow **********/
#index .follow-me{
	margin:20 2vw;
}
#index .follow-me h2{
	padding: 0 0 2vw;
	text-align: center;
	font-size: 4.2vw;
	font-weight: bold;
	color: #597e96;
}
#index .follow-me ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	
	width: 95%;
	margin: 0 10px;
}
#index .follow-me ul li{
	width: 40px;
}
#index .follow-me ul li a{
	display: block;
}
#index .follow-me ul li a img{
	display: block;
}