/*
* 詳細
*/
.extra-viewer {

}

.extra-viewer .box {
    margin: 10px 0;
    width: 100%;
    text-align: center;
    font-weight: bold;
    overflow: auto;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.extra-viewer .box .thumb {
    width: 160px;
    min-height: 214px;
}

.extra-viewer .box li{
    float: left;
    margin-right: 5px;
    margin-bottom: 14px;
}

.extra-viewer .box .title{
    text-align: left;
    margin:0 10px 10px;
    width:140px;
}

.extra-viewer .box .title .date{
    font-weight: normal;
    font-size:13px;
}