/*=============================================================
	各種スライダ―
	MediaQueryは下部へまとめて記載
=============================================================*/
/* JavaScriptが有効な場合、対象を隠す */
html.enable-javascript .slider-sample{
  visibility: hidden;
}
/* 画像すべてを読み終えたら、対象を表示する */
html.enable-javascript.window-load .slider-sample{
  visibility: visible;
}
/*------------------------------------------------------------
	Main Slider
-------------------------------------------------------------*/
	.main-slider-area {
		position: relative;
		width: 100%;
		min-height: 295px;
		height: 295px;
		padding-top: 0;
		box-sizing: border-box;
	}
		.put-on-catch {
			position: absolute;
			z-index: 82;
			top: 45px;
			left: 15px;
			width: 380px;
			height: 160px;
		}
		@media screen and (min-width: 436px) {
			.main-slider-area {
				width: 100%;
				min-height: 370px;
				height: 435px;
				padding-top: 67px;
			}
				.put-on-catch {
					top: 95px;
					left: 80px;
				}
		}

		#main-slide {
			position: absolute;
			z-index: 80;
			top: -5px;
			left: 0;
			width: 100%;
			height: 300px;
			overflow: hidden;
		}
@media screen and (min-width: 436px) {
	#main-slide {
		top: 67px;
	}
}
			#main-slide .slide-img img {
				width: auto;
				height: 300px;
			}
			#main-slide .slide-img span {
				position: absolute;
				z-index: 81;
				bottom: 4px;
				width: 830px;
				height: 40px;
				font-size: 90%;
				line-height: 35px;
				text-align: right;
				color: #fff;
				padding: 0.3em 210px;
				box-sizing: border-box;
				background-color: rgba(104,71,54,0.5);/*茶色*/
			}
			#main-slide .slick-track {
				width: 100%;
			}
			#main-slide .slick-slide:not(.slick-center) {
			  -webkit-filter: saturate(50%);
			  -o-filter: saturate(50%);
			  filter: saturate(50%);
			  transition: 0.2s linear;
			}
/*-----------------------------------------------------------*/
	#main-slide i {
		z-index: 82;
		position: absolute;
		top: 50%;
		margin-top: -15px;
	}
		#main-slide i.next-slide {
			right: 0;
			width: 100px;
			height: 100px;
		}
		ul.slick-dots01 {
			position: absolute;
			bottom: 47px;
			width: 100%;
			list-style: none;
			text-align: center;
			margin: 0 auto;
			padding: 0;
		}
		ul.slick-dots {
			position: absolute;
			bottom: 15px;
			width: 100%;
			list-style: none;
			text-align: center;
			margin: 0 auto;
			padding: 0;
		}
			ul.slick-dots01 li,
			ul.slick-dots li {
				display: inline-block;
				width: auto;
				height: auto;
				margin: 0;
				padding: 0;
				cursor: pointer;
			}
				ul.slick-dots01 li button,
				ul.slick-dots li button {
					font-size: 0;
					line-height: 0;
					padding: 0;
					cursor: pointer;
					color: transparent;
					border: 0;
					text-indent: -9999px;
					display: block;
					width: 8px;
					height: 8px;
					margin: 0 8px;
					outline: 0;
					border-radius: 5px;
					transition-duration: 0.3s;
				}
				ul.slick-dots01 li button:hover,
				ul.slick-dots01 li.slick-active button,
				ul.slick-dots li button:hover,
				ul.slick-dots li.slick-active button {
					border-radius: 0px;
					width: 12px;
					height: 12px;
				}

/*------------------------------------------------------------
	Marquee Slider
-------------------------------------------------------------*/
	.contents-marquee {
		position: relative;
		z-index: 69;
		width: 100%;
		height: 70px;
	}
		.contents-marquee a span {
			position: absolute;
			bottom: 0;
			right: -5px;
			display: block;
			width: 35px;
			height: 50px;
			background: #fff;
		}
		.contents-marquee a span.next i {
			text-align: right;
			line-height: 35px;
			color: #684736;
		}
		#marquee {
			position: absolute;
			bottom: 4px;
			z-index: 69;
			width: 90%;
			height: 70px;
			margin: 0;
			padding: 12px 0 0 10px;
			line-height: 1.5;
			background: #f2f2f2;
		}
@media screen and (min-width: 436px) {
		.contents-marquee {
			position: relative;
			width: 1024px;
			height: 35px;
			margin: 0 auto;
		}
		#marquee {
			position: relative;
			bottom: 0;
			z-index: 80;
			width: 95%;
			height: 35px;
			margin: 0;
			padding: 8px 0 0 10px;
			background: #f2f2f2;
		}
		.contents-marquee a span {
			right: 0;
			width: 35px;
			height: 35px;
		}
}

/*------------------------------------------------------------
	Sub Slider //特集
-------------------------------------------------------------*/
		.featured-area #slick {
			position: relative;
			max-height: 300px;
			overflow: hidden;
		}
			.featured-area #slick .photo {
				position: relative;
				width: 386px;
			}
			.featured-area #slick .photo img {
				z-index: 80;
				position: relative;
				width: auto;
				height: 300px;
				object-fit: cover;
				object-position: 50% 50%;
			}
			.featured-area .photo h3 {
				position: absolute;
				bottom: 0;
				z-index: 90;
				min-width: 100%;
				margin: 0;
				padding: 10px;
				box-sizing: border-box;
				font-size: 90%;
				color: #fff;
				font-weight: 400;
				background-color: rgba(104, 71, 54, 0.6);
			}
@media screen and (min-width: 436px) {
	.featured-area .photo h3 {
		width: 342px;
	}
}
			.featured-area #slick .pre-featured,
			.featured-area #slick .next-featured {
				position: absolute;
				z-index: 90;
				top: 45%;
			}
			.featured-area #slick .pre-featured {
				left: 0;
			}
			.featured-area #slick .next-featured {
				right: 0;
			}
				.featured-area #slick .pre-featured i,
				.featured-area #slick .next-featured i {
					width: 30px;
					height: 30px;
					line-height: 30px;
					text-align: center;
					color: #684736;
					background-color: #fff;
				}

/*------------------------------------------------------------
	Main Slider
-------------------------------------------------------------*/
@media screen and (min-width: 436px) {
		#main-slide {
			height: 370px;
		}
			#main-slide .slide-img img {
				width: auto;
				height: 370px;
			}
			#main-slide .slide-img span {
				width: 1024px;
				padding-right: 20px;
			}
	/*-----------------------------------------------------------*/
	#main-slide i {
		z-index: 82;
		position: absolute;
		top: 50%;
		margin-top: -15px;
	}
		#main-slide i.next-slide {
			right: 0;
			width: 100px;
			height: 100px;
		}
	/*-----------------------------------------------------------*/
	ul.slick-list {
		overflow: visible;
	}
	ul.slider {
		max-width: 300px;
		margin: 0 auto;
	}
}
	/*------------------------------------------------------------
		Cycle Slider
	-------------------------------------------------------------*/
		#cycle-slide,
		#cycle-station-slide,
		.uslide-area {
			width: 100%;
			height: 310px;
			margin: 0 auto;
			padding: 0;
		}
			#cycle-slide .slick-slide img,
			#cycle-station-slide .slick-slide img,
			.uslide-area .slick-slide img {
				width: 100%;
				height:310px;
				margin: 0;
				padding: 0;
				object-fit: cover;
			}
@media screen and (min-width: 436px) {
	#cycle-slide,
	#cycle-station-slide {
		width: 94.5%;
		height: 310px;
		margin: 10px auto;
	}
	.uslide-area {
		width: 93%;
		height: 310px;
		margin: 10px auto;
	}
}
	.uslide-area .slick-arrow,
	#cycle-slide .slick-arrow,
	#cycle-station-slide .slick-arrow {
		z-index: 98;
		position: absolute;
		top: 45%;
	}
		.uslide-area .arrow-left,
		#cycle-slide .arrow-left,
		#cycle-station-slide .arrow-left {
			left: 0;
			width: 40px;
			height: 40px;
		}
		.uslide-area .arrow-right,
		#cycle-slide .arrow-right,
		#cycle-station-slide .arrow-right {
			right: 0;
			width: 40px;
			height: 40px;
		}
/*------------------------------------------------------------
	Plan Slider
-------------------------------------------------------------*/
	#plan-slide,
	#ec-slide {
		max-width: 100%;
		height: 420px;
		margin: 10px 0;
		overflow: hidden;
	}
		#plan-slide .slick-slide img,
		#ec-slide .slick-slide img {
			height: 420px;
			object-fit: contain;
		}
	#plan-slide i {
		z-index: 98;
		position: absolute;
		top: 50%;
	}
	#plan-slide i.prev-slide,
	#plan-slide i.next-slide {
		width: 35px;
		height: 100%;
		padding-left: 7px;
		padding-top: 50.5%;
		box-sizing: border-box;
		background: rgba(255,255,255,0.6);
	}
		#plan-slide i.prev-slide {
			top: 0;
			left: 0;
		}
		#plan-slide i.next-slide {
			top: 0;
			right: 0;
		}
@media screen and (min-width: 436px) {
	#plan-slide i.prev-slide,
	#plan-slide i.next-slide {
		width: 65px;
		padding-left: 0.7em;
		padding-top: 25.5%;
	}
	#plan-slide i.prev-slide {
		top: 0;
		left: 0;
	}
	#plan-slide i.next-slide {
		top: 0;
		right: 0;
	}
}
			.ec-slide-thum {
				position: relative;
				line-height: 0;
				max-height: 150px;
				margin: 0;
				padding: 0;
				border: 1px solid #eee;
			}
				.ec-slide-thum i {
					z-index: 99;
					position: absolute;
					top: 0;
				}
					.ec-slide-thum i.prev-slide {
						top: 0;
						left: 0px;
						width: 50px;
						height: 150px;
						padding-left: 10px;
						box-sizing: border-box;
						padding-top: 7.5%;
						box-sizing: border-box;
					}
					.ec-slide-thum i.next-slide {
						top: 0;
						right: 0px;
						width: 50px;
						height: 150px;
						padding-left: 15px;
						box-sizing: border-box;
						padding-top: 7.5%;
						box-sizing: border-box;
					}
				.ec-slide-thum .slick-list {
					margin: 0;
					padding: 0;
					max-height: 150px;
				}