/*====================================
一覧・詳細共通
=====================================*/
.pageCollection {
	padding: calc(150 * var(--rs)) calc(20 * var(--rs)) 0;
	max-width: 1662px;
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
}

/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.pageCollection {
		padding: calc(90 * var(--rs)) 0 0;
		max-width: none;
		display: block;
	}
}


.pageCollection .mainCol {
	flex: 1;
	order: 2;
}
.pageCollection .mainCol .mainColInr {
	max-width: calc(1100 * var(--rs));
	margin: 0 auto;
	box-sizing: border-box;
	padding-left: calc(58 * var(--rs));
}

@media screen and (max-width: 1390px) {
	.pageCollection .mainCol .mainColInr {
		padding-left: calc(112 * var(--rs));
	}
}

/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.pageCollection .mainCol .mainColInr {
		max-width: none;
		padding-left: 0;
	}
}




.pageCollection .navCol {
	width: 0;
	position: -webkit-sticky;
	position: sticky;
	top: calc(151 * var(--rs));
}
.pageCollection .navCol .groupNav {
	width: calc(148 * var(--rs));
}
.pageCollection .navCol .groupNav .navGroup {
	position: relative;
	margin-top: calc(20 * var(--rs));
	padding-left: calc(28 * var(--rs));
}
.pageCollection .navCol .groupNav .navGroup .groupTtl {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-family: var(--font-jost);
	font-size: calc(15 * var(--rs));
	font-weight: 300;
	letter-spacing: 0.06em;
}
.pageCollection .navCol .groupNav .navGroup .groupTtl::after {
	content: "";
	display: block;
	position: absolute;
	top: 100%;
	left: calc(5 * var(--rs));
	width: 1px;
	height: calc(104 * var(--rs));
	background: #707070;
	margin-top: 6px;
}
.pageCollection .navCol .groupNav ul li {
	margin-top: calc(10 * var(--rs));
}
.pageCollection .navCol .groupNav ul li:first-child {
	margin-top: 0;
}
.pageCollection .navCol .groupNav ul li img {
	width: 100%;
	height: auto;
	opacity: 1;
}
.pageCollection .navCol .groupNav ul li .txtWrap .wrapInr {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: calc(20 * var(--rs)) calc(6 * var(--rs));
	background: #b8b5b4;
	text-align: center;
	color: #fff;
	font-family: var(--font-gothic);
	letter-spacing: 0.03em;
	position: relative;
}
.pageCollection .navCol .groupNav ul li .txtWrap a.wrapInr {
	text-decoration: none;
	transition: opacity 0.3s linear;
}
.pageCollection .navCol .groupNav ul li .txtWrap a.wrapInr:hover {
	opacity: 0.7;
}
.pageCollection .navCol .groupNav ul li .multi_btnTxt {
	font-size: calc(11 * var(--rs));
	font-weight: 300;
	line-height: 1.45;
}
.pageCollection .navCol .groupNav ul li .itemImgWrap {
	display: none;
	padding: calc(8 * var(--rs)) calc(16 * var(--rs));
	background: #fff;
}
#sideNavProd .navCol .groupNav ul li.sideNavProd .itemImgWrap,
#sideNavAvailable .navCol .groupNav ul li.sideNavAvailable .itemImgWrap,
#sideNavBeautiful .navCol .groupNav ul li.sideNavBeautiful .itemImgWrap,
#sideNavKnit .navCol .groupNav ul li.sideNavKnit .itemImgWrap {
	display: block;
}
.pageCollection .navCol .groupNav ul li .itemImgWrap .item .itemInr {
	display: flex;
	align-items: center;
	text-decoration: none;
	transition: opacity 0.3s linear;
}
.pageCollection .navCol .groupNav ul li .itemImgWrap .item .itemInr:hover {
	opacity: 0.7;
}
.pageCollection .navCol .groupNav ul li .itemImgWrap .item .cap {
	flex: 1;
	font-family: var(--font-jost);
	font-size: calc(11 * var(--rs));
	line-height: 1.2;
	letter-spacing: 0.06em;
}
.pageCollection .navCol .groupNav ul li .itemImgWrap .item .img {
	width: calc(30 * var(--rs));
}
.pageCollection .navCol .groupNav ul li .itemImgWrap .item .img img {
	width: 100%;
	height: auto;
}
.pageCollection .navCol .groupNav .btnTxt {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	text-align: center;
	font-family: var(--font-jost);
	z-index: 2;
	transition: opacity 0.3s linear;
}

/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.pageCollection .navCol {
		width: auto;
		position: static;
	}
	.pageCollection .navCol .groupNav {
		position: static;
		width: auto;
	}
	.pageCollection .navCol .groupNav .navGroup {
		margin-top: calc(48 * var(--rs));
		padding-left: 0;
	}
	.pageCollection .navCol .groupNav .navGroup .groupTtl {
		position: relative;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
		text-align: center;
		font-size: calc(28 * var(--rs));
	}
	.pageCollection .navCol .groupNav .navGroup .groupTtl::after {
		content: none;
	}
	.pageCollection .navCol .groupNav ul {
		margin-top: calc(26 * var(--rs));
		box-sizing: border-box;
		padding: 0 calc(25 * var(--rs));
	}
	.pageCollection .navCol .groupNav ul li {
		margin-top: 0;
		width: 100%;
	}
	.pageCollection .navCol .groupNav ul li:first-child {
		margin-top: 0;
	}
	.pageCollection .navCol .groupNav ul li .txtWrap .wrapInr {
		box-sizing: border-box;
		padding: calc(14 * var(--rs)) calc(35 * var(--rs));
	}
	.pageCollection .navCol .groupNav ul li:not(:first-child) {
		margin-top: calc(4 * var(--rs));
	}
	.pageCollection .navCol .groupNav ul li .txtWrap::after {
		content: "";
		width: calc(16 * var(--rs));
		height: calc(10 * var(--rs));
		background: url(/ct/common/img/icn_arw_btm_white.svg) no-repeat center / contain;
		position: absolute;
		top: 50%;
		right: calc(12 * var(--rs));
		transform: translateY(-50%);
	}
	.pageCollection .navCol .groupNav ul li .multi_btnTxt {
		font-size: calc(16 * var(--rs));
	}
	.pageCollection .navCol .groupNav ul li .itemImgWrap {
		display: none;
		flex-wrap: wrap;
		justify-content: center;
		padding: calc(16 * var(--rs)) calc(58 * var(--rs)) calc(24 * var(--rs));
	}
	#sideNavProd .navCol .groupNav ul li.sideNavProd .itemImgWrap,
	#sideNavAvailable .navCol .groupNav ul li.sideNavAvailable .itemImgWrap,
	#sideNavBeautiful .navCol .groupNav ul li.sideNavBeautiful .itemImgWrap,
	#sideNavKnit .navCol .groupNav ul li.sideNavKnit .itemImgWrap {
		display: flex;
	}
	.pageCollection .navCol .groupNav ul li .itemImgWrap .item {
		width: 50%;
		box-sizing: border-box;
		padding: 0 calc(4 * var(--rs));
	}
	.pageCollection .navCol .groupNav ul li .itemImgWrap .item .itemInr {
		flex-direction: column-reverse;
		text-align: center;
	}
	.pageCollection .navCol .groupNav ul li .itemImgWrap .item .cap {
		color: #494a48;
		font-size: calc(12 * var(--rs));
	}
	.pageCollection .navCol .groupNav ul li .itemImgWrap .item .img {
		width: 100%;
	}
	.pageCollection .navCol .groupNav ul li .itemImgWrap .item .img img {
		width: 100%;
		height: auto;
	}
	.pageCollection .navCol .groupNav img {
		width: 100%;
		height: auto;
	}
	.pageCollection .navCol .groupNav a {
		color: #fff;
		text-decoration: none;
	}
}









/*====================================
詳細ページ
=====================================*/
.pageCollection .itemMain {
	display: flex;
	width: calc(830 * var(--rs));
	margin: 0 auto;
}
.pageCollection .itemMain .imgCell {
	width: calc(385 * var(--rs));
}
.pageCollection .itemMain .imgCell .imgCol {
	position: -webkit-sticky;
	position: sticky;
	/* top: calc(100 * var(--rs)); */
	top: calc(151 * var(--rs));
}
.pageCollection .itemMain .imgCol .itemImg {
	position: relative;
}
.pageCollection .itemMain .imgCol .itemImg .img img {
	width: 100%;
	height: auto;
}
.pageCollection .itemMain .imgCol .itemImg .pager {
	display: none;
}
.pageCollection .itemMain .imgCol .itemImg .next,
.pageCollection .itemMain .imgCol .itemImg .prev {
	position: absolute;
	top: 0;
	height: 100%;
	width: calc(90 * var(--rs));
	z-index: 2;
	cursor: pointer;
}
.pageCollection .itemMain .imgCol .itemImg .next {
	right: calc(-58 * var(--rs));
}
.pageCollection .itemMain .imgCol .itemImg .prev {
	left: calc(-58 * var(--rs));
}
.pageCollection .itemMain .imgCol .itemImg .next::after,
.pageCollection .itemMain .imgCol .itemImg .prev::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: calc(16 * var(--rs));
	height: calc(26 * var(--rs));
}
.pageCollection .itemMain .imgCol .itemImg .next::after {
	background: var(--icn-slide-arw-r);
	right: calc(10 * var(--rs));
}
.pageCollection .itemMain .imgCol .itemImg .prev::after {
	background: var(--icn-slide-arw-l);
	left: calc(10 * var(--rs));
}
.pageCollection .itemMain .imgCol .color {
	display: flex;
	gap: calc(20 * var(--rs));
	margin-top: calc(10 * var(--rs));
	flex-wrap: wrap;
	margin-left: auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.pageCollection .itemMain .imgCol .color .colorName {
	display: flex;
	align-items: center;
	cursor: pointer;
}
.pageCollection .itemMain .imgCol .color .colorName .chip {
	width: calc(18 * var(--rs));
	height: calc(18 * var(--rs));
	border-radius: 100%;
	background: no-repeat center / cover;
	position: relative;
	transition: transform 0.2s ease-out;
}
.pageCollection .itemMain .imgCol .color .colorName:hover .chip {
	transform: scale(0.8);
}
.pageCollection .itemMain .imgCol .color .colorName.select .chip {
	transform: scale(1);
}
.pageCollection .itemMain .imgCol .color .colorName .chip::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	width: calc(24 * var(--rs));
	height: calc(24 * var(--rs));
	border-radius: 100%;
	border: 1px solid #b8b5b4;
	opacity: 0;
	transition: opacity 0.3s ease-out;
}
.pageCollection .itemMain .imgCol .color .colorName.select .chip::after {
	opacity: 1;
}

.pageCollection .itemMain .imgCol .color .colorName .nm {
	font-family: var(--font-gothic);
	font-size: calc(16 * var(--rs));
	margin-left: calc(8 * var(--rs));
}
.pageCollection .itemMain .imgCol .imgThums {
	margin-top: calc(48 * var(--rs));
	display: flex;
	flex-wrap: wrap;
	gap: calc(17 * var(--rs));
}
.pageCollection .itemMain .imgCol .imgThums li {
	width: calc(calc(100% - calc(68 * var(--rs))) / 5);
	aspect-ratio: 1 / 1;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}
.pageCollection .itemMain .imgCol .imgThums li img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.pageCollection .itemMain .imgCol .imgThums li.is-active::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #b8b5b4;
}

/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.pageCollection .itemMain {
		display: block;
	}
	.pageCollection .itemMain .imgCell {
		width: auto;
	}
	.pageCollection .itemMain .imgCell .imgCol {
		position: static;
		padding: 0 calc(37 * var(--rs));
	}
	.pageCollection .itemMain .imgCol .itemImg {
		position: relative;
		padding-bottom: calc(25 * var(--rs));
	}
	.pageCollection .itemMain .imgCol .itemImg .next,
	.pageCollection .itemMain .imgCol .itemImg .prev {
		width: calc(37 * var(--rs));
	}
	.pageCollection .itemMain .imgCol .itemImg .next {
		right: calc(-37 * var(--rs));
	}
	.pageCollection .itemMain .imgCol .itemImg .prev {
		left: calc(-37 * var(--rs));
	}
	.pageCollection .itemMain .imgCol .itemImg .next::after,
	.pageCollection .itemMain .imgCol .itemImg .prev::after {
		width: calc(8 * var(--rs));
		height: calc(12 * var(--rs));
	}
	.pageCollection .itemMain .imgCol .itemImg .next::after {
		right: auto;
		left: calc(7 * var(--rs));
	}
	.pageCollection .itemMain .imgCol .itemImg .prev::after {
		left: auto;
		right: calc(7 * var(--rs));
	}
	.pageCollection .itemMain .imgCol .itemImg .pager {
		display: flex;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		justify-content: center;
		font-size: 1px;
		gap: calc(10 * var(--rs));
	}
	.pageCollection .itemMain .imgCol .itemImg .pager .pagerItem {
		width: calc(8 * var(--rs));
		height: calc(8 * var(--rs));
		background: #b8b5b4;
		border-radius: 100%;
	}
	.pageCollection .itemMain .imgCol .itemImg .pager .pagerItem.js-stay {
		background: #696b68;
	}
	.pageCollection .itemMain .imgCol .color {
		position: static;
		margin-left: 0;
		display: flex;
		justify-content: flex-start;
		gap: calc(15 * var(--rs));
		margin-top: calc(25 * var(--rs));
	}
	.pageCollection .itemMain .imgCol .color .colorName:not(:first-child) {
		margin-top: 0;
	}
	.pageCollection .itemMain .imgCol .color .colorName {
		display: flex;
		align-items: center;
	}
	.pageCollection .itemMain .imgCol .color .colorName .chip {
		width: calc(15 * var(--rs));
		height: calc(15 * var(--rs));
	}
	.pageCollection .itemMain .imgCol .color .colorName.select .chip::after {
		width: calc(21 * var(--rs));
		height: calc(21 * var(--rs));
	}
	.pageCollection .itemMain .imgCol .color .colorName .nm {
		font-size: calc(13 * var(--rs));
		margin-left: calc(5 * var(--rs));
	}
	.pageCollection .itemMain .imgCol .imgThums {
		display: none;
	}
}



.pageCollection .itemMain .ctsCol {
	flex: 1;
	padding-left: calc(96 * var(--rs));
}
.pageCollection .itemMain .ctsCol .groupNum {
	font-family: var(--font-jost);
	font-size: calc(16 * var(--rs));
	color: var(--color-light);
	position: relative;
	padding-left: calc(34 * var(--rs));
}
.pageCollection .itemMain .ctsCol .groupNum::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: calc(26 * var(--rs));
	height: 1px;
	background: var(--color-light);
}
.pageCollection .itemMain .ctsCol .dtlId {
	font-size: calc(17 * var(--rs));
	margin-top: calc(20 * var(--rs));
	font-family: var(--font-gothic);
}
.pageCollection .itemMain .ctsCol .ttl {
	font-family: var(--font-gothic);
	font-size: calc(35 * var(--rs));
	margin-top: calc(10 * var(--rs));
	font-weight: 300;
	letter-spacing: 0.05em;
}
.pageCollection .itemMain .ctsCol .ttl .sub {
	font-size: calc(22 * var(--rs));
	position: relative;
	top: calc(-3 * var(--rs));
	margin-left: calc(5 * var(--rs));
}
.pageCollection .itemMain .ctsCol .ttlJp {
	font-size: calc(16 * var(--rs));
	margin-top: calc(10 * var(--rs));
}
.pageCollection .itemMain .ctsCol .priceLine {
	margin-top: calc(17 * var(--rs));
}
.pageCollection .itemMain .ctsCol .priceLine .price {
	font-size: calc(17 * var(--rs));
	font-family: var(--font-gothic);
	letter-spacing: 0.05em;
}
.pageCollection .itemMain .ctsCol .priceLine .tax {
	margin-left: calc(10 * var(--rs));
	font-size: calc(12 * var(--rs));
	font-family: var(--font-gothic);
}
.pageCollection .itemMain .ctsCol .dtlTxt {
	font-size: calc(16 * var(--rs));
	line-height: 1.875;
	margin-top: calc(45 * var(--rs));
}
.pageCollection .itemMain .ctsCol .dtlTxt .catchCopy {
	font-size: calc(19 * var(--rs));
	font-weight: bold;
	line-height: 1.579;
	padding-bottom: calc(20 * var(--rs));
	border-bottom: 1px solid #707070;
}
.pageCollection .itemMain .ctsCol .dtlTxt h3 {
	font-weight: bold;
}
.pageCollection .itemMain .ctsCol .dtlTxt p {
	font-size: calc(14 * var(--rs));
}
.pageCollection .itemMain .ctsCol .dtlTxt h3:not(:first-child) {
	margin-top: calc(30 * var(--rs));
}
.pageCollection .itemMain .ctsCol .dtlTxt p:not(:first-child) {
	margin-top: calc(30 * var(--rs));
}
.pageCollection .itemMain .ctsCol .dtlTxt h3 + p:not(:first-child) {
	margin-top: calc(15 * var(--rs));
}
.pageCollection .itemMain .ctsCol .dtlTxt .small {
	font-size: calc(11 * var(--rs));
	margin-top: calc(20 * var(--rs));
}
.pageCollection .itemMain .ctsCol .dtlTxt .small:not(:first-child) {
	margin-top: calc(30 * var(--rs));
}
.pageCollection .itemMain .ctsCol .dtlTxt p .min {
	display: inline-block;
	margin-top: calc(30 * var(--rs));
	font-size: calc(11 * var(--rs));
	line-height: 1.8;
}
.pageCollection .itemMain .ctsCol .spec {
	margin-top: calc(70 * var(--rs));
}
.pageCollection .itemMain .ctsCol .spec .img {
	position: relative;
}
.pageCollection .itemMain .ctsCol .spec .img .btnModal {
	position: absolute;
	top: calc(-20 * var(--rs));
	right: 0;
	width: calc(15 * var(--rs));
	height: calc(15 * var(--rs));
	cursor: pointer;
}
.pageCollection .itemMain .ctsCol .spec .img .btnModal::before,
.pageCollection .itemMain .ctsCol .spec .img .btnModal::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: calc(1 * var(--rs));
	background: #494a48;
}
.pageCollection .itemMain .ctsCol .spec .img .btnModal::after {
	transform: rotate(90deg);
}
.pageCollection .itemMain .ctsCol .spec img {
	width: 100%;
	height: auto;
}
.pageCollection .itemMain .ctsCol .spec .note {
	font-family: var(--font-gothic);
	font-size: calc(11 * var(--rs));
	line-height: 1.636;
	margin-top: calc(20 * var(--rs));
}
.pageCollection .itemMain .ctsCol .spec .note p:not(:first-child),
.pageCollection .itemMain .ctsCol .spec .note ul:not(:first-child) {
	margin-top: calc(13 * var(--rs));
}
.pageCollection .itemMain .ctsCol .spec .note ul li {
	text-indent: -1em;
	margin-left: 1em;
}


@media screen and (max-width: 1390px) {
	.pageCollection .itemMain {
		padding-left: calc(50 * var(--rs));
	}
}

/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.pageCollection .itemMain {
		width: auto;
		padding-left: 0;
	}
	.pageCollection .itemMain .ctsCol {
		flex: 1;
		padding: calc(57 * var(--rs)) calc(25 * var(--rs)) 0;
	}
	.pageCollection .itemMain .ctsCol .groupNum {
		font-size: calc(14 * var(--rs));
		padding-left: calc(26 * var(--rs));
	}
	.pageCollection .itemMain .ctsCol .groupNum::before {
		width: calc(20 * var(--rs));
	}
	.pageCollection .itemMain .ctsCol .dtlId {
		font-size: calc(16 * var(--rs));
		margin-top: 0;
	}
	.pageCollection .itemMain .ctsCol .ttl {
		font-size: calc(34 * var(--rs));
		margin-top: calc(10 * var(--rs));
	}
	.pageCollection .itemMain .ctsCol .ttl .sub {
		top: calc(-4 * var(--rs));
	}
	.pageCollection .itemMain .ctsCol .ttlJp {
		font-size: calc(14 * var(--rs));
	}
	.pageCollection .itemMain .ctsCol .priceLine {
		margin-top: calc(15 * var(--rs));
	}
	.pageCollection .itemMain .ctsCol .priceLine .price {
		font-size: calc(18 * var(--rs));
	}
	.pageCollection .itemMain .ctsCol .priceLine .tax {
		font-size: calc(10 * var(--rs));
	}
	.pageCollection .itemMain .ctsCol .priceLine .from {
		font-size: calc(15 * var(--rs));
	}
	.pageCollection .itemMain .ctsCol .dtlTxt {
		font-size: calc(14 * var(--rs));
		margin-top: calc(45 * var(--rs));
		margin-bottom: calc(40 * var(--rs));
	}
	.pageCollection .itemMain .ctsCol .dtlTxt .catchCopy {
		font-size: calc(17 * var(--rs));
		line-height: 1.647;
		padding-bottom: calc(15 * var(--rs));
	}
	.pageCollection .itemMain .ctsCol .spec {
		margin-top: calc(60 * var(--rs));
	}
	.pageCollection .itemMain .ctsCol .spec .img {
		position: relative;
	}
	.pageCollection .itemMain .ctsCol .spec .img .btnModal {
		position: absolute;
		top: calc(-30 * var(--rs));
		right: 0;
		width: calc(20 * var(--rs));
		height: calc(20 * var(--rs));
		cursor: pointer;
	}
	.pageCollection .itemMain .ctsCol .spec .img .btnModal::before,
	.pageCollection .itemMain .ctsCol .spec .img .btnModal::after {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 1px;
		background: #696b68;
	}
	.pageCollection .itemMain .ctsCol .spec .img .btnModal::after {
		transform: rotate(90deg);
	}
	.pageCollection .itemMain .ctsCol .spec img {
		width: 100%;
		cursor: pointer;
	}
}



.pageCollection .itemMain .imgCol .imageItem {
	display: none;
}
.pageCollection .itemMain .imgCol .imageItem.select {
	display: block;
}
.pageCollection .itemMain .imgCol .imageItem .dots {
	display: none;
}
.pageCollection .itemMain .imgCol .imageItem .prev,
.pageCollection .itemMain .imgCol .imageItem .next {
	transition: opacity 0.3s linear;
}
.pageCollection .itemMain .imgCol .imageItem .prev:hover {
	/* hover */
}
.pageCollection .itemMain .imgCol .imageItem .prev.slick-disabled {
	/* disabled */
	opacity: 0;
}
.pageCollection .itemMain .imgCol .imageItem .next:hover {
	/* hover */
}
.pageCollection .itemMain .imgCol .imageItem .next.slick-disabled {
	/* disabled */
	opacity: 0;
}
.pageCollection .itemMain .imgCol .thumbItem {
	display: none;
}
.pageCollection .itemMain .imgCol .thumbItem.select {
	display: block;
}
.pageCollection .itemMain .imgCol .thumbItem li:hover {
	/* hover */
}
.pageCollection .itemMain .imgCol .thumbItem li.is-active {
	/* active */
}
@media screen and (max-width: 768px) {
	.pageCollection .itemMain .imgCol .imageItem .dots {
		display: block;
	}
	.pageCollection .itemMain .imgCol .itemImg .pager {
		display: flex !important;
	}
	.pageCollection .itemMain .imgCol .itemImg .pager li button {
		width: calc(8 * var(--rs));
		height: calc(8 * var(--rs));
		background: #b8b5b4;
		border-radius: 100%;
		font-size: 0;
	}
	.pageCollection .itemMain .imgCol .itemImg .pager li.slick-active button {
		background: #696b68;
	}
}



.pageCollection .itemMain .ctsCol .spec .img {
	cursor: pointer;
}
.pageCollection .itemMain .ctsCol .spec .img:hover {
	/* hover */
}


.mfp-specModal.mfp-bg {
	opacity: 0.75;
	background: #fff;
	transition: all 0.3s ease-out;
}
.mfp-specModal.mfp-bg.mfp-removing {
	opacity: 0;
}
.mfp-specModal.mfp-wrap .mfp-content {
	transition: all 0.3s ease-out;
}
.mfp-specModal.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}
.mfp-specModal .mfp-container {
	padding: 0 0;
}


.specModal {
	max-width: 980px;
	margin: 0 auto;
	padding: 30px 30px;
	position: relative;
}
.specModal .icnClose {
	position: absolute;
	top: -6px;
	right: 30px;
	width: 35px;
	height: 20px;
	pointer-events: none;
}
.specModal .icnClose::before,
.specModal .icnClose::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	width: 34px;
	height: 1px;
	left: 50%;
	margin-left: -17px;
	background: #494a48;
}
.specModal .icnClose::before {
	transform: rotate(34deg);
}
.specModal .icnClose::after {
	transform: rotate(-34deg);
}
.specModal .inner {
	position: relative;
}
.specModal img {
	max-width: 100%;
}
.specModal .tableTh {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(480 / 2384 * 100%);
	height: 100%;
	overflow: hidden;
}
.specModal .tableTh img {
	max-width: none;
	width: auto;
	height: 100%;
}
@media screen and (max-width: 768px) {
	.specModal {
		padding: 30px calc(25 * var(--rs));
	}
	.specModal img {
		max-width: none;
		width: calc((2384 * 128 * var(--rs)) / 480);
	}
	.specModal .tableTd {
		padding-left: calc(128 * var(--rs));
		overflow: hidden;
	}
	.specModal .tableTd .scroll {
		position: relative;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.specModal .tableTd .imgMask {
		position: relative;
		overflow: hidden;
		width: calc(((2384 * 128 * var(--rs)) / 480) - (128 * var(--rs)));
	}
	.specModal .tableTd .img {
		margin-left: calc(-128 * var(--rs));
	}
	.specModal .tableTh {
		width: calc(128 * var(--rs));
	}
}






.pageCollection .homeBtn {
	display: flex;
	width: calc(830 * var(--rs));
	margin: calc(120 * var(--rs)) auto 0;
}
.pageCollection .homeBtn .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(350 * var(--rs));
	height: calc(50 * var(--rs));
	margin-left: auto;
	box-sizing: border-box;
	padding: calc(10 * var(--rs)) calc(40 * var(--rs));
	background: #fff;
	text-decoration: none;
	font-family: var(--font-gothic);
	font-size: calc(20 * var(--rs));
	font-weight: 300;
	letter-spacing: 0.06em;
	position: relative;
	transition: opacity 0.3s linear;
}
.pageCollection .homeBtn .btn::after {
	content: " ";
	width: calc(10 * var(--rs));
	height: calc(16 * var(--rs));
	background: url(/ct/common/img/icn_slide_arw_r.svg) no-repeat center / contain;
	position: absolute;
	top: 50%;
	right: calc(15 * var(--rs));
	transform: translateY(-50%);
}
.pageCollection .homeBtn .btn:hover {
	opacity: 0.7;
}

@media screen and (max-width: 1390px) {
	.pageCollection .homeBtn {
		padding-left: calc(50 * var(--rs));
	}
}

@media screen and (max-width: 768px) {
	.pageCollection .homeBtn {
		width: auto;
		margin: calc(100 * var(--rs)) auto 0;
		padding: 0 calc(25 * var(--rs));
	}
	.pageCollection .homeBtn .btn {
		width: 100%;
	}
}





/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
	.pageCollection .spTtl {
		box-sizing: border-box;
		padding: 0 calc(25 * var(--rs)) calc(30 * var(--rs));
		text-align: center;
		font-family: var(--font-jost);
		font-weight: 300;
	}
	.pageCollection .spTtl .ttl {
		font-size: calc(28 * var(--rs));
		line-height: 1.2;
		letter-spacing: 0.06em;
	}
	.pageCollection .spTtl .sub {
		margin-top: calc(16 * var(--rs));
		font-size: calc(16 * var(--rs));
	}
}