@charset "UTF-8";
@font-face { font-family: "YuGothicMediumWin"; src: local("Yu Gothic Medium"); }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
html.win { font-family: "YuGothicMediumWin", 游ゴシック体, 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
html.mac { font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; -webkit-font-smoothing: antialiased; }
html.mac.firefox { -moz-osx-font-smoothing: grayscale; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }

a { text-decoration: none; }

table { border-spacing: 0; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, strong, th, var { font-weight: normal; font-style: normal; }

strong { font-weight: bold; }

ol, ul { list-style: none; margin: 0; padding: 0; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0; padding: 0; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; }

img { *vertical-align: bottom; line-height: 1; width: 100%; color: #888; }

a { outline: none; overflow: hidden; }
a:link, a:active, a:visited, a:focus { outline: none; overflow: hidden; }

html { overflow-y: scroll; }

body { color: #1E1E17; font-size: 1em; line-height: 1.6em; }
body.tab { font-size: 0.95em; }
body.sp { font-size: 0.9em; }

* { margin: 0; padding: 0; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body.no-js { height: 100%; overflow: hidden; }
body.no-js #wrapper, body.no-js #sectionBtm { pointer-events: none; }

#header { width: 100%; height: 53px; z-index: 999; padding: 0; margin: 0; position: fixed; left: 0; top: 0; background-color: #fff; }
#header #headerInner { margin: 0 auto; padding: 0; position: relative; width: 1340px; }
.wd #header #headerInner { width: 1180px; }
.md #header #headerInner { width: 980px; }
.sm #header #headerInner { width: 96%; }
.tab #header #headerInner { width: 96%; }
.sp #header #headerInner { width: 100%; }
#header #headerInner #headlogo { width: 84px; position: absolute; left: 0; top: 13px; z-index: 2; }
#header #headerInner #headlogo img { width: 100%; height: auto; }
.md #header #headerInner #headlogo { left: 0; }
.sm #header #headerInner #headlogo, .tab #header #headerInner #headlogo { left: 0; }
.sp #header #headerInner #headlogo { width: 78px; left: 4%; top: 14px; }
#header #headerInner h1.headTitle { width: 96px; margin: 15px auto 0; text-align: center; }
#header #headerInner h1.headTitle .title-logo { display: block; width: 100%; }
#header #headerInner h1.headTitle .title-logo svg { width: 100%; height: auto; }
.ie #header #headerInner h1.headTitle .title-logo svg, .edge #header #headerInner h1.headTitle .title-logo svg { height: unset; }
.ie #header #headerInner h1.headTitle .title-logo, .edge #header #headerInner h1.headTitle .title-logo { position: relative; width: 96px; height: 0; padding-top: -o-calc(28/121 * 100%); padding-top: -webkit-calc(28/121 * 100%); padding-top: calc(28/121 * 100%); }
.ie #header #headerInner h1.headTitle .title-logo svg, .edge #header #headerInner h1.headTitle .title-logo svg { display: block; position: absolute; height: 100%; width: 100%; top: 0; left: 0; }
.sp #header #headerInner h1.headTitle { width: 86px; margin: 15px auto 0; }
#header #headerInner > #header-share { display: inline-block; position: absolute; left: auto; right: 0; top: 13px; line-height: 1; vertical-align: middle; margin: 0; }
.md #header #headerInner > #header-share { right: 0; }
.sm #header #headerInner > #header-share, .tab #header #headerInner > #header-share { right: 0; }
.sp #header #headerInner > #header-share { right: 4%; }
.sp #header #headerInner > #header-share ul li { width: 26px; height: 26px; }
#header #headerInner > #header-share > ul { font-size: 0; }
#header #headerInner > #header-share > ul > li { display: inline-block; width: 26px; height: 26px; margin: 0 0 0 8px; }
#header #headerInner > #header-share > ul > li a { display: block; width: 100%; height: 100%; }
#header #headerInner > #header-share > ul > li svg { width: 100%; height: 100%; }
#header #headerInner #header-tools { display: inline-block; position: absolute; left: auto; right: 0; top: 10px; font-size: 0; z-index: 3; }
.md #header #headerInner #header-tools { right: 0; }
.sm #header #headerInner #header-tools, .tab #header #headerInner #header-tools { right: 0; }
.sp #header #headerInner #header-tools { right: 4%; }
#header #headerInner #header-tools #header-search { display: inline-block; margin: 0 12px 0 0; font-size: 0; vertical-align: top; }
.sm #header #headerInner #header-tools #header-search, .tab #header #headerInner #header-tools #header-search, .sp #header #headerInner #header-tools #header-search { margin: 0 8px 0 0; }
#header #headerInner #header-tools #header-search form #input-container { display: inline-block; width: 17rem; position: relative; }
.wd #header #headerInner #header-tools #header-search form #input-container { width: 15.75rem; }
.md #header #headerInner #header-tools #header-search form #input-container, .sm #header #headerInner #header-tools #header-search form #input-container { width: 13.75rem; }
.tab #header #headerInner #header-tools #header-search form #input-container, .sp #header #headerInner #header-tools #header-search form #input-container { width: 0; }
#header #headerInner #header-tools #header-search form #input-container input { border: 1px solid #dedede; background-color: #f7f7f7; border-right: none; width: 100%; height: 32px; font-size: 0.95rem; line-height: 32px; padding: 0 4px; padding-right: 28px; vertical-align: top; outline: none; border-radius: 0; -webkit-appearance: none; }
.tab #header #headerInner #header-tools #header-search form #input-container input, .sp #header #headerInner #header-tools #header-search form #input-container input { padding: 0; border: none; }
#header #headerInner #header-tools #header-search form #input-container input .touch { font-size: 16px; }
#header #headerInner #header-tools #header-search form #input-container input::-ms-clear { visibility: hidden; }
#header #headerInner #header-tools #header-search form #input-container input[type="search"]::-webkit-search-cancel-button, #header #headerInner #header-tools #header-search form #input-container input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
#header #headerInner #header-tools #header-search form #input-container #header-search-clear { width: 28px; height: 30px; position: absolute; right: 0; top: 1px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22search-close-icon-svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22192px%22%20height%3D%22192px%22%20viewBox%3D%220%200%20192%20192%22%20enable-background%3D%22new%200%200%20192%20192%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%239F9F9F%22%20d%3D%22M130.59%2C123.62L102.96%2C96l27.62-27.62c0.57-0.57%2C0.55-1.51-0.04-2.1l-4.82-4.82%20c-0.59-0.59-1.53-0.61-2.1-0.04L96%2C89.04L68.38%2C61.41c-0.57-0.57-1.51-0.55-2.1%2C0.04l-4.82%2C4.82c-0.59%2C0.59-0.61%2C1.53-0.04%2C2.1%20L89.04%2C96l-27.62%2C27.62c-0.57%2C0.57-0.55%2C1.51%2C0.04%2C2.1l4.82%2C4.82c0.59%2C0.59%2C1.53%2C0.61%2C2.1%2C0.04L96%2C102.96l27.62%2C27.62%20c0.57%2C0.57%2C1.51%2C0.55%2C2.1-0.04l4.82-4.82C131.13%2C125.13%2C131.15%2C124.19%2C130.59%2C123.62z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: 100% 50%; -webkit-background-size: contain; background-size: contain; background-color: #f7f7f7; background-color: rgba(247, 247, 247, 0); background-color: transparent; z-index: 1; outline: none; cursor: pointer; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }
#header #headerInner #header-tools #header-search form #input-container #header-search-clear.hide { display: none; }
.tab #header #headerInner #header-tools #header-search form #input-container #header-search-clear, .sp #header #headerInner #header-tools #header-search form #input-container #header-search-clear { display: none; }
#header #headerInner #header-tools #header-search form button, #header #headerInner #header-tools #header-search form #header-search-submit, #header #headerInner #header-tools #header-search form #header-search-open-button { color: #fff; font-weight: bold; width: 32px; height: 32px; line-height: 24px; padding: 8px; background-color: #a0a0a0; vertical-align: top; outline: none; cursor: pointer; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }
#header #headerInner #header-tools #header-search form button .search-icon, #header #headerInner #header-tools #header-search form button .close-icon, #header #headerInner #header-tools #header-search form #header-search-submit .search-icon, #header #headerInner #header-tools #header-search form #header-search-submit .close-icon, #header #headerInner #header-tools #header-search form #header-search-open-button .search-icon, #header #headerInner #header-tools #header-search form #header-search-open-button .close-icon { display: block; width: 100%; height: 100%; }
#header #headerInner #header-tools #header-search form button .search-icon svg, #header #headerInner #header-tools #header-search form button .close-icon svg, #header #headerInner #header-tools #header-search form #header-search-submit .search-icon svg, #header #headerInner #header-tools #header-search form #header-search-submit .close-icon svg, #header #headerInner #header-tools #header-search form #header-search-open-button .search-icon svg, #header #headerInner #header-tools #header-search form #header-search-open-button .close-icon svg { width: 100%; height: 100%; }
#header #headerInner #header-tools #header-search form button .close-icon, #header #headerInner #header-tools #header-search form #header-search-submit .close-icon, #header #headerInner #header-tools #header-search form #header-search-open-button .close-icon { display: none; }
#header #headerInner #header-tools #header-search form button:hover, #header #headerInner #header-tools #header-search form #header-search-submit:hover, #header #headerInner #header-tools #header-search form #header-search-open-button:hover { background-color: #b9b9b9; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }
.touch #header #headerInner #header-tools #header-search form button:hover, .tab #header #headerInner #header-tools #header-search form button:hover, .sp #header #headerInner #header-tools #header-search form button:hover, .touch #header #headerInner #header-tools #header-search form #header-search-submit:hover, .tab #header #headerInner #header-tools #header-search form #header-search-submit:hover, .sp #header #headerInner #header-tools #header-search form #header-search-submit:hover, .touch #header #headerInner #header-tools #header-search form #header-search-open-button:hover, .tab #header #headerInner #header-tools #header-search form #header-search-open-button:hover, .sp #header #headerInner #header-tools #header-search form #header-search-open-button:hover { background-color: #a0a0a0; }
#header #headerInner #header-tools #header-search form #header-search-submit { margin: 0; }
.tab #header #headerInner #header-tools #header-search form #header-search-submit, .sp #header #headerInner #header-tools #header-search form #header-search-submit { display: none; }
#header #headerInner #header-tools #header-search form #header-search-open-button { display: none; }
.tab #header #headerInner #header-tools #header-search form #header-search-open-button, .sp #header #headerInner #header-tools #header-search form #header-search-open-button { display: inline-block; }
#header #headerInner #header-tools #header-search form #header-search-cancelled-button { display: none; }
.tab #header #headerInner #header-tools.search-active, .sp #header #headerInner #header-tools.search-active { width: 92%; margin: 0 auto; }
.tab #header #headerInner #header-tools.search-active #header-search, .sp #header #headerInner #header-tools.search-active #header-search { width: 100%; margin: 0; }
.tab #header #headerInner #header-tools.search-active #header-search form #input-container, .sp #header #headerInner #header-tools.search-active #header-search form #input-container { width: -o-calc(100% - 5rem); width: -webkit-calc(100% - 5rem); width: calc(100% - 5rem); }
.tab #header #headerInner #header-tools.search-active #header-search form #input-container input, .sp #header #headerInner #header-tools.search-active #header-search form #input-container input { font-size: 16px; padding: 0 28px; border: 1px solid #dedede; border-right: none; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22search-icon-svg-form%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22170px%22%20height%3D%22192px%22%20viewBox%3D%220%200%20170%20192%22%20enable-background%3D%22new%200%200%20170%20192%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23A0A0A0%22%20d%3D%22M134.94%2C135.93l-29.42-29.4c4.27-6.16%2C6.78-13.63%2C6.78-21.69c0.02-21.14-17.15-38.3-38.35-38.31%20c-21.2-0.02-38.4%2C17.1-38.42%2C38.24c-0.02%2C21.14%2C17.15%2C38.29%2C38.35%2C38.31c7.99%2C0.01%2C15.4-2.42%2C21.55-6.57l29.45%2C29.43%20c0.79%2C0.79%2C2.08%2C0.79%2C2.87%2C0l7.18-7.15C135.73%2C138%2C135.73%2C136.72%2C134.94%2C135.93z%20M46.47%2C84.78c0.01-15.09%2C12.34-27.36%2C27.48-27.34%20c15.13%2C0.01%2C27.43%2C12.3%2C27.42%2C27.4c-0.01%2C15.09-12.34%2C27.35-27.48%2C27.34C58.75%2C112.16%2C46.45%2C99.87%2C46.47%2C84.78z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: 0 50%; -webkit-background-size: contain; background-size: contain; }
.tab #header #headerInner #header-tools.search-active #header-search form #input-container #header-search-clear, .sp #header #headerInner #header-tools.search-active #header-search form #input-container #header-search-clear { display: block; }
.tab #header #headerInner #header-tools.search-active #header-search form #input-container #header-search-clear.hide, .sp #header #headerInner #header-tools.search-active #header-search form #input-container #header-search-clear.hide { display: none; }
.tab #header #headerInner #header-tools.search-active #header-search #header-search-submit, .sp #header #headerInner #header-tools.search-active #header-search #header-search-submit { margin: 0; display: none; }
.tab #header #headerInner #header-tools.search-active #header-search #header-search-open-button, .sp #header #headerInner #header-tools.search-active #header-search #header-search-open-button { display: none; }
.tab #header #headerInner #header-tools.search-active #header-search #header-search-open-button .search-icon, .sp #header #headerInner #header-tools.search-active #header-search #header-search-open-button .search-icon { display: none; }
.tab #header #headerInner #header-tools.search-active #header-search #header-search-open-button .close-icon, .sp #header #headerInner #header-tools.search-active #header-search #header-search-open-button .close-icon { display: block; }
.tab #header #headerInner #header-tools.search-active #header-search #header-search-cancelled-button, .sp #header #headerInner #header-tools.search-active #header-search #header-search-cancelled-button { display: inline-block; width: 5rem; font-size: 11px; font-style: 0.7rem; line-height: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }
.tab #header #headerInner #header-tools.search-active #header-share, .sp #header #headerInner #header-tools.search-active #header-share { display: none; }
.tab #header #headerInner #header-tools.search-active { width: 100%; margin: 0 auto; }
#header #headerInner #header-tools #header-share { display: inline-block; line-height: 1; vertical-align: middle; margin: 0; }
.sp #header #headerInner #header-tools #header-share ul li { width: 24px; height: 24px; }
#header #headerInner #header-tools #header-share #social-share-button { width: 32px; height: 32px; background-color: #a0a0a0; cursor: pointer; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; position: relative; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }
#header #headerInner #header-tools #header-share #social-share-button .social-share-icon, #header #headerInner #header-tools #header-share #social-share-button .close-icon { display: block; width: 100%; height: 100%; padding: 8px; }
#header #headerInner #header-tools #header-share #social-share-button .social-share-icon svg, #header #headerInner #header-tools #header-share #social-share-button .close-icon svg { width: 100%; height: 100%; }
#header #headerInner #header-tools #header-share #social-share-button .close-icon { display: none; }
#header #headerInner #header-tools #header-share #social-share-button:hover { background-color: #b9b9b9; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }
.touch #header #headerInner #header-tools #header-share #social-share-button:hover, .tab #header #headerInner #header-tools #header-share #social-share-button:hover, .sp #header #headerInner #header-tools #header-share #social-share-button:hover { background-color: #a0a0a0; }
#header #headerInner #header-tools #header-share ul#head-social-link { font-size: 0; width: 32px; position: absolute; right: 0; top: 32px; z-index: -10; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.1s; transition: opacity 0.1s; }
#header #headerInner #header-tools #header-share ul#head-social-link li { display: inline-block; width: 32px; height: 32px; margin: -32px 0 0; -webkit-transition: margin 0.2s; transition: margin 0.2s; }
#header #headerInner #header-tools #header-share ul#head-social-link li a { display: block; width: 100%; height: 100%; }
#header #headerInner #header-tools #header-share ul#head-social-link li svg { width: 100%; height: 100%; }
#header #headerInner #header-tools.share-active #header-share #social-share-button { background-color: #b9b9b9; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }
.sm #header #headerInner #header-tools.share-active #header-share #social-share-button, .tab #header #headerInner #header-tools.share-active #header-share #social-share-button, .sp #header #headerInner #header-tools.share-active #header-share #social-share-button { background-color: #b9b9b9; }
#header #headerInner #header-tools.share-active #header-share #social-share-button .social-share-icon { display: none; }
#header #headerInner #header-tools.share-active #header-share #social-share-button .close-icon { display: block; }
#header #headerInner #header-tools.share-active #header-share ul#head-social-link { z-index: 100; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: opacity 0.1s 0.1s; -o-transition: opacity 0.1s 0.1s; -webkit-transition: opacity 0.1s; -webkit-transition-delay: 0.1s; -webkit-transition: opacity 0.1s 0.1s; transition: opacity 0.1s 0.1s; }
#header #headerInner #header-tools.share-active #header-share ul#head-social-link li { margin: 6px 0 0; -webkit-transition: margin 0.2s; transition: margin 0.2s; }
#header #headerInner #header-tools.share-active #header-share ul#head-social-link li #tw-icon-svg #Dark_Blue rect { fill: #1da1f2; }
#header #headerInner #header-tools.share-active #header-share ul#head-social-link li #fb-icon-svg #Blue_1_ { fill: #315096; }

#sectionBtm { display: block; width: 100%; height: auto; z-index: 10; padding: 2em 0 0 0; }
#sectionBtm #Footer { display: block; width: 100%; height: 100%; margin: 0 auto; padding: 0; border-top: 1px solid #D7D7D0; background: #EBEBE4; position: relative; }
#sectionBtm #Footer #ToTop { display: none; }
#sectionBtm #Footer .AboutSite { width: 100%; background: transparent; text-align: center; margin: 0 auto; padding: 30px 0 0; }
.sm #sectionBtm #Footer .AboutSite { width: 96%; }
.tab #sectionBtm #Footer .AboutSite { width: 96%; }
.sp #sectionBtm #Footer .AboutSite { width: 94%; }
#sectionBtm #Footer .AboutSite ul { display: inline-block; *display: inline; *zoom: 1; margin: 0; padding: 0 0 12px; }
#sectionBtm #Footer .AboutSite ul li { display: inline; float: left; margin: 0; padding: 0 0 8px; font-weight: normal; text-align: left; }
#sectionBtm #Footer .AboutSite ul li.Fst a { border-left: none !important; }
#sectionBtm #Footer .AboutSite ul li a { display: block; margin: 0 0 0 11px; padding: 0 0 0 13px; border-left: 1px solid #888; color: #666; font-size: 75%; line-height: 1.1; }
#sectionBtm #Footer .AboutSite ul li a:hover, #sectionBtm #Footer .AboutSite ul li a:active { color: #444; text-decoration: underline; }
#sectionBtm #Footer .AboutSite ul li.Fst a { margin-left: 0; padding-left: 0; border-left: none; }
#sectionBtm #Footer .AboutSite .Copyright { clear: both; margin: 0; padding: 0 0 10px; }
#sectionBtm #Footer .AboutSite .Copyright p { margin: 0; padding: 0 0 8px; color: #666; font-size: 75%; text-align: center; }

.tab #sectionBtm #Footer { margin: 0 auto; padding: 2em 0 0 0; }
.tab #sectionBtm #Footer .AboutSite { width: 96%; padding: 0 2%; }
.tab #sectionBtm #Footer .AboutSite ul { padding: 0 0 1em; }
.tab #sectionBtm #Footer .AboutSite ul li { padding: 0 0 0.6em; }
.tab #sectionBtm #Footer .AboutSite .Copyright { font-size: 0.9em; line-height: 1.6; }
.tab #sectionBtm #Footer .AboutSite .Copyright p { text-align: left; }

.sp #sectionBtm #Footer { margin: 0 auto; padding: 1.5em 0 0 0; }
.sp #sectionBtm #Footer .AboutSite { width: 96%; padding: 0 2%; }
.sp #sectionBtm #Footer .AboutSite ul { padding: 0 0 0.25em; text-align: left; }
.sp #sectionBtm #Footer .AboutSite ul li { padding: 0 0 0.6em; }
.sp #sectionBtm #Footer .AboutSite ul li a { margin: 0 0.75em 0 0; padding: 0 0 0 0; border-left: none; letter-spacing: -0.075em; }
.sp #sectionBtm #Footer .AboutSite .Copyright { font-size: 0.9em; line-height: 1.6; }
.sp #sectionBtm #Footer .AboutSite .Copyright p { text-align: left; }

#wrapper { width: 1340px; height: 100%; position: relative; margin: 53px auto 0; }
.search #wrapper { padding: 16px 0 0; }
.wd #wrapper { width: 1180px; }
.md #wrapper { width: 980px; }
.sm #wrapper { width: 96%; }
.tab #wrapper { width: 96%; }
.sp #wrapper { width: 100%; margin: 53px auto 0; }
.sm.channel #wrapper, .tab.channel #wrapper, .sp.channel #wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.sm.channel #wrapper #head-video-wrap, .tab.channel #wrapper #head-video-wrap, .sp.channel #wrapper #head-video-wrap { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.sm.channel #wrapper #live-list-wrap, .tab.channel #wrapper #live-list-wrap, .sp.channel #wrapper #live-list-wrap { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; }
.sm.channel #wrapper #recommend-list-wrap, .tab.channel #wrapper #recommend-list-wrap, .sp.channel #wrapper #recommend-list-wrap { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; }
.sm.channel #wrapper #channel-list-wrap, .tab.channel #wrapper #channel-list-wrap, .sp.channel #wrapper #channel-list-wrap { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
.sm.channel #wrapper #ranking-list-wrap, .tab.channel #wrapper #ranking-list-wrap, .sp.channel #wrapper #ranking-list-wrap { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; }
.sm.channel #wrapper #new-arrivals-list-wrap, .tab.channel #wrapper #new-arrivals-list-wrap, .sp.channel #wrapper #new-arrivals-list-wrap { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; }
.sm.channel #wrapper #channel-collections-wrap, .tab.channel #wrapper #channel-collections-wrap, .sp.channel #wrapper #channel-collections-wrap { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; }
#wrapper.channel_index { width: 100%; }
#wrapper.channel_index #channel-header-cover { width: 100%; height: -webkit-calc(100vw / 6.2 - 1px); height: calc(100vw / 6.2 - 1px); position: relative; z-index: -1; margin-bottom: 2em; }
.tab #wrapper.channel_index #channel-header-cover, .sp #wrapper.channel_index #channel-header-cover { margin-bottom: 1em; }
#wrapper.channel_index #channel-header-cover:before { content: ''; display: block; width: 100%; height: 50%; position: absolute; left: 0; top: auto; bottom: 0; background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.05) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.05))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 ); }
#wrapper.channel_index #channel-header-cover #channel-header-cover-image { display: block; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; z-index: -1; }
#wrapper.channel_index #main-contents { width: 1340px; margin: 0 auto; }
.wd #wrapper.channel_index #main-contents { width: 1180px; }
.md #wrapper.channel_index #main-contents { width: 980px; }
.sm #wrapper.channel_index #main-contents { width: 96%; }
.tab #wrapper.channel_index #main-contents { width: 96%; }
.sp #wrapper.channel_index #main-contents { width: 100%; }
#wrapper.channel_index #main-contents #channel-main-wrap { width: 960px; float: left; }
.wd #wrapper.channel_index #main-contents #channel-main-wrap { width: 820px; }
.md #wrapper.channel_index #main-contents #channel-main-wrap { width: 660px; }
.sm #wrapper.channel_index #main-contents #channel-main-wrap, .tab #wrapper.channel_index #main-contents #channel-main-wrap { width: 100%; float: none; margin: 0 auto; }
.sp #wrapper.channel_index #main-contents #channel-main-wrap { display: block; width: 92%; float: none; margin: 0 auto; float: none; }
#wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap { display: inline-block; width: 100%; position: relative; font-size: 16px; border-bottom: 1px solid #eee; padding: 0 0 24px; margin: 0 auto 24px; }
#wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head { width: 100%; }
#wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner { width: 100%; padding: 0; font-size: 0; }
#wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-icon-holder { font-size: 16px; display: inline-block; vertical-align: middle; width: 5em; height: 5em; margin: 0 1.5em 0.5em 0; position: relative; overflow: hidden; border-radius: 50%; }
.tab #wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-icon-holder, .sp #wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-icon-holder { margin: -3em 1.5em 0.5em 0; width: 3.5em; height: 3.5em; }
#wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-icon-holder #channel-head-icon { display: block; width: auto; height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); border-radius: 50%; overflow: hidden; }
#wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-icon-holder #channel-head-icon img { width: auto; height: 100%; }
#wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-holder { font-size: 16px; display: inline-block; vertical-align: middle; padding: 0; width: -o-calc(100% - 5em - 1.5em); width: -webkit-calc(100% - 5em - 1.5em); width: calc(100% - 5em - 1.5em); }
.tab #wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-holder, .sp #wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-holder { width: 100%; }
#wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-holder h1#channel-head-title { display: inline-block; vertical-align: middle; font-size: 1.35em; font-weight: bold; margin: 0 0 0.5em; }
#wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-holder #channel-share { display: inline-block; vertical-align: middle; }
#wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-holder #channel-share ul { font-size: 0; margin: 0 0 0 12px; }
#wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-holder #channel-share ul li { display: inline-block; display: inline-block; width: 24px; height: 24px; margin: 0 8px 0 0; cursor: pointer; }
#wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-holder #channel-share ul li a { display: block; width: 100%; height: 100%; }
#wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-holder #channel-share ul li a svg { width: 100%; height: 100%; }
#wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-holder #channel-head-description { width: 660px; }
.md #wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-holder #channel-head-description, .sm #wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-holder #channel-head-description, .tab #wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-holder #channel-head-description, .sp #wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-holder #channel-head-description { width: 100%; }
#wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-holder #channel-head-description p { font-size: 0.95em; text-indent: 1em; }
#wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-holder #channel-head-description p a { color: #1E1E17; padding: 0 0 2px; border-bottom: 1px dotted #a0a0a0; }
#wrapper.channel_index #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-holder #channel-head-description p a.blank:after { content: ''; display: inline-block; width: 0.8em; height: 0.85em; margin: 0 0 0 0.25em; background-image: url("https://www.asahicom.jp/video/images/icon_blank.png"); background-repeat: no-repeat; background-position: 0 0; -webkit-background-size: contain; background-size: contain; vertical-align: text-top; }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap { font-size: 0; margin: 0 auto 24px; padding: 0 0 24px; display: inline-block; width: 100%; float: left; border-bottom: 1px solid #eee; }
.sm #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap, .tab #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap, .sp #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap { width: 100%; }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-player { position: relative; display: inline-block; vertical-align: top; width: 476px; }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-player #head-video-player-inner { position: relative; display: block; width: 100%; max-width: 100%; }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-player #head-video-player-inner #head-video-holder { padding-top: 56.25%; }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-player #head-video-player-inner #head-video-holder .video-js { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-player .live-note { display: none; }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-player .channel-note { margin: 0.35rem 0 0; }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-player.youtube #head-video-player-inner { position: relative; width: 100%; padding-top: 56.25%; }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-player.youtube #head-video-player-inner iframe, #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-player.youtube #head-video-player-inner .youtube { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-player.live .live-note { display: block; width: 100%; margin: 0.5em 0 2em; line-height: 1rem; }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-player.live .live-note p { display: inline-block; font-size: 0.75rem; line-height: 1.1rem; margin: 0 0.25em 0.25em 0; }
.sp #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-player.live .live-note { width: 96%; margin: 0.5em auto 2em; }
.sp #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-player.live .live-note p { margin: 0 0 0.25em 0; }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info { position: relative; font-size: 16px; display: inline-block; vertical-align: top; padding: 0 0 0 1.5em; margin: 0; border-bottom: none; width: -o-calc(100% - 476px); width: -webkit-calc(100% - 476px); width: calc(100% - 476px); }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info #head-video-title { display: block; width: 100%; margin: 0 auto; }
.md #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info #head-video-title, .sm #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info #head-video-title, .tab #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info #head-video-title, .sp #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info #head-video-title { width: 100%; }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info #head-video-title .title-tag { display: inline-block; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 1rem; line-height: 1rem; font-weight: bold; vertical-align: middle; padding: 3px 5px; margin: 0 2px 8px 0; background-color: #d90000; }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info #head-video-title .title-tag span { font-size: 0.9rem; }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info #head-video-title .title-tag.pr { background-color: #a0a0a0; }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info #head-video-title h1, #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info #head-video-title h2 { font-size: 1.1em; line-height: 1.4em; font-weight: bold; margin: 0 0 0.25em; }
.wd #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info #head-video-title h1, .md #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info #head-video-title h1, .sm #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info #head-video-title h1, .tab #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info #head-video-title h1, .sp #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info #head-video-title h1, .wd #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info #head-video-title h2, .md #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info #head-video-title h2, .sm #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info #head-video-title h2, .tab #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info #head-video-title h2, .sp #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info #head-video-title h2 { margin: 0 0 0.45em; }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info #head-video-title #head-video-channel-name { display: inline-block; color: #1E1E17; font-size: 0.85em; font-weight: bold; line-height: 1; vertical-align: middle; padding-right: 0.5em; margin-right: 0.25em; }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info #head-video-title #head-video-channel-name a { color: #1E1E17; }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info #head-video-title #head-video-date { display: inline-block; color: #888; font-size: 0.85em; line-height: 1; vertical-align: middle; }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info .video-description { width: 100%; margin: 1em auto 1.25em; }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info .video-description p { font-size: 0.9em; line-height: 1.6em; }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info .video-description p a { color: #1E1E17; padding: 0 0 0; border-bottom: 1px solid transparent; border-bottom: 1px solid rgba(255, 255, 255, 0); -webkit-transition: color 0.1s, border 0.1s; transition: color 0.1s, border 0.1s; }
#wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info .video-description p a:hover, #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info .video-description p a:active { color: #d90000; border-bottom: 1px solid #d90000; -webkit-transition: color 0.1s, border 0.1s; transition: color 0.1s, border 0.1s; }
.md #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info .video-description { margin: 0.5em 0; }
.sm #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info .video-description, .tab #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info .video-description, .sp #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info .video-description { margin: 1em 0 0; }
.wd #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-player { width: 408px; }
.wd #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info { width: -o-calc(100% - 408px); width: -webkit-calc(100% - 408px); width: calc(100% - 408px); }
.md #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-player { width: -o-calc(50% - 4px); width: -webkit-calc(50% - 4px); width: calc(50% - 4px); }
.md #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info { width: -o-calc(100% - 50%); width: -webkit-calc(100% - 50%); width: calc(100% - 50%); }
.sm #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-player { width: -o-calc(50% - 4px); width: -webkit-calc(50% - 4px); width: calc(50% - 4px); }
.sm #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info { width: -o-calc(100% - 50%); width: -webkit-calc(100% - 50%); width: calc(100% - 50%); }
.tab #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-player, .sp #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-player { width: 100%; }
.tab #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info, .sp #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info { display: block; width: 100%; margin: 1.5em auto 0; padding: 0; }
#wrapper.channel_index #main-contents #channel-main-wrap #channel-list-wrap { width: 100%; border-bottom: 1px solid #eee; margin: 0 auto 16px; padding: 0 0 16px; overflow: hidden; }
.sm #wrapper.channel_index #main-contents #recommend-list-wrap, .tab #wrapper.channel_index #main-contents #recommend-list-wrap, .sp #wrapper.channel_index #main-contents #recommend-list-wrap { border-bottom: none; }
#wrapper.channel_index.channel-cover-none #main-contents #channel-main-wrap #channel-head-wrap { padding-top: 16px; }
#wrapper.channel_index.channel-cover-none #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-icon-holder { width: 4em; height: 4em; }
.tab #wrapper.channel_index.channel-cover-none #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-icon-holder { margin: 0 1.5em 0.5em 0; }
.sp #wrapper.channel_index.channel-cover-none #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-icon-holder { width: 52px; height: 52px; position: absolute; left: 0; top: 0; margin: 16px 0 0 0; }
#wrapper.channel_index.channel-cover-none #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-holder { width: -o-calc(100% - 4em - 1.5em); width: -webkit-calc(100% - 4em - 1.5em); width: calc(100% - 4em - 1.5em); }
.sp #wrapper.channel_index.channel-cover-none #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-holder { width: 100%; }
.sp #wrapper.channel_index.channel-cover-none #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-holder #channel-head-title { padding-left: -o-calc(52px + 12px); padding-left: -webkit-calc(52px + 12px); padding-left: calc(52px + 12px); }
.sp #wrapper.channel_index.channel-cover-none #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-holder #channel-share { display: block; padding-left: -o-calc(52px + 12px); padding-left: -webkit-calc(52px + 12px); padding-left: calc(52px + 12px); }
.sp #wrapper.channel_index.channel-cover-none #main-contents #channel-main-wrap #channel-head-wrap #channel-head #channel-head-inner #channel-head-holder #channel-share ul { margin: 0 0 0 4px; }

#head-video-wrap { display: inline-block; width: 960px; float: left; margin-bottom: -53px; padding-bottom: 53px; }
.wd #head-video-wrap { width: 820px; margin-bottom: -53px; padding-bottom: 53px; }
.md #head-video-wrap { width: 660px; margin-bottom: -53px; padding-bottom: 53px; }
.sm #head-video-wrap, .tab #head-video-wrap, .sp #head-video-wrap { width: 100%; margin-bottom: 0; padding-bottom: 0; }
#head-video-wrap #head-video-player { position: relative; }
#head-video-wrap #head-video-player #head-video-player-inner { position: relative; display: block; width: 100%; max-width: 100%; }
#head-video-wrap #head-video-player #head-video-player-inner #head-video-holder { padding-top: 56.25%; }
#head-video-wrap #head-video-player #head-video-player-inner #head-video-holder .video-js { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; }
@media only screen and (max-height: 480px) { .ldsp.touch #head-video-wrap #head-video-player #head-video-player-inner { height: 70vh; } }
#head-video-wrap #head-video-player .live-note { display: none; }
#head-video-wrap #head-video-player .channel-note { display: block; width: 100%; margin: 0.5em 0 1em; line-height: 1rem; }
#head-video-wrap #head-video-player .channel-note p { display: inline-block; font-size: 0.75rem; line-height: 1.1rem; margin: 0 0.25em 0.25em 0; }
.sp #head-video-wrap #head-video-player .channel-note { width: 96%; margin: 0.5em auto 1em; }
.sp #head-video-wrap #head-video-player .channel-note p { font-size: 0.7rem; margin: 0 0 0.25em 0; }
#head-video-wrap #head-video-player.youtube #head-video-player-inner { position: relative; width: 100%; padding-top: 56.25%; }
#head-video-wrap #head-video-player.youtube #head-video-player-inner iframe, #head-video-wrap #head-video-player.youtube #head-video-player-inner .youtube { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
@media only screen and (max-height: 480px) { .ldsp.touch #head-video-wrap #head-video-player.youtube #head-video-player-inner { padding-top: 0; } }
#head-video-wrap #head-video-player.live .live-note { display: block; width: 100%; margin: 0.5em 0 1em; line-height: 1rem; }
#head-video-wrap #head-video-player.live .live-note p { display: inline-block; font-size: 0.75rem; line-height: 1.1rem; margin: 0 0.25em 0.25em 0; }
.sp #head-video-wrap #head-video-player.live .live-note { width: 96%; margin: 0.5em auto 1em; }
.sp #head-video-wrap #head-video-player.live .live-note p { font-size: 0.7rem; margin: 0 0 0.25em 0; }
#head-video-wrap #head-video-info { width: 100%; margin: 1.5em auto 16px; padding: 0 0 16px; border-bottom: 1px solid #eee; position: relative; }
.sp #head-video-wrap #head-video-info { margin: 1em auto 16px; padding: 0 0 8px; width: 92%; }
#head-video-wrap #head-video-info #head-video-title { display: block; width: 660px; margin: 0 auto; }
.md #head-video-wrap #head-video-info #head-video-title, .sm #head-video-wrap #head-video-info #head-video-title, .tab #head-video-wrap #head-video-info #head-video-title, .sp #head-video-wrap #head-video-info #head-video-title { width: 100%; }
#head-video-wrap #head-video-info #head-video-title .title-tag { display: inline-block; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 1rem; line-height: 1rem; font-weight: bold; vertical-align: middle; padding: 3px 5px; margin: 0 2px 8px 0; background-color: #d90000; }
#head-video-wrap #head-video-info #head-video-title .title-tag span { font-size: 0.9rem; }
#head-video-wrap #head-video-info #head-video-title .title-tag.pr { background-color: #a0a0a0; }
#head-video-wrap #head-video-info #head-video-title h1, #head-video-wrap #head-video-info #head-video-title h2 { font-size: 1.35em; line-height: 1.4em; font-weight: bold; margin: 0 0 0.25em; }
.wd #head-video-wrap #head-video-info #head-video-title h1, .md #head-video-wrap #head-video-info #head-video-title h1, .sm #head-video-wrap #head-video-info #head-video-title h1, .tab #head-video-wrap #head-video-info #head-video-title h1, .sp #head-video-wrap #head-video-info #head-video-title h1, .wd #head-video-wrap #head-video-info #head-video-title h2, .md #head-video-wrap #head-video-info #head-video-title h2, .sm #head-video-wrap #head-video-info #head-video-title h2, .tab #head-video-wrap #head-video-info #head-video-title h2, .sp #head-video-wrap #head-video-info #head-video-title h2 { margin: 0 0 0.45em; }
#head-video-wrap #head-video-info #head-video-title #head-video-channel-name { display: inline-block; color: #1E1E17; font-size: 0.85em; font-weight: bold; line-height: 1; vertical-align: middle; padding-right: 0.5em; margin-right: 0.25em; }
#head-video-wrap #head-video-info #head-video-title #head-video-channel-name a { color: #1E1E17; }
.tab #head-video-wrap #head-video-info #head-video-title #head-video-channel-name, .sp #head-video-wrap #head-video-info #head-video-title #head-video-channel-name { display: block; margin: 1.25em 0; }
#head-video-wrap #head-video-info #head-video-title #head-video-date { display: inline-block; color: #888; font-size: 0.85em; line-height: 1; vertical-align: middle; }
#head-video-wrap #head-video-info #head-video-title #head-share { display: inline-block; position: absolute; left: 0; top: 0; line-height: 1; vertical-align: middle; margin: 0; }
.wd #head-video-wrap #head-video-info #head-video-title #head-share, .md #head-video-wrap #head-video-info #head-video-title #head-share, .sm #head-video-wrap #head-video-info #head-video-title #head-share, .tab #head-video-wrap #head-video-info #head-video-title #head-share, .sp #head-video-wrap #head-video-info #head-video-title #head-share { position: static; display: inline-block; margin: 0 0 0 0.5em; }
#head-video-wrap #head-video-info #head-video-title #head-share ul { font-size: 0; }
#head-video-wrap #head-video-info #head-video-title #head-share ul li { display: inline-block; width: 28px; height: 28px; margin: 0 8px 0 0; }
#head-video-wrap #head-video-info #head-video-title #head-share ul li a { display: block; width: 100%; height: 100%; }
#head-video-wrap #head-video-info #head-video-title #head-share ul li svg { width: 100%; height: 100%; }
#head-video-wrap #head-video-info .video-description { width: 660px; margin: 1em auto 1.25em; }
#head-video-wrap #head-video-info .video-description p { font-size: 0.95em; text-indent: 1em; }
#head-video-wrap #head-video-info .video-description p a { color: #1E1E17; padding: 0 0 0; border-bottom: 1px solid transparent; border-bottom: 1px solid rgba(255, 255, 255, 0); -webkit-transition: color 0.1s, border 0.1s; transition: color 0.1s, border 0.1s; }
#head-video-wrap #head-video-info .video-description p a:hover, #head-video-wrap #head-video-info .video-description p a:active { color: #d90000; border-bottom: 1px solid #d90000; -webkit-transition: color 0.1s, border 0.1s; transition: color 0.1s, border 0.1s; }
.wd #head-video-wrap #head-video-info .video-description { width: 660px; }
.md #head-video-wrap #head-video-info .video-description, .sm #head-video-wrap #head-video-info .video-description, .tab #head-video-wrap #head-video-info .video-description, .sp #head-video-wrap #head-video-info .video-description { width: 100%; margin: 1em 0; }

#search-result-wrap { display: inline-block; width: 960px; min-height: 240px; min-height: -o-calc(100vh - 53px - 125px); min-height: -webkit-calc(100vh - 53px - 125px); min-height: calc(100vh - 53px - 125px); padding: 0 0 4em; float: left; margin-bottom: -53px; }
.wd #search-result-wrap { width: 820px; margin-bottom: -53px; }
.md #search-result-wrap { width: 660px; margin-bottom: -53px; }
.sm #search-result-wrap, .tab #search-result-wrap { width: 100%; margin-bottom: 0; padding: 0 0 1.5em; min-height: -o-calc(100vh - 53px - 170px); min-height: -webkit-calc(100vh - 53px - 170px); min-height: calc(100vh - 53px - 170px); }
.sp #search-result-wrap { display: block; width: 92%; margin: 0 auto; padding: 0 0 1.5em; float: none; min-height: -o-calc(100vh - 53px - 170px); min-height: -webkit-calc(100vh - 53px - 170px); min-height: calc(100vh - 53px - 170px); }
#search-result-wrap h2 { display: inline-block; font-size: 1em; margin: 0 0 0.5em; }
#search-result-wrap h2 .word, #search-result-wrap h2 .count { font-weight: bold; }
#search-result-wrap h2 .word { margin: 0 0.5em 0 0; }
#search-result-wrap h2 .count { display: inline-block; margin: 0 0.5em; }
.notfound #search-result-wrap h2 { display: none; }
#search-result-wrap ul#search-result { width: 100%; margin: 1em 0 2.5em; }
#search-result-wrap ul#search-result li { width: 100%; margin: 0 0 12px; padding: 0; font-size: 0; }
.sp #search-result-wrap ul#search-result li { margin: 0 0 24px; }
#search-result-wrap ul#search-result li .video-thumb { font-size: 16px; display: inline-block; width: 242px; position: relative; line-height: 0; cursor: pointer; overflow: hidden; }
.wd #search-result-wrap ul#search-result li .video-thumb { width: 30%; }
.md #search-result-wrap ul#search-result li .video-thumb { width: 34%; }
.sm #search-result-wrap ul#search-result li .video-thumb { width: 28%; }
.tab #search-result-wrap ul#search-result li .video-thumb { width: 28%; }
.sp #search-result-wrap ul#search-result li .video-thumb { width: 100%; }
#search-result-wrap ul#search-result li .video-thumb a { display: block; width: 100%; padding-top: 56.25%; background-image: url("//www.asahicom.jp/video/images/default-noimg.png"); background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative; overflow: hidden; }
#search-result-wrap ul#search-result li .video-thumb a .video-thumb-holder { width: 100%; width: 101%; position: absolute; left: 50%; top: 50%; -ms-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; z-index: 0; }
#search-result-wrap ul#search-result li .video-thumb a .video-thumb-holder img { visibility: hidden; }
#search-result-wrap ul#search-result li .video-thumb a .video-thumb-holder img.show { visibility: visible; }
#search-result-wrap ul#search-result li .video-thumb a:before { content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 16px; border-width: 9px 0 9px 15.6px; border-color: transparent transparent transparent #ffffff; border-color: transparent transparent transparent rgba(255, 255, 255, 0.9); -ms-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: 2; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
#search-result-wrap ul#search-result li .video-thumb a:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
#search-result-wrap ul#search-result li .video-thumb a .video-time { display: inline-block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: auto; left: auto; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); color: #fff; font-size: 0.8rem; line-height: 0.8rem; letter-spacing: .5px; padding: 2px 4px; }
#search-result-wrap ul#search-result li .video-thumb:hover a:before, #search-result-wrap ul#search-result li .video-thumb:focus a:before, #search-result-wrap ul#search-result li .video-thumb:active a:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
#search-result-wrap ul#search-result li .video-thumb:hover a:after, #search-result-wrap ul#search-result li .video-thumb:focus a:after, #search-result-wrap ul#search-result li .video-thumb:active a:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
#search-result-wrap ul#search-result li .video-meta { display: inline-block; font-size: 16px; width: 660px; margin: 0; padding: 0.25em 0 0 1em; vertical-align: top; }
.wd #search-result-wrap ul#search-result li .video-meta { width: 70%; }
.md #search-result-wrap ul#search-result li .video-meta { width: 66%; }
.sm #search-result-wrap ul#search-result li .video-meta { width: 72%; }
.tab #search-result-wrap ul#search-result li .video-meta { width: 72%; }
.sp #search-result-wrap ul#search-result li .video-meta { width: 100%; padding: 0; }
#search-result-wrap ul#search-result li .video-meta .video-title { font-size: 1.05em; line-height: 1.35em; font-weight: bold; }
#search-result-wrap ul#search-result li .video-meta .video-title a { color: #1E1E17; }
#search-result-wrap ul#search-result li .video-meta .video-date { display: inline-block; margin: 0.25em 0 0; }
#search-result-wrap ul#search-result li .video-meta .video-date p { color: #888; font-size: 0.85em; line-height: 1em; vertical-align: middle; }
#search-result-wrap ul#search-result li .video-meta .video-description { margin: 0.25em 0 0; }
#search-result-wrap ul#search-result li .video-meta .video-description p { font-size: 0.85em; line-height: 1.7em; text-indent: 1em; }
#search-result-wrap ul#search-result li .video-meta .video-description p a { color: #888; }
#search-result-wrap #search-notfound { margin: 3.5em auto 0; width: 100%; font-size: 1em; line-height: 1.65em; }
#search-result-wrap #search-notfound .search-notfound-text .word { font-weight: bold; margin: 0 0.5em 0 0; }
#search-result-wrap #search-notfound .search-notfound-hint { width: 100%; margin: 1.5em auto 0; }
#search-result-wrap #search-notfound .search-notfound-hint ul { width: 100%; margin: 1em 0 0; padding: 0 0 0 1em; }
#search-result-wrap #search-notfound .search-notfound-hint ul li { list-style-type: disc; }

.video-category-wrap { width: 960px; margin: 0 0 16px; padding: 0 0 16px; overflow: hidden; border-bottom: 1px solid #eee; }
.video-category-wrap#live-list-wrap h2 { display: inline-block; margin: 0 0 0.65em; }
.video-category-wrap#live-list-wrap h2 .category-title-text { display: block; color: #fff; border: 1px solid #d90000; padding: 5px; font-size: 0.95rem; line-height: 0.95rem; background-color: #d90000; }
.video-category-wrap#live-list-wrap h2 .live-icon { display: block; width: 3rem; line-height: 1rem; }
.video-category-wrap#live-list-wrap h2 .live-icon svg { width: 100%; height: 100%; }
.ie .video-category-wrap#live-list-wrap h2 { margin: 0 0 0.25em; }
.ie .video-category-wrap#live-list-wrap h2 .live-icon { position: relative; width: 3rem; height: 0; padding-top: -o-calc(26/60 * 100%); padding-top: -webkit-calc(26/60 * 100%); padding-top: calc(26/60 * 100%); }
.ie .video-category-wrap#live-list-wrap h2 .live-icon svg { display: block; position: absolute; height: 100%; width: 100%; top: 0; left: 0; }
.sp .video-category-wrap#live-list-wrap ul li .video-meta .pr-tag { left: 0; }
.video-category-wrap#channel-list-wrap h2 { letter-spacing: -6px; }
.video-category-wrap#channel-list-wrap h2 .channel-icon { display: inline-block; letter-spacing: normal; width: 32px; height: 32px; margin: 0 8px 2px 0; overflow: hidden; border-radius: 50%; vertical-align: middle; }
.video-category-wrap#channel-list-wrap h2 .channel-icon img { width: auto; height: 100%; }
.video-category-wrap#channel-list-wrap h2 .category-title-text { display: inline-block; letter-spacing: normal; vertical-align: middle; }
.video-category-wrap#channel-list-wrap h2 .category-title-sub-text { display: inline-block; letter-spacing: normal; vertical-align: middle; }
.video-category-wrap#channel-list-wrap h2 .category-title-sub-text:before { content: ''; display: inline-block; margin: 0 0.65em 0.15em; vertical-align: middle; width: 1px; height: 0.85em; background-color: #dedede; }
.sp .video-category-wrap#channel-list-wrap h2 .category-title-text { width: -o-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px); }
.sp .video-category-wrap#channel-list-wrap h2 .category-title-sub-text { display: block; font-size: 0.9em; margin: 0.75em 0 0.25em; }
.sp .video-category-wrap#channel-list-wrap h2 .category-title-sub-text:before { display: none; }
.video-category-wrap#ranking-list-wrap .rank-update-time { display: inline-block; color: #888; font-size: 0.85em; margin: 0 0 0 0.75em; }
.video-category-wrap#ranking-list-wrap ul li:nth-of-type(n+9) { display: none; }
.video-category-wrap#ranking-list-wrap.all ul li { display: inline-block; }
.sp .video-category-wrap#new-arrivals-list-wrap ul li .video-meta { height: 100%; margin: 0; }
.sp .video-category-wrap#new-arrivals-list-wrap ul li .video-meta .video-title { display: block; width: 100%; height: 100%; }
.sp .video-category-wrap#new-arrivals-list-wrap ul li .video-meta .video-title a { display: block; width: 100%; height: 100%; }
.video-category-wrap#live-list-wrap, .video-category-wrap#recommend-list-wrap { display: inline-block; width: 348px; vertical-align: top; margin: 0px 0 16px 32px; padding: 0 0 8px; float: right; }
.wd .video-category-wrap#live-list-wrap, .wd .video-category-wrap#recommend-list-wrap { width: 328px; }
.md .video-category-wrap#live-list-wrap, .md .video-category-wrap#recommend-list-wrap { width: 296px; margin: 0px 0 16px 24px; padding: 0 0 8px; }
.video-category-wrap#live-list-wrap ul, .video-category-wrap#recommend-list-wrap ul { width: 100%; margin: 0; }
.video-category-wrap#live-list-wrap ul li, .video-category-wrap#recommend-list-wrap ul li { width: 100%; margin: 0 0 12px; padding: 0; font-size: 0; }
.video-category-wrap#live-list-wrap ul li .video-thumb, .video-category-wrap#recommend-list-wrap ul li .video-thumb { font-size: 16px; display: inline-block; width: 158px; }
.video-category-wrap#live-list-wrap ul li .video-meta, .video-category-wrap#recommend-list-wrap ul li .video-meta { font-size: 16px; display: inline-block; width: 190px; vertical-align: top; margin: 0; padding: 0 0 0 8px; }
.video-category-wrap#live-list-wrap ul li .video-meta .video-title, .video-category-wrap#recommend-list-wrap ul li .video-meta .video-title { margin: 0.25em 0 0; }
.wd .video-category-wrap#live-list-wrap ul li .video-thumb, .wd .video-category-wrap#recommend-list-wrap ul li .video-thumb { width: 138px; }
.md .video-category-wrap#live-list-wrap ul li .video-thumb, .md .video-category-wrap#recommend-list-wrap ul li .video-thumb { width: 106px; }
.sm .video-category-wrap#live-list-wrap, .tab .video-category-wrap#live-list-wrap, .sm .video-category-wrap#recommend-list-wrap, .tab .video-category-wrap#recommend-list-wrap { width: 100%; margin: 0 0 16px; padding: 0 0 8px; overflow: hidden; float: none; }
.sm .video-category-wrap#live-list-wrap ul, .tab .video-category-wrap#live-list-wrap ul, .sm .video-category-wrap#recommend-list-wrap ul, .tab .video-category-wrap#recommend-list-wrap ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; font-size: 0; width: 100%; width: -o-calc(100% + 8px); width: -webkit-calc(100% + 8px); width: calc(100% + 8px); margin: 0 0 0 -8px; overflow: hidden; }
.sm .video-category-wrap#live-list-wrap ul li, .tab .video-category-wrap#live-list-wrap ul li, .sm .video-category-wrap#recommend-list-wrap ul li, .tab .video-category-wrap#recommend-list-wrap ul li { display: inline-block; font-size: 16px; width: 20%; width: -o-calc((100% / 4)); width: -webkit-calc((100% / 4)); width: calc((100% / 4)); margin: 0 0 1.25em 0; padding: 0 0 0 8px; }
.ie .sm .video-category-wrap#live-list-wrap ul li, .ie .tab .video-category-wrap#live-list-wrap ul li, .ie .sm .video-category-wrap#recommend-list-wrap ul li, .ie .tab .video-category-wrap#recommend-list-wrap ul li { max-width: 25%; }
.sm .video-category-wrap#live-list-wrap ul li .video-thumb, .tab .video-category-wrap#live-list-wrap ul li .video-thumb, .sm .video-category-wrap#recommend-list-wrap ul li .video-thumb, .tab .video-category-wrap#recommend-list-wrap ul li .video-thumb { width: 100%; }
.sm .video-category-wrap#live-list-wrap ul li .video-meta, .tab .video-category-wrap#live-list-wrap ul li .video-meta, .sm .video-category-wrap#recommend-list-wrap ul li .video-meta, .tab .video-category-wrap#recommend-list-wrap ul li .video-meta { width: 100%; padding: 0; margin: 0.35em 0 0; }
.sm .video-category-wrap#live-list-wrap ul li .video-meta .video-title, .tab .video-category-wrap#live-list-wrap ul li .video-meta .video-title, .sm .video-category-wrap#recommend-list-wrap ul li .video-meta .video-title, .tab .video-category-wrap#recommend-list-wrap ul li .video-meta .video-title { margin: 0; }
.sp .video-category-wrap#live-list-wrap, .sp .video-category-wrap#recommend-list-wrap { display: block; width: 92%; margin: 0 auto 16px; padding: 0 0 8px; float: none; }
.sp .video-category-wrap#live-list-wrap ul li, .sp .video-category-wrap#recommend-list-wrap ul li { font-size: 16px; margin: 0 0 1em 0; padding: 0; }
.sp .video-category-wrap#live-list-wrap ul li .video-thumb, .sp .video-category-wrap#recommend-list-wrap ul li .video-thumb { display: block; width: 100%; }
.sp .video-category-wrap#live-list-wrap ul li .video-meta, .sp .video-category-wrap#recommend-list-wrap ul li .video-meta { width: 100%; padding: 0; margin: 0.35em 0 0; }
.sp .video-category-wrap#live-list-wrap ul li .video-meta .video-title, .sp .video-category-wrap#recommend-list-wrap ul li .video-meta .video-title { margin: 0; }
.search.sm .video-category-wrap#live-list-wrap, .search.tab .video-category-wrap#live-list-wrap, .search.sp .video-category-wrap#live-list-wrap, .search.sm .video-category-wrap#recommend-list-wrap, .search.tab .video-category-wrap#recommend-list-wrap, .search.sp .video-category-wrap#recommend-list-wrap { display: none; }
.sp .video-category-wrap#channel-list-wrap ul, .sp .video-category-wrap#ranking-list-wrap ul, .sp .video-category-wrap#live-list-wrap ul, .sp .video-category-wrap#recommend-list-wrap ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; font-size: 0; width: 100%; width: -o-calc(100% + 8px); width: -webkit-calc(100% + 8px); width: calc(100% + 8px); margin: 0 0 0 -8px; overflow: hidden; }
.sp .video-category-wrap#channel-list-wrap ul li, .sp .video-category-wrap#ranking-list-wrap ul li, .sp .video-category-wrap#live-list-wrap ul li, .sp .video-category-wrap#recommend-list-wrap ul li { display: inline-block; font-size: 16px; line-height: 1; width: 100%; width: -o-calc((100% / 1)); width: -webkit-calc((100% / 1)); width: calc((100% / 1)); padding: 0 0 0 8px; position: relative; }
.sp .video-category-wrap#channel-list-wrap ul li:nth-of-type(n+9), .sp .video-category-wrap#ranking-list-wrap ul li:nth-of-type(n+9), .sp .video-category-wrap#live-list-wrap ul li:nth-of-type(n+9), .sp .video-category-wrap#recommend-list-wrap ul li:nth-of-type(n+9) { display: none; }
.sp .video-category-wrap#channel-list-wrap ul li .video-thumb, .sp .video-category-wrap#ranking-list-wrap ul li .video-thumb, .sp .video-category-wrap#live-list-wrap ul li .video-thumb, .sp .video-category-wrap#recommend-list-wrap ul li .video-thumb { display: block; width: 100%; }
.sp .video-category-wrap#channel-list-wrap ul li .video-meta, .sp .video-category-wrap#ranking-list-wrap ul li .video-meta, .sp .video-category-wrap#live-list-wrap ul li .video-meta, .sp .video-category-wrap#recommend-list-wrap ul li .video-meta { width: 100%; padding: 0; margin: 0.35em 0 0; }
.sp .video-category-wrap#channel-list-wrap ul li .video-meta .video-title, .sp .video-category-wrap#ranking-list-wrap ul li .video-meta .video-title, .sp .video-category-wrap#live-list-wrap ul li .video-meta .video-title, .sp .video-category-wrap#recommend-list-wrap ul li .video-meta .video-title { margin: 0; }
.sp .video-category-wrap#channel-list-wrap.all ul li, .sp .video-category-wrap#ranking-list-wrap.all ul li, .sp .video-category-wrap#live-list-wrap.all ul li, .sp .video-category-wrap#recommend-list-wrap.all ul li { display: inline-block; }
.wd .video-category-wrap { width: 820px; }
.md .video-category-wrap { width: 660px; }
.sm .video-category-wrap, .tab .video-category-wrap { width: 100%; }
.sp .video-category-wrap { display: block; width: 92%; margin: 0 auto 16px; padding: 0 0 8px; }
.video-category-wrap h2 { display: inline-block; font-size: 1.15em; line-height: 1.15em; font-weight: bold; margin: 0 0 0.5rem; }
.video-category-wrap h2 a { color: #1E1E17; padding-right: 0.85em; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22cat-link-arw-svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2260px%22%20height%3D%2294px%22%20viewBox%3D%220%200%2060%2094%22%20enable-background%3D%22new%200%200%2060%2094%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%231D1D16%22%20points%3D%2213.01%2C93.58%200.28%2C80.85%2034.17%2C46.96%200.28%2C13.07%2013.01%2C0.34%2059.63%2C46.96%20%22%2F%3E%3C%2Fsvg%3E"); background-position: 100% 50%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; -webkit-background-size: 0.6em 0.6em; background-size: 0.6em 0.6em; }
.video-category-wrap h2 .category-title-text.channel:before { content: ''; display: inline-block; width: 1.35em; height: 1.35em; margin: 0 0.5em 3px 0; vertical-align: middle; background-image: url("https://www.asahicom.jp/video/images/channel-icon.png"); background-position: 0 50%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; }
.video-category-wrap ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; font-size: 0; width: 100%; width: -o-calc(100% + 8px); width: -webkit-calc(100% + 8px); width: calc(100% + 8px); margin: 0 0 0 -8px; overflow: hidden; }
.video-category-wrap ul li { display: inline-block; font-size: 16px; line-height: 1; width: 20%; width: -o-calc((100% / 4)); width: -webkit-calc((100% / 4)); width: calc((100% / 4)); margin: 0 0 1.25em 0; padding: 0 0 0 8px; position: relative; }
.sm .video-category-wrap ul li { width: -o-calc((100% / 4)); width: -webkit-calc((100% / 4)); width: calc((100% / 4)); }
.ie .sm .video-category-wrap ul li { max-width: 25%; }
.tab .video-category-wrap ul li { width: -o-calc((100% / 4)); width: -webkit-calc((100% / 4)); width: calc((100% / 4)); }
.ie .tab .video-category-wrap ul li { max-width: 25%; }
.sp .video-category-wrap ul li { width: -o-calc((100% / 1)); width: -webkit-calc((100% / 1)); width: calc((100% / 1)); font-size: 0; margin: 0 0 12px; }
.sp .video-category-wrap ul li .video-thumb { display: inline-block; font-size: 16px; width: 48%; vertical-align: bottom; }
.sp .video-category-wrap ul li .video-meta { display: inline-block; font-size: 16px; width: 52%; margin: 0; padding: 0.25em 0 0 0.5em; vertical-align: top; }
.video-category-wrap ul li .video-thumb { width: 100%; position: relative; line-height: 0; cursor: pointer; overflow: hidden; }
.video-category-wrap ul li .video-thumb a { display: block; width: 100%; padding-top: 56.25%; background-image: url("//www.asahicom.jp/video/images/default-noimg.png"); background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative; overflow: hidden; }
.video-category-wrap ul li .video-thumb a .video-thumb-holder { width: 100%; width: 101%; position: absolute; left: 50%; top: 50%; -ms-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; z-index: 0; }
.video-category-wrap ul li .video-thumb a .video-thumb-holder img { visibility: hidden; }
.video-category-wrap ul li .video-thumb a .video-thumb-holder img.show { visibility: visible; }
.video-category-wrap ul li .video-thumb a:before { content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 16px; border-width: 9px 0 9px 15.6px; border-color: transparent transparent transparent #ffffff; border-color: transparent transparent transparent rgba(255, 255, 255, 0.9); -ms-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: 2; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.video-category-wrap ul li .video-thumb a:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.video-category-wrap ul li .video-thumb a .video-time { display: inline-block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: auto; left: auto; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); color: #fff; font-size: 0.8rem; line-height: 0.8rem; letter-spacing: .5px; padding: 2px 4px; }
.video-category-wrap ul li .video-thumb:hover a:before, .video-category-wrap ul li .video-thumb:focus a:before, .video-category-wrap ul li .video-thumb:active a:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.video-category-wrap ul li .video-thumb:hover a:after, .video-category-wrap ul li .video-thumb:focus a:after, .video-category-wrap ul li .video-thumb:active a:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.video-category-wrap ul li .video-meta { margin: 0.35em 0 0; }
.video-category-wrap ul li .video-meta .video-tag-holder { position: relative; font-size: 0; }
.sm .video-category-wrap ul li .video-meta .video-tag-holder, .tab .video-category-wrap ul li .video-meta .video-tag-holder, .sp .video-category-wrap ul li .video-meta .video-tag-holder { position: absolute; left: 8px; top: 0; }
.video-category-wrap ul li .video-meta .video-tag-holder .video-tag { display: inline-block; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 12.8px; font-size: 0.8rem; line-height: 12.8px; line-height: 0.8rem; letter-spacing: .5px; font-weight: bold; margin: 0 0.35rem 0.25rem 0; padding: 4px 5px 3px; background-color: #a0a0a0; vertical-align: top; }
.video-category-wrap ul li .video-meta .video-tag-holder .video-tag.pr { background-color: #a0a0a0; }
.video-category-wrap ul li .video-meta .video-tag-holder .video-tag.live { background-color: #d90000; }
.video-category-wrap ul li .video-meta .pr-tag { display: inline-block; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 0.8rem; line-height: 0.8rem; letter-spacing: .5px; margin: 0 0 0.25em; padding: 4px 5px 3px; background-color: #a0a0a0; vertical-align: top; }
.sm .video-category-wrap ul li .video-meta .pr-tag, .tab .video-category-wrap ul li .video-meta .pr-tag, .sp .video-category-wrap ul li .video-meta .pr-tag { position: absolute; left: 8px; top: 0; }
.video-category-wrap ul li .video-meta .video-title { font-size: 0.85em; line-height: 1.35em; }
.video-category-wrap ul li .video-meta .video-title a { color: #1E1E17; }
.tab .video-category-wrap ul li .video-meta .video-title, .sp .video-category-wrap ul li .video-meta .video-title { font-size: 0.8em; }
.video-category-wrap ul li .rank-number { width: 100%; text-align: center; line-height: 1; margin: 0.25em 0; display: table; width: 1.5rem; height: 1.5rem; margin: 0; text-align: center; font-size: 0.95rem; line-height: 0.95rem; position: absolute; left: 8px; top: 0; background-color: #D90000; z-index: 10; }
.video-category-wrap ul li .rank-number .number { color: #fff; font-size: 0.95rem; line-height: 0.95rem; font-weight: bold; display: table-cell; vertical-align: middle; }

#channel-collections-wrap { width: 960px; margin: 0 0 16px; padding: 0 0 16px; overflow: hidden; border-bottom: 1px solid #eee; }
.wd #channel-collections-wrap { width: 820px; }
.md #channel-collections-wrap { width: 660px; }
.sm #channel-collections-wrap, .tab #channel-collections-wrap { width: 100%; }
.sp #channel-collections-wrap { display: block; width: 92%; margin: 0 auto 16px; padding: 0 0 8px; }
#channel-collections-wrap h2 { display: inline-block; font-size: 1.15em; line-height: 1; font-weight: bold; margin: 0 0 0.5em; }
#channel-collections-wrap h2 .channel-title-text:before { content: ''; display: inline-block; width: 32px; height: 32px; margin: 0 0.4em 4px 0; vertical-align: middle; background-image: url("https://www.asahicom.jp/video/images/channel-icon.png"); background-position: 0 50%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; border-radius: 50%; }
#channel-collections-wrap ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; font-size: 0; width: 100%; width: -o-calc(100% + 8px); width: -webkit-calc(100% + 8px); width: calc(100% + 8px); margin: 0 0 0 -8px; overflow: hidden; }
.sp #channel-collections-wrap ul { width: 100%; margin: 0; }
#channel-collections-wrap ul li { display: inline-block; font-size: 16px; line-height: 1; width: -o-calc(((100% - 32px) / 4)); width: -webkit-calc(((100% - 32px) / 4)); width: calc(((100% - 32px) / 4)); margin: 0 0 1.25em 8px; padding: 0; position: relative; background-color: #f4f4f4; border-bottom: 1px solid #e6e6e2; }
.ie #channel-collections-wrap ul li { width: -o-calc(((100% - 33px) / 4)); width: -webkit-calc(((100% - 33px) / 4)); width: calc(((100% - 33px) / 4)); }
.sp #channel-collections-wrap ul li { width: 100%; font-size: 0; margin: 0 0 12px; }
.sp #channel-collections-wrap ul li .channel-thumb { width: 100%; }
.sp #channel-collections-wrap ul li .channel-meta { display: block; font-size: 16px; width: 100%; margin: 0; }
#channel-collections-wrap ul li .channel-thumb { width: 100%; position: relative; line-height: 0; cursor: pointer; overflow: hidden; background-color: #fff; }
#channel-collections-wrap ul li .channel-thumb a { display: block; width: 100%; padding-top: 56.25%; background-image: url("//www.asahicom.jp/video/images/default-noimg.png"); background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative; overflow: hidden; }
#channel-collections-wrap ul li .channel-thumb a .channel-thumb-holder { width: 100%; width: 101%; position: absolute; left: 50%; top: 50%; -ms-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; z-index: 0; }
#channel-collections-wrap ul li .channel-thumb a .channel-thumb-holder img { visibility: hidden; }
#channel-collections-wrap ul li .channel-thumb a .channel-thumb-holder img.show { visibility: visible; }
#channel-collections-wrap ul li .channel-thumb:hover a:before, #channel-collections-wrap ul li .channel-thumb:focus a:before, #channel-collections-wrap ul li .channel-thumb:active a:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
#channel-collections-wrap ul li .channel-thumb:hover a:after, #channel-collections-wrap ul li .channel-thumb:focus a:after, #channel-collections-wrap ul li .channel-thumb:active a:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
#channel-collections-wrap ul li .channel-meta { margin: 0 0 0; }
#channel-collections-wrap ul li .channel-meta a { display: block; width: 100%; height: 100%; padding: 0.5em; }
#channel-collections-wrap ul li .channel-meta .channel-title { color: #1E1E17; font-size: 0.875em; line-height: 1.35em; }
#channel-collections-wrap ul li .channel-meta .channel-title a { color: #1E1E17; }
#channel-collections-wrap ul li .channel-meta .channel-list-item { margin: 0.55em 0 0; color: #888; font-size: 0.8em; line-height: 1; }

.article-more-button, .category-more-button { width: 50%; margin: 12px auto; cursor: pointer; display: block; visibility: visible; opacity: 1; text-align: center; -webkit-transition: opacity 0.2s, visibility 0.2s; transition: opacity 0.2s, visibility 0.2s; }
.notfound .article-more-button, .notfound .category-more-button { display: none; }
.sp .article-more-button, .sp .category-more-button { width: 100%; }
.article-more-button.hide, .category-more-button.hide { visibility: hidden; opacity: 0; height: 0; -webkit-transition: opacity 0.2s, visibility 0.2s; transition: opacity 0.2s, visibility 0.2s; }
.article-more-button button, .article-more-button .channel-link, .category-more-button button, .category-more-button .channel-link { outline: none; display: block; width: 100%; padding: 1.25em 0; font-size: 14px; font-size: 0.85rem; line-height: 1; cursor: pointer; background-color: #f4f4f4; border: 1px solid #D7D7D0; border: 1px solid #e6e6e2; border-radius: 2px; color: #444; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; }
.article-more-button button a, .article-more-button .channel-link a, .category-more-button button a, .category-more-button .channel-link a { color: #444; display: block; }
.article-more-button:hover button, .article-more-button:hover .channel-link, .article-more-button:focus button, .article-more-button:focus .channel-link, .article-more-button:active button, .article-more-button:active .channel-link, .category-more-button:hover button, .category-more-button:hover .channel-link, .category-more-button:focus button, .category-more-button:focus .channel-link, .category-more-button:active button, .category-more-button:active .channel-link { background-color: #e6e6e2; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; }

.article-more-button button { padding: 0; }
.article-more-button button a { padding: 1.25em 0; }

.no-js .jsNn { display: table; position: fixed; left: 0; top: 0; width: 100%; height: 100%; height: 100vh; background-color: rgba(255, 255, 255, 0.95); text-align: center; z-index: 1001; padding: 33vh 0 0; }
.no-js .jsNn p { display: block; vertical-align: middle; font-size: 1.05rem; line-height: 2rem; font-weight: bold; }

.jsNn { display: none; }

.ht { position: absolute; top: 0; left: 0; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(0px 0px 99.9% 99.9%); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; }

.clearfix, #header #headerInner, #sectionBtm #Footer .AboutSite ul, #wrapper, #wrapper.channel_index #main-contents, #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info, #head-video-wrap #head-video-info { *zoom: 1; }
.clearfix:after, #header #headerInner:after, #sectionBtm #Footer .AboutSite ul:after, #wrapper:after, #wrapper.channel_index #main-contents:after, #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info:after, #head-video-wrap #head-video-info:after { clear: both; content: ""; display: table; }
.clearfix:before, #header #headerInner:before, #sectionBtm #Footer .AboutSite ul:before, #wrapper:before, #wrapper.channel_index #main-contents:before, #wrapper.channel_index #main-contents #channel-main-wrap #head-video-wrap #head-video-info:before, #head-video-wrap #head-video-info:before { content: ""; display: table; }