* {
    margin: 0;
    padding: 0;
}

html,
body {
    width: 100%;
    height: 100%;
}

body {
    color: #fff;
    background: #335;
}

.container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lbwatch {
    color: #000;
    width: 372px;
    height: 214px;
    position: relative;
}
.lbwatch-chara {
    position: absolute;
    top: 24px;
    left: 208px;
    width: 160px;
    height: 160px;
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
}
.lbwatch-clock {
    position: absolute;
    top: 169px;
    left: 228px;
    width: 120px;
    height: 45px;
}
.lbwatch-clock-date-dot {
    position: absolute;
    top: 16px;
    width: 3px;
    height: 3px;
}
.lbwatch-clock-date-dot-0 { left: 53px; }
.lbwatch-clock-date-dot-1 { left: 71px; }
.lbwatch-clock-date-dot-2 { left: 89px; }
.lbwatch-clock-date-digit {
    position: absolute;
    top: 10px;
    width: 8px;
    height: 9px;
}
.lbwatch-clock-date-digit-0 { left: 19px; }
.lbwatch-clock-date-digit-1 { left: 28px; }
.lbwatch-clock-date-digit-2 { left: 37px; }
.lbwatch-clock-date-digit-3 { left: 46px; }
.lbwatch-clock-date-digit-4 { left: 55px; }
.lbwatch-clock-date-digit-5 { left: 64px; }
.lbwatch-clock-date-digit-6 { left: 73px; }
.lbwatch-clock-date-digit-7 { left: 82px; }
.lbwatch-clock-weekday {
    position: absolute;
    top: 10px;
    left: 91px;
    width: 23px;
    height: 9px;
}
.lbwatch-clock-time-colon {
    position: absolute;
    top: 23px;
    left: 64px;
    width: 8px;
    height: 18px;
}
.lbwatch-clock-time-digit {
    position: absolute;
    top: 23px;
    width: 17px;
    height: 18px;
}
.lbwatch-clock-time-digit-0 { left: 28px; }
.lbwatch-clock-time-digit-1 { left: 46px; }
.lbwatch-clock-time-digit-2 { left: 73px; }
.lbwatch-clock-time-digit-3 { left: 91px; }

.lbwatch-hukidasi {
    position: absolute;
}
.lbwatch-hukidasi-text {
    position: absolute;
    font-size: 12px;
    line-height: 17px;
    font-family: Meiro, serif;
    white-space: pre;
}
.lbwatch-hukidasi-part { display: inline-block; }
.lbwatch-hukidasi-left,
.lbwatch-hukidasi-center { width: 12px; }
.lbwatch-hukidasi-right { width: 24px; }
.lbwatch-hukidasi-type1 { height: 60px; }
.lbwatch-hukidasi-type2 { height: 84px; }

.lbwatch-mio .lbwatch-chara {
    top: 41px;
    left: 225px;
    background-image: url('images/mio.png');
}
.lbwatch-komari .lbwatch-chara {
    background-image: url('images/komari.png');
}
.lbwatch-masato .lbwatch-chara {
    background-image: url('images/masato.png');
}
.lbwatch-anego .lbwatch-chara {
    background-image: url('images/anego.png');
}
.lbwatch-rin .lbwatch-chara {
    background-image: url('images/rin.png');
}
.lbwatch-haruka .lbwatch-chara {
    background-image: url('images/haruka.png');
}
.lbwatch-kyousuke .lbwatch-chara {
    background-image: url('images/kyousuke.png');
}
.lbwatch-riki .lbwatch-chara {
    background-image: url('images/riki.png');
}
.lbwatch-kengo .lbwatch-chara {
    background-image: url('images/kengo.png');
}
.lbwatch-kudo .lbwatch-chara {
    background-image: url('images/kudo.png');
}

.lbwatch-common {
    background: url('images/common.png');
    background-size: 218px 96px;
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
}
.lbwatch-common-watch { background-position: -48px -36px; }

.lbwatch-common-numl-0 { background-position: 0 0; }
.lbwatch-common-numl-1 { background-position: -17px 0; }
.lbwatch-common-numl-2 { background-position: -34px 0; }
.lbwatch-common-numl-3 { background-position: -51px 0; }
.lbwatch-common-numl-4 { background-position: -68px 0; }
.lbwatch-common-numl-5 { background-position: -85px 0; }
.lbwatch-common-numl-6 { background-position: -102px 0; }
.lbwatch-common-numl-7 { background-position: -119px 0; }
.lbwatch-common-numl-8 { background-position: -136px 0; }
.lbwatch-common-numl-9 { background-position: -153px 0; }
.lbwatch-common-numl-colon { background-position: -161px -18px; }

.lbwatch-common-nums-0 { background-position: 0 -18px; }
.lbwatch-common-nums-1 { background-position: -8px -18px; }
.lbwatch-common-nums-2 { background-position: -16px -18px; }
.lbwatch-common-nums-3 { background-position: -24px -18px; }
.lbwatch-common-nums-4 { background-position: -32px -18px; }
.lbwatch-common-nums-5 { background-position: -40px -18px; }
.lbwatch-common-nums-6 { background-position: -48px -18px; }
.lbwatch-common-nums-7 { background-position: -56px -18px; }
.lbwatch-common-nums-8 { background-position: -64px -18px; }
.lbwatch-common-nums-9 { background-position: -72px -18px; }
.lbwatch-common-nums-dot { background-position: -81px -23px; /*-80px -18px*/ }

.lbwatch-common-wd-sun { background-position: 0 -27px; }
.lbwatch-common-wd-mon { background-position: -23px -27px; }
.lbwatch-common-wd-tue { background-position: -46px -27px; }
.lbwatch-common-wd-wed { background-position: -69px -27px; }
.lbwatch-common-wd-thu { background-position: -92px -27px; }
.lbwatch-common-wd-fri { background-position: -115px -27px; }
.lbwatch-common-wd-sat { background-position: -138px -27px; }

.lbwatch-common-hukidasi-l1 { background-position: 0 -36px; }
.lbwatch-common-hukidasi-c1 { background-position: -12px -36px; }
.lbwatch-common-hukidasi-r1 { background-position: -24px -36px; }

.lbwatch-common-hukidasi-l2 { background-position: -170px 0; }
.lbwatch-common-hukidasi-c2 { background-position: -182px 0; }
.lbwatch-common-hukidasi-r2 { background-position: -194px 0; }