@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-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;
	line-height: 1.5em;
	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;
	opacity: 0;
	height: 0;
	text-align: center;
	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: 46%;
    left: 50%;
    width: 100vw
}
.koureijyutu-animation-bg .koureijyutu-img.no1 {
    top: 6%;
    left: 34%;
    width: 69.5vw;
    z-index: 2
}
.koureijyutu-animation-bg .koureijyutu-img.no2 {
    top: 45%;
    left: 72%;
    width: 55.5vw;
    z-index: 2
}
.koureijyutu-animation-bg .koureijyutu-img.no3 {
    top: 54%;
    left: 31%;
    width: 74.7vw;
    z-index: 2
}
.koureijyutu-animation-bg .koureijyutu-img.no4 {
    top: 80%;
    left: 67%;
    width: 69.5vw;
    z-index: 2
}
.koureijyutu-animation-bg .koureijyutu-img.no5 {
    top: 25%;
    left: 20%;
    width: 48vw;
    z-index: 1
}
.koureijyutu-animation-bg .koureijyutu-img.no6 {
    top: 25%;
    left: 72%;
    width: 58.5vw
}
.koureijyutu-animation-bg .koureijyutu-img.no7 {
    top: 66%;
    left: 79%;
    width: 48vw;
    z-index: 1
}
.koureijyutu-animation-bg .koureijyutu-img.no8 {
    top: 74%;
    left: 22%;
    width: 41.4vw
}
.koureijyutu-animation-bg .sample {
    top: 90%;
    left: 24%;
    width: 48vw;
    z-index: 3
}

.info-container .yorisiro-fortune-bg {
	width: 100%;
	height: var(--557cd818);
	position: relative;
	margin: 0 auto;
}
.info-container .yorisiro-fortune-bg .teller {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 65%;
	transition: all .6s ease-in;
}
.info-container .yorisiro-fortune-bg .description-text {
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	font-size: 5vw;
	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;
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 65%;
	width: 90%;
	height: 0;
	opacity: 0;
	transition: all .4s ease-in;
}
.info-container .yorisiro-fortune-bg {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0 auto
}
.info-container .yorisiro-fortune-bg .one-person-box {
    width: 100%;
    height: 56vw;
    position: relative
}
.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: 50%;
    left: 50%;
    width: 51.2vw
}
.info-container .yorisiro-fortune-bg .one-person-box .result-img {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    transition: all .4s ease-in;
    opacity: 0;
    height: 0;
    width: 100%
}
.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: 99%;
    left: 50%;
    font-size: 4.5vw;
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,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: 100%;
    height: 60.5vw;
    position: relative
}
.info-container .yorisiro-fortune-bg .two-person-box .yorisiro.two {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 40%;
    left: 50%;
    width: 100%
}
.info-container .yorisiro-fortune-bg .two-person-box .result-img {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 40%;
    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: 73%;
    left: 50%;
    font-size: 4.5vw;
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,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: 94%;
    left: 24%;
    width: 48vw
}

.charm-animation-bg {
    width: 100%;
    height: 65.2vw;
    position: relative;
    margin: 0 auto
}
.charm-animation-bg .teller {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 45%;
    left: 50%;
    width: 60%;
    transition: all .3s ease-in
}
.charm-animation-bg .description-text {
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,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 {
    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 {
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,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 {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 85%;
    left: 24%;
    width: 48vw
}

.description-words-img-bg {
	width: 100%;
	height: 420px;
	position: relative;
	margin: 0 auto;
}
.description-words-img-bg .description-text {
	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-words-img-bg .yorisiro {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 55%;
	left: 50%;
	height: 324px;
}
.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: 44%;
	left: 22%;
	width: 180px;
}
.description-words-img-bg .result-img.no1 {
	top: 40%;
	left: 71%;
	width: 220px;
	transition-delay: .3s;
}
.description-words-img-bg .result-img.no2 {
	top: 75%;
	left: 77%;
	width: 180px;
	transition-delay: .6s;
}
.description-words-img-bg .result-img.no3 {
	top: 80%;
	left: 28%;
	width: 154px;
	transition-delay: .9s;
}


.koureijyutu-animation-bg {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 97.7vw;
}
.koureijyutu-animation-bg img {
    position: absolute;
    transform: translate(-50%,-50%)
}
.koureijyutu-animation-bg .teller {
    top: 50%;
    left: 50%;
    width: 70%;
    transition: all .5s ease
}
.koureijyutu-animation-bg .yorisiro {
    top: 0%;
    left: 50%;
    width: 27.9vw;
    opacity: 0
}
.koureijyutu-animation-bg .yorisiro.come-down { animation: come-down-a28c7739 2s ease-in-out forwards; }
@keyframes come-down-a28c7739 {
	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(2.7);
		left: 50%;
		top: 52%;
		opacity: 1;
	}
}
.koureijyutu-animation-bg .animation-text {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 67%;
	left: 50%;
	width: 90%;
	color: #fff;
	font-size: 5.5vw;
	font-weight: bold;
	text-align: center;
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	text-shadow: 0 0 3px #9400d3, 0 0 3px #9400d3, 0 0 3px #9400d3, 0 0 3px #9400d3, 0 0 3px #9400d3, 0 0 3px #9400d3;
	opacity: 0;
	height: 0;
	transition: all .5s ease;
	z-index: 2;
}
.koureijyutu-animation-bg .fire {
	top: 50%;
	left: 50%;
	width: 69.4vw;
	filter: brightness(40%) blur(2px);
	opacity: 0;
}
.koureijyutu-animation-bg .fire.bright-display { animation: bright-display-a28c7739 2.3s linear forwards; }
@keyframes bright-display-a28c7739 {
	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: 74.5vw }
.koureijyutu-animation-bg .result-img.no1 { top: 10%; left: 34%; width: 60.5vw; z-index: 2 }
.koureijyutu-animation-bg .result-img.no2 { top: 47%; left: 72%; width: 48.4vw; z-index: 2 }
.koureijyutu-animation-bg .result-img.no3 { top: 63%; left: 36%; width: 74.7vw; z-index: 2 }
.koureijyutu-animation-bg .result-img.no4 { top: 90%; left: 67%; width: 69.4vw; z-index: 2 }
.koureijyutu-animation-bg .result-img.no5 { top: 34%; left: 20%; width: 48vw; z-index: 1 }
.koureijyutu-animation-bg .result-img.no6 { top: 27%; left: 72%; width: 58.7vw }
.koureijyutu-animation-bg .result-img.no7 { top: 73%; left: 79%; width: 48vw; z-index: 1 }
.koureijyutu-animation-bg .result-img.no8 { top: 82%; left: 22%; width: 36vw }
.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: 74.5vw }
.koureijyutu-animation-bg .free-result .result-img.no1 { top: 12%; left: 34%; width: 60.5vw; z-index: 2 }
.koureijyutu-animation-bg .free-result .result-img.no2 { top: 52%; left: 72%; width: 48.4vw; z-index: 2 }
.koureijyutu-animation-bg .free-result .result-img.no5 { top: 43%; left: 20%; width: 48vw; z-index: 1 }
.koureijyutu-animation-bg .free-result .result-img.no6 { top: 30%; left: 72%; width: 58.7vw }
.koureijyutu-animation-bg .free-result .result-img.no7 { top: 73%; left: 79%; width: 48vw; z-index: 1 }
.koureijyutu-animation-bg .free-result .result-img.no8 { top: 79%; left: 22%; width: 36vw }

.description-soul-bg[data-v-cabc5987] {
    width: 100%;
    height: 97.7vw;
    position: relative;
    margin: 0 auto
}

.description-soul-bg .description-text {
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,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-cabc5987] {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 55%;
    left: 50%;
    height: 75.4vw
}

.description-soul-bg .soul-img[data-v-cabc5987] {
    height: 144px;
    opacity: 0;
    top: 55%
}
.description-soul-bg .soul-img.scale-up[data-v-cabc5987] {
    animation: scale-up-9b94e41a .6s ease-in-out forwards
}
@keyframes scale-up-9b94e41a {
    to {
        opacity: 1;
        height: 75.4vw
    }
}

.description-words-bg {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 90vw;
}
.description-words-bg .description-text {
    position: absolute;
    left: 50%;
    top: 10%;
    width: 90%;
	color: #fff;
    font-size: 4.7vw;
    text-align: center;
    line-height: 1.2em;
    transform: translate(-50%,-50%);
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
    text-shadow: 0 0 2px #cc9933,0 0 2px #cc9933,0 0 2px #cc9933,0 0 2px #cc9933;
}
.description-words-bg .yorisiro {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 60%;
    left: 50%;
    height: 75.4vw;
}
.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: 32%;
    left: 34%;
    width: 60.5vw
}
.description-words-bg .result-text.no0.slide-view { clip-path: inset(0px) }
.description-words-bg .result-text.no1 {
    top: 49%;
    left: 72%;
    width: 48.4vw;
    transition-delay: .3s
}
.description-words-bg .result-text.no1.slide-view { clip-path: inset(0px) }
.description-words-bg .result-text.no2 {
    top: 68%;
    left: 41%;
    width: 72.6vw;
    transition-delay: .6s
}
.description-words-bg .result-text.no2.slide-view { clip-path: inset(0px) }
.description-words-bg .result-text.no3 {
    top: 88%;
    left: 65%;
    width: 60.5vw;
    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: 44%;
    left: 43%;
    width: 320px
}
.description-words-bg .free-result-text.no0.slide-view { clip-path: inset(0px) }
.description-words-bg .free-result-text.no1 {
    top: 77%;
    left: 66%;
    width: 250px;
    transition-delay: .3s
}
.description-words-bg .free-result-text.no1.slide-view { clip-path: inset(0px) }

.description-words-img-bg {
    width: 100%;
    height: 97.7vw;
    position: relative;
    margin: 0 auto
}
.description-words-img-bg .description-text {
    left: 50%;
    top: 10%;
    width: 90%;
	color: #fff;
    font-size: 4.7vw;
    line-height: 1.2em;
    text-align: center;
    position: absolute;
    transform: translate(-50%,-50%);
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
    text-shadow: 0 0 2px #cc9933,0 0 2px #cc9933,0 0 2px #cc9933,0 0 2px #cc9933;
}
.description-words-img-bg .yorisiro {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 55%;
    left: 50%;
    height: 74.5vw
}
.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: 44%; left: 22%; width: 41.9vw }
.description-words-img-bg .result-img.no1 { top: 40%; left: 71%; width: 51.2vw; transition-delay: .3s }
.description-words-img-bg .result-img.no2 { top: 75%; left: 77%; width: 41.9vw; transition-delay: .6s }
.description-words-img-bg .result-img.no3 { top: 80%; left: 28%; width: 35.9vw; transition-delay: .9s }

.yorisiro-animation-bg {
    width: 100%;
    height: 58vw;
    position: relative;
    margin: 0 auto
}
.yorisiro-animation-bg .question {
    font-size: 6.5vw;
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
    width: 86%;
    text-align: left;
    margin: 0 auto;
    padding-top: 10px;
    line-height: 1.2
}
.yorisiro-animation-bg .teller {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 44%;
    left: 80%;
    width: 72%
}
.yorisiro-animation-bg .result-img {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 44%;
    left: 32%;
    width: 76%;
    transition: all .4s ease-in;
    opacity: 0;
    height: 0
}
.yorisiro-animation-bg .result-img.un-shadow {
    opacity: 1;
    height: auto;
    animation: yes-no-animation-e9ec691a 1s linear 0s 1 normal forwards running
}
@keyframes yes-no-animation-e9ec691a {
    0% { clip-path: polygon(0 0,0 0,0 0) }
    to { clip-path: polygon(0 0,200% 0,0 200%) }
}

.yorisiro-fortune-bg {
    position: relative;
    margin: 20px auto 0;
    width: 100%;
    height: 53.5vw;
}
.yorisiro-fortune-bg .teller {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    width: 65%;
    transition: all .6s ease-in
}
.yorisiro-fortune-bg .description-text {
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
    font-size: 5vw;
    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;
    position: absolute;
    left: 50%;
    top: 65%;
    width: 90%;
    height: 0;
	color: #fff;
    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 {
    width: 140px;
    left: 74%
}
.yorisiro-fortune-bg .yorisiro.one.zoom-and-move {
    top: 50%;
    left: 50%;
    width: 65.2vw
}
.yorisiro-fortune-bg .yorisiro.two {
    width: 53.5vw;
    left: 70%
}
.yorisiro-fortune-bg .yorisiro.two.zoom-and-move {
    top: 50%;
    left: 50%;
    width: 100%;
	height: auto;
}
.yorisiro-fortune-bg .result-img {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    transition: all .4s ease-in;
    opacity: 0;
    height: 0;
    width: 100%
}
.yorisiro-fortune-bg .result-img.no1 { transition-delay: .7s }

.yorisiro-three-animation-bg {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 77.4vw;
	overflow: hidden;
}
.yorisiro-three-animation-bg img {
    position: absolute;
    transform: translate(-50%,-50%)
}
.yorisiro-three-animation-bg .animation-text {
    position: absolute;
    left: 50%;
    top: 60%;
    width: 90%;
	color: #fff;
    font-size: 6vw;
    line-height: 1.2em;
    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;
    transition: all .4s ease-in;
    transform: translate(-50%,-50%);
}
.yorisiro-three-animation-bg .description-text {
    position: absolute;
    left: 50%;
    top: 10%;
    width: 90%;
	color: #fff;
    font-size: 4.7vw;
    text-align: center;
    line-height: 1.2em;
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
    text-shadow: 0 0 2px #cc9933,0 0 2px #cc9933,0 0 2px #cc9933,0 0 2px #cc9933;
    transform: translate(-50%,-50%);
}
.yorisiro-three-animation-bg .moya-box {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    box-shadow: inset 0 0 10px 8px #281e0d;
    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: 100%;
    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-b65fda94 2.8s linear forwards
}

@keyframes move-right-b65fda94 {
    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-b65fda94 3s linear forwards
}

@keyframes move-left-b65fda94 {
    50% {
        opacity: 1
    }

    to {
        left: 0%;
        opacity: .5
    }
}
.yorisiro-three-animation-bg .teller {
    top: 20%;
    left: 3%;
    width: 70%;
    transform: translate(15%);
    opacity: 0;
    height: 0;
    transition: all .4s ease-in
}
.yorisiro-three-animation-bg .teller.moving1 {
    animation: moving1-b65fda94 1.5s linear forwards
}

@keyframes moving1-b65fda94 {
    0% {
        transform: rotate(0) translate(15%) rotate(0)
    }

    to {
        transform: rotate(-360deg) translate(15%) rotate(360deg)
    }
}
.yorisiro-three-animation-bg .teller.moving2 {
    transform: translate(-15%);
    animation: moving2-b65fda94 1.5s linear forwards
}

@keyframes moving2-b65fda94 {
    0% {
        transform: rotate(-360deg) translate(-15%) rotate(360deg);
        left: 24.2%;
        top: 19.5%
    }

    to {
        transform: rotate(0) translate(-15%) rotate(0);
        left: 25.5%
    }
}
.yorisiro-three-animation-bg .yorisiro {
    top: 59%;
    left: 50%;
    width: 100%;
    opacity: 0;
    transition: all .6s .4s ease-in
}
.yorisiro-three-animation-bg .yorisiro.one {
    width: 65.2vw;
    top: 55%
}
.yorisiro-three-animation-bg .one-person .four-word-img {
    top: 55%;
    left: 50%;
    transition: all .4s ease-in;
    opacity: 0
}
.yorisiro-three-animation-bg .one-person .four-word-img.no0 {
    height: 144px
}
.yorisiro-three-animation-bg .one-person .four-word-img.no0.scale-up {
    animation: scale-up-b65fda94 .6s ease-in-out forwards
}
.yorisiro-three-animation-bg .one-person .four-word-img.no1 {
    top: 28%;
    left: 40%;
    width: 72%
}
.yorisiro-three-animation-bg .one-person .four-word-img.no2 {
    top: 49%;
    left: 60%;
    width: 72%
}
.yorisiro-three-animation-bg .one-person .four-word-img.no3 {
    top: 70%;
    left: 40%;
    width: 72%
}
.yorisiro-three-animation-bg .one-person .four-word-img.no4 {
    top: 91%;
    left: 60%;
    width: 72%
}
.yorisiro-three-animation-bg .one-person .two-img {
    top: 55%;
    left: 50%;
    transition: all .4s ease-in;
    opacity: 0
}
.yorisiro-three-animation-bg .one-person .two-img.no0 {
    height: 144px
}
.yorisiro-three-animation-bg .one-person .two-img.no0.scale-up {
    animation: scale-up-b65fda94 .6s ease-in-out forwards
}
.yorisiro-three-animation-bg .one-person .two-img.no1 {
    top: 80%;
    left: 25%;
    height: 33%
}
.yorisiro-three-animation-bg .one-person .two-img.no2 {
    top: 80%;
    left: 75%;
    height: 33%
}
.yorisiro-three-animation-bg .one-person .text-img {
    top: 55%;
    left: 50%;
    transition: all .4s ease-in;
    opacity: 0
}
.yorisiro-three-animation-bg .one-person .text-img.no0 {
    height: 144px
}
.yorisiro-three-animation-bg .one-person .text-img.no0.scale-up {
    animation: scale-up-b65fda94 .6s ease-in-out forwards
}
.yorisiro-three-animation-bg .one-person .text-img.no1 {
    top: 75%;
    left: 50%;
    width: 100%
}

@keyframes scale-up-b65fda94 {
    to {
        opacity: 1;
        height: 65.2vw
    }
}
.yorisiro-three-animation-bg .two-person .four-word-img {
    top: 55%;
    left: 50%;
    transition: all .4s ease-in;
    opacity: 0
}
.yorisiro-three-animation-bg .two-person .four-word-img.no0 {
    height: 120px;
    left: 25%
}
.yorisiro-three-animation-bg .two-person .four-word-img.no0.scale-up {
    animation: scale-up2-b65fda94 .6s ease-in-out forwards
}
.yorisiro-three-animation-bg .two-person .four-word-img.no1 {
    height: 120px;
    left: 75%
}
.yorisiro-three-animation-bg .two-person .four-word-img.no1.scale-up {
    animation: scale-up2-b65fda94 .6s ease-in-out forwards
}
.yorisiro-three-animation-bg .two-person .four-word-img.no2 {
    top: 28%;
    left: 40%;
    width: 59%;
}
.yorisiro-three-animation-bg .two-person .four-word-img.no3 {
    top: 49%;
    left: 60%;
    width: 59%;
}
.yorisiro-three-animation-bg .two-person .four-word-img.no4 {
    top: 70%;
    left: 40%;
    width: 59%;
}
.yorisiro-three-animation-bg .two-person .four-word-img.no5 {
    top: 91%;
    left: 60%;
    width: 59%;
}
.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 {
    height: 120px;
    left: 25%
}
.yorisiro-three-animation-bg .two-person .two-img.no0.scale-up {
    animation: scale-up2-b65fda94 .6s ease-in-out forwards
}
.yorisiro-three-animation-bg .two-person .two-img.no1 {
    height: 120px;
    left: 75%
}
.yorisiro-three-animation-bg .two-person .two-img.no1.scale-up {
    animation: scale-up2-b65fda94 .6s ease-in-out forwards
}
.yorisiro-three-animation-bg .two-person .two-img.no2 {
    top: 80%;
    left: 25%;
    height: 33%
}
.yorisiro-three-animation-bg .two-person .two-img.no3 {
    top: 80%;
    left: 75%;
    height: 33%
}
.yorisiro-three-animation-bg .two-person .text-img {
    top: 57%;
    left: 50%;
    transition: all .4s ease-in;
    opacity: 0
}
.yorisiro-three-animation-bg .two-person .text-img.no0 {
    height: 120px;
    left: 25%
}
.yorisiro-three-animation-bg .two-person .text-img.no0.scale-up {
    animation: scale-up2-b65fda94 .6s ease-in-out forwards
}
.yorisiro-three-animation-bg .two-person .text-img.no1 {
    height: 120px;
    left: 75%
}
.yorisiro-three-animation-bg .two-person .text-img.no1.scale-up {
    animation: scale-up2-b65fda94 .6s ease-in-out forwards
}
.yorisiro-three-animation-bg .two-person .text-img.no2 {
    top: 75%;
    left: 50%;
    width: 100%
}
@keyframes scale-up2-b65fda94 {
    to {
        opacity: 1;
        height: 180px;
    }
}

.question-and-answer-animation-bg {
	width: 100%;
	height: 420px;
	position: relative;
	margin: 0 auto;
}
.question-and-answer-animation-bg .question {
	font-size: 6.5vw;
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	width: 92%;
	text-align: left;
	margin: 0 auto;
	padding-top: 10px;
	line-height: 1.2;
}
.question-and-answer-animation-bg .teller {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 60%;
	left: 18%;
	width: 76%;
}
.question-and-answer-animation-bg .answer-text {
	position: absolute;
	top: 46%;
	left: 46%;
	width: 48%;
	font-size: 8vw;
	font-family: HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	text-shadow: 0 0 6px #cc33ff, 0 0 6px #cc33ff, 0 0 6px #cc33ff;
	text-align: left;
	line-height: 1.3;
	opacity: 0;
	height: 0;
	transition: all .4s ease-in;
}

.listQuestionAnswer .question-and-answer-animation-bg {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 73.7vw;
}

.listQuestionAnswer .question-and-answer-animation-bg .question {
    font-size: 6.5vw;
    width: 92%;
    text-align: left;
    margin: 0 auto;
    padding-top: 10px;
    line-height: 1.2
}
.listQuestionAnswer .question-and-answer-animation-bg .teller {
	top: 43%;
    left: 18%;
    width: 76%;
}
.listQuestionAnswer .question-and-answer-animation-bg .answer-text {
    top: 1%;
    left: 46%;
    width: 48%;
    font-size: 8vw;
    height: 0;
    transition: all .4s ease-in;
}