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

/* SP用記述*/
/* =====　直営店　===== */
.main_pic {
	margin-top: 16px;
	position: relative;
}
.main_pic ul.slides li.slick-slide { height: 90vw; }
.main_pic ul.slides li.slide_1 { background: url(../images/kentexbase_main_1.jpg) 50% 50% / cover no-repeat; }
.main_pic ul.slides li.slide_2 { background: url(../images/kentexbase_main_2.jpg) 50% 50% / cover no-repeat; }
.main_pic ul.slides li.slide_3 { background: url(../images/kentexbase_main_3.jpg) 50% 50% / cover no-repeat; }
.main_pic ul.slides li.slide_4 { background: url(../images/kentexbase_main_4.jpg) 50% 50% / cover no-repeat; }
.main_pic ul.slides li.slide_5 { background: url(../images/kentexbase_main_5.jpg) 50% 50% / cover no-repeat; }
.main_pic ul.slides li.slide_6 { background: url(../images/kentexbase_main_6.jpg) 50% 50% / cover no-repeat; }
.main_pic ul.slides li.slide_7 { background: url(../images/kentexbase_main_7.jpg) 50% 50% / cover no-repeat; }
.main_pic ul.slides li.slide_8 { background: url(../images/kentexbase_main_8.jpg) 50% 50% / cover no-repeat; }

.kentexbase_map {
	margin-top: 20px;
	height: 90vw;
	padding-bottom: 20px;
	border-bottom: solid 1px #333;
}

/* slick.js */
.main_pic .slick-dotted.slick-slider { margin-bottom: 0; }
.main_pic .slick-dots {
	bottom: 10px;
}
.main_pic .slick-dots li { margin: 0 6px; }
.main_pic .slick-dots li button::before {
	content: "";
	text-align: center;
	box-sizing: border-box;
	border: solid 1px white;
	border-radius: 6px;
	top: 4px;
	left: 4px;
	width: 12px;
	height: 12px;
	opacity: .8;
}
.main_pic .slick-dots li.slick-active button::before {
	background-color: white;
	opacity: .8;
	color: black;
}



/* =====　正規販売代理店　===== */
.main_pic.dealer p {
	background-image: url(../images/dealer_main.jpg);
	background-position: 90% 50%;
}

.dealer_nav { margin-top: 16px; }
.dealer_nav ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.dealer_nav ul li {
	margin: 24px 12px 0;
}
.dealer_nav ul li a {
	display: block;
	padding: 12px 6px 12px 26px;
	border-top: solid 1px #333;
	border-bottom: solid 1px #333;
	position: relative;
}
.dealer_nav ul li a::before {
	content: "";
	display: block;
	width: 9px;
	height: 14px;
	background: url(../../images/icon_arrow_b.svg) right center / contain no-repeat;
	position: absolute;
	top: 50%;
	left: 6px;
	transform: translate(0, -50%) rotate(90deg);
}
.delaer_sec {
	margin-top: 40px;
	padding-top: 20px;
}
.delaer_sec > h1 {
	font-size: 180%;
	font-weight: 400;
	line-height: 1.35;
}
.delaer_sec > ul li { margin-top: 20px; }
.delaer_sec > ul li a {
	display: block;
	background-color: #F4F5F7;
}
.delaer_sec > ul li a .thumb {
	height: 150px;
	background: #333 10% 50% / cover no-repeat;
}
.delaer_sec > ul li a .info {
	padding: 20px 20px 16px;
	position: relative;
}
.delaer_sec > ul li a .info::after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: url(../images/icon_blank_b.svg) center center / contain no-repeat;
	position: absolute;
	top: 10px;
	right: 10px;
}
.delaer_sec > ul li a .info h2 {
	font-size: 160%;
	font-weight: 400;
	padding-right: 12px;
	line-height: 1.3;
 }
.delaer_sec > ul li a .info .tel,
.delaer_sec > ul li a .info .add {
	padding: 1px 0 0 30px;
	min-height: 20px;
	box-sizing: border-box;
	line-height: 1.35;
}
.delaer_sec > ul li a .info .tel {
	margin-top: 20px;
	background: url(../images/icon_tel.svg) 0 0 / 20px auto no-repeat;
}
.delaer_sec > ul li a .info .add {
	margin-top: 10px;
	background: url(../images/icon_add.svg) 0 0 / 20px auto no-repeat;
}
p.delaer_btn { margin-top: 60px; }
p.delaer_btn span { display: inline-block; }
p.delaer_btn span.lead { font-size: 86.6%; }
p.delaer_btn span.txt {
	margin-top: 8px;
	font-size: 120%;
}



@media only screen and (min-width:768px) {
	
	/* PC用記述 */
	/* =====　直営店　===== */
	.main_pic { margin-top: 50px; }
	.main_pic ul.slides {
		margin: 0 auto;
		max-width: 1160px;
		position: relative;
	}
	.main_pic ul.slides li.slick-slide { height: 280px; }
	.main_pic ul.slides::before,
	.main_pic ul.slides::after {
		content: "";
		display: block;
		width: 80px;
		height: 100%;
		position: absolute;
		top: 0;
		z-index: 10;
	}
	.main_pic ul.slides::before {
		left: 0;
		background-image: linear-gradient(to right, black, transparent);
	}
	.main_pic ul.slides::after {
		right: 0;
		background-image: linear-gradient(to left, black, transparent);
	}
	
	.kentexbase_map { height: 320px; }
	
	/* slick.js */
	.main_pic .slick-dotted.slick-slider { margin-bottom: 136px; }
	.main_pic .slick-dots {
		bottom: -96px;
		display: flex;
	}
	.main_pic .slick-dots li {
		flex: 1;
		width: auto;
		height: 80px;
		margin: 0 3px;
	}
	.main_pic .slick-dots li:first-child { margin-left: 0; }
	.main_pic .slick-dots li:last-child { margin-right: 0; }
	.main_pic .slick-dots li button#slick-slide-control00 { background: url(../images/kentexbase_main_1.jpg) 50% 50% / cover no-repeat; }
	.main_pic .slick-dots li button#slick-slide-control01 { background: url(../images/kentexbase_main_2.jpg) 50% 50% / cover no-repeat; }
	.main_pic .slick-dots li button#slick-slide-control02 { background: url(../images/kentexbase_main_3.jpg) 50% 50% / cover no-repeat; }
	.main_pic .slick-dots li button#slick-slide-control03 { background: url(../images/kentexbase_main_4.jpg) 50% 50% / cover no-repeat; }
	.main_pic .slick-dots li button#slick-slide-control04 { background: url(../images/kentexbase_main_5.jpg) 50% 50% / cover no-repeat; }
	.main_pic .slick-dots li button#slick-slide-control05 { background: url(../images/kentexbase_main_6.jpg) 50% 50% / cover no-repeat; }
	.main_pic .slick-dots li button#slick-slide-control06 { background: url(../images/kentexbase_main_7.jpg) 50% 50% / cover no-repeat; }
	.main_pic .slick-dots li button#slick-slide-control07 { background: url(../images/kentexbase_main_8.jpg) 50% 50% / cover no-repeat; }
	.main_pic .slick-dots li button {
		width: 100%;
		height: 80px;
		padding: 0;
		transition: all .3s ease;
	}
	.main_pic .slick-dots li button::before { content: none; }
	.main_pic .slick-dots li button:hover { opacity: .6; }
	.main_pic .slick-dots li.slick-active button { opacity: .6; }

	
	
	
	/* =====　正規販売代理店　===== */
	.dealer_nav { margin-top: 60px; }
	.dealer_nav ul li { margin: 0 24px; }
	@media only screen and (min-width:880px) {
		.dealer_nav ul li { margin: 0 36px; }
	}
	.dealer_nav ul li a {
		font-size: 120%;
		padding: 12px 18px 12px 36px;
	}
	.dealer_nav ul li a::before {
		width: 9px;
		height: 15px;
		left: 16px;
		transform: translate(0, -50%);
		transition: all .3s ease;
	}
	.dealer_nav ul li a:hover::before { transform: translate(0, -50%) rotate(90deg); }
	
	.delaer_sec { margin-top: 60px; }
	.delaer_sec > ul li a { display: flex; }
	.delaer_sec > ul li a .thumb,
	.delaer_sec > ul li a .info {
		flex: 1;
		transition: all .3s ease;
	}
	.delaer_sec > ul li a .info { padding: 20px 32px 16px; }
	.delaer_sec > ul li a .info::after {
		width: 18px;
		height: 18px;
		top: 15px;
		right: 15px;
	}
	.delaer_sec > ul li a:hover .thumb { opacity: .6; }
	.delaer_sec > ul li a:hover .info { background-color: white; }
	p.delaer_btn {
		margin: 60px auto 0;
		max-width: 620px;
	}
	p.delaer_btn span.lead {
		font-size: 93.3%;
		margin-right: .5em;
	}
	
	
	
	
	
}