#izanami-game-live h3 {
    margin: 0;
    padding: 6px;
    max-width: 560px;
    color: #fff;
    background-image: linear-gradient(to top, #ffbb04 0%, #ffbb04 50%, #ffcb3e 50%, #fcd66f 100%);
    font-size: 16px;
    text-shadow: 0 1px 1px rgba(33,33,33,0.3);
    box-sizing: border-box;
}
#izanami-game-live-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: 0;
    padding: 16px 16px 0;
    max-width: 560px;
    background-color: #fafafa;
    font-size: 13px;
    box-sizing: border-box;
}
#izanami-game-live-list a {
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-weight: normal;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
}
#izanami-game-live-list a:hover {
    opacity: 0.7;
}
#izanami-game-live-list li {
    overflow: hidden;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin-bottom: 16px;
    width: calc(50% - 16px);
    background-color: #fff;
    list-style: none;
    box-shadow: 0 1px 1px rgba(33,33,33,0.3);
    box-sizing: border-box;
}
#izanami-game-live-list li:nth-child(odd){
    margin-right: 16px;
}
#izanami-game-live-list li .imgBox {
    overflow: hidden;
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    background-color: #fcfcfc;
}
#izanami-game-live-list li .imgBox:after {
    content: "";
    display: block;
    padding-top: 56.25%;
}
#izanami-game-live-list li .imgBox .rank {
    position: absolute;
    top: -24px;
    left: -24px;
    width: 48px;
    height: 48px;
    line-height: 1;
    color: #fff;
    background-color: #555;
    box-shadow: 1px 0px 3px rgba(33,33,33,0.3);
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    z-index: 1;
}
#izanami-game-live-list li .imgBox .rank span {
    display: inline-block;
    position: relative;
    top: 18px;
    left: 34px;
    line-height: 1;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    z-index: 2;
}
#izanami-game-live-list li .imgBox .rank.num-0 span:before {content:"1";}
#izanami-game-live-list li .imgBox .rank.num-1 span:before {content:"2";}
#izanami-game-live-list li .imgBox .rank.num-2 span:before {content:"3";}
#izanami-game-live-list li .imgBox .rank.num-3 span:before {content:"4";}
#izanami-game-live-list li .imgBox .rank.num-4 span:before {content:"5";}
#izanami-game-live-list li .imgBox .rank.num-5 span:before {content:"6";}
#izanami-game-live-list li .imgBox .rank.num-6 span:before {content:"7";}
#izanami-game-live-list li .imgBox .rank.num-7 span:before {content:"8";}
#izanami-game-live-list li .imgBox .rank.num-8 span:before {content:"9";}
#izanami-game-live-list li .imgBox .rank.num-9 span:before {content:"10";}
#izanami-game-live-list li .imgBox .rank.num-0,
#izanami-game-live-list li .imgBox .rank.num-1,
#izanami-game-live-list li .imgBox .rank.num-2 {
    top: -32px;
    left: -32px;
    width: 64px;
    height: 64px;
    background-color: transparent;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(33,33,33,0.6);
}
#izanami-game-live-list li .imgBox .rank.num-0 {background-image: linear-gradient(135deg, #f5cd27 0%, #f5cd27 50%, #deb712 100%);}
#izanami-game-live-list li .imgBox .rank.num-1 {background-image: linear-gradient(135deg, #eee 0%, #eee 50%, #d4d4d4 100%);}
#izanami-game-live-list li .imgBox .rank.num-2 {background-image: linear-gradient(135deg, #b86c37 0%, #b86c37 50%, #73411e 100%);}
#izanami-game-live-list li .imgBox .rank.num-0 span,
#izanami-game-live-list li .imgBox .rank.num-1 span,
#izanami-game-live-list li .imgBox .rank.num-2 span {
    top: 24px;
    left: 44px;
    font-size: 16px;
}
#izanami-game-live-list li .imgBox .rank.num-9 span {top:17px;left:29px;}
#izanami-game-live-list li .imgBox img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
#izanami-game-live-list li .date {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    float: none;
    margin-bottom: 0;
    padding: 2px 4px;
    text-align: right;
    color: #fff;
    background-image: linear-gradient(to left, rgba(33,33,33,0.8) 0%, rgba(33,33,33,0.8) 80%, rgba(33,33,33,0) 100%);
    font-size: 11px;
    box-sizing: border-box;
}
#izanami-game-live-list li .textBox {
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 8px;
}
#izanami-game-live-list li .title {
    overflow: hidden;
    display: block;
    margin-bottom: 16px;
    height: 50px;
    line-height: 17px;
    color: #404040;
    text-decoration: none;
    font-size: 14px;
}
#izanami-game-live-list li .reserveWrap {
    margin-top: auto;
    display: -webkit-box;
    display: flex;
}
#izanami-game-live-list li .timeshiftReserved {
    display: -webkit-box;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 12px;
    line-height: 12px;
    color: #b2bac2;
}
#izanami-game-live-list li .timeshiftIcon {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: inline-block;
    position: relative;
    margin-right: 2px;
    width: 12px;
    height: 12px;
    background-color: #b2bac2;
    border-radius: 50%;
}
#izanami-game-live-list li .timeshiftIcon:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 5px;
    width: 2px;
    height: 5px;
    background-color: #eee;
}
#izanami-game-live-list li .timeshiftIcon:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 5px;
    height: 2px;
    background-color: #eee;
}
#izanami-game-live-list li .reserve {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin: auto 0 auto auto;
    width: 96px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    background-image: linear-gradient(to top, #ffbb04 0%, #ffbb04 50%, #ffcb3e 50%, #fcd66f 100%);
    font-weight: bold;
    border-radius: 3px;
}
@media screen and (max-width:1024px) {
    #izanami-game-live h3 {
        font-size: 14px;
    }
    #izanami-game-live-list {
        padding: 8px 8px 0;
        max-width: 536px;
    }
    #izanami-game-live-list li {
        margin-bottom: 8px;
    }
    #izanami-game-live-list li:nth-child(odd) {
        margin-right: 8px;
    }
    #izanami-game-live-list li .date {
        padding: 2px 4px;
        font-size: 10px;
    }
    #izanami-game-live-list li .reserve {
        width: 64px;
        font-size: 12px;
    }
}