@charset "UTF-8";
.swiper-slide, .swiper-wrapper {
	height: 100%;
	position: relative;
	width: 100%
}
.swiper-container, ol, ul {
	list-style: none;
	padding: 0
}
@font-face {
	font-family: swiper-icons;
	src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format("woff");
	font-weight: 400;
	font-style: normal
}
:root {
	--swiper-theme-color: #007aff;
	--swiper-navigation-size: 44px
}
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}
.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
.swiper-wrapper {
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.swiper-container-multirow-column>.swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}
.swiper-slide {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}
.swiper-slide-invisible-blank {
	visibility: hidden
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
	height: auto
}
.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform
}
.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
	-ms-scroll-snap-type: y mandatory;
	scroll-snap-type: y mandatory
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
	z-index: 10;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}
.swiper-button-next:after, .swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none!important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left: 10px;
	right: auto
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
	content: 'prev'
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right: 10px;
	left: auto
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
	content: 'next'
}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
	--swiper-navigation-color: #ffffff
}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
	--swiper-navigation-color: #000000
}
.swiper-button-lock {
	display: none
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}
.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}
.swiper-container-cube, .swiper-container-flip, button {
	overflow: visible
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(.33);
	transform: scale(.33);
	position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(.66);
	transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(.33);
	transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(.66);
	transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(.33);
	transform: scale(.33)
}
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}
button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}
.swiper-scrollbar-cursor-drag, .swiper-slide-zoomed {
	cursor: move
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: .2s transform, .2s top;
	transition: .2s transform, .2s top
}
.swiper-pagination-lock, .swiper-scrollbar-lock {
	display: none
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s transform, .2s left;
	transition: .2s transform, .2s left
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s transform, .2s right;
	transition: .2s transform, .2s right
}
.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, .25);
	position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}
.swiper-pagination-white {
	--swiper-pagination-color: #ffffff
}
.swiper-pagination-black {
	--swiper-pagination-color: #000000
}
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}
.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	left: 0;
	top: 0
}
.swiper-zoom-container, header .language {
	display: -webkit-box;
	display: -ms-flexbox
}
.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}
.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s infinite linear;
	animation: swiper-preloader-spin 1s infinite linear;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 4px solid;
	border-radius: 50%;
	border-top-color: transparent
}
body, dd, dl, dt, figure, h1, h2, h3, h4, h5, ol, p, ul {
	margin: 0
}
.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}
@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
a, header .language {
	-webkit-transition-timing-function: cubic-bezier(.2, 1, .2, 1)
}
.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}
.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
/*
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block
}
*/
article, aside, details, figcaption, figure, hgroup, main, menu, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
	display: none
}
a {
	background-color: transparent;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: .7s;
	transition-duration: .7s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	opacity: 1
}
header #globalnav, header .language {
	position: fixed;
	will-change: transform;
	-webkit-transition-property: opacity, -webkit-transform;
	right: 0
}
header .language, header .language li a {
	-webkit-transition-duration: .7s;
	-webkit-transition-delay: 0s
}
a:active, a:hover {
	outline: 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, optgroup, strong {
	font-weight: 700
}
dfn {
	font-style: italic
}
h1 {
	font-size: 2em
}
mark {
	background: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
img {
	border: 0;
	max-width: 100%;
	width: 100%;
	vertical-align: bottom
}
svg:not(:root) {
	overflow: hidden
}
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
pre, textarea {
	overflow: auto
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}
.text, .title, body, header .language li a {
	font-family: Inter, sans-serif
}
button, select {
	text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}
input {
	line-height: normal
}
input[type=checkbox], input[type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	height: auto
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	border: 0;
	padding: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
td, th {
	padding: 0
}
html {
	font-size: 62.5%
}
body {
	padding: 0;
	font-size: 13px;
	letter-spacing: .2em;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	font-smoothing: antialiased;
	background-color: #000;
	overflow: hidden
}
.red_color {
	color: #ff5628
}
a:link, a:visited {
	text-decoration: none;
	color: #000
}
button, input[type=button], input[type=submit] {
	background: 0 0;
	border: 0;
	padding: 0;
	text-align: center;
	cursor: pointer
}
.text, .title {
	color: #fff
}
.breakpc {
	display: block
}
.breaksp {
	display: none
}
@media screen and (max-width:920px) {
	.breakpc {
		display: none
	}
	.breaksp {
		display: block
	}
}
.pc {
	display: block
}
.sp {
	display: none
}
a:hover {
	opacity: .5
}
#l_wrapper {
	overflow: hidden
}
@media screen and (max-width:920px) {
	.pc {
		display: none
	}
	.sp {
		display: block
	}
	#l_wrapper {
		min-width: auto
	}
}
/*
#l_wrapper:after, header:after {
	content: '';
	display: block;
	clear: both
}
*/
#l_wrapper:after{
	content: '';
	display: block;
	clear: both
}
header {
	z-index: 8000;
	width: 100%
}
header .language {
	width: 175px;
	margin-top: 46px;
	display: flex;
	z-index: 8100;
	-webkit-transform: translate(0, -110px);
	transform: translate(0, -110px);
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	transition-duration: .7s;
	transition-delay: 0s
}
header #globalnav, header .language li a {
	-webkit-transition-timing-function: cubic-bezier(.2, 1, .2, 1)
}
header .language.open {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}
header .language li {
	margin-right: 14px
}
header .language li a {
	color: #5C5C5C;
	font-size: 14px;
	letter-spacing: .01em;
	opacity: 1;
	-webkit-transition-property: color, opacity;
	transition-property: color, opacity;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	transition-duration: .7s;
	transition-delay: 0s
}
header .language li a:hover {
	color: #fff
}
header .language li a.active {
	color: #fff!important;
	text-decoration: underline
}
header .language li a.active:hover {
	opacity: .6
}
@media screen and (max-width:920px) {
	header .language {
		width: 130px;
		margin-top: 40px
	}
	header .language li {
		margin-right: 8px
	}
	header .language li a {
		font-size: 11px
	}
}
header #globalnav {
	top: 0;
	padding: 0;
	width: 95px;
	height: 110px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 9100;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	-webkit-transform: translate(0, -100%);
	transform: translate(0, -100%);
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: .7s;
	transition-duration: .7s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}
header #globalnav.open {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}
header #globalnav.active .globalnav__toggle {
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	-webkit-transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
	opacity: 1
}
header #globalnav .globalnav__toggle {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 10px;
	opacity: .7
}
header #globalnav .globalnav__toggle .globalnav__btn, header #globalnav .globalnav__toggle .globalnav__btn:before {
	-webkit-transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-delay: 0s;
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #fff;
	display: block;
	text-align: center
}
header #globalnav .globalnav__toggle .globalnav__btn {
	bottom: 0;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
	transition-delay: 0s
}
header #globalnav .globalnav__toggle .globalnav__btn.active {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
header #globalnav .globalnav__toggle .globalnav__btn.active:before {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	top: 0
}
header #globalnav .globalnav__toggle .globalnav__btn:before {
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
	transition-delay: 0s;
	content: "";
	top: -9px
}
header .headerLayer, header .onlineShop {
	position: fixed;
	-webkit-transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-delay: 0s
}
@media screen and (max-width:920px) {
	header #globalnav {
		width: 69px;
		height: 100px
	}
}
header .onlineShop {
	left: 50%;
	top: -2px;
	z-index: 8001;
	width: 169px;
	margin: 0 auto;
	cursor: pointer;
	opacity: 1;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	will-change: transform, opacity;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	transition-delay: 0s
}
header .onlineShop:hover {
	opacity: .5
}
@media screen and (max-width:920px) {
	header .onlineShop {
		width: 29%
	}
}
header .onlineShop.hidden {
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%)
}
header .headerLayer {
	background-color: #000;
	height: 105px;
	width: 100%;
	z-index: 8000;
	-webkit-transform: translate(0, -100%);
	transform: translate(0, -100%);
	will-change: transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: .7s;
	transition-duration: .7s;
	transition-delay: 0s
}
.opening, .opening .title .border:before {
	-webkit-transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-delay: 0s
}
header .headerLayer.open {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}
header .headerLayer .logo {
	position: absolute;
	width: 115px;
	left: 4%;
	z-index: 7500;
	margin-top: 33px
}
@media screen and (max-width:920px) {
	header .headerLayer .logo {
		width: 22%
	}
}
footer {
	/*
	position: relative;
	background-color: #121315;
	margin-top: 10%;
	padding: 4% 0 2%;
	font-family: 'Noto Sans JP', YuGothic, 'Yu Gothic', Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', メイリオ, sans-serif;
	z-index: 5000
	*/
}
.Index .MvArea .scroll, .Index .conceptMovie .movie .movieIcon, .Index .introduction .viewMore, .nav_area .menus .menu, footer small {
	font-family: Inter, sans-serif
}
footer small {
	display: block;
	font-size: 11px;
	color: #4E4E53;
	margin: 0 auto;
	text-align: center;
	letter-spacing: .04em
}
footer .links {
	width: 800px;
	font-size: 13px;
	margin: 0 auto 38px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
footer .links li a {
	font-weight: 100;
	color: #fff
}
footer .links li {
	margin-left: 30px
}
footer .footerSpace {
	padding-bottom: 18%
}
@media screen and (max-width:920px) {
	footer {
		/*
		margin-top: 0;
		padding: 13% 0 5%
		*/
	}
	footer .links {
		width: 100%;
		display: block;
		margin-bottom: 13%
	}
	footer .links li {
		font-size: 3vw;
		text-align: center;
		margin: 0 0 6%
	}
	footer small {
		font-size: 2vw
	}
	footer .footerSpace {
		padding-bottom: 34%
	}
}
.opening {
	position: fixed;
	background-color: #171717;
	width: 100%;
	height: 100%;
	z-index: 9999;
	overflow: hidden;
	will-change: height;
	-webkit-transition-property: height;
	transition-property: height;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	transition-delay: 0s
}
.opening.active {
	height: 0%
}
.opening .title {
	position: absolute;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	display: inline-block;
	letter-spacing: .05em;
	top: 50vh;
	left: 50vw;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.opening .title .border {
	position: relative;
	display: block;
	width: 100%;
	height: 1px;
	overflow: hidden
}
.opening .title .border:before {
	content: "";
	display: block;
	position: absolute;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: 2s;
	transition-duration: 2s;
	transition-delay: 0s;
	width: 100%;
	background-color: #fff;
	-webkit-transform: translate(-110%, 0);
	transform: translate(-110%, 0);
	height: 3px
}
.nav_area, .nav_area .nav_bg {
	width: 100%;
	height: 100%;
	-webkit-transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-delay: 0s
}
.opening .title.active .border:before {
	-webkit-transform: translate(110%, 0);
	transform: translate(110%, 0)
}
@media screen and (max-width:920px) {
	.opening .title {
		top: 46vh;
		font-size: 4vw
	}
}
.nav_area {
	position: fixed;
	top: 0;
	left: 0;
	opacity: 1;
	z-index: 9000;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	font-size: 40px;
	display: none;
	text-align: center;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	will-change: background-color;
	-webkit-transition-property: background-color;
	transition-property: background-color;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	transition-delay: 0s
}
.nav_area .contentsArea {
	position: absolute;
	left: 50%;
	top: 50%;
	padding: 15vh 0 10vh;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.nav_area .nav_bg {
	position: absolute;
	top: -100%;
	left: 0;
	background-color: #000;
	z-index: 0;
	-webkit-transition-property: top;
	transition-property: top;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
	transition-delay: 0s
}
.nav_area .ballSide, .nav_area .nav_logo img {
	-webkit-transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-delay: 0s
}
.nav_area .nav_bg.active {
	top: 0
}
.nav_area .nav_logo {
	width: 29%;
	position: absolute;
	z-index: 100;
	overflow: hidden;
	left: 13%;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
@media screen and (max-width:1150px) {
	.nav_area .nav_logo {
		left: 9%
	}
}
.nav_area .nav_logo img {
	opacity: 0;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	transition-delay: 0s
}
.nav_area .nav_logo.active img {
	opacity: 1
}
.nav_area .ballSide {
	z-index: 1;
	position: absolute;
	width: 52%;
	opacity: 0;
	-webkit-transform: translate(30%, -50%);
	transform: translate(30%, -50%);
	top: 50%;
	right: -16%;
	will-change: transform;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	transition-delay: 0s
}
.movie_layer, .nav_area .menus .menu {
	-webkit-transition-timing-function: cubic-bezier(.2, 1, .2, 1)
}
.nav_area .ballSide.active {
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	opacity: .4
}
.nav_area .ballSide .green, .nav_area .ballSide .red {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	opacity: 0
}
.nav_area .ballSide .green.active, .nav_area .ballSide .red.active {
	opacity: 1
}
.nav_area .menus {
	width: 40%;
	position: absolute;
	display: block;
	top: 50%;
	right: 9%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	overflow: visible;
	text-align: center;
	opacity: 0;
	z-index: 500
}
.nav_area .menus.active {
	opacity: 1
}
.nav_area .menus .menu {
	text-align: left;
	font-size: 17px;
	font-weight: 700;
	position: relative;
	letter-spacing: .02em;
	height: 30px;
	opacity: 1;
	display: block;
	white-space: nowrap;
	margin-bottom: 3%;
	-webkit-transition-property: opacity, color;
	transition-property: opacity, color;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	z-index: 300
}
@media screen and (max-width:1150px) {
	.nav_area .menus .menu {
		right: 14%
	}
}
.nav_area .menus .menu a {
	color: #5C5C5C
}
.nav_area .menus .menu:hover a {
	color: #FFF;
	cursor: pointer;
	opacity: 1
}
.nav_area .menus .menu.red:hover a {
	color: #F1550B
}
.nav_area .menus .menu.green:hover a {
	color: #63FC2E
}
@media screen and (max-width:1000px) {
	.nav_area {
		overflow: auto;
		min-width: auto
	}
	.nav_area .nav_bg {
		overflow: hidden;
		position: fixed
	}
	.nav_area .pc {
		display: none
	}
	.nav_area .sp {
		display: block
	}
	.nav_area .contentsArea {
		position: relative;
		top: 0;
		left: 0;
		-webkit-transform: none;
		transform: none
	}
	.nav_area .nav_logo {
		width: 43%;
		position: relative;
		left: 0;
		top: 0;
		margin: 0 auto 7%;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}
@media screen and (max-width:1000px) and (max-width:920px) {
	.nav_area .nav_logo {
		width: 47%
	}
}
@media screen and (max-width:1000px) and (max-width:700px) {
	.nav_area .nav_logo {
		width: 54%
	}
}
@media screen and (max-width:1000px) {
	.nav_area .menus {
		position: static;
		display: block;
		width: 100%;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	.nav_area .menus .menu {
		text-align: center;
		font-size: 3.6vw;
		height: auto;
		margin-bottom: 6%;
		color: #fff;
		right: 0
	}
	.nav_area .menus .menu.green:hover, .nav_area .menus .menu.red:hover {
		color: #fff
	}
	.nav_area .ball {
		position: absolute;
		width: 108%;
		bottom: -10%;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		opacity: 0;
		-webkit-transition-property: opacity, -webkit-transform;
		transition-property: opacity, -webkit-transform;
		transition-property: opacity, transform;
		transition-property: opacity, transform, -webkit-transform;
		-webkit-transition-timing-function: cubic-bezier(.2, 1, .2, 1);
		transition-timing-function: cubic-bezier(.2, 1, .2, 1);
		-webkit-transition-duration: .4s;
		transition-duration: .4s;
		-webkit-transition-delay: .1s;
		transition-delay: .1s
	}
	.nav_area .ball.active {
		opacity: 1
	}
}
.movie_layer {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 9999;
	display: none;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	opacity: 0
}
.movie_layer #closeMovie, .movie_layer .inner .movie_box {
	-webkit-transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: .4s
}
.movie_layer.active {
	opacity: 1
}
.movie_layer .inner {
	position: absolute;
	top: calc(50% - 290px);
	left: 0;
	right: 0;
	text-align: center
}
.movie_layer .inner .movie_box {
	max-width: 1000px;
	height: 580px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	opacity: 0;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	transition-duration: .4s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}
.movie_layer .inner .movie_box.active {
	opacity: 1
}
.movie_layer .inner .movie_box iframe {
	width: 100%;
	height: 100%;
	display: block
}
@media screen and (max-width:920px) {
	.movie_layer .inner {
		top: 50%;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%)
	}
	.movie_layer .inner .movie_box {
		height: 55vw
	}
}
.movie_layer #closeMovie {
	position: absolute;
	display: inline-block;
	top: 40px;
	right: 40px;
	width: 40px;
	height: 10px;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	transition-duration: .4s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}
.movie_layer #closeMovie .closeMovieButton, .movie_layer #closeMovie .closeMovieButton:before {
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #fff;
	text-align: center
}
.movie_layer #closeMovie:hover {
	opacity: .4
}
.movie_layer #closeMovie .closeMovieButton {
	bottom: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 1
}
.movie_layer #closeMovie .closeMovieButton:before {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	content: "";
	top: 0
}
.Index .mvcontainer {
	position: relative;
	overflow: hidden;
	z-index: 5000
}
.Index .mvcontainer .logo {
	position: absolute;
	width: 115px;
	left: 4%;
	z-index: 7500;
	margin-top: 39px
}
@media screen and (max-width:920px) {
	.Index .mvcontainer .logo {
		width: 22%
	}
}
.Index .MvArea {
	position: relative;
	width: 100vw;
	height: 100vh;
	padding-top: 11%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.Index .MvArea .titleLogo {
	position: relative;
	z-index: 1000;
	width: 14%;
	margin: 0 auto 5%
}
.Index .MvArea .title {
	position: relative;
	width: 24%;
	z-index: 1000;
	margin: 0 auto;
	text-align: center
}
.Index .MvArea .title.active span img {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}
.Index .MvArea .title.active span.sub {
	opacity: 1
}
.Index .MvArea .title span {
	display: inline-block;
	overflow: hidden
}
.Index .MvArea .title span img {
	-webkit-transform: translate(0, 110%);
	transform: translate(0, 110%);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	-webkit-transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}
.Index .MvArea .title span.sub {
	margin-top: 3%;
	width: 100%;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	opacity: 0
}
.Index .MvArea .ballContainer {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute
}
.Index .MvArea .ballContainer.active .bgline, .Index .MvArea .ballContainer.active .gradLayer {
	opacity: 1
}
.Index .MvArea .ballContainer .bgline, .Index .MvArea .ballContainer .gradLayer {
	opacity: 0;
	-webkit-transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	position: absolute
}
.Index .MvArea .ballContainer .bgline {
	top: -29%;
	left: -38%;
	width: 180%;
	z-index: 500;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: 2s;
	transition-duration: 2s;
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}
.Index .MvArea .ballContainer .bgline .bglineIEImage {
	display: none
}
.Index .MvArea .ballContainer .bgline span {
	display: block;
	position: absolute
}
.Index .MvArea .ballContainer .bgline span.mv_l {
	top: 0;
	left: 15%;
	margin-top: 15%;
	width: 69%
}
.Index .MvArea .ballContainer .bgline span.mv_r {
	top: 0;
	margin-top: 24%;
	right: 17%;
	width: 67%
}
.Index .MvArea .ballContainer .gradLayer {
	width: 100%;
	top: 4%;
	z-index: 100;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: 2s;
	transition-duration: 2s;
	-webkit-transition-delay: .5s;
	transition-delay: .5s
}
.BallInfo.Red .anotherProduct .link, .Index .conceptMovie .movie {
	-webkit-transition-property: background-size;
	-webkit-transition-duration: 1.5s
}
.Index .conceptMovie .movie, .Index .conceptMovie .movie .movieIcon {
	-webkit-transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-delay: 0s
}
.Index .MvArea .ballContainer .gradLayer .bggrad {
	position: absolute;
	width: 68%;
	top: 0;
	-webkit-transform: translate(-24%, 0);
	transform: translate(-24%, 0);
	opacity: .8;
	z-index: -100
}
.Index .MvArea .ballContainer .gradLayer .bggrad.red {
	left: -3%
}
.Index .MvArea .ballContainer .gradLayer .bggrad.green {
	right: -29%;
	z-index: 0
}
.Index .MvArea .leftBall {
	position: absolute;
	width: 36%;
	left: -3%;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 1000
}
.Index .MvArea .rightBall {
	position: absolute;
	width: 36%;
	right: -3%;
	top: 50%;
	z-index: 1000;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.Index .MvArea .scroll {
	display: inline-block;
	position: absolute;
	left: 50%;
	bottom: 10%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	color: #fff;
	z-index: 6000;
	font-size: 16px;
	letter-spacing: .04em
}
@media screen and (max-height:645px) {
	.Index .MvArea .scroll {
		font-size: 14px;
		bottom: 6%
	}
}
.Index .MvArea .scroll .mv_arrow {
	position: absolute;
	width: 1px;
	height: 60px;
	margin: 0 auto;
	top: 150%;
	left: 50%;
	display: block;
	overflow: hidden;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}
.Index .MvArea .scroll .mv_arrow:after {
	content: "";
	display: block;
	position: absolute;
	width: 10px;
	height: 60px;
	background-size: cover;
	left: 0;
	top: 0;
	background-color: #fff;
	-webkit-animation-name: mv_arrow_anim_arrow;
	animation-name: mv_arrow_anim_arrow;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
@-webkit-keyframes mv_scroll_anim {
	0%, 100% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
	75% {
		opacity: .8
	}
}
@keyframes mv_scroll_anim {
	0%, 100% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
	75% {
		opacity: .8
	}
}
@-webkit-keyframes mv_arrow_anim_arrow {
	0% {
		top: -100%;
		opacity: 0
	}
	100% {
		top: 115%;
		opacity: 1
	}
}
@keyframes mv_arrow_anim_arrow {
	0% {
		top: -100%;
		opacity: 0
	}
	100% {
		top: 115%;
		opacity: 1
	}
}
.Index .conceptMovie {
	position: relative;
	z-index: 5000
}
.Index .conceptMovie .gradbg {
	padding-top: 13%;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #000), color-stop(60%, rgba(0, 0, 0, .5)), to(transparent));
	background: -webkit-linear-gradient(bottom, #000 30%, rgba(0, 0, 0, .5) 60%, transparent);
	background: linear-gradient(to top, #000 30%, rgba(0, 0, 0, .5) 60%, transparent)
}
.Index .conceptMovie .title {
	font-size: 26px;
	letter-spacing: .01em;
	text-align: center;
	margin-bottom: 2%
}
.Index .conceptMovie .text {
	text-align: center;
	font-size: 14px;
	line-height: 2em;
	letter-spacing: .01em;
	padding-bottom: 4%
}
.Index .conceptMovie .movie {
	width: 100%;
	position: relative;
	padding-top: 34%;
	background: url(../image/index/movieThumb.png) center no-repeat;
	background-size: 100% auto;
	will-change: background-size;
	transition-property: background-size;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	transition-duration: 1.5s;
	transition-delay: 0s;
	cursor: pointer
}
.Index .conceptMovie .movie:hover {
	background-size: 120% auto
}
.Index .conceptMovie .movie:hover .movieIcon {
	opacity: .5
}
.Index .conceptMovie .movie .movieIcon {
	position: absolute;
	left: 50%;
	top: 50%;
	width: auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	white-space: nowrap;
	opacity: 1;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: .7s;
	transition-duration: .7s;
	transition-delay: 0s
}
.Index .introduction .viewMore span:after, .Index .onlineShops .links li a {
	-webkit-transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-delay: 0s
}
.Index .conceptMovie .movie .movieIcon img {
	width: 47%;
	margin-bottom: 15px
}
.Index .conceptMovie .movie .movieIcon span {
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	font-size: 19px;
	font-weight: 700;
	letter-spacing: .01em;
	color: #fff
}
.Index .introduction {
	margin-top: 20%;
	position: relative;
	z-index: 1000;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.Index .introduction .ballsInfo {
	position: relative;
	margin-bottom: 24%
}
.Index .introduction .ballsInfo .bgline .bglineIEImage {
	display: none
}
.Index .introduction .ballsInfo.conferenceLeague {
	margin-bottom: 3%
}
.Index .introduction .ballsInfo.conferenceLeague .bgline {
	width: 200%;
	top: -120%;
	left: -75%;
	position: absolute;
	z-index: 1000
}
.Index .introduction .ballsInfo.conferenceLeague .bgline .pro_2 {
	position: absolute;
	display: block;
	width: 55%;
	left: 33%;
	margin-top: 7%
}
.Index .introduction .ballsInfo.conferenceLeague .leagueInfo .title {
	color: #63FC2E
}
.Index .introduction .ballsInfo.league {
	z-index: 1100
}
.Index .introduction .ballsInfo.league .bgline {
	width: 155%;
	top: -90%;
	left: -30%;
	position: absolute
}
.Index .introduction .ballsInfo.league .bgline .pro_1 {
	position: absolute;
	display: block;
	width: 67%;
	left: 17%
}
@media screen and (max-width:1080px) {
	.Index .introduction .ballsInfo .sp {
		display: block
	}
	.Index .introduction .ballsInfo .text {
		width: 80%
	}
}
.Index .introduction .ballArea {
	position: relative;
	width: 100%;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	text-align: center;
	margin-bottom: 10%
}
.Index .introduction .ballArea canvas {
	position: relative;
	margin: 0 auto;
	z-index: 2000
}
.Index .introduction .ballArea .ball img{
	position:relative;
	z-index:9999;
	width:40%;
}
.Index .introduction .bggrad {
	position: absolute;
	width: 78%;
	left: 50%;
	bottom: -45%;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	opacity: .8;
	z-index: -100
}
.Index .introduction .title {
	position: relative;
	z-index: 500;
	font-size: 26px;
	letter-spacing: .03em;
	text-align: center;
	margin-bottom: 2%
}
.Index .introduction .text {
	position: relative;
	z-index: 500;
	text-align: left;
	font-size: 14px;
	letter-spacing: .01em;
	line-height: 1.7em;
	width: 57%;
	margin: 0 auto 3%
}
.Index .introduction .viewMore {
	position: relative;
	font-size: 17px;
	letter-spacing: .01em;
	text-align: center;
	margin-bottom: 12%
}
.Index .introduction .viewMore span {
	position: relative;
	color: #fff;
	margin: 0 auto;
	display: inline-block;
	overflow: visible;
	padding-bottom: 10px
}
.Index .introduction .viewMore span a {
	color: #fff
}
.Index .introduction .viewMore span:hover:after {
	opacity: .5
}
.Index .introduction .viewMore span:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	bottom: 9px;
	height: 1px;
	background-color: #fff;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: .7s;
	transition-duration: .7s;
	transition-delay: 0s;
	opacity: 1
}
.Index .introduction .descriptionArea {
	width: 80%;
	margin: 0 auto;
	max-width: 1600px
}
.Index .introduction .descriptionArea:after {
	content: '';
	display: block;
	clear: both
}
.Index .introduction .descriptionArea .leagueInfo {
	width: 37%;
	padding-top: 8%;
	float: left
}
.Index .introduction .descriptionArea .leagueInfo .leagueLogo {
	width: 18%;
	margin: 0 auto 3%
}
.Index .introduction .descriptionArea .leagueInfo .title {
	color: #F1550B;
	font-size: 24px;
	font-weight: 700;
	margin: 0 auto 8%
}
.Index .introduction .descriptionArea .leagueInfo .text {
	width: 100%;
	text-align: left;
	font-size: 14px;
	letter-spacing: .01em;
	line-height: 2em
}
.Index .introduction .seasonInfo {
	position:relative;
	z-index:500;
	width:52%;
	float:right
}
.Index .introduction .seasonInfo .title {
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	line-height: 1.6em;
	margin-bottom: 5%
}
.Index .introduction .seasonInfo .items {
	width: 100%
}
@media screen and (max-width:1080px) {
	.Index .introduction .seasonInfo .items.sp {
		display: none
	}
}
.Index .introduction .seasonInfo .items>div:last-of-type {
	border-bottom: 1px solid #9A9A9A
}
.Index .introduction .seasonInfo .items .item {
	display: table;
	width: 100%;
	padding: 20px;
	border-top: 1px solid #9A9A9A;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.Index .introduction .seasonInfo .items .item .textArea {
	display: table-cell;
	text-align: left
}
.Index .introduction .seasonInfo .items .item .textArea span {
	display: block;
	color: #A0A0A0
}
.Index .introduction .seasonInfo .items .item .title {
	width: 34%;
	font-size: 13px;
	text-align: left;
	color: #A0A0A0;
	display: table-cell
}
.Index .introduction .seasonInfo .items .item .text {
	font-size: 13px;
	text-align: left;
	letter-spacing: .01em;
	width: 100%;
	line-height: 2em;
	margin-bottom: 0
}
.Index .introduction .seasonInfo .items .item .text.mb {
	margin-bottom: 5%
}
@media screen and (max-width:1080px) {
	.Index .introduction .descriptionArea {
		width: 80%
	}
	.Index .introduction .descriptionArea:after {
		content: '';
		display: block;
		clear: both
	}
	.Index .introduction .descriptionArea .leagueInfo {
		width: 100%;
		float: static;
		padding-top: 0
	}
	.Index .introduction .descriptionArea .leagueInfo .leagueLogo {
		width: 32%;
		margin: 0 auto 5%
	}
	.Index .introduction .descriptionArea .leagueInfo .title {
		margin: 0 auto 5%
	}
	.Index .introduction .descriptionArea .leagueInfo .text {
		width: 100%;
		margin-bottom: 22%
	}
	.Index .introduction .descriptionArea .leagueInfo .text.mm {
		margin-bottom: 5%
	}
	.Index .introduction .seasonInfo {
		width: 100%;
		float: static
	}
	.Index .introduction .seasonInfo .title {
		margin-bottom: 9%
	}
	.Index .introduction .seasonInfo .items .item {
		display: block;
		width: 100%;
		padding: 4% 0
	}
	.Index .introduction .seasonInfo .items .item .title {
		display: block;
		width: 100%;
		white-space: nowrap;
		text-align: left;
		margin-bottom: 3%;
		color: #A0A0A0
	}
	.Index .introduction .seasonInfo .items .item .text {
		text-align: left;
		display: block;
		letter-spacing: .01em;
		width: 100%;
		line-height: 2em;
		margin-bottom: 0
	}
	.Index .introduction .seasonInfo .items .item .text.mb {
		margin-bottom: 5%
	}
}
.Index .onlineShops {
	width: 78%;
	margin: 0 auto
}
.Index .onlineShops .mapImage {
	width: 110%;
	-webkit-transform: translate(-5%, -5%);
	transform: translate(-5%, -5%)
}
.Index .onlineShops .title {
	position: relative;
	font-size: 25px;
	text-align: center;
	font-weight: 700;
	margin-top: 12%;
	z-index: 500
}
section.onlineShops div.links-world{
	position:relative;
}
section.onlineShops div.links-world p.pin{
	position:absolute;
	display:flex;
}
section.onlineShops div.links-world p.pin.europe{
	top:35%;
	left:50%;
}
section.onlineShops div.links-world p.pin.asia{
	top:40%;
	right:20%;
}
section.onlineShops div.links-world p.pin.n-america{
	top:35%;
	left:10%;
}
section.onlineShops div.links-world p.pin.l-america{
	bottom:20%;
	left:20%;
}
section.onlineShops div.links-world p.pin i{
	display:block;
	width:8px;
	height:8px;
	background:#fff;
	border-radius:50%;
	margin:0 auto 20px auto;
}
section.onlineShops div.links-world p.pin a{
	color:#fff;
	font-size:16px;
	font-weight:700;
	line-height:1.4;
}
section.onlineShops div.links-detail{
	padding-bottom:10%;
	margin:0 auto;
}
section.onlineShops div.links-detail > div.box{}
section.onlineShops div.links-detail > div.box + div.box{
	margin-top:3.2em;
}
section.onlineShops div.links-detail > div.box h4{
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-align-items:center;
	align-items:center;
	color:#fff;
	font-size:22px;
	font-weight:700;
	margin-bottom:0.8em;
}
section.onlineShops div.links-detail > div.box h4:before,
section.onlineShops div.links-detail > div.box h4:after{
	content:"";
	display:block;
	width:100%;
	height:1px;
	background:#646464;
}
section.onlineShops div.links-detail > div.box h4 > span{
	flex-shrink:0;
	margin:0 0.8em;
}
section.onlineShops div.links-detail > div.box ul{
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
section.onlineShops div.links-detail > div.box li{
	width:25%;
	padding:0.4em 0.4em;
}
section.onlineShops div.links-detail > div.box li.no-link{}
section.onlineShops div.links-detail > div.box li.no-link span{
	display:block;
	color:#fff;
	font-size:13px;
	letter-spacing:.01em;
	text-align:center;
	border:1px solid #646464;
	border-radius:4px;
	padding:6% 0;
	-webkit-transition-property:border;
	transition-property:border;
	transition-timing-function:cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration:.6s;
	transition-duration:.6s;
	transition-delay:0s;
	opacity:0.4;
}
section.onlineShops div.links-detail > div.box li a{
	display:block;
	color:#fff;
	font-size:13px;
	letter-spacing:.01em;
	text-align:center;
	border:1px solid #646464;
	border-radius:4px;
	padding:6% 0;
	-webkit-transition-property:border;
	transition-property:border;
	transition-timing-function:cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration:.6s;
	transition-duration:.6s;
	transition-delay:0s;
}
.Index .onlineShops .links {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	margin: -7% auto 20%;
	z-index: 200
}
.Index .onlineShops .links li {
	font-size: 17px;
	letter-spacing: .01em;
	width: 100%
}
.Index .onlineShops .links li a {
	display: block;
	border-radius: 999px;
	padding: 7% 0;
	border: 1px solid #646464;
	color: #fff;
	text-align: center;
	width: 80%;
	white-space: nowrap;
	-webkit-transition-property: border;
	transition-property: border;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	transition-delay: 0s
}
.Index .onlineShops .links li a:hover {
	opacity: 1;
	border: 1px solid #fff
}
@media screen and (max-width:1080px) {
	.Index .onlineShops .links {
		width: 80%;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.Index .onlineShops .links li {
		width: 46%;
		margin-bottom: 6%
	}
	.Index .onlineShops .links li a {
		width: 100%
	}
}
.Index .aboutMolten {
	position: relative;
	padding-top: 21.4%
}
.Index .aboutMolten .bgImage {
	position: absolute;
	width: 96%;
	top: 0;
	z-index: 0
}
.Index .aboutMolten .slideArea {
	width: 100%;
	margin-top: -5%;
	margin-left: 10%;
	margin-bottom: 9%
}
.Index .aboutMolten .slideArea .swiper-wrapper>div:nth-of-type(even) {
	margin-top: 4.3%
}
.Index .aboutMolten .about {
	width: 71%;
	margin: 0 auto;
	min-width: 970px
}
.Index .aboutMolten .about .item {
	display: table;
	margin-bottom: 7%
}
.Index .aboutMolten .about .item .title {
	font-size: 26px;
	display: table-cell;
	white-space: nowrap;
	letter-spacing: .01em;
	width: 29%
}
.Index .aboutMolten .about .item .title span {
	display: block;
	padding-top: 0
}
.Index .aboutMolten .about .item .textArea {
	display: table-cell;
	vertical-align: top
}
.Index .aboutMolten .about .item .textArea .text {
	letter-spacing: .01em;
	font-size: 14px;
	line-height: 2em
}
@media screen and (max-width:1080px) {
	.Index .aboutMolten {
		padding-top: 26%;
		width: 97%
	}
	.Index .aboutMolten .bgImage {
		right: 0;
		width: 120%
	}
	.Index .aboutMolten .slideArea {
		width: 100%;
		margin-left: 10%;
		margin-bottom: 13%
	}
	.Index .aboutMolten .about {
		width: 93%;
		min-width: auto
	}
	.Index .aboutMolten .about .item {
		display: block;
		margin-bottom: 8%
	}
	.Index .aboutMolten .about .item .title {
		margin-bottom: 3%;
		display: block;
		width: auto
	}
	.Index .aboutMolten .about .item .textArea {
		display: block
	}
}
@media screen and (max-width:920px) {
	.Index .MvArea {
		position: relative;
		width: 100vw;
		height: auto;
		overflow: visible;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		min-width: auto;
		padding-top: 0
	}
	.Index .MvArea .titleLogo {
		width: 35%;
		margin: 28% auto 11%
	}
	.Index .MvArea .title {
		width: 61%;
		margin: 0 auto 10%
	}
	.Index .MvArea .ballContainer {
		position: relative;
		width: 100%;
		padding-top: 80%
	}
	.Index .MvArea .ballContainer .bgline {
		position: absolute;
		top: -43%;
		left: -65%;
		width: 237%;
		z-index: 500
	}
	.Index .MvArea .ballContainer .bgline span.mv_l {
		left: 17%;
		width: 66%
	}
	.Index .MvArea .ballContainer .bgline span.mv_r {
		right: 19%
	}
	.Index .MvArea .ballContainer .gradLayer {
		width: 100%;
		position: absolute;
		top: -10%;
		z-index: 100
	}
	.Index .MvArea .ballContainer .gradLayer .bggrad {
		position: absolute;
		width: 91%;
		bottom: -35%;
		-webkit-transform: translate(-15%, 0);
		transform: translate(-15%, 0)
	}
	.Index .MvArea .ballContainer .gradLayer .bggrad.red {
		left: -17%;
		opacity: 1;
		z-index: 10
	}
	.Index .MvArea .ballContainer .gradLayer .bggrad.green {
		right: -38%;
		opacity: .4;
		z-index: 0
	}
	.Index .MvArea .leftBall .ball, .Index .MvArea .rightBall .ball {
		position: relative;
		z-index: 200
	}
	.Index .MvArea .leftBall {
		width: 59%;
		left: -17%;
		top: 0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	.Index .MvArea .rightBall {
		width: 59%;
		right: -17%;
		top: 0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	.Index .MvArea .scroll {
		font-size: 4vw;
		bottom: 3%
	}
	.Index .MvArea .scroll .mv_arrow {
		position: absolute;
		width: 2px;
		height: 110px;
		margin: 0 auto;
		top: 133%;
		left: 50%;
		display: block;
		overflow: hidden;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	.Index .MvArea .scroll .mv_arrow:after {
		content: "";
		display: block;
		position: absolute;
		width: 2px;
		height: 70px;
		background-size: cover;
		left: 64%;
		top: 0;
		background-color: #fff;
		-webkit-animation-name: mv_arrow_anim_arrow;
		animation-name: mv_arrow_anim_arrow;
		-webkit-animation-duration: 3s;
		animation-duration: 3s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite
	}
	.Index .conceptMovie .gradbg {
		padding-top: 45%;
		background: -webkit-gradient(linear, left bottom, left top, color-stop(70%, #000), color-stop(80%, rgba(0, 0, 0, .5)), to(transparent));
		background: -webkit-linear-gradient(bottom, #000 70%, rgba(0, 0, 0, .5) 80%, transparent);
		background: linear-gradient(to top, #000 70%, rgba(0, 0, 0, .5) 80%, transparent)
	}
	.Index .conceptMovie .title {
		font-size: 4.6vw;
		text-align: center;
		margin-bottom: 7%
	}
	.Index .conceptMovie .text {
		text-align: left;
		font-size: 3vw;
		line-height: 1.75em;
		width: 88%;
		margin: 0 auto 15%
	}
	.Index .conceptMovie .movie {
		width: 100%;
		position: relative;
		padding-top: 45%;
		background-size: 132% auto
	}
	.Index .conceptMovie .movie:hover {
		background-size: 150% auto
	}
	.Index .conceptMovie .movie .movieIcon span {
		font-size: 2.5vw
	}
	.Index .introduction {
		margin-top: 26%
	}
	.Index .introduction .ballArea {
		position: relative;
		width: 100%;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		margin-bottom: 16%
	}
	.Index .introduction .ballArea .ball img{
		position:relative;
		z-index:9999;
		width:66%;
	}
	.Index .introduction .ballsInfo.league .bgline {
		width: 203%;
		top: -64%;
		left: -60%
	}
	.Index .introduction .ballsInfo.conferenceLeague {
		margin-bottom: 13%
	}
	.Index .introduction .ballsInfo.conferenceLeague .bgline {
		width: 294%;
		top: -102%;
		left: -125%
	}
	.Index .introduction .bggrad {
		width: 107%;
		bottom: -22%
	}
	.Index .introduction .title {
		text-align: center;
		font-size: 4.6vw;
		line-height: 1.5em;
		margin-bottom: 8%
	}
	.Index .introduction .text {
		text-align: left;
		font-size: 3vw;
		width: 88%;
		margin-bottom: 10%
	}
	.Index .introduction .viewMore {
		font-size: 3.1vw
	}
	.Index .introduction .descriptionArea {
		width: 88%
	}
	.Index .introduction .descriptionArea .leagueInfo .title {
		font-size: 5vw
	}
	.Index .introduction .descriptionArea .leagueInfo .text {
		font-size: 3vw
	}
	.Index .introduction .seasonInfo .title {
		font-size: 5vw
	}
	.Index .introduction .seasonInfo .items {
		border-top: 1px solid #9A9A9A
	}
	.Index .introduction .seasonInfo .items.sp {
		display: block
	}
	.Index .introduction .seasonInfo .items .open_content .show_area {
		overflow: hidden;
		will-change: height;
		height: 0
	}
	.Index .introduction .seasonInfo .items .open_content .show_area .inner {
		padding-bottom: 3%
	}
	.Index .introduction .seasonInfo .items .open_content .show_area .inner p:last-of-type {
		margin-bottom: 0
	}
	.Index .introduction .seasonInfo .items .open_content.opened .viewMoreForOpen .viewMoreEl:after {
		-webkit-transform: translate(0, -50%) rotate(0);
		transform: translate(0, -50%) rotate(0)
	}
	.Index .introduction .seasonInfo .items .open_content .viewMoreForOpen {
		position: relative;
		margin-top: 0;
		font-size: 3.3vw;
		font-weight: 400;
		letter-spacing: .02em;
		text-align: center;
		color: #fff;
		padding: 5% 0
	}
	.Index .introduction .seasonInfo .items .open_content .viewMoreForOpen:hover {
		cursor: pointer
	}
	.Index .introduction .seasonInfo .items .open_content .viewMoreForOpen .viewMoreEl {
		position: relative;
		display: block;
		width: 23%;
		margin: 0 auto;
		white-space: nowrap
	}
	.Index .introduction .seasonInfo .items .open_content .viewMoreForOpen .viewMoreEl:before {
		content: "";
		display: block;
		position: absolute;
		height: 1px;
		background-color: #fff;
		width: 20%;
		top: 50%;
		right: -29%;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%)
	}
	.Index .introduction .seasonInfo .items .open_content .viewMoreForOpen .viewMoreEl:after {
		content: "";
		display: block;
		position: absolute;
		height: 1px;
		background-color: #fff;
		width: 20%;
		top: 50%;
		right: -29%;
		-webkit-transform: translate(0, -50%) rotate(90deg);
		transform: translate(0, -50%) rotate(90deg);
		-webkit-transition-property: opacity, -webkit-transform;
		transition-property: opacity, -webkit-transform;
		transition-property: opacity, transform;
		transition-property: opacity, transform, -webkit-transform;
		-webkit-transition-timing-function: cubic-bezier(.2, 1, .2, 1);
		transition-timing-function: cubic-bezier(.2, 1, .2, 1);
		-webkit-transition-duration: 1s;
		transition-duration: 1s;
		-webkit-transition-delay: 0s;
		transition-delay: 0s
	}
	.Index .introduction .seasonInfo .items .item {
		border-top: none;
		border-bottom: 1px solid #9A9A9A
	}
	.Index .introduction .seasonInfo .items .item .text, .Index .introduction .seasonInfo .items .item .title {
		font-size: 3vw
	}
	.Index .introduction .seasonInfo .items .item.last {
		border-bottom: none
	}
	.Index .onlineShops {
		width: 100%
	}
	.Index .onlineShops .mapImage {
		width: 95%;
		margin: 0 auto 10%;
		-webkit-transform: none;
		transform: none
	}
	.Index .onlineShops .title {
		font-size: 4vw;
		font-weight: 500;
		text-align: center;
		margin-top: 23%;
		margin-bottom: 7%
	}
	section.onlineShops div.links-world{
		position:relative;
	}
	section.onlineShops div.links-world p.pin{
		position:absolute;
		display:flex;
	}
	section.onlineShops div.links-world p.pin.europe{
		top:30%;
		left:45%;
	}
	section.onlineShops div.links-world p.pin.asia{
		top:40%;
		right:20%;
	}
	section.onlineShops div.links-world p.pin.n-america{
		top:35%;
		left:5%;
	}
	section.onlineShops div.links-world p.pin.l-america{
		bottom:10%;
		left:15%;
	}
	section.onlineShops div.links-world p.pin i{
		display:block;
		width:8px;
		height:8px;
		background:#fff;
		border-radius:50%;
		margin:0 auto 5px auto;
	}
	section.onlineShops div.links-world p.pin a{
		color:#fff;
		font-size:3vw;
		font-weight:700;
		line-height:1.4;
		letter-spacing:0.05em;
	}
	section.onlineShops div.links-detail{
		padding:0 0.8em 10% 0.8em;
		margin:0 auto;
	}
	section.onlineShops div.links-detail > div.box{}
	section.onlineShops div.links-detail > div.box + div.box{
		margin-top:3.2em;
	}
	section.onlineShops div.links-detail > div.box h4{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:nowrap;
		flex-wrap:nowrap;
		-webkit-align-items:center;
		align-items:center;
		color:#fff;
		font-size:3.4vw;
		font-weight:500;
		margin-bottom:0.8em;
	}
	section.onlineShops div.links-detail > div.box h4:before,
	section.onlineShops div.links-detail > div.box h4:after{
		content:"";
		display:block;
		width:100%;
		height:1px;
		background:#646464;
	}
	section.onlineShops div.links-detail > div.box h4 > span{
		flex-shrink:0;
		margin:0 0.8em;
	}
	section.onlineShops div.links-detail > div.box ul{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	section.onlineShops div.links-detail > div.box li{
		width:50%;
		padding:0.4em 0.4em;
	}
	section.onlineShops div.links-detail > div.box li a{
		display:block;
		color:#fff;
		font-size:3vw;
		letter-spacing:.01em;
		text-align:center;
		border:1px solid #646464;
		border-radius:4px;
		padding:6% 1%;
		-webkit-transition-property:border;
		transition-property:border;
		transition-timing-function:cubic-bezier(.2, 1, .2, 1);
		-webkit-transition-duration:.6s;
		transition-duration:.6s;
		transition-delay:0s;
	}
	.Index .onlineShops .links {
		display: block;
		min-width: auto;
		width: 61%;
		margin: 0 ​auto 20%
	}
	.Index .onlineShops .links li {
		width: 100%;
		font-size: 3.7vw;
		margin-bottom: 6%
	}
	.Index .onlineShops .links li a {
		padding: 7% 0;
		width: 100%
	}
	.Index .aboutMolten .about .item {
		margin-bottom: 19%
	}
	.Index .aboutMolten .about .item .title {
		font-size: 5vw;
		margin-bottom: 6%
	}
	.Index .aboutMolten .about .item .textArea .text {
		font-size: 3vw;
		line-height: 1.75em;
		margin-bottom: 5%
	}
}
.BallInfo .onlineShops .links li a, .BallInfo.Red .anotherProduct .link {
	-webkit-transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-delay: 0s
}
.IELayout .bglineIEImage {
	display: block!important
}
.IELayout .bglineSvg {
	display: none!important
}
.middle {
	display: none
}
.BallInfoBallContainer {
	position: fixed;
	width: 50%;
	height: 100%;
	z-index: 0;
	overflow: hidden
}
.BallInfoBallContainer canvas {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: 0 auto;
	z-index: 2000
}
.BallInfoBallContainer img.ball{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	display:block;
	width:60%;
	z-index:1001;
}
.BallInfoBallContainer.Red .bgline {
	width: 292%;
	top: 50%;
	left: -128%;
	position: absolute;
	-webkit-transform: translate3d(0, -54%, 0);
	transform: translate3d(0, -54%, 0);
	z-index: 1000
}
.BallInfoBallContainer.Red .bgline .pro_1 {
	display: block;
	position: absolute;
	width: 63%;
	margin-top: -33%;
	left: 22%
}
.BallInfoBallContainer.Red .bggrad {
	top: 51%
}
.BallInfoBallContainer .bgline {
	width: 292%;
	top: 50%;
	left: -120%;
	position: absolute;
	-webkit-transform: translate3d(0, -43%, 0);
	transform: translate3d(0, -43%, 0);
	z-index: 1000
}
.BallInfoBallContainer .bgline .pro_2 {
	display: block;
	position: absolute;
	width: 54%;
	margin-top: -22%;
	left: 35%
}
.BallInfoBallContainer .bgline .bglineIEImage {
	display: none
}
.BallInfoBallContainer .bggrad {
	position: absolute;
	width: 120%;
	left: 50%;
	top: 55%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	z-index: -100
}
.BallInfo>.container:after {
	content: '';
	display: block;
	clear: both
}
.BallInfo.Red .contentsArea .productFeatures .feature>.title {
	color: #C23C00
}
.BallInfo.Red .contentsArea .productFeatures .feature>.title:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	top: 50%;
	background: url(../image/ballInfo/product01/bgTitleLine.png) no-repeat;
	background-size: 100% auto;
	z-index: 0
}
.BallInfo.Red .contentsArea .product .price {
	width: 332px;
	margin: 20px auto 0
}
.BallInfo .contentsArea {
	position: relative;
	width: 50%;
	background-color: #121315;
	float: right;
	z-index: 3000;
	color: #fff
}
@-webkit-keyframes loop {
	0% {
		-webkit-transform: translateX(160%);
		transform: translateX(160%)
	}
	to {
		-webkit-transform: translateX(-140%);
		transform: translateX(-140%)
	}
}
@keyframes loop {
	0% {
		-webkit-transform: translateX(160%);
		transform: translateX(160%)
	}
	to {
		-webkit-transform: translateX(-140%);
		transform: translateX(-140%)
	}
}
@-webkit-keyframes loop2 {
	0% {
		-webkit-transform: translateX(60%);
		transform: translateX(60%)
	}
	to {
		-webkit-transform: translateX(-240%);
		transform: translateX(-240%)
	}
}
@keyframes loop2 {
	0% {
		-webkit-transform: translateX(60%);
		transform: translateX(60%)
	}
	to {
		-webkit-transform: translateX(-240%);
		transform: translateX(-240%)
	}
}
.BallInfo .contentsArea .slideContainer {
	position: absolute;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	top: 3%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	width: 850%;
	opacity: 1;
	z-index: 1
}
.BallInfo .contentsArea .slideContainer .item {
	-webkit-animation-play-state: running!important;
	animation-play-state: running!important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	margin: 0;
	padding: 0;
	font-size: 224px;
	font-weight: 700;
	width: 100%;
	letter-spacing: .05em;
	white-space: nowrap
}
.BallInfo .contentsArea .slideContainer .item .title {
	letter-spacing: .01em;
	color: #1A1B1C
}
.BallInfo .contentsArea .slideContainer>div:nth-of-type(1) {
	-webkit-animation: loop 250s -125s linear infinite;
	animation: loop 250s -125s linear infinite
}
.BallInfo .contentsArea .slideContainer>div:nth-of-type(2) {
	-webkit-animation: loop2 250s linear infinite;
	animation: loop2 250s linear infinite
}
.BallInfo .contentsArea .slideContainer>div {
	will-change: transform
}
.BallInfo .contentsArea .product {
	position: relative;
	margin: 34% auto 0;
	text-align: center;
	z-index: 1000
}
.BallInfo .contentsArea .product .ballImage {
	width: 60%;
	margin: 0 auto
}
.BallInfo .contentsArea .product .label {
	width: 182px;
	margin: 10% auto 0
}
.BallInfo .contentsArea .product .price {
	width: 267px;
	margin: 20px auto 0
}
.BallInfo .contentsArea .product .material {
	margin-top: 13px;
	font-size: 9px;
	text-align: center;
	white-space: nowrap;
	line-height: 1.6em;
	letter-spacing: .01em
}
.BallInfo .contentsArea .productFeatures {
	margin: 15% auto 0;
	width: 70%;
	padding-bottom: 12%
}
.BallInfo .contentsArea .productFeatures>.title {
	text-align: center;
	font-size: 25px;
	letter-spacing: .04em;
	margin-bottom: 7%
}
.BallInfo .contentsArea .productFeatures .feature {
	margin: 0 auto 16%
}
.BallInfo .contentsArea .productFeatures .feature.nm {
	margin-bottom: 0
}
.BallInfo .contentsArea .productFeatures .feature>.title {
	font-size: 17px;
	color: #64FC2E;
	text-align: center;
	letter-spacing: .03em;
	margin-bottom: 7%;
	position: relative
}
.BallInfo .contentsArea .productFeatures .feature>.title span {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	background-color: #121315;
	padding: 0 10px;
	z-index: 500
}
.BallInfo .contentsArea .productFeatures .feature>.title:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	top: 50%;
	background: url(../image/ballInfo/product02/bgTitleLine.png) no-repeat;
	background-size: 100% auto;
	z-index: 0
}
.BallInfo .contentsArea .productFeatures .feature .item {
	margin-bottom: 14%
}
.BallInfo .contentsArea .productFeatures .feature .item.nm {
	margin-bottom: 0
}
.BallInfo .contentsArea .productFeatures .feature .item .image {
	margin-bottom: 7%
}
.BallInfo .contentsArea .productFeatures .feature .item .title {
	font-size: 21px;
	letter-spacing: .03em;
	text-align: center;
	margin: 0 auto 3%
}
.BallInfo .contentsArea .productFeatures .feature .item .text {
	letter-spacing: .01em;
	line-height: 1.5em;
	font-size: 13px
}
.BallInfo .contentsArea .productFeatures .feature .item .text.nm {
	margin-bottom: 0
}
.BallInfo .onlineShops {
	position: relative;
	z-index: 1000;
	background-color: #000
}
.BallInfo .onlineShops .inner {
	width: 78%;
	margin: 0 auto
}
.BallInfo .onlineShops .mapImage {
	width: 110%;
	-webkit-transform: translate(-5%, -5%);
	transform: translate(-5%, -5%)
}
.BallInfo .onlineShops .title {
	position: relative;
	font-size: 25px;
	text-align: center;
	font-weight: 700;
	padding-top: 12%;
	z-index: 500
}
.BallInfo .onlineShops .links {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	margin: -7% auto 0;
	padding-bottom: 15%;
	z-index: 200
}
.BallInfo .onlineShops .links li {
	font-size: 17px;
	letter-spacing: .01em;
	width: 100%
}
.BallInfo .onlineShops .links li a {
	display: block;
	border-radius: 999px;
	padding: 7% 0;
	border: 1px solid #646464;
	color: #fff;
	text-align: center;
	width: 80%;
	white-space: nowrap;
	-webkit-transition-property: border;
	transition-property: border;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	transition-delay: 0s
}
.BallInfo .onlineShops .links li a:hover {
	opacity: 1;
	border: 1px solid #fff
}
@media screen and (max-width:1080px) {
	.BallInfo .onlineShops .links {
		width: 80%;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.BallInfo .onlineShops .links li {
		width: 46%;
		margin-bottom: 6%
	}
	.BallInfo .onlineShops .links li a {
		width: 100%
	}
}
.BallInfo.Red .anotherProduct .link {
	transition-property: background-size;
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	transition-duration: 1.5s;
	transition-delay: 0s;
	background: url(../image/ballInfo/greenLinkImage.png) center no-repeat;
	background-size: 110% auto
}
.BallInfo .anotherProduct {
	background-color: #000
}
.BallInfo .anotherProduct .link {
	display: block;
	width: 100%;
	position: relative;
	font-weight: 700;
	padding-top: 27%;
	background: url(../image/ballInfo/redLinkImage.png) center no-repeat;
	background-size: 110% auto;
	font-size: 20px;
	letter-spacing: .01em;
	line-height: 1.5em;
	color: #fff;
	text-align: center;
	-webkit-transition-property: background-size;
	transition-property: background-size;
	-webkit-transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	transition-timing-function: cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration: 1.5s;
	transition-duration: 1.5s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}
.BallInfo .anotherProduct .link:hover {
	background-size: 140% auto;
	opacity: 1
}
.BallInfo .anotherProduct .link span {
	white-space: nowrap;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.ballInfoFooter {
	margin-top: 0;
	padding: 4% 0 2%
}
.ballInfoFooter .footerSpace {
	padding-bottom: 8%
}
@media screen and (max-width:1000px) {
	.middle {
		display: block
	}
}
@media screen and (max-width:920px) {
	.ballInfoFooter {
		margin-top: 0;
		padding: 13% 0 5%
	}
	.ballInfoFooter .footerSpace {
		padding-bottom: 34%
	}
	.BallInfoBallContainer {
		width: 100%;
		height: 104vw
	}
	.BallInfo {
		margin-top: 104%
	}
	.BallInfo.Red .contentsArea .product .price {
		width: 95%;
		margin: 4% 0 0
	}
	.BallInfo .contentsArea {
		width: 100%
	}
	.BallInfo .contentsArea .slideContainer {
		top: 0;
		margin-top: 6%;
		width: 1000%
	}
	.BallInfo .contentsArea .product {
		width: 88%;
		margin: 44% auto 0;
		text-align: left
	}
	.BallInfo .contentsArea .product .ballImage {
		width: 84%;
		margin: 0 auto
	}
	.BallInfo .contentsArea .product .label {
		width: 67%;
		margin: 13% 0 0
	}
	.BallInfo .contentsArea .product .price {
		width: 80%;
		margin: 4% 0 0
	}
	.BallInfo .contentsArea .product .material {
		margin-top: 5%;
		text-align: left;
		font-size: 2.5vw
	}
	.BallInfo .contentsArea .productFeatures {
		margin: 20% auto 0;
		width: 100%
	}
	.BallInfo .contentsArea .productFeatures>.title {
		font-size: 5vw;
		margin-bottom: 6%
	}
	.BallInfo .contentsArea .productFeatures .feature {
		margin: 0 auto 12%
	}
	.BallInfo .contentsArea .productFeatures .feature>.title {
		width: 88%;
		margin: 0 auto 7%;
		font-size: 3.5vw
	}
	.BallInfo .contentsArea .productFeatures .feature .item {
		margin-bottom: 13%
	}
	.BallInfo .contentsArea .productFeatures .feature .item .image {
		width: 100%;
		margin-bottom: 9%
	}
	.BallInfo .contentsArea .productFeatures .feature .item .title {
		font-size: 5vw;
		margin: 0 auto 4%
	}
	.BallInfo .contentsArea .productFeatures .feature .item .text {
		width: 88%;
		font-size: 3.6vw;
		margin: 0 auto
	}
	.BallInfo .onlineShops, .BallInfo .onlineShops .inner {
		width: 100%
	}
	.BallInfo .onlineShops .mapImage {
		width: 95%;
		margin: 0 auto 10%;
		-webkit-transform: none;
		transform: none
	}
	.BallInfo .onlineShops .title {
		font-size: 4vw;
		font-weight: 500;
		text-align: center;
		margin-bottom: 7%
	}
	.BallInfo .onlineShops .links {
		display: block;
		min-width: auto;
		width: 61%;
		margin: 0 ​auto 20%
	}
	.BallInfo .onlineShops .links li {
		width: 100%;
		font-size: 3.7vw;
		margin-bottom: 6%
	}
	.BallInfo .onlineShops .links li a {
		padding: 7% 0;
		width: 100%
	}
	.BallInfo.Red .anotherProduct .link {
		background: url(../image/ballInfo/greenLinkImage.png) center no-repeat;
		background-size: 232% auto
	}
	.BallInfo .anotherProduct .link {
		padding-top: 60%;
		background-size: 232% auto;
		font-size: 3.5vw
	}
	.BallInfo .anotherProduct .link:hover {
		background-size: 270% auto
	}
}
:focus, a, a:focus {
	outline: 0
}


/* ------------------------------------------ */

header{
	z-index:9999;
	line-height:1.66;
	letter-spacing:normal;
}
header img{
	width:auto;
}
footer{
	line-height:1.66;
	letter-spacing:normal;
}
footer > div{
	margin:20% auto 0 auto;
}
footer a,
footer a:link,
footer a:visited{
	color:#fff;
}
div.modal{
	z-index:9999;
}
#cart-button{
	line-height:1.66;
	letter-spacing:normal;
}

/**/

.uefa-language{
	position:absolute;
	top:60px;
	right:0;
	z-index:1;
}
.uefa-language ul{
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-around;
	justify-content:space-around;
	margin-left:auto;
}
.uefa-language ul li{
	margin:5px 0;
}
.uefa-language ul li a{
	display:block;
	color:#5C5C5C !important;
	padding:5px 10px;
}
.uefa-language ul li a.active{
	color:#fff !important;
	text-decoration:underline;
}
.Index .conceptMovie .movie{
	display:none;
}
.Index .introduction .viewMore{
	position:relative;
	z-index:100;
}
.Index .introduction .viewMore span{}
.Index .introduction .viewMore span:after{
	content:none;
}
/*
p.viewMore-cart span a,
.Index .introduction .viewMore span a{
	display:inline-block;
	color:#fff;
	font-size:15px;
	min-width:12em;
	border:1px solid rgba(255,255,255,0.6);
	border-radius:256px;
	padding:10px 20px;
	margin:0 6px;
	-webkit-transition-property:border;
	transition-property:border;
	transition-timing-function:cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration:.6s;
	transition-duration:.6s;
	transition-delay:0s
}
p.viewMore-cart span a:hover,
.Index .introduction .viewMore span a:hover{
	opacity:1;
	border-color:#fff;
}
*/
p.viewMore-cart span a,
.Index .introduction .viewMore span a{
	/*
	display:inline-block;
	color:#fff;
	font-size:15px;
	min-width:12em;
	border:1px solid rgba(255,255,255,0.6);
	border-radius:256px;
	padding:10px 20px;
	margin:0 6px;
	-webkit-transition-property:border;
	transition-property:border;
	transition-timing-function:cubic-bezier(.2, 1, .2, 1);
	-webkit-transition-duration:.6s;
	transition-duration:.6s;
	transition-delay:0s
	*/
	display:inline-block;
	background:#0072bf;
	color:#fff;
	font-size:15px;
	min-width:12em;
	text-align:center;
	letter-spacing:normal;
	border:none;
	border-radius:256px;
	padding:10px 20px;
	margin:0 6px;
	transition:all 0.3s;
}
p.viewMore-cart span a:hover,
.Index .introduction .viewMore span a:hover{
	/*
	opacity:1;
	border-color:#fff;
	*/
	opacity:0.5;
}
p.viewMore-cart span a.uefaeuropaleague-cart,
.Index .introduction .viewMore span a.uefaeuropaleague-cart{
	display:inline-block;
	background:#0072bf;
	color:#fff;
	text-align:center;
	letter-spacing:normal;
	border:none;
	transition:all 0.3s;
}
p.viewMore-cart span a.uefaeuropaleague-cart:hover,
.Index .introduction .viewMore span a.uefaeuropaleague-cart:hover{
	opacity:0.5;
}
.BallInfo .contentsArea .product .material{
	margin-bottom:20px;
}
@media screen and (min-width: 768px){
/* TB -------------------------------------------------------------- */
	.uefa-language{
		top:80px;
		right:20px;
	}
	body.product01 footer > div,
	body.product02 footer > div{
		margin-top:10%;
	}
}
@media screen and (min-width: 1025px){
/* PC -------------------------------------------------------------- */
}



i.glow{
	position:relative;
}
i.glow:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:50%;
	background:inherit;
	box-shadow:0px 0px 8px 8px rgba(255, 255, 255, 0.8);
	-webkit-animation: glow 2.5s ease-in-out infinite alternate;
	animation: glow 2.5s ease-in-out infinite alternate;
}
@-webkit-keyframes glow{
	0%		{opacity:0;		transform:scale(0.5);}
  	50%		{opacity:0.8;	transform:scale(1);}
  	100%	{opacity:0;		transform:scale(0.5);}
}
@keyframes glow{
	0%		{opacity:0;		transform:scale(0.5);}
  	50%		{opacity:0.8;	transform:scale(1);}
  	100%	{opacity:0;		transform:scale(0.5);}
}