:root {
    --site_font-size-1: 4cqi;
}

.ppv_top * {
    font-size: var(--site_font-size-1);
}
.ppv_top img {
    display: block;
}
.ppv_top section {
    container-type: inline-size;
}
.to {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 12000%;
    font-size: 0;
}


.ppv_top h1 {
    display: block;
    background: url(../../img/bar/ppv.png)no-repeat center / 100% 100%;
    margin: 4%;
    padding: 6%;
    font-size: 8cqi;
    text-align: center;
}

/*ppvセレクトボタン*/
.under_fuki  {
    position: relative;
    color: #231271;
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid;
    padding: 2%;
    text-align: center;
    font-size: 5.2cqi;
    margin: 0 3%;
}
.under_fuki::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -3cqi;
    transform: translateX(-50%);
    width: 0px;
    height: 0px;
    border-width: 5cqi 3cqi 0px 3cqi;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.ppv_select .select_nav {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 4cqw;
    height: 42cqw;
    padding: 0 2% 0 1%;
    background: url(../../img/ppv/bg_ppv_navi.png) no-repeat center / 100% 100%;
    margin: 0 3%;
    box-sizing: border-box;
}
.select_nav li a {
    display: block;
    height: 100%;
}


.price_range-text {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--site_font-size-1);
    font-weight: bold;
    letter-spacing: 1cqi;
}
.price_range-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4cqi;
    font-size: var(--site_font-size-1);
    font-weight: bold;
    text-align: center;
    padding: 5%;
}
.price_range-box > a {
    border-radius: 10px;
    border: 3px solid;
    border-color: #d4bb7b;
    padding: 18% 6%;
}
.price_range-box__btn1 {
    box-shadow: inset 4px 4px 3px 1px #ffffff, inset -4px -4px 3px 2px #71125e;
    background: linear-gradient(180deg, rgba(255, 52, 184, 1) 0%, rgba(153, 31, 110, 1) 100%);
}
.price_range-box__btn2 {
    box-shadow: inset 4px 4px 3px 1px #ffffff, inset -4px -4px 3px 2px #423f00;
    background: linear-gradient(180deg, rgba(242, 230, 0, 1) 0%, rgba(99, 94, 0, 1) 100%);
}
.price_range-box__btn3 {
    box-shadow: inset 4px 4px 3px 1px #ffffff, inset -4px -4px 3px 2px #27254a;
    background: linear-gradient(180deg, rgba(127, 118, 255, 1) 0%, rgba(81, 76, 160, 1) 100%);
}


.purchase_history {
    position: relative;
    width: 90%;
    letter-spacing: 0.2em;
    background: #D3D0E3;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em;
    color: black;
    height: 0.01em;
    min-height: 3em;
    font-size: 4cqi;
    font-weight: bold;
    border: 1.5px solid #7F76FF;
    border-radius: 5em;
    text-decoration: none;
}
.purchase_history::after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.8cqi 0 1.8cqi 2.5cqi;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3%;
    border-color: transparent transparent transparent black;
}

/*検索*/
.box_input_area {
    background: #D4BB7B;
    padding: 3%;
}
.box_input_area .search-text {
    flex: 4;
    border: none;
    border-radius: 2cqi;
    padding: 0 2%;
}
.box_input_area .img_button {
    flex: 1;
    border: none;
    background: none;
    margin-left: 3%;
}



/*ppvメニュータイトル*/
/*共通*/
.title_deco1, .title_deco2,
.title_deco3, .title_deco4,
.title_deco5, .title_deco6 {
    position: relative;
    text-align: center;
}
.title_deco1::before,.title_deco1::after,
.title_deco2::before,.title_deco2::after,
.title_deco3::before,.title_deco3::after,
.title_deco4::before,.title_deco4::after,
.title_deco5::before,.title_deco5::after,
.title_deco6::before,.title_deco6::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 2px; 
    background: linear-gradient(
    to right,
    transparent,
    yellow,
    transparent
    );
}
.title_deco1::before,.title_deco2::before,
.title_deco3::before,.title_deco4::before,
.title_deco5::before,.title_deco6::before {
    top: 0; 
}
.title_deco1::after,.title_deco2::after,
.title_deco3::after,.title_deco4::after,
.title_deco5::after,.title_deco6::after {
    bottom: 0;
}
.title_deco1 h3, .title_deco2 h3,
.title_deco3 h3, .title_deco4 h3,
.title_deco5 h3, .title_deco6 h3  {
    text-align: center;
    color: yellow;
    font-weight: bold;
    font-size: 7cqi;
    margin: 3%;
    padding: 3%;
}


.title_deco2,.title_deco3,
.title_deco4,.title_deco5,.title_deco6 {
    margin: 0 3%;
}
.title_deco2::before,
.title_deco2::after {
    background: linear-gradient(
    to right,
    rgb(111, 0, 255) 0,
    rgb(255, 24, 228) 50%,
    rgb(111, 0, 255) 100%
    );
}
.title_deco3::before,
.title_deco3::after {
    background: linear-gradient(
    to right,
    rgb(255, 191, 242) 0,
    rgb(255, 24, 97) 50%,
    rgb(255, 191, 242) 100%
    );
}
.title_deco4::before,
.title_deco4::after {
    background: linear-gradient(
    to right,
    rgb(240, 191, 255) 0,
    rgb(147, 0, 226) 50%,
    rgb(240, 191, 255) 100%
    );
}
.title_deco5::before,
.title_deco5::after {
    background: linear-gradient(
    to right,
    rgb(99, 64, 255) 0,
    rgb(207, 204, 255) 50%,
    rgb(99, 64, 255) 100%
    );
}
.title_deco6::before,
.title_deco6::after {
    background: linear-gradient(
    to right,
    rgb(84, 41, 255) 0,
    rgb(0, 255, 221) 50%,
    rgb(84, 41, 255) 100%
    );
}

.ppv_confirm h2 {
    font-size: 20px;
    line-height: 48px;
}

.ppv-career p {
    /* font-size: 2.1cqi; */
    font-size: 0.8rem !important;
    line-height:1.2;
}


.last-day {
    position: relative;
}

.last-day.none {
    display: none !important;
}

.last-day.show {
    display: inline-block !important;
}

.last-day img {
    display: block;
    width: 100%;
    height: auto;
}
  
.last-day div {
    position: absolute;
    top: 27%;
    left: 55%;
    transform: translate(-50%, -50%);
    color: yellow;
    font-size: clamp(14px, 4cqi, 24px);
    font-weight: bold;
    text-align: center;
    width: 100%;
  }

  .guest-area .uranow-appeal{
    font-size: 1.0rem;
    margin-top: -5%;
    line-height: 1.2;
    color: var(--site-font-color-1);
  }
  
  .guest-area .uranow-appeal .link-login{
    font-size: 1rem;
    color: var(--site-font-color-1);
  }
  
  .guest-area .uranow-appeal .link-login a{
    color: var(--site-font-color-1);
  }
  
  .link-btn-red {
      height: 50px;
      margin: 20px auto;
      width: 70%;
      padding: 8cqw 0;
      font-weight: bold;
  
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 15px;
      padding: 17px 40px;
      position: relative;
      background-color: #ffd000;
      border-radius: 60px;
      box-shadow: 0px 5px 0px #897001;
  }