body {
    --bs-body-font-size: 1.3rem;
    --bs-body-line-height: 1.6;
    --bs-body-font-family:iroha-23kaede-stdn;
}

.item_body {
    background-image: url('../images/herbs/texture.png');
}

@media screen and (min-width:1400px) {
    .background {
	background-image: url(../images/herbs/top_cover.png);
	background-size: 100% auto;
    }
}

@media screen and (max-width:1399px) {
    .background {
	background-image: url(../images/herbs/top_cover.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
    }
}

.title-margin {
    margin-top:13rem;
}

.logo {
    margin-top: 4rem;
    margin-left: 4rem;
    margin-bottom: 4rem;
}

.how_to_words_image {
    width: 60%;
}

.how_to_image {
    padding-right: 3rem;
}

.how_to_words {
    padding-left: 3rem;
}

.top_words {
    color: white;
}

.left-back {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: left;
    align-items: center;
}

.right-back {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: right;
    align-items: center;
}

.back-height {
    align-items:center;
}

@media screen and (max-width: 1200px) {
    .title {
	height: 48px;
	width: 100%;
	object-fit: cover;
    }
}

@media screen and (min-width: 1201px) {
    .title {
	width: 100%;
    }
}

.package {
    height: 40rem;
    width: auto;
}

.full {
    width: 100%;
}

.half {
    width: 50%;
}

.minify {
    height: 70%;
}

.mini {
    width: 33%;
}

p, .color {
    color: #495475;
}

@media screen and (max-width: 992px) {
    .goods_title {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
    }
}

.texture {
    background-image: url(../images/herbs/texture.png);
}

@media screen and (min-width: 768px) {
    .more {
	width: 20%;
    }
}

@media screen and (max-width: 767px) {
    .more {
	width: 35%;
    }
}

.package-img {
    display: block;
    margin: 0 auto;
    width: 100%;
}