@charset "utf-8";

/*----- review -----*/

#review {
    background-color: #fcdbbd;
    background-size: contain;
}

.review_li li:last-child {
    width: calc(100% - 11rem);
}

.review_li li:last-child p,
.review_li li:last-child img {
    padding-left: 1.2rem;
}

.review_name {
    border-bottom: 1px solid #3b1e074d;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}


/*----- best -----*/

#best {
    background: url(../img/best/bg.webp) no-repeat center top;
    background-size: cover;
}

#best .box {
    padding-top: 12rem;
}


/*----- media -----*/

#media .box {
    padding-top: 16.5rem;
}

#media_ttl {
    top: 6rem;
}


/*----- issue01 -----*/

#issue01 {
    background: #dddddd url(../img/issue01/bg.webp) no-repeat center top;
    background-size: cover;
    height: 115.7rem;
}

#issue01_ttl {
    margin-bottom: 49.5rem;
}

#issue01_txt01 {
    top: 30rem;
    left: 6rem;
}

#issue01_txt02 {
    top: 40.5rem;
    left: 21.7rem;
}

#issue01_txt03 {
    top: 31.5rem;
    right: 7.5rem;
}

#issue01_txt04 {
    top: 55.5rem;
    right: 15.5rem;
}

#issue01_txt05 {
    top: 67rem;
    left: 4.5rem;
}

#issue01_txt06 {
    top: 35rem;
    left: 28rem;
}

#issue01_txt07 {
    top: 46rem;
    left: 7.4rem;
}

#issue01_txt08 {
    top: 42rem;
    right: 3rem;
}

#issue01_txt09 {
    top: 48.2rem;
    right: 5.5rem;
}

#issue01_txt10 {
    top: 56.6rem;
    left: 3.6rem;
}

#issue01_txt11 {
    top: 64.2rem;
    left: 18.1rem;
    font-size: 2.4rem;
}

#issue01_txt12 {
    top: 64.8rem;
    right: 6rem;
}

#issue01_txt13 {
    top: 27.5rem;
    right: 3rem;
}

#issue01_txt14 {
    top: 37.5rem;
    left: 10rem;
}

#issue01_txt15 {
    top: 41rem;
    right: 17rem;
}

#issue01_txt16 {
    top: 55rem;
    right: 3rem;
}

#issue01_txt17 {
    top: 77rem;
    left: 4rem;
}

#issue01_txt18 {
    top: 74rem;
    right: 2rem;
}


/*----- issue02 -----*/

#issue02 {
    background: #dddddd;
    padding: 0;
}

.issue02_li {
    width: 42.6rem;
}

.issue02_li h3 {
    padding-left: 1.2rem;
}

.issue02_arw01 {
    bottom: -2.2rem;
}

#issue02_arw02 {
    bottom: -3rem;
}


/*----- issue03 -----*/

#issue03 {
    background: url(../img/issue03/bg.png) no-repeat center top;
    background-size: cover;
    height: 150.4rem;
}

#issue03_ttl_line {
    background: url(../img/issue03/ttl_bg.webp) no-repeat center bottom;
    background-size: contain;
    padding-bottom: 3.5rem;
}


/*----- ordermade -----*/

#ordermade_ttl {
    background: url(../img/ordermade/ttl_bg.webp) no-repeat center bottom;
    background-size: contain;
    padding-bottom: 3.5rem;
    padding-top: 12rem;
}

#ordermade_li li {
    width: calc(50% - 0.5rem);
    background: linear-gradient(75deg, #f08300 0%, #fdb000 100%);
    padding-left: 2rem;
    line-height: 9.4rem;
    height: 9.4rem;
    margin-bottom: 1rem;
    font-size: 2rem;
    margin-right: 0.5rem;
}

#ordermade_li li img {
    margin-right: 1rem;
}


/*----- reason -----*/

.reason_h3 {
    background: none;
}

.reason_li {
    padding: 2.4rem 3rem 2.7rem 3rem;
}

.reason_li li p {
    border-bottom: 1px dashed #cccccc;
    padding: 0 0 0.3rem 5rem;
    margin-bottom: 0.3rem;
}

.check {
    background: url(../img/reason/check.webp) no-repeat left center;
    background-size: 3.9rem;
}

#reason_staff_li {
    margin-top: -1.5rem;
}

#reason_li li {
    width: calc(50% - 0.5rem);
    background: linear-gradient(75deg, #e62d35 0%, #ed6c72 100%);
    padding-left: 2rem;
    height: 9.4rem;
    margin-bottom: 1rem;
}

#reason_li li img {
    margin-right: 1rem;
}


/*----- shop -----*/

.shop_lead {
    padding: 6rem 3rem 2rem 3rem;
    background: #f5f5f5;
}

.shop_bln {
    width: 57rem;
    top: -3.7rem;
}

.shop_ttl01_wrap {
    padding: 0 3rem;
    cursor: pointer;
    position: relative;
}

.shop_ttl01_wrap::after {
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    background: url(../../assets/img/common/plus_o.webp) no-repeat center top, url(../../assets/img/common/minus_o.webp) no-repeat center top;
    background-size: contain;
    position: absolute;
    right: 0;
    top: calc(50% - 1rem);
}

.shop_ttl01.active::after {
    background: url(../../assets/img/common/minus_o.webp) no-repeat center top;
}

.shop_ttl02_wrap {
    padding: 1.5rem 0;
    color: #fff;
    background: #f08300;
    background: linear-gradient(90deg, #f08300, #fdb000 100%);
    text-align: center;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shop_ttl02_wrap span {
    font-size: 70%;
    background: #fff;
    color: #f08300;
    display: block;
    margin-left: 0.6rem;
    padding: 0.3rem 0.6rem;
    border-radius: 0.6rem;
}

.shop_ttl02_wrap::after {
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    background: url(../../assets/img/common/plus_w.webp) no-repeat center top, url(../img/common/minus_w.webp) no-repeat center top;
    background-size: contain;
    position: absolute;
    right: 2rem;
    top: calc(50% - 1rem);
}

.shop_ttl02_wrap.active::after {
    background: url(../../assets/common/minus_w.webp) no-repeat center top;
}

.shop_ttl03_wrap {
    margin-top: 1.5rem;
    padding: 1.5rem 0;
    color: #f08300;
    background: #fff3e3;
    text-align: center;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shop_ttl03_wrap::after {
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    background: url(../../assets/img/common/plus_o.webp) no-repeat center top, url(../img/common/minus_o.webp) no-repeat center top;
    background-size: contain;
    position: absolute;
    right: 2rem;
    top: calc(50% - 1rem);
}

.shop_ttl03_wrap.active::after {
    background: url(../../assets/img/common/minus_o.webp) no-repeat center top;
}

@media(max-width: 540px) {
    #ordermade_li li img {
        width: 35px;
    }
}