/* CSS Document */

#main{
	overflow: hidden;
	}
	#main article{
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		grid-gap: 2em 0;
		width: var(--wrap);
		margin: clamp(32px, 7.2vw, 48px) auto calc(clamp(32px, 7.2vw, 48px) * 2) auto;
		}
	#main h2+*{
		margin-top: 0;
		}
	#main section{
		display: grid;
		grid-gap: 1em 0;
		margin: 0;
		}
		#main section h3+*{
			margin-top: 0;
			}

#sample{
	width: var(--wrap);
	margin: clamp(32px, 7.2vw, 48px) auto calc(clamp(32px, 7.2vw, 48px) * 2) auto;
	}

#vegas{}
	#vegas h2+div{
		height: min(50vw, 600px);
		}

#slick{}
	#slick h3+div{
		display: grid;
		grid-template-columns: 81.5% 18.5%;
		}

.slick-list{}
	.slick-list img{
		width: 100%;
		height: auto;
		vertical-align: top;
		}
.slick-dotted{}
.slick-dots{
	display: flex;
	justify-content: center;
	grid-gap: 2em;
	margin-top: 1em;
	}
	.slick-dots li{
		position: relative;
		width: 10px;
		height: 10px;
		padding: 0 5px;
		background: #ccc;
		border-radius: 100%;
		}
		.slick-dots li:hover,
		.slick-dots li:active{
			cursor: pointer;
			}
	.slick-dots button{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		}
	.slick-dots .slick-active{
		background: #0068b7;
		}
.slick-arrow{
	position: absolute;
	top: 50%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	padding: 5px;
	background: #0068b7;
	font-size: 20px;
	z-index: 1;
	text-align: center;
	}
	.slick-arrow:hover,
	.slick-arrow:active{
		cursor: pointer;
		}
	.slick-arrow svg{
		fill: #fff;
		}
.slick-prev{
	left: 0;
	}
.slick-next{
	right: 0;
	}

.thumb-item-nav{}
	.thumb-item-nav i{
		position: static;
		display: block !important;
		width: 100%;
		margin: 0 1px;
		}