/* メンバーシップメイン */
body {
    width: 100vw;
    overflow-x: hidden;
    position: relative;
    font-family: 'Noto Sans JP', sans-serif;
}

img {
    width: 100%;
}

.mainvisual {
    width: 80%;
    margin: 0 auto;
    background-image: url("../../images/main.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100px 100px 0 0;
    overflow: hidden;
    max-width: 1440px;
}

.sandango_logo {
    width: 400px;
    margin: 40px auto;
}

.top__titile {
    text-align: center;
}

.section__title {
    font-size: 50px;
    font-weight: 900;
    color: #333;
    margin: 0;
}

.section__caption {
    font-size: 16px;
    margin: 10px;
}

.sale__item {
    width: 920px;
    margin: 60px auto;
    border: 3px solid #333;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    background-color: #F8F8F8;
}

.sale__item__title {
    width: 100%;
    text-align: center;
    font-size: 32px;
    font-weight: 900;
    background-color: #333;
    color: white;
    padding: 5px 0;
}


.item__list__wrap {
    width: 95%;
    margin: 0 auto;
}

.item__list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 3px solid #333;
    margin: 20px 0;
    padding: 0 15px;
    border-radius: 25px;
    font-weight: 700;
}

.item__detail {
    margin: 15px;
}

.item__detail__title__wrap {
    padding: 0 0 0 10px;
    border-left: 10px solid #333;
    line-height: 1.5;
    margin: 0 0 10px 0;
}

.item__detail__title {
    font-size: 29px;
    line-height: 1.2;
    margin: 0 0 5px 0;

}

.item__detail__title span {
    font-size: 20px;
}

.item__detail__caption {
    font-size: 16px;
    line-height: 1.8;
}

.item__detail__section__title {
    font-size: 14px;
    margin: 10px 0 0 0;
}

.item__color__list__wrap {
    display: flex;
}

.item__color__list {
    width: 26px;
    height: 26px;
    border: 1px solid #333;
    margin: 0 6px 0 0;
}

.item__color__list--separator {
    margin: 0 22px 0 0;
}


.item__detail__price {
    font-size: 32px;
    line-height: 1;
}

.item__detail__price span {
    font-size: 21px;
}

/* item-slider */
.item__slider {
    width: 50%;
}

.item__slider img {
    padding: 10px;
}

.slick-dotted.slick-slider {
    margin: 15px;
}

.slick-prev:before,
.slick-next:before {
    content: "";
}

.slick-prev,
.slick-next {
    content: "";
    width: 45px;
    height: 45px;
    background-size: cover;
    z-index: 10;
    background-image: url(../images/slide-prev.webp);
    display: block;
    background-color: transparent;
}

.slick-prev {
    background-image: url(../images/slide-prev.webp);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 10px;

}

.slick-next {
    background-image: url(../images/slide-prev.webp);
    transform: translate(50%, -50%) rotate(180deg);
    top: 50%;
    left: auto;
    right: 10px;
}

.slick-dots {
    bottom: -15px;
}

.slick-dots li button:before {
    content: "";
}

.slick-dots li {
    width: 36px;
    height: 5px;
    margin: 0 5px;
    background-color: #D9D9D9;
}

/* color */
.c-78B14E {
    background-color: #78B14E;
    color: #78B14E;
}

.c-EEFF00 {
    background-color: #EEFF00;
    color: #EEFF00;
}

.c-F18C15 {
    background-color: #F18C15;
    color: #F18C15;
}

.c-595757 {
    background-color: #595757;
    color: #595757;
}

.c-0B89B2 {
    background-color: #0B89B2;
    color: #0B89B2;
}

.c-77767C {
    background-color: #77767C;
    color: #77767C;
}

.c-D9D9D9 {
    background-color: #D9D9D9;
    color: #D9D9D9;
}

/* item-1 */
.item__list--1 {
    border: 3px solid #419A19;
}

.item__list--1 .item__detail__title__wrap {
    border-left: 10px solid #419A19;
}

.item__list--1 .item__detail__section__title {
    color: #419A19;
}

.item__list--1 .slick-prev,
.item__list--1 .slick-next {
    background-image: url(../images/item1-slide-prev.webp);
}

.item__list--1 .slick-dots li.slick-active {
    background-color: #419A19;
}

/* item-2 */
.item__list--2 {
    border: 3px solid #66199A;
}

.item__list--2 .item__detail__title__wrap {
    border-left: 10px solid #66199A;
}

.item__list--2 .item__detail__section__title {
    color: #66199A;
}

.item__list--2 .slick-prev,
.item__list--2 .slick-next {
    background-image: url(../images/item2-slide-prev.webp);
}

.item__list--2 .slick-dots li.slick-active {
    background-color: #66199A;
}

/* item-3 */
.item__list--3 {
    border: 3px solid #EFCB00;
}

.item__list--3 .item__detail__title__wrap {
    border-left: 10px solid #EFCB00;
}

.item__list--3 .item__detail__section__title {
    color: #EFCB00;
}

.item__list--3 .slick-prev,
.item__list--3 .slick-next {
    background-image: url(../images/item3-slide-prev.webp);
}

.item__list--3 .slick-dots li.slick-active {
    background-color: #EFCB00;
}

/* item-4 */
.item__list--4 {
    border: 3px solid #086F91;
}

.item__list--4 .item__detail__title__wrap {
    border-left: 10px solid #086F91;
}

.item__list--4 .item__detail__section__title {
    color: #086F91;
}

.item__list--4 .slick-prev,
.item__list--4 .slick-next {
    background-image: url(../images/item4-slide-prev.webp);
}

.item__list--4 .slick-dots li.slick-active {
    background-color: #086F91;
}

/* item-5 */
.item__list--5 {
    border: 3px solid #333333;
}

.item__list--5 .item__detail__title__wrap {
    border-left: 10px solid #333333;
}

.item__list--5 .item__detail__section__title {
    color: #333333;
}

.item__list--5 .slick-prev,
.item__list--5 .slick-next {
    background-image: url(../images/item5-slide-prev.webp);
}

.item__list--5 .slick-dots li.slick-active {
    background-color: #333333;
}


/* item-6 */
.item__list--6 {
    border: 3px solid #D83B64;
}

.item__list--6 .item__detail__title__wrap {
    border-left: 10px solid #D83B64;
}

.item__list--6 .item__detail__section__title {
    color: #D83B64;
}

.item__list--6 .slick-prev,
.item__list--6 .slick-next {
    background-image: url(../images/item6-slide-prev.webp);
}

.item__list--6 .slick-dots li.slick-active {
    background-color: #D83B64;
}


/* point */
.point__section {
    text-align: center;
    margin: 150px auto 0 auto;
}

.point__section .section__title {
    margin: 0 0 30px 0;
}

.point__item__wrap {
    margin: 0px auto;
    padding: 50px 0;
}


.point__item__title {
    font-size: 30px;
    font-weight: 900;
    padding: 10px 0 10px 0;
}

.point__item__caption {
    font-size: 16px;
    line-height: 1.8;
    font-weight: 500;
}

.point__contents {
    display: flex;
    width: 750px;
    margin: 50px auto 20px auto;
}

.point__num {
    font-size: 45px;
    width: 62px;
    height: 62px;
    background-color: #333;
    color: white;
    border-radius: 50px;
    line-height: 62px;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
}

.point__contents__title__wrap {
    text-align: left;
    margin: 0 0 0 15px;
}

.point__contents__title {
    font-weight: 900;
    font-size: 20px;
}

.point__contents__caption {
    font-weight: 600;
    width: 673px;
}

.point__contents__img {
    width: 750px;
    margin: 0 auto;
}

.spec-table {
    width: 514px;
    margin: 40px auto;
}

.spec-table__text {
    font-size: 17px;
    font-weight: 700;
    text-align: left;
    margin: 5px 0;
}

.spec-table__line {
    width: 100%;
    height: 1px;
    background-color: #D9D9D9;
}

.spec-table__row {
    display: flex;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
}

.spec-table__title {
    width: 50%;
    padding: 7px;
}

.spec-table__caption {
    width: 55%;
    padding: 7px;

}

.coution {
    width: 514px;
    margin: 40px auto;
    text-align: left;
    font-weight: 700;

}

.coution__title {
    color: red;
    font-size: 17px;
    margin: 5px 0;

}

.coution__caption {
    text-indent: -1em;
    padding: 0 0 0 1em;
}

.coution__caption::before {
    content: "・";
}

.point__item--1 {
    background-color: #FBFFF8;
}

.point__item--1 .point__item__title {
    color: #59A736;
}

.point__item--1 .point__num {
    background-color: #59A736;
}

.point__item--2 {
    background-color: #F8F9FF;
}

.point__item--2 .point__item__title {
    color: #66199A;
}

.point__item--2 .point__num {
    background-color: #66199A;
}

.point__item--3 {
    background-color: #FFFFF9;
}

.point__item--3 .point__item__title {
    color: #FFBB00;
}

.point__item--3 .point__num {
    background-color: #FFBB00;
}

.point__item--4 {
    background-color: #F8FDFF;
}

.point__item--4 .point__item__title {
    color: #086F91;
}

.point__item--4 .point__num {
    background-color: #086F91;
}

.point__item--5 {
    background-color: #F9F9F9;
}

.point__item--5 .point__item__title {
    color: #333333;
}

.point__item--5 .point__num {
    background-color: #333333;
}

.pc {
    display: inline-block;
}

.sp {
    display: none;
}

@media screen and (max-width:1024px) {
    .pc {
        display: none;
    }

    .sp {
        display: inline-block;
    }

    .mainvisual {
        width: 95%;
        margin: 0 auto;
        border-radius: 30px 30px 0 0;
        overflow: hidden;
    }

    .sandango_logo {
        width: 200px;
        margin: 30px auto 15px auto;
    }

    .top__title {
        text-align: center;
    }

    .section__title {
        font-size: 30px;
        line-height: 1.5;
        font-weight: 900;
        color: #333;
        margin: 0 0 10px 0;
    }

    .section__caption {
        font-size: 16px;
        margin: 10px;
        text-align: left;
        width: 90%;
        margin: 0 auto;

    }

    .sale__item {
        width: 95%;
        margin: 60px auto;
        border: 3px solid #333;
        border-radius: 20px 20px 0 0;
        overflow: hidden;
        background-color: #F8F8F8;
    }

    .sale__item__title {
        width: 100%;
        text-align: center;
        font-size: 22px;
        font-weight: 900;
        background-color: #333;
        color: white;
        padding: 5px 0;
    }


    .item__list__wrap {
        width: 95%;
        margin: 0 auto;
    }

    .item__list {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 3px solid #333;
        margin: 20px 0;
        padding: 15px;
        border-radius: 25px;
        font-weight: 700;
        flex-wrap: wrap;
    }

    .item__detail {
        margin: 5px;
    }

    .item__detail__title__wrap {
        padding: 0 0 0 10px;
        border-left: 10px solid #333;
        line-height: 1.5;
        margin: 0 0 10px 0;
    }

    .item__detail__title {
        font-size: 22px;
        line-height: 1.2;
        margin: 0 0 5px 0;

    }

    .item__detail__title span {
        font-size: 18px;
    }

    .item__detail__caption {
        font-size: 14px;
        line-height: 1.8;
    }

    .item__detail__section__title {
        font-size: 14px;
        margin: 10px 0 0 0;
    }

    .item__color__list__wrap {
        display: flex;
    }

    .item__color__list {
        width: 26px;
        height: 26px;
        border: 1px solid #333;
        margin: 0 6px 0 0;
    }

    .item__color__list--separator {
        margin: 0 22px 0 0;
    }


    .item__detail__price {
        font-size: 24px;
        line-height: 1;
    }

    .item__detail__price span {
        font-size: 15px;
    }

    /* item-slider */
    .item__slider {
        width: 95%;
        margin: 0 auto;
    }

    .item__slider img {
        padding: 5px;
    }

    .slick-dotted.slick-slider {
        margin: 0px;
        width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
        content: "";
    }

    .slick-prev,
    .slick-next {
        content: "";
        width: 40px;
        height: 40px;
        background-size: cover;
        z-index: 10;
        background-image: url(../images/slide-prev.webp);
        display: block;
        background-color: transparent;
    }

    .slick-prev {
        background-image: url(../images/slide-prev.webp);
        transform: translate(-50%, -50%);
        top: 50%;
        left: 10px;

    }

    .slick-next {
        background-image: url(../images/slide-prev.webp);
        transform: translate(50%, -50%) rotate(180deg);
        top: 50%;
        left: auto;
        right: 10px;
    }

    .slick-dots {
        bottom: -15px;
    }

    .slick-dots li button:before {
        content: "";
    }

    .slick-dots li {
        width: 18px;
        height: 3px;
        margin: 0 4px;
        background-color: #D9D9D9;
    }

    /* color */
    .c-78B14E {
        background-color: #78B14E;
        color: #78B14E;
    }

    .c-EEFF00 {
        background-color: #EEFF00;
        color: #EEFF00;
    }

    .c-F18C15 {
        background-color: #F18C15;
        color: #F18C15;
    }

    .c-595757 {
        background-color: #595757;
        color: #595757;
    }

    .c-0B89B2 {
        background-color: #0B89B2;
        color: #0B89B2;
    }

    .c-77767C {
        background-color: #77767C;
        color: #77767C;
    }

    .c-D9D9D9 {
        background-color: #D9D9D9;
        color: #D9D9D9;
    }

    /* item-1 */
    .item__list--1 {
        border: 3px solid #419A19;
    }

    .item__list--1 .item__detail__title__wrap {
        border-left: 10px solid #419A19;
    }

    .item__list--1 .item__detail__section__title {
        color: #419A19;
    }

    .item__list--1 .slick-prev,
    .item__list--1 .slick-next {
        background-image: url(../images/item1-slide-prev.webp);
    }

    .item__list--1 .slick-dots li.slick-active {
        background-color: #419A19;
    }

    /* item-2 */
    .item__list--2 {
        border: 3px solid #66199A;
    }

    .item__list--2 .item__detail__title__wrap {
        border-left: 10px solid #66199A;
    }

    .item__list--2 .item__detail__section__title {
        color: #66199A;
    }

    .item__list--2 .slick-prev,
    .item__list--2 .slick-next {
        background-image: url(../images/item2-slide-prev.webp);
    }

    .item__list--2 .slick-dots li.slick-active {
        background-color: #66199A;
    }

    /* item-3 */
    .item__list--3 {
        border: 3px solid #EFCB00;
    }

    .item__list--3 .item__detail__title__wrap {
        border-left: 10px solid #EFCB00;
    }

    .item__list--3 .item__detail__section__title {
        color: #EFCB00;
    }

    .item__list--3 .slick-prev,
    .item__list--3 .slick-next {
        background-image: url(../images/item3-slide-prev.webp);
    }

    .item__list--3 .slick-dots li.slick-active {
        background-color: #EFCB00;
    }

    /* item-4 */
    .item__list--4 {
        border: 3px solid #086F91;
    }

    .item__list--4 .item__detail__title__wrap {
        border-left: 10px solid #086F91;
    }

    .item__list--4 .item__detail__section__title {
        color: #086F91;
    }

    .item__list--4 .slick-prev,
    .item__list--4 .slick-next {
        background-image: url(../images/item4-slide-prev.webp);
    }

    .item__list--4 .slick-dots li.slick-active {
        background-color: #086F91;
    }

    /* item-5 */
    .item__list--5 {
        border: 3px solid #333333;
    }

    .item__list--5 .item__detail__title__wrap {
        border-left: 10px solid #333333;
    }

    .item__list--5 .item__detail__section__title {
        color: #333333;
    }

    .item__list--5 .slick-prev,
    .item__list--5 .slick-next {
        background-image: url(../images/item5-slide-prev.webp);
    }

    .item__list--5 .slick-dots li.slick-active {
        background-color: #333333;
    }


    /* item-6 */
    .item__list--6 {
        border: 3px solid #D83B64;
    }

    .item__list--6 .item__detail__title__wrap {
        border-left: 10px solid #D83B64;
    }

    .item__list--6 .item__detail__section__title {
        color: #D83B64;
    }

    .item__list--6 .slick-prev,
    .item__list--6 .slick-next {
        background-image: url(../images/item6-slide-prev.webp);
    }

    .item__list--6 .slick-dots li.slick-active {
        background-color: #D83B64;
    }


    /* point */
    .point__section {
        text-align: center;
        margin: 100px auto 0 auto;
    }

    .point__section .section__title {
        margin: 0 0 30px 0;
        font-size: 28px;
    }

    .point__item__wrap {
        margin: 0px auto;
        padding: 50px 0;
    }


    .point__item__title {
        font-size: 25px;
        font-weight: 900;
        padding: 10px 0 10px 0;
    }

    .point__item__caption {
        font-size: 16px;
        line-height: 1.8;
        font-weight: 500;
        text-align: left;
        width: 90%;
        margin: 0 auto;
    }

    .point__item__caption br {
        display: none;
    }

    .point__contents {
        display: flex;
        width: 90%;
        margin: 50px auto 20px auto;
    }

    .point__num {
        font-size: 30px;
        width: 45px !important;
        height: 45px !important;
        background-color: #333;
        color: white;
        border-radius: 50px;
        line-height: 45px;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
    }

    .point__contents__title__wrap {
        text-align: left;
        margin: 0 0 0 7px;
        flex: 1
    }

    .point__contents__title {
        font-weight: 900;
        font-size: 18px;
    }

    .point__contents__caption {
        font-weight: 600;
        width: 100%;
        font-size: 14px;
    }

    .point__contents__img {
        width: 90%;
        margin: 0 auto;
    }

    .spec-table {
        width: 90%;
        margin: 40px auto;
    }

    .spec-table__text {
        font-size: 17px;
        font-weight: 700;
        text-align: left;
        margin: 5px 0;
    }

    .spec-table__line {
        width: 100%;
        height: 1px;
        background-color: #D9D9D9;
    }

    .spec-table__row {
        display: flex;
        text-align: left;
        font-weight: 500;
        font-size: 14px;
    }

    .spec-table__title {
        width: 50%;
        padding: 7px;
    }

    .spec-table__caption {
        width: 55%;
        padding: 7px;

    }

    .coution {
        width: 90%;
        margin: 40px auto;
        text-align: left;
        font-weight: 700;

    }

    .coution__title {
        color: red;
        font-size: 17px;
        margin: 5px 0;

    }

    .coution__caption {
        text-indent: -1em;
        padding: 0 0 0 1em;
        font-size: 14px;
    }

    .coution__caption::before {
        content: "・";
    }

    .point__item--1 {
        background-color: #FBFFF8;
    }

    .point__item--1 .point__item__title {
        color: #59A736;
    }

    .point__item--1 .point__num {
        background-color: #59A736;
    }

    .point__item--2 {
        background-color: #F8F9FF;
    }

    .point__item--2 .point__item__title {
        color: #66199A;
    }

    .point__item--2 .point__num {
        background-color: #66199A;
    }

    .point__item--3 {
        background-color: #FFFFF9;
    }

    .point__item--3 .point__item__title {
        color: #FFBB00;
    }

    .point__item--3 .point__num {
        background-color: #FFBB00;
    }

    .point__item--4 {
        background-color: #F8FDFF;
    }

    .point__item--4 .point__item__title {
        color: #086F91;
    }

    .point__item--4 .point__num {
        background-color: #086F91;
    }

    .point__item--5 {
        background-color: #F9F9F9;
    }

    .point__item--5 .point__item__title {
        color: #333333;
    }

    .point__item--5 .point__num {
        background-color: #333333;
    }
}