@charset "UTF-8";
/* コピー元：michi */
/*////////////////////////////////////////////////////////

挨拶

////////////////////////////////////////////////////////*/
.komi_aisatsu.right {
  min-height: 315px;
  margin: 0 0 -50px;
  padding: 10px 10px 40px;
  background: url("../images/result/komi_aisatsu/teller.jpg") no-repeat;
  background-size: 100%;
}
.komi_aisatsu .serif {
  width: 200px;
  padding: 10px;
}
/*////////////////////////////////////////////////////////

共通結果

////////////////////////////////////////////////////////*/
#common .common_result {
  position: relative;
  z-index: 1;
}
.common_one .inner {
  background: url(../images/result/common/bg_result.jpg) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  min-height: 250px;
  position: relative;
  overflow: hidden;
}
[class^="profile"] {
  position: absolute;
  z-index: 1;
  line-height: 1;
  font-size: 10px;
  color: #fff;
}
[class^="profile"] span {
  font-size: 1.05em;
  font-weight: bold;
}
.common_one .profile {
  margin: auto;
  top: 5px;
  left: 0;
  right: 0;
  font-size: 11px;
}
.common_one .inner .anime_aura {
  width: 225px;
  height: 180px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  top: 35px;
}
.common_one .inner .anime_aura.aura01 {
  background: url(../images/result/common/aura/01.jpg) 0px 0px no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.common_one .inner .anime_aura.aura02 {
  background: url(../images/result/common/aura/02.jpg) 0px 0px no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.common_one .inner .anime_aura.aura03 {
  background: url(../images/result/common/aura/03.jpg) 0px 0px no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.common_one .inner .anime_aura.aura04 {
  background: url(../images/result/common/aura/04.jpg) 0px 0px no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.common_one .inner .anime_aura.aura05 {
  background: url(../images/result/common/aura/05.jpg) 0px 0px no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.common_one .inner .anime_aura.aura06 {
  background: url(../images/result/common/aura/06.jpg) 0px 0px no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.common_one .inner .anime_aura.aura07 {
  background: url(../images/result/common/aura/07.jpg) 0px 0px no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.common_one .inner .anime_aura.aura08 {
  background: url(../images/result/common/aura/08.jpg) 0px 0px no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.common_one .inner .anime_aura.aura09 {
  background: url(../images/result/common/aura/09.jpg) 0px 0px no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.common_one .inner .anime_aura.anime_in {
  -webkit-animation: aura_anime 5s steps(17) infinite forwards;
  -moz-animation: aura_anime 5s steps(17) infinite forwards;
  animation: aura_anime 5s steps(17) infinite forwards;
}
@-webkit-keyframes aura_anime {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -3825px 0px;
  }
}
@-moz-keyframes aura_anime {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -3825px 0px;
  }
}
@keyframes aura_anime {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -3825px 0px;
  }
}
.common_txt {
  padding: 20px 30px;
  text-align: left;
  color: #000;
  background: url(../images/result/common/common_txt_bg_top.jpg) no-repeat top, url(../images/result/common/common_txt_bg_btm.jpg) no-repeat center bottom -1px, url(../images/result/common/common_txt_bg_mid.jpg) repeat-y;
  background-size: 100%;
}
.common_txt_wrap .common_txt_b p {
  color: #fff;
}
/* 2人用
------------------------- */
.common_two .text-mincho {
  margin: 20px 0 -15px;
  text-shadow: 0 0 8px #754ff0;
  font-size: 18px;
  position: relative;
  z-index: 1;
}
.common_two .text-mincho span {
  color: #f53d90;
}
#common.common_two .common_result h3 {
  background: url(../images/result/common_affinity/title.png) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  min-height: 165px;
}
.common_two .common_result .inner {
  background: url(../images/result/common_affinity/bg_result.jpg) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  min-height: 264px;
  position: relative;
  overflow: hidden;
}
.common_two [class^="profile"] {
  width: 150px;
  top: 16px;
}
.common_two .profile {
  left: 0;
}
.common_two .profile_anohito {
  right: 0;
}
.common_two .inner .anime_resonance {
  width: 320px;
  height: 130px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  top: 59px;
}
.common_two .inner .anime_resonance {
  background: url(../images/result/common_affinity/bg_resonance.jpg) 0px 0px no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.common_two .inner .anime_resonance.anime_in {
  -webkit-animation: resonance_anime 4s steps(17) 1 forwards;
  -moz-animation: resonance_anime 4s steps(17) 1 forwards;
  animation: resonance_anime 4s steps(17) 1 forwards;
}
@-webkit-keyframes resonance_anime {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -5440px 0px;
  }
}
@-moz-keyframes resonance_anime {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -5440px 0px;
  }
}
@keyframes resonance_anime {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -5440px 0px;
  }
}
.common_two .inner .sli {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 320px;
  min-height: 260px;
  display: none;
  opacity: 0;
}
/*////////////////////////////////////////////////////////

小見出し

////////////////////////////////////////////////////////*/
[class^="komi_"] .txt {
  text-align: left;
  color: #000;
}
/*===================
小見出し：komi_normal
====================*/
.komi_normal {
  padding: 45px 25px;
  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%;
}
.sub_title {
  display: table;
  width: 100%;
  margin-bottom: 7px;
  padding: 0 20px 5px;
  line-height: 1.2;
  font-family: "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-weight: bold;
  font-size: 14px;
  height: 90px;
  background: url(../images/result/sub_title_bg.png) no-repeat center;
  background-size: 100%;
}
.sub_title span {
  display: table-cell;
  vertical-align: middle;
}
/*===================
小見出し：komi_jiki
====================*/
.lead_jiki {
  margin-bottom: -30px;
}
.komi_jiki {
  padding: 25px 25px 40px;
  background: url(../images/result/komi_jiki/bg_top.jpg) no-repeat top, url(../images/result/komi_jiki/bg_btm.jpg) no-repeat center bottom -1px, url(../images/result/komi_jiki/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
.sub_title.red {
  background: url(../images/result/sub_title_bg_red.png) no-repeat center;
  background-size: 100%;
}
.komi_jiki .jikiBox{
  height: 95px;
  margin: 0 -20px;
  padding: 0 30px 5px 35px;
  background: url("../images/jiki/bg.png") no-repeat;
  background-size: 100%;
}
/*===================
小見出し：komi_yesno
====================*/
.komi_yesno .text {
  margin: 0;
  line-height: 1.4;
  text-shadow: 0 0 5px #db21d2, 0 0 5px #db21d2, 0 0 10px #db21d2;
  font-family: "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 18px;
  position: relative;
}
.komi_yesno h3 {
  display: table;
  width: 100%;
  min-height: 185px;
  position: relative;
  background: url(../images/result/komi_yesno/title.jpg) no-repeat;
  background-size: 100%;
}
.komi_yesno h3 span {
  display: table-cell;
  font-size: 16px;
  padding: 53px 50px 0;
  line-height: 1.2;
  vertical-align: middle;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-shadow: 0px 0px 5px #dc2075, 0 0 5px #dc2075, 0 0 5px #dc2075, 0 0px 5px #dc2075, 0 0 15px #dc2075, 0 0 10px #dc2075;
}
.komi_yesno .yesno_box {
  min-height: 261px;
  position: relative;
  background: url(../images/result/komi_yesno/answer_box_bg.jpg) no-repeat;
  background-size: 100%;
}
.yesno_box [class^="yes_no"] {
  width: 185px;
  margin: 0 auto;
  position: absolute;
  left: 0px;
  top: 60px;
  z-index: 1;
  background: url(../images/result/komi_yesno/soul.png) no-repeat;
  background-size: 100%;
}
.komi_yesno .inner {
  padding: 25px 30px 65px;
  background: url(../images/result/komi_yesno/bg_top.jpg) no-repeat top, url(../images/result/komi_yesno/bg_btm.jpg) no-repeat center bottom -1px, url(../images/result/komi_yesno/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
.komi_yesno .inner p.txt {
  color: #fff;
}
/* ぼかし */
.komi_yesno .yesno_box.disp-0 {
  display: block;
}
.komi_yesno .yesno_box.disp-1 .yes_no {
  display: none;
}
.komi_yesno .yesno_box.disp-0 .yes_no_bokashi {
  display: none;
}
.komi_yesno .yesno_box p.disp-0 img {
  display: none;
}
/*===================
小見出し：komi_kao
====================*/
.tit_komi_kao {
  display: table;
  width: 100%;
  min-height: 63px;
  padding: 0 20px;
  font-family: "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  background: url(../images/result/komi_kao/title.jpg) no-repeat;
  background-size: 100%;
}
.tit_komi_kao > span {
  display: table-cell;
  vertical-align: middle;
  font-family: "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  text-shadow: 0 0 3px #bd1a87, 0 0 3px #bd1a87, 0 0 5px #bd1a87;
}
.komi_kao .face_box {
  height: 185px;
  background: url(../images/result/komi_kao/bg_face.jpg) no-repeat;
  background-size: 100%;
}
.komi_kao .face_box.free {
  height: 240px;
  margin: 0 0 -20px;
  background: url(../images/result/komi_kao/bg_face_free.jpg) no-repeat;
  background-size: 100%;
}
.komi_kao .inner {
  padding: 25px 25px 75px;
  background: url(../images/result/komi_kao/bg_top.jpg) no-repeat top, url(../images/result/komi_kao/bg_btm.jpg) no-repeat bottom, url(../images/result/komi_kao/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
.kao_img_bokashi,
.face_box.free-1 .kao_img{
  display: none;
}
.face_box.free-1 .kao_img_bokashi {
  display: block;
}
/*===================
小見出し：komi_word
====================*/
.tit_komi_word {
  display: table;
  width: 100%;
  min-height: 130px;
  margin: -10px 0 0;
  padding: 60px 40px 15px;
  line-height: 1.1;
  font-size: 15px;
  font-family: "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  background: url(../images/result/komi_word/title.jpg) no-repeat;
  background-size: 100%;
}
.tit_komi_word > span {
  display: table-cell;
  vertical-align: middle;
  font-family: "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  text-shadow: 0 0 3px #30a58a, 0 0 3px #30a58a, 0 0 5px #30a58a;
}
.tit_komi_word > span > span {
  line-height: 1;
}
.komi_word .word_box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 210px;
  background: url(../images/result/komi_word/bg_word.jpg) no-repeat;
  background-size: 100%;
}
.komi_word .word_box p {
  width: 45%;
  padding-right: 20px;
  font-size: 24px;
  line-height: 1.3;
  font-family: "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  text-shadow: 0 0 3px #7505bc, 0 0 3px #7505bc, 0 0 3px #7505bc, 0 0 10px #7505bc, 0 0 10px #7505bc;
}
.word_txt.blur-1 span {
  -ms-filter: blur(4px);
  filter: blur(4px);
}
.komi_word .inner {
  padding: 25px 25px 65px;
  background: url(../images/result/komi_word/bg_top.jpg) no-repeat top, url(../images/result/komi_word/bg_btm.jpg) no-repeat center bottom -1px, url(../images/result/komi_word/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
/*===================
小見出し：komi_voice
====================*/
.komi_voice {
  position: relative;
}
.komi_voice .voice_box {
  min-height: 235px;
  position: relative;
  background: url(../images/result/komi_voice/bg_voice.jpg) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.komi_voice [class^="word_txt"] {
  display: none;
  opacity: 0;
  position: absolute;
  letter-spacing: -1px;
  text-align: left;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.komi_voice .word_txt01 {
  left: 10px;
  top: 20px;
  font-size: 20px;
  text-shadow: 0px 0px 5px #3b81b4, 0 0 5px #3b81b4, 0px 0px 5px #3b81b4;
}
.komi_voice .word_txt02 {
  right: 5px;
  bottom: 90px;
  font-size: 29px;
  text-shadow: 0px 0px 5px #339966, 0 0 5px #339966, 0px 0px 5px #339966;
}
.komi_voice .word_txt03 {
  left: 35px;
  bottom: 35px;
  font-size: 20px;
  text-shadow: 0px 0px 5px #d8440d, 0 0 5px #d8440d, 0 0 5px #d8440d;
}
/* ぼかし */
.komi_voice .voice_box.disp-0 {
  display: block;
}
.komi_voice .voice_box.disp-1 .word_txt02 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  font-size: 0;
  width: 207px;
  min-height: 54px;
  background: url(../images/result/komi_voice/bokashi01.png) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  bottom: 75px;
}
.komi_voice .voice_box.disp-1 .word_txt03 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  font-size: 0;
  width: 200px;
  min-height: 54px;
  background: url(../images/result/komi_voice/bokashi02.png) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  bottom: 20px;
  margin-left: -45px;
}
.komi_voice .inner {
  padding: 25px 30px 60px;
  background: url(../images/result/komi_voice/bg_top.jpg) no-repeat top, url(../images/result/komi_voice/bg_btm.jpg) no-repeat center bottom -1px, url(../images/result/komi_voice/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
/*===================
小見出し：komi_sound
====================*/
.komi_sound .text {
  margin: 0;
  line-height: 1.6;
  text-shadow: 0 0 1px #db21b3, 0 0 3px #db21b3, 0 0 3px #db21b3, 0 0 3px #db21b3, 0 0 3px #db21b3, 0 0 3px #db21b3, 0 0 10px #db21b3, 0 0 10px #db21b3, 0 0 10px #db21b3, 0 0 10px #db21b3, 0 0 10px #db21b3;
  font-family: "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 15px;
  position: relative;
}
.komi_sound .sound_box {
  height: 172px;
  margin: -1px 0;
  background: url(../images/result/komi_sound/bg_sound.jpg) no-repeat;
  background-size: 100%;
}
.komi_sound .inner {
  padding: 25px 30px 60px;
  background: url(../images/result/komi_sound/bg_top.jpg) no-repeat top, url(../images/result/komi_sound/bg_btm.jpg) no-repeat bottom, url(../images/result/komi_sound/bg_mid.jpg) repeat-y;
  background-size: 100%;
  position: relative;
}
/*===================
小見出し：komi_mes
====================*/
.komi_mes .inner {
  margin: -15px 0 0;
  padding: 0 25px 55px;
  background: url(../images/result/komi_mes/bg_btm.jpg) no-repeat bottom, url(../images/result/komi_mes/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
/*===================
誘導：yudo
====================*/
#yudo {
  padding: 20px 0 0;
}
#yudo .bokashi{
  min-height: 170px;
}
.menu_title + .komi_normal {
  margin: -20px 0 0;
}
.komi_normal .menu_list{
  margin: 0 -10px;
}
.text_yudo{
  margin: -85px auto 20px;
  padding: 10px;
  border-radius: 8px;
  line-height: 1.3;
  text-align: left;
  font-size: 10px;
  color: #000;
  position: relative;
  z-index: 1;
  background: rgba(255,255,255,.8);
}
.text_yudo span{
  display: block;
  padding: 0 0 2px;
  text-align: center;
  font-weight: bold;
  font-size: 1.05em;
  color: red;
}
/*===================
ぼかし
====================*/
.disp-0 {
  display: none;
}
.bokashi {
  background: url(../images/result/bokashi/bokashi.png) no-repeat;
  background-size: cover;
  min-height: 135px;
  position: relative;
  margin: 5px;
  z-index: 1;
}
.komi_yesno .bokashi {
  background: url(../images/result/bokashi/bokashi02.png) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.bokashi.bokashi_yudo {
  background: url(../images/result/bokashi/bokashi_yudo.png) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  min-height: 170px;
  position: relative;
  margin: 0px 20px -85px 23px;
}
.bokashi .btn,
.btn_more_pay {
  display: block;
  background: url(../images/result/btn_regist_next.png) no-repeat;
  background-size: 100%;
  min-height: 60px;
  position: relative;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  font-size: 0;
  width: 90%;
  margin: 0 auto;
  top: 30px;
}
.komi_msg .bokashi {
  margin: 0 8px 0 12px;
}
.btn_yudo .btn {
  display: block;
  background: url(../images/result/btn_regist_next.png) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  min-height: 53px;
  position: relative;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  font-size: 0;
  width: 90%;
  margin: 0 auto;
  top: 150px;
}
#yudo .bokashi .btn {
  top: 25px;
  width: 83%;
}
.list_s .btn_yudo .btn {
  width: 100%;
  top: 0;
}
.btn_yudo_free .btn {
  display: block;
  background: url(../images/result/btn_regist_free.png) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  min-height: 77px;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  font-size: 0;
  width: 100%;
  margin: 0 auto;
  top: 145px;
}
/*===================
無料結果
====================*/
.free_result .komi_voice.ver2 .voice_box {
  min-height: 137px;
  position: relative;
  background: url(../images/result_free/img01.jpg) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.free_result .komi_voice.ver2 .word_txt02 {
  bottom: 50px;
  font-size: 18px;
}
.free_result .komi_voice.ver2 .word_txt03 {
  bottom: 10px;
}
.btn_unmei {
  width: 90%;
  margin: auto;
}
.free_result .box_txt,
.free_result [class^="free_box"] {
  position: relative;
}
.free_result .box_txt p {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  font-family: "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 17px;
}
.free_result .box_txt p span {
  font-size: 1.1em;
}
.free_result .free_box02 {
  margin-bottom: -32px;
  z-index: 1;
}
.free_result .free_box02 p {
  width: 180px;
  position: absolute;
  top: 145px;
  left: 20px;
  line-height: 1.4;
  text-align: left;
  text-shadow: 0 0 1px #db21b3, 0 0 3px #db21b3, 0 0 3px #db21b3, 0 0 3px #db21b3, 0 0 3px #db21b3, 0 0 3px #db21b3, 0 0 10px #db21b3, 0 0 10px #db21b3, 0 0 10px #db21b3, 0 0 10px #db21b3, 0 0 10px #db21b3;
  font-family: "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 17px;
}
.free_result .bokashi .btn {
  background: url(../images/result_free/btn_regist.png) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  min-height: 62px;
}
/* 二人用 */
.free_result .komi_voice.ver3 .word_txt03 {
  width: 220px;
  bottom: 15px;
  left: 5px;
}
.free_result .common_two .lead_box h3 span {
  font-size: 40px;
}
.free_result .common_two .lead_box h3 span font {
  font-size: 30px !important;
}
/*===================
confirm
====================*/
.ppvdo.confirm .menu_title .title_s h2 {
  font-size: 14px;
  font-weight: normal;
  color: #000000;
}
.ppvdo.confirm .title {
  padding: 0 20px;
  line-height: 1.5 !important;
  font-size: 14px;
}
.ppvdo.confirm #yudo .list_yudo_wrap, .box_ppvpre #yudo .list_yudo_wrap {
  background: none;
  padding: 0;
  margin: 0;
}
.ppvdo.confirm #yudo .list_s, .box_ppvpre #yudo .list_s {
  padding-top: 0;
}
.ppvdo.confirm .ppv_view.confirm_box .subtitle, .box_ppvpre .ppv_view.confirm_box .subtitle {
  margin-bottom: 5px;
}
.ppvdo.confirm #yudo .list_s {
  padding-top: 0;
}
.ppvdo.confirm #yudo .list_s:before {
  content: "";
  height: 7px;
  width: 97%;
  position: absolute;
  left: 5px;
  right: 0;
  top: -7px;
  background: #581634;
}