/* カスタマイズ用CSS */
/* common */

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.ma {
    margin: auto !important;
}

.wrap {
    padding-top: 105px;
}

.header {
    display: block;
}

.wp-pagenavi {
    margin-bottom: 20px;
}


@media screen and (min-width:1160px) {
    .header {
        height: 105px;
    }
}

@media screen and (max-width: 960px) {
    .header {
        padding-top: 5px;
        height: 75px;
    }

    .pageup {
        right: 10px;
        bottom: 90px;
    }
}

@media screen and (max-width: 480px) {
    .wrap {
        padding-top: 63px;
    }

    .header {
        height: 63px;
    }
}


.main__bread {
    width: 100%;
    margin-bottom: 20px;
}

.f-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.f-box__logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 176px;
}

@media screen and (max-width: 960px) {
    .f-box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .f-box__logo {
        margin-right: 0 !important;
    }
}

.main-title {
    background: url(https://www.victorina-vc.jp/wp/wp-content/themes/victorina2025/img/main_bg_2025.png) center no-repeat;
    background-size: cover;
}

.main-title__text-box {
    max-width: 1380px;
}

.bread {
    padding: 12px 15px;
    background: #f2f2f2;
    font-size: 1rem;
    line-height: 1.6;
    color: #9b9b9b;
}

.bread__list {
    max-width: 1380px;
}

.footer__box {
    width: 100%;
    max-width: 1070px;
    margin: 0 auto;
}

.footer {
    background: #ec6090;
    padding: 50px 15px 56px;
    font-size: 1.2rem;
    line-height: 2.6666666667;
    letter-spacing: 0.15em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    color: #fff;
}

@media screen and (max-width: 960px) {
    .footer {
        padding-top: 34px;
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 680px) {
    .footer {
        padding-bottom: 50px;
    }
}


/* about */
@media screen and (max-width: 960px) {
    .about-top__title {
        background: url(/html/user_data/assets/img/about_top_text_sp.svg) center no-repeat;
        background-size: contain;
    }
}

.about-mailmagazine li {
    list-style: inside;
}

/* agreement */
.agreement .title-color {
    color: #525263;
}

.agreement ol {
    counter-reset: item;
    margin: 1.8em 0;
    list-style: none;
}

.agreement ul li,
.agreement ol li {
    list-style: none;
}

.agreement ol li {
    position: relative;
    padding-left: 1.6em;
}

.agreement ol li:before {
    counter-increment: item;
    content: counter(item) ".";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0.2em;
    color: #eb608f;
}

/* community */
.community .hashtag-box,
.community h2,
.community .hashtag-box::before,
.community #search_word {
    font-weight: normal;
}

.community .inputForm {
    padding: 0px 10px;
}

/* mypage login */
.mypage_login #login_mypage .bg {
    padding: 20px 20px 30px;
}

.mypage_login .inputForm {
    padding: 30px 30px;
}

.mypage_login .inputForm #login_mypage .hd01,
.mypage_login .inputForm #login_mypage .hd02,
.mypage_login .inputForm .sns a {
    font-weight: normal;
    letter-spacing: 0em;
}

.mypage_login .inputForm #login_mypage dt {
    font-weight: normal;
    text-align: left;
}

.mypage_login .goRegist .c-button-line {
    margin: auto;
}

.mypage_login .open-menu__login-btn-link:before {
    margin-right: 10px;
}

.mypage_login .inputForm .note {
    font-weight: normal;
}

@media screen and (max-width: 1160px) {
    .mypage_login .inputForm {
        padding: 10px 10px;
    }
}

@media screen and (max-width: 480px) {
    .mypage_login .open-menu__login-btn-link {
        font-size: 1.2rem;
        letter-spacing: 0;
    }
}

/* fogot */
.fogot .ec-label,
.forgot-reset .ec-label {
    font-weight: normal;
}

.fogot .ec-off4Grid button {
    height: 70px;
}

.forgot-reset .ec-off4Grid button {
    height: 70px;
}

/* mypage */
.mypage #side,
.other_page #side {
    float: none;
    letter-spacing: 0;
    padding-top: 40px;
    padding-right: 10px;
}

.mypage #side .sideMenu .hdS,
.other_page #side .sideMenu .hdS,
.mypage .ec-blockBtn--cancel,
.mypage .tit,
.mypage .title,
.mypage .hd01,
.mypage .ec-withdrawRole__title,
.mypage h2,
.mypage label,
.mypage .ec-withdrawConfirmRole__title,
.mypage .juniorMembers li .status,
.mypage .memberCard .card .ship {
    font-weight: normal;
}

.mypage #main {
    float: none;
    width: 100%;
}

.mypage .purchaseHistory .clearfix a {
    font-weight: inherit;
    text-decoration: underline;
    color: #245fbb;
}

.mypage .memberInfo .info td {
    padding: 17px 15px;
}

.mypage .memberInfo .info th {
    padding: 17px 15px;
    width: auto;
}

.mypage .juniorMembers li .status:before {
    top: -4px;
}

.mypage .juniorMembers .title {
    cursor: auto;
}

.mypage .juniorMembers .title:after {
    background: none;
}

.mypage .juniorMembers {
    background: #ffffff;
    padding-top: 30px;
}

@media screen and (max-width: 1024px) {
    .mypage #main {
        float: none;
        width: 100%;
    }

    .mypage #side {
        display: block;
        margin-top: 0;
    }

    .mypage .sp {
        display: block !important;
    }

    .mypage .main__side {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .mypage .memberInfo .info {
        padding: 0;
    }
}

/* mypage favorite */
.mypage-favorite li {
    margin-right: 5px;
}

/* mypage change */
.mypage-change .ec-label {
    font-weight: normal;
}

/* how-to-use */
.how-to-use .tit {
    font-weight: normal !important;
}

/* entry */
.entry h2,
.entry dt,
.entry label,
.entry .btnStyle,
.entry .memberConfirm th {
    font-weight: normal;
}

.entry .inputForm {
    padding: 0px 30px;
}

.entry .loginFlow li.step-now {
    font-weight: 500;
}

.entry .inputForm .full {
    background: #fff;
}

.entry label a {
    text-decoration: underline;
}

/* victorina-tv*/
.victorina-tv h2 {
    font-weight: normal;
}

.victorina-tv .inputForm .conpetBtn {
    font-weight: 500;
}

.victorina-tv .memberHead {
    margin-bottom: 10px;
    margin-top: 20px;
    border-bottom: 1px solid #ccc;
}

.victorina-tv .memberHead .info .nickname {
    font-weight: 500;
    font-size: 1.1em;
}

.victorina-tv .down,
.victorina-tv .up {
    font-weight: 500;
}

.victorina-tv .txt {
    margin-left: 15px;
}

.victorina-tv .inputForm dt {
    font-weight: 500;
}

.victorina-tv .detailStyle p {
    margin: 0 auto 0px;
}

/* products */
.main__side .cartTotal,
.products h1,
.products h2,
.products h3,
.products .displayProduct li .item,
.products .productDetail .standard li,
.products .productDetail .info .stock,
.products .productDetail .like button,
.products .ec-progress .ec-progress__item,
.products .ec-cartHeader .ec-cartHeader__label,
.products .ec-cartRow .ec-cartRow__summary,
.products .ec-blockBtn--action,
.products .ec-blockBtn--cancel,
.products .ec-alert-warning .ec-alert-warning__text,
.products .ec-cartRole .ec-cartRole__total,
.products .productDetail .back-link {
    font-weight: normal !important;
}

.products .ec-cartRole .ec-cartRole__totalAmount {
    font-weight: 500;
}

.displayProduct .inner {
    padding: 0;
}

/* shopping*/
.shopping h2,
.shopping h3,
.shopping label,
.shopping .ec-progress .ec-progress__item,
.shopping .ec-orderDelivery .ec-orderDelivery__title,
.shopping .ec-totalBox .ec-totalBox__total,
.shopping .ec-totalBox .ec-totalBox__price,
.shopping .ec-totalBox .ec-totalBox__paymentTotal,
.shopping .ec-totalBox .ec-totalBox__btn .ec-blockBtn--action,
.shopping .ec-blockBtn--cancel,
.shopping .ec-inlineBtn,
.shopping .ec-blockBtn--action {
    font-weight: normal !important;
}

.newsList {
    border: none;
    padding: 0;
}

.newsList dl {
    padding: 15px;
}

.newsList dl:last-child {
    margin-bottom: 15px;
}

#side {
    padding-top: 40px;
}

.ec-rectHeading h2 {
    margin-bottom: 15px;
}

.ec-orderPayment,
.ec-orderCoupon,
.ec-orderConfirm {
    padding-bottom: 20px;
}

/* cheering message */
.block-sp .loading_icon_sp {
    width: 20px;
    padding-right: 5px;
}

.message-entry__button:before {
    content: "コメントを閉じる";
}

.message-entryInner__post {
    display: flex;
    justify-content: flex-end;
}

.message-entryInner__error {
    margin-right: 20px;
    color: red;
    font-weight: 500;
}

.message-entryInner__submit {
    margin-left: 0px;
}

.comment-post__loading {
    height: 30px;
    padding: 8px 10px 0 0;
}

.player-name__top-pos-num2 {
    font-size: 3rem;
    font-weight: bold;
    margin-right: 0px;
    line-height: 1;
    letter-spacing: 0.12em;
}

.message-top__notice {
    overflow: hidden;
    padding: 20px 24px;
    margin-top: 14px;
}

.message-top__notice li {
    list-style: inside;
    font-size: 1.4rem;
}

.message-top__inner {
    max-width: none;
}

.c-button__link.-arrow {
    font-weight: normal;
}

.message-entry__title,
.message-entry__button {
    font-weight: normal;
}

@media screen and (max-width: 680px) {
    .message-top__notice {
        order: 4;
    }
}

/* help */
.tradelaw a:not(.c-button-line__link):not(.c-button__link):not(.detail-ctrl__link) {
    font-weight: inherit;
    text-decoration: underline;
    color: #245fbb;
}

.tradelaw a:hover {
    color: #cc6600 !important;
}

.ec-cartRow .ec-cartRow__delColumn {
    min-width: 20px;
}

.ec-cartRow__contentColumn .back-link {
    width: 100%;
}

/* VICTORINA_FC-808 7/1サイトリニューアル */
/* グローバルメニュー */
.g-nav__list-item.-game {
    padding-left: 20px;
    padding-right: 28px;
}

/* ハンバーガーメニュー */
.open-menu__nav-list:last-child {
    width: unset;
}

.open-menu__login-text {
    font-size: 1.6rem;
}

/* 現在購入できるチケット */
.ticket_text a {
    text-decoration: underline blue;
    color: blue;
    text-underline-offset: 2px;
}

.pointer-none {
    pointer-events: none;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.op-img {
    opacity: 0.09;
}

.m-auto {
    margin: auto;
}

.font-m {
    font-size: 2.0rem
}

.font-s {
    font-size: 1.5rem
}

.ticket_banner {
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 0px;
}

.ticket_banner img {
    width: 100%;
    border-radius: 10px;
    box-shadow: 5px 5px 10px -5px #a2627a;
}

.ticket_banner .soldout {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50% !important;
}

.ticket_text {
    line-height: 2.2rem;
    padding: 0 10px 5px 10px;
}

.ticket_list .color-red {
    color: red;
}

.ticket_area {
    align-items: center;
    border: solid 3px #EC709F;
    margin: 5px 20px 5px 20px;
    border-radius: 10px;
    padding: 5px 20px 5px 20px;
    margin: auto;
    margin-bottom: 15px;
    box-shadow: 5px 5px 10px -5px #a2627a;
}

.ticket_area_left {
    width: 60%;
}

.ticket_area_left .info {
    width: 70%;
    padding: 5px 0 10px 0;
}

.ticket_area_left .logo {
    width: 30%;
}

.ticket_area_left .logo img {
    max-width: 130px;
}

.ticket_area_left .sponser {
    color: #EC709F;
    font-weight: bold;
}

.ticket_area_left .period {
    background-color: #EC709F;
    color: #FFF;
    padding: 3px;
    border-radius: 3px;
}

.ticket_area_left .game {
    color: #EC709F;
    font-weight: bold;
    padding-left: 5px;
}

.ticket_area_left .date {
    color: #EC709F;
    font-weight: bold;
    line-height: 2rem;
}

.ticket_area_left .place {
    color: #EC709F;
    font-weight: bold;
}

.ticket_area_left .team {
    font-weight: bold;
    line-height: 2rem;
}

.ticket_area_left .text {
    line-height: 1.5rem;
    padding-top: 5px;
}

.ticket_area_right {
    width: 40%;
}

.ticket_area_right img {
    max-width: 190px;
}

.d-flex {
    display: flex;
}

.d-inline-flex {
    display: inline-flex
}

.justify-content-space-between {
    justify-content: space-between;
}

.ticket_area_right a {
    margin: 5px;
}

@media screen and (max-width: 960px) {
    .ticket_area {
        flex-direction: column;
    }

    .ticket_area_right {
        width: unset;
    }

    .ticket_area_right img {
        max-width: 160px;
    }

    .ticket_area_left {
        width: unset;
    }

    .ticket_area_left .logo img {
        width: auto;
        max-width: 110px;
    }

    .ticket_text {
        line-height: 1.5rem;
    }

    .font-m {
        font-size: 1.5rem
    }

    .font-s {
        font-size: 1.2rem
    }
}