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

@charset "UTF-8";

.fade_in { animation: fadeIn .5s ease-in forwards; }
@keyframes fadeIn {
    0% { opacity: 0; }
    to { opacity: 1; }
}
.fade_in_out { animation: fadeInOut 2.5s ease forwards; }
@keyframes fadeInOut {
    0%,to { opacity: 0; }
    30%,70% { opacity: 1; }
}
.fade_out { animation: fadeOut .6s ease-out forwards; }
@keyframes fadeOut {
    10% { opacity: 1; }
    to { opacity: 0; }
}
.double_flash { animation: doubleFlash 1.5s forwards; }
@keyframes doubleFlash {
    0%,40%,80% { opacity: 0; }
    20%,60%,to { opacity: 1; }
}
.double_flash_graph { animation: doubleFlashGraph 1.5s forwards; }
@keyframes doubleFlashGraph {
    16%,48%,80% { opacity: 0; }
    0%,32%,64%,96%,to { opacity: 1; }
}
.text_ripple { animation: textRipple .5s ease-out forwards; }
@keyframes textRipple {
    0% { transform: translate(-50%,-50%) scale(1); opacity: 1; }
    to { transform: translate(-50%,-50%) scale(1.5); opacity: 0; }
}

.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;
}
.info-container .background_image {
    position: relative;
    background: url(../images/result/res_meisiki_background1.jpg) no-repeat;
    background-size: 100%;
    width: 90vw;
    height: 90vw;
    margin: 0 auto;
}
.info-container .background_image img { width: 100%; }

/* info-container の設定必要の場合はあるとき　前に .info-container を追加する　*/
.you_box {
    position: relative;
    background: url(../images/result/res_meisiki_background1.jpg) no-repeat;
    background-size: 100%;
    width: 90vw;
    height: 90vw;
    margin: 0 auto;
}
.target_box {
    position: relative;
    background: url(../images/result/res_meisiki_background2.jpg) no-repeat;
    background-size: 100%;
    width: 90vw;
    height: 90vw;
    margin: 0 auto;
}
.you_box img,.target_box img { width: 100%; }

/*　END info-container の設定必要の場合はあるとき　前に .info-container を追加する　END　*/

/*
.yang_telling_background {
    background: url(../images/result/sp/rsltTypeBg.jpg) no-repeat;
    background-size: 100%;
    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/sp/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
}
*/
.yang_telling_background .background_image {
    position: relative;
    width: 90vw;
    height: 90vw;
    margin: 0 auto;
}
.yang_telling_background .background_image img { width: 100%; }
.yang_telling_background_image { /* data-v-9a7114e9 */
    background: url(../images/result/res_meisiki_background2.jpg) no-repeat;
    background-size: 100%;
}
.yang_telling_background {
    background: url(../images/result/sp/rsltTypeBg.jpg) no-repeat;
    background-size: 100%;
    width: 100%;
    height: 95vw;
}

.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 p {
    font-size: 3.3vw;
    filter: drop-shadow(0 0 .2vw #000000)
}
.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.empty .explain_background {
	background: none;
}
.explain_box.empty .explain_balloon {
	margin: 2% auto;
	width: 92%;
	box-shadow: 0 0 2vw #f9fbbdb3, 0 0 3vw #f9fbbdb3;
	border-radius: 5wv;
}
.explain_box .explain_background {
    background: url(../images/result/sp/rsltTypeBg2.jpg) no-repeat;
    background-position: center;
    background-size: 100%
}
.explain_box .teller_image {
    background: url(../images/result/rsltImg1.png) no-repeat;
    background-position: left -12% top 50%;
    background-size: 56%;
    width: 100%;
    min-height: 180px;
    display: flex;
    align-items: center;
    padding: 5% 0;
}
.explain_box .explain_balloon {
    background-color: rgba(0,0,0,.5);
    margin: auto 8% auto 35%;
    padding: 3.5%;
    width: 58%;
    text-align: left;
    box-shadow: 0 0 15px rgba(249,251,189,.7),0 0 15px rgba(249,251,189,.7);
    border-radius: 13px;
}
.explain_box .explain_balloon p {
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
    font-size: 0.9em;
    line-height: 140%;
    letter-spacing: .05rem;
    color: #fefaf3
}
.explain_box .result_background_image {
    background: url(../images/result/sp/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 {
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
    font-size: 1.4rem;
    line-height: 170%;
    letter-spacing: .05rem;
    color: #fefaf3
}
.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-size: 4vw;
    line-height: 140%;
    letter-spacing: .05rem;
    color: #fefaf3;
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
}
.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-size: 3.8vw;
    line-height: 170%;
    letter-spacing: .05rem;
    color: #fefaf3;
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
}

/*
.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
}

.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%
}
*/
.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;
}
.yin_telling_background_image .result_text {
    position: absolute;
    text-align: center;
}
.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;
}
.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: 0%;
    --top-1: 0%;
    --top-2: 0%;
    --top-3: 0%;
    --top-4: 0%;
    --top-5: 0%;
    --top-6: 0%;
    --top-7: 0%;
    --top-8: 0%;
    --top-9: 0%;
    --top-10: 0%;
    --top-11: 0%;
}
.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;
    top: 6.5%;
    left: 4%;
    width: 92%;
    height: 87.7%;
    background-color: rgba(77,68,87,.745);
    border-radius: 12.8%;
    display: flex;
    text-align: center;
    opacity: 0
}
.animation_text p {
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
    color: #ff9;
    margin: auto;
    letter-spacing: .05rem
}
.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
}
.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/sp/rsltTypeBg6.jpg) no-repeat;
    background-size: 100%;
    height: 383px;
}
.one_to_one_question_box.sp-background {
    background: url(../images/result/sp/rsltTypeBg6.jpg) no-repeat;
    background-size: 100%;
    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: 51%;
    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: 1.2rem; }
.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/sp/rsltTypeBg7.jpg) no-repeat;
    background-size: 100%;
    background-position: left 5% top 50%;
    height: 193px;
    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: 1.8rem;
    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: left 5% 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 {
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
    font-size: 7vw;
    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
}

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

.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-weight: 700;
    text-align: center;
    font-family: ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif;
/*    padding-right: 5%*/
}
.telling_sample_text.pc_text {
    font-size: 1rem;
    text-shadow: 0 0 .8vw #ffffff,0 0 .8vw #926a2b;
}
/*
.telling_sample_text.sp_text {
    font-size: 1.2rem;
    text-shadow: 0 0 .8vw #ffffff,0 0 .8vw #926a2b;
}
*/