@charset "utf-8";

@font-face {
    font-family: 'SnagMedium';
    src: url('./fomts/SmithHands-SnagMedium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SnagLight';
    src: url('./fonts/SmithHands-SnagLight.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}


a {
    display: block;
    /* width: 100%;
    height: 100%; */
}

img {
    display: block;
    width: 100%;
}

body {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}



.contents-wrapper {
    width: 390px;
    height: 100%;
    margin: 0 auto;
}

@media (max-width: 390px) {
    .contents-wrapper {
        width: 100%;
    }
}


#header {
    position: fixed;
    top: 0;
    width: 390px;
    height: 46.25px;
    background-color: #000000;
    z-index: 6666;
}

@media (max-width: 390px) {
    #header {
        width: 100%;
        height: 11.86vw;
    }
}

.header-contents-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 18.3027px 0 16.7778px;
}

@media (max-width: 390px) {
    .header-contents-wrapper {
        padding: 0 4.693vw 0 4.302vw;
    }
}

.header-contents-wrapper .header-logo {
    width: 50.8443px;
}

@media (max-width: 390px) {
    .header-contents-wrapper .header-logo {
        width: 13.037vw;
    }
}

.header-icon {
    display: flex;
    align-items: center;
}


.header-mypage {
    width: 19.3206px;
    margin-right: 21.3525px;
}

@media (max-width: 390px) {
    .header-mypage {
        width: 4.954vw;
        margin-right: 5.475vw;
    }
}

.header-cart {
    width: 23.898px;
    margin-right: 21.8634px;
}

@media (max-width: 390px) {
    .header-cart {
        width: 6.1277vw;
        margin-right: 5.606vw;
    }
}

.header-menu {
    width: 21.3556px;
}

@media (max-width: 390px) {
    .header-menu {
        width: 5.4758vw;
    }
}


#new-slideMenu {
    display: none;
    /* 初期状態では非表示 */
    opacity: 0;
    /* 透明 */
    transition: opacity 0.5s ease-in-out;
}

#new-slideMenu.active {
    display: block;
    /* 表示 */
    opacity: 1;
    /* 透明度を100%に */
}

#new-slideMenu img {
    display: block !important;
}

.new-slideMenu-header-close {
    width: 15.249px;
    height: 15.249px;
}

@media (max-width: 390px) {
    .new-slideMenu-header-close {
        width: 3.91vw;
        height: 3.91vw;
    }
}

.new-slideMenu a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    width: 100%;
    height: 100%;
    line-height: 1;
    font-weight: 500;
}

.new-slideMenu img {
    width: 100%;
    object-fit: cover;
}

.new-slideMenu {
    background-color: #000;
    color: #fff;
    width: 390px;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: calc(var(--vh, 1vh) * 100);
    overflow: hidden;
    /* wrapper自体は固定 */
    z-index: 9999;
}

@media (max-width: 390px) {
    .new-slideMenu {
        width: 100%;
    }
}

.new-slideMenu-header-logo {
    /* width: 100px; */
    width: 50.8443px;
}

@media (max-width: 390px) {
    .new-slideMenu-header-logo {
        width: 13.037vw;
    }
}

.new-slideMenu-wrapper {
    /* padding-left: 33px;
            padding-right: 33px; */
    /* position: absolute;
            top: 0;
            left: 0; */
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding-left: 16.77px;
    padding-right: 16.77px;
}

@media (max-width: 390px) {
    .new-slideMenu-wrapper {
        padding-left: 4.30vw;
        padding-right: 4.30vw;
    }
}

.new-slideMenu-header {
    /* padding-top: 116px;
            margin-bottom: 28px;
            padding-right: 10px; */
    /* padding-top: 15.1vw;
            margin-bottom: 3.65vw; */
    padding-right: 5.07px;
    height: 46.254px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 390px) {
    .new-slideMenu-header {
        padding-right: 1.30vw;
        height: 11.86vw;
    }
}

.new-slideMenu-wrapper hr {
    width: 100vw;
    border: none;
    /* デフォルトの線を消す（オプション） */
    height: 0.507px;
    /* height: 0.130vw; */
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    /* margin-left: -33px; */
    margin-left: -16.77px;
    background: #ccc;
}

@media (max-width: 390px) {
    .new-slideMenu-wrapper hr {
        height: 0.130vw;
        margin-left: -4.30vw;
    }
}

.hr-none2,
.hr-none3 {
    opacity: 0;
    overflow: hidden;
    transition: opacity 0.3s ease-in, height 0.3s ease-in;
}

.hr-none2.active,
.hr-none3.active {
    opacity: 1;
}

.new-slideMenu-products-title,
.new-slideMenu-contents-title {
    /* padding-top: 26px;
            padding-bottom: 25px; */
    padding-top: 13.182px;
    padding-bottom: 12.675px;
}

@media (max-width: 390px) {

    .new-slideMenu-products-title,
    .new-slideMenu-contents-title {
        padding-top: 3.38vw;
        padding-bottom: 3.25vw;
    }
}

.new-slideMenu-products-title span:first-child,
.new-slideMenu-contents-title span:first-child {
    /* font-size: 35.13px;
            letter-spacing: 3px; */
    font-size: 17.862px;
    letter-spacing: 1.5249px;
    font-family: 'SnagMedium', sans-serif;
    line-height: 1;
}

@media (max-width: 390px) {

    .new-slideMenu-products-title span:first-child,
    .new-slideMenu-contents-title span:first-child {
        font-size: 4.58vw;
        letter-spacing: 0.391vw;
    }
}

.new-slideMenu-products-title span:nth-child(2),
.new-slideMenu-contents-title span:nth-child(2) {
    /* font-size: 16.26px;
            padding-left: 25px; */
    font-size: 8.229px;
    padding-left: 12.7101px;
    font-weight: 500;
    line-height: 1;
}

@media (max-width: 390px) {

    .new-slideMenu-products-title span:nth-child(2),
    .new-slideMenu-contents-title span:nth-child(2) {
        font-size: 2.11vw;
        padding-left: 3.259vw;
    }
}

.new-slideMenu-products-contents-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    /* font-size: 24.72px;
            padding-top: 51px;
            padding-bottom: 48px;
            padding-left: 34px; */
    font-size: 12.558px;
    padding-top: 25.9311px;
    padding-bottom: 24.4062px;
    padding-left: 17.2848px;
    font-weight: 500;
}

@media (max-width: 390px) {
    .new-slideMenu-products-contents-title {
        font-size: 3.22vw;
        padding-top: 6.649vw;
        padding-bottom: 6.258vw;
        padding-left: 4.432vw;
    }
}

.new-slideMenu-products-contents-title div {
    line-height: 1;
}

.sans-font-plus {
    /* letter-spacing: 3px; */
    letter-spacing: 1.5249px;
    font-family: 'SnagLight', sans-serif;
}

@media (max-width: 390px) {
    .sans-font-plus {
        letter-spacing: 0.391vw;
    }
}

.sans-font-plus1 {
    /* letter-spacing: 1.5px; */
    letter-spacing: 0.7605px;
    font-family: 'SnagLight', sans-serif;
}

@media (max-width: 390px) {
    .sans-font-plus1 {
        letter-spacing: 0.195vw;
    }
}

.new-slideMenu-products-contents-title-plus {
    /* width: 22px;
            height: 22px; */
    width: 11.1852px;
    height: 11.1852px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 390px) {
    .new-slideMenu-products-contents-title-plus {
        width: 2.868vw;
        height: 2.868vw;
    }
}

.new-slideMenu-product-contents-items {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
}

.new-slideMenu-products-contents-2 .new-slideMenu-product-item,
.new-slideMenu-products-contents-3 .new-slideMenu-product-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.new-slideMenu-products-contents-2 .new-slideMenu-product-item a,
.new-slideMenu-products-contents-3 .new-slideMenu-product-item a {
    display: flex;
    align-items: center;
    /* gap: 16px;
            padding-top: 32px;
            padding-bottom: 32px; */
    gap: 8.1354px;
    padding-top: 16.2708px;
    padding-bottom: 16.2708px;
}

@media (max-width: 390px) {

    .new-slideMenu-products-contents-2 .new-slideMenu-product-item a,
    .new-slideMenu-products-contents-3 .new-slideMenu-product-item a {
        gap: 2.086vw;
        padding-top: 4.172vw;
        padding-bottom: 4.172vw;
    }
}

.new-slideMenu-product-item-lens {
    /* padding-left: 104px; */
    padding-left: 52.8801px;
}

@media (max-width: 390px) {
    .new-slideMenu-product-item-lens {
        padding-left: 13.559vw;
    }
}

.new-slideMenu-product-item-lens img {
    /* width: 65px; */
    width: 33.0486px;
}

@media (max-width: 390px) {
    .new-slideMenu-product-item-lens img {
        width: 8.474vw;
    }
}

.new-slideMenu-products-contents-2 .new-slideMenu-product-item p,
.new-slideMenu-products-contents-3 .new-slideMenu-product-item p {
    /* font-size: 24.72px; */
    font-size: 12.5658px;
    margin: 0;
    padding: 0;
    font-family: 'SnagLight', sans-serif;
}

@media (max-width: 390px) {

    .new-slideMenu-products-contents-2 .new-slideMenu-product-item p,
    .new-slideMenu-products-contents-3 .new-slideMenu-product-item p {
        font-size: 3.222vw;
    }
}

.new-slideMenu-product-item-right {
    /* padding-right: 36px; */
    padding-right: 18.3027px;
}

@media (max-width: 390px) {
    .new-slideMenu-product-item-right {
        padding-right: 4.693vw;
    }
}

.new-slideMenu-product-item-right img {
    /* width: 10px; */
    width: 5.08443px;
}

@media (max-width: 390px) {
    .new-slideMenu-product-item-right img {
        width: 1.3037vw;
    }
}

.new-slideMenu-products-contents-title1 .a-plus {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding-top: 51px;
            padding-bottom: 48px;
            font-size: 24.72px;
            padding-left: 34px; */
    padding-top: 25.9311px;
    padding-bottom: 24.4062px;
    font-size: 12.5693px;
    padding-left: 17.2879px;
    font-weight: 500;
}

@media (max-width: 390px) {
    .new-slideMenu-products-contents-title1 .a-plus {
        padding-top: 6.649vw;
        padding-bottom: 6.258vw;
        font-size: 3.2229vw;
        padding-left: 4.4328vw;
    }
}

.new-slideMenu-contents,
.new-slideMenu-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* grid-template-rows: 130px 130px;
            padding-left: 34px; */
    grid-template-rows: 66.1011px 66.1011px;
    padding-left: 17.2879px;
}

@media (max-width: 390px) {

    .new-slideMenu-contents,
    .new-slideMenu-info {
        grid-template-rows: 16.949vw 16.949vw;
        padding-left: 4.4328vw;
    }
}

.new-slideMenu-contents-item {
    width: 100%;
    height: 100%;
}

.new-slideMenu-contents .new-slideMenu-contents-item a,
.new-slideMenu-info .new-slideMenu-info-item a {
    /* font-size: 24.72px; */
    font-size: 12.5693px;
    font-weight: 500;
    line-height: 1.316;
    width: 100%;
    height: 100%;
    position: relative;
}

@media (max-width: 390px) {

    .new-slideMenu-contents .new-slideMenu-contents-item a,
    .new-slideMenu-info .new-slideMenu-info-item a {
        font-size: 3.2229vw;
    }
}

.new-slideMenu-contents .new-slideMenu-contents-item a div,
.new-slideMenu-info .new-slideMenu-info-item a div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.new-slideMenu-contents-item-plus {
    /* font-size: 20.82px !important; */
    font-size: 10.5862px !important;
}

@media (max-width: 390px) {
    .new-slideMenu-contents-item-plus {
        font-size: 2.7144vw !important;
    }
}

.new-slideMenu-sns-contents {
    display: flex;
    align-items: center;
    justify-content: center;
    /* gap: 136px;
            padding-top: 110px;
            padding-bottom: 110px; */
    gap: 69.1509px;
    padding-top: 55.9319px;
    margin-bottom: 55.9319px;
}

@media (max-width: 390px) {
    .new-slideMenu-sns-contents {
        gap: 17.731vw;
        padding-top: 14.3415vw;
        margin-bottom: 14.3415vw;
    }
}

.new-slideMenu-sns-item.line,
.new-slideMenu-sns-item.insta {
    /* width: 33px; */
    width: 16.7794px;
}

@media (max-width: 390px) {

    .new-slideMenu-sns-item.line,
    .new-slideMenu-sns-item.insta {
        width: 4.3024vw;
    }
}

.new-slideMenu-sns-item.x {
    /* width: 32px; */
    width: 16.2708px;
}

@media (max-width: 390px) {
    .new-slideMenu-sns-item.x {
        width: 4.172vw;
    }
}

.new-slideMenu-sns-item.tiktok {
    /* width: 29px; */
    width: 14.742px;
}

@media (max-width: 390px) {
    .new-slideMenu-sns-item.tiktok {
        width: 3.780vw;
    }
}


#main {
    width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255);
    line-height: 1.4;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

@media (max-width: 390px) {
    #main {
        border-left: initial;
        border-right: initial;
    }
}

.main-contents {
    width: 100%;
    height: 100%;
}


.main-contents-wrapper {
    padding-top: 90px;
}

@media (max-width: 390px) {
    .main-contents-wrapper {
        padding-top: 23.08vw;
    }
}

.main-content-1 {
    text-align: center;
}

.main-content-1 h2 {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 700;
    font-size: 20px;
    display: inline;
    background: linear-gradient(transparent 60%,
            /* 上半分は透明 */
            #EEFD41 60%,
            /* 黄色の開始位置 */
            #EEFD41 80%,
            /* 黄色の終了位置 */
            transparent 80%
            /* 下は透明 */
        );
}

@media (max-width: 390px) {
    .main-content-1 h2 {
        font-size: 5.13vw;
    }
}

.main-content-1 p {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding-top: 46px;
}

@media (max-width: 390px) {
    .main-content-1 p {
        font-size: 3.59vw;
        padding-top: 11.80vw;
    }
}

.main-content-1 img {
    padding-top: 42px;
    width: 128.4px;
    margin: 0 auto 65px;
}

@media (max-width: 390px) {
    .main-content-1 img {
        padding-top: 10.77vw;
        width: 32.92vw;
        margin: 0 auto 16.67vw;
    }
}


.main-content-2 {
    height: 78.73px;
    width: 100%;
}
@media (max-width: 390px) {
    .main-content-2 {
        height: 20.2vw;
    }
}

.main-content-2 ul {
    display: grid;
    justify-content: center;
    grid-template-columns: 190px 120px;
    gap: 10px;
    transition: all .2s ease;
}

@media (max-width: 390px) {
    .main-content-2 ul {
        grid-template-columns: 48.72vw 30.77vw;
        gap: 2.56vw;
    }
}

.main-content-2.active ul {
    display: none;
}

.main-content-2 ul li {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

@media (max-width: 390px) {
    .main-content-2 ul li {
        font-size: 3.59vw;
    }
}

.main-content-2-next {
    display: none;
}

.main-content-2-next.active {
    display: block;
}


.main-content-2-next {
    position: fixed;
    top: 46.25px;
    left: 0;
    right: 0;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    z-index: 4000;
    background-color: rgb(255, 255, 255);
}

@media (max-width: 390px) {
    .main-content-2-next {
        top: 11.86vw;
    }

    .main-content-2-next ul li {
        font-size: 3.59vw;
    }
}

.main-content-2-next ul {
    display: flex;
    width: max-content;
    gap: 20px;
    padding: 0 20px;
}

@media (max-width: 390px) {
    .main-content-2-next ul {
        gap: 5.13vw;
        padding: 2.05vw 5.13vw;
    }
}

.main-content-2-next ul li {
    flex: 0 0 auto;
}


.main-content-3 {
    text-align: center;
}

.main-content-3 h2 {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 700;
    font-size: 20px;
    padding-top: 92px;
}

@media (max-width: 390px) {
    .main-content-3 h2 {
        font-size: 5.13vw;
        padding-top: 23.59vw;
    }
}

.main-content-3 p {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding-top: 46px;
}

@media (max-width: 390px) {
    .main-content-3 p {
        font-size: 3.59vw;
        padding-top: 11.80vw;
    }
}

.main-content-3 span {
    font-weight: 700 !important;
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 4px;
    /* 下にずらす */
}

.main-content-4 {
    padding-top: 92px;
    position: relative;
}

@media (max-width: 390px) {
    .main-content-4 {
        padding-top: 23.59vw;
    }
}


.main-content-4 h2 {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
}

@media (max-width: 390px) {
    .main-content-4 h2 {
        font-size: 5.13vw;
    }
}

.main-content-4 p {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding-top: 51px;
    padding-left: 24px;
}

@media (max-width: 390px) {
    .main-content-4 p {
        font-size: 3.59vw;
        padding-top: 13.08vw;
        padding-left: 6.15vw;
    }
}

.main-content-4 span {
    font-family: 'Zen Kaku Gothic New', sans-serif !important;
    font-weight: 700 !important;
}

.main-content-4 img {
    border-radius: 5px;
    width: 75.71px;
    box-shadow: 0 0 0 5px#D9D9D9;
    position: absolute;
}

@media (max-width: 390px) {
    .main-content-4 img {
        width: 19.41vw;
        box-shadow: 0 0 0 1.28vw #D9D9D9;
    }
}

.main-content-4 .img1 {
    top: 178px;
    left: 286px;
}

@media (max-width: 390px) {
    .main-content-4 .img1 {
        top: 45.64vw;
        left: 73.33vw;
    }
}

.main-content-4 .img2 {
    top: 296px;
    left: 286px;
}

@media (max-width: 390px) {
    .main-content-4 .img2 {
        top: 75.90vw;
        left: 73.33vw;
    }
}

.main-content-4 .img3 {
    top: 386px;
    left: 286px;
}

@media (max-width: 390px) {
    .main-content-4 .img3 {
        top: 99.00vw;
        left: 73.33vw;
    }
}

.main-content-4 .img4 {
    top: 526px;
    left: 286px;
}

@media (max-width: 390px) {
    .main-content-4 .img4 {
        top: 134.87vw;
        left: 73.33vw;
    }
}

.main-content-4 .img5 {
    top: 685.95px;
    left: 286px;
}

@media (max-width: 390px) {
    .main-content-4 .img5 {
        top: 175.88vw;
        left: 73.33vw;
    }
}

.main-content-5 {}

.main-content-5 h2 {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    padding-top: 92px;
}

@media (max-width: 390px) {
    .main-content-5 h2 {
        font-size: 5.13vw;
        padding-top: 23.59vw;
    }
}

.main-content-5 p {
    text-align: center;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding-top: 46px;
}

@media (max-width: 390px) {
    .main-content-5 p {
        font-size: 3.59vw;
        padding-top: 11.80vw;
    }
}

.checklist-wrapper {
    width: 100%;
    height: 220px;
    position: relative;
}

@media (max-width: 390px) {
    .checklist-wrapper {
        height: 56.4vw;
    }
}


.checklist {
    list-style: none;
    padding-left: 0;
    padding-top: 43px;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 390px) {
    .checklist {
        padding-top: 11.03vw;
        left: 9.23vw;
        transform: translateX(0);
    }
}

.checklist li {
    position: relative;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 700;
    padding-left: 18px;
    white-space: nowrap;
    font-size: 14px;
}

@media (max-width: 390px) {
    .checklist li {
        padding-left: 4.62vw;
        font-size: 3.59vw;
    }
}

.checklist li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.25em;
    width: 14px;
    height: 14px;
    background: url('https://ove-official.jp/wp-content/uploads/2025/08/checks.jpg') no-repeat center;
    background-size: contain;
}

@media (max-width: 390px) {
    .checklist li::before {
        width: 3.59vw;
        height: 3.59vw;
    }
}

.main-content-5 img {
    width: 127.87px;
    margin: 0 auto;
    display: block;
    padding-top: 66px;
}

@media (max-width: 390px) {
    .main-content-5 img {
        width: 32.79vw;
        padding-top: 16.9vw;
    }
}

.main-content-6 {
    position: relative;
    padding-top: 92px;
    width: 100%;
    height: 557px;
}

@media (max-width: 390px) {
    .main-content-6 {
        padding-top: 23.59vw;
        height: 142.8vw;
    }
}

.main-content-6 h2 {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
}

@media (max-width: 390px) {
    .main-content-6 h2 {
        font-size: 5.13vw;
    }
}

.main-content-6 p {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding-top: 44px;
    padding-left: 27px;
}

@media (max-width: 390px) {
    .main-content-6 p {
        font-size: 3.59vw;
        padding-top: 11.28vw;
        padding-left: 6.92vw;
    }
}

.main-content-6 span {
    font-family: 'Zen Kaku Gothic New', sans-serif !important;
    font-weight: 700 !important;
}

.main-content-6 img {
    border-radius: 5px;
    width: 75.71px;
    box-shadow: 0 0 0 5px#D9D9D9;
    position: absolute;
}

@media (max-width: 390px) {
    .main-content-6 img {
        width: 19.41vw;
    }
}

.main-content-6 .img6 {
    top: 183px;
    left: 289.15px;
}

@media (max-width: 390px) {
    .main-content-6 .img6 {
        top: 46.92vw;
        left: 74.14vw;
    }
}

.main-content-6 .img7 {
    top: 325px;
    left: 289.15px;
}

@media (max-width: 390px) {
    .main-content-6 .img7 {
        top: 83.33vw;
        left: 74.14vw;
    }
}

.main-content-6 .img8 {
    top: 465px;
    left: 289.15px;
}

@media (max-width: 390px) {
    .main-content-6 .img8 {
        top: 119.23vw;
        left: 74.14vw;
    }
}

.main-content-7 h2 {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    padding-top: 92px;
}

@media (max-width: 390px) {
    .main-content-7 h2 {
        font-size: 5.13vw;
        padding-top: 23.59vw;
        ;
    }
}

.qa-list {
    width: 340px;
    margin: 0 auto;
    padding-top: 14px;
}

@media (max-width: 390px) {
    .qa-list {
        width: 87.18vw;
        padding-top: 3.59vw;
    }
}

.qa-item {
    display: flex;
    position: relative;
    gap: 12px;
    margin-bottom: 12px;
}

@media (max-width: 390px) {
    .qa-item {
        gap: 3.08vw;
        margin-bottom: 3.08vw;
    }
}

.qa-label {
    width: 30px;
    height: 30px;
    background-color: #333;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    border-radius: 2px;
    flex-shrink: 0;
}

@media (max-width: 390px) {
    .qa-label {
        width: 7.69vw;
        height: 7.69vw;
        font-size: 3.59vw;
        line-height: 7.69vw;
    }
}

.qa-label.a {
    background-color: #fff;
    color: #333;
    border: 1px solid #ccc;
}

@media (max-width: 390px) {
    .qa-label.a {
        border: 0.256vw solid #ccc;
    }
}

.qa-question {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 700;
    font-size: 14px;
}

@media (max-width: 390px) {
    .qa-question {
        font-size: 3.59vw;
    }
}

.qa-answer {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #333;
    line-height: 1.6;
}

@media (max-width: 390px) {
    .qa-answer {
        font-size: 3.59vw;
    }
}

.text {
    transform: translateY(5px);
}

@media (max-width: 390px) {
    .text {
        transform: translateY(1.28vw);
    }
}

.main-content-8 {
    width: 359px;
    height: 647px;
    background-color: #F8F6F6;
    border-radius: 14px;
    margin: 16px auto 0;
}

@media (max-width: 390px) {
    .main-content-8 {
        width: 92.05vw;
        height: 165.9vw;
        /* border-radius: 3.59vw; */
        margin: 4.1vw auto 0;
    }
}

.main-content-8 h2 {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    padding-top: 26px;
}

@media (max-width: 390px) {
    .main-content-8 h2 {
        font-size: 4.10vw;
        padding-top: 6.67vw;
    }
}

.main-content-8 p {
    text-align: center;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding-top: 14px;
}

@media (max-width: 390px) {
    .main-content-8 p {
        font-size: 3.59vw;
        padding-top: 3.59vw;
    }
}

.otoiawase-button {
    width: 300px;
    height: 60px;
    background-color: #8DA3C9;
    border-radius: 5px;
    margin: 16px auto 0;
}

@media (max-width: 390px) {
    .otoiawase-button {
        width: 76.92vw;
        height: 15.38vw;
        margin: 4.10vw auto 0;
    }
}

.otoiawase-button a {
    line-height: 60px;
    text-align: center;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
}

@media (max-width: 390px) {
    .otoiawase-button a {
        line-height: 15.38vw;
        font-size: 5.13vw;
    }
}

.main-content-9 h2 {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    padding-top: 67px;
}

@media (max-width: 390px) {
    .main-content-9 h2 {
        font-size: 5.13vw;
        ;
        padding-top: 17.18vw;
    }
}

.main-content-9-bnr {
    margin-top: 77px;
    position: relative;
}

@media (max-width: 390px) {
    .main-content-9-bnr {
        margin-top: 19.74vw;
    }
}

.main-content-9-bnr img {
    width: 388px;
    display: block;
}

@media (max-width: 390px) {
    .main-content-9-bnr img {
        width: 100%;
    }
}

.main-content-9-bnr a {
    position: absolute;
    bottom: 45px;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 390px) {
    .main-content-9-bnr a {
        bottom: 11.54vw;
    }
}

.main-content-9-bnr .btn {
    width: 276.3px !important;
}

@media (max-width: 390px) {
    .main-content-9-bnr .btn {
        width: 70.85vw !important;
    }
}






/*sns*/
#new-sns {
    position: relative;
    height: 130.143px;
    width: 100%;
    background-color: #000000;
    display: block;
}

@media (max-width: 390px) {
    #new-sns {
        height: 33.4vw;
    }
}

.new-sns-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.new-sns-items {
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-sns-items .line {
    width: 16.7778px;
    margin-right: 69.147px;
}

@media (max-width: 390px) {
    .new-sns-items .line {
        width: 4.3vw;
        margin-right: 17.7vw;
    }
}

.new-sns-items .insta {
    width: 16.7778px;
    margin-right: 68.64px;
}

@media (max-width: 390px) {
    .new-sns-items .insta {
        width: 4.3vw;
        margin-right: 17.6vw;
    }
}

.new-sns-items .x {
    width: 16.2708px;
    margin-right: 70.6758px;
}

@media (max-width: 390px) {
    .new-sns-items .x {
        width: 4.3vw;
        margin-right: 18.1vw;
    }
}

.new-sns-items .tiktok {
    width: 14.7455px;
}

@media (max-width: 390px) {
    .new-sns-items .tiktok {
        width: 3.8vw;
    }
}








/*footer*/

.meisa-footer-wrapper {
    width: 100%;
    background-color: #f5f5f5;
    margin: 0 auto;
    padding: 30px 15px 48px;
}

@media (max-width: 390px) {
    .meisa-footer-wrapper {
        padding: 7.69vw 3.85vw 12.31vw;
    }
}

.meisa-footer-title {
    text-align: center;
    margin-bottom: 14.235px;
    line-height: 1;
    text-align: center;
}

@media (max-width: 390px) {
    .meisa-footer-title {
        margin-bottom: 3.65vw;
        line-height: 0.26vw;
    }
}

.meisa-footer-title p {
    font-size: 16.5399px;
    font-family: 'SnagMedium', sans-serif;
}

@media (max-width: 390px) {
    .meisa-footer-title p {
        font-size: 4.24vw;
    }
}

.accordion {
    width: 100%;
}

.accordion-button {
    display: flex;
    background-color: #fff;
    padding: 15px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s ease;
}

@media (max-width: 390px) {
    .accordion-button {
        padding: 3.85vw;
        font-size: 4.10vw;
    }
}

.accordion-content {
    overflow: hidden;
    padding: 0 15px;
    background-color: #fff;
    height: 0;
    transition: height 0.3s ease;
    /* border: 1px solid #ddd; */
    border-bottom: 1px solid #ddd;
}

@media (max-width: 390px) {
    .accordion-content {
        padding: 0 15px;
        border-bottom: 0.26vw solid #ddd;
    }
}

.accordion-content.last {
    border-bottom: initial !important;
}

.accordion-content-wrapper {
    padding: 10px 0;
}

@media (max-width: 390px) {
    .accordion-content-wrapper {
        padding: 2.56vw 0;
    }
}

.menu-accordion-scrole {
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
}

@media (max-width: 390px) {
    .menu-accordion-scrole {
        max-height: 76.92vw;
    }
}

.menu-accordion {
    background-color: #fff;
    color: #444444;
    width: 100%;
    cursor: pointer;
    border-top: 1px solid #ececec;
}

@media (max-width: 390px) {
    .menu-accordion {
        border-top: 0.26vw solid #ececec;
    }
}

.menu-accordion.last {
    border-bottom: 1px solid #ececec;
    margin-bottom: 20px;
}

@media (max-width: 390px) {
    .menu-accordion.last {
        border-bottom: 0.26vw solid #ececec;
        margin-bottom: 5.13vw;
    }
}

.menu-accordion a {
    display: block;
    padding: 20px 15px 15px 15px;
    font-size: 13px;
    font-weight: 700;
}

@media (max-width: 390px) {
    .menu-accordion a {
        padding: 5.13vw 3.85vw 3.85vw 3.85vw;
        font-size: 3.33vw;
    }
}

.menu-accordion-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    color: #444444;
    padding: 20px 15px 15px 15px;
    width: 100%;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    transition: background-color 0.3s ease;
    border-top: 1px solid #ececec;
}

@media (max-width: 390px) {
    .menu-accordion-button {
        padding: 5.13vw 3.85vw 3.85vw 3.85vw;
        font-size: 3.33vw;
    }
}

.menu-accordion-button.active {
    background-color: rgba(0, 0, 0, 0.05);
}

.menu-accordion-content {
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.05);
    padding-left: 15px;
    height: 0;
    transition: height 0.3s ease;
    /* border: 1px solid #ddd; */
    /* border-bottom: 1px solid #ddd; */
}

@media (max-width: 390px) {
    .menu-accordion-content {
        padding-left: 3.85vw;
    }
}

.menu-accordion-content-wrapper a {
    display: block;
    font-size: 13px;
    color: #444444;
    font-weight: 700;
    padding: 20px 10px 5px 10px;
}

@media (max-width: 390px) {
    .menu-accordion-content-wrapper a {
        font-size: 13px;
        padding: 5.13vw 2.56vw 1.28vw 2.56vw;
    }
}

.menu-accordion-content-wrapper.last {
    padding-bottom: 10px;
}

@media (max-width: 390px) {
    .menu-accordion-content-wrapper.last {
        padding-bottom: 2.56vw;
    }
}

.menu-toggle-icon {
    display: inline-block;
    color: #ccc;
}

.menu-arrow {
    font-size: 25px;
    color: #444444;
    transition: transform 0.3s ease;
    /* スムーズな回転 */
}

@media (max-width: 390px) {
    .menu-arrow {
        font-size: 6.41vw;
    }
}

.menu-arrow.rotate {
    transform: rotate(180deg);
    /* 180度回転 */
}

.sns-list {
    display: flex;
    gap: 20px;
    padding-left: 15px;
}

@media (max-width: 390px) {
    .sns-list {
        display: flex;
        gap: 5.13vw;
        padding-left: 3.85vw;
    }
}

.sns-list li {
    width: 27px;
}

@media (max-width: 390px) {
    .sns-list li {
        width: 6.92vw;
    }
}


.copyright.sp-copyright {
    font-size: 11px;
    padding: 15px 0px;
}

@media (max-width: 390px) {
    .copyright.sp-copyright {
        font-size: 2.82vw;
        padding: 3.85vw 0px;
    }
}

.container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 390px) {
    .container {
        padding-left: 3.85vw;
        padding-right: 3.85vw;
    }
}

.copyright address {
    text-align: center;
    font-style: normal;
}

.toggle-icon {
    display: inline-block;
    color: #ccc;
    margin-right: 10px;
}

@media (max-width: 390px) {
    .toggle-icon {
        margin-right: 2.56vw;
    }
}

.guide-tips {
    margin-bottom: 32px;
}

@media (max-width: 390px) {
    .guide-tips {
        margin-bottom: 8.21vw;
    }
}

.guide-tips.last {
    margin-bottom: 0px;
}

.guide-tips p {
    line-height: 1.7;
    font-size: 12px;
    margin-bottom: 12px;
}

@media (max-width: 390px) {
    .guide-tips p {
        font-size: 3.08vw;
        margin-bottom: 3.08vw;
    }
}

.guide-tips.last p {
    margin-bottom: 0px;
}

.guide-tips h4 {
    font-size: 16px;
    margin-bottom: 10px;
}

@media (max-width: 390px) {
    .guide-tips h4 {
        font-size: 4.10vw;
        margin-bottom: 2.56vw;
    }
}

table.item-detail-table {
    border-top: 1px solid #ccc;
    margin-bottom: 10px;
}

@media (max-width: 390px) {
    table.item-detail-table {
        border-top: 0.26vw solid #ccc;
        margin-bottom: 2.56vw;
    }
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table.item-detail-table td {
    text-align: left;
    font-size: 12px;
    padding: 8px;
}

@media (max-width: 390px) {
    table.item-detail-table td {
        font-size: 3.08vw;
        padding: 2.05vw;
    }
}

table.item-detail-table tr:nth-child(2n) {
    background-color: #f5f5f5;
}

.card-img-amazon {
    width: 200px;
}

@media (max-width: 390px) {
    .card-img-amazon {
        width: 51.28vw;
    }
}

.card-img-np {
    width: 310px;
}

@media (max-width: 390px) {
    .card-img-np {
        width: 79.49vw;
    }
}

.card-img-rakuten {
    width: 300px;
}

@media (max-width: 390px) {
    .card-img-rakuten {
        width: 76.92vw;
    }
}

.card-img-payid,
.card-img-paypay {
    width: 320px;
}

@media (max-width: 390px) {

    .card-img-payid,
    .card-img-paypay {
        width: 82.05vw;
    }
}