@charset "utf-8";

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

	div {
    letter-spacing: .01em;
    font-family: 'Poppins', sans-serif;
    font-size: 28px;
	}
	span {
    display: block;
    margin-top: 8px;
    letter-spacing: .1em;
    font-size: 13px;
    font-weight: normal;
	}
}
.rt_slick {
	width: 920px;
	margin: auto;

	.rt_slick_wrapper {
		margin-bottom: 30px;
		border: none;

		li {
			list-style: none;
			padding: 0 5px;
	
			a {
				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: 220px;
						height: 220px;
						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;

			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: 920px;
	margin: auto;

	& > div {
		width: 230px;
	}

	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: 220px;
					height: 220px;
					object-fit: contain;
				}
			}
			.item-brand {
				margin-top: 15px;
				font-weight: bold;
			}
		}
	}
}

/* ファッションTOP */
#rt_top {
	margin-top: 110px;
}

/* カートページ */
#rt_cart {
	margin-top: 55px;
	margin-bottom: 80px;
	/* font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; */

	#rt_cart_2_pc {
		margin-top: 50px;
	}
}

/* 購入完了ページ */
#rt_complete {
	margin: 0 -25px 30px;
	padding: 40px 0 60px;
	background-color: #fff;
	/* font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; */

	.txt {
		width: 690px;
		margin: auto auto 35px;
		padding: 25px 0;
		border: 1px solid #8e8e8e;
		text-align: center;

		p {
			margin: 0 !important;
			font-weight: normal !important;
		}
		.txt1 {
			margin-bottom: 10px !important;
			font-size: 18px !important;
			line-height: 1.67 !important;
		}
		.txt2 {
			font-size: 12px !important;
			line-height: 1.67 !important;
		}
	}
	#rt_complete_2_pc {
		margin-top: 50px;
	}
}

/* アイコン表示 slick-theme 崩れ対応 */
#d_content-layout.order-complete #d_content-layout-inner #d_recommends .elements a span.item_status img, 
#d_content-layout.complete #d_content-layout-inner #d_recommends .elements a span.item_status img {
	height: 18px;
  width: auto;
	margin: 2px 2px 0 0;
}
#cartRow .item-icons .icon {
  height: 18px;
}
#cartRow img {
	max-width: none;
}