@charset "UTF-8";

/* ====================================
	共通スタイル
 ==================================== */

.sub-sub-title+.flex-container {
	margin-top: 2rem;
}

.video-container video {
	width: 100%;
}

.img-cap-r {
	font-size: 1.2rem;
	text-align: right;
}

#sub02 .flex-item .img-container {
	margin-top: 1.3rem;
}

/* ====================================
	プラグイン・アニメーション設定
 ==================================== */

/* スライダー：タイトルテキスト*/
.slide-text {
	text-align: center;
}

/* スライダー：NEXT/PREV */
.slide-next,
.slide-prev {
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	transform: translate(0, -50%);
	cursor: pointer;
	z-index: 2;
}

.slide-next {
	background-image: url(/ricecooker/products/common/images/arrow-right.svg);
	right: 0;
	left: auto;
}

.slide-prev {
	background-image: url(/ricecooker/products/common/images/arrow-left.svg);
	left: 0;
	right: auto;
}

#slide1 .slide-next,
#slide1 .slide-prev {
	top: 50%;
}

#slide2 .slide-next,
#slide2 .slide-prev {
	top: 45%;
}

/* スライダー：サムネイル */
ul.slide-thumbs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 2rem;
}

ul.slide-thumbs a {
	display: block;
	cursor: pointer;
	padding: 2px;
}

ul.slide-thumbs li {
	width: calc(92% / 5);
	margin-top: 2%;
	margin-left: 2%;
	border: solid 2px #fff;
}

ul.slide-thumbs li.active {
	border: solid 2px #a0a0a0;
}

ul.slide-thumbs li.active a {
	opacity: 0.5;
}

ul.slide-thumbs li:nth-child(-n+5) {
	margin-top: 0;
}

ul.slide-thumbs li:nth-child(5n-4) {
	margin-left: 0;
}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print,
screen and (min-width: 768px) {

	.sub-sub-title {
		margin-top: 8.2rem;
	}

	.sub-title+.text-container,
	.sub-title+.flex-container {
		margin-top: 6rem;
	}


	#sub01 .flex-container,
	#sub02 .flex-container {
		justify-content: space-between;
		flex-wrap: nowrap;
	}

	#sub01 .flex-container .text-container,
	#sub02 .flex-container .text-container {
		width: 73%;
	}

	.logo-container {
		width: 25%;
	}

	/* スライダーエリアPC */
	.swiper-container {
		margin-top: 5rem;
	}

	/* スライダー：タイトルテキスト*/
	.slide-text {
		margin-top: 1.2rem;
		font-size: 1.4rem;
	}

	/* スライダー：NEXT/PREV */
	.slide-next,
	.slide-prev {
		width: 50px;
		height: 50px;
	}
}

/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {

	.sub-title+.text-container,
	.sub-title+.flex-container {
		margin-top: 2rem;
	}

	.sub-sub-title {
		margin-top: 6rem;
	}

	.logo-container {
		width: 50%;
		margin: 3rem auto 0;
	}

	/* スライダーエリアSP調整 */
	.swiper-container {
		margin-top: 4rem;
	}

	/* スライダー：タイトルテキスト*/
	.slide-text {
		margin-top: 1.0em;
		font-size: 1.2rem;
	}

	/* スライダー：NEXT/PREV */
	.slide-next,
	.slide-prev {
		width: 30px;
		height: 30px;
	}

	#slide2 .slide-next,
	#slide2 .slide-prev {
		top: 41%;
	}
}