#content .share-menu { margin: 8px 0 16px; letter-spacing: -0.4em; text-align: right; position: absolute; right: 30px; top: 0; }
#content .share-menu .caption { display: inline-block; font-size: 12px; font-weight: normal; letter-spacing: normal; margin-right: 8px; vertical-align: middle; }
#content .share-menu .caption .icon { background-image: url(../img/share-icon.png); background-repeat: no-repeat; background-size: cover; display: inline-block; width: 17px; height: 17px; vertical-align: top; }
#content .share-menu .share-button { background-repeat: no-repeat; background-size: cover; display: inline-block; width: 40px; height: 40px; letter-spacing: normal; margin-left: 8px; vertical-align: middle; overflow: hidden; text-indent: 100%; white-space: nowrap; }
#content .share-menu .share-button.mod-fb { background-image: url(../img/share-button-fb.png) }
#content .share-menu .share-button.mod-tw { background-image: url(../img/share-button-tw.png) }
#content .share-menu .share-button.mod-ln { background-image: url(../img/share-button-ln.png) }

#content .article-wrap { position: relative; margin: -4px -29px 0; padding: 144px 29px 0; background: url(../img/catch.jpg) no-repeat; }
#content .article-catch { margin: 0; position: absolute; white-space: nowrap; text-indent: -100%; overflow: hidden; }

#content .article-main .main-video { position: relative; }
#content .article-main .main-video .main-video-embed { position: relative; z-index: 1; }
#content .article-main .main-video .main-video-embed video,
#content .article-main .main-video .main-video-embed iframe { width: 100%; vertical-align: bottom; }
#content .article-main .main-video .main-video-thumb { cursor: pointer; position: absolute; top: 0; left: 0; right: 0; z-index: 1; background-color: #fff; }
#content .article-main .main-video .main-video-thumb:before { content: ""; margin: -52px 0 0 -52px; position: absolute; top: 50%; left: 50%; z-index: 2; width: 104px; height: 104px; background: url(../img/play.png) no-repeat; }
#content .article-main .main-video .main-video-thumb img { position: relative; z-index: 1; width: 100%; vertical-align: bottom; }
#content .article-main .main-video .main-video-thumb:hover img { opacity: 0.8; }

#content .article-main .main-body { background-color: #eee; padding: 16px; position: relative; }
#content .article-main .main-title { margin: 0; color: #e00; font-size: 24px; font-weight: bold; }
#content .article-main .main-lead { margin: 1em 0 0; font-size: 16px; }
#content .article-main .main-date { margin: 0; position: absolute; top: 16px; right: 16px; color: #999; }

#content .article-list {}
#content .article-list .item { margin: 16px 0 0; padding: 0 0 16px; border-bottom : 1px solid #ccc; }
#content .article-list .item-thumb { float: left; width: 240px; }
#content .article-list .item-thumb img { width: 100%; vertical-align: bottom; }
#content .article-list .item-thumb img:hover { opacity: 0.8; }
#content .article-list .item-body { float: right; width: 480px; }
#content .article-list .item-title { margin: 0; font-size: 20px; font-weight: bold; }
#content .article-list .item-lead { margin: 1em 0 0; font-size: 16px; }
#content .article-list .item-date { margin: 1em 0 0; color: #999; }