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

common

////////////////////////////////////////////////////////*/
section {
  margin-bottom: 20px;
}
section > section {
  margin-bottom: 5px !important;
}
aside {
  padding: 0 10px 20px;
}
/* 汎用box
------------------------- */
.box {
  position: relative;
  clear: both;
}
.flex-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.flex-box.col2 {
  justify-content: space-between;
  padding: 0 10px;
}
.flex-box.col2 > div {
  width: 48%;
}
.flex-pack {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  flex-wrap: wrap;
}
/* 注釈 */
.box_notice {
  width: 92%;
  margin: 10px auto 15px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 12px;
}
/* 【削除禁止】display
------------------------- */
/*----- 新規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;
  position: relative;
}
.join_member-0 .join_member_off, .join_member-1 .join_member_on {
  display: block;
}
.unpaido-0 .unpaido_off, .unpaido-1 .unpaido_on {
  display: block;
}
/*----- 入会1ヶ月目(1ヶ月間) -----*/
.one_month-1,
.one_month-2 {
  display: none;
}
/*----- 入会2ヶ月目(2ヶ月間) -----*/
.two_month_member-0 .old_member,
.two_month_member-1 .new_member {
  display: none;
}
/*----- バナー出し分け -----*/
.bnr .open-0,
.bnr .close-1,
.bnr.open-0,
.bnr.open-2,
.bnr.close-1,
.bnr-0 .open,
.bnr-1 .close,
.bnr-2 .close,
.bnr-3 {
  display: none;
}
.bnr {
  padding: 0 10px 10px;
}
.bnr li {
  padding: 5px 0;
}
/*2024年2月出しわけ*/
/*1月末までに入会：０　２月入会：１　２月９日以降入会：２*/
.Feb-noregist-1, .Feb-noregist-2, .Feb-regist-0, .Feb-regist-2 {
  display: none;
}
/*----- docomo出し分け -----*/
.disp-docomo .common, .disp-common .docomo {
  display: none;
}
.disp-docomo .docomo, .disp-common .common {
  display: block;
}
.disp-docomo span.docomo, .disp-common span.common {
  display: inline;
}
/*----- 年齢出し分け -----*/
.age-0, .age-1, .age-2, .agedisp-3 {
  display: none;
}
.agedisp-0 .age-0, .agedisp-1 .age-1, .agedisp-2 .age-2 {
  display: block;
}
/* animation
------------------------- */
.tenmetsu {
  -webkit-animation: tenmetsu 1s ease-in-out infinite alternate;
  -moz-animation: tenmetsu 1s ease-in-out infinite alternate;
  animation: tenmetsu 1s ease-in-out infinite alternate;
}
@-webkit-keyframes tenmetsu {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@-moz-keyframes tenmetsu {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes tenmetsu {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.float {
  -webkit-animation: float 2.5s ease-in-out infinite alternate;
  animation: float 2.5s ease-in-out infinite alternate;
  transform-origin: 50% 50%;
  position: relative;
  z-index: 1;
}
.float_fuki, .float_fuki_free {
  width: 85%;
  position: relative;
  z-index: 2;
}
.float_fuki {
  margin: 10px auto -40px;
}
.float_fuki_free {
  margin: 0 auto -10px;
}
@-webkit-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)
  }
}
.leftLight {
  -webkit-animation: leftLight .35s ease-in-out forwards;
  animation: leftLight .35s ease-in-out forwards;
  position: relative;
  z-index: 1;
}
.rightLeft {
  -webkit-animation: rightLeft .35s ease-in-out forwards;
  animation: rightLeft .35s ease-in-out forwards;
  position: relative;
  z-index: 1;
}
@keyframes leftLight {
  0% {
    transform: translateX(-100%) scale(0, 0);
  }
  100% {
    transform: translateX(0) scale(1, 1);
  }
}
@keyframes rightLeft {
  0% {
    transform: translateX(100%) scale(0, 0);
  }
  100% {
    transform: translateX(0) scale(1, 1);
  }
}
.leftLight_rotate {
  -webkit-animation: leftLight_rotate .5s ease-in-out forwards;
  animation: leftLight_rotate .5s ease-in-out forwards;
  position: relative;
  z-index: 1;
}
.rightLeft_rotate {
  -webkit-animation: rightLeft_rotate .5s ease-in-out forwards;
  animation: rightLeft_rotate .5s ease-in-out forwards;
  position: relative;
  z-index: 1;
}
@keyframes leftLight_rotate {
  0% {
    transform: rotate(-100deg);
  }
  85% {
    transform: rotate(-10deg);
  }
  90% {
    transform: rotate(-20deg);
  }
  95% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes rightLeft_rotate {
  0% {
    transform: rotate(100deg);
  }
  85% {
    transform: rotate(10deg);
  }
  90% {
    transform: rotate(20deg);
  }
  95% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(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);
  }
  100% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  0%, 100% {
    opacity: 1;
  }
}
/*////////////////////////////////////////////////////////

共通パーツ

////////////////////////////////////////////////////////*/
/* list_menu
------------------------- */
/*----- デフォルト -----*/
.list_menu {
  margin: 0 0 15px;
  padding: 15px 5px;
}
.list_menu h4 {
  margin: 0 0 5px;
}
.list_menu li {
  text-align: left;
  font-weight: bold;
  color: #1e1d1f;
}
.list_menu li:not(:last-child) {
  margin: 0 0 5px;
}
.list_menu li a, .list_menu li.nolink {
  padding: 15px 20px;
}
.list_menu li.nolink {
  color: #777;
}
.list_menu a {
  display: block;
  position: relative;
  text-decoration: none;
  color: #1e1d1f;
}
.list_menu a:after {
  position: absolute;
  top: 50%;
  right: 3%;
  transform: scale(0.6, 1) translateY(-50%);
}
.list_menu li a:after {
  content: "\025b6";
  font-size: 0.8em;
}
/* pink */
.list_menu.pink {
  background: url("../images/menulist/pink/bar.jpg") no-repeat top, url("../images/menulist/pink/bar.jpg") no-repeat bottom #fa649b;
  background-size: 100%;
}
.list_menu.pink li {
  background: url("../images/menulist/pink/bg_top.jpg") no-repeat top, url("../images/menulist/pink/bg_btm.jpg") no-repeat bottom, url("../images/menulist/pink/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
.list_menu.pink li a:after {
  color: #fa196b;
}
/* purple */
.list_menu.purple {
  background: url("../images/menulist/purple/bar.jpg") no-repeat top, url("../images/menulist/purple/bar.jpg") no-repeat bottom #dc64fa;
  background-size: 100%;
}
.list_menu.purple li {
  background: url("../images/menulist/purple/bg_top.jpg") no-repeat top, url("../images/menulist/purple/bg_btm.jpg") no-repeat bottom, url("../images/menulist/purple/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
.list_menu.purple li a:after {
  color: #cd19fa;
}
/* green */
.list_menu.green {
  background: url("../images/menulist/green/bar.jpg") no-repeat top, url("../images/menulist/green/bar.jpg") no-repeat bottom #5ae0af;
  background-size: 100%;
}
.list_menu.green li {
  background: url("../images/menulist/green/bg_top.jpg") no-repeat top, url("../images/menulist/green/bg_btm.jpg") no-repeat bottom, url("../images/menulist/green/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
.list_menu.green li a:after {
  color: #00e08e;
}
/* yellow */
.list_menu.yellow {
  background: url("../images/menulist/yellow/bar.jpg") no-repeat top, url("../images/menulist/yellow/bar.jpg") no-repeat bottom, url("../images/menulist/yellow/bg.jpg") repeat-y;
  background-size: 100%;
}
.list_menu.yellow li {
  background: url("../images/menulist/yellow/bg_top.jpg") no-repeat top, url("../images/menulist/yellow/bg_btm.jpg") no-repeat bottom, url("../images/menulist/yellow/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
/* half */
.list_menu.half {
  background: url("../images/menulist/half/bar.jpg") no-repeat top, url("../images/menulist/half/bar.jpg") no-repeat bottom, url("../images/menulist/half/bg.jpg") repeat-y;
  background-size: 100%;
}
.list_menu.half li {
  background: url("../images/menulist/half/bg_top.jpg") no-repeat top, url("../images/menulist/half/bg_btm.jpg") no-repeat bottom, url("../images/menulist/half/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
/* もっと見る */
.list_menu .btn_more {
  width: auto;
  margin: 5px 0 0;
  text-align: right;
}
.list_menu .btn_more a {
  display: inline-block;
  width: 150px;
  height: 25px;
}
.pink .btn_more a {
  background: url("../images/menulist/pink/btn_more.png") no-repeat;
  background-size: 100%;
}
.purple .btn_more a {
  background: url("../images/menulist/purple/btn_more.png") no-repeat;
  background-size: 100%;
}
.green .btn_more a {
  background: url("../images/menulist/green/btn_more.png") no-repeat;
  background-size: 100%;
}
.yellow .btn_more a {
  background: url("../images/menulist/yellow/btn_more.png") no-repeat;
  background-size: 100%;
}
.half .btn_more a {
  background: url("../images/menulist/half/btn_more.png") no-repeat;
  background-size: 100%;
}
/*
.btn_more a:after {
  content: '\03e';
  right: 1%;
  transform: scale(0.8, 1.1) translateY(-48%);
}
.btn_more a {
  width: 150px;
  display: inline-block;
  margin: 5px 0 0;
  border-radius: 50px;
  border: 1px solid #b878ff;
  line-height: 23px;
  text-align: center;
  font-size: 13px;
  color: #fff;
  background: #601fad;
}
.btn_more a:after {
  font-size: 0.5em;
  transform: scale(0.6, 1) translateY(-50%);
}
*/
/*----- 新着 -----*/
.list_menu.new {
  padding: 0;
  background: none;
}
.list_menu.new li {
  margin: 0 0 5px;
  background: url("../images/menulist/new/bg_top.jpg") no-repeat top, url("../images/menulist/new/bg_btm.jpg") no-repeat center bottom -0.1vw, url("../images/menulist/new/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
.list_menu.new li.new {
  background: url("../images/menulist/new/new/v2/bg_top.jpg") no-repeat top, url("../images/menulist/new/new/v2/bg_btm.jpg") no-repeat center bottom -0.1vw, url("../images/menulist/new/new/v2/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
.list_menu.new li a {
  padding: 20px 20px 18px;
}
.list_menu.new li a:after {
  content: none;
}
.list_menu.new .new .ppvicon {
  width: 23%;
  padding-left: 5px;
}
.list_menu.new .new .ppvtitle {
  padding: 12px 5px 12px 0;
}
/*----- 新着 -----*/
/*--- サムネイルverと通常verの表示切替 ---*/
.list_menu.thumbnail.open-0,
.list_menu.new.close-1 {
  display: none;
}
.list_menu.thumbnail {
  margin: 0;
  padding: 0 5px;
}
.list_menu.thumbnail ul {
  background: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.list_menu.thumbnail li {
  width: 49%;
  margin: 0;
  background-image: url("../images/pay/thumbnail/bg_top.jpg"), url("../images/pay/thumbnail/bg_btm.jpg"), url("../images/pay/thumbnail/bg_mid.jpg");
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: top, bottom, center;
  background-size: 100%;
}
.list_menu.thumbnail li:not(.new-1) {
  margin-bottom: 5px;
}
.list_menu.thumbnail li a {
  padding: 8px;
}
.list_menu.thumbnail a:after {
  content: none;
}
.list_menu.thumbnail .thumbnail {
  margin: 0 0 7px;
}
.list_menu.thumbnail .ppvtitle,
.list_menu.new.thumbnail .ppvtitle font {
  font-size: 11px;
}
.list_menu.thumbnail .open-0 {
  display: none;
}
.list_menu.thumbnail .icon-ppv {
  padding: 0;
  margin: 0 0 2px;
  background: none;
}
.list_menu.thumbnail li:not(.new-1) .days {
  flex-shrink: 0;
  width: 60px;
  font-size: 10px;
}
/*--- new ---*/
.list_menu.thumbnail .new-1 {
  width: 100%;
  background-image: url("../images/pay/thumbnail/bg_top2.jpg"), url("../images/menulist/new/new/v2/bg_btm.jpg"), url("../images/menulist/new/new/v2/bg_mid.jpg");
}
.list_menu.thumbnail .new-1 + .new-1 {
  margin-top: 5px;
}
.list_menu.thumbnail .new-1 a {
  display: flex;
  align-items: center;
  padding: 24px;
}
.list_menu.thumbnail .new-1 .thumbnail {
  flex-shrink: 0;
  width: 70px;
  margin: 0 5px 0 0;
}
/* 今週の新着pickup 
.list_menu.thumbnail .new-1:nth-child(2) {
  margin-bottom: 85px;
  position: relative;
}
.list_menu.thumbnail .new-1:nth-child(2):after {
  content: '';
  width: 100%;
  height: 83px;
  margin: auto;
  position: absolute;
  bottom: -85px;
  left: 0;
  right: 0;
  background: url("../images/caption/new_week.jpg") no-repeat bottom;
  background-size: 100%;
}*/
/*----- 更新 -----*/
.list_menu.update {
  padding: 0 0 35px;
  background: url("../images/menulist/update/bg_btm_wrap.jpg") no-repeat bottom, url("../images/menulist/update/bg_mid_wrap.jpg") repeat-y;
  background-size: 100%;
}
.list_menu.update li {
  padding: 0 15px;
  background: url("../images/menulist/update/bg_top.jpg") no-repeat top, url("../images/menulist/update/bg_btm.jpg") no-repeat bottom, url("../images/menulist/update/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
.list_menu.update a {
  padding: 15px 25px 15px 15px;
}
.list_menu.update dt {
  font-size: 0.9em;
  color: deeppink;
}
.update .btn_more {
  margin: 10px 15px 0 0;
}
.update .btn_more a {
  background: url("../images/menulist/update/btn_more.png") no-repeat;
  background-size: 100%;
}
/*----- ランキング -----*/
.sec_ranking {
  position: relative;
  margin-bottom: 40px;
}
.list_menu.ranking {
  margin: 0 0 5px;
  padding: 20px 10px;
  background: url("../images/pay/ranking/bg_top.jpg") no-repeat top, url("../images/pay/ranking/bg_btm.jpg") no-repeat bottom, url("../images/pay/ranking/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
.list_menu.ranking a {
  padding: 20px 20px 18px 23px;
}
.list_menu.ranking a:after {
  content: none;
}
/* no1 */
.list_menu.ranking li:nth-child(1) {
  background: url("../images/pay/ranking/bg1_top.jpg") no-repeat top, url("../images/pay/ranking/bg1_btm.jpg") no-repeat bottom, url("../images/pay/ranking/bg1_mid.jpg") repeat-y;
  background-size: 100%;
}
/* no2 */
.list_menu.ranking li:nth-child(2) {
  background: url("../images/pay/ranking/bg2_top.jpg") no-repeat top, url("../images/pay/ranking/bg2_btm.jpg") no-repeat bottom, url("../images/pay/ranking/bg2_mid.jpg") repeat-y;
  background-size: 100%;
}
/* no3 */
.list_menu.ranking li:nth-child(3) {
  background: url("../images/pay/ranking/bg3_top.jpg") no-repeat top, url("../images/pay/ranking/bg3_btm.jpg") no-repeat bottom, url("../images/pay/ranking/bg3_mid.jpg") repeat-y;
  background-size: 100%;
}
/* no4 */
.list_menu.ranking li:nth-child(4) {
  background: url("../images/pay/ranking/bg4_top.jpg") no-repeat top, url("../images/pay/ranking/bg4_btm.jpg") no-repeat bottom, url("../images/pay/ranking/bg4_mid.jpg") repeat-y;
  background-size: 100%;
}
/* no5 */
.list_menu.ranking li:nth-child(5) {
  background: url("../images/pay/ranking/bg5_top.jpg") no-repeat top, url("../images/pay/ranking/bg4_btm.jpg") no-repeat bottom, url("../images/pay/ranking/bg4_mid.jpg") repeat-y;
  background-size: 100%;
}
.sec_ranking .text-right {
  font-size: 12px;
  position: absolute;
  right: 10px;
  bottom: -35px;
}
/*----- ppv -----*/
.ppv_top .list_menu:not(.new) {
  padding: 20px 0;
}
.ppv_top .list_menu:not(.new) li {
  background: none;
}
.ppv_top .list_menu:not(.new) li a {
  padding: 5px 20px;
}
.ppv_top .list_menu:not(.new) li:not(:last-child) a {
  background: url("../images/menulist/ppv/line.png") no-repeat center bottom;
  background-size: 280px;
}
.ppv_top .list_menu:not(.new) li a:after {
  content: none;
}
.list_menu.love {
  background: url("../images/menulist/ppv/bg_top01.jpg") no-repeat top, url("../images/menulist/ppv/bg_btm01.jpg") no-repeat center bottom -1px, url("../images/menulist/ppv/bg_mid01.jpg") repeat-y #be0505;
  background-size: 100%;
}
.list_menu.fukuzatsu {
  background: url("../images/menulist/ppv/bg_top02.jpg") no-repeat top, url("../images/menulist/ppv/bg_btm02.jpg") no-repeat center bottom -1px, url("../images/menulist/ppv/bg_mid02.jpg") repeat-y #6505be;
  background-size: 100%;
}
.list_menu.kekkon {
  background: url("../images/menulist/ppv/bg_top03.jpg") no-repeat top, url("../images/menulist/ppv/bg_btm03.jpg") no-repeat center bottom -1px, url("../images/menulist/ppv/bg_mid03.jpg") repeat-y #a605be;
  background-size: 100%;
}
.list_menu.jinsei {
  background: url("../images/menulist/ppv/bg_top04.jpg") no-repeat top, url("../images/menulist/ppv/bg_btm04.jpg") no-repeat center bottom -1px, url("../images/menulist/ppv/bg_mid04.jpg") repeat-y #05a6be;
  background-size: 100%;
}
/*  /ppv/index.htmlに追加 */
.list_menu.kimochi {
  background: url("../images/menulist/ppv/bg_top05.jpg") no-repeat top, url("../images/menulist/ppv/bg_btm05.jpg") no-repeat center bottom -1px, url("../images/menulist/ppv/bg_mid05.jpg") repeat-y;
  background-size: 100%;
}
.list_menu.yukue {
  background: url("../images/menulist/ppv/bg_top06.jpg") no-repeat top, url("../images/menulist/ppv/bg_btm06.jpg") no-repeat center bottom -1px, url("../images/menulist/ppv/bg_mid06.jpg") repeat-y;
  background-size: 100%;
}
.list_menu.yoru {
  background: url("../images/menulist/ppv/bg_top07.jpg") no-repeat top, url("../images/menulist/ppv/bg_btm07.jpg") no-repeat center bottom -1px, url("../images/menulist/ppv/bg_mid07.jpg") repeat-y;
  background-size: 100%;
}
.list_menu.pack {
  background: url("../images/menulist/ppv/bg_top08.jpg") no-repeat top, url("../images/menulist/ppv/bg_btm08.jpg") no-repeat center bottom -1px, url("../images/menulist/ppv/bg_mid08.jpg") repeat-y;
  background-size: 100%;
}
/*----- loopD -----*/
.list_menu.loopD {
  padding: 0 15px 50px;
  background: url(../images/menulist/loopD/bg_btm.jpg) no-repeat center bottom -1px, url("../images/menulist/loopD/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
.list_menu.loopD li {
  background: url("../images/menulist/loopD/bg_ppv.png") no-repeat top;
  background-size: 100%;
}
.list_menu.loopD li a {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  height: 90px;
  padding: 0 30px 0 20px;
  font-size: 15px;
}
.list_menu.loopD a:after {
  content: none;
}
.list_menu.loopD .btn_ppv {
  margin-top: 10px;
}
/*----- チュートリアル -----*/
.list_menu.tutorial li a:after {
  transform: translateY(-55%) rotate(90deg);
}
/*----- deli -----*/
.list_menu.deli {
  padding: 0;
}
.list_menu.deli li {
  background: none;
}
.list_menu.deli li a {
  display: table-cell;
  vertical-align: middle;
  height: 130px;
  padding: 0 25px 0 23px;
  color: #fff;
}
.list_menu.deli li a:after {
  content: none;
}
.list_menu.deli .ppvtitle {
  color: #fff;
}
/* 特別鑑定ボタン
------------------------- */
/* 画像 */
.btn_ppv {
  width: 90%;
  margin: 13px auto 15px;
}
/* 背景テキスト */
.btn_ppvmenu {
  display: table;
  width: 100%;
  margin: auto;
  background: url("../images/btn/bg_ppv.png") no-repeat center;
  background-size: 95%;
}
.btn_ppvmenu.blue {
  background: url("../images/btn/bg_ppv_blue.png") no-repeat center;
  background-size: 95%;
}
.btn_ppvmenu a {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 120px;
  padding: 5px 30px 0 30px;
  position: relative;
  line-height: 1.5;
  text-decoration: none;
  font-weight: bold;
  color: #1e1d1f;
}
/* ラベル
------------------------- */
.obi {
  display: block;
  padding: 0 35px 0 30px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transform: rotate(-35deg);
  -moz-transform: rotate(-35deg);
  transform: rotate(-35deg);
  line-height: 17px;
  font-weight: bold;
  font-size: 10px;
  font-style: italic;
  color: #d30000;
  position: absolute;
  top: 5px;
  left: -30px;
  background: #FFE900;
}
.obi.one {
  color: #007e6a;
}
/* box_teller
------------------------- */
/* ppv */
.ppvdo .box_teller {
  margin: 0 0 10px;
  padding: 25px;
  background: url("../images/teller/duo/03.png") no-repeat right 15px bottom 15px, url("../images/teller/bg_top.jpg") no-repeat top, url("../images/teller/bg_btm.jpg") no-repeat center bottom -1px, url("../images/teller/bg_mid.jpg") repeat-y;
  background-size: 50%, 100%, 100%, 100%;
}
.ppvdo .box_teller .serif {
  font-size: 11px;
}
.ppvdo .box_teller .serif:after {
  top: 30%;
}
/* lead
------------------------- */
.lead {
  padding: 0 10px 5px;
  text-align: left;
  position: relative;
}
/* popup
------------------------- */
.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.open-1 {
  display: block;
}
.box_notice_popup .inner,
.box_notice_popup .bnr {
  margin: auto;
	padding: 10px 15px;
  position: relative;
  top: 50%;
  transform: translateY(-55%);
  overflow-y: scroll;
}
.box_notice_popup .inner {
	width: 250px;
  border: 2px solid #fe0074;
  border-radius: 10px;
  color: #444;
  background: #fff;
}
.box_notice_popup .bnr {
	width: 280px;
}
.box_notice_popup .btn-close {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 3px;
  right: 8px;
  z-index: 100;
  background: url(../images/icon/icon_close_pink.png) no-repeat;
  background-size: 100%;
}
.box_notice_cap {
  margin: 0 0 8px;
  padding: 0 0 4px;
  border-bottom: 1px solid #fe0074;
  line-height: 1.3;
  text-align: center;
  color: #fe0074;
}
.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;
}
/*////////////////////////////////////////////////////////

無料TOP

////////////////////////////////////////////////////////*/
.free_top {
  padding: 0 0 40px;
}
.free_top section:not(.free_fortune), .free_top p {
  margin-bottom: 0;
}
.main_obi {
  padding: 5px;
  line-height: 1.3;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  background: #ff0066;
}
.main_obi span {
  color: red;
}
#fix-nav02 .free01 a {
  padding: 3px 0 0;
}
#fix-nav02 .free01 span {
  padding: 3px 0 0;
}
/* アニメーション */
.box_anime {
  height: 450px;
  padding: 0 7px 0 5px;
  position: relative;
  background: url("../images/free/anime/bg.jpg") no-repeat;
  background-size: 100%;
}
.box_anime__inner {
  padding: 124px 0 0;
  position: relative;
  overflow: hidden;
}
.box_anime__inner:after {
  content: '';
  height: 18px;
  margin: auto;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  z-index: 1;
  background: url("../images/free/anime/frame.png") no-repeat;
  background-size: 100%;
}
.box_anime .flex-box {
  width: 100%;
  justify-content: space-between;
}
.box_anime .flex-box img {
  width: 49%;
}
.senja_L {
  transform: rotate(-100deg);
  transform-origin: left bottom;
  animation-delay: .7s;
}
.senja_R {
  transform: rotate(100deg);
  transform-origin: right bottom;
  animation-delay: .8s;
}
.txt_L, .txt_R {
  position: absolute;
  bottom: 10px;
}
.txt_L {
  width: 170px;
  left: -2px;
  transform: translateX(-100%) scale(0, 0);
  animation-delay: 1.3s;
}
.txt_R {
  width: 155px;
  right: -2px;
  transform: translateX(100%) scale(0, 0);
  animation-delay: 1.5s;
}
.box_anime .arrow {
  width: 37px;
  margin: auto;
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
}
/* 無料占いbtn */
.ff_fuki {
  margin: 10px 0 -10px !important;
  position: relative;
  z-index: 2;
}
.btn_free {
  width: 100%;
  height: 110px;
  margin: 0 auto 20px;
}
.btn_free li {
  width: 50%;
  height: 100%;
}
.btn_free a {
  display: block;
  height: 100%;
  width: 100%;
}
/* 会員登録btn */
.btn-regist {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.btn-regist a {
  display: block;
  width: 100%;
  height: 75px;
  margin: 0 auto 10px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../images/btn/btn_regist.png) no-repeat center;
  background-size: 90%;
}
/*----- 特典 -----*/
.otoku {
  position: relative;
}
.otoku .menu_link {
  height: 30px;
  top: 278px;
}
/*////////////////////////////////////////////////////////

free fortune

////////////////////////////////////////////////////////*/
/* title */
.form_tle_intext {
  position: relative;
}
.form_tle_intext__txt {
  padding: 0 42px;
  text-align: center;
  line-height: 1.2;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: 82px;
}
.ff_title {
  display: table;
  width: 320px;
  height: 152px;
  padding: 72px 40px 25px;
  background: url("../images/free/ff_tit.jpg") no-repeat;
  background-size: 100%;
}
.ff_title > * {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.2;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}
/* form */
.form_wrap {
  padding: 0 30px 20px;
  color: #fff;
  background: url(../images/free/bg_ff_btm.jpg) no-repeat center bottom -1px, url(../images/free/bg_ff_mid.jpg) repeat-y;
  background-size: 100%;
}
.form_wrap p {
  margin-bottom: 0;
}
.ff_name {
  margin: 0 0 10px;
}
.form_wrap > .flex-box {
  flex-wrap: nowrap;
}
.form_wrap > .flex-box:not(.select_wrap) {
  justify-content: space-between;
}
.form_wrap > .flex-box dl {
  width: 48%;
}
.form_wrap dt {
  width: 55%;
  height: 22px;
  margin: 0 0 -4px;
  padding: 0 2px;
  border-radius: 4px 4px 0 0;
  line-height: 18px;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 11px;
  color: #fff;
  background: #1e1d1f;
}
.form_wrap input[type="text"], .form_wrap select {
  width: 100%;
  height: 32px;
  line-height: 1.4;
  margin: 0;
  border: 1px solid #a0a0a0;
  border-radius: 4px;
  font-weight: bold;
}
.form_wrap input[type="text"] {
  padding: 0 7px;
}
.form_wrap select {
  width: 70px;
  padding: 0 8px 0 5px;
  background: url(../images/icon/arrow_select.png) no-repeat 94% center #fff;
  background-size: 7px;
}
/* 性別 */
.select_wrap:not(:last-child) {
  margin: 0 0 10px;
}
.select_wrap dt {
  flex-shrink: 0;
  width: 55px;
  height: auto;
  margin: 0;
  padding: 0 5px 0 0;
  border-radius: 4px;
  line-height: 32px;
  letter-spacing: 0;
}
.select_wrap dd {
  width: 100%;
  margin-left: -5px;
}
.select_wrap dd:not(.flex-box) {
  width: 25%;
}
/* 生年月日 */
.select_wrap.birthday dt {
  width: 65px;
}
.select_wrap.birthday span {
  display: inline-block;
  padding: 12px 2px 0 2px;
  float: left;
  font-weight: bold;
  font-size: 10px;
  color: #1e1d1f;
}
.select_wrap.birthday select {
  width: 47px;
}
.select_wrap.birthday [name="birthyear"] {
  width: 60px;
}
/* 注意文言 */
.form_wrap .att {
  margin: 7px 0 12px;
  line-height: 1;
  text-align: right;
  font-size: 11px;
  color: #1e1d1f;
}
.form_wrap .error-message {
  padding: 3px 10px;
}
/* 占うボタン */
.btn_wrap {
  width: 255px;
  height: 75px;
  margin: 15px auto 0;
  position: relative;
  z-index: 1;
}
/*////////////////////////////////////////////////////////

月額TOP

////////////////////////////////////////////////////////*/
/*----- menu_link -----*/
.menu_link {
  width: 90%;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
}
.menu_link li {
  background: none;
}
.menu_link a {
  display: block;
  height: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.list_menu .tit_sub {
  margin: 0;
  letter-spacing: 2px;
  font-size: 20px;
}
/*----- メインメニュー -----*/
.main_visual .box_teller {
  height: 210px;
  background: url("../images/menu/teller_main.jpg") no-repeat;
  background-size: 100%;
}
.btn_today {
  display: block;
  margin: 8px -8px -8px;
}
.today {
  line-height: 25px;
  letter-spacing: 1px;
  font-weight: bold;
  color: #1e1d1f;
  background: url("../images/pay/today.jpg") no-repeat;
  background-size: 100%;
}
[class^="box_menu"] {
  height: 410px;
  margin: -1px 0 0;
  padding: 33px 10px 0;
}
.box_menu-docomo {
  background: url(../images/menu/bg_box_menu-docomo.jpg) no-repeat;
  background-size: 100%;
}
.box_menu-common {
  background: url(../images/menu/bg_box_menu-common.jpg) no-repeat;
  background-size: 100%;
}
[class^="box_menu"] li {
  height: 50px;
  margin: 0 0 5px;
}
[class^="box_menu"] li:not(.w-100) {
  width: 50%;
}
[class^="box_menu"] li a {
  display: block;
  height: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
}
/* 更新バッジ */
[class^="box_menu"] .icon-1:after {
  content: "";
  position: absolute;
  z-index: 1;
}
[class^="box_menu"] .icon-1:after {
  width: 20px;
  height: 20px;
  top: -5px;
  right: -4px;
  background: url(../images/icon/icon-mark.png) no-repeat;
  background-size: 100%;
}
/* 検索 */
.box_search {
  height: 110px;
  padding: 55px 0 0;
  background: url("../images/menu/bg_box_search.jpg") no-repeat;
  background-size: 100%;
}
.pulldown_menu {
  margin: 3px 0 0;
  position: relative;
}
.pulldown_menu select {
  width: 87%;
  height: 35px;
  padding: 0 20px 0 15px;
  border: 0;
  font-weight: bold;
  background: none;
}
/*.pulldown_menu select {
  width: 100%;
  height: 34px;
  padding: 0 10px;
  border: 2px solid #f83aff;
  line-height: 30px;
  font-size: 12px;
  background: #fff;
}
.pulldown_menu:after {
  content: "\025bc";
  position: absolute;
  top: 50%;
  right: 3%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #411403;
}*/
.fortune_search {
  margin: 50px auto 30px;
}
.fortuneSearch .fortune_search {
  margin: 0 auto;
}
/* box_ppv */
[class^="box_ppv"] {
  position: relative;
}
[class^="box_ppv"] a {
  display: block;
  position: absolute;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
}
.box_ppv a {
  width: 220px;
  height: 70px;
  padding: 13px 0 0 25px;
  top: 130px;
  left: 85px;
  color: #fff;
}
.box_ppv02 a {
  width: 185px;
  height: 90px;
  padding: 20px 30px 0 20px;
  top: 47px;
  left: 25px;
  line-height: 1.5;
  font-size: 13px;
  color: #1e1d1f;
}
/* 片想いの真実 */
.box01 p {
  position: absolute;
  top: 35px;
  left: 30px;
  transform: rotate(-5deg);
  font-size: 18px;
}
/* そば恋 */
#link03 .box p {
  width: 100%;
  position: absolute;
  top: 34px;
  text-indent: 10px;
  font-size: 15px;
  font-weight: bold;
}
/* もしもチェック */
.sec_moshimo {
  margin: 0 0 10px !important;
  position: relative;
}
.sec_moshimo .menu_link {
  top: 330px;
}
.sec_moshimo li {
  margin: 0 0 5px;
  height: 100px;
}
.sec_moshimo li:nth-child(4) {
  height: 35px !important;
}
.sec_moshimo .btn_ppvmenu {
  width: 96%;
  position: absolute;
  bottom: 68px;
  left: 0;
  right: 0;
}
/* 談話室 */
.sec_danwashitsu {
  position: relative;
}
.sec_danwashitsu .serif {
  width: 235px;
  margin: auto;
  position: absolute;
  top: 260px;
  left: 0;
  right: 0;
  line-height: 1.5;
  text-align: left;
  text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
  font-size: 12px;
  font-weight: bold;
  color: #1e1d1f;
}
.sec_danwashitsu .menu_link {
  top: 370px;
}
.sec_danwashitsu li {
  margin: 0 0 5px;
  height: 70px;
}
.sec_danwashitsu li:nth-child(4) {
  height: 35px;
}
/* 霊視対談 */
.sec_taidan {
  position: relative;
}
.sec_taidan .menu_link {
  top: 310px;
}
.sec_taidan li {
  margin: 0 0 5px;
  height: 70px;
}
.sec_taidan li:nth-child(4) {
  height: 35px;
}
/* 人生のお悩み */
#link07 .box_ppv a {
  padding: 13px 0 0 20px;
  line-height: 1.5;
  font-size: 12px;
}
/*////////////////////////////////////////////////////////

有料TOP

////////////////////////////////////////////////////////*/
.first_view .today2 {
  position: absolute;
  color: #000;
  top: 12.5px;
  left: 31px;
  width: 194px;
  height: 33px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 2px;
}
.pay_top .first_view .fortune {
  position: absolute;
  top: 50px;
  left: 12px;
  width: 83px;
  height: 83px;
  border-radius: 16px;
}
.pay_top .first_view .fortune:after {
  content: "";
  background: url(../images/pay/beginner/tab/finger.png) no-repeat;
  background-size: 100%;
  width: 28px;
  height: 32px;
  position: absolute;
  top: 60px;
  right: -8px;
  z-index: 1;
  animation: click 1s linear infinite;
  -webkit-animation: click 1s linear infinite;
}
.pay_top .first_view .present {
  position: absolute;
  top: 58px;
  left: 98px;
  width: 69px;
  height: 69px;
  border-radius: 16px;
}
.pay_top .first_view .present.icon-1:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: -5px;
  right: -3px;
  z-index: 2;
  -webkit-animation: tenmetsu 1s ease-in-out infinite alternate;
  -moz-animation: tenmetsu 1s ease-in-out infinite alternate;
  animation: tenmetsu 1s ease-in-out infinite alternate;
  background: url(../images/icon/icon-mark2.png) no-repeat;
  background-size: 100%;
}
.pay_top .first_view .special {
  position: absolute;
  top: 58px;
  left: 169px;
  width: 69px;
  height: 69px;
  border-radius: 16px;
}
.pay_top .first_view a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
}
.pay_top .news_list {
  margin-bottom: 10px;
  padding: 2px 10px;
  border: 9px solid #ffc006;
  line-height: 1.4;
  text-align: left;
  font-size: 11px;
  font-weight: bold;
  color: #000;
  background: #fff;
}
.pay_top .news_list dl {
  display: flex;
  align-items: flex-start;
  padding: 7px 5px;
  position: relative;
}
.pay_top .news_list dl:not(:last-of-type) {
  border-bottom: dashed 1px #bcbcbc;
}
.pay_top .news_list dt {
  flex-shrink: 0;
  padding-right: 3px;
}
.pay_top .news_list a {
  color: #000;
}
.pay_top .news_list .open-0 {
  display: none;
}
.pay_top .news_list .list_submit {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.pay_top .news_list form {
  text-decoration: underline;
}
/*----- ホーム画面追加設定アイコン -----*/
.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%;
}

/*----- レコメンドbigバナー -----*/
.reco_banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1002;
  width: 100%;
  height: 120vh;
  background: rgba(0, 0, 0, 0.8);
  display: none;
}
.pay_top .reco-1 {
  display: block;
}
[id^="popup_banner"],
.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 a {
  display: block;
  overflow: hidden;
  border-radius: 3px;
}
.reco_bigbnr img {
  border-radius: 3px 3px 0 0;
}
.btn_reco_close {
  width: 30px;
  height: 30px;
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 2000;
  background: url(../tpl/conce_sys/big_banner/sys/images/icon_close.png) no-repeat;
  background-size: 100%;
}
.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;
}
.reco_banner .select_close label, .reco_banner .select_close .btn_reco_close2 {
  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: 2px;
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0;
}
.reco_banner .select_close input[type="checkbox"]:checked:before {
  position: absolute;
  top: 0;
  left: 4px;
  transform: rotate(50deg);
  width: 4px;
  height: 8px;
  border-right: 2.5px solid #fff;
  border-bottom: 2.5px solid #fff;
  content: '';
}
.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);
}
/*----- 緊急メッセージ&ランダム訴求 -----*/
.emergency_random {
  padding: 0 10px 10px;
  justify-content: space-between;
}
.fuki_emergency {
  flex-shrink: 0;
  width: 20%;
  position: relative;
  margin: 0 auto;
}
.fuki_emergency .float {
  display: block;
  margin: 0 0 -20px;
}
.fuki_emergency.icon-1:after {
  content: "";
  width: 20px;
  height: 20px;
  margin: auto;
  position: absolute;
  top: 53%;
  right: -3px;
  z-index: 2;
  -webkit-animation: tenmetsu 1s ease-in-out infinite alternate;
  -moz-animation: tenmetsu 1s ease-in-out infinite alternate;
  animation: tenmetsu 1s ease-in-out infinite alternate;
  background: url(../images/icon/icon-mark.png) no-repeat;
  background-size: 100%;
}
.loop_random {
  width: 76%;
  height: 63px;
}
.loop_random a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  padding: 0 25px 0 20px;
  line-height: 1.2;
  font-weight: bold;
  font-size: 11px;
  color: #1e1d1f;
}
.random_color-1 {
  background: url(../images/pay/random/bg1.png) no-repeat;
  background-size: 100%;
}
.random_color-2 {
  background: url(../images/pay/random/bg2.png) no-repeat;
  background-size: 100%;
}
.random_color-3 {
  background: url(../images/pay/random/bg3.png) no-repeat;
  background-size: 100%;
}
.loop_random span {
  font-size: 0.9em;
}
.text_random {
  padding: 5px;
  background: url("../images/menulist/yellow/bg.jpg") repeat-y;
}
.text_random a {
  display: block;
  padding: 12px 15px;
  line-height: 1.4;
  font-size: 13px;
  background: url("../images/menulist/yellow/bg_top.jpg") no-repeat top, url("../images/menulist/yellow/bg_btm.jpg") no-repeat bottom, url("../images/menulist/yellow/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
/*----- バナー -----*/
.sec_ppvbnr_new {
  margin: 0 0 10px;
}
.sec_ppvbnr_new .bnr {
  padding: 10px;
  background: url("../images/bnr/banner_frame_anim.gif") no-repeat;
  background-size: 100%;
}
/*----- 新着情報 -----*/
/* ppv icon */
.icon-ppv {
  display: flex;
  align-items: center;
  margin: 0 0 3px;
  padding: 0 2px 8px;
  font-size: 13px;
  background: url("../images/menulist/new/line.png") no-repeat bottom;
  background-size: 100%;
}
.icon-ppv .days {
  order: 2;
  line-height: 1.2;
  font-size: 11px;
  color: red;
}
.icon-ppv:before, .icon-ppv:after {
  content: "";
  order: 1;
}
.icon-ppv:before {
  content: "";
  width: 54px;
  height: 18px;
  margin-right: 5px;
  background: url(../images/icon/icon-ppv.png) no-repeat center;
  background-size: 100%;
}
.icon-ppv:after {
  width: 25px;
  height: 16px;
  margin-right: 8px;
}
.icon-ppv.one:after {
  width: 14px;
  background: url(../images/icon/icon-person.png) no-repeat 2px;
  background-size: 24px;
}
.icon-ppv.two:after {
  background: url(../images/icon/icon-person.png) no-repeat center;
  background-size: 100%;
}
li.new .icon-ppv {
  padding-bottom: 0;
  background: none;
}
li.new .icon-ppv:before {
  width: 102px;
  background: url(../images/icon/icon-new.png) no-repeat left, url(../images/icon/icon-ppv.png) no-repeat right;
  background-size: 45px, 54px;
}
li.new .icon-ppv.one:after {
  background: url(../images/icon/icon-person.png) no-repeat 2px;
  background-size: 24px;
}
li.new .icon-ppv.two:after {
  background: url(../images/icon/icon-person.png) no-repeat center;
  background-size: 100%;
}
/*----- レコメンド -----*/
.sec_deli_pay {
  height: 290px;
  padding: 130px 0 0;
  position: relative;
  background: url("../images/pay/deli/bg.jpg") no-repeat;
  background-size: 100%;
}
.tit_deli {
  text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 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;
  color: #1e1d1f;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  top: 45px;
  left: 15px;
}
.sec_deli_pay .flex-box {
  height: 80px;
}
.deli2-read {
  display: none;
}
/*----- ランキング -----*/
/*.sec_ranking .ppvicon {
  display: block;
  width: 80px;
  padding: 0;
  position: absolute;
  top: -3px;
  left: 0;
}*/
.sec_ranking .icon-ppv {
  padding-left: 65px;
  background: none;
}
.sec_ranking .ppvtitle {
  height: 65px;
  line-height: 1.3;
  font-size: 12px;
}
/*----- 無料占いの続き -----*/
.btn_free_more {
  width: 300px;
  height: 65px;
  margin: 10px auto;
  background: url("../images/btn/btn_free_more_off.png") no-repeat;
  background-size: 100%;
}
.btn_free_more.active {
  background: url("../images/btn/btn_free_more_on.png") no-repeat;
  background-size: 100%;
}
.box_free_more {
  display: none;
  margin: 0 10px 20px;
}
/* タブ */
.box_free_more .tab {
  margin: 0 auto;
}
.box_free_more .tab li {
  color: #fff;
  height: 30px;
  font-size: 11px;
  font-weight: normal;
  background: #65018f;
}
.box_free_more .tab .active {
  font-size: 13px;
  font-weight: bold;
  background: #cd19fa;
}
/* パネル */
.panel {
  display: none;
}
.panel.active {
  display: block;
}
.panel .icon_ppv {
  padding-left: 50px;
  font-size: 13px;
  font-weight: bold;
  background: url("../images/icon/icon-ppv.png") no-repeat left 3px;
  background-size: 45px;
}
.panel .icon_ppv a {
  color: yellow;
}
/*----- 年齢別ボタン -----*/
.age_btn a {
  width: 90%;
  display: block;
  margin: 0 auto;
  padding: 10px;
  color: #fff;
  border-radius: 10px;
  font-weight: bold;
  box-shadow: 0 3px #9f013d;
  background: #fc0060;
  background: -moz-linear-gradient(top, #fff 0%, #fc0060 5%, #fc0060 100%);
  background: -webkit-linear-gradient(top, #fff 0%, #fc0060 5%, #fc0060 100%);
  background: linear-gradient(to bottom, #fff 0%, #fc0060 5%, #fc0060 100%);
}
.poyopoyo {
  animation: poyopoyo 2s ease-out infinite;
  opacity: 1;
}
@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}
/*----- タブ -----*/
.pay_top .tab-area {
  border-bottom: 5px solid #ffff0a;
  list-style-type: none;
  display: flex;
  padding: 0 10px;
}
.pay_top .tab-area .tab {
  width: calc(100%/3);
  height: 45px;
  bottom: 0px;
  font-size: 0;
  margin: 0;
  position: relative;
  overflow: visible;
}
.pay_top .tab-area .tab:nth-child(n+2) {
  margin-left: 5px;
}
.pay_top .tab-area .tab.active {
  width: 122px;
}
.pay_top .tab-area .tab a {
  display: block;
  width: 100%;
  height: 100%;
}
.pay_top .tab-area .tab:nth-child(1) {
  background: url(../images/pay/tab/new_noselect.jpg) no-repeat;
  background-size: 100%;
}
.pay_top .tab-area .tab:nth-child(1).active {
  background: url(../images/pay/tab/new.jpg) no-repeat;
  background-size: 100%;
}
.pay_top .tab-area .tab:nth-child(2) {
  background: url(../images/pay/tab/ranking_noselect.jpg) no-repeat;
  background-size: 100%;
}
.pay_top .tab-area .tab:nth-child(2).active {
  background: url(../images/pay/tab/ranking.jpg) no-repeat;
  background-size: 100%;
}
.pay_top .tab-area .tab:nth-child(3) {
  background: url(../images/pay/tab/notice_noselect.jpg) no-repeat;
  background-size: 100%;
}
.pay_top .tab-area .tab:nth-child(3).active {
  background: url(../images/pay/tab/notice.jpg) no-repeat;
  background-size: 100%;
}
.pay_top .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 .tab-area .tab.icon-1.active:before {
  left: 5px;
}
.pay_top .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 .tab-area .tab.icon-1.active:after {
  right: 5px;
}
.pay_top .tab-area .tab.active a:before {
  content: "";
  background: url(../images/pay/beginner/tab/icon.png) no-repeat;
  background-size: 100%;
  width: 120px;
  height: 6px;
  position: absolute;
  top: 0px;
  left: -5px;
}
/*----- 2ボタン -----*/
.btn_info_ppv {
  margin: 10px 0 15px;
  position: relative;
}
.btn_info_ppv ul {
  width: 100%;
  position: absolute;
  top: 0;
}
.btn_info_ppv li {
  width: 50%;
  height: 50px;
}
.btn_info_ppv li a {
  display: block;
  width: 100%;
  height: 100%;
}
.pay_top .btn_notice.icon-1:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: -8px;
  left: 8px;
  z-index: 1;
  background: url(../images/icon/icon-mark.png) no-repeat;
  background-size: 100%;
  -webkit-animation: tenmetsu 1s ease-in-out infinite alternate;
  -moz-animation: tenmetsu 1s ease-in-out infinite alternate;
  animation: tenmetsu 1s ease-in-out infinite alternate;
}
/*----- weekend -----*/
.weekend {
  padding: 0 10px;
}
.icon_new {
  width: 13%;
  margin-right: 5px;
  vertical-align: middle;
}
/*----- メニュー更新 -----*/
.sec_update h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 115px;
  padding: 40px 0 0 15px;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background: url("../images/pay/update/title.jpg") no-repeat;
  background-size: 100%;
}
/*----- nextopen -----*/
.bnr-nextopen {
  margin: 0 10px;
  position: relative;
  overflow: hidden;
}
.bnr-nextopen span {
  display: none;
}
/* close */
[class^="nextopen-"] p, 
.nextopen-0 .btn-color-pink {
  display: none;
}
[class^="nextopen-"] p {
  margin: 0 0 10px;
  letter-spacing: 3px;
  text-shadow: 0 0 3px #cc0ba1, 0 0 5px #cc0ba1, 0 0 5px #cc0ba1, 0 0 10px #cc0ba1, 0 0 10px #cc0ba1;
  font-size: 20px;
  font-weight: bold;
}
.nextopen-0 p:nth-child(1) {
  display: block;
}
.nextopen-0 .bnr-nextopen:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .1);
}
.nextopen-0 .bnr-nextopen span {
  display: inline-block;
  padding: 0px 10px 0 45px;
  transform: rotate(20deg) scale(0.8, 0.8);
  text-shadow: none;
  font-size: 10px;
  font-weight: bold;
  color: red;
  position: absolute;
  top: -4px;
  right: -20px;
  z-index: 1;
  background: yellow;
}
/* open */
.nextopen-1 p:nth-child(2), .nextopen-1 .btn-color-pink {
  display: block;
}
/*----- 特別鑑定ピックアップ -----*/
.box_pickup .menu_link {
  height: 90px;
  bottom: 62px;
}
.box_pickup .icon {
  display: none;
}
.box_pickup .icon.disp-1 {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 135px;
  left: 10px;
}
.box_pickup .bell {
  width: 25px;
  height: 25px;
  border-radius: 25px;
  overflow: hidden;
  text-align: center;
  background: #fff;
}
.box_pickup .bell img {
  width: 90%;
}
.box_pickup .icon p {
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  border-radius: 20px;
  line-height: 18px;
  text-shadow: 0 0 1px rgba(0, 0, 0, .3);
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  background: #F901B4;
}
/* confirm */
.pickup .list-menu {
  margin: 20px auto 0;
}
/*----- どちらを知りたいですか？ -----*/
.box_or .menu_link {
  width: 95%;
  bottom: 0;
}
.box_or .menu_link li {
  width: 50%;
  height: 100px;
}
.fuki_or {
  width: 255px;
  margin: 0 auto -5px;
}
/*----- 滞在特典 -----*/
.box_special .inner {
  padding: 25px 20px;
  font-weight: bold;
  color: #1e1d1f;
  background: url("../images/pay/special/bg_top.jpg") no-repeat top, url("../images/pay/special/bg_btm.jpg") no-repeat bottom, url("../images/pay/special/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
.box_special li:not(:last-child) {
  padding: 0 0 15px;
  background: url("../images/pay/special/line.png") no-repeat center bottom 10px;
  background-size: 95%;
}
.box_special .float {
  margin: 0 0 -5px;
}
.btn-pre-link {
  display: block;
  width: 260px;
  margin: auto;
  line-height: 32px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
}
/* おすすめサイト */
.promotion {
  position: relative;
}
.promotion .inner {
  padding: 10px;
  position: relative;
  z-index: 1;
}
.promotion li {
  margin-top: 10px;
}
.promotion .officialLink {
  padding: 0 10px;
}
.box_recc .inner {
  margin: 5px 5px 0;
  padding: 0 20px 25px;
  border: 1px solid #d8a5f6;
  border-radius: 7px;
  background: #714d71;
}
/*----- 事前告知 -----*/
.pre-regist {
  padding: 13px 10px 15px 10px;
  background: rgba(0, 0, 0, 0.5);
}
.pre-regist p {
  text-align: left;
  line-height: 1.2;
}
.pre-regist a {
  font-weight: bold;
  color: yellow;
  display: block;
  text-align: center;
  line-height: 1.4;
  font-size: 15px;
}
.pre-regist, .pre-regist.open-0 {
  display: none;
}
.pre-regist.open-1 {
  display: block;
}
/*----- 2ヵ月目継続特典 -----*/
.box_nextmonth {
  margin: 0 0 10px;
  position: relative;
}
.text_nextmonth {
  position: absolute;
  right: 227px;
  bottom: 7px;
  font-weight: bold;
  font-size: 23px;
}
.open-0 .btn-yudo {
  display: none;
}
/*----- トリプル入会訴求 リンクバナー -----*/
.pay_top .nyuukai_campaign {
  background: url(../images/bnr/banner_nyuukai_campaign.jpg);
  background-size: 100%;
  width: 320px;
  height: 487px;
  position: relative;
}
.pay_top .nyuukai_campaign h2, .pay_top .nyuukai_campaign p {
  font-size: 0;
}
.pay_top .nyuukai_campaign p.link {
  position: absolute;
  width: 320px;
  height: 380px;
  top: 106px;
  left: 0;
  margin: 0;
}
.pay_top .nyuukai_campaign p.link a {
  display: block;
  width: 100%;
  height: 100%;
}
/*----- 1周年限定視えすぎSPECIALメニュー -----*/
.menu_1st_anniversary.bnr {
  padding: 0;
}
.menu_1st_anniversary h2 {
  margin: 10px 10px 0 10px;
}
.menu_1st_anniversary.bnr li a {
  text-decoration: none;
}
.menu_1st_anniversary.bnr li {
  padding: 0 0 5px 0;
}
.menu_1st_anniversary.bnr li:last-child {
  padding: 0 0 15px 0;
}
/*////////////////////////////////////////////////////////

お知らせ・プレゼントBOX

////////////////////////////////////////////////////////*/
.notice .list_menu {
  margin: 10px 0 0;
  font-size: 13px;
}
.notice .list_menu dt {
  margin-bottom: 7px;
  padding-bottom: 3px;
  border-bottom: 1px solid #ccc;
  font-size: 12px;
}
.notice .icon_1 {
  background: url(../images/icon/icon-mark.png) no-repeat right top;
  background-size: 20px;
}
/* お知らせ・プレゼントBOX 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, .notice .readBtn 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;
  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_menu {
  padding: 0px 5px;
  margin: 0;
}
.notice .list_menu a, .notice .list_menu form, .notice .list_menu .no_link {
  background: url(../images/menulist/pink/bg_top.jpg) no-repeat top, url(../images/menulist/pink/bg_btm.jpg) no-repeat bottom, url(../images/menulist/pink/bg_mid.jpg) repeat-y;
  background-size: 100%;
}
.notice .list_menu.pink {
  background: none;
}
.notice .list_menu.pink li {
  position: relative;
  background: #fa649b;
  padding: 15px 0;
}
.notice .list_menu li:not(:last-child) {
  margin: 0 0 15px;
}
.notice .list_menu.pink li::before, .notice .list_menu.pink li::after {
  content: '';
  background: url(../images/menulist/pink/bar.jpg) no-repeat top;
  background-size: 100%;
  display: block;
  width: 100%;
  height: 10px;
  position: absolute;
  left: 0;
  z-index: 2;
}
.notice .list_menu.pink li::before {
  top: 0px;
}
.notice .list_menu.pink li::after {
  bottom: 0px;
}
.notice .list_menu li form, .notice .list_menu .no_link {
  padding: 15px 20px;
  position: relative;
}
.notice .list_menu.pink li form:after, .notice .list_menu.pink li .no_link:after {
  color: #fa196b;
}
.notice .list_menu form:after, .notice .list_menu .no_link:after {
  position: absolute;
  top: 50%;
  right: 3%;
  transform: scale(0.6, 1) translateY(-50%);
}
.notice .list_menu li form:after, .notice .list_menu li .no_link:after {
  content: "\025b6";
  font-size: 0.8em;
}
.notice .list_menu .list_submit {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.notice .list_menu form dd {
  text-decoration: underline;
}

.notice .list_menu li.open-0 {
  display: none;
}
/*////////////////////////////////////////////////////////

menulist / menu.do

////////////////////////////////////////////////////////*/
/*----- common -----*/
.menuList .title, .menudo .title {
  min-height: 115px;
  font-size: 16px;
  background: url("../images/bar/green_long.jpg") no-repeat;
  background-size: 100%;
}
.menudo .title.blue {
  background: url("../images/bar/blue_long.jpg") no-repeat;
  background-size: 100%;
}
.menudo .title.yellow {
  background: url("../images/bar/yellow_long.jpg") no-repeat;
  background-size: 100%;
}
/* menudo daily */
.menudo .tab-area {
  border-bottom: 5px solid #ffff0a;
  list-style-type: none;
  display: flex;
  padding: 10px 10px 0;
}
.menudo .tab-area .tab {
  width: calc(100%/3);
  height: 45px;
  bottom: 0px;
  font-size: 0;
  margin: 0;
  position: relative;
  overflow: visible;
}
.menudo .tab-area .tab:nth-child(n+2) {
  margin-left: 5px;
}
.menudo .tab-area .tab.active {
  width: 122px;
}
.menudo .tab-area .tab a {
  display: block;
  width: 100%;
  height: 100%;
}
.menudo .tab-area .tab:nth-child(1) {
  background: url(../images/menu.do/tab/overall_noselect.jpg) no-repeat;
  background-size: 100%;
}
.menudo .tab-area .tab:nth-child(1).active {
  background: url(../images/menu.do/tab/overall.jpg) no-repeat;
  background-size: 100%;
}
.menudo .tab-area .tab:nth-child(2) {
  background: url(../images/menu.do/tab/love_noselect.jpg) no-repeat;
  background-size: 100%;
}
.menudo .tab-area .tab:nth-child(2).active {
  background: url(../images/menu.do/tab/love.jpg) no-repeat;
  background-size: 100%;
}
.menudo .tab-area .tab:nth-child(3) {
  background: url(../images/menu.do/tab/work_noselect.jpg) no-repeat;
  background-size: 100%;
}
.menudo .tab-area .tab:nth-child(3).active {
  background: url(../images/menu.do/tab/work.jpg) no-repeat;
  background-size: 100%;
}
.menudo .tab-area .tab.icon-1:before {
  content: "";
  background: url(../images/menu.do/tab/icon-new.gif) no-repeat;
  background-size: 100%;
  width: 35px;
  height: 15px;
  position: absolute;
  top: -2px;
  left: 0px;
}
.menudo .tab-area .tab.icon-1.active:before {
  left: 5px;
}
.menudo .tab-area .tab.icon-1:after {
  content: "";
  background: url(../images/menu.do/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;
}
.menudo .tab-area .tab.icon-1.active:after {
  right: 5px;
}
.menudo .tab-area .tab.active a:before {
  content: "";
  background: url(../images/pay/beginner/tab/icon.png) no-repeat;
  background-size: 100%;
  width: 120px;
  height: 6px;
  position: absolute;
  top: 0px;
  left: -5px;
}
.menudo-daily .btn01 {
  width: 259px;
  margin: 0 auto;
}
.menudo-daily .sec_ranking {
  display: none;
}
.menudo .fortuneMenu {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 7px;
}
.menudo .fortuneMenu .btn + .btn {
  margin-left: 5px;
}
.menuList .title {
  margin: 0;
}
.result-picture {
  width: 120px;
  float: left;
  margin: 0 5px 0 0;
}
.result-picture.right {
  float: right;
  margin: 0;
}
.result-picture:not(.duo).right img {
  transform: scale(-1, 1);
}
.menudo .btn-menu {
  margin-top: 50px;
}
/*----- yudo -----*/
.yudo_img {
  margin: 0 0 -30px !important;
}
.yudo_img02 {
  margin: -20px 0 0 !important;
}
[class^="box_yudo"] {
  position: relative;
}
[class^="box_yudo"] ul {
  width: 90%;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
}
/* urgent_message2,6 */
.box_yudo02 ul {
  top: 50%;
  transform: translateY(-50%);
}
.box_yudo02 li {
  width: 68%;
}
.box_yudo02 li:nth-child(odd) {
  margin-left: 30%;
}
.box_yudo02 li:nth-child(even) {
  margin-left: 2%;
  margin-bottom: 15px;
}
/* urgent_message4,5 */
.box_yudo04 ul {
  width: 56%;
  margin-left: 43%;
  top: 0;
}
.menudo .box_lead {
  margin: 0 0 10px;
}
/* yudo03 */
.box_yudo03 ul {
  top: 13px;
}
.box_yudo03 li {
  width: 45%;
}
.box_yudo03 li:nth-child(even) {
  margin-left: 50%;
}
.box_yudo03 li:nth-child(odd) {
  margin-left: 5%;
}
.box_yudo03 li a {
  margin: 0;
  padding: 5px;
  border-radius: 30px;
}
/* yudo05 */
.box_yudo05 ul {
  text-align: left;
  top: -10px;
}
.box_yudo05 .box:nth-child(odd) ul {
  padding: 0 5% 0 45%;
}
.box_yudo05 .box:nth-child(even) ul {
  padding: 0 45% 0 3%;
}
.box_yudo05 .box:nth-child(odd) li:nth-child(1) {
  margin-left: 20px;
}
.box_yudo05 .box:nth-child(even) li:nth-child(2) {
  margin-left: 20px;
}
.box_yudo05 a {
  display: flex;
  align-items: center;
  height: 110px;
  text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
  font-weight: bold;
  font-size: 13px;
  color: #000;
}
/* yudo07 */
.box_yudo07 ul {
  padding-left: 35%;
  top: 0;
}
/* yudo09 */
.box_yudo09 ul {
  padding-left: 25%;
  top: 25px;
}
/* w登録 */
.wcam.box a {
  display: block;
  width: 290px;
  height: 180px;
  position: absolute;
  bottom: 25px;
  left: 15px;
}
/*////////////////////////////////////////////////////////

従量TOP

////////////////////////////////////////////////////////*/
.ppv_top .main_visual {
  margin: 0 0 10px;
}
/*--- 消えちゃう鑑定 ---*/
/* 出しわけ(2周年) */
.dispjun-0, /*5月より前*/
.dispjun-3, /*7月以降*/
.bnr_ppv_disappear.dispjun-0,
.bnr_ppv_disappear.dispjun-1, /*5月中*/
.bnr_ppv_disappear.off a {
  display: none;
}
.bnr_ppv_disappear.dispjun-3 {
  display: block;
}
/* 5月中 */
.dispjun-1 {
  pointer-events: none;
}
/* 鑑定がある日 */
.bnr_ppv_disappear {
  position: relative;
  margin-bottom: 15px;
  padding: 0 10px;
}
.bnr_ppv_disappear .disa_date {
  font-weight: bold;
  color: yellow;
  position: absolute;
  top: 15px;
  right: 104px;
  letter-spacing: 2px;
  font-size: 17px;  
}
/* 鑑定がない日 */
.bnr_ppv_disappear.off .disa_date {
  position: static;
  font-size: 13px;
}
/*--- 金額別鑑定 ---*/
.btn_price.disp-0 {
  display: none;
}
.btn_price {
  margin-bottom: 20px;
  position: relative;
}
.btn_price ul {
  display: flex;
  width: 100%;
  padding: 0 10px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.btn_price li {
  width: 33.33%;
}
.btn_price a {
  display: block;
  width: 100%;
  height: 70px;
}
/*--- ナビ ---*/
.ppv_top .ppvnavi {
  height: 171px;
  width: 320px;
  padding: 0 11px;
  position: relative;
  background: url(../images/ppv/bg_btn2.jpg) no-repeat;
  background-size: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
  margin: 0;
}
.ppv_top .ppvnavi li {
  width: 53px;
  height: 66px;
}
.ppv_top .ppvnavi a {
  display: block;
  height: 100%;
}
/*--- 検索 ---*/
.ppv_top .box_search {
  height: 130.5px;
  background: url(../images/ppv/bg_box_search.jpg) no-repeat;
  background-size: 100%;
  position: relative;
}
.ppv_top .box_search #input_word {
  display: block;
  position: absolute;
  width: 222px;
  height: 34px;
  background: transparent;
  top: 59px;
  left: 21.5px;
  font-weight: bold;
}
.ppv_top .box_search #input_word::placeholder {
  font-weight: normal;
}
.ppv_top .box_search #btn_search {
  position: absolute;
  width: 52.5px;
  height: 35px;
  background: transparent;
  top: 58px;
  right: 21.5px;
}
/* datalist用 三角非表示 */
.ppv_top ::-webkit-calendar-picker-indicator {
  width: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
}
.ppv_top .box_search .not_found {
  position: absolute;
  bottom: -12px;
  color: #f12525;
  font-weight: bold;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  font-feature-settings: "palt";
  font-size: 13px;
}
/*--- 検索結果表示用モーダル ---*/
.ppv_top #modal {
  overflow: scroll;
  padding: 8px 0 14px 0;
}
.ppv_top .modal_inner {
  margin: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}
.ppv_top .modal_inner .btn_close {
  right: 1px;
  top: -2px;
}
.ppv_top #result_count {
  font-weight: bold;
  color: #fff;
  margin: 0 0 -1px 10px;
}
.ppvicon, .ppvtitle {
  display: table-cell;
  vertical-align: middle;
}
.ppvicon {
  width: 22%;
  padding: 0 5px 0 0;
}
.ppvtitle {
  line-height: 1.4;
  text-align: left;
  font-size: 13px;
  font-weight: bold;
  color: #1e1d1f;
}
/*.love .ppvtitle {
  color: #ff0000;
}
.fukuzatsu .ppvtitle {
  color: #6505be;
}
.kekkon .ppvtitle {
  color: #a605be;
}
.jinsei .ppvtitle {
  color: #05a6be;
}*/
.ppv_top .price {
  margin: 5px 5px 0 auto;
  text-align: right;
  font-size: 12px;
  color: #1e1d1f;
}
/*--- history ---*/
.box_history .list-menu01 a span, .ppvhistory .list-menu01 a span {
  display: block;
  text-align: right;
  font-size: 11px;
  margin-right: 5px;
}
/*////////////////////////////////////////////////////////

ppv.do

////////////////////////////////////////////////////////*/
/*----- confirm -----*/
.ppvdo .box_pre a {
  display: block;
  text-align: center;
  color: yellow;
}
.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 {
  width: 100%;
  margin: 3px 0 0 auto;
  padding: 0 8px;
  text-align: right;
  font-weight: bold;
  font-size: 11px;
  color: #676767;
}
.icon-person p {
  display: inline-block;
}
.icon-person .icon {
  color: #fff;
}
.icon-person.一人用 .icon {
  padding: 5px 0 5px 15px;
  background: url(../images/icon/icon-person.png) no-repeat -9px;
  background-size: 9px;
}
.menu_title .icon-person.一人用 .icon {
  background: url(../images/icon/icon-person.png) no-repeat -9px;
  background-size: 17px;
  color: #1e1d1f;
}
.icon-person.二人用 .icon {
  padding: 5px 0 5px 23px;
  background: url(../images/icon/icon-person.png) no-repeat left;
  background-size: 16px;
}
.menu_title .icon-person.二人用 .icon {
  background: url(../images/icon/icon-person.png) no-repeat 0;
  background-size: 17px;
  color: #1e1d1f;
}
/* menu_list */
.menu_list {
  margin: 0 auto 20px !important;
  padding: 20px;
  color: #fff;
  background: url("../images/menulist/yudo/bg_top.jpg") no-repeat top, url("../images/menulist/yudo/bg_btm.jpg") no-repeat center bottom -1px, url("../images/menulist/yudo/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
.menu_list .list_wrap {
  padding: 15px;
  background: url("../images/result/komi_yudo/bg_top.jpg") no-repeat top, url("../images/result/komi_yudo/bg_btm.jpg") no-repeat center bottom -1px, url("../images/result/komi_yudo/bg_mid.jpg") repeat-y;
  background-size: 100%;
}
.menu_list .list_wrap h4 {
  padding: 10px 0 0;
}
.menu_list ul {
  padding: 10px 0 15px;
}
.menu_list li {
  padding: 0 0 0 27px;
  line-height: 1.4;
  text-align: left;
  font-size: 12px;
}
.menu_list li:not(:last-child) {
  margin: 0 0 8px;
}
.menu_list .ic_com_indent {
  padding: 0 0 0 25px;
  font-weight: bold;
  color: #fff;
  background: none;
}
.menu_list .ic_com_indent + .ic_com_indent {
  margin-top: -5px;
}
.menu_list .ic_com_indent:before {
  content: "└";
  padding-right: 4px;
}
.menu_list .icon01 {
  font-size: 13px;
  font-weight: bold;
  background: url(../images/icon/01.png) no-repeat left center;
  background-size: 24px;
}
.menu_list .icon01, .menu_list .icon01 a {
  color: #0ceb50;
}
.menu_list .icon02 {
  font-weight: bold;
  color: #f951a8;
  background: url(../images/icon/02.png) no-repeat 2px center;
  background-size: 20px;
}
.menu_list .icon03 {
  font-weight: bold;
  color: yellow;
  background: url(../images/icon/03.png) no-repeat 2px center;
  background-size: 20px;
}
.menu_list .icon04 {
  font-weight: bold;
  background: url(../images/icon/04.png) no-repeat 3px center;
  background-size: 18px;
}
.menu_list .icon04, .menu_list .icon04 a {
  color: #fff;
}
.menu_list .icon05 {
  background: url(../images/icon/05.png) no-repeat 5px center;
  background-size: 14px;
}
.menu_list .txt_notice {
  text-align: center;
  font-size: 11px;
}
/*menu_list誘導*/
.menuList .box_yudo ul {
  top: 50%;
  transform: translateY(-50%);
}
.menuList .box_yudo li {
  width: 60%;
}
.menuList .box_yudo li:nth-child(odd) {
  margin-left: 2%;
}
.menuList .box_yudo li:nth-child(even) {
  margin-left: 38%;
  margin-bottom: 5px;
}
.menuList .box_yudo02 ul {
  top: 50%;
  transform: translateY(-50%);
}
.menuList .box_yudo02 li {
  width: 60%;
  margin-left: 40%;
  margin-bottom: 5px;
}
.menuList .box_yudo03 ul {
  top: 50%;
  transform: translateY(-50%);
}
.menuList .box_yudo03 li {
  width: 60%;
}
.menuList .box_yudo03 li:nth-child(odd) {
  margin-left: 38%;
  margin-bottom: 5px;
}
.menuList .box_yudo03 li:nth-child(even) {
  margin-left: 2%;
  margin-bottom: 5px;
}
.menuList .box_yudo03 li a {
  padding: 13px 10px;
  border-radius: 5px;
}
/* 購入前 */
.ppvdo.confirm .box_teller p {
  top: 0;
}
.ppv_view .ppvdo.confirm .box_teller p {
  top: -20px;
}
.ppvdo.confirm .list_check {
  width: 90%;
  margin: 0 auto;
}
.ppvdo.confirm .yudo_list {
  display: none;
}
.ppvdo.confirm .frame-yellow {
  display: block;
  margin: 0 auto 20px;
  padding: 5px 0;
  color: #000;
  font-size: 17px;
  font-weight: bold;
  width: 250px;
  background: yellow;
}
/* パック用文言エリア */
.ppvdo.confirm .text_pack {
  display: block;
  margin: 10px;
  padding: 10px 15px;
  border: 1px solid #ba8787;
  border-radius: 7px;
  text-align: left;
  font-size: 13px;
  background: #fff;
  color: #1e1d1f;
}
.ppvdo.confirm .text_pack font {
  color: #f92771;
  font-weight: bold;
}
/* 承諾事項 */
.box_approval {
  padding: 0 0 30px;
  text-align: left;
  font-size: 12px;
  color: #1e1d1f;
  background: rgba(255, 255, 255, 1);
}
.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: #f92771;
  font-weight: bold;
}
.box_approval .text-canter {
  text-align: center;
}
/*////////////////////////////////////////////////////////

LOOPD

////////////////////////////////////////////////////////*/
.loopD .box .fuki {
  width: 180px;
  margin: auto;
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
}
.loopD .box .serif {
  width: 145px;
  position: absolute;
  top: 180px;
  right: 25px;
  text-align: left;
  font-weight: bold;
  color: #000;
}
/*////////////////////////////////////////////////////////

占者紹介

////////////////////////////////////////////////////////*/
.tellerProfile section {
  margin: 0 0 30px;
}
.tellerProfile .lead {
  padding: 0 10px;
  text-align: left;
}
.tellerProfile .ttl {
  margin: 0 0 5px;
  padding: 0 0 5px;
  border-bottom: 1px dashed #fff;
  font-size: 14px;
  font-weight: bold;
}
.tellerProfile dl {
  margin: 0 0 15px;
  padding: 0 5px;
  font-size: 12px;
}
.tellerProfile dt {
  padding-left: 20px;
  font-weight: bold;
  font-size: 13px;
  background: url("../images/icon/04.png") no-repeat left;
  background-size: 15px;
}
.tellerProfile dl li {
  margin: 0 0 5px;
  padding-left: 15px;
  line-height: 1.4;
  text-indent: -12px;
}
.tellerProfile .box_teller.haya {
  padding-left: 52%;
  background: url(../images/teller/haya/haya.jpg) no-repeat;
  background-size: 100%;
}
.tellerProfile .box_teller.yasu {
  padding-left: 14%;
  background: url(../images/teller/yasu/yasu.jpg) no-repeat;
  background-size: 100%;
}
.tellerProfile .box_teller {
  padding-left: 40px;
  line-height: 1.5;
  font-size: 20px;
  font-weight: bold;
}
.tellerProfile .box_teller p {
  line-height: 1.4;
  font-weight: bold;
  color: #000;
}
.free_top .box_teller.haya {
  padding-left: 52%;
  background: url(../images/teller/haya/haya.jpg) no-repeat;
  background-size: 100%;
}
.free_top .box_teller.yasu {
  padding-left: 14%;
  background: url(../images/teller/yasu/yasu.jpg) no-repeat;
  background-size: 100%;
  padding-left: 8%;
  padding-bottom: 5%;
  padding-right: 50%;
}
.free_top .box_teller {
  padding-left: 40px;
  line-height: 1.5;
  font-size: 20px;
  font-weight: bold;
}
.free_top .box_teller p {
  line-height: 1.4;
  font-weight: bold;
  color: #000;
  font-size: 12px;
}
/*////////////////////////////////////////////////////////

mypage

////////////////////////////////////////////////////////*/
/* メニュー */
.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-left: 45px;
}
#pref {
  margin-bottom: 40px
}
/* プレミアムコード */
.mypage .box_special {
  text-align: left;
}
.mypage .box_special a {
  font-weight: bold;
  color: #cd19fa;
}
/*////////////////////////////////////////////////////////

bookmark

////////////////////////////////////////////////////////*/
.bookmark p {
  padding: 0 10px;
}
.bookmark .list-menu02 {
  margin-bottom: 30px;
  text-align: left;
}
.bookmark .list-menu02 li {
  display: flex;
  align-items: center;
  padding-left: 10px;
  color: #fff;
}
.bookmark .list-menu02 a {
  width: 100%;
  margin: auto;
  padding: 10px 20px 10px 10px;
}
.bookmark input[type="checkbox"] {
  display: none;
}
.bookmark input[type="checkbox"] + label {
  flex-shrink: 0;
  position: static;
}
/*////////////////////////////////////////////////////////

tutorial

////////////////////////////////////////////////////////*/
.tutorial p {
  margin-bottom: 0;
}
.tutorial .box_txt {
  color: #fff;
  padding: 13px 13px 55px 13px;
  text-align: left;
  font-size: 13px;
}
.site_cap {
  margin: 0 20px 40px 20px;
  position: relative;
}
.site_cap span {
  display: inline-block;
  position: absolute;
  bottom: -18px;
  width: 105px;
}
#link01 .site_cap span {
  left: 65px;
}
#link02 .site_cap span {
  left: 123px;
}
#link03 .site_cap span {
  left: 9px;
}
#link04 .site_cap span {
  left: 178px;
}
/*////////////////////////////////////////////////////////

unregist

////////////////////////////////////////////////////////*/
/*----- index -----*/
.box_unregist_notice p {
  padding: 0 10px;
  text-align: left;
}
.box_unregist_notice .icon-hart {
  width: 12px !important;
  margin: 0 5px 0 0;
}
/*----- 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-left: 50px;
}
.unregist .list-icon span {
  font-size: 0.9em;
}
/*////////////////////////////////////////////////////////

プレゼントキャンペーン

////////////////////////////////////////////////////////*/
.present_entry .menu_title {
  display: block;
  margin: 0 0 10px;
  text-align: center;
  font-weight: bold;
  color: #1e1d1f;
}
.present_entry .detail {
  padding: 0 10px;
  text-align: left;
}
.present_entry .detail dt {
  margin: 20px 0 5px;
  padding-left: 25px;
  font-weight: bold;
  font-size: 13px;
  background: url(../images/icon/04.png) no-repeat left;
  background-size: 20px;
}
.present_entry .txt_notice {
  margin: 0;
  padding: 0 0 5px 10px;
  text-indent: -11px;
  font-size: 11px;
}
.present_entry .box_notice li:not(:last-child) {
  margin: 0 0 5px;
}
.present_banner {
  margin: 5px 0 15px;
  padding: 0 10px;
}
.present_banner.open-0, .present_banner.open-2, .present_banner02.open-0, .present_banner02.open-2 {
  display: none;
}
.present_banner.open-1, .present_banner02.open-1 {
  display: block;
}
.present_entry h2 span {
  font-size: 13px;
}
.present_entry .box_flow {
  background: #fff;
}
.present_entry .box_flow .inner {
  padding: 20px 0;
}
.present_entry .tit {
  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 .tit:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 15px;
  width: 0;
  height: 100%;
  border-left: #ccc solid 1px;
}
.present_entry .tit: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 solid #f49b7a;
  border-radius: 6px;
  text-decoration: none;
  padding: 15px 25px;
  background-color: #f5b5a0;
  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 7px 20px 7px;
  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: #6921a0;
  margin-bottom: 0;
  color: #fff;
}
.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 0 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;
  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;
  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: auto;
}
#disableButton {
  margin: auto;
  width: 100%;
  height: 80px;
  border: 0 !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 0 0 0;
  width: 88%;
  margin-bottom: 0;
}
.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 {
  font-size: 15px;
  padding: 10px;
  text-align: center;
  line-height: 1.5;
  text-shadow: 0 0 6px #8537f0, 0 0 6px #8537f0, 0 0 6px #8537f0, 0 0 6px #8537f0, 0 0 6px #8537f0, 0 0 6px #8537f0, 0 0 6px #8537f0, 0 0 6px #8537f0, 0 0 6px #8537f0, 0 0 6px #8537f0;
}
.present_entry .entry_title_box {
  padding: 15px 0 20px 0;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 20px;
  background: url(../images/line/01.png) no-repeat left bottom #663399;
  background-size: 100% auto;
  text-shadow: 0 0 6px #8537f0, 0 0 6px #8537f0, 0 0 6px #8537f0, 0 0 6px #8537f0, 0 0 6px #8537f0, 0 0 6px #8537f0, 0 0 6px #8537f0, 0 0 6px #8537f0, 0 0 6px #8537f0, 0 0 6px #8537f0;
}
.present_entry .entry_title_box span {
  color: #f6f200;
}
.present_entry .c_txt {
  background: url(../images/line/02.png) no-repeat left bottom, url(../images/line/02.png) no-repeat left top #7d47a7;
  background-size: 100% auto;
  font-weight: bold;
  padding: 20px 0;
  margin-bottom: 15px;
  font-size: 15px;
}
.present_entry .kome {
  margin: 0 13px 20px 13px;
  font-weight: normal;
}
.present_entry .kome li {
  padding-left: 1em;
  text-indent: -1em;
}
/*////////////////////////////////////////////////////////

キャンペーン施策

////////////////////////////////////////////////////////*/
.pay_top .campaign.open-1 {
  display: block;
}
.pay_top .campaign.open-0, .pay_top .campaign.open-2 {
  display: none;
}
.pay_top .campaign {
  color: #1e1d1f;
  border: 7px solid red;
  padding: 15px;
  background-color: #fff;
  margin: 25px 10px 25px;
  border-radius: 20px;
}
.pay_top .campaign p {
  font-size: 15px;
  line-height: 1.5;
}
.pay_top .campaign p a {
  color: red;
}
.pre_campaign {
  word-break: break-all;
}
.pre_campaign .title_bg {
  background: #e8e8f0;
  padding: 15px;
  font-size: 17px;
  line-height: 1.5;
  font-weight: bold;
}
.pre_campaign .title_bg span {
  color: red;
}
.pre_campaign .text {
  margin: 15px 15px 25px;
  text-align: left;
  font-size: 12px;
}
.pre_campaign .text.indent {
  text-indent: -1em;
  padding-left: 1em;
}
.pre_campaign .text-cam {
  margin: 15px 15px 25px;
  text-align: left;
  font-size: 13px;
  font-weight: bold;
}
.pre_campaign .box_ticket_menu {
  width: 95%;
  margin: 0 auto;
}
.pre_campaign .box_ticket_menu li {
  padding: 10px 5px;
}
.campaign_tokuten {
  margin: 0 8px 25px 8px;
}
.campaign_tokuten dt {
  text-align: left;
  background: #8117e1;
  font-weight: bold;
  padding: 5px 5px 5px 7px;
  margin-bottom: 15px;
  color: #fff;
}
.campaign .ticket_use .inner_box {
  position: relative;
}
.campaign .ticket_use .inner_box input[type="reset"].btn_cancel {
  position: absolute;
  top: 5px;
  right: 5px;
}
.site-btn a {
  display: block;
  text-decoration: none;
  font-size: 15px;
  padding: 15px 0;
  border-radius: 20px;
  margin: 0 10px;
  line-height: 1.4;
  font-weight: bold;
  border: 2px solid #ecca7d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f6eba6));
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f6eba6 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f6eba6 100%);
  color: #1e1d1f;
  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
.site-btn.l a {
  font-size: 19px;
}
.campaign .em {
  background: #e117b5;
  color: #fff;
  margin: 0 15px;
  font-weight: bold;
  padding: 8px 0;
  line-height: 1;
  font-size: 16px;
}
.kaikin.open-1 .before, .kaikin.open-0 .after {
  display: none;
}
.kaikin.open-1 .after, .kaikin.open-0 .before {
  display: block;
}
.cam-step {
  margin-bottom: 30px;
}
.cam-step h3 {
  text-align: left;
  background: #8117e1;
  font-weight: bold;
  padding: 5px 5px 5px 7px;
  margin-bottom: 10px;
  color: #fff;
}
.cam-step p.txt {
  font-weight: bold;
  padding: 0 5px;
}
.cam-step p.txt.text-left {
  padding: 0 5px 0 10px;
}
.campaign.index img {
  width: 100%;
}
.download {
  width: 150px;
  margin: 0 auto;
}
/*////////////////////////////////////////////////////////

はやともリニューアル

////////////////////////////////////////////////////////*/
.btn-ordermade a {
  display: block;
  width: 290px;
  height: 93px;
  margin: 0 auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../images/pay/hayatomo_renewal/btn.png) no-repeat center top;
  background-size: 100%;
}
/*////////////////////////////////////////////////////////

 お月見BOX

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

 コラムLP column_01

////////////////////////////////////////////////////////*/
.column {
  text-align: left;
  color: #333;
  background: #f8f9ff;
  line-height: 1.8;
  /* padding-top: 1%; */
  padding-bottom: 1%;
}
.column_01_tit {
  background-color: blue;
  color: #fff;
  text-align: left;
  padding: 3%;
  font-size: 15px;
  font-weight: bold;
}
.column_01_p {
  margin-top: 5%;
  margin-bottom: 5%;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  font-feature-settings: "palt";
}
.column_01_box {
  margin-top: 3%;
  padding-right: 3%;
  padding-left: 3%;
}
.column_01_img {
  margin-bottom: 3%;
  padding-right: 3%;
  padding-left: 3%;
}
.column_01_vdo {
  /* margin-bottom: 3%; */
  padding-right: 3%;
  padding-left: 3%;
}
/*////////////////////////////////////////////////////////

初心者ページ　タブ関連

////////////////////////////////////////////////////////*/
.pay_top.beginner .tab-area {
  border-bottom: 5px solid #ffff0a;
  list-style-type: none;
  display: flex;
  padding: 10px 10px 0;
}
/* 初心者ページ　タブ関連 */
.pay_top.beginner .tab-area .tab {
  width: calc(100%/3);
  height: 44px;
  bottom: 0px;
  font-size: 0;
  margin: 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/beginner/tab/sale_noselect.jpg) no-repeat;
  background-size: 100%;
}
.pay_top.beginner .tab-area .tab:nth-child(1).active {
  background: url(../images/pay/beginner/tab/sale.jpg) no-repeat;
  background-size: 100%;
}
.pay_top.beginner .tab-area .tab:nth-child(2) {
  background: url(../images/pay/beginner/tab/limited_noselect.jpg) no-repeat;
  background-size: 100%;
}
.pay_top.beginner .tab-area .tab:nth-child(2).active {
  background: url(../images/pay/beginner/tab/limited.jpg) no-repeat;
  background-size: 100%;
}
.pay_top.beginner .tab-area .tab:nth-child(3) {
  background: url(../images/pay/beginner/tab/other_noselect.jpg) no-repeat;
  background-size: 100%;
}
.pay_top.beginner .tab-area .tab:nth-child(3).active {
  background: url(../images/pay/beginner/tab/other.jpg) no-repeat;
  background-size: 100%;
}
.pay_top.beginner .tab-area .tab.icon-1:before {
  content: "";
  background: url(../images/pay/beginner/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/beginner/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;
}
@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 .type-a {
  position: relative;
}
.box_user_ppv .time_left {
  font-size: 23px;
  font-weight: bold;
  color: #ffff00;
  text-align: center;
  margin: 0 auto;
  line-height: 1;
  box-sizing: border-box;
  width: 100%;
  position: absolute;
  bottom: -6px;
  left: 0;
}
/* box */
.beginner .box ul li {
  display: block;
  margin-bottom: 0;
}
.beginner .box ul li a {
  display: inline-block;
  text-decoration: none;
  padding: 5px 5px 0;
  text-align: left;
}
.beginner .box ul li .ppvicon {
  vertical-align: middle;
}
.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;
}
/* 制御 */
.beginner .btn_box ul:nth-child(1).disp-1, .beginner .btn_box ul:nth-child(1).disp-2, .beginner .btn_box ul:nth-child(2).disp-0, .beginner .btn_box ul:nth-child(2).disp-2, .beginner .btn_box ul:nth-child(3).disp-0, .beginner .btn_box ul:nth-child(3).disp-1 {
  display: none !important;
}
.beginner .btn_box ul:nth-child(1).disp-0, .beginner .btn_box ul:nth-child(2).disp-1, .beginner .btn_box ul:nth-child(3).disp-2 {
  display: block !important;
}
.beginner .btn_box ul:nth-child(1) {
  background: url("../images/pay/beginner/renewal/bg_btn.jpg") no-repeat top;
  background-size: 100%;
  width: 100%;
  height: 355px;
  position: relative;
  margin-bottom: 10px;
}
.beginner .btn_box ul:nth-child(1) li {
  width: 280px;
  height: 80px;
  position: absolute;
  left: 20px;
}
.beginner .btn_box ul:nth-child(1) li:nth-child(1) {
  top: 45px;
}
.beginner .btn_box ul:nth-child(1) li:nth-child(2) {
  top: 140px;
}
.beginner .btn_box ul:nth-child(1) li:nth-child(3) {
  top: 235px;
}
.beginner .btn_box ul:nth-child(2) {
  background: url("../images/pay/beginner/renewal/bg_btn2.jpg") no-repeat top;
  background-size: 100%;
  width: 100%;
  height: 369px;
  position: relative;
  margin-bottom: 10px;
}
.beginner .btn_box ul:nth-child(2) li:nth-child(1) {
  width: 320px;
  height: 100px;
  position: absolute;
  left: 0;
  top: 35px;
}
.beginner .btn_box ul:nth-child(2) li:nth-child(n+2) {
  width: 280px;
  height: 80px;
  position: absolute;
  left: 20px;
}
.beginner .btn_box ul:nth-child(2) li:nth-child(2) {
  top: 152px;
}
.beginner .btn_box ul:nth-child(2) li:nth-child(3) {
  top: 249px;
}
.beginner .btn_box ul:nth-child(3) {
  background: url("../images/pay/beginner/renewal/bg_btn3.jpg") no-repeat top;
  background-size: 100%;
  width: 100%;
  height: 268px;
  position: relative;
  margin-bottom: 10px;
}
.beginner .btn_box ul:nth-child(3) li {
  width: 280px;
  height: 80px;
  position: absolute;
  left: 20px;
}
.beginner .btn_box ul:nth-child(3) li:nth-child(1) {
  top: 51px;
}
.beginner .btn_box ul:nth-child(3) li:nth-child(2) {
  top: 148.5px;
}
.beginner .btn_box li a {
  font-size: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.beginner .tutorial_link a {
  position: relative;
  display: block;
  background: #1849a1;
  padding: 20px 0 16px 36px;
  color: #fff;
  text-decoration: none;
}
.beginner .tutorial_link a::before {
  content: "";
  background: url(../images/pay/beginner/renewal/icon_beginner.png) top / 100% no-repeat;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
}
.beginner .tutorial_link a::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  border-radius: 2px;
}
/* 制御 */
.beginner .stamprally_wrap.disp-1, .topMarathon .stamprally_wrap.disp-1, .beginner .stamprally_wrap.disp-2, .topMarathon .stamprally_wrap.disp-2, .beginner .special_coupon.disp-0, .topMarathon .special_coupon.disp-0, .beginner .special_coupon.disp-2, .topMarathon .special_coupon.disp-2, .beginner .no_event.disp-0, .topMarathon .no_event.disp-0, .beginner .no_event.disp-1, .topMarathon .no_event.disp-1 {
  display: none !important;
}
.beginner .stamprally_wrap.disp-0, .topMarathon .stamprally_wrap.disp-0, .beginner .special_coupon.disp-1, .topMarathon .special_coupon.disp-1, .beginner .no_event.disp-2, .topMarathon .no_event.disp-2 {
  display: block !important;
}
.beginner .special_coupon .event_period, .topMarathon .special_coupon .event_period {
  background: url("../images/pay/beginner/renewal/bg_event_period.jpg") top / 100%;
  height: 58px;
  padding-top: 32px;
  font-size: 12px;
}
.beginner .special_coupon .bnr_coupon01, .topMarathon .special_coupon .bnr_coupon01 {
  background: url("../images/pay/beginner/renewal/bg_bnr_coupon01.jpg") top / 100%;
  height: 118px;
  padding: 0 12px;
}
.beginner .special_coupon .coupon_list, .topMarathon .special_coupon .coupon_list {
  background: url("../images/pay/beginner/renewal/bg_coupon_list.jpg") repeat-y top / 100%;
}
.beginner .special_coupon .coupon_list li, .topMarathon .special_coupon .coupon_list li {
  position: relative;
  height: 54px;
  box-sizing: border-box;
  border: 3px solid #977c0f;
  background: #fff;
  border-radius: 4px;
  margin: 0 14px;
}
.beginner .special_coupon .coupon_list .coupon_code, .topMarathon .special_coupon .coupon_list .coupon_code {
  position: absolute;
  top: 12px;
  left: 6px;
  box-sizing: border-box;
  border: 1px solid #000;
  background: #fff;
  width: 190px;
  height: 24px;
  z-index: 1;
}
.beginner .special_coupon .coupon_list .submit, .topMarathon .special_coupon .coupon_list .submit {
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/pay/beginner/renewal/btn_get.png") no-repeat top / 100%;
  background-size: 78px 25px;
  background-position: right 6px center;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.beginner .special_coupon .bnr_coupon02, .topMarathon .special_coupon .bnr_coupon02 {
  background: url("../images/pay/beginner/renewal/bg_bnr_coupon02.jpg") top / 100%;
  height: 159.5px;
  padding: 26px 22px 47px;
}
/*////////////////////////////////////////////////////////

ご褒美クーポン(初心者ページの遷移ページ)

////////////////////////////////////////////////////////*/
.coupon_present .h3 img {
  padding: 0 12px;
}
.coupon_present .list_menu.new li {
  margin-bottom: 7px;
}
.coupon_present .list_menu.new li a {
  padding: 22px 26px 22px 12px;
}
.coupon_present .list_menu.new .price {
  text-align: right;
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  text-decoration-color: #ff0000;
}
/*////////////////////////////////////////////////////////

七夕 COUPON 

////////////////////////////////////////////////////////*/
.tanabata_coupon .mv {
  position: relative;
  height: 320px;
}
.tanabata_coupon h2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.tanabata_coupon .coupon_box {
  top: 228px;
  border: 1px solid #e0b84b;
  border-radius: 8px;
  margin: 0 17px;
  padding: 12px 20px 10px;
  background: #fff;
  box-sizing: border-box;
  position: relative;
  outline-offset: -3px;
  outline: 2px solid #b7901e;
  z-index: 2;
}
.tanabata_coupon .coupon_box p {
  color: #350000;
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 12px;
}
.tanabata_coupon .coupon_box form {
  margin: 0 auto;
  position: relative;
  margin-top: 1px;
}
.tanabata_coupon .coupon_box input {
  width: 100%;
  border: 1px solid #977c0f;
  background-color: #fff;
  color: #350000;
  padding: 7px 0 7px 12px;
  border-radius: 0;
  box-sizing: border-box;
}
.tanabata_coupon .coupon_box input.use_btn {
  width: 80.5px;
  min-height: 22px;
  padding: 0;
  display: block;
  background: url(../images/pay/coupon_party/get/btn_get.png) top / 100% no-repeat;
  border: none;
  box-shadow: none;
  position: absolute;
  top: 22px;
  right: 9px;
}
/*////////////////////////////////////////////////////////

世界占いの日 COUPON 

////////////////////////////////////////////////////////*/
/* pop
------------------------- */
.form_world_fortune {
  width: 230px;
  padding-left: 10px;
  position: absolute;
  top: 138px;
  left: 50%;
  transform: translateX(-50%);  
}
.form_world_fortune li {
  display: flex;
  align-items: center;
  height: 23px;
  position: relative;
}
.form_world_fortune li + li {
  margin-top: 4px;
}
.form_world_fortune label {
  width: 100%;
  height: 100%;
  font-size: 0;
}
.form_world_fortune input {
  margin: 0;
  padding: 0;
  border-radius: 0;
}
.form_world_fortune input[type="radio"] {
  flex-shrink: 0;
  width: 15px;
  height: 15px;
}
.form_world_fortune input[type="radio"]:checked:before {
  content: '';
  width: 14px;
  height: 14px;
  position: absolute;
  top: 3px;
  left: 2px;
  background: url(../images/pay/tanabata_coupon/icon_check.png) top / 100% no-repeat;  
}
.form_world_fortune .btn_submit {
  opacity: 0;
  width: 130px;
  height: 40px;
}
/* クーポンページ
------------------------- */
.box_world_fortune_coupon {
  width: 90%;
  margin: -90px auto 30px;
  padding: 12px 20px 10px;
  position: relative;
  border: 1px solid #e0b84b;
  border-radius: 8px;
  outline-offset: -3px;
  outline: 2px solid #b7901e;
  color: #333;
  background: #fff;
}
.box_world_fortune_coupon p {
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: bold;
}
.box_world_fortune_coupon form {
  position: relative;
}
.box_world_fortune_coupon input[type="text"] {
  width: 100%;
  border: 1px solid #977c0f;
  background: #fff;
}
.box_world_fortune_coupon .btn_use {
  width: 100%;
  height: 100%;
  margin: auto;
  padding: 0;  
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/pay/coupon_party/get/btn_get.png) no-repeat 97% center;
  background-size: 83px;
}
/*////////////////////////////////////////////////////////

年末年始動画

////////////////////////////////////////////////////////*/
.movie_area.open-0, .movie_area.open-2 {
  display: none;
}
.movie_box {
  background: url(../images/pay/newyear_movie/bg_greeting.jpg) repeat-y top;
  background-size: 100%;
  margin-bottom: 15px;
  padding: 0 0 35px;
}
.movie_box.movie-open-0 .movie_on, .movie_box.movie-open-1 .movie_off {
  display: none;
}
.movie_box #greeting_video {
  margin: 0 auto;
  border-radius: 4px;
  border: 3px solid #000;
  overflow: hidden;
}
.movie_off p {
  width: 300px;
  margin: 0 auto;
}
.movie_area .special_box .inner {
  background: #fff;
  border: 2px solid #d8c01e;
  border-radius: 8px;
  margin: 0 10px 15px;
  padding: 18px 13px 25px;
  box-shadow: 0px 2px #ff0000, 2px 0px #ff0000, 0px -2px #ff0000, -2px 0px #ff0000, 0px 3px #191600 inset, 3px 0px #191600 inset, 0px -3px #191600 inset, -3px 0px #191600 inset;
}
.movie_area .special_box .appeal {
  margin: 15px 20px 5px 0;
}
.movie_area .special_box .notice {
  width: 85%;
  margin: 0 auto 15px;
  font-feature-settings: "palt";
}
.movie_area .special_box .notice li {
  color: #000;
  font-size: 10px;
  text-align: left;
  line-height: 1.4;
  text-indent: -10px;
  padding-left: 10px;
  font-feature-settings: "palt";
}
.movie_area .special_box .fukidashi {
  margin-bottom: -5px;
  position: relative;
}
.movie_area .special_box .bnr {
  width: 95%;
  margin: auto;
  padding: 0;
}
/*////////////////////////////////////////////////////////

割引キャンペーン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 {
  margin-bottom: 5px;
  padding: 8px 0;
  line-height: 1;
  font-size: 16px;
  color: #ff4b1b;
  font-weight: bold;
  background: yellow;
}
.sale-box .sale-here {
  margin-bottom: 5px;
  background: #333;
}
.sale-box .sale-here a {
  display: block;
  padding: 30px 20px;
  font-size: 17px;
  font-weight: bold;
  color: yellow;
}
.sale-site {
  background: red;
  color: #ffff00;
  padding: 7px 0;
  font-weight: bold;
  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;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
  background: #fff;
}
.sale-box li p, .sale-box li font {
  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/icon/icon-person.png) top / 100% no-repeat;
}
.sale-box li p:nth-child(2).one::before {
  background: url(../images/icon/icon-person.png) top / 100% no-repeat;
  background-position: -13px
}
.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: 163px;
}
.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;
}
/*////////////////////////////////////////////////////////

相互送客

////////////////////////////////////////////////////////*/
.banner_mutual {
  margin-bottom: 30px;
}
.banner_mutual.open-0, .banner_mutual.open-2 {
  display: none;
}
.banner_mutual.open-1 {
  display: block;
}
.banner_mutual .txt {
  font-weight: bold;
  font-size: 13px;
}
.banner_mutual .txt span {
  font-size: 16px;
}