/* club */
.club .wrapper {
    padding: 24px 0 0;
}
.club .c-cmn003__inner {
    padding-bottom: 16px;
}
.club .cmp-tabs__tabpanel {
    padding-left: 0;
    padding-right: 0;
}
.club .c-product__checkLabel {
    padding-left: 40px;
}
.club .text--center .c-gen006 {
    margin: 0 auto;
}

.club-section {
    width: calc(var(--unit-width) * 10 + var(--gutter-width) * 9);
    max-width: var(--inner-width);
    margin: 0 auto 64px;
}
@media screen and (min-width: 992px) {
    .club-section {
        width: calc(var(--unit-width) * 8 + var(--gutter-width) * 7);
    }
}
@media screen and (max-width: 767.9px) {
    .club-section {
        width: 100%;
        margin: 0 auto 80px;
    }
}
.club-section > *:last-child {
    margin-bottom: 0;
}

.club-navSection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: var(--inner-width);
    width: 100%;
    margin: 0 auto 32px;
}
.club-navSection > *:last-child {
    margin-bottom: 0;
}

.club-section--form {
    margin: 0 auto 48px;
}

.club-tax {
    margin-bottom: 64px;
}

@media screen and (max-width: 767.9px) {
    .club-tax {
        margin-bottom: 80px;
    }
}
.club-tax .club-list--caption > li {
    color: #1a1a1a;
}

.club-tax__inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 32px;
}

@media screen and (min-width: 1344px) {
    .club-tax__inner {
        max-width: 1280px;
        padding: 0;
    }
}
@media screen and (max-width: 767.9px) {
    .club-tax__inner {
        padding: 0 24px;
    }
}
.club-title {
    margin-bottom: 32px;
    text-align: center;
}
@media screen and (max-width: 767.9px) {
    .club-title {
        margin-bottom: 24px;
    }
}

.club-title--xlarge {
    margin-top: 8px;
    margin-bottom: 32px;
    font-size: 2.25rem;
    font-weight: 400;
}
@media screen and (max-width: 767.9px) {
    .club-title--xlarge {
        font-size: 2rem;
    }
}
* + .club-title--xlarge {
    margin-top: 32px;
}

.club-title--large {
    margin-bottom: 32px;
    font-size: 2rem;
    font-weight: 400;
}
@media screen and (max-width: 767.9px) {
    .club-title--large {
        font-size: 1.625rem;
    }
}

.club-title--medium {
    margin-bottom: 24px;
    font-size: 1.625rem;
    font-weight: 500;
}
@media screen and (max-width: 767.9px) {
    .club-title--medium {
        font-size: 1.375rem;
    }
}

.club-title--small {
    margin-bottom: 24px;
    font-size: 1.25rem;
    font-weight: 500;
}
@media screen and (max-width: 767.9px) {
    .club-title--small {
        font-size: 1.125rem;
    }
}

.club-title__icon {
    display: inline-block;
    margin-right: 16px;
}
.club-title__icon img {
    width: 100%;
    height: 100%;
}
.club-title--xlarge .club-title__icon {
    width: 48px;
    height: 48px;
    vertical-align: -12px;
}
@media screen and (max-width: 767.9px) {
    .club-title--xlarge .club-title__icon {
        width: 48px;
        height: 48px;
        vertical-align: 0;
    }
}
.club-title--large .club-title__icon {
    width: 48px;
    height: 48px;
}
@media screen and (max-width: 767.9px) {
    .club-title--large .club-title__icon {
        width: 32px;
        height: 32px;
        vertical-align: -4px;
    }
}
.club-title--medium .club-title__icon {
    width: 32px;
    height: 32px;
    vertical-align: -3px;
}
@media screen and (max-width: 767.9px) {
    .club-title--medium .club-title__icon {
        width: 32px;
        height: 32px;
        vertical-align: 0;
    }
}
.club-title--small .club-title__icon {
    width: 32px;
    height: 32px;
}
@media screen and (max-width: 767.9px) {
    .club-title--small .club-title__icon {
        width: 24px;
        height: 24px;
        vertical-align: -2px;
    }
}

.club-text {
    margin-bottom: 24px;
}

.club-text--large {
    font-size: 1.25rem;
}
@media screen and (max-width: 767.9px) {
    .club-text--large {
        font-size: 1.125rem;
    }
}

.club-text--xSmall {
    font-size: 0.75rem;
}

.club-text--caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.club-text--caption .club-text__icon {
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin-top: 4px;
    margin-right: 16px;
}
.club-text--caption .club-text__icon img,
.club-text--caption .club-text__icon svg {
    width: 100%;
}

.club-text--bold {
    font-weight: bold;
}

.club-list--caption {
    margin-top: 5px;
    margin-bottom: 24px;
}
.club-list--caption > li {
    position: relative;
    margin-left: 1.3em;
    margin-bottom: 8px;
    color: #666;
    font-size: 0.75rem;
}
.club-list--caption > li::before {
    content: '※';
    width: 16px;
    display: block;
    position: absolute;
    left: -16px;
    top: 0;
}
.club-list--caption > li:last-child {
    margin-bottom: 0;
}
.club-list--caption > li.positive--orangeLight {
    color: #914108;
}
.club-list--caption > li.positive--orangeLight::before {
    color: #914108;
}
.club-list--caption > li > a:hover {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
.club-list--caption + .club-form__border {
    margin-top: -8px;
}

.club-list--dot {
    margin-left: 1.7em;
}
.club-list--dot > li {
    position: relative;
    margin-bottom: 8px;
    line-height: 1.75;
    list-style-type: none;
}
.club-list--dot > li::before {
    content: '・';
    display: block;
    position: absolute;
    left: -20px;
    top: 0;
    width: 16px;
}

.club-descList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
}
.club-descList > dt {
    width: 18.55%;
    margin-bottom: 8px;
}
@media screen and (max-width: 767.9px) {
    .club-descList > dt {
        width: 52%;
    }
}
.club-descList > dt:last-of-type {
    margin-bottom: 0;
}
.club-descList > dd {
    width: 81.45%;
    margin-bottom: 8px;
}
@media screen and (max-width: 767.9px) {
    .club-descList > dd {
        width: 48%;
    }
}
.club-descList > dd:last-of-type {
    margin-bottom: 0;
}

.club-descList--bold {
    font-weight: bold;
}

.club-button {
    margin-bottom: 24px;
    line-height: 1.5;
    text-decoration: none;
}
.text--center .club-button {
    margin-left: auto;
    margin-right: auto;
}
.club-section > *:last-child .club-button:last-child {
    margin-bottom: 0;
}
.club-button .icon--function {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    vertical-align: -7px;
}
.club-button .icon--function img,
.club-button .icon--function svg {
    width: 100%;
}

.club-button__icon {
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.club-button__icon img,
.club-button__icon svg {
    width: 100%;
}

.club-button--textRegular {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #1a1a1a;
}
.club-button--textRegular .icon--function {
    vertical-align: -5px;
}
.club-button--textRegular:hover {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

.club-button--back {
    position: relative;
    padding-left: 24px;
}
.club-button--back::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(/mypage/profile/images/icon_arrow.svg) no-repeat center/100%;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.club-button--regular,
.club-button--secondary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(var(--unit-width) * 6 + var(--gutter-width) * 5);
    max-width: 100%;
    min-height: 56px;
    padding: 8px 20px;
    font-size: 1.125rem;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
@media screen and (min-width: 992px) {
    .club-button--regular,
    .club-button--secondary {
        width: calc(var(--unit-width) * 4 + var(--gutter-width) * 3);
        max-width: 100%;
    }
}
@media screen and (max-width: 767.9px) {
    .club-button--regular,
    .club-button--secondary {
        width: calc(var(--unit-width) * 8 + var(--gutter-width) * 7);
        max-width: 100%;
    }
}
@media screen and (max-width: 575px) {
    .club-button--regular,
    .club-button--secondary {
        width: 100%;
    }
}

.club-button--regular {
    border: 1px solid transparent;
    background: #333;
    color: #fff;
}
.club-button--regular:active {
    background-color: #666;
}
.club-button--regular:focus {
    outline-color: #1a1a1a;
}
.club-button--regular .club-button__icon path,
.club-button--regular .icon--function path {
    fill: #e6e6e6;
}
.club-button--regular:hover {
    background-color: #4d4d4d;
}

.club-button--secondary {
    border: 1px solid #333;
    color: #333;
}
.club-button--secondary:active {
    background-color: #b3b3b3;
}
.club-button--secondary:hover {
    background-color: #ccc;
}

.club-button__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0 24px;
    margin-bottom: 32px;
}
@media screen and (min-width: 992px) {
    .club-button__wrapper {
        gap: 0 32px;
    }
}
@media screen and (max-width: 767.9px) {
    .club-button__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 32px;
    }
}
.club-button__wrapper > .club-button {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}

.club-button--flex {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: calc(var(--unit-width) * 6 + var(--gutter-width) * 5);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    min-height: 0;
    padding: 9px 16px;
    font-size: 1rem;
}
@media screen and (min-width: 992px) {
    .club-button--flex {
        max-width: calc(var(--unit-width) * 4 + var(--gutter-width) * 3);
    }
}
@media screen and (max-width: 767.9px) {
    .club-button--flex {
        max-width: calc(var(--unit-width) * 8 + var(--gutter-width) * 7);
    }
}
@media screen and (max-width: 575px) {
    .club-button--flex {
        max-width: 100%;
    }
}

.club-selectDate {
    display: inline-block;
    font-weight: bold;
}

.club-terms {
    max-height: 320px;
    margin-bottom: 32px;
    padding: 16px;
    border: 1px solid #ccc;
    overflow-y: auto;
}
@media screen and (max-width: 767.9px) {
    .club-terms {
        margin-bottom: 24px;
    }
}

.club-terms__list {
    margin-left: 16px;
    font-size: 0.875rem;
}
.club-terms__list > li > span {
    display: block;
    font-weight: bold;
}

.club-terms__list--numBold > li::marker {
    font-weight: bold;
}

.club-terms__subList {
    margin-left: 1.7em;
    text-indent: -2.3em;
}
.club-terms__subList > li {
    list-style-type: none;
    list-style-position: outside;
    counter-increment: count;
}
.club-terms__subList > li:before {
    content: '(' counter(count) ') ';
    text-align: right;
    width: 2em;
    margin-right: 5px;
    display: inline-block;
}

.club-terms__title {
    font-weight: bold;
}

.club-table {
    margin-bottom: 64px;
}
.club-table table {
    width: 100%;
    border: none;
    border-top: 1px solid #ccc;
}
.club-table table th,
.club-table table td {
    padding: 16px;
    border: none;
    border-bottom: 1px solid #ccc;
    font-size: 1rem;
    font-weight: normal;
    text-align: center;
    line-height: 1;
}
.club-table table th {
    background: #e6e6e6;
}
.club-table table th + th {
    border-left: 1px solid #ccc;
}
.club-table table th[scope='row'] {
    border-right: 1px solid #ccc;
}
.club-table table td + td {
    border-left: 1px solid #ccc;
}
.club-table table td img {
    max-width: 24px;
    padding: 4px;
}

.club-radio__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px 32px;
}
.club-radio__wrapper .club-radio {
    margin-bottom: 24px;
}

.club-radio {
    display: inline-block;
    padding-left: 40px;
    cursor: pointer;
}
.club-radio:first-child {
    margin-top: 0;
}
.club-radio.club-radio--single {
    width: 24px;
    height: 24px;
    padding-left: 0;
}

.club-radio__input {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.pressTabkey .club-radio__input:focus + .club-radio__label::before {
    outline-width: 3px;
    outline-style: dotted;
    outline-color: initial;
}
.club-radio__input:checked + .club-radio__label::after {
    content: '';
}
.club-radio__input:disabled + .club-radio__label {
    opacity: 0.5;
    cursor: default;
}

.club-radio__label {
    display: block;
    position: relative;
    margin-bottom: 0;
    line-height: 1.5;
}
.club-radio__label::before,
.club-radio__label::after {
    content: '';
    position: absolute;
    top: 0px;
    display: block;
    border-radius: 50%;
}
.club-radio__label::before {
    top: 0px;
    left: -40px;
    width: 24px;
    height: 24px;
    pointer-events: none;
    border: 1px solid #333;
}
.club-radio--single .club-radio__label::before {
    left: 0;
}
.club-radio__label::after {
    content: none;
    top: 4px;
    left: -36px;
    width: 16px;
    height: 16px;
    background: #333;
}
.club-radio--single .club-radio__label::after {
    left: 4px;
}

.club-radio__add {
    display: block;
    margin-top: 8px;
    color: #914108;
    font-size: 0.875rem;
}

.club-progressbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 48px;
}
.club-progressbar > li {
    position: relative;
    width: 25%;
    color: #ccc;
    font-size: 0.75rem;
    list-style-type: none;
    text-align: center;
    text-transform: uppercase;
    counter-increment: steps;
}
.club-progressbar > li:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto 4px;
    border-radius: 50%;
    border: 1px solid #ccc;
    background-color: #f2f2f2;
    font-size: 12px;
    text-align: center;
    content: counter(steps);
}
.club-progressbar > li:after {
    content: '';
    position: absolute;
    top: 9px;
    left: -60%;
    width: 110%;
    height: 2px;
    background-color: #ccc;
    z-index: -1;
}
.club-progressbar > li:first-child:after {
    content: none;
}
.club-progressbar > li.club-progressbar__active,
.club-progressbar > li.club-progressbar__complete {
    color: #333;
}
.club-progressbar > li.club-progressbar__active:before,
.club-progressbar > li.club-progressbar__complete:before {
    border: 1px solid #333;
    background-color: #333;
    color: #fff;
}
.club-progressbar > li.club-progressbar__active:after,
.club-progressbar > li.club-progressbar__complete:after {
    top: 8px;
    height: 4px;
    background-color: #333;
}

@media screen and (max-width: 767.9px) {
    .club-progressbar--step2 > li {
        width: 50%;
    }
}

.club-progressbar--step3 > li:first-child {
    counter-reset: steps 2;
}
@media screen and (max-width: 767.9px) {
    .club-progressbar--step3 > li {
        width: 33.3%;
    }
}
.club-progressbar--step3 > li:before {
    content: counter(steps);
}

.club-accordion {
    width: 100%;
    margin-bottom: 80px;
    border-bottom: 1px solid #ccc;
}
.club-accordion .c-product__accordionTitle {
    font-weight: normal;
}

.club-accordion__list > li {
    margin-bottom: 24px;
}
.club-accordion__list > li:last-child {
    margin-bottom: 0;
}

.club-accordion__closedImage {
    display: inline-block;
    margin-right: 16px;
}
.club-accordion__closedImage img {
    max-width: 16px;
    vertical-align: -2px;
}
.club-accordion__closedImage + .club-radio__add {
    margin-left: 40px;
}

.club-form--caption {
    margin-bottom: 32px;
}
@media screen and (max-width: 767.9px) {
    .club-form--caption {
        margin-bottom: 24px;
    }
}
.club-form--caption > li {
    position: relative;
    margin-left: 1.3em;
    margin-bottom: 8px;
    font-size: 0.875rem;
}
.club-form--caption > li::before {
    content: '※';
    width: 16px;
    display: block;
    position: absolute;
    left: -16px;
    top: 0;
}
.club-form--caption > li:last-child {
    margin-bottom: 0;
}

.club-form__unit {
    margin-bottom: 64px;
}
@media screen and (min-width: 992px) {
    .club-form__unit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media screen and (max-width: 767.9px) {
    .club-form__unit {
        margin-bottom: 80px;
    }
}
.club-form__unit > dt {
    margin-bottom: 16px;
    font-weight: bold;
}
@media screen and (min-width: 992px) {
    .club-form__unit > dt {
        width: calc(var(--unit-width) * 2 + var(--gutter-width) * 1);
        margin-bottom: 24px;
    }
}
@media screen and (max-width: 767.9px) {
    .club-form__unit > dt {
        width: 100%;
        margin-bottom: 16px;
    }
}
@media screen and (min-width: 992px) {
    .club-form__unit > dt:last-of-type {
        margin-bottom: 0;
    }
}
.club-form__unit > dt.club-form__col {
    margin-bottom: 16px;
}
@media screen and (min-width: 992px) {
    .club-form__unit > dt.club-form__col {
        margin-bottom: 48px;
    }
}
.club-form__unit > dt.club-form__col--favorite {
    margin-top: 24px;
}
@media screen and (max-width: 767.9px) {
    .club-form__unit > dt.club-form__col--favorite {
        margin-top: 48px;
    }
}
.club-form__unit > dd {
    margin-bottom: 24px;
}
@media screen and (min-width: 992px) {
    .club-form__unit > dd {
        width: calc(var(--unit-width) * 6 + var(--gutter-width) * 5);
    }
}
@media screen and (max-width: 767.9px) {
    .club-form__unit > dd {
        width: 100%;
        margin-bottom: 24px;
    }
}
.club-form__unit > dd:last-of-type {
    margin-bottom: 0;
}
.club-form__unit > dd > *:last-child {
    margin-bottom: 0;
}
.club-form__unit > dd .club-radio__wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.club-form__unit > dd .club-radio__wrapper > li {
    width: calc(50% - 16px);
}
.club-form__unit > dd .club-radio__wrapper > li .club-radio {
    margin-bottom: 0;
}
.club-form__unit > dd .club-radio__wrapper--auto {
    margin-bottom: 24px;
}
.club-form__unit > dd .club-radio__wrapper--auto > li {
    width: auto;
}
.club-form__unit > dd .club-radio__wrapper--unit3 > li {
    width: calc(33.3% - 22px);
}
@media screen and (max-width: 767.9px) {
    .club-form__unit > dd .club-radio__wrapper--unit3 > li {
        width: calc(50% - 16px);
    }
}
.club-form__unit > dd .club-form__inputWrapper + .club-text {
    margin-top: 16px;
}
.club-form__unit > dd.club-form__col {
    margin-bottom: 48px;
}
.club-form__unit > dd.club-form__col--favorite {
    margin-top: 24px;
}
@media screen and (max-width: 767.9px) {
    .club-form__unit > dd.club-form__col--favorite {
        margin-top: 16px;
    }
}
.club-form__unit .c-product__filterTag {
    padding: 1px;
}
.club-form__unit .c-lay006__moreArea {
    margin-top: 16px;
}
.club-form__unit .c-lay006__button {
    margin-top: 32px;
}
.club-form__unit .c-lay006__button > button {
    padding-top: 28px;
    font-size: 1rem;
}

.pressTabkey .club-form__col .c-product__filterItem:focus {
    outline-offset: -3px;
}

.club-form__head {
    display: inline-block;
    font-size: 1rem;
}

.club-form__required {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 4px;
    border-radius: 2px;
    background: #f2dad9;
    font-size: 0.75rem;
    font-weight: normal;
}

.club-form__error {
    display: block;
    margin-top: 8px;
    color: #914108;
    font-size: 0.75rem;
}

.club-form__input {
    width: 100%;
    margin-bottom: 16px;
}
.club-form__input > input,
.club-form__input > textarea {
    width: 100%;
    min-height: 56px;
    padding: 16px;
    border: 1px solid #333;
    background: transparent;
}
.club-form__input > input.is-invalid,
.club-form__input > input:invalid,
.club-form__input > textarea.is-invalid,
.club-form__input > textarea:invalid {
    background: #f2dad9;
}
.club-form__input > input:valid + .club-form__error,
.club-form__input > textarea:valid + .club-form__error {
    display: none;
}
.club-form__inputWrapper .club-form__input {
    margin-bottom: 0;
}

.club-form__inputText {
    display: block;
}

.club-form__input--unit2 {
    width: calc(50% - var(--gutter-width) / 2);
}
@media screen and (max-width: 767.9px) {
    .club-form__input--unit2 {
        width: 100%;
    }
}

.club-form__input--unit3 {
    width: calc(33.3% - var(--gutter-width) / 3);
}

.club-form__inputWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 16px;
    margin-bottom: 16px;
}

.club-form__selectWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0 var(--gutter-width);
    margin-bottom: 16px;
}
.club-form__selectWrapper .club-form__select {
    margin-bottom: 0;
}
.club-form__selectWrapper .club-button {
    margin-bottom: 8px;
}
@media screen and (max-width: 575px) {
    .club-form__selectWrapper.club-form__selectWrapper--calendar .club-form__select {
        width: calc(31% - var(--gutter-width) / 3);
    }
}
@media screen and (max-width: 575px) {
    .club-form__selectWrapper.club-form__selectWrapper--calendar .club-form__select:first-child {
        width: calc(39% - var(--gutter-width) / 3);
    }
}

@media screen and (max-width: 767.9px) {
    .club-form__selectWrapper--unit1 {
        display: block;
    }
}

.club-form__selectCalendarWrapper .club-form__input--unit2 {
    max-width: calc(var(--unit-width) * 2 + var(--gutter-width) * 1);
}
@media screen and (max-width: 767.9px) {
    .club-form__selectCalendarWrapper .club-form__input--unit2 {
        max-width: calc(50% - 12px);
    }
}
@media screen and (max-width: 767.9px) {
    .club-form__selectCalendarWrapper .club-form__select--year {
        max-width: 100%;
        margin-bottom: 0;
    }
}

.club-form__select {
    position: relative;
    margin-bottom: 16px;
}
.club-form__select::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 15px;
    width: 16px;
    height: 16px;
    background: url(/mypage/profile/images/icon_arrow_small.svg) no-repeat left center/100% auto;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.club-form__select > select {
    width: 100%;
    min-height: 56px;
    padding: 14px 16px;
    border: 1px solid #333;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.club-form__select + .club-radio__wrapper {
    margin-top: 24px;
}

.club-form__text {
    font-size: 1rem;
    margin-bottom: 8px;
}

.club-form__calendar {
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 8px;
}
@media screen and (max-width: 767.9px) {
    .club-form__calendar {
        margin-top: 16px;
    }
}

.club-form__nickname .club-form__selectWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (max-width: 767.9px) {
    .club-form__nickname .club-form__input {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}
.club-form__nickname .club-list--caption {
    width: 100%;
}
@media screen and (min-width: 768px) {
    .club-form__nickname .club-list--caption {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 767.9px) {
    .club-form__nickname .club-list--caption {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 16px;
    }
}
.club-form__nickname .club-button {
    text-align: left;
}
@media screen and (min-width: 768px) {
    .club-form__nickname .club-button {
        max-width: calc(var(--unit-width) * 3 + var(--gutter-width) * 2);
    }
}
@media screen and (max-width: 767.9px) {
    .club-form__nickname .club-button {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}
.club-form__nickname .club-text--xSmall {
    margin-top: 4px;
    font-size: 0.75rem;
}

.club-form__border {
    margin-bottom: 24px;
    border-style: none;
    border-top: 1px solid #ccc;
}

.club-form__numAuth {
    width: 100%;
    max-width: 200px;
    margin: 0 auto 24px;
}

.club-tagIconWrap .c-lay006__moreArea {
    margin-top: 24px;
}

.club-tagIcon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
}
@media screen and (min-width: 992px) {
    .club-tagIcon {
        gap: 24px 32px;
    }
}
.club-tagIcon > li {
    width: calc(33.3% - 22px);
}
@media screen and (max-width: 767.9px) {
    .club-tagIcon > li {
        width: calc(50% - 12px);
    }
}
.club-tagIcon .c-product__filterItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    border: none;
    background: none;
    text-decoration: none;
    white-space: wrap;
}
.club-tagIcon .c-product__filterItem:hover {
    background: none;
}
.club-tagIcon .c-product__filterItem:hover .club-tagIcon__name {
    background: #e6e6e6;
}
.club-tagIcon .c-product__filterItem.is-active .club-tagIcon__name {
    background: #ccc;
}

.club-tagIcon__name {
    width: 100%;
    margin-top: 8px;
    padding: 4px 16px 5px;
    border: 1px solid #ccc;
    border-radius: 16px;
    font-size: 14px;
    text-align: center;
}

.club-anchor {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 32px;
}

@media screen and (max-width: 767.9px) {
    .club-anchor {
        margin: 0 auto 24px;
    }
}
.club-anchor__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
}

.club-anchor__item > *:last-child {
    margin-bottom: 0;
}

.club-dateText {
    color: #333;
    font-size: 0.875rem;
}

.club-history {
    border-bottom: 1px solid #ccc;
}
.club-history.club-history--coin {
    margin-top: 8px;
}

.club-history__item {
    padding: 24px 0;
    border-top: 1px solid #ccc;
}

@media screen and (min-width: 768px) {
    .club-history__unit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0 var(--gutter-width);
    }
}
.club-history--coin .club-history__unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 8px;
}

@media screen and (min-width: 768px) {
    .club-history__unitHead {
        width: calc(var(--unit-width) * 4 + var(--gutter-width) * 3);
    }
}
.club-history--coin .club-history__unitHead {
    width: auto;
}

@media screen and (min-width: 768px) {
    .club-history__unitContent {
        width: calc(var(--unit-width) * 8 + var(--gutter-width) * 7);
    }
}
@media screen and (max-width: 767.9px) {
    .club-history__unitContent {
        margin-top: 16px;
    }
}
.club-history--coin .club-history__unitContent {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto;
    text-align: right;
    white-space: nowrap;
}
@media screen and (max-width: 767.9px) {
    .club-history--coin .club-history__unitContent {
        margin-top: 0;
    }
}

.club-history__unitTitle {
    font-weight: bold;
}

.club-history__unitStatus {
    display: block;
    margin-top: 8px;
    font-weight: bold;
}

.club-history__unitList {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px 0;
}
.club-history__unitList > dt {
    position: relative;
    padding-right: 16px;
}
.club-history__unitList > dt::after {
    content: ':';
    position: absolute;
    top: -2px;
    right: 6px;
}
.club-history__unitList > dd > a {
    display: block;
    margin-top: 4px;
    font-weight: bold;
}
.club-history__unitList > dd > a:hover {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
.club-history--coin .club-history__unitList {
    margin-top: 8px;
    font-size: 0.875rem;
}

.club-history__unitCoin {
    margin-bottom: 8px;
    font-size: 0.75rem;
    font-weight: bold;
}
.club-history__unitCoin > span {
    font-size: 1rem;
}

.club-history__unitCoinType {
    display: block;
    font-size: 0.875rem;
    line-height: 1.5;
}

.club-history__unitCoinStatus {
    display: block;
    font-size: 0.875rem;
    line-height: 1.5;
}

.club-history__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
}
.club-history__btn .club-button {
    margin-bottom: 0;
}

.club-member {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 var(--gutter-width);
    max-width: var(--inner-width);
    width: 100%;
}

.club-member__col {
    width: calc(50% - 12px);
    text-align: center;
}
@media screen and (min-width: 992px) {
    .club-member__col {
        width: calc(50% - 16px);
    }
}
@media screen and (max-width: 575px) {
    .club-member__col {
        width: 100%;
    }
}

@media screen and (max-width: 575px) {
    .club-member__text {
        margin-bottom: 32px;
    }
}
.club-member__text > span {
    padding-left: 8px;
    font-weight: bold;
}

.club-warranty > *:last-child {
    margin-bottom: 0;
}
.club-warranty .club-text {
    margin-bottom: 16px;
}

.club-warranty__box {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #ccc;
}
.club-warranty__box + .club-warranty__title {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #ccc;
}
.club-warranty__box > *:last-child {
    margin-bottom: 0;
}

.club-warranty__title {
    margin-bottom: 16px;
    font-weight: bold;
}

.club-warranty__unit {
    padding-left: 40px;
}
@media screen and (max-width: 767.9px) {
    .club-warranty__unit {
        padding-left: 24px;
    }
}
.club-warranty__unit .c-gen002 ol > li {
    margin-bottom: 16px;
}

.club-warranty__tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
}

.club-warranty__telIcon {
    max-width: 63px;
}
.club-warranty__telIcon > img {
    width: 100%;
}

.club-warranty__telNum {
    margin-left: 16px;
    font-size: 1.625rem;
}

.club-warranty__text {
    margin-bottom: 8px;
}

.club-mycoin .c-lay005 {
    margin-bottom: 8px;
}
.club-mycoin .c-lay005 .c-lay011 {
    margin: -4px 0;
}
.club-mycoin .c-lay005 .club-mycoin__item {
    padding: 4px 0;
}
.club-mycoin .cmp-accordion__button {
    min-height: 0;
    margin-bottom: 0;
    padding: 8px 16px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.club-mycoin .cmp-accordion__title {
    font-weight: normal;
}
.club-mycoin .cmp-accordion__icon {
    right: 32px;
}
.club-mycoin .cmp-accordion__panel {
    padding: 0 16px 8px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.club-mycoin__item {
    display: grid;
    grid-template-columns: 1fr auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px 8px;
}
.club-mycoin__item.club-mycoin__item--head {
    margin-bottom: 24px;
}
.club-mycoin__item.club-mycoin__item--head .club-mycoin__head {
    font-size: 1rem;
    font-weight: bold;
}
.club-mycoin__item.club-mycoin__item--head .club-mycoin__content {
    font-size: 0.875rem;
    font-weight: bold;
}
.club-mycoin__item.club-mycoin__item--head .club-mycoin__content span {
    font-size: 1.125rem;
}

.club-mycoin__head {
    font-size: 0.875rem;
}

.club-mycoin__content {
    font-size: 0.75rem;
    text-align: right;
}
.club-mycoin__content span {
    padding-right: 2px;
    font-size: 1rem;
}
.club-mycoin__content .positive--blueLight,
.club-mycoin__box .club-mycoin__content {
    font-weight: bold;
}

.club-mycoin__unit {
    margin-bottom: 16px;
    padding: 8px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.club-mycoin__unit .club-mycoin__item {
    padding: 8px 0;
}

.club-mycoin__box {
    padding: 16px;
    background: #e6e6e6;
}
.club-mycoin__box .club-mycoin__item {
    padding: 8px 0;
}
.club-mycoin__box .club-mycoin__item.club-mycoin__item--head {
    margin-bottom: 0;
    padding-top: 0;
}
.club-mycoin__box > *:last-child {
    padding-bottom: 0;
}

.club-mycoin__btn {
    margin-top: 32px;
    text-align: center;
}
.club-mycoin__btn .club-button {
    margin-left: auto;
    margin-right: auto;
}

.club-badge__mv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: var(--inner-width);
    width: 100%;
    margin: 0 auto 64px;
}
@media screen and (max-width: 767.9px) {
    .club-badge__mv {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 80px;
    }
}
.club-badge__mv img {
    max-width: 100%;
}

.club-badge__result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border-radius: 50%;
    background: #475c85;
}
.club-badge__result span {
    color: #fff;
    font-size: 2rem;
}

.club-badge__earn {
    color: #666;
    text-align: center;
}
.club-badge__earn span {
    padding: 0 6px;
    color: #475c85;
    font-size: 1.625rem;
    font-weight: bold;
    vertical-align: -2px;
}

.club-badge__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 32px var(--gutter-width);
    margin-top: 32px;
    margin-bottom: 64px;
}
@media screen and (max-width: 767.9px) {
    .club-badge__list {
        margin-bottom: 80px;
    }
}
.club-badge__listItem {
    --unit-width: calc((100% - (var(--gutter-width) * 11)) / 12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: calc(var(--unit-width) * 3 + var(--gutter-width) * 2);
}
@media screen and (max-width: 767.9px) {
    .club-badge__listItem {
        width: calc(var(--unit-width) * 4 + var(--gutter-width) * 3);
    }
}
@media screen and (max-width: 575px) {
    .club-badge__listItem {
        width: calc(var(--unit-width) * 6 + var(--gutter-width) * 5);
    }
}
.club-badge__listItem:hover .c-product__link {
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
}
.club-badge__listImg {
    position: relative;
    width: 100%;
}
.club-badge__listImgNum {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 24px;
    font-size: 1.25rem;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .club-badge__listImgNum {
        bottom: 18px;
    }
}
@media screen and (min-width: 992px) {
    .club-badge__listImgNum {
        bottom: 18px;
    }
}
@media screen and (min-width: 1200px) {
    .club-badge__listImgNum {
        bottom: 24px;
    }
}
.club-badge__listNum {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-height: 36px;
    font-size: 1.25rem;
    font-weight: bold;
}
.club-badge__listNum span {
    display: block;
    height: 36px;
    margin-top: 4px;
}
.club-badge__list .c-product__link {
    margin-top: 16px;
}

.club-badge__list--status .club-badge__listImgNum {
    bottom: 8px;
    right: 18px;
    width: auto;
    padding: 1px 9px 3px;
    border-radius: 24px;
    background: #475c85;
    color: #fff;
    font-size: 1rem;
}
@media screen and (min-width: 1200px) {
    .club-badge__list--status .club-badge__listImgNum {
        right: 24px;
    }
}
.club-badge__list--status .club-badge__listNum {
    color: #475c85;
}

.club-review {
  padding: 32px;
  background: #e6e6e6;
}
@media screen and (max-width: 767.9px) {
  .club-review {
    padding: 24px;
  }
}
.club-review > *:last-child {
  margin-bottom: 0;
}
.club-review .c-prd006__referenceButton .c-product__buttonSecondary {
  background: #e6e6e6;
  color: #000;
}
.club-review .c-prd006__referenceButton .c-product__buttonSecondary:active {
  background-color: #b3b3b3;
}
.club-review .c-prd006__referenceButton .c-product__buttonSecondary:focus {
  outline-color: #e6e6e6;
}
.club-review .c-prd006__referenceButton .c-product__buttonSecondary:hover {
  background-color: #ccc;
}

.club-myProductList {
  margin-bottom: 24px;
  padding: 32px;
  border: 1px solid #ccc;
}
@media screen and (max-width: 767.9px) {
  .club-myProductList {
    padding: 24px;
  }
}
.club-myProductList dl {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px 0;
}
.club-myProductList dl dt {
  position: relative;
  padding-right: 16px;
}
.club-myProductList dl dt::after {
  content: ":";
  position: absolute;
  top: -2px;
  right: 6px;
}

.club-myProductTitle {
  display: block;
}

.club-myProductUnit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--gutter-width);
  width: 100%;
  max-width: 270px;
  margin: 0 auto;
}

.club-myProductImage {
  width: 100%;
  margin: 0 auto 24px;
}
.club-myProductImage__qr {
  max-width: 160px;
}
.club-myProductImage__ios {
  max-width: 140px;
}
.club-myProductImage__android {
  max-width: 170px;
}
.club-myProductImage img {
  max-width: 100%;
}

.text--left {
    text-align: left;
}

.text--center {
    text-align: center;
}

.text--pcCenter {
    text-align: center;
}
@media screen and (max-width: 767.9px) {
    .text--pcCenter {
        text-align: left;
    }
}
.text--spCenter {
    text-align: left;
}

@media screen and (max-width: 767.9px) {
    .text--spCenter {
        text-align: center;
    }
}
@media screen and (max-width: 767.9px) {
    .is-pc {
        display: none;
    }
}
.is-sp {
    display: none;
}

@media screen and (max-width: 767.9px) {
    .is-sp {
        display: block;
    }
}