@charset "UTF-8";


.intro{
    display: block;
}


:root {
    --color1: #9a3236;
    --color2: #b69437;
    --color_w: #fff;
}

.ofr01 .ofr>div:first-child {
    width: 26%;
}
.off1 {
    width: 90%;
    background: var(--color2);
    border-radius: 50%;
    color:var(--color_w);
}
.off2 {
    position: relative;
    padding: 50%;
    height: 0;
}
.off2 p {
    position: absolute;
    top: calc((100% - 0.5em) / 4);
    left: 0;
    right: 0;
    margin: 0;
    text-align: center;
    line-height: 1.0em;
    font-family: "tt-commons-pro", sans-serif;
}
.off1 span {
    font-size: 6.0vw;
}
.ofr>div:first-child {
    width: 17%;
}

.cart-btn.cart-btn-single .ofr_btn1 {
    color: var(--color_w);
    background: var(--color2);
}
.cart-btn.cart-btn-single button {
    border: 1px solid var(--color2);
    color: var(--color2);
}
.ofr_btn1 svg {
    fill: var(--color_w);
}

.ribon {
    margin-bottom: 5%;
}
.ribon p{
    border: 1px solid var(--color2);
    border-radius: 50px;
    display: inline;
    padding: 1% 4%;
    color: var(--color2);
    font-weight: 700;
}

.fixed-cartbtn .cart-btn-in .cart-btn-single svg {
    fill: var(--color2);
    }

@media screen and (max-width: 749px) {
.item-wrapper {
    margin-top: 9vw;
}
}

/* ブレークポイントはmin-width: 750px */
@media screen and (min-width: 750px), print {
  /*.item-kv {
    background-image: url("../../images/renew2024/item/item005/kv_left.jpg"), url("../../images/renew2024/item/item005/kv_right.jpg");
    background-repeat: no-repeat;
    background-size: 50vw 100%, 50vw 100%;
    background-position: left top, right top;
  }*/
  .intro{
    display: flex;
}
.ribon {
    margin-bottom: 3%;;
}
}


 @media screen and (min-width: 960px), print {

    .ofr>div:first-child {
        width: 80px;
    }
    .off2 p {
        top: calc((100% - 0em) / 4);
    }
    .off1 p {
        font-size: 20px;
    }
        .off1 span {
        font-size: 30px;
    }
    .ofr01 .ofr>div:first-child {
        width: 80px;
    }
}