#lp_wrap * {font-family: dnp-shuei-nmincho-std, sans-serif;font-style: normal;color: #604500;}

.sec_main--text1 {
    font-size: 5vw;
    width: fit-content;
    width: -moz-fit-content;
    margin: 20% auto;
    font-weight: 600;
}
.sec_main--text2 {
    font-size: 3.5vw;
    width: fit-content;
    width: -moz-fit-content;
    margin: 0 auto;
}

.sec_c--title {
    font-size: 5vw;
    padding-left: 7%;
    margin-bottom: 1%;
    background: #fff;
    position: relative;
}

.sec_c--txt {
    font-size: 3.5vw;
    padding-left: 7%;
    margin-bottom: 5%;
}
.sec_c--variation--color {
    font-size: 5vw;
    padding-left: 7%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    width: 50%;
}

.sec_c--variation {
    margin-bottom: 14%;
}

.sec_c--variation--btn:after {
    content: "カートに入れる";
    font-size: 4vw;
    line-height: 10vw;
}

.sec_c--variation--info {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 7%;
    line-height: 8vw;
}

.sec_c--variation--btn {
    margin-right: 7%;
    display: flex;
    align-items: center;
    width: 50%;
    padding: 0 5%;
    border-radius: 1.5vw;
    border: 1px solid;
    background: #604500;
    justify-content: center;
    color: #fff !important;
}
.sec_c--variation--colorname {
    width: 100%;
    line-height: 7vw;
}

.sec_c--variation--size {
    width: 100%;
    font-size: 2.7vw;
    line-height: 3.3vw;
}
.sec_c--detail--info {
    font-size: 3.5vw;
    line-height: 10vw;
    text-align: center;
}
.sec_c--detail {
    width: 93%;
    margin-bottom: 10%;
}
.sec_c--detail-l {}
.sec_c--detail-r {
    margin-left: auto;
}
#sec_c1:before, #sec_c2:before, #sec_c3:before,#sec_lineup:before{
    content: "";
    background: #604500;
    height: 0.1vw;
    transform: skew(0deg, 20deg) scaleY(0.5);
    margin: 50% 0 -5%;
    display: block;
}
.sec_c--colorlist {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 14%;
    padding-left: 18%;
}

[class^="sec_c--colorlist--"] {
    width: 5vw;
    height: 5vw;
    border: 1px solid;
    border-color: #60450021;
    border-radius: 99rem;
    margin-right: 2%;
}

.sec_c--colorlist--blue {
    background: #c2d6e6;
}

.sec_c--colorlist--lavender {
    background: #f3ebed;
}

.sec_c--colorlist--black {
    background: #25242b;
}

.sec_c--colorlist--beige {
    background: #f5f1e6;
}

.sec_c--colorlist--offwhite {
    background: #fdfdfd;
}
.sec_c--variation--btn:before {
    content:
    "";
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23222" style="transform: scale(-1, 1);"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M15.55 13c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.37-.66-.11-1.48-.87-1.48H5.21l-.94-2H1v2h2l3.6 7.59-1.35 2.44C4.52 15.37 5.48 17 7 17h12v-2H7l1.1-2h7.45zM6.16 6h12.15l-2.76 5H8.53L6.16 6zM7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"></path></svg>');
    width: 4.5vw;
    height: 4.5vw;
    background: #fff;
    margin-right: 5%;
}
.sec_lineup--wrap {display: flex;flex-wrap: wrap;margin-top: 15%;}

.sec_lineup--title {
    padding-left: 7%;
    font-size: 4vw;
    width: 100%;
    font-weight: 600;
}

.sec_lineup--img {
    width: calc(100% / 3);
}

#sec_lineup .sec_c--variation--btn {
    width: 90%;
    margin: 0 auto;
}

#sec_lineup .sec_c--variation--btn:after {
    font-size: 2.6vw;
    line-height: 8vw;
}

#sec_lineup .sec_c--variation--btn:before {
    width: 3.5vw;
    height: 3.5vw;
}

#sec_lineup:before {
    margin-bottom: 25%;
}

#sec_lineup {
    padding-bottom: 30%;
}
.lp_lazyload_obsed img {
    transition: .3s;
    opacity: 1;
}
.lp_lazyload_loading img,.lp_lazyload img {
    opacity: 0;
}
.lp_lazyload_loading{
    position: relative;
}
.lp_lazyload_loading:after {
    content: "";
    height: 5vw;
    width: 5vw;
    border-width: 1px;
    border-style: solid;
    border-color: #604500 #604500 transparent;
    border-radius: 100%;
    background: transparent;
    margin: 0 auto;
    display: block;
    animation: bdrrloading .75s linear infinite;
    animation-fill-mode: both;
    position: absolute;
    top: calc(50% - 2.5vw);
    left: calc(50% - 2.5vw);
}
@media screen and (min-width:500px) {
#lp_wrap {
    max-width: 500px;
    margin: 0 auto;
}
    .sec_main--text1{
    font-size: 2.5rem;
}
    .sec_main--text2{
    font-size: 1.75rem;
}
    .sec_c--title{
    font-size: 2.5rem;
}.sec_c--txt{
    font-size: 1.75rem;
}
    [class^="sec_c--colorlist--"]{
    width: 2.5rem;
    height: 2.5rem;
}
    .sec_c--variation--color{
    font-size: 2.5rem;
}.sec_c--variation--colorname{
    line-height: 3.5rem;
}.sec_c--variation--size{
    font-size: 1.35rem;
    line-height: 1.65rem;
}.sec_c--variation--btn{
    border-radius: .75rem;
    cursor: pointer;
    transition: .3s;
    text-indent: -99999px;
    line-height: 0;
}.sec_c--variation--btn:before{
    width: 2.25rem;
    height: 2.25rem;
}.sec_c--variation--btn:after{
    font-size: 2rem;
    line-height: 5rem;
    text-indent: 0px;
}.sec_c--detail--info{
    font-size: 1.75rem;
    line-height: 5rem;
}.sec_lineup--title{
    font-size: 2rem;
    line-height: 3.2rem;
}#sec_lineup .sec_c--variation--btn:after{
    font-size: 1.3rem;
    line-height: 4rem;
}#sec_lineup .sec_c--variation--btn:before{
    width: 1.75rem;
    height: 1.75rem;
}.sec_c--variation--btn:hover{opacity:0.8;}
}
@media screen and (min-width:1000px) {
 #lp_wrap{
    max-width: none;
    margin-top: 5rem;
}
#lp_wrap section{
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
}
#sec_main {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;
    max-width: 1000px !important;
    align-items: center;
}
#sec_main .lp_lazyload_obsed {
    grid-row: 1/3;
    grid-column: 1/2;
}
.sec_main--text1 {
    grid-row: 1/2;
    grid-column: 2/3;
    margin: 0 auto -8rem;
}
.sec_main--text2 {
    grid-row: 2/3;
    grid-column: 2/3;
}
    #sec_lineup{
    padding-bottom: 300px;
}
    .sec_c--title{font-size: 3.5rem;}
    .sec_c--variation--size{
    font-size: 1.89rem;
    line-height: 2.31rem;
}
}