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

common

////////////////////////////////////////////////////////*/
.inner {
  padding: 0 15px;
}
/* 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;
}
.text-red.disp-1 {
  display: inline !important;
}
/* 一人/二人用 出しわけ */
.affinity-1 .two, .affinity-0 .one {
  display: block !important;
}
.affinity-0 .two, .affinity-1 .one {
  display: none !important;
}

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

パーツ

////////////////////////////////////////////////////////*/
/* ぼかし
------------------------- */
[class^="bokashi"] {
  position: relative;
}
[class^="bokashi"] > img {
  width: 23px;
  margin: -5px;
  opacity: 0.9;
  vertical-align: middle;
}
.blur-1 span:not(.noblur), .blur-1 img {
  -ms-filter: blur(5px);
  filter: blur(5px);
}
/* btn (続きを見る)
------------------------- */
[class^="bokashi"] [class^="btn"], .btn_more_pay {
  display: block;
  width: 180px;
  margin: auto;
}
.btn_more_pay {
  margin-top: 15px;
}
[class^="bokashi"] [class^="btn"] {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 1;
  transform: translateY(-50%);
  height: 65px;
  overflow: hidden;
  text-shadow: none;
  text-indent: 100%;
  white-space: nowrap;  
  background-image: url("../images/btn/btn_more_pay.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.free_view [class^="bokashi"] [class^="btn"] {
  background-image: url("../images/btn/btn_more_regist.png");
}
[class^="btn_kao"],
[class^="btn_jiki"],
[class^="btn_kekkon"],
[class^="btn_sp"],
[class^="btn_yesno"],
[class^="btn_event"],
[class^="btn_end"]{
  width: 220px !important;
  height: 90px !important;
}
.btn_kao {
  background-image: url("../images/btn/btn_kao.png") !important;
}
.btn_jiki {
  background-image: url("../images/btn/btn_jiki.png") !important;
}
.btn_jiki2 {
  background-image: url("../images/btn/btn_jiki2.png") !important;
}
.btn_kekkon {
  background-image: url("../images/btn/btn_kekkon.png") !important;
}
.btn_sp {
  background-image: url("../images/btn/btn_sp.png") !important;
}
.btn_yesno {
  background-image: url("../images/btn/btn_yesno.png") !important;
}
.btn_event {
  background-image: url("../images/btn/btn_event.png") !important;
}
.btn_end {
  background-image: url("../images/btn/btn_end.png") !important;
}
/* free */
.btn_kao_free {
  background-image: url("../images/btn/btn_kao_free.png") !important;
}
.btn_jiki_free {
  background-image: url("../images/btn/btn_jiki_free.png") !important;
}
.btn_jiki_free2 {
  background-image: url("../images/btn/btn_jiki_free2.png") !important;
}
.btn_kekkon_free {
  background-image: url("../images/btn/btn_kekkon_free.png") !important;
}
.btn_sp_free {
  background-image: url("../images/btn/btn_sp_free.png") !important;
}
.btn_yesno_free {
  background-image: url("../images/btn/btn_yesno_free.png") !important;
}
.btn_event_free {
  background-image: url("../images/btn/btn_event_free.png") !important;
}
.btn_end_free {
  background-image: url("../images/btn/btn_end_free.png") !important;
}
.senja + [class*="bokashi"] .btn {
  top: auto;
  bottom: 5%;
}
/* 占者
------------------------- */
.lead .senja {
  width: 100px;
  margin: 0 10px 0 -5px;
  float: left;
}
.lead .senja.right {
  margin: 0 -5px 0 10px;
  float: right;
}
.senja.scale-11 {
  transform: scale(-1,1);
}
.lead .senja.small {
  width: 70px;
  margin-top: 0;
}
.lead .senja.icon {
  width: 50px;
  margin: 0 0 0 10px;
}
.senja + p,
.result-picture + p {
  font-family: "Zen Maru Gothic", sans-serif;
}
/* ランダム吹き出し
------------------------- */
[class^="fuki_random"] {
  opacity: .8;
  position: absolute;
  height: 18px;
  z-index: 1;
}
[class^="fuki_random"] span {
  opacity: 0;
  display: inline-block;
  padding: 0 8px 3px;
  line-height: 15px;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: .65em;
  color: #fff;
  transform: translateY(20px);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
[class^="fuki_random"] .red {
  background-image: url("../images/result/parts/fuki/red.png");
}
[class^="fuki_random"] .pink {
  background-image: url("../images/result/parts/fuki/pink.png");
}
[class^="fuki_random"] .purple {
  background-image: url("../images/result/parts/fuki/purple.png");
}
[class^="fuki_random"] .orange {
  background-image: url("../images/result/parts/fuki/orange.png");
}
[class^="fuki_random"] .green {
  background-image: url("../images/result/parts/fuki/green.png");
}
.fuki_random1 {
  top: -10px;
  left: 10px;
}
.fuki_random2 {
  bottom: 20px;
  right: -10px;
}
.fuki_random3 {
  top: -10px;
  left: -10px;
}
.fuki_random4 {
  bottom: 60px;
  right: 20px;
}
.fuki_random5 {
  bottom: 80px;
  left: 0;
  right: 0;
  margin-left: 30px;
  transform: scale(1.3, 1.3);
}
.fuki_random6 {
  top: 90px;
  left: 180px;
}
.fuki_random7 {
  top: 160px;
  left: 120px;
}
.fuki_random8 {
  top: 0;
  right: 20px;
}
.fuki_random1 span:nth-child(2),
.fuki_random3 span:nth-child(2),
.fuki_random5 span:nth-child(2),
.fuki_random7 span:nth-child(2){
  position: relative;
  top: 10px;
  left: -15px;
  animation-delay: .3s !important;
}
.fuki_random2 span:nth-child(1),
.fuki_random4 span:nth-child(1),
.fuki_random6 span:nth-child(1),
.fuki_random8 span:nth-child(1) {
  position: relative;
  top: 10px;
  right: -15px;
  animation-delay: .3s !important;
}

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

挨拶

////////////////////////////////////////////////////////*/
.komi_aisatsu {
  margin: 5px 0 10px;
  font-family: "Zen Maru Gothic", sans-serif;
}
.komi_aisatsu .text-pink {
  font-size: 1.03em;
}
/*////////////////////////////////////////////////////////

共通結果前のセリフ

////////////////////////////////////////////////////////*/
.box_serif {
  width: 95% !important;
  height: 245px;
  padding: 40px 70px 0 0;
  border-radius: 6px;
  bottom: 0;
  transition: .5s;
  background: rgba(255,255,255,.85);
}
.box_serif,
.btn_change {
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
}
.box_serif li {
  opacity: 0;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  padding-right: 5.5px;
  position: relative;
  transform: translateX(20px);
}
.box_serif li:after {
  content: '';
  width: 7px;
  height: 6px;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  right: 0;
  background: url("../images/result/parts/fuki/fuki_serif.png") no-repeat;
  background-size: 100%;
}
.box_serif li + li {
  margin-top: 10px;
}
.box_serif li span {
  display: inline-block;
  padding: 0 10px;
  border: 1.5px solid #f23080;
  border-radius: 12px;
  line-height: 1.9;
  font-size: 12px;
  font-weight: bold;
  background: rgba(255,255,255,.65);
}
.icon_teller {
  display: none;
  width: 40px;
  position: absolute;
  top: 32px;
  right: 25px;
}
/*--- セリフ表示/非表示 ---*/
.box_serif.off {
  opacity: 0;
}
.box_serif.on,
.on .serif_move {
  opacity: 1 !important;
}
.off .serif_move {
  transform: translateX(0);
}
.off .icon_teller {
  top: 172px;
}
.btn_change {
  display: none;
  width: 82px;
  height: 18px;
  bottom: -8px;
  background: url("../images/result/parts/btn_change.png") no-repeat, url("../images/result/parts/btn_change_off.png") no-repeat;
  background-size: 100%, 0;
}
.btn_change.on {
  background-size: 0, 100%;
}
/*////////////////////////////////////////////////////////

共通結果

////////////////////////////////////////////////////////*/
.view_common {
  padding: 0 5px 15px;
  background: url("../images/result/parts/bg.jpg") repeat;
  background-size: 75px;
}
.box_result {
  font-family: "Zen Maru Gothic", sans-serif;
}
.one .box_result {
  height: 325px;
  padding-top: 90px;
  background: url("../images/result/parts/heart.png") no-repeat center 227px, url("../images/result/common/bg.jpg") no-repeat;
  background-size: 32%, 100%;
}
/* 2人用 */
.two .box_result {
  height: 325px;
  padding: 90px 10px 0;
  background: url("../images/result/parts/heart2.png") no-repeat 10% 200px, url("../images/result/parts/heart.png") no-repeat 90% 200px, url("../images/result/common_affinity/bg.jpg") no-repeat;
  background-size: 30%, 30%, 100%;
}
.box_result .anata,
.box_result .anohito {
  width: 40%;
  height: 100%;
  position: relative;
}
/*--- 名前 ---*/
.user_name {
  margin: auto;
  line-height: 23px;
  font-size: 12px;
  
  font-weight: bold;
}
/*--- エンジェルソウル・ダークソウル ---*/
[class*="box_soul_"] {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: bold;
}
.box_soul_fuki {
  overflow: hidden;
  line-height: 1.1;
  background-repeat: no-repeat;
  background-size: 100%;
}
.box_soul_fuki p {
  margin: 0;
}
.one .box_soul_fuki {
  height: 130px;
  margin: 10px 0 0;
  padding: 0 15px 35px 18px;
  background-image: url("../images/result/common/soul.png");
}
.one .box_soul_fuki p {
  width: 95px;
  padding: 0 8px;
}
/* 2人用 */
.two .box_soul_fuki {
  align-items: flex-start;
  width: 65%;
  height: 190px;
  margin: auto;
  padding: 21px 24px 0;
  position: absolute;
  top: 130px;
  left: 0;
  right: 0;
  background-image: url("../images/result/common_affinity/soul.png");
}
.two .box_soul_fuki p {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 30px;
}
.box_soul_fuki li {
  width: 100%;
}
.box_soul_fuki li:nth-child(1) {
  margin-bottom: 82px;
  padding: 0 3px;
}
/*--- モチーフとエフェクト ---*/
.img_motif,
.box_effect {
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 18px;
}
.img_motif {
  width: 22%;
}
.box_effect {
  width: 120px;
  height: 80px;
}
.box_effect img {
  width: 25%;
  position: absolute;
}
.box_effect img:nth-child(1) {
  left: 0;
  bottom: 0;
}
.box_effect img:nth-child(2) {
  top: 0;
  right: 0;
  animation-delay: .5s;
}
.effect-10N img:nth-child(1),
.effect-19N img:nth-child(1) {
  width: 90px;
  margin: auto;
  right: 0;
  bottom: -12px;
}
.effect-10N img:nth-child(2),
.effect-19N img:nth-child(2) {
  display: none;
}
.effect-21N img:nth-child(2) {
  top: 0;
  transform: scale(1, -1);
}
/* 2人用 */
.two .img_motif,
.two .box_effect {
  bottom: 53px;
}
.two .img_motif {
  width: 60px;
}
.two .box_effect {
  width: 100px;
}
.two .effect-10N img:nth-child(1),
.two .effect-19N img:nth-child(1) {
  width: 80px;
}
/*////////////////////////////////////////////////////////

小見出し

////////////////////////////////////////////////////////*/
[class^="komi_"] {
  clear: both;
  position: relative;
  color: #281605;
}
[class^="komi_"] .lead {
  clear: both;
}
/* title
------------------------- */
[class^="tit_komi"] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
  line-height: 1.3;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #3e2d00;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.lead + [class^="tit_komi"] {
  margin-top: 15px;
}
/*----- normal -----*/
.tit_komi_normal {
  min-height: 50px;
  padding: 15px;
  color: #fff;
  background-image: url("../images/result/komi_normal/bg_tit_komi.png");
}
.tit_komi_normal.green {
  background-image: url("../images/result/komi_normal/bg_tit_komi_green.png");
}
/*----- special -----*/
.tit_komi_special {
  min-height: 50px;
  padding: 15px;
  color: #fff;
  background-image: url("../images/result/komi_special/bg_tit_komi.png");
}
.tit_komi_special:after {
  content: '';
  width: 60px;
  height: 25px;
  margin: auto;
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  background: url("../images/result/komi_special/icon.png") no-repeat;
  background-size: 100%;
}
/*----- honne -----*/
.tit_komi_honne {
  padding: 5px 15px 8px;
  text-shadow: 0 1px rgba(255,255,255,.3);
}
/*----- judge -----*/
[class*="tit_komi_judge"] {
  font-family: "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.tit_komi_judge,
.tit_komi_judge_kanketsu,
.tit_komi_card {
  padding: 0 12px 12px;
  background: url("../images/result/komi_judge/line.png") no-repeat bottom;
  background-size: 100%;
}
.tit_komi_judge,
.tit_komi_card {
  color: #fff;
}
.tit_komi_sub,
.tit_komi_judge_sub {
  display: block;
  text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
  font-size: 15px;
  color: #5d0016;
  background-image: url("../images/result/komi_judge/bg_tit_komi.png");
}
.tit_komi_sub {
  padding: 20px;
}
.tit_komi_judge_sub {
  margin: 20px 0 5px;
  padding: 20px 20px 15px;
}
.tit_komi_judge_sub:after,
.tit_komi_judge_sub:before {
  content: '';
  position: absolute;
}
.tit_komi_judge_sub:before {
  width: 100px;
  height: 30px;
  top: -12px;
  left: -6px;
  background: url("../images/result/komi_judge/bg_label.png") no-repeat;
  background-size: 100%;
}
.tit_komi_judge_sub:after {
  line-height: 20px;
  letter-spacing: .08em;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  font-style: italic;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  top: -10px;
  left: 3px;
  z-index: 1;
}
.judge1:after {
  content: 'ジャッジ1';
}
.judge2:after {
  content: 'ジャッジ2';
}
.judge3:after {
  content: 'ジャッジ3';
}
.judge4:after {
  content: 'ジャッジ4';
}
.judge5:after {
  content: 'ジャッジ5';
}
.judge6:after {
  content: 'ジャッジ6';
}
.tit_komi_judge_sub.blur-1 span {
  text-shadow: 0 0 1px #5d0016, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
/* komi_common
------------------------- */
.komi_common,
.komi_jump,
.komi_search,
.lead.cmn {
  margin: 10px 8px 0;
  border-radius: 3px;
  border: 1.5px solid #3e2d00;
  outline: 1.5px solid #ebc36c;
  outline-offset: -3px;
  background: #fff;
}
.box_soul_angel,
.box_soul_dark {
  margin: -5px -8px;
}
[class*="box_soul_"] span {
  width: 150px;
  line-height: 30px;
  position: absolute;
  top: 20px;
  left: 135px;
}
/* 2人用 */
.box_angel_dark {
  margin: 5px 0 0;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: bold;
}
.box_angel_dark li {
  line-height: 32px;
}
.box_angel_dark ul {
  width: 140px;
  position: absolute;
  top: 0;
  left: 142px;
}
/*--- ソウルマッチ度 ---*/
.box_match {
  height: 260px;
  padding: 120px 0 0;
  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
  font-size: 50px;
  font-weight: bold;
  background: url("../images/result/common_affinity/bg_match.jpg") no-repeat;
  background-size: 100%;
}
.box_match .box_float_good.good {
  left: 30px;
  bottom: 40px;
}
.box_match .box_float_good {
  right: 30px;
  bottom: 120px;
}
/*--- lead ---*/
.komi_common .lead,
.lead.cmn {
  padding: 13px 13px 15px;
}
/* ハート・スマイルの浮遊 */
.lead .box_float_good {
  width: 40px;
  right: 0;
  bottom: 0;
}
/* ハッシュタグ */
.komi_common .lead .text-blue02 {
  margin-top: 3px;
  padding-right: 25px;
}
/* komi_normal
------------------------- */
.komi_normal {
  margin: 0 8px 15px;
  padding: 15px 15px 20px;
  background: url("../images/result/komi_normal/bg_top.jpg") no-repeat top, url("../images/result/komi_normal/bg_btm.jpg") no-repeat center bottom -1px, url("../images/result/komi_normal/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
.komi_normal + .komi_normal {
  margin-top: -5px;
}
/*--- lead ---*/
.komi_normal .lead {
  padding: 8px 5px 5px;
}
/* komi_special
------------------------- */
.komi_special {
  margin: 0 0 15px;
  padding: 25px 20px 20px;
  background: url("../images/result/komi_special/bg_top.jpg") no-repeat top, url("../images/result/komi_special/bg_btm.jpg") no-repeat center bottom -1px, url("../images/result/komi_special/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
.komi_special .lead {
  padding-top: 8px;
}
/* komi_soul
------------------------- */
.box_soul {
  height: 315px;
  background: url("../images/result/komi_soul/title.jpg") no-repeat;
  background-size: 100%;
}
.box_soul .img_motif,
.box_soul .box_effect {
  transform: scale(2.2, 2.2);
  bottom: 95px;
}
.box_soul .effect-10N,
.box_soul .effect-19N {
  bottom: 105px;
}
/* ジャンピングカード(komi_jump)のつなぎ
------------------------- */
.box_shuffle {
  height: 235px;
  overflow: hidden;
  background: url("../images/result/komi_jump/shuffle/bg1.jpg") no-repeat;
  background-size: 100%;
}
.box_shuffle .inner {
  width: 100%;
  height: 100%;
}
/* 手 */
.box_shuffle:before,
.box_shuffle:after {
  content: '';
  width: 100px;
  height: 190px;
  position: absolute;
  top: -40px;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
}
.box_shuffle:before {
  left: 20px;
  transform: translate(10px, -20px);
  background-image: url("../images/result/komi_jump/shuffle/left.png");
}
.box_shuffle:after {
  right: 20px;
  transform: translate(-10px, -20px);
  background-image: url("../images/result/komi_jump/shuffle/right.png");
}
/* card */
.box_shuffle img {
  width: auto;
  height: 80px;
  position: absolute;
}
.shuffle1 {
  top: 50px;
  left: 60px;
}
.shuffle2 {
  top: 70px;
  left: 80px;
}
.shuffle3 {
  top: 100px;
  left: 70px;
}
.shuffle4 {
  top: 80px;
  left: 120px;
}
.shuffle5 {
  top: 30px;
  left: 140px;
}
.shuffle6 {
  top: 50px;
  left: 160px;
}
.shuffle7{
  top: 80px;
  left: 190px;
}
.shuffle8 {
  top: 90px;
  left: 180px;
}
.shuffle9 {
  top: 120px;
  left: 120px;
}
.shuffle10 {
  top: 80px;
  left: 150px;
}
/* 飛び出すカード */
.box_jump span {
  width: 140px;
  margin: auto;
  position: absolute;
  top: 28%;
  left: 0;
  right: 0;
  transform: translateX(-100%);
  opacity: 0;
}
.box_jump.active span {
  animation: slideLeftRight .8s forwards;
}
/* komi_jump / komi_search
------------------------- */
.komi_jump,
.komi_search {
  margin-bottom: 15px;
  padding: 0 15px 15px;
}
.komi_jump h3 {
  margin-bottom: -10px;
  position: relative;
  top: -10px;
}
.komi_search {
  padding-top: 10px;
}
.komi_search h3 {
  margin: 0 -8px 5px;
}
.box_jump_card {
  height: 255px;
  margin: 5px auto;
  padding-top: 15px;
  background: url("../images/result/komi_jump/bg.png") no-repeat;
  background-size: 100%;
}
.box_jump_card .tarot {
  display: block;
  width: 40%;
  margin: 0 auto 13px;
}
.card_name {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 1.15em;
  font-weight: bold;
  color: #764307;
}
/* ハート浮遊 */
.box_jump_card .box_float_good_left {
  top: 40px;
  left: 40px;
}
.box_jump_card .box_float_good_right {
  top: 60px;
  right: 40px;
}
/*--- カード選択 ---*/
.box_jump_card .inner {
  opacity: 0;
  padding: 0;
}
.box_jump_card .select {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
}
/*--- lead ---*/
.komi_jump .lead,
.komi_search .lead,
.komi_card .lead {
  padding: 5px;
}
.komi_card .lead {
  display: none;
  color: #fff;
}
/* komi_judge
------------------------- */
.komi_judge_intro {
  margin: 0;
  overflow: hidden;
}
.caption_judge {
  margin: 0 0 -1px;/*線消し*/
  padding: 18px 0 15px;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  background: #c6254d;
}
.caption_judge span {
  color: yellow;
}
.komi_judge {
  margin: 0;
  padding: 58px 23px 40px;
  background: url("../images/result/komi_judge/bg_top.jpg") no-repeat top, url("../images/result/komi_judge/bg_btm.jpg") no-repeat center bottom -1px, url("../images/result/komi_judge/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
.komi_judge + h3 {
  margin-top: -1px;/*線消し*/
  position: relative;
}
.komi_judge + .btn-regist {
  margin: auto;
  padding: 8px 0;
  background: url("../images/common/bg2.jpg") repeat;
  background-size: 150px;
}
/*--- lead ---*/
[class*="komi_judge"] .lead {
  font-family: "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
[class*="komi_judge"] .lead {
  padding: 8px 5px 5px;
}
.komi_judge .lead {
  padding: 8px 5px 5px;
  color: #fff;
}
/* komi_judge_kanketsu
------------------------- */
.komi_judge_kanketsu {
  margin-top: -1px;
  padding: 0 23px 50px;
  background: url("../images/result/komi_judge_kanketsu/bg_btm.jpg") no-repeat center bottom -1px, url("../images/result/komi_judge_kanketsu/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
.box_judge_kanketsu {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 187px;
  margin: 10px 0 5px;
  padding: 0 30px;
  background: url("../images/result/komi_judge_kanketsu/bg.png") no-repeat;
  background-size: 100%;
}
.box_judge_kanketsu p {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.box_judge_kanketsu .blur-1 span {
  text-shadow: 0 0 2px #fff, 0 0 2px #fff;
}
.komi_judge_kanketsu + .btn-regist {
  margin: auto;
  padding: 1px 0 10px;
  background: url("../images/common/bg2.jpg") repeat;
  background-size: 150px;
}
/* ハート浮遊 */
.box_judge_kanketsu .box_float_good {
  top: -10px;
  left: -10px;
}
/* komi_card (freeのみ)
------------------------- */
.komi_card {
  margin: 0;
  padding: 58px 23px 30px;
  background: url("../images/result/komi_card/bg_top.jpg") no-repeat top, url("../images/result/komi_card/bg_btm.jpg") no-repeat center bottom -1px, url("../images/result/komi_card/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
/* komi_honne
------------------------- */
.komi_honne {
  margin-bottom: 15px;
  padding-bottom: 15px;
  background: url("../images/result/komi_honne/bg_btm.jpg") no-repeat bottom, url("../images/result/komi_honne/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
.box_honne {
  display: flex;
  align-items: center;
  height: 245px;
  padding: 35px 24px 0 21px;
  overflow: hidden;
  font-family: "Zen Maru Gothic", sans-serif;
  background-repeat: no-repeat;
  background-size: 100%;
}
.box_honne.woman {
  background-image: url("../images/result/komi_honne/bg_man.jpg")
}
.box_honne.man {
  background-image: url("../images/result/komi_honne/bg_woman.jpg")
}
.box_honne li {
  display: flex;
  align-items: center;
  width: 85px;
  height: 100%;
  text-align: left;
  line-height: 1.2;
  font-size: 16px;
  font-weight: bold;
}
.box_honne li:nth-child(2) {
  color: red;
}
.box_honne p {
  margin: 0;
}
.box_honne li:nth-child(1) .blur-1 span {
  text-shadow: 0 0 2px #3b2307, 0 0 2px #3b2307;
}
.box_honne li:nth-child(2) .blur-1 span {
  text-shadow: 0 0 2px red, 0 0 2px red;
}
/* ハート浮遊 */
.komi_honne .box_float_good {
  top: 340px;
  right: 0;
}
/* komi_yesno
------------------------- */
/*--- box_yesno ---*/
[class^="box_yesno"] {
  margin: 10px 0;
  position: relative;
  z-index: 1;
}
.box_yesno-1 .boka,
.box_yesno-1 .boka .tenmetsu {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
}
.box_yesno-0 .boka {
  display: none !important;
}
/* ハート浮遊 */
[class^="box_yesno"] .box_float_good {
  left: -10px;
  top: -10px;
}
/* komi_kao
------------------------- */
.box_kao {
  height: 225px;
  margin: 8px 0;
  padding: 48px 54px 0 52px;
  background: url(../images/result/komi_kao/bg.png) no-repeat;
  background-size: 100%;
}
/* ハート浮遊 */
.box_kao .box_float_good {
  top: 20px;
  right: 20px;
}
/* komi_jiki
------------------------- */
.komi_normal .jikiBox {
  height: 72px;
  margin: 5px;
}
/* komi_juyo
------------------------- */
[class^="box_juyo"] {
  background-repeat: no-repeat;
  background-size: 100%;
}
.box_juyo1 {
  justify-content: flex-end;
  height: 227px;
  padding: 0 30px 40px;
  background-image: url("../images/result/komi_juyo/bg1.jpg");
}
.box_juyo2 {  
  justify-content: flex-start;
  height: 220px;
  padding: 0 32px 50px;
  background-image: url("../images/result/komi_juyo/bg2.jpg");
}
[class^="box_juyo"] p {
  width: 153px;
  margin: 0;
  line-height: 1.3;
  font-size: 20px;
  font-weight: bold;
}
[class^="box_juyo"] span {
  font-size: 1.1em;
  color: red;
}
[class^="box_juyo"] .blur-1 span {
  text-shadow: 0 0 1px red, 0 0 1px red;
}
/* komi_sp judge
------------------------- */
.box_sp.judge {
  margin-top: 10px;
  background-image: url("../images/result/komi_sp/bg_judge.png");
}
.box_sp.judge .tit_komi_judge_sub {
  margin: 0;
  padding: 0;
  background: none;
}
.box_sp.judge .tit_komi_judge_sub:before {
  content: none;
}
.box_sp.judge .tit_komi_judge_sub:after {
  top: 4px;
  left: 14px;
}
.box_sp.judge .sp_name {
  top: 49px;
}
/* komi_sp
------------------------- */
.box_sp,
.box_sp2 {
  height: 210px;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.box_sp {
  margin-left: -5px;
  background-image: url("../images/result/komi_sp/bg.png");
}
.box_sp ul,
.box_sp2 ul{
  position: absolute;
}
/*--- box_sp (メッセージ) ---*/
.sp_name {
  line-height: 22px;
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  top: 43px;
  left: 62px;
  color: #333;
}
.box_sp .box_float_good {
  right: 0;
  bottom: 5px;
}
.box_sp ul {
  width: 65%;
  top: 85px;
  left: 48px;
}
.box_sp li {
  margin: 0 0 8px;
  padding-left: 5px;
  position: relative;
  text-align: left;
}
.box_sp li:not(.on) {
  opacity: 0;
  transform: translateY(20px) scale(0, 0);
  transform-origin: left bottom;
}
.box_sp li.active {
  animation: leftLight .3s forwards linear;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.box_sp li > span {
  display: inline-block;
  min-width: 50px;
  min-height: 20px;
  padding: 5px 10px;
  border-radius: 12px;
  position: relative;
  line-height: 1.2;
  font-size: 11px;
  font-weight: bold;
  color: #1a1a1a;
  background: #fff;
}
.box_sp li:before {
  content: "";
  width: 14px;
  height: 10px;
  position: absolute;
  top: 2px;
  left: 0;
  background: url("../images/result/komi_sp/fuki_sp.png") no-repeat;
  background-size: 100%;
}
.box_sp .blur-1 span {
  text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000;
}
/* アニメ無し */
.box_sp.on li {
  opacity: 1;
  transform: none;
}
/*--- box_sp2 (検索履歴) ---*/
.box_sp2 {
  background-image: url("../images/result/komi_sp/bg2.jpg");
}
.box_sp2 ul {
  width: 55%;
  top: 65px;
  left: 70px;
  line-height: 1.7;
  text-align: left;
  font-size: 11px;
}
.box_sp2 li {
  padding-left: 20px;
  color: #fff;
}
.box_sp2 li:nth-child(1) {
  padding: 0;
  color: #888;
}
.box_sp2 li:nth-child(2) {
  margin: 13.5px 0 4px;
}
.box_sp2 .blur-1 span {
  text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff;
}
/* komi_mes
------------------------- */
/*--- lead ---*/
.komi_mes .lead {
  margin-top: -1px; /*線消し*/
  padding: 5px 30px 30px;
  color: #fff;
  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_enmusubi)のつなぎ
------------------------- */
[class^="box_motif"] {
  overflow: hidden;
}
[class^="box_motif"] .img_motif,
[class^="box_motif"] .box_effect {
  transform: scale(1.7, 1.7);
}
.box_motif .img_motif,
.box_motif .box_effect {
  bottom: 93px;
}
.box_motif .effect-10N,
.box_motif .effect-19N {
  bottom: 100px;
}
.box_motif2 .img_motif,
.box_motif2 .box_effect {
  bottom: 220px;
}
/* komi_enmusubi
------------------------- */
.komi_enmusubi {
  overflow: hidden;
  padding-bottom: 40px;
  transition: 2s;
  background: url("../images/result/komi_enmusubi/bg_btm.jpg") no-repeat bottom, url("../images/result/komi_enmusubi/bg.jpg") repeat-y;
  background-size: 100%;
}
.komi_enmusubi.fin {
  padding-bottom: 240px;
}
.box_enmusubi {
  height: 220px;
  padding: 0 18px;
  background: url("../images/result/komi_enmusubi/bg3.jpg") no-repeat;
  background-size: 100%;
}
.box_enmusubi > div {
  height: 100%;
  position: relative;
  background: url("../images/result/parts/heart.png") no-repeat center;
  background-size: 100%;
}
.box_enmusubi .anata {
  z-index: 1;
}
.box_enmusubi .img_motif,
.box_enmusubi .box_effect {
  bottom: 85px;
  transform: scale(1.3, 1.3);
}
.box_enmusubi .img_motif {
  width: 50%;
}
/*--- anime ---*/
.komi_enmusubi .after,
.btn_enmusubi-1,
.mizuhiki {
  display: none;
}
.flash {
  opacity: 0;
}
.komi_enmusubi .after,
.flash,
.mizuhiki {
  position: absolute;
}
.komi_enmusubi .before {
  opacity: 1;
  position: relative;
  z-index: 1;
}
.komi_enmusubi .after {
  width: 100%;
  bottom: 0;
  left: 0;
}
.flash {
  transform: scale(0, 0);
  display: block;
  width: 50%;
  height: 50%;
  margin: auto;
  top: 13%;
  left: 0;
  right: 0;
  z-index: 3;
  background: url("../images/result/komi_enmusubi/flash.png") no-repeat center;
  background-size: 120%;
}
.mizuhiki {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background: url("../images/result/komi_enmusubi/mizuhiki.png") no-repeat center 30px;
  background-size: 70%;
}
/*--- lead ---*/
.komi_enmusubi .lead {
  padding: 5px 10px 8px;
  color: #fff;
}
/* komi_coupon
------------------------- */
/*--- lead ---*/
.box_coupon_use {
  padding: 10px 0 0;
}
.box_coupon_use .text-red {
  text-align: center;
}
.box_coupon_input {
  margin: 3px 0 0;
  position: relative;
}
.box_coupon_input input[type="text"] {
  width: 100%;
  padding: 0 10px;
  border: 1.5px solid #a97b0c;
  border-radius: 3px;
  line-height: 30px;
  font-weight: bold;
  background: #fff;
}
.box_coupon_input input.btn_use {
  display: block;
  width: 70px;
  height: 22px;
  margin: 0;
  padding: 0;
  box-shadow: none;
  background: url("../images/result/komi_coupon/btn_use.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}

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

月額結果

////////////////////////////////////////////////////////*/
.komi_guilt {
  margin-bottom: 10px;
  padding: 60px 35px 70px;
  font-family: "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-weight: bold;
  background: url("../images/result/komi_guilt/bg_top.jpg") no-repeat top, url("../images/result/komi_guilt/bg_btm.jpg") no-repeat center bottom -1px, url("../images/result/komi_guilt/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
.komi_guilt.ver2{
  background: url("../images/result/komi_guilt/bg_top_02.jpg") no-repeat top, url("../images/result/komi_guilt/bg_btm_02.jpg") no-repeat center bottom -1px, url("../images/result/komi_guilt/bg_mid_02.jpg") repeat-y;
  background-size: 100%;
}
.komi_guilt dl + dl {
  margin-top: 20px;
}
.komi_guilt dt {
  margin-bottom: 5px;
  padding-bottom: 2px;
  border-bottom: 1.5px dashed #ebd6a6;
  font-size: 16px;
}
.komi_guilt dd {
  color: #866136;
}
.komi_guilt .blur-1 span {
  text-shadow: 0 0 1px #000;
}
/*////////////////////////////////////////////////////////

無料結果

////////////////////////////////////////////////////////*/
/* free1
------------------------- */
.box_yudo_gender .tenmetsu {
  width: 270px;
  margin: auto;
  position: absolute;
  top: 140px;
  left: 0;
  right: 0;
}
/* いいねタップ ⇔ モチーフ切り替え */
.tap_motif {
  width: 40%;
  margin: auto;
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  cursor: pointer;
}
.tap_motif img {
  transition: .3s;
}
.tap_motif img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0, 0);
}
.tap_motif.active img:nth-child(1) {
  transform: scale(0, 0);
}
.tap_motif.active img:nth-child(2) {
  transform: scale(1.3, 1.3);
}
/* ハート浮遊 */
.box_tap_motif .box_float_good {
  margin: auto;
  top: 90px;
  left: 0;
  right: 0;
}
/* free34
------------------------- */
.box_gender p {
  font-size: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 65px;
}
/*////////////////////////////////////////////////////////

誘導

////////////////////////////////////////////////////////*/
/* 一部無料時の決済画面
------------------------- */
.ppv_view .confirm,
.ppv_view .tit_sub01 {
  color: #3b0705;
}
.btn_menu_check {
  width: 60%;
  margin: 0 auto 10px;
}
.frame-yellow {
  display: block;
  width: 70%;
  margin: 2px auto 5px;
  padding: 3px;
  color: #000;
  background: yellow;
}
/* form */
.disp-1 .confirmBox > li {
  margin-bottom: 10px;
}
.disp-1 .confirmBox > li img {
  display: block;
  width: auto;
  height: 20px;
  margin: 0 auto 5px;
}
/* coipo */
.disp-1 .box_point_form {
  margin-bottom: 10px;
  font-size: 12px;
}
.disp-1 .box_point_form p {
  margin-bottom: 0;
  line-height: 1.2;
}
.disp-1 .box_point_form .text-yellow {
  font-size: 1.3em;
  color: deeppink !important;
}
.disp-1 .box_point_form .pop_coipo {
  margin-bottom: 5px;
  font-size: .9em;
}
/* komi_yudo
------------------------- */
#yudo .menu_title {
  margin: 0 0 5px;
}
#yudo .menu_list:last-child {
  margin-bottom: 0;
}
#yudo [class^="komi_"] {
  margin-bottom: 0;
}
#yudo [class^="bokashi"] .btn {
  top: 35%;
}
#yudo .text_yudo {
  margin: -40px auto 0;
  padding: 8px 10px;
  box-shadow: 0 3px 4px rgba(0, 0, 0, .1);
  border-radius: 3px;
  border: 1px solid #555;
  line-height: 1.2;
  font-size: 10px;
  color: #000;
  position: relative;
  background: rgba(255, 255, 255, .9);
}
#yudo .text_yudo span {
  display: block;
  padding: 0 0 3px;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  color: red;
}
#yudo .txt_notice {
  margin: 8px 0 0;
  text-align: center;
  line-height: 1.2;
  font-size: 11px;
}
#yudo a {
  text-decoration: none;
}
/*--- 誘導3 ---*/
.yudo3 {
  margin: 0;
  color: #fff;
}
.yudo3 [class^="ppv"] {
  display: none;
}
.yudo3 .btn_ppvmenu {
  margin-top: -15px;
}
/* アイコン出しわけ */
.ppvicon-11 .ppv002-1, .ppvicon-14 .ppv002-1, .ppvicon-12 .ppv009, .ppvicon-13 .ppv009, .ppvicon-16 .ppv002-2, .ppvicon-17 .ppv002-2, .ppvicon-18 .ppv002-2 {
  display: block;
}

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

free_connect

////////////////////////////////////////////////////////*/
/* btn
------------------------- */
[class^="bokashi"] .btn_free_connect_more {
  background: url("../images/btn/free_connect/btn_more.png") no-repeat;
  background-size: 100%;
}

/* free1
------------------------- */
/*--- temp1 ---*/
.modal_free_connect .view_common {
  margin: 0 -12px 10px !important;
}
.modal_free_connect .box_soul {
  height: 295px;
}
/*--- temp2 ---*/
.modal_free_connect .box_honne {
  height: 230px;
}
.modal_free_connect .box_honne li {
  width: 75px;
  font-size: 15px;
}
/*--- temp4 ---*/
.modal_free_connect .box_kao {
  height: 215px;
  margin: 8px -8px;
}
.modal_free_connect .komi_normal {
  margin: 0 2px;
}
/*--- temp8 ---*/
.modal_free_connect .box_judge_kanketsu {
  height: 170px;
}
/*--- temp9 ---*/
.modal_free_connect .box_jump_card {
  height: 235px;
}

/* free2
------------------------- */
/*--- temp4 ---*/
.modal_free_connect .sp_name {
  top: 45px;
}
/*--- temp9 ---*/
.modal_free_connect .box_enmusubi {
  height: 202px;
}
/*--- temp15 ---*/
.modal_free_connect .box_midnight-0 .count {
  width: 152px;
  top: 97px;
}