.page-ohmiya7 .d-none {
    display: none !important;
}

.page-ohmiya7 .top-banner {
    max-width: 1920px;
    min-height: 400px;
    max-height: 800px;
    margin: 0 auto;
    background: url(https://s3.ap-northeast-1.amazonaws.com/storage.up-t.jp/Campaign/nig2024/bg-banner.jpg) center no-repeat;
    background-size: 100% 127%;
}

.page-ohmiya7 .box-banner {
    padding: 20px 0;
    align-items: center;
}

.page-ohmiya7 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.page-ohmiya7 .box-clock {
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 3px 1px #deece8;
    border-radius: 3px;
    margin: 0 auto;
    padding: 25px 110px;
    width: fit-content;
    gap: 10px;
    align-items: center;
    flex-direction: column;
}

.page-ohmiya7 .clock-time {
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.page-ohmiya7 .icon-clock {
    width: 35px;
}

.box-head-clock {
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
}

.page-ohmiya7 .text-clock-banner {
    color: #474747;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
}

.page-ohmiya7 .hour {
    font-size: 33px;
    line-height: 30px;
    color: #474747;
    font-weight: 700;
    justify-content: center;
}

.page-ohmiya7 .link-banner {
    font-size: 21px;
    line-height: 28px;
    background-color: #c10000;
    color: #FFFFFF;
    padding: 10px 35px 10px 25px;
    border-radius: 50px;
    font-weight: 700;
    position: relative;
    box-shadow: 0 2px 1px 1px #7d0a2a;
}

.link-banner::after {
    content: '';
    position: absolute;
    top: 28%;
    right: 6%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
    transform: rotate(223deg);
}

.page-ohmiya7 .hashtag-banner {
    font-size: 20px;
    line-height: 35px;
    color: #948156;
    padding: 3px 8px;
    border: 1px solid #948156;
}

.page-ohmiya7 .box-hashtag {
    justify-content: center;
    gap: 20px;
    margin-top: 65px;
}

.page-ohmiya7 .link-banner img {
    width: 25px;
    margin-left: 5px;
    vertical-align: sub;
}

.page-ohmiya7 .frame-banner {
    position: relative;
    left: -30px;
}

.page-ohmiya7 .part-banner {
    flex: 1;
}

.page-ohmiya7 .text-banner {
    font-weight: 700;
    font-size: 31px;
    line-height: 40px;
    color: #423500;
}

.page-ohmiya7 .banner-nav {
    background-color: #bcedff;
    min-height: fit-content;
    max-height: max-content;
    padding: 11px 0;
}

.page-ohmiya7 .banner-nav ul li a span {
    font-size: 24px;
    line-height: 35px;
    color: #19637e;
}

.page-ohmiya7 .banner-nav ul li a::after {
    content: '';
    background: url("https://s3.ap-northeast-1.amazonaws.com/storage.up-t.jp/Campaign/nig2024/ic-triangle.png") center no-repeat;
    background-size: 100%;
    width: 20px;
    height: 23px;
}

.page-ohmiya7 .intro,
.page-ohmiya7 .intro-band {
    padding: 50px 0;
}

.page-ohmiya7 .ranking {
    padding: 50px 0;
}

.page-ohmiya7 .open-part {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    padding: 20px 0;
    color: #FFFFFF;
    margin-bottom: 30px;
    background: linear-gradient(90deg, #f6a6ff, #a0bcff, #4ed0ff);
}

.page-ohmiya7 .text-intro {
    font-size: 18px;
    line-height: 35px;
    padding-bottom: 30px;
    font-weight: 700;
}

.page-ohmiya7 .frame-prize {
    background-color: rgba(255, 254, 233, 0.7);
    padding: 20px 0;
    text-align: center;
    margin-bottom: 60px;
}

.page-ohmiya7 .frame-prize img {
    width: 40%;
}

.page-ohmiya7 .timeline-box,
.page-ohmiya7 .timeline-img {
    position: relative;
}

.page-ohmiya7 .timeline-box {
    padding: 60px 20px 130px;
    background-color: #FFFFFF;
}

.page-ohmiya7 .timeline-item {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    transform: translate(-50%, 50%);
    font-size: 18px;
    line-height: 25px;
    width: max-content;
}

.page-ohmiya7 .timeline-item-3,
.page-ohmiya7 .timeline-item-2 {
    color: #fb9142;
}

.page-ohmiya7 .timeline-item-1 {
    color: #1facb1;
}

.page-ohmiya7 .img-timeline {
    width: 20px;
}

.page-ohmiya7 .timeline-item-1 {
    top: 53%;
    left: 32%;
}

.page-ohmiya7 .timeline-item-2 {
    top: 53%;
    left: 61.7%;
}

.page-ohmiya7 .timeline-item-3 {
    top: 5%;
    left: 98%;
}

.page-ohmiya7 .box-text-timeline {
    background: url("/common/design/user/img/ohmiya7/bg-box-text-timeline.png") center no-repeat;
    background-size: 100% 100%;
    padding: 20px 20px 30px;
    position: absolute;
    transform: translate(-50%, 50%);
    color: #FFFFFF;
    font-size: 16px;
    line-height: 25px;
    top: -19%;
    right: -3%;
}

.page-ohmiya7 .bg-blue {
    background-color: #f2faff;
}

.page-ohmiya7 .how-to-join {
    padding: 50px 0;
}

.page-ohmiya7 .bg-green {
    background-color: #e8ffe2;
}

.page-ohmiya7 .bg-yellow {
    background-color: #feffd0;
}

.page-ohmiya7 .open-count-point {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #b2b2b2;
    padding-bottom: 25px;
}

.page-ohmiya7 .count-point {
    background-color: #f6f6f6;
    padding: 50px 0;
}

.page-ohmiya7 .role-point {
    border: 2px solid #ffae00;
    color: #ffae00;
    border-radius: 100px;
    font-size: 39px;
    padding: 5px 10px 2px;
    width: fit-content;
    margin: 0 auto;
    font-weight: 700;
}

.page-ohmiya7 .name-point {
    color: #ffae00;
    font-size: 18px;
    line-height: 25px;
    padding: 10px 0;
    font-weight: 700;
}

.page-ohmiya7 .text-point {
    font-size: 18px;
    line-height: 25px;
    padding-bottom: 10px;
}

.page-ohmiya7 .box-count-point {
    background-color: #FFFFFF;
    border: 1px solid #d2d2d2;
    width: fit-content;
    margin: 0 auto;
}

.page-ohmiya7 .the-1st {
    color: #d0a75f;
}

.page-ohmiya7 .the-2nd {
    color: #a2a2a2;
}

.page-ohmiya7 .the-3rd {
    color: #966969;
}

.page-ohmiya7 .the-lower {
    color: #7dcfcc;
}

.page-ohmiya7 .number-point:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.page-ohmiya7 .number-point {
    padding: 15px 0;
    border-bottom: 1px dashed #d2d2d2;
    justify-content: center;
    align-items: center;
}

.page-ohmiya7 .box-point:last-child {
    border-right: none;
}

.page-ohmiya7 .box-point {
    border-right: 1px solid #d2d2d2;
    padding: 20px;
}

.page-ohmiya7 .personal-design {
    padding: 50px 0;
    background-color: #daf7ff;
}

.page-ohmiya7 .line-marquee {
    position: relative;
}

.page-ohmiya7 .box-note-marquee {
    width: 100%;
    padding: 12px;
    letter-spacing: 2px;
    font-weight: 500;
    margin-top: -2px;
    font-size: 18px;
    line-height: 28px;
    position: absolute;
    top: 45%;
}

.page-ohmiya7 .note-marquee {
    background: transparent;
    color: #fff;
}

.page-ohmiya7 .rank-table {
    max-height: 740px;
    overflow-x: hidden;
    border: 1px solid #e0e0e0;
    margin-top: 30px;
}

.page-ohmiya7 .rank-table .ranking-idol {
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}

.page-ohmiya7 .number-rank,
.page-ohmiya7 .total-rank {
    position: relative;
}

.page-ohmiya7 .number-rank {
    padding-right: 20px;
}

.page-ohmiya7 .total-rank {
    width: 50px;
}

.page-ohmiya7 .rank-table .gray-square {
    height: 120px;
    width: 120px;
    flex-shrink: 0;
    padding: 8px;
    margin-right: 10px;
}

.page-ohmiya7 .info-idol .name-idol {
    font-size: 18px;
    line-height: 32px;
    font-weight: 700;
}

.page-ohmiya7 .button-rank .button-red,
.page-ohmiya7 .button-rank .button-blue {
    font-size: 21px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6px 40px;
    margin: 4px;
    border-radius: 5px;
    font-weight: 700;
}

.page-ohmiya7 .button-red {
    background-color: #d20000;
}

.page-ohmiya7 .button-red a,
.page-ohmiya7 .button-blue a {
    color: #FFFFFF;
}

.page-ohmiya7 .button-red img,
.page-ohmiya7 .button-blue img {
    width: 20px;
}

.page-ohmiya7 .button-blue {
    background-color: #000000;
}

.page-ohmiya7 .box-rank {
    font-size: 16px;
    line-height: 25px;
    /*border: 1px solid #e8e8e8;*/
    border-radius: 10px;
    /*padding: 10px 20px;*/
}

.page-ohmiya7 .list-box-rank {
    gap: 20px;
    justify-content: flex-start;
    align-items: center;
}

.page-ohmiya7 .rank-timer .open-rank {
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    color: #343434;
    text-align: center;
    padding: 50px 0 30px;
}

.page-ohmiya7 .rank-table ul {
    background-color: #FFFFFF;
}

.page-ohmiya7 .rank-table ul li:nth-child(2n) {
    background-color: #fafafa;
}

.page-ohmiya7 .broad-ranking {
    padding-bottom: 30px;
    margin: 0 auto;
}

.page-ohmiya7 .tabs-sekigahara {
    justify-content: center;
}

.page-ohmiya7 .tabs-sekigahara li a .tabs-a-ct {
    font-size: 20px;
    background-color: #f0f0f0;
    font-weight: 700;
    text-align: center;
    border-radius: 5px;
    padding: 20px 50px;
    margin: 0 8px;
    color: #adadad;
    border: 1px solid #d0d0d0;
}

.page-ohmiya7 .tabs-sekigahara li a.active .tabs-a-ct {
    background-color: #000000;
    border: none;
    color: #ffffff;
}

.page-ohmiya7-sp .top-banner {
    background: url(https://s3.ap-northeast-1.amazonaws.com/storage.up-t.jp/Campaign/nig2024/bg-banner-sp.jpg) center no-repeat;
    background-size: cover;
}

.page-ohmiya7-sp .hashtag-banner {
    font-size: 14px;
    line-height: 20px;
    padding: 5px 0;
}

.page-ohmiya7-sp .frame-banner {
    left: 0;
    margin-bottom: 10px;
}

.page-ohmiya7-sp .box-clock {
    border-radius: 5px;
    padding: 5px 10px;
    gap: 10px;
    align-items: center;
    flex-direction: row;
}

.page-ohmiya7-sp .icon-clock {
    width: 20px;
}

.page-ohmiya7-sp .text-clock-banner {
    font-size: 12px;
    line-height: 20px;
}

.page-ohmiya7-sp .hour {
    font-size: 19px;
    line-height: 30px;
}

.page-ohmiya7-sp .link-banner {
    font-size: 14px;
    line-height: 20px;
    padding: 6px 20px 6px 10px;
    border-radius: 50px;
    margin-top: 0;
}

.page-ohmiya7-sp .clock-time {
    gap: 3px;
}

.page-ohmiya7-sp .text-banner {
    font-size: 15px;
    line-height: 25px;
    padding-bottom: 10px;
}

.page-ohmiya7-sp .box-banner {
    padding: 10px 0;
}

.page-ohmiya7-sp .banner-nav ul li a span {
    font-size: 12px;
    line-height: 20px;
    word-break: keep-all;
}

.page-ohmiya7-sp .banner-nav ul li {
    padding: 0;
    text-align: center;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    width: auto;
    font-size: 10px;
}

.page-ohmiya7-sp .open-part {
    font-size: 16px;
    line-height: 25px;
    padding: 10px 0;
    margin-bottom: 20px;
    background-size: 100%;
}

.page-ohmiya7-sp .text-intro {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 20px;
}

.page-ohmiya7-sp .frame-prize {
    padding: 10px 0;
    margin-bottom: 20px;
}

.page-ohmiya7-sp .frame-prize img {
    width: 80%;
}

.page-ohmiya7-sp .timeline-item {
    font-size: 10px;
    line-height: 13px;
}

.page-ohmiya7-sp .img-timeline {
    width: 10px;
}

.page-ohmiya7-sp .timeline-box {
    padding: 25px 10px 55px;
    margin: 0 auto;
}

.page-ohmiya7-sp .box-text-timeline {
    padding: 5px 9px 8px;
    font-size: 10px;
    line-height: 15px;
    top: -24%;
    right: -8%;
}

.page-ohmiya7-sp .timeline-item-3 {
    top: -1%;
    left: 93%;
    align-items: end;
}

.page-ohmiya7-sp .timeline-item-2 {
    top: 49%;
    left: 50%;
}

.page-ohmiya7-sp .timeline-item-1 {
    top: 49%;
    left: 26%;
}

.page-ohmiya7-sp .personal-design,
.page-ohmiya7-sp .count-point,
.page-ohmiya7-sp .how-to-join,
.page-ohmiya7-sp .ranking,
.page-ohmiya7-sp .intro {
    padding: 20px 0;
}

.page-ohmiya7-sp .way-to-join {
    flex-direction: column;
    gap: 0;
}

.page-ohmiya7-sp .img-rule {
    height: fit-content;
    width: 100%;
    padding-bottom: 0;
}

.page-ohmiya7-sp .part-number {
    width: 100%;
}

.page-ohmiya7-sp .box-count-point {
    flex-direction: column;
    width: 100%;
    gap: 20px;
    background-color: transparent;
    border: none;
}

.page-ohmiya7-sp .rank-point {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-ohmiya7-sp .role-point {
    border: 2px solid #ffae00;
    font-size: 19px;
    padding: 5px 7px 2px;
}

.page-ohmiya7-sp .name-point {
    font-size: 14px;
    line-height: 20px;
    padding: 5px 0;
}

.page-ohmiya7-sp .text-point {
    font-size: 12px;
    line-height: 15px;
    padding-bottom: 10px;
}

.page-ohmiya7-sp .number-point:last-child {
    border-right: none;
}

.page-ohmiya7-sp .number-point {
    padding: 2px 0;
    border-bottom: none;
    border-right: 1px dashed #d2d2d2;
    flex-direction: column;
    flex: 1;
}

.page-ohmiya7-sp .box-point {
    border: 1px solid #d2d2d2;
    background-color: #FFFFFF;
    padding: 10px;
}

.page-ohmiya7-sp .open-count-point {
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 20px;
}

.page-ohmiya7-sp .name-idol {
    font-size: 12px;
    line-height: 20px;
}

.page-ohmiya7-sp .but-twit img {
    width: 15px;
}

.page-ohmiya7-sp .box-note-marquee {
    font-size: 12px;
    top: 25%;
}

.page-ohmiya7-sp .rank-table {
    margin-top: 10px;
}

.page-ohmiya7-sp .rank-table .ranking-idol {
    padding: 10px;
    flex-direction: column;
    align-items: flex-start;
}

.page-ohmiya7-sp .info-idol .name-idol {
    font-size: 14px;
    line-height: 16px;
}

.page-ohmiya7-sp .rank-table .ranking-idol .button-rank {
    justify-content: space-between;
    display: flex;
    width: 100%;
}

.page-ohmiya7-sp .button-rank .button-red,
.page-ohmiya7-sp .button-rank .button-blue {
    width: calc((100% - 5px) / 2);
    padding: 5px;
}

.page-ohmiya7-sp .button-red a,
.page-ohmiya7-sp .button-blue a {
    font-size: 12px;
}

.page-ohmiya7-sp .button-red img,
.page-ohmiya7-sp .button-blue img {
    width: 15px;
}

.page-ohmiya7-sp .box-rank {
    font-size: 10px;
    line-height: 15px;
    border-radius: 5px;
    padding: 5px;
}

.page-ohmiya7-sp .number-rank {
    padding-right: 0;
}

.page-ohmiya7-sp .total-rank {
    width: 25px;
}

.page-ohmiya7-sp .text-rank {
    top: 11%;
    left: 50%;
    font-size: 10px;
}

.page-ohmiya7-sp .list-box-rank {
    gap: 7px;
}

.page-ohmiya7-sp .rank-table .gray-square {
    height: 90px;
    width: 90px;
    padding: 5px;
    margin-right: 0;
}

.page-ohmiya7-sp .tabs-sekigahara li a .tabs-a-ct {
    font-size: 12px;
    line-height: 18px;
    padding: 10px 15px;
    margin: 0 3px;
}

.page-ohmiya7 .final-result {
    align-items: center;
    justify-content: center;
    background-color: #3bc9fd;
    border-radius: 10px;
    padding: 30px 20px;
    gap: 50px;
    width: 925px;
    margin: 0 auto;
}

.page-ohmiya7 .text-final {
    font-size: 20px;
    line-height: 36px;
    font-weight: 700;
    color: #fff;
}

.page-ohmiya7 .text-final span {
    font-size: 30px;
    line-height: 36px;
}

.page-ohmiya7 .countdown-final {
    padding: 25px 50px;
    background-color: #212121;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.page-ohmiya7 .title-countdown {
    font-size: 20px;
    color: #ff0000;
    line-height: 36px;
    padding-bottom: 10px;
}

.page-ohmiya7 .countdown-final .hour {
    font-weight: 700;
    line-height: 36px;
    font-size: 40px;
    color: #ffffff;
}

.ways-join {
    gap: 20px;
    justify-content: center;
}

.box-join {
    align-items: center;
    padding: 30px;
    border-radius: 10px;
    flex-direction: column;
    justify-content: flex-start;
    width: 49%;
    box-shadow: 0 0 5px 2px #eaeaea;
}

.img-shirt {
    height: 175px;
    margin-bottom: 30px;
}

.name-join {
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    padding-bottom: 20px;
}

.text1-join {
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 20px;
}

.list-buy {
    gap: 20px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.idol-info-sell {
    background-color: #FFFFFF;
    padding: 20px 40px;
    width: 48%;
    border-radius: 5px;
}

.name-idol-sell,
.text-name {
    font-size: 16px;
    line-height: 25px;
    min-height: 50px;
}

.idol-sell {
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}

.part-idol {
    flex: 1;
}

.img-idol,
.img-white-shirt {
    padding: 20px 0;
    height: 260px;
}

.text-price {
    min-height: 30px;
    font-size: 14px;
    line-height: 25px;
}

.but-link {
    height: 45px;
    border-radius: 10px;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto 0;
    padding: 10px;
    width: 200px;
}

.broad-rank .but-link {
    padding: 10px 50px;
}

.but-link a {
    color: #FFFFFF;
}

.but-twit {
    background-color: #000000;
}

.but-link img {
    width: 25px;
    margin-right: 5px;
    vertical-align: middle;
}

.img-white-shirt {
    position: relative;
}

.img-white-shirt img {
    background-color: #f2f2f2;
    padding: 10px;
}

.img-white-shirt:after {
    content: "";
    background-image: url(/common/design/user/img/iket/ic-plus-grey.png);
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 5px;
    bottom: 27px;
}

.open-band {
    color: #343434;
    font-size: 34px;
    line-height: 45px;
    padding-bottom: 50px;
    font-weight: 700;
}

.first-text {
    color: #343434;
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 20px;
    font-weight: 700;
}

.second-text {
    color: #7f7f7f;
    font-size: 16px;
    line-height: 24px;
}

.first-intro {
    align-items: flex-start;
    gap: 20px;
}

.second-text a,
.second-text a:hover {
    color: #7f7f7f;
}

.new-list-img {
    position: relative;
    padding-top: 20px;
}

.line-img {
    height: 1px;
    width: 100%;
    background-color: #bebebe;
    position: absolute;
    top: 65%;
}

.text-list {
    background-color: #bebebe;
    font-size: 20px;
    line-height: 25px;
    padding: 10px 20px;
    width: fit-content;
    margin: 0 auto;
    color: #ffffff;
    z-index: 3;
    position: relative;
}

.list-img-band {
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px 0 50px;
}

.img-band {
    width: 32%;
}

.band-single {
    border-radius: 5px;
    border: 1px solid #dadada;
    padding: 30px 20px;
    background-color: #ffffff;
    width: 32%;
}

.name-band {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 10px;
}

.img-band-info {
    padding-bottom: 20px;
}

.info-name-band {
    font-size: 16px;
    line-height: 25px;
    min-height: 60px;
    border-bottom: 1px solid #dadada;
    margin-bottom: 15px;
}

.text-band {
    font-size: 16px;
    line-height: 30px;
}

.info-band {
    flex-wrap: wrap;
    gap: 20px;
}

.open-text {
    font-size: 40px;
    line-height: 50px;
    color: #772c2c;
    font-weight: 700;
    background: url("https://s3.ap-northeast-1.amazonaws.com/storage.up-t.jp/Campaign/reohmiya7/bg-open-text.png") center no-repeat;
    background-size: cover;
    padding: 20px 0 30px;
    margin: 50px 0 25px;
}

.text-benefit,
.img-benefit {
    flex: 1;
    position: relative;
}

.text-1-benefit {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
}

.text-1-benefit span {
    font-size: 30px;
    color: #fb9142;
}

.text-2-benefit {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
}

.box-benefit {
    align-items: center;
}

.piece-5-benefit {
    background: url("https://s3.ap-northeast-1.amazonaws.com/storage.up-t.jp/Campaign/reohmiya7/piece-5-benefit.png") center no-repeat;
    background-size: cover;
    font-size: 20px;
    line-height: 30px;
    color: #212121;
    padding: 16px 10px;
    position: absolute;
    font-weight: 700;
    top: -38%;
    right: 11%;
}
.text-head-clock {
    font-size: 33px;
    line-height: 38px;
    color: #ef4465;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
}

.lightning-right,
.lightning-left {
    position: absolute;
    top: -9%;
    width: 11%;
}

.lightning-right {
    right: 0;
}

.position-relative {
    position: relative;
}
.grand-fix-award {
    background: url(/common/design/user/img/idolkoushien/bg-prize.jpg) no-repeat center;
    background-size: 100% 100%;
    padding: 0 0 100px;
    position: relative;
    margin-top: 60px;
}

.img-open-prize {
    margin: 0 auto;
    position: relative;
    top: -55px;
    width: 50%;
}

.list-into-prize {
    width: 81%;
    margin: 0 auto;
}

.box-prize {
    justify-content: center;
    align-items: center;
    background-color: #FFFFFF;
    padding: 110px 35px 35px;
    gap: 20px;
    border-radius: 10px;
    flex: 1;
    flex-direction: column;
    position: relative;
}

.icon-prize-1 {
    position: absolute;
    width: 125px;
    top: -28px;
    left: 39%;
}

.box-prize-1st {
    align-items: center;
    flex-direction: column;
    gap: 15px;
}

.text-prize-1 {
    font-size: 26px;
    line-height: 36px;
    font-weight: 700;
    color: #ff2458;
}

.text-1-second {
    font-size: 26px;
    line-height: 35px;
    font-weight: 700;
    color: #c58800;
    background: url("https://s3.ap-northeast-1.amazonaws.com/storage.up-t.jp/Campaign/nig2024/bg-text-1-second.png") center no-repeat;
    background-size: cover;
    margin: 0 auto 10px;
    width: fit-content;
    padding: 10px 65px 30px;
}

.box-price-event {
    align-items: center;
}

.text-2-second {
    font-size: 26px;
    line-height: 35px;
    font-weight: 700;
    color: #e8546b;
}

.price-events {
    margin-top: 50px;
}

.open-part-join {
    border-bottom: 1px solid #3e3e3e;
    font-size: 40px;
    line-height: 50px;
    color: #3e3e3e;
    font-weight: 700;
    width: fit-content;
    margin: 0 auto 30px;
}

.text2-join {
    font-size: 14px;
    line-height: 24px;
}

.list-point {
    flex-wrap: wrap;
    margin: 0 10px;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.list-prize {
    align-items: center;
    justify-content: center;
}

.list-prize span {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 20px;
    padding: 3px 15px;
    background-color: #f76c92;
    width: 150px;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.simple-idol {
    background-color: #FFFFFF;
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 25px;
    border: 1px solid #ededed;
    width: 100%;
}

.show-list-sell {
    justify-content: space-between;
    margin-top: 15px;
}

.img-idol-sell {
    height: 200px;
    border-radius: 15px;
}

.personal-design .list-buy .pr-img {
    position: relative;
    padding: 10px;
    background-color: #e9e9e9;
    margin: 0;
    border: 0;
    border-radius: 10px;
}

.pr-img:after {
    content: "";
    background-image: url(/common/design/user/img/iket/ic-plus-grey.png);
    width: 35px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.but-tool {
    background-color: #c20505;
    box-shadow: 0 5px #7b0525;
}

.list-pr-ds {
    grid-template-columns: 100%;
}

.show-list-sell {
    justify-content: space-between;
    margin-top: 15px;
    gap: 15px;
}

.info-idol {
    font-size: 18px;
    line-height: 30px;
}

.part-count {
    border: 1px solid #f7f7f7;
    border-radius: 3px;
    padding: 30px;
}

.text-1-part-count {
    font-size: 24px;
    line-height: 35px;
    font-weight: 700;
    color: #fa8080;
    padding-bottom: 5px;
}

.text-2-part-count {
    font-size: 18px;
    line-height: 25px;
    color: #787878;
    padding-bottom: 20px;
}

.choice-count {
    font-size: 18px;
    line-height: 25px;
    color: #787878;
    background-color: #f4f4f4;
    padding: 8px 15px;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 8px;
}

.new-point-count {
    justify-content: center;
    gap: 20px;
    margin-bottom: 50px;
}

.choice-count-special {
    font-size: 20px;
    color: #ffffff;
    line-height: 30px;
    font-weight: 700;
    background-color: #fa8080;
    border-radius: 10px;
    padding: 8px 15px;
    margin: 0 -100px 8px 0;
}

.part-point {
    border-radius: 3px;
    background-color: #fa8080;
    padding: 30px;
}

.part-point,
.part-count {
    flex: 1;
}

.text-1-point {
    font-size: 24px;
    line-height: 35px;
    color: #ffffff;
    font-weight: 700;
    padding-bottom: 25px;
}

.rank-point-new {
    font-size: 24px;
    line-height: 35px;
    color: #ffffff;
    font-weight: 700;
    width: 48%;
}

.rank-point-new span {
    font-size: 20px;
    line-height: 35px;
    color: #fa8080;
    background-color: #ffffff;
    padding: 7px 0;
    margin-right: 10px;
    width: 120px;
    text-align: center;
    display: inline-block;
}

.show-point-new {
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.link-web-point {
    width: fit-content;
    margin: 0 auto;
}

.text-link-web {
    font-size: 18px;
    line-height: 35px;
    color: #ffffff;
}

.btn-link-web {
    border-radius: 10px;
    background-color: #ffffff;
    font-size: 18px;
    line-height: 35px;
    padding: 10px 70px;
    position: relative;
    color: #2d2d2d;
}

.btn-link-web:hover {
    color: #2d2d2d;
}

.btn-link-web::after {
    content: '';
    background: url("https://s3.ap-northeast-1.amazonaws.com/storage.up-t.jp/Campaign/nig2024/icon-btn-link-web.png") center no-repeat;
    background-size: 100%;
    width: 25px;
    height: 25px;
    position: absolute;
    display: block;
    right: 4%;
    top: 25%;
}

.rank-table {
    overflow-x: auto;
    max-height: 800px;
    width: 100%;
    margin: 0 auto;
}

tbody th {
    vertical-align: middle;
}

.no-ranking,
.img-rank {
    position: relative;
}

.img-rank {
    width: 50px;
    margin: auto;
}

.text-rank {
    position: absolute;
    transform: translate(-50%, 50%);
    font-size: 18px;
    font-weight: 700;
    top: 14%;
    left: 50%;
}

.idol-name {
    align-items: center;
    padding-left: 15px;
}

.img-ranking {
    width: 150px;
    margin-right: 20px;
}

.name-rank {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding-bottom: 10px;
}

.point-rank {
    font-size: 16px;
    line-height: 20px;
}

.total-button {
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    padding: 20px 0;
    margin-right: 20px;
}

.but-twitter,
.but-sell {
    width: 240px;
    height: 50px;
    font-size: 21px;
    line-height: 24px;
    color: #FFFFFF;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.but-sell {
    background-color: #c20505;
    box-shadow: 0 2px 0 0 #780021;
}

.but-twitter {
    margin-top: 10px;
    background-color: #000000;
}

.name-idol {
    padding-top: 20px;
}

.show-list-sell .item-sell {
    flex: 1;
}

.show-list-sell .item-sell:first-of-type {
    flex: 2;
}

thead th {
    font-size: 16px;
    line-height: 35px;
    font-weight: 700;
    padding: 10px 0;
}

.but-twitter img,
.but-sell img {
    width: 25px;
    margin-right: 10px;
}

.box-timeline {
    width: 80%;
    margin: 50px auto 0;
}

.box-timeline,
.timeline-bg {
    position: relative;
}

.item-timeline-1,
.item-timeline-2 {
    color: #f051a1;
}

.show-time {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    transform: translate(-50%, 50%);
    width: max-content;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
}

.item-timeline-3 {
    color: #3c3c3c;
}

.item-timeline-1 {
    top: 4%;
    right: 12%;
}

.item-timeline-2 {
    top: 4%;
    right: -8.5%;
}

.item-timeline-3 {
    top: 83%;
    left: 38%;
}

.show-time img {
    width: 20px;
}
@media (max-width: 1100px) {
    .page-ohmiya7 .final-result {
        flex-direction: column;
        gap: 15px;
        padding: 10px;
        width: 100%;
        border-radius: 5px;
    }

    .page-ohmiya7 .text-final {
        font-size: 14px;
        line-height: 25px;
        font-weight: 700;
    }

    .page-ohmiya7 .text-final span {
        font-size: 18px;
        line-height: 25px;
    }

    .page-ohmiya7 .countdown-final {
        padding: 15px 30px;
        width: 100%;
    }

    .page-ohmiya7 .title-countdown {
        font-size: 16px;
        line-height: 25px;
    }

    .page-ohmiya7 .countdown-final .hour {
        font-size: 32px;
    }

    .ways-join {
        flex-direction: column;
    }

    .name-join,
    .text1-join {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 10px;
    }

    .img-shirt {
        height: fit-content;
        margin-bottom: 0;
        width: 100%;
    }

    .text2-join {
        font-size: 12px;
        line-height: 20px;
    }

    .idol-info-sell {
        padding: 8px;
        width: 100%;
    }

    .but-link {
        width: 150px;
        height: 30px;
        border-radius: 5px;
        font-size: 14px;
        line-height: 20px;
    }

    .but-link.but-tool {
        width: 100%;
    }

    .but-twit img {
        width: 15px;
        margin-right: 5px;
    }

    .open-band {
        font-size: 17px;
        line-height: 25px;
        padding-bottom: 25px;
    }

    .first-intro {
        flex-direction: column;
    }

    .part-band {
        width: 90%;
        margin: 0 auto;
    }

    .first-text {
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 10px;
    }

    .second-text {
        font-size: 12px;
        line-height: 20px;
    }

    .text-list {
        font-size: 14px;
        line-height: 22px;
        padding: 5px 10px;
    }

    .list-img-band {
        gap: 7px;
        padding: 10px 0 30px;
    }

    .img-band {
        width: 49%;
    }

    .band-single {
        padding: 10px;
        width: 100%;
    }

    .info-name-band {
        font-size: 12px;
        line-height: 20px;
        min-height: fit-content;
        border-bottom: none;
        margin-bottom: 0;
    }

    .name-band {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 10px;
    }

    .box-band {
        padding-bottom: 10px;
        border-bottom: 1px solid #dadada;
        margin-bottom: 10px;
        align-items: center;
    }

    .img-band-info {
        padding-bottom: 0;
        width: 60%;
    }

    .text-band {
        font-size: 12px;
        line-height: 20px;
    }

    .info-band {
        gap: 10px;
    }

    .box-benefit {
        flex-direction: column;
    }

    .open-text {
        font-size: 20px;
        line-height: 25px;
        background: url(https://s3.ap-northeast-1.amazonaws.com/storage.up-t.jp/Campaign/reohmiya7/bg-open-text-sp.png) center no-repeat;
        background-size: cover;
        padding: 7px 0 15px;
        margin: 20px 0 20px;
    }

    .text-1-benefit {
        font-size: 14px;
        line-height: 20px;
    }

    .text-1-benefit span {
        font-size: 19px;
    }

    .text-2-benefit {
        font-size: 19px;
        line-height: 25px;
    }

    .piece-5-benefit {
        font-size: 10px;
        line-height: 15px;
        padding: 8px 6px;
        top: -25%;
        right: -7%;
    }

    .img-benefit {
        width: 50%;
        margin: 5px auto 0;
    }

    .name-idol-sell {
        font-size: 12px;
    }

    .img-idol,
    .img-white-shirt {
        padding: 10px 0;
        height: 200px;
    }

    .box-head-clock {
        margin-bottom: 3px;
    }

    .link-banner::after {
        width: 6px;
        height: 6px;
    }

    .page-ohmiya7 .banner-nav ul li a::after {
        width: 11px;
        margin-left: 2px;
    }

    .banner-nav ul {
        gap: 20px;
        overflow: scroll;
        max-width: 100%;
        flex-wrap: nowrap;
    }

    .text-head-clock {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 10px;
    }

    .lightning-right {
        right: 10%;
    }

    .lightning-left {
        left: 10%;
    }

    .page-ohmiya7 .box-hashtag {
        margin-top: 10px;
    }

    .img-open-prize {
        top: -30px;
        width: 100%;
    }

    .grand-fix-award {
        margin-top: 20px;
        padding: 0 0 10px;
    }

    .list-into-prize {
        width: 100%;
        padding: 0 10px;
    }

    .box-price-event {
        flex-direction: column;
    }

    .box-prize-1st {
        flex-direction: row;
        gap: 5px;
    }

    .box-prize {
        padding: 10px;
        gap: 20px;
        border-radius: 10px;
    }

    .icon-prize-1 {
        position: relative;
        width: 62px;
        top: unset;
        left: unset;
        margin: 0 auto;
    }

    .text-prize-1 {
        font-size: 13px;
        line-height: 20px;
    }

    .part-price {
        flex: 1;
    }

    .text-1-second {
        font-size: 14px;
        line-height: 20px;
        margin: 0 auto 10px;
        padding: 6px 30px 10px;
    }

    .text-2-second {
        font-size: 14px;
        line-height: 20px;
    }

    .ways-join {
        flex-direction: column;
    }

    .box-join {
        width: 100%;
        padding: 15px;
    }

    .info-join {
        gap: 15px;
    }

    .img-shirt {
        height: fit-content;
        width: 100%;
        margin-bottom: 0;
    }

    .name-join {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 5px;
    }

    .text1-join {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 16px;
    }

    .list-point {
        margin: 0;
    }

    .list-prize span {
        font-size: 13px;
        line-height: 15px;
        padding: 5px 0;
        width: 90px;
        margin-right: 5px;
    }

    .simple-idol {
        padding: 15px 10px;
    }

    .info-item-sell {
        gap: 10px;
        flex-direction: column;
    }

    .info-idol-sell {
        border-radius: 5px;
        height: 250px;
    }

    .info-idol {
        font-size: 12px;
        line-height: 25px;
    }

    .but-twit img {
        width: 15px;
        margin-right: 5px;
    }

    .show-list-sell {
        flex-wrap: wrap;
        gap: 5px;
    }

    .item-sell {
        margin-bottom: 10px;
        width: 48%;
    }

    .img-idol-sell {
        width: unset;
        height: unset;
        border-radius: 5px;
        margin-bottom: 10px;
    }

    .line-idol {
        padding-bottom: 10px;
    }

    .pr-img {
        margin: 5px;
        border-radius: 5px;
    }

    .pr-img:after {
        width: 20px;
        height: 20px;
    }

    .choice-count-special {
        font-size: 20px;
        color: #ffffff;
        line-height: 30px;
        font-weight: 700;
        background-color: #fa8080;
        border-radius: 10px;
        padding: 8px 15px;
        margin: 0 0 8px 0;
    }

    .part-count {
        padding: 10px;
    }

    .text-1-part-count {
        font-size: 16px;
        line-height: 25px;
        padding-bottom: 5px;
    }

    .text-2-part-count {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 15px;
    }

    .choice-count {
        font-size: 14px;
        line-height: 20px;
        padding: 8px 15px;
        width: 100%;
        border-radius: 5px;
        margin-bottom: 5px;
    }

    .text-1-point {
        font-size: 15px;
        line-height: 22px;
        padding-bottom: 15px;
    }

    .show-point-new {
        gap: 5px;
        margin-bottom: 25px;
    }

    .rank-point-new {
        font-size: 17px;
        line-height: 25px;
        width: 48%;
    }

    .rank-point-new span {
        font-size: 14px;
        line-height: 20px;
        padding: 4px 0;
        margin-right: 5px;
        width: 80px;
    }

    .no-ranking {
        margin: 0 8px;
    }

    .img-rank {
        width: 25px;
    }

    .text-rank {
        font-size: 10px;
        top: 10%;
    }

    .img-ranking {
        width: 100px;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .name-rank {
        font-size: 12px;
        line-height: 20px;
        text-align: left;
        padding-bottom: 0;
    }

    .point-rank {
        font-size: 10px;
        line-height: 20px;
        text-align: left;
    }

    .total-button {
        padding: 0;
        margin: 0;
        flex-direction: row;
        justify-content: flex-start;
        gap: 15px;
    }

    .but-twitter,
    .but-sell {
        width: 105px;
        height: 25px;
        font-size: 11px;
        line-height: 24px;
        border-radius: 3px;
    }

    .but-twitter img,
    .but-sell img {
        width: 14px;
        margin-right: 5px;
    }

    .show-list-sell .item-sell:first-of-type {
        flex: unset;
    }

    .name-idol {
        padding-top: 5px;
    }

    .show-list-sell .item-sell {
        flex: unset;
    }

    .list-prize {
        font-size: 14px;
    }

    .text-link-web {
        font-size: 12px;
        line-height: 20px;
        font-weight: 500;
    }

    .rank-table tr {
        margin-bottom: 10px;
    }

    .but-twitter {
        margin-top: 0;
    }

    .info-rank {
        gap: 20px;
        padding-top: 20px;
    }

    .box-timeline {
        width: 100%;
        max-width: 355px;
        margin: 40px auto;
    }

    .show-time {
        font-size: 12px;
        line-height: 16px;
    }

    .show-time img {
        width: 10px;
    }

    .item-timeline-1 {
        top: -18%;
        right: 2%;
    }

    .item-timeline-2 {
        top: -18%;
        right: -9.5%;
        align-items: end;
    }

    .item-timeline-3 {
        top: 74%;
        left: 38%;
    }

    .open-part-join {
        font-size: 30px;
        line-height: 35px;
        margin: 0 auto 20px;
    }
}