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-add:before { content: "\f101"; } ._pico-12._icon-asc:before { content: "\f102"; } ._pico-12._icon-check:before { content: "\f103"; } ._pico-12._icon-desc:before { content: "\f104"; } ._pico-12._icon-detail:before { content: "\f105"; } ._pico-12._icon-down:before { content: "\f106"; } ._pico-12._icon-following:before { content: "\f107"; } ._pico-12._icon-images:before { content: "\f108"; } ._pico-12._icon-like:before, body.contest .result-container .winners .winner .thumbnail-container ._like-count::before, ._work-item-container ._like-count::before, ._novel-work-item-container ._like-count::before, ._embedded-illust ._like-count::before, ._embedded-novel ._like-count::before { content: "\f109"; } ._pico-12._icon-limited: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,d09GRgABAAAAABlYABAAAAAAKkAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABbAAAABoAAAAceWsvm0dERUYAAAGIAAAAHAAAAB4AJwArT1MvMgAAAaQAAABFAAAAYD1DWjJjbWFwAAAB7AAAAEIAAAFCAA/0zWN2dCAAAAIwAAAAEgAAACQB2gAKZnBnbQAAAkQAAAY6AAANFnZkfXZnYXNwAAAIgAAAAAgAAAAIAAAAEGdseWYAAAiIAAANWwAAFUzG1IRtaGVhZAAAFeQAAAAwAAAANgge5uloaGVhAAAWFAAAABwAAAAkAegA9WhtdHgAABYwAAAASQAAAFIE/AKQbG9jYQAAFnwAAABMAAAATFluXe5tYXhwAAAWyAAAACAAAAAgAYUCAG5hbWUAABboAAAA1wAAAYZ/cZ42cG9zdAAAF8AAAAEYAAABkHVF/BRwcmVwAAAY2AAAAIAAAACNE0njCnicY2BgYGQAgou57W0g+vK/K1wwGgBQbAerAAB4nGNgZGBg4AFiMSBmYmAEQhUgZgHzGAAFKgBTeJxjYGH4wDiBgZWBgWEOwwogqQilixm4GewYGJgYWDkZ4EAAwWQISHNNYWj4yPhRieEDkCvG8AIszIikRIGBEQBMsgsEAAAAeJxjYGBgZoBgGQZGBhCwAfIYwXwWBgUgzQKEQP5Hpf//gSTj///8TFCVDIxsDDAmAyMTkGBiQAWMDMMeAABhZgbOAAB4nGNgwAJYofAFkA3EAAokAeUAAHicrVZpd9NGFJW8ZSMbWWhRS8dMnKbRyKQUggEDQYrtQro4WytBaaU4SfcFutF9X/CveXLac+g3flrvG9kmgYSe9tQf9O7MuzNvm3ljMpQgY92vBEIs3TWGlpcot3rNp1MWzQThtmiu+5QqRH/1Gr1GoyE3rHyejIAMTy62DNPwQtchU5EItx1KKbEp6F6dMtPXWjNmv1dpVChX8fOULgQr1/28zFtNX1C9jqmFwBJUYlQKAhEn7GiTZjDVHgmaY/0cM+/VfQFvmpGg/rofYkawrp/RPKP50AqDILDItINAklH3t4LAobQS2CdTiOBZ1qv7lJUu5aSLOAIyQ4cySsIvsRlnN1zBGvbYSjzgL0iVBqVn81B6oimaMBDPZQsIctkP61a0EvgyyAeCFlZ96CwOrW3foayiHs9uGakkUzkMpSuRcelGlNrYJrMBA5SddahHCXZ1wGvczRgbgneghTBgSrioXe1VrZ4Bw6u4s/lu7vvU3lr0J7uYNlzwEHcoKk0ZcV10vgyLc0rCgpMdL1EdGS0mJgYOWE5TWGVY90PbveiQ0gG1BvrTKLYl88Fs3qFBFadSFdqMFh0aUiAKQYe8q7wcQLoBDfJoBaNBjBwaxjYjOiUCGWjALg15oWiGgoaQNIdG1NKaH2c2F4MpGtyStx0aVUvL/tJqMmnlMT+m5w+r2Bj21v14eBgFjFwatvnM4iS78SH+DOJD5iQqkS7U/ZiTh2jdJurLZmfzEss62Er0vARXgWcCRFKD/zXM7i3VAQWMDWNMIlseGRdbpmnqWo0pIzZSlTWfhqUrKjSAw9cPw6ErQpj/c3TUNIYM122G8eGcTXds6zjSNI7YxmyHJlRsspxEnlkeUXGa5WMqzrB8XMVZlkdVnGNpqbiH5RMq7mX5pIr7WD6jZCfvlAuRYSmKZN7gC+LQ7C7lZFd5M1Hau5TTXeWtRHlMGTRo/4f4nkJ8x+CXQHws84iP5XHEx1IiPpZTiI9lAfGxnEZ8LJ9GfCxnEB9LpURZH1NHwexoKDx2wdOlxNVTfFaLihybHNzCE7gANXFAFWVUktwRH8mwOPq5bmnNSToxG2fNiYqPRsYBPrs7Mw+rTypxWvv7HHhm5WEjuJ37Gud5Y/IPg3+LF2UpPmlOcHCnkAB4vL/DuBVRyaHTqnik7ND8P1Fxghugn0FNjMmCKIoa33zk8kqzWZM1tAofTwQ6K9rBvGlOjCOlJbSoSRoBLYOuWdA06vPsrWZRClFuYr+zeymimOxFGcyAKSjkprGw7O+kRFpYO6np9NHA5Ubai54sNVtWcYW9B+9jyM0seTdSXrgpKe1Fm1CnvMgCDrmRPbgmglto77KKYkpYqCI+CG0F++1jRCYtM4MugSJkcbKyD+2KHTmignYC33rSKu/bQu3PdfIgMJudbudBlpGi810V9Wp9VdbYKFev3E0fB9POsLHmF0UZTy57354U7FenBLkCRld2v+5J8fY71u1KST7bF3Z54nVKFfJfgAdD7pT3IhpFkbNYpRHPr1t4MkU5KMZFcxwX9NIe7YpV36Nd2Hfto1ZcVlSyH2XQVXTWbsI3Pl8I6kAqClqkIlZ4OmQ+m52a8LGUuCxF3LNk10X0HTwhHeK/OMS1/+vcchTcosoSXWjXCckHbR8r6K0lu5OHKkZn7bxsZ6IdSTfoGoKeSC44/l7gLo8V6RTu8/MHzF/Bdub4GJ0GvqroDMQS562CBIsq3tJOpl5QfIRpCfBF1UKzAngJwGTwsmqZeqYOoGeWmVMBWGEOg1XmMFhjDoN1tYOudxnoFSBTo1fVjpnM+UDJXMA8k9E15ml0nXkavcY8jW6wTQ/gdbbJ4A22ySBkmwwi5lQBNpjDoMEcBpvMYbCl/XKBtrVfjN7UfjF6S/vF6G3tF6N3tF+M3tV+MXpP+8XofeT4XLeAH+gRXQT8MIGXAD/ipOvRAkY38Yy2ObcSyJyPNcdscz7B4vPdXT/VI73iswTyis8TyPTb2KdN+CKBTPgygUz4Ctxyd7+v9UjTv0kg079NINO/w8o24fsEMuGHBDLhR3AvdPf7SY80/ecEMv2XBDL9V6xsE35LIBN+TyAT7qidvkyq82fVtal3i9JT9dudd9j5G2UzuiwAAAABAAH//wAPeJytWF2P29h5Pl88h6T4JZEipRlpRiPOSLJlWxp9UfXHmOvsxvZsJvYm8c64idcTYKcu2mLhAAa6KBx3UfdiC/RiCzRAgNwYRYEW7Y2LXmQR5MJAAuwAvVn0ykVvNnebf5HnUDPjWSOLIkBFiTw8Ig/Pe97nfd7nJWHEJITcIM8IJ4qczbs444zwA8IoZXcIY/SeQIvuEKKkIXAZLxuq2h9Px9XueJqa+Xw4fPbM/IQQSuakQT4lL0lA/NxxKLmO0R6NKC7PJrNLdBQ3aSQHVMnOdG6pfWWZcjSS5qGyLPVMGbxe54bCOGewfYatROR/WpwO+5lKVFd1s26WZJ+9+Wbp+PvLU23CyDlsv8bmkDpp5kuB73F6gzPKMRNK6FM9nYtTpmIMiME6mBJm1L1KE5XEfdq+QifJ/UbSDKU5N+XqSetmM2ksWj86aWl7a7D0JfmcNEk593THU0LpozQqntCZTmajOJJpu9vuXqAe96nsZFus21lV89vzeS+sUGaUYLpBGSbJuGHQtythb45/FZacUo4f+rm1bDNCBGlh+xxbiSQkJQOykbcl1Y9V2kVPhR7nqUE5fzRefDZN1cDaL+yEgdPqqfapfhj+qr9l5ubJd//0yWFxbL3qMJ8Vez03STrkS/ICKxLCe5vkdr4TU8lTaii2bVIA56mwGCeScfkAvqKK0QOiDEPtEqWM+8RQxq1qRMngQv9sZ325Hp2pngkrlkkCGtgq6mfjeJXGgE8K/FylsyxR42yUTCfZJVoAq3OFYrE7k1ncllE8mk3epIJNuM+8LY/5fEINWh99v+xjsZRpumHUaKwtheFS+IKKj01DpakyzI8FXbnWcwQcIG8bQhjCafQaQagv1LFBeuR9ckj+HtHiwwvtfNWA7+D7XX2k5L5gsI3cCvUnkGqpP9NTAhDi145vBo4TOMNT+/ed4nDqi3UaYnuBTWO6kdc1phnVXt8+AdzvgbTKTkH6X06A/KOT1j+cAHn1FKQx4gJj/wNeWM0bOnbojSJ2OOwij3CJScxyJPQDp11V1Tzw+d5ePmzt3727P58Xa1TDnF9izj5ZAxLeyLdcKgzfA6+wbQAFSwvXM2IIZjwgmlMEfwB+UWQXt6t7WFu1M52Em+mZcatA8HgEO2ANTEtAAd3Z+CiyhmP4uYPGK37BZZ3prwyNTZrNa65UtufZSlLTcUz6VDNNQTfW3Hxomg8Z/e731r8lvMgTWHKh/3uod9qOAHZ8UdiRkFWymV8IEGFYeC6Y4OwJJisw9wenuJJoqgwr3enIUPXTrFfMCv7x6Xg07ehJA6SBpZ7rZ2F32LXsdz82/ynyMJPnJ7PodWz7XXPu6W5S+CeAf76AhyqknscleIZua9wtyG19I+AqAeQuULAPFmmV6n01kn/tDUatmlczjKBVa41a9UvrtZar5FKrtn5Jx28PXjuE13QeKMHieT4lRMJewg4U5SY1BDcOCJKBuEOE0KYKumOavuc6ZsksVcrlMuyB0eNqmqXVscZGF8fes2cf5/nDh3u12ssX/1qr7e8PawV31vC0l+Cx7fx6Bfig20qvLiD3xATt/Y2FqELC0QjhXOzimfyepFzwHUZWGstL9Vo1LPuuU7LhrJSlC444Xu3pOEunILUpwCGbFPOoghuAoln6b4aUxmZdNH3f9MpRvf4DdLyUBvq3m6G3RKNK3NwuzolxMs8ueYfcJT8kH9B386hlMT94a9J0hOux7RubLKA3335u397L75AydWj5IUHwOh+QwKeB/5j4HvW9x8Rzqec+Ji7j7gcVqlOIJA9KFAmAlhV9QLhp8V2wuE1Ni5k459Y+sbh1e/nt5xEG3301OHWCx183OnXZ4z9s+HxvMbLz5P976Lt3840zvb/48z/9k/vvff+Pd9/97nduffvq1pXLly72z/beOXN7tVxeLQeh5slRMkpWaBJX40hFyoNMSOUid3Y7084km2RbNJuNs7ZqF/9WZZRExR3jeJSNin+ns0l3UtyRdlKpSQJsGx+FWxZ5LF2wb/XezLFNaXGkWMxVmrbzekd32XVt2xMa8cKzbdedvd6xHPWazV5zvcgi9xmwCSTZ6rOvG/Kko/K1Q550DJp67EmReHJNNxhYGQsOeAsc8O/ggJhczS+XqI4ZZH1KDL5NtAQAQVFqcHogKe4wdnEwyH20yC3cH5O4XK6G60oHK9KoLAIjnc60INBxUo3+EbNUtaXlyqqgS+vrOWV1u1m5GJc26PmlrKLn4Bc8dAjFhfjtrLdbK1UpDA8BWlIMmmUbwWs8RewKTIfxpyBJTGxBVFIWTC/vIxnIW+fXq3FaXlNquZ/F41HW7nT14QK9QuMxVFQWJ52CzZJZJpX+RVVN/r5hrNS8GI8xpB/ZdijbM1qvhI7vGp5bMt1r8/UxDQMXtJL41HCSkn0GIqtcd5npW8xwLc4uvA2+m8OWT7GeAuwaId4bOF8n38vfIRKqRKonREEfmI+1bBGQLQ4VLjVg7gHwXqIWMa0D5AtO7uj0d0+L5J31tL3WWl1pNpZBjOXKeFQue6rZz8CK/dNqS9Nl9eiXHf3AlmaRnMxgPt/fb7WgCWut1iF0tlZcP20hW/d6vU9aWM/bYO7n8MMW6eUbk37ZwwTpNqcLcQBViLz0iJJmA1y6RS8JzZKjTR1ro3hTh84i3No+HVYRcAqrXwTcBNAYXaXddDhJJ2kHCXYRfqPxD2mBOJprcaplaq7xzbXX6eIzmRw1AEZ95SGuy/WZeXSfTphYScCEo2c61QMKCfKnTGMrh8j4JdSkAf0Pc6D/IfxV95/fdx4+dD4s9loonPjNARpD5OhlZOmU/Dj/K4/S6wSkrCRTB0TC+ULq5FWmlingK7NCS7ZZOiB26EKV2OTA8fTs+R195Dq5cbrTajUatVoUBYHrttIWHNpYbcClteUa0o8mn7gahEFYKbu+64/XWhFyb9anyDTHglpNuzoN4qdO/T5dknvau7W9/f0839sbDvO8pT37CdJjr9cKAvwdFF+io7YHXB4i2pZIm/TJhFwmN/NvDs6fTcMAnMCgSJg0JDOeWIWh4jFMUVRCJz4wqUB238VBaAYQ5NbFPyr3N8IoDXuhrQEJddCGt+HxLWiTJp1pTb0QDce8OZ2k7WqE8KvGyUyfHDPqfyTPEsdyzYa0ZcOp/KWllKUatmOpXEnL0Q10PIrqWVaP0oZftc73Ke2fT+LGD5QlpXVt0GwmK2JzwMRK0vxJ0bfguDms/mmB67V8ZXCuVhFa8zJ6LHo5abfIFr/IjwA9jpMYyaAaKanBnGhga2hLnSvaAHC7s6mzwiKTANlDEB4gPh6O/65AKjDKTtDL9MZEAdDXkU41oPE/l9DER/DFhfqsAPZXoY5PYc8EmH7+FUwD0Vnyra9imhMb6P8CqNY13hr5BoCxurwE29fqevjtJiU3hK43QEUHunDk7A4OTLMO4zsuqu4wcBI3VoKUqC2L1Tkp8sbJqTaKBJS+q1QlL03zIxOlnv4OQwE3WVVfPNeVni4Gi0PNrvo8DLlfXfinCf98Sf4L2WQlXwYxsr8lelp34BtyT1+wE55razGaTTp95GgUbrpqi7UA1pB7OVjb6RslOTeMuSwZ/Z3ePBiuDc6iPZfoLcmz856GP9ZkiDh/gThfaNNpPiJwDXILQW7ReAA5cwkp8sg0AXOi5ahtCSWUNIoXFpZ+A4FCZXz0G0ICg0/z/Pnzjz4qNHWP/O+JLTAGtmC1tS3snk5cO+fScmGLDhVo+m5nhlpUF/RXKfRlK5j3vmrM2mBomr35aWsG2hZ2oievIxcP8/NvzAZA1HqzUhIg6m3NO8f5krBC0397Z/vmlYv1uGBuXQLDg3gyyjvsBxTkposLrG5XLda4gz38q0vkrl5y1ADYg45wb5LpiSt5FMA/Fyw0zZCJkmE4hvKVxShYhzILbfQYpf/rgj8rBEr4sz/8ztcuuKqHCRfY8rFGv0EUWIgVuFW//zmG6odvuNObrbUbE+di+8bEvnbNntwo7jFxz2+BkXPkrfzaubO+FKgyCWoExGFKhRYkp1LiQiRhlSEeitpCv4AQxq32WuVS1NVl+5HU0OUDqK/TXeyjWMuldIWOdfUJmQI6BI/81vV86QVuFC7TixuqWrKrgYQ+MBK/3pJGq3v5umf9wmBW2eL+cigNft526x41ykucepWIVr8z4tz2AOnj2jkEGjtkQM7knbjqEsF0xf/7wmx9rVGfco3wZHaqSq5GMbw+oNnrpXGmJC4DCp4NqK6RB46aKbtn77+qjH88U+j78DJjRYXMLqemEqmIltxX9fEkFeY3TfQiwr4BxfQL8t+IThesZf88KZdMxfmwfxXCi3UT/cKGbcF/K9Sn1xmbnc2ot1rzpaRvmNyVnuTcvFbm79Xe47bplYSQPyn6hCM9jG8iG3wJTgyR37tklA9s5Dn9AgQ+JFy/QjCYMBZ1+K6uw+9rN98Kw061t1E4c0sUxbAnoHW7M/12aDq5gGJALt7RtU2marWNSmPueSeti0k7kSXfLKui/P6Qm3HZQ25mVnFcW6vVAtMvyVFRs5PfAUnhS9cAeJxjYGRgYADiZVmtx+L5bb4yyDN8AIowXP53hQtOswEZLxleAEkOBiaQKABrswxLeJxjYGRgYHgBxGIMHxhA4CUDIwMqYAEAR4EC3nicY/jAwMEAAh/A2IJBk0GHQYJBgYGNQYPBAEhLMAgAoQaQlmBwZeAHqghgcACSGkBswsDFIAtUJQCU4weaI8HgzMABAHhZB40AAAAAAAAmACYAJgBKAGYAngDWASQBmAHQAggCKgKOAtgDBAM8A5AE2gUcBYIF4AZKBl4G0gdMB7QHyAgcCFIIggi4CUoJZAnICiIKUgqmAAEAAAAlAG8ABwAAAAAAAgAoADkAiwAAAKUBVgAAAAB4nHWOsQ3CMBRELxBASAhRUiEj6kS2EyGRATICC6AoShNHCWvQ0lEyCyswAmNwNr+hiC3rP98/3zeAFe6I4FeEBTbCE+6d8BQHNMIxPQ/hGd0v4Tn1D51RvKSyDq88T/hiKzxFib1wTM9NeAaFp/Cc+hsd513gkCCDBrrm4pKMEG4eSjZbXEPtUaNihEXKtkLB8x/w0wxy3k88lprBkTGuvZaurytlU60KJYNIJk9OidWGprHPnDm1x8Cu/4tiz6emofqZOFf90LhWaW1SrbUajfoCQnowowB4nF1PyXaDMBCLEiDQkDbd9/31yDf1GTwlftgeapssP9rfaRNoL9VhRhodNBqNRz2+v0b5bmH0H2/9dYwxJogQI8EUKTIcYIYccxziCAsc4wSnOMM5LnCJK1zjBre4wz0e8IgnPOMFr2nJ3BjhmrjS7CmtWGvReppWbAzZkEnhlyULJxdS+VaLbeEpBGVrP5EcEtq0wspoyYYSpXXnQ6yMqCnSqqFDzTUXlXKVpnfj5738EBXtQwdTWR9E7YSZ9TJ0ptQuH/hahUAuNsLWIrO0CUXJWkZ7FltekU5bbvvfstbRanD3bP7ZkQ+KrRXKUeyo1dtkN9mFyJOV6V+FaBfupr9BeVdz0xVDi6RrNQsZrRStfwCzInB4eJxj8N7BcCIoYiMjY1/kBsadHAwcDMkFGxnYnTYxMDJogRibeZgYOSAsAQYwi8NpF7MDUJoTyOZ02sUAZTMzuGxUYewIjNjg0BGxkTnFZaMaiLeLo4GBkcWhIzkkAqQkEgg28zEx8mjtYPzfuoGldyMTg8tm1hQ2BhcXAOttJS8=") 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-bold:before { content: "\f113"; } ._pico-30._icon-next:before { content: "\f114"; } ._pico-30._icon-novel:before { content: "\f115"; } ._pico-30._icon-popboard:before { content: "\f116"; } ._pico-30._icon-prev-bold:before { content: "\f117"; } ._pico-30._icon-prev:before { content: "\f118"; } ._pico-30._icon-questionnaire:before { content: "\f119"; } ._pico-30._icon-reply:before { content: "\f11a"; } ._pico-30._icon-report:before { content: "\f11b"; } ._pico-30._icon-send:before { content: "\f11c"; } ._pico-30._icon-settings:before { content: "\f11d"; } ._pico-30._icon-star:before { content: "\f11e"; } ._pico-30._icon-twitter:before { content: "\f11f"; } ._pico-30._icon-ugoku-illust:before { content: "\f120"; } ._pico-30._icon-upload:before { content: "\f121"; } ._pico-30._icon-view:before { content: "\f122"; } ._pico-12 { font-size: 12px; color: #b3b3b3; text-rendering: auto; } ._pico-12.size-2x { font-size: 24px; } ._pico-20 { font-size: 20px; color: #b3b3b3; text-rendering: auto; } ._pico-20.size-2x { font-size: 40px; } ._pico-30 { font-size: 30px; color: #b3b3b3; text-rendering: auto; } ._pico-30.size-2x { font-size: 60px; } ._shape-explicit { display: inline-block; width: 80px; height: 80px; background-image: url("../../../images/beta/explicit.svg"); } @-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-fade-in-scroll-down { 0% { margin-top: -20px; 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-scroll-down { 0% { margin-top: -20px; 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-scroll-down { 0% { margin-top: -20px; 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-scroll-down { 0% { margin-top: -20px; 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-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); } } ._announce-return-classic-modal._modal-container { background-color: rgba(0,0,0,0.5); } ._announce-return-classic-modal._modal-container .container { position: absolute; left: 50%; margin-left: -280px; top: calc(50vh - 519px / 2); padding-top: 40px; width: 560px; background-color: #fff; border-radius: 16px; overflow: hidden; } @media (max-height: 559px) { ._announce-return-classic-modal._modal-container .container { top: 0; margin-top: 20px; } } @media (max-width: 560px) { ._announce-return-classic-modal._modal-container .container { left: 0; margin-left: 0; } } ._announce-return-classic-modal._modal-container .modal-title { margin-bottom: 37px; font-size: 20px; line-height: 1; text-align: center; font-weight: bold; } ._announce-return-classic-modal._modal-container .description { margin: 0 auto 37px; width: 480px; font-size: 20px; color: #757c7f; font-size: 14px; line-height: 1.5; } ._announce-return-classic-modal._modal-container .close-container { padding: 20px 0; text-align: center; background-color: #f5f5f5; } ::-webkit-input-placeholder { opacity: 1; -ms-filter: none; filter: none; color: #b3b3b3; } ::-moz-placeholder { opacity: 1; -ms-filter: none; filter: none; color: #b3b3b3; } :-moz-placeholder { opacity: 1; -ms-filter: none; filter: none; color: #b3b3b3; } :-ms-input-placeholder { opacity: 1; -ms-filter: none; filter: none; color: #b3b3b3; } 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; font-size: 12px; line-height: 18px; font-family: "Helvetica Neue", "arial", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #464a4d; background-color: #fff; background-attachment: fixed; background-position: top; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } body._mute-edit-modal-page { background-color: transparent; } a { -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: #65c7e9; text-decoration: none; } a:hover { color: #74cceb; } a:visited { color: #83d2ed; } a._current { font-weight: bold; color: #464a4d; } strong { font-weight: bolder; } 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; } button::-moz-focus-inner { padding: 0; border: 0; } input[type="text"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="text"]::-ms-clear { display: none; } ._hidden { display: none !important; pointer-events: none; } ._clickable { color: #65c7e9; cursor: pointer; } ._ignore { pointer-events: none; } ._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: #2f3233; } ._title-small { font-size: 16px; font-weight: bold; line-height: 1; color: #2f3233; } ._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: #34d7f4; 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; border-radius: 9px; } ._no-scroll { overflow: hidden; overflow-x: hidden; overflow-y: hidden; } ._animate { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } ._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; border-radius: 4px; outline: none; font-family: "Helvetica Neue", "arial", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; } ._action-button:visited { color: #fff; } ._action-button:hover { color: #fff; background-color: #50d1ff; } ._action-button.negative { background-color: #a4aeb3; } ._action-button.negative:hover { background-color: #b6bec2; } ._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; } ._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; border-radius: 7px; } a._premium-badge { color: #fff; } ._premium-badge-container { line-height: 14px; } ._premium-label { padding: 4px 6px; border: 1px solid #ff7e00; border-radius: 4px; color: #ff7e00; font-size: 12px; font-weight: normal; } ._restrict-label { display: inline-block; line-height: 20px; margin: 0 2px 4px 0; padding: 0 8px 0 4px; border-radius: 10px; font-size: 10px; font-weight: bold; color: #fff; background-color: #666; } ._restrict-label ._icon-limited { color: inherit; vertical-align: -2px; } ._restrict-label ._icon-text { margin-left: 2px; } ._weibo-icon { display: inline-block; background-image: url("../../../images/beta/icon/weibo.svg"); } ._pawoo-icon { display: inline-block; background-image: url("../../../images/beta/icon/pawoo.png"); -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } ._tag-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; padding: 0 4px 0 0; } ._tag-container.small { padding: 0 2px 0 0; } ._tag-container.small .tag { margin: 0 2px 4px 0; padding: 0 6px; line-height: 20px; color: #fff; background-color: rgba(0,0,0,0.4); } ._tag-container .tag { -webkit-transition: background-color 0.1s; -moz-transition: background-color 0.1s; -o-transition: background-color 0.1s; -ms-transition: background-color 0.1s; transition: background-color 0.1s; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; max-width: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin: 0 4px 4px 0; padding: 0 8px; vertical-align: top; line-height: 24px; color: #666; background-color: rgba(0,0,0,0.05); border-radius: 4px; } ._tag-container .tag:hover { background-color: rgba(0,0,0,0.1); } ._tag-container .tag.r-18, ._tag-container .tag.r-18g { color: #fff; background-color: #ffbdcc; } ._tag-container .limited { padding: 0 8px 0 6px; font-size: 10px; font-weight: bold; color: #fff; background-color: #666; border-radius: 4px; } ._tag-container .limited ._icon-limited { color: inherit; vertical-align: -2px; } ._tag-container .limited ._icon-text { margin-left: 2px; } ._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); border-radius: 8px; } ._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; -webkit-overflow-scrolling: touch; overflow: auto; position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; padding: 20px 100px; background-color: rgba(240,242,243,0.95); } ._modal-container .container { margin-bottom: 20px; } body.ios ._modal-container.ui-modal-close { cursor: pointer; } ._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 ._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-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 ._balloon-menu-popup ._action-button { display: block; } ._follow-button.following .follow { display: none; } ._follow-button.following .unfollow, ._follow-button.following .edit { display: inline-block; } ._follow-button .follow.busy { display: none; } ._follow-button .follow.busy + .unfollow, ._follow-button .follow.busy + .edit { display: inline-block; } ._follow-button ._action-button { width: 120px; margin: 20px 0 10px; text-align: center; line-height: 30px; 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 .unfollow, ._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 .unfollow:hover, ._follow-button .edit:hover { color: #50d1ff; background-color: #fff; } ._follow-button .unfollow:hover ._icon-smile, ._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 ._user-icon + .user-name { margin-left: 4px; vertical-align: middle; } ._user-icon-container ._action-button { position: absolute; bottom: -2px; right: -8px; width: auto; margin: 0; padding: 2px; line-height: 12px; 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; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-color: #fff; border-radius: 50%; } ._user-icon:not(.no-texture)::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.05); border-radius: 50%; } ._user-icon.size-20 { width: 20px; height: 20px; } ._user-icon.size-30 { width: 30px; height: 30px; } ._user-icon.size-32 { width: 32px; height: 32px; } ._user-icon.size-40 { width: 40px; height: 40px; } ._user-icon.size-60 { width: 60px; height: 60px; } ._user-icon.size-80 { width: 80px; height: 80px; } ._user-icon.size-100 { width: 100px; height: 100px; } ._user-icon.size-160 { width: 160px; height: 160px; } ._user-icon[style*='/common/images/no_profile'] { background-position: center center; -webkit-background-size: 110%; -moz-background-size: 110%; background-size: 110%; } img.lazy-content, img.lazy-image-loading { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } ._selector { position: relative; margin-bottom: 20px; } ._selector .explain { margin-right: 8px; color: #464a4d; } ._selector select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #f5f5f5; height: 30px; padding-left: 8px; padding-right: 24px; line-height: 30px; color: #464a4d; border: none; outline: none; cursor: pointer; } ._selector select::-ms-expand { display: none; } ._selector ._icon-menu { position: absolute; margin-left: -20px; top: 9px; color: #464a4d; cursor: pointer; pointer-events: none; } ._classic-body { background-color: #e4e7ee; } ._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; border-radius: 8px; 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; border-radius: 8px 8px 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; 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; 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; } ._back-to-top { visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: 0.3s visibility linear, 0.3s opacity linear; -moz-transition: 0.3s visibility linear, 0.3s opacity linear; -o-transition: 0.3s visibility linear, 0.3s opacity linear; -ms-transition: 0.3s visibility linear, 0.3s opacity linear; transition: 0.3s visibility linear, 0.3s opacity linear; position: fixed; bottom: 40px; left: calc(100vw - 70px); z-index: 1001; border-radius: 20px; background-color: rgba(0,0,0,0.4); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } ._back-to-top:hover { background-color: rgba(127,127,127,0.52); } ._back-to-top.active { visibility: visible; opacity: 1; -ms-filter: none; filter: none; } ._back-to-top ._icon-back-to-top { margin: 10px; color: #fff; } ._balloon-menu-opener { position: relative; cursor: pointer; } ._balloon-menu-opener > ._balloon-menu-popup { cursor: auto; } ._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; min-width: initial; white-space: nowrap; } ._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; 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: 6px 0; border-radius: 6px; border: 1px solid #d9d9d9; display: none; } ._balloon-menu-popup.opened { display: block; } ._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: #d9d9d9 transparent; border-width: 0 12px 8px; } ._balloon-menu-popup:after { border-color: #fff transparent; top: -7px; } ._balloon-menu-popup._balloon-menu-left-align::before, ._balloon-menu-popup._balloon-menu-left-align::after { left: auto; right: 10%; } ._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-color: #f5f5f5; } ._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 .like-action ._icon-like { vertical-align: middle; padding: 0 0 4px 3px; } ._balloon-menu-popup .menu li .like-action .private ._icon-like { display: inline-block; } ._balloon-menu-popup .menu li .like-action.delete ._icon-like { color: #ccc; } ._balloon-menu-popup .menu li .like-action.on.add-and-edit, ._balloon-menu-popup .menu li .like-action.on.add { display: none; } ._balloon-menu-popup .menu li .like-action:not(.on).edit, ._balloon-menu-popup .menu li .like-action:not(.on).delete { display: none; } ._balloon-menu-popup .menu li ._follow-button { padding: 0; margin: 0; } ._balloon-menu-popup .menu li ._follow-button ._action-button { display: block; 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 .follow-and-edit, ._balloon-menu-popup .menu li ._follow-button.following .follow { display: none; } ._balloon-menu-popup .menu li ._follow-button:not(.following) .edit, ._balloon-menu-popup .menu li ._follow-button:not(.following) .unfollow { display: none; } ._module-carousel-container { -webkit-transition: margin 0.7s cubic-bezier(0.06, 0.69, 0.17, 0.99); -moz-transition: margin 0.7s cubic-bezier(0.06, 0.69, 0.17, 0.99); -o-transition: margin 0.7s cubic-bezier(0.06, 0.69, 0.17, 0.99); -ms-transition: margin 0.7s cubic-bezier(0.06, 0.69, 0.17, 0.99); transition: margin 0.7s cubic-bezier(0.06, 0.69, 0.17, 0.99); line-height: 0; } body.bad-ie ._module-carousel-container :not(._user-icon):not(._action-button):not(._premium-badge) { border-radius: 0 !important; } ._module-carousel-container .carousel-item { line-height: normal; } ._module-carousel-button { visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: 0.3s visibility linear, 0.3s opacity linear; -moz-transition: 0.3s visibility linear, 0.3s opacity linear; -o-transition: 0.3s visibility linear, 0.3s opacity linear; -ms-transition: 0.3s visibility linear, 0.3s opacity linear; transition: 0.3s visibility linear, 0.3s opacity linear; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: absolute; top: 0; height: 100%; cursor: pointer; z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } ._module-carousel-button.active { visibility: visible; opacity: 1; -ms-filter: none; filter: none; } ._module-carousel-button.left { padding: 0 10px; left: 0; } ._module-carousel-button.right { padding: 0 10px; right: 0; } ._module-carousel-button:hover .carousel-icon { background-color: rgba(128,128,128,0.6); } ._module-carousel-button .carousel-icon { -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; padding: 0 10px; line-height: 80px; color: #fff; background-color: rgba(0,0,0,0.6); border-radius: 4px; } ._classic-footer { padding-bottom: 40px; } ._classic-footer .container { position: relative; width: 970px; margin: 0 auto; background-color: #fff; border: 1px solid #d6dee5; border-radius: 5px; } ._classic-footer a { color: #258fb8; } ._classic-footer a:hover { text-decoration: underline; } ._classic-footer .sprites-premium { background-image: url("../../../images//sprites/premium.png"); } ._classic-footer .sprites-premium { display: inline-block; height: 20px; width: 17px; vertical-align: middle; } ._classic-footer .sprites-premium + .icon-text { margin-left: 2px; vertical-align: middle; font-weight: bold; } ._classic-footer .links { display: table-cell; width: 185px; padding: 15px 20px 0; } ._classic-footer .links dt { margin-bottom: 5px; color: #333; font-size: 14px; font-weight: bold; } ._classic-footer .links li { margin: 5px 0; } ._classic-footer .copyright { margin: 10px 20px 0; padding: 10px 0; color: #999; line-height: 1; font-family: "Lucida Grande", sans-serif; border-top: 1px dotted #d6dee5; } ._classic-footer .languages { position: absolute; right: 20px; bottom: 0; padding: 10px 0; line-height: 1; } ._classic-footer .languages form, ._classic-footer .languages li { display: inline; } ._classic-footer .languages li { margin: 0 0 0 10px; color: #83d2ed; } ._classic-footer .languages .current { color: #333; font-weight: bold; } ._classic-header { background-color: #fff; border-bottom: 1px solid #d6dee5; } ._classic-header a { color: #258fb8; } ._classic-header a:hover { text-decoration: underline; } ._classic-header ._icon { display: inline-block; position: absolute; top: 0; left: 0; width: 20px; height: 20px; } ._classic-header .sprites-logo { background-image: url("../../../images//sprites/logo.png"); } ._classic-header .sprites-home { background-image: url("../../../images//sprites/home.png"); } ._classic-header .sprites-upload { background-image: url("../../../images//sprites/upload.png"); } ._classic-header .sprites-bookmarks { background-image: url("../../../images//sprites/bookmarks.png"); } ._classic-header .sprites-messages { background-image: url("../../../images//sprites/messages.png"); } ._classic-header .sprites-stacc { background-image: url("../../../images//sprites/stacc.png"); } ._classic-header .sprites-novel { background-image: url("../../../images//sprites/novel.png"); } ._classic-header .sprites-event { background-image: url("../../../images//sprites/event.png"); } ._classic-header .sprites-booth { background-image: url("../../../images//sprites/booth.png"); } ._classic-header .sprites-factory { background-image: url("../../../images//sprites/factory.png"); } ._classic-header .sprites-search-old { background-image: url("../../../images//sprites/search-old.png"); } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { ._classic-header .sprites-logo { background-image: url("../../../images//sprites-retina/logo.png"); -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } } ._classic-header .navigation-list li:hover .sprites-home { background-image: url("../../../images//sprites/home_hover.png"); } ._classic-header .navigation-list li:hover .sprites-upload { background-image: url("../../../images//sprites/upload_hover.png"); } ._classic-header .navigation-list li:hover .sprites-bookmarks { background-image: url("../../../images//sprites/bookmarks_hover.png"); } ._classic-header .navigation-list li:hover .sprites-stacc { background-image: url("../../../images//sprites/stacc_hover.png"); } ._classic-header .sprites-novel { height: 20px; width: 19px; } ._classic-header .sprites-logo { display: inline-block; overflow: hidden; vertical-align: middle; width: 130px; height: 50px; text-indent: -999px; white-space: nowrap; } ._classic-header .header-logo #logoMap { display: none; } ._classic-header.premium-fixed { position: fixed; top: 0; width: 100%; height: 77px; z-index: 1; } ._classic-header.premium-fixed .layout-wrapper { width: auto; max-width: 970px; height: 100%; } ._classic-header .layout-wrapper { position: relative; width: 970px; height: 115px; margin: 0 auto; } ._classic-header .title { position: absolute; top: 12px; } ._classic-header .link-list { position: absolute; top: 8px; right: 0; } ._classic-header .link-list .link-item { display: inline; } ._classic-header .link-list .link-item > a { display: inline-block; line-height: 26px; } ._classic-header .link-list .link-item + .link-item { margin-left: 10px; } ._classic-header .link-list .ui-selectbox-container { display: inline-block; } ._classic-header .link-list .ui-selectbox-container:hover .items { display: block; } ._classic-header .link-list .ui-selectbox-container .items { display: none; position: absolute; z-index: 10000; right: 0; width: 148px; margin: -1px auto 0; text-align: left; background-color: #fff; border: 1px solid #becad7; outline: 1px solid #fff; } ._classic-header .link-list .ui-selectbox-container .items:hover { display: block; } ._classic-header .link-list .ui-selectbox-container .item { display: block; margin: 0; padding: 0 9px; font-size: 12px; line-height: 2; color: #777; cursor: pointer; } ._classic-header .link-list .ui-selectbox-container .item:hover { text-decoration: none; background-color: #eee; } ._classic-header .link-list .ui-selectbox-container .separated { border-top: 1px solid #f5f5f5; } ._classic-header .link-list .ui-selectbox-container .premium { color: #fb6e07; } ._classic-header .link-list .ui-selectbox-container .whitecube-switch .submit { width: 100%; cursor: pointer; border: 0; background-color: #fff; text-align: left; font-size: 12px; color: #777; padding: 0 10px; height: 30px; line-height: 30px; } ._classic-header .link-list .ui-selectbox-container .whitecube-switch .submit:hover { background-color: #f5f5f5; } ._classic-header .navigation-list { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; position: absolute; left: 0; bottom: 8px; font-size: 14px; line-height: 20px; } ._classic-header .navigation-list .notifications { position: static; } ._classic-header .navigation-list .notifications li { margin-right: 2px; } ._classic-header .navigation-list .menus li a { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } ._classic-header .navigation-list ul { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } ._classic-header .navigation-list li { display: block; padding-left: 0; margin-right: 16px; } ._classic-header .navigation-list li.upload { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } ._classic-header .navigation-list li .menu-icon { margin-right: 2px; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center; } ._classic-header .navigation-list li .menu-icon.icon-home { background-image: url("../../../images/icon/home-icon.svg"); } ._classic-header .navigation-list li .menu-icon.icon-upload { background-image: url("../../../images/icon/upload-icon.svg"); } ._classic-header .navigation-list li .menu-icon.icon-bookmark { background-image: url("../../../images/icon/bookmark-icon.svg"); } ._classic-header .navigation-list li .menu-icon.icon-feed { background-image: url("../../../images/icon/feed-icon.svg"); } ._classic-header .navigation-list li a { color: #258fb8; } ._classic-header .navigation-list li a.current { font-weight: bold; color: #333; } ._classic-header .navigation-list li a + a { border: none; margin: 0; padding: 0; } ._classic-header .navigation-list li a + a::before { content: ''; display: inline-block; height: 14px; vertical-align: -2px; padding-left: 4px; margin-left: 4px; border-left: 1px solid #eee; } ._classic-header .category-list { position: absolute; right: 0; bottom: 8px; min-width: 227px; text-align: center; background-color: #f2f4f6; border-radius: 5px; } ._classic-header .category-list li { display: inline; } ._classic-header .category-list a { display: inline-block; position: relative; margin: 0 8px; padding-left: 0; line-height: 30px; } ._classic-header .category-list a:hover { color: #005373; text-decoration: none; } ._classic-header .category-list a ._icon { position: absolute; top: 5px; left: 0; } ._classic-header .category-list .sprite-booth { top: 6px; } ._classic-header .category-list .count-badge { border-radius: 2px; margin-left: 4px; padding: 2px 3px; color: #555; font-size: 10px; font-weight: normal; background-color: #fff; } ._classic-header .category-list .header-booth i, ._classic-header .category-list .header-factory i { left: 2px; top: 7px; width: 16px; height: 16px; } ._classic-header .category-list .header-factory { margin-right: 0px; } ._classic-header .category-list .header-factory.without-books { margin-right: 8px; } ._classic-header .category-list .header-books { padding-left: 0px; margin-right: 8px; margin-left: 0px; } ._classic-header .ui-search { position: absolute; right: 0; bottom: 45px; width: 224px; } ._classic-header .ui-search input:focus { outline: none; } ._classic-header .ui-search.has-text .container input { width: 166px; } ._classic-header .ui-search .container { width: 186px; border-radius: 0; height: 20px; padding: 3px 5px; background-color: #fff; border: 1px solid #becad7; border-right: none; } ._classic-header .ui-search .container input { width: 163px; padding: 0; height: 20px; font-size: 14px; line-height: 1; border: none; } ._classic-header .ui-search #suggest-list { display: none; } ._classic-header .ui-search .submit { position: absolute; top: 0; right: 0; width: 50px; height: 28px; background-repeat: no-repeat; background-position-x: 10px; background-color: #becad7; border: none; cursor: pointer; } ._classic-header .ad { position: absolute; top: 10px; left: 210px; width: 468px; height: 60px; } ._classic-header .premium-lp__premium-register-button { position: absolute; top: 12px; right: 0; padding: 15.5px 18.5px; width: auto; line-height: 1; font-size: 18px; } ._classic-header .notifications { position: absolute; bottom: 10px; left: 450px; } ._classic-header .notifications > li { display: inline-block; margin-right: 2px; vertical-align: top; } ._classic-header .notifications > li:first-child .button { border-radius: 5px 0 0 5px; } ._classic-header .notifications > li:last-child .button { border-radius: 0 5px 5px 0; } ._classic-header .notifications > li.message .button { background-image: url("../../../images//notification/message.png"); } ._classic-header .notifications > li.popboard .button { background-image: url("../../../images/notification/popboard.png"); } ._classic-header .notifications > li.popboard .button.unread { background-image: url("../../../images/notification/popboard-up.png"); } ._classic-header .notifications > li.message .message-thread { background-image: url("../../../images/notification/message.png"); } ._classic-header .notifications > li.active { position: relative; } ._classic-header .notifications > li.active.message .button { border-bottom-left-radius: 0; } ._classic-header .notifications > li.active.popboard .button { border-bottom-right-radius: 0; } ._classic-header .notifications > li.active.message .button { position: relative; z-index: 2; } ._classic-header .notifications > li.active.message.active .button { border-radius: 5px 0 0 0; } ._classic-header .notifications > li.active .button { border: 3px solid #becad8; border-bottom: none; background-color: #fff; height: 27px; } ._classic-header .notifications .button { display: inline-block; height: 24px; padding: 0 0 0 34px; vertical-align: top; line-height: 24px; background: #f2f4f6 no-repeat 6px 1px; border: 3px solid #f2f4f6; } ._classic-header .notifications .button:hover { text-decoration: none; background-color: #ddeaf6; border-color: #ddeaf6; } ._classic-header .notifications .button.unread { padding: 0 4px 0 32px; } ._classic-header .notifications .button.unread .count { display: inline; } ._classic-header .notifications .button .count { border-radius: 3px; margin-right: 3px; display: none; padding: 3px 5px; font: 10px bold "lucida grande", sans-serif; text-decoration: none; color: #fff; background-color: #ff4040; } ._classic-header .notification-popup { border-radius: 5px; display: none; z-index: $z-index-notification-popup; position: absolute; top: 102px; right: 232px; width: 364px; background-color: #fff; border: 3px solid #becad8; font-size: 12px; line-height: 1.5; } ._classic-header .notification-popup h2 { position: relative; padding: 7px 0; line-height: 1; text-align: center; border-bottom: 1px solid #becad8; color: #555c66; } ._classic-header .notification-popup h2 .setting { position: absolute; display: block; width: 18px; height: 18px; top: 4px; right: 8px; background: transparent url("../../../images/notification/setting.png") no-repeat 0 0; } ._classic-header .notification-popup h2 .setting:hover { background-position: 0 -18px; } ._classic-header .notification-popup .more a { display: block; padding: 4px; text-align: center; } ._classic-header .notification-popup .more a:hover { background-color: #ffffe6; text-decoration: none; } ._classic-header ._menu-whitecube-switch label { display: block; padding: 0 9px; color: #777; } ._classic-header ._menu-whitecube-switch label:hover { background-color: #eee; } .not-authorized-header-banner { background-color: #36c; padding: 4px 0; text-align: center; } .not-authorized-header-banner a { color: #fff; font-size: 14px; text-decoration: none; } ._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; 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; border-radius: 50%; 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: 0px -20px; line-height: 30px; text-align: center; font-size: 14px; color: #999; } ._comments-load-more.done { display: none; } ._comments-load-more .more-text { display: none; position: relative; top: 10px; } ._comment-items .reply-to-comment { cursor: pointer; } ._comment-items .author .reply-container { border-radius: 5px 0 5px 5px; margin-left: 0; margin-right: 50px; } ._comment-items .reply-container { padding: 10px; background: #ddd; border-radius: 0 5px 5px 5px; margin-left: 50px; } ._comment-items .author .parent-container { right: 0; width: 585px; } ._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; top: 45px; left: 0; width: 585px; background: #fff; z-index: 2; 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; } ._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 ._user-icon { top: initial; left: 0; } ._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-item { position: relative; clear: both; min-height: 40px; padding-right: 30px; margin: 5px 0 20px; } ._comment-item.stamp { display: inline-block; 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; } body.contest { padding: 0 0 30px; min-width: 1024px; } body.contest.contest-v1 .header-cover::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.05); } body.contest.contest-v1 .contest-main-info-container { padding: 20px 5% 12px; } body.contest.contest-v1 .contest-main-info-container .main-container { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; text-align: left; vertical-align: top; } body.contest.contest-v1 .contest-main-info-container .series-introduction { position: absolute; right: 5%; bottom: calc(100% + 20px); width: 240px; margin: 0; color: #fff; } body.contest.contest-v1 .contest-main-info-container .series-introduction iframe { margin-left: -20px; margin-bottom: -10px; } body.contest.contest-v1 .contest-detail-container .entry-info-container { padding: 30px 0; } body.contest.contest-v1 .contest-detail-container .entry-info-container .award-summary-container { margin: 0 auto 30px; } body.contest.contest-v1 ._action-button { width: 220px; } body.contest.contest-v1 ._action-button + ._action-button { margin-left: 8px; } body.contest .pixiv-logo { display: inline-block; position: absolute; top: 10px; left: 30px; width: 81px; height: 32px; background-image: url("../../../images/accounts_index/logo.svg"); -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; background-position: center center; background-repeat: no-repeat; } @media (min-width: 1300px) { body.contest .pixiv-logo { left: 5vw; } } body.contest ._header-container { position: absolute; min-width: 1024px; background-color: rgba(0,0,0,0.2); } body.contest ._header-container ._pico-30, body.contest ._header-container ._icon-menu { color: #fff; } body.contest ._header-container .search .find:not(:focus) { background-color: rgba(255,255,255,0.5); border-color: transparent; } body.contest ._header-container .search .find:not(:focus)::-webkit-input-placeholder { color: #fff; } body.contest ._header-container .search .find:not(:focus)::-moz-placeholder { color: #fff; } body.contest ._header-container .search .find:not(:focus):-moz-placeholder { color: #fff; } body.contest ._header-container .search .find:not(:focus):-ms-input-placeholder { color: #fff; } body.contest ._header-container .search .find:not(:focus) + .actions ._pico-20 { color: #fff; } body.contest .header-cover { position: relative; height: calc(100vw * 450 / 1600); min-height: 288px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; } body.contest .contest-main-info-container { position: relative; text-align: center; background-color: #fff; } body.contest .contest-main-info-container .contest-icon { margin-top: -44px; margin-right: 20px; width: 120px; height: 120px; border-radius: 8px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; } body.contest .contest-main-info-container .series-introduction { display: inline-block; max-width: 980px; margin: 0 auto; padding: 17px 20px; text-align: left; } body.contest .contest-main-info-container .contest-catchphrase { margin-bottom: 10px; color: #757c80; font-size: 14px; line-height: 14px; } body.contest .contest-main-info-container .contest-name { margin-bottom: 8px; font-size: 20px; font-weight: bold; } body.contest .contest-main-info-container ._tag-container { display: inline-block; margin-right: 8px; max-width: none; white-space: nowrap; } body.contest .contest-main-info-container ._tag-container .tag { margin: 0; padding: 0 10px; color: #fff; line-height: 26px; font-weight: bold; vertical-align: top; } body.contest .contest-main-info-container ._tag-container .end, body.contest .contest-main-info-container ._tag-container .examination { background-color: #a4aeb3; } body.contest .contest-main-info-container ._tag-container .going { background-color: #3ddb8e; } body.contest .contest-main-info-container ._tag-container .soon { background-color: #ff8d18; } body.contest .contest-main-info-container .deadline { display: inline-block; vertical-align: top; line-height: 26px; font-size: 12px; color: #999; } body.contest .tab-navigation-container { height: 50px; } body.contest .tab-navigation-container ._tab-navigation { border-bottom: 1px solid #eee; } body.contest .tab-navigation-container ._tab-navigation .current { margin-bottom: -1px; padding: 17px 16px 19px; font-weight: normal; } body.contest .tab-navigation-container ._tab-navigation .share-container { position: absolute; top: 7px; right: 5%; } body.contest .tab-navigation-container ._tab-navigation .share-container .share { display: inline-block; height: 36px; width: 36px; border-radius: 50%; } body.contest .tab-navigation-container ._tab-navigation .share-container .share + .share { margin-left: 4px; } body.contest .tab-navigation-container ._tab-navigation .share-container .share.twitter { background-color: #1da1f2; } body.contest .tab-navigation-container ._tab-navigation .share-container .share.facebook { background-color: #3b5998; } body.contest .tab-navigation-container ._tab-navigation .share-container .share .svg-twitter, body.contest .tab-navigation-container ._tab-navigation .share-container .share .svg-facebook { display: inline-block; width: 100%; height: 100%; vertical-align: top; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } body.contest .tab-navigation-container ._tab-navigation .share-container .share .svg-twitter { background-image: url("../../../images//beta/twitter.svg"); } body.contest .tab-navigation-container ._tab-navigation .share-container .share .svg-facebook { background-image: url("../../../images//beta/facebook.svg"); } body.contest .tab-navigation-container.fixed ._tab-navigation { position: fixed; width: 100%; top: 0; z-index: 996; } body.contest .tab-navigation-container.sticky { position: -webkit-sticky; position: -moz-sticky; position: -o-sticky; position: -ms-sticky; position: sticky; top: 0; z-index: 996; } body.contest .tab-navigation-container .current { pointer-events: none; } body.contest .result-container { text-align: center; } body.contest .result-container .result-header { padding: 40px 0; } body.contest .result-container .result-header .title { margin-bottom: 17px; font-size: 20px; font-weight: bold; } body.contest .result-container .result-header .description-container { margin-bottom: 17px; } body.contest .result-container .result-header .description-container .description { display: inline-block; color: #757c80; max-width: 720px; font-size: 14px; line-height: 20px; text-align: left; } body.contest .result-container .result-header .open-term { display: inline-block; cursor: pointer; } body.contest .result-container .result-header .open-term ._icon-detail { vertical-align: -1px; } body.contest .result-container .awards { margin: 0 30px 37px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } @media (min-width: 1300px) { body.contest .result-container .awards { margin: 0 5vw 37px; } } body.contest .result-container .awards .award { margin: 0 auto; padding: 40px 0 20px; } body.contest .result-container .awards .award + .award { border-top: 1px solid #eee; } body.contest .result-container .awards .award .award-name { display: inline-block; margin-bottom: 17px; padding: 10px 20px; font-size: 14px; line-height: 14px; font-weight: bold; border-radius: 8px; border: solid 4px; } body.contest .result-container .awards .award .award-caption-container { margin-bottom: 40px; } body.contest .result-container .awards .award .award-caption-container .award-caption { display: inline-block; padding-bottom: 17px; max-width: 728px; text-align: left; color: #999; border-bottom: 1px solid #eee; } body.contest .result-container .winners { display: inline-block; margin-bottom: -50px; } body.contest .result-container .winners:not(.column-1) { margin-bottom: -30px; width: 960px; text-align: left; } body.contest .result-container .winners:not(.column-1) .winner { display: inline-block; margin-bottom: 30px; text-align: left; } body.contest .result-container .winners:not(.column-1) .winner .user-info .user-name { font-size: 12px; overflow: hidden; max-width: calc(100% - 38px); white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } body.contest .result-container .winners:not(.column-1) .winner .illust-title { margin-bottom: 10px; font-size: 14px; overflow: hidden; max-width: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } body.contest .result-container .winners:not(.column-1) .winner .thumbnail-container { margin-bottom: 7px; } body.contest .result-container .winners:not(.column-1) .winner .image { display: block; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center top; } body.contest .result-container .winners.column-2 { margin-right: -20px; } body.contest .result-container .winners.column-2 .winner { width: 460px; margin-right: 20px; } body.contest .result-container .winners.column-2 .winner .image { width: 460px; height: 460px; } body.contest .result-container .winners.column-3 { margin-right: -20px; } body.contest .result-container .winners.column-3 .winner { width: 300px; margin-right: 20px; } body.contest .result-container .winners.column-3 .winner .image { width: 300px; height: 300px; } body.contest .result-container .winners.column-4 { margin-right: -20px; } body.contest .result-container .winners.column-4 .winner { width: 220px; margin-right: 20px; } body.contest .result-container .winners.column-4 .winner .image { width: 220px; height: 220px; } body.contest .result-container .winners.column-5 { margin-right: -10px; } body.contest .result-container .winners.column-5 .winner { width: 180px; margin-right: 10px; } body.contest .result-container .winners.column-5 .winner .image { width: 180px; height: 180px; } body.contest .result-container .winners .winner { position: relative; vertical-align: top; margin-bottom: 50px; } body.contest .result-container .winners .winner .detail-award-name { margin-bottom: 10px; font-size: 14px; line-height: 14px; font-weight: bold; } body.contest .result-container .winners .winner .user-info { margin-bottom: 10px; } body.contest .result-container .winners .winner .user-info .user-name { display: inline-block; padding-left: 8px; color: #464a4d; font-size: 14px; font-weight: bold; vertical-align: middle; } body.contest .result-container .winners .winner .illust-title { display: inline-block; margin-bottom: 20px; color: #464a4d; font-size: 16px; font-weight: bold; line-height: 16px; } body.contest .result-container .winners .winner .thumbnail-container { position: relative; display: inline-block; margin: 0 auto 17px; max-width: 800px; } body.contest .result-container .winners .winner .thumbnail-container:hover ._balloon-menu-opener, body.contest .result-container .winners .winner .thumbnail-container:hover .status-container { opacity: 1; -ms-filter: none; filter: none; } body.contest .result-container .winners .winner .thumbnail-container ._balloon-menu-opener, body.contest .result-container .winners .winner .thumbnail-container .status-container { 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; } body.contest .result-container .winners .winner .thumbnail-container .status-container { position: absolute; bottom: -1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 40px; line-height: 40px; padding: 0 8px; background-color: #fff; border-top: 1px solid rgba(0,0,0,0.03); text-align: left; } body.contest .result-container .winners .winner .thumbnail-container .status { color: #b3b3b3; } body.contest .result-container .winners .winner .thumbnail-container .status._clickable { -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; } body.contest .result-container .winners .winner .thumbnail-container .status._clickable:hover { color: #a9afb2; } body.contest .result-container .winners .winner .thumbnail-container ._like-count::before { font-family: 'pico-12'; vertical-align: -2px; padding-right: 2px; } body.contest .result-container .winners .winner .thumbnail-container ._like-count.zero { display: none; } body.contest .result-container .winners .winner .reaction { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: absolute; right: 8px; bottom: 5px; height: 30px; } body.contest .result-container .winners .winner .reaction > .like-action { -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; display: inline-block; width: 30px; height: 30px; margin-left: 12px; vertical-align: top; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggZD0iTTE1IDcuMjVTMTMgNCA5IDRzLTcgMy03IDdjMCAxMCAxMiAxNSAxMyAxNXMxMy01IDEzLTE1YzAtNC0zLTctNy03cy02IDMuMjUtNiAzLjI1eiIgaWQ9ImEiLz48bWFzayBpZD0iYiIgeD0iLTEiIHk9Ii0xIiB3aWR0aD0iMjgiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xIDNoMjh2MjRIMXoiLz48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbD0iI0ZGRiIgeGxpbms6aHJlZj0iI2EiLz48dXNlIHN0cm9rZS1vcGFjaXR5PSIuMyIgc3Ryb2tlPSIjMDAwIiBtYXNrPSJ1cmwoI2IpIiBzdHJva2Utd2lkdGg9IjIiIHhsaW5rOmhyZWY9IiNhIi8+PC9nPjwvc3ZnPg=="); -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; cursor: pointer; } body.contest .result-container .winners .winner .reaction > .like-action.on { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQgMS41YzMuNjc3IDAgNiAyLjMyMyA2IDUuNzUgMCAzLjMzLTEuNzA2IDYuMTc3LTQuNDk2IDguNDM0QzEzLjU2IDE3LjI1NiAxMS4wMDQgMTguNSAxMCAxOC41Yy0xLjAwNSAwLTMuNTYtMS4yNDQtNS41MDQtMi44MTZDMS43MDYgMTMuNDI3IDAgMTAuNTggMCA3LjI1IDAgMy44NjUgMi4yNzcgMS41IDUuNzUgMS41YzEuNTMgMCAyLjgxMy40NDYgMy44MzggMS4xOS4zMTIuMjQyLjE4LjEzLjQwMy4zMy4yLS4xODguMDgtLjA4LjM3My0uMzE1QzExLjM1IDEuOTUzIDEyLjU2NiAxLjUgMTQgMS41eiIgZmlsbD0iI0Y3NDA2MCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"); } body.contest .result-container .winners .winner .reaction > .like-action.on.private { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yMSA0Yy00IDAtNiAzLjI1LTYgMy4yNVMxMyA0IDkgNHMtNyAzLTcgN2MwIDEwIDEyIDE1IDEzIDE1czEzLTUgMTMtMTVjMC00LTMtNy03LTd6IiBmaWxsPSIjRjc0MDYwIi8+PHBhdGggZD0iTTI0IDExYzMuMzE0IDAgNiAyLjY4NiA2IDZ2OC4wMDJjMCAuNTUtLjQ1Ni45OTgtMS4wMDIuOTk4aC05Ljk5NkMxOC40NSAyNiAxOCAyNS41NTQgMTggMjUuMDAyVjE3YzAtMy4zMTQgMi42ODYtNiA2LTZ6IiBmaWxsPSIjQjJCMkIyIi8+PHBhdGggZD0iTTIwIDE3djFoOHYtMWMwLTIuMjEtMS43OS00LTQtNHMtNCAxLjc5LTQgNHoiIGZpbGw9IiNGNjQxNjAiLz48L2c+PC9zdmc+Cg=="); } body.contest .result-container .winners .winner .image { display: block; max-width: 800px; max-height: 800px; border-radius: 8px; } body.contest .result-container .winners .winner .status-container { border-radius: 0 0 8px 8px; } body.contest .result-container .winners .winner .winner-caption-container .winner-caption { display: inline-block; max-width: 728px; color: #757c80; font-size: 14px; line-height: 20px; text-align: left; } body.contest .result-container .comment { display: inline-block; max-width: 728px; font-size: 14px; line-height: 20px; color: #757c80; margin-bottom: 37px; text-align: left; } body.contest .result-container .result-share-container { padding: 40px 0; background-color: #e6e6e6; } body.contest .result-container .result-share-container .container-title { font-size: 16px; line-height: 16px; font-weight: bold; margin-bottom: 20px; } body.contest .result-container .result-share-container .share { display: inline-block; height: 40px; width: 240px; border-radius: 4px; color: #fff; font-size: 14px; line-height: 40px; font-weight: bold; } body.contest .result-container .result-share-container .share + .share { margin-left: 4px; } body.contest .result-container .result-share-container .share.twitter { background-color: #1da1f2; } body.contest .result-container .result-share-container .share.facebook { background-color: #3b5998; } body.contest .result-container .result-share-container .share .svg-twitter, body.contest .result-container .result-share-container .share .svg-facebook { display: inline-block; width: 40px; height: 40px; vertical-align: top; } body.contest .result-container .result-share-container .share .svg-twitter { background-image: url("../../../images//beta/twitter.svg"); } body.contest .result-container .result-share-container .share .svg-facebook { background-image: url("../../../images//beta/facebook.svg"); } body.contest .contest-detail-container .entry-info-container { padding: 25px 0; background-color: #ebebeb; text-align: center; border-bottom: 1px solid rgba(0,0,0,0.05); } body.contest .contest-detail-container .entry-info-container .categories, body.contest .contest-detail-container .entry-info-container .award-header-container, body.contest .contest-detail-container .entry-info-container .award-summary-container { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin: 0 auto; text-align: left; width: 960px; } body.contest .contest-detail-container .entry-info-container .categories { margin-bottom: 30px; } body.contest .contest-detail-container .entry-info-container .award-header-container { margin: 0 auto 0; } body.contest .contest-detail-container .entry-info-container .category, body.contest .contest-detail-container .entry-info-container .award-header, body.contest .contest-detail-container .entry-info-container .award-summary { overflow: hidden; width: 240px; background-color: #fff; vertical-align: top; } body.contest .contest-detail-container .entry-info-container .category + .category, body.contest .contest-detail-container .entry-info-container .award-header + .award-header, body.contest .contest-detail-container .entry-info-container .award-summary + .award-summary { margin-left: 1px; } body.contest .contest-detail-container .entry-info-container .category { border: none; } body.contest .contest-detail-container .entry-info-container .category:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } body.contest .contest-detail-container .entry-info-container .category:last-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } body.contest .contest-detail-container .entry-info-container .category .image { margin-bottom: 17px; width: 100%; } body.contest .contest-detail-container .entry-info-container .category .name { margin: 0 16px 4px; font-size: 14px; line-height: 20px; font-weight: bold; } body.contest .contest-detail-container .entry-info-container .category .caption { margin: 0 16px 17px; color: #757c80; line-height: 20px; } body.contest .contest-detail-container .entry-info-container .award-header { width: 200px; padding: 16px 20px; } body.contest .contest-detail-container .entry-info-container .award-header:first-child { border-top-left-radius: 8px; } body.contest .contest-detail-container .entry-info-container .award-header:last-child { border-top-right-radius: 8px; } body.contest .contest-detail-container .entry-info-container .award-header .svg-crown { display: inline-block; width: 30px; height: 30px; background-image: url("../../../images//beta/contest/crown.svg"); border-radius: 50%; vertical-align: top; } body.contest .contest-detail-container .entry-info-container .award-header .name-and-rule { display: inline-block; margin-left: 8px; width: calc(100% - 30px - 8px); } body.contest .contest-detail-container .entry-info-container .award-header .name-and-rule .name { margin-bottom: 2px; font-size: 14px; font-weight: bold; line-height: 20px; } .contest-slug-mercstoria3 body.contest .contest-detail-container .entry-info-container .award-header .name-and-rule .name { font-size: 11px; } body.contest .contest-detail-container .entry-info-container .award-header .name-and-rule .rule { color: #999; } body.contest .contest-detail-container .entry-info-container .award-summary { width: 206px; padding: 16px 17px; background-color: #fafafa; color: #757c80; } body.contest .contest-detail-container .entry-info-container .award-summary:first-child { border-bottom-left-radius: 8px; } body.contest .contest-detail-container .entry-info-container .award-summary:last-child { border-bottom-right-radius: 8px; } body.contest .contest-detail-container .featured-entries-container { position: relative; padding: 30px 0px; white-space: nowrap; overflow: hidden; } body.contest .contest-detail-container .featured-entries-container .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } body.contest .contest-detail-container .featured-entries-container .background .image { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center; -webkit-filter: blur(2px); filter: blur(2px); width: calc(100% + 2px + 2px); height: calc(100% + 2px + 2px); margin: -2px; } body.contest .contest-detail-container .featured-entries-container .background::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(128,128,128,0.5); } body.contest .contest-detail-container .featured-entries-container .container-title { position: relative; margin-left: 30px; margin-bottom: 20px; font-size: 16px; font-weight: bolder; color: #fff; } @media (min-width: 1300px) { body.contest .contest-detail-container .featured-entries-container .container-title { margin-left: 5vw; } } body.contest .contest-detail-container .featured-entries-container .featured-entries { position: relative; padding: 0 60px 0 30px; } body.contest .entry-info-buttons { padding: 25px; text-align: center; } body.contest ._action-button { padding: 0; width: 200px; height: 40px; font-size: 14px; line-height: 40px; font-weight: bold; vertical-align: top; color: #fff; background-color: #a4aeb3; text-align: center; } body.contest ._action-button + ._action-button { margin-left: 5px; } body.contest .all-entries-container .timeline-header { position: relative; margin: 0 30px 20px; padding: 30px 0; text-align: left; border-bottom: 1px solid rgba(0,0,0,0.05); } @media (min-width: 1300px) { body.contest .all-entries-container .timeline-header { margin: 0 2.5vw 20px; } } body.contest .all-entries-container .timeline-header .container-title { display: inline-block; font-size: 16px; font-weight: bold; line-height: 16px; padding-right: 8px; vertical-align: middle; } body.contest .all-entries-container .timeline-header .work-count { color: #757c80; line-height: 16px; vertical-align: middle; } body.contest .all-entries-container .timeline-header .search-menu { float: right; margin-top: -7px; } ._contest-term-modal, ._contest-entry-flow-modal, ._contest-categories-modal { z-index: 1002 !important; } ._contest-term-modal .container, ._contest-entry-flow-modal .container, ._contest-categories-modal .container { position: relative; margin: 100px auto; } ._contest-term-modal ._icon-close, ._contest-entry-flow-modal ._icon-close, ._contest-categories-modal ._icon-close { position: absolute; top: 10px; right: -40px; cursor: pointer; } ._contest-term-modal .body, ._contest-entry-flow-modal .body, ._contest-categories-modal .body { position: relative; background-color: #fff; border-radius: 16px; overflow: hidden; } ._contest-term-modal .close-area, ._contest-entry-flow-modal .close-area, ._contest-categories-modal .close-area { padding: 10px 0; text-align: center; background-color: #f9f9f9; border-top: 1px solid #eee; } ._contest-term-modal .close-area .close, ._contest-entry-flow-modal .close-area .close, ._contest-categories-modal .close-area .close { line-height: 30px; background-color: #a4aeb3; } ._contest-term-modal .container { width: 800px; } ._contest-term-modal .term-header { padding: 37px 50px; text-align: center; border-bottom: 1px solid #eee; } ._contest-term-modal .term-header .modal-title { margin-bottom: 10px; color: #2f3233; font-size: 20px; line-height: 26px; font-weight: bold; } ._contest-term-modal .term-header .description { color: #999; font-size: 14px; line-height: 20px; text-align: left; } ._contest-term-modal .term-detail { padding: 40px 40px 0; border-bottom: 1px solid #eee; } ._contest-term-modal .term-detail .detail-title { margin-bottom: 17px; font-size: 16px; line-height: 16px; font-weight: bold; } ._contest-term-modal .term-detail .detail-caption { margin-bottom: 37px; color: #999; font-size: 14px; line-height: 20px; } ._contest-term-modal .term-detail .categories { margin-bottom: 40px; } ._contest-term-modal .term-detail .categories .category { border: none; background: none; } ._contest-term-modal .term-detail .categories .category + .category { margin-top: 20px; } ._contest-term-modal .term-detail .categories .category .name { margin-bottom: 7px; font-size: 14px; line-height: 14px; font-weight: bold; } ._contest-term-modal .term-detail .categories .category .caption { margin-bottom: 5px; color: #999; } ._contest-term-modal .term-detail .categories .category .category-entry-button { display: inline-block; padding: 0 10px; line-height: 30px; font-weight: bold; color: #fff; } ._contest-term-modal .term-detail .categories .category .category-entry-button:hover { color: #fff; } ._contest-term-modal .term-detail .awards { margin-bottom: 34px; } ._contest-term-modal .term-detail .awards .award + .award { margin-top: 20px; } ._contest-term-modal .term-detail .awards .award .name { margin-bottom: 2px; font-size: 14px; line-height: 20px; font-weight: bold; } ._contest-term-modal .term-detail .awards .award .rule { margin-bottom: 7px; color: #999; } ._contest-term-modal .term-detail .awards .award .description { color: #757c80; } ._contest-term-modal .term-detail .note { margin-bottom: 34px; color: #999; } ._contest-term-modal .guide { padding: 37px 40px; font-size: 14px; line-height: 20px; } ._contest-term-modal .guide + .entry-button-container { margin-bottom: 27px; } ._contest-term-modal .entry-button-container { margin-bottom: 30px; text-align: center; } ._contest-term-modal .entry-button-container .entry-button { display: inline-block; padding: 0 10px; line-height: 30px; font-weight: bold; color: #fff; } ._contest-term-modal .entry-button-container:hover { color: #fff; } ._contest-entry-flow-modal .container { width: 460px; text-align: center; } ._contest-entry-flow-modal .modal-title { padding: 40px 0; font-size: 20px; line-height: 20px; font-weight: bold; } ._contest-entry-flow-modal .contest-theme { font-size: 16px; line-height: 1.5; font-weight: bold; margin-bottom: 20px; } ._contest-entry-flow-modal .contest-duration { font-size: 14px; color: #999; margin: 10px auto; } ._contest-entry-flow-modal .flow-container .step { margin: 0 20px 20px; padding: 40px 20px 37px; background-color: #fafafa; border-radius: 8px; } ._contest-entry-flow-modal .flow-container .step .step-title { margin-bottom: 20px; font-size: 16px; font-weight: bold; line-height: 16px; } ._contest-entry-flow-modal .flow-container .step ._action-button { display: block; margin: 10px auto; } ._contest-entry-flow-modal .flow-container .step .step-caption { color: #757c80; font-size: 14px; line-height: 20px; } ._contest-entry-flow-modal .flow-container .step .step-box { background-color: #eee; border-radius: 8px; padding: 10px 20px 6px; margin-bottom: -15px; } ._contest-entry-flow-modal .flow-container .step .detail-title { margin: 20px 0 10px; font-weight: bold; } ._contest-entry-flow-modal .flow-container .step .detail-caption { text-align: left; } ._contest-entry-flow-modal .flow-container .svg-next { margin-bottom: 20px; display: inline-block; width: 24px; height: 24px; background-image: url("../../../images//beta/contest/next.svg"); vertical-align: top; } ._contest-entry-flow-modal .flow-container ._action-button { padding: 0; width: 220px; height: 40px; font-size: 14px; line-height: 40px; font-weight: bold; color: #fff; background-color: #a4aeb3; } ._contest-categories-modal .container { width: 300px; } ._contest-categories-modal .container-title { padding: 30px 20px; font-size: 16px; font-weight: bold; line-height: 16px; } ._contest-categories-modal ._action-button { padding: 0; margin: 0 40px; width: 240px; height: 40px; font-size: 14px; line-height: 40px; font-weight: bold; color: #fff; text-align: center; background-color: #a4aeb3; } ._contest-categories-modal .category-cover { height: 120px; position: relative; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; } ._contest-categories-modal .category-cover::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.1); } ._contest-categories-modal .category-cover ._action-button { position: relative; margin-top: 40px; } ._contest-categories-modal .body > ._action-button { margin-bottom: 20px; } ._contest-categories-modal .body > ._action-button:last-child { margin-bottom: 30px; margin-left: 40px !important; } .dashboard { position: relative; padding-top: 0; padding-bottom: 20px; min-height: calc(100vh - 50px - 43px - 0 - 20px); background-color: #f5f5f5; text-align: center; } @media (min-width: 1300px) { .dashboard { padding-left: 2.5vw; padding-right: 2.5vw; } } .dashboard-contents { padding-left: 30px; margin: 0 auto; width: 870px; } @media (min-width: 1190px) { .dashboard-contents { width: 1160px; } } @media (min-width: 1300px) { .dashboard-contents ._dashboard-work-item-container.timeline.entry_list { padding: 0 0 50px; } } .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .items { text-align: left; } .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .item-not-found { text-align: center; } .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .dashboard-work-item { display: inline-block; width: 260px; margin-right: 30px; margin-bottom: 30px; text-align: left; vertical-align: top; } .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .dashboard-work-item .thumbnail-container { position: relative; width: 260px; height: 180px; border-radius: 8px; background-color: #fff; } .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .dashboard-work-item .thumbnail-container:hover .link-container { visibility: visible; opacity: 1; -ms-filter: none; filter: none; } .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .dashboard-work-item .thumbnail { position: relative; display: block; height: 180px; text-align: center; } .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .dashboard-work-item .image { position: relative; display: inline-block; margin-top: 90px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .dashboard-work-item .image img { border-radius: 3px; } .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .dashboard-work-item .image::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.05); border-radius: 3px; } .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .dashboard-work-item ._tag-container { position: absolute; top: 4px; left: 4px; } .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .dashboard-work-item .link-container { position: absolute; bottom: 0; width: 100%; height: 40px; line-height: 40px; background-color: #fff; border-top: 1px solid rgba(0,0,0,0.03); border-radius: 0 0 8px 8px; color: #b3b3b3; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: 0.2s visibility linear, 0.2s opacity linear; -moz-transition: 0.2s visibility linear, 0.2s opacity linear; -o-transition: 0.2s visibility linear, 0.2s opacity linear; -ms-transition: 0.2s visibility linear, 0.2s opacity linear; transition: 0.2s visibility linear, 0.2s opacity linear; } .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .dashboard-work-item .link-container a { padding: 0 3px; } .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .dashboard-work-item .link-container a:first-child { padding-left: 8px; } .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .dashboard-work-item .report { position: absolute; display: inline-block; bottom: 5px; right: 5px; } .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .meta-container { margin: 5px 4px 0; } .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .meta-container .series { font-weight: bold; } .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .meta-container .title a { font-weight: bold; color: #4d4d4d; } .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .meta-container .create-date { margin-bottom: 5px; color: #9e9e9e; } .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .meta-container .counts-item { margin-right: 5px; display: inline-block; color: #757c80; } .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .meta-container .counts-item .counts-item-number { padding: 0 4px; } .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .meta-container .counts-item.like-container:not(.zero), .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .meta-container .counts-item._questionnaire-opener:not(.zero) { cursor: pointer; } .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .meta-container .counts-item.like-container:not(.zero) .counts-item-number, .dashboard-contents ._dashboard-work-item-container.timeline.entry_list .meta-container .counts-item._questionnaire-opener:not(.zero) .counts-item-number { color: #65c7e9; } .dashboard-contents ._dashboard-side-container { padding-top: 10px; margin-right: 30px; width: 260px; text-align: left; float: right; } .dashboard-contents ._dashboard-side-container .side-contents { padding: 10px; background-color: #fff; border-radius: 8px; } .dashboard-contents ._dashboard-side-container .side-contents + .side-contents { margin-top: 10px; } .dashboard-contents ._dashboard-side-container .side-contents .contents-title { margin: 5px 0 15px; font-size: 14px; font-weight: bold; } .dashboard-contents ._dashboard-side-container .report-links .link-item { display: block; font-size: 14px; font-weight: bold; color: #4d4d4d; height: 30px; } .dashboard-contents ._dashboard-side-container .report-links .link-item + .link-item { margin-top: 10px; } .dashboard-contents ._dashboard-side-container .report-links .link-item ._icon-crown, .dashboard-contents ._dashboard-side-container .report-links .link-item ._icon-report { display: inline-block; height: 30px; width: 30px; margin-right: 8px; text-align: center; line-height: 30px; color: #fff; border-radius: 4px; } .dashboard-contents ._dashboard-side-container .report-links .link-item ._icon-crown { background-color: #d6b452; } .dashboard-contents ._dashboard-side-container .report-links .link-item ._icon-report { background-color: #34c7fc; } .dashboard-contents ._dashboard-side-container .request-notice .request-item { display: block; } .dashboard-contents ._dashboard-side-container .request-notice .request-item + .request-item { margin-top: 3px; } .dashboard-contents ._dashboard-side-container .request-notice .request-item .icon-information { display: inline-block; margin-right: 4px; height: 16px; width: 16px; background-color: #fedf68; color: #fff; text-align: center; vertical-align: top; border-radius: 8px; } .dashboard-contents ._dashboard-side-container .request-notice .request-item .message { display: inline-block; width: 220px; } .dashboard-contents ._dashboard-side-container .reserve-works .release-date { padding-bottom: 6px; margin-bottom: 10px; font-weight: bold; border-bottom: 1px solid #eee; } .dashboard-contents ._dashboard-side-container .reserve-works .reserve-item { display: inline-block; padding: 10px; border-radius: 4px; } .dashboard-contents ._dashboard-side-container .reserve-works .reserve-item + .release-date { padding-top: 10px; } .dashboard-contents ._dashboard-side-container .reserve-works .reserve-item:hover { background-color: #f5f5f5; } .dashboard-contents ._dashboard-side-container .reserve-works .reserve-item .image { display: inline-block; height: 40px; width: 40px; margin-right: 10px; vertical-align: top; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; } .dashboard-contents ._dashboard-side-container .reserve-works .reserve-item .item-title { display: inline-block; width: 170px; vertical-align: top; color: #757c80; } .dashboard-contents ._dashboard-side-container .booth-link, .dashboard-contents ._dashboard-side-container .factory-link { display: block; padding-top: 20px; height: 100px; font-size: 14px; color: #fff; text-align: center; background-position: center 45px; background-repeat: no-repeat; } .dashboard-contents ._dashboard-side-container .booth-link { background-color: #f94f55; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTY2IiBoZWlnaHQ9IjYwIiB2aWV3Qm94PSIwIDAgMTY2IDYwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZmlsbD0iI0ZDNEQ1MCIgZD0iTTAgMGgxNjZ2NjBIMCIvPjxwYXRoIGQ9Ik04MS4wMyAxNi41NTVjLTIuMzAyIDAtNC4zOTQuNi02LjI3NyAxLjgtMS44ODIgMS4yMDYtMy4zOTQgMi44MzItNC41MzUgNC44OC0xLjE0IDIuMDUzLTEuODMyIDQuMzYtMi4wNzUgNi45MjItLjIzNyAyLjUzOC4wMTIgNC44NC43NTYgNi45Ljc0IDIuMDYgMS45NTUgMy43MDIgMy42MzMgNC45MyAxLjY3OCAxLjIyMyAzLjY4MiAxLjgzNSA2LjAxMiAxLjgzNSAxLjc1IDAgMy4zOS0uMzU0IDQuOTI2LTEuMDYyIDEuNTM0LS43MDggMi44NTMtMS42OCAzLjk1My0yLjkgMS4xMDItMS4yMjUgMi4wMDQtMi42NyAyLjcwNi00LjM0NS43MDUtMS42NyAxLjE0LTMuNDYgMS4zMS01LjM2LjIzNi0yLjU2Ni0uMDMtNC44NzMtLjgtNi45MjUtLjc3Mi0yLjA1LTEuOTk2LTMuNjc1LTMuNjY1LTQuODc4LTEuNjYtMS4yLTMuNjQ2LTEuOC01Ljk0Ni0xLjh2LjAwM3ptLS40NTggNC45OGMxLjM4NSAwIDIuNTguNDE0IDMuNTc4IDEuMjQgMSAuODI0IDEuNzEgMS44NyAyLjEzNCAzLjE0LjQxNSAxLjI3Mi41NjQgMi42Mi40MyA0LjAzOC0uMDkgMS4wNi0uMzA4IDIuMDg4LS42NTIgMy4wOS0uMzQgMS4wMTQtLjgxMiAxLjk2NS0xLjQwOCAyLjg2LS42Ljg5LTEuMzg3IDEuNjA3LTIuMzcgMi4xNDQtLjk4LjU0LTIuMDc2LjgxLTMuMjgzLjgxLS45NzcgMC0xLjg1Mi0uMTg2LTIuNjItLjU1Mi0uNzctLjM2Ni0xLjM3NS0uODQ2LTEuODIyLTEuNDQtLjQ1LS42LS44MjQtMS4yODQtMS4xMjctMi4wNjQtLjI5NS0uNzgtLjQ3My0xLjU3Ny0uNTE1LTIuNC0uMDQtLjgyNy0uMDQ0LTEuNjQgMC0yLjQ0LjEzLTEuNDE3LjUxNi0yLjc2IDEuMTU3LTQuMDM2LjY0My0xLjI3IDEuNTQtMi4zMTYgMi42OS0zLjE0IDEuMTU3LS44MjYgMi40MzItMS4yMzcgMy44MTYtMS4yMzdsLS4wMDYtLjAxMnptLTI0LjkxNS00Ljk4Yy0yLjI5NyAwLTQuMzg3LjYtNi4yNyAxLjgtMS44OCAxLjIwNi0zLjM5MyAyLjgzMi00LjUzNCA0Ljg4LTEuMTQyIDIuMDUzLTEuODMyIDQuMzYtMi4wNzUgNi45MjItLjIzOCAyLjUzOC4wMSA0Ljg0Ljc1NSA2LjkuNzQyIDIuMDYgMS45NTcgMy43MDIgMy42MzIgNC45MyAxLjY3OCAxLjIyMyAzLjY4IDEuODM1IDYuMDEgMS44MzUgMS43NSAwIDMuMzkyLS4zNTQgNC45MjgtMS4wNjIgMS41MzItLjcwOCAyLjg1Mi0xLjY4IDMuOTUtMi45IDEuMTA0LTEuMjI1IDIuMDA1LTIuNjcgMi43MDgtNC4zNDUuNzEyLTEuNjcgMS4xNDgtMy40NiAxLjMxNy01LjM2LjIzNy0yLjU2Ni0uMDMtNC44NzMtLjgtNi45MjUtLjc3LTIuMDUtMS45OTUtMy42NzUtMy42Ni00Ljg3OC0xLjY3LTEuMi0zLjY0Ny0xLjgtNS45NTQtMS44bC0uMDA2LjAwM3ptLS40NSA0Ljk4YzEuMzg0IDAgMi41OC40MTQgMy41NzggMS4yNCAxIC44MjQgMS43MSAxLjg3IDIuMTM0IDMuMTQuNDE0IDEuMjcyLjU2MiAyLjYyLjQzIDQuMDM4LS4wOTYgMS4wNi0uMzEyIDIuMDg4LS42NTMgMy4wOS0uMzQgMS4wMTQtLjgxMyAxLjk2NS0xLjQxIDIuODYtLjYuODktMS4zOSAxLjYwNy0yLjM3MyAyLjE0NC0uOTc4LjU0LTIuMDc1LjgxLTMuMjguODEtLjk4IDAtMS44NTQtLjE4Ni0yLjYyMi0uNTUyLS43Ny0uMzY2LTEuMzc1LS44NDYtMS44MjMtMS40NC0uNDUtLjYtLjgyNS0xLjI4NC0xLjEyNy0yLjA2NC0uMjk3LS43OC0uNDc0LTEuNTc3LS41MTYtMi40LS4wNC0uODI3LS4wNDQtMS42NCAwLTIuNDQuMTMtMS40MTcuNTE2LTIuNzYgMS4xNTYtNC4wMzYuNjQzLTEuMjcgMS41NDItMi4zMTYgMi42OTItMy4xNCAxLjE1Ni0uODI2IDIuNDI1LTEuMjM3IDMuODEtMS4yMzdsLjAwMi0uMDEyem0tMjIuNTEtNC41NzVoLTkuMjFMMjAuNzUgNDMuNDM4aDEwLjg4YzIuNDk4IDAgNC41ODItLjYzIDYuMjQ4LTEuODk2IDEuNjctMS4yNjYgMi42MzgtMy4xMzggMi44OTYtNS42Mi4xMS0xLjAwNC4wNi0xLjk2NC0uMTQ4LTIuODgtLjIxNC0uOTEtLjYzMi0xLjcxOC0xLjI2LTIuNDMtLjYyMy0uNjk1LTEuNDE3LTEuMTQtMi4zNzgtMS4zMjUuODEtLjQ5MiAxLjQ1My0xLjIxMiAxLjkzNi0yLjE2LjQ4LS45NDguNzc3LTEuOTM4Ljg4My0yLjk3LjI2LTIuNTI2LS4yMjItNC4zNi0xLjQ1Mi01LjQ5LTEuMjI3LTEuMTQtMy4xMTMtMS43MS01LjY2Mi0xLjcxbC4wMDMuMDAzek0zMC43NCAzMS45MmMuNjUyIDAgMS4xNy4wMTMgMS41Ny4wMy4zOTIuMDMuODQ2LjEwNiAxLjM2NC4yMzIuNTEzLjEzLjkxMy4zMTggMS4xODYuNTY0LjI4NS4yNDYuNTEuNi42ODIgMS4wNy4xNzguNDY2LjIzNyAxLjAyNy4xNzggMS42OC0uMDguNjYtLjIzNyAxLjIzLS40NjYgMS43MS0uMjI4LjQ4LS41MDQuODUtLjgyNCAxLjEyLS4zMi4yNy0uNzI2LjQ4LTEuMjE1LjYzLS40OS4xNTYtLjk1NS4yNTItMS4zOTMuMjg1LS40MzYuMDM3LS45NjcuMDU1LTEuNTkyLjA1NWgtMy45MzdsLjc1Ni03LjM3NGgzLjY5My0uMDAzem0uOTYtMTAuODE3YzEuMTc0IDAgMi4wNTQuMjUyIDIuNjM4Ljc1LjU4LjUxLjggMS4zOTIuNjYgMi42NTgtLjE0IDEuMzEyLS41MjYgMi4yMi0xLjE2IDIuNzIyLS42My41MDQtMS41OTMuNzU2LTIuODg4Ljc1aC0zLjQ4NmwuNzEyLTYuODhoMy41MjctLjAwM3ptODQuMTg2LTQuMTRoLTUuMWwtMi43MzggMjYuNDc1aDUuMWwxLjE2Ny0xMS4zMmg4LjQ4NmwtMS4xNjMgMTEuMzIzaDUuMDk4bDIuNzM2LTI2LjQ3N2gtNS4wOTdsLTEuMTM2IDEwLjk0NGgtOC40ODRsMS4xMzMtMTAuOTQ0em0tNy40NTUgMEg5Mi43OGwtLjQ1NCA0LjQ5aDUuMjc2TDk1LjMyIDQzLjQ0aDUuMTA0bDIuMjc3LTIxLjk4NGg1LjI3N2wuNDU0LTQuNDk0di4wMDN6bTM0Ljg1IDEwLjkzaC0xLjAxOGwtMS42MSAzLjkwOC0xLjU4NS0zLjM2NWgtLjg5bC0yLjY4IDYuNDA4di02LjA4aC0xLjgyNmwuMDAyLjU0aC0xLjM5NHYxLjg3aDEuMzk0djUuNDFjMCAuNDguMzg1Ljg3Ljg2Ljg3aC45MTJ2NS45NjRoMS44Njh2LTIuN2MwLTEuNDk0IDEuMjc0LTIuNzEgMi44NTctMi43MThoLjAyYzIuNTguMDA1IDQuNjg0IDEuOTg1IDQuNjg0IDQuNDI3di45OWgxLjM1VjM4LjA3aDEuMzk0di0yLjk1N2wtMS4zOTMtMS4yNFYzMi42OGwtMi45NS00Ljc4Mi4wMDQtLjAwNnoiIGZpbGw9IiNGRkYiLz48L2c+PC9zdmc+"); } .dashboard-contents ._dashboard-side-container .factory-link { background-color: #2bb2c6; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTExIiBoZWlnaHQ9IjYwIiB2aWV3Qm94PSIwIDAgMTExIDYwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTkzLjUyMiA0NC44NzZsLjI1NC0zLjc1aDMuODM4bC4xOTIgMi44MjgtNC4yODQuOTIyek0xMDQuNzM2LjEwNkg2LjUxQzMuMTA3LjEwNS4zMjIgMi44NS4zMjIgNi4yMDd2MjEuODE3YzAgMy4zNTcgMi43ODUgNi4xMDMgNi4xODggNi4xMDNoNzYuNjEyYy40MDYuMjc3LjgzNS41MyAxLjI5Mi43NSAxLjE1LjU1NSAyLjM1My44NjMgMy41NTYuOTYyLjU4OCAxLjE3NCAxLjU1NCAyLjE3NCAyLjg0IDIuNzkzLjM1OC4xNzMuNzI1LjMwNCAxLjA5Ny40MDUtLjAwMy4wMzUtLjAwMy4wNy0uMDA1LjEwNS0uMjEuMTkyLS4zNS40Ni0uMzcuNzYybC0uMzcgNS40OEw3My44OTUgNDkuMXYtNC44NDZjMC0uNTctLjI1OC0xLjEtLjcwNy0xLjQ1OC0uNDU4LS4zNjMtMS4wNTItLjUtMS42MjgtLjM3NUw0MC41MTQgNDkuMXYtNC44NDZjMC0uNTY2LS4yNi0xLjA5NS0uNzEtMS40NS0uNDYzLS4zNjUtMS4wODItLjUwNi0xLjY2LS4zOEw1LjQxIDQ5LjY2NWMtLjkxOC4yMDQtMS41ODMgMS4wMy0xLjU4MyAxLjk2NHY4LjI1NWgzLjMwNXYtNy4yNThsMzAuMDc3LTYuNjUzdjQuODU4YzAgLjU5My4yNSAxLjEzMy42OTIgMS40ODMuNDMuMzQyLjk5OC40NyAxLjU1NS4zNWwzMS4xMzMtNi42OTd2NC44NjRjMCAuNTkyLjI1NCAxLjEzLjY5NCAxLjQ4Mi40MzMuMzQzIDEgLjQ3IDEuNTU4LjM1bDMxLjEzLTYuN3YxMy45MmgzLjMwNVY0NC4yNTVjMC0uNTY1LS4yNTctMS4wOTQtLjcwNy0xLjQ1LS40NTctLjM2NC0xLjA3Mi0uNTA3LTEuNjQ3LS4zODJsLTUuODc4IDEuMjY1IDEuMDUzLS4yMjctLjI0LTMuNTU1Yy0uMDItLjI3LS4xMzUtLjUxLS4zMS0uNjk3LS4wMzQtLjg5Ni0uMzktMS43Ni0xLjAxLTIuNDI3LjIyNS0uMy40My0uNjIyLjYwMy0uOTcuMjcyLS41NDYuNDUtMS4xMTIuNTQ3LTEuNjgyaDUuMDVjMy40MDMgMCA2LjE4OC0yLjc0NiA2LjE4OC02LjEwM1Y2LjIwOGMwLTMuMzU2LTIuNzg1LTYuMTAzLTYuMTktNi4xMDN6IiBmaWxsPSIjRkZGIi8+PHBhdGggZD0iTTk2LjQ5NyAxNy4zOTNsLTQuOTA1LTcuMDg3Yy0uMTcyLS4yNzYgMC0uNjE1LjM0NC0uNjE1aDIuMTk0Yy4xNzIgMCAuMjguMTA4LjM0NC4xOTJsMy40NDMgNC44OCAzLjQ0Mi00Ljg4Yy4wNjMtLjA4NC4xNy0uMTkuMzQzLS4xOWgyLjIxNmMuMzQzIDAgLjUxNS4zMzguMzQzLjYxNGwtNC45NyA3LjA2NXY2Ljc3YzAgLjIxLS4xOTQuNDAzLS40MS40MDNoLTEuOTc3Yy0uMjM3IDAtLjQxLS4xOTItLjQxLS40MDR2LTYuNzQ3ek04NS40NiAxNi40NmMxLjE0IDAgMi4xMjgtLjk3NyAyLjEyOC0yLjE2NiAwLTEuMTIzLS45OS0yLjA1OC0yLjEzLTIuMDU4aC0zLjUwNnY0LjIyM2gzLjUwN3ptLTYuMzI2LTYuMzY2YzAtLjIxMi4xNzItLjQwMy40MS0uNDAzaDYuMTUyYzIuNTggMCA0LjY5IDIuMDM3IDQuNjkgNC41NjIgMCAxLjk1Mi0xLjMxMiAzLjU0My0zLjE4NSA0LjI4NmwyLjk1IDUuMzljLjE1LjI3NiAwIC42MTUtLjM2Ny42MTVoLTIuMjZjLS4xOTMgMC0uMy0uMTA3LS4zNDItLjE5MmwtMi44NjItNS42Mkg4MS45M3Y1LjQxYzAgLjIxLS4xOTMuNDAzLS40MDguNDAzaC0xLjk3OGMtLjIzOCAwLS40MS0uMTkyLS40MS0uNDA0VjEwLjA5M3pNNjguOTQgMjEuOTk3YzIuNzEgMCA0Ljk0OC0yLjE4NSA0Ljk0OC00Ljg2IDAtMi42NzItMi4yMzgtNC45LTQuOTQ4LTQuOS0yLjcxIDAtNC45MjcgMi4yMjgtNC45MjcgNC45IDAgMi42NzUgMi4yMTYgNC44NiA0LjkyNyA0Ljg2em0wLTEyLjUyYzQuMzAzIDAgNy43NDQgMy40MTggNy43NDQgNy42NiAwIDQuMjQ0LTMuNDQgNy42MTgtNy43NDQgNy42MTgtNC4zMDMgMC03LjcyNC0zLjM3NC03LjcyNC03LjYxN3MzLjQyLTcuNjYgNy43MjQtNy42NnptLTE1LjQyMyAyLjc2aC0zLjI5Yy0uMjM4IDAtLjQxLS4xOS0uNDEtLjQwM3YtMS43NGMwLS4yMTIuMTcyLS40MDMuNDEtLjQwM2g5LjRjLjIzNiAwIC40MDguMTkyLjQwOC40MDR2MS43NGMwIC4yMTItLjE3Mi40MDItLjQwOC40MDJoLTMuMjkyVjI0LjE0YzAgLjIxLS4xOTQuNDAzLS40MS40MDNoLTJjLS4yMTUgMC0uNDA4LS4xOTItLjQwOC0uNDA0VjEyLjIzNXptLTEwLjg4NC0yLjc2YzIuMTc0IDAgMy43NDQuNjggNS4yMDcgMS45NzQuMTk0LjE3LjE5NC40MjYuMDIyLjU5NmwtMS4zMTMgMS4zMzdjLS4xNS4xNy0uMzY3LjE3LS41MzggMC0uOTA0LS43ODYtMi4xMS0xLjI1Mi0zLjMxNC0xLjI1Mi0yLjc1MyAwLTQuNzk3IDIuMjctNC43OTcgNC45NDQgMCAyLjY1MiAyLjA2NiA0LjkgNC44MiA0LjkgMS4yOSAwIDIuMzg4LS40ODYgMy4yOTItMS4yMDguMTctLjE0OC40MDgtLjEyOC41MzcgMGwxLjMzMyAxLjM1OGMuMTcyLjE0OC4xMy40MjQtLjAyLjU3My0xLjQ2NCAxLjQtMy4zMTQgMi4wNTgtNS4yMyAyLjA1OC00LjMwMiAwLTcuNzY2LTMuMzc0LTcuNzY2LTcuNjE3czMuNDY0LTcuNjYgNy43NjYtNy42NnptLTEzLjQyIDkuOTk1bC0yLjE1My00LjY2OGgtLjA2NGwtMi4xMDggNC42NjhoNC4zMjR6bS05LjI5NCA0LjUybDYuNjktMTQuMjhjLjA2My0uMTI3LjE3LS4yMzQuMzY0LS4yMzRoLjIxNWMuMjE1IDAgLjMuMTA3LjM2Ni4yMzRsNi42MjUgMTQuMjhjLjEzLjI3NS0uMDQyLjU1LS4zNjQuNTVoLTEuODdjLS4zMjQgMC0uNDc2LS4xMjYtLjYyNS0uNDI0bC0xLjA1NC0yLjI5aC02LjQzM2wtMS4wNTQgMi4yOWMtLjA4Ny4yMTMtLjI4LjQyNS0uNjI0LjQyNWgtMS44NzJjLS4zMjIgMC0uNDk1LS4yNzYtLjM2NS0uNTUyem0tOS43My0xMy44OThjMC0uMjEyLjE3My0uNDAzLjQxLS40MDNoOC43NTVjLjIzNyAwIC40MS4xOTIuNDEuNDA0djEuNzRjMCAuMjEyLS4xNzMuNDAyLS40MS40MDJoLTYuMzY3djMuOTlIMTguM2MuMjE2IDAgLjQxLjE5LjQxLjQwMnYxLjc0YzAgLjIxMy0uMTk0LjQwNC0uNDEuNDA0SDEyLjk5djUuMzY3YzAgLjIxLS4xOTUuNDAzLS40MS40MDNIMTAuNmMtLjIzNyAwLS40MS0uMTkyLS40MS0uNDA0VjEwLjA5M3oiIGZpbGw9IiMxREIyQzgiLz48L2c+PC9zdmc+"); } .dashboard-contents ._dashboard-side-container .contest-container { padding: 0; background-color: transparent; } .dashboard-contents ._dashboard-side-container .contest-container .contents-title { display: inline-block; margin-bottom: 5px; color: #464a4d; } .dashboard-contents ._dashboard-side-container .contest-container ._official-contest { width: 260px; } a.xhprof-result { position: fixed; bottom: 0.5em; right: 15em; z-index: 997; } ._fanbox-landing-page { min-width: 970px; } ._fanbox-landing-page.timeline.entry_list { padding: 0; } ._fanbox-landing-page ._fanbox-masthead { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 410px; margin-bottom: 30px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; } ._fanbox-landing-page ._fanbox-masthead .cover { width: 100%; height: 410px; background-color: rgba(0,0,0,0.5); } ._fanbox-landing-page ._fanbox-masthead .sub-title { margin-top: -330px; margin-bottom: 30px; color: #fff; font-size: 24px; font-weight: bold; } ._fanbox-landing-page ._fanbox-masthead .logo { margin-bottom: 60px; } ._fanbox-landing-page ._fanbox-masthead .button-list .button { display: inline-block; min-width: 202px; padding: 15px; text-align: center; border-radius: 4px; background-color: rgba(0,0,0,0.5); color: #fff; font-size: 16px; font-weight: bold; cursor: pointer; } ._fanbox-landing-page ._fanbox-masthead .button-list .button + .button { margin-left: 20px; } ._fanbox-landing-page .creators-list, ._fanbox-landing-page .plans-list, ._fanbox-landing-page .entries-list, ._fanbox-landing-page .subscribing-plans-list { padding-bottom: 30px; margin-bottom: 30px; } ._fanbox-landing-page .creators-list .caption, ._fanbox-landing-page .plans-list .caption, ._fanbox-landing-page .entries-list .caption, ._fanbox-landing-page .subscribing-plans-list .caption { margin-bottom: 30px; font-size: 20px; line-height: 1; font-weight: bold; color: #333; } ._fanbox-landing-page .plans-list { border-bottom: 1px solid #d6dee5; } ._fanbox-landing-page .plans-list .plans { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -30px; } ._fanbox-landing-page .subscribing-plans-list { position: relative; border-bottom: 1px solid #d6dee5; } ._fanbox-landing-page .subscribing-plans-list .modules { position: relative; } ._fanbox-landing-page .subscribing-plans-list .carousel-item { display: inline-block; } ._fanbox-landing-page .subscribing-plans-list .carousel-item:first-child { margin-left: 30px; } ._fanbox-landing-page .subscribing-plans-list .carousel-item:last-child { margin-right: 30px; } ._fanbox-landing-page .subscribing-plans-list ._fanbox-plan-item-container { margin-bottom: 0; } ._fanbox-landing-page .subscribing-plans-list .plans { display: block; overflow: hidden; white-space: nowrap; } ._fanbox-landing-page .subscribing-plans-list .plan { white-space: normal; } ._fanbox-landing-page .creators-list { border-bottom: 1px solid #d6dee5; } ._fanbox-landing-page .creators-list .creators { position: relative; overflow: hidden; white-space: nowrap; } ._fanbox-landing-page .creators-list .carousel-item { display: inline-block; vertical-align: top; } ._fanbox-landing-page .creators-list .carousel-item:first-child { margin-left: 50px; } ._fanbox-landing-page .creators-list .carousel-item:last-child { margin-right: 50px; } ._fanbox-landing-page .creators-list .creator { display: inline-block; width: 100px; margin: 0 10px; } ._fanbox-landing-page .creators-list .creator .follow-status { height: 20px; margin-bottom: 10px; } ._fanbox-landing-page .creators-list .creator .follow-status .following { display: inline-block; padding: 0 8px; border-radius: 15px; border: 1px solid #00bfff; background-color: #fff; color: #00bfff; font-size: 10px; font-weight: bold; line-height: 18px; } ._fanbox-landing-page .creators-list .creator ._user-icon { overflow: hidden; margin-bottom: 4px; } ._fanbox-landing-page .creators-list .creator .new-comer-label { margin-top: 78px; height: 22px; background-color: #ff0064; text-align: center; line-height: 22px; font-size: 12px; font-weight: bold; color: #fff; } ._fanbox-landing-page .creators-list .creator .user-name { white-space: normal; line-height: 21px; font-size: 14px; font-weight: bold; color: #333; } ._fanbox-landing-page .entries-list { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border: none; } ._fanbox-landing-page.timeline.entry_list { padding-bottom: 470px; margin-bottom: -470px; } ._fanbox-landing-page.timeline.entry_list > .items { padding: 0; margin: 0; } ._fanbox-classic-following._work-items, ._fanbox-classic-plan._work-items, ._fanbox-classic-purchase-history._work-items { text-align: center; } ._fanbox-classic-following._work-items.no-navigation, ._fanbox-classic-plan._work-items.no-navigation, ._fanbox-classic-purchase-history._work-items.no-navigation { padding: 30px 0 470px; margin-bottom: -470px; min-height: calc(100vh - 116px - 70px - 30px - 470px); } ._fanbox-classic-following._work-items.no-navigation .item-not-found, ._fanbox-classic-plan._work-items.no-navigation .item-not-found, ._fanbox-classic-purchase-history._work-items.no-navigation .item-not-found { padding: 150px 0; } ._fanbox-classic-following._work-items .items, ._fanbox-classic-purchase-history._work-items .items { padding-top: 0; } ._fanbox-classic-plan._work-items { background-color: #ebebeb; } ._fanbox-classic-plan .fanbox-plan-wrapper { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: strech; -moz-box-align: strech; -o-box-align: strech; -ms-flex-align: strech; -webkit-align-items: strech; align-items: strech; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 940px; margin: 0 auto; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-hero { overflow: hidden; border-radius: 8px; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-hero .fanbox-plan-hero-main { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: end; -moz-box-align: end; -o-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; width: 600px; height: 315px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-hero .fanbox-plan-hero-main.hero-masked { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; color: #fff; background-color: #2f3233; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-hero .fanbox-plan-hero-main.hero-masked .hero-masked-alert { color: #ff3852; margin: 18px 0 15px; font-weight: bold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-hero .fanbox-plan-hero-main.hero-masked .setting-restrict { display: inline-block; min-width: 110px; font-size: 12px; line-height: 30px; color: #fff; font-weight: bold; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-hero .fanbox-plan-hero-title { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; margin: 24px; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-hero .fanbox-plan-hero-title-r18label { padding: 5px 10px; background-color: #ffafc2; color: #fff; font-size: 12px; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-hero .fanbox-plan-hero-title-body { padding: 12px 20px; background-color: #333; color: #fff; font-size: 24px; font-weight: bold; line-height: 1.3; text-align: left; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-hero .fanbox-plan-hero-admininfo { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; background-color: #3e3e3e; padding: 16px 18px; color: #fff; font-size: 12px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-hero .fanbox-plan-hero-admininfo-subscribers-count { font-weight: bold; font-size: 14px; margin-right: 20px; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-hero .fanbox-plan-primary-button { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -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: 100px; height: 32px; background-color: #00d5fe; color: #fff; font-weight: bold; border-radius: 5px; font-size: 14px; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-hero .fanbox-plan-primary-button:hover { background-color: #50d1ff; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-info { width: 298px; max-height: calc(100% - 3px); overflow-y: auto; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-info.js-is-fixed .fanbox-plan-info-contents { position: fixed; top: 30px; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-info.js-is-stopped { -webkit-box-pack: end; -moz-box-pack: end; -o-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-info.js-is-stopped .fanbox-plan-info-contents { position: relative; top: 0; margin-left: 0; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-info-contents { width: 298px; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-profile-userinfo { text-align: center; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-profile img { width: 80px; height: 80px; border-radius: 50%; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-profile h2 { margin: 10px 0; font-size: 16px; font-weight: bold; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-profile h2 a { color: #464a4d; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-profile p { color: #757c7f; font-size: 12px; font-weight: 400; line-height: 1.8; letter-spacing: 0.4px; margin-bottom: 10px; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-profile .link { font-size: 15px; font-weight: bold; text-decoration: underline; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-profile .link a { color: #00a2ff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-subscribe { width: calc(100% - 34px); padding: 16px; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-subscribe .subscribe_button, ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-subscribe .unsubscribe_button { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; width: calc(100% - 30px); margin: 16px auto 8px; height: 52px; border: 0; font-size: 20px; font-weight: bold; border-radius: 4px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-subscribe .subscribe_button .button-centering, ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-subscribe .unsubscribe_button .button-centering { margin: 0 auto; text-align: center; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-subscribe .subscribe_button { color: #fff; background-color: #ff6d00; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-subscribe .subscribe_button:hover { background-color: #ff7c1a; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-subscribe .unsubscribe_button { color: #666; background-color: #d0d0d0; } ._fanbox-classic-plan .fanbox-plan-wrapper .subscribe-info { margin: 8px 0 16px; font-weight: bold; font-size: 12px; color: #666; text-align: center; } ._fanbox-classic-plan .fanbox-plan-wrapper .subscribe-info .info-label { display: inline-block; color: #fff; background: #ffb0c2; padding: 0px 2px; border-radius: 2px; font-size: 10px; margin-right: 8px; } ._fanbox-classic-plan .fanbox-plan-wrapper .subscribe-pricing { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: end; -moz-box-align: end; -o-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; color: #666; margin: 0; font-size: 20px; } ._fanbox-classic-plan .fanbox-plan-wrapper .subscribe-pricing.is-english { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } ._fanbox-classic-plan .fanbox-plan-wrapper .subscribe-pricing.is-english .subscribe-free { margin-top: 16px; } ._fanbox-classic-plan .fanbox-plan-wrapper .subscribe-free { color: #ff0039; margin-top: 0; font-size: 16px; font-weight: bold; } ._fanbox-classic-plan .fanbox-plan-wrapper .subscribe-pricing-price, ._fanbox-classic-plan .fanbox-plan-wrapper .subscribe-pricing-yen { font-size: 36px; font-weight: normal; letter-spacing: 0.8px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ._fanbox-classic-plan .fanbox-plan-wrapper .subscribe-pricing-price { margin-right: 3px; } ._fanbox-classic-plan .fanbox-plan-wrapper .subscribe-pricing-price.with-free { text-decoration: line-through; } ._fanbox-classic-plan .fanbox-plan-wrapper .subscribe-pricing-month { letter-spacing: 2px; font-size: 20px; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-profile { width: calc(100% - 42px); padding: 20px 20px; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-card { display: block; position: relative; overflow: hidden; margin: 0 auto 30px; border-radius: 8px; background-color: #fff; text-align: left; border: 1px solid #ccd8e4; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-share-area { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% - 32px); padding: 15px 15px 7px; } ._fanbox-classic-plan .fanbox-plan-wrapper .fanbox-plan-share-area.share-area-three .share-item { width: 87px; } ._fanbox-classic-plan .fanbox-plan-wrapper .share-item { width: 130px; height: 34px; border-radius: 4px; margin-bottom: 8px; } ._fanbox-classic-plan .fanbox-plan-wrapper .share-item.share-item-twitter { background-color: #1da1f2; } ._fanbox-classic-plan .fanbox-plan-wrapper .share-item.share-item-twitter:hover { background-color: #35abf3; } ._fanbox-classic-plan .fanbox-plan-wrapper .share-item.share-item-facebook { background-color: #3b5998; } ._fanbox-classic-plan .fanbox-plan-wrapper .share-item.share-item-facebook:hover { background-color: #4264aa; } ._fanbox-classic-plan .fanbox-plan-wrapper .share-item.share-item-line { background-color: #ddd; } ._fanbox-classic-plan .fanbox-plan-wrapper .share-item.share-item-line:hover { background-color: #eaeaea; } ._fanbox-classic-plan .fanbox-plan-wrapper .share-item.share-item-weibo { background-color: #e6162d; } ._fanbox-classic-plan .fanbox-plan-wrapper .share-item.share-item-weibo:hover { background-color: #eb2b40; } ._fanbox-classic-plan .fanbox-plan-wrapper .share-item.share-item-pawoo { background-color: #282c37; } ._fanbox-classic-plan .fanbox-plan-wrapper .share-item.share-item-pawoo:hover { background-color: #333846; } ._fanbox-classic-plan .fanbox-plan-wrapper .share-item .share-item-icon { color: #fff; width: 20px; height: 20px; margin: 2px; margin-right: 7px; } ._fanbox-classic-plan .fanbox-plan-wrapper .share-item a { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; padding: 5px; color: #fff; font-size: 12px; font-weight: bold; } ._fanbox-purchase-modal { background-color: rgba(0,0,0,0.5); } ._fanbox-purchase-modal.purchase-finished .modal-text-container { padding: 44px 96px; } ._fanbox-purchase-modal.purchase-finished .modal-text-container .content { text-align: center; } ._fanbox-purchase-modal.purchase-finished .modal-text-container .creator-thanks { margin-bottom: 9px; font-size: 14px; color: #333; } ._fanbox-purchase-modal.purchase-finished .modal-text-container ._user-icon { margin-bottom: 13px; } ._fanbox-purchase-modal.purchase-finished .modal-text-container .purchase-result { margin-bottom: 35px; line-height: 21px; font-size: 14px; font-weight: bold; color: #333; } ._fanbox-purchase-modal.purchase-finished .modal-text-container .share-buttons { text-align: center; } ._fanbox-purchase-modal.purchase-finished .modal-text-container .share-buttons li { display: inline-block; margin: 0 5px; } ._fanbox-purchase-modal.purchase-finished .modal-text-container .share-buttons a { display: block; width: 30px; height: 30px; border-radius: 30px; line-height: 30px; } ._fanbox-purchase-modal.purchase-finished .modal-text-container .share-buttons i { font-size: 16px; color: #fff; } ._fanbox-purchase-modal.purchase-finished .modal-text-container ._weibo-icon, ._fanbox-purchase-modal.purchase-finished .modal-text-container ._pawoo-icon { width: 18px; height: 18px; vertical-align: middle; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } ._fanbox-purchase-modal.purchase-finished .modal-text-container .share-button-twitter { background-color: #1da1f2; } ._fanbox-purchase-modal.purchase-finished .modal-text-container .share-button-facebook { background-color: #3b5998; } ._fanbox-purchase-modal.purchase-finished .modal-text-container .share-button-weibo { background-color: #e6162d; } ._fanbox-purchase-modal.purchase-finished .modal-text-container .share-button-pawoo { background-color: #282c37; } ._fanbox-purchase-modal.purchase-subscribe .modal-text-container .content { border: 1px solid #ccd8e4; padding: 20px 20px 18px; margin-bottom: 26px; } ._fanbox-purchase-modal.purchase-subscribe .modal-text-container label.payment-option { display: block; } ._fanbox-purchase-modal.purchase-subscribe .modal-text-container label.payment-option input[type=radio] { display: none; } ._fanbox-purchase-modal.purchase-subscribe .modal-text-container label.payment-option .purchase-way { display: none; } ._fanbox-purchase-modal.purchase-subscribe .modal-text-container label.payment-option .option-container { margin-bottom: 16px; padding: 16px; border: 1px solid #ccd8e4; border-radius: 4px; background-image: url("../../../images/beta/fanbox/checkbox-new-unchecked.svg"); background-position: 16px center; background-repeat: no-repeat; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } ._fanbox-purchase-modal.purchase-subscribe .modal-text-container label.payment-option .option-container:hover { border: 1px solid #f5f5f5; background-color: #f5f5f5; background-image: url("../../../images/beta/fanbox/checkbox-new-unchecked-hover.svg"); } ._fanbox-purchase-modal.purchase-subscribe .modal-text-container label.payment-option img.paypal-brand { width: 174px; height: auto; } ._fanbox-purchase-modal.purchase-subscribe .modal-text-container label.payment-option .change-card-button { display: block; width: 100%; background-color: transparent; border-radius: 4px; border: 1px solid #ccd8e4; text-align: center; font-size: 16px; color: #009cff; line-height: 40px; outline: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } ._fanbox-purchase-modal.purchase-subscribe .modal-text-container label.payment-option .change-card-button:hover { background-color: #f5f5f5; } ._fanbox-purchase-modal.purchase-subscribe .modal-text-container label.payment-option :checked + .option-container { background-image: url("../../../images/beta/fanbox/checkbox-new-checked.svg"); background-color: #fffcd6; border-color: #fcc4a3; } ._fanbox-purchase-modal.purchase-subscribe .modal-text-container label.payment-option :checked + .option-container:hover { background-image: url("../../../images/beta/fanbox/checkbox-new-checked-hover.svg"); } ._fanbox-purchase-modal.purchase-subscribe .modal-text-container label.payment-option :checked ~ .purchase-way { display: block; } ._fanbox-purchase-modal.purchase-subscribe .modal-text-container label.payment-option .option-body { padding-left: 48px; } ._fanbox-purchase-modal.purchase-subscribe .modal-text-container label.payment-option .option-body .label-text { line-height: 36px; font-size: 16px; font-weight: bold; } ._fanbox-purchase-modal.purchase-subscribe .modal-text-container label.payment-option .option-body img.card-brand { width: 56px; height: 24px; margin-right: 8px; } ._fanbox-purchase-modal.purchase-subscribe .modal-text-container .payment-option-note { margin-top: -12px; margin-bottom: 16px; text-align: right; text-decoration: underline; } ._fanbox-purchase-modal.purchase-subscribe .modal-text-container .subscribe-description ul { padding: 0 10px; margin-bottom: 22px; } ._fanbox-purchase-modal.purchase-subscribe .modal-text-container .subscribe-description ul li { font-size: 14px; line-height: 1.5; color: #2c333c; } ._fanbox-purchase-modal.purchase-subscribe .modal-text-container .subscribe-description ul li + li { margin-top: 10px; } ._fanbox-purchase-modal.subscribe-start ._icon-close.ui-modal-close, ._fanbox-purchase-modal.subscribe-start .modal-container { top: calc(50vh - 522px / 2); } @media (max-height: 562px) { ._fanbox-purchase-modal.subscribe-start ._icon-close.ui-modal-close, ._fanbox-purchase-modal.subscribe-start .modal-container { top: 0; margin-top: 20px; } } ._fanbox-purchase-modal.unsubscribe-finished .modal-container { min-height: 0; } ._fanbox-purchase-modal.unsubscribe-finished .legend { font-size: 14px; padding: 5px 0 16px; } ._fanbox-purchase-modal.unsubscribe-finished .question { display: block; margin: 0 -8px; padding-left: 6px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } ._fanbox-purchase-modal.unsubscribe-finished .question:hover { background-color: #f5f5f5; } ._fanbox-purchase-modal.unsubscribe-finished .question:hover .label-text { background-image: url("../../../images/beta/fanbox/checkbox-unchecked-hover.svg"); } ._fanbox-purchase-modal.unsubscribe-finished .question:hover :checked + .label-text { background-image: url("../../../images/beta/fanbox/checkbox-checked-hover.svg"); } ._fanbox-purchase-modal.unsubscribe-finished input[type=checkbox] { display: none; } ._fanbox-purchase-modal.unsubscribe-finished .label-text { padding-left: 30px; line-height: 36px; font-size: 12px; background-image: url("../../../images/beta/fanbox/checkbox-unchecked.svg"); background-position: left 4px; background-repeat: no-repeat; } ._fanbox-purchase-modal.unsubscribe-finished :checked + .label-text { background-image: url("../../../images/beta/fanbox/checkbox-checked.svg"); } ._fanbox-purchase-modal.unsubscribe-finished textarea { width: 100%; height: 138px; margin-top: 15px; border: 1px solid #ccd8e4; resize: none; font-size: 12px; } ._fanbox-purchase-modal.unsubscribe-finished .creator-thanks { text-align: center; margin: 40px 0 20px; font-size: 14px; color: #333; } ._fanbox-purchase-modal.unsubscribe-finished .purchase-result { text-align: center; margin-bottom: 40px; line-height: 28px; font-size: 14px; color: #333; } ._fanbox-purchase-modal ._icon-close.ui-modal-close, ._fanbox-purchase-modal .modal-container { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; top: calc(50vh - 340px / 2); } @media (max-height: 380px) { ._fanbox-purchase-modal ._icon-close.ui-modal-close, ._fanbox-purchase-modal .modal-container { top: 0; margin-top: 20px; } } ._fanbox-purchase-modal ._icon-close.ui-modal-close { position: absolute; left: 50%; margin-left: 190px; color: #fff; cursor: pointer; } ._fanbox-purchase-modal .modal-container { width: 360px; min-height: 340px; position: absolute; left: 50%; margin-left: -180px; border-radius: 16px; background-color: #fff; } @media (max-width: 360px) { ._fanbox-purchase-modal .modal-container { left: 0; margin-left: 0; } } ._fanbox-purchase-modal .modal-message-container { min-height: 150px; padding-top: 140px; text-align: center; font-size: 14px; color: #2f3233; } ._fanbox-purchase-modal .modal-text-container { padding: 40px 20px 44px; } ._fanbox-purchase-modal .modal-text-container .title { text-align: center; margin-bottom: 24px; font-size: 16px; font-weight: bold; color: #333; } ._fanbox-purchase-modal .modal-text-container .content { line-height: 12px; } ._fanbox-purchase-modal .modal-text-container .content .purchase-kind { margin-bottom: 9px; color: #333; } ._fanbox-purchase-modal .modal-text-container .content .plan-title { margin-bottom: 7px; line-height: 16px; font-size: 16px; font-weight: bold; color: #333; } ._fanbox-purchase-modal .modal-text-container .content .user-name { margin-bottom: 10px; color: #8d9599; } ._fanbox-purchase-modal .modal-text-container .content .price { text-align: right; font-weight: bold; color: #333; } ._fanbox-purchase-modal .modal-text-container .content .free { text-decoration: line-through; } ._fanbox-purchase-modal .modal-text-container .content .free-zero { font-size: 18px; color: #fb254f; } ._fanbox-purchase-modal .modal-text-container .content .free-message { text-align: right; margin-top: 10px; font-size: 12px; color: #fb254f; } ._fanbox-purchase-modal .modal-text-container .purchase-way { text-align: center; color: #333; } ._fanbox-purchase-modal .modal-text-container .purchase-way .hyphen { margin: 0 6px; } ._fanbox-purchase-modal .modal-text-container .purchase-way .fanbox-card-select-button { vertical-align: top; border: none; background: none; outline: none; margin: 0; padding: 0; font-size: 12px; line-height: 18px; color: #25c6ff; cursor: pointer; } ._fanbox-purchase-modal .modal-text-container .attention { text-align: center; line-height: 20px; font-weight: bold; color: #32a400; } ._fanbox-purchase-modal .select-list { width: 360px; padding: 10px 0; border-radius: 0 0 16px 16px; background-color: #f2f2f2; text-align: center; } ._fanbox-purchase-modal .select-list button { display: inline-block; } ._fanbox-purchase-modal .waiting-cover, ._fanbox-purchase-modal .waiting { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; } ._fanbox-purchase-modal .waiting { background-color: rgba(0,0,0,0.1); border-radius: 8px; } ._fanbox-purchase-modal.sending .waiting-cover, ._fanbox-purchase-modal.sending .waiting { display: block; } ._fanbox-purchase-modal.sending .waiting .icon { position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px; background-color: #555; 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; } ._fanbox-faq-modal, ._fanbox-what-the-fanbox-modal, ._fanbox-specified-commercial-modal { background-color: rgba(0,0,0,0.5); } ._fanbox-faq-modal .modal-container, ._fanbox-what-the-fanbox-modal .modal-container, ._fanbox-specified-commercial-modal .modal-container { position: relative; margin: 100px auto; width: 600px; } ._fanbox-faq-modal .modal-container .modal-contents, ._fanbox-what-the-fanbox-modal .modal-container .modal-contents, ._fanbox-specified-commercial-modal .modal-container .modal-contents { border-radius: 16px; background-color: #fff; } ._fanbox-faq-modal .modal-text-container .modal-title, ._fanbox-what-the-fanbox-modal .modal-text-container .modal-title, ._fanbox-specified-commercial-modal .modal-text-container .modal-title { padding: 40px 0; text-align: center; font-size: 20px; font-weight: bold; color: #464a4d; } ._fanbox-faq-modal .modal-text-container .modal-title + .topic, ._fanbox-what-the-fanbox-modal .modal-text-container .modal-title + .topic, ._fanbox-specified-commercial-modal .modal-text-container .modal-title + .topic { border-top: 1px solid rgba(0,0,0,0.1); } ._fanbox-faq-modal .modal-text-container .genre > header, ._fanbox-what-the-fanbox-modal .modal-text-container .genre > header, ._fanbox-specified-commercial-modal .modal-text-container .genre > header { padding: 30px 40px; font-size: 20px; background-color: #f2f2f2; } ._fanbox-faq-modal .modal-text-container .topic, ._fanbox-what-the-fanbox-modal .modal-text-container .topic, ._fanbox-specified-commercial-modal .modal-text-container .topic { padding: 40px; } ._fanbox-faq-modal .modal-text-container .topic h1, ._fanbox-what-the-fanbox-modal .modal-text-container .topic h1, ._fanbox-specified-commercial-modal .modal-text-container .topic h1 { margin-bottom: 13px; font-size: 16px; font-weight: bold; color: #464a4d; } ._fanbox-faq-modal .modal-text-container .topic h2, ._fanbox-what-the-fanbox-modal .modal-text-container .topic h2, ._fanbox-specified-commercial-modal .modal-text-container .topic h2 { line-height: 20px; font-size: 14px; color: #757c80; } ._fanbox-faq-modal .modal-text-container .topic p, ._fanbox-what-the-fanbox-modal .modal-text-container .topic p, ._fanbox-specified-commercial-modal .modal-text-container .topic p { line-height: 20px; font-size: 14px; color: #757c80; } ._fanbox-faq-modal .modal-text-container .topic p + h2, ._fanbox-what-the-fanbox-modal .modal-text-container .topic p + h2, ._fanbox-specified-commercial-modal .modal-text-container .topic p + h2 { margin-top: 13px; } ._fanbox-faq-modal .modal-text-container .topic p + p, ._fanbox-what-the-fanbox-modal .modal-text-container .topic p + p, ._fanbox-specified-commercial-modal .modal-text-container .topic p + p { margin-top: 20px; } ._fanbox-faq-modal .modal-text-container .topic p.strong, ._fanbox-what-the-fanbox-modal .modal-text-container .topic p.strong, ._fanbox-specified-commercial-modal .modal-text-container .topic p.strong { font-weight: bold; } ._fanbox-faq-modal .modal-text-container .topic + .topic, ._fanbox-what-the-fanbox-modal .modal-text-container .topic + .topic, ._fanbox-specified-commercial-modal .modal-text-container .topic + .topic { border-top: 1px solid rgba(0,0,0,0.1); } ._fanbox-faq-modal .select-list, ._fanbox-what-the-fanbox-modal .select-list, ._fanbox-specified-commercial-modal .select-list { padding: 10px 0; border-radius: 0 0 16px 16px; border-top: 1px solid #eee; background-color: #f2f2f2; text-align: center; } ._fanbox-faq-modal .select-list button, ._fanbox-what-the-fanbox-modal .select-list button, ._fanbox-specified-commercial-modal .select-list button { display: inline-block; } ._fanbox-faq-modal ._icon-close.ui-modal-close, ._fanbox-what-the-fanbox-modal ._icon-close.ui-modal-close, ._fanbox-specified-commercial-modal ._icon-close.ui-modal-close { position: absolute; right: -40px; color: #fff; cursor: pointer; } ._fanbox-what-the-fanbox-modal .modal-text-container .overview { background-color: #fef273; } ._fanbox-what-the-fanbox-modal .modal-text-container .overview .content-wrapper { position: relative; padding: 66px 30px 54px; } ._fanbox-what-the-fanbox-modal .modal-text-container .overview .image { position: absolute; top: -70px; left: 222px; width: 156px; height: 121px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-image: url("../../../images/beta/fanbox/what-the-fanbox-overview.svg"); } ._fanbox-what-the-fanbox-modal .modal-text-container .overview p { text-align: center; line-height: 28px; font-weight: bold; font-size: 16px; color: #2c333c; } ._fanbox-what-the-fanbox-modal .modal-text-container .genre { text-align: center; padding: 0 30px; border-top: 1px solid rgba(0,0,0,0.1); } ._fanbox-what-the-fanbox-modal .modal-text-container .genre + .genre { margin-top: 35px; } ._fanbox-what-the-fanbox-modal .modal-text-container .genre > header { display: inline-block; vertical-align: top; padding: 15px 40px; margin-top: -25px; font-size: 20px; border-radius: 25px; background-color: #2c333c; color: #fff; } ._fanbox-what-the-fanbox-modal .modal-text-container .genre > .topic { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; text-align: left; padding: 30px 0 10px; } ._fanbox-what-the-fanbox-modal .modal-text-container .genre > .topic h1 { margin-bottom: 17px; font-size: 20px; line-height: 1.5; } ._fanbox-what-the-fanbox-modal .modal-text-container .genre > .topic p { line-height: 24px; } ._fanbox-what-the-fanbox-modal .modal-text-container .genre > .topic.vertical { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-box-lines: single; -moz-box-lines: single; -o-box-lines: single; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; text-align: center; margin-left: -10px; margin-right: -10px; padding-bottom: 30px; } ._fanbox-what-the-fanbox-modal .modal-text-container .genre > .topic.vertical h1 { margin-bottom: 5px; } ._fanbox-what-the-fanbox-modal .modal-text-container .topic.mechanism .description-image.ja { background-image: url("../../../images/beta/fanbox/what-the-fanbox-mechanism-ja.jpg"); } ._fanbox-what-the-fanbox-modal .modal-text-container .topic.mechanism .description-image.en { background-image: url("../../../images/beta/fanbox/what-the-fanbox-mechanism-en.jpg"); } ._fanbox-what-the-fanbox-modal .modal-text-container .topic.mechanism .description-image.zh { background-image: url("../../../images/beta/fanbox/what-the-fanbox-mechanism-zh.jpg"); } ._fanbox-what-the-fanbox-modal .modal-text-container .topic.mechanism .description-image.zh-tw { background-image: url("../../../images/beta/fanbox/what-the-fanbox-mechanism-zh-tw.jpg"); } ._fanbox-what-the-fanbox-modal .modal-text-container .topic.illusts .description-image { background-image: url("../../../images/beta/fanbox/what-the-fanbox-illusts.svg"); } ._fanbox-what-the-fanbox-modal .modal-text-container .topic.making .description-image { background-image: url("../../../images/beta/fanbox/what-the-fanbox-making.svg"); } ._fanbox-what-the-fanbox-modal .modal-text-container .topic.communication .description-image { background-image: url("../../../images/beta/fanbox/what-the-fanbox-communication.svg"); } ._fanbox-what-the-fanbox-modal .modal-text-container .modal-header { overflow: hidden; width: 600px; height: 452px; border-radius: 16px 16px 0 0; line-height: 44px; font-size: 24px; font-weight: bold; background-color: #2f3233; color: #fff; } ._fanbox-what-the-fanbox-modal .modal-text-container .modal-header .header-image { position: relative; height: 315px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; } ._fanbox-what-the-fanbox-modal .modal-text-container .modal-header .header-image::before { content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); } ._fanbox-what-the-fanbox-modal .modal-text-container .modal-header .logo-container { position: absolute; top: 0; text-align: center; padding-top: 70px; width: 600px; height: 382px; background: -webkit-linear-gradient(bottom, #2c333c 137px, rgba(44,51,60,0) 237px); background: -moz-linear-gradient(bottom, #2c333c 137px, rgba(44,51,60,0) 237px); background: -o-linear-gradient(bottom, #2c333c 137px, rgba(44,51,60,0) 237px); background: -ms-linear-gradient(bottom, #2c333c 137px, rgba(44,51,60,0) 237px); background: linear-gradient(to top, #2c333c 137px, rgba(44,51,60,0) 237px); } ._fanbox-what-the-fanbox-modal .modal-text-container .modal-header .logo-container .logo { margin-bottom: 20px; } ._fanbox-what-the-fanbox-modal .modal-text-container .modal-header .logo-container .header-title { display: inline-block; vertical-align: top; text-align: center; margin-bottom: 20px; padding: 6px 0; width: 320px; border-radius: 30px; font-size: 18px; line-height: 1; background-color: #fef273; color: #000; } ._fanbox-what-the-fanbox-modal .modal-text-container .modal-header .logo-container .header-sub-title { font-size: 20px; line-height: 35px; color: #fff; } ._fanbox-what-the-fanbox-modal .modal-text-container .description-image { -webkit-box-flex: 0; -moz-box-flex: 0; -o-box-flex: 0; box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin-top: -10px; margin-right: 20px; width: 150px; height: 150px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; } ._fanbox-what-the-fanbox-modal .modal-text-container .topic.vertical .description-image { width: auto; height: 436px; margin: 15px 0 24px; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; background-position: center; } ._news-ribbon { display: inline-block; background-image: url("../../../images/beta/fanbox/ribbon_left.svg"), url("../../../images/beta/fanbox/ribbon_right.svg"); background-position: left, right; background-repeat: no-repeat; -webkit-background-size: 80px 60px; -moz-background-size: 80px 60px; background-size: 80px 60px; height: 60px; margin-bottom: 30px; padding-top: 15px; } ._news-ribbon .body { display: inline-block; margin: -15px 40px 0; padding: 21px 51px 23px; line-height: 1; background-image: url("../../../images/beta/fanbox/ribbon_body.svg"); background-repeat: repeat-x; font-size: 16px; font-weight: bold; color: #fff; } ._fanbox-entries-manager { width: 910px; background-color: #fff; margin: 10px auto; padding: 30px; border: 1px solid #d6dee5; border-radius: 5px; } ._fanbox-entries-manager .header { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-flow: row; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; height: 56px; border-bottom: 1px solid #d6dee5; } ._fanbox-entries-manager .header .row-left { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-flow: row; -ms-flex-flow: row; flex-flow: row; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: auto; } ._fanbox-entries-manager .header .title-area { line-height: 1; margin: 0 auto 0 15px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; font-size: 12px; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } ._fanbox-entries-manager .header .title-area h1 { font-size: 20px; font-weight: bold; margin-top: 8px; } ._fanbox-entries-manager .header button.create { padding: 0 15px; border: none; border-radius: 4px; outline: none; background-color: #20d2fa; line-height: 36px; color: #fff; font-size: 14px; font-weight: bold; } ._fanbox-entries-manager .body h2 { margin-top: 40px; font-weight: bold; font-size: 18px; } ._fanbox-entries-manager .body table.entry-list { table-layout: fixed; margin-top: 15px; border: none; border-collapse: collapse; } ._fanbox-entries-manager .body table.entry-list tr { margin: 10px 0; border-top: 1px solid #eee; } ._fanbox-entries-manager .body table.entry-list td.status { width: 130px; text-align: center; } ._fanbox-entries-manager .body table.entry-list td.thumbnail { padding: 8px 0; width: 150px; height: 80px; } ._fanbox-entries-manager .body table.entry-list td.thumbnail .image-area { display: block; width: 150px; height: 80px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center; } ._fanbox-entries-manager .body table.entry-list td.specifications { padding: 20px 24px 0 24px; vertical-align: top; } ._fanbox-entries-manager .body table.entry-list td.specifications a { color: #2f3233; } ._fanbox-entries-manager .body table.entry-list td.specifications h3 { font-size: 18px; line-height: 24px; } ._fanbox-entries-manager .body table.entry-list td.specifications aside { font-size: 12px; color: #8d9599; margin-top: 5px; line-height: 16px; } ._fanbox-entries-manager .body table.entry-list td.specifications aside .price { margin-left: 8px; } ._fanbox-entries-manager .body .status-label { display: inline-block; padding: 0 8px; border-radius: 4px; line-height: 24px; color: #fff; font-size: 12px; font-weight: bold; } ._fanbox-entries-manager .body .status-label.editing { background-color: #999; } ._fanbox-entries-manager .body .status-label.in-review { background-color: #3893d9; } ._fanbox-entries-manager .body .status-label.ready { background-color: #ffbb28; } ._fanbox-entries-manager .body .status-label.published { background-color: #6de241; } ._fanbox-entries-manager .body .control { display: block; text-align: center; font-size: 14px; margin-top: 12px; } ._fanbox-entries-manager .body .control form { display: inline; } ._fanbox-entries-manager .body .control a, ._fanbox-entries-manager .body .control a:visited, ._fanbox-entries-manager .body .control input[type=submit] { display: inline; padding: 0; border: none; background: none; font-weight: bold; font-size: inherit; color: #25c6ff; cursor: pointer; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; outline: none; } ._fanbox-entries-manager .body .control .separator { margin: 0 6px; color: #a2afb2; } ._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-modal { background-color: rgba(0,0,0,0.5); } ._feedback-form-modal .container { position: absolute; left: 50%; margin-left: -250px; top: calc(50vh - 559px / 2); height: 559px; } @media (max-height: 599px) { ._feedback-form-modal .container { top: 0; margin-top: 20px; } } @media (max-width: 500px) { ._feedback-form-modal .container { left: 0; margin-left: 0; } } ._feedback-form-modal .container ._icon-close { position: absolute; top: 0; right: -40px; color: #fff; cursor: pointer; } ._feedback-form-modal .body { position: relative; } ._feedback-form-modal .contents { width: 460px; padding: 20px 20px 0; text-align: left; border-radius: 16px 16px 0 0; color: #999; } ._feedback-form-modal .controls { padding: 10px; border-radius: 0 0 16px 16px; background-color: #fafafa; text-align: right; } ._feedback-form-modal .controls ._action-button { border-radius: 5px; } ._feedback-form-modal .controls ._action-button:hover { background-color: #50d1ff; } ._feedback-form-modal .controls ._action-button:hover.negative { background-color: #b6bec2; } ._feedback-form-modal .controls ._action-button:disabled { opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } ._feedback-form-modal .controls ._action-button.negative { background-color: #a4aeb3; } ._feedback-form-modal .controls ._action-button.icon { padding: 2px 8px; line-height: 20px; color: #fff; } ._feedback-form-modal .controls ._action-button.large { padding: 0 10px; line-height: 30px; font-size: 14px; } ._feedback-form-modal .controls ._action-button i { color: #fff; } ._feedback-form-modal .controls ._action-button { margin-left: 4px; } ._feedback-form-modal .controls .close { position: static; width: auto; height: 30px; } ._feedback-form-modal .tab { background-color: #fff; border-radius: 16px; } ._feedback-form-modal .tab .title { margin-bottom: 15px; font-size: 16px; font-weight: bold; color: #666; } ._feedback-form-modal .editor .description { margin-bottom: 17px; line-height: 18px; font-size: 12px; } ._feedback-form-modal .editor .kind-selector { position: relative; margin-bottom: 20px; } ._feedback-form-modal .editor .kind-selector .explain { margin-right: 8px; color: #464a4d; } ._feedback-form-modal .editor .kind-selector .kind { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #f5f5f5; height: 30px; padding-left: 8px; padding-right: 24px; line-height: 30px; color: #464a4d; border: none; outline: none; cursor: pointer; } ._feedback-form-modal .editor .kind-selector .kind::-ms-expand { display: none; } ._feedback-form-modal .editor .kind-selector ._icon-menu { position: absolute; margin-left: -20px; top: 9px; color: #464a4d; cursor: pointer; pointer-events: none; } ._feedback-form-modal .editor .draft { width: 440px; height: 240px; margin-bottom: 38px; padding: 10px; font-size: 12px; color: #555; line-height: 20px; border: 1px solid rgba(0,0,0,0.05); border-radius: 4px; background-color: #fafafa; resize: none; } ._feedback-form-modal .previewer .kind { font-size: 12px; line-height: 12px; margin-bottom: 16px; } ._feedback-form-modal .previewer .kind-text { margin-left: 8px; } ._feedback-form-modal .previewer .text { background: #fff; margin-bottom: 16px; color: #555; max-height: 500px; max-height: 70vh; overflow-y: auto; white-space: pre; } ._feedback-form-modal .thanks .description { margin-bottom: 20px; } ._feedback-form-modal .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-modal.sending .waiting { display: block; } ._feedback-form-modal.sending .waiting .icon { position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px; background-color: #555; 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, ._following-edit-modal._modal-container .container { top: calc(50vh - 420px / 2); } @media (max-height: 460px) { ._following-edit-modal._modal-container ._icon-close.ui-modal-close, ._following-edit-modal._modal-container .container { top: 0; margin-top: 20px; } } ._following-edit-modal._modal-container ._icon-close.ui-modal-close { position: absolute; left: 50%; margin-left: 330px; color: #fff; cursor: pointer; } ._following-edit-modal._modal-container .container { width: 640px; height: 420px; position: absolute; left: 50%; margin-left: -320px; border-radius: 10px; background-color: #f5f5f5; } @media (max-width: 640px) { ._following-edit-modal._modal-container .container { left: 0; margin-left: 0; } } ._following-edit-modal._modal-container .previewer { position: absolute; left: 0; top: 0; width: 320px; height: 420px; border-radius: 8px 0 0 8px; } ._following-edit-modal._modal-container .previewer ._user-item-container { padding: 30px; } ._following-edit-modal._modal-container .previewer ._user-item-container .contents { width: 260px; 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 { width: 260px; height: 180px; } ._following-edit-modal._modal-container .previewer ._user-item-container .text { display: block; } ._following-edit-modal._modal-container .previewer ._user-item-container ._user-icon { left: 100px; } ._following-edit-modal._modal-container .previewer ._user-item-container ._follow-button { display: none; } ._following-edit-modal._modal-container .previewer .follow-action-area { position: absolute; width: 320px; bottom: 0; background-color: #f2f2f2; border-bottom-left-radius: 10px; } ._following-edit-modal._modal-container .previewer ._action-button.unfollow { margin: 12px; height: 26px; line-height: 26px; font-size: 12px; background-color: #a4aeb3; } ._following-edit-modal._modal-container .editor { position: absolute; left: 320px; top: 0; width: 320px; height: 420px; border-radius: 0 8px 8px 0; background-color: #fff; overflow: hidden; } ._following-edit-modal._modal-container .editor .header { margin-left: 10px; margin-top: 20px; font-weight: bolder; font-size: 14px; } ._following-edit-modal._modal-container .editor .restrict-setting { position: absolute; top: 17px; right: 10px; } ._following-edit-modal._modal-container .editor .restrict-setting .restrict { display: inline-block; height: 20px; line-height: 20px; padding-left: 10px; } ._following-edit-modal._modal-container .editor .restrict-setting .restrict ._icon-limited { vertical-align: text-bottom; } ._following-edit-modal._modal-container .editor .restrict-setting .restrict._disabled { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } ._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: 21px; 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 { max-height: 288px; overflow-x: hidden; overflow-y: auto; border-bottom-right-radius: 8px; } ._following-edit-modal._modal-container .editor .list-selector > li { width: 320px; line-height: 30px; 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; padding: 0 20px; 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.loading ._icon-check { display: none; } ._following-edit-modal._modal-container .editor .list-selector > li label.loading .circle-spinner { display: block; } ._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, ._following-edit-modal._modal-container .editor .list-selector > li .circle-spinner { position: absolute; right: 16px; top: 5px; border-radius: 10px; z-index: 1; } ._following-edit-modal._modal-container .editor .list-selector > li ._pico-12._icon-check { width: 18px; height: 18px; border: 1px solid #ccc; color: transparent; background: transparent; font-size: 16px; line-height: 18px; text-align: center; } ._following-edit-modal._modal-container .editor .list-selector > li .circle-spinner { display: none; width: 20px; height: 20px; min-height: 20px; } ._following-edit-modal._modal-container .editor .list-selector > li .circle-spinner .animation { width: 20px; height: 20px; margin: -10px 0 0 -10px; } ._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 { padding: 16px 20px; color: #25c6ff; line-height: 20px; } ._following-edit-modal._modal-container .editor .new-list-opener > a { display: block; cursor: pointer; } ._following-edit-modal._modal-container .editor .new-list-opener.disabled { color: #ccc; } ._following-edit-modal._modal-container .editor .new-list-opener ._svg-add { display: inline-block; width: 20px; height: 20px; margin-right: 5px; line-height: 20px; vertical-align: top; color: #fff; background-color: #25c6ff; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi40OTQgNWMtLjU1IDAtLjk5NC40NDQtLjk5NCAxIDAgLjU1Mi40NTggMSAuOTk0IDFINXYyLjUwNmMwIC41NS40NDQuOTk0IDEgLjk5NC41NTIgMCAxLS40NTggMS0uOTk0VjdoMi41MDZjLjU1IDAgLjk5NC0uNDQ0Ljk5NC0xIDAtLjU1Mi0uNDU4LTEtLjk5NC0xSDdWMi40OTRjMC0uNTUtLjQ0NC0uOTk0LTEtLjk5NC0uNTUyIDAtMSAuNDU4LTEgLjk5NFY1SDIuNDk0eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"); background-position: center center; background-repeat: no-repeat; border-radius: 10px; cursor: pointer; } ._following-edit-modal._modal-container .editor .new-list-editor { display: none; position: relative; padding: 10px; } ._following-edit-modal._modal-container .editor .new-list-editor input { position: relative; display: block; width: calc(100% - (8px + 8px + 1px + 1px)); height: 30px; padding: 0 8px; margin: 0; border-radius: 6px; font-size: 12px; line-height: 20px; background: #f7f7f7; border: solid 1px rgba(0,0,0,0.04); outline: none; } ._following-edit-modal._modal-container .editor .new-list-editor .add-new-list, ._following-edit-modal._modal-container .editor .new-list-editor .circle-spinner { display: inline-block; position: absolute; width: 20px; height: 20px; line-height: 20px; right: 16px; top: 50%; margin-top: -10px; text-align: center; border-radius: 20px; background-color: #fff; cursor: pointer; } ._following-edit-modal._modal-container .editor .new-list-editor .add-new-list.disabled, ._following-edit-modal._modal-container .editor .new-list-editor .circle-spinner.disabled { background-color: #ccc; cursor: default; } ._following-edit-modal._modal-container .editor .new-list-editor .circle-spinner { display: none; min-height: 20px; } ._following-edit-modal._modal-container .editor .new-list-editor .circle-spinner .animation { width: 20px; height: 20px; margin: -10px 0 0 -10px; } ._following-edit-modal._modal-container .editor .new-list-editor ._icon-add { color: #5ac0e6; line-height: 20px; vertical-align: top; } ._following-edit-modal._modal-container .editor .new-list-editor.loading ._icon-add { display: none; } ._following-edit-modal._modal-container .editor .new-list-editor.loading .circle-spinner { display: inline-block; } ._following-edit-modal._modal-container .editor .guide { margin: 10px 30px; padding: 20px; background-color: #fafafa; border-radius: 8px; color: #808080; } ._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: 997; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } ._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: 997; line-height: 30px; height: 30px; padding: 0 10px; cursor: pointer; -ms-user-select: none; } ._footer-content-item.right { float: right; } ._footer-content-item.feedback { height: 100%; padding: 0 10px; line-height: 30px; background-color: #757c80; color: #fff; cursor: pointer; } ._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; border-radius: 5px 5px 0 0; min-width: 100%; cursor: default; -ms-user-select: auto; } ._footer-content-item.button { background-color: #25c6ff; } ._footer-content-item.button + .button { border-left: 1px solid #fff; } ._footer-content-item.button:hover { background-color: #50d1ff; } ._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-motto-desc { display: block; padding: 10px; line-height: 1.5; } ._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; } ._whitecube-switch { padding: 0; } ._whitecube-switch .submit { width: 100%; height: 30px; line-height: 30px; padding: 0 10px; background-color: transparent; border-style: none; font-size: 12px; color: #fff; cursor: pointer; outline: none; } ._guide ._icon-remove { width: 16px; height: 16px; margin-left: 8px; 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; 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, ._whitecube-guide-like-edit { top: 56px; right: 57px; } @media (max-width: 868px) { ._whitecube-guide-like, ._whitecube-guide-like-edit { right: 87px; } } ._whitecube-guide-like::before, ._whitecube-guide-like-edit::before { top: -8px; right: 7px; } ._whitecube-guide-like::after, ._whitecube-guide-like-edit::after { top: -8px; right: 8px; } ._whitecube-guide-like.active, ._whitecube-guide-like-edit.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, ._whitecube-guide-follow-edit { top: -50px; right: 30px; } ._whitecube-guide-follow::before, ._whitecube-guide-follow-edit::before { top: 42px; right: 14px; } ._whitecube-guide-follow::after, ._whitecube-guide-follow-edit::after { top: 42px; right: 15px; } ._whitecube-guide-follow.active, ._whitecube-guide-follow-edit.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; } ._whitecube-guide-save-search, ._whitecube-guide-edit-saved-search { top: 34px; right: -5px; } ._whitecube-guide-save-search::before, ._whitecube-guide-edit-saved-search::before { top: -8px; right: 7px; } ._whitecube-guide-save-search::after, ._whitecube-guide-edit-saved-search::after { top: -8px; right: 8px; } ._whitecube-guide-save-search.active, ._whitecube-guide-edit-saved-search.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; 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: 0 0 10px; text-align: center; border-top: 1px solid #eee; 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: #a4aeb3; } ._guide-detail-box .select-list ._action-button.cancel:hover { background-color: #b6bec2; } ._guide-detail-box ._action-button { vertical-align: middle; margin: 10px 4px 0; } ._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; 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 ._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%; cursor: default; } ._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, ._change-guide-welcome { -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); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } ._change-guide-start.fade-out, ._change-guide-welcome.fade-out { background-color: rgba(0,0,0,0.5); } ._change-guide-start.fade-out .text-container, ._change-guide-welcome.fade-out .text-container, ._change-guide-start.fade-out ._icon-logo, ._change-guide-welcome.fade-out ._icon-logo { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } ._change-guide-start .modal-container, ._change-guide-welcome .modal-container { position: absolute; left: 50%; top: 250px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-radius: 4px; } ._change-guide-start .text-container, ._change-guide-welcome .text-container, ._change-guide-start ._icon-logo, ._change-guide-welcome ._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, ._change-guide-welcome .text-container { text-align: center; white-space: nowrap; } ._change-guide-start .guide-title, ._change-guide-welcome .guide-title { line-height: 48px; font-size: 48px; font-weight: bolder; color: #464a4d; } ._change-guide-start .explain, ._change-guide-welcome .explain { margin-top: 34px; font-size: 20px; color: #757c80; } ._change-guide-start ._icon-logo, ._change-guide-welcome ._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; border-radius: 8px; font-size: 40px; background-color: #009cff; color: #fff; } ._change-guide-mega-menu ._mega-menu { position: absolute; top: 10px; left: 5%; } ._change-guide-mega-menu ._mega-menu .title { position: absolute; top: -19px; left: -19px; padding: 15px; border: 4px solid #47caea; 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; } ._change-guide-account-menu ._user-menu-container { position: absolute; top: 10px; } ._change-guide-account-menu ._user-menu-container .user-controls { left: -87px; } ._change-guide-account-menu .user-controls { width: 150px; left: 50%; margin-left: -75px; } ._change-guide-account-menu .user-controls .submenu-group { border-top: solid 1px #eee; padding: 4px 0; text-align: left; } ._change-guide-account-menu .user-controls .submenu-group a { display: block; height: 30px; line-height: 30px; font-size: 14px; color: #464a4d; padding: 0 10px; } ._change-guide-account-menu .user-controls .submenu-group a ._badge { display: inline-block; float: right; margin: 6px 0; padding: 0 6px; line-height: 18px; font-size: 12px; background-color: #34d7f4; color: #fff; vertical-align: top; border-radius: 9px; } ._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 { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } ._change-guide-scroll .lead-scroll-container { position: absolute; top: 250px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; } ._change-guide-scroll .lead-scroll-container .lead-text { font-size: 24px; line-height: 36px; font-weight: bold; color: #fff; -webkit-animation: guide-fade-in-scroll-down 2.5s ease-in-out 0s forwards; -moz-animation: guide-fade-in-scroll-down 2.5s ease-in-out 0s forwards; -o-animation: guide-fade-in-scroll-down 2.5s ease-in-out 0s forwards; -ms-animation: guide-fade-in-scroll-down 2.5s ease-in-out 0s forwards; animation: guide-fade-in-scroll-down 2.5s ease-in-out 0s forwards; } ._change-guide-scroll .lead-scroll-container .icon-wrapper { position: relative; margin: 20px 0 30px; height: 48px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } ._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: 60px; color: #fff; } ._change-guide-scroll .lead-scroll-container .icon-wrapper.active { opacity: 1; -ms-filter: none; filter: none; } ._change-guide-scroll .lead-scroll-container .icon-wrapper.active ._icon-down { -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; } ._change-guide-welcome .explain { line-height: 36px; } ._change-guide-renewal, ._change-guide-user-works { overflow: auto; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } ._change-guide-renewal .modal-container, ._change-guide-user-works .modal-container { position: absolute; top: 200px; left: 50%; margin-bottom: 30px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } ._change-guide-renewal .modal-container, ._change-guide-user-works .modal-container { width: 480px; } ._change-guide-renewal .image-container, ._change-guide-user-works .image-container { height: 90px; border-radius: 24px 24px 0 0; background: -webkit-linear-gradient(left, #96ffff, #ffe05d); background: -moz-linear-gradient(left, #96ffff, #ffe05d); background: -o-linear-gradient(left, #96ffff, #ffe05d); background: -ms-linear-gradient(left, #96ffff, #ffe05d); background: linear-gradient(to right, #96ffff, #ffe05d); } ._change-guide-renewal .image-container .user-works-image, ._change-guide-user-works .image-container .user-works-image { position: absolute; top: -100px; left: 40px; width: 400px; height: 180px; background-image: url("../../../images/beta/user_works.png"); -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: top; } ._change-guide-renewal .text-container, ._change-guide-user-works .text-container { font-size: 18px; background-color: #fff; text-align: center; padding: 40px 0 34px; } ._change-guide-renewal .text-container .title, ._change-guide-user-works .text-container .title { margin-bottom: 24px; font-size: 24px; line-height: 1; font-weight: bold; color: #464a4d; } ._change-guide-renewal .text-container .explain, ._change-guide-user-works .text-container .explain { display: inline-block; line-height: 30px; color: #5e6366; } ._change-guide-renewal .text-container .explain + .explain, ._change-guide-user-works .text-container .explain + .explain { margin-top: 18px; } ._change-guide-renewal .button-wrapper, ._change-guide-user-works .button-wrapper { padding: 20px 0; border-top: 1px solid #eee; border-radius: 0 0 24px 24px; text-align: center; background-color: #fafafa; } ._change-guide-renewal .button-wrapper ._action-button, ._change-guide-user-works .button-wrapper ._action-button { min-width: 200px; line-height: 50px; font-size: 20px; outline: 0; } ._change-guide-renewal .text-container { font-size: 16px; } ._guide-changes { overflow: auto; cursor: default; padding: 0; } ._guide-changes ._icon-close { position: absolute; top: -5px; right: -35px; line-height: 42px; color: #fff; cursor: pointer; } ._guide-changes .modal-container { position: relative; width: 600px; margin: 100px auto; background-color: #fff; border-radius: 16px; cursor: initial; } ._guide-changes ._tab-navigation { border-bottom: 1px solid rgba(0,0,0,0.1); } ._guide-changes ._tab-navigation .item:not(.current) { cursor: pointer; } ._guide-changes ._tab-navigation .current { margin-bottom: -1px; padding: 17px 16px 19px; font-weight: normal; color: #65c7e9; } ._guide-changes .main-title { margin-bottom: 22px; font-size: 20px; font-weight: bold; color: #464a4d; } ._guide-changes .description { font-size: 14px; line-height: 20px; color: #757c80; } ._guide-changes .description + .description { margin-top: 24px; } ._guide-changes .description-text { margin-bottom: 14px; } ._guide-changes .description-title { font-weight: bold; margin-bottom: 4px; } ._guide-changes .description-list { list-style: initial; margin-left: 21px; } ._guide-changes .description-list .completed { color: #ff0064; text-decoration: none; } ._guide-changes .header { padding: 40px 100px 17px; text-align: center; } ._guide-changes .header .description { margin-bottom: 17px; } ._guide-changes .header .note { display: inline-block; padding: 17px 20px; border-radius: 4px; background-color: #fafafa; color: rgba(0,0,0,0.4); } ._guide-changes .header .note .submit-feedback { color: #65c7e9; cursor: pointer; } ._guide-changes .topic { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 36px 40px 20px; } ._guide-changes .topic .title { padding-right: 8px; margin-bottom: 13px; font-size: 16px; line-height: 24px; font-weight: bold; } ._guide-changes .topic .title .text { display: inline-block; vertical-align: middle; line-height: 24px; padding-right: 8px; } ._guide-changes .topic .note { width: 480px; padding: 20px; border-radius: 4px; background-color: #fafafa; color: rgba(0,0,0,0.4); line-height: 12px; } ._guide-changes .topic .page-link { font-size: 12px; line-height: 12px; margin-top: 17px; color: #65dbf7; } ._guide-changes .topic .page-link ._icon-detail { vertical-align: -1px; color: #65dbf7; } ._guide-changes .topic .page-link.premium a, ._guide-changes .topic .page-link.premium ._icon-detail { color: #ff7e00; } ._guide-changes .topic ._premium-label { display: inline-block; font-size: 12px; line-height: 12px; } ._guide-changes .topic.guide-recommend { min-height: 330px; margin-bottom: 60px; background-image: url("../../../images/beta/changes/changes-1.png"); background-repeat: no-repeat; background-position: bottom; background-color: #f5f5f5; } ._guide-changes .topic.guide-like { min-height: 296px; margin-bottom: 30px; padding-left: 190px; background-image: url("../../../images/beta/changes/changes-2.png"); background-repeat: no-repeat; background-position: left; } ._guide-changes .topic.guide-profile-cover { text-align: center; min-height: 474px; padding-bottom: 20px; background-image: url("../../../images/beta/changes/changes-3.png"); background-repeat: no-repeat; background-position: center bottom 20px; background-color: #f5f5f5; } ._guide-changes .topic.guide-mute { position: relative; min-height: 318px; padding-bottom: 20px; padding-right: 232px; background-image: url("../../../images/beta/changes/changes-4.png"); background-repeat: no-repeat; background-position: right 40px; border-bottom: 1px solid rgba(0,0,0,0.05); } ._guide-changes .topic.guide-mute .content-wrapper { min-height: 228px; } ._guide-changes .topic.guide-save-search { position: relative; min-height: 390px; padding-bottom: 244px; background-image: url("../../../images/beta/changes/changes-5.png"); background-repeat: no-repeat; background-position: center bottom 92px; border-bottom: 1px solid rgba(0,0,0,0.05); } ._guide-changes .topic.guide-save-search .note { position: absolute; bottom: 20px; } ._guide-changes .topic.guide-remove-function { border-bottom: 1px solid rgba(0,0,0,0.05); } ._guide-changes .topic.guide-etc-function { border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 40px; } ._guide-changes .topic.guide-plan { border-bottom: 1px solid rgba(0,0,0,0.05); } ._guide-changes .topic.guide-history { padding-bottom: 37px; } ._guide-changes .topic.feedback { text-align: center; background-color: #f2f2f2; border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 20px; } ._guide-changes .topic.feedback .description { margin-bottom: 27px; } ._guide-changes .topic.feedback .submit-feedback { margin-bottom: 20px; } ._guide-changes .topic.feedback .help ._icon-detail { vertical-align: -1px; color: #65c7e9; } ._guide-changes .select-list { padding: 10px 20px; border-radius: 0 0 16px 16px; background-color: #f2f2f2; text-align: center; } ._guide-changes .select-list button { display: inline-block; } ._guide-changes .select-list button.negative { background-color: #a4aeb3; } body.header-static ._header-container { position: static; } ._page-portfolio .background-custom ._header-container.user_bg { -webkit-transition: -webkit-transform 0.1s linear, background 0.2s linear; -moz-transition: -moz-transform 0.1s linear, background 0.2s linear; -o-transition: -o-transform 0.1s linear, background 0.2s linear; -ms-transition: -ms-transform 0.1s linear, background 0.2s linear; transition: transform 0.1s linear, background 0.2s linear; } ._page-portfolio .background-custom ._header-container.user_bg.top { position: fixed; top: 0 !important; background-color: transparent; } ._page-portfolio .background-custom ._header-container.user_bg.top ._mega-menu, ._page-portfolio .background-custom ._header-container.user_bg.top .header > .menu, ._page-portfolio .background-custom ._header-container.user_bg.top .header > .search, ._page-portfolio .background-custom ._header-container.user_bg.top .header > .right, ._page-portfolio .background-custom ._header-container.user_bg.top .search { 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 .background-custom ._header-container.user_bg.top:hover, ._page-portfolio .background-custom ._header-container.user_bg.top.active { background-color: rgba(0,0,0,0.2); } ._page-portfolio .background-custom ._header-container.user_bg.top:hover ._mega-menu, ._page-portfolio .background-custom ._header-container.user_bg.top.active ._mega-menu, ._page-portfolio .background-custom ._header-container.user_bg.top:hover .header > .menu, ._page-portfolio .background-custom ._header-container.user_bg.top.active .header > .menu, ._page-portfolio .background-custom ._header-container.user_bg.top:hover .header > .search, ._page-portfolio .background-custom ._header-container.user_bg.top.active .header > .search, ._page-portfolio .background-custom ._header-container.user_bg.top:hover .header > .right, ._page-portfolio .background-custom ._header-container.user_bg.top.active .header > .right, ._page-portfolio .background-custom ._header-container.user_bg.top:hover .search, ._page-portfolio .background-custom ._header-container.user_bg.top.active .search { opacity: 1; -ms-filter: none; filter: none; } ._page-portfolio .background-custom ._header-container.user_bg ._pico-30, ._page-portfolio .background-custom ._header-container.user_bg ._icon-menu { color: #fff; } ._page-portfolio .background-custom ._header-container.user_bg .search .find:not(:focus) { background-color: rgba(255,255,255,0.5); border-color: transparent; } ._page-portfolio .background-custom ._header-container.user_bg .search .find:not(:focus)::-webkit-input-placeholder { color: #fff; } ._page-portfolio .background-custom ._header-container.user_bg .search .find:not(:focus)::-moz-placeholder { color: #fff; } ._page-portfolio .background-custom ._header-container.user_bg .search .find:not(:focus):-moz-placeholder { color: #fff; } ._page-portfolio .background-custom ._header-container.user_bg .search .find:not(:focus):-ms-input-placeholder { color: #fff; } ._page-portfolio .background-custom ._header-container.user_bg .search .find:not(:focus) + .actions ._pico-20 { color: #fff; } ._header-container { -webkit-transition: -webkit-transform 0.1s linear, background-color 0.3s linear; -moz-transition: -moz-transform 0.1s linear, background-color 0.3s linear; -o-transition: -o-transform 0.1s linear, background-color 0.3s linear; -ms-transition: -ms-transform 0.1s linear, background-color 0.3s linear; transition: transform 0.1s linear, background-color 0.3s linear; position: relative; z-index: 998; width: 100%; background-color: #e3e5e6; } ._header-container .switch-touch { display: block; background-color: #36393c; color: #fff; font-size: 60px; font-weight: bold; line-height: 150px; text-align: center; height: 150px; } ._header-container .switch-touch:visited { 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: #757c80; } ._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; 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; 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 .logo { margin: 0 6px 0 10px; } ._header-container .logo a { display: inline-block; width: 20px; height: 20px; padding: 5px; background-color: #009cff; 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 .header { position: relative; min-width: 768px; margin: 0 5%; background-color: transparent; border-bottom: none; } ._header-container .header .title { position: static; top: auto; } ._header-container .header > .menu { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: absolute; top: 0; right: 0; height: 50px; } ._header-container .header > .main { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative; min-width: 300px; max-width: 600px; height: 50px; padding-right: 500px; } ._header-container .search { position: relative; overflow: hidden; min-width: 408px; } @media (min-width: 1180px) { ._header-container .search { min-width: 602px; } } ._header-container .search.persist { position: fixed; top: 0; } ._header-container .search.persist + * { margin-left: 510px; } ._header-container .search ._pico-20 { color: #b3b3b3; } ._header-container .search .actions { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: absolute; top: 6px; right: 6px; height: 20px; } ._header-container .search .actions .button { margin: 0 0 0 6px; } ._header-container .search .actions button { padding: 0; background-color: transparent; border: none; } ._header-container .search .actions button:last-child { margin-right: 0; } ._header-container .search .actions .saved-search { font-size: 12px; position: relative; } ._header-container .search .actions .saved-search:enabled { color: #65c7e9; } ._header-container .search .actions .saved-search.busy .button-label { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } ._header-container .search .actions .saved-search.busy .busy-spinner { display: block; } ._header-container .search .actions .saved-search .busy-spinner { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } ._header-container .search .actions .saved-search .busy-spinner img { height: 100%; } ._header-container .search .actions button#save-search { display: inline; } .saved._header-container .search .actions button#save-search { display: none; } ._header-container .search .actions button#remove-search { display: none; } .saved._header-container .search .actions button#remove-search { display: inline; } ._header-container .search .actions .remove-keywords { width: 16px; height: 16px; background-color: #b3b3b3; background-image: url("../../../images/beta/remove.svg"); background-repeat: no-repeat; background-position: center center; border-radius: 50%; } ._header-container .keywords { position: absolute; top: 5px; left: 0; } ._header-container .keywords.pushed { left: auto; white-space: nowrap; } ._header-container .keywords > li { display: inline-block; white-space: nowrap; margin-left: 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; border-radius: 4px; cursor: pointer; } ._header-container .keywords > li:last-child { margin-right: 5px; } ._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 rgba(255,255,255,0.1); text-align: center; } ._header-container .keywords > li ._icon-remove, ._header-container .keywords > li ._icon-close { font-size: 12px; color: #fff; vertical-align: -2px; } ._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: #464a4d; padding: 0 54px 0 10px; background-color: #fff; border: 1px solid #fff; border-radius: 4px; } ._header-container .find:focus { border-color: #d9d9d9; border-radius: 4px 4px 0 0; outline: none; background-color: #fff; } ._header-container .suggestions { -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; -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); position: absolute; top: 40px; left: 76px; overflow-y: hidden; background-color: #fff; border: solid 1px #d9d9d9; border-radius: 0 0 6px 6px; } ._header-container .suggestions.active { opacity: 1; -ms-filter: none; filter: none; } ._header-container .suggestions:hover { overflow-y: auto; } ._header-container .suggestions .suggest { display: none; padding-bottom: 10px; line-height: 35px; } ._header-container .suggestions .suggest.active { display: block; } ._header-container .suggestions .suggest ul.items > li { color: #000; cursor: pointer; } ._header-container .suggestions .suggest ul.items > li.selected { background-color: #f5f5f5; } ._header-container .suggestions .suggest.tag ul.items > li { padding: 0 10px; } ._header-container .suggestions .suggest .clear-history { color: #69d0ef; cursor: pointer; float: right; font-weight: normal; } ._header-container .suggestions .suggest.inline { cursor: default; } ._header-container .suggestions .suggest.inline ul.items { padding: 6px 10px 0 6px; line-height: 25px; } ._header-container .suggestions .suggest.inline ul.items > li { display: inline-block; border-radius: 2.5px; margin-left: 4px; margin-top: 4px; white-space: nowrap; } ._header-container .suggestions .suggest.block ul.items > li { padding: 0 10px; } ._header-container .suggestions .suggest.block ul.items > li:hover { background-color: #f5f5f5; } ._header-container .suggestions .suggest .title { padding: 10px 10px 0; line-height: 12px; font-weight: bold; position: static; } ._header-container .suggestions .suggest .keyword, ._header-container .suggestions .suggest .remove-keyword { background-color: #f5f5f5; } ._header-container .suggestions .suggest .keyword:hover, ._header-container .suggestions .suggest .remove-keyword:hover { background-color: #eee; } ._header-container .suggestions .suggest .keyword { display: inline-block; height: 25px; padding: 0 5px; border-radius: 4px 0 0 4px; } ._header-container .suggestions .suggest .remove-keyword { display: inline-block; width: 25px; height: 25px; border-left: solid 1px #fff; vertical-align: top; text-align: center; border-radius: 0 4px 4px 0; } ._header-container .suggestions .suggest .remove-keyword ._icon-remove { color: #b3b3b3; } ._header-container .suggestions .suggest.trend-tag-section { padding-bottom: 0; } ._header-container .suggestions .suggest.trend-tag-section .items { padding: 10px 0 8px 10px; } ._header-container .suggestions .suggest.trend-tag-section li { position: relative; display: inline-block; margin: 0 2px 2px 0; line-height: normal; vertical-align: top; } ._header-container .suggestions .suggest.trend-tag-section li::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)); background-image: -moz-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)); background-image: -o-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)); background-image: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0)); } ._header-container .suggestions .suggest.trend-tag-section .keyword { position: absolute; top: 10px; left: 10px; height: 14px; color: #fff; font-weight: bold; font-size: 14px; line-height: 14px; padding: 0; background-color: transparent; } ._header-container .suggestions .suggest.trend-tag-section .image { display: inline-block; width: 192px; height: 160px; vertical-align: top; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center top; } ._header-container .premium-upsell-color { color: #ff7e00 !important; } ._header-container a._premium-function-upsell-color { color: #999; } ._header-container a._premium-function-upsell-color:hover { color: #ff7e00 !important; } ._header-container .menu-item { position: relative; padding: 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 { margin-right: 10px; line-height: 50px; } ._header-container .menu-item.upload { margin-left: 14px; padding: 0; } ._header-container .menu-item.upload .popup-button-focus { height: 36px; } ._header-container .menu-item.upload ._action-button { padding: 0 16px; line-height: 36px; height: 36px; font-size: 14px; font-weight: normal; } ._header-container .menu-item.upload ._action-button:focus { outline: none; } ._header-container .menu-item.upload .popup-options { position: absolute; top: 38px; right: 0; background: #fff; border: 1px solid #c7d3d9; border-radius: 5px; z-index: 5; } ._header-container .menu-item.upload .popup-options::before, ._header-container .menu-item.upload .popup-options::after { right: 32px; } ._header-container .menu-item.upload .popup-options .popup-column { display: inline-block; white-space: normal; vertical-align: top; overflow-y: auto; } ._header-container .menu-item.upload .popup-submissions { text-align: center; padding: 14px 20px; width: 480px; border-top: solid 1px #eee; } ._header-container .menu-item.upload .popup-submissions:first-child { border-top: none; } ._header-container .menu-item.upload .popup-submissions .submission-types { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } ._header-container .menu-item.upload .popup-submissions .submission-types .item { width: 100px; padding: 20px 10px 17px; background-repeat: no-repeat; background-position: center top; color: inherit; border-radius: 4px; line-height: 20px; font-size: 14px; } ._header-container .menu-item.upload .popup-submissions .submission-types .item:hover { background: #f5f5f5; } ._header-container .menu-item.upload .popup-submissions .submission-types .item .svg-illust, ._header-container .menu-item.upload .popup-submissions .submission-types .item .svg-ugoku-illust, ._header-container .menu-item.upload .popup-submissions .submission-types .item .svg-manga, ._header-container .menu-item.upload .popup-submissions .submission-types .item .svg-novel { width: 80px; height: 80px; margin: 0 auto 7px; border-radius: 50%; background-position: center center; background-repeat: no-repeat; background-color: #fafafa; } ._header-container .menu-item.upload .popup-submissions .submission-types .item .svg-illust { background-image: url("../../../images/beta/illust.svg"); } ._header-container .menu-item.upload .popup-submissions .submission-types .item .svg-ugoku-illust { background-image: url("../../../images/beta/ugoku-illust.svg"); } ._header-container .menu-item.upload .popup-submissions .submission-types .item .svg-manga { background-image: url("../../../images/beta/manga.svg"); } ._header-container .menu-item.upload .popup-submissions .submission-types .item .svg-novel { background-image: url("../../../images/beta/novel.svg"); } ._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 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; color: #fff; background-color: #34d7f4; border-radius: 5px; height: 15px; min-width: 15px; position: absolute; top: -4px; right: -6px; line-height: 15px; font-size: 10px; text-align: center; white-space: nowrap; margin: 0; padding: 0 4px; } ._header-container .notification:hover { background-color: inherit; border-color: inherit; } ._header-container .notification-popup, ._header-container .user-controls { background-color: #fff; 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; } ._header-container .notification-popup::before { border-color: #c7d3d9 transparent; } ._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 .send-mail-again * { color: #999; } ._header-container .notification-list > li > a .send-mail-again ._icon-text { vertical-align: middle; } ._header-container .notification-list > li > a::before { display: none; } ._header-container .notification-list > li:hover { background-color: #f5f5f5; } ._header-container .notification-list > li.favorited img { 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 .image._user-icon { border-radius: 40px; } ._header-container .notification-list .image.icon-information { text-align: center; line-height: 40px; font-size: 30px; font-weight: bolder; color: #fff; background-color: #ddd; } ._header-container .notification-list .message-date { float: right; margin-left: 4px; color: #b3b3b3; } ._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: #464a4d; } ._header-container .user-controls { width: 150px; left: 50%; margin-left: -75px; } ._header-container .user-controls .submenu-group { border-top: solid 1px #eee; padding: 4px 0; text-align: left; } ._header-container .user-controls .submenu-group a { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 30px; line-height: 30px; font-size: 14px; color: #464a4d; padding: 0 10px; } ._header-container .user-controls .submenu-group a:hover { background: #f5f5f5; } ._header-container .user-controls .submenu-group a ._badge { margin: 6px 0; padding: 0 6px; line-height: 18px; font-size: 12px; background-color: #34d7f4; color: #fff; vertical-align: top; border-radius: 9px; } ._header-container .user-controls .submenu-group a .count { color: #34d7f4; padding: 0 6px; font-weight: normal; font-size: 12px; } ._user-menu-container { height: 30px; } ._user-menu-container .user-controls { left: -102px; margin-left: 0; width: 200px; border: 1px solid #c7d3d9; } ._user-menu-container .user-controls::before, ._user-menu-container .user-controls::after { display: none; } ._user-menu-container .user-bg-container .user-bg-frame { width: 200px; height: 100px; top: 0; position: absolute; overflow: hidden; 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: 90px; top: -10px; 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; background-color: #fff; } ._user-menu-container .user-bg-container .user-bg-rotater .user-bg-frame { -webkit-transform: rotate(-45deg) translate(-35.9px, -50px) scaleX(0.666666666666667); -moz-transform: rotate(-45deg) translate(-35.9px, -50px) scaleX(0.666666666666667); -o-transform: rotate(-45deg) translate(-35.9px, -50px) scaleX(0.666666666666667); -ms-transform: rotate(-45deg) translate(-35.9px, -50px) scaleX(0.666666666666667); transform: rotate(-45deg) translate(-35.9px, -50px) scaleX(0.666666666666667); overflow: visible; } ._user-menu-container ._user-icon { display: inline-block; position: relative; width: 40px; height: 40px; vertical-align: middle; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-color: #fff; border-radius: 50%; } ._user-menu-container ._user-icon:not(.no-texture)::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.05); border-radius: 50%; } ._user-menu-container ._user-icon.size-20 { width: 20px; height: 20px; } ._user-menu-container ._user-icon.size-30 { width: 30px; height: 30px; } ._user-menu-container ._user-icon.size-32 { width: 32px; height: 32px; } ._user-menu-container ._user-icon.size-40 { width: 40px; height: 40px; } ._user-menu-container ._user-icon.size-60 { width: 60px; height: 60px; } ._user-menu-container ._user-icon.size-80 { width: 80px; height: 80px; } ._user-menu-container ._user-icon[style*='/common/images/no_profile'] { background-position: center center; -webkit-background-size: 110%; -moz-background-size: 110%; background-size: 110%; } ._user-menu-container ._icon-menu { margin-left: 2px; color: #999; } ._user-menu-container .user-info { color: #555; position: relative; text-align: center; line-height: 1em; padding-top: 15px; } ._user-menu-container .user-info.has-bg { padding-top: 45px; } ._user-menu-container .user-info ._user-icon { width: 64px; height: 64px; border-radius: 64px; z-index: 1; } ._user-menu-container .user-info .user-name { height: 25px; line-height: 25px; font-size: 14px; font-weight: bolder; } ._user-menu-container .user-info .user-name a { position: relative; z-index: 1; color: #000; } ._user-menu-container .user-info .regist-premium, ._user-menu-container .user-info .user-premium { margin-bottom: 10px; } ._user-menu-container .user-info .user-premium { color: #fff; } ._user-menu-container .user-info .regist-premium { display: inline-block; margin-top: 5px; padding: 5px 10px; border: 1px solid #ff7e00; border-radius: 5px; color: #ff7e00; } @media max-width { ._header-container .header { margin: 0; } } .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; } .react-saved-search-nav-placeholder { background-color: #f0f2f3; min-height: 32px; } ._page-whitecube ._label-container { background-color: #f5f5f5; } .timeline.entry_list { position: relative; padding: 0 0 130px; min-height: calc(100vh - 50px - 43px - 0px - 100px); background-color: #f5f5f5; text-align: center; } @media (min-width: 1300px) { .timeline.entry_list { padding-left: 2.5vw; padding-right: 2.5vw; } } .timeline.entry_list.no-navigation { padding-top: 30px; min-height: calc(100vh - 50px - 43px - 0px - 100px); } .timeline.entry_list.top-page:not(.loaded) { min-height: 0; z-index: 1; } .timeline.entry_list.with-inner-modal { z-index: 999; } .timeline.entry_list._fanbox-landing-page { padding-right: 0; padding-left: 0; } .timeline.entry_list > .items { padding-top: 10px; } .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; 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; } ._work-item-container, ._novel-work-item-container, ._user-item-container, ._new-works-item-container, ._tag-users-item-container, ._recommended-users-item-container, ._pixiv-comic-item-container, ._pixiv-bungei-item-container, ._latest-follow-item-container, ._ranking-item-container, ._recent-popular-item-container.illust, ._related-tags-item-container, ._fanbox-plan-item-container, ._fanbox-entry-item-container, ._fanbox-specified-commercial-item-container, ._ad-item-container, ._ad-partition-container, ._premium-ad-item-container { display: inline-block; text-align: left; vertical-align: top; padding: 0 10px 30px; } 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 ._new-works-item-container :not(._user-icon):not(._action-button):not(._premium-badge), body.bad-ie ._tag-users-item-container :not(._user-icon):not(._action-button):not(._premium-badge), body.bad-ie ._recommended-users-item-container :not(._user-icon):not(._action-button):not(._premium-badge), body.bad-ie ._pixiv-comic-item-container :not(._user-icon):not(._action-button):not(._premium-badge), body.bad-ie ._pixiv-bungei-item-container :not(._user-icon):not(._action-button):not(._premium-badge), body.bad-ie ._latest-follow-item-container :not(._user-icon):not(._action-button):not(._premium-badge), body.bad-ie ._ranking-item-container :not(._user-icon):not(._action-button):not(._premium-badge), body.bad-ie ._recent-popular-item-container.illust :not(._user-icon):not(._action-button):not(._premium-badge), body.bad-ie ._related-tags-item-container :not(._user-icon):not(._action-button):not(._premium-badge), body.bad-ie ._fanbox-plan-item-container :not(._user-icon):not(._action-button):not(._premium-badge), body.bad-ie ._fanbox-entry-item-container :not(._user-icon):not(._action-button):not(._premium-badge), body.bad-ie ._fanbox-specified-commercial-item-container :not(._user-icon):not(._action-button):not(._premium-badge), body.bad-ie ._ad-item-container :not(._user-icon):not(._action-button):not(._premium-badge), body.bad-ie ._ad-partition-container :not(._user-icon):not(._action-button):not(._premium-badge), body.bad-ie ._premium-ad-item-container :not(._user-icon):not(._action-button):not(._premium-badge) { border-radius: 0 !important; } ._work-item-container .meta, ._novel-work-item-container .meta, ._user-item-container .meta, ._new-works-item-container .meta, ._tag-users-item-container .meta, ._recommended-users-item-container .meta, ._pixiv-comic-item-container .meta, ._pixiv-bungei-item-container .meta, ._latest-follow-item-container .meta, ._ranking-item-container .meta, ._recent-popular-item-container.illust .meta, ._related-tags-item-container .meta, ._fanbox-plan-item-container .meta, ._fanbox-entry-item-container .meta, ._fanbox-specified-commercial-item-container .meta, ._ad-item-container .meta, ._ad-partition-container .meta, ._premium-ad-item-container .meta { margin-top: 4px; font-size: 12px; line-height: 1; color: #bfbfbf; } ._work-item-container .title, ._novel-work-item-container .title, ._user-item-container .title, ._new-works-item-container .title, ._tag-users-item-container .title, ._recommended-users-item-container .title, ._pixiv-comic-item-container .title, ._pixiv-bungei-item-container .title, ._latest-follow-item-container .title, ._ranking-item-container .title, ._recent-popular-item-container.illust .title, ._related-tags-item-container .title, ._fanbox-plan-item-container .title, ._fanbox-entry-item-container .title, ._fanbox-specified-commercial-item-container .title, ._ad-item-container .title, ._ad-partition-container .title, ._premium-ad-item-container .title { font-weight: bold; } ._work-item-container.target-rank .contents, ._novel-work-item-container.target-rank .contents { border-radius: 8px; border: 10px solid transparent; background-color: rgba(0,0,0,0.05); margin: -10px; } ._context-count { position: absolute; top: 0; right: 0; padding: 0 8px; font-size: 12px; line-height: 26px; color: #fff; background-color: rgba(0,0,0,0.4); border-radius: 0 8px 0 4px; } ._context-count ._pico-12 { vertical-align: -2px; color: #fff; } ._work-item-container .prev-rank, ._novel-work-item-container .prev-rank, ._embedded-illust .prev-rank, ._embedded-novel .prev-rank { display: inline-block; position: absolute; left: 4px; top: 9px; z-index: 1; height: 20px; line-height: 20px; text-align: right; padding-left: 35px; padding-right: 10px; border-radius: 10px; color: #fff; font-weight: bold; } ._work-item-container .prev-rank.new, ._novel-work-item-container .prev-rank.new, ._embedded-illust .prev-rank.new, ._embedded-novel .prev-rank.new { background-color: #ff0064; } ._work-item-container .prev-rank.up, ._novel-work-item-container .prev-rank.up, ._embedded-illust .prev-rank.up, ._embedded-novel .prev-rank.up, ._work-item-container .prev-rank.stay, ._novel-work-item-container .prev-rank.stay, ._embedded-illust .prev-rank.stay, ._embedded-novel .prev-rank.stay, ._work-item-container .prev-rank.down, ._novel-work-item-container .prev-rank.down, ._embedded-illust .prev-rank.down, ._embedded-novel .prev-rank.down { padding: 0; width: 54px; background-position: 34px center; background-repeat: no-repeat; } ._work-item-container .prev-rank.up, ._novel-work-item-container .prev-rank.up, ._embedded-illust .prev-rank.up, ._embedded-novel .prev-rank.up { background-color: #a4ec55; background-image: url("../../../images/beta/up.svg"); } ._work-item-container .prev-rank.stay, ._novel-work-item-container .prev-rank.stay, ._embedded-illust .prev-rank.stay, ._embedded-novel .prev-rank.stay { background-color: #46c9ff; background-image: url("../../../images/beta/stay.svg"); } ._work-item-container .prev-rank.down, ._novel-work-item-container .prev-rank.down, ._embedded-illust .prev-rank.down, ._embedded-novel .prev-rank.down { background-color: #db5eff; background-image: url("../../../images/beta/down.svg"); } ._work-item-container .rank-mark, ._novel-work-item-container .rank-mark, ._embedded-illust .rank-mark, ._embedded-novel .rank-mark { display: inline-block; position: absolute; left: 4px; top: 4px; z-index: 1; width: 30px; height: 30px; color: #fff; background-color: #666; font-size: 18px; font-weight: bolder; line-height: 30px; border-radius: 30px; text-align: center; } ._work-item-container.rank-1 .rank-mark, ._novel-work-item-container.rank-1 .rank-mark, ._embedded-illust.rank-1 .rank-mark, ._embedded-novel.rank-1 .rank-mark { background-color: #d7b549; } ._work-item-container.rank-2 .rank-mark, ._novel-work-item-container.rank-2 .rank-mark, ._embedded-illust.rank-2 .rank-mark, ._embedded-novel.rank-2 .rank-mark { background-color: #d2d2d2; } ._work-item-container.rank-3 .rank-mark, ._novel-work-item-container.rank-3 .rank-mark, ._embedded-illust.rank-3 .rank-mark, ._embedded-novel.rank-3 .rank-mark { background-color: #c5a07e; } ._work-item-container.rank-10-99 .rank-mark, ._novel-work-item-container.rank-10-99 .rank-mark, ._embedded-illust.rank-10-99 .rank-mark, ._embedded-novel.rank-10-99 .rank-mark { font-size: 16px; } ._work-item-container.rank-100-or-more .rank-mark, ._novel-work-item-container.rank-100-or-more .rank-mark, ._embedded-illust.rank-100-or-more .rank-mark, ._embedded-novel.rank-100-or-more .rank-mark { font-size: 14px; } ._work-item-container .badge, ._novel-work-item-container .badge, ._embedded-illust .badge, ._embedded-novel .badge { position: absolute; z-index: 1; left: 4px; top: 4px; bottom: auto !important; width: auto !important; border: none !important; } ._work-item-container ._tag-container.tags, ._novel-work-item-container ._tag-container.tags, ._embedded-illust ._tag-container.tags, ._embedded-novel ._tag-container.tags { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 4px; bottom: 40px; width: calc(100% - 6px); } ._work-item-container .status-container, ._novel-work-item-container .status-container, ._embedded-illust .status-container, ._embedded-novel .status-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 40px; padding: 11px 8px; background-color: #fff; border-radius: 0 0 8px 8px; border-top: 1px solid rgba(0,0,0,0.03); } ._work-item-container .status, ._novel-work-item-container .status, ._embedded-illust .status, ._embedded-novel .status { color: #b3b3b3; } ._work-item-container .status._clickable, ._novel-work-item-container .status._clickable, ._embedded-illust .status._clickable, ._embedded-novel .status._clickable { -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; } ._work-item-container .status._clickable:hover, ._novel-work-item-container .status._clickable:hover, ._embedded-illust .status._clickable:hover, ._embedded-novel .status._clickable:hover { color: #a9afb2; } ._work-item-container .status:not(.zero) + .status::before, ._novel-work-item-container .status:not(.zero) + .status::before, ._embedded-illust .status:not(.zero) + .status::before, ._embedded-novel .status:not(.zero) + .status::before { content: '・'; margin: 0 4px; } ._work-item-container ._like-count::before, ._novel-work-item-container ._like-count::before, ._embedded-illust ._like-count::before, ._embedded-novel ._like-count::before { font-family: 'pico-12'; vertical-align: -2px; padding-right: 2px; } ._work-item-container ._like-count.zero, ._novel-work-item-container ._like-count.zero, ._embedded-illust ._like-count.zero, ._embedded-novel ._like-count.zero { display: none; } ._work-item-container .balloon-action, ._novel-work-item-container .balloon-action, ._embedded-illust .balloon-action, ._embedded-novel .balloon-action { display: inline-block; width: 30px; height: 30px; vertical-align: top; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYgMThjMS42NTcgMCAzLTEuMzQzIDMtM3MtMS4zNDMtMy0zLTMtMyAxLjM0My0zIDMgMS4zNDMgMyAzIDN6bTkgMGMxLjY1NyAwIDMtMS4zNDMgMy0zcy0xLjM0My0zLTMtMy0zIDEuMzQzLTMgMyAxLjM0MyAzIDMgM3ptOSAwYzEuNjU3IDAgMy0xLjM0MyAzLTNzLTEuMzQzLTMtMy0zLTMgMS4zNDMtMyAzIDEuMzQzIDMgMyAzeiIgZmlsbD0iI0IzQjNCMyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"); -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; cursor: pointer; } ._work-item-container .like-action, ._novel-work-item-container .like-action, ._embedded-illust .like-action, ._embedded-novel .like-action { -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; display: inline-block; width: 30px; height: 30px; margin-left: 12px; vertical-align: top; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggZD0iTTE1IDcuMjVTMTMgNCA5IDRzLTcgMy03IDdjMCAxMCAxMiAxNSAxMyAxNXMxMy01IDEzLTE1YzAtNC0zLTctNy03cy02IDMuMjUtNiAzLjI1eiIgaWQ9ImEiLz48bWFzayBpZD0iYiIgeD0iLTEiIHk9Ii0xIiB3aWR0aD0iMjgiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xIDNoMjh2MjRIMXoiLz48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbD0iI0ZGRiIgeGxpbms6aHJlZj0iI2EiLz48dXNlIHN0cm9rZS1vcGFjaXR5PSIuMyIgc3Ryb2tlPSIjMDAwIiBtYXNrPSJ1cmwoI2IpIiBzdHJva2Utd2lkdGg9IjIiIHhsaW5rOmhyZWY9IiNhIi8+PC9nPjwvc3ZnPg=="); -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; cursor: pointer; } ._work-item-container .like-action.on, ._novel-work-item-container .like-action.on, ._embedded-illust .like-action.on, ._embedded-novel .like-action.on { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQgMS41YzMuNjc3IDAgNiAyLjMyMyA2IDUuNzUgMCAzLjMzLTEuNzA2IDYuMTc3LTQuNDk2IDguNDM0QzEzLjU2IDE3LjI1NiAxMS4wMDQgMTguNSAxMCAxOC41Yy0xLjAwNSAwLTMuNTYtMS4yNDQtNS41MDQtMi44MTZDMS43MDYgMTMuNDI3IDAgMTAuNTggMCA3LjI1IDAgMy44NjUgMi4yNzcgMS41IDUuNzUgMS41YzEuNTMgMCAyLjgxMy40NDYgMy44MzggMS4xOS4zMTIuMjQyLjE4LjEzLjQwMy4zMy4yLS4xODguMDgtLjA4LjM3My0uMzE1QzExLjM1IDEuOTUzIDEyLjU2NiAxLjUgMTQgMS41eiIgZmlsbD0iI0Y3NDA2MCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"); } ._work-item-container .like-action.on.private, ._novel-work-item-container .like-action.on.private, ._embedded-illust .like-action.on.private, ._embedded-novel .like-action.on.private { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yMSA0Yy00IDAtNiAzLjI1LTYgMy4yNVMxMyA0IDkgNHMtNyAzLTcgN2MwIDEwIDEyIDE1IDEzIDE1czEzLTUgMTMtMTVjMC00LTMtNy03LTd6IiBmaWxsPSIjRjc0MDYwIi8+PHBhdGggZD0iTTI0IDExYzMuMzE0IDAgNiAyLjY4NiA2IDZ2OC4wMDJjMCAuNTUtLjQ1Ni45OTgtMS4wMDIuOTk4aC05Ljk5NkMxOC40NSAyNiAxOCAyNS41NTQgMTggMjUuMDAyVjE3YzAtMy4zMTQgMi42ODYtNiA2LTZ6IiBmaWxsPSIjQjJCMkIyIi8+PHBhdGggZD0iTTIwIDE3djFoOHYtMWMwLTIuMjEtMS43OS00LTQtNHMtNCAxLjc5LTQgNHoiIGZpbGw9IiNGNjQxNjAiLz48L2c+PC9zdmc+Cg=="); } ._work-item-container .reaction, ._novel-work-item-container .reaction, ._embedded-illust .reaction, ._embedded-novel .reaction { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: absolute; z-index: 1; right: 8px; bottom: 5px; height: 30px; color: #a4aeb3; } ._work-item-container .meta-container, ._novel-work-item-container .meta-container, ._embedded-illust .meta-container, ._embedded-novel .meta-container { margin: 5px 4px 0; font-size: 12px; line-height: 18px; } ._work-item-container ._user-icon-container, ._novel-work-item-container ._user-icon-container, ._embedded-illust ._user-icon-container, ._embedded-novel ._user-icon-container { width: 100%; margin: 3px 0 0; } ._work-item-container .series-title, ._novel-work-item-container .series-title, ._embedded-illust .series-title, ._embedded-novel .series-title { font-weight: bold; } ._work-item-container .title, ._novel-work-item-container .title, ._embedded-illust .title, ._embedded-novel .title, ._work-item-container .user-name, ._novel-work-item-container .user-name, ._embedded-illust .user-name, ._embedded-novel .user-name { -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: #464a4d; } ._work-item-container .title:visited, ._novel-work-item-container .title:visited, ._embedded-illust .title:visited, ._embedded-novel .title:visited, ._work-item-container .user-name:visited, ._novel-work-item-container .user-name:visited, ._embedded-illust .user-name:visited, ._embedded-novel .user-name:visited { color: #909294; } ._work-item-container .title:hover, ._novel-work-item-container .title:hover, ._embedded-illust .title:hover, ._embedded-novel .title:hover, ._work-item-container .user-name:hover, ._novel-work-item-container .user-name:hover, ._embedded-illust .user-name:hover, ._embedded-novel .user-name:hover { color: #a2a4a6; } ._work-item-container .user-name, ._novel-work-item-container .user-name, ._embedded-illust .user-name, ._embedded-novel .user-name { display: inline-block; overflow: hidden; max-width: calc(100% - 24px); white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 20px; } ._work-item-container ._icon-dot, ._novel-work-item-container ._icon-dot, ._embedded-illust ._icon-dot, ._embedded-novel ._icon-dot { color: rgba(0,0,0,0.3); } ._work-item-container { padding: 0 20px 30px; } ._work-item-container .image { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; min-width: 160px; max-width: 400px; min-height: 250px; max-height: 250px; background-color: #fff; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; border-radius: 8px; } ._work-item-container .image.no-cover { -webkit-background-size: auto; -moz-background-size: auto; background-size: auto; } ._work-item-container ._icon-explicit { display: block; width: 60px; margin: 0 auto; font-size: 60px; color: #ddd; line-height: 250px; } ._work-item-container .contents { position: relative; min-width: 160px; max-width: 400px; text-align: left; } ._work-item-container .thumbnail-container { position: relative; } ._work-item-container .thumbnail-container:hover ._tag-container.tags, ._work-item-container .thumbnail-container:hover ._balloon-menu-opener, ._work-item-container .thumbnail-container:hover .status-container { opacity: 1; -ms-filter: none; filter: none; } ._work-item-container .thumbnail-container .ugoira.player-container { display: none; } ._work-item-container .thumbnail-container.ugoira .tags { z-index: 2; } ._work-item-container .thumbnail-container.ugoira .ugoira.player-container { display: block; position: absolute; top: 0; left: 0; z-index: 1; } ._work-item-container .thumbnail-container img, ._work-item-container .thumbnail-container .ugoira canvas { vertical-align: bottom; max-width: 100%; min-height: 50px; min-width: 50px; } ._work-item-container .tag:hover { background-color: rgba(0,0,0,0.4); } ._work-item-container ._context-count { top: 1px; right: 1px; border-radius: 0 7px 0 4px; } ._work-item-container ._context-count ._pico-12 { vertical-align: -2px; color: #fff; } ._work-item-container .playable { position: absolute; z-index: 1; top: 88px; left: 50%; width: 64px; margin-left: -32px; line-height: 64px; text-align: center; background-color: rgba(0,0,0,0.4); border-radius: 50%; } ._work-item-container ._icon-play { font-size: 36px; line-height: 64px; vertical-align: top; color: #fff; } ._work-item-container ._tag-container.tags, ._work-item-container .status-container, ._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 .status-container { position: absolute; z-index: 1; bottom: 0; } ._work-item-container.portfolio .contents { min-width: 268px; max-width: 978px; } ._work-item-container.portfolio .image { min-width: 250px; max-width: 960px; min-height: 400px; max-height: 400px; } ._work-item-container.portfolio ._icon-explicit { line-height: 400px; } ._work-item-container.portfolio .playable { top: 168px; } ._work-item-container.portfolio .thumbnail { line-height: 400px; min-height: 400px; } ._work-item-container.ranking .image { width: 300px; height: 250px; max-height: 250px; background-position: center top; } ._work-item-container.ranking .meta-container { margin: 0; } ._work-item-container.ranking .meta-container ._user-icon { margin: 10px 8px 0 4px; vertical-align: top; } ._work-item-container.ranking .meta-container .title-and-name { margin-top: 12px; display: inline-block; } ._work-item-container.ranking .meta-container .title-and-name .title, ._work-item-container.ranking .meta-container .title-and-name .user-name { display: block; max-width: 246px; font-size: 14px; } ._work-item-container.ranking .meta-container .title-and-name .user-name { margin-top: 2px; } ._work-item-container.ranking .playable { top: 93px; } @media (min-width: 1300px) { ._work-item-container.highlight { padding: 0 15px 30px; } } @media (min-width: 1300px) { ._work-item-container.highlight .contents { max-width: 400px; } } ._work-item-container.highlight .image { height: 300px; max-height: 300px; } @media (min-width: 1300px) { ._work-item-container.highlight .image { width: 400px; max-width: 400px; height: 400px; max-height: 400px; } } @media (min-width: 1300px) { ._work-item-container.highlight .meta-container .title-and-name .title, ._work-item-container.highlight .meta-container .title-and-name .user-name { max-width: 340px; } } ._work-item-container.highlight .playable { top: 118px; } @media (min-width: 1300px) { ._work-item-container.highlight .playable { top: 168px; } } ._novel-work-item-container { width: 250px; padding: 0 20px 30px; } ._novel-work-item-container .thumbnail-container { position: relative; background-color: #fff; border-radius: 8px; } ._novel-work-item-container .thumbnail-container:hover .status-container, ._novel-work-item-container .thumbnail-container:hover ._balloon-menu-opener { opacity: 1; -ms-filter: none; filter: none; } ._novel-work-item-container .thumbnail-container > a { display: block; padding: 20px 0; } ._novel-work-item-container .image { position: relative; width: 96px; height: 120px; margin: 0 auto; background-color: #fff; background-position: top center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; border-radius: 4px; overflow: hidden; } ._novel-work-item-container .image::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.03); } ._novel-work-item-container .main { position: relative; } ._novel-work-item-container ._context-count { color: #999; background-color: #eee; } ._novel-work-item-container .marker { position: absolute; display: none; top: 20px; right: 78px; width: 30px; height: 24px; background-image: url("../../../images/beta/bookmarked.svg"); } ._novel-work-item-container .marker.active { display: block; } ._novel-work-item-container ._icon-explicit { display: block; width: 120px; height: 150px; margin: 0 auto; font-size: 40px; text-align: center; line-height: 150px; color: #ddd; background-color: #fff; border-radius: 3px; } ._novel-work-item-container .status-container, ._novel-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); } ._novel-work-item-container .status-container { position: absolute; z-index: 1; bottom: 0; } ._novel-work-item-container .meta-container .text-count { padding: 8px 0 4px; line-height: 12px; color: #757c80; } ._novel-work-item-container .meta-container ._tag-container { position: static; padding-top: 4px; } ._novel-work-item-container .title { font-size: 14px; line-height: 20px; } ._novel-work-item-container ._tag-container { padding-right: 0 !important; } ._novel-work-item-container .tags { width: auto !important; } ._novel-work-item-container .caption { padding-top: 1px; color: #757c80; text-align: justify; } ._novel-work-item-container.portfolio ._user-icon-container { display: none; } ._novel-work-item-container.ranking .meta-container ._user-icon { margin: 10px 8px 0 0; vertical-align: top; } ._novel-work-item-container.ranking .meta-container .title-and-name { margin-top: 12px; display: inline-block; } ._novel-work-item-container.ranking .meta-container .title-and-name .series-title, ._novel-work-item-container.ranking .meta-container .title-and-name .title, ._novel-work-item-container.ranking .meta-container .title-and-name .user-name { display: block; max-width: 244px; } ._novel-work-item-container.ranking .meta-container .title-and-name .title, ._novel-work-item-container.ranking .meta-container .title-and-name .user-name { font-size: 14px; } ._novel-work-item-container.ranking .meta-container .title-and-name .series-title { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } ._novel-work-item-container.ranking .meta-container .title-and-name .user-name { margin-top: 2px; } ._user-item-container .cover-image { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px 0; background-color: #fafafa; border-bottom: 1px solid rgba(0,0,0,0.03); border-radius: 8px 8px 0 0; } ._user-item-container .book { position: relative; width: 120px; height: 150px; margin: 0 auto; background-position: top; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; border-radius: 3px; } ._user-item-container .book-title { position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: 0; width: 120px; height: 150px; padding: 34px 2px 0; text-align: center; font-size: 12px; font-weight: bold; line-height: 18px; color: #fff; background-color: rgba(0,0,0,0.3); border-radius: 3px; direction: ltr; } ._user-item-container .contents { position: relative; width: 300px; height: 300px; text-align: center; background-color: #fff; border-radius: 8px; } ._user-item-container ._context-count { z-index: 1; } ._user-item-container .cover-images { height: 178px; text-align: left; direction: rtl; } ._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.corner { border-radius: 8px 0 0 0; } ._user-item-container .image.default { -webkit-box-shadow: inset 0 0 0 2px #65dbf7; box-shadow: inset 0 0 0 2px #65dbf7; } ._user-item-container .image.default:hover ~ .cover .default { display: block; } ._user-item-container .image:hover { -webkit-box-shadow: inset 0 0 0 2px #65dbf7; box-shadow: inset 0 0 0 2px #65dbf7; } ._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; width: 300px; height: 178px; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; border-radius: 8px 8px 0 0; } ._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 ._user-icon { position: absolute; top: 128px; left: 120px; } ._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 { overflow: hidden; max-width: 260px; margin: 8px 20px 0; line-height: 1; color: #757c80; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } ._user-item-container ._follow-button-container { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-flow: row; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: absolute; bottom: 26px; width: 100%; } ._user-item-container ._follow-button-container > * { -webkit-box-flex: 0; -moz-box-flex: 0; -o-box-flex: 0; box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; } ._user-item-container ._follow-button-container .arrow { position: static; margin-right: -20px; } ._user-item-container .relationship { position: absolute; width: 100%; bottom: 10px; text-align: center; line-height: 12px; color: #8d9599; } ._user-item-container .relationship ._icon-like { color: #f64160; } ._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: 1004; } ._profile-popup .item-container { padding: 0; } ._profile-popup .contents { -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); } ._popular-sample-item-container { display: block; position: relative; padding: 0px 60px 30px; } body.bad-ie ._popular-sample-item-container :not(._premium-badge) { border-radius: 0 !important; } ._popular-sample-item-container .popular-sample-works-container { position: relative; display: inline-block; padding: 12px 12px; max-width: 100%; background-color: #dfdfdf; border-radius: 16px; border: 1px solid rgba(255,255,255,0.6); } ._popular-sample-item-container .popular_sample_arrow { display: inline-block; width: 16px; height: 16px; margin-left: 2px; vertical-align: -1px; background-image: url("../../../images/beta/premium/premium_search_sample_arrow_icon.svg"); -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } ._popular-sample-item-container .container-block { position: absolute; width: 100%; height: 100%; border-radius: 16px; margin: -13px -13px; background-color: rgba(255,255,255,0.9); border: 1px solid rgba(0,0,0,0.1); 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; } ._popular-sample-item-container .container-block:hover { opacity: 1; -ms-filter: none; filter: none; } ._popular-sample-item-container .block-text { position: relative; vertical-align: middle; margin: auto; top: 50%; font-size: 18px; color: #fe810c; font-weight: bold; line-height: 20px; padding: 0px 20px; } @media (max-width: 1080px) { ._popular-sample-item-container .block-text { display: none; } } ._popular-sample-item-container .block-text-short { position: relative; vertical-align: middle; margin: auto; top: 50%; font-size: 18px; color: #fe810c; font-weight: bold; } @media (min-width: 1080px) { ._popular-sample-item-container .block-text-short { display: none; } } ._popular-sample-item-container .work-container, ._popular-sample-item-container .loader { display: inline-block; padding: 15px 15px; width: 240px; vertical-align: middle; } ._popular-sample-item-container .loader { width: 0px; height: 240px; padding-left: 0px; padding-right: 0px; } ._popular-sample-item-container .work-img { max-width: 240px; max-height: 240px; border-radius: 6px; } @media (max-width: 1600px) { ._popular-sample-item-container .mq-1 { display: none; } } @media (max-width: 1340px) { ._popular-sample-item-container .mq-2 { display: none; } } @media (max-width: 1080px) { ._popular-sample-item-container .mq-3 { display: none; } } @media (max-width: 750px) { ._popular-sample-item-container { display: none; } } ._pixivision-item-container { display: block; position: relative; padding: 30px 50px 60px; } ._pixivision-item-container .container-wrapper { display: inline-block; padding-top: 16px; max-width: 100%; background-color: #fff; border-radius: 16px; border: 1px solid rgba(0,0,0,0.1); } ._pixivision-item-container .contents-container { padding: 20px 0; background-color: #f8e71c; border-radius: 0 0 16px 16px; } ._pixivision-item-container .pixivision-items { position: relative; background-color: #f8e71c; white-space: nowrap; overflow: hidden; } ._pixivision-item-container ._pixivision-item { display: inline-block; vertical-align: top; background-color: #fff; border-radius: 8px; } ._pixivision-item-container ._pixivision-item + ._pixivision-item { margin-left: 10px; } ._pixivision-item-container ._pixivision-item:first-child { margin-left: 40px; } ._pixivision-item-container ._pixivision-item:last-child { margin-right: 40px; } ._pixivision-item-container .header { height: 30px; margin-bottom: 10px; padding: 0 40px; vertical-align: middle; } ._pixivision-item-container .service, ._pixivision-item-container .continue { display: inline-block; } ._pixivision-item-container .service { float: left; } ._pixivision-item-container .service .label { color: #fff; margin-left: 4px; } ._pixivision-item-container .continue { float: right; line-height: 30px; color: #999; } ._pixivision-item-container .continue .detail { vertical-align: top; margin-left: 2px; line-height: 30px; color: #999; } ._pixivision-item-container .contents { width: 250px; } ._pixivision-item-container .contents:hover .thumbnail { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } ._pixivision-item-container .cover { position: relative; width: 250px; height: 180px; } ._pixivision-item-container .thumbnail { width: 100%; height: 100%; background-position: top center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-color: #fff; border-radius: 8px 8px 0 0; } ._pixivision-item-container .thumbnail .new-article { position: absolute; top: 0; right: 0; width: 46px; height: 42px; overflow: hidden; border-radius: 0 8px 0 0; } ._pixivision-item-container .thumbnail .new-article .badge { position: absolute; top: -18px; right: -14px; width: 60px; height: 60px; border-radius: 50%; background-color: #ff0064; } ._pixivision-item-container .thumbnail .new-article .new-text { position: absolute; top: 14px; right: 6px; line-height: 12px; color: #fff; font-weight: bolder; } ._pixivision-item-container .category { position: absolute; bottom: 0; left: 0; padding: 4px 8px; font-size: 12px; line-height: 12px; background-color: #0090ff; color: #fff; } ._pixivision-item-container .category.spotlight { background-color: #0090ff; } ._pixivision-item-container .category.tutorial { background-color: #00d7a7; } ._pixivision-item-container .category.inspiration { background-color: #ff5900; } ._pixivision-item-container .title { height: 40px; padding: 8px 8px; line-height: 20px; border-radius: 0 0 8px 8px; background-color: rgba(255,255,255,0.2); font-size: 14px; font-weight: bolder; text-align: left; white-space: normal; color: #333; } ._sensei-item-container { display: block; position: relative; padding: 30px 50px 60px; } ._sensei-item-container .container-wrapper { display: inline-block; padding-top: 12px; max-width: 100%; background-color: #fff; border-radius: 16px; border: 1px solid rgba(0,0,0,0.1); } ._sensei-item-container .contents-container { padding: 30px 0; background-color: #fbf7ed; border-radius: 0 0 16px 16px; } ._sensei-item-container .sensei-items { position: relative; background-color: #fbf7ed; white-space: nowrap; overflow: hidden; } ._sensei-item-container ._sensei-item { display: inline-block; vertical-align: top; background-color: #fff; border-radius: 8px; } ._sensei-item-container ._sensei-item + ._sensei-item { margin-left: 10px; } ._sensei-item-container ._sensei-item:first-child { margin-left: 40px; } ._sensei-item-container ._sensei-item:last-child { margin-right: 40px; } ._sensei-item-container .header { height: 36px; margin-bottom: 8px; padding: 0 40px; vertical-align: middle; } ._sensei-item-container .service, ._sensei-item-container .continue { display: inline-block; } ._sensei-item-container .service { float: left; } ._sensei-item-container .service .label { color: #fff; margin-left: 4px; } ._sensei-item-container .service-description { margin-left: 20px; line-height: 36px; color: #797873; } ._sensei-item-container .continue { float: right; line-height: 32px; color: #999; } ._sensei-item-container .continue .detail { vertical-align: -1px; margin-left: 2px; line-height: 32px; color: #999; } ._sensei-item-container .contents { width: 320px; } ._sensei-item-container .contents:hover .thumbnail { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } ._sensei-item-container .cover { position: relative; width: 320px; height: 180px; } ._sensei-item-container .thumbnail { position: relative; width: 100%; height: 100%; overflow: hidden; background-position: top center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-color: #fff; border-radius: 8px 8px 0 0; } ._sensei-item-container .thumbnail .new-badge { position: absolute; top: -6px; right: -24px; height: 36px; width: 72px; font-size: 12px; font-weight: bold; line-height: 50px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); text-align: center; color: #fff; background-color: #ff0064; } ._sensei-item-container .category { position: absolute; bottom: -14px; left: 20px; padding: 8px 12px; border-radius: 4px; font-size: 12px; background-color: #77d91c; color: #fff; } ._sensei-item-container .category.advance { background-color: #ffa500; } ._sensei-item-container .title { height: 56px; padding: 24px 20px 20px 24px; line-height: 20px; border-radius: 0 0 8px 8px; background-color: rgba(255,255,255,0.2); font-size: 14px; text-align: left; color: #333; white-space: normal; } ._sensei-item-container .title li { position: relative; } ._sensei-item-container .title li::before { content: ''; position: absolute; left: -12px; top: 6px; width: 8px; height: 8px; border-radius: 50%; background-color: #fd0; } ._new-works-item-container { display: none; } ._new-works-item-container .contents { overflow: hidden; position: relative; background: #fff; border-radius: 8px; width: 224px; height: 280px; } ._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; } ._events-item-container { padding: 30px 50px 60px; text-align: center; } ._events-item-container .container-wrapper { display: inline-block; position: relative; padding: 30px 0; max-width: 100%; background-color: #fff; border-radius: 16px; text-align: left; } ._events-item-container .view-title { padding-left: 30px; margin-bottom: 20px; font-size: 16px; font-weight: bolder; } ._events-item-container .view-more { display: block; position: absolute; top: 30px; right: 30px; } ._events-item-container .view-more .link-item { display: inline-block; line-height: 16px; text-align: right; } ._events-item-container .view-more .link-item + .link-item { margin-left: 20px; } ._events-item-container .view-more .link-item ._icon-text { line-height: 12px; vertical-align: middle; color: #999; } ._events-item-container .view-more .link-item ._icon-text + ._icon-detail { margin-left: 0; } ._events-item-container .events { position: relative; padding: 0 30px; overflow: hidden; white-space: nowrap; } ._official-contest, ._user-event { position: relative; display: inline-block; overflow: hidden; vertical-align: middle; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; height: 120px; border-radius: 8px; } ._official-contest + ._official-contest, ._user-event + ._official-contest, ._official-contest + ._user-event, ._user-event + ._user-event { margin-left: 20px; } ._official-contest .title, ._user-event .title { font-size: 14px; line-height: 20px; font-weight: bold; color: #fff; text-align: center; white-space: normal; } ._official-contest { width: 300px; } ._official-contest::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); border-radius: 8px; } body.bad-ie ._official-contest::before { border-radius: 0 !important; } ._official-contest .title { position: relative; margin: 20px auto 0; width: 220px; } ._official-contest .official-tag { display: inline-block; margin-right: 4px; padding: 4px 6px; vertical-align: 1px; font-size: 12px; line-height: 12px; color: #fff; font-weight: bold; background-color: #009cff; border-radius: 4px; } ._official-contest .new-label { position: absolute; top: 0; right: 0; height: 60px; width: 60px; background-image: url("../../../images/beta/badge-new.svg"); } ._official-contest .deadline { position: absolute; width: 100%; bottom: 10px; text-align: center; } ._official-contest .deadline .deadline-date { display: inline-block; padding: 7px 10px; line-height: 12px; font-weight: bold; color: #fff; background-color: #3ddb8e; border-radius: 4px; } ._official-contest .deadline .deadline-date.soon { background-color: #ff8d18; } ._user-event { width: 220px; } ._user-event .image { position: absolute; display: block; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; } ._user-event .image::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); border-radius: 8px; } body.bad-ie ._user-event .image::before { border-radius: 0 !important; } ._user-event .title { display: table-cell; position: relative; vertical-align: middle; width: 200px; height: 40px; padding-top: 27px; padding-left: 10px; } ._user-event .user-link { position: absolute; bottom: 18px; width: 100%; text-align: center; } ._user-event .user-link .user-name { display: inline-block; padding-left: 4px; max-width: calc(100% - 30px - 4px - 16px); color: #fff; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; vertical-align: middle; } ._tag-users-item-container, ._recommended-users-item-container { display: block; margin: 30px auto 60px; padding: 30px 0; width: 440px; border-radius: 16px; background-color: rgba(0,0,0,0.05); } @media (max-width: 440px) { ._tag-users-item-container, ._recommended-users-item-container { display: none; } } @media (min-width: 760px) { ._tag-users-item-container, ._recommended-users-item-container { width: 760px; } } @media (min-width: 1080px) { ._tag-users-item-container, ._recommended-users-item-container { width: 1080px; } } @media (min-width: 1600px) { ._tag-users-item-container, ._recommended-users-item-container { width: 1400px; } } ._tag-users-item-container .header, ._recommended-users-item-container .header { padding-left: 60px; } ._tag-users-item-container .modules-container, ._recommended-users-item-container .modules-container { padding: 0 60px; position: relative; } ._tag-users-item-container .modules-container .modules, ._recommended-users-item-container .modules-container .modules { overflow: hidden; white-space: nowrap; } ._tag-users-item-container .modules-container .modules ._user-item-container, ._recommended-users-item-container .modules-container .modules ._user-item-container { padding-bottom: 0; } ._tag-users-item-container .title, ._recommended-users-item-container .title { padding-left: 10px; padding-bottom: 20px; font-size: 16px; font-weight: bold; text-align: left; } ._pixiv-comic-item-container.insert-view { margin: 30px 50px 60px; border-radius: 16px; } @media (min-width: 1300px) { ._pixiv-comic-item-container:not(.insert-view) { width: calc(100% + 2.5vw * 2); margin-left: -2.5vw; } } @media (min-width: 1300px) { ._pixiv-comic-item-container:not(.insert-view) .container-header, ._pixiv-comic-item-container:not(.insert-view) .modules { padding-left: 5vw; } } ._pixiv-comic-item-container { display: block; background-color: #f9f9f9; padding: 30px 0; } ._pixiv-comic-item-container .container-header, ._pixiv-comic-item-container .modules { padding-left: 30px; padding-right: 60px; } ._pixiv-comic-item-container .container-header { position: relative; margin-bottom: 20px; } ._pixiv-comic-item-container .container-header .title { font-size: 16px; font-weight: bolder; color: #464a4d; } ._pixiv-comic-item-container .container-header .view-more { display: inline-block; position: absolute; top: 0; right: 30px; } @media (min-width: 1300px) { ._pixiv-comic-item-container .container-header .view-more { right: 5vw; } } ._pixiv-comic-item-container .container-header .view-more ._icon-text { color: #9f9f9f; vertical-align: middle; } ._pixiv-comic-item-container .modules { position: relative; overflow: hidden; white-space: nowrap; } ._pixiv-comic-item-container .new-magazine, ._pixiv-comic-item-container .pickup-comic { position: relative; display: inline-block; margin-right: 0; height: 250px; width: 180px; font-weight: bold; vertical-align: middle; } ._pixiv-comic-item-container .new-magazine + .new-magazine, ._pixiv-comic-item-container .pickup-comic + .new-magazine, ._pixiv-comic-item-container .new-magazine + .pickup-comic, ._pixiv-comic-item-container .pickup-comic + .pickup-comic { margin-left: 10px; } ._pixiv-comic-item-container .new-magazine .image, ._pixiv-comic-item-container .pickup-comic .image { height: 100%; border-radius: 8px; } ._pixiv-comic-item-container .new-magazine .details, ._pixiv-comic-item-container .pickup-comic .details { position: absolute; left: 0; bottom: 0; background-color: rgba(0,0,0,0.4); } ._pixiv-comic-item-container .new-magazine .details .title, ._pixiv-comic-item-container .pickup-comic .details .title { color: #fff; } ._pixiv-comic-item-container .new-magazine .details .user-name, ._pixiv-comic-item-container .pickup-comic .details .user-name { color: #fff; } ._pixiv-comic-item-container .new-magazine .details .user-name:first-child, ._pixiv-comic-item-container .pickup-comic .details .user-name:first-child { max-width: 100%; } ._pixiv-comic-item-container .new-magazine .image { overflow: hidden; } ._pixiv-comic-item-container .new-magazine .new-label { position: absolute; top: 0; right: 0; height: 60px; width: 60px; background-image: url("../../../images/beta/badge-new.svg"); } ._pixiv-comic-item-container .pickup-comic .logo { position: absolute; width: 75px; height: 35px; top: 4px; left: 4px; background-color: #fff; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; border: solid 2px #fff; border-radius: 4px; } ._pixiv-comic-item-container .comic-separater { display: inline-block; margin: 0 20px; vertical-align: middle; } ._pixiv-comic-item-container .comic-separater .dots { position: relative; width: 12px; height: 12px; background-color: #dfdfdf; border-radius: 50%; } ._pixiv-comic-item-container .comic-separater .dots::before, ._pixiv-comic-item-container .comic-separater .dots::after { content: ''; position: absolute; width: 12px; height: 12px; background-color: #dfdfdf; border-radius: 50%; } ._pixiv-comic-item-container .comic-separater .dots::before { top: -40px; } ._pixiv-comic-item-container .comic-separater .dots::after { top: 40px; } ._pixiv-bungei-item-container { display: block; padding: 30px 0 0; text-align: center; } ._pixiv-bungei-item-container .banner { display: inline-block; width: 480px; height: 130px; vertical-align: top; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; } ._pixiv-bungei-item-container .bungei-link { background-image: url("../../../images/beta/bungei-banner-1.jpg"); } ._pixiv-bungei-item-container .contest-link { background-image: url("../../../images/beta/bungei-banner-2.jpg"); } ._latest-follow-item-container, ._ranking-item-container { margin-top: -96px; position: relative; display: block; padding: 96px 0 30px; } @media (min-width: 1300px) { ._latest-follow-item-container, ._ranking-item-container { width: calc(100% + 2.5vw * 2); margin-left: -2.5vw; } } ._latest-follow-item-container .header, ._ranking-item-container .header { position: relative; padding-left: 30px; margin-bottom: 20px; height: 16px; line-height: 16px; } @media (min-width: 1300px) { ._latest-follow-item-container .header, ._ranking-item-container .header { padding-left: 5vw; } } ._latest-follow-item-container .header .title, ._ranking-item-container .header .title { display: inline-block; font-size: 16px; font-weight: bolder; } ._latest-follow-item-container .header .title a, ._ranking-item-container .header .title a { color: #fff; } ._latest-follow-item-container .header .other-rankings, ._ranking-item-container .header .other-rankings { display: inline-block; margin-left: 20px; line-height: 100%; } ._latest-follow-item-container .header .other-rankings a, ._ranking-item-container .header .other-rankings a { padding: 7px 10px; color: rgba(255,255,255,0.8); font-size: 12px; line-height: 100%; border-radius: 4px; } ._latest-follow-item-container .header .other-rankings a:hover, ._ranking-item-container .header .other-rankings a:hover { color: #fff; } ._latest-follow-item-container .header .other-rankings .current, ._ranking-item-container .header .other-rankings .current { background-color: rgba(0,0,0,0.2); color: #fff; } ._latest-follow-item-container .header .view-more, ._ranking-item-container .header .view-more { position: absolute; top: 0; right: 30px; } @media (min-width: 1300px) { ._latest-follow-item-container .header .view-more, ._ranking-item-container .header .view-more { right: 5vw; } } ._latest-follow-item-container .header .view-more ._icon-text, ._ranking-item-container .header .view-more ._icon-text, ._latest-follow-item-container .header .view-more ._icon-detail, ._ranking-item-container .header .view-more ._icon-detail { color: #fff; vertical-align: middle; } ._latest-follow-item-container .header .view-more ._icon-text, ._ranking-item-container .header .view-more ._icon-text { font-size: 12px; line-height: 12px; } ._latest-follow-item-container .header .view-more ._icon-text + i, ._ranking-item-container .header .view-more ._icon-text + i { margin-left: 0; } ._latest-follow-item-container .modules, ._ranking-item-container .modules { position: relative; overflow: hidden; white-space: nowrap; padding-left: 30px; padding-right: 20px; } @media (min-width: 1300px) { ._latest-follow-item-container .modules, ._ranking-item-container .modules { padding-left: 5vw; padding-right: 60px; } } ._latest-follow-item-container .modules .items, ._ranking-item-container .modules .items { display: inline-block; } ._latest-follow-item-container ._mute-ui, ._ranking-item-container ._mute-ui { margin: 30px 0; } ._latest-follow-item-container.muted .title a, ._ranking-item-container.muted .title a { color: #464a4d; } ._latest-follow-item-container.muted .other-rankings a, ._ranking-item-container.muted .other-rankings a { color: #999; } ._latest-follow-item-container.muted .other-rankings a:hover, ._ranking-item-container.muted .other-rankings a:hover { color: #b2b2b2; } ._latest-follow-item-container.muted .other-rankings .current, ._ranking-item-container.muted .other-rankings .current { color: #464a4d; background-color: rgba(0,0,0,0.05); } ._latest-follow-item-container.muted .view-more ._icon-text, ._ranking-item-container.muted .view-more ._icon-text, ._latest-follow-item-container.muted .view-more ._icon-detail, ._ranking-item-container.muted .view-more ._icon-detail { color: #999; } ._latest-follow-item-container { margin-top: 0; padding: 30px 0 20px; background-color: #fff; } ._latest-follow-item-container .dimmer { z-index: 2; position: absolute; top: 0; right: 0; bottom: 0; width: 60px; background: -webkit-linear-gradient(left, rgba(255,255,255,0), #fff); background: -moz-linear-gradient(left, rgba(255,255,255,0), #fff); background: -o-linear-gradient(left, rgba(255,255,255,0), #fff); background: -ms-linear-gradient(left, rgba(255,255,255,0), #fff); background: linear-gradient(to right, rgba(255,255,255,0), #fff); pointer-events: none; } ._latest-follow-item-container .header .view-more ._icon-text, ._latest-follow-item-container .header .view-more ._icon-detail { color: #999; vertical-align: middle; } ._latest-follow-item-container ._work-item-container, ._latest-follow-item-container ._novel-work-item-container { padding: 0 20px 30px; max-width: 160px; } ._latest-follow-item-container ._work-item-container:first-child, ._latest-follow-item-container ._novel-work-item-container:first-child { padding-left: 0; } ._latest-follow-item-container ._work-item-container .image, ._latest-follow-item-container ._novel-work-item-container .image { max-width: 160px; min-height: 160px; max-height: 160px; } ._latest-follow-item-container ._work-item-container .meta-container, ._latest-follow-item-container ._novel-work-item-container .meta-container { white-space: normal; } ._latest-follow-item-container ._work-item-container .playable, ._latest-follow-item-container ._novel-work-item-container .playable { top: 48px; } ._latest-follow-item-container ._novel-work-item-container .image { min-height: auto; } ._embedded-illust, ._embedded-novel { position: relative; display: inline-block; } ._embedded-illust ._icon-explicit, ._embedded-novel ._icon-explicit { display: block; width: 100%; text-align: center; font-size: 40px; line-height: 200px; } ._embedded-illust:hover .image:before, ._embedded-novel:hover .image:before, ._embedded-illust:hover .main:before, ._embedded-novel:hover .main:before { content: none; } ._embedded-illust .details, ._embedded-novel .details { width: 100%; height: 50px; background-color: #fff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } ._embedded-illust .details .title, ._embedded-novel .details .title { display: block; padding: 8px 8px 6px; font-size: 12px; font-weight: bold; line-height: 12px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #757c80; } ._embedded-illust .details .user-link, ._embedded-novel .details .user-link { display: block; padding: 0 8px 4px; } ._embedded-illust .details ._user-icon, ._embedded-novel .details ._user-icon, ._embedded-illust .details .user-name, ._embedded-novel .details .user-name { display: inline-block; vertical-align: middle; } ._embedded-illust .details ._user-icon, ._embedded-novel .details ._user-icon { margin-right: 4px; } ._embedded-illust .details .user-name, ._embedded-novel .details .user-name { color: #757c80; } ._embedded-illust .balloon-action, ._embedded-novel .balloon-action { background-image: url("../../../images/beta/dot-white.svg"); } ._embedded-illust { width: 240px; height: 248px; margin-right: 10px; } ._embedded-illust ._icon-explicit { line-height: 200px; } ._embedded-illust .image { position: relative; display: inline-block; width: 100%; height: 200px; background-color: #eee; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: top center; border-top-left-radius: 8px; border-top-right-radius: 8px; } ._embedded-illust .details { position: absolute; left: 0; bottom: 0; } ._embedded-novel { width: 240px; height: 250px; margin-right: 10px; } ._embedded-novel .main { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 200px; padding: 15px 0; background-color: #fff; border-bottom: 1px solid #eee; border-top-left-radius: 8px; border-top-right-radius: 8px; } ._embedded-novel .cover { width: 136px; height: 170px; margin: 0 auto; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: top; } ._embedded-novel ._icon-explicit { line-height: 180px; } ._embedded-novel .tag { background-color: #f2f2f2; } ._embedded-novel .tag:hover { background-color: #e6e6e6; } ._recent-popular-illust .details .user-link, ._ranked-in-illust .details .user-link, ._ranked-in-novel .details .user-link, ._featured-illust .details .user-link, ._featured-novel .details .user-link { padding: 0; } ._recent-popular-illust .details ._user-icon, ._ranked-in-illust .details ._user-icon, ._ranked-in-novel .details ._user-icon, ._featured-illust .details ._user-icon, ._featured-novel .details ._user-icon { margin: 10px 5px 10px 8px; vertical-align: top; } ._recent-popular-illust .details .title-and-name, ._ranked-in-illust .details .title-and-name, ._ranked-in-novel .details .title-and-name, ._featured-illust .details .title-and-name, ._featured-novel .details .title-and-name { display: inline-block; } ._recent-popular-illust .details .title-and-name .title, ._ranked-in-illust .details .title-and-name .title, ._ranked-in-novel .details .title-and-name .title, ._featured-illust .details .title-and-name .title, ._featured-novel .details .title-and-name .title, ._recent-popular-illust .details .title-and-name .user-name, ._ranked-in-illust .details .title-and-name .user-name, ._ranked-in-novel .details .title-and-name .user-name, ._featured-illust .details .title-and-name .user-name, ._featured-novel .details .title-and-name .user-name { display: block; padding: 0; margin: 0; max-width: 189px; line-height: 12px; } ._recent-popular-illust .details .title-and-name .title, ._ranked-in-illust .details .title-and-name .title, ._ranked-in-novel .details .title-and-name .title, ._featured-illust .details .title-and-name .title, ._featured-novel .details .title-and-name .title { margin-top: 10px; } ._recent-popular-illust .details .title-and-name .user-name, ._ranked-in-illust .details .title-and-name .user-name, ._ranked-in-novel .details .title-and-name .user-name, ._featured-illust .details .title-and-name .user-name, ._featured-novel .details .title-and-name .user-name { margin-top: 6px; } ._ranked-in-illust ._context-count, ._featured-illust ._context-count { border-top-right-radius: 8px; } ._ranked-in-illust .menus, ._featured-illust .menus { position: absolute; bottom: 4px; right: 8px; } ._ranked-in-illust .menus ._balloon-menu-opener, ._featured-illust .menus ._balloon-menu-opener { width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background-color: #fff; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } ._ranked-in-illust .menus ._balloon-menu-opener ._icon-dot, ._featured-illust .menus ._balloon-menu-opener ._icon-dot { font-size: 24px; } ._ranked-in-illust .menus .like-action, ._featured-illust .menus .like-action { margin-left: 4px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } ._ranked-in-illust .menus .like-action:not(.on) ._icon-like, ._featured-illust .menus .like-action:not(.on) ._icon-like { color: #fff; } ._ranked-in-illust .menus .like-action.on, ._featured-illust .menus .like-action.on { opacity: 1; -ms-filter: none; filter: none; } ._ranked-in-illust .status-container, ._featured-illust .status-container { position: absolute; bottom: 0; border-top-width: 0; border-radius: 0; background: none; } ._ranked-in-illust .status-container .status, ._featured-illust .status-container .status { color: #fff; } ._ranked-in-illust .like-action.on, ._featured-illust .like-action.on { opacity: 1; -ms-filter: none; filter: none; } ._ranked-in-illust ._balloon-menu-opener ._icon-dot, ._featured-illust ._balloon-menu-opener ._icon-dot { color: #fff; } ._ranked-in-illust:hover .image:not(.noshadow)::before, ._featured-illust:hover .image:not(.noshadow)::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); border-top-left-radius: 8px; border-top-right-radius: 8px; } body.bad-ie ._ranked-in-illust:hover .image:not(.noshadow)::before, body.bad-ie ._featured-illust:hover .image:not(.noshadow)::before { border-radius: 0 !important; } ._ranked-in-illust:hover ._balloon-menu-opener, ._featured-illust:hover ._balloon-menu-opener, ._ranked-in-illust:hover .like-action, ._featured-illust:hover .like-action, ._ranked-in-illust:hover .status-container, ._featured-illust:hover .status-container { opacity: 1; -ms-filter: none; filter: none; } ._ranked-in-illust ._balloon-menu-opener, ._featured-illust ._balloon-menu-opener, ._ranked-in-illust .like-action, ._featured-illust .like-action, ._ranked-in-illust .status-container, ._featured-illust .status-container { 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; } ._ranked-in-illust:nth-child(n+4) { width: 200px; } ._ranked-in-illust:nth-child(n+4) .details .title, ._ranked-in-illust:nth-child(n+4) .details .user-name { max-width: 149px; } ._ranked-in-novel .main ._tag-container, ._featured-novel .main ._tag-container { border: none; } ._ranked-in-novel .marker, ._featured-novel .marker { position: absolute; display: none; top: 0; right: 8px; width: 30px; height: 24px; background-image: url("../../../images/beta/bookmarked.svg"); } ._ranked-in-novel .marker.active, ._featured-novel .marker.active { display: block; } ._ranked-in-novel .status-container, ._featured-novel .status-container { position: absolute; bottom: 0; border-top-width: 0; border-radius: 0; background: none; } ._ranked-in-novel .status-container .status, ._featured-novel .status-container .status { color: #fff; } ._ranked-in-novel .like-action.on, ._featured-novel .like-action.on { opacity: 1; -ms-filter: none; filter: none; } ._ranked-in-novel ._balloon-menu-opener ._icon-dot, ._featured-novel ._balloon-menu-opener ._icon-dot { color: #fff; } ._ranked-in-novel ._tag-container, ._featured-novel ._tag-container { white-space: normal; } ._ranked-in-novel:hover .main:not(.noshadow)::before, ._featured-novel:hover .main:not(.noshadow)::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); border-top-left-radius: 8px; border-top-right-radius: 8px; } ._ranked-in-novel:hover ._balloon-menu-opener, ._featured-novel:hover ._balloon-menu-opener, ._ranked-in-novel:hover .like-action, ._featured-novel:hover .like-action, ._ranked-in-novel:hover .status-container, ._featured-novel:hover .status-container, ._ranked-in-novel:hover ._tag-container, ._featured-novel:hover ._tag-container { opacity: 1; -ms-filter: none; filter: none; } ._ranked-in-novel ._balloon-menu-opener, ._featured-novel ._balloon-menu-opener, ._ranked-in-novel .like-action, ._featured-novel .like-action, ._ranked-in-novel .status-container, ._featured-novel .status-container, ._ranked-in-novel ._tag-container, ._featured-novel ._tag-container { 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; } ._recommendation-area-title-item-container { padding: 30px 30px 20px; font-size: 16px; font-weight: bolder; text-align: left; } @media (min-width: 1300px) { ._recommendation-area-title-item-container { padding-left: 2.5vw; } } ._recent-popular-item-container { margin-top: -96px; margin-bottom: 30px; } ._recent-popular-item-container.illust { position: relative; display: block; text-align: center; padding: 96px 0 30px; } @media (min-width: 1300px) { ._recent-popular-item-container.illust { width: calc(100% + 2.5vw * 2); margin-left: -2.5vw; } } ._recent-popular-item-container.illust .contents { display: inline-block; } ._recent-popular-item-container.illust .header { position: relative; margin-bottom: 20px; text-align: left; color: #fff; } ._recent-popular-item-container.illust .header .title { font-size: 16px; font-weight: bold; } ._recent-popular-item-container.illust .modules { display: inline-block; position: relative; overflow: hidden; white-space: nowrap; text-align: left; } ._recent-popular-illust { width: 240px; } ._recent-popular-illust:last-child { margin-right: 0; } ._recent-popular-illust ._context-count { border-top-right-radius: 8px; } ._recent-popular-illust .menus { position: absolute; bottom: 4px; right: 8px; } ._recent-popular-illust .menus ._balloon-menu-opener { width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background-color: #fff; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } ._recent-popular-illust .menus ._balloon-menu-opener ._icon-dot { font-size: 24px; } ._recent-popular-illust .menus .like-action { margin-left: 4px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } ._recent-popular-illust .menus .like-action:not(.on) ._icon-like { color: #fff; } ._recent-popular-illust .menus .like-action.on { opacity: 1; -ms-filter: none; filter: none; } ._recent-popular-illust .status-container { position: absolute; bottom: 0; border-top-width: 0; border-radius: 0; background: none; } ._recent-popular-illust .status-container .status { color: #fff; } ._recent-popular-illust .like-action.on { opacity: 1; -ms-filter: none; filter: none; } ._recent-popular-illust ._balloon-menu-opener ._icon-dot { color: #fff; } ._recent-popular-illust:hover .image::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); border-top-left-radius: 8px; border-top-right-radius: 8px; } ._recent-popular-illust:hover ._balloon-menu-opener, ._recent-popular-illust:hover .like-action, ._recent-popular-illust:hover .status-container { opacity: 1; -ms-filter: none; filter: none; } ._recent-popular-illust ._balloon-menu-opener, ._recent-popular-illust .like-action, ._recent-popular-illust .status-container { 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; } ._related-tags-item-container { width: 250px; height: 250px; } ._related-tags-item-container .related-tag { display: inline-block; position: relative; vertical-align: top; } ._related-tags-item-container .related-tag:nth-child(odd) { margin-right: 10px; } ._related-tags-item-container .related-tag:nth-child(-n + 2) { margin-bottom: 10px; } ._related-tags-item-container .contents { display: inline-block; width: 120px; height: 120px; background-color: #999; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: top center; border-radius: 8px; vertical-align: top; } ._related-tags-item-container .cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.05)); background: -moz-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.05)); background: -o-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.05)); background: -ms-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.05)); background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.05)); border-radius: 8px; } ._related-tags-item-container .tag-name { position: absolute; top: 9px; left: 8px; width: 104px; font-size: 14px; font-weight: bold; line-height: 20px; text-align: left; color: #fff; } ._fanbox-plan-item-container { display: inline-block; position: relative; overflow: hidden; margin: 0 15px 30px; padding: 0; width: 300px; height: 400px; border-radius: 8px; background-color: #2f3233; } ._fanbox-plan-item-container .plan .author-info { position: absolute; top: 10px; left: 10px; } ._fanbox-plan-item-container .plan .author-info .user-name, ._fanbox-plan-item-container .plan .author-info ._user-icon { display: inline-block; } ._fanbox-plan-item-container .plan .author-info .user-name { margin-left: 10px; font-size: 14px; font-weight: bold; color: #fff; } ._fanbox-plan-item-container .plan .thumbnail { width: 300px; height: 160px; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; } ._fanbox-plan-item-container .plan ._icon-explicit { position: absolute; top: 50px; left: 120px; font-size: 60px; } ._fanbox-plan-item-container .plan .cover { width: 300px; height: 160px; background: -webkit-linear-gradient(top, rgba(47,50,51,0.3) 0%, rgba(47,50,51,0.12) 50%, #2f3233 100%); background: -moz-linear-gradient(top, rgba(47,50,51,0.3) 0%, rgba(47,50,51,0.12) 50%, #2f3233 100%); background: -o-linear-gradient(top, rgba(47,50,51,0.3) 0%, rgba(47,50,51,0.12) 50%, #2f3233 100%); background: -ms-linear-gradient(top, rgba(47,50,51,0.3) 0%, rgba(47,50,51,0.12) 50%, #2f3233 100%); background: linear-gradient(to bottom, rgba(47,50,51,0.3) 0%, rgba(47,50,51,0.12) 50%, #2f3233 100%); } ._fanbox-plan-item-container .plan .contents { position: relative; margin-top: -36px; padding: 0 20px; height: 184px; text-align: left; color: #fff; } ._fanbox-plan-item-container .plan .new-label { position: absolute; top: 0; right: 0; height: 60px; width: 60px; background-image: url("../../../images//beta/badge-new.svg"); border-radius: 0 8px 0 0; } ._fanbox-plan-item-container .plan .title { overflow: hidden; height: 48px; line-height: 24px; font-weight: bold; font-size: 16px; color: #fff; } ._fanbox-plan-item-container .plan .title .adult-badge { padding: 0 6px; margin-right: 4px; line-height: 20px; background-color: #ffb0c2; border-radius: 4px; font-weight: normal; } ._fanbox-plan-item-container .plan .description, ._fanbox-plan-item-container .plan .price { font-size: 14px; } ._fanbox-plan-item-container .plan .description { overflow: hidden; line-height: 24px; height: 96px; } ._fanbox-plan-item-container .plan .price { position: absolute; bottom: 20px; right: 20px; } ._fanbox-classic-plan-creator { padding: 15px 0; background-color: #fff; border-bottom: 1px solid #d6dee5; } ._fanbox-classic-plan-creator .link-container { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; max-width: 970px; margin: 0 auto; text-align: center; line-height: 40px; } ._fanbox-classic-plan-creator .link-container a { color: #258fb8; } ._fanbox-classic-plan-creator .title { font-size: 20px; font-weight: bold; vertical-align: middle; } ._fanbox-classic-plan-creator .title ._user-icon { margin-right: 10px; vertical-align: top; } ._fanbox-classic-plan-creator .back-link { margin-left: 8px; font-size: 14px; font-weight: bold; } ._fanbox-classic-plan-creator .about-link { font-size: 14px; font-weight: bold; color: #258fb8; cursor: pointer; } ._fanbox-plan-hero-container { display: inline-block; position: relative; width: 600px; margin-bottom: 30px; padding: 0; } ._fanbox-plan-inline-item { display: inline-block; vertical-align: middle; min-height: 400px; min-width: 300px; margin: 0 15px; } ._fanbox-plan-inline-item .new-label { position: absolute; top: 0; right: 0; height: 60px; width: 60px; border-radius: 0 8px 0 0; overflow: hidden; } ._fanbox-plan-inline-item .new-label::after { content: ''; display: block; width: 100%; height: 100%; background-image: url("../../../images//beta/badge-new.svg"); background-repeat: no-repeat; } ._fanbox-entry-item-container { display: block; position: relative; overflow: hidden; padding: 20px 20px; margin: 0 auto 30px; width: 560px; border-radius: 8px; background-color: #fff; text-align: left; border: 1px solid #ccd8e4; } ._fanbox-entry-item-container .new-label { position: absolute; top: 0; right: 0; height: 60px; width: 60px; background-image: url("../../../images/beta/badge-new.svg"); } ._fanbox-purchase-item-container { padding: 20px; margin: 0 auto 30px; width: 600px; border: 1px solid #ccd8e4; background-color: #fff; text-align: left; border-radius: 8px; } ._fanbox-purchase-item-container .type { margin-bottom: 6px; font-size: 12px; line-height: 1; } ._fanbox-purchase-item-container .title { display: block; margin-bottom: 6px; font-size: 16px; line-height: 20px; font-weight: bold; color: #333; } ._fanbox-purchase-item-container .title.deleted { color: #a4aeb3; } ._fanbox-purchase-item-container .creator { display: inline-block; margin-bottom: 20px; font-size: 12px; line-height: 1; color: #8d9599; vertical-align: top; } ._fanbox-purchase-item-container .payment-date { font-size: 12px; text-align: right; } ._fanbox-purchase-item-container .price { font-weight: bold; } ._fanbox-purchase-item-container .package-entries { width: 100%; margin-bottom: 20px; padding: 18px 20px 5px; background-color: #f5f5f5; } ._fanbox-purchase-item-container .package-entries .package-entry .datetime { vertical-align: top; white-space: nowrap; padding-right: 15px; width: 70px; font-size: 14px; color: #2c333c; } ._fanbox-purchase-item-container .package-entries .package-entry .link { padding-bottom: 13px; } ._fanbox-purchase-item-container .package-entries .package-entry .link > a { font-size: 14px; line-height: 18px; } ._fanbox-specified-commercial-item-container { display: block; margin: 0 auto 30px; padding: 0; width: 600px; border-radius: 8px; background-color: #fff; text-align: center; border: 1px solid #ccd8e4; } ._fanbox-specified-commercial-item-container .opener-text { padding: 20px 0; color: #909191; font-size: 16px; font-weight: bold; cursor: pointer; } ._fanbox-no-purchase-item-container { display: block; margin: 0 auto 30px; padding: 20px 0; width: 600px; background-color: #fff; text-align: center; font-size: 16px; line-height: 16px; font-weight: bold; border: 1px solid #ccd8e4; border-radius: 8px; } ._fanbox-banner-item-container { display: block; margin: 0 auto 30px; padding: 20px 0; width: 600px; background-color: #fff; text-align: center; font-size: 14px; line-height: 1; font-weight: bold; border: 1px solid #ccd8e4; border-radius: 8px; } ._fanbox-banner-item-container .fanbox-banner { display: block; margin: 20px auto 0; width: 550px; height: 250px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; border-radius: 5px; overflow: hidden; } ._fanbox-banner-item-container .fanbox-banner::before { content: ''; display: block; margin-bottom: -200px; width: 550px; height: 250px; background-color: rgba(0,0,0,0.5); } ._fanbox-banner-item-container .fanbox-banner .sub-title { margin-bottom: 17px; color: #fff; font-size: 16px; line-height: 1; font-weight: bold; } ._fanbox-banner-item-container .fanbox-banner .logo { width: 480px; height: 65px; margin: 0 auto 31px; background-image: url("../../../images/beta/fanbox/fanbox_masthead_logo.svg"); -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } ._fanbox-banner-item-container .fanbox-banner .button { display: inline-block; padding: 13px 42px; color: #fff; font-size: 14px; line-height: 1; font-weight: bold; border-radius: 5px; background-color: rgba(0,0,0,0.5); } ._fanbox-back-number-separator-item-container { margin: 0 auto 25px; padding-top: 23px; width: 600px; color: #a8b5bc; font-size: 14px; line-height: 24px; font-weight: bold; border-top: 2px solid #d6dee5; text-align: center; } ._work-box-container { display: inline-block; padding: 20px 16px; } ._work-box-container .wrapper { background: #f8f8f8; 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; text-align: center; } .timeline-load-more:not(.loaded) { padding-bottom: 500px; } .timeline-load-more:not(.loaded) .animation { top: 25%; } .timeline-load-more ._mute-ui { margin-top: 100px; } .timeline-load-more-modal { text-align: center; } .timeline-load-more-modal .continue { cursor: pointer; } .timeline-load-more-modal ._mute-ui { padding-top: 10px; padding-bottom: 50px; } ._mute-ui { text-align: center; } ._mute-ui .notice { font-size: 20px; color: #8d9599; } ._mute-ui .open-mute-edit-modal { margin-top: 20px; font-size: 12px; } ._mute-ui .open-mute-edit-modal ._icon-text, ._mute-ui .open-mute-edit-modal ._icon-detail { color: #65c7e9; vertical-align: middle; } ._mute-ui .continue { margin-top: 30px; cursor: pointer; } ._background-cover-item-container { position: absolute; overflow: hidden; top: 0; right: 0; width: 100%; height: 300px; } ._page-ranking ._ad-item-container { padding: 0 20px 30px !important; } ._ad-item-container, ._premium-ad-item-container { margin: 0 -5px 0 0; padding: 0 0 30px; } ._ad-item-container .meta-container, ._premium-ad-item-container .meta-container { margin: 8px 4px 0; line-height: 1; } ._ad-item-container a:hover ._icon-remove, ._premium-ad-item-container a:hover ._icon-remove, ._ad-item-container a:hover ._icon-text, ._premium-ad-item-container a:hover ._icon-text { color: #d1d6d9; } ._ad-item-container ._icon-remove, ._premium-ad-item-container ._icon-remove, ._ad-item-container ._icon-text, ._premium-ad-item-container ._icon-text { -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; color: #a4aeb3; vertical-align: top; } ._ad-partition-container { display: block; padding: 30px 0 60px; } ._ad-partition-container .meta-container { margin: 8px 4px; line-height: 1; } ._ad-partition-container a:hover ._icon-remove, ._ad-partition-container a:hover ._icon-text { color: #d1d6d9; } ._ad-partition-container ._icon-remove, ._ad-partition-container ._icon-text { -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; color: #a4aeb3; vertical-align: top; } ._ad-partition-container:last-child { padding-bottom: 0; } ._premium-ad-item-container .main-image { margin-left: auto; margin-right: auto; } ._text-ad-container { display: block; margin: -4px auto 4px; clear: both; } ._text-ad-container .text-ad { display: inline-block; } ._text-ad-container .text-ad + .text-ad { margin-left: 30px; } ._first-page-navigation-view { height: 120px; } ._first-page-navigation-view a, ._first-page-navigation-view .border { display: block; position: absolute; left: 0; margin: 0 5vw; width: calc(100% - 5vw * 2); } @media (max-width: 1300px) { ._first-page-navigation-view a, ._first-page-navigation-view .border { width: calc(100% - 2.5vw * 2); margin: 0 2.5vw; } } ._first-page-navigation-view a { height: 40px; line-height: 40px; background-color: #fff; font-size: 14px; border-radius: 5px; } ._first-page-navigation-view .border { height: 16px; margin-top: 70px; background-repeat: repeat no-repeat; background-position: center; } ._cover-image-container .background, ._cover-image-container .shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } ._cover-image-container .background { overflow: hidden; } ._cover-image-container .background .image { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-filter: blur(2px); filter: blur(2px); width: calc(100% + 2px + 2px); height: calc(100% + 2px + 2px); margin: -2px; } ._cover-image-container .shadow { background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)); background-image: -moz-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)); background-image: -o-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)); background-image: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0)); } .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; } ._mega-menu .title:hover ._icon-menu { color: #8d9599; } ._mega-menu ._icon-menu { -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: #757c80; line-height: 30px; vertical-align: top; } ._mega-menu .popup-options.default { top: 36px; margin-left: -20px; padding-top: 15px; padding-bottom: 15px; min-width: 200px; width: auto; 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 max-width { ._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; white-space: nowrap; height: 24px; line-height: 24px; padding-left: 20px; padding-right: 30px; 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; 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; 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; 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 { 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; 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; 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 { 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; 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; 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; 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; 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 { 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; 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 { color: rgba(153,153,153,0.5); } .messages-container .thread-content-container .input textarea.text-content::-moz-placeholder { color: rgba(153,153,153,0.5); } .messages-container .thread-content-container .input textarea.text-content:-moz-placeholder { color: rgba(153,153,153,0.5); } .messages-container .thread-content-container .input textarea.text-content:-ms-input-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; 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); 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%; 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%; 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 { 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; 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; } #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; 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; 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; 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; 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; 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 { 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; 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; 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; 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; 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; 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%; border-radius: 4px; } #page-messages .thread-list-container .header { 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); } #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; 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; 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; 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; 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; 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; 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; 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); } } ._mute-edit-modal._modal-container { z-index: 1000; background-color: rgba(0,0,0,0.5); } ._mute-edit-modal._modal-container ._icon-close.ui-modal-close, ._mute-edit-modal._modal-container .container { top: calc(50vh - 560px / 2); } @media (max-height: 600px) { ._mute-edit-modal._modal-container ._icon-close.ui-modal-close, ._mute-edit-modal._modal-container .container { top: 0; margin-top: 20px; } } ._mute-edit-modal._modal-container ._icon-close.ui-modal-close { position: absolute; left: 50%; margin-left: 190px; color: #fff; cursor: pointer; } ._mute-edit-modal._modal-container .container { position: absolute; left: 50%; margin-left: -180px; width: 320px; min-height: 490px; padding: 20px 20px 0; overflow: hidden; border-radius: 16px; background-color: #fff; } @media (max-width: 360px) { ._mute-edit-modal._modal-container .container { left: 0; margin-left: 0; } } ._mute-edit-modal._modal-container .header { font-size: 16px; font-weight: bold; color: #333; } ._mute-edit-modal._modal-container .description { margin-top: 20px; color: #999; } ._mute-edit-modal._modal-container .lists { overflow-y: auto; margin: 20px -20px 0; padding: 0 20px 10px; height: 390px; } ._mute-edit-modal._modal-container:not(.premium) .lists { height: 190px; } ._mute-edit-modal._modal-container .list { color: #4d4d4d; } ._mute-edit-modal._modal-container .list + .list { margin-top: 20px; } ._mute-edit-modal._modal-container .list .title { margin-left: 5px; font-size: 12px; font-weight: bold; } ._mute-edit-modal._modal-container .list .item { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 40px; line-height: 40px; padding: 0 10px; border-radius: 4px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } ._mute-edit-modal._modal-container .list .item:hover { background-color: #f4f4f4; } ._mute-edit-modal._modal-container .list .item:hover ._action-button::before { background-color: #f4f4f4; } ._mute-edit-modal._modal-container .list .item.disabled { background-color: transparent; cursor: default; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } ._mute-edit-modal._modal-container .list ._user-icon { -webkit-box-flex: 0; -moz-box-flex: 0; -o-box-flex: 0; box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; } ._mute-edit-modal._modal-container .list ._icon-tag { color: #ccc; font-size: 14px; width: 20px; height: 30px; -webkit-box-flex: 0; -moz-box-flex: 0; -o-box-flex: 0; box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; line-height: 30px; text-align: center; } ._mute-edit-modal._modal-container .list .label { display: inline-block; overflow: hidden; vertical-align: middle; margin-left: 5px; margin-right: auto; -o-text-overflow: ellipsis; text-overflow: ellipsis; } ._mute-edit-modal._modal-container .list ._action-button { font-size: 12px; } ._mute-edit-modal._modal-container .list ._action-button.mute { color: #fff; background-color: #a4aeb3; } ._mute-edit-modal._modal-container .list ._action-button.unmute { color: #a4aeb3; background-color: #fff; border: 1px solid #a4aeb3; } ._mute-edit-modal._modal-container .list ._action-button::before { content: ''; position: absolute; left: -5px; top: 0; width: 5px; height: 100%; background-color: #fff; } ._mute-edit-modal._modal-container .list ._action-button.unmute::before { left: -6px; } ._mute-edit-modal._modal-container .list .circle-spinner { position: absolute; left: 50%; top: 0; width: 20px; min-height: 0; margin-left: -10px; } ._mute-edit-modal._modal-container .list .circle-spinner .animation { width: 20px; height: 20px; margin: -10px 0 0 -10px; } ._mute-edit-modal._modal-container .guide { margin: 20px 10px 10px; padding: 20px; border-radius: 8px; color: #999; background-color: #f2f2f2; } ._mute-edit-modal._modal-container .guide .example { width: 260px; height: 144px; overflow: hidden; border-radius: 4px; background-repeat: none; background-image: url("../../../images/beta/mute-help.png?20161220"); -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } ._mute-edit-modal._modal-container .guide .text { margin-top: 20px; } ._mute-edit-modal._modal-container .guide ._icon-dot { color: inherit; line-height: inherit; } ._mute-edit-modal._modal-container .premium-banner { margin-top: 10px; margin-bottom: 10px; padding: 20px; border-radius: 8px; background-color: #f2f2f2; } ._mute-edit-modal._modal-container .premium-banner .normal-description { color: #999; } ._mute-edit-modal._modal-container .premium-banner .premium-description { color: #ff7e00; } ._mute-edit-modal._modal-container .premium-banner .premium-button-container { text-align: center; } ._mute-edit-modal._modal-container .premium-banner ._action-button { color: #ff7e00; background-color: #fff; border: 1px solid #ff7e00; margin-top: 10px; padding: 0 10px; font-size: 14px; font-weight: bold; } ._mute-edit-modal._modal-container .footer { margin: 0 -20px; height: 50px; line-height: 50px; text-align: center; background-color: #fafafa; border-top: 1px solid #eee; } ._mute-edit-modal._modal-container .footer .reload-page { height: 30px; line-height: 30px; cursor: pointer; } ._mute-edit-modal._modal-container .footer .reload-page.disabled { cursor: default; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } ._tab-navigation { position: relative; font-size: 14px; text-align: center; background-color: #fff; } ._tab-navigation.tacked { border-bottom: 1px solid #f5f5f5; } ._tab-navigation.tacked .current { margin-bottom: -1px; padding: 17px 16px 19px; } ._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: 18px 16px; text-align: center; line-height: 1; color: #999; } ._tab-navigation .item:hover:not(.current) { color: #b2b2b2; } ._tab-navigation .current { position: relative; font-weight: bold; color: #2f3233; } ._tab-navigation .current::before { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background-color: #46c9ff; } ._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-navigation .user-name { margin-left: 8px; } ._tab-navigation .saved-search-menu-container { position: relative; } ._tab-navigation .open-changes { position: absolute; top: 0; right: 5%; height: 50px; color: #65c7e9; cursor: pointer; font-size: 12px; line-height: 50px; } ._tab-page-title { text-align: center; margin: 0 5vw; line-height: 70px; } ._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; font-weight: bold; font-size: 20px; color: #464a4d; vertical-align: middle; } ._tab-page-title .pixpedia-article { display: inline-block; width: 16px; height: 16px; background-image: url("../../../images/beta/information.svg"); vertical-align: middle; margin-left: 4px; border-radius: 50%; } ._tab-page-title .page-helper-num { padding: 0 18px; color: #83d2ed; vertical-align: middle; } ._tab-page-title .back-link { position: absolute; left: 5vw; top: 0; font-size: 14px; font-weight: bold; color: #258fb8; } ._tab-page-title.with-description { padding: 18px 0 16px; line-height: normal; } ._tab-page-title.with-description .page-title { display: inline-block; font-size: 18px; line-height: 18px; } ._tab-page-title.with-description .query-description { margin: 8px auto 0; padding: 0 30px; font-size: 10px; line-height: 10px; color: #999; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } ._tab-page-title.in-classic .back-link { left: calc((100% - 970px)/2 + 8px); } @media (max-width: 970px) { ._tab-page-title.in-classic .back-link { left: 8px; } } ._tab-toolbar { position: absolute; z-index: 3; top: 0; right: 0; margin-right: 5vw; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; height: 100%; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: single; -moz-box-lines: single; -o-box-lines: single; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; line-height: normal; } ._type-navigation { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 15px 0; margin: 0 2.5vw 20px; border-bottom: 1px solid rgba(0,0,0,0.05); font-size: 14px; text-align: center; height: 66px; z-index: 2; } @media (max-width: 1200px) { ._type-navigation { margin: 0 30px 20px; } } ._type-navigation .work-count { position: absolute; top: 15px; left: 0; height: 36px; line-height: 36px; color: #999; } ._type-navigation .work-count ~ .search-filter ._sort-menu { left: 90px; } ._type-navigation.tacked { margin: 0; padding: 14px 5vw; background-color: #f5f5f5; border-bottom: 1px solid rgba(188,198,204,0.3); } @media (min-width: 1300px) { ._type-navigation.tacked { margin: 0 -2.5vw; } } @media (min-width: 1300px) { ._type-navigation.tacked ._sort-menu { left: calc(5vw - 10px); } } @media (min-width: 1300px) { ._type-navigation.tacked .filter-menu-group { right: calc(5vw + 20px); } } ._type-navigation.with-cover { border-color: rgba(255,255,255,0.2); } ._type-navigation.with-cover ._sort-menu, ._type-navigation.with-cover ._filter-menu, ._type-navigation.with-cover .filter-menu-group, ._type-navigation.with-cover .work-count { color: #fff; } ._type-navigation.with-cover ._sort-menu ._icon-menu, ._type-navigation.with-cover ._filter-menu ._icon-menu, ._type-navigation.with-cover .filter-menu-group ._icon-menu, ._type-navigation.with-cover .work-count ._icon-menu, ._type-navigation.with-cover ._sort-menu a, ._type-navigation.with-cover ._filter-menu a, ._type-navigation.with-cover .filter-menu-group a, ._type-navigation.with-cover .work-count a { color: #fff; } ._type-navigation.with-cover ._sort-menu .filter-value.current a, ._type-navigation.with-cover ._filter-menu .filter-value.current a, ._type-navigation.with-cover .filter-menu-group .filter-value.current a, ._type-navigation.with-cover .work-count .filter-value.current a, ._type-navigation.with-cover ._sort-menu .filter-value input:checked ~ span, ._type-navigation.with-cover ._filter-menu .filter-value input:checked ~ span, ._type-navigation.with-cover .filter-menu-group .filter-value input:checked ~ span, ._type-navigation.with-cover .work-count .filter-value input:checked ~ span { color: #fff; border-color: #fff; } ._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 16px; text-align: center; line-height: 36px; color: #999; background-color: #fff; } ._type-navigation .item:hover { color: #b2b2b2; } ._type-navigation .item.current { border-left: none; background-color: #46c9ff; color: #fff; } ._type-navigation .item.current + .item { border-left: 1px solid #46c9ff; } ._type-navigation .item + .item { border-left: 1px dashed #e6e6e6; } ._type-navigation .item + .current { border-left: none; padding-left: 17px; } ._type-navigation .item:first-child { border-radius: 4px 0 0 4px; } ._type-navigation .item:last-child { border-radius: 0 4px 4px 0; } ._type-navigation ._sort-menu, ._type-navigation ._filter-menu { display: inline-block; font-size: 12px; height: 36px; } ._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: 15px; right: 0; } ._type-navigation .filter-menu-group > .current > a { border-bottom: 2px solid #464a4d; color: #464a4d; } ._type-navigation .filter-menu-group .filter-value-pulldown.current > span { font-weight: bold; } ._type-navigation .filter-menu-group .popup-list-item.current > .tag-name { font-weight: bold; } ._type-navigation .filter-menu-group > li, ._type-navigation .filter-menu-group > .filter-value, ._type-navigation .filter-menu-group > li > .filter-value { display: inline; } ._type-navigation .filter-menu-group > li.filter-value-pulldown, ._type-navigation .filter-menu-group > .filter-value.filter-value-pulldown, ._type-navigation .filter-menu-group > li > .filter-value.filter-value-pulldown { position: relative; margin-left: 15px; } ._type-navigation .filter-menu-group > li.filter-value-pulldown ._icon-menu, ._type-navigation .filter-menu-group > .filter-value.filter-value-pulldown ._icon-menu, ._type-navigation .filter-menu-group > li > .filter-value.filter-value-pulldown ._icon-menu { vertical-align: -1px; margin-left: 3px; } @media (max-width: 1299px), (max-height: 900px) { ._type-navigation .filter-menu-group:last-child .react-series-dropdown .popup-options, ._type-navigation .filter-menu-group:last-child .react-user-dropdown .popup-options, ._type-navigation .filter-menu-group:last-child .filter-value-pulldown .popup-options { left: auto; right: calc(8px - 2.5vw); margin-left: 0; } ._type-navigation .filter-menu-group:last-child .react-series-dropdown .popup-options::before, ._type-navigation .filter-menu-group:last-child .react-user-dropdown .popup-options::before, ._type-navigation .filter-menu-group:last-child .filter-value-pulldown .popup-options::before, ._type-navigation .filter-menu-group:last-child .react-series-dropdown .popup-options::after, ._type-navigation .filter-menu-group:last-child .react-user-dropdown .popup-options::after, ._type-navigation .filter-menu-group:last-child .filter-value-pulldown .popup-options::after { left: auto; right: 2.5vw; } } ._type-navigation .filter-menu-group a { display: inline-block; white-space: nowrap; position: relative; padding: 0 8px; line-height: 36px; color: #999; } ._type-navigation .filter-menu-group a:hover { color: #b2b2b2; } ._filter-menu .filter-menu-group { line-height: 36px; } ._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: #f5f5f5; } ._context-menu ._icon-menu { color: #666; vertical-align: -2px; } ._tabs { line-height: 49px; font-size: 14px; text-align: center; background-color: #e3e5e6; 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; 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: 15px; left: 0; } ._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: 36px; } ._sort-menu .count { color: #999; line-height: 36px; } ._no-login-header .ui-button { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; font-size: 12px; height: 32px; width: 88px; padding: 0px; margin-left: 5px; line-height: 32px; border-radius: 5px; color: #fff; } ._no-login-header .ui-button._signup { background-color: #7eba22; } ._no-login-header .ui-button._login { background-color: #49c0f0; } ._no-login-header .introduction { display: block; position: relative; top: 0; width: 100%; height: auto; padding: 0 0 5px; border-top: 90px solid #f2f4f6; border-bottom: 1px solid #d6dee5; background-color: #f8f9fa; } ._no-login-header .introduction .newindex-title { position: absolute; top: -70px; left: 0; width: 125px; margin-left: 4vw; text-align: center; } ._no-login-header .introduction .newindex-message { word-wrap: break-word; position: relative; color: #666; margin: 0; padding: 5px 0; text-align: center; border-top: 1px solid #d6dee5; } ._no-login-header .introduction .newindex-message .welcome { font-size: 18px; color: #111; line-height: 40px; } ._no-login-header .introduction .newindex-message .description { margin: 0 4vw; } ._no-login-header .introduction .newindex-signin { position: absolute; top: -80px; right: 0; margin-right: 4vw; padding: 20px 0; text-align: center; } ._no-login-header .introduction .newindex-signup { margin: 10px 0; text-align: center; } ._no-login-header .introduction .newindex-signup ._icon { display: inline-block; margin-right: 5px; vertical-align: -4px; overflow: hidden; text-indent: -999px; white-space: nowrap; background-image: url("../../../images//sprites-s30f7c00f21..png"); background-repeat: no-repeat; } ._no-login-header .introduction .newindex-signup ._icon.sprites-google-plus-white { background-position: 0 -1082px; height: 16px; width: 16px; } ._no-login-header .introduction .newindex-signup ._icon.sprites-fb-white { background-position: 0 -927px; height: 16px; width: 16px; } ._no-login-header .introduction .newindex-signup ._icon.sprites-twitter-white { background-position: 0 -2385px; height: 13px; width: 16px; } ._no-login-header .introduction .newindex-signup li.auth-login { list-style: none; display: inline-block; } ._no-login-header .introduction .newindex-signup .signup-twitter-button, ._no-login-header .introduction .newindex-signup .signup-google-button, ._no-login-header .introduction .newindex-signup .signup-facebook-button, ._no-login-header .introduction .newindex-signup .ui-button { border-radius: 5px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 288px; margin-bottom: 5px; line-height: 30px; color: #fff; border: none; font-size: 12px; } ._no-login-header .introduction .newindex-signup .signup-google-button { background-color: #dd452b; } ._no-login-header .introduction .newindex-signup .signup-facebook-button { background-color: #3a5a9a; } ._no-login-header .introduction .newindex-signup .signup-twitter-button { background-color: #49c1f0; } ._no-login-header .introduction .newindex-signup .ui-button { background-image: none; text-shadow: none; } ._no-login-header .introduction .newindex-signup .ui-button + .ui-button { margin-left: 5px; } ._no-login-header .introduction .newindex-signup .ui-button._signup { background-color: #7eba22; } ._no-login-header .introduction .newindex-signup .ui-button._signup:hover { background-color: #98c84e; } ._no-login-header .introduction .newindex-signup .ui-button._login { background-color: #49c0f0; } ._no-login-header .introduction .newindex-signup .ui-button._login:hover { background-color: #6dcdf3; } ._no-login-header .introduction ._icon.sprites-logo { display: inline-block; height: 50px; width: 125px; text-indent: -999px; white-space: nowrap; vertical-align: middle; background-image: url("../../../images//sprites-s30f7c00f21.png"); background-repeat: no-repeat; background-position: 0 -1535px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { ._no-login-header .introduction ._icon.sprites-logo { background: url("../../../images//sprites-retina-s7d66ff59da.png") no-repeat 0 -529px background-size 125px auto; } } ._no-login-header .search-small { position: absolute; top: -44px; right: 0; margin-right: 4vw; padding: 0 0 0 3px; border: 1px solid #becad7; border-radius: 3px; background-color: #fff; } ._no-login-header .search-small input[type="text"] { width: 131px; height: 18px; margin-right: 3px; padding: 0; border: none; line-height: 1; font-size: 12px; } ._no-login-header .search-small input[type="submit"] { width: 23px; height: 22px; padding: 0; border: none; text-indent: -9999px; background: #becad7 url("../../../images/common/search_button.png") no-repeat 50% 50%; } ._nps-form-modal { background-color: rgba(0,0,0,0.5); } ._nps-form-modal .container { position: absolute; left: 50%; margin-left: -280px; top: calc(50vh - 898px / 2); width: 560px; height: auto; background-color: #fff; border-radius: 16px; } @media (max-height: 938px) { ._nps-form-modal .container { top: 0; margin-top: 20px; } } @media (max-width: 560px) { ._nps-form-modal .container { left: 0; margin-left: 0; } } ._nps-form-modal .container ._icon-close { position: absolute; right: -40px; color: #fff; cursor: pointer; } ._nps-form-modal.questionnaire-type-b .container { top: calc(50vh - 552px / 2); margin-top: 0; } @media (max-height: 592px) { ._nps-form-modal.questionnaire-type-b .container { top: 0; margin-top: 20px; } } ._nps-form-modal .header { padding: 40px 0; text-align: center; } ._nps-form-modal .title { font-size: 20px; font-weight: bold; color: #333; } ._nps-form-modal .description { margin-top: 20px; font-size: 14px; color: #757c80; } ._nps-form-modal .section { border-top: 1px solid #eee; padding: 40px; } ._nps-form-modal .controls { padding: 20px 0; border-radius: 0 0 16px 16px; text-align: center; background-color: #f5f5f5; } ._nps-form-modal .main { font-size: 14px; font-weight: bold; } ._nps-form-modal .sub { margin: 10px 0 20px; color: #757c80; } ._nps-form-modal .value { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; background-color: #f5f5f5; font-weight: bold; cursor: pointer; } ._nps-form-modal .value:hover { color: #464a4d; background-color: #d3f4ff; } ._nps-form-modal .value.selected { color: #fff; background-color: #25c6ff; } ._nps-form-modal .value + .value { margin-left: 4px; } ._nps-form-modal .value input { display: none; } ._nps-form-modal .question { display: block; margin-top: 30px; } ._nps-form-modal .optional { display: inline-block; margin-left: 4px; padding: 0 4px; height: 20px; line-height: 20px; border-radius: 4px; font-size: 12px; font-weight: normal; color: #fff; background-color: #aaa; } ._nps-form-modal .reason { width: 100%; margin-top: 4px; padding: 4px 10px; border-radius: 4px; font-size: 14px; border: 1px solid #eee; color: #464a4d; background-color: #fafafa; resize: none; } ._nps-form-modal ._action-button:disabled { opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } ._nps-form-modal .thanks .contents { padding: 40px; text-align: center; } ._nps-form-modal.sending .waiting { display: block; } ._nps-form-modal.sending .waiting .icon { position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px; background-color: #555; 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); } } .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-trigger { position: relative; display: inline-block; } .popup-trigger > .current { font-weight: bold; color: #5e6366; } .popup-trigger > .popup-trigger-overlay { cursor: pointer; z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); background: #fff; } .popup-options { display: none; position: absolute; z-index: 10; } .popup-options.default { background: #fff; left: 50%; margin-left: -75px; width: 150px; padding: 10px 0; border-radius: 10px; border: solid 1px #eee; font-weight: 100; color: #808080; cursor: auto; top: calc(100% + 10px); } .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; pointer-events: none; } .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; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-box-lines: single; -moz-box-lines: single; -o-box-lines: single; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .popup-options .popup-list.no-count .count { display: none; } .popup-options .popup-list > .popup-list-item { color: #808080; -webkit-box-flex: 0; -moz-box-flex: 0; -o-box-flex: 0; box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; height: 30px; line-height: 1; padding: 0 10px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: single; -moz-box-lines: single; -o-box-lines: single; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .popup-options .popup-list > .popup-list-item > * { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .popup-options .popup-list > .popup-list-item.current { font-weight: bold; color: #5e6366; } .popup-options .popup-list > .popup-list-item:hover { background: #f5f5f5; } .popup-options .popup-list > .popup-list-item .count { 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.tacked .show-when-fixed._user-icon-container, ._page-portfolio ._tab-navigation.tacked .show-when-fixed ._follow-button-container { visibility: visible; opacity: 1; -ms-filter: none; filter: none; } ._page-portfolio ._tab-navigation .show-when-fixed._user-icon-container, ._page-portfolio ._tab-navigation .show-when-fixed ._follow-button-container { visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: 0.3s visibility linear, 0.3s opacity linear; -moz-transition: 0.3s visibility linear, 0.3s opacity linear; -o-transition: 0.3s visibility linear, 0.3s opacity linear; -ms-transition: 0.3s visibility linear, 0.3s opacity linear; transition: 0.3s visibility linear, 0.3s opacity linear; border: 0; } ._page-portfolio ._tab-navigation .show-when-fixed { position: absolute; } ._page-portfolio ._tab-navigation ._user-icon-container { top: 5px; left: 5vw; } ._page-portfolio ._tab-navigation ._user-icon-container a { display: inline-block; height: 40px; line-height: 40px; } ._page-portfolio ._tab-navigation .user-name { font-weight: bold; color: #464a4d; } ._page-portfolio ._tab-navigation .user-actions { top: 10px; 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 .header { background-color: #fff; text-align: center; } ._portfolio-container .header .user-self-introduction { max-width: 460px; margin: 0 auto; padding-bottom: 20px; } ._portfolio-container .header .user-self-introduction .user-introduction { display: inline-block; text-align: center; } ._portfolio-container .header .user-self-introduction .user-introduction .short-text { max-height: 40px; overflow: hidden; text-align: left; font-size: 14px; line-height: 20px; color: #757c80; } ._portfolio-container .header .user-self-introduction .user-introduction .more-read { display: inline-block; text-align: center; } ._portfolio-container .header .user-self-introduction .user-introduction .more-read, ._portfolio-container .header .user-self-introduction .user-introduction .more-read > ._icon-detail { vertical-align: middle; line-height: 18px; font-size: 12px; color: #65dbf7; } ._portfolio-container .account-list { padding-bottom: 10px; } ._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; } .whitecube-masthead { width: 100%; position: relative; overflow: hidden; height: 260px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .whitecube-masthead.user_bg .cover-footer { -webkit-transition: 0.2s background linear; -moz-transition: 0.2s background linear; -o-transition: 0.2s background linear; -ms-transition: 0.2s background linear; transition: 0.2s background linear; } .whitecube-masthead.user_bg .cover-footer ._title, .whitecube-masthead.user_bg .cover-footer ._icon-menu { color: #2f3233; } .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-image: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); background-image: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); background-image: 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 { -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; -ms-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .whitecube-masthead ._cover-image-editor { position: absolute; left: 20px; bottom: 120px; font-size: 12px; } .whitecube-masthead ._cover-image-editor .open { height: 30px; line-height: 30px; padding: 0 16px; margin: 0 16px; 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: 1003; color: #666; background: #fff; 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, .whitecube-masthead ._user-icon.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, .whitecube-masthead ._user-icon.waiting:after { content: ''; position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px; background-color: #fff; 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, .whitecube-masthead ._user-icon.waiting ._cover-image-editor, .whitecube-masthead._cover-image.waiting ._user-icon-editor, .whitecube-masthead ._user-icon.waiting ._user-icon-editor { display: none; } .whitecube-masthead .cover-footer { position: absolute; left: 0; bottom: 0; width: 100%; height: 110px; padding-bottom: 0; -webkit-transition: 0.2s background linear; -moz-transition: 0.2s background linear; -o-transition: 0.2s background linear; -ms-transition: 0.2s background linear; transition: 0.2s background linear; background-color: #fff; text-align: center; } .whitecube-masthead .cover-footer .user-icon-container { position: absolute; top: -70px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .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; 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: inline-block; font-size: 18px; font-weight: bolder; color: #000; margin-top: 10px; } .whitecube-masthead .cover-footer .badge-container { display: inline-block; margin-top: 10px; margin-left: 8px; } .whitecube-masthead .cover-footer .badge { vertical-align: middle; color: #fff; background: rgba(166,216,162,0.9); height: 14px; line-height: 14px; font-size: 10px; border-radius: 7px; } .whitecube-masthead .cover-footer .relationship-container { margin-top: 5px; } .whitecube-masthead .cover-footer .relationship { display: inline-block; width: 100%; text-align: center; line-height: 12px; color: #8d9599; vertical-align: middle; } .whitecube-masthead .cover-footer .relationship ._icon-like { color: #f64160; } .whitecube-masthead .cover-footer .relationship ._icon-like, .whitecube-masthead .cover-footer .relationship ._icon-smile { vertical-align: top; } .whitecube-masthead .cover-footer .relationship ._icon-text { font-size: 10px; line-height: 1; vertical-align: 0; } .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; border-radius: 15px; } .whitecube-masthead .cover-footer ._action-button.profile-edit { color: #fff; } .previewing-cover-image-region._cover-image { background-color: rgba(0,0,0,0.3); } .previewing-cover-image-region._header-container { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .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; border-radius: 8px; margin-left: 4px; font-size: 12px; } .integration-panel { width: 100%; height: 0; position: relative; z-index: 500; -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; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .integration-panel.loaded { opacity: 1; -ms-filter: none; filter: none; } ul.integration-list { position: absolute; bottom: -50px; right: 25px; } ul.integration-list .image-container { height: 139px; 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; 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 { display: inline-block; position: relative; overflow: hidden; background-color: #fafafa; width: 140px; border-radius: 5px; margin: 10px 5px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.16); box-shadow: 0 5px 10px rgba(0,0,0,0.16); } ul.integration-list li.integration-item.circlems .image-container { position: relative; max-height: initial; height: 190px; } ul.integration-list li.integration-item.circlems .name { background: rgba(255,255,255,0.9); } ul.integration-list li.integration-item.circlems .type { font-size: 10px; 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; border-radius: 8px; 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: 8px; border-top-right-radius: 8px; 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; border-radius: 8px; } ._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; border-radius: 8px; } ._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: 8px; border-bottom-right-radius: 8px; } ._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; border-radius: 8px; } ._profile-edit-modal._modal-container .footer ._action-button.save:disabled { background: #ccc; } ._profile-view-modal._modal-container { z-index: 1000; background-color: rgba(240,242,243,0.95); padding-top: 0; } ._profile-view-modal._modal-container ._icon-close.ui-modal-close { position: absolute; top: 0; left: 610px; color: #aaa; cursor: pointer; } ._profile-view-modal._modal-container .container { position: relative; width: 480px; margin: 100px auto; background: #fff; padding: 60px; border-radius: 16px; text-align: left; } ._profile-view-modal._modal-container .container .user-icon-container { margin-top: -120px; margin-left: 50%; margin-bottom: 5px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; } ._profile-view-modal._modal-container .container ._user-icon { display: block; margin: 0 auto; background-color: #fff; } ._profile-view-modal._modal-container .container ._title { display: inline-block; font-size: 20px; font-weight: bolder; color: #000; margin-top: 10px; } ._profile-view-modal._modal-container .container .badge-container { display: inline-block; margin-top: 10px; margin-left: 8px; } ._profile-view-modal._modal-container .container .badge { vertical-align: middle; color: #fff; background-color: rgba(166,216,162,0.9); height: 14px; line-height: 14px; font-size: 10px; border-radius: 7px; } ._profile-view-modal._modal-container .container .button { margin: 10px 0 0; } ._profile-view-modal._modal-container .container .button ._action-button { margin: 0; } ._profile-view-modal._modal-container .relationship-container { margin-bottom: 5px; height: 18px; } ._profile-view-modal._modal-container .relationship { display: inline-block; width: 100%; text-align: center; line-height: 12px; color: #8d9599; vertical-align: middle; } ._profile-view-modal._modal-container .relationship ._icon-like { color: #f64160; } ._profile-view-modal._modal-container .relationship ._icon-like, ._profile-view-modal._modal-container .relationship ._icon-smile { vertical-align: top; } ._profile-view-modal._modal-container .relationship ._icon-text { font-size: 10px; line-height: 1; vertical-align: 0; } ._profile-view-modal._modal-container .user-self-introduction { width: 400px; margin: 0 auto; padding-bottom: 30px; text-align: center; } ._profile-view-modal._modal-container .user-self-introduction .user-introduction { text-align: center; font-size: 14px; line-height: 20px; color: #464a4d; } ._profile-view-modal._modal-container .user-self-introduction .user-introduction .text { display: inline-block; text-align: left; word-break: break-all; } ._profile-view-modal._modal-container .account-list { padding-bottom: 20px; } ._profile-view-modal._modal-container .account-list li { display: inline; } ._profile-view-modal._modal-container .account-list .account { display: inline-block; margin: 0 10px; } ._profile-view-modal._modal-container .personal-info, ._profile-view-modal._modal-container .workspace { border-top: 1px solid rgba(0,0,0,0.05); } ._profile-view-modal._modal-container .user-info-table { width: 100%; padding: 20px 0; font-size: 14px; word-break: break-all; } ._profile-view-modal._modal-container .user-info-table.personal-info { border-top: 1px solid rgba(0,0,0,0.05); } ._profile-view-modal._modal-container .user-info-table th, ._profile-view-modal._modal-container .user-info-table td { padding: 10px; width: 50%; border: none; vertical-align: top; color: #5e6366; } ._profile-view-modal._modal-container .user-info-table th { text-align: right; font-weight: bolder; } ._profile-view-modal._modal-container .user-info-table .personal-tag { margin-right: 8px; } ._profile-view-modal._modal-container .user-info-table .personal-tag:last-child { margin-right: 0; } ._profile-view-modal._modal-container .integration-panel { height: auto; } ._profile-view-modal._modal-container .integration-panel .integration-list { position: static; text-align: center; background-color: #f5f5f5; border-radius: 8px; } ._profile-view-modal._modal-container .integration-panel .integration-list .integration-item { vertical-align: top; margin: 20px 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } ._profile-view-modal._modal-container .integration-panel .integration-list .integration-item + .integration-item { margin-left: 10px; } ._profile-view-modal._modal-container .workspace { padding-top: 30px; } ._profile-view-modal._modal-container .workspace .title { text-align: center; font-size: 18px; font-weight: bold; color: #464a4d; } ._profile-view-modal._modal-container .workspace .workspace-image-container { text-align: center; } ._profile-view-modal._modal-container .workspace .workspace-image { max-width: 480px; max-height: 480px; } ._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; 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 .timeline > .items { width: 960px; margin: 0 auto; } @media (min-width: 1300px) { body.ranking .timeline > .items { width: 1320px; } } body.ranking .page-title { position: absolute; left: 30px; height: 50px; line-height: 50px; font-size: 16px; font-weight: bold; } @media (min-width: 1300px) { body.ranking .page-title { left: 2.5vw; } } body.ranking .nav-ranking.header { position: relative; text-align: center; height: 50px; line-height: 50px; width: 100%; z-index: 1; color: #464a4d; } body.ranking .nav-ranking.header .description { display: inline-block; vertical-align: middle; font-size: 16px; font-weight: bold; } body.ranking .nav-ranking.header nav.other-ranking { display: inline-block; margin: 0 10px; } 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; border-radius: 5px; vertical-align: middle; } body.ranking .nav-ranking.header nav.other-ranking a { color: #464a4d; } body.ranking .nav-ranking.header nav.other-ranking ._icon-prev, body.ranking .nav-ranking.header nav.other-ranking ._icon-next { margin: 0 5px; color: #464a4d; } body.ranking .nav-ranking.header.with-cover { color: #fff; } body.ranking .nav-ranking.header.with-cover nav.other-ranking a { color: #fff; } body.ranking .nav-ranking.header.with-cover nav.other-ranking ._icon-prev, body.ranking .nav-ranking.header.with-cover nav.other-ranking ._icon-next { color: #fff; } 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; } 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; 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; 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; 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; } .search-filter .top-filter-options .filter-value { padding: 0 10px; cursor: pointer; } .search-filter .top-filter-options .filter-value span { padding: 7px 0; } .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 { border-bottom: 2px solid #464a4d; color: #464a4d; } .search-filter .top-filter-options .filter-value.disabled { display: none; } .search-filter .top-filter-options .search-filter-modal-popup { margin-left: 10px; line-height: 30px; font-size: 12px; background-color: #fff; color: #25c6ff; cursor: pointer; } .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; } ._search-filter-modal { background-color: rgba(0,0,0,0.5); overflow-x: hidden; } ._search-filter-modal ._icon-close { position: absolute; right: -40px; top: 0; cursor: pointer; color: #fff; } ._search-filter-modal .filter-options-popup-window { z-index: 1003; position: absolute; top: calc(50vh - 620px / 2); left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: left; line-height: 30px; background-color: #fff; border-radius: 16px; color: #464a4d; margin-bottom: 20px; } @media (max-height: 660px) { ._search-filter-modal .filter-options-popup-window { top: 0; margin-top: 20px; } } ._search-filter-modal .filter-options-popup-window:hover { display: table-row !important; } ._search-filter-modal .filter-options-popup-window:hover ~ ._icon-text .arrow { display: block !important; } ._search-filter-modal .filter-options-popup-window .contents { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow-x: auto; overflow-y: hidden; padding: 20px; max-width: calc(100vw - 100px); } ._search-filter-modal .filter-options-popup-window .title { margin-bottom: 13px; font-size: 14px; color: #2f3233; font-weight: bold; } ._search-filter-modal .filter-options-popup-window .filter-options, ._search-filter-modal .filter-options-popup-window .filter-option-column { height: 500px; } ._search-filter-modal .filter-options-popup-window .filter-option-column { display: inline-block; vertical-align: top; min-width: 250px; } ._search-filter-modal .filter-options-popup-window .filter-option { display: block; } ._search-filter-modal .filter-options-popup-window .filter-option + .filter-option { margin-top: 11px; } ._search-filter-modal .filter-options-popup-window .filter-option .option-name { font-weight: bold; } ._search-filter-modal .filter-options-popup-window .filter-option-tools { -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; -moz-column-fill: auto; width: 1400px; height: 460px; padding-right: 20px; } ._search-filter-modal .filter-options-popup-window .filter-option-tools .filter-value { margin-right: 0; } ._search-filter-modal .filter-options-popup-window .filter-value { position: relative; display: block; white-space: nowrap; cursor: pointer; padding: 0 0 0 20px; margin-right: 50px; } ._search-filter-modal .filter-options-popup-window .filter-value:not(.disabled):hover { background-color: #f5f5f5; border-radius: 4px; } ._search-filter-modal .filter-options-popup-window .filter-value.disabled { display: block; color: rgba(70,74,77,0.3); cursor: default; } ._search-filter-modal .filter-options-popup-window .filter-value input { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } ._search-filter-modal .filter-options-popup-window .filter-value input:checked ~ ._icon-following { display: block; } ._search-filter-modal .filter-options-popup-window .filter-value ._icon-following { display: none; position: absolute; left: 4px; top: 0; line-height: 30px; color: #464a4d; } ._search-filter-modal .filter-options-popup-window .buttons { padding: 10px; border-top: 1px solid #eee; background-color: #fafafa; border-radius: 0 0 16px 16px; text-align: right; } ._search-filter-modal .filter-options-popup-window .buttons ._action-button + ._action-button { margin-left: 4px; } ._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; 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; 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; 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; 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; 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; 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; 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; 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; 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; 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; 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; 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; 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; 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 { 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; 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-s30f7c00f21.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; } a._premium-function-upsell-color { color: #999; } a._premium-function-upsell-color:hover { color: #ff7e00 !important; } #ui-tooltip-container { position: absolute; z-index: 1005; max-width: 200px; pointer-events: none; } #ui-tooltip-container .nipple { position: absolute; bottom: -6px; left: 50%; margin-left: -6px; width: 0; height: 0; border-width: 6px; border-bottom-width: 0; border-color: #333 transparent; border-style: solid; } #ui-tooltip-container.under-target .nipple { top: -6px; bottom: auto; border-top-width: 0; border-bottom-width: 6px; } #ui-tooltip-container .content { padding: 5px 10px; font-size: 12px; line-height: 18px; color: #fff; background-color: #333; border-radius: 6px; } #ui-tooltip-container .light .content { color: #333; background-color: #f5f5f5; } #ui-tooltip-container .light .nipple { border-color: #f5f5f5 transparent; } .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; 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); } } ._update-info-container { position: fixed; z-index: 999; right: 30px; bottom: 90px; width: 300px; color: #757c7f; } ._update-info-container .info { position: relative; padding: 10px 10px 17px; background-color: #fff; border: 2px solid #65dbf7; border-radius: 16px; background-image: url("../../../images/beta/information.svg"); background-position: 10px 10px; background-repeat: no-repeat; } ._update-info-container .info + .info { margin-top: 10px; } ._update-info-container .close { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; cursor: pointer; background-image: url("../../../images/beta/close-information.svg"); } ._update-info-container p + p { margin-top: 1em; } ._update-info-container strong { color: #f00; font-weight: bold; } ._update-info-container .title { margin: 0 20px 17px; color: #65dbf7; line-height: 16px; } ._update-info-container .controls { margin-top: 17px; text-align: center; } ._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; border-radius: 20px; font-size: 14px; } ._sketch-notice a { font-weight: bold; } ._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; border-radius: 8px; } ._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; border-radius: 8px 8px 0 0; } ._list-unit.header + ._list-unit { margin-top: 0; border-radius: 0 0 8px 8px; } ._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; } ._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; 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: 2px; } ._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 { width: 100px; text-align: center; color: #eee; font-size: 30px; } ._work-items-square .current ._icon-explicit, ._work-items-novel .current ._icon-explicit { border: none; } ._work-items-square .item { height: 100px; } ._work-items-square .item:not(.explicit)::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.05); } ._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 { width: 98px; height: 98px; line-height: 98px; border: 1px solid #eee; } ._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.2); } ._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: 998; 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: #2f3233; 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; border-radius: 5px; } ._work-data-container .data-container { margin: 0 0 30px 680px; } ._page-count-container { position: absolute; bottom: 0; left: 0; width: 100vw; height: 40px; margin-bottom: 10px; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: 0.3s visibility linear, 0.3s opacity linear; -moz-transition: 0.3s visibility linear, 0.3s opacity linear; -o-transition: 0.3s visibility linear, 0.3s opacity linear; -ms-transition: 0.3s visibility linear, 0.3s opacity linear; transition: 0.3s visibility linear, 0.3s opacity linear; } ._page-count-container.active { visibility: visible; opacity: 1; -ms-filter: none; filter: none; } ._page-count-container .page-count-wrapper { margin: 0 auto; text-align: right; width: calc(100% - 100px); max-width: 1200px; } ._page-count-container .page-count { display: inline-block; padding: 0 10px; margin-right: 5px; font-size: 14px; line-height: 30px; color: #fff; white-space: nowrap; background-color: rgba(0,0,0,0.4); border-radius: 15px; } ._page-count-container .page-count ._icon-images { color: #fff; } ._page-count-container .flip-page-controls { display: inline-block; margin-right: 20px; pointer-events: auto; } ._page-count-container .flip-page { display: inline-block; width: 30px; height: 30px; line-height: 30px; padding: 5px; border-radius: 50%; white-space: nowrap; font-size: 14px; color: #fff; text-align: center; cursor: pointer; } ._page-count-container .flip-page .background { border-radius: 50%; background-color: rgba(0,0,0,0.4); -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; -ms-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; } ._page-count-container .flip-page:hover .background, ._page-count-container .flip-page:focus .background { background-color: rgba(127,127,127,0.52); } ._page-count-container .flip-page.disabled { cursor: default; } ._page-count-container .flip-page.disabled .background { background-color: rgba(0,0,0,0.12); } ._page-count-container .flip-page .flip-up-icon, ._page-count-container .flip-page .flip-down-icon { display: inline-block; vertical-align: middle; width: 12px; height: 12px; } ._page-count-container .flip-page .flip-up-icon { background-image: url("../../../images/beta/prev-page.svg"); } ._page-count-container .flip-page .flip-down-icon { background-image: url("../../../images/beta/next-page.svg"); } ._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%; text-align: center; background-color: #fff; z-index: 2000; cursor: pointer; cursor: zoom-out; overflow: hidden; } ._illust-zoom-modal .scroll-wrapper { width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } ._illust-zoom-modal ._page-count-container .page-count-wrapper { width: auto; max-width: none; } ._clipstudio-campaign-lang-notice { margin: 10px auto 0; padding: 8px 0; width: 970px; background-color: #fff; border-radius: 5px; text-align: center; border: 1px solid #d6dee5; color: #f00; font-size: 14px; line-height: 1; } ._clipstudio-campaign { margin: 10px auto; width: 970px; background-color: #fff; border-radius: 5px; text-align: center; border: 1px solid #d6dee5; overflow: hidden; } ._clipstudio-campaign h1 { color: #212a47; font-size: 28px; line-height: 1; font-weight: bold; } ._clipstudio-campaign .purchase-link { display: block; margin: 0 auto; width: 283px; height: 65px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; background-image: url("../../../images/beta/campaign/clipstudio/purchase-link.png"); } ._clipstudio-campaign .purchase-link.disable { background-image: url("../../../images/beta/campaign/clipstudio/purchase-link-gray.png"); } ._clipstudio-campaign .campaign-header { margin-bottom: 36px; padding-top: 333px; height: 164px; background-image: url("../../../images/beta/campaign/clipstudio/header.png?2017-01-04"); -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center top; background-repeat: no-repeat; } ._clipstudio-campaign .clipstudio-advantages { margin-bottom: 50px; } ._clipstudio-campaign .clipstudio-advantages h1 { margin-bottom: 40px; } ._clipstudio-campaign .clipstudio-advantages .advantages { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } ._clipstudio-campaign .clipstudio-advantages .advantage { width: 200px; font-size: 16px; line-height: 22px; font-weight: bold; } ._clipstudio-campaign .clipstudio-advantages .advantage + .advantage { margin-left: 64px; } ._clipstudio-campaign .clipstudio-advantages .advantage img { display: block; margin: 0 auto 9px; width: 154px; height: 126px; } ._clipstudio-campaign .clipstudio-advantages .advantage .note { display: inline-block; padding-left: 4px; font-size: 11px; font-weight: normal; } ._clipstudio-campaign .clipstudio-products { margin-bottom: 60px; } ._clipstudio-campaign .clipstudio-products h1 { margin-bottom: 28px; } ._clipstudio-campaign .clipstudio-products .products { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin-bottom: 25px; } ._clipstudio-campaign .clipstudio-products .product { padding-top: 48px; width: 390px; background-image: url("../../../images/beta/campaign/clipstudio/product-background.png"); -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; background-repeat: no-repeat; background-position: center top; } ._clipstudio-campaign .clipstudio-products .product + .product { margin-left: 48px; } ._clipstudio-campaign .clipstudio-products .product .description { margin-bottom: 22px; } ._clipstudio-campaign .clipstudio-products .product .name { margin-bottom: 22px; font-size: 28px; line-height: 1; font-weight: bold; } ._clipstudio-campaign .clipstudio-products .product .name.clipstudio-pro { color: #28aabd; } ._clipstudio-campaign .clipstudio-products .product .name.clipstudio-ex { color: #135ba3; } ._clipstudio-campaign .clipstudio-products .product .about-link { display: inline-block; margin-bottom: 30px; color: #258fb8; font-size: 16px; line-height: 1; font-weight: bold; text-decoration: underline; } ._clipstudio-campaign .clipstudio-products .product img { display: block; margin: 0 auto; width: 180px; height: 252px; } ._clipstudio-campaign .clipstudio-products .product .price { line-height: 21px; } ._clipstudio-campaign .clipstudio-products .product .price strong { font-size: 17px; font-weight: bold; } ._clipstudio-campaign .clipstudio-products .purchase-link { margin-bottom: 11px; } ._clipstudio-campaign .clipstudio-products .campaign-notice { color: #444; font-size: 11px; line-height: 18px; } ._clipstudio-campaign .clipstudio-products .campaign-notice .notice + .notice { margin-top: 8px; } ._clipstudio-campaign .campaign-flow { margin-bottom: 40px; } ._clipstudio-campaign .campaign-flow h1 { margin-bottom: 30px; } ._clipstudio-campaign .campaign-flow .premium-link { display: inline-block; margin-bottom: 28px; color: #258fb8; font-size: 16px; line-height: 1; text-decoration: underline; } ._clipstudio-campaign .campaign-flow .flow { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 auto; width: 890px; } ._clipstudio-campaign .campaign-flow .step { width: 276px; margin-bottom: 40px; } ._clipstudio-campaign .campaign-flow .step img { display: block; margin-bottom: 6px; width: 276px; } ._clipstudio-campaign .campaign-flow .step .description { font-size: 16px; line-height: 1.5; text-align: left; } ._clipstudio-campaign .campaign-flow .step .note { margin-top: 8px; font-size: 11px; line-height: 1; text-align: left; } ._clipstudio-campaign .campaign-note { margin-bottom: 20px; padding: 0 20px; text-align: left; } ._clipstudio-campaign .campaign-note .note { color: #060606; font-size: 11px; line-height: 1; } ._clipstudio-campaign .campaign-note .note + .note { margin-top: 8px; }