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

/* result CSS */
.yang_telling_background {
    width: 100%;
    height: 670px;
}
.yang_telling_background .background_image {
    position: relative;
    width: 650px;
    height: 650px;
    margin: 0 auto;
}
.yang_telling_background .background_image img { width: 100%; }
.yang_telling_background_for_two {
    background: url(../images/result/rsltTypeBg.jpg) no-repeat;
    background-size: 100%;
    width: 100%;
    height: 420px;
}
.yang_telling_background_for_two .background_image {
    position: relative;
    width: 392px;
    height: 392px;
    margin: 0 auto;
}

.yang_telling_background_for_two .background_image img {
    width: 100%;
}

.yang_telling_background_for_two .yang_telling_flex_box {
    display: flex;
    width: 785px;
    margin: 0 auto;
}

.sp_yang_telling_background {
    background: url(../images/result/sp/rsltTypeBg.jpg) no-repeat;
    background-size: 100%;
    width: 100%;
    height: 95vw;
}

.sp_yang_telling_background .background_image {
    position: relative;
    width: 90vw;
    height: 90vw;
    margin: 0 auto;
}

.sp_yang_telling_background .background_image img {
    width: 100%;
}

.motif_image {
    position: absolute;
    width: 27.8%;
    opacity: 0;
}

.motif_image.motif_image_place_0 {
    top: 8.5%;
    left: 36.1%;
}

.motif_image.motif_image_place_1 {
    top: 8.5%;
    left: 64.3%;
}

.motif_image.motif_image_place_2 {
    top: 36.7%;
    left: 8%;
}

.motif_image.motif_image_place_3 {
    top: 36.7%;
    left: 36.1%;
}

.motif_image.motif_image_place_4 {
    top: 36.7%;
    left: 64.3%;
}

.motif_image.motif_image_place_5 {
    top: 64.7%;
    left: 8%;
}

.motif_image.motif_image_place_6 {
    top: 64.7%;
    left: 36.1%;
}

.motif_image.motif_image_place_7 {
    top: 64.7%;
    left: 64.3%;
}

.motif_text {
    position: absolute;
    width: 26.4%;
    height: 7%;
    background: linear-gradient(rgba(32,17,6,.1019607843) 0%,rgba(32,17,6,.462745098) 30%,rgba(32,17,6,.8117647059) 100%);
    opacity: 0;
    text-align: center;
}

.motif_text p {
    color: #e1d4ad;
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
    line-height: 150%;
}

.motif_text.pc_text p {
    font-size: 1.7rem;
    filter: drop-shadow(0 0 2px #000000);
}
.motif_text.pc_text_for_two p {
    font-size: 1.05rem;
    filter: drop-shadow(0 0 2px #000000);
}
.motif_text.sp_text p {
    font-size: 3.6vw;
    filter: drop-shadow(0 0 .2vw #000000);
}
.motif_text.pc_text p span { font-size: 1.2rem; }
.motif_text.pc_text_for_two p span { font-size: 0.7rem; }
.motif_text.motif_text_place_0 { top: 9.2%; left: 36.8%; }
.motif_text.motif_text_place_1 { top: 9.2%; left: 65%; }
.motif_text.motif_text_place_2 { top: 37.4%; left: 8.6%; }
.motif_text.motif_text_place_3 { top: 37.4%; left: 36.8%; }
.motif_text.motif_text_place_4 { top: 37.4%; left: 65%; }
.motif_text.motif_text_place_5 { top: 65.4%; left: 8.6%; }
.motif_text.motif_text_place_6 { top: 65.4%; left: 36.8%; }
.motif_text.motif_text_place_7 { top: 65.4%; left: 65%; }

.explain_box {
	display: block;
	overflow: hidden;
	transition: all .8s ease-in-out;
}
.anime1 .explain_box { opacity: 1; }
#yanTelling .explain_box { height: 0; }
.explain_box .explain_background { background: url(../images/result/rsltTypeBg2.jpg) no-repeat center; }
.listGraphAnim .explain_box .explain_background { background: url(../images/result/rsltTypeBg5.jpg) no-repeat center; }

.explain_box .teller_image {
    background: url(../images/result/rsltImg1.png) no-repeat;
    background-position: left 8% top 50%;
    background-size: 40%;
    width: 100%;
    min-height: 300px;
    display: flex;
    align-items: center;
    padding: 2.5% 0;
}
.listYinTelling .explain_box .teller_image { background-image: url(../images/result/rsltImg2.png); }
.listGraphAnim .explain_box .teller_image {
	background-image: url(../images/result/rsltImg3.png);
	background-position: right 8% top 50%;
	background-size: 43%;
}

.explain_box .explain_balloon {
    width: 56%;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 15px rgba(249,251,189,.7),0 0 15px rgba(249,251,189,.7);
    border-radius: 40px;
    margin: auto 8% auto 35%;
    padding: 3%;
    text-align: left;
}
.listGraphAnim .explain_box .explain_balloon {
	margin: auto 35% auto 8%;
}
.explain_box .explain_balloon p {
    color: #fefaf3;
    font-size: 1.6rem;
    line-height: 140%;
    letter-spacing: .05rem;
	text-indent: 1em;
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
}
.explain_box .result_background_image {
    background: url(../images/result/rsltTypeBg3.jpg) no-repeat;
    background-size: 100%;
    height: 259px;
    display: flex;
}
.explain_box .result_background_image .result_explain_box {
    text-align: center;
    margin: auto;
}
.explain_box .result_background_image .result_explain_box p {
    color: #fefaf3;
    font-size: 1.4rem;
    line-height: 170%;
    letter-spacing: .05rem;
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
}
.explain_box.empty .explain_background { background: none; padding: 20px; }
.explain_box.empty .explain_balloon {
	margin: 0 auto;
	padding: 2% 3%;
	width: 100%;
	max-width: 720px;
	border-radius: 22px;
}
.explain_box.empty .explain_balloon p { font-size: 1.3em; }

.sp_explain_box { display: none; }
.sp_explain_box .explain_background {
    background: url(../images/result/sp/rsltTypeBg2.jpg) no-repeat;
    background-position: center;
    background-size: 100%;
}

.sp_explain_box .teller_image {
    background: url(../images/result/rsltImg1.png) no-repeat;
    background-position: left 1.5% top 50%;
    background-size: 48%;
    width: 100%;
    min-height: 58vw;
    display: flex;
    align-items: center;
    padding: 2% 0;
}

.sp_explain_box .explain_balloon {
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 2.8vw rgba(249,251,189,.7),0 0 2.8vw rgba(249,251,189,.7);
    border-radius: 8vw;
    margin: auto 5% auto 33%;
    padding: 4%;
    text-align: left;
}

.sp_explain_box .explain_balloon p {
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
    font-size: 4vw;
    line-height: 140%;
    letter-spacing: .05rem;
    color: #fefaf3;
}

.sp_explain_box .result_background_image {
    background: url(../images/result/sp/rsltTypeBg3.jpg) no-repeat;
    background-size: 100%;
    height: 42vw;
    display: flex;
}

.sp_explain_box .result_background_image .result_explain_box {
    text-align: center;
    margin: auto;
}

.sp_explain_box .result_background_image .result_explain_box p {
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
    font-size: 3.8vw;
    line-height: 170%;
    letter-spacing: .05rem;
    color: #fefaf3;
}

.yin_telling_background_image {
    position: relative;
    background: url(../images/result/res_meisiki_background3.png) no-repeat;
    background-size: 100%;
    width: 785px;
    height: 425px;
    margin: 0 auto;
	text-align: center;
}
.yin_telling_background_image .result_text { position: absolute; }
.yin_telling_background_image .result_text p {
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
    font-weight: 700;
    font-size: 2.6rem;
    color: #fefaf3;
    text-shadow: 3px 3px 3px #000000;
    letter-spacing: .05rem;
}
.yin_telling_background_image.telling_introduction {
    background: url(../images/result/res_meisiki_background3.png) no-repeat;
    background-size: 100%;
}

.sp_yin_telling_background_image {
    position: relative;
    background: url(../images/result/res_meisiki_background3.png) no-repeat;
    background-size: 100%;
    width: 98vw;
    height: 53vw;
    margin: 0 auto;
}
.sp_yin_telling_background_image .result_text {
    position: absolute;
    text-align: center;
}
.sp_yin_telling_background_image .result_text p {
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
    font-weight: 700;
    font-size: 5.2vw;
    color: #fefaf3;
    text-shadow: .5vw .5vw .5vw #000000;
    letter-spacing: .05rem;
}
.sp_yin_telling_background_image.telling_introduction {
    background: url(../images/result/res_meisiki_background3.png) no-repeat;
    background-size: 100%;
}

.birth_data {
    top: 7%;
    width: 23.8%;
    opacity: 0;
}
.birth_data p { line-height: 108%; }
.birth_data_place_0 { left: 21%; }
.birth_data_place_1 { left: 46.7%; }
.birth_data_place_2 { left: 72.2%; }

.yin_text {
    width: 15%;
    height: 16%;
    left: 4%;
    opacity: 0;
}
.yin_text p { line-height: 163%; }
.yin_text_place_0 { top: 21.1%; }
.yin_text_place_1 { top: 40.3%; }
.yin_text_place_2 { top: 59.8%; }

.yin_result_image {
    position: absolute;
    width: 15.3%;
    opacity: 0;
}
.yin_result_image img { width: 100%; }
.yin_result_image_place_0 { top: 21%; left: 20.8%; }
.yin_result_image_place_2 { top: 21%; left: 46.5%; }
.yin_result_image_place_4 { top: 21%; left: 72.2%; }
.yin_result_image_place_6 { top: 40.4%; left: 20.8%; }
.yin_result_image_place_8 { top: 40.4%; left: 46.5%; }
.yin_result_image_place_10 { top: 40.4%; left: 72.2%; }
.yin_result_image_place_12 { top: 59.7%; left: 20.8%; }
.yin_result_image_place_14 { top: 59.7%; left: 46.5%; }
.yin_result_image_place_16 { top: 59.7%; left: 72.2%; }

.yin_result_text {
    width: 7%;
    height: 16%;
    opacity: 0;
    text-align: center;
}
.yin_result_text p { line-height: 163%; }
.yin_result_text_place_1 { top: 21.1%; left: 37.7%; }
.yin_result_text_place_3 { top: 21.1%; left: 63.4%; }
.yin_result_text_place_5 { top: 21.1%; left: 89%; }
.yin_result_text_place_7 { top: 40.3%; left: 37.7%; }
.yin_result_text_place_9 { top: 40.3%; left: 63.4%; }
.yin_result_text_place_11 { top: 40.3%; left: 89%; }
.yin_result_text_place_13 { top: 59.8%; left: 63.4%; }
.yin_result_text_place_15 { top: 59.8%; left: 37.7%; }
.yin_result_text_place_17 { top: 59.8%; left: 89%; }

.result_last_text {
    width: 92%;
    height: 14%;
    top: 79%;
    left: 4%;
    opacity: 0;
}

.result_last_text p {
    line-height: 147%;
}

.light_image {
    position: absolute;
    top: 67%;
    width: 9%;
    opacity: 0;
}
.light_image img { width: 100%; }
.image_place_0 { left: 7.1%; }
.image_place_1 { left: 14.062%; }
.image_place_2 { left: 21.024%; }
.image_place_3 { left: 27.986%; }
.image_place_4 { left: 34.948%; }
.image_place_5 { left: 41.91%; }
.image_place_6 { left: 48.872%; }
.image_place_7 { left: 55.834%; }
.image_place_8 { left: 62.796%; }
.image_place_9 { left: 69.758%; }
.image_place_10 { left: 76.72%; }
.image_place_11 { left: 83.682%; }

:root {
    --top-0: 10%;
    --top-1: 10%;
    --top-2: 10%;
    --top-3: 10%;
    --top-4: 10%;
    --top-5: 10%;
    --top-6: 10%;
    --top-7: 10%;
    --top-8: 10%;
    --top-9: 10%;
    --top-10: 10%;
    --top-11: 10%;
}
.light_image_place_0 { top: var(--top-0); transition: all .8s ease-in-out; }
.light_image_place_1 { top: var(--top-1); transition: all .8s ease-in-out; }
.light_image_place_2 { top: var(--top-2); transition: all .8s ease-in-out; }
.light_image_place_3 { top: var(--top-3); transition: all .8s ease-in-out; }
.light_image_place_4 { top: var(--top-4); transition: all .8s ease-in-out; }
.light_image_place_5 { top: var(--top-5); transition: all .8s ease-in-out; }
.light_image_place_6 { top: var(--top-6); transition: all .8s ease-in-out; }
.light_image_place_7 { top: var(--top-7); transition: all .8s ease-in-out; }
.light_image_place_8 { top: var(--top-8); transition: all .8s ease-in-out; }
.light_image_place_9 { top: var(--top-9); transition: all .8s ease-in-out; }
.light_image_place_10 { top: var(--top-10); transition: all .8s ease-in-out; }
.light_image_place_11 { top: var(--top-11); transition: all .8s ease-in-out; }

.strong_light_image {
    position: absolute;
    top: 2.5%;
    width: 11.8%;
    height: 96%;
    opacity: 0;
}
.strong_light_image img {
    width: 100%;
    height: 100%;
}
.strong_image_place_0 { left: 5.5%; }
.strong_image_place_1 { left: 12.46%; }
.strong_image_place_2 { left: 19.42%; }
.strong_image_place_3 { left: 26.38%; }
.strong_image_place_4 { left: 33.34%; }
.strong_image_place_5 { left: 40.3%; }
.strong_image_place_6 { left: 47.26%; }
.strong_image_place_7 { left: 54.22%; }
.strong_image_place_8 { left: 61.18%; }
.strong_image_place_9 { left: 68.14%; }
.strong_image_place_10 { left: 75.1%; }
.strong_image_place_11 { left: 82.06%; }

.animation_text {
    position: absolute;
    background-color: rgba(77,68,87,.745);
    display: flex;
    top: 6.5%;
    left: 4%;
    width: 92%;
    height: 87.7%;
    text-align: center;
    border-radius: 12.8%;
	z-index: 33;
    opacity: 0;
	pointer-events: none;
}
.animation_text p {
    color: #ff9;
    margin: auto;
	font-size: 1.7rem;
	line-height: 1.4em;
    letter-spacing: .05rem;
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
}
.animation_text.pc_text {
    font-size: 2.6rem;
    text-shadow: 4px 4px 4px #000000,0 0 8px #062d00;
}
.animation_text.sp_text {
    font-size: 1.5rem;
    text-shadow: .8vw .8vw .8vw #000000,0 0 1vw #062d00;
}

.graph_animation_box { position: relative; width: 100%; }
.graph_animation_box .background_image {
    background: url(../images/result/res_type_graphbackground.png) no-repeat;
    background-size: 100%;
    width: 785px;
    height: 462px;
    margin: 0 auto;
}
.graph_animation_box .graph_position_box {
    position: absolute;
    top: 0%;
    left: 5.3%;
    width: 785px;
    height: 462px;
    margin: 0 auto;
}
.graph_animation_box .date_box {
    position: absolute;
    top: 78%;
    text-align: center;
    width: 3rem;
}
.paid-container .graph_animation_box .date_box { opacity: 0; }
.graph_animation_box .date_box p {
	color: #fff;
    font-size: 1.2rem;
    text-shadow: 4px 4px 4px #000000,0 0 8px #000000;
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
}
.graph_animation_box .date_box p span { font-size: 0.8rem; }
.date_place_0 { left: 8.7%; }
.date_place_1 { left: 15.67%; }
.date_place_2 { left: 22.64%; }
.date_place_3 { left: 29.61%; }
.date_place_4 { left: 36.58%; }
.date_place_5 { left: 43.55%; }
.date_place_6 { left: 50.52%; }
.date_place_7 { left: 57.49%; }
.date_place_8 { left: 64.46%; }
.date_place_9 { left: 71.43%; }
.date_place_10 { left: 78.4%; }
.date_place_11 { left: 85.37%; }
.sp_date_place_0 { left: 5.5%; }
.sp_date_place_1 { left: 12.5%; }
.sp_date_place_2 { left: 19.5%; }
.sp_date_place_3 { left: 26.5%; }
.sp_date_place_4 { left: 33.5%; }
.sp_date_place_5 { left: 40.5%; }
.sp_date_place_6 { left: 47.5%; }
.sp_date_place_7 { left: 54.5%; }
.sp_date_place_8 { left: 61.5%; }
.sp_date_place_9 { left: 68.5%; }
.sp_date_place_10 { left: 75.5%; }
.sp_date_place_11 { left: 82.5%; }

.one_to_one_question_box {
    position: relative;
    width: 100%;
}

.one_to_one_question_box.pc-background {
    background: url(../images/result/rsltTypeBg6.jpg) no-repeat center top;
    height: 400px;
}
.one_to_one_question_box.sp-background {
    background: url(../images/result/sp/rsltTypeBg6.jpg) no-repeat center top;
    height: 62.5vw;
}
.one_to_one_question_balloon {
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-50%,-50%);
    text-align: center;
    padding: 3%;
    box-sizing: border-box;
    background-color: rgba(0,0,0,.5);
    opacity: 0;
}

.one_to_one_question_balloon p {
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
    line-height: 140%;
    letter-spacing: .05rem;
    color: #fefaf3;
    opacity: 0;
}

.one_to_one_question_balloon .one_to_one_question_text_ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%,-50%);
}

.one_to_one_question_balloon.pc_balloon {
    width: 40%;
    min-height: 100px;
    border-radius: 22px;
    box-shadow: 0 0 10px rgba(249,251,189,.7),0 0 10px rgba(249,251,189,.7);
}

.one_to_one_question_balloon.pc_balloon p {
    font-size: 2.4rem;
}

.one_to_one_question_balloon.sp_balloon {
    width: 47%;
    min-height: 30vw;
    border-radius: 5vw;
    box-shadow: 0 0 2vw rgba(249,251,189,.7),0 0 3vw rgba(249,251,189,.7);
}

.one_to_one_question_balloon.sp_balloon p {
    font-size: 6vw;
    text-shadow: .5vw .5vw 1vw #737373;
}

.yes_no_season_observe {
    position: relative;
    background: url(../images/result/rsltTypeBg7.jpg) no-repeat;
    background-position: center top 50%;
    height: 383px;
    width: 100%;
}
.yes_no_season_observe .yes_no_season_text {
    position: absolute;
    top: 50%;
    left: 68%;
    transform: translate(-50%,-50%);
    width: 50%;
    min-height: 100px;
    text-align: center;
}
.yes_no_season_observe .yes_no_season_text p {
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
    font-size: 4rem;
    line-height: 140%;
    letter-spacing: .05rem;
    color: #ffc;
    text-shadow: 1px 1px 0 #FF9900,-1px 1px 0 #FF9900,1px -1px 0 #FF9900,-1px -1px 0 #FF9900,0px 1px 0 #FF9900,1px 0px 0 #FF9900,0px -1px 0 #FF9900,-1px 0px 0 #FF9900;
    opacity: 0;
}

.sp_yes_no_season_observe {
    position: relative;
    background: url(../images/result/sp/rsltTypeBg7.jpg) no-repeat;
    background-size: 100%;
    background-position: center top 50%;
    height: 62.5vw;
    width: 100%;
}

.sp_yes_no_season_observe .yes_no_season_text {
    position: absolute;
    top: 50%;
    left: 68%;
    transform: translate(-50%,-50%);
    width: 60%;
    min-height: 30vw;
    text-align: center;
}

.sp_yes_no_season_observe .yes_no_season_text p {
    color: #ffc;
    font-size: 7vw;
    line-height: 140%;
    letter-spacing: .05rem;
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
    text-shadow: 1px 1px 0 #FF9900,-1px 1px 0 #FF9900,1px -1px 0 #FF9900,-1px -1px 0 #FF9900,0px 1px 0 #FF9900,1px 0px 0 #FF9900,0px -1px 0 #FF9900,-1px 0px 0 #FF9900;
    opacity: 0;
}

.yes_no_season_text_ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%,-50%);
}

.background_image {
    background: url(../images/result/res_type_nennunbackground.jpg) no-repeat;
    background-size: 100%;
    position: relative;
    margin: 0 auto;
}
.background_image.year_luck_background_image {
    width: 755px;
    height: 927px;
}
.background_image.sp_year_luck_background_image {
    width: 97vw;
    height: 119vw;
}

.year_luck_strong {
    position: absolute;
    width: 100%;
    background-color: rgba(55,0,255,.46);
    opacity: 0;
}
.year_luck_strong.pc_strong { height: 7.1%; }
.year_luck_strong.pc_strong.year_luck_strong_place_0 { top: 5.8%; }
.year_luck_strong.pc_strong.year_luck_strong_place_1 { top: 13.05%; }
.year_luck_strong.pc_strong.year_luck_strong_place_2 { top: 20.3%; }
.year_luck_strong.pc_strong.year_luck_strong_place_3 { top: 27.55%; }
.year_luck_strong.pc_strong.year_luck_strong_place_4 { top: 34.8%; }
.year_luck_strong.pc_strong.year_luck_strong_place_5 { top: 42.05%; }
.year_luck_strong.pc_strong.year_luck_strong_place_6 { top: 49.3%; }
.year_luck_strong.pc_strong.year_luck_strong_place_7 { top: 56.55%; }
.year_luck_strong.pc_strong.year_luck_strong_place_8 { top: 63.8%; }
.year_luck_strong.pc_strong.year_luck_strong_place_9 { top: 71.05%; }
.year_luck_strong.pc_strong.year_luck_strong_place_10 { top: 78.3%; }
.year_luck_strong.pc_strong.year_luck_strong_place_11 { top: 85.55%; }
.year_luck_strong.pc_strong.year_luck_strong_place_12 { top: 92.8%; }
.year_luck_strong.sp_strong { height: 6.7%; }
.year_luck_strong.sp_strong.year_luck_strong_place_0 { top: 9.5%; }
.year_luck_strong.sp_strong.year_luck_strong_place_1 { top: 16.46%; }
.year_luck_strong.sp_strong.year_luck_strong_place_2 { top: 23.42%; }
.year_luck_strong.sp_strong.year_luck_strong_place_3 { top: 30.38%; }
.year_luck_strong.sp_strong.year_luck_strong_place_4 { top: 37.34%; }
.year_luck_strong.sp_strong.year_luck_strong_place_5 { top: 44.3%; }
.year_luck_strong.sp_strong.year_luck_strong_place_6 { top: 51.26%; }
.year_luck_strong.sp_strong.year_luck_strong_place_7 { top: 58.22%; }
.year_luck_strong.sp_strong.year_luck_strong_place_8 { top: 65.18%; }
.year_luck_strong.sp_strong.year_luck_strong_place_9 { top: 72.14%; }
.year_luck_strong.sp_strong.year_luck_strong_place_10 { top: 79.1%; }
.year_luck_strong.sp_strong.year_luck_strong_place_11 { top: 86.06%; }
.year_luck_strong.sp_strong.year_luck_strong_place_12 { top: 93.02%; }

.table_setting {
    background-size: 100% 100%;
    border-collapse: collapse;
    box-sizing: border-box;
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
    text-align: center;
    text-shadow: 3px 3px 3px #000000;
}

.table_setting tbody td:first-child {
    padding-left: 1.8%;
}

.year_luck_table_text {
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
    opacity: 0;
}

#now_image {
    position: absolute;
    left: .7%;
    height: 6%;
}
#now_image.pc_now_image { top: 50%; }
#now_image.sp_now_image { top: 51.5%; }
#now_image img { height: 100%; }
.telling_sample_text {
    color: #fff;
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
    font-weight: 700;
    text-align: right;
    padding-right: 5%;
}
.telling_sample_text.pc_text {
    font-size: 2.3rem;
	line-height: 1.5em;
    text-shadow: 0 0 5px #ffffff,0 0 5px #926a2b;
}
.telling_sample_text.sp_text {
    font-size: 1.2rem;
	line-height: 1.3em;
    text-shadow: 0 0 .8vw #ffffff,0 0 .8vw #926a2b;
}

.last_advice_observe { position: relative; }
.last_advice_observe .teller_box {
    position: absolute;
    top: 13.5%;
    left: 6.5%;
    width: 793px;
    height: 306px;
}
.last_advice_observe .teller_comment {
    position: absolute;
    top: 21%;
    left: 5%;
    width: 58%;
}
.last_advice_observe .teller_comment p {
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
    font-weight: 700;
    font-size: 2.6rem;
    color: #f6b100;
    line-height: 140%;
    letter-spacing: .05rem;
}
.last_advice_observe .last_advice_teller_image {
    position: absolute;
    top: 0%;
    right: 5%;
    width: 42%;
}
.last_advice_observe .last_advice_teller_image img { width: 100%; }
.last_advice_observe .result_text_box,.last_advice_observe .result_image_box { opacity: 0; }

/* info-container */
.info-container .background_image {
    position: relative;
    background: transparent url(../images/result/res_meisiki_background1.jpg) no-repeat;
    background-size: 100%;
    width: 650px;
    height: 650px;
    margin: 0 auto;
}
.person1 .yang_telling_background .background_image { background-image: url(../images/result/res_meisiki_background1.png); }
.person2 .yang_telling_background .background_image { background-image: url(../images/result/res_meisiki_background2.png); }

.info-container .background_image img {
    width: 100%;
}
.info-container .yang_telling_flex_box {
    display: flex;
    width: 785px;
    margin: 0 auto;
}
.info-container .yang_telling_flex_box img {
    width: 100%;
}
.info-container .you_box {
    position: relative;
    background: url(../images/result/res_meisiki_background1.jpg) no-repeat;
    background-size: 100%;
    width: 392px;
    height: 392px;
    margin: 0 auto;
}
.info-container .target_box {
    position: relative;
    background: url(../images/result/res_meisiki_background2.jpg) no-repeat;
    background-size: 100%;
    width: 392px;
    height: 392px;
    margin: 0 auto;
}