@charset 'UTF-8';

.widthWrapper {
	overflow-x: hidden!important;
}
@media screen and (max-width: 800px) {
	.widthWrapper .lineHeight186 {
		line-height: 150%;
	}
}
.linkNewFilter {
	position: absolute;
	bottom: 2vw;
	right: 2vw;
	width: 15vw;
	background-position: center top;
}
.linkNewFilter > a {
	display: block;
	border: 1px solid #e50012;
	background: linear-gradient(0deg, rgba(229,0,18,0) 0%, rgba(229,0,18,0) 50%, rgba(229,0,18,1) 50%, rgba(229,0,18,1) 100%);
}
.linkNewFilter > a.hover {
	border: 1px solid #e50012;
	background: linear-gradient(0deg, rgba(229,0,18,0) 0%, rgba(229,0,18,0) 50%, rgba(229,0,18,1) 50%, rgba(229,0,18,1) 100%);
}
.linkNewFilter > a > span {
	display: block;
}
.linkNewFilter > a > span:nth-child(1) {
	width: 15vw;
	height: 2.8vw;
	background-image: url("../images/_svg/linkNewFilterLogo.svg");
	background-size: contain;
}
@media screen and (max-width: 800px) {
	.linkNewFilter {
		width: 45vw;
	}
	.linkNewFilter::after {
		top: -8.4vw;
		left: 50%;
		width: 45vw;
		height: 8.4vw;
	}
	.linkNewFilter > a > span:nth-child(1) {
		width: 45vw;
		height: 8.4vw;
	}
}
.samplePhoto {
	position: relative;
	width: 100vw;
	max-width: 1280px;
	height: 50vw;
	max-height: 640px;
	/*
	width: 100%;
	max-width: 200vh;
	*/
	margin: 0 auto;
	background-position: center top;
	background-size: 100% auto;
	overflow: hidden;
}
.flexBlock .samplePhoto {
	width: 100%!important;
	max-width: inherit!important;
	height: 100%!important;
	max-height: inherit!important;
}
.kvMovie {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	max-height: 55.78947vw;
	transform: translate(-50%, -50%);
}
.samplePhoto > .samplePhotoFrame {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100vw;
	max-width: 1280px;
	border: 2px solid #1e1e1e;
}
.samplePhoto > .samplePhotoClip {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-bottom-left-radius: 400%;
	border-bottom:  solid 2px;
	border-left:  solid 2px;
	overflow: hidden;
}
.nd .samplePhoto > .samplePhotoClip {
	border-left-color: #00a23e;
	border-bottom-color: #00a23e;
}
.pl .samplePhoto > .samplePhotoClip {
	border-left-color: #e50012;
	border-bottom-color: #e50012;
}
.starscape .samplePhoto > .samplePhotoClip {
	border-left-color: #c19854;
	border-bottom-color: #c19854;
}
.circularmagnetslim .samplePhoto > .samplePhotoClip {
	border-left-color: #e3d605;
	border-bottom-color: #e3d605;
}
.square .samplePhoto > .samplePhotoClip {
	border-left-color: #b3db1e;
	border-bottom-color: #b3db1e;
}
.cineandtv .samplePhoto > .samplePhotoClip {
	border-left-color: #dd0062;
	border-bottom-color: #dd0062;
}
.samplePhoto span > img.cover {
	position: absolute;
	top: 0;
	right: 0;
	width: 100vw;
	max-width: 1280px;
}
.flexBlock .samplePhoto span > img.cover {
	position: relative;
	width: 100%!important;
	max-width: inherit!important;
	height: auto!important;
	max-height: inherit!important;
}
.samplePhoto span > span.text14 {
	display: block;
	position: absolute;
	top: 1em;
	right: 1em;
	width: fit-content;
	max-width: 1280px;
	white-space: nowrap;
}
.samplePhoto span.spec {
	display: block;
	position: absolute;
	top: 1em;
	left: 1em;
	width: auto;
	min-width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	padding: 0 0.5em;
}
.samplePhoto span.spec > span {
	display: block;
	/*
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 0 0.5em;
	transform: translate(-50%, -50%);
	*/
	white-space: nowrap;
}
.samplePhoto p:nth-child(1) {
	position: absolute;
	left: 1em;
	bottom: 1em;
}
.pkgBlock .flexBlock {
	position: relative;
}
.productInfo > .productPkg {
	position: relative;
	width: 25%;
	z-index: 5;
}
.productInfo > .productPkgWide {
	width: 45%;
}
.productInfo > .productPkgNew {
	position: relative;
}
.productInfo > .productPkgNew::before {
	content: "";
	display: block;
	position: absolute;
	top: 1em;
	left: 0;
	width: 4em;
	height: 1em;
	background-image: url("../images/_svg/iconNew.svg");
	background-size: auto 100%;
}
.productNewItem {
	display: block;
	position: relative;
}
.productNewItem::before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	width: 20%;
	height: auto;
	padding-top: 5%;
	background-image: url("../images/_svg/iconNew.svg");
	background-size: auto 100%;
}
.productInfo > .productPkg.productPkgNew::before {
	top: 0;
	left: -4em;
}
.productInfo > .productCatch {
	position: absolute;
	top: 50%;
	/*
	width: 12em;
	height: 12em;
	*/
	width: 20%;
	padding-top: 20%;
	border: 1px solid #fff;
	border-radius: 100%;
	transform: translateY(-50%);
	opacity: 0;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	z-index: 2;
}
.productInfo.action > .productCatch {
	opacity: 1;
}
.productInfo > .productCatchLeft {
	left: 37.4%;
}
.productInfo > .productCatchRight {
	right: 37.5%;
}
.productInfo.action > .productCatchLeft {
	left: 5%;
}
.productInfo.action > .productCatchRight {
	right: 5%;
}
.productInfo > .productCatch > span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 95%;
	transform: translate(-50%,-50%);
}
.productInfo > .productCatch a {
	text-decoration: underline;
}
.productPkgList > li {
	width: 13%;
	padding: 0 1% 1em;
	opacity: 0;
	transform: translateY(20px);
}
.productPkgListLarge > li {
	width: 23%;
}
.productPkgList.action > li:nth-child(1) {
	animation: fadeAndSlideIn 0.5s ease-out 0.15s forwards;
}
.productPkgList.action > li:nth-child(2) {
	animation: fadeAndSlideIn 0.5s ease-out 0.3s forwards;
}
.productPkgList.action > li:nth-child(3) {
	animation: fadeAndSlideIn 0.5s ease-out 0.45s forwards;
}
.productPkgList.action > li:nth-child(4) {
	animation: fadeAndSlideIn 0.5s ease-out 0.6s forwards;
}
.productPkgList.action > li:nth-child(5) {
	animation: fadeAndSlideIn 0.5s ease-out 0.75s forwards;
}
.productPkgList.action > li:nth-child(6) {
	animation: fadeAndSlideIn 0.5s ease-out 1s forwards;
}
.productPkgList.action > li:nth-child(7) {
	animation: fadeAndSlideIn 0.5s ease-out 1.15s forwards;
}
.productPkgList.action > li:nth-child(8) {
	animation: fadeAndSlideIn 0.5s ease-out 1.3s forwards;
}
.productPkgList.action > li:nth-child(9) {
	animation: fadeAndSlideIn 0.5s ease-out 1.45s forwards;
}
.productPkgList.action > li:nth-child(10) {
	animation: fadeAndSlideIn 0.5s ease-out 1.6s forwards;
}
@media screen and (max-width: 800px) {
	.productInfo > .productPkg {
		width: 24%;
	}
	.productInfo > .productCatch {
		width: 38%;
		padding-top: 4em;
		border: none;
	}
	.productInfo > .productCatchLeft {
		left: 37.4%;
	}
	.productInfo > .productCatchRight {
		right: 37.5%;
	}
	.productInfo.action > .productCatchLeft {
		left: 0;
	}
	.productInfo.action > .productCatchRight {
		right: 0;
	}
	.productPkgList > li {
		width: 25%;
		padding: 0 2.5% 1em;
	}
	.productPkgListLarge > li {
		width: 40%;
	}
	.productInfo > .productPkg.productPkgNew::before {
		top: -1.5em;
		left: -1em;
	}
}
.tabContent {
	display: none;
}
.flexTabNav li > span {
	display: block;
	width: 100%;
	padding: 0.5em;
	background-color: #abc9e3;
	border-radius: 1em 1em 0 0;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.flexTabNav li > span.selected,
.flexTabNav li > span.hover {
	background-color: #005bab;
	-webkit-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
@media screen and (max-width: 800px) {
	.flexTabNav li.flexList2 {
		width: 50%;
	}
}
.circularmagnetslim .borderWrapper,
.lp .borderWrapper {
	border: 2px solid #1e1e1e;
}
/* animation */
@keyframes fadeAndSlideIn {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.tableWrapper {
	width: 100%;
	padding-bottom: 1em;
	overflow-x: auto;
}
.tableWrapper table {
	width: auto;
	margin: 0 auto;
	/*
	min-width: 1000px;
	*/
}
.tableWrapper table thead {
	background-color: #eee;
}
.tableWrapper table th:nth-child(1) {
	text-align: left;
	background-color: #ccc;
}
.tableWrapper table th,
.tableWrapper table td {
	padding: 0 1em;
	white-space: nowrap;
}
.tableWrapper table td {
	background-color: #f9f9f9;
}
.tableWrapper table.tablePrice td {
	text-align: right;
}
@media screen and (max-width: 800px) {
	.flexSpeck .flexList4:nth-child(n + 3),
	.flexSpeck .flexList4large + .flexList4 {
		margin-top: 1em;
	}
	.flexSpeck .flexList4large {
		width: 100%;
	}
}


.cineandtv .sectionWithImage {
	padding: 2em 10em 1em 1em;
	background-image: url('../images/_cinetv/photo00.jpg');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 110% auto;
	box-sizing: border-box;
	background-color: #231c1d;
}
@media screen and (max-width: 800px) {
	.cineandtv .sectionWithImage {
		padding: 2em 1em 12em 1em;
		background-position: right bottom;
		background-size: 150% auto;
	}
	.cineandtv .flexList3 {
		width: 100%;
	}
}