.page-designquest2022 .banner-nav {
    background-color: #ffde00;
    background-image: none;
}

.page-designquest2022 .banner-nav ul li {
    background-image: none;
    box-shadow: none;
    border: none;
    color: #837200;
}

.page-designquest2022 .banner-nav ul li a {
    color: #837200;
}

.page-designquest2022 .arrow-nav {
    width: 20px;
    height: 20px;
}

.page-designquest2022 .banner-nav ul li a::after {
    content: none;
}

.page-designquest2022 .banner-nav ul li a span {
    font-size: 18px;
}

.page-designquest2022 .banner-nav ul {
    padding: 0;
    flex-wrap: nowrap;
}

.page-designquest2022 .banner-nav ul li {
    padding: 0;
}

.page-designquest2022 .overview-event {
    background-image: url("/common/design/user/img/designquest2022/castle_01.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top;
    background-color: #090909;
}

.page-designquest2022 .open-part,
.page-designquest2022 .box-text,
.page-designquest2022 .ribbon-open,
.page-designquest2022 .box-ribbon {
    position: relative;
}

.page-designquest2022 .open-part {
    margin: 0 auto;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #FFFFFF;
    border: none;
    padding-top: 60px;
    padding-bottom: 40px;
}

.page-designquest2022 .box-text {
    width: 450px;
}

.page-designquest2022 .text-open {
    position: absolute;
    font-size: 40px;
    line-height: 35px;
    transform: translate(-50%, 50%);
    top: 35%;
    left: 50%;
    color: #FFFFFF;
    width: max-content;
}

.page-designquest2022 .intro-open {
    font-size: 30px;
    line-height: 35px;
    color: #FFFFFF;
    padding-bottom: 45px;
}

.page-designquest2022 .frame-open {
    font-size: 20px;
    line-height: 35px;
    padding: 10px;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    margin: 0 45px;
    background-color: #000000;
    font-family: Hiragino;
}

.page-designquest2022 .text-ribbon {
    position: absolute;
    transform: translate(-50%, 50%);
    top: 25%;
    left: 50%;
    font-size: 39px;
    line-height: 35px;
    color: #ffdd00;
    width: max-content;
    font-weight: 700;
}

.page-designquest2022 .box-ribbon {
    padding-top: 50px;
    padding-bottom: 40px;
}

.page-designquest2022 .guide-take-in {
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding-bottom: 60px;
}

.page-designquest2022 .player-take-in {
    flex-direction: column;
    gap: 20px;
}

.page-designquest2022 .frame-player {
    padding: 10px;
    background-color: #FFFFFF;
    border-radius: 5px;
}

.page-designquest2022 .ava-player {
    width: 230px;
    margin: 10px;
}

.page-designquest2022 .item-plays {
    width: 80px;
    margin: 10px;
}

.page-designquest2022 .name-play {
    font-size: 24px;
    line-height: 35px;
}

.page-designquest2022 .arrow-yellow-big {
    width: 80px;
}

.page-designquest2022 .white-tshirt {
    width: 320px;
    background-image: url(/common/design/user/img/designquest2022/bg-tshirt.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120%;
    padding: 30px;
}

.page-designquest2022 .crown-yellow {
    width: 260px;
    margin: 0 auto;
    padding-bottom: 15px;
}

.page-designquest2022 .open-rule p {
    font-size: 30px;
    line-height: 35px;
    color: #ffe600;
    font-weight: 700;
    padding-bottom: 25px;
}

.page-designquest2022 .text-rule {
    font-size: 20px;
    line-height: 35px;
    color: #FFFFFF;
    padding-bottom: 40px;
}

.page-designquest2022 .rank-opening,
.page-designquest2022 .box-rank {
    position: relative;
}

.page-designquest2022 .items-rank {
    position: absolute;
    font-size: 56px;
    line-height: 35px;
    font-weight: 700;
    transform: translate(-50%, 50%);
    top: 7%;
    left: 50%;
    padding-bottom: 25px;
}

.page-designquest2022 .teddy-bear {
    width: 200px;
}

.page-designquest2022 .colorfull-prize {
    width: 480px;
}

.page-designquest2022 .lots-of-clothes {
    width: 310px;
}

.page-designquest2022 .item-prize {
    padding: 15px 0 10px 0;
}

.page-designquest2022 .line-prize {
    flex-direction: row;
    align-items: end;
    padding-bottom: 15px;
}

.page-designquest2022 .line-prize span {
    color: #FFFFFF;
    font-size: 67px;
}

.page-designquest2022 .prize-rank {
    flex-direction: row;
    gap: 20px;
    padding-bottom: 50px;
}

.page-designquest2022 .item-prize {
    width: max-content;
    gap: 15px;
}

.page-designquest2022 .text-item-prize,
.page-designquest2022 .box-pink {
    position: relative;
}

.page-designquest2022 .box-pink {
    width: 375px;
}

.page-designquest2022 .intro-prize {
    position: absolute;
    transform: translate(-50%, 50%);
    left: 50%;
    font-size: 26px;
    line-height: 30px;
    width: max-content;
    color: #FFFFFF;
}

.page-designquest2022 .text-clothes {
    top: 0%;
}

.page-designquest2022 .text-smart {
    top: 8%;
}

.page-designquest2022 .detail-item-prize {
    position: absolute;
    transform: translate(-50%, 50%);
    top: 3%;
    left: 50%;
}

.page-designquest2022 .sns-smart {
    width: 120px;
    height: 190px;
}

.page-designquest2022 .image-prize {
    width: 840px;
    background-image: -moz-linear-gradient( 95deg, rgb(191,191,191) 0%, rgb(241,241,241) 46%, rgb(197,197,197) 100%);
    background-image: -webkit-linear-gradient( 95deg, rgb(191,191,191) 0%, rgb(241,241,241) 46%, rgb(197,197,197) 100%);
    background-image: -ms-linear-gradient( 95deg, rgb(191,191,191) 0%, rgb(241,241,241) 46%, rgb(197,197,197) 100%);
    padding: 10px;
    margin: 0 auto;
}

.page-designquest2022 .prize-detail {
    padding-bottom: 50px;
}

.page-designquest2022 .other-rank {
    justify-content: space-between;
}

.page-designquest2022 .white-rank.items-rank {
    color: #FFFFFF;
}

.page-designquest2022 .prize-detail p {
    font-size: 50px;
    line-height: 35px;
    color: #fa5990;
    padding: 20px 0 25px 0;
}

.page-designquest2022 .rank-low {
    width: 430px;
}

.page-designquest2022 .white-shirt {
    width: 160px;
    margin: 0 auto;
}

.page-designquest2022 p.white-text {
    font-size: 41px;
    line-height: 35px;
    color: #FFFFFF;
    font-weight: 700;
}

.page-designquest2022 .timeline-join {
    padding: 45px 0 100px;
}

.page-designquest2022 .timeline-box {
    position: relative;
}

.page-designquest2022 .pink-timeline,
.page-designquest2022 .black-timeline {
    position: absolute;
    transform: translate(-50%, 50%);
    font-size: 20px;
    line-height: 25px;
}

.page-designquest2022 .pink-timeline {
    color: #f051a1;
}

.page-designquest2022 .start-pink {
    top: 10%;
    right: 17%;
}

.page-designquest2022 .end-pink {
    top: 10%;
    right: -7%;
}

.page-designquest2022 .start-black {
    bottom: -10%;
    left: 37%;
}

.page-designquest2022 .end-black {
    bottom: -10%;
    right: 20%;
}

.page-designquest2022 .ways-join {
    background-color: #ffde00;
}

.page-designquest2022 .intro-join {
    font-size: 30px;
    line-height: 35px;
    color: #00a8cc;
    padding-bottom: 50px;
}

.page-designquest2022 .circle-number {
    background-color: #00a8cc;
    color: #FFFFFF;
    padding: 5px 16px;
    border-radius: 50px;
    font-weight: 700;
}

.page-designquest2022 .title-first {
    text-align: center;
    background-color: #FFFFFF;
    padding: 20px 10px;
    font-size: 30px;
    line-height: 35px;
    color: #00a8cc;
}

.page-designquest2022 .point-first {
    font-size: 18px;
    line-height: 35px;
    padding: 20px 0 10px;
}

.page-designquest2022 .circle-pink,
.page-designquest2022 .box-circle-pink {
    position: relative;
}

.page-designquest2022 .text-circle-pink {
    position: absolute;
    transform: translate(-50%, 50%);
    top: 25%;
    left: 50%;
    font-size: 24px;
    line-height: 35px;
    color: #FFFFFF;
}

.page-designquest2022 .top-square {
    color: #FFFFFF;
}

.page-designquest2022 .mid-square {
    flex-direction: row;
    gap: 10px;
    color: #ffde00;
    font-size: 39px;
    line-height: 47px;
}

.page-designquest2022 .square-way {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #00a8cc;
    padding: 10px;
    border-radius: 10px;
    min-height: 180px;
    min-width: 310px;
}

.page-designquest2022 .item-shirt {
    width: 90px;
    padding-top: 10px;
}

.page-designquest2022 .bot-square {
    font-size: 24px;
    line-height: 31px;
    color: #ffde00;
}

.page-designquest2022 .first-step {
    flex-direction: column;
    gap: 20px;
}

.page-designquest2022 .how-to-play {
    position: relative;
    top: -40px;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding-bottom: 10px;
}

.page-designquest2022 .list-image-idol {
    height: 580px;
}

.page-designquest2022 .second-step {
    width: 340px;
}

.page-designquest2022 .second-step,
.page-designquest2022 .step2 {
    position: relative;
}

.page-designquest2022 .text-cat-shirt {
    position: absolute;
    transform: translate(-50%, 50%);
    top: 66%;
    left: 50%;
    font-size: 24px;
    line-height: 35px;
    font-weight: 700;
}

.page-designquest2022 .go-to-play a {
    font-size: 33px;
    line-height: 11px;
    padding: 20px 70px;
    border: 4px solid #000000;
    font-weight: 700;
    border-radius: 50px;
}

.page-designquest2022 .go-to-play a:hover {
    color: #000000;
}

.page-designquest2022 .go-to-play {
    justify-content: center;
    padding-bottom: 30px;
}

.page-designquest2022 .list-image-buy-wrap {
    padding-bottom: 5px;
}

.page-designquest2022 .warning-play {
    background-color: #fcea70;
    padding: 25px 65px 25px 25px;
}

.page-designquest2022 .warning-open img {
    width: 40px;
}

.page-designquest2022 .warning-open {
    font-size: 25px;
    line-height: 27px;
    color: #e70000;
    font-weight: 700;
    padding-bottom: 20px;
}

.page-designquest2022 .text-warning {
    font-size: 18px;
    line-height: 27px;
}

.page-designquest2022 .logo-twitter {
    width: 300px;
}

.page-designquest2022 .warning-full {
    flex-direction: row;
    justify-content: space-between;
    gap: 45px;
}

.page-designquest2022 .second-way .point-first {
    padding: 40px 0;
}

.page-designquest2022 .warning-full {
    padding-bottom: 80px;
}

.page-designquest2022 .idol-ava {
    width: 280px;
    height: 210px;
    object-fit: contain;
    margin: 0 auto;
}

.page-designquest2022 .stamp {
    width: 100px;
}

.page-designquest2022 .clone-item {
    border: 1px solid #dadada;
    border-radius: 5px;
    padding: 20px 10px;
}

.page-designquest2022 .but-red {
    background-color: #ce2229;
}

.page-designquest2022 .but-blue {
    background-color: #00aeff;
}

.page-designquest2022 .but-item {
    color: #FFFFFF;
    padding: 10px 40px;
    box-shadow: 0px 3px #b8b8b8;
    border-radius: 10px;
    font-size: 18px;
    line-height: 38px;
    min-height: 55px;
    border: 1px solid #FFFFFF;
}

.page-designquest2022 .but-blue img {
    width: 25px;
}

.page-designquest2022 .list-item-idol {
    flex-wrap: wrap;
    gap: 10px;
    flex-direction: row;
}

.page-designquest2022 .link-button {
    flex-direction: column;
    gap: 10px;
}

.page-designquest2022 .stamp-album {
    gap: 5px;
    padding-bottom: 20px;
}

.page-designquest2022 .group-idol {
    font-size: 20px;
    line-height: 38px;
    font-weight: 700;
    padding-bottom: 15px;
}

.page-designquest2022 .group-item {
    justify-content: space-between;
    padding-bottom: 90px;
}

.page-designquest2022 .sponsor-tif:before,
.page-designquest2022 .sponsor-tif:after {
    content: none;
}

.page-designquest2022 .sponsor-tif .content-sponsor .line-sponsor {
    font-size: 40px;
    line-height: 53px;
    padding-left: 0px;
    color: #FFFFFF;
}

.page-designquest2022 .sponsor-tif .content-sponsor {
    padding: 65px 0 40px;
}

.page-designquest2022 .sponsor-tif {
    background-color: #00a8cc;
}

.page-designquest2022 .sponsor-tif img {
    width: 260px;
}

.page-designquest2022 .content-dqfes {
    font-size: 18px;
    line-height: 27px;
    color: #FFFFFF;
    padding-bottom: 90px;
}

.page-designquest2022 .group-tif {
    background-color: #ffde00;
}

.page-designquest2022 .group-tif .single-broad {
    border-radius: 5px;
}

.page-designquest2022 .support-tweet-i .open-part {
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #FFFFFF;
    border: none;
}

.page-designquest2022 .support-tweet-i .text-open {
    top: 40%;
}

.page-designquest2022 .btn-load-more {
    margin-bottom: 100px;
}

.page-tif2022 .ranking-tif {
    background-color: #ffde00;
}

.page-designquest2022 .intro-rank {
    background: url(/common/design/user/img/designquest2022/table-bg.png) no-repeat;
    background-size: 100%;
}

.page-designquest2022 .rank-timer .open-rank {
    color: #00a8cc;
}

.page-designquest2022 .tabs-sekigahara li a.active .tabs-a-ct {
    background-color: #00a8cc;
    border: 1px solid #00a8cc;
}

.page-designquest2022 .tabs-sekigahara li .tabs-a-ct p {
    font-size: 20px;
}

.page-designquest2022 .tabs-sekigahara li .tabs-a-ct span {
    font-size: 14px;
}

.page-designquest2022 .rank-table {
    border: none;
    height: max-content;
    max-height: 740px;
}

.page-designquest2022 table tr th {
    vertical-align: middle;
    padding: 20px 0;
    background-color: #00a8cc;
    font-weight: 300;
    color: #FFFFFF;
}

.page-designquest2022 table tbody tr {
    padding: 10px 0;
}

.page-designquest2022 table tbody tr th,
.page-designquest2022 table tbody tr td {
    padding: 15px 0;
    vertical-align: middle;
}

.page-designquest2022.rank-table .item-before,
.page-designquest2022 .rank-table .item-lightbox {
    width: max-content;
    margin: 0 auto;
}

.page-designquest2022 .rank-table .bg-item {
    width: 50px;
}

.page-designquest2022 .item-lightbox, .page-nb2 .bg-item {
    position: relative;
}

.page-designquest2022 .rank-table .item-before {
    position: absolute;
    transform: translate(-50%,50%);
    top: 15%;
    left: 50%;
}

.page-designquest2022 .rank-table .avatar-idol {
    margin-right: 20px;
    width: 85px;
}

.page-designquest2022 table .name-idol {
    justify-content: center;
    flex-direction: column;
    padding: 10px 0;
}

.page-designquest2022 .rank-table .medal,
.page-designquest2022 .rank-table .avatar-idol {
    display: flex;
    align-items: end;
    justify-content: center;
    position: relative;
}

.page-designquest2022 table .name-idol a {
    width: max-content;
}

.page-designquest2022 .but-link {
    width: 80%;
    float: right;
    margin-right: 10px;
}

.page-designquest2022 .rank-table .link-red {
    background-color: #d00000;
}
.page-designquest2022 .rank-table .link-red,
.page-designquest2022 .rank-table .link-blue {
    justify-content: center;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 20px;
    padding: 10px;
    margin-bottom: 10px;
    font-weight: 700;
}

.page-designquest2022 .rank-table .link-blue {
    background-color: #1da1f2;
}

.page-designquest2022 .rank-table .icon-idol {
    width: 25px;
}

.page-designquest2022 .item-before p {
    font-weight: 700;
}

.page-designquest2022 .rank-table tbody {
    background-color: #FFFFFF;
}

.page-designquest2022 .rank-table .avatar-idol {
    width: 140px;
    height: 95px;
    object-fit: contain;
}

.page-designquest2022 .even {
    background-color: #fafafa;
}

.page-designquest2022 .support-tweet-i .content-social-box {
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.page-designquest2022_sp .open-part {
    padding-top: 20px;
    padding-bottom: 10px;
}

.page-designquest2022_sp .box-text {
    width: 225px;
}

.page-designquest2022_sp .text-open {
    font-size: 20px;
    top: 15%;
}

.page-designquest2022_sp .intro-open {
    font-size: 15px;
    padding-bottom: 20px;
    line-height: 17px;
}

.page-designquest2022_sp .frame-open {
    font-size: 12px;
    margin: 0;
    line-height: 20px;
    padding: 20px;
}

.page-designquest2022_sp .frame-player {
    flex-direction: column;
    padding: 5px;
}

.page-designquest2022_sp .text-ribbon {
    font-size: 16px;
    top: 23%;
}

.page-designquest2022_sp .guide-take-in {
    flex-direction: column;
    padding-bottom: 15px;
}

.page-designquest2022_sp .item-plays {
    width: 45px;
    margin: 5px;
}

.page-designquest2022_sp .ava-player {
    width: 150px;
    margin: 5px;
}

.page-designquest2022_sp .player-take-in {
    flex-direction: row;
    gap: 10px;
}

.page-designquest2022_sp .name-play {
    font-size: 12px;
}

.page-designquest2022_sp .arrow-yellow-big {
    width: 85px;
}

.page-designquest2022_sp .white-tshirt {
    width: 150px;
    padding: 10px;
}

.page-designquest2022_sp .crown-yellow {
    width: 130px;
    padding-bottom: 5px;
}

.page-designquest2022_sp .open-rule p {
    font-size: 15px;
    padding-bottom: 10px;
}

.page-designquest2022_sp .text-rule {
    font-size: 14px;
    padding-bottom: 10px;
}

.page-designquest2022_sp .items-rank {
    font-size: 28px;
    top: -40%;
    padding-bottom: 10px;
}

.page-designquest2022_sp .line-prize {
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.page-designquest2022_sp .colorfull-prize {
    width: 240px;
    padding-bottom: 15px;
}

.page-designquest2022_sp .sns-smart {
    width: 55px;
    height: 100px;
}

.page-designquest2022_sp .box-pink {
    width: 180px;
}

.page-designquest2022_sp .intro-prize {
    font-size: 13px;
    line-height: 16px;
}

.page-designquest2022_sp .lots-of-clothes {
    width: 155px;
    height: 93px;
}

.page-designquest2022_sp .line-prize span {
    font-size: 33px;
}

.page-designquest2022_sp .teddy-bear {
    width: 100px;
    height: 200px;
}

.page-designquest2022_sp .text-clothes {
    top: -3%;
}

.page-designquest2022_sp .detail-item-prize {
    top: -2%;
}

.page-designquest2022_sp .container_s1 {
    padding: 0 5px;
}

.page-designquest2022_sp .item-prize {
    gap: 5px;
}

.page-designquest2022_sp .prize-rank {
    justify-content: center;
    padding-bottom: 10px;
}

.page-designquest2022_sp .prize-detail p {
    font-size: 15px;
    padding: 5px 0;
}

.page-designquest2022_sp .image-prize {
    width: 350px;
    padding: 3px;
}

.page-designquest2022_sp .prize-detail {
    padding-bottom: 15px;
}

.page-designquest2022_sp .banner-nav ul li a span {
    font-size: 12px;
}

.page-designquest2022_sp .arrow-nav {
    width: 12px;
    margin: auto 0;
    height: 100%;
}

.page-designquest2022_sp .white-rank.items-rank {
    color: #FFFFFF;
    top: -15%;
    left: 50%;
}

.page-designquest2022_sp .white-shirt {
    width: 80px;
    padding-top: 10px;
}

.page-designquest2022_sp p.white-text {
    line-height: 15px;
}

.page-designquest2022_sp .pink-timeline,
.page-designquest2022_sp .black-timeline {
    font-size: 10px;
    line-height: 12px;
}

.page-designquest2022_sp .start-pink {
    top: 3%;
    right: 13%;
}

.page-designquest2022_sp .end-pink {
    top: 3%;
    right: -4%;
}

.page-designquest2022_sp .start-black {
    bottom: -11%;
    left: 40%;
}

.page-designquest2022_sp .end-black {
    bottom: -10%;
    right: 8%;
}

.page-designquest2022_sp .intro-join {
    font-size: 16px;
    padding-bottom: 15px;
}

.page-designquest2022_sp .title-first {
    font-size: 16px;
    padding: 5px;
}

.page-designquest2022_sp .circle-number {
    padding: 5px 10px;
}

.page-designquest2022_sp .timeline-join {
    padding: 25px 0 50px;
}

.page-designquest2022_sp .point-first {
    font-size: 14px;
}

.page-designquest2022_sp .item-shirt {
    width: 45px;
}

.page-designquest2022_sp .top-square,
.page-designquest2022_sp .bot-square {
    font-size: 12px;
}

.page-designquest2022_sp .square-way {
    min-width: 175px;
    min-height: 115px;
}

.page-designquest2022_sp .text-circle-pink {
    font-size: 14px;
    top: -2%;
}

.page-designquest2022 .box-circle-pink {
    padding-bottom: 10px;
}

.page-designquest2022_sp .how-to-play {
    flex-direction: column;
    top: 0;
}

.page-designquest2022_sp .mid-square {
    font-size: 20px;
}

.page-designquest2022_sp .first-step {
    flex-direction: row;
    gap: 10px;
}

.page-designquest2022_sp .mid-square,
.page-designquest2022_sp .bot-square {
    line-height: 20px;
}

.page-designquest2022_sp .second-step {
    width: 170px;
}

.page-designquest2022_sp .go-to-play a {
    font-size: 16px;
    padding: 5px 50px;
}

.page-designquest2022_sp .go-to-play {
    padding-top: 30px;
}

.page-designquest2022_sp .list-image-buy-wrap {
    padding-bottom: 30px;
}

.page-designquest2022_sp .second-way .point-first {
    padding: 10px 0;
    line-height: 20px;
}

.page-designquest2022_sp .warning-full {
    flex-direction: column-reverse;
    padding-bottom: 30px;
    gap: 20px;
}

.page-designquest2022_sp .logo-twitter {
    margin: 0 auto;
    width: 155px;
}

.page-designquest2022_sp .warning-open img {
    width: 20px;
}

.page-designquest2022_sp .warning-open {
    font-size: 16px;
    padding-bottom: 10px;
}

.page-designquest2022_sp .text-warning {
    font-size: 14px;
}

.page-designquest2022_sp .warning-play {
    padding: 15px;
}

.page-designquest2022_sp .idol-ava {
    width: 230px;
    margin: 0 auto;
}

.page-designquest2022_sp .clone-item {
    width: 280px;
    margin: 10px auto;

}

.page-designquest2022_sp .but-item {
    font-size: 14px;
    min-height: max-content;
    padding: 5px;
}

.page-designquest2022_sp .btn-load-more {
    margin-bottom: 30px;
}

.page-designquest2022_sp .sponsor-tif .content-sponsor {
    flex-direction: column;
}

.page-designquest2022_sp .sponsor-tif .content-sponsor .line-sponsor {
    font-size: 20px;
}

.page-designquest2022_sp .sponsor-tif img {
    width: 130px;
}

.page-designquest2022_sp .content-dqfes {
    font-size: 14px;
    padding-bottom: 40px;
}

.page-designquest2022_sp .sponsor-tif .content-sponsor {
    padding: 30px 0 15px;
}

.page-designquest2022_sp .support-tweet-i .text-open {
    top: 20%;
}

.page-designquest2022_sp .rank-table {
    flex-direction: column;
}

.page-designquest2022_sp .top-info-idol {
    flex-direction: row;
    padding-bottom: 10px;
}

.page-designquest2022_sp .rank-table .bg-item {
    width: 30px;
}

.page-designquest2022_sp .rank-table .avatar-idol {
    width: 164px;
    height: max-content;
}

.page-designquest2022_sp .rank-name-idol {
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.page-designquest2022_sp .box-rank-idol {
    background-color: #ffffff;
    padding: 10px;
}

.page-designquest2022_sp .rank-table .item-before {
    top: 0%;
}

.page-designquest2022_sp .mid-info-idol {
    justify-content: space-between;
}

.page-designquest2022_sp .frame-rank {
    border: 1px solid #ebebeb;
    width: 48%;
    justify-content: space-between;
    padding: 5px;
    margin-bottom: 10px;
}

.page-designquest2022_sp .text-point-rank,
.page-designquest2022_sp .point-rank {
    font-size: 12px;
    line-height: 20px;
}

.page-designquest2022_sp .but-link {
    width: 100%;
    margin-right: 0;
    justify-content: space-between;
}

.page-designquest2022_sp .rank-table .link-red,
.page-designquest2022_sp .rank-table .link-blue {
    font-size: 14px;
    width: 48%;
}

.page-designquest2022_sp .rank-table .icon-idol {
    width: 15px;
}

.page-designquest2022_sp .name-idol {
    font-size: 14px;
    padding-top: 10px;
    font-weight: 700;
}

.page-designquest2022_sp .intro-rank {
    background: url(/common/design/user/img/designquest2022/table-bg-sp.png) no-repeat;
    background-size: 100%;
}

.page-designquest2022_sp .tabs-sekigahara li .tabs-a-ct p {
    font-size: 12px;
}

.page-designquest2022_sp .tabs-sekigahara li .tabs-a-ct span {
    font-size: 10px;
}

.page-designquest2022_sp .tabs-sekigahara li a.active .tabs-a-ct {
    background-color: #00a8cc;
    border: 1px solid #00a8cc;
}

.page-designquest2022_sp .narrowbuzz-6-item-slide .dis-flex.align-items-center {
    flex-direction: column;
    gap: 10px;
}

.page-designquest2022_sp .narrowbuzz-6-item-slide {
    background-color: #FFFFFF;
}

.page-designquest2022_sp .slick-next {
    right: 0px;
}

.page-designquest2022_sp .slick-prev {
    left: 0px;
}

.page-designquest2022_sp .slick-next,
.page-designquest2022_sp .slick-prev {
    z-index: 3;
}

.page-designquest2022_sp .tabs-sekigahara li a.active .tabs-a-ct {
    background-color: #00a8cc;
    border: 1px solid #00a8cc;
}

.page-designquest2022 .twit-list a {
    border: 1px solid #c5cfd6;
    border-radius: 6px;
    width: 520px;
}

.page-designquest2022_sp .twit-list {
    width: 260px;
}

.page-designquest2022 .twit-list {
    background-color: #ecf9fd;
}

.page-designquest2022 .swiper-button-prev:after,
.page-designquest2022 .swiper-rtl .swiper-button-next:after,
.page-designquest2022 .swiper-button-next:after,
.page-designquest2022 .swiper-rtl .swiper-button-prev:after {
    content: none;
}

.page-designquest2022 .slick-prev:before,
.page-designquest2022 .slick-next:before {
    color: #0a0a0a;
}

.page-designquest2022_sp .group-item {
    padding-bottom: 30px;
    padding-top: 10px;
    flex-wrap: wrap;
}

.page-designquest2022 .bg-even {
    background-color: #fafafa;
}

.page-designquest2022 .button-banner {
    background-image: none;
    background-color: #d61518;
    border: 3px solid #FFFFFF;
    padding: 5px 15px;
}

.page-designquest2022 .button-banner img {
    margin-left: 5px;
}

.page-designquest2022 .button-banner a {
    color: #FFFFFF;
}

.page-designquest2022 .content-main {
    color: #d61518;
    text-shadow: -2px -1px 0 #fff, 2px -1px 0 #fff, -1px 2px 0 #fff, 1px 2px 0 #fff;
    font-weight: 700;
}

.page-designquest2022 .top-banner {
    background-image: url("/common/design/user/img/designquest2022/first-view-pc.jpg");
    background-repeat: no-repeat;
    background-size: 100% 120%;
}

.page-designquest2022 .logo-upt {
    width: 270px;
    margin: 0 auto;
    padding-top: 40px;
}

.page-designquest2022 .text-logo-dq {
    position: absolute;
    transform: translate(-50%, 50%);
    width: max-content;
    top: -15%;
    left: 58%;
    font-size: 31px;
    line-height: 38px;
    text-shadow: -2px -1px 0 #000, 2px -1px 0 #000, -1px 2px 0 #000, 1px 2px 0 #000;
    color: #FFFFFF;
}

.page-designquest2022 .text-logo-dq span {
    color: #ffde00;
}

.page-designquest2022 .logo-dq {
    width: 640px;
}

.page-designquest2022 .intro-banner,
.page-designquest2022 .image-logo {
    position: relative;
}

.page-designquest2022 .image-main,
.page-designquest2022 .text-black {
    position: relative;
}

.page-designquest2022 .text-black {
    padding: 30px 65px;
    background-color: #000000;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    font-size: 28px;
    line-height: 38px;
    color: #FFFFFF;
}

.page-designquest2022 .box-text-black {
    position: absolute;
    transform: translate(-50%, 50%);
    top: 65%;
    right: -24%;
    background-image: url("/common/design/user/img/designquest2022/bg-red.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    font-size: 22px;
    line-height: 11px;
    color: #FFFFFF;
    padding: 20px 35px;
}

.page-designquest2022 .intro-banner .image-logo {
     max-width: max-content;
     margin-bottom: 0px;
    z-index: 3;
}

.page-designquest2022 .intro-banner .image-main {
    max-width: max-content;
    transform: none;
    margin: 0 auto;
    position: relative;
    top: -14px;
    z-index: 1;
}

.page-designquest2022 .intro-banner {
    padding-top: 0;
}

.page-designquest2022_sp .banner-main {
    flex-direction: column;
    align-items: center;
}

.page-designquest2022_sp .logo-dq {
    width: 335px;
}

.page-designquest2022_sp .logo-upt {
    width: 135px;
}

.page-designquest2022_sp .text-logo-dq {
    font-size: 16px;
    line-height: 20px;
    top: -15%;
}

.page-designquest2022_sp .text-black {
    font-size: 14px;
    padding: 15px;
    margin: 0 auto;
    line-height: 15px;
}

.page-designquest2022_sp .box-text-black {
    font-size: 11px;
    padding: 5px 15px;
    top: 65%;
    right: -22%;
}

.page-designquest2022_sp.main-banner {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding: 10px 20px;
}

.page-designquest2022_sp .button-banner {
    padding: 0;
}

.page-designquest2022_sp .button-banner img {
    width: 12px;
}

.page-designquest2022 .text-slick {
    font-size: 14px;
    line-height: 20px;
}

.page-designquest2022_sp .narrowbuzz-6-item-slide {
    width: 100%;
}

.page-designquest2022 .tab-none {
    display: none !important;
}

.page-designquest2022_sp .main-banner {
    width: 80%;
}


.page-designquest2022 .design-chinta {
    padding: 60px;
    background-color: #ffffff;
    border: 2px solid #191919;
    gap: 60px;
    margin-bottom: 50px;
}

.page-designquest2022 .text-chinta {
    font-size: 22px;
    line-height: 30px;
    padding-top: 45px;
}

.page-designquest2022 .intro-chinta img {
    width: 580px;
    margin: 0 auto;
}

.page-designquest2022 .chinta-to {
    width: 280px;
}

.page-designquest2022 .link-chỉnta {
    padding-top: 70px;
}

.page-designquest2022 .image-chỉnta img {
    width: 330px;
}

.page-designquest2022_sp .design-chinta {
    padding: 15px;
}

.page-designquest2022_sp .image-chỉnta img {
    width: 185px;
}

.page-designquest2022_sp .intro-chinta img {
    width: 295px;
}

.page-designquest2022_sp .chinta-to {
    width: 160px;
}

.page-designquest2022_sp .chinta-to img {
    width: 100%;
}

.page-designquest2022_sp .link-chỉnta {
    justify-content: space-between;
}

.page-designquest2022_sp .text-chinta {
    font-size: 16px;
    padding-top: 30px;
}

.page-designquest2022 .name-idol a:hover {
    color: #0a0a0a;
}

.page-designquest2022 .final-result {
    background-color: #FFFFFF;
    align-items: center;
    padding: 0 30px;
    justify-content: space-between;
    flex-direction: column;
}

.page-designquest2022 .left-tif,
.page-designquest2022 .right-tif {
    width: 49%;
}

.page-designquest2022 .img-tif {
    width: 310px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.page-designquest2022 .text-tif {
    font-size: 16px;
    color: #000000;
    line-height: 26px;
}

.page-designquest2022 .text-tif span {
    color: #e11250;
}

.page-designquest2022 .right-tif {
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 40px 70px 20px;
    background-color: #f8e4ea;
}

.page-designquest2022 .timing-final {
    color: #b60000;
    font-size: 23px;
    padding-bottom: 30px;
}

.page-designquest2022 .countdown-event-3 {
    padding-bottom: 20px;
    margin-top: 5px;
}

.page-designquest2022 #timer3 {
    font-size: 40px;
    color: #000000;
    font-weight: 700;
}

.page-designquest2022 .logo-tif {
    width: 120px;
}

.page-designquest2022_sp .left-tif,
.page-designquest2022_sp .right-tif {
    width: 100%;
}

.page-designquest2022_sp .img-tif {
    width: 165px;
    padding-bottom: 0;
}

.page-designquest2022_sp .text-tif {
    font-size: 14px;
    line-height: 25px;
}

.page-designquest2022_sp .right-tif {
    position: relative;
    padding: 10px 0;
    width: 100%;
    margin-top: 20px;
}

.page-designquest2022_sp .timing-final {
    padding-bottom: 0px;
    font-size: 13px;
    line-height: 20px;
}

.page-designquest2022_sp .countdown-event-3 {
    padding-bottom: 0;
}

.page-designquest2022_sp #timer3 {
    font-size: 19px;
}

.page-designquest2022_sp .logo-tif {
    width: 70px;
    position: absolute;
    transform: translate(-50%, 50%);
    right: -8%;
    top: -33%;
}

.page-designquest2022 .ranking-final {
    align-items: center;
    justify-content: space-between;
}

.page-designquest2022 .right-final {
    width: 49%;
}

.page-designquest2022 .img-final {
    width: 410px;
}

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

.page-designquest2022 .head-final {
    align-items: center;
    padding-bottom: 10px;
}

.page-designquest2022 .img-no {
    width: 60px;
    margin-right: 25px;
}

.page-designquest2022 .name-idol-final {
    font-size: 24px;
    line-height: 38px;
    font-weight: 700;
}

.page-designquest2022 .ranking-final {
    padding: 30px 0;
    border-bottom: 1px dashed #cdcdcd;
}

.page-designquest2022_sp .ranking-final {
    flex-direction: column;
}

.page-designquest2022_sp .img-final,
.page-designquest2022_sp .right-final {
    width: 100%;
}

.page-designquest2022_sp .img-final {
    padding-bottom: 25px;
}

.page-designquest2022_sp .img-no {
    width: 30px;
    margin-right: 15px;
}

.page-designquest2022_sp .name-idol-final {
    font-size: 14px;
}

.page-designquest2022_sp .final-result {
    padding: 0 10px;
}

.page-designquest2022_sp .right-final {
    align-items: center;
    justify-content: center;
}