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

/* SP用記述*/
/* =====　製品一覧　===== */
.sec_cont .sec_cont_lead { text-align: center; }
.sec_cont#standard,
.sec_cont#mid {
	margin-top: 0;
	padding-top: 80px;
}
.collection_sec { margin-top: 60px; }
.collection_sec.first_sec { margin-top: 40px; }
.collection_sec > h1 {
	text-align: center;
	font-size: 240%;
}
.collection_sec > h2 {
	text-align: center;
	font-size: 106.6%;
	margin-top: 8px;
	font-weight: 400;
}
.collection_sec .thumb {
	height: 80vw;
	margin-top: 15px;
}
.collection_sec.custom_three .thumb { background: url(../images/custom_three_pic.jpg) center center / cover no-repeat; }
.collection_sec.custom_chrono .thumb { background: url(../images/custom_chrono_pic.jpg) center center / cover no-repeat; }
.collection_sec .btn { margin-top: 20px; }

.collection_sec ul.watch_slider { margin-top: 40px; }
.collection_sec ul.watch_slider li { margin: 0 15px; }
.collection_sec ul.watch_slider li a {
	display: block;
	padding-bottom: 10px;
	text-align: center;
}
.collection_sec ul.watch_slider li p.thumb {
	height: 284px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.collection_sec.standard_three ul.watch_slider li:first-child p.thumb { background-image: url(../../pic_standard/standard_3hands_1.png); }
.collection_sec.standard_three ul.watch_slider li:nth-child(2) p.thumb { background-image: url(../../pic_standard/standard_3hands_2.png); }
.collection_sec.standard_three ul.watch_slider li:nth-child(3) p.thumb { background-image: url(../../pic_standard/standard_3hands_3.png); }
.collection_sec.standard_three ul.watch_slider li:nth-child(4) p.thumb { background-image: url(../../pic_standard/standard_3hands_4.png); }
.collection_sec.standard_three ul.watch_slider li:nth-child(5) p.thumb { background-image: url(../../pic_standard/standard_3hands_5.png); }
.collection_sec.standard_three ul.watch_slider li:nth-child(6) p.thumb { background-image: url(../../pic_standard/standard_3hands_6.png); }
.collection_sec.standard_three ul.watch_slider li:nth-child(7) p.thumb { background-image: url(../../pic_standard/standard_3hands_7.png); }
.collection_sec.standard_three ul.watch_slider li:nth-child(8) p.thumb { background-image: url(../../pic_standard/standard_3hands_8.png); }

.collection_sec.standard_chrono ul.watch_slider li:nth-child(1) p.thumb { background-image: url(../../pic_standard/standard_chrono_1.png); }
.collection_sec.standard_chrono ul.watch_slider li:nth-child(2) p.thumb { background-image: url(../../pic_standard/standard_chrono_2.png); }
.collection_sec.standard_chrono ul.watch_slider li:nth-child(3) p.thumb { background-image: url(../../pic_standard/standard_chrono_3.png); }
.collection_sec.standard_chrono ul.watch_slider li:nth-child(4) p.thumb { background-image: url(../../pic_standard/standard_chrono_4.png); }
.collection_sec.standard_chrono ul.watch_slider li:nth-child(5) p.thumb { background-image: url(../../pic_standard/standard_chrono_5.png); }
.collection_sec.standard_chrono ul.watch_slider li:nth-child(6) p.thumb { background-image: url(../../pic_standard/standard_chrono_6.png); }
.collection_sec.standard_chrono ul.watch_slider li:nth-child(7) p.thumb { background-image: url(../../pic_standard/standard_chrono_7.png); }
.collection_sec.standard_chrono ul.watch_slider li:nth-child(8) p.thumb { background-image: url(../../pic_standard/standard_chrono_8.png); }

.collection_sec.standard_opt ul.watch_slider li:nth-child(1) p.thumb { background-image: url(../images/option_pic1.jpg); }
.collection_sec.standard_opt ul.watch_slider li:nth-child(2) p.thumb { background-image: url(../images/option_pic2.jpg); }
.collection_sec.standard_opt ul.watch_slider li:nth-child(3) p.thumb { background-image: url(../images/option_pic3.jpg); }

.collection_sec.mid_watch ul.watch_slider li:first-child p.thumb { background-image: url(../../pic_mid/mid_1.png); }
.collection_sec.mid_watch ul.watch_slider li:nth-child(2) p.thumb { background-image: url(../../pic_mid/mid_2.png); }
.collection_sec.mid_watch ul.watch_slider li:nth-child(3) p.thumb { background-image: url(../../pic_mid/mid_3.png); }
.collection_sec.mid_watch ul.watch_slider li:nth-child(4) p.thumb { background-image: url(../../pic_mid/mid_4.png); }
.collection_sec.mid_watch ul.watch_slider li:nth-child(5) p.thumb { background-image: url(../../pic_mid/mid_5.png); }

.collection_sec.mid_opt ul.watch_slider li p.thumb { height: 249px; }
.collection_sec.mid_opt ul.watch_slider li:nth-child(1) p.thumb { background-image: url(../images/option_mid_pic1.jpg); }
.collection_sec.mid_opt ul.watch_slider li:nth-child(2) p.thumb { background-image: url(../images/option_mid_pic2.jpg); }
.collection_sec.mid_opt ul.watch_slider li:nth-child(3) p.thumb { background-image: url(../images/option_mid_pic3.jpg); }
.collection_sec.mid_opt ul.watch_slider li:nth-child(4) p.thumb { background-image: url(../images/option_mid_pic4.jpg); }
.collection_sec.mid_opt ul.watch_slider li:nth-child(5) p.thumb { background-image: url(../images/option_mid_pic5.jpg); }


.collection_sec ul.watch_slider li .tit {
	margin-top: 10px;
	line-height: 1.35;
}
.collection_sec ul.watch_slider li p.btn {
	margin-top: 18px;
	display: inline-block;
	background-color: black;
	color: white;
	padding: 12px 18px;
	text-align: center;
}

.collection_pics {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.collection_pics { margin-top: 20px; }
.collection_pics li {
	width: 48.4%;
	margin-top: 10px;
}
.collection_pics li a {
	display: block;
	height: 30vw;
}
.collection_pics li:first-child a { background: url(../images/collection_detail1.jpg) center center / cover no-repeat; }
.collection_pics li:nth-child(2) a { background: url(../images/collection_detail2.jpg) center center / cover no-repeat; }
.collection_pics li:nth-child(3) a { background: url(../images/collection_detail3.jpg) center center / cover no-repeat; }
.collection_pics li:nth-child(4) a { background: url(../images/collection_detail4.jpg) center center / cover no-repeat; }
.collection_pics li:nth-child(5) a { background: url(../images/collection_detail5.jpg) center center / cover no-repeat; }
.collection_pics li:nth-child(6) a { background: url(../images/collection_detail6.jpg) center center / cover no-repeat; }
.collection_pics li:nth-child(7) a { background: url(../images/collection_detail7.jpg) center center / cover no-repeat; }
.collection_pics li:nth-child(8) a { background: url(../images/collection_detail8.jpg) center center / cover no-repeat; }
.collection_pics li:nth-child(9) a { background: url(../images/collection_detail9.jpg) center center / cover no-repeat; }
.collection_pics li:nth-child(10) a { background: url(../images/collection_detail10.jpg) center center / cover no-repeat; }

.collection_pics.mid li:first-child a { background: url(../images/collection_mid_detail1.jpg) center center / cover no-repeat; }
.collection_pics.mid li:nth-child(2) a { background: url(../images/collection_mid_detail2.jpg) center center / cover no-repeat; }
.collection_pics.mid li:nth-child(3) a { background: url(../images/collection_mid_detail3.jpg) center center / cover no-repeat; }
.collection_pics.mid li:nth-child(4) a { background: url(../images/collection_mid_detail4.jpg) center center / cover no-repeat; }
.collection_pics.mid li:nth-child(5) a { background: url(../images/collection_mid_detail5.jpg) center center / cover no-repeat; }
.collection_pics.mid li:nth-child(6) a { background: url(../images/collection_mid_detail6.jpg) center center / cover no-repeat; }
.collection_pics.mid li:nth-child(7) a { background: url(../images/collection_mid_detail7.jpg) center center / cover no-repeat; }
.collection_pics.mid li:nth-child(8) a { background: url(../images/collection_mid_detail8.jpg) center center / cover no-repeat; }
.collection_pics.mid li:nth-child(9) a { background: url(../images/collection_mid_detail9.jpg) center center / cover no-repeat; }
.collection_pics.mid li:nth-child(10) a { background: url(../images/collection_mid_detail10.jpg) center center / cover no-repeat; }




@media only screen and (min-width:768px) {
	
	/* PC用記述 */
	/* =====　製品一覧　===== */
	.collection_custom_wrap {
		max-width: 1160px;
		margin: 0 auto;
		padding: 0 20px;
		display: flex;
		justify-content: space-between;
	}
	.collection_custom_wrap .collection_sec {
		width: 48.4%;
		margin-top: 60px;
	}
	.collection_sec .thumb { height: 520px; }
	.collection_sec .btn { margin-top: 20px; }
	.collection_custom_wrap .wrapper { padding: 0; }
	
	.collection_sec { margin-top: 80px; }
	.collection_sec.first_sec { margin-top: 60px; }
	.collection_sec > h1 { font-size: 360%; }
	
	/* slick.js */
	.collection_sec .slick-prev,
	.collection_sec .slick-next {
		top: 42%;
		width: 34px;
		height: 40px;
		transition: all .3s ease;
	}
	.collection_sec .slick-prev,
	.collection_sec .slick-arrow.slick-prev:hover,
	.collection_sec .slick-arrow.slick-prev:focus {
		left: 12px;
		background: url(../../images/icon_slide_prev_b.svg) center center / contain no-repeat;
		z-index: 10;
	}
	.collection_sec .slick-next,
	.collection_sec .slick-arrow.slick-next:hover,
	.collection_sec .slick-arrow.slick-next:focus {
		right: 12px;
		background: url(../../images/icon_slide_next_b.svg) center center / contain no-repeat;
	}
	.collection_sec .slick-arrow.slick-prev:hover,
	.collection_sec .slick-arrow.slick-next:hover { opacity: .6; }
	.collection_sec .slick-arrow.slick-prev.slick-disabled,
	.collection_sec .slick-arrow.slick-next.slick-disabled {
		opacity: .3;
		cursor: auto;
	}
	.collection_sec .slick-prev:before,
	.collection_sec .slick-next:before { content: none; }
	
	.collection_pics li {
		width: 19.2%;
		margin-top: 12px;
	}
	.collection_pics li a { height: 180px; }
	
	.collection_sec.mid_opt ul.watch_slider li p.thumb { height: 186px; }
	
	
	
	
}