@charset "UTF-8"; .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; } .chobigame1800-outer .grass-row { background: #78CEFF url("../images/special/18000000/block_01.png?1") repeat top center; width: 100%; top: 571px; height: 64px; background-size: 64px; position: absolute; z-index: -1; } .chobigame1800-outer .land-row { width: 100%; height: 620px; top: 635px; background-size: 64px; position: absolute; background: #78CEFF url("../images/special/18000000/block_02.png?1") repeat top center; z-index: -1; } .chobigame1800-outer .top-left-logo { position: absolute; top: 15px; left: 15px; } .chobigame1800-outer .top-left-logo img { width: 101px; height: 40px; } .chobigame1800-game-container { width: 608px; display: inline-block; position: relative; } .chobigame1800-game-container img { float: left; } .chobigame1800-game-container .sound-setting { position: absolute; top: 74px; right: 74px; z-index: 1000000; } .chobigame1800-game-container .sound-setting img { width: 80px; } .chobigame1800-game-container .chobi-ontop-overlay { position: absolute; width: 100%; height: 100%; text-align: center; } .chobigame1800-game-container .chobi-ontop-overlay .chobi-mid-popup { display: inline-block; background: #000; width: 395px; text-align: center; height: 325px; border-radius: 8px; box-shadow: inset 0px 0px 0px 2px white; border: 2px solid #000; margin-top: 204px; } .chobigame1800-game-container .chobi-ontop-overlay .chobi-mid-popup .login-text { font-size: 18px; color: #FFFFFF; font-weight: 600; margin-top: 36px; margin-bottom: 18px; } .chobigame1800-game-container .chobi-ontop-overlay .chobi-mid-popup .arrow-up-text { font-size: 18px; color: #FFFFFF; font-weight: 600; display: none; } .chobigame1800-game-container .chobi-ontop-overlay .chobi-mid-popup img { float: none; } .chobigame1800-game-container .chobi-ontop-overlay .chobi-mid-popup img.logo { width: 315px; } .chobigame1800-game-container .chobi-ontop-overlay .chobi-mid-popup img.start-button { margin-top: 69px; cursor: pointer; } .chobigame1800-game-container .chobi-ontop-overlay .chobi-mid-popup img.arrow-up { margin-top: 64px; margin-bottom: 30px; display: none; } .chobigame1800-game-container .chobi-ontop-overlay .chobi-mid-popup img.p-logo { margin: 30px 10px 11px; } .chobigame1800-game-container .chobi-ontop-overlay .chobi-mid-popup.tutorial .arrow-up-text { display: block; } .chobigame1800-game-container .chobi-ontop-overlay .chobi-mid-popup.tutorial img.logo { display: none; } .chobigame1800-game-container .chobi-ontop-overlay .chobi-mid-popup.tutorial img.p-logo { display: none; } .chobigame1800-game-container .chobi-ontop-overlay .chobi-mid-popup.tutorial img.start-button { display: none; } .chobigame1800-game-container .chobi-ontop-overlay .chobi-mid-popup.tutorial img.arrow-up { display: inline-block; } .chobigame1800.score { position: absolute; width: 100%; height: 100%; text-align: center; overflow: hidden; top: 0; } .chobigame1800.score .score-popup { display: inline-block; background: #000; width: 315px; text-align: center; height: 325px; border-radius: 8px; box-shadow: inset 0px 0px 0px 2px white; border: 2px solid #000; margin-top: 184px; } .chobigame1800.score .score-popup .share img { cursor: pointer; width: 128px; } .chobigame1800.score .score-popup .numbers { margin: 15px 0 21px; } .chobigame1800.score .score-popup .numbers img { margin-right: 2px; } .chobigame1800.score .score-popup .sound-link { margin-top: 10px; background: #fff; width: 280px; display: inline-block; border-radius: 8px; overflow: hidden; } .chobigame1800.score .score-popup .sound-link .sound-left { display: inline-block; padding-top: 8px; } .chobigame1800.score .score-popup .sound-link .sound-text { color: #000; font-size: 14px; line-height: 24px; overflow: hidden; } .chobigame1800.score .score-popup .sound-link .cloud { width: 64px; float: right; } .chobigame1800.score .score-popup img { float: none; } .chobigame1800.score .score-popup img.grats { margin: 41px 10px 14px; } .chobigame1800.score .score-popup img.share_tw { margin-right: 20px; } .chobigame1800-mid .share { padding: 32px 0; } .chobigame1800-mid .share img { cursor: pointer; } .chobigame1800-mid .share .share_tw { margin-right: 32px; } .g-recaptcha-fallback { width: 302px; height: 352px; } .g-recaptcha-fallback div { width: 302px; height: 352px; position: relative; } .g-recaptcha-fallback div .g-recaptcha-iframe-container { width: 302px; height: 352px; position: absolute; } .g-recaptcha-fallback div .g-recaptcha-iframe-container iframe { width: 302px; height: 352px; border-style: none; } .g-recaptcha-fallback div .g-recaptcha-response-container { width: 250px; height: 80px; position: absolute; border-style: none; bottom: 21px; left: 25px; margin: 0px; padding: 0px; right: 25px; } .g-recaptcha-fallback div .g-recaptcha-response-container .g-recaptcha-response { width: 250px; height: 80px; border: 1px solid #c1c1c1; margin: 0px; padding: 0px; resize: none; } li.auth-login { list-style: none; display: inline-block; } .breadcrumbs-container { position: absolute; top: 20px; left: 20px; } .breadcrumbs-container .breadcrumbs { display: inline-block; padding: 0 5px; font-size: 12px; line-height: 30px; background-color: #fff; border-radius: 5px; } .breadcrumbs-container .breadcrumbs + .breadcrumbs { margin-left: 10px; } .breadcrumbs-container .breadcrumbs .item { display: inline-block; padding: 0 5px 0 8px; } .breadcrumbs-container .breadcrumbs .item:last-child { padding-right: 8px; } .breadcrumbs-container .breadcrumbs .item + .item { padding-left: 13px; background-image: url('../images/breadcrumb-separator.png'); background-repeat: no-repeat; background-position: 0 50%; background-size: 8px 30px; } .breadcrumbs-container .breadcrumbs .item.current { color: #555; font-weight: bold; } ._sketch-lives-container { position: relative; z-index: 0; } ._sketch-lives-container .sketch-lives-list { overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 16px 10px 0; white-space: nowrap; text-align: center; } ._sketch-lives-container .sketch-live-item { display: inline-block; vertical-align: top; white-space: normal; } ._sketch-lives-container .sketch-live-item:hover { text-decoration: none; } ._sketch-lives-container .sketch-live-item + .sketch-live-item { margin-left: 8px; } ._sketch-lives-container .sketch-live-item .thumbnail { position: relative; border-radius: 4px; width: 160px; height: 90px; background-size: cover; } ._sketch-lives-container .sketch-live-item .thumbnail:before { content: ''; display: inline-block; border-radius: 4px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.02); } ._sketch-lives-container .sketch-live-item .badge-container { position: absolute; top: 3px; left: 3px; margin: 0; } ._sketch-lives-container .sketch-live-item .badge { display: inline-block; border-radius: 3px; font-weight: bold; font-size: 10px; line-height: 1; padding: 3px 4px; } ._sketch-lives-container .sketch-live-item .badge.live { background: #FFFFFF; color: #FF0016; } ._sketch-lives-container .sketch-live-item .badge.r18 { background: #FF4C6C; color: #FFFFFF; } ._sketch-lives-container .sketch-live-item .badge + .badge { margin-left: 2px; } ._sketch-lives-container .sketch-live-item .player-icon { position: absolute; bottom: 3px; right: 3px; display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-image: url('../images/sketch-live-player-icon.svg'); background-size: cover; } ._sketch-lives-container .sketch-live-item .header { width: 160px; margin: 8px auto 2px; text-align: center; } ._sketch-lives-container .sketch-live-item .header .live-name { color: #333333; font-size: 12px; font-weight: bold; line-height: 18px; vertical-align: middle; } ._sketch-lives-container .sketch-live-item .header .streamers { margin: 0 4px 0 0; line-height: 1; } ._sketch-lives-container .sketch-live-item .header .streamers .streamer-icon { margin: -1px; border: 1px solid #FFFFFF; } ._sketch-lives-container .sketch-live-item .header .streamers .streamer-icon + .streamer-icon { margin-left: -3px; } ._sketch-lives-container .sketch-live-item .header .streamers .streamer-icon:nth-child(1) { z-index: 4; } ._sketch-lives-container .sketch-live-item .header .streamers .streamer-icon:nth-child(2) { z-index: 3; } ._sketch-lives-container .sketch-live-item .header .streamers .streamer-icon:nth-child(3) { z-index: 2; } ._sketch-lives-container .sketch-live-item .header .streamers .streamer-icon:nth-child(4) { z-index: 1; } ._sketch-lives-container .sketch-live-item .viewers { font-size: 12px; color: #999999; text-align: center; } ._pixiv-vs-header { position: relative; margin-bottom: 8px; text-align: center; border-radius: 5px; overflow: hidden; } ._pixiv-vs-header .cheer-title { display: inline-block; padding: 0 24px; height: 32px; color: #fff; font-weight: bold; line-height: 32px; border-radius: 16px; } ._pixiv-vs-header .title-header-result { background-color: #fff; padding: 24px 0; } ._pixiv-vs-header .title-header-result .pixiv-vs-name { margin-bottom: 12px; height: 16px; color: #FF871C; font-size: 16px; font-weight: bold; line-height: 1; } ._pixiv-vs-header .title-header-result .pixiv-vs-catchphrase { height: 32px; color: #0A0A0A; font-size: 32px; font-weight: bold; line-height: 1; } ._pixiv-vs-header .title-header-result .share-link-container { position: absolute; top: 21px; right: 21px; } ._pixiv-vs-header .main-container { margin-bottom: -16px; padding: 24px 0 48px; background-size: contain; background-repeat: no-repeat; } ._pixiv-vs-header .main-container.result { margin-bottom: 0; padding: 0; background-color: #050324; } ._pixiv-vs-header .main-container .pixiv-vs-name { margin-bottom: 12px; height: 16px; color: #FF871C; font-size: 16px; font-weight: bold; line-height: 1; } ._pixiv-vs-header .main-container .pixiv-vs-catchphrase { margin-bottom: 12px; height: 32px; color: #0A0A0A; font-size: 32px; font-weight: bold; line-height: 1; } ._pixiv-vs-header .main-container .datetime-container { margin-bottom: 24px; height: 24px; line-height: 24px; } ._pixiv-vs-header .main-container .datetime-container .state-badge { display: inline-block; margin-right: 8px; padding: 0 8px; height: 24px; color: #fff; font-size: 12px; background-color: #FF2C79; border-radius: 4px; } ._pixiv-vs-header .main-container .datetime-container .state-badge.calculating { background-color: #9B9B9B; } ._pixiv-vs-header .main-container .datetime-container .datetime { vertical-align: middle; color: #0A0A0A; font-size: 16px; font-weight: bold; } ._pixiv-vs-header .main-container .share-link-container { position: absolute; top: 21px; right: 21px; } ._pixiv-vs-header .main-container .cheer-title { margin-bottom: 282px; } ._pixiv-vs-header .main-container .teams { display: flex; justify-content: center; margin-bottom: 28px; padding-top: 32px; color: #fff; } ._pixiv-vs-header .main-container .team { width: 404px; } ._pixiv-vs-header .main-container .team.result { position: relative; width: 416px; } ._pixiv-vs-header .main-container .team .team-name { display: inline-block; margin-bottom: 21px; padding-bottom: 8px; font-size: 40px; font-weight: bold; line-height: 1; letter-spacing: 5px; border-bottom: solid #fff 4px; } ._pixiv-vs-header .main-container .team .team-name.result { margin-bottom: 32px; } ._pixiv-vs-header .main-container .team .team-description { margin-bottom: 21px; font-size: 14px; line-height: 20px; } ._pixiv-vs-header .main-container .team .team-tag { margin-bottom: 24px; font-size: 14px; line-height: 1; } ._pixiv-vs-header .main-container .team .team-tag .tag { padding-left: 8px; } ._pixiv-vs-header .main-container .team .upload-link { display: inline-block; margin: 0 auto; padding: 0 32px; height: 40px; color: #fff; font-size: 14px; font-weight: bold; line-height: 40px; background-color: #4A90E2; border-radius: 4px; transition: background-color 0.2s; } ._pixiv-vs-header .main-container .team .upload-link:hover { background-color: #5AB5E6; text-decoration: none; } ._pixiv-vs-header .main-container .team .upload-link.disabled { background-color: #9B9B9B; opacity: 1; } ._pixiv-vs-header .main-container .team-separator { margin: 0 38px; width: 4px; height: 216px; background-image: url('../images/pixiv-vs/team-separator-pattern.png'); background-size: 4px 16px; } ._pixiv-vs-header .main-container .team-separator.result { height: 940px; } ._pixiv-vs-header .main-container .winner-badge { position: absolute; top: 168px; width: 240px; height: 240px; background-image: url('../images/pixiv-vs/pixiv-vs-winner-badge.png'); font-weight: bold; text-align: center; font-size: 24px; color: #fff; } ._pixiv-vs-header .main-container .winner-badge.alpha { right: 128px; } ._pixiv-vs-header .main-container .winner-badge.bravo { left: 128px; } ._pixiv-vs-header .main-container .winner-badge .winner-badge-crown { display: inline-block; margin-top: 24px; background-image: url('../images/pixiv-vs/pixiv-vs-winner-badge-crown.png'); width: 32px; height: 27px; } ._pixiv-vs-header .main-container .winner-badge .winner-badge-winner { color: #F5A623; height: 32px; margin-bottom: 8px; } ._pixiv-vs-header .main-container .winner-badge .winner-team { font-size: 56px; height: 64px; line-height: 64px; } ._pixiv-vs-header .main-container .winner-badge .team-text { height: 32px; } ._pixiv-vs-header .main-container .result-win-team-container { display: inline-block; width: 880px; padding: 16px 0; background-color: #1A142D; margin-top: 334px; margin-bottom: 30px; border-radius: 8px; color: #fff; } ._pixiv-vs-header .main-container .result-win-team-container .result-win-team-title { font-weight: bold; font-size: 20px; } ._pixiv-vs-header .main-container .result-win-team-container .result-win-team-message { font-size: 16px; } ._pixiv-vs-header .main-container .meter-container { position: relative; overflow: hidden; margin: 0 45px 24px; height: 80px; color: #fff; font-size: 24px; font-weight: bold; line-height: 80px; letter-spacing: 3px; border-radius: 80px; } ._pixiv-vs-header .main-container .meter-container .meters { margin-bottom: -80px; height: 80px; } ._pixiv-vs-header .main-container .meter-container .meters.translucent { opacity: 0.8; } ._pixiv-vs-header .main-container .meter-container .meter { height: 100%; width: 100%; background-size: 16px 16px; } ._pixiv-vs-header .main-container .meter-container .meter + .meter { margin-top: -80px; } ._pixiv-vs-header .main-container .meter-container .alpha-team-meter { transition: width 1s; } ._pixiv-vs-header .main-container .meter-container .alpha-team-meter.calculating-animation { animation: meter-calculating-animation 3.0s infinite; } @keyframes meter-calculating-animation { 0% { width: 40%; } 50% { width: 60%; } 100% { width: 40%; } } ._pixiv-vs-header .main-container .meter-container .border-cover { position: relative; border: solid #fff 8px; height: 64px; border-radius: 80px; } ._pixiv-vs-header .main-container .meter-container .alpha-team, ._pixiv-vs-header .main-container .meter-container .bravo-team { position: absolute; top: 0; } ._pixiv-vs-header .main-container .meter-container .alpha-team { left: 40px; } ._pixiv-vs-header .main-container .meter-container .bravo-team { right: 40px; } ._pixiv-vs-header .main-container .meter-container .disable-meter { background-image: url("/common/images/pixiv-vs/meter-background-pattern-calculating.png"); } ._pixiv-vs-header .main-container .meter-container .calculating-text { position: relative; margin-bottom: -80px; } ._pixiv-vs-header .main-container .result-container { margin-bottom: 80px; } ._pixiv-vs-header .main-container .result-container li { display: flex; font-size: 16px; justify-content: space-between; align-items: center; } ._pixiv-vs-header .main-container .result-container li .result-title { font-weight: bold; } ._pixiv-vs-header .main-container .result-container li .result-point { font-size: 32px; font-weight: bold; } ._pixiv-vs-header .main-container .result-container li + li { margin-top: 20px; } ._pixiv-vs-header .main-container .top-illusts-container .shitennou { display: inline-block; width: 220px; height: 48px; font-size: 24px; font-weight: bold; background-color: #353557; border-radius: 8px; line-height: 48px; } ._pixiv-vs-header .main-container .top-illusts-container .top4-illusts { margin-top: 19px; } ._pixiv-vs-header .main-container .top-illusts-container .top4-illusts td { vertical-align: top; } ._pixiv-vs-header .main-container .top-illusts-container .top4-illusts .top-illust-container { margin-right: 14px; margin-bottom: 32px; font-size: 12px; font-weight: bold; text-align: center; line-height: 1; } ._pixiv-vs-header .main-container .top-illusts-container .top4-illusts .top-illust-container .top-illust-frame { width: 200px; height: 200px; background-size: cover; margin-bottom: 8px; } ._pixiv-vs-header .main-container .top-illusts-container .top4-illusts .top-illust-container .top-illust-frame .thumbnail-image { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; } ._pixiv-vs-header .main-container .top-illusts-container .top4-illusts .top-illust-container .illust-title { display: table-cell; padding-bottom: 4px; line-height: 18px; height: 32px; width: 200px; vertical-align: middle; } ._pixiv-vs-header .main-container .top-illusts-container .top4-illusts .top-illust-container .user-name { display: block; height: 24px; line-height: 24px; font-weight: normal; } ._pixiv-vs-header .main-container .top-illusts-container .top4-illusts .top-illust-container .user-icon { margin-right: 8px; width: 24px; height: 24px; border-radius: 12px; } ._pixiv-vs-header .main-container .top-illusts-container .top4-illusts .top-illust-container a { display: inline-block; color: #fff; } ._pixiv-vs-header .main-container .open-rule-modal { display: inline-block; color: #fff; font-size: 16px; font-weight: bold; line-height: 1; letter-spacing: 3px; text-decoration: underline; cursor: pointer; } ._pixiv-vs-header .main-container .open-rule-modal.result { position: relative; z-index: 1; } ._pixiv-vs-header .cheer-title-container { position: relative; margin-bottom: -16px; z-index: 0; } ._pixiv-vs-header .bookmark-cheer-container { background-size: cover; padding: 40px 0; } ._pixiv-vs-header .bookmark-cheer-container .bookmark-cheer { display: flex; justify-content: center; } ._pixiv-vs-header .bookmark-cheer-container .cheer-icon { display: block; margin-right: 16px; width: 64px; height: 64px; } ._pixiv-vs-header .bookmark-cheer-container .cheer-description { display: block; padding-top: 8px; color: #FFCF36; font-size: 24px; font-weight: bold; line-height: 1; text-align: left; } ._pixiv-vs-header .bookmark-cheer-container .cheer-description .note { margin-top: 12px; color: #fff; font-size: 12px; font-weight: normal; } ._pixiv-vs-header .gallery-background { position: absolute; top: 940px; left: 0; width: 100%; height: 280px; background-size: contain; background-image: url('../images/pixiv-vs/pixiv-vs-gallery-background.png'); } ._pixiv-vs-header .pixiv-vs-help-link-container { padding: 16px 0; background-color: #353557; } ._pixiv-vs-header .pixiv-vs-help-link-backgrounds { display: flex; position: absolute; bottom: 0; justify-content: space-between; width: 100%; } ._pixiv-vs-header .pixiv-vs-help-link-backgrounds .left-side { margin: 0 0 8px 20px; } ._pixiv-vs-header .pixiv-vs-help-link-backgrounds .right-side img { margin-right: 20px; } ._pixiv-vs-rule-modal .container { position: relative; margin: 60px auto; padding: 32px 0; width: 400px; color: #4A4A4A; background-color: #fff; border-radius: 8px; } ._pixiv-vs-rule-modal .container .close { position: absolute; right: -40px; top: 0; } ._pixiv-vs-rule-modal .modal-title { margin-bottom: 24px; padding-bottom: 32px; font-size: 20px; font-weight: bold; line-height: 1; text-align: center; border-bottom: solid 1px #E2E2E2; } ._pixiv-vs-rule-modal .modal-content { padding: 0 40px 21px; margin-bottom: 24px; border-bottom: solid 1px #E2E2E2; } ._pixiv-vs-rule-modal .modal-content .title { margin-bottom: 13px; font-size: 16px; font-weight: bold; line-height: 1; } ._pixiv-vs-rule-modal .modal-content .description { font-size: 14px; line-height: 20px; } ._pixiv-vs-rule-modal .modal-content .team-tags { padding: 13px 0 3px; font-size: 16px; line-height: 1; } ._pixiv-vs-rule-modal .modal-content .team-tags .tag { display: inline-block; width: 50%; text-align: center; } ._pixiv-vs-rule-modal .term-link { display: block; margin: 0 40px; height: 44px; color: #4A4A4A; font-size: 16px; font-weight: bold; line-height: 44px; text-align: center; border: solid #000 2px; border-radius: 4px; text-decoration: none; } ._pixiv-vs-illust-list-container .image-item { height: auto; } ._pixiv-vs-illust-list-container .pixiv-vs-badge { position: absolute; top: 0; left: 0; margin: 4px; width: 32px; height: 32px; background-size: cover; } ._pixiv-vs-illust-list-container .pixiv-vs-cheer-button { display: block; position: static; margin: 8px auto; width: 30px; height: 30px; background-image: url("/common/images/pixiv-vs/cheer-off.png"); background-size: cover; } ._pixiv-vs-illust-list-container .pixiv-vs-cheer-button.on { background-image: url("/common/images/pixiv-vs/cheer-on.png"); } ._pixiv-vs-team-banner-on-member-illust-medium .team-banner-link { display: inline-block; position: relative; margin: 10px 0 0 20px; width: 200px; height: 56px; background-repeat: no-repeat; background-size: cover; border-radius: 4px; color: #fff; } ._pixiv-vs-team-banner-on-member-illust-medium .team-banner-link .banner-text { position: absolute; left: 80px; line-height: 1; } ._pixiv-vs-team-banner-on-member-illust-medium .team-banner-link .banner-text .title { margin: 11px 0 7px; font-size: 8px; height: 10px; } ._pixiv-vs-team-banner-on-member-illust-medium .team-banner-link .banner-text .team-name { font-size: 16px; font-weight: bold; } ._idea-board-link-on-side-menu-container ._pixiv-vs-link-on-member-illust-left-container { border-bottom: 1px dotted #ccc; margin-bottom: 7px; } ._idea-board-link-on-side-menu-container ._pixiv-vs-link-on-member-illust-left-container .hover-item { display: block; transition: opacity .2s; } ._idea-board-link-on-side-menu-container ._pixiv-vs-link-on-member-illust-left-container .illust-background-container { position: relative; height: 104px; margin: 0 4px 8px; border-radius: 4px; background-repeat: no-repeat; background-size: cover; background-position: center center; } ._idea-board-link-on-side-menu-container ._pixiv-vs-link-on-member-illust-left-container .illust-background-container.prepare-result { height: 114px; } ._idea-board-link-on-side-menu-container ._pixiv-vs-link-on-member-illust-left-container .illust-background-container .background-alpha-cover { position: absolute; bottom: 0; width: 100%; height: 48px; border-radius: 0 0 4px 4px; background: rgba(0, 0, 0, 0.6); color: #fff; text-align: center; line-height: 1; } ._idea-board-link-on-side-menu-container ._pixiv-vs-link-on-member-illust-left-container .illust-background-container .background-alpha-cover.prepare-result { height: 54px; } ._idea-board-link-on-side-menu-container ._pixiv-vs-link-on-member-illust-left-container .illust-background-container .background-alpha-cover.result { background: rgba(255, 255, 255, 0.7); color: #000; height: 52px; } ._idea-board-link-on-side-menu-container ._pixiv-vs-link-on-member-illust-left-container .illust-background-container .background-alpha-cover .title-container { font-size: 14px; font-weight: bold; margin: 8px 0 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 4px; } ._idea-board-link-on-side-menu-container ._pixiv-vs-link-on-member-illust-left-container .illust-background-container .background-alpha-cover .term-container { font-size: 12px; } ._idea-board-link-on-side-menu-container ._pixiv-vs-link-on-member-illust-left-container .illust-background-container .background-alpha-cover .term-container .open-state-open { color: #FF3B85; margin-right: 4px; } ._idea-board-link-on-side-menu-container ._pixiv-vs-link-on-member-illust-left-container .illust-background-container .background-alpha-cover .term-container .open-state-result { display: inline-block; width: 154px; height: 18px; color: #fff; font-size: 14px; background-color: #FF3B85; border-radius: 8px; line-height: 18px; } ._pixiv-vs-link-idea-board-header { position: relative; color: #fff; background-repeat: no-repeat; background-size: cover; height: 400px; text-align: center; line-height: 1; padding: 0; } ._pixiv-vs-link-idea-board-header h1 { font-size: 32px; font-weight: bold; margin: 24px 0 16px; text-shadow: 0 0 6px #000; } ._pixiv-vs-link-idea-board-header .open-state { padding: 6px 8px; border-radius: 4px; margin-right: 8px; vertical-align: middle; } ._pixiv-vs-link-idea-board-header .open-state.open { background-color: #FF3B85; } ._pixiv-vs-link-idea-board-header .open-state.disabled { background-color: #4A4A4A; opacity: 1; } ._pixiv-vs-link-idea-board-header .term { font-size: 16px; font-weight: bold; text-shadow: 0 0 4px #000; vertical-align: middle; } ._pixiv-vs-link-idea-board-header .button-container { position: absolute; bottom: 16px; width: 100%; } ._pixiv-vs-link-idea-board-header .button-container .balloon { display: inline-block; position: relative; background-color: #fff; border-radius: 100px; width: 184px; height: 36px; color: #353557; margin-bottom: 20px; font-size: 14px; font-weight: bold; line-height: 36px; } ._pixiv-vs-link-idea-board-header .button-container .balloon:after { position: absolute; border-top: 12px solid #fff; border-right: 12px solid transparent; border-left: 12px solid transparent; content: ''; margin-left: -10px; bottom: -12px; left: 50%; } ._pixiv-vs-link-idea-board-header .button-container .pixiv-vs-button { display: inline-block; width: 240px; height: 48px; font-size: 20px; border-radius: 4px; background-color: #353557; cursor: pointer; transition: background-color .2s; } ._pixiv-vs-link-idea-board-header .button-container .pixiv-vs-button .button-text { line-height: 48px; } ._pixiv-vs-link-idea-board-header .button-container .pixiv-vs-button:hover { background-color: #72738a; } ._pixiv-vs-link-idea-board-header .button-container a { text-decoration: none; color: #fff; } ._pixiv-vs-banner-on-tags-illust { width: 100%; height: 72px; color: #fff; font-size: 20px; font-weight: bold; text-align: center; } ._pixiv-vs-banner-on-tags-illust a { display: block; background-color: #fff; background-size: cover; background-repeat: no-repeat; color: #fff; width: 100%; height: 100%; cursor: pointer; } ._pixiv-vs-banner-on-tags-illust .inner-container { padding: 12px 0; } ._pixiv-vs-banner-on-tags-illust .inner-container span { display: inline-block; vertical-align: middle; } ._pixiv-vs-banner-on-tags-illust .inner-container .title { font-size: 28px; margin-right: 24px; } ._pixiv-vs-banner-on-tags-illust .inner-container .open-state { font-size: 12px; font-weight: normal; border-radius: 4px; padding: 6px 8px; margin-right: 8px; } ._pixiv-vs-banner-on-tags-illust .inner-container .open-state.open { background-color: #FF3B85; } ._pixiv-vs-banner-on-tags-illust .inner-container .open-state.disabled { background-color: #4A4A4A; opacity: 1; } ._pixiv-vs-banner-on-tags-illust .inner-container .term { margin-right: 26px; } ._pixiv-vs-banner-on-tags-illust .inner-container .term.prepare-result { margin-right: 10px; } ._pixiv-vs-banner-on-tags-illust .inner-container .button-container { display: inline-block; width: 190px; height: 48px; border-radius: 4px; background-color: #FF8E00; } ._pixiv-vs-banner-on-tags-illust .inner-container .button-container.result { width: 256px; } ._pixiv-vs-banner-on-tags-illust .inner-container .button-container .button-text { line-height: 48px; } ._pfls-pr-manage { color: #000000; display: block; font-family: Hiragino Mincho Pro, sans-serif; line-height: 1; margin: 4px 4px 12px; transition: opacity 0.2s; } ._pfls-pr-manage:hover { opacity: 0.8; text-decoration: none; } ._pfls-pr-manage > .label { font-size: 10px; font-style: normal; font-weight: normal; line-height: 1.2; margin-right: -2px; } html[lang="en"] ._pfls-pr-manage > .label { font-size: 9px; } ._pfls-pr-manage .image-container { margin-top: 8px; position: relative; } ._pfls-pr-manage .absolute { bottom: 8px; left: 50%; position: absolute; transform: translateX(-50%); width: 132px; } ._pfls-pr-banner { align-items: center; background: #291C16; color: #FFFFFF; display: flex; font-family: Hiragino Mincho Pro, sans-serif; height: 48px; justify-content: space-between; padding: 0 8px; transition: opacity 0.2s; } ._pfls-pr-banner:hover { opacity: 0.8; text-decoration: none; } ._pfls-pr-banner .pfls-left { align-items: center; display: flex; justify-content: flex-start; margin-right: 16px; } ._pfls-pr-banner .pfls-left .icon { margin-right: 8px; } ._pfls-pr-banner .pfls-left .label { font-size: 12px; font-style: normal; font-weight: bold; line-height: 16px; } ._pfls-pr-banner .pfls-right { flex: none; } ._pfls-hex { align-items: center; border-image-slice: 12 fill; border-image-source: url('data:image/svg+xml;utf8,'); border-image-width: 12px; border-style: solid; color: #FFFFFF; display: flex; height: 26px; justify-content: center; line-height: 1; white-space: nowrap; width: 122px; } ._pfls-hex .label { display: block; font-size: 10px; font-style: normal; font-weight: bold; text-align: center; width: 100%; } ._pfls-hex .arrow { display: block; flex: none; margin-left: -20px; margin-right: 8px; } .krkr-button-img { right: 15px !important; bottom: 15px !important; } .krkr-button-img img { width: 50px !important; height: 50px !important; } .x-share-button { background: #000; height: 20px; display: flex; gap: 4px; padding: 0 12px; border-radius: 10px; align-items: center; } .x-share-button:hover { text-decoration: none; } .x-share-button i { position: relative; display: inline-block; width: 14px; height: 14px; background: transparent 0 0 no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.5186 10.7714L19.3439 4H17.9635L12.9054 9.87954L8.86547 4H4.20593L10.315 12.8909L4.20593 19.9918H5.58642L10.9279 13.7828L15.1943 19.9918H19.8539L13.5182 10.7714H13.5186ZM11.6278 12.9692L11.0088 12.0839L6.08383 5.03921H8.20417L12.1787 10.7245L12.7977 11.6098L17.9641 18.9998H15.8438L11.6278 12.9696V12.9692Z' fill='white'/%3E%3C/svg%3E"); } .x-share-button span { color: #fff; font-size: 12px; line-height: 20px; } .x-icon { display: flex; width: 24px; height: 24px; background-color: black; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.5186 10.7714L19.3439 4H17.9635L12.9054 9.87954L8.86547 4H4.20593L10.315 12.8909L4.20593 19.9918H5.58642L10.9279 13.7828L15.1943 19.9918H19.8539L13.5182 10.7714H13.5186ZM11.6278 12.9692L11.0088 12.0839L6.08383 5.03921H8.20417L12.1787 10.7245L12.7977 11.6098L17.9641 18.9998H15.8438L11.6278 12.9696V12.9692Z' fill='white' /%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.5186 10.7714L19.3439 4H17.9635L12.9054 9.87954L8.86547 4H4.20593L10.315 12.8909L4.20593 19.9918H5.58642L10.9279 13.7828L15.1943 19.9918H19.8539L13.5182 10.7714H13.5186ZM11.6278 12.9692L11.0088 12.0839L6.08383 5.03921H8.20417L12.1787 10.7245L12.7977 11.6098L17.9641 18.9998H15.8438L11.6278 12.9696V12.9692Z' fill='white' /%3E%3C/svg%3E"); }