html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; font-size: 100%; vertical-align: baseline; } body { line-height: 1; color: #000; background: #fff; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; vertical-align: middle; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } a img { border: none; } @font-face { font-family: "ico-12"; src: url("../images/shapes/ico-12-d58aa4b692e8124d943b2cb76bcf4bc2.eot"); font-weight: normal; font-style: normal; } @font-face { font-family: "ico-12"; src: url("../images/shapes/ico-12-d58aa4b692e8124d943b2cb76bcf4bc2.eot"); src: url("../images/shapes/ico-12-d58aa4b692e8124d943b2cb76bcf4bc2.eot?#iefix") format("embedded-opentype"), url("../images/shapes/ico-12-d58aa4b692e8124d943b2cb76bcf4bc2.woff") format("woff"), url("../images/shapes/ico-12-d58aa4b692e8124d943b2cb76bcf4bc2.ttf") format("truetype"); font-weight: normal; font-style: normal; } ._icon-12 { font-family: "ico-12"; display: inline-block; vertical-align: middle; line-height: 1; font-weight: normal; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ._icon-12._icon-button-add:before { content: "\f101"; } ._icon-12._icon-close:before { content: "\f102"; } ._icon-12._icon-history:before { content: "\f103"; } ._icon-12._icon-reply:before { content: "\f104"; } ._icon-12._icon-up:before { content: "\f105"; } @font-face { font-family: "ico-14"; src: url("../images/shapes/ico-14-90e7b106d37583d316f2a908490abd94.eot"); font-weight: normal; font-style: normal; } @font-face { font-family: "ico-14"; src: url("../images/shapes/ico-14-90e7b106d37583d316f2a908490abd94.eot"); src: url("../images/shapes/ico-14-90e7b106d37583d316f2a908490abd94.eot?#iefix") format("embedded-opentype"), url("../images/shapes/ico-14-90e7b106d37583d316f2a908490abd94.woff") format("woff"), url("../images/shapes/ico-14-90e7b106d37583d316f2a908490abd94.ttf") format("truetype"); font-weight: normal; font-style: normal; } ._icon-14 { font-family: "ico-14"; display: inline-block; vertical-align: middle; line-height: 1; font-weight: normal; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ._icon-14._icon-hint:before { content: "\f101"; } ._icon-14._icon-info:before { content: "\f102"; } ._icon-14._icon-rank-stay:before { content: "\f103"; } ._icon-14._icon-tag-tmp:before { content: "\f104"; } ._icon-14._icon-tag:before { content: "\f105"; } @font-face { font-family: "ico-20"; src: url("../images/shapes/ico-20-1880a81c78f08aa4903f2ee12102a71f.eot"); font-weight: normal; font-style: normal; } @font-face { font-family: "ico-20"; src: url("../images/shapes/ico-20-1880a81c78f08aa4903f2ee12102a71f.eot"); src: url("../images/shapes/ico-20-1880a81c78f08aa4903f2ee12102a71f.eot?#iefix") format("embedded-opentype"), url("../images/shapes/ico-20-1880a81c78f08aa4903f2ee12102a71f.woff") format("woff"), url("../images/shapes/ico-20-1880a81c78f08aa4903f2ee12102a71f.ttf") format("truetype"); font-weight: normal; font-style: normal; } ._icon-20 { font-family: "ico-20"; display: inline-block; vertical-align: middle; line-height: 1; font-weight: normal; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ._icon-20._icon-add:before { content: "\f101"; } ._icon-20._icon-bookmark:before { content: "\f102"; } ._icon-20._icon-comment:before { content: "\f103"; } ._icon-20._icon-dot:before { content: "\f104"; } ._icon-20._icon-exit-full-size:before { content: "\f105"; } ._icon-20._icon-expand-image:before { content: "\f106"; } ._icon-20._icon-feed:before { content: "\f107"; } ._icon-20._icon-files:before { content: "\f108"; } ._icon-20._icon-fit-image:before { content: "\f109"; } ._icon-20._icon-full-size:before { content: "\f10a"; } ._icon-20._icon-home:before { content: "\f10b"; } ._icon-20._icon-illust:before { content: "\f10c"; } ._icon-20._icon-left:before { content: "\f10d"; } ._icon-20._icon-ltr:before { content: "\f10e"; } ._icon-20._icon-manga:before { content: "\f10f"; } ._icon-20._icon-novel:before { content: "\f110"; } ._icon-20._icon-right:before { content: "\f111"; } ._icon-20._icon-rtl:before { content: "\f112"; } ._icon-20._icon-smile:before { content: "\f113"; } ._icon-20._icon-star:before { content: "\f114"; } ._icon-20._icon-thumbnail-view:before { content: "\f115"; } ._icon-20._icon-ugoku-illust:before { content: "\f116"; } ._icon-20._icon-up:before { content: "\f117"; } ._icon-20._icon-upload:before { content: "\f118"; } @font-face { font-family: "pico-12"; src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"); font-weight: normal; font-style: normal; } ._pico-12 { font-family: "pico-12"; display: inline-block; vertical-align: middle; line-height: 1; font-weight: normal; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ._pico-12._icon-0following:before { content: "\f101"; } ._pico-12._icon-add:before { content: "\f102"; } ._pico-12._icon-asc:before { content: "\f103"; } ._pico-12._icon-check:before { content: "\f104"; } ._pico-12._icon-desc:before { content: "\f105"; } ._pico-12._icon-detail:before { content: "\f106"; } ._pico-12._icon-down:before { content: "\f107"; } ._pico-12._icon-following:before { content: "\f108"; } ._pico-12._icon-images:before { content: "\f109"; } ._pico-12._icon-like:before { content: "\f10a"; } ._pico-12._icon-menu:before { content: "\f10b"; } ._pico-12._icon-next:before { content: "\f10c"; } ._pico-12._icon-play:before { content: "\f10d"; } ._pico-12._icon-prev:before { content: "\f10e"; } ._pico-12._icon-remove:before { content: "\f10f"; } ._pico-12._icon-search:before { content: "\f110"; } ._pico-12._icon-smile:before { content: "\f111"; } ._pico-12._icon-tag:before { content: "\f112"; } ._pico-12._icon-works:before { content: "\f113"; } @font-face { font-family: "pico-20"; src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"); font-weight: normal; font-style: normal; } ._pico-20 { font-family: "pico-20"; display: inline-block; vertical-align: middle; line-height: 1; font-weight: normal; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ._pico-20._icon-add:before { content: "\f101"; } ._pico-20._icon-back-to-top:before { content: "\f102"; } ._pico-20._icon-back:before { content: "\f103"; } ._pico-20._icon-crown:before { content: "\f104"; } ._pico-20._icon-dot:before { content: "\f105"; } ._pico-20._icon-explicit:before { content: "\f106"; } ._pico-20._icon-like-private:before { content: "\f107"; } ._pico-20._icon-like:before { content: "\f108"; } ._pico-20._icon-limited:before { content: "\f109"; } ._pico-20._icon-logo-facebook:before { content: "\f10a"; } ._pico-20._icon-logo-instagram:before { content: "\f10b"; } ._pico-20._icon-logo-tumblr:before { content: "\f10c"; } ._pico-20._icon-logo-twitter:before { content: "\f10d"; } ._pico-20._icon-logo:before { content: "\f10e"; } ._pico-20._icon-menu:before { content: "\f10f"; } ._pico-20._icon-new:before { content: "\f110"; } ._pico-20._icon-next:before { content: "\f111"; } ._pico-20._icon-pencil:before { content: "\f112"; } ._pico-20._icon-prev:before { content: "\f113"; } ._pico-20._icon-rating:before { content: "\f114"; } ._pico-20._icon-report:before { content: "\f115"; } ._pico-20._icon-search:before { content: "\f116"; } ._pico-20._icon-send:before { content: "\f117"; } ._pico-20._icon-sketch:before { content: "\f118"; } ._pico-20._icon-smile:before { content: "\f119"; } ._pico-20._icon-star:before { content: "\f11a"; } @font-face { font-family: "pico-30"; src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"); font-weight: normal; font-style: normal; } ._pico-30 { font-family: "pico-30"; display: inline-block; vertical-align: middle; line-height: 1; font-weight: normal; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ._pico-30._icon-bookmark:before { content: "\f101"; } ._pico-30._icon-close:before { content: "\f102"; } ._pico-30._icon-collapse:before { content: "\f103"; } ._pico-30._icon-comment:before { content: "\f104"; } ._pico-30._icon-dashboard:before { content: "\f105"; } ._pico-30._icon-display-settings:before { content: "\f106"; } ._pico-30._icon-dot:before { content: "\f107"; } ._pico-30._icon-expand:before { content: "\f108"; } ._pico-30._icon-home:before { content: "\f109"; } ._pico-30._icon-illust:before { content: "\f10a"; } ._pico-30._icon-image:before { content: "\f10b"; } ._pico-30._icon-like:before { content: "\f10c"; } ._pico-30._icon-logo-circle_ms:before { content: "\f10d"; } ._pico-30._icon-logo-facebook:before { content: "\f10e"; } ._pico-30._icon-logo-instagram:before { content: "\f10f"; } ._pico-30._icon-logo-tumblr:before { content: "\f110"; } ._pico-30._icon-logo-twitter:before { content: "\f111"; } ._pico-30._icon-manga:before { content: "\f112"; } ._pico-30._icon-next:before { content: "\f113"; } ._pico-30._icon-novel:before { content: "\f114"; } ._pico-30._icon-popboard:before { content: "\f115"; } ._pico-30._icon-prev:before { content: "\f116"; } ._pico-30._icon-questionnaire:before { content: "\f117"; } ._pico-30._icon-reply:before { content: "\f118"; } ._pico-30._icon-report:before { content: "\f119"; } ._pico-30._icon-send:before { content: "\f11a"; } ._pico-30._icon-settings:before { content: "\f11b"; } ._pico-30._icon-star:before { content: "\f11c"; } ._pico-30._icon-twitter:before { content: "\f11d"; } ._pico-30._icon-ugoku-illust:before { content: "\f11e"; } ._pico-30._icon-upload:before { content: "\f11f"; } ._pico-30._icon-view:before { content: "\f120"; } ._pico-12 { font-size: 12px; color: #b3b3b3; } ._pico-12.size-2x { font-size: 24px; } ._pico-20 { font-size: 20px; color: #b3b3b3; } ._pico-20.size-2x { font-size: 40px; } ._pico-30 { font-size: 30px; color: #b3b3b3; } ._pico-30.size-2x { font-size: 60px; } @-moz-keyframes fade-in { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } to { opacity: 1; -ms-filter: none; filter: none; } } @-webkit-keyframes fade-in { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } to { opacity: 1; -ms-filter: none; filter: none; } } @-o-keyframes fade-in { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } to { opacity: 1; -ms-filter: none; filter: none; } } @keyframes fade-in { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } to { opacity: 1; -ms-filter: none; filter: none; } } @-moz-keyframes guide-fade-in-up { 0% { margin-top: 15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { margin-top: 15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { margin-top: 0; opacity: 1; -ms-filter: none; filter: none; } } @-webkit-keyframes guide-fade-in-up { 0% { margin-top: 15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { margin-top: 15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { margin-top: 0; opacity: 1; -ms-filter: none; filter: none; } } @-o-keyframes guide-fade-in-up { 0% { margin-top: 15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { margin-top: 15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { margin-top: 0; opacity: 1; -ms-filter: none; filter: none; } } @keyframes guide-fade-in-up { 0% { margin-top: 15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { margin-top: 15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { margin-top: 0; opacity: 1; -ms-filter: none; filter: none; } } @-moz-keyframes guide-fade-in-down { 0% { margin-top: -15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { margin-top: -15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { margin-top: 0; opacity: 1; -ms-filter: none; filter: none; } } @-webkit-keyframes guide-fade-in-down { 0% { margin-top: -15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { margin-top: -15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { margin-top: 0; opacity: 1; -ms-filter: none; filter: none; } } @-o-keyframes guide-fade-in-down { 0% { margin-top: -15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { margin-top: -15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { margin-top: 0; opacity: 1; -ms-filter: none; filter: none; } } @keyframes guide-fade-in-down { 0% { margin-top: -15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { margin-top: -15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { margin-top: 0; opacity: 1; -ms-filter: none; filter: none; } } @-moz-keyframes guide-fade-in-left { 0% { margin-left: 15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { margin-left: 15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { margin-left: 0; opacity: 1; -ms-filter: none; filter: none; } } @-webkit-keyframes guide-fade-in-left { 0% { margin-left: 15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { margin-left: 15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { margin-left: 0; opacity: 1; -ms-filter: none; filter: none; } } @-o-keyframes guide-fade-in-left { 0% { margin-left: 15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { margin-left: 15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { margin-left: 0; opacity: 1; -ms-filter: none; filter: none; } } @keyframes guide-fade-in-left { 0% { margin-left: 15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { margin-left: 15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { margin-left: 0; opacity: 1; -ms-filter: none; filter: none; } } @-moz-keyframes guide-fade-in-right { 0% { margin-left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { margin-left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { margin-left: 15px; opacity: 1; -ms-filter: none; filter: none; } } @-webkit-keyframes guide-fade-in-right { 0% { margin-left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { margin-left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { margin-left: 15px; opacity: 1; -ms-filter: none; filter: none; } } @-o-keyframes guide-fade-in-right { 0% { margin-left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { margin-left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { margin-left: 15px; opacity: 1; -ms-filter: none; filter: none; } } @keyframes guide-fade-in-right { 0% { margin-left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { margin-left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { margin-left: 15px; opacity: 1; -ms-filter: none; filter: none; } } @-moz-keyframes guide-scroll-down { 0% { top: -5px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 20% { opacity: 1; -ms-filter: none; filter: none; } 60% { opacity: 1; -ms-filter: none; filter: none; } 100% { top: 15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-webkit-keyframes guide-scroll-down { 0% { top: -5px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 20% { opacity: 1; -ms-filter: none; filter: none; } 60% { opacity: 1; -ms-filter: none; filter: none; } 100% { top: 15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-o-keyframes guide-scroll-down { 0% { top: -5px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 20% { opacity: 1; -ms-filter: none; filter: none; } 60% { opacity: 1; -ms-filter: none; filter: none; } 100% { top: 15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @keyframes guide-scroll-down { 0% { top: -5px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 20% { opacity: 1; -ms-filter: none; filter: none; } 60% { opacity: 1; -ms-filter: none; filter: none; } 100% { top: 15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-moz-keyframes modal-header-fade-in { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } 1% { height: 42px; } 100% { opacity: 1; -ms-filter: none; filter: none; height: 42px; } } @-webkit-keyframes modal-header-fade-in { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } 1% { height: 42px; } 100% { opacity: 1; -ms-filter: none; filter: none; height: 42px; } } @-o-keyframes modal-header-fade-in { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } 1% { height: 42px; } 100% { opacity: 1; -ms-filter: none; filter: none; height: 42px; } } @keyframes modal-header-fade-in { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } 1% { height: 42px; } 100% { opacity: 1; -ms-filter: none; filter: none; height: 42px; } } @-moz-keyframes modal-header-fade-out { 0% { opacity: 1; -ms-filter: none; filter: none; height: 42px; } 99% { height: 42px; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } } @-webkit-keyframes modal-header-fade-out { 0% { opacity: 1; -ms-filter: none; filter: none; height: 42px; } 99% { height: 42px; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } } @-o-keyframes modal-header-fade-out { 0% { opacity: 1; -ms-filter: none; filter: none; height: 42px; } 99% { height: 42px; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } } @keyframes modal-header-fade-out { 0% { opacity: 1; -ms-filter: none; filter: none; height: 42px; } 99% { height: 42px; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } } @-moz-keyframes tab-navigation-fade-in { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } 1% { height: 30px; } 100% { opacity: 1; -ms-filter: none; filter: none; height: 30px; } } @-webkit-keyframes tab-navigation-fade-in { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } 1% { height: 30px; } 100% { opacity: 1; -ms-filter: none; filter: none; height: 30px; } } @-o-keyframes tab-navigation-fade-in { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } 1% { height: 30px; } 100% { opacity: 1; -ms-filter: none; filter: none; height: 30px; } } @keyframes tab-navigation-fade-in { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } 1% { height: 30px; } 100% { opacity: 1; -ms-filter: none; filter: none; height: 30px; } } @-moz-keyframes tab-navigation-fade-out { 0% { opacity: 1; -ms-filter: none; filter: none; height: 30px; } 99% { height: 30px; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } } @-webkit-keyframes tab-navigation-fade-out { 0% { opacity: 1; -ms-filter: none; filter: none; height: 30px; } 99% { height: 30px; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } } @-o-keyframes tab-navigation-fade-out { 0% { opacity: 1; -ms-filter: none; filter: none; height: 30px; } 99% { height: 30px; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } } @keyframes tab-navigation-fade-out { 0% { opacity: 1; -ms-filter: none; filter: none; height: 30px; } 99% { height: 30px; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } } ::-webkit-input-placeholder { color: #ccc; } :-moz-placeholder { opacity: 1; -ms-filter: none; filter: none; color: #ccc; } ::-moz-placeholder { opacity: 1; -ms-filter: none; filter: none; color: #ccc; } :-ms-input-placeholder { color: #ccc; } html { -webkit-font-smoothing: subpixel-antialiased; } html._has-background body { padding-top: 150px; } html body.suppress-bg { background-image: none !important; } body { word-wrap: break-word; overflow-wrap: break-word; padding-top: 50px; font-size: 12px; line-height: 18px; font-family: "Helvetica Neue", "arial", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #555; background-color: #fff; background-attachment: fixed; background-position: top; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } a { color: #65c7e9; text-decoration: none; } a:hover { color: #74cceb; } a:visited { color: #83d2ed; } a._current { font-weight: bold; color: #555; } img { vertical-align: top; } hr { clear: both; height: 1px; margin: 0 20px; background-color: #ddd; border: none; } textarea { vertical-align: top; } textarea:focus { outline: none; } button { -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; cursor: pointer; } ._hidden { display: none !important; } ._clickable { color: #65c7e9; cursor: pointer; } ._unit { position: relative; padding-top: 30px; } ._footer { clear: both; padding: 20px 0; text-align: center; color: #fff; background-color: #554d59; } ._footer .copyright { color: #999; } ._label-container { padding: 30px 20px; text-align: center; } ._label-container .description { margin-top: 10px; color: #999; line-height: 1; } ._title { display: inline-block; font-size: 20px; font-weight: bold; line-height: 1; vertical-align: top; color: #4d4d4d; } ._title-small { font-size: 16px; font-weight: bold; line-height: 1; color: #4d4d4d; } ._section-title { padding: 30px 0; text-align: center; font-size: 16px; font-weight: bold; line-height: 1; color: #757c80; } ._label, ._sub-label { display: inline-block; margin: 0 0 6px; font-size: 14px; line-height: 18px; color: #777; } ._label + ._count, ._sub-label + ._count { margin-left: 2px; line-height: 14px; } ._sub-label { font-size: 12px; } ._with-shadow { -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1); } ._count { line-height: 18px; font-size: 12px; color: color-count-background; } ._badge { background-color: #84d2ed; color: #fff; } ._count-badge { color: #84d2ed; } ._badge, ._count-badge { display: inline-block; margin-left: 4px; padding: 0 6px; line-height: 18px; font-size: 12px; vertical-align: top; -webkit-border-radius: 9px; border-radius: 9px; } ._no-scroll { overflow: hidden; overflow-x: hidden; overflow-y: hidden; } ._action-button { -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -ms-transition: background-color 0.2s; transition: background-color 0.2s; display: inline-block; margin: 0; padding: 0 8px; font-size: 14px; line-height: 26px; color: #fff; background-color: #25c6ff; border: none; -webkit-border-radius: 4px; border-radius: 4px; } ._action-button:visited { color: #fff; } ._action-button:hover { background-color: #50d1ff; } ._action-button.negative { background-color: #ccc; } ._action-button.icon { padding: 2px 8px; line-height: 20px; color: #fff; } ._action-button.large { padding: 0 10px; line-height: 30px; font-size: 14px; } ._action-button i { color: #fff; } ._icon-text { display: inline-block; } i + ._icon-text { margin-left: 4px; } ._icon-text + i { margin-left: 2px; } ._tag-container { margin: -3px 0; overflow: hidden; position: relative; } ._tag-container ._icon-tag { color: #aaa; vertical-align: -1px; position: absolute; line-height: 20px; } ._tag-container .tags { display: inline; } ._tag-container .tags li { display: inline; margin-right: 8px; vertical-align: middle; } ._tag-container .tags li:first-child { margin-left: 16px; } ._tag-container .tags a { display: inline-block; font-size: 12px; line-height: 20px; } ._tag-container .tags .self a { font-size: 14px; } ._tag-container .add-tag { display: inline; } ._inline-list .item { display: inline; margin-right: 8px; } ul._inline-menu { display: inline; margin: 0 10px; } ul._inline-menu li { display: inline; } ul._inline-menu .menu-item { display: inline-block; padding: 0 10px; } ._official-badge, ._system-badge, ._premium-badge { display: inline-block; width: 60px; font-family: 'Helvetica Neue', sans-serif; font-size: 11px; text-align: center; line-height: 14px; font-weight: bold; color: #fff; vertical-align: top; background-color: #a6d8a2; -webkit-border-radius: 7px; border-radius: 7px; } ._premium-badge-container { line-height: 14px; } ._tag-list { margin-bottom: -1px; } ._tag-item { display: inline-block; margin: 0 1px 1px 0; padding: 0 8px; color: #fff; line-height: 24px; background-color: rgba(153,153,153,0.5); -webkit-border-radius: 4px; border-radius: 4px; } ._work-data-container .toc-unit ._accordion-work-list, ._work-data-container .related-container { white-space: nowrap; overflow: auto; margin-left: -10px; padding-bottom: 20px; border-bottom: 1px solid #ddd; } ._work-data-container .toc-unit ._accordion-work-list .item, ._work-data-container .related-container .item { display: inline-block; margin: 0 10px; } ._accordion-work-list .item { display: inline; } ._accordion-work-list .more { display: inline-block; width: 50px; text-align: center; line-height: 100px; color: #65c7e9; background-color: #fff; } ._modal-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; overflow: auto; position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; padding: 20px 100px; background-color: rgba(238,238,238,0.8); } ._follow-button-container { display: inline-block; position: relative; margin: 0 auto; } ._follow-button-container ._balloon-menu-opener.arrow { position: absolute; right: -20px; top: 0; width: 20px; line-height: 24px; margin: 3px 0; text-align: center; cursor: pointer; } ._follow-button-container ._balloon-menu-opener.arrow:hover ._icon-menu { color: #b2b2b2; } ._follow-button-container ._balloon-menu-opener.arrow ._action-button { display: none; } ._follow-button-container ._balloon-menu-opener.arrow ._icon-menu { -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s; transition: color 0.2s; color: #999; } ._follow-button.following .follow { display: none; } ._follow-button.following .edit { display: block; } ._follow-button .follow.busy { display: none; } ._follow-button .follow.busy + .edit { display: block; } ._follow-button ._action-button { width: 120px; margin: 20px 0 10px; text-align: center; line-height: 30px; -webkit-border-radius: 15px; border-radius: 15px; color: #fff; background-color: rgba(0,0,0,0.6); cursor: pointer; } ._follow-button ._action-button.busy { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } ._follow-button ._action-button:hover { background-color: rgba(63,63,63,0.6); } ._follow-button .self { -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; width: 140px; background-color: #c1e8f6; } ._follow-button .self:hover { background-color: #d0eef8; } ._follow-button .edit { -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; display: none; width: 118px; line-height: 28px; color: #65c7e9; background-color: #fff; border: solid 1px #c1e8f6; } ._follow-button .edit:hover { color: #50d1ff; background-color: #fff; } ._follow-button .edit:hover ._icon-smile { color: #50d1ff; } ._follow-button ._icon-add { color: #fff; vertical-align: -2px; } ._follow-button ._icon-smile { color: #65c7e9; vertical-align: -1px; } ._user-icon-container { display: inline-block; position: relative; } ._user-icon-container ._action-button { position: absolute; bottom: -2px; right: -8px; width: auto; margin: 0; padding: 2px; line-height: 12px; -webkit-border-radius: 8px; border-radius: 8px; } ._user-icon-container ._icon-add { vertical-align: top; } ._user-icon { display: inline-block; position: relative; width: 40px; height: 40px; vertical-align: middle; -webkit-border-radius: 20px; border-radius: 20px; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-color: #fff; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.06) inset; box-shadow: 0 0 0 1px rgba(0,0,0,0.06) inset; } ._user-icon.size-30 { width: 30px; height: 30px; -webkit-border-radius: 15px; border-radius: 15px; } ._user-icon.size-32 { width: 32px; height: 32px; -webkit-border-radius: 16px; border-radius: 16px; } ._user-icon.size-40 { width: 40px; height: 40px; -webkit-border-radius: 20px; border-radius: 20px; } ._user-icon.size-60 { width: 60px; height: 60px; -webkit-border-radius: 30px; border-radius: 30px; } ._user-icon.size-80 { width: 80px; height: 80px; -webkit-border-radius: 40px; border-radius: 40px; } ._user-icon .following { display: none; position: absolute; bottom: -2px; right: -6px; padding: 1px; color: #25c6ff; background-color: #fff; border: 1px solid #25c6ff; -webkit-border-radius: 8px; border-radius: 8px; } ._icon-explicit.svg { display: inline-block; width: 80px; height: 80px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iI0ZGMzg1MiIgY3g9IjQwIiBjeT0iNDAiIHI9IjQwIi8+PHBhdGggZD0iTTggNDBoNjQiIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIxNiIvPjwvZz48L3N2Zz4="); } img.lazy-content, img.lazy-image-loading { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } ._activity-cards { position: fixed; right: 0; bottom: 0; cursor: default; text-align: left; } ._activity-card { position: absolute; display: block; overflow: hidden; width: 240px; height: 60px; -webkit-border-radius: 4px; border-radius: 4px; color: #999; background-color: #fff; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.16); box-shadow: 0 5px 10px rgba(0,0,0,0.16); opacity: 1; -ms-filter: none; filter: none; -webkit-transition: right 0.5s ease-in-out, bottom 0.5s ease-in-out, opacity 0.5s ease-in-out; -moz-transition: right 0.5s ease-in-out, bottom 0.5s ease-in-out, opacity 0.5s ease-in-out; -o-transition: right 0.5s ease-in-out, bottom 0.5s ease-in-out, opacity 0.5s ease-in-out; -ms-transition: right 0.5s ease-in-out, bottom 0.5s ease-in-out, opacity 0.5s ease-in-out; transition: right 0.5s ease-in-out, bottom 0.5s ease-in-out, opacity 0.5s ease-in-out; line-height: normal; } ._activity-card.card-0 { right: -240px; bottom: 50px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } ._activity-card.card-1 { right: 20px; bottom: 50px; } ._activity-card.card-2 { right: 20px; bottom: 120px; } ._activity-card.card-3 { right: 20px; bottom: 190px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } ._activity-card ._user-icon { position: absolute; top: 15px; left: 5px; } ._activity-card .message { -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s; transition: color 0.2s; position: absolute; top: 10px; left: 10px; max-width: 160px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #999; font-size: 10px; } ._activity-card .message:hover { color: #ccc; } ._activity-card .caption { -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s; transition: color 0.2s; position: absolute; top: 28px; left: 10px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #464a4d; font-weight: bold; max-width: 160px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } ._activity-card .caption:hover { color: #747779; } ._activity-card .thumbnail { position: absolute; top: 0; right: 0; width: 60px; height: 60px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: top center; } ._activity-zone._footer-content-item { width: 40px; padding: 0; text-align: center; } ._activity-preferences .opener { font-size: 20px; line-height: 30px; cursor: pointer; } ._activity-preferences:hover .popup { display: block; } ._activity-preferences .popup { display: none; position: absolute; bottom: 30px; left: 0; width: 205px; padding: 5px 10px; background: #757c80; color: #fff; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; text-align: left; } ._activity-preferences .popup li { display: block; height: 40px; line-height: 40px; font-size: 12px; } ._activity-preferences .popup:hover { display: block; } ._activity-preferences ._ui-toggle-switch input { display: none; } ._activity-preferences ._ui-toggle-switch label { display: inline-block; padding-left: 33px; position: relative; cursor: pointer; } ._activity-preferences ._ui-toggle-switch label:before { content: ''; display: inline-block; position: absolute; top: calc(50% - 14px / 2 - 1px); left: 0; width: 28px; height: 14px; -webkit-border-radius: 14px; border-radius: 14px; background: #ddd; } ._activity-preferences ._ui-toggle-switch label:after { content: ''; display: inline-block; position: absolute; top: calc(50% - 12px / 2 - 1px); left: 1px; width: 12px; height: 12px; -webkit-border-radius: 12px; border-radius: 12px; background: #fff; -webkit-transition: left 0.1s ease-in-out; -moz-transition: left 0.1s ease-in-out; -o-transition: left 0.1s ease-in-out; -ms-transition: left 0.1s ease-in-out; transition: left 0.1s ease-in-out; } ._activity-preferences ._ui-toggle-switch input:checked + label:before { background: #5ac1e7; } ._activity-preferences ._ui-toggle-switch input:checked + label:after { left: 15px; } ._page-portfolio ._back-to-top { bottom: 20px; } ._no-scroll ._back-to-top { display: none; } ._back-to-top { -webkit-animation: fade-in 0.3s linear 0s; -moz-animation: fade-in 0.3s linear 0s; -o-animation: fade-in 0.3s linear 0s; -ms-animation: fade-in 0.3s linear 0s; animation: fade-in 0.3s linear 0s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: fixed; bottom: 50px; right: 20px; padding: 10px; background-color: rgba(240,242,243,0.85); -webkit-border-radius: 20px; border-radius: 20px; cursor: pointer; } ._back-to-top:hover ._icon-back-to-top { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; -ms-transition: color 0.3s; transition: color 0.3s; color: #adadad; } ._back-to-top.off { display: none; } ._back-to-top ._icon-back-to-top { color: #999; } ._balloon-menu-opener { position: relative; cursor: pointer; display: inline-block; width: 20px; height: 20px; line-height: 20px; margin: 0 0 0 4px; vertical-align: middle; } ._balloon-menu-opener.share-menu ._balloon-menu-popup, ._balloon-menu-opener.share-menu .menu { cursor: default; } ._balloon-menu-opener.share-menu .menu { padding: 0px 10px; } ._balloon-menu-opener.share-menu .menu > li { display: inline-block; margin: 0 10px; height: 32px; } ._balloon-menu-opener.share-menu .menu > li + li { margin: 0 10px 0 0; } ._balloon-menu-opener.share-menu .menu > li:hover { background: none; } ._balloon-menu-opener.share-menu .menu > li .item { padding: 0; width: 32px; height: 32px; -webkit-border-radius: 32px; border-radius: 32px; text-align: center; } ._balloon-menu-opener.share-menu .menu > li .item.twitter { background-color: #1b95e0; } ._balloon-menu-opener.share-menu .menu > li .item.facebook { background-color: #3b5998; } ._balloon-menu-opener.share-menu .menu > li .item ._pico-20 { line-height: 32px; color: #fff; } ._balloon-menu-popup { position: absolute; background: #fff; padding: 5px 0; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #eee; } ._balloon-menu-popup:before, ._balloon-menu-popup:after { content: ''; position: absolute; display: inline-block; top: -8px; left: 50%; margin-left: -12px; width: 0; height: 0; border-style: solid; border-color: #eee transparent; border-width: 0 12px 8px; } ._balloon-menu-popup:after { border-color: #fff transparent; top: -7px; } ._balloon-menu-popup .menu { min-width: 110px; } ._balloon-menu-popup .menu li { height: 30px; line-height: 30px; white-space: nowrap; } ._balloon-menu-popup .menu li:hover { background: #f9f9f9; } ._balloon-menu-popup .menu li.group-header { height: auto; min-height: 1px; background: #f5f5f5; } ._balloon-menu-popup .menu li > .item { display: block; padding: 0 10px; line-height: 30px; color: #555; text-align: left; cursor: pointer; } ._balloon-menu-popup .menu li > .item.disabled { color: #aaa; cursor: default; } ._balloon-menu-popup .menu li .toggle-bookmark:not(.on) .edit, ._balloon-menu-popup .menu li .toggle-bookmark.on .add { display: none; } ._balloon-menu-popup .menu li ._icon-like { vertical-align: middle; padding: 0 0 4px 3px; } ._balloon-menu-popup .menu li .toggle-bookmark.on ._icon-like { color: #ccc; } ._balloon-menu-popup .menu li .toggle-bookmark.private ._icon-like { display: inline-block; } ._balloon-menu-popup .menu li ._follow-button { padding: 0; margin: 0; } ._balloon-menu-popup .menu li ._follow-button ._action-button { padding: 0 10px; margin: 0; width: auto; border: none; font-size: inherit; color: inherit; background: transparent; min-width: 0; text-align: left; } ._balloon-menu-popup .menu li ._follow-button ._action-button:hover { color: inherit; } ._balloon-menu-popup .menu li ._follow-button.following ._action-button.edit, ._balloon-menu-popup .menu li ._follow-button:not(.following) ._action-button.follow { display: block; } ._bookmark-edit-modal._modal-container { z-index: 1000; background-color: rgba(0,0,0,0.5); } ._bookmark-edit-modal._modal-container ._icon-close.ui-modal-close { position: absolute; left: 50%; top: 220px; margin-left: 330px; color: #fff; cursor: pointer; } ._bookmark-edit-modal._modal-container .container { width: 640px; height: 420px; position: absolute; left: 50%; top: 220px; margin-left: -320px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #f2f2f2; } ._bookmark-edit-modal._modal-container .container .previewer { width: 320px; height: 420px; position: absolute; left: 0px; top: 0px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } ._bookmark-edit-modal._modal-container .container .previewer .thumbnail { position: relative; text-align: center; margin-top: 20px; } ._bookmark-edit-modal._modal-container .container .previewer .thumbnail img { max-height: 322px; } ._bookmark-edit-modal._modal-container .container .previewer .thumbnail.censored { width: 300px; margin: 20px 10px 0; } ._bookmark-edit-modal._modal-container .container .previewer .thumbnail.censored img { width: 100%; image-rendering: pixelated; } ._bookmark-edit-modal._modal-container .container .previewer .thumbnail.censored.novel { height: 150px; } ._bookmark-edit-modal._modal-container .container .previewer .thumbnail.censored.novel img { display: none; } ._bookmark-edit-modal._modal-container .container .previewer .thumbnail.censored.novel ._icon-explicit { margin-top: 30px; } ._bookmark-edit-modal._modal-container .container .previewer .thumbnail.censored.novel .cover { left: 90px; width: calc(100% - 180px); } ._bookmark-edit-modal._modal-container .container .previewer .cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8); } ._bookmark-edit-modal._modal-container .container .previewer .title { text-align: center; margin-top: 10px; } ._bookmark-edit-modal._modal-container .container .previewer ._action-button.delete { position: absolute; left: 10px; bottom: 12px; height: 26px; line-height: 26px; font-size: 13px; } ._bookmark-edit-modal._modal-container .container .previewer ._action-button.delete ._pico-20._icon-like { font-size: 16px; line-height: 26px; vertical-align: baseline; } ._bookmark-edit-modal._modal-container .container .previewer ._action-button.delete ._icon-text { vertical-align: top; } ._bookmark-edit-modal._modal-container .container .editor { width: 320px; height: 420px; position: absolute; left: 320px; top: 0px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background-color: #fff; } ._bookmark-edit-modal._modal-container .container .editor .header { margin-left: 10px; margin-top: 10px; } ._bookmark-edit-modal._modal-container .container .editor .header * { color: #000; } ._bookmark-edit-modal._modal-container .container .editor .header ._icon-text { font-weight: bolder; font-size: 14px; vertical-align: sub; } ._bookmark-edit-modal._modal-container .container .editor .tag-list .sub-header, ._bookmark-edit-modal._modal-container .container .editor .comment .sub-header { margin-top: 20px; padding-left: 10px; padding-bottom: 2px; border-bottom: 1px solid #f2f2f2; } ._bookmark-edit-modal._modal-container .container .editor .tag-list .sub-header .counter, ._bookmark-edit-modal._modal-container .container .editor .comment .sub-header .counter { color: #999; float: right; padding-right: 10px; font-size: 10px; } ._bookmark-edit-modal._modal-container .container .editor .tag-list .sub-header .counter .current.over, ._bookmark-edit-modal._modal-container .container .editor .comment .sub-header .counter .current.over { color: #f66; } ._bookmark-edit-modal._modal-container .container .editor .tag-selector { height: 272px; overflow-y: auto; } ._bookmark-edit-modal._modal-container .container .editor .tag-selector > li { line-height: 30px; padding: 0 10px; position: relative; overflow-x: hidden; } ._bookmark-edit-modal._modal-container .container .editor .tag-selector > li:hover { background: #f5f5f5; } ._bookmark-edit-modal._modal-container .container .editor .tag-selector > li label { display: block; cursor: pointer; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } ._bookmark-edit-modal._modal-container .container .editor .tag-selector > li label:after { content: "\a0"; position: absolute; right: 0; top: 0; width: 50px; background: -webkit-linear-gradient(left, rgba(255,255,255,0), #fff 40%, #fff); background: -moz-linear-gradient(left, rgba(255,255,255,0), #fff 40%, #fff); background: -o-linear-gradient(left, rgba(255,255,255,0), #fff 40%, #fff); background: -ms-linear-gradient(left, rgba(255,255,255,0), #fff 40%, #fff); background: linear-gradient(to right, rgba(255,255,255,0), #fff 40%, #fff); } ._bookmark-edit-modal._modal-container .container .editor .tag-selector > li label:hover:after { background: -webkit-linear-gradient(left, rgba(245,245,245,0), #f5f5f5 40%, #f5f5f5); background: -moz-linear-gradient(left, rgba(245,245,245,0), #f5f5f5 40%, #f5f5f5); background: -o-linear-gradient(left, rgba(245,245,245,0), #f5f5f5 40%, #f5f5f5); background: -ms-linear-gradient(left, rgba(245,245,245,0), #f5f5f5 40%, #f5f5f5); background: linear-gradient(to right, rgba(245,245,245,0), #f5f5f5 40%, #f5f5f5); } ._bookmark-edit-modal._modal-container .container .editor .tag-selector > li input[type="checkbox"] { display: none; } ._bookmark-edit-modal._modal-container .container .editor .tag-selector > li ._pico-12._icon-check { position: absolute; right: 10px; top: 5px; width: 18px; height: 18px; border: 1px solid #ccc; -webkit-border-radius: 10px; border-radius: 10px; color: transparent; background: transparent; font-size: 16px; line-height: 18px; text-align: center; z-index: 1; } ._bookmark-edit-modal._modal-container .container .editor .tag-selector > li:hover ._pico-12._icon-check { color: #25c6ff; background: #fff; border-color: transparent; } ._bookmark-edit-modal._modal-container .container .editor .tag-selector > li:hover input[type="checkbox"]:disabled + ._pico-12._icon-check { color: #ccc; background: #fff; border-color: transparent; } ._bookmark-edit-modal._modal-container .container .editor .tag-selector > li input[type="checkbox"]:checked + ._pico-12._icon-check { color: #fff; background: #25c6ff; border-color: transparent; } ._bookmark-edit-modal._modal-container .container .editor .new-tag-opener { padding: 5px 10px; } ._bookmark-edit-modal._modal-container .container .editor .new-tag-opener > a { display: block; } ._bookmark-edit-modal._modal-container .container .editor .new-tag-opener.disabled { color: #ccc; } ._bookmark-edit-modal._modal-container .container .editor .new-tag-opener:hover { background: #f5f5f5; } ._bookmark-edit-modal._modal-container .container .editor .new-tag-editor { display: none; position: relative; padding: 5px 10px; } ._bookmark-edit-modal._modal-container .container .editor .new-tag-editor input { width: 260px; padding: 0 5px; font-size: 12px; } ._bookmark-edit-modal._modal-container .container .editor .new-tag-editor .add-new-tag { position: absolute; right: 10px; top: 5px; display: inline-block; width: 20px; height: 20px; background: #95e1f5; -webkit-border-radius: 20px; border-radius: 20px; line-height: 20px; text-align: center; } ._bookmark-edit-modal._modal-container .container .editor .new-tag-editor .add-new-tag.disabled { background: #ccc; } ._bookmark-edit-modal._modal-container .container .editor .new-tag-editor .add-new-tag ._icon-add { color: #fff; line-height: 20px; vertical-align: top; } ._bookmark-edit-modal._modal-container .container .editor .comment { display: none; position: absolute; bottom: 50px; width: 100%; } ._bookmark-edit-modal._modal-container .container .editor .comment .user-icon { width: 40px; height: 40px; margin: 10px; -webkit-border-radius: 40px; border-radius: 40px; border: 1px solid #f5f5f5; } ._bookmark-edit-modal._modal-container .container .editor .comment .comment-editor { position: absolute; left: 60px; top: 50px; } ._bookmark-edit-modal._modal-container .container .editor .comment .comment-editor input { padding: 10px; width: 228px; font-size: 14px; border: 1px solid #f5f5f5; } ._bookmark-edit-modal._modal-container .container .editor .footer { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background-color: #f2f2f2; border-bottom-right-radius: 10px; z-index: 1; } ._bookmark-edit-modal._modal-container .container .editor .footer .restrict { display: inline-block; line-height: 50px; padding-left: 10px; } ._bookmark-edit-modal._modal-container .container .editor .footer .restrict ._icon-limited { vertical-align: text-bottom; } ._bookmark-edit-modal._modal-container .container .editor .footer .restrict._ui-switch > .toggle-switch { top: 16px; } ._bookmark-edit-modal._modal-container .container .editor .footer ._action-button.save { position: absolute; right: 10px; bottom: 10px; } ._bookmark-user-list-modal._modal-container { z-index: 1000; background-color: rgba(0,0,0,0.5); } ._bookmark-user-list-modal._modal-container ._icon-close.ui-modal-close { position: absolute; left: 50%; top: 220px; margin-left: 330px; color: #fff; cursor: pointer; } ._bookmark-user-list-modal._modal-container .container { width: 640px; height: 420px; position: relative; left: 50%; margin-top: 200px; margin-left: -320px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #fff; overflow: hidden; } ._bookmark-user-list-modal._modal-container .contents { color: #535353; height: 100%; } ._bookmark-user-list-modal._modal-container .contents .header { margin: 0; height: 20px; padding: 10px; font-weight: bolder; font-size: 14px; } ._bookmark-user-list-modal._modal-container .contents .header ._icon-like { color: inherit; vertical-align: bottom; } ._bookmark-user-list-modal._modal-container .contents .header .bookmark-count { font-weight: normal; color: #84d2ed; } ._bookmark-user-list-modal._modal-container .contents .scroll-pane { overflow-y: auto; max-height: calc(100% - 40px); } ._bookmark-user-list-modal._modal-container .contents .bookmark-user { min-height: 50px; display: block; position: relative; } ._bookmark-user-list-modal._modal-container .contents .bookmark-user:hover { background-color: #f4f4f4; } ._bookmark-user-list-modal._modal-container .contents .bookmark-user:hover .bookmark-user-entry .tag-list .tag { background-color: #fff; } ._bookmark-user-list-modal._modal-container .contents .bookmark-user ._user-icon-container { margin-left: 10px; margin-right: 10px; position: relative; } ._bookmark-user-list-modal._modal-container .contents .bookmark-user ._user-icon-container:before { display: inline-block; height: 50px; content: ''; vertical-align: middle; } ._bookmark-user-list-modal._modal-container .contents .bookmark-user ._user-icon-container ._follow-button { bottom: 4px; line-height: 1; background-color: rgba(0,0,0,0.5); } ._bookmark-user-list-modal._modal-container .contents .bookmark-user ._user-icon-container ._follow-button.following { display: none; } ._bookmark-user-list-modal._modal-container .contents .bookmark-user ._user-icon-container ._action-button { min-width: 0; -webkit-border-radius: 0; border-radius: 0; background: transparent; line-height: inherit; margin: 0; padding: 0; font-size: inherit; } ._bookmark-user-list-modal._modal-container .contents .bookmark-user .bookmark-user-entry { vertical-align: middle; display: inline-block; max-width: 470px; } ._bookmark-user-list-modal._modal-container .contents .bookmark-user .bookmark-user-entry .tag-list { display: inline; margin-left: 5px; } ._bookmark-user-list-modal._modal-container .contents .bookmark-user .bookmark-user-entry .tag-list .tag { position: relative; display: inline-block; white-space: nowrap; margin: 1px; border: none; background-color: #f4f4f4; -webkit-border-radius: 2px; border-radius: 2px; } ._bookmark-user-list-modal._modal-container .contents .bookmark-user .bookmark-user-entry .tag-list .tag a { color: inherit; padding: 0 6px; } ._bookmark-user-list-modal._modal-container .contents .bookmark-user .edit-button { position: absolute; right: 40px; margin: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } ._bookmark-user-list-modal._modal-container .contents .bookmark-user ._icon-next { position: absolute; right: 10px; margin: auto; height: 20px; top: 0; bottom: 0; } ._bookmark-user-list-modal._modal-container .contents .bookmark-user .collection-link { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } ._bookmark-user-list-modal._modal-container .spinner { height: 50px; display: none; } ._bookmark-user-list-modal._modal-container .spinner.loading { display: block; } ._comment-modal._modal-container { z-index: 1000; background-color: rgba(0,0,0,0.5); } ._comment-modal._modal-container ._icon-close.ui-modal-close { position: absolute; left: 50%; top: 220px; margin-left: 330px; color: #fff; cursor: pointer; } ._comment-modal._modal-container .container { width: 640px; position: absolute; left: 50%; top: 220px; margin-left: -320px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #f2f2f2; } ._comment-modal._modal-container .container ._comment-item { margin: 15px; } ._comment-modal._modal-container .container ._comment-item .body p { font-size: 14px; line-height: 20ox; white-space: pre-wrap; } ._comment-modal._modal-container .container .user-info, ._comment-modal._modal-container .container .comment { display: inline-block; } ._comment-modal._modal-container .container .user-icon { position: absolute; top: 0; width: 40px; height: 40px; -webkit-border-radius: 20px; border-radius: 20px; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-color: #fff; } ._comment-modal._modal-container .container .user-name { font-weight: bold; color: #555; } ._comment-modal._modal-container .container .date { color: #aaa; font-size: 11px; } ._comment-modal._modal-container .container .comment-reply-container { right: 0; } ._comments-load-more { display: inline-block; cursor: pointer; margin: 10px 20px; line-height: 30px; text-align: center; font-size: 14px; border-top: 1px solid #eee; color: #999; } ._comments-load-more.done { display: none; } ._comments-load-more .more-text { display: none; position: relative; top: 10px; } ._work-modal .comment-input-container { padding: 20px 20px 0; } ._work-modal .comment-container { max-height: 390px; overflow: auto; padding: 20px; border-top: 1px solid #eee; } ._work-modal .comment-container:not(.auto) ._comment-items { max-height: 359px; overflow: hidden; } ._work-modal .comment-container:not(.auto) ._comments-load-more { display: block; margin: 0 20px; } ._work-modal .comment-container:not(.auto) .more-text { display: block; } ._work-modal .comment-container.init ._comments-load-more { border: none; } ._work-modal .comment-container.init .more-text { display: none; } ._work-modal .form-container .reply-parent-container .body { font-size: 14px; } ._comment-items .reply-to-comment { cursor: pointer; } ._comment-items .author .reply-container { -webkit-border-radius: 5px 0 5px 5px; border-radius: 5px 0 5px 5px; margin-left: 0; margin-right: 50px; } ._comment-items .reply-container { padding: 10px; background: #ddd; -webkit-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px; margin-left: 50px; } ._comment-items .author .parent-container { right: 0; left: 60px; } ._comment-items .author .parent-container .sticker-container { float: none; } ._comment-items .author .parent-container:after, ._comment-items .author .parent-container:before { left: auto; } ._comment-items .author .parent-container:after { right: 50px; } ._comment-items .author .parent-container:before { right: 49px; } ._comment-items .author .parent-container .comment { float: none; text-align: left; padding: 0 0 0 50px; } ._comment-items .parent-container { position: absolute; background: #fff; z-index: 2; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); box-shadow: 0 1px 3px rgba(0,0,0,0.3); padding: 0 10px; top: 45px; left: 0; right: 60px; } ._comment-items .parent-container:after, ._comment-items .parent-container:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px; position: absolute; } ._comment-items .parent-container:after { border-color: transparent transparent #fff transparent; top: -19px; left: 54px; } ._comment-items .parent-container:before { border-color: transparent transparent #ddd transparent; top: -20px; left: 55px; } ._comment-items .parent-container .comment { padding: 0 0 0 50px; } ._comment-items .parent-container ._comment-item { padding: 20px 0 30px; margin: 0; } ._comment-items .parent-container .body { padding: 0; margin: 0; font-size: 14px; float: none !important; background: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } ._comment-items .parent-container hr, ._comment-items .parent-container .action-list { display: none; } ._comment-items .parent-container .user-icon-container img { width: 40px; height: 40px; -webkit-border-radius: 40px; border-radius: 40px; position: absolute; } ._comment-items .parent-container .sticker-container .ui-scroll-view { width: 63px; height: 63px; top: 15px; } ._comment-items .parent-container .date { position: absolute; bottom: 15px; left: 50px; font-size: 11px; } ._comment-items .parent-container .user-name { color: #555; } ._comment-items .parent-container .user-icon { position: absolute; width: 40px; height: 40px; -webkit-border-radius: 20px; border-radius: 20px; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-color: #fff; } ._comment-item { position: relative; clear: both; min-height: 40px; padding-right: 30px; margin: 5px 0 20px; } ._comment-item.stamp { display: inline-block; -webkit-border-radius: 5px; border-radius: 5px; vertical-align: top; } ._comment-item.stamp.viewer { padding-right: 0; margin-right: 5px; margin-left: 5px; } ._comment-item.stamp.big { width: 136px; height: 136px; } ._comment-item.stamp .meta, ._comment-item.stamp .comment-info { display: none; } ._comment-item.stamp ._user-icon { position: absolute; top: 2px; left: 2px; } ._comment-item.stamp .sticker-container { width: 63px; height: 63px; } ._comment-item.stamp .sticker-container .reply-icon { width: 63px; height: 63px; position: absolute; text-align: center; line-height: 63px; background-color: #eee; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; cursor: pointer; } ._comment-item.stamp .sticker-container .reply-icon:hover { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } ._comment-item.stamp .sticker-container img { width: 100%; height: 100%; } ._comment-item.stamp.author { display: block; } ._comment-item.stamp.author .comment { float: right; } ._comment-item.stamp.author .sticker-container { float: right; } ._comment-item.stamp.author .sticker-container::after { clear: both; } ._comment-item.stamp.author .meta { display: block; } ._comment-item.stamp.author .stamp-comment { float: right; width: 63px; } ._comment-item.stamp.author .parent-container .sticker-container, ._comment-item.stamp.author .parent-container .comment { float: none; } ._comment-item.stamp.author:after { content: ''; display: block; clear: both; } ._comment-item.stamp.viewer ._user-icon { width: 20px; height: 20px; } ._comment-item.stamp.viewer .comment { padding: 0; } ._comment-item.stamp.viewer.reply-comment .reply-to, ._comment-item.stamp.viewer.reply-comment br { display: none; } ._comment-item .comment-reply-container { position: absolute; top: 0; right: 0; } ._comment-item .comment-info, ._comment-item .comment-delete-container { display: inline-block; } ._comment-item .comment-delete-container { margin-left: 10px; } ._comment-item .comment-delete, ._comment-item .comment-delete-icon { color: #bbb; font-size: 11px; } ._comment-item .comment { padding: 0 100px 0 50px; } ._comment-item .meta { margin-bottom: 5px; line-height: 1; } ._comment-item .user-name { font-weight: bold; } ._comment-item .date { color: #aaa; font-size: 11px; } ._comment-item .text { display: inline-block; font-size: 14px; line-height: 20px; white-space: pre-wrap; } ._comment-item .comment-reply-icon { display: inline-block; color: #ccc; cursor: pointer; } ._comment-item .comment-reply-icon:hover { color: #b3b3b3; } ._comment-item .comment-info { color: #aaa; font-size: 11px; } ._comment-item .emoji-text { margin-left: 2px; vertical-align: -8px; } ._comment-item.author ._user-icon { right: 30px; left: auto; } ._comment-item.author .comment { padding: 0 50px 0 170px; text-align: right; } ._comment-item.author .text { display: inline-block; text-align: justify; } ._comment-item.author .body { float: right; max-width: 100%; } ._comment-item.author .action-list { clear: both; text-align: right; } ._comment-item.author .reply-to { text-align: right; } ._comment-item ._user-icon { position: absolute; z-index: 1; left: 0; } .dashboard { position: relative; padding-left: 5px; padding-right: 5px; padding-top: 20px; padding-bottom: 20px; min-height: calc(100vh - 50px - 43px - 20px - 20px); background-color: #f0f2f3; text-align: center; } .dashboard .request-notice { margin: 20px auto; border: 1px solid #ddd; -webkit-border-radius: 4px; border-radius: 4px; font-size: 14px; text-align: left; background: #fff; } .dashboard .request-notice tr { height: 50px; } .dashboard .request-notice tr + tr td { border-top: 1px solid #eee; } .dashboard .request-notice .icon-information { display: inline-block; width: 16px; height: 16px; line-height: 16px; -webkit-border-radius: 16px; border-radius: 16px; margin: 0 10px; text-align: center; font-size: 14px; color: #fff; background: #777; } .dashboard .request-notice .message { height: 50px; line-height: 50px; white-space: nowrap; color: #777; } .dashboard .request-notice ._action-button { margin: 0 10px; color: #fff; } .dashboard-header-reserve, .dashboard-header-works { text-align: center; font-size: 20px; color: #5e6366; border-top: solid 1px #ddd; margin-top: 30px; padding: 30px 0 15px 0; font-weight: bold; } .dashboard-header-reserve { padding-bottom: 30px; } ._dashboard-work-item-container.timeline.entry_list { padding: 0; text-align: center; margin: 0 auto; min-height: 0; min-width: 960px; } @media (min-width: 960px) { ._dashboard-work-item-container.timeline.entry_list { width: 960px; } } @media (min-width: 1440px) { ._dashboard-work-item-container.timeline.entry_list { width: 1440px; } } @media (min-width: 1920px) { ._dashboard-work-item-container.timeline.entry_list { width: 1920px; } } @media (min-width: 2400px) { ._dashboard-work-item-container.timeline.entry_list { width: 2400px; } } @media (min-width: 2880px) { ._dashboard-work-item-container.timeline.entry_list { width: 2880px; } } @media (min-width: 3360px) { ._dashboard-work-item-container.timeline.entry_list { width: 3360px; } } @media (min-width: 3840px) { ._dashboard-work-item-container.timeline.entry_list { width: 3840px; } } @media (min-width: 4320px) { ._dashboard-work-item-container.timeline.entry_list { width: 4320px; } } @media (min-width: 4800px) { ._dashboard-work-item-container.timeline.entry_list { width: 4800px; } } ._dashboard-work-item-container.timeline.entry_list .item-not-found { text-align: center; } .dashboard-work-item { display: inline-block; vertical-align: top; color: #999; height: 220px; width: 460px; background-color: #f7f7f7; margin: 30px 9px 14px 9px; text-align: left; border: solid 1px #d3dfe6; -webkit-border-radius: 5px; border-radius: 5px; position: relative; } .dashboard-work-item .reserve-release-date { position: absolute; font-size: 14px; line-height: 30px; top: -30px; color: #464a4d; } .dashboard-work-item .contents, .dashboard-work-item .footer { display: inline-block; vertical-align: top; height: 100%; position: relative; background: #fff; overflow: hidden; } .dashboard-work-item .contents { width: 220px; border-right: solid 1px #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f7f7f7; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .dashboard-work-item .thumbnail-container { height: 100%; text-align: center; } .dashboard-work-item .thumbnail-container .thumbnail { height: 220px; line-height: 219px; } .dashboard-work-item .thumbnail-container img { vertical-align: middle; max-width: calc(100% - 20px); max-height: calc(100% - 20px); } .dashboard-work-item .thumbnail-container .tag-container { position: absolute; z-index: 1; top: 2px; left: 2px; text-align: left; } .dashboard-work-item .thumbnail-container .tag-container .tag { display: inline-block; color: #fff; -webkit-border-radius: 2px; border-radius: 2px; padding: 1px 6px; margin: 1px 1px 1px 0; max-width: 132px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .dashboard-work-item .thumbnail-container .tag-container .tag.series { background-color: #fdbc94; } .dashboard-work-item .thumbnail-container .tag-container .tag.r-18 { background-color: #fdb1c2; } .dashboard-work-item .thumbnail-container .tag-container .tag.r-18g { background-color: #e3b0fd; } .dashboard-work-item .thumbnail-container .tag-container span { margin: 0; } .dashboard-work-item .thumbnail-container .link-container { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin: 3px 2px; z-index: 1; white-space: nowrap; } .dashboard-work-item .thumbnail-container .link-container a { display: inline-block; margin-right: 1px; background-color: #69c7e7; color: #fff; padding: 5px 10px; -webkit-border-radius: 3px; border-radius: 3px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .dashboard-work-item .thumbnail-container .private { position: absolute; bottom: 0; left: 0; background-color: #666; padding: 5px; -webkit-border-radius: 20px; border-radius: 20px; margin: 3px; } .dashboard-work-item .thumbnail-container .private i { color: #fff; } .dashboard-work-item .footer { color: #d1ccd1; width: 240px; padding: 20px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .dashboard-work-item .footer .work-info { margin-top: 5px; line-height: 20px; } .dashboard-work-item .footer .work-info .title { color: #464a4d; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: bold; } .dashboard-work-item .footer .report { background: #fafafa; position: absolute; left: 0; bottom: 0; height: 30px; width: 100%; line-height: 30px; text-align: center; color: #25c6ff; } .dashboard-work-item .footer .report ._pico-20 { color: #25c6ff; } .dashboard-work-item .footer .counts { position: absolute; bottom: 30px; left: 0; width: 100%; color: #8d9599; } .dashboard-work-item .footer .counts div.counts-item { margin: 5px 10px; } .dashboard-work-item .footer .counts div.counts-item span.counts-item-number { float: right; } .dashboard-work-item .footer .counts div.counts-item span.counts-item-number.link { color: #25c6ff; } .dashboard-work-item .footer .counts ._questionnaire-opener { cursor: pointer; display: block; } .dashboard-work-item .footer .counts i { margin-right: 3px; } .dashboard-work-item .footer .counts .view-count span { color: #757c80; } .dashboard-work-item .footer .counts .like-count { cursor: pointer; } .dashboard-work-item .footer .counts ._pico-30 { font-size: 20px; color: #ccc; } .dashboard-work-item :hover .link-container a, .dashboard-work-item :hover ._dashboard-restrict-label .thumbnail { opacity: 1; -ms-filter: none; filter: none; } .dashboard-work-item ._dashboard-restrict-label { position: absolute; top: 0; left: 0; color: #fff; width: 100%; height: 100%; background-color: rgba(25,25,25,0.5); } .dashboard-work-item ._dashboard-restrict-label span.dashboard-restrict-text { position: absolute; left: 20px; bottom: 10px; } .dashboard-work-item ._dashboard-restrict-label ._pico-20 { color: #fff; } .dashboard-work-item ._dashboard-restrict-label .thumbnail { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } a.xhprof-result { position: fixed; bottom: 0.5em; right: 15em; z-index: 998; } ._feature-container { width: 100%; overflow-x: auto; white-space: nowrap; background-color: #fff; } ._feature-container .unit { display: inline-block; position: relative; } ._feature-container .title { position: absolute; left: 0; bottom: 0; padding: 0 10px; color: #fff; line-height: 28px; background-color: rgba(0,0,0,0.4); } ._image-list { display: inline; } ._image-list .image-item { display: inline-block; width: 220px; height: 220px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; vertical-align: top; } ._feedback-form { line-height: 30px; height: 100%; background-color: #757c80; padding: 0 10px; } ._feedback-form .title { color: #fff; cursor: pointer; } ._feedback-form .body { position: absolute; bottom: 30px; right: 0; width: 560px; padding: 20px 20px 10px; text-align: left; color: #fff; background-color: #757c80; -webkit-border-radius: 8px 0 0; border-radius: 8px 0 0; cursor: default; } ._feedback-form .controls { text-align: right; } ._feedback-form .controls ._action-button { -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -ms-transition: background-color 0.2s; transition: background-color 0.2s; display: inline-block; margin: 0; padding: 0 8px; font-size: 14px; line-height: 26px; color: #fff; background-color: #25c6ff; border: none; -webkit-border-radius: 4px; border-radius: 4px; } ._feedback-form .controls ._action-button:hover { background-color: #50d1ff; } ._feedback-form .controls ._action-button.negative { background-color: #ccc; } ._feedback-form .controls ._action-button.icon { padding: 2px 8px; line-height: 20px; color: #fff; } ._feedback-form .controls ._action-button.large { padding: 0 10px; line-height: 30px; font-size: 14px; } ._feedback-form .controls ._action-button i { color: #fff; } ._feedback-form .controls ._action-button { margin-left: 4px; } ._feedback-form .controls .close { margin-left: 12px; } ._feedback-form .editor .description { margin-bottom: 10px; line-height: 20px; } ._feedback-form .editor .notes { font-size: 12px; margin-bottom: 20px; } ._feedback-form .editor .draft { width: 540px; height: 400px; max-height: calc(100vh - 450px); margin-bottom: 10px; padding: 10px; font-size: 14px; color: #555; line-height: 20px; border-style: none; -webkit-border-radius: 4px; border-radius: 4px; resize: none; } ._feedback-form .previewer .description { margin-bottom: 10px; } ._feedback-form .previewer .text { background: #fff; margin-bottom: 10px; padding: 10px; color: #555; max-height: 500px; max-height: 70vh; overflow-y: auto; } ._feedback-form .thanks { text-align: center; padding-top: 150px; } ._feedback-form .thanks .banner { font-size: 18px; line-height: 1; margin-bottom: 40px; } ._feedback-form .thanks .description { margin-bottom: 150px; } ._feedback-form .waiting { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.1); border-top-left-radius: 8px; display: none; } ._feedback-form.sending .waiting { display: block; } ._feedback-form.sending .waiting .icon { position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px; background-color: #555; -webkit-border-radius: 100%; border-radius: 100%; -webkit-animation: scaleout 1s infinite ease-in-out; -moz-animation: scaleout 1s infinite ease-in-out; -o-animation: scaleout 1s infinite ease-in-out; -ms-animation: scaleout 1s infinite ease-in-out; animation: scaleout 1s infinite ease-in-out; } @-moz-keyframes scaleout { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 1; -ms-filter: none; filter: none; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 1; -ms-filter: none; filter: none; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-o-keyframes scaleout { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 1; -ms-filter: none; filter: none; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @keyframes scaleout { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 1; -ms-filter: none; filter: none; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } ._following-edit-modal._modal-container { z-index: 1000; background-color: rgba(0,0,0,0.5); } ._following-edit-modal._modal-container ._icon-close.ui-modal-close { position: absolute; left: 50%; top: 220px; margin-left: 330px; color: #fff; cursor: pointer; } ._following-edit-modal._modal-container .container { width: 640px; height: 420px; position: absolute; left: 50%; top: 220px; margin-left: -320px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #f0f2f3; } ._following-edit-modal._modal-container .previewer { position: absolute; left: 0; top: 0; width: 320px; height: 420px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } ._following-edit-modal._modal-container .previewer ._user-item-container { padding: 10px; } ._following-edit-modal._modal-container .previewer ._user-item-container .contents { height: 262px; -webkit-box-shadow: none; box-shadow: none; } ._following-edit-modal._modal-container .previewer ._user-item-container .cover-images, ._following-edit-modal._modal-container .previewer ._user-item-container .cover-image { height: 180px; } ._following-edit-modal._modal-container .previewer ._user-item-container .text { display: block; } ._following-edit-modal._modal-container .previewer ._user-item-container ._follow-button { display: none; } ._following-edit-modal._modal-container .previewer ._action-button.unfollow { position: absolute; left: 10px; bottom: 12px; height: 26px; line-height: 26px; font-size: 13px; } ._following-edit-modal._modal-container .editor { position: absolute; left: 320px; top: 0; width: 320px; height: 420px; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; background-color: #fff; } ._following-edit-modal._modal-container .editor .header { margin-left: 10px; margin-top: 10px; font-weight: bolder; font-size: 14px; } ._following-edit-modal._modal-container .editor .list-list.disabled .list-selector label { color: #aaa; } ._following-edit-modal._modal-container .editor .list-list .sub-header { margin-top: 20px; padding-left: 10px; padding-bottom: 2px; border-bottom: 1px solid #f2f2f2; } ._following-edit-modal._modal-container .editor .list-list .sub-header .counter { color: #999; float: right; padding-right: 10px; font-size: 10px; } ._following-edit-modal._modal-container .editor .list-list .sub-header .counter .current.over { color: #f66; } ._following-edit-modal._modal-container .editor .list-selector { height: 301px; overflow-y: auto; } ._following-edit-modal._modal-container .editor .list-selector > li { line-height: 30px; padding: 0 10px; position: relative; overflow-x: hidden; } ._following-edit-modal._modal-container .editor .list-selector > li:hover { background: #f5f5f5; } ._following-edit-modal._modal-container .editor .list-selector > li label { display: block; cursor: pointer; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } ._following-edit-modal._modal-container .editor .list-selector > li label:after { content: "\a0"; position: absolute; right: 0; top: 0; width: 50px; background: -webkit-linear-gradient(left, rgba(255,255,255,0), #fff 40%, #fff); background: -moz-linear-gradient(left, rgba(255,255,255,0), #fff 40%, #fff); background: -o-linear-gradient(left, rgba(255,255,255,0), #fff 40%, #fff); background: -ms-linear-gradient(left, rgba(255,255,255,0), #fff 40%, #fff); background: linear-gradient(to right, rgba(255,255,255,0), #fff 40%, #fff); } ._following-edit-modal._modal-container .editor .list-selector > li label:hover:after { background: -webkit-linear-gradient(left, rgba(245,245,245,0), #f5f5f5 40%, #f5f5f5); background: -moz-linear-gradient(left, rgba(245,245,245,0), #f5f5f5 40%, #f5f5f5); background: -o-linear-gradient(left, rgba(245,245,245,0), #f5f5f5 40%, #f5f5f5); background: -ms-linear-gradient(left, rgba(245,245,245,0), #f5f5f5 40%, #f5f5f5); background: linear-gradient(to right, rgba(245,245,245,0), #f5f5f5 40%, #f5f5f5); } ._following-edit-modal._modal-container .editor .list-selector > li input[type="checkbox"] { display: none; } ._following-edit-modal._modal-container .editor .list-selector > li ._pico-12._icon-check { position: absolute; right: 10px; top: 5px; width: 18px; height: 18px; border: 1px solid #ccc; -webkit-border-radius: 10px; border-radius: 10px; color: transparent; background: transparent; font-size: 16px; line-height: 18px; text-align: center; z-index: 1; } ._following-edit-modal._modal-container .editor .list-selector > li:hover ._pico-12._icon-check { color: #25c6ff; background: #fff; border-color: transparent; } ._following-edit-modal._modal-container .editor .list-selector > li:hover input[type="checkbox"]:disabled + ._pico-12._icon-check { color: #ccc; background: #fff; border-color: transparent; } ._following-edit-modal._modal-container .editor .list-selector > li input[type="checkbox"]:checked + ._pico-12._icon-check { color: #fff; background: #25c6ff; border-color: transparent; } ._following-edit-modal._modal-container .editor .new-list-opener > a { display: block; } ._following-edit-modal._modal-container .editor .new-list-opener > a.disabled { color: #ccc; } ._following-edit-modal._modal-container .editor .new-list-editor { display: none; } ._following-edit-modal._modal-container .editor .new-list-editor input { width: 260px; padding: 0 5px; font-size: 12px; } ._following-edit-modal._modal-container .editor .new-list-editor .add-new-list { position: absolute; right: 10px; top: 5px; display: inline-block; width: 20px; height: 20px; background: #95e1f5; -webkit-border-radius: 20px; border-radius: 20px; line-height: 20px; text-align: center; } ._following-edit-modal._modal-container .editor .new-list-editor .add-new-list.disabled { background: #ccc; } ._following-edit-modal._modal-container .editor .new-list-editor .add-new-list ._icon-add { color: #fff; line-height: 20px; vertical-align: top; } ._following-edit-modal._modal-container .editor .footer { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background-color: #f2f2f2; border-bottom-right-radius: 10px; } ._following-edit-modal._modal-container .editor .footer .restrict { display: inline-block; line-height: 50px; padding-left: 10px; } ._following-edit-modal._modal-container .editor .footer .restrict ._icon-limited { vertical-align: text-bottom; } ._following-edit-modal._modal-container .editor .footer .restrict._ui-switch > .toggle-switch { top: 16px; } ._following-edit-modal._modal-container .editor .footer ._action-button.save { position: absolute; right: 10px; bottom: 10px; } ._page-portfolio ._footer-container { position: relative; } ._footer-container { height: 30px; background-color: #464a4d; width: 100%; position: fixed; left: 0; bottom: 0; color: rgba(255,255,255,0.5); z-index: 998; } ._footer-container .links a + a { border-left: 1px solid #a4aeb3; margin-left: 6px; padding-left: 6px; } ._footer-content { position: relative; height: 100%; margin: 0 auto; padding-left: 10px; } ._footer-renewal-items { float: right; } ._footer-renewal-items .whitecube-switch { padding: 0; } ._footer-renewal-items .whitecube-switch .submit { height: 30px; padding: 0 10px; color: #a4aeb3; background: transparent; border-style: none; outline: 0; cursor: pointer; } ._footer-content-item { display: inline-block; position: relative; z-index: 998; line-height: 30px; height: 30px; padding: 0 10px; cursor: pointer; } ._footer-content-item.right { float: right; } ._footer-content-item.feedback { padding: 0; } ._footer-content-item:hover { background-color: rgba(255,255,255,0.1); } ._footer-content-item:hover .content-popup { display: block; } ._footer-content-item .content-popup { display: none; position: absolute; left: 0; bottom: 30px; padding: 10px; background-color: #757c80; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; min-width: 100%; cursor: default; } ._footer-content-item ul.content-popup { min-width: 120px; padding: 10px 0; color: #fff; } ._footer-content-item ul.content-popup .item { line-height: 30px; } ._footer-content-item ul.content-popup .item.current { padding-left: 4px; } ._footer-content-item ul.content-popup .item:hover { background-color: #82898c; } ._footer-content-item ul.content-popup .button { display: block; width: 100%; height: 100%; height: 30px; padding: 0 20px; color: #fff; text-align: left; font-size: 12px; background: none; border: none; cursor: pointer; } ._footer-content-item ul.content-popup ._icon-check { color: #fff; line-height: 30px; vertical-align: top; } ._footer-content-item .about { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 20px 0 20px; width: 890px; max-width: 80vw; color: #fff; } ._footer-content-item .about .footer-pixiv-logo { width: 75px; display: inline-block; vertical-align: middle; margin: 0 10px; } ._footer-content-item .about .footer-pixiv-motto { margin: 0 20px; } ._footer-content-item .about .footer-pixiv-c { text-align: right; padding: 0 10px; } ._footer-content-item .about .links { width: 170px; display: inline-block; vertical-align: top; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; margin-top: 15px; } ._footer-content-item .about .links dt { line-height: 40px; font-weight: bold; } ._footer-content-item .about .links dd { line-height: 20px; } ._footer-content-item .about .links dd a { color: #fff; } ._footer-content-item .language .item:not(.ja):not(.en):not(.ko):not(.zh):not(.zh_tw) { display: none; } ._guide ._icon-remove { width: 16px; height: 16px; margin-left: 8px; -webkit-border-radius: 16px; border-radius: 16px; text-align: center; cursor: pointer; } ._guide ._icon-remove::before { vertical-align: middle; } ._guide-box { display: none; position: absolute; z-index: 101; padding: 12px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #47caea; -webkit-box-shadow: rgba(0,0,0,0.2) 0 5px 10px 0; box-shadow: rgba(0,0,0,0.2) 0 5px 10px 0; white-space: nowrap; } ._guide-box::before { content: ''; position: absolute; width: 0; height: 0; border-width: 0 12px 8px; border-color: #eee transparent; border-style: solid; } ._guide-box::after { content: ''; position: absolute; width: 0; height: 0; border-width: 0 12px 8px; border-color: #47caea transparent; border-style: solid; } ._guide-box.arrow-reverse::before { border-width: 8px 12px 0; } ._guide-box.arrow-reverse::after { border-width: 8px 12px 0; } ._guide-box.arrow-left::before { border-width: 0; } ._guide-box.arrow-left::after { border-color: transparent #47caea transparent transparent; border-width: 24px 16px; } ._guide-box.arrow-right::before { border-width: 0; } ._guide-box.arrow-right::after { border-color: transparent transparent transparent #47caea; border-width: 24px 16px; } ._guide-box.arrow-down::before { border-width: 0; } ._guide-box.arrow-down::after { border-width: 16px 24px 0; } ._guide-box .explain { display: inline-block; vertical-align: middle; line-height: 16px; font-size: 14px; color: #fff; } ._guide-box ._icon-remove { background-color: rgba(247,247,247,0.5); color: #47caea; } ._whitecube-guide-like { top: 43px; right: -5px; } ._whitecube-guide-like::before { top: -8px; right: 7px; } ._whitecube-guide-like::after { top: -8px; right: 8px; } ._whitecube-guide-like.active { -webkit-animation: guide-fade-in-up 1s linear 0s forwards; -moz-animation: guide-fade-in-up 1s linear 0s forwards; -o-animation: guide-fade-in-up 1s linear 0s forwards; -ms-animation: guide-fade-in-up 1s linear 0s forwards; animation: guide-fade-in-up 1s linear 0s forwards; } ._whitecube-guide-follow { top: -50px; right: 30px; } ._whitecube-guide-follow::before { top: 42px; right: 14px; } ._whitecube-guide-follow::after { top: 42px; right: 15px; } ._whitecube-guide-follow.active { -webkit-animation: guide-fade-in-down 1s linear 0s forwards; -moz-animation: guide-fade-in-down 1s linear 0s forwards; -o-animation: guide-fade-in-down 1s linear 0s forwards; -ms-animation: guide-fade-in-down 1s linear 0s forwards; animation: guide-fade-in-down 1s linear 0s forwards; } ._whitecube-guide-collection { z-index: 498; } ._whitecube-guide-collection::before { top: -8px; left: 39px; } ._whitecube-guide-collection::after { top: -8px; left: 40px; } ._whitecube-guide-collection.active { display: block; -webkit-animation: guide-fade-in-up 1s linear 0s forwards; -moz-animation: guide-fade-in-up 1s linear 0s forwards; -o-animation: guide-fade-in-up 1s linear 0s forwards; -ms-animation: guide-fade-in-up 1s linear 0s forwards; animation: guide-fade-in-up 1s linear 0s forwards; } ._guide-detail-box { display: none; position: absolute; z-index: 102; width: 276px; -webkit-border-radius: 4px; border-radius: 4px; text-align: center; background-color: #fff; -webkit-box-shadow: rgba(0,0,0,0.2) 0 5px 10px 0; box-shadow: rgba(0,0,0,0.2) 0 5px 10px 0; } ._guide-detail-box .guide-detail { padding: 20px 20px 0; } ._guide-detail-box ._icon-remove { position: absolute; top: 12px; right: 12px; color: #fff; background-color: rgba(71,202,234,0.5); } ._guide-detail-box .explain-title { margin: 20px 0; font-size: 14px; font-weight: bolder; } ._guide-detail-box hr { margin: 0; background-color: #eee; } ._guide-detail-box .explain { margin: 20px 0; text-align: left; color: #757c80; } ._guide-detail-box .select-list { padding: 10px 0; text-align: center; border-top: 1px solid #eee; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; background-color: #fafafa; } ._guide-detail-box .select-list ._action-button.ok { background-color: #25c6ff; } ._guide-detail-box .select-list ._action-button.ok:hover { background-color: #50d1ff; } ._guide-detail-box .select-list ._action-button.cancel { background-color: #bcc6cc; } ._guide-detail-box .select-list ._action-button.cancel:hover { background-color: #c9d1d6; } ._guide-detail-box ._action-button { vertical-align: middle; margin: 0 4px; } ._whitecube-guide-like-detail { top: 43px; right: -5px; } ._whitecube-guide-like-detail .liked-image-container { position: relative; } ._whitecube-guide-like-detail .liked-image-container .liked-work-image { display: inline-block; width: 80px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.04) inset; box-shadow: 0 0 0 1px rgba(0,0,0,0.04) inset; } ._whitecube-guide-like-detail .liked-image-container .liked-work-image.illust-thumbnail { height: 80px; } ._whitecube-guide-like-detail .liked-image-container .liked-work-image.novel-thumbnail { height: 97px; } ._whitecube-guide-like-detail .liked-image-container .liked-work-image.novel-thumbnail ._icon-explicit { text-align: center; line-height: 97px; font-size: 30px; color: #eee; } ._whitecube-guide-like-detail .liked-image-container.censored .liked-work-image { image-rendering: pixelated; } ._whitecube-guide-like-detail .liked-image-container.censored .cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8); } ._whitecube-guide-like-detail .like-icon-container { position: relative; } ._whitecube-guide-like-detail .like-icon { position: absolute; bottom: 0; left: calc(50% + 18px); width: 30px; height: 30px; color: #f64160; } ._whitecube-guide-follow-detail { top: 50px; right: 0; } ._whitecube-guide-follow-detail .user-icon { display: inline-block; } ._guide-modal { overflow: hidden; background-color: rgba(0,0,0,0.5); } ._guide-modal .ui-modal-close { position: absolute; top: 0; right: 10px; line-height: 42px; color: #fff; cursor: pointer; } ._guide-modal ._guide-box { display: block; } ._guide-modal ._guide-box .explain { display: block; line-height: 28px; font-size: 18px; font-weight: bolder; white-space: nowrap; } ._guide-modal ._action-button.next { display: inline-block; min-width: 60px; background-color: #fff; color: #25c6ff; } ._guide-modal .modal-container { -webkit-animation: fade-in 0.5s linear 0s forwards; -moz-animation: fade-in 0.5s linear 0s forwards; -o-animation: fade-in 0.5s linear 0s forwards; -ms-animation: fade-in 0.5s linear 0s forwards; animation: fade-in 0.5s linear 0s forwards; } ._guide-modal .modal-container .cover { z-index: 100; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } ._guide-modal .modal-container .popup-button-focus, ._guide-modal .modal-container .popup-button-check { cursor: default; } ._guide-modal .modal-container .popup-options { display: block; } ._change-guide-start { -webkit-transition: background-color 1.5s linear; -moz-transition: background-color 1.5s linear; -o-transition: background-color 1.5s linear; -ms-transition: background-color 1.5s linear; transition: background-color 1.5s linear; background-color: rgba(255,255,255,0.96); } ._change-guide-start.fade-out { background-color: rgba(0,0,0,0.5); } ._change-guide-start.fade-out .text-container, ._change-guide-start.fade-out ._icon-logo { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } ._change-guide-start .modal-container { position: absolute; left: 50%; top: 220px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 4px; border-radius: 4px; } ._change-guide-start .text-container, ._change-guide-start ._icon-logo { -webkit-transition: opacity 1s linear; -moz-transition: opacity 1s linear; -o-transition: opacity 1s linear; -ms-transition: opacity 1s linear; transition: opacity 1s linear; } ._change-guide-start .text-container { text-align: center; white-space: nowrap; } ._change-guide-start .guide-title { line-height: 48px; font-size: 48px; font-weight: bolder; color: #464a4d; } ._change-guide-start .explain { margin-top: 30px; font-size: 20px; color: #757c80; } ._change-guide-start ._icon-logo { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-top: 100px; padding: 10px; -webkit-border-radius: 8px; border-radius: 8px; font-size: 40px; background-color: #009cff; color: #fff; } ._change-guide-mega-menu ._mega-menu { position: absolute; top: 9px; left: 5%; } ._change-guide-mega-menu ._mega-menu .title { position: absolute; top: -19px; left: -19px; padding: 15px; border: 4px solid #47caea; -webkit-border-radius: 60px; border-radius: 60px; background-color: #fff; } ._change-guide-mega-menu ._mega-menu .title ._icon-menu { color: #bcc6cc; } ._change-guide-mega-menu ._guide-box { top: 110px; left: calc(5% + 220px); -webkit-animation: guide-fade-in-left 1s linear 0s forwards; -moz-animation: guide-fade-in-left 1s linear 0s forwards; -o-animation: guide-fade-in-left 1s linear 0s forwards; -ms-animation: guide-fade-in-left 1s linear 0s forwards; animation: guide-fade-in-left 1s linear 0s forwards; } ._change-guide-mega-menu ._guide-box::after { top: 15px; left: -32px; } ._change-guide-mega-menu ._guide-box .button-wrapper { margin-top: 15px; text-align: right; } @media all and (max-width: 1050px) { ._change-guide-mega-menu ._mega-menu { left: 0; } ._change-guide-mega-menu ._guide-box { left: 240px; } } ._change-guide-account-menu ._user-menu-container { position: absolute; top: 9px; } ._change-guide-account-menu .submenu { position: absolute; top: 38px; background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; width: 150px; left: 50%; margin-left: -75px; } ._change-guide-account-menu .submenu .submenu-group { border-top: solid 1px #eee; padding: 4px 0; text-align: left; } ._change-guide-account-menu .submenu .submenu-group a { display: block; height: 30px; line-height: 30px; font-size: 14px; color: #464a4d; padding: 0 10px; } ._change-guide-account-menu .submenu .submenu-group a:hover { background: #f7f7f7; } ._change-guide-account-menu ._guide-box { top: 110px; -webkit-animation: guide-fade-in-right 1s linear 0s forwards; -moz-animation: guide-fade-in-right 1s linear 0s forwards; -o-animation: guide-fade-in-right 1s linear 0s forwards; -ms-animation: guide-fade-in-right 1s linear 0s forwards; animation: guide-fade-in-right 1s linear 0s forwards; } ._change-guide-account-menu ._guide-box::after { top: 15px; right: -32px; } ._change-guide-account-menu ._guide-box .button-wrapper { margin-top: 15px; text-align: right; } ._change-guide-scroll ._guide-box { top: 110px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-animation: guide-fade-in-down 1s linear 0s forwards; -moz-animation: guide-fade-in-down 1s linear 0s forwards; -o-animation: guide-fade-in-down 1s linear 0s forwards; -ms-animation: guide-fade-in-down 1s linear 0s forwards; animation: guide-fade-in-down 1s linear 0s forwards; } ._change-guide-scroll ._guide-box::before { border-width: 0; } ._change-guide-scroll ._guide-box::after { bottom: -16px; left: calc(50% - 24px); } ._change-guide-scroll .lead-scroll-container { position: absolute; top: 300px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } ._change-guide-scroll .lead-scroll-container .lead-text { color: #fff; font-size: 18px; line-height: 28px; } ._change-guide-scroll .lead-scroll-container .icon-wrapper { position: relative; margin: 20px 0 30px; height: 48px; } ._change-guide-scroll .lead-scroll-container .icon-wrapper ._icon-down { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 48px; color: #fff; -webkit-animation: guide-scroll-down 2.5s ease-in-out 0s infinite; -moz-animation: guide-scroll-down 2.5s ease-in-out 0s infinite; -o-animation: guide-scroll-down 2.5s ease-in-out 0s infinite; -ms-animation: guide-scroll-down 2.5s ease-in-out 0s infinite; animation: guide-scroll-down 2.5s ease-in-out 0s infinite; } ._change-guide-scroll .lead-scroll-container ._action-button { width: 200px; line-height: 45px; font-size: 20px; -webkit-animation: fade-in 0.5s linear 0s forwards; -moz-animation: fade-in 0.5s linear 0s forwards; -o-animation: fade-in 0.5s linear 0s forwards; -ms-animation: fade-in 0.5s linear 0s forwards; animation: fade-in 0.5s linear 0s forwards; } ._guide-changes { overflow: auto; cursor: default; } ._guide-changes ._icon-close { top: -5px; right: -35px; } ._guide-changes .modal-container { position: absolute; top: 100px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 600px; margin-bottom: 30px; background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; cursor: initial; } ._guide-changes .modal-text-container { padding: 20px; } ._guide-changes .title { text-align: center; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee; font-size: 18px; font-weight: bolder; color: #009cff; } ._guide-changes .modal-text h2 { margin-bottom: 16px; font-size: 14px; font-weight: bolder; color: #464a4d; } ._guide-changes .modal-text .explain { padding-bottom: 30px; color: #757c80; } ._guide-changes .modal-text .explain ul { margin: 11px 0 0 20px; list-style: disc; } ._guide-changes .modal-text .explain ._icon-like { font-size: 20px; vertical-align: -5px; } ._guide-changes .modal-text .future { padding: 20px 20px 0; -webkit-border-radius: 4px; border-radius: 4px; background-color: #f5f5f5; } ._guide-changes .select-list { padding: 20px; border-top: 1px solid #eee; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; background-color: #fafafa; text-align: center; } ._guide-changes .select-list button { display: inline-block; min-width: 140px; } .masthead-background-image { width: 100%; position: absolute; top: 0; height: 150px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center; z-index: 0; } body.header-static ._header-container { position: static; } ._page-portfolio ._header-container.user_bg { -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; -ms-transition: background 0.2s linear; transition: background 0.2s linear; } ._page-portfolio ._header-container.user_bg.top { position: fixed; top: 0 !important; background: none; border: none; } ._page-portfolio ._header-container.user_bg.top .menu, ._page-portfolio ._header-container.user_bg.top .search, ._page-portfolio ._header-container.user_bg.top .right { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } ._page-portfolio ._header-container.user_bg.top:hover .menu, ._page-portfolio ._header-container.user_bg.top.active .menu, ._page-portfolio ._header-container.user_bg.top:hover .search, ._page-portfolio ._header-container.user_bg.top.active .search, ._page-portfolio ._header-container.user_bg.top:hover .right, ._page-portfolio ._header-container.user_bg.top.active .right { opacity: 1; -ms-filter: none; filter: none; } ._header-container { -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; -ms-transition: background-color 0.3s linear; transition: background-color 0.3s linear; position: absolute; top: 0; z-index: 999; width: 100%; padding: 9px 0; background-color: #fff; } ._header-container a { color: #65c7e9; } ._header-container a:hover { color: #74cceb; text-decoration: none; } ._header-container a:visited { color: #83d2ed; } ._header-container a:active { color: #84d2ed; } ._header-container ._pico-30 { color: #a4aeb3; } ._header-container ._official-badge, ._header-container ._system-badge, ._header-container ._premium-badge { display: inline-block; width: 60px; font-family: 'Helvetica Neue', sans-serif; font-size: 11px; text-align: center; line-height: 14px; font-weight: bold; color: #fff; vertical-align: top; background-color: #a6d8a2; -webkit-border-radius: 7px; border-radius: 7px; } ._header-container ._premium-badge-container { line-height: 14px; } ._header-container ._action-button { -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -ms-transition: background-color 0.2s; transition: background-color 0.2s; display: inline-block; margin: 0; padding: 0 8px; font-size: 14px; line-height: 26px; color: #fff; background-color: #25c6ff; border: none; -webkit-border-radius: 4px; border-radius: 4px; } ._header-container ._action-button:hover { background-color: #50d1ff; } ._header-container ._action-button.negative { background-color: #ccc; } ._header-container ._action-button.icon { padding: 2px 8px; line-height: 20px; color: #fff; } ._header-container ._action-button.large { padding: 0 10px; line-height: 30px; font-size: 14px; } ._header-container ._action-button i { color: #fff; } ._header-container.fixed { position: fixed; } ._header-container.transparent { background: transparent; } ._header-container .header { position: relative; min-width: 1000px; margin: 0 5%; border-bottom: none; } ._header-container .header .title { position: static; top: auto; } ._header-container .logo { display: inline-block; margin: 0 6px 0 10px; padding: 5px; background-color: #009cff; -webkit-border-radius: 4px; border-radius: 4px; } ._header-container .logo a:hover { text-decoration: none; } ._header-container .logo ._icon-logo { color: #fff; } ._header-container .logo .text { display: none; } ._header-container .search { display: inline-block; position: relative; width: 542px; vertical-align: top; overflow: hidden; } ._header-container .search.persist { position: fixed; top: 0; } ._header-container .search.persist + * { margin-left: 510px; } ._header-container .search ._pico-20 { color: #bcc6cc; } ._header-container .search .actions { position: absolute; top: 5px; right: 10px; } ._header-container .keywords { position: absolute; top: 0; left: 0; line-height: 32px; padding: 0 2.5px; } ._header-container .keywords.pushed { left: auto; white-space: nowrap; } ._header-container .keywords > li { cursor: pointer; -webkit-border-radius: 2.5px; border-radius: 2.5px; display: inline-block; margin: 5px 2.5px; line-height: 22px; background-color: #0c729b; color: #fff; overflow: hidden; -webkit-transition: width 0.1s ease-out; -moz-transition: width 0.1s ease-out; -o-transition: width 0.1s ease-out; -ms-transition: width 0.1s ease-out; transition: width 0.1s ease-out; white-space: nowrap; } ._header-container .keywords > li.editing .text { display: none; } ._header-container .keywords > li.editing .edit { display: inline-block; } ._header-container .keywords > li .text { padding: 0 5px; } ._header-container .keywords > li .edit { display: none; padding: 0 5px; background: none; border: none; height: 22px; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; line-height: 22px; } ._header-container .keywords > li .close { display: inline-block; width: 22px; height: 22px; border-left: solid 1px #3180a5; vertical-align: top; text-align: center; } ._header-container .keywords > li .close ._icon-close { font-size: 13px; } ._header-container .find { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 32px; font-size: 14px; line-height: 20px; color: #555; margin: 0; padding: 0 75px 0 5px; background-color: #f7f8f9; vertical-align: top; border: 1px solid #c7d3d9; -webkit-border-radius: 4px; border-radius: 4px; } ._header-container .find:focus { outline: none; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } ._header-container .menu { position: absolute; top: 0; right: 20px; } ._header-container .premium-upsell-color { color: #ff7e00 !important; } ._header-container .menu-item { display: inline-block; vertical-align: top; position: relative; margin: 0 10px; bottom: auto; left: auto; } ._header-container .menu-item .popup-button-focus { height: 30px; } ._header-container .menu-item .lock-header { cursor: pointer; } ._header-container .menu-item.premium { line-height: 30px; } ._header-container .menu-item.upload { padding: 0; margin-right: 0; } ._header-container .menu-item.upload .popup-options { position: absolute; top: 38px; right: 0; background: #fff; min-width: 300px; min-height: 150px; border: 1px solid #c7d3d9; -webkit-border-radius: 5px; border-radius: 5px; z-index: 5; white-space: nowrap; } ._header-container .menu-item.upload .popup-options._speech-balloon:before, ._header-container .menu-item.upload .popup-options._speech-balloon:after { left: auto; right: 14px; margin-left: 0; } ._header-container .menu-item.upload .popup-options .popup-column { display: inline-block; white-space: normal; vertical-align: top; max-height: 500px; max-height: calc(100vh - 50px); overflow-y: auto; } ._header-container .menu-item.upload .popup-submissions { padding: 10px 0; text-align: center; width: 300px; border-top: solid 1px #eee; } ._header-container .menu-item.upload .popup-submissions:first-child { border-top: none; } ._header-container .menu-item.upload .popup-submissions .title { padding: 10px 0; } ._header-container .menu-item.upload .popup-submissions .submission-types { padding: 10px 0; } ._header-container .menu-item.upload .popup-submissions .submission-types .item { display: inline-block; width: 70px; vertical-align: top; background-repeat: no-repeat; background-position: center top; color: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ._header-container .menu-item.upload .popup-submissions .submission-types .item.sketch { width: 50px; height: 50px; background-color: #0095dd; -webkit-border-radius: 50px; border-radius: 50px; } ._header-container .menu-item.upload .popup-submissions .submission-types .item.sketch ._pico-20 { font-size: 40px; color: #fff; line-height: 50px; } ._header-container .menu-item.upload .popup-submissions .submission-types .item ._pico-30 { display: block; width: 40px; height: 40px; background: #83d2ed; color: #fff; line-height: 40px; text-align: center; margin: 0 auto 5px auto; -webkit-border-radius: 40px; border-radius: 40px; } ._header-container .menu-item.upload .popup-submissions .submission-types.list { padding: 0; } ._header-container .menu-item.upload .popup-submissions .submission-types.list .item { width: 100%; text-align: left; line-height: 30px; padding: 0 10px; } ._header-container .menu-item.upload .popup-submissions .submission-types.list .item:hover { background: #f5f5f5; } ._header-container .menu-item.upload .popup-button-focus:focus ~ ._action-button, ._header-container .menu-item.upload .popup-options:hover ~ ._action-button { -webkit-border-radius: 4px; border-radius: 4px; position: relative; } ._header-container .notification { display: inline-block; width: 30px; height: 30px; background: transparent no-repeat center; line-height: 1; border: 0; padding: 0; } ._header-container .notification.unread { padding: 0; } ._header-container .notification.unread .count { display: inline-block; } ._header-container .notification.messages { background-image: url("../../../images/notification/message.png"); } ._header-container .notification.popboard { background-image: url("../../../images/notification/popboard-up.png"); } ._header-container .notification .count { display: none; color: #fff; background-color: #34d7f4; -webkit-border-radius: 5px; border-radius: 5px; height: 15px; min-width: 15px; position: absolute; top: 0; right: 5px; line-height: 15px; font-size: 10px; text-align: center; margin: 0; padding: 0; } ._header-container .notification:hover { background-color: inherit; border-color: inherit; } ._header-container .notification-popup, ._header-container .submenu { background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; z-index: 10; position: absolute; top: 38px; } ._header-container .notification-popup { text-align: left; width: 320px; color: #464a4d; border: 1px solid #c7d3d9; display: block !important; } ._header-container .notification-popup.popboard { left: -172px; } ._header-container .notification-popup.popboard._speech-balloon:before, ._header-container .notification-popup.popboard._speech-balloon:after { margin-left: 14px; } ._header-container .notification-popup.message { left: -122px; } ._header-container .notification-popup.message._speech-balloon:before, ._header-container .notification-popup.message._speech-balloon:after { margin-left: -36px; } ._header-container .notification-popup h2 { padding: 10px; border-bottom: 1px solid #eee; line-height: 1em; text-align: left; color: inherit; } ._header-container .notification-popup h2 .setting { color: #25c6ff; float: right; position: static; width: auto; height: auto; background: none; } ._header-container .notification-popup .more { line-height: 32px; } ._header-container .notification-popup .more a { display: block; padding: 4px; text-align: center; color: #25c6ff; } ._header-container .notification-list { border: 0; max-height: auto !important; } ._header-container .notification-list > li { border-bottom: 1px solid #eee; line-height: 1.5em; position: relative; min-height: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; white-space: pre-wrap; display: list-item; } ._header-container .notification-list > li > a { display: block; padding: 10px 10px 10px 60px !important; color: #464a4d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } ._header-container .notification-list > li > a span { color: #25c6ff; } ._header-container .notification-list > li > a::before { display: none; } ._header-container .notification-list > li:hover { background-color: #f7f7f7; } ._header-container .notification-list > li.favorited img { -webkit-border-radius: 40px; border-radius: 40px; } ._header-container .notification-list .image { position: absolute; left: 10px; width: 40px; height: 40px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center top; } ._header-container .notification-list .image img { width: 40px; height: 40px; } ._header-container .notification-list .message-date { float: right; margin-left: 4px; color: #aaa; } ._header-container .notification-list .message-title { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: bolder; } ._header-container .notification-list .message-text { line-height: 1.5em; height: 3em; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #555; } ._header-container .submenu { width: 150px; left: 50%; margin-left: -75px; } ._header-container .submenu .submenu-group { border-top: solid 1px #eee; padding: 4px 0; text-align: left; } ._header-container .submenu .submenu-group a { display: block; height: 30px; line-height: 30px; font-size: 14px; color: #464a4d; padding: 0 10px; } ._header-container .submenu .submenu-group a:hover { background: #f7f7f7; } ._whitecube-switch { padding: 0 0; } ._whitecube-switch .submit { width: 100%; height: 30px; line-height: 30px; padding: 0 10px; background-color: transparent; border-style: none; font-size: 14px; color: #464a4d; text-align: left; cursor: pointer; } ._whitecube-switch .submit:hover { background-color: #f5f5f5; } ._user-menu-container { height: 30px; } ._user-menu-container .submenu { left: -102px; margin-left: 0; width: 200px; border: 1px solid #c7d3d9; } ._user-menu-container .user-bg-container .user-bg-frame { width: 200px; height: 100px; position: absolute; overflow: hidden; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } ._user-menu-container .user-bg-container .user-bg { position: absolute; top: -10px; width: 200px; height: 110px; z-index: 1; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-color: #fff; } ._user-menu-container .user-bg-container .user-bg-as-balloon-tip { -webkit-transform: scaleX(1.5); -moz-transform: scaleX(1.5); -o-transform: scaleX(1.5); -ms-transform: scaleX(1.5); transform: scaleX(1.5); } ._user-menu-container .user-bg-container .user-bg-rotater { position: absolute; left: 100px; top: -4px; width: 20px; height: 20px; overflow: hidden; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-style: solid none none solid; border-width: 1px; border-color: #c7d3d9; } ._user-menu-container .user-bg-container .user-bg-rotater .user-bg-frame { -webkit-transform: rotate(-45deg) translate(-45.5px, -50px) scaleX(0.666666666666667); -moz-transform: rotate(-45deg) translate(-45.5px, -50px) scaleX(0.666666666666667); -o-transform: rotate(-45deg) translate(-45.5px, -50px) scaleX(0.666666666666667); -ms-transform: rotate(-45deg) translate(-45.5px, -50px) scaleX(0.666666666666667); transform: rotate(-45deg) translate(-45.5px, -50px) scaleX(0.666666666666667); overflow: visible; } ._user-menu-container ._icon-menu { line-height: 30px; vertical-align: top; margin-left: 5px; } ._user-menu-container ._user-icon { display: inline-block; position: relative; width: 40px; height: 40px; vertical-align: middle; -webkit-border-radius: 20px; border-radius: 20px; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-color: #fff; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.06) inset; box-shadow: 0 0 0 1px rgba(0,0,0,0.06) inset; } ._user-menu-container ._user-icon.size-30 { width: 30px; height: 30px; -webkit-border-radius: 15px; border-radius: 15px; } ._user-menu-container ._user-icon.size-32 { width: 32px; height: 32px; -webkit-border-radius: 16px; border-radius: 16px; } ._user-menu-container ._user-icon.size-40 { width: 40px; height: 40px; -webkit-border-radius: 20px; border-radius: 20px; } ._user-menu-container ._user-icon.size-60 { width: 60px; height: 60px; -webkit-border-radius: 30px; border-radius: 30px; } ._user-menu-container ._user-icon.size-80 { width: 80px; height: 80px; -webkit-border-radius: 40px; border-radius: 40px; } ._user-menu-container ._icon-menu { font-size: 12px; color: #b3b3b3; } ._user-menu-container .user-info { color: #555; position: relative; z-index: 5; text-align: center; height: 100px; line-height: 1em; padding-top: 15px; } ._user-menu-container .user-info.has-bg { padding-top: 45px; } ._user-menu-container .user-info.premium { height: 115px; } ._user-menu-container .user-info ._user-icon { width: 64px; height: 64px; -webkit-border-radius: 64px; border-radius: 64px; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); } ._user-menu-container .user-info.premium .user_premium { display: inline-block; } ._user-menu-container .user_name { height: 25px; line-height: 25px; font-size: 14px; font-weight: bolder; } ._user-menu-container .user_premium { line-height: 15px; height: 15px; font-size: 10px; background-color: #95de9f; color: #fff; -webkit-border-radius: 15px; border-radius: 15px; display: none; padding: 0 5px; } @media all and (max-width: 1050px) { ._header-container .header { margin: 0; } } .suggestions { background: #fff; border: solid 1px #c7d3d9; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; position: absolute; top: 30px; left: 76px; text-align: left; max-height: 300px; overflow-y: hidden; width: 542px; white-space: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .suggestions.active { opacity: 1; -ms-filter: none; filter: none; } .suggestions:hover { overflow-y: auto; } .suggestions .suggest { display: none; padding-bottom: 25px; line-height: 35px; } .suggestions .suggest.active { display: block; } .suggestions .suggest ul.items > li { padding: 0 10px; color: #000; cursor: pointer; } .suggestions .suggest ul.items > li.selected { background-color: #f5f5f5; } .suggestions .suggest .clear-history { color: #69d0ef; cursor: pointer; float: right; } .suggestions .suggest.inline { cursor: default; } .suggestions .suggest.inline ul.items { line-height: 25px; padding-right: 5px; } .suggestions .suggest.inline ul.items > li { display: inline-block; background-color: #f5f5f5; -webkit-border-radius: 2.5px; border-radius: 2.5px; margin-left: 5px; margin-top: 5px; white-space: nowrap; } .suggestions .suggest.inline ul.items > li.selected, .suggestions .suggest.inline ul.items > li:hover { background-color: #eee; } .suggestions .suggest.block ul.items > li { padding: 0 10px; } .suggestions .suggest.block ul.items > li:hover { background-color: #f5f5f5; } .suggestions .suggest .title { padding: 0 10px; line-height: 20px; border-bottom: solid 1px #eee; position: static; } .search .actions button { margin: 0 6px; padding: 0; background-color: transparent; border: none; } .search .actions button:last-child { margin-right: 0; } .search .actions .saved-search { font-size: 12px; position: relative; } .search .actions .saved-search:enabled { color: #65c7e9; } .search .actions .saved-search.busy .button-label { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .search .actions .saved-search.busy .busy-spinner { display: block; } .search .actions .saved-search .busy-spinner { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .search .actions .saved-search .busy-spinner img { height: 100%; } .search .actions button#save-search { display: inline; } .saved.search .actions button#save-search { display: none; } .search .actions button#remove-search { display: none; } .saved.search .actions button#remove-search { display: inline; } .search .actions ._icon-remove { width: 16px; height: 16px; line-height: 16px; -webkit-border-radius: 16px; border-radius: 16px; text-align: center; background: #ccc; color: #fff; } .tack-to-header { width: 100%; z-index: 497; } .tack-to-header.auto-hide { opacity: 1; -ms-filter: none; filter: none; -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out, -moz-transform 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out, -o-transform 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out, -ms-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; z-index: 450; } .tack-to-header.auto-hide.auto-hidden { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .tack-to-header-placeholder { width: 100%; } .tack-to-header.tacked + .tack-to-header-placeholder { position: static; margin: 0 !important; } ._speech-balloon:before, ._speech-balloon:after { content: ''; position: absolute; display: inline-block; top: -8px; left: 50%; margin-left: -12px; width: 0; height: 0; border-style: solid; border-color: #c7d3d9 transparent; border-width: 0 12px 8px; } ._speech-balloon:after { border-color: #fff transparent; top: -7px; } ._whitecube-popboard.notification-list .image { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center top; } ._page-whitecube ._label-container { background-color: #f0f2f3; } .timeline.entry_list { position: relative; padding-top: 0px; padding-bottom: 50px; min-height: calc(100vh - 50px - 43px - 0px - 50px); background-color: #f0f2f3; text-align: center; } @media (min-width: 1400px) { .timeline.entry_list { padding: 0 2.5vw 50px; } } .timeline.entry_list.no-navigation { padding-top: 30px; min-height: calc(100vh - 50px - 43px - 30px - 50px); } .timeline.entry_list.top-page:not(.loaded) { min-height: 0; z-index: 1; } .timeline.entry_list ._series-title { font-weight: bold; font-size: 2em; height: 1.5em; line-height: 1.5em; margin: 1em 0; } .timeline.entry_list ._series-title *:link, .timeline.entry_list ._series-title *:visited { color: inherit; } .timeline.entry_list ._series-title .series-badge { background: #ffc08e; display: inline-block; padding: 0.4em; margin-right: 1em; color: #fff; font-size: 0.5em; line-height: 1em; vertical-align: 0.4em; -webkit-border-radius: 3px; border-radius: 3px; } .timeline.entry_list .item-container .contents.lazy-container { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .timeline.entry_list .item-container .post-user { display: inline-block; position: relative; padding: 6px 0 0; text-align: left; line-height: 20px; color: #ccc; } .timeline.entry_list .item-container .post-user i { color: #ddd; margin-right: 4px; } .timeline.entry_list .item-container.item-not-found:only-child { display: block; } .timeline.entry_list ._sketch-notice + .item-not-found { display: block; } .timeline.entry_list .item-not-found { display: none; padding-top: 150px; font-size: 20px; font-weight: bold; color: #bcc6cc; } .timeline.entry_list .options-container { margin: 10px 20px; text-align: left; line-height: 1; color: #666; } .timeline.entry_list .options-container .item { padding: 10px; cursor: pointer; } ._restrict-label { float: left; height: 20px; line-height: 20px; padding: 0 8px; margin: 1px; -webkit-border-radius: 30px; border-radius: 30px; color: #fff; background: #999; } ._restrict-label ._icon-limited { color: inherit; font-size: 18px; vertical-align: top; } ._ad-item-container, ._work-item-container, ._novel-work-item-container, ._user-item-container, ._spotlight-item-container, ._new-works-item-container, ._popular-tags-item-container, ._ranking-item-container.illust, ._ranking-item-container.novel { display: inline-block; text-align: left; vertical-align: top; color: #999; padding: 0 10px 30px; } body.bad-ie ._ad-item-container :not(._user-icon):not(._action-button):not(._premium-badge), body.bad-ie ._work-item-container :not(._user-icon):not(._action-button):not(._premium-badge), body.bad-ie ._novel-work-item-container :not(._user-icon):not(._action-button):not(._premium-badge), body.bad-ie ._user-item-container :not(._user-icon):not(._action-button):not(._premium-badge), body.bad-ie ._spotlight-item-container :not(._user-icon):not(._action-button):not(._premium-badge), body.bad-ie ._new-works-item-container :not(._user-icon):not(._action-button):not(._premium-badge), body.bad-ie ._popular-tags-item-container :not(._user-icon):not(._action-button):not(._premium-badge), body.bad-ie ._ranking-item-container.illust :not(._user-icon):not(._action-button):not(._premium-badge), body.bad-ie ._ranking-item-container.novel :not(._user-icon):not(._action-button):not(._premium-badge) { -webkit-border-radius: 0 !important; border-radius: 0 !important; } ._ad-item-container .contents, ._work-item-container .contents, ._novel-work-item-container .contents, ._user-item-container .contents, ._spotlight-item-container .contents, ._new-works-item-container .contents, ._popular-tags-item-container .contents, ._ranking-item-container.illust .contents, ._ranking-item-container.novel .contents { -webkit-box-shadow: 0 0 0 1px rgba(188,198,204,0.3); box-shadow: 0 0 0 1px rgba(188,198,204,0.3); } ._ad-item-container .rank, ._work-item-container .rank, ._novel-work-item-container .rank, ._user-item-container .rank, ._spotlight-item-container .rank, ._new-works-item-container .rank, ._popular-tags-item-container .rank, ._ranking-item-container.illust .rank, ._ranking-item-container.novel .rank { position: relative; font-weight: bold; font-size: 14px; line-height: 30px; } ._ad-item-container .rank .new, ._work-item-container .rank .new, ._novel-work-item-container .rank .new, ._user-item-container .rank .new, ._spotlight-item-container .rank .new, ._new-works-item-container .rank .new, ._popular-tags-item-container .rank .new, ._ranking-item-container.illust .rank .new, ._ranking-item-container.novel .rank .new, ._ad-item-container .rank .up, ._work-item-container .rank .up, ._novel-work-item-container .rank .up, ._user-item-container .rank .up, ._spotlight-item-container .rank .up, ._new-works-item-container .rank .up, ._popular-tags-item-container .rank .up, ._ranking-item-container.illust .rank .up, ._ranking-item-container.novel .rank .up, ._ad-item-container .rank .stay, ._work-item-container .rank .stay, ._novel-work-item-container .rank .stay, ._user-item-container .rank .stay, ._spotlight-item-container .rank .stay, ._new-works-item-container .rank .stay, ._popular-tags-item-container .rank .stay, ._ranking-item-container.illust .rank .stay, ._ranking-item-container.novel .rank .stay { position: absolute; right: 0; font-weight: normal; font-size: 12px; color: #b3b3b3; } ._ad-item-container .meta, ._work-item-container .meta, ._novel-work-item-container .meta, ._user-item-container .meta, ._spotlight-item-container .meta, ._new-works-item-container .meta, ._popular-tags-item-container .meta, ._ranking-item-container.illust .meta, ._ranking-item-container.novel .meta { margin-top: 4px; font-size: 12px; line-height: 1; color: #bfbfbf; } ._ad-item-container .title, ._work-item-container .title, ._novel-work-item-container .title, ._user-item-container .title, ._spotlight-item-container .title, ._new-works-item-container .title, ._popular-tags-item-container .title, ._ranking-item-container.illust .title, ._ranking-item-container.novel .title { max-width: 100%; font-weight: bold; line-height: 1; color: #808080; } ._ad-item-container .title:visited, ._work-item-container .title:visited, ._novel-work-item-container .title:visited, ._user-item-container .title:visited, ._spotlight-item-container .title:visited, ._new-works-item-container .title:visited, ._popular-tags-item-container .title:visited, ._ranking-item-container.illust .title:visited, ._ranking-item-container.novel .title:visited { color: #ccc; } ._ad-item-container .footer, ._work-item-container .footer, ._novel-work-item-container .footer, ._user-item-container .footer, ._spotlight-item-container .footer, ._new-works-item-container .footer, ._popular-tags-item-container .footer, ._ranking-item-container.illust .footer, ._ranking-item-container.novel .footer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 0; width: 100%; padding: 0 8px; line-height: 31px; border-top: 1px solid rgba(0,0,0,0.05); } ._ad-item-container .reaction, ._work-item-container .reaction, ._novel-work-item-container .reaction, ._user-item-container .reaction, ._spotlight-item-container .reaction, ._new-works-item-container .reaction, ._popular-tags-item-container .reaction, ._ranking-item-container.illust .reaction, ._ranking-item-container.novel .reaction { position: absolute; right: 0; top: 0; line-height: 30px; padding: 0 8px 0 16px; color: #b3b3b3; background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0, #fff 32px); background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0, #fff 32px); background-image: -o-linear-gradient(0deg, rgba(255,255,255,0) 0, #fff 32px); background-image: -ms-linear-gradient(0deg, rgba(255,255,255,0) 0, #fff 32px); background-image: linear-gradient(90deg, rgba(255,255,255,0) 0, #fff 32px); } ._ad-item-container .reaction ._icon-text, ._work-item-container .reaction ._icon-text, ._novel-work-item-container .reaction ._icon-text, ._user-item-container .reaction ._icon-text, ._spotlight-item-container .reaction ._icon-text, ._new-works-item-container .reaction ._icon-text, ._popular-tags-item-container .reaction ._icon-text, ._ranking-item-container.illust .reaction ._icon-text, ._ranking-item-container.novel .reaction ._icon-text { margin-left: 2px; vertical-align: -1px; line-height: 1; } ._ad-item-container .report, ._work-item-container .report, ._novel-work-item-container .report, ._user-item-container .report, ._spotlight-item-container .report, ._new-works-item-container .report, ._popular-tags-item-container .report, ._ranking-item-container.illust .report, ._ranking-item-container.novel .report { margin-right: 8px; } ._ad-item-container .like-container, ._work-item-container .like-container, ._novel-work-item-container .like-container, ._user-item-container .like-container, ._spotlight-item-container .like-container, ._new-works-item-container .like-container, ._popular-tags-item-container .like-container, ._ranking-item-container.illust .like-container, ._ranking-item-container.novel .like-container { display: inline-block; } ._ad-item-container .like-container .like-count, ._work-item-container .like-container .like-count, ._novel-work-item-container .like-container .like-count, ._user-item-container .like-container .like-count, ._spotlight-item-container .like-container .like-count, ._new-works-item-container .like-container .like-count, ._popular-tags-item-container .like-container .like-count, ._ranking-item-container.illust .like-container .like-count, ._ranking-item-container.novel .like-container .like-count { cursor: pointer; } ._ad-item-container .like-container .like-count.zero, ._work-item-container .like-container .like-count.zero, ._novel-work-item-container .like-container .like-count.zero, ._user-item-container .like-container .like-count.zero, ._spotlight-item-container .like-container .like-count.zero, ._new-works-item-container .like-container .like-count.zero, ._popular-tags-item-container .like-container .like-count.zero, ._ranking-item-container.illust .like-container .like-count.zero, ._ranking-item-container.novel .like-container .like-count.zero { display: none; } ._ad-item-container .toggle-bookmark, ._work-item-container .toggle-bookmark, ._novel-work-item-container .toggle-bookmark, ._user-item-container .toggle-bookmark, ._spotlight-item-container .toggle-bookmark, ._new-works-item-container .toggle-bookmark, ._popular-tags-item-container .toggle-bookmark, ._ranking-item-container.illust .toggle-bookmark, ._ranking-item-container.novel .toggle-bookmark { display: inline-block; cursor: pointer; } ._ad-item-container .toggle-bookmark:hover ._icon-like, ._work-item-container .toggle-bookmark:hover ._icon-like, ._novel-work-item-container .toggle-bookmark:hover ._icon-like, ._user-item-container .toggle-bookmark:hover ._icon-like, ._spotlight-item-container .toggle-bookmark:hover ._icon-like, ._new-works-item-container .toggle-bookmark:hover ._icon-like, ._popular-tags-item-container .toggle-bookmark:hover ._icon-like, ._ranking-item-container.illust .toggle-bookmark:hover ._icon-like, ._ranking-item-container.novel .toggle-bookmark:hover ._icon-like, ._ad-item-container .toggle-bookmark:hover ._icon-like-private, ._work-item-container .toggle-bookmark:hover ._icon-like-private, ._novel-work-item-container .toggle-bookmark:hover ._icon-like-private, ._user-item-container .toggle-bookmark:hover ._icon-like-private, ._spotlight-item-container .toggle-bookmark:hover ._icon-like-private, ._new-works-item-container .toggle-bookmark:hover ._icon-like-private, ._popular-tags-item-container .toggle-bookmark:hover ._icon-like-private, ._ranking-item-container.illust .toggle-bookmark:hover ._icon-like-private, ._ranking-item-container.novel .toggle-bookmark:hover ._icon-like-private { color: #d6d6d6; } ._ad-item-container .toggle-bookmark.on ._icon-like, ._work-item-container .toggle-bookmark.on ._icon-like, ._novel-work-item-container .toggle-bookmark.on ._icon-like, ._user-item-container .toggle-bookmark.on ._icon-like, ._spotlight-item-container .toggle-bookmark.on ._icon-like, ._new-works-item-container .toggle-bookmark.on ._icon-like, ._popular-tags-item-container .toggle-bookmark.on ._icon-like, ._ranking-item-container.illust .toggle-bookmark.on ._icon-like, ._ranking-item-container.novel .toggle-bookmark.on ._icon-like, ._ad-item-container .toggle-bookmark.waiting ._icon-like, ._work-item-container .toggle-bookmark.waiting ._icon-like, ._novel-work-item-container .toggle-bookmark.waiting ._icon-like, ._user-item-container .toggle-bookmark.waiting ._icon-like, ._spotlight-item-container .toggle-bookmark.waiting ._icon-like, ._new-works-item-container .toggle-bookmark.waiting ._icon-like, ._popular-tags-item-container .toggle-bookmark.waiting ._icon-like, ._ranking-item-container.illust .toggle-bookmark.waiting ._icon-like, ._ranking-item-container.novel .toggle-bookmark.waiting ._icon-like { color: #f64160; } ._ad-item-container .toggle-bookmark.on ._icon-like-private, ._work-item-container .toggle-bookmark.on ._icon-like-private, ._novel-work-item-container .toggle-bookmark.on ._icon-like-private, ._user-item-container .toggle-bookmark.on ._icon-like-private, ._spotlight-item-container .toggle-bookmark.on ._icon-like-private, ._new-works-item-container .toggle-bookmark.on ._icon-like-private, ._popular-tags-item-container .toggle-bookmark.on ._icon-like-private, ._ranking-item-container.illust .toggle-bookmark.on ._icon-like-private, ._ranking-item-container.novel .toggle-bookmark.on ._icon-like-private, ._ad-item-container .toggle-bookmark.waiting ._icon-like-private, ._work-item-container .toggle-bookmark.waiting ._icon-like-private, ._novel-work-item-container .toggle-bookmark.waiting ._icon-like-private, ._user-item-container .toggle-bookmark.waiting ._icon-like-private, ._spotlight-item-container .toggle-bookmark.waiting ._icon-like-private, ._new-works-item-container .toggle-bookmark.waiting ._icon-like-private, ._popular-tags-item-container .toggle-bookmark.waiting ._icon-like-private, ._ranking-item-container.illust .toggle-bookmark.waiting ._icon-like-private, ._ranking-item-container.novel .toggle-bookmark.waiting ._icon-like-private { color: #ffc2b8; } ._ad-item-container .toggle-bookmark ._icon-like, ._work-item-container .toggle-bookmark ._icon-like, ._novel-work-item-container .toggle-bookmark ._icon-like, ._user-item-container .toggle-bookmark ._icon-like, ._spotlight-item-container .toggle-bookmark ._icon-like, ._new-works-item-container .toggle-bookmark ._icon-like, ._popular-tags-item-container .toggle-bookmark ._icon-like, ._ranking-item-container.illust .toggle-bookmark ._icon-like, ._ranking-item-container.novel .toggle-bookmark ._icon-like, ._ad-item-container .toggle-bookmark ._icon-like-private, ._work-item-container .toggle-bookmark ._icon-like-private, ._novel-work-item-container .toggle-bookmark ._icon-like-private, ._user-item-container .toggle-bookmark ._icon-like-private, ._spotlight-item-container .toggle-bookmark ._icon-like-private, ._new-works-item-container .toggle-bookmark ._icon-like-private, ._popular-tags-item-container .toggle-bookmark ._icon-like-private, ._ranking-item-container.illust .toggle-bookmark ._icon-like-private, ._ranking-item-container.novel .toggle-bookmark ._icon-like-private { -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; color: #ccc; } ._ad-item-container .toggle-bookmark ._icon-like-private, ._work-item-container .toggle-bookmark ._icon-like-private, ._novel-work-item-container .toggle-bookmark ._icon-like-private, ._user-item-container .toggle-bookmark ._icon-like-private, ._spotlight-item-container .toggle-bookmark ._icon-like-private, ._new-works-item-container .toggle-bookmark ._icon-like-private, ._popular-tags-item-container .toggle-bookmark ._icon-like-private, ._ranking-item-container.illust .toggle-bookmark ._icon-like-private, ._ranking-item-container.novel .toggle-bookmark ._icon-like-private { display: none; } ._ad-item-container .toggle-bookmark.private ._icon-like, ._work-item-container .toggle-bookmark.private ._icon-like, ._novel-work-item-container .toggle-bookmark.private ._icon-like, ._user-item-container .toggle-bookmark.private ._icon-like, ._spotlight-item-container .toggle-bookmark.private ._icon-like, ._new-works-item-container .toggle-bookmark.private ._icon-like, ._popular-tags-item-container .toggle-bookmark.private ._icon-like, ._ranking-item-container.illust .toggle-bookmark.private ._icon-like, ._ranking-item-container.novel .toggle-bookmark.private ._icon-like { display: none; } ._ad-item-container .toggle-bookmark.private ._icon-like-private, ._work-item-container .toggle-bookmark.private ._icon-like-private, ._novel-work-item-container .toggle-bookmark.private ._icon-like-private, ._user-item-container .toggle-bookmark.private ._icon-like-private, ._spotlight-item-container .toggle-bookmark.private ._icon-like-private, ._new-works-item-container .toggle-bookmark.private ._icon-like-private, ._popular-tags-item-container .toggle-bookmark.private ._icon-like-private, ._ranking-item-container.illust .toggle-bookmark.private ._icon-like-private, ._ranking-item-container.novel .toggle-bookmark.private ._icon-like-private { display: inline; } .item-container.emptied ._context-count, .item-container.emptied .playable { display: none; } ._context-count { position: absolute; top: 0; right: 0; padding: 0 8px; font-size: 12px; line-height: 26px; color: #fff; background-color: rgba(117,124,128,0.5); -webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; } ._context-count ._pico-12 { vertical-align: -2px; color: #fff; } ._work-item-container.portfolio .image { background-position: center center; background-repeat: no-repeat; background-color: #fff; min-width: 280px; max-width: 840px; min-height: 390px; max-height: 390px; } ._work-item-container.portfolio .contents { position: relative; min-width: 280px; max-width: 840px; height: 390px; } ._work-item-container.portfolio .playable { top: 163px; } ._work-item-container.portfolio .contents { min-width: 280px; height: 420px; } ._work-item-container.portfolio .thumbnail { line-height: 390px; min-height: 390px; } ._work-item-container.portfolio .thumbnail img { vertical-align: middle; } ._work-item-container.portfolio .footer { padding-left: 8px; } ._work-item-container.portfolio .details { padding-left: 0; margin: 0; } ._work-item-container.portfolio .tags { line-height: 1em; } ._work-item-container.portfolio .tags .tag { vertical-align: top; } body.ranking ._ad-item-container { margin-top: 30px; } ._work-type-novels ._ad-item-container { margin: 0 85px; } ._ad-item-container .footer { position: static; text-align: right; height: 20px; font-size: 12px; line-height: 12px; padding: 4px 0; } @media (min-width: 1400px) { ._ad-item-container .footer { height: 30px; padding: 8px; background-color: #fff; } } ._ad-item-container .footer a { display: inline-block; color: inherit; } ._ad-item-container .footer a ._pico-12 { margin-top: -2px; } ._work-item-container .tag, ._novel-work-item-container .tag { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; float: left; margin: 1px 1px 1px 0; padding: 0 6px; max-width: 100%; line-height: 20px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } ._work-item-container .tag.r-18, ._novel-work-item-container .tag.r-18, ._work-item-container .tag.r-18g, ._novel-work-item-container .tag.r-18g { background-color: rgba(255,176,194,0.85); } ._work-item-container .tag.author, ._novel-work-item-container .tag.author { -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); background-color: rgba(0,0,0,0.3); } ._work-item-container .image { background-position: center center; background-repeat: no-repeat; background-color: #fff; min-width: 160px; max-width: 500px; min-height: 250px; max-height: 250px; } @media (min-width: 1400px) { ._work-item-container .image { min-width: 180px; max-width: 560px; min-height: 280px; max-height: 280px; } } ._work-item-container .image ._icon-explicit { font-size: 60px; color: #eee; line-height: 250px; } @media (min-width: 1400px) { ._work-item-container .image ._icon-explicit { line-height: 280px; } } ._work-item-container .contents { position: relative; min-width: 160px; max-width: 500px; height: 250px; overflow: hidden; background-color: #fff; text-align: left; -webkit-border-radius: 4px; border-radius: 4px; } @media (min-width: 1400px) { ._work-item-container .contents { min-width: 180px; max-width: 560px; height: 280px; } } ._work-item-container .contents:hover .tag.author { opacity: 1; -ms-filter: none; filter: none; } ._work-item-container .contents:hover ._balloon-menu-opener { opacity: 1; -ms-filter: none; filter: none; } ._work-item-container .contents:hover::before { content: none; } ._work-item-container .tags { position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1; left: 0; top: 0; padding: 2px 2px 0 3px; text-align: left; height: 0; max-width: 100%; } ._work-item-container .thumbnail { display: block; position: relative; text-align: center; background-color: #fff; } ._work-item-container .thumbnail .ugoira.player-container { display: none; } ._work-item-container .thumbnail.ugoira .tags { z-index: 2; } ._work-item-container .thumbnail.ugoira .ugoira.player-container { display: block; position: absolute; top: 0; left: 0; z-index: 1; } ._work-item-container .thumbnail img, ._work-item-container .thumbnail .ugoira canvas { vertical-align: bottom; max-width: 100%; min-height: 50px; min-width: 50px; } ._work-item-container .playable { position: absolute; top: 78px; left: 50%; width: 64px; margin-left: -32px; line-height: 64px; background-color: rgba(0,0,0,0.15); -webkit-border-radius: 32px; border-radius: 32px; } @media (min-width: 1400px) { ._work-item-container .playable { top: 93px; } } ._work-item-container ._icon-play { font-size: 48px; line-height: 64px; vertical-align: top; color: rgba(255,255,255,0.9); } ._work-item-container ._user-icon-container { position: absolute; z-index: 2; bottom: 24px; left: 4px; } ._work-item-container .footer { height: 30px; padding: 10px 0 0 8px; font-size: 10px; line-height: 1; background-color: rgba(255,255,255,0.92); } ._work-item-container ._balloon-menu-opener { -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } ._work-item-container .title { display: inline-block; overflow: hidden; white-space: nowrap; color: #b3b3b3; } ._novel-work-item-container.portfolio .contents { width: 300px; height: 420px; padding: 0; background-color: #fff; -webkit-border-radius: 4px; border-radius: 4px; } @media (min-width: 1400px) { ._novel-work-item-container.portfolio .contents { height: 420px; } } ._novel-work-item-container.portfolio .cover { position: static; padding: 10px; height: auto; text-align: center; } @media (min-width: 1400px) { ._novel-work-item-container.portfolio .cover { height: auto; } } ._novel-work-item-container.portfolio .thumbnail { width: 130px; height: 150px; margin: 0; } ._novel-work-item-container.portfolio ._icon-explicit { width: 128px; height: 148px; line-height: 148px; } ._novel-work-item-container.portfolio .body { padding: 20px 10px 0; } ._novel-work-item-container.portfolio .footer { width: 300px; } ._novel-work-item-container .contents { position: relative; overflow: hidden; width: 310px; height: 230px; padding: 20px 20px 0 140px; background-color: #fff; -webkit-border-radius: 4px; border-radius: 4px; } @media (min-width: 1400px) { ._novel-work-item-container .contents { height: 260px; } } ._novel-work-item-container .cover { position: absolute; top: 0; left: 0; height: 250px; background-color: #f2f2f2; } @media (min-width: 1400px) { ._novel-work-item-container .cover { height: 280px; } } ._novel-work-item-container .cover .tags { position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: 0; top: 0; padding: 2px 2px 0 3px; max-width: 100%; text-align: left; } ._novel-work-item-container .thumbnail { display: inline-block; width: 104px; height: 130px; margin: 10px 8px; vertical-align: top; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } ._novel-work-item-container ._icon-explicit { display: inline-block; width: 102px; height: 128px; line-height: 128px; border: 1px solid #eee; color: #eee; background: #fff; font-size: 40px; text-align: center; } ._novel-work-item-container .title { font-size: 14px; font-weight: bold; line-height: 20px; color: #464a4d; } ._novel-work-item-container .series-title { display: inline-block; margin-top: 7px; color: #f8a56f; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 1; font-weight: bold; } ._novel-work-item-container .user-name { margin: 10px 0 20px; line-height: 1; } ._novel-work-item-container .user-name a { color: #757c80; } ._novel-work-item-container ._tag-container { margin: 10px 0; } ._novel-work-item-container ._tag-container .tag { padding: 0; } ._novel-work-item-container .caption { margin-top: 10px; font-size: 12px; line-height: 18px; text-align: justify; color: #757c80; } ._novel-work-item-container .text-count { color: #8d9599; } ._novel-work-item-container .footer { background-color: #fff; right: 0; width: 350px; } ._novel-work-item-container .footer::before { content: ''; position: absolute; top: -15px; height: 15px; width: 100%; background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0, #fff 20px); background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0, #fff 20px); background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0, #fff 20px); background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0, #fff 20px); background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0, #fff 20px); } ._novel-work-item-container ._icon-bookmark { font-size: 20px; margin-right: 5px; color: #ff407a; } ._novel-work-item-container .module-marker { display: none; } ._novel-work-item-container .module-marker.active { display: inline; } ._user-item-container .contents { position: relative; overflow: hidden; width: 300px; height: 250px; text-align: center; background-color: #fff; -webkit-border-radius: 4px; border-radius: 4px; } @media (min-width: 1400px) { ._user-item-container .contents { height: 280px; } } ._user-item-container ._context-count { z-index: 2; } ._user-item-container .cover-images { height: 150px; text-align: left; direction: rtl; } @media (min-width: 1400px) { ._user-item-container .cover-images { height: 180px; } } ._user-item-container .cover-images:hover .image { opacity: 1; -ms-filter: none; filter: none; } ._user-item-container .image { -webkit-transition: opacity 0.2s ease-in-out, box-shadow 0.1s ease-in-out; -moz-transition: opacity 0.2s ease-in-out, box-shadow 0.1s ease-in-out; -o-transition: opacity 0.2s ease-in-out, box-shadow 0.1s ease-in-out; -ms-transition: opacity 0.2s ease-in-out, box-shadow 0.1s ease-in-out; transition: opacity 0.2s ease-in-out, box-shadow 0.1s ease-in-out; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); display: inline-block; position: relative; z-index: 1; width: 30px; height: 30px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: top center; } ._user-item-container .image.default { -webkit-box-shadow: inset 0 0 0 2px #25c6ff; box-shadow: inset 0 0 0 2px #25c6ff; } ._user-item-container .image.default:hover ~ .cover .default { display: block; } ._user-item-container .image:hover { -webkit-box-shadow: inset 0 0 0 2px #25c6ff; box-shadow: inset 0 0 0 2px #25c6ff; } ._user-item-container .image:hover ~ .image.default { -webkit-box-shadow: none; box-shadow: none; } ._user-item-container .image:hover + .cover-image { display: block; } ._user-item-container .image:hover ~ .cover .default { display: none; } ._user-item-container .cover-image { display: none; position: absolute; top: 0; left: 0; background-color: #f2f2f2; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; width: 300px; height: 150px; } @media (min-width: 1400px) { ._user-item-container .cover-image { height: 180px; } } ._user-item-container .cover-image.portrait { background-position: top center; } ._user-item-container .cover-image.full-scale { -webkit-background-size: initial; -moz-background-size: initial; background-size: initial; } ._user-item-container .cover-image.default { display: block; } ._user-item-container .cover-image.novel { overflow: hidden; background-color: #f2f2f2; } ._user-item-container .cover-image.novel .book { position: absolute; left: 78px; width: 144px; height: 180px; background-position: top; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } ._user-item-container .cover-image.novel .title { position: absolute; left: 78px; width: 140px; height: 140px; padding: 40px 2px 0; text-align: center; font-size: 12px; font-weight: bold; line-height: 20px; color: #fff; background-color: rgba(0,0,0,0.3); } ._user-item-container ._user-icon { position: absolute; top: 100px; left: 120px; } @media (min-width: 1400px) { ._user-item-container ._user-icon { top: 130px; } } ._user-item-container .account { margin-top: 16px; line-height: 1; } ._user-item-container .user-name { display: inline; font-weight: bold; line-height: 1; font-size: 14px; } ._user-item-container .user-name a { color: #464a4d; } ._user-item-container ._premium-badge { margin-left: 4px; } ._user-item-container .text { display: none; margin-top: 16px; line-height: 1; color: #757c80; } ._user-item-container ._follow-button-container { margin-top: 16px; } ._user-item-container .relationship { position: absolute; width: 100%; bottom: 8px; text-align: center; line-height: 12px; color: #b3b3b3; } ._user-item-container .relationship ._icon-like { color: #ff7966; } ._user-item-container .relationship ._icon-like, ._user-item-container .relationship ._icon-smile { vertical-align: top; } ._user-item-container .relationship ._icon-text { font-size: 10px; line-height: 1; vertical-align: 0; } ._user-item-container ._action-button { margin: 0; } .user-followers.timeline ._user-item-container .followed-by { display: none; } ._profile-popup { position: absolute; z-index: 1002; } ._profile-popup .item-container { padding: 0; } ._profile-popup .contents { height: 300px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2); } ._profile-popup .contents .cover-images, ._profile-popup .contents .cover-image { height: 180px; } ._profile-popup ._user-icon { bottom: 110px; } ._profile-popup .account { bottom: 90px; } ._profile-popup .text { display: block; } ._spotlight-item-container .contents { position: relative; overflow: hidden; width: 312px; height: 262px; margin: -6px; background-color: #fff; -webkit-border-radius: 4px; border-radius: 4px; } @media (min-width: 1400px) { ._spotlight-item-container .contents { height: 292px; } } ._work-type-novels ._spotlight-item-container .contents { width: 482px; } ._spotlight-item-container .cover { display: block; height: 181px; background-position: top center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; border-bottom: 1px solid #f2f2f2; } @media (min-width: 1400px) { ._spotlight-item-container .cover { height: 211px; } } ._spotlight-item-container .service { position: absolute; bottom: 54px; left: 6px; } ._spotlight-item-container .logo { vertical-align: bottom; } ._spotlight-item-container .label { padding-left: 4px; line-height: 1; font-weight: bold; color: #b3b3b3; } ._spotlight-item-container .title { display: inline-block; margin: 30px 20px 0; color: #4d4d4d; font-size: 14px; line-height: 20px; font-weight: bold; text-align: justify; } ._spotlight-item-container .title.clamped { height: 40px; overflow: hidden; } ._spotlight-item-container .title.clamped > span { float: right; width: 100%; margin-left: -5px; } ._spotlight-item-container .title.clamped:before { content: ''; float: left; width: 5px; height: 40px; } ._spotlight-item-container .title.clamped .fadeout { float: right; width: 40px; height: 20px; margin-left: -40px; padding-right: 5px; text-align: right; position: relative; top: -20px; left: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0), #fff 40px); background: -moz-linear-gradient(left, rgba(255,255,255,0), #fff 40px); background: -o-linear-gradient(left, rgba(255,255,255,0), #fff 40px); background: -ms-linear-gradient(left, rgba(255,255,255,0), #fff 40px); background: linear-gradient(to right, rgba(255,255,255,0), #fff 40px); } ._new-works-item-container { display: none; } ._new-works-item-container .contents { overflow: hidden; position: relative; background: #fff; -webkit-border-radius: 4px; border-radius: 4px; width: 224px; height: 280px; } @media (min-width: 1400px) { ._new-works-item-container .contents { width: 264px; height: 330px; } } ._new-works-item-container .cover:hover .new-works { opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); } ._new-works-item-container .new-works { -webkit-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -o-transition: opacity 0.1s; -ms-transition: opacity 0.1s; transition: opacity 0.1s; } ._new-works-item-container .title { padding: 0 8px; line-height: 26px; color: #fff; background: rgba(0,0,0,0.3); border-bottom-right-radius: 4px; position: absolute; left: 0; top: 0; z-index: 2; } ._new-works-item-container .work { display: inline-block; vertical-align: top; background-position: top; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; width: 56px; height: 56px; } @media (min-width: 1400px) { ._new-works-item-container .work { width: 66px; height: 66px; } } ._popular-tags-item-container { display: block; padding: 30px 0; } ._popular-tags-item-container .contents { width: 100%; height: 40px; line-height: 40px; text-align: center; white-space: nowrap; } ._popular-tags-item-container .contents:hover { -webkit-box-shadow: none; box-shadow: none; } ._popular-tags-item-container ._icon-tag { margin-right: 6px; } ._popular-tags-item-container .tag { display: inline-block; white-space: nowrap; height: 40px; margin-left: 10px; vertical-align: middle; } ._popular-tags-item-container .tag:hover { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); position: relative; top: -5px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.08); box-shadow: 0 5px 10px rgba(0,0,0,0.08); -webkit-transition: -webkit-transform 0.2s ease-out, top 0.2s ease-out, box-shadow 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out, top 0.2s ease-out, box-shadow 0.2s ease-out; -o-transition: -o-transform 0.2s ease-out, top 0.2s ease-out, box-shadow 0.2s ease-out; -ms-transition: -ms-transform 0.2s ease-out, top 0.2s ease-out, box-shadow 0.2s ease-out; transition: transform 0.2s ease-out, top 0.2s ease-out, box-shadow 0.2s ease-out; } ._popular-tags-item-container .tag.novels .thumbnail { display: none; } ._popular-tags-item-container .tag.novels .name { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } ._popular-tags-item-container .thumbnail { display: inline-block; width: 40px; height: 40px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; background-color: #000; vertical-align: top; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } ._popular-tags-item-container .name { display: inline-block; padding: 0 8px; font-size: 12px; color: #666; background: #fff; border-top-right-radius: 4px; border-bottom-right-radius: 4px; max-width: 10em; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } ._ranking-item-container.illust .contents { display: block; position: relative; overflow: hidden; width: 470px; height: 250px; background-color: #464a4d; -webkit-border-radius: 4px; border-radius: 4px; } @media (min-width: 1400px) { ._ranking-item-container.illust .contents { height: 280px; } } ._ranking-item-container.illust .label { position: absolute; top: 0; left: 310px; padding: 30px 0 0 10px; } ._ranking-item-container.illust .title { color: #fff; font-size: 14px; line-height: 1; font-weight: bold; } ._ranking-item-container.illust .date { margin-top: 4px; line-height: 1; font-size: 12px; color: #ccc; } ._ranking-item-container.illust .work { -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; -ms-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; position: absolute; z-index: 1; bottom: 0; width: 80px; height: 80px; background-position: top center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } ._ranking-item-container.illust .work:hover { -webkit-box-shadow: inset 0 0 0 3px #25c6ff; box-shadow: inset 0 0 0 3px #25c6ff; } ._ranking-item-container.illust .work:hover + .image { display: block; } ._ranking-item-container.illust .image { display: none; position: absolute; top: 0; left: 0; width: 310px; height: 280px; background-position: top center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } ._ranking-item-container.illust .image-1 { display: block; } ._ranking-item-container.illust .work-1 { display: none; right: 160px; } ._ranking-item-container.illust .work-2 { right: 80px; } ._ranking-item-container.illust .work-3 { right: 0; } ._ranking-item-container.illust .more { position: absolute; bottom: 0; right: 0; padding: 9px 8px 9px 12px; line-height: 1; color: #fff; background-color: rgba(23,25,26,0.5); border-top-left-radius: 4px; } ._ranking-item-container.illust ._icon-detail { vertical-align: top; color: #ccc; } ._ranking-item-container.novel .contents { display: block; position: relative; overflow: hidden; width: 470px; height: 250px; background-color: #464a4d; -webkit-border-radius: 4px; border-radius: 4px; } @media (min-width: 1400px) { ._ranking-item-container.novel .contents { height: 280px; } } ._ranking-item-container.novel .label { padding: 30px 0 0 10px; } ._ranking-item-container.novel .title { color: #fff; font-size: 14px; line-height: 1; font-weight: bold; } ._ranking-item-container.novel .date { margin-top: 4px; line-height: 1; font-size: 12px; color: #b3b3b3; } ._ranking-item-container.novel .ranking-works { text-align: right; line-height: 190px; } @media (min-width: 1400px) { ._ranking-item-container.novel .ranking-works { line-height: 220px; } } ._ranking-item-container.novel .work { display: inline-block; position: relative; width: 128px; height: 160px; margin: 0 0 0 20px; vertical-align: bottom; color: #fff; background-position: top; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } ._ranking-item-container.novel .work::after { content: ''; position: absolute; top: -10px; left: -10px; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; font-weight: bold; -webkit-border-radius: 15px; border-radius: 15px; } ._ranking-item-container.novel .work-title { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; padding: 27px 10px 0; line-height: 20px; text-align: center; font-weight: bold; background-color: rgba(0,0,0,0.3); } ._ranking-item-container.novel .work-1::after { content: '1'; background-color: #dcb730; } ._ranking-item-container.novel .work-2::after { content: '2'; color: #666; background-color: #d2d2d2; } ._ranking-item-container.novel .work-3::after { content: '3'; background-color: #cfa885; } ._date-item-container > .contents { color: #777; text-align: left; font-size: 14px; font-weight: bold; border-bottom: 1px solid #eee; padding-bottom: 10px; margin: 60px 80px 20px; -webkit-border-radius: 4px; border-radius: 4px; } ._hot-item-container { margin: 20px 80px; padding: 20px 0 20px 20px; background: #f9f9f9; } ._hot-item-container > .contents { position: relative; overflow: hidden; z-index: 2; -webkit-border-radius: 8px; border-radius: 8px; } ._hot-item-container > .contents > .ranking-block { text-align: left; white-space: nowrap; } ._hot-item-container > .contents > .ranking-block > .ranking-item { position: relative; } ._hot-item-container > .contents > .ranking-block > .ranking-item > .rank-marker { z-index: 1; position: absolute; top: 4px; left: 4px; width: 30px; height: 30px; line-height: 30px; text-align: center; vertical-align: middle; color: #fff; background-color: #7fc0d7; -webkit-border-radius: 4px; border-radius: 4px; } ._hot-item-container > .contents > .ranking-block > .ranking-item > ._work-item-container { padding: 0; } ._hot-item-container > .contents > .ranking-block > .ranking-item { display: inline-block; margin-right: 80px; } ._hot-item-container > .contents > .ranking-block > .header { line-height: 100%; margin-bottom: 10px; } ._hot-item-container > .contents > .ranking-block > .header > .title { color: #555; font-weight: normal; padding-left: 2px; } ._hot-item-container > .contents > .ranking-block > .header > .navigation { color: #aaa; position: absolute; right: 290px; top: 0; } ._hot-item-container > .contents > .ranking-block > .header > .navigation > ._icon-detail { color: #ddd; } ._hot-item-container > .contents > .ranking-block.without-headline > .header > .navigation { right: 20px; } ._hot-item-container > .contents > .headline-block.without-ranking { position: static; border-left: none; padding: 0; } ._hot-item-container > .contents > .headline-block { position: absolute; right: 0; top: 0; height: 100%; width: 230px; border-left: 1px solid #ddd; padding: 0 20px; background: #f9f9f9; z-index: 1; } ._hot-item-container > .contents > .headline-block > .title { text-align: left; margin-bottom: 10px; line-height: 12px; color: #555; } ._hot-item-container > .contents > .headline-block > .headline-item { display: inline-block; height: 100px; width: 230px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 4px; } ._hot-item-container > .contents > .headline-block > .headline-item > .cover { display: block; height: 100%; background-color: rgba(0,0,0,0.4); -webkit-border-radius: 5px; border-radius: 5px; } ._hot-item-container > .contents > .headline-block > .headline-item > .cover > .category { background: #5aaeeb; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; display: inline-block; font-size: 10px; padding: 2px 6px; } ._hot-item-container > .contents > .headline-block > .headline-item > .cover > .title { color: #fff; display: block; font-size: 14px; font-weight: bold; margin-top: 6px; } ._work-box-container { display: inline-block; padding: 20px 16px; } ._work-box-container .wrapper { background: #f8f8f8; -webkit-border-radius: 8px; border-radius: 8px; width: 324px; padding: 20px; } ._work-box-container .wrapper .header { position: relative; height: 24px; } ._work-box-container .wrapper .header .title { position: absolute; left: 0; top: 0; color: #666; } ._work-box-container .wrapper .header .navigation { position: absolute; right: 0; top: 0; color: #999; } ._work-box-container .wrapper .work { display: inline-block; width: 100px; height: 100px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center; margin: 1px 4px; } .timeline-load-more { height: 500px; background-color: #f0f2f3; } .timeline-load-more:not(.loaded) { padding-bottom: 500px; } .timeline-load-more:not(.loaded) .animation { top: 25%; } .ui-fixed-container { position: relative; } .ui-fixed { z-index: 450; top: 0; left: 0; } .ui-fixed.ui-fixed-on { position: fixed; } ._list-container { position: relative; margin: 20px 0 0; } ._mega-menu { display: inline-block; position: relative; } ._mega-menu .title { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; -webkit-border-radius: 4px; border-radius: 4px; } ._mega-menu ._icon-menu { color: #8d9599; } ._mega-menu .popup-options.default { top: 36px; left: -20px; margin-left: 0; padding-top: 15px; padding-bottom: 15px; min-width: 200px; border-color: #c5d0d6; } ._mega-menu .popup-options.default:before { border-color: transparent transparent #c5d0d6 transparent; } ._mega-menu .popup-options.default:before, ._mega-menu .popup-options.default:after { left: 32px; } @media all and (max-width: 1050px) { ._mega-menu .popup-options.default { left: 0; border-top-left-radius: 0; } ._mega-menu .popup-options.default:before, ._mega-menu .popup-options.default:after { left: 12px; } } ._mega-menu .popup-options .popup-list { max-height: none; } ._mega-menu .item { display: block; height: 24px; line-height: 24px; padding-left: 20px; color: #464a4d; font-size: 14px; font-weight: normal; } ._mega-menu .item:hover, ._mega-menu .item:visited { color: #464a4d; } ._mega-menu .item:hover { background: #f7f7f7; } ._mega-menu .item-group { margin-top: 20px; } ._mega-menu .item-group:first-child { margin-top: 0; } ._mega-menu .external.item-group { padding-top: 20px; border-top: 1px solid #eee; } html._page-messages { height: 100%; } html._page-messages body { height: 100%; } .messages-container .messages-icon { background-position: center; background-repeat: no-repeat; } .messages-container .messages-icon.attach-content { background-image: url("/source_common/images/messages/messages-clip.png"); -webkit-background-size: 17px 19px; -moz-background-size: 17px 19px; background-size: 17px 19px; } .messages-container .messages-icon.post-content { background-image: url("/source_common/images/messages/messages-plane.png"); -webkit-background-size: 16px 15px; -moz-background-size: 16px 15px; background-size: 16px 15px; } .messages-container .messages-icon.button-messages-actions { background-image: url("/source_common/images/messages/messages-ellipsis.png"); -webkit-background-size: 16px 4px; -moz-background-size: 16px 4px; background-size: 16px 4px; } .messages-container .messages-icon.button-messages-see-more { background-image: url("/source_common/images/messages/messages-ellipsis-blue.png"); -webkit-background-size: 16px 4px; -moz-background-size: 16px 4px; background-size: 16px 4px; } .messages-container .messages-icon.message-error { background-image: url("/source_common/images/messages/messages-error.png"); -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; } .messages-container .context-popup { cursor: pointer; } .messages-container .context-popup:hover .context-popup-box { display: block; } .messages-container .context-popup .context-popup-box { display: none; text-align: center; font-weight: lighter; -webkit-border-radius: 5px; border-radius: 5px; line-height: 30px; min-width: 130px; background: #555; color: #fff; position: absolute; left: 50%; margin-left: -65px; top: 32px; } .messages-container .context-popup .context-popup-box .notch { left: 50%; margin-left: -8px; top: -8px; position: absolute; width: 17px; height: 9px; -webkit-background-size: 17px 9px; -moz-background-size: 17px 9px; background-size: 17px 9px; background-image: url("/source_common/images/messages/messages-notch.png"); } .messages-container .context-popup .context-popup-box ul.actions { overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px; } .messages-container .context-popup .context-popup-box ul.actions > li { border-bottom: solid 1px #777; } .messages-container .context-popup .context-popup-box ul.actions > li:last-child { border: none; } .messages-container .context-popup .context-popup-box ul.actions > li:hover { background: #777; } .messages-container .header { position: relative; } .messages-container .header .button-messages-actions { position: absolute; top: 0; right: 0; width: 35px; height: 34px; text-align: center; cursor: pointer; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; } .messages-container .header .button-messages-actions.inactive { display: none; } .messages-container .header .button-messages-actions:hover { background-color: #f2f2f2; } .messages-container .header .button-messages-actions .popup-messages-actions ul.actions > li.action-thread-icon { position: relative; } .messages-container .header .button-messages-actions .popup-messages-actions ul.actions > li.action-thread-icon input[type=file] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .messages-container ul.message-thread-list > li.thread { cursor: pointer; display: block; height: 50px; padding: 10px 0; } .messages-container ul.message-thread-list > li.thread.is_pair .icon { -webkit-border-radius: 4px; border-radius: 4px; } .messages-container ul.message-thread-list > li.thread div.followed { position: absolute; right: -2px; bottom: -2px; width: 16px; height: 16px; background-image: url("/source_common/images/messages/messages-followed.png"); background-repeat: no-repeat; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; } .messages-container ul.message-thread-list > li.thread .icon { display: inline-block; float: left; position: relative; margin: 0 10px; width: 40px; height: 40px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center 0; -webkit-border-radius: 20px; border-radius: 20px; } .messages-container ul.message-thread-list > li.thread .icon .unread_num { position: absolute; width: 16px; height: 16px; line-height: 16px; background-color: #555; color: #fff; -webkit-border-radius: 8px; border-radius: 8px; text-align: center; font-size: 9px; top: -5px; right: -5px; } .messages-container ul.message-thread-list > li.thread .icon .unread_num.unread-0 { display: none; } .messages-container ul.message-thread-list > li.thread .date { float: right; padding-right: 8px; line-height: 1; color: #ccc; } .messages-container ul.message-thread-list > li.thread .name { margin-bottom: 6px; line-height: 1; font-weight: bold; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .messages-container ul.message-thread-list > li.thread ._official-badge, .messages-container ul.message-thread-list > li.thread ._system-badge { margin-left: 4px; } .messages-container ul.message-thread-list > li.thread .text { overflow: hidden; height: 3em; color: #aaa; line-height: 1.5em; margin-right: 10px; } .messages-container ul.message-content-list { padding: 10px 0; overflow: hidden; overflow-y: auto; } .messages-container ul.message-content-list > li.message-content { position: relative; width: 600px; margin: 0px auto; } .messages-container ul.message-content-list > li.message-content.temp { position: relative; } .messages-container ul.message-content-list > li.message-content.temp.busy { opacity: 1; -ms-filter: none; filter: none; -webkit-animation: threadcontent-pending 0.5s infinite ease-in-out alternate; -moz-animation: threadcontent-pending 0.5s infinite ease-in-out alternate; -o-animation: threadcontent-pending 0.5s infinite ease-in-out alternate; -ms-animation: threadcontent-pending 0.5s infinite ease-in-out alternate; animation: threadcontent-pending 0.5s infinite ease-in-out alternate; } .messages-container ul.message-content-list > li.message-content.temp.busy .temp-resend { display: none; } .messages-container ul.message-content-list > li.message-content.temp .time { display: none; } .messages-container ul.message-content-list > li.message-content.temp .temp-resend { width: 16px; height: 16px; position: absolute; top: 50%; right: -36px; margin-top: -8px; } .messages-container ul.message-content-list > li.message-content.temp .temp-resend:hover .popup-resend-actions { display: block; } .messages-container ul.message-content-list > li.message-content.temp .temp-resend .popup-resend-actions { bottom: 20px; top: auto; left: -36px; } .messages-container ul.message-content-list > li.message-content.temp .temp-resend .popup-resend-actions .notch { bottom: -8px; top: auto; left: auto; right: 13px; -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); transform: rotateZ(180deg); } .messages-container ul.message-content-list > li.message-content.ownself .user { right: 0; left: auto; } .messages-container ul.message-content-list > li.message-content.ownself .work-thumbnail, .messages-container ul.message-content-list > li.message-content.ownself .text, .messages-container ul.message-content-list > li.message-content.ownself .image { float: right; } .messages-container ul.message-content-list > li.message-content .time { margin: 30px 0 20px; text-align: center; font-size: 12px; line-height: 1; color: #aaa; } .messages-container ul.message-content-list > li.message-content .user { -webkit-border-radius: 4px; border-radius: 4px; position: absolute; left: 0; width: 40px; height: 40px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center 0; } .messages-container ul.message-content-list > li.message-content .text { max-width: 350px; font-size: 14px; } .messages-container ul.message-content-list > li.message-content .content { min-height: 40px; padding: 0 50px; } .messages-container ul.message-content-list > li.message-content .content .work-thumbnail, .messages-container ul.message-content-list > li.message-content .content .image { margin-bottom: 8px; } .messages-container ul.message-content-list > li.message-content .content .work-thumbnail.loading, .messages-container ul.message-content-list > li.message-content .content .image.loading { height: 40px; overflow: hidden; } .messages-container ul.message-content-list > li.message-content .content .work-thumbnail.loading .image-container, .messages-container ul.message-content-list > li.message-content .content .image.loading .image-container { -webkit-animation: threadcontent-pending 1s infinite ease-in-out alternate; -moz-animation: threadcontent-pending 1s infinite ease-in-out alternate; -o-animation: threadcontent-pending 1s infinite ease-in-out alternate; -ms-animation: threadcontent-pending 1s infinite ease-in-out alternate; animation: threadcontent-pending 1s infinite ease-in-out alternate; } .messages-container ul.message-content-list > li.message-content .content .work-thumbnail.loading img.image-content, .messages-container ul.message-content-list > li.message-content .content .image.loading img.image-content { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .messages-container ul.message-content-list > li.message-content .content .work-thumbnail img.image-content, .messages-container ul.message-content-list > li.message-content .content .image img.image-content { opacity: 1; -ms-filter: none; filter: none; -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; transition: opacity 0.5s linear; } .messages-container ul.message-content-list > li.message-content .content .work-thumbnail { position: relative; } .messages-container ul.message-content-list > li.message-content .content .work-thumbnail img.image-content { max-width: 200px; } .messages-container ul.message-content-list > li.message-content .content .work-thumbnail a.author { position: absolute; top: 5px; left: 5px; width: 30px; height: 30px; } .messages-container ul.message-content-list > li.message-content .content .work-thumbnail img.author { width: 30px; height: 30px; -webkit-border-radius: 5px; border-radius: 5px; } .messages-container ul.message-content-list > li.message-content .content .image img.image-content { max-width: 100%; } .messages-container ul.message-content-list > li.message-content .content .request-card { background: #fafafa; border: solid 1px #f5f5f5; margin: 5px 0; padding: 20px 0; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; } .messages-container ul.message-content-list > li.message-content .content .request-card .request-pending > a { clear: both; padding: 5px 10px; background: #ccc; color: #fff; margin: 0 5px; -webkit-border-radius: 5px; border-radius: 5px; } .messages-container ul.message-content-list > li.message-content .content .request-card .request-pending > a.accept { background: #36c9ed; } .messages-container ul.message-content-list > li.message-content .content .request-card .target-name { color: #555; font-size: 14px; font-weight: bold; } .messages-container ul.message-content-list > li.message-content .content .request-card .target-name .target-member-num { background: #65c7e9; color: #fff; padding: 2.5px 5px; -webkit-border-radius: 5px; border-radius: 5px; } .messages-container ul.message-content-list > li.message-content .content .request-card .target-members { margin: 10px 0; display: inline-block; padding: 0 18px; } .messages-container ul.message-content-list > li.message-content .content .request-card .target-members .target-member { margin: 4px; float: left; width: 32px; height: 32px; position: relative; } .messages-container ul.message-content-list > li.message-content .content .request-card .target-members .target-member img { -webkit-border-radius: 5px; border-radius: 5px; width: 100%; height: 100%; } .messages-container ul.message-content-list > li.message-content .content .request-card .target-members .target-member div.followed { position: absolute; right: -2px; bottom: -2px; width: 16px; height: 16px; background-image: url("/source_common/images/messages/messages-followed.png"); background-repeat: no-repeat; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; } .messages-container ul.message-content-list > li.message-content .content .join-request, .messages-container ul.message-content-list > li.message-content .content .mypixiv-request, .messages-container ul.message-content-list > li.message-content .content .system-text { color: #aaa; } .messages-container ul.message-content-list > li.message-content .content .join-request .request-pending, .messages-container ul.message-content-list > li.message-content .content .mypixiv-request .request-pending, .messages-container ul.message-content-list > li.message-content .content .system-text .request-pending, .messages-container ul.message-content-list > li.message-content .content .join-request .request-accepted, .messages-container ul.message-content-list > li.message-content .content .mypixiv-request .request-accepted, .messages-container ul.message-content-list > li.message-content .content .system-text .request-accepted, .messages-container ul.message-content-list > li.message-content .content .join-request .request-declined, .messages-container ul.message-content-list > li.message-content .content .mypixiv-request .request-declined, .messages-container ul.message-content-list > li.message-content .content .system-text .request-declined { display: none; } .messages-container ul.message-content-list > li.message-content .content .join-request.status-0 .request-pending, .messages-container ul.message-content-list > li.message-content .content .mypixiv-request.status-0 .request-pending, .messages-container ul.message-content-list > li.message-content .content .system-text.status-0 .request-pending { display: block; } .messages-container ul.message-content-list > li.message-content .content .join-request.status-1 .request-accepted, .messages-container ul.message-content-list > li.message-content .content .mypixiv-request.status-1 .request-accepted, .messages-container ul.message-content-list > li.message-content .content .system-text.status-1 .request-accepted { display: block; } .messages-container ul.message-content-list > li.message-content .content .join-request.status-2 .request-declined, .messages-container ul.message-content-list > li.message-content .content .mypixiv-request.status-2 .request-declined, .messages-container ul.message-content-list > li.message-content .content .system-text.status-2 .request-declined { display: block; } .messages-container .thread-content-container .header .thread-name { background-image: url("/source_common/images/messages/messages-error.png"); background-repeat: no-repeat; background-position: -9999px -9999px; } .messages-container .thread-content-container .input { -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -ms-transition: background-color 0.2s; transition: background-color 0.2s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 0; width: 100%; height: auto; background-color: rgba(255,255,255,0.9); border-top: solid 1px #f5f5f5; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .messages-container .thread-content-container .input:hover { background-color: #fff; } .messages-container .thread-content-container .input .wrapper { position: relative; width: 500px; margin: 0 auto; } .messages-container .thread-content-container .input textarea.text-content { width: 390px; height: 20px; max-height: 60px; margin: 0 40px 0 49px; padding: 10px; font-size: 14px; line-height: 20px; vertical-align: top; background-color: transparent; border: none; border-left: solid 1px #f5f5f5; } .messages-container .thread-content-container .input textarea.text-content::-webkit-input-placeholder, .messages-container .thread-content-container .input textarea.text-content:-ms-input-placeholder, .messages-container .thread-content-container .input textarea.text-content:-moz-placeholder, .messages-container .thread-content-container .input textarea.text-content::-moz-placeholder { color: rgba(153,153,153,0.5); } .messages-container .thread-content-container .input .attach-content { position: absolute; bottom: 0; left: 9px; overflow: hidden; width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; } .messages-container .thread-content-container .input .attach-content input[type=file] { width: 100%; height: 100%; display: block; position: absolute; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); cursor: pointer; } .messages-container .thread-content-container .input .post-content { position: absolute; bottom: 8px; right: 6px; height: 100%; width: 34px; height: 24px; line-height: 24px; text-align: center; background-color: #5ecaef; cursor: pointer; color: transparent; border: none; -webkit-border-radius: 4px; border-radius: 4px; } .messages-container .thread-content-container .input .post-content:hover { background-color: #6edaff; } .messages-container .thread-content-container .input .progress-bar { -webkit-transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; -ms-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; position: absolute; bottom: -5px; left: 0; height: 5px; background: rgba(0,190,255,0.3); border-right: solid 1px #000; } #modal-messages { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.9); -webkit-border-radius: 5px; border-radius: 5px; z-index: 5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: solid 100px transparent; display: none; } #modal-messages.active { display: block; } #modal-messages .modal-window { height: 100%; -webkit-border-radius: 5px; border-radius: 5px; width: 2px; position: absolute; left: 50%; margin-left: -1px; } #modal-messages .modal-window .header-cancel { background: #fff url("/source_common/images/messages/messages-cross.png") no-repeat center center; -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; background-size: 15px 15px; width: 40px; height: 40px; position: absolute; top: 0; right: -40px; cursor: pointer; } #modal-messages .modal-window > div { background: #fff; position: absolute; left: 50%; height: 100%; -webkit-border-radius: 5px; border-radius: 5px; } #modal-messages .modal-window > div.yaritori-users { width: 720px; margin-left: -360px; } #modal-messages .modal-window > div.thread-member-list { width: 300px; margin-left: -150px; } #modal-messages .modal-window > div.mypixiv-message { width: 400px; height: auto; margin-left: -200px; top: 50%; margin-top: -100px; } #modal-messages .modal-window > div.thread-images-modal { width: 720px; margin-left: -360px; } #modal-messages .modal-window div.thread-images-modal .thread-images-header { -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; height: 40px; line-height: 40px; position: absolute; width: 100%; background: rgba(85,85,85,0.9); color: #fff; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #modal-messages .modal-window div.thread-images-modal .thread-images-header .header-cancel { background-color: #555; } #modal-messages .modal-window div.thread-images-modal ul.message-image-list { padding-top: 40px; overflow-y: auto; height: 100%; background: #555; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; } #modal-messages .modal-window div.thread-images-modal ul.message-image-list > li { display: inline-block; width: 25%; } #modal-messages .modal-window div.thread-images-modal ul.message-image-list > li img.message-image { width: 100%; } #modal-messages .modal-window div.mypixiv-message .header { font-weight: bold; font-size: 14px; margin: 10px; border: none; } #modal-messages .modal-window div.mypixiv-message .label { margin: 10px; color: #aaa; } #modal-messages .modal-window div.mypixiv-message form { margin: 10px; } #modal-messages .modal-window div.mypixiv-message form textarea { width: 100%; height: 80px; -webkit-border-radius: 5px; border-radius: 5px; border: solid 1px #f5f5f5; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #modal-messages .modal-window div.mypixiv-message form input[type=text] { margin: 10px 0; width: 100%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1em; height: 3em; } #modal-messages .modal-window div.mypixiv-message form .buttons { text-align: center; margin: 5px; } #modal-messages .modal-window div.mypixiv-message form .buttons input, #modal-messages .modal-window div.mypixiv-message form .buttons .modal-cancel { margin: 0 5px; height: 25px; line-height: 25px; border: none; padding: 0 10px; color: #fff; background: #65c7e9; vertical-align: middle; display: inline-block; cursor: pointer; -webkit-border-radius: 4px; border-radius: 4px; } #modal-messages .modal-window div.mypixiv-message form .buttons input { background: #65c7e9; } #modal-messages .modal-window div.mypixiv-message form .buttons .modal-cancel { background: #aaa; } #modal-messages .modal-window div.thread-member-list div.thread-member-header { position: absolute; top: 0; left: 0; width: 100%; background: rgba(255,255,255,0.8); z-index: 1; -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; } #modal-messages .modal-window div.thread-member-list div.thread-member-header .title { line-height: 40px; display: inline-block; padding: 0 8px 0 20px; font-weight: bold; color: #777; vertical-align: middle; } #modal-messages .modal-window div.thread-member-list div.thread-member-header .thread-member-num { display: inline-block; background: #65c7e9; color: #fff; line-height: 18px; padding: 0 6px; -webkit-border-radius: 4px; border-radius: 4px; } #modal-messages .modal-window div.thread-member-list div.thread-member-header .actions { cursor: pointer; } #modal-messages .modal-window div.thread-member-list div.thread-member-header .actions .followed-users-list { line-height: 40px; color: #aaa; padding: 0 20px; } #modal-messages .modal-window div.thread-member-list div.thread-member-header .actions .followed-users-list:hover { color: #000; } #modal-messages .modal-window div.thread-member-list div.thread-member-header .actions .followed-users-list .plus { display: inline-block; width: 30px; height: 30px; text-align: center; background: #fff; line-height: 27px; margin-right: 10px; color: #65c7e9; font-size: 23px; font-weight: lighter; -webkit-border-radius: 5px; border-radius: 5px; } #modal-messages .modal-window div.thread-member-list ul.thread-member-list { height: 100%; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 10px; } #modal-messages .modal-window div.thread-member-list ul.thread-member-list > li { padding: 4px 20px; position: relative; } #modal-messages .modal-window div.thread-member-list ul.thread-member-list > li .user-icon { position: relative; vertical-align: middle; display: inline-block; } #modal-messages .modal-window div.thread-member-list ul.thread-member-list > li .user-icon img.author { -webkit-border-radius: 4px; border-radius: 4px; } #modal-messages .modal-window div.thread-member-list ul.thread-member-list > li .user-icon div.followed { position: absolute; right: -2px; bottom: -2px; width: 16px; height: 16px; background-image: url("/source_common/images/messages/messages-followed.png"); background-repeat: no-repeat; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; } #modal-messages .modal-window div.thread-member-list ul.thread-member-list > li .user-name { line-height: 32px; display: inline-block; padding: 0 4px 0 8px; max-width: 100%; vertical-align: top; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #modal-messages .modal-window div.thread-member-list ul.thread-member-list > li .user-name .premium { display: none; background: #aaa; -webkit-border-radius: 5px; border-radius: 5px; padding: 1px 5px; color: #fff; } #modal-messages .modal-window div.thread-member-list ul.thread-member-list > li.self { background: #f2f2f2; } #modal-messages .modal-window div.thread-member-list ul.thread-member-list > li.is_premium .premium { display: inline; } #modal-messages .modal-window form.yaritori-users { display: inline; } #modal-messages .modal-window div.yaritori-header { height: 40px; line-height: 40px; background: rgba(255,255,255,0.8); padding: 0 10px; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; } #modal-messages .modal-window div.yaritori-header .yaritori-submit-existing { display: none; } #modal-messages .modal-window div.yaritori-header.existing .yaritori-submit-new { display: none; } #modal-messages .modal-window div.yaritori-header.existing .yaritori-submit-existing { display: inline-block; } #modal-messages .modal-window div.yaritori-header .yaritori-search { display: none; } #modal-messages .modal-window div.yaritori-header input { float: right; height: 28px; display: inline-block; line-height: 28px; border: solid 1px #eee; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 6px 3px; padding: 0 10px; -webkit-border-radius: 5px; border-radius: 5px; } #modal-messages .modal-window div.yaritori-header input[type=submit] { border: none; background: #65c7e9; color: #fff; } #modal-messages .modal-window ul.yaritori-list { padding-top: 40px; max-height: 100%; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #modal-messages .modal-window ul.yaritori-list > li { display: inline-block; width: 25%; float: left; height: 180px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; position: relative; } #modal-messages .modal-window ul.yaritori-list > li:hover .user-box { background: rgba(101,199,233,0.1); } #modal-messages .modal-window ul.yaritori-list > li .check-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); cursor: pointer; } #modal-messages .modal-window ul.yaritori-list > li .check-box:disabled + .user-box { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); } #modal-messages .modal-window ul.yaritori-list > li .check-box:checked + .user-box { border: solid 1px #65c7e9; background-image: url("/source_common/images/messages/messages-check.png"); background-repeat: no-repeat; -webkit-background-size: 14px 10px; -moz-background-size: 14px 10px; background-size: 14px 10px; background-position: 6px 6px; } #modal-messages .modal-window ul.yaritori-list > li .user-box { -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; transition: opacity 0.3s linear; width: 160px; height: 160px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 0; border: solid 1px #f5f5f5; -webkit-border-radius: 5px; border-radius: 5px; } #modal-messages .modal-window ul.yaritori-list > li .user-box .user-icon { display: inline-block; width: 60px; height: 60px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -webkit-border-radius: 5px; border-radius: 5px; } #modal-messages .modal-window ul.yaritori-list > li .user-box .user-name { padding: 10px 0; } #page-messages { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 1400px; min-width: 1120px; height: 100%; min-height: 500px; margin: 0 auto; padding: 60px 20px; } #page-messages .thread-list-container { overflow: auto; float: left; width: 240px; max-height: 100%; -webkit-border-radius: 4px; border-radius: 4px; } #page-messages .thread-list-container .header { -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; position: absolute; z-index: 1; width: 200px; padding: 0 20px; line-height: 40px; font-weight: bold; color: #777; background-color: rgba(255,255,255,0.8); border: none; } #page-messages .thread-list-container .no-message { background: #f2f2f2; text-align: center; height: 35px; display: none; } #page-messages .thread-list-container .empty { display: none; text-align: center; padding: 10px; } #page-messages .thread-list-container.loading .no-message { display: block; -webkit-animation: threadlist-loading 2s infinite ease-in-out alternate; -moz-animation: threadlist-loading 2s infinite ease-in-out alternate; -o-animation: threadlist-loading 2s infinite ease-in-out alternate; -ms-animation: threadlist-loading 2s infinite ease-in-out alternate; animation: threadlist-loading 2s infinite ease-in-out alternate; } #page-messages .thread-list-container.empty .empty { display: block; } #page-messages .thread-list-container ul.message-thread-list { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: auto; height: 100%; padding: 40px 0 0; background-color: #fff; } #page-messages .thread-list-container ul.message-thread-list > li.thread { clear: both; } #page-messages .thread-list-container ul.message-thread-list > li.thread:hover, #page-messages .thread-list-container ul.message-thread-list > li.thread.active { background: #f2f2f2; } #page-messages .thread-list-container ul.message-thread-list > li.thread.permalink:after { content: ''; height: 15px; width: 100%; display: block; float: left; margin-bottom: 10px; border-bottom: solid 1px #fafafa; } #page-messages .messages-container { height: 100%; } #page-messages .messages-container.viewing-thread-content .thread-content-container, #page-messages .messages-container.viewing-thread-content .thread-images-container { display: inline-block; } #page-messages .thread-container { overflow: auto; height: 100%; position: relative; margin: 0 0 0 270px; padding: 0 210px 0 0; } #page-messages .header-spacer { overflow: auto; height: 100%; } #page-messages .thread-content-container { display: block !important; position: relative; min-width: 600px; max-width: 920px; height: 100%; background-color: #fff; -webkit-border-radius: 4px; border-radius: 4px; } #page-messages .thread-content-container.is-pair .header .followed-users-list, #page-messages .thread-content-container.is-pair .header .thread-member-num, #page-messages .thread-content-container.is-pair .header .action-thread-name, #page-messages .thread-content-container.is-pair .header .action-thread-icon { display: none; } #page-messages .thread-content-container.has-error .error-container { display: block; } #page-messages .thread-content-container .error-container { display: none; width: 516px; margin-left: -253px; height: 33px; line-height: 33px; color: #fff; text-align: center; background: rgba(233,101,101,0.9); position: absolute; left: 50%; top: 38px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 1; } #page-messages .thread-content-container .header { position: absolute; z-index: 2; width: 100%; background: rgba(255,255,255,0.8); text-align: center; border: none; line-height: 40px; font-weight: bold; color: #777; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } #page-messages .thread-content-container .header .thread-member-num { position: absolute; top: 8px; right: 35px; line-height: 18px; padding: 0 6px; margin: 0 5px; color: #65c7e9; font-weight: lighter; text-align: center; -webkit-border-radius: 4px; border-radius: 4px; background-color: #fafafa; cursor: pointer; } #page-messages .thread-content-container .header .thread-member-num:hover { opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); } #page-messages .thread-content-container ul.message-content-list { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; padding: 40px 0; } #page-messages .thread-content-container li.message-content { width: 500px; margin: 30px auto; } #page-messages .thread-content-container div.input .progress-bar { -webkit-transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; -ms-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; position: absolute; bottom: -5px; left: 0; height: 5px; background: rgba(0,190,255,0.3); border-right: solid 1px #000; } .notifications li.thread { position: relative; } .notifications li.thread.active #notification-thread-popup { display: block; } #notification-thread-popup { width: 320px; min-height: 67px; padding-bottom: 5px; position: absolute; z-index: 1; top: 40px; left: -140px; display: none; color: #eee; } #notification-thread-popup a { color: #ccc; } #notification-thread-popup .popup-container.viewing-thread-content { left: -320px; -webkit-animation: thread-popup-slide-left 0.3s 1 ease-in-out; -moz-animation: thread-popup-slide-left 0.3s 1 ease-in-out; -o-animation: thread-popup-slide-left 0.3s 1 ease-in-out; -ms-animation: thread-popup-slide-left 0.3s 1 ease-in-out; animation: thread-popup-slide-left 0.3s 1 ease-in-out; } #notification-thread-popup .popup-container.viewing-thread-list { left: 0; -webkit-animation: thread-popup-slide-right 0.3s 1 ease-in-out; -moz-animation: thread-popup-slide-right 0.3s 1 ease-in-out; -o-animation: thread-popup-slide-right 0.3s 1 ease-in-out; -ms-animation: thread-popup-slide-right 0.3s 1 ease-in-out; animation: thread-popup-slide-right 0.3s 1 ease-in-out; } #notification-thread-popup .notch { left: 152px; top: -8px; position: absolute; width: 17px; height: 9px; -webkit-background-size: 17px 9px; -moz-background-size: 17px 9px; background-size: 17px 9px; background-image: url("/source_common/images/messages/messages-notch.png"); } #notification-thread-popup .popup-outer-container { width: 320px; overflow: hidden; } #notification-thread-popup .popup-container { width: 640px; position: relative; } #notification-thread-popup .popup-container .thread-list-container, #notification-thread-popup .popup-container .thread-content-container { overflow: hidden; width: 320px; float: left; background: #555; -webkit-border-radius: 5px; border-radius: 5px; } #notification-thread-popup .popup-container .thread-list-container .no-message { background: #5d5d5d; text-align: center; height: 35px; display: none; } #notification-thread-popup .popup-container .thread-list-container.loading .no-message { display: block; -webkit-animation: threadlist-loading 2s infinite ease-in-out alternate; -moz-animation: threadlist-loading 2s infinite ease-in-out alternate; -o-animation: threadlist-loading 2s infinite ease-in-out alternate; -ms-animation: threadlist-loading 2s infinite ease-in-out alternate; animation: threadlist-loading 2s infinite ease-in-out alternate; } #notification-thread-popup .popup-container .thread-list-container .empty { display: none; text-align: center; padding: 10px; } #notification-thread-popup .popup-container .thread-list-container.empty .empty { display: block; } #notification-thread-popup .popup-container .thread-content-container { width: 320px; background: #555; } #notification-thread-popup .header { background-color: transparent; border: none; height: 40px; line-height: 40px; text-align: center; position: relative; } #notification-thread-popup .header > a { color: #fff; text-decoration: none; } #notification-thread-popup .header .close { position: absolute; cursor: pointer; top: 0; left: 0; width: 32px; -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; } #notification-thread-popup .header .close:hover { background: #666; } #notification-thread-popup .header.button-messages-see-more { border-top: solid 1px #666; } #notification-thread-popup ul.message-thread-list { overflow: hidden; max-height: 350px; color: #aaa; } #notification-thread-popup ul.message-thread-list > li.thread:hover { background-color: #5d5d5d; } #notification-thread-popup ul.message-thread-list > li.thread .icon .unread_num { background: #888; } #notification-thread-popup ul.message-thread-list > li.thread .name { color: #fff; } #notification-thread-popup .thread-content-container .header { position: absolute; width: 320px; background: rgba(85,85,85,0.8); z-index: 1; font-size: 12px; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } #notification-thread-popup .thread-content-container .content .image img { max-width: 100%; } #notification-thread-popup .thread-content-container .input { border-top: solid 1px #5d5d5d; } #notification-thread-popup .thread-content-container .input .attach-content { -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -ms-transition: background-color 0.2s; transition: background-color 0.2s; left: 9px; border-right: solid 1px #5d5d5d; } #notification-thread-popup .thread-content-container .input .attach-content:hover { background-color: #5d5d5d; } #notification-thread-popup .thread-content-container .input textarea.text-content { padding: 13px 60px; color: #fff; } #notification-thread-popup .thread-content-container .input .post-content-container { width: 55px; background: #555; } #notification-thread-popup .thread-content-container .input .post-content { right: 16px; } #notification-thread-popup ul.message-content-list { padding-top: 40px; height: 323px; } #notification-thread-popup ul.message-content-list li.message-content .time { color: #aaa; } #notification-thread-popup ul.message-content-list li.message-content.temp .temp-resend { right: auto; left: 10px; } #notification-thread-popup ul.message-content-list li.message-content.temp .temp-resend .popup-resend-actions { left: 60px; } #notification-thread-popup ul.message-content-list li.message-content.temp .temp-resend .popup-resend-actions .notch { left: 13px; top: auto; bottom: -9px; } #notification-thread-popup .text { padding: 0; font-size: 12px; } ._message-attachments-container { position: absolute; top: 0; right: 0; overflow: auto; width: 200px; max-height: 100%; } ._message-attachments-container .items, ._message-attachments-container .item { display: inline; } ._message-attachments-container img { width: 100px; height: 100px; vertical-align: top; } ._message-attachments-container .more { display: inline-block; width: 100px; height: 100px; background: #fff url("/source_common/images/messages/messages-ellipsis-blue-large.png") no-repeat center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; cursor: pointer; } @media all and (max-width: 1130px) { #page-messages { width: 1020px !important; min-width: 0; } .thread-container { padding-right: 120px !important; } .thread-content-container { width: 600px !important; } ._message-attachments-container { width: 100px; } } @-moz-keyframes threadlist-loading { 0% { -webkit-transform: scaleY(0.1); -moz-transform: scaleY(0.1); -o-transform: scaleY(0.1); -ms-transform: scaleY(0.1); transform: scaleY(0.1); } 100% { -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } } @-webkit-keyframes threadlist-loading { 0% { -webkit-transform: scaleY(0.1); -moz-transform: scaleY(0.1); -o-transform: scaleY(0.1); -ms-transform: scaleY(0.1); transform: scaleY(0.1); } 100% { -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } } @-o-keyframes threadlist-loading { 0% { -webkit-transform: scaleY(0.1); -moz-transform: scaleY(0.1); -o-transform: scaleY(0.1); -ms-transform: scaleY(0.1); transform: scaleY(0.1); } 100% { -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } } @keyframes threadlist-loading { 0% { -webkit-transform: scaleY(0.1); -moz-transform: scaleY(0.1); -o-transform: scaleY(0.1); -ms-transform: scaleY(0.1); transform: scaleY(0.1); } 100% { -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } } @-moz-keyframes thread-popup-slide-right { 0% { -webkit-transform: translateX(-320px); -moz-transform: translateX(-320px); -o-transform: translateX(-320px); -ms-transform: translateX(-320px); transform: translateX(-320px); } 100% { -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } } @-webkit-keyframes thread-popup-slide-right { 0% { -webkit-transform: translateX(-320px); -moz-transform: translateX(-320px); -o-transform: translateX(-320px); -ms-transform: translateX(-320px); transform: translateX(-320px); } 100% { -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } } @-o-keyframes thread-popup-slide-right { 0% { -webkit-transform: translateX(-320px); -moz-transform: translateX(-320px); -o-transform: translateX(-320px); -ms-transform: translateX(-320px); transform: translateX(-320px); } 100% { -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } } @keyframes thread-popup-slide-right { 0% { -webkit-transform: translateX(-320px); -moz-transform: translateX(-320px); -o-transform: translateX(-320px); -ms-transform: translateX(-320px); transform: translateX(-320px); } 100% { -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } } @-moz-keyframes thread-popup-slide-left { 0% { -webkit-transform: translateX(320px); -moz-transform: translateX(320px); -o-transform: translateX(320px); -ms-transform: translateX(320px); transform: translateX(320px); } 100% { -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } } @-webkit-keyframes thread-popup-slide-left { 0% { -webkit-transform: translateX(320px); -moz-transform: translateX(320px); -o-transform: translateX(320px); -ms-transform: translateX(320px); transform: translateX(320px); } 100% { -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } } @-o-keyframes thread-popup-slide-left { 0% { -webkit-transform: translateX(320px); -moz-transform: translateX(320px); -o-transform: translateX(320px); -ms-transform: translateX(320px); transform: translateX(320px); } 100% { -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } } @keyframes thread-popup-slide-left { 0% { -webkit-transform: translateX(320px); -moz-transform: translateX(320px); -o-transform: translateX(320px); -ms-transform: translateX(320px); transform: translateX(320px); } 100% { -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } } @-moz-keyframes threadcontent-pending { 0% { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); } 100% { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } } @-webkit-keyframes threadcontent-pending { 0% { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); } 100% { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } } @-o-keyframes threadcontent-pending { 0% { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); } 100% { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } } @keyframes threadcontent-pending { 0% { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); } 100% { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } } ._tab-navigation { position: relative; font-size: 14px; text-align: center; background-color: #fff; border-bottom: 1px solid rgba(188,198,204,0.3); } ._tab-navigation .items { display: inline; } ._tab-navigation .items > .item.saved-search { max-width: 100px; white-space: nowrap; overflow: hidden; vertical-align: bottom; -o-text-overflow: ellipsis; text-overflow: ellipsis; } ._tab-navigation .item { -webkit-transition: color 0.1s linear; -moz-transition: color 0.1s linear; -o-transition: color 0.1s linear; -ms-transition: color 0.1s linear; transition: color 0.1s linear; display: inline-block; padding: 14px 12px; text-align: center; line-height: 1; color: #999; } ._tab-navigation .item:hover { color: #25c6ff; text-decoration: none; } ._tab-navigation .current { margin-bottom: -1px; padding: 13px 12px 15px; font-weight: bold; color: #464a4d !important; -webkit-box-shadow: 0 -3px 0 #25c6ff inset; box-shadow: 0 -3px 0 #25c6ff inset; } ._tab-navigation .count { padding-left: 4px; color: #84d2ed; font-weight: normal; } ._tab-navigation.line-over ._tab-page-title { position: absolute; } ._tab-navigation.line-over .items { position: relative; } ._tab-page-title { text-align: left; margin: 0 5%; } ._tab-page-title .page-title { -webkit-transition: color 0.1s linear; -moz-transition: color 0.1s linear; -o-transition: color 0.1s linear; -ms-transition: color 0.1s linear; transition: color 0.1s linear; line-height: 42px; font-weight: bold; color: #464a4d; } ._tab-page-title .page-helper-num { padding: 0 18px; color: #83d2ed; } ._type-navigation { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 14px 2.5vw; font-size: 12px; text-align: center; height: 58px; } ._type-navigation.tacked { margin: 0; padding: 14px 5vw; background-color: #f0f2f3; border-bottom: 1px solid rgba(188,198,204,0.3); } @media (min-width: 1400px) { ._type-navigation.tacked { margin: 0 -2.5vw; } } @media (min-width: 1400px) { ._type-navigation.tacked ._sort-menu { left: calc(5vw - 10px); } } @media (min-width: 1400px) { ._type-navigation.tacked .filter-menu-group { right: calc(5vw + 20px); } } ._type-navigation .items { display: inline-block; position: relative; z-index: 1; vertical-align: top; } ._type-navigation .item { -webkit-transition: color 0.1s linear; -moz-transition: color 0.1s linear; -o-transition: color 0.1s linear; -ms-transition: color 0.1s linear; transition: color 0.1s linear; display: inline-block; padding: 0 12px; text-align: center; line-height: 30px; color: #999; } ._type-navigation .item:hover { color: #adadad; } ._type-navigation .item.current { font-weight: bold; background-color: #bcc6cc; color: #fff; -webkit-border-radius: 4px; border-radius: 4px; } ._type-navigation ._filter-menu { display: inline-block; font-size: 12px; height: 30px; } ._type-navigation ._filter-menu .tag-name { font-weight: normal; } ._type-navigation ._filter-menu .current { background-color: transparent; } ._type-navigation ._filter-menu .current .filter-dismiss { position: absolute; } ._type-navigation .filter-menu-group { position: absolute; top: 14px; right: calc(2.5vw + 20px); } ._type-navigation .filter-menu-group .current >a, ._type-navigation .filter-menu-group .current >span, ._type-navigation .filter-menu-group .current a.current { font-weight: bold; color: #5e6366; } ._type-navigation .filter-menu-group >.filter-value { display: inline; } ._type-navigation .filter-menu-group >.filter-value.filter-value-pulldown { position: relative; margin-left: 15px; } ._type-navigation .filter-menu-group >.filter-value.filter-value-pulldown ._icon-menu { margin-left: 3px; } ._type-navigation .filter-menu-group a { display: inline-block; white-space: nowrap; position: relative; padding: 0 8px; line-height: 30px; color: #999; } ._type-navigation .filter-menu-group a:hover { color: #adadad; } ._filter-menu .filter-menu-group { line-height: 30px; } ._filter-menu .filter-menu-group .filter-value-pulldown { position: relative; } ._context-menu { padding-top: 10px; line-height: 30px; font-size: 12px; text-align: center; background: #f0f2f3; } ._context-menu ._icon-menu { color: #666; vertical-align: -2px; } ._tabs { line-height: 49px; font-size: 14px; text-align: center; background-color: #fff; border-bottom: 1px solid #f2f2f2; } ._tabs li { display: inline; } ._tabs .items { display: inline-block; } ._tabs .item { -webkit-transition: color 0.1s; -moz-transition: color 0.1s; -o-transition: color 0.1s; -ms-transition: color 0.1s; transition: color 0.1s; display: inline-block; padding: 0 10px; color: #808080; line-height: 50px; cursor: pointer; } ._tabs .item:hover { color: #65c7e9; } ._tabs .item a { color: inherit; } ._tabs .item.opened > .sub-nav { display: block; } ._tabs .active { font-weight: bold; color: #666; cursor: default; } ._tabs .active:hover { color: inherit; } ._tabs .sub-nav-item:hover > .sub-nav { display: block; } ._tabs .sub-nav { display: none; position: absolute; line-height: 25px; text-align: left; padding: 10px 0; color: #fff; font-weight: normal; z-index: 5; margin-left: -25px; background-color: #555; -webkit-border-radius: 5px; border-radius: 5px; white-space: nowrap; } ._tabs .sub-nav a { color: #fff; } ._tabs .sub-nav .sub-nav-item { padding: 0 25px; position: relative; } ._tabs .sub-nav .sub-nav-item:hover { background-color: #666; } ._tabs .sub-nav .sub-nav { left: 100%; margin-left: 0; top: -10px; } ._tabs.search .nav-item.active { -webkit-box-shadow: inset 0px -5px 0px #fe8670; box-shadow: inset 0px -5px 0px #fe8670; } ._tabs.search.sub { text-align: left; padding-left: 25px; border: none; } ._tabs.search.sub .nav-item { padding: 0 5px; } ._tabs.search.sub .nav-item.active { -webkit-box-shadow: none; box-shadow: none; } ._sort-menu { position: absolute; top: 10px; left: calc(2.5vw - 10px); } ._sort-menu li { display: inline; } ._sort-menu .items { display: inline-block; } ._sort-menu .item { display: inline-block; padding: 10px; color: #aaa; line-height: 1; cursor: pointer; } ._sort-menu .active { font-weight: bold; color: #555; } ._sort-menu .filter-option { line-height: 30px; } ._sort-menu .count { color: #84d2ed; height: 30px; line-height: 30px; } .whitecube-masthead-image { position: fixed; top: 0; z-index: 0; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-color: #fff; width: 100%; height: 100%; text-align: center; overflow: hidden; } .whitecube-masthead-image.squished .logo { display: none; } .whitecube-masthead-image ._user-icon { position: absolute; left: 50%; margin-left: -40px; bottom: -40px; z-index: 3; } .masthead-content-container { z-index: 1; background: #fcfcfc; position: relative; } .masthead-content-container .user-info-container, .masthead-content-container ._tabs { background: #fff; } .whitecube-masthead { width: 100%; position: relative; overflow: hidden; height: 200px; } .whitecube-masthead.details-fixed .details { position: fixed; } .whitecube-masthead .masthead-image { width: 100%; position: absolute; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .whitecube-masthead .gradient-shadow { position: absolute; margin-top: -50px; top: 0; height: 256px; width: 100%; background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); } .whitecube-masthead.ranking-masthead .details { position: absolute; bottom: 0; right: 0; padding: 0 20px 10px 50px; color: #fff; line-height: 16px; font-weight: bold; text-shadow: 0 1px 4px #000; } .whitecube-masthead.ranking-masthead .label { margin-bottom: 8px; } .whitecube-masthead.ranking-masthead a { color: #fff; } .whitecube-masthead.ranking-masthead ._user-icon { position: absolute; top: 0; left: 0; } .works-box-container { display: none; text-align: center; padding: 20px 0; background-color: #fafafa; margin: 20px 80px; } .works-box { display: inline-block; padding: 5px; margin: 0 25px; text-align: left; } .works-box .title { margin: 5px; } .works-box .work { display: inline-block; width: 80px; height: 80px; margin: 5px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center; } .works-box.popular { width: 450px; } .works-box.new { width: 270px; } .works-box.popular-search { width: auto; min-width: 450px; max-width: 900px; } .works-box .usericon { display: inline-block; width: 40px; height: 40px; margin: 5px; -webkit-border-radius: 40px; border-radius: 40px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center; } .works-box .ui-profile-popup { display: inline-block; } .popup-button-focus { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); width: 100%; height: 100%; } .popup-button-focus, .popup-button-check { cursor: pointer; position: absolute; top: 0; left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); margin: 0; z-index: 1; background: #fff; } .popup-button-focus:focus ~ .popup-options { display: block; } .popup-button-check { width: 0; height: 0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; } .popup-button-focus:focus ~ .popup-button-check { width: 100%; height: 100%; } .popup-options { display: none; position: absolute; z-index: 10; } .popup-options.default { background: #fff; left: 50%; margin-left: -75px; width: 150px; padding: 10px 0; -webkit-border-radius: 10px; border-radius: 10px; border: solid 1px #eee; font-weight: 100; color: #808080; cursor: auto; } .popup-options.default:before, .popup-options.default:after { content: ''; position: absolute; border-style: solid; border-width: 8px 12px; top: -16px; left: 50%; margin-left: -10px; } .popup-options.default:before { top: -17px; border-color: transparent transparent #eee transparent; } .popup-options.default:after { border-color: transparent transparent #fff transparent; } .popup-options.saved-searches { top: 45px; left: 50%; margin-left: -100px; width: 200px; } .popup-options:hover { display: block; } .popup-options > .popup-header { font-weight: bold; border-bottom: 1px dotted #d3d3d3; padding-bottom: 8px; } .popup-options .popup-init-filter { border-bottom: 1px dotted #d3d3d3; } .popup-options .popup-list { max-height: 300px; overflow-y: auto; } .popup-options .popup-list.no-count .count { display: none; } .popup-options .popup-list > a.popup-list-item { color: #808080; text-align: left; display: block; height: 30px; line-height: 30px; padding: 0 30px 0 10px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; position: relative; } .popup-options .popup-list > a.popup-list-item.tag { display: block; top: auto; padding: 0 30px 0 10px; } .popup-options .popup-list > a.popup-list-item:hover { background: #f5f5f5; } .popup-options .popup-list > a.popup-list-item.new { position: relative; } .popup-options .popup-list > a.popup-list-item.new:after { content: ''; position: absolute; width: 8px; height: 8px; -webkit-border-radius: 8px; border-radius: 8px; background: #6ad4f0; right: 10px; top: 10px; } .popup-options .popup-list > a.popup-list-item .count { position: absolute; right: 6px; color: #84d2ed; font-weight: normal; } .whitecube-masthead-image { position: fixed; top: 0; z-index: 1; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-color: #fff; width: 100%; height: 100%; text-align: center; overflow: hidden; } .whitecube-masthead-image.squished .logo { display: none; } .background-tiled { -webkit-background-size: initial; -moz-background-size: initial; background-size: initial; background-repeat: repeat; } .background-tiled ._cover-image { max-height: 260px; } ._page-portfolio ._tab-navigation { z-index: 3; } ._page-portfolio ._tab-navigation.tacked .show-when-fixed ._follow-button-container, ._page-portfolio ._tab-navigation.tacked .show-when-fixed ._user-icon, ._page-portfolio ._tab-navigation.tacked .show-when-fixed .user-name { -webkit-animation: tab-navigation-fade-in 0.3s linear 0s forwards; -moz-animation: tab-navigation-fade-in 0.3s linear 0s forwards; -o-animation: tab-navigation-fade-in 0.3s linear 0s forwards; -ms-animation: tab-navigation-fade-in 0.3s linear 0s forwards; animation: tab-navigation-fade-in 0.3s linear 0s forwards; } ._page-portfolio ._tab-navigation:not(.tacked) .show-when-fixed.user-icon-container, ._page-portfolio ._tab-navigation:not(.tacked) .show-when-fixed ._follow-button-container, ._page-portfolio ._tab-navigation:not(.tacked) .show-when-fixed ._user-icon, ._page-portfolio ._tab-navigation:not(.tacked) .show-when-fixed .user-name { -webkit-animation: tab-navigation-fade-out 0.3s linear 0s forwards; -moz-animation: tab-navigation-fade-out 0.3s linear 0s forwards; -o-animation: tab-navigation-fade-out 0.3s linear 0s forwards; -ms-animation: tab-navigation-fade-out 0.3s linear 0s forwards; animation: tab-navigation-fade-out 0.3s linear 0s forwards; border: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } ._page-portfolio ._tab-navigation:not(.tacked) .show-when-fixed ._follow-button-container { overflow: hidden; } ._page-portfolio ._tab-navigation .show-when-fixed { display: none; position: absolute; } ._page-portfolio ._tab-navigation .user-icon-container { top: 0; left: 5%; height: 40px; line-height: 40px; overflow: hidden; } ._page-portfolio ._tab-navigation .user-icon-container h1, ._page-portfolio ._tab-navigation .user-icon-container ._user-icon { display: inline-block; } ._page-portfolio ._tab-navigation .user-icon-container h1 { padding: 0 10px; font-weight: bold; } ._page-portfolio ._tab-navigation .user-icon-container .user-name { margin-left: 5px; font-size: 14px; font-weight: bold; color: #777; } ._page-portfolio ._tab-navigation .user-actions { top: 6px; right: calc(5vw + 40px); } ._page-portfolio ._tab-navigation ._follow-button ._action-button { margin: 0; } ._page-portfolio ._tab-navigation ._balloon-menu-opener.arrow ._balloon-menu-popup { font-size: 12px; line-height: 20px; } ._page-portfolio ._tab-navigation .items .item { background: #fff; position: relative; z-index: 1; } ._page-portfolio ._tab-navigation .items .item:first-child { background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 10px); background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 10px); background-image: -o-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 10px); background-image: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 10px); background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, #fff 10px); background-color: transparent; } ._page-portfolio ._tab-navigation .items .item:last-child { background-image: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%, #fff 10px); background-image: -moz-linear-gradient(right, rgba(255,255,255,0) 0%, #fff 10px); background-image: -o-linear-gradient(right, rgba(255,255,255,0) 0%, #fff 10px); background-image: -ms-linear-gradient(right, rgba(255,255,255,0) 0%, #fff 10px); background-image: linear-gradient(to left, rgba(255,255,255,0) 0%, #fff 10px); background-color: transparent; } ._portfolio-container { background-color: #fff; } ._portfolio-container .header { text-align: center; } ._portfolio-container .header .user-self-introduction { padding-bottom: 20px; border-top: 1px solid #eee; } ._portfolio-container .account-list { padding-top: 20px; } ._portfolio-container .account-list li { display: inline; } ._portfolio-container .account-list .account { display: inline-block; margin: 0 10px; } ._portfolio-container .ui-expander-container { max-width: 500px; margin: 0 auto; padding: 20px 20px 0; color: #999; line-height: 18px; } ._portfolio-container .ui-expander-container .expand { padding-top: 24px; } ._portfolio-container .ui-expander-container .expand, ._portfolio-container .ui-expander-container ._icon-text, ._portfolio-container .ui-expander-container ._icon-menu { line-height: 1; } ._portfolio-container .profile-contents { min-height: 740px; text-align: center; padding: 10px 0; color: #5e6366; font-size: 14px; } ._portfolio-container .profile-contents .user-info-title { margin: 20px 0; color: #464a4d; } ._portfolio-container .profile-contents .user-comment { margin: 30px 70px 10px; padding: 0 10px 20px; border-bottom: 1px solid #eee; } ._portfolio-container .profile-contents .user-info-table { margin: 0; } ._portfolio-container .profile-contents .user-info-table th, ._portfolio-container .profile-contents .user-info-table td { padding: 10px; width: 50%; border: none; vertical-align: top; } ._portfolio-container .profile-contents .user-info-table th { text-align: right; font-weight: bolder; background-color: #fff; } ._portfolio-container .profile-contents .user-info-table .personal-tag + .personal-tag { margin-left: 8px; } ._portfolio-container .profile-contents ._workspace { padding-top: 10px; border-top: 1px solid #eee; max-width: none; } ._portfolio-container .profile-contents ._workspace .workspace-image-container { margin-top: 10px; } ._portfolio-container .profile-contents ._workspace .workspace-image-container .workspace-image { max-width: 480px; } .whitecube-masthead { width: 100%; position: relative; overflow: hidden; height: 260px; padding-top: 50px; margin-top: -50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .whitecube-masthead.user_bg .cover-footer { padding-top: 215px; background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)); background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)); background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)); background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)); background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.3)); } .whitecube-masthead.user_bg .cover-footer ._title, .whitecube-masthead.user_bg .cover-footer ._icon-menu { color: #fff; } .whitecube-masthead.details-fixed .details { position: fixed; } .whitecube-masthead .masthead-image { width: 100%; position: absolute; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .whitecube-masthead .gradient-shadow { position: absolute; margin-top: -50px; top: 0; height: 256px; width: 100%; background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); } .whitecube-masthead.ranking-masthead .details { position: absolute; bottom: 0; right: 0; padding: 0 20px 10px 50px; color: #fff; line-height: 16px; font-weight: bold; text-shadow: 0 1px 4px #000; } .whitecube-masthead.ranking-masthead .label { margin-bottom: 8px; } .whitecube-masthead.ranking-masthead a { color: #fff; } .whitecube-masthead.ranking-masthead ._user-icon { position: absolute; top: 0; left: 0; } .whitecube-masthead ._cover-image-editor { position: absolute; left: 20px; bottom: 20px; font-size: 12px; } .whitecube-masthead ._cover-image-editor:hover { left: 18px; bottom: 18px; } .whitecube-masthead ._cover-image-editor .open { height: 30px; line-height: 30px; padding: 0 16px; margin-left: 16px; -webkit-border-radius: 4px; border-radius: 4px; text-align: center; color: #fff; background: #666; } .whitecube-masthead ._cover-image-editor:hover .menu { display: block; } .whitecube-masthead ._cover-image-editor .menu { display: none; position: relative; z-index: 1001; color: #666; background: #fff; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #eee; margin-bottom: 12px; padding: 8px 0; } .whitecube-masthead ._cover-image-editor .menu:before, .whitecube-masthead ._cover-image-editor .menu:after { content: ''; position: absolute; left: calc(50% - 20px / 2); display: block; width: 0; height: 0; border-style: solid; border-width: 10px; } .whitecube-masthead ._cover-image-editor .menu:before { bottom: -20px; border-color: #eee transparent transparent transparent; } .whitecube-masthead ._cover-image-editor .menu:after { bottom: -19px; border-color: #fff transparent transparent transparent; } .whitecube-masthead ._cover-image-editor .menu .item { height: 30px; line-height: 30px; padding: 0 10px; } .whitecube-masthead ._cover-image-editor .menu .item:hover { background: #f5f5f5; } .whitecube-masthead ._cover-image-editor .menu .item.upload { padding: 0; } .whitecube-masthead ._cover-image-editor .menu .item.upload label { padding: 0 10px; } .whitecube-masthead ._cover-image-editor .upload { padding: 0; } .whitecube-masthead ._cover-image-editor .upload label { display: block; padding: 0 16px; } .whitecube-masthead ._cover-image-editor .upload input { display: none; } .whitecube-masthead ._cover-image-editor .open, .whitecube-masthead ._cover-image-editor .upload, .whitecube-masthead ._cover-image-editor .upload *, .whitecube-masthead ._cover-image-editor .delete { cursor: pointer; } .whitecube-masthead._cover-image.waiting:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); } .whitecube-masthead._cover-image.waiting:after { content: ''; position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px; background-color: #fff; -webkit-border-radius: 100%; border-radius: 100%; -webkit-animation: scaleout 1s infinite ease-in-out; -moz-animation: scaleout 1s infinite ease-in-out; -o-animation: scaleout 1s infinite ease-in-out; -ms-animation: scaleout 1s infinite ease-in-out; animation: scaleout 1s infinite ease-in-out; } @-moz-keyframes scaleout { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 1; -ms-filter: none; filter: none; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 1; -ms-filter: none; filter: none; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-o-keyframes scaleout { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 1; -ms-filter: none; filter: none; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @keyframes scaleout { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 1; -ms-filter: none; filter: none; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } .whitecube-masthead._cover-image.waiting ._cover-image-editor { display: none; } .whitecube-masthead .cover-footer { position: absolute; left: 0; bottom: 0; padding-bottom: 40px; width: 100%; text-align: center; } .whitecube-masthead .cover-footer ._user-icon.size-80 { display: block; margin: 0 auto; background-color: #fff; } .whitecube-masthead .cover-footer ._user-icon-editor { display: inline-block; position: absolute; right: -4px; bottom: -2px; cursor: pointer; } .whitecube-masthead .cover-footer ._user-icon-editor ._icon-upload { display: inline-block; width: 24px; height: 24px; -webkit-border-radius: 24px; border-radius: 24px; line-height: 24px; font-size: 20px; text-align: center; color: #fff; background: #666; } .whitecube-masthead .cover-footer ._user-icon-editor input { display: none; } .whitecube-masthead .cover-footer ._title { display: block; font-size: 18px; font-weight: bolder; color: #000; margin-top: 5px; } .whitecube-masthead .cover-footer .badge-container { margin-top: 5px; } .whitecube-masthead .cover-footer .badge { color: #fff; background: rgba(166,216,162,0.9); height: 14px; line-height: 14px; font-size: 10px; -webkit-border-radius: 7px; border-radius: 7px; } .whitecube-masthead .cover-footer .button { margin: 10px 0 0; } .whitecube-masthead .cover-footer .button ._action-button { margin: 0; } .whitecube-masthead .cover-footer ._action-button.edit { height: 30px; line-height: 30px; font-size: 12px; -webkit-border-radius: 15px; border-radius: 15px; color: #fff; background: rgba(0,0,0,0.6); } .whitecube-masthead .cover-footer ._action-button.edit.edit { background: #fff; color: #65c7e9; border-color: #65c7e9; } .previewing-cover-image-region._cover-image { border: 2px dashed #65c7e9; } .previewing-cover-image-region._header-container { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .previewing-cover-image-region .cover-footer { -webkit-transform: translateY(2px); -moz-transform: translateY(2px); -o-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); } .user-info-container { display: inline-block; padding: 50px 50px 0; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; position: relative; text-align: center; } .user-info-container ._user-icon { position: absolute; top: 0; left: 50%; margin-top: -40px; margin-left: -40px; background-color: #fff; } .user-info-container .title { display: inline-block !important; padding-top: 6px; margin-bottom: 10px !important; font-size: 16px !important; font-weight: bold; line-height: 1; color: #999 !important; } .user-info-container ._premium-badge-container { margin: 0; } .user-info-container .text { margin: 10px auto; text-align: center; color: #aaa; padding: 0 10px; max-width: 70em; } .user-info-container ._follow-button { margin: 20px 0 10px; } ._item-count { background: #8ce; color: #fff; padding: 1px 6px; -webkit-border-radius: 8px; border-radius: 8px; margin-left: 4px; font-size: 12px; } .integration-panel { width: 100%; height: 0; position: relative; } ul.integration-list { position: absolute; bottom: -50px; right: 25px; z-index: 4; } ul.integration-list a { color: inherit; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } ul.integration-list .image-container { max-height: 150px; line-height: 0; } ul.integration-list .image-container img { max-width: 100%; } ul.integration-list .total-count { position: absolute; top: 0; right: 0; line-height: 25px; padding: 0 5px; -webkit-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; background: rgba(0,0,0,0.3); color: #fff; white-space: nowrap; max-width: 60%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul.integration-list .total-count ._pico-12 { color: #fff; margin-right: 2.5px; line-height: 25px; } ul.integration-list .info { position: relative; } ul.integration-list .info .name { padding: 7.5px; text-align: left; background: rgba(255,255,255,0.5); color: #b3b3b3; font-weight: bold; } ul.integration-list .info .name span { display: block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #4d4d4d; } ul.integration-list .type { line-height: 20px; color: #fff; } ul.integration-list li.integration-item { background-color: #fff; width: 140px; -webkit-border-radius: 5px; border-radius: 5px; margin: 10px 5px; display: inline-block; position: relative; overflow: hidden; } ul.integration-list li.integration-item.circlems .type { background: #000; } ul.integration-list li.integration-item.booth .name { background: #f2f2f2; } ul.integration-list li.integration-item.booth .type { background-image: url("../../../images/beta/logo-booth.svg"); background-repeat: no-repeat; background-position: center; color: transparent; background-color: #e23b3a; } ._profile-edit-modal._modal-container { z-index: 1000; background: rgba(255,255,255,0.85); padding-top: 0; } ._profile-edit-modal._modal-container ._icon-close.ui-modal-close { position: absolute; top: 0; left: 410px; color: #aaa; cursor: pointer; } ._profile-edit-modal._modal-container .container { position: relative; width: 400px; margin: 100px auto; background: #fff; padding-bottom: 50px; -webkit-border-radius: 4px; border-radius: 4px; text-align: left; } ._profile-edit-modal._modal-container .header { position: relative; background: #f5f5f5; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; border-top-left-radius: 4px; border-top-right-radius: 4px; height: 60px; } ._profile-edit-modal._modal-container .header.with-cover-image { height: 180px; } ._profile-edit-modal._modal-container .header ._user-icon { position: absolute; left: 50%; bottom: -20px; margin-left: -30px; } ._profile-edit-modal._modal-container .optional { color: #ccc; font-size: 10px; margin-left: 5px; } ._profile-edit-modal._modal-container dl { padding: 10px 10px 30px; } ._profile-edit-modal._modal-container dl dt, ._profile-edit-modal._modal-container dl dd { display: block; } ._profile-edit-modal._modal-container dl dt { margin-top: 20px; } ._profile-edit-modal._modal-container dl [type="text"] { width: 240px; height: 30px; line-height: 30px; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; border: 1px solid #eee; -webkit-border-radius: 4px; border-radius: 4px; } ._profile-edit-modal._modal-container dl [name="user_name"] + .counter { width: 240px; text-align: right; color: #ccc; font-size: 10px; } ._profile-edit-modal._modal-container dl [name="user_name"] + .counter .over { color: #ff6347; } ._profile-edit-modal._modal-container dl [name="user_comment"] { width: 100%; height: 120px; padding: 5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; border: 1px solid #eee; -webkit-border-radius: 4px; border-radius: 4px; } ._profile-edit-modal._modal-container dl .id-hint { position: relative; font-size: 14px; } ._profile-edit-modal._modal-container dl [name="contact_twitter"], ._profile-edit-modal._modal-container dl [name="contact_instagram"] { padding-left: 23px; } ._profile-edit-modal._modal-container dl [name="contact_twitter"] + .id-hint, ._profile-edit-modal._modal-container dl [name="contact_instagram"] + .id-hint { left: -230px; } ._profile-edit-modal._modal-container dl [name="contact_tumblr"] { padding-right: 86px; } ._profile-edit-modal._modal-container dl [name="contact_tumblr"] + .id-hint { left: -85px; } ._profile-edit-modal._modal-container dl [name="contact_facebook"] { padding-left: 106px; } ._profile-edit-modal._modal-container dl [name="contact_facebook"] + .id-hint { left: -230px; } ._profile-edit-modal._modal-container .footer { position: absolute; bottom: 0; width: 100%; height: 50px; background: #f5f5f5; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } ._profile-edit-modal._modal-container .footer ._action-button.save { display: inline-block; position: absolute; right: 10px; top: 50%; height: 30px; margin-top: -15px; line-height: 30px; padding: 0 16px; font-size: 16px; -webkit-border-radius: 4px; border-radius: 4px; } ._profile-edit-modal._modal-container .footer ._action-button.save:disabled { background: #ccc; } ._questionnaire-opener { display: inline-block; cursor: pointer; } ._questionnaire-popup { z-index: 1000; background-color: rgba(0,0,0,0.5); } ._questionnaire-popup ._icon-close.ui-modal-close { position: absolute; left: 50%; top: 220px; margin-left: 160px; color: #fff; cursor: pointer; } ._questionnaire-container { position: absolute; left: 50%; top: 220px; margin-left: -150px; width: 300px; background: #fff; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #eee; text-align: left; font-size: 12px; cursor: default; } ._questionnaire-container .title { font-weight: bolder; line-height: 100%; padding: 10px 10px 0 10px; color: #4d4d4d; } ._questionnaire-container .question { line-height: 100%; padding: 30px 10px 5px 10px; border-bottom: 1px solid #eee; color: #666; } ._questionnaire-container .choices { padding-bottom: 20px; } ._questionnaire-container.form .choices { list-style-type: decimal; list-style-position: inside; } ._questionnaire-container .choice { height: 30px; line-height: 30px; position: relative; padding: 0 0 0 10px; } ._questionnaire-container .choice .bar { display: inline-block; position: absolute; left: 0; top: 2px; height: 26px; background: rgba(101,209,233,0.25); border-top-right-radius: 4px; border-bottom-right-radius: 4px; } ._questionnaire-container .choice.selected .bar { background: rgba(101,209,233,0.75); } ._questionnaire-container .choice .text-and-count { display: inline-block; position: absolute; left: 0; top: 0; } ._questionnaire-container .choice .text { display: inline-block; padding-left: 10px; padding-right: 6px; color: #808080; } ._questionnaire-container .choice .count { color: #84d2ed; } ._questionnaire-container .choice label { display: block; padding-left: 23px; cursor: pointer; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; top: 0; left: 0; width: 100%; height: 100%; } ._questionnaire-container .choice label:hover { background: rgba(0,0,0,0.04); } ._questionnaire-container .choice label input { display: none; } body.ranking .masthead-background-image .bg-gradient { background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3) 100%); background-image: -moz-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3) 100%); background-image: -o-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3) 100%); background-image: -ms-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3) 100%); background-image: linear-gradient(-180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3) 100%); width: 100%; height: 100%; } body.ranking .nav-ranking.header { text-align: center; height: 50px; line-height: 50px; width: 100%; background: #f0f2f3; } body.ranking .nav-ranking.header ._title { color: #454a4e; } body.ranking .nav-ranking.header .description { font-size: 20px; display: inline-block; vertical-align: middle; font-weight: bold; } body.ranking .nav-ranking.header nav.other-ranking { display: inline-block; margin: 0 30px; } body.ranking .nav-ranking.header nav.other-ranking.inactive { visibility: hidden; } body.ranking .nav-ranking.header nav.other-ranking .other-ranking-label { vertical-align: middle; } body.ranking .nav-ranking.header nav.other-ranking img { width: 30px; height: 30px; -webkit-border-radius: 5px; border-radius: 5px; vertical-align: middle; } body.ranking .nav-ranking.header nav.other-ranking a { color: #999; } body.ranking .nav-ranking.header nav.other-ranking ._icon-prev, body.ranking .nav-ranking.header nav.other-ranking ._icon-next { margin: 0 5px; } body.ranking .ui-fixed-container .ui-fixed { background: #fff; text-align: center; } body.ranking .ui-fixed-container .ui-fixed .spacer { display: inline-block; width: 60px; } body.ranking .ui-fixed-container .ui-fixed ._type-navigation { display: inline-block; } ._page-search .ui-fixed-container { margin-top: -50px; height: 100px !important; } ._page-search .ui-fixed { padding-top: 50px; } .nav-search.header { padding: 30px 0; text-align: center; background-color: #fff; position: relative; z-index: 1; } .nav-search.header ._title { display: block; } .nav-search.header .result { display: inline-block; margin: 6px 0; padding: 0 6px; line-height: 18px; font-size: 12px; vertical-align: top; color: #fff; background-color: #84d2ed; -webkit-border-radius: 9px; border-radius: 9px; } .nav-search.header .description { margin-top: 10px; color: #999; line-height: 1; } .nav-search.header .source { margin-top: 10px; font-size: 11px; line-height: 1; color: #aaa; } button#saved-search-delete { margin: 0; padding: 0; background-color: transparent; border: none; } button#saved-search-delete ._icon-remove { display: block; width: 16px; height: 16px; line-height: 16px; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; background-color: #83d2ed; color: #f7f7f7; } .nav-saved-search.header { background-color: #f0f2f3; position: relative; } .nav-saved-search.header ._type-navigation { background-color: inherit; } .nav-saved-search.header .title { font-size: 18px; font-weight: bold; padding-top: 6px; padding-bottom: 6px; height: 18px; } .search-result-total { display: inline-block; padding: 0 18px; border-right: solid 1px #eee; color: #83d2ed; } .search-filter { display: inline-block; } .search-filter ._icon-text { position: relative; } .search-filter .arrow { border-style: solid; border-width: 8px 12px; border-color: transparent transparent #666 transparent; width: 0; position: absolute; bottom: -12px; left: 50%; margin-left: -12px; display: none; z-index: 1; } .search-filter .popup-button-focus:focus ~ ._icon-text .arrow, .search-filter .popup-button-check:focus:checked ~ .icon-text .arrow { display: block; } .search-filter ._filter-switch { display: inline-block; position: relative; padding-right: 35px; } .search-filter ._filter-switch .visual-switch { display: inline-block; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0 5px; width: 25px; height: 14px; -webkit-border-radius: 14px; border-radius: 14px; background: #777; -webkit-transition: background 0.1s ease-in-out; -moz-transition: background 0.1s ease-in-out; -o-transition: background 0.1s ease-in-out; -ms-transition: background 0.1s ease-in-out; transition: background 0.1s ease-in-out; } .search-filter ._filter-switch .visual-switch .knob { position: absolute; width: 12px; height: 12px; -webkit-border-radius: 12px; border-radius: 12px; background: #eee; top: 1px; left: 1px; -webkit-transition: left 0.1s ease-in-out; -moz-transition: left 0.1s ease-in-out; -o-transition: left 0.1s ease-in-out; -ms-transition: left 0.1s ease-in-out; transition: left 0.1s ease-in-out; } .search-filter ._filter-switch .switch { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: #fff; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); cursor: pointer; } .search-filter ._filter-switch .switch.on:checked, .search-filter ._filter-switch .switch.off:checked { z-index: 0; } .search-filter ._filter-switch .switch:checked ~ .visual-switch { background: #1aa8e0; } .search-filter ._filter-switch .switch:checked ~ .visual-switch .knob { left: 12px; background: #fff; } .search-filter ._filter-switch .switch.off:checked ~ .visual-switch { background: #777; } .search-filter ._filter-switch .switch.off:checked ~ .visual-switch .knob { left: 1px; background: #eee; } .search-filter .top-filter-options { display: inline-block; line-height: 30px; color: #999; } .search-filter .top-filter-options .filter-option { display: inline-block; border-right: solid 1px #eee; } .search-filter .top-filter-options .filter-value { padding: 0 10px; cursor: pointer; } .search-filter .top-filter-options .filter-value input { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); width: 0; margin: 0; } .search-filter .top-filter-options .filter-value input:checked ~ span { color: #4d4d4d; font-weight: bold; } .search-filter .top-filter-options .filter-value.disabled { display: none; } .search-filter .filter-options-popup-window { line-height: 30px; background: #666; -webkit-border-radius: 8px; border-radius: 8px; min-width: 100px; min-height: 50px; position: absolute; top: 34px; right: -8px; display: none; z-index: 1001; text-align: left; } .search-filter .filter-options-popup-window:hover { display: table-row !important; } .search-filter .filter-options-popup-window:hover ~ ._icon-text .arrow { display: block !important; } .search-filter .popup-filter-options { padding-left: 15px; position: relative; display: inline-block; } .search-filter .popup-filter-options .filter-option { display: table-cell; border-right: solid 1px #848484; color: #ccc; padding: 10px 20px; } .search-filter .popup-filter-options .filter-option:last-child { border: none; } .search-filter .popup-filter-options .filter-value { position: relative; display: block; color: #fff; white-space: nowrap; cursor: pointer; } .search-filter .popup-filter-options .filter-value input { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .search-filter .popup-filter-options .filter-value input:checked ~ ._icon-following { display: block; } .search-filter .popup-filter-options .filter-value ._icon-following { display: none; position: absolute; left: 0; top: 0; line-height: 30px; } .more-saved-searches { display: inline-block; vertical-align: bottom; position: relative; } .more-saved-searches ._icon-dot { line-height: 18px; font-size: 20px; } ._kiznaiver { padding: 0; margin: 0; font-size: 12px; color: #555; background: #666; min-width: 1000px; } ._kiznaiver ._header { height: 400px; position: relative; background-color: #fff; background-image: url("/www/images/special/kiznaiver/header.jpg"); background-repeat: no-repeat; background-position: center center; } ._kiznaiver ._header .logo { padding: 10px 0 0 60px; } ._kiznaiver ._header .logo img { width: 100px; height: 40px; } ._kiznaiver ._header .onair { width: 180px; padding: 10px; position: absolute; top: 70px; right: 30px; -webkit-border-radius: 8px; border-radius: 8px; color: #cc2015; background: rgba(255,255,255,0.9); font-size: 13px; } ._kiznaiver ._header .description { color: #cc2015; font-size: 14px; line-height: 21px; text-align: center; position: absolute; bottom: 131px; width: 100%; } ._kiznaiver ._header .description .text { display: inline-block; background: #fff; } ._kiznaiver ._header .external.menu { height: 20px; line-height: 20px; text-align: center; position: absolute; bottom: 91px; width: 100%; } ._kiznaiver ._header .external.menu .item { display: inline-block; height: 20px; padding: 0 8px; } ._kiznaiver ._header .external.menu .item a { color: #cc2015; display: inline-block; width: 20px; height: 20px; overflow: hidden; } ._kiznaiver ._header .external.menu .item ._pico-30, ._kiznaiver ._header .external.menu .item .fa { color: #cc2015; font-size: 20px; vertical-align: text-bottom; } ._kiznaiver ._header .share.menu { height: 20px; line-height: 20px; text-align: center; position: absolute; bottom: 61px; width: 100%; } ._kiznaiver ._header .share.menu .item { display: inline-block; height: 20px; padding: 0 8px; vertical-align: middle; } ._kiznaiver ._header .internal.menu { height: 50px; line-height: 50px; text-align: center; border-top: 1px solid rgba(0,0,0,0.04); position: absolute; bottom: 0; width: 100%; } ._kiznaiver ._header .internal.menu .item { display: inline-block; padding: 0 15px; } ._kiznaiver ._header .internal.menu .item a { display: inline-block; color: #999; font-size: 14px; } ._kiznaiver ._header .internal.menu .current.item { height: 46px; border-bottom: 4px solid #cc2015; font-weight: bolder; } ._kiznaiver ._header .internal.menu .current.item a { color: #555; } ._kiznaiver ._timeline { background: #f9f9f9; text-align: center; padding-top: 30px; padding-bottom: 30px; } ._kiznaiver ._timeline.official-works { padding-bottom: 60px; } ._kiznaiver ._timeline ._image { display: inline-block; padding: 10px; } ._kiznaiver ._timeline ._image .contents { position: relative; height: 250px; } ._kiznaiver ._timeline ._image .contents .thumbnail { display: inline-block; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; min-width: 160px; max-width: 400px; height: 250px; -webkit-border-radius: 4px; border-radius: 4px; } ._kiznaiver ._timeline ._image .contents .thumbnail .page-count { position: absolute; top: 0; right: 0; } ._kiznaiver ._timeline ._image .contents .thumbnail .player { position: absolute; top: 50%; right: 50%; } ._kiznaiver ._timeline ._image .contents ._user { position: absolute; left: 4px; bottom: 4px; width: 30px; height: 30px; padding: 0; } ._kiznaiver ._timeline ._image .contents ._user .icon { width: 30px; height: 30px; -webkit-border-radius: 15px; border-radius: 15px; } ._kiznaiver ._timeline ._image .footer { position: relative; height: 20px; } ._kiznaiver ._timeline ._image .footer .title { position: absolute; top: 0; left: 0; min-width: 160px; max-width: 400px; height: 20px; line-height: 20px; overflow: hidden; text-align: left; } ._kiznaiver ._timeline ._image .footer .title a { color: #aaa; white-space: nowrap; font-size: 10px; } ._kiznaiver ._timeline ._image .footer .reaction { position: absolute; top: 0; right: 0; width: 40px; height: 20px; line-height: 20px; text-align: right; color: #ccc; background-image: -webkit-linear-gradient(left, rgba(249,249,249,0), #f9f9f9); background-image: -moz-linear-gradient(left, rgba(249,249,249,0), #f9f9f9); background-image: -o-linear-gradient(left, rgba(249,249,249,0), #f9f9f9); background-image: -ms-linear-gradient(left, rgba(249,249,249,0), #f9f9f9); background-image: linear-gradient(to right, rgba(249,249,249,0), #f9f9f9); } ._kiznaiver ._timeline ._image .footer .reaction .toggle-bookmark.on ._icon-star { color: #ffc08e; } ._kiznaiver ._timeline ._news { display: inline-block; } ._kiznaiver ._timeline ._news .module { position: relative; padding: 0 5px; cursor: pointer; width: 300px; } ._kiznaiver ._timeline ._news .module .thumbnail { min-width: 160px; max-width: 400px; height: 200px; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -webkit-border-radius: 4px; border-radius: 4px; } ._kiznaiver ._timeline ._news .module .title { content: ''; position: absolute; left: 5px; bottom: 0; background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5)); background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5)); background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5)); background: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5)); background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5)); width: calc(100% - (5px + 5px)); height: 100px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } ._kiznaiver ._timeline ._news .module .text { position: absolute; bottom: 0; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: bolder; font-size: 16px; color: #fff; padding: 10px; width: calc(100% - (5px + 10px + 10px + 5px)); text-align: left; } ._kiznaiver ._timeline ._news .modal { display: none; background: rgba(255,255,255,0.95); } ._kiznaiver ._timeline ._news .modal .contents { position: relative; background: transparent; width: 720px; margin: 110px auto 0; padding: 20px; -webkit-border-radius: 4px; border-radius: 4px; text-align: left; } ._kiznaiver ._timeline ._news .modal .contents ._icon-close { position: fixed; top: 20px; right: 20px; color: #ccc; cursor: pointer; } ._kiznaiver ._timeline ._news .modal .contents .date { margin: 0 20px 10px; color: #999; } ._kiznaiver ._timeline ._news .modal .contents .title { font-size: 24px; font-weight: bolder; color: #cc2015; margin: 10px 20px 60px; } ._kiznaiver ._timeline ._news .modal .contents .body > * { margin-left: 20px; margin-right: 20px; font-size: 14px; line-height: 21px; } ._kiznaiver ._timeline ._news .modal .contents .image-frame { text-align: center; margin: 60px 0; background: #000; } ._kiznaiver ._timeline ._news .modal .contents .image-frame.transparent { background: transparent; } ._kiznaiver ._timeline ._news .modal .contents p { margin-top: 20px; margin-bottom: 20px; } ._kiznaiver ._timeline.official-works .view-more, ._kiznaiver ._timeline.fanart .view-more { font-size: 14px; text-align: right; padding-right: 20px; } ._kiznaiver ._timeline.official-works .view-more ._icon-next, ._kiznaiver ._timeline.fanart .view-more ._icon-next { font-size: 16px; vertical-align: text-bottom; color: inherit; } ._kiznaiver ._timeline.news .view-more { display: inline-block; height: 200px; line-height: 200px; vertical-align: text-bottom; padding-left: 10px; } ._kiznaiver ._section { border-top: 1px solid #eee; } ._kiznaiver ._section.news { border-top: none; } ._kiznaiver ._section .staffs { padding-top: 40px; color: #777; } ._kiznaiver ._section .header .title { font-size: 18px; font-weight: bolder; } ._kiznaiver ._section .header .description { font-size: 12px; color: #999; padding: 10px 0; } ._kiznaiver ._section.fanart ._action-button { color: #fff; margin: 10px 0; } ._kiznaiver ._section.introduction { border-top: none; } ._kiznaiver ._timeline._section.official-works, ._kiznaiver ._timeline._section.fanart { padding-left: 60px; padding-right: 60px; } ._kiznaiver ._timeline._section.official-works > .contents, ._kiznaiver ._timeline._section.fanart > .contents { max-height: 580px; overflow: hidden; } ._kiznaiver ._timeline._section.introduction { font-size: 14px; line-height: 21px; } ._kiznaiver ._timeline._section.introduction .summary { width: 600px; margin: 0 auto; } ._kiznaiver ._timeline._section.introduction .summary .header { font-size: 18px; line-height: 27px; white-space: nowrap; } ._kiznaiver ._timeline._section.introduction .summary .abstract { margin-top: 30px; margin-bottom: 60px; } ._kiznaiver ._timeline._section.introduction .summary .story .title { text-align: left; font-weight: bolder; } ._kiznaiver ._timeline._section.introduction .summary p { margin-top: 25px; text-align: left; } ._kiznaiver ._timeline._section.introduction .staff-roll { margin: 30px auto 0; padding: 30px 0; border-top: 1px solid #e5e5e5; } ._kiznaiver ._timeline._section.introduction .staff-roll .cast, ._kiznaiver ._timeline._section.introduction .staff-roll .staff { width: 300px; display: inline-block; vertical-align: top; } ._kiznaiver ._timeline._section.introduction .staff-roll .cast .title, ._kiznaiver ._timeline._section.introduction .staff-roll .staff .title { font-size: 20px; font-weight: bolder; } ._kiznaiver ._timeline._section.introduction .staff-roll .cast dt, ._kiznaiver ._timeline._section.introduction .staff-roll .staff dt { margin-top: 25px; font-weight: bolder; } ._kiznaiver ._timeline._section.introduction .staff-roll .cast .notes, ._kiznaiver ._timeline._section.introduction .staff-roll .staff .notes { font-size: 12px; color: #999; } ._kiznaiver ._user { display: inline-block; width: 60px; padding: 20px; vertical-align: top; } ._kiznaiver ._user .icon { display: inline-block; width: 60px; height: 60px; -webkit-border-radius: 30px; border-radius: 30px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } ._kiznaiver ._user .name { color: #999; display: inline-block; width: 60px; overflow: hidden; } ._kiznaiver ._data { background: #f9f9f9; padding: 30px 0 60px; } ._kiznaiver ._data .header .title { font-size: 20px; font-weight: bolder; text-align: center; } ._kiznaiver ._data ._character { width: 960px; margin: 60px auto 0; } ._kiznaiver ._data ._character .description { display: inline-block; width: 200px; } ._kiznaiver ._data ._character .description .name { font-size: 18px; line-height: 100%; font-weight: bolder; } ._kiznaiver ._data ._character .description .yomi { font-size: 12px; line-height: 100%; color: #ccc; margin-top: 8px; } ._kiznaiver ._data ._character .description .cv { font-size: 12px; line-height: 100%; color: #666; margin-top: 10px; } ._kiznaiver ._data ._character .description .details { font-size: 14px; color: #999; margin-top: 30px; } ._kiznaiver ._data ._character .image { display: inline-block; margin-left: 20px; vertical-align: top; } ._kiznaiver ._data ._character .image a { position: relative; display: inline-block; } ._kiznaiver ._data ._character .image a:hover:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.2); } ._kiznaiver ._footer { background-color: #666; } ._kiznaiver ._footer .copyright { color: #fff; font-size: 14px; } ._kiznaiver ._footer .logo { margin-top: 30px; } ._kiznaiver ._footer .catchphrase { font-size: 10px; } ._kiznaiver ._spinner { position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px; background-color: #ddd; -webkit-border-radius: 100%; border-radius: 100%; -webkit-animation: scaleout 1s infinite ease-in-out; -webkit-animation: scaleout 1s infinite ease-in-out; -moz-animation: scaleout 1s infinite ease-in-out; -o-animation: scaleout 1s infinite ease-in-out; -ms-animation: scaleout 1s infinite ease-in-out; animation: scaleout 1s infinite ease-in-out; } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0); } 100% { -webkit-transform: scale(1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } ._kiznaiver ._profile-popup { display: none; z-index: 15000; position: absolute; width: 388px; padding-bottom: 10px; font-size: 12px; line-height: 18px; } ._kiznaiver ._profile-popup .nipple { position: relative; position: absolute; left: 0; bottom: 10px; width: 20px; } ._kiznaiver ._profile-popup .nipple:before { content: ""; display: block; position: absolute; top: auto; bottom: -10px; left: 50%; margin-left: -10px; width: 0; height: 0; border-width: 10px; border-bottom-width: 0; border-color: #cbd2d9 transparent; border-style: solid; } ._kiznaiver ._profile-popup .nipple:after { content: ""; display: block; position: absolute; top: auto; bottom: -8px; left: 50%; margin-left: -9px; width: 0; height: 0; border-width: 9px; border-bottom-width: 0; border-color: #fff transparent; border-style: solid; } ._kiznaiver ._profile-popup .nipple:before { left: 0; } ._kiznaiver ._profile-popup .nipple:after { left: 0; } ._kiznaiver ._profile-popup.under-target { position: absolute; padding: 10px 0 0; } ._kiznaiver ._profile-popup.under-target .nipple { position: relative; position: absolute; left: 21px; top: 10px; } ._kiznaiver ._profile-popup.under-target .nipple:before { content: ""; display: block; position: absolute; top: -10px; bottom: auto; left: 50%; margin-left: -10px; width: 0; height: 0; border-width: 10px; border-top-width: 0; border-color: #cbd2d9 transparent; border-style: solid; } ._kiznaiver ._profile-popup.under-target .nipple:after { content: ""; display: block; position: absolute; top: -8px; bottom: auto; left: 50%; margin-left: -9px; width: 0; height: 0; border-width: 9px; border-top-width: 0; border-color: #f2f4f6 transparent; border-style: solid; } ._kiznaiver ._profile-popup .items { position: relative; overflow: hidden; width: 386px; height: 128px; background-color: #f2f4f6; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border: 1px solid #cbd2d9; border-bottom: none; } ._kiznaiver ._profile-popup .items a { position: relative; } ._kiznaiver ._profile-popup .items .item { display: table-cell; width: 128px; height: 128px; vertical-align: middle; background-position: center; background-attachment: initial; } ._kiznaiver ._profile-popup .items .item + .item { border-left: 1px solid #fff; } ._kiznaiver ._profile-popup .novel { background-color: #f5f5f5; } ._kiznaiver ._profile-popup .novel:hover { text-decoration: none; background-color: #f7f7f7; } ._kiznaiver ._profile-popup .novel .title { margin: 0 10px; color: #555; text-align: center; font-weight: bold; } ._kiznaiver ._profile-popup .novel .word-count { position: absolute; bottom: 3px; right: 3px; color: #555; font-size: 10px; line-height: 1; padding: 2px 4px; -webkit-border-radius: 2px; border-radius: 2px; background-color: rgba(255,255,255,0.5); } ._kiznaiver ._profile-popup .user-info { position: relative; height: 50px; padding: 10px 0 0 60px; background-color: #fff; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border: 1px solid #cbd2d9; border-top: none; } ._kiznaiver ._profile-popup .layout-2 .item { width: 192px; } ._kiznaiver ._profile-popup .layout-2 .item + .item { border-left: 2px solid #fff; } ._kiznaiver ._profile-popup .layout-1 .item { width: 388px; } ._kiznaiver ._profile-popup .no-item { position: absolute; opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); top: 50%; left: 0; width: 388px; height: 128px; margin-top: -7px; text-align: center; font-size: 14px; font-weight: bold; line-height: 1; } ._kiznaiver ._profile-popup .explicit { background-image: url("../images/common/explicit-r18.png"); -webkit-background-size: 128px; -moz-background-size: 128px; background-size: 128px; } ._kiznaiver ._profile-popup .user-profile:hover .user-menu-items-wrapper { display: block; } ._kiznaiver ._profile-popup .user-icon-container { position: absolute; left: 10px; bottom: 10px; width: 40px; max-height: 40px; } ._kiznaiver ._profile-popup .user-icon.loading { background-color: #f2f4f6; } ._kiznaiver ._profile-popup .user-menu-items-wrapper { display: none; position: absolute; z-index: 15001; top: 50px; left: 5px; padding: 4px 0 0; } ._kiznaiver ._profile-popup .user-menu-items { position: relative; padding: 5px 0; font-size: 11px; line-height: 17px; background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #d6dee5; } ._kiznaiver ._profile-popup .user-menu-items:before { content: ""; display: block; position: absolute; top: -6px; bottom: auto; left: 50%; margin-left: -6px; width: 0; height: 0; border-width: 6px; border-top-width: 0; border-color: #d6dee5 transparent; border-style: solid; } ._kiznaiver ._profile-popup .user-menu-items:after { content: ""; display: block; position: absolute; top: -4px; bottom: auto; left: 50%; margin-left: -5px; width: 0; height: 0; border-width: 5px; border-top-width: 0; border-color: #fff transparent; border-style: solid; } ._kiznaiver ._profile-popup .user-menu-items:before { left: 24px; } ._kiznaiver ._profile-popup .user-menu-items:after { left: 24px; } ._kiznaiver ._profile-popup .user-menu-items a { display: block; white-space: nowrap; padding: 2px 10px; color: #777; } ._kiznaiver ._profile-popup .user-menu-items a:hover { text-decoration: none; background-color: #f2f4f6; } ._kiznaiver ._profile-popup .user-menu-items .new-context { margin: 3px 0 0; border-top: 1px solid #d6dee5; } ._kiznaiver ._profile-popup .user-menu-items .new-context a { margin: 3px 0 0; } ._kiznaiver ._profile-popup .user-name { font-weight: bold; font-size: 14px; line-height: 22px; } ._kiznaiver ._profile-popup .description { color: #777; } ._kiznaiver ._profile-popup ._follow-button-container { position: absolute; right: 10px; bottom: 14px; vertical-align: top; } ._kiznaiver ._follow-button-container .follow-button { -moz-appearance: none; -webkit-appearance: none; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: inline-block; margin: 0; padding: 7px 5px; font-family: inherit; font-weight: bold; font-size: 12px; line-height: 1; color: #0096db; background-color: #fff; border: 2px solid #0096db; border-right: none; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; cursor: pointer; } ._kiznaiver ._follow-button-container .follow-button:hover:not([disabled]) { color: #fff; background-color: #0096db; border-color: #0096db; } ._kiznaiver ._follow-button-container .follow-button:hover:not([disabled]):after { content: ""; display: block; position: absolute; z-index: 1; top: 0; right: 16px; width: 0; height: 30px; border-right: 2px solid #0096db; } ._kiznaiver ._follow-button-container .follow-more-button-container { display: inline-block; position: relative; } ._kiznaiver ._follow-button-container .follow-more-button-container:hover .options-wrapper { display: block; } ._kiznaiver ._follow-button-container .follow-more-button-container:hover .follow-more-button { background-color: #0096db; border-color: #0096db; } ._kiznaiver ._follow-button-container .follow-more-button { -moz-appearance: none; -webkit-appearance: none; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: inline-block; width: 8px; margin: 0; padding: 7px 3px 7px 5px; font-family: inherit; font-weight: bold; font-size: 12px; line-height: 1; color: #0096db; background-color: #fff; border: 2px solid #0096db; border-left: none; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; cursor: pointer; } ._kiznaiver ._follow-button-container .sprites-more { vertical-align: 2px; } ._kiznaiver ._follow-button-container.following2 .follow-button, ._kiznaiver ._follow-button-container.following2 .follow-more-button { color: #fff; background-color: #0096db; border-color: #0096db; cursor: default; } ._kiznaiver ._follow-button-container.following2:hover .options-wrapper { display: block; } ._kiznaiver ._follow-button-container.following2:hover .options-container { position: relative; } ._kiznaiver ._follow-button-container.following2:hover .options-container:before { content: ""; display: block; position: absolute; top: auto; bottom: -8px; left: 50%; margin-left: -8px; width: 0; height: 0; border-width: 8px; border-bottom-width: 0; border-color: #d6dee5 transparent; border-style: solid; } ._kiznaiver ._follow-button-container.following2:hover .options-container:after { content: ""; display: block; position: absolute; top: auto; bottom: -6px; left: 50%; margin-left: -7px; width: 0; height: 0; border-width: 7px; border-bottom-width: 0; border-color: #f2f4f6 transparent; border-style: solid; } ._kiznaiver ._follow-button-container.following2:hover .follow-button, ._kiznaiver ._follow-button-container.following2:hover .follow-more-button { background-color: #00a7f4; border-color: #00a7f4; } ._kiznaiver ._follow-button-container.following2:hover .follow-button:after { content: none; } ._kiznaiver ._follow-button-container .options-wrapper { display: none; position: absolute; z-index: 15001; bottom: 30px; right: -6px; padding: 0 0 4px; cursor: auto; } ._kiznaiver ._follow-button-container .options-container { position: relative; } ._kiznaiver ._follow-button-container .options-container:before { content: ""; display: block; position: absolute; top: auto; bottom: -8px; left: 50%; margin-left: -8px; width: 0; height: 0; border-width: 8px; border-bottom-width: 0; border-color: #d6dee5 transparent; border-style: solid; } ._kiznaiver ._follow-button-container .options-container:after { content: ""; display: block; position: absolute; top: auto; bottom: -6px; left: 50%; margin-left: -7px; width: 0; height: 0; border-width: 7px; border-bottom-width: 0; border-color: #fff transparent; border-style: solid; } ._kiznaiver ._follow-button-container .options-container:before { left: auto !important; right: 7px !important; } ._kiznaiver ._follow-button-container .options-container:after { left: auto !important; right: 8px !important; } ._kiznaiver ._follow-button-container .options-container .option { overflow: hidden; background-color: #fff; border: 1px solid #d6dee5; } ._kiznaiver ._follow-button-container .options-container .option:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; } ._kiznaiver ._follow-button-container .options-container .option:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } ._kiznaiver ._follow-button-container .options-container .option + .option { border-top: none; } ._kiznaiver ._follow-button-container .options-container select { width: 120px; margin: 0; vertical-align: top; } ._kiznaiver ._follow-button-container .options-container .premium-feature { display: block; position: relative; width: auto !important; min-width: 143px; margin: 5px !important; padding: 5px 0 5px 5px !important; text-decoration: none; background-color: #fffee0; -webkit-border-radius: 3px; border-radius: 3px; } ._kiznaiver ._follow-button-container .options-container ._notes { margin-bottom: 0; font-size: 10px; } ._kiznaiver ._follow-button-container .options-container .sprites-premium, ._kiznaiver ._follow-button-container .options-container .menu-items .require-premium:after, ._kiznaiver .menu-items ._follow-button-container .options-container .require-premium:after, ._kiznaiver ._follow-button-container .options-container ._search-tutorial-modal .premium:after, ._kiznaiver ._search-tutorial-modal ._follow-button-container .options-container .premium:after { position: absolute; top: 4px; left: 126px; } ._kiznaiver ._follow-button-container .options-container .label { margin: 0 -5px 5px; padding-bottom: 5px; line-height: 1; font-weight: bold; border-bottom: 1px solid #d6dee5; } ._kiznaiver ._follow-button-container .options-container .item { width: 120px; margin: 0 10px; padding: 5px 0; } ._kiznaiver ._follow-button-container .options-container .item + .item { padding-top: 0; } ._kiznaiver ._follow-button-container .options-container .action { white-space: nowrap; padding: 5px; text-align: right; background-color: #f2f4f6; } ._kiznaiver ._follow-button-container .options-container .action + .action { margin-top: 1px; } ._kiznaiver ._follow-button-container .options-container ._button2 { -webkit-border-radius: 3px; border-radius: 3px; } ._kiznaiver ._follow-button-container .options-container .unfollow-button { background-color: #999; } ._kiznaiver ._follow-button-container .options-container .unfollow-button:hover { background-color: #a6a6a6; } ._kiznaiver ._button2 { -moz-appearance: none; -webkit-appearance: none; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: inline-block; margin: 0; padding: 6px 15px; font-family: inherit; font-weight: bold; text-align: center; font-size: 12px; line-height: 1; color: #fff; background-color: #0096db; border: none; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; } ._kiznaiver ._button2:hover { background-color: #00a7f4; } ._kiznaiver ._button2 + ._button2 { margin-left: 2px; } ._kiznaiver .sprites-more { background-image: url("../../../images/sprites-s9474f3c865.png"); background-repeat: no-repeat; } ._kiznaiver .sprites-more { background-position: 0 -1687px; height: 4px; width: 8px; display: inline-block; } @-moz-keyframes scaleout { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform: scale(0); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform: scale(1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform: scale(0); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform: scale(1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-o-keyframes scaleout { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform: scale(0); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform: scale(1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @keyframes scaleout { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform: scale(0); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform: scale(1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } .premium-upsell-color { color: #ff7e00 !important; } #ui-tooltip-container { position: absolute; z-index: 1003; max-width: 200px; } #ui-tooltip-container .nipple { position: absolute; bottom: -4px; left: 50%; margin-left: -4px; width: 0; height: 0; border-width: 4px; border-bottom-width: 0; border-color: #999 transparent; border-style: solid; } #ui-tooltip-container.under-target .nipple { top: -4px; bottom: auto; border-top-width: 0; border-bottom-width: 4px; } #ui-tooltip-container .content { padding: 6px 8px; font-size: 11px; line-height: 1; color: #fff; background-color: #999; -webkit-border-radius: 4px; border-radius: 4px; } #ui-tooltip-container .light .content { color: #333; background-color: #f5f5f5; } #ui-tooltip-container .light .nipple { border-color: #f5f5f5 transparent; } ._ui-switch { position: relative; padding-right: 30.2px; cursor: pointer; } ._ui-switch._disabled { cursor: default !important; } ._ui-switch.on .toggle-switch { background-color: #1aa8e0; } ._ui-switch.on .switch { -webkit-animation: ui-switch-on 0.1s forwards; -moz-animation: ui-switch-on 0.1s forwards; -o-animation: ui-switch-on 0.1s forwards; -ms-animation: ui-switch-on 0.1s forwards; animation: ui-switch-on 0.1s forwards; background-color: #fff; } ._ui-switch.off .switch { -webkit-animation: ui-switch-off 0.1s forwards; -moz-animation: ui-switch-off 0.1s forwards; -o-animation: ui-switch-off 0.1s forwards; -ms-animation: ui-switch-off 0.1s forwards; animation: ui-switch-off 0.1s forwards; } ._ui-switch input { display: none; } ._ui-switch .toggle-switch { -webkit-transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out; -ms-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; display: inline-block; position: absolute; top: -2px; right: 0; width: 25.2px; height: 14px; background-color: #777; -webkit-border-radius: 7px; border-radius: 7px; } ._ui-switch .switch { -webkit-transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out; -ms-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; display: block; position: absolute; top: 1px; left: 1px; width: 12px; height: 12px; background-color: #eee; -webkit-border-radius: 6px; border-radius: 6px; } .ui-expander-container { position: relative; overflow: hidden; max-height: 100px; line-height: 20px; -webkit-transition: max-height 0.2s ease-in-out; -moz-transition: max-height 0.2s ease-in-out; -o-transition: max-height 0.2s ease-in-out; -ms-transition: max-height 0.2s ease-in-out; transition: max-height 0.2s ease-in-out; } .ui-expander-container.expanded .expand { display: none !important; } .ui-expander-container .expand { display: none; position: absolute; left: 0; bottom: 0; width: 100%; padding: 30px 0 0; text-align: center; font-size: 12px; background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), #fff 50%); background-image: -moz-linear-gradient(top, rgba(255,255,255,0), #fff 50%); background-image: -o-linear-gradient(top, rgba(255,255,255,0), #fff 50%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0), #fff 50%); background-image: linear-gradient(to bottom, rgba(255,255,255,0), #fff 50%); } .ui-expander-container ._icon-text, .ui-expander-container ._icon-menu { color: #999; line-height: 20px; vertical-align: top; } .circle-spinner { position: relative; min-height: 50px; vertical-align: middle; text-align: center; width: 100%; font-size: 20px; color: #36c9ed; } .circle-spinner:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .circle-spinner .animation { position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px; background-color: #555; -webkit-border-radius: 100%; border-radius: 100%; -webkit-animation: scaleout 1s infinite ease-in-out; -moz-animation: scaleout 1s infinite ease-in-out; -o-animation: scaleout 1s infinite ease-in-out; -ms-animation: scaleout 1s infinite ease-in-out; animation: scaleout 1s infinite ease-in-out; } @-moz-keyframes scaleout { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 1; -ms-filter: none; filter: none; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 1; -ms-filter: none; filter: none; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-o-keyframes scaleout { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 1; -ms-filter: none; filter: none; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @keyframes scaleout { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 1; -ms-filter: none; filter: none; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-moz-keyframes ui-switch-on { 0% { left: 1px; } 100% { left: 12.2px; } } @-webkit-keyframes ui-switch-on { 0% { left: 1px; } 100% { left: 12.2px; } } @-o-keyframes ui-switch-on { 0% { left: 1px; } 100% { left: 12.2px; } } @keyframes ui-switch-on { 0% { left: 1px; } 100% { left: 12.2px; } } @-moz-keyframes ui-switch-off { 0% { left: 12.2px; } 100% { left: 1px; } } @-webkit-keyframes ui-switch-off { 0% { left: 12.2px; } 100% { left: 1px; } } @-o-keyframes ui-switch-off { 0% { left: 12.2px; } 100% { left: 1px; } } @keyframes ui-switch-off { 0% { left: 12.2px; } 100% { left: 1px; } } ._profile, ._workspace { max-width: 640px; margin: 20px auto; } ._profile h2, ._workspace h2 { font-size: 18px; font-weight: bolder; margin: 20px 0 10px; } ._profile table, ._workspace table { border-collapse: collapse; width: 100%; background-color: #fff; } ._profile table th, ._workspace table th, ._profile table td, ._workspace table td { border: 1px solid #ccc; padding: 5px 10px; } ._profile table th, ._workspace table th { background: #f9f9f9; width: 128px; } ._sketch-notice { padding-top: 8px; padding-bottom: 8px; } ._sketch-notice:first-child { padding-top: 16px; } ._sketch-notice .inner { display: inline-block; background: #fff; padding: 10px 16px; -webkit-border-radius: 20px; border-radius: 20px; font-size: 14px; } ._sketch-notice a { font-weight: bold; } ._count-text { display: inline-block; margin-left: 5px; padding: 0 10px; color: #fff; font-weight: bold; line-height: 18px; vertical-align: top; background-color: #84d2ed; -webkit-border-radius: 9px; border-radius: 9px; } ._pulldown-menu { display: none; } ._work-item { position: absolute; overflow: hidden; width: 320px; max-height: 640px; vertical-align: top; } ._work-item ._user-icon { position: absolute; top: 5px; left: 5px; } ._list-unit { overflow: hidden; padding: 10px; text-align: left; background-color: #fff; -webkit-border-radius: 4px; border-radius: 4px; } ._list-unit + ._list-unit { margin-top: 10px; } ._list-unit.header { margin: 0; padding: 0; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } ._list-unit.header + ._list-unit { margin-top: 0; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } ._list-unit.header .title { display: inline; font-size: 14px; font-weight: bold; line-height: 18px; } ._list-unit .wrapper { padding: 20px 20px 10px; background-color: rgba(255,255,255,0.7); } ._list-unit .item position relative + .item { margin-top: 20px; } ._list-unit .more { position: absolute; top: 0; right: 0; color: #1db1e4; } ._list-unit .title { margin: 0 0 5px; } ._list-unit h1.title { font-weight: bold; } ._list-unit .options { margin: 10px 0; } ._list-unit ._inline-menu { margin: 0; } ._work-tag-edit-modal._modal-container { z-index: 1000; background-color: rgba(0,0,0,0.5); } ._work-tag-edit-modal._modal-container ._icon-close.ui-modal-close { position: absolute; left: 50%; top: 220px; margin-left: 330px; color: #fff; cursor: pointer; } ._work-tag-edit-modal._modal-container .container { width: 640px; height: 420px; position: absolute; left: 50%; top: 220px; margin-left: -320px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #f2f2f2; } ._work-tag-edit-modal._modal-container .previewer { position: absolute; left: 0; top: 0; width: 320px; height: 420px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } ._work-tag-edit-modal._modal-container .previewer .work-box { margin: 20px; text-align: center; } ._work-tag-edit-modal._modal-container .previewer .work-box .thumbnail img { max-width: 280px; max-height: 350px; } ._work-tag-edit-modal._modal-container .previewer .work-box .footer { margin: 10px; } ._work-tag-edit-modal._modal-container .previewer .work-box .footer .name { display: none; } ._work-tag-edit-modal._modal-container .editor { position: absolute; left: 320px; top: 0; width: 320px; height: 420px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background-color: #fff; } ._work-tag-edit-modal._modal-container .editor .header { font-size: 14px; font-weight: bolder; padding: 10px; } ._work-tag-edit-modal._modal-container .editor .work-tag-edit-lock { padding: 10px; text-align: right; } ._work-tag-edit-modal._modal-container .editor .sub-header { border-bottom: 1px solid #f2f2f2; line-height: 100%; padding: 10px 0 6px 10px; position: relative; } ._work-tag-edit-modal._modal-container .editor .sub-header .counter { color: #ccc; font-size: 10px; position: absolute; right: 10px; bottom: 0; } ._work-tag-edit-modal._modal-container .editor .sub-header .counter .current.over { color: #f66; } ._work-tag-edit-modal._modal-container .editor .tags { max-height: 275px; overflow-y: auto; } ._work-tag-edit-modal._modal-container .editor .footer { position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; line-height: 40px; text-align: center; border-bottom-right-radius: 10px; color: #999; background: #f5f5f5; } ._work-tag-edit-modal._modal-container .editor .tag, ._work-tag-edit-modal._modal-container .editor .show-new-tag-editor { position: relative; padding: 8px 10px; } ._work-tag-edit-modal._modal-container .editor .tag:hover { background: #f5f5f5; } ._work-tag-edit-modal._modal-container .editor .tag > .name { display: block; padding-right: 30px; line-height: 16px; } ._work-tag-edit-modal._modal-container .editor .tag > .user { display: inline-block; height: 16px; line-height: 16px; color: inherit; } ._work-tag-edit-modal._modal-container .editor .tag > .user.deleted { color: #ccc; } ._work-tag-edit-modal._modal-container .editor .tag > .user > .icon { display: inline-block; width: 16px; height: 16px; -webkit-border-radius: 16px; border-radius: 16px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; vertical-align: middle; margin-right: 4px; } ._work-tag-edit-modal._modal-container .editor .tag > .user > .name { vertical-align: middle; color: #ccc; max-width: 250px; overflow: hidden; display: inline-block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } ._work-tag-edit-modal._modal-container .editor .tag .toolbox { position: absolute; right: 6px; top: 50%; margin-top: -10px; } ._work-tag-edit-modal._modal-container .editor .tag .toolbox ._icon-limited { color: #ddd; font-size: 16px; } ._work-tag-edit-modal._modal-container .editor .tag .toolbox .delete-tag { color: #ddd; font-size: 16px; font-weight: bolder; cursor: pointer; } ._work-tag-edit-modal._modal-container .editor .show-new-tag-editor { display: block; } ._work-tag-edit-modal._modal-container .editor .new-tag-editor { position: relative; display: none; } ._work-tag-edit-modal._modal-container .editor .new-tag-editor input { position: relative; display: block; width: calc(100% - (5px + 6px + 6px + 5px)); padding: 8px 6px; margin: 0px 5px; -webkit-border-radius: 6px; border-radius: 6px; font-size: 12px; background: #f7f7f7; border-style: none; outline: none; } ._work-tag-edit-modal._modal-container .editor .new-tag-editor .add-new-tag { display: inline-block; width: 20px; height: 20px; -webkit-border-radius: 20px; border-radius: 20px; line-height: 20px; text-align: center; position: absolute; right: 12px; top: 50%; margin-top: -10px; font-size: 14px; background: #fff; } ._work-tag-edit-modal._modal-container .editor .new-tag-editor .add-new-tag ._icon-add { color: #5ac0e6; line-height: 20px; vertical-align: top; } ._work-tag-edit-modal._modal-container ._toggle-ui input { display: none; } ._work-tag-edit-modal._modal-container ._toggle-ui label { display: inline-block; color: #999; padding-right: 30px; position: relative; cursor: pointer; } ._work-tag-edit-modal._modal-container ._toggle-ui label:before { content: ''; display: inline-block; position: absolute; top: 2px; right: 0; width: 28px; height: 14px; -webkit-border-radius: 14px; border-radius: 14px; background: #ddd; } ._work-tag-edit-modal._modal-container ._toggle-ui label:after { content: ''; display: inline-block; position: absolute; top: 3px; right: 1px; width: 12px; height: 12px; -webkit-border-radius: 12px; border-radius: 12px; background: #fff; } ._work-tag-edit-modal._modal-container ._toggle-ui input[checked] + label:before { background: #5ac1e7; } ._work-tag-edit-modal._modal-container ._toggle-ui input[checked] + label:after { right: 15px; } ._no-scroll ._activity-card, ._no-scroll ._footer-container { display: none; } ._see-all { display: inline-block; vertical-align: top; margin-left: 8px; font-size: 12px; line-height: 18px; color: #aaa; } ._see-all ._icon-detail { line-height: 18px; color: #ddd; vertical-align: top; } ._work-items-list .item { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 50px; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ._work-items-list .item.current { background: #f5f5f5; -webkit-border-radius: 5px; border-radius: 5px; } ._work-items-list .item img { width: 40px; height: 40px; } ._work-items-list .item .title { padding: 0 10px; color: #777; } ._work-items-square .item, ._work-items-novel .item { display: inline-block; position: relative; width: 100px; text-align: center; vertical-align: top; background-position: top center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } ._work-items-square .item + .item, ._work-items-novel .item + .item { margin-left: 1px; } ._work-items-square a, ._work-items-novel a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } ._work-items-square a:hover, ._work-items-novel a:hover { -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; -o-transition: box-shadow 0.2s; -ms-transition: box-shadow 0.2s; transition: box-shadow 0.2s; -webkit-box-shadow: inset 0 0 0 3px #65dbf7; box-shadow: inset 0 0 0 3px #65dbf7; } ._work-items-square .not-exist, ._work-items-novel .not-exist { background-color: #eee; } ._work-items-square ._icon-explicit, ._work-items-novel ._icon-explicit { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100px; text-align: center; color: #eee; font-size: 30px; border: 1px solid #eee; } ._work-items-square .current ._icon-explicit, ._work-items-novel .current ._icon-explicit { border: none; } ._work-items-square .item { height: 100px; } ._work-items-square .current { -webkit-box-shadow: inset 0 0 0 3px #65dbf7; box-shadow: inset 0 0 0 3px #65dbf7; } ._work-items-square .current ._icon-explicit { line-height: 100px; } ._work-items-square ._icon-explicit { line-height: 98px; } ._work-items-novel .item { height: 125px; } ._work-items-novel .title { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; padding: 17px 8px 0; line-height: 18px; color: #fff; font-weight: bold; background-color: rgba(0,0,0,0.3); } ._work-items-novel .current ._icon-explicit { line-height: 125px; } ._work-items-novel .current .title { -webkit-box-shadow: inset 0 0 0 3px #65dbf7; box-shadow: inset 0 0 0 3px #65dbf7; } ._work-items-novel ._icon-explicit { line-height: 123px; } ._work { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-attachment: fixed; } ._work .background { background-color: rgba(0,0,0,0.13); } ._work-header-container { background-color: rgba(0,0,0,0.4); } ._work-header-container .wrapper { position: relative; max-width: 1200px; margin: 0 auto; text-align: center; } ._work-header-container .logo { position: absolute; top: 0; left: 10px; line-height: 1; } ._work-header-container .logo a { display: inline-block; padding: 8px; } ._work-header-container .logo img { margin-right: 8px; vertical-align: middle; } ._work-header-container .menu { font-size: 14px; } ._work-header-container .menu img { margin-right: 20px; vertical-align: middle; } ._work-header-container .menu-item { line-height: 40px; color: rgba(255,255,255,0.7); } ._work-header-container .current { font-weight: bold; color: #fff; } ._work-header-container .user-container { position: absolute; top: 8px; right: 10px; } ._profile-intro { height: 100%; } ._profile-intro .wrapper { position: absolute; bottom: 0; width: 100%; text-align: center; } ._profile-intro .user { display: inline-block; margin-bottom: 150px; } ._profile-intro .about { display: inline-block; width: 300px; vertical-align: top; text-align: left; line-height: 1.5; } ._profile-intro .about p + p { margin-top: 1em; } ._profile-intro .name { margin: 6px 0 8px; font-size: 16px; font-weight: bold; line-height: 1; } ._work-container { padding: 10px 0 40px; text-align: center; line-height: 40px; } ._work-container .header { position: relative; width: 1000px; margin: 0 auto; } ._work-container .title { position: absolute; z-index: 999; font-size: 14px; color: #fff; } ._work-container .title ._user-icon { margin-right: 10px; vertical-align: middle; } ._work-container .action-container { width: 1000px; margin: 0 auto; } ._work-container .action-container ul { text-align: right; } ._work-container .action-container li { display: inline-block; margin-left: 10px; } ._work-container .action-container img { vertical-align: middle; } ._work-container .ui-fixed { -webkit-transition: background-color 1s; -moz-transition: background-color 1s; -o-transition: background-color 1s; -ms-transition: background-color 1s; transition: background-color 1s; } ._work-container .ui-fixed-on { background-color: rgba(0,0,0,0.1); } ._work-container .image { margin: 20px 0 0; } ._work-container .image img { max-width: 1200px; max-height: 1200px; } ._work-info-unit { white-space: normal; width: 1000px; padding-bottom: 30px; text-align: center; border-bottom: 1px solid #ddd; } ._work-info-unit .column { display: inline-block; width: 280px; margin: 0 10px; text-align: left; vertical-align: top; } ._work-info-unit ._user-container { width: 180px; text-align: right; } ._work-info-unit .title { color: #4d4d4d; font-weight: bold; font-size: 16px; line-height: 24px; } ._work-info-unit .caption { width: 480px; } ._work-info-unit .meta { color: #aaa; margin: 8px 0 16px; } ._work-data-container { padding: 0 0 30px 50%; background-color: #fff; } ._work-data-container hr { width: 1000px; } ._work-data-container .wrapper { white-space: nowrap; margin-left: -500px; } ._work-data-container .feedback-container { float: left; width: 640px; margin-bottom: 30px; } ._work-data-container .comment-container { white-space: normal; background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; } ._work-data-container .data-container { margin: 0 0 30px 680px; } ._work-modal { padding: 0; cursor: default; } body.bad-ie ._work-modal :not(._user-icon):not(._action-button):not(._premium-badge):not(._balloon-menu-popup) { -webkit-border-radius: 0 !important; border-radius: 0 !important; } ._work-modal .nav { -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; -ms-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; position: fixed; z-index: 150; width: 50px; color: #757c80; text-align: center; cursor: pointer; } ._work-modal .nav:hover { color: #babdbf; } ._work-modal .close { top: 0; right: 0; line-height: 42px; } ._work-modal .prev, ._work-modal .next { -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -ms-transition: background-color 0.2s; transition: background-color 0.2s; top: 50%; line-height: 100px; margin-top: -50px; } @media (max-width: 980px) { ._work-modal .prev, ._work-modal .next { background-color: rgba(255,255,255,0.3); } } ._work-modal .prev { left: 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } ._work-modal .next { right: 0; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } ._work-modal .loading-indicator { position: absolute; top: 5px; right: 5px; } ._work-modal .loading-indicator .dot { width: 10px; height: 10px; background-color: #ccc; -webkit-animation: fade-in 0.5s ease-in-out alternate infinite; -moz-animation: fade-in 0.5s ease-in-out alternate infinite; -o-animation: fade-in 0.5s ease-in-out alternate infinite; -ms-animation: fade-in 0.5s ease-in-out alternate infinite; animation: fade-in 0.5s ease-in-out alternate infinite; -webkit-border-radius: 10px; border-radius: 10px; display: none; } ._work-modal .loading-indicator.loading .dot { display: block; } ._work-modal > .body { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; min-height: 100vh; margin: 36px 50px; cursor: initial; } @media (max-width: 980px) { ._work-modal > .body { width: 880px; margin: 36px auto; } } ._work-modal > .body.empty { overflow: visible; background: #fafafa; } ._work-modal > .body .empty-frame { position: absolute; bottom: 0; width: 100%; height: 230px; } ._work-modal > .body .empty-frame .info-container { background: #fff; height: 160px; width: 100%; bottom: -20px; padding: 0 0 20px 0; position: absolute; } ._work-modal > .body.single_page .content-container { padding: 0; } ._work-modal > .body.single_page .page-count { display: none !important; } ._work-modal .modal-background { background-color: #fff; -webkit-border-radius: 4px; border-radius: 4px; } @media (max-width: 880px) { ._work-modal .modal-background { -webkit-border-radius: 0; border-radius: 0; } } ._work-modal .content-container.illust { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } ._work-modal .content-container.illust .page-count-container, ._work-modal .content-container.illust .page-count-fixer { height: 50px; } ._work-modal .content-container.illust .page-count-fixer.fixed .bottom-right-controls { right: 60px; bottom: 20px; } ._work-modal .content-container.illust .bottom-right-controls { right: 60px; } ._work-modal .content-container.illust .bottom-right-controls .item { display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; } ._work-modal .content-container.illust .bottom-right-controls .novel-details { padding-right: 13px; text-align: right; font-family: 'Meiryo', 'メイリオ', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', '游ゴシック体', 'YuGothic', '游ゴシック', 'Yu Gothic', 'IPAゴシック', 'IPAGothic', 'Arial', 'Helvetica', sans-serif; color: #888; } ._work-modal .content-container.illust .bottom-right-controls .novel-details .novel-detail { margin-left: 1em; } ._work-modal .content-container.novel { position: relative; } ._work-modal .content-container.novel ._novel-cover { margin-bottom: 7px; } ._work-modal .content-container.novel .novel-body { border-top: 1px solid #eee; } ._work-modal .content-container.novel .novel-content { display: inline-block; width: 100%; margin: 0; } ._work-modal .content-container.novel .novel-content .scroll-follower, ._work-modal .content-container.novel .novel-content .novel-header, ._work-modal .content-container.novel .novel-content .novel-footer { display: none; } ._work-modal .content-container.novel .novel-content .novel-pages-wrapper { width: 760px; margin: 0 auto; padding: 0 20px 300px; } ._work-modal .content-container.novel .novel-content .novel-pages-wrapper .novel-body-cover-area { text-align: center; } ._work-modal .content-container.novel .novel-content .novel-pages-wrapper .novel-body-cover-area > * { display: inline-block; } ._work-modal .content-container.novel .novel-content .novel-pages-wrapper .novel-body-cover-area .novel-body-cover { display: block; padding-top: 48px; margin: 0 auto; } ._work-modal .content-container.novel .novel-content.novel-writing-mode-horizontal .novel-page { display: block !important; min-height: 100vh; } ._work-modal .content-container.novel .novel-content.novel-writing-mode-horizontal .novel-page-split { display: block; background: none; position: relative; width: 100%; height: 1px; margin: 10em 0; overflow: visible; font-size: 20px; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 300px solid #777; border-left: 300px solid #777; } ._work-modal .content-container.novel .novel-content.novel-writing-mode-horizontal .novel-page-split:after { content: attr(data-page); position: absolute; top: 50%; left: 50%; line-height: 1em; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } ._work-modal .content-container.novel .masked { padding: 120px 0; border-top: 1px solid #f4f4f4; } ._work-modal .content-container.novel .masked .explicit-notice .message { margin: 20px 0; color: #ff3852; font-weight: bolder; } ._work-modal .content-container.novel .masked .explicit-notice ._action-button { color: #fff; height: 30px; line-height: 30px; font-size: 12px; } ._work-modal .content-container.novel .masked .page-count-container { display: none; } ._work-modal .content-container.novel .work-status-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 30px; padding-right: 20px; line-height: 30px; text-align: right; color: #999; font-size: 12px; } @media (min-width: 881px) { ._work-modal .content-container.novel .work-status-container { right: auto !important; } } ._work-modal .content-container.novel .work-status-container:not(.fixed) { right: auto !important; } ._work-modal .content-container.novel .work-status-container.fixed { position: fixed; max-width: 100vw; } ._work-modal .content-container.novel .work-status-container .item + .item::before { content: '・'; margin: 0 4px; } ._work-modal .content-container { text-align: center; } ._work-modal .content-container ._user-icon { position: absolute; top: 15px; left: 15px; } ._work-modal .content-container .main.wrapper { position: relative; } ._work-modal .content-container .main + .main { margin: 10vh 0 0; } ._work-modal .content-container .main .loading-animation { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; } ._work-modal .content-container .main .illust-zoom-in { cursor: zoom-in; } ._work-modal .content-container .thumbnail-container { position: relative; display: inline-block; min-width: 100px; min-height: 100px; line-height: 100px; background: #fff; } ._work-modal .content-container .thumbnail { vertical-align: middle; max-width: 100%; max-height: calc(100vh - 43px); } ._work-modal .content-container .main.narrow .thumbnail { max-height: none; } ._work-modal .content-container ._censored { display: block; } ._work-modal .content-container ._censored .image { display: inline-block; position: relative; } ._work-modal .content-container ._censored .image img { min-height: 200px; max-height: 800px; max-height: calc(100vh - 43px); image-rendering: pixelated; } ._work-modal .content-container ._censored .image ._context-count { z-index: 1; } ._work-modal .content-container ._censored .cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 100%; background-color: rgba(255,255,255,0.8); } ._work-modal .content-container ._censored .banner { position: absolute; top: 50%; margin-top: -80px; width: 100%; } ._work-modal .content-container ._censored .message { margin: 20px 0; color: #ff3852; font-weight: bolder; } ._work-modal .content-container ._censored ._action-button { color: #fff; height: 30px; line-height: 30px; font-size: 12px; } ._work-modal .meta-tool-container { position: relative; z-index: 1; -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; max-width: 1260px; margin: 30px auto 0; line-height: 30px; color: #a4aeb3; } ._work-modal .meta-tool-container .meta { position: absolute; display: inline-block; left: 30px; line-height: 30px; color: #a4aeb3; } ._work-modal .meta-tool-container .meta-tool + .meta-tool::before { content: '/'; margin: 0 4px; color: #d3dfe6; } ._work-modal .page-count-container { line-height: 30px; height: 30px; } ._work-modal .page-count-fixer { white-space: nowrap; width: 100%; text-align: right; height: 30px; position: relative; } ._work-modal .page-count-fixer .bottom-right-controls { position: absolute; display: inline-block; padding: 0 10px; line-height: 30px; } ._work-modal .page-count-fixer .bottom-right-controls.novel-page-count { line-height: 50px; } ._work-modal .page-count-fixer.fixed { position: fixed; bottom: 0; z-index: 1; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); max-width: 100%; max-width: calc(100vw - 100px); height: 0 !important; } ._work-modal .page-count-fixer.fixed .bottom-right-controls { right: 0; } ._work-modal .page-count { color: #fff; background: rgba(117,124,128,0.5); -webkit-border-radius: 15px; border-radius: 15px; font-size: 14px; } ._work-modal .page-count ._icon-images { color: #fff; } ._work-modal .novel-marker { position: relative; cursor: pointer; } ._work-modal .novel-marker .marker { position: absolute; z-index: 1; width: 100%; height: 100%; color: transparent; } ._work-modal .novel-marker .marker.active + ._icon-bookmark, ._work-modal .novel-marker .marker.loading + ._icon-bookmark { color: #ff407a; } ._work-modal .novel-marker ._icon-bookmark { z-index: 0; } ._work-modal .novel-options, ._work-modal .novel-marker-menu { cursor: default; border: solid 1px #eee; position: absolute; background: #fff; top: 40px; left: 50%; -webkit-border-radius: 5px; border-radius: 5px; z-index: 1001; } ._work-modal .novel-options:after, ._work-modal .novel-marker-menu:after, ._work-modal .novel-options:before, ._work-modal .novel-marker-menu:before { content: ''; border: solid; border-width: 8px 10px; position: absolute; left: 50%; margin-left: -10px; } ._work-modal .novel-options:before, ._work-modal .novel-marker-menu:before { border-color: transparent transparent #eee transparent; top: -17px; } ._work-modal .novel-options:after, ._work-modal .novel-marker-menu:after { border-color: transparent transparent #fff transparent; top: -16px; } ._work-modal .novel-options { width: 210px; margin-left: -105px; } ._work-modal .novel-marker-menu { width: 180px; margin-left: -90px; } ._work-modal .novel-option { margin: 1px 0; height: 50px; border-bottom: solid 1px #eee; } ._work-modal .novel-option:last-child { border-bottom: 0; } ._work-modal .novel-options-size { line-height: 50px; } ._work-modal .novel-options-size:before, ._work-modal .novel-options-size:after { content: 'A'; position: absolute; top: 3px; left: 0; text-align: center; height: 100%; font-size: 12px; width: 37px; font-weight: 100; color: #ccc; } ._work-modal .novel-options-size:after { right: 0; left: auto; font-size: 18px; } ._work-modal .novel-options-size input[type=range] { margin: 0; width: 140px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; padding: 24px 0; } ._work-modal .novel-options-size input[type=range]:focus { outline: none; } ._work-modal .novel-options-size input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #36c9ed; width: 16px; height: 16px; -webkit-border-radius: 16px; border-radius: 16px; position: relative; top: -6px; } ._work-modal .novel-options-size input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 2px; cursor: pointer; background: #eee; border-color: transparent; color: transparent; } ._work-modal .novel-options-size input[type=range]::-moz-range-thumb { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #36c9ed; width: 16px; height: 16px; -webkit-border-radius: 16px; border-radius: 16px; } ._work-modal .novel-options-size input[type=range]::-moz-range-track { width: 100%; height: 2px; cursor: pointer; background: #eee; border-color: transparent; color: transparent; } ._work-modal .novel-options-size input[type=range]::-ms-thumb { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #36c9ed; width: 16px; height: 16px; -webkit-border-radius: 16px; border-radius: 16px; } ._work-modal .novel-options-size input[type=range]::-ms-track { width: 100%; height: 16px; cursor: pointer; background: transparent; border-color: transparent; color: transparent; } ._work-modal .novel-options-size input[type=range]::-ms-fill-upper { background: #eee; height: 2px; } ._work-modal .novel-options-size input[type=range]::-ms-fill-lower { height: 2px; } ._work-modal .novel-options-theme { padding: 0 5px; } ._work-modal .novel-options-theme .radio-item { position: relative; height: 100%; width: 20%; display: inline-block; text-align: center; line-height: 50px; } ._work-modal .novel-options-theme input[type=radio] { height: 100%; width: 100%; margin: 0; position: absolute; top: 0; left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); cursor: pointer; } ._work-modal .novel-options-theme input[type=radio]:checked + .radio-button { border: solid 2px #36c9ed; } ._work-modal .novel-options-theme input[type=radio][value=white] + .radio-button { background: #fff; } ._work-modal .novel-options-theme input[type=radio][value=gray] + .radio-button { background: #f5f5f5; } ._work-modal .novel-options-theme input[type=radio][value=black] + .radio-button { background: #000; } ._work-modal .novel-options-theme input[type=radio][value=blue] + .radio-button { background: #edf7ff; } ._work-modal .novel-options-theme input[type=radio][value=yellow] + .radio-button { background: #fbf0d9; } ._work-modal .novel-options-theme .radio-button { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 30px; height: 30px; -webkit-border-radius: 30px; border-radius: 30px; border: solid 1px rgba(0,0,0,0.1); vertical-align: middle; } ._work-modal .novel-options-font { height: auto; } ._work-modal .novel-options-font .radio-item { position: relative; display: block; width: 100%; height: 30px; } ._work-modal .novel-options-font .radio-item.sans-serif { font-family: 'Meiryo', 'メイリオ', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', '游ゴシック体', 'YuGothic', '游ゴシック', 'Yu Gothic', 'IPAゴシック', 'IPAGothic', 'Arial', 'Helvetica', sans-serif; } ._work-modal .novel-options-font .radio-item.serif { font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'HiraMinProN-W3', 'HiraMinProN-W6', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HiraMinPro-W3', 'HiraMinPro-W6', '游明朝体', 'YuMincho', '游明朝', 'Yu Mincho', 'HG明朝E', 'HGP明朝E', 'HGS明朝E', 'HGMinchoE', 'HGPMinchoE', 'HGSMinchoE', 'HG明朝B', 'HGP明朝B', 'HGS明朝B', 'HGMinchoB', 'HGPMinchoB', 'HGSMinchoB', '平成明朝', '平成明朝 Std', '平成明朝 Pro', 'Heisei Mincho', 'Heisei Mincho Std', 'Heisei Mincho Pro', 'IPA明朝', 'IPAMincho', 'georgia ref', 'times new roman', serif; } ._work-modal .novel-options-font .radio-item:hover { background: #f5f5f5; } ._work-modal .novel-options-font .radio-item input[type="radio"] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); cursor: pointer; } ._work-modal .novel-options-font .radio-item input[type="radio"]:checked ~ .radio-button:before { content: '\2713'; display: block; width: 30px; position: absolute; left: 0; text-align: center; font-size: 16px; font-family: 'Meiryo', 'メイリオ', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', '游ゴシック体', 'YuGothic', '游ゴシック', 'Yu Gothic', 'IPAゴシック', 'IPAGothic', 'Arial', 'Helvetica', sans-serif; } ._work-modal .novel-options-font .radio-item .radio-button { display: block; margin-left: 30px; line-height: 30px; text-align: left; } ._work-modal .novel-marker-menu { padding: 5px 0; } ._work-modal .novel-marker-menu .menu { display: block; text-align: left; } ._work-modal .novel-marker-menu .menu li { width: 160px; height: 30px; padding: 0 10px; line-height: 30px; white-space: nowrap; cursor: pointer; } ._work-modal .novel-marker-menu .menu li:not(.disabled):hover { background: #f9f9f9; } ._work-modal .novel-marker-menu .menu .disabled { color: #aaa; cursor: default; } ._work-modal .work-header-container .novel-marker-menu .insert-marker { display: none; } ._work-modal .toggle-bookmark ._icon-like, ._work-modal .toggle-bookmark ._icon-star { -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s; transition: color 0.2s; } ._work-modal .toggle-bookmark.on ._icon-like, ._work-modal .toggle-bookmark.waiting ._icon-like { color: #f64160; } ._work-modal .toggle-bookmark.on ._icon-like-private, ._work-modal .toggle-bookmark.waiting ._icon-like-private { color: #ffc2b8; } ._work-modal .toggle-bookmark.on ._icon-star, ._work-modal .toggle-bookmark.waiting ._icon-star { color: #ffc08e; } ._work-modal .toggle-bookmark ._icon-like-private { display: none; font-size: 30px; } ._work-modal .toggle-bookmark.private ._icon-like { display: none; } ._work-modal .toggle-bookmark.private ._icon-like-private { display: inline; } ._work-modal .body-container .novel-extended-background { color: inherit; } ._work-modal .author-info { display: inline-block; position: relative; width: 326px; text-align: left; vertical-align: top; } ._work-modal .author-info .user-name-container { vertical-align: top; } ._work-modal .author-info ._follow-button-container { position: absolute; right: 0; top: 5px; } ._work-modal .author-info button._action-button { margin: 0; } ._work-modal .author-info button._action-button, ._work-modal .author-info button._action-button:hover { background: #646464; color: #fff; border: none; } ._work-modal .author-info button._action-button.edit, ._work-modal .author-info button._action-button:hover.edit { background: #fff; color: #65c7e9; border: solid 1px #65c7e9; } ._work-modal .author-info ._user-icon, ._work-modal .author-info .user-name { display: table-cell; } ._work-modal .author-info ._premium-badge { vertical-align: 1px; } ._work-modal .author-info .user-name { max-width: 152px; padding-left: 8px; font-size: 14px; line-height: 20px; font-weight: bold; vertical-align: middle; } ._work-modal .author-info .user-name a { margin-right: 8px; color: #464a4d; } ._work-modal .author-info .user-comment { margin-top: 17px; font-size: 14px; color: #757c80; } ._work-modal .reaction-menu-container { display: inline-block; height: 40px; line-height: 40px; vertical-align: middle; } ._work-modal .reaction-menu { margin: 0; padding: 0; } ._work-modal .reaction-menu.novel-menu { background: none; } ._work-modal .reaction-menu .react-item, ._work-modal .reaction-menu .item { vertical-align: top; } ._work-modal .reaction-menu .react-item { display: inline-block; height: auto; line-height: 40px; } ._work-modal .reaction-menu .react-item + .react-item { margin-left: 10px; } ._work-modal .reaction-menu .react-item .share-menu { height: 100%; width: 100%; margin: 0; vertical-align: top; } ._work-modal .reaction-menu .react-item .share-menu ._icon-send { line-height: 40px; } ._work-modal .reaction-menu > .item { display: inline-block; width: 30px; height: 30px; line-height: 40px; text-align: center; } ._work-modal .reaction-menu .novel-settings { position: relative; text-align: center; } ._work-modal .reaction-menu .novel-settings, ._work-modal .reaction-menu .novel-marker { width: 30px; } ._work-modal .reaction-info { clear: right; height: 40px; width: 300px; line-height: 40px; vertical-align: middle; display: inline-block; text-align: right; } ._work-modal .reaction-info .like-count { cursor: pointer; } ._work-modal .reaction-info span.react-item { margin-right: 20px; color: #a4aeb3; } ._work-modal .reaction-info div.react-item { display: inline-block; width: 30px; height: 50px; text-align: center; } ._work-modal .reaction-info .react-count { color: #a4aeb3; font-size: 14px; margin-left: 4px; font-weight: bold; } ._work-modal .reaction-info .others-react-count { color: #a4aeb3; font-size: 14px; margin-left: 4px; font-weight: bold; } ._work-modal .reaction-info .others-react-count.zero { display: none; } ._work-modal .reaction-info .others-react-count.zero + .like-count { display: none; } ._work-modal .reaction-info .fellow-fans ._user-icon { vertical-align: middle; } ._work-modal .reaction-info.info-bottom { margin-right: 70px; float: right; } ._work-modal .reaction-info.info-bottom .fellow-fans ._user-icon { vertical-align: baseline; top: 10px; left: 0; } ._work-modal ._unit { padding: 0; } ._work-modal .info-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; text-align: left; } ._work-modal .info-container .work-header-container { padding: 10px 80px 10px 40px; height: 40px; border-bottom: solid 1px #eee; } ._work-modal .info-container .work-header-container .work-header { position: relative; vertical-align: middle; height: 40px; max-width: 1200px; margin: 0 auto; } ._work-modal .info-container .work-header-container .header-reaction { float: right; } ._work-modal .info-container .like-count { font-weight: bold; font-size: 14px; color: #a4aeb3; } ._work-modal .info-container .like-count.zero { display: none; } ._work-modal .info-container span.react-item { margin-right: 20px; color: #a4aeb3; } ._work-modal .info-container div.react-item { display: inline-block; width: 30px; height: 40px; text-align: center; } ._work-modal .info-container .react-count { color: #a4aeb3; font-size: 14px; margin-left: 4px; font-weight: bold; } ._work-modal .info-container .info-left { float: left; } ._work-modal .info-container .info-right { float: right; } ._work-modal .info-container .thumb-current { display: inline-block; position: relative; } ._work-modal .info-container .thumb-current:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: inset 0 0 0 2px #6ad4f0; box-shadow: inset 0 0 0 2px #6ad4f0; } ._work-modal .info-container .thumb-zengo { position: relative; margin: 0 1px; } ._work-modal .info-container .thumb-zengo .icon { position: absolute; top: 0; left: 0; width: 40px; height: 40px; line-height: 40px; background: rgba(0,0,0,0.3); text-align: center; display: none; } ._work-modal .info-container .thumb-zengo:hover .icon { display: block; } ._work-modal .info-container .work-info { display: inline-block; padding: 0; text-align: left; } ._work-modal .info-container .work-info .author-meta-container { display: inline-block; vertical-align: top; height: 40px; margin-left: 10px; line-height: 20px; } ._work-modal .info-container .work-info .user-name { display: inline-block; } ._work-modal .info-container .work-info .user-name a { font-weight: bold; color: #757c80; } ._work-modal .info-container .novel-series { position: relative; display: inline-block; margin-top: 20px; cursor: pointer; text-align: left; } ._work-modal .info-container .novel-series:hover .series-list { display: block; } ._work-modal .info-container .novel-series .series-title { color: #f8a56f; font-weight: bolder; } ._work-modal .info-container .novel-series .series-list-box { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } ._work-modal .info-container .novel-series .series-list { margin-top: 3px; width: 270px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 3px rgba(130,130,130,0.3); box-shadow: 0 0 3px rgba(130,130,130,0.3); background: #fff; display: none; overflow: hidden; } ._work-modal .info-container .novel-series .series-list .series-title { cursor: default; padding: 0 10px; line-height: 27px; border-bottom: solid 1px #eee; color: #4d4d4d; font-weight: normal; } ._work-modal .info-container .novel-series .series-list .series-title .series-length { margin-left: 5px; color: #65c7e9; } ._work-modal .info-container .novel-series .series-list-items { max-height: 300px; overflow: hidden; } ._work-modal .info-container .novel-series .series-list-items:hover { overflow-y: auto; } ._work-modal .info-container .novel-series .series-list-items li { line-height: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } ._work-modal .info-container .novel-series .series-list-items li .thumbnail { margin: 10px; } ._work-modal .info-container .novel-series .series-list-items li:hover { background: #fafafa; } ._work-modal .info-container .novel-series .series-list-items li.current { background: #f5f5f5; } ._work-modal .info-container .novel-series span.series-title { color: #ffc08e; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: inline-block; vertical-align: middle; font-size: 14px; } ._work-modal .info-container .novel-series ._icon-menu { color: #ffc08e; } ._work-modal .info-container .author-info { width: 560px; } ._work-modal .info-container .author-info.info-right .user-name { width: auto; max-width: 175px; } ._work-modal .info-container .author-info.info-right .user-name-container { width: auto; max-width: 300px; padding: 0 5px; } ._work-modal .info-container .author-info.info-right ._premium-badge { margin-left: 5px; } ._work-modal .info-container ._follow-info { display: inline-block; } ._work-modal .info-container ._follow-info ._follow-button { display: inline-block; vertical-align: top; } ._work-modal .info-container ._follow-info button { display: block; margin: 0 0 0 10px; padding: 0; font-size: 12px; width: auto; line-height: 20px; color: #50d1ff; background-color: transparent; border: none; outline: 0; } ._work-modal .info-container ._follow-info .following .follow { display: none; } ._work-modal .info-container ._follow-info :not(.following) .edit { display: none; } ._work-modal .info-container ._follow-info ._balloon-menu-opener.arrow { margin: 0; vertical-align: middle; } ._work-modal .info-container .user-comment { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin: 6px 0 0; } ._work-modal .info-container .user-comment.format-html, ._work-modal .info-container .user-comment.format-plain { display: none; } ._work-modal .info-container .illust-comment-container, ._work-modal .info-container .novel-comment-container { text-align: left; position: relative; font-size: 14px; color: #757c80; padding-top: 6px; } ._work-modal .info-container .illust-comment-text, ._work-modal .info-container .novel-comment-text { line-height: 1.5em; } ._work-modal .info-container ._title { display: block; font-size: 20px; letter-spacing: 0.5px; margin-top: 20px; text-align: left; line-height: 25px; } ._work-modal .info-container .meta { margin: 0; color: #a4aeb3; } ._work-modal .info-container .meta span + span::before { content: '・'; margin: 0 4px; } ._work-modal .link-container { margin: 0 auto; padding: 20px 0; width: 640px; text-align: center; border-bottom: 1px solid rgba(188,198,204,0.3); } ._work-modal .link-container ._action-button { color: #fff; } ._work-modal .link-container ._action-button + ._action-button { margin-left: 10px; } ._work-modal .work-meta-container { text-align: center; padding: 20px 0 40px; } ._work-modal .work-meta-container .work-meta { width: 640px; display: inline-block; text-align: left; } ._work-modal .work-meta-container ._tag-container { margin: 0; text-align: left; } ._work-modal .work-meta-container .title-container { margin: 8px 0 10px; line-height: 25px; } ._work-modal .work-meta-container ._title { display: inline; margin: 0; } ._work-modal .work-meta-container .work-restrict-text { display: inline-block; padding: 0 8px 0 5px; margin-right: 5px; height: 20px; line-height: 20px; -webkit-border-radius: 14px; border-radius: 14px; background-color: #8d9599; } ._work-modal .work-meta-container .work-restrict-text ._icon-limited, ._work-modal .work-meta-container .work-restrict-text ._icon-text { margin-left: 2px; vertical-align: top; color: #fff; } ._work-modal .work-meta-container .work-restrict-text ._icon-limited { font-size: 18px; } ._work-modal .work-meta-container .work-restrict-text ._icon-text { font-size: 10px; } ._work-modal .work-meta-container .work-x-restrict-text { display: inline-block; padding: 0 5px; margin-right: 5px; height: 20px; line-height: 20px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #ffbdcc; color: #fff; } ._work-modal .modal-header-container { position: absolute; top: 0; height: 42px; } ._work-modal .modal-header-container .modal-header { display: none; position: absolute; z-index: 103; top: 9px; height: 0; background-color: #fff; } @media (min-width: 881px) { ._work-modal .modal-header-container .modal-header { right: auto !important; } } ._work-modal .modal-header-container .modal-header:not(.fixed) { right: auto !important; } ._work-modal .modal-header-container .modal-header.fixed { -webkit-animation: modal-header-fade-in 0.3s linear 0s forwards; -moz-animation: modal-header-fade-in 0.3s linear 0s forwards; -o-animation: modal-header-fade-in 0.3s linear 0s forwards; -ms-animation: modal-header-fade-in 0.3s linear 0s forwards; animation: modal-header-fade-in 0.3s linear 0s forwards; display: block; position: fixed; top: 0; max-width: 100vw; border-bottom: 1px solid rgba(188,198,204,0.3); } ._work-modal .modal-header-container .modal-header .modal-header-items { position: relative; margin: 0 auto; padding: 0 80px 0 40px; max-width: 1200px; } ._work-modal .modal-header-container .modal-header .modal-header-items ._title { margin: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); line-height: 42px; font-size: 14px; color: #747b80; } ._work-modal .modal-header-container .modal-header .modal-header-items .like-container { position: absolute; top: 0; right: 0; width: 76px; line-height: 42px; padding: 0 0 0 4px; text-align: left; } ._work-modal .modal-header-container .modal-header .reaction-menu-container { float: right; } ._work-modal .modal-header-container .modal-header .reaction-menu .react-item { height: auto; line-height: 42px; } ._work-modal .modal-header-container .modal-header ._user-icon, ._work-modal .modal-header-container .modal-header .user-name, ._work-modal .modal-header-container .modal-header ._follow-info { display: inline-block; vertical-align: middle; line-height: 42px; } ._work-modal .modal-header-container .modal-header ._follow-info button { display: block; padding: 0; margin: 0 0 0 10px; font-size: 12px; width: auto; border: none; outline: 0; color: #50d1ff; background-color: #fff; } ._work-modal .modal-header-container .modal-header ._follow-info .following .follow { display: none; } ._work-modal .modal-header-container .modal-header ._follow-info :not(.following) .edit { display: none; } ._work-modal .modal-header-container .modal-header ._follow-button { vertical-align: middle; } ._work-modal .modal-header-container .modal-header .user-name { padding-left: 8px; font-weight: bold; color: #757c80; } ._work-modal .modal-header-container .modal-header .work-title { position: absolute; left: calc(50% + 20px); top: 0; } ._work-modal .modal-header-container .modal-header .work-title ._icon-menu { margin-left: 3px; } ._work-modal .modal-header-container .modal-header .reaction-menu { float: right; } ._work-modal .modal-header-container .modal-header .series-list-box { display: none; } ._work-modal .modal-header-container .work-meta-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; position: relative; z-index: 103; padding: 29px 0 40px; overflow: auto; max-height: 400px; max-height: calc(50vh - 41px); background-color: #fff; border-bottom: 1px solid rgba(188,198,204,0.3); } ._work-modal .modal-header-container .work-meta-container .illust-comment-container { overflow: initial; } ._work-modal .main-container { margin-left: 80px; padding-right: 175px; } ._work-modal .sub-container { max-width: info-width; width: 100%; min-height: 25px; } ._work-modal .meta-container, ._work-modal .main-content-container { padding-right: 270px; padding-left: 80px; vertical-align: top; } ._work-modal .main-content-container { text-align: left; } ._work-modal .main-content-container { width: 640px; display: inline-block; padding: 0; border: 1px solid #eee; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; } ._work-modal .related-container.big { margin: 0 50px; } ._work-modal .related-container ._work-items { padding: 0; } ._work-modal .other-works-container { display: inline-block; margin-right: 50px; min-width: 504px; height: 123px; vertical-align: top; } @media (max-width: 1040px) { ._work-modal .other-works-container { display: block; margin: 0 0 20px; } } ._work-modal .other-works-container .more { display: inline-block; margin-top: 8px; text-align: right; color: #b3b3b3; font-size: 12px; line-height: 1; } ._work-modal .other-works, ._work-modal .other-novels { display: inline-block; text-align: right; } ._work-modal .related-works { padding: 20px 0 12px; } ._work-modal .related-works ._label { margin: 20px 0; } ._work-modal .related-works ._work-items { width: 1000px; margin: 0 auto; text-align: left; } ._work-modal .related-works .page-count { top: 0; bottom: auto; -webkit-border-radius: 0 5px; border-radius: 0 5px; } ._work-modal .related-works .item { width: 240px; height: 280px; margin: 5px; position: relative; } ._work-modal .related-works .item:nth-child(1n+9) { display: none; } ._work-modal .related-works .item a { display: inline-block; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -webkit-border-radius: 5px; border-radius: 5px; background-position: center center; } ._work-modal .related-works .item a .playable { position: absolute; width: 64px; line-height: 64px; top: 50%; left: 50%; margin: -32px 0 0 -32px; background-color: rgba(0,0,0,0.15); -webkit-border-radius: 32px; border-radius: 32px; text-align: center; } ._work-modal .related-works .item a .playable ._pico-12._icon-play { font-size: 48px; line-height: 64px; vertical-align: top; color: rgba(255,255,255,0.9); } ._work-modal .related-works .item img { width: 100%; height: 100%; } ._work-modal .caption { margin: 10px 0; line-height: 20px; color: #777; } ._work-modal .counter { font-size: 14px; color: #b3b3b3; padding: 5px 0; } ._work-modal .counter dd, ._work-modal .counter dt { line-height: 32px; white-space: nowrap; } ._work-modal .counter dt { position: absolute; width: 50px; text-align: right; } ._work-modal .counter dd { padding-left: 58px; color: #808080; } ._work-modal .counter .count { color: #808080; cursor: pointer; } ._work-modal .counter .count.zero { cursor: inherit; } ._work-modal .count-bubble { position: relative; margin-top: 0px; padding: 7px 19px 7px 9px; text-align: left; background-color: #fff; border: solid 1px #eee; -webkit-border-radius: 8px; border-radius: 8px; } ._work-modal .count-bubble:before { content: ''; border-width: 8px 12px; border-top-width: 0; border-color: #eee transparent; border-style: solid; width: 0; height: 0; position: absolute; top: -8px; right: 13px; } ._work-modal .count-bubble:after { content: ''; border-width: 8px 12px; border-top-width: 0; border-color: #fff transparent; border-style: solid; width: 0; height: 0; position: absolute; top: -7px; right: 13px; } ._work-modal .fellow-fans { display: inline; margin-left: 6px; } ._work-modal .fellow-fans ._user-icon { position: relative; vertical-align: top; border: 1px solid #fff; width: 20px; height: 20px; } ._work-modal .fellow-fans ._user-icon:nth-child(1) { z-index: 4; } ._work-modal .fellow-fans ._user-icon:nth-child(2) { z-index: 3; margin-left: -6px; } ._work-modal .fellow-fans ._user-icon:nth-child(3) { z-index: 2; margin-left: -6px; } ._work-modal .fellow-fans ._user-icon:nth-child(4) { z-index: 1; margin-left: -6px; } ._work-modal .additional-container.nobg { background-color: rgba(250,250,250,0.95); } ._work-modal .additional-container .wrapper { position: relative; max-width: none; width: 100%; text-align: center; } ._work-modal .additional-container .ad { display: inline-block; width: 300px; margin: 0 0 0 20px; } ._work-modal .additional-container.author-info-container { background-color: #fff; padding: 20px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } ._work-modal .additional-container.author-info-container .ui-expander-container { max-height: 160px; } ._work-modal .additional-container.author-info-container .ui-expander-container .expand { text-align: left; } ._work-modal .additional-container.ad-info-container, ._work-modal .additional-container.comment-info-container { padding: 20px 0; background-color: #fafafa; } ._work-modal .additional-container.ad-info-container { border-bottom: 1px solid #eee; } ._work-modal .additional-container.related-works-container { padding: 0; background-color: #f0f2f3; border-top: 1px solid #eee; } ._work-modal .additional-container.related-works-container .sub-container { min-height: 0; } ._work-modal ._no-item { margin: 10px 0; } ._work-modal form.submit-comment { position: relative; padding-left: 50px; margin-bottom: 50px; } ._work-modal form.submit-comment input { margin: 0; } ._work-modal form.submit-comment .own-account { position: absolute; -webkit-border-radius: 40px; border-radius: 40px; left: 0; } ._work-modal form.submit-comment div.form-container { position: relative; margin-bottom: 30px; -webkit-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0; border: solid 1px #ddd; background: #fff; } ._work-modal form.submit-comment div.form-container:after, ._work-modal form.submit-comment div.form-container:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px; position: absolute; top: 10px; } ._work-modal form.submit-comment div.form-container:after { border-color: transparent #fff transparent transparent; left: -13px; } ._work-modal form.submit-comment div.form-container:before { border-color: transparent #ddd transparent transparent; left: -14px; } ._work-modal form.submit-comment div.form-container .comment-type-selector { height: 30px; width: 70px; padding: 0; margin: 0; position: absolute; bottom: -30px; left: 0; z-index: 1; cursor: pointer; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } ._work-modal form.submit-comment div.form-container .comment-type-selector:nth-of-type(2) { left: 70px; } ._work-modal form.submit-comment div.form-container .comment-type-selector:checked + .comment-type { display: block; } ._work-modal form.submit-comment div.form-container .comment-type { position: relative; display: none; min-height: 50px; } ._work-modal form.submit-comment div.form-container .comment-type.comment-stamp { text-align: center; } ._work-modal form.submit-comment div.form-container .comment-type.comment-text { padding: 10px 45px 10px 10px; } ._work-modal form.submit-comment div.form-container .comment-type .tab-label { height: 30px; width: 70px; line-height: 30px; text-align: center; position: absolute; bottom: -30px; left: -1px; border: solid 1px transparent; border-width: 0 1px 1px 1px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #999; } ._work-modal form.submit-comment div.form-container .comment-type .tab-label.checked { background: #fff; border-color: #ddd; color: #666; } ._work-modal form.submit-comment div.form-container .comment-type .tab-label:nth-of-type(2) { left: 70px; } ._work-modal form.submit-comment div.form-container .lockout-bar { height: 0; width: 100%; position: absolute; bottom: 30px; background: #6ad4f0; z-index: 10; opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); left: 0; } ._work-modal form.submit-comment div.form-container.stamp-locked input.stamp-id { display: none; } ._work-modal form.submit-comment div.form-container.stamp-locked .stamp-gallery { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } ._work-modal form.submit-comment div.form-container.stamp-locked .lockout-bar { width: 0; -webkit-transition: width 10s linear; -moz-transition: width 10s linear; -o-transition: width 10s linear; -ms-transition: width 10s linear; transition: width 10s linear; } ._work-modal form.submit-comment div.form-container.stamp-locked .comment-type-selector[value=stamp]:checked ~ .lockout-bar { height: 5px; } ._work-modal form.submit-comment .reply-parent-container { padding: 0 0 0 20px; background-color: #eaeaea; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } ._work-modal form.submit-comment .reply-parent-container ._comment-item { margin: 0 0 5px; } ._work-modal form.submit-comment .reply-parent-container ._comment-item .user-icon { position: absolute; width: 40px; height: 40px; -webkit-border-radius: 20px; border-radius: 20px; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-color: #fff; left: 0; top: 10px; } ._work-modal form.submit-comment .reply-parent-container ._comment-item .comment { padding: 10px 100px 10px 50px; } ._work-modal form.submit-comment .reply-parent-container ._comment-item .comment .reply, ._work-modal form.submit-comment .reply-parent-container ._comment-item .comment hr { display: none; } ._work-modal form.submit-comment .reply-parent-container .reply-cancel-icon { position: absolute; top: 5px; right: 5px; font-size: 20px; cursor: pointer; } ._work-modal form.submit-comment textarea.comment-text-form { margin: 0; height: 60px; width: 100%; resize: vertical; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; font-size: 14px; } ._work-modal form.submit-comment .stamp-series-selector { display: inline-block; } ._work-modal form.submit-comment input.stamp-series-selector { width: 30px; height: 37px; position: relative; z-index: 10; cursor: pointer; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } ._work-modal form.submit-comment input.stamp-series-selector:checked + .stamp-gallery { display: block; } ._work-modal form.submit-comment div.stamp-series-selector { margin: 5px 0; width: 30px; height: 30px; background-repeat: no-repeat; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; background-size: 20px 20px; background-position: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ._work-modal form.submit-comment div.stamp-series-selector.active { background-color: #ccc; -webkit-border-radius: 5px; border-radius: 5px; border: solid 1px #ccc; } ._work-modal form.submit-comment .stamp-series-buttons { height: 40px; } ._work-modal form.submit-comment .stamp-gallery { width: 100%; height: 100%; overflow: auto; display: none; position: absolute; top: 0; z-index: 5; } ._work-modal form.submit-comment .stamp-gallery div.stamp { float: left; width: 20%; position: relative; } ._work-modal form.submit-comment .stamp-gallery img.stamp { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ._work-modal form.submit-comment .stamp-gallery input.stamp-id { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); cursor: pointer; } ._work-modal form.submit-comment .stamp-gallery input.stamp-id:checked + img { border: solid 4px #6ad4f0; } ._work-modal form.submit-comment .stamp-gallery-dummy { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } ._work-modal form.submit-comment .stamp-gallery-dummy img { float: left; width: 20%; } ._work-modal form.submit-comment button.post { width: 35px; height: 25px; border: none; -webkit-border-radius: 5px; border-radius: 5px; background-color: #36c9ed; position: absolute; bottom: 5px; right: 5px; } ._work-modal form.submit-comment button.post .icon { color: #fff; } ._work-modal form.submit-comment.busy .blocker { display: block; } ._work-modal form.submit-comment .blocker { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); -webkit-border-radius: 5px; border-radius: 5px; z-index: 15; } ._work-shortcut-container { padding: 16px 20px; text-align: center; font-size: 12px; line-height: 20px; color: #a4aeb3; background-color: #fafafa; border-top: 1px solid #eee; } ._work-shortcut-container dt, ._work-shortcut-container dd, ._work-shortcut-container kbd { display: inline-block; } ._work-shortcut-container dt { margin-right: 8px; } ._work-shortcut-container dd + dt { margin-left: 20px; } ._work-shortcut-container kbd { font-weight: bold; font-family: menlo, monaco, monospace; } ._work-shortcut-container .or { padding: 0 4px; color: #d3dfe6; } ._illust-zoom-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; text-align: center; background-color: #fff; z-index: 2000; cursor: zoom-out; }