@charset "utf-8";

.com-deco-left-center01 {
	top: 55%;
}

.com-deco-right-center01 {
	opacity: .5;
}

.com-deco-right-top01 {
    width: 35%;
}

.head-facial .com-deco-left-center01 {
	top: 25%;
	width: 25%;
}

.menu-cate {
    position: relative;
    display: inline-block;
    font-size: clamp(16px, 14.544px + 0.388vw, 22px);
    padding: 10px 14px 10px 50px;
    color: var(--primary);
    flex: 0 1 auto;
    line-height: 1.5;
    min-width: 0;
    background: rgba(221,213,200,.3);
    margin: 0 20px 0 0;
}

.menu-cate:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    width: 40px;
    aspect-ratio: 40 / 27;
    background: url(/system_panel/uploads/images/cmn_deco01.svg) no-repeat center center / contain;
    z-index: 1;
}

.menu-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    font-size: clamp(16px, 14.544px + 0.388vw, 22px);
    padding: 0 0 25px;
    gap: 5px;
}

.menu-title-row:after {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    background: url(/system_panel/uploads/images/liner-deco.png) no-repeat center / contain;
    width: 100%;
    height: 6px;
    z-index: 1;
}

.menu-price {
	margin: 0 0 0 auto;
	text-align: right;
}

.menu-text-box {
    margin: 20px 0 0;
}

.menu-title-box {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
}

.menu-title-cate {
    padding: 5px 10px;
  	color: var(--white);
    background: var(--primary);
}

.menu-title-cate.repeater {
    background: rgba(115,87,63,.6);
}

.menu-img-block {
    gap: 10px;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:768px) {

    .menu-title-row {
        align-items: flex-end;
        flex-direction: row;
    }

}

/* min-width: 768px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1024px) {

    .menu-title-box {
        align-items: center;
        flex-direction: row;
    }

}

/* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1200px) {

}

/* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */