@charset "UTF-8";
@import url(animations.min.css);

.koureijyutu-animation-bg {
	width: 840px;
	height: 680px;
	position: relative;
	margin: 0 auto;
}
.koureijyutu-animation-bg img {
	position: absolute;
	transform: translate(-50%, -50%);
}
.koureijyutu-animation-bg .teller {
	top: 50%;
	left: 50%;
	transition: all .5s ease;
}
.koureijyutu-animation-bg .yorisiro {
	top: 0%;
	left: 50%;
	width: 200px;
	opacity: 0;
}
.koureijyutu-animation-bg .yorisiro.come-down {
	animation: come-down-ca119cf0 2s ease-in-out forwards;
}
@keyframes come-down-ca119cf0 {
	0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0;
	}
	25% {
		transform: translate(-50%, -50%) rotateY(60deg) rotateX(-9deg) scale(1.3);
		left: 60%;
		opacity: .5;
	}
	58% {
		transform: translate(-50%, -50%) rotateY(-10deg) rotateX(42deg) scale(1.9);
		left: 32%;
		opacity: 1;
	}
	to {
		transform: translate(-50%, -50%) scale(3);
		left: 50%;
		top: 52%;
		opacity: 1;
	}
}
.koureijyutu-animation-bg .animation-text {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 70%;
	left: 50%;
	width: 80%;
	height: 0;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.4em;
	text-align: center;
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	text-shadow: 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3;
	transition: all .5s ease;
	opacity: 0;
	z-index: 2;
}
.koureijyutu-animation-bg .fire {
	top: 50%;
	left: 50%;
	filter: brightness(40%) blur(2px);
	opacity: 0;
}
.koureijyutu-animation-bg .fire.bright-display {
	animation: bright-display-ca119cf0 2.3s linear forwards;
}
@keyframes bright-display-ca119cf0 {
	0% {
		filter: brightness(40%) blur(2px);
		opacity: 0;
	}
	18% {
		filter: brightness(40%) blur(2px);
		opacity: 1;
	}
	30% {
		filter: brightness(40%) blur(2px);
		opacity: 1;
	}
	58% {
		filter: brightness(100%) blur(1px);
		opacity: 1;
	}
	73% {
		filter: brightness(160%) blur(1px);
	}
	75% {
		filter: brightness(140%) blur(1px);
	}
	77% {
		filter: brightness(120%) blur(1px);
		opacity: 1;
	}
	to {
		filter: brightness(80%) blur(2px);
		height: 0!important;
	}
}
.koureijyutu-animation-bg .result-img {
	height: 0;
	opacity: 0;
	transition: all .8s ease;
}
.koureijyutu-animation-bg .result-img.no0 {
	top: 50%;
	left: 50%;
	width: 600px;
}
.koureijyutu-animation-bg .result-img.no1 {
	top: 12%;
	left: 30%;
	width: 520px;
	z-index: 2;
}
.koureijyutu-animation-bg .result-img.no2 {
	top: 47%;
	left: 75%;
	width: 386.667px;
	z-index: 2;
}
.koureijyutu-animation-bg .result-img.no3 {
	top: 66%;
	left: 32%;
	width: 520px;
	z-index: 2;
}
.koureijyutu-animation-bg .result-img.no4 {
	top: 90%;
	left: 67%;
	width: 483.3337px;
	z-index: 2;
}
.koureijyutu-animation-bg .result-img.no5 {
	top: 32%;
	left: 20%;
	width: 340px;
	z-index: 1;
}
.koureijyutu-animation-bg .result-img.no6 {
	top: 28%;
	left: 78%;
	width: 380px;
}
.koureijyutu-animation-bg .result-img.no7 {
	top: 69%;
	left: 79%;
	width: 340px;
	z-index: 1;
}
.koureijyutu-animation-bg .result-img.no8 {
	top: 85%;
	left: 24%;
	width: 266px;
}
.koureijyutu-animation-bg .free-result .result-img {
	height: 0;
	opacity: 0;
	transition: all .8s ease;
}
.koureijyutu-animation-bg .free-result .result-img.no0 {
	top: 50%;
	left: 50%;
	width: 600px;
}
.koureijyutu-animation-bg .free-result .result-img.no1 {
	top: 16%;
	left: 34%;
	width: 520px;
	z-index: 2;
}
.koureijyutu-animation-bg .free-result .result-img.no2 {
	top: 55%;
	left: 73%;
	width: 386.667px;
	z-index: 2;
}
.koureijyutu-animation-bg .free-result .result-img.no5 {
	top: 40%;
	left: 20%;
	width: 340px;
	z-index: 1;
}
.koureijyutu-animation-bg .free-result .result-img.no6 {
	top: 32%;
	left: 78%;
	width: 380px;
}
.koureijyutu-animation-bg .free-result .result-img.no7 {
	top: 73%;
	left: 72%;
	width: 340px;
	z-index: 1;
}
.koureijyutu-animation-bg .free-result .result-img.no8 {
	top: 80%;
	left: 24%;
	width: 266px;
}
.description-soul-bg[data-v-cabc5987] {
	width: 840px;
	height: 660px;
	position: relative;
	margin: 0 auto;
}
.description-soul-bg .description-text[data-v-cabc5987] {
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	font-size: 2rem;
	text-shadow: 0 0 3px #cc9933, 0 0 3px #cc9933, 0 0 3px #cc9933, 0 0 3px #cc9933;
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 10%;
	width: 90%;
}
.description-soul-bg img[data-v-cabc5987] {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 55%;
	left: 50%;
	height: 500px;
}
.description-soul-bg .soul-img[data-v-cabc5987] {
	height: 200px;
	opacity: 0;
	top: 55%;
}
.description-soul-bg .soul-img.scale-up[data-v-cabc5987] {
	animation: scale-up-cabc5987 .6s ease-in-out forwards;
}
@keyframes scale-up-cabc5987 {
	to {
		opacity: 1;
		height: 500px;
	}
}
.description-words-bg {
	width: 840px;
	height: 660px;
	position: relative;
	margin: 0 auto;
}
.description-words-bg .description-text {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 9%;
	width: 90%;
	color: #fff;
	font-size: 2rem;
	line-height: 1.3em;
	text-align: center;
	font-weight: bold;
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	text-shadow: 0 0 3px #cc9933, 0 0 3px #cc9933, 0 0 3px #cc9933, 0 0 3px #cc9933;
}
.description-words-bg .yorisiro {
	position: absolute;
	top: 55%;
	left: 50%;
	height: 500px;
	transform: translate(-50%, -50%);
	transition: all 0.5s ease-in-out;
}
.description-words-bg .result-text {
	position: absolute;
	transform: translate(-50%, -50%);
	clip-path: inset(0 100% 0 0);
	transition: all .6s ease-in;
}
.description-words-bg .result-text.no0 {
	top: 33%;
	left: 34%;
	width: 483.3337px;
}
.description-words-bg .result-text.no0.slide-view {
	clip-path: inset(0px);
}
.description-words-bg .result-text.no1 {
	top: 47%;
	left: 75%;
	width: 386.667px;
	transition-delay: .3s;
}
.description-words-bg .result-text.no1.slide-view {
	clip-path: inset(0px);
}
.description-words-bg .result-text.no2 {
	top: 68%;
	left: 35%;
	transition-delay: .6s;
}
.description-words-bg .result-text.no2.slide-view {
	clip-path: inset(0px);
}
.description-words-bg .result-text.no3 {
	top: 90%;
	left: 67%;
	width: 483.3337px;
	transition-delay: .9s;
}
.description-words-bg .result-text.no3.slide-view {
	clip-path: inset(0px);
}
.description-words-bg .free-result-text {
	position: absolute;
	transform: translate(-50%, -50%);
	clip-path: inset(0 100% 0 0);
	transition: all .6s ease-in;
}
.description-words-bg .free-result-text.no0 {
	top: 48%;
	left: 36%;
	width: 540px;
}
.description-words-bg .free-result-text.no0.slide-view {
	clip-path: inset(0px);
}
.description-words-bg .free-result-text.no1 {
	top: 76%;
	left: 71%;
	width: 420px;
	transition-delay: .3s;
}
.description-words-bg .free-result-text.no1.slide-view {
	clip-path: inset(0px);
}
.description-words-img-bg {
	width: 840px;
	height: 660px;
	position: relative;
	margin: 0 auto;
}
.description-words-img-bg .description-text {
	position: absolute;
	color: #fff;
	left: 50%;
	top: 9%;
	width: 90%;
	font-size: 2rem;
	line-height: 1.3em;
	text-align: center;
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	text-shadow: 0 0 3px #cc9933, 0 0 3px #cc9933, 0 0 3px #cc9933, 0 0 3px #cc9933;
	transform: translate(-50%, -50%);
}
.description-words-img-bg .yorisiro {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 55%;
	left: 50%;
	height: 500px;
}
.description-words-img-bg .result-img {
	position: absolute;
	transform: translate(-50%, -50%);
	width: 340px;
	opacity: 0;
	height: 0;
	transition: all 1.2s ease-in-out;
}
.description-words-img-bg .result-img.no0 {
	top: 41%;
	left: 20%;
}
.description-words-img-bg .result-img.no1 {
	top: 35%;
	left: 69%;
	width: 380px;
	transition-delay: .3s;
}
.description-words-img-bg .result-img.no2 {
	top: 73%;
	left: 79%;
	transition-delay: .6s;
}
.description-words-img-bg .result-img.no3 {
	top: 80%;
	left: 28%;
	width: 266px;
	transition-delay: .9s;
}
.yorisiro-fortune-bg {
	width: 840px;
	height: 520px;
	position: relative;
	margin: 0 auto;
}
.yorisiro-fortune-bg .teller {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	transition: all .6s ease-in;
}
.yorisiro-fortune-bg .description-text {
	position: absolute;
	left: 50%;
	top: 73%;
	width: 90%;
	height: 0;
	color: #fff;
	font-size: 2rem;
	line-height: 1.3em;
	font-weight: bold;
	text-align: center;
	font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
	text-shadow: 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3;
	transform: translate(-50%, -50%);
	transition: all .4s ease-in;
	opacity: 0;
}
.yorisiro-fortune-bg .yorisiro {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 28%;
	left: 70%;
	opacity: 0;
	transition: all .7s ease-in;
}
.yorisiro-fortune-bg .yorisiro.one {
	height: 300px;
	left: 74%;
}
.yorisiro-fortune-bg .yorisiro.one.zoom-and-move {
	top: 50%;
	left: 50%;
	height: 480px;
}
.yorisiro-fortune-bg .yorisiro.two {
	height: 240px;
	left: 70%;
}
.yorisiro-fortune-bg .yorisiro.two.zoom-and-move {
	top: 50%;
	left: 50%;
	height: 400px;
}
.yorisiro-fortune-bg .result-img {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	transition: all .4s ease-in;
	opacity: 0;
	height: 0;
}
.yorisiro-fortune-bg .result-img.no1 {
	transition-delay: .7s;
}
.yorisiro-three-animation-bg {
	width: 840px;
	height: 660px;
	position: relative;
	margin: 0 auto;
}
.yorisiro-three-animation-bg img {
	position: absolute;
	transform: translate(-50%, -50%);
}
.yorisiro-three-animation-bg .animation-text {
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	position: absolute;
	left: 50%;
	top: 60%;
	width: 95%;
	color: #fff;
	font-size: 2rem;
	line-height: 1.2em;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3;
	transform: translate(-50%, -50%);
	transition: all .4s ease-in;
}
.yorisiro-three-animation-bg .description-text {
	position: absolute;
	left: 50%;
	top: 8%;
	width: 100%;
	color: #fff;
	font-size: 2rem;
	line-height: 1.2em;
	font-weight: bold;
	text-align: center;
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	text-shadow: 0 0 3px #cc9933, 0 0 3px #cc9933, 0 0 3px #cc9933, 0 0 3px #cc9933;
	transform: translate(-50%, -50%);
}
.yorisiro-three-animation-bg .moya-box {
	height: 660px;
	width: 890px;
	overflow: hidden;
	position: absolute;
	transition: all .6s ease-in;
	opacity: 0;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}
.yorisiro-three-animation-bg .moya-box .moya {
	top: 50%;
	width: 880px;
	opacity: .6;
}
.yorisiro-three-animation-bg .moya-box .moya.left {
	left: 35%;
}
.yorisiro-three-animation-bg .moya-box .moya.left.move-right {
	animation: move-right-5115bdd4 3s linear forwards;
}
@keyframes move-right-5115bdd4 {
	50% {
		opacity: 1;
	}
	to {
		left: 100%;
		opacity: .5;
	}
}
.yorisiro-three-animation-bg .moya-box .moya.right {
	left: 65%;
}
.yorisiro-three-animation-bg .moya-box .moya.right.move-left {
	animation: move-left-5115bdd4 3s linear forwards;
}
@keyframes move-left-5115bdd4 {
	50% {
		opacity: 1;
	}
	to {
		left: 0%;
		opacity: .5;
	}
}
.yorisiro-three-animation-bg .layered {
	height: 660px;
	width: 890px;
	position: absolute;
	box-shadow: inset 0 0 30px 30px #281e0d;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}
.yorisiro-three-animation-bg .teller {
	top: 20%;
	left: 10%;
	transform: translate(25%);
	opacity: 0;
	height: 0;
	transition: all .4s ease-in;
}
.yorisiro-three-animation-bg .teller.moving1 {
	animation: moving1-5115bdd4 1.5s linear forwards;
}
@keyframes moving1-5115bdd4 {
	0% {
		transform: rotate(0) translate(25%) rotate(0);
	}
	to {
		transform: rotate(-300deg) translate(0) rotate(300deg);
		left: 23.8%;
	}
}
.yorisiro-three-animation-bg .teller.moving2 {
	transform: translate(-25%);
	animation: moving2-5115bdd4 1.5s ease-in forwards;
}
@keyframes moving2-5115bdd4 {
	0% {
		transform: rotate(-340deg) translate(-25%) rotate(340deg);
		left: 36.8%;
		top: 25.8%;
	}
	to {
		transform: rotate(-40deg) translate(0) rotate(40deg);
		left: 23.7%;
	}
}
.yorisiro-three-animation-bg .yorisiro {
	top: 50%;
	left: 50%;
	opacity: 0;
	transition: all .6s .4s ease-in;
}
.yorisiro-three-animation-bg .yorisiro.one {
	height: 500px;
	top: 55%;
}
.yorisiro-three-animation-bg .four-word-img {
	top: 50%;
	left: 50%;
	transition: all .4s ease-in;
	opacity: 0;
}
.yorisiro-three-animation-bg .four-word-img.no0 {
	width: 200px;
	height: 200px;
}
.yorisiro-three-animation-bg .four-word-img.no0.scale-up {
	animation: scale-up-5115bdd4 .6s ease-in-out forwards;
}
.yorisiro-three-animation-bg .four-word-img.no1 {
	top: 26%;
	left: 34%;
	width: 500px;
}
.yorisiro-three-animation-bg .four-word-img.no2 {
	top: 47%;
	left: 65%;
	width: 500px;
}
.yorisiro-three-animation-bg .four-word-img.no3 {
	top: 68%;
	left: 34%;
	width: 500px;
}
.yorisiro-three-animation-bg .four-word-img.no4 {
	top: 88%;
	left: 65%;
	width: 500px;
}
.yorisiro-three-animation-bg .two-img {
	top: 50%;
	left: 50%;
	transition: all .4s ease-in;
	opacity: 0;
}
.yorisiro-three-animation-bg .two-img.no0 {
	width: 200px;
	height: 200px;
}
.yorisiro-three-animation-bg .two-img.no0.scale-up {
	animation: scale-up-5115bdd4 .6s ease-in-out forwards;
}
.yorisiro-three-animation-bg .two-img.no1 {
	top: 80%;
	left: 25%;
}
.yorisiro-three-animation-bg .two-img.no2 {
	top: 80%;
	left: 75%;
}
.yorisiro-three-animation-bg .text-img {
	top: 50%;
	left: 50%;
	transition: all .4s ease-in;
	opacity: 0;
}
.yorisiro-three-animation-bg .text-img.no0 {
	width: 200px;
	height: 200px;
}
.yorisiro-three-animation-bg .text-img.no0.scale-up {
	animation: scale-up-5115bdd4 .6s ease-in-out forwards;
}
.yorisiro-three-animation-bg .text-img.no1 {
	top: 70%;
	left: 50%;
}
.yorisiro-three-animation-bg .two-person .four-word-img {
	top: 50%;
	left: 50%;
	transition: all .4s ease-in;
	opacity: 0;
}
.yorisiro-three-animation-bg .two-person .four-word-img.no0 {
	width: 200px;
	height: 200px;
	left: 25%;
}
.yorisiro-three-animation-bg .two-person .four-word-img.no0.scale-up {
	animation: scale-up-5115bdd4 .6s ease-in-out forwards;
}
.yorisiro-three-animation-bg .two-person .four-word-img.no1 {
	width: 200px;
	height: 200px;
	left: 75%;
}
.yorisiro-three-animation-bg .two-person .four-word-img.no1.scale-up {
	animation: scale-up-5115bdd4 .6s ease-in-out forwards;
}
.yorisiro-three-animation-bg .two-person .four-word-img.no2 {
	top: 26%;
	left: 34%;
	width: 500px;
}
.yorisiro-three-animation-bg .two-person .four-word-img.no3 {
	top: 47%;
	left: 65%;
	width: 500px;
}
.yorisiro-three-animation-bg .two-person .four-word-img.no4 {
	top: 68%;
	left: 34%;
	width: 500px;
}
.yorisiro-three-animation-bg .two-person .four-word-img.no5 {
	top: 88%;
	left: 65%;
	width: 500px;
}
.yorisiro-three-animation-bg .two-person .two-img {
	top: 50%;
	left: 50%;
	transition: all .4s ease-in;
	opacity: 0;
}
.yorisiro-three-animation-bg .two-person .two-img.no0 {
	width: 200px;
	height: 200px;
	left: 25%;
}
.yorisiro-three-animation-bg .two-person .two-img.no0.scale-up {
	animation: scale-up-5115bdd4 .6s ease-in-out forwards;
}
.yorisiro-three-animation-bg .two-person .two-img.no1 {
	width: 200px;
	height: 200px;
	left: 75%;
}
.yorisiro-three-animation-bg .two-person .two-img.no1.scale-up {
	animation: scale-up-5115bdd4 .6s ease-in-out forwards;
}
.yorisiro-three-animation-bg .two-person .two-img.no2 {
	top: 80%;
	left: 25%;
}
.yorisiro-three-animation-bg .two-person .two-img.no3 {
	top: 80%;
	left: 75%;
}
.yorisiro-three-animation-bg .two-person .text-img {
	top: 50%;
	left: 50%;
	transition: all .4s ease-in;
	opacity: 0;
}
.yorisiro-three-animation-bg .two-person .text-img.no0 {
	width: 200px;
	height: 200px;
	left: 25%;
}
.yorisiro-three-animation-bg .two-person .text-img.no0.scale-up {
	animation: scale-up-5115bdd4 .6s ease-in-out forwards;
}
.yorisiro-three-animation-bg .two-person .text-img.no1 {
	width: 200px;
	height: 200px;
	left: 75%;
}
.yorisiro-three-animation-bg .two-person .text-img.no1.scale-up {
	animation: scale-up-5115bdd4 .6s ease-in-out forwards;
}
.yorisiro-three-animation-bg .two-person .text-img.no2 {
	top: 80%;
	left: 50%;
}
@keyframes scale-up-5115bdd4 {
	to {
		opacity: 1;
		height: 500px;
		width: 500px;
	}
}
.listQuestionAnswer .question-and-answer-animation-bg {
	position: relative;
	margin: 20px auto 0;
	width: 840px;
	height: 430px;
}
.listQuestionAnswer .question-and-answer-animation-bg .question {
	font-size: 2.7rem;
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	width: 90%;
	text-align: left;
	margin: 0 auto;
	padding-top: 20px;
	line-height: 1.2;
}
.listQuestionAnswer .question-and-answer-animation-bg .teller {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 40%;
	left: 28%;
	max-width: 460px;
}
.listQuestionAnswer .question-and-answer-animation-bg .answer-text {
	position: absolute;
	top: 6%;
    left: 49%;
    width: 49%;
	height: 0;
	font-size: 3rem;
	text-align: left;
	line-height: 1.3;
	font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
	text-shadow: 0 0 10px #cc33ff, 0 0 10px #cc33ff, 0 0 10px #cc33ff;
	transition: all .4s ease-in;
	transform: none;
	opacity: 0;
}
.question-and-answer-animation-bg[data-v-47d2803f] {
	width: 840px;
	height: 680px;
	position: relative;
	margin: 20px auto 0;
}
.question-and-answer-animation-bg .question[data-v-47d2803f] {
	font-size: 2.7rem;
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	width: 90%;
	text-align: left;
	margin: 0 auto;
	padding-top: 20px;
	line-height: 1.2;
}
.question-and-answer-animation-bg img[data-v-47d2803f] {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 59%;
	left: 50%;
	width: 500px;
}
.question-and-answer-animation-bg .soul-img[data-v-47d2803f] {
	opacity: 0;
	height: 0;
	transition: all .4s ease-in;
}
.question-and-answer-animation-bg .answer-text[data-v-47d2803f] {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 62%;
	left: 50%;
	width: 80%;
	font-size: 3rem;
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	text-shadow: 0 0 7px #cc9933, 0 0 7px #cc9933, 0 0 7px #cc9933, 0 0 7px #cc9933;
	text-align: left;
	line-height: 1.3;
	opacity: 0;
	height: 0;
	transition: all .4s ease-in;
}
.question-and-answer-animation-bg {
	width: 840px;
	height: 660px;
	position: relative;
	margin: 0 auto;
}
.question-and-answer-animation-bg img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 600px;
	transform: translate(-50%, -50%);
	transition: all .4s ease-in;
}
.question-and-answer-animation-bg .answer-text {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 85%;
	color: #fff;
	font-size: 2.2rem;
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	text-shadow: 2px 2px 2px #000000, 2px 2px 4px #000000;
	text-align: left;
	line-height: 1.3;
	opacity: 0;
	height: 0;
	transition: all .4s ease-in;
	text-align: center;
}
.yorisiro-animation-bg {
	width: 840px;
	height: 420px;
	position: relative;
	margin: 20px auto 0;
}
.yorisiro-animation-bg .question {
	font-size: 2.7rem;
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	width: 90%;
	text-align: left;
	margin: 0 auto;
	padding-top: 20px;
	line-height: 1.2;
}
.yorisiro-animation-bg .teller {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 40%;
	left: 75%;
}
.yorisiro-animation-bg .result-img {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 39%;
	left: 34%;
	height: 0;
	transition: all .4s ease-in;
	opacity: 0;
}
.yorisiro-animation-bg .result-img.un-shadow {
	opacity: 1;
	height: auto;
	animation: yes-no-animation-03762c8b 1s linear 0s 1 normal forwards running;
}
@keyframes yes-no-animation-03762c8b {
	0% {
		clip-path: polygon(0 0, 0 0, 0 0);
	}
	to {
		clip-path: polygon(0 0, 200% 0, 0 200%);
	}
}
.charm-animation-bg[data-v-11ee3b5b] {
	width: 840px;
	height: 560px;
	position: relative;
	margin: 0 auto;
}
.charm-animation-bg .teller[data-v-11ee3b5b] {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	transition: all .3s ease-in;
}
.charm-animation-bg .description-text[data-v-11ee3b5b] {
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	font-size: 2rem;
	font-weight: bold;
	text-shadow: 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3;
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 66%;
	width: 90%;
	height: 0;
	opacity: 0;
	transition: all .3s ease-in;
}
.charm-animation-bg .paper[data-v-11ee3b5b] {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	opacity: 0;
	height: 0;
	transition: all .2s .6s ease-in;
}
.charm-animation-bg .charm-text[data-v-11ee3b5b] {
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	font-size: 2.8rem;
	color: #640125;
	text-shadow: 2px 2px 4px #fff, 1px 1px 2px #fff;
	position: absolute;
	transform: translate(-50%, -50%);
	width: 76%;
	top: 50%;
	left: 50%;
	height: 0;
	opacity: 0;
	transition: all .4s ease-in;
}

.description-soul-bg[data-v-3f8c5c21] {
	width: 100%;
	height: 420px;
	position: relative;
	margin: 0 auto;
}
.description-soul-bg .description-text[data-v-3f8c5c21] {
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	font-size: 5vw;
	text-shadow: 0 0 2px #cc9933, 0 0 2px #cc9933, 0 0 2px #cc9933, 0 0 2px #cc9933;
	text-align: center;
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 10%;
	width: 90%;
	line-height: 1.2;
}
.description-soul-bg img[data-v-3f8c5c21] {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 55%;
	left: 50%;
	height: 324px;
}
.description-soul-bg .soul-img[data-v-3f8c5c21] {
	height: 144px;
	opacity: 0;
	top: 55%;
}
.description-soul-bg .soul-img.scale-up[data-v-3f8c5c21] {
	animation: scale-up-3f8c5c21 .6s ease-in-out forwards;
}
@keyframes scale-up-3f8c5c21 {
	to {
		opacity: 1;
		height: 324px;
	}
}

.question-and-answer-animation-bg[data-v-87e6ab1c] {
	width: 100%;
	height: 440px;
	position: relative;
	margin: 20px auto 0;
}
.question-and-answer-animation-bg .question[data-v-87e6ab1c] {
	font-size: 6.5vw;
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	width: 86%;
	text-align: left;
	margin: 0 auto;
	padding-top: 10px;
	line-height: 1.2;
}
.question-and-answer-animation-bg img[data-v-87e6ab1c] {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 59%;
	left: 50%;
	width: 324px;
}
.question-and-answer-animation-bg .soul-img[data-v-87e6ab1c] {
	opacity: 0;
	height: 0;
	transition: all .4s ease-in;
}
.question-and-answer-animation-bg .answer-text[data-v-87e6ab1c] {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 62%;
	left: 50%;
	width: 70%;
	font-size: 9vw;
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	text-shadow: 0 0 6px #cc9933, 0 0 6px #cc9933, 0 0 6px #cc9933, 0 0 6px #cc9933;
	text-align: left;
	line-height: 1.2;
	opacity: 0;
	height: 0;
	transition: all .4s ease-in;
}
.question-and-answer-animation-bg[data-v-c96c95a9] {
	width: 100%;
	height: 420px;
	position: relative;
	margin: 0 auto;
}
.question-and-answer-animation-bg img[data-v-c96c95a9] {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 324px;
}
.question-and-answer-animation-bg .answer-text[data-v-c96c95a9] {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 90%;
	font-size: 6vw;
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	text-shadow: 1px 1px 2px #000000;
	text-align: center;
	line-height: 1.3;
	opacity: 0;
	height: 0;
	transition: all .4s ease-in;
}

.charm-animation-bg[data-v-787473da] {
	width: 100%;
	height: 300px;
	position: relative;
	margin: 0 auto;
}
.charm-animation-bg .teller[data-v-787473da] {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 70%;
	transition: all .3s ease-in;
}
.charm-animation-bg .description-text[data-v-787473da] {
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	font-size: 6vw;
	text-shadow: 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3;
	text-align: center;
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 66%;
	width: 90%;
	height: 0;
	opacity: 0;
	transition: all .3s ease-in;
}
.charm-animation-bg .paper[data-v-787473da] {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 105%;
	opacity: 0;
	height: 0;
	transition: all .2s .6s ease-in;
}
.charm-animation-bg .charm-text[data-v-787473da] {
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	font-size: 7vw;
	text-align: center;
	color: #640125;
	text-shadow: 2px 2px 4px #fff, 1px 1px 2px #fff;
	position: absolute;
	transform: translate(-50%, -50%);
	width: 80%;
	top: 50%;
	left: 49%;
	height: 0;
	opacity: 0;
	transition: all .4s ease-in;
}

.info-container .charm-animation-bg {
	width: 840px;
	height: 500px;
	position: relative;
	margin: 0 auto;
}
.info-container .charm-animation-bg .teller {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	transition: all .3s ease-in;
}
.info-container .charm-animation-bg .description-text {
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	font-size: 2.4rem;
	line-height: 1.3em;
	text-shadow: 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3;
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 66%;
	width: 90%;
	height: 0;
	opacity: 0;
	text-align: center;
	transition: all .3s ease-in;
}
.info-container .charm-animation-bg .paper {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 44%;
	left: 50%;
	opacity: 0;
	height: 0;
	transition: all .2s .6s ease-in;
}
.info-container .charm-animation-bg .charm-text {
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	color: #640125;
	font-size: 3rem;
	line-height: 1.2em;
	text-shadow: 2px 2px 4px #fff, 1px 1px 2px #fff;
	position: absolute;
	transform: translate(-50%, -50%);
	width: 76%;
	top: 42%;
	left: 50%;
	height: 0;
	opacity: 0;
	text-align: center;
	transition: all .4s ease-in;
}
.info-container .charm-animation-bg .sample {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 88%;
	left: 20%;
	width: 280px;
}
.info-container .yorisiro-fortune-bg {
	width: 890px;
	height: 360px;
	position: relative;
	margin: 0 auto;
}
.info-container .yorisiro-fortune-bg .one-person-box {
	width: 43%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -3%;
}
.info-container .yorisiro-fortune-bg .yorisiro { opacity: 1; }
.info-container .yorisiro-fortune-bg .one-person-box .yorisiro.one {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 48%;
	left: 50%;
	height: 260px;
}
.info-container .yorisiro-fortune-bg .one-person-box .result-img {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 48%;
	left: 50%;
	transition: all .4s ease-in;
	opacity: 0;
	height: 0;
	width: 135%;
}
.info-container .yorisiro-fortune-bg .one-person-box .result-img.no1 {
	transition-delay: .7s;
}
.info-container .yorisiro-fortune-bg .one-person-box .one-people {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 88%;
	left: 50%;
	font-size: 1.7rem;
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	text-shadow: 0 0 2px #90846a, 0 0 2px #90846a;
}
.info-container .yorisiro-fortune-bg .two-person-box {
	width: 60%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.info-container .yorisiro-fortune-bg .two-person-box .yorisiro.two {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 48%;
	left: 50%;
	width: 102%;
}
.info-container .yorisiro-fortune-bg .two-person-box .result-img {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 48%;
	left: 50%;
	transition: all .4s ease-in;
	opacity: 0;
	height: 0;
	width: 100%;
}
.info-container .yorisiro-fortune-bg .two-person-box .result-img.no1 {
	transition-delay: .7s;
}
.info-container .yorisiro-fortune-bg .two-person-box .two-people {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 88%;
	left: 50%;
	font-size: 1.7rem;
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	text-shadow: 0 0 2px #90846a, 0 0 2px #90846a;
}
.info-container .yorisiro-fortune-bg .sample {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 5%;
	left: 80%;
	width: 280px;
}
.koureijyutu-animation-bg {
    width: 840px;
    height: 680px;
    position: relative;
    margin: 0 auto
}

.koureijyutu-animation-bg img {
    position: absolute;
    transform: translate(-50%,-50%)
}

.koureijyutu-animation-bg .teller {
    top: 50%;
    left: 50%;
    transition: all .5s ease
}

.koureijyutu-animation-bg .yorisiro {
    top: 0%;
    left: 50%;
    width: 200px;
    opacity: 0
}

.koureijyutu-animation-bg .yorisiro.come-down {
    animation: come-down-09fa5333 2s ease-in-out forwards
}

@keyframes come-down-09fa5333 {
    0% {
        transform: translate(-50%,-50%) scale(1);
        opacity: 0
    }

    25% {
        transform: translate(-50%,-50%) rotateY(60deg) rotateX(-9deg) scale(1.3);
        left: 60%;
        opacity: .5
    }

    58% {
        transform: translate(-50%,-50%) rotateY(-10deg) rotateX(42deg) scale(1.9);
        left: 32%;
        opacity: 1
    }

    to {
        transform: translate(-50%,-50%) scale(3);
        left: 50%;
        top: 48%;
        opacity: 1
    }
}

.koureijyutu-animation-bg .animation-text {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 70%;
    left: 50%;
    width: 80%;
    font-size: 2rem;
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
    text-shadow: 0 0 4px #9400d3,0 0 4px #9400d3,0 0 4px #9400d3,0 0 4px #9400d3,0 0 4px #9400d3,0 0 4px #9400d3;
    opacity: 0;
    height: 0;
    transition: all .5s ease;
    z-index: 2
}

.koureijyutu-animation-bg .fire {
    top: 47%;
    left: 50%;
    filter: brightness(40%) blur(2px);
    opacity: 0
}

.koureijyutu-animation-bg .fire.bright-display {
    animation: bright-display-09fa5333 2.3s linear forwards
}

@keyframes bright-display-09fa5333 {
    0% {
        filter: brightness(40%) blur(2px);
        opacity: 0
    }

    18% {
        filter: brightness(40%) blur(2px);
        opacity: 1
    }

    30% {
        filter: brightness(40%) blur(2px);
        opacity: 1
    }

    58% {
        filter: brightness(100%) blur(1px);
        opacity: 1
    }

    73% {
        filter: brightness(160%) blur(1px)
    }

    75% {
        filter: brightness(140%) blur(1px)
    }

    77% {
        filter: brightness(120%) blur(1px);
        opacity: 1
    }

    to {
        filter: brightness(80%) blur(2px);
        height: 0!important
    }
}

.koureijyutu-animation-bg .koureijyutu-img {
    height: 0;
    opacity: 0;
    transition: all .8s ease
}

.koureijyutu-animation-bg .koureijyutu-img.no0 {
    top: 47%;
    left: 50%;
    width: 600px
}

.koureijyutu-animation-bg .koureijyutu-img.no1 {
    top: 7%;
    left: 34%;
    width: 520px;
    z-index: 2
}

.koureijyutu-animation-bg .koureijyutu-img.no2 {
    top: 45%;
    left: 75%;
    width: 386.667px;
    z-index: 2
}

.koureijyutu-animation-bg .koureijyutu-img.no3 {
    top: 55%;
    left: 32%;
    width: 520px;
    z-index: 2
}

.koureijyutu-animation-bg .koureijyutu-img.no4 {
    top: 85%;
    left: 67%;
    width: 483.3337px;
    z-index: 2
}

.koureijyutu-animation-bg .koureijyutu-img.no5 {
    top: 27%;
    left: 20%;
    width: 340px;
    z-index: 1
}

.koureijyutu-animation-bg .koureijyutu-img.no6 {
    top: 23%;
    left: 75%;
    width: 380px
}

.koureijyutu-animation-bg .koureijyutu-img.no7 {
    top: 68%;
    left: 79%;
    width: 340px;
    z-index: 1
}

.koureijyutu-animation-bg .koureijyutu-img.no8 {
    top: 78%;
    left: 24%;
    width: 266px
}

.koureijyutu-animation-bg .sample {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 93%;
    left: 20%;
    width: 280px
}

.charm-animation-bg[data-v-8cee64b2] {
	width: 100%;
	height: 280px;
	position: relative;
	margin: 0 auto;
}
.charm-animation-bg .teller[data-v-8cee64b2] {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 45%;
	left: 50%;
	width: 60%;
	transition: all .3s ease-in;
}
.charm-animation-bg .description-text[data-v-8cee64b2] {
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	font-size: 5vw;
	text-shadow: 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3, 0 0 4px #9400d3;
	text-align: center;
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 62%;
	width: 96%;
	height: 0;
	opacity: 0;
	transition: all .3s ease-in;
}
.charm-animation-bg .paper[data-v-8cee64b2] {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 45%;
	left: 50%;
	width: 105%;
	opacity: 0;
	height: 0;
	transition: all .2s .6s ease-in;
}
.charm-animation-bg .charm-text[data-v-8cee64b2] {
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	font-size: 6.4vw;
	color: #640125;
	text-shadow: 2px 2px 4px #fff, 1px 1px 2px #fff;
	text-align: center;
	position: absolute;
	transform: translate(-50%, -50%);
	width: 80%;
	top: 45%;
	left: 50%;
	height: 0;
	opacity: 0;
	transition: all .4s ease-in;
}
.charm-animation-bg .sample[data-v-8cee64b2] {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 85%;
	left: 24%;
	width: 180px;
}
.yorisiro-fortune-bg[data-v-c7f4101a] {
	width: 100%;
	height: 500px;
	position: relative;
	margin: 0 auto;
}
.yorisiro-fortune-bg .one-person-box[data-v-c7f4101a] {
	width: 100%;
	height: 240px;
	position: relative;
}
.yorisiro-fortune-bg .one-person-box .yorisiro.one[data-v-c7f4101a] {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 220px;
}

.yorisiro-fortune-bg .one-person-box .one-people[data-v-c7f4101a] {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 99%;
	left: 50%;
	font-size: 4.5vw;
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	text-shadow: 0 0 2px #90846a, 0 0 2px #90846a;
}
.yorisiro-fortune-bg .two-person-box[data-v-c7f4101a] {
	width: 100%;
	height: 260px;
	position: relative;
}
.yorisiro-fortune-bg .two-person-box .yorisiro.two[data-v-c7f4101a] {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 40%;
	left: 50%;
	width: 100%;
}
.yorisiro-fortune-bg .two-person-box .result-img[data-v-c7f4101a] {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 40%;
	left: 50%;
	transition: all .4s ease-in;
	opacity: 0;
	height: 0;
	width: 100%;
}
.yorisiro-fortune-bg .two-person-box .result-img.no1[data-v-c7f4101a] {
	transition-delay: .7s;
}
.yorisiro-fortune-bg .two-person-box .two-people[data-v-c7f4101a] {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 73%;
	left: 50%;
	font-size: 4.5vw;
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	text-shadow: 0 0 2px #90846a, 0 0 2px #90846a;
}
.yorisiro-fortune-bg .sample[data-v-c7f4101a] {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 94%;
	left: 24%;
	width: 180px;
}