@charset "utf-8";
/* CSS Document */

.manu_wrap2 .menuitem{
	gap: 60px;
	padding-bottom: 30px;
	position: relative;
	width: 100%;
}
.manu_wrap2 .menuitem::after {
    content: "";
    position: absolute;
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    transform: none;
    background-image: repeating-linear-gradient(
        to right,
        #262626 0,
        #262626 3px,
        transparent 3px,
        transparent 5px
    );
}
.manu_wrap2 .menuitem .leftbox{
	flex: 1;
	flex-direction: column;
	gap: 15px;
	align-items: flex-start;
}
.manu_wrap2 .menuitem .leftbox .labelbox{
	gap: 10px;
	padding-bottom: 5px;
}
.manu_wrap2 .menuitem .leftbox .labelbox .label{
	padding: 3px 15px;
	background-color: #C1CDD5;
	border-radius: 200px;
}
.manu_wrap2 .menuitem .rightbox .price span{
	font-family: "Cormorant Infant",  sans-serif;
	font-size: clamp(18px, 2vw, 24px);
	letter-spacing: 0.15em;
    font-weight: 600;
	color: #6B7D88;
}
.manu_wrap2 .txt1{
	margin-right: auto;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.manu_wrap2 .menuitem {
		flex-direction: column;
		align-items: flex-start;
	}
	.manu_wrap2 .menuitem {
		gap: 20px;
	}
	.manu_wrap3 .menuitem {
        flex-direction: row;
    }
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){

}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.manu_wrap2 .menuitem .leftbox {
		gap: 8px;
	}
	.manu_wrap2 .menuitem {
		padding-bottom: 20px;
		gap: 10px;
	}
	.manu_wrap3 .menuitem {
        flex-direction: column;
    }
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}