@charset "utf-8";
/* CSS Document */
.prod-item { }
.prod-item .bg .tags { font-size:.6em; color:#fff !important; min-height: 1.5rem; }
.prod-item .bg {  }
.prod-item .link:link, .prod-item .link:visited { color: #671905; }
.prod-item .link .tit1 { font-size:1.1em; font-weight: 700; font-family: 'Noto Serif JP', serif; }
.prod-item .link .tit2 { font-size:.7em; font-weight: 700; font-family: 'Noto Serif JP', serif; }
.prod-item .txt { color: #671905; font-family: 'Noto Serif JP', serif; font-size:.7em; line-height: 1.1; }
.prod-item .prod-txt { display: block; width: 100%; height: 100%; background-color: #f7f6e9; }
.prod-item .img { height:100%; display: flex; align-items:center; background-color: #f7f6e9; }

.btn-prod {
	color: #671905;
	background-color: transparent;
    border: #671905 1px solid;
	height: 1.8rem;
	line-height: 1.6rem;
}
.btn-prod:hover {
	color: #fff;
	background-color: #671905;
    border: #671905 1px solid;
}
@media (min-width: 768px) {
	.prod-item .img { padding-right: 0; }
	.prod-item .bg { padding-left: 0; }
	.prod-item .prod-txt { padding-left: 1rem; padding-right: 1rem; }
	.prod-item .txt { height: 6rem; }
	.plist { margin-bottom: 1rem; }
	.prod-item .pimg { padding-right: 0; }
}

@media (min-width: 1024px) {
	.prod-item .txt { font-size:.7em; line-height: 1.1; height: 7rem; }
}

@media (min-width: 1199px) {
	.prod-item .txt { font-size: .75em; line-height: 1.1; height: 8.5rem; }
}

@media (min-width: 1280px) {
	.prod-item .link .tit1 { font-size:1.3em; }
	.prod-item .link .tit2 { font-size:.8em; }
	.prod-item .txt {  line-height: 1.5; font-size: .8em; height: 10rem; }
}

@media (max-width: 767px) {
	.prod-item { margin-bottom: .2rem; }
	/*.prod-item .bg .tags { margin-top: 1rem !important; }*/
	.prod-item .prod-txt { padding-left: 1rem; padding-right: 1rem; }
	.prod-item .bg { padding-left: 0; }
	.prod-item .txt { height: auto; margin-bottom: .5rem; }
	.prod-item .btn { margin-bottom: .5rem; }
	.prod-item .pimg { padding-right: 0; }
	.plist { margin-bottom: .5rem; }
}
@media (min-width: 640px) and (max-width: 820px) {
	.prod-item .link .tit1 { font-size:1.3em; }
	.prod-item .link .tit2 { font-size:1em; }
	.prod-item .txt { font-size: 1em; height: 9rem; }
	.btn-prod { font-size: 1em; }
}
@media (max-width: 576px) {
	.prod-item .link .tit1 { font-size: 1em; line-height: 1em; }
	.prod-item .link .tit2 {font-size: .7em; }
	.prod-item .bg .tags { display: inline-block; }
	.prod-item .txt { font-size: .75em; margin-top: 0.3rem !important; line-height: 1.5; min-height: 4rem; }
	.prod-item .bg .tags { font-size: .5em !important; min-height: 1rem; }
	.prod-item .bg .tags .p-1 { padding: 0.05rem .1rem !important; }
	.btn-prod { font-size: .8em; height: 1.6rem; line-height: 1.4rem; }
}