html {min-height:100%;}
body {max-width:1000px; margin:0 auto; min-height:100%; font-size:90%; line-height:1.6; font-family:verdana, arial, tahoma, sans-serif;}
h1 {text-transform:uppercase;}
h2 {text-transform:uppercase; background:#444; text-align:center; color:#fefefe;}
h1, h2 {line-height:1.3; text-align:center;}
h1, h2, h3 {margin:30px 0 20px 0; padding:5px;}
#content, .block {padding:10px 20px;}
#footer {text-align:center; padding:30px;}
#faq {padding:20px; background:#eee;}

.online {border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:90%; width:100%; border-collapse:collapse;}
.online td {padding:3px 15px; border-top:1px solid #ccc;}
.online th, .online td:nth-child(2) {text-align:center;}
.online tr:nth-child(odd) {background:#eee;}

#content img {max-width:100%;}

#t-fb {max-height:62px; height:auto; overflow:hidden;}
.contents {max-width:auto; margin:10px 0; outline:1px solid #ccc; display:block; position:sticky; top:62px; z-index:1; background:#fff;}

.bcard {border:1px solid #ddd; border-radius:8px; padding:16px 20px; margin:0 0 16px 0; background:#fafafa; box-shadow:0 1px 3px rgba(0,0,0,.06);}
.bcard h3 {margin:0 0 10px 0; padding:0; background:none; color:#222; text-align:left; text-transform:none; font-size:1.15em; border-bottom:2px solid #e8a735; padding-bottom:6px;}
.bcard .btype {display:inline-block; font-size:.75em; padding:2px 8px; border-radius:10px; font-weight:600; vertical-align:middle; margin-left:8px;}
.bcard .btype-tv {background:#e8a735; color:#fff;}
.bcard .btype-stream {background:#2779dd; color:#fff;}
.bcard .bdesc {color:#555; margin:0 0 10px 0; line-height:1.5;}
.bcard .bmeta {display:flex; flex-wrap:wrap; gap:8px 20px; margin:8px 0 0 0; font-size:.9em;}
.bcard .bmeta-item {background:#fff; border:1px solid #e0e0e0; border-radius:6px; padding:6px 12px; flex:1; min-width:180px;}
.bcard .bmeta-item strong {display:block; font-size:.8em; text-transform:uppercase; color:#888; margin-bottom:2px;}
.bcard .blink {display:inline-block; margin-top:10px; color:#2779dd; font-weight:600; text-decoration:none; border:1px solid #2779dd; border-radius:6px; padding:6px 16px; transition:all .15s;}
.bcard .blink:hover {background:#2779dd; color:#fff;}
.blink-form {display:inline-block; margin:10px 0 0 0; padding:0; border:0; background:none;}
.blink-form .blink {cursor:pointer; font-family:inherit; font-size:inherit; border:1px solid #2779dd; background:none; color:#2779dd; border-radius:6px; padding:6px 16px; font-weight:600; transition:all .15s; text-decoration:none; display:inline-block;}
.blink-form .blink:hover {background:#2779dd; color:#fff;}
.bcard .bnote {background:#fff3cd; border:1px solid #e6d87a; border-radius:6px; padding:8px 12px; margin:10px 0 0 0; font-size:.9em; color:#856404;}
.bseo {background:#f5f5f5; border-radius:8px; padding:16px 20px; margin:20px 0; line-height:1.7;}
.bseo p {margin:0 0 12px 0;}
.bseo p:last-child {margin:0;}

figure {background:rgba(0,0,0,.1); max-width:100%; margin:10px 0; padding:10px; border-radius:4px;}
figure img {border-radius:4px;}
figcaption {font-style:italic; text-align:center;}

a {color:#27d;}

#logo {margin:0; line-height:1;}

#menu {display:flex; list-style:none; padding:0; margin:0;}
#menu li {margin:5px 10px 5px 0; background:rgba(100,100,100,.1); border-radius:4px;}
#menu li a {display:block; padding:8px 12px;}
#menu li:hover {background:rgba(100,100,100,.2);}

#dev-locales {font-size:12px; background:#fffbcc; border-bottom:1px solid #e6d87a; padding:6px 10px; margin:0 0 6px 0;}
#dev-locales a {margin-right:8px;}