/* listprod__product  */
.listprod {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: var(--gridots);}
.listprod__product {background: var(--clrfon1); border-radius: 2px; position: relative; overflow: hidden; text-decoration: none; transition: 0.2s; display: flex; flex-direction: column; justify-content: space-between;}
.listprod__product:hover {background: var(--clrakc);}
.listprod__img-box {position: relative;left: -17px;}
.listprod__img {width: 180px; height: 296px; object-fit: cover; object-position: 0 0; image-rendering: optimizequality; display: block; transition: 0.2s;}
.listprod__product:hover .listprod__img {transform: scale(1.06);}
.listprod__oiproduct {position: absolute; top: 80px; right: 0px; max-width: 118px;}
.listprod__name {text-decoration: none; padding: 30px 30px 24px; display: block; margin: 0px; line-height: 0.8em; transition: 0.2s;}
.listprod__product:hover .listprod__name {color: var(--clrtx2);}
.listprod__specific {font-size: 16px; font-family: var(--fnfmttl); text-transform: uppercase; color: var(--clrakc2); transition: 0.2s;}
.listprod__product:hover .listprod__specific {color: var(--clrtx2);}
.listprod__specific-box {border-bottom: 1px solid var(--clrbrdr); margin: 0 0 11px; padding: 0 15px 5px 0px;}

@media (min-width: 993px) and (max-width: 1240px) {
.listprod__img-box {left: calc(50% - 139px); margin: 0 0 20px;}
.listprod__img {height: auto; width: 130px;}
}
@media (min-width: 769px) and (max-width: 992px) {
.listprod {grid-template-columns: 1fr 1fr 1fr;}
.listprod__img-box {left: calc(50% - 122px); margin: 0 0 19px;}
.listprod__img {height: auto; width: 120px;}
}
@media (min-width: 482px) and (max-width: 768px) {
.listprod {grid-template-columns: 1fr 1fr;}
.listprod__img-box {margin: 0 0 17px; left: calc(50% - 119px);}
.listprod__img {height: auto; width: 100px;}
}
@media screen and (max-width: 481px) {
.listprod {grid-template-columns: 1fr 1fr;}
.listprod__img-box {left: -40px;}
.listprod__img {width: 90px; height: auto; opacity: 0.2;}
.listprod__oiproduct {top: 60px;}
.listprod__name {padding: 20px 20px 13px;}
}
/* listprod__product  end */


/* fullprod  */
.fullprod {}
.fullprod__container {}
.fullprod__box {display: flex; align-items: flex-start; gap: 50px;}
.fullprod__data {flex: auto;}
.fullprod__ttl-mob {display: none;}
.fullprod__ttl-desk {}
.fullprod__oform {display: flex; align-items: center; margin: 0 0 calc(var(--ots) * 0.4); gap: 40px;}
.fullprod__but {padding: 0 50px;}
.fullprod__imb-box {width: 40%;border: 1px solid var(--clrbrdr);border-radius: 2px;display: flex;align-items: center;justify-content: center;padding: 30px 0; position: relative;}
.fullprod__fullimg-img {width: 250px;}
.fullprod__price {font-family: var(--fnfmttl); line-height: 0.9em; font-size: clamp(19px, 7vw, 32px);}
.fullprod__specific {font-size: var(--fstx); color: var(--clrtx);}
.fullprod__specific-box {display: flex; margin: 0 0 14px; align-items: flex-end;}
.fullprod__specific-ttl {text-align: center; text-transform: uppercase; margin: 1.2em 0 0.6em; color: var(--clrakc);}
.fullprod__specific-name {color: #7c7c7c;}
.fullprod__specific-point {flex: auto; border-bottom: 1px dashed var(--clrbrdr); margin: -1px 8px 3px;}
.fullprod__label-name{position: absolute; background: #c03232; color: #fff; font-size: 19px; padding: 6px 12px; right: 15px; border-radius: 10px; font-family: var(--fnfmttl); bottom: 15px;}

@media (min-width: 993px) and (max-width: 1240px) {
.fullprod__imb-box {width: 44%;}
}
@media (min-width: 769px) and (max-width: 992px) {
.fullprod__box {gap: 20px;}
.fullprod__oform {gap: 20px;}
.fullprod__but {padding: 0 26px;}
.fullprod__imb-box {width: 40%;}
}
@media screen and (max-width: 768px) {
.fullprod__box {flex-direction: column; gap: 30px;}
.fullprod__data {width: 100%;}
.fullprod__ttl-mob {display: block;}
.fullprod__ttl-desk {display: none;}
.fullprod__oform {justify-content: space-between; gap: 20xp;}
.fullprod__but {padding: 0 20px;}
.fullprod__imb-box {width: 100%; padding: 10px 0;}
.fullprod__fullimg-img {width: 90px;}
}
@media (max-width: 680px){
  .fullprod__label-name{font-size: 15px; padding: 4px 10px;}
}
/* fullprod  end */