@charset "utf-8";

@media print, screen and (min-width:769px) {
	
	.slide-wrap {
		margin: calc(59 / 1250 * 100vw) calc(59 / 1250 * 100vw) 0;
		border: solid 0.58vw #666;
		border-radius: 1em;
		background: #ffe7a9;
	}
	.pageID-top .slide-wrap {
		background: #ffffdd;
	}
	.slide-wrap .item {
		position: relative;
	}
	
	.slick-slider * {
		outline: none;
	}
	
	.slick-arrow {
		width: calc(59 / 1250 * 100vw);
		height: calc(82 / 1250 * 100vw);
		display: inline-block;
		cursor: pointer;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		color: transparent;
		text-indent: 200px;
		overflow: hidden;
		border: none;
		transition: opacity 0.3s ease-out;
	}
	.slick-arrow:hover {
		opacity: 0.7;
	}
	.slick-arrow.slick-prev {
		background: url(../../images/arrow_slider_prev.svg) no-repeat 0 0 / contain;
		right: 100%;
	}
	.slick-arrow.slick-next {
		background: url(../../images/arrow_slider_next.svg) no-repeat 0 0 / contain;
		left: 100%;
	}
	.pageID-top .slick-arrow.slick-prev {
		background: url("../../images/arrow_slider_to_prev.svg") no-repeat 0 0 / contain;
		right: 100%;
	}
	.pageID-top .slick-arrow.slick-next {
		background: url("../../images/arrow_slider_to_next.svg") no-repeat 0 0 / contain;
		left: 100%;
	}
	
	.slick-dots {
		width: 100%;
		position: absolute;
		top: calc(100% + 34px);
		display: flex;
		justify-content: center;
	}
	.slick-dots li {
		position: relative;
		cursor: pointer;
		overflow: hidden;
	}
	.slick-dots li::before,
	.slick-dots li::after {
		width: 24px;
		height: 24px;
		box-sizing: border-box;
		content: "";
		display: inline-block;
		border-radius: 50%;
		box-sizing: border-box;
		position: relative;
		z-index: 2;
		transition: background 0.3s ease-out;
	}
	.slick-dots li::after {
		margin-left: 18px;
	}
	.slick-dots li.slick-active::before,
	.slick-dots li.slick-active::after {
		border: solid 1px #040000;
	}
	.slick-dots li + li {
		margin-left: 18px;
	}
	.slick-dots li button {
		width: 100%;
		height: 100%;
		background: transparent;
		border: none;
		color: transparent;
		text-indent: -100px;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 4;
		cursor: pointer;
	}
	.slick-dots li:nth-child(2)::after,
	.slick-dots li:nth-child(7)::after,
	.slick-dots li:nth-child(9)::after,
	.slick-dots li:nth-child(11)::after {
		display: none;
	}
	
	.slick-dots li:nth-child(1)::before { background: #e5243b; }
	.slick-dots li:nth-child(1)::after { background: #dda63a; }
	
	.slick-dots li:nth-child(2)::before { background: #4c9f38; }
	
	.slick-dots li:nth-child(3)::before { background: #c5192d; }
	.slick-dots li:nth-child(3)::after { background: #ff3a21; }
	
	.slick-dots li:nth-child(4)::before { background: #26bde2; }
	.slick-dots li:nth-child(4)::after { background: #fcc30b; }
	
	.slick-dots li:nth-child(5)::before { background: #a21942; }
	.slick-dots li:nth-child(5)::after { background: #fd6925; }
	
	.slick-dots li:nth-child(6)::before { background: #dd1367; }
	.slick-dots li:nth-child(6)::after { background: #fd9d24; }
	
	.slick-dots li:nth-child(7)::before { background: #BF8B2E; }
	
	.slick-dots li:nth-child(8)::before { background: #3F7E44; }
	.slick-dots li:nth-child(8)::after { background: #0A97D9; }
	
	.slick-dots li:nth-child(9)::before { background: #56C02B; }

	.slick-dots li:nth-child(10)::before { background: #00689D; }
	.slick-dots li:nth-child(10)::after { background: #19486A; }
}

@media print, screen and (min-width:769px) and (max-width:810px) {
	.slick-dots li + li {
		margin-left: 10px;
	}
}

@media print, screen and (min-width: 1250px) { /* PCスライダー (大きい幅用) */
	.slide-wrap {
		margin: 59px 59px 0;
		border-width: 7px;
	}

	.slick-arrow {
		width: 59px;
		height: 82px;
	}
}