@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;
}
/* 一人/二人用 出しわけ */
.affinity-1 .two, .affinity-0 .one {
  display: block !important;
}
.affinity-0 .two, .affinity-1 .one {
  display: none !important;
}
/* カテゴリ出しわけ */
.ppvcat-0 .cat-0, .ppvcat-1 .cat-1 {
  display: block !important;
}
/*////////////////////////////////////////////////////////

パーツ

////////////////////////////////////////////////////////*/
/* ぼかし
------------------------- */
[class^="bokashi"] {
  position: relative;
}
[class^="bokashi"] > img {
  width: 24px;
  margin: -5px;
  opacity: 0.8;
  vertical-align: middle;
}
.blur-1 span:not(.noblur), .blur-1 img {
  -ms-filter: blur(4px);
  filter: blur(4px);
}
/* btn (続きを見る)
------------------------- */
[class^="bokashi"] [class^="btn"], .btn_more_pay {
  display: block;
  width: 240px;
  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(-45%);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.ppv_view [class^="bokashi"] [class^="btn"] {
  background-image: url("../images/btn/btn_more_pay.png");
}
.free_view [class^="bokashi"] [class^="btn"] {
  background-image: url("../images/btn/btn_more_regist.png");
}
.senja + [class^="bokashi"] [class^="btn"] {
  top: 60%;
}
/* 占者
------------------------- */
.lead .senja {
  width: 130px;
  margin-right: 10px;
  float: left;
}
.lead .senja.right {
  margin-right: 0;
  margin-left: 10px;
  float: right;
}
/*////////////////////////////////////////////////////////

共通結果

////////////////////////////////////////////////////////*/
/* common
------------------------- */
.view_common {
  margin: 5px 0;
}
.view_common > h3 {
  margin: 0 10px -15px;
  position: relative;
}
.box_result {
  position: relative;
  background-repeat: no-repeat;
  background-size: 100%;
}
.box_result:before {
  content: '';
  position: absolute;
  z-index: 1;
  margin: auto;
  background-repeat: no-repeat;
  background-size: 100%;
}
/*----- 名前 -----*/
.box_result .user_name {
  padding-left: 10px;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  position: relative;
  z-index: 1;
}
.user_name.flex-box {
  justify-content: space-between;
}
.user_name.flex-box > div {
  width: 50%;
}
/*----- はやとも -----*/
.box_result.haya {
  height: 312px;
  margin: 0 0 10px;
  padding: 15px 0 0;
}
.one .box_result.haya {
  background-image: url("../images/result/common/haya/bg.png");
}
.two .box_result.haya {
  background-image: url("../images/result/common_affinity/haya/bg.png");
}
.box_result.haya:before {
  width: 170px;
  height: 90px;
  top: 140px;
  left: 55px;
}
.one .box_result.haya:before {
  background-image: url("../images/result/common/haya/line.png");
}
.two .box_result.haya:before {
  width: 250px;
  height: 100%;
  top: 37px;
  left: 5px;
  right: 0;
  background-image: url("../images/result/common_affinity/haya/bg2.png");
}
/* ゾーン */
.one .box_result .zoon {
  width: 65px;
  top: 55%;
  left: 51%;
  transform: translate(-50%, -50%);
}
.two .box_result .zoon {
  width: 50px;
  top: 54%;
  right: 52px;
  transform: translateY(-50%);
}
/* 生き霊 */
.box_result.haya img {
  position: absolute;
}
.box_result.haya .ikiryo {
  width: 260px;
  top: 40px;
  left: 20px;
}
/* 砂鉄 */
.box_result .satetsu {
  width: 260px;
  top: 10px;
  left: 18px;
}
/* キャプション */
.box_result .word {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: auto;
  padding: 0 10px 0 22px;
  position: absolute;
  top: 205px;
  right: 0;
  line-height: 1.2;
  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, 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-family: "Zen Maru Gothic", serif;
  font-size: 20px;
  font-weight: 700;
  color: #7200ff;
}
.box_result .word li:nth-child(2) {
  margin-top: 20px;
}
.two .box_result .word {
  justify-content: flex-end;
  padding-left: 0;
  width: 50%;
  top: 213px;
}
/*----- ヤースー -----*/
.box_result.yasu {
  height: 270px;
  margin: 0 0 10px;
  padding: 25px 0 0;
  background-image: url("../images/result/common/yasu/bg.png");
}
.two .box_result.yasu {
  overflow: hidden;
  background-image: url("../images/result/common_affinity/yasu/bg.png");
}
.box_result.yasu.deco:before {
  width: 100%;
  height: 110%;
  top: -35px;
  left: 0;
  background-image: url("../images/result/common/yasu/text1.png");
  background-position: bottom right;
  background-size: 92%;
}
.two .box_result.yasu:before {
  width: 105px;
  height: 130px;
  bottom: 15px;
  left: 30px;
  background-image: url("../images/result/common_affinity/yasu/anata.png");
  background-position: bottom;
}
/* 名前 */
.two .box_result.yasu .user_name {
  padding: 5px 0 0;
  line-height: 1.3;
}
/* 守護霊 */
.box_result.yasu img {
  position: absolute;
}
.box_result.yasu .syugorei {
  width: 120px;
  top: 68px;
  left: 23px;
}
/* 生き霊 */
.box_result.yasu .ikiryo {
  width: 55px;
  top: 82px;
  right: 50px;
}
.two .box_result.yasu .color {
  width: 180px;
  top: 95px;
  margin: auto;
  left: 0;
  right: 0;
}
.two .box_result.yasu .ikiryo {
  width: 190px;
  top: 70px;
  right: -15px;
}
/*----- めくるくん -----*/
/* 名前 */
.box_result.mekuru .user_name {
  height: 40px;
  padding: 0;
  background: #ffffe0;
}
.one .box_result.mekuru .user_name {
  line-height: 40px;
}
.two .box_result.mekuru .user_name {
  padding: 5px 0 0;
  line-height: 1.3;
}
/* タロット */
.box_tarot {
  height: 280px;
  margin: -10px -15px 0;
  padding: 0 35px 35px;
  background: url("../images/result/common/mekuru/bg.png") no-repeat;
  background-size: 100%;
}
.box_tarot:not(.last) {
  align-items: flex-end;
  justify-content: space-around;
}
.box_tarot li {
  width: 30%;
  transform-style: preserve-3d;
  transition: all 1s ease-in-out;
  position: relative;
}
.box_tarot:not(.last) li:nth-child(2) {
  margin-bottom: 72px;
}
.box_tarot li.rotate {
  transform: rotateY(180deg);
  transition-delay: 1.5s;
}
.box_tarot li.flash:after, .tarot_card.omote {
  position: absolute;
  left: 0;
  top: 0;
}
.box_tarot li.flash:after {
  content: '';
  opacity: 0;
  width: 100%;
  height: 130px;
  box-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 8px #ffff00, 0 0 8px #ffff00, 0 0 8px #ffff00, 0 0 8px #ffff00, 0 0 8px #ffff00, 0 0 8px #ffff00, 0 0 10px #ffff00;
  background: #f9f995;
}
.tarot_card {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.tarot_card.omote {
  transform: rotateY(180deg);
}
/*----- 横山 -----*/
.box_result.yoko {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: 300px;
  margin: 0 0 5px;
  padding: 20px 15px 0 25px;
  font-weight: bold;
  color: #000;
}
.one .box_result.yoko {
  background-image: url("../images/result/common/yoko/bg.png");
}
.two .box_result.yoko {
  background-image: url("../images/result/common_affinity/yoko/bg.png");
}
/*--- 左側 ---*/
/* 姓名 */
.box_result.yoko .user_name {
  width: 105px;
  padding: 0 20px 0 65px;
  position: relative;
}
.two .box_result.yoko .user_name {
  padding-top: 12px;
}
.sei, .mei {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 88px;
  line-height: 1;
  text-align: center;
}
.box_result.yoko .sei {
  margin: 0 0 15px;
}
.user_name .count1, .user_name .count2 {
  line-height: 1.3;
  font-size: 30px;
}
.user_name .count3 {
  font-size: 24px;
}
.user_name .count4 {
  font-size: 20px;
}
.user_name .count5 {
  font-size: 16px;
}
.user_name .count6 {
  font-size: 13px;
}
/* 姓名数 */
[class^="num_"] {
  position: absolute;
}
.num_wrap {
  width: 22px;
  top: 33px;
  left: 12px;
  font-size: 18px;
  color: red;
}
.two .num_wrap {
  top: 45px;
}
.num_wrap li:nth-child(2) {
  margin: 30px 0;
}
/* 運命数 */
.num_unmei {
  width: 85px;
  bottom: -48px;
  left: 10px;
  font-size: 15px;
  color: #000;
}
.num_unmei span {
  font-size: 1.2em;
  color: #008951;
}
/*--- 右側 ---*/
.user_detail {
  width: 140px;
  color: #331600;
}
.user_detail ul {
  margin: 0 0 8px;
}
/* 日付 */
.user_detail .date {
  height: 53px;
  padding: 11px 0 0 43px;
  line-height: 1;
  letter-spacing: -0.05em;
  font-size: 10px;
}
.user_detail .date li:nth-child(1) {
  margin: 0 0 8px;
  padding-left: 40px;
  letter-spacing: 0;
}
/* 姓名数x運命数 */
.user_detail .flex-box {
  line-height: 43px;
  padding: 25px 0 0;
  font-size: 24px;
  color: #23914e;
}
.user_detail .flex-box li:nth-child(1) {
  width: 80px;
  margin-right: 10px;
  color: red;
}
/* 総格 */
.num_all {
  position: static;
  width: 100%;
  padding-left: 68px;
  line-height: 38px;
  font-size: 22px;
  color: #740edd;
}
.un_name {
  line-height: 70px;
  padding-right: 5px;
  font-size: 20px;
  color: #740edd;
}
/*--- スタンプ ---*/
.box_result.yoko .stamp {
  opacity: 0;
  width: 70px;
  margin: -47px auto 0;
  position: absolute;
  top: 50%;
  left: 10px;
  right: 0;
  transform: scale(2);
  transition: .4s;
}
.box_result.yoko .stamp.active {
  opacity: 1;
  transform: scale(1);
}
/*----- ますかた -----*/
.box_result.masu {
  margin: 0 0 5px;
}
.one .box_result.masu {
  height: 453px;
  background-image: url("../images/result/common/masu/bg.png");
}
.two .box_result.masu {
  height: 487px;
  background-image: url("../images/result/common_affinity/masu/bg.png");
}
/* 名前 */
.box_result.masu .user_name {
  padding: 0;
  line-height: 26px;
  color: #fff;
}
.two .box_result.masu .user_name {
  padding: 2px 0 0;
  transform: scale(.95);
  line-height: 1.1;
  font-size: 10px;
}
/* 星図 */
.seizu {
  width: 200px;
  height: 200px;
  padding: 0;
  border: 0;
  border-radius: 0;
  position: absolute;
  top: 70px;
  left: 48px;
  background: none;
}
.seizu img {
  width: 20px;
  position: absolute; 
  top: 0;
  left: 0;
}
/* 切り替えbtn */
.btn_seizu {
  width: 94%;
  height: 65px;
  margin: auto;
  position: absolute;
  top: 275px;
  left: 0;
  right: 0;
  background-image: url("../images/result/common_affinity/masu/btn1.png"), url("../images/result/common_affinity/masu/btn2.png");
  background-repeat: no-repeat;
  background-size: 100%, 0;
}
.btn_seizu li {
  width: 50%;
  height: 100%;
}
.btn_seizu.btn2 {
  background-size: 0, 100%;
}
/* 星座 */
.seiza {
  justify-content: space-between;
  padding: 0 15px;
  position: absolute;
  bottom: 17px;
  left: 0;
  right: 0;
}
.seiza li {
  width: 125px;
  padding: 0 10px;
}
.seiza_icon {
  width: 83%;
}
.seiza_name {
  height: 20px;
  margin: -8px auto 0;
  line-height: 18px;
  font-size: 12px;
  font-weight: bold;
  color: #7d27ff;
  position: relative;
  background: url("../images/result/common/masu/bg_seiza.png") no-repeat;
  background-size: 100%;
}
.box_venus {
  background: url("../images/result/common_affinity/masu/bg2.png") no-repeat;
  background-size: 100%;
}
.box_venus ul {
  justify-content: space-between;
  padding: 0 10px;
}
.box_venus li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 133px;
}
/*////////////////////////////////////////////////////////

小見出し

////////////////////////////////////////////////////////*/
[class^="komi_"] {
  clear: both;
  margin: 0 0 10px;
}
[class^="komi_"] .lead {
  text-align: justify;
  font-size: 13px;
  color: #1a1a1a;
}
/* 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;
  line-height: 1.2;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #740edd;
}
/* common */
.tit_komi_cmn {
  margin: 0 -5px 10px;
}
/* normal */
.tit_komi_normal {
  height: 85px;
  margin: -5px -5px 0;
  padding: 0 25px;
  background-image: url("../images/result/komi_normal/bg_tit_komi.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
.yellow .tit_komi_normal {
  background-image: url("../images/result/komi_normal/bg_tit_komi2.png");
}
.tit_komi_normal[class*="deco_"] {
  padding: 0 70px 0 25px;
}
.tit_komi_normal[class*="deco_"].left {
  padding: 0 25px 0 70px;
}
.tit_komi_normal[class*="deco_"]:after {
  content: '';
  width: 88px;
  height: 90px;
  position: absolute;
  bottom: 10px;
  right: -10px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.tit_komi_normal[class*="deco_"].left:after {
  left: -5px;
  right: auto;
}
.tit_komi_normal.deco_haya:after {
  background-image: url("../images/result/komi_normal/haya/teller1.png");
}
.tit_komi_normal.deco_yasu:after {
  background-image: url("../images/result/komi_normal/yasu/teller1.png");
}
.tit_komi_normal.deco_mekuru:after {
  background-image: url("../images/result/komi_normal/mekuru/teller1.png");
}
.tit_komi_normal.deco_yoko:after {
  background-image: url("../images/result/komi_normal/yoko/teller1.png");
}
.tit_komi_normal.deco_masu:after {
  background-image: url("../images/result/komi_normal/masu/teller1.png");
}
/* komi_aisatsu
------------------------- */
.komi_aisatsu {
  margin: 0;
}
.komi_aisatsu .intro {
  display: inline-block;
  width: 170px;
  margin: 0 0 8px -10px;
}
.komi_aisatsu .box_teller {
  background-size: 42%;
}
.komi_aisatsu .box_teller.yasu {
  background-image: url("../images/teller/yasu/main.png");
}
.komi_aisatsu .box_teller.masu {
  background-image: url("../images/teller/masu/main.png");
}
/*--- lead ---*/
.komi_aisatsu .lead {
  padding: 10px 10px 0;
  font-weight: bold;
  color: #fff;
}
/* komi_normal (全小見出し共通)
------------------------- */
.komi_normal {
  padding: 20px 15px 25px;
	border-radius: 0;
  background-repeat: no-repeat;
  background-position: top, bottom;
  background-size: 100%;
}
.komi_normal.purple {
  border-top: 2px solid #f109ff;
  border-bottom: 2px solid #f109ff;
  background-image: url("../images/line/purple.jpg"), url("../images/line/purple.jpg");
  background-color: #bd0cc6;
}
.komi_normal.green {
  border-top: 2px solid #00ff9c;
  border-bottom: 2px solid #00ff9c;
  background-image: url("../images/line/green.jpg"), url("../images/line/green.jpg");
  background-color: #00af67;
}
.komi_normal.orange {
  border-top: 2px solid #ffae00;
  border-bottom: 2px solid #ffae00;
  background-image: url("../images/line/orange.jpg"), url("../images/line/orange.jpg");
  background-color: #fe3c00;
}
.komi_normal.yellow {
  border-top: 2px solid #ff8900;
  border-bottom: 2px solid #ff8900;
  background-image: url("../images/line/yellow.jpg"), url("../images/line/yellow.jpg");
  background-color: #ffde00;
}
.komi_normal.blue {
  border-top: 2px solid #0cc8ff;
  border-bottom: 2px solid #0cc8ff;
  background-image: url("../images/line/blue.jpg"), url("../images/line/blue.jpg");
  background-color: #6600ff;
}
/*--- lead ---*/
.komi_normal .lead {
  margin-left: -5px;
  padding: 17px 15px 15px 20px;
  overflow: hidden;
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: top, center bottom -1px;
  background-size: 100%;
}
.komi_normal.purple .lead {
  background-image: url("../images/result/komi_normal/purple/bg_top.jpg"), url("../images/result/komi_normal/purple/bg_btm.jpg"), url("../images/result/komi_normal/purple/bg_mid.jpg");
}
.komi_normal.green .lead {
  background-image: url("../images/result/komi_normal/green/bg_top.jpg"), url("../images/result/komi_normal/green/bg_btm.jpg"), url("../images/result/komi_normal/green/bg_mid.jpg");
}
.komi_normal.orange .lead {
  background-image: url("../images/result/komi_normal/orange/bg_top.jpg"), url("../images/result/komi_normal/orange/bg_btm.jpg"), url("../images/result/komi_normal/orange/bg_mid.jpg");
}
.komi_normal.yellow .lead {
  background-image: url("../images/result/komi_normal/yellow/bg_top.jpg"), url("../images/result/komi_normal/yellow/bg_btm.jpg"), url("../images/result/komi_normal/yellow/bg_mid.jpg");
}
.komi_normal.blue .lead {
  background-image: url("../images/result/komi_normal/blue/bg_top.jpg"), url("../images/result/komi_normal/blue/bg_btm.jpg"), url("../images/result/komi_normal/blue/bg_mid.jpg");
}
/* 占者 */
.komi_normal .lead .senja {
  width: 110px;
  margin-top: -5px;
}
.komi_normal .lead .senja:not(.right) {
  margin-left: -5px;
}
.komi_normal .lead .senja.right {
  margin-right: -5px;
}
/* 占者紹介欄 */
.box_intro {
  clear: both;
  margin: 10px 0 0;
  padding: 7px 10px;
  line-height: 1.3;
  font-size: 11px;
  background: #fcb1ff;
}
.box_intro dt {
  display: inline-block;
  margin: 0 0 3px;
  border-bottom: 1px solid #000;
  font-size: 1.05em;
  font-weight: bold;
}
/* komi_point
------------------------- */
.box_point {
  width: 305px;
  display: table;
  margin: 5px -10px 8px;
  padding: 10px 30px 0 52%;
  height: 190px;
  line-height: 1.3;
  text-align: center;
  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, 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-family: "Zen Maru Gothic", serif;
  font-size: 16px;
  font-weight: 700;
  color: #7200ff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.box_point .word {
  display: table-cell;
  vertical-align: middle;
}
.box_point.haya {
  background-image: url("../images/result/komi_point//bg/haya.png");
}
.box_point.yasu {
  background-image: url("../images/result/komi_point/bg/yasu.png");
}
.box_point.mekuru {
  background-image: url("../images/result/komi_point/bg/mekuru.png");
}
.box_point.yoko {
  background-image: url("../images/result/komi_point/bg/yoko.png");
}
.box_point.masu {
  background-image: url("../images/result/komi_point/bg/masu.png");
}
/* komi_ikiryo
------------------------- */
.box_ikiryo {
  height: 207px;
  margin: 0 0 5px;
  padding: 5px 0 0 80px;
  background: url("../images/result/komi_ikiryo/teller.png") no-repeat left bottom;
  background-size: 75px;
}
/* komi_honne (free2)
------------------------- */
.box_honne {
  height: 195px;
  margin: 0 0 5px;
  background-repeat: no-repeat;
  background-size: 100%;
}
/* ヤースー */
.box_honne.yasu {
  background-image: url("../images/result/komi_honne/bg/yasu.png");
}
.box_honne ul {
  padding: 30px 25px 0 125px;
}
.box_honne li {
  text-align: left;
  text-shadow: 0 0 5px #fa2d8d, 0 0 5px #fa2d8d, 0 0 5px #fa2d8d, 0 0 5px #fa2d8d, 0 0 8px #fa2d8d, 0 0 8px #fa2d8d, 0 0 8px #fa2d8d, 0 0 8px #fa2d8d, 0 0 8px #fa2d8d, 0 0 8px #fa2d8d;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.box_honne li:nth-child(1) {
  transform: skewX(8deg) rotate(-3deg);
}
.box_honne li:nth-child(2) {
  margin: 15px 0;
  text-align: right;
  font-size: 15px;
  transform: skewY(2deg);
}
.box_honne li:nth-child(3) {
  transform: skewX(-3deg) rotate(-5deg);
}
.box_honne .blur-1 span {
  text-shadow: 0 0 3px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 10px #fa2d8d, 0 0 10px #fa2d8d, 0 0 10px #fa2d8d, 0 0 10px #fa2d8d, 0 0 10px #fa2d8d, 0 0 10px #fa2d8d, 0 0 10px #fa2d8d, 0 0 10px #fa2d8d, 0 0 10px #fa2d8d, 0 0 10px #fa2d8d, 0 0 10px #fa2d8d, 0 0 10px #fa2d8d, 0 0 10px #fa2d8d, 0 0 10px #fa2d8d, 0 0 10px #fa2d8d, 0 0 10px #fa2d8d, 0 0 10px #fa2d8d, 0 0 10px #fa2d8d;
}
/* komi_yesno
------------------------- */
.box_yesno {
  position: relative;
  margin: 0 -15px;
}
.box_yesno .boka, .box_yesno .tenmetsu {
  position: absolute;
  top: 0;
  left: 0;
}
/* komi_sp
------------------------- */
.komi_sp {
  padding: 20px 25px 0;
  background: url(../images/result/komi_sp/bg_top.jpg) no-repeat top, url(../images/result/komi_sp/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
.komi_sp .btn_ppv {
  margin: auto;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
}
.buruburu {
  margin: 0 0 10px;
}
/*--- メッセ　---*/
.box_sp {
  width: 94%;
  margin: 5px auto;
  height: 187px;
  position: relative;
  overflow: hidden;
  background: url("../images/result/komi_sp/bg_sp.png") no-repeat;
  background-size: 100%;
}
.sp_name {
  position: absolute;
  top: 45px;
  left: 47px;
  line-height: 1.25;
  font-size: 12px;
  font-weight: bold;
}
.box_sp ul {
  width: 78%;
  position: absolute;
  top: 80px;
  left: 30px;
}
.box_sp li {
  opacity: 0;
  margin: 0 0 10px;
  padding: 0 25px 0 30px;
  position: relative;
  text-align: left;
  transform: translateY(20px) scale(0, 0);
  transform-origin: left bottom;
  background: url("../images/result/komi_sp/icon.jpg") no-repeat 3px 1px;
  background-size: 18px;
}
.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: 8px;
  line-height: 1.2;
  font-size: 12px;
  font-weight: bold;
  color: #1a1a1a;
  background: #fff;
}
.box_sp li:after {
  content: "";
  width: 14px;
  height: 10px;
  position: absolute;
  top: 3px;
  left: 23px;
  background: url("../images/result/komi_sp/fuki_sp.png") no-repeat;
  background-size: 100%;
}
/* アニメ無し */
.box_sp.on li {
  opacity: 1;
  transform: none;
}
/* komi_kao
------------------------- */
.box_kao {
  height: 185px;
  margin: 0 -15px;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
}
.box_kao.haya {
  background-image: url("../images/result/komi_kao/bg/haya.jpg");
}
.box_kao.yasu {
  background-image: url("../images/result/komi_kao/bg/yasu.jpg");
}
.box_kao.mekuru {
  background-image: url("../images/result/komi_kao/bg/mekuru.jpg");
}
.box_kao.yoko {
  background-image: url("../images/result/komi_kao/bg/yoko.jpg");
}
.box_kao.masu {
  background-image: url("../images/result/komi_kao/bg/masu.jpg");
}
/* komi_word
------------------------- */
.box_word {
  height: 215px;
  padding: 30px 30px 0;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
}
.box_word.haya {
  background-image: url("../images/result/komi_word/bg/haya.png");
}
.box_word.yasu {
  background-image: url("../images/result/komi_word/bg/yasu.png");
}
.box_word.yoko {
  background-image: url("../images/result/komi_word/bg/yoko.png");
}
.box_word.mekuru {
  background-image: url("../images/result/komi_word/bg/mekuru.png");
}
.box_word.masu {
  background-image: url("../images/result/komi_word/bg/masu.png");
}
.box_word li {
  text-align: left;
  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;
  font-size: 16px;
  font-weight: bold;
  color: #7d27ff;
}
.box_word li:nth-child(1) {
  transform: skewX(8deg) rotate(-3deg);
}
.box_word li:nth-child(2) {
  margin: 15px 0 25px;
  text-align: right;
  font-size: 15px;
  transform: skewY(4deg);
}
.box_word li:nth-child(3) {
  transform: skewX(-3deg) rotate(-5deg);
}
.box_word .blur-1 span {
  text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;
}
/* komi_tenbin
------------------------- */
.box_word.tenbin {
  height: 195px;
  padding: 40px 5px 0;
}
.box_word.tenbin ul {
  justify-content: space-between;
}
.box_word.tenbin li {
  transform: none;
  width: 50%;
  margin: auto;
  text-align: center;
}
.box_word.tenbin li:nth-child(1) {
  transform: translateY(45px);
}
.tenbin.haya {
  background-image: url("../images/result/komi_tenbin/bg/haya.png");
}
.tenbin.yasu {
  background-image: url("../images/result/komi_tenbin/bg/yasu.png");
}
.tenbin.yoko {
  background-image: url("../images/result/komi_tenbin/bg/yoko.png");
}
.tenbin.mekuru {
  background-image: url("../images/result/komi_tenbin/bg/mekuru.png");
}
.tenbin.masu {
  background-image: url("../images/result/komi_tenbin/bg/masu.png");
}
/* mekuru_card
------------------------- */
[class*="mekuru_card"] {
  height: 155px;
  margin: 0 -15px;
  background: url("../images/result/komi_mekuru_card/teller.png") no-repeat left center;
  background-size: 48%;
}
[class*="mekuru_card"] .box_tarot {
  margin: auto;
  transform: scale(.53) translate(43%, -43%);
}
[class*="mekuru_card"]:before {
  width: 75px;
  height: 93px;
  top: 50px;
  background-image: url("../images/result/komi_mekuru_card/maru.png");
}
.mekuru_card1:before {
  right: 95px;
}
.mekuru_card2:before {
  top: 13px;
  right: 51px;
}
.mekuru_card3:before {
  right: 5px;
}
.finger {
  width: 20px;
  position: absolute;
  top: 53px;
  left: 34px;
}
.finger:after {
  content: '';
  width: 19px;
  height: 10px;
  margin: auto;
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  background: url("../images/result/komi_mekuru_card/finger.png") no-repeat center;
  background-size: 100%;
}
.box_fuki {
  margin: -40px 0 0;
  background: url("../images/result/komi_mekuru_card/fuki.png") no-repeat center;
  background-size: 100%;
}
.box_fuki .text {
  display: table-cell;
  vertical-align: middle;
  width: 290px;
  height: 152px;
  padding: 25px 15px 0;
  line-height: 1.3;
  font-size: 15px;
  color: #000;
}
/* mekuru_last
------------------------- */
.title_last {
  margin: -25px -15px 10px;
}
/* タロット */
.box_tarot.last {
  opacity: 1;
  justify-content: flex-end;
  padding: 0 42px 0 0;
  /*margin: auto;
  padding: 0 42px 0 0;
  position: absolute;
  top: 185px;
  left: 0;
  right: 0;*/
}
.box_tarot.last.active {
  animation-delay: 1s;
}
.box_tarot.last li {
  margin-left: -75px;
}
.box_tarot.last li.active {
  transform: translateY(-25px);
}
.box_tarot.last li.active:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255,246,0,.5);
}
/*--- lead ---*/
.box_tarot.last + .lead {
  display: none;
  margin-top: -270px;
}
.box_tarot.last + .lead .senja {
  width: 80px;
}
/* komi_mes
------------------------- */
.tit_komi_mes {
  margin: 0 -15px 10px;
}
/* komi_coupon
------------------------- */
.komi_coupon {
  margin: 0;
}
/*--- lead ---*/
.komi_coupon {  
  padding: 0 0 15px;
  box-shadow: 0 3px #ffebbb;
  border-bottom: 3px solid #caa447;
  background: url(../images/result/komi_coupon/bg_btm.jpg) no-repeat bottom, url("../images/result/komi_coupon/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
.komi_coupon .lead {
  margin: 0 10px;
  padding: 15px;
  border-radius: 5px;
  font-size: 13px;
  background: #fff;
}
.komi_coupon .box_use {
  padding: 10px 0 0;
}
.komi_coupon .box_input {
  margin: 3px 0 0;
  position: relative;
}
.komi_coupon input[type="text"] {
  width: 100%;
  padding: 0 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1.5px solid #000;
  border-radius: 3px;
  line-height: 35px;
  font-weight: bold;
  background: #fff;
}
.komi_coupon input.btn_use {
  display: block;
  width: 75px;
  height: 26px;
  padding: 0;
  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: 5px;
  transform: translateY(-50%);
}
.komi_coupon .text-red {
  font-weight: bold;
}
/* 結果下部会員登録誘導
------------------------- */
/*--- フルコース鑑定 ---*/
.fullcourse .inner {
  margin: -5px 0 0; /*線消し*/
  padding: 5px 5px 20px;
  background: #ff0000;
}
.box_tv {
  height: 215px;
  position: relative;
}
.box_tv:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/result/free/fullcourse/tv.png") no-repeat;
  background-size: 100%;
}
.box_fullcourse {
  margin: -10px 0 10px;
  height: 300px;
  position: relative;
  background: url("../images/result/free/fullcourse/btn.png") no-repeat center 20px;
  background-size: 100%;
}
.box_fullcourse ul {
  width: 100%;
  padding: 20px 0 0;
  position: absolute;
  top: 0;
  left: 0;
}
.box_fullcourse li {
  width: 50%;
  height: 90px;
  position: relative;
  cursor: pointer;
}
.box_fullcourse li a{
  display: block;
  width: 100%;
  height: 100%;
}
.box_fullcourse li:last-child {
  margin-left: auto;
}
.box_fullcourse .fuki {
  display: none;
  width: 50px;
  position: absolute;
  top: -20px;
  left: 0;
}
.box_fullcourse .thum {
  display: none;
}
.box_fullcourse li:nth-child(even) .fuki, .box_fullcourse li:nth-child(5) .fuki {
  left: auto;
  right: 0;
}
.box_fullcourse .active .fuki {
  display: block;
}
/*--- 禁断鑑定セット ---*/
.kindan {
  position: relative;
}
.kindan a {
  display: block;
  height: 105px;
  padding: 12px 0 0;
  font-weight: bold;
  color: #000;
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
}
/*--- 小見出し選択 (free1,3) ---*/
.box_komiselect {
  position: relative;
	margin: 0 0 5px;
}
.box_komiselect ul {
  width: 100%;
  padding: 0 15px 0 20px;
  position: absolute;
  bottom: 22px;
  left: 0;
}
.box_komiselect li {
  height: 45px;
  margin: 5px 0 0;
  padding: 0 25px;
  line-height: 41px;
  text-align: left;
  font-size: 13px;
  color: #fff;
  cursor: pointer;
  position: relative;
  background-image: url("../images/result/parts/on.png"), url("../images/result/parts/off.png");
  background-repeat: no-repeat;
  background-size: 0, 100%;
}
.box_komiselect li.active {
  font-weight: bold;
  color: #ff0054;
  background-image: url("../images/result/parts/on.png");
  background-size: 100%, 0;
}
.box_komiselect li:after {
  opacity: 0;
  content: '';
  width: 35px;
  height: 47px;
  position: absolute;
  top: 0;
  left: -12px;
  background: url("../images/result/parts/arrow_active.png") no-repeat top;
  background-size: 100%;
}
.box_komiselect li.active:after {
  opacity: 1;
}
/* めくるくん */
.box_komiselect .text {
  width: 134px;
  position: absolute;
  top: 75px;
  left: 26px;
  text-align: left;
	line-height: 1.4;
  font-size: 13px;
  color: #000;
}
/* つなぎ / 誘導
------------------------- */
[class^="box_tsunagi"] {
  position: relative;
}
[class^="box_tsunagi"] .text {
  text-align: justify;
  color: #000;
}
/*--- free1 ---*/
/* はやとも&めくる */
.box_tsunagi1 .text {
  width: 155px;
  position: absolute;
  top: 32px;
  left: 140px;
  line-height: 1.4;
  font-size: 11px;
}
/* 横山 */
.box_tsunagi2 .text {
  width: 96%;
  padding: 0 30px;
  position: absolute;
  top: 200px;
  left: 0;
}
/* ヤースー */
.free1 .box_teller.yasu06 {
  min-height: 145px;
  margin: -40px 0 0;
}
.free_view .box_teller.yasu06 .serif {
  width: 130px;
  padding-top: 40px;
}
/*////////////////////////////////////////////////////////

誘導

////////////////////////////////////////////////////////*/
/* komi_yudo
------------------------- */
#yudo .bokashi .btn, #yudo .bokashi_white .btn {
  top: 30%;
}
#yudo .text_yudo {
  margin: -75px 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: #1a1a1a;
  position: relative;
  background: rgba(255, 255, 255, .8);
}
#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;
}



#autumnfestival2024.pointmodal .modal-content {
  background-color: #000;
}
#autumnfestival2024.pointmodal .btn01 {
  background-color: #000;
}

#autumnfestival2024 .komi_coupon {
  padding: 0 0 15px;
  box-shadow: 0 3px #ffebbb;
  border-bottom: 3px solid #caa447;
  background: url(../images/pay/feature/autumnfestival2024/pay/allstar/komi_coupon/bg_btm.jpg) no-repeat bottom, url(../images/pay/feature/autumnfestival2024/pay/allstar/komi_coupon/bg_mid.jpg) repeat-y;
  background-size: 100%;
  margin-bottom: 0;
}	

#autumnfestival2024 .lead {
  padding: 0 10px;
  text-align: left;
  position: relative;
}	

#autumnfestival2024 [class^="komi_"] .lead {
  text-align: justify;
  font-size: 13px;
  color: #1a1a1a;
}	

#autumnfestival2024 .komi_coupon .lead {
  margin: 0 10px;
  padding: 15px 25px;
  border-radius: 5px;
  font-size: 13px;
  background: #fff;
}	

#autumnfestival2024 .komi_coupon .lead .txt01{
  margin-left: 0;
  margin-bottom: 0;
  font-size: 12px;		
}

#autumnfestival2024 .komi_coupon .lead .txt01 span{
  color: #ff0000;
}

#autumnfestival2024 .komi_coupon .box_use {
  padding: 10px 0 0;
}	

#autumnfestival2024 .text-red {
  color: #f00 !important;
  font-weight: bold;
}	

#autumnfestival2024 .komi_coupon .text-red {
  font-weight: bold;
}	

#autumnfestival2024 .komi_coupon .box_input {
  margin: 3px 0 0;
  position: relative;
}	

#autumnfestival2024 .komi_coupon input[type="text"] {
  width: 100%;
  padding: 0 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1.5px solid #000;
  border-radius: 3px;
  line-height: 35px;
  font-weight: bold;
  background: #fff;
  color: #000;
  font-size: 14px;
  font-weight: normal;
}	

#autumnfestival2024 .to {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 200%;
  font-size: 0;
}	

#autumnfestival2024 [class*="btn"] {
  cursor: pointer;
}	

#autumnfestival2024 .komi_coupon input.btn_use {
  display: block;
  width: 75px;
  height: 26px;
  padding: 0;
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/pay/feature/autumnfestival2024/pay/allstar/komi_coupon/btn_use.png) no-repeat;
  background-size: 100%;
  position: relative;
  top: 5px;
  right: 0;
  right: 0;
  transform: translateY(0%);
  box-shadow: unset;
  border-radius: 0px;
  margin: 0 auto;
}

#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 .box_use.open-0{
  display: none;
}

#autumnfestival2024 input.copyToClip{
  position: absolute;
  top: 6px;
  right: 5px;
  font-size: 10px;
  padding: 5px;
}

.graphCnt{
  position: relative;
  background: url(../images/result/common/yoko/graph/bg.png)no-repeat center/contain;
  height: 294px;
  width: 290px;
}
.graph_bokashi{
  z-index: 2;
}
.graph_bokashi,.graph_result{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  padding:24px 25px 30px;
}
.graph_bokashi.open-0{
  display: none !important;
}

.two .box_result.yoko.bg2 {
  background-image: url(../images/result/common_affinity/yoko/bg_02.png);
}