@charset "utf-8";
/* common font */
#basic-model .model-note {
	    margin-top: 2rem;
        font-size: min(3.5vw, 16px);;
}

/* common btn */
.btn-white {
    border: solid 2px #505050;
    border-radius: 20px;
    background-color: #ffffff;
    color: #505050;
    font-size: min(4vw, 18px);
    font-weight: bold;
    line-height: 1;
    min-width: auto;
    min-height: auto;
    transition: .3s ease-out;
}
.btn-white:hover {
    border: solid 2px #505050;
    background-color: #505050;
    color: #ffffff;
}
.btn-white .cmp-button__text {
    margin: .5em 4em;
}
/* #basic-model */
#basic-model {
    padding: 100px 0;
}
#basic-model p {
    color: #ffffff;
    margin-bottom: 0;
    font-size: min(4.6vw, 24px);
}
#basic-model-lead {
    margin-bottom: 50px;
}
#basic-model_inner {
    width: 90%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 50px;
    border-radius: 30px;
    background-color: #f1a878;
}
#basic-model .sp-text {
    font-size: min(7vw, 45px);
    margin-bottom: 2rem;
}
.sp-text .sq {
    font-weight: bold;
    margin: 0 .2em;
    padding: .2em;
    color: #505050;
    background-color: #ffffff;
}
.emphasis {
    font-weight: bold;
    font-size: min(4.6vw, 35px);
}
#basic-model .date {
    font-size: min(4.6vw, 25px);
}
.week {
    font-size: .8em;
}
.date .value {
    font-weight: bold;
    font-size: 2.0em;
}
#basic-model__layout-row {
    margin-bottom: 50px;
}
#basic-model__layout-row > .aem-Grid {
    display: flex;
}
#basic-model__layout-row > .aem-Grid > .container:first-child {
    margin-right: 50px;
}
#basic-model .model {
    font-weight: bold;
    margin: 20px 0 10px;
    line-height: 1.5;
}
[id^="kl-sp"] .price {
    padding-left: 90px;
}
[id^="kl-sp"] .price .special-price {
    position: relative;
}
[id^="kl-sp"] .price .special-price::before {
    position: absolute;
    content: "特別価格";
    top: 50%;
    transform: translateY(-50%);
    right: 100%;
    width: 90px;
    line-height: 1;
    text-align: center;
    background-color: #ffffff;
    color: #505050;
    padding: .4em .5em;
    border-radius: 2px;
    font-size: .8em;
    font-weight: bold;
    margin-right: .5em;
}
[id^="kl-sp"] .tax {
    font-size: .8em;
}
#basic-model-btn {
    text-align: center;
}
@media (max-width: 767px) {
    #basic-model_inner {
        padding: 15vw 5vw;
    }
    #basic-model__layout-row > .aem-Grid {
        flex-direction: column;
    }
    #basic-model__layout-row > .aem-Grid > .container:first-child {
        margin-right: 0px;
        margin-bottom: 50px;
    }
}