@charset "utf-8";

/* slick-theme-1.8.1 */
.rt_slick {
	.slick-prev,
	.slick-next
	{
			font-size: 0;
			line-height: 0;
			position: absolute;
			display: block;
			width: 20px;
			height: 20px;
			cursor: pointer;
			color: transparent;
			border: none;
			outline: none;
			background: transparent;
	}
	.slick-prev:hover:before,
	.slick-prev:focus:before,
	.slick-next:hover:before,
	.slick-next:focus:before
	{
			opacity: 1;
	}
	.slick-prev.slick-disabled:before,
	.slick-next.slick-disabled:before
	{
			opacity: .25;
	}

	.slick-prev:before,
	.slick-next:before
	{
			font-size: 20px;
			line-height: 1;
			opacity: .75;
			color: white;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
	}

	.slick-prev{
			right: 100%;
			margin-right: 10px;
			/*background: url("../../images/common/arrow_prev.png") center center / 7px 12px no-repeat;*/
	}
	[dir='rtl'] .slick-prev{
			right: 100%;
			margin-right: 10px;
	}
	.slick-prev:before{
			content: '←';
	}
	[dir='rtl'] .slick-prev:before{
			content: '→';
	}

	.slick-next{
			left: 100%;
			margin-left: 10px;
			/*background: url("../../images/common/arrow_next.png") center center / 7px 12px no-repeat;*/
	}
	[dir='rtl'] .slick-next{
			left: 100%;
			margin-left: 10px;
	}
	.slick-next:before{
			content: '→';
	}
	[dir='rtl'] .slick-next:before{
			content: '←';
	}

	.slickNavi{
			text-align: center;
	}
	.slickNavi_inner,
	.slickNavi_innerRank1,
	.slickNavi_innerRank2,
	.slickNavi_innerRank3,
	.slickNavi_innerRank4,
	.slickNavi_innerRank5,
	.slickNavi_innerRank6,
	.slickNavi_innerRank7,
	.slickNavi_innerRank8,
	.slickNavi_innerRank9,
	.slickNavi_innerRank10{
			position: relative;
			display: inline-block;
	}
	.slick-prev:before, .slick-next:before {
			color: #000;
	}
	.slickArrow {
			height: 100%;
			left: 0;
			top: 0;
			width: 100%;
	}
	.slick-prev, .slick-next {
			width: 30px;
			height: 30px;
	}
	.slick-prev:before, .slick-next:before {
			content: "";
	}
	.slick-dotted.slick-slider {
			margin-bottom: 20px;
			border: 1px solid #DDDDDD;
	}
	.slick-dots {
			display: block;
			width: 100%;
			padding: 0;
			margin: 0;
			list-style: none;
			text-align: center;
	}
	.slick-dots li{
			display: inline-block;
			width: 30px;
			height: 30px;
			margin: 0 5px;
			padding: 0;
			cursor: pointer;
			position: relative;
	}
	.slick-dots li button{
			font-size: 0;
			line-height: 0;
			display: block;
			width: 30px;
			height: 30px;
			cursor: pointer;
			color: transparent;
			border: 0;
			outline: none;
			background: transparent;
	}
	.slick-dots li button:hover, .slick-dots li button:focus {
			outline: none;
	}
	.slick-dots li button:hover:before, .slick-dots li button:focus:before {
			opacity: 0.7;
	}
	.slick-dots li button:before{
			background: #b7e6c4;
			text-align: center;
			position: absolute;
			top: 10px;
			left: 10px;
			width: 10px;
			height: 10px;
			border-radius: 10px;
			content: '';
			opacity: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
	}
	.slick-dots li.slick-active button:before {
			background: #10ad3c;
			opacity: 1;
	}
	.slick-slide {
			margin: 0 auto;
			padding: 0;
	}
	.slick-slide span.names {
			display: block;
			margin: 5px auto 0;
			max-width: 500px;
	}
	.slick-slide img {
			max-width: 100%;
			height: auto;
			margin: 0 auto;
			display: block;
	}
	.slick-arrow{
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	}
	.slick-arrow.rela img,  .slick-arrow.myl img,  .slick-arrow.hs img,  .slick-arrow.gd img {
			height: 30px;
			width: 30px;
	}
}

/* Rtoaster共通 */
.rt_ttl {
	width: 770px;
	margin-bottom: 25px;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	line-height: 1.5;
}
.rt_ttl2 {
	width: 770px;
	margin-top: 70px;
	margin-bottom: 40px;
	text-align: center;
	color: #333;

	div {
    letter-spacing: .01em;
    font-size: 24px;
	}
	span {
    display: block;
    margin-top: 8px;
    letter-spacing: .1em;
    font-size: 13px;
    font-weight: normal;
	}
}
.rt_slick {
	width: 768px;
	margin: 0 0 70px 1px;

	.rt_slick_wrapper {
		margin-bottom: 30px !important;
		padding: 0;
		border: none !important;

		li {
			list-style: none;
			padding: 0 5px;
	
			a {
				padding: 0;
				color: #333 !important;
				font-size: 14px;
				line-height: 1.5;
				text-decoration: none !important;
				text-align: left;
	
				span {
					display: block;

					& + span {
						margin-top: 5px;
					}
					&:not(.item_img) {
						overflow: hidden;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
					}
				}
				.item_img {
					background-color: #F9F9F9;

					img {
						width: 182px;
						height: 182px;
						object-fit: contain;
					}
				}
				.item-brand {
					margin-top: 15px;
					font-weight: bold;
				}
			}
		}
	}
	.rt_slick_navi {
		display: flex;
		justify-content: center;
		align-items: center;

		.slick-arrow {
			display: flex;
			justify-content: center;
			align-items: center;
			position: relative;
			top: auto;
			right: auto;
			left: auto;
			bottom: auto;
			margin: 0 30px;
			transform: none;

			&::before {
				display: none;
			}
			.slick-btn {
				&::before {
					content: '';
					display: block;
					width: 14px;
					height: 14px;
					border-top: 2px solid #000;
					border-right: 2px solid #000;
					transform: rotate(45deg) skew(-3deg, -3deg);
				}
			}
		}
		.slick-prev {
			order: 1;

			.slick-btn {
				transform: rotate(180deg);
			}
		}
		.slick-next {
			order: 3;
		}
		.slick-disabled {
			cursor: default;
		}
		.slick-dots {
			order: 2;
			display: flex;
			justify-content: center;
			align-items: center;
			width: auto;
			position: relative;
			height: auto;
			bottom: auto;

			li {
				width: 11px;
				height: 11px;
				margin: 0 12px;

				button {
					width: 100%;
					height: 100%;
					padding: 0;
	
					&::before {
						display: block;
						width: 100%;
						height: 100%;
						border-radius: 50%;
						background: #ccc;
						position: relative;
						top: auto;
						left: auto;
					}
				}
			}
			.slick-active {
				width: 14px;
				height: 14px;

				button {
					&::before {
						background: #333;
					}
				}
			}
		}
	}
}
.rt_noslick {
	display: flex;
	width: 768px;
	margin: 0 0 70px 1px;

	& > div {
		width: 192px;
	}

	li {
		list-style: none;
		padding: 0 5px;

		a {
			color: #333 !important;
			font-size: 14px;
			line-height: 1.5;
			text-decoration: none !important;

			span {
				display: block;

				& + span {
					margin-top: 5px;
				}
			}
			.item_img {
				background-color: #F9F9F9;

				img {
					width: 182px;
					height: 182px;
					object-fit: contain;
				}
			}
			.item-brand {
				margin-top: 15px;
				font-weight: bold;
			}
		}
	}
}