/* -----------------------------------------------
  Reset
----------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

/* -----------------------------------------------
	Blogpart
----------------------------------------------- */
body {
    font-size: 80%;
    line-height: 1;
    text-align: center;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
    background-color: #f6f6f6;
}

a {
    outline: none;
}

/* 枠：318px-250pxの間で幅を設定、縦幅は横幅に応じて可変 */
#nicolive-blogparts-block {
    position: relative;
    display: block;
    margin: 0 auto;
    min-width: 250px;
    max-width: 318px;
    height: 176px;
    background-color: #f6f6f6;
    text-decoration: none;
}

#nicolive-blogparts-block:hover {
    background-color: #f9f9f9;
}

/* ブログパーツ関連の要素を包括 */
#nicolive-blogparts-block .nicolive-blogparts-item-wrap {
    display: table;
    margin: 0 auto;
    width: 100%;
    padding-top: 6px;
}

/* ブログパーツのサムネイルを包括 */
#nicolive-blogparts-block .nicolive-blogparts-picture-block {
    display: table-cell;
    vertical-align: middle;
    line-height: 1px;
}

#nicolive-blogparts-block .nicolive-blogparts-picture-block img {
    margin: 5px 0 0 5px;
    height: 106px;
}

/* ブログパーツの情報を包括 */
#nicolive-blogparts-block .nicolive-blogparts-info-block {
    display: table-cell;
    padding: 4px;
    width: 100%;
    vertical-align: middle;
}

/* ブログパーツの情報を包括(メンテナンス・エラーメッセージ用) */
#nicolive-blogparts-block .nicolive-blogparts-msg-block {
    position: relative;
    box-sizing: border-box;
    padding: 5px 30px 10px;
    height: 106px;
    color: #333;
    text-align: left;
}

/* niconicoロゴ */
#nicolive-blogparts-block .nicolive-blogparts-logo-niconico {
    margin: 0 auto 6px;
    width: 90px;
    height: 16px;
    background-image: url("./images/embed/sprite_blogpart.png");
    background-position: -50px 0;
    background-repeat: no-repeat;
    text-indent: -999em;
}

/* niconicoロゴ(メンテナンス・エラーメッセージ用) */
#nicolive-blogparts-block .nicolive-blogparts-msg-block .nicolive-blogparts-logo-niconico {
    position: absolute;
    bottom: 10px;
    left: 50%;
    display: block;
    margin: 0 auto;
    margin-left: -45px;
    width: 90px;
    height: 16px;
    background-image: url("./images/embed/sprite_blogpart.png");
    background-position: -50px 0;
    background-repeat: no-repeat;
    text-indent: -999em;
}

/* 放送日時 */
#nicolive-blogparts-block .nicolive-blogparts-info-block .nicolive-blogparts-data {
    margin-bottom: 6px;
    color: #333;
    text-shadow: 0 0 2px #ccc;
}

/* センターのボタン的な要素 */
#nicolive-blogparts-block .nicolive-blogparts-info-block .nicolive-blogparts-main-button {
    box-sizing: border-box;
    margin: auto;
    padding: 3px;
    max-width: 116px;
    width: 95%;
    height: 48px;
    border-radius: 5px;
    background-color: #000;
    background-repeat: no-repeat;
    box-shadow: 0 1px 2px rgba(255, 255, 255, .4);
    color: #fff;
    line-height: 42px;
}

/* タイトル */
#nicolive-blogparts-block .nicolive-blogparts-title {
    display: table;
    box-sizing: border-box;
    padding: 0 5px;
    width: 100%;
    height: 57px;
    color: #333;
    font-weight: bold;
}

#nicolive-blogparts-block .nicolive-blogparts-title span {
    display: table-cell;
    vertical-align: middle;
    line-height: 120%;
}

#nicolive-blogparts-block:hover .nicolive-blogparts-title span {
    text-decoration: underline;
}

/*--------------------------------------------------
  放送中
--------------------------------------------------*/
#nicolive-blogparts-block .nicolive-blogparts-info-block .nicolive-blogparts-status-onair {
    background-color: #c70202;
}

#nicolive-blogparts-block .nicolive-blogparts-info-block .nicolive-blogparts-status-onair::before {
    display: inline-block;
    margin-top: -2px;
    margin-right: 2px;
    width: 18px;
    height: 18px;
    background-image: url("./images/embed/sprite_blogpart.png");
    background-position: -50px -16px;
    content: "";
    vertical-align: middle;
}

/*--------------------------------------------------
  放送前
--------------------------------------------------*/
#nicolive-blogparts-block .nicolive-blogparts-info-block .nicolive-blogparts-status-comingsoon::before {
    display: inline-block;
    margin-top: -2px;
    margin-right: 2px;
    width: 18px;
    height: 18px;
    background-image: url("./images/embed/sprite_blogpart.png");
    background-position: -69px -16px;
    content: "";
    vertical-align: middle;
}

/*--------------------------------------------------
  放送後(タイムシフト対応)
--------------------------------------------------*/
#nicolive-blogparts-block .nicolive-blogparts-info-block .nicolive-blogparts-status-timeshift::before {
    display: inline-block;
    margin-top: -2px;
    margin-right: 2px;
    width: 18px;
    height: 18px;
    background-image: url("./images/embed/sprite_blogpart.png");
    background-position: -50px -16px;
    content: "";
    vertical-align: middle;
}