/* footer only bottom */
#app{
    position: relative;
    min-height: inherit;
}
.l-footer{
    /* position: absolute;
    width: 100%;
    bottom: 0; */
}
/* footer only bottom */
.area-modal__img-scale-width {
    min-width: 400px;
    height: auto;
}
.area-modal__wrapper-scale{
    min-width: 400px;
    height: auto;
    object-fit: contain;
    object-position: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/*css disable*/
*.disabled,
*[disabled="true"],
*[disabled="disabled"] {
    pointer-events: none;
}

.opacity-disabled {
    opacity: 0.4;
}
/* preview */
.preview-cnt-tb {
    width: 768px;
}
.preview-cnt-sp {
    width: 375px;
}

/* fade style for open/ close popup */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}