@charset "UTF-8";
/*////////////////////////////////////////////////////////

common

////////////////////////////////////////////////////////*/
[class$="_view"] section, [class$="_view"] p {
  margin-bottom: 0;
}
.inner {
  padding: 0 20px;
}
/* animation
------------------------- */
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes label {
  0% {
    opacity: 0;
    transform: scale(2.3, 2.3);
  }
  50% {
    transform: scale(1, 1);
  }
  60% {
    transform: scale(1.08, 1.08);
  }
  70% {
    transform: scale(1, 1);
  }
  80% {
    transform: scale(1.08, 1.08);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.blinking {
  -webkit-animation: blink 1s ease-in-out infinite alternate;
  -moz-animation: blink 1s ease-in-out infinite alternate;
  animation: blink 1s ease-in-out infinite alternate;
}
/* display
------------------------- */
.disp0, .disp-0, .free-0 .close, .free-1 .open {
  display: none !important;
}
.disp1, .disp-1, .free-0 .open, .free-1 .close {
  display: block !important;
}

/*  action_btn_hover 2025.11.13
　　共通クラス 無料登録ボタンにクリッカブル
---------------------------------------------*/
.action_btn_hover {
	filter: drop-shadow(0 7px 0 #d01a0a);
	transition: transform 0.25s ease, filter 0.25s ease;
}
[class^="bokashi"] .btn.action_btn_hover  {
  position: absolute;
  top: calc(50% - 36px);
}
[class*=" action_btn_hover"]:hover {
	transform: translateY(4px);
	filter: drop-shadow(0 3px 0 #9a0d0d);
}
[class*=" action_btn_hover"]:active {
	transform: translateY(6px);
	filter: drop-shadow(0 1px 0 #7a0a0a);
}
.action_btn_hover::after {
	content: "";
	position: absolute;
	left: -12px;
	top: -8px;
	width: 55px;
	height: 45px;
	background: url("../images/icon/tap_finger.gif") no-repeat center/contain;
	opacity: 0;
	animation: tapBlink 5s infinite ease-in-out;
	pointer-events: none;
  transform: rotate(168deg) scale(.7);
}
/* 3〜4秒ごとに点滅表示アニメーション */
@keyframes tapBlink {
	0%, 80%, 100% { opacity: 0; }
	10%, 50%      { opacity: 1; }
}


/*////////////////////////////////////////////////////////

パーツ

////////////////////////////////////////////////////////*/
/* ぼかし
------------------------- */
[class^="bokashi"] {
  position: relative;
}
[class^="bokashi"] > img {
  width: 24px;
  margin: -5px;
  opacity: 0.5;
}
.box_word .blur-1, .blur-1 span {
  -ms-filter: blur(4px);
  filter: blur(4px);
}
/* btn (続きを見る)
------------------------- */
[class^="bokashi"] .btn, [class^="btn_more"] {
  display: block;
  width: 220px;
  margin: 0 auto;
}
[class^="bokashi"] .btn, [class^="bokashi"] [class^="btn_more"], .btn_more_pay_v2 {
  position: absolute;
  /* top: 50%;
  transform: translateY(-45%); action_btn_hoverの動きの為コメアウト　代わりtop追加*/
  top: calc(50% - 36px);
  left: 0;
  right: 0;
  z-index: 1;

}
[class^="bokashi"] .btn, .btn_more_pay {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  height: 73px;
  background: url("../images/btn/btn_more_pay.png") no-repeat;
  background-size: 100%;
}
.free_view [class^="bokashi"] .btn {
  background: url("../images/btn/btn_more_regist.png") no-repeat;
  background-size: 100%;
}
.bokashi_long .btn {
  top: 58%;
}
.btn_more_pay_v2 {
  display: block;
  width: 80%;
  margin: auto;
}
/* btn (会員登録)
------------------------- */
.btn-regist a {
  margin: 10px auto;
}
/* wipe
------------------------- */
.wipe {
  width: 100px;
  height: 91px;
  margin-right: 8px;
  position: relative;
  overflow: hidden;
  float: left;
  text-align: center;
}
.wipe:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/result/parts/wipe.png") no-repeat;
  background-size: 100%;
}
[class$="yasu"] .wipe:after {
  background: url("../images/result/parts/wipe02.png") no-repeat;
  background-size: 100%;
}
.wipe img {
  width: 75%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.wipe.person {
  background: url("../images/result/parts/bg_wipe.jpg") no-repeat;
  background-size: 100%;
}
.wipe.small {
  width: 52px;
  height: 47px;
}
.wipe.small img {
  width: 160%;
  top: 100%;
  transform: translate(-18%, -50%);
}
.wipe.zoom img {
  width: 200%;
  transform: translate(-43%, -40%);
}
/* 2人用(非表示) */
.two-1 .wipe.small {
  display: none;
}
/* senja
------------------------- */
[class^="box_senja"] {
  min-height: 200px;
  position: relative;
}
[class^="box_senja"] .senja {
  position: absolute;
  top: 10%;
}
[class^="box_senja"] .serif {
  margin: 0;
  line-height: 1.4;
  text-align: left;
  font-size: 13px;
  font-weight: bold;
  color: #000;
}
/* はやとも */
.box_senja_haya {
  background: url(../images/result/senja_box/haya/bg_top.jpg) no-repeat top, url(../images/result/senja_box/haya/bg_btm.jpg) no-repeat center bottom -0.08vw, url(../images/result/senja_box/haya/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
.box_senja_haya .senja {
  width: 49%;
  left: 0;
}
.box_senja_haya .serif {
  padding: 35px 30px 35px 50%;
}
/* ヤースー */
.box_senja_yasu {
  background: url(../images/result/senja_box/yasu/bg_top.jpg) no-repeat top, url(../images/result/senja_box/yasu/bg_btm.jpg) no-repeat center bottom -0.08vw, url(../images/result/senja_box/yasu/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
.box_senja_yasu .senja {
  width: 53%;
  right: 0;
}
.box_senja_yasu .serif {
  padding: 35px 50% 35px 33px;
}
/* wipe */
.lead .senja {
  width: 100px;
}
.haya .senja {
  margin-right: 10px;
  float: left;
}
.yasu .senja {
  margin-left: 10px;
  float: right;
}
/*////////////////////////////////////////////////////////

共通結果

////////////////////////////////////////////////////////*/
.view_common {
  padding: 0 0 40px;
  background: url("../images/result/common/bg_btm.jpg") no-repeat center bottom -1px, url("../images/result/common/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
.view_common .ttl {
  position: relative;
  z-index: 1;
}
.ttl > div, .ttl > ul {
  position: absolute;
  color: #000;
}
.ttl .user_name {
  width: 100%;
  padding-left: 80px;
  bottom: 26px;
  line-height: 20px;
  font-size: 10px;
}
.ttl .user_name li {
  margin: 5px 0 0;
}
.ttl .date {
  top: 72px;
  left: 200px;
  font-family: serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
}
.box_result {
  position: relative;
}
.box_result:after {
  content: '';
  width: 100%;
  height: 140px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("../images/result/common/senja.png") no-repeat bottom;
  background-size: 100%;
}
.one .box_result {
  height: 410px;
  margin: -30px auto -20px;
  background: url("../images/result/common/bg.png") no-repeat;
  background-size: 100%;
}
.one .box_result img {
  position: absolute;
  z-index: 1;
}
.two .box_result {
  margin: 0 auto -20px;
  height: 330px;
}
.two .box_result:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/result/common_affinity/telop1.png") no-repeat center top -20px;
  background-size: 100%;
}
.telop {
  position: absolute;
  top: 0;
  left: 0;
}
/*--- セリフ ---*/
.box_serif {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  background: rgba(255, 255, 255, .3);
}
.one .box_serif {
  height: 90%;
  padding: 60px 40px 0;
  top: 20px;
}
.two .box_serif {
  height: 95%;
  padding: 40px;
  top: -10px;
}
.box_serif ul {
  overflow: hidden;
}
.box_serif li {
  display: flex;
  align-items: flex-start;
  min-height: 30px;
  opacity: 0;
}
.box_serif li.active {
  opacity: 1;
}
.box_serif li:nth-child(odd) {
  padding-left: 33px;
  text-align: left;
  background: url("../images/result/komi_common/box_serif/icon_haya.png") no-repeat left top;
  background-size: 25px;
}
.box_serif li:nth-child(even) {
  justify-content: flex-end;
  margin: 10px 0;
  padding-right: 33px;
  background: url("../images/result/komi_common/box_serif/icon_yasu.png") no-repeat right top;
  background-size: 25px;
}
.two .box_serif li:nth-child(odd) {
  background: url("../images/result/komi_common/box_serif/icon_yasu.png") no-repeat left top;
  background-size: 25px;
}
.two .box_serif li:nth-child(even) {
  background: url("../images/result/komi_common/box_serif/icon_haya.png") no-repeat right top;
  background-size: 25px;
}
.box_serif span {
  display: inline-block;
  width: auto;
  min-width: 70px;
  min-height: 25px;
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  padding: 5px 10px;
  border-radius: 8px;
  line-height: 1.3;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  color: #000;
}
.box_serif span:after {
  content: "";
  width: 8px;
  height: 10px;
  top: 7px;
  position: absolute;
}
.one .box_serif li:nth-child(odd) span, .two .box_serif li:nth-child(even) span {
  border: 1px solid #09d6cf;
  background: rgba(229, 255, 254, .8);
}
.one .box_serif li:nth-child(even) span, .two .box_serif li:nth-child(odd) span {
  transform: translateX(150%);
  border: 1px solid #fa5c19;
  background: rgb(255, 237, 229, .8);
}
.box_serif li:nth-child(1) span {
  animation-delay: 0s;
}
.box_serif li:nth-child(2) span {
  animation-delay: .8s;
}
.box_serif li:nth-child(3) span {
  animation-delay: 1.6s;
}
.box_serif li:nth-child(4) span {
  animation-delay: 2.4s;
}
.box_serif li:nth-child(5) span {
  animation-delay: 3.2s;
}
.box_serif li:nth-child(6) span {
  animation-delay: 4s;
}
.one .box_serif li:nth-child(odd) span:after, .two .box_serif li:nth-child(odd) span:after {
  left: -8px;
}
.one .box_serif li:nth-child(even) span:after, .two .box_serif li:nth-child(even) span:after {
  right: -8px;
}
.one .box_serif li:nth-child(odd) span:after, .two .box_serif li:nth-child(even) span:after {
  background: url("../images/result/komi_common/box_serif/fuki_haya.png") no-repeat;
  background-size: 100%;
}
.one .box_serif li:nth-child(even) span:after, .two .box_serif li:nth-child(odd) span:after {
  background: url("../images/result/komi_common/box_serif/fuki_yasu.png") no-repeat;
  background-size: 100%;
}
.two .box_serif li span:after {
  transform: scale(-1, 1);
}
/* セリフ on/off */
.disp_serif {
  display: none;
  width: 100px;
  margin: auto;
  padding: 2px 10px;
  box-shadow: 0 3px rgba(203, 186, 1, .8);
  border-radius: 5px;
  position: absolute;
  z-index: 15;
  bottom: 40px;
  left: 0;
  right: 0;
  text-shadow: 0 1px #fff;
  line-height: 16px;
  font-size: 12px;
  background: rgba(235, 216, 2, .7);
}
.disp_serif:after {
  content: 'セリフ表示';
  font-weight: bold;
  color: #000;
}
.disp_serif.off:after {
  content: 'セリフ非表示';
}
.box_serif.on {
  display: block !important;
  opacity: 1 !important;
}
.box_serif li span.on {
  animation-delay: 0s !important;
  transform: translateX(0) scale(1, 1) !important;
}
/*--- タイプ ---*/
.personaltype {
  width: 75px;
  margin: auto;
  top: 120px;
  left: 0;
  right: 0;
}
.personaltype_text {
  width: 100%;
  height: 100%;
  padding: 255px 0 0 150px;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  background: url("../images/result/common/telop.png") no-repeat;
  background-size: 100%;
}
/*--- 生き霊 ---*/
.spirit_live {
  width: 40%;
}
.one .spirit_live {
  top: 70px;
  left: 160px;
}
.two .spirit_live {
  position: absolute;
  top: 85px;
  left: 35px;
}
/*--- 死霊 ---*/
.spirit_death {
  width: 40%;
  animation-delay: .7s;
}
/* 01, 05 */
.result-01 .spirit_death {
  top: 180px;
  left: 28px;
}
.result-05 .spirit_death {
  top: 170px;
  left: 22px;
}
/* 02, 04, 09 */
.result-02 .spirit_death, .result-04 .spirit_death, .result-09 .spirit_death {
  top: 165px;
  left: 22px;
}
/* 03 */
.result-03 .spirit_death {
  top: 153px;
  left: 18px
}
/* 06, 07 */
.result-06 .spirit_death {
  top: 75px;
  left: 18px
}
.result-07 .spirit_death {
  top: 75px;
  left: 13px
}
.result-08 .spirit_death {
  top: 70px;
  left: 18px
}
/*--- モブ ---*/
.spirit_mob img {
  width: 27%;
}
.spirit_mob .mobA {
  top: 125px;
  right: 5px;
}
.spirit_mob .mobB {
  width: 20%;
}
/* B */
.result-01 .mobB, .result-02 .mobB, .result-04 .mobB, .result-05 .mobB, .result-09 .mobB {
  top: 90px;
  left: 72px;
}
.result-03 .mobB {
  width: 27%;
  top: 76px;
  left: 63px;
}
.result-06 .mobB, .result-07 .mobB, .result-08 .mobB {
  width: 27%;
  top: 210px;
  left: 60px;
}
/* C */
.result-01 .mobC, .result-05 .mobC {
  top: 90px;
  left: 17px;
}
.result-02 .mobC, .result-04 .mobC, .result-09 .mobC {
  top: 80px;
  left: 17px;
}
.result-03 .mobC {
  width: 22%;
  top: 90px;
  left: 22px;
}
.result-06 .mobC, .result-07 .mobC, .result-08 .mobC {
  width: 22%;
  top: 213px;
  left: 22px;
}
/*////////////////////////////////////////////////////////

小見出し

////////////////////////////////////////////////////////*/
[class^="komi_"] {
  clear: both;
}
[class^="komi_"] .lead {
  min-height: 100px;
  margin: 0 0 15px;
  color: #000;
}
/* title
------------------------- */
[class^="tit_komi"] {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
  padding: 0 40px;
  line-height: 1.3;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
/* normal */
.tit_komi_normal {
  height: 90px;
  padding: 0 20px 10px;
  font-size: 13px;
}
.haya .tit_komi_normal {
  background: url("../images/result/komi_normal/haya/bg_tit_komi.png") no-repeat;
  background-size: 100%;
}
.yasu .tit_komi_normal {
  background: url("../images/result/komi_normal/yasu/bg_tit_komi.png") no-repeat;
  background-size: 100%;
}
/* yesno */
.tit_komi_yesno {
  height: 100px;
  padding-top: 20px;
  background: url("../images/result/komi_yesno/bg_tit_komi.jpg") no-repeat;
  background-size: 100%;
}
/* jiki */
.tit_komi_jiki {
  height: 125px;
  margin: 0 0 20px;
  padding: 0 15px;
  color: #1e1d1f;
}
/* kao, sp */
.tit_komi_kao, .tit_komi_sp {
  height: 130px;
  padding: 40px 50px 0;
  background: url("../images/result/komi_kao/bg_tit_komi.jpg") no-repeat;
  background-size: 100%;
}
/* honne */
.tit_komi_honne {
  height: 80px;
  background: url("../images/result/komi_honne/bg_tit_komi.jpg") no-repeat;
  background-size: 100%;
}
/* mirai */
.tit_komi_mirai {
  height: 80px;
  background: url("../images/result/komi_mirai/bg_tit_komi.jpg") no-repeat;
  background-size: 100%;
}
/* shinjitsu */
.tit_komi_shinjitsu {
  height: 100px;
  padding-top: 20px;
  background: url("../images/result/komi_shinjitsu/bg_tit_komi.jpg") no-repeat;
  background-size: 100%;
}
/* omake */
.tit_komi_omake {
  height: 100px;
  padding-top: 20px;
  background: url("../images/result/komi_omake/bg_tit_komi.jpg") no-repeat;
  background-size: 100%;
}
/* hukusen */
.tit_komi_hukusen {
  height: 102px;
  padding-top: 15px;
  background: url("../images/result/komi_hukusen/bg_tit_komi.jpg") no-repeat;
  background-size: 100%;
}
.tit_komi_hukusen2 {
  height: 102px;
  padding-top: 15px;
  background: url("../images/result/komi_hukusen/bg_tit_komi2.jpg") no-repeat;
  background-size: 100%;
}
/* tokumori */
.tit_komi_tokumori {
  height: 80px;
  background: url("../images/result/komi_tokumori/bg_tit_komi.jpg") no-repeat;
  background-size: 100%;
}
.tit_komi_tokumori2 {
  height: 106px;
  padding-top: 25px;
  background: url("../images/result/komi_tokumori/bg_tit_komi2.jpg") no-repeat;
  background-size: 100%;
}
/* mikkai */
.tit_komi_mikkai {
  height: 90px;
  background: url("../images/result/komi_mikkai/bg_tit_komi.jpg") no-repeat;
  background-size: 100%;
}
.tit_komi_mikkai2 {
  height: 122px;
  padding-top: 30px;
  background: url("../images/result/komi_mikkai/haya/bg_tit_komi.jpg") no-repeat;
  background-size: 100%;
}
.tit_komi_mikkai3 {
  height: 122px;
  padding-top: 30px;
  background: url("../images/result/komi_mikkai/yasu/bg_tit_komi.jpg") no-repeat;
  background-size: 100%;
}
.tit_komi_mikkai4 {
  height: 119px;
  padding-top: 30px;
  background: url("../images/result/komi_mikkai/hayayasu/bg_tit_komi.jpg") no-repeat;
  background-size: 100%;
}
/* syugorei */
.tit_komi_syugorei {
  height: 145px;
  padding-top: 45px;
  background: url("../images/result/komi_syugorei/bg_tit_komi.jpg") no-repeat;
  background-size: 100%;
}
/* ikiryo */
.tit_komi_ikiryo {
  height: 145px;
  padding-top: 45px;
  background: url("../images/result/komi_ikiryo/bg_tit_komi.jpg") no-repeat;
  background-size: 100%;
}
/* komi_aisatsu
------------------------- */
.komi_aisatsu {
  display: flex;
  flex-direction: column;
  margin: 0 auto 10px;
}
/* 2人用(上下入れ替え) */
.komi_aisatsu.two-0 .two, .komi_aisatsu.two-1 .one {
  display: none;
}
/* komi_common
------------------------- */
.komi_common {
  padding: 0 15px;
}
.komi_common section {
  margin-bottom: 0;
}
/* lead */
.komi_common .lead {
  min-height: 150px;
  margin: 0;
  padding: 10px 25px 30px;
  overflow: hidden;
}
.komi_common .lead.haya {
  background: url(../images/result/komi_common/haya/bg_top.jpg) no-repeat top, url(../images/result/komi_common/haya/bg_btm.jpg) no-repeat bottom, url(../images/result/komi_common/haya/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
.komi_common .lead.yasu {
  background: url(../images/result/komi_common/yasu/bg_top.jpg) no-repeat top, url(../images/result/komi_common/yasu/bg_btm.jpg) no-repeat bottom, url(../images/result/komi_common/yasu/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
.komi_common .text_yudo {
  clear: both;
  padding: 10px 0 0;
}
/* box_lead */
.box_lead {
  padding: 4px 0;
  background: url("../images/result/komi_common/box_lead/bg_top.jpg") no-repeat top, url("../images/result/komi_common/box_lead/bg_btm.jpg") no-repeat bottom;
  background-size: 100%;
}
.box_lead > div {
  min-height: 110px;
  line-height: 1.4;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  color: #000;
}
.box_lead .haya {
  padding: 20px 20px 20px 35%;
  background: url(../images/result/komi_common/box_lead/haya/bg_top.jpg) no-repeat top, url(../images/result/komi_common/box_lead/haya/bg_btm.jpg) no-repeat bottom, url(../images/result/komi_common/box_lead/haya/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
.box_lead .yasu {
  padding: 20px 35% 20px 25px;
  background: url(../images/result/komi_common/box_lead/yasu/bg_top.jpg) no-repeat top, url(../images/result/komi_common/box_lead/yasu/bg_btm.jpg) no-repeat bottom, url(../images/result/komi_common/box_lead/yasu/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
[class^="komi_"] [class^="line"] {
  display: block;
  width: 100%;
}
[class^="komi_"] .line {
  height: 1px;
  background: url("../images/result/parts/line.jpg") no-repeat;
  background-size: 100%;
}
[class^="komi_"] .line02 {
  height: 20px;
  background: url("../images/result/parts/line02.jpg") no-repeat;
  background-size: 100%;
}
[class^="text_ppv"] p {
  display: none;
  letter-spacing: 1px;
}
[class^="text_ppv"] p span {
  text-shadow: 0 1px 3px #810443, 0 0 5px #810443, 0 0 5px #810443, 0 0 8px #ffea00, 0 0 10px #fff;
  color: #ff69b4;
}
/* ppvアイコン別出しわけ */
.text_ppv13 p:nth-child(1), .text_ppv14 p:nth-child(2), .text_ppv17 p:nth-child(3), .text_ppv18 p:nth-child(3) {
  display: block;
  padding: 7px 10px 10px;
}
/* komi_normal
------------------------- */
.komi_normal {
  margin-bottom: 10px;
  padding: 25px 30px 40px;
}
.komi_normal .lead {
  margin: 0;
  padding: 5px 5px 0;
}
.komi_normal.haya {
  background: url(../images/result/komi_normal/haya/bg_top.jpg) no-repeat top, url(../images/result/komi_normal/haya/bg_btm.jpg) no-repeat center bottom -1px, url(../images/result/komi_normal/haya/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
.komi_normal.yasu {
  background: url(../images/result/komi_normal/yasu/bg_top.jpg) no-repeat top, url(../images/result/komi_normal/yasu/bg_btm.jpg) no-repeat center bottom -1px, url(../images/result/komi_normal/yasu/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
.komi_normal .btn {
  top: auto;
  bottom: 2%;
}
/* komi_matome
------------------------- */
.komi_matome .fuki {
  width: 80%;
  margin: 10px auto -13px;
}
.box_matome {
  width: 320px;
  display: table-cell;
  vertical-align: middle;
  height: 250px;
  padding: 15px 100px 0;
  line-height: 1.3;
  text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
  font-size: 20px;
  font-weight: bold;
  color: #281b2b;
  background: url("../images/result/komi_matome/bg.png") no-repeat;
  background-size: 100%;
}
.box_matome > div {
  opacity: 0;
  transform: scale(2.3, 2.3);
}
.box_matome.active > div {
  -webkit-animation: label .7s forwards;
  -moz-animation: label .7s forwards;
  animation: label .7s forwards;
}
.free_top .box_matome {
  width: 320px;
  display: table-cell;
  vertical-align: middle;
  height: 250px;
  padding: 15px 100px 0;
  line-height: 1.3;
  text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
  font-size: 20px;
  font-weight: bold;
  color: #281b2b;
  background: url("../images/result/komi_matome/bg.png") no-repeat;
  background-size: 82%;
}
/* komi_yesno
------------------------- */
.box_yesno {
  height: 150px;
  margin: -1px 0; /* 線消し */
  position: relative;
  z-index: 0;
}
.boka {
  display: none;
}
.yesno-1 .boka {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.boka .blinking {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/result/komi_yesno/no.jpg") no-repeat;
  background-size: 100%;
}
.komi_yesno .lead {
  padding: 30px 40px 70px;
}
.komi_yesno.haya .lead {
  background: url(../images/result/komi_yesno/haya/bg_top.jpg) no-repeat top, url(../images/result/komi_yesno/haya/bg_btm.jpg) no-repeat center bottom -1px, url("../images/result/komi_yesno/haya/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
.komi_yesno.yasu .lead {
  background: url(../images/result/komi_yesno/yasu/bg_top.jpg) no-repeat top, url(../images/result/komi_yesno/yasu/bg_btm.jpg) no-repeat center bottom -1px, url("../images/result/komi_yesno/yasu/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
/* komi_jiki
------------------------- */
.komi_jiki {
  height: 230px;
  margin: 0 0 15px !important;
  padding: 0 45px;
  background: url("../images/result/komi_jiki/bg.jpg") no-repeat;
  background-size: 100%;
}
/* komi_kao, komi_sp
------------------------- */
.box_kao {
  height: 210px;
  margin: -1px 0; /* 線消し */
  position: relative;
  background: url("../images/result/komi_kao/bg.jpg") no-repeat center;
  background-size: 100%;
}
.komi_kao .lead, .komi_sp .lead {
  padding: 20px 45px 50px;
  background: url(../images/result/komi_kao/bg_top.jpg) no-repeat top, url(../images/result/komi_kao/bg_btm.jpg) no-repeat center bottom -1px, url(../images/result/komi_kao/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
/* komi_sp
------------------------- */
.box_sp {
  height: 200px;
  margin: -1px 0; /* 線消し */
  padding: 30px 0 0;
  position: relative;
  background: url("../images/result/komi_sp/bg.jpg") no-repeat center;
  background-size: 100%;
}
.box_sp .user_name {
  font-weight: bold;
}
/* メッセ　*/
.box_sp ul {
  padding: 0 70px;
  position: absolute;
  top: 70px;
  left: 0;
}
.box_sp li {
  display: none;
  margin: 0 0 10px;
  padding-left: 23px;
  text-align: left;
  background: url("../images/result/komi_sp/icon.png") no-repeat left 5%;
  background-size: 15px;
}
.box_sp li.active {
  display: block;
}
.box_sp li > span {
  display: inline-block;
  position: relative;
  min-width: 70px;
  min-height: 25px;
  padding: 5px 10px;
  border-radius: 8px;
  line-height: 1.3;
  font-size: 13px;
  font-weight: bold;
  color: #000;
  background: #fff;
}
.box_sp li span:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 6px 3px 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  top: 18%;
  left: -5px;
}
/* komi_honne
------------------------- */
.box_word {
  margin: -1px 0; /* 線消し */
  position: relative;
  font-weight: bold;
}
.komi_honne .box_word {
  height: 160px;
  margin: -1px 0; /* 線消し */
  padding: 5px 0 0 52%;
  position: relative;
  background: url("../images/result/komi_honne/bg.jpg") no-repeat center;
  background-size: 100%;
}
.box_word li {
  margin: 20px 0 0;
  text-align: left;
  font-size: 14px;
  color: #281b2b;
}
.komi_honne .lead {
  padding: 15px 40px 50px;
  background: url(../images/result/komi_honne/bg_top.jpg) no-repeat top, url(../images/result/komi_honne/bg_btm.jpg) no-repeat center bottom -1px, url(../images/result/komi_honne/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
/* komi_mirai
------------------------- */
.komi_mirai .box_word, .komi_shinjitsu .box_word {
  display: table-cell;
  vertical-align: middle;
  width: 320px;
  height: 120px;
  padding: 0 80px;
  line-height: 1.4;
  font-size: 16px;
  color: #000;
}
.komi_mirai .box_word {
  background: url("../images/result/komi_mirai/bg.jpg") no-repeat center;
  background-size: 100%;
}
.komi_mirai .lead {
  padding: 20px 40px 45px;
  background: url(../images/result/komi_mirai/bg_top.jpg) no-repeat top, url(../images/result/komi_mirai/bg_btm.jpg) no-repeat center bottom -1px, url(../images/result/komi_mirai/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
/* komi_shinjitsu
------------------------- */
.komi_shinjitsu .box_word {
  background: url("../images/result/komi_shinjitsu/bg.jpg") no-repeat center;
  background-size: 100%;
}
.komi_shinjitsu .lead {
  padding: 30px 40px 70px;
}
.komi_shinjitsu.haya .lead {
  background: url(../images/result/komi_shinjitsu/haya/bg_top.jpg) no-repeat top, url(../images/result/komi_shinjitsu/haya/bg_btm.jpg) no-repeat center bottom -1px, url("../images/result/komi_shinjitsu/haya/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
.komi_shinjitsu.yasu .lead {
  background: url(../images/result/komi_shinjitsu/yasu/bg_top.jpg) no-repeat top, url(../images/result/komi_shinjitsu/yasu/bg_btm.jpg) no-repeat center bottom -1px, url("../images/result/komi_shinjitsu/yasu/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
/* komi_mes
------------------------- */
.komi_mes .lead {
  padding: 0 20px 45px;
  background: url(../images/result/komi_mes/bg_btm.jpg) no-repeat center bottom -1px, url(../images/result/komi_mes/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
.komi_mes .line, .komi_mes .box_lead {
  margin: 10px 0 0;
}
.komi_mes .box_lead {
  padding: 0;
  background: none;
}
.komi_mes .box_lead .haya {
  background: url(../images/result/komi_mes/haya/bg_top.jpg) no-repeat top, url(../images/result/komi_mes/haya/bg_btm.jpg) no-repeat bottom, url(../images/result/komi_mes/haya/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
.komi_mes .box_lead .yasu {
  background: url(../images/result/komi_mes/yasu/bg_top.jpg) no-repeat top, url(../images/result/komi_mes/yasu/bg_btm.jpg) no-repeat bottom, url(../images/result/komi_mes/yasu/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
.komi_mes .btn {
  top: 75%;
}
/* komi_omake
------------------------- */
.komi_omake .lead {
  padding: 30px 40px 70px;
}
.komi_omake .lead {
  background: url(../images/result/komi_omake/bg_top.jpg) no-repeat top, url(../images/result/komi_omake/bg_btm.jpg) no-repeat center bottom -1px, url("../images/result/komi_omake/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
.komi_omake .haya, .komi_omake .yasu {
  min-height: 110px;
  clear: both;
}
.komi_omake .haya + .yasu, .komi_omake .yasu + .haya {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 2px dotted #aaa;
}
.komi_omake .box_word {
  height: 180px;
  padding: 105px 50px 0;
  background: url("../images/result/komi_omake/bg_one.jpg") no-repeat center;
  background-size: 100%;
}
.komi_omake .personaltype {
  width: 30px;
  position: absolute;
  top: 43px;
}
.komi_omake .box_word > div {
  display: inline;
  padding: 0 0 3px;
  position: relative;
  z-index: 1;
  line-height: 1.4;
  text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
  font-size: 17px;
  color: #000;
  background: linear-gradient(transparent 40%, #fff700 40%);
}
.komi_omake .bokashi_short.disp-1 {
  display: inline !important;
}
/* 1人用 */
.komi_omake.two-0 .spirit_live {
  display: none;
}
/* 2人用 */
.komi_omake.two-1 .box_word {
  background: url("../images/result/komi_omake/bg_two.jpg") no-repeat center;
  background-size: 100%;
}
.komi_omake.two-1 .spirit_live {
  width: 35%;
  position: absolute;
  top: 20px;
  left: 50px;
}
.komi_omake.two-1 .personaltype {
  display: none;
}
.komi_omake .btn {
  top: auto;
  bottom: 3%;
}
/* komi_coupon
------------------------- */
.komi_coupon .lead {
  padding: 15px 30px 35px;
  background: url(../images/result/komi_coupon/bg_top.jpg) no-repeat top, url(../images/result/komi_coupon/bg_btm.jpg) no-repeat center bottom -1px, url(../images/result/komi_coupon/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
.ticket_use {
  padding: 10px 0 0;
}
.komi_coupon .box_input {
  margin: 5px 0 0;
  position: relative;
}
.komi_coupon input[type="text"] {
  width: 100%;
  padding: 0 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #000;
  line-height: 40px;
  font-size: 14px;
  border-radius: 5px;
}
.komi_coupon input.btn_use {
  width: 70px;
  height: 30px;
  display: block;
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../images/result/komi_coupon/btn_use.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translateY(-50%);
}
/* komi_hukusen
------------------------- */
.komi_hukusen .box_word {
  height: 150px;
  margin: -1px 0; /* 線消し */
  padding: 35px 40px 0 43%;
  position: relative;
  background: url("../images/result/komi_hukusen/bg01.jpg") no-repeat center;
  background-size: 100%;
  text-align: left;
  font-size: 19px;
  color: #000000;
}
.komi_hukusen.ver02 .box_word {
  height: 150px;
  padding: 35px 43% 0 13%;
  position: relative;
  background: url("../images/result/komi_hukusen/bg02.jpg") no-repeat center;
  background-size: 100%;
}
.komi_hukusen.ver03 .box_word {
  height: 150px;
  padding: 35px 40px 0 43%;
  position: relative;
  background: url("../images/result/komi_hukusen/bg03.jpg") no-repeat center;
  background-size: 100%;
}
.komi_hukusen .box_word:after {
  content: "";
  background: url("../images/result/komi_hukusen/hand01.png") no-repeat center;
  background-size: 100%;
  width: 50px;
  height: 28px;
  position: absolute;
  bottom: -26px;
  left: 32px;
  z-index: 1;
}
.komi_hukusen.ver02 .box_word:after {
  content: "";
  background: url("../images/result/komi_hukusen/hand02.png") no-repeat center;
  background-size: 100%;
  width: 100px;
  height: 23px;
  position: absolute;
  bottom: -21px;
  left: 174px;
  z-index: 1;
}
.komi_hukusen.ver03 .box_word:after {
  display: none;
}
.komi_hukusen .lead {
  padding: 20px 40px 50px;
  background: url(../images/result/komi_hukusen/bg_top.jpg) no-repeat top, url(../images/result/komi_hukusen/bg_btm.jpg) no-repeat center bottom -1px, url(../images/result/komi_hukusen/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
.komi_hukusen.ver02 .lead, .komi_hukusen.ver03 .lead {
  padding: 20px 40px 50px;
  background: url(../images/result/komi_hukusen/bg_top2.jpg) no-repeat top, url(../images/result/komi_hukusen/bg_btm2.jpg) no-repeat center bottom -1px, url(../images/result/komi_hukusen/bg_mid2.jpg) repeat-y;
  background-size: 100%;
}
/* komi_tokumori
------------------------- */
.komi_tokumori .box_word {
  height: 155px;
  margin: -1px 0; /* 線消し */
  padding: 35px 40px 0 43%;
  position: relative;
  background: url("../images/result/komi_tokumori/bg01.jpg") no-repeat center;
  background-size: 100%;
  text-align: left;
  font-size: 19px;
  color: #000000;
}
.komi_tokumori.ver02 .box_word {
  background: url("../images/result/komi_tokumori/bg02.jpg") no-repeat center;
  background-size: 100%;
}
.komi_tokumori.ver03 .box_word {
  background: url("../images/result/komi_tokumori/bg03.jpg") no-repeat center;
  background-size: 100%;
}
.komi_tokumori .lead {
  padding: 15px 40px 50px;
  background: url(../images/result/komi_tokumori/bg_top.jpg) no-repeat top, url(../images/result/komi_tokumori/bg_btm.jpg) no-repeat center bottom -1px, url(../images/result/komi_tokumori/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
/* komi_mikkai
------------------------- */
.komi_mikkai .box_word {
  height: 168px;
  margin: -1px 0; /* 線消し */
  padding: 30px 0 0 26%;
  position: relative;
  overflow: hidden;
}
.komi_mikkai.haya .box_word {
  background: url("../images/result/komi_mikkai/bg_haya.jpg") no-repeat center;
  background-size: 100%;
}
.komi_mikkai.yasu .box_word {
  background: url("../images/result/komi_mikkai/bg_yasu.jpg") no-repeat center;
  background-size: 100%;
}
.komi_mikkai.hayayasu .box_word {
  height: 176px;
  padding: 32px 0 0 40.5%;
  background: url("../images/result/komi_mikkai/bg_hayayasu.jpg") no-repeat center;
  background-size: 100%;
}
.komi_mikkai .box_word .spirit {
  width: 35%;
  transform: scaleX(-1);
  position: absolute;
  top: 16px;
  right: -14px;
}
.komi_mikkai .box_word .spirit2 {
  width: 35%;
  transform: scaleX(-1);
  position: absolute;
  top: 31px;
  right: 176px;
}
.komi_mikkai .box_word li {
  margin: 24px 0 0;
  text-align: left;
  font-size: 13px;
  color: #281b2b;
}
.komi_mikkai .box_word li:first-child {
  margin: 0;
}
.komi_mikkai .box_word li:nth-child(2) {
  margin-left: -1%;
}
.komi_mikkai.hayayasu .box_word li:nth-child(2) {
  margin-left: 0;
}
.komi_mikkai.haya .lead {
  padding: 45px 40px 80px;
  background: url(../images/result/komi_mikkai/haya/bg_top.jpg) no-repeat top, url(../images/result/komi_mikkai/haya/bg_btm.jpg) no-repeat center bottom -1px, url(../images/result/komi_mikkai/haya/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
.komi_mikkai.yasu .lead {
  padding: 45px 40px 80px;
  background: url(../images/result/komi_mikkai/yasu/bg_top.jpg) no-repeat top, url(../images/result/komi_mikkai/yasu/bg_btm.jpg) no-repeat center bottom -1px, url(../images/result/komi_mikkai/yasu/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
.komi_mikkai.hayayasu .lead {
  padding: 45px 40px 80px;
  background: url(../images/result/komi_mikkai/hayayasu/bg_top.jpg) no-repeat top, url(../images/result/komi_mikkai/hayayasu/bg_btm.jpg) no-repeat center bottom -1px, url(../images/result/komi_mikkai/hayayasu/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
.komi_mikkai .haya + .yasu {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dotted #aaa;
}
/* komi_syugorei
------------------------- */
.komi_syugorei .box_word {
  height: 180px;
  margin: -1px 0; /* 線消し */
  position: relative;
  overflow: hidden;
}
.komi_syugorei .box_word {
  background: url("../images/result/komi_syugorei/bg.jpg") no-repeat center;
  background-size: 100%;
}
.komi_syugorei .box_word .syugorei {
  width: 45%;
  transform: scaleX(-1);
  position: absolute;
  top: 0px;
  right: 18px;
}
.komi_syugorei .box_word .text {
  color: #000000;
  font-size: 12px;
  text-align: left;
  line-height: 1.4;
  display: flex;
  align-items: center;
  padding: 10px 15px;
  width: 182px;
  height: 58px;
  position: absolute;
  top: 18px;
  left: 24px;
  flex-flow: row wrap;
}
.komi_syugorei .box_word .icon {
  width: 82px;
  height: 26px;
  position: absolute;
  top: 140px;
  right: 50px
}
.komi_syugorei .lead {
  padding: 25px 25px 70px;
  background: url(../images/result/komi_syugorei/bg_top.jpg) no-repeat top, url(../images/result/komi_syugorei/bg_btm.jpg) no-repeat center bottom -1px, url(../images/result/komi_syugorei/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
/* komi_ikiryo
------------------------- */
.komi_ikiryo .box_word {
  height: 180px;
  margin: -1px 0; /* 線消し */
  position: relative;
  overflow: hidden;
}
.komi_ikiryo .box_word {
  background: url("../images/result/komi_ikiryo/bg.jpg") no-repeat center;
  background-size: 100%;
}
.komi_ikiryo .box_word .spirit {
  width: 35%;
  position: absolute;
  top: 40px;
  left: 17px;
}
.komi_ikiryo .box_word .text {
  color: #000000;
  font-size: 12px;
  text-align: left;
  line-height: 1.4;
  display: flex;
  flex-flow: row wrap;
  width: 150px;
  height: 55px;
  position: absolute;
  top: 45px;
  left: 135px;
}
.komi_ikiryo .lead {
  padding: 25px 25px 70px;
  background: url(../images/result/komi_ikiryo/bg_top.jpg) no-repeat top, url(../images/result/komi_ikiryo/bg_btm.jpg) no-repeat center bottom -1px, url(../images/result/komi_ikiryo/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
/* つなぎ
------------------------- */
.box02_1 p {
  width: 190px;
  position: absolute;
  top: 95px;
  left: 30px;
  line-height: 1.4;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  color: #000;
}
/*////////////////////////////////////////////////////////

誘導

////////////////////////////////////////////////////////*/
.menu_list .lead {
  color: #000;
}
.tit_komi_yudo {
  height: 80px;
  margin: 0 0 10px;
  padding: 0 20px;
  background: url("../images/result/komi_yudo/bg_tit_komi.png") no-repeat;
  background-size: 100%;
}
/*////////////////////////////////////////////////////////

裏・超本音

////////////////////////////////////////////////////////*/
.view_common.two .ttl .user_name.ver2 {
  bottom: 13px;
}
.cho_honne.hayayasu .box_result:after {
  background: url("../images/result/common/senja2.png") bottom / 100% no-repeat;
}
.cho_honne.hayayasu .disp_serif {
  bottom: 114px;
}
.cho_honne.hayayasu .spirit_live {
  top: 77px;
}
.cho_honne.hayayasu .box_result.omote {
  background: url(../images/result/common/bg_top.jpg) top / 100% no-repeat, url(../images/result/common/bg_mid.jpg) bottom / 100% repeat-y;
}
.cho_honne.hayayasu .box_result.ura {
  background: url(../images/result/komi_common/cho_honne/bg_top.jpg) top / 100% no-repeat, url(../images/result/komi_common/cho_honne/bg_mid.jpg) bottom / 100% repeat-y;
}
.cho_honne.hayayasu .box_result.omote:before {
  top: 13px;
}
.cho_honne.hayayasu .box_result.ura:before {
  top: -7px;
  background: url("../images/result/common_affinity/telop1_ura.png") top / 100% no-repeat;
}
.cho_honne.hayayasu .box_result .telop {
  top: -7px;
}
.cho_honne.hayayasu .box_result .ironsand {
  margin-top: 13px;
}
.cho_honne.hayayasu .box_result .box_serif {
  padding: 44px 40px 40px 40px;
  top: 0px;
  height: 100%;
}
.cho_honne.hayayasu .box_result:after {
  bottom: 78px;
}
.komi_common .box_lead.ver2 {
  margin: 0 15px;
}
.komi_common .line02.ver2 {
  background-size: 295px;
  background-position: center;
}
/* 裏共通 */
.komi_common .cho_honne .ura {
  background: url(../images/result/komi_common/cho_honne/bg_mid.jpg) top / 100% repeat-y;
  padding: 0 12.5px;
}
/* 表共通 */
.komi_common .cho_honne .omote {
  background: url(../images/result/common/bg_mid.jpg) top / 100% repeat-y;
  padding: 0 12.5px;
}
/* 表裏共通 ワイプ*/
.komi_common .cho_honne .omote .wipe .komi_common .cho_honne .ura .wipe {
  width: 110px;
  height: 100px;
}
.komi_common .cho_honne .omote .lead.yasu .wipe img, .komi_common .cho_honne .ura .lead.yasu .wipe img {
  width: 72%;
  z-index: 2;
}
.komi_common .cho_honne .omote .lead.yasu .wipe:after {
  z-index: 1;
}
.komi_common .cho_honne .ura .lead.yasu .wipe:after {
  background: url(../images/result/parts/wipe_ura_yasu.jpg) top / 100% no-repeat;
  z-index: 1;
}
.komi_common .cho_honne .ura .lead.haya .wipe:after {
  background: url(../images/result/parts/wipe_ura_haya.png) top / 100% no-repeat;
}
.komi_common .cho_honne .omote .lead.yasu {
  padding: 11.5px 27.5px 38px;
  font-size: 12px;
  font-feature-settings: "palt";
}
.komi_common .cho_honne .ura .lead.yasu {
  background: url(../images/result/komi_common/cho_honne/yasu/bg_top.jpg) no-repeat top, url(../images/result/komi_common/cho_honne/yasu/bg_btm.jpg) no-repeat bottom, url(../images/result/komi_common/cho_honne/yasu/bg_mid.jpg) repeat-y;
  background-size: 100%;
  color: #fff;
  padding: 11.5px 27.5px 42px;
  font-size: 12px;
  font-feature-settings: "palt";
}
.komi_common .cho_honne .omote .lead.haya {
  padding: 0;
  font-size: 12px;
  font-feature-settings: "palt";
}
.komi_common .cho_honne .ura .lead.haya {
  background: url(../images/result/komi_common/cho_honne/haya/bg_top.jpg) no-repeat top, url(../images/result/komi_common/cho_honne/haya/bg_btm.jpg) no-repeat bottom, url(../images/result/komi_common/cho_honne/haya/bg_mid.jpg) repeat-y;
  background-size: 100%;
  color: #fff;
  padding: 0;
  font-size: 12px;
  font-feature-settings: "palt";
}
.komi_common .cho_honne .lead.haya .lead1 {
  padding: 11.5px 27.5px 0;
}
.komi_common .cho_honne.pay .lead.haya .lead1 {
  padding: 11.5px 27.5px 38px;
}
.komi_common .cho_honne .omote .lead.haya .lead2 {
  background: url(../images/result/komi_common/cho_honne/text_yudo_omote.png) top / 100% no-repeat;
  width: 250px;
  height: 140px;
  margin: 0 auto 26px;
}
.komi_common .cho_honne .ura .lead.haya .lead2 {
  background: url(../images/result/komi_common/cho_honne/text_yudo_ura.png) top / 100% no-repeat;
  width: 250px;
  height: 140px;
  margin: 0 auto 32px;
}
.komi_common .cho_honne .omote .lead.haya .text_yudo, .komi_common .cho_honne .ura .lead.haya .text_yudo {
  padding: 12px 18px 6px;
  line-height: 1.5;
}
.cho_honne.hayayasu {
  position: relative;
  width: 320px;
  height: 420px;
}
.cho_honne.hayayasu .box_result.omote, .cho_honne.hayayasu .box_result.ura {
  position: absolute;
  -webkit-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  width: 320px;
  height: 420px;
  top: 0;
  left: 0;
}
.cho_honne.hayayasu .box_result.omote {
  z-index: 2;
  transform: rotateY(0deg);
}
.cho_honne.hayayasu .box_result.ura {
  z-index: 1;
  transform: rotateY(-180deg);
}
.komi_common .cho_honne.yasu {
  position: relative;
  width: 320px;
  /* テキストにより高さ変わるため、jsで制御 */
  /* height: px; */
}
.komi_common .cho_honne.yasu .omote, .komi_common .cho_honne.yasu .ura {
  position: absolute;
  -webkit-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.komi_common .cho_honne.yasu .omote {
  z-index: 2;
  transform: rotateY(0deg);
}
.komi_common .cho_honne.yasu .ura {
  z-index: 1;
  transform: rotateY(-180deg);
}
.komi_common .cho_honne.haya {
  position: relative;
  width: 320px;
  /* テキストにより高さ変わるため、jsで制御 */
  /* height: px; */
}
.komi_common .cho_honne.haya .omote, .komi_common .cho_honne.haya .ura {
  position: absolute;
  -webkit-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.komi_common .cho_honne.haya .omote {
  z-index: 2;
  transform: rotateY(0deg);
}
.komi_common .cho_honne.haya .ura {
  z-index: 1;
  transform: rotateY(-180deg);
}
.cho_honne .disp_rotate {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; /* Safari対応 */
}
/* 表裏設置ボタン */
.cho_honne [class^="btn_to_"] {
  position: relative;
  margin: 0 auto;
}
.cho_honne .btn_to_omote, .cho_honne .btn_to_ura2 {
  width: 238.5px;
}
.cho_honne .btn_to_ura1 {
  width: 265px;
}
.cho_honne .btn_to_ura3 {
  width: 226.5px;
}
.cho_honne [class^="btn_to_"]::before, .cho_honne [class^="btn_to_"]::after {
  position: absolute;
  content: '';
  width: 30px;
  height: 36px;
  animation: click 1s linear infinite;
  -webkit-animation: click 1s linear infinite;
}
.cho_honne [class^="btn_to_"]::after {
  background: url(../images/result/komi_common/cho_honne/finger_right.png) top / 100% no-repeat;
}
.cho_honne [class^="btn_to_"]::before {
  background: url(../images/result/komi_common/cho_honne/finger_left.png) top / 100% no-repeat;
}
/* 裏面設置ボタン */
.cho_honne .btn_to_omote::before, .cho_honne .btn_to_omote::after {
  bottom: -3px;
}
.cho_honne .btn_to_omote::before {
  left: -3px;
}
.cho_honne .btn_to_omote::after {
  right: -3px;
}
/* 表面設置ボタン miesugi */
.cho_honne .btn_to_ura1::before, .cho_honne .btn_to_ura1::after {
  bottom: 2px;
}
.cho_honne .btn_to_ura1::before {
  left: -4px;
}
.cho_honne .btn_to_ura1::after {
  right: -4px;
}
/* 表面設置ボタン yasu */
.cho_honne .btn_to_ura2::before, .cho_honne .btn_to_ura2::after {
  bottom: -4px;
}
.cho_honne .btn_to_ura2::before {
  left: -5px;
}
.cho_honne .btn_to_ura2::after {
  right: -5px;
}
/* 表面設置ボタン haya */
.cho_honne .btn_to_ura3::before, .cho_honne .btn_to_ura3::after {
  bottom: -2px;
}
.cho_honne .btn_to_ura3::before {
  left: -5px;
}
.cho_honne .btn_to_ura3::after {
  right: -5px;
}
#autumnfestival2024.pointmodal .modal-content {
  background-color: #000;
}
#autumnfestival2024.pointmodal .btn01 {
  background-color: #000;
}
#autumnfestival2024 [class^="tit_komi"] {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
  padding: 0 40px;
  line-height: 1.3;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
#autumnfestival2024 .tit_komi_omake {
  height: 100px;
  padding-top: 20px;
  background: url(../images/pay/feature/autumnfestival2024/pay/miesugi/komi_omake/bg_tit_komi.jpg) no-repeat;
  background-size: 100%;
}
#autumnfestival2024 .komi_omake .box_word {
  height: 180px;
  padding: 105px 50px 0;
}
#autumnfestival2024 .komi_omake.two-1 .box_word {
  background: url(../images/pay/feature/autumnfestival2024/pay/miesugi/komi_omake/bg_two.jpg) no-repeat center;
  background-size: 100%;
}
#autumnfestival2024 .personaltype {
  margin: auto;
  left: 0;
  right: 0;
}
#autumnfestival2024 .komi_omake .personaltype {
  width: 30px;
  position: absolute;
  top: 43px;
}
#autumnfestival2024 .komi_omake.two-1 .personaltype {
  display: none;
}
#autumnfestival2024 .komi_omake .box_word > div {
  display: inline;
  padding: 0 0 3px;
  position: relative;
  z-index: 1;
  line-height: 1.4;
  text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
  font-size: 17px;
  color: #000;
  background: linear-gradient(transparent 40%, #fff700 40%);
}
#autumnfestival2024 .box_word .blur-1, #autumnfestival2024 .blur-1 span {
  -ms-filter: blur(4px);
  filter: blur(4px);
}
#autumnfestival2024 .lead {
  padding: 0 10px 5px;
  text-align: left;
  position: relative;
}
#autumnfestival2024 .komi_omake .lead {
  padding: 30px 40px 70px;
}
#autumnfestival2024 .komi_omake .lead {
  background: url(../images/pay/feature/autumnfestival2024/pay/miesugi/komi_omake/bg_top.jpg) no-repeat top, url(../images/pay/feature/autumnfestival2024/pay/miesugi/komi_omake/bg_btm.jpg) no-repeat center bottom -1px, url(../images/pay/feature/autumnfestival2024/pay/miesugi/komi_omake/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
#autumnfestival2024 .komi_omake .haya, #autumnfestival2024 .komi_omake .yasu {
  min-height: 110px;
  clear: both;
}
#autumnfestival2024 .yasu .senja {
  margin-left: 10px;
  float: right;
}
#autumnfestival2024 .komi_omake .haya + .yasu, #autumnfestival2024 .komi_omake .yasu + .haya {
  padding-top: 10px;
  border-top: 2px dotted #aaa;
  margin-top: 10px;
}
#autumnfestival2024 .disp1, #autumnfestival2024 .disp-1, #autumnfestival2024 .free-0 .open, #autumnfestival2024 .free-1 .close {
  display: block !important;
}
#autumnfestival2024 .haya .senja {
  margin-right: 10px;
  float: left;
}
#autumnfestival2024 .komi_coupon {
  margin-bottom: 0;
  background: unset;
}
#autumnfestival2024 .komi_coupon .lead {
  padding: 15px 30px 30px;
  background: url(../images/pay/feature/autumnfestival2024/pay/miesugi/komi_coupon/bg_top.jpg) no-repeat top, url(../images/pay/feature/autumnfestival2024/pay/miesugi/komi_coupon/bg_btm.jpg) no-repeat center bottom -1px, url(../images/pay/feature/autumnfestival2024/pay/miesugi/komi_coupon/bg_mid.jpg) repeat-y;
  background-size: 100%;
  margin-bottom: 0;
}
#autumnfestival2024 .komi_coupon .lead p {
  margin-left: 0;
}
#autumnfestival2024 .komi_coupon .lead .txt01 {
  font-weight: bold;
}
#autumnfestival2024 .komi_coupon .lead .txt01 span {
  color: #ff0000;
}
#autumnfestival2024 .ticket_use {
  padding: 10px 5px;
  margin: 0 0 0px -15px;
  box-shadow: unset;
  border: unset;
}
#autumnfestival2024 .komi_coupon .box_input {
  margin: 5px 0 0;
  position: relative;
}
#autumnfestival2024 .komi_coupon input[type="text"] {
  width: 100%;
  padding: 0 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 40px;
  font-size: 14px;
  border-radius: 5px;
  background: url("../images/pay/feature/autumnfestival2024/pay/miesugi/bg_input.png") no-repeat center/contain;
  box-shadow: unset;
  border: 0px solid #000;
}
#autumnfestival2024 .komi_coupon input.btn_use {
  width: 70px;
  height: 30px;
  display: block;
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../images/pay/feature/autumnfestival2024/pay/miesugi/komi_coupon/btn_use.png") no-repeat;
  background-size: 100%;
  position: relative;
  top: 10px;
  right: 0px;
  transform: translateY(-50%);
  box-shadow: unset;
  margin-bottom: 0;
}
#autumnfestival2024 .present > div {
  position: relative;
}
#autumnfestival2024 .present a {
  display: inline-block;
  width: 170px;
  height: 42px;
  position: absolute;
  bottom: 10px;
  left: 47px;
}
#autumnfestival2024 .present .bnr01-0, #autumnfestival2024 .present .bnr02-1 {
  display: none;
}
#autumnfestival2024.open-0, #autumnfestival2024 .ticket_use.open-0 {
  display: none;
}
#autumnfestival2024 input.copyToClip {
  position: absolute;
  top: 1px;
  right: 20px;
}


/*////////////////////////////////////////////////////////

free_connect

////////////////////////////////////////////////////////*/
/* common
------------------------- */
.bokashi .btn_free_connect_more {
  background: url("../images/btn/free_connect/btn_more.png") no-repeat;
  background-size: 100%;
}
.free_connect-1 [class^="tit_komi"] {
  line-height: 1.2;
  font-size: 12px;
}
.free_connect-1 .tit_komi_normal {
  height: 82px;
}
.free_connect-1 [class^="bokashi"] .btn,
.free_connect-1 [class^="bokashi"] [class^="btn_more"] {
  width: 200px;
  height: 67px;
}
/* free1_template
------------------------- */
/*----- temp1 -----*/
.free_connect-1 .view_common {
  padding-bottom: 15px;
  background: url(../images/result/common/bg_btm.jpg) no-repeat center bottom -25px, url(../images/result/common/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
/*----- temp2 -----*/
.free_connect-1 .box_matome {
  height: 230px;
  padding: 15px 57px 0;
}
.free_connect-1 .box_matome > div {
  opacity: 1;
  transform: scale(1);
}
/*----- temp4 -----*/
.free_connect-1 .tit_komi_honne {
  height: 74px;
}
.free_connect-1 .komi_honne .box_word {
  height: 148px;
}
.free_connect-1 .box_word li {
  margin: 16px 0 0;
  font-size: 13px;
}
/*----- temp6 -----*/
.free_connect-1 .tit_komi_mirai {
  height: 73px;
}
.free_connect-1 .komi_mirai .box_word,
.free_connect-1 .komi_shinjitsu .box_word {
  width: 300px;
  height: 110px;
  padding: 0 70px;
}
/*----- temp7 -----*/
.free_connect-1 .tit_komi_kao,
.free_connect-1 .tit_komi_sp {
  height: 120px;
  font-size: 14px;
}
.free_connect-1 .box_kao {
  height: 195px;
}
/*----- temp11 -----*/
.free_connect-1 .sec_danwashitsu .serif {
  width: 215px;
  top: 240px;
}

/* free2_template
------------------------- */
/*----- temp4,8,9 -----*/
.free_connect-1 .tit_komi_yesno,
.free_connect-1 .tit_komi_shinjitsu,
.free_connect-1 .tit_komi_omake {
  height: 90px;
  font-size: 14px;
}
.free_connect-1 .box_yesno {
  height: 138px;
}
/*----- temp6 -----*/
.free_connect-1 .box_sp {
  height: 186px;
}
/*----- temp9 -----*/
.free_connect-1 .komi_omake .box_word {
  height: 168px; 
}
/*----- temp9 -----*/
.free_connect-1 .sec_moshimo .menu_link {
  top: 300px;
}
.free_connect-1 .sec_moshimo .menu_link li {
  height: 95px;
}