/* common:start */
#main {
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
}

.fs-l-main {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

:root {
    --pt-header-height: 45px;
}

html,
body {
    color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
}

ul,
ol {
    padding: 0;
}

.price::before,
.price::after {
    content: none;
}

/* common:end */

.workbag {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.workbag-ttl {
    width: 100%;
    margin: 0 auto 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 30px;
    line-height: 1.0;
    text-align: center;
}

.workbag-mv {
    width: 100%;
    margin: 0 auto calc(118px - (34 - 20)/2*1px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.workbag-mv-img {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.0;

    aspect-ratio: 780/488;
}

.workbag-mv-cap {
    margin-top: calc(50px - (34 - 20)/2*1px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 20px;
    line-height: calc(34/20);
    text-align: center;
}

.workbag-item {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.workbag-item-ttl {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.workbag-item-ttl .english {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 44px;
    color: #1e1e1e;
    line-height: 1.0;
    letter-spacing: 0.16rem;
}

.workbag-item-ttl .japanese {
    width: 100%;
    margin: 10px auto 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 20px;
    color: #3e4d71;
    line-height: 1.0;
}

.workbag-item-sttl {
    width: 100%;
    max-width: 400px;
    margin: 140px auto 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.workbag-item-ttl+.workbag-item-sttl {
    margin-top: 86px;
}

.workbag-item-lead {
    width: 100%;
    margin-top: calc(40px - (34 - 22)/2*1px);
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    line-height: calc(28/18);
    letter-spacing: calc(74em/1000);
    text-align: left;
}

.workbag-item-lead.tac {
    font-weight: 500;
    font-size: 26px;
    text-align: center;
}

.workbag-item-lead span {
    font-weight: 500;
    font-size: 30px;
    color: #d4118c;
    letter-spacing: 0.08rem;
}

.workbag-item-lead .firstletter {
    display: inline-block;
    line-height: 1.0;
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}

.workbag-item-lead .firstletter::first-letter {
    font-size: 40px;
}

.workbag-item .obi {
    width: 37rem;
    margin: calc(60px - (44 - 30)/2*1px) auto 0;
    padding: 12px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 24px;
    color: #fff;
    line-height: 1.0;
    letter-spacing: 0.08em;
    text-align: center;
    background-color: #d4118c;
}

.workbag-item .obi span {
    font-weight: bold;
    font-size: 34px;
    line-height: 1.0;
}

.workbag-item .list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 74px auto 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    gap: 120px;
}

.workbag-item .list li {
    width: 100%;
    max-width: 780px;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.workbag-item .list li a:hover {
    color: inherit !important;
    text-decoration: none;
    opacity: 0.8;
}

.workbag-item .list li .list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    gap: 20px;
}

.workbag-item .list li .list-item.wide-img {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    gap: 20px;
}

.workbag-item .list li .list-item .item-img {
    width: 100%;
    max-width: 390px;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    aspect-ratio: 1/1;
}

.workbag-item .list li .list-item.wide-img .item-img {
    max-width: inherit;

    aspect-ratio: inherit;
}

.workbag-item .list li a img {
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
}

.workbag-item .list li a:hover .item-img img {
    scale: 1.035;
}

.workbag-item .list .spec {
    width: 100%;
    max-width: 370px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.workbag-item .list .wide-img .spec {
    max-width: inherit;
}

.workbag-item .list .spec p {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.0;
}

.workbag-item .list .spec .copy {
    font-size: 20px;
    color: #000;
}

.workbag-item .list .spec .name {
    margin-top: 24px;
    font-weight: bold;
    font-size: 24px;
    color: #000;
    line-height: 1.0;
}

.workbag-item .list .spec .name.long {
    margin: calc(0px - (32 - 20)/2*1px) 0;
    font-size: 20px;
    line-height: calc(32/20);
}

.workbag-item .list .spec .name span {
    font-weight: 500;
    font-size: 23px;
    line-height: calc(32/16);
}

.workbag-item .list .spec .name+.txt {
    margin-top: calc(20px - (28 - 16)/2*1px);
}

.workbag-item .list .spec .txt {
    font-size: 16px;
    line-height: calc(28/16);
}

.workbag-item .list .spec .price {
    font-size: 16px;
}

.workbag-item .list .spec .price span {
    font-weight: bold;
    font-size: 26px;
    color: #000;
    letter-spacing: 0.1rem;
}

.workbag-item .list .spec .txt+.price {
    margin-top: calc(28px - (28 - 16)/2*1px);
}

.workbag-item .list .spec .price::first-letter {
    font-size: 16px;
}

.workbag-item .btn {
    width: 100%;
    max-width: 492px;
    margin: 80px auto 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
}

.workbag-item .btn .btn-link {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 24px;
    color: #000;
    line-height: 1.0;
    border: 1px solid #000;
    background-color: #fff;
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;

    aspect-ratio: 492 / 84;
    gap: 0;
}

.workbag-item .btn .btn-link:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #000;
    opacity: 0.8;
}

.workbag-item+.workbag-item {
    margin-top: 200px;
}

.workbag-item .period {
    width: 100%;
    margin: 60px auto 0;
    padding: 30px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    background-color: #f2f2f2;
}

.workbag-item .period .date {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.0;
    letter-spacing: 0.08rem;
}

.workbag-item .period .date span {
    font-weight: bold;
    font-size: 28px;
}

.list-item2 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 74px auto 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    gap: 84px 36px;
}

.list-item2 li {
    width: 100%;
    max-width: 372px;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.list-item2 li a:hover {
    color: inherit !important;
    text-decoration: none;
    opacity: 0.8;
}

.list-item2 li a .item-img {
    width: 100%;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    aspect-ratio: 1/1;
}

.list-item2 li a img {
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
}

.list-item2 li a img:hover {
    scale: 1.2;
}

.list-item2 .spec {
    width: 100%;
    margin-top: 26px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.list-item2 .spec p {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.0;
}

.list-item2 .spec .name {
    margin-bottom: calc((30 - 24)/2*-1px);
    font-weight: 500;
    font-size: 24px;
    line-height: calc(30/24);
}

.list-item2 .spec .name .alphanumeric {
    letter-spacing: 0;
}

.list-item2 .spec .price {
    margin-top: 18px;
    font-size: 20px;
}

.list-item2 .spec .price span {
    font-size: 20px;
    letter-spacing: 0.16rem;
}

/*
.list-item2 .spec .price::first-letter {
  font-size: 16px;
}
*/
.workbag-item+.workbag-item-other {
    margin-top: 200px;
}

.workbag-item-other {
    text-align: center;
}

.workbag-item-other h2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 26px;
    line-height: 1.0;
}

.workbag-item-other h2 span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 26px;
    line-height: 1.0;
}

.linear {
    display: inline;
    padding: 4px 2px 2px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(#fff77f), to(#fff77f));
    background: linear-gradient(transparent 60%, #fff77f, #fff77f);
}

.workbag-item-other .btn {
    width: 100%;
    max-width: 356px;
    margin: 20px auto 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 10;

    aspect-ratio: 356/60;
}

.workbag-item-other .btn .btn-link {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 20px;
    color: #fff !important;
    line-height: 1.0;
    background-color: #273045;
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;

    aspect-ratio: 358 / 60;
    gap: 0;
}

.workbag-item-other .btn .btn-link::before {
    content: "";
    width: 12px;
    height: 20px;
    display: block;
    margin-left: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.0;

    aspect-ratio: 12 / 20;
}

.workbag-item-other .btn .btn-link::after {
    content: "";
    width: 12px;
    height: 20px;
    display: block;
    margin-left: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.0;
    background: url(file:///C:/Users/豌ｴ譛ｬ蟆壽ｨｹ/01_data/02_菴懈･ｭ荳ｭ/騾壼共繝舌ャ繧ｰ迚ｹ髮��繝ｼ繧ｸ菴懈�/html/f/ayanokoji.itembox.design/item/feature/2025/2506workbag/bg_yajirushi_02.png) no-repeat;
    background-size: contain;

    aspect-ratio: 12 / 20;
}

.workbag-item-other .btn .btn-link:hover {
    color: #fff !important;
    text-decoration: none;
    opacity: 0.8;
}



@media (max-width: 839px) {
    /* common:start */
    .pc {
        display: none !important;
    }

    .sp {
        display: inline-block !important;
    }

    img {
        width: 100%;
        height: auto;
    }

    /* common:end */

    .workbag {
        margin-top: calc(26/750*100%);
    }

    .workbag::after {
        content: "";
        width: calc(720/750*100%);
        height: 1px;
        display: block;
        margin: 0 auto;
        padding-bottom: calc(96/750*100%);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 3px dotted #cfcfcf;
    }

    .workbag-ttl {
        margin-bottom: calc(56/750*100%);
        font-size: calc(48/750*100vw);
    }


    .workbag-mv {
        margin-bottom: calc((94 - (48 - 30)/2)/750*100%);
        text-align: center;
    }

    .workbag-mv-img {
        width: calc(720/750*100%);
        margin: 0 auto;
    }

    .workbag-mv-cap {
        width: calc(720/750*100%);
        margin: calc((66 - (48 - 30)/2)/750*100%) auto 0;
        font-size: calc(30/750*100vw);
        line-height: calc(48/30);
        text-align: left;
    }

    .workbag-item {
        width: calc(720/750*100%);
    }

    .workbag-item-ttl::before {
        width: calc(115/750*100vw);
        height: calc(55/750*100vw);
        margin-bottom: calc(16/750*100%);
        padding: 0;
        background-size: contain;
    }

    .workbag-item-ttl .english {
        font-size: calc(65/750*100vw);
    }

    .workbag-item-ttl .japanese {
        margin-top: calc(14/750*100%);
        font-size: calc(26/750*100vw);
        color: #273045;
    }

    .workbag-item-ttl::after {
        width: calc(64/720*100%);
        height: 2px;
        margin-top: calc(36/720*100%);
    }

    .workbag-item-sttl {
        max-width: 670px;
        margin-top: calc(160/720*100%);
    }

    .workbag-item-ttl+.workbag-item-sttl {
        margin-top: calc(60/670*100%);
    }

    .workbag-item-lead {
        margin-top: calc(60/750*100%);
        font-size: calc(38/750*100vw);
        line-height: calc(56/38);
        letter-spacing: -0.08rem;
    }

    .workbag-item .list {
        width: 100%;
        margin-top: calc(60/720*100%);

        gap: calc(120/720*100vw) 0;
    }

    .workbag-item .obi+.list {
        gap: calc(140/720*100vw) calc(18/720*100vw);
    }

    .workbag-item .list+.obi {
        margin-top: calc(140/720*100vw);
    }

    .workbag-item .list li {
        width: 100%;
    }

    .workbag-item .list li a:hover {
        opacity: inherit;
    }

    .workbag-item .list li a:hover img {
        scale: inherit;
    }

    .workbag-item .list li .list-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;

        gap: calc(30/750*100vw);
    }

    .workbag-item .list li:nth-child(2n) .list-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .workbag-item .list.limited li:nth-child(2n) .list-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .workbag-item .list li .list-item.wide-img {
        gap: calc(26/750*100vw);
    }

    .workbag-item .list li .list-item .item-img {
        max-width: 630px;

        aspect-ratio: inherit;
    }

    .workbag-item .list li .list-item img:hover {
        scale: inherit;
    }

    .workbag-item .list .spec {
        max-width: 630px;
        margin-top: 0;
    }

    .workbag-item .list .spec .copy {
        font-size: calc(24/750*100vw);
    }

    .workbag-item .list .spec .name {
        margin-top: 0;
        font-weight: 500;
        font-size: calc(36/750*100vw);
        line-height: calc(50/36);
    }

    .workbag-item .list .spec .copy+.name {
        margin-top: calc(20/720*100%);
    }

    .workbag-item .list .spec .name.long {
        font-size: calc(36/750*100vw);
    }

    .workbag-item .list .spec .name span {
        font-size: calc(30/750*100vw);
    }

    .workbag-item .list .spec .name+.price {
        margin-top: calc((20 - (50 - 36)/2)/630*100%);
    }

    .workbag-item .list .spec .price {
        font-size: calc(24/750*100vw);
    }

    .workbag-item .list .spec .txt+.price {
        margin-top: calc((54 - (46 - 28)/2)/720*100%);
    }

    .workbag-item .list .spec .price span {
        font-size: calc(40/750*100vw);
    }

    .workbag-item .list .spec .price::first-letter {
        font-size: calc(24/750*100vw);
    }

    .workbag-item .list .spec .txt {
        font-size: calc(28/750*100vw);
        line-height: calc(46/28);
    }

    .workbag-item .list .spec .name+.txt {
        margin-top: calc((36 - (56 - 36)/2)/720*100%);
        font-weight: 300;
    }

    .workbag-item .list .spec .price+.txt {
        margin-top: calc((30 - (52 - 28)/2)/630*100%);
    }

    .workbag-item .list .spec .price+.txt {
        margin-top: calc(60/630*100%);
    }

    .workbag-item+.workbag-item {
        margin-top: calc(120/750*100%);
    }

    .workbag-item .btn {
        width: calc(630/720*100%);
        max-width: inherit;
        display: block !important;
        margin: calc(66/630*100%) auto 0;
    }

    .workbag-item .btn .btn-link {
        font-size: calc(32/750*100vw);
        color: #fff !important;
        background-color: #272727;

        aspect-ratio: 630 / 100;
    }

    .workbag-item .btn .btn-link::before {
        content: "";
        display: block;
        margin-right: 10px;
        border-bottom: calc(16/750*100vw) solid transparent;
        border-left: calc(16/750*100vw) solid transparent;
        border-right: calc(16/750*100vw) solid transparent;
        -webkit-transform: rotate(45deg) translate(-0.25rem);
        transform: rotate(45deg) translate(-0.25rem);
    }

    .workbag-item .btn .btn-link::after {
        content: "";
        display: block;
        margin-left: 10px;
        border-bottom: calc(16/750*100vw) solid transparent;
        border-left: calc(16/750*100vw) solid transparent;
        border-right: calc(16/750*100vw) solid #fff;
        -webkit-transform: rotate(45deg) translate(-0.4rem);
        transform: rotate(45deg) translate(-0.4rem);
    }

    .workbag-item .btn .btn-link:hover {
        opacity: inherit;
    }

    .workbag-item .btn-link:hover {
        opacity: inherit;
    }

    .workbag-item .period {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: calc(60/720*100%);

        aspect-ratio: 720/100;
    }

    .workbag-item .period .date {
        font-size: calc(28/750*100vw);
    }

    .workbag-item .period .date span {
        font-size: calc(36/750*100vw);
    }

    .workbag-item .workbag-item-lead span {
        font-size: calc(38/750*100vw);
        letter-spacing: -0.04rem;
    }

    .workbag-item .workbag-item-lead {
        width: calc(670/720*100%);
        max-width: 670px;
        margin: calc(36/720*100%) auto 0;
        font-weight: normal;
        font-size: calc(28/750*100vw);
        line-height: calc(52/28);
    }

    .workbag-item .workbag-item-lead.tac {
        font-weight: bold;
        font-size: calc(36/750*100vw);
    }

    .workbag-item+.workbag-item {
        margin-top: calc(196/720*100%);
    }

    .list-item2 {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: calc(120/720*100%);

        gap: calc(80/720*100vw) calc(18/720*100vw);
    }

    .list-item2 li {
        width: calc(350/720*100%);
        max-width: inherit;
        padding: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .list-item2 li a:hover {
        color: inherit !important;
        text-decoration: none;
        opacity: inherit;
    }

    .list-item2 li a img {
        -webkit-transition: inherit;
        transition: inherit;
    }

    .list-item2 li a img:hover {
        scale: inherit;
    }

    .list-item2 .spec {
        height: inherit;
        margin-top: calc(20/340*100%);
    }


    .list-item2 .spec .name {
        font-size: calc(24/750*100vw);
        letter-spacing: -0.08rem;
    }

    .list-item2 .spec .price {
        margin-top: calc(16/340*100%);
        font-size: calc(24/750*100vw);
    }

    .list-item2 .spec .price span {
        font-size: inherit;
    }

    /*
  .list-item2 .spec .price::first-letter {
    font-size: calc(24/750*100vw);
  }
*/
    .workbag-item+.workbag-item-other {
        margin-top: calc(290/720*100%);
    }

    .workbag-item-other h2 {
        font-size: calc(34/750*100vw);
    }

    .workbag-item-other h2 span {
        font-size: calc(34/750*100vw);
    }

    .workbag-item-other .btn {
        width: calc(626/750*100%);
        max-width: 626px;
        margin-top: calc(30/750*100%);

        aspect-ratio: 626/104;
    }

    .workbag-item-other .btn .btn-link {
        font-size: calc(36/750*100vw);

        aspect-ratio: 630 / 100;
    }

    .workbag-item-other .btn .btn-link::before {
        width: calc(20/750*100vw);
        height: calc(36/750*100vw);
        margin-left: calc(26/630*100%);

        aspect-ratio: 20 / 36;
    }

    .workbag-item-other .btn .btn-link::after {
        width: calc(20/750*100vw);
        height: calc(36/750*100vw);
        margin-left: calc(26/630*100%);

        aspect-ratio: 20 / 36;
    }
}

/* #### aタグ内要素を選択できるように追記 ##### */
/* まずは公開ページ用 */
.list-item2 li {
    position: relative;
}

.list-item2 li a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.list-item2 li a+.list-item {
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.list-item2 li a:hover+.list-item {
    opacity: 0.6;
}

/* 見たまま編集用 */
[data-element-id] .list-item2 li {
    padding-top: 2em;
}

[data-element-id] .list-item2 li a {
    height: 1.5em;
}

[data-element-id] .list-item2 li a::before {
    content: "リンク変更はここをクリック";
    width: 100%;
    height: 100%;
    display: block;
    font-size: 10px;
    color: white;
    text-align: center;
    background-color: red;
    position: absolute;
    top: 0;
    left: 0;
}