@charset "utf-8";
.globalNavPC {
	z-index: 2000;
}

#browsebar.fix {
	z-index: 2100;
}

.u-snsCorner {
	text-align: center;
	padding: 0 0 0 20px;
	display: flex;
	justify-content: center;
}

.addthis_native_toolbox {
	margin-bottom: 0;
}

.c-vrFair {
	font-family: 'Noto Sans JP', sans-serif;
	color: #3b3b3b;
	font-size: 18px;
	font-weight: 700;
	margin-right: -114px;
	margin-left: -114px;
	padding: 0;
	background: #ecdec3 url("/ps/other/event/virtual_fair_2021_autumn/img/bg-01.png") repeat center;
	display: block;
	position: relative;
	overflow: hidden;
	cursor: default;
}

.c-vrFair ::selection {
	background: transparent;
}

.c-vrFair a {
	transition: .2s cubic-bezier(0.75, 0, 0.35, 1);
}

.c-vrFair a:hover {
	filter: brightness(110%);
}

.c-vrFair img {
	width: 100%;
	max-width: none;
}

.c-vrFair em {
	font-style: normal;
}

.c-vrFairWrapper {
	padding: 0 0 0;
	position: relative;
	z-index: 0;
}

.c-vrFairContainer {
	max-width: 972px;
	margin: 0 auto;
	padding: 95px 0 60px;
}

.is-help .u-cover {
	opacity: 1;
	visibility: visible;
}




.c-vrFairHeader {
	width: 972px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	z-index: 1000;
}

.c-vrFairMainLogo {
	max-width: 240px;
	margin: 20px auto 0;
}

.c-vrFairMainLogo a {
	display: block;
	position: relative;
}

.c-vrFairMainLogo a:after {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.c-vrFairLoading {
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.85) url("/ps/other/event/virtual_fair_2021_autumn/img/icon-loading.gif") no-repeat center;
	border-radius: 2em;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1200;
	transition: .5s 1s;
	backdrop-filter: blur(10px);
	opacity: 1;
	visibility: visible;
}


.is-loadComplete .c-vrFairLoading {
	opacity: 0;
	visibility: hidden;
}


.u-show__mobile {
	display: none !important;
}

.u-hide__mobile {
	display: inline-block !important;
}

.u-align__center {
	text-align: center;
}

.u-vrFairButton__wrapper {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	padding: 8px 0 0;
	display: inline-block;
	position: relative;
	transition: .2s cubic-bezier(0.75, 0, 0.35, 1);
	filter: brightness(100%);
	animation: a-vrFairButton 3s infinite ease;
}

@keyframes a-vrFairButton {
	0% {
		transform:translate(0,0);
		filter: brightness(100%);
	}
	50% {
		transform:translate(0,-3px);
		filter: brightness(120%);
	}
	100% {
		transform:translate(0,0);
		filter: brightness(100%);
	}
}

.u-vrFairButton__wrapper--animeNone {
	animation: none;
}

.u-vrFairButton__wrapper--long {
	display: block;
}

.u-vrFairButton__wrapper span {
	background: #3576d9;
	border-radius: 20px;
	display: inline-block;
	position: relative;
	cursor: pointer;
}

.no-touch .u-vrFairButton__wrapper span:hover {
	transform: scale(1.05);
}

.u-vrFairButton__wrapper em {
	color: #3576d9;
	font-size: 20px;
	font-weight: 900;
	font-style: normal;
	text-align: center;
	white-space: nowrap;
	line-height: 1;
	padding: .65em 2.5em .8em;
	border: 5px solid #3576d9;
	border-radius: 20px;
	background: #e7fefe;
	display: block;
	transform: translate(0,-8px);
	transition: .1s cubic-bezier(0.75, 0, 0.35, 1);
}

.no-touch .u-vrFairButton__wrapper:hover {
	filter: brightness(110%);
}

.u-vrFairButton__wrapper:active em {
	transform: translate(0,0);
}

.u-vrFairButton__wrapper--gray span {
	background: #afafaf;
}

.u-vrFairButton__wrapper--gray em {
	color: #a2a2a2;
	background: #f1f1f1;
	border-color: #d0d0d0;
}

.u-vrFairButton__wrapper--green span {
	background: #34c56d;
}

.u-vrFairButton__wrapper--green em {
	color: #2ea25f;
	background: #d5ffe6;
	border-color: #35a260;
}

.u-vrFairButton__wrapper--orange span {
	background: rgba(0,0,0,.25);
}

.u-vrFairButton__wrapper--orange em {
	color: #fff;
	background: #e65c00;
	border-color: #fff;
}

.u-vrFairButton--thumb .u-vrFairButton__wrapper {
	display: flex;
	align-items: center;
}

.u-vrFairButton--thumb .u-vrFairButton__wrapper:hover {
	opacity: .9;
}

.u-vrFairButton--thumb .u-vrFairButton__wrapper i:nth-child(1) {
	text-align: right;
	width: 50%;
	padding: 0 20px 0 0;
}

.u-vrFairButton--thumb .u-vrFairButton__wrapper i:nth-child(1) img {
	max-width: 200px;
	border-radius: 6px;
	border: 2px solid #3576d9;
}

.u-vrFairButton--thumb .u-vrFairButton__wrapper i:nth-child(2) {
	font-style: normal;
	text-align: left;
	width: 50%;
}

.u-vrFairButton__attention {
	font-size: 11px;
	font-weight: 400;
	letter-spacing: .1em;
	padding: 0 0 1em;
	display: block;
	opacity: .75;
}

.u-vrFairButton--close .u-vrFairButton__wrapper {
	padding-top: 0;
}

.no-touch .u-vrFairButton--close .u-vrFairButton__wrapper:hover {
	filter: brightness(100%);
	opacity: .8;
}

.u-vrFairButton--close .u-vrFairButton__wrapper span {
	background: transparent !important;
}

.no-touch .u-vrFairButton--close .u-vrFairButton__wrapper span:hover {
	transform: none;
}

.u-vrFairButton--close .u-vrFairButton__wrapper em {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	padding: .75em 4em .75em;
	display: inline-block;
	border-radius: 6px;
	background: #666;
	border: 0;
	transform: none;
}


/* Tab パネル */
.u-tab__panel {
	display: none;
}

.u-tab__panel.is-show {
	display: block;
}

.u-tabButton__items {
	display: flex;
}

.u-tabButton__item {
	color: #acacac;
	font-size: 18px;
	text-align: center;
	width: calc(100% / 5);
	padding: 20px 0;
	background: #f1f1f1;
	transition: .2s cubic-bezier(0.75, 0, 0.35, 1);
	cursor: pointer;
}

.u-tabButton__item:not(:last-child) {
	border-right: 1px solid #ddd;
}

.u-tabButton__item.is-active,
.u-tabButton__item:hover {
	color: #505050;
	background: #fff;
}

/* Radio ボタン */
.c-vrFair input[type='radio'] {
	display: none;
}

.c-vrFair input[type='radio'] + label {
	padding: .375em 0 .5em 45px;
	display: block;
	position: relative;
	transition: .2s cubic-bezier(0.75, 0, 0.35, 1);
	cursor: pointer;
}

.c-vrFair input[type='radio'] + label:hover {
	color: #e65c00;
}

.c-vrFair input[type='radio'] + label:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 32px;
	height: 32px;
	background: #f1f1f1;
	border: 2px solid #ddd;
	border-radius: 50%;
	transition: .2s cubic-bezier(0.75, 0, 0.35, 1);
}

.c-vrFair input[type='radio'] + label:hover:before {
	border-color: #fbb180;
}

.c-vrFair input[type='radio']:checked + label:before {
	border-color: #fbb180;
}

.c-vrFair input[type='radio']:checked + label {
	color: #e65c00;
}

.c-vrFair input[type='radio'] + label:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	width: 16px;
	height: 16px;
	background: #e65c00;
	border-radius: 50%;
	opacity: 0;
	transform: translate(0,-50%);
	transition: .2s cubic-bezier(0.75, 0, 0.35, 1);
	box-sizing: border-box;
}

.c-vrFair input[type='radio']:checked + label:after {
	opacity: 1;
}

.c-fieldParts {
	padding: 100% 0 0 !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 75% auto;
	border-radius: 10px;
}

.c-fieldParts:hover {
	background-color: rgba(230,92,0,.1);
}

.c-fieldParts:before {
	display: none !important;
}

.c-vrFair input[type='radio'] + .c-fieldParts:after {
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	background: transparent;
	border-radius: 10px;
	border: 2px solid #e65c00;
	opacity: 0;
	transform: translate(-50%,-50%);
	transition: .2s cubic-bezier(0.75, 0, 0.35, 1);
}

.field_type_1 .c-fieldParts__1-1 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-m01.png"); }
.field_type_1 .c-fieldParts__1-2 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-m02.png"); }
.field_type_1 .c-fieldParts__1-3 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-m03.png"); }
.field_type_1 .c-fieldParts__1-4 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-m04.png"); }
.field_type_1 .c-fieldParts__1-5 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-m05.png"); }

.field_type_2 .c-fieldParts__1-1 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-f01.png"); }
.field_type_2 .c-fieldParts__1-2 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-f02.png"); }
.field_type_2 .c-fieldParts__1-3 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-f03.png"); }
.field_type_2 .c-fieldParts__1-4 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-f04.png"); }
.field_type_2 .c-fieldParts__1-5 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-f05.png"); }

.field_type_1 .c-fieldParts__2-1,
.field_type_1 .c-fieldParts__2-2,
.field_type_1 .c-fieldParts__2-3,
.field_type_1 .c-fieldParts__2-4,
.field_type_1 .c-fieldParts__2-5,
.field_type_2 .c-fieldParts__2-1,
.field_type_2 .c-fieldParts__2-2,
.field_type_2 .c-fieldParts__2-3,
.field_type_2 .c-fieldParts__2-4,
.field_type_2 .c-fieldParts__2-5 {
	background-size: 95% auto;
}

.field_type_1 .c-fieldParts__2-1 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m01.png"); }
.field_type_1 .c-fieldParts__2-2 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m02.png"); }
.field_type_1 .c-fieldParts__2-3 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m03.png"); }
.field_type_1 .c-fieldParts__2-4 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m04.png"); }
.field_type_1 .c-fieldParts__2-5 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m05.png"); }

.field_type_2 .c-fieldParts__2-1 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f01.png"); }
.field_type_2 .c-fieldParts__2-2 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f02.png"); }
.field_type_2 .c-fieldParts__2-3 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f03.png"); }
.field_type_2 .c-fieldParts__2-4 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f04.png"); }
.field_type_2 .c-fieldParts__2-5 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f05.png"); }

.field_type_1 .c-fieldParts__3-1 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-m01.png"); }
.field_type_1 .c-fieldParts__3-2 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-m02.png"); }
.field_type_1 .c-fieldParts__3-3 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-m03.png"); }
.field_type_1 .c-fieldParts__3-4 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-m04.png"); }
.field_type_1 .c-fieldParts__3-5 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-m05.png"); }

.field_type_2 .c-fieldParts__3-1 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-f01.png"); }
.field_type_2 .c-fieldParts__3-2 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-f02.png"); }
.field_type_2 .c-fieldParts__3-3 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-f03.png"); }
.field_type_2 .c-fieldParts__3-4 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-f04.png"); }
.field_type_2 .c-fieldParts__3-5 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-f05.png"); }

.field_type_1 .c-fieldParts__4-1,
.field_type_1 .c-fieldParts__4-2,
.field_type_1 .c-fieldParts__4-3,
.field_type_1 .c-fieldParts__4-4,
.field_type_1 .c-fieldParts__4-5,
.field_type_2 .c-fieldParts__4-1,
.field_type_2 .c-fieldParts__4-2,
.field_type_2 .c-fieldParts__4-3,
.field_type_2 .c-fieldParts__4-4,
.field_type_2 .c-fieldParts__4-5 {
	background-size: 30% auto;
}

.field_type_1 .c-fieldParts__4-1 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-m01.png"); }
.field_type_1 .c-fieldParts__4-2 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-m02.png"); }
.field_type_1 .c-fieldParts__4-3 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-m03.png"); }
.field_type_1 .c-fieldParts__4-4 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-m04.png"); }
.field_type_1 .c-fieldParts__4-5 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-m05.png"); }

.field_type_2 .c-fieldParts__4-1 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-f01.png"); }
.field_type_2 .c-fieldParts__4-2 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-f02.png"); }
.field_type_2 .c-fieldParts__4-3 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-f03.png"); }
.field_type_2 .c-fieldParts__4-4 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-f04.png"); }
.field_type_2 .c-fieldParts__4-5 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-f05.png"); }

.field_type_1 .c-fieldParts__5-1 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-m01.png"); }
.field_type_1 .c-fieldParts__5-2 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-m02.png"); }
.field_type_1 .c-fieldParts__5-3 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-m03.png"); }
.field_type_1 .c-fieldParts__5-4 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-m04.png"); }
.field_type_1 .c-fieldParts__5-5 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-m05.png"); }

.field_type_2 .c-fieldParts__5-1 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-f01.png"); }
.field_type_2 .c-fieldParts__5-2 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-f02.png"); }
.field_type_2 .c-fieldParts__5-3 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-f03.png"); }
.field_type_2 .c-fieldParts__5-4 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-f04.png"); }
.field_type_2 .c-fieldParts__5-5 { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-f05.png"); }




/* Entrance */
.c-noteMain {
	max-width: 800px;
	margin: 2em auto 0;
}

.c-noteMain ul li {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.35;
	text-align: center;
	margin: .5em 0 0;
}

.c-noteMain ul li span {
	color: #3576d9;
	font-weight: 700;
	text-decoration: underline;
	cursor: pointer;
}

.c-noteMain ul li span:hover {
	text-decoration: none;
}

.c-vrFair--entrance .c-vrFairMain:before,
.c-vrFair--entrance .c-vrFairMain:after {
	content: '';
	width: 33%;
	padding: 23% 0 0;
	display: block;
	background: url("/ps/other/event/virtual_fair_2021_autumn/img/home/img-02.png?-") no-repeat left top / 100% 100%;
	position: absolute;
	top: 0;
}

.c-vrFairMain:before {
	left: 0;
}

.c-vrFairMain:after {
	right: 0;
	transform: scaleX(-1);
}


.c-vrFair--entrance .c-vrFairContainer {
	max-width: none;
	padding-top: 170px;
}

.c-vrFair--entrance .c-vrFairMainLogo {
	max-width: 480px;
	margin: 20px auto 0;
}

.c-vrFairEntrance__inner {
	position: relative;
}

.c-vrFairEntrance__inner:after {
	content: '';
	width: 100%;
	height: 600px;
	margin: 17% 0 0;
	display: block;
	background: linear-gradient(
		to bottom,
		rgba(222,194,151,1) 0%,
		rgba(222,194,151,0) 100%
	);
	position: absolute;
	top: 0;
	left: 0;
}

.c-vrFairEntrance__image {
	max-width: 975px;
	margin: 0 auto;
	position: relative;
	z-index: 20;
}

.c-vrFairEntranceMessage {
	max-width: 800px;
	margin: 20px auto 0;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
	overflow: hidden;
	position: relative;
	z-index: 20;
}

.c-vrFairEntranceMessage__inner {
	padding: 30px 40px;
}

.c-vrFairEntranceMessage__inner:nth-child(2) {
	color: #fff;
	background: #77531d;
}

.c-vrFairEntranceMessage h2 {
	text-align: center;
	width: 280px;
	margin: 0 auto 10px;
}

.c-vrFairEntranceMessage p {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.75;
	text-align: center;
}

.c-vrFairEntranceMessage p em {
	color: #e78613;
	font-weight: 900;
}

.c-vrFairEntranceMessage p b {
	color: #d6ff88;
	font-weight: 900;
}

.c-vrFairEntranceMessage ul {
	margin: 20px 60px 0;
	display: flex;
}

.c-vrFairEntranceMessage ul li {
	width: calc(100% / 3);
	padding: 0 5px;
}

.c-vrFairEntranceMessage ul li img {
	border-radius: 8px;
	border: 2px solid rgba(255,255,255,.5);
}

.c-vrFairEntrance .u-vrFairButton {
	margin: 50px 0 0;
}

.c-vrFairEntrance .u-vrFairButton em {
	font-size: 28px;
}































.u-cover {
	background: rgba(0,0,0,.25);
	width: 100%;
	height: calc(100% + 155px);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 500;
	backdrop-filter: blur(5px);
	transition: .6s cubic-bezier(0.75, 0, 0.35, 1);
	opacity: 0;
	visibility: hidden;
	transition-delay: .1s;
}

.u-modal {
	background: #fff url("/ps/other/event/virtual_fair_2021_autumn/img/modal-bg-01.jpg?=v--") no-repeat center / 100% auto;
	width: calc(100% - 300px);
	max-height: calc(100% - 120px);
	border-radius: 20px;
	box-shadow: 0 7px 0 0 rgba(0,0,0,.25);
	position: absolute;
	top: 90px;
	left: 50%;
	z-index: 1000;
	transform: translate(-50%,0);
	transition: .3s cubic-bezier(0.75, 0, 0.35, 1);
	opacity: 0;
	visibility: hidden;
	overflow-y: auto;
}

.u-modal.is-active {
	opacity: 1;
	visibility: visible;
}

.u-modal__inner {
	padding: 30px;
	position: relative;
	overflow: hidden;
}

.u-modal .u-vrFairButton__wrapper--close {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 20;
}

.u-modal .u-vrFairButton__wrapper--close em {
	font-size: 20px;
	padding: .5em 1.25em .7em;
	border-radius: 17px;
}

.u-modal .u-vrFairButton__wrapper--close span {
	border-radius: 17px;
}

.is-modalActive .u-cover {
	opacity: 1;
	visibility: visible;
}




/* アバター 選択 ------------------------------------------------------------------------------------------ */
.c-vrFair--setting .c-vrFairMainLogo {
	margin-left: 130px;
}

.c-vrFair--setting .u-cover {
	opacity: 1;
	visibility: visible;
}

.c-settingDescription {
	width: 800px;
	padding: 30px;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.25);
	position: absolute;
	top: 40px;
	left: 50%;
	transform: translate(-50%,1em);
	transition: .4s cubic-bezier(0.75, 0, 0.35, 1);
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
}

.is-loadComplete .c-settingDescription {
	transform: translate(-50%,0);
	opacity: 1;
	visibility: visible;
}

.is-settingStart .u-cover {
	opacity: 0;
	visibility: hidden;
}

.is-settingStart .c-settingDescription {
	opacity: 0;
	visibility: hidden;
}

.c-settingDescription__image {
	margin: 0 0 5%;
	padding: 0 15%;
	display: flex;
}

.c-settingDescription__image figure {
	width: calc(100% / 4);
	padding: 0 2.5%;
}

.c-settingDescription__text {
	font-size: 18px;
	line-height: 2;
	letter-spacing: .075em;
	text-align: center;
}

.c-settingDescription .u-vrFairButton {
	text-align: center;
	margin: 3% 0 0;
}

.c-helpDescription {
	max-width: 600px;
	max-height: calc(100vh - 80px);
	opacity: 0 !important;
	visibility: hidden !important;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) !important;
	overflow-y: auto;
	overflow-x: hidden;
}

.is-help .c-helpDescription {
	opacity: 1 !important;
	visibility: visible !important;
}

.c-helpDescription h3 {
	font-size: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid rgba(0,0,0,.25);
}

.c-helpDescription ul {
	padding: 0 0 0 1.25em;
}

.c-helpDescription ul li {
	font-size: 16px;
	line-height: 1.35;
	list-style: disc;
	margin: 1em 0 0;
}

.c-helpDescription ul li ul li {
	font-size: 15px;
	font-weight: 400;
	margin-top: .35em;
}

.c-helpDescription .is-listStyleNone {
	font-size: 12px;
	line-height: 1.35;
	list-style: none;
	margin-left: -1.25em;
}

.c-helpDescription p {
	margin: 1em 0 0;
}

.c-vrFairSetting {
	position: relative;
}

.c-vrFairSetting .c-vrFairLoading {
	width: 100% !important;
}

.c-vrFairSetting__inner {
	min-height: 400px;
	background: #fff;
	border-radius: 2em;
	display: flex;
	overflow: hidden;
}

.c-vrFairSetting__read {
	font-size: 20px;
	text-align: center;
	width: 50%;
	position: absolute;
	top: -26px;
	right: 0;
	transform: translate(0,-100%);
}

.c-vrFairSetting__inner > * {
	width: 50%;
}

.c-vrFairSetting .u-vrFairButton {
	width: 50%;
	padding: 0 40px;
	position: absolute;
	bottom: 30px;
	left: 0;
	z-index: 1100;
}

.c-vrFairSetting .u-vrFairButton__wrapper {
	width: 100%;
}

.c-vrFairSetting .u-vrFairButton__wrapper span {
	width: 100%;
}

.is-settingEnd .u-vrFairButton__wrapper {
	pointer-events: none;
	opacity: 0;
}



/* プレビュー */
.c-vrFairSettingPreview {
	background: #dec297;
	position: relative;
	overflow: hidden;
}

.c-vrFairSettingPreview:after {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}

.c-vrFairSettingPreview * {
	transition: .4s cubic-bezier(0.75, 0, 0.35, 1);
}

.c-vrFairSettingPreview__bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.c-vrFairSettingPreview__bg:after {
	content: '';
	width: 100%;
	height: 300px;
	background: linear-gradient(to bottom, #feffb6 0%, #fff 100%);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.c-vrFairSettingPreview__bg .e-shop {
	width: 65%;
	position: absolute;
	top: 140px;
	left: 0;
	transform: translate(-15%,0);
	z-index: 100;
}

.c-vrFairSettingPreview .c-avatarBody {
	width: 40%;
	position: absolute;
	top: 180px;
	left: 50px;
	z-index: 100;
	opacity: 0;
}

.is-loadComplete .c-vrFairSettingPreview .c-avatarBody {
	opacity: 1;
}

.field_with_0 .c-vrFairSettingPreview .c-avatarBody {
	top: 210px;
	left: 150px;
}

.c-vrFairSettingPreview .c-avatarBody:after {
	content: '';
	width: 80%;
	height: 20px;
	display: block;
	background: rgba(0,0,0,.2);
	border-radius: 50%;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,25%);
}

.c-avatarBody--main .c-avatarParts {
	padding: 189.5% 0 0;
	background-repeat: no-repeat;
	background-position: top 0 left 50%;
	background-size: 100% auto;
}

.field_type_1 .c-avatarBody--main .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/avatar-01.png"); }
.field_type_2 .c-avatarBody--main .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/avatar-02.png"); }
.field_type_3 .c-avatarBody--main .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/avatar-03.png?=v-"); }
.field_type_4 .c-avatarBody--main .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/avatar-04.png?=v-"); }

.c-vrFairSettingPreview .c-avatarBody--with {
	top: 260px;
	left: auto;
	right: 40px;
	transform: scale(.9);
}

.c-avatarBody__inner {
	position: relative;
	z-index: 10;
}

.c-avatarBody--with .c-avatarParts {
	padding: 166.5% 0 0;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
}

.field_with_0 .c-vrFairSettingPreview .c-avatarBody--with:after {
	opacity: 0;
}

/* パーツ選択 */
.c-vrFairSettingParts {
	padding: 0 30px 30px;
}

.c-avatarType {
	transition: .2s cubic-bezier(0.75, 0, 0.35, 1);
}

.c-avatarType_title {
	font-size: 18px;
	line-height: 1.35;
	text-align: center;
	margin: 30px 0 0;
}

.c-avatarTypeList {
	margin: 10px 0 0;
	padding: 30px;
	border-radius: 1em;
	border: 3px solid #619fd9;
	overflow: hidden;
}

.c-avatarTypeList__items {
	margin: -20px 0 0;
	display: flex;
	flex-wrap: wrap;
}

.c-avatarTypeList__item {
	font-size: 18px;
	line-height: 1;
	width: calc(100% / 2);
	margin: 20px 0 0;
}



.c-avatarParts .partsWrap {
	width: 114%;
	margin: 0 0 0 -2%;
	padding: 175% 0 0;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
}

.c-avatarParts span {
	width: 100%;
	padding: 20% 0 0;
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
}

/* 輪郭*/
.c-avatarParts .face {
	width: 68%;
	margin: 48.5% 0 0 1.75%;
	padding: 50% 0 0;
	z-index: 10;
}

.field_type_1.field_parts_1-1 .c-avatarParts .face { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-m01.png"); }
.field_type_1.field_parts_1-2 .c-avatarParts .face { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-m02.png"); }
.field_type_1.field_parts_1-3 .c-avatarParts .face { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-m03.png"); }
.field_type_1.field_parts_1-4 .c-avatarParts .face { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-m04.png"); }
.field_type_1.field_parts_1-5 .c-avatarParts .face { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-m05.png"); }
.field_type_2.field_parts_1-1 .c-avatarParts .face { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-f01.png"); }
.field_type_2.field_parts_1-2 .c-avatarParts .face { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-f02.png"); }
.field_type_2.field_parts_1-3 .c-avatarParts .face { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-f03.png"); }
.field_type_2.field_parts_1-4 .c-avatarParts .face { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-f04.png"); }
.field_type_2.field_parts_1-5 .c-avatarParts .face { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-f05.png"); }

/* 髪*/
.c-avatarParts .hair {
	padding: 100% 0 0;
	margin: 4% 0 0 1%;
	width: 98%;
}

.field_type_1.field_parts_2-1 .c-avatarParts .hair { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m01.png"); }
.field_type_1.field_parts_2-2 .c-avatarParts .hair { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m02.png"); }
.field_type_1.field_parts_2-3 .c-avatarParts .hair { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m03.png"); }
.field_type_1.field_parts_2-4 .c-avatarParts .hair { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m04.png"); }
.field_type_1.field_parts_2-5 .c-avatarParts .hair { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m05.png"); }
.field_type_2.field_parts_2-1 .c-avatarParts .hair { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f01.png"); }
.field_type_2.field_parts_2-2 .c-avatarParts .hair { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f02.png"); }
.field_type_2.field_parts_2-3 .c-avatarParts .hair { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f03.png"); }
.field_type_2.field_parts_2-4 .c-avatarParts .hair { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f04.png"); }
.field_type_2.field_parts_2-5 .c-avatarParts .hair { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f05.png"); }

/* 目*/
.c-avatarParts .eye {
	padding: 100% 0 0;
	width: 40.75%;
	margin: 39% 0 0 .5%;
	z-index: 20;
}

.field_type_1.field_parts_3-1 .c-avatarParts .eye { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-m01.png"); }
.field_type_1.field_parts_3-2 .c-avatarParts .eye { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-m02.png"); }
.field_type_1.field_parts_3-3 .c-avatarParts .eye { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-m03.png"); }
.field_type_1.field_parts_3-4 .c-avatarParts .eye { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-m04.png"); }
.field_type_1.field_parts_3-5 .c-avatarParts .eye { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-m05.png"); }
.field_type_2.field_parts_3-1 .c-avatarParts .eye { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-f01.png"); }
.field_type_2.field_parts_3-2 .c-avatarParts .eye { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-f02.png"); }
.field_type_2.field_parts_3-3 .c-avatarParts .eye { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-f03.png"); }
.field_type_2.field_parts_3-4 .c-avatarParts .eye { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-f04.png"); }
.field_type_2.field_parts_3-5 .c-avatarParts .eye { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-f05.png"); }

/* 鼻*/
.c-avatarParts .nose {
	padding: 100% 0 0;
	width: 9%;
	margin: 47% 0 0;
	z-index: 20;
}

.field_type_1.field_parts_4-1 .c-avatarParts .nose { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-m01.png"); }
.field_type_1.field_parts_4-2 .c-avatarParts .nose { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-m02.png"); }
.field_type_1.field_parts_4-3 .c-avatarParts .nose { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-m03.png"); }
.field_type_1.field_parts_4-4 .c-avatarParts .nose { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-m04.png"); }
.field_type_1.field_parts_4-5 .c-avatarParts .nose { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-m05.png"); }
.field_type_2.field_parts_4-1 .c-avatarParts .nose { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-f01.png"); }
.field_type_2.field_parts_4-2 .c-avatarParts .nose { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-f02.png"); }
.field_type_2.field_parts_4-3 .c-avatarParts .nose { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-f03.png"); }
.field_type_2.field_parts_4-4 .c-avatarParts .nose { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-f04.png"); }
.field_type_2.field_parts_4-5 .c-avatarParts .nose { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-f05.png"); }

/* 口*/
.c-avatarParts .mouth {
	padding: 100% 0 0;
	width: 28%;
	margin: 62% 0 0 2.5%;
	z-index: 20;
}

.field_type_1.field_parts_5-1 .c-avatarParts .mouth { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-m01.png"); }
.field_type_1.field_parts_5-2 .c-avatarParts .mouth { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-m02.png"); }
.field_type_1.field_parts_5-3 .c-avatarParts .mouth { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-m03.png"); }
.field_type_1.field_parts_5-4 .c-avatarParts .mouth { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-m04.png"); }
.field_type_1.field_parts_5-5 .c-avatarParts .mouth { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-m05.png"); }
.field_type_2.field_parts_5-1 .c-avatarParts .mouth { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-f01.png"); }
.field_type_2.field_parts_5-2 .c-avatarParts .mouth { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-f02.png"); }
.field_type_2.field_parts_5-3 .c-avatarParts .mouth { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-f03.png"); }
.field_type_2.field_parts_5-4 .c-avatarParts .mouth { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-f04.png"); }
.field_type_2.field_parts_5-5 .c-avatarParts .mouth { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-f05.png"); }







.c-avatarType--parts .c-avatarTypeList {
	padding: 0;
}

.c-avatarType--parts .c-avatarTypeList__items {
	margin: 0 -2%;
	padding: 15px 30px 20px;
}

.c-avatarType--parts .c-avatarTypeList__item {
	width: calc(100% / 5);
	margin-top: 0;
	padding: 0 .5%;
}

.c-avatarType--with .c-avatarTypeList__item:last-child {
	width: 100%;
}

/* Type別 動物の場合 パーツ選択無し */
.field_type_3 .c-avatarType--parts,
.field_type_4 .c-avatarType--parts {
	position: relative;
	pointer-events: none;
}

.field_type_3 .c-avatarType--parts > *,
.field_type_4 .c-avatarType--parts > * {
	opacity: .25;
}

.field_type_3 .c-avatarType--parts:after,
.field_type_4 .c-avatarType--parts:after {
	content: '動物を選んだ場合は顔が変更できません｡';
	color: #ababab;
	font-size: 13px;
	line-height: 1.75;
	text-align: center;
	letter-spacing: .15em;
	width: 100%;
	margin: 10% 0 0;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
}

.field_type_3 .c-avatarType--parts input[type='radio'] + .c-fieldParts:after,
.field_type_4 .c-avatarType--parts input[type='radio'] + .c-fieldParts:after {
	opacity: 0 !important;
}


/* アバター選択後 */
.is-settingEnd .u-tabButton__item,
.is-settingEnd label {
	pointer-events: none;
}

.is-settingEnd .c-avatarBody .c-avatarBody__inner {
	animation: a-settingEndJump .4s .6s both;
}

@keyframes a-settingEndJump {
	0%{
		transform: translate(0,0);
	}
	50%{
		transform: translate(0,-5.5%);
	}
	100%{
		transform: translate(0,0);
	}
}

.is-settingEnd .c-avatarParts {
	transition: none;
}

.is-settingEndBack.field_type_1 .c-avatarBody--main .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/avatar-01@back.png"); }
.is-settingEndBack.field_type_2 .c-avatarBody--main .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/avatar-02@back.png"); }
.is-settingEndBack.field_type_3 .c-avatarBody--main .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/avatar-03@back.png?=v--"); }
.is-settingEndBack.field_type_4 .c-avatarBody--main .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/avatar-04@back.png?=v--"); }

.is-settingEndBack.field_with_1 .c-avatarBody--with .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-01@back.png"); }
.is-settingEndBack.field_with_2 .c-avatarBody--with .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-02@back.png"); }
.is-settingEndBack.field_with_3 .c-avatarBody--with .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-03@back.png"); }
.is-settingEndBack.field_with_4 .c-avatarBody--with .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-04@back.png"); }
.is-settingEndBack.field_with_5 .c-avatarBody--with .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-05@back.png"); }
.is-settingEndBack.field_with_6 .c-avatarBody--with .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-06@back.png"); }
.is-settingEndBack.field_with_7 .c-avatarBody--with .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-07@back.png"); }
.is-settingEndBack.field_with_8 .c-avatarBody--with .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-08@back.png"); }

.is-settingEndBack .c-avatarBody--main {
	animation: a-settingEndWalk--main 4s 1s both;
}

@keyframes a-settingEndWalk--main {
	0%{
		transform: translate(0,0) scale(1,1);
	}
	100%{
		transform: translate(-25%,15%) scale(1.25,1.25);
	}
}

.is-settingEndBack .c-avatarBody--with {
	animation: a-settingEndWalk--with 4s 1s both;
}

@keyframes a-settingEndWalk--with {
	0%{
		transform: translate(0,0) scale(.9,.9);
	}
	100%{
		transform: translate(25%,15%) scale(1.25,1.25);
	}
}

.is-settingEndBack .c-vrFairSettingPreview__bg .e-shop {
	animation: a-settingEndWalk--shop 4s 1s both;
}

@keyframes a-settingEndWalk--shop {
	0%{
		transform: translate(-15%,0) scale(1,1);
	}
	100%{
		transform: translate(30%,15%) scale(2,2);
	}
}

.is-settingEndBack .c-avatarParts .partsWrap .eye,
.is-settingEndBack .c-avatarParts .partsWrap .nose,
.is-settingEndBack .c-avatarParts .partsWrap .mouth,
.is-settingEndBack .c-avatarParts .partsWrap .face {
	display: none;
}

.is-settingEnd .c-avatarParts .hair {
	transition: 0s;
}

.field_type_1.field_parts_2-1.is-settingEndBack .c-avatarParts .hair {
	background-image: url(/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m01@back.png);
}

.field_type_1.field_parts_2-2.is-settingEndBack .c-avatarParts .hair {
	background-image: url(/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m02@back.png);
}

.field_type_1.field_parts_2-3.is-settingEndBack .c-avatarParts .hair {
	background-image: url(/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m03@back.png);
}

.field_type_1.field_parts_2-4.is-settingEndBack .c-avatarParts .hair {
	background-image: url(/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m04@back.png);
}

.field_type_1.field_parts_2-5.is-settingEndBack .c-avatarParts .hair {
	background-image: url(/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m05@back.png);
}

.field_type_2.field_parts_2-1.is-settingEndBack .c-avatarParts .hair {
	background-image: url(/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f01@back.png);
}

.field_type_2.field_parts_2-2.is-settingEndBack .c-avatarParts .hair {
	background-image: url(/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f02@back.png);
}

.field_type_2.field_parts_2-3.is-settingEndBack .c-avatarParts .hair {
	background-image: url(/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f03@back.png);
}

.field_type_2.field_parts_2-4.is-settingEndBack .c-avatarParts .hair {
	background-image: url(/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f04@back.png);
}

.field_type_2.field_parts_2-5.is-settingEndBack .c-avatarParts .hair {
	background-image: url(/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f05@back.png);
}


.c-vrFairShop {
	margin: 0 0 60px;
	display: flex;
	flex-direction: row-reverse;
}

.c-vrFairShopMenu {
	width: 45%;
}

.c-vrFairShopMenu__inner {
	padding: 30px;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 7px 0 0 rgba(0,0,0,.25);
}

.c-vrFairShopGuide {
	display: flex;
	align-items: center;
}

.c-vrFairShopGuide__image {
	width: 45%;
	border-radius: 50%;
	overflow: hidden;
}

.c-vrFairShopGuide__inner {
	padding: 0 0 0 20px;
}

.c-vrFairShopGuide__name {
	margin: 0 0 10px;
}

.c-vrFairShopGuide__name em {
	color: #fff;
	line-height: 1;
	padding: .15em 1em .35em;
	border-radius: 10em;
	background: #ff9a00;
}

.c-vrFairShopGuide__name--blue em {
	background: #3576d9;
}

.c-vrFairShopGuide__text {
	font-size: 17px;
	line-height: 1.5;
	padding: .5em 0 0 .5em;
}

.c-vrFairShopGuide__text b {
	color: #e65c00;
}

.c-vrFairShopMenu__items {
	margin: 12px -6px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.c-vrFairShopMenu__item {
	width: calc((100% / 2) - 12px);
	padding: 22px 6px 0;
	position: relative;
}

.c-vrFairShopMenu__item.u-vrFairButton__wrapper span {
	display: block;
}

.c-vrFairShopMenu__item.u-vrFairButton__wrapper em {
	padding-right: 0;
	padding-left: 0;
}

.is-buttonInvalid .c-vrFairShopMenu__item {
	pointer-events: none;
}

.is-clear .c-vrFairShopMenu__item em:after {
	font-weight: 700;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.is-clear1 .c-vrFairShopMenu__item--1,
.is-clear2 .c-vrFairShopMenu__item--2,
.is-clear3 .c-vrFairShopMenu__item--3,
.is-clear4 .c-vrFairShopMenu__item--4 {
	pointer-events: none;
	animation: none;
}

.is-clear1 .c-vrFairShopMenu__item--1 em,
.is-clear2 .c-vrFairShopMenu__item--2 em,
.is-clear3 .c-vrFairShopMenu__item--3 em,
.is-clear4 .c-vrFairShopMenu__item--4 em {
	color: transparent;
	background: #b5b5b5;
	border-color: #b5b5b5;
	transform: translate(0,0);
}

.is-clear1 .c-vrFairShopMenu__item--1 em:after,
.is-clear2 .c-vrFairShopMenu__item--2 em:after,
.is-clear3 .c-vrFairShopMenu__item--3 em:after,
.is-clear4 .c-vrFairShopMenu__item--4 em:after {
	content: 'CLEAR!!';
	color: #fff;
	font-size: 20px;
	letter-spacing: .25em;
}

.u-vrFairButton--lottery {
	margin: 20px 0 0;
	display: none;
	pointer-events: none;
}

.is-clear1.is-clear2.is-clear3.is-clear4 .u-vrFairButton--lottery {
	display: block;
	pointer-events: auto;
}


/* ShopStage ---------------------------------------------------------------------------------------------------- */
.c-vrFairShopStage {
	width: 55%;
	margin: -60px -15px 0;
	position: relative;
	transition: .6s cubic-bezier(0.75, 0, 0.35, 1);
}

.c-vrFairShopStage__inside {
	position: relative;
}

.c-vrFairShopStageParts {
	position: absolute;
	z-index: 200;
}

.c-vrFairShopStageParts--1 {
	width: 14.7%;
	margin: 0 19.7% 42.1% 0;
	bottom: 0;
	right: 0;
	z-index: 95;
}

.c-vrFairShopStageParts--2 {
	content: '';
	width: 100%;
	bottom: 0;
	left: 0;
}

.c-vrFairShopStage__image {
	text-align: center;
}

.c-vrFairShopStageTv {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-perspective: 100;
	perspective: 100;
	z-index: 0;
}

.c-vrFairShopStageTv__inner {
	overflow: hidden;
	border-radius: 2px;
}

.c-vrFairShopStageTv--1 {
	width: 20.8%;
	margin: 16.3% 0 0 54.25%;
}

.c-vrFairShopStageTv--1 .c-vrFairShopStageTv__inner {
	transform-origin: top center;
	transform: scale(1,.72) rotateX(-5deg) skewX(-2deg) skewY(-.5deg);
}

.c-vrFairShopStageTv--2 {
	width: 14%;
	margin: 18.45% 0 0 37.25%;
}

.c-vrFairShopStageTv--2 .c-vrFairShopStageTv__inner {
	transform-origin: top center;
	transform: scale(1,.8) rotateX(-7deg) skewX(4deg) skewY(-1deg);
}

.c-vrFairShopStageTv video {
	width: 100%;
	transform: scale(1.025);
	opacity: .5;
}





/* Modal Contents ---------------------------------------------------------------------------------------------------- */
.c-modalContents {
	margin: 0 0 -31px;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 10;
}

.c-modalContents__inner {
	width: 50%;
}

.c-modalContents .c-vrFairShopGuide__inner {
	margin: 0 0 60px;
	padding: 30px;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 7px 0 0 rgba(0,0,0,.25);
}

.c-modalMoveScene {
	width: 100%;
	padding: 60.25% 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	transform-origin: bottom center;
	background: url("/ps/other/event/virtual_fair_2021_autumn/img/@dummy-03.png") no-repeat center / cover;
}

.is-active .c-modalMoveScene {
	animation: a-modalMoveScene 3s 1s both;
}

@keyframes a-modalMoveScene {
	0%{
		opacity: 0;
		transform: scale(.95);
	}
	100%{
		opacity: 1;
		transform: scale(1.05);
	}
}


.c-modalInVideo {
	padding: 30px 60px;
}

.c-modalInVideo__inner {
	padding: 56.25% 0 0;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

.c-modalInVideo iframe,
.c-modalInVideo video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.c-modal--1 .c-modalContents__inner:nth-child(2) {
	padding: 0 0 0 80px;
	transform: translate(0,-120%);
}

.c-modal--1.is-active .c-modalContents__inner:nth-child(2) {
	animation: a-modal1 .6s 5s both;
}

@keyframes a-modal1 {
	0%{
		transform: translate(0,-120%);
	}
	100%{
		transform: translate(0,0);
	}
}

.c-modal--1 .c-modalContents {
	flex-direction: row-reverse;
}


.c-modal--1 .c-modalContents__inner:nth-child(1) {
	padding: 0 0 0 40px;
	transform: translate(100%,0);
}

.c-modal--1.is-active .c-modalContents__inner:nth-child(1) {
	animation: a-modal2 1.5s 3.4s both;
}

@keyframes a-modal2 {
	0%{
		opacity: 0;
		transform: scale(.9);
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}


.c-modal--1 .c-modalContents__inner:nth-child(1) img {
	width: 60%;
	margin: 30% 0 0;
}

.c-modal--1 {
	background: #fff;
}

/*
.c-modal--1 .c-vrFairShopGuide__text,
.c-modal--1 .u-vrFairButton,
.c-modal--1 .c-modalContents__inner {
	opacity: 0;
	visibility: hidden;
}
*/


.c-modal--2 .c-modalContents__inner:nth-child(1) {
	padding: 0 0 0 80px;
}

.c-modal--2 .c-modalContents__inner:nth-child(2) {
	padding: 0 0 0 40px;
}

.c-modal--2 .c-modalContents__inner:nth-child(2) img {
	width: 60%;
	margin: 30% 0 0;
}

.c-modal--3 .c-modalContents__inner:nth-child(1) {
	padding: 0 0 0 80px;
}

.c-modal--3 .c-modalContents__inner:nth-child(2) {
	padding: 0 0 0 40px;
}

.c-modal--3 .c-modalContents__inner:nth-child(2) img {
	width: 60%;
	margin: 30% 0 0;
}

.c-selectContents__inner {
	min-height: 620px;
}

.c-selectContentsMain {
	display: flex;
	align-items: flex-end;
}

.c-selectContentsMain__inner {
	width: 50%;
	position: relative;
}

.c-selectContentsMain__inner:nth-child(1) {
	text-align: right;
	padding-right: 30px;
}

.c-selectContentsScene {
	width: calc(100% - 60px);
	position: absolute;
	top: 30px;
	left: 30px;
	opacity: 0;
	visibility: hidden;
	transition: .4s cubic-bezier(0.75, 0, 0.35, 1);
}

.u-modal.is-active .c-selectContentsScene.is-active {
	opacity: 1;
	visibility: visible;
}

.c-selectContentsComment {
	padding: 30px;
	background: #fff;
	border-radius: 20px;
	border: 2px solid #ddd;
/*	box-shadow: 0 7px 0 0 rgb(0 0 0 / 25%);*/
}

.c-selectContentsComment__last {
	display: none;
}

.c-selectContentsComment__last.is-active {
	display: block;
}

.c-selectContentsComment .c-vrFairShopGuide__inner {
	padding-left: 0;
}

.c-selectContentsComment .u-vrFairButton__wrapper {
	text-align: center;
	margin: 30px 0 0;
	display: block;
}

.c-selectContentsMain__bouya {
	padding: 30px 0;
}

.c-selectContentsMain__bouya img {
	max-width: 70%;
}

.c-selectContentsMain__shopStaff img {
	max-width: 70%;
}

.c-vrFairQuizMenu__items {
	display: flex;
	justify-content: center;
}

.c-vrFairQuizMenu__item {
	padding: 0 3px;
}

.is-splash .c-vrFairShopMenu__item {
	pointer-events: none;
}

.c-splash {
	text-align: center;
	width: 100%;
	padding: 90px 0 0;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(-100%);
	z-index: 1500;
	transition: 1s cubic-bezier(0.75, 0, 0.35, 1);
}

.c-splash__inner {
	text-align: center;
	width: 100%;
	position: relative;
}

.c-splashImage__person {
	position: absolute;
	bottom: 0;
	right: 7.5%;
}

.is-loadComplete.is-splash .c-splash {
	transform: translateY(0);
}

.is-loadComplete.is-splash .u-cover {
	opacity: 1;
	visibility: visible;
}


.c-splash .u-vrFairButton {
	margin-top: 30px;
}



/* Lottery */
.c-lotteryWin {
	width: 100%;
	padding: 100% 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	display: block;
	transition: 1s .6s;
	transform: scale(0);
	opacity: 0;
}

.c-lotteryWin__inner {
	width: 100%;
	height: 100%;
	background: url("/ps/other/event/virtual_fair_2021_autumn/img/lottery/bg-01.png") no-repeat center / 100% 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-30%) rotate(0deg);
	animation: a-lotteryWin 6s 0s infinite linear;
}

@keyframes a-lotteryWin {
	0%{
		transform: translate(-50%,-25%) rotate(0deg);
	}
	100%{
		transform: translate(-50%,-25%) rotate(360deg);
	}
}

.c-vrFair--lottery .c-vrFairWrapper {
	z-index: 10;
}

.c-lottery__garagara {
	max-width: 400px;
	margin: 0 auto;
	position: relative;
}

.c-lottery__garagaraImage {
	padding: 89.4179% 0 0;
	background: url("/ps/other/event/virtual_fair_2021_autumn/img/lottery/lottery-01.png") no-repeat top center / 100% auto;
	position: relative;
}

.c-lottery__garagaraImage img {
	position: absolute;
	top: 0;
	left: 0;
}

.c-lottery__garagaraImage .e-after {
	display: none;
}

.c-lotteryMain .u-vrFairButton {
	margin-top: 30px;
}

.c-lotteryMain .u-vrFairButton .u-vrFairButton__wrapper {
	margin-right: auto;
	margin-left: auto;
}

.c-lotteryMain .u-vrFairButton .u-vrFairButton__wrapper em {
	font-size: 32px;
}

.c-lottery__rotate {
	color: #fff;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: none;
}

.is-lotteryRotate .c-lottery__rotate {
	display: none;
	animation: a-lottery__rotation .2s 0s infinite;
}

@keyframes a-lottery__rotation {
	0%{
		transform: translate(-3px,0);
	}
	50%{
		transform: translate(3px,0);
	}
	100%{
		transform: translate(-3px,0);
	}
}

.is-lotteryRotate .c-lottery__garagara {
	animation: a-lotteryRotateZoom 2.28s 0s both linear;
}

@keyframes a-lotteryRotateZoom {
	0%{
		transform: scale(1);
	}
	100%{
		transform: scale(1.1);
	}
}

.is-lotteryRotate .c-lottery__garagaraImage {
	background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/lottery/lottery-03.png");
	animation: anim-garagaraImage .75s steps(6) infinite;
}

@keyframes anim-garagaraImage {
	to{
		background-position: 0 100%;
	}
}

.is-lotteryRotateStop .c-lotteryWin {
	transform: scale(1);
	opacity: 1;
}

.is-lotteryRotateStop .c-lottery__rotate {
	display: none;
}

.is-lotteryRotateStop .c-lottery__garagaraImage {
	background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/lottery/lottery-02.png");
	animation: none;
}

.is-lotteryRotateStop .c-lottery__garagaraImage .e-before {
	display: none;
}

.is-lotteryRotateStop .c-lottery__garagaraImage .e-after {
	display: block;
}

.c-lotterySample {
	margin: 60px 0 0;
	opacity: 1;
	transition: .2s cubic-bezier(0.75, 0, 0.35, 1);
}

.is-lotteryRotate .c-lotterySample {
	opacity: 0;
}

.c-lotterySample__items {
	max-width: 75%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

.c-lotterySample__item {
	width: calc(100% / 3);
	padding: 0 6px;
	-webkit-perspective: 500;
	perspective: 500;
}

.c-lotterySample__item img {
	border-radius: 8px;
	border: 3px solid #fff;
	box-shadow: 0 0 15px 0 rgba(0,0,0,.25);
	transform: rotateY(0deg);
	animation: a-lotteryCardRotate 5s 0s infinite;
}

.c-lotterySample__item:nth-child(1) img {
	animation-delay: 0s;
}

.c-lotterySample__item:nth-child(2) img {
	animation-delay: .2s;
}

.c-lotterySample__item:nth-child(3) img {
	animation-delay: .4s;
}

@keyframes a-lotteryCardRotate {
	0%{
		transform: rotateY(0deg);
	}
	10%{
		transform: rotateY(1080deg);
	}
	100%{
		transform: rotateY(1080deg);
	}
}

.c-lotterySample__text {
	font-size: 22px;
	text-align: center;
	letter-spacing: .1em;
	margin: 15px 0 0;
}



/* Present */
.is-present .u-modal {
	max-height: none;
	background-image: none;
	top: 20px;
}

.c-presentCardImage {
	margin: -30px -30px 0;
	padding: 30px 0;
}

.c-presentCardImage__inner {
	width: 55%;
	margin: 0 auto;
	position: relative;
}

.c-presentCardImage figure {
	padding: 56.25% 0 0;
	border-radius: 10px;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.is-presentCard1 .c-presentCardImage {
	background: #fdf5b8;
}

.is-presentCard2 .c-presentCardImage {
	background: #80dccd;
}

.is-presentCard3 .c-presentCardImage {
	background: #fffbcd;
}

.is-presentCard1 .c-presentCardImage figure {
	background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/lottery/card-01.png?-");
}

.is-presentCard2 .c-presentCardImage figure {
	background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/lottery/card-02.png");
}

.is-presentCard3 .c-presentCardImage figure {
	background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/lottery/card-03.png");
}

.c-presentCard__text {
	width: 41%;
	padding: 21% 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.is-presentCard1 .c-presentCard__text {
	margin: 18.25% 0 0 11%;
}

.is-presentCard2 .c-presentCard__text {
	margin: 17.25% 0 0 15%;
}

.is-presentCard3 .c-presentCard__text {
	margin: 10.5% 0 0 9%;
}

.c-presentCard__text b {
	width: 100%;
	display: block;
	position: absolute;
	top: calc(50% - .1em);
	left: 0;
	transform: translate(0,-50%);
}

.c-presentCard__text b span {
	color: #000;
	font-size: 16px;
	text-align: center;
	display: block;
}

.c-presentCard__read {
	font-size: 18px;
	text-align: center;
	margin: 30px 0 0;
}

.c-presentCard__read strong {
	color: #e65c00;
	font-size: 22px;
}

.c-presentCard__read b {
	color: #e65c00;
}

.c-presentCardInput {
	margin: 30px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.c-presentCardInput__text {
	font-size: 20px;
	padding: 0 .5em 0 0;
}

.c-presentCardInput__input {
	width: 40%;
}

.c-presentCardInput__input textarea {
	color: #000;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 20px;
	width: 100%;
	padding: .5em;
	background: #fff;
	border: 2px solid #ddd;
	border-radius: 12px;
	box-shadow: inset 0 3px 5px 0 rgba(0,0,0,.1);
}

.c-presentCardInput__input textarea::placeholder {
	color: #f1f1f1;
	font-size: 16px;
}

.c-presentCardInput__input textarea:focus {
	border-color: #e65c00;
	background: rgba(253,255,215,1.00);
}

.c-presentCardInput__input input[type='text'] {
	color: #000;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	text-align: center;
	width: 100%;
	padding: .25em .5em;
	background: #fff;
	border: 2px solid #ddd;
}

.c-presentCardInput__input input[type='text']:nth-child(1) {
	border-radius: 10px 10px 0 0;
	border-bottom: 0;
}

.c-presentCardInput__input input[type='text']:nth-child(3) {
	border-radius: 0 0 10px 10px;
	border-top: 0;
}

.c-presentCardInput__input input[type='text']:focus {
	background: #FFF9DA;
}

.c-presentCardInput ul {
	text-align: center;
	width: 100%;
	margin: .5em 0 0;
}

.c-presentCardInput ul li {
	font-size: 13px;
	line-height: 1.25;
	margin: .75em 0 0;
}

.c-presentCardDownload {
	margin: 30px 0 0;
	padding: 10px 30px 30px;
	border: 2px solid #ddd;
	border-radius: 20px;
}

.c-presentCardDownload__item {
	margin: 30px 0 0;
	display: flex;
	align-items: center;
}

.c-presentCardDownload__item dt {
	font-size: 24px;
	font-weight: 900;
	text-align: right;
	width: 30%;
	padding: 0 .75em .5em 0;
}

.c-presentCardDownload__item dt small {
	color: #fff;
	font-size: 14px;
	padding: .15em 1em .35em;
	border-radius: 1em;
	background: #666;
	display: inline-block;
}

.c-presentCardDownload__item dd {
	width: 70%;
}

.c-presentCardDownload__item dd > * {
	margin-right: 5px;
}

.c-presentCardDownload__text {
	font-size: 18px;
	text-align: center;
	margin: 20px 0 0;
}

.c-presentCardDownload__text b {
	color: #fff;
	margin: 0 .5em;
	padding: 0 .5em .25em;
	display: inline-block;
	background: #e65c00;
	border-radius: 10em;
	cursor: pointer;
}

.c-presentCardDownload__text .copytext {
	color: transparent;
	font-size: 0;
	position: absolute;
	opacity: 0;
}

.c-presentCardDownload__text b:hover {
	transform: scale(1.05);
}

.c-presentReturn {
	margin: 60px 0 0;
}

.c-presentCardDownload__note {
	text-align: center;
	padding: 20px 0;
}




/* Avatar ---------------------------------------------------------------------------------------------------- */
.c-vrFairShop .c-avatarBody {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.c-vrFairShop .c-avatarBody .c-avatarParts {
	z-index: 10;
	transform: scale(1,1);
	transform-origin: bottom center;
	animation: a-avatarBody 3s 0s infinite;
}

.field_type_1 .c-avatarBody .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/avatar-01.png"); }

.field_with_1 .c-avatarBody--with .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-01.png"); }
.field_with_2 .c-avatarBody--with .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-02.png"); }
.field_with_3 .c-avatarBody--with .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-03.png"); }
.field_with_4 .c-avatarBody--with .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-04.png"); }
.field_with_5 .c-avatarBody--with .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-05.png"); }
.field_with_6 .c-avatarBody--with .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-06.png"); }
.field_with_7 .c-avatarBody--with .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-07.png"); }
.field_with_8 .c-avatarBody--with .c-avatarParts { background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-08.png"); }
.field_with_0 .c-avatarBody--with .c-avatarParts { background-image: none; }

@keyframes a-avatarBody {
	0%{
		transform: scale(1,1);
	}
	80%{
		transform: scale(1,1);
	}
	90%{
		transform: scale(1,1.025);
	}
	100%{
		transform: scale(1,1);
	}
}

.is-buttonInvalid.field_type_1 .c-avatarBody .c-avatarParts {
	background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/avatar-01@walk.png?=v--");
	animation: stepA 1s steps(2) infinite;
}

@keyframes stepA {
	0% { background-position: top 0 left 50%; }
	100% { background-position: top 200% left 50%; }
}

.is-buttonInvalid.field_with_6 .c-avatarBody--with .c-avatarParts {
	background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-06@walk.png?=v--");
	animation: stepB 1s steps(2) infinite;
}

@keyframes stepB {
	0% { background-position: top 0 left 50%; }
	100% { background-position: top 200% left 50%; }
}

.c-vrFairShop .c-avatarBody {
	width: 13%;
	margin: 40% 0 0 40%;
	z-index: 100;
}

.c-vrFairShop .c-avatarBody:after {
	content: '';
	width: 80%;
	height: 15px;
	display: block;
	background: rgba(0,0,0,.2);
	border-radius: 50%;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,35%);
}

.c-vrFairShop .c-avatarBody--with {
	width: 11%;
	margin: 35% 0 0 50%;
	z-index: 90;
}

.c-vrFairShop .c-avatarBody--check {
	font-size: 10px;
	font-weight: 700;
	margin: 46% 0 0 39%;
	padding: 10px;
	background: chartreuse;
	z-index: 1000;
	opacity: .25;
}

.c-vrFairShop .c-avatarBody--check:after {
	display: none;
}


/* Avatar - Contents ---------------------------------------------------------------------------------------------------- */
/* 1 */
.is-contentsmodal1 .c-avatarBody {
	animation: a-avatarBody--1 3s 0s both ease-in-out;
}

@keyframes a-avatarBody--1 {
	0%{
		margin: 40% 0 0 40%;
	}
	100%{
		margin: 18% 0 0 39%;
	}
}

.is-contentsmodal1 .c-avatarBody--with {
	animation: a-avatarBody--with--1 3.2s .2s both ease-in-out;
}

@keyframes a-avatarBody--with--1 {
	0%{
		margin: 35% 0 0 50%;
	}
	100%{
		margin: 20% 0 0 53%;
	}
}

/* 2 */
.is-contentsmodal2 .c-avatarBody {
	animation: a-avatarBody--2 2.6s 0s both ease-in-out;
}

@keyframes a-avatarBody--2 {
	0%{
		margin: 40% 0 0 40%;
	}
	100%{
		margin: 50% 0 0 28%;
	}
}

.is-contentsmodal2 .c-avatarBody--with {
	animation: a-avatarBody--with--2 2.8s .2s both ease-in-out;
}

@keyframes a-avatarBody--with--2 {
	0%{
		margin: 35% 0 0 50%;
	}
	100%{
		margin: 41% 0 0 35%
	}
}

/* 3 */
.is-contentsmodal3 .c-avatarBody {
	animation: a-avatarBody--3 3s 0s both ease-in-out;
}

@keyframes a-avatarBody--3 {
	0%{
		margin: 40% 0 0 40%;
		z-index: 110;
	}
	40%{
		margin: 53% 0 0 59%;
		z-index: 110;
	}
	100%{
		margin: 75% 0 0 61%;
		z-index: 110;
	}
}

.is-contentsmodal3 .c-avatarBody--with {
	z-index: 99;
	animation: a-avatarBody--with--3 2.8s .2s both ease-in-out;
}

@keyframes a-avatarBody--with--3 {
	0%{
		margin: 35% 0 0 50%;
		z-index: 100;
	}
	70%{
		margin: 47% 0 0 55%;
		z-index: 100;
	}
	100%{
		margin: 63% 0 0 60%;
		z-index: 100;
	}
}

/* 4 */
.is-contentsmodal4 .c-avatarBody {
	animation: a-avatarBody--4 3s 0s both ease-in-out;
}

@keyframes a-avatarBody--4 {
	0%{
		margin: 40% 0 0 40%;
	}
	100%{
		margin: 48% 0 0 55%;
	}
}

.is-contentsmodal4 .c-avatarBody--with {
	animation: a-avatarBody--with--4 2.8s .2s both ease-in-out;
}

@keyframes a-avatarBody--with--4 {
	0%{
		margin: 35% 0 0 50%;
	}
	100%{
		margin: 32% 0 0 60%;
	}
}



/* Main Window */
.c-vrFairMainWrap {
	max-width: 800px;
	min-height: 524px;
	margin: 0 auto 30px;
	background: #fff;
	border-radius: 40px;
	border: 6px solid #fff;
	box-shadow:
		inset 0 0 0 1px rgba(0,0,0,.25),
		0 0 0 1px rgba(0,0,0,.1),
		0 0 10px 0 rgba(0,0,0,.25)
	;
	overflow: hidden;
	position: relative;
	z-index: 10;
}

.c-vrFairMainWindow {
	z-index: 0;
}

.c-vrFairMainWindow__stage {
	padding: 56.25% 0 0;
	position: relative;
	overflow: hidden;
}

.c-vrFairMainWindow__stageInner,
.c-vrFairMainWindow__stageBg {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
}

.c-vrFairMainWindow__stageInner {
	z-index: 10;
	transition: 1s;
}

.c-vrFairMainWindow__stageInner img {
	width: 40%;
	position: absolute;
	bottom: 0;
	transition: .5s;
}

.c-vrFairMainWindow__stageInner img.right {
	right: 0;
	transform: translate(100%,0);
}

.c-vrFairMainWindow__stageInner img.left {
	left: 0;
	transform: translate(-100%,0);
}

.c-vrFairMainWindow__stageBg {
	transition: 1s;
	opacity: 0;
}

.c-vrFairMainWindow__comment {
	margin: -20px -6px -6px;
	background: #fff;
	border: 6px solid #fff;
	border-radius: 0 40px 40px 40px;
	box-shadow:
		inset 0 0 0 1px rgba(0,0,0,.25),
		0 0 0 1px rgba(0,0,0,.1)
	;
	position: relative;
	z-index: 100;
}

.c-vrFairMainWindow__comment .u-vrFairButton {
	margin-top: 20px;
}

.c-vrFairMainWindow__commentName {
	width: 40%;
	height: 3em;
	margin: -6px 0 0 -6px;
	background: #fff;
	border: 6px solid #fff;
	border-bottom: 0;
	border-radius: 40px 40px 0 0;
	box-shadow:
		inset 0 0 0 1px rgba(0,0,0,.25),
		0 0 0 1px rgba(0,0,0,.1)
	;
	position: absolute;
	top: 6px;
	left: 0;
	transform: translate(0,-100%);
}

.c-vrFairMainWindow__commentName:after {
	content: '';
	width: calc(100% - 2px);
	height: 10px;
	display: block;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 1px;
	transform: translate(0,50%);
}

.c-vrFairMainWindow__commentInner {
	width: 100%;
	padding: 0 40px 30px 40px;
	position: relative;
	z-index: 10;
}

.c-vrFairMainWindow__commentInner .name {
	font-size: 20px;
	text-align: center;
	width: calc(40% - 40px);
	height: 3em;
	margin: -3em 0 0 0;
	padding: 1em 0 0;
	display: block;
}

.c-vrFairMainWindow__commentInner .name + * {
	margin-top: 20px;
}

.c-vrFairMainWindow__commentInner h3 {
	color: #000;
	font-size: 20px;
	font-weight: 900;
	line-height: 1.6;
}

.c-vrFairMainWindow__commentInner h3 + p {
	margin-top: .5em;
}

.c-vrFairMainWindow__commentInner p {
	font-size: 20px;
}

.c-vrFairMainWindow__commentInner p b {
	color: #e78613;
	font-weight: 900;
}

.c-vrFairMainWindow__commentInner .next {
	text-align: right;
	display: block;
}

.c-vrFairMainWindow__commentInner .next span {
	color: #3576d9;
	font-size: 26px;
	font-weight: 900;
	cursor: pointer;
}


/* Scene */
.is-scene__start .c-vrFairMainWindow__stageBg {
	background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-01.jpg?=v--");
	opacity: .25;
	transform: scale(1);
	transition: 2s;
}

.is-scene__start .c-vrFairMainWindow__stage:after {
	content: 'Loading...';
	color: #fff;
	font-size: 20px;
	letter-spacing: .05em;
	padding: 1em 3em 1.2em;
	border-radius: 5em;
	background: #3576d9;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 10;
	transition: opacity 1s;
}

.is-loadComplete .is-scene__start .c-vrFairMainWindow__stage:after {
	opacity: 0;
}

.is-loadComplete .is-scene__start .c-vrFairMainWindow__stageBg {
	opacity: 1;
	transform: scale(1.15);
}

.is-scene__start .c-vrFairMainWindow__stageInner .right {
	transition-delay: 2s;
}

.is-loadComplete .is-scene__start .c-vrFairMainWindow__stageInner .right {
	transform: translate(-10%,0);
}

.is-scene__start .c-vrFairMainWindow__commentInner {
	opacity: 0;
	visibility: hidden;
}

.is-loadComplete .is-scene__start .c-vrFairMainWindow__commentInner {
	animation: a-startComment 0s 3s both;
}

@keyframes a-startComment {
	0% {
		opacity: 0;
		visibility: hidden;
	}
	100% {
		opacity: 1;
		visibility: visible;
	}
}

.is-scene__start .c-vrFairMainWindow__commentInner p.text {
	display: flex;
}

.is-scene__start .c-vrFairMainWindow__commentInner p > span {
	width: calc(100% - 25%);
	padding: 0 1em 0 0;
}

.is-scene__start .c-vrFairMainWindow__commentInner p > span i {
	font-style: normal;
	padding: 0 0 .5em;
	display: block;
}

.is-scene__start .c-vrFairMainWindow__commentInner p > i {
	width: 25%;
	padding: 2em 0 0;
}

.is-scene__start .c-vrFairMainWindow__commentInner p > i img {
	border-radius: 6px;
}

.is-scene__main {
	width: 100%;
	position: relative;
	opacity: 1;
	visibility: visible;
	transition: 1s;
	z-index: 10;
}

.is-scene__main.is-hide {
	position: absolute;
	opacity: 0;
	visibility: hidden;
}

.is-scene__main .c-vrFairMainWindow__stageBg {
	background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-02.jpg?=v--");
}

.mainSelect .is-scene__start .c-vrFairMainWindow__stageInner .right {
	transform: translate(100%,0);
}

.mainSelect .is-scene__start .c-vrFairMainWindow__stageBg {
	opacity: 1;
	transform: scale(1.3);
}

.mainSelect .is-scene__start .c-vrFairMainWindow__commentInner {
	opacity: 0 !important;
	visibility: hidden !important;
}

.mainSelect .is-scene__main .c-vrFairMainWindow__stageBg {
	transform: scale(1.1);
	opacity: 1;
}

.u-selectMenu {
	margin: 1em -10px 0;
	display: flex;
	flex-wrap: wrap;
}

.u-selectMenu li {
	color: #fff;
	font-size: 24px;
	font-weight: 900;
	margin: 0 10px 10px;
	padding: 15px 20px 18px;
	background: #3576d9;
	border-radius: 10px;
	display: inline-block;
	cursor: pointer;
	transition: .2s;
}

.u-selectMenu li:hover {
	opacity: .8;
}

.u-moviePlayer {
	margin: 30px 0;
	padding: 56.25% 0 0;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}

.u-moviePlayer iframe,
.u-moviePlayer video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.selectButton {
	width: 15%;
	padding: 15% 0 0;
	display: block;
	border-radius: 50%;
	background: url("/ps/other/event/virtual_fair_2021_autumn/img/main/button-01.png?=v-") no-repeat center / cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	cursor: pointer;
	animation: a-selectButton 3s 0s infinite linear;
	opacity: .8;
}

@keyframes a-selectButton {
	0%{
		opacity: .75;
	}
	30%{
		opacity: 1;
	}
	70%{
		opacity: 1;
	}
	100%{
		opacity: .75;
	}
}

.selectButton:nth-child(1) { margin: 16% 0 0 15%; }
.selectButton:nth-child(2) { margin: 17% 0 0 54%; }
.selectButton:nth-child(3) { margin: 5% 0 0 79%; }
.selectButton:nth-child(4) { margin: 22% 0 0 83%; }

.selectButton:hover {
	animation: none;
	opacity: 1;
	transform: scale(1.1);
}

.clearSentaku .selectButton:nth-child(1),
.clearTv .selectButton:nth-child(2),
.clearAir .selectButton:nth-child(3),
.clearOtanoshimi .selectButton:nth-child(4) {
	animation: none;
	opacity: .75;
	background: #3576d9;
}

.clearSentaku .selectButton:nth-child(1):before,
.clearTv .selectButton:nth-child(2):before,
.clearAir .selectButton:nth-child(3):before,
.clearOtanoshimi .selectButton:nth-child(4):before {
	content: 'clear!';
	color: #fff;
	font-size: 28px;
	font-weight: 900;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(-5deg);
}




/* 洗濯機 */
.is-sentaku .c-vrFairMainWindow__stageInner .right {
	width: 32.5%;
}

.is-sentaku .c-vrFairMainWindow__stageInner .left-b {
	display: none;
}

.is-sentakuStart .c-vrFairMainWindow__stageBg {
	background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-03.jpg?=v----");
	transform: scale(1.1);
	opacity: 1;
}

.is-sentaku-3 .c-vrFairMainWindow__stageInner .right {
	transform: translate(0,0);
}

.is-sentaku.is-sentaku-3 .c-vrFairMainWindow__stageInner .left {
	display: none;
}

.is-sentaku.is-sentaku-3 .c-vrFairMainWindow__stageInner .left-b {
	display: block;
}

.is-sentakuStart .c-vrFairMainWindow__stageInner .left,
.is-sentaku-1-2 .c-vrFairMainWindow__stageInner .right,
.is-sentaku-2-2 .c-vrFairMainWindow__stageInner .right,
.is-sentaku-3-2 .c-vrFairMainWindow__stageInner .right {
	transform: translate(0,0);
}


/* テレビ */
.is-tvStart .c-vrFairMainWindow__stageBg {
	background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-04.jpg?=v--");
	transform: scale(1.1);
	opacity: 1;
}

.is-tvStart .c-vrFairMainWindow__stageInner .left,
.is-tv-1-3 .c-vrFairMainWindow__stageInner .right,
.is-tv-2-3 .c-vrFairMainWindow__stageInner .right {
	transform: translate(0,0);
}

.tvClose .is-scene__main .c-vrFairMainWindow__stageBg {
	background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-07.jpg?=v---");
	transform-origin: left center;
}

/* テレビ後 */
.tvClose .selectButton:nth-child(1) { margin: 23% 0 0 83%; }
.tvClose .selectButton:nth-child(2) { display: none; }
.tvClose .selectButton:nth-child(3) { margin: 5% 0 0 0%; }
.tvClose .selectButton:nth-child(4) { margin: 23% 0 0 15%; }

/* テレビ後のマップ */
.tvClose .c-mapAll .selectButton:nth-child(1) { margin: 42% 0 0 19%; }
.tvClose .c-mapAll .selectButton:nth-child(2) { margin: 17% 0 0 45.5%; display: block; }
.tvClose .c-mapAll .selectButton:nth-child(3) { margin: 21% 0 0 72%; }
.tvClose .c-mapAll .selectButton:nth-child(4) { margin: 41% 0 0 62%; }


.is-tv .is-tv-1 .is-tv-comment1,
.is-tv .is-tv-1 .is-tv-comment2,
.is-tv .is-tv-1 .is-tv-comment3 {
	display: none;
}

.is-tv .is-tv-1.is-tv-1comment .is-tv-comment1 {
	display: block;
}

.is-tv .is-tv-1.is-tv-2comment .is-tv-comment2 {
	display: block;
}

.is-tv .is-tv-1.is-tv-3comment .is-tv-comment3 {
	display: block;
}


/* エアコン */
.is-airStart .c-vrFairMainWindow__stageBg {
	background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-05.jpg?=v--");
	transform: scale(1.1);
	opacity: 1;
}

.is-airStart .c-vrFairMainWindow__stageInner .left {
	transform: translate(0,0);
}

.is-air-1-2 .c-vrFairMainWindow__stageInner .right {
	transform: translate(0,0);
}


/* おたのしみ */
.is-otanoshimiStart .c-vrFairMainWindow__stageBg {
	background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-06.jpg?=v-----");
	transform: scale(1.1);
	opacity: 1;
}

.is-otanoshimiStart .c-vrFairMainWindow__stageInner .left,
.is-otanoshimiStart .c-vrFairMainWindow__stageInner .right {
	transform: translate(0,0);
}

.c-vrFairMainWindow.is-otanoshimi.otanoshimi-1 .c-vrFairMainWindow__stageBg {
	background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-11.jpg");
	transform: scale(1);
}

.c-vrFairMainWindow.is-otanoshimi.otanoshimi-1 .c-vrFairMainWindow__stageInner img.right {
	opacity: 0;
}

.c-vrFairMainWindow.is-otanoshimi.otanoshimi-2 .c-vrFairMainWindow__stageBg {
	background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-12.jpg");
	transform: scale(1);
}

.c-vrFairMainWindow.is-otanoshimi.otanoshimi-2 .c-vrFairMainWindow__stageInner img.right {
	opacity: 0;
}

.clearSentaku.clearTv.clearAir.clearOtanoshimi .is-scene__main .c-vrFairMainWindow__stageInner .right {
	transform: translate(-20%,0);
	z-index: 50;
}

.c-vrFairMainWindow__comment.is-comp {
	display: none;
}

.clearSentaku.clearTv.clearAir.clearOtanoshimi .is-scene__main .c-vrFairMainWindow__comment {
	display: none;
}

.clearSentaku.clearTv.clearAir.clearOtanoshimi .is-scene__main .c-vrFairMainWindow__comment.is-comp {
	display: block;
}

.rightComp {
	display: none;
}

.clearSentaku.clearTv.clearAir.clearOtanoshimi .rightComp {
	display: block;
}

.is-otanoshimi-main .c-vrFairMainWindow__commentInner p.text {
	display: flex;
	align-items: center;
}

.is-otanoshimi-main .c-vrFairMainWindow__commentInner p.text span {
	width: 70%;
}

.is-otanoshimi-main .c-vrFairMainWindow__commentInner p.text i {
	width: 30%;
}

.is-otanoshimi-main .c-vrFairMainWindow__commentInner p.text + .u-selectMenu {
	margin-top: 0;
}

.u-buttonMap {
	text-align: center;
	margin: 0 0 30px;
}

.u-buttonMap em {
	color: #3576d9;
	font-size: 24px;
	font-weight: 900;
	padding: 5px 0 5px 36px;
	background: url("/ps/other/event/virtual_fair_2021_autumn/img/main/icon-map.png") no-repeat left center / auto 70%;
	display: inline-block;
	cursor: pointer;
	opacity: 0;
	pointer-events: none;
}

.mainSelect .u-buttonMap em {
	opacity: 1;
	pointer-events: all;
}

.u-buttonMap em:hover {
	opacity: .8;
}

.c-mapAll {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transition: 1s;
}

.c-mapAll__inner {
	max-width: 560px;
	margin: 60px auto 0;
	position: relative;
}

.c-mapAll .c-avatarWrap {
	width: 25%;
	margin: 44% 0 0 37%;
	display: flex;
	align-items: flex-end;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.c-mapAll .c-avatarBody {
	width: 50%;
}

.c-mapAll .selectButton:nth-child(1) { margin: 42% 0 0 19%; }
.c-mapAll .selectButton:nth-child(2) { margin: 17% 0 0 45.5%; }
.c-mapAll .selectButton:nth-child(3) { margin: 21% 0 0 72%; }
.c-mapAll .selectButton:nth-child(4) { margin: 41% 0 0 62%; }


.js-closeMap {
	text-align: center;
	margin: 20px 0 0;
	display: block;
}

.js-closeMap em {
	color: #fff;
	font-size: 20px;
	font-weight: 900;
	padding: 10px 2em;
	border-radius: 10px;
	background: #3576d9;
	display: inline-block;
	cursor: pointer;
}

.is-mapOpen .u-cover {
	opacity: 1;
	visibility: visible;
}

.is-mapOpen .c-vrFairMainLogo {
	display: none;
}

.is-mapOpen .c-mapAll {
	opacity: 1;
	visibility: visible;
}



/* Exit */
.c-vrFair--exit .c-vrFairMainWindow__stageBg {
	background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-09.jpg?=v--");
	opacity: 1;
	transform: scale(1);
}

/*
.is-loadComplete.c-vrFair--exit .c-vrFairMainWindow__stageBg {
	animation: a-vrFair--exit 4s .5s both;
}

@keyframes a-vrFair--exit {
	0%{
		transform: scale(1);
	}
	75%{
		opacity: 1;
	}
	100%{
		transform: scale(1.1);
		opacity: 0;
	}
}
*/

.c-exitMenu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.c-exitMenu .u-vrFairButton {
	margin-right: 5px;
	margin-left: 5px;
}

.c-exitMenu .u-vrFairButton:nth-child(1) .u-vrFairButton__wrapper em {
	font-size: 24px;
}

/*
.c-vrFair--exit .c-vrFairMainWindow__stageInner img.left {
	width: 30%;
	margin-bottom: 5%;
	transition-delay: 6.5s;
}

.is-loadComplete.c-vrFair--exit .c-vrFairMainWindow__stageInner .left {
	transform: translate(55%,0);
}


.c-vrFair--exit .c-vrFairMainWindow__commentInner > * {
	transition: 1s 6s;
	opacity: 0;
}

.is-loadComplete.c-vrFair--exit .c-vrFairMainWindow__commentInner > * {
	opacity: 1;
}
*/



.c-exitMidori {
	left: 2%;
	transform: translate(0,0);
}

.c-vrFair--exit.is-exit-2 .c-exitMidori {
	animation: a-exitMidori 4s 1s both linear;
}

@keyframes a-exitMidori {
	80% {
		opacity: 1;
	}
	100% {
		transform: translate(-45%,0) scale(1.3);
		opacity: 0;
	}
}

.c-vrFair--exit .c-vrFairSettingPreview {
	width: 100%;
	height: 100%;
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
}

.c-vrFair--exit.is-settingEndBack .c-avatarBody--main,
.c-vrFair--exit.is-settingEndBack .c-avatarBody--with {
	animation: none;
}

.c-vrFair--exit .c-vrFairSettingPreview .c-avatarBody {
	width: 30%;
	top: 30%;
	left: 33%;
}

.c-vrFair--exit .c-vrFairSettingPreview .c-avatarBody--with {
	top: 40%;
	right: 5%;
	left: auto;
}

.is-exit-2 .c-vrFairMainWindow__comment.is-exit-1 .u-vrFairButton {
	transition: 1s;
}

.is-exit-2 .c-vrFairMainWindow__comment.is-exit-1 .u-vrFairButton {
	opacity: 0;
	pointer-events: none;
}

.is-exit-2 .c-vrFairMainWindow__comment.is-exit-1 .u-vrFairButton * {
	pointer-events: none;
}



.c-vrFair--exit.is-exit-2 .c-vrFairMainWindow__stageBg:not(.c-vrFairMainWindow__stageBg--2) {
	transform-origin: center right;
	animation: a-exitBg 4s 1s both linear;
}

@keyframes a-exitBg {
	75% {
		opacity: 1;
	}
	100% {
		transform: scale(1.2);
		opacity: 0;
	}
}

.c-vrFair--exit.is-exit-2 .c-avatarBody--main {
	animation: a-exitMain 4s 1s both linear;
}

@keyframes a-exitMain {
	80% {
		opacity: 1;
	}
	100% {
		top: 10%;
		left: 25%;
		opacity: 0;
	}
}

.c-vrFair--exit.is-exit-2 .c-avatarBody--with {
	animation: a-exitWith 4s 1s both linear;
}

@keyframes a-exitWith {
	80% {
		filter: blur(0);
		opacity: 1;
	}
	100% {
		filter: blur(0);
		top: 25%;
		right: 15%;
		opacity: 0;
	}
}

.c-vrFair--exit .c-vrFairMainWindow__stageBg--2 {
	background-image: url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-01.jpg?=v--");
	opacity: 0;
	transform: scale(1.05);
}

.c-vrFair--exit.is-exit-2 .c-vrFairMainWindow__stageBg--2 {
	animation: a-vrFair--exit2 1s 5s both;
}

@keyframes a-vrFair--exit2 {
	100%{
		opacity: 1;
		transform: scale(1);
	}
}

.c-exitMenu .u-vrFairButton__wrapper {
	opacity: 1;
	pointer-events: all;
}

.c-vrFair--exit .c-vrFairMainWindow__stageInner .right {
	transition-delay: 1s;
}

.c-vrFair--exit.is-exit-3 .c-vrFairMainWindow__stageInner .right {
	transform: translate(-10%,0);
}


.otanoshimiVbg__item em {
	text-align: center;
	padding: .5em 0;
	display: block;
}

.otanoshimiVbg__items {
	margin: 1em -5px 0;
	padding: 0 15%;
	display: flex;
	flex-wrap: wrap;
}

.otanoshimiVbg__item {
	width: 50%;
	padding: 10px 5px 5px;
	
}

.otanoshimiVbg__item img {
	border-radius: 6px;
}

.otanoshimiVbg__item a {
	color: #ee5002;
	font-size: 13px;
	text-align: center;
	margin: 6px 2em 0;
	padding: .75em 0;
	display: block;
	border-radius: 10em;
	border: 2px solid #ee5002;
}

.otanoshimiVbg__item a:hover {
	color: #fff;
	background: #ee5002;
}


/* 戻るボタン */
.c-buttonBack {
	max-width: 800px;
	min-height: 40px;
	margin: -30px auto 0;
	position: relative;
	z-index: 0;
}

.c-buttonBack span {
	color: #9c9c9c;
	font-size: 14px;
	padding: 1em 2em;
	display: inline-block;
	border-bottom: 1px solid #B1B1B1;
	background: #ececec;
	border-radius: 0 0 12px 12px;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 40px;
	transform: translate(0,-100%);
	transition: .2s cubic-bezier(0.75, 0, 0.35, 1);
}

.c-buttonBack span:hover {
	opacity: .8;
}

.is-tvStart .c-buttonBack .js-buttonBack__tv,
.is-airStart .c-buttonBack .js-buttonBack__air,
.is-sentakuStart .c-buttonBack .js-buttonBack__sentaku,
.is-otanoshimiStart .c-buttonBack .js-buttonBack__otanoshimi {
	box-shadow:
		0 0 0 1px rgb(0 0 0 / 10%),
		0 0 10px 0 rgb(0 0 0 / 25%)
	;
	transform: translate(0,-.25em);
}

.returnButtonOff .c-buttonBack {
	transform: translate(0,-100%);
}

.cardDl {
	background: #fff !important;
}

.c-cardDl {
	padding: 30px;
	position: relative;
}

.c-cardDl__image {
	max-width: 600px;
	margin: 0 auto 30px;
}

/* 読み込み V背景 */
.otanoshimiVbg .is-sp {
	display: none;
}

.otanoshimiVbg .corner_virtual_area {
	margin: 10px 0 0;
}

.otanoshimiVbg .corner-listItems {
	margin: 0 -10px;
	flex-wrap: wrap;
	display: none;
}

.otanoshimiVbg .corner-listItems.is-active {
	display: flex !important;
}

.otanoshimiVbg .corner_virtual_series_title {
	display: none;
}

.otanoshimiVbg .corner_virtual_areaTitle {
	position: relative;
}

.otanoshimiVbg .corner_virtual_areaTitle:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 10px 0 10px;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translate(0,-50%);
}

.otanoshimiVbg .corner_virtual_areaTitle h3 {
	color: #fff;
	font-size: 18px;
	padding: 10px 0 15px 20px;
	background: #666;
	cursor: pointer;
	transition: .2s cubic-bezier(0.75, 0, 0.35, 1);
}

.otanoshimiVbg .corner_virtual_areaTitle h3:hover {
	opacity: .7;
}

.otanoshimiVbg .corner-listItem {
	width: calc(100% / 4);
	margin: 20px 0 0;
	padding: 0 10px;
}

.otanoshimiVbg .corner-listItem:last-child {
	margin-bottom: 30px;
}

.otanoshimiVbg .corner-listItem figure figcaption {
	font-size: 17px;
	text-align: center;
	margin: 0 0 10px;
	display: block;
}

.otanoshimiVbg .corner-listItem .e-img {
	border-radius: .5em;
}

.otanoshimiVbg .corner-listItem-button {
	margin: 5px 0 0;
}

.otanoshimiVbg .corner-listItem-button a {
	border: 2px solid #ee5002;
	border-radius: 10em;
	color: #ee5002;
	display: block;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	padding: .5em 0;
	font-size: 13px;
}

.otanoshimiVbg .corner_virtual_area01 .corner_virtual_areaTitle h3 {
	background-color: #a3d04e;
}

.otanoshimiVbg .corner_virtual_area02 .corner_virtual_areaTitle h3 {
	background-color: #4c9fcf;
}

.otanoshimiVbg .corner_virtual_area03 .corner_virtual_areaTitle h3 {
	background-color: #df94dc;
}

.otanoshimiVbg .corner_virtual_area04 .corner_virtual_areaTitle h3 {
	background-color: #f8ad1c;
}

.otanoshimiVbg .corner_virtual_area05 .corner_virtual_areaTitle h3 {
	background-color: #ef7d9a;
}

.otanoshimiVbg .corner_virtual_area06 .corner_virtual_areaTitle h3 {
	background-color: #3fb25e;
}









.preloadedImages {
	width: 0;
	height: 0;
	position: absolute;
	z-index: 0;
	opacity: 0;
	background-image:
		url("/ps/other/event/virtual_fair_2021_autumn/img/main-01.png?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/avatar-01.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/avatar-01@back.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/avatar-01@face.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/avatar-02.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/avatar-02@back.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/avatar-02@face.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/avatar-03.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/avatar-03@back.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/avatar-04.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/avatar-04@back.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-01.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-01@back.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-02.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-02@back.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-03.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-03@back.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-04.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-04@back.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-05.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-05@back.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-06.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/avatar/with-06@back.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-f01.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-f02.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-f03.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-f04.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-f05.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-m01.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-m02.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-m03.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-m04.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-eye-m05.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-f01.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-f02.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-f03.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-f04.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-f05.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-m01.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-m02.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-m03.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-m04.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-face-m05.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f01.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f02.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f03.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f04.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f05.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m01.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m02.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m03.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m04.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m05.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f01@back.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f02@back.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f03@back.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f04@back.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-f05@back.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m01@back.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m02@back.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m03@back.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m04@back.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-hair-m05@back.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-f01.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-f02.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-f03.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-f04.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-f05.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-m01.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-m02.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-m03.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-m04.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-mouth-m05.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-f01.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-f02.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-f03.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-f04.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-f05.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-m01.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-m02.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-m03.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-m04.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/parts/parts-nose-m05.png"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-01.jpg?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-02.jpg?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-02.png?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-03.jpg?--"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-03.png?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-03b.png?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-04.jpg?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-04.png?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-05.jpg?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-05.png?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-06.jpg?--"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-06.png?---"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-07.jpg?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-08.png?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-08.png?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-08.png?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-09.jpg?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-10.png?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-11.jpg?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-12.jpg?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/main/img-13.png?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/main/poster-01.jpg?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/main/poster-02.jpg?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/lottery/lottery-01.png?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/lottery/lottery-02.png?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/lottery/lottery-03.png?-"),
		url("/ps/other/event/virtual_fair_2021_autumn/img/lottery/bg-01.png?-");
}
