@charset "UTF-8";
._icon-pixpedia, .pixpedia, .icon-pixpedia { background: url('../images/inline/pixpedia.png') no-repeat 0 50%; }

._icon-pixpedia-no-item, .icon-pixpedia-no-item { background: url('../images/inline/pixpedia-no-item.png') no-repeat 0 50%; }

._icon-pixcomic, .icon-pixcomic { background: url('../images/inline/pixcomic.png') no-repeat 0 50%; }

._icon-facebook { background: url('../images/inline/facebook.png') no-repeat 0 50%; }

._icon-menu-trigger { background: url('../images/inline/menu-trigger.png') no-repeat 0 50%; }

._icon-edit { background: url('../images/inline/edit.png') no-repeat 0 50%; }

.loading-indicator-small, ._button-lite-large.ui-loading { background: #fff url('../images/common/loading_16.gif') no-repeat 50% 50%; }

.loading-indicator, .user-items._loading { background: #fff url('../images/common/loading_32.gif') no-repeat 50% 50%; }

._clickable, ._tab-list li, .select-item, .questionnaire .status, ._comment-form .functions li, .ui-expander-container .expand, .ui-expander-container .collapse { color: #258fb8; cursor: pointer; }
._clickable:hover, ._tab-list li:hover, .select-item:hover, .questionnaire .status:hover, ._comment-form .functions li:hover, .ui-expander-container .expand:hover, .ui-expander-container .collapse:hover { text-decoration: underline; }
.current._clickable, ._tab-list li.current, .current.select-item, .questionnaire .current.status, ._comment-form .functions li.current, .ui-expander-container .current.expand, .ui-expander-container .current.collapse { color: inherit; }

.layout-column-profile .layout-section-column-1, .layout-column-profile .layout-section-column-2 { float: none; clear: both; display: table-cell; }

.create-group-settings .require-premium, .side-menu.group-list .create-group.not-premium span, .side-menu.dic-ranking .create-group.not-premium span { background-repeat: no-repeat; background-position: 0 50%; }

.create-group-settings .require-premium, .side-menu.group-list .create-group.not-premium span, .side-menu.dic-ranking .create-group.not-premium span { background-image: url('../images/inline/premium.png'); }


._profile-menu-unit { -moz-border-radius: none; -webkit-border-radius: none; border-radius: none; background-color: inherit; border: none; }

.novel-item .sub { -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px; border-radius: 5px 0 0 5px; display: table-cell; background-color: #fff; background-clip: padding-box; border-left: 1px solid #d6dee5; border-top: 1px solid #d6dee5; border-bottom: 1px solid #d6dee5; }

.novel-item .main { -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0; border-radius: 0 5px 5px 0; display: table-cell; background-color: #fff; background-clip: padding-box; border-right: 1px solid #d6dee5; border-top: 1px solid #d6dee5; border-bottom: 1px solid #d6dee5; }

._comment-form .submit-button { -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; -moz-appearance: none; -webkit-appearance: none; display: inline-block; margin: 0; padding: 0 25px; font-family: inherit; font-weight: bold; line-height: 26px; color: #fff; background-color: #0096db; border: none; border-radius: 5px; cursor: pointer; }
._comment-form .submit-button:hover { background-color: #00a7f5; }

._button, .button-small, ._button-large, .submit-container .submit, .submit-container .cancel, .follow, .request-mypixiv, .following, .mypixiv, .questionnaire input, .create-group-settings input[type="submit"], .button-on, .button-small-on { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: inline-block; margin: 0; padding: 2px 15px; text-shadow: #fcfcf8 0 1px 2px; text-decoration: none; vertical-align: middle; font-size: 12px; line-height: 18px; color: #258fb8; text-align: center; word-wrap: break-word; border: 1px solid #cfe0e9; background-color: #f4f4e7; cursor: pointer; }
._button:hover, .button-small:hover, ._button-large:hover, .submit-container .submit:hover, .submit-container .cancel:hover, .follow:hover, .request-mypixiv:hover, .following:hover, .mypixiv:hover, .questionnaire input:hover, .create-group-settings input[type="submit"]:hover, .button-on:hover, .button-small-on:hover { text-decoration: none; background-color: #f7f7ed; }

._button, .button-small, ._button-large, .submit-container .submit, .submit-container .cancel, .follow, .request-mypixiv, .following, .mypixiv, .questionnaire input, .create-group-settings input[type="submit"] { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFEFEFC', endColorstr='#FFE5E5C3'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1ZTVjMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefc), color-stop(100%, #e5e5c3)); background-image: -moz-linear-gradient(top, #fefefc 0%, #e5e5c3 100%); background-image: -webkit-linear-gradient(top, #fefefc 0%, #e5e5c3 100%); background-image: linear-gradient(to bottom, #fefefc 0%, #e5e5c3 100%); }
._button:hover, .button-small:hover, ._button-large:hover, .submit-container .submit:hover, .submit-container .cancel:hover, .follow:hover, .request-mypixiv:hover, .following:hover, .mypixiv:hover, .questionnaire input:hover, .create-group-settings input[type="submit"]:hover { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFDFDFA', endColorstr='#FFD4D497'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q0ZDQ5NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfa), color-stop(100%, #d4d497)); background-image: -moz-linear-gradient(top, #fdfdfa 0%, #d4d497 100%); background-image: -webkit-linear-gradient(top, #fdfdfa 0%, #d4d497 100%); background-image: linear-gradient(to bottom, #fdfdfa 0%, #d4d497 100%); }

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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

html { overflow-y: scroll; }

body { font-size: 12px; line-height: 1.5; color: #333;  }

body, pre { font-family: "Helvetica Neue","arial","Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }

a { color: #258fb8; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: none; }

em, i { font-style: italic; }

strong, b { font-weight: bold; }

img { vertical-align: middle; border: none; }

iframe { border: none; }

input[type="file"] { margin: 0; border: none; }

input[type="text"], input[type="email"], input[type="password"], textarea { height: 20px; margin: 0; padding: 0 4px; color: #333; font-size: 12px; border: 1px solid #becad7; }
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus { background: #ffffcc; outline: none; }

input[type="email"] { width: 190px; }

label { display: inline-block; }

label, input[type="submit"], button[type="submit"] { cursor: pointer; }

input[type="button"]:disabled, input[type="submit"]:disabled, button:disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; background-image: inherit !important; cursor: auto !important; }

input[type="checkbox"], input[type="radio"] { margin: 0; padding: 0; background: none; border: none; }
label input[type="checkbox"], label input[type="radio"] { margin-right: 4px; }

button { margin: 0; padding: 0; }

area { outline: none; }

pre { word-wrap: break-word; white-space: pre-wrap; }

div { word-wrap: break-word; }

caption, th { text-align: left; }

hr { border: 0; height: 1px; margin: 0; padding: 0; }

input:-moz-placeholder { color: #a9a9a9; }

input::-moz-placeholder { color: #a9a9a9; }

input:-ms-input-placeholder { color: #a9a9a9; }

.sprites-sprite, .sprites-add, .sprites-back-to-top, .sprites-bookmark-badge-gray, .sprites-bookmark-badge, .sprites-bookmarks, .sprites-booth, .sprites-btn_type01, .btn_type01, .sprites-btn_type02, .btn_type02, .sprites-btn_type04, .btn_type04, .sprites-btn_type06, .btn_type06, .sprites-btn_type07, .btn_type07, .sprites-btn_type08, .sprites-btn_type09, .btn_type09, .sprites-btn_type10, .sprites-btn_type11, .sprites-button-add, .sprites-camera, .sprites-checked, .sprites-clear, .sprites-close-14, .sprites-close-thin, .sprites-close, .sprites-close_, .sprites-dot, .sprites-down, .sprites-edit, .sprites-event-2, .sprites-event, .sprites-expand-image, .sprites-facebook-logo-24, .sprites-factory, .sprites-fb-white, .sprites-feed, .rss a, .sprites-fit-image, .sprites-folder-open, .sprites-folder, .sprites-follow, .sprites-full-size, .sprites-go, .sprites-google-plus-white, .sprites-google-plus, .sprites-heart, .sprites-help, .sprites-home, .sprites-i, .sprites-icon-booth-tag, .sprites-icon-facebook, .sprites-icon-google, .sprites-icon-manga, .sprites-icon-tweet, .sprites-icon-ugoira, .sprites-image-response-badge, .sprites-info, .sprites-list-handle, .sprites-list-remove, .sprites-lock, .sprites-logo-mini, .sprites-logo, .sprites-mail, .sprites-manage, .sprites-map, .sprites-messages, .sprites-minus, .sprites-more-black, .sprites-more-white, .sprites-more, .sprites-mypixiv-badge, .sprites-mypixiv, .sprites-next-linked, .sprites-next, .breadcrumb span + span:before, .sibling-items .after a:after, .progress-items li + li:before, .sprites-ng, .sprites-notification-message-on, .sprites-notification-message, .sprites-notification-popboard-on, .sprites-notification-popboard, .sprites-novel, .sprites-official-badge, .sprites-ok, .sprites-pdf, .sprites-pixcomic, .sprites-pixiv, .sprites-pixpedia-no-item, .sprites-pixpedia, .sprites-premium-badge, .sprites-prev-linked, .sprites-prev, .sibling-items .before a:before, .sprites-private-badge, .sprites-pull-down-trigger, .sprites-quote-badge, .sprites-r-18-badge, .sprites-r-18g-badge, .sprites-remove-white, .sprites-remove, .sprites-report, .sprites-search-old, .sprites-search, .sprites-series-badge, .sprites-sina-white, .sprites-stacc-2, .sprites-stacc, .sprites-stay, .sprites-thumbnail-view, .sprites-trigger, .sprites-twitter-logo-24, .sprites-twitter-white, .sprites-up, .sprites-updated, .sprites-upload { background-image: url('../images/sprites-sc5a6e758f8.png'); background-repeat: no-repeat; }

.sprites-add { background-position: 0 0; height: 14px; width: 14px; }

.sprites-back-to-top { background-position: 0 -14px; height: 48px; width: 48px; }

.sprites-bookmark-badge-gray { background-position: 0 -62px; height: 10px; width: 10px; }

.sprites-bookmark-badge { background-position: 0 -72px; height: 10px; width: 10px; }

.sprites-bookmarks { background-position: 0 -82px; height: 20px; width: 20px; }
.sprites-bookmarks:hover, .sprites-bookmarks.bookmarks-hover { background-position: 0 -102px; }

.sprites-booth { background-position: 0 -122px; height: 16px; width: 16px; }

.sprites-btn_type01, .btn_type01 { background-position: 0 -138px; height: 24px; width: 120px; }
.sprites-btn_type01:hover, .btn_type01:hover, .sprites-btn_type01.btn_type01-hover, .btn_type01-hover.btn_type01 { background-position: 0 -162px; }

.sprites-btn_type02, .btn_type02 { background-position: 0 -186px; height: 34px; width: 130px; }
.sprites-btn_type02:hover, .btn_type02:hover, .sprites-btn_type02.btn_type02-hover, .btn_type02-hover.btn_type02 { background-position: 0 -220px; }

.sprites-btn_type04, .btn_type04 { background-position: 0 -254px; height: 24px; width: 71px; }
.sprites-btn_type04:hover, .btn_type04:hover, .sprites-btn_type04.btn_type04-hover, .btn_type04-hover.btn_type04 { background-position: 0 -278px; }

.sprites-btn_type06, .btn_type06 { background-position: 0 -302px; height: 24px; width: 222px; }
.sprites-btn_type06:hover, .btn_type06:hover, .sprites-btn_type06.btn_type06-hover, .btn_type06-hover.btn_type06 { background-position: 0 -326px; }

.sprites-btn_type07, .btn_type07 { background-position: 0 -350px; height: 26px; width: 79px; }
.sprites-btn_type07:hover, .btn_type07:hover, .sprites-btn_type07.btn_type07-hover, .btn_type07-hover.btn_type07 { background-position: 0 -376px; }

.sprites-btn_type08 { background-position: 0 -402px; height: 24px; width: 160px; }
.sprites-btn_type08:hover, .sprites-btn_type08.btn_type08-hover { background-position: 0 -426px; }

.sprites-btn_type09, .btn_type09 { background-position: 0 -450px; height: 34px; width: 120px; }
.sprites-btn_type09:hover, .btn_type09:hover, .sprites-btn_type09.btn_type09-hover, .btn_type09-hover.btn_type09 { background-position: 0 -484px; }

.sprites-btn_type10 { background-position: 0 -518px; height: 24px; width: 120px; }
.sprites-btn_type10:hover, .sprites-btn_type10.btn_type10-hover { background-position: 0 -542px; }

.sprites-btn_type11 { background-position: 0 -566px; height: 24px; width: 120px; }
.sprites-btn_type11:hover, .sprites-btn_type11.btn_type11-hover { background-position: 0 -590px; }

.sprites-button-add { background-position: 0 -614px; height: 12px; width: 12px; }

.sprites-camera { background-position: 0 -626px; height: 11px; width: 14px; }

.sprites-checked { background-position: 0 -637px; height: 16px; width: 16px; }

.sprites-clear { background-position: 0 -653px; height: 14px; width: 14px; }

.sprites-close-14 { background-position: 0 -667px; height: 14px; width: 14px; }

.sprites-close-thin { background-position: 0 -681px; height: 16px; width: 16px; }

.sprites-close { background-position: 0 -697px; height: 16px; width: 16px; }

.sprites-close_ { background-position: 0 -713px; height: 16px; width: 16px; }

.sprites-dot { background-position: 0 -729px; height: 20px; width: 20px; }

.sprites-down { background-position: 0 -749px; height: 14px; width: 14px; }

.sprites-edit { background-position: 0 -763px; height: 10px; width: 11px; }

.sprites-event-2 { background-position: 0 -773px; height: 26px; width: 26px; }

.sprites-event { background-position: 0 -799px; height: 20px; width: 19px; }

.sprites-expand-image { background-position: 0 -819px; height: 20px; width: 20px; }

.sprites-facebook-logo-24 { background-position: 0 -839px; height: 24px; width: 24px; }

.sprites-factory { background-position: 0 -863px; height: 16px; width: 16px; }

.sprites-fb-white { background-position: 0 -879px; height: 16px; width: 16px; }

.sprites-feed, .rss a { background-position: 0 -895px; height: 14px; width: 14px; }

.sprites-fit-image { background-position: 0 -909px; height: 20px; width: 20px; }

.sprites-folder-open { background-position: 0 -929px; height: 16px; width: 16px; }

.sprites-folder { background-position: 0 -945px; height: 16px; width: 16px; }

.sprites-follow { background-position: 0 -961px; height: 16px; width: 16px; }

.sprites-full-size { background-position: 0 -977px; height: 20px; width: 20px; }

.sprites-go { background-position: 0 -997px; height: 37px; width: 37px; }

.sprites-google-plus-white { background-position: 0 -1034px; height: 16px; width: 16px; }

.sprites-google-plus { background-position: 0 -1050px; height: 16px; width: 16px; }

.sprites-heart { background-position: 0 -1066px; height: 16px; width: 16px; }

.sprites-help { background-position: 0 -1082px; height: 12px; width: 12px; }

.sprites-home { background-position: 0 -1094px; height: 20px; width: 20px; }
.sprites-home:hover, .sprites-home.home-hover { background-position: 0 -1114px; }

.sprites-i { background-position: 0 -1134px; height: 14px; width: 14px; }

.sprites-icon-booth-tag { background-position: 0 -1148px; height: 14px; width: 14px; }

.sprites-icon-facebook { background-position: 0 -1162px; height: 23px; width: 14px; }

.sprites-icon-google { background-position: 0 -1185px; height: 22px; width: 23px; }

.sprites-icon-manga { background-position: 0 -1207px; height: 33px; width: 33px; }

.sprites-icon-tweet { background-position: 0 -1240px; height: 19px; width: 25px; }

.sprites-icon-ugoira { background-position: 0 -1259px; height: 30px; width: 30px; }

.sprites-image-response-badge { background-position: 0 -1289px; height: 10px; width: 9px; }

.sprites-info { background-position: 0 -1299px; height: 14px; width: 14px; }

.sprites-list-handle { background-position: 0 -1313px; height: 20px; width: 20px; }

.sprites-list-remove { background-position: 0 -1333px; height: 20px; width: 20px; }

.sprites-lock { background-position: 0 -1353px; height: 74px; width: 68px; }

.sprites-logo-mini { background-position: 0 -1427px; height: 60px; width: 85px; }

.sprites-logo { background-position: 0 -1487px; height: 50px; width: 130px; }

.sprites-mail { background-position: 0 -1537px; height: 12px; width: 16px; }

.sprites-manage { background-position: 0 -1549px; height: 16px; width: 16px; }

.sprites-map { background-position: 0 -1565px; height: 16px; width: 15px; }

.sprites-messages { background-position: 0 -1581px; height: 20px; width: 20px; }
.sprites-messages:hover, .sprites-messages.messages-hover { background-position: 0 -1601px; }

.sprites-minus { background-position: 0 -1621px; height: 14px; width: 14px; }

.sprites-more-black { background-position: 0 -1635px; height: 4px; width: 8px; }

.sprites-more-white { background-position: 0 -1639px; height: 4px; width: 8px; }

.sprites-more { background-position: 0 -1643px; height: 4px; width: 8px; }

.sprites-mypixiv-badge { background-position: 0 -1647px; height: 17px; width: 17px; }

.sprites-mypixiv { background-position: 0 -1664px; height: 16px; width: 16px; }

.sprites-next-linked { background-position: 0 -1680px; height: 8px; width: 6px; }

.sprites-next, .breadcrumb span + span:before, .sibling-items .after a:after, .progress-items li + li:before { background-position: 0 -1688px; height: 8px; width: 6px; }

.sprites-ng { background-position: 0 -1696px; height: 14px; width: 14px; }

.sprites-notification-message-on { background-position: 0 -1710px; height: 26px; width: 26px; }

.sprites-notification-message { background-position: 0 -1736px; height: 26px; width: 26px; }

.sprites-notification-popboard-on { background-position: 0 -1762px; height: 26px; width: 26px; }

.sprites-notification-popboard { background-position: 0 -1788px; height: 26px; width: 26px; }

.sprites-novel { background-position: 0 -1814px; height: 20px; width: 19px; }

.sprites-official-badge { background-position: 0 -1834px; height: 14px; width: 71px; }

.sprites-ok { background-position: 0 -1848px; height: 14px; width: 14px; }

.sprites-pdf { background-position: 0 -1862px; height: 12px; width: 10px; }

.sprites-pixcomic { background-position: 0 -1874px; height: 14px; width: 14px; }

.sprites-pixiv { background-position: 0 -1888px; height: 16px; width: 16px; }

.sprites-pixpedia-no-item { background-position: 0 -1904px; height: 14px; width: 15px; }

.sprites-pixpedia { background-position: 0 -1918px; height: 14px; width: 15px; }

.sprites-premium-badge { background-position: 0 -1932px; height: 18px; width: 62px; }

.sprites-prev-linked { background-position: 0 -1950px; height: 8px; width: 6px; }

.sprites-prev, .sibling-items .before a:before { background-position: 0 -1958px; height: 8px; width: 6px; }

.sprites-private-badge { background-position: 0 -1966px; height: 17px; width: 17px; }

.sprites-pull-down-trigger { background-position: 0 -1983px; height: 9px; width: 13px; }

.sprites-quote-badge { background-position: 0 -1992px; height: 10px; width: 9px; }

.sprites-r-18-badge { background-position: 0 -2002px; height: 17px; width: 17px; }

.sprites-r-18g-badge { background-position: 0 -2019px; height: 17px; width: 17px; }

.sprites-remove-white { background-position: 0 -2036px; height: 14px; width: 14px; }

.sprites-remove { background-position: 0 -2050px; height: 14px; width: 14px; }

.sprites-report { background-position: 0 -2064px; height: 18px; width: 26px; }

.sprites-search-old { background-position: 0 -2082px; height: 28px; width: 28px; }

.sprites-search { background-position: 0 -2110px; height: 16px; width: 16px; }

.sprites-series-badge { background-position: 0 -2126px; height: 28px; width: 28px; }
.sprites-series-badge:hover, .sprites-series-badge.series-badge-hover { background-position: 0 -2154px; }

.sprites-sina-white { background-position: 0 -2182px; height: 13px; width: 16px; }

.sprites-stacc-2 { background-position: 0 -2195px; height: 16px; width: 16px; }

.sprites-stacc { background-position: 0 -2211px; height: 20px; width: 20px; }
.sprites-stacc:hover, .sprites-stacc.stacc-hover { background-position: 0 -2231px; }

.sprites-stay { background-position: 0 -2251px; height: 14px; width: 14px; }

.sprites-thumbnail-view { background-position: 0 -2265px; height: 20px; width: 20px; }

.sprites-trigger { background-position: 0 -2285px; height: 8px; width: 13px; }

.sprites-twitter-logo-24 { background-position: 0 -2293px; height: 24px; width: 24px; }

.sprites-twitter-white { background-position: 0 -2317px; height: 13px; width: 16px; }

.sprites-up { background-position: 0 -2330px; height: 14px; width: 14px; }

.sprites-updated { background-position: 0 -2344px; height: 10px; width: 10px; }

.sprites-upload { background-position: 0 -2354px; height: 20px; width: 20px; }
.sprites-upload:hover, .sprites-upload.upload-hover { background-position: 0 -2374px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .sprites-retina-sprite { background-image: url('../images/sprites-retina-s7d66ff59da.png'); background-repeat: no-repeat; }
  .sprites-add { width: 14px; height: 14px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 0; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-bookmark-badge { width: 10px; height: 10px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -14px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-booth { width: 16px; height: 16px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -24px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-button-add { width: 12px; height: 12px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -40px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-clear { width: 14px; height: 14px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -52px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-close-14 { width: 14px; height: 14px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -66px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-close-thin { width: 16px; height: 16px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -80px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-close { width: 16px; height: 16px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -96px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-dot { width: 20px; height: 20px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -112px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-down { width: 14px; height: 14px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -132px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-expand-image { width: 20px; height: 20px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -146px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-facebook-logo-24 { width: 24px; height: 24px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -166px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-fb-white { width: 16px; height: 16px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -190px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-fit-image { width: 20px; height: 20px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -206px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-full-size { width: 20px; height: 20px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -226px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-google-plus-white { width: 16px; height: 16px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -246px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-google-plus { width: 12px; height: 12px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -262px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-icon-booth-tag { width: 14px; height: 14px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -274px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-icon-facebook { width: 14px; height: 23px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -288px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-icon-google { width: 23px; height: 22px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -311px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-icon-manga { width: 33px; height: 33px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -333px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-icon-tweet { width: 25px; height: 19px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -366px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-icon-ugoira { width: 30px; height: 30px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -385px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-info { width: 14px; height: 14px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -415px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-list-handle { width: 20px; height: 20px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -429px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-list-remove { width: 20px; height: 20px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -449px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-logo-mini { width: 85px; height: 60px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -469px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-logo { width: 125px; height: 50px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -529px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-minus { width: 14px; height: 14px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -579px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-more-black { width: 8px; height: 4px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -593px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-more-white { width: 8px; height: 4px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -597px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-more { width: 8px; height: 4px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -601px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-next-linked { width: 6px; height: 8px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -605px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-next, .breadcrumb span + span:before, .sibling-items .after a:after, .progress-items li + li:before { width: 6px; height: 8px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -613px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-ng { width: 14px; height: 14px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -621px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-ok { width: 14px; height: 14px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -635px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-pixiv { width: 16px; height: 16px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -649px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-prev-linked { width: 6px; height: 8px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -665px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-prev, .sibling-items .before a:before { width: 6px; height: 8px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -673px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-search { width: 16px; height: 16px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -681px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-sina-white { width: 16px; height: 13px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -697px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-stay { width: 14px; height: 14px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -710px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-thumbnail-view { width: 20px; height: 20px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -724px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-trigger { width: 13px; height: 8px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -744px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-twitter-logo-24 { width: 24px; height: 24px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -752px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-twitter-white { width: 16px; height: 13px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -776px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-up { width: 14px; height: 14px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -789px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; }
  .sprites-updated { width: 10px; height: 10px; background: url('../images/sprites-retina-s7d66ff59da.png') no-repeat 0 -803px; -moz-background-size: 125px auto; -o-background-size: 125px auto; -webkit-background-size: 125px auto; background-size: 125px auto; } }
.notification-icons-sprite, .notification-icons-approve-friend, .notification-icons-bookmarked, .notification-icons-comic-book, .notification-icons-comic-new, .notification-icons-commented, .notification-icons-content-reference, .notification-icons-content-response, .notification-icons-favorited, .notification-icons-like, .notification-icons-ranked-in, .notification-icons-received-message, .notification-icons-received-stacc-message, .notification-icons-scored, .notification-icons-sketch-newbie, .notification-icons-tagged { background-image: url('../images/notification-icons-sa46d6951a5.png'); background-repeat: no-repeat; }

.notification-icons-approve-friend { background-position: 0 0; }

.notification-icons-bookmarked { background-position: 0 -32px; }

.notification-icons-comic-book { background-position: 0 -64px; }

.notification-icons-comic-new { background-position: 0 -96px; }

.notification-icons-commented { background-position: 0 -128px; }

.notification-icons-content-reference { background-position: 0 -160px; }

.notification-icons-content-response { background-position: 0 -192px; }

.notification-icons-favorited { background-position: 0 -224px; }

.notification-icons-like { background-position: 0 -256px; }

.notification-icons-ranked-in { background-position: 0 -288px; }

.notification-icons-received-message { background-position: 0 -320px; }

.notification-icons-received-stacc-message { background-position: 0 -352px; }

.notification-icons-scored { background-position: 0 -384px; }

.notification-icons-sketch-newbie { background-position: 0 -416px; }

.notification-icons-tagged { background-position: 0 -448px; }

@font-face { font-family: "PixivIconsRegular"; src: url("fonts/pixivicons-webfont.eot"); src: url("fonts/pixivicons-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/pixivicons-webfont.woff") format("woff"), url("fonts/pixivicons-webfont.ttf") format("truetype"), url("fonts/pixivicons-webfont.svg") format("svg"); }
.mail-address { font-family: "Lucida Grande", sans-serif; font-weight: bold; }

.sprites-premium, .menu-items .require-premium:after { background-image: url('../images/inline/premium.png'); background-repeat: no-repeat; height: 20px; width: 17px; }

.sprites-premium + .icon-text, .menu-items .require-premium:after + .icon-text { font-weight: bold; }

.tag-icon { margin-right: 2px; font-family: PixivIconsRegular; color: #b8d5e5; vertical-align: -1px; line-height: 1; }
.tag-icon:hover { text-decoration: none; color: #cae0ec; }

img.user-icon { border-radius: 3px; vertical-align: middle; }
img.user-icon + .icon-text { margin-left: 5px; }

.work-icon { vertical-align: middle; }
.work-icon + .icon-text { margin-left: 5px; }

._notes { margin: 5px 0; color: #777; line-height: 17px; font-size: 11px; text-align: left; }
._notes li:before { content: "・"; }

span._notes { margin-left: 4px !important; vertical-align: middle; }

.tag-value::before { content: '#'; }

._more { text-align: right; }
.layout-body ._more { margin: 5px 20px; }
.column-order-menu ._more { position: absolute; top: 0; right: 0; margin: 0 20px; }

.tie { display: inline-block; }

.no-scroll { overflow: hidden; overflow-x: hidden; overflow-y: hidden; }

#enable-auto-view { margin: 10px 0 0; padding: 13px 0; line-height: 1; text-align: center; border-top: 1px solid #e0e6ec; }

._error { margin: 5px 0; font-weight: bold; color: tomato; }

._info { margin: 5px 0; color: #74b13f; }

.r-18, .r-18g { color: tomato; }

._disabled { opacity: .5 !important; }
._disabled:hover { cursor: default !important; text-decoration: none !important; }

a._disabled { opacity: 1; color: #aaa; }

.disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.column-menu .disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); opacity: 0.25; }
.disabled label { cursor: text; }

._no-item { margin: 65px 0; color: #ccc; font-size: 14px; line-height: 20px; text-align: center; background-color: #fff; }
._no-item._error { color: tomato; }
._no-item .next { margin-top: 5px; }

.loading-indicator, .user-items._loading { display: none; height: 150px; margin: 0; }
._loading .loading-indicator, ._loading .user-items._loading { display: block; }

.loading-indicator-small { display: none; width: 16px; height: 16px; }
._loading .loading-indicator-small { display: block; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .loading-indicator-small { background-image: url('../images/common/loading_32.gif'); background-size: 16px 16px; } }
.user-items._loading { display: block; }

._hidden, .hidden { display: none !important; }

._invisible { visibility: hidden !important; }

._text { font-size: 12px; line-height: 18px; }

._icon, .rss a { display: inline-block; overflow: hidden; text-indent: -999px; white-space: nowrap; vertical-align: middle; }

.icon-text { display: inline; vertical-align: middle; margin-left: 15px; }

._icon + .icon-text, .rss a + .icon-text, .icon-text + ._icon, .rss .icon-text + a { margin-left: 2px; }

.layout-cell { display: table-cell; }

.layout-inline, .layout-inline > * { display: inline; }

._button + _.button { margin-left: 10px; }

.button-on { color: #666; text-shadow: none; }

.button-small { padding: 0 9px; font-size: 11px; line-height: 18px; }

.button-small-on { padding: 0 9px; color: #666; font-size: 11px; line-height: 18px; text-shadow: none; }

._button-large, .submit-container .submit { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; padding: 5px 50px; font-size: 14px; font-weight: bold; }

._button-lite-large { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; display: block; clear: both; margin: 15px 20px; padding: 11px 10px; line-height: 1; text-align: center; color: #258fb8; background-color: #fff; border: 2px solid #eee; cursor: pointer; }
._button-lite-large:hover { text-decoration: none; border-color: #ddd; }
._button-lite-large.ui-loading { overflow: hidden; text-indent: -999px; border-color: #fff; cursor: default; }
._button-lite-large.ui-loading:hover { border-color: #fff; }

._button-mini { -moz-transition: border-color 0.2s; -o-transition: border-color 0.2s; -webkit-transition: border-color 0.2s; transition: border-color 0.2s; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 0 9px; line-height: 18px; font-size: 10px; color: #258fb8; background-color: #fff; border: 1px solid #ddd; cursor: pointer; }
._button-mini:hover { text-decoration: none; border-color: #eee; }

._button-green { display: inline-block; clear: both; padding: 7px 15px; line-height: 1; text-align: center; color: white !important; cursor: pointer; text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.25); background-color: #8FCF00; border-radius: 5px; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF8FCF00', endColorstr='#FF62B900'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiM4ZmNmMDAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzYyYjkwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(48%, #8fcf00), color-stop(50%, #62b900)); background-image: -moz-linear-gradient(top, #8fcf00 48%, #62b900 50%); background-image: -webkit-linear-gradient(top, #8fcf00 48%, #62b900 50%); background-image: linear-gradient(to bottom, #8fcf00 48%, #62b900 50%); -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0 -1px 0px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0 -1px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0 -1px 0px 0px rgba(0, 0, 0, 0.1); }
._button-green:hover { background-color: #A6D837; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFA6D837', endColorstr='#FF74BE21'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiNhNmQ4MzciLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzc0YmUyMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(48%, #a6d837), color-stop(50%, #74be21)); background-image: -moz-linear-gradient(top, #a6d837 48%, #74be21 50%); background-image: -webkit-linear-gradient(top, #a6d837 48%, #74be21 50%); background-image: linear-gradient(to bottom, #a6d837 48%, #74be21 50%); text-decoration: none; }

.column-alert { margin: 50px 0; font-size: 14px; text-align: center; color: tomato; }
.column-alert .inline-list { margin: 10px 0; }

.clearfix { *zoom: 1; }
.clearfix:after { content: ""; display: table; clear: both; }

._clearfix { *zoom: 1; }
._clearfix:after { content: ""; display: table; clear: both; }

._icon-pixpedia { padding-left: 19px; }

._icon-pixpedia-no-item { padding-left: 19px; }

._icon-pixcomic { padding-left: 18px; }

._icon-facebook { padding-left: 20px; }

._icon-menu-trigger { padding-left: 20px; }

._icon-edit { padding-left: 15px; }

.layout-cell { display: table-cell; vertical-align: middle; }

._inline-list dt, ._inline-list dd, ._inline-list ul, ._inline-list li, .inline-list dt, .inline-list dd, .inline-list ul, .inline-list li { display: inline-block; }
._inline-list dt:after, .inline-list dt:after { content: ":"; margin: 0 5px 0 2px; color: #ccc; }
._inline-list li + li, .inline-list li + li { margin-left: 10px; }

.property-list dt { position: absolute; width: 90px; text-align: right; }
.property-list dt:after { content: ":"; margin: 0 0 0 2px; color: #ccc; }
.property-list dd { margin-left: 100px; }
.property-list .number { text-align: right; }

.slash-separated dd + dt:before { content: "/"; margin: 0 5px; color: #eee; }
.slash-separated li + li { margin-left: 0; }
.slash-separated li + li:before { content: "\00a0/\00a0"; color: #eee; }

.pipe-separated li + li { margin-left: 0; }
.pipe-separated li + li:before { content: "\00a0|\00a0"; color: #eee; }

.count-list li { display: inline !important; float: none !important; min-height: 0 !important; margin: 0 !important; width: inherit !important; padding: 0 !important; border: none !important; }

.bookmark-count, .image-response-count, .quote-count { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block !important; margin: 0 1px; padding: 0 6px !important; font: bold 10px/18px "lucida grande", sans-serif !important; text-decoration: none; }
.bookmark-count ._icon, .image-response-count ._icon, .quote-count ._icon, .bookmark-count .rss a, .rss .bookmark-count a, .image-response-count .rss a, .rss .image-response-count a, .quote-count .rss a, .rss .quote-count a { margin-right: 2px; vertical-align: -1px; }
.bookmark-count:hover, .image-response-count:hover, .quote-count:hover { text-decoration: none !important; }

.bookmark-count { color: #0069b1 !important; background-color: #cceeff; }

.image-response-count { color: #ff0000 !important; background-color: #fad7de; }

.quote-count { color: #438600 !important; background-color: #deffc6; }

.ui-tab-content { display: none; }
.ui-tab-content._current { display: block; }

._tab-list { margin: 25px 0; text-align: center; }
._tab-list li { display: inline-block; padding: 0 10px; line-height: 24px; }
._tab-list li + li { border-left: 1px solid #d6dee5; }
._tab-list ._current { position: relative; color: #333; font-weight: bold; cursor: auto; }
._tab-list ._current:before { content: ""; display: block; position: absolute; top: auto; bottom: -5px; left: 50%; margin-left: -5px; width: 0; height: 0; border-width: 5px; border-bottom-width: 0; border-color: #333 transparent; border-style: solid; }
._tab-list ._current:hover { text-decoration: none; }

.column-header .pixpedia-link { margin: 0 10px; display: inline-block; width: 16px; height: 16px; background-image: url('../images/icon-info-blue.svg'); background-size: cover; vertical-align: middle; }
.column-header .pixpedia-article-abstract { padding: 0 20px; margin-bottom: 5px; color: #999; font-size: 12px; }
.column-header.with-translation-title { padding: 0 20px; }
.column-header.with-translation-title .pixpedia-article-abstract { padding: 0; }
.column-header.with-translation-title .column-title { margin: 10px 8px 10px 0; }
.column-header.with-translation-title .count-badge { margin-bottom: 10px; vertical-align: baseline; }
.column-header.with-translation-title .translation-column-title { display: inline-block; font-size: 12px; color: #999; line-height: 1; word-break: break-all; margin-bottom: 10px; vertical-align: -1px; }
.column-header.with-translation-title .translation-column-title.romaji, .column-header.with-translation-title .translation-column-title .romaji { letter-spacing: 0.13em; }

.column-header .tabs, .bookmark-ranges .tabs { position: absolute; bottom: 0; text-align: center; }

.column-label .tabs { box-sizing: border-box; padding: 0 20px; }
.column-label .menu-items { position: absolute; right: 10px; top: 0; line-height: 31px; }
.column-label .menu-items li { display: inline-block; margin: 0 10px; }

.column-header .tabs, .column-label .tabs, .bookmark-ranges .tabs { width: 100%; margin: 0; border-bottom: 1px solid #d6dee5; }
.column-header .tabs.block, .column-label .tabs.block, .bookmark-ranges .tabs.block { position: static; margin: 5px 0 1px; }
.column-header .tabs li, .column-label .tabs li, .bookmark-ranges .tabs li { display: inline; }
.column-header .tabs .current, .column-label .tabs .current, .bookmark-ranges .tabs .current { display: inline-block; margin-bottom: -1px; padding: 0 14px; line-height: 30px; color: #333; font-weight: bold; background-color: #fff; border: 1px solid #d6dee5; border-bottom: none; }
.column-header .tabs a, .column-label .tabs a, .bookmark-ranges .tabs a { display: inline-block; padding: 0 15px; line-height: 28px; }

.column-header, .bookmark-ranges { *zoom: 1; position: relative; min-height: 31px; text-align: left; }
.column-header:after, .bookmark-ranges:after { content: ""; display: table; clear: both; }
.column-header + .ui-fixed-container, .column-header + .column-menu, .column-header + .column-notice, .bookmark-ranges + .ui-fixed-container, .bookmark-ranges + .column-menu, .bookmark-ranges + .column-notice { margin-top: 1px; }
.column-header .column-title, .column-header .count-badge, .bookmark-ranges .column-title, .bookmark-ranges .count-badge { position: relative; z-index: 1; }
.column-header .related, .bookmark-ranges .related { position: absolute; z-index: 1; bottom: 0; right: 15px; }
.column-header .related li, .bookmark-ranges .related li { display: inline; }
.column-header .related a, .bookmark-ranges .related a { display: inline-block; padding: 0 5px; line-height: 30px; }
.column-header .sprites-premium, .column-header .menu-items .require-premium:after, .menu-items .column-header .require-premium:after, .bookmark-ranges .sprites-premium, .bookmark-ranges .menu-items .require-premium:after, .menu-items .bookmark-ranges .require-premium:after { vertical-align: -6px; }
.column-header .icon-text, .bookmark-ranges .icon-text { vertical-align: 0; }

.bookmark-ranges i.sprites-bookmark-badge-gray, .bookmark-ranges i.sprites-bookmark-badge { margin: 5px 4px 7px 0; }
.bookmark-ranges a { position: relative; font-size: 13px; }
.bookmark-ranges a i.sprites-premium, .bookmark-ranges a .menu-items i.require-premium:after, .menu-items .bookmark-ranges a i.require-premium:after { position: absolute; display: none; left: 5px; top: 5px; }
.bookmark-ranges a:hover i.sprites-premium, .bookmark-ranges a:hover .menu-items i.require-premium:after, .menu-items .bookmark-ranges a:hover i.require-premium:after { display: block; }
.bookmark-ranges .tabs a.require-premium { padding: 0 15px 0 25px; }
.bookmark-ranges li.current a { color: #333333; }
.bookmark-ranges li.current a.require-premium { padding: 0 15px; }
.bookmark-ranges li.current a.require-premium i.sprites-premium, .bookmark-ranges li.current a.require-premium .menu-items i.require-premium:after, .menu-items .bookmark-ranges li.current a.require-premium i.require-premium:after { left: -5px; }
.bookmark-ranges .tabs { margin-bottom: 4px; }

.breadcrumb { height: auto; padding: 5px 15px; text-align: left; border-bottom: 1px dashed #f5f5f5; }
.breadcrumb span + span:before { content: ""; display: inline-block; margin: 0 8px; }
.breadcrumb span.self { color: #777; }

.column-label { position: relative; }
.column-label .related { margin-left: 15px; }
.column-label .options { position: absolute; top: 0; right: 10px; }
.column-label .options li { display: inline; }
.column-label .options ._clickable, .column-label .options ._tab-list li, ._tab-list .column-label .options li, .column-label .options .select-item, .column-label .options .questionnaire .status, .questionnaire .column-label .options .status, .column-label .options ._comment-form .functions li, ._comment-form .functions .column-label .options li, .column-label .options a { display: inline-block; padding: 0 5px; line-height: 38px; }

.column-title { display: inline-block; margin: 10px 0 10px 18px; font-size: 20px; line-height: 1; font-weight: bold; vertical-align: middle; }
.column-title .user-icon, .column-title ._user-icon { margin: -6px 5px -6px 0; vertical-align: top; }
.column-title + ._about { margin-left: 15px; vertical-align: middle; font-weight: bold; }

._column-sub-title { margin: 6px 18px 8px; font-size: 14px; line-height: 1; font-weight: bold; }
._column-sub-title ._icon-hint { padding-left: 8px; color: #0096db; vertical-align: top; }

.self { color: #333 !important; }

.column-menu, .column-order-menu { position: relative; }
.column-menu li, .column-order-menu li { display: inline; }
.column-menu .current, .column-order-menu .current, .column-menu a, .column-order-menu a { display: inline-block; padding: 0 10px; line-height: 38px; }
.column-menu .current, .column-order-menu .current { color: #333; font-weight: bold; }

.menu-items .require-premium { position: relative; padding-left: 29px; font-weight: bold; }
.menu-items .require-premium:after { content: ""; position: absolute; top: 9px; left: 10px; }

.folder-menu ._icon, .folder-menu .rss a, .rss .folder-menu a { vertical-align: -3px; }
.folder-menu .icon-text { vertical-align: baseline; }

.menu-unit { padding: 5px 0 !important; text-align: center; }

.column-menu { background-color: #f2f4f6; }
.column-menu.top { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; border: 1px solid #d6dee5; border-bottom: none; }
.column-menu.bottom { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; border: 1px solid #d6dee5; border-top: none; }
.column-menu.top + ._unit { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; border-top: none; }
._unit + .column-menu.bottom { margin-top: -15px; }
.column-menu + .column-menu, .column-menu + .column-notice { margin-top: 1px; }
.column-menu .menu-items { display: inline; padding: 0 10px; }
.column-menu .menu-items + .menu-items { -moz-box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1); box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1); margin-left: 1px; border-left: 1px solid rgba(255, 255, 255, 0.5); }
.column-menu.dashboard-menu { padding: 0 0 0 20px; }
.column-menu.dashboard-menu .menu-items { display: inline-block; padding-left: 0; }
.column-menu.dashboard-menu .menu-items:first-child { margin-left: -10px; }
.column-menu.dashboard-menu .menu-items + .menu-items { box-shadow: none; margin-left: 0; border-left: none; }
.column-menu.dashboard-menu .menu-items + .menu-items::before { content: ''; -moz-box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1); box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1); margin-left: 1px; border-left: 1px solid rgba(255, 255, 255, 0.5); padding-right: 10px; }
.column-menu .count-list { display: inline; padding: 0 10px; }
.column-menu .options { position: absolute; top: 0; right: 10px; }
.column-menu .options li { display: inline; }
.column-menu .options a, .column-menu .options span { display: inline-block; padding: 0 5px; line-height: 38px; }
.column-menu .options ._icon, .column-menu .options .rss a, .rss .column-menu .options a { padding: 0; }
.column-menu .options .icon-text { vertical-align: 0; }
.column-menu .share-button { position: absolute; right: 0; top: 9px; }

.column-info { -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; display: block; line-height: 38px; text-align: center; border-bottom: 1px solid #f5f5f5; }
.column-info:hover { background-color: #fcfcfc; }

.column-options { position: absolute; top: 0; right: 10px; }
.column-options li { display: inline; }
.column-options a, .column-options span { display: inline-block; padding: 0 5px; line-height: 38px; }
.column-options a:hover .icon-text { text-decoration: underline; }
.column-options ._icon, .column-options .rss a, .rss .column-options a { padding: 0; }
.column-options .sprites-help { vertical-align: -1px; }
.column-options .icon-text + ._icon, .column-options .rss .icon-text + a, .rss .column-options .icon-text + a { padding-right: 0; vertical-align: 0; }
.column-options ._icon + .icon-text, .column-options .rss a + .icon-text, .rss .column-options a + .icon-text { padding-left: 0; vertical-align: 0; }
.column-options .sprites-premium, .column-options .menu-items .require-premium:after, .menu-items .column-options .require-premium:after { vertical-align: -6px; }

.sibling-items { text-align: center; }
.sibling-items.with-thumbnail .all a { line-height: 60px; }
.sibling-items li { display: inline-block; }
.sibling-items .before, .sibling-items .after { min-width: 200px; }
.sibling-items .before a, .sibling-items .after a { display: inline-block; }
.sibling-items .before.muted a, .sibling-items .after.muted a { color: #999; }
.sibling-items .before.muted img, .sibling-items .after.muted img { background-color: #fff; }
.sibling-items .before { text-align: right; }
.sibling-items .before a:before { content: ""; display: inline-block; margin-right: 8px; }
.sibling-items .before a img { margin-left: 10px; }
.sibling-items .after { text-align: left; }
.sibling-items .after a:after { content: ""; display: inline-block; margin-left: 8px; }
.sibling-items .after a img { margin-right: 10px; }
.sibling-items img { vertical-align: -26px; width: 60px; height: 60px; }

.layout-a .layout-column-2 .sibling-items .before, .layout-a .layout-column-2 .sibling-items .before a, .layout-a .layout-column-2 .sibling-items .after, .layout-a .layout-column-2 .sibling-items .after a { width: 341px; padding: 0; }
.layout-a .layout-column-2 .sibling-items .all a { width: 100px; padding: 0; }

.has-menu:after { content: " ▾"; }

.select-item { display: inline-block !important; position: relative; padding: 0 10px; line-height: 38px; }
.select-item .current { padding: 0; }
.select-item:hover .has-menu { text-decoration: underline; }
.select-item select { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 38px; margin: 0; padding: 0; border: none; cursor: pointer; }

.progress-items { padding: 10px; font-weight: bold; text-align: center; }
.progress-items li { margin: 0 10px; }
.progress-items li + li:before { content: ""; display: inline-block; margin-right: 20px; vertical-align: middle; }
.progress-items .step { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: inline-block; padding: 0 15px; line-height: 24px !important; vertical-align: middle; background-color: #fff; border: 1px solid #d6dee5; }
.progress-items .completed { color: #7c8a9e; font-size: 14px; vertical-align: middle; }
.progress-items .current { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0 15px; color: #fff; font-size: 14px; vertical-align: middle; line-height: 28px !important; background-color: #258fb8; }
.progress-items .signup-step { display: inline-block; padding: 0 50px; font-size: 12px; letter-spacing: 1px; color: #bbb; border: none; line-height: 18px !important; vertical-align: middle; }
.progress-items .signup-current { display: inline-block; padding: 0 50px; font-size: 12px; letter-spacing: 1px; color: #000; border: none; line-height: 18px !important; vertical-align: middle; }
.progress-items .signup-completed { display: inline-block; padding: 0 50px; font-size: 12px; letter-spacing: 1px; color: #8c8; border: none; line-height: 18px !important; font-weight: normal; vertical-align: middle; }

.column-content { margin: 20px auto 30px; padding: 0 20px; }

.column-notice { padding: 10px 35px; font-weight: bold; background-color: #ffffcc; }

.notice-report { text-align: center; padding: 10px 20px; background-color: #007AB3; }
.notice-report .left { display: inline-block; margin-right: 10px; color: white; }
.notice-report .left a { color: white; text-decoration: underline; }

.layout-body > .notice-report { border: 1px solid #d6dee5; border-radius: 5px; }

.column-order-menu { padding: 0 10px; }
.count-badge + .column-order-menu, .column-title + .column-order-menu { border-top: 1px dashed #f5f5f5; }

.page-list { display: inline; }
.page-list li + li { border-left: 1px solid #f5f5f5; }

.pager-container { text-align: center; font-size: 14px; }
.pager-container + .menu-items { position: absolute; top: 0; left: 0; }
.pager-container .current { display: inline; }
.pager-container .next, .pager-container .prev { display: inline-block; width: 61px; vertical-align: top; }

a[rel="prev"]._button { width: 20px; vertical-align: top; margin: 7px 10px 0; padding: 0 9px 0 10px; line-height: 22px; padding-left: 9px; }
a[rel="prev"]._button ._icon, a[rel="prev"]._button .rss a, .rss a[rel="prev"]._button a { vertical-align: baseline; }

a[rel="next"]._button { width: 20px; vertical-align: top; margin: 7px 10px 0; padding: 0 10px 0 9px; line-height: 22px; }
a[rel="next"]._button ._icon, a[rel="next"]._button .rss a, .rss a[rel="next"]._button a { vertical-align: baseline; }

.user-icon-container { overflow: hidden; width: 50px; max-height: 50px; border-radius: 3px; }
.user-icon-container .user-icon { border-radius: 0; }

.column-related { clear: both; margin: 0 10px; text-align: center; }
.column-related .tag { margin-left: 0; }

.section-title { margin: 10px 0; padding: 0 10px; font-size: 14px; line-height: 30px; background-color: #f2f4f6; }

.column-action-menu { margin: 8px 0px -5px; padding: 0 0 10px; background-color: #ebf4f8; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; }
.column-order-menu + .column-action-menu { margin-top: 4px; }
form + .column-action-menu, .column-action-menu + .column-action-menu { margin: 1px; }
.manage-unit > .column-action-menu:last-child { -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0; border-radius: 0 0 4px 4px; }
.column-action-menu .menu-items { padding: 10px 0 0; }
.column-action-menu .menu-items li { display: inline; }
.column-action-menu .menu-items li + li { border-left: 1px solid #fff; }
.column-action-menu .menu-items a, .column-action-menu .menu-items span { padding: 0 10px; }
.column-action-menu .buttons { padding: 10px 10px 0; }
.column-action-menu .buttons li { display: inline; }
.column-action-menu .buttons li + li { padding-left: 10px; }
.column-action-menu .buttons input { vertical-align: middle; }
.column-action-menu .buttons input + input { margin-left: 5px; }
.column-action-menu select { vertical-align: middle; }

.layout-body, .layout-a, .layout-b { width: 970px; margin: 10px auto; }

.layout-a .layout-b { width: auto; margin: 0; }
.layout-a .layout-b .layout-column-1 { width: 550px; }

.layout-a { *zoom: 1; }
.layout-a:after { content: ""; display: table; clear: both; }
.layout-a .layout-column-1 { float: left; width: 176px; }
.layout-a .layout-column-1 ._unit { padding: 0; color: #555 !important; }
.layout-a .layout-column-2 { float: right; width: 784px; }
.layout-a .layout-column-2 .tabs { width: auto; position: static; padding-left: 10px; text-align: left; }

.layout-b { *zoom: 1; }
.layout-b:after { content: ""; display: table; clear: both; }
.layout-b .layout-column-1 { float: left; width: 736px; }
.layout-b .layout-column-1 ._image-items { margin-left: 15px; }
.layout-b .layout-column-1 .image-item { margin: 0; }
.layout-b .layout-column-2 { float: right; width: 224px; }
.layout-b .layout-column-2 ._unit { padding: 0; color: #555 !important; }
.layout-b .layout-column-2 .unit-title { font-weight: bold; }

._unit { padding: 5px 0; }
.ui-layout-west ._unit { width: 174px; padding: 0; color: #555 !important; }

._list-unit { padding: 30px 40px; background-color: #f2f4f6; border-top: none; }
._list-unit.scroll { overflow-y: auto; border-top-width: 1px; }
._list-unit .title { display: inline-block; font-size: 14px; font-weight: bold; line-height: 20px; vertical-align: middle; }

.list-container + .list-container { margin-top: 30px; }

.list-option { display: inline; margin-left: 10px; }
.list-option li { display: inline; margin-left: 10px; }

.list-items { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 5px 0; padding: 5px 15px; background-color: #fff; }
.list-items .column-order-menu { margin: 8px 0 3px; }

.auto-view-unit { padding-bottom: 0 !important; }

.tag-cloud { padding: 10px 10px 9px 9px !important; }
.tag-cloud li { display: inline; }
.tag-cloud .tag { display: inline-block; margin: 0 0 1px 1px; text-decoration: none; line-height: 1; vertical-align: middle; font-weight: bold; word-break: break-all; cursor: pointer; }
.tag-cloud .tag:visited { color: #996699; }
.tag-cloud .tag:hover { color: #fff; background-color: #3e5b71; }
.tag-cloud .selected { color: #fff !important; background-color: #5596e6 !important; }
.tag-cloud .selected .self-tag { color: #fff; }
.tag-cloud .c1, .tag-cloud .c2 { color: #3e5b71; }
.tag-cloud .c3, .tag-cloud .c4, .tag-cloud .c5 { color: #587c97; }
.tag-cloud .c6 { color: #5e9ece; }
.tag-cloud .c1 { padding: 2px 4px; font-size: 22px; }
.tag-cloud .c2 { padding: 3px 4px; font-size: 20px; }
.tag-cloud .c3 { padding: 4px 4px; font-size: 18px; }
.tag-cloud .c4 { padding: 5px 4px; font-size: 16px; }
.tag-cloud .c5 { padding: 6px 4px; font-size: 14px; }
.tag-cloud .c6 { padding: 7px 4px; font-weight: normal; }

.unit-title { -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px; border-radius: 2px 2px 0 0; margin: 2px; padding: 0 5px; line-height: 2; background-color: #eef0f3; }
.unit-title a { color: #555 !important; }

.unit-count { position: absolute; top: 2px; right: 7px; line-height: 2; }

.count-badge { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; display: inline-block; min-width: 12px; padding: 2px 5px; font: bold 10px/1 "Lucida Grande", sans-serif; color: #3b5998; vertical-align: middle; text-align: center; background-color: #d8dfea; }
.column-title + .count-badge { margin-left: 15px; }

.count-detail-badge { display: inline-block; margin-left: 5px; padding: 2px 0; font: 10px/1 "Lucida Grande", sans-serif; color: #999; vertical-align: middle; }

.tag-badge { -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; display: inline-block; margin: 0 15px; padding: 2px 5px; line-height: 1; vertical-align: middle; font-size: 10px; font-weight: bold; color: #888; background-color: #e9edf2; border: 1px solid #ddd; }

.header-manage:hover { text-decoration: none; }
.header-manage:hover .text { text-decoration: underline; }

.tags .tag { display: inline-block; margin-right: 15px; line-height: 20px; }
.tags .portal { vertical-align: -1px; font-family: 'PixivIconsRegular'; display: inline-block; font-size: 12px; height: 15px; padding: 1px; color: #b8d5e5; }
.tags .portal:hover { color: #258FB8; text-decoration: none; }

.work-unit { clear: both; position: relative; min-height: 100px; padding: 8px 8px 8px 114px; }
.work-unit:nth-child(odd) { background-color: #f8f8f8; }
.work-unit ._image { position: absolute; top: 5px; left: 5px; width: 106px; height: 106px; text-align: center; }

.ad-bigbanner { display: block; margin: 25px auto; }

.ad-multiple_illust_viewer { display: block; margin: 40px auto 28px; }

.submit-container { margin: 10px 0 20px; text-align: center; }
.submit-container input + input { margin-left: 10px !important; }

.notice { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float: right; width: 180px; margin: 5px 0 10px 5px; padding-bottom: 5px; background-color: #f2f4f6; }
.notice p { margin: 5px 10px; }

.notice-label { -moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; padding: 5px 10px 2px; font-weight: bold; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.complete-unit { text-align: center; }
.complete-unit .column-header .column-title { margin-left: 20px; }
.complete-unit .column-title { margin-left: 0; }
.complete-unit .share-button { margin: 10px 0; }
.complete-unit .followbooster-after-bookmark-caption { padding: 18px; text-align: left; font-size: 14px; color: #777777; }
.complete-unit .followbooster-after-bookmark { text-align: left; border-bottom: solid 1px #d2d9e0; }
.complete-unit .tweet { width: 452px; margin: 0 auto 32px; border-radius: 8px; font-size: 14px; text-align: center; }
.complete-unit .tweet a { font-weight: bold; }

.ui-search { position: relative; z-index: 1000; width: 250px; margin: 0 auto; color: #555; }
.ui-search .container input { width: 163px; }
.ui-search.has-text .container input { width: 170px; }
.ui-search.has-text .clear { display: block !important; }
.ui-search input { width: 100%; padding: 0; height: 20px; font-size: 14px; line-height: 1; border: none; }
.ui-search input:focus { outline: none; background-color: #fff; }
.ui-search input.submit { position: absolute; top: 0; right: 0; width: 50px; height: 28px; background-color: #becad7; background-position-x: 10px; border: none; cursor: pointer; }
.ui-search input.submit:hover { background-color: #ced7e1; }
.ui-search input.submit.ab-odd { background-color: #0096DB; }
.ui-search input.submit.ab-odd:hover { background-color: #40b0e4; }
.ui-search div.container { -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px; border-radius: 5px 0 0 5px; width: 212px; height: 20px; padding: 3px 5px; background-color: #fff; border: 1px solid #becad7; border-right: none; }
.ui-search div.container div.clear { display: none; position: absolute; top: 4px; right: 31px; width: 20px; height: 20px; background: url("../images/common/icon_search_clear.png") no-repeat 50% 50%; cursor: pointer; opacity: 0.75; }
.ui-search div.container div.clear:hover { opacity: 1; }

._follow-buttons .follow-button { padding: 0 25px; line-height: 32px; border-radius: 4px; background-color: #0096fa; transition: background-color 0.2s; color: #FFF; cursor: pointer; text-align: center; }
._follow-buttons .follow-button:hover { background-color: #0086e0; }
._follow-buttons .follow-button.off .text::before { display: inline-block; content: ''; margin-right: 4px; width: 10px; height: 10px; line-height: 14px; background-image: url('../images/follow.svg'); }
._follow-buttons .follow-button.on { background-color: #EEE; color: #666; }
._follow-buttons .follow-button.on:hover { background-color: #E3E3E3; }
._follow-buttons .follow-button .text { font-size: 12px; font-weight: bold; }

._float-tooltip { display: flex; align-items: center; position: absolute; border: 2px solid #fff; padding: 14px 16px; line-height: 18px; border-radius: 8px; white-space: nowrap; background-color: #0096fa; color: #fff; }
._float-tooltip::after { content: ""; position: absolute; top: 0; left: 0; border-bottom: 12px solid #0096fa; border-left: 12px solid transparent; border-right: 12px solid transparent; }
._float-tooltip .close-button { margin-left: 16px; padding: 6px 12px; height: 14px; line-height: 14px; border-radius: 4px; background-color: #fff; font-size: 14px; font-weight: bold; color: #0096fa; cursor: pointer; }
._float-tooltip .close-button:hover { background-color: #ebebeb; }
._float-tooltip .tooltip-text { font-weight: bold; font-size: 12px; }

._follow-edit-tooltip { top: 20px; left: 0; visibility: hidden; opacity: 0; transition: 0.4s visibility ease-in-out 0.8s, 0.4s opacity ease-in-out 0.8s; }
._follow-edit-tooltip.show { visibility: visible; opacity: 1; }
._follow-edit-tooltip::after { top: -12px; left: 126px; }

._user-profile-card { position: relative; margin-bottom: 10px; margin-right: 10px; padding: 16px 16px 0; border-radius: 5px; border: 1px solid #D5DEE5; background-color: #fff; }
._user-profile-card .dot-menu { position: absolute; top: 8px; right: 8px; display: flex; flex-flow: row-reverse nowrap; }
._user-profile-card .dot-menu .opener { background-image: url('../images/dot-menu-gray.svg'); background-repeat: no-repeat; background-position: center center; width: 20px; height: 20px; opacity: 0.8; transition: opacity 0.2s ease-in-out; }
._user-profile-card .dot-menu .opener:hover { opacity: 1; }
._user-profile-card .dot-menu a.item { cursor: pointer; }
._user-profile-card .dot-menu a.item:hover { text-decoration: none; }
._user-profile-card .dot-menu ._balloon-menu-popup input[type="submit"] { outline: none; padding: 0; border: none; background: none; color: #555; font-size: 12px; }
._user-profile-card .dot-menu .mypixiv, ._user-profile-card .dot-menu .request-mypixiv { width: auto; background: none; border: none; }
._user-profile-card .dot-menu .mypixiv::after { display: none; }
._user-profile-card .dialog { top: 30px; right: -96px; margin-top: 0; }
._user-profile-card .profile { position: relative; display: flex; flex-direction: column; align-items: center; padding-bottom: 16px; }
._user-profile-card ._user-icon { margin-bottom: 6px; }
._user-profile-card .official-badge { position: relative; margin-top: -15px; margin-bottom: 6px; width: 60px; height: 16px; border-radius: 8px; background-image: url('../images/badge/badge-official.svg'); border: 1px solid #fff; }
._user-profile-card .user-name { text-align: center; width: 100%; line-height: 18px; font-size: 14px; font-weight: bold; color: #333; }
._user-profile-card ._premium-badge { margin-top: 2px; margin-bottom: 2px; }
._user-profile-card .blocked { text-align: center; margin-top: 6px; width: 100%; line-height: 32px; border-radius: 4px; background-color: #333; color: #fff; }
._user-profile-card .blocked:hover { text-decoration: none; }
._user-profile-card ._follow-buttons { margin-top: 6px; width: 100%; }
._user-profile-card .relation { display: flex; align-items: center; margin-top: 8px; line-height: 1; font-size: 10px; color: #999; }
._user-profile-card .message { display: flex; align-items: center; justify-content: center; border-top: 1px solid #eee; padding-top: 8px; margin-bottom: 8px; line-height: 1; font-size: 12px; cursor: pointer; }
._user-profile-card .message .icon { width: 16px; height: 12px; margin-right: 4px; background-image: url('../images/icon/message-icon.svg'); background-repeat: no-repeat; }
._user-profile-card .contacts { display: flex; justify-content: center; border-top: 1px solid #eee; padding: 8px 0; }
._user-profile-card .contacts li + li { margin-left: 4px; }
._user-profile-card .contacts .account { display: block; width: 24px; height: 24px; background-repeat: no-repeat; }
._user-profile-card .contacts .account.twitter { background-image: url('../images/icon/twitter-icon.svg'); }
._user-profile-card .contacts .account.facebook { background-image: url('../images/icon/facebook-icon.svg'); }
._user-profile-card .contacts .account.tumblr { background-image: url('../images/icon/tumblr-icon.svg'); }
._user-profile-card .contacts .account.instagram { background-image: url('../images/icon/instagram-icon.svg'); }

._user-profile-card-badges { margin-bottom: 10px; margin-right: 10px; padding: 8px; border-radius: 5px; border: 1px solid #D5DEE5; background-color: #fff; }
._user-profile-card-badges .account-badges { display: flex; flex-direction: column; align-items: center; }
._user-profile-card-badges .account-badges li + li { margin-top: 8px; }
._user-profile-card-badges .account-badges .pixiv-id { margin-right: 4px; }

#notification-message li a { padding: 6px 6px 6px 6px; }

#notification-page h3 { padding: 20px 0; }
#notification-page h3 span { float: right; }

.introduction-modal-container { display: none; overflow: auto; position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); }

.introduction-modal { -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; position: relative; width: 366px; margin: 80px auto; padding: 22.5px 30px 30px; font-weight: bold; font-family: Helvetica, sans-serif; color: #555; background-color: #fff; border: 4px solid #d6ddee; }
.introduction-modal.submit { margin-top: -80px !important; }
.introduction-modal + .introduction-modal { margin-top: 30px; }
.introduction-modal .close { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; width: 30px; height: 30px; position: absolute; top: -17px; right: -17px; background: #d6ddee url("../images/common/icon_modal_close.png") no-repeat 50% 50%; cursor: pointer; }
.introduction-modal .close:hover { background-color: #c4cee7; }
.introduction-modal .title { line-height: 1.3; font-weight: bold; font-size: 30px; color: #6c81b5; }
.introduction-modal .caption { margin: 4px 0 20px; font-size: 18px; }
.introduction-modal .or { margin: 5px; text-align: center; color: #888; }
.introduction-modal .eyecatch { background-image: url("../images/premium/eyecatch.png?"); background-repeat: no-repeat; height: 92px; padding-left: 80px; color: #005bba; font-size: 20px; }
.introduction-modal .button-container { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-appearance: none; -webkit-appearance: none; display: inline-block; margin: 0 0 6px; padding: 10px 20px; font-family: inherit; font-weight: inherit; font-size: 22px; text-align: left; color: #fff; background-color: #73ab1f; border: none; text-shadow: none; }
.introduction-modal .button-container + .button-container { margin-top: 10px; }
.introduction-modal .button-container:hover { text-decoration: none; background-color: #82c123; }
.introduction-modal .button-container.google { background-color: #dc452b; font-size: 20px; }
.introduction-modal .button-container.google:hover { background-color: #e05841; }
.introduction-modal .button-container.facebook { background-color: #3b5998; font-size: 20px; }
.introduction-modal .button-container.facebook:hover { background-color: #4264aa; }
.introduction-modal .button-container.twitter { background-color: #49C1F0; font-size: 20px; }
.introduction-modal .button-container.twitter:hover { background-color: #61c9f2; }
.introduction-modal .button-container.sina { background-color: #E32429; font-size: 20px; }
.introduction-modal .button-container.sina:hover { background-color: #e63b3f; }
.introduction-modal .button-container.login { background-color: #69afca; line-height: 1; }
.introduction-modal .button-container.login:hover { background-color: #7cb9d1; }
.introduction-modal .button-container.premium { background-color: #fd9145; line-height: 1; display: block; margin: auto; width: 294px; }
.introduction-modal .button-container.premium:hover { background-color: #fda05e; }
.introduction-modal .button-container .label { width: 303px; padding-right: 15px; }
.introduction-modal .copy { -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; display: inline-block; padding: 1px 15px; color: #16a51f; font-size: 14px; line-height: 20px; background-color: #fff; }
.introduction-modal .label { margin: 0 0 10px; }
.introduction-modal input[type="password"] { width: 244px; }

.introduction-modal-container.action-modal .introduction-modal { -moz-border-radius: 14px 14px 0 0; -webkit-border-radius: 14px; border-radius: 14px 14px 0 0; border-bottom: 0; padding: 30px; }
.introduction-modal-container.action-modal .introduction-modal.submit { -moz-border-radius: 0 0 14px 14px; -webkit-border-radius: 0; border-radius: 0 0 14px 14px; margin-top: 0; padding: 10px 30px !important; text-align: right; background-color: #f5f5f5; border-bottom: 4px solid #d6ddee; border-top: none; }
.introduction-modal-container.action-modal .introduction-modal.submit .modal-button { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-appearance: none; -webkit-appearance: none; background-color: #ddd; display: inline-block; margin: 0 0 0 5px; padding: 5px 20px; font-size: 12px; font-weight: bold; color: #999; background-image: none; border: none; cursor: pointer; }
.introduction-modal-container.action-modal .introduction-modal.submit .modal-button:hover { background-color: #e6e6e6; }
.introduction-modal-container.action-modal .introduction-modal.submit .modal-button.submit { background-color: #0096db; color: #fff; }
.introduction-modal-container.action-modal .introduction-modal.submit .modal-button.submit:hover { background-color: #40b0e4; }
.introduction-modal-container.action-modal .introduction-modal .label { font-size: 14px; }

.forgot-password { margin: 5px 0 0; font-weight: normal; text-align: right; line-height: 1; }

#disable-auto-view { color: #fff; background-color: #258fb8; cursor: pointer; }
#disable-auto-view:hover { background-color: #29a0cd; }

._image-items { margin: 10px 0 20px; margin-left: 19px; }
.worksOption ._image-items { margin-left: 3.5px; }
._image-items ._no-item { margin-right: 20px; }

.image-item { display: inline-block; position: relative; width: 156px; height: 249px; margin: 0 5px; padding: 10px 10px 0; font-size: 12px; text-align: center; line-height: 1; vertical-align: top; color: #555; }
.image-item a { color: #555; }
.image-item a.ui-anchor { color: #258fb8; }
.image-item :visited { color: #aaa; }
.image-item.editable { width: 176px; padding: 0; }
.image-item.editable label { padding: 10px; }
.image-item.selected label { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #ffc; }
.image-item.muted .title, .image-item.muted .user, .image-item.muted ._illust-series-title { display: none; }
.image-item.muted ._work.ugoku-illust::after, .image-item.muted .page-count { display: none; }
.worksOption .image-item { margin: 0; }
.no-user .image-item { height: 200px; }
.no-response .image-item { height: 224px; }
.image-item .work { display: block; margin-bottom: 7px; }
.image-item .work:hover { text-decoration: underline; }
.image-item .title { line-height: 18px; font-weight: bold; }
.image-item .user { font-size: 11px; line-height: 17px; }
.image-item .count-list { margin-top: 3px; }

.novel-items { margin: 4px 0; margin-left: 14px; }
.novel-items > li { display: inline-block; margin: 10px; vertical-align: top; }
.novel-items > li.single-column { display: block; margin: 0; padding: 10px; }
.baseTop1 .novel-items, .baseTop2 .novel-items, .baseTop3 .novel-items { margin-left: 0; text-align: center; }
.two_column_body .novel-items { margin-left: 21px; }

.novel-item { position: relative; margin: 0; text-align: left; }
.baseTop1 .novel-item .main, .baseTop2 .novel-item .main, .baseTop3 .novel-item .main { width: 347px; }
.ranking-item .novel-item { margin: 0 0 0 94px; }
.ranking-item .novel-item .main { width: 343px; }
.layout-a .layout-column-2 .novel-item .main { width: 214px; }
.two_column_body .novel-item { margin: 10px; }
.two_column_body .novel-item .main { width: 207px; }
.novel-item .main { width: 307px; padding: 10px; vertical-align: top; }
.novel-item .sub { position: relative; z-index: 1; width: 120px; padding: 10px 0; vertical-align: top; text-align: center; background-color: #f2f4f6; border-right: 1px solid #d6dee5; }
.novel-item .sub .dash-separated li + li:before { color: inherit; }
.novel-item.selected .main { background-color: #ffc; }
.novel-item.selected .sub { background-color: #f3f4db; }
.novel-item label { display: block; }
.novel-item .count-list { float: right; margin: -5px -6px 5px 5px; }
.novel-item .value { color: #333; font-weight: bold; }
.novel-item .status { margin-top: 2px; color: #888; font-size: 11px; -webkit-font-smoothing: antialiased; }
.novel-item .title { font-size: 16px; font-weight: bold; color: #555; line-height: 1.5; }
.novel-item .title:visited { color: #aaa; }
.novel-item .user { color: #555; }
.novel-item .user:visited { color: #aaa; }
.novel-item .tags { margin: 10px -10px 0; padding: 10px 10px 0; border-top: 1px dotted #e4e7ee; }
.novel-item .sprites-series-badge { -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; position: absolute; top: 4px; left: 84px; background-color: #fff; border: 2px solid #b4c2d0; }
.novel-item table.stats { margin: 10px 0 5px; font-size: 11px; }
.novel-item table.stats th { color: #888; }
.novel-item table.stats th:after { content: ":"; margin: 0 2px; }
.novel-item table.stats td { padding-right: 10px; }
.novel-item input { position: absolute; z-index: 1; top: 3px; left: 3px; margin: 0; }

.member-items { margin: 5px 0; margin-left: 31px; }

.member-item { display: inline-block; position: relative; width: 230px; margin: 10px 5px; vertical-align: top; }
.member-item.editable { width: 176px; padding: 0; }
.member-item.editable label { padding: 10px; }
.member-item.selected { width: 228px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #ffc; border: 1px solid #d6dee5; }
.member-item input { position: absolute; z-index: 1; top: 3px; left: 3px; margin: 0; }
.member-item .user { display: block; position: relative; min-height: 80px; padding: 5px 10px 5px 90px; }
.member-item .user:hover { text-decoration: none; }
.member-item .user:hover .user-name { text-decoration: underline; }
.member-item .user .user-name { margin-left: 0; }
.member-item ._user-icon { position: absolute; overflow: hidden; left: 5px; width: 75px; height: 73px; text-align: center; background-color: #eee; border: 1px solid #eee; border-width: 1px 0; max-height: 75px; }
.member-item .user-icon { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.member-item .user-name { font-weight: bold; font-size: 14px; }
.member-item .user-comment { color: #555; }

.user-container { display: inline-block; }

@keyframes fade { from { opacity: 1; display: block; }
  to { opacity: 0; display: none; } }
._profile-menu-unit { background-color: #fff; width: 174px; margin-bottom: 10px; border-radius: 5px; border: 1px solid #d6dee5; }
._profile-menu-unit ul { margin-bottom: 7px; }
._profile-menu-unit ul + ul::before { display: block; content: ''; margin: 0px 8px 8px; height: 1px; background-color: #eee; }
._profile-menu-unit ul.profile li { display: flex; align-items: center; padding: 10px 8px 0; }
._profile-menu-unit ul.profile ._user-icon { flex: none; margin-right: 4px; }
._profile-menu-unit ul.profile .user-name-container { display: flex; flex-direction: column; overflow: hidden; justify-content: center; height: 40px; }
._profile-menu-unit ul.profile .user-name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; font-size: 12px; font-weight: bold; }
._profile-menu-unit ul.profile ._premium-badge { align-self: flex-start; margin-top: 4px; }
._profile-menu-unit ul.profile .premium-lead-premium-campaign { text-align: center; padding: 9px 0; width: 100%; border-radius: 4px; background-color: #ffecd9; color: #faa200; font-weight: bold; }
._profile-menu-unit ul.menu-item a { display: flex; justify-content: space-between; padding: 10px 8px; }
._profile-menu-unit ul.menu-item a:hover { background-color: #f5f5f5; }
._profile-menu-unit ul.menu-item a .count { color: #258fB8; }
._profile-menu-unit ul.menu-item .premium-func-list { padding: 6px 8px; }
._profile-menu-unit ul.menu-item .premium-func-list a { display: inline; color: #258fB8; padding: 0; }
._profile-menu-unit ul.menu-item .premium-func-list a:hover { background-color: transparent; }
._profile-menu-unit ul.menu-item .premium-func-list-title { font-weight: bold; }
._profile-menu-unit ul.menu-item .premium-func-list-title .premium-func-list-title-label { vertical-align: middle; }
._profile-menu-unit ul.menu-item .premium-func-list-title .sprites-premium, ._profile-menu-unit ul.menu-item .premium-func-list-title .menu-items .require-premium:after, .menu-items ._profile-menu-unit ul.menu-item .premium-func-list-title .require-premium:after { width: 19px; height: 18px; margin-right: 2px; }
._profile-menu-unit ul.menu-item .premium-func-list-more { text-align: right; }
._profile-menu-unit ul a { line-height: 1; color: #666; }
._profile-menu-unit ul a:hover { text-decoration: none; }

.follow, .request-mypixiv, .following, .mypixiv { position: relative; width: 152px; padding-left: 0; padding-right: 0; text-align: center; }
.follow:hover, .request-mypixiv:hover, .following:hover, .mypixiv:hover { text-decoration: none; }
.follow ._icon, .request-mypixiv ._icon, .following ._icon, .mypixiv ._icon, .follow .rss a, .rss .follow a, .request-mypixiv .rss a, .rss .request-mypixiv a, .following .rss a, .rss .following a, .mypixiv .rss a, .rss .mypixiv a { position: absolute; top: 3px; left: 3px; }

.following, .mypixiv { color: #666 !important; background-color: #f2f4f6; background-image: none; text-shadow: none; }
.following:not(.no-context):after, .mypixiv:not(.no-context):after { content: "▾"; position: absolute; right: 6px; padding-left: 5px; color: #a4b1b7; border-left: 1px solid #dadcdd; }
.following:hover, .mypixiv:hover { background-color: #f5f7f8; background-image: none; }

.restricted-content { width: 520px; margin: 65px auto; text-align: center; }
.restricted-content ._no-item { margin-bottom: 20px; }
.restricted-content .closed { color: #999; }
.restricted-content .details { margin: 20px 0; }

.tag-list { font-size: 14px; }
.tag-list dt { position: absolute; width: 90px; font-weight: bold; text-align: right; }
.tag-list dt:after { content: ':'; margin-left: 5px; color: #ccc; }
.tag-list dd { padding-left: 100px; }
.tag-list .tag-name:hover { text-decoration: none; color: #fff !important; background-color: #3e5b71; }
.tag-list .tag-name:visited { color: #996699; }
.tag-list .count-badge { color: #aaa; font-weight: normal; background-color: transparent; }

.has-error { position: relative; }
.has-error input[type="text"], .has-error input[type="email"], .has-error input[type="password"] { background-color: #ffd8d1; }
.has-error .validation-error { display: block; }

.validation-error { position: relative; display: none; position: absolute; left: -2px; bottom: 100%; margin-bottom: 5px; padding: 2px 8px; font-size: 11px; line-height: 15px; color: #fff; background-color: #333; border: 2px solid #fff; }
.validation-error:before { content: ""; display: block; position: absolute; top: auto; bottom: -4px; left: 50%; margin-left: -4px; width: 0; height: 0; border-width: 4px; border-bottom-width: 0; border-color: #333 transparent; border-style: solid; }
.validation-error:before { left: 12px; }

.manage-unit .display-report { font-size: 10px; margin: 3px 0; }
.manage-unit .report-link { display: inline-block; min-width: 73px; color: #666; text-align: right; }
.manage-unit .report-link:nth-child(2n) { margin-left: 10px; text-align: left; }
.manage-unit .report-link.views { margin-right: 83px; }
.manage-unit .count { font-weight: bold; color: #258fb8; font-size: 11px; }

.follow-setting-modal { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: none; position: absolute; z-index: 10001; width: 238px; background-color: #fff; border: 1px solid #d6dee5; z-index: 10000; }
.follow-setting-modal .action-close { -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: absolute; top: 2px; right: 2px; background-color: #d6dee5; cursor: pointer; }
.follow-setting-modal .action-close:hover { background-color: #e6ebef; }
.follow-setting-modal dl { padding: 0px 10px; }
.follow-setting-modal dt { margin: 10px 0 0; }
.follow-setting-modal dd { margin: 5px 0 5px 10px; }
.follow-setting-modal ._loading .loading-indicator-small { display: inline-block; }
.follow-setting-modal .loading-indicator-small { margin-left: 10px; vertical-align: -3px; }
.follow-setting-modal .permission li + li { margin-left: 10px; }
.follow-setting-modal .premium-function { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: block; margin: -5px 0 -5px -10px; padding: 5px; background-color: #f5f5f5; }
.follow-setting-modal select { margin: 0; }
.follow-setting-modal .action { margin-top: 7px; padding: 10px 0; text-align: center; border-top: 1px dashed #d6dee5; }
.follow-setting-modal ._button { padding: 2px 5px; width: 107px; }
.follow-setting-modal ._button + ._button { margin-left: 4px; }

.ui-expander-container { -moz-transition: max-height 0.2s ease-in-out; -o-transition: max-height 0.2s ease-in-out; -webkit-transition: max-height 0.2s ease-in-out; transition: max-height 0.2s ease-in-out; position: relative; overflow: hidden; max-height: 200px; }
.ui-expander-container .expand, .ui-expander-container .collapse { display: none; font-size: 12px; text-align: center; }
.ui-expander-container .expand:hover .button, .ui-expander-container .collapse:hover .button { background-color: #f9fafb; }
.ui-expander-container .expand .button, .ui-expander-container .collapse .button { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; display: inline-block; padding: 4px 15px; line-height: 1; background-color: #f2f4f6; }
.ui-expander-container .expand { position: absolute; left: 0; bottom: 0; width: 100%; padding: 30px 0 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(68%, #ffffff), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 68%, #ffffff 100%); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 68%, #ffffff 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 68%, #ffffff 100%); }
.ui-expander-container .collapse { padding: 10px 0 0; }
.ui-expander-container.expanded .expand { display: none !important; }
.ui-expander-container.expanded .collapse { display: block; }

.ui-expander-target { *zoom: 1; }
.ui-expander-target:after { content: ""; display: table; clear: both; }

.ui-fixed-container { position: relative; }

.ui-fixed { z-index: 4500; top: 0; left: 0; }
.ui-fixed.ranking-menu { background-color: #fff; }
.ui-fixed.ui-fixed-on { position: fixed; }

#status-bar { display: none; position: fixed; z-index: 14999; top: 0; left: 0; width: 100%; }
#status-bar a { text-decoration: none; }
#status-bar a.success:hover { background-color: #66bd59; }
#status-bar .status-item { display: block; width: 100%; padding: 8px 0; line-height: 1; text-align: center; font-size: 14px; color: #fff; margin-top: 1px; opacity: .9; }
#status-bar .status-item:first-child { margin-top: 0; }
#status-bar .success { background-color: #55b647; }

a.button-container.premium.ui-modal-close.new-history-func { margin: auto; width: 82%; text-align: center; display: block; background: linear-gradient(to bottom, #ff8923, #f06000); background: -moz-linear-gradient(top, #ff8923, #f06000); background: -webkit-gradient(linear, left top, left bottom, from(#ff8923), to(#f06000)); }
a.button-container.premium.ui-modal-close.new-history-func:hover { background: -moz-linear-gradient(top, #ff8114, #e05a00); backgroud: -webkit-gradient(linear, left top, left bottom, from(#ff8114), to(#e05a00)); background: linear-gradient(to bottom, #ff8114, #e05a00); }

._sub-menu-target:hover ._sub-menu-container { display: block; }

._premium-badge { width: 60px; height: 16px; border-radius: 8px; background-image: url('../images/badge/badge-premium.svg'); }

._layout-order-bookmark-wrapper { position: relative; height: 50px; margin: 15px 14px 0px 17px; }

._column-order-menu { position: absolute; }

._column-term-bookmark-menu { position: absolute; right: 0px; }
._column-term-bookmark-menu > ul { display: inline-block; margin: 0 5px; }
._column-term-bookmark-menu li { display: inline; }
._column-term-bookmark-menu li.search-term-label { color: #333333; }

._order-item { display: inline-block; position: relative; line-height: 32px; padding: 0 16px; border-radius: 16px; font-weight: bold; font-size: 12px; color: #999; }
._order-item._selected { background-color: #eee; color: #666; }
._order-item:hover { text-decoration: none; }
._order-item:hover .search-order-text { color: #666; }
._order-item.active .search-order-text { color: #666; }
._order-item._clickable, ._tab-list li._order-item, ._order-item.select-item, .questionnaire ._order-item.status, ._comment-form .functions li._order-item { cursor: pointer; }
._order-item .require-premium.require-premium-popular_d { font-weight: bold; font-size: 12px; color: #999; }
._order-item .require-premium.require-premium-popular_d .has-menu { vertical-align: middle; }
._order-item .pulldown-expand-mark { display: inline-block; background-repeat: no-repeat; background-image: url('../images/common/pulldown-expand-arrow-mark.svg'); background-position: center; width: 10px; height: 8px; margin-left: 4px; }

._select-more-item { line-height: 25px; margin-left: 5px; color: #5a5a5a; }
._select-more-item .pulldown-expand-mark { position: absolute; right: 8px; background-repeat: no-repeat; background-image: url('../images/common/pulldown-expand-arrow-mark.svg'); background-position: center; width: 10px; height: 22px; }

.search-condition-container { position: relative; }

.search-condition-more-button { position: relative; display: inline-block; background-color: #ebebeb; width: 125px; line-height: 22px; border-radius: 4px; padding: 5px 5px 5px 10px; cursor: pointer; }

.search-condition-more-button-disabled { color: #cccccc; cursor: default; user-select: none; }

.search-custom-term-more-button { border-top: solid 1px #e5e5e5; cursor: pointer; padding: 5px; }

._popular-search-select-popup-container { position: absolute; left: 0; top: 36px; z-index: 3; background-color: #fff; border: 1px solid #e6e6e6; border-radius: 8px; width: 160px; padding: 8px 0; }
._popular-search-select-popup-container:not(:hover) .selected { background-color: #f5f5f5; }
._popular-search-select-popup-container li { height: 36px; cursor: pointer; }
._popular-search-select-popup-container li .popular-order-text { font-size: 12px; font-weight: normal; color: rgba(0, 0, 0, 0.6); padding-left: 20px; line-height: 36px; }
._popular-search-select-popup-container li:hover { background-color: #f5f5f5; }
._popular-search-select-popup-container .checked-mark { background-image: url('../images/common/pulldown-item-check-mark.svg'); background-repeat: no-repeat; background-position: 6px center; background-size: 12px 12px; }

.search-condition-more-container { position: absolute; z-index: 3; padding: 2px; border-radius: 8px; border: solid 1px #e2e2e2; background-color: #ffffff; }
.search-condition-more-container .condition-list-item { display: inline-block; width: 90px; }

.search-term-container .search-term-more-button { margin-left: 9px; margin-right: 12px; }
.search-term-container .search-condition-more-container { top: 34px; left: 8px; right: auto; width: 294px; }

.bookmark-range-container .search-condition-more-container { top: 34px; right: -2px; }
.bookmark-range-container .search-condition-more-container a { color: #333333; }
.bookmark-range-container ._icon, .bookmark-range-container .rss a, .rss .bookmark-range-container a { margin-right: 4px; vertical-align: baseline; }

.original-select-container .search-condition-more-button { margin-left: 12px; }
.original-select-container .search-condition-more-container { top: 34px; right: -2px; }

.search-sort-container .order-link-nologin { color: #999; text-decoration: none; }
.search-sort-container .require-premium { display: inline-block; top: 0px; color: #333333; font-weight: normal; width: 100%; padding-left: 0; text-decoration: none; }
.search-sort-container .require-premium::after { content: none; }
.search-sort-container .require-premium .sprites-premium, .search-sort-container .require-premium .menu-items .require-premium:after, .menu-items .search-sort-container .require-premium .require-premium:after { margin-right: 4px; }
.search-sort-container .require-premium .has-menu::after { content: none; }
.search-sort-container .menu-items { display: inline-block; }

.bookmark-range-container .require-premium { display: inline-block; padding: 5px 5px 5px 10px; color: #333333; font-weight: normal; text-decoration: none; }
.bookmark-range-container .require-premium::after { content: none; }
.bookmark-range-container .require-premium .sprites-premium, .bookmark-range-container .require-premium .menu-items .require-premium:after, .menu-items .bookmark-range-container .require-premium .require-premium:after { margin-right: 4px; margin-top: -2px; vertical-align: middle; }

.horizon-list > li { display: table-cell; margin: 0px; vertical-align: top; }

.vertical-list { margin-top: 8px; margin-bottom: 8px; }
.vertical-list li { display: inline-block; width: 137px; padding: 5px; cursor: pointer; }
.vertical-list li.current, .vertical-list li:hover { background-color: #f3f3f3; }
.vertical-list li.fill-row { width: 284px; }

.require-premium-popular_d { cursor: pointer; }

._global-header { background-color: #fff; border-bottom: 1px solid #d6dee5; }
._global-header.premium-fixed { position: fixed; top: 0; width: 100%; height: 77px; z-index: 1; }
._global-header.premium-fixed .layout-wrapper { width: auto; max-width: 970px; height: 100%; }
._global-header.premium-fixed .layout-wrapper .premium-lp__button, ._global-header.premium-fixed .layout-wrapper .premium-lp__premium-register-button, ._global-header.premium-fixed .layout-wrapper .premium-lp__premium-edit-button { transition: background-color 0.125s ease-in-out; display: inline-block; border-radius: 5px; padding: 26px 0; background-color: #ff6f0f; width: 576px; max-width: 100%; line-height: 1; font-size: 22px; color: #ffffff; text-align: center; text-shadow: none; }
._global-header.premium-fixed .layout-wrapper .premium-lp__button:hover, ._global-header.premium-fixed .layout-wrapper .premium-lp__premium-register-button:hover, ._global-header.premium-fixed .layout-wrapper .premium-lp__premium-edit-button:hover { background-color: #ff9a57; text-decoration: none; }
._global-header.premium-fixed .layout-wrapper .premium-lp__button.disabled, ._global-header.premium-fixed .layout-wrapper .disabled.premium-lp__premium-register-button, ._global-header.premium-fixed .layout-wrapper .disabled.premium-lp__premium-edit-button { transition: opacity 0.125s ease-in-out; opacity: 0.2; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
._global-header.premium-fixed .layout-wrapper .premium-lp__premium-edit-button { background-color: #009cff; border-radius: 37px; }
._global-header.premium-fixed .layout-wrapper .premium-lp__premium-edit-button:hover { background-color: #0086e0; }
._global-header.premium-fixed .layout-wrapper .premium-lp__premium-register-button, ._global-header.premium-fixed .layout-wrapper .premium-lp__premium-edit-button { position: absolute; top: 15px; right: 0; padding: 15px 0; width: 160px; font-size: 18px; }
._global-header.premium-renewal { position: fixed; top: 0; width: 100%; height: 78px; z-index: 1; border-bottom: 1px solid #ebebeb; }
._global-header.premium-renewal .layout-wrapper { width: 1016px; height: 100%; }
._global-header.premium-renewal .layout-wrapper .header-link-container { position: absolute; display: flex; padding-top: 20px; right: 0; }
._global-header.premium-renewal .layout-wrapper .header-link-container nav { padding-top: 8px; }
._global-header.premium-renewal .layout-wrapper ul li { display: inline; }
._global-header.premium-renewal .layout-wrapper .section-link { height: 24px; font-style: normal; font-weight: bold; -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 24px; text-align: center; vertical-align: middle; color: #858585; padding: 28px 14px; transition: color 0.125s ease-in-out; }
._global-header.premium-renewal .layout-wrapper .section-link:hover { color: #1f1f1f; text-decoration: none; }
._global-header.premium-renewal .layout-wrapper .premium-register-button { width: 57px; padding: 9px 24px; font-style: normal; font-weight: bold; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 22px; text-align: center; background-color: #fd9e16; border-radius: 200px; }
._global-header.premium-renewal .layout-wrapper .premium-register-button:hover { background-color: #ee8d02; text-decoration: none; }
._global-header .layout-wrapper { position: relative; width: 970px; height: 115px; margin: 0 auto; }
._global-header .title { position: absolute; top: 12px; }
._global-header .link-list { position: absolute; top: 8px; right: 0; }
._global-header .link-list .link-item { display: inline; }
._global-header .link-list .link-item > a { display: inline-block; line-height: 26px; }
._global-header .link-list .link-item + .link-item { margin-left: 12px; }
._global-header .link-list .settings-menu { display: inline-block; position: relative; text-align: left; line-height: 26px; cursor: pointer; }
._global-header .link-list .settings-menu:hover .items { display: block; }
._global-header .link-list .settings-menu .items { display: none; z-index: 10000; position: absolute; right: 0; margin: -1px auto 0; text-align: left; width: 148px; background-color: #fff; border: 1px solid #becad7; outline: 1px solid #fff; }
._global-header .link-list .settings-menu .items:hover { display: block; }
._global-header .link-list .settings-menu .item { display: block; margin: 0; padding: 0 9px; line-height: 2; color: #777; border-left: none !important; border-right: none !important; font-size: 12px; cursor: pointer; }
._global-header .link-list .settings-menu .premium { color: #fb6e07; }
._global-header .navigation-list { position: absolute; display: flex; align-items: center; justify-content: flex-start; bottom: 8px; left: 0; font-size: 14px; line-height: 20px; }
._global-header .navigation-list .notifications { position: static; }
._global-header .navigation-list .notifications.new-version .message { margin: 0; }
._global-header .navigation-list .notifications.new-version .popboard { margin: 0 0 0 4px; }
._global-header .navigation-list .menus li { margin-right: 2px; }
._global-header .navigation-list .menus li a { display: flex; align-items: center; }
._global-header .navigation-list .menus, ._global-header .navigation-list .notifications { display: flex; }
._global-header .navigation-list .menus li { display: block; padding-left: 0; margin-right: 16px; }
._global-header .navigation-list .menus li.upload { display: flex; }
._global-header .navigation-list .menus li .menu-icon { margin-right: 2px; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center; }
._global-header .navigation-list .menus li .menu-icon.icon-home { background-image: url('../images/icon/home-icon.svg'); }
._global-header .navigation-list .menus li .menu-icon.icon-upload { background-image: url('../images/icon/upload-icon.svg'); }
._global-header .navigation-list .menus li .menu-icon.icon-bookmark { background-image: url('../images/icon/bookmark-heart-icon.svg?1'); }
._global-header .navigation-list .menus li .menu-icon.icon-feed { background-image: url('../images/icon/feed-icon.svg'); }
._global-header .navigation-list .menus li > a.current { font-weight: bold; color: #333; }
._global-header .navigation-list .menus li > a + a { border: none; margin: 0; padding: 0; }
._global-header .navigation-list .menus li > a + a::before { content: ''; display: inline-block; height: 14px; vertical-align: -2px; padding-left: 4px; margin-left: 4px; border-left: 1px solid #eee; }
._global-header .navigation-menu-right { position: absolute; display: flex; right: 0; bottom: 8px; }
._global-header .navigation-menu-right .menu-group { display: flex; border-radius: 4px; padding: 6px 12px; text-align: center; background-color: #f2f4f6; }
._global-header .navigation-menu-right .menu-group + .menu-group { margin-left: 8px; }
._global-header .navigation-menu-right .menu-group .menu-item { display: flex; align-items: center; font-size: 12px; }
._global-header .navigation-menu-right .menu-group .menu-item:hover { color: #005373; text-decoration: none; }
._global-header .navigation-menu-right .menu-group .menu-item.current { color: #333; font-weight: bold; }
._global-header .navigation-menu-right .menu-group .menu-item ._discovery-icon { width: 16px; height: 16px; margin-right: 4px; }
._global-header .navigation-menu-right .menu-group .menu-item ._howto-icon { width: 18px; height: 18px; margin-right: 2px; }
._global-header .navigation-menu-right .menu-group .menu-item ._idea-icon { width: 18px; height: 18px; margin-left: 10px; margin-right: 3px; }
._global-header .navigation-menu-right .menu-group .menu-item .label { line-height: 18px; }
._global-header .ui-search { position: absolute; right: 0; bottom: 46px; width: 224px; }
._global-header .ui-search.has-text .container input { width: 166px; }
._global-header .ui-search .container { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; width: 186px; }
._global-header .ad { position: absolute; top: 10px; left: 210px; width: 468px; height: 60px; }
._global-header .premium-lp__page-buttons { text-align: center; white-space: nowrap; }
._global-header .premium-lp__page-buttons .premium-lp__page-button, ._global-header .premium-lp__page-buttons .premium-lp__page-button--current { transition: opacity 0.125s ease-in-out; display: inline-block; padding: 23px 10px 17px; width: 220px; font-size: 22px; }
._global-header .premium-lp__page-buttons .premium-lp__page-button:hover, ._global-header .premium-lp__page-buttons .premium-lp__page-button--current:hover { opacity: 0.5; text-decoration: none; }
._global-header .premium-lp__page-buttons .premium-lp__page-button--current { border-bottom: 4px solid #ff6f0f; font-weight: bold; color: #333333; }
._global-header .premium-lp__premium-register-button, ._global-header .premium-lp__premium-edit-button { position: absolute; top: 15px; right: 0; padding: 15px 0; width: 160px; font-size: 18px; }

@media screen and (max-width: 814px) { .premium-lp__page-buttons { display: none; } }
.notifications.new-version .notification-button { position: relative; display: block; width: 30px; height: 30px; background-size: 24px 24px; background-position: center center; cursor: pointer; }
.notifications.new-version .notification-button.unread .count { display: inline; }
.notifications.new-version .notification-button .count { display: none; position: absolute; top: -5px; left: 15px; text-align: center; line-height: 16px; padding: 0 3px; min-width: 10px; height: 16px; border: 2px solid #fff; border-radius: 10px; color: #fff; background-color: #ff4326; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.notifications.new-version .message, .notifications.new-version .popboard { position: relative; }
.notifications.new-version .message .notification-button { background-image: url('../images/notification/messageOpener.svg?1'); }
.notifications.new-version .popboard .notification-button { background-image: url('../images/notification/notificationOpener.svg?1'); }

.notification-popup.new-version { display: none; position: absolute; top: 34px; width: 320px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #eee; background-color: #fff; font-size: 12px; }
.notification-popup.new-version::before, .notification-popup.new-version::after { content: ''; display: block; position: absolute; border-width: 8px 12px; border-color: transparent; border-style: solid; }
.notification-popup.new-version::before { top: -16px; border-bottom-color: #eee; }
.notification-popup.new-version::after { top: -15px; border-bottom-color: #fff; }
.notification-popup.new-version#notification-popboard { left: -163px; }
.notification-popup.new-version#notification-popboard::before, .notification-popup.new-version#notification-popboard::after { left: 165px; }
.notification-popup.new-version#notification-message { left: -129px; }
.notification-popup.new-version#notification-message::before, .notification-popup.new-version#notification-message::after { left: 131px; }
.notification-popup.new-version .header { position: relative; text-align: center; line-height: 39px; font-weight: bold; border-bottom: 1px solid #eee; }
.notification-popup.new-version .more { display: block; line-height: 39px; text-align: center; cursor: pointer; }
.notification-popup.new-version .more a { display: block; color: #0096fa; }
.notification-popup.new-version .more a:hover { color: #0086e0; text-decoration: none; }

#header-banner { position: absolute; z-index: 5001; top: 10px; margin-left: 210px; }
#header-banner.gdpr-notify { top: 62px; }

._pixiv-logo { height: 50px; width: 130px; background-image: url('../images/logo/pixiv-logo.svg'); background-repeat: no-repeat; }

._header-blue-belt { display: block; width: 100%; background-color: #0096fa; color: #fff; padding: 12px 0; }
._header-blue-belt .wrapper { width: 970px; margin: 0 auto; position: relative; line-height: 24px; text-align: center; font-size: 14px; font-weight: bold; }
._header-blue-belt .wrapper .label { line-height: 24px; vertical-align: middle; }
._header-blue-belt .nipple { position: absolute; right: 50px; top: -28px; }
._header-blue-belt .close-icon { display: inline-block; width: 16px; height: 24px; line-height: 24px; margin-left: 8px; }

._gdpr-notify-header { display: flex; align-items: center; justify-content: center; min-height: 52px; background-color: #333333; color: #fff; }
._gdpr-notify-header .content { max-width: 1032px; font-size: 12px; line-height: 18px; margin: 0 16px; }
._gdpr-notify-header .notify-button { width: 76px; min-width: 76px; height: 36px; border: none; border-radius: 18px; font-size: 14px; text-align: center; cursor: pointer; text-decoration: none; }
._gdpr-notify-header .notify-button.detail { display: flex; align-items: center; justify-content: center; margin: 8px 4px 8px 16px; background-color: #f5f5f5; color: #666666; }
._gdpr-notify-header .notify-button.agree { margin: 8px 8px 8px 4px; background-color: #0096fa; color: #fff; }

input[maxlength="6"] { width: 110px; }

._settings { margin: 25px auto 10px; }
._settings p + p { margin-top: 5px; }
._settings > dt { position: absolute; z-index: 1; width: 190px; padding: 0 0 15px; font-weight: bold; text-align: right; }
._settings > dd { position: relative; margin-left: 220px; padding: 0 0 15px; }
._settings > div.g-recaptcha { width: 300px; margin: 0 auto; }

dl.settings { text-align: left; }
dl.settings > dt { position: absolute; z-index: 1; width: 190px; padding: 15px 0; font-weight: bold; text-align: right; }
dl.settings > dd { margin: 0; padding: 10px 0 10px 220px; }
dl.settings dl { margin: 10px 0; }
dl.settings .options + .options, dl.settings .options + .options-list, dl.settings .options-list + .options, dl.settings .options-list + .options-list { margin-top: 10px; }
dl.settings .options li, dl.settings .options-list li { display: block; margin: 5px 20px 5px 0; }
dl.settings .options li { display: inline-block; vertical-align: top; }
dl.settings .options .options { margin: 0 0 0 15px; }
dl.settings .inline-options { margin: 0; }
dl.settings .inline-options, dl.settings .inline-options li { display: inline-block; }
dl.settings .inline-options li { margin: 0 4px; }
dl.settings .option { margin: 5px 0; }
dl.settings .require { font-weight: normal; color: tomato; }
dl.settings label { background-color: #fff; }

._definitions { padding-bottom: 4px; }
._definitions > dt { float: left; clear: left; width: 85px; padding: 10px 0 6px; vertical-align: top; text-align: right; }
._definitions > dt:after { content: ':'; margin-left: 2px; color: #ccc; }
._definitions > dd { margin-left: 90px; padding: 10px 0 6px; text-align: left; }

.setting-container { width: 680px; margin: 25px auto; }
.setting-container.slight { width: 420px; }
.setting-container .title { margin: 10px 0; font-size: 14px; font-weight: bold; line-height: 1; }

.setting-social-login h2 { font-weight: bold; font-size: 22px; }
.setting-social-login p { margin: 0 0 20px; }
.setting-social-login th { width: 50px; }
.setting-social-login tr { border-bottom: 1px solid #eeeeee; }
.setting-social-login td h3 { font-weight: bold; font-size: 14px; margin-bottom: 6px; }
.setting-social-login ._button, .setting-social-login .button-on { margin: 6px 0; font-size: 14px; height: 36px; width: 150px; }

.column-menu + .user-search-result-container .user-recommendation-item:first-child { border-top: none; }

.user-recommendation-item { position: relative; height: 128px; padding: 20px 542px 20px 158px; border-top: 1px solid #d6dee5; }
.user-recommendation-item.child { background-color: #f5f5f5; }
.user-recommendation-item .related-user { position: absolute; top: 5px; left: 20px; font-size: 10px; line-height: 1; color: #aaa; }
.user-recommendation-item ._user-icon { position: absolute; top: 20px; left: 20px; }
.user-recommendation-item .title { margin: 0; font-size: 16px; font-weight: bold; }
.user-recommendation-item .meta { margin: 4px 0; }
.user-recommendation-item .caption { margin: 6px 0; }
.user-recommendation-item .follow { position: absolute; left: 158px; bottom: 20px; }
.user-recommendation-item .images { position: absolute; top: 20px; left: 436px; }
.user-recommendation-item .images li { display: inline-block; }
.user-recommendation-item .images a { display: inline-block; position: relative; width: 128px; height: 128px; vertical-align: top; background-size: contain; background-repeat: no-repeat; }
.user-recommendation-item .images a:hover { z-index: 1; }
.user-recommendation-item .images a:hover .layout-effect { border-color: #3db8e7; }
.user-recommendation-item .images .layout-effect { -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; position: absolute; top: -3px; left: -3px; width: 128px; height: 128px; border: 3px solid rgba(61, 184, 231, 0); }

._thumbnail-popup { position: absolute; z-index: 15001; padding: 0 0 13px; }
._thumbnail-popup .wrapper { background-position: 50% 0; border: 3px solid #3db8e7; }
._thumbnail-popup .nipple { position: relative; position: absolute; bottom: 13px; }
._thumbnail-popup .nipple: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: #3db8e7 transparent; border-style: solid; }
._thumbnail-popup.under-target { padding: 13px 0 0; }
._thumbnail-popup.under-target .nipple { position: relative; position: absolute; top: 13px; bottom: auto; }
._thumbnail-popup.under-target .nipple:before { content: ""; display: block; position: absolute; top: -8px; bottom: auto; left: 50%; margin-left: -8px; width: 0; height: 0; border-width: 8px; border-top-width: 0; border-color: #3db8e7 transparent; border-style: solid; }

.thumbnail-popup { position: relative; -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); position: absolute; z-index: 15001; background-position: 50% 0; border: 3px solid #3db8e7; }
.thumbnail-popup:before { content: ""; display: block; position: absolute; top: -8px; bottom: auto; left: 50%; margin-left: -8px; width: 0; height: 0; border-width: 8px; border-top-width: 0; border-color: #3db8e7 transparent; border-style: solid; }
.thumbnail-popup .loading-indicator-small { width: 32px; height: 32px; }

.user-recommend-notes { padding: 0 20px 10px; color: #777; font-size: 15px; }

.following-booster-dummy { height: 169px; }

.bookmark-detail-unit { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; overflow: hidden; min-height: 150px; margin: 0; padding: 30px 40px 20px 270px; }
.bookmark-detail-unit .thumbnail-container { position: absolute; overflow: hidden; left: 40px; width: 200px; height: 250px; text-align: center; }
.bookmark-detail-unit .thumbnail-container > ._work { width: 150px; height: 150px; }
.bookmark-detail-unit .thumbnail-container ._ugoira-thumbnail:before { margin-left: 20px; margin-top: -5px; }
.bookmark-detail-unit .bookmark-container { float: right; margin: 0 0 10px 10px; text-align: right; }
.bookmark-detail-unit .count-list { display: inline; vertical-align: -1px; }
.bookmark-detail-unit ._user-icon { position: absolute; top: 30px; left: 270px; }
.bookmark-detail-unit ._user-icon + .user-name { margin-left: 60px; line-height: 20px; }
.bookmark-detail-unit .title { margin-left: 60px; font-size: 24px; line-height: 30px; }
.bookmark-detail-unit .meta { margin-left: 10px; color: #999; }
.bookmark-detail-unit .caption { display: -webkit-box; max-height: 54px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.bookmark-detail-unit .caption, .bookmark-detail-unit .tags { margin-top: 20px; }
.bookmark-detail-unit .share-button { margin-top: 10px; }
.bookmark-detail-unit .input-box { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) inset; width: 656px; margin: 20px 0 0 auto; background-color: #f2f4f6; border: 1px solid #dde5ed; }
.bookmark-detail-unit .input-box input { -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) inset; width: 541px; height: 36px; padding: 0 10px; line-height: 18px; border: none; }
.bookmark-detail-unit .count { display: inline-block; width: 95px; margin-top: 9px; text-align: center; font-size: 12px; font-weight: bold; }
.bookmark-detail-unit .submit-container { margin-bottom: 0; text-align: right; }
.bookmark-detail-unit .privacy { display: inline; vertical-align: -2px; }
.bookmark-detail-unit .privacy li { display: inline; margin: 0 10px 0 0; }
.bookmark-detail-unit .remove-bookmark-form { position: absolute; left: 40px; bottom: 20px; }
.bookmark-detail-unit .remove-bookmark-form .remove { padding: 0; outline: none; border: none; line-height: 30px; font-size: 12px; color: #999; background: none; }

.bookmark-detail-unit + .bookmark-list-unit:not(.scroll) { margin-top: -1px; }

.bookmark-list-unit { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; }
.bookmark-list-unit.scroll { max-height: 480px; }
.bookmark-list-unit .loading-indicator, .bookmark-list-unit .user-items._loading { display: block; }
.bookmark-list-unit .tag-order { vertical-align: middle; }
.bookmark-list-unit ._no-item { background-color: inherit; }

.mypixiv-badge { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; margin-left: 5px; padding: 2px 5px; font-size: 10px; line-height: 1; color: #fff; background-color: #ff8c40; }

.following-badge { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; margin-left: 5px; padding: 2px 5px; font-size: 10px; line-height: 1; color: #fff; background-color: #40bb62; }

.bookmark-item { padding: 8px 0; vertical-align: middle; }
.bookmark-item + .bookmark-item { border-top: 1px solid #f5f5f5; }
.bookmark-item.self { margin: 0 -15px; padding: 8px 15px; background-color: #f5f5f5; border: none; }
.bookmark-item.self + .bookmark-item { border: none; }
.bookmark-item .button-small-on { margin-left: 10px; vertical-align: baseline; }
.bookmark-item .user { display: inline-block; margin-left: 10px; }
.bookmark-item .user-icon { margin-right: 5px; vertical-align: -4px; }
.bookmark-item .tags { display: inline; margin-left: 10px; }
.bookmark-item .comment { margin-left: 10px; }

.bookmark-add-modal { position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; height: 100%; }
.bookmark-add-modal .close { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; position: absolute; top: 21px; right: 21px; width: 16px; height: 16px; cursor: pointer; }
.bookmark-add-modal .close:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.bookmark-add-modal .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(31, 33, 36, 0.5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f1f2124,endColorstr=#7f1f2124)"; }
.bookmark-add-modal .content { position: relative; width: 900px; height: 100%; margin: 10px auto; }
.bookmark-add-modal .title-unit { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; padding: 10px; text-align: center; background-color: black; color: #fff; line-height: 20px; font-size: 14px; }
.bookmark-add-modal ._error { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; margin: 0; padding: 65px 0; }
.bookmark-add-modal .bookmark-detail-unit { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-top: none; border-left: none; border-right: none; }
.bookmark-add-modal .input-box { width: 588px; }
.bookmark-add-modal .input-box input { width: 473px; }
.bookmark-add-modal ._list-unit { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; min-height: 200px; }
.bookmark-add-modal ._work { display: flex !important; align-items: center; justify-content: center; }

ul.tagCloud { font-size: 12px; line-height: 1.7; margin: 0px; word-break: break-all; }
ul.tagCloud li { display: inline; font-size: 100%; margin: 0px; padding: 0px 2px; }
ul.tagCloud li a { text-decoration: none; color: inherit; }
ul.tagCloud li.level1 { font-size: 166%; font-weight: bold; }
ul.tagCloud li.level1 a { color: #3e5b71; }
ul.tagCloud li.level2 { font-size: 150%; font-weight: bold; }
ul.tagCloud li.level2 a { color: #3e5b71; }
ul.tagCloud li.level3 { font-size: 150%; font-weight: bold; }
ul.tagCloud li.level3 a { color: #587c97; }
ul.tagCloud li.level4 { font-size: 133%; font-weight: bold; }
ul.tagCloud li.level4 a { color: #587c97; }
ul.tagCloud li.level5 { font-size: 115%; font-weight: bold; }
ul.tagCloud li.level5 a { color: #587c97; }
ul.tagCloud li.level6 { font-size: 100%; }
ul.tagCloud li.level6 a { color: #5e9ece; }
ul.tagCloud li a:visited { color: #996699; text-decoration: none; }
ul.tagCloud li a:hover { background-color: #3e5b71; color: white; text-decoration: none; }
ul.tagCloud li a span.cnt { font-size: 10px; font-weight: normal; color: #999999; }
ul.tagCloud li span.cnt_nologin { font-size: 10px; font-weight: normal; color: #999999; }
ul.tagCloud li .selected a { background-color: #5e9ece; color: #fff !important; }

.sprites-icon-booth-tag { margin-top: -1px; opacity: 0.8; }

.booth-iframe { display: block; width: 100%; height: 150px; margin: 10px auto 0; }

.top-info-content li div { vertical-align: top; display: inline-block; zoom: 1; }
.top-info-content li div .hideButton { position: absolute; display: block; right: 4px; }
.top-info-content li div .hideButton a { color: #ffffff; text-decoration: none; }
.top-info-content li:hover div .hideButton a { color: #cccccc; text-decoration: none; }
.top-info-content li:hover div .hideButton a:hover { color: #666666; }

.NewsTop { padding: 0; }
.NewsTop h1 { background: #F2F4F6; font-size: 12px; font-weight: bold; padding: 0 3px; margin: -3px -8px 5px; }
.NewsTop h1 a { color: #333; }
.NewsTop .info_r .title { color: #ff0000; }
.NewsTop .info_b .title { font-weight: bold; }
.NewsTop .info_rb .title { font-weight: bold; color: #ff0000; }
.NewsTop .category { display: inline-block; padding: 0 3px; text-align: center; text-decoration: none !important; font-size: 11px; color: #333 !important; line-height: 16px; height: 16px; width: 80px; background-color: #E8F0F6; -moz-border-radius: 2px; /* border: 1px solid #D6DEE5; */ border-radius: 4px; }
.NewsTop .category._3 { background-color: #CBE1F2; }
.NewsTop .category._4 { background-color: #FFF569; color: #706900 !important; }
.NewsTop .category._6 { background-color: #FFFBC2; color: #474300 !important; }
.NewsTop li { line-height: 20px; }
.NewsTop .date { color: #666666; font-size: 11px; font-weight: normal; }
.NewsTop .date:before { content: "-"; color: #ccc; padding: 0 2px; }
.NewsTop .NewsTopSpecial a { color: #ff0000; font-weight: bold; }

._latest-illusts-information { text-align: center; margin: 15px 0 8px; }

._information-ribbon { display: inline-flex; align-items: center; padding: 8px 12px 8px 8px; border-radius: 8px; background-color: #f5f5f5; color: #939393; }
._information-ribbon.important { background-color: #0096fa; color: #fff; }
._information-ribbon.important .information-icon { background-image: url('../images/information/information-white.svg'); }
._information-ribbon.important .close-icon { background-image: url('../images/information/close-white.svg'); }
._information-ribbon .information-icon { width: 24px; height: 24px; background-image: url('../images/information/information.svg'); background-repeat: no-repeat; }
._information-ribbon .text { margin-left: 4px; }
._information-ribbon .close-icon { margin-left: 8px; width: 16px; height: 16px; background-image: url('../images/information/close.svg'); background-repeat: no-repeat; cursor: pointer; }

.ranking-items.old { position: relative; width: 580px; min-height: 1215px; margin-top: 15px; padding: 0 194px; }
.ranking-items.old .ranking-item { position: relative; min-height: 156px; padding: 15px 0; color: #555; }
.ranking-items.old .ranking-item + .ranking-item { border-top: 1px solid #f5f5f5; }
.ranking-items.old .ranking-item ._thumbnail { max-width: 150px; max-height: 150px; }
.ranking-items.old .ranking-item:target { margin-left: -194px; margin-right: -194px; padding-left: 194px; padding-right: 194px; background-color: #e2f4f8; border: 1px solid #e2f4f8; border-left: none; border-right: none; }
.ranking-items.old .ranking-item:target .rank { left: 194px; }
.ranking-items.old .ranking-item:target .rank .label { font-size: 24px; }
.ranking-items.old .ranking-item:target + .ranking-item { border: none; }
.ranking-items.old .ranking-item:target .work { left: 288px; }
.ranking-items.old .ranking-item:target .data { left: 474px; }
.ranking-items.old .ranking-item .rank { position: absolute; top: 15px; left: 0; width: 70px; }
.ranking-items.old .ranking-item .rank .label { font-weight: bold; font-size: 16px; color: #444; }
.ranking-items.old .ranking-item .rank .up, .ranking-items.old .ranking-item .rank .down { display: inline-block; margin-left: 4px; vertical-align: -2px; }
.ranking-items.old .ranking-item .rank .new { color: #cc0000; }
.ranking-items.old .ranking-item .work_wrapper { display: block; position: absolute; top: 15px; left: 94px; width: 156px; text-align: center; }
.ranking-items.old .ranking-item .work_wrapper ._work.rtl ._layout-thumbnail:before, .ranking-items.old .ranking-item .work_wrapper ._work.ltr ._layout-thumbnail:before { height: 100%; }
.ranking-items.old .ranking-item .user-container { margin: 5px 0; }
.ranking-items.old .ranking-item .data { margin-left: 280px; color: #666; }
.ranking-items.old .ranking-item .data h2 { font-size: 16px; font-weight: bold; }
.ranking-items.old .ranking-item .share { margin-left: -10px; }
.ranking-items.old .ranking-item .share .label { margin-left: 10px; }
.ranking-items.old .ranking-item .share > ul { width: 183px; height: 85px; }
.ranking-items.old .ranking-item .share > ul li { cursor: default; }
.ranking-items.old .ranking-item .share > ul li:hover { background-color: transparent; }
.ranking-items.old .ranking-item .share > ul li.input { padding: 0; line-height: 1; }
.ranking-items.old .ranking-item .share > ul li.input input { width: 165px; height: 12px; padding: 8px 9px; color: #777; background-color: #ffffcc; border: none; outline: none; }
.ranking-items.old .ranking-item .share > ul li.share-button { height: 24px; padding: 4px 9px 0; }
.ranking-items.old .ranking-item .share > ul li.share-button iframe { width: 110px; vertical-align: top; height: 20px; }
.ranking-items.old .ranking-item .share > ul li ul.share-button li { height: 24px; padding: 4px 0 0; }

._attr-filter-hidden { display: none !important; }

.ranking-items.adjust { margin-left: 25px; margin-top: 30px; }
.ranking-items.adjust ._layout-thumbnail { height: auto !important; }
.ranking-items.adjust ._ugoira-thumbnail:before { margin-left: 20px; margin-top: 15px; }
.ranking-items.adjust .work { display: block; margin: 0 auto; height: auto; width: auto; }
.ranking-items.adjust .work img { max-height: 320px; }
.ranking-items.adjust .title { display: inline-block; margin: 5px 10px 0; font-size: 16px; line-height: 24px; font-weight: bold; }
.ranking-items.adjust .user-container { margin: 0 10px; }
.ranking-items.adjust .rank h1, .ranking-items.adjust .rank p { display: inline; }
.ranking-items.adjust .rank p { vertical-align: 1px; }
.ranking-items.adjust .rank .label { font-weight: bold; font-size: 16px; color: #555; }
.ranking-items.adjust .rank .up, .ranking-items.adjust .rank .down, .ranking-items.adjust .rank .same { display: inline-block; margin: 0 0 0 5px; vertical-align: -1px; }
.ranking-items.adjust .rank .new { margin-left: 5px; color: tomato; }
.ranking-items.adjust .rank ._icon, .ranking-items.adjust .rank .rss a, .rss .ranking-items.adjust .rank a { position: relative; margin-left: 5px; vertical-align: -1px; cursor: pointer; }
.ranking-items.adjust .ranking-item { display: inline-block; width: 306px; text-align: center; vertical-align: top; position: relative; margin-bottom: 40px; }
.ranking-items.adjust .ranking-item.target, .ranking-items.adjust .ranking-item:target { margin: -30px -24px 10px; padding: 29px 24px; background-color: #e2f4f8; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
.ranking-items.adjust .ranking-item.target .info-modal, .ranking-items.adjust .ranking-item:target .info-modal { top: 63px; left: 54px; }
.ranking-items.adjust .ranking-item.target .work:hover ._thumbnail, .ranking-items.adjust .ranking-item:target .work:hover ._thumbnail { border-color: #258fb8; }
.ranking-items.adjust .ranking-item.target ._thumbnail, .ranking-items.adjust .ranking-item:target ._thumbnail { border-color: #e2f4f8; }
.ranking-items.adjust .ranking-item .ranking-image-item { width: 256px; margin: 0 auto; }
.ranking-items.adjust .ranking-item .ranking-image-item ._work.rtl ._layout-thumbnail:before, .ranking-items.adjust .ranking-item .ranking-image-item ._work.ltr ._layout-thumbnail:before { height: 480px; }
.ranking-items.adjust .ranking-item.muted > h2 { display: none; }
.ranking-items.adjust .ranking-item.muted .user-container { display: none; }
.ranking-items.adjust .ranking-item.muted ._work.ugoku-illust::after, .ranking-items.adjust .ranking-item.muted .page-count { display: none; }

.info-modal { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; position: absolute; top: 32px; left: 30px; width: 242px; font-size: 12px; color: #777; background-color: #fff; border: 2px solid #d6dee5; z-index: 2; }
.info-modal dl { margin: 10px 0; line-height: 1; }
.info-modal textarea { width: 232px; height: 105px; padding: 5px; color: #777; font-size: 14px; vertical-align: top; line-height: 20px; background-color: #f5f5f5; border: none; }
.info-modal .share-buttons { height: 20px !important; margin: 10px 0; }
.info-modal .share-buttons > li { display: inline-block; vertical-align: top; }

.twitter-share-button { max-width: 99px; }

button::-moz-focus-inner { margin: 0; padding: 0; border: none; }

._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 1.0s infinite ease-in-out; animation: scaleout 1.0s infinite ease-in-out; }

@-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0); }
  100% { -webkit-transform: scale(1); opacity: 0; } }
@keyframes scaleout { 0% { transform: scale(0); -webkit-transform: scale(0); }
  100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } }
._profile-popup { display: none; z-index: 15000; position: absolute; width: 388px; padding-bottom: 10px; font-size: 12px; line-height: 18px; }
._profile-popup .nipple { position: relative; position: absolute; left: 0; bottom: 10px; width: 20px; }
._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: #cbd3da transparent; border-style: solid; }
._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; }
._profile-popup .nipple:before { left: 0; }
._profile-popup .nipple:after { left: 0; }
._profile-popup.under-target { position: absolute; padding: 10px 0 0; }
._profile-popup.under-target .nipple { position: relative; position: absolute; left: 21px; top: 10px; }
._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: #cbd3da transparent; border-style: solid; }
._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; }
._profile-popup .items { position: relative; overflow: hidden; width: 386px; height: 128px; background-color: #f2f4f6; border-radius: 5px 5px 0 0; border: 1px solid #cbd3da; border-bottom: none; }
._profile-popup .items a { position: relative; }
._profile-popup .items .item { display: table-cell; width: 128px; height: 128px; background-position: top center; vertical-align: top; }
._profile-popup .items .item.novel { vertical-align: middle; }
._profile-popup .items .item + .item { border-left: 1px solid #fff; }
._profile-popup .novel { background-color: #f5f5f5; }
._profile-popup .novel:hover { text-decoration: none; background-color: #f8f8f8; }
._profile-popup .novel .title { margin: 0 10px; color: #555; text-align: center; font-weight: bold; }
._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); }
._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 #cbd3da; border-top: none; }
._profile-popup .layout-2 .item { width: 192px; }
._profile-popup .layout-2 .item + .item { border-left: 2px solid #fff; }
._profile-popup .layout-1 .item { width: 388px; }
._profile-popup .no-item { position: absolute; opacity: .1; top: 50%; left: 0; width: 388px; height: 128px; margin-top: -7px; text-align: center; font-size: 14px; font-weight: bold; line-height: 1; }
._profile-popup .explicit { background-image: url('../images/common/explicit-r18.png'); background-size: 128px; }
._profile-popup .muted { background-image: url('../images/filtered.png?1') !important; background-size: 128px; }
._profile-popup .muted .thumbnail-filter-items { position: absolute; bottom: 32px; }
._profile-popup .muted.ugoku-illust::after, ._profile-popup .muted .page-count { display: none; }
._profile-popup .user-profile:hover .user-menu-items-wrapper { display: block; }
._profile-popup ._user-icon { position: absolute; left: 10px; bottom: 10px; }
._profile-popup .user-menu-items-wrapper { display: none; position: absolute; z-index: 15001; top: 50px; left: 5px; padding: 4px 0 0; }
._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; }
._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; }
._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; }
._profile-popup .user-menu-items:before { left: 24px; }
._profile-popup .user-menu-items:after { left: 24px; }
._profile-popup .user-menu-items a { display: block; white-space: nowrap; padding: 2px 10px; color: #777; }
._profile-popup .user-menu-items a:hover { text-decoration: none; background-color: #f2f4f6; }
._profile-popup .user-menu-items .new-context { margin: 3px 0 0; border-top: 1px solid #d6dee5; }
._profile-popup .user-menu-items .new-context a { margin: 3px 0 0; }
._profile-popup .user-name { font-weight: bold; font-size: 14px; line-height: 22px; }
._profile-popup .description { color: #777; }
._profile-popup ._follow-button-container { position: absolute; right: 10px; bottom: 14px; vertical-align: top; }

._follow-button-container .follow-button { -moz-appearance: none; -webkit-appearance: none; -moz-box-sizing: content-box; -webkit-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; outline: none; color: #FFF; background-color: #0096fa; border: 2px solid #0096fa; border-radius: 5px; cursor: pointer; }
._follow-button-container .follow-button:hover:not([disabled]) { background-color: #0086e0; border-color: #0086e0; }
._follow-button-container.following2 .follow-button { color: #666; background-color: #EEE; border-color: #EEE; }
._follow-button-container.following2:hover .options-wrapper { display: block; }
._follow-button-container.following2:hover .options-container { position: relative; }
._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; }
._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; }
._follow-button-container.following2:hover .follow-button { background-color: #E3E3E3; border-color: #E3E3E3; }
._follow-button-container.following2:hover .follow-button:after { content: none; }
._follow-button-container .options-wrapper { display: none; position: absolute; z-index: 15001; bottom: 30px; right: -6px; padding: 0 0 4px; cursor: auto; }
._follow-button-container .options-container { position: relative; }
._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; }
._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; }
._follow-button-container .options-container:before { left: auto !important; right: 7px !important; }
._follow-button-container .options-container:after { left: auto !important; right: 8px !important; }
._follow-button-container .options-container .option { overflow: hidden; background-color: #fff; border: 1px solid #d6dee5; }
._follow-button-container .options-container .option:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; }
._follow-button-container .options-container .option:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
._follow-button-container .options-container .option + .option { border-top: none; }
._follow-button-container .options-container select { width: 120px; margin: 0; vertical-align: top; }
._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; }
._follow-button-container .options-container ._notes { margin-bottom: 0; font-size: 10px; }
._follow-button-container .options-container .sprites-premium, ._follow-button-container .options-container .menu-items .require-premium:after, .menu-items ._follow-button-container .options-container .require-premium:after { position: absolute; top: 4px; left: 126px; }
._follow-button-container .options-container .label { margin: 0 -5px 5px; padding-bottom: 5px; line-height: 1; font-weight: bold; border-bottom: 1px solid #d6dee5; }
._follow-button-container .options-container .item { width: 120px; margin: 0 10px; padding: 5px 0; }
._follow-button-container .options-container .item + .item { padding-top: 0; }
._follow-button-container .options-container .action { white-space: nowrap; padding: 5px; text-align: right; background-color: #f2f4f6; }
._follow-button-container .options-container .action + .action { margin-top: 1px; }
._follow-button-container .options-container .unfollow-button { background-color: #999; }
._follow-button-container .options-container .unfollow-button:hover { background-color: #a6a6a6; }

.comic-hot-works { position: relative; margin: 1em 0; padding-top: 0.5em; background: #FFF160; }
.comic-hot-works.novel { background: #A0CDEC; }
.comic-hot-works h1 { text-align: center; font-size: 20px; font-weight: bold; }
.comic-hot-works h1 a { color: #333; }
.comic-hot-works .comic-hot-works-container { overflow-x: auto; padding-bottom: 0.5em; text-align: center; }
.comic-hot-works .comic-hot-works-container .comic-hot-works-container-inside { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }
html.ie .comic-hot-works .comic-hot-works-container .comic-hot-works-container-inside { font-size: 0; }
.comic-hot-works .comic-hot-works-container .comic-hot-works-container-inside .issue-container { -webkit-flex-basis: 121px; -ms-flex-preferred-size: 121px; flex-basis: 121px; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; text-align: center; width: 121px; }
html.ie .comic-hot-works .comic-hot-works-container .comic-hot-works-container-inside .issue-container { display: inline-block; }
.comic-hot-works .comic-hot-works-container .comic-hot-works-container-inside .issue-container img { width: 90%; margin: 5%; transition: opacity 0.5s; box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.4); }
.comic-hot-works .comic-hot-works-container .comic-hot-works-container-inside .issue-container img:hover { opacity: 0.5; }
.comic-hot-works .comic-hot-works-container .comic-hot-works-container-inside .issue-container .title { font-size: 12px; width: 90%; height: 3em; margin: 0 auto; line-height: 1.5em; text-align: center; font-weight: bold; color: #555; overflow: hidden; }
.comic-hot-works .comic-hot-works-container .comic-hot-works-container-inside .issue-container .score { display: inline-block; border-radius: 6px; padding: 4px; margin: 0; background: #faa200; color: white; line-height: 0; text-align: center; font-weight: bold; }
.comic-hot-works .comic-hot-works-container .comic-hot-works-container-inside .issue-container .score:before { content: url('../images/pixivcomic-favorite.png'); display: inline-block; vertical-align: sub; margin-right: 0.2em; }

.upload-container { width: 800px; margin: 25px auto; text-align: center; }
.upload-container .format-type { font-weight: bold; }

.setting-expression strong { font-weight: normal; color: tomato; }
.setting-expression .options > li { width: 170px; }
.setting-expression .general { margin-top: 5px; padding-top: 15px; border-top: 1px dashed #eff5f8; }
.setting-expression .rating { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.setting-tool .options > li { width: 125px; margin-right: 10px; }

.work-info { *zoom: 1; padding: 15px 20px 0 20px; }
.work-info:after { content: ""; display: table; clear: both; }
.work-info .ui-expander-container .expand, .work-info .ui-expander-container .collapse { width: 742px; }
.work-info .meta { color: #666; display: flex; flex-wrap: wrap; align-items: center; }
.work-info .meta > li + li { margin-left: 4px; padding-left: 4px; border-left: 1px solid #ccc; }
.work-info .meta li { display: inline-flex; }
.work-info .meta ul { display: inline; }
.work-info .meta ul li + li { margin-left: 8px; }
.work-info .title { margin-bottom: 15px; font-size: 24px; font-weight: bold; }
.work-info .caption { line-height: 20px; }

._member-illust-medium-fanbox-area { border-radius: 5px; min-height: 107px; position: relative; margin-bottom: 6px; background-size: cover; background-position: center center; }
._member-illust-medium-fanbox-area .mimfa__link-area { border-radius: 5px; width: 100%; display: block; background-color: rgba(0, 0, 0, 0.8); border: 0px solid #258fb8; transition: box-shadow .1s; }
._member-illust-medium-fanbox-area .mimfa__link-area:hover { transition: box-shadow .1s; box-shadow: 0 0 0 3px rgba(0, 149, 222, 0.9) inset; }
._member-illust-medium-fanbox-area a { color: #fff; }
._member-illust-medium-fanbox-area a:hover { text-decoration: none; }
._member-illust-medium-fanbox-area .mimfa__content-container { display: flex; height: 100%; padding: 15px; }
._member-illust-medium-fanbox-area .mimfa__whatTheFanbox { position: absolute; top: 20px; right: 20px; display: flex; justify-content: flex-end; font-size: 12px; font-weight: bold; line-height: 1; }
._member-illust-medium-fanbox-area .mimfa__whosFanbox { margin-bottom: 10px; font-size: 12px; font-weight: bold; line-height: 1; }
._member-illust-medium-fanbox-area .mimfa__thumbnail-area .mimfa__thumbnail { display: block; width: 144px; height: 77px; background-size: cover; background-position: center center; border-radius: 3px; }
._member-illust-medium-fanbox-area .mimfa__description-container { padding: 5px 5px 5px 20px; width: 100%; display: flex; flex-flow: column; justify-content: space-between; }
._member-illust-medium-fanbox-area .mimfa__description-container .mimfa__title-area { display: flex; justify-content: space-between; }
._member-illust-medium-fanbox-area .mimfa__description-container .mimfa__title-area .mimfa__title { margin-bottom: 8px; font-size: 18px; font-weight: bold; line-height: 1.5; }
._member-illust-medium-fanbox-area .mimfa__description-container .mimfa__description { font-size: 12px; max-height: 40px; line-height: 1.8; overflow: hidden; }

.edit-work { margin: 10px 0; text-align: center; }

.user-reaction { float: right; width: 300px; padding: 0 0 15px 5px; text-align: right; }
.user-reaction dt, .user-reaction dd { display: inline; color: #999; }
.user-reaction dt:after { content: ':'; color: #ccc; }
.user-reaction dd { margin-left: 4px; }
.user-reaction dd + dt { margin-left: 8px; }
.user-reaction .has-questionnaire { margin: 0 -5px 0 3px; padding: 0 5px; vertical-align: -1px; }

.rating .star, .rating .rate { position: absolute; top: 0; height: 26px; cursor: pointer; }

.score .result { margin: 5px 0; font-size: 12px; font-family: sans-serif; }

.rating { display: block; position: relative; width: 260px; height: 26px; margin: 5px 0 0 auto; }
.rating.rate-1 .star { width: 234px; }
.rating.rate-1 .rate { width: 26px; }
.rating.rate-2 .star { width: 208px; }
.rating.rate-2 .rate { width: 52px; }
.rating.rate-3 .star { width: 182px; }
.rating.rate-3 .rate { width: 78px; }
.rating.rate-4 .star { width: 156px; }
.rating.rate-4 .rate { width: 104px; }
.rating.rate-5 .star { width: 130px; }
.rating.rate-5 .rate { width: 130px; }
.rating.rate-6 .star { width: 104px; }
.rating.rate-6 .rate { width: 156px; }
.rating.rate-7 .star { width: 78px; }
.rating.rate-7 .rate { width: 182px; }
.rating.rate-8 .star { width: 52px; }
.rating.rate-8 .rate { width: 208px; }
.rating.rate-9 .star { width: 26px; }
.rating.rate-9 .rate { width: 234px; }
.rating.rate-10 .star { display: none; }
.rating.rate-10 .rate { width: 260px; }
.rating.rated .star, .rating.rated .rate { cursor: default; }
.rating.rated .rate { background-image: url('../images/inline/star-rated.png?0209'); }
.rating .star { background-image: url('../images/inline/star.png?0209'); right: 0; width: 260px; }
.rating .rate { background-image: url('../images/inline/star-hover.png?0209'); left: 0; width: 0; }
.rating .status { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; position: absolute; top: -20px; overflow: hidden; width: 50px; margin-left: -25px; text-align: center; font-size: 20px; font-weight: bold; line-height: normal; color: #ffb100; }

._reaction-buttons-container { display: flex; justify-content: center; align-items: center; }
._reaction-buttons-container .score { margin: 0; }
._reaction-buttons-container ._nice-button, ._reaction-buttons-container ._bookmark-toggle-button { background-color: #e5e6e8; }
._reaction-buttons-container ._nice-button:hover, ._reaction-buttons-container ._bookmark-toggle-button:hover { background-color: #dcdddf; }
._reaction-buttons-container .share-link-container { display: flex; align-items: center; margin-right: 16px; }
._reaction-buttons-container .share-text-label { color: #999; margin-right: 8px; font-size: 12px; }
._reaction-buttons-container ._nice-button { margin-top: 0; }
._reaction-buttons-container ._nice-button.rated { background-color: #edeef0; }
._reaction-buttons-container ._nice-button.rated + .result { display: none; }
._reaction-buttons-container .bookmark-container { white-space: nowrap; }
._reaction-buttons-container .bookmark-container .bookmark-count { margin-left: 4px; align-self: center; }

._bookmark-toggle-button { display: inline-block; position: relative; height: 30px; margin-left: 4px; padding: 0 16px; background-color: #eee; line-height: 30px; border-radius: 4px; text-align: center; white-space: nowrap; transition: background-color 0.4s; cursor: pointer; }
._bookmark-toggle-button:hover { background-color: #e3e3e3; }
._bookmark-toggle-button .description, ._bookmark-toggle-button .bookmark-icon { display: inline-block; vertical-align: top; }
._bookmark-toggle-button .bookmark-icon { width: 16px; height: 30px; margin-right: 4px; background-image: url("../images/bookmark-heart-off.svg?1"); background-position: center calc(50% - 1px); background-repeat: no-repeat; background-size: contain; }
._bookmark-toggle-button .description { font-size: 12px; font-weight: bold; font-family: "Helvetica Neue","arial","Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #666; }
._bookmark-toggle-button.bookmarked .bookmark-icon { background-image: url("../images/bookmark-star-on.svg"); }
._bookmark-toggle-button.bookmarked .description { color: #258fb8; }

._bookmark-icon-like-icon-font { display: inline-block; vertical-align: middle; height: 20px; width: 20px; background-size: cover; background-image: url('../images/bookmark-heart-off-gray.svg?1'); background-position: center; background-repeat: no-repeat; }
._bookmark-icon-like-icon-font.white { background-image: url('../images/bookmark-heart-off-white.svg?1'); }
._bookmark-icon-like-icon-font.bookmarked { background-image: url('../images/bookmark-heart-on.svg?1'); }

._bookmark-icon-inline { height: 10px; width: 10px; background-size: cover; background-image: url('../images/bookmark-heart-inline.svg?1'); background-position: center; background-repeat: no-repeat; }
._bookmark-icon-inline.gray { background-image: url('../images/bookmark-heart-inline-gray.svg?1'); }

._nice-button { display: inline-block; position: relative; width: 96px; height: 30px; margin-top: 5px; background-color: #eee; line-height: 30px; border-radius: 4px; text-align: center; transition: background-color 0.4s; cursor: pointer; }
._nice-button:hover { background-color: #e3e3e3; }
._nice-button .description, ._nice-button .smile-icon { display: inline-block; vertical-align: top; }
._nice-button .smile-icon { width: 12px; height: 30px; margin-right: 4px; background-image: url("../images/smile-off.svg"); background-position: center calc(50% - 2px); background-repeat: no-repeat; }
._nice-button .description { font-size: 12px; font-weight: bold; font-family: "Helvetica Neue","arial","Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #666; }
._nice-button .description.done { display: none; }
._nice-button + .result { display: none; color: #999; }
._nice-button.rated { background-color: #f5f5f5; cursor: default; }
._nice-button.rated .smile-icon { background-image: url("../images/smile-on.svg"); }
._nice-button.rated .description { color: #258fb8; }
._nice-button.rated .description.done { display: inline; }
._nice-button.rated .description.submit { display: none; }
._nice-button.rated + .result { display: block; }
._nice-button .smile { position: absolute; top: -1px; left: 33px; width: 32px; height: 32px; background-image: url("../images/smile-active.svg?1"); background-position: center; background-repeat: no-repeat; background-size: cover; visibility: hidden; }
._nice-button .smile.active { animation: nice-zoom-smile 1s forwards cubic-bezier(0.9, -1.5, 0.4, 1); }

@keyframes nice-zoom-smile { 0% { opacity: 1; visibility: visible; }
  100% { transform: scale(0); opacity: 0; visibility: hidden; } }
.questionnaire { margin: 5px 0 0; text-align: right; }
.questionnaire .list, .questionnaire .stats { display: none; width: 260px; margin: 0 0 0 auto; }
.questionnaire .list.visible, .questionnaire .stats.visible { display: block; }
.questionnaire h1 { margin: 5px 0; text-align: left; }
.questionnaire .status { display: inline-block; }
.questionnaire ol { display: block; margin: 0; padding: 0; text-align: center; }
.questionnaire li { margin: 0; }
.questionnaire li + li { margin-top: 10px; }
.questionnaire input { width: 260px; }
.questionnaire table { width: 260px; margin: 5px auto 0; border: none; }
.questionnaire tr + tr th, .questionnaire tr + tr td { padding-top: 10px; }
.questionnaire th, .questionnaire td { padding: 0; font-weight: bold; vertical-align: top; }
.questionnaire th { text-align: left; padding-right: 5px; }
.questionnaire td { text-align: right; }

.create-group-container { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 10px 0; background-color: #fff; border: 1px solid #d6dee5; padding: 20px; }
.create-group-container > h1 { margin-bottom: 20px; font-size: 18px; font-weight: bold; line-height: 1; }
.ui-modal .create-group-container { border: none; margin: 0; padding: 0; }

.create-group-settings { width: 700px; margin: 0 auto; }
.create-group-settings .input-item { line-height: 24px; }
.create-group-settings > dl > dt { float: left; clear: left; width: 190px; margin: 0 0 20px; font-weight: bold; text-align: right; }
.create-group-settings > dl > dd { margin: 0 0 20px 200px; }
.create-group-settings .end { margin-left: 200px; }
.create-group-settings .notes { margin: 5px 0; color: #777; }
.create-group-settings .notes.warning { color: tomato; }
.create-group-settings .require-premium { margin: 3px 0 5px; padding: 2px 0 0 19px; color: #333; background-position: 0 0; }
.create-group-settings input { margin: 0 4px 0 0; }
.create-group-settings .ui-count-target { width: 288px; margin-right: 4px; }
.create-group-settings .compare { width: 100%; }
.create-group-settings .compare th, .create-group-settings .compare td { padding: 5px 10px; border: 1px solid #dfebf1; }
.create-group-settings .compare thead th { text-align: center; font-weight: bold; }
.create-group-settings .compare tbody tr:nth-child(odd) { background-color: #f2f4f6; }

.create-group-modal { display: none; }
.create-group-modal .ui-modal { width: 530px !important; }
.create-group-modal .create-group-settings { width: auto; }
.create-group-modal .create-group-settings > dl > dt { width: 90px; }
.create-group-modal .create-group-settings > dl > dd { margin: 0 0 20px 100px; }
.create-group-modal .create-group-settings .end { margin-left: 100px; }
.create-group-modal .create-group-settings input[type="submit"] { width: 430px; padding: 4px 10px; font-size: 14px; line-height: 20px; font-weight: bold; }

.pixpedia { display: inline-block; margin: 0 0 0 15px; }

.pixpedia { padding-left: 17px; }

.self-tag { font-family: "Gill Sans", sans-serif; color: #999; }

.icon-pixpedia, .icon-pixpedia-no-item, .icon-pixcomic { display: inline-block; margin: 0 1px; vertical-align: -3px; }

.icon-pixpedia { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; width: 15px; height: 14px; }

.icon-pixpedia-no-item { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; width: 15px; height: 14px; }

.icon-pixcomic { width: 14px; height: 14px; }

#tag-editor { display: none; }

.work-tags { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 10px 20px 0; padding: 5px 7px; background-color: #f2f4f6; }
.work-tags dd, .work-tags ul { display: inline; }
.work-tags dt, .work-tags li { display: inline-block; margin-right: 10px; line-height: 22px; }
.work-tags .no-item { color: #ccc; margin-right: 10px; }
.work-tags .edit { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 2px 9px; color: tomato; text-decoration: none; font-size: 10px; border: 1px solid #cfe0e9; background-color: #fff; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF2F4F6'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjRmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f4f6)); background-image: -moz-linear-gradient(top, #ffffff 0%, #f2f4f6 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #f2f4f6 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #f2f4f6 100%); }
.work-tags .edit:hover { text-shadow: #fff 0 1px; background-color: #fcfcfc; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFCFCFC', endColorstr='#FFEFF1F4'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZjFmNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(100%, #eff1f4)); background-image: -moz-linear-gradient(top, #fcfcfc 0%, #eff1f4 100%); background-image: -webkit-linear-gradient(top, #fcfcfc 0%, #eff1f4 100%); background-image: linear-gradient(to bottom, #fcfcfc 0%, #eff1f4 100%); }
.work-tags .illust-tag-translation { color: #999; font-size: 11px; margin: 0 2px 0 4px; }
.work-tags .illust-tag-translation.romaji, .work-tags .illust-tag-translation .romaji { letter-spacing: 0.13em; }

.header-menu .share-button { display: block; position: absolute; right: 20px; top: 9px; padding: 0; border: none !important; }

.layout-column-profile { margin: 10px 20px; }
.layout-column-profile .layout-section-column-1 { width: 546px; padding-right: 20px; }
.layout-column-profile .layout-section-column-2 { width: 176px; }

.access-block-container { margin: 20px 0 !important; text-align: center; border: none !important; }
.access-block-container .more { margin: 10px 0; padding: 0 !important; }

.block-user-container { width: 600px; }
.block-user-container table { width: 100%; }
.block-user-container tbody { border-top: 1px solid #f5f5f5; }
.block-user-container tbody tr:hover { background-color: #e2f4f8; }
.block-user-container th { padding: 5px 10px; font-weight: bold; }
.block-user-container th + th { border-left: 1px solid #f5f5f5; }
.block-user-container td { padding: 5px 10px; }
.block-user-container .icon { width: 32px; text-align: center; }
.block-user-container .lift { width: 100px; text-align: center; }

.input-block-user { width: 310px; }

.add-block-user-container { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 20px -5px; padding: 10px 20px; background-color: #f5f5f5; }
.add-block-user-container ._notes { margin: 10px 0 0; }
.add-block-user-container .lift_all { margin: 10px -20px 0; padding: 10px 20px 0; border-top: 1px dashed #fff; }

#add-user-container { display: none; position: absolute; width: 318px; background-color: #fff; border: 1px solid #becad7; border-top: none; }
#add-user-container ul { display: block; }
#add-user-container li { display: block; position: relative; padding: 5px; }
#add-user-container li:hover { background-color: #e2f4f8; }
#add-user-container .block-user { position: absolute; right: 5px; top: 9px; }
#add-user-container .disabled { font-size: 10px; line-height: 24px; }

.error-unit .error-title, .error-unit .error-message { text-align: center; }
.error-unit .error-title { color: #cc0000; font-size: 24px; font-weight: bold; }

#wrapper { margin: 10px auto 0; width: 970px; }

/*-------------------------------------------------
.ui-layout-west
-------------------------------------------------*/
.ui-layout-west { float: left; width: 186px; }

.ui-layout-west-nologin { float: right; width: 186px; }

.area_new { background-color: #ffffff; border: 1px solid #d6dee5; margin: 0 0 10px 0; position: relative; width: 174px; border-radius: 5px; -moz-border-radius: 5px; }

.area_title { background: #eef0f3; margin: 2px; padding: 2px 5px; text-align: left; }
.area_title.center { text-align: center; }

.area_new.promotion-comic .area_title { background-color: #fff; }
.area_new.promotion-comic .area_title img { width: 100%; }
.area_new.promotion-comic .work-cover { padding-bottom: 3px; }
.area_new.promotion-comic .work-cover img { width: 100%; }
.area_new.promotion-comic .work-info { padding: 0; width: 90%; margin: 0 auto; }
.area_new.promotion-comic .work-info .work-title { font-size: 16px; font-weight: bold; text-align: center; }
.area_new.promotion-comic .work-info .work-description { padding-top: 1px; padding-bottom: 5px; }
.area_new.promotion-comic .work-info .work-description .lineclamp { height: 3em; position: relative; overflow: hidden; padding-right: 1em; text-align: justify; }
.area_new.promotion-comic .work-info .work-description .lineclamp:before { content: "..."; position: absolute; right: 0; bottom: 0; display: inline-block; width: 1em; }
.area_new.promotion-comic .work-info .work-description .lineclamp:after { content: ""; position: relative; right: -1em; float: right; width: 1em; height: 100%; background-color: inherit; }
.area_new.promotion-comic .work-link .button { text-align: center; margin-bottom: 5px; }
.area_new.promotion-comic .work-link .button .button-small { width: 80%; }

#bookmark_toggle_btn a:hover { text-decoration: none; }

._w { border-top-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; width: 185px; }

.area_inside { padding: 7px; text-align: left; }

.area_article { font-size: 14px; line-height: 1.5em; padding: 0 1em 1em 1em; }
.area_article > .date { padding: 1em 0; min-height: 50px; }
.area_article > .date .date-text { line-height: 24px; }
.area_article > p { line-height: 1.5em; padding: 0 0 1em 0; }
.area_article .share-links { float: right; }

.area_article_share { margin-top: 32px; padding: 24px 0; background: #f5f5f5; border-radius: 0 0 4px 4px; }

.area_bookmark { padding: 0 5px 5px 5px; }
.area_bookmark li { margin: 0 1px; padding: 2px 0px; }

.type_list li { line-height: 18px; margin: 5px 0; }
.type_list span { background: #ffefba; }

.type_entrylist li { display: block; padding: 5px; font-size: 14px; border-bottom: solid 1px #dfebf1; }

.other_service a { line-height: 22px; margin-right: 10px; padding-left: 23px; font-weight: bold; }

.view_mypixiv { padding: 7px 0 0 0; text-align: right; }

/*-------------------------------------------------
.ui-layout-east
-------------------------------------------------*/
.ui-layout-east { float: left; width: 784px; }

.contents-east { width: 784px; margin: 0; padding: 0; }

.post { border-top: 1px solid #dfebf1; margin: 10px 0 0 0; padding: 10px 0 0 0; width: 570px; }

.pager { text-align: center; }
.pager li { display: inline; }

/*-------------------------------------------------
.contents-right
-------------------------------------------------*/
.contents-right { float: left; width: 224px; }

.area_right { background-color: #fff; border: 1px solid #d6dee5; margin: 0 0 10px 0; position: relative; width: 222px; border-radius: 5px; -moz-border-radius: 5px; }

.area_rightMore { padding: 5px 10px 5px 0; text-align: right; }

.area_rightSpace { background: #eef0f3; margin: 2px; padding: 2px; }

.area_rightNews { padding: 5px; }
.area_rightNews li { line-height: 20px; }
.area_rightNews a:link { color: #258fb8; text-decoration: none; }
.area_rightNews a:visited { color: #996699; text-decoration: none; }
.area_rightNews a:hover { text-decoration: underline; }
.area_rightNews a:active { color: #258fb8; text-decoration: none; }

/*-------------------------------------------------
# footer
-------------------------------------------------*/
/* お知らせ、ニュースレイアウト */
.iiclm-a_left { float: left; width: 736px; }
.iiclm-a_left > .area { background-color: #ffffff; border: 1px solid #d6dee5; border-radius: 5px; -moz-border-radius: 5px; margin: 0 0 10px; }
.iiclm-a_left > .area > .area_title > h1 { font-size: 20px; font-weight: bold; padding: 5px 10px; }
.iiclm-a_left > .area > .area_title > h2 { font-size: 20px; font-weight: bold; padding: 5px 10px; }
.iiclm-a_left > .area > .area_title > h3 { font-size: 16px; font-weight: bold; padding: 3px; }
.iiclm-a_left > .area > .area_title > h3 > a { color: #333333; }

.iiclm-a_right { float: right; width: 224px; }

/*-------------------------------------------------
ExtraNavi
-------------------------------------------------*/
.extra_on { background: #ffffff; border-left: 1px solid #d6dee5; border-right: 1px solid #d6dee5; border-top: 1px solid #d6dee5; font-weight: bold; margin: 0 0 -1px 0; }
.extra_on span { font-weight: bold; }

.extaraNavi { border-bottom: 1px solid #d6dee5; padding: 0px 10px 0px 10px; }
.extaraNavi p { float: left; margin-right: 5px; padding: 7px 12px 7px 12px; }

.extaraNaviAlso { background: #f2f4f6; border-top: 1px solid #ffffff; }

.centeredNavi { margin: 0; overflow: hidden; position: relative; }
.centeredNavi ul { float: left; left: 50%; position: relative; }
.centeredNavi ul li { float: left; left: -50%; margin: 10px 15px 10px 10px; position: relative; }
.centeredNavi span { font-weight: bold; }

/*-------------------------------------------------
Button
-------------------------------------------------*/
.btn_type01 { color: #258fb8; border: none; background-color: transparent; cursor: pointer; }

.btn_type02 { color: #258fb8; border: none; background-color: transparent; cursor: pointer; }

.btn_type04 { color: #258fb8; text-align: center; border: none; background-color: transparent; cursor: pointer; }

.btn_type06 { color: #258fb8; border: none; text-align: center; background-color: transparent; cursor: pointer; }

.btn_type07 { color: #258fb8; text-align: center; border: none; cursor: pointer; background-color: transparent; cursor: pointer; }

.btn_type08 { color: #258fb8; text-align: center; text-decoration: none; border: none; cursor: pointer; }

.btn_type09 { color: #258fb8; font-size: 14px; text-align: center; text-decoration: none; border: none; background-color: transparent; cursor: pointer; }

/*-------------------------------------------------
Icon
-------------------------------------------------*/
.borderSpace { border-left: 1px solid #ddd; padding: 3px; }

/* News ICON */
.icon_new { background-repeat: no-repeat; background-image: url("../images/sprite-2nd.png?20120528"); background-position: -14px -398px; background-color: transparent; margin: 0 0 0 0px; padding: 0 0px 0 17px; }

.icon_pictureNew { background-repeat: no-repeat; background-image: url("../images/sprite-2nd.png?20120528"); background-position: 2px -398px; background-color: transparent; margin: 0 0 0 0px; padding: 0 0px 0 32px; }

.icon_release { background-repeat: no-repeat; background-image: url("../images/sprite-2nd.png?20120528"); background-position: -200px -38px; background-color: transparent; height: 18px; width: 18px; display: inline-block; }

.text_release { font-size: 12px; color: #587694; }

/*-------------------------------------------------
Link
-------------------------------------------------*/
.error { color: #ff0000; }

/* select style */
.linkStyle a:link { color: #258fb8; text-decoration: none; }
.linkStyle a:visited { color: #996699; text-decoration: none; }
.linkStyle a:hover { text-decoration: underline; }
.linkStyle a:active { color: #258fb8; text-decoration: none; }

/* works style  */
.linkStyleWorks { *zoom: 1; }
.linkStyleWorks:after { content: ""; display: table; clear: both; }
.linkStyleWorks li { position: relative; }
.linkStyleWorks a:link { color: #333333; text-decoration: none; }
.linkStyleWorks a:visited { color: #777777; text-decoration: none; }
.linkStyleWorks a:hover { text-decoration: underline; }
.linkStyleWorks a:active { color: #333333; text-decoration: none; }
.linkStyleWorks img { display: block; margin: 0 auto 5px auto; }

.display_editable_works a._ugoira-thumbnail::before { margin-top: 20px; }

/* search style  */
.search_a2_result a:link { color: #333333; text-decoration: none; }
.search_a2_result a:visited { color: #777777; text-decoration: none; }
.search_a2_result a:hover { text-decoration: underline; }
.search_a2_result a:active { color: #333333; text-decoration: none; }

/* mypage */
.bg_gray { background: #f7f7f7; }

.color_g { color: #999999; font-weight: normal; }

/*-------------------------------------------------
お知らせ関連
-------------------------------------------------*/
.info_headding { font-size: 18px; font-weight: bold; text-indent: 10px; height: 38px; padding: 10px 0 0 0; }

.info_icon { background-repeat: no-repeat; background-image: url("../images/sprite-2nd.png?20120528"); background-position: -392px -472px; background-color: transparent; position: relative; left: 0px; top: -10px; height: 40px; width: 40px; }

.info_headding a { color: #333333; float: left; }

.info_area_subtitle { margin: 3px; padding: 2px; float: right; }

.rss a { display: inline-block; vertical-align: baseline; }

.info_headding > .rss { position: relative; left: 8px; top: 6px; }

/*------------------------------------------------- calender_ranking -------------------------------------------------*/
.calender_ranking_navi { width: 910px; margin: 0 20px; padding: 10px; background: #f2f4f6; text-align: center; font-size: 14px; }
.calender_ranking_navi > div { display: inline-block; }
.calender_ranking_navi div.year { display: inline; font-weight: bold; color: #000; vertical-align: middle; }

div.calender_ranking_navi a.button.disabled { background-image: none; cursor: default; opacity: 0.5; }
div.calender_ranking_navi ul { display: inline; }
div.calender_ranking_navi li { display: inline; margin: 0 5px; color: #999; vertical-align: middle; }

.calender_ranking { width: 930px; margin: 0 20px; background-color: #f2f4f6; }
.calender_ranking td { border-top: solid 1px #ffffff; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; vertical-align: top; padding: 2px; width: 128px; height: 128px; }
.calender_ranking div { text-shadow: 1px 1px 1px black; color: #ffffff; font-size: 14px; font-weight: bold; position: relative; width: 128px; height: 128px; }
.calender_ranking .day { position: absolute; right: 8px; top: 4px; line-height: 1; }
.calender_ranking .date { position: absolute; left: 8px; top: 4px; line-height: 1; }
.calender_ranking .active { background-color: #e4e7ee; }
.calender_ranking .active a:hover { color: #fff; text-decoration: none; }
.calender_ranking .active a:hover span.date { left: 5px; top: 1px; padding: 3px; text-shadow: none; background-color: #258fb8; border-radius: 3px; }

.two_column { width: 784px; }

.two_column_top { background-repeat: no-repeat; background-image: url("../images/sprite.png?20120528"); background-position: -420px -100px; background-color: transparent; padding-top: 10px; width: 784px; }

.two_column_top2 { background-repeat: no-repeat; background-image: url("../images/sprite.png?20120528"); background-position: -420px -100px; background-color: transparent; height: 5px; width: 784px; }

div.two_column_body { background: #ffffff; border-left: 1px solid #d6dee5; border-right: 1px solid #d6dee5; width: 782px; }

div.two_columnBottom { background-repeat: no-repeat; background-image: url("../images/sprite.png?20120528"); background-position: -420px -149px; background-color: transparent; height: 10px; font-size: 1px; margin-bottom: 10px; }

div.two_column_space { padding: 0px 20px 15px 20px; min-height: 460px; }

.two_column_body h3 { font-size: 18px; font-weight: bold; line-height: 22px; }
.two_column_body h3 span { font-size: 12px; font-weight: normal; }

/*--------------------------------------------------
.one_column
-------------------------------------------------*/
.one_column { width: 970px; }

.one_column_top { background: #fff; border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px; border-top: 1px solid #d6dee5; border-left: 1px solid #d6dee5; border-right: 1px solid #d6dee5; padding: 10px 0px 0 0px; width: 968px; }
.one_column_top h1 { float: left; font-size: 18px; font-weight: bold; }
.one_column_top h2 { float: left; font-size: 18px; font-weight: bold; }

.one_column_top2 { background: #fff; border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px; border-top: 1px solid #d6dee5; border-left: 1px solid #d6dee5; border-right: 1px solid #d6dee5; padding: 8px 0px 0 0px; width: 968px; }

.one_column_body { background: #ffffff; border-left: 1px solid #d6dee5; border-right: 1px solid #d6dee5; width: 968px; }

.onecolumnBottom { background: #fff; border-radius: 0 0 5px 5px / 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px / 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px / 0 0 5px 5px; border-bottom: 1px solid #d6dee5; border-left: 1px solid #d6dee5; border-right: 1px solid #d6dee5; margin-bottom: 10px; width: 968px; height: 15px; text-align: center; font-size: 1px; }

.extaraNavi h2 { float: left; font-size: 18px; font-weight: bold; margin-right: 195px; padding-left: 20px; }

.search_top_result { margin: 0 20px; padding-bottom: 5px; }
.search_top_result p { float: left; padding: 5px 0 0 15px; }

/*--------------------------------------------------
.contents-main
-------------------------------------------------*/
.contents-main { float: left; margin: 0 10px 0 0; padding: 0px; width: 550px; }

/*--------------------------------------------------
baseTop1 みんなの新着イラスト
-------------------------------------------------*/
.baseTop1 { padding: 5px 0 15px 0; }

.baseTop2 { padding: 5px 0 15px 0; }

.baseTop3 { padding: 5px 0 15px 0; }

.utility { left: 0; position: relative; top: 5px; }
.utility li { display: inline; }

.baseTitle { background: #f2f4f6; font-size: 14px; font-weight: bold; overflow: hidden; padding: 5px 5px 5px 5px; }
.baseTitle a { color: #333333; }

.search_a2_result { padding: 0px 19px 0 19px; }
.search_a2_result li { float: left; margin: 1px 11px 26px 11px; padding-top: 10px; text-align: center; width: 164px; }
.search_a2_result li._no-item { float: initial; width: auto; }

/*------------------------------------------------ Project for pixiv
-------------------------------------------------*/
.project_pixiv .mypage-start-contest-badge, .project_pixiv .mypage-period-badge, .project_pixiv .mypage-nearbyclose-badge, .project_pixiv .mypage-under-review-badge { -moz-border-radius: 27px; -webkit-border-radius: 27px; border-radius: 27px; height: 54px; width: 54px; float: left; margin: 3px; }
.project_pixiv .mypage-start-contest-badge p, .project_pixiv .mypage-period-badge p, .project_pixiv .mypage-nearbyclose-badge p, .project_pixiv .mypage-under-review-badge p { text-align: center; font-weight: bold; color: #ffffff; line-height: 15px; }

.project_pixiv + .tagCloud { margin-top: 10px; }

.official-contest:nth-child(2n + 1) { background-color: #f3f6f6; }
.official-contest h3 { display: inline; color: #3e5b71; font-size: 14px; }
.official-contest h3 a { color: #3e5b71; font-size: 15px; font-weight: bold; }
.official-contest p { margin-top: 6px; }
.official-contest p img { margin-right: 6px; float: left; }
.official-contest .caption { color: #ff0000; font-weight: bold; }
.official-contest._no-item { margin: 16px 0 6px; background-color: transparent; }

.project_pixiv { background: #ffffff; margin: 10px 0; overflow: hidden; zoom: 1; }
.project_pixiv .project-description .mypage-new-badge { width: 38px; float: left; background-color: #e34533; margin: 2px 4px 0 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.project_pixiv .project-description .mypage-new-badge p { text-align: center; color: #ffffff; margin-top: 1px; }
.project_pixiv .mypage-start-contest-badge { background-color: #f98000; }
.project_pixiv .mypage-start-contest-badge p { font-size: 11px; margin: 11px 0; }
.project_pixiv .mypage-period-badge { background-color: #00bd8e; }
.project_pixiv .mypage-period-badge p { font-size: 11px; margin: 11px 0; }
.project_pixiv .mypage-nearbyclose-badge { background-color: #e34533; }
.project_pixiv .mypage-nearbyclose-badge p { font-size: 11px; margin: 13px 0; }
.project_pixiv .mypage-under-review-badge { background-color: #e34533; }
.project_pixiv .mypage-under-review-badge p { font-size: 11px; margin: 19px 0; }

.project-icon { display: block; float: left; width: 60px; }
.project-icon img { width: 60px; }

.project-description { float: left; width: 400px; padding-left: 8px; margin: 7px 0; }

.mypage-more-btn { float: right; margin: 10px 0 10px 5px; padding: 4px 6px; background-color: #258fb8; border: 1px solid #258fb8; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 13px; color: #ffffff; }
.mypage-more-btn:before { content: "▶︎"; }

.mypage-result-btn { float: right; margin: 10px 5px 10px 0; padding: 4px 6px; border: 1px solid #258fb8; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 13px; }

/*--------------------------------------------------
SEARCH
-------------------------------------------------*/
.search_a2_right { float: right; }

.bookmark_link { background: #cceeff; border: 1px solid #ffffff; color: #0069b1; font-size: 11px; font-weight: bold; padding: 0 5px; }

.edit_link { background-repeat: no-repeat; background-image: url("../images/sprite-2nd.png?20120528"); background-position: -200px -637px; background-color: transparent; font-size: 11px; padding-left: 15px; text-align: center; width: 25px; }

/*--------------------------------------------------
UPLOAD
-------------------------------------------------*/
.upload_file_div { margin: 0px auto 30px auto; width: 800px; }

.upload_file_left { float: left; font-weight: bold; text-align: left; width: 190px; }

.upload_file_right { float: left; padding: 0 0 0 30px; text-align: left; width: 580px; }
.upload_file_right textarea { margin: 2px 0 0 0px; }

.upload_file_left_img { background: #eff5f8; padding: 35px 20px; text-align: center; }

.upload_input { margin: 12px 0 15px 0; }

.finish_upload { width: 685px; margin: 0 auto; padding: 15px 0; text-align: center; }
.finish_upload img { margin: 0 0 10px; }

/*--------------------------------------------------
Works
-------------------------------------------------*/
.works_area { padding: 15px 20px 0 20px; }
.works_area input { width: 298px; margin: 1px; background-color: #f0f0f0; cursor: pointer; }
.works_area input:hover { background-color: #feffdf; }
.works_area h4:last-child { margin-top: 10px; }
.works_area.profile ._image-items { margin: 10px -12px 0; }
.works_area.profile ._image-items .image-item { padding: 0 18px; height: 232px; }
.works_area.profile .works-novel .image-item { height: 216px; }

.works_info::after { clear: both; content: "."; display: block; height: 0; padding-top: 15px; visibility: hidden; }

.works_info { width: 745px; margin: 0 auto; text-align: center; }

.worksOption { float: left; width: 535px; text-align: left; }
.worksOption input { padding: 3px 5px; }
.worksOption strong { display: block; line-height: 2; }
.worksOption.profile-page { float: none; width: 100%; }
.worksOption.profile-page ._more { margin: 18px 0; }

.worksAlso { padding: 15px 0 15px 0; text-align: right; }

.worksImageresponse { border-top: 1px solid #d6dee5; padding: 20px 0 5px; }
.worksImageresponse iframe { vertical-align: top; }

.worksImageresponseImg { position: relative; float: left; text-align: center; width: 170px; }

.worksImageresponseInfo { float: left; width: 350px; }
.worksImageresponseInfo p { line-height: 22px; }
.worksImageresponseInfo dl { display: flex; }
.worksImageresponseInfo dt { line-height: 30px; font-size: 10px; width: 40px; }
.worksImageresponseInfo dd { font-size: 10px; }

.worksResponse li { position: relative; float: left; margin: 0 5px; text-align: center; width: 120px; }
.worksResponse img { margin: 0 0 5px 0; }

.worksOptionRight { float: left; margin: 0 0 0 20px; width: 190px; }

.worksCircleArea { background: #f2f4f6; margin-bottom: 20px; }
.worksCircleArea a { display: block; }
.worksCircleArea span { color: #ff4e00; }
.worksCircleArea img { margin: 5px 0; }

.worksShare { background: #f2f4f6; margin-bottom: 20px; }

.worksShareTitle { background-repeat: no-repeat; background-image: url("../images/sprite.png?20120528"); background-position: -1450px -1975px; background-color: transparent; font-weight: bold; padding: 5px 10px; text-align: left; }

.worksCircleDetail { padding: 5px 0; text-align: center; border-bottom: 1px solid #cfdde5; }
.worksCircleDetail:last-child { border: none; }
.worksCircleDetail span { color: #ff4e00; }

.worksCircleDetailSpace { background-repeat: no-repeat; background-image: url("../images/sprite.png?20120528"); background-position: -1450px -1990px; background-color: transparent; padding: 0px 0 10px 0; }

.worksShareRanking { line-height: 20px; padding: 10px 0px 10px 20px; }

.worksOptionRightInfo { text-align: center; }

.worksListOthersTitle { background: #f2f4f6; font-size: 14px; font-weight: bold; padding: 5px 10px; }
.worksListOthersTitle.profile { margin-top: 36px; }
.worksListOthersTitle.workspace { margin-top: 36px; }

.worksListOthersImg { margin: 0 auto; width: 522px; }
.worksListOthersImg li { background: #ffffff; border: 1px solid #ffffff; float: left; margin: 0px 10px 15px 10px; padding-top: 10px; text-align: center; width: 152px; height: 180px; }
.worksListOthersImg img { border: 1px solid #ffffff; padding: 2px; vertical-align: middle; }
.worksListOthersImg input { vertical-align: middle; }
.worksListOthersImg a:hover img { border: 1px solid #d0d0d0; padding: 2px; }

.ws_table { border-left: 1px solid #d6dee5; border-right: 1px solid #d6dee5; border-top: 1px solid #d6dee5; margin: 15px 5px 0 5px; word-break: break-all; }
.ws_table td { padding: 5px 10px; vertical-align: top; }
.ws_table .td1 { background: #f2f4f6; border-bottom: 1px solid #d6dee5; width: 140px; }
.ws_table .td2 { border-bottom: 1px solid #d6dee5; width: 345px; }
.ws_table.profile { margin-bottom: 30px; width: 735px; }
.ws_table.profile .td1 { width: 20%; }
.ws_table.profile .td2 { width: 80%; }
.ws_table.profile .ws_image { width: 170px; }

._member-page-frequent-uploaded-work-tags-container { background-color: #f2f4f6; border-radius: 4px; padding: 16px 16px 12px; margin: 0 18px 20px; /* 既存クラスの指定を上書き */ }
._member-page-frequent-uploaded-work-tags-container .frequent-uploaded-work-tags-text { margin-bottom: 6px; color: rgba(0, 0, 0, 0.6); font-weight: bold; line-height: 1; }
._member-page-frequent-uploaded-work-tags-container .tags .tag { line-height: 1; }
._member-page-frequent-uploaded-work-tags-container .tags .tag .portal { margin-right: 3px; }

._member-page-fanbox-area { border-radius: 5px; position: relative; margin-bottom: 9px; background-size: cover; background-position: center center; }
._member-page-fanbox-area .mpfa__link-area { border-radius: 5px; width: 100%; display: block; background-color: rgba(0, 0, 0, 0.8); border: 0px solid #258fb8; transition: box-shadow 0.1s; }
._member-page-fanbox-area .mpfa__link-area:hover { transition: box-shadow 0.1s; box-shadow: 0 0 0 3px rgba(0, 149, 222, 0.9) inset; }
._member-page-fanbox-area a { color: #fff; }
._member-page-fanbox-area a:hover { text-decoration: none; }
._member-page-fanbox-area .mpfa__content-container { display: flex; height: 100%; padding: 15px; align-items: center; }
._member-page-fanbox-area .mpfa__thumbnail-area { flex-basis: 260px; }
._member-page-fanbox-area .mpfa__thumbnail-area .mpfa__thumbnail { display: block; width: 260px; height: 140px; background-size: cover; background-position: center center; border-radius: 3px; }
._member-page-fanbox-area .mpfa__whatTheFanbox { position: absolute; top: 20px; right: 20px; display: flex; justify-content: flex-end; font-size: 12px; font-weight: bold; line-height: 1; }
._member-page-fanbox-area .mpfa__whosFanbox { margin-bottom: 10px; font-size: 12px; font-weight: bold; line-height: 1; }
._member-page-fanbox-area .mpfa__description-container { padding: 5px 5px 5px 30px; width: 100%; }
._member-page-fanbox-area .mpfa__description-container .mpfa__title { max-height: 72px; overflow: hidden; margin-bottom: 5px; font-size: 24px; font-weight: bold; line-height: 1.3; }
._member-page-fanbox-area .mpfa__description-container .mpfa__description { max-height: 96px; font-size: 14px; line-height: 24px; overflow: hidden; }

._classic-fanbox-entry { width: 247px; }
._classic-fanbox-entry .cfe__thumbnail-container { width: 247px; height: 131px; margin-bottom: 10px; box-sizing: border-box; background-size: cover; background-position: center center; }
._classic-fanbox-entry .cfe__thumbnail-wrap { display: block; height: 100%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 50%); }
._classic-fanbox-entry .cfe__detail-container { display: flex; margin: -131px 0 102px 10px; }
._classic-fanbox-entry .cfe__user-icon { display: inline-block; width: 24px; height: 24px; margin-right: 5px; border-radius: 50%; background-size: cover; background-position: center center; }
._classic-fanbox-entry .cfe__user-icon:hover { opacity: 0.7; }
._classic-fanbox-entry .cfe__user-name { display: inline-block; font-size: 12px; line-height: 24px; font-weight: bold; }
._classic-fanbox-entry .cfe__user-name a { color: #fff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
._classic-fanbox-entry .cfe__entry-title { font-size: 16px; font-weight: bold; line-height: 1.5; }

/*--------------------------------------------------
ArchiveList
-------------------------------------------------*/
.archiveListTitle { padding: 15px 0 0px 20px; }
.archiveListTitle span { margin-left: 15px; }

.archiveListNaviBody { padding: 20px 20px; }
.archiveListNaviBody a { font-weight: normal; }
.archiveListNaviBody dl { border-bottom: 1px solid #d6dee5; line-height: 28px; }
.archiveListNaviBody dt { border-top: 1px solid #d6dee5; width: 120px; }
.archiveListNaviBody dd { border-top: 1px solid #d6dee5; margin-left: 120px; margin-top: -29px; }

/*--------------------------------------------------
Fav
-------------------------------------------------*/
.list_state { color: #999999; font-size: 10px; text-align: right; width: 120px; }

/*--------------------------------------------------
EditWork
-------------------------------------------------*/
.edit_work_navi { height: 30px; padding: 5px 10px 5px 10px; }
.edit_work_navi li { display: inline; line-height: 30px; padding: 5px 4px 0 10px; }
.edit_work_navi span { font-weight: bold; }

li.edit_work_navi_border { background-repeat: no-repeat; background-image: url("../images/sprite.png?20120528"); background-position: -1700px -332px; background-color: transparent; margin: 0px -10px 0 15px; }

/*--------------------------------------------------
Message
-------------------------------------------------*/
.msgArea_w { background-repeat: no-repeat; background-image: url("../images/sprite.png?20120528"); background-position: -1450px -2100px; background-color: transparent; width: 186px; }

.msgAreaBottom_w { background-repeat: no-repeat; background-image: url("../images/sprite.png?20120528"); background-position: -1450px -2350px; background-color: transparent; height: 10px; margin: 0 0 10px 0; width: 186px; font-size: 1px; }

.msg_navi { line-height: 25px; padding: 5px 0 0 0px; }
.msg_navi ul { padding: 0px 0 0 10px; }
.msg_navi li { padding: 3px 0 0 10px; }

.msg_on { background-color: #fff; margin-left: 1px; }

.msg_receive_box { background-repeat: no-repeat; background-image: url("../images/sprite-2nd.png?20120528"); background-position: -400px 0; background-color: transparent; padding: 3px 0 0 22px; }

.msg_sent_box { background-repeat: no-repeat; background-image: url("../images/sprite-2nd.png?20120528"); background-position: -400px -38px; background-color: transparent; padding: 3px 0 0 22px; }

.msgbox { padding: 10px 0 0 0; border-bottom: 1px solid #dfebf1; }
.msgbox input { margin-left: 10px; margin-right: 5px; margin-top: 3px; vertical-align: top; }
.msgbox ul { border-top: 1px solid #dfebf1; }
.msgbox ul:after { visibility: hidden; display: block; clear: both; height: 0; content: ""; }
.msgbox li { float: left; line-height: 2.2; padding: 5px 0 3px 0; }
.msgbox a { display: block; font-weight: normal; text-decoration: none; }
.msgbox a:hover ul { background: #f7f7f7; }
.msgbox a:hover .msg_name { color: #333333; text-decoration: none; }
.msgbox a:hover .msg_title { text-decoration: underline; }
.msgbox a:visited .msg_name { color: #333333; text-decoration: none; }
.msgbox a:visited .msg_title { color: #996699; text-decoration: none; }
.msgbox a:active .msg_name { color: #333333; text-decoration: none; }
.msgbox a:active .msg_title { color: #258fb8; text-decoration: none; }
.msgbox a:link .msg_title { color: #258fb8; text-decoration: none; }
.msgbox .msg_line1 { float: left; position: relative; width: 32px; border-top: 1px solid #dfebf1; }
.msgbox .msg_line2 { float: right; width: 710px; }
.msgbox .msg_chkbox { position: absolute; top: 9px; }

div.msgbox_bottom { background: #ebf4f8; border-left: 1px solid #d6dee5; border-right: 1px solid #d6dee5; line-height: 30px; padding: 10px; }
div.msgbox_bottom li { display: inline; margin-right: 10px; }
div.msgbox_bottom select { margin-top: 1px; vertical-align: middle; }
div.msgbox_bottom input { margin-top: 1px; vertical-align: middle; }

.one_complete_title { font-size: 18px; font-weight: bold; line-height: 24px; margin: 0 auto; padding: 5px 0 8px 0; text-align: center; width: 970px; }
.one_complete_title img { margin: -3px 10px 0 0; vertical-align: top; }
.one_complete_title a { font-weight: bold; }

/*--------------------------------------------------
ImageResponse
-------------------------------------------------*/
.response dl { border-bottom: 1px solid #d6dee5; font-size: 14px; margin: -10px 20px 0 20px; padding: 0 0 15px 0px; }
.response dt { line-height: 30px; width: 55px; }
.response dd { margin-left: 55px; margin-top: -30px; vertical-align: top; }
.response dd img { margin-right: 5px; vertical-align: middle; }
.response h3 { font-size: 18px; font-weight: bold; margin: -10px 20px 0 20px; }

.responseWorks { font-size: 14px; margin: 0 auto; padding: 20px 0 0 0; width: 930px; }

.responseWorksLeft { position: relative; float: left; font-weight: bold; line-height: 20px; text-align: center; width: 210px; }
.responseWorksLeft img { margin-bottom: 5px; }

.responseWorksRight { float: left; padding-right: 20px; width: 700px; }
.responseWorksRight h2 { font-size: 24px; font-weight: bold; }
.responseWorksRight p { line-height: 22px; padding-top: 10px; }
.responseWorksRight .caption { display: -webkit-box; max-height: 66px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.response_bottom { background: #ebf4f8; line-height: 30px; padding: 10px; }
.response_bottom li { display: inline; margin-right: 10px; }
.response_bottom select { margin-top: 1px; vertical-align: middle; }
.response_bottom input { margin-top: 1px; vertical-align: middle; }

/*--------------------------------------------------
Response Receive
-------------------------------------------------*/
h2.responseReceiveAreaTitle { float: none; margin: 0 auto; padding-top: 10px; width: 730px; }
h2.responseReceiveAreaTitle span { font-size: 12px; font-weight: normal; }

div.responseReceive { margin: 0 auto; width: 730px; }
div.responseReceive table { border: 1px solid #d6dee5; margin-bottom: 10px; }
div.responseReceive table ul { background: #f2f4f6; font-size: 12px; margin: 15px 30px 15px 30px; padding: 15px; text-align: center; }
div.responseReceive table ul li { display: block; margin: 0; }
div.responseReceive table ul img { margin-bottom: 5px; }
div.responseReceive table ul span { font-size: 14px; font-weight: bold; }
div.responseReceive table td.responseCheck { background: #ebedf1; padding: 0 10px; vertical-align: middle; }
div.responseReceive table td.responseShape p { background-repeat: no-repeat; background-image: url("../images/sprite.png?20120528"); background-position: -1700px -2365px; background-color: transparent; height: 36px; text-indent: -9999px; width: 50px; }
div.responseReceive p { padding: 10px 0; }
div.responseReceive ul li { display: inline; margin-right: 5px; }

/*--------------------------------------------------
Ranking
-------------------------------------------------*/
.ranking_top { text-align: center; padding: 3px 20px 15px 20px; }
.ranking_top h2 { padding-bottom: 7px; }

.ranking_area { margin: 0 auto; text-align: center; width: 968px; }

/*--------------------------------------------------
Setting
-------------------------------------------------*/
.settingNavi { border-bottom: 1px solid #d6dee5; padding: 0px 20px 0px 20px; text-align: center; }
.settingNavi h2 { float: none; width: 100%; text-align: left; margin: 0 60px 0 0; }
.settingNavi p { display: inline-block; margin: 3px 5px -1px 0; padding: 7px 12px 7px 12px; }
._unit .settingNavi h2 { font-size: 18px; font-weight: bold; margin-top: 10px; line-height: 1; }

.setting_on { background: #ffffff; border-left: 1px solid #d6dee5; border-right: 1px solid #d6dee5; border-top: 1px solid #d6dee5; margin: 0 0 -1px 0; }
.setting_on span { font-weight: bold; }

.settingContent { margin: 0 auto; padding: 30px 0; width: 665px; }
.settingContent th { font-weight: bold; }
.settingContent td { line-height: 20px; padding: 5px; vertical-align: top; }
.settingContent img.settingWorkspaceImage { width: 170px; }

._not-setting-birth-container { padding: 18px 20px 20px; background-color: rgba(255, 43, 0, 0.04); border-radius: 8px; }
._not-setting-birth-container .description { margin-bottom: 8px; line-height: 16px; color: #ff2b00; }
._not-setting-birth-container .profile-link { display: inline-block; padding: 5px 16px; line-height: 22px; border-radius: 16px; background-color: rgba(0, 0, 0, 0.04); font-size: 14px; font-weight: bold; color: rgba(0, 0, 0, 0.64); }

.settingProfile { background: #f2f4f6; padding: 10px 0; text-align: center; }
.settingProfile span { font-weight: bold; }
.settingProfile a { margin: 0 20px; }

.setting-mute-menu { background-color: #f2f4f6; padding: 10px 0; text-align: center; }
.setting-mute-menu span { font-weight: bold; }

.setting_error_onecolumn { width: 650px; font-size: 13px; border: 1px solid #b7b7b7; text-align: center; padding: 5px; background-color: #fcd; }

.settingPicture { margin: 0 auto; width: 800px; }

.settingPicureArea { background: #f2f4f6; border: 1px solid #d5dee5; float: left; height: 240px; margin-right: 1px; text-align: center; width: 218px; }

.settingPicureAreaImg { display: flex; justify-content: center; align-items: center; height: 190px; margin: 12px; width: 190px; }

.settingColor { color: #999999; font-weight: normal; }

.settingNews { line-height: 25px; }
.settingNews input { vertical-align: middle; }

.settingContent dl { line-height: 20px; }
.settingContent dt { font-weight: bold; width: 150px; }
.settingContent dd { margin-left: 150px; margin-top: -20px; position: relative; }

div#farbtastic_picker { display: none; position: absolute; z-index: 1; background: #ffffff; padding: 10px; border: solid 1px #ffffff; box-shadow: 0 1px 3px #000000; top: 0; left: 125px; }

ul.settingBgColor { margin-bottom: 35px; margin-top: 10px; }

.settingBgColor li { border: 1px solid #becad7; cursor: pointer; float: left; height: 30px; margin-right: 10px; width: 30px; }

.settingBgImage li { float: left; margin: 0 auto 10px; text-align: center; }
.settingBgImage li input { display: block; margin: 0 auto 5px auto; text-align: center; }

ul.settingBgSelect { margin-bottom: 15px; }

.settingBgSelect li { float: left; margin-right: 15px; }
.settingBgSelect li input { display: block; margin: 0 auto 5px auto; text-align: left; }

.settingBgSelectUpload { text-align: center; }
.settingBgSelectUpload img { width: 90px; }
.settingBgSelectUpload input { background: #ffffff; }
.settingBgSelectUpload label { background-repeat: no-repeat; background-image: url("../images/sprite.png?20120528"); background-position: -1701px -2025px; background-color: transparent; display: block; height: 70px; text-indent: -9999px; width: 90px; }

.settingBgSelectFile { color: #999999; line-height: 12px; margin-top: 25px; }

.settingBgSelectDisuse label { background-repeat: no-repeat; background-image: url("../images/sprite.png?20120528"); background-position: -1700px -2105px; background-color: transparent; display: block; height: 70px; text-indent: -9999px; width: 90px; }

ul.settingBgLine { margin-bottom: 5px; }

.settingBgLine li { float: left; margin: 0px 30px 0px 0; }

.settingSet li { float: left; margin: 30px 5px 0 5px; }

/*--------------------------------------------------
About
-------------------------------------------------*/
._about-pixiv { margin: 0 auto; width: 730px; }
._about-pixiv .about01 { background-repeat: no-repeat; background-image: url("../images/sprite_index.png?20120528"); background-position: 0 -250px; background-color: transparent; line-height: 30px; padding: 35px 0 25px 200px; }
._about-pixiv .about01 span { font-size: 24px; font-weight: bold; }
._about-pixiv .about02 { background-repeat: no-repeat; background-image: url("../images/sprite_index.png?20120528"); background-position: 420px -380px; background-color: transparent; }
._about-pixiv .aboutTitle { background: #f2f4f6; font-size: 24px; font-weight: bold; padding: 5px; }
._about-pixiv .aboutContents { line-height: 22px; padding: 20px 10px 40px 10px; }
._about-pixiv .aboutButton { padding: 15px; text-align: center; }

/*--------------------------------------------------
Terms
-------------------------------------------------*/
.termsNavi { background: #f2f4f6; margin: 0; overflow: hidden; position: relative; }
.termsNavi ul { float: left; left: 50%; position: relative; }
.termsNavi ul li { float: left; left: -50%; margin: 15px 15px 15px 15px; position: relative; }
.termsNavi span { font-weight: bold; }

.termsArea { line-height: 22px; margin: 0 auto; padding: 15px 0; width: 725px; }
.termsArea p > img { height: 1em; top: 2px; position: relative; }

.termsAreaTitle { font-size: 18px; font-weight: bold; padding: 10px 0 10px 0; }

/*--------------------------------------------------
Support
-------------------------------------------------*/
.supportTitle { border-bottom: 1px solid #d6dee5; font-size: 18px; font-weight: bold; padding: 0 0 5px 30px; }

.supportArea { margin: 0 auto 0 auto; padding: 25px 0 30px 0; width: 915px; }
.supportArea td { line-height: 25px; vertical-align: top; }
.supportArea input { margin-right: 5px; padding: 3px 5px; vertical-align: middle; }

.supportAreaLeft { float: left; width: 690px; }

.supportAreaRight { float: left; padding-left: 25px; width: 200px; }

.supportButton { border-top: 1px solid #d6dee5; padding: 15px 0; text-align: center; }

/*--------------------------------------------------
Illust_infomsg
-------------------------------------------------*/
h2.reportTitle { border-bottom: 1px solid #d6dee5; font-size: 18px; font-weight: bold; padding: 0 0 5px 30px; }

div.reportBody { margin: 0 auto; padding: 20px 0; width: 810px; }

div.reportLeft { background: #f2f4f6; float: left; font-size: 12px; padding: 20px; text-align: center; width: 150px; }
div.reportLeft img { margin-bottom: 15px; }
div.reportLeft h3 { font-size: 18px; font-weight: bold; margin-bottom: 5px; }

div.reportUserLeft { background: #f2f4f6; float: left; font-size: 16px; padding: 10px; text-align: center; width: 170px; }

div.reportRight { float: right; margin-left: 20px; text-align: left; width: 600px; }
div.reportRight div { border: 1px solid #d6dee5; margin-bottom: 10px; width: 598px; }
div.reportRight div div { border: none; padding: 15px 20px; width: 558px; }
div.reportRight div p { padding-bottom: 15px; }
div.reportRight h4 { background: #ebedf1; font-size: 18px; font-weight: bold; padding: 5px 15px; }
div.reportRight dl { line-height: 22px; margin-bottom: 15px; }
div.reportRight dt { font-weight: bold; width: 100px; }
div.reportRight dd { margin-left: 100px; margin-top: -22px; }
div.reportRight dd input { margin-right: 5px; vertical-align: middle; }
div.reportRight dd ul li { line-height: 22px; }
div.reportRight .btn_type09 { margin-top: 15px; }

/*--------------------------------------------------
Tag
-------------------------------------------------*/
.tagArea { line-height: 35px; margin: 0 auto; padding: 15px 0; width: 900px; }
.tagArea a { padding: 0 2px; }
.tagArea a:link { color: #258fb8; text-decoration: none; }
.tagArea a:visited { color: #996699; text-decoration: none; }
.tagArea a:hover { background: #3e5b71; color: #ffffff; text-decoration: none; }
.tagArea a:active { color: #258fb8; text-decoration: none; }
.tagArea a span:before { content: " "; font-size: 1px; }

/*--------------------------------------------------
Bookmark
-------------------------------------------------*/
.book_flat_off { background-repeat: no-repeat; background-image: url("../images/sprite-2nd.png?20120528"); background-position: -400px -320px; background-color: transparent; left: 25px; padding-left: 20px; position: relative; text-decoration: none; top: 0px; }

.book_flat_on { background-repeat: no-repeat; background-image: url("../images/sprite-2nd.png?20120528"); background-position: -400px -280px; background-color: transparent; left: 25px; padding-left: 20px; position: relative; text-decoration: none; top: 0px; }

.book_cloud_off { background-repeat: no-repeat; background-image: url("../images/sprite-2nd.png?20120528"); background-position: -420px -320px; background-color: transparent; left: 20px; padding-left: 20px; position: relative; text-decoration: none; top: 0px; }

.book_cloud_on { background-repeat: no-repeat; background-image: url("../images/sprite-2nd.png?20120528"); background-position: -420px -280px; background-color: transparent; left: 20px; padding-left: 20px; position: relative; text-decoration: none; top: 0px; }

#bookmark_add_alert { display: none; color: #ff0000; font-size: 12px; }

/*--------------------------------------------------
Error
-------------------------------------------------*/
.errorArea { margin: 0 auto; text-align: center; width: 970px; }
.errorArea h2 { color: #cc0000; font-size: 24px; font-weight: bold; }

/*--------------------------------------------------
Help
-------------------------------------------------*/
.help { margin: 0 auto; width: 730px; }

/*--------------------------------------------------
Info
-------------------------------------------------*/
.info { margin: 0 auto; width: 730px; }
.info h2 { font-size: 18px; font-weight: bold; }
.info h2 a + a { background-repeat: no-repeat; background-image: url("../images/sprite.png?20120528"); background-position: -1701px -950px; background-color: transparent; display: block; height: 14px; left: 715px; margin-bottom: -15px; position: relative; text-indent: -9999px; top: -15px; width: 14px; }

/*--------------------------------------------------
Premium
-------------------------------------------------*/
.bgb { background: #f2f4f6; }

div.worksShare div.embed { padding: 5px 10px; }
div.worksShare div.embed dt { text-align: left; }
div.worksShare textarea { width: 168px; height: 50px; padding: 0; }

.selectbox { display: block; position: relative; width: 101px; padding-right: 27px; text-align: left; background: url("../images/common/search_pulldown.png") no-repeat scroll 109px 50%; border: 1px solid #ced6de; border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 0 1px 1px #f9f9fb; -moz-box-shadow: 0 1px 1px #f9f9fb; }
.selectbox.w150 { width: 151px; background: url("../images/common/search_pulldown.png") no-repeat scroll 159px 50%; }
.selectbox.w150 ul.items { width: 178px; }
.selectbox:hover { background-image: url("../images/common/search_pulldown_on.png"); }
.selectbox div.current { height: 18px; padding: 4px 6px; line-height: normal; border-right: 1px solid #ced6de; }
.selectbox ul.items { display: none; position: absolute; width: 128px; margin: -3px 0 0 -1px; background: #f2f4f6 url("../images/common/selectbox-line.png") repeat-x scroll -99px 0; border: 1px solid #ced6de; border-top: none; z-index: 1; }
.selectbox ul.items li { color: #000000; display: block; margin: 0; padding: 0; }
.selectbox ul.items li + li { margin-top: 1px; }
.selectbox ul.items li a { display: block; padding: 0 6px; line-height: 2; text-decoration: none; color: inherit; }
.selectbox ul.items li.current a, .selectbox ul.items li a:hover { color: #fff; background-color: #258fb8; }
.selectbox ul.items li.current a { cursor: default; }

.calender_ranking_navi .selectbox { display: inline-block; vertical-align: middle; }

p.note { font-size: 11px; color: #999; }

li#edit-tag { position: relative; }

li.edit-group .container { margin: 0; }

#edit-tag-preference { right: 0; }

.dialog dd.group.loading { background: url('../images/loading_16.gif') no-repeat 105px 50%; }

div.dialog { display: none; position: absolute; z-index: 1000; width: 210px; line-height: normal; padding: 20px 10px 10px 10px; margin-top: -5px; /* TODO .person_menuの方を直す */ text-align: left; background-color: #fff; border: 1px solid #cfe0e9; border-radius: 5px; -moz-border-radius: 5px; }
div.dialog select { width: 98px; margin: 0; }
div.dialog input[type="text"] { width: 160px; }
div.dialog p { margin: 0 5px 5px; }
div.dialog p.recommend { margin: 5px 0; padding: 5px 15px; line-height: normal; background-color: #f2f4f6; }
div.dialog p.recommend a { font-size: 10px; }
div.dialog p.premium { padding: 5px 10px; line-height: 20px; text-indent: 5px; }
div.dialog dt { margin: 0 0 5px 10px; }
div.dialog dd { margin: 0 0 0 15px; }
div.dialog dd + dt { margin-top: 10px; }
div.dialog dd label + label { margin-left: 10px; }
div.dialog .action { margin-top: 10px; padding-top: 10px; text-align: center; border-top: 1px solid #d2e2ea; }
div.dialog .button { width: 100px !important; padding: 3px 0 !important; }
div.dialog .button + .button { margin-left: 5px; }

#dialog { position: absolute; top: 0; left: 0; z-index: 2000; width: 100%; }
#dialog .main { position: relative; width: 250px; margin: 0 auto; padding: 10px 25px 15px; text-align: center; background-color: #fff; border: 1px solid #cfe0e9; border-radius: 5px; -moz-border-radius: 5px; }
#dialog p { margin: 15px 0; }

div.dialog .close, #dialog .close { background-repeat: no-repeat; background-image: url("../images/sprite.png?20120528"); background-position: -1701px -204px; background-color: transparent; position: absolute; top: 5px; right: 5px; width: 16px; height: 16px; cursor: pointer; opacity: 0.8; }

div.dialog .close:hover, #dialog .close:hover { opacity: 1; }

#dialog .background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #e4e7ee; opacity: 0.8; filter: alpha(opacity=80); }

/* TODO 全体に適用 */
input.pixiv-button, div.dialog .button, a.button, #dialog input[type="submit"], #dialog .button { display: inline-block; padding: 4px 10px; text-shadow: #fcfcf8 0 1px 2px; text-decoration: none; vertical-align: middle; font-size: 12px; font-weight: bold; color: #258fb8; text-align: center; background-color: #f1f1df; background-image: linear-gradient(to bottom, #fefefc, #e5e5c3); background-image: -moz-linear-gradient(top, #fefefc, #e5e5c3); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefc), color-stop(1, #e5e5c3)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr="#fefefc", EndColorStr="#e5e5c3"); border: 1px solid #cfe0e9; border-radius: 5px; -moz-border-radius: 5px; cursor: pointer; }

input.pixiv-button:hover, div.dialog .button:hover, a.button:hover, #dialog input[type="submit"]:hover, #dialog .button:hover { background-color: #f1f1df; background-image: linear-gradient(to bottom, #fcfcf8, #c6c674); background-image: -moz-linear-gradient(top, #fcfcf8, #c6c674); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfcf8), color-stop(1, #c6c674)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr="#fcfcf8", EndColorStr="#c6c674"); }

/* common */
.ui-button { display: inline-block; padding: 0 10px; text-shadow: #fcfcf8 0 1px 2px; text-decoration: none; vertical-align: middle; font-size: 12px; line-height: 22px; color: #258fb8; text-align: center; background-color: #f1f1df; background-image: linear-gradient(to bottom, #fefefc, #e5e5c3); background-image: -moz-linear-gradient(top, #fefefc, #e5e5c3); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefc), color-stop(1, #e5e5c3)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr="#fefefc", EndColorStr="#e5e5c3"); border: 1px solid #cfe0e9; border-radius: 5px; -moz-border-radius: 5px; cursor: pointer; }
.ui-button:hover { text-decoration: none; background-color: #f1f1df; background-image: linear-gradient(to bottom, #fcfcf8, #c6c674); background-image: -moz-linear-gradient(top, #fcfcf8, #c6c674); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfcf8), color-stop(1, #c6c674)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr="#fcfcf8", EndColorStr="#c6c674"); }

.ui-close-button-light { position: absolute; z-index: 1000; top: 3px; right: 3px; width: 14px; height: 14px; background: transparent url("../images/common/icon_remove.png?2") no-repeat 0 -14px; border-radius: 2px; -moz-border-radius: 2px; cursor: pointer; }

.ui-modal-container { display: none; /* JavaScript */ position: fixed; z-index: 10000; overflow: auto; top: 0; left: 0; width: 100%; height: 100%; }

.ui-modal-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

.ui-modal { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; position: relative; margin: 50px auto 0; padding: 20px; background-color: #fff; border: 20px solid #69afca; }
.ui-modal.large { width: 920px; }
.ui-modal.medium { width: 500px; }
.ui-modal div.close { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; position: absolute; top: -30px; right: -30px; width: 30px; height: 30px; background: #000 url("../images/common/icon_modal_close.png") no-repeat 50% 50%; cursor: pointer; }
.ui-modal.small { width: 400px; border-width: 16px; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; }

.ui-modal h1 { margin: 0 0 1em; font-size: 20px; font-weight: bold; }

.bookmark-container .bookmark-count { margin: 0; line-height: 20px !important; }
.bookmark-container .button-on, .bookmark-container ._button { margin-left: 4px; }

._work-detail-unit .reaction-container { display: flex; justify-content: space-between; align-items: center; position: relative; padding: 8px 20px; height: 30px; z-index: 2; }
._work-detail-unit .share-link-container { display: flex; align-items: center; }
._work-detail-unit .share-text-label { color: #999; margin-right: 8px; }
._work-detail-unit .other-links-container { padding: 40px 0; margin-top: 40px; border-top: 1px solid #e2e9ed; }
._work-detail-unit .zengo-module { display: flex; justify-content: center; }
._work-detail-unit .response-container { position: relative; padding: 24px 20px 0; }
._work-detail-unit .response-container::after { content: ""; position: absolute; left: 0; top: 0; width: calc(100% - 21px - 41px); margin: 0 21px 0 41px; border-top: 1px solid #e2e9ed; }

._share-links { display: flex; font-family: initial; }
._share-links li + li { margin-left: 4px; }
._share-links .label { display: none; }
._share-links .pawoo { position: relative; }
._share-links .pawoo .pawoo-share-popup { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; position: absolute; bottom: 32px; left: -108px; box-sizing: border-box; width: 240px; height: 112px; padding: 12px 16px 16px; border-radius: 8px; border: 1px solid #e6e6e6; background-color: #282c37; background-image: url('../images/pawoo/hakuzou@2x.png'); background-size: 68px 70px; background-position: 157px 42px; background-repeat: no-repeat; visibility: hidden; opacity: 0; transition: visibility 0.5s, opacity 0.5s; }
._share-links .pawoo .pawoo-share-popup.active { visibility: visible; opacity: 1; }
._share-links .pawoo .pawoo-share-popup::before { content: ""; position: absolute; bottom: -20px; left: 108px; border: 12px solid transparent; border-top: 8px solid #e6e6e6; pointer-events: none; }
._share-links .pawoo .pawoo-share-popup::after { content: ""; position: absolute; bottom: -18px; left: 109px; border: 11px solid transparent; border-top: 7px solid #282c37; pointer-events: none; }
._share-links .pawoo .pawoo-share-popup .message { text-align: left; font-weight: bold; line-height: 20px; font-size: 12px; color: #fff; }
._share-links .pawoo .pawoo-share-popup .about { padding: 8px 16px; line-height: 1; border-radius: 4px; background-color: #2588d0; font-weight: bold; color: #fff; transition: background-color 0.25s; }
._share-links .pawoo .pawoo-share-popup .about:hover { text-decoration: none; background-color: #3494db; }
._share-links .pawoo .pawoo-share-popup .close { position: absolute; top: 8px; right: 8px; width: 16px; height: 16px; background-image: url('../images/close.svg'); background-size: cover; background-repeat: no-repeat; cursor: pointer; }
._share-links.big-buttons { text-align: center; display: block; font-family: inherit; }
._share-links.big-buttons li { display: inline-block; }
._share-links.big-buttons a { font-weight: bold; color: #fff; line-height: 32px; display: inline-block; border-radius: 5px; padding: 0 10px; width: 144px; }
._share-links.big-buttons a img { display: inline-block; margin-top: -2px; }
._share-links.big-buttons a .label { display: inline-block; margin-left: 5px; }
._share-links.big-buttons .pawoo a { background: #282c37; }
._share-links.big-buttons .twitter a { background: #55acee; }
._share-links.big-buttons .facebook a { background: #3a5b98; }
._share-links.big-buttons .weibo a { background: #e6162d; }

._pixiv-pay-banner-container { margin: 0 0 30px; }
._pixiv-pay-banner-container .banner { width: 500px; }

.share-area .column-title { margin-bottom: 30px; }

.share-button { height: 20px !important; }
.share-button.vertical { height: 62px !important; }
.share-button li { display: inline-block; vertical-align: top; }
.share-button li + li { margin-left: 10px; }
.share-button .more { padding: 0 5px; color: #aaa; font-size: 12px; line-height: 20px; vertical-align: middle; border-left: 1px solid #eee; cursor: pointer; }

ul.social-button li { float: left; margin-left: 10px; vertical-align: middle; line-height: 1; }
ul.social-button li a { line-height: normal; }

ul.share-button li.ui-share-button { padding: 0 5px; color: #aaa; line-height: 20px; vertical-align: middle; border-left: 1px solid #eee; cursor: pointer; }
ul.share-button li.ui-share-button:hover { text-decoration: underline; }

div.share-container { position: absolute; width: 250px; padding: 10px; background-color: #a2b5c8; border-radius: 10px; }
div.share-container .ui-close-button-light { top: 13px; right: 13px; }
div.share-container:before { display: block; position: absolute; top: -10px; left: 125px; width: 0; height: 0; border-top-width: 0; border-right-width: 10px; border-bottom-width: 10px; border-left-width: 10px; border-color: #a2b5c8 transparent; border-style: solid; content: ""; }
div.share-container.has_button:after { display: block; position: absolute; top: 2px; left: 125px; width: 0; height: 0; border-top-width: 0; border-right-width: 10px; border-bottom-width: 10px; border-left-width: 10px; border-color: #fff transparent; border-style: solid; content: ""; }
div.share-container div.html5-section.buttons { overflow: hidden; height: 20px; padding: 15px 0; background-color: #fff; text-align: center; }
div.share-container div.html5-section.buttons div { display: inline-block; margin: 0 5px; vertical-align: top; }
div.share-container div.html5-section.buttons div.stacc { background: none; }
div.share-container div.html5-section.buttons div.mixi-favorite iframe { overflow: hidden; width: 58px; height: 20px; border: none; }
div.share-container section + section { padding-top: 10px !important; }
div.share-container section h1 { margin: 0; padding: 0; font-weight: bold; }
div.share-container section input { border: none; width: 234px; margin: 3px 0 0 0; padding: 5px 3px; color: #555; }
div.share-container section textarea { overflow: auto; width: 234px; height: 50px; margin: 3px 0; padding: 5px 3px; color: #555; border: none; }
div.share-container section select { border: none; padding: 2px; margin: 5px 0 0 0; color: #333; }
div.share-container section select + span a { float: right; color: white; margin: 7px 0 0 0; }
div.share-container section.permalink, div.share-container section.embed { padding: 0 5px 5px; color: #fff; }

nav.header-menu { position: relative; padding: 10px; background-color: #f2f4f6; }
nav.header-menu div.sub { position: absolute; top: 10px; right: 10px; }
nav.header-menu ul { display: inline; padding: 3px 0; }
nav.header-menu ul li { display: inline; }
nav.header-menu ul li a { display: inline; padding: 0 10px; }
nav.header-menu ul li a span.current { font-weight: bold; color: #333; }
nav.header-menu ul li.current { padding: 0 10px; font-weight: bold; }
nav.header-menu ul li.current a { padding: 0; }
nav.header-menu ul + ul { margin-left: 10px; padding-left: 10px; border-left: 1px solid #ccc; }
nav.header-menu ul.root + ul { border-left: 3px double #ccc; }

p.notes { margin: 0.5em 0; color: #777; font-size: 11px; }

/* modal.css */
#modal-content { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display: none; z-index: 10; position: absolute; background-color: #fff; color: #000; padding-bottom: 4px; width: 300px; border: 1px solid #dfebf1; }

a.active { color: #000000; font-weight: bold; }

a.active_gray { color: #333333; font-weight: bold; }

/* :::::  Stlye  ::::: */
.horizontal { position: absolute; top: 0; right: 0; }

.horizontalSide { float: right; }

.column { width: 100%; }

.group { display: block; }
.group:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

.pane { position: relative; background-color: #ffffff; padding: 10px 0; margin-bottom: 10px; border: 1px solid #d6dee5; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

.list { margin-top: -10px; }
.list li { margin-top: 10px; }

.view-more { text-align: right; display: block; clear: both; margin: 5px; }

.rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; clear: both; overflow: hidden; margin: 0 0 10px; padding: 5px 10px; background-color: #fff; border: 1px solid #d6dee5; }

.full { width: 968px; }

.date { color: #999; }

a:hover .bookmark_link { text-decoration: underline; }

/* pager styles
---------------------------------------------  */
._pager-complex { position: relative; min-width: 500px; padding: 10px 0; text-align: center; }
._pager-complex a[rel~="next"], ._pager-complex a[rel~="prev"] { height: 25px; line-height: 25px; padding: 0 1.5em; letter-spacing: 0px; }
._pager-complex li { display: inline; padding: 0 0.5em; letter-spacing: -1px; }
._pager-complex li + li + li:before { content: "\FF5C"; color: #ccc; font-size: 12px; position: relative; right: 0.6em; }
._pager-complex li:last-child:before { content: ""; }
._pager-complex li:first-child { padding-right: 1em; }
._pager-complex li:last-child { padding-left: 1em; }

.pager_top .pages { padding: 10px 0 0 0; }

.pager_bottom .pages { padding: 0 0 10px 0; }

.pages-current span { font: bold 1.75em arial, helvetica, sans-serif; vertical-align: -12%; }

/* Module styles
---------------------------------------------  */
.hide { visibility: hidden; }

div.clear { clear: both; }

.block { display: block; margin-bottom: 10px; }
.block:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

.over { overflow: hidden; }

.list-unit .user-list { padding: 6px 11px 3px; }
.list-unit .more { margin: 0 5px; font-size: 11px; line-height: 21px; text-align: right; }
.list-unit .related { margin: 0 5px; line-height: 26px; text-align: right; border-top: 1px dotted #e0e6ec; }
.list-unit .related .count-badge { margin-left: 4px; vertical-align: baseline; }

.user-list li { display: inline; }
.user-list li + li { margin-left: 8px; }
.user-list .user { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; overflow: hidden; width: 30px; height: 30px; margin: 0 0 3px 3px; vertical-align: top; }

.side-menu { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; width: 174px; margin: 10px 0; background-color: #fff; border: 1px solid #d6dee5; }
.side-menu h1, .side-menu h2 { margin: 2px 2px 0; padding: 0 5px; line-height: 2; background-color: #eef0f3; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px; border-radius: 2px 2px 0 0; }
.side-menu h1 a, .side-menu h2 a { color: #333; }
.side-menu h1 .count, .side-menu h2 .count { position: absolute; top: 2px; right: 7px; line-height: 2; color: #555; }
.side-menu ul.users { margin: 3px 0 3px 3px; }
.side-menu ul.users li { display: inline; }
.side-menu ul.users li a { display: inline-block; overflow: hidden; height: 30px; margin: 3px 0 0 3px; }
.side-menu .count-badge { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 2px 5px 2px 4px; line-height: 1; font-family: "Lucida Grande", sans-serif; font-size: 9px; font-weight: bold; letter-spacing: -1px; color: #3b5998; background-color: #d8dfea; }
.side-menu .more { font-size: 11px; line-height: 1; text-align: right; }
.side-menu div.more { margin-top: 5px; padding: 5px; border-top: 1px solid #eee; }
.side-menu ul.more { margin: 5px; }
.side-menu ul.more li + li { margin-top: 5px; }
.side-menu .related { line-height: 1; text-align: right; margin: 5px 5px 0; padding: 0; line-height: 26px; border-top: 1px dotted #d6dee5; }
.side-menu.group-list .indicator, .side-menu.dic-ranking .indicator { position: absolute; top: 7px; right: 3px; width: 16px; height: 11px; }
.side-menu.group-list .indicator-0, .side-menu.dic-ranking .indicator-0 { background-image: url("../images/group/indicator_0.png"); }
.side-menu.group-list .indicator-1, .side-menu.dic-ranking .indicator-1 { background-image: url("../images/group/indicator_1.png"); }
.side-menu.group-list .indicator-2, .side-menu.dic-ranking .indicator-2 { background-image: url("../images/group/indicator_2.png"); }
.side-menu.group-list .count-badge, .side-menu.dic-ranking .count-badge { position: absolute; top: 6px; right: 3px; }
.side-menu.group-list ul.groups li, .side-menu.group-list ul.articles li, .side-menu.dic-ranking ul.groups li, .side-menu.dic-ranking ul.articles li { position: relative; margin: 3px 2px; font-size: 11px; text-decoration: none; }
.side-menu.group-list ul.groups li a, .side-menu.group-list ul.articles li a, .side-menu.dic-ranking ul.groups li a, .side-menu.dic-ranking ul.articles li a { display: block; position: relative; overflow: hidden; width: 149px; padding-right: 21px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; line-height: 1; color: #333; }
.side-menu.group-list ul.groups li a img, .side-menu.group-list ul.articles li a img, .side-menu.dic-ranking ul.groups li a img, .side-menu.dic-ranking ul.articles li a img { margin-right: 4px; vertical-align: -8px; }
.side-menu.group-list ul.groups.no-update a, .side-menu.group-list ul.groups .no-update a, .side-menu.group-list ul.articles.no-update a, .side-menu.group-list ul.articles .no-update a, .side-menu.dic-ranking ul.groups.no-update a, .side-menu.dic-ranking ul.groups .no-update a, .side-menu.dic-ranking ul.articles.no-update a, .side-menu.dic-ranking ul.articles .no-update a { width: 170px; padding: 0; }
.side-menu.group-list .create-group a, .side-menu.group-list .create-group span, .side-menu.dic-ranking .create-group a, .side-menu.dic-ranking .create-group span { display: inline-block; }
.side-menu.group-list .create-group a:before, .side-menu.group-list .create-group span:before, .side-menu.dic-ranking .create-group a:before, .side-menu.dic-ranking .create-group span:before { content: "+"; display: inline-block; margin-right: 2px; color: #555; vertical-align: -2px; font: normal normal bold 18px/1 Arial, sans-serif; }
.side-menu.group-list .create-group.not-premium span, .side-menu.dic-ranking .create-group.not-premium span { background-position: 100% 2px; color: #258fb8; cursor: pointer; padding-right: 18px; }
.side-menu.group-list .create-group.not-premium span:hover, .side-menu.dic-ranking .create-group.not-premium span:hover { text-decoration: underline; }
.side-menu section + section { margin-top: 5px; padding-top: 5px; border-top: 1px solid #eee; }

.ui-loading { cursor: default !important; }

.ui-anchor { color: #258fb8; cursor: pointer; }
.ui-anchor:hover { text-decoration: underline; }

#disable-auto-view { display: none; }

.ui-tag-container { position: relative; margin-bottom: 20px; padding: 3px 5px 0 0; border: 1px solid #becad7; cursor: text; }
.ui-tag-container .tags { display: inline; }
.ui-tag-container .tags li { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; margin: 0 0 3px 5px; padding: 0 5px; color: #555; line-height: 18px; background-color: #e5fcb7; }
.ui-tag-container .tags li span.close { margin-left: 5px; color: #80ad34; font-weight: bold; cursor: pointer; }
.ui-tag-container input { width: 100px; margin: 0 0 3px 0; line-height: 12px; border: none; outline: none; }
.ui-tag-container input:focus { background-color: transparent; }
.ui-tag-container div.count { position: absolute; bottom: -20px; right: 0; font-family: "Lucida Grande", sans-serif; }
.ui-tag-container div.count span.count.over { color: tomato; font-weight: bold; }

#setting-notification .supplementary { margin-top: 1.5em; background-color: #F2F4F6; padding: 10px; font-size: 10px; color: #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#setting-notification table { width: 100%; border: none; }
#setting-notification table thead tr { font-weight: bold; }
#setting-notification table thead tr:hover { background-color: transparent; }
#setting-notification table tr { border-bottom: 1px solid #d5dde5; }
#setting-notification table tr:hover { background-color: #ffffe6; }
#setting-notification table th { padding: 0; vertical-align: middle; font-weight: normal; }
#setting-notification table th label { display: block; padding: 0 2px; line-height: 38px; }
#setting-notification table th span { display: inline-block; width: 32px; height: 32px; padding: 3px 6px 0 0; vertical-align: middle; }
#setting-notification table th.bookmarked { background-image: url("/source/images/notification/bookmarked.png"); }
#setting-notification table th.scored { background-image: url("/source/images/notification/scored.png"); }
#setting-notification table th.commented, #setting-notification table th.group_comment { background-image: url("/source/images/notification/commented.png"); }
#setting-notification table th.tagged { background-image: url("/source/images/notification/tagged.png"); }
#setting-notification table th.content_response { background-image: url("/source/images/notification/content_response.png"); }
#setting-notification table th.favorited { background-image: url("/source/images/notification/favorited.png"); }
#setting-notification table th.requested_friend, #setting-notification table th.group_application { background-image: url("/source/images/notification/favorited.png"); }
#setting-notification table th.approve_friend, #setting-notification table th.group_approval { background-image: url("/source/images/notification/approve_friend.png"); }
#setting-notification table th.received_stacc_message { background-image: url("/source/images/notification/received_stacc_message.png"); }
#setting-notification table th.received_message { background-image: url("/source/images/notification/received_message.png"); }
#setting-notification table th.ranked_in { background-image: url("/source/images/notification/ranked_in.png"); }
#setting-notification table th.group_like { background-image: url("/source/images/notification/like.png"); }
#setting-notification table td { width: 100px; text-align: center; vertical-align: middle; }
.copyright { margin: 10px 20px; padding: 10px 0 0; line-height: 1; color: #999; font-family: "Lucida Grande", sans-serif; border-top: 1px dotted #d6dee5; }

.languages { position: absolute; right: 20px; bottom: 0; padding: 10px 0; line-height: 1; }
.languages form, .languages li { display: inline; }
.languages li { margin: 0 0 0 10px; }
.languages .touch-switcher { padding-left: 10px; border-left: 1px solid #ccc; }

#page-setting-user table th, #page-setting-profile table th { padding: 8px; font-weight: bold; }
#page-setting-user table td, #page-setting-profile table td { padding: 8px; position: relative; }
#page-setting-user table td dl.sub, #page-setting-profile table td dl.sub { margin-top: 5px; }
#page-setting-user table td dl dt, #page-setting-profile table td dl dt { width: 175px; margin-bottom: 2px; font-weight: normal; }
#page-setting-user table td dl dd, #page-setting-profile table td dl dd { margin-left: 175px; margin-bottom: 2px; }
#page-setting-user table td div#toggle-thumbnail-filter-tag dt, #page-setting-profile table td div#toggle-thumbnail-filter-tag dt { width: 75px; }
#page-setting-user table td div#toggle-thumbnail-filter-tag dd, #page-setting-profile table td div#toggle-thumbnail-filter-tag dd { margin-left: 75px; }
#page-setting-user table td label, #page-setting-profile table td label { margin: 0 10px; }
#page-setting-user table td label input, #page-setting-profile table td label input { margin: 0 4px 0 0; vertical-align: baseline; }
#page-setting-user table td section.notes, #page-setting-profile table td section.notes { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 10px 0; padding: 9px; color: #777; border: 1px solid #d6dee5; }
#page-setting-user table td div.farbtastic_picker, #page-setting-profile table td div.farbtastic_picker { display: none; z-index: 1; position: absolute; background: #ffffff; padding: 10px; top: 8px; left: 144px; box-shadow: 0 1px 3px #000000; }
#page-setting-user table .pawoo-setting td label, #page-setting-user table .pawoo-setting td input, #page-setting-profile table .pawoo-setting td label, #page-setting-profile table .pawoo-setting td input { margin: 0; }
#page-setting-user div.submit, #page-setting-profile div.submit { margin: 10px 0 0; text-align: center; }

._open-mute-edit-modal-for-classic { display: inline-block; position: relative; }

._spotlight_idea_form h1 { font-size: 18px; font-weight: bold; text-align: center; }
._spotlight_idea_form .required { color: red; }
._spotlight_idea_form .error { color: red; }
._spotlight_idea_form form { text-align: right; }
._spotlight_idea_form form table { text-align: left; }
._spotlight_idea_form form table tr th { width: 310px; padding: 10px 5px 5px; vertical-align: top; text-align: right; }
._spotlight_idea_form form table tr th:after { content: ':'; margin-left: 5px; color: #ccc; }
._spotlight_idea_form form table tr textarea { width: 472px; max-width: 472px; height: 200px; padding: 10px 5px 5px; }
._spotlight_idea_form form table tr td { width: 490px; padding: 10px 5px 5px; }
._spotlight_idea_form form table tr td p + p { margin-top: 5px; }
._spotlight_idea_form form table tr td input { margin: 0 4px; }
._spotlight_idea_form form table tr td input.word { width: 470px; }
._spotlight_idea_form form > p { margin-top: 10px; text-align: center; }
._spotlight_idea_form form input[type="radio"], ._spotlight_idea_form form input[type="checkbox"] { vertical-align: baseline; }
._spotlight_idea_form form input[type="submit"] { text-align: center; padding: 5px 25px; font-family: inherit; font-weight: bold; color: #fff; background-color: #0096db; border: none; border-radius: 3px; margin: 0px 0px 10px 0px; line-height: 26px; font-size: 14px; }

.user-ad-container { float: right; background-color: #fff; background-color: #F2F4F6; margin: 10px 0 0; }
.user-ad-container h1 { font-weight: bold; text-align: center; }
.user-ad-container > .event-circle-list { margin: 0 0 20px 0; padding: 0 0 10px 0; width: 180px; }
.user-ad-container > .event-circle-list > div:first-child { margin: 0 15px; font-weight: bold; padding: 5px 0 0; }
.user-ad-container > .event-circle-list > div:first-child a { color: black; }
.user-ad-container > .event-circle-list ul { margin: 0; text-align: center; }
.user-ad-container > .event-circle-list ul.images li.image { display: inline-block; width: 140px; float: none; height: auto; text-align: left; padding: 15px 0 0; text-align: center; }
.user-ad-container > .event-circle-list ul.images li.image a > p { margin: 0 0 3px 0; }
.user-ad-container > .event-circle-list ul.images li.image p.caption { display: none; }
.user-ad-container > .event-circle-list ul.images li.image:last-child { margin-bottom: 0; }
.user-ad-container > .event-circle-list + section { margin: 0; }
.user-ad-container > .event-circle-list + section:before { display: block; border-top: 1px solid #D6DEE5; }
.user-ad-container > .event-circle-list div.more { z-index: 100; padding: 0; text-align: right; margin: 0 10px 0; }
.user-ad-container.out { background-color: white; margin-right: -181px; margin-top: -10px; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0; border-radius: 0 5px 5px 0; padding: 10px 0 0; border-left: 1px solid #D6DEE5; }
.user-ad-container.out > section { border: none; margin-bottom: 0; }
.user-ad-container + div.no-item { float: left; margin: 0 auto 20px; width: 78%; clear: none; }

div#page-bookmark-reg-user section.column-main, div#page-bookmark-user-myself section.column-main, div#page-bookmark-user section.column-main, div#page-viewresponse section.column-main { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; border: 1px solid #d6dee5; position: relative; float: none; width: auto; margin: 0 0 10px; }
div#page-bookmark-reg-user section.column-main header, div#page-bookmark-user-myself section.column-main header, div#page-bookmark-user section.column-main header, div#page-viewresponse section.column-main header { color: #555; font-size: 12px; }
div#page-bookmark-reg-user section.column-main header nav.tab, div#page-bookmark-user-myself section.column-main header nav.tab, div#page-bookmark-user section.column-main header nav.tab, div#page-viewresponse section.column-main header nav.tab { position: relative; height: 35px; border-bottom: 1px solid #d6dee5; }
div#page-bookmark-reg-user section.column-main header nav.tab ul, div#page-bookmark-user-myself section.column-main header nav.tab ul, div#page-bookmark-user section.column-main header nav.tab ul, div#page-viewresponse section.column-main header nav.tab ul { position: absolute; bottom: 0; width: 100%; text-align: center; }
div#page-bookmark-reg-user section.column-main header nav.tab ul.related, div#page-bookmark-user-myself section.column-main header nav.tab ul.related, div#page-bookmark-user section.column-main header nav.tab ul.related, div#page-viewresponse section.column-main header nav.tab ul.related { bottom: 0; right: 15px; width: auto; margin-bottom: -1px; line-height: 30px; }
div#page-bookmark-reg-user section.column-main header nav.tab ul.related li, div#page-bookmark-user-myself section.column-main header nav.tab ul.related li, div#page-bookmark-user section.column-main header nav.tab ul.related li, div#page-viewresponse section.column-main header nav.tab ul.related li { display: inline; }
div#page-bookmark-reg-user section.column-main header nav.tab ul.related li a, div#page-bookmark-user-myself section.column-main header nav.tab ul.related li a, div#page-bookmark-user section.column-main header nav.tab ul.related li a, div#page-viewresponse section.column-main header nav.tab ul.related li a { margin: 0 5px; padding-left: 0; padding-right: 0; color: #999; }
div#page-bookmark-reg-user section.column-main header nav.tab ul li, div#page-bookmark-user-myself section.column-main header nav.tab ul li, div#page-bookmark-user section.column-main header nav.tab ul li, div#page-viewresponse section.column-main header nav.tab ul li { display: inline-block; margin-bottom: -1px; }
div#page-bookmark-reg-user section.column-main header nav.tab ul li.current, div#page-bookmark-user-myself section.column-main header nav.tab ul li.current, div#page-bookmark-user section.column-main header nav.tab ul li.current, div#page-viewresponse section.column-main header nav.tab ul li.current { padding: 0 14px; font-weight: bold; line-height: 30px; background-color: #fff; border: 1px solid #d6dee5; border-bottom: none; }
div#page-bookmark-reg-user section.column-main header nav.tab ul li.current.has-link, div#page-bookmark-user-myself section.column-main header nav.tab ul li.current.has-link, div#page-bookmark-user section.column-main header nav.tab ul li.current.has-link, div#page-viewresponse section.column-main header nav.tab ul li.current.has-link { padding: 0; }
div#page-bookmark-reg-user section.column-main header nav.tab ul li.current.has-link a, div#page-bookmark-user-myself section.column-main header nav.tab ul li.current.has-link a, div#page-bookmark-user section.column-main header nav.tab ul li.current.has-link a, div#page-viewresponse section.column-main header nav.tab ul li.current.has-link a { display: inline-block; padding: 0 14px; line-height: 30px; }
div#page-bookmark-reg-user section.column-main header nav.tab ul li.current a, div#page-bookmark-user-myself section.column-main header nav.tab ul li.current a, div#page-bookmark-user section.column-main header nav.tab ul li.current a, div#page-viewresponse section.column-main header nav.tab ul li.current a { display: inline; padding: 0; line-height: normal; color: #333; }
div#page-bookmark-reg-user section.column-main header nav.tab ul li.related, div#page-bookmark-user-myself section.column-main header nav.tab ul li.related, div#page-bookmark-user section.column-main header nav.tab ul li.related, div#page-viewresponse section.column-main header nav.tab ul li.related { margin: 0 -10px 0 5px; }
div#page-bookmark-reg-user section.column-main header nav.tab ul li.ui-anchor, div#page-bookmark-user-myself section.column-main header nav.tab ul li.ui-anchor, div#page-bookmark-user section.column-main header nav.tab ul li.ui-anchor, div#page-viewresponse section.column-main header nav.tab ul li.ui-anchor { padding: 0 14px; line-height: 30px; }
div#page-bookmark-reg-user section.column-main header nav.tab ul li a, div#page-bookmark-user-myself section.column-main header nav.tab ul li a, div#page-bookmark-user section.column-main header nav.tab ul li a, div#page-viewresponse section.column-main header nav.tab ul li a { display: inline-block; margin: 0; padding: 1px 15px 0; line-height: 30px; }
div#page-bookmark-reg-user section.column-main header nav.tab ul li span.count, div#page-bookmark-user-myself section.column-main header nav.tab ul li span.count, div#page-bookmark-user section.column-main header nav.tab ul li span.count, div#page-viewresponse section.column-main header nav.tab ul li span.count { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: 6px; padding: 0 4px; font-size: 10px; font-weight: normal; color: #fff; background-color: #777; }
div#page-bookmark-reg-user section.column-main header nav.tab ul li, div#page-bookmark-user-myself section.column-main header nav.tab ul li, div#page-bookmark-user section.column-main header nav.tab ul li, div#page-viewresponse section.column-main header nav.tab ul li { position: relative; }
div#page-bookmark-reg-user section.column-main header nav.tab ul li div.badge-new, div#page-bookmark-user-myself section.column-main header nav.tab ul li div.badge-new, div#page-bookmark-user section.column-main header nav.tab ul li div.badge-new, div#page-viewresponse section.column-main header nav.tab ul li div.badge-new { font-size: 10px; font-family: Arial, sans-serif; font-weight: bold; color: red; vertical-align: top; line-height: 1; position: absolute; top: -4px; right: -4px; padding: 0 3px 2px 3px; background-color: white; }
div#page-bookmark-reg-user section.column-main header div.label, div#page-bookmark-user-myself section.column-main header div.label, div#page-bookmark-user section.column-main header div.label, div#page-viewresponse section.column-main header div.label { height: 38px; margin: 0 20px; line-height: 38px; }
div#page-bookmark-reg-user section.column-main header div.label.no-context h1:before, div#page-bookmark-user-myself section.column-main header div.label.no-context h1:before, div#page-bookmark-user section.column-main header div.label.no-context h1:before, div#page-viewresponse section.column-main header div.label.no-context h1:before { display: none; }
div#page-bookmark-reg-user section.column-main header div.label h1, div#page-bookmark-user-myself section.column-main header div.label h1, div#page-bookmark-user section.column-main header div.label h1, div#page-viewresponse section.column-main header div.label h1 { position: relative; float: left; }
div#page-bookmark-reg-user section.column-main header div.label h1:before, div#page-bookmark-user-myself section.column-main header div.label h1:before, div#page-bookmark-user section.column-main header div.label h1:before, div#page-viewresponse section.column-main header div.label h1:before { display: block; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; margin-left: -8px; border-width: 8px; border-top-width: 0; border-color: #f2f4f6 transparent; border-style: solid; content: ''; }
div#page-bookmark-reg-user section.column-main header div.label h1 a, div#page-bookmark-user-myself section.column-main header div.label h1 a, div#page-bookmark-user section.column-main header div.label h1 a, div#page-viewresponse section.column-main header div.label h1 a { color: #555; }
div#page-bookmark-reg-user section.column-main header nav.context, div#page-bookmark-user-myself section.column-main header nav.context, div#page-bookmark-user section.column-main header nav.context, div#page-viewresponse section.column-main header nav.context { clear: both; position: relative; line-height: 1; background-color: #f2f4f6; }
div#page-bookmark-reg-user section.column-main header nav.context + nav.context, div#page-bookmark-user-myself section.column-main header nav.context + nav.context, div#page-bookmark-user section.column-main header nav.context + nav.context, div#page-viewresponse section.column-main header nav.context + nav.context { border-top: 1px solid #fff; }
div#page-bookmark-reg-user section.column-main header nav.context ul, div#page-bookmark-user-myself section.column-main header nav.context ul, div#page-bookmark-user section.column-main header nav.context ul, div#page-viewresponse section.column-main header nav.context ul { display: inline-block; padding: 0 10px; }
div#page-bookmark-reg-user section.column-main header nav.context ul.root, div#page-bookmark-user-myself section.column-main header nav.context ul.root, div#page-bookmark-user section.column-main header nav.context ul.root, div#page-viewresponse section.column-main header nav.context ul.root { border-right: 1px solid #fff; }
div#page-bookmark-reg-user section.column-main header nav.context ul.sub, div#page-bookmark-user-myself section.column-main header nav.context ul.sub, div#page-bookmark-user section.column-main header nav.context ul.sub, div#page-viewresponse section.column-main header nav.context ul.sub { position: absolute; right: 0; }
div#page-bookmark-reg-user section.column-main header nav.context ul li, div#page-bookmark-user-myself section.column-main header nav.context ul li, div#page-bookmark-user section.column-main header nav.context ul li, div#page-viewresponse section.column-main header nav.context ul li { display: inline; line-height: 36px; }
div#page-bookmark-reg-user section.column-main header nav.context ul li.current, div#page-bookmark-user-myself section.column-main header nav.context ul li.current, div#page-bookmark-user section.column-main header nav.context ul li.current, div#page-viewresponse section.column-main header nav.context ul li.current { padding: 0 10px; font-weight: bold; }
div#page-bookmark-reg-user section.column-main header nav.context ul li.current.ui-anchor, div#page-bookmark-user-myself section.column-main header nav.context ul li.current.ui-anchor, div#page-bookmark-user section.column-main header nav.context ul li.current.ui-anchor, div#page-viewresponse section.column-main header nav.context ul li.current.ui-anchor { display: inline-block; color: #333; }
div#page-bookmark-reg-user section.column-main header nav.context ul li.current.has-link, div#page-bookmark-user-myself section.column-main header nav.context ul li.current.has-link, div#page-bookmark-user section.column-main header nav.context ul li.current.has-link, div#page-viewresponse section.column-main header nav.context ul li.current.has-link { padding: 0; }
div#page-bookmark-reg-user section.column-main header nav.context ul li.current.has-link a, div#page-bookmark-user-myself section.column-main header nav.context ul li.current.has-link a, div#page-bookmark-user section.column-main header nav.context ul li.current.has-link a, div#page-viewresponse section.column-main header nav.context ul li.current.has-link a { display: inline-block; padding: 0 10px; color: #333; }
div#page-bookmark-reg-user section.column-main header nav.context ul li.disabled, div#page-bookmark-user-myself section.column-main header nav.context ul li.disabled, div#page-bookmark-user section.column-main header nav.context ul li.disabled, div#page-viewresponse section.column-main header nav.context ul li.disabled { padding: 0 10px; }
div#page-bookmark-reg-user section.column-main header nav.context ul li.ui-anchor, div#page-bookmark-reg-user section.column-main header nav.context ul li a, div#page-bookmark-user-myself section.column-main header nav.context ul li.ui-anchor, div#page-bookmark-user-myself section.column-main header nav.context ul li a, div#page-bookmark-user section.column-main header nav.context ul li.ui-anchor, div#page-bookmark-user section.column-main header nav.context ul li a, div#page-viewresponse section.column-main header nav.context ul li.ui-anchor, div#page-viewresponse section.column-main header nav.context ul li a { display: inline-block; padding: 0 10px; }
div#page-bookmark-reg-user section.column-main header nav.context ul li.ui-anchor:hover, div#page-bookmark-reg-user section.column-main header nav.context ul li a:hover, div#page-bookmark-user-myself section.column-main header nav.context ul li.ui-anchor:hover, div#page-bookmark-user-myself section.column-main header nav.context ul li a:hover, div#page-bookmark-user section.column-main header nav.context ul li.ui-anchor:hover, div#page-bookmark-user section.column-main header nav.context ul li a:hover, div#page-viewresponse section.column-main header nav.context ul li.ui-anchor:hover, div#page-viewresponse section.column-main header nav.context ul li a:hover { text-decoration: none; background-color: #e6e8ea; }
div#page-bookmark-reg-user section.column-main header nav.context ul li.ui-anchor span.current, div#page-bookmark-reg-user section.column-main header nav.context ul li a span.current, div#page-bookmark-user-myself section.column-main header nav.context ul li.ui-anchor span.current, div#page-bookmark-user-myself section.column-main header nav.context ul li a span.current, div#page-bookmark-user section.column-main header nav.context ul li.ui-anchor span.current, div#page-bookmark-user section.column-main header nav.context ul li a span.current, div#page-viewresponse section.column-main header nav.context ul li.ui-anchor span.current, div#page-viewresponse section.column-main header nav.context ul li a span.current { font-weight: bold; color: #333; }
div#page-bookmark-reg-user section.column-main header nav.context div.selector, div#page-bookmark-user-myself section.column-main header nav.context div.selector, div#page-bookmark-user section.column-main header nav.context div.selector, div#page-viewresponse section.column-main header nav.context div.selector { display: inline-block; position: relative; margin: 0 10px; line-height: 36px; }
div#page-bookmark-reg-user section.column-main header nav.context div.selector:hover, div#page-bookmark-user-myself section.column-main header nav.context div.selector:hover, div#page-bookmark-user section.column-main header nav.context div.selector:hover, div#page-viewresponse section.column-main header nav.context div.selector:hover { background-color: #e6e8ea; }
div#page-bookmark-reg-user section.column-main header nav.context div.selector span, div#page-bookmark-user-myself section.column-main header nav.context div.selector span, div#page-bookmark-user section.column-main header nav.context div.selector span, div#page-viewresponse section.column-main header nav.context div.selector span { padding: 0 5px 0 10px; font-weight: bold; }
div#page-bookmark-reg-user section.column-main header nav.context div.selector span span, div#page-bookmark-user-myself section.column-main header nav.context div.selector span span, div#page-bookmark-user section.column-main header nav.context div.selector span span, div#page-viewresponse section.column-main header nav.context div.selector span span { padding: 0; }
div#page-bookmark-reg-user section.column-main header nav.context div.selector select, div#page-bookmark-user-myself section.column-main header nav.context div.selector select, div#page-bookmark-user section.column-main header nav.context div.selector select, div#page-viewresponse section.column-main header nav.context div.selector select { position: absolute; left: 0; width: 100%; height: 36px; margin: 0; padding: 0; border: none; cursor: pointer; opacity: 0; }
div#page-bookmark-reg-user section.column-main header nav.order, div#page-bookmark-user-myself section.column-main header nav.order, div#page-bookmark-user section.column-main header nav.order, div#page-viewresponse section.column-main header nav.order { position: absolute; margin-left: 10px; margin-top: 8px; }
div#page-bookmark-reg-user section.column-main header nav.order.no-pager, div#page-bookmark-user-myself section.column-main header nav.order.no-pager, div#page-bookmark-user section.column-main header nav.order.no-pager, div#page-viewresponse section.column-main header nav.order.no-pager { position: static; }
div#page-bookmark-reg-user section.column-main header nav.order div.badge-new, div#page-bookmark-user-myself section.column-main header nav.order div.badge-new, div#page-bookmark-user section.column-main header nav.order div.badge-new, div#page-viewresponse section.column-main header nav.order div.badge-new { font-size: 10px; font-family: Arial, sans-serif; font-weight: bold; color: red; vertical-align: top; line-height: 1; position: absolute; top: 0; left: -8px; }
div#page-bookmark-reg-user section.column-main header nav.order li, div#page-bookmark-user-myself section.column-main header nav.order li, div#page-bookmark-user section.column-main header nav.order li, div#page-viewresponse section.column-main header nav.order li { position: relative; display: inline; line-height: 36px; }
div#page-bookmark-reg-user section.column-main header nav.order li div.badge-new, div#page-bookmark-user-myself section.column-main header nav.order li div.badge-new, div#page-bookmark-user section.column-main header nav.order li div.badge-new, div#page-viewresponse section.column-main header nav.order li div.badge-new { left: 0; top: -10px; }
div#page-bookmark-reg-user section.column-main header nav.order li.current, div#page-bookmark-user-myself section.column-main header nav.order li.current, div#page-bookmark-user section.column-main header nav.order li.current, div#page-viewresponse section.column-main header nav.order li.current { font-weight: bold; }
div#page-bookmark-reg-user section.column-main header nav.order li div.selector, div#page-bookmark-user-myself section.column-main header nav.order li div.selector, div#page-bookmark-user section.column-main header nav.order li div.selector, div#page-viewresponse section.column-main header nav.order li div.selector { display: inline-block; position: relative; line-height: 36px; }
div#page-bookmark-reg-user section.column-main header nav.order li div.selector.current, div#page-bookmark-user-myself section.column-main header nav.order li div.selector.current, div#page-bookmark-user section.column-main header nav.order li div.selector.current, div#page-viewresponse section.column-main header nav.order li div.selector.current { font-weight: bold; }
div#page-bookmark-reg-user section.column-main header nav.order li div.selector span, div#page-bookmark-user-myself section.column-main header nav.order li div.selector span, div#page-bookmark-user section.column-main header nav.order li div.selector span, div#page-viewresponse section.column-main header nav.order li div.selector span { padding: 0 10px; }
div#page-bookmark-reg-user section.column-main header nav.order li div.selector span span, div#page-bookmark-user-myself section.column-main header nav.order li div.selector span span, div#page-bookmark-user section.column-main header nav.order li div.selector span span, div#page-viewresponse section.column-main header nav.order li div.selector span span { padding: 0; }
div#page-bookmark-reg-user section.column-main header nav.order li div.selector select, div#page-bookmark-user-myself section.column-main header nav.order li div.selector select, div#page-bookmark-user section.column-main header nav.order li div.selector select, div#page-viewresponse section.column-main header nav.order li div.selector select { position: absolute; left: 0; width: 100%; height: 36px; margin: 0; padding: 0; border: none; cursor: pointer; opacity: 0; }
div#page-bookmark-reg-user section.column-main header nav.order li.current, div#page-bookmark-reg-user section.column-main header nav.order li.ui-anchor, div#page-bookmark-reg-user section.column-main header nav.order a, div#page-bookmark-user-myself section.column-main header nav.order li.current, div#page-bookmark-user-myself section.column-main header nav.order li.ui-anchor, div#page-bookmark-user-myself section.column-main header nav.order a, div#page-bookmark-user section.column-main header nav.order li.current, div#page-bookmark-user section.column-main header nav.order li.ui-anchor, div#page-bookmark-user section.column-main header nav.order a, div#page-viewresponse section.column-main header nav.order li.current, div#page-viewresponse section.column-main header nav.order li.ui-anchor, div#page-viewresponse section.column-main header nav.order a { display: inline-block; padding: 0 10px; }

div#page-bookmark-reg-user header div.label, div#page-bookmark-user-myself header div.label, div#page-bookmark-user header div.label, div#page-group header div.label { height: 43px !important; line-height: 50px !important; }
div#page-bookmark-reg-user header div.label span.folder_icon:before, div#page-bookmark-user-myself header div.label span.folder_icon:before, div#page-bookmark-user header div.label span.folder_icon:before, div#page-group header div.label span.folder_icon:before { background-repeat: no-repeat; background-image: url("../images/sprite-2nd.png?20120528"); background-position: -200px -560px; background-color: transparent; font-size: 12px; font-weight: normal; margin-left: 13px; padding-left: 20px; content: ""; }
div#page-bookmark-reg-user div.control, div#page-bookmark-user-myself div.control, div#page-bookmark-user div.control, div#page-group div.control { border-top: 1px solid white; background-color: #F2F4F6; padding: 5px 10px; }
div#page-bookmark-reg-user div.control ul + ul, div#page-bookmark-user-myself div.control ul + ul, div#page-bookmark-user div.control ul + ul, div#page-group div.control ul + ul { margin: 10px 0 0 0; }
div#page-bookmark-reg-user div.control ul li, div#page-bookmark-user-myself div.control ul li, div#page-bookmark-user div.control ul li, div#page-group div.control ul li { display: inline-block; }

section#search-result { padding: 20px 30px 0; }
section#search-result div.members li, section#search-result div.requests-members li { position: relative; width: 32.9%; display: inline-block; margin: 0 0 30px 0; vertical-align: top; }
section#search-result div.members li input[type="checkbox"], section#search-result div.requests-members li input[type="checkbox"] { position: absolute; top: -10px; left: -10px; margin: 5px; }
section#search-result div.members li div.usericon, section#search-result div.requests-members li div.usericon { width: 75px; height: 75px; overflow: hidden; display: inline-block; margin: 0 10px 0 0; float: left; background-color: #EEE; border: 1px solid #eee; }
section#search-result div.members li div.usericon img, section#search-result div.requests-members li div.usericon img { width: 75px; }
section#search-result div.members li ._user-icon, section#search-result div.requests-members li ._user-icon { margin: 0 10px 0 0; float: left; border: 1px solid #eee; }
section#search-result div.members li div.userdata, section#search-result div.requests-members li div.userdata { display: inline-block; width: 130px; }
section#search-result div.members li div.userdata a, section#search-result div.requests-members li div.userdata a { display: block; }
section#search-result div.members li div.userdata a:first-child, section#search-result div.requests-members li div.userdata a:first-child { font-size: 14px; font-weight: bold; }
section#search-result div.members li div.userdata a.url, section#search-result div.requests-members li div.userdata a.url { font-size: 11px; color: #666; }
section#search-result div.members li div.userdata span.list_state, section#search-result div.requests-members li div.userdata span.list_state { color: #999; font-size: 10px; text-align: right; width: 120px; }

div#page-bookmark-user section.column-main header div.label h1:before, div#page-bookmark-reg-user section.column-main header div.label h1:before { content: none; }

.ui-selectbox-container { display: inline-block; position: relative; text-align: left; line-height: 26px; cursor: pointer; }
.ui-selectbox-container:hover .current { text-decoration: underline; }
.ui-selectbox-container ul { -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; display: none; position: absolute; z-index: 10000; left: 0; width: 118px; margin: -1px auto 0; text-align: left; background-color: #fff; border: 1px solid #becad7; outline: 1px solid #fff; }
.ui-selectbox-container ul.ceil { margin: 0 auto -2px; bottom: 0; }
.ui-selectbox-container .item { display: block; margin: 0; padding: 0 9px; font-size: 14px; line-height: 2; color: #777; cursor: pointer; border-left: none !important; border-right: none !important; }
.ui-selectbox-container .item:hover { text-decoration: none; background-color: #eee; }
.ui-selectbox-container .item.selected { background-color: #eee; cursor: default; }
.ui-selectbox-container .item input { padding: 0; border: none; background: transparent; display: inline; float: none !important; font-size: 14px; color: #777; }
.ui-selectbox-container .separated { border-top: 1px solid #f5f5f5; }

div#page-ranking-area div.ranking_area { position: relative; text-align: left; border-top: 1px solid #d6dee5; }
div#page-ranking-area header { position: absolute; top: 0; width: 968px; height: 85px; text-align: center; }
div#page-ranking-area header nav.areas { background-color: #fff; }
div#page-ranking-area header nav.areas ul li { display: inline; }
div#page-ranking-area header nav.areas ul li a { display: inline-block; padding: 0 15px; line-height: 38px; }
div#page-ranking-area header ul.rank { line-height: 47px; background-color: rgba(203, 213, 225, 0.9); }
div#page-ranking-area header ul.rank li { display: inline-block; width: 138px; font-size: 18px; font-weight: bold; font-family: Helvetica, sans-serif; color: #fff; }
div#page-ranking-area div.rankingArea section.area { padding: 85px 0 0; /*北海道・東北*/ /*関東*/ /*中部*/ /*近畿*/ /*中国・四国*/ /*九州・沖縄*/ /*海外*/ }
div#page-ranking-area div.rankingArea section.area#area-0 section.whole { background-position: 6px 10px; }
div#page-ranking-area div.rankingArea section.area#area-1 section.whole { background-position: 6px -118px; }
div#page-ranking-area div.rankingArea section.area#area-2 section.whole { background-position: 6px -246px; }
div#page-ranking-area div.rankingArea section.area#area-3 section.whole { background-position: 6px -374px; }
div#page-ranking-area div.rankingArea section.area#area-4 section.whole { background-position: 6px -502px; }
div#page-ranking-area div.rankingArea section.area#area-5 section.whole { background-position: 6px -630px; }
div#page-ranking-area div.rankingArea section.area#area-6 section.whole { background-position: 6px -758px; }
div#page-ranking-area div.rankingArea section.area section { position: relative; height: 128px; padding: 10px 6px; background-image: url("../images/ranking-area.png"); background-repeat: no-repeat; }
div#page-ranking-area div.rankingArea section.area section + section { border-top: 1px dotted #ccc; }
div#page-ranking-area div.rankingArea section.area section.whole { background-color: #f2f4f6; border: none; }
div#page-ranking-area div.rankingArea section.area section.whole + section { border: none; }
div#page-ranking-area div.rankingArea section.area section#state-0 { background-position: 6px -886px; }
div#page-ranking-area div.rankingArea section.area section#state-1 { background-position: 6px -1014px; }
div#page-ranking-area div.rankingArea section.area section#state-2 { background-position: 6px -1142px; }
div#page-ranking-area div.rankingArea section.area section#state-3 { background-position: 6px -1270px; }
div#page-ranking-area div.rankingArea section.area section#state-4 { background-position: 6px -1398px; }
div#page-ranking-area div.rankingArea section.area section#state-5 { background-position: 6px -1526px; }
div#page-ranking-area div.rankingArea section.area section#state-6 { background-position: 6px -1654px; }
div#page-ranking-area div.rankingArea section.area section#state-7 { background-position: 6px -1782px; }
div#page-ranking-area div.rankingArea section.area section#state-8 { background-position: 6px -1910px; }
div#page-ranking-area div.rankingArea section.area section#state-9 { background-position: 6px -2038px; }
div#page-ranking-area div.rankingArea section.area section#state-10 { background-position: 6px -2166px; }
div#page-ranking-area div.rankingArea section.area section#state-11 { background-position: 6px -2294px; }
div#page-ranking-area div.rankingArea section.area section#state-12 { background-position: 6px -2422px; }
div#page-ranking-area div.rankingArea section.area section#state-13 { background-position: 6px -2550px; }
div#page-ranking-area div.rankingArea section.area section#state-14 { background-position: 6px -2678px; }
div#page-ranking-area div.rankingArea section.area section#state-15 { background-position: 6px -2806px; }
div#page-ranking-area div.rankingArea section.area section#state-16 { background-position: 6px -2934px; }
div#page-ranking-area div.rankingArea section.area section#state-17 { background-position: 6px -3062px; }
div#page-ranking-area div.rankingArea section.area section#state-18 { background-position: 6px -3190px; }
div#page-ranking-area div.rankingArea section.area section#state-19 { background-position: 6px -3318px; }
div#page-ranking-area div.rankingArea section.area section#state-20 { background-position: 6px -3446px; }
div#page-ranking-area div.rankingArea section.area section#state-21 { background-position: 6px -3574px; }
div#page-ranking-area div.rankingArea section.area section#state-22 { background-position: 6px -3702px; }
div#page-ranking-area div.rankingArea section.area section#state-23 { background-position: 6px -3830px; }
div#page-ranking-area div.rankingArea section.area section#state-24 { background-position: 6px -3958px; }
div#page-ranking-area div.rankingArea section.area section#state-25 { background-position: 6px -4086px; }
div#page-ranking-area div.rankingArea section.area section#state-26 { background-position: 6px -4214px; }
div#page-ranking-area div.rankingArea section.area section#state-27 { background-position: 6px -4342px; }
div#page-ranking-area div.rankingArea section.area section#state-28 { background-position: 6px -4470px; }
div#page-ranking-area div.rankingArea section.area section#state-29 { background-position: 6px -4598px; }
div#page-ranking-area div.rankingArea section.area section#state-30 { background-position: 6px -4726px; }
div#page-ranking-area div.rankingArea section.area section#state-31 { background-position: 6px -4854px; }
div#page-ranking-area div.rankingArea section.area section#state-32 { background-position: 6px -4982px; }
div#page-ranking-area div.rankingArea section.area section#state-33 { background-position: 6px -5110px; }
div#page-ranking-area div.rankingArea section.area section#state-34 { background-position: 6px -5238px; }
div#page-ranking-area div.rankingArea section.area section#state-35 { background-position: 6px -5366px; }
div#page-ranking-area div.rankingArea section.area section#state-36 { background-position: 6px -5494px; }
div#page-ranking-area div.rankingArea section.area section#state-37 { background-position: 6px -5622px; }
div#page-ranking-area div.rankingArea section.area section#state-38 { background-position: 6px -5750px; }
div#page-ranking-area div.rankingArea section.area section#state-39 { background-position: 6px -5878px; }
div#page-ranking-area div.rankingArea section.area section#state-40 { background-position: 6px -6006px; }
div#page-ranking-area div.rankingArea section.area section#state-41 { background-position: 6px -6134px; }
div#page-ranking-area div.rankingArea section.area section#state-42 { background-position: 6px -6262px; }
div#page-ranking-area div.rankingArea section.area section#state-43 { background-position: 6px -6390px; }
div#page-ranking-area div.rankingArea section.area section#state-44 { background-position: 6px -6518px; }
div#page-ranking-area div.rankingArea section.area section#state-45 { background-position: 6px -6646px; }
div#page-ranking-area div.rankingArea section.area section#state-46 { background-position: 6px -6774px; }
div#page-ranking-area div.rankingArea section.area section h1 a { display: block; width: 128px; height: 38px; padding-top: 90px; color: #333; font-size: 18px; line-height: 1; font-weight: bold; text-align: center; }
div#page-ranking-area div.rankingArea section.area section ul li { position: absolute; top: 10px; }
div#page-ranking-area div.rankingArea section.area section ul li.rank-0 { left: 143px; }
div#page-ranking-area div.rankingArea section.area section ul li.rank-1 { left: 281px; }
div#page-ranking-area div.rankingArea section.area section ul li.rank-2 { left: 419px; }
div#page-ranking-area div.rankingArea section.area section ul li.rank-3 { left: 557px; }
div#page-ranking-area div.rankingArea section.area section ul li.rank-4 { left: 695px; }
div#page-ranking-area div.rankingArea section.area section ._work.muted-thumbnail.ugoku-illust::after, div#page-ranking-area div.rankingArea section.area section ._work.muted-thumbnail .page-count { display: none; }
div#page-ranking-area div.rankingArea section.area section .thumbnail-filter-items { bottom: 32px; }
div#page-ranking-area div.rankingArea section.area section .thumbnail-filter-items li { position: static; }
div#page-ranking-area div.rankingArea section.area section a.more { position: absolute; top: 10px; right: 1px; width: 128px; margin: 0 5px; line-height: 128px; text-align: center; }

div#column-misc { width: 224px; }
div#column-misc section.ad iframe { vertical-align: middle; }
div#column-misc section.item { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; border: 1px solid #d6dee5; margin: 10px 0; padding: 0; }
div#column-misc section.item:first-child { margin-top: 0; }
div#column-misc section.item h1, div#column-misc section.item h2.item-head { -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px; border-radius: 2px 2px 0 0; margin: 2px 2px 0; padding: 0 5px; line-height: 2; font-size: 12px; font-weight: bold; background-color: #eef0f3; }
div#column-misc section.item h1 a, div#column-misc section.item h2.item-head a { color: #333; }
div#column-misc section.item ul.news { margin: 8px 0 8px 6px; }
div#column-misc section.item ul.news li { line-height: 20px; }
div#column-misc section.item ul.news li span { margin-left: 2px; }
div#column-misc section.item ul.news li span.new { font-size: 10px; font-family: Arial, sans-serif; font-weight: bold; color: red; vertical-align: top; line-height: 1; margin-left: 1px; }
div#column-misc section.item ul.news li span.has-image { background-repeat: no-repeat; background-image: url("../images/sprite-2nd.png?20120528"); background-position: 0 -400px; background-color: transparent; padding-left: 14px; }
div#column-misc section.item ul.ranking-links { margin: 4px 0; text-align: center; line-height: 1; }
div#column-misc section.item ul.ranking-links li { display: inline; }
div#column-misc section.item ul.ranking-links li a { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; width: 103px; margin: 0 2px; font-size: 10px; line-height: 16px; color: #fff; text-align: center; }
div#column-misc section.item ul.ranking-links li a:hover { text-decoration: none; }
div#column-misc section.item ul.ranking-links li a.archive { text-shadow: 0 0 5px #ff4f04; background: #ffcf10; background: -moz-linear-gradient(top, #ffcf10 0%, #ff940a 49%, #ff4f04 50%, #ff7908 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcf10), color-stop(49%, #ff940a), color-stop(50%, #ff4f04), color-stop(100%, #ff7908)); background: -webkit-linear-gradient(top, #ffcf10 0%, #ff940a 49%, #ff4f04 50%, #ff7908 100%); background: -o-linear-gradient(top, #ffcf10 0%, #ff940a 49%, #ff4f04 50%, #ff7908 100%); background: -ms-linear-gradient(top, #ffcf10 0%, #ff940a 49%, #ff4f04 50%, #ff7908 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcf10', endColorstr='#ff7908', GradientType=0); background: linear-gradient(to bottom, #ffcf10 0%, #ff940a 49%, #ff4f04 50%, #ff7908 100%); border: 1px solid #ff9900; }
div#column-misc section.item ul.ranking-links li a.area { text-shadow: 0 0 5px #a90077; background: #d070ba; background: -moz-linear-gradient(top, #d070ba 0%, #c146a2 49%, #a90077 50%, #d80692 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d070ba), color-stop(49%, #c146a2), color-stop(50%, #a90077), color-stop(100%, #d80692)); background: -webkit-linear-gradient(top, #d070ba 0%, #c146a2 49%, #a90077 50%, #d80692 100%); background: -o-linear-gradient(top, #d070ba 0%, #c146a2 49%, #a90077 50%, #d80692 100%); background: -ms-linear-gradient(top, #d070ba 0%, #c146a2 49%, #a90077 50%, #d80692 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d070ba', endColorstr='#d80692', GradientType=0); background: linear-gradient(to bottom, #d070ba 0%, #c146a2 49%, #a90077 50%, #d80692 100%); border: 1px solid #ae037b; }
div#column-misc section.item ul.categories { margin: 8px 0; text-align: center; }
div#column-misc section.item ul.categories li { display: inline; }
div#column-misc section.item ul.categories li .current { color: #333; font-weight: bold; }
div#column-misc section.item ul.categories li + li { margin-left: 5px; padding-left: 5px; border-left: 1px solid #ccc; }
div#column-misc section.item div.no-item { padding: 40px 0; color: #999; text-align: center; }
div#column-misc section.item ol.ranking > li { clear: both; position: relative; }
div#column-misc section.item ol.ranking > li div.rank { font-family: Arial, sans-serif; font-weight: bold; color: #c6c6c6; }
div#column-misc section.item ol.ranking > li:nth-child(odd) { background-color: #f8f8f8; }
div#column-misc section.item ol.ranking > li.no-item { padding: 40px 0; color: #999; text-align: center; }
div#column-misc section.item ol.ranking > li.rank-detail { min-height: 100px; padding: 8px 8px 13px 119px; }
div#column-misc section.item ol.ranking > li.rank-detail .rank-image-container { position: absolute; top: 5px; left: 5px; width: 106px; text-align: center; }
div#column-misc section.item ol.ranking > li.rank-detail .rank-image-container > ._work { display: flex !important; justify-content: center; align-items: center; width: 100%; height: 106px; }
div#column-misc section.item ol.ranking > li.rank-detail .rank-image-container .muted-thumbnail .thumbnail-filter-items { bottom: 20px; }
div#column-misc section.item ol.ranking > li.rank-detail .rank-image-container .muted-thumbnail ._layout-thumbnail { height: auto; }
div#column-misc section.item ol.ranking > li.rank-detail div.rank { float: right; margin-left: 4px; font-size: 46px; line-height: 1; }
div#column-misc section.item ol.ranking > li.rank-detail.muted ._work.ugoku-illust::after, div#column-misc section.item ol.ranking > li.rank-detail.muted .page-count { display: none; }
div#column-misc section.item ol.ranking > li.rank-detail.muted > h2 { display: none; }
div#column-misc section.item ol.ranking > li.rank-detail.muted > .user { display: none; }
div#column-misc section.item ol.ranking > li.rank { padding: 5px 8px 5px 34px; line-height: 18px; }
div#column-misc section.item ol.ranking > li.rank div.rank { position: absolute; top: 0; left: 0; width: 32px; text-align: center; font-size: 24px; letter-spacing: -1px; line-height: 28px; }
div#column-misc section.item div.more { clear: both; margin: 4px 8px; text-align: right; }

#item-container { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; border: 1px solid #d6dee5; margin-bottom: 10px; padding: 0 10px; overflow: visible; }
#item-container h2 { font-weight: bold; padding: 0 14px; }
#item-container #user-recommend-module { border-bottom: solid 1px #ebebeb; margin-bottom: 15px; padding: 0 7px; }
#item-container #user-recommend-module h2 { margin-top: 15px; padding: 0 7px; }
#item-container ._user-items { display: inline-block; }
#item-container ._user-items > li:nth-child(n + 8) { display: none; }
#item-container ._user-items > li, #item-container ._user-item { display: inline-block; width: 50px; height: 50px; border-radius: 50px; margin: 10px 7px 15px 7px; vertical-align: top; overflow: hidden; }
#item-container ._user-items > li.see-more, #item-container ._user-item.see-more { background-color: #f5f5f5; background-image: url("../images/dot-menu-2.svg"); background-position: center; background-repeat: no-repeat; margin-right: 0; }
#item-container ._user-items > li a.user, #item-container ._user-item a.user { width: 50px; height: 50px; margin: 0; }
#item-container ._user-items > li a.user img, #item-container ._user-item a.user img { width: 50px; height: 50px; }
#item-container ._image-items { margin: 10px 0 0; margin-left: 0px; }
#item-container .image-item { height: 248px; margin: 0; }
#item-container .item { clear: both; position: relative; overflow-anchor: none; }
#item-container .item.closed .toggle { background-position: 0 -22px !important; }
#item-container .item.closed .content { display: none; }
#item-container .item .toggle { background-position: 0 -33px !important; }
#item-container .item header h1 { margin: 10px 0; padding: 0 10px; font-weight: bold; font-size: 14px; line-height: 30px; background-color: #f2f4f6; }
#item-container .item header h1 a { color: #333; }
#item-container .item header .actions { position: absolute; top: 8px; right: 10px; }
#item-container .item header .actions li { display: inline-block; }
#item-container .item header .action { display: inline-block; width: 12px; height: 12px; margin-left: 4px; background-image: url("../images/mypage/icon-control.png"); cursor: pointer; opacity: 0.6; border: solid 1px #aaaaaa; }
#item-container .item header .action:hover { opacity: 1; }
#item-container .item header .action.up { background-position: 0 0; }
#item-container .item header .action.down { background-position: 0 -11px; }
#item-container .item header .action.show { background-position: 0 -22px; }
#item-container .item header .action.show a { display: inline-block; width: 12px; height: 12px; }
#item-container .item header .action.hide { visibility: visible; background-position: 0 -33px; }
#item-container .item .content { margin-top: 10px; }
#item-container .item .content ul.images { margin: 0 -20px; padding-left: 30px; }
#item-container .item .content ul.images li.image { float: left; overflow: auto; width: 156px; height: 220px; margin: 0 20px 0 0; text-align: center; }
#item-container .item .content ul.images li.image a:visited { color: #999; }
#item-container .item .content ul.images li.image a:hover img { border-color: #258fb8; }
#item-container .item .content ul.images li.image a:hover h1 { text-decoration: underline; }
#item-container .item .content ul.images li.image a img { padding: 2px; vertical-align: middle; border: 1px solid #ddd; }
#item-container .item .content ul.images li.image a h1 { font-size: 12px; font-weight: bold; line-height: 1.5; color: #555; }
#item-container .item .content ul.images li.image div.user { margin: 0; font-size: 11px; line-height: normal; }
#item-container .item .content ul.images li.image div.user a { color: #555; }
#item-container .item .content section.standard-tag { padding: 0 !important; }
#item-container .item .content section.favorite-tag { margin: 15px 0; padding: 5px 5px 0; }
#item-container .item .content section.favorite-tag.border-top { border-top: 1px solid #eee; }
#item-container .item .content section.favorite-tag h1 { margin: 5px 0; font-weight: bold; }
#item-container .item .content section.favorite-tag h2 { margin: 5px 0; }
#item-container .item .content section.favorite-tag ul.favorite-tags { font-size: 14px; }
#item-container .item .content section.favorite-tag ul.favorite-tags li { display: inline; margin-right: 5px; }
#item-container .item .content section.favorite-tag ul.favorite-tags li a { color: #3E5B71; }
#item-container .item .content section.favorite-tag ul.favorite-tags li + li:before { content: '/'; margin-right: 5px; color: #ccc; }
#item-container .item .content section.favorite-tag div.submit { text-align: right; }
#item-container .item .content div.more { clear: both; margin: 0 0 15px 0; text-align: right; }
#item-container .item .content ul.more { clear: both; margin: 10px 0 15px 0; text-align: right; }
#item-container .item .content ul.more li { display: inline; margin-left: 10px; }

.velocity { position: absolute; bottom: 0; }

div#page-viewresponse section.column-main { padding: 20px 140px; }
div#page-viewresponse section.column-main div.message { text-align: center; margin: 0 0 15px 0; }
div#page-viewresponse section.column-main div.message h1 { font-weight: bold; font-size: 22px; }
div#page-viewresponse section.column-main div.message p { color: #808080; }

.premium { padding: 3px 0; }
.premium a { color: #BBB; }

.premium-register-button { transition: background-color 0.125s ease-in-out; display: inline-block; border-radius: 5px; padding: 10px; background-color: #ff6f0f; width: 576px; max-width: 100%; font-size: 22px; color: #ffffff; text-align: center; }
.premium-register-button:hover { background-color: #ff9a57; text-decoration: none; }

.popular-tags { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; margin: 10px 0 0; }
.popular-tags li { margin: 3px 0; }
.popular-tags li.grade-1, .popular-tags li.grade-2, .popular-tags li.level1, .popular-tags li.level2 { font-size: 18px; font-weight: bold; }
.popular-tags li.grade-1 a, .popular-tags li.grade-2 a, .popular-tags li.level1 a, .popular-tags li.level2 a { color: #3e5b71; }
.popular-tags li.level3 { font-size: 13px; font-weight: bold; }
.popular-tags li.level3 a { color: #587c97; }
.popular-tags li a { display: inline-block; width: 100%; }

.hover-item:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: opacity 0.05s ease-in-out; -moz-transition: opacity 0.05s ease-in-out; -ms-transition: opacity 0.05s ease-in-out; -o-transition: opacity 0.05s ease-in-out; transition: opacity 0.05s ease-in-out; }

._tutorial-modal { display: none; overflow: auto; position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f1f2124,endColorstr=#7f1f2124)"; }
._tutorial-modal .close { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; position: fixed; top: 21px; right: 21px; width: 16px; height: 16px; cursor: pointer; }
._tutorial-modal .close:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

.tutorial .tutorial-welcome, .tutorial .tutorial-follow, .tutorial .tutorial-bookmark, .tutorial .tutorial-submit, .tutorial .tutorial-premium, .tutorial-follow.china.ui-tab-content.ui-tab-next, .tutorial-bookmark.china.ui-tab-content.ui-tab-next, .tutorial-submit.china.ui-tab-content.ui-tab-next, .tutorial-premium.china.ui-tab-content.ui-tab-next { width: 880px; height: 504px; margin: 0 auto; }
.tutorial .tutorial-welcome .start-picture, .tutorial .tutorial-follow .start-picture, .tutorial .tutorial-bookmark .start-picture, .tutorial .tutorial-submit .start-picture, .tutorial .tutorial-premium .start-picture, .tutorial-follow.china.ui-tab-content.ui-tab-next .start-picture, .tutorial-bookmark.china.ui-tab-content.ui-tab-next .start-picture, .tutorial-submit.china.ui-tab-content.ui-tab-next .start-picture, .tutorial-premium.china.ui-tab-content.ui-tab-next .start-picture { width: 200px; height: 122px; margin: auto; padding: 150px; }
.tutorial .tutorial-welcome .explanation, .tutorial .tutorial-follow .explanation, .tutorial .tutorial-bookmark .explanation, .tutorial .tutorial-submit .explanation, .tutorial .tutorial-premium .explanation, .tutorial-follow.china.ui-tab-content.ui-tab-next .explanation, .tutorial-bookmark.china.ui-tab-content.ui-tab-next .explanation, .tutorial-submit.china.ui-tab-content.ui-tab-next .explanation, .tutorial-premium.china.ui-tab-content.ui-tab-next .explanation { padding: 20px; height: 36px; font-size: 24px; text-align: center; font-weight: bold; }
.tutorial .tutorial-welcome .tutorial-premium-caption:lang(en), .tutorial .tutorial-follow .tutorial-premium-caption:lang(en), .tutorial .tutorial-bookmark .tutorial-premium-caption:lang(en), .tutorial .tutorial-submit .tutorial-premium-caption:lang(en), .tutorial .tutorial-premium .tutorial-premium-caption:lang(en), .tutorial-follow.china.ui-tab-content.ui-tab-next .tutorial-premium-caption:lang(en), .tutorial-bookmark.china.ui-tab-content.ui-tab-next .tutorial-premium-caption:lang(en), .tutorial-submit.china.ui-tab-content.ui-tab-next .tutorial-premium-caption:lang(en), .tutorial-premium.china.ui-tab-content.ui-tab-next .tutorial-premium-caption:lang(en) { font-size: 19px; padding-top: 3px; }
.tutorial .tutorial-welcome .images, .tutorial .tutorial-follow .images, .tutorial .tutorial-bookmark .images, .tutorial .tutorial-submit .images, .tutorial .tutorial-premium .images, .tutorial-follow.china.ui-tab-content.ui-tab-next .images, .tutorial-bookmark.china.ui-tab-content.ui-tab-next .images, .tutorial-submit.china.ui-tab-content.ui-tab-next .images, .tutorial-premium.china.ui-tab-content.ui-tab-next .images { font-size: 25px; }
.tutorial .tutorial-welcome .images img, .tutorial .tutorial-follow .images img, .tutorial .tutorial-bookmark .images img, .tutorial .tutorial-submit .images img, .tutorial .tutorial-premium .images img, .tutorial-follow.china.ui-tab-content.ui-tab-next .images img, .tutorial-bookmark.china.ui-tab-content.ui-tab-next .images img, .tutorial-submit.china.ui-tab-content.ui-tab-next .images img, .tutorial-premium.china.ui-tab-content.ui-tab-next .images img { position: absolute; }

.tutorial-welcome-badge img { position: absolute; left: -20px; top: -18px; -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg); z-index: 1; }

.tutorial { position: relative; background-color: #fff; width: 920px; margin: 25px auto; border-radius: 5px; }
.tutorial .slider { width: 880px; height: 38px; margin: auto; padding: 20px 0; }
.tutorial .slider .slider-arrow-left { float: left; }
.tutorial .slider .slider-arrow-left img { float: left; }
.tutorial .slider .slider-arrow-left p { float: left; margin: 4px 10px; font-size: 18px; }
.tutorial .slider .slider-arrow-right { float: right; }
.tutorial .slider .slider-arrow-right img { float: right; }
.tutorial .slider .slider-arrow-right p { float: right; margin: 4px 10px; font-size: 18px; }
.tutorial .slider .slider-btn-right { float: right; height: 38px; background-color: #2382bb; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.tutorial .slider .slider-btn-right p { font-size: 18px; color: white; margin: 6px 14px; }
.tutorial .slider .china.slider-nav { width: 104px; height: 15px; position: absolute; left: 408px; padding: 11px 0; }
.tutorial .slider .china.slider-nav .slider-nav-item { width: 13px; height: 13px; float: left; margin: 0 5px; border-radius: 8px; border: none; background-color: #D1D1D1; }
.tutorial .slider .china.slider-nav .slider-nav-item._current { background-color: #7C7C7C; }
.tutorial .slider-nav { width: 125px; height: 15px; position: absolute; left: 408px; padding: 11px 0; }
.tutorial .slider-nav .slider-nav-item { width: 13px; height: 13px; float: left; margin: 0 5px; border-radius: 8px; background-color: transparent; border: 1px solid #2882bb; }
.tutorial .slider-nav .slider-nav-item._current { background-color: #2882bb; }
.tutorial .tutorial-welcome { display: none; }
.tutorial .tutorial-follow .caption { width: 190px; position: relative; float: right; right: -5px; top: 134px; -moz-transform: rotate(6deg); -ms-transform: rotate(6deg); -webkit-transform: rotate(6deg); transform: rotate(6deg); text-align: center; }
.tutorial .tutorial-follow .caption:lang(ja) { width: 226px; right: -28px; top: 130px; }
.tutorial .tutorial-follow .caption:lang(ko) { width: 208px; right: -12px; top: 144px; }
.tutorial .tutorial-follow .caption:lang(en) { width: 200px; right: -8px; top: 122px; }
.tutorial .tutorial-bookmark { display: none; }
.tutorial .tutorial-bookmark img { float: left; left: -30px; }
.tutorial .tutorial-bookmark .caption { width: 230px; position: relative; float: left; left: -33px; top: 154px; -moz-transform: rotate(-16deg); -ms-transform: rotate(-16deg); -webkit-transform: rotate(-16deg); transform: rotate(-16deg); text-align: center; }
.tutorial .tutorial-bookmark .caption:lang(zh-tw) { top: 162px; }
.tutorial .tutorial-bookmark .caption:lang(ko) { top: 166px; }
.tutorial .tutorial-bookmark .caption:lang(en) { top: 174px; }
.tutorial .tutorial-submit { display: none; }
.tutorial .tutorial-submit .caption { width: 230px; position: relative; left: 35px; top: 168px; -moz-transform: rotate(-14deg); -ms-transform: rotate(-14deg); -webkit-transform: rotate(-14deg); transform: rotate(-14deg); text-align: center; }
.tutorial .tutorial-submit .caption:lang(zh) { top: 166px; }
.tutorial .tutorial-submit .caption:lang(en) { left: 31px; top: 140px; }
.tutorial .tutorial-premium { display: none; }
.tutorial .tutorial-premium .caption { width: 190px; position: relative; float: right; right: -19px; top: 37px; -moz-transform: rotate(8deg); -ms-transform: rotate(8deg); -webkit-transform: rotate(8deg); transform: rotate(8deg); text-align: center; }
.tutorial .tutorial-premium .caption:lang(zh-tw) { top: 40px; }
.tutorial .tutorial-premium .caption:lang(zh) { top: 42px; }
.tutorial .tutorial-premium .caption:lang(ko) { top: 40px; }
.tutorial .tutorial-premium .caption:lang(en) { top: 40px; }

.tutorial.china { width: 840px; }

.china h1 { text-align: center; font-size: 32px; color: #F64B1A; font-weight: bold; margin-bottom: 10px; }
.china h1:hover { text-decoration: none; }

.tutorial-follow.china.ui-tab-content.ui-tab-next, .tutorial-bookmark.china.ui-tab-content.ui-tab-next, .tutorial-submit.china.ui-tab-content.ui-tab-next, .tutorial-premium.china.ui-tab-content.ui-tab-next { width: 840px; overflow: hidden; height: auto; }

.slider.ui-tabs.china { width: 780px; padding: 10px 0; }

.explanation.china img { margin-top: -20px; margin-left: -20px; }

img.slider-arrow-left.china { padding-left: 40px; padding-top: 5px; }

img.slider-arrow-right.china { padding-right: 40px; padding-top: 5px; }

.p-china { padding: 30px 15px 20px; text-align: center; background: #F0F0F0; }

.p-china a { background-image: linear-gradient(-180deg, #ff8640 0%, #f04005 100%); box-shadow: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.7); border-radius: 6px; padding: 14px 40px; font-size: 20px; font-weight: bold; color: #FFEE7F; line-height: 34px; text-shadow: 1px 1px 0px rgba(69, 69, 69, 0.5); }
.p-china a:hover { text-decoration: none; background-image: linear-gradient(-180deg, #ff6741 0%, #f04d19 100%); box-shadow: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.7); }

span.china-orange { font-weight: bold; color: #FF4C00; }

.new-function-popup { width: 640px; padding: 0 0 35px; border-radius: 8px; }

._history_trial h1.title { margin: 0 auto 12px; padding: 20px; background: #E8EFFF; color: #5A5A5A; font-size: 22px; text-align: center; }

._history_trial p.caption { text-align: center; font-size: 16px; font-weight: normal; line-height: 1.5; margin-top: 30px; margin-bottom: 25px; }

._history_trial span { color: orange; font-size: 26px; font-weight: bold; }

._popup_btn { vertical-align: middle; text-align: center; margin: auto; padding: 10px; text-shadow: 0 -1px 0 #bd4b00; color: white; }

.premium-impression { display: inherit; border: none; width: 0; height: 0; }
.premium-impression.lazyloaded { display: none; }

._layout-mail-authentication-body { padding-left: 20px; padding-right: 20px; width: auto; }
._layout-mail-authentication-body .layout-links { text-align: center; padding-top: 10px; margin-left: 10px; margin-right: 10px; }
._layout-mail-authentication-body .layout-links li { display: inline; }
._layout-mail-authentication-body .layout-links li + li { margin-left: 5px; padding-left: 5px; border-left: 1px solid #cccccc; color: #50a0be; }
._layout-mail-authentication-body .layout-premium-description { text-align: center; padding-top: 15px; margin-top: 15px; border-top: 1px solid #f0f0f0; color: #8e8e8e; }
._layout-mail-authentication-body .layout-premium-links { text-align: center; padding-top: 20px; padding-bottom: 20px; }

.grecaptcha-badge { visibility: hidden; }

.area_new#touch_introduction .area_inside { position: relative; height: 272px; background: url("../images/touch-banner-bg.png?20120123") no-repeat 0 0; text-align: center; }
.area_new#touch_introduction a.service { font-size: 13px; font-weight: bold; }
.area_new#touch_introduction h2 { line-height: 12px; font-size: 10px; font-weight: bold; text-shadow: 0px 1px 0px #FFF; }
.area_new#touch_introduction p { width: 160px; }
.area_new#touch_introduction p.notes { position: absolute; top: 123px; width: 160px; line-height: 15px; color: #666; text-shadow: 0px 1px 0px #FFF; }
.area_new#touch_introduction p.url { position: absolute; top: 256px; }

.item#dic_ranking ol.ranking { padding-top: 4px; }
.item#dic_ranking ol.ranking > li.rank { position: relative !important; padding: 5px 8px 5px 46px !important; line-height: 28px !important; background-color: #FFF !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.item#dic_ranking ol.ranking > li.rank div.rank { position: absolute; left: 8px !important; top: 4px !important; width: 32px; text-align: center; font-size: 14px !important; letter-spacing: -1px; line-height: 28px; font-weight: bold; color: #c6c6c6; }
.item#dic_ranking ol.ranking > li.rank div.rank img { width: 32px; height: 32px; }
.item#dic_ranking div.more { margin-top: 0 !important; }

/* premium campaign */
.pre-campaign-area .ribbon { background: url(../images/premiumcampaign-ribbon.png) 0 0 no-repeat; display: block; width: 165px; height: 164px; position: absolute; margin: -31px 0 0 -7px; }
.pre-campaign-area .main { background: url(../images/premiumcampaign_20120717a.png) 0 0 no-repeat; display: block; width: 852px; height: 385px; margin: 0 0 40px 113px; position: relative; }
.pre-campaign-area .main .social-area { width: 230px; height: 25px; display: block; position: absolute; top: 345px; left: 500px; }

.premium-orange { background-color: #ff8000; border-radius: 20px; /* CSS3草案 */ -moz-border-radius: 20px; /* Firefox用 */ -webkit-border-radius: 20px; /* Safari,Google Chrome用 */ width: 100%; height: 35px; display: block; text-align: center; line-height: 35px; color: #fff; font-size: 16px; margin: 20px 0 10px 0; }

.pre-plus { color: #fff; background-color: #900; width: 45px; height: 16px; display: block; border-radius: 5px; /* CSS3草案 */ -moz-border-radius: 5px; /* Firefox用 */ -webkit-border-radius: 5px; /* Safari,Google Chrome用 */ margin: 8px 0 0 3px; line-height: 16px; }

.PremiumArearight .ticket { padding: 1px 0 0 31px; }
.PremiumArearight .ticket-normal { padding: 1px 0 0 80px; }

.PremiumArea-big .ticket { padding: 0 0 0 90px; }

.pre-campaign-detail-area dt { font-size: 14px; font-weight: bold; margin: 20px 0 0 0; }
.pre-campaign-detail-area dd { margin: 0 0 0 10px; }
.pre-campaign-detail-area .tokuten-detail-area { margin: 10px 0 0 0; }
.pre-campaign-detail-area .subheading { font-weight: bold; }
.pre-campaign-detail-area .subheading-bracket { font-weight: bold; margin: 20px 0 10px 0; display: block; }
.pre-campaign-detail-area .notice-detail-area { margin: 0 0 0 20px; }
.pre-campaign-detail-area .notice-detail-area .notice-detail { list-style-type: disc; margin: 0 0 5px 0; }
.pre-campaign-detail-area .term { background: url(../images/premiumcampaign-term.png) 0 0 no-repeat; width: 732px; height: 223px; display: block; margin: 20px 0 0 0; position: relative; }
.pre-campaign-detail-area .term .term-leftarea { width: 100px; height: 200px; margin: 0 0 0 20px; }
.pre-campaign-detail-area .term .term01 { top: 60px; position: absolute; }
.pre-campaign-detail-area .term .term02 { top: 108px; position: absolute; }
.pre-campaign-detail-area .term .term03 { top: 155px; position: absolute; }
.pre-campaign-detail-area .term .term04 { top: 7px; left: 218px; position: absolute; color: #990000; }
.pre-campaign-detail-area .term .term05 { top: 7px; left: 295px; position: absolute; font-size: 90%; text-align: center; }
.pre-campaign-detail-area .term .term06 { top: 65px; left: 370px; position: absolute; }
.pre-campaign-detail-area .term .term07 { top: 65px; left: 450px; position: absolute; }
.pre-campaign-detail-area .term .term08 { top: 113px; left: 571px; position: absolute; }
.pre-campaign-detail-area .term .term09 { top: 113px; left: 650px; position: absolute; }
.pre-campaign-detail-area .term .term10 { top: 195px; left: 224px; position: absolute; }
.pre-campaign-detail-area .term .term11 { top: 195px; left: 301px; position: absolute; }
.pre-campaign-detail-area .term .term12 { top: 195px; left: 376px; position: absolute; }
.pre-campaign-detail-area .term .term13 { top: 195px; left: 454px; position: absolute; }
.pre-campaign-detail-area .term .term14 { top: 195px; left: 530px; position: absolute; }
.pre-campaign-detail-area .term .term15 { top: 195px; left: 602px; position: absolute; }
.pre-campaign-detail-area .term .term16 { top: 195px; left: 677px; position: absolute; }

/* after copy section */
.pre-text { color: #900; text-shadow: 1px 1px 2px #fff; /*
color: #c96800;
font-weight: bold;
*/ }

.pre-text02 { color: #900; font-weight: bold; text-shadow: 1px 1px 2px #fff; }

.pre-text03 { margin: 0 0 10px 0; }

._mypage-premium-banner .banner-background { position: relative; background-color: #fff; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; margin-bottom: 10px; }
._mypage-premium-banner div.clickable-area { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: absolute; width: 195px; height: 47px; top: 118px; left: 18px; background-color: #ffffff; opacity: 0; }
._mypage-premium-banner div.clickable-area-creators { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: absolute; width: 208px; height: 46px; top: 102px; left: 16px; background-color: #ffffff; opacity: 0; }
._mypage-premium-banner div.clickable-area-sensei { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: absolute; width: 178px; height: 46px; top: 158px; left: 186px; background-color: #ffffff; opacity: 0; }
._mypage-premium-banner div.clickable-area-sensei-premium { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: absolute; width: 178px; height: 46px; top: 171px; left: 186px; background-color: #ffffff; opacity: 0; }
._mypage-premium-banner:hover div.clickable-area { opacity: 0.3; }
._mypage-premium-banner:hover div.clickable-area-sensei { opacity: 0.3; }
._mypage-premium-banner:hover div.clickable-area-sensei-premium { opacity: 0.3; }

.sensei-banner:hover img { opacity: 0.8; }

.introduction-image-modal { background-color: #d6ddee; }
.introduction-image-modal div.clickable-area { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: absolute; width: 240px; height: 71px; top: 193px; left: 26px; background-color: #ffffff; opacity: 0; }
.introduction-image-modal:hover div.clickable-area { opacity: 0.3; }

.print-login-button { display: block; width: 551px; height: 81px; margin-left: auto; margin-right: auto; background-image: url('../images/print/print_login_btn_off.png'); }
.print-login-button:hover { background-image: url('../images/print/print_login_btn_on.png'); }

.print-premium-button { display: block; width: 551px; height: 81px; margin-left: auto; margin-right: auto; background-image: url('../images/print/print_premium_btn_off.png'); }
.print-premium-button:hover { background-image: url('../images/print/print_premium_btn_on.png'); }

.print_order_button { display: block; width: 270px; height: 97px; background-image: url('../images/print/m_btn_off.png'); background-size: 270px 97px; }
.print_order_button:hover { background-image: url('../images/print/m_btn_on.png'); }

.print_order_small_button { display: block; width: 206px; height: 74px; background-image: url('../images/print/m_btn_off.png'); background-size: 206px 74px; }
.print_order_small_button:hover { background-image: url('../images/print/m_btn_on.png'); background-size: 206px 74px; }

/* premium lead */
/* .introduction-modal からのコピーだが、今後、プレミアム導線の見直しでポップアップのデザインが変わるため、このCSSは消える予定 */
.premium-lead-modal { position: relative; width: 500px; border-radius: 14px; margin: 80px auto; padding: 22px 30px 30px; font-weight: bold; font-family: Helvetica, sans-serif; color: #555; background-color: #fff; border: 4px solid #d6ddee; text-align: left; white-space: normal; }
.premium-lead-modal.image-lead-modal { width: 600px; height: 318px; padding: 0px; background-color: #d6ddee; }
.premium-lead-modal.image-lead-modal div.clickable-area { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: absolute; width: 240px; height: 71px; top: 193px; left: 26px; background-color: #fff; opacity: 0; }
.premium-lead-modal.image-lead-modal:hover div.clickable-area { opacity: 0.3; }
.premium-lead-modal .close { position: absolute; border-radius: 15px; width: 30px; height: 30px; top: -15px; right: -15px; background-image: url('../images/common/icon_modal_close.png'); background-repeat: no-repeat; background-color: #d6ddee; background-position: 50% 50%; background-size: 20px; cursor: pointer; }
.premium-lead-modal .title { line-height: 1.3; font-weight: bold; font-size: 30px; color: #6c81b5; background: none; margin: 10px auto; }
.premium-lead-modal .caption { margin: 4px 0 20px; font-size: 18px; }
.premium-lead-modal .button-container { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-appearance: none; -webkit-appearance: none; display: inline-block; margin: 0 0 6px; padding: 10px 20px; font-family: inherit; font-weight: inherit; font-size: 22px; text-align: left; color: #fff; background-color: #73ab1f; border: none; text-shadow: none; }
.premium-lead-modal .button-container + .button-container { margin-top: 10px; }
.premium-lead-modal .button-container:hover { text-decoration: none; background-color: #82c123; }
.premium-lead-modal .button-container.premium { display: block; background-color: #fd9145; line-height: 1; margin: auto; width: 294px; }
.premium-lead-modal .button-container.premium:hover { background-color: #fda05e; }
.premium-lead-modal .button-container .label { width: 303px; padding-right: 15px; }

/* premium print */
._premium-introduction .intro-unit { background-color: #fff; border: 1px solid #d6dee5; }
._premium-introduction .share-button { float: right; margin: 10px; }
._premium-introduction .print-caption img { width: 968px; }
._premium-introduction .print-caption1 { font-size: 25px; font-weight: bold; text-align: center; margin: 10px auto; }
._premium-introduction .print-caption2 { font-size: 20px; text-align: center; margin: 10px auto; }
._premium-introduction .print-caption3 { font-size: 18px; text-align: left; margin: 10px auto; }
._premium-introduction .orange { color: #f5882c; }
._premium-introduction .bold { font-weight: bold; }
._premium-introduction .note { margin-top: 5px; color: #f00; }

.premium-print-top-layout { text-align: center; }

.premium-print-top-image { width: 966px; border: 1px solid #ccc; }

.premium-gift-layout { background-color: #fff; padding: 10px 20px 0; width: 928px; text-align: center; }
.premium-gift-layout ul.creator-gift { font-size: 15px; padding: 40px 0 22px; margin: 0 auto; }
.premium-gift-layout ul.creator-gift li { display: inline-block; width: 46%; vertical-align: top; margin: 0 10px 20px; text-align: left; }
.premium-gift-layout ul.creator-gift li img { width: 100%; }
.premium-gift-layout ul.creator-gift li p { width: 100%; }
.premium-gift-layout ul.print-service { margin: 10px auto; text-align: center; }
.premium-gift-layout ul.print-service li.large { display: inline-block; border-radius: 10px; width: 270px; background-color: #ffde3c; padding: 10px; margin: 10px 5px; }
.premium-gift-layout ul.print-service li.large img { width: 270px; margin-bottom: 10px; }
.premium-gift-layout ul.print-service li.small { display: inline-block; width: 201px; padding: 10px; margin: 10px 5px; vertical-align: top; }
.premium-gift-layout ul.print-service li.small img { width: 206px; margin-bottom: 10px; }
.premium-gift-layout ul.print-service li.small.new-icon { position: relative; }
.premium-gift-layout ul.print-service li.small.new-icon::before { position: absolute; content: "new!"; color: #f5882c; font-size: 23px; font-weight: bold; top: -20px; left: 90px; }
.premium-gift-layout .how-to-apply { background-color: #fff; margin: 10px auto; }
.premium-gift-layout .print-gift-description-layout { margin: 20px; }
.premium-gift-layout .print-gift-description-layout .print-gift-description { float: left; width: 660px; margin-right: 40px; }
.premium-gift-layout .print-gift-description-layout .print-gift-description .print-caption2 { text-align: left; margin-top: 50px; }
.premium-gift-layout .print-gift-description-layout .print-gift-image { float: left; width: 120px; margin-bottom: 20px; }
.premium-gift-layout .print-gift-description-layout .print-gift-image img { width: 180px; }
.premium-gift-layout .print-price-compare-table { width: 880px; margin-top: 25px; }
.premium-gift-layout .print-price-compare-description { margin-top: 30px; margin-bottom: 30px; font-size: 16px; text-align: center; }
.premium-gift-layout .print-service-layout { border-collapse: separate; border-spacing: 10px; }
.premium-gift-layout .print-service-layout tr { text-align: center; width: 226px; margin: 10px auto; }
.premium-gift-layout .print-service-layout th { text-align: center; width: 226px; }
.premium-gift-layout .print-service-layout th img { width: 211px; margin-right: 15px; }
.premium-gift-layout .premium-link-layout { margin: 32px 0 20px; }
.premium-gift-layout .notes-layout { background-color: #eaeaea; border-radius: 10px; }
.premium-gift-layout .notes-layout .print-caption2 { text-align: center; padding-top: 20px; font-size: 22px; }
.premium-gift-layout .notes-layout .print-caption3 { padding: 10px 20px 20px 20px; }

/** 各プレミアム導線にあてるスタイルをまとめるモジュール */
._premium-lead-popular-d-body { position: absolute; width: 100%; height: 230px; margin: 0 auto; text-align: center; }
._premium-lead-popular-d-body .popular-introduction-overlay { position: absolute; top: 0; width: 100%; height: 100%; text-align: center; }
._premium-lead-popular-d-body .popular-introduction-overlay h1 { display: none; }
._premium-lead-popular-d-body .popular-introduction-overlay:hover .clickable-area { width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); }
._premium-lead-popular-d-body .popular-introduction-overlay:hover h1 { display: inline-block; margin-top: 80px; padding: 20px; max-width: 700px; background-color: #fff; border-radius: 14px; color: #3eb2dc; font-size: 16px; font-weight: bold; text-decoration: underline; }
._premium-lead-popular-d-body ._image-items { box-sizing: border-box; margin: 0; padding-top: 20px; height: 100%; background-color: #fffdba; }
._premium-lead-popular-d-body ._image-items .image-item .title, ._premium-lead-popular-d-body ._image-items .image-item .thumbnail-menu { display: none; }

._premium-lead-tag-search-bar img { height: 60px; margin-right: 10px; }
._premium-lead-tag-search-bar .clickable-area { text-align: center; padding: 5px 0; border-top: solid 1px #d6dee5; border-bottom: solid 1px #d6dee5; background-color: #fff; color: #ff6f0f; }
._premium-lead-tag-search-bar .clickable-area .words { vertical-align: middle; margin-right: 10px; font-size: 22px; font-weight: bold; }
._premium-lead-tag-search-bar .clickable-area .words.truncate { font-size: 20px; }
._premium-lead-tag-search-bar .clickable-area .more-button { vertical-align: middle; background-color: #ff6f0f; padding: 9px 16px; border-radius: 4px; color: #fff; font-size: 14px; }
._premium-lead-tag-search-bar a { display: block; text-decoration: none; }
._premium-lead-tag-search-bar a:hover { opacity: 0.7; transition: opacity 0.125s ease-in-out; }

._premium-lead-popular-d-popup .modal-window { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 4px; background-color: #fff; }
._premium-lead-popular-d-popup .modal-content { position: relative; padding-bottom: 24px; width: 440px; }
._premium-lead-popular-d-popup .modal-content .header { height: 200px; background-image: url('../images/premium/lead/popular_d_popup_header.svg'); }
._premium-lead-popular-d-popup .modal-content .popular-illusts ul { display: flex; justify-content: space-between; padding: 0 40px; padding-top: 24px; margin-bottom: 12px; }
._premium-lead-popular-d-popup .modal-content .popular-illusts .thumbnail-rect { overflow: hidden; width: 110px; height: 110px; text-align: center; }
._premium-lead-popular-d-popup .modal-content .popular-illusts .thumbnail-rect.novel { height: 80px; }
._premium-lead-popular-d-popup .modal-content .popular-illusts .novel-title { overflow: hidden; position: relative; width: 110px; height: 40px; padding-top: 5px; white-space: normal; line-height: 1.5; }
._premium-lead-popular-d-popup .modal-content .popular-illusts .novel-title::after { position: absolute; content: ""; width: 100%; height: 20px; right: 0; left: 0; bottom: 0; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff); }
._premium-lead-popular-d-popup .modal-content .close { position: absolute; top: -18px; right: -18px; width: 35px; height: 35px; border-radius: 35px; cursor: pointer; background-image: url('../images/common/icon_modal_close.png'); background-repeat: no-repeat; background-color: #d6deed; background-position: center; }
._premium-lead-popular-d-popup .modal-content .text { padding: 0 40px; white-space: normal; text-align: center; line-height: 34px; }
._premium-lead-popular-d-popup .modal-content .text h1 { font-size: 24px; font-weight: bold; color: #ff6f0f; margin-top: 12px; }
._premium-lead-popular-d-popup .modal-content .text h1 .lead { margin-left: 5px; }
._premium-lead-popular-d-popup .modal-content .text a:hover { text-decoration: none; }
._premium-lead-popular-d-popup .modal-content .text .description { margin-top: 8px; margin-bottom: 24px; text-align: left; font-size: 16px; line-height: 2; }
._premium-lead-popular-d-popup .modal-content .text .button { padding: 5px; border-radius: 5px; color: #fff; background-color: #ff6f0f; }
._premium-lead-popular-d-popup .modal-content .text .button .arrow { margin-right: 5px; margin-bottom: 5px; width: 10px; height: 14px; background-image: url('../images/premium/lead/icon_arrow_white.svg'); }
._premium-lead-popular-d-popup .modal-content .text .button .register { margin: 0 5px; font-size: 18px; }
._premium-lead-popular-d-popup .modal-content .text .button .price { font-size: 12px; }
._premium-lead-popular-d-popup .classic-modal { position: relative; width: 500px; border-radius: 14px; margin: 80px auto; padding: 22px 30px 30px; font-weight: bold; font-family: Helvetica, sans-serif; color: #555; background-color: #fff; border: 4px solid #d6ddee; text-align: left; white-space: normal; }
._premium-lead-popular-d-popup .classic-modal .register-button { border-radius: 10px; }
._premium-lead-popular-d-popup .classic-modal.image-lead-modal { width: 600px; height: 318px; padding: 0; background-color: #d6ddee; }
._premium-lead-popular-d-popup .classic-modal.image-lead-modal div.clickable-area { position: absolute; width: 240px; height: 71px; top: 193px; left: 26px; background-color: #fff; opacity: 0; }
._premium-lead-popular-d-popup .classic-modal.image-lead-modal:hover div.clickable-area { opacity: 0.3; }
._premium-lead-popular-d-popup .classic-modal .close { position: absolute; border-radius: 30px; width: 30px; height: 30px; top: -15px; right: -15px; background-image: url('../images/common/icon_modal_close.png'); background-repeat: no-repeat; background-color: #d6ddee; background-position: 50% 50%; background-size: 20px; cursor: pointer; }
._premium-lead-popular-d-popup .classic-modal .title { line-height: 1.3; font-weight: bold; font-size: 30px; color: #6c81b5; background: none; margin: 10px auto; }
._premium-lead-popular-d-popup .classic-modal .caption { margin: 4px 0 20px; font-size: 18px; }
._premium-lead-popular-d-popup .classic-modal .button-container { display: inline-block; margin: 0 0 6px; padding: 10px 20px; font-family: inherit; font-weight: inherit; font-size: 22px; text-align: left; color: #fff; background-color: #73ab1f; border: none; text-shadow: none; }
._premium-lead-popular-d-popup .classic-modal .button-container + .button-container { margin-top: 10px; }
._premium-lead-popular-d-popup .classic-modal .button-container:hover { text-decoration: none; background-color: #82c123; }
._premium-lead-popular-d-popup .classic-modal .button-container.premium { display: block; background-color: #fd9145; line-height: 1; margin: auto; width: 294px; }
._premium-lead-popular-d-popup .classic-modal .button-container.premium:hover { background-color: #fda05e; }
._premium-lead-popular-d-popup .classic-modal .button-container .label { width: 303px; padding-right: 15px; }

._premium-lead-promotion-banner .clickable-area { background-image: url('../images/premium/lead/character-background.png'); background-repeat: no-repeat; background-size: cover; text-align: center; padding: 4px 0; border-top: solid 1px #d6dee5; border-bottom: solid 1px #d6dee5; }
._premium-lead-promotion-banner .clickable-area img { height: 60px; }
._premium-lead-promotion-banner .clickable-area img.left { margin-right: 22px; }
._premium-lead-promotion-banner .clickable-area img.right { margin-left: 22px; }
._premium-lead-promotion-banner .clickable-area .words { vertical-align: middle; margin-right: 10px; background-color: #fff; font-size: 20px; font-weight: bold; color: #333; box-shadow: 0 0 10px 10px #fff; }
._premium-lead-promotion-banner .clickable-area .words.small { font-size: 16px; }
._premium-lead-promotion-banner .clickable-area .more-button { vertical-align: middle; background-color: #ff6f0f; padding: 9px 16px; border-radius: 4px; color: #fff; font-size: 14px; box-shadow: 0 0 10px 10px #fff; }
._premium-lead-promotion-banner a { display: block; text-decoration: none; }
._premium-lead-promotion-banner a:hover { opacity: 0.7; transition: opacity 0.125s ease-in-out; }

.tags-portal-header + aside ._premium-lead-promotion-banner .clickable-area { border-bottom: none; }

/* Hack for /search.php as the text banner ads shown after the _premium-lead-promotion-banner have 0 margin */
#js-react-search-top ~ ._premium-lead-promotion-banner, #js-react-search-top ~ ._premium-lead-tag-search-bar { margin-bottom: 8px; }

.amazon-title.nologin { font-size: 14px; font-weight: bold; line-height: 1.7; margin: 30px 0 10px 0; border-bottom: 1px solid #D6DEE5; width: 100%; display: block; }

.ads_amazon_outer { margin-left: -7px; margin-right: -7px; background-color: #FFFAED; border: 1px solid #FFE9A7; overflow: hidden; *zoom: 1; }
.ads_amazon_outer.nologin { margin-top: 18px; margin-left: 3px; margin-right: 0; }
.ads_amazon_outer.nologin .ads_amazon li { padding: 7px 13px; }
.ads_amazon_outer .ads_amazon a:hover { text-decoration: none; }
.ads_amazon_outer .ads_amazon li { display: block; padding: 7px 5px; float: left; width: 125px; }
.ads_amazon_outer .ads_amazon li:hover { cursor: pointer; background: #EBF4F8; text-decoration: none; }
.ads_amazon_outer .ads_amazon li :after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
.ads_amazon_outer .ads_amazon #amazon_top_link { display: block; float: right; color: #999; font-size: 10px; margin-right: 8px; }
.ads_amazon_outer .ads_amazon .ads_amazonimage { float: left; width: 120px; height: 120px; padding: 0px; margin: 1px 5px 1px 1px; overflow: hidden; border: 1px solid #EEE; background: #FFF; text-align: center; vertical-align: top; line-height: 46px; position: relative; cursor: pointer; }
.ads_amazon_outer .ads_amazon .ads_amazonimage .no-image { background: #EEE; }
.ads_amazon_outer .ads_amazon .ads_amazonimage img { vertical-align: middle; height: 118px; border: none; }

.amazon_aws_novel.nologin { padding: 0 24pc 3px; text-align: left; }
.amazon_aws_novel.nologin li { width: 144px; }
.amazon_aws_novel.nologin .ads_amazonimage { width: 140px; height: 140px; }
.amazon_aws_novel.nologin .ads_amazon .ads_amazonimage img { height: 138px; }

.ranking-ad { position: absolute; padding: 15px 0; }
.ranking-ad.left { left: 10px; }
.ranking-ad.right { left: 798px; }
.ranking-ad.top-absolute { top: 0; }
.ranking-ad.bottom-absolute { bottom: 0; }
.ranking-ad.fixed .ad-content { position: fixed; top: 0; }
.ranking-ad .ad-content { vertical-align: middle; }

.ad-footer { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; clear: both; overflow: hidden; margin: 0 0 10px; padding: 11px 10px 6px; text-align: center; background-color: #fff; border: 1px solid #d6dee5; }
.ad-footer #ad-footer-inner { margin-left: auto; margin-right: auto; }
.ad-footer iframe { vertical-align: middle; }

html.special-logo .header-logo ._pixiv-logo { display: none; }

.header-logo #logoMap { display: none; }
html.special-logo .header-logo #logoMap { display: block; }

.bigbanner iframe { display: block; margin: 40px auto; }

.ads-branding-under { margin-top: 10px; }
.ads-branding-under iframe { display: none; }

.branding-under .ads-branding-under iframe { display: block; }

.ads-top-info iframe { display: none; margin-bottom: 10px; }

.top-info .ads-top-info iframe { display: block; }

.ads-optout-container { padding: 16px; font-size: 14px; }
.ads-optout-container header { width: 600px; margin: 0 auto; }
.ads-optout-container header h1 { margin: 25px 0; font-size: 20px; font-weight: bold; line-height: 1; }
.ads-optout-container p { line-height: 1.56; margin: 20px 0; }
.ads-optout-container ol { list-style: decimal inside; }
.ads-optout-container ol, .ads-optout-container ul { margin: 40px 0; }
.ads-optout-container ol li, .ads-optout-container ul li { line-height: 1.56; }
.ads-optout-container ul { list-style: inside; }
.ads-optout-container section { width: 600px; margin: 20px auto; }
.ads-optout-container section header h1 { font-size: 18px; margin: 40px 0 25px; }
.ads-optout-container .preference { margin: 0 auto; padding: 30px 0; border-top: dotted 1px #cccccc; border-bottom: dotted 1px #cccccc; }
.ads-optout-container .preference .state { width: 600px; margin: 20px auto; text-align: center; font-weight: bold; }
.ads-optout-container .toggle-button { display: block; width: 220px; height: 36px; margin: 20px auto; background-color: #0096fa; border-radius: 18px; font-weight: bold; font-size: 14px; line-height: 1; color: #ffffff; border: none; }
.ads-optout-container .toggle-button.disable { background: #f5f5f5; color: #666666; }
.ads-optout-container .caution ul { list-style: inside; }
.ads-optout-container .caution ul li { line-height: 1.56; }
.ads-optout-container .caution ol { list-style: decimal inside; }
.ads-optout-container .caution ol li { margin-bottom: 20px; }

@media (max-width: 970px) { .ads-optout-container header, .ads-optout-container section { font-size: 20px; width: auto; margin: 0; }
  .ads-optout-container > header h1 { font-size: 28px; }
  .ads-optout-container > section header h1 { font-size: 24px; }
  ._unit { border-radius: 0; margin: 0; } }
.autopagerize_page_separator { clear: both; padding-top: 50px; margin-bottom: 50px; border: none; border-bottom: 3px dashed #eee; }

.autopagerize_page_info { display: none; }

.ad-clipstudio { text-align: center; padding: 20px 0; display: block; }
.ad-clipstudio .limit { display: inline-block; font-size: 24px; padding: 3px 10px 0; color: white; background-color: red; border-radius: 5px; text-shadow: none; margin-bottom: 5px; }
.ad-clipstudio .clipstudio-title { display: inline-block; color: black; font-weight: bold; font-size: 15px; }
.ad-clipstudio .clipstudio-text { color: black; display: inline-block; }
.ad-clipstudio img { margin-top: 5px; }

.upload.ad-clipstudio { border-top: 1px solid #d6dee5; margin-bottom: -5px; }
.upload.ad-clipstudio .limit { margin-right: 20px; font-size: 16px; padding: 5px 10px 3px; }
.upload.ad-clipstudio .clipstudio-title { font-size: 16px; }
.upload.ad-clipstudio .clipstudio-text { font-size: 16px; }
.upload.ad-clipstudio img { margin-top: 0; margin-right: 20px; }

.ad-printservice { text-align: center; padding: 20px 0; display: block; }
.ad-printservice .limit { display: inline-block; font-size: 20px; padding: 3px 10px 0; color: white; background-color: red; border-radius: 5px; text-shadow: none; }
.ad-printservice .trip { display: inline-block; font-size: 20px; padding: 3px 10px 0; color: #555; font-weight: bold; border-radius: 5px; text-shadow: none; }
.ad-printservice .printservice-title { display: inline-block; color: black; font-weight: bold; font-size: 15px; }
.ad-printservice .printservice-text { color: black; display: inline-block; }
.ad-printservice img { margin-top: 5px; }

.upload.ad-printservice { border-top: 1px solid #d6dee5; background: #F0F7DA; }
.upload.ad-printservice .limit { margin-right: 20px; font-size: 16px; padding: 4px 10px 1px; }
.upload.ad-printservice .printservice-title { font-size: 16px; }
.upload.ad-printservice .printservice-text { font-size: 16px; }
.upload.ad-printservice img { margin-top: 0; margin-right: 20px; }

.upload.ad-pixiv-market3 { display: block; text-align: center; background: #50b8e6; }

div#column-misc .iracon-ad a { display: block; background: url(/source/images/special/fujixpixiv/logo_fujixpixiv.png) no-repeat; background-color: white; margin-top: 10px; background-position: 11px 13px; padding-top: 50px; text-align: center; border-radius: 5px; overflow: hidden; text-decoration: none; }
div#column-misc .iracon-ad a span { display: block; font-weight: bold; font-size: 14px; padding: 3px 0; background-color: #ff2969; color: white; }
div#column-misc .iracon-ad a:hover span { background-color: #fff100; color: #289bd6; }

._user-input-modal { position: fixed; z-index: 10000; overflow: auto; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(31, 33, 36, 0.5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f1f2124,endColorstr=#7f1f2124)"; }
._user-input-modal .close { opacity: .5; position: fixed; top: 18px; right: 24px; width: 16px; height: 16px; cursor: pointer; }
._user-input-modal .close:hover { opacity: 1; }
._user-input-modal .content { position: relative; margin: 10px auto; }

._reply-to { border-radius: 3px; display: inline-block; margin: 5px; padding: 0 0 0 5px; font-size: 12px; color: #555; border: 1px solid #d6dee5; background-color: #f2f4f6; }
._reply-to .action-cancel-reply { display: inline-block; width: 8px; height: 18px; margin-left: 5px; padding: 0 8px; vertical-align: -5px; background: url('../images/inline/close.png') no-repeat 50% 50%; border-left: 1px dashed #d6dee5; cursor: pointer; }

._comment-form { overflow: hidden; width: 420px; background-color: #f2f4f6; border: 1px solid #d6dee5; border-radius: 5px; }
._comment-form .tabs { padding: 0 !important; border-bottom: 1px solid #d6dee5; }
._comment-form .tabs li { display: inline-block; position: relative; margin: 0; padding: 10px; font-weight: bold; line-height: 1; vertical-align: top; background-color: #fff; border-right: 1px solid #d6dee5; cursor: pointer; }
._comment-form .tabs ._current { margin-bottom: -1px; padding-bottom: 11px; cursor: auto; }
._comment-form .tab-comment:before, ._comment-form .tab-sticker:before { position: absolute; top: 9px; left: 10px; color: #b8e1f7; font-size: 16px; line-height: 1; }
._comment-form .tab-comment { padding-left: 29px !important; }
._comment-form .tab-comment:before { font-family: PixivIconsRegular; content: "b"; }
._comment-form .tab-sticker { padding-left: 27px !important; }
._comment-form .tab-sticker:before { font-family: PixivIconsRegular; content: "C"; }
._comment-form .tab-content-comment { position: relative; background-color: #fff; }
._comment-form textarea { display: block; -webkit-appearance: none; box-sizing: border-box; width: 100%; height: 76px; padding: 5px; font-size: 14px; line-height: 22px; border: none; }
._comment-form textarea:focus { background-color: #fff; }
._comment-form .functions { position: absolute; bottom: 3px; left: 3px; }
._comment-form .functions li { display: inline-block; padding: 0 15px; line-height: 26px; font-weight: bold; color: #777; border-right: 1px solid #d6dee5; }
._comment-form .functions li._current { border-radius: 3px; background-color: #f5f5f5; border-right-color: #fff; }
._comment-form .functions li._current:hover { background-color: #f8f8f8; }
._comment-form .emoji-list { padding-left: 6px; padding-top: 6px; padding-bottom: 14px; border-top: 1px dashed #d6dee5; }
._comment-form .emoji-list li { display: inline; }
._comment-form .emoji { display: inline-block; margin: 8px 0 0 8px; cursor: pointer; }
._comment-form .emoji:hover { outline: 3px solid #ddd; }
._comment-form .submit-container { margin: 0; padding: 3px; text-align: right; border-top: 1px dashed #d6dee5; }
._comment-form .submit-button { border-radius: 3px; }
._comment-form .sticker-list { padding-left: 5px; padding-top: 5px; padding-bottom: 15px; background-color: #fff; }
._comment-form .tab-content-sticker .disabler { display: none; width: 420px; height: 184px; position: absolute; top: 34px; background: white; opacity: 0.9; }
._comment-form .tab-content-sticker .disabler .bar { height: 5px; width: 100%; background: #b8e1f7; position: absolute; bottom: 0; }
._comment-form .tab-content-sticker.sending .disabler { display: block; }
._comment-form .sticker { display: inline-block; margin: 10px 0 0 10px; cursor: pointer; }
._comment-form .sticker:hover { outline: 3px solid #ddd; }
._comment-form .sticker-type-list { text-align: center; border-top: 1px solid #d6dee5; }
._comment-form .sticker-type-list li { display: inline-block; padding: 4px 15px; line-height: 24px; background-color: #fff; border-right: 1px solid #d6dee5; cursor: pointer; }
._comment-form .sticker-type-list li:first-child { border-left: 1px solid #d6dee5; }
._comment-form .sticker-type-list li._current { margin-top: -1px; padding-top: 5px; cursor: auto; }
._comment-form .sticker-type-list li img { vertical-align: top; }

._comment-form-container { padding-top: 0 !important; border: none !important; }

._comment-item { display: flex; position: relative; min-height: 40px; margin: 0 20px; padding: 13px 0 24px; border-top: 1px solid #e2e9ed; }
._comment-item .profile-icon { flex: none; }
._comment-item .comment { overflow: visible; padding: 0 110px 0 60px; }
._comment-item hr { clear: both; height: 0; }
._comment-item .header { position: relative; padding: 0 20px; }
._comment-item .header:before { content: ""; display: block; position: absolute; left: -8px; right: auto; top: 50%; margin-top: -8px; width: 0; height: 0; border-width: 8px; border-left-width: 0; border-color: transparent #d6dee5; border-style: solid; }
._comment-item .header:after { content: ""; display: block; position: absolute; left: -6px; right: auto; top: 50%; margin-top: -7px; width: 0; height: 0; border-width: 7px; border-left-width: 0; border-color: transparent #fff; border-style: solid; }
._comment-item .header:before { left: 12px; top: 17px; }
._comment-item .header:after { left: 14px; top: 17px; }
._comment-item .meta { margin-bottom: 5px; line-height: 1; }
._comment-item .user-name { font-weight: bold; margin-right: 2px; }
._comment-item .date { color: #bbb; }
._comment-item .body { text-align: justify; font-size: 14px; line-height: 18px; }
._comment-item .emoji-text { margin-left: 2px; vertical-align: -8px; }
._comment-item .action-list { padding-top: 3px; font-size: 11px; line-height: 1; }
._comment-item .action-list li { color: #258fb8; }
._comment-item:hover .action-list li { color: #258fb8; }
._comment-item.host-user ._user-icon { right: 0; left: auto; }
._comment-item.host-user .meta { text-align: right; }
._comment-item.host-user .comment { padding: 0 60px 0 110px; }
._comment-item.host-user .body { float: right; max-width: 100%; }
._comment-item.host-user .sticker-container { position: relative; text-align: right; }
._comment-item.host-user .action-list { clear: both; text-align: right; }
._comment-item.host-user .reply-to { display: block; text-align: right; }

._comment-sticker-item { margin: 0 20px; padding: 20px 0; border-top: 1px solid #e2e9ed; }
._comment-sticker-item ._item-actions { display: none; top: 2px; right: 2px; }
._comment-sticker-item ._item-actions .item { margin-left: 2px; }
._comment-sticker-item .sticker-item { display: inline-block; position: relative; }
._comment-sticker-item .sticker-item:hover ._item-actions { display: block; }
._comment-sticker-item ._user-icon { position: absolute; top: 2px; left: 2px; border: 1px solid #fff; }
._comment-sticker-item.sticker-3-item { padding-top: 14px; }
._comment-sticker-item.sticker-3-item .sticker-item { margin-top: 6px; vertical-align: top; }
._comment-sticker-item.sticker-3-item .sticker-item + .sticker-item { margin-left: 6px; }
._comment-sticker-item.sticker-3-item .sticker-item:nth-child(3n+1) { margin-left: 0; }
._comment-sticker-item.sticker-4-item { padding-top: 12px; }
._comment-sticker-item.sticker-4-item .sticker-item { margin-top: 8px; vertical-align: top; }
._comment-sticker-item.sticker-4-item .sticker-item + .sticker-item { margin-left: 8px; }
._comment-sticker-item.sticker-4-item .sticker-item:nth-child(4n+1) { margin-left: 0; }
._comment-sticker-item.sticker-5-item { padding-top: 12px; }
._comment-sticker-item.sticker-5-item .sticker-item { margin-top: 8px; vertical-align: top; }
._comment-sticker-item.sticker-5-item .sticker-item + .sticker-item { margin-left: 8px; }
._comment-sticker-item.sticker-5-item .sticker-item:nth-child(5n+1) { margin-left: 0; }
._comment-sticker-item.sticker-6-item { padding-top: 14px; }
._comment-sticker-item.sticker-6-item .sticker-item { margin-top: 6px; vertical-align: top; }
._comment-sticker-item.sticker-6-item .sticker-item + .sticker-item { margin-left: 6px; }
._comment-sticker-item.sticker-6-item .sticker-item:nth-child(6n+1) { margin-left: 0; }

._comment-modal .content { width: 532px; margin: 150px auto; }
._comment-modal ._reply-to { margin-bottom: 0; padding-right: 5px; }
._comment-modal ._comment-item, ._comment-modal .sticker-item { margin: 0; padding: 20px !important; background-color: #f2f4f6; }
._comment-modal ._comment-item:first-child, ._comment-modal .sticker-item:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; }
._comment-modal ._comment-item:last-child, ._comment-modal .sticker-item:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
._comment-modal ._comment-item + ._comment-form-container, ._comment-modal .sticker-item + ._comment-form-container { position: relative; }
._comment-modal ._comment-item + ._comment-form-container:before, ._comment-modal .sticker-item + ._comment-form-container: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: #fff transparent; border-style: solid; }
._comment-modal ._comment-item + ._comment-form-container:before, ._comment-modal .sticker-item + ._comment-form-container:before { left: 20px; }
._comment-modal ._comment-item._comment-form-container, ._comment-modal .sticker-item._comment-form-container { background-color: #fff; }
._comment-modal .sticker-item { position: relative; }
._comment-modal ._comment-item.host-user ._user-icon { left: auto; right: 20px; }
._comment-modal ._user-icon { left: 20px; }
._comment-modal .comment { margin: 0 !important; }
._comment-modal ._item-actions, ._comment-modal .action-cancel-reply, ._comment-modal .action-list { display: none; }

._work-detail-unit { *zoom: 1; }
._work-detail-unit:after { content: ""; display: table; clear: both; }
._work-detail-unit .response-container .layout-column-1 { float: left; width: 532px; }
._work-detail-unit .response-container .layout-column-2 { float: right; width: 190px; }
._work-detail-unit .more-comment { margin: 10px 20px 20px; }

._work-shortcut-help dd + dt::before { color: #f7f8fa; }

._mypage-fanbox { margin-top: 0; padding: 0 10px; }
._mypage-fanbox .mf__landing { display: block; width: 510px; height: 80px; margin: 20px auto 0; background-size: cover; background-position: center center; background-color: #000; box-sizing: border-box; text-decoration: none; border-radius: 5px; overflow: hidden; }
._mypage-fanbox .mf__landing .cover { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
._mypage-fanbox .mf__landing .mf__sub-title { display: block; margin-top: -67px; color: #fff; font-size: 12px; line-height: 1; font-weight: bold; text-align: center; }
._mypage-fanbox .mf__landing .mf__logo { display: block; width: 222px; height: 30px; margin: 10px auto 0; }
._mypage-fanbox .mf__heading { padding: 15px 0; font-size: 14px; font-weight: bold; }
._mypage-fanbox .mf__heading a { color: inherit; }
._mypage-fanbox .mf__list { display: flex; margin-bottom: 15px; overflow-x: auto; }
._mypage-fanbox .mf__list ._classic-fanbox-entry + ._classic-fanbox-entry { margin-left: 16px; }
._mypage-fanbox ._classic-fanbox-creator { text-align: center; flex-shrink: 0; }
._mypage-fanbox ._classic-fanbox-creator + ._classic-fanbox-creator { margin-left: 5px; }
._mypage-fanbox .mf__creator { display: flex; align-items: flex-end; justify-content: center; width: 160px; height: 90px; background-repeat: no-repeat; background-size: cover; background-color: #eee; background-position: center center; border-radius: 4px; }
._mypage-fanbox .mf__creator-icon { width: 50px; height: 50px; border-radius: 50%; background-repeat: no-repeat; background-size: cover; border: 2px solid #fff; margin-bottom: -10px; background-color: #eee; background-position: center center; }
._mypage-fanbox .mf__creator-name { display: inline-block; max-width: 160px; margin-top: 10px; font-weight: bold; font-size: 12px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.mypage-footer-comic { margin-bottom: 10px; }
.mypage-footer-comic a:hover { text-decoration: none; }
.mypage-footer-comic h1 { font-size: 14px; font-weight: bold; }
.mypage-footer-comic.comic-works { padding: 16px; }
.mypage-footer-comic.comic-works .see-more { color: #999; font-weight: normal; font-size: 12px; float: right; position: relative; padding-right: 6px; }
.mypage-footer-comic.comic-works .see-more::before, .mypage-footer-comic.comic-works .see-more::after { content: ''; background: #999; width: 2px; height: 7px; position: absolute; top: 4px; right: 0; transform-origin: top left; }
.mypage-footer-comic.comic-works .see-more::before { transform: rotateZ(-45deg); border-radius: 0 0 2px 0; }
.mypage-footer-comic.comic-works .see-more::after { transform: rotateZ(45deg) translateX(5px) translateY(-2px); border-radius: 0 2px 0 0; }
.mypage-footer-comic.comic-works > h1 { margin-bottom: -8px; position: relative; }
.mypage-footer-comic.comic-works > h1 img { width: 200px; }
.mypage-footer-comic.comic-works .works-list { background: #f5f5f5; display: inline-block; height: 290px; padding: 16px 20px; box-sizing: border-box; overflow: hidden; vertical-align: top; }
.mypage-footer-comic.comic-works .works-list h1 { margin-bottom: 12px; }
.mypage-footer-comic.comic-works .works-list .comic-title, .mypage-footer-comic.comic-works .works-list .comic-author { text-align: center; width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 4px; box-sizing: border-box; }
.mypage-footer-comic.comic-works .works-list .comic-title { color: #258fb8; font-weight: bold; margin-top: 4px; }
.mypage-footer-comic.comic-works .works-list .comic-author { color: #999999; line-height: 1; }
.mypage-footer-comic.comic-works .works-list.new-comics { width: 351px; margin-right: 4px; }
.mypage-footer-comic.comic-works .works-list.new-comics li { width: 152px; }
.mypage-footer-comic.comic-works .works-list.new-comics img { width: 144px; height: 200px; }
.mypage-footer-comic.comic-works .works-list.popular-comics { width: 581px; }
.mypage-footer-comic.comic-works .works-list.popular-comics ul { overflow: auto; }
.mypage-footer-comic.comic-works .works-list.popular-comics li { width: 120px; }
.mypage-footer-comic.comic-works .works-list.popular-comics img { width: 112px; height: 160px; }
.mypage-footer-comic.comic-works .works-list img { border: solid 4px #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
.mypage-footer-comic.comic-works .works-list ul { white-space: nowrap; }
.mypage-footer-comic.comic-works .works-list li { display: inline-block; margin-right: 8px; position: relative; }
.mypage-footer-comic.comic-labels h1 { padding: 10px 10px 0; }
.mypage-footer-comic.comic-labels .ad-list { padding: 8px 49px; }
.mypage-footer-comic.comic-labels .ad-list > li { display: inline-block; margin: 8px; }

._mypage-showcase { margin-top: 0; padding: 0 10px; }
._mypage-showcase .showcase-article { display: block; position: relative; overflow: hidden; border-radius: 4px; background-size: cover; background-position: top center; background-repeat: no-repeat; }
._mypage-showcase .showcase-article::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.02); }
._mypage-showcase .mf__list { display: flex; justify-content: space-between; flex-wrap: wrap; width: 510px; }
._mypage-showcase .mf__list .list-item { text-align: center; width: 250px; margin-bottom: 10px; }
._mypage-showcase .mf__list .showcase-article { width: 250px; height: 128px; margin-bottom: 6px; }
._mypage-showcase .mf__list .title { line-height: 16px; font-weight: bold; font-size: 12px; color: #333; }

._mypage-pixivision { margin-top: 0; padding: 0 10px; }
._mypage-pixivision .pixivision-article { display: block; position: relative; overflow: hidden; border-radius: 4px; background-size: cover; background-position: top center; background-repeat: no-repeat; }
._mypage-pixivision .pixivision-article::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.02); }
._mypage-pixivision .pixivision__list { display: flex; justify-content: space-between; flex-wrap: wrap; width: 510px; }
._mypage-pixivision .pixivision__list .list-item { width: 250px; text-align: center; margin-bottom: 10px; }
._mypage-pixivision .pixivision__list .pixivision-article { width: 250px; height: 128px; margin-bottom: 6px; }
._mypage-pixivision .pixivision__list .title { line-height: 16px; color: #333; font-weight: bold; font-size: 12px; }

._pixivision-icon { height: 16px; }

/* senseiのイラスト講座 */
/** NOTICE: 講座を表示しているのに.sensei-coursesなのは変に見えるが、data-nameとclassが一致していないと、mypageのボタンの挙動が狂うのでのでこうしておく（data-nameを変えると順序を格納するCookieと齟齬が出る） */
#item-container .sensei-courses .content { width: 100%; margin-top: 15px; }
#item-container .sensei-courses .content .sensei-caption { width: 100%; background: #333; border-radius: 5px; text-align: center; color: #fff; padding: 12px 0; position: relative; font-size: 14px; margin-bottom: 15px; }
#item-container .sensei-courses .content .sensei-caption-balloon-tip { position: absolute; display: block; top: 100%; left: 50%; margin-left: -9px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #333; }
#item-container .sensei-courses .content .sensei-caption-close-button { position: absolute; top: 12px; right: 12px; cursor: pointer; opacity: 0.75; }
#item-container .sensei-courses .content .sensei-caption-close-button:hover { opacity: 1.0; }
#item-container .sensei-courses .content .sensei-caption-close-button .sensei-caption-close-icon { font-family: PixivIconsRegular; }
#item-container .sensei-courses .content .sensei-lesson { padding: 12px 15px; }
#item-container .sensei-courses .content .sensei-lesson .sensei-lesson-course { margin-bottom: 15px; vertical-align: middle; }
#item-container .sensei-courses .content .sensei-lesson .sensei-lesson-course .course-type-badge { display: inline; padding: 4px 8px; margin-right: 10px; color: #fff; font-size: 0.8rem; border-radius: 4px; font-weight: 600; }
#item-container .sensei-courses .content .sensei-lesson .sensei-lesson-course .course-type-badge.basic { background-color: #77d91c; }
#item-container .sensei-courses .content .sensei-lesson .sensei-lesson-course .course-type-badge.advance { background-color: #ffa500; }
#item-container .sensei-courses .content .sensei-lesson .sensei-lesson-course a { font-weight: bold; }
#item-container .sensei-courses .content .sensei-lesson .sensei-lesson-row { display: flex; }
#item-container .sensei-courses .content .sensei-lesson .sensei-lesson-row .sensei-lesson-thumbnail { max-width: 50%; }
#item-container .sensei-courses .content .sensei-lesson .sensei-lesson-row .sensei-lesson-thumbnail > a { display: block; width: 100%; position: relative; }
#item-container .sensei-courses .content .sensei-lesson .sensei-lesson-row .sensei-lesson-thumbnail > a:hover { opacity: 0.7; }
#item-container .sensei-courses .content .sensei-lesson .sensei-lesson-row .sensei-lesson-thumbnail > a > .sensei-lesson-thumbnail-play-button { position: absolute; width: 40px; height: 40px; top: 50%; left: 50%; margin: -20px 0 0 -20px; }
#item-container .sensei-courses .content .sensei-lesson .sensei-lesson-row .sensei-lesson-thumbnail > a > .sensei-lesson-thumbnail-play-button > img { width: 100%; height: 100%; }
#item-container .sensei-courses .content .sensei-lesson .sensei-lesson-row .sensei-lesson-description { flex: 1; padding: 0 0 0 20px; }
#item-container .sensei-courses .content .sensei-lesson .sensei-lesson-row .sensei-lesson-description h2 { font-size: 1.3rem; margin-bottom: 5px; font-weight: 600; padding: 0; }
#item-container .sensei-courses .content .sensei-lesson .sensei-lesson-row .sensei-lesson-description h2 a:hover { text-decoration: underline; }
#item-container .sensei-courses .content .sensei-lesson .sensei-lesson-row .sensei-lesson-description ul li { margin-bottom: 5px; padding-left: 12px; background-image: url("/common/images/sensei/icon-dot.svg"); background-position: 0 5px; background-repeat: no-repeat; background-size: 8px 9px; list-style-position: inside; }
#item-container .sensei-courses .content div a:hover { text-decoration: none; }
#item-container .sensei-courses .content .lesson-title-wrapper { margin-top: 5px; vertical-align: middle; }
#item-container .sensei-courses .information { margin: 10px 0 25px 0; padding: 12px; border-radius: 8px; background-color: #f2f4f6; text-align: center; }
#item-container .sensei-courses .information .see-more { display: inline-block; margin-bottom: 8px; padding: 8px 20px 6px; border-radius: 4px; font-size: 16px; font-weight: 600; color: #fff; background-color: #48C1ED; box-shadow: 0 3px #3692B3; }
#item-container .sensei-courses .information .see-more:hover { text-decoration: none; background-color: #38B1DD; box-shadow: 0 3px #3692B3; }
#item-container .sensei-courses .information .registration a { font-weight: bold; }

.standard-tag div { display: inline-block; width: 172px; margin: 10px 0; vertical-align: top; }
.standard-tag h1 { text-align: center; font-size: 16px; margin: 20px 0 10px; }
.standard-tag .tag-image, .standard-tag .tag-name { display: table-cell; }
.standard-tag .tag-image img { width: 50px; margin-right: 10px; }
.standard-tag .tag-name { vertical-align: middle; font-size: 16px; word-break: break-all; }
.standard-tag section { margin: 0; border: 0; padding: 0; }

._contests__subheader { margin-bottom: 10px; margin-top: 15px; font-weight: bold; font-size: 12px; line-height: 18px; color: #555555; }

._contests__thumbnail { height: 148px; width: 148px; object-fit: cover; border-radius: 4px; }

._contests__slide-show-container { display: flex; flex-wrap: nowrap; justify-content: flex-end; height: 180px; width: calc(100% + 20px); margin-left: -10px; overflow: hidden; }

._contests__item { position: relative; display: block; flex-shrink: 0; height: 100%; width: 100%; overflow: hidden; transition: margin-right 0.5s; }

._contests__item:nth-child(1).active ~ :nth-child(1):last-child { margin-right: 0%; }
._contests__item:nth-child(1).active ~ :nth-child(2):last-child { margin-right: -100%; }
._contests__item:nth-child(1).active ~ :nth-child(3):last-child { margin-right: -200%; }
._contests__item:nth-child(1).active ~ :nth-child(4):last-child { margin-right: -300%; }
._contests__item:nth-child(1).active ~ :nth-child(5):last-child { margin-right: -400%; }

._contests__item:nth-child(2).active ~ :nth-child(1):last-child { margin-right: 100%; }
._contests__item:nth-child(2).active ~ :nth-child(2):last-child { margin-right: 0%; }
._contests__item:nth-child(2).active ~ :nth-child(3):last-child { margin-right: -100%; }
._contests__item:nth-child(2).active ~ :nth-child(4):last-child { margin-right: -200%; }
._contests__item:nth-child(2).active ~ :nth-child(5):last-child { margin-right: -300%; }

._contests__item:nth-child(3).active ~ :nth-child(1):last-child { margin-right: 200%; }
._contests__item:nth-child(3).active ~ :nth-child(2):last-child { margin-right: 100%; }
._contests__item:nth-child(3).active ~ :nth-child(3):last-child { margin-right: 0%; }
._contests__item:nth-child(3).active ~ :nth-child(4):last-child { margin-right: -100%; }
._contests__item:nth-child(3).active ~ :nth-child(5):last-child { margin-right: -200%; }

._contests__item:nth-child(4).active ~ :nth-child(1):last-child { margin-right: 300%; }
._contests__item:nth-child(4).active ~ :nth-child(2):last-child { margin-right: 200%; }
._contests__item:nth-child(4).active ~ :nth-child(3):last-child { margin-right: 100%; }
._contests__item:nth-child(4).active ~ :nth-child(4):last-child { margin-right: 0%; }
._contests__item:nth-child(4).active ~ :nth-child(5):last-child { margin-right: -100%; }

._contests__item:nth-child(5).active ~ :nth-child(1):last-child { margin-right: 400%; }
._contests__item:nth-child(5).active ~ :nth-child(2):last-child { margin-right: 300%; }
._contests__item:nth-child(5).active ~ :nth-child(3):last-child { margin-right: 200%; }
._contests__item:nth-child(5).active ~ :nth-child(4):last-child { margin-right: 100%; }
._contests__item:nth-child(5).active ~ :nth-child(5):last-child { margin-right: 0%; }

._contests__item-fg { position: absolute; z-index: 1; top: 0; left: 0; display: flex; height: 100%; width: 100%; padding: 16px 16px; box-sizing: border-box; pointer-events: none; background-color: rgba(0, 0, 0, 0.32); }

._contests__item-bg { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; filter: blur(16px); background-position: center; background-size: cover; background-repeat: no-repeat; }
._contests__item-bg:hover ~ ._contests__item-fg { opacity: 0.8; }

._contests__item-description { display: inline-flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; flex-grow: 1; margin-left: 16px; }

._contests__item-title { margin-bottom: 12px; font-size: 16px; line-height: 24px; font-weight: bold; color: #ffffff; }

._contests__show-result-button { padding: 9px 24px; font-size: 14px; line-height: 22px; font-weight: bold; color: #ffffff; border-radius: 1000000000px; background-color: rgba(0, 0, 0, 0.48); cursor: pointer; user-select: none; pointer-events: auto; }
._contests__show-result-button:hover { text-decoration: none; opacity: 0.8; }

._contests__slide-show-dots { display: flex; justify-content: center; }
._contests__slide-show-dots.no-page { display: none; }

._contests__dot-container { display: flex; justify-content: center; }

._contests__dot { padding: 16px 4px; cursor: pointer; }
._contests__dot.active ._contests__dot-solid { background-color: #5c5c5c; }

._contests__dot-solid { width: 8px; height: 8px; border-radius: 100%; background-color: #ebebeb; }

/**
mypage内のコンテストセクションの古いスタイル
新しいクラスにスタイルを当てるときは`_mypage-contests`の方でやる
*/
/*-portal-*/
.reguler-contest .session-contestarea .session-contest li { padding: 15px; background-color: #ffffff; }
.reguler-contest .session-contestarea .session-contest li img { float: left; }
.reguler-contest .session-contestarea .session-contest li .list-detail { float: left; width: 502px; margin: 10px 0 0 10px; }
.reguler-contest .session-contestarea .session-contest li .list-detail h3 { font-size: 19px; margin-bottom: 8px; font-weight: bold; }
.reguler-contest .session-contestarea .session-contest li .list-detail p { font-size: 14px; }
.reguler-contest .session-contestarea .session-contest li .list-detail p img { margin-right: 4px; }

.reguler-contest .result-contestarea .result-contest li { min-height: 80px; padding: 15px 0; border-bottom: 1px solid #cccccc; }
.reguler-contest .result-contestarea .result-contest li img { position: absolute; }
.reguler-contest .result-contestarea .result-contest li .detail { padding-left: 81px; width: 106px; margin-left: 4px; }
.reguler-contest .result-contestarea .result-contest li .detail h3 { font-weight: bold; font-size: 12px; }
.reguler-contest .result-contestarea .result-contest li .detail dt { display: inline-block; margin: 6px 6px 0 0; }
.reguler-contest .result-contestarea .result-contest li .detail dd { display: inline-block; margin-top: 6px; }

.reguler-contest .session-contestarea .session-contest li .start-contest-badge, .reguler-contest .session-contestarea .session-contest li .period-badge, .reguler-contest .session-contestarea .session-contest li .nearbyclose-badge { -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; height: 80px; width: 80px; float: left; }
.reguler-contest .session-contestarea .session-contest li .start-contest-badge p, .reguler-contest .session-contestarea .session-contest li .period-badge p, .reguler-contest .session-contestarea .session-contest li .nearbyclose-badge p { text-align: center; font-size: 16px; font-weight: bold; color: #ffffff; margin: 16px 0; }

.reguler-contest .session-contestarea .session-contest .title, .reguler-contest .result-contestarea .result-contest .result-title, .topic-result-contest .topic-result-contest-area h2, .new-result-contest .new-result-contest-area h2 { font-size: 20px; padding-left: 10px; font-weight: bold; }

.reguler-contest { width: 970px; padding-bottom: 20px; }
.reguler-contest .session-contestarea { width: 740px; position: relative; float: left; margin-top: 20px; }
.reguler-contest .session-contestarea .session-contest { width: 706px; margin: 0 auto; }
.reguler-contest .session-contestarea .session-contest .title { margin-bottom: 10px; }
.reguler-contest .session-contestarea .session-contest .title .clear { clear: both; }
.reguler-contest .session-contestarea .session-contest .title.new { border-left: 10px solid #f98000; }
.reguler-contest .session-contestarea .session-contest .title.new .new { color: #f98000; display: inline-block; }
.reguler-contest .session-contestarea .session-contest .title.new p { display: inline-block; }
.reguler-contest .session-contestarea .session-contest .title.sesstion { margin-top: 20px; border-left: 10px solid #00bd8e; }
.reguler-contest .session-contestarea .session-contest .title.sesstion .sesstion { color: #00bd8e; display: inline-block; }
.reguler-contest .session-contestarea .session-contest .title.sesstion p { display: inline-block; }
.reguler-contest .session-contestarea .session-contest .title.near { margin-top: 20px; border-left: 10px solid #e34533; }
.reguler-contest .session-contestarea .session-contest .title.near .near { color: #e34533; display: inline-block; }
.reguler-contest .session-contestarea .session-contest .title.near p { display: inline-block; }
.reguler-contest .session-contestarea .session-contest .contest-new-badge { width: 40px; float: left; background-color: #e34533; margin: 4px 4px 4px 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.reguler-contest .session-contestarea .session-contest .contest-new-badge p { text-align: center; color: #ffffff; }
.reguler-contest .session-contestarea .session-contest li .start-contest-badge { background-color: #f98000; }
.reguler-contest .session-contestarea .session-contest li .period-badge { background-color: #00bd8e; }
.reguler-contest .session-contestarea .session-contest li .nearbyclose-badge { background-color: #e34533; }
.reguler-contest .session-contestarea .session-contest li:nth-child(2n+1) { background-color: #f3f6f6; }
.reguler-contest .result-contestarea { width: 228px; position: relative; float: left; margin-top: 20px; border-left: 1px solid #ccc; }
.reguler-contest .result-contestarea .result-contest { width: 190px; margin: 0 auto; }
.reguler-contest .result-contestarea .result-contest .result-title { border-left: 10px solid #e34533; color: #e34533; margin-bottom: 10px; }
.reguler-contest .result-contestarea .result-contest li:nth-last-child(1) { border-bottom: 1px solid #ffffff; }
.reguler-contest .result-contestarea .result-contest .more-btn { display: inline-block; padding: 4px 6px; border: 1px solid #258fb8; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 13px; float: right; margin-top: 10px; }
.reguler-contest .result-contestarea .result-contest .more-btn:before { content: "▶︎"; }

/*-result-*/
.result-title-bar { position: relative; left: -10px; padding-top: 20px; }

.topic-result-contest { margin-top: 20px; height: 420px; border-bottom: 1px solid #ccc; }
.topic-result-contest .topic-result-contest-area { width: 888px; margin: 0 auto; }
.topic-result-contest .topic-result-contest-area h2 { border-left: 10px solid #f98000; margin-bottom: 10px; }
.topic-result-contest .topic-result-contest-area h2 .topic { color: #f98000; float: left; }
.topic-result-contest .topic-result-contest-area li { width: 210px; float: left; margin: 24px 42px 0 42px; }
.topic-result-contest .topic-result-contest-area li h3 { font-size: 16px; font-weight: bold; margin: 10px 0; }
.topic-result-contest .topic-result-contest-area li dl { float: right; font-size: 14px; font-weight: bold; }
.topic-result-contest .topic-result-contest-area li dl dt { float: left; margin-right: 8px; }
.topic-result-contest .topic-result-contest-area li dl dd { float: left; }

.new-result-contest { margin-top: 30px; padding-bottom: 40px; }
.new-result-contest .new-result-contest-area { width: 888px; margin: 0 auto; }
.new-result-contest .new-result-contest-area h2 { border-left: 10px solid #e34533; margin-bottom: 10px; }
.new-result-contest .new-result-contest-area h2 .new { color: #e34533; float: left; }
.new-result-contest .new-result-contest-area li { width: 154px; float: left; height: 263px; margin: 20px 33px 20px 33px; }
.new-result-contest .new-result-contest-area li .contest-new-badge { width: 40px; float: left; background-color: #e34533; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; top: 14px; right: 4px; }
.new-result-contest .new-result-contest-area li .contest-new-badge p { text-align: center; color: #ffffff; }
.new-result-contest .new-result-contest-area li h3 { font-size: 14px; font-weight: bold; margin: 6px 0; }
.new-result-contest .new-result-contest-area li dl { float: right; font-size: 12px; font-weight: bold; }
.new-result-contest .new-result-contest-area li dl dt { float: left; margin-right: 8px; }
.new-result-contest .new-result-contest-area li dl dd { float: left; }
.new-result-contest .more-btn { float: right; margin: 10px 25px 10px 0; padding: 4px 6px; border: 1px solid #258fb8; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 13px; }

.clearfix:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; }

/*-pickup contest slider-*/
#pickup-contest-container .pager-prev, #pickup-contest-container .pager-next, #pickup-contest-container-mini .pager-prev, #pickup-contest-container-mini .pager-next { display: block; -moz-border-radius: 17px; -webkit-border-radius: 17px; border-radius: 17px; width: 34px; height: 34px; background-color: #0396db; border: 1px solid rgba(255, 255, 255, 0.3); cursor: pointer; }
#pickup-contest-container .pager-prev::after, #pickup-contest-container .pager-next::after, #pickup-contest-container-mini .pager-prev::after, #pickup-contest-container-mini .pager-next::after { position: absolute; color: #ffffff; font-size: 25px; }

#pickup-contest-container { position: relative; width: 970px; overflow: hidden; }
#pickup-contest-container .contests { transition: margin .6s; }
#pickup-contest-container .contest { display: inline-block; position: relative; width: 970px; }
#pickup-contest-container .pager-prev { position: absolute; top: 137px; left: 9px; background-image: url("https://s.pximg.net/www/images/contest/portal/left-arrow.png"); background-size: 10px 24px; background-position: 11px 5px; background-repeat: no-repeat; }
#pickup-contest-container .pager-next { position: absolute; top: 137px; right: 9px; background-image: url("https://s.pximg.net/www/images/contest/portal/right-arrow.png"); background-size: 10px 24px; background-position: 13px 5px; background-repeat: no-repeat; }
#pickup-contest-container .pager { display: block; }
#pickup-contest-container .pager li { display: inline-block; padding: 5px 4px 12px; cursor: pointer; }
#pickup-contest-container .pager li span { border-radius: 4px; display: inline-block; width: 8px; height: 8px; overflow: hidden; text-indent: 100%; background-color: #ccc; }
#pickup-contest-container .pager li.current span { background-color: #007ab3; }

#pickup-contest-container-mini { position: relative; width: 548px; height: 178px; overflow: hidden; }
#pickup-contest-container-mini .contests { transition: margin .6s; }
#pickup-contest-container-mini .contest { display: inline-block; position: relative; width: 548px; }
#pickup-contest-container-mini .pager { display: block; }
#pickup-contest-container-mini .pager li { display: inline-block; padding: 5px 4px 12px; cursor: pointer; }
#pickup-contest-container-mini .pager li span { border-radius: 4px; display: inline-block; width: 8px; height: 8px; overflow: hidden; text-indent: 100%; background-color: #ccc; }
#pickup-contest-container-mini .pager li.current span { background-color: #007ab3; }

.pfls-search-banner { display: block; margin-bottom: 8px; height: 48px; transition: opacity 0.2s; }
.pfls-search-banner img { border-radius: 4px; width: 100%; }

.chobigame1800-outer { background: url("../images/special/18000000/chobi-sky-top.png") repeat-x top center; display: block; text-align: center; height: 100%; image-rendering: pixelated; position: relative; }