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

common

////////////////////////////////////////////////////////*/
.f_left {
  float: left;
}
.f_right {
  float: right;
}
.f_none {
  float: none !important;
  margin: 0 auto;
}
.d_none {
  display: none;
}
section {
  clear: both;
  margin-bottom: 20px;
}
.inner_txt {
  position: relative;
  z-index: 1000;
}
/*----- 汎用box -----*/
.box {
  position: relative;
  overflow: hidden;
  clear: both;
}
/*----- 新規2日間出し分け -----*/
.new_member_off, .new_member_on {
  display: none;
}
.new_member-0 .new_member_off, .new_member-1 .new_member_on {
  display: block;
}
/*----- 従量未購入出し分け -----*/
.unpaido_off, .unpaido_on, .new_member-0 .unpaido_off, .new_member-0 .unpaido_on {
  display: none;
}
/*----- COIPO以外 新規2日間出し分け -----*/
.join_member_off, .join_member_on {
  display: none;
}
.join_member-0 .join_member_off, .join_member-1 .join_member_on {
  display: block;
}
.unpaido-0 .unpaido_off, .unpaido-1 .unpaido_on {
  display: block;
}
/*-----テキストのみの出し分け -----*/
.textdisp-0, .textdisp-2 {
  display: none;
}
/*////////////////////////////////////////////////////////

free

////////////////////////////////////////////////////////*/
.free_top section, .free_top p {
  margin-bottom: 0;
}
.main_obi {
  color: #000;
  background: yellow;
  font-weight: bold;
  padding: 10px;
  font-size: 17px;
  line-height: 1.3;
  font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.main_obi span {
  color: red;
}
.free_top .bnr-common {
  display: none;
}
.free_top .bnr-docomo02 {
  display: none;
}
.free_top .bnr-docomo p {
  background: rgba(0, 0, 0, .4);
  padding: 10px;
}
.free_top .disp-common {
  display: none;
}
.free_top .guerrillaEvent.open-0, .free_top .guerrillaEvent.open-2 {
  display: none;
}
.free_top .guerrillaEvent .txt01 {
  font-size: 16px;
  font-weight: bold;
  animation: guerrillaEventblink 1.2s infinite;
}
@keyframes guerrillaEventblink {
  0% {
    color: yellow;
  }
  50% {
    color: black;
  }
  100% {
    color: yellow;
  }
}
.btn_free {
  position: relative;
  z-index: 99;
  margin-bottom: 20px;
}
.btn_free li {
  width: 160px;
  float: left;
  margin-left: 0px;
}
.btn_free a {
  display: block;
  height: 107px;
  width: 160px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.btn_free.is-common a {
  background: url(../images/free/sprite_btn_free-common.png) left top no-repeat;
  background-size: 320px 113px;
  background-position: 0px 0px;
}
.btn_free.is-docomo a {
  background: url(../images/free/sprite_btn_free-docomo.png) left top no-repeat;
  background-size: 320px 113px;
  background-position: 0px 0px;
}
.btn_free li:last-child a {
  background-position: -160px 0px;
}
.btn-regist {
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.btn-regist a {
  display: block;
  width: 100%;
  height: 125px;
  margin: 0 auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../images/free/btn_regist.png) no-repeat center top;
  background-size: 100%;
}
.btn-regist.regist01 a {
  background: url(../images/free/btn_regist01.png) no-repeat center top;
  background-size: 100%;
}
.btn-regist-now {
  margin: 0 0 10px 0;
  text-align: center;
  position: relative;
}
.btn-regist-now a {
  display: block;
  width: 100%;
  height: 105px;
  margin: 0 auto 0px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../images/free/btn_regist_now.png) no-repeat center top;
  background-size: 100%;
}
.btn-regist-name {
  margin: 0 0 10px 0;
  text-align: center;
  position: relative;
}
.btn-regist-name a {
  display: block;
  width: 100%;
  height: 105px;
  margin: 0 auto 0px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../images/free/btn_regist_name.png) no-repeat center top;
  background-size: 100%;
}
.btn-ppv {
  width: 80%;
  margin: 0 auto 20px auto;
  position: relative;
}
.btn-ppv a {
  display: block;
  width: 100%;
  height: 65px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../images/ppv/btn_ppv.png) no-repeat center top;
  background-size: 100%;
}
.btn-intro {
  width: 85%;
  margin: 0 auto 20px auto;
  position: relative;
}
.btn-intro a {
  display: block;
  width: 100%;
  height: 65px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../images/free/btn_intro.png) no-repeat center top;
  background-size: 100%;
}
.menu-list {
  margin: 0 10px;
}
.menu-list li {
  margin-bottom: 5px;
}
.menu-list li a {
  display: block;
  position: relative;
  color: #fff;
  padding: 12px 25px 12px 12px;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid #fa19f9;
  border-radius: 7px;
  background: -moz-linear-gradient(left, #7a04a7, #0623ab);
  background: -webkit-linear-gradient(left, #7a04a7, #0623ab);
  background: linear-gradient(to right, #7a04a7, #0623ab);
  box-shadow: 0 0 12px 2px #ed07d6 inset;
  text-align: left;
}
.menu-list li a:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  background: url(../images/free/icon_arrow.png) no-repeat;
  background-size: 100% auto;
  width: 10px;
  height: 13px;
  margin-top: -5px;
}
.yudo01 ul {
  width: 100%;
  position: absolute;
  top: 175px;
  left: 0;
}
.yudo01 li {
  height: 60px;
}
.yudo01 li:nth-child(odd) {
  margin-right: 25%;
}
.yudo01 li:nth-child(even) {
  margin: 35px 0 30px 25%;
}
.yudo01 a {
  display: block;
  height: 100%;
}
/* w登録 */
.yudo_cate.link01 .wcam.box, .yudo_cate.link08 .wcam.box, .yudo_cate.link13 .wcam.box, .yudo_cate.link14 .wcam.box {
  margin-top: 20px;
  min-height: 289px;
  padding-bottom: 0px;
  background-image: none;
}
.yudo_cate.link01 .wcam.box {
  margin-bottom: -20px;
}
.wcam.box a {
  display: block;
  width: 290px;
  height: 182px;
  position: absolute;
  bottom: 18px;
  left: 15px;
}
.loopD .wcam.box a {
  display: block;
  width: 290px;
  height: 182px;
  position: absolute;
  bottom: 18px;
  left: 15px;
}
/* トリプル入会キャンペーン */
/* .yudo_cate .nyuukai_campaign.open-0 {
  display: none;
} */
/* 口コミ */
.review li {
  padding: 70px 30px 60px;
  position: relative;
  overflow: hidden;
  text-align: left;
  color: #262626;
}
.review li:nth-child(1) {
  background: url(../images/free/review01.jpg) no-repeat top, url(../images/free/bg_review_btm.jpg) no-repeat bottom, url(../images/free/bg_review_mid.jpg) repeat-y;
  background-size: 100%;
}
.review li:nth-child(2) {
  background: url(../images/free/review02.jpg) no-repeat top, url(../images/free/bg_review_btm.jpg) no-repeat bottom, url(../images/free/bg_review_mid.jpg) repeat-y;
  background-size: 100%;
}
.review li:nth-child(3) {
  background: url(../images/free/review03.jpg) no-repeat top, url(../images/free/bg_review_btm.jpg) no-repeat bottom, url(../images/free/bg_review_mid.jpg) repeat-y;
  background-size: 100%;
}
.review p {
  margin-bottom: 0;
}
.review .close {
  display: none;
}
.review .space {
  display: block;
  width: 100px;
  height: 110px;
  float: left;
}
.review .more {
  padding-left: 10px;
  font-weight: bold;
  color: #001fdb;
}
.ppvmenu {
  padding-top: 10px;
  overflow: hidden;
}
.ppvmenu .cap {
  width: 100%;
  margin-bottom: 5px;
  line-height: 25px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  background: #e50001;
}
.ppvmenu .ppvicon {
  width: 80px;
  float: left;
}
.ppvmenu a {
  font-weight: bold;
  color: #001fdb;
}
/*占えるメニューをご紹介*/
.otoku .box a {
  display: block;
  width: 262px;
  height: 41px;
  margin: 0 auto;
  position: absolute;
  bottom: 12px;
  left: 5px;
  right: 0;
}
.btn-regist-truth {
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.btn-regist-truth a {
  display: block;
  width: 270px;
  height: 65px;
  margin: 0 auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../images/free/btn_regist_truth.png) no-repeat center top;
  background-size: 100%;
}
.btn-regist-known a {
  display: block;
  width: 270px;
  height: 65px;
  margin: 0 auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../images/free/btn_regist_known.png) no-repeat center top;
  background-size: 100%;
}
/* ふわふわ */
.anime_fuwa {
  background: url(../images/free/05.jpg) no-repeat;
  height: 760px;
  background-size: 100%;
  position: relative;
}
.anime_fuwa p {
  width: 98px;
  height: 143px;
  position: absolute;
  left: 43px;
  top: 68px;
}
.anime_fuwa p img {
  animation: vertical 2.5s ease-in-out infinite alternate;
}
@keyframes horizontal {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(3px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes vertical {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
    opacity: 0.8;
  }
  100% {
    transform: translateY(0);
  }
}
.aura-ball {
  width: 100px;
  position: fixed;
  right: -10px;
  top: 10px;
  z-index: 2000;
  /*	-webkit-animation: auraball 3s linear infinite;
	animation: auraball 3s linear infinite;*/
  animation: horizontal 3s ease-in-out infinite alternate;
  transform-origin: 50% 50%;
  opacity: 0.7;
}
.aura-ball img {
  animation: vertical 4s ease-in-out infinite alternate;
}
@-webkit-keyframes auraball {
  0% {
    transform: translateY(0)
  }
  33.33333% {
    transform: translateY(-10px);
  }
  50% {
    opacity: 0.4;
  }
  66.66667% {
    transform: translateY(0)
  }
  100% {
    transform: translateY(0)
  }
}
@keyframes auraball {
  0% {
    transform: translateY(0)
  }
  33.33333% {
    transform: translateY(-10px)
  }
  50% {
    opacity: 0.4;
  }
  66.66667% {
    transform: translateY(0)
  }
  100% {
    transform: translateY(0)
  }
}
/*リニューアル*/
.renewal .slider {
  position: relative;
  overflow: hidden;
}
.renewal .slider .inner.common {
  height: 355px;
  background: url(../images/free_new/img04-common.jpg) no-repeat left top;
  background-size: 100%;
}
.renewal .slider .inner.docomo {
  height: 355px;
  background: url(../images/free_new/img04-docomo.jpg) no-repeat left top;
  background-size: 100%;
}
.renewal .slider .inner.common.ver02 {
  height: 355px;
  background: url(../images/free_new/img04_2-common.jpg) no-repeat left top;
  background-size: 100%;
}
.renewal .slider .inner.docomo.ver02 {
  height: 355px;
  background: url(../images/free_new/img04_2-docomo.jpg) no-repeat left top;
  background-size: 100%;
}


.renewal.renewal02 .slider .inner.common.ver02 {
  height: 339px;
  background: url(../images/free_new2/img04_2-common.jpg) no-repeat left top;
  background-size: 100%;
}
.renewal.renewal02 .slider .inner.docomo.ver02 {
  height: 339px;
  background: url(../images/free_new2/img04_2-docomo.jpg) no-repeat left top;
  background-size: 100%;
}


.renewal .pay_top .slider .inner {
  height: auto;
  background: url(../images/pay/renewal/bg_slider_mid.jpg) repeat-y left top;
  background-size: 100%;
  padding: 20px 25px;
}
.renewal.renewal02 .pay_top .slider .inner {
  background: url(../images/pay/renewal02/bg_slider_mid.jpg) repeat-y left top;
  background-size: 100%;
}
.renewal .pay_top .slider .inner:before {
  content: "";
  background: url(../images/pay/renewal/bg_slider_top.jpg) no-repeat left top;
  background-size: 100%;
  width: 100%;
  height: 19px;
  position: absolute;
  top: -1px;
  left: 0
}
.renewal.renewal02 .pay_top .slider .inner:before{
  background: url(../images/pay/renewal02/bg_slider_top.jpg) no-repeat left top;
  background-size: 100%;
}

.renewal .pay_top .slider .inner:after {
  content: "";
  background: url(../images/pay/renewal/bg_slider_btm.jpg) no-repeat left bottom;
  background-size: 100%;
  width: 100%;
  height: 16px;
  position: absolute;
  bottom: -1px;
  left: 0
}
.renewal.renewal02 .pay_top .slider .inner:after{
  background: url(../images/pay/renewal02/bg_slider_btm.jpg) no-repeat left bottom;
  background-size: 100%;
}

.renewal .bx-wrapper {
  width: 300px !important;
  top: 185px;
}
.renewal.renewal02 .bx-wrapper {
  top: 172px;
}

.renewal .pay_top .bx-wrapper {
  width: 280px !important;
  height: 180px !important;
  top: 0;
}
.renewal .bx-wrapper .bx-wrapper {
  width: 250px !important;
  top: 0;
}
.renewal .bx-viewport {
  height: 120px !important;
  width: 260px !important;
  margin: 0 auto;
  overflow: inherit !important;
}
.renewal .pay_top .bx-viewport {
  height: 182px !important;
  width: 270px !important;
  top: 0;
  overflow: hidden !important;
}
.renewal .bx-wrapper ul li {
  width: 250px !important;
  margin: 0 5px;
}
.renewal .pay_top .bx-wrapper ul li {
  width: 270px !important;
  margin: 0;
}
.pay_top .notAcquired {
  color: red;
  font-size: 12px;
  position: relative;
  left: -10px;
}
.pay_top .notAcquired.active {
  display: none;
}
.pay_top .notAcquired.open-0 {
  display: none;
}
.pay_top .stampBox.open-0, .pay_top .bnr_feature.beginner.on01-0, .pay_top .bnr_feature.beginner.on02-1 {
  display: none !important;
}
.pay_top .bnr_feature.open-0.on01-1 {
  /* display: block; */
}
.renewal .btn_free {
  margin: 0 10px;
}
.renewal .btn_free li {
  width: 150px;
}
.renewal .btn_free.is-common a {
  background: url(../images/free_new/sprite_btn_free-common.png) left top no-repeat;
  background-size: 305px 95px;
  background-position: 0px 0px;
}
.renewal .btn_free.is-docomo a {
  background: url(../images/free_new/sprite_btn_free-docomo.png) left top no-repeat;
  background-size: 305px 95px;
  background-position: 0px 0px;
}
.renewal .btn_free li:last-child a {
  background-position: -155px 0px;
}
.renewal .pay_top .slider .inner .fuki {
  position: relative;
  background: url(../images/pay/renewal/fuki_mid.jpg) repeat-y left top;
  background-size: 100%;
  padding: 15px 10px 10px;
  margin-bottom: 10px;
}
.renewal.renewal02 .pay_top .slider .inner .fuki {
  background: url(../images/pay/renewal02/fuki_mid.jpg) repeat-y left top;
  background-size: 100%;
}
.renewal .pay_top .slider .inner .fuki:before {
  content: "";
  background: url(../images/pay/renewal/fuki_top.jpg) no-repeat left top;
  background-size: 100%;
  width: 100%;
  height: 25px;
  position: absolute;
  top: -1px;
  left: 0
}
.renewal.renewal02 .pay_top .slider .inner .fuki:before{
  background: url(../images/pay/renewal02/fuki_top.jpg) no-repeat left top;
  background-size: 100%; 
}
.renewal .pay_top .slider .inner .fuki:after {
  content: "";
  background: url(../images/pay/renewal/fuki_btm.jpg) no-repeat left bottom;
  background-size: 100%;
  width: 100%;
  height: 25px;
  position: absolute;
  bottom: -1px;
  left: 0
}
.renewal.renewal02 .pay_top .slider .inner .fuki:after{
  background: url(../images/pay/renewal02/fuki_btm.jpg) no-repeat left bottom;
  background-size: 100%;
}
.renewal .pay_top .slider .inner .fuki p {
  text-align: left;
}
.renewal .pay_top .bx-wrapper .bx-pager.bx-default-pager a:hover, .renewal .pay_top .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #2c0b52;
}
/* 有料TOP上部 スライドバナー(他サイトから移植) */
.bxslider_wrap {
  overflow: hidden;
}
.renewal .pay_top .bxslider_wrap .slider_box {
  width: 10000% !important;
}
.renewal .pay_top .bxslider_wrap .slider_box li {
  padding: 0 3px;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 273.5px !important;
  /* height: 128px; */
  height: 153px;
}
.renewal .pay_top .bxslider_wrap .bx-wrapper {
  /* height: 152px !important; */
  height: 185px !important;
  margin: 0 auto !important;
  position: relative !important;
}
.renewal .pay_top .bxslider_wrap .bx-wrapper .bx-viewport {
  margin: 0 0 5px !important;
  /* height: 128px !important; */
  height: 158px !important;
  overflow: visible !important;
  -webkit-transform: translatez(0) !important;
  -moz-transform: translatez(0) !important;
  -ms-transform: translatez(0) !important;
  -o-transform: translatez(0) !important;
  transform: translatez(0) !important;
}
.bxslider_wrap .bx-pager-item {
  display: inline-block !important;
}
.bxslider_wrap .bx-default-pager a {
  display: block !important;
  width: 10px !important;
  height: 10px !important;
  margin: 0 5px !important;
  border-radius: 10px !important;
  outline: 0 !important;
  text-indent: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  background: #fff !important;
}
.bxslider_wrap .bx-default-pager a.active {
  background: #f40000 !important;
}
.bxslider_wrap .bx-default-pager a, .bx-controls-direction a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.bxslider_wrap .bx-prev, .bxslider_wrap .bx-next {
  display: block;
  width: 20px;
  height: 32px;
  position: absolute;
  /* top: 48px; */
  top: 60px;
  background: url("../images/free_new/controls.png") no-repeat;
  background-size: 100%;
}
.bxslider_wrap .bx-next {
  right: -14px !important;
}
.bxslider_wrap .bx-prev {
  left: -14px !important;
  transform: scale(-1, 1) !important;
}
/* 有料TOP main_visual改修 202407 */
.pay_top .main_visual .first_view.common {
  position: relative;
  background: url(../images/pay/renewal/teller_main2-common.jpg) top / 100% no-repeat;
  height: 272px;
}
.pay_top .main_visual .first_view.docomo {
  position: relative;
  background: url(../images/pay/renewal/teller_main2-docomo.jpg) top / 100% no-repeat;
  height: 272px;
}

.renewal02 .pay_top .main_visual .first_view.common{
  background: url(../images/pay/renewal02/teller_main2-common.jpg) top / 100% no-repeat; 
}
.renewal02 .pay_top .main_visual .first_view.docomo {
  background: url(../images/pay/renewal02/teller_main2-docomo.jpg) top / 100% no-repeat;
}

.renewal02 .pay_top .main_visual .first_view.common.valentine-1{
  background: url(../images/pay/renewal02/valentine/teller_main2-common.jpg) top / 100% no-repeat; 
}
.renewal02 .pay_top .main_visual .first_view.docomo.valentine-1 {
  background: url(../images/pay/renewal02/valentine/teller_main2-docomo.jpg) top / 100% no-repeat;
}

.pay_top .main_visual .first_view .fortune {
  position: absolute;
  top: 27px;
  left: 24px;
  width: 155px;
  height: 77.5px;
  border-radius: 10px;
}
.pay_top .main_visual .first_view .fortune:after {
  content: "";
  background: url(../images/pay/tab/finger.png) no-repeat;
  background-size: 100%;
  width: 24px;
  height: 28px;
  position: absolute;
  top: 40px;
  right: -8px;
  animation: click 1s linear infinite;
  -webkit-animation: click 1s linear infinite;
}
.pay_top .main_visual .first_view .present {
  position: absolute;
  top: 110px;
  left: 24px;
  width: 78px;
  height: 77.5px;
  border-radius: 10px;
}
.pay_top .main_visual .first_view .present.icon-1:after {
  position: absolute;
  content: "";
  width: 27px;
  height: 34.5px;
  top: -6px;
  right: -7px;
  -webkit-animation: blink_img 1s ease-in-out infinite alternate;
  -moz-animation: blink_img 1s ease-in-out infinite alternate;
  animation: blink_img 1s ease-in-out infinite alternate;
  background: url(../images/icon/icon-mark2.png) no-repeat;
  background-size: 100%;
}
.pay_top .main_visual .first_view .ikiryo {
  position: absolute;
  top: 110px;
  left: 106px;
  width: 78px;
  height: 77.5px;
  border-radius: 10px;
}
.pay_top .main_visual .first_view .ikiryo:after {
  position: absolute;
  content: "";
  width: 21px;
  height: 23px;
  top: 0;
  right: -3px;
  -webkit-animation: float 2s ease-in-out infinite alternate;
  -moz-animation: float 2s ease-in-out infinite alternate;
  animation: float 2s ease-in-out infinite alternate;
  background: url(../images/icon/icon-ghost.png) no-repeat;
  background-size: 100%;
}
.pay_top .main_visual .first_view .members {
  position: absolute;
  top: 194px;
  left: 24px;
  width: 158.5px;
  height: 51px;
  border-radius: 7px;
}
.pay_top .main_visual .first_view a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
}
.pay_top .main_visual .news_list {
  background: url(../images/pay/renewal/bg_news_list_top.jpg) no-repeat top, url(../images/pay/renewal/bg_news_list_btm.jpg) no-repeat bottom, url(../images/pay/renewal/bg_news_list_mid.jpg) repeat-y;
  background-size: 100%;
  padding: 30px 20px;
}
.renewal02 .pay_top .main_visual .news_list{
  background: url(../images/pay/renewal02/bg_news_list_top.jpg) no-repeat top, url(../images/pay/renewal02/bg_news_list_btm.jpg) no-repeat bottom, url(../images/pay/renewal02/bg_news_list_mid.jpg) repeat-y;
  background-size: 100%;
}


.pay_top .main_visual .news_list div {
  font-weight: bold;
  color: #000;
  font-size: 11px;
}
.pay_top .main_visual .news_list div:not(:last-of-type) {
  margin-bottom: 5px;
}
.pay_top .main_visual .news_list dt {
  float: left;
}
.pay_top .main_visual .news_list dt::after {
  content: "：";
}
.pay_top .main_visual .news_list dd {
  text-align: left;
}
.pay_top .main_visual .news_list dd a {
  color: #000;
}
/*----- 占いを探しやすくなりました -----*/
.media-kb-gadget {
  padding: 2px 7px 7px !important;
}
.media-kb-gadget * {
  font-size: 10px !important;
}
.media-kb-gadget svg {
  width: 11px !important;
  vertical-align: -2px !important;
}
.media-kb-gadget .media-kb-gadget-head {
  padding: 0 0 2px !important;
}
.media-kb-gadget .media-kb-gadget-label ul.label-groups {
  padding: 0 !important;
}
.media-kb-gadget .media-kb-gadget-label ul.label-groups li {
  border-radius: 5px !important;
}
.media-kb-gadget .media-kb-gadget-label ul.label-groups li > label {
  padding: 0 7px !important;
}
.media-kb-gadget .media-kb-gadget-body {
  margin-top: 10px;
}
#media-kb-gadget-label-names {
  z-index: 1;
}
#media-kb-gadget-label-names > ul {
  top: 50px !important;
}
/*LPO（すごいプロモするプロジェクト用）*/
.slider_lpo {
  position: relative;
  height: 401px;
  width: 320px;
}
.slider_lpo_box {
  position: absolute;
  top: 0px;
  z-index: 2;
  pointer-events: none;
}
.bxslider_lpo {
  width: 320px;
  position: absolute;
  top: 64px;
  z-index: 1;
}
/*////////////////////////////////////////////////////////

free fortune

////////////////////////////////////////////////////////*/
.free_index p {
  margin-bottom: 0;
}
/* form */
.inner_txt {
  position: relative;
  z-index: 1000;
}
.form_wrap {
  padding: 20px 20px 30px;
  background: url(../images/free/bg_ff_mid.jpg) repeat-y;
  background-size: 100%;
  position: relative;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}
.form_wrap:before {
  background-image: url(../images/free/bg_ff_top.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
  content: '';
  width: 100%;
  height: 35px;
  position: absolute;
  top: 0;
  left: 0;
}
.form_wrap:after {
  background-image: url(../images/free/bg_ff_btm.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
  content: '';
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.form_wrap.two {
  background: url(../images/free/bg_ff_mid02.jpg) repeat-y;
  background-size: 100%;
}
.form_wrap.two:before {
  background-image: url(../images/free/bg_ff_top02.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
}
.form_wrap.two:after {
  background-image: url(../images/free/bg_ff_btm02.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
}
.form_wrap dt {
  float: left;
  width: 28px;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  background: #790cc2;
  border-radius: 5px;
  margin-right: 2px;
}
.form_wrap dd {
  margin-bottom: 0;
  float: left;
  width: 78%;
}
.form_wrap input[type="text"] {
  width: 100%;
  padding: 0 5px;
  box-sizing: border-box;
  height: 30px;
  line-height: 1;
  outline: 0;
  border: 1px solid #a0a0a0;
  border-radius: 4px;
  font-size: 13px;
}
/*2024年　年運*/
.form_wrap_2024 dt {
  background: #ff4949 !important;
}
.form_wrap_2024 dd {
  margin-bottom: 0;
  float: left;
  width: 78%;
}
.form_wrap_2024 input[type="text"] {
  border: 1px solid #a0a0a0;
}
.form_wrap_2024 input[type="text"] {
  border: 1px solid #ff4949 !important;
}
.form_wrap_2024 {
  padding: 10px 25px 30px !important;
  ;
  background: url(../images/pr/renun2024/2024_bg_mid.jpg) repeat-y !important;
  /* background: url(../images/pr/renun2024/2024_bg_mid.jpg) repeat-y !important; */
  background-size: 100% !important;
  ;
  position: relative !important;
  ;
  width: 100% !important;
  ;
  height: auto !important;
  ;
  box-sizing: border-box !important;
  ;
}
.form_wrap_2024:after {
  background-image: url(../images/pr/renun2024/2024_bg_btm.jpg) !important;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
  content: '';
  width: 100%;
  height: 64px;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.form_wrap_2024 input[type="text"] {
  width: 100%;
  padding: 0 5px;
  margin-left: -10px;
  box-sizing: border-box;
  height: 30px;
  line-height: 1;
  outline: 0;
  border: 1px solid #ff4949 !important;
  border-radius: 5px;
  font-size: 13px;
  background: #faf5ff;
}
.form_wrap_2024 .sex_wrap select {
  width: 100%;
  background: #faf5ff !important;
  border-radius: 5px;
  margin-left: -10px;
  padding-left: 10px;
  background: url(../images/icon/arrow_select.png) no-repeat 88% center #faf5ff;
  background-size: 12px;
}
.form_wrap_2024 select {
  border: 1px solid #ff4949 !important;
}
/*注意文言*/
.form_wrap .att {
  padding: 0;
  text-align: center;
  font-size: 11px;
  color: #000;
}
/*名前*/
.name_wrap {
  overflow: hidden;
}
.name_wrap li {
  width: 49%;
  float: left;
  padding: 0;
}
.name_wrap li:last-child {
  float: right;
}
/*性別*/
.sex_wrap {
  overflow: hidden;
}
.sex_wrap li {
  width: 100%;
  float: left;
  padding: 0;
  box-sizing: border-box;
}
.sex_wrap dt {
  width: 75px;
}
.sex_wrap dd {
  width: 70px;
}
.sex_wrap select {
  width: 100%;
  border: 1px solid #a0a0a0;
  border-radius: 4px;
  padding-left: 15px;
  background: url(../images/icon/arrow_select.png) no-repeat 88% center #fff;
  background-size: 12px;
  margin-right: 0;
}
/*生年月日*/
.birthday_wrap dt {
  width: 75px;
}
.birthday_wrap dd {
  width: 69.5%;
}
.birthday_wrap dd span {
  padding: 5px 0 0 0;
}
.ff_txt {
  width: 141px;
  margin: 0 auto 10px auto;
}
.ff_line {
  background: url(../images/free/ff_line.png) no-repeat center bottom;
  background-size: 100% auto;
  min-height: 1px;
  padding-bottom: 25px;
  margin-bottom: 13px;
}
/*鑑定ボタン*/
.btn_wrap {
  clear: both;
  width: 215px;
  margin: 20px auto 0 auto;
  text-align: center;
}
.btn_wrap .muryo {
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  -webkit-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  background: none;
}
.form_wrap dl, .name_wrap dl {
  overflow: hidden;
}
.sec_box01 {
  position: relative;
}
.sec_box01 a {
  display: block;
  position: absolute;
  left: 18px;
  bottom: 53px;
  width: 283px;
  min-height: 85px;
}
.img_noline {
  margin-bottom: -1px !important;
}
/*リニューアル*/
.renewal .form_wrap {
  padding: 10px 25px 30px;
  background: url(../images/free_new/bg_ff_mid.jpg) repeat-y;
  background-size: 100%;
  position: relative;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}
.renewal.renewal02 .form_wrap{
  background: url(../images/free_new2/bg_ff_mid.jpg) repeat-y;
  background-size: 100%;
  top: -1px;
}
.renewal .form_wrap.color-red {
  background: url(../images/free_new/bg_ff_mid02.jpg) repeat-y;
  background-size: 100%;
}
.renewal .form_wrap:before {
  display: none;
}
.renewal .form_wrap:after {
  background-image: url(../images/free_new/bg_ff_btm.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
  content: '';
  width: 100%;
  height: 64px;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.renewal.renewal02 .form_wrap:after{
  background-image: url(../images/free_new2/bg_ff_btm.jpg);
}
.renewal .form_wrap.color-red:after {
  background-image: url(../images/free_new/bg_ff_btm02.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
}
.renewal .form_wrap dt {
  float: left;
  width: 25px;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  background: #ab50fa;
  border-radius: 5px 0 0 5px;
  margin-right: 0;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.renewal.renewal02 .form_wrap dt{
  background: #000;
}
.renewal .form_wrap dd {
  width: 81%;
}
.renewal .form_wrap input[type="text"] {
  width: 100%;
  padding: 0 5px;
  margin-left: -10px;
  box-sizing: border-box;
  height: 30px;
  line-height: 1;
  outline: 0;
  border: 1px solid #ab50fa;
  border-radius: 5px;
  font-size: 13px;
  background: #faf5ff;
}
.renewal.renewal02 .form_wrap input[type="text"] {
  border: 1px solid #000;
  background: #fff;
}
.renewal .form_wrap .sex_wrap dt, .renewal .form_wrap .birthday_wrap dt {
  -ms-writing-mode: horizontal-tb;
  writing-mode: horizontal-tb;
  width: 65px;
}
.renewal .form_wrap .sex_wrap dd {
  width: 24%;
}
.renewal .sex_wrap select {
  width: 100%;
  border: 1px solid #ab50fa;
  border-radius: 5px;
  margin-left: -10px;
  padding-left: 10px;
  background: url(../images/icon/arrow_select.png) no-repeat 88% center #faf5ff;
  background-size: 12px;
}
.renewal.reneal02 .sex_wrap select {
  border: 1px solid #000;
  background: url(../images/icon/arrow_select.png) no-repeat 88% center #fff;
  background-size: 12px;
}
.renewal .form_wrap .birthday_wrap dd {
  width: 74%;
  margin-left: -7px;
}
.renewal select {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin-right: 2px;
  padding: 0 20px 0 5px;
  box-sizing: border-box;
  border: 1px solid #ab50fa;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  background: url(../images/icon/arrow_select.png) no-repeat 96% center #faf5ff;
  background-size: 12px;
}
.renewal.renewal02 select{
  border: 1px solid #000;
  background: url(../images/icon/arrow_select.png) no-repeat 96% center #fff;
  background-size: 8px;
}
/*////////////////////////////////////////////////////////

menu

////////////////////////////////////////////////////////*/
.menu section {
  margin-bottom: 10px;
}
.menu p {
  margin-bottom: 0;
}
/* 緊急メッセージ */
.box_urgent .box a {
  display: block;
  width: 240px;
  height: 80px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.kinkyu_msg {
  margin: 10px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.8);
}
.kinkyu_msg p {
  margin-bottom: 0;
  border-radius: 7px;
  line-height: 17px;
  font-size: 13px;
}
.kinkyu_msg a {
  display: block;
  padding: 8px 35px 8px 35px;
  text-align: center;
  text-decoration: none;
  color: #fff;
}
.kinkyu_msg a .tenmetsu {
  display: block;
  padding-bottom: 5px;
  position: relative;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
  font-size: 19px;
  color: yellow;
  font-family: 'Sawarabi Mincho', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.kinkyu_msg p {
  border: 2px solid #fff100;
}
.kinkyu_msg.fri p span {
  color: #fff100;
}
.kinkyu_msg a {
  background: url(../images/pay/icon_kinkyu.png) no-repeat 10px center, url(../images/pay/icon_kinkyu.png) no-repeat 96% center;
  background-size: 20px;
}
.tenmetsu {
  -webkit-animation: blink_img 1s ease-in-out infinite alternate;
  -moz-animation: blink_img 1s ease-in-out infinite alternate;
  animation: blink_img 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink_img {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@-moz-keyframes blink_img {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes blink_img {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.menu .main_visual .box_teller {
  background: url(../images/menu/renewal/teller_main.jpg) no-repeat;
  background-size: 100%;
  min-height: 200px;
}
.menu .main_visual .box_teller .serif {
  width: 150px;
  top: 26px;
  padding: 10px 10px;
}
.menu .main_visual .box_teller .serif:after {
  top: 35%;
}
/*----- メインメニュー -----*/
.main_visual a {
  display: block;
}
.menu .main_visual ul {
  position: relative;
  top: 0px;
}
.menu .main_visual li {
  width: 49.5%;
  position: relative;
  float: left;
}
.menu .main_visual .btn-yudo li {
  width: 100%;
  float: none;
}
.menu .main_visual .btn-yudo li a {
  padding: 15px 10px;
  font-size: 16px;
}
.menu .main_visual li:nth-child(2), .menu .main_visual li:nth-child(4), .menu .main_visual li:nth-child(7), .menu .main_visual li:nth-child(9), .menu .main_visual li:nth-child(11), .menu .main_visual li:nth-child(13) {
  float: right;
}
.box_menu {
  box-sizing: border-box;
}
.box_menu a {
  display: block;
  height: 100%;
}
.box_menu .inner {
  height: 400px;
  padding: 25px 7px 0;
}
.box_menu .inner.is-docomo {
  background: url(../images/menu/renewal/bg_menu-docomo.jpg) no-repeat;
  background-size: 100%;
}
.box_menu .inner.is-common {
  background: url(../images/menu/renewal/bg_menu-common.jpg) no-repeat;
  background-size: 100%;
}
.box_menu .inner li {
  height: 46px;
  margin-bottom: 9px;
}
.box_menu .inner li.w100 {
  width: 100%;
}
/* 更新バッジ */
.box_menu .icon-1:after {
  content: "";
  position: absolute;
  z-index: 1;
}
.box_menu .icon-1:after {
  width: 17px;
  height: 17px;
  top: -3px;
  right: 4px;
  background: url(../images/icon/icon-mark.png) no-repeat;
  background-size: 100%;
}
/* 検索 */
.menu .box_search select[name="ctg"] {
  width: 100%;
}
.fortuneSearch .fortune_search {
  margin: 10px auto 30px;
}
.fortuneSearch .box_teller {
  height: 130px;
  background: url(../images/teller/04.png) no-repeat left;
  background-size: 40%;
}
.fortuneSearch .box_teller .serif {
  width: 165px;
  top: 10px;
  padding: 13px 8px;
  font-size: 12px;
}
.fortuneSearch .box_teller.right .serif:after {
  top: 32%;
}
.box_search .inner {
  margin: 0px 5px;
  padding: 50px 15px 15px 15px;
  box-sizing: border-box;
  background: url(../images/menu/renewal/bg_search.jpg) no-repeat;
  background-size: 100%;
  height: 103px;
}
.box_search .inner p {
  margin-bottom: 5px;
  font-size: 15px;
  color: #490775;
  font-weight: bold;
}
.box_search select[name="ctg"] {
  width: 200px;
  height: 36px;
  margin: 0;
  padding: 0 25px 0 10px;
  line-height: 1;
  font-size: 14px;
  color: #333;
  border: 2px solid #3f169e;
  border-radius: 5px;
  background: url(../images/menu/renewal/icon_arrow01.png) no-repeat 97% center #fff;
  background-size: 12px;
}
.box_search_btn {
  width: 67px;
  height: 35px;
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  vertical-align: 1px;
  text-indent: 150%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../images/pay/btn_search.png) no-repeat;
  background-size: 100%;
}
.ppv_top.renewal .box_search .inner {
  background: url(../images/ppv_new/bg_search.jpg) no-repeat;
  background-size: 100%;
  border: none;
  margin: 0 5px;
  padding: 10px;
}
.ppv_top.renewal .box_search select[name="ctg"] {
  width: 225px;
  height: 32px;
  margin: 0;
  padding: 0 25px 0 10px;
  line-height: 1;
  font-size: 14px;
  color: #333;
  border: 2px solid #5d5961;
  border-radius: 5px;
  background: url(../images/icon/arrow_gr02.png) no-repeat 97% center #fff;
  background-size: 12px;
}
.ppv_top.renewal .box_search_btn {
  width: 60px;
  height: 30px;
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  vertical-align: 0;
  text-indent: 150%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../images/ppv_new/btn_search.png) no-repeat;
  background-size: 100%;
}
.ppv_top.renewal .box_search_btn:after {
  content: "";
  background: url(../images/ppv_new/hand.png) no-repeat;
  background-size: 100%;
  width: 20px;
  height: 23px;
  position: absolute;
}
/* 無料占いの続き,LP経由*/
.pay_top .lp-0-on, .lp-1-off, .free10-1 .lp-0-off {
  display: none !important;
}
/* 通常経由 */
.pay_top .lp-1-on.disp-1 {
  display: block !important;
}
.pay_top .lp-0-on, .pay_top .lp-1-on.disp-0 {
  display: none !important;
}
/* free2経由 */
.pay_top .lp-0-off.disp-1 {
  display: block !important;
}
.pay_top .lp-1-off, .pay_top .lp-0-off.disp-0 {
  display: none !important;
}
.nenun-0 .lp-0-on, .nenun-0 .lp2-0, .nenun-0 .lp3-0, .nenun-1 .lp-1-off, .nenun-1 .lp2-0, .nenun-1 .lp3-0, .nenun-0.free7-1 .lp-0-off, .nenun-0.free4-1 .lp-0-off, .ikiryo3-1 .lp-0-off, .lp4-0-on, .lp5-0-on, .lp6-0-on, .lp7-0-on {
  display: none;
}
.nenun-0 .lp2-1.lp3-0, .nenun-0 .lp2-0.lp3-1 {
  display: block !important;
}
.lp-1-on .btn_to_yudo a, .lp4-1-on .btn_to_yudo a, .pay_top .shimohanki .btn_to_yudo a, .aishou_btn a {
  background: #17af25;
  background-image: none;
  margin: 0 auto;
  padding: 10px 10px 10px;
  display: block;
  text-indent: inherit;
  font-size: 18px;
  box-sizing: border-box;
  border: 2px solid yellowgreen;
  border-radius: 10px;
  color: #fff;
  text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000;
  text-decoration: none;
  width: 280px;
  height: auto;
}
.aishou_btn a {
  background: #ffb01e;
  background-image: none;
  margin: 0 auto;
  padding: 10px 10px 10px;
  display: block;
  text-indent: inherit;
  font-size: 18px;
  font-weight: bold;
  box-sizing: border-box;
  border: 2px solid #ffe2aa;
  border-radius: 10px;
  color: #fff;
  text-shadow: none;
  text-decoration: none;
  width: 280px;
  height: auto;
  display: none;
}
.aishou-free17 .free17 a, .aishou-free18 .free18 a, .aishou-free19 .free19 a, .aishou-free20 .free20 a, .aishou-free21 .free21 a {
  display: block !important;
}
.aishou_btn a span {
  color: #f22cce;
  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
.common-docomo, .docomo-common {
  display: none !important;
}
.free4 h4 {
  background: #17af25;
  background-image: none;
  margin: 0 auto;
  padding: 10px 10px 10px;
  display: block;
  text-indent: inherit;
  font-size: 16px;
  box-sizing: border-box;
  border: 2px solid yellowgreen;
  color: #fff;
  text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000;
  text-decoration: none;
  width: 100%;
  height: auto;
}
.free4 ul li {
  margin-bottom: 15px;
}
/* free2経由 */
.free2 .ppvdo.confirm .box_teller p {
  margin: 40px 0px 0px 22px;
}
.free2 .box_new.sec_free2 li {
  background: url(../images/pay/renewal/news_bg01_top.jpg) no-repeat top, url(../images/pay/renewal/news_bg01_btm.jpg) no-repeat bottom, url(../images/pay/renewal/news_bg01_mid.jpg) repeat-y;
  background-size: 100%, 100%, 100%;
}
.free2 .box_new.sec_free2 li .ppvtitle {
  color: #fff;
  padding: 6px 0 6px 4px;
}
.free2 .box_new.sec_free2 .ppvicon {
  padding: 6px 0 0 2px;
}
.free2 .box_new.sec_free2 li .icon-ppv.two {
  margin: -3px 0 10px 5px;
}
/*youtubeLP導線*/
.disp-KOJIMA .emirin, .disp-KOJIMA .chidori, .disp-EMIRIN .kojima, .disp-EMIRIN .chidori, .disp-CHIDORI .emirin, .disp-CHIDORI .kojima {
  display: none !important;
}
.to_box {
  display: none;
  background: rgba(0, 0, 0, 0.5);
}
.tab_list ul {
  text-align: left;
  padding: 0 7px;
  line-height: 1.6;
  margin-bottom: 10px;
  font-size: 13px;
}
.tab_list .sub_tit {
  background: url(../images/icon/01.png) no-repeat left 1px;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  padding-left: 20px;
  margin-bottom: 6px;
}
.tab_list .sub_tit a {
  color: yellow;
}
.tab_list .sub_tit.ptn_2 {
  background: url(../images/icon/02.png) no-repeat left 2px;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
}
.tab {
  overflow: hidden;
  margin-bottom: -1px;
  position: relative;
}
.tab li {
  width: 47%;
  float: left;
  text-align: center;
  color: #fff;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 7px 7px 0px 0px;
  border-radius: 7px 7px 0px 0px;
  position: relative;
  font-size: 15px;
}
.free_fortune_to_box .tab01 {
  background: #991542;
  margin: 0 0 0 6px;
}
.free_fortune_to_box .tab02 {
  background: #3a115a;
  margin: 0 6px 0 6px;
}
.free_fortune_to_box .tab02 a {
  opacity: 0.3;
}
.free_fortune_to_box .tab {
  margin-top: 5px;
}
.free_fortune_to_box .tab li a {
  padding: 8px 0 6px;
  display: block;
  text-decoration: none;
  color: #fff;
}
.tab_list {
  border: 1px solid #fff;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}
.tab_list .panel {
  display: none;
  padding: 15px 0px 10px 0;
}
.tab_list .panel.is-show {
  display: block;
}
.btn_to_free a, .btn_to_free2 a {
  width: 270px;
  background: url(../images/menu/renewal/bg_free_more.png) no-repeat center;
  background-size: auto;
  background-size: 100% auto;
  height: 50px;
  margin: 0 auto;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
}
.tab_list .sub_tit.no-list {
  background: none;
  padding-left: 0;
  text-align: center;
}
.tab_list .panel p {
  line-height: 1.4;
}
/* オーダーメイド鑑定 */
.ordermade {
  position: relative;
}
.ordermade > a {
  display: block;
  width: 270px;
  height: 58px;
  position: absolute;
  top: 548px;
  left: 27px;
}
/* あなたの恋と運命 */
.anata_koi .box_teller {
  background: url(../images/menu/renewal/img01.jpg) no-repeat;
  background-size: 100% auto;
  min-height: 260px;
}
.anata_koi .box_teller p {
  top: 25px;
  width: 170px;
  margin-bottom: 20px !important;
  padding: 15px 15px;
  line-height: 1.4;
}
.anata_koi .box_teller p:after {
  top: 27%;
}
.sp_kantei_box li {
  width: 100%;
  position: relative;
  display: table;
  height: 150px;
}
.sp_kantei_box a {
  background: url(../images/menu/renewal/btn_sp_kantei.jpg) no-repeat;
  background-size: 100% auto;
  display: table-cell;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  padding: 0px 35px 0px 35px;
  box-sizing: border-box;
  font-size: 15px;
  text-decoration: none;
  line-height: 1.4;
  color: #fff;
  letter-spacing: -1px;
  font-weight: bold;
  text-shadow: 0 0 3px #eb3897, 0 0 3px #eb3897;
}
.sp_kantei_box a .text-yellow {
  color: #ffff00 !important;
}
.sp_kantei_box2 li {
  width: 100%;
  position: relative;
  display: table;
  height: 150px;
}
.sp_kantei_box2.is-docomo .txt-docomo, .sp_kantei_box2.is-common .txt-common {
  display: table !important;
}
.sp_kantei_box2.is-docomo .txt-docomo, .sp_kantei_box2.is-common .txt-common {
  display: none;
}
.sp_kantei_box2 a {
  background: url(../images/menu/btn_sp_kantei.jpg) no-repeat;
  background-size: 100% auto;
  display: table-cell;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  padding: 0px 35px 0px 35px;
  box-sizing: border-box;
  font-size: 15px;
  text-decoration: none;
  line-height: 1.4;
  color: #fff;
  letter-spacing: -1px;
  font-weight: bold;
  text-shadow:
    -1px -1px 0 #7c49e3, 1px -1px 0 #7c49e3, -1px 1px 0 #7c49e3, 1px 1px 0 #7c49e3;
  position: relative;
}
.sp_kantei_box2 a::after {
  content: '';
}
/* あの人マル秘データ */
.maruhi_data .box {
  background: url(../images/menu/img07.jpg) no-repeat;
  background-size: 100% auto;
  min-height: 385px;
  position: relative;
}
.maruhi_data .box li {
  position: absolute;
  width: 161px;
  height: 91px;
  border-radius: 15px;
  overflow: hidden;
}
.maruhi_data .box li a {
  display: block;
  width: 100%;
  height: 100%;
}
.maruhi_data .box li:nth-child(1) {
  top: 12px;
  left: 10px;
}
.maruhi_data .box li:nth-child(2) {
  top: 142px;
  right: 10px;
}
.maruhi_data .box li:nth-child(3) {
  top: 272px;
  left: 10px;
}
.buruburu {
  margin: 0 5px;
  -webkit-animation: buruburu .1s infinite;
  animation: buruburu .1s infinite;
}
@-webkit-keyframes buruburu {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg)
  }
  25% {
    transform: translate(1px, 1px) rotateZ(0deg)
  }
  50% {
    transform: translate(0px, 1px) rotateZ(0deg)
  }
  75% {
    transform: translate(1px, 0px) rotateZ(0deg)
  }
  100% {
    transform: translate(0px, 0px) rotateZ(0deg)
  }
}
@keyframes buruburu {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg)
  }
  25% {
    transform: translate(1px, 1px) rotateZ(0deg)
  }
  50% {
    transform: translate(0px, 1px) rotateZ(0deg)
  }
  75% {
    transform: translate(1px, 0px) rotateZ(0deg)
  }
  100% {
    transform: translate(0px, 0px) rotateZ(0deg)
  }
}
/* 特別鑑定：二人は恋人になれる？ */
.sp_yesno {
  background: url(../images/menu/img11.jpg) no-repeat;
  background-size: 100% auto;
  min-height: 579px;
  position: relative;
}
.sp_yesno a {
  display: block;
  width: 200px;
  height: 80px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 84px;
}
/* 3ステップ */
.sec_step .box2 {
  background: url(../images/menu/img13.jpg) no-repeat;
  background-size: 100% auto;
  min-height: 325px;
  position: relative;
}
.sec_step .box2 li {
  width: 200px;
  position: absolute;
  height: 85px;
  border-radius: 10px;
  overflow: hidden;
}
.sec_step .box2 li a {
  display: block;
  width: 100%;
  height: 100%;
}
.sec_step .box2 li:nth-child(1) {
  top: 55px;
  left: 15px;
}
.sec_step .box2 li:nth-child(2) {
  top: 190px;
  right: 15px;
}
.anohito_koi .box3 {
  margin-top: 10px;
  background: url(../images/menu/renewal/img15.jpg) no-repeat;
  background-size: 100% auto;
  min-height: 291px;
  position: relative;
}
.anohito_koi .box3 a {
  display: block;
  width: 250px;
  height: 45px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
}
/* プライベート鑑定 */
.private_kantei {
  background: url(../images/menu/img17.jpg) no-repeat;
  background-size: 100% auto;
  min-height: 249px;
  position: relative;
}
.private_kantei a {
  display: block;
  width: 310px;
  height: 81px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 38px;
}
/* 取扱説明書 */
.torisetsu .box {
  background: url(../images/menu/bg_btm.jpg) no-repeat bottom, url(../images/menu/bg_mid.jpg) repeat-y;
  background-size: 100%;
  padding: 0px 10px 40px 10px;
}
.torisetsu .box .list {
  position: relative;
  padding: 12px 5px 10px 5px;
  margin-bottom: 7px;
}
.torisetsu .box .list:before, .torisetsu .box .list:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 98%;
  margin: 0 auto;
  min-height: 7px;
  background: url(../images/menu/line.png) no-repeat;
  background-size: 100%;
}
.torisetsu .box .list:after {
  top: auto;
  bottom: 0;
}
.torisetsu .all_view {
  width: 130px;
  height: 30px;
  margin: 0px 7px 0 auto !important;
}
.torisetsu .all_view a {
  display: block;
  width: 100%;
  height: 30px;
  background: url(../images/menu/btn_more2.png) no-repeat;
  background-size: 100%;
  padding: 0 !important;
}
/* midnight */
.sec_midnight .fuki {
  margin-bottom: -22px;
}
.sec_midnight .close, .sec_midnight .open {
  position: relative;
  display: none;
}
.sec_midnight .open-0 .close, .sec_midnight .open-1 .open {
  display: block;
}
.sec_midnight .box .close .txt {
  position: absolute;
  top: 115px;
  right: 6px;
  width: 170px;
  font-size: 22px;
  color: #fff;
}
.sec_midnight .box li {
  position: absolute;
  bottom: 39px;
  right: 14px;
  width: 152px;
  height: 152px;
  border-radius: 50%;
  overflow: hidden;
}
.sec_midnight .box .open a {
  display: block;
  width: 100%;
  height: 100%;
}
.kokoro_utsushi .box {
  background: url(../images/menu/img07.jpg) no-repeat;
  background-size: 100% auto;
  min-height: 348px;
  position: relative;
}
.kokoro_utsushi .box li {
  position: absolute;
  height: 46px;
}
.kokoro_utsushi .box li a {
  display: block;
  width: 100%;
  height: 100%;
}
.kokoro_utsushi .box li:nth-child(1) {
  top: 90px;
  left: 25px;
  width: 130px;
}
.kokoro_utsushi .box li:nth-child(2) {
  top: 144px;
  right: 15px;
  width: 139px;
}
.kokoro_utsushi .box li:nth-child(3) {
  top: 204px;
  left: 85px;
  width: 130px;
}
.kokoro_utsushi .btn, .tokuten .btn {
  margin: 0 15px 20px 15px;
}
.zinsei_utsushi .box {
  background: url(../images/menu/img09.jpg) no-repeat;
  background-size: 100% auto;
  min-height: 287px;
  position: relative;
}
.zinsei_utsushi .box li {
  position: absolute;
  width: 99px;
  height: 45px;
}
.zinsei_utsushi .box li a {
  display: block;
  width: 100%;
  height: 100%;
}
.zinsei_utsushi .box li:nth-child(1) {
  top: 57px;
  right: 70px;
}
.zinsei_utsushi .box li:nth-child(2) {
  top: 93px;
  left: 25px;
}
.zinsei_utsushi .box li:nth-child(3) {
  top: 128px;
  right: 21px;
}
.zinsei_utsushi .box li:nth-child(4) {
  top: 193px;
  left: 25px;
}
.zinsei_utsushi .box li:nth-child(5) {
  top: 217px;
  right: 55px;
}
.tokuten p {
  margin-bottom: 0
}
.tokuten .btn_menu {
  margin: 0 7px 0px 7px;
}
/* 夜限定占い */
.midnight .count {
  background: url(../images/menu/midnight_bg_count.jpg) no-repeat;
  background-size: 100% auto;
  min-height: 84px;
  margin-bottom: 5px;
}
.midnight .count p {
  padding: 40px 0 0 0;
  font-size: 18px;
  letter-spacing: -1px;
  font-weight: bold;
}
.midnight .count span {
  color: #ffff00;
}
.midnight .btn {
  margin: 0 7px 0px 7px;
}
/* 時間外 */
.midnight_box.open-1 .txt01 {
  display: block;
}
.midnight_box.open-0 .txt02 {
  display: none;
}
.midnight_box.open-0 .btn {
  -webkit-filter: grayscale(1);
  filter: gray;
  filter: grayscale(1);
}
.midnight_box.open-0 .btn a {
  pointer-events: none;
  cursor: default;
}
/* 時間内 */
.midnight_box.open-1 .txt01 {
  display: none;
}
.midnight_box.open-1 .txt02 {
  display: block;
}
.midnight .box {
  background: url(../images/menu/midnight_img02.jpg) no-repeat;
  background-size: 100% auto;
  min-height: 397px;
  position: relative;
}
.midnight .box li {
  position: absolute;
  width: 130px;
  height: 45px;
}
.midnight .box li a {
  display: block;
  width: 100%;
  height: 100%;
}
.midnight .box li:nth-child(1) {
  bottom: 150px;
  right: 25px;
}
.midnight .box li:nth-child(2) {
  bottom: 85px;
  right: 25px;
}
.midnight .box li:nth-child(3) {
  bottom: 0;
  right: 25px;
  width: 270px;
}
.midnight_link-0 {
  display: none;
}
.midnight_link-1 {
  display: block;
}
/* 諸事相談 */
.syozi_soudan .box {
  background: url(../images/menu/syozi_soudan_bg.jpg) no-repeat;
  background-size: 100% auto;
  min-height: 312px;
  position: relative;
  margin-bottom: 15px;
}
.syozi_soudan .box li {
  position: absolute;
  width: 150px;
  height: 90px;
}
.syozi_soudan .box li a {
  display: block;
  width: 100%;
  height: 100%;
}
.syozi_soudan .box li:nth-child(1) {
  bottom: 2px;
  left: 5px;
}
.syozi_soudan .box li:nth-child(2) {
  bottom: 2px;
  right: 5px;
}
/* 波動調整 */
.hadou .box {
  background: url(../images/menu/hadou_bg.jpg) no-repeat;
  background-size: 100% auto;
  min-height: 497px;
  position: relative;
}
.hadou .box li {
  position: absolute;
  width: 150px;
  height: 90px;
}
.hadou .box li a {
  display: block;
  width: 100%;
  height: 100%;
}
.hadou .box li:nth-child(1) {
  bottom: 102px;
  left: 5px;
}
.hadou .box li:nth-child(2) {
  bottom: 102px;
  right: 5px;
}
.hadou .box li:nth-child(3) {
  bottom: 0px;
  left: 5px;
  width: 310px;
  height: 92px;
}
/*////////////////////////////////////////////////////////

pay

////////////////////////////////////////////////////////*/
.today {
  margin: 0 auto;
  line-height: 25px;
  height: 25px;
  letter-spacing: 2px;
  color: #2c0b52;
  background: url(../images/menu/renewal/bg_today.jpg) no-repeat;
  background-size: 100% auto;
}
.renewal02 .today{
  background: url(../images/pay/renewal02/bg_today.png) no-repeat;
  background-size: 100% auto;
}
.pay_top .main_visual {
  margin-bottom: 0;
}
.pay_top .main_visual .box_teller {
  min-height: 265px;
  background: url(../images/pay/teller_main.jpg) no-repeat top;
  background-size: 100%;
}
.renewal .pay_top .main_visual .box_teller {
  min-height: 265px;
  background: url(../images/pay/renewal/teller_main.jpg) no-repeat top;
  background-size: 100%;
}
.pay_top .main_visual .serif {
  padding: 10px 10px 10px 10px;
  width: 160px;
  top: 15px;
  left: 0;
}
.renewal .pay_top .main_visual .serif {
  top: 25px;
  background: none;
  box-shadow: none;
}
.to_read {
  display: inline-block !important;
  color: #5b00c1 !important;
  margin-left: 2px;
}
.ghost_check a {
  display: inline-block;
  background: #be37f5;
  color: #ffe400;
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
  margin: 10px auto 10px 45px;
  position: relative;
  text-decoration: none;
  box-shadow: 0 4px 0 #8422ac;
  border-radius: 5px;
}
.ghost_check a:before {
  content: "";
  width: 28px;
  height: 40px;
  position: absolute;
  top: 2px;
  left: -40px;
  background: url(../images/pay/icon_ghost.png) no-repeat;
  background-size: 100%;
}
.ghost_check a:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 20px 7.5px 0;
  border-color: transparent #bf37f5 transparent transparent;
  position: absolute;
  top: 13px;
  left: -8px;
}
.ghost_check a span {
  font-size: 14px;
}
.ghost_check p {
  margin: 0;
}
/*----- レコメンドbigバナー -----*/
.reco_banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1002;
  height: 120vh;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  width: 320px;
  margin: auto;
}
.pay_top .reco-1 {
  display: block;
}
.pay_top .reco-0 {
  display: none;
}
.reco_bigbnr {
  width: 92%;
  margin: 10px auto 0;
  padding: 0 0 0;
  position: relative;
  border-radius: 5px;
  border: 2px solid #ab8449;
  background: #fafafa;
  min-height: 290px;
}
.reco_bigbnr img {
  border-radius: 3px 3px 0 0;
}
.reco_banner .select_close {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 8px 12px 0;
}
.reco_banner .select_close label, .reco_banner .select_close input {
  display: block;
  color: #fff;
  cursor: pointer;
  background: #b89a4b;
}
.reco_banner .select_close label, .reco_banner .select_close .btn_reco_close {
  line-height: 14px;
}
.reco_banner .select_close .close_today {
  display: flex;
  align-items: center;
  gap: 0 6px;
  background: #b89a4b;
  padding: 8px 10px;
  border-radius: 2px;
}
.reco_banner .select_close input {
  box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 0;
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0;
  border-radius: 2px;
}
.reco_banner .select_close input[type="checkbox"]:checked:before {
  position: absolute;
  top: 0;
  left: 3px;
  transform: rotate(50deg);
  width: 4px;
  height: 7px;
  border-right: 2.5px solid #fff;
  border-bottom: 2.5px solid #fff;
  content: '';
}
.reco_banner .select_close .btn_reco_close {
  background: #b89a4b;
  color: #fff;
  padding: 10px 25px 10px 10px;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
}
.reco_banner .select_close .btn_reco_close::before, .reco_banner .select_close .btn_reco_close::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 2.5px;
  height: 18px;
  background: #fff;
  border-radius: 2.5px;
}
.reco_banner .select_close .btn_reco_close::before {
  transform: translateY(-50%) rotate(45deg);
}
.reco_banner .select_close .btn_reco_close::after {
  transform: translateY(-50%) rotate(-45deg);
}
/* cookieありの場合リロードするとちらつくため設定 */
#popup_banner, #popup_banner2 {
  display: none;
}
#popup_banner2 .reco_bigbnr {
  width: 98%;
  border: none;
  border-radius: 0;
}
#popup_banner2 .btn_reco_close {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 7px;
  top: -62px;
  z-index: 2000;
  background: url(../images/pay/banner_pop_timetable/icon_close.png) no-repeat;
  background-size: 100%;
}
#popup_banner2 .txt {
  padding: 12.5px 19px 0;
}
#popup_banner3 .btn_reco_close, #popup_banner4 .btn_reco_close {
  background: #b89a4b;
  padding: 10px 25px 10px 10px;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
  color: #fff;
}
#popup_banner4 .btn_reco_close {
  margin-top: -2px;
}
#popup_banner4 input[type="image"] {
  width: 100%;
  padding: 0;
  border: 0px solid #000;
}
/*----- LINE@バナー  -----*/
.pay_top .line_banner::before {
  content: "";
  background: url(../images/pay/renewal/tit_event.jpg) no-repeat;
  background-size: 100%;
  width: 100%;
  height: 7px;
  position: absolute;
  top: -25px;
  left: 0px;
  background-position: bottom;
  background-position-y: -72px;
}

.renewal02 .pay_top .line_banner::before {
  content: "";
  background: url(../images/pay/renewal02/tit_event.jpg) no-repeat;
  background-size: 100%;
  width: 100%;
  height: 7px;
  position: absolute;
  top: -25px;
  left: 0px;
  background-position: bottom;
  background-position-y: -72px;
}


/* お知らせ */
.pay_top .btn_notice {
  width: 145px;
  height: 66px;
  margin: 0;
  position: absolute;
  bottom: 5px;
  left: 20px;
  background: url(../images/pay/btn_notice.png) no-repeat;
  background-size: 100%;
}
.pay_top .btn_notice a {
  display: block;
  position: relative;
  height: 100%;
}
.pay_top .btn_notice.icon-1:after {
  content: "";
  width: 30px;
  height: 30px;
  margin: 0;
  position: absolute;
  top: 2px;
  left: -10px;
  background: url(../images/pay/icon-mark.png) no-repeat;
  background-size: 100%;
  -webkit-animation: blink_img 1s ease-in-out infinite alternate;
  -moz-animation: blink_img 1s ease-in-out infinite alternate;
  animation: blink_img 1s ease-in-out infinite alternate;
}
.btn_today {
  display: block;
  margin-top: 0px;
}
/* プレミアムメンバーボタン*/
.pay_top .btn_premium {
  width: 180px;
  height: 52px;
  margin: 0;
  position: absolute;
  bottom: 18px;
  left: 22px;
  background: url(../images/pay/renewal/btn_PremiumMembers.png) no-repeat;
  background-size: 100%;
}
.pay_top .btn_premium a {
  width: 100%;
  height: 100%;
  display: block;
}
/*バナー*/
.bnr.border {
  background: url(../images/pay/line.png) no-repeat left top, url(../images/pay/line.png) no-repeat left bottom;
  background-size: 100%;
  padding: 15px 0;
}
.bnr {
  width: 92%;
  margin: 0 auto;
}
.bnr li {
  margin-bottom: 10px;
}
.bnr li:last-child {
  margin-bottom: 0;
}
.btn_info_ppv {
  min-height: 46px;
  position: relative;
  margin: 0 8px 20px 8px;
}
.btn_info_ppv li {
  position: absolute;
  width: 152px;
  height: 46px;
  top: 0;
}
.btn_info_ppv li:first-child {
  left: 0;
}
.btn_info_ppv li:last-child {
  right: 0;
}
.btn_info_ppv li a {
  display: block;
  width: 100%;
  height: 100%;
}
.pay_top .btn {
  margin: 0 10px 20px 10px;
}
/*新着情報*/
.box_new li {
  position: relative;
  text-align: left;
  background: url(../images/pay/news_line01.png) no-repeat center 35px, url(../images/pay/news_bg02_top.jpg) no-repeat top, url(../images/pay/news_bg02_btm.jpg) no-repeat bottom, url(../images/pay/news_bg02_mid.jpg) repeat-y;
  background-size: 92%, 100%, 100%, 100%;
}
.sec_new.box_new li:first-child {
  /* background:  url(../images/pay/renewal/halloween_bg01_top.jpg) no-repeat top, url(../images/pay/renewal/halloween_bg01_btm.jpg) no-repeat bottom, url(../images/pay/renewal/halloween_bg01_mid.jpg) repeat-y;  */
  background: url(../images/pay/renewal/news_bg01_top.jpg) no-repeat top, url(../images/pay/renewal/news_bg01_btm.jpg) no-repeat bottom, url(../images/pay/renewal/news_bg01_mid.jpg) repeat-y;
  background-size: 100%, 100%, 100%;
}
.box_new a {
  display: block;
  padding: 13px 15px 15px 15px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.sec_new.box_new li:first-child a {
  padding: 12px 22px 24px 22px;
}
.pay_top .box_new li.all, .pay_top .new_info li.all, .new .new_info li.all {
  margin: 0 7px;
}
.box_new li.all a:before, .new_info li.all a:before {
  display: none;
}
.box_new li.no-ppvicon a:before {
  right: 9px;
}
.box_new .ppvicon {
  width: 65px;
  margin: 0;
  padding-right: 7px;
  float: none;
  display: table-cell;
}
.box_new li .ppvtitle {
  color: #000;
  text-decoration: underline;
  float: none;
  width: 230px;
  display: table-cell;
  vertical-align: middle;
}
.sec_new.box_new li:first-child .ppvtitle {
  color: yellow;
}
.box_new .all_view, .new_info .all_view {
  background: none !important;
}
.icon-ppv {
  height: 15px;
  margin: 0 0 10px 5px;
  padding: 0 0 3px 70px;
  line-height: 21px;
  font-weight: bold;
  font-size: 13px;
  color: #000;
}
.sec_new.box_new li:first-child .icon-ppv {
  color: #000;
  margin-bottom: 13px;
}
.icon-menu {
  margin: 0 0 5px 5px;
  padding: 0 0 5px 70px;
  font-weight: bold;
  font-size: 13px;
  color: #2c2c2c;
  padding-left: 88px;
  background: url(../images/icon/icon-menu.png) no-repeat left top;
  background-size: 83px;
  position: relative;
}
.icon-ppv.date {
  padding-left: 0;
  display: block;
  text-align: left;
  background: none;
}
.icon-ppv.one {
  padding-left: 80px;
  background: url(../images/icon/icon-ppv.png) no-repeat left top;
  background-size: 55px;
  position: relative;
}
.icon-ppv.one:after {
  content: "";
  position: absolute;
  left: 59px;
  top: 0;
  width: 20px;
  min-height: 20px;
  background: url(../images/pay/icon-one.png) no-repeat;
  background-size: 100%;
}
.icon-ppv.two {
  padding-left: 88px;
  background: url(../images/icon/icon-ppv.png) no-repeat left top;
  background-size: 55px;
  position: relative;
}
.icon-ppv.two:after {
  content: "";
  position: absolute;
  left: 62px;
  top: 0;
  width: 20px;
  min-height: 20px;
  background: url(../images/pay/icon-two.png) no-repeat;
  background-size: 100%;
}
.new .icon-ppv.one:after, .new .icon-ppv.two:after {
  left: 61px;
}
#modal .box_new li.no-ppvicon {
  background: url(../images/pay/news_bg02_top.jpg) no-repeat top, url(../images/pay/news_bg02_btm.jpg) no-repeat bottom, url(../images/pay/news_bg02_mid.jpg) repeat-y;
  background-size: 100%, 100%, 100%;
}
#modal .box_new li.no-ppvicon a {
  padding: 20px;
}
#modal .box_new a:before {
  display: none;
}
#modal .box_new li.new .icon-ppv {
  margin-bottom: 10px;
}
#modal .box_new li.new a:after {
  top: 13px;
  left: 19px;
}
/*リニューアル新着情報*/
.renewal .box_new li {
  position: relative;
  text-align: left;
  background: url(../images/pay/renewal/news_line01.png) no-repeat center 36px, url(../images/pay/renewal/news_bg02_top.jpg) no-repeat top, url(../images/pay/renewal/news_bg02_btm.jpg) no-repeat bottom, url(../images/pay/renewal/news_bg02_mid.jpg) repeat-y;
  background-size: 86%, 100%, 100%, 100%;
  margin-bottom: 5px;
}
/* .renewal .halloween li {
	position: relative;
	text-align: left;
	background:  url(../images/pay/renewal/halloween_bg01_top.jpg) no-repeat top, url(../images/pay/renewal/halloween_bg01_btm.jpg) no-repeat bottom, url(../images/pay/renewal/halloween_bg01_mid.jpg) repeat-y;
	background-size: 86%, 100%, 100%, 100%;
	margin-bottom: 5px;
} */
.renewal .box_new a {
  display: block;
  padding: 13px 20px 15px 20px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.renewal .sec_new.box_new li:first-child a {
  padding: 10px 25px 24px 25px;
}
.pay_top.renewal .box_new li.all, .pay_top.renewal .new_info li.all, .renewal .new .new_info li.all {
  margin: 0 7px;
}
.renewal .box_new li.new a:after {
  display: block;
  content: "";
  width: 45px;
  height: 18px;
  position: absolute;
  top: 13px;
  left: 24px;
  background: url(../images/pay/renewal/icon_new.png) no-repeat;
  background-size: 100%;
  border-radius: 40px;
}
.renewal .box_new li:first-child.new a:after {
  top: 10px;
  left: 24px;
}
.renewal .box_new li.all a:before, .renewal .new_info li.all a:before {
  display: none;
}
.renewal .box_new li.no-ppvicon a:before {
  right: 9px;
}
.renewal .box_new .ppvicon {
  width: 65px;
  margin: 0;
  padding-right: 7px;
  float: none;
  display: table-cell;
}
.renewal .box_new li .ppvtitle {
  color: #000;
  text-decoration: underline;
  float: none;
  width: 230px;
  display: table-cell;
  vertical-align: middle;
  word-break: break-all;
}
.renewal .sec_new.box_new li:first-child .ppvtitle {
  color: #fff;
}
.renewal .box_new li.new .icon-ppv {
  margin: 0 0 10px 55px;
  padding-left: 95px;
  background: url(../images/icon/icon-ppv2.png) no-repeat left top;
  background-size: 55px;
}
.renewal .box_new .all_view, .new_info .all_view {
  background: none !important;
}
.renewal .all_view a {
  display: block;
  width: 100%;
  height: 30px;
  background: url(../images/menu/renewal/btn_more.png) no-repeat;
  background-size: 100%;
  padding: 0 !important;
}
.renewal.renewal02 .all_view a{
  background: url(../images/pay/renewal02/btn_more.png) no-repeat;
  background-size: 100%;
}
.renewal .menu .all_view a {
  display: block;
  width: 100%;
  height: 30px;
  background: url(../images/menu/renewal/btn_more02.png) no-repeat;
  background-size: 100%;
  padding: 0 !important;
}
.renewal .icon-ppv {
  height: 15px;
  margin: 0 0 10px 5px;
  padding: 0 0 3px 70px;
  line-height: 21px;
  font-weight: bold;
  font-size: 13px;
  color: #000;
}
.renewal .sec_new.box_new li:first-child .icon-ppv {
  color: #000;
  /* margin-bottom: 15px;
	margin-left: 50px; */
  /* margin: auto; */
}
.renewal .icon-menu {
  margin: 0 0 5px 5px;
  padding: 0 0 5px 70px;
  font-weight: bold;
  font-size: 13px;
  color: #2c2c2c;
  padding-left: 88px;
  background: url(../images/icon/icon-menu.png) no-repeat left top;
  background-size: 83px;
  position: relative;
}
.renewal .icon-ppv.date {
  padding-left: 0;
  display: block;
  text-align: left;
  background: none;
}
.renewal .icon-ppv.one {
  padding-left: 80px;
  background: url(../images/icon/icon-ppv2.png) no-repeat left top;
  background-size: 55px;
  position: relative;
}
.renewal .icon-ppv.one:after {
  content: "";
  position: absolute;
  left: 62px;
  top: 2px;
  width: 27px;
  min-height: 20px;
  background: url(../images/pay/renewal/icon-one.png) no-repeat;
  background-size: 100%;
}
.renewal .icon-ppv.two {
  padding-left: 88px;
  background: url(../images/icon/icon-ppv2.png) no-repeat left top;
  background-size: 55px;
  position: relative;
}
.renewal .icon-ppv.two:after {
  content: "";
  position: absolute;
  left: 62px;
  top: 2px;
  width: 27px;
  min-height: 20px;
  background: url(../images/pay/renewal/icon-two.png) no-repeat;
  background-size: 100%;
}
.renewal .new .icon-ppv.one:after, .renewal .new .icon-ppv.two:after {
  left: 62px;
}
.renewal .box_new li:not(.new) .icon-ppv {
  margin: 0 0 10px 5px;
  padding-left: 95px;
}
.renewal #modal .box_new li.no-ppvicon {
  background: url(../images/pay/news_bg02_top.jpg) no-repeat top, url(../images/pay/news_bg02_btm.jpg) no-repeat bottom, url(../images/pay/news_bg02_mid.jpg) repeat-y;
  background-size: 100%, 100%, 100%;
}
.renewal #modal .box_new li.no-ppvicon a {
  padding: 20px;
}
.renewal #modal .box_new a:before {
  display: none;
}
.renewal #modal .box_new li.new .icon-ppv {
  margin-bottom: 10px;
}
.renewal #modal .box_new li.new a:after {
  top: 13px;
  left: 19px;
}
/*生き霊チェックセレクション*/
#selection li {
  position: relative;
  text-align: left;
  background: url(../images/pay/renewal/bg_selection_top01.jpg) no-repeat top, url(../images/pay/renewal/bg_selection_btm01.jpg) no-repeat bottom, url(../images/pay/renewal/bg_selection_mid01.jpg) repeat-y;
  background-size: 100%, 100%, 100%;
}
#selection li:nth-child(2) {
  background: url(../images/pay/renewal/bg_selection_top02.jpg) no-repeat top, url(../images/pay/renewal/bg_selection_btm02.jpg) no-repeat bottom, url(../images/pay/renewal/bg_selection_mid02.jpg) repeat-y;
  background-size: 100%, 100%, 100%;
}
#selection li:nth-child(3) {
  background: url(../images/pay/renewal/bg_selection_top03.jpg) no-repeat top, url(../images/pay/renewal/bg_selection_btm03.jpg) no-repeat bottom, url(../images/pay/renewal/bg_selection_mid03.jpg) repeat-y;
  background-size: 100%, 100%, 100%;
}
#selection li:nth-child(4) {
  background: url(../images/pay/renewal/bg_selection_top04.jpg) no-repeat top, url(../images/pay/renewal/bg_selection_btm04.jpg) no-repeat bottom, url(../images/pay/renewal/bg_selection_mid04.jpg) repeat-y;
  background-size: 100%, 100%, 100%;
}
#selection li:nth-child(5) {
  background: url(../images/pay/renewal/bg_selection_top05.jpg) no-repeat top, url(../images/pay/renewal/bg_selection_btm05.jpg) no-repeat bottom, url(../images/pay/renewal/bg_selection_mid05.jpg) repeat-y;
  background-size: 100%, 100%, 100%;
}
#selection li a {
  padding: 20px 35px;
  color: #000;
  display: block;
}
#selection li:first-child a {
  padding: 25px 35px 25px;
}
#selection li:last-child a {
  padding: 20px 35px 30px;
}
#selection li a .ppvtitle {
  display: inline-block;
  max-width: calc(100% - 75px);
}
#selection li a .ppvicon {
  float: left;
}
/*入会記念シークレット鑑定*/
.join-secret.disp-0 {
  display: none;
}
.join-secret li {
  position: relative;
  text-align: left;
  background: url(../images/pay/join_bg_top.jpg) no-repeat top, url(../images/pay/join_bg_btm.jpg) no-repeat bottom, url(../images/pay/join_bg_mid.jpg) repeat-y;
  background-size: 100%, 100%, 100%;
  margin-bottom: 1px;
}
.join-secret a {
  display: block;
  padding: 10px 22px 25px 23px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.join-secret .icon-ppv.one {
  background: url(../images/icon/icon-24.png) no-repeat left top 2px;
  background-size: 85px;
  position: relative;
  padding: 0 0 13px 128px;
  margin-left: 0;
}
.join-secret .icon-ppv.one:after {
  left: 105px;
  top: 1px;
}
.join-secret .icon-ppv.two {
  background: url(../images/icon/icon-24.png) no-repeat left top 2px;
  background-size: 85px;
  position: relative;
  padding: 0 0 13px 130px;
  margin-left: 0;
}
.join-secret .icon-ppv.two:after {
  left: 105px;
  top: 1px;
}
.join-secret .ppvicon {
  width: 65px;
  margin: 0;
  padding-right: 7px;
  float: none;
  display: table-cell;
}
.join-secret li .ppvtitle {
  color: #fff;
  text-decoration: underline;
  float: none;
  width: 230px;
  display: table-cell;
  font-size: 12px;
  vertical-align: middle;
}
/*----- weekend -----*/
.weekend {
  height: 112px;
  padding: 43px 7px 0;
  background: url(../images/pay/bg_weekend.png) no-repeat;
  background-size: 100%;
  box-sizing: border-box;
}
.weekend li {
  float: left;
  width: 150px;
  height: 68px;
}
.weekend li:first-child {
  margin-right: 6px;
}
.weekend a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  display: block;
  padding: 14px 20px 12px 8px;
  letter-spacing: -1px;
}
.weekend a span {
  font-size: 13px;
  letter-spacing: 0;
}
/* 更新情報 */
.new_info ul.inner li {
  position: relative;
  text-align: left;
  background: url(../images/pay/bg_news_info_top.jpg) no-repeat top, url(../images/pay/bg_news_info_btm.jpg) no-repeat bottom;
  background-size: 100%, 100%;
  background-color: #470772;
  border-bottom: 2px solid #c12bfc;
}
.new_info ul.inner li dd {
  padding-right: 17px;
  font-size: 13px;
  line-height: 1.4;
}
.new_info .icon-ppv, .new_info .ppvtitle {
  color: #fff;
}
.new_info .icon-ppv, .new_info dt {
  padding: 0 0 0px 15px;
  margin: 0 0 5px 0;
  border-bottom: 1px solid #fff;
  font-weight: bold;
  font-size: 13px;
  color: #ffff00;
  background: url(../images/pay/icon_calendar.png) no-repeat left center;
  background-size: 14px;
}
.new_info .icon-ppv:after {
  display: none;
}
.new_info .inner {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.new_info a {
  display: block;
  padding: 7px 10px 7px 10px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
}
.new_info a:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: 3px;
  background: url(../images/pay/icon_arrow.png) no-repeat;
  background-size: 100% auto;
  width: 7px;
  min-height: 20px;
}
/*deli*/
.deli_pay {
  position: relative;
  height: 300px;
  margin: 0;
  padding: 145px 0 0;
  text-align: left;
  transition: 0.3s;
  background: url(../images/pay/bg_deli.jpg) no-repeat;
  background-size: 100%;
  box-sizing: border-box;
}
.deli_pay.on {
  opacity: 1;
}
.tit_deli {
  position: absolute;
  top: 58px;
  left: 25px;
  width: 200px;
  box-sizing: border-box;
  text-shadow: 0 0 7px #730bda, 0 0 10px #730bda, 0 0 10px #730bda, 0 0 10px #730bda, 0 0 10px #730bda;
  font-weight: bold;
  font-size: 16px;
  color: #5a0505;
  min-height: 80px;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
}
.tit_deli span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.deli_pay a {
  display: table;
  position: relative;
  height: 96px;
  padding: 0 10px;
  line-height: 20px;
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  box-sizing: border-box;
  padding: 0px 22px 0px 22px !important;
}
.deli_pay .res-rcmd-feature_menu {
  background: none !important;
}
.deli2-read {
  display: none;
}
.deli_pay .box_new .ppvicon {
  vertical-align: middle;
}
/* ピックアップ */
.slider h2 {
  margin-bottom: -1px;
}
.slider .inner {
  height: 152px;
  background: url(../images/pay/bg_pickup.jpg) no-repeat left top;
  background-size: 100%;
}
.bx-wrapper {
  top: 7px;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  top: -5px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  width: 10px;
  height: 10px;
}
.bx-wrapper {
  width: 294px !important;
}
.bx-wrapper, .bx-viewport {
  height: 109px !important;
}
.bx-wrapper ul li {
  width: 294px !important;
}
/* LOOPA */
.sec_new.box_new.loopa li:nth-child(1) {
  background: url(../images/pay/news_line01.png) no-repeat center 36px, url(../images/pay/bg_loop_top01.jpg) no-repeat top, url(../images/pay/bg_loop_btm01.jpg) no-repeat bottom, url(../images/pay/bg_loop_mid01.jpg) repeat-y;
  background-size: 92%, 100%, 100%, 100%;
}
.sec_new.box_new.loopa li:nth-child(2) {
  background: url(../images/pay/news_line01.png) no-repeat center 36px, url(../images/pay/bg_loop_top02.jpg) no-repeat top, url(../images/pay/bg_loop_btm02.jpg) no-repeat bottom, url(../images/pay/bg_loop_mid02.jpg) repeat-y;
  background-size: 92%, 100%, 100%, 100%;
}
.sec_new.box_new.loopa li:nth-child(3) {
  background: url(../images/pay/news_line01.png) no-repeat center 36px, url(../images/pay/bg_loop_top03.jpg) no-repeat top, url(../images/pay/bg_loop_btm03.jpg) no-repeat bottom, url(../images/pay/bg_loop_mid03.jpg) repeat-y;
  background-size: 92%, 100%, 100%, 100%;
}
.renewal .sec_new.box_new.loopa li:nth-child(1) {
  background: url(../images/pay/renewal/news_line01.png) no-repeat center 36px, url(../images/pay/renewal/bg_loop_top01.jpg) no-repeat top, url(../images/pay/renewal/bg_loop_btm01.jpg) no-repeat bottom, url(../images/pay/renewal/bg_loop_mid01.jpg) repeat-y;
  background-size: 86%, 100%, 100%, 100%;
}
.renewal .sec_new.box_new.loopa li:nth-child(2) {
  background: url(../images/pay/renewal/news_line01.png) no-repeat center 36px, url(../images/pay/renewal/bg_loop_top02.jpg) no-repeat top, url(../images/pay/renewal/bg_loop_btm02.jpg) no-repeat bottom, url(../images/pay/renewal/bg_loop_mid02.jpg) repeat-y;
  background-size: 86%, 100%, 100%, 100%;
}
.renewal .sec_new.box_new.loopa li:nth-child(3) {
  background: url(../images/pay/renewal/news_line01.png) no-repeat center 36px, url(../images/pay/renewal/bg_loop_top03.jpg) no-repeat top, url(../images/pay/renewal/bg_loop_btm03.jpg) no-repeat bottom, url(../images/pay/renewal/bg_loop_mid03.jpg) repeat-y;
  background-size: 86%, 100%, 100%, 100%;
}
.renewal .sec_new.box_new.loopa li:nth-child(1) {
  background: url(../images/pay/renewal/news_line01.png) no-repeat center 36px, url(../images/pay/ranking/bg_top_rank1.jpg) no-repeat top, url(../images/pay/ranking/bg_btm_rank1.jpg) no-repeat bottom, url(../images/pay/ranking/bg_mid_rank1.jpg) repeat-y;
  background-size: 100%;
  padding-top: 12%;
}
.renewal .sec_new.box_new.loopa li:nth-child(2) {
  background: url(../images/pay/renewal/news_line01.png) no-repeat center 36px, url(../images/pay/ranking/bg_top_rank2.jpg) no-repeat top, url(../images/pay/ranking/bg_btm_rank2.jpg) no-repeat bottom, url(../images/pay/ranking/bg_mid_rank2.jpg) repeat-y;
  background-size: 100%;
  padding-top: 12%;
}
.renewal .sec_new.box_new.loopa li:nth-child(3) {
  background: url(../images/pay/renewal/news_line01.png) no-repeat center 36px, url(../images/pay/ranking/bg_top_rank3.jpg) no-repeat top, url(../images/pay/ranking/bg_btm_rank3.jpg) no-repeat bottom, url(../images/pay/ranking/bg_mid_rank3.jpg) repeat-y;
  background-size: 100%;
  padding-top: 12%;
}
.renewal .sec_new.box_new.loopa li:nth-child(4) {
  background: url(../images/pay/renewal/news_line01.png) no-repeat center 36px, url(../images/pay/ranking/bg_top_rank4.jpg) no-repeat top, url(../images/pay/ranking/bg_btm_rank4.jpg) no-repeat bottom, url(../images/pay/ranking/bg_mid_rank4.jpg) repeat-y;
  background-size: 100%;
  padding-top: 12%;
}
.renewal .sec_new.box_new.loopa li:nth-child(5) {
  background: url(../images/pay/renewal/news_line01.png) no-repeat center 36px, url(../images/pay/ranking/bg_top_rank5.jpg) no-repeat top, url(../images/pay/ranking/bg_btm_rank5.jpg) no-repeat bottom, url(../images/pay/ranking/bg_mid_rank5.jpg) repeat-y;
  background-size: 100%;
  padding-top: 12%;
}
.sec_new.box_new.loopa a {
  color: #000;
  padding: 13px 15px 15px 15px !important;
}
.renewal .sec_new.box_new.loopa a {
  color: #000;
  padding: 13px 20px 20px 20px !important;
}
.sec_new.box_new.loopa .ppvicon {
  width: 65px;
}
.sec_new.box_new.loopa li .ppvtitle {
  color: #000 !important;
}
.sec_new.box_new.loopa li .icon-ppv {
  padding-left: 5px;
  background: url(../images/icon/icon-ppv2.png) no-repeat 95px top;
  background-size: 55px;
  color: #d30000;
  margin-left: 40px;
  line-height: 19px;
  margin: auto;
  margin-bottom: 10px !important;
}
.sec_new.box_new.loopa li.new a:after {
  left: 60px;
}
/* 視えすぎ鑑定 */
.sec_miesugi {
  min-height: 660px;
  position: relative;
}
.sec_miesugi.docomo {
  background: url(../images/pay/sec_miesugi_bg-docomo.jpg) no-repeat;
  background-size: 100% auto;
}
.sec_miesugi.common {
  background: url(../images/pay/sec_miesugi_bg-common.jpg) no-repeat;
  background-size: 100% auto;
}
.sec_miesugi li {
  position: absolute;
  width: 140px;
  height: 51px;
  overflow: hidden;
  border-radius: 10px;
}
.sec_miesugi li a {
  display: block;
  width: 100%;
  height: 100%;
}
.sec_miesugi li:nth-child(1) {
  bottom: 162px;
  left: 15px;
}
.sec_miesugi li:nth-child(2) {
  bottom: 162px;
  right: 15px;
}
.sec_miesugi li:nth-child(3) {
  bottom: 97px;
  left: 15px;
}
.sec_miesugi li:nth-child(4) {
  bottom: 97px;
  right: 15px;
}
.sec_miesugi li:nth-child(5) {
  width: 290px;
  height: 30px;
  bottom: 50px;
  left: 15px;
  border-radius: 25px;
}
/*----- 7days -----*/
.sec_7days {
  position: relative;
  height: 672px;
  background: url(../images/pay/sec_7days_bg.jpg) no-repeat;
  background-size: 100%;
  overflow: hidden;
}
.sec_7days h2 {
  min-height: 240px;
}
.sec_7days ul {
  position: relative;
}
.sec_7days li {
  height: 92px;
  position: absolute;
  width: 145px;
  overflow: hidden;
}
.sec_7days li a {
  display: block;
  width: 100%;
  height: 100%;
}
/* open */
.sec_7days li:nth-child(1) {
  top: 2px;
  left: 10px;
}
.sec_7days li:nth-child(2) {
  top: 17px;
  right: 10px;
}
.sec_7days li:nth-child(3) {
  top: 105px;
  left: 10px;
}
.sec_7days li:nth-child(4) {
  top: 122px;
  right: 10px;
}
.sec_7days li:nth-child(5) {
  top: 212px;
  left: 10px;
}
.sec_7days li:nth-child(6) {
  top: 227px;
  right: 10px;
}
.sec_7days li:nth-child(7) {
  top: 316px;
  left: 10px;
}
.sec_7days li.open-1 a {
  display: block;
  pointer-events: auto;
  height: 100%;
}
.sec_7days li.open-1:after, .sec_7days li.open-1 a:after {
  content: none;
}
.sec_7days li.open-0:after {
  content: "";
  background: url(../images/pay/7days_close.png) no-repeat;
  background-size: 100% auto;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 123px;
  min-height: 83px;
}
.sec_7days li.open-0 a {
  pointer-events: none;
}
/*----- 3ステップ -----*/
.sec_step .box {
  min-height: 235px;
  background: url(../images/pay/sec_step_bg.jpg) no-repeat;
  background-size: 100%;
}
.sec_step .box ul {
  position: relative;
}
.sec_step .box li {
  height: 60px;
  width: 309px;
  overflow: hidden;
  margin-bottom: 8px;
  margin: 0 5px 10px 6px;
  border-radius: 6px;
}
.sec_step .box li a {
  display: block;
  width: 100%;
  height: 100%;
}
/*----- 5人の人物 -----*/
.sec_fiveperson .box {
  min-height: 385px;
  position: relative;
}
.sec_fiveperson.docomo .box {
  min-height: 385px;
  background: url(../images/pay/sec_fiveperson_bg-docomo.jpg) no-repeat;
  background-size: 100%;
  position: relative;
}
.sec_fiveperson.common .box {
  min-height: 385px;
  background: url(../images/pay/sec_fiveperson_bg-common.jpg) no-repeat;
  background-size: 100%;
  position: relative;
}
.sec_fiveperson .box ul {
  position: absolute;
  bottom: 40px;
  right: 5px;
}
/*----- 会員様限定特典 -----*/
.sec_tokuten .box {
  min-height: 300px;
  position: relative;
}
.sec_tokuten.docomo .box {
  background: url(../images/pay/renewal/sec_tokuten_bg-docomo.jpg) no-repeat;
  background-size: 100%;
}
.sec_tokuten.common .box {
  background: url(../images/pay/renewal/sec_tokuten_bg-common.jpg) no-repeat;
  background-size: 100%;
}
.sec_tokuten ul {
  position: relative;
  top: 18px;
}
.sec_tokuten li {
  height: 83px;
  width: 191px;
  overflow: hidden;
  margin-bottom: 8px;
  margin: 0 5px 7px 14px;
  border-radius: 10px;
}
.sec_tokuten li:last-child {
  width: 292px;
}
.sec_tokuten li a {
  display: block;
  width: 100%;
  height: 100%;
}
/*----- 滞在特典 -----*/
.box_special .inner_box {
  margin: 8px;
  background: url(../images/pay/renewal/bg_special_mid.jpg) repeat;
  background-size: 100%;
  padding: 15px;
  position: relative;
}
.box_special .inner_box:before {
  content: "";
  background: url(../images/pay/renewal/bg_special_top.jpg) no-repeat;
  background-size: 100%;
  width: 100%;
  height: 24px;
  position: absolute;
  top: -1px;
  left: 0;
}
.box_special .inner_box:after {
  content: "";
  background: url(../images/pay/renewal/bg_special_btm.jpg) no-repeat;
  background-size: 100%;
  width: 100%;
  height: 21px;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.box_special .inner_box .inner {
  position: relative;
  z-index: 1;
}
.mypage .box_special .inner {
  padding: 10px;
}
.box_special .txt {
  text-align: center;
  line-height: 1.5;
  margin-bottom: 15px;
  font-size: 14px;
  letter-spacing: -1px;
  font-weight: bold;
  color: #fff;
}
.box_special .txt span {
  color: #ffff00;
}
.box_special h3 {
  margin: 0 7px -4px 7px;
}
.btn-pre-link a {
  display: block;
  color: #fff;
  text-align: center;
  position: relative;
  text-decoration: none;
}
.btn-pre-link a:after {
  content: "＞";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -15px;
  font-size: 15px;
}
.mypage .box_special h3 {
  margin: 0 0px 10px 0px;
}
.box_special li {
  margin-bottom: 15px;
  padding-bottom: 20px;
  background: url(../images/pay/box_special_line.png) no-repeat left bottom;
  background-size: 100% 7px;
}
.box_special li:last-child {
  background: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.box_special p {
  margin: 0;
  text-align: left;
  color: #000;
}
.box_special li:last-child {
  margin-bottom: 0;
}
.box_special .box_teller {
  height: 150px;
  background: url("../images/teller/01.png") no-repeat right;
  background-size: 45%;
}
.box_special .serif_none {
  top: 20px;
  left: 10px;
}
.box_special #premium_check p a {
  color: #ff0000;
}
.box_pre_top .box {
  height: 100px;
  background: url(../images/pay/special/renewal/bg_pre.jpg) no-repeat right;
  background-size: 100%;
}
.box_pre_top .box p {
  font-weight: bold;
}
.btn-pre-link {
  width: 225px;
  margin: 0 auto !important;
  height: 32px;
  line-height: 32px;
  position: relative;
  top: 30px;
}
.float {
  animation: float 2.5s ease-in-out infinite alternate;
  transform-origin: 50% 50%;
  position: relative;
  z-index: 1;
}
@-webkit-keyframes float {
  0% {
    transform: translate3d(0, -3px, 0)
  }
  50% {
    transform: translate3d(0, 3px, 0)
  }
  100% {
    transform: translate3d(0, -3px, 0)
  }
}
@-moz-keyframes float {
  0% {
    transform: translate3d(0, -3px, 0)
  }
  50% {
    transform: translate3d(0, 3px, 0)
  }
  100% {
    transform: translate3d(0, -3px, 0)
  }
}
@keyframes float {
  0% {
    transform: translate3d(0, -3px, 0)
  }
  50% {
    transform: translate3d(0, 3px, 0)
  }
  100% {
    transform: translate3d(0, -3px, 0)
  }
}
/* ぽよよん */
.poyoyon {
  animation: poyoyon 1.1s ease-in-out infinite;
}
.poyoyon2 {
  animation: poyoyon 1.1s ease-in-out infinite;
  animation-delay: .3s;
}
@keyframes poyoyon {
  0% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  15% {
    transform: scale(0.95, 0.95) translate(0, 5px);
  }
  30% {
    transform: scale(1.02, 1.0) translate(0, 4px);
  }
  50% {
    transform: scale(0.9, 1) translate(0, -3px);
  }
  70% {
    transform: scale(1.0, 0.95) translate(0, 3px);
  }
  85% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  100% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  0%, 100% {
    opacity: 1;
  }
}
.box_special a.btn-red {
  padding: 5px 20px 5px 8px;
}
.box_special .bnr {
  width: 100%;
}
/*おすすめサイト*/
.box_recc .inner {
  margin: 5px 5px 0;
  padding: 0 20px 25px;
  border: 1px solid #d8a5f6;
  border-radius: 7px;
  background: #714d71;
}
.promotion li {
  margin-top: 10px;
}
.promotion .officialLink {
  padding: 0 10px;
}
.promotion .inner {
  margin: 0 5px;
}
/* おすすめ無料占い */
.contents-form {
  margin: 5px;
  padding: 45% 10px 30px;
  background-repeat: no-repeat, repeat-y;
  background-position: top, 50%;
  background-size: 100%;
  border-radius: 5px;
}
.contents-form.lovemedo {
  padding: 36% 15px 30px;
  background-image: url("../images/pay/form_lovemedo.jpg");
  background-color: #937021;
}
.contents-form.lovemedo-23nenun {
  padding: 50% 15px 30px;
  background-image: url(../images/pay/form_lovemedo_nenun23.jpg);
  background-color: #FFFEE5;
}
.contents-form.tenyoko {
  padding: 45% 10px 30px;
  background-image: url(../images/pay/form_tenyoko.png), url(../images/pay/form_bg_tenyoko.png);
}
.contents-form.beppu {
  padding: 36% 10px 30px;
  background-image: url("../images/pay/form_beppu.jpg");
  background-color: #000;
}
.contents-form.ena {
  padding: 45% 10px 30px;
  background-image: url(../images/pay/form_ena.png), url(../images/pay/form_bg_ena.png);
}
.contents-form.mocchiy {
  padding: 41% 10px 30px;
  background-image: url(../images/pay/form_mocchiy.jpg), url(../images/pay/form_bg_mocchiy.jpg);
}
.contents-form.twinray {
  padding: 41% 10px 30px;
  background-image: url(../images/pay/form_twinray.jpg), url(../images/pay/form_bg_twinray.jpg);
}
.contents-form.yuhan {
  padding: 41% 10px 30px;
  background-image: url(../images/pay/form_yuhan.jpg);
  background-color: #f11254;
}
.contents-form.pharaoh {
  padding: 33% 10px 30px;
  background-image: url(../images/pay/form_pharaoh.jpg);
  background-color: #937021;
}
.contents-form.pperon {
  padding: 33% 10px 30px;
  background-image: url(../images/pay/form_pperon.jpg);
  background-color: #b633df;
}
.contents-form.ayano {
  padding: 33% 10px 30px;
  background-image: url(../images/pay/form_ayano.jpg);
  background-color: #f3eba5;
}
.contents-form.imaria {
  padding: 33% 10px 30px;
  background-image: url(../images/pay/form_imaria.jpg);
  background-color: #b633df;
}
.contents-form.yasu {
  padding: 33% 10px 30px;
  background-image: url(../images/pay/form_yasu.jpg);
  background-color: #33bddf;
}
.contents-form.christy {
  padding: 46% 10px 30px;
  background-image: url(../images/pay/form_christy.jpg);
  background-color: #b633df;
}
.contents-form.mekuru {
  padding: 50% 10px 30px;
  background-image: url(../images/pay/form_mekuru.jpg);
  background-color: #3679dd;
}
.contents-form.kick {
  padding: 46% 10px 30px;
  background-image: url(../images/pay/form_kick.jpg);
  background-color: #8a2be2;
}
.contents-form.martha {
  padding: 46% 10px 30px;
  background-image: url(../images/pay/form_martha.jpg);
  background-color: #d8bfd8;
}
.contents-form.haruka {
  padding: 46% 10px 30px;
  background-image: url(../images/pay/form_haruka.jpg);
  background-color: #fffacd;
}
.contents-form.haruka-23nenun {
  padding: 50% 10px 30px;
  background-image: url(../images/pay/form_haruka_nenun23.jpg);
  background-color: #fffacd;
}
.contents-form.yutaro {
  padding: 33% 10px 30px;
  background-image: url(../images/pay/form_yutaro.jpg);
}
.contents-form.kaho {
  padding: 46% 10px 30px;
  background-image: url(../images/pay/form_kaho.jpg);
  background-color: #FFFEF8;
}
.contents-form.ijuno {
  padding: 46% 10px 30px;
  background-image: url(../images/pay/form_ijuno.jpg);
  background-color: #C22B5C;
}
.contents-form.gal_docomo {
  padding: 33% 10px 15px;
  background-image: url(../images/pay/form_gal_docomo.jpg);
  background-color: #8f68ff;
}
.contents-form.gal_common {
  padding: 33% 10px 15px;
  background-image: url(../images/pay/form_gal.jpg);
  background-color: #8f68ff;
}
.contents-form.slove {
  padding: 50% 10px 15px;
  background-image: url("../images/pay/form_slove.jpg");
  background-color: #8f68ff;
}
.contents-form.michiyo {
  padding: 50% 10px 30px;
  background-image: url(../images/pay/form_michiyo.jpg);
  background-color: #8f68ff;
}
.contents-form.yumirin {
  padding: 50% 10px 30px;
  background-image: url(../images/pay/form_yumirin.jpg);
  background-color: #7B030F;
}
.contents-form.miyuki_docomo {
  padding: 50% 10px 15px;
  background-image: url(../images/pay/form_miyuki_docomo.jpg);
  background-color: #8f68ff;
}
.contents-form.miyuki_common {
  padding: 50% 10px 15px;
  background-image: url(../images/pay/form_miyuki.jpg);
  background-color: #8f68ff;
}
.contents-form.miesugi {
  padding: 50% 10px 15px;
  background-image: url(../images/pay/form_miesugi.jpg);
  background-color: #faf500;
}
.contents-form.kyomei {
  padding: 50% 10px 15px;
  background-image: url(../images/pay/form_kyomei.jpg);
  background-color: #8f68ff;
}
.contents-form.kamane {
  padding: 50% 10px 15px;
  background-image: url(../images/pay/form_kamane.jpg);
  background-color: #8f68ff;
}
.contents-form.patora_common {
  padding: 50% 10px 15px;
  background-image: url(../images/pay/form_patora.jpg);
  background-color: #8f68ff;
}
.contents-form.patora_docomo {
  padding: 50% 10px 15px;
  background-image: url(../images/pay/form_patora_docomo.jpg);
  background-color: #8f68ff;
}
.contents-form .title_name {
  background: #e5e9f4;
  padding: 5px;
}
.contents-form .title_name2 {
  background: #f4e5e5;
  padding: 5px;
}
.contents-form .form_area form {
  padding: 20px 15px;
  background: #fff;
  border-radius: 5px;
  color: #2f3748;
}
.form-input {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  flex-wrap: wrap;
}
.form-input .row {
  width: 48%;
}
.form-input .column {
  display: flex;
  justify-content: flex-start;
}
.birthday_wrap span {
  display: inline-block;
  padding: 5px 5px 0 0;
  font-size: 12px;
  color: #000;
}
.form-input .row input, .form-input select {
  box-sizing: border-box;
  border: 1px solid #e8e9f0;
  border-radius: 3px;
  font-size: 12px;
}
.form-input .row input {
  padding: 8px 10px;
}
.form-input select {
  margin-right: 5px;
}
.form-input .form-title {
  font-size: 11px;
  display: flex;
  align-items: center;
}
.form-input .form-title span.text-red {
  padding: 1px 4px;
  font-size: 10px;
  color: #e12743;
}
.contents-form .form_area form .btn-radio input {
  display: none;
}
.contents-form .form_area form .btn-radio input + label {
  padding-left: 20px;
  position: relative;
  margin-right: 20px;
}
.contents-form .form_area form .btn-radio input + label:before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #e8e9f0;
  border-radius: 50%;
}
.contents-form .form_area form .btn-radio input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #8257eb;
  border-radius: 50%;
}
.form-free {
  max-width: 180px;
  margin: auto;
}
.form-free .btn {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  font-size: 11px;
  text-align: center;
  color: #fff;
  background: #8257eb;
  border: none;
  border-radius: 3px;
  margin: 0;
}
/*----- 特別鑑定バナー -----*/
/*　入会3日間　*/
.sec_ppvbnr_new.disp-0 {
  display: none;
}
.sec_ppvbnr_new.disp-1 {
  display: block;
}
/*　入会3日後　*/
.sec_ppvbnr.disp-0 {
  display: block;
}
.sec_ppvbnr.disp-1 {
  display: none;
}
/*　アドバイス入会3日表示非表示　*/
.advice-banner-0 {
  display: none;
}
.advice-banner-1 {
  display: block;
}
/* 特集系バナー */
.bnr_feature .text-light {
  position: relative;
  height: 30px;
}
.bnr_feature .bnr_open {
  overflow: hidden;
}
.bnr_feature .ato span {
  font-size: 1.3em;
}
.bnr_feature .banner .text-light {
  position: relative;
  height: 30px;
}
.flow_txt {
  position: relative;
  height: 45px;
  overflow: hidden;
  margin-bottom: 2px;
  background: url(../images/pay/feature/202103_anohito/top_bg.jpg) no-repeat;
  background-size: 100% auto;
  margin-bottom: 15px;
}
.flow_txt p {
  width: 270px;
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  right: -5em;
  white-space: nowrap;
  -webkit-animation: flow 7s linear infinite;
  animation: flow 7s linear infinite;
}
@-webkit-keyframes flow {
  from {
    right: -15em;
  }
  to {
    right: 110%;
  }
}
@keyframes flow {
  from {
    right: -15em;
  }
  to {
    right: 110%;
  }
}
/* .bnr_open_0 .banner, .bnr_open_1 .banner {
	margin: 0 7px 0px 7px;
}

.bnr_open_0 .flow_txt, .bnr_open_0 .banner {
	display: none;
}

.bnr_open_1 .flow_txt, .bnr_open_1 .banner {
	display: block;
} */
.bnr_open_0 {
  display: block;
}
.bnr_open_1 {
  display: none;
}
.bnr_open_2 {
  display: none;
}
/*アイコン*/
/*new*/
.box_new li.new .icon-ppv {
  margin: 0 0 10px 55px;
  padding-left: 86px;
  background: url(../images/icon/icon-ppv.png) no-repeat left top;
  background-size: 55px;
}
.box_new li:not(:first-child) .icon-ppv {
  margin: 0 0 10px 60px;
}
.box_new li.new a:after {
  display: block;
  content: "";
  width: 45px;
  height: 18px;
  position: absolute;
  top: 12px;
  left: 24px;
  background: url(../images/pay/icon_new.gif) no-repeat;
  background-size: 100%;
  border-radius: 40px;
}
/* pop */
.modal_inner .box_new02 li {
  background: url(../images/pay/bg_top.jpg) no-repeat top, url(../images/pay/bg_btm.jpg) no-repeat bottom, url(../images/pay/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
.bnr_open .text-light03 {
  color: #fff;
  text-shadow: 0 1px 7px #ff10cf, 0 3px 7px #ff10cf, 0 0 7px #ff10cf, 0 0 7px #ff10cf;
}
/*----- 2ヵ月目継続特典 -----*/
.sec_manual .box {
  min-height: 240px;
  background: url(../images/pay/sec_manual_bg.jpg) no-repeat;
  background-size: 100%;
}
.sec_manual .box p {
  padding: 12px 0 0 0;
  font-size: 18px;
}
.sec_manual .box2 {
  min-height: 398px;
  background: url(../images/pay/sec_manual_bg2.jpg) no-repeat;
  background-size: 100%;
  position: relative;
}
.sec_manual li {
  height: 28px;
  position: absolute;
  width: 289px;
  overflow: hidden;
  bottom: 42px;
  left: 16px;
  border-radius: 30px;
}
.sec_manual li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  /*	background: rgba(0,0,0,0.8);
	position: relative;
	pointer-events: none;*/
}
/*.sec_manual li a:after {
	content: "coming soon";
	position: absolute;
	left: 0;
	right: 0;
	top: 2px;
	width: 100%;
	font-size: 17px;
	min-height: 30px;
}*/
/* 2023.01.13追記 */
.superhit li {
  position: relative;
  text-align: center;
}
.superhit li:first-child {
  background: url(../images/pay/bg_superhit_top01.jpg) no-repeat top, url(../images/pay/bg_superhit_btm01.jpg) no-repeat bottom, url(../images/pay/bg_superhit_mid01.jpg) repeat-y;
  background-size: 100%;
  margin-bottom: 7px;
}
.superhit li:nth-child(2) {
  background: url(../images/pay/bg_superhit_top02.jpg) no-repeat top, url(../images/pay/bg_superhit_btm02.jpg) no-repeat bottom, url(../images/pay/bg_superhit_mid02.jpg) repeat-y;
  background-size: 100%;
}
.superhit li:first-child:after {
  content: "";
  background: url(../images/pay/arrow_superhit01.png) no-repeat;
  background-size: 100%;
  width: 18px;
  height: 22px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.superhit li:nth-child(2):after {
  content: "";
  background: url(../images/pay/arrow_superhit02.png) no-repeat;
  background-size: 100%;
  width: 18px;
  height: 22px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.superhit a {
  display: block;
  padding: 30px 40px 28px 25px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.superhit font {
  font-size: 14px;
}
/*=====================
シークレットボーナス
=====================*/
#secret_bonus, #secret_bonus.disp-0 {
  display: none;
}
#secret_bonus.disp-1 {
  display: block;
}
#secret_bonus .box_teller {
  min-height: 250px;
  background: url(../images/result/secret_bonus/bg_secret.jpg) no-repeat;
  background-size: 100%;
  width: 100%;
}
#secret_bonus .box_teller p {
  width: 145px;
  margin: -10px 0 15px 135px;
}
#secret_bonus .box_teller p:after {
  content: "";
  position: absolute;
  top: 45%;
  left: -20px;
  right: inherit;
  background: url(../images/result/parts/fuki02.png) no-repeat;
  background-size: 100% auto;
  width: 20px;
  min-height: 19px;
  margin: 0 auto;
}
#secret_bonus > h4 {
  padding: 10px 0;
  background: #000;
  color: red;
  font-weight: bold;
  font-size: 17px;
}
#secret_bonus .box_new li {
  position: relative;
  text-align: left;
  background: url(../images/pay/news_bg02_top.jpg) no-repeat top, url(../images/pay/news_bg02_btm.jpg) no-repeat bottom, url(../images/pay/news_bg02_mid.jpg) repeat-y;
  background-size: 100%, 100%, 100%;
}
#secret_bonus .box_new li .ppvtitle {
  width: 100%;
}
#secret_bonus .box_new a {
  padding: 22px 15px 22px 15px;
}
/*//////////////////////////////////////////////////////

pay parts

////////////////////////////////////////////////////////*/
.icon-new, .obi {
  display: block;
  padding: 2px 60px 2px 20px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-transform: rotate(-21deg);
  -moz-transform: rotate(-21deg);
  transform: rotate(-21deg);
  font-weight: bold;
  font-size: 10px;
  font-style: italic;
  color: #d30000;
  position: absolute;
  top: -7px;
  left: -15px;
  background: #FFE900;
}
.icon-new.blue {
  color: #0056F7;
}
.obi {
  padding: 0 35px 0 30px !important;
  top: 5px;
  left: -30px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  text-shadow: none;
  font-size: 10px;
  -webkit-transform: rotate(-35deg);
  -moz-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
.obi.one {
  color: #031afb;
}
/*続きを見る*/
.link_more {
  display: block;
  width: 98%;
  margin: 5px auto 0;
  padding: 8px 10px;
  box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  font-size: 15px;
  color: #fff;
  border-radius: 5px;
}
.link_more.pink {
  box-shadow: 0 0 5px #dca2a8 inset, 0 0 5px #dca2a8 inset, 0 0 5px #dca2a8 inset, 0 0 5px #fff inset, 0 0 5px #fff inset, 0 0 5px #fff inset, 1px 2px 3px rgba(0, 0, 0, 0.7);
  background: rgba(235, 104, 119, 0.8);
  background: -moz-linear-gradient(top, #da838e 0%, rgba(235, 104, 119, 0.8) 100%);
  background: -webkit-linear-gradient(top, #da838e 0%, rgba(235, 104, 119, 0.8) 100%);
  background: linear-gradient(to bottom, #da838e 0%, rgba(235, 104, 119, 0.8) 100%);
}
.link_more.green {
  box-shadow: 0 0 5px #cde2dc inset, 0 0 5px #cde2dc inset, 0 0 5px #bacfc8 inset, 0 0 7px #bacfc8 inset;
  background: #00807c;
  background: -moz-linear-gradient(top, #00807c 0%, #004a47 100%);
  background: -webkit-linear-gradient(top, #00807c 0%, #004a47 100%);
  background: linear-gradient(to bottom, #00807c 0%, #004a47 100%);
}
/*赤*/
.btn-red a {
  display: block;
  width: 220px;
  margin: 0 auto;
  padding: 8px 20px 8px 8px;
  position: relative;
  border: 1px solid #f44244;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  border-radius: 50px;
  text-decoration: none;
  text-align: center;
  line-height: 17px;
  font-size: 15px;
  color: #fff !important;
  background: rgb(247, 0, 52);
  background: -moz-linear-gradient(top, rgba(247, 0, 52, 1) 0%, rgba(192, 0, 52, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(247, 0, 52, 1) 0%, rgba(192, 0, 52, 1) 100%);
  background: linear-gradient(to bottom, rgba(247, 0, 52, 1) 0%, rgba(192, 0, 52, 1) 100%);
}
.btn-red a:after {
  content: "＞";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
  font-size: 15px;
}
/*黄*/
.btn-ye a {
  border: 0 !important;
  box-shadow: 0 0 5px #fff inset;
  background: rgb(244, 189, 3);
  background: -moz-linear-gradient(left, rgba(244, 189, 3, 0.7) 0%, rgba(120, 42, 0, 0.7) 100%);
  background: -webkit-linear-gradient(left, rgba(244, 189, 3, 0.7) 0%, rgba(120, 42, 0, 0.7) 100%);
  background: linear-gradient(to right, rgba(244, 189, 3, 0.7) 0%, rgba(120, 42, 0, 0.7) 100%);
}
/*オレンジ*/
.btn-og a {
  border: 0 !important;
  box-shadow: 0 0 5px #fff inset;
  background: rgb(244, 108, 3);
  background: -moz-linear-gradient(left, rgba(244, 108, 3, 0.7) 0%, rgba(119, 0, 0, 0.7) 100%);
  background: -webkit-linear-gradient(left, rgba(244, 108, 3, 0.7) 0%, rgba(119, 0, 0, 0.7) 100%);
  background: linear-gradient(to right, rgba(244, 108, 3, 0.7) 0%, rgba(119, 0, 0, 0.7) 100%);
}
/*緑*/
.btn-gre a {
  border: 0 !important;
  box-shadow: 0 0 5px #fff inset;
  background: rgb(117, 159, 130);
  background: -moz-linear-gradient(left, rgba(117, 159, 130, 0.7) 0%, rgba(0, 8, 0, 0.7) 100%);
  background: -webkit-linear-gradient(left, rgba(117, 159, 130, 0.7) 0%, rgba(0, 8, 0, 0.7) 100%);
  background: linear-gradient(to right, rgba(117, 159, 130, 0.7) 0%, rgba(0, 8, 0, 0.7) 100%);
}
/*紫*/
.btn-vo a {
  border: 0 !important;
  box-shadow: 0 0 5px #fff inset;
  background: rgb(116, 54, 100);
  background: -moz-linear-gradient(left, rgba(146, 80, 197, 0.7) 0%, rgba(47, 22, 67, 0.7) 100%);
  background: -webkit-linear-gradient(left, rgba(146, 80, 197, 0.7) 0%, rgba(47, 22, 67, 0.7) 100%);
  background: linear-gradient(to right, rgba(146, 80, 197, 0.7) 0%, rgba(47, 22, 67, 0.7) 100%);
}
/*青*/
.btn-bl a {
  border: 0 !important;
  box-shadow: -1px -1px 1px #011d3d inset, -2px -2px 2px #011d3d inset, 0 0 10px #eee inset;
  background: -moz-linear-gradient(top, rgba(3, 55, 113, 1) 0%, rgba(14, 81, 156, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(3, 55, 113, 1) 0%, rgba(14, 81, 156, 1) 100%);
  background: linear-gradient(to bottom, rgba(3, 55, 113, 1) 0%, rgba(14, 81, 156, 1) 100%);
}
/*ピンク*/
.btn-pink a {
  border: 0 !important;
  box-shadow: -1px -1px 1px #660217 inset, -2px -2px 2px #660217 inset, 0 0 10px #eee inset;
  background: rgb(150, 3, 96);
  background: -moz-linear-gradient(top, rgba(150, 3, 96, 1) 0%, rgba(183, 0, 137, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(150, 3, 96, 1) 0%, rgba(183, 0, 137, 1) 100%);
  background: linear-gradient(to bottom, rgba(150, 3, 96, 1) 0%, rgba(183, 0, 137, 1) 100%);
}
/* 大開運キャンペーン */
#cam_daikaiun {
  background: #fff;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
#cam_daikaiun h3 {
  background: #a873d0;
  text-align: center;
  color: #fff;
  font-family: "游明朝体", "Yu Mincho", YuMincho, 'Sawarabi Mincho', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 1.4em;
  padding: 7px 0;
  margin: 0;
}
#cam_daikaiun ul {
  margin: 15px 15px 15px 15px;
  text-align: left;
  word-break: break-all;
}
#cam_daikaiun li {
  margin-bottom: 20px;
  color: #646069;
}
#cam_daikaiun a.purple {
  border-bottom: 1px solid;
  color: #c31f9f;
}
#cam_daikaiun .btn_entry {
  width: 250px;
  margin: 0 auto;
  height: 50px;
}
#cam_daikaiun .btn_entry a {
  background: url("../images/free/btn_campaign.png") no-repeat;
  background-size: 100% auto;
  height: 100%;
  width: 100%;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/*////////////////////////////////////////////////////////

7daysLecture 5daysLecture

////////////////////////////////////////////////////////*/
.lecture .box_teller.theater {
  min-height: 188px;
  background: url(../images/other/7days_bg.png) no-repeat;
  background-size: 100%;
}
.lecture .box_teller.theater p {
  width: 130px;
  margin-left: 10px;
  top: 10px;
}
/*////////////////////////////////////////////////////////

daysLecture

////////////////////////////////////////////////////////*/
.list_days ul {
  margin-bottom: 15px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.list_days a {
  display: block;
  padding: 10px 25px 10px 7px;
  border-bottom: 1px solid #fff;
  text-decoration: none;
  text-align: left;
  color: #fff;
  position: relative;
  background: #7c49e3;
  font-size: 13px;
  line-height: 1.4;
}
.list_days li:last-child a {
  border-bottom: none;
}
.list_days a:after {
  content: "";
  width: 15px;
  height: 15px;
  margin-top: -7px;
  position: absolute;
  top: 50%;
  right: 2px;
  background: url(../images/icon/arrow_wh.png) no-repeat right 50%;
  background-size: 100%;
}
.list_days li.nolink {
  padding: 7px;
  border-top: 1px solid #380254;
  border-bottom: 1px solid #380254;
  text-align: left;
  background: -moz-linear-gradient(left, #9933cc, #6633cc);
  background: -webkit-linear-gradient(left, #9933cc, #6633cc);
  background: linear-gradient(to right, #9933cc, #6633cc);
  -webkit-filter: grayscale(1);
  filter: gray;
  filter: grayscale(1);
  opacity: 0.8;
  font-size: 13px;
  line-height: 1.4;
}
.list_days li.nolink:after {
  content: none;
}
.list_days li span {
  font-size: 0.9em;
  color: #876903;
}
.list_days li.nolink span {
  color: #d8d8d8;
}
.list_days .date {
  display: block;
}
.lecture .lead {
  margin: 0 15px;
}
/*////////////////////////////////////////////////////////

お知らせ・プレゼントBOX

////////////////////////////////////////////////////////*/
.notice .list_days li span {
  font-size: 1em;
  color: #fff;
}
.notice .list_days dt {
  border-bottom: 1px solid #fff;
  padding-bottom: 6px;
  margin-bottom: 6px;
  font-size: 12px;
}
.notice .icon_1 {
  background: url(../images/icon/icon-mark.png) no-repeat right 0%;
  background-size: 20px;
}
/* 202407改修 */
.notice .readBtnWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
}
.notice .unreadBtn input, .notice .readBtn input {
  display: none;
}
.notice .unreadBtn span {
  text-align: center;
  display: block;
  padding: 5px 10px;
  border: 2px solid #042231;
  border-radius: 8px;
  color: #333;
  font-size: 14px;
}
.notice .readBtn {
  text-align: center;
  display: block;
  padding: 5px 10px;
  border: 2px solid #042231;
  border-radius: 8px !important;
  color: #333;
  font-size: 14px;
}
.notice .unreadBtn span {
  background: linear-gradient(180deg, rgba(255, 254, 0, 1) 0%, rgba(247, 246, 0, 1) 78%, rgba(150, 149, 1, 1) 100%);
}
.notice .readBtn {
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(233, 232, 232, 1) 78%, rgba(164, 164, 164, 1) 100%);
}
.notice .unreadtext {
  display: none;
  margin-bottom: 0;
  padding: 30px 0;
}
.notice .list_days ul li form, .notice .list_days ul li .no_link {
  padding: 10px 25px 10px 7px;
  border-bottom: 1px solid #fff;
  text-decoration: none;
  text-align: left;
  color: #fff;
  position: relative;
  background: #7c49e3;
  font-size: 13px;
  line-height: 1.4;
}
.notice .list_days ul li form:after, .notice .list_days ul li .no_link:after {
  content: "";
  width: 15px;
  height: 15px;
  margin-top: -7px;
  position: absolute;
  top: 50%;
  right: 2px;
  background: url(../images/icon/arrow_wh.png) no-repeat right 50%;
  background-size: 100%;
}
.notice .list_days ul li form .list_submit {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 320px;
  height: 100%;
  background: transparent;
  z-index: 3;
}
.notice .list_days li:last-child form {
  border-bottom: none;
}
/*////////////////////////////////////////////////////////

menulist

////////////////////////////////////////////////////////*/
.menuList .btn-page {
  width: auto;
  margin: 10px;
}
.menuList .lead {
  padding: 0 10px;
  line-height: 22px;
  text-align: left;
  text-shadow: 0 0 1px #19052a, 0 1px 1px #19052a;
  color: #fff;
}
/*----- 護符プレゼント -----*/
.sec_gafu .box {
  height: 425px;
  background: url(../images/menu/bg_gofu.jpg) no-repeat;
  background-size: 100%;
}
/*不都合な真実*/
.icon_key {
  width: 295px;
  margin: 0 auto;
  position: absolute;
  top: 105px;
  left: 0;
  right: 0;
  overflow: hidden;
}
.icon_key li {
  width: 42px;
  height: 42px;
  float: left;
  background: url(../images/menu/icon_close.png) no-repeat center;
  background-size: 100%;
}
.icon_key li.open-1 {
  background: url(../images/menu/icon_open.png) no-repeat center;
  background-size: 90%;
}
/*心の記憶*/
.icon_heart {
  width: 160px;
  margin: 0 auto;
  position: absolute;
  top: 245px;
  left: 0;
  right: 0;
  overflow: hidden;
}
.icon_heart li {
  width: 40px;
  height: 40px;
  float: left;
  background: url(../images/menu/icon_close_heart.jpg) no-repeat center;
  background-size: 90%;
}
.icon_heart li:nth-child(1) {
  background: url(../images/menu/icon_open_heart.jpg) no-repeat center;
  background-size: 90%;
}
.icon_heart li:nth-child(2) {
  margin: 0 20px;
}
.icon_heart.member-3 li:nth-child(2) {
  background: url(../images/menu/icon_open_heart.jpg) no-repeat center;
  background-size: 90%;
}
.icon_heart.member-10 li:nth-child(2), .icon_heart.member-10 li:nth-child(3) {
  background: url(../images/menu/icon_open_heart.jpg) no-repeat center;
  background-size: 90%;
}
/*リンク*/
.sec_gafu .link1, .sec_gafu .link2, .sec_gafu .link3 {
  position: absolute;
}
.sec_gafu .link1, .sec_gafu .link2 {
  width: 140px;
  height: 33px;
  right: 18px;
}
.sec_gafu .link1 {
  top: 155px;
}
.sec_gafu .link2 {
  top: 295px;
}
.sec_gafu .link3 {
  width: 85%;
  height: 60px;
  margin: 0 auto;
  bottom: 20px;
  left: 0;
  right: 0;
}
.sec_gafu a {
  display: block;
  height: 100%;
}
/*close*/
.sec_gafu .link3 a {
  pointer-events: none;
  position: relative;
}
.sec_gafu .link3 a:after {
  content: "";
  width: 92%;
  height: 52px;
  margin: 0 auto;
  border-radius: 10px;
  position: absolute;
  top: 3px;
  left: 9px;
  background: rgb(0, 0, 0, 0.3);
}
/*open*/
.sec_gafu .link3.member-10 a {
  pointer-events: auto;
}
.sec_gafu .link3.member-10 a:after {
  content: none;
}
/*----- 心の扉 -----*/
.sec_door .box {
  height: 390px;
}
.sec_door.open-1 .box {
  background: url(../images/menu/bg_door_morning.jpg) no-repeat;
  background-size: 100%;
}
.sec_door.open-2 .box {
  background: url(../images/menu/bg_door_daytime.jpg) no-repeat;
  background-size: 100%;
}
.sec_door.open-3 .box {
  background: url(../images/menu/bg_door_night.jpg) no-repeat;
  background-size: 100%;
}
.sec_door li {
  display: none;
  width: 100%;
  height: 130px;
  position: absolute;
}
.sec_door li:nth-child(1) {
  top: 0;
}
.sec_door li:nth-child(2) {
  top: 93px;
}
.sec_door li:nth-child(3) {
  top: 188px;
}
.sec_door.open-1 li:nth-child(1), .sec_door.open-2 li:nth-child(2), .sec_door.open-3 li:nth-child(3) {
  display: block;
}
.sec_door a {
  display: block;
  height: 100%;
}
.fuki_date {
  width: 120px;
  height: 55px;
  padding-top: 22px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 13px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../images/menu/fuki_date.png) no-repeat;
  background-size: 100%;
}
/*----- 誘導 -----*/
.box_yudo01 ul, .box_yudo03 ul, .box_yudo04 ul {
  width: 95%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
}
.box_yudo01 ul {
  top: 15px;
}
.box_yudo01 li {
  height: 90px;
  margin: 0 40% 0 0;
}
.box_yudo01 li:nth-child(2) {
  margin: 0 0 0 40%;
}
.box_yudo01 li:last-child {
  width: 85%;
  margin: 60px auto 0;
  height: 75px;
}
.box_yudo02 .btn-ppv {
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
}
.box_yudo02 .btn-ppv a {
  font-size: 13px;
}
.box_yudo03 ul {
  top: 50px;
}
.box_yudo04 ul {
  top: 170px;
}
.box_yudo03 li {
  height: 70px;
}
.box_yudo03 li:nth-child(1) {
  margin: 0 30% 0 0;
}
.box_yudo03 li:nth-child(2) {
  margin: 20px 30% 45px 0;
}
.box_yudo04 li {
  width: 50%;
  height: 80px;
  float: left;
}
.box_yudo01 a, .box_yudo03 a, .box_yudo04 a {
  display: block;
  height: 100%;
}
/*////////////////////////////////////////////////////////

占い外

////////////////////////////////////////////////////////*/
.tobira .list a {
  padding: 25px 20px 8px 10px;
}
.tobira .list a:before {
  content: "占いメニュー";
  padding: 0 5px;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 5px;
  line-height: 18px;
  text-align: center;
  font-size: 10px;
  color: #fff;
  background: #ff2da9;
}
.tobira .list li:nth-child(3) a:before {
  content: "パワーワーク";
  background: #2db7ff;
}
/*////////////////////////////////////////////////////////

menu.do

////////////////////////////////////////////////////////*/
/*----- title -----*/
.result-picture, .view_title .result-picture {
  width: 120px;
  float: left;
}
.result-picture {
  margin: 0 0px 0px 0 !important;
}
.result-picture02 {
  width: 120px;
  float: right;
}
.result-picture02 {
  margin: 0 0px 0px -10px !important;
}
/*----- lead -----*/
.menudo .lead, .default .lead {
  padding: 0 10px;
  text-align: left;
}
.lead.komi_normal {
  padding: 35px 20px 30px;
  text-shadow: 0 0 1px rgba(7, 0, 73, 0.3);
  color: #070049;
}
/*////////////////////////////////////////////////////////

tellerProfile

////////////////////////////////////////////////////////*/
.tellerProfile section {
  margin-bottom: 0;
}
.tellerProfile .senja_navi {
  display: flex;
  background: url(../images/info/menu.jpg) no-repeat;
  background-size: 100%;
}
.tellerProfile .senja_navi li {
  width: 33.3%;
  height: 50px;
}
.tellerProfile .senja_navi li a {
  display: block;
  height: 100%;
}
.tellerProfile .lead {
  padding: 30px 30px 65px;
  text-align: left;
  font-size: 13px;
  color: #000;
  background: url(../images/info/bg_mid.jpg) repeat-y;
  background-size: 100%;
  position: relative;
}
.tellerProfile .lead span {
  font-weight: bold;
}
.tellerProfile .lead:before {
  background-image: url(../images/info/bg_top.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
  content: '';
  width: 100%;
  height: 33px;
  position: absolute;
  top: -1px;
  left: 0;
}
.tellerProfile .lead:after {
  background-image: url(../images/info/bg_btm.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
  content: '';
  width: 100%;
  height: 66px;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.tellerProfile #senjutsu_wrap .lead {
  padding: 30px 30px 65px;
  text-align: left;
  font-size: 13px;
  color: #000;
  background: url(../images/info/bg_mid02.jpg) repeat-y;
  background-size: 100%;
  position: relative;
}
.tellerProfile #senjutsu_wrap .lead:before {
  background-image: url(../images/info/bg_top02.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
  content: '';
  width: 100%;
  height: 35px;
  position: absolute;
  top: -1px;
  left: 0;
}
.tellerProfile #senjutsu_wrap .lead:after {
  background-image: url(../images/info/bg_btm02.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
  content: '';
  width: 100%;
  height: 72px;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.tellerProfile .lead h3 {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
  color: #ed07d6;
}
.tellerProfile .lead p {
  margin-bottom: 0;
}
.tellerProfile .f_left {
  width: 50% !important;
  margin: 0 0 30px -10px;
}
/*リニューアル*/
.renewal .tellerProfile .lead {
  padding: 20px 30px 55px;
  text-align: left;
  font-size: 13px;
  color: #fff;
  background: url(../images/info/renewal/bg_mid.jpg) repeat-y;
  background-size: 100%;
  position: relative;
}
.renewal.renewal02 .tellerProfile .lead {
  background: url(../images/free_new2/bg_mid.jpg) repeat-y;
}
.renewal .tellerProfile .lead:before {
  background-image: url(../images/info/renewal/bg_top.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
  content: '';
  width: 100%;
  height: 15px;
  position: absolute;
  top: -1px;
  left: 0;
}
.renewal.renewal02 .tellerProfile .lead:before {
  background-image: url(../images/free_new2/bg_top.jpg);
}
.renewal .tellerProfile .lead:after {
  background-image: url(../images/info/renewal/bg_btm.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
  content: '';
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.renewal.renewal02 .tellerProfile .lead:after{
  background-image: url(../images/free_new2/bg_btm.jpg);
}
.renewal .tellerProfile .lead .text-mini {
  color: #bea3d9;
}
.renewal.renewal02 .tellerProfile .lead .text-mini {
  color: #fff;
}
/*////////////////////////////////////////////////////////

ppv

////////////////////////////////////////////////////////*/
.ppv_top section {
  margin-bottom: 15px;
}
.ppv_top .box_teller {
  background: url(../images/ppv/teller.jpg) no-repeat;
  background-size: 100%;
  min-height: 210px;
}
.ppv_top.renewal .box_teller {
  background: url(../images/ppv_new/teller.jpg) no-repeat;
  background-size: 100%;
  min-height: 210px;
}
.ppv_top .box_teller p {
  width: 150px;
  padding: 25px 15px;
}
.ppvnavi {
  margin: 0 0 25px;
  padding: 0 10px 0 13px;
  height: 84px;
  overflow: hidden;
  background: url(../images/ppv/bg_btn.jpg) no-repeat;
  background-size: 100%;
}
.renewal .ppvnavi {
  margin: 0 0 25px;
  padding: 0 10px;
  height: 90px;
  overflow: hidden;
  background: url(../images/ppv_new/bg_btn.jpg) no-repeat;
  background-size: 100%;
}
.ppvnavi li {
  width: 32%;
  height: 50px;
  float: left;
  margin-bottom: 10px;
}
.renewal .ppvnavi li {
  margin-bottom: 15px;
}
.ppvnavi li:nth-child(2) {
  margin: 0 5px;
}
.ppvnavi li:last-child {
  float: none;
  clear: both;
  width: 100%;
  height: 25px;
  margin-bottom: 0;
}
.ppvnavi a {
  display: block;
  height: 100%;
}
/*deli*/
.deli_ppv .ppv-box {
  padding: 10px 0 0;
  background: url(../images/ppv/bg_top.jpg) no-repeat top, url(../images/ppv/bg_btm.jpg) no-repeat bottom, url(../images/ppv/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
.deli_ppv .ppv-box a {
  padding: 5px 10px 17px !important;
  line-height: 20px;
  text-align: left;
  text-decoration: underline;
  text-shadow: 0 0 1px rgba(204, 204, 204, 0.3);
  font-family: 'Sawarabi Mincho', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-weight: bold;
  font-size: 14px;
  color: #000;
}
/* history */
.box_history .list-menu01 a span, .ppvhistory .list-menu01 a span {
  display: block;
  text-align: right;
  font-size: 11px;
}
/*////////////////////////////////////////////////////////

ppv.do

////////////////////////////////////////////////////////*/
/* confirm */
.ppvdo.confirm .serif:after {
  top: 70px;
}
.ppv_num {
  display: inline-block;
  float: right;
  margin: 0;
  padding: 5px 10px 5px 25px;
  text-align: right;
  text-shadow: 0 1px 1px #fff;
  font-weight: bold;
  font-size: 12px;
  color: #010101;
}
.ppv_num.one {
  background: url(../images/pay/icon-one.png) no-repeat 7px center;
  background-size: 10px;
}
.ppv_num.two {
  background: url(../images/pay/icon-two.png) no-repeat left center;
  background-size: 20px;
}
.menu_list .ppv_num {
  display: block;
  text-shadow: none;
  color: #fff;
}
.ppv_price {
  padding: 20px 0 0;
  text-shadow: 0 1px 1px #010101;
  font-size: 16px;
}
.ppvdo .subtitle {
  font-size: 12px;
}
.ppvdo .list-menu {
  margin: 5px auto 20px;
}
.ppvdo .tit_sub01 {
  margin: 20px 0 10px;
}
/* アイコン */
.icon-person {
  clear: both;
  margin: 0 5px;
  text-align: right;
  font-weight: bold;
  font-size: 11px;
  color: #676767;
}
.icon-person p {
  display: inline-block;
  margin-bottom: 0 !important;
}
.icon-person .icon {
  padding: 5px 0 5px 18px;
}
.icon-person.一人用 .icon {
  background: url(../images/icon/icon-one.png) no-repeat 5px;
  background-size: 9px;
}
.icon-person.二人用 .icon {
  background: url(../images/icon/icon-two.png) no-repeat left;
  background-size: 14px;
}
.menu_list .icon-person {
  color: #fff;
  position: relative;
  margin: 0px ​15px 0px 5px;
  font-size: 12px;
  right: 0;
  bottom: 0;
}
/* 購入前 */
.ppvdo.confirm .box_teller {
  min-height: 245px;
  background: url(../images/pay/teller_main.jpg) no-repeat top;
  background-size: 100%;
  box-shadow: 0px -5px 5px 0px #2f0755 inset;
}
.ppvdo.confirm .box_teller p {
  margin: 13px 0px 20px 10px;
  padding: 15px 10px;
  line-height: 1.4;
  width: 150px;
  top: 0;
  bottom: auto;
}
.ppv_view .ppvdo.confirm .box_teller p {
  top: 30px;
}
.ppvdo.confirm .list_check {
  width: 90%;
  margin: 0 auto;
}
.ppvdo.confirm .yudo_list {
  display: none;
}
.ppvdo.confirm .frame-yellow {
  color: #000;
  font-size: 17px;
  font-weight: bold;
  width: 250px;
  background: yellow;
  margin: 5px auto;
  padding: 5px 0;
  display: block;
}
/* 承諾事項 */
.box_approval {
  padding: 0 0 30px;
  text-align: left;
  font-size: 12px;
  color: #ccc;
  background: rgba(12, 1, 31, 0.4);
}
.box_approval #approval {
  margin-bottom: 15px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: #675e71;
}
.box_approval li {
  margin-bottom: 5px;
}
.box_approval a {
  color: #ff005a;
}
.box_approval .text-canter {
  text-align: center;
}
/*----- loopD -----*/
.loopD {
  margin-bottom: 30px;
}
.loopD .box, .loopD .box2 {
  position: relative;
}
.loopD .box li, .loopD .box2 li {
  position: absolute;
  overflow: hidden;
}
.loopD .box a, .loopD .box2 a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  font-size: 0;
}
.loopD.link1 .box {
  min-height: 220px;
  background: url(../images/pay/loop/img04.jpg) no-repeat;
  background-size: 100%;
}
.loopD.link1 .box li {
  left: 10px;
  width: 200px;
  height: 72px;
  border-radius: 15px;
}
.loopD.link1 .box li:nth-child(1) {
  top: 22px;
}
.loopD.link1 .box li:nth-child(2) {
  top: 112px;
}
.loopD.link1 .box2 {
  min-height: 215px;
  background: url(../images/pay/loop/img06.jpg) no-repeat;
  background-size: 100%;
}
.loopD.link1 .box2 li {
  right: 10px;
  width: 190px;
  height: 72px;
  border-radius: 15px;
}
.loopD.link1 .box2 li:nth-child(1) {
  top: 22px;
}
.loopD.link1 .box2 li:nth-child(2) {
  top: 112px;
}
.loopD.link2 .box {
  min-height: 125px;
  background: url(../images/pay/loop/img07.jpg) no-repeat;
  background-size: 100%;
}
.loopD.link2 .box p {
  margin-bottom: 0;
  padding: 22px 0 0 0;
  font-weight: bold;
}
.loopD.link2 .rank li {
  min-height: 185px;
  position: relative;
}
.loopD.link2 .rank li:nth-child(1) {
  background: url(../images/pay/loop/img08.jpg) no-repeat;
  background-size: 100%;
}
.loopD.link2 .rank li:nth-child(2) {
  background: url(../images/pay/loop/img09.jpg) no-repeat;
  background-size: 100%;
}
.loopD.link2 .rank li:nth-child(3) {
  background: url(../images/pay/loop/img10.jpg) no-repeat;
  background-size: 100%;
}
.loopD.link2 .rank dt {
  min-height: 85px;
}
.loopD.link2 .rank dd {
  font-size: 13px;
  margin: 0 0 0 auto;
  text-align: left;
  line-height: 1.3;
  padding: 0 13px 0 70px;
  display: table-cell;
  height: 90px;
  vertical-align: middle;
}
.loopD.link2 .rank dd a {
  color: #000;
}
.loopD.link3 .box {
  min-height: 293px;
  background: url(../images/pay/loop/img13.jpg) no-repeat;
  background-size: 100%;
}
.loopD.link3 .box li {
  width: 150px;
  height: 51px;
  border-radius: 50px;
  right: 10px;
}
.loopD.link3 .box li:nth-child(1) {
  top: 20px;
}
.loopD.link3 .box li:nth-child(2) {
  top: 80px;
}
.loopD.link3 .box li:nth-child(3) {
  top: 140px;
}
.loopD.link3 .box li:nth-child(4) {
  width: 300px;
  top: 212px;
  right: auto;
  left: 10px;
  height: 72px;
  border-radius: 15px;
}
.loopD .ppv-box li:nth-child(1) {
  background: url(../images/pay/bg_loop_top01.jpg) no-repeat top, url(../images/pay/bg_loop_btm01.jpg) no-repeat bottom, url(../images/pay/bg_loop_mid01.jpg) repeat-y;
  background-size: 100%, 100%, 100%;
}
.loopD .ppv-box li:nth-child(2) {
  background: url(../images/pay/bg_loop_top02.jpg) no-repeat top, url(../images/pay/bg_loop_btm02.jpg) no-repeat bottom, url(../images/pay/bg_loop_mid02.jpg) repeat-y;
  background-size: 100%, 100%, 100%;
}
.loopD .ppv-box li:nth-child(3) {
  background: url(../images/pay/bg_loop_top03.jpg) no-repeat top, url(../images/pay/bg_loop_btm03.jpg) no-repeat bottom, url(../images/pay/bg_loop_mid03.jpg) repeat-y;
  background-size: 100%, 100%, 100%;
}
.loopD .ppv-box a {
  color: #000;
  padding: 10px 15px 12px 15px !important;
  text-decoration: underline;
}
.loopD .ppv-box .ppvicon {
  width: 50px;
  padding: 15px 5px 0 0;
}
.loopD .ppv-box li {
  padding: 0;
}
.loopD .ppv-box li .ppvtitle {
  font-size: 12px;
}
.loopD .ppv-box:after, .loopD .ppv-box:before {
  display: none;
}
.sec_new.box_new.loopa li.new a:after {
  left: 60px;
}
/*----- loopA -----*/
.loopA a dt {
  display: inline-block;
  margin-bottom: 5px;
  padding: 2px 10px;
  text-align: center;
  color: #fff;
  border: 2px solid #ca2577;
  border-radius: 30px;
  background: #db2b92;
}
/*////////////////////////////////////////////////////////

yudo

////////////////////////////////////////////////////////*/
.yudo_cate {
  margin-bottom: 30px !important;
  overflow: hidden;
}
.yudo_cate p {
  margin-bottom: 0;
}
.yudo_cate .lead p {
  margin-left: 0;
  text-align: left;
  color: #fff;
}
.yudo_cate .lead {
  margin: 0 15px;
  padding: 0;
}
.yudo_cate .btn-ppv {
  width: 87%;
}
.yudo_cate .ppv-box a {
  text-align: left;
  font-size: 14px;
  color: #000;
  font-weight: bold;
}
.yudo_cate .text-mincho {
  text-shadow: 0 0 5px #150039, 0 0 10px #150039, 0 0 10px #150039;
}
.text-light-pink {
  color: #fff;
  text-shadow: 0 1px 5px #ff10cf, 0 1px 5px #ff10cf, 0 0 5px #ff10cf;
}
.text-light-pink02 {
  color: #fff;
  text-shadow: 0 1px 5px #ff10cf, 0 1px 5px #ff10cf, 0 0 5px #ff10cf, 0 1px 5px #ff10cf, 0 1px 5px #ff10cf, 0 0 5px #ff10cf;
}
.text-light-blue {
  color: #fff;
  text-shadow: 0 1px 5px blue, 0 1px 5px blue, 0 1px 5px blue;
}
.text-light-sky {
  color: #fff;
  text-shadow: 0 1px 5px #25bdbd, 0 1px 5px #25bdbd, 0 1px 5px #25bdbd;
}
.text-light-purpule {
  color: #fff;
  text-shadow: 0 1px 5px #a709da, 0 1px 5px #a709da, 0 1px 5px #a709da, 0 1px 5px #a709da, 0 1px 5px #a709da;
}
.text-light-red {
  color: #fff;
  text-shadow: 0 1px 5px red, 0 1px 10px red, 0 1px 10px red, 0 1px 5px red, 0 1px 10px red, 0 1px 10px red;
}
.text-light-red02 {
  color: #fff;
  text-shadow: 0 0px 5px red, 0 0px 5px red, 0 0px 5px red;
}
.text-light-yellow {
  color: #fff;
  text-shadow: 0 0px 7px #d6d606, 0 0px 10px #d6d606;
}
.yudo_cate .btn-colom1, .yudo_cate .btn-colom2, .yudo_cate .btn-yudo {
  width: 90%;
}
.yudo_cate .box li, .yudo_cate .box02 li, .yudo_cate .box03 li, .yudo_cate .box04 li {
  position: absolute;
}
.yudo_cate .box li a, .yudo_cate .box02 li a, .yudo_cate .box03 li a, .yudo_cate .box04 li a {
  display: block;
  margin: 0;
}
.yudo_cate .box, .yudo_cate .box02 {
  overflow: initial;
}
.no-txt-shadow {
  text-shadow: none;
}
.yudo_cate .no-font {
  font-family: none;
}
.text-sky {
  color: #00ffff;
}
/* 01 */
.yudo_cate.link01 .box {
  min-height: 320px;
  background: url(../images/yudo/03.jpg) no-repeat;
  background-size: 100%;
}
.yudo_cate.link01 .box li:nth-child(4) {
  top: 238px;
}
/* 03 */
.txt-white {
  position: relative;
  font-weight: bold;
  text-align: center !important;
  text-shadow: 0px 0px 4px #333, 0px 0px 4px #333, 0px 0px 4px #333, 0px 0px 4px #333, 0px 0px 4px #333;
}
.txt-white a {
  text-shadow: 1px 1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 1px #ffffff, 1px 0px 1px #ffffff, 0px 1px 1px #ffffff, -1px 0px 1px #ffffff, 0px -1px 1px #ffffff, 1px 1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 1px #ffffff, 1px 0px 1px #ffffff, 0px 1px 1px #ffffff, -1px 0px 1px #ffffff, 0px -1px 1px #ffffff, 1px 1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 1px #ffffff, 1px 0px 1px #ffffff, 0px 1px 1px #ffffff, -1px 0px 1px #ffffff, 0px -1px 1px #ffffff;
}
/* 04 */
.yudo_cate.link04 .sp_yesno {
  background: url(../images/yudo/05.jpg) no-repeat;
  background-size: 100% auto;
}
.yudo_cate.link04 .btn-colom1 a {
  padding: 15px;
}
/* 05 */
.yudo_cate.link05 .komi_zone .wrap {
  min-height: 60px;
  padding-top: 0;
}
.yudo_cate.link05 .komi_zone li {
  opacity: 1;
  float: none;
}
.yudo_cate.link05 .komi_zone li:nth-child(1) {
  width: 140px;
  margin: 0 0 15px 10px;
}
.yudo_cate.link05 .komi_zone li:nth-child(2) {
  width: 140px;
  margin: 0 10px 15px auto;
}
.yudo_cate.link05 .komi_zone li:nth-child(3) {
  width: 200px;
  margin: 0 10px 15px auto;
}
.yudo_cate.link05 .komi_zone li:nth-child(4) {
  width: 100px;
  margin: 0 10px 10px auto;
}
.yudo_cate.link05 .komi_zone li:nth-child(5) {
  width: 170px;
  margin: 0 0 15px 10px;
}
.yudo_cate.link05 .box {
  overflow: hidden;
}
.yudo_cate.link05 .box p {
  text-align: center;
  float: left;
  width: 180px;
  font-size: 17px;
  box-sizing: border-box;
}
.yudo_cate.link05 .btn_known2 {
  width: 275px;
  height: 75px;
  margin: 0 auto;
  display: block;
  background: url(../images/yudo/btn_known.png) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
/* 07 */
.yudo_cate.link07 .box {
  background: url(../images/yudo/07.png) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  min-height: 217px;
  position: relative;
}
.yudo_cate.link07 .box li {
  width: 150px;
}
.yudo_cate.link07 .box li:nth-child(1) {
  top: 5px;
  right: 10px;
}
.yudo_cate.link07 .box li:nth-child(2) {
  bottom: 10px;
  left: 10px;
}
.yudo_cate.link07 .komi_kao_sp h4 span {
  font-size: 14px;
}
.yudo-btn {
  position: absolute;
  top: 124px;
  left: 68px;
  width: 195px;
}
/* 08 */
.yudo_cate.link08 .lead {
  margin: 0 20px;
  padding: 0;
}
.yudo_cate.link08 .box {
  background: url(../images/yudo/08.png) no-repeat;
  -webkit-background-size: 200px auto;
  background-size: 200px auto;
  min-height: 300px;
  position: relative;
}
.yudo_cate.link08 .box li {
  width: 170px;
}
.yudo_cate.link08 .box li a {
  font-size: 13px;
  padding: 15px;
}
.yudo_cate.link08 .box li:nth-child(1) {
  top: 60px;
  right: 10px;
}
.yudo_cate.link08 .box li:nth-child(2) {
  top: 150px;
  right: 10px;
}
.yudo_cate.link08 .box li span {
  font-size: 17px;
}
/* 09/12 */
.yudo_cate.link09 .box_teller, .yudo_cate.link12 .box_teller {
  background: url(../images/yudo/09.jpg) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  min-height: 181px;
}
.yudo_cate.link09 .box_teller p {
  width: 140px;
  text-align: center;
  margin: 0 18px 0 auto;
}
/* 10/11 */
.yudo_cate.link10 .box_teller, .yudo_cate.link11 .box_teller {
  background: url(../images/yudo/10.jpg) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  min-height: 212px;
}
.yudo_cate.link10 .box_teller p, .yudo_cate.link11 .box_teller p {
  width: 160px;
}
.txt-rot {
  transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
}
.yudo_cate.link08 .text-bigger02, .yudo_cate.link09 .text-bigger02, .yudo_cate.link11 .text-bigger02 {
  font-size: 2.4em !important;
}
/* 12 */
.yudo_cate.link12 .box_teller p {
  width: 150px;
}
/* 13/14 */
.yudo_cate.link13 .box {
  background: url(../images/yudo/11.jpg) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  min-height: 333px;
  padding-bottom: 45%;
  box-sizing: border-box;
}
.yudo_cate.link13 .box p {
  width: 160px;
  top: 130px;
  min-height: 70px;
}
.yudo_cate.link14 .box {
  background: url(../images/yudo/12.jpg) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  min-height: 285px;
  padding-bottom: 30%;
  box-sizing: border-box;
}
.yudo_cate.link14 .box p {
  width: 160px;
  top: 130px;
  min-height: 70px;
}
.yudo_cate.link13 .box_teller.right p:after, .yudo_cate.link14 .box_teller p:after {
  top: 60px;
}
.yudo_cate.link13 #love .ppv-box:before, .yudo_cate.link14 #love .ppv-box:before {
  background: url(../images/yudo/13.jpg) no-repeat top;
  background-size: 100%;
}
.yudo_cate.link13 .ppv-box li, .yudo_cate.link14 .ppv-box li {
  position: relative;
  z-index: 100;
}
/*17*/
.yudo_cate.link17 .ghost_check a {
  width: 260px;
  box-sizing: border-box;
  text-align: center;
}
/*18*/
.yudo_cate.link18 .box {
  position: relative;
}
.yudo_cate.link18 .box li {
  position: absolute;
}
.yudo_cate.link18 .box li:nth-child(1) {
  top: 15px;
  right: 85px;
  width: 107px;
  height: 35px;
}
.yudo_cate.link18 .box li:nth-child(2) {
  top: 82px;
  right: 72px;
  width: 120px;
  height: 64px;
}
.yudo_cate.link18 .box li:nth-child(3) {
  top: 260px;
  left: 17px;
  width: 195px;
  height: 37px;
}
.yudo_cate.link18 .box li a {
  width: 100%;
  height: 100%;
}
/*19*/
.yudo_cate.link19 .box {
  position: relative;
}
.yudo_cate.link19 .box01 li, .yudo_cate.link19 .box02 li {
  position: absolute;
}
.yudo_cate.link19 .box01 li {
  top: 160px;
  right: 18px;
  width: 165px;
  height: 62px;
}
.yudo_cate.link19 .box02 li:nth-child(1) {
  top: 50px;
  right: 27px;
  width: 141px;
  height: 56px;
}
.yudo_cate.link19 .box02 li:nth-child(2) {
  top: 122px;
  right: 27px;
  width: 141px;
  height: 56px;
}
.yudo_cate.link19 .box02 li:nth-child(3) {
  top: 192px;
  right: 27px;
  width: 141px;
  height: 56px;
}
.yudo_cate.link19 .box li a {
  width: 100%;
  height: 100%;
}
.yudo_cate.link19 .btn_yudo_cate {
  margin: 10px 20px 0;
}
/*20*/
.yudo_cate.link20 .btn_yudo_cate {
  margin: 0 20px 0;
}
/*////////////////////////////////////////////////////////

mypage

////////////////////////////////////////////////////////*/
.mypage .box_teller {
  margin-bottom: -50px;
  background: url(../images/mypage/teller.jpg) no-repeat;
  background-size: 100%;
  min-height: 220px;
}
.mypage .box_teller .serif {
  top: 5px;
  width: 145px;
  left: 0;
}
.mypage .box_teller .serif:after {
  top: 50%;
}
.mypage .box_item dl {
  padding: 0 20px 10px;
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
  color: #a38a24;
}
.mypage .box_item dt {
  width: 110px;
  float: left;
  text-align: left;
}
.mypage .box_item dd {
  font-size: 18px;
  text-align: left;
}
.mypage .text_point {
  margin: 5px 0 0;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #e3c02f;
}
/*メニュー*/
.list-icon li.tutorial {
  background: url(../images/mypage/icon01.png) no-repeat 10px center;
  background-size: 30px;
}
.list-icon li.history {
  background: url(../images/mypage/icon02.png) no-repeat 10px center;
  background-size: 30px;
}
.list-icon li.bookmark {
  background: url(../images/mypage/icon03.png) no-repeat 10px center;
  background-size: 30px;
}
.list-icon li.stamp {
  background: url(../images/mypage/icon04.png) no-repeat 10px center;
  background-size: 30px;
}
.list-icon a {
  padding: 13px 10px 13px 45px !important;
}
/*ログボ*/
.box_bonus.disp-0 {
  display: none;
}
/*プレミアムコード*/
.mypage .box_special {
  text-align: left;
}
.mypage .box_special li:nth-child(1), .mypage .box_special li:nth-child(2) {
  color: #333;
}
.mypage .box_special li a {
  font-weight: bold;
  color: #290404;
}
.mypage .present_cord.mypage {
  margin: 10px 0;
  border: 1px solid #d7a97e;
  background: #f7e5d4;
}
.mypage .box_special p {
  color: #fff;
}
.mypage .present_cord .present_txt03 {
  color: #000;
}
.mypage .box_special #premium_check p a {
  color: yellow;
}
/*リニューアル*/
.mypage.renewal .box_teller {
  margin: 0 0 -10px;
  background: url(../images/mypage/renewal/teller.jpg) no-repeat;
  background-size: 100%;
  height: auto;
}
.mypage.renewal .box_teller .serif {
  top: 5px;
  background: none;
  font-size: 12px;
  box-shadow: none;
  padding: 2px 15px 15px;
}
.mypage.renewal .box_teller .serif:after {
  display: none;
}
/*////////////////////////////////////////////////////////

premium_member

////////////////////////////////////////////////////////*/
/*
プレミアム：０
ゴールド：１
ファーストクラス：２
*/
.premium_member {
  text-align: left;
}
.rank-0 .gold, .rank-0 .firstclass, .rank-1 .premium, .rank-1 .firstclass, .rank-2 .premium, .rank-2 .gold {
  display: none;
}
.premium_member .rank_area {
  background: url(../images/pay/premium_member/bg_rank.png) no-repeat, url(../images/pay/premium_member/line.png) no-repeat center bottom 8px;
  background-size: 100%, 300px;
  padding-bottom: 5px;
}
.premium_member .text {
  padding: 5px 15px;
  font-size: 13px;
  font-weight: bold;
}
.rank_message {
  position: relative;
  background: url(../images/pay/premium_member/bg_mid.jpg) repeat-y;
  background-size: 100%;
  padding: 40px 28px 35px 30px;
}
.rank_message:before {
  content: '';
  background: url(../images/pay/premium_member/bg_top.jpg) no-repeat top;
  background-size: 100%;
  width: 100%;
  height: 54px;
  position: absolute;
  top: -1px;
  left: 0;
}
.rank_message:after {
  content: '';
  background: url(../images/pay/premium_member/bg_btm.jpg) no-repeat top;
  background-size: 100%;
  width: 100%;
  height: 58px;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.rank_message p {
  color: #2c0b52;
  font-weight: bold;
  position: relative;
  z-index: 1;
}
/* 七夕従量プレゼント用 */
.rank-1 .gold .presentgoods_period-0, .rank-1 .gold .presentgoods_period-2, .rank-2 .firstclass .presentgoods_period-0, .rank-2 .firstclass .presentgoods_period-2 {
  display: none;
}
.rank-1 .gold .tanabata_period-0, .rank-1 .gold .tanabata_period-2, .rank-2 .firstclass .tanabata_period-0, .rank-2 .firstclass .tanabata_period-2 {
  display: none;
}
#pre.rank-0 {
  display: none;
}
/* クーポン表示*/
.rank-coupon .lead {
  text-align: center;
}
.rank-coupon .lead p {
  margin: 0 0 5px;
}
.rank-coupon h3 {
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  background: #7f00ff;
  padding: 5px;
  margin-bottom: 5px;
}
.rank-coupon .ticket_code {
  color: #001e55;
  font-weight: bold;
}
.gold-coupon.rank-0, .gold-coupon.rank-2, .first-coupon.rank-0, .first-coupon.rank-1 {
  display: none;
}
/*////////////////////////////////////////////////////////

stamp

////////////////////////////////////////////////////////*/
.stamp .box_teller {
  min-height: 200px;
  padding-bottom: 20px;
  background: url(../images/teller/01.png) no-repeat right;
  background-size: 50%;
}
.box_machiuke .btn-yudo a {
  padding: 15px 10px;
  font-size: 1.1em;
}
.box_machiuke .btn-yudo a span {
  font-size: 1.1em;
}
.box_machiuke .disp-0 {
  display: none;
}
.stamp .machiuke {
  width: 98%;
  margin: 10px auto 20px;
}
/*////////////////////////////////////////////////////////

bookmark

////////////////////////////////////////////////////////*/
.bookmark p {
  padding: 0 10px;
}
.bookmark .list-menu02 {
  margin-bottom: 30px;
  position: relative;
  text-align: left;
}
.bookmark .list-menu02 li {
  padding: 10px 0 10px 10px;
  overflow: hidden;
  position: relative;
}
.bookmark .list-menu02 a {
  width: 265px;
  float: right;
  padding: 0 20px 0 0;
}
.bookmark input[type="checkbox"] + label {
  top: 10px;
  left: 10px;
}
/*////////////////////////////////////////////////////////

tutorial

////////////////////////////////////////////////////////*/
.tutorial h2 {
  margin-bottom: 0;
}
.tutorial .sec01 .box_teller {
  min-height: 190px;
  background: url(../images/regist/tutorial/teller.jpg) no-repeat;
  background-size: 100%;
}
.tutorial .sec01 .box_teller p {
  left: 0;
  top: 13px;
  width: 150px;
}
.tutorial .sec02 .box_teller {
  min-height: 175px;
  background: url(../images/regist/tutorial/teller02.jpg) no-repeat;
  background-size: 100%;
  position: relative;
  overflow: inherit;
}
.tutorial .sec02 .box_teller:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  background: url(../images/regist/tutorial/line.jpg) no-repeat;
  background-size: 100% auto;
  width: 100%;
  min-height: 1px;
}
.tutorial .list {
  background: url(../images/regist/tutorial/list.jpg) no-repeat;
  background-size: 100% auto;
  min-height: 235px;
  margin: 0 0 15px 0;
  padding: 30px 8px 10px 8px;
}
.tutorial .list02 {
  background: url(../images/regist/tutorial/list02.jpg) no-repeat;
  background-size: 100% auto;
  min-height: 100px;
  margin: 0;
  padding: 0px 8px 10px 8px;
}
.tutorial .list li {
  height: 49px;
  min-height: 49px;
  margin-bottom: 5px;
  overflow: hidden;
  border-radius: 10px;
}
.tutorial .list02 li {
  height: 47px;
  margin-bottom: 5px;
}
.tutorial .list li a, .tutorial .list02 li a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  font-size: 0;
  display: block;
  height: 100%;
  background: none;
}
.tutorial .list li a:after, .tutorial .list02 li a:after {
  display: none;
}
.tutorial .sec02 .box_teller .serif {
  padding: 15px 8px;
  top: 25px;
  left: 0;
  width: 160px;
}
.tutorial .sec02 .box_teller .serif:after {
  top: 60%;
}
.tutorial p {
  margin-bottom: 0;
}
.box_txt {
  padding: 5px 15px 10px 15px;
  text-align: left;
  font-size: 12px;
  line-height: 1.5;
  color: #000;
  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;
  background: url(../images/regist/tutorial/bg_txt.jpg) repeat-y;
  background-size: 100% auto;
}
/*////////////////////////////////////////////////////////

unregist

////////////////////////////////////////////////////////*/
/*----- index -----*/
.unregist .box_teller {
  min-height: 225px;
  background: url(../images/pay/teller_main.jpg) no-repeat top;
  background-size: 100%;
  box-shadow: 0px -5px 5px 0px #2f0755 inset;
}
.unregist .box_teller p {
  left: 0;
  width: 150px;
}
.unregist .tit_sub01 {
  margin: 20px 0 10px;
}
.box_unregist_notice p {
  padding: 0 10px;
  text-align: left;
}
.main_obi3 {
  color: #000;
  background: yellow;
  font-weight: bold;
  padding: 10px;
  font-size: 20px;
}
/*----- done -----*/
.unregist .list-icon .line_me {
  background: url(../images/common/icon-line.png) no-repeat 8px center;
  background-size: 33px;
}
.unregist .list-icon .uranavi {
  background: url(../images/common/icon-navi.png) no-repeat 8px center;
  background-size: 33px;
}
.unregist .list-icon .mag {
  background: url(../images/common/icon-mag.png) no-repeat 8px center;
  background-size: 33px;
}
.unregist .list-icon .kantei {
  background: url(../images/common/icon-kantei.png) no-repeat 8px center;
  background-size: 33px;
}
.unregist .list-icon a {
  padding: 13px 10px 13px 50px !important;
}
.unregist .list-icon span {
  font-size: 0.9em;
}
.unregist .caution {
  background: rgba(0, 0, 0, .5);
  margin: 5px 5px 20px;
  padding: 15px 15px 15px 20px;
  border: 2px solid yellow;
  border-radius: 10px;
  text-align: left;
}
/*////////////////////////////////////////////////////////

add 初動改修

////////////////////////////////////////////////////////*/
/*----- pay -----*/
.text_caption01, .text_caption02 {
  margin-bottom: 5px;
  padding: 13px 0;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0 0 5px rgb(0 0 0 / 0.65), 0 0 10px rgb(0 0 0 / 0.65), 0 0 10px rgb(0 0 0 / 0.65), 0 0 10px rgb(0 0 0 / 0.65);
}
.text_caption01 {
  background: url(../images/pay/bg_caption01.jpg) no-repeat;
  background-size: 100%;
}
.text_caption02 {
  background: url(../images/pay/bg_caption02.jpg) no-repeat;
  background-size: 100%;
}
/* バナー表示/非表示 */
.hadou_banner-0 {
  display: none;
}
.hadou_banner-1 {
  display: block;
}
/*パック用文言エリア*/
.ppvdo.confirm .text_pack {
  display: block;
  margin: 10px;
  padding: 10px 15px;
  border: 1px solid #ccc;
  border-radius: 7px;
  text-align: left;
  font-size: 13px;
}
/*////////////////////////////////////////////////////////

LPレコメンド

////////////////////////////////////////////////////////*/
.lp_reco {
  margin-bottom: 15px;
}
.lp_reco a {
  color: #79b8f7;
  font-weight: bold;
  font-size: 17px;
  line-height: 1.5;
}
/*////////////////////////////////////////////////////////

プレゼントキャンペーン

////////////////////////////////////////////////////////*/
.present_entry h2 {
  font-size: 17px;
  background-image: -moz-linear-gradient(top, #434641, #292b27);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#434641), to(#292b27));
  background-image: -o-linear-gradient(top, #434641, #292b27);
  background-image: linear-gradient(top, #434641, #292b27);
  padding: 10px 10px;
  border-bottom: solid 1px #fff;
  color: #FFF;
  text-shadow: 1px 1px 1px #11120f;
  font-weight: bold;
}
.present_entry .box_flow {
  background: #fff;
}
.present_entry .box_flow .inner {
  padding: 20px 0;
}
.present_entry h3 {
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  margin: 0 0 0 0;
  padding: 10px 10px 10px 30px;
  font: bold;
  color: #666;
  background: #ccc;
  border-top: #ccc solid 1px;
  border-right: #999 solid 1px;
  border-bottom: #999 solid 1px;
  border-left: #ccc solid 1px;
  text-shadow: 1px 1px 0 rgb(255 255 255);
  box-shadow: 0 0 0 1px rgb(255 255 255 / 50%) inset;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(220, 220, 220, 1.0)), color-stop(0.25, rgba(240, 240, 240, 1.0)), color-stop(0.30, rgba(235, 235, 235, 1.0)), color-stop(0.36, rgba(240, 240, 240, 1.0)), color-stop(0.50, rgba(235, 235, 235, 1.0)), color-stop(0.80, rgba(215, 215, 215, 1.0)), to(rgba(210, 210, 210, 1.0)));
  background-image: -webkit-linear-gradient(top, rgba(220, 220, 220, 1.0), rgba(240, 240, 240, 1.0) 25%, rgba(235, 235, 235, 1.0) 30%, rgba(240, 240, 240, 1.0) 36%, rgba(235, 235, 235, 1.0) 50%, rgba(215, 215, 215, 1.0) 80%, rgba(210, 210, 210, 1.0));
  background-image: -moz-linear-gradient(top, rgba(220, 220, 220, 1.0), rgba(240, 240, 240, 1.0) 25%, rgba(235, 235, 235, 1.0) 30%, rgba(240, 240, 240, 1.0) 36%, rgba(235, 235, 235, 1.0) 50%, rgba(215, 215, 215, 1.0) 80%, rgba(210, 210, 210, 1.0));
  background-image: -o-linear-gradient(top, rgba(220, 220, 220, 1.0), rgba(240, 240, 240, 1.0) 25%, rgba(235, 235, 235, 1.0) 30%, rgba(240, 240, 240, 1.0) 36%, rgba(235, 235, 235, 1.0) 50%, rgba(215, 215, 215, 1.0) 80%, rgba(210, 210, 210, 1.0));
  background-image: linear-gradient(to bottom, rgba(220, 220, 220, 1.0), rgba(240, 240, 240, 1.0) 25%, rgba(235, 235, 235, 1.0) 30%, rgba(240, 240, 240, 1.0) 36%, rgba(235, 235, 235, 1.0) 50%, rgba(215, 215, 215, 1.0) 80%, rgba(210, 210, 210, 1.0));
}
.present_entry h3:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 15px;
  width: 0;
  height: 100%;
  border-left: #ccc solid 1px;
}
.present_entry h3:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 16px;
  width: 0;
  height: 100%;
  border-right: #eee solid 1px;
}
.present_entry .na {
  width: 94%;
  margin: 0 auto;
  font-size: 13px;
  font-weight: bold;
  color: #592b30;
  letter-spacing: 0;
  border: 1px #000 !important;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  text-decoration: none;
  padding: 15px 25px;
  background-color: #f5b5a0;
  border: 1px solid #f49b7a !important;
  box-sizing: border-box;
  line-height: 1.4;
  text-align: left;
}
.present_entry .box_flow img {
  width: 32px !important;
}
.present_entry .entry_require {
  line-height: 1.4;
  text-align: left;
  font-size: 13px;
  margin: 0 15px 12px 15px;
  font-weight: bold;
}
.present_entry .entry_require span {
  font-size: 12px;
  font-weight: normal;
}
.present_entry .entry_kome {
  text-align: left;
  font-size: 11px;
  padding: 12px 10px 15px 10px;
  line-height: 1.5;
  background: #663399;
  margin-bottom: 0;
}
.present_entry .entry_arrow {
  text-align: center;
  margin: 10px auto;
  width: 32px;
}
.present_entry .box_t {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  font-size: 80%;
  line-height: 1.4;
}
.box-entry {
  background: #fff;
  color: #333631;
  text-align: left;
}
.present_entry form {
  width: 90% !important;
  margin: 20px auto 0px auto;
}
.box-entry .pink {
  color: #ff0066;
}
.box-entry label.label_txt {
  border-bottom: dotted 1px #ff0066;
  border-left: solid 3px #ff0066;
  padding: 5px;
  width: 90%;
  margin: 0 10px 10px 10px;
  display: block;
  box-sizing: border-box;
  font-weight: bold;
  line-height: 1;
  font-size: 13px;
}
.input-layout {
  width: 88%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 1px solid #ccc;
  outline: none;
  border-radius: 5px;
  margin-left: 10px;
  box-sizing: border-box;
  margin-bottom: 15px;
}
.box-entry .title3 {
  color: hsl(0, 50%, 50%);
  padding-left: 5px;
  border-left: 10px solid hsl(0, 50%, 50%);
  text-align: left;
  font-weight: bold;
  font-size: 13px;
}
.box-entry .box_t2 {
  width: 100%;
  margin: 10px auto 5px auto;
  font-size: 80%;
  line-height: 1.4;
}
.box-entry .privacy {
  background: #f5b5a0;
  padding: 10px;
  font-size: 80%;
  line-height: 1.4;
  margin-bottom: 15px;
}
.box-entry .dou {
  text-align: center;
  padding: 10px;
  font-weight: bold;
}
.box-entry .dou input {
  width: 18px;
  height: 18px;
  position: relative;
  top: 5px;
  -webkit-appearance: checkbox;
  display: inline-block;
}
_::-webkit-full-page-media, _:future, :root .box-entry .dou input {
  top: 2px;
}
#disableButton {
  margin: auto;
  width: 100%;
  height: 80px;
  border: 0px !important;
  background: url(../images/pay/present_entry/btn01.png) no-repeat center;
  background-size: 90%;
  background-position: 50%;
  text-indent: -9999px;
  margin-bottom: 15px;
}
.present_entry .bg_box {
  background: #fff;
  font-size: 24px;
  padding: 20px 0 35px 0;
  color: red;
  font-weight: bold;
}
.present_entry .bg_box span {
  display: block;
  border-radius: 3px;
  border: 2px solid #fd0807;
  padding: 15px 0;
  margin: 0 20px;
}
.present_entry p.des {
  margin-right: auto;
  margin-left: auto;
  font-size: 12px;
  line-height: 1.4;
  padding: 10px 0px 0px 0px;
  width: 88%;
  margin-bottom: 0;
  box-sizing: border-box;
}
.present_entry p.des span {
  font-size: 87%;
  display: block;
  padding: 8px;
  background: #f5b5a0;
  border-radius: 4px;
  margin-top: 5px;
}
.present_entry .confirm_entry {
  text-align: center;
  margin: 20px 0 0 0;
  padding-bottom: 15px;
}
.present_entry .confirm_entry input {
  padding: 10px 20px;
  margin: 5px;
  border: 1px solid #7f7f7f;
  background: #efefef;
  color: #2c2c2c;
  border-radius: 2px;
  font-size: 12px;
  line-height: 1;
}
.present_entry .txt_entry_mail {
  padding: 0 18px;
}
.present_entry .fin_txt {
  padding: 15px;
  /*text-align: left;*/
  text-shadow: 0 0 10px #7745db, 0 0 10px #7745db, 0 0 10px #7745db, 0 0 10px #7745db, 0 0 10px #7745db;
}
/*2022.01.25追記*/
.present_entry .entry_bless {
  border: 2px solid red !important;
  margin: 10px;
  background: rgba(0, 0, 0, .2)
}
.present_entry .entry_bless h3 {
  color: #fff;
  text-shadow: none;
  box-shadow: none;
  background: none;
  border: none !important;
  text-align: center;
  padding: 20px 10px;
}
.present_entry .entry_bless h3:before, .present_entry .entry_bless h3:after {
  display: none;
}
/* ranker_present_entry 2023/7/26 ~ 8/16 frist class&gold member限定 シークエンスはやとも直筆サイン入り最新刊「憑き物」のトリセツ&おすすめ除霊アイテムプレゼントfirst classは当選確率3倍*/
.ranker_present_entry .rank-0 .entry_form {
  display: none;
}
/*free6　誘導*/
.youtube_yudo .box_teller {
  background: url(../images/menu/img01.jpg) no-repeat;
  background-size: 100% auto;
  min-height: 285px;
}
.youtube_yudo .box_teller p {
  top: 10px;
  width: 150px;
  margin-bottom: 20px !important;
}
.youtube_yudo .box_teller p:after {
  top: 27%;
}
.free_view .youtube_yudo .menu_title h2 {
  font-size: 14px;
}
.free_view .youtube_yudo .btn_yudo {
  width: 205px;
  height: 67px;
  display: block;
  background: url(../images/result/free/btn_more.png) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
/*追加*/
.obi_yellow {
  background: yellow;
  color: red;
  padding: 10px 0;
  margin-bottom: 10px;
  font-weight: bold;
}
.obi_red {
  background: red;
  color: white;
  padding: 8px 0;
  font-weight: bold;
}
/*////////////////////////////////////////////////////////

特集バナー

////////////////////////////////////////////////////////*/
.bnr_feature.open-0 .bnr_open, .bnr_feature.open-1 .bnr_close {
  display: none;
}
.bnr_feature.open-0 .bnr_close, .bnr_feature.open-1 .bnr_open {
  display: block;
}
.bnr_feature.open-2 {
  display: none !important;
}
.bnr_feature.open-1 .bnr_close img {
  -webkit-filter: grayscale(1);
  filter: gray;
  filter: grayscale(1);
}
/* 初心者ページ */
.bnr_feature.open-1.beginner {
  position: relative;
  width: 320px;
  height: 230px;
}
.bnr_feature.open-1.beginner h2 {
  position: absolute;
  width: 300px;
  height: 230px;
  top: 0;
  left: 10px;
}
.bnr_feature.open-1.beginner .bnr_open ul {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 254px;
  top: 88px;
  left: 33px;
}
#main img.beginner_sale {
  width: 122px;
}
/*////////////////////////////////////////////////////////

バナー

////////////////////////////////////////////////////////*/
.bnr_present.open-0, .bnr_present.open-2 {
  display: none !important;
}
/*live配信*/
.live-close-0, .live-open-1, .live-open-2 {
  display: none !important;
}
/*cp中非表示*/
.cam-close-1 {
  display: none !important;
}
/*不倫 or その他出し分け*/
.furin-0 .furin, .furin-1 .other {
  display: none;
}
/*////////////////////////////////////////////////////////

ランダムレコメンド

////////////////////////////////////////////////////////*/
.randam_recomend .komi_target, .randam_recomend .komi_ikiryodx, .randam_recomend .komi_sg, .randam_recomend .komi_orange, .randam_recomend .komi_mail, .randam_recomend .komi_love {
  display: none;
}
.randam-1 .komi_target, .randam-2 .komi_ikiryodx, .randam-3 .komi_sg, .randam-4 .komi_orange, .randam-5 .komi_mail, .randam-6 .komi_love {
  display: block !important;
}
.randam_recomend .tablet_box .parameter {
  top: 40px !important;
}
.randam_recomend .tablet_box {
  min-height: 378px;
  background: url(../images/pay/renewal/bg_tablet.jpg) no-repeat !important;
  background-size: 100% !important;
}
.randam_recomend .komi_target .tablet_box .bg_pin, .randam_recomend .komi_target .tablet_box .bg_aura, .randam_recomend .komi_orange .tablet_box .bg_pin, .randam_recomend .komi_orange .tablet_box .bg_aura {
  bottom: 60px !important;
  left: 0 !important;
}
.randam_recomend .komi_ikiryodx .tablet_box .bg_pin {
  width: 264px;
  left: 28px;
  bottom: 63px !important;
}
.randam_recomend .komi_sg .tablet_box .bg_aura {
  width: 264px !important;
  left: 28px !important;
  bottom: 63px !important;
}
/*////////////////////////////////////////////////////////

newmanga

////////////////////////////////////////////////////////*/
.inner_newmanga {
  padding-top: 5%;
  padding-bottom: 13%;
  background-color: #A69FCD;
  overflow: hidden;
}
.bxslider_newmanga img {
  max-width: 100%;
  /* display: block; */
  margin-left: 7%;
  height: 109px;
}
.newmanga_free_left {
  float: left;
  width: 50%;
}
.newmanga_free_right {
  float: right;
  width: 50%;
}
.wrap_newmanga {
  padding: 20px 20px 30px;
  background: url(../images/pr/newmanga/03_newmanga_bg_mid.jpg) repeat-y;
  background-size: 100%;
  position: relative;
  width: 102%;
  height: auto;
  box-sizing: border-box;
}
.wrap_newmanga:before {
  background-image: url(../images/pr/newmanga/03_newmanga_bg_top.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
  content: '';
  width: 100%;
  height: 35px;
  position: absolute;
  top: 0;
  left: 0;
}
.wrap_newmanga:after {
  background-image: url(../images/pr/newmanga/03_newmanga_bg_btm.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
  content: '';
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: -1px;
  left: 0;
}
/* .bnr_feature02.open-0, .bnr_feature02.open-2 {
	display: none;
}
.bnr_feature02.open-1 {
	display: block;
}
.bnr_feature02.open-1.time-0, 
.bnr_feature02.open-1.time-2 {
	display: none;
}
.bnr_feature02.open-1.time-1{
	display: block;
} */
/*////////////////////////////////////////////////////////

 LINE広告LP

////////////////////////////////////////////////////////*/
.birthday_banner {
  position: relative;
  background: url(../images/pr/line/line_bg_mid.jpg) repeat-y top;
  background-size: 100%;
  padding: 0 15px 30px;
}
.birthday_banner:after {
  content: "";
  background: url(../images/pr/line/line_bg_btm.jpg) no-repeat bottom;
  background-size: 100%;
  width: 100%;
  height: 51px;
  position: absolute;
  left: 0;
  bottom: -1px;
}
.birthday_banner .open-1 {
  padding-top: 7px;
}
.content_box p {
  background-color: yellow;
  color: #000;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: underline solid white 5px;
}
.content_box_font_size_1 {
  font-size: 25px;
}
.content_box_font_size_2 {
  font-size: 18px;
}
.birthday_free.open-1, .birthday_banner .open-1 {
  display: block;
}
.birthday_free.open-0, .birthday_banner .open-0 {
  display: none;
}
/*////////////////////////////////////////////////////////

 お月見BOX

////////////////////////////////////////////////////////*/
/*時限*/
.miesugi-otsukimi.open-0, .miesugi-otsukimi.open-2 {
  display: none;
}
/*miesugi登録済で表示するボタン*/
.miesugi_bnr.otsukimi-0 {
  display: none;
}
.box_notification.open-1 {
  display: block;
}
.box_notification.open-0 {
  display: none;
}
/*////////////////////////////////////////////////////////

 コラムLP

////////////////////////////////////////////////////////*/
/* .btn_column {
	min-height: 265px;
	background: url(../images/pay/renewal/teller_main.jpg) no-repeat top;
	background-size: 100%;
	position: relative;
	overflow: hidden;
} */
/* .btn_column {
    position: relative;
}

 .btn_column {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
} */
/* .column_free .example {
	position: relative;
	
	padding:0;
	background: url(../images/pr/column/column_05/column239015_image.jpg) no-repeat top !important;
	width: 20%;
  }

.column_free .example a img {
	position: absolute;
	bottom: 10px;
	right: 10px;
  } */
.column_free {
  width: 100%;
  height: 300px;
  position: relative;
  margin-bottom: 10%;
}
.column_free img {
  width: 100%;
  position: absolute;
}
.column_free .img_01 {
  top: 0;
  left: 0;
}
.column_free .img_02 {
  width: 50% !important;
  bottom: -5px;
  right: 15px;
}
/*////////////////////////////////////////////////////////

 2.5周年 初心者LP

////////////////////////////////////////////////////////*/
.beginner .menu_box a {
  min-height: 110px;
  padding: 25px 20px 20px;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  background: url(../images/result/parts/bg_menu_top.jpg) no-repeat top, url(../images/result/parts/bg_menu_btm.jpg) no-repeat bottom, url(../images/result/parts/bg_menu_mid.jpg) repeat-y;
  background-size: 100%;
  display: table;
  width: 100%;
  margin-bottom: 10px;
  text-decoration: none;
}
.beginner .price {
  clear: both;
  margin: 5px 5px 0 5px;
  text-align: right;
  font-weight: bold;
  font-size: 11px;
  color: #000;
}
.beginner .price span {
  color: #fff;
  font-size: 8px;
  background: #d00000;
  padding: 2px 6px;
  margin-right: 5px;
}
/*初心者ページ　タブ関連*/
.pay_top.beginner .tab-area {
  border-bottom: 5px solid #ffff0a;
  list-style-type: none;
  display: flex;
  padding: 0 10px 0;
  margin-bottom: 2px;
}
.pay_top.beginner .tab-area .tab {
  width: calc(100%/3);
  height: 46px;
  bottom: 0px;
  font-size: 0;
  position: relative;
  overflow: visible;
}
.pay_top.beginner .tab-area .tab:nth-child(n+2) {
  margin-left: 5px;
}
.pay_top.beginner .tab-area .tab.active {
  width: 122px;
}
.pay_top.beginner .tab-area .tab a {
  display: block;
  width: 100%;
  height: 100%;
}
.pay_top.beginner .tab-area .tab:nth-child(1) {
  background: url(../images/pay/tab/sale_noselect.jpg?v2) no-repeat;
  background-size: 100%;
}
.pay_top.beginner .tab-area .tab:nth-child(1).active {
  background: url(../images/pay/tab/sale.jpg?v2) no-repeat;
  background-size: 100%;
}
.pay_top.beginner .tab-area .tab:nth-child(2) {
  background: url(../images/pay/tab/recommendation_noselect.jpg?v2) no-repeat;
  background-size: 100%;
}
.pay_top.beginner .tab-area .tab:nth-child(2).active {
  background: url(../images/pay/tab/recommendation.jpg?v2) no-repeat;
  background-size: 100%;
}
.pay_top.beginner .tab-area .tab:nth-child(3) {
  background: url(../images/pay/tab/benefits_noselect.jpg?v2) no-repeat;
  background-size: 100%;
}
.pay_top.beginner .tab-area .tab:nth-child(3).active {
  background: url(../images/pay/tab/benefits.jpg?v2) no-repeat;
  background-size: 100%;
}
.pay_top.beginner .tab-area .tab.icon-1:before {
  content: "";
  background: url(../images/pay/tab/icon-new.gif) no-repeat;
  background-size: 100%;
  width: 35px;
  height: 15px;
  position: absolute;
  top: -2px;
  left: 0px;
}
.pay_top.beginner .tab-area .tab.icon-1.active:before {
  left: 5px;
}
.pay_top.beginner .tab-area .tab.icon-1:after {
  content: "";
  background: url(../images/pay/tab/finger.png) no-repeat;
  background-size: 100%;
  width: 21px;
  height: 25px;
  position: absolute;
  top: 26px;
  right: 0px;
  z-index: 1;
  animation: click 1s linear infinite;
  -webkit-animation: click 1s linear infinite;
}
.pay_top.beginner .tab-area .tab.icon-1.active:after {
  right: 5px;
}
.pay_top.beginner .teller-txt {
  display: none;
}
.pay_top.beginner .teller-txt.active {
  display: block;
}
.pay_top.beginner .box_new li .icon-ppv {
  margin: 0 0 10px 4px;
}
.pay_top.beginner .icon-ppv.two {
  padding-left: 94px;
}
@keyframes click {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.8);
  }
}
@-webkit-keyframes click {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.8);
  }
}
.pay_top .panel {
  display: none;
  text-align: center;
}
.pay_top .panel.active {
  display: block;
}
.pay_top.beginner .box_new .ppvicon {
  vertical-align: top;
}
.box_user_ppv.open-0 {
  display: none;
}
.box_user_ppv.open-1 {
  display: block;
}
.box_user_ppv .time_left {
  border-radius: 30px;
  background: #ffff00;
  font-size: 16px;
  font-weight: bold;
  color: #ff0000;
  text-align: center;
  border: 2px solid #0c0c0c;
  margin: 0 30px;
  line-height: 1;
  padding: 5px 5px;
  box-sizing: border-box;
  margin-bottom: 7px;
}
.pay_top.beginner .slider .inner .fuki {
  position: relative;
  background: url(../images/pay/renewal/fuki_mid.jpg) repeat-y left top;
  background-size: 100%;
  padding: 15px 10px 20px;
  margin-bottom: 10px;
}
.pay_top.beginner .slider .inner .fuki:before {
  content: "";
  background: url(../images/pay/renewal/fuki_top.jpg) no-repeat left top;
  background-size: 100%;
  width: 100%;
  height: 25px;
  position: absolute;
  top: -1px;
  left: 0
}
.pay_top.beginner .slider .inner .fuki:after {
  content: "";
  background: url(../images/pay/renewal/fuki_btm.jpg) no-repeat left bottom;
  background-size: 100%;
  width: 100%;
  height: 25px;
  position: absolute;
  bottom: -1px;
  left: 0
}
.pay_top.beginner .slider .inner .fuki p {
  text-align: left;
}
.pay_top.beginner .slider .inner {
  height: 270px;
  background: url(../images/pay/renewal/bg_slider_mid.jpg) repeat-y left top;
  background-size: 100%;
  padding: 15px 25px;
}
.border_top {
  border-top: 6px solid #4e2e9a;
  width: 97%;
  margin-left: 5px;
}
.pay_top.beginner .slider .inner img {
  margin: 0 auto;
}
.pay_top.beginner .slider .inner:before {
  content: "";
  background: url(../images/pay/renewal/bg_slider_top.jpg) no-repeat left top;
  background-size: 100%;
  width: 100%;
  height: 19px;
  position: absolute;
  top: -1px;
  left: 0
}
.pay_top.beginner .slider .inner:after {
  content: "";
  background: url(../images/pay/renewal/bg_slider_btm.jpg) no-repeat left bottom;
  background-size: 100%;
  width: 100%;
  height: 16px;
  position: absolute;
  bottom: -1px;
  left: 0
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  /* padding-top: 0px;
    position: relative; */
  top: 11px !important;
}
.firstclass_halloween {
  background-color: #0056F7;
  border-radius: 10px 10px 10px 10px;
  padding: 3%;
  font-weight: bold;
}
.firstclass_halloween_title {
  background-color: #ff9f39;
  text-align: center;
  border-radius: 5px 5px 5px 5px;
  padding-top: 3%;
  padding-bottom: 1%;
  margin-bottom: 3%;
}
.firstclass_halloween_contents {
  background-color: #dbfeff;
  border-radius: 5px 5px 5px 5px;
  padding: 4%;
}
.beginner_event_title {
  position: relative;
}
.beginner_event_title p {
  position: absolute;
  margin-top: -31%;
  margin-left: 30%;
  font-size: 16px;
}
/*------ 2024年鑑定 2311 add -----*/
/*----- タブメニュー -----*/
/* tab */
.tab_menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 5px;
  padding: 0 10px;
  height: 52px;
  background: url("../images/pay/tab/attention/tab1.jpg") no-repeat;
  background-size: 100%;
}
.renewal02 .tab_menu{
  background: url("../images/pay/renewal02/tab1.jpg") no-repeat;
  background-size: 100%;
  height: 50px;
  padding: 0;
}
.tab_menu li:before {
  content: "";
  background: url(../images/pay/tab/icon-new.gif) no-repeat;
  background-size: 100%;
  width: 35px;
  height: 15px;
  position: absolute;
  top: -2px;
  left: 0px;
}
.tab_menu.on1 {
  background: url("../images/pay/tab/attention/tab1.jpg") no-repeat;
  background-size: 100%;
}
.tab_menu.on2 {
  background: url("../images/pay/tab/attention/tab2.jpg") no-repeat;
  background-size: 100%;
}
.tab_menu.on3 {
  background: url("../images/pay/tab/attention/tab3.jpg") no-repeat;
  background-size: 100%;
}

.renewal02 .tab_menu.on1 {
  background: url("../images/pay/renewal02/tab1.jpg") no-repeat;
  background-size: 100%;
}
.renewal02 .tab_menu.on2 {
  background: url("../images/pay/renewal02/tab2.jpg") no-repeat;
  background-size: 100%;
}
.renewal02 .tab_menu.on3 {
  background: url("../images/pay/renewal02/tab3.jpg") no-repeat;
  background-size: 100%;
  margin: 0;
}

.tab_menu li {
  width: 90px;
  height: 40px;
  position: relative;
  cursor: pointer;
  margin: 0 !important;
  background: none !important;
}
.tab_menu li.active {
  width: 110px;
  height: 50px;
}
.tab_menu li::before {
  content: "";
  background: url(../images/pay/tab/icon-new.gif) no-repeat;
  background-size: 100%;
  width: 35px;
  height: 15px;
  position: absolute;
  top: -6px;
  left: 4px;
}
/* .tab_menu li:nth-child(2)::before {
  background: url(../images/pay/tab/icon-renewal.gif) no-repeat;
  background-size: 100%;
  width: 54px;
} */
.tab_menu li.active:before {
  top: -1px;
}
.tab_menu li:after {
  content: "";
  background: url(../images/pay/tab/finger.png) no-repeat;
  background-size: 100%;
  width: 21px;
  height: 25px;
  position: absolute;
  top: 26px;
  right: -4px;
  z-index: 1;
  animation: click 1s linear infinite;
  -webkit-animation: click 1s linear infinite;
}
.tab_menu li.active:after {
  top: 32px;
}
/* パネル */
[class^="tab_menu_panel"] {
  display: none;
  position: relative;
}
[class^="tab_menu_panel"].active {
  display: block;
}
/* メニュー */
.tab_menu_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /* justify-content: center; */
  /* gap: 0 5px; */
  margin-top: -5px;
  padding: 15px 7px;
  background:
    url('../images/pay/tab/attention/bg_top.jpg') top / 100% no-repeat, url('../images/pay/tab/attention/bg_btm.jpg') bottom / 100% no-repeat, radial-gradient(#c7c7c7 22%, transparent 22%) 0 0 / 6px 6px, radial-gradient(#c7c7c7 22%, #f2f2f2 22%) 3px 3px / 6px 6px;
}
.sec_new.box_new ul.tab_menu_list li {
  width: 150px;
  background: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.renewal02 .sec_new.box_new ul.tab_menu_list li{
  border: 2px solid #c79f36;
}

.sec_new.box_new ul.tab_menu_list li p img.thumbnail_shadow {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
.renewal .box_new ul.tab_menu_list li .ppvicon {
  width: 135px;
}
.renewal .box_new ul.tab_menu_list li .icon-ppv {
  margin: 0;
}
.tab_menu_list li .ppvtitle {
  color: #1a1a1a !important;
  font-feature-settings: "palt";
}
.tab_menu_list li a {
  padding: 10px !important;
}
.renewal ul.tab_menu_list .icon-ppv.two {
  background: url(../images/pay/tab/attention/icon_ppv.png) no-repeat left top;
  background-size: 54px;
  position: relative;
}
/* 新着情報 202407改修*/
.tab_menu_panel1 .tab_menu_list {
  background: #ffecff;
}

.renewal02 .tab_menu_panel1 .tab_menu_list{
  background: #47250c;
}

.renewal02 .tab_menu_panel1 .tab_menu_list.valentine-1{
  background: #ff1493;
}

.sec_new.box_new .tab_menu_list .new.ppv_info {
  /* background: url(../images/pay/ppv_thumbnail/bg_top.png) no-repeat top, url(../images/pay/ppv_thumbnail/bg_btm.png) no-repeat bottom, url(../images/pay/ppv_thumbnail/bg_mid.png) repeat-y;
  background-size: 100%; */
  background-color: #ffff37;
  border-radius: 6px;
  border: 2px solid #7c49e3;
  position: relative;
  box-sizing: border-box;
}
.sec_new.box_new .tab_menu_list .ppv_info {
  margin-bottom: 10px;
}
.tab_menu_list li.new.ppv_info .icon-ppv {
  padding: 0 0 6px 89px;
}
.tab_menu_list li.new.ppv_info:after {
  display: block;
  content: "";
  width: 35px;
  height: 15px;
  position: absolute;
  top: -10px;
  left: -2px;
  background: url(../images/pay/tab/icon-new.gif) no-repeat;
  background-size: 100%;
  border-radius: 40px;
}
.tab_menu_list li.new.ppv_info .icon-ppv {
  background: url(../images/icon/icon-ppv2.png) no-repeat left top;
  background-size: 55px;
}
.tab_menu_list li.ppv_info .icon-ppv {
  background: url(../images/pay/tab/attention/icon_ppv.png) no-repeat left top;
  background-size: 55px;
  padding-bottom: 6px;
}
.tab_menu_list li.new.ppv_info a:after {
  content: none;
}
.tab_menu_list li.ppv_info .icon-ppv.two:after {
  left: 58px;
  top: 0;
}
.tab_menu_list li.ppv_info .icon-ppv.one:after {
  left: 62px;
  top: 0;
}
.tab_menu_list li.ppv_info .icon-ppv-area {
  position: relative;
}
.tab_menu_list li.ppv_info .update_date {
  position: absolute;
  top: 50%;
  right: -8px;
  transform: translateY(-38%);
  font-size: 10px;
}
.tab_menu_list li.ppv_info .ppvtitle font {
  font-size: 11px;
}
/*------ 福引 -----*/
.fukubiki_wrap.open-0, .fukubiki_wrap.open-2 {
  display: none;
}
.fukubiki_wrap {
  background: url(../images/pay/fukubiki/bg_fukubiki_mid.jpg) repeat-y top;
  background-size: 100%;
  position: relative;
  padding-bottom: 25px;
}
.fukubiki_wrap:after {
  content: "";
  background: url(../images/pay/fukubiki/bg_fukidashi_btm.jpg) no-repeat bottom;
  background-size: 100%;
  width: 100%;
  height: 43px;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.garapon_area {
  background: url(../images/pay/fukubiki/bg_fukubiki.jpg) no-repeat top;
  background-size: 100%;
  position: relative;
  height: 311px;
}
.garapon_area .garapon {
  position: relative;
  top: 70px;
  left: 95px;
  width: 160px;
}
.garapon_area .btn_pop {
  width: 255px;
  margin: 0 auto;
  background: none;
  border: none;
  position: absolute;
  bottom: 35px;
  left: 0;
  right: 0;
}
.garapon_area p.count {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  background: #fff;
  margin: 0 25px;
  border: 1px solid #ebcd57;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
}
.result_fukubiki {
  background-color: #1119;
  width: 320px;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 1002;
}
.result_fukubiki .wrap {
  width: 90%;
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999 !important;
  box-sizing: border-box;
}
.result_fukubiki .wrap .ball {
  width: 125px;
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
}
.result_fukubiki .wrap .text {
  color: #350000;
  font-size: 13px;
  background: #fff;
  border: 1px solid #977c0f;
  margin: 0 10px;
  padding: 1px 0;
  width: 250px;
  position: absolute;
  top: 220px;
  box-sizing: border-box;
}
.result_fukubiki .wrap .text span {
  color: #fff;
  border-radius: 3px;
  padding: 2px 10px;
}
.result_fukubiki .wrap .text.rank-01 span {
  background: #bc9218;
}
.result_fukubiki .wrap .text.rank-02 span {
  background: #383ed1;
}
.result_fukubiki .wrap .text.rank-03 span {
  background: #e41537;
}
.result_fukubiki .wrap .text.rank-04 span {
  color: #000;
  background: #fddd54;
}
.result_fukubiki .wrap .text.rank-05 span {
  background: #009952;
}
.result-close {
  display: block;
  width: 180px;
  margin: 10px auto 0;
}
#fukubiki_coupon {
  background: #ff0009;
  border: 1px solid #b09117;
  border-radius: 5px;
  margin: 10px 13px 0;
  padding: 10px;
}
.fukubiki_wrap .coupon_title p {
  display: block;
  border: 1px solid #ebcd57;
  background: #11041f;
  margin-bottom: 5px;
  padding: 2px;
  border-radius: 2px;
  box-sizing: border-box;
}
.fukubiki_wrap .coupon_list {
  border: 1.5px solid #000;
  background: #fff;
  border-radius: 1px;
  outline: 3px solid #fff;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.fukubiki_wrap .coupon_list p {
  display: block;
  text-align: left;
  margin: 0;
  padding: 2px;
  box-sizing: border-box;
}
.fukubiki_wrap .coupon_list p span {
  color: #fff;
  font-weight: bold;
  border: 1px solid #fff;
  border-radius: 3px;
  padding: 2px 10px;
}
.fukubiki_wrap .coupon_list p.rank-01 span {
  background: #bc9218;
}
.fukubiki_wrap .coupon_list p.rank-02 span {
  background: #383ed1;
}
.fukubiki_wrap .coupon_list p.rank-03 span {
  background: #e41537;
}
.fukubiki_wrap .coupon_list p.rank-04 span {
  color: #000;
  background: #fddd54;
}
.fukubiki_wrap .coupon_list p.rank-05 span {
  background: #009952;
}
.fukubiki_wrap .coupon_list p.stamping {
  background: #a7a7a7;
  margin-bottom: 0;
  position: relative;
}
.fukubiki_wrap .coupon_list .stamp_ticket_use.stamping {
  position: relative;
}
.fukubiki_wrap .coupon_list .stamp_ticket_use.stamping:before {
  content: "";
  background: url(../images/pay/stamp/stamp.png) no-repeat;
  background-size: 100%;
  width: 23px;
  height: 24px;
  position: absolute;
  top: 1px;
  left: -10px;
  z-index: 1;
}
.fukubiki_wrap .coupon_list .stamp_ticket_use input {
  border: none;
  background-color: none;
}
.fukubiki_wrap .coupon_area {
  background: #ffff00;
  border-radius: 5px;
  margin: 0 13px;
  padding: 10px;
  position: relative;
  z-index: 1;
}
.fukubiki_wrap .coupon_area p {
  color: #000;
  font-weight: bold;
  margin-bottom: 5px;
}
/*////////////////////////////////////////////////////////

割引キャンペーンsale

////////////////////////////////////////////////////////*/
.sale-box.disp-0, .sale-box.disp-2, .sale-anchor.disp-0, .sale-anchor.disp-2 {
  display: none;
}
.sale-box.disp-1, .sale-anchor.disp-1 {
  display: block;
}
.sale-box .sale-tit {
  line-height: 1;
  padding: 8px 0;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 16px;
  color: #fff;
  background: yellow;
  color: #ff4b1b;
}
.sale-box .sale-here {
  font-size: 17px;
  font-weight: bold;
  background: #9576e7;
  padding: 30px 0;
  margin-bottom: 5px;
}
.sale-box .sale-here a {
  color: #ffff00 !important;
}
.sale-site {
  background: red;
  color: #ffff00;
  padding: 7px 0;
  font-weight: bold;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #ffff00;
  border-bottom: 1px solid #ffff00;
}
.sale-box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5px 0;
  padding: 10px 5px;
  background:
    radial-gradient(#c7c7c7 22%, transparent 22%) 0 0 / 6px 6px, radial-gradient(#c7c7c7 22%, #f2f2f2 22%) 3px 3px / 6px 6px;
}
.sale-box li {
  width: 153px;
  border-radius: 8px;
  border: 1px solid #ccc;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  box-sizing: border-box;
  padding: 10px;
}
.sale-box li p {
  font-weight: bold;
  font-size: 11px;
  margin: 0;
}
.sale-box li p:nth-child(1) {
  margin-bottom: 6px;
}
.sale-box li p:nth-child(2) {
  position: relative;
  margin: 0 76px 5px 0;
}
/* 1カラム表示 */
.sale-box li.one-column {
  width: 310px;
}
.sale-box li.one-column p {
  font-size: 13px;
}
.sale-box li.one-column p:nth-child(2) {
  margin: 0 236px 5px 0;
}
.sale-box li p:nth-child(2)::before {
  content: "";
  position: absolute;
  left: 60px;
  top: 2px;
  width: 26px;
  height: 15px;
}
.sale-box li p:nth-child(2).two::before {
  background: url(../images/pay/renewal/icon-two.png) top / 100% no-repeat;
}
.sale-box li p:nth-child(2).one::before {
  background: url(../images/pay/renewal/icon-one.png) top / 100% no-repeat;
}
.sale-box li a {
  display: block;
  color: #000;
  text-align: left;
  line-height: 1.4;
  width: 100%;
  height: 100%;
}
.sale-em {
  color: #f00;
  font-weight: bold;
  font-size: 15px;
}
.sale-menu {
  text-decoration: underline;
}
.sale-box .open-0, .sale-box .open-2 {
  display: none;
}
.sale-box .open-1 {
  display: block;
}
.sale-box .open-1.time-0, .sale-box .open-1.time-2 {
  display: none;
}
.sale-box .open-1.time-1 {
  display: block;
}
/*タイマー*/
.sale-wrap {
  position: relative;
  min-height: 225px;
  padding-bottom: 1px;
}
.sale-box .sale_box-count {
  background: url(../images/pay/bg_count2.png) no-repeat top;
  background-size: 100% auto;
  width: 300px;
  height: 40px;
  line-height: 40px;
  color: red;
  margin: 0 auto;
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
}
.sale-box .sale_box-count .sale-menu font {
  font-size: 14px;
}
.sale-box .sale_box-count .inner {
  text-align: center;
  /*color: #fa3011;*/
  font-size: 16px;
  font-weight: bold;
}
.sale-box .sale_box-count .inner span#sale_countdown, .sale-box .sale_box-count .inner span#sale_countdown2, .sale-box .sale_box-count .inner span#sale_countdown3, .sale-box .sale_box-count .inner span#sale_countdown4 {
  color: #000;
}
.sale-box .sale_box-count.switch-0 .second, .sale-box .sale_box-count.switch-1 .first {
  display: none;
}
/* 800番台 */
.ppv_num_check.disp-0 {
  display: none;
}
.ppv_num_check.disp-1 {
  display: none;
}
/* 占いの日クーポン */
.sale_coupon_box {
  border: 10px solid #c00; /* フレームの色（クリスマスらしい赤） */
  border-radius: 10px;
  margin: 0 10px 20px;
  padding: 10px;
  background: #00953f;
  position: relative;
}
.sale_coupon_box:before {
  content: '';
  position: absolute;
  top: -10px;
  left: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  border: 5px solid #c00;
  z-index: 1;
}
.sale_coupon_box:after {
  content: '';
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  border: 5px solid #c00;
  z-index: 1;
}
.sale_coupon_box h4 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}
.sale_coupon_box p.text {
  color: red;
  font-size: 16px;
  font-weight: bold;
  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;
}
.sale_coupon_box p.period {
  color: yellow;
  font-size: 13px;
  margin: 5px 0 10px;
}
.sale_coupon_box form {
  width: 90%;
  margin: 0 auto;
  position: relative;
  margin-top: 1px;
}
.sale_coupon_box input {
  width: 100%;
  border: 1px solid #977c0f;
  background-color: #fff;
  color: #350000;
  padding: 5px 5px 5px 30px;
  border-radius: 5px;
  box-sizing: border-box;
}
.sale_coupon_box input.use_btn {
  width: 65px;
  min-height: 18px;
  padding: 0;
  display: block;
  background: url(../images/pay/stamp/stamprally/btn_get.png) no-repeat;
  background-size: 100%;
  border: none;
  position: absolute;
  top: 5px;
  right: 15px;
}
/* 質問コーナー */
.question_corner .form_wrap {
  padding: 10px 32px 20px;
}
.question_corner .inner_txt {
  color: #000;
  padding: 4px 0;
  text-align: center;
}
.question_corner .inner_txt p.info_1 {
  background: #ff0;
  font-size: 15px;
  padding: 10px 0;
  font-weight: bold;
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
}
.question_corner .inner_txt p.info_2 {
  color: #848484;
  font-size: 10px;
  text-align: left;
  line-height: 14px;
  margin: -8px 0 26px;
  font-feature-settings: "palt";
}
.question_corner .form_wrap label {
  font-size: 11px;
}
.question_corner .form_wrap input[type="text"], .question_corner .form_wrap textarea {
  margin-left: 0px;
  background: #fff;
  font-size: 13px;
  border: 2px solid #ab50fa;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
}
.question_corner .form_wrap textarea {
  resize: none;
  height: 120px;
  box-sizing: border-box;
  line-height: 1.5em;
  outline: 0;
  border-radius: 5px;
  display: block;
}
.question_corner input[type="image"] {
  width: 190px;
  padding: 0;
  border: none;
}
/* モーニング・ランチ・ナイトセール */
.time_sale_weekday.switch-0 {
  display: none;
}
.time_sale_weekday ul {
  background: url(../images/pay/time_sale/weekday/bg_top.png) no-repeat top, url(../images/pay/time_sale/weekday/bg_btm.png) no-repeat bottom, url(../images/pay/time_sale/weekday/bg_mid.png) repeat-y;
  background-size: 100%, 100%, 100%;
  padding: 10px 0;
}
.renewal .time_sale_weekday.box_new li {
  width: 300px;
  background: url(../images/pay/renewal/news_line01.png) no-repeat center 36px, url(../images/pay/renewal/news_bg02_top.jpg) no-repeat top, url(../images/pay/renewal/news_bg02_btm.jpg) no-repeat bottom, url(../images/pay/renewal/news_bg02_mid.jpg) repeat-y;
  background-size: 258px, 300px, 300px, 300px;
  margin: 0 auto 2px;
}
.renewal .time_sale_weekday.box_new li:last-child {
  margin-bottom: 0;
}
/* popup ticketのモーダルスタイル　追加202406228
------------------------- */
.box_ticket .box_notice_popup input[type="text"] {
  box-shadow: none;
}
.box_notice_popup {
  display: none;
  width: 100%;
  height: 100%;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  text-align: left;
  background: rgba(0, 0, 0, .5);
}
.box_notice_popup.disp-1 {
  display: block;
}
.box_notice_popup .inner {
  width: 210px;
  margin: auto;
  padding: 10px 15px;
  border: 2px solid #7c49e3;
  border-radius: 10px;
  position: relative;
  top: 50%;
  transform: translateY(-55%);
  overflow-y: scroll;
  color: #444;
  background: #ffffff;
}
.box_notice_popup .btn-close {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 100;
  background: url(../images/icon/icon_close_purple.png) no-repeat;
  background-size: 100%;
}
.box_notice_cap {
  margin: 0 0 8px;
  padding: 0 0 4px;
  border-bottom: 1px solid #7c49e3;
  line-height: 1.3;
  text-align: center;
  color: #7c49e3;
}
.box_notice_popup dl {
  font-weight: bold;
}
.box_notice_popup dd {
  font-size: .9em;
}
.box_notice_popup li {
  margin: 0 0 3px;
  font-size: 11px;
}
.box_notice_popup a {
  color: deeppink;
}
.box_notice_popup .icon_share {
  width: 15px;
  margin: 0 1px;
  vertical-align: -3px;
}
.box_notice_popup input {
  width: 100%;
  border: 0;
  text-align: center;
}
/*  */
.end_code_regist .present_cord .generation_cord {
  display: block;
}
.present_cord .result {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  bottom: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: none;
  -webkit-transition: 2.5s;
  transition: 2.5s;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.present_cord .result.active {
  display: block !important;
}
.present_cord .result .result_inner {
  min-width: 95%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.present_cord .result p {
  width: 100%;
  vertical-align: middle;
  text-align: center !important;
  color: #fff;
}
.present_cord .result .resultHome {
  display: inline-block;
  width: 77%;
  margin: 0 auto;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  -webkit-box-shadow: 2px 2px 1px rgba(255, 255, 255, 0.5) inset, -1px -1px 0px 1px #b73939 inset;
  box-shadow: 2px 2px 1px rgba(255, 255, 255, 0.5) inset, -1px -1px 0px 1px #b73939 inset;
  text-decoration: none;
  text-shadow: 0px 0px 5px #980808;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
  background: #ec5757;
}
.guerrillaEvent.open-0 {
  display: none;
}

/* 検索（元有料トップ） */
.wornBtnWrap{
  position: relative;
  margin-top: 25px;
}

.wornBtnWrap p{
  text-align: center;
  margin-bottom: 0;
}

.wornBtnWrap.open-0{
  display: none;
}

/* モーダル全体のスタイル */
.alert_modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
}

#searchBox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 120vh;
  display: none;
}

/* モーダル内のスタイル */
#searchBox #modal {
  width: 100%;
  max-width: 320px;
  padding: 8px 0 14px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  position: relative;
}

/* モーダル内の閉じるボタン */
#searchBox .btn_close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  font-size: 20px;
}

/* 検索結果の表示エリア */
#searchBox #modal_results {
  margin-top: 20px;
  overflow-y: auto;
}

/* 検索結果の件数表示 */
#searchBox #result_count {
  font-weight: bold;
  margin-bottom: 10px;
}

/* wordBtnのスタイル */
.wornBtnWrap .wordBtn {
  display: inline-block;
  padding: 5px 10px;
  margin: 5px;
  color: #000;
  background-color: #b6d7a7;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* 検索結果が見つからない場合のメッセージ */
.box_search .not_found {
  color: red;
  margin-top: 2px;
}

.renewal02 .wordBtn{
  background-color: #ffff3d;
}

.wordBtn:hover {
  background-color: #b6d7a7;
}

.renewal02 .wordBtn:hover {
  background-color: #ffff3d;
}

.free_fortuneYudo{
  padding: 20px 0;
}

.free_fortuneYudo.open-0{
  display: none;
}
.free_fortuneYudo .error{
  text-align: center;
  margin: 10px 0 0;
  color: #ff0;
  font-size: 11px;
}
.free_fortuneYudo .yudoModalBtn a{
  display: inline-block;
  background: orange;
  color: #000;
  border-radius: 5px;
  padding:10px;
  width: 200px;
  text-decoration: none;
  margin-top: 10px;
  font-weight: bold;
}
.free_fortuneYudo .yudoModalBtn.act-1{
  opacity: 0.8;
  pointer-events: none;
}
.free_fortuneYudo .yudoModalBtn.act-1 a{
  color: #fff;
  background: #ccc;
}


/* モーダルの基本スタイル */
.yudoModal {
  display: none; /* 初期は非表示 */
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 30px 0 10px;
}

/* モーダルコンテンツ */
.yudoModal-content {
  margin: 0px auto;
  padding: 0px;
  width: 100%;
  max-width: 320px;
  position: relative;
  overflow-y: auto; /* コンテンツのスクロールを可能に */
  max-height: 100vh;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  background: #2c0b52;
}

.yudoModal-body{
  padding-bottom: 30px;
}

/* モーダルの閉じるボタン */
.yudoModal .closeBtn {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
}

/* モーダル内free css */
.yudoModal.free_view .btn_known {
  width: 275px;
  height: 75px;
  margin: 0 auto;
  display: block;
  background: url(../images/result/free/btn_known_02.png) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.yudoModal #free2_komi_yesno_01 .yesno_disp-1{
  position: relative;
}

.yudoModal.free_view .btn_known2{
  background: url(../images/result/free/two/btn_known_02.png) no-repeat;
  background-size: 100% auto;
}

.yudoModal.free_view .bokashi .btn {
  width: 205px;
  height: 67px;
  display: block;
  background: url(../images/result/free/btn_more_02.png) no-repeat;
  background-size: 100% auto;
}

#yudoModal .komi_personality .btn{
	display: block !important;
}

.komi_personality .freeText.disp-0

/* 更新情報 */
.renewal02 .new_info .inner{
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.new_info ul.inner li{
  background: #000;
  border-bottom: 2px solid #a88a39;
}

.renewal02 .new_info .icon-ppv, .renewal02 .new_info dt{
  border-bottom: 1px solid #a88a39;
}

/* 基本メニュー */

.renewal02 .menu .main_visual .box_teller{
  background: url(../images/pay/renewal02/menu/teller_main.jpg) no-repeat;
  background-size: 100%;
}

.renewal02 .box_menu .inner.is-docomo,.renewal02 .box_menu .inner.is-common {
  background: url(../images/pay/renewal02/menu/bg_menu.jpg) no-repeat;
  background-size: 100%;
}

.renewal02 .menu .box_search .inner{
  background: url(../images/pay/renewal02/bg_box_search_renew02.png) no-repeat;
  background-size: 100%;
}

.renewal02 .btn_to_free a,.renewal02 .btn_to_free2 a{
  background: url(../images/pay/renewal02/bg_free_more.png) no-repeat center;
  background-size: 100% auto;
}

.renewal02 .box_search select[name="ctg"]{
  border: 2px solid #000;
  position: relative;
  left: -2px;
}

.renewal02 .anata_koi .box_teller {
  background: url(../images/pay/renewal02/menu/bg_box_tellar.jpg) no-repeat;
  background-size: 100% auto;
  min-height: 260px;
}
.renewal02 .box_teller p{
  box-shadow: unset;
}

.renewal02 .menu .bg_purple,.renewal02 .menu .bg_pink,.renewal02 .menu .bg_blue{
  background: #000;
}
.renewal02 .list.b_purple ,.renewal02 .list.b_pink ,.renewal02 .list.b_blue {
  background: #000;
}
.renewal02 .list.b_purple a ,.renewal02 .list.b_pink a ,.renewal02 .list.b_blue a {
  border: 0px solid #000;
  box-shadow: unset;
  background: url(../images/pay/renewal02/menu/bg_list.jpg) no-repeat;
  background-size: 100% 100%;
}

.renewal02 .menu .bg_purple:after ,.renewal02 .menu .bg_pink:after,.renewal02 .menu .bg_blue:after {
  background: url(../images/pay/renewal02/menu/btm.jpg);
  background-size: 100%;
}

.renewal02 .list.b_purple li a:before ,.renewal02 .list.b_pink li a:before,.renewal02 .list.b_blue li a:before  {
  background: url(../images/pay/renewal02/menu/list_kazari01.png) no-repeat;
  background-size: 100% auto;
}

.renewal02 .menu .all_view a {
  background: url(../images/pay/renewal02/menu/btn_more02.png) no-repeat;
  background-size:100% ;
}

.renewal02 .sp_kantei_box a{
  background: url(../images/pay/renewal02/menu/btn_sp_kantei.jpg) no-repeat;
  background-size: 100% auto;
}


.renewal02 .anohito_koi .box3 {
  margin-top: 10px;
  background: url(../images/pay/renewal02/menu/img15.jpg) no-repeat;
  background-size: 100% auto;
  min-height: 291px;
  position: relative;
}

.renewal02 .coipo_miesugi_campaign {
  border: 2px solid;
  border-color: #98771c;
}

.renewal02 .renewal .coipo_tit_komi {
  background: url(../images/pay/renewal02/pref/bg_coipo_top.jpg) top center no-repeat;
  background-size: 100%;
  min-height: 98px;
}

.renewal02 .renewal .coipo_tit_komi h3{
  color: #f6ef95;
  font-weight: bold;
  top: -20px;

}

.renewal02 .renewal .box_point {
  background: url(../images/pay/renewal02/pref/bg_btm.jpg) no-repeat bottom, url(../images/pay/renewal02/pref/bg_mid.jpg) repeat-y;
  background-size: 100%;
  margin-right: auto;
  margin-left: auto;
  width: 290px; 
}

.renewal02 .mypage.renewal .box_teller {
  margin: 0 0 0px;
  background: url(../images/pay/renewal02/pref/teller.jpg) no-repeat;
  background-size: 100%;
  height: auto;
  min-height: 190px;
}

.renewal02 .btn_coipo a,
.renewal02 .btn_coipo input[type="submit"],
.renewal02 .btn_coipo input[type="button"],
.renewal02 .btn_coipo02 a, .btn_coipo02 input[type="submit"],
.renewal02 .btn_coipo02 input[type="button"]{
  background: url(../images/pay/renewal02/pref/btn_bg.png) no-repeat;
  background-size: 100% auto;
  color: #fff;
  font-weight: bold;
  text-shadow: unset;
  padding: 3px 20px 15px 20px;
}

.renewal02 .box_point dt{
  width: 39%;
}

.renewal02 .box_point .btn-menu li {
  border: 1px solid #b0954a;
  background: #dad3cf;
}

.renewal02 .btn-menu a {
  color: #47240f;
}

.dispClass01.open-0{
  display: none;
}

/* ホーム画面追加設定アイコン
------------------------- */
.btn_popupsetting {
  display: none;
  width: 60px;
  margin: auto;
  position: fixed;
  left: 0;
  right: 0;
  top: 40px;
  transform: translateX(-125px);
  z-index: 101;
  cursor: pointer;
}
.btn_popupsetting a {
  display: block;
} 
/* close */
.btn_popupsetting_close {
  display: inline-block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  right: 0;
  background: url("../images/popupsetting/btn_close.png") no-repeat;
  background-size: 100%;
}



.free_dekirukoto .btn{
  padding: 0 20px;
}

.free_dekirukoto_cnt01{
  position: relative;  
}

.free_dekirukoto_cnt03_links{
  position: relative;

}

.free_dekirukoto_cnt03_links a{
  display: block;
  height: 80px;
  position: absolute;
  left: 15px;
}
.free_dekirukoto_cnt03_links a.link01{
  top: 18px;
  width: 190px;
}
.free_dekirukoto_cnt03_links a.link02{
  top: 108px;
  width: 190px;
}
.free_dekirukoto_cnt03_links a.link03{
  top: 198px;
  width: 290px;
}

.free_dekirukoto_cnt03_wrap{
  position: relative;
}
.free_dekirukoto_cnt03.free_dekirukoto_cnt03_mask{
  position: absolute;
  bottom: 21px;
  left: 15px;
  width: 291px;
  margin: 0 auto;
}
.free_dekirukoto_cnt03_btn{
  background: #000;
  width: 100%;
  padding: 30px 0;
}
.free_dekirukoto_cnt03_btn img{
  width: 225px !important;
  margin: 0 auto;
  display: inline-block;
  cursor: pointer;
}

.popuser .img12{
  position: relative;
}
.popuser .img12 a{
  position: absolute;
  height: 90px;
  display: block;
  left: 15px;
}

.popuser .img12 a.link01{
  width: 190px;
  top: 120px;
}
.popuser .img12 a.link02{
  width: 190px;
  top: 206px;
}
.popuser .img12 a.link03{
  width: 290px;
  top: 296px;
}

.popuser .img12 a{
  position: absolute;
  height: 90px;
  display: block;
  
}

.popuser .img16{
  position: relative;
}
.popuser .img16 a{
  position: absolute;
  height: 100px;
  display: block;
}
.popuser .img16 a.link01{
  width: 150px;
  top: 106px;
  left: 6px;
}
.popuser .img16 a.link02{
  width: 150px;
  top: 106px;
  right: 6px;
}
.popuser .img16 a.link03{
  width: 300px;
  top: 216px;
  left: 10px;
  height: 80px;
}

.popuser .form_wrap{
  background: url(../images/free/popuser/bg_ff_mid.jpg) repeat-y;
  background-size: 100%;
  padding: 5px 41px 55px 34px;
}

.popuser .form_wrap:before{
  display: none;
}
.popuser .form_wrap:after{
  background-image: url(../images/free/popuser/bg_ff_bdtm.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
  content: '';
  width: 100%;
  height: 103px;
}

.popuser .form_wrap dl, .popuser .name_wrap dl{
  display: flex;
}

.popuser .form_wrap .name_wrap dt{
  height: 30px;
  line-height: 12px;
  padding: 3px;
  background: #ab50fa;
  margin-right: 0;
  border-radius: 6px 0 0 6px;
}
.popuser .form_wrap dt{
  background: #ab50fa;
  margin-right: 0;
  border-radius: 6px 0 0 6px;
}

.popuser .form_wrap input[type="text"]{
  border: 1px solid #ab50fa;

}

.popuser .birthday_wrap dt {
  width: 56px;
}

.popuser select{
  padding: 0 10px 0 5px;
  border: 1px solid #ab50fa;
}

.popuser .birthday_wrap dd{
  display: flex;
}

.popuser .sex_wrap dt{
  width: 55px;
}

.popuser .free_fortune{
  background-image: url(../images/free/popuser/bg_01.jpg);
  background-repeat: repeat;
  background-size: 100% auto;
}

.popuser_bnr.open-0{
  display: none;
}

.popuser_bnr.open-1 .bnr02,.popuser_bnr.open-1 .bnr03{
  display: none;
}
.popuser_bnr.open-2 .bnr01,.popuser_bnr.open-2 .bnr03{
  display: none;
}
.popuser_bnr.open-3 .bnr01,.popuser_bnr.open-3 .bnr02{
  display: none;
}

.yudoModal.free_view .box_teller3_btnWrap.ver_free29 .btn_known{
	background: url(../images/result/free/free29/btn_known_ppv.png) no-repeat;
    background-size: 100% auto;
	margin-bottom: 0 !important;

}

.yudoModal.free_view .ver_free29 .bokashi .btn{
	background: url(../images/result/free/free29/btn_more_ppv.png) no-repeat;
  background-size: 100% auto;
}

.renewal.renewal02.renewal04 .tellerProfile .lead {
  background: url(../images/pay/aniv_4th/free/bg_mid.png) repeat-y;
}

.renewal.renewal02.renewal04 .tellerProfile .lead:before {
  background-image: url(../images/pay/aniv_4th/free/bg_top.jpg);
}

.renewal.renewal02.renewal04 .tellerProfile .lead:after {
  background-image: url(../images/pay/aniv_4th/free/bg_btm.png);
}


.youtube_mizobe .form_wrap{
	background: url(../images/free/mizobe/bg.png) no-repeat top center/ 100% !important;
	min-height: 260px;
	padding: 60px 25px 42px !important;
}

.youtube_mizobe .form_wrap:after{
	display: none;
}

.youtube_mizobe .btn_wrap{
	margin-top: 0;
}

.youtube_mizobe #form{
	position: relative;
	z-index: 2;
} 
.youtube_mizobe .form{
	margin-top: -60px;
}

.youtube_mizobe .form_wrap dt {
    background: #ab50fa !important;
}

.youtube_mizobe .form_wrap:before{
  display: none !important;
}

.youtube_mizobe .form_wrap dl, 
.youtube_mizobe .name_wrap dl{
  display: flex;
}


.reco_bigbnr a {
  display: block;
  overflow: hidden;
  border-radius: 3px;
}

.reco_banner .select_close label, .reco_banner .select_close .btn_reco_close2 {
  line-height: 14px;
}

.reco_banner .select_close .btn_reco_close2 {
  background: #b89a4b;
  color: #fff;
  padding: 10px 25px 10px 10px;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
}
.reco_banner .select_close .btn_reco_close2::before, .reco_banner .select_close .btn_reco_close2::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 2.5px;
  height: 18px;
  background: #fff;
  border-radius: 2.5px;
}
.reco_banner .select_close .btn_reco_close2::before {
  transform: translateY(-50%) rotate(45deg);
}
.reco_banner .select_close .btn_reco_close2::after {
  transform: translateY(-50%) rotate(-45deg);
}