/* =Reset
------------------------------------------------------------------------------------------------------------- */
@charset "utf-8";


.text_img p span{
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  color:#FFFF00;
  font-size: 1.1em;
}
[class^= "ttl"] H5,
.main_all_bdy .menu_bdy H5,
.main_all_bdy .menu_bdy2 H5{
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  width:88%;
  margin:0 auto;
  font-size:1.7em;
  line-height:1.3em;
  color:#F3D6AC;
  font-weight:normal;
  text-align:center;
  text-shadow: 0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #000, 0px 0px 7px #000,0px 0px 7px #000,0px 0px 7px #000 , 0px 0px 9px #000,0px 0px 9px #000,0px 0px 9px #000, 0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #000, 0px 0px 7px #000,0px 0px 7px #000,0px 0px 7px #000 , 0px 0px 9px #000,0px 0px 9px #000,0px 0px 9px #000;
}

.disp_pc [class^="result_box"]{ padding: 20px 30px; margin: 0 auto ;display: none;box-sizing: border-box;}
.disp_sp [class^="result_box"]{ padding: 10px 15px; display: none;box-sizing: border-box;margin: 18px auto 12px;}

.result_box{
  background: linear-gradient(to right, rgb(17,17,17) 0%, rgb(37, 15, 79) 5%, rgb(37, 15, 79) 95%, rgb(17,17,17) 100%);
}
.result_box_ppl{
  background: linear-gradient(to right, rgb(17,17,17) 0%, rgb(37, 8, 39) 5%, rgb(37, 8, 39) 95%, rgb(17,17,17) 100%);
  color: #fff;
  line-height: 1.6;
}
SPAN.result_box_ppl{ font-size: 1.1em; }

.disp_sp .result_box_shadow{ width: 90%; }
.disp_pc .result_box_shadow{ width: 90%; }
.result_box_shadow{
  background: #1A073E;
  margin: 0 auto;
  border-radius: 10px;
  border: 2px solid #716281;
  box-shadow: 0px 0px 3px #4B2B6D,0px 0px 3px #4B2B6D,0px 0px 3px #4B2B6D,0px 0px 3px #4B2B6D, 0px 0px 7px #4B2B6D,0px 0px 7px #4B2B6D,0px 0px 7px #4B2B6D , 0px 0px 9px #4B2B6D,0px 0px 9px #4B2B6D,0px 0px 9px #4B2B6D, 0px 0px 11px #4B2B6D,0px 0px 11px #4B2B6D,0px 0px 11px #4B2B6D;
}
.result_ppl_area span{
  display:none;
}
.result_box_shadow_ppl{
  background: #29032C;
  width: 90%;
  margin: 0 auto;
  border-radius: 10px;
  border: 2px solid #716281;
  box-shadow: 0px 0px 3px #622551,0px 0px 3px #622551,0px 0px 3px #622551,0px 0px 3px #622551, 0px 0px 7px #622551,0px 0px 7px #622551,0px 0px 7px #622551 , 0px 0px 9px #622551,0px 0px 9px #622551,0px 0px 9px #622551, 0px 0px 11px #622551,0px 0px 11px #622551,0px 0px 11px #622551;
}
span.result_box_shadow_ppl{
  color: #fff;
  text-shadow: 0 0 5px #5718A3,0 0 5px #5718A3,0 0 5px #5718A3,0 0 5px #5718A3,0 0 5px #5718A3;
  line-height: 1.4;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", Meiryo, serif;
  text-align: justify;
}
.disp_pc span.result_box_shadow_ppl{font-size: 1.7em;}
.disp_sp span.result_box_shadow_ppl{font-size: 1.2em;}

[class^="result_box"] P{
  color: #fff;
  font-size: 1.1em;
  line-height: 1.6;
  margin: 0 auto;
  text-align: justify;
}
span.result_box_shadow_ppl B,
[class^="result_box_shadow"] P SPAN{
  color: #ff0;
  font-size: 1.1em;
}

[class^="result_box_shadow"] P{
  color: #fff;
  text-shadow: 0 0 5px #5718A3,0 0 5px #5718A3,0 0 5px #5718A3,0 0 5px #5718A3,0 0 5px #5718A3;
  line-height: 1.4;
  width: 100%;
}
.disp_pc [class^="result_box_shadow"] P{font-size: 1.7em;}
.disp_sp [class^="result_box_shadow"] P{font-size: 1.2em;}

[class^="result_box_shadow"] P B{
  color: #ff0;
  font-size: 1.1em;
}
.message_group H5{
  width:88%;
  font-size: 1.7em;
  line-height: 1.3;
  margin: 0 auto;
}
.disp_sp [class^= "ttl"] H5,
.disp_sp .main_all_bdy .menu_bdy H5,
.disp_sp .main_all_bdy .menu_bdy2 H5,
.disp_sp .message_group H5{
  font-size: 1.3em;
  line-height: 1.3;
}
.message_group H5,
.text_img P{
  color: #fff;
  text-shadow: 0 0 10px #5718A3,0 0 10px #5718A3,0 0 10px #5718A3,0 0 10px #5718A3,0 0 10px #5718A3;
  text-align: center;
}
.message_group H5{
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.message_group .text_img P{
  text-align: center;
  color: #fff;
  text-shadow: 0 0 10px #5718A3,0 0 10px #5718A3,0 0 10px #5718A3,0 0 10px #5718A3,0 0 10px #5718A3,0 0 10px #5718A3,0 0 10px #5718A3,0 0 10px #5718A3,0 0 10px #5718A3,0 0 10px #5718A3;
}

.disp_pc .text_img P{
  font-size: 2em;
  line-height: 1.6;
}
.disp_sp .text_img P{
  font-size: 1.4em;
  line-height: 1.4;
}
.disp_pc .text_img2 P{font-size: 1.8em;line-height: 1.6;padding: 30px;}
.disp_sp .text_img2 P{font-size: 1.2em;line-height: 1.4;padding: 20px;}
.text_img2 P{
  color: #fff;
  text-shadow: 0 0 10px #016253,0 0 10px #016253,0 0 10px #016253,0 0 10px #016253,0 0 10px #016253,0 0 10px #016253,0 0 10px #016253,0 0 10px #016253,0 0 10px #016253,0 0 10px #016253;
  text-align: center;
}
.disp_pc .now_time{font-size: 1.8em;}
.disp_sp .now_time{font-size: 1.2em;}
.now_time{
  text-align: center;
  color: #fff;
  letter-spacing: 2px;
  margin: 20px auto;
}
#now_date{color:#ff0;}


.section_ftr_outer{background:url(../img/result/section_ftr.jpg) no-repeat 50% bottom / 100% auto;padding-bottom:10%;}
.section_hdr_outer{background:url(../img/result/section_title.jpg) no-repeat 50% top / 100% auto;}
.disp_pc .section_hdr_outer{padding-top: 110px;}
.disp_sp .section_hdr_outer{padding-top: 50px;}
/*=========================================
.balloon_group
=========================================*/
/*--------------------*
 *  .balloon_group
 *--------------------*/
.disp_pc .balloon_group {
  width: 640px;
  margin: 0 auto 10px;
  min-height: 450px;
  _height: 450px;
}
.disp_pc .balloon_group .severalmenu{
  width: 385px;
  padding: 0;
  margin-left: 10px;
}
.disp_pc .balloon_group .detail_txt {
  padding: 15px 20px;
}

.disp_pc .balloon_group .detail_txt {
  border-radius: 10px;
  box-sizing: border-box;
  border: 2px solid #7D7A77;
  background: rgba(0,0,0,0.4);
}
.balloon_group p{
  color:#fff;
}
.disp_pc .balloon_group p{
  font-size: 1.4em;
  line-height:1.5em;
}
.disp_sp .balloon_group p{
  font-size: 1.1em;
  line-height: 1.4em;
}
.disp_sp .balloon_group {
  margin: 0 auto 30px;
  position: relative;
  width: 355px;
}
.disp_sp .balloon_group .severalmenu {
  padding: 0;
  box-sizing: border-box;
}
.disp_sp .balloon_group .detail_txt::before {
  display: block;
  float: right;
  content: "";
  width: 140px;
  height: 175px;
}
.disp_sp .balloon_group .detail_txt P{
  min-height: 300px;
  text-shadow: 0 0 3px #016253,0 0 3px #016253,0 0 5px #016253,0 0 5px #016253,0 0 3px #016253,0 0 3px #016253,0 0 5px #016253,0 0 5px #016253,0 0 3px #016253,0 0 3px #016253,0 0 5px #016253,0 0 5px #016253;
}
/*--------------------*
 *  .balloon_group2
 *--------------------*/
.balloon_group2{
  background:url(../img/result/photo1.jpg) no-repeat left center/100% auto;
  display: table;
  margin: 12px auto;
}
.disp_pc .balloon_group2{min-height: 440px;}
.disp_sp .balloon_group2{min-height: 300px;}


.balloon_group2 .severalmenu{
  display: table-cell;
  vertical-align: middle;
}

.balloon_group2 .detail_txt {
  border-radius: 10px;
  box-sizing: border-box;
  border: 2px solid #7D7A77;
  background: rgba(0,0,0,0.5);
}
.disp_pc .balloon_group2 .detail_txt {
  margin-left: 240px;
  padding: 20px 30px;
}
.disp_sp .balloon_group2 .detail_txt {
  margin-left: 130px;
  padding: 10px 15px;
}
.balloon_group2 p{
  color:#fff;
  line-height:1.5em;
}
.disp_pc .balloon_group2 p{
  font-size: 1.4em;
}
.disp_sp .balloon_group2 p{
  font-size: 1.2em;
}
/*--------------------*
 *  .balloon_group3
 *--------------------*/
.balloon_group3{
  background:url(../img/result/photo2.jpg) no-repeat left center/100% auto;
  display: table;
  margin: 12px auto;
}
.disp_pc .balloon_group3{min-height: 440px;}
.disp_sp .balloon_group3{min-height: 300px;}

.balloon_group3 .severalmenu{
  display: table-cell;
  vertical-align: middle;
}

.balloon_group3 .detail_txt {
  margin-left: 240px;
  border-radius: 10px;
  padding: 20px 30px;
  box-sizing: border-box;
  border: 2px solid #7D7A77;
  background: rgba(0,0,0,0.5);
}
.disp_pc .balloon_group3 .detail_txt {
  margin-left: 240px;
  padding: 20px 30px;
}
.disp_sp .balloon_group3 .detail_txt {
  margin-left: 130px;
  padding: 10px 15px;
}
.balloon_group3 p{
  color:#fff;
  line-height:1.5em;
}
.disp_pc .balloon_group3 p{
  font-size: 1.4em;
}
.disp_sp .balloon_group3 p{
  font-size: 1.1em;
}

/*=========================================
.basic_info
=========================================*/
.basic_info{
  margin:0 auto 3%;
  width:95%;
}
.basic_info p{
  color: #fff;
  text-align: center;
  line-height:1.4em;
}
.disp_pc .basic_info p{font-size: 1.2em;}
.basic_info .info_other {padding-top: 1%;}

/*=========================================
.ttl
=========================================*/
.ttl_bdy{background:url(../img/result/title1_bdy.jpg) repeat-y 50% top / 100% auto;margin:0 auto 3%;}
.ttl_ftr{background:url(../img/result/title1_ftr.jpg) no-repeat 50% bottom / 100% auto;padding-bottom:5%;}
.ttl_hdr{background:url(../img/result/title1_hdr.jpg) no-repeat 50% top / 100% auto;padding-top:5%;}
.ttl_bdy2{background:url(../img/result/title2_bdy.jpg) repeat-y 50% top / 100% auto;margin:0 auto 3%;}
.ttl_ftr2{background:url(../img/result/title2_ftr.jpg) no-repeat 50% bottom / 100% auto;padding-bottom:5%;}
.ttl_hdr2{background:url(../img/result/title2_hdr.jpg) no-repeat 50% top / 100% auto;padding-top:5%;}


/*=========================================
.main_all_bdy
=========================================*/
.main_all_bdy{
  margin:0 auto;
}

.main_all_bdy .main_group .detail_txt{
  width:90%;
  margin:0 auto 4%;
}
.main_all_bdy .main_group .detail_txt p{
  font-size: 1.1em;
  line-height:1.6em;
  color:#fff;
}
.main_all_bdy .main_group .detail_txt .date_text2{
  font-size:45px;
  color:#FFFF00;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  text-align:center;
}
.main_all_bdy .main_group .detail_txt .date_text2 small{font-size:0.8em;}

/*=========================================
.date_group
=========================================*/
.main_all_bdy .date_group{
  margin-bottom:4%;
}
.main_all_bdy .date_group .article_ftr{background:url(../img/result/date_group/article_ftr.jpg) no-repeat 50% bottom / 100% auto;padding-bottom:5%;}
.main_all_bdy .date_group .article_hdr{background:url(../img/result/date_group/article_hdr.jpg) no-repeat 50% top / 100% auto;padding-top:10%;}
.main_all_bdy .date_group .detail_txt{
  margin-bottom:0;
}
.main_all_bdy .date_group .date1{
  text-align: center;
  color: #ff0;
  text-shadow: 0 0 5px #A21268, 0 0 5px #A21268, 0 0 5px #A21268, 0 0 5px #A21268, 0 0 5px #A21268,0 0 5px #A21268, 0 0 5px #A21268, 0 0 5px #A21268, 0 0 5px #A21268, 0 0 5px #A21268;
  top: 28%;
  width: 100%;
  position:absolute;
  opacity:0;
}
.main_all_bdy .date_group .date2{
  text-align: center;
  color: #000;
  text-shadow: 
  0 0 4px #DD31A5, 0 0 4px #DD31A5, 0 0 4px #DD31A5, 0 0 4px #DD31A5, 0 0 4px #DD31A5,0 0 4px #DD31A5, 0 0 4px #DD31A5, 0 0 4px #DD31A5, 0 0 4px #DD31A5, 0 0 4px #DD31A5,
  0 0 10px #EBDF81, 0 0 10px #EBDF81, 0 0 10px #EBDF81, 0 0 10px #EBDF81, 0 0 10px #EBDF81,0 0 10px #EBDF81, 0 0 10px #EBDF81, 0 0 10px #EBDF81, 0 0 10px #EBDF81, 0 0 10px #EBDF81,0 0 10px #EBDF81, 0 0 10px #EBDF81, 0 0 10px #EBDF81, 0 0 10px #EBDF81, 0 0 10px #EBDF81;
  top: 44%;
  width: 100%;
  position:absolute;
  opacity:0;
}
.disp_pc .main_all_bdy .date_group .date1{font-size: 2.5em;}
.disp_pc .main_all_bdy .date_group .date2{font-size: 3.8em;}

.disp_sp .main_all_bdy .date_group .date1{font-size: 1.8em;}
.disp_sp .main_all_bdy .date_group .date2{font-size: 3.0em;}

.disp_sp .title_font.big{font-size: 1.4em;}
.disp_pc .title_font.big{font-size: 2.2em;}
/*=========================================
.message_group
=========================================*/
.message_group .message_ttl_bdy{
  background:url(../img/result/message_group/section_bdy.jpg) repeat-y 50% top / 100% auto;
  margin:0 auto 5%;
}
.message_group .message_ttl_ftr{
  padding-bottom:12%;
  background:url(../img/result/message_group/section_ftr.jpg) no-repeat 50% bottom / 100% auto;
  position:relative;
  bottom:-1px;
}
.message_group .article_bdy{background:url(../img/result/message_group/bg_bdy.jpg) repeat-y 50% top / 100% auto;margin:0 auto 3%;}
.message_group .article_ftr{background:url(../img/result/message_group/bg_ftr.jpg) no-repeat 50% bottom / 100% auto;padding-bottom:10%;}
.message_group .article_hdr{background:url(../img/result/message_group/bg_hdr.jpg) no-repeat 50% top / 100% auto;padding-top:10%;}

.disp_sc .message_group .article_bdy {width: 375px;}
.message_group .js_inner{
  position: relative;
}
.disp_pc .message_group .js_inner{
  min-height: 225px;
}
.disp_sp .message_group .js_inner{
  min-height: 140px;
}

.message_group .bg{
  background:url(../img/result/message_group/bg.png) no-repeat left center/100% auto;
  margin: 0 auto;
  position: absolute;
  top: 0px;
}
.disp_pc .message_group .bg{
  width: 571px;
  height: 225px;
  left: 35px;
}
.disp_sp .message_group .bg{
  width: 331px;
  height: 130px;
  left: 20px;
}
.choice_stone{text-align: center;}


.disp_sp .message_group .bg [class^="stone"] {
  width: 81px;
  height: 81px;
  display: inline-block;
}
.disp_pc .message_group .bg [class^="stone"] {
  width: 120px;
  height: 120px;
  display: inline-block;
}
.disp_pc .message_group .bg_black [class^="stone"] {
  width: 150px;
  height: 150px;
  display: inline-block;
}
.disp_sp .message_group .bg_black [class^="stone"] {
  width: 87px;
  height: 87px;
  display: inline-block;
}

.message_group [class^="choice_txt"]{
  width: 88%;
  margin: 0 auto;
  background: rgba(256,256,256,0.7);
  box-sizing: border-box;
  margin: 20px auto 0;
  display: none;
}
.disp_pc .message_group [class^="choice_txt"]{padding: 20px 30px;}
.disp_sp .message_group [class^="choice_txt"]{padding: 10px 15px;}

.message_group [class^="choice_txt"].active{
  display: block;
  animation: appear 2.5s ease;
}
.message_group [class^="choice_txt"] P{
  font-size: 1.1em;
  line-height: 1.6;
}
.message_group [class^="bg_black"].active{
  display: block;
  animation: appear 2.5s ease;
}
.message_group .bg.none{
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
}

@keyframes appear {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

.choice_txt P{
  font-size: 1.1em;
  line-height: 1.6;
}
.disp_pc .stone_pos_a{top: 90px; left:  10px;}
.disp_pc .stone_pos_b{top: 90px; left: 154px;}
.disp_pc .stone_pos_c{top: 90px; left: 298px;}
.disp_pc .stone_pos_d{top: 90px; left: 442px;}

.disp_sp .stone_pos_a{top: 44px; left:   0px;}
.disp_sp .stone_pos_b{top: 44px; left:  84px;}
.disp_sp .stone_pos_c{top: 44px; left: 168px;}
.disp_sp .stone_pos_d{top: 44px; left: 249px;}
.message_group .message_ttl_hdr{
  padding-top: 1%;
}
[class^="choice_stone_txt_"]{
  text-align: center;
  color: #FEEEBA;
  text-shadow: 0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,4px 4px 5px #621D3A,4px 4px 5px #621D3A,4px 4px 5px #621D3A;
  display:none;
}
.disp_pc [class^="choice_stone_txt_"]{
  font-size: 2em;
  margin: 20px auto 0;
  text-align: center;
}
.disp_sp [class^="choice_stone_txt_"]{
  font-size: 1.6em;
  margin: 12px auto 0;
  text-align: center;
}
.disp_pc .btn_stone{
  width: 142px;
  height: 226px;
  float: left;
}
.disp_sp .btn_stone{
  width: 81px;
  height: 128px;
  float: left;
}
.disp_pc .btn_stone.real:hover{
  cursor: pointer;
}
.disp_sp .btn_stone.real{
  cursor: pointer;
}

.bg_black{
  display: none;
  position: absolute;
  top: 0px;
  margin: 0 auto;
  background: #000;
  border-radius: 10px;
  border: 2px solid #2C1B04;
  box-shadow: 0px 0px 7px #734000 inset , 0px 0px 9px #734000 inset;
}
.disp_pc .bg_black{
  left: 35px;
  width: 568px;
  height: 225px;
}
.disp_sp .bg_black{
  left: 22px;
  width: 329px;
  height: 146px;
}
/*=========================================
.spread_group
=========================================*/
.spread1_group .result_box{margin: 30px auto 20px;}
.spread2_group .result_box_ppl{margin: 30px auto 20px;}

.disp_pc .spread1_group .bg{margin: 0 auto 30px;}
.disp_sp .spread1_group .bg{margin: 0 auto 20px;}
.disp_pc .spread1_group .bg,
.disp_pc .spread2_group .bg,
.disp_pc .spread1_group .hand1,
.disp_pc .spread2_group .hand1,
.disp_pc .spread2_group .hand2,
.disp_pc .spread1_group .hand3,
.disp_pc .spread1_group .hand2{
  width: 640px;
  height: 670px;
}
.disp_pc .date_group .bg{ width: 640px; height: 660px;}

.disp_sp .date_group .bg{ width: 375px; height: 382px;}
.disp_sp .spread1_group .bg,
.disp_sp .spread2_group .bg,
.disp_sp .spread1_group .hand1,
.disp_sp .spread2_group .hand1,
.disp_sp .spread2_group .hand2,
.disp_sp .spread1_group .hand3,
.disp_sp .spread1_group .hand2{
  width: 375px;
  height: 388px;
}
.disp_sp .js_bdy{margin: 0 auto 12px;}
.spread1_group .bg{
  background:url(../img/result/spread1_group/bg.jpg) no-repeat left center/100% auto;
}
.spread1_group .hand1{
  background:url(../img/result/spread1_group/photo1.png) no-repeat center center/100% auto;
  position:absolute;
  top: 0;
}
.spread2_group .hand1{
  background:url(../img/result/spread2_group/photo.png) no-repeat center center/100% auto;
  position:absolute;
  top: 0;
}

.spread1_group .hand2{
  background:url(../img/result/spread1_group/photo2.png) no-repeat center center/100% auto;
  position:absolute;
  top: 0;
  opacity: 0;
}
.spread2_group .hand2,
.spread1_group .hand3{
  background:url(../img/result/spread1_group/photo3.png) no-repeat center center/100% auto;
  position:absolute;
  top: 0;
  opacity: 0;
  z-index: 10;
}
.spread1_group [class^="stone_pos"],
.spread2_group [class^="stone_pos"]{
  opacity: 0;
}

.spread1_group .js_inner .text_img2,
.spread2_group .js_inner .text_img2{
  position: absolute;
  top: 53%;
  width: 100%;
}
.spread1_group .text_img2.next,
.spread2_group .text_img2.next{
  opacity:0;
  z-index: 20;
}
.spread2_group .bg{
  background:url(../img/result/spread2_group/bg.jpg) no-repeat left center/100% auto;
}
.date_group .bg{
  background:url(../img/result/date_group/bg.jpg) no-repeat left center/100% auto;
}
.spread2_group .motif_area{
  display:none;
}
.spread2_group .motif_bg{
  background:url(../img/result/spread2_group/bg2.jpg) no-repeat left center/100% auto;
}
.disp_pc .spread2_group .motif_bg{
  width: 640px;
  height: 320px;
}
.disp_sp .spread2_group .motif_bg{
  width: 375px;
  height: 188px;
}
.disp_pc .spread2_group .fukidashi{
  width: 346px;
}
.disp_sp .spread2_group .fukidashi{
  width: 200px;
}

.spread2_group .fukidashi{
  background:url(../img/result/spread2_group/bg.png) no-repeat center center/100% auto;
  box-sizing: border-box;
}
.spread2_group .fukidashi P{
  color: #800000;
  text-align: center;
  font-weight:bold;
}
.disp_pc .spread2_group .fukidashi P{ padding: 100px 65px; font-size: 2em;}
.disp_sp .spread2_group .fukidashi P{ padding: 58px 40px; font-size: 1.3em;}
.motif_stone{text-align: center;}
.motif_stone img{width: 75%;}
.spread2_group .bg_name{}

.name_stone{
  color: #ff0;
  text-align: center;
  font-weight: bold;
  text-shadow: 0 0 10px #5718a3, 0 0 10px #5718a3, 0 0 10px #5718a3, 0 0 10px #5718a3, 0 0 10px #5718a3, 0 0 10px #5718a3, 0 0 10px #5718a3, 0 0 10px #5718a3, 0 0 10px #5718a3, 0 0 10px #5718a3
}
.disp_pc .name_stone{ font-size: 1.7em; }
.disp_sp .name_stone{ font-size: 1.3em; }
.motif_bg .left{width: 40%;display: table-cell;vertical-align: middle;}
.motif_bg .right{width: 60%;display: table-cell;vertical-align: middle;}
.motif_bg_inner{
  width: 90%;
  display: table;
  margin: 0 auto;
}
.date_group .js_inner,
.spread2_group .js_inner,
.spread1_group .js_inner{
  position:relative;
  overflow: hidden;
}

.box_stone{
  position: relative;
}
.box_stone P[class^="stone"]{
  position:absolute;
  top:0;
}
[class^="stone_pos"]{ position:absolute; }
.stone_pos0{ top: 37%; left: 53%; }
.stone_pos1{ top: 37%; left: 53%; }
.stone_pos1{ top: 37%; left: 53%; }
.stone_pos2{ top: 37%; left: 43%; }
.stone_pos3{ top: 42%; left: 32%; }
.stone_pos4{ top: 52%; left: 31%; }
.stone_pos5{ top: 42%; left: 48%; }
.stone_pos6{ top: 49%; left: 42%; }
.stone_pos7{ top: 47%; left: 52%; }
.stone_pos8{ top: 47%; left: 41%; }
.stone_pos9{ top: 41%; left: 36%; }
.stone_pos10{ top: 52%;left: 36%; }
.stone_pos11{ top: 43%;left: 36%; }
.stone_pos12{ top: 35%;left: 41%; }
.stone_pos13{ top: 34%;left: 53%; }
.stone_pos14{ top: 38%;left: 38%; }
.stone_pos15{ top: 46%;left: 48%; }
.stone_pos16{ top: 56%;left: 51%; }
.stone_pos17{ top: 45%;left: 58%; }
.stone_pos18{ top: 46%;left: 48%; }


/**month**/
.stone_pos_m1{ top: 37%; left: 53%; }
.stone_pos_m2{ top: 37%; left: 43%; }
.stone_pos_m3{ top: 42%; left: 32%; }
.stone_pos_m4{ top: 52%; left: 31%; }
.stone_pos_m5{ top: 42%; left: 48%; }
.stone_pos_m6{ top: 49%; left: 42%; }
.stone_pos_m7{ top: 47%; left: 52%; }
.stone_pos_m8{ top: 47%; left: 41%; }
.stone_pos_m9{ top: 41%; left: 36%; }
.stone_pos_m10{ top: 52%;left: 36%; }
.stone_pos_m11{ top: 43%;left: 36%; }
.stone_pos_m12{ top: 35%;left: 41%; }

/**year**/
.stone_pos_y1{ top: 34%;left: 53%; }
.stone_pos_y2{ top: 38%;left: 38%; }
.stone_pos_y3{ top: 46%;left: 48%; }
.stone_pos_y4{ top: 56%;left: 51%; }
.stone_pos_y5{ top: 45%;left: 58%; }
.stone_pos_y6{ top: 46%;left: 48%; }
.stone_pos_y7{ top: 48%;left: 52%; }
.stone_pos_y8{ top: 45%;left: 47%; }
.stone_pos_y9{ top: 35%;left: 39%; }
.stone_pos_y10{ top: 57%;left: 35%; }
.stone_pos_y11{ top: 45%;left: 39%; }
.stone_pos_y12{ top: 36%;left: 48%; }


.disp_pc [class^="stone"]{ width:100px;height:100px; }
.disp_sp [class^="stone"]{ width:58px;height:58px; }

.stone1{ background:url(../img/contents/stone/1.png) no-repeat left center/100% auto;}
.stone2{ background:url(../img/contents/stone/2.png) no-repeat left center/100% auto;}
.stone3{ background:url(../img/contents/stone/3.png) no-repeat left center/100% auto;}
.stone4{ background:url(../img/contents/stone/4.png) no-repeat left center/100% auto;}
.stone5{ background:url(../img/contents/stone/5.png) no-repeat left center/100% auto;}
.stone6{ background:url(../img/contents/stone/6.png) no-repeat left center/100% auto;}
.stone7{ background:url(../img/contents/stone/7.png) no-repeat left center/100% auto;}
.stone8{ background:url(../img/contents/stone/8.png) no-repeat left center/100% auto;}
.stone9{ background:url(../img/contents/stone/9.png) no-repeat left center/100% auto;}
.stone10{ background:url(../img/contents/stone/10.png) no-repeat left center/100% auto;}
.stone11{ background:url(../img/contents/stone/11.png) no-repeat left center/100% auto;}
.stone12{ background:url(../img/contents/stone/12.png) no-repeat left center/100% auto;}
.stone13{ background:url(../img/contents/stone/13.png) no-repeat left center/100% auto;}
.stone14{ background:url(../img/contents/stone/14.png) no-repeat left center/100% auto;}
.stone15{ background:url(../img/contents/stone/15.png) no-repeat left center/100% auto;}
.stone16{ background:url(../img/contents/stone/16.png) no-repeat left center/100% auto;}
.stone17{ background:url(../img/contents/stone/17.png) no-repeat left center/100% auto;}
.stone18{ background:url(../img/contents/stone/18.png) no-repeat left center/100% auto;}
.stone19{ background:url(../img/contents/stone/19.png) no-repeat left center/100% auto;}
.stone20{ background:url(../img/contents/stone/20.png) no-repeat left center/100% auto;}
.stone21{ background:url(../img/contents/stone/21.png) no-repeat left center/100% auto;}
.stone22{ background:url(../img/contents/stone/22.png) no-repeat left center/100% auto;}
.stone23{ background:url(../img/contents/stone/23.png) no-repeat left center/100% auto;}
.stone24{ background:url(../img/contents/stone/24.png) no-repeat left center/100% auto;}

 .stone_grey1{ background:url(../img/contents/stone_grey/1.png) no-repeat left center/100% auto;}
 .stone_grey2{ background:url(../img/contents/stone_grey/2.png) no-repeat left center/100% auto;}
 .stone_grey3{ background:url(../img/contents/stone_grey/3.png) no-repeat left center/100% auto;}
 .stone_grey4{ background:url(../img/contents/stone_grey/4.png) no-repeat left center/100% auto;}
 .stone_grey5{ background:url(../img/contents/stone_grey/5.png) no-repeat left center/100% auto;}
 .stone_grey6{ background:url(../img/contents/stone_grey/6.png) no-repeat left center/100% auto;}
 .stone_grey7{ background:url(../img/contents/stone_grey/7.png) no-repeat left center/100% auto;}
 .stone_grey8{ background:url(../img/contents/stone_grey/8.png) no-repeat left center/100% auto;}
 .stone_grey9{ background:url(../img/contents/stone_grey/9.png) no-repeat left center/100% auto;}
.stone_grey10{ background:url(../img/contents/stone_grey/10.png) no-repeat left center/100% auto;}
.stone_grey11{ background:url(../img/contents/stone_grey/11.png) no-repeat left center/100% auto;}
.stone_grey12{ background:url(../img/contents/stone_grey/12.png) no-repeat left center/100% auto;}
.stone_grey13{ background:url(../img/contents/stone_grey/13.png) no-repeat left center/100% auto;}
.stone_grey14{ background:url(../img/contents/stone_grey/14.png) no-repeat left center/100% auto;}
.stone_grey15{ background:url(../img/contents/stone_grey/15.png) no-repeat left center/100% auto;}
.stone_grey16{ background:url(../img/contents/stone_grey/16.png) no-repeat left center/100% auto;}
.stone_grey17{ background:url(../img/contents/stone_grey/17.png) no-repeat left center/100% auto;}
.stone_grey18{ background:url(../img/contents/stone_grey/18.png) no-repeat left center/100% auto;}
.stone_grey19{ background:url(../img/contents/stone_grey/19.png) no-repeat left center/100% auto;}
.stone_grey20{ background:url(../img/contents/stone_grey/20.png) no-repeat left center/100% auto;}
.stone_grey21{ background:url(../img/contents/stone_grey/21.png) no-repeat left center/100% auto;}
.stone_grey22{ background:url(../img/contents/stone_grey/22.png) no-repeat left center/100% auto;}
.stone_grey23{ background:url(../img/contents/stone_grey/23.png) no-repeat left center/100% auto;}
.stone_grey24{ background:url(../img/contents/stone_grey/24.png) no-repeat left center/100% auto;}

.spread1_group [class^="stone_grey"],
.spread2_group [class^="stone_grey"],
.date_group [class^="stone_grey"]{opacity:0;}

.spread1_group [class^="stone_light"],
.spread2_group [class^="stone_light"],
.date_group [class^="stone_light"]{opacity:0;}

.stone_light1{ background:url(../img/contents/stone_light/1.png) no-repeat left center/100% auto;}
.stone_light2{ background:url(../img/contents/stone_light/2.png) no-repeat left center/100% auto;}
.stone_light3{ background:url(../img/contents/stone_light/3.png) no-repeat left center/100% auto;}
.stone_light4{ background:url(../img/contents/stone_light/4.png) no-repeat left center/100% auto;}
.stone_light5{ background:url(../img/contents/stone_light/5.png) no-repeat left center/100% auto;}
.stone_light6{ background:url(../img/contents/stone_light/6.png) no-repeat left center/100% auto;}
.stone_light7{ background:url(../img/contents/stone_light/7.png) no-repeat left center/100% auto;}
.stone_light8{ background:url(../img/contents/stone_light/8.png) no-repeat left center/100% auto;}
.stone_light9{ background:url(../img/contents/stone_light/9.png) no-repeat left center/100% auto;}
.stone_light10{ background:url(../img/contents/stone_light/10.png) no-repeat left center/100% auto;}
.stone_light11{ background:url(../img/contents/stone_light/11.png) no-repeat left center/100% auto;}
.stone_light12{ background:url(../img/contents/stone_light/12.png) no-repeat left center/100% auto;}
.stone_light13{ background:url(../img/contents/stone_light/13.png) no-repeat left center/100% auto;}
.stone_light14{ background:url(../img/contents/stone_light/14.png) no-repeat left center/100% auto;}
.stone_light15{ background:url(../img/contents/stone_light/15.png) no-repeat left center/100% auto;}
.stone_light16{ background:url(../img/contents/stone_light/16.png) no-repeat left center/100% auto;}
.stone_light17{ background:url(../img/contents/stone_light/17.png) no-repeat left center/100% auto;}
.stone_light18{ background:url(../img/contents/stone_light/18.png) no-repeat left center/100% auto;}
.stone_light19{ background:url(../img/contents/stone_light/19.png) no-repeat left center/100% auto;}
.stone_light20{ background:url(../img/contents/stone_light/20.png) no-repeat left center/100% auto;}
.stone_light21{ background:url(../img/contents/stone_light/21.png) no-repeat left center/100% auto;}
.stone_light22{ background:url(../img/contents/stone_light/22.png) no-repeat left center/100% auto;}
.stone_light23{ background:url(../img/contents/stone_light/23.png) no-repeat left center/100% auto;}
.stone_light24{ background:url(../img/contents/stone_light/24.png) no-repeat left center/100% auto;}

[class^="stone_alt"]{
  color: #ff0;
  opacity:0;
  font-weight: bold;
  text-align: center;
  text-shadow: 0 0 5px #5718a3, 0 0 5px #5718a3, 0 0 5px #5718a3, 0 0 5px #5718a3, 0 0 5px #5718a3, 0 0 5px #5718a3, 0 0 5px #5718a3, 0 0 5px #5718a3, 0 0 5px #5718a3, 0 0 5px #5718a3;
}
.disp_pc [class^="stone_alt"]{font-size: 1.4em;}
.disp_sp [class^="stone_alt"]{font-size: 0.9em;}

/*--------------------------
.kakushin_group
---------------------------*/
.kakushin_group {
  margin: 0 auto 20px;
}
.disp_pc .kakushin_group .bg{
  width: 640px;
  height: 590px;
}
.disp_sp .kakushin_group .bg{
  width: 375px;
  height: 345px;
}
.kakushin_group .bg{
  background: url(../img/result/kakushin_group/bg.jpg) no-repeat left top/100% auto;
  position: relative;
}
.kakushin_group .bg .balloon{
  width: 95%;
  margin: 0 auto;
  padding-top: 52%;
}
.kakushin_group .bg .balloon_inner{
  opacity: 0.7;
}
.kakushin_group .bg .balloon .kakushin_txt P{
  opacity: 0;
  color: #fff;
  line-height: 1.4;
  text-shadow: 
  0 0 10px #250F4F,0 0 10px #250F4F,0 0 10px #250F4F,0 0 10px #250F4F,0 0 10px #250F4F,
  0 0 5px #250F4F,0 0 5px #250F4F,0 0 5px #250F4F,0 0 5px #250F4F,0 0 5px #250F4F;
}
.kakushin_group .bg .balloon .kakushin_txt P SPAN{
  color: #ff0;
  font-size: 1.2em;
}
.disp_pc .kakushin_group .bg .balloon .detail_txt{width: 608px;margin: 0 auto;}
.disp_sp .kakushin_group .bg .balloon .detail_txt{width: 356px;margin: 0 auto;}

.disp_pc .kakushin_group .bg .balloon P{
  font-size: 1.7em;
  padding: 0 30px;
  text-align: center;
}
.disp_sp .kakushin_group .bg .balloon P{
  font-size: 1.2em;
  padding: 0 10px;
  text-align: center;
}
.kakushin_group .bg .balloon P SPAN{
  font-size: 1.2em;
}
.title_font.bl1{opacity:0;}
.disp_pc .kakushin_txt{position: absolute;width: 608px;top: 398px;}
.disp_sp .kakushin_txt{position: absolute;width: 356px;top: 240px;}

.kakushin_group .bg .menu_ftr{background:url(../img/result/kakushin_group/menu_ftr.png) no-repeat 50% bottom / 100% auto;padding-bottom: 30px;position: relative;bottom: -10px;}
.kakushin_group .bg .menu_bdy{background:url(../img/result/kakushin_group/menu_bdy.png) repeat-y 50% top / 100% auto;margin:0 auto 3%;}

/*--------------------------
 for mosaic
---------------------------*/
.mosaic_btn {
  margin: 0 auto;
  text-align: center;
  width:90%;
  max-width:374px;
}
.mosaic_btn p{
  background-size:100% auto;
}
.mosaic_balloon2{
  text-align:center;
  width:100%;
  padding:15% 0;
  background:url(../img/result/trial/mosaic_balloon2.png) no-repeat 50% top;
  background-size:100% 100%;
}

.mosaic,
.mosaic1,
.mosaic2,
.mosaic3,
.mosaic4{
  text-align:center;
  width:100%;
  padding:18% 0;
  background:url(../img/result/trial/mosaic1.png) no-repeat 50% top;
  background-size:102% 100%;
}
.message_mosaic{
  text-align: center;
  width: 100%;
  padding: 13% 0;
  background: url(../img/result/trial/message_mosaic.png) no-repeat 50% top / 100% 100%;
  position: absolute;
  top: 30%;
  z-index: 10;
  opacity: 0.8;
}
.message_group .trial{
  position: absolute;
  z-index: 30;
  width: 100%;
  top: 45%;
}
.disp_pc .message_group .mosaic_btn { margin: 20px auto 0; }
.disp_sp .message_group .mosaic_btn { margin: 12px auto 0;width: 80%; }
.message_group .trial P{
  padding: 0;
  text-align: center;
  padding: 0;
}
.disp_pc .message_group .trial P{font-size: 1.5em;}
.disp_sp .message_group .trial P{font-size: 0.9em;}
#result_basic .mosaic1,
.date_group .mosaic{
  text-align:center;
  width:100%;
  padding:11% 0;
  background:url(../img/result/trial/mosaic1.png) no-repeat 50% top;
  background-size:102% 100%;
}
.message_group .mosaic{
  text-align:center;
  width:100%;
  padding:17% 0;
  background:url(../img/result/trial/mosaic5.png) no-repeat 50% top;
  background-size:102% 100%;
}
.result_box .mosaic1{
  width:90%;
  margin:0 auto;
}
#next_group .mosaic1.first,
#next_group .mosaic2.first{
  padding:10% 0;
}

/*=========================================
#next_group
=========================================*/
#next_group{
  margin:0 auto;
}
#next_group P.next_attention,
#next_group P.next_attention_b{
  width:97%;
  margin:0 auto 3%;
  text-align: center;
  color:#fff;
  padding-top:1%;
}
.disp_pc #next_group P.next_attention,.disp_pc #next_group P.next_attention_b{font-size: 15px;}
.disp_sp #next_group P.next_attention,.disp_sp #next_group P.next_attention_b{font-size: 0.8em;}

font-size: 0.8em;
#next_group .first P.next_attention{
  text-shadow: 0px 0px 5px #000,0px 0px 5px #000,0px 0px 5px #000,0px 0px 5px #000,0px 0px 10px #000,0px 0px 10px #000,0px 0px 10px #000;
  font-size: 0.9em;
}
#next_group .next_attention2{
  width:92%;
  margin:3% auto;
  padding:2%;
  color:#fff;
  border:1px solid #ececec;
  font-weight:normal;
  text-align:left;
}
#next_group .price_info{
  color: #fff;
  margin: 0 auto;
  text-align:center;
  width: 92%;
  padding:2% 0;
  font-weight:normal;
}
#next_group .price_info p{
  line-height:1.4em;
}
#next_group .price_info p strong{
  color:#FFFF00;
}
.disp_pc #next_group .menu_but ,
.disp_pc #next_group_free .menu_but{
  margin:3% auto;
  width:65%;
}
.disp_sp #next_group .menu_but ,
.disp_sp #next_group_free .menu_but{
  margin:3% auto;
  width:90%;
}
#next_group .menu_but p{
  background-repeat:no-repeat;
  background-size:100% auto;
}

/*--------------------*
 *  #next_info
 *--------------------*/
#next_info{
  margin:5% auto;
  width:90%;
  color:#fff;
}
#next_info p{
  line-height:1.5em;
}
#next_info p strong{
  color:#FFFF00;
}
#next_info .mosaic_btn{
  width:90%;
  margin:4% auto 0;
  max-width:374px;
}
#next_info .mosaic_btn img{
  width:100%;
}


.disp_pc SPAN.result_box_ppl,
.disp_pc .result_box_ppl P,
.disp_pc .result_box P,
.disp_pc .main_all_bdy .main_group .detail_txt p,
.disp_pc .message_group [class^="choice_txt"] P{
  font-size: 1.2em;
}