main
{
    padding-bottom: unset !important;
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
}
.invisible {
    visibility: hidden;
}

.d-none {
    display: none !important;
}

.p-tab .item-monitor__image {
    position: relative;
}

#contents > div,
#contents canvas {
    position: absolute;
    top: 0;
    left: 0;
}
@media screen and (max-width: 575px) {
    #contents > div,
    #contents canvas {
        height: 295px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
.list-choice__item .choice-box:hover {
    opacity: 0.5;
    cursor: pointer;
}


/* とりあえずの調整 */
.sample-color .image .img {
  width: 30%;
  height: auto;
}

.sample-color .image .img:hover {
    opacity: 0.5;
    cursor: pointer;
}

.fade-in {
    opacity: 1!important;
    transition: opacity 0.15s ease-in;
}

.fade-out {
    opacity: 0;
    transition: opacity 0.15s ease-out;
}

/* 初期状態 */
.item-select.choice {
    opacity: 0;
}

.p-colorchoice .item-menu__box .item-select .list-sample.choice {
    flex-wrap: wrap;
}

/* hover無効化 */
.l-header .nav-list__item.prev:hover .link.no-hover  {
    background-color: #CDCAC7 !important;
}



.modal-body {
    max-width: 997px !important;
}
/*
@media screen and (max-width: 1150px), print {
    .p-tab .item-monitor {
        width: calc(100vw - 382px) !important;
    }
}
*/
.lbl-ec_estno {
    position: absolute;
    bottom: 5px;
    right: 0;
}
@media screen and (max-width: 575px)
{
    .lbl-ec_estno {
        top: 6px;
        bottom: unset;
        right: 0;
    }
}
.lbl-ec_estno .ec-estno-value {
    font-size: 14px;
    color: #fff;
}



/* 見た目の調整 */
.accordion-box .accordion-detail {
    margin-top: unset !important;
    padding: 1px 8px 8px 8px !important;
}

.p-tab .item-menu .item-select:first-child {
    margin-top: 12px;
}
.p-tab .item-menu .item-select:nth-child(n+2) {
margin-top: 12px !important;
}

@media screen and (max-width: 375px)
{
    .p-tab .item-monitor__image {
        height: 255px !important;
    }
    .p-tab .l-main {
        height: calc(100vh - 77px) !important;
    }
    .p-tab .l-main .flex-box {
        height: 100% !important;
    }
    .p-tab .item-menu {
        height: calc(100vh - 364px) !important;
    }
    .item-tab .tab-button__item .item-frame {
        padding: 8px 7px !important;
    }
    .item-tab .tab-button__item .item-frame .text {
        font-size: 11px !important;
    }
    .p-tab .item-monitor__detail .detail-box__item .category, .p-tab .item-monitor__detail .detail-box__item .detail {
        font-size: 13px !important;
    }
}