@charset "UTF-8"; /* line 5, /home/circleci/app/vendor/bundle/ruby/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ 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; } /* line 22, /home/circleci/app/vendor/bundle/ruby/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html { line-height: 1; } /* line 24, /home/circleci/app/vendor/bundle/ruby/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ ol, ul { list-style: none; } /* line 26, /home/circleci/app/vendor/bundle/ruby/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 28, /home/circleci/app/vendor/bundle/ruby/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } /* line 30, /home/circleci/app/vendor/bundle/ruby/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q, blockquote { quotes: none; } /* line 103, /home/circleci/app/vendor/bundle/ruby/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } /* line 32, /home/circleci/app/vendor/bundle/ruby/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ a img { border: none; } /* line 116, /home/circleci/app/vendor/bundle/ruby/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } @font-face { font-family: PixelMplus; src: url("/font/PixelMplus10-Regular.ttf"), url("/font/PixelMplus10-Regular.woff"); } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes design-change-btn-slide-in { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 60, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 60, 0, 0, 1); } 1.65% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 37.492, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 37.492, 0, 0, 1); } 3.27% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.875, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.875, 0, 0, 1); } 3.37% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.107, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.107, 0, 0, 1); } 3.47% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20.351, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20.351, 0, 0, 1); } 4.58% { -webkit-transform: matrix3d(2.061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 13.21, 0, 0, 1); transform: matrix3d(2.061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 13.21, 0, 0, 1); } 4.92% { -webkit-transform: matrix3d(2.206, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.447, 0, 0, 1); transform: matrix3d(2.206, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.447, 0, 0, 1); } 5.69% { -webkit-transform: matrix3d(2.321, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 8.058, 0, 0, 1); transform: matrix3d(2.321, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 8.058, 0, 0, 1); } 6.54% { -webkit-transform: matrix3d(2.22, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.199, 0, 0, 1); transform: matrix3d(2.22, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.199, 0, 0, 1); } 7.41% { -webkit-transform: matrix3d(1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.023, 0, 0, 1); transform: matrix3d(1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.023, 0, 0, 1); } 7.51% { -webkit-transform: matrix3d(1.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.817, 0, 0, 1); transform: matrix3d(1.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.817, 0, 0, 1); } 7.88% { -webkit-transform: matrix3d(1.771, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 2.136, 0, 0, 1); transform: matrix3d(1.771, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 2.136, 0, 0, 1); } 8.19% { -webkit-transform: matrix3d(1.621, 0, 0, 0, 0, 1.11, 0, 0, 0, 0, 1, 0, 1.628, 0, 0, 1); transform: matrix3d(1.621, 0, 0, 0, 0, 1.11, 0, 0, 0, 0, 1, 0, 1.628, 0, 0, 1); } 9.81% { -webkit-transform: matrix3d(1.037, 0, 0, 0, 0, 1.312, 0, 0, 0, 0, 1, 0, -0.129, 0, 0, 1); transform: matrix3d(1.037, 0, 0, 0, 0, 1.312, 0, 0, 0, 0, 1, 0, -0.129, 0, 0, 1); } 10.03% { -webkit-transform: matrix3d(0.982, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, -0.277, 0, 0, 1); transform: matrix3d(0.982, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, -0.277, 0, 0, 1); } 10.85% { -webkit-transform: matrix3d(0.822, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, -0.681, 0, 0, 1); transform: matrix3d(0.822, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, -0.681, 0, 0, 1); } 12.22% { -webkit-transform: matrix3d(0.672, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, -0.987, 0, 0, 1); transform: matrix3d(0.672, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, -0.987, 0, 0, 1); } 13.05% { -webkit-transform: matrix3d(0.631, 0, 0, 0, 0, 1.491, 0, 0, 0, 0, 1, 0, -1.026, 0, 0, 1); transform: matrix3d(0.631, 0, 0, 0, 0, 1.491, 0, 0, 0, 0, 1, 0, -1.026, 0, 0, 1); } 14.18% { -webkit-transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, -0.973, 0, 0, 1); transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, -0.973, 0, 0, 1); } 14.37% { -webkit-transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, -0.957, 0, 0, 1); transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, -0.957, 0, 0, 1); } 20.01% { -webkit-transform: matrix3d(0.763, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, -0.309, 0, 0, 1); transform: matrix3d(0.763, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, -0.309, 0, 0, 1); } 20.97% { -webkit-transform: matrix3d(0.794, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, -0.232, 0, 0, 1); transform: matrix3d(0.794, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, -0.232, 0, 0, 1); } 23.05% { -webkit-transform: matrix3d(0.856, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, -0.114, 0, 0, 1); transform: matrix3d(0.856, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, -0.114, 0, 0, 1); } 25.75% { -webkit-transform: matrix3d(0.923, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, -0.034, 0, 0, 1); transform: matrix3d(0.923, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, -0.034, 0, 0, 1); } 28.9% { -webkit-transform: matrix3d(0.979, 0, 0, 0, 0, 1.031, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.979, 0, 0, 0, 0, 1.031, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 31.58% { -webkit-transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 31.73% { -webkit-transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 37.32% { -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 38.15% { -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 48.9% { -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 60.47% { -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 83.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @keyframes design-change-btn-slide-in { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 60, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 60, 0, 0, 1); } 1.65% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 37.492, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 37.492, 0, 0, 1); } 3.27% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.875, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.875, 0, 0, 1); } 3.37% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.107, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.107, 0, 0, 1); } 3.47% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20.351, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20.351, 0, 0, 1); } 4.58% { -webkit-transform: matrix3d(2.061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 13.21, 0, 0, 1); transform: matrix3d(2.061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 13.21, 0, 0, 1); } 4.92% { -webkit-transform: matrix3d(2.206, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.447, 0, 0, 1); transform: matrix3d(2.206, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.447, 0, 0, 1); } 5.69% { -webkit-transform: matrix3d(2.321, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 8.058, 0, 0, 1); transform: matrix3d(2.321, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 8.058, 0, 0, 1); } 6.54% { -webkit-transform: matrix3d(2.22, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.199, 0, 0, 1); transform: matrix3d(2.22, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.199, 0, 0, 1); } 7.41% { -webkit-transform: matrix3d(1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.023, 0, 0, 1); transform: matrix3d(1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.023, 0, 0, 1); } 7.51% { -webkit-transform: matrix3d(1.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.817, 0, 0, 1); transform: matrix3d(1.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.817, 0, 0, 1); } 7.88% { -webkit-transform: matrix3d(1.771, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 2.136, 0, 0, 1); transform: matrix3d(1.771, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 2.136, 0, 0, 1); } 8.19% { -webkit-transform: matrix3d(1.621, 0, 0, 0, 0, 1.11, 0, 0, 0, 0, 1, 0, 1.628, 0, 0, 1); transform: matrix3d(1.621, 0, 0, 0, 0, 1.11, 0, 0, 0, 0, 1, 0, 1.628, 0, 0, 1); } 9.81% { -webkit-transform: matrix3d(1.037, 0, 0, 0, 0, 1.312, 0, 0, 0, 0, 1, 0, -0.129, 0, 0, 1); transform: matrix3d(1.037, 0, 0, 0, 0, 1.312, 0, 0, 0, 0, 1, 0, -0.129, 0, 0, 1); } 10.03% { -webkit-transform: matrix3d(0.982, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, -0.277, 0, 0, 1); transform: matrix3d(0.982, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, -0.277, 0, 0, 1); } 10.85% { -webkit-transform: matrix3d(0.822, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, -0.681, 0, 0, 1); transform: matrix3d(0.822, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, -0.681, 0, 0, 1); } 12.22% { -webkit-transform: matrix3d(0.672, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, -0.987, 0, 0, 1); transform: matrix3d(0.672, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, -0.987, 0, 0, 1); } 13.05% { -webkit-transform: matrix3d(0.631, 0, 0, 0, 0, 1.491, 0, 0, 0, 0, 1, 0, -1.026, 0, 0, 1); transform: matrix3d(0.631, 0, 0, 0, 0, 1.491, 0, 0, 0, 0, 1, 0, -1.026, 0, 0, 1); } 14.18% { -webkit-transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, -0.973, 0, 0, 1); transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, -0.973, 0, 0, 1); } 14.37% { -webkit-transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, -0.957, 0, 0, 1); transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, -0.957, 0, 0, 1); } 20.01% { -webkit-transform: matrix3d(0.763, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, -0.309, 0, 0, 1); transform: matrix3d(0.763, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, -0.309, 0, 0, 1); } 20.97% { -webkit-transform: matrix3d(0.794, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, -0.232, 0, 0, 1); transform: matrix3d(0.794, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, -0.232, 0, 0, 1); } 23.05% { -webkit-transform: matrix3d(0.856, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, -0.114, 0, 0, 1); transform: matrix3d(0.856, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, -0.114, 0, 0, 1); } 25.75% { -webkit-transform: matrix3d(0.923, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, -0.034, 0, 0, 1); transform: matrix3d(0.923, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, -0.034, 0, 0, 1); } 28.9% { -webkit-transform: matrix3d(0.979, 0, 0, 0, 0, 1.031, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.979, 0, 0, 0, 0, 1.031, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 31.58% { -webkit-transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 31.73% { -webkit-transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 37.32% { -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 38.15% { -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 48.9% { -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 60.47% { -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 83.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @-webkit-keyframes bounce-to-top-right { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20, 20, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20, 20, 0, 1); } 3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.069, 11.069, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.069, 11.069, 0, 1); } 5.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.08, 0.08, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.08, 0.08, 0, 1); } 8.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -6.419, 6.419, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -6.419, 6.419, 0, 1); } 10.71% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -8.513, 8.513, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -8.513, 8.513, 0, 1); } 14.21% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.388, 5.388, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.388, 5.388, 0, 1); } 17.62% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.041, 0.041, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.041, 0.041, 0, 1); } 20.12% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.659, 2.659, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.659, 2.659, 0, 1); } 22.52% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.481, 3.481, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.481, 3.481, 0, 1); } 26.03% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.174, 2.174, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.174, 2.174, 0, 1); } 29.43% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, 0.01, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, 0.01, 0, 1); } 34.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.423, 1.423, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.423, 1.423, 0, 1); } 41.24% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.015, 0.015, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.015, 0.015, 0, 1); } 46.05% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.582, 0.582, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.582, 0.582, 0, 1); } 52.95% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0.001, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0.001, 0, 1); } 57.86% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.238, 0.238, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.238, 0.238, 0, 1); } 64.76% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.002, 0.002, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.002, 0.002, 0, 1); } 69.57% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.097, 0.097, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.097, 0.097, 0, 1); } 76.58% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.002, 0.002, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.002, 0.002, 0, 1); } 81.38% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.04, 0.04, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.04, 0.04, 0, 1); } 88.29% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 93.19% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.016, 0.016, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.016, 0.016, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @keyframes bounce-to-top-right { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20, 20, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20, 20, 0, 1); } 3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.069, 11.069, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.069, 11.069, 0, 1); } 5.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.08, 0.08, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.08, 0.08, 0, 1); } 8.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -6.419, 6.419, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -6.419, 6.419, 0, 1); } 10.71% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -8.513, 8.513, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -8.513, 8.513, 0, 1); } 14.21% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.388, 5.388, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.388, 5.388, 0, 1); } 17.62% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.041, 0.041, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.041, 0.041, 0, 1); } 20.12% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.659, 2.659, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.659, 2.659, 0, 1); } 22.52% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.481, 3.481, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.481, 3.481, 0, 1); } 26.03% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.174, 2.174, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.174, 2.174, 0, 1); } 29.43% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, 0.01, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, 0.01, 0, 1); } 34.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.423, 1.423, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.423, 1.423, 0, 1); } 41.24% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.015, 0.015, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.015, 0.015, 0, 1); } 46.05% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.582, 0.582, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.582, 0.582, 0, 1); } 52.95% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0.001, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0.001, 0, 1); } 57.86% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.238, 0.238, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.238, 0.238, 0, 1); } 64.76% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.002, 0.002, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.002, 0.002, 0, 1); } 69.57% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.097, 0.097, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.097, 0.097, 0, 1); } 76.58% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.002, 0.002, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.002, 0.002, 0, 1); } 81.38% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.04, 0.04, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.04, 0.04, 0, 1); } 88.29% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 93.19% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.016, 0.016, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.016, 0.016, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @-webkit-keyframes bounce-to-top-left { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30, 20, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30, 20, 0, 1); } 2.92% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 13.522, 9.015, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 13.522, 9.015, 0, 1); } 3.37% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.487, 7.658, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.487, 7.658, 0, 1); } 3.47% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.06, 7.373, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.06, 7.373, 0, 1); } 4.58% { -webkit-transform: matrix3d(1.265, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 6.865, 4.577, 0, 1); transform: matrix3d(1.265, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 6.865, 4.577, 0, 1); } 5.69% { -webkit-transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.655, 2.437, 0, 1); transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.655, 2.437, 0, 1); } 5.76% { -webkit-transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.477, 2.318, 0, 1); transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.477, 2.318, 0, 1); } 7.41% { -webkit-transform: matrix3d(1.248, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.38, 0.254, 0, 1); transform: matrix3d(1.248, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.38, 0.254, 0, 1); } 7.51% { -webkit-transform: matrix3d(1.24, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.245, 0.164, 0, 1); transform: matrix3d(1.24, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.245, 0.164, 0, 1); } 7.88% { -webkit-transform: matrix3d(1.201, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, -0.201, -0.134, 0, 1); transform: matrix3d(1.201, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, -0.201, -0.134, 0, 1); } 8.68% { -webkit-transform: matrix3d(1.12, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, -0.965, -0.643, 0, 1); transform: matrix3d(1.12, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, -0.965, -0.643, 0, 1); } 10.03% { -webkit-transform: matrix3d(1.014, 0, 0, 0, 0, 1.051, 0, 0, 0, 0, 1, 0, -1.685, -1.124, 0, 1); transform: matrix3d(1.014, 0, 0, 0, 0, 1.051, 0, 0, 0, 0, 1, 0, -1.685, -1.124, 0, 1); } 10.85% { -webkit-transform: matrix3d(0.97, 0, 0, 0, 0, 1.061, 0, 0, 0, 0, 1, 0, -1.861, -1.241, 0, 1); transform: matrix3d(0.97, 0, 0, 0, 0, 1.061, 0, 0, 0, 0, 1, 0, -1.861, -1.241, 0, 1); } 11.53% { -webkit-transform: matrix3d(0.945, 0, 0, 0, 0, 1.067, 0, 0, 0, 0, 1, 0, -1.899, -1.266, 0, 1); transform: matrix3d(0.945, 0, 0, 0, 0, 1.067, 0, 0, 0, 0, 1, 0, -1.899, -1.266, 0, 1); } 12.22% { -webkit-transform: matrix3d(0.927, 0, 0, 0, 0, 1.072, 0, 0, 0, 0, 1, 0, -1.862, -1.241, 0, 1); transform: matrix3d(0.927, 0, 0, 0, 0, 1.072, 0, 0, 0, 0, 1, 0, -1.862, -1.241, 0, 1); } 14.18% { -webkit-transform: matrix3d(0.908, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, -1.505, -1.004, 0, 1); transform: matrix3d(0.908, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, -1.505, -1.004, 0, 1); } 14.37% { -webkit-transform: matrix3d(0.908, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, -1.46, -0.974, 0, 1); transform: matrix3d(0.908, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, -1.46, -0.974, 0, 1); } 19.23% { -webkit-transform: matrix3d(0.941, 0, 0, 0, 0, 1.057, 0, 0, 0, 0, 1, 0, -0.385, -0.257, 0, 1); transform: matrix3d(0.941, 0, 0, 0, 0, 1.057, 0, 0, 0, 0, 1, 0, -0.385, -0.257, 0, 1); } 20.01% { -webkit-transform: matrix3d(0.947, 0, 0, 0, 0, 1.052, 0, 0, 0, 0, 1, 0, -0.272, -0.182, 0, 1); transform: matrix3d(0.947, 0, 0, 0, 0, 1.052, 0, 0, 0, 0, 1, 0, -0.272, -0.182, 0, 1); } 23.05% { -webkit-transform: matrix3d(0.968, 0, 0, 0, 0, 1.033, 0, 0, 0, 0, 1, 0, -0.004, -0.002, 0, 1); transform: matrix3d(0.968, 0, 0, 0, 0, 1.033, 0, 0, 0, 0, 1, 0, -0.004, -0.002, 0, 1); } 25.75% { -webkit-transform: matrix3d(0.983, 0, 0, 0, 0, 1.017, 0, 0, 0, 0, 1, 0, 0.071, 0.047, 0, 1); transform: matrix3d(0.983, 0, 0, 0, 0, 1.017, 0, 0, 0, 0, 1, 0, 0.071, 0.047, 0, 1); } 26.94% { -webkit-transform: matrix3d(0.988, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0.076, 0.051, 0, 1); transform: matrix3d(0.988, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0.076, 0.051, 0, 1); } 31.58% { -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0.041, 0.027, 0, 1); transform: matrix3d(1.002, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0.041, 0.027, 0, 1); } 31.73% { -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0.039, 0.026, 0, 1); transform: matrix3d(1.002, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0.039, 0.026, 0, 1); } 37.32% { -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0.003, 0.002, 0, 1); transform: matrix3d(1.006, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0.003, 0.002, 0, 1); } 38.15% { -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0.001, 0.001, 0, 1); transform: matrix3d(1.006, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0.001, 0.001, 0, 1); } 42.35% { -webkit-transform: matrix3d(1.005, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, -0.003, -0.002, 0, 1); transform: matrix3d(1.005, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, -0.003, -0.002, 0, 1); } 48.9% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, -0.001, -0.001, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, -0.001, -0.001, 0, 1); } 57.77% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 60.47% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 69.36% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 83.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @keyframes bounce-to-top-left { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30, 20, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30, 20, 0, 1); } 2.92% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 13.522, 9.015, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 13.522, 9.015, 0, 1); } 3.37% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.487, 7.658, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.487, 7.658, 0, 1); } 3.47% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.06, 7.373, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.06, 7.373, 0, 1); } 4.58% { -webkit-transform: matrix3d(1.265, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 6.865, 4.577, 0, 1); transform: matrix3d(1.265, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 6.865, 4.577, 0, 1); } 5.69% { -webkit-transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.655, 2.437, 0, 1); transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.655, 2.437, 0, 1); } 5.76% { -webkit-transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.477, 2.318, 0, 1); transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.477, 2.318, 0, 1); } 7.41% { -webkit-transform: matrix3d(1.248, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.38, 0.254, 0, 1); transform: matrix3d(1.248, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.38, 0.254, 0, 1); } 7.51% { -webkit-transform: matrix3d(1.24, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.245, 0.164, 0, 1); transform: matrix3d(1.24, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.245, 0.164, 0, 1); } 7.88% { -webkit-transform: matrix3d(1.201, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, -0.201, -0.134, 0, 1); transform: matrix3d(1.201, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, -0.201, -0.134, 0, 1); } 8.68% { -webkit-transform: matrix3d(1.12, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, -0.965, -0.643, 0, 1); transform: matrix3d(1.12, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, -0.965, -0.643, 0, 1); } 10.03% { -webkit-transform: matrix3d(1.014, 0, 0, 0, 0, 1.051, 0, 0, 0, 0, 1, 0, -1.685, -1.124, 0, 1); transform: matrix3d(1.014, 0, 0, 0, 0, 1.051, 0, 0, 0, 0, 1, 0, -1.685, -1.124, 0, 1); } 10.85% { -webkit-transform: matrix3d(0.97, 0, 0, 0, 0, 1.061, 0, 0, 0, 0, 1, 0, -1.861, -1.241, 0, 1); transform: matrix3d(0.97, 0, 0, 0, 0, 1.061, 0, 0, 0, 0, 1, 0, -1.861, -1.241, 0, 1); } 11.53% { -webkit-transform: matrix3d(0.945, 0, 0, 0, 0, 1.067, 0, 0, 0, 0, 1, 0, -1.899, -1.266, 0, 1); transform: matrix3d(0.945, 0, 0, 0, 0, 1.067, 0, 0, 0, 0, 1, 0, -1.899, -1.266, 0, 1); } 12.22% { -webkit-transform: matrix3d(0.927, 0, 0, 0, 0, 1.072, 0, 0, 0, 0, 1, 0, -1.862, -1.241, 0, 1); transform: matrix3d(0.927, 0, 0, 0, 0, 1.072, 0, 0, 0, 0, 1, 0, -1.862, -1.241, 0, 1); } 14.18% { -webkit-transform: matrix3d(0.908, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, -1.505, -1.004, 0, 1); transform: matrix3d(0.908, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, -1.505, -1.004, 0, 1); } 14.37% { -webkit-transform: matrix3d(0.908, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, -1.46, -0.974, 0, 1); transform: matrix3d(0.908, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, -1.46, -0.974, 0, 1); } 19.23% { -webkit-transform: matrix3d(0.941, 0, 0, 0, 0, 1.057, 0, 0, 0, 0, 1, 0, -0.385, -0.257, 0, 1); transform: matrix3d(0.941, 0, 0, 0, 0, 1.057, 0, 0, 0, 0, 1, 0, -0.385, -0.257, 0, 1); } 20.01% { -webkit-transform: matrix3d(0.947, 0, 0, 0, 0, 1.052, 0, 0, 0, 0, 1, 0, -0.272, -0.182, 0, 1); transform: matrix3d(0.947, 0, 0, 0, 0, 1.052, 0, 0, 0, 0, 1, 0, -0.272, -0.182, 0, 1); } 23.05% { -webkit-transform: matrix3d(0.968, 0, 0, 0, 0, 1.033, 0, 0, 0, 0, 1, 0, -0.004, -0.002, 0, 1); transform: matrix3d(0.968, 0, 0, 0, 0, 1.033, 0, 0, 0, 0, 1, 0, -0.004, -0.002, 0, 1); } 25.75% { -webkit-transform: matrix3d(0.983, 0, 0, 0, 0, 1.017, 0, 0, 0, 0, 1, 0, 0.071, 0.047, 0, 1); transform: matrix3d(0.983, 0, 0, 0, 0, 1.017, 0, 0, 0, 0, 1, 0, 0.071, 0.047, 0, 1); } 26.94% { -webkit-transform: matrix3d(0.988, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0.076, 0.051, 0, 1); transform: matrix3d(0.988, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0.076, 0.051, 0, 1); } 31.58% { -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0.041, 0.027, 0, 1); transform: matrix3d(1.002, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0.041, 0.027, 0, 1); } 31.73% { -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0.039, 0.026, 0, 1); transform: matrix3d(1.002, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0.039, 0.026, 0, 1); } 37.32% { -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0.003, 0.002, 0, 1); transform: matrix3d(1.006, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0.003, 0.002, 0, 1); } 38.15% { -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0.001, 0.001, 0, 1); transform: matrix3d(1.006, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0.001, 0.001, 0, 1); } 42.35% { -webkit-transform: matrix3d(1.005, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, -0.003, -0.002, 0, 1); transform: matrix3d(1.005, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, -0.003, -0.002, 0, 1); } 48.9% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, -0.001, -0.001, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, -0.001, -0.001, 0, 1); } 57.77% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 60.47% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 69.36% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 83.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @-webkit-keyframes bounce-to-bottom-right { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -30, -20, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -30, -20, 0, 1); } 2.49% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -15.601, -9.715, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -15.601, -9.715, 0, 1); } 2.92% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -13.522, -8.181, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -13.522, -8.181, 0, 1); } 3.37% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.487, -6.683, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.487, -6.683, 0, 1); } 3.47% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.06, -6.369, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.06, -6.369, 0, 1); } 4.58% { -webkit-transform: matrix3d(1.265, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -6.865, -3.321, 0, 1); transform: matrix3d(1.265, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -6.865, -3.321, 0, 1); } 4.98% { -webkit-transform: matrix3d(1.306, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.609, -2.428, 0, 1); transform: matrix3d(1.306, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.609, -2.428, 0, 1); } 5.69% { -webkit-transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.655, -1.075, 0, 1); transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.655, -1.075, 0, 1); } 5.76% { -webkit-transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.477, -0.954, 0, 1); transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.477, -0.954, 0, 1); } 7.41% { -webkit-transform: matrix3d(1.248, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.38, 1.007, 0, 1); transform: matrix3d(1.248, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.38, 1.007, 0, 1); } 7.46% { -webkit-transform: matrix3d(1.244, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.313, 1.046, 0, 1); transform: matrix3d(1.244, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.313, 1.046, 0, 1); } 7.51% { -webkit-transform: matrix3d(1.24, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.245, 1.083, 0, 1); transform: matrix3d(1.24, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.245, 1.083, 0, 1); } 7.88% { -webkit-transform: matrix3d(1.161, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0.201, 1.406, 0, 1); transform: matrix3d(1.161, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0.201, 1.406, 0, 1); } 8.68% { -webkit-transform: matrix3d(1.008, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0.965, 1.989, 0, 1); transform: matrix3d(1.008, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0.965, 1.989, 0, 1); } 9.95% { -webkit-transform: matrix3d(0.831, 0, 0, 0, 0, 1.326, 0, 0, 0, 0, 1, 0, 1.66, 2.475, 0, 1); transform: matrix3d(0.831, 0, 0, 0, 0, 1.326, 0, 0, 0, 0, 1, 0, 1.66, 2.475, 0, 1); } 10.03% { -webkit-transform: matrix3d(0.823, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, 1.685, 2.487, 0, 1); transform: matrix3d(0.823, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, 1.685, 2.487, 0, 1); } 10.85% { -webkit-transform: matrix3d(0.749, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, 1.861, 2.511, 0, 1); transform: matrix3d(0.749, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, 1.861, 2.511, 0, 1); } 11.53% { -webkit-transform: matrix3d(0.705, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 1.899, 2.406, 0, 1); transform: matrix3d(0.705, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 1.899, 2.406, 0, 1); } 12.22% { -webkit-transform: matrix3d(0.675, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, 1.862, 2.212, 0, 1); transform: matrix3d(0.675, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, 1.862, 2.212, 0, 1); } 14.18% { -webkit-transform: matrix3d(0.643, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 1.505, 1.433, 0, 1); transform: matrix3d(0.643, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 1.505, 1.433, 0, 1); } 14.37% { -webkit-transform: matrix3d(0.643, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 1.46, 1.354, 0, 1); transform: matrix3d(0.643, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 1.46, 1.354, 0, 1); } 16.37% { -webkit-transform: matrix3d(0.667, 0, 0, 0, 0, 1.47, 0, 0, 0, 0, 1, 0, 0.964, 0.606, 0, 1); transform: matrix3d(0.667, 0, 0, 0, 0, 1.47, 0, 0, 0, 0, 1, 0, 0.964, 0.606, 0, 1); } 19.23% { -webkit-transform: matrix3d(0.742, 0, 0, 0, 0, 1.371, 0, 0, 0, 0, 1, 0, 0.385, 0.004, 0, 1); transform: matrix3d(0.742, 0, 0, 0, 0, 1.371, 0, 0, 0, 0, 1, 0, 0.385, 0.004, 0, 1); } 20.01% { -webkit-transform: matrix3d(0.765, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, 0.272, -0.071, 0, 1); transform: matrix3d(0.765, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, 0.272, -0.071, 0, 1); } 22.8% { -webkit-transform: matrix3d(0.847, 0, 0, 0, 0, 1.222, 0, 0, 0, 0, 1, 0, 0.017, -0.152, 0, 1); transform: matrix3d(0.847, 0, 0, 0, 0, 1.222, 0, 0, 0, 0, 1, 0, 0.017, -0.152, 0, 1); } 23.05% { -webkit-transform: matrix3d(0.854, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, 0.004, -0.15, 0, 1); transform: matrix3d(0.854, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, 0.004, -0.15, 0, 1); } 25.75% { -webkit-transform: matrix3d(0.922, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, -0.071, -0.098, 0, 1); transform: matrix3d(0.922, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, -0.071, -0.098, 0, 1); } 26.94% { -webkit-transform: matrix3d(0.946, 0, 0, 0, 0, 1.078, 0, 0, 0, 0, 1, 0, -0.076, -0.07, 0, 1); transform: matrix3d(0.946, 0, 0, 0, 0, 1.078, 0, 0, 0, 0, 1, 0, -0.076, -0.07, 0, 1); } 31.58% { -webkit-transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, -0.041, -0.003, 0, 1); transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, -0.041, -0.003, 0, 1); } 31.73% { -webkit-transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, -0.039, -0.002, 0, 1); transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, -0.039, -0.002, 0, 1); } 35.64% { -webkit-transform: matrix3d(1.028, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, -0.01, 0.008, 0, 1); transform: matrix3d(1.028, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, -0.01, 0.008, 0, 1); } 37.32% { -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, -0.003, 0.007, 0, 1); transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, -0.003, 0.007, 0, 1); } 38.15% { -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, -0.001, 0.006, 0, 1); transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, -0.001, 0.006, 0, 1); } 42.35% { -webkit-transform: matrix3d(1.022, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0.003, 0.002, 0, 1); transform: matrix3d(1.022, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0.003, 0.002, 0, 1); } 48.55% { -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0.001, -0.001, 0, 1); transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0.001, -0.001, 0, 1); } 48.9% { -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0.001, -0.001, 0, 1); transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0.001, -0.001, 0, 1); } 57.77% { -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 57.8% { -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 60.47% { -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 69.36% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 83.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @keyframes bounce-to-bottom-right { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -30, -20, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -30, -20, 0, 1); } 2.49% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -15.601, -9.715, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -15.601, -9.715, 0, 1); } 2.92% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -13.522, -8.181, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -13.522, -8.181, 0, 1); } 3.37% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.487, -6.683, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.487, -6.683, 0, 1); } 3.47% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.06, -6.369, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.06, -6.369, 0, 1); } 4.58% { -webkit-transform: matrix3d(1.265, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -6.865, -3.321, 0, 1); transform: matrix3d(1.265, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -6.865, -3.321, 0, 1); } 4.98% { -webkit-transform: matrix3d(1.306, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.609, -2.428, 0, 1); transform: matrix3d(1.306, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.609, -2.428, 0, 1); } 5.69% { -webkit-transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.655, -1.075, 0, 1); transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.655, -1.075, 0, 1); } 5.76% { -webkit-transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.477, -0.954, 0, 1); transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.477, -0.954, 0, 1); } 7.41% { -webkit-transform: matrix3d(1.248, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.38, 1.007, 0, 1); transform: matrix3d(1.248, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.38, 1.007, 0, 1); } 7.46% { -webkit-transform: matrix3d(1.244, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.313, 1.046, 0, 1); transform: matrix3d(1.244, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.313, 1.046, 0, 1); } 7.51% { -webkit-transform: matrix3d(1.24, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.245, 1.083, 0, 1); transform: matrix3d(1.24, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.245, 1.083, 0, 1); } 7.88% { -webkit-transform: matrix3d(1.161, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0.201, 1.406, 0, 1); transform: matrix3d(1.161, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0.201, 1.406, 0, 1); } 8.68% { -webkit-transform: matrix3d(1.008, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0.965, 1.989, 0, 1); transform: matrix3d(1.008, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0.965, 1.989, 0, 1); } 9.95% { -webkit-transform: matrix3d(0.831, 0, 0, 0, 0, 1.326, 0, 0, 0, 0, 1, 0, 1.66, 2.475, 0, 1); transform: matrix3d(0.831, 0, 0, 0, 0, 1.326, 0, 0, 0, 0, 1, 0, 1.66, 2.475, 0, 1); } 10.03% { -webkit-transform: matrix3d(0.823, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, 1.685, 2.487, 0, 1); transform: matrix3d(0.823, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, 1.685, 2.487, 0, 1); } 10.85% { -webkit-transform: matrix3d(0.749, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, 1.861, 2.511, 0, 1); transform: matrix3d(0.749, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, 1.861, 2.511, 0, 1); } 11.53% { -webkit-transform: matrix3d(0.705, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 1.899, 2.406, 0, 1); transform: matrix3d(0.705, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 1.899, 2.406, 0, 1); } 12.22% { -webkit-transform: matrix3d(0.675, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, 1.862, 2.212, 0, 1); transform: matrix3d(0.675, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, 1.862, 2.212, 0, 1); } 14.18% { -webkit-transform: matrix3d(0.643, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 1.505, 1.433, 0, 1); transform: matrix3d(0.643, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 1.505, 1.433, 0, 1); } 14.37% { -webkit-transform: matrix3d(0.643, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 1.46, 1.354, 0, 1); transform: matrix3d(0.643, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 1.46, 1.354, 0, 1); } 16.37% { -webkit-transform: matrix3d(0.667, 0, 0, 0, 0, 1.47, 0, 0, 0, 0, 1, 0, 0.964, 0.606, 0, 1); transform: matrix3d(0.667, 0, 0, 0, 0, 1.47, 0, 0, 0, 0, 1, 0, 0.964, 0.606, 0, 1); } 19.23% { -webkit-transform: matrix3d(0.742, 0, 0, 0, 0, 1.371, 0, 0, 0, 0, 1, 0, 0.385, 0.004, 0, 1); transform: matrix3d(0.742, 0, 0, 0, 0, 1.371, 0, 0, 0, 0, 1, 0, 0.385, 0.004, 0, 1); } 20.01% { -webkit-transform: matrix3d(0.765, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, 0.272, -0.071, 0, 1); transform: matrix3d(0.765, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, 0.272, -0.071, 0, 1); } 22.8% { -webkit-transform: matrix3d(0.847, 0, 0, 0, 0, 1.222, 0, 0, 0, 0, 1, 0, 0.017, -0.152, 0, 1); transform: matrix3d(0.847, 0, 0, 0, 0, 1.222, 0, 0, 0, 0, 1, 0, 0.017, -0.152, 0, 1); } 23.05% { -webkit-transform: matrix3d(0.854, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, 0.004, -0.15, 0, 1); transform: matrix3d(0.854, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, 0.004, -0.15, 0, 1); } 25.75% { -webkit-transform: matrix3d(0.922, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, -0.071, -0.098, 0, 1); transform: matrix3d(0.922, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, -0.071, -0.098, 0, 1); } 26.94% { -webkit-transform: matrix3d(0.946, 0, 0, 0, 0, 1.078, 0, 0, 0, 0, 1, 0, -0.076, -0.07, 0, 1); transform: matrix3d(0.946, 0, 0, 0, 0, 1.078, 0, 0, 0, 0, 1, 0, -0.076, -0.07, 0, 1); } 31.58% { -webkit-transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, -0.041, -0.003, 0, 1); transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, -0.041, -0.003, 0, 1); } 31.73% { -webkit-transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, -0.039, -0.002, 0, 1); transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, -0.039, -0.002, 0, 1); } 35.64% { -webkit-transform: matrix3d(1.028, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, -0.01, 0.008, 0, 1); transform: matrix3d(1.028, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, -0.01, 0.008, 0, 1); } 37.32% { -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, -0.003, 0.007, 0, 1); transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, -0.003, 0.007, 0, 1); } 38.15% { -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, -0.001, 0.006, 0, 1); transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, -0.001, 0.006, 0, 1); } 42.35% { -webkit-transform: matrix3d(1.022, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0.003, 0.002, 0, 1); transform: matrix3d(1.022, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0.003, 0.002, 0, 1); } 48.55% { -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0.001, -0.001, 0, 1); transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0.001, -0.001, 0, 1); } 48.9% { -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0.001, -0.001, 0, 1); transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0.001, -0.001, 0, 1); } 57.77% { -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 57.8% { -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 60.47% { -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 69.36% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 83.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @-webkit-keyframes buzz-quake { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 10% { -webkit-transform: translate(2px, 2px); transform: translate(2px, 2px); } 20% { -webkit-transform: translate(2px, -1px); transform: translate(2px, -1px); } 30% { -webkit-transform: translate(0px, 1px); transform: translate(0px, 1px); } 40% { -webkit-transform: translate(1px, 3px); transform: translate(1px, 3px); } 50% { -webkit-transform: translate(-1px, 1px); transform: translate(-1px, 1px); } 60% { -webkit-transform: translate(-3px, -1px); transform: translate(-3px, -1px); } 70% { -webkit-transform: translate(-1px, -3px); transform: translate(-1px, -3px); } 80% { -webkit-transform: translate(1px, -3px); transform: translate(1px, -3px); } 90% { -webkit-transform: translate(0px, -1px); transform: translate(0px, -1px); } 100% { -webkit-transform: translate(-1px, 1px); transform: translate(-1px, 1px); } } @keyframes buzz-quake { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 10% { -webkit-transform: translate(2px, 2px); transform: translate(2px, 2px); } 20% { -webkit-transform: translate(2px, -1px); transform: translate(2px, -1px); } 30% { -webkit-transform: translate(0px, 1px); transform: translate(0px, 1px); } 40% { -webkit-transform: translate(1px, 3px); transform: translate(1px, 3px); } 50% { -webkit-transform: translate(-1px, 1px); transform: translate(-1px, 1px); } 60% { -webkit-transform: translate(-3px, -1px); transform: translate(-3px, -1px); } 70% { -webkit-transform: translate(-1px, -3px); transform: translate(-1px, -3px); } 80% { -webkit-transform: translate(1px, -3px); transform: translate(1px, -3px); } 90% { -webkit-transform: translate(0px, -1px); transform: translate(0px, -1px); } 100% { -webkit-transform: translate(-1px, 1px); transform: translate(-1px, 1px); } } @-webkit-keyframes search-1 { 0% { opacity: 0; -webkit-transform: translate(5px, 10px); transform: translate(5px, 10px); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes search-1 { 0% { opacity: 0; -webkit-transform: translate(5px, 10px); transform: translate(5px, 10px); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes search-2 { 0% { opacity: 0; -webkit-transform: translate(-3px, -3px); transform: translate(-3px, -3px); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes search-2 { 0% { opacity: 0; -webkit-transform: translate(-3px, -3px); transform: translate(-3px, -3px); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes game-scroll-anim { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes game-scroll-anim { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes game-jump-anim { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 14% { -webkit-transform: scale(1.18, 0.9); transform: scale(1.18, 0.9); } 24% { -webkit-transform: translateY(-20px); transform: translateY(-20px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 38% { -webkit-transform: translateY(-30px); transform: translateY(-30px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 67% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 72% { -webkit-transform: translateY(10px) scale(1.18, 0.9); transform: translateY(10px) scale(1.18, 0.9); } 81% { -webkit-transform: translateY(-2px) scale(0.95, 1); transform: translateY(-2px) scale(0.95, 1); } 90% { -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes game-jump-anim { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 14% { -webkit-transform: scale(1.18, 0.9); transform: scale(1.18, 0.9); } 24% { -webkit-transform: translateY(-20px); transform: translateY(-20px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 38% { -webkit-transform: translateY(-30px); transform: translateY(-30px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 67% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 72% { -webkit-transform: translateY(10px) scale(1.18, 0.9); transform: translateY(10px) scale(1.18, 0.9); } 81% { -webkit-transform: translateY(-2px) scale(0.95, 1); transform: translateY(-2px) scale(0.95, 1); } 90% { -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes left-cloud { 0% { opacity: 0; -webkit-transform: translateX(0%); transform: translateX(0%); } 20% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateX(-30%); transform: translateX(-30%); } } @keyframes left-cloud { 0% { opacity: 0; -webkit-transform: translateX(0%); transform: translateX(0%); } 20% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateX(-30%); transform: translateX(-30%); } } @-webkit-keyframes right-cloud { 0% { opacity: 0; -webkit-transform: translateX(0%); transform: translateX(0%); } 30% { opacity: 1; } 70% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateX(30%); transform: translateX(30%); } } @keyframes right-cloud { 0% { opacity: 0; -webkit-transform: translateX(0%); transform: translateX(0%); } 30% { opacity: 1; } 70% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateX(30%); transform: translateX(30%); } } @-webkit-keyframes arrow-swing { 0% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateX(0); transform: translateX(0); } 45% { -webkit-transform: translateX(5px); transform: translateX(5px); } 55% { -webkit-transform: translateX(5px); transform: translateX(5px); } 100% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes arrow-swing { 0% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateX(0); transform: translateX(0); } 45% { -webkit-transform: translateX(5px); transform: translateX(5px); } 55% { -webkit-transform: translateX(5px); transform: translateX(5px); } 100% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes icon-tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -5deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -5deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, 5deg); transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, 5deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, -5deg); transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes icon-tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -5deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -5deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, 5deg); transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, 5deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, -5deg); transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes drone-floating { 0%, 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(20%); transform: translateY(20%); } } @keyframes drone-floating { 0%, 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(20%); transform: translateY(20%); } } @-webkit-keyframes drone-winding { 0% { background-position: 0% 0%; } 50% { background-position: 0% 100%; } } @keyframes drone-winding { 0% { background-position: 0% 0%; } 50% { background-position: 0% 100%; } } @-webkit-keyframes submenu-simple-hover { 0% { -webkit-transform: translateY(-5px); transform: translateY(-5px); opacity: 0.2; } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } } @keyframes submenu-simple-hover { 0% { -webkit-transform: translateY(-5px); transform: translateY(-5px); opacity: 0.2; } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } } @-webkit-keyframes submenu-game-hover { 0% { -webkit-transform: scale(0.95); transform: scale(0.95); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes submenu-game-hover { 0% { -webkit-transform: scale(0.95); transform: scale(0.95); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes submenu-comic-hover { 0% { -webkit-transform: translateX(-8px); transform: translateX(-8px); } 50% { -webkit-transform: translateX(5px); transform: translateX(5px); } 80% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 95% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes submenu-comic-hover { 0% { -webkit-transform: translateX(-8px); transform: translateX(-8px); } 50% { -webkit-transform: translateX(5px); transform: translateX(5px); } 80% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 95% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @-webkit-keyframes submenu-comic-onomatope { 0% { -webkit-transform: translate(-20px, 10px) rotate(-20deg); transform: translate(-20px, 10px) rotate(-20deg); opacity: 1; } 20% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); opacity: 1; } 70% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); opacity: 1; } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); opacity: 0; } } @keyframes submenu-comic-onomatope { 0% { -webkit-transform: translate(-20px, 10px) rotate(-20deg); transform: translate(-20px, 10px) rotate(-20deg); opacity: 1; } 20% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); opacity: 1; } 70% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); opacity: 1; } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); opacity: 0; } } @-webkit-keyframes tech-logo-flash { 0% { opacity: 0.4; } 50% { opacity: 1; } 100% { opacity: 0.4; } } @keyframes tech-logo-flash { 0% { opacity: 0.4; } 50% { opacity: 1; } 100% { opacity: 0.4; } } @-webkit-keyframes thunder-sprite-step { 0% { opacity: 0; } 84% { opacity: 0; } 85% { opacity: 1; background-position: 0 0; } 99% { opacity: 1; background-position: -900px 0; } 100% { opacity: 0; } } @keyframes thunder-sprite-step { 0% { opacity: 0; } 84% { opacity: 0; } 85% { opacity: 1; background-position: 0 0; } 99% { opacity: 1; background-position: -900px 0; } 100% { opacity: 0; } } @-webkit-keyframes logo-sprite-step { from { background-position: 0 0; } to { background-position: -2300px 0; } } @keyframes logo-sprite-step { from { background-position: 0 0; } to { background-position: -2300px 0; } } @-webkit-keyframes logo-jump-sprite-step { from { background-position: 0 0; } to { background-position: -2300px 0; } } @keyframes logo-jump-sprite-step { from { background-position: 0 0; } to { background-position: -2300px 0; } } @-webkit-keyframes logo-oar-sprite-step { from { background-position: 0 0; } to { background-position: 0 -256px; } } @keyframes logo-oar-sprite-step { from { background-position: 0 0; } to { background-position: 0 -256px; } } @-webkit-keyframes long-logo-oar-sprite-step { from { background-position: 0 0; } to { background-position: 0 -256px; } } @keyframes long-logo-oar-sprite-step { from { background-position: 0 0; } to { background-position: 0 -256px; } } @-webkit-keyframes logo-sword-sprite-step-forward { from { background-position: 0 0; } to { background-position: 0 -672px; } } @keyframes logo-sword-sprite-step-forward { from { background-position: 0 0; } to { background-position: 0 -672px; } } @-webkit-keyframes logo-sword-sprite-step-back { from { background-position: 0 -672px; } to { background-position: 0 -912px; } } @keyframes logo-sword-sprite-step-back { from { background-position: 0 -672px; } to { background-position: 0 -912px; } } @-webkit-keyframes logo-comic-sprite-step { 0% { background-position: 0 0; } 50% { background-position: 0 -611px; } 100% { background-position: 0 -611px; } } @keyframes logo-comic-sprite-step { 0% { background-position: 0 0; } 50% { background-position: 0 -611px; } 100% { background-position: 0 -611px; } } @-webkit-keyframes loading-animation { from { background-position: 0 0; } to { background-position: 0 -1200px; } } @keyframes loading-animation { from { background-position: 0 0; } to { background-position: 0 -1200px; } } @-webkit-keyframes game-loading-animation { from { background-position: 0 0; } to { background-position: 0 -600px; } } @keyframes game-loading-animation { from { background-position: 0 0; } to { background-position: 0 -600px; } } @-webkit-keyframes sp-loading-animation { from { background-position: 0 0; } to { background-position: 0 -600px; } } @keyframes sp-loading-animation { from { background-position: 0 0; } to { background-position: 0 -600px; } } @-webkit-keyframes sp-game-loading-animation { from { background-position: 0 0; } to { background-position: 0 -300px; } } @keyframes sp-game-loading-animation { from { background-position: 0 0; } to { background-position: 0 -300px; } } @-webkit-keyframes button-link-up { from { background-position: 0 0; } to { background-position: -3010px 0; } } @keyframes button-link-up { from { background-position: 0 0; } to { background-position: -3010px 0; } } @-webkit-keyframes button-link-down { from { background-position: 0 0; } to { background-position: -9890px 0; } } @keyframes button-link-down { from { background-position: 0 0; } to { background-position: -9890px 0; } } @-webkit-keyframes tech-border-show { 0% { background-position: 0 0; } 100% { background-position: -4464px 0px; } } @keyframes tech-border-show { 0% { background-position: 0 0; } 100% { background-position: -4464px 0px; } } @-webkit-keyframes tech-border-hide { 0% { background-position: -4464px 0px; } 100% { background-position: 0 0; } } @keyframes tech-border-hide { 0% { background-position: -4464px 0px; } 100% { background-position: 0 0; } } @-webkit-keyframes tech-text-flash { 0% { color: #ccc; text-shadow: 1px -1px 0em #666666, 1px 1px 0em #666666, -1px -1px 0em #666666, -1px 1px 0em #666666; } 25% { color: rgba(255, 255, 255, 0.8); text-shadow: 1px -1px 0.15em #666666, 1px 1px 0.15em #666666, -1px -1px 0.15em #666666, -1px 1px 0.15em #666666; } 50% { color: #ccc; text-shadow: 1px -1px 0em #666666, 1px 1px 0em #666666, -1px -1px 0em #666666, -1px 1px 0em #666666; } 75% { color: rgba(255, 255, 255, 0.9); text-shadow: 1px -1px 0.2em #666666, 1px 1px 0.2em #666666, -1px -1px 0.2em #666666, -1px 1px 0.2em #666666; } 100% { color: white; text-shadow: 1px -1px 0.3em #666666, 1px 1px 0.3em #666666, -1px -1px 0.3em #666666, -1px 1px 0.3em #666666; } } @keyframes tech-text-flash { 0% { color: #ccc; text-shadow: 1px -1px 0em #666666, 1px 1px 0em #666666, -1px -1px 0em #666666, -1px 1px 0em #666666; } 25% { color: rgba(255, 255, 255, 0.8); text-shadow: 1px -1px 0.15em #666666, 1px 1px 0.15em #666666, -1px -1px 0.15em #666666, -1px 1px 0.15em #666666; } 50% { color: #ccc; text-shadow: 1px -1px 0em #666666, 1px 1px 0em #666666, -1px -1px 0em #666666, -1px 1px 0em #666666; } 75% { color: rgba(255, 255, 255, 0.9); text-shadow: 1px -1px 0.2em #666666, 1px 1px 0.2em #666666, -1px -1px 0.2em #666666, -1px 1px 0.2em #666666; } 100% { color: white; text-shadow: 1px -1px 0.3em #666666, 1px 1px 0.3em #666666, -1px -1px 0.3em #666666, -1px 1px 0.3em #666666; } } @-webkit-keyframes placole-left { 0% { -webkit-transform: scale(0.8) translateX(120px); transform: scale(0.8) translateX(120px); opacity: 0; } 4% { -webkit-transform: scale(1) translateX(0px); transform: scale(1) translateX(0px); opacity: 1; } 13% { opacity: 1; } 20% { opacity: 0; } 100% { opacity: 0; } } @keyframes placole-left { 0% { -webkit-transform: scale(0.8) translateX(120px); transform: scale(0.8) translateX(120px); opacity: 0; } 4% { -webkit-transform: scale(1) translateX(0px); transform: scale(1) translateX(0px); opacity: 1; } 13% { opacity: 1; } 20% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes placole-right { 0% { -webkit-transform: scale(0.9) translate(-100px, 60px); transform: scale(0.9) translate(-100px, 60px); opacity: 0; } 4% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); opacity: 1; } 13% { opacity: 1; } 20% { opacity: 0; } 100% { opacity: 0; } } @keyframes placole-right { 0% { -webkit-transform: scale(0.9) translate(-100px, 60px); transform: scale(0.9) translate(-100px, 60px); opacity: 0; } 4% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); opacity: 1; } 13% { opacity: 1; } 20% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes placole-center { 0% { -webkit-transform: scale(0.8) translateY(60px); transform: scale(0.8) translateY(60px); opacity: 0; } 6% { -webkit-transform: scale(1) translateX(0px); transform: scale(1) translateX(0px); opacity: 1; } 30% { opacity: 1; } 35% { opacity: 0; } 100% { opacity: 0; } } @keyframes placole-center { 0% { -webkit-transform: scale(0.8) translateY(60px); transform: scale(0.8) translateY(60px); opacity: 0; } 6% { -webkit-transform: scale(1) translateX(0px); transform: scale(1) translateX(0px); opacity: 1; } 30% { opacity: 1; } 35% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes niku-jump { 0% { -webkit-transform: scale(1); transform: scale(1); } 3% { -webkit-transform: scale(1.2, 0.9); transform: scale(1.2, 0.9); } 4% { -webkit-transform: translateY(-60px); transform: translateY(-60px); } 7% { -webkit-transform: translateY(-155px); transform: translateY(-155px); } 11% { -webkit-transform: translateY(-165px); transform: translateY(-165px); } 12% { -webkit-transform: translateY(-165px) rotate(180deg); transform: translateY(-165px) rotate(180deg); } 16% { -webkit-transform: translateY(0px) rotate(180deg); transform: translateY(0px) rotate(180deg); } 17% { -webkit-transform: scale(1.2, 0.9); transform: scale(1.2, 0.9); } 18% { -webkit-transform: translateY(-10px) scale(0.9, 1); transform: translateY(-10px) scale(0.9, 1); } 20% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: steps(1); animation-timing-function: steps(1); } 30% { -webkit-transform: translateY(5px); transform: translateY(5px); -webkit-animation-timing-function: steps(1); animation-timing-function: steps(1); } 40% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: steps(1); animation-timing-function: steps(1); } 50% { -webkit-transform: translateY(5px); transform: translateY(5px); -webkit-animation-timing-function: steps(1); animation-timing-function: steps(1); } 60% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: steps(1); animation-timing-function: steps(1); } 70% { -webkit-transform: translateY(5px); transform: translateY(5px); -webkit-animation-timing-function: steps(1); animation-timing-function: steps(1); } 80% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: steps(1); animation-timing-function: steps(1); } 90% { -webkit-transform: translateY(5px); transform: translateY(5px); -webkit-animation-timing-function: steps(1); animation-timing-function: steps(1); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: steps(1); animation-timing-function: steps(1); } } @keyframes niku-jump { 0% { -webkit-transform: scale(1); transform: scale(1); } 3% { -webkit-transform: scale(1.2, 0.9); transform: scale(1.2, 0.9); } 4% { -webkit-transform: translateY(-60px); transform: translateY(-60px); } 7% { -webkit-transform: translateY(-155px); transform: translateY(-155px); } 11% { -webkit-transform: translateY(-165px); transform: translateY(-165px); } 12% { -webkit-transform: translateY(-165px) rotate(180deg); transform: translateY(-165px) rotate(180deg); } 16% { -webkit-transform: translateY(0px) rotate(180deg); transform: translateY(0px) rotate(180deg); } 17% { -webkit-transform: scale(1.2, 0.9); transform: scale(1.2, 0.9); } 18% { -webkit-transform: translateY(-10px) scale(0.9, 1); transform: translateY(-10px) scale(0.9, 1); } 20% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: steps(1); animation-timing-function: steps(1); } 30% { -webkit-transform: translateY(5px); transform: translateY(5px); -webkit-animation-timing-function: steps(1); animation-timing-function: steps(1); } 40% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: steps(1); animation-timing-function: steps(1); } 50% { -webkit-transform: translateY(5px); transform: translateY(5px); -webkit-animation-timing-function: steps(1); animation-timing-function: steps(1); } 60% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: steps(1); animation-timing-function: steps(1); } 70% { -webkit-transform: translateY(5px); transform: translateY(5px); -webkit-animation-timing-function: steps(1); animation-timing-function: steps(1); } 80% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: steps(1); animation-timing-function: steps(1); } 90% { -webkit-transform: translateY(5px); transform: translateY(5px); -webkit-animation-timing-function: steps(1); animation-timing-function: steps(1); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: steps(1); animation-timing-function: steps(1); } } @-webkit-keyframes niku-sprite { 0% { background-position: 0 0; } 4% { background-position: -140px 0; } 16% { background-position: 0 0; } 100% { background-position: 0 0; } } @keyframes niku-sprite { 0% { background-position: 0 0; } 4% { background-position: -140px 0; } 16% { background-position: 0 0; } 100% { background-position: 0 0; } } @-webkit-keyframes dragon-sprite { 0% { background-position: 0 0; } 20% { background-position: -13800px 0; } 100% { background-position: -13800px 0; } } @keyframes dragon-sprite { 0% { background-position: 0 0; } 20% { background-position: -13800px 0; } 100% { background-position: -13800px 0; } } @-webkit-keyframes arrow-flash { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes arrow-flash { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes comic-hero-content-appear { 0% { -webkit-transform: translateX(24px); transform: translateX(24px); } 50% { -webkit-transform: translateX(-15px); transform: translateX(-15px); } 80% { -webkit-transform: translateX(4px); transform: translateX(4px); } 95% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes comic-hero-content-appear { 0% { -webkit-transform: translateX(24px); transform: translateX(24px); } 50% { -webkit-transform: translateX(-15px); transform: translateX(-15px); } 80% { -webkit-transform: translateX(4px); transform: translateX(4px); } 95% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @-webkit-keyframes comic-hero-midashi-appear { 0% { -webkit-transform: translateX(-24px); transform: translateX(-24px); } 50% { -webkit-transform: translateX(15px); transform: translateX(15px); } 80% { -webkit-transform: translateX(-4px); transform: translateX(-4px); } 95% { -webkit-transform: translateX(2px); transform: translateX(2px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes comic-hero-midashi-appear { 0% { -webkit-transform: translateX(-24px); transform: translateX(-24px); } 50% { -webkit-transform: translateX(15px); transform: translateX(15px); } 80% { -webkit-transform: translateX(-4px); transform: translateX(-4px); } 95% { -webkit-transform: translateX(2px); transform: translateX(2px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @-webkit-keyframes focus { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes focus { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes sp-design-change-modal { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sp-design-change-modal { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes game-side-niku-shake { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 20% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 40% { -webkit-transform: translate(-4px, 4px); transform: translate(-4px, 4px); } 60% { -webkit-transform: translate(4px, 0px); transform: translate(4px, 0px); } 80% { -webkit-transform: translate(-4px, 4px); transform: translate(-4px, 4px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes game-side-niku-shake { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 20% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 40% { -webkit-transform: translate(-4px, 4px); transform: translate(-4px, 4px); } 60% { -webkit-transform: translate(4px, 0px); transform: translate(4px, 0px); } 80% { -webkit-transform: translate(-4px, 4px); transform: translate(-4px, 4px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-webkit-keyframes thunder-flash { 0% { background-color: rgba(255, 255, 255, 0); } 5% { background-color: white; } 8% { background-color: rgba(255, 255, 255, 0); } 11% { background-color: white; } 14% { background-color: rgba(255, 255, 255, 0); } 17% { background-color: rgba(0, 0, 0, 0.7); } 70% { background-color: transparent; } } @keyframes thunder-flash { 0% { background-color: rgba(255, 255, 255, 0); } 5% { background-color: white; } 8% { background-color: rgba(255, 255, 255, 0); } 11% { background-color: white; } 14% { background-color: rgba(255, 255, 255, 0); } 17% { background-color: rgba(0, 0, 0, 0.7); } 70% { background-color: transparent; } } @-webkit-keyframes game-button-left { 0% { background-position: 0 0; } 100% { background-position: -3800px 0; visibility: hidden; } } @keyframes game-button-left { 0% { background-position: 0 0; } 100% { background-position: -3800px 0; visibility: hidden; } } @-webkit-keyframes game-button-right { 0% { background-position: 0 0; } 100% { background-position: -4200px 0; visibility: hidden; } } @keyframes game-button-right { 0% { background-position: 0 0; } 100% { background-position: -4200px 0; visibility: hidden; } } @-webkit-keyframes pickup-animation { 0% { background-position: 0 0; } 100% { background-position: -960px 0; } } @keyframes pickup-animation { 0% { background-position: 0 0; } 100% { background-position: -960px 0; } } @-webkit-keyframes news-letter-scroll-button-anim { 5% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 10% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 15% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 20% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 25% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes news-letter-scroll-button-anim { 5% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 10% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 15% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 20% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 25% { -webkit-transform: rotate(0); transform: rotate(0); } } @font-face { font-family: bombard; src: url("../font/bombard.ttf") format("truetype"), url("../font/bombard.woff") format("woff"); font-weight: normal; font-style: normal; } /* line 15, /home/circleci/app/app/assets/stylesheets/_common.scss */ .only-simple, .only-comic, .only-game, .only-kamakura, .only-tech { display: none; } /* line 24, /home/circleci/app/app/assets/stylesheets/_common.scss */ body[data-design="simple"] .only-simple { display: block; } /* line 30, /home/circleci/app/app/assets/stylesheets/_common.scss */ body[data-design="comic"] .only-comic { display: block; } /* line 36, /home/circleci/app/app/assets/stylesheets/_common.scss */ body[data-design="game"] .only-game { display: block; } /* line 42, /home/circleci/app/app/assets/stylesheets/_common.scss */ body[data-design="kamakura"] .only-kamakura { display: block; } /* line 48, /home/circleci/app/app/assets/stylesheets/_common.scss */ body[data-design="tech"] .only-tech { display: block; } /* line 53, /home/circleci/app/app/assets/stylesheets/_common.scss */ .disable_click { pointer-events: none; } /* line 1, /home/circleci/app/app/assets/stylesheets/_utility.scss */ .u-text-center { text-align: center; } /* line 5, /home/circleci/app/app/assets/stylesheets/_utility.scss */ .u-mt-8 { margin-top: 8px; } /* line 8, /home/circleci/app/app/assets/stylesheets/_utility.scss */ .u-mt-20 { margin-top: 20px; } /* line 12, /home/circleci/app/app/assets/stylesheets/_utility.scss */ .u-mt-40 { margin-top: 40px; } /* line 15, /home/circleci/app/app/assets/stylesheets/_utility.scss */ .u-float-none { float: none !important; } /* line 19, /home/circleci/app/app/assets/stylesheets/_utility.scss */ .u-display-none { display: none; } /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* -------------------------------------------------------------------------------- アニメーションキャラクター共通クラス -------------------------------------------------------------------------------- */ /** * @param {string} 画像名 * @param {number} 画像枚数 */ /** * @param {string} 画像名 * @param {number} 画像枚数 */ /* -------------------------------------------------------------------------------- ループコマアニメ -------------------------------------------------------------------------------- */ /** * @param {string} 画像名 * @param {number} キャラ数 * @param {number} アニメーション数 */ /* -------------------------------------------------------------------------------- 表情差分とストレッチ画像のアニメーション -------------------------------------------------------------------------------- */ /** * @param {string} 画像名 * @param {number} キャラ数 */ /* -------------------------------------------------------------------------------- ストレッチ画像のアニメーション -------------------------------------------------------------------------------- */ /** * @param {string} 画像名 * @param {number} キャラ数 */ /* -------------------------------------------------------------------------------- 飛んで行く前のタメ -------------------------------------------------------------------------------- */ /** * @param {number} x待機位置 * @param {number} y待機位置 */ /* -------------------------------------------------------------------------------- キャラごとの実装 -------------------------------------------------------------------------------- */ /** * にく */ /* line 247, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .game-bg-character__chara.chara-niku { width: 220px; height: 208px; } /* line 259, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .game-bg-character__chara.chara-niku div { pointer-events: none; width: 220px; height: 208px; background: url(/assets/pc/design/game/bg_chara_niku-951dca8a924245bc7470247b619aad36ee38c83fd7daa3f50826c7be44055a6d.png) no-repeat; background-position: 0 -208px; background-size: 220px 4160px; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; } /* line 271, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .over.game-bg-character__chara.chara-niku div { -webkit-animation: game-side-niku-shake 500ms linear; animation: game-side-niku-shake 500ms linear; background-position: 0 0px; } /* line 276, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .shot.game-bg-character__chara.chara-niku div { -webkit-transform: translate(700px, -700px); transform: translate(700px, -700px); } /* line 280, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .hide.game-bg-character__chara.chara-niku div { -webkit-transition: none; transition: none; -webkit-transform: translate(-150px, 150px); transform: translate(-150px, 150px); } /* line 287, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i0.game-bg-character__chara.chara-niku div { background-position: 0 -208px; } /* line 290, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i0.over.game-bg-character__chara.chara-niku div { background-position: 0 0px; } /* line 287, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i1.game-bg-character__chara.chara-niku div { background-position: 0 -624px; } /* line 290, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i1.over.game-bg-character__chara.chara-niku div { background-position: 0 -416px; } /* line 287, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i2.game-bg-character__chara.chara-niku div { background-position: 0 -1040px; } /* line 290, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i2.over.game-bg-character__chara.chara-niku div { background-position: 0 -832px; } /* line 287, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i3.game-bg-character__chara.chara-niku div { background-position: 0 -1456px; } /* line 290, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i3.over.game-bg-character__chara.chara-niku div { background-position: 0 -1248px; } /* line 287, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i4.game-bg-character__chara.chara-niku div { background-position: 0 -1872px; } /* line 290, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i4.over.game-bg-character__chara.chara-niku div { background-position: 0 -1664px; } /* line 287, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i5.game-bg-character__chara.chara-niku div { background-position: 0 -2288px; } /* line 290, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i5.over.game-bg-character__chara.chara-niku div { background-position: 0 -2080px; } /* line 287, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i6.game-bg-character__chara.chara-niku div { background-position: 0 -2704px; } /* line 290, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i6.over.game-bg-character__chara.chara-niku div { background-position: 0 -2496px; } /* line 287, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i7.game-bg-character__chara.chara-niku div { background-position: 0 -3120px; } /* line 290, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i7.over.game-bg-character__chara.chara-niku div { background-position: 0 -2912px; } /* line 287, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i8.game-bg-character__chara.chara-niku div { background-position: 0 -3536px; } /* line 290, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i8.over.game-bg-character__chara.chara-niku div { background-position: 0 -3328px; } /* line 287, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i9.game-bg-character__chara.chara-niku div { background-position: 0 -3952px; } /* line 290, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i9.over.game-bg-character__chara.chara-niku div { background-position: 0 -3744px; } /* line 287, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i10.game-bg-character__chara.chara-niku div { background-position: 0 -4368px; } /* line 290, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i10.over.game-bg-character__chara.chara-niku div { background-position: 0 -4160px; } /** * クイキン */ /* line 299, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .game-bg-character__chara.chara-kuikin { width: 268px; height: 238px; } /* line 64, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .game-bg-character__chara.chara-kuikin div { pointer-events: none; width: 268px; height: 238px; background: url(/assets/pc/design/game/bg_chara_kuikin-a51dda44b1208d413799e267f28d098b5b5c66914b78e92a38cb546a9df28cfd.png) no-repeat; background-size: 268px 2380px; -webkit-animation: kuikin_anim infinite steps(2) 1800ms; animation: kuikin_anim infinite steps(2) 1800ms; } @-webkit-keyframes kuikin_anim { to { background-position: 0 -476px; } } @keyframes kuikin_anim { to { background-position: 0 -476px; } } /* line 80, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i0.game-bg-character__chara.chara-kuikin div { background-position: 0 0px; -webkit-animation: kuikin_0_anim infinite steps(2) 1800ms; animation: kuikin_0_anim infinite steps(2) 1800ms; } @-webkit-keyframes kuikin_0_anim { to { background-position: 0 -476px; } } @keyframes kuikin_0_anim { to { background-position: 0 -476px; } } /* line 80, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i1.game-bg-character__chara.chara-kuikin div { background-position: 0 -476px; -webkit-animation: kuikin_1_anim infinite steps(2) 1800ms; animation: kuikin_1_anim infinite steps(2) 1800ms; } @-webkit-keyframes kuikin_1_anim { to { background-position: 0 -952px; } } @keyframes kuikin_1_anim { to { background-position: 0 -952px; } } /* line 80, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i2.game-bg-character__chara.chara-kuikin div { background-position: 0 -952px; -webkit-animation: kuikin_2_anim infinite steps(2) 1800ms; animation: kuikin_2_anim infinite steps(2) 1800ms; } @-webkit-keyframes kuikin_2_anim { to { background-position: 0 -1428px; } } @keyframes kuikin_2_anim { to { background-position: 0 -1428px; } } /* line 80, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i3.game-bg-character__chara.chara-kuikin div { background-position: 0 -1428px; -webkit-animation: kuikin_3_anim infinite steps(2) 1800ms; animation: kuikin_3_anim infinite steps(2) 1800ms; } @-webkit-keyframes kuikin_3_anim { to { background-position: 0 -1904px; } } @keyframes kuikin_3_anim { to { background-position: 0 -1904px; } } /* line 80, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i4.game-bg-character__chara.chara-kuikin div { background-position: 0 -1904px; -webkit-animation: kuikin_4_anim infinite steps(2) 1800ms; animation: kuikin_4_anim infinite steps(2) 1800ms; } @-webkit-keyframes kuikin_4_anim { to { background-position: 0 -2380px; } } @keyframes kuikin_4_anim { to { background-position: 0 -2380px; } } /* line 80, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i5.game-bg-character__chara.chara-kuikin div { background-position: 0 -2380px; -webkit-animation: kuikin_5_anim infinite steps(2) 1800ms; animation: kuikin_5_anim infinite steps(2) 1800ms; } @-webkit-keyframes kuikin_5_anim { to { background-position: 0 -2856px; } } @keyframes kuikin_5_anim { to { background-position: 0 -2856px; } } /* line 303, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .game-bg-character__chara.chara-kuikin div { -webkit-transition: -webkit-transform 600ms ease; transition: -webkit-transform 600ms ease; transition: transform 600ms ease; transition: transform 600ms ease, -webkit-transform 600ms ease; } /* line 307, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .over.game-bg-character__chara.chara-kuikin div { -webkit-transform: translate(-40px, 40px); transform: translate(-40px, 40px); -webkit-animation: kuikin_shake_anim ease-out 300ms; animation: kuikin_shake_anim ease-out 300ms; } @-webkit-keyframes kuikin_shake_anim { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 40% { -webkit-transform: translate(-40px, 40px); transform: translate(-40px, 40px); } 80% { -webkit-transform: translate(-38px, 42px); transform: translate(-38px, 42px); } 85% { -webkit-transform: translate(-42px, 42px); transform: translate(-42px, 42px); } 90% { -webkit-transform: translate(-42px, 38px); transform: translate(-42px, 38px); } 95% { -webkit-transform: translate(-38px, 38px); transform: translate(-38px, 38px); } 100% { -webkit-transform: translate(-40px, 40px); transform: translate(-40px, 40px); } } @keyframes kuikin_shake_anim { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 40% { -webkit-transform: translate(-40px, 40px); transform: translate(-40px, 40px); } 80% { -webkit-transform: translate(-38px, 42px); transform: translate(-38px, 42px); } 85% { -webkit-transform: translate(-42px, 42px); transform: translate(-42px, 42px); } 90% { -webkit-transform: translate(-42px, 38px); transform: translate(-42px, 38px); } 95% { -webkit-transform: translate(-38px, 38px); transform: translate(-38px, 38px); } 100% { -webkit-transform: translate(-40px, 40px); transform: translate(-40px, 40px); } } /* line 311, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .shot.game-bg-character__chara.chara-kuikin div { -webkit-transform: translate(1500px, -1500px); transform: translate(1500px, -1500px); } /* line 315, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .hide.game-bg-character__chara.chara-kuikin div { -webkit-transition: none; transition: none; -webkit-transform: translate(-150px, 150px); transform: translate(-150px, 150px); } /** * こんち */ /* line 324, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .game-bg-character__chara.chara-konchi { width: 150px; height: 150px; } /* line 35, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .game-bg-character__chara.chara-konchi div { pointer-events: none; width: 150px; height: 150px; background: url(/assets/pc/design/game/bg_chara_konchi-e07f2dbd688251999955db11c4a57709981547e42ef1b2dbfb210ab019eb0429.png) no-repeat; background-size: 150px 1500px; background-position: 0 0; } /* line 40, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i0.game-bg-character__chara.chara-konchi div { background-position: 0 0px; } /* line 40, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i1.game-bg-character__chara.chara-konchi div { background-position: 0 -150px; } /* line 40, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i2.game-bg-character__chara.chara-konchi div { background-position: 0 -300px; } /* line 40, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i3.game-bg-character__chara.chara-konchi div { background-position: 0 -450px; } /* line 40, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i4.game-bg-character__chara.chara-konchi div { background-position: 0 -600px; } /* line 40, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i5.game-bg-character__chara.chara-konchi div { background-position: 0 -750px; } /* line 40, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i6.game-bg-character__chara.chara-konchi div { background-position: 0 -900px; } /* line 40, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i7.game-bg-character__chara.chara-konchi div { background-position: 0 -1050px; } /* line 40, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i8.game-bg-character__chara.chara-konchi div { background-position: 0 -1200px; } /* line 40, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i9.game-bg-character__chara.chara-konchi div { background-position: 0 -1350px; } /* line 40, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i10.game-bg-character__chara.chara-konchi div { background-position: 0 -1500px; } /* line 328, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .game-bg-character__chara.chara-konchi div { -webkit-transition: -webkit-transform 600ms ease; transition: -webkit-transform 600ms ease; transition: transform 600ms ease; transition: transform 600ms ease, -webkit-transform 600ms ease; } /* line 332, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .over.game-bg-character__chara.chara-konchi div { -webkit-transform: translate(30px, 30px); transform: translate(30px, 30px); -webkit-animation: konchi_shake_anim ease-out 300ms; animation: konchi_shake_anim ease-out 300ms; } @-webkit-keyframes konchi_shake_anim { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 40% { -webkit-transform: translate(30px, 30px); transform: translate(30px, 30px); } 80% { -webkit-transform: translate(32px, 32px); transform: translate(32px, 32px); } 85% { -webkit-transform: translate(28px, 32px); transform: translate(28px, 32px); } 90% { -webkit-transform: translate(28px, 28px); transform: translate(28px, 28px); } 95% { -webkit-transform: translate(32px, 28px); transform: translate(32px, 28px); } 100% { -webkit-transform: translate(30px, 30px); transform: translate(30px, 30px); } } @keyframes konchi_shake_anim { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 40% { -webkit-transform: translate(30px, 30px); transform: translate(30px, 30px); } 80% { -webkit-transform: translate(32px, 32px); transform: translate(32px, 32px); } 85% { -webkit-transform: translate(28px, 32px); transform: translate(28px, 32px); } 90% { -webkit-transform: translate(28px, 28px); transform: translate(28px, 28px); } 95% { -webkit-transform: translate(32px, 28px); transform: translate(32px, 28px); } 100% { -webkit-transform: translate(30px, 30px); transform: translate(30px, 30px); } } /* line 336, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .shot.game-bg-character__chara.chara-konchi div { -webkit-transform: translate(-1500px, -1500px); transform: translate(-1500px, -1500px); } /* line 340, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .hide.game-bg-character__chara.chara-konchi div { -webkit-transition: none; transition: none; -webkit-transform: translate(150px, 150px); transform: translate(150px, 150px); } /** * 甲子園 */ /* line 349, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .game-bg-character__chara.chara-koshien { width: 284px; height: 334px; } /* line 110, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .game-bg-character__chara.chara-koshien div, body[data-design="game"] .game-bg-character__chara.chara-koshien div::after { pointer-events: none; display: block; width: 284px; height: 334px; background: url(/assets/pc/design/game/bg_chara_koshien-993c495052157571c8398ccdc8250aec71b1749459cf5b22fe76f8e4d5e17d3b.png) no-repeat; background-size: 284px 5010px; background-position: 0 0; } /* line 122, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .game-bg-character__chara.chara-koshien div::after { content: ""; position: absolute; left: 0; top: 0; background-position: 0 -334px; -webkit-animation: koshien_face_anim infinite steps(2) 2200ms; animation: koshien_face_anim infinite steps(2) 2200ms; } @-webkit-keyframes koshien_face_anim { to { background-position: -9999px 0; } } @keyframes koshien_face_anim { to { background-position: -9999px 0; } } /* line 136, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .over.game-bg-character__chara.chara-koshien div { background-position: 0 -668px; } /* line 139, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .over.game-bg-character__chara.chara-koshien div::after { content: none; } /* line 146, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i0.game-bg-character__chara.chara-koshien div { background-position: 0 0px; } /* line 149, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i0.game-bg-character__chara.chara-koshien div::after { background-position: 0 -334px; } /* line 152, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i0.over.game-bg-character__chara.chara-koshien div { background-position: 0 -668px; } /* line 146, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i1.game-bg-character__chara.chara-koshien div { background-position: 0 -1002px; } /* line 149, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i1.game-bg-character__chara.chara-koshien div::after { background-position: 0 -1336px; } /* line 152, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i1.over.game-bg-character__chara.chara-koshien div { background-position: 0 -1670px; } /* line 146, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i2.game-bg-character__chara.chara-koshien div { background-position: 0 -2004px; } /* line 149, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i2.game-bg-character__chara.chara-koshien div::after { background-position: 0 -2338px; } /* line 152, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i2.over.game-bg-character__chara.chara-koshien div { background-position: 0 -2672px; } /* line 146, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i3.game-bg-character__chara.chara-koshien div { background-position: 0 -3006px; } /* line 149, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i3.game-bg-character__chara.chara-koshien div::after { background-position: 0 -3340px; } /* line 152, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i3.over.game-bg-character__chara.chara-koshien div { background-position: 0 -3674px; } /* line 146, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i4.game-bg-character__chara.chara-koshien div { background-position: 0 -4008px; } /* line 149, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i4.game-bg-character__chara.chara-koshien div::after { background-position: 0 -4342px; } /* line 152, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i4.over.game-bg-character__chara.chara-koshien div { background-position: 0 -4676px; } /* line 146, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i5.game-bg-character__chara.chara-koshien div { background-position: 0 -5010px; } /* line 149, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i5.game-bg-character__chara.chara-koshien div::after { background-position: 0 -5344px; } /* line 152, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i5.over.game-bg-character__chara.chara-koshien div { background-position: 0 -5678px; } /* line 353, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .game-bg-character__chara.chara-koshien div { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: -webkit-transform 450ms ease-out; transition: -webkit-transform 450ms ease-out; transition: transform 450ms ease-out; transition: transform 450ms ease-out, -webkit-transform 450ms ease-out; } /* line 358, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .over.game-bg-character__chara.chara-koshien div { -webkit-transform: translate(-400px, 0px); transform: translate(-400px, 0px); -webkit-animation: koshien_change_anim ease-in 150ms; animation: koshien_change_anim ease-in 150ms; } @-webkit-keyframes koshien_change_anim { 0% { -webkit-transform: translate(10px, -10px); transform: translate(10px, -10px); } 8% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 100% { -webkit-transform: translate(-400px, 500px); transform: translate(-400px, 500px); } } @keyframes koshien_change_anim { 0% { -webkit-transform: translate(10px, -10px); transform: translate(10px, -10px); } 8% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 100% { -webkit-transform: translate(-400px, 500px); transform: translate(-400px, 500px); } } /** * 甲子園マネージャー */ /* line 378, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .game-bg-character__chara.chara-manager { width: 298px; height: 318px; } /* line 110, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .game-bg-character__chara.chara-manager div, body[data-design="game"] .game-bg-character__chara.chara-manager div::after { pointer-events: none; display: block; width: 298px; height: 318px; background: url(/assets/pc/design/game/bg_chara_manager-9e258c2c02aeab50ede3180cd6d7f197d7a0e1900e94257bc45945c0ef04f873.png) no-repeat; background-size: 298px 4770px; background-position: 0 0; } /* line 122, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .game-bg-character__chara.chara-manager div::after { content: ""; position: absolute; left: 0; top: 0; background-position: 0 -318px; -webkit-animation: manager_face_anim infinite steps(2) 2200ms; animation: manager_face_anim infinite steps(2) 2200ms; } @-webkit-keyframes manager_face_anim { to { background-position: -9999px 0; } } @keyframes manager_face_anim { to { background-position: -9999px 0; } } /* line 136, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .over.game-bg-character__chara.chara-manager div { background-position: 0 -636px; } /* line 139, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .over.game-bg-character__chara.chara-manager div::after { content: none; } /* line 146, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i0.game-bg-character__chara.chara-manager div { background-position: 0 0px; } /* line 149, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i0.game-bg-character__chara.chara-manager div::after { background-position: 0 -318px; } /* line 152, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i0.over.game-bg-character__chara.chara-manager div { background-position: 0 -636px; } /* line 146, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i1.game-bg-character__chara.chara-manager div { background-position: 0 -954px; } /* line 149, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i1.game-bg-character__chara.chara-manager div::after { background-position: 0 -1272px; } /* line 152, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i1.over.game-bg-character__chara.chara-manager div { background-position: 0 -1590px; } /* line 146, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i2.game-bg-character__chara.chara-manager div { background-position: 0 -1908px; } /* line 149, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i2.game-bg-character__chara.chara-manager div::after { background-position: 0 -2226px; } /* line 152, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i2.over.game-bg-character__chara.chara-manager div { background-position: 0 -2544px; } /* line 146, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i3.game-bg-character__chara.chara-manager div { background-position: 0 -2862px; } /* line 149, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i3.game-bg-character__chara.chara-manager div::after { background-position: 0 -3180px; } /* line 152, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i3.over.game-bg-character__chara.chara-manager div { background-position: 0 -3498px; } /* line 146, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i4.game-bg-character__chara.chara-manager div { background-position: 0 -3816px; } /* line 149, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i4.game-bg-character__chara.chara-manager div::after { background-position: 0 -4134px; } /* line 152, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i4.over.game-bg-character__chara.chara-manager div { background-position: 0 -4452px; } /* line 146, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i5.game-bg-character__chara.chara-manager div { background-position: 0 -4770px; } /* line 149, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i5.game-bg-character__chara.chara-manager div::after { background-position: 0 -5088px; } /* line 152, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i5.over.game-bg-character__chara.chara-manager div { background-position: 0 -5406px; } /* line 382, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .game-bg-character__chara.chara-manager div { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: -webkit-transform 450ms ease-out; transition: -webkit-transform 450ms ease-out; transition: transform 450ms ease-out; transition: transform 450ms ease-out, -webkit-transform 450ms ease-out; } /* line 387, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .over.game-bg-character__chara.chara-manager div { -webkit-transform: translate(400px, 0px); transform: translate(400px, 0px); -webkit-animation: manager_change_anim ease-in 150ms; animation: manager_change_anim ease-in 150ms; } @-webkit-keyframes manager_change_anim { 0% { -webkit-transform: translate(-10px, -10px); transform: translate(-10px, -10px); } 8% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 100% { -webkit-transform: translate(400px, 500px); transform: translate(400px, 500px); } } @keyframes manager_change_anim { 0% { -webkit-transform: translate(-10px, -10px); transform: translate(-10px, -10px); } 8% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 100% { -webkit-transform: translate(400px, 500px); transform: translate(400px, 500px); } } /** * ポケフト */ /* line 407, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .game-bg-character__chara.chara-pokefoot { width: 210px; height: 274px; } /* line 176, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .game-bg-character__chara.chara-pokefoot div { pointer-events: none; display: block; width: 210px; height: 274px; background: url(/assets/pc/design/game/bg_chara_pokefoot-acb57694e1d959aa0109b7f2d339b8858aa42a28a46329cd285e19202b001d1a.png) no-repeat; background-size: 210px 2192px; background-position: 0 0; } /* line 186, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .over.game-bg-character__chara.chara-pokefoot div { background-position: 0 -274px; } /* line 193, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i0.game-bg-character__chara.chara-pokefoot div { background-position: 0 0px; } /* line 196, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i0.over.game-bg-character__chara.chara-pokefoot div { background-position: 0 -274px; } /* line 193, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i1.game-bg-character__chara.chara-pokefoot div { background-position: 0 -548px; } /* line 196, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i1.over.game-bg-character__chara.chara-pokefoot div { background-position: 0 -822px; } /* line 193, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i2.game-bg-character__chara.chara-pokefoot div { background-position: 0 -1096px; } /* line 196, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i2.over.game-bg-character__chara.chara-pokefoot div { background-position: 0 -1370px; } /* line 193, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i3.game-bg-character__chara.chara-pokefoot div { background-position: 0 -1644px; } /* line 196, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i3.over.game-bg-character__chara.chara-pokefoot div { background-position: 0 -1918px; } /* line 193, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i4.game-bg-character__chara.chara-pokefoot div { background-position: 0 -2192px; } /* line 196, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i4.over.game-bg-character__chara.chara-pokefoot div { background-position: 0 -2466px; } /* line 411, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .game-bg-character__chara.chara-pokefoot div { position: absolute; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: -webkit-transform 450ms ease-out; transition: -webkit-transform 450ms ease-out; transition: transform 450ms ease-out; transition: transform 450ms ease-out, -webkit-transform 450ms ease-out; -webkit-animation: pokefoot_anim infinite steps(2) 1800ms; animation: pokefoot_anim infinite steps(2) 1800ms; } /* line 418, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .over.game-bg-character__chara.chara-pokefoot div { -webkit-transform: translate(-400px, 0px); transform: translate(-400px, 0px); -webkit-animation: pokefoot_change_anim ease-in 150ms; animation: pokefoot_change_anim ease-in 150ms; } @-webkit-keyframes pokefoot_change_anim { 0% { -webkit-transform: translate(10px, -10px); transform: translate(10px, -10px); } 8% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 100% { -webkit-transform: translate(-400px, 500px); transform: translate(-400px, 500px); } } @keyframes pokefoot_change_anim { 0% { -webkit-transform: translate(10px, -10px); transform: translate(10px, -10px); } 8% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 100% { -webkit-transform: translate(-400px, 500px); transform: translate(-400px, 500px); } } @-webkit-keyframes pokefoot_anim { to { left: -10px; top: 10px; } } @keyframes pokefoot_anim { to { left: -10px; top: 10px; } } /** * モンアツ */ /* line 449, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .game-bg-character__chara.chara-monatsu div { -webkit-animation: monatsu_wait infinite steps(2) 1800ms; animation: monatsu_wait infinite steps(2) 1800ms; pointer-events: none; } /* line 453, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .game-bg-character__chara.chara-monatsu div::before, body[data-design="game"] .game-bg-character__chara.chara-monatsu div::after { pointer-events: none; content: ""; display: block; background-position: 0 0; -webkit-transition: -webkit-transform 600ms ease; transition: -webkit-transform 600ms ease; transition: transform 600ms ease; transition: transform 600ms ease, -webkit-transform 600ms ease; } /* line 463, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .game-bg-character__chara.chara-monatsu div::before { pointer-events: none; width: 332px; height: 337px; background: url(/assets/pc/design/game/bg_chara_monatsu-7af4ae00b20612d3cb44feed770293dc59d1c0d228770d47d02cb4f1b98615b8.png) no-repeat; background-size: 332px 1685px; background-position: 0 0; position: relative; z-index: 1; } /* line 470, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .game-bg-character__chara.chara-monatsu div::after { pointer-events: none; width: 171px; height: 182px; background: url(/assets/pc/design/game/bg_chara_monhero-583b551fceb5803336ceed3fd11ac8bb94741de9b473397131d5752db220925e.png) no-repeat; background-size: 171px 182px; background-position: 0 0; position: absolute; left: 165px; top: 220px; } /* line 481, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i0.game-bg-character__chara.chara-monatsu div::before { background-position: 0 0px; } /* line 481, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i1.game-bg-character__chara.chara-monatsu div::before { background-position: 0 -337px; } /* line 481, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i2.game-bg-character__chara.chara-monatsu div::before { background-position: 0 -674px; } /* line 481, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i3.game-bg-character__chara.chara-monatsu div::before { background-position: 0 -1011px; } /* line 481, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i4.game-bg-character__chara.chara-monatsu div::before { background-position: 0 -1348px; } /* line 481, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .i5.game-bg-character__chara.chara-monatsu div::before { background-position: 0 -1685px; } /* line 487, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .over.game-bg-character__chara.chara-monatsu div { -webkit-animation: none; animation: none; -webkit-animation: monatsu_tame ease-out 300ms; animation: monatsu_tame ease-out 300ms; } /* line 500, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .shot.game-bg-character__chara.chara-monatsu div { -webkit-animation: none; animation: none; } /* line 504, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .shot.game-bg-character__chara.chara-monatsu div::before { -webkit-transform: translate(-700px, -800px); transform: translate(-700px, -800px); } /* line 509, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .shot.game-bg-character__chara.chara-monatsu div::after { -webkit-transition: none; transition: none; -webkit-transform: translate(220px, 250px); transform: translate(220px, 250px); -webkit-animation: monatsu_hide linear 600ms; animation: monatsu_hide linear 600ms; } @-webkit-keyframes monatsu_hide { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 40% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 100% { -webkit-transform: translate(220px, 250px); transform: translate(220px, 250px); } } @keyframes monatsu_hide { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 40% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 100% { -webkit-transform: translate(220px, 250px); transform: translate(220px, 250px); } } /* line 527, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .hide.game-bg-character__chara.chara-monatsu div { -webkit-animation: none; animation: none; } /* line 531, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .hide.game-bg-character__chara.chara-monatsu div::before { -webkit-transition: none; transition: none; -webkit-transform: translate(250px, 250px); transform: translate(250px, 250px); } /* line 537, /home/circleci/app/app/assets/stylesheets/sprites/pc/_game-bg-character-anim.scss */ body[data-design="game"] .hide.game-bg-character__chara.chara-monatsu div::after { -webkit-transition: none; transition: none; -webkit-animation: none; animation: none; -webkit-transform: translate(250px, 250px); transform: translate(250px, 250px); } @-webkit-keyframes monatsu_tame { to { -webkit-transform: translate(30px, 30px); transform: translate(30px, 30px); } } @keyframes monatsu_tame { to { -webkit-transform: translate(30px, 30px); transform: translate(30px, 30px); } } @-webkit-keyframes monatsu_wait { to { -webkit-transform: translate(10px, 10px); transform: translate(10px, 10px); } } @keyframes monatsu_wait { to { -webkit-transform: translate(10px, 10px); transform: translate(10px, 10px); } } /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* line 1, /home/circleci/app/app/assets/stylesheets/extensions/pc/_common-table.scss */ .common-table, .markdown-rule table, .article__content__document table, .portfolio__article__body table, .portfolio__article__body--interview table, .article__table, .division__table { font-size: 16px; line-height: 1.625; margin: 2em 0em; } /* line 5, /home/circleci/app/app/assets/stylesheets/extensions/pc/_common-table.scss */ .common-table th, .markdown-rule table th, .article__content__document table th, .portfolio__article__body table th, .portfolio__article__body--interview table th, .article__table th, .division__table th, .common-table td, .markdown-rule table td, .article__content__document table td, .portfolio__article__body table td, .portfolio__article__body--interview table td, .article__table td, .division__table td { border: solid 1px #cccccc; padding: 1em; } /* line 10, /home/circleci/app/app/assets/stylesheets/extensions/pc/_common-table.scss */ .common-table th, .markdown-rule table th, .article__content__document table th, .portfolio__article__body table th, .portfolio__article__body--interview table th, .article__table th, .division__table th { background-color: #f5f5f5; text-align: center; } /* line 18, /home/circleci/app/app/assets/stylesheets/extensions/pc/_common-table.scss */ body[data-design="comic"] .common-table th, body[data-design="comic"] .markdown-rule table th, .markdown-rule body[data-design="comic"] table th, body[data-design="comic"] .article__content__document table th, .article__content__document body[data-design="comic"] table th, body[data-design="comic"] .portfolio__article__body table th, .portfolio__article__body body[data-design="comic"] table th, body[data-design="comic"] .portfolio__article__body--interview table th, .portfolio__article__body--interview body[data-design="comic"] table th, body[data-design="comic"] .article__table th, body[data-design="comic"] .division__table th { background-color: #f4f0e7; background-image: url(/assets/pc/design/comic/list_background-c0e0de31ba43d67c03acc00e7abf11586da943b6a7d18191efe28e07c68acd4e.png); background-size: 5px 5px; } /* line 28, /home/circleci/app/app/assets/stylesheets/extensions/pc/_common-table.scss */ body[data-design="tech"] .common-table th, body[data-design="tech"] .markdown-rule table th, .markdown-rule body[data-design="tech"] table th, body[data-design="tech"] .article__content__document table th, .article__content__document body[data-design="tech"] table th, body[data-design="tech"] .portfolio__article__body table th, .portfolio__article__body body[data-design="tech"] table th, body[data-design="tech"] .portfolio__article__body--interview table th, .portfolio__article__body--interview body[data-design="tech"] table th, body[data-design="tech"] .article__table th, body[data-design="tech"] .division__table th { background-color: #242424; } /* line 1, /home/circleci/app/app/assets/stylesheets/extensions/pc/_error-text.scss */ .error-text, .alert, .common-checkbox.is-error:before, .formtype__form input.is-error[type="checkbox"]:before, .formtype__form--entry input.is-error[type="checkbox"]:before, .news_children__registration__agreement input.is-error[type="checkbox"]:before, .formtype__contact-terms-check__error { font-size: 14px; } /* line 6, /home/circleci/app/app/assets/stylesheets/extensions/pc/_error-text.scss */ body[data-design="simple"] .error-text, body[data-design="simple"] .alert, body[data-design="simple"] .common-checkbox.is-error:before, body[data-design="simple"] .formtype__form input.is-error[type="checkbox"]:before, .formtype__form body[data-design="simple"] input.is-error[type="checkbox"]:before, body[data-design="simple"] .formtype__form--entry input.is-error[type="checkbox"]:before, .formtype__form--entry body[data-design="simple"] input.is-error[type="checkbox"]:before, body[data-design="simple"] .news_children__registration__agreement input.is-error[type="checkbox"]:before, .news_children__registration__agreement body[data-design="simple"] input.is-error[type="checkbox"]:before, body[data-design="simple"] .formtype__contact-terms-check__error { color: #f15151; } /* line 12, /home/circleci/app/app/assets/stylesheets/extensions/pc/_error-text.scss */ body[data-design="comic"] .error-text, body[data-design="comic"] .alert, body[data-design="comic"] .common-checkbox.is-error:before, body[data-design="comic"] .formtype__form input.is-error[type="checkbox"]:before, .formtype__form body[data-design="comic"] input.is-error[type="checkbox"]:before, body[data-design="comic"] .formtype__form--entry input.is-error[type="checkbox"]:before, .formtype__form--entry body[data-design="comic"] input.is-error[type="checkbox"]:before, body[data-design="comic"] .news_children__registration__agreement input.is-error[type="checkbox"]:before, .news_children__registration__agreement body[data-design="comic"] input.is-error[type="checkbox"]:before, body[data-design="comic"] .formtype__contact-terms-check__error { color: #f15151; } /* line 18, /home/circleci/app/app/assets/stylesheets/extensions/pc/_error-text.scss */ body[data-design="game"] .error-text, body[data-design="game"] .alert, body[data-design="game"] .common-checkbox.is-error:before, body[data-design="game"] .formtype__form input.is-error[type="checkbox"]:before, .formtype__form body[data-design="game"] input.is-error[type="checkbox"]:before, body[data-design="game"] .formtype__form--entry input.is-error[type="checkbox"]:before, .formtype__form--entry body[data-design="game"] input.is-error[type="checkbox"]:before, body[data-design="game"] .news_children__registration__agreement input.is-error[type="checkbox"]:before, .news_children__registration__agreement body[data-design="game"] input.is-error[type="checkbox"]:before, body[data-design="game"] .formtype__contact-terms-check__error { color: #f15151; } /* line 24, /home/circleci/app/app/assets/stylesheets/extensions/pc/_error-text.scss */ body[data-design="kamakura"] .error-text, body[data-design="kamakura"] .alert, body[data-design="kamakura"] .common-checkbox.is-error:before, body[data-design="kamakura"] .formtype__form input.is-error[type="checkbox"]:before, .formtype__form body[data-design="kamakura"] input.is-error[type="checkbox"]:before, body[data-design="kamakura"] .formtype__form--entry input.is-error[type="checkbox"]:before, .formtype__form--entry body[data-design="kamakura"] input.is-error[type="checkbox"]:before, body[data-design="kamakura"] .news_children__registration__agreement input.is-error[type="checkbox"]:before, .news_children__registration__agreement body[data-design="kamakura"] input.is-error[type="checkbox"]:before, body[data-design="kamakura"] .formtype__contact-terms-check__error { color: #f50; } /* line 30, /home/circleci/app/app/assets/stylesheets/extensions/pc/_error-text.scss */ body[data-design="tech"] .error-text, body[data-design="tech"] .alert, body[data-design="tech"] .common-checkbox.is-error:before, body[data-design="tech"] .formtype__form input.is-error[type="checkbox"]:before, .formtype__form body[data-design="tech"] input.is-error[type="checkbox"]:before, body[data-design="tech"] .formtype__form--entry input.is-error[type="checkbox"]:before, .formtype__form--entry body[data-design="tech"] input.is-error[type="checkbox"]:before, body[data-design="tech"] .news_children__registration__agreement input.is-error[type="checkbox"]:before, .news_children__registration__agreement body[data-design="tech"] input.is-error[type="checkbox"]:before, body[data-design="tech"] .formtype__contact-terms-check__error { color: #f15151; } /* line 1, /home/circleci/app/app/assets/stylesheets/extensions/pc/_game_hover.scss */ .game-hover, body[data-design="game"] .common-important-link:hover, body[data-design="game"] .member-grid__cell:hover, body[data-design="game"] .news-card:hover, body[data-design="game"] .news-card--in-unit:hover, body[data-design="game"] .portfolio-card__cell:hover, body[data-design="game"] .portfolio-card__cell--border:hover, body[data-design="game"] .top_news__inner a:hover { color: #fff; background-color: rgba(0, 0, 0, 0.6); } /* line 5, /home/circleci/app/app/assets/stylesheets/extensions/pc/_game_hover.scss */ .game-hover:after, body[data-design="game"] .common-important-link:hover:after, body[data-design="game"] .member-grid__cell:hover:after, body[data-design="game"] .news-card:hover:after, body[data-design="game"] .news-card--in-unit:hover:after, body[data-design="game"] .portfolio-card__cell:hover:after, body[data-design="game"] .portfolio-card__cell--border:hover:after, body[data-design="game"] .top_news__inner a:hover:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: solid 4px #fff; border-radius: 10px; pointer-events: none; content: ""; } /* line 13, /home/circleci/app/app/assets/stylesheets/extensions/pc/_glow.scss */ body[data-design="tech"] .pagination__prev, body[data-design="tech"] .pagination__prev--disable, body[data-design="tech"] .pagination__next, body[data-design="tech"] .pagination__next--disable, body[data-design="tech"] .pagination__page, body[data-design="tech"] .pagination__page--current { -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } /* line 16, /home/circleci/app/app/assets/stylesheets/extensions/pc/_glow.scss */ body[data-design="tech"] .pagination__prev:hover, body[data-design="tech"] .pagination__prev--disable:hover, body[data-design="tech"] .pagination__next:hover, body[data-design="tech"] .pagination__next--disable:hover, body[data-design="tech"] .pagination__page:hover, body[data-design="tech"] .pagination__page--current:hover { text-shadow: 1px -1px 25px #26dcfd, 1px 1px 25px #26dcfd, -1px -1px 25px #26dcfd, -1px 1px 25px #26dcfd; } /* line 1, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule, .article__content__document, .portfolio__article__body, .portfolio__article__body--interview { font-size: 18px; line-height: 1.8; word-wrap: break-word; overflow-wrap: break-word; } /* line 7, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule h1, .article__content__document h1, .portfolio__article__body h1, .portfolio__article__body--interview h1, .markdown-rule h2, .article__content__document h2, .portfolio__article__body h2, .portfolio__article__body--interview h2, .markdown-rule h3, .article__content__document h3, .portfolio__article__body h3, .portfolio__article__body--interview h3, .markdown-rule h4, .article__content__document h4, .portfolio__article__body h4, .portfolio__article__body--interview h4 { font-weight: bold; } /* line 13, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule h1:first-child, .article__content__document h1:first-child, .portfolio__article__body h1:first-child, .portfolio__article__body--interview h1:first-child, .markdown-rule h2:first-child, .article__content__document h2:first-child, .portfolio__article__body h2:first-child, .portfolio__article__body--interview h2:first-child, .markdown-rule h3:first-child, .article__content__document h3:first-child, .portfolio__article__body h3:first-child, .portfolio__article__body--interview h3:first-child, .markdown-rule h4:first-child, .article__content__document h4:first-child, .portfolio__article__body h4:first-child, .portfolio__article__body--interview h4:first-child { margin-top: 0; } /* line 18, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule h1, .article__content__document h1, .portfolio__article__body h1, .portfolio__article__body--interview h1 { margin-top: 40px; font-size: 36px; } /* line 22, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule h2, .article__content__document h2, .portfolio__article__body h2, .portfolio__article__body--interview h2 { margin-top: 32px; margin-bottom: 33px; font-size: 30px; } /* line 26, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule h2:first-child, .article__content__document h2:first-child, .portfolio__article__body h2:first-child, .portfolio__article__body--interview h2:first-child { margin-top: 11px; } /* line 30, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule h3, .article__content__document h3, .portfolio__article__body h3, .portfolio__article__body--interview h3 { margin-top: 38px; margin-bottom: 20px; font-size: 24px; } /* line 35, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule h4, .article__content__document h4, .portfolio__article__body h4, .portfolio__article__body--interview h4 { margin-top: 26px; font-size: 18px; } /* line 40, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule hr, .article__content__document hr, .portfolio__article__body hr, .portfolio__article__body--interview hr { clear: both; margin: 24px 0px; padding: 0px; border: none; border-bottom: solid 2px #eeeeee; } /* line 48, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule iframe, .article__content__document iframe, .portfolio__article__body iframe, .portfolio__article__body--interview iframe { display: block; margin: 30px 0px; width: 100%; height: 470.4375px; } /* line 59, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule strong, .article__content__document strong, .portfolio__article__body strong, .portfolio__article__body--interview strong, .markdown-rule h5, .article__content__document h5, .portfolio__article__body h5, .portfolio__article__body--interview h5 { font-weight: bold; } /* line 64, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule em, .article__content__document em, .portfolio__article__body em, .portfolio__article__body--interview em { font-style: italic; } /* line 68, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule small, .article__content__document small, .portfolio__article__body small, .portfolio__article__body--interview small { font-size: 80%; } /* line 72, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule p, .article__content__document p, .portfolio__article__body p, .portfolio__article__body--interview p { margin: 22px 0px; } /* line 74, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule p:first-child, .article__content__document p:first-child, .portfolio__article__body p:first-child, .portfolio__article__body--interview p:first-child { margin-top: 0px; } /* line 77, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule p:empty, .article__content__document p:empty, .portfolio__article__body p:empty, .portfolio__article__body--interview p:empty { margin: 0; } /* line 82, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule ul, .article__content__document ul, .portfolio__article__body ul, .portfolio__article__body--interview ul, .markdown-rule ol, .article__content__document ol, .portfolio__article__body ol, .portfolio__article__body--interview ol { margin: 22px 0px; } /* line 85, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule ul li, .article__content__document ul li, .portfolio__article__body ul li, .portfolio__article__body--interview ul li, .markdown-rule ol li, .article__content__document ol li, .portfolio__article__body ol li, .portfolio__article__body--interview ol li { margin-left: 1.5em; position: relative; } /* line 90, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule ul li, .article__content__document ul li, .portfolio__article__body ul li, .portfolio__article__body--interview ul li { list-style-type: disc; } /* line 93, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule ol li, .article__content__document ol li, .portfolio__article__body ol li, .portfolio__article__body--interview ol li { list-style-type: decimal; } /* line 97, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule dl, .article__content__document dl, .portfolio__article__body dl, .portfolio__article__body--interview dl { overflow: hidden; } /* line 100, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule dl dt, .article__content__document dl dt, .portfolio__article__body dl dt, .portfolio__article__body--interview dl dt { float: left; font-weight: bold; width: 8em; text-align: right; } /* line 106, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule dl dd, .article__content__document dl dd, .portfolio__article__body dl dd, .portfolio__article__body--interview dl dd { margin-left: 9em; margin-bottom: 24px; } /* line 112, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule blockquote, .article__content__document blockquote, .portfolio__article__body blockquote, .portfolio__article__body--interview blockquote { font-size: 16px; font-style: italic; } /* line 117, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule header, .article__content__document header, .portfolio__article__body header, .portfolio__article__body--interview header { background-color: #f7f7f7; padding: 24px 32px; margin-top: -8px; margin-bottom: 32px; font-size: 14px; } /* line 124, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule header h3, .article__content__document header h3, .portfolio__article__body header h3, .portfolio__article__body--interview header h3 { font-size: 18px; } /* line 128, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule header table, .article__content__document header table, .portfolio__article__body header table, .portfolio__article__body--interview header table { margin: 0px; margin-top: 16px; } /* line 131, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule header table th, .article__content__document header table th, .portfolio__article__body header table th, .portfolio__article__body--interview header table th, .markdown-rule header table td, .article__content__document header table td, .portfolio__article__body header table td, .portfolio__article__body--interview header table td { border: none; padding: 0.5em 0em; vertical-align: top; } /* line 137, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule header table th, .article__content__document header table th, .portfolio__article__body header table th, .portfolio__article__body--interview header table th { background-color: transparent; text-align: left; font-weight: bold; padding-right: 1.5em; border-right: solid 1px #eeeeee; } /* line 144, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule header table td, .article__content__document header table td, .portfolio__article__body header table td, .portfolio__article__body--interview header table td { padding-left: 1.5em; } /* line 150, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule img, .article__content__document img, .portfolio__article__body img, .portfolio__article__body--interview img { max-width: 100%; } /* line 152, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule img.right-thumbnail, .article__content__document img.right-thumbnail, .portfolio__article__body img.right-thumbnail, .portfolio__article__body--interview img.right-thumbnail { float: right; max-width: 200px; height: auto; margin-left: 16px; margin-bottom: 16px; } /* line 159, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule img.with-dropshadow, .article__content__document img.with-dropshadow, .portfolio__article__body img.with-dropshadow, .portfolio__article__body--interview img.with-dropshadow { -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2); } /* line 166, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule table th, .article__content__document table th, .portfolio__article__body table th, .portfolio__article__body--interview table th { white-space: nowrap; } /* line 171, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule table ul li, .article__content__document table ul li, .portfolio__article__body table ul li, .portfolio__article__body--interview table ul li, .markdown-rule table ol li, .article__content__document table ol li, .portfolio__article__body table ol li, .portfolio__article__body--interview table ol li { font-weight: normal; } /* line 177, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule .common-button, .article__content__document .common-button, .portfolio__article__body .common-button, .portfolio__article__body--interview .common-button, .markdown-rule .article__content__bottom__link__button, .article__content__document .article__content__bottom__link__button, .portfolio__article__body .article__content__bottom__link__button, .portfolio__article__body--interview .article__content__bottom__link__button, .markdown-rule .article__content__button, .article__content__document .article__content__button, .portfolio__article__body .article__content__button, .portfolio__article__body--interview .article__content__button, .markdown-rule .common-button--strong, .article__content__document .common-button--strong, .portfolio__article__body .common-button--strong, .portfolio__article__body--interview .common-button--strong, .markdown-rule .common-button--strongest, .article__content__document .common-button--strongest, .portfolio__article__body .common-button--strongest, .portfolio__article__body--interview .common-button--strongest, .markdown-rule .common-button--recommend div, .common-button--recommend .markdown-rule div, .article__content__document .common-button--recommend div, .common-button--recommend .article__content__document div, .portfolio__article__body .common-button--recommend div, .common-button--recommend .portfolio__article__body div, .portfolio__article__body--interview .common-button--recommend div, .common-button--recommend .portfolio__article__body--interview div, .markdown-rule .article__sidebar__button-block div, .article__sidebar__button-block .markdown-rule div, .article__content__document .article__sidebar__button-block div, .article__sidebar__button-block .article__content__document div, .portfolio__article__body .article__sidebar__button-block div, .article__sidebar__button-block .portfolio__article__body div, .portfolio__article__body--interview .article__sidebar__button-block div, .article__sidebar__button-block .portfolio__article__body--interview div, .markdown-rule .common-button--recommend-lobi div, .common-button--recommend-lobi .markdown-rule div, .article__content__document .common-button--recommend-lobi div, .common-button--recommend-lobi .article__content__document div, .portfolio__article__body .common-button--recommend-lobi div, .common-button--recommend-lobi .portfolio__article__body div, .portfolio__article__body--interview .common-button--recommend-lobi div, .common-button--recommend-lobi .portfolio__article__body--interview div, .markdown-rule .common-button--recommend-jagmo div, .common-button--recommend-jagmo .markdown-rule div, .article__content__document .common-button--recommend-jagmo div, .common-button--recommend-jagmo .article__content__document div, .portfolio__article__body .common-button--recommend-jagmo div, .common-button--recommend-jagmo .portfolio__article__body div, .portfolio__article__body--interview .common-button--recommend-jagmo div, .common-button--recommend-jagmo .portfolio__article__body--interview div, .markdown-rule .common-button--recommend-rankers div, .common-button--recommend-rankers .markdown-rule div, .article__content__document .common-button--recommend-rankers div, .common-button--recommend-rankers .article__content__document div, .portfolio__article__body .common-button--recommend-rankers div, .common-button--recommend-rankers .portfolio__article__body div, .portfolio__article__body--interview .common-button--recommend-rankers div, .common-button--recommend-rankers .portfolio__article__body--interview div, .markdown-rule .common-button--recommend-placole div, .common-button--recommend-placole .markdown-rule div, .article__content__document .common-button--recommend-placole div, .common-button--recommend-placole .article__content__document div, .portfolio__article__body .common-button--recommend-placole div, .common-button--recommend-placole .portfolio__article__body div, .portfolio__article__body--interview .common-button--recommend-placole div, .common-button--recommend-placole .portfolio__article__body--interview div, .markdown-rule .common-button--recommend-jitakusou div, .common-button--recommend-jitakusou .markdown-rule div, .article__content__document .common-button--recommend-jitakusou div, .common-button--recommend-jitakusou .article__content__document div, .portfolio__article__body .common-button--recommend-jitakusou div, .common-button--recommend-jitakusou .portfolio__article__body div, .portfolio__article__body--interview .common-button--recommend-jitakusou div, .common-button--recommend-jitakusou .portfolio__article__body--interview div, .markdown-rule .common-button--recommend-kamakura div, .common-button--recommend-kamakura .markdown-rule div, .article__content__document .common-button--recommend-kamakura div, .common-button--recommend-kamakura .article__content__document div, .portfolio__article__body .common-button--recommend-kamakura div, .common-button--recommend-kamakura .portfolio__article__body div, .portfolio__article__body--interview .common-button--recommend-kamakura div, .common-button--recommend-kamakura .portfolio__article__body--interview div, .markdown-rule .common-button--recommend-realkamakuraestate div, .common-button--recommend-realkamakuraestate .markdown-rule div, .article__content__document .common-button--recommend-realkamakuraestate div, .common-button--recommend-realkamakuraestate .article__content__document div, .portfolio__article__body .common-button--recommend-realkamakuraestate div, .common-button--recommend-realkamakuraestate .portfolio__article__body div, .portfolio__article__body--interview .common-button--recommend-realkamakuraestate div, .common-button--recommend-realkamakuraestate .portfolio__article__body--interview div, .markdown-rule .common-button--recommend-esports div, .common-button--recommend-esports .markdown-rule div, .article__content__document .common-button--recommend-esports div, .common-button--recommend-esports .article__content__document div, .portfolio__article__body .common-button--recommend-esports div, .common-button--recommend-esports .portfolio__article__body div, .portfolio__article__body--interview .common-button--recommend-esports div, .common-button--recommend-esports .portfolio__article__body--interview div, .markdown-rule .common-button--recommend-fanda div, .common-button--recommend-fanda .markdown-rule div, .article__content__document .common-button--recommend-fanda div, .common-button--recommend-fanda .article__content__document div, .portfolio__article__body .common-button--recommend-fanda div, .common-button--recommend-fanda .portfolio__article__body div, .portfolio__article__body--interview .common-button--recommend-fanda div, .common-button--recommend-fanda .portfolio__article__body--interview div, .markdown-rule .common-button--recommend-machino-coin .button--blue, .common-button--recommend-machino-coin .markdown-rule .button--blue, .article__content__document .common-button--recommend-machino-coin .button--blue, .common-button--recommend-machino-coin .article__content__document .button--blue, .portfolio__article__body .common-button--recommend-machino-coin .button--blue, .common-button--recommend-machino-coin .portfolio__article__body .button--blue, .portfolio__article__body--interview .common-button--recommend-machino-coin .button--blue, .common-button--recommend-machino-coin .portfolio__article__body--interview .button--blue, .markdown-rule body[data-design="simple"] .button--yellow, body[data-design="simple"] .markdown-rule .button--yellow, .article__content__document body[data-design="simple"] .button--yellow, body[data-design="simple"] .article__content__document .button--yellow, .portfolio__article__body body[data-design="simple"] .button--yellow, body[data-design="simple"] .portfolio__article__body .button--yellow, .portfolio__article__body--interview body[data-design="simple"] .button--yellow, body[data-design="simple"] .portfolio__article__body--interview .button--yellow, .markdown-rule .formtype__submit, .article__content__document .formtype__submit, .portfolio__article__body .formtype__submit, .portfolio__article__body--interview .formtype__submit, .markdown-rule .menu__search__submit, .article__content__document .menu__search__submit, .portfolio__article__body .menu__search__submit, .portfolio__article__body--interview .menu__search__submit, .markdown-rule .sendbar__submit--strong, .article__content__document .sendbar__submit--strong, .portfolio__article__body .sendbar__submit--strong, .portfolio__article__body--interview .sendbar__submit--strong, .markdown-rule .sendbar__submit--search, .article__content__document .sendbar__submit--search, .portfolio__article__body .sendbar__submit--search, .portfolio__article__body--interview .sendbar__submit--search, .markdown-rule .news_children__registration__submit, .article__content__document .news_children__registration__submit, .portfolio__article__body .news_children__registration__submit, .portfolio__article__body--interview .news_children__registration__submit, .markdown-rule body[data-design="simple"] .more_info, body[data-design="simple"] .markdown-rule .more_info, .article__content__document body[data-design="simple"] .more_info, body[data-design="simple"] .article__content__document .more_info, .portfolio__article__body body[data-design="simple"] .more_info, body[data-design="simple"] .portfolio__article__body .more_info, .portfolio__article__body--interview body[data-design="simple"] .more_info, body[data-design="simple"] .portfolio__article__body--interview .more_info, .markdown-rule body[data-design="comic"] .more_info, body[data-design="comic"] .markdown-rule .more_info, .article__content__document body[data-design="comic"] .more_info, body[data-design="comic"] .article__content__document .more_info, .portfolio__article__body body[data-design="comic"] .more_info, body[data-design="comic"] .portfolio__article__body .more_info, .portfolio__article__body--interview body[data-design="comic"] .more_info, body[data-design="comic"] .portfolio__article__body--interview .more_info, .markdown-rule body[data-design="tech"] .more_info a, body[data-design="tech"] .more_info .markdown-rule a, .article__content__document body[data-design="tech"] .more_info a, body[data-design="tech"] .more_info .article__content__document a, .portfolio__article__body body[data-design="tech"] .more_info a, body[data-design="tech"] .more_info .portfolio__article__body a, .portfolio__article__body--interview body[data-design="tech"] .more_info a, body[data-design="tech"] .more_info .portfolio__article__body--interview a, .markdown-rule .common-intro__article__top-btn, .article__content__document .common-intro__article__top-btn, .portfolio__article__body .common-intro__article__top-btn, .portfolio__article__body--interview .common-intro__article__top-btn, .markdown-rule .sendbar__submit, .article__content__document .sendbar__submit, .portfolio__article__body .sendbar__submit, .portfolio__article__body--interview .sendbar__submit, .markdown-rule .news_children__release__submit, .article__content__document .news_children__release__submit, .portfolio__article__body .news_children__release__submit, .portfolio__article__body--interview .news_children__release__submit { margin: 8px 0px; } /* line 181, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule .kayac-video-embed, .article__content__document .kayac-video-embed, .portfolio__article__body .kayac-video-embed, .portfolio__article__body--interview .kayac-video-embed { margin: 30px 0px; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } /* line 188, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule .kayac-video-embed iframe, .article__content__document .kayac-video-embed iframe, .portfolio__article__body .kayac-video-embed iframe, .portfolio__article__body--interview .kayac-video-embed iframe { margin: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* line 198, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule .kayac-embed, .article__content__document .kayac-embed, .portfolio__article__body .kayac-embed, .portfolio__article__body--interview .kayac-embed { -webkit-box-sizing: border-box; box-sizing: border-box; width: 49%; height: 122px; display: inline-block; margin: 0px; margin-top: 10px; margin-bottom: 0px; margin-right: 4px; } /* line 207, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule .kayac-embed.wide, .article__content__document .kayac-embed.wide, .portfolio__article__body .kayac-embed.wide, .portfolio__article__body--interview .kayac-embed.wide { display: block; margin: 10px 0 0 0; width: 100%; height: 162px; } /* line 215, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule .kayac-article-link, .article__content__document .kayac-article-link, .portfolio__article__body .kayac-article-link, .portfolio__article__body--interview .kayac-article-link { list-style-type: none; margin: 4px 0px; font-weight: normal; font-size: 14px; } /* line 221, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule .kayac-article-link:first-child, .article__content__document .kayac-article-link:first-child, .portfolio__article__body .kayac-article-link:first-child, .portfolio__article__body--interview .kayac-article-link:first-child { margin-top: 26px; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .markdown-rule .kayac-article-link a:before, .article__content__document .kayac-article-link a:before, .portfolio__article__body .kayac-article-link a:before, .portfolio__article__body--interview .kayac-article-link a:before { content: ""; font-family: FontAwesome; } /* line 227, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule .kayac-article-link a:before, .article__content__document .kayac-article-link a:before, .portfolio__article__body .kayac-article-link a:before, .portfolio__article__body--interview .kayac-article-link a:before { margin-right: 0.5em; } /* line 233, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule .kayac-full-image, .article__content__document .kayac-full-image, .portfolio__article__body .kayac-full-image, .portfolio__article__body--interview .kayac-full-image, .markdown-rule .kayac-image-table, .article__content__document .kayac-image-table, .portfolio__article__body .kayac-image-table, .portfolio__article__body--interview .kayac-image-table { font-size: 14px; line-height: 2; color: #4c4c4c; } /* line 239, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule .kayac-full-image, .article__content__document .kayac-full-image, .portfolio__article__body .kayac-full-image, .portfolio__article__body--interview .kayac-full-image { margin: 8px 0px; } /* line 241, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule .kayac-full-image:first-child, .article__content__document .kayac-full-image:first-child, .portfolio__article__body .kayac-full-image:first-child, .portfolio__article__body--interview .kayac-full-image:first-child { margin-top: 8px; } /* line 244, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule .kayac-full-image img, .article__content__document .kayac-full-image img, .portfolio__article__body .kayac-full-image img, .portfolio__article__body--interview .kayac-full-image img { display: block; max-width: 100%; margin-bottom: 8px; } /* line 248, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule .kayac-full-image img:last-child, .article__content__document .kayac-full-image img:last-child, .portfolio__article__body .kayac-full-image img:last-child, .portfolio__article__body--interview .kayac-full-image img:last-child { margin-bottom: 0px; } /* line 253, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule .kayac-image-table, .article__content__document .kayac-image-table, .portfolio__article__body .kayac-image-table, .portfolio__article__body--interview .kayac-image-table { overflow: hidden; margin-top: 8px; margin-bottom: 8px; } /* line 257, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule .kayac-image-table:first-child, .article__content__document .kayac-image-table:first-child, .portfolio__article__body .kayac-image-table:first-child, .portfolio__article__body--interview .kayac-image-table:first-child { margin-top: 0px; } /* line 261, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule .kayac-image-table li, .article__content__document .kayac-image-table li, .portfolio__article__body .kayac-image-table li, .portfolio__article__body--interview .kayac-image-table li { list-style-type: none; margin: 0px; float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: normal; } /* line 268, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule .kayac-image-table li:nth-child(odd), .article__content__document .kayac-image-table li:nth-child(odd), .portfolio__article__body .kayac-image-table li:nth-child(odd), .portfolio__article__body--interview .kayac-image-table li:nth-child(odd) { padding-right: 4px; } /* line 271, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule .kayac-image-table li:nth-child(even), .article__content__document .kayac-image-table li:nth-child(even), .portfolio__article__body .kayac-image-table li:nth-child(even), .portfolio__article__body--interview .kayac-image-table li:nth-child(even) { padding-left: 4px; } /* line 274, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ .markdown-rule .kayac-image-table li img, .article__content__document .kayac-image-table li img, .portfolio__article__body .kayac-image-table li img, .portfolio__article__body--interview .kayac-image-table li img { display: block; width: 100%; } /* line 284, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ body[data-design="comic"] .markdown-rule hr, body[data-design="comic"] .article__content__document hr, body[data-design="comic"] .portfolio__article__body hr, body[data-design="comic"] .portfolio__article__body--interview hr { border-color: #474541; } /* line 288, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ body[data-design="comic"] .markdown-rule header, body[data-design="comic"] .article__content__document header, body[data-design="comic"] .portfolio__article__body header, body[data-design="comic"] .portfolio__article__body--interview header { background-color: #f4f0e7; background-image: url(/assets/pc/design/comic/list_background-c0e0de31ba43d67c03acc00e7abf11586da943b6a7d18191efe28e07c68acd4e.png); background-size: 5px 5px; } /* line 298, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ body[data-design="kamakura"] .markdown-rule h1, body[data-design="kamakura"] .article__content__document h1, body[data-design="kamakura"] .portfolio__article__body h1, body[data-design="kamakura"] .portfolio__article__body--interview h1, body[data-design="kamakura"] .markdown-rule h2, body[data-design="kamakura"] .article__content__document h2, body[data-design="kamakura"] .portfolio__article__body h2, body[data-design="kamakura"] .portfolio__article__body--interview h2, body[data-design="kamakura"] .markdown-rule h3, body[data-design="kamakura"] .article__content__document h3, body[data-design="kamakura"] .portfolio__article__body h3, body[data-design="kamakura"] .portfolio__article__body--interview h3, body[data-design="kamakura"] .markdown-rule h4, body[data-design="kamakura"] .article__content__document h4, body[data-design="kamakura"] .portfolio__article__body h4, body[data-design="kamakura"] .portfolio__article__body--interview h4 { color: #000; } /* line 309, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ body[data-design="tech"] .markdown-rule header, body[data-design="tech"] .article__content__document header, body[data-design="tech"] .portfolio__article__body header, body[data-design="tech"] .portfolio__article__body--interview header { background-color: #242424; } /* line 313, /home/circleci/app/app/assets/stylesheets/extensions/pc/_markdown-rule.scss */ body[data-design="tech"] .markdown-rule *, body[data-design="tech"] .article__content__document *, body[data-design="tech"] .portfolio__article__body *, body[data-design="tech"] .portfolio__article__body--interview * { font-family: "ゴシックMB101 L JIS2004"; } /* line 1, /home/circleci/app/app/assets/stylesheets/extensions/pc/_mini-dice-list.scss */ .mini-dice-list { overflow: hidden; margin: 16px 0px; } /* line 6, /home/circleci/app/app/assets/stylesheets/extensions/pc/_mini-dice-list.scss */ .mini-dice-list__item { float: left; display: block; margin: 0px; padding: 0px; margin-right: 16px; line-height: 1.5; } /* line 15, /home/circleci/app/app/assets/stylesheets/extensions/pc/_mini-dice-list.scss */ .mini-dice-list__thumb { display: block; width: 122px; height: auto; } /* line 21, /home/circleci/app/app/assets/stylesheets/extensions/pc/_mini-dice-list.scss */ .mini-dice-list__nickname { display: block; margin-top: 16px; font-size: 14px; } /* line 27, /home/circleci/app/app/assets/stylesheets/extensions/pc/_mini-dice-list.scss */ .mini-dice-list__score { font-weight: bold; } /* line 1, /home/circleci/app/app/assets/stylesheets/extensions/pc/_pickup.scss */ .news-card__meta__pickup, .top_news__inner__info__meta__pickup { position: relative; display: inline-block; vertical-align: bottom; color: #ff6666; border-style: solid; border-width: 2px; border-color: currentColor; font-size: 10px; line-height: 1; font-weight: bold; padding: 1px 4px; border-radius: 2px; top: -3px; margin-right: 4px; } /* line 1, /home/circleci/app/app/assets/stylesheets/extensions/pc/_rival-list.scss */ .rival-list { overflow: hidden; margin: 16px 0px; font-size: 14px; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .rival-list:before, .rival-list:after { content: ""; display: block; clear: both; } /* line 8, /home/circleci/app/app/assets/stylesheets/extensions/pc/_rival-list.scss */ .rival-list__item { float: left; margin-right: 16px; } /* line 13, /home/circleci/app/app/assets/stylesheets/extensions/pc/_rival-list.scss */ .rival-list__thumb { width: 240px; } /* line 16, /home/circleci/app/app/assets/stylesheets/extensions/pc/_rival-list.scss */ .rival-list__thumb img { width: 50%; height: auto; } /* line 1, /home/circleci/app/app/assets/stylesheets/extensions/pc/_text-color-hover.scss */ .award__project__item, .ir-news__cell { color: inherit; text-decoration: none; } /* line 8, /home/circleci/app/app/assets/stylesheets/extensions/pc/_text-color-hover.scss */ body[data-design="simple"] .award__project__item:hover, body[data-design="simple"] .ir-news__cell:hover { color: #1b9af7; } /* line 16, /home/circleci/app/app/assets/stylesheets/extensions/pc/_text-color-hover.scss */ body[data-design="comic"] .award__project__item:hover, body[data-design="comic"] .ir-news__cell:hover { color: #1b9af7; } /* line 24, /home/circleci/app/app/assets/stylesheets/extensions/pc/_text-color-hover.scss */ body[data-design="game"] .award__project__item:hover, body[data-design="game"] .ir-news__cell:hover { color: #49e845; } /* line 32, /home/circleci/app/app/assets/stylesheets/extensions/pc/_text-color-hover.scss */ body[data-design="kamakura"] .award__project__item:hover, body[data-design="kamakura"] .ir-news__cell:hover { color: #ed5300; } /* line 40, /home/circleci/app/app/assets/stylesheets/extensions/pc/_text-color-hover.scss */ body[data-design="tech"] .award__project__item:hover, body[data-design="tech"] .ir-news__cell:hover { color: #26dcfd; } /* line 1, /home/circleci/app/app/assets/stylesheets/extensions/pc/_text-link.scss */ .text-link, .markdown-rule a, .article__content__document a, .portfolio__article__body a, .portfolio__article__body--interview a, .article__text-link, .ranking-list a, .article__content__banner a, .article__content__thumbs a, .article__table a, .division__section a, .division__section--award a, .division__impartible-section a, .portfolio__sidebar__block__document a, .portfolio__credit__partner a, .search__result__item__url, .term-list a, .term-list--recruit a, .service-client__header__list__item a, .service-client__header__list__item--has-image a, .service-game__banner__btn a, .smile-content__inner__from_to__name { color: #1b9af7; } /* line 3, /home/circleci/app/app/assets/stylesheets/extensions/pc/_text-link.scss */ .text-link:hover, .markdown-rule a:hover, .article__content__document a:hover, .portfolio__article__body a:hover, .portfolio__article__body--interview a:hover, .article__text-link:hover, .ranking-list a:hover, .article__content__banner a:hover, .article__content__thumbs a:hover, .article__table a:hover, .division__section a:hover, .division__section--award a:hover, .division__impartible-section a:hover, .portfolio__sidebar__block__document a:hover, .portfolio__credit__partner a:hover, .search__result__item__url:hover, .term-list a:hover, .term-list--recruit a:hover, .service-client__header__list__item a:hover, .service-client__header__list__item--has-image a:hover, .service-game__banner__btn a:hover, .smile-content__inner__from_to__name:hover { opacity: 0.7; } /* line 9, /home/circleci/app/app/assets/stylesheets/extensions/pc/_text-link.scss */ body[data-design="game"] .text-link, body[data-design="game"] .markdown-rule a, .markdown-rule body[data-design="game"] a, body[data-design="game"] .article__content__document a, .article__content__document body[data-design="game"] a, body[data-design="game"] .portfolio__article__body a, .portfolio__article__body body[data-design="game"] a, body[data-design="game"] .portfolio__article__body--interview a, .portfolio__article__body--interview body[data-design="game"] a, body[data-design="game"] .article__text-link, body[data-design="game"] .ranking-list a, .ranking-list body[data-design="game"] a, body[data-design="game"] .article__content__banner a, .article__content__banner body[data-design="game"] a, body[data-design="game"] .article__content__thumbs a, .article__content__thumbs body[data-design="game"] a, body[data-design="game"] .article__table a, .article__table body[data-design="game"] a, body[data-design="game"] .division__section a, .division__section body[data-design="game"] a, body[data-design="game"] .division__section--award a, .division__section--award body[data-design="game"] a, body[data-design="game"] .division__impartible-section a, .division__impartible-section body[data-design="game"] a, body[data-design="game"] .portfolio__sidebar__block__document a, .portfolio__sidebar__block__document body[data-design="game"] a, body[data-design="game"] .portfolio__credit__partner a, .portfolio__credit__partner body[data-design="game"] a, body[data-design="game"] .search__result__item__url, body[data-design="game"] .term-list a, .term-list body[data-design="game"] a, body[data-design="game"] .term-list--recruit a, .term-list--recruit body[data-design="game"] a, body[data-design="game"] .service-client__header__list__item a, .service-client__header__list__item body[data-design="game"] a, body[data-design="game"] .service-client__header__list__item--has-image a, .service-client__header__list__item--has-image body[data-design="game"] a, body[data-design="game"] .service-game__banner__btn a, .service-game__banner__btn body[data-design="game"] a, body[data-design="game"] .smile-content__inner__from_to__name { color: #49e845; } /* line 15, /home/circleci/app/app/assets/stylesheets/extensions/pc/_text-link.scss */ body[data-design="kamakura"] .text-link, body[data-design="kamakura"] .markdown-rule a, .markdown-rule body[data-design="kamakura"] a, body[data-design="kamakura"] .article__content__document a, .article__content__document body[data-design="kamakura"] a, body[data-design="kamakura"] .portfolio__article__body a, .portfolio__article__body body[data-design="kamakura"] a, body[data-design="kamakura"] .portfolio__article__body--interview a, .portfolio__article__body--interview body[data-design="kamakura"] a, body[data-design="kamakura"] .article__text-link, body[data-design="kamakura"] .ranking-list a, .ranking-list body[data-design="kamakura"] a, body[data-design="kamakura"] .article__content__banner a, .article__content__banner body[data-design="kamakura"] a, body[data-design="kamakura"] .article__content__thumbs a, .article__content__thumbs body[data-design="kamakura"] a, body[data-design="kamakura"] .article__table a, .article__table body[data-design="kamakura"] a, body[data-design="kamakura"] .division__section a, .division__section body[data-design="kamakura"] a, body[data-design="kamakura"] .division__section--award a, .division__section--award body[data-design="kamakura"] a, body[data-design="kamakura"] .division__impartible-section a, .division__impartible-section body[data-design="kamakura"] a, body[data-design="kamakura"] .portfolio__sidebar__block__document a, .portfolio__sidebar__block__document body[data-design="kamakura"] a, body[data-design="kamakura"] .portfolio__credit__partner a, .portfolio__credit__partner body[data-design="kamakura"] a, body[data-design="kamakura"] .search__result__item__url, body[data-design="kamakura"] .term-list a, .term-list body[data-design="kamakura"] a, body[data-design="kamakura"] .term-list--recruit a, .term-list--recruit body[data-design="kamakura"] a, body[data-design="kamakura"] .service-client__header__list__item a, .service-client__header__list__item body[data-design="kamakura"] a, body[data-design="kamakura"] .service-client__header__list__item--has-image a, .service-client__header__list__item--has-image body[data-design="kamakura"] a, body[data-design="kamakura"] .service-game__banner__btn a, .service-game__banner__btn body[data-design="kamakura"] a, body[data-design="kamakura"] .smile-content__inner__from_to__name { color: #ff6600; } /* line 21, /home/circleci/app/app/assets/stylesheets/extensions/pc/_text-link.scss */ body[data-design="tech"] .text-link, body[data-design="tech"] .markdown-rule a, .markdown-rule body[data-design="tech"] a, body[data-design="tech"] .article__content__document a, .article__content__document body[data-design="tech"] a, body[data-design="tech"] .portfolio__article__body a, .portfolio__article__body body[data-design="tech"] a, body[data-design="tech"] .portfolio__article__body--interview a, .portfolio__article__body--interview body[data-design="tech"] a, body[data-design="tech"] .article__text-link, body[data-design="tech"] .ranking-list a, .ranking-list body[data-design="tech"] a, body[data-design="tech"] .article__content__banner a, .article__content__banner body[data-design="tech"] a, body[data-design="tech"] .article__content__thumbs a, .article__content__thumbs body[data-design="tech"] a, body[data-design="tech"] .article__table a, .article__table body[data-design="tech"] a, body[data-design="tech"] .division__section a, .division__section body[data-design="tech"] a, body[data-design="tech"] .division__section--award a, .division__section--award body[data-design="tech"] a, body[data-design="tech"] .division__impartible-section a, .division__impartible-section body[data-design="tech"] a, body[data-design="tech"] .portfolio__sidebar__block__document a, .portfolio__sidebar__block__document body[data-design="tech"] a, body[data-design="tech"] .portfolio__credit__partner a, .portfolio__credit__partner body[data-design="tech"] a, body[data-design="tech"] .search__result__item__url, body[data-design="tech"] .term-list a, .term-list body[data-design="tech"] a, body[data-design="tech"] .term-list--recruit a, .term-list--recruit body[data-design="tech"] a, body[data-design="tech"] .service-client__header__list__item a, .service-client__header__list__item body[data-design="tech"] a, body[data-design="tech"] .service-client__header__list__item--has-image a, .service-client__header__list__item--has-image body[data-design="tech"] a, body[data-design="tech"] .service-game__banner__btn a, .service-game__banner__btn body[data-design="tech"] a, body[data-design="tech"] .smile-content__inner__from_to__name { color: #26dcfd; } /* line 2, /home/circleci/app/app/assets/stylesheets/extensions/pc/_thunder-infinite.scss */ body[data-design="game"] .common-button--strong[data-game-effect-type="thunder"]:before, body[data-design="game"] [data-game-effect-type="thunder"].common-button--strongest:before, body[data-design="game"] .common-button--recommend div[data-game-effect-type="thunder"]:before, .common-button--recommend body[data-design="game"] div[data-game-effect-type="thunder"]:before, body[data-design="game"] .article__sidebar__button-block div[data-game-effect-type="thunder"]:before, .article__sidebar__button-block body[data-design="game"] div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-lobi div[data-game-effect-type="thunder"]:before, .common-button--recommend-lobi body[data-design="game"] div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-jagmo div[data-game-effect-type="thunder"]:before, .common-button--recommend-jagmo body[data-design="game"] div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-rankers div[data-game-effect-type="thunder"]:before, .common-button--recommend-rankers body[data-design="game"] div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-placole div[data-game-effect-type="thunder"]:before, .common-button--recommend-placole body[data-design="game"] div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-jitakusou div[data-game-effect-type="thunder"]:before, .common-button--recommend-jitakusou body[data-design="game"] div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-kamakura div[data-game-effect-type="thunder"]:before, .common-button--recommend-kamakura body[data-design="game"] div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-realkamakuraestate div[data-game-effect-type="thunder"]:before, .common-button--recommend-realkamakuraestate body[data-design="game"] div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-esports div[data-game-effect-type="thunder"]:before, .common-button--recommend-esports body[data-design="game"] div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-fanda div[data-game-effect-type="thunder"]:before, .common-button--recommend-fanda body[data-design="game"] div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-machino-coin [data-game-effect-type="thunder"].button--blue:before, .common-button--recommend-machino-coin body[data-design="game"] [data-game-effect-type="thunder"].button--blue:before, body[data-design="game"] body[data-design="simple"] [data-game-effect-type="thunder"].button--yellow:before, body[data-design="simple"] body[data-design="game"] [data-game-effect-type="thunder"].button--yellow:before, body[data-design="game"] [data-game-effect-type="thunder"].formtype__submit:before, body[data-design="game"] [data-game-effect-type="thunder"].menu__search__submit:before, body[data-design="game"] [data-game-effect-type="thunder"].sendbar__submit--strong:before, body[data-design="game"] [data-game-effect-type="thunder"].sendbar__submit--search:before, body[data-design="game"] [data-game-effect-type="thunder"].news_children__registration__submit:before, body[data-design="game"] body[data-design="tech"] .more_info a[data-game-effect-type="thunder"]:before, body[data-design="tech"] .more_info body[data-design="game"] a[data-game-effect-type="thunder"]:before, body[data-design="game"] .more_info[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--strong[data-game-effect-type="thunder"]:after, body[data-design="game"] [data-game-effect-type="thunder"].common-button--strongest:after, body[data-design="game"] .common-button--recommend div[data-game-effect-type="thunder"]:after, .common-button--recommend body[data-design="game"] div[data-game-effect-type="thunder"]:after, body[data-design="game"] .article__sidebar__button-block div[data-game-effect-type="thunder"]:after, .article__sidebar__button-block body[data-design="game"] div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-lobi div[data-game-effect-type="thunder"]:after, .common-button--recommend-lobi body[data-design="game"] div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-jagmo div[data-game-effect-type="thunder"]:after, .common-button--recommend-jagmo body[data-design="game"] div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-rankers div[data-game-effect-type="thunder"]:after, .common-button--recommend-rankers body[data-design="game"] div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-placole div[data-game-effect-type="thunder"]:after, .common-button--recommend-placole body[data-design="game"] div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-jitakusou div[data-game-effect-type="thunder"]:after, .common-button--recommend-jitakusou body[data-design="game"] div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-kamakura div[data-game-effect-type="thunder"]:after, .common-button--recommend-kamakura body[data-design="game"] div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-realkamakuraestate div[data-game-effect-type="thunder"]:after, .common-button--recommend-realkamakuraestate body[data-design="game"] div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-esports div[data-game-effect-type="thunder"]:after, .common-button--recommend-esports body[data-design="game"] div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-fanda div[data-game-effect-type="thunder"]:after, .common-button--recommend-fanda body[data-design="game"] div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-machino-coin [data-game-effect-type="thunder"].button--blue:after, .common-button--recommend-machino-coin body[data-design="game"] [data-game-effect-type="thunder"].button--blue:after, body[data-design="game"] body[data-design="simple"] [data-game-effect-type="thunder"].button--yellow:after, body[data-design="simple"] body[data-design="game"] [data-game-effect-type="thunder"].button--yellow:after, body[data-design="game"] [data-game-effect-type="thunder"].formtype__submit:after, body[data-design="game"] [data-game-effect-type="thunder"].menu__search__submit:after, body[data-design="game"] [data-game-effect-type="thunder"].sendbar__submit--strong:after, body[data-design="game"] [data-game-effect-type="thunder"].sendbar__submit--search:after, body[data-design="game"] [data-game-effect-type="thunder"].news_children__registration__submit:after, body[data-design="game"] body[data-design="tech"] .more_info a[data-game-effect-type="thunder"]:after, body[data-design="tech"] .more_info body[data-design="game"] a[data-game-effect-type="thunder"]:after, body[data-design="game"] .more_info[data-game-effect-type="thunder"]:after { background-image: url(/assets/sprite-dest/pc/thunder-infinite-39ce5730239b2a9923d3f6f2c98e619832ec128f58749df0578e2f4b73a86390.png); background-position: 0px 0px; width: 180px; height: 120px; pointer-events: none; z-index: 2; content: ""; } /* line 9, /home/circleci/app/app/assets/stylesheets/extensions/pc/_thunder-infinite.scss */ .is-legacy-ie body[data-design="game"] .common-button--strong[data-game-effect-type="thunder"]:before, body[data-design="game"] .is-legacy-ie .common-button--strong[data-game-effect-type="thunder"]:before, .is-legacy-ie body[data-design="game"] [data-game-effect-type="thunder"].common-button--strongest:before, body[data-design="game"] .is-legacy-ie [data-game-effect-type="thunder"].common-button--strongest:before, .is-legacy-ie body[data-design="game"] .common-button--recommend div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend .is-legacy-ie div[data-game-effect-type="thunder"]:before, .is-legacy-ie .common-button--recommend body[data-design="game"] div[data-game-effect-type="thunder"]:before, .common-button--recommend body[data-design="game"] .is-legacy-ie div[data-game-effect-type="thunder"]:before, .is-legacy-ie body[data-design="game"] .article__sidebar__button-block div[data-game-effect-type="thunder"]:before, body[data-design="game"] .article__sidebar__button-block .is-legacy-ie div[data-game-effect-type="thunder"]:before, .is-legacy-ie .article__sidebar__button-block body[data-design="game"] div[data-game-effect-type="thunder"]:before, .article__sidebar__button-block body[data-design="game"] .is-legacy-ie div[data-game-effect-type="thunder"]:before, .is-legacy-ie body[data-design="game"] .common-button--recommend-lobi div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-lobi .is-legacy-ie div[data-game-effect-type="thunder"]:before, .is-legacy-ie .common-button--recommend-lobi body[data-design="game"] div[data-game-effect-type="thunder"]:before, .common-button--recommend-lobi body[data-design="game"] .is-legacy-ie div[data-game-effect-type="thunder"]:before, .is-legacy-ie body[data-design="game"] .common-button--recommend-jagmo div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-jagmo .is-legacy-ie div[data-game-effect-type="thunder"]:before, .is-legacy-ie .common-button--recommend-jagmo body[data-design="game"] div[data-game-effect-type="thunder"]:before, .common-button--recommend-jagmo body[data-design="game"] .is-legacy-ie div[data-game-effect-type="thunder"]:before, .is-legacy-ie body[data-design="game"] .common-button--recommend-rankers div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-rankers .is-legacy-ie div[data-game-effect-type="thunder"]:before, .is-legacy-ie .common-button--recommend-rankers body[data-design="game"] div[data-game-effect-type="thunder"]:before, .common-button--recommend-rankers body[data-design="game"] .is-legacy-ie div[data-game-effect-type="thunder"]:before, .is-legacy-ie body[data-design="game"] .common-button--recommend-placole div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-placole .is-legacy-ie div[data-game-effect-type="thunder"]:before, .is-legacy-ie .common-button--recommend-placole body[data-design="game"] div[data-game-effect-type="thunder"]:before, .common-button--recommend-placole body[data-design="game"] .is-legacy-ie div[data-game-effect-type="thunder"]:before, .is-legacy-ie body[data-design="game"] .common-button--recommend-jitakusou div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-jitakusou .is-legacy-ie div[data-game-effect-type="thunder"]:before, .is-legacy-ie .common-button--recommend-jitakusou body[data-design="game"] div[data-game-effect-type="thunder"]:before, .common-button--recommend-jitakusou body[data-design="game"] .is-legacy-ie div[data-game-effect-type="thunder"]:before, .is-legacy-ie body[data-design="game"] .common-button--recommend-kamakura div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-kamakura .is-legacy-ie div[data-game-effect-type="thunder"]:before, .is-legacy-ie .common-button--recommend-kamakura body[data-design="game"] div[data-game-effect-type="thunder"]:before, .common-button--recommend-kamakura body[data-design="game"] .is-legacy-ie div[data-game-effect-type="thunder"]:before, .is-legacy-ie body[data-design="game"] .common-button--recommend-realkamakuraestate div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-realkamakuraestate .is-legacy-ie div[data-game-effect-type="thunder"]:before, .is-legacy-ie .common-button--recommend-realkamakuraestate body[data-design="game"] div[data-game-effect-type="thunder"]:before, .common-button--recommend-realkamakuraestate body[data-design="game"] .is-legacy-ie div[data-game-effect-type="thunder"]:before, .is-legacy-ie body[data-design="game"] .common-button--recommend-esports div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-esports .is-legacy-ie div[data-game-effect-type="thunder"]:before, .is-legacy-ie .common-button--recommend-esports body[data-design="game"] div[data-game-effect-type="thunder"]:before, .common-button--recommend-esports body[data-design="game"] .is-legacy-ie div[data-game-effect-type="thunder"]:before, .is-legacy-ie body[data-design="game"] .common-button--recommend-fanda div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-fanda .is-legacy-ie div[data-game-effect-type="thunder"]:before, .is-legacy-ie .common-button--recommend-fanda body[data-design="game"] div[data-game-effect-type="thunder"]:before, .common-button--recommend-fanda body[data-design="game"] .is-legacy-ie div[data-game-effect-type="thunder"]:before, .is-legacy-ie body[data-design="game"] .common-button--recommend-machino-coin [data-game-effect-type="thunder"].button--blue:before, body[data-design="game"] .common-button--recommend-machino-coin .is-legacy-ie [data-game-effect-type="thunder"].button--blue:before, .is-legacy-ie .common-button--recommend-machino-coin body[data-design="game"] [data-game-effect-type="thunder"].button--blue:before, .common-button--recommend-machino-coin body[data-design="game"] .is-legacy-ie [data-game-effect-type="thunder"].button--blue:before, .is-legacy-ie body[data-design="game"] body[data-design="simple"] [data-game-effect-type="thunder"].button--yellow:before, body[data-design="game"] body[data-design="simple"] .is-legacy-ie [data-game-effect-type="thunder"].button--yellow:before, .is-legacy-ie body[data-design="simple"] body[data-design="game"] [data-game-effect-type="thunder"].button--yellow:before, body[data-design="simple"] body[data-design="game"] .is-legacy-ie [data-game-effect-type="thunder"].button--yellow:before, .is-legacy-ie body[data-design="game"] [data-game-effect-type="thunder"].formtype__submit:before, body[data-design="game"] .is-legacy-ie [data-game-effect-type="thunder"].formtype__submit:before, .is-legacy-ie body[data-design="game"] [data-game-effect-type="thunder"].menu__search__submit:before, body[data-design="game"] .is-legacy-ie [data-game-effect-type="thunder"].menu__search__submit:before, .is-legacy-ie body[data-design="game"] [data-game-effect-type="thunder"].sendbar__submit--strong:before, body[data-design="game"] .is-legacy-ie [data-game-effect-type="thunder"].sendbar__submit--strong:before, .is-legacy-ie body[data-design="game"] [data-game-effect-type="thunder"].sendbar__submit--search:before, body[data-design="game"] .is-legacy-ie [data-game-effect-type="thunder"].sendbar__submit--search:before, .is-legacy-ie body[data-design="game"] [data-game-effect-type="thunder"].news_children__registration__submit:before, body[data-design="game"] .is-legacy-ie [data-game-effect-type="thunder"].news_children__registration__submit:before, .is-legacy-ie body[data-design="game"] body[data-design="tech"] .more_info a[data-game-effect-type="thunder"]:before, body[data-design="game"] body[data-design="tech"] .more_info .is-legacy-ie a[data-game-effect-type="thunder"]:before, .is-legacy-ie body[data-design="tech"] .more_info body[data-design="game"] a[data-game-effect-type="thunder"]:before, body[data-design="tech"] .more_info body[data-design="game"] .is-legacy-ie a[data-game-effect-type="thunder"]:before, .is-legacy-ie body[data-design="game"] .more_info[data-game-effect-type="thunder"]:before, body[data-design="game"] .is-legacy-ie .more_info[data-game-effect-type="thunder"]:before, .is-legacy-ie body[data-design="game"] .common-button--strong[data-game-effect-type="thunder"]:after, body[data-design="game"] .is-legacy-ie .common-button--strong[data-game-effect-type="thunder"]:after, .is-legacy-ie body[data-design="game"] [data-game-effect-type="thunder"].common-button--strongest:after, body[data-design="game"] .is-legacy-ie [data-game-effect-type="thunder"].common-button--strongest:after, .is-legacy-ie body[data-design="game"] .common-button--recommend div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend .is-legacy-ie div[data-game-effect-type="thunder"]:after, .is-legacy-ie .common-button--recommend body[data-design="game"] div[data-game-effect-type="thunder"]:after, .common-button--recommend body[data-design="game"] .is-legacy-ie div[data-game-effect-type="thunder"]:after, .is-legacy-ie body[data-design="game"] .article__sidebar__button-block div[data-game-effect-type="thunder"]:after, body[data-design="game"] .article__sidebar__button-block .is-legacy-ie div[data-game-effect-type="thunder"]:after, .is-legacy-ie .article__sidebar__button-block body[data-design="game"] div[data-game-effect-type="thunder"]:after, .article__sidebar__button-block body[data-design="game"] .is-legacy-ie div[data-game-effect-type="thunder"]:after, .is-legacy-ie body[data-design="game"] .common-button--recommend-lobi div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-lobi .is-legacy-ie div[data-game-effect-type="thunder"]:after, .is-legacy-ie .common-button--recommend-lobi body[data-design="game"] div[data-game-effect-type="thunder"]:after, .common-button--recommend-lobi body[data-design="game"] .is-legacy-ie div[data-game-effect-type="thunder"]:after, .is-legacy-ie body[data-design="game"] .common-button--recommend-jagmo div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-jagmo .is-legacy-ie div[data-game-effect-type="thunder"]:after, .is-legacy-ie .common-button--recommend-jagmo body[data-design="game"] div[data-game-effect-type="thunder"]:after, .common-button--recommend-jagmo body[data-design="game"] .is-legacy-ie div[data-game-effect-type="thunder"]:after, .is-legacy-ie body[data-design="game"] .common-button--recommend-rankers div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-rankers .is-legacy-ie div[data-game-effect-type="thunder"]:after, .is-legacy-ie .common-button--recommend-rankers body[data-design="game"] div[data-game-effect-type="thunder"]:after, .common-button--recommend-rankers body[data-design="game"] .is-legacy-ie div[data-game-effect-type="thunder"]:after, .is-legacy-ie body[data-design="game"] .common-button--recommend-placole div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-placole .is-legacy-ie div[data-game-effect-type="thunder"]:after, .is-legacy-ie .common-button--recommend-placole body[data-design="game"] div[data-game-effect-type="thunder"]:after, .common-button--recommend-placole body[data-design="game"] .is-legacy-ie div[data-game-effect-type="thunder"]:after, .is-legacy-ie body[data-design="game"] .common-button--recommend-jitakusou div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-jitakusou .is-legacy-ie div[data-game-effect-type="thunder"]:after, .is-legacy-ie .common-button--recommend-jitakusou body[data-design="game"] div[data-game-effect-type="thunder"]:after, .common-button--recommend-jitakusou body[data-design="game"] .is-legacy-ie div[data-game-effect-type="thunder"]:after, .is-legacy-ie body[data-design="game"] .common-button--recommend-kamakura div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-kamakura .is-legacy-ie div[data-game-effect-type="thunder"]:after, .is-legacy-ie .common-button--recommend-kamakura body[data-design="game"] div[data-game-effect-type="thunder"]:after, .common-button--recommend-kamakura body[data-design="game"] .is-legacy-ie div[data-game-effect-type="thunder"]:after, .is-legacy-ie body[data-design="game"] .common-button--recommend-realkamakuraestate div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-realkamakuraestate .is-legacy-ie div[data-game-effect-type="thunder"]:after, .is-legacy-ie .common-button--recommend-realkamakuraestate body[data-design="game"] div[data-game-effect-type="thunder"]:after, .common-button--recommend-realkamakuraestate body[data-design="game"] .is-legacy-ie div[data-game-effect-type="thunder"]:after, .is-legacy-ie body[data-design="game"] .common-button--recommend-esports div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-esports .is-legacy-ie div[data-game-effect-type="thunder"]:after, .is-legacy-ie .common-button--recommend-esports body[data-design="game"] div[data-game-effect-type="thunder"]:after, .common-button--recommend-esports body[data-design="game"] .is-legacy-ie div[data-game-effect-type="thunder"]:after, .is-legacy-ie body[data-design="game"] .common-button--recommend-fanda div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-fanda .is-legacy-ie div[data-game-effect-type="thunder"]:after, .is-legacy-ie .common-button--recommend-fanda body[data-design="game"] div[data-game-effect-type="thunder"]:after, .common-button--recommend-fanda body[data-design="game"] .is-legacy-ie div[data-game-effect-type="thunder"]:after, .is-legacy-ie body[data-design="game"] .common-button--recommend-machino-coin [data-game-effect-type="thunder"].button--blue:after, body[data-design="game"] .common-button--recommend-machino-coin .is-legacy-ie [data-game-effect-type="thunder"].button--blue:after, .is-legacy-ie .common-button--recommend-machino-coin body[data-design="game"] [data-game-effect-type="thunder"].button--blue:after, .common-button--recommend-machino-coin body[data-design="game"] .is-legacy-ie [data-game-effect-type="thunder"].button--blue:after, .is-legacy-ie body[data-design="game"] body[data-design="simple"] [data-game-effect-type="thunder"].button--yellow:after, body[data-design="game"] body[data-design="simple"] .is-legacy-ie [data-game-effect-type="thunder"].button--yellow:after, .is-legacy-ie body[data-design="simple"] body[data-design="game"] [data-game-effect-type="thunder"].button--yellow:after, body[data-design="simple"] body[data-design="game"] .is-legacy-ie [data-game-effect-type="thunder"].button--yellow:after, .is-legacy-ie body[data-design="game"] [data-game-effect-type="thunder"].formtype__submit:after, body[data-design="game"] .is-legacy-ie [data-game-effect-type="thunder"].formtype__submit:after, .is-legacy-ie body[data-design="game"] [data-game-effect-type="thunder"].menu__search__submit:after, body[data-design="game"] .is-legacy-ie [data-game-effect-type="thunder"].menu__search__submit:after, .is-legacy-ie body[data-design="game"] [data-game-effect-type="thunder"].sendbar__submit--strong:after, body[data-design="game"] .is-legacy-ie [data-game-effect-type="thunder"].sendbar__submit--strong:after, .is-legacy-ie body[data-design="game"] [data-game-effect-type="thunder"].sendbar__submit--search:after, body[data-design="game"] .is-legacy-ie [data-game-effect-type="thunder"].sendbar__submit--search:after, .is-legacy-ie body[data-design="game"] [data-game-effect-type="thunder"].news_children__registration__submit:after, body[data-design="game"] .is-legacy-ie [data-game-effect-type="thunder"].news_children__registration__submit:after, .is-legacy-ie body[data-design="game"] body[data-design="tech"] .more_info a[data-game-effect-type="thunder"]:after, body[data-design="game"] body[data-design="tech"] .more_info .is-legacy-ie a[data-game-effect-type="thunder"]:after, .is-legacy-ie body[data-design="tech"] .more_info body[data-design="game"] a[data-game-effect-type="thunder"]:after, body[data-design="tech"] .more_info body[data-design="game"] .is-legacy-ie a[data-game-effect-type="thunder"]:after, .is-legacy-ie body[data-design="game"] .more_info[data-game-effect-type="thunder"]:after, body[data-design="game"] .is-legacy-ie .more_info[data-game-effect-type="thunder"]:after { display: none !important; } /* line 14, /home/circleci/app/app/assets/stylesheets/extensions/pc/_thunder-infinite.scss */ body[data-design="game"] .common-button--strong[data-game-effect-type="thunder"]:before, body[data-design="game"] [data-game-effect-type="thunder"].common-button--strongest:before, body[data-design="game"] .common-button--recommend div[data-game-effect-type="thunder"]:before, .common-button--recommend body[data-design="game"] div[data-game-effect-type="thunder"]:before, body[data-design="game"] .article__sidebar__button-block div[data-game-effect-type="thunder"]:before, .article__sidebar__button-block body[data-design="game"] div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-lobi div[data-game-effect-type="thunder"]:before, .common-button--recommend-lobi body[data-design="game"] div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-jagmo div[data-game-effect-type="thunder"]:before, .common-button--recommend-jagmo body[data-design="game"] div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-rankers div[data-game-effect-type="thunder"]:before, .common-button--recommend-rankers body[data-design="game"] div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-placole div[data-game-effect-type="thunder"]:before, .common-button--recommend-placole body[data-design="game"] div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-jitakusou div[data-game-effect-type="thunder"]:before, .common-button--recommend-jitakusou body[data-design="game"] div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-kamakura div[data-game-effect-type="thunder"]:before, .common-button--recommend-kamakura body[data-design="game"] div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-realkamakuraestate div[data-game-effect-type="thunder"]:before, .common-button--recommend-realkamakuraestate body[data-design="game"] div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-esports div[data-game-effect-type="thunder"]:before, .common-button--recommend-esports body[data-design="game"] div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-fanda div[data-game-effect-type="thunder"]:before, .common-button--recommend-fanda body[data-design="game"] div[data-game-effect-type="thunder"]:before, body[data-design="game"] .common-button--recommend-machino-coin [data-game-effect-type="thunder"].button--blue:before, .common-button--recommend-machino-coin body[data-design="game"] [data-game-effect-type="thunder"].button--blue:before, body[data-design="game"] body[data-design="simple"] [data-game-effect-type="thunder"].button--yellow:before, body[data-design="simple"] body[data-design="game"] [data-game-effect-type="thunder"].button--yellow:before, body[data-design="game"] [data-game-effect-type="thunder"].formtype__submit:before, body[data-design="game"] [data-game-effect-type="thunder"].menu__search__submit:before, body[data-design="game"] [data-game-effect-type="thunder"].sendbar__submit--strong:before, body[data-design="game"] [data-game-effect-type="thunder"].sendbar__submit--search:before, body[data-design="game"] [data-game-effect-type="thunder"].news_children__registration__submit:before, body[data-design="game"] body[data-design="tech"] .more_info a[data-game-effect-type="thunder"]:before, body[data-design="tech"] .more_info body[data-design="game"] a[data-game-effect-type="thunder"]:before, body[data-design="game"] .more_info[data-game-effect-type="thunder"]:before { position: absolute; top: -60px; left: -60px; -webkit-animation: thunder-sprite-step 4s steps(5) 0s infinite; animation: thunder-sprite-step 4s steps(5) 0s infinite; } /* line 19, /home/circleci/app/app/assets/stylesheets/extensions/pc/_thunder-infinite.scss */ body[data-design="game"] .common-button--strong[data-game-effect-type="thunder"]:after, body[data-design="game"] [data-game-effect-type="thunder"].common-button--strongest:after, body[data-design="game"] .common-button--recommend div[data-game-effect-type="thunder"]:after, .common-button--recommend body[data-design="game"] div[data-game-effect-type="thunder"]:after, body[data-design="game"] .article__sidebar__button-block div[data-game-effect-type="thunder"]:after, .article__sidebar__button-block body[data-design="game"] div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-lobi div[data-game-effect-type="thunder"]:after, .common-button--recommend-lobi body[data-design="game"] div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-jagmo div[data-game-effect-type="thunder"]:after, .common-button--recommend-jagmo body[data-design="game"] div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-rankers div[data-game-effect-type="thunder"]:after, .common-button--recommend-rankers body[data-design="game"] div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-placole div[data-game-effect-type="thunder"]:after, .common-button--recommend-placole body[data-design="game"] div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-jitakusou div[data-game-effect-type="thunder"]:after, .common-button--recommend-jitakusou body[data-design="game"] div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-kamakura div[data-game-effect-type="thunder"]:after, .common-button--recommend-kamakura body[data-design="game"] div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-realkamakuraestate div[data-game-effect-type="thunder"]:after, .common-button--recommend-realkamakuraestate body[data-design="game"] div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-esports div[data-game-effect-type="thunder"]:after, .common-button--recommend-esports body[data-design="game"] div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-fanda div[data-game-effect-type="thunder"]:after, .common-button--recommend-fanda body[data-design="game"] div[data-game-effect-type="thunder"]:after, body[data-design="game"] .common-button--recommend-machino-coin [data-game-effect-type="thunder"].button--blue:after, .common-button--recommend-machino-coin body[data-design="game"] [data-game-effect-type="thunder"].button--blue:after, body[data-design="game"] body[data-design="simple"] [data-game-effect-type="thunder"].button--yellow:after, body[data-design="simple"] body[data-design="game"] [data-game-effect-type="thunder"].button--yellow:after, body[data-design="game"] [data-game-effect-type="thunder"].formtype__submit:after, body[data-design="game"] [data-game-effect-type="thunder"].menu__search__submit:after, body[data-design="game"] [data-game-effect-type="thunder"].sendbar__submit--strong:after, body[data-design="game"] [data-game-effect-type="thunder"].sendbar__submit--search:after, body[data-design="game"] [data-game-effect-type="thunder"].news_children__registration__submit:after, body[data-design="game"] body[data-design="tech"] .more_info a[data-game-effect-type="thunder"]:after, body[data-design="tech"] .more_info body[data-design="game"] a[data-game-effect-type="thunder"]:after, body[data-design="game"] .more_info[data-game-effect-type="thunder"]:after { position: absolute; bottom: -40px; right: -70px; -webkit-animation: thunder-sprite-step 4s steps(5) 0.36s infinite; animation: thunder-sprite-step 4s steps(5) 0.36s infinite; } /* line 1, /home/circleci/app/app/assets/stylesheets/extensions/pc/_tooltip.scss */ .footer__account__item__hint, .footer__account__item__hint--without-thumb, .footer__account__item__hint--yana, .menu__nav__item__hint, .menu__sub__inner { background-color: #fff; border-radius: 4px; -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35); } /* line 8, /home/circleci/app/app/assets/stylesheets/extensions/pc/_tooltip.scss */ body[data-design="comic"] .footer__account__item__hint, body[data-design="comic"] .footer__account__item__hint--without-thumb, body[data-design="comic"] .footer__account__item__hint--yana, body[data-design="comic"] .menu__nav__item__hint, body[data-design="comic"] .menu__sub__inner { border: 4px solid #474541; } /* line 14, /home/circleci/app/app/assets/stylesheets/extensions/pc/_tooltip.scss */ body[data-design="kamakura"] .footer__account__item__hint, body[data-design="kamakura"] .footer__account__item__hint--without-thumb, body[data-design="kamakura"] .footer__account__item__hint--yana, body[data-design="kamakura"] .menu__nav__item__hint, body[data-design="kamakura"] .menu__sub__inner { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 0px; } /* line 22, /home/circleci/app/app/assets/stylesheets/extensions/pc/_tooltip.scss */ body[data-design="tech"] .footer__account__item__hint, body[data-design="tech"] .footer__account__item__hint--without-thumb, body[data-design="tech"] .footer__account__item__hint--yana, body[data-design="tech"] .menu__nav__item__hint, body[data-design="tech"] .menu__sub__inner { background-color: transparent; border-radius: 0; } /* line 3, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article { position: relative; margin: 38px auto; margin-top: 0px; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article:before, .article:after { content: ""; display: block; clear: both; } /* line 9, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article * { -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 12, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article img { max-width: 100%; } /* line 21, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content { margin-right: 336px; position: relative; } /* line 26, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content--company-institution-mission .common-button, .article__content--company-institution-mission .article__content__bottom__link__button, .article__content--company-institution-mission .article__content__button, .article__content--company-institution-mission .common-button--strong, .article__content--company-institution-mission .common-button--strongest, .article__content--company-institution-mission .common-button--recommend div, .common-button--recommend .article__content--company-institution-mission div, .article__content--company-institution-mission .article__sidebar__button-block div, .article__sidebar__button-block .article__content--company-institution-mission div, .article__content--company-institution-mission .common-button--recommend-lobi div, .common-button--recommend-lobi .article__content--company-institution-mission div, .article__content--company-institution-mission .common-button--recommend-jagmo div, .common-button--recommend-jagmo .article__content--company-institution-mission div, .article__content--company-institution-mission .common-button--recommend-rankers div, .common-button--recommend-rankers .article__content--company-institution-mission div, .article__content--company-institution-mission .common-button--recommend-placole div, .common-button--recommend-placole .article__content--company-institution-mission div, .article__content--company-institution-mission .common-button--recommend-jitakusou div, .common-button--recommend-jitakusou .article__content--company-institution-mission div, .article__content--company-institution-mission .common-button--recommend-kamakura div, .common-button--recommend-kamakura .article__content--company-institution-mission div, .article__content--company-institution-mission .common-button--recommend-realkamakuraestate div, .common-button--recommend-realkamakuraestate .article__content--company-institution-mission div, .article__content--company-institution-mission .common-button--recommend-esports div, .common-button--recommend-esports .article__content--company-institution-mission div, .article__content--company-institution-mission .common-button--recommend-fanda div, .common-button--recommend-fanda .article__content--company-institution-mission div, .article__content--company-institution-mission .common-button--recommend-machino-coin .button--blue, .common-button--recommend-machino-coin .article__content--company-institution-mission .button--blue, .article__content--company-institution-mission body[data-design="simple"] .button--yellow, body[data-design="simple"] .article__content--company-institution-mission .button--yellow, .article__content--company-institution-mission .formtype__submit, .article__content--company-institution-mission .menu__search__submit, .article__content--company-institution-mission .sendbar__submit--strong, .article__content--company-institution-mission .sendbar__submit--search, .article__content--company-institution-mission .news_children__registration__submit, .article__content--company-institution-mission body[data-design="simple"] .more_info, body[data-design="simple"] .article__content--company-institution-mission .more_info, .article__content--company-institution-mission body[data-design="comic"] .more_info, body[data-design="comic"] .article__content--company-institution-mission .more_info, .article__content--company-institution-mission body[data-design="tech"] .more_info a, body[data-design="tech"] .more_info .article__content--company-institution-mission a, .article__content--company-institution-mission .common-intro__article__top-btn, .article__content--company-institution-mission .sendbar__submit, .article__content--company-institution-mission .news_children__release__submit { margin: 8px; } /* line 32, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__title, .article__content__title--no-border, .article__content__title--no-padding { position: relative; font-size: 36px; font-weight: bold; padding: 30px 40px; border-bottom: solid 2px #eeeeee; } /* line 38, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__title img, .article__content__title--no-border img, .article__content__title--no-padding img { position: absolute; margin: 0px 16px; margin-top: 0.7em; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 45, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__title--no-border { padding-bottom: 0px; border-bottom: none; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__title--no-padding { padding: 0; border-bottom: none; } /* line 56, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__copy { font-size: 50px !important; font-weight: bold; line-height: 1.16; } /* line 62, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__news-header { position: relative; padding: 40px; padding-top: 32px; border-bottom: 2px solid #f5f5f5; } /* line 69, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__news-header__info { overflow: hidden; font-size: 18px; } /* line 74, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__news-header__info__category { float: left; margin-right: 20px; font-family: "Ubuntu"; font-style: italic; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__info__category[data-category="1"] { color: #33c8ff; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__info__category[data-category="1"] .inner-link:before { background-color: #33c8ff; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__info__category[data-category="2"] { color: #7275e9; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__info__category[data-category="2"] .inner-link:before { background-color: #7275e9; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__info__category[data-category="3"] { color: #fc880f; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__info__category[data-category="3"] .inner-link:before { background-color: #fc880f; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__info__category[data-category="4"] { color: #49e845; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__info__category[data-category="4"] .inner-link:before { background-color: #49e845; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__info__category[data-category="5"] { color: #ff599f; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__info__category[data-category="5"] .inner-link:before { background-color: #ff599f; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__info__category[data-category="6"] { color: #cf57fb; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__info__category[data-category="6"] .inner-link:before { background-color: #cf57fb; } /* line 81, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__news-header__info__category a { color: inherit; text-decoration: none; } /* line 85, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__news-header__info__category a:hover { text-decoration: underline; } /* line 91, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__news-header__info__date { float: left; font-family: "Ubuntu"; font-style: italic; } /* line 97, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__news-header__title { margin-top: 16px; margin-bottom: 25px; font-size: 36px; line-height: 50px; font-weight: bold; } /* line 105, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__news-header__title__series { margin-top: 22px; font-size: 24px; line-height: 1; margin-bottom: 14px; } /* line 110, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__news-header__title__series strong { display: inline; font-size: 24px; font-weight: normal; font-style: italic; } /* line 118, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__news-header__social { height: 20px; margin-top: 11px; line-height: 1; } /* line 124, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__news-header__social__tab { display: inline-block; vertical-align: top; margin-right: 8px; } /* line 130, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__news-header__tag { font-size: 13px; line-height: 20px; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__tag:before { content: ""; font-family: FontAwesome; } /* line 135, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__news-header__tag li { display: inline; } /* line 137, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__news-header__tag li:after { content: " / "; } /* line 141, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__news-header__tag li:last-child:after { display: none; } /* line 147, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__news-header__tag a { text-decoration: none; color: inherit; } /* line 150, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__news-header__tag a:hover { text-decoration: underline; } /* line 156, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__main-image, .article__infographics-img-unit__main-title { text-align: center; margin: 1em auto; } /* line 161, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__box { position: relative; margin: 16px 0px; } /* line 165, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__box:first-child { margin-top: 0px; } /* line 168, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__box.is-unavailable { background-color: #f7f7f7 !important; } /* line 171, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__box.is-unavailable a { color: inherit; } /* line 177, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__body, .article__content__body--second { padding: 40px; font-size: 18px; } /* line 181, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__body h1, .article__content__body--second h1, .article__content__body h2, .article__content__body--second h2, .article__content__body h3, .article__content__body--second h3, .article__content__body h4, .article__content__body--second h4, .article__content__body h5, .article__content__body--second h5 { font-weight: bold; } /* line 188, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__body h1, .article__content__body--second h1 { font-size: 36px; } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__body h2, .article__content__body--second h2 { font-size: 30px; } /* line 194, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__body h3, .article__content__body--second h3, .article__content__body .is-title-font, .article__content__body--second .is-title-font { font-size: 24px; } /* line 198, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__body h4, .article__content__body--second h4 { margin: 15px 0px; font-size: 18px; } /* line 202, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__body h5, .article__content__body--second h5 { font-size: 18px; margin-top: 1em; } /* line 206, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__body p, .article__content__body--second p { margin: 22px 0px; } /* line 208, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__body p:first-child, .article__content__body--second p:first-child { margin-top: 0px; } /* line 212, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__body strong, .article__content__body--second strong { font-weight: bold; } /* line 215, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__body small, .article__content__body--second small { font-size: 80%; } /* line 218, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__body hr, .article__content__body--second hr { background-color: transparent; height: 0px; margin: 38px 0px; padding: 0px; border: none; border-top: solid 2px #eeeeee; } /* line 226, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__body .notice, .article__content__body--second .notice { font-size: 12px; } /* line 229, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__body .mapnotice, .article__content__body--second .mapnotice { font-size: 14px; } /* line 232, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__body .is-emphasis-paragraph, .article__content__body--second .is-emphasis-paragraph { margin: 1em auto 3em; } /* line 235, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__body .is-no-margin, .article__content__body--second .is-no-margin { margin: 0; } /* line 239, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__body--second { padding-top: 0px; } /* line 244, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__document { padding: 32px 40px; overflow: hidden; } /* line 250, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__social-footer { height: 100px; padding: 40px; line-height: 1; } /* line 256, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__social-footer__tab { display: inline-block; vertical-align: top; margin-right: 8px; } /* line 262, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__backnumber { margin: 32px 0px; position: relative; overflow: hidden; font-size: 14px; } /* line 269, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__backnumber__vol { font-style: italic; font-size: 16px; } /* line 274, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__backnumber__title { font-size: 18px; font-weight: bold; margin-bottom: 8px; } /* line 280, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__backnumber__desc { margin-top: 8px; } /* line 284, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__backnumber__date { font-size: 15px; font-style: italic; margin-top: 16px; } /* line 290, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__backnumber__image { width: 270px; height: auto; margin-left: 16px; float: right; } /* line 297, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__block-title { margin: 0.5em auto !important; } /* line 299, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__block-title small { font-size: 60%; font-weight: normal; } /* line 305, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__photoblock { margin-top: 1em; } /* line 307, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__photoblock img { margin-right: 5px; } /* line 312, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__banner { border: solid 1px #cccccc; margin-bottom: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /* line 318, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__banner h4 { font-size: 16px; font-weight: bold; } /* line 322, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__banner p { font-size: 14px; line-height: 1.6; margin: 1em auto 1.5em; } /* line 332, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__banner__left { padding: 1.3em; padding-bottom: 0; } /* line 336, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__banner__right { font-size: 0; margin: 0; } /* line 339, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__banner__right img { max-width: 323px; } /* line 344, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__thumbs-title { font-size: 16px; font-weight: bold; margin-bottom: 1em; } /* line 350, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__thumbs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; } /* line 354, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__thumbs p { font-size: 14px; line-height: 1.6; margin: 0.5em auto 0; } /* line 359, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__thumbs a { font-size: 12px; } /* line 364, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__thumbs__item { margin-right: 16px; max-width: 192px; } /* line 369, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__thumbs__item__title { font-size: 14px; font-weight: bold; margin-top: 0.5em; } /* line 375, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__bottom { margin: 15px auto 0; min-height: 252px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__content__bottom:before, .article__content__bottom:after { content: ""; display: block; clear: both; } /* line 382, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__bottom__link, .article__content__bottom__link--left, .article__content__bottom__link--right { padding: 30px; position: relative; } /* line 387, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__bottom__link small, .article__content__bottom__link--left small, .article__content__bottom__link--right small { font-size: 70%; font-weight: normal; margin-bottom: 1em; } /* line 392, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__bottom__link h3, .article__content__bottom__link--left h3, .article__content__bottom__link--right h3 { font-size: 20px; line-height: 1.2; font-weight: bold; margin-bottom: 0.5em; } /* line 398, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__bottom__link p, .article__content__bottom__link--left p, .article__content__bottom__link--right p { font-size: 14px; line-height: 1.7; } /* line 402, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__bottom__link .yanasan, .article__content__bottom__link--left .yanasan, .article__content__bottom__link--right .yanasan { position: absolute; right: 12px; bottom: 20px; } /* line 409, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__bottom__link--left { margin-right: 15px; width: 300px; } /* line 413, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__bottom__link--left a { font-family: "Ubuntu"; } /* line 418, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__bottom__link--right { width: 532px; } /* line 423, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__bottom__link__text { margin-bottom: 1em; } /* line 427, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__bottom__link__button { min-width: 150px !important; position: absolute; left: 30px; bottom: 30px; } /* line 435, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__block-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /* line 439, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__block-list a { color: inherit; text-decoration: none; display: block; } /* line 444, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__block-list a:hover { opacity: 0.7; } /* line 449, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__block-list__item, .article__content__block-list__item--large { background-color: #fff; border: solid 1px #cccccc; margin-top: 16px; width: 49%; } /* line 461, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__block-list__item__inner { padding: 1.3em 1.2em; } /* line 464, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__block-list__title { font-size: 18px; font-weight: bold; margin: 0 !important; } /* line 469, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__block-list__description { font-size: 14px; margin-top: 1.3em; } /* line 474, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__list-title { font-weight: bold; margin-top: 2.5em !important; } /* line 479, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__button-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 1em; } /* line 486, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__button { width: 49%; } /* line 491, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__center-block { text-align: center; } /* line 493, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__center-block p { margin: 0; } /* line 498, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__notice, .article__content__notice--inline-block { font-size: 14px; line-height: 1.69; } /* line 502, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__notice--inline-block { display: inline-block; margin: 1em auto 0; } /* line 508, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__unavailable-label { color: #fff; background-color: #666666; font-weight: bold; text-align: center; } /* line 516, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__visit { margin-top: 15%; } /* line 520, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__datetime { font-size: 14px; color: #666666; } /* line 525, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__card-list { margin-top: 1em; padding-right: 16px; font-size: 0; } /* line 530, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__card-list__item { display: inline-block; border: solid 1px #cccccc; width: 33.3%; overflow: hidden; position: relative; margin-bottom: 8px; vertical-align: bottom; } /* line 538, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__card-list__item:nth-child(3n + 1) { left: 0px; } /* line 541, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__card-list__item:nth-child(3n + 2) { left: 8px; } /* line 544, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__card-list__item:nth-child(3n + 3) { left: 16px; } /* line 547, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__card-list__item a { display: block; color: inherit !important; text-decoration: none; } /* line 551, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__card-list__item a:hover { opacity: 0.7; } /* line 556, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__card-list__cover { font-size: 0; } /* line 558, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__card-list__cover img { width: 100%; } /* line 562, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__card-list__info { padding: 16px; min-height: 135px; font-size: 13px; } /* line 567, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__card-list__title { font-size: 18px; line-height: 1.5; font-weight: bold; overflow: hidden; max-height: 3em; } /* line 575, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__card-list__footer { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 16px; font-size: 13px; } /* line 582, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__card-list__footer p { display: inline; } /* line 586, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__card-list__date { font-style: italic; } /* line 590, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__card-list__client:before { content: " ｜"; } /* line 595, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__card-list__category:before { content: " ｜"; } /* line 600, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__cover-list { margin-top: 16px; padding-right: 16px; font-size: 0; } /* line 605, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__cover-list__item { display: inline-block; width: 33.3%; height: 163px; overflow: hidden; position: relative; margin-bottom: 8px; background-size: cover; background-repeat: no-repeat; background-position: center; } /* line 616, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__cover-list__item:nth-child(3n + 1) { left: 0px; } /* line 619, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__cover-list__item:nth-child(3n + 2) { left: 8px; } /* line 622, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__cover-list__item:nth-child(3n + 3) { left: 16px; } /* line 626, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__cover-list__text { color: #fff; text-align: center; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 633, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__cover-list__text h6 { font-size: 36px; font-weight: bold; } /* line 637, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__cover-list__text small { font-size: 16px; } /* line 645, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__faq__question { margin-top: 1em; } /* line 648, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__faq__answer { font-weight: bold; margin-top: 1em; padding-bottom: 1em; border-bottom: solid 1px #dddddd; } /* line 653, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__faq__answer > a { color: #1b9af7; } /* line 656, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__faq__answer:last-child { border: none; } /* line 661, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__shortlist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 666, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__shortlist__item { width: 50%; margin-top: 16px; } /* line 670, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__shortlist__item:nth-child(2n + 1) { padding-right: 8px; } /* line 673, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__shortlist__item:nth-child(2n) { padding-left: 8px; } /* line 677, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__shortlist__item a { display: block; position: relative; height: 210px; padding-right: 210px; overflow: hidden; text-decoration: none; color: inherit; } /* line 688, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__shortlist__item h3 { font-size: 24px; font-weight: bold; margin: 30px 35px; } /* line 694, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__shortlist__item p { margin: 30px 35px; font-size: 13px; } /* line 700, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__shortlist__item__thumb { position: absolute; top: 0px; right: 0px; width: 210px; height: 100%; background-position: center; background-size: cover; } /* line 721, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__table__list__item { position: relative; padding-left: 1em; } /* line 724, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__table__list__item:before { content: "・"; display: block; position: absolute; top: 0px; left: 0px; } /* line 733, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__img-unit, .article__img-unit--map { overflow: hidden; margin-top: 30px; line-height: 2; font-size: 18px; } /* line 740, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__img-unit--map { border: solid 1px #cccccc; margin-top: 0px; } /* line 744, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__img-unit--map p { margin-left: 1em; } /* line 749, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__img-unit__title { font-size: 22px; font-weight: bold; } /* line 754, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__img-unit__label, .article__img-unit__label--red { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: inline-block; border: solid 2px #999999; font-size: 12px; color: #999999; border-radius: 3px; line-height: 21px; width: 72px; height: 21px; } /* line 766, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__img-unit__label--red { border: none; background-color: #ef5350; color: #fff; } /* line 773, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__img-unit__right, .article__img-unit__right--large, .article__img-unit__right--visit { position: relative; float: right; margin-left: 30px; text-align: center; } /* line 778, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__img-unit__right img, .article__img-unit__right--large img, .article__img-unit__right--visit img { max-width: 180px; height: auto; } /* line 785, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__img-unit__right--large img { max-width: 300px; } /* line 789, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__img-unit__right--visit { height: 200px; } /* line 792, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__img-unit__right--visit img { max-width: 300px; } /* line 797, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__img-unit__desc { margin-bottom: 1em; margin-right: 190px; } /* line 802, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__img-unit__sub-company { padding-left: 1em; } /* line 807, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__document__box .article__img-unit--sdgs:not(:first-of-type) { border-top: 2px solid #0089d2; } /* line 811, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__content__document__box .article__img-unit--infographics { margin-bottom: 80px; } /* line 815, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__img-unit--sdgs { margin-bottom: 25px; } /* line 818, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sdgs-img-unit__main-title { margin-bottom: 30px; max-width: 540px; } /* line 821, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sdgs-img-unit__main-title img { width: 100%; height: auto; } /* line 826, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sdgs-img-unit__sub-title { margin-top: 25px !important; margin-bottom: 0px !important; } /* line 830, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sdgs-img-unit__title { margin-top: 20px !important; margin-bottom: 5px !important; color: #0089d2; font-weight: bold; } /* line 836, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sdgs-img-unit__link { display: block; margin-bottom: 10px; color: #38a6f8; } /* line 841, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sdgs-img-unit__image { margin-top: 10px; } /* line 843, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sdgs-img-unit__image.image-left { max-width: 514px; } /* line 846, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sdgs-img-unit__image img { width: 100%; height: auto; } /* line 851, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sdgs-img-unit__caption { margin: 20px 0 5px; font-size: 14px; } /* line 856, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sdgs-img-unit__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2%; margin-bottom: -2%; } /* line 862, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sdgs-img-unit__item { width: 15%; margin-bottom: 2%; list-style: none; } /* line 866, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sdgs-img-unit__item img { display: block; } /* line 876, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__infographics-img-unit__image { margin-top: 30px; margin-bottom: 25px; text-align: center; } /* line 880, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__infographics-img-unit__image.image-left { max-width: 514px; } /* line 883, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__infographics-img-unit__image img { width: 80%; height: auto; } /* line 888, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__infographics-note { font-size: 80%; color: #333333; } /* line 893, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__press { border: solid 2px #cccccc; padding: 20px; overflow: hidden; font-size: 16px; line-height: 30px; text-align: right; font-weight: bold; } /* line 901, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__press strong { font-size: 30px; float: left; } /* line 907, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__tab { position: relative; text-align: right; padding: 40px 40px 0px; margin-bottom: -8px; } /* line 912, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__tab select { display: none; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__tab:before, .article__tab:after { content: ""; display: block; clear: both; } /* line 918, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__tab__ir-filter { position: relative; display: inline-block; } /* line 921, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__tab__ir-filter ul { margin-bottom: 8px; } /* line 924, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__tab__ir-filter li { display: inline-block; margin-left: 4px; padding: 0 16px; height: 40px; line-height: 40px; border: solid 2px #eeeeee; cursor: pointer; } /* line 935, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__tab__ir-filter--year { position: relative; display: inline-block; margin-left: 4px; } /* line 940, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__tab__ir-filter--year ul { position: absolute; top: 0; left: 0; width: 100%; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; max-height: 360px; overflow-y: scroll; background-color: #f7f7f7; z-index: 2; -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35); border-radius: 3px; padding: 4px 8px 8px; } /* line 955, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__tab__ir-filter--year ul.is-closed { display: none; } /* line 959, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__tab__ir-filter--year li { position: relative; margin-top: 4px; display: block; padding: 8px; white-space: nowrap; color: inherit; text-decoration: none; background-color: #fff; font-size: 14px; line-height: 1; font-weight: bold; border-radius: 3px; cursor: pointer; } /* line 974, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__tab__ir-filter--year li:hover, .article__tab__ir-filter--year li.is-more:hover, .article__tab__ir-filter--year li.is-active { background-color: #666666; color: #fff; } /* line 983, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__tab__label { pointer-events: none; width: 100px; text-align: left; padding: 0 16px; height: 40px; line-height: 40px; border: solid 2px #eeeeee; } /* line 992, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__tab__label:after { position: absolute; display: block; right: 16px; top: 0px; pointer-events: none; content: ""; font-family: FontAwesome; color: #4c4c4c; } /* line 1004, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__three { margin-right: 32px; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__three:before, .article__three:after { content: ""; display: block; clear: both; } /* line 1009, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__three__item { position: relative; float: left; width: 33.3%; } /* line 1013, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__three__item:nth-child(3n + 1) { left: 0px; } /* line 1016, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__three__item:nth-child(3n + 2) { left: 16px; } /* line 1019, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__three__item:nth-child(3n + 3) { left: 32px; } /* line 1024, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar { position: absolute; top: 0px; right: 0px; width: 320px; } /* line 1030, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar a { color: inherit; text-decoration: none; display: block; } /* line 1035, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar.is-fixed { position: fixed; } /* line 1040, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__title { font-weight: bold; font-size: 24px; line-height: 1; padding: 24px; } /* line 1046, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__list { margin-top: 2px; } /* line 1048, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__list:first-child { margin-top: 0px; } /* line 1054, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__nest ul { display: none; } /* line 1058, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__nest li { padding: 0px; border: none; } /* line 1064, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__nest.is-active ul { display: block; } /* line 1070, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__nest__name { display: block; padding: 20px 24px; font-size: 18px; font-weight: bold; position: relative; } /* line 77, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__sidebar__nest__name:after { content: ""; font-family: FontAwesome; } /* line 1078, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__nest__name:after { position: absolute; right: 32px; top: 50%; line-height: 1; font-size: 80%; margin-top: -0.5em; } /* line 1088, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .is-active:not(.has-nest-list) .article__sidebar__nest__name:after { display: none; } /* line 77, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-active.has-nest-list .article__sidebar__nest__name:after { content: ""; font-family: FontAwesome; } /* line 1098, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__nest.is-active .article__sidebar__nest__name, .article__sidebar__nest__name:hover, .article__sidebar__nest__btn.is-active, .article__sidebar__nest__btn:hover { background-color: #f7f7f7; } /* line 1105, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__nest__list { padding: 1px 0px; } /* line 1108, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__nest__list .article__sidebar__nest__list .article__sidebar__nest__btn { padding-left: 82px; } /* line 1111, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__nest__list .article__sidebar__nest__list .article__sidebar__nest__btn:before { left: 64px; } /* line 1117, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__nest__btn { position: relative; line-height: 1em; font-size: 14px; padding: 8px; padding-left: 50px; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__sidebar__nest__btn:before { content: ""; font-family: FontAwesome; } /* line 1124, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__nest__btn:before { position: absolute; top: 7px; left: 32px; } /* line 1131, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__button-block { float: left; margin-top: 8px; width: 320px; } /* line 1138, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__box { margin-bottom: 8px; } /* line 1141, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__box:last-child { margin-bottom: 0px; } /* line 1146, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__box__title { padding: 20px 24px; font-size: 24px; line-height: 1.5; font-weight: bold; border-bottom: solid 2px #eeeeee; } /* line 1154, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__box__title__sub { margin-top: 2px; font-size: 13px; font-weight: normal; } /* line 1160, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__links { /* nothing */ } /* line 1164, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__links__title { padding: 32px; font-size: 24px; font-weight: bold; border-bottom: solid 2px #eeeeee; } /* line 1171, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__links__title__sub { display: inline; font-weight: normal; font-size: 18px; } /* line 1175, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__links__title__sub:before { content: "　|　"; } /* line 1180, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__links__list { padding-top: 0px; color: #4c4c4c; } /* line 1185, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__links__list__item { position: relative; display: block; padding: 13px 24px 1px; color: inherit; text-decoration: none; font-size: 15px; } /* line 1193, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__links__list__item:after { position: absolute; bottom: 0; left: 24px; right: 24px; height: 2px; background-color: #eeeeee; content: ""; } /* line 1200, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__links__list__item:last-child { padding-bottom: 8px; } /* line 1202, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__links__list__item:last-child:after { display: none; } /* line 1208, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__links__footer { margin: 0px 32px; padding: 32px 0px; text-align: center; } /* line 1214, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__series { position: relative; margin-bottom: 13px; } /* line 1219, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__series__name { font-weight: bold; } /* line 1223, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__series__count { position: absolute; top: 0px; right: 0px; font-size: 14px; line-height: 1; color: #666666; background-color: #eeeeee; font-weight: bold; padding: 0.1em 0.4em; border-radius: 3px; } /* line 1236, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__series__date { font-size: 11px; margin-top: -1px; font-style: italic; font-family: "Ubuntu"; } /* line 1243, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__rank { overflow: hidden; padding: 8px 0 16px; } /* line 1248, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__rank__date { font-style: italic; font-family: "Ubuntu"; } /* line 1253, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__rank__num { float: left; font-size: 16px; font-weight: bold; } /* line 1259, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__rank__body { margin-left: 41px; font-size: 14px; } /* line 1264, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__rank__title { font-weight: bold; margin: 2px 0px; } /* line 1269, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__rank__category { display: inline; font-style: italic; font-family: "Ubuntu"; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__sidebar__rank__category[data-category="1"] { color: #33c8ff; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__sidebar__rank__category[data-category="1"] .inner-link:before { background-color: #33c8ff; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__sidebar__rank__category[data-category="2"] { color: #7275e9; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__sidebar__rank__category[data-category="2"] .inner-link:before { background-color: #7275e9; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__sidebar__rank__category[data-category="3"] { color: #fc880f; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__sidebar__rank__category[data-category="3"] .inner-link:before { background-color: #fc880f; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__sidebar__rank__category[data-category="4"] { color: #49e845; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__sidebar__rank__category[data-category="4"] .inner-link:before { background-color: #49e845; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__sidebar__rank__category[data-category="5"] { color: #ff599f; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__sidebar__rank__category[data-category="5"] .inner-link:before { background-color: #ff599f; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__sidebar__rank__category[data-category="6"] { color: #cf57fb; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__sidebar__rank__category[data-category="6"] .inner-link:before { background-color: #cf57fb; } /* line 1276, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__rank__tag { display: inline; font-size: 11px; } /* line 1279, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ .article__sidebar__rank__tag:before { content: "　|　"; } /* line 1291, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="simple"] .article__links__list__item:hover { background-color: #f7f7f7; } /* line 1296, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="simple"] .article__sidebar__title { font-family: "Ubuntu"; } /* line 1302, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="simple"] .article__tab__ir-filter li.is-active, body[data-design="simple"] .article__tab__ir-filter li:hover { color: #1b9af7; } /* line 1311, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .article__content__title, body[data-design="comic"] .article__content__title--no-border, body[data-design="comic"] .article__content__title--no-padding { border-color: #474541; } /* line 1315, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .article__links__list__item { text-shadow: 4px 0px 0px #f4f0e7, -3.49322px -1.9487px 0px #f4f0e7, 2.10128px 3.40362px 0px #f4f0e7, -0.17692px -3.99608px 0px #f4f0e7, -1.7923px 3.57598px 0px #f4f0e7, 3.30734px -2.24976px 0px #f4f0e7, -3.98436px 0.35348px 0px #f4f0e7, 3.65176px 1.63238px 0px #f4f0e7, -2.39384px -3.20462px 0px #f4f0e7, 0.52934px 3.96482px 0px #f4f0e7, 1.46928px -3.72038px 0px #f4f0e7, -3.0956px 2.53324px 0px #f4f0e7, 3.93752px -0.70418px 0px #f4f0e7, -3.78172px -1.3033px 0px #f4f0e7, 2.66766px 2.98054px 0px #f4f0e7, -0.87764px -3.90254px 0px #f4f0e7, -1.13476px 3.83566px 0px #f4f0e7; } /* line 1318, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .article__links__list__item:after { background-color: #474541; } /* line 1322, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .article__links__list__item:hover { background-image: url(/assets/pc/design/comic/ptn_comic_3-c8bfa1433d4093bd2b5ea025d11a6a5772ebacf67afb004848b8959a4f79bffa.png); background-size: 5px 5px; } /* line 1329, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .article__content__body hr, body[data-design="comic"] .article__content__body--second hr { border-color: #474541; } /* line 1334, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .article__faq__answer { border-color: #474541; } /* line 1343, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .article__content__title, body[data-design="comic"] .article__content__title--no-border, body[data-design="comic"] .article__content__title--no-padding, body[data-design="comic"] .article__news-header__title { font-family: "ゴシックMB101 U JIS2004"; color: #f4f0e7; text-shadow: 4px 0px 0px #474541, -3.49322px -1.9487px 0px #474541, 2.10128px 3.40362px 0px #474541, -0.17692px -3.99608px 0px #474541, -1.7923px 3.57598px 0px #474541, 3.30734px -2.24976px 0px #474541, -3.98436px 0.35348px 0px #474541, 3.65176px 1.63238px 0px #474541, -2.39384px -3.20462px 0px #474541, 0.52934px 3.96482px 0px #474541, 1.46928px -3.72038px 0px #474541, -3.0956px 2.53324px 0px #474541, 3.93752px -0.70418px 0px #474541, -3.78172px -1.3033px 0px #474541, 2.66766px 2.98054px 0px #474541, -0.87764px -3.90254px 0px #474541, -1.13476px 3.83566px 0px #474541; } /* line 1350, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .article__sidebar { font-family: "Source Sans Pro", "ゴシックMB101 DB JIS2004"; } /* line 1354, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .article__news-header { border-color: #474541; } /* line 1358, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .article__sidebar__list { margin-top: -6px; } /* line 1363, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .chronology .common-button, body[data-design="comic"] .chronology .article__content__bottom__link__button, body[data-design="comic"] .chronology .article__content__button, body[data-design="comic"] .chronology .common-button--strong, body[data-design="comic"] .chronology .common-button--strongest, body[data-design="comic"] .chronology .common-button--recommend div, .common-button--recommend body[data-design="comic"] .chronology div, body[data-design="comic"] .chronology .article__sidebar__button-block div, .article__sidebar__button-block body[data-design="comic"] .chronology div, body[data-design="comic"] .chronology .common-button--recommend-lobi div, .common-button--recommend-lobi body[data-design="comic"] .chronology div, body[data-design="comic"] .chronology .common-button--recommend-jagmo div, .common-button--recommend-jagmo body[data-design="comic"] .chronology div, body[data-design="comic"] .chronology .common-button--recommend-rankers div, .common-button--recommend-rankers body[data-design="comic"] .chronology div, body[data-design="comic"] .chronology .common-button--recommend-placole div, .common-button--recommend-placole body[data-design="comic"] .chronology div, body[data-design="comic"] .chronology .common-button--recommend-jitakusou div, .common-button--recommend-jitakusou body[data-design="comic"] .chronology div, body[data-design="comic"] .chronology .common-button--recommend-kamakura div, .common-button--recommend-kamakura body[data-design="comic"] .chronology div, body[data-design="comic"] .chronology .common-button--recommend-realkamakuraestate div, .common-button--recommend-realkamakuraestate body[data-design="comic"] .chronology div, body[data-design="comic"] .chronology .common-button--recommend-esports div, .common-button--recommend-esports body[data-design="comic"] .chronology div, body[data-design="comic"] .chronology .common-button--recommend-fanda div, .common-button--recommend-fanda body[data-design="comic"] .chronology div, body[data-design="comic"] .chronology .common-button--recommend-machino-coin .button--blue, .common-button--recommend-machino-coin body[data-design="comic"] .chronology .button--blue, body[data-design="comic"] .chronology body[data-design="simple"] .button--yellow, body[data-design="simple"] body[data-design="comic"] .chronology .button--yellow, body[data-design="comic"] .chronology .formtype__submit, body[data-design="comic"] .chronology .menu__search__submit, body[data-design="comic"] .chronology .sendbar__submit--strong, body[data-design="comic"] .chronology .sendbar__submit--search, body[data-design="comic"] .chronology .news_children__registration__submit, body[data-design="comic"] .chronology .more_info, body[data-design="comic"] .chronology body[data-design="tech"] .more_info a, body[data-design="tech"] .more_info body[data-design="comic"] .chronology a, body[data-design="comic"] .chronology .common-intro__article__top-btn, body[data-design="comic"] .chronology .sendbar__submit, body[data-design="comic"] .chronology .news_children__release__submit { position: relative; } /* line 1366, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .chronology .common-button:before, body[data-design="comic"] .chronology .article__content__bottom__link__button:before, body[data-design="comic"] .chronology .article__content__button:before, body[data-design="comic"] .chronology .common-button--strong:before, body[data-design="comic"] .chronology .common-button--strongest:before, body[data-design="comic"] .chronology .common-button--recommend div:before, .common-button--recommend body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .article__sidebar__button-block div:before, .article__sidebar__button-block body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-lobi div:before, .common-button--recommend-lobi body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-jagmo div:before, .common-button--recommend-jagmo body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-rankers div:before, .common-button--recommend-rankers body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-placole div:before, .common-button--recommend-placole body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-jitakusou div:before, .common-button--recommend-jitakusou body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-kamakura div:before, .common-button--recommend-kamakura body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-realkamakuraestate div:before, .common-button--recommend-realkamakuraestate body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-esports div:before, .common-button--recommend-esports body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-fanda div:before, .common-button--recommend-fanda body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-machino-coin .button--blue:before, .common-button--recommend-machino-coin body[data-design="comic"] .chronology .button--blue:before, body[data-design="comic"] .chronology body[data-design="simple"] .button--yellow:before, body[data-design="simple"] body[data-design="comic"] .chronology .button--yellow:before, body[data-design="comic"] .chronology .formtype__submit:before, body[data-design="comic"] .chronology .menu__search__submit:before, body[data-design="comic"] .chronology .sendbar__submit--strong:before, body[data-design="comic"] .chronology .sendbar__submit--search:before, body[data-design="comic"] .chronology .news_children__registration__submit:before, body[data-design="comic"] .chronology .more_info:before, body[data-design="comic"] .chronology body[data-design="tech"] .more_info a:before, body[data-design="tech"] .more_info body[data-design="comic"] .chronology a:before, body[data-design="comic"] .chronology .common-intro__article__top-btn:before, body[data-design="comic"] .chronology .sendbar__submit:before, body[data-design="comic"] .chronology .news_children__release__submit:before { position: absolute; top: -100px; right: -90px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 100px; height: 173px; background-position: -6055px 0px; background-size: 12546.5px 628px; z-index: 2; content: ""; } /* line 1374, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .chronology .common-button:hover:before, body[data-design="comic"] .chronology .article__content__bottom__link__button:hover:before, body[data-design="comic"] .chronology .article__content__button:hover:before, body[data-design="comic"] .chronology .common-button--strong:hover:before, body[data-design="comic"] .chronology .common-button--strongest:hover:before, body[data-design="comic"] .chronology .common-button--recommend div:hover:before, .common-button--recommend body[data-design="comic"] .chronology div:hover:before, body[data-design="comic"] .chronology .article__sidebar__button-block div:hover:before, .article__sidebar__button-block body[data-design="comic"] .chronology div:hover:before, body[data-design="comic"] .chronology .common-button--recommend-lobi div:hover:before, .common-button--recommend-lobi body[data-design="comic"] .chronology div:hover:before, body[data-design="comic"] .chronology .common-button--recommend-jagmo div:hover:before, .common-button--recommend-jagmo body[data-design="comic"] .chronology div:hover:before, body[data-design="comic"] .chronology .common-button--recommend-rankers div:hover:before, .common-button--recommend-rankers body[data-design="comic"] .chronology div:hover:before, body[data-design="comic"] .chronology .common-button--recommend-placole div:hover:before, .common-button--recommend-placole body[data-design="comic"] .chronology div:hover:before, body[data-design="comic"] .chronology .common-button--recommend-jitakusou div:hover:before, .common-button--recommend-jitakusou body[data-design="comic"] .chronology div:hover:before, body[data-design="comic"] .chronology .common-button--recommend-kamakura div:hover:before, .common-button--recommend-kamakura body[data-design="comic"] .chronology div:hover:before, body[data-design="comic"] .chronology .common-button--recommend-realkamakuraestate div:hover:before, .common-button--recommend-realkamakuraestate body[data-design="comic"] .chronology div:hover:before, body[data-design="comic"] .chronology .common-button--recommend-esports div:hover:before, .common-button--recommend-esports body[data-design="comic"] .chronology div:hover:before, body[data-design="comic"] .chronology .common-button--recommend-fanda div:hover:before, .common-button--recommend-fanda body[data-design="comic"] .chronology div:hover:before, body[data-design="comic"] .chronology .common-button--recommend-machino-coin .button--blue:hover:before, .common-button--recommend-machino-coin body[data-design="comic"] .chronology .button--blue:hover:before, body[data-design="comic"] .chronology body[data-design="simple"] .button--yellow:hover:before, body[data-design="simple"] body[data-design="comic"] .chronology .button--yellow:hover:before, body[data-design="comic"] .chronology .formtype__submit:hover:before, body[data-design="comic"] .chronology .menu__search__submit:hover:before, body[data-design="comic"] .chronology .sendbar__submit--strong:hover:before, body[data-design="comic"] .chronology .sendbar__submit--search:hover:before, body[data-design="comic"] .chronology .news_children__registration__submit:hover:before, body[data-design="comic"] .chronology .more_info:hover:before, body[data-design="comic"] .chronology body[data-design="tech"] .more_info a:hover:before, body[data-design="tech"] .more_info body[data-design="comic"] .chronology a:hover:before, body[data-design="comic"] .chronology .common-intro__article__top-btn:hover:before, body[data-design="comic"] .chronology .sendbar__submit:hover:before, body[data-design="comic"] .chronology .news_children__release__submit:hover:before { -webkit-animation: bounce-to-top-right 0.5s linear both; animation: bounce-to-top-right 0.5s linear both; opacity: 1; } /* line 1381, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .article__sidebar__box__title, body[data-design="comic"] .article__links__title, body[data-design="comic"] .article__links__list__item, body[data-design="comic"] .article__links__footer { border-color: #474541; } /* line 1388, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .article__sidebar__series__count { font-size: 14px; color: #f4f0e7; text-shadow: none; background-color: #474541; } /* line 1395, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .comic-onomatope--vision { position: absolute; top: 0; left: 0; right: 0; z-index: 2; } /* line 1400, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .comic-onomatope--vision-1 { position: absolute; top: 100px; left: 50%; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 175px; height: 182px; background-position: -11644px 0px; background-size: 12546.5px 628px; margin-left: -700px; } /* line 1407, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .comic-onomatope--vision-2 { position: absolute; top: 190px; left: 50%; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 360px; height: 416px; background-position: -11819px 0px; background-size: 12546.5px 628px; margin-left: -740px; } /* line 1414, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .comic-onomatope--vision-3 { position: absolute; top: 765px; left: 50%; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 296px; height: 247px; background-position: -12179px 0px; background-size: 12546.5px 628px; margin-left: 100px; } /* line 1421, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .comic-onomatope--fresh-1 { position: absolute; top: 40px; left: 320px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 226px; height: 120px; background-position: -5158px 0px; background-size: 12546.5px 628px; } /* line 1427, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .article__sidebar__title { color: #f4f0e7; background-color: #474541 !important; } /* line 1432, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .article__sidebar__list { padding: 4px; } /* line 1436, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .article__sidebar__nest.is-active .article__sidebar__nest__name, body[data-design="comic"] .article__sidebar__nest__name:hover { background-image: url(/assets/pc/design/comic/ptn_comic_3-c8bfa1433d4093bd2b5ea025d11a6a5772ebacf67afb004848b8959a4f79bffa.png); background-size: 5px 5px; background-position: center; background-color: transparent; text-shadow: 4px 0px 0px #f4f0e7, -3.49322px -1.9487px 0px #f4f0e7, 2.10128px 3.40362px 0px #f4f0e7, -0.17692px -3.99608px 0px #f4f0e7, -1.7923px 3.57598px 0px #f4f0e7, 3.30734px -2.24976px 0px #f4f0e7, -3.98436px 0.35348px 0px #f4f0e7, 3.65176px 1.63238px 0px #f4f0e7, -2.39384px -3.20462px 0px #f4f0e7, 0.52934px 3.96482px 0px #f4f0e7, 1.46928px -3.72038px 0px #f4f0e7, -3.0956px 2.53324px 0px #f4f0e7, 3.93752px -0.70418px 0px #f4f0e7, -3.78172px -1.3033px 0px #f4f0e7, 2.66766px 2.98054px 0px #f4f0e7, -0.87764px -3.90254px 0px #f4f0e7, -1.13476px 3.83566px 0px #f4f0e7; } /* line 1445, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .article__sidebar__nest__list { padding: 0px; } /* line 1449, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .article__sidebar__nest__btn { margin: 0px; } /* line 1451, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .article__sidebar__nest__btn:hover, body[data-design="comic"] .article__sidebar__nest__btn.is-active { background-image: url(/assets/pc/design/comic/header_background-1ba7f6faf0b95daf9246eea18a8c4cb822e078bc7cdd1361b4692f3c38a8ff39.png); background-size: 5px 5px; text-shadow: 4px 0px 0px #f4f0e7, -3.49322px -1.9487px 0px #f4f0e7, 2.10128px 3.40362px 0px #f4f0e7, -0.17692px -3.99608px 0px #f4f0e7, -1.7923px 3.57598px 0px #f4f0e7, 3.30734px -2.24976px 0px #f4f0e7, -3.98436px 0.35348px 0px #f4f0e7, 3.65176px 1.63238px 0px #f4f0e7, -2.39384px -3.20462px 0px #f4f0e7, 0.52934px 3.96482px 0px #f4f0e7, 1.46928px -3.72038px 0px #f4f0e7, -3.0956px 2.53324px 0px #f4f0e7, 3.93752px -0.70418px 0px #f4f0e7, -3.78172px -1.3033px 0px #f4f0e7, 2.66766px 2.98054px 0px #f4f0e7, -0.87764px -3.90254px 0px #f4f0e7, -1.13476px 3.83566px 0px #f4f0e7; } /* line 1459, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .comic-onomatope--brainstorm { position: absolute; top: 150px; left: 50%; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 321px; height: 238px; background-position: -2544px 0px; background-size: 12546.5px 628px; margin-left: -400px; } /* line 1466, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .common-button--recommend, body[data-design="comic"] .article__sidebar__button-block, body[data-design="comic"] .common-button--recommend-lobi, body[data-design="comic"] .common-button--recommend-jagmo, body[data-design="comic"] .common-button--recommend-rankers, body[data-design="comic"] .common-button--recommend-placole, body[data-design="comic"] .common-button--recommend-jitakusou, body[data-design="comic"] .common-button--recommend-kamakura, body[data-design="comic"] .common-button--recommend-realkamakuraestate, body[data-design="comic"] .common-button--recommend-esports, body[data-design="comic"] .common-button--recommend-fanda { position: relative; } /* line 1470, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .common-button--recommend .has-onomatope:before, body[data-design="comic"] .article__sidebar__button-block .has-onomatope:before, body[data-design="comic"] .common-button--recommend-lobi .has-onomatope:before, body[data-design="comic"] .common-button--recommend-jagmo .has-onomatope:before, body[data-design="comic"] .common-button--recommend-rankers .has-onomatope:before, body[data-design="comic"] .common-button--recommend-placole .has-onomatope:before, body[data-design="comic"] .common-button--recommend-jitakusou .has-onomatope:before, body[data-design="comic"] .common-button--recommend-kamakura .has-onomatope:before, body[data-design="comic"] .common-button--recommend-realkamakuraestate .has-onomatope:before, body[data-design="comic"] .common-button--recommend-esports .has-onomatope:before, body[data-design="comic"] .common-button--recommend-fanda .has-onomatope:before, body[data-design="comic"] .common-button--recommend .has-onomatope:after, body[data-design="comic"] .article__sidebar__button-block .has-onomatope:after, body[data-design="comic"] .common-button--recommend-lobi .has-onomatope:after, body[data-design="comic"] .common-button--recommend-jagmo .has-onomatope:after, body[data-design="comic"] .common-button--recommend-rankers .has-onomatope:after, body[data-design="comic"] .common-button--recommend-placole .has-onomatope:after, body[data-design="comic"] .common-button--recommend-jitakusou .has-onomatope:after, body[data-design="comic"] .common-button--recommend-kamakura .has-onomatope:after, body[data-design="comic"] .common-button--recommend-realkamakuraestate .has-onomatope:after, body[data-design="comic"] .common-button--recommend-esports .has-onomatope:after, body[data-design="comic"] .common-button--recommend-fanda .has-onomatope:after { content: ""; } /* line 1476, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .common-button--recommend .has-onomatope:after, body[data-design="comic"] .article__sidebar__button-block .has-onomatope:after, body[data-design="comic"] .common-button--recommend-lobi .has-onomatope:after, body[data-design="comic"] .common-button--recommend-jagmo .has-onomatope:after, body[data-design="comic"] .common-button--recommend-rankers .has-onomatope:after, body[data-design="comic"] .common-button--recommend-placole .has-onomatope:after, body[data-design="comic"] .common-button--recommend-jitakusou .has-onomatope:after, body[data-design="comic"] .common-button--recommend-kamakura .has-onomatope:after, body[data-design="comic"] .common-button--recommend-realkamakuraestate .has-onomatope:after, body[data-design="comic"] .common-button--recommend-esports .has-onomatope:after, body[data-design="comic"] .common-button--recommend-fanda .has-onomatope:after { position: absolute; top: -110px; right: -50px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 325px; height: 118px; background-position: -4604px 0px; background-size: 12546.5px 628px; } /* line 1482, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .common-button--recommend .has-onomatope:hover:before, body[data-design="comic"] .article__sidebar__button-block .has-onomatope:hover:before, body[data-design="comic"] .common-button--recommend-lobi .has-onomatope:hover:before, body[data-design="comic"] .common-button--recommend-jagmo .has-onomatope:hover:before, body[data-design="comic"] .common-button--recommend-rankers .has-onomatope:hover:before, body[data-design="comic"] .common-button--recommend-placole .has-onomatope:hover:before, body[data-design="comic"] .common-button--recommend-jitakusou .has-onomatope:hover:before, body[data-design="comic"] .common-button--recommend-kamakura .has-onomatope:hover:before, body[data-design="comic"] .common-button--recommend-realkamakuraestate .has-onomatope:hover:before, body[data-design="comic"] .common-button--recommend-esports .has-onomatope:hover:before, body[data-design="comic"] .common-button--recommend-fanda .has-onomatope:hover:before, body[data-design="comic"] .common-button--recommend .has-onomatope:hover:after, body[data-design="comic"] .article__sidebar__button-block .has-onomatope:hover:after, body[data-design="comic"] .common-button--recommend-lobi .has-onomatope:hover:after, body[data-design="comic"] .common-button--recommend-jagmo .has-onomatope:hover:after, body[data-design="comic"] .common-button--recommend-rankers .has-onomatope:hover:after, body[data-design="comic"] .common-button--recommend-placole .has-onomatope:hover:after, body[data-design="comic"] .common-button--recommend-jitakusou .has-onomatope:hover:after, body[data-design="comic"] .common-button--recommend-kamakura .has-onomatope:hover:after, body[data-design="comic"] .common-button--recommend-realkamakuraestate .has-onomatope:hover:after, body[data-design="comic"] .common-button--recommend-esports .has-onomatope:hover:after, body[data-design="comic"] .common-button--recommend-fanda .has-onomatope:hover:after { opacity: 1; } /* line 1487, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .common-button--recommend .has-onomatope:hover:after, body[data-design="comic"] .article__sidebar__button-block .has-onomatope:hover:after, body[data-design="comic"] .common-button--recommend-lobi .has-onomatope:hover:after, body[data-design="comic"] .common-button--recommend-jagmo .has-onomatope:hover:after, body[data-design="comic"] .common-button--recommend-rankers .has-onomatope:hover:after, body[data-design="comic"] .common-button--recommend-placole .has-onomatope:hover:after, body[data-design="comic"] .common-button--recommend-jitakusou .has-onomatope:hover:after, body[data-design="comic"] .common-button--recommend-kamakura .has-onomatope:hover:after, body[data-design="comic"] .common-button--recommend-realkamakuraestate .has-onomatope:hover:after, body[data-design="comic"] .common-button--recommend-esports .has-onomatope:hover:after, body[data-design="comic"] .common-button--recommend-fanda .has-onomatope:hover:after { -webkit-animation: bounce-to-top-right 0.5s linear both; animation: bounce-to-top-right 0.5s linear both; } /* line 1493, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .common-button--recommend .has-onomatope[data-onomatope-id="lobi"]:before, body[data-design="comic"] .article__sidebar__button-block .has-onomatope[data-onomatope-id="lobi"]:before, body[data-design="comic"] .common-button--recommend-lobi .has-onomatope[data-onomatope-id="lobi"]:before, body[data-design="comic"] .common-button--recommend-jagmo .has-onomatope[data-onomatope-id="lobi"]:before, body[data-design="comic"] .common-button--recommend-rankers .has-onomatope[data-onomatope-id="lobi"]:before, body[data-design="comic"] .common-button--recommend-placole .has-onomatope[data-onomatope-id="lobi"]:before, body[data-design="comic"] .common-button--recommend-jitakusou .has-onomatope[data-onomatope-id="lobi"]:before, body[data-design="comic"] .common-button--recommend-kamakura .has-onomatope[data-onomatope-id="lobi"]:before, body[data-design="comic"] .common-button--recommend-realkamakuraestate .has-onomatope[data-onomatope-id="lobi"]:before, body[data-design="comic"] .common-button--recommend-esports .has-onomatope[data-onomatope-id="lobi"]:before, body[data-design="comic"] .common-button--recommend-fanda .has-onomatope[data-onomatope-id="lobi"]:before { position: absolute; top: -30px; left: 50%; right: auto; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 110px; height: 137px; background-position: -7399px 0px; background-size: 12546.5px 628px; margin-left: 170px; } /* line 1499, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .common-button--recommend .has-onomatope[data-onomatope-id="lobi"]:after, body[data-design="comic"] .article__sidebar__button-block .has-onomatope[data-onomatope-id="lobi"]:after, body[data-design="comic"] .common-button--recommend-lobi .has-onomatope[data-onomatope-id="lobi"]:after, body[data-design="comic"] .common-button--recommend-jagmo .has-onomatope[data-onomatope-id="lobi"]:after, body[data-design="comic"] .common-button--recommend-rankers .has-onomatope[data-onomatope-id="lobi"]:after, body[data-design="comic"] .common-button--recommend-placole .has-onomatope[data-onomatope-id="lobi"]:after, body[data-design="comic"] .common-button--recommend-jitakusou .has-onomatope[data-onomatope-id="lobi"]:after, body[data-design="comic"] .common-button--recommend-kamakura .has-onomatope[data-onomatope-id="lobi"]:after, body[data-design="comic"] .common-button--recommend-realkamakuraestate .has-onomatope[data-onomatope-id="lobi"]:after, body[data-design="comic"] .common-button--recommend-esports .has-onomatope[data-onomatope-id="lobi"]:after, body[data-design="comic"] .common-button--recommend-fanda .has-onomatope[data-onomatope-id="lobi"]:after { position: absolute; top: -20px; left: 50%; right: auto; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 129px; height: 126px; background-position: -7270px 0px; background-size: 12546.5px 628px; margin-left: -300px; } /* line 1506, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .common-button--recommend .has-onomatope[data-onomatope-id="lobi"]:hover:before, body[data-design="comic"] .article__sidebar__button-block .has-onomatope[data-onomatope-id="lobi"]:hover:before, body[data-design="comic"] .common-button--recommend-lobi .has-onomatope[data-onomatope-id="lobi"]:hover:before, body[data-design="comic"] .common-button--recommend-jagmo .has-onomatope[data-onomatope-id="lobi"]:hover:before, body[data-design="comic"] .common-button--recommend-rankers .has-onomatope[data-onomatope-id="lobi"]:hover:before, body[data-design="comic"] .common-button--recommend-placole .has-onomatope[data-onomatope-id="lobi"]:hover:before, body[data-design="comic"] .common-button--recommend-jitakusou .has-onomatope[data-onomatope-id="lobi"]:hover:before, body[data-design="comic"] .common-button--recommend-kamakura .has-onomatope[data-onomatope-id="lobi"]:hover:before, body[data-design="comic"] .common-button--recommend-realkamakuraestate .has-onomatope[data-onomatope-id="lobi"]:hover:before, body[data-design="comic"] .common-button--recommend-esports .has-onomatope[data-onomatope-id="lobi"]:hover:before, body[data-design="comic"] .common-button--recommend-fanda .has-onomatope[data-onomatope-id="lobi"]:hover:before { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-animation: bounce-to-top-right 1.5s linear 0.2s both; animation: bounce-to-top-right 1.5s linear 0.2s both; } /* line 1511, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .common-button--recommend .has-onomatope[data-onomatope-id="lobi"]:hover:after, body[data-design="comic"] .article__sidebar__button-block .has-onomatope[data-onomatope-id="lobi"]:hover:after, body[data-design="comic"] .common-button--recommend-lobi .has-onomatope[data-onomatope-id="lobi"]:hover:after, body[data-design="comic"] .common-button--recommend-jagmo .has-onomatope[data-onomatope-id="lobi"]:hover:after, body[data-design="comic"] .common-button--recommend-rankers .has-onomatope[data-onomatope-id="lobi"]:hover:after, body[data-design="comic"] .common-button--recommend-placole .has-onomatope[data-onomatope-id="lobi"]:hover:after, body[data-design="comic"] .common-button--recommend-jitakusou .has-onomatope[data-onomatope-id="lobi"]:hover:after, body[data-design="comic"] .common-button--recommend-kamakura .has-onomatope[data-onomatope-id="lobi"]:hover:after, body[data-design="comic"] .common-button--recommend-realkamakuraestate .has-onomatope[data-onomatope-id="lobi"]:hover:after, body[data-design="comic"] .common-button--recommend-esports .has-onomatope[data-onomatope-id="lobi"]:hover:after, body[data-design="comic"] .common-button--recommend-fanda .has-onomatope[data-onomatope-id="lobi"]:hover:after { -webkit-animation: bounce-to-top-left 2s linear both; animation: bounce-to-top-left 2s linear both; } /* line 1518, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .common-button--recommend .has-onomatope[data-onomatope-id="jagmo"]:before, body[data-design="comic"] .article__sidebar__button-block .has-onomatope[data-onomatope-id="jagmo"]:before, body[data-design="comic"] .common-button--recommend-lobi .has-onomatope[data-onomatope-id="jagmo"]:before, body[data-design="comic"] .common-button--recommend-jagmo .has-onomatope[data-onomatope-id="jagmo"]:before, body[data-design="comic"] .common-button--recommend-rankers .has-onomatope[data-onomatope-id="jagmo"]:before, body[data-design="comic"] .common-button--recommend-placole .has-onomatope[data-onomatope-id="jagmo"]:before, body[data-design="comic"] .common-button--recommend-jitakusou .has-onomatope[data-onomatope-id="jagmo"]:before, body[data-design="comic"] .common-button--recommend-kamakura .has-onomatope[data-onomatope-id="jagmo"]:before, body[data-design="comic"] .common-button--recommend-realkamakuraestate .has-onomatope[data-onomatope-id="jagmo"]:before, body[data-design="comic"] .common-button--recommend-esports .has-onomatope[data-onomatope-id="jagmo"]:before, body[data-design="comic"] .common-button--recommend-fanda .has-onomatope[data-onomatope-id="jagmo"]:before { position: absolute; top: -20px; left: 50%; right: auto; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 262px; height: 196px; background-position: -6585px 0px; background-size: 12546.5px 628px; margin-left: -380px; z-index: 2; } /* line 1525, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .common-button--recommend .has-onomatope[data-onomatope-id="jagmo"]:after, body[data-design="comic"] .article__sidebar__button-block .has-onomatope[data-onomatope-id="jagmo"]:after, body[data-design="comic"] .common-button--recommend-lobi .has-onomatope[data-onomatope-id="jagmo"]:after, body[data-design="comic"] .common-button--recommend-jagmo .has-onomatope[data-onomatope-id="jagmo"]:after, body[data-design="comic"] .common-button--recommend-rankers .has-onomatope[data-onomatope-id="jagmo"]:after, body[data-design="comic"] .common-button--recommend-placole .has-onomatope[data-onomatope-id="jagmo"]:after, body[data-design="comic"] .common-button--recommend-jitakusou .has-onomatope[data-onomatope-id="jagmo"]:after, body[data-design="comic"] .common-button--recommend-kamakura .has-onomatope[data-onomatope-id="jagmo"]:after, body[data-design="comic"] .common-button--recommend-realkamakuraestate .has-onomatope[data-onomatope-id="jagmo"]:after, body[data-design="comic"] .common-button--recommend-esports .has-onomatope[data-onomatope-id="jagmo"]:after, body[data-design="comic"] .common-button--recommend-fanda .has-onomatope[data-onomatope-id="jagmo"]:after { position: absolute; top: -80px; left: 50%; right: auto; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 423px; height: 98px; background-position: -6847px 0px; background-size: 12546.5px 628px; margin-left: -90px; z-index: 2; } /* line 1533, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .common-button--recommend .has-onomatope[data-onomatope-id="jagmo"]:hover:before, body[data-design="comic"] .article__sidebar__button-block .has-onomatope[data-onomatope-id="jagmo"]:hover:before, body[data-design="comic"] .common-button--recommend-lobi .has-onomatope[data-onomatope-id="jagmo"]:hover:before, body[data-design="comic"] .common-button--recommend-jagmo .has-onomatope[data-onomatope-id="jagmo"]:hover:before, body[data-design="comic"] .common-button--recommend-rankers .has-onomatope[data-onomatope-id="jagmo"]:hover:before, body[data-design="comic"] .common-button--recommend-placole .has-onomatope[data-onomatope-id="jagmo"]:hover:before, body[data-design="comic"] .common-button--recommend-jitakusou .has-onomatope[data-onomatope-id="jagmo"]:hover:before, body[data-design="comic"] .common-button--recommend-kamakura .has-onomatope[data-onomatope-id="jagmo"]:hover:before, body[data-design="comic"] .common-button--recommend-realkamakuraestate .has-onomatope[data-onomatope-id="jagmo"]:hover:before, body[data-design="comic"] .common-button--recommend-esports .has-onomatope[data-onomatope-id="jagmo"]:hover:before, body[data-design="comic"] .common-button--recommend-fanda .has-onomatope[data-onomatope-id="jagmo"]:hover:before { -webkit-animation: bounce-to-top-left 1.5s linear both; animation: bounce-to-top-left 1.5s linear both; } /* line 1537, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .common-button--recommend .has-onomatope[data-onomatope-id="jagmo"]:hover:after, body[data-design="comic"] .article__sidebar__button-block .has-onomatope[data-onomatope-id="jagmo"]:hover:after, body[data-design="comic"] .common-button--recommend-lobi .has-onomatope[data-onomatope-id="jagmo"]:hover:after, body[data-design="comic"] .common-button--recommend-jagmo .has-onomatope[data-onomatope-id="jagmo"]:hover:after, body[data-design="comic"] .common-button--recommend-rankers .has-onomatope[data-onomatope-id="jagmo"]:hover:after, body[data-design="comic"] .common-button--recommend-placole .has-onomatope[data-onomatope-id="jagmo"]:hover:after, body[data-design="comic"] .common-button--recommend-jitakusou .has-onomatope[data-onomatope-id="jagmo"]:hover:after, body[data-design="comic"] .common-button--recommend-kamakura .has-onomatope[data-onomatope-id="jagmo"]:hover:after, body[data-design="comic"] .common-button--recommend-realkamakuraestate .has-onomatope[data-onomatope-id="jagmo"]:hover:after, body[data-design="comic"] .common-button--recommend-esports .has-onomatope[data-onomatope-id="jagmo"]:hover:after, body[data-design="comic"] .common-button--recommend-fanda .has-onomatope[data-onomatope-id="jagmo"]:hover:after { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-animation: bounce-to-top-right 2s linear 0.2s both; animation: bounce-to-top-right 2s linear 0.2s both; } /* line 1545, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .common-button--recommend .has-onomatope[data-onomatope-id="rankers"]:after, body[data-design="comic"] .article__sidebar__button-block .has-onomatope[data-onomatope-id="rankers"]:after, body[data-design="comic"] .common-button--recommend-lobi .has-onomatope[data-onomatope-id="rankers"]:after, body[data-design="comic"] .common-button--recommend-jagmo .has-onomatope[data-onomatope-id="rankers"]:after, body[data-design="comic"] .common-button--recommend-rankers .has-onomatope[data-onomatope-id="rankers"]:after, body[data-design="comic"] .common-button--recommend-placole .has-onomatope[data-onomatope-id="rankers"]:after, body[data-design="comic"] .common-button--recommend-jitakusou .has-onomatope[data-onomatope-id="rankers"]:after, body[data-design="comic"] .common-button--recommend-kamakura .has-onomatope[data-onomatope-id="rankers"]:after, body[data-design="comic"] .common-button--recommend-realkamakuraestate .has-onomatope[data-onomatope-id="rankers"]:after, body[data-design="comic"] .common-button--recommend-esports .has-onomatope[data-onomatope-id="rankers"]:after, body[data-design="comic"] .common-button--recommend-fanda .has-onomatope[data-onomatope-id="rankers"]:after { position: absolute; top: -100px; left: 50%; right: auto; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 79px; height: 314px; background-position: -5300.5px 0px; background-size: 6273.25px 314px; margin-left: -200px; z-index: 2; } /* line 1553, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .common-button--recommend .has-onomatope[data-onomatope-id="rankers"]:hover:after, body[data-design="comic"] .article__sidebar__button-block .has-onomatope[data-onomatope-id="rankers"]:hover:after, body[data-design="comic"] .common-button--recommend-lobi .has-onomatope[data-onomatope-id="rankers"]:hover:after, body[data-design="comic"] .common-button--recommend-jagmo .has-onomatope[data-onomatope-id="rankers"]:hover:after, body[data-design="comic"] .common-button--recommend-rankers .has-onomatope[data-onomatope-id="rankers"]:hover:after, body[data-design="comic"] .common-button--recommend-placole .has-onomatope[data-onomatope-id="rankers"]:hover:after, body[data-design="comic"] .common-button--recommend-jitakusou .has-onomatope[data-onomatope-id="rankers"]:hover:after, body[data-design="comic"] .common-button--recommend-kamakura .has-onomatope[data-onomatope-id="rankers"]:hover:after, body[data-design="comic"] .common-button--recommend-realkamakuraestate .has-onomatope[data-onomatope-id="rankers"]:hover:after, body[data-design="comic"] .common-button--recommend-esports .has-onomatope[data-onomatope-id="rankers"]:hover:after, body[data-design="comic"] .common-button--recommend-fanda .has-onomatope[data-onomatope-id="rankers"]:hover:after { -webkit-animation: bounce-to-top-left 1.5s linear both; animation: bounce-to-top-left 1.5s linear both; } /* line 1560, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .common-button--recommend .has-onomatope[data-onomatope-id="career"]:after, body[data-design="comic"] .article__sidebar__button-block .has-onomatope[data-onomatope-id="career"]:after, body[data-design="comic"] .common-button--recommend-lobi .has-onomatope[data-onomatope-id="career"]:after, body[data-design="comic"] .common-button--recommend-jagmo .has-onomatope[data-onomatope-id="career"]:after, body[data-design="comic"] .common-button--recommend-rankers .has-onomatope[data-onomatope-id="career"]:after, body[data-design="comic"] .common-button--recommend-placole .has-onomatope[data-onomatope-id="career"]:after, body[data-design="comic"] .common-button--recommend-jitakusou .has-onomatope[data-onomatope-id="career"]:after, body[data-design="comic"] .common-button--recommend-kamakura .has-onomatope[data-onomatope-id="career"]:after, body[data-design="comic"] .common-button--recommend-realkamakuraestate .has-onomatope[data-onomatope-id="career"]:after, body[data-design="comic"] .common-button--recommend-esports .has-onomatope[data-onomatope-id="career"]:after, body[data-design="comic"] .common-button--recommend-fanda .has-onomatope[data-onomatope-id="career"]:after { position: absolute; top: -120px; left: 50%; right: auto; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 347px; height: 126px; background-position: -4204px 0px; background-size: 12546.5px 628px; margin-left: -150px; z-index: 2; } /* line 1568, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .common-button--recommend .has-onomatope[data-onomatope-id="career"]:hover:after, body[data-design="comic"] .article__sidebar__button-block .has-onomatope[data-onomatope-id="career"]:hover:after, body[data-design="comic"] .common-button--recommend-lobi .has-onomatope[data-onomatope-id="career"]:hover:after, body[data-design="comic"] .common-button--recommend-jagmo .has-onomatope[data-onomatope-id="career"]:hover:after, body[data-design="comic"] .common-button--recommend-rankers .has-onomatope[data-onomatope-id="career"]:hover:after, body[data-design="comic"] .common-button--recommend-placole .has-onomatope[data-onomatope-id="career"]:hover:after, body[data-design="comic"] .common-button--recommend-jitakusou .has-onomatope[data-onomatope-id="career"]:hover:after, body[data-design="comic"] .common-button--recommend-kamakura .has-onomatope[data-onomatope-id="career"]:hover:after, body[data-design="comic"] .common-button--recommend-realkamakuraestate .has-onomatope[data-onomatope-id="career"]:hover:after, body[data-design="comic"] .common-button--recommend-esports .has-onomatope[data-onomatope-id="career"]:hover:after, body[data-design="comic"] .common-button--recommend-fanda .has-onomatope[data-onomatope-id="career"]:hover:after { -webkit-animation: bounce-to-top-right 0.5s linear both; animation: bounce-to-top-right 0.5s linear both; } /* line 1577, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .article__tab__ir-filter li { border: solid 2px #474541; } /* line 1579, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="comic"] .article__tab__ir-filter li.is-active, body[data-design="comic"] .article__tab__ir-filter li:hover { color: #1b9af7; } /* line 1588, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="game"] .article__links__list__item { position: relative; } /* line 147, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="game"] .article__links__list__item:hover:before { position: absolute; top: -5px; bottom: -5px; left: -5px; right: -5px; content: ""; -o-border-image: url(/assets/pc/design/game/frame_card_focus-c6041bfce4572abd7d67aad39dc06dcf047a9e1a0d1f95428c3e9b034b858332.png) 30 stretch; border-image: url(/assets/pc/design/game/frame_card_focus-c6041bfce4572abd7d67aad39dc06dcf047a9e1a0d1f95428c3e9b034b858332.png) 30 stretch; border-style: solid; border-width: 28px; pointer-events: none; -webkit-animation: focus 0.15s both; animation: focus 0.15s both; z-index: 1; } /* line 158, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="game"] .article__links__list__item:hover:before { border: none; } /* line 1590, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="game"] .article__links__list__item:hover { background-color: #f7f7f7; } /* line 1595, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="game"] .article__content .article__content__box, body[data-design="game"] .article__sidebar .article__sidebar__box { overflow: visible; } /* line 1601, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="game"] .article__content__button-list .common-button--strongest { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* line 1604, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="game"] .article__content__button-list .common-button--strongest a { margin: auto; } /* line 1607, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="game"] .article__content__button-list .common-button--strongest a:after { margin-right: -60px; } /* line 1617, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="game"] .article__sidebar__button-block div:before, body[data-design="game"] .article__sidebar__button-block div:after, body[data-design="game"] .portfolio__main .common-button--recommend div:before, body[data-design="game"] .portfolio__main .article__sidebar__button-block div:before, body[data-design="game"] .portfolio__main .common-button--recommend-lobi div:before, body[data-design="game"] .portfolio__main .common-button--recommend-jagmo div:before, body[data-design="game"] .portfolio__main .common-button--recommend-rankers div:before, body[data-design="game"] .portfolio__main .common-button--recommend-placole div:before, body[data-design="game"] .portfolio__main .common-button--recommend-jitakusou div:before, body[data-design="game"] .portfolio__main .common-button--recommend-kamakura div:before, body[data-design="game"] .portfolio__main .common-button--recommend-realkamakuraestate div:before, body[data-design="game"] .portfolio__main .common-button--recommend-esports div:before, body[data-design="game"] .portfolio__main .common-button--recommend-fanda div:before, body[data-design="game"] .portfolio__main .common-button--recommend div:after, body[data-design="game"] .portfolio__main .article__sidebar__button-block div:after, body[data-design="game"] .portfolio__main .common-button--recommend-lobi div:after, body[data-design="game"] .portfolio__main .common-button--recommend-jagmo div:after, body[data-design="game"] .portfolio__main .common-button--recommend-rankers div:after, body[data-design="game"] .portfolio__main .common-button--recommend-placole div:after, body[data-design="game"] .portfolio__main .common-button--recommend-jitakusou div:after, body[data-design="game"] .portfolio__main .common-button--recommend-kamakura div:after, body[data-design="game"] .portfolio__main .common-button--recommend-realkamakuraestate div:after, body[data-design="game"] .portfolio__main .common-button--recommend-esports div:after, body[data-design="game"] .portfolio__main .common-button--recommend-fanda div:after { display: none; } /* line 1629, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="game"] .article__sidebar__title { border-radius: 10px 10px 0 0 !important; border-right: solid 5px rgba(0, 0, 0, 0.1); border-bottom: solid 3px rgba(0, 0, 0, 0.1); } /* line 1634, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="game"] .article__sidebar__list { margin-top: 0; border-radius: 0 0 10px 10px !important; border-left: solid 5px rgba(255, 255, 255, 0.1); border-right: solid 5px rgba(0, 0, 0, 0.1); border-bottom: solid 5px rgba(0, 0, 0, 0.1); background-color: #fafafa; overflow: visible !important; } /* line 1642, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="game"] .article__sidebar__list:first-child { border-radius: 10px !important; border-top: solid 5px rgba(255, 255, 255, 0.1); } /* line 1647, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="game"] .article__sidebar__nest:last-child .article__sidebar__nest__name { border-radius: 0 0 5px 5px !important; } /* line 1650, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="game"] .article__sidebar__nest { border-top: solid 2px #eeeeee; } /* line 1652, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="game"] .article__sidebar__nest:first-child { border-top: solid 2px #fff; } /* line 1656, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="game"] .article__sidebar__nest__name { font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; position: relative; } /* line 147, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="game"] .article__sidebar__nest__name:hover:before { position: absolute; top: -5px; bottom: -5px; left: -5px; right: -5px; content: ""; -o-border-image: url(/assets/pc/design/game/frame_card_focus-c6041bfce4572abd7d67aad39dc06dcf047a9e1a0d1f95428c3e9b034b858332.png) 30 stretch; border-image: url(/assets/pc/design/game/frame_card_focus-c6041bfce4572abd7d67aad39dc06dcf047a9e1a0d1f95428c3e9b034b858332.png) 30 stretch; border-style: solid; border-width: 28px; pointer-events: none; -webkit-animation: focus 0.15s both; animation: focus 0.15s both; z-index: 1; } /* line 158, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="game"] .article__sidebar__nest__name:hover:before { border: none; } /* line 1660, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="game"] .article__sidebar__nest__name:hover:before { position: absolute; top: -2px; bottom: 0; left: -5px; right: -5px; background-color: rgba(177, 177, 177, 0.15); content: ""; } /* line 1666, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="game"] .article__sidebar__nest__name:before { left: -10px !important; right: -10px !important; } /* line 1672, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="game"] .article__sidebar__nest.is-active .article__sidebar__nest__name:before { position: absolute; top: -2px; bottom: 0; left: -5px; right: -5px; background-color: rgba(177, 177, 177, 0.15); content: ""; } /* line 1679, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="game"] .article__sidebar__nest__btn:before { display: none; } /* line 1686, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="game"] .article__tab__ir-filter li.is-active, body[data-design="game"] .article__tab__ir-filter li:hover { color: #49e845; } /* line 1701, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="kamakura"] .article__links__list__item:hover { background-color: #f7f7f7; } /* line 1706, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="kamakura"] .article__links__title, body[data-design="kamakura"] .article__backnumber__title, body[data-design="kamakura"] .article__backnumber__body, body[data-design="kamakura"] .article__content__title, body[data-design="kamakura"] .article__content__title--no-border, body[data-design="kamakura"] .article__content__title--no-padding, body[data-design="kamakura"] .article__sidebar__title, body[data-design="kamakura"] .article__sidebar__nest__name, body[data-design="kamakura"] .article__sidebar__box__title, body[data-design="kamakura"] .article__sidebar__series__name, body[data-design="kamakura"] .article__sidebar__rank__title { font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; } /* line 1719, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="kamakura"] .article__content__body h3, body[data-design="kamakura"] .article__content__body--second h3, body[data-design="kamakura"] .article__content__body .is-title-font, body[data-design="kamakura"] .article__content__body--second .is-title-font, body[data-design="kamakura"] .article__content__body h4, body[data-design="kamakura"] .article__content__body--second h4, body[data-design="kamakura"] .article__content__body h5, body[data-design="kamakura"] .article__content__body--second h5 { font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; } /* line 1726, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="kamakura"] .article__content__body h1, body[data-design="kamakura"] .article__content__body--second h1, body[data-design="kamakura"] .article__content__body h2, body[data-design="kamakura"] .article__content__body--second h2, body[data-design="kamakura"] .article__content__body h3, body[data-design="kamakura"] .article__content__body--second h3, body[data-design="kamakura"] .article__content__body h4, body[data-design="kamakura"] .article__content__body--second h4, body[data-design="kamakura"] .article__content__body h5, body[data-design="kamakura"] .article__content__body--second h5 { color: #000; } /* line 1735, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="kamakura"] .article__content__title, body[data-design="kamakura"] .article__content__title--no-border, body[data-design="kamakura"] .article__content__title--no-padding { color: #000; } /* line 1739, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="kamakura"] .article__news-header__title { font-family: "秀英横太明朝 B", "Shuei Mincho B"; } /* line 1743, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="kamakura"] .article__sidebar__title, body[data-design="kamakura"] .article__sidebar__list { background-color: rgba(0, 0, 0, 0.8) !important; color: #fff; } /* line 1749, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="kamakura"] .article__sidebar__nest.is-active .article__sidebar__nest__name, body[data-design="kamakura"] .article__sidebar__nest__name:hover, body[data-design="kamakura"] .article__sidebar__nest__btn.is-active, body[data-design="kamakura"] .article__sidebar__nest__btn:hover { background-color: rgba(255, 255, 255, 0.1); } /* line 1757, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="kamakura"] .article__sidebar__nest__btn:before { display: none; } /* line 1764, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="kamakura"] .article__tab__ir-filter li.is-active, body[data-design="kamakura"] .article__tab__ir-filter li:hover { color: #ed5300; } /* line 1775, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="tech"] .article__content .article__content__box * { font-family: "ゴシックMB101 L JIS2004"; } /* line 1779, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="tech"] .article__content .article__content__box h1, body[data-design="tech"] .article__content .article__content__box h2, body[data-design="tech"] .article__content .article__content__box h3, body[data-design="tech"] .article__content .article__content__box h4 { font-family: "UD新ゴ コンデンス90 R", "Cambay", sans-serif; } /* line 1787, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="tech"] .article__content .thumbnail-card * { font-family: "UD新ゴ コンデンス90 R", "Cambay", sans-serif; } /* line 1792, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="tech"] .article__news-header, body[data-design="tech"] .article__links__title, body[data-design="tech"] .article__content__title, body[data-design="tech"] .article__content__title--no-border, body[data-design="tech"] .article__content__title--no-padding, body[data-design="tech"] .article__sidebar__box__title { position: relative; border: none; } /* line 1798, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="tech"] .article__news-header:after, body[data-design="tech"] .article__links__title:after, body[data-design="tech"] .article__content__title:after, body[data-design="tech"] .article__content__title--no-border:after, body[data-design="tech"] .article__content__title--no-padding:after, body[data-design="tech"] .article__sidebar__box__title:after { content: ""; display: block; border-bottom: solid 2px #969696; position: absolute; bottom: 0; left: 7px; right: 7px; } /* line 1806, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="tech"] .article__links { color: #fff; } /* line 1810, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="tech"] .article__links__list { color: inherit; } /* line 1815, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="tech"] .article__links__list__item:hover { color: #26dcfd; text-shadow: 1px -1px 8px rgba(38, 220, 253, 0.4), 1px 1px 8px rgba(38, 220, 253, 0.4), -1px -1px 8px rgba(38, 220, 253, 0.4), -1px 1px 8px rgba(38, 220, 253, 0.4); } /* line 1819, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="tech"] .article__links__list__item:hover * { color: #26dcfd; text-shadow: 1px -1px 8px rgba(38, 220, 253, 0.4), 1px 1px 8px rgba(38, 220, 253, 0.4), -1px -1px 8px rgba(38, 220, 253, 0.4), -1px 1px 8px rgba(38, 220, 253, 0.4); } /* line 1826, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="tech"] .article__sidebar { color: #fff; } /* line 1829, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="tech"] .article__sidebar * { color: #fff; } /* line 1833, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="tech"] .article__sidebar:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; -o-border-image: url(/assets/pc/design/tech/sidebar_border-126c5ca93e49e0f96c9e67ab1706db7682532b5299f365bf0fd134cb78024ae3.png) 140 150 30 120 repeat; border-image: url(/assets/pc/design/tech/sidebar_border-126c5ca93e49e0f96c9e67ab1706db7682532b5299f365bf0fd134cb78024ae3.png) 140 150 30 120 fill repeat; border-image-width: 140px 150px 30px 120px; z-index: -1; content: ""; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .article__sidebar:before { -o-border-image: none; border-image: none; } /* line 1840, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="tech"] .article__sidebar__nest.is-active .article__sidebar__nest__name, body[data-design="tech"] .article__sidebar__nest__name:hover, body[data-design="tech"] .article__sidebar__nest__btn.is-active, body[data-design="tech"] .article__sidebar__nest__btn:hover { background-color: transparent; color: #26dcfd; text-shadow: 1px -1px 8px rgba(38, 220, 253, 0.4), 1px 1px 8px rgba(38, 220, 253, 0.4), -1px -1px 8px rgba(38, 220, 253, 0.4), -1px 1px 8px rgba(38, 220, 253, 0.4); } /* line 1848, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="tech"] .article__sidebar__nest.is-active .article__sidebar__nest__name *, body[data-design="tech"] .article__sidebar__nest__name:hover *, body[data-design="tech"] .article__sidebar__nest__btn.is-active *, body[data-design="tech"] .article__sidebar__nest__btn:hover * { color: #26dcfd; text-shadow: 1px -1px 8px rgba(38, 220, 253, 0.4), 1px 1px 8px rgba(38, 220, 253, 0.4), -1px -1px 8px rgba(38, 220, 253, 0.4), -1px 1px 8px rgba(38, 220, 253, 0.4); } /* line 1854, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="tech"] .article__sidebar__title { margin-top: 10px; font-style: italic; } /* line 1859, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="tech"] .article__sidebar__list { margin: 10px auto 20px; padding: 10px 0; } /* line 1864, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="tech"] .article__sidebar__nest { padding: 0 6px; } /* line 1869, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="tech"] .portfolio__sidebar__block--link:before { display: none; } /* line 1876, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="tech"] .article__tab__ir-filter li.is-active, body[data-design="tech"] .article__tab__ir-filter li:hover { color: #26dcfd; } /* line 1883, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="tech"] .article__content__block-list__item, body[data-design="tech"] .article__content__block-list__item--large { background-color: #262626; } /* line 1887, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="tech"] .article__sidebar__series__count { background-color: #242424; } /* line 1891, /home/circleci/app/app/assets/stylesheets/modules/pc/_article.scss */ body[data-design="tech"] .article__sidebar__button-block { float: none; width: calc(100% - 16px); margin: -30px auto 30px; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_award.scss */ .award { position: relative; min-height: 360px; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/pc/_award.scss */ .award__title { font-size: 24px; font-weight: bold; font-family: "Ubuntu"; line-height: 40px; margin-bottom: 16px; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/pc/_award.scss */ .award__project { padding: 40px; padding-top: 23px; padding-bottom: 5px; margin-bottom: 16px; font-size: 16px; } /* line 23, /home/circleci/app/app/assets/stylesheets/modules/pc/_award.scss */ .award__project__header { float: left; line-height: 1; } /* line 26, /home/circleci/app/app/assets/stylesheets/modules/pc/_award.scss */ .award__project__header:first-child { margin-top: 16px; } /* line 31, /home/circleci/app/app/assets/stylesheets/modules/pc/_award.scss */ .award__project__item { position: relative; display: block; margin: 16px 0px; padding-bottom: 16px; margin-left: 100px; border-bottom: solid 2px #eeeeee; overflow: hidden; } /* line 42, /home/circleci/app/app/assets/stylesheets/modules/pc/_award.scss */ .award__project__item:hover .award__project__cover:after { display: block; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_award.scss */ .award__project__item:last-child { margin-top: 0px; border-bottom: none; } /* line 53, /home/circleci/app/app/assets/stylesheets/modules/pc/_award.scss */ .award__project__data { margin-bottom: -3px; } /* line 57, /home/circleci/app/app/assets/stylesheets/modules/pc/_award.scss */ .award__project__cover { position: relative; float: right; margin-left: 16px; } /* line 62, /home/circleci/app/app/assets/stylesheets/modules/pc/_award.scss */ .award__project__cover:after { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; content: ""; display: none; background-color: rgba(0, 0, 0, 0.2); } /* line 69, /home/circleci/app/app/assets/stylesheets/modules/pc/_award.scss */ .award__project__cover img { display: block; height: 135px; width: auto; float: right; } /* line 77, /home/circleci/app/app/assets/stylesheets/modules/pc/_award.scss */ .award__project__title { margin-top: -4px; margin-bottom: 4px; font-weight: bold; font-size: 18px; } /* line 84, /home/circleci/app/app/assets/stylesheets/modules/pc/_award.scss */ .award__project__award-item { position: relative; padding-left: 0.8em; } /* line 87, /home/circleci/app/app/assets/stylesheets/modules/pc/_award.scss */ .award__project__award-item:before { position: absolute; top: 0.5em; left: 0px; content: "●"; font-size: 10px; } /* line 97, /home/circleci/app/app/assets/stylesheets/modules/pc/_award.scss */ body[data-design="comic"] .award__project__item { border-color: #474541; } /* line 104, /home/circleci/app/app/assets/stylesheets/modules/pc/_award.scss */ body[data-design="tech"] .award__project__cover img { visibility: hidden; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ body { position: relative; font-family: YakuHanJP, YuGothic, sans-serif; -webkit-font-smoothing: antialiased; min-width: 1120px; } /* line 8, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ input::-moz-selection, textarea::-moz-selection { color: inherit !important; } input::selection, textarea::selection { color: inherit !important; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ .only-sp { display: none !important; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ .comic-background { display: none; } /* line 22, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ .tech-background { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } /* line 27, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ .tech-background.is-hide { opacity: 0 !important; pointer-events: none; } /* line 245, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="simple"] { background-color: #eeeeee; } /* line 36, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ body[data-design="simple"] * { font-family: "Ubuntu", YakuHanJP, YuGothic, sans-serif; } /* line 40, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ body[data-design="simple"] ::-moz-selection { color: #fff; background-color: #1b9af7; } body[data-design="simple"] ::selection { color: #fff; background-color: #1b9af7; } /* line 251, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="comic"] { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif; background-color: #f4f0e7; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ body[data-design="comic"] ::-moz-selection { color: #f4f0e7; background-color: #474541; } body[data-design="comic"] ::selection { color: #f4f0e7; background-color: #474541; } /* line 55, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ body[data-design="comic"] input::-moz-selection, body[data-design="comic"] textarea::-moz-selection { color: #fff !important; } body[data-design="comic"] input::selection, body[data-design="comic"] textarea::selection { color: #fff !important; } /* line 60, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ body[data-design="comic"] h1, body[data-design="comic"] h2, body[data-design="comic"] h3, body[data-design="comic"] h4 { font-family: "Source Sans Pro", "ゴシックMB101 DB JIS2004"; } /* line 67, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ body[data-design="comic"] .comic-background { display: block; position: fixed; top: 0; left: 0; right: 0; min-width: 1360px; background-image: url(/assets/pc/design/comic/background-118f1cdd41abe1e91560da16bd2c198a8f7b87073ab3526424688fc7ef3632d3.jpg); background-size: 100% auto; background-position: center top; will-change: transform; } /* line 257, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="game"] { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif; background: -webkit-gradient(linear, left top, left bottom, from(#28cdfb), color-stop(#00ce9b), color-stop(#9f449b), to(#ffb527)); background: linear-gradient(to bottom, #28cdfb, #00ce9b, #9f449b, #ffb527); } /* line 82, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ body[data-design="game"] ::-moz-selection { color: #fff; background-color: #49e845; } body[data-design="game"] ::selection { color: #fff; background-color: #49e845; } /* line 87, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ body[data-design="game"] h1, body[data-design="game"] h2, body[data-design="game"] h3, body[data-design="game"] h4 { font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } /* line 96, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ body[data-design="kamakura"] ::-moz-selection { color: #fff; background-color: #ff6600; } body[data-design="kamakura"] ::selection { color: #fff; background-color: #ff6600; } /* line 269, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="tech"] { background-color: #000; } /* line 105, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ body[data-design="tech"] ::-moz-selection { color: #1a1a1a; background-color: #fff; } body[data-design="tech"] ::selection { color: #1a1a1a; background-color: #fff; } /* line 110, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ body[data-design="tech"] * { font-family: "UD新ゴ コンデンス90 R", "Cambay", sans-serif; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ body[data-design="tech"]:before { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-image: url(/assets/pc/design/tech/background-68b42d24a3610eaff145115ea3e10f5a01ce35f83f65ee1f9f18b5abfd7a0133.png); z-index: -1; content: ""; } /* line 122, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ .is-safari body[data-design="tech"]:before { position: absolute; } /* line 128, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ body[data-design="tech"].is-background-blur:before { -webkit-transition: -webkit-filter 0.5s; transition: -webkit-filter 0.5s; transition: filter 0.5s; transition: filter 0.5s, -webkit-filter 0.5s; -webkit-filter: blur(5px); filter: blur(5px); } /* line 133, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ body[data-design="tech"].is-background-blur .tech-background { -webkit-transition: -webkit-filter 0.5s; transition: -webkit-filter 0.5s; transition: filter 0.5s; transition: filter 0.5s, -webkit-filter 0.5s; -webkit-filter: blur(5px); filter: blur(5px); } /* line 139, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ body[data-design="tech"].is-background-blur .wrapper > * { -webkit-transition: -webkit-filter 0.5s; transition: -webkit-filter 0.5s; transition: filter 0.5s; transition: filter 0.5s, -webkit-filter 0.5s; -webkit-filter: blur(5px); filter: blur(5px); } /* line 144, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ body[data-design="tech"].is-background-blur .wrapper .menu { -webkit-filter: blur(0px); filter: blur(0px); } /* line 151, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ body[data-design="tech"].no-blur:before, body[data-design="tech"].no-blur .tech-background { -webkit-filter: none; filter: none; } /* line 157, /home/circleci/app/app/assets/stylesheets/modules/pc/_base.scss */ body[data-design="tech"].no-blur .wrapper > * { -webkit-filter: none; filter: none; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ .breadcrumbs { width: 100%; padding: 33px 0px; overflow: hidden; font-family: "Ubuntu"; font-size: 15px; line-height: 18px; } /* line 10, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ .breadcrumbs__list { display: inline-block; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ .breadcrumbs__item, .breadcrumbs__item--root { float: left; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .breadcrumbs__item:before, .breadcrumbs__item--root:before { content: ""; font-family: FontAwesome; } /* line 19, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ .breadcrumbs__item:before, .breadcrumbs__item--root:before { float: left; margin: 0px 8px; font-size: 80%; } /* line 29, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ .breadcrumbs__item--root:before { content: ""; width: 14px; height: 16px; margin-left: 0px; margin-right: 8px; background-image: url(/assets/pc/common/ico_bread-cb7cd2aa329a33f180f443a05ce147deeebce8c84fc1c11408bc11ae1645430a.png); background-size: 14px 16px; } /* line 42, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ .breadcrumbs__btn, .breadcrumbs__btn--root { color: inherit; text-decoration: none; } /* line 48, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ a.breadcrumbs__btn:hover, a.breadcrumbs__btn--root:hover { color: #1b9af7; } /* line 58, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="comic"] .breadcrumbs { position: relative; overflow: visible; z-index: 2; } /* line 64, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="comic"] .breadcrumbs__btn, body[data-design="comic"] .breadcrumbs__btn--root { font-family: "ゴシックMB101 DB JIS2004"; color: #474541; text-shadow: 2px 0px 0px #f4f0e7, -1.74661px -0.97435px 0px #f4f0e7, 1.05064px 1.70181px 0px #f4f0e7, -0.08846px -1.99804px 0px #f4f0e7, -0.89615px 1.78799px 0px #f4f0e7, 1.65367px -1.12488px 0px #f4f0e7, -1.99218px 0.17674px 0px #f4f0e7, 1.82588px 0.81619px 0px #f4f0e7, -1.19692px -1.60231px 0px #f4f0e7, 0.26467px 1.98241px 0px #f4f0e7, 0.73464px -1.86019px 0px #f4f0e7, -1.5478px 1.26662px 0px #f4f0e7, 1.96876px -0.35209px 0px #f4f0e7, -1.89086px -0.65165px 0px #f4f0e7, 1.33383px 1.49027px 0px #f4f0e7, -0.43882px -1.95127px 0px #f4f0e7, -0.56738px 1.91783px 0px #f4f0e7; } /* line 71, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="comic"] a.breadcrumbs__btn:hover, body[data-design="comic"] a.breadcrumbs__btn--root:hover { color: #f4f0e7; text-shadow: 2px 0px 0px #474541, -1.74661px -0.97435px 0px #474541, 1.05064px 1.70181px 0px #474541, -0.08846px -1.99804px 0px #474541, -0.89615px 1.78799px 0px #474541, 1.65367px -1.12488px 0px #474541, -1.99218px 0.17674px 0px #474541, 1.82588px 0.81619px 0px #474541, -1.19692px -1.60231px 0px #474541, 0.26467px 1.98241px 0px #474541, 0.73464px -1.86019px 0px #474541, -1.5478px 1.26662px 0px #474541, 1.96876px -0.35209px 0px #474541, -1.89086px -0.65165px 0px #474541, 1.33383px 1.49027px 0px #474541, -0.43882px -1.95127px 0px #474541, -0.56738px 1.91783px 0px #474541; } /* line 77, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="comic"] .breadcrumbs__list { padding: 10px; background-color: #f4f0e7; } /* line 82, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="comic"] .breadcrumbs__item, body[data-design="comic"] .breadcrumbs__item--root { position: relative; } /* line 85, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="comic"] .breadcrumbs__item:after, body[data-design="comic"] .breadcrumbs__item--root:after { position: absolute; top: 30px; left: 60px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 107px; height: 54px; background-position: -8962px 0px; background-size: 12546.5px 628px; content: ""; } /* line 92, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="comic"] .breadcrumbs__item:hover:after, body[data-design="comic"] .breadcrumbs__item--root:hover:after { opacity: 1; -webkit-animation: bounce-to-bottom-right 0.5s linear both; animation: bounce-to-bottom-right 0.5s linear both; } /* line 99, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="comic"] .breadcrumbs__item--root:before { width: 30px; height: 20px; background-image: url(/assets/pc/design/comic/ico_bread-3d08a60db5c8aff224041ee17e7bc74023d47f221f7420a23b586279362d4c01.png); background-size: 30px 20px; } /* line 111, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="game"] .breadcrumbs { padding: 23px 0px; font-family: PixelMplus, YakuHanJP, YuGothic, sans-serif; font-size: 14px; font-weight: bold; } /* line 117, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="game"] .breadcrumbs__list { position: relative; background-color: rgba(0, 0, 0, 0.4); background-image: url(/assets/pc/design/game/ptn_game_1-8f255b70f424f474fbcce2af24812af0700b99e163ed61dfc0c559e235e9745e.png); background-size: 12px 12px; padding: 7px 15px; margin-left: 2px; border-style: solid none; border-width: 2px; border-color: #fff; } /* line 127, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="game"] .breadcrumbs__list:before { content: ""; display: block; position: absolute; top: 0px; left: -2px; width: 100%; height: 100%; border-style: none solid; border-width: 2px; border-color: #fff; } /* line 141, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="game"] .breadcrumbs__item, body[data-design="game"] .breadcrumbs__item--root { position: relative; color: #fff; } /* line 144, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="game"] .breadcrumbs__item:before, body[data-design="game"] .breadcrumbs__item--root:before { content: ""; display: block; background-image: url(/assets/pc/design/game/ico_pixel-arrow-46b5f066f131feeee343fe92f472ec0b8d8ce105f37a9da7259f3d3dbffce9d0.gif); background-repeat: no-repeat; background-position: center; width: 6px; height: 1.5em; margin: 0px 12px; } /* line 156, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="game"] .breadcrumbs__item--root:before { display: none; } /* line 162, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="game"] a.breadcrumbs__btn:hover, body[data-design="game"] a.breadcrumbs__btn--root:hover { color: #49e845; } /* line 169, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="kamakura"] .breadcrumbs { color: #000; } /* line 171, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="kamakura"] .breadcrumbs:before { content: ""; position: absolute; top: 13px; left: -280px; width: 778px; height: 181px; background-image: url(/assets/pc/design/kamakura/bg_breadcrumbs-a3e55a2e80c72d9c31ac4bafa9486a28e53866715abd03c8fcaa8f9dc72213b2.png); } /* line 182, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="kamakura"] .breadcrumbs__list { position: relative; } /* line 187, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="kamakura"] .breadcrumbs__item--root:before { width: 22px; height: 18px; background-image: url(/assets/pc/design/kamakura/ico_bread-5f365d222fe0c6469b9635005beee4aa4f42be556163a146e88f1974cced287a.png); background-size: 22px 18px; } /* line 198, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="kamakura"] a.breadcrumbs__btn:hover, body[data-design="kamakura"] a.breadcrumbs__btn--root:hover { color: #ed5300; } /* line 205, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="tech"] .breadcrumbs { position: relative; } /* line 209, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="tech"] .breadcrumbs__list { margin-top: 10px; margin-left: 80px; } /* line 215, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="tech"] .breadcrumbs__item:before, body[data-design="tech"] .breadcrumbs__item--root:before { width: 24px; height: 1px; margin-top: 8px; background-color: #fff; content: ""; } /* line 225, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="tech"] .breadcrumbs__item--root:before { position: absolute; top: -1px; left: 35px; margin-top: -6px; background-image: url(/assets/sprite-dest/pc/tech-bread-729a7b429bf76475550e48b79b8756b7891244d1f47261f07a3f6760ae39e509.png); background-position: 0px 0px; width: 186px; height: 68px; background-size: auto; background-color: transparent; pointer-events: none; -webkit-animation: tech-border-hide 0.2s steps(24) forwards; animation: tech-border-hide 0.2s steps(24) forwards; } /* line 236, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="tech"] .breadcrumbs__item--root:hover:before { -webkit-animation: tech-border-show 0.2s steps(24) forwards; animation: tech-border-show 0.2s steps(24) forwards; } /* line 242, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="tech"] .breadcrumbs__btn, body[data-design="tech"] .breadcrumbs__btn--root { font-style: italic; } /* line 246, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="tech"] a.breadcrumbs__btn, body[data-design="tech"] a.breadcrumbs__btn--root { -webkit-transition: all 0.3s; transition: all 0.3s; } /* line 249, /home/circleci/app/app/assets/stylesheets/modules/pc/_breadcrumbs.scss */ body[data-design="tech"] a.breadcrumbs__btn:hover, body[data-design="tech"] a.breadcrumbs__btn--root:hover { color: #26dcfd; text-shadow: 1px -1px 4px rgba(38, 220, 253, 0.6), 1px 1px 4px rgba(38, 220, 253, 0.6), -1px -1px 4px rgba(38, 220, 253, 0.6), -1px 1px 4px rgba(38, 220, 253, 0.6); } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-recruit-interview.scss */ .card-recruit-interview, .card-recruit-interview--link { position: relative; text-align: left; border: 1px solid #eeeeee; vertical-align: top; font-size: 16px; line-height: 1.5; } /* line 9, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-recruit-interview.scss */ .card-recruit-interview a, .card-recruit-interview--link a { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 140px; padding: 20px; padding-top: 15px; padding-right: 160px; color: inherit; text-decoration: none; overflow: hidden; } /* line 21, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-recruit-interview.scss */ .card-recruit-interview:hover, .card-recruit-interview--link:hover { opacity: 0.7; } /* line 30, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-recruit-interview.scss */ .card-recruit-interview__title { font-weight: bold; line-height: 1.5; max-height: 3em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } /* line 41, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-recruit-interview.scss */ .card-recruit-interview__description { margin-top: 15px; font-size: 14px; } /* line 46, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-recruit-interview.scss */ .card-recruit-interview__meta, .card-recruit-interview__meta--long, .card-recruit-interview__meta--small { font-size: 14px; font-weight: normal; color: #4c4c4c; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-recruit-interview.scss */ .card-recruit-interview__meta li, .card-recruit-interview__meta--long li, .card-recruit-interview__meta--small li { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } /* line 59, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-recruit-interview.scss */ .card-recruit-interview__meta--long li { white-space: inherit; text-overflow: default; } /* line 64, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-recruit-interview.scss */ .card-recruit-interview__meta--small { font-size: 13px; } /* line 69, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-recruit-interview.scss */ .card-recruit-interview__thumbnail { position: absolute; top: 0px; right: 0px; width: 140px; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #eeeeee; border-left: solid 1px #eeeeee; } /* line 83, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-recruit-interview.scss */ body[data-design="simple"] .recruit-interview-card { background-color: #fff; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-wide.scss */ .card-wide { position: relative; border: 1px solid #eeeeee; text-align: left; font-size: 16px; line-height: 1.5; } /* line 7, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-wide.scss */ .card-wide:hover { opacity: 0.7; } /* line 12, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-wide.scss */ .card-wide__link { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; display: block; height: 160px; padding: 22px 20px 15px 305px; color: inherit; text-decoration: none; } /* line 22, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-wide.scss */ .card-wide__link--external-link { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; display: block; height: 160px; padding: 22px 20px 15px 220px; color: inherit; text-decoration: none; } /* line 32, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-wide.scss */ .card-wide__thumbnail { position: absolute; top: 0px; left: 0px; width: 285px; height: 100%; background: url(/assets/ogp-d1d15c646d559e61a5228c6974c87f64eb1b59a36fe053ff211a93843176b033.png) #eeeeee center/cover no-repeat; border-right: solid 1px #eeeeee; } /* line 42, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-wide.scss */ .card-wide__thumbnail--external-link { position: absolute; top: 0px; left: 0px; width: 200px; height: 100%; background: url(/assets/ogp-d1d15c646d559e61a5228c6974c87f64eb1b59a36fe053ff211a93843176b033.png) #eeeeee center/cover no-repeat; border-right: solid 1px #eeeeee; } /* line 52, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-wide.scss */ .card-wide__date { margin-bottom: 8px; font-size: 16px; font-style: italic; line-height: 1; } /* line 59, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-wide.scss */ .card-wide__title { overflow: hidden; margin-bottom: 12px; height: 3em; font-size: 22px; line-height: 1.5; font-weight: bold; } /* line 69, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-wide.scss */ .card-wide__title--external-link { margin-bottom: 12px; height: 1.5em; font-size: 22px; line-height: 1.5; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* line 81, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-wide.scss */ .card-wide__meta { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* line 87, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-wide.scss */ .card-wide__meta--external-link { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } /* line 94, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-wide.scss */ .card-wide__category { font-style: italic; font-size: 15px; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .card-wide__category[data-category="1"] { color: #33c8ff; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .card-wide__category[data-category="1"] .inner-link:before { background-color: #33c8ff; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .card-wide__category[data-category="2"] { color: #7275e9; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .card-wide__category[data-category="2"] .inner-link:before { background-color: #7275e9; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .card-wide__category[data-category="3"] { color: #fc880f; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .card-wide__category[data-category="3"] .inner-link:before { background-color: #fc880f; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .card-wide__category[data-category="4"] { color: #49e845; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .card-wide__category[data-category="4"] .inner-link:before { background-color: #49e845; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .card-wide__category[data-category="5"] { color: #ff599f; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .card-wide__category[data-category="5"] .inner-link:before { background-color: #ff599f; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .card-wide__category[data-category="6"] { color: #cf57fb; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .card-wide__category[data-category="6"] .inner-link:before { background-color: #cf57fb; } /* line 100, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-wide.scss */ .card-wide__tag-group { font-size: 14px; } /* line 102, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-wide.scss */ .card-wide__tag-group:before { content: "|"; margin: 0 0.9em; } /* line 109, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-wide.scss */ .card-wide__tag:after { content: "/"; margin: 0 0.4em; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_card-wide.scss */ .card-wide__tag:last-child:after { display: none; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ .card-small, .card-small--link { position: relative; text-align: left; border: 1px solid #eeeeee; vertical-align: top; font-size: 16px; line-height: 1.5; } /* line 9, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ .card-small a, .card-small--link a { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 120px; padding: 20px; padding-top: 15px; padding-right: 140px; color: inherit; text-decoration: none; overflow: hidden; } /* line 21, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ .card-small:hover, .card-small--link:hover { opacity: 0.7; } /* line 30, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ .card-small__title { font-weight: bold; line-height: 1.5; max-height: 3em; overflow: hidden; } /* line 38, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ .card-small__description { margin-top: 15px; font-size: 14px; } /* line 43, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ .card-small__meta, .card-small__meta--long, .card-small__meta--small { font-size: 14px; font-weight: normal; color: #4c4c4c; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ .card-small__meta li, .card-small__meta--long li, .card-small__meta--small li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 55, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ .card-small__meta--long li { white-space: inherit; text-overflow: default; } /* line 60, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ .card-small__meta--small { font-size: 13px; } /* line 65, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ .card-small__thumbnail { position: absolute; top: 0px; right: 0px; width: 120px; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #eeeeee; border-left: solid 1px #eeeeee; } /* line 79, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="simple"] .card, body[data-design="simple"] .article__content__box, body[data-design="simple"] .article__content__bottom__link, body[data-design="simple"] .article__content__bottom__link--left, body[data-design="simple"] .article__content__bottom__link--right, body[data-design="simple"] .article__shortlist__item a, .article__shortlist__item body[data-design="simple"] a, body[data-design="simple"] .article__sidebar__box, body[data-design="simple"] .article__sidebar__title, body[data-design="simple"] .article__sidebar__list, body[data-design="simple"] .award__project, body[data-design="simple"] .common-important-link, body[data-design="simple"] .common-intro, body[data-design="simple"] .common-intro--short, body[data-design="simple"] .division__title, body[data-design="simple"] .division__section, body[data-design="simple"] .division__section--award, body[data-design="simple"] .division__impartible-section, body[data-design="simple"] .interview-card, body[data-design="simple"] .news-card, body[data-design="simple"] .news-card--in-unit, body[data-design="simple"] .portfolio-card__cell, body[data-design="simple"] .portfolio-card__cell--border, body[data-design="simple"] body[data-design="tech"] .portfolio-card__cell__title, body[data-design="tech"] body[data-design="simple"] .portfolio-card__cell__title, body[data-design="simple"] .portfolio__profile__info, body[data-design="simple"] .portfolio__main__block, body[data-design="simple"] .portfolio__main__block--first, body[data-design="simple"] .portfolio__main__block--contact, body[data-design="simple"] .portfolio__main__block--gallery, body[data-design="simple"] .portfolio__title-block, body[data-design="simple"] .portfolio__sidebar__block, body[data-design="simple"] .ranking, body[data-design="simple"] .dice-ranking, body[data-design="simple"] .news_children, body[data-design="simple"] .service-client__header, body[data-design="simple"] .service-game__message, body[data-design="simple"] .service-game__list__item, body[data-design="simple"] body[data-design="tech"] .service-game__list__item__info, body[data-design="tech"] body[data-design="simple"] .service-game__list__item__info, body[data-design="simple"] .smile-content__inner, body[data-design="simple"] .top_news__inner a, .top_news__inner body[data-design="simple"] a { background-color: #fff; } /* line 85, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="comic"] .card, body[data-design="comic"] .article__content__box, body[data-design="comic"] .article__content__bottom__link, body[data-design="comic"] .article__content__bottom__link--left, body[data-design="comic"] .article__content__bottom__link--right, body[data-design="comic"] .article__shortlist__item a, .article__shortlist__item body[data-design="comic"] a, body[data-design="comic"] .article__sidebar__box, body[data-design="comic"] .article__sidebar__title, body[data-design="comic"] .article__sidebar__list, body[data-design="comic"] .award__project, body[data-design="comic"] .common-important-link, body[data-design="comic"] .common-intro, body[data-design="comic"] .common-intro--short, body[data-design="comic"] .division__title, body[data-design="comic"] .division__section, body[data-design="comic"] .division__section--award, body[data-design="comic"] .division__impartible-section, body[data-design="comic"] .interview-card, body[data-design="comic"] .news-card, body[data-design="comic"] .news-card--in-unit, body[data-design="comic"] .portfolio-card__cell, body[data-design="comic"] .portfolio-card__cell--border, body[data-design="comic"] body[data-design="tech"] .portfolio-card__cell__title, body[data-design="tech"] body[data-design="comic"] .portfolio-card__cell__title, body[data-design="comic"] .portfolio__profile__info, body[data-design="comic"] .portfolio__main__block, body[data-design="comic"] .portfolio__main__block--first, body[data-design="comic"] .portfolio__main__block--contact, body[data-design="comic"] .portfolio__main__block--gallery, body[data-design="comic"] .portfolio__title-block, body[data-design="comic"] .portfolio__sidebar__block, body[data-design="comic"] .ranking, body[data-design="comic"] .dice-ranking, body[data-design="comic"] .news_children, body[data-design="comic"] .service-client__header, body[data-design="comic"] .service-game__message, body[data-design="comic"] .service-game__list__item, body[data-design="comic"] body[data-design="tech"] .service-game__list__item__info, body[data-design="tech"] body[data-design="comic"] .service-game__list__item__info, body[data-design="comic"] .smile-content__inner, body[data-design="comic"] .top_news__inner a, .top_news__inner body[data-design="comic"] a { position: relative; background-color: #f4f0e7; } /* line 89, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="comic"] .card:after, body[data-design="comic"] .article__content__box:after, body[data-design="comic"] .article__content__bottom__link:after, body[data-design="comic"] .article__content__bottom__link--left:after, body[data-design="comic"] .article__content__bottom__link--right:after, body[data-design="comic"] .article__shortlist__item a:after, .article__shortlist__item body[data-design="comic"] a:after, body[data-design="comic"] .article__sidebar__box:after, body[data-design="comic"] .article__sidebar__title:after, body[data-design="comic"] .article__sidebar__list:after, body[data-design="comic"] .award__project:after, body[data-design="comic"] .common-important-link:after, body[data-design="comic"] .common-intro:after, body[data-design="comic"] .common-intro--short:after, body[data-design="comic"] .division__title:after, body[data-design="comic"] .division__section:after, body[data-design="comic"] .division__section--award:after, body[data-design="comic"] .division__impartible-section:after, body[data-design="comic"] .interview-card:after, body[data-design="comic"] .news-card:after, body[data-design="comic"] .news-card--in-unit:after, body[data-design="comic"] .portfolio-card__cell:after, body[data-design="comic"] .portfolio-card__cell--border:after, body[data-design="comic"] body[data-design="tech"] .portfolio-card__cell__title:after, body[data-design="tech"] body[data-design="comic"] .portfolio-card__cell__title:after, body[data-design="comic"] .portfolio__profile__info:after, body[data-design="comic"] .portfolio__main__block:after, body[data-design="comic"] .portfolio__main__block--first:after, body[data-design="comic"] .portfolio__main__block--contact:after, body[data-design="comic"] .portfolio__main__block--gallery:after, body[data-design="comic"] .portfolio__title-block:after, body[data-design="comic"] .portfolio__sidebar__block:after, body[data-design="comic"] .ranking:after, body[data-design="comic"] .dice-ranking:after, body[data-design="comic"] .news_children:after, body[data-design="comic"] .service-client__header:after, body[data-design="comic"] .service-game__message:after, body[data-design="comic"] .service-game__list__item:after, body[data-design="comic"] body[data-design="tech"] .service-game__list__item__info:after, body[data-design="tech"] body[data-design="comic"] .service-game__list__item__info:after, body[data-design="comic"] .smile-content__inner:after, body[data-design="comic"] .top_news__inner a:after, .top_news__inner body[data-design="comic"] a:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 4px solid #474541; pointer-events: none; content: ""; } /* line 97, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="comic"] .card-small, body[data-design="comic"] .card-small--link, body[data-design="comic"] .card-small__thumbnail { border-color: #4c4c4c; } /* line 102, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="comic"] .card-small__title { font-family: "Source Sans Pro", "ゴシックMB101 DB JIS2004"; } /* line 108, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="game"] .card, body[data-design="game"] .article__content__box, body[data-design="game"] .article__content__bottom__link, body[data-design="game"] .article__content__bottom__link--left, body[data-design="game"] .article__content__bottom__link--right, body[data-design="game"] .article__shortlist__item a, .article__shortlist__item body[data-design="game"] a, body[data-design="game"] .article__sidebar__box, body[data-design="game"] .article__sidebar__title, body[data-design="game"] .article__sidebar__list, body[data-design="game"] .award__project, body[data-design="game"] .common-important-link, body[data-design="game"] .common-intro, body[data-design="game"] .common-intro--short, body[data-design="game"] .division__title, body[data-design="game"] .division__section, body[data-design="game"] .division__section--award, body[data-design="game"] .division__impartible-section, body[data-design="game"] .interview-card, body[data-design="game"] .news-card, body[data-design="game"] .news-card--in-unit, body[data-design="game"] .portfolio-card__cell, body[data-design="game"] .portfolio-card__cell--border, body[data-design="game"] body[data-design="tech"] .portfolio-card__cell__title, body[data-design="tech"] body[data-design="game"] .portfolio-card__cell__title, body[data-design="game"] .portfolio__profile__info, body[data-design="game"] .portfolio__main__block, body[data-design="game"] .portfolio__main__block--first, body[data-design="game"] .portfolio__main__block--contact, body[data-design="game"] .portfolio__main__block--gallery, body[data-design="game"] .portfolio__title-block, body[data-design="game"] .portfolio__sidebar__block, body[data-design="game"] .ranking, body[data-design="game"] .dice-ranking, body[data-design="game"] .news_children, body[data-design="game"] .service-client__header, body[data-design="game"] .service-game__message, body[data-design="game"] .service-game__list__item, body[data-design="game"] body[data-design="tech"] .service-game__list__item__info, body[data-design="tech"] body[data-design="game"] .service-game__list__item__info, body[data-design="game"] .smile-content__inner, body[data-design="game"] .top_news__inner a, .top_news__inner body[data-design="game"] a { position: relative; background-color: #fff; border-radius: 10px; overflow: hidden; } /* line 115, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="game"] .card-small__title { font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } /* line 121, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="kamakura"] .card, body[data-design="kamakura"] .article__content__box, body[data-design="kamakura"] .article__content__bottom__link, body[data-design="kamakura"] .article__content__bottom__link--left, body[data-design="kamakura"] .article__content__bottom__link--right, body[data-design="kamakura"] .article__shortlist__item a, .article__shortlist__item body[data-design="kamakura"] a, body[data-design="kamakura"] .article__sidebar__box, body[data-design="kamakura"] .article__sidebar__title, body[data-design="kamakura"] .article__sidebar__list, body[data-design="kamakura"] .award__project, body[data-design="kamakura"] .common-important-link, body[data-design="kamakura"] .common-intro, body[data-design="kamakura"] .common-intro--short, body[data-design="kamakura"] .division__title, body[data-design="kamakura"] .division__section, body[data-design="kamakura"] .division__section--award, body[data-design="kamakura"] .division__impartible-section, body[data-design="kamakura"] .interview-card, body[data-design="kamakura"] .news-card, body[data-design="kamakura"] .news-card--in-unit, body[data-design="kamakura"] .portfolio-card__cell, body[data-design="kamakura"] .portfolio-card__cell--border, body[data-design="kamakura"] body[data-design="tech"] .portfolio-card__cell__title, body[data-design="tech"] body[data-design="kamakura"] .portfolio-card__cell__title, body[data-design="kamakura"] .portfolio__profile__info, body[data-design="kamakura"] .portfolio__main__block, body[data-design="kamakura"] .portfolio__main__block--first, body[data-design="kamakura"] .portfolio__main__block--contact, body[data-design="kamakura"] .portfolio__main__block--gallery, body[data-design="kamakura"] .portfolio__title-block, body[data-design="kamakura"] .portfolio__sidebar__block, body[data-design="kamakura"] .ranking, body[data-design="kamakura"] .dice-ranking, body[data-design="kamakura"] .news_children, body[data-design="kamakura"] .service-client__header, body[data-design="kamakura"] .service-game__message, body[data-design="kamakura"] .service-game__list__item, body[data-design="kamakura"] body[data-design="tech"] .service-game__list__item__info, body[data-design="tech"] body[data-design="kamakura"] .service-game__list__item__info, body[data-design="kamakura"] .smile-content__inner, body[data-design="kamakura"] .top_news__inner a, .top_news__inner body[data-design="kamakura"] a { background-color: #fff; } /* line 127, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="tech"] .card, body[data-design="tech"] .article__content__box, body[data-design="tech"] .article__content__bottom__link, body[data-design="tech"] .article__content__bottom__link--left, body[data-design="tech"] .article__content__bottom__link--right, body[data-design="tech"] .article__shortlist__item a, .article__shortlist__item body[data-design="tech"] a, body[data-design="tech"] .article__sidebar__box, body[data-design="tech"] body[data-design="simple"] .article__sidebar__title, body[data-design="simple"] body[data-design="tech"] .article__sidebar__title, body[data-design="tech"] body[data-design="simple"] .article__sidebar__list, body[data-design="simple"] body[data-design="tech"] .article__sidebar__list, body[data-design="tech"] body[data-design="comic"] .article__sidebar__title, body[data-design="comic"] body[data-design="tech"] .article__sidebar__title, body[data-design="tech"] body[data-design="comic"] .article__sidebar__list, body[data-design="comic"] body[data-design="tech"] .article__sidebar__list, body[data-design="tech"] body[data-design="game"] .article__sidebar__title, body[data-design="game"] body[data-design="tech"] .article__sidebar__title, body[data-design="tech"] body[data-design="game"] .article__sidebar__list, body[data-design="game"] body[data-design="tech"] .article__sidebar__list, body[data-design="tech"] body[data-design="kamakura"] .article__sidebar__title, body[data-design="kamakura"] body[data-design="tech"] .article__sidebar__title, body[data-design="tech"] body[data-design="kamakura"] .article__sidebar__list, body[data-design="kamakura"] body[data-design="tech"] .article__sidebar__list, body[data-design="tech"] .award__project, body[data-design="tech"] .common-important-link, body[data-design="tech"] .common-intro, body[data-design="tech"] .common-intro--short, body[data-design="tech"] .division__title, body[data-design="tech"] .division__section, body[data-design="tech"] .division__section--award, body[data-design="tech"] .division__impartible-section, body[data-design="tech"] .interview-card, body[data-design="tech"] .news-card, body[data-design="tech"] .news-card--in-unit, body[data-design="tech"] .portfolio-card__cell, body[data-design="tech"] .portfolio-card__cell--border, body[data-design="tech"] .portfolio-card__cell__title, body[data-design="tech"] .portfolio__profile__info, body[data-design="tech"] .portfolio__main__block, body[data-design="tech"] .portfolio__main__block--first, body[data-design="tech"] .portfolio__main__block--contact, body[data-design="tech"] .portfolio__main__block--gallery, body[data-design="tech"] .portfolio__title-block, body[data-design="tech"] .portfolio__sidebar__block, body[data-design="tech"] .ranking, body[data-design="tech"] .dice-ranking, body[data-design="tech"] .news_children, body[data-design="tech"] .service-client__header, body[data-design="tech"] .service-game__message, body[data-design="tech"] .service-game__list__item, body[data-design="tech"] .service-game__list__item__info, body[data-design="tech"] .smile-content__inner, body[data-design="tech"] .top_news__inner a, .top_news__inner body[data-design="tech"] a { position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; font-family: "UD新ゴ コンデンス90 R", "Cambay", sans-serif; color: #ccc; } /* line 133, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="tech"] .card:before, body[data-design="tech"] .article__content__box:before, body[data-design="tech"] .article__content__bottom__link:before, body[data-design="tech"] .article__content__bottom__link--left:before, body[data-design="tech"] .article__content__bottom__link--right:before, body[data-design="tech"] .article__shortlist__item a:before, .article__shortlist__item body[data-design="tech"] a:before, body[data-design="tech"] .article__sidebar__box:before, body[data-design="tech"] body[data-design="simple"] .article__sidebar__title:before, body[data-design="simple"] body[data-design="tech"] .article__sidebar__title:before, body[data-design="tech"] body[data-design="simple"] .article__sidebar__list:before, body[data-design="simple"] body[data-design="tech"] .article__sidebar__list:before, body[data-design="tech"] body[data-design="comic"] .article__sidebar__title:before, body[data-design="comic"] body[data-design="tech"] .article__sidebar__title:before, body[data-design="tech"] body[data-design="comic"] .article__sidebar__list:before, body[data-design="comic"] body[data-design="tech"] .article__sidebar__list:before, body[data-design="tech"] body[data-design="game"] .article__sidebar__title:before, body[data-design="game"] body[data-design="tech"] .article__sidebar__title:before, body[data-design="tech"] body[data-design="game"] .article__sidebar__list:before, body[data-design="game"] body[data-design="tech"] .article__sidebar__list:before, body[data-design="tech"] body[data-design="kamakura"] .article__sidebar__title:before, body[data-design="kamakura"] body[data-design="tech"] .article__sidebar__title:before, body[data-design="tech"] body[data-design="kamakura"] .article__sidebar__list:before, body[data-design="kamakura"] body[data-design="tech"] .article__sidebar__list:before, body[data-design="tech"] .award__project:before, body[data-design="tech"] .common-important-link:before, body[data-design="tech"] .common-intro:before, body[data-design="tech"] .common-intro--short:before, body[data-design="tech"] .division__title:before, body[data-design="tech"] .division__section:before, body[data-design="tech"] .division__section--award:before, body[data-design="tech"] .division__impartible-section:before, body[data-design="tech"] .interview-card:before, body[data-design="tech"] .news-card:before, body[data-design="tech"] .news-card--in-unit:before, body[data-design="tech"] .portfolio-card__cell:before, body[data-design="tech"] .portfolio-card__cell--border:before, body[data-design="tech"] .portfolio-card__cell__title:before, body[data-design="tech"] .portfolio__profile__info:before, body[data-design="tech"] .portfolio__main__block:before, body[data-design="tech"] .portfolio__main__block--first:before, body[data-design="tech"] .portfolio__main__block--contact:before, body[data-design="tech"] .portfolio__main__block--gallery:before, body[data-design="tech"] .portfolio__title-block:before, body[data-design="tech"] .portfolio__sidebar__block:before, body[data-design="tech"] .ranking:before, body[data-design="tech"] .dice-ranking:before, body[data-design="tech"] .news_children:before, body[data-design="tech"] .service-client__header:before, body[data-design="tech"] .service-game__message:before, body[data-design="tech"] .service-game__list__item:before, body[data-design="tech"] .service-game__list__item__info:before, body[data-design="tech"] .smile-content__inner:before, body[data-design="tech"] .top_news__inner a:before, .top_news__inner body[data-design="tech"] a:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; -o-border-image: url(/assets/pc/design/tech/border-346653faaa656c5d695e72a4a08fee59e09a276436aaa1499bcd8dee78e928b1.png) 60 140 70 140 repeat; border-image: url(/assets/pc/design/tech/border-346653faaa656c5d695e72a4a08fee59e09a276436aaa1499bcd8dee78e928b1.png) 60 140 70 140 fill repeat; border-image-width: 60px 140px 70px 140px; z-index: -1; content: ""; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .card:before, .is-legacy-ie body[data-design="tech"] .article__content__box:before, .is-legacy-ie body[data-design="tech"] .article__content__bottom__link:before, .is-legacy-ie body[data-design="tech"] .article__content__bottom__link--left:before, .is-legacy-ie body[data-design="tech"] .article__content__bottom__link--right:before, .is-legacy-ie body[data-design="tech"] .article__shortlist__item a:before, .article__shortlist__item .is-legacy-ie body[data-design="tech"] a:before, .is-legacy-ie body[data-design="tech"] .article__sidebar__box:before, .is-legacy-ie body[data-design="tech"] body[data-design="simple"] .article__sidebar__title:before, body[data-design="simple"] .is-legacy-ie body[data-design="tech"] .article__sidebar__title:before, .is-legacy-ie body[data-design="tech"] body[data-design="simple"] .article__sidebar__list:before, body[data-design="simple"] .is-legacy-ie body[data-design="tech"] .article__sidebar__list:before, .is-legacy-ie body[data-design="tech"] body[data-design="comic"] .article__sidebar__title:before, body[data-design="comic"] .is-legacy-ie body[data-design="tech"] .article__sidebar__title:before, .is-legacy-ie body[data-design="tech"] body[data-design="comic"] .article__sidebar__list:before, body[data-design="comic"] .is-legacy-ie body[data-design="tech"] .article__sidebar__list:before, .is-legacy-ie body[data-design="tech"] body[data-design="game"] .article__sidebar__title:before, body[data-design="game"] .is-legacy-ie body[data-design="tech"] .article__sidebar__title:before, .is-legacy-ie body[data-design="tech"] body[data-design="game"] .article__sidebar__list:before, body[data-design="game"] .is-legacy-ie body[data-design="tech"] .article__sidebar__list:before, .is-legacy-ie body[data-design="tech"] body[data-design="kamakura"] .article__sidebar__title:before, body[data-design="kamakura"] .is-legacy-ie body[data-design="tech"] .article__sidebar__title:before, .is-legacy-ie body[data-design="tech"] body[data-design="kamakura"] .article__sidebar__list:before, body[data-design="kamakura"] .is-legacy-ie body[data-design="tech"] .article__sidebar__list:before, .is-legacy-ie body[data-design="tech"] .award__project:before, .is-legacy-ie body[data-design="tech"] .common-important-link:before, .is-legacy-ie body[data-design="tech"] .common-intro:before, .is-legacy-ie body[data-design="tech"] .common-intro--short:before, .is-legacy-ie body[data-design="tech"] .division__title:before, .is-legacy-ie body[data-design="tech"] .division__section:before, .is-legacy-ie body[data-design="tech"] .division__section--award:before, .is-legacy-ie body[data-design="tech"] .division__impartible-section:before, .is-legacy-ie body[data-design="tech"] .interview-card:before, .is-legacy-ie body[data-design="tech"] .news-card:before, .is-legacy-ie body[data-design="tech"] .news-card--in-unit:before, .is-legacy-ie body[data-design="tech"] .portfolio-card__cell:before, .is-legacy-ie body[data-design="tech"] .portfolio-card__cell--border:before, .is-legacy-ie body[data-design="tech"] .portfolio-card__cell__title:before, .is-legacy-ie body[data-design="tech"] .portfolio__profile__info:before, .is-legacy-ie body[data-design="tech"] .portfolio__main__block:before, .is-legacy-ie body[data-design="tech"] .portfolio__main__block--first:before, .is-legacy-ie body[data-design="tech"] .portfolio__main__block--contact:before, .is-legacy-ie body[data-design="tech"] .portfolio__main__block--gallery:before, .is-legacy-ie body[data-design="tech"] .portfolio__title-block:before, .is-legacy-ie body[data-design="tech"] .portfolio__sidebar__block:before, .is-legacy-ie body[data-design="tech"] .ranking:before, .is-legacy-ie body[data-design="tech"] .dice-ranking:before, .is-legacy-ie body[data-design="tech"] .news_children:before, .is-legacy-ie body[data-design="tech"] .service-client__header:before, .is-legacy-ie body[data-design="tech"] .service-game__message:before, .is-legacy-ie body[data-design="tech"] .service-game__list__item:before, .is-legacy-ie body[data-design="tech"] .service-game__list__item__info:before, .is-legacy-ie body[data-design="tech"] .smile-content__inner:before, .is-legacy-ie body[data-design="tech"] .top_news__inner a:before, .top_news__inner .is-legacy-ie body[data-design="tech"] a:before { -o-border-image: none; border-image: none; } /* line 139, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="tech"] .card *, body[data-design="tech"] .article__content__box *, body[data-design="tech"] .article__content__bottom__link *, body[data-design="tech"] .article__content__bottom__link--left *, body[data-design="tech"] .article__content__bottom__link--right *, body[data-design="tech"] .article__shortlist__item a *, .article__shortlist__item body[data-design="tech"] a *, body[data-design="tech"] .article__sidebar__box *, body[data-design="tech"] body[data-design="simple"] .article__sidebar__title *, body[data-design="simple"] body[data-design="tech"] .article__sidebar__title *, body[data-design="tech"] body[data-design="simple"] .article__sidebar__list *, body[data-design="simple"] body[data-design="tech"] .article__sidebar__list *, body[data-design="tech"] body[data-design="comic"] .article__sidebar__title *, body[data-design="comic"] body[data-design="tech"] .article__sidebar__title *, body[data-design="tech"] body[data-design="comic"] .article__sidebar__list *, body[data-design="comic"] body[data-design="tech"] .article__sidebar__list *, body[data-design="tech"] body[data-design="game"] .article__sidebar__title *, body[data-design="game"] body[data-design="tech"] .article__sidebar__title *, body[data-design="tech"] body[data-design="game"] .article__sidebar__list *, body[data-design="game"] body[data-design="tech"] .article__sidebar__list *, body[data-design="tech"] body[data-design="kamakura"] .article__sidebar__title *, body[data-design="kamakura"] body[data-design="tech"] .article__sidebar__title *, body[data-design="tech"] body[data-design="kamakura"] .article__sidebar__list *, body[data-design="kamakura"] body[data-design="tech"] .article__sidebar__list *, body[data-design="tech"] .award__project *, body[data-design="tech"] .common-important-link *, body[data-design="tech"] .common-intro *, body[data-design="tech"] .common-intro--short *, body[data-design="tech"] .division__title *, body[data-design="tech"] .division__section *, body[data-design="tech"] .division__section--award *, body[data-design="tech"] .division__impartible-section *, body[data-design="tech"] .interview-card *, body[data-design="tech"] .news-card *, body[data-design="tech"] .news-card--in-unit *, body[data-design="tech"] .portfolio-card__cell *, body[data-design="tech"] .portfolio-card__cell--border *, body[data-design="tech"] .portfolio-card__cell__title *, body[data-design="tech"] .portfolio__profile__info *, body[data-design="tech"] .portfolio__main__block *, body[data-design="tech"] .portfolio__main__block--first *, body[data-design="tech"] .portfolio__main__block--contact *, body[data-design="tech"] .portfolio__main__block--gallery *, body[data-design="tech"] .portfolio__title-block *, body[data-design="tech"] .portfolio__sidebar__block *, body[data-design="tech"] .ranking *, body[data-design="tech"] .dice-ranking *, body[data-design="tech"] .news_children *, body[data-design="tech"] .service-client__header *, body[data-design="tech"] .service-game__message *, body[data-design="tech"] .service-game__list__item *, body[data-design="tech"] .service-game__list__item__info *, body[data-design="tech"] .smile-content__inner *, body[data-design="tech"] .top_news__inner a *, .top_news__inner body[data-design="tech"] a * { font-family: "UD新ゴ コンデンス90 R", "Cambay", sans-serif; } /* line 143, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="tech"] .card .tech-border-hover, body[data-design="tech"] .article__content__box .tech-border-hover, body[data-design="tech"] .article__content__bottom__link .tech-border-hover, body[data-design="tech"] .article__content__bottom__link--left .tech-border-hover, body[data-design="tech"] .article__content__bottom__link--right .tech-border-hover, body[data-design="tech"] .article__shortlist__item a .tech-border-hover, .article__shortlist__item body[data-design="tech"] a .tech-border-hover, body[data-design="tech"] .article__sidebar__box .tech-border-hover, body[data-design="tech"] body[data-design="simple"] .article__sidebar__title .tech-border-hover, body[data-design="simple"] body[data-design="tech"] .article__sidebar__title .tech-border-hover, body[data-design="tech"] body[data-design="simple"] .article__sidebar__list .tech-border-hover, body[data-design="simple"] body[data-design="tech"] .article__sidebar__list .tech-border-hover, body[data-design="tech"] body[data-design="comic"] .article__sidebar__title .tech-border-hover, body[data-design="comic"] body[data-design="tech"] .article__sidebar__title .tech-border-hover, body[data-design="tech"] body[data-design="comic"] .article__sidebar__list .tech-border-hover, body[data-design="comic"] body[data-design="tech"] .article__sidebar__list .tech-border-hover, body[data-design="tech"] body[data-design="game"] .article__sidebar__title .tech-border-hover, body[data-design="game"] body[data-design="tech"] .article__sidebar__title .tech-border-hover, body[data-design="tech"] body[data-design="game"] .article__sidebar__list .tech-border-hover, body[data-design="game"] body[data-design="tech"] .article__sidebar__list .tech-border-hover, body[data-design="tech"] body[data-design="kamakura"] .article__sidebar__title .tech-border-hover, body[data-design="kamakura"] body[data-design="tech"] .article__sidebar__title .tech-border-hover, body[data-design="tech"] body[data-design="kamakura"] .article__sidebar__list .tech-border-hover, body[data-design="kamakura"] body[data-design="tech"] .article__sidebar__list .tech-border-hover, body[data-design="tech"] .award__project .tech-border-hover, body[data-design="tech"] .common-important-link .tech-border-hover, body[data-design="tech"] .common-intro .tech-border-hover, body[data-design="tech"] .common-intro--short .tech-border-hover, body[data-design="tech"] .division__title .tech-border-hover, body[data-design="tech"] .division__section .tech-border-hover, body[data-design="tech"] .division__section--award .tech-border-hover, body[data-design="tech"] .division__impartible-section .tech-border-hover, body[data-design="tech"] .interview-card .tech-border-hover, body[data-design="tech"] .news-card .tech-border-hover, body[data-design="tech"] .news-card--in-unit .tech-border-hover, body[data-design="tech"] .portfolio-card__cell .tech-border-hover, body[data-design="tech"] .portfolio-card__cell--border .tech-border-hover, body[data-design="tech"] .portfolio-card__cell__title .tech-border-hover, body[data-design="tech"] .portfolio__profile__info .tech-border-hover, body[data-design="tech"] .portfolio__main__block .tech-border-hover, body[data-design="tech"] .portfolio__main__block--first .tech-border-hover, body[data-design="tech"] .portfolio__main__block--contact .tech-border-hover, body[data-design="tech"] .portfolio__main__block--gallery .tech-border-hover, body[data-design="tech"] .portfolio__title-block .tech-border-hover, body[data-design="tech"] .portfolio__sidebar__block .tech-border-hover, body[data-design="tech"] .ranking .tech-border-hover, body[data-design="tech"] .dice-ranking .tech-border-hover, body[data-design="tech"] .news_children .tech-border-hover, body[data-design="tech"] .service-client__header .tech-border-hover, body[data-design="tech"] .service-game__message .tech-border-hover, body[data-design="tech"] .service-game__list__item .tech-border-hover, body[data-design="tech"] .service-game__list__item__info .tech-border-hover, body[data-design="tech"] .smile-content__inner .tech-border-hover, body[data-design="tech"] .top_news__inner a .tech-border-hover, .top_news__inner body[data-design="tech"] a .tech-border-hover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; -o-border-image: url(/assets/pc/design/tech/border_hover-ec9be90f64ee5f873fd1d3878871587c2a47a9d49b6d2575311539a98a0c185c.png) 60 140 70 140 repeat; border-image: url(/assets/pc/design/tech/border_hover-ec9be90f64ee5f873fd1d3878871587c2a47a9d49b6d2575311539a98a0c185c.png) 60 140 70 140 fill repeat; border-image-width: 60px 140px 70px 140px; z-index: -1; opacity: 0; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .card .tech-border-hover, .is-legacy-ie body[data-design="tech"] .article__content__box .tech-border-hover, .is-legacy-ie body[data-design="tech"] .article__content__bottom__link .tech-border-hover, .is-legacy-ie body[data-design="tech"] .article__content__bottom__link--left .tech-border-hover, .is-legacy-ie body[data-design="tech"] .article__content__bottom__link--right .tech-border-hover, .is-legacy-ie body[data-design="tech"] .article__shortlist__item a .tech-border-hover, .article__shortlist__item .is-legacy-ie body[data-design="tech"] a .tech-border-hover, .is-legacy-ie body[data-design="tech"] .article__sidebar__box .tech-border-hover, .is-legacy-ie body[data-design="tech"] body[data-design="simple"] .article__sidebar__title .tech-border-hover, body[data-design="simple"] .is-legacy-ie body[data-design="tech"] .article__sidebar__title .tech-border-hover, .is-legacy-ie body[data-design="tech"] body[data-design="simple"] .article__sidebar__list .tech-border-hover, body[data-design="simple"] .is-legacy-ie body[data-design="tech"] .article__sidebar__list .tech-border-hover, .is-legacy-ie body[data-design="tech"] body[data-design="comic"] .article__sidebar__title .tech-border-hover, body[data-design="comic"] .is-legacy-ie body[data-design="tech"] .article__sidebar__title .tech-border-hover, .is-legacy-ie body[data-design="tech"] body[data-design="comic"] .article__sidebar__list .tech-border-hover, body[data-design="comic"] .is-legacy-ie body[data-design="tech"] .article__sidebar__list .tech-border-hover, .is-legacy-ie body[data-design="tech"] body[data-design="game"] .article__sidebar__title .tech-border-hover, body[data-design="game"] .is-legacy-ie body[data-design="tech"] .article__sidebar__title .tech-border-hover, .is-legacy-ie body[data-design="tech"] body[data-design="game"] .article__sidebar__list .tech-border-hover, body[data-design="game"] .is-legacy-ie body[data-design="tech"] .article__sidebar__list .tech-border-hover, .is-legacy-ie body[data-design="tech"] body[data-design="kamakura"] .article__sidebar__title .tech-border-hover, body[data-design="kamakura"] .is-legacy-ie body[data-design="tech"] .article__sidebar__title .tech-border-hover, .is-legacy-ie body[data-design="tech"] body[data-design="kamakura"] .article__sidebar__list .tech-border-hover, body[data-design="kamakura"] .is-legacy-ie body[data-design="tech"] .article__sidebar__list .tech-border-hover, .is-legacy-ie body[data-design="tech"] .award__project .tech-border-hover, .is-legacy-ie body[data-design="tech"] .common-important-link .tech-border-hover, .is-legacy-ie body[data-design="tech"] .common-intro .tech-border-hover, .is-legacy-ie body[data-design="tech"] .common-intro--short .tech-border-hover, .is-legacy-ie body[data-design="tech"] .division__title .tech-border-hover, .is-legacy-ie body[data-design="tech"] .division__section .tech-border-hover, .is-legacy-ie body[data-design="tech"] .division__section--award .tech-border-hover, .is-legacy-ie body[data-design="tech"] .division__impartible-section .tech-border-hover, .is-legacy-ie body[data-design="tech"] .interview-card .tech-border-hover, .is-legacy-ie body[data-design="tech"] .news-card .tech-border-hover, .is-legacy-ie body[data-design="tech"] .news-card--in-unit .tech-border-hover, .is-legacy-ie body[data-design="tech"] .portfolio-card__cell .tech-border-hover, .is-legacy-ie body[data-design="tech"] .portfolio-card__cell--border .tech-border-hover, .is-legacy-ie body[data-design="tech"] .portfolio-card__cell__title .tech-border-hover, .is-legacy-ie body[data-design="tech"] .portfolio__profile__info .tech-border-hover, .is-legacy-ie body[data-design="tech"] .portfolio__main__block .tech-border-hover, .is-legacy-ie body[data-design="tech"] .portfolio__main__block--first .tech-border-hover, .is-legacy-ie body[data-design="tech"] .portfolio__main__block--contact .tech-border-hover, .is-legacy-ie body[data-design="tech"] .portfolio__main__block--gallery .tech-border-hover, .is-legacy-ie body[data-design="tech"] .portfolio__title-block .tech-border-hover, .is-legacy-ie body[data-design="tech"] .portfolio__sidebar__block .tech-border-hover, .is-legacy-ie body[data-design="tech"] .ranking .tech-border-hover, .is-legacy-ie body[data-design="tech"] .dice-ranking .tech-border-hover, .is-legacy-ie body[data-design="tech"] .news_children .tech-border-hover, .is-legacy-ie body[data-design="tech"] .service-client__header .tech-border-hover, .is-legacy-ie body[data-design="tech"] .service-game__message .tech-border-hover, .is-legacy-ie body[data-design="tech"] .service-game__list__item .tech-border-hover, .is-legacy-ie body[data-design="tech"] .service-game__list__item__info .tech-border-hover, .is-legacy-ie body[data-design="tech"] .smile-content__inner .tech-border-hover, .is-legacy-ie body[data-design="tech"] .top_news__inner a .tech-border-hover, .top_news__inner .is-legacy-ie body[data-design="tech"] a .tech-border-hover { -o-border-image: none; border-image: none; } /* line 151, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="tech"] a.card:hover, body[data-design="tech"] a.article__content__box:hover, body[data-design="tech"] a.article__content__bottom__link:hover, body[data-design="tech"] a.article__content__bottom__link--left:hover, body[data-design="tech"] a.article__content__bottom__link--right:hover, body[data-design="tech"] .article__shortlist__item a:hover, .article__shortlist__item body[data-design="tech"] a:hover, body[data-design="tech"] a.article__sidebar__box:hover, body[data-design="tech"] body[data-design="simple"] a.article__sidebar__title:hover, body[data-design="simple"] body[data-design="tech"] a.article__sidebar__title:hover, body[data-design="tech"] body[data-design="simple"] a.article__sidebar__list:hover, body[data-design="simple"] body[data-design="tech"] a.article__sidebar__list:hover, body[data-design="tech"] body[data-design="comic"] a.article__sidebar__title:hover, body[data-design="comic"] body[data-design="tech"] a.article__sidebar__title:hover, body[data-design="tech"] body[data-design="comic"] a.article__sidebar__list:hover, body[data-design="comic"] body[data-design="tech"] a.article__sidebar__list:hover, body[data-design="tech"] body[data-design="game"] a.article__sidebar__title:hover, body[data-design="game"] body[data-design="tech"] a.article__sidebar__title:hover, body[data-design="tech"] body[data-design="game"] a.article__sidebar__list:hover, body[data-design="game"] body[data-design="tech"] a.article__sidebar__list:hover, body[data-design="tech"] body[data-design="kamakura"] a.article__sidebar__title:hover, body[data-design="kamakura"] body[data-design="tech"] a.article__sidebar__title:hover, body[data-design="tech"] body[data-design="kamakura"] a.article__sidebar__list:hover, body[data-design="kamakura"] body[data-design="tech"] a.article__sidebar__list:hover, body[data-design="tech"] a.award__project:hover, body[data-design="tech"] a.common-important-link:hover, body[data-design="tech"] a.common-intro:hover, body[data-design="tech"] a.common-intro--short:hover, body[data-design="tech"] a.division__title:hover, body[data-design="tech"] a.division__section:hover, body[data-design="tech"] a.division__section--award:hover, body[data-design="tech"] a.division__impartible-section:hover, body[data-design="tech"] a.interview-card:hover, body[data-design="tech"] a.news-card:hover, body[data-design="tech"] a.news-card--in-unit:hover, body[data-design="tech"] a.portfolio-card__cell:hover, body[data-design="tech"] a.portfolio-card__cell--border:hover, body[data-design="tech"] a.portfolio-card__cell__title:hover, body[data-design="tech"] a.portfolio__profile__info:hover, body[data-design="tech"] a.portfolio__main__block:hover, body[data-design="tech"] a.portfolio__main__block--first:hover, body[data-design="tech"] a.portfolio__main__block--contact:hover, body[data-design="tech"] a.portfolio__main__block--gallery:hover, body[data-design="tech"] a.portfolio__title-block:hover, body[data-design="tech"] a.portfolio__sidebar__block:hover, body[data-design="tech"] a.ranking:hover, body[data-design="tech"] a.dice-ranking:hover, body[data-design="tech"] a.news_children:hover, body[data-design="tech"] a.service-client__header:hover, body[data-design="tech"] a.service-game__message:hover, body[data-design="tech"] a.service-game__list__item:hover, body[data-design="tech"] a.service-game__list__item__info:hover, body[data-design="tech"] a.smile-content__inner:hover, body[data-design="tech"] .top_news__inner a:hover, .top_news__inner body[data-design="tech"] a:hover { -webkit-animation: tech-text-flash 0.2s linear both; animation: tech-text-flash 0.2s linear both; } /* line 154, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="tech"] a.card:hover .tech-border-hover, body[data-design="tech"] a.article__content__box:hover .tech-border-hover, body[data-design="tech"] a.article__content__bottom__link:hover .tech-border-hover, body[data-design="tech"] a.article__content__bottom__link--left:hover .tech-border-hover, body[data-design="tech"] a.article__content__bottom__link--right:hover .tech-border-hover, body[data-design="tech"] .article__shortlist__item a:hover .tech-border-hover, .article__shortlist__item body[data-design="tech"] a:hover .tech-border-hover, body[data-design="tech"] a.article__sidebar__box:hover .tech-border-hover, body[data-design="tech"] body[data-design="simple"] a.article__sidebar__title:hover .tech-border-hover, body[data-design="simple"] body[data-design="tech"] a.article__sidebar__title:hover .tech-border-hover, body[data-design="tech"] body[data-design="simple"] a.article__sidebar__list:hover .tech-border-hover, body[data-design="simple"] body[data-design="tech"] a.article__sidebar__list:hover .tech-border-hover, body[data-design="tech"] body[data-design="comic"] a.article__sidebar__title:hover .tech-border-hover, body[data-design="comic"] body[data-design="tech"] a.article__sidebar__title:hover .tech-border-hover, body[data-design="tech"] body[data-design="comic"] a.article__sidebar__list:hover .tech-border-hover, body[data-design="comic"] body[data-design="tech"] a.article__sidebar__list:hover .tech-border-hover, body[data-design="tech"] body[data-design="game"] a.article__sidebar__title:hover .tech-border-hover, body[data-design="game"] body[data-design="tech"] a.article__sidebar__title:hover .tech-border-hover, body[data-design="tech"] body[data-design="game"] a.article__sidebar__list:hover .tech-border-hover, body[data-design="game"] body[data-design="tech"] a.article__sidebar__list:hover .tech-border-hover, body[data-design="tech"] body[data-design="kamakura"] a.article__sidebar__title:hover .tech-border-hover, body[data-design="kamakura"] body[data-design="tech"] a.article__sidebar__title:hover .tech-border-hover, body[data-design="tech"] body[data-design="kamakura"] a.article__sidebar__list:hover .tech-border-hover, body[data-design="kamakura"] body[data-design="tech"] a.article__sidebar__list:hover .tech-border-hover, body[data-design="tech"] a.award__project:hover .tech-border-hover, body[data-design="tech"] a.common-important-link:hover .tech-border-hover, body[data-design="tech"] a.common-intro:hover .tech-border-hover, body[data-design="tech"] a.common-intro--short:hover .tech-border-hover, body[data-design="tech"] a.division__title:hover .tech-border-hover, body[data-design="tech"] a.division__section:hover .tech-border-hover, body[data-design="tech"] a.division__section--award:hover .tech-border-hover, body[data-design="tech"] a.division__impartible-section:hover .tech-border-hover, body[data-design="tech"] a.interview-card:hover .tech-border-hover, body[data-design="tech"] a.news-card:hover .tech-border-hover, body[data-design="tech"] a.news-card--in-unit:hover .tech-border-hover, body[data-design="tech"] a.portfolio-card__cell:hover .tech-border-hover, body[data-design="tech"] a.portfolio-card__cell--border:hover .tech-border-hover, body[data-design="tech"] a.portfolio-card__cell__title:hover .tech-border-hover, body[data-design="tech"] a.portfolio__profile__info:hover .tech-border-hover, body[data-design="tech"] a.portfolio__main__block:hover .tech-border-hover, body[data-design="tech"] a.portfolio__main__block--first:hover .tech-border-hover, body[data-design="tech"] a.portfolio__main__block--contact:hover .tech-border-hover, body[data-design="tech"] a.portfolio__main__block--gallery:hover .tech-border-hover, body[data-design="tech"] a.portfolio__title-block:hover .tech-border-hover, body[data-design="tech"] a.portfolio__sidebar__block:hover .tech-border-hover, body[data-design="tech"] a.ranking:hover .tech-border-hover, body[data-design="tech"] a.dice-ranking:hover .tech-border-hover, body[data-design="tech"] a.news_children:hover .tech-border-hover, body[data-design="tech"] a.service-client__header:hover .tech-border-hover, body[data-design="tech"] a.service-game__message:hover .tech-border-hover, body[data-design="tech"] a.service-game__list__item:hover .tech-border-hover, body[data-design="tech"] a.service-game__list__item__info:hover .tech-border-hover, body[data-design="tech"] a.smile-content__inner:hover .tech-border-hover, body[data-design="tech"] .top_news__inner a:hover .tech-border-hover, .top_news__inner body[data-design="tech"] a:hover .tech-border-hover { -webkit-animation: tech-border-flash 0.2s linear both; animation: tech-border-flash 0.2s linear both; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="tech"] .card-top, body[data-design="tech"] .top_news__inner a { position: relative; } /* line 163, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="tech"] .card-top:before, body[data-design="tech"] .top_news__inner a:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; -o-border-image: url(/assets/pc/design/tech/border_large-9197e0a60ff056127d769714583481fb1fd2946e5f266f94040d55d7d7091d5f.png) 170 230 170 230 repeat; border-image: url(/assets/pc/design/tech/border_large-9197e0a60ff056127d769714583481fb1fd2946e5f266f94040d55d7d7091d5f.png) 170 230 170 230 fill repeat; border-image-width: 170px 230px 170px 230px; z-index: -1; content: ""; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .card-top:before, .is-legacy-ie body[data-design="tech"] .top_news__inner a:before { -o-border-image: none; border-image: none; } /* line 169, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="tech"] .card-top .tech-border-hover, body[data-design="tech"] .top_news__inner a .tech-border-hover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; -o-border-image: url(/assets/pc/design/tech/border_large_hover-2a7b9d60fc746163575a4a26a00811484fe63289d8fdf65490357825ae426a46.png) 170 230 170 230 repeat; border-image: url(/assets/pc/design/tech/border_large_hover-2a7b9d60fc746163575a4a26a00811484fe63289d8fdf65490357825ae426a46.png) 170 230 170 230 fill repeat; border-image-width: 170px 230px 170px 230px; z-index: -1; opacity: 0; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .card-top .tech-border-hover, .is-legacy-ie body[data-design="tech"] .top_news__inner a .tech-border-hover { -o-border-image: none; border-image: none; } /* line 176, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="tech"] .card-small, body[data-design="tech"] .card-small--link { border: none; } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="tech"] .card-small:before, body[data-design="tech"] .card-small--link:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; -o-border-image: url(/assets/pc/design/tech/border_small-de278960adc3f56d7d205a4b72c9bbbc3f23eced88ae15f7ae0b86ffae31b692.png) 50 200 50 90 repeat; border-image: url(/assets/pc/design/tech/border_small-de278960adc3f56d7d205a4b72c9bbbc3f23eced88ae15f7ae0b86ffae31b692.png) 50 200 50 90 fill repeat; border-image-width: 50px 200px 50px 90px; z-index: -1; content: ""; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .card-small:before, .is-legacy-ie body[data-design="tech"] .card-small--link:before { -o-border-image: none; border-image: none; } /* line 186, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="tech"] .card-small:hover .card-small__title, body[data-design="tech"] .card-small--link:hover .card-small__title, body[data-design="tech"] .card-small:hover .card-small__description, body[data-design="tech"] .card-small--link:hover .card-small__description, body[data-design="tech"] .card-small:hover .card-small__meta, body[data-design="tech"] .card-small--link:hover .card-small__meta, body[data-design="tech"] .card-small:hover .card-small__meta--long, body[data-design="tech"] .card-small--link:hover .card-small__meta--long, body[data-design="tech"] .card-small:hover .card-small__meta--small, body[data-design="tech"] .card-small--link:hover .card-small__meta--small { -webkit-animation: tech-text-flash 0.2s linear both; animation: tech-text-flash 0.2s linear both; } /* line 193, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="tech"] .card-small .tech-border-hover, body[data-design="tech"] .card-small--link .tech-border-hover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; -o-border-image: url(/assets/pc/design/tech/border_small_hover-6ae9369d29a3514a5e444c7bfe70a3addaee47dd48c395026721fc9e6ea56556.png) 50 200 50 90 repeat; border-image: url(/assets/pc/design/tech/border_small_hover-6ae9369d29a3514a5e444c7bfe70a3addaee47dd48c395026721fc9e6ea56556.png) 50 200 50 90 fill repeat; border-image-width: 50px 200px 50px 90px; z-index: -1; opacity: 0; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .card-small .tech-border-hover, .is-legacy-ie body[data-design="tech"] .card-small--link .tech-border-hover { -o-border-image: none; border-image: none; } /* line 199, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="tech"] .card-small .corner-cut-image, body[data-design="tech"] .card-small--link .corner-cut-image { position: absolute; top: 5px; left: auto; right: 6px; width: 110px; height: 110px; } /* line 206, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="tech"] .card-small__title { color: #ccc; } /* line 210, /home/circleci/app/app/assets/stylesheets/modules/pc/_card.scss */ body[data-design="tech"] .card-small__thumbnail { visibility: hidden; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_chronology.scss */ .chronology { font-size: 16px; } /* line 5, /home/circleci/app/app/assets/stylesheets/modules/pc/_chronology.scss */ .chronology__year { position: relative; cursor: pointer; border: 1px solid #eeeeee; padding-left: 10px; height: 50px; line-height: 50px; } /* line 12, /home/circleci/app/app/assets/stylesheets/modules/pc/_chronology.scss */ .chronology__year:after { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; display: block; background-image: url(/assets/pc/about/history/arrow-down-d3f4756f2b8f0effd3c0bf930d9c7eff0cff6eb9c4eddaa24844e0af742ca186.png); background-size: cover; width: 30px; height: 30px; } /* line 27, /home/circleci/app/app/assets/stylesheets/modules/pc/_chronology.scss */ .chronology__year--open:after { bottom: 50%; right: 50%; -webkit-transform: rotate(180deg) translate(50%, 50%); transform: rotate(180deg) translate(50%, 50%); } /* line 34, /home/circleci/app/app/assets/stylesheets/modules/pc/_chronology.scss */ .chronology__content { margin-top: 10px; margin-left: 4em; padding-left: 1em; border-left: solid 1px #eeeeee; } /* line 41, /home/circleci/app/app/assets/stylesheets/modules/pc/_chronology.scss */ .js-accordion-content-wrapper { height: 0; overflow: hidden; -webkit-transition-duration: 1s; transition-duration: 1s; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_chronology.scss */ .chronology__item { position: relative; padding-left: 7.5em; margin-top: 40px; padding-bottom: 40px; } /* line 52, /home/circleci/app/app/assets/stylesheets/modules/pc/_chronology.scss */ .chronology__item:first-child { margin-top: 0; } /* line 55, /home/circleci/app/app/assets/stylesheets/modules/pc/_chronology.scss */ .chronology__item p { line-height: 1.5; margin: 0.5em 0; } /* line 61, /home/circleci/app/app/assets/stylesheets/modules/pc/_chronology.scss */ .chronology__item__image { font-size: 0; margin-top: 8px; } /* line 64, /home/circleci/app/app/assets/stylesheets/modules/pc/_chronology.scss */ .chronology__item__image img { max-width: 242px; } /* line 69, /home/circleci/app/app/assets/stylesheets/modules/pc/_chronology.scss */ .chronology__item__date { position: absolute; top: 0px; left: 0px; } /* line 75, /home/circleci/app/app/assets/stylesheets/modules/pc/_chronology.scss */ .chronology__item__title { font-size: 18px; font-weight: bold; margin-bottom: 0.5em; } /* line 81, /home/circleci/app/app/assets/stylesheets/modules/pc/_chronology.scss */ .chronology__item__button-list { margin-top: 1em; } /* line 83, /home/circleci/app/app/assets/stylesheets/modules/pc/_chronology.scss */ .chronology__item__button-list li { margin-bottom: 8px; } /* line 89, /home/circleci/app/app/assets/stylesheets/modules/pc/_chronology.scss */ body[data-design="comic"] .chronology__content { border-color: #4c4c4c; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .clearfix:before, .clearfix:after { content: ""; display: block; clear: both; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-message.scss */ .comic-message, .comic-message--left, .comic-message--left-2x, .comic-message--left-3x, .comic-message--right, .comic-message--right-2x { display: none; } /* line 4, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-message.scss */ .comic-message a, .comic-message--left a, .comic-message--left-2x a, .comic-message--left-3x a, .comic-message--right a, .comic-message--right-2x a { color: inherit; text-decoration: none; } /* line 9, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-message.scss */ .comic-message--left { left: -45px; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-message.scss */ .comic-message--left-2x { left: -75px; } /* line 19, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-message.scss */ .comic-message--left-3x { left: -90px; } /* line 24, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-message.scss */ .comic-message--right { right: -45px; } /* line 29, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-message.scss */ .comic-message--right-2x { right: -75px; } /* line 36, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-message.scss */ body[data-design="comic"] .comic-message, body[data-design="comic"] .comic-message--left, body[data-design="comic"] .comic-message--left-2x, body[data-design="comic"] .comic-message--left-3x, body[data-design="comic"] .comic-message--right, body[data-design="comic"] .comic-message--right-2x { display: block; position: absolute; top: 0; } /* line 40, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-message.scss */ body[data-design="comic"] .comic-message.is-conpact, body[data-design="comic"] .is-conpact.comic-message--left, body[data-design="comic"] .is-conpact.comic-message--left-2x, body[data-design="comic"] .is-conpact.comic-message--left-3x, body[data-design="comic"] .is-conpact.comic-message--right, body[data-design="comic"] .is-conpact.comic-message--right-2x { -webkit-transform-origin: center top; transform-origin: center top; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } /* line 46, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-message.scss */ body[data-design="comic"] .comic-message__inner, body[data-design="comic"] .comic-message__inner--middle, body[data-design="comic"] .comic-message__inner--small, body[data-design="comic"] .comic-message__inner--box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 1.1em; margin: 20px 0; text-align: center; color: #474541; word-wrap: break-word; word-break: break-all; font-size: 28px; font-family: "ゴシックMB101 U JIS2004"; text-shadow: 4px 0px 0px #f4f0e7, -3.49322px -1.9487px 0px #f4f0e7, 2.10128px 3.40362px 0px #f4f0e7, -0.17692px -3.99608px 0px #f4f0e7, -1.7923px 3.57598px 0px #f4f0e7, 3.30734px -2.24976px 0px #f4f0e7, -3.98436px 0.35348px 0px #f4f0e7, 3.65176px 1.63238px 0px #f4f0e7, -2.39384px -3.20462px 0px #f4f0e7, 0.52934px 3.96482px 0px #f4f0e7, 1.46928px -3.72038px 0px #f4f0e7, -3.0956px 2.53324px 0px #f4f0e7, 3.93752px -0.70418px 0px #f4f0e7, -3.78172px -1.3033px 0px #f4f0e7, 2.66766px 2.98054px 0px #f4f0e7, -0.87764px -3.90254px 0px #f4f0e7, -1.13476px 3.83566px 0px #f4f0e7; } /* line 60, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-message.scss */ body[data-design="comic"] .comic-message__inner:first-child, body[data-design="comic"] .comic-message__inner--middle:first-child, body[data-design="comic"] .comic-message__inner--small:first-child, body[data-design="comic"] .comic-message__inner--box:first-child { margin-top: 0; } /* line 64, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-message.scss */ body[data-design="comic"] .comic-message__inner span, body[data-design="comic"] .comic-message__inner--middle span, body[data-design="comic"] .comic-message__inner--small span, body[data-design="comic"] .comic-message__inner--box span { display: inline-block; width: 1em; margin: 0 5px; word-break: break-all; } /* line 71, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-message.scss */ body[data-design="comic"] .comic-message__inner .is-bold, body[data-design="comic"] .comic-message__inner--middle .is-bold, body[data-design="comic"] .comic-message__inner--small .is-bold, body[data-design="comic"] .comic-message__inner--box .is-bold { display: inline-block; margin: 0; margin-left: 5px; font-family: "ゴシックMB101 U JIS2004"; } /* line 78, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-message.scss */ body[data-design="comic"] .comic-message__inner .is-rotate, body[data-design="comic"] .comic-message__inner--middle .is-rotate, body[data-design="comic"] .comic-message__inner--small .is-rotate, body[data-design="comic"] .comic-message__inner--box .is-rotate { display: inline-block; margin: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* line 84, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-message.scss */ body[data-design="comic"] .comic-message__inner .is-rotate-long, body[data-design="comic"] .comic-message__inner--middle .is-rotate-long, body[data-design="comic"] .comic-message__inner--small .is-rotate-long, body[data-design="comic"] .comic-message__inner--box .is-rotate-long { display: inline-block; margin: 0.6em 0; -webkit-transform: rotate(90deg) scaleX(2); transform: rotate(90deg) scaleX(2); } /* line 90, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-message.scss */ body[data-design="comic"] .comic-message__inner .is-top-right, body[data-design="comic"] .comic-message__inner--middle .is-top-right, body[data-design="comic"] .comic-message__inner--small .is-top-right, body[data-design="comic"] .comic-message__inner--box .is-top-right { display: inline-block; margin: 0; -webkit-transform: translate(0.8em, -0.5em); transform: translate(0.8em, -0.5em); } /* line 96, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-message.scss */ body[data-design="comic"] .comic-message__inner .is-italic, body[data-design="comic"] .comic-message__inner--middle .is-italic, body[data-design="comic"] .comic-message__inner--small .is-italic, body[data-design="comic"] .comic-message__inner--box .is-italic { display: inline-block; margin: 0; font-style: italic; } /* line 103, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-message.scss */ body[data-design="comic"] .comic-message__inner--middle { font-size: 22px; } /* line 108, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-message.scss */ body[data-design="comic"] .comic-message__inner--small { line-height: 1.2em; font-size: 13px; text-shadow: 2.4px 0px 0px #f4f0e7, -2.09593px -1.16922px 0px #f4f0e7, 1.26077px 2.04217px 0px #f4f0e7, -0.10615px -2.39765px 0px #f4f0e7, -1.07538px 2.14559px 0px #f4f0e7, 1.9844px -1.34986px 0px #f4f0e7, -2.39062px 0.21209px 0px #f4f0e7, 2.19106px 0.97943px 0px #f4f0e7, -1.4363px -1.92277px 0px #f4f0e7, 0.3176px 2.37889px 0px #f4f0e7, 0.88157px -2.23223px 0px #f4f0e7, -1.85736px 1.51994px 0px #f4f0e7, 2.36251px -0.42251px 0px #f4f0e7, -2.26903px -0.78198px 0px #f4f0e7, 1.6006px 1.78832px 0px #f4f0e7, -0.52658px -2.34152px 0px #f4f0e7, -0.68086px 2.3014px 0px #f4f0e7; } /* line 115, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-message.scss */ body[data-design="comic"] .comic-message__inner--box { width: 1.8em; padding: 10px 5px; margin: auto; border: 4px solid #474541; background-color: #f4f0e7; -webkit-box-sizing: content-box; box-sizing: content-box; } /* line 125, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-message.scss */ body[data-design="comic"] .comic-message__inner--thumbnail { line-height: 0; margin-bottom: -5px; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-onomatope.scss */ .comic-onomatope, body[data-design="comic"] .chronology .common-button:before, body[data-design="comic"] .chronology .article__content__bottom__link__button:before, body[data-design="comic"] .chronology .article__content__button:before, body[data-design="comic"] .chronology .common-button--strong:before, body[data-design="comic"] .chronology .common-button--strongest:before, body[data-design="comic"] .chronology .common-button--recommend div:before, .common-button--recommend body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .article__sidebar__button-block div:before, .article__sidebar__button-block body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-lobi div:before, .common-button--recommend-lobi body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-jagmo div:before, .common-button--recommend-jagmo body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-rankers div:before, .common-button--recommend-rankers body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-placole div:before, .common-button--recommend-placole body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-jitakusou div:before, .common-button--recommend-jitakusou body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-kamakura div:before, .common-button--recommend-kamakura body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-realkamakuraestate div:before, .common-button--recommend-realkamakuraestate body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-esports div:before, .common-button--recommend-esports body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-fanda div:before, .common-button--recommend-fanda body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-machino-coin .button--blue:before, .common-button--recommend-machino-coin body[data-design="comic"] .chronology .button--blue:before, body[data-design="comic"] .chronology body[data-design="simple"] .button--yellow:before, body[data-design="simple"] body[data-design="comic"] .chronology .button--yellow:before, body[data-design="comic"] .chronology .formtype__submit:before, body[data-design="comic"] .chronology .menu__search__submit:before, body[data-design="comic"] .chronology .sendbar__submit--strong:before, body[data-design="comic"] .chronology .sendbar__submit--search:before, body[data-design="comic"] .chronology .news_children__registration__submit:before, body[data-design="comic"] .chronology .more_info:before, body[data-design="comic"] .chronology body[data-design="tech"] .more_info a:before, body[data-design="tech"] .more_info body[data-design="comic"] .chronology a:before, body[data-design="comic"] .chronology .common-intro__article__top-btn:before, body[data-design="comic"] .chronology .sendbar__submit:before, body[data-design="comic"] .chronology .news_children__release__submit:before, body[data-design="comic"] .comic-onomatope--vision-1, body[data-design="comic"] .comic-onomatope--vision-2, body[data-design="comic"] .comic-onomatope--vision-3, body[data-design="comic"] .comic-onomatope--fresh-1, body[data-design="comic"] .comic-onomatope--brainstorm, body[data-design="comic"] .common-button--recommend .has-onomatope:before, body[data-design="comic"] .article__sidebar__button-block .has-onomatope:before, body[data-design="comic"] .common-button--recommend-lobi .has-onomatope:before, body[data-design="comic"] .common-button--recommend-jagmo .has-onomatope:before, body[data-design="comic"] .common-button--recommend-rankers .has-onomatope:before, body[data-design="comic"] .common-button--recommend-placole .has-onomatope:before, body[data-design="comic"] .common-button--recommend-jitakusou .has-onomatope:before, body[data-design="comic"] .common-button--recommend-kamakura .has-onomatope:before, body[data-design="comic"] .common-button--recommend-realkamakuraestate .has-onomatope:before, body[data-design="comic"] .common-button--recommend-esports .has-onomatope:before, body[data-design="comic"] .common-button--recommend-fanda .has-onomatope:before, body[data-design="comic"] .common-button--recommend .has-onomatope:after, body[data-design="comic"] .article__sidebar__button-block .has-onomatope:after, body[data-design="comic"] .common-button--recommend-lobi .has-onomatope:after, body[data-design="comic"] .common-button--recommend-jagmo .has-onomatope:after, body[data-design="comic"] .common-button--recommend-rankers .has-onomatope:after, body[data-design="comic"] .common-button--recommend-placole .has-onomatope:after, body[data-design="comic"] .common-button--recommend-jitakusou .has-onomatope:after, body[data-design="comic"] .common-button--recommend-kamakura .has-onomatope:after, body[data-design="comic"] .common-button--recommend-realkamakuraestate .has-onomatope:after, body[data-design="comic"] .common-button--recommend-esports .has-onomatope:after, body[data-design="comic"] .common-button--recommend-fanda .has-onomatope:after, body[data-design="comic"] .breadcrumbs__item:after, body[data-design="comic"] .breadcrumbs__item--root:after, body[data-design="comic"] .common-button--strongest.has-onomatope:after, body[data-design="comic"] .common-button--recommend-placole__onomatope:before, body[data-design="comic"] .common-button--recommend-placole__onomatope:after, body[data-design="comic"] .comic-onomatope--member-1, body[data-design="comic"] .comic-onomatope--member-2, body[data-design="comic"] .comic-onomatope--member-3, body[data-design="comic"] .division__app__item.has-onomatope:after, body[data-design="comic"] .has-onomatope.division__app__item--ios:after, body[data-design="comic"] .has-onomatope.division__app__item--android:after, body[data-design="comic"] .footer__logo:before, body[data-design="comic"] .footer__logo:after, body[data-design="comic"] .footer__account__btn:after, body[data-design="comic"] .footer__account__btn--fb:after, body[data-design="comic"] .footer__account__btn--tw:after, body[data-design="comic"] .footer__account__btn--yt:after, body[data-design="comic"] .footer__account__btn--yana:after, body[data-design="comic"] .footer__account__btn--en:after, body[data-design="comic"] .footer__account__btn--jp:after, body[data-design="comic"] .comic-onomatope--logo, body[data-design="comic"] .menu__search:before, body[data-design="comic"] .menu__search__submit:after, body[data-design="comic"] .has-onomatope:after, body[data-design="comic"] .top-social:after, body[data-design="comic"] .comic-onomatope--blog, body[data-design="comic"] .comic-onomatope--news-buzz-3, body[data-design="comic"] .comic-onomatope--news-game-1, body[data-design="comic"] .comic-onomatope--news-career, body[data-design="comic"] .comic-onomatope--news-lobi-3, body[data-design="comic"] .comic-onomatope--news-lobi-4, body[data-design="comic"] .comic-onomatope--news-jagmo-1, body[data-design="comic"] .comic-onomatope--news-jagmo-2, body[data-design="comic"] .comic-onomatope--news-placole-3, body[data-design="comic"] .comic-onomatope--news-rankers, body[data-design="comic"] .comic-onomatope--news-brainstorm, body[data-design="comic"] .comic-onomatope--news-member-1, body[data-design="comic"] .comic-onomatope--news-member-2, body[data-design="comic"] .comic-onomatope--news-member-3, body[data-design="comic"] .comic-onomatope--buzz-1, body[data-design="comic"] .comic-onomatope--buzz-2, body[data-design="comic"] .comic-onomatope--buzz-3, body[data-design="comic"] .service-client__header__btns:after, body[data-design="comic"] .comic-onomatope--game-1, body[data-design="comic"] .comic-onomatope--game-2, body[data-design="comic"] .comic-onomatope--award-1-1, body[data-design="comic"] .comic-onomatope--award-1-2, body[data-design="comic"] .comic-onomatope--award-2-effect, body[data-design="comic"] .comic-onomatope--award-2-text, body[data-design="comic"] .more_info__onomatope:before, body[data-design="comic"] .more_info__onomatope:after { display: none; opacity: 0; pointer-events: none; } /* line 7, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-onomatope.scss */ .comic-onomatope.is-sample, body[data-design="comic"] .chronology .is-sample.common-button:before, body[data-design="comic"] .chronology .is-sample.article__content__bottom__link__button:before, body[data-design="comic"] .chronology .is-sample.article__content__button:before, body[data-design="comic"] .chronology .is-sample.common-button--strong:before, body[data-design="comic"] .chronology .is-sample.common-button--strongest:before, body[data-design="comic"] .chronology .common-button--recommend div.is-sample:before, .common-button--recommend body[data-design="comic"] .chronology div.is-sample:before, body[data-design="comic"] .chronology .article__sidebar__button-block div.is-sample:before, .article__sidebar__button-block body[data-design="comic"] .chronology div.is-sample:before, body[data-design="comic"] .chronology .common-button--recommend-lobi div.is-sample:before, .common-button--recommend-lobi body[data-design="comic"] .chronology div.is-sample:before, body[data-design="comic"] .chronology .common-button--recommend-jagmo div.is-sample:before, .common-button--recommend-jagmo body[data-design="comic"] .chronology div.is-sample:before, body[data-design="comic"] .chronology .common-button--recommend-rankers div.is-sample:before, .common-button--recommend-rankers body[data-design="comic"] .chronology div.is-sample:before, body[data-design="comic"] .chronology .common-button--recommend-placole div.is-sample:before, .common-button--recommend-placole body[data-design="comic"] .chronology div.is-sample:before, body[data-design="comic"] .chronology .common-button--recommend-jitakusou div.is-sample:before, .common-button--recommend-jitakusou body[data-design="comic"] .chronology div.is-sample:before, body[data-design="comic"] .chronology .common-button--recommend-kamakura div.is-sample:before, .common-button--recommend-kamakura body[data-design="comic"] .chronology div.is-sample:before, body[data-design="comic"] .chronology .common-button--recommend-realkamakuraestate div.is-sample:before, .common-button--recommend-realkamakuraestate body[data-design="comic"] .chronology div.is-sample:before, body[data-design="comic"] .chronology .common-button--recommend-esports div.is-sample:before, .common-button--recommend-esports body[data-design="comic"] .chronology div.is-sample:before, body[data-design="comic"] .chronology .common-button--recommend-fanda div.is-sample:before, .common-button--recommend-fanda body[data-design="comic"] .chronology div.is-sample:before, body[data-design="comic"] .chronology .common-button--recommend-machino-coin .is-sample.button--blue:before, .common-button--recommend-machino-coin body[data-design="comic"] .chronology .is-sample.button--blue:before, body[data-design="comic"] .chronology body[data-design="simple"] .is-sample.button--yellow:before, body[data-design="simple"] body[data-design="comic"] .chronology .is-sample.button--yellow:before, body[data-design="comic"] .chronology .is-sample.formtype__submit:before, body[data-design="comic"] .chronology .is-sample.menu__search__submit:before, body[data-design="comic"] .chronology .is-sample.sendbar__submit--strong:before, body[data-design="comic"] .chronology .is-sample.sendbar__submit--search:before, body[data-design="comic"] .chronology .is-sample.news_children__registration__submit:before, body[data-design="comic"] .chronology .is-sample.more_info:before, body[data-design="comic"] .chronology body[data-design="tech"] .more_info a.is-sample:before, body[data-design="tech"] .more_info body[data-design="comic"] .chronology a.is-sample:before, body[data-design="comic"] .chronology .is-sample.common-intro__article__top-btn:before, body[data-design="comic"] .chronology .is-sample.sendbar__submit:before, body[data-design="comic"] .chronology .is-sample.news_children__release__submit:before, body[data-design="comic"] .is-sample.comic-onomatope--vision-1, body[data-design="comic"] .is-sample.comic-onomatope--vision-2, body[data-design="comic"] .is-sample.comic-onomatope--vision-3, body[data-design="comic"] .is-sample.comic-onomatope--fresh-1, body[data-design="comic"] .is-sample.comic-onomatope--brainstorm, body[data-design="comic"] .common-button--recommend .is-sample.has-onomatope:before, body[data-design="comic"] .article__sidebar__button-block .is-sample.has-onomatope:before, body[data-design="comic"] .common-button--recommend-lobi .is-sample.has-onomatope:before, body[data-design="comic"] .common-button--recommend-jagmo .is-sample.has-onomatope:before, body[data-design="comic"] .common-button--recommend-rankers .is-sample.has-onomatope:before, body[data-design="comic"] .common-button--recommend-placole .is-sample.has-onomatope:before, body[data-design="comic"] .common-button--recommend-jitakusou .is-sample.has-onomatope:before, body[data-design="comic"] .common-button--recommend-kamakura .is-sample.has-onomatope:before, body[data-design="comic"] .common-button--recommend-realkamakuraestate .is-sample.has-onomatope:before, body[data-design="comic"] .common-button--recommend-esports .is-sample.has-onomatope:before, body[data-design="comic"] .common-button--recommend-fanda .is-sample.has-onomatope:before, body[data-design="comic"] .common-button--recommend .is-sample.has-onomatope:after, body[data-design="comic"] .article__sidebar__button-block .is-sample.has-onomatope:after, body[data-design="comic"] .common-button--recommend-lobi .is-sample.has-onomatope:after, body[data-design="comic"] .common-button--recommend-jagmo .is-sample.has-onomatope:after, body[data-design="comic"] .common-button--recommend-rankers .is-sample.has-onomatope:after, body[data-design="comic"] .common-button--recommend-placole .is-sample.has-onomatope:after, body[data-design="comic"] .common-button--recommend-jitakusou .is-sample.has-onomatope:after, body[data-design="comic"] .common-button--recommend-kamakura .is-sample.has-onomatope:after, body[data-design="comic"] .common-button--recommend-realkamakuraestate .is-sample.has-onomatope:after, body[data-design="comic"] .common-button--recommend-esports .is-sample.has-onomatope:after, body[data-design="comic"] .common-button--recommend-fanda .is-sample.has-onomatope:after, body[data-design="comic"] .is-sample.breadcrumbs__item:after, body[data-design="comic"] .is-sample.breadcrumbs__item--root:after, body[data-design="comic"] .is-sample.common-button--strongest.has-onomatope:after, body[data-design="comic"] .is-sample.common-button--recommend-placole__onomatope:before, body[data-design="comic"] .is-sample.common-button--recommend-placole__onomatope:after, body[data-design="comic"] .is-sample.comic-onomatope--member-1, body[data-design="comic"] .is-sample.comic-onomatope--member-2, body[data-design="comic"] .is-sample.comic-onomatope--member-3, body[data-design="comic"] .is-sample.division__app__item.has-onomatope:after, body[data-design="comic"] .is-sample.has-onomatope.division__app__item--ios:after, body[data-design="comic"] .is-sample.has-onomatope.division__app__item--android:after, body[data-design="comic"] .is-sample.footer__logo:before, body[data-design="comic"] .is-sample.footer__logo:after, body[data-design="comic"] .is-sample.footer__account__btn:after, body[data-design="comic"] .is-sample.footer__account__btn--fb:after, body[data-design="comic"] .is-sample.footer__account__btn--tw:after, body[data-design="comic"] .is-sample.footer__account__btn--yt:after, body[data-design="comic"] .is-sample.footer__account__btn--yana:after, body[data-design="comic"] .is-sample.footer__account__btn--en:after, body[data-design="comic"] .is-sample.footer__account__btn--jp:after, body[data-design="comic"] .is-sample.comic-onomatope--logo, body[data-design="comic"] .is-sample.menu__search:before, body[data-design="comic"] .is-sample.menu__search__submit:after, body[data-design="comic"] .is-sample.has-onomatope:after, body[data-design="comic"] .is-sample.top-social:after, body[data-design="comic"] .is-sample.comic-onomatope--blog, body[data-design="comic"] .is-sample.comic-onomatope--news-buzz-3, body[data-design="comic"] .is-sample.comic-onomatope--news-game-1, body[data-design="comic"] .is-sample.comic-onomatope--news-career, body[data-design="comic"] .is-sample.comic-onomatope--news-lobi-3, body[data-design="comic"] .is-sample.comic-onomatope--news-lobi-4, body[data-design="comic"] .is-sample.comic-onomatope--news-jagmo-1, body[data-design="comic"] .is-sample.comic-onomatope--news-jagmo-2, body[data-design="comic"] .is-sample.comic-onomatope--news-placole-3, body[data-design="comic"] .is-sample.comic-onomatope--news-rankers, body[data-design="comic"] .is-sample.comic-onomatope--news-brainstorm, body[data-design="comic"] .is-sample.comic-onomatope--news-member-1, body[data-design="comic"] .is-sample.comic-onomatope--news-member-2, body[data-design="comic"] .is-sample.comic-onomatope--news-member-3, body[data-design="comic"] .is-sample.comic-onomatope--buzz-1, body[data-design="comic"] .is-sample.comic-onomatope--buzz-2, body[data-design="comic"] .is-sample.comic-onomatope--buzz-3, body[data-design="comic"] .is-sample.service-client__header__btns:after, body[data-design="comic"] .is-sample.comic-onomatope--game-1, body[data-design="comic"] .is-sample.comic-onomatope--game-2, body[data-design="comic"] .is-sample.comic-onomatope--award-1-1, body[data-design="comic"] .is-sample.comic-onomatope--award-1-2, body[data-design="comic"] .is-sample.comic-onomatope--award-2-effect, body[data-design="comic"] .is-sample.comic-onomatope--award-2-text, body[data-design="comic"] .is-sample.more_info__onomatope:before, body[data-design="comic"] .is-sample.more_info__onomatope:after { background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); background-position: 0px 0px; width: 164px; height: 218px; } /* line 13, /home/circleci/app/app/assets/stylesheets/modules/pc/_comic-onomatope.scss */ body[data-design="comic"] .comic-onomatope, body[data-design="comic"] .chronology .common-button:before, body[data-design="comic"] .chronology .article__content__bottom__link__button:before, body[data-design="comic"] .chronology .article__content__button:before, body[data-design="comic"] .chronology .common-button--strong:before, body[data-design="comic"] .chronology .common-button--strongest:before, body[data-design="comic"] .chronology .common-button--recommend div:before, .common-button--recommend body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .article__sidebar__button-block div:before, .article__sidebar__button-block body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-lobi div:before, .common-button--recommend-lobi body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-jagmo div:before, .common-button--recommend-jagmo body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-rankers div:before, .common-button--recommend-rankers body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-placole div:before, .common-button--recommend-placole body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-jitakusou div:before, .common-button--recommend-jitakusou body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-kamakura div:before, .common-button--recommend-kamakura body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-realkamakuraestate div:before, .common-button--recommend-realkamakuraestate body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-esports div:before, .common-button--recommend-esports body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-fanda div:before, .common-button--recommend-fanda body[data-design="comic"] .chronology div:before, body[data-design="comic"] .chronology .common-button--recommend-machino-coin .button--blue:before, .common-button--recommend-machino-coin body[data-design="comic"] .chronology .button--blue:before, body[data-design="comic"] .chronology body[data-design="simple"] .button--yellow:before, body[data-design="simple"] body[data-design="comic"] .chronology .button--yellow:before, body[data-design="comic"] .chronology .formtype__submit:before, body[data-design="comic"] .chronology .menu__search__submit:before, body[data-design="comic"] .chronology .sendbar__submit--strong:before, body[data-design="comic"] .chronology .sendbar__submit--search:before, body[data-design="comic"] .chronology .news_children__registration__submit:before, body[data-design="comic"] .chronology .more_info:before, body[data-design="comic"] .chronology body[data-design="tech"] .more_info a:before, body[data-design="tech"] .more_info body[data-design="comic"] .chronology a:before, body[data-design="comic"] .chronology .common-intro__article__top-btn:before, body[data-design="comic"] .chronology .sendbar__submit:before, body[data-design="comic"] .chronology .news_children__release__submit:before, body[data-design="comic"] .comic-onomatope--vision-1, body[data-design="comic"] .comic-onomatope--vision-2, body[data-design="comic"] .comic-onomatope--vision-3, body[data-design="comic"] .comic-onomatope--fresh-1, body[data-design="comic"] .comic-onomatope--brainstorm, body[data-design="comic"] .common-button--recommend .has-onomatope:before, body[data-design="comic"] .article__sidebar__button-block .has-onomatope:before, body[data-design="comic"] .common-button--recommend-lobi .has-onomatope:before, body[data-design="comic"] .common-button--recommend-jagmo .has-onomatope:before, body[data-design="comic"] .common-button--recommend-rankers .has-onomatope:before, body[data-design="comic"] .common-button--recommend-placole .has-onomatope:before, body[data-design="comic"] .common-button--recommend-jitakusou .has-onomatope:before, body[data-design="comic"] .common-button--recommend-kamakura .has-onomatope:before, body[data-design="comic"] .common-button--recommend-realkamakuraestate .has-onomatope:before, body[data-design="comic"] .common-button--recommend-esports .has-onomatope:before, body[data-design="comic"] .common-button--recommend-fanda .has-onomatope:before, body[data-design="comic"] .common-button--recommend .has-onomatope:after, body[data-design="comic"] .article__sidebar__button-block .has-onomatope:after, body[data-design="comic"] .common-button--recommend-lobi .has-onomatope:after, body[data-design="comic"] .common-button--recommend-jagmo .has-onomatope:after, body[data-design="comic"] .common-button--recommend-rankers .has-onomatope:after, body[data-design="comic"] .common-button--recommend-placole .has-onomatope:after, body[data-design="comic"] .common-button--recommend-jitakusou .has-onomatope:after, body[data-design="comic"] .common-button--recommend-kamakura .has-onomatope:after, body[data-design="comic"] .common-button--recommend-realkamakuraestate .has-onomatope:after, body[data-design="comic"] .common-button--recommend-esports .has-onomatope:after, body[data-design="comic"] .common-button--recommend-fanda .has-onomatope:after, body[data-design="comic"] .breadcrumbs__item:after, body[data-design="comic"] .breadcrumbs__item--root:after, body[data-design="comic"] .common-button--strongest.has-onomatope:after, body[data-design="comic"] .common-button--recommend-placole__onomatope:before, body[data-design="comic"] .common-button--recommend-placole__onomatope:after, body[data-design="comic"] .comic-onomatope--member-1, body[data-design="comic"] .comic-onomatope--member-2, body[data-design="comic"] .comic-onomatope--member-3, body[data-design="comic"] .division__app__item.has-onomatope:after, body[data-design="comic"] .has-onomatope.division__app__item--ios:after, body[data-design="comic"] .has-onomatope.division__app__item--android:after, body[data-design="comic"] .footer__logo:before, body[data-design="comic"] .footer__logo:after, body[data-design="comic"] .footer__account__btn:after, body[data-design="comic"] .footer__account__btn--fb:after, body[data-design="comic"] .footer__account__btn--tw:after, body[data-design="comic"] .footer__account__btn--yt:after, body[data-design="comic"] .footer__account__btn--yana:after, body[data-design="comic"] .footer__account__btn--en:after, body[data-design="comic"] .footer__account__btn--jp:after, body[data-design="comic"] .comic-onomatope--logo, body[data-design="comic"] .menu__search:before, body[data-design="comic"] .menu__search__submit:after, body[data-design="comic"] .has-onomatope:after, body[data-design="comic"] .top-social:after, body[data-design="comic"] .comic-onomatope--blog, body[data-design="comic"] .comic-onomatope--news-buzz-3, body[data-design="comic"] .comic-onomatope--news-game-1, body[data-design="comic"] .comic-onomatope--news-career, body[data-design="comic"] .comic-onomatope--news-lobi-3, body[data-design="comic"] .comic-onomatope--news-lobi-4, body[data-design="comic"] .comic-onomatope--news-jagmo-1, body[data-design="comic"] .comic-onomatope--news-jagmo-2, body[data-design="comic"] .comic-onomatope--news-placole-3, body[data-design="comic"] .comic-onomatope--news-rankers, body[data-design="comic"] .comic-onomatope--news-brainstorm, body[data-design="comic"] .comic-onomatope--news-member-1, body[data-design="comic"] .comic-onomatope--news-member-2, body[data-design="comic"] .comic-onomatope--news-member-3, body[data-design="comic"] .comic-onomatope--buzz-1, body[data-design="comic"] .comic-onomatope--buzz-2, body[data-design="comic"] .comic-onomatope--buzz-3, body[data-design="comic"] .service-client__header__btns:after, body[data-design="comic"] .comic-onomatope--game-1, body[data-design="comic"] .comic-onomatope--game-2, body[data-design="comic"] .comic-onomatope--award-1-1, body[data-design="comic"] .comic-onomatope--award-1-2, body[data-design="comic"] .comic-onomatope--award-2-effect, body[data-design="comic"] .comic-onomatope--award-2-text, body[data-design="comic"] .more_info__onomatope:before, body[data-design="comic"] .more_info__onomatope:after { display: block; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button-list.scss */ .common-button-list { margin: 1em auto; font-size: 0px; } /* line 5, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button-list.scss */ .common-button-list li { list-style: none !important; margin: 8px 8px 8px 0px !important; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button, .article__content__bottom__link__button, .article__content__button, .common-button--strong, .common-button--strongest, .common-button--recommend div, .article__sidebar__button-block div, .common-button--recommend-lobi div, .common-button--recommend-jagmo div, .common-button--recommend-rankers div, .common-button--recommend-placole div, .common-button--recommend-jitakusou div, .common-button--recommend-kamakura div, .common-button--recommend-realkamakuraestate div, .common-button--recommend-esports div, .common-button--recommend-fanda div, .common-button--recommend-machino-coin .button--blue, body[data-design="simple"] .button--yellow, .formtype__submit, .menu__search__submit, .sendbar__submit--strong, .sendbar__submit--search, .news_children__registration__submit, body[data-design="simple"] .more_info, body[data-design="comic"] .more_info, body[data-design="tech"] .more_info a, .common-intro__article__top-btn, .sendbar__submit, .news_children__release__submit { display: inline-block; position: relative; background-color: #eeeeee; color: #000; text-align: center; border-radius: 5px; font-size: 18px; font-weight: bold; min-width: 255px; } /* line 12, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button.is-disabled, .is-disabled.article__content__bottom__link__button, .is-disabled.article__content__button, .is-disabled.common-button--strong, .is-disabled.common-button--strongest, .common-button--recommend div.is-disabled, .article__sidebar__button-block div.is-disabled, .common-button--recommend-lobi div.is-disabled, .common-button--recommend-jagmo div.is-disabled, .common-button--recommend-rankers div.is-disabled, .common-button--recommend-placole div.is-disabled, .common-button--recommend-jitakusou div.is-disabled, .common-button--recommend-kamakura div.is-disabled, .common-button--recommend-realkamakuraestate div.is-disabled, .common-button--recommend-esports div.is-disabled, .common-button--recommend-fanda div.is-disabled, .common-button--recommend-machino-coin .is-disabled.button--blue, body[data-design="simple"] .is-disabled.button--yellow, .is-disabled.formtype__submit, .is-disabled.menu__search__submit, .is-disabled.sendbar__submit--strong, .is-disabled.sendbar__submit--search, .is-disabled.news_children__registration__submit, body[data-design="simple"] .is-disabled.more_info, body[data-design="comic"] .is-disabled.more_info, body[data-design="tech"] .more_info a.is-disabled, .is-disabled.common-intro__article__top-btn, .is-disabled.sendbar__submit, .is-disabled.news_children__release__submit { opacity: 0.5; pointer-events: none; } /* line 17, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button button, .article__content__bottom__link__button button, .article__content__button button, .common-button--strong button, .common-button--strongest button, .common-button--recommend div button, .article__sidebar__button-block div button, .common-button--recommend-lobi div button, .common-button--recommend-jagmo div button, .common-button--recommend-rankers div button, .common-button--recommend-placole div button, .common-button--recommend-jitakusou div button, .common-button--recommend-kamakura div button, .common-button--recommend-realkamakuraestate div button, .common-button--recommend-esports div button, .common-button--recommend-fanda div button, .common-button--recommend-machino-coin .button--blue button, body[data-design="simple"] .button--yellow button, .formtype__submit button, .menu__search__submit button, .sendbar__submit--strong button, .sendbar__submit--search button, .news_children__registration__submit button, body[data-design="simple"] .more_info button, body[data-design="comic"] .more_info button, body[data-design="tech"] .more_info a button, .common-intro__article__top-btn button, .sendbar__submit button, .news_children__release__submit button, .common-button input, .article__content__bottom__link__button input, .article__content__button input, .common-button--strong input, .common-button--strongest input, .common-button--recommend div input, .article__sidebar__button-block div input, .common-button--recommend-lobi div input, .common-button--recommend-jagmo div input, .common-button--recommend-rankers div input, .common-button--recommend-placole div input, .common-button--recommend-jitakusou div input, .common-button--recommend-kamakura div input, .common-button--recommend-realkamakuraestate div input, .common-button--recommend-esports div input, .common-button--recommend-fanda div input, .common-button--recommend-machino-coin .button--blue input, body[data-design="simple"] .button--yellow input, .formtype__submit input, .menu__search__submit input, .sendbar__submit--strong input, .sendbar__submit--search input, .news_children__registration__submit input, body[data-design="simple"] .more_info input, body[data-design="comic"] .more_info input, body[data-design="tech"] .more_info a input, .common-intro__article__top-btn input, .sendbar__submit input, .news_children__release__submit input { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background: none; padding: 0; font: inherit; color: inherit; width: 100%; } /* line 22, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button a, .article__content__bottom__link__button a, .article__content__button a, .common-button--strong a, .common-button--strongest a, .common-button--recommend div a, .article__sidebar__button-block div a, .common-button--recommend-lobi div a, .common-button--recommend-jagmo div a, .common-button--recommend-rankers div a, .common-button--recommend-placole div a, .common-button--recommend-jitakusou div a, .common-button--recommend-kamakura div a, .common-button--recommend-realkamakuraestate div a, .common-button--recommend-esports div a, .common-button--recommend-fanda div a, .common-button--recommend-machino-coin .button--blue a, body[data-design="simple"] .button--yellow a, .formtype__submit a, .menu__search__submit a, .sendbar__submit--strong a, .sendbar__submit--search a, .news_children__registration__submit a, body[data-design="simple"] .more_info a, body[data-design="comic"] .more_info a, body[data-design="tech"] .more_info a a, .common-intro__article__top-btn a, .sendbar__submit a, .news_children__release__submit a, .common-button button, .article__content__bottom__link__button button, .article__content__button button, .common-button--strong button, .common-button--strongest button, .common-button--recommend div button, .article__sidebar__button-block div button, .common-button--recommend-lobi div button, .common-button--recommend-jagmo div button, .common-button--recommend-rankers div button, .common-button--recommend-placole div button, .common-button--recommend-jitakusou div button, .common-button--recommend-kamakura div button, .common-button--recommend-realkamakuraestate div button, .common-button--recommend-esports div button, .common-button--recommend-fanda div button, .common-button--recommend-machino-coin .button--blue button, body[data-design="simple"] .button--yellow button, .formtype__submit button, .menu__search__submit button, .sendbar__submit--strong button, .sendbar__submit--search button, .news_children__registration__submit button, body[data-design="simple"] .more_info button, body[data-design="comic"] .more_info button, body[data-design="tech"] .more_info a button, .common-intro__article__top-btn button, .sendbar__submit button, .news_children__release__submit button, .common-button input, .article__content__bottom__link__button input, .article__content__button input, .common-button--strong input, .common-button--strongest input, .common-button--recommend div input, .article__sidebar__button-block div input, .common-button--recommend-lobi div input, .common-button--recommend-jagmo div input, .common-button--recommend-rankers div input, .common-button--recommend-placole div input, .common-button--recommend-jitakusou div input, .common-button--recommend-kamakura div input, .common-button--recommend-realkamakuraestate div input, .common-button--recommend-esports div input, .common-button--recommend-fanda div input, .common-button--recommend-machino-coin .button--blue input, body[data-design="simple"] .button--yellow input, .formtype__submit input, .menu__search__submit input, .sendbar__submit--strong input, .sendbar__submit--search input, .news_children__registration__submit input, body[data-design="simple"] .more_info input, body[data-design="comic"] .more_info input, body[data-design="tech"] .more_info a input, .common-intro__article__top-btn input, .sendbar__submit input, .news_children__release__submit input { display: block; color: inherit !important; opacity: 1 !important; padding: 16px 32px; position: relative; text-decoration: none; } /* line 77, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .common-button a:after, .article__content__bottom__link__button a:after, .article__content__button a:after, .common-button--strong a:after, .common-button--strongest a:after, .common-button--recommend div a:after, .article__sidebar__button-block div a:after, .common-button--recommend-lobi div a:after, .common-button--recommend-jagmo div a:after, .common-button--recommend-rankers div a:after, .common-button--recommend-placole div a:after, .common-button--recommend-jitakusou div a:after, .common-button--recommend-kamakura div a:after, .common-button--recommend-realkamakuraestate div a:after, .common-button--recommend-esports div a:after, .common-button--recommend-fanda div a:after, .common-button--recommend-machino-coin .button--blue a:after, body[data-design="simple"] .button--yellow a:after, .formtype__submit a:after, .menu__search__submit a:after, .sendbar__submit--strong a:after, .sendbar__submit--search a:after, .news_children__registration__submit a:after, body[data-design="simple"] .more_info a:after, body[data-design="comic"] .more_info a:after, body[data-design="tech"] .more_info a a:after, .common-intro__article__top-btn a:after, .sendbar__submit a:after, .news_children__release__submit a:after, .common-button button:after, .article__content__bottom__link__button button:after, .article__content__button button:after, .common-button--strong button:after, .common-button--strongest button:after, .common-button--recommend div button:after, .article__sidebar__button-block div button:after, .common-button--recommend-lobi div button:after, .common-button--recommend-jagmo div button:after, .common-button--recommend-rankers div button:after, .common-button--recommend-placole div button:after, .common-button--recommend-jitakusou div button:after, .common-button--recommend-kamakura div button:after, .common-button--recommend-realkamakuraestate div button:after, .common-button--recommend-esports div button:after, .common-button--recommend-fanda div button:after, .common-button--recommend-machino-coin .button--blue button:after, body[data-design="simple"] .button--yellow button:after, .formtype__submit button:after, .menu__search__submit button:after, .sendbar__submit--strong button:after, .sendbar__submit--search button:after, .news_children__registration__submit button:after, body[data-design="simple"] .more_info button:after, body[data-design="comic"] .more_info button:after, body[data-design="tech"] .more_info a button:after, .common-intro__article__top-btn button:after, .sendbar__submit button:after, .news_children__release__submit button:after, .common-button input:after, .article__content__bottom__link__button input:after, .article__content__button input:after, .common-button--strong input:after, .common-button--strongest input:after, .common-button--recommend div input:after, .article__sidebar__button-block div input:after, .common-button--recommend-lobi div input:after, .common-button--recommend-jagmo div input:after, .common-button--recommend-rankers div input:after, .common-button--recommend-placole div input:after, .common-button--recommend-jitakusou div input:after, .common-button--recommend-kamakura div input:after, .common-button--recommend-realkamakuraestate div input:after, .common-button--recommend-esports div input:after, .common-button--recommend-fanda div input:after, .common-button--recommend-machino-coin .button--blue input:after, body[data-design="simple"] .button--yellow input:after, .formtype__submit input:after, .menu__search__submit input:after, .sendbar__submit--strong input:after, .sendbar__submit--search input:after, .news_children__registration__submit input:after, body[data-design="simple"] .more_info input:after, body[data-design="comic"] .more_info input:after, body[data-design="tech"] .more_info a input:after, .common-intro__article__top-btn input:after, .sendbar__submit input:after, .news_children__release__submit input:after { content: ""; font-family: FontAwesome; } /* line 33, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button a:after, .article__content__bottom__link__button a:after, .article__content__button a:after, .common-button--strong a:after, .common-button--strongest a:after, .common-button--recommend div a:after, .article__sidebar__button-block div a:after, .common-button--recommend-lobi div a:after, .common-button--recommend-jagmo div a:after, .common-button--recommend-rankers div a:after, .common-button--recommend-placole div a:after, .common-button--recommend-jitakusou div a:after, .common-button--recommend-kamakura div a:after, .common-button--recommend-realkamakuraestate div a:after, .common-button--recommend-esports div a:after, .common-button--recommend-fanda div a:after, .common-button--recommend-machino-coin .button--blue a:after, body[data-design="simple"] .button--yellow a:after, .formtype__submit a:after, .menu__search__submit a:after, .sendbar__submit--strong a:after, .sendbar__submit--search a:after, .news_children__registration__submit a:after, body[data-design="simple"] .more_info a:after, body[data-design="comic"] .more_info a:after, body[data-design="tech"] .more_info a a:after, .common-intro__article__top-btn a:after, .sendbar__submit a:after, .news_children__release__submit a:after, .common-button button:after, .article__content__bottom__link__button button:after, .article__content__button button:after, .common-button--strong button:after, .common-button--strongest button:after, .common-button--recommend div button:after, .article__sidebar__button-block div button:after, .common-button--recommend-lobi div button:after, .common-button--recommend-jagmo div button:after, .common-button--recommend-rankers div button:after, .common-button--recommend-placole div button:after, .common-button--recommend-jitakusou div button:after, .common-button--recommend-kamakura div button:after, .common-button--recommend-realkamakuraestate div button:after, .common-button--recommend-esports div button:after, .common-button--recommend-fanda div button:after, .common-button--recommend-machino-coin .button--blue button:after, body[data-design="simple"] .button--yellow button:after, .formtype__submit button:after, .menu__search__submit button:after, .sendbar__submit--strong button:after, .sendbar__submit--search button:after, .news_children__registration__submit button:after, body[data-design="simple"] .more_info button:after, body[data-design="comic"] .more_info button:after, body[data-design="tech"] .more_info a button:after, .common-intro__article__top-btn button:after, .sendbar__submit button:after, .news_children__release__submit button:after, .common-button input:after, .article__content__bottom__link__button input:after, .article__content__button input:after, .common-button--strong input:after, .common-button--strongest input:after, .common-button--recommend div input:after, .article__sidebar__button-block div input:after, .common-button--recommend-lobi div input:after, .common-button--recommend-jagmo div input:after, .common-button--recommend-rankers div input:after, .common-button--recommend-placole div input:after, .common-button--recommend-jitakusou div input:after, .common-button--recommend-kamakura div input:after, .common-button--recommend-realkamakuraestate div input:after, .common-button--recommend-esports div input:after, .common-button--recommend-fanda div input:after, .common-button--recommend-machino-coin .button--blue input:after, body[data-design="simple"] .button--yellow input:after, .formtype__submit input:after, .menu__search__submit input:after, .sendbar__submit--strong input:after, .sendbar__submit--search input:after, .news_children__registration__submit input:after, body[data-design="simple"] .more_info input:after, body[data-design="comic"] .more_info input:after, body[data-design="tech"] .more_info a input:after, .common-intro__article__top-btn input:after, .sendbar__submit input:after, .news_children__release__submit input:after { position: absolute; right: 16px; top: 50%; font-size: 80%; line-height: 1; margin-top: -0.5em; } /* line 43, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button.with-konchi, .with-konchi.article__content__bottom__link__button, .with-konchi.article__content__button, .with-konchi.common-button--strong, .with-konchi.common-button--strongest, .common-button--recommend div.with-konchi, .article__sidebar__button-block div.with-konchi, .common-button--recommend-lobi div.with-konchi, .common-button--recommend-jagmo div.with-konchi, .common-button--recommend-rankers div.with-konchi, .common-button--recommend-placole div.with-konchi, .common-button--recommend-jitakusou div.with-konchi, .common-button--recommend-kamakura div.with-konchi, .common-button--recommend-realkamakuraestate div.with-konchi, .common-button--recommend-esports div.with-konchi, .common-button--recommend-fanda div.with-konchi, .common-button--recommend-machino-coin .with-konchi.button--blue, body[data-design="simple"] .with-konchi.button--yellow, .with-konchi.formtype__submit, .with-konchi.menu__search__submit, .with-konchi.sendbar__submit--strong, .with-konchi.sendbar__submit--search, .with-konchi.news_children__registration__submit, body[data-design="simple"] .with-konchi.more_info, body[data-design="comic"] .with-konchi.more_info, body[data-design="tech"] .more_info a.with-konchi, .with-konchi.common-intro__article__top-btn, .with-konchi.sendbar__submit, .with-konchi.news_children__release__submit { min-width: 0px; text-align: left; } /* line 46, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button.with-konchi a, .with-konchi.article__content__bottom__link__button a, .with-konchi.article__content__button a, .with-konchi.common-button--strong a, .with-konchi.common-button--strongest a, .common-button--recommend div.with-konchi a, .article__sidebar__button-block div.with-konchi a, .common-button--recommend-lobi div.with-konchi a, .common-button--recommend-jagmo div.with-konchi a, .common-button--recommend-rankers div.with-konchi a, .common-button--recommend-placole div.with-konchi a, .common-button--recommend-jitakusou div.with-konchi a, .common-button--recommend-kamakura div.with-konchi a, .common-button--recommend-realkamakuraestate div.with-konchi a, .common-button--recommend-esports div.with-konchi a, .common-button--recommend-fanda div.with-konchi a, .common-button--recommend-machino-coin .with-konchi.button--blue a, body[data-design="simple"] .with-konchi.button--yellow a, .with-konchi.formtype__submit a, .with-konchi.menu__search__submit a, .with-konchi.sendbar__submit--strong a, .with-konchi.sendbar__submit--search a, .with-konchi.news_children__registration__submit a, body[data-design="simple"] .with-konchi.more_info a, body[data-design="comic"] .with-konchi.more_info a, body[data-design="tech"] .more_info a.with-konchi a, .with-konchi.common-intro__article__top-btn a, .with-konchi.sendbar__submit a, .with-konchi.news_children__release__submit a, .common-button.with-konchi button, .with-konchi.article__content__bottom__link__button button, .with-konchi.article__content__button button, .with-konchi.common-button--strong button, .with-konchi.common-button--strongest button, .common-button--recommend div.with-konchi button, .article__sidebar__button-block div.with-konchi button, .common-button--recommend-lobi div.with-konchi button, .common-button--recommend-jagmo div.with-konchi button, .common-button--recommend-rankers div.with-konchi button, .common-button--recommend-placole div.with-konchi button, .common-button--recommend-jitakusou div.with-konchi button, .common-button--recommend-kamakura div.with-konchi button, .common-button--recommend-realkamakuraestate div.with-konchi button, .common-button--recommend-esports div.with-konchi button, .common-button--recommend-fanda div.with-konchi button, .common-button--recommend-machino-coin .with-konchi.button--blue button, body[data-design="simple"] .with-konchi.button--yellow button, .with-konchi.formtype__submit button, .with-konchi.menu__search__submit button, .with-konchi.sendbar__submit--strong button, .with-konchi.sendbar__submit--search button, .with-konchi.news_children__registration__submit button, body[data-design="simple"] .with-konchi.more_info button, body[data-design="comic"] .with-konchi.more_info button, body[data-design="tech"] .more_info a.with-konchi button, .with-konchi.common-intro__article__top-btn button, .with-konchi.sendbar__submit button, .with-konchi.news_children__release__submit button { padding-right: 88px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button.with-konchi img, .with-konchi.article__content__bottom__link__button img, .with-konchi.article__content__button img, .with-konchi.common-button--strong img, .with-konchi.common-button--strongest img, .common-button--recommend div.with-konchi img, .article__sidebar__button-block div.with-konchi img, .common-button--recommend-lobi div.with-konchi img, .common-button--recommend-jagmo div.with-konchi img, .common-button--recommend-rankers div.with-konchi img, .common-button--recommend-placole div.with-konchi img, .common-button--recommend-jitakusou div.with-konchi img, .common-button--recommend-kamakura div.with-konchi img, .common-button--recommend-realkamakuraestate div.with-konchi img, .common-button--recommend-esports div.with-konchi img, .common-button--recommend-fanda div.with-konchi img, .common-button--recommend-machino-coin .with-konchi.button--blue img, body[data-design="simple"] .with-konchi.button--yellow img, .with-konchi.formtype__submit img, .with-konchi.menu__search__submit img, .with-konchi.sendbar__submit--strong img, .with-konchi.sendbar__submit--search img, .with-konchi.news_children__registration__submit img, body[data-design="simple"] .with-konchi.more_info img, body[data-design="comic"] .with-konchi.more_info img, body[data-design="tech"] .more_info a.with-konchi img, .with-konchi.common-intro__article__top-btn img, .with-konchi.sendbar__submit img, .with-konchi.news_children__release__submit img { position: absolute; bottom: 8px; right: 32px; z-index: 2; } /* line 58, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button svg *, .article__content__bottom__link__button svg *, .article__content__button svg *, .common-button--strong svg *, .common-button--strongest svg *, .common-button--recommend div svg *, .article__sidebar__button-block div svg *, .common-button--recommend-lobi div svg *, .common-button--recommend-jagmo div svg *, .common-button--recommend-rankers div svg *, .common-button--recommend-placole div svg *, .common-button--recommend-jitakusou div svg *, .common-button--recommend-kamakura div svg *, .common-button--recommend-realkamakuraestate div svg *, .common-button--recommend-esports div svg *, .common-button--recommend-fanda div svg *, .common-button--recommend-machino-coin .button--blue svg *, body[data-design="simple"] .button--yellow svg *, .formtype__submit svg *, .menu__search__submit svg *, .sendbar__submit--strong svg *, .sendbar__submit--search svg *, .news_children__registration__submit svg *, body[data-design="simple"] .more_info svg *, body[data-design="comic"] .more_info svg *, body[data-design="tech"] .more_info a svg *, .common-intro__article__top-btn svg *, .sendbar__submit svg *, .news_children__release__submit svg * { fill: #000; } /* line 62, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button--strong, .common-button--strongest, .common-button--recommend div, .article__sidebar__button-block div, .common-button--recommend-lobi div, .common-button--recommend-jagmo div, .common-button--recommend-rankers div, .common-button--recommend-placole div, .common-button--recommend-jitakusou div, .common-button--recommend-kamakura div, .common-button--recommend-realkamakuraestate div, .common-button--recommend-esports div, .common-button--recommend-fanda div, .common-button--recommend-machino-coin .button--blue, body[data-design="simple"] .button--yellow, .formtype__submit, .menu__search__submit, .sendbar__submit--strong, .sendbar__submit--search, .news_children__registration__submit, body[data-design="simple"] .more_info, body[data-design="comic"] .more_info, body[data-design="tech"] .more_info a { background-color: #1b9af7; color: #fff; } /* line 66, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button--strong svg *, .common-button--strongest svg *, .common-button--recommend div svg *, .article__sidebar__button-block div svg *, .common-button--recommend-lobi div svg *, .common-button--recommend-jagmo div svg *, .common-button--recommend-rankers div svg *, .common-button--recommend-placole div svg *, .common-button--recommend-jitakusou div svg *, .common-button--recommend-kamakura div svg *, .common-button--recommend-realkamakuraestate div svg *, .common-button--recommend-esports div svg *, .common-button--recommend-fanda div svg *, .common-button--recommend-machino-coin .button--blue svg *, body[data-design="simple"] .button--yellow svg *, .formtype__submit svg *, .menu__search__submit svg *, .sendbar__submit--strong svg *, .sendbar__submit--search svg *, .news_children__registration__submit svg *, body[data-design="simple"] .more_info svg *, body[data-design="comic"] .more_info svg *, body[data-design="tech"] .more_info a svg * { fill: #fff; } /* line 70, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button--strongest { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 49%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; font-size: 20px; } /* line 79, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button--strongest a { padding: 1.5em 2em; } /* line 83, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button--recommend, .article__sidebar__button-block, .common-button--recommend-lobi, .common-button--recommend-jagmo, .common-button--recommend-rankers, .common-button--recommend-placole, .common-button--recommend-jitakusou, .common-button--recommend-kamakura, .common-button--recommend-realkamakuraestate, .common-button--recommend-esports, .common-button--recommend-fanda { text-align: center; font-size: 0px; padding: 30px 0; background-color: #fff; background-image: url(/assets/pc/design/simple/ptn_simple_2-e83b6c4d0cae3095900bd2fc1166ad56f333ebe5d2e655ab19ddcdf7a27897c7.png); background-size: 6px 6px; } /* line 90, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button--recommend div, .article__sidebar__button-block div, .common-button--recommend-lobi div, .common-button--recommend-jagmo div, .common-button--recommend-rankers div, .common-button--recommend-placole div, .common-button--recommend-jitakusou div, .common-button--recommend-kamakura div, .common-button--recommend-realkamakuraestate div, .common-button--recommend-esports div, .common-button--recommend-fanda div { border: solid 2px #fff; margin: 5px; } /* line 94, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button--recommend div:last-child, .article__sidebar__button-block div:last-child, .common-button--recommend-lobi div:last-child, .common-button--recommend-jagmo div:last-child, .common-button--recommend-rankers div:last-child, .common-button--recommend-placole div:last-child, .common-button--recommend-jitakusou div:last-child, .common-button--recommend-kamakura div:last-child, .common-button--recommend-realkamakuraestate div:last-child, .common-button--recommend-esports div:last-child, .common-button--recommend-fanda div:last-child { margin-bottom: 0px; } /* line 99, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button--recommend-machino-coin { text-align: center; font-size: 0px; padding: 30px 0; background-color: #fff; background-image: url(/assets/pc/design/simple/ptn_simple_2-e83b6c4d0cae3095900bd2fc1166ad56f333ebe5d2e655ab19ddcdf7a27897c7.png); background-size: 6px 6px; } /* line 106, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button--recommend-machino-coin .button--blue { border: solid 2px #fff; margin: 5px; } /* line 110, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button--recommend-machino-coin .button--blue:last-child { margin-bottom: 0px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button--recommend-machino-coin .button--yellow { border: solid 2px #fff; margin: 5px; } /* line 117, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button--recommend-machino-coin .button--yellow:last-child { margin-bottom: 0px; } /* line 122, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button--recommend-lobi { background-image: url(/assets/pc/service/lobi/bg_recommend_lobi-6cfbd08464a84a3b36e1e6ecc2e85942ee2cc92aa127b1f960fc4a406afa3bb7.jpg); background-size: cover; } /* line 127, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button--recommend-jagmo { background-image: url(/images/pc/service/jagmo/bg_recommend_jagmo.jpg); background-size: cover; } /* line 132, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button--recommend-rankers { background-image: url(/assets/pc/service/rankers/bg_recommend_rankers-e5e37f03e469b33877323d012a6cccd32543aa0d81e1c41f6cb94ea1d1295bf1.jpg); background-size: cover; } /* line 137, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button--recommend-placole { background-image: url(/assets/pc/service/placole/bg_recommend_placole-5793bbe5d07da81fc342b1cef67e32b4dda2078d0d8c5c205dc65f7e5d35098e.jpg); background-size: cover; } /* line 142, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button--recommend-jitakusou { background-image: url(/assets/pc/service/jitakusou/bg_recommend_jitakusou-4a1d870baf02964eef578a1e90f7be6ad4e4e9f769d1d58893382c5fef919afa.jpg); background-size: cover; } /* line 147, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button--recommend-kamakura { background-image: url(/assets/pc/vision/kamakura/bg_recommend_kamakura-f555723b9c43608d0a2cd2b15bc396bc90cc68906f0f15ff22212af0204c8737.png); background-size: cover; } /* line 152, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button--recommend-realkamakuraestate { background-image: url(/assets/pc/vision/realkamakuraestate/bg_recommend_realkamakuraestate-2a9b076c161c3f32d6c13b53071463b1b2b7d65b89b1b950f2f372960b748f11.png); background-size: cover; } /* line 157, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button--recommend-esports { background-image: url(/assets/pc/service/esports/bg_recommend_esports-e05767ab1e7e11c76f0f6a1692c182b239d0bd0cfe0f4422111422a89653011c.png); background-size: cover; } /* line 163, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button--recommend-fanda { background-image: url(/assets/pc/service/fanda/bg_recommend_fanda-939a7fe997c09bb31987ba98618f41f8a22f8c4ad5c17bcfd5fae525387a7a0b.png); background-size: cover; } /* line 169, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button__title { display: block; text-align: left; font-size: 18px; line-height: 1.5; font-weight: bold; min-height: 3em; margin: 0 !important; } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button__description { display: block; text-align: left; font-size: 12px; line-height: 1.5; min-height: 1.5em; } /* line 187, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .common-button__tag { font-size: 12px; font-weight: bold; display: inline-block; border: solid 1px #cc0000; border-radius: 3px; color: #cc0000; padding: 0 0.3em; } /* line 198, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button, body[data-design="comic"] .article__content__bottom__link__button, body[data-design="comic"] .article__content__button, body[data-design="comic"] .common-button--strong, body[data-design="comic"] .common-button--strongest, body[data-design="comic"] .common-button--recommend div, .common-button--recommend body[data-design="comic"] div, body[data-design="comic"] .article__sidebar__button-block div, .article__sidebar__button-block body[data-design="comic"] div, body[data-design="comic"] .common-button--recommend-lobi div, .common-button--recommend-lobi body[data-design="comic"] div, body[data-design="comic"] .common-button--recommend-jagmo div, .common-button--recommend-jagmo body[data-design="comic"] div, body[data-design="comic"] .common-button--recommend-rankers div, .common-button--recommend-rankers body[data-design="comic"] div, body[data-design="comic"] .common-button--recommend-placole div, .common-button--recommend-placole body[data-design="comic"] div, body[data-design="comic"] .common-button--recommend-jitakusou div, .common-button--recommend-jitakusou body[data-design="comic"] div, body[data-design="comic"] .common-button--recommend-kamakura div, .common-button--recommend-kamakura body[data-design="comic"] div, body[data-design="comic"] .common-button--recommend-realkamakuraestate div, .common-button--recommend-realkamakuraestate body[data-design="comic"] div, body[data-design="comic"] .common-button--recommend-esports div, .common-button--recommend-esports body[data-design="comic"] div, body[data-design="comic"] .common-button--recommend-fanda div, .common-button--recommend-fanda body[data-design="comic"] div, body[data-design="comic"] .common-button--recommend-machino-coin .button--blue, .common-button--recommend-machino-coin body[data-design="comic"] .button--blue, body[data-design="comic"] body[data-design="simple"] .button--yellow, body[data-design="simple"] body[data-design="comic"] .button--yellow, body[data-design="comic"] .formtype__submit, body[data-design="comic"] .menu__search__submit, body[data-design="comic"] .sendbar__submit--strong, body[data-design="comic"] .sendbar__submit--search, body[data-design="comic"] .news_children__registration__submit, body[data-design="comic"] .more_info, body[data-design="comic"] body[data-design="tech"] .more_info a, body[data-design="tech"] .more_info body[data-design="comic"] a, body[data-design="comic"] .common-intro__article__top-btn, body[data-design="comic"] .sendbar__submit, body[data-design="comic"] .news_children__release__submit { color: #474541; font-family: "Source Sans Pro", "ゴシックMB101 DB JIS2004"; background-color: #f4f0e7; border: solid 2px #474541; } /* line 204, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button a, body[data-design="comic"] .article__content__bottom__link__button a, body[data-design="comic"] .article__content__button a, body[data-design="comic"] .common-button--strong a, body[data-design="comic"] .common-button--strongest a, body[data-design="comic"] .common-button--recommend div a, .common-button--recommend body[data-design="comic"] div a, body[data-design="comic"] .article__sidebar__button-block div a, .article__sidebar__button-block body[data-design="comic"] div a, body[data-design="comic"] .common-button--recommend-lobi div a, .common-button--recommend-lobi body[data-design="comic"] div a, body[data-design="comic"] .common-button--recommend-jagmo div a, .common-button--recommend-jagmo body[data-design="comic"] div a, body[data-design="comic"] .common-button--recommend-rankers div a, .common-button--recommend-rankers body[data-design="comic"] div a, body[data-design="comic"] .common-button--recommend-placole div a, .common-button--recommend-placole body[data-design="comic"] div a, body[data-design="comic"] .common-button--recommend-jitakusou div a, .common-button--recommend-jitakusou body[data-design="comic"] div a, body[data-design="comic"] .common-button--recommend-kamakura div a, .common-button--recommend-kamakura body[data-design="comic"] div a, body[data-design="comic"] .common-button--recommend-realkamakuraestate div a, .common-button--recommend-realkamakuraestate body[data-design="comic"] div a, body[data-design="comic"] .common-button--recommend-esports div a, .common-button--recommend-esports body[data-design="comic"] div a, body[data-design="comic"] .common-button--recommend-fanda div a, .common-button--recommend-fanda body[data-design="comic"] div a, body[data-design="comic"] .common-button--recommend-machino-coin .button--blue a, .common-button--recommend-machino-coin body[data-design="comic"] .button--blue a, body[data-design="comic"] body[data-design="simple"] .button--yellow a, body[data-design="simple"] body[data-design="comic"] .button--yellow a, body[data-design="comic"] .formtype__submit a, body[data-design="comic"] .menu__search__submit a, body[data-design="comic"] .sendbar__submit--strong a, body[data-design="comic"] .sendbar__submit--search a, body[data-design="comic"] .news_children__registration__submit a, body[data-design="comic"] .more_info a, body[data-design="tech"] .more_info body[data-design="comic"] a a, body[data-design="comic"] .common-intro__article__top-btn a, body[data-design="comic"] .sendbar__submit a, body[data-design="comic"] .news_children__release__submit a { position: static; height: inherit; padding: 1em 60px 1em 35px; } /* line 209, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button a:after, body[data-design="comic"] .article__content__bottom__link__button a:after, body[data-design="comic"] .article__content__button a:after, body[data-design="comic"] .common-button--strong a:after, body[data-design="comic"] .common-button--strongest a:after, body[data-design="comic"] .common-button--recommend div a:after, .common-button--recommend body[data-design="comic"] div a:after, body[data-design="comic"] .article__sidebar__button-block div a:after, .article__sidebar__button-block body[data-design="comic"] div a:after, body[data-design="comic"] .common-button--recommend-lobi div a:after, .common-button--recommend-lobi body[data-design="comic"] div a:after, body[data-design="comic"] .common-button--recommend-jagmo div a:after, .common-button--recommend-jagmo body[data-design="comic"] div a:after, body[data-design="comic"] .common-button--recommend-rankers div a:after, .common-button--recommend-rankers body[data-design="comic"] div a:after, body[data-design="comic"] .common-button--recommend-placole div a:after, .common-button--recommend-placole body[data-design="comic"] div a:after, body[data-design="comic"] .common-button--recommend-jitakusou div a:after, .common-button--recommend-jitakusou body[data-design="comic"] div a:after, body[data-design="comic"] .common-button--recommend-kamakura div a:after, .common-button--recommend-kamakura body[data-design="comic"] div a:after, body[data-design="comic"] .common-button--recommend-realkamakuraestate div a:after, .common-button--recommend-realkamakuraestate body[data-design="comic"] div a:after, body[data-design="comic"] .common-button--recommend-esports div a:after, .common-button--recommend-esports body[data-design="comic"] div a:after, body[data-design="comic"] .common-button--recommend-fanda div a:after, .common-button--recommend-fanda body[data-design="comic"] div a:after, body[data-design="comic"] .common-button--recommend-machino-coin .button--blue a:after, .common-button--recommend-machino-coin body[data-design="comic"] .button--blue a:after, body[data-design="comic"] body[data-design="simple"] .button--yellow a:after, body[data-design="simple"] body[data-design="comic"] .button--yellow a:after, body[data-design="comic"] .formtype__submit a:after, body[data-design="comic"] .menu__search__submit a:after, body[data-design="comic"] .sendbar__submit--strong a:after, body[data-design="comic"] .sendbar__submit--search a:after, body[data-design="comic"] .news_children__registration__submit a:after, body[data-design="comic"] .more_info a:after, body[data-design="tech"] .more_info body[data-design="comic"] a a:after, body[data-design="comic"] .common-intro__article__top-btn a:after, body[data-design="comic"] .sendbar__submit a:after, body[data-design="comic"] .news_children__release__submit a:after { content: ""; position: absolute; width: 45px; height: 25px; margin: 0px; margin-left: 8px; margin-top: -12px; background-image: url(/assets/pc/design/comic/finger_black-de935acc369052d0002c146a6da879fc08c8866846bc03287362dcc1c8b1594f.png); } /* line 222, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button svg *, body[data-design="comic"] .article__content__bottom__link__button svg *, body[data-design="comic"] .article__content__button svg *, body[data-design="comic"] .common-button--strong svg *, body[data-design="comic"] .common-button--strongest svg *, body[data-design="comic"] .common-button--recommend div svg *, .common-button--recommend body[data-design="comic"] div svg *, body[data-design="comic"] .article__sidebar__button-block div svg *, .article__sidebar__button-block body[data-design="comic"] div svg *, body[data-design="comic"] .common-button--recommend-lobi div svg *, .common-button--recommend-lobi body[data-design="comic"] div svg *, body[data-design="comic"] .common-button--recommend-jagmo div svg *, .common-button--recommend-jagmo body[data-design="comic"] div svg *, body[data-design="comic"] .common-button--recommend-rankers div svg *, .common-button--recommend-rankers body[data-design="comic"] div svg *, body[data-design="comic"] .common-button--recommend-placole div svg *, .common-button--recommend-placole body[data-design="comic"] div svg *, body[data-design="comic"] .common-button--recommend-jitakusou div svg *, .common-button--recommend-jitakusou body[data-design="comic"] div svg *, body[data-design="comic"] .common-button--recommend-kamakura div svg *, .common-button--recommend-kamakura body[data-design="comic"] div svg *, body[data-design="comic"] .common-button--recommend-realkamakuraestate div svg *, .common-button--recommend-realkamakuraestate body[data-design="comic"] div svg *, body[data-design="comic"] .common-button--recommend-esports div svg *, .common-button--recommend-esports body[data-design="comic"] div svg *, body[data-design="comic"] .common-button--recommend-fanda div svg *, .common-button--recommend-fanda body[data-design="comic"] div svg *, body[data-design="comic"] .common-button--recommend-machino-coin .button--blue svg *, .common-button--recommend-machino-coin body[data-design="comic"] .button--blue svg *, body[data-design="comic"] body[data-design="simple"] .button--yellow svg *, body[data-design="simple"] body[data-design="comic"] .button--yellow svg *, body[data-design="comic"] .formtype__submit svg *, body[data-design="comic"] .menu__search__submit svg *, body[data-design="comic"] .sendbar__submit--strong svg *, body[data-design="comic"] .sendbar__submit--search svg *, body[data-design="comic"] .news_children__registration__submit svg *, body[data-design="comic"] .more_info svg *, body[data-design="tech"] .more_info body[data-design="comic"] a svg *, body[data-design="comic"] .common-intro__article__top-btn svg *, body[data-design="comic"] .sendbar__submit svg *, body[data-design="comic"] .news_children__release__submit svg * { fill: #474541; } /* line 226, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button:hover, body[data-design="comic"] .article__content__bottom__link__button:hover, body[data-design="comic"] .article__content__button:hover, body[data-design="comic"] .common-button--strong:hover, body[data-design="comic"] .common-button--strongest:hover, body[data-design="comic"] .common-button--recommend div:hover, .common-button--recommend body[data-design="comic"] div:hover, body[data-design="comic"] .article__sidebar__button-block div:hover, .article__sidebar__button-block body[data-design="comic"] div:hover, body[data-design="comic"] .common-button--recommend-lobi div:hover, .common-button--recommend-lobi body[data-design="comic"] div:hover, body[data-design="comic"] .common-button--recommend-jagmo div:hover, .common-button--recommend-jagmo body[data-design="comic"] div:hover, body[data-design="comic"] .common-button--recommend-rankers div:hover, .common-button--recommend-rankers body[data-design="comic"] div:hover, body[data-design="comic"] .common-button--recommend-placole div:hover, .common-button--recommend-placole body[data-design="comic"] div:hover, body[data-design="comic"] .common-button--recommend-jitakusou div:hover, .common-button--recommend-jitakusou body[data-design="comic"] div:hover, body[data-design="comic"] .common-button--recommend-kamakura div:hover, .common-button--recommend-kamakura body[data-design="comic"] div:hover, body[data-design="comic"] .common-button--recommend-realkamakuraestate div:hover, .common-button--recommend-realkamakuraestate body[data-design="comic"] div:hover, body[data-design="comic"] .common-button--recommend-esports div:hover, .common-button--recommend-esports body[data-design="comic"] div:hover, body[data-design="comic"] .common-button--recommend-fanda div:hover, .common-button--recommend-fanda body[data-design="comic"] div:hover, body[data-design="comic"] .common-button--recommend-machino-coin .button--blue:hover, .common-button--recommend-machino-coin body[data-design="comic"] .button--blue:hover, body[data-design="comic"] body[data-design="simple"] .button--yellow:hover, body[data-design="simple"] body[data-design="comic"] .button--yellow:hover, body[data-design="comic"] .formtype__submit:hover, body[data-design="comic"] .menu__search__submit:hover, body[data-design="comic"] .sendbar__submit--strong:hover, body[data-design="comic"] .sendbar__submit--search:hover, body[data-design="comic"] .news_children__registration__submit:hover, body[data-design="comic"] .more_info:hover, body[data-design="comic"] body[data-design="tech"] .more_info a:hover, body[data-design="tech"] .more_info body[data-design="comic"] a:hover, body[data-design="comic"] .common-intro__article__top-btn:hover, body[data-design="comic"] .sendbar__submit:hover, body[data-design="comic"] .news_children__release__submit:hover { text-shadow: 4px 0px 0px #f4f0e7, -3.49322px -1.9487px 0px #f4f0e7, 2.10128px 3.40362px 0px #f4f0e7, -0.17692px -3.99608px 0px #f4f0e7, -1.7923px 3.57598px 0px #f4f0e7, 3.30734px -2.24976px 0px #f4f0e7, -3.98436px 0.35348px 0px #f4f0e7, 3.65176px 1.63238px 0px #f4f0e7, -2.39384px -3.20462px 0px #f4f0e7, 0.52934px 3.96482px 0px #f4f0e7, 1.46928px -3.72038px 0px #f4f0e7, -3.0956px 2.53324px 0px #f4f0e7, 3.93752px -0.70418px 0px #f4f0e7, -3.78172px -1.3033px 0px #f4f0e7, 2.66766px 2.98054px 0px #f4f0e7, -0.87764px -3.90254px 0px #f4f0e7, -1.13476px 3.83566px 0px #f4f0e7; background-image: url(/assets/pc/design/comic/ptn_comic_3-c8bfa1433d4093bd2b5ea025d11a6a5772ebacf67afb004848b8959a4f79bffa.png); background-size: 5px 5px; } /* line 232, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button:hover a:before, body[data-design="comic"] .article__content__bottom__link__button:hover a:before, body[data-design="comic"] .article__content__button:hover a:before, body[data-design="comic"] .common-button--strong:hover a:before, body[data-design="comic"] .common-button--strongest:hover a:before, body[data-design="comic"] .common-button--recommend div:hover a:before, .common-button--recommend body[data-design="comic"] div:hover a:before, body[data-design="comic"] .article__sidebar__button-block div:hover a:before, .article__sidebar__button-block body[data-design="comic"] div:hover a:before, body[data-design="comic"] .common-button--recommend-lobi div:hover a:before, .common-button--recommend-lobi body[data-design="comic"] div:hover a:before, body[data-design="comic"] .common-button--recommend-jagmo div:hover a:before, .common-button--recommend-jagmo body[data-design="comic"] div:hover a:before, body[data-design="comic"] .common-button--recommend-rankers div:hover a:before, .common-button--recommend-rankers body[data-design="comic"] div:hover a:before, body[data-design="comic"] .common-button--recommend-placole div:hover a:before, .common-button--recommend-placole body[data-design="comic"] div:hover a:before, body[data-design="comic"] .common-button--recommend-jitakusou div:hover a:before, .common-button--recommend-jitakusou body[data-design="comic"] div:hover a:before, body[data-design="comic"] .common-button--recommend-kamakura div:hover a:before, .common-button--recommend-kamakura body[data-design="comic"] div:hover a:before, body[data-design="comic"] .common-button--recommend-realkamakuraestate div:hover a:before, .common-button--recommend-realkamakuraestate body[data-design="comic"] div:hover a:before, body[data-design="comic"] .common-button--recommend-esports div:hover a:before, .common-button--recommend-esports body[data-design="comic"] div:hover a:before, body[data-design="comic"] .common-button--recommend-fanda div:hover a:before, .common-button--recommend-fanda body[data-design="comic"] div:hover a:before, body[data-design="comic"] .common-button--recommend-machino-coin .button--blue:hover a:before, .common-button--recommend-machino-coin body[data-design="comic"] .button--blue:hover a:before, body[data-design="comic"] body[data-design="simple"] .button--yellow:hover a:before, body[data-design="simple"] body[data-design="comic"] .button--yellow:hover a:before, body[data-design="comic"] .formtype__submit:hover a:before, body[data-design="comic"] .menu__search__submit:hover a:before, body[data-design="comic"] .sendbar__submit--strong:hover a:before, body[data-design="comic"] .sendbar__submit--search:hover a:before, body[data-design="comic"] .news_children__registration__submit:hover a:before, body[data-design="comic"] .more_info:hover a:before, body[data-design="comic"] body[data-design="tech"] .more_info a:hover a:before, body[data-design="tech"] .more_info body[data-design="comic"] a:hover a:before, body[data-design="comic"] .common-intro__article__top-btn:hover a:before, body[data-design="comic"] .sendbar__submit:hover a:before, body[data-design="comic"] .news_children__release__submit:hover a:before { color: #474541; } /* line 237, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button:hover svg *, body[data-design="comic"] .article__content__bottom__link__button:hover svg *, body[data-design="comic"] .article__content__button:hover svg *, body[data-design="comic"] .common-button--strong:hover svg *, body[data-design="comic"] .common-button--strongest:hover svg *, body[data-design="comic"] .common-button--recommend div:hover svg *, .common-button--recommend body[data-design="comic"] div:hover svg *, body[data-design="comic"] .article__sidebar__button-block div:hover svg *, .article__sidebar__button-block body[data-design="comic"] div:hover svg *, body[data-design="comic"] .common-button--recommend-lobi div:hover svg *, .common-button--recommend-lobi body[data-design="comic"] div:hover svg *, body[data-design="comic"] .common-button--recommend-jagmo div:hover svg *, .common-button--recommend-jagmo body[data-design="comic"] div:hover svg *, body[data-design="comic"] .common-button--recommend-rankers div:hover svg *, .common-button--recommend-rankers body[data-design="comic"] div:hover svg *, body[data-design="comic"] .common-button--recommend-placole div:hover svg *, .common-button--recommend-placole body[data-design="comic"] div:hover svg *, body[data-design="comic"] .common-button--recommend-jitakusou div:hover svg *, .common-button--recommend-jitakusou body[data-design="comic"] div:hover svg *, body[data-design="comic"] .common-button--recommend-kamakura div:hover svg *, .common-button--recommend-kamakura body[data-design="comic"] div:hover svg *, body[data-design="comic"] .common-button--recommend-realkamakuraestate div:hover svg *, .common-button--recommend-realkamakuraestate body[data-design="comic"] div:hover svg *, body[data-design="comic"] .common-button--recommend-esports div:hover svg *, .common-button--recommend-esports body[data-design="comic"] div:hover svg *, body[data-design="comic"] .common-button--recommend-fanda div:hover svg *, .common-button--recommend-fanda body[data-design="comic"] div:hover svg *, body[data-design="comic"] .common-button--recommend-machino-coin .button--blue:hover svg *, .common-button--recommend-machino-coin body[data-design="comic"] .button--blue:hover svg *, body[data-design="comic"] body[data-design="simple"] .button--yellow:hover svg *, body[data-design="simple"] body[data-design="comic"] .button--yellow:hover svg *, body[data-design="comic"] .formtype__submit:hover svg *, body[data-design="comic"] .menu__search__submit:hover svg *, body[data-design="comic"] .sendbar__submit--strong:hover svg *, body[data-design="comic"] .sendbar__submit--search:hover svg *, body[data-design="comic"] .news_children__registration__submit:hover svg *, body[data-design="comic"] .more_info:hover svg *, body[data-design="comic"] body[data-design="tech"] .more_info a:hover svg *, body[data-design="tech"] .more_info body[data-design="comic"] a:hover svg *, body[data-design="comic"] .common-intro__article__top-btn:hover svg *, body[data-design="comic"] .sendbar__submit:hover svg *, body[data-design="comic"] .news_children__release__submit:hover svg * { fill: #f4f0e7; } /* line 243, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button.with-konchi a, body[data-design="comic"] .with-konchi.article__content__bottom__link__button a, body[data-design="comic"] .with-konchi.article__content__button a, body[data-design="comic"] .with-konchi.common-button--strong a, body[data-design="comic"] .with-konchi.common-button--strongest a, body[data-design="comic"] .common-button--recommend div.with-konchi a, .common-button--recommend body[data-design="comic"] div.with-konchi a, body[data-design="comic"] .article__sidebar__button-block div.with-konchi a, .article__sidebar__button-block body[data-design="comic"] div.with-konchi a, body[data-design="comic"] .common-button--recommend-lobi div.with-konchi a, .common-button--recommend-lobi body[data-design="comic"] div.with-konchi a, body[data-design="comic"] .common-button--recommend-jagmo div.with-konchi a, .common-button--recommend-jagmo body[data-design="comic"] div.with-konchi a, body[data-design="comic"] .common-button--recommend-rankers div.with-konchi a, .common-button--recommend-rankers body[data-design="comic"] div.with-konchi a, body[data-design="comic"] .common-button--recommend-placole div.with-konchi a, .common-button--recommend-placole body[data-design="comic"] div.with-konchi a, body[data-design="comic"] .common-button--recommend-jitakusou div.with-konchi a, .common-button--recommend-jitakusou body[data-design="comic"] div.with-konchi a, body[data-design="comic"] .common-button--recommend-kamakura div.with-konchi a, .common-button--recommend-kamakura body[data-design="comic"] div.with-konchi a, body[data-design="comic"] .common-button--recommend-realkamakuraestate div.with-konchi a, .common-button--recommend-realkamakuraestate body[data-design="comic"] div.with-konchi a, body[data-design="comic"] .common-button--recommend-esports div.with-konchi a, .common-button--recommend-esports body[data-design="comic"] div.with-konchi a, body[data-design="comic"] .common-button--recommend-fanda div.with-konchi a, .common-button--recommend-fanda body[data-design="comic"] div.with-konchi a, body[data-design="comic"] .common-button--recommend-machino-coin .with-konchi.button--blue a, .common-button--recommend-machino-coin body[data-design="comic"] .with-konchi.button--blue a, body[data-design="comic"] body[data-design="simple"] .with-konchi.button--yellow a, body[data-design="simple"] body[data-design="comic"] .with-konchi.button--yellow a, body[data-design="comic"] .with-konchi.formtype__submit a, body[data-design="comic"] .with-konchi.menu__search__submit a, body[data-design="comic"] .with-konchi.sendbar__submit--strong a, body[data-design="comic"] .with-konchi.sendbar__submit--search a, body[data-design="comic"] .with-konchi.news_children__registration__submit a, body[data-design="comic"] .with-konchi.more_info a, body[data-design="comic"] body[data-design="tech"] .more_info a.with-konchi a, body[data-design="tech"] .more_info body[data-design="comic"] a.with-konchi a, body[data-design="comic"] .with-konchi.common-intro__article__top-btn a, body[data-design="comic"] .with-konchi.sendbar__submit a, body[data-design="comic"] .with-konchi.news_children__release__submit a, body[data-design="comic"] .common-button.with-konchi button, body[data-design="comic"] .with-konchi.article__content__bottom__link__button button, body[data-design="comic"] .with-konchi.article__content__button button, body[data-design="comic"] .with-konchi.common-button--strong button, body[data-design="comic"] .with-konchi.common-button--strongest button, body[data-design="comic"] .common-button--recommend div.with-konchi button, .common-button--recommend body[data-design="comic"] div.with-konchi button, body[data-design="comic"] .article__sidebar__button-block div.with-konchi button, .article__sidebar__button-block body[data-design="comic"] div.with-konchi button, body[data-design="comic"] .common-button--recommend-lobi div.with-konchi button, .common-button--recommend-lobi body[data-design="comic"] div.with-konchi button, body[data-design="comic"] .common-button--recommend-jagmo div.with-konchi button, .common-button--recommend-jagmo body[data-design="comic"] div.with-konchi button, body[data-design="comic"] .common-button--recommend-rankers div.with-konchi button, .common-button--recommend-rankers body[data-design="comic"] div.with-konchi button, body[data-design="comic"] .common-button--recommend-placole div.with-konchi button, .common-button--recommend-placole body[data-design="comic"] div.with-konchi button, body[data-design="comic"] .common-button--recommend-jitakusou div.with-konchi button, .common-button--recommend-jitakusou body[data-design="comic"] div.with-konchi button, body[data-design="comic"] .common-button--recommend-kamakura div.with-konchi button, .common-button--recommend-kamakura body[data-design="comic"] div.with-konchi button, body[data-design="comic"] .common-button--recommend-realkamakuraestate div.with-konchi button, .common-button--recommend-realkamakuraestate body[data-design="comic"] div.with-konchi button, body[data-design="comic"] .common-button--recommend-esports div.with-konchi button, .common-button--recommend-esports body[data-design="comic"] div.with-konchi button, body[data-design="comic"] .common-button--recommend-fanda div.with-konchi button, .common-button--recommend-fanda body[data-design="comic"] div.with-konchi button, body[data-design="comic"] .common-button--recommend-machino-coin .with-konchi.button--blue button, .common-button--recommend-machino-coin body[data-design="comic"] .with-konchi.button--blue button, body[data-design="comic"] body[data-design="simple"] .with-konchi.button--yellow button, body[data-design="simple"] body[data-design="comic"] .with-konchi.button--yellow button, body[data-design="comic"] .with-konchi.formtype__submit button, body[data-design="comic"] .with-konchi.menu__search__submit button, body[data-design="comic"] .with-konchi.sendbar__submit--strong button, body[data-design="comic"] .with-konchi.sendbar__submit--search button, body[data-design="comic"] .with-konchi.news_children__registration__submit button, body[data-design="comic"] .with-konchi.more_info button, body[data-design="comic"] body[data-design="tech"] .more_info a.with-konchi button, body[data-design="tech"] .more_info body[data-design="comic"] a.with-konchi button, body[data-design="comic"] .with-konchi.common-intro__article__top-btn button, body[data-design="comic"] .with-konchi.sendbar__submit button, body[data-design="comic"] .with-konchi.news_children__release__submit button { padding-right: 75px; } /* line 246, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button.with-konchi a:after, body[data-design="comic"] .with-konchi.article__content__bottom__link__button a:after, body[data-design="comic"] .with-konchi.article__content__button a:after, body[data-design="comic"] .with-konchi.common-button--strong a:after, body[data-design="comic"] .with-konchi.common-button--strongest a:after, body[data-design="comic"] .common-button--recommend div.with-konchi a:after, .common-button--recommend body[data-design="comic"] div.with-konchi a:after, body[data-design="comic"] .article__sidebar__button-block div.with-konchi a:after, .article__sidebar__button-block body[data-design="comic"] div.with-konchi a:after, body[data-design="comic"] .common-button--recommend-lobi div.with-konchi a:after, .common-button--recommend-lobi body[data-design="comic"] div.with-konchi a:after, body[data-design="comic"] .common-button--recommend-jagmo div.with-konchi a:after, .common-button--recommend-jagmo body[data-design="comic"] div.with-konchi a:after, body[data-design="comic"] .common-button--recommend-rankers div.with-konchi a:after, .common-button--recommend-rankers body[data-design="comic"] div.with-konchi a:after, body[data-design="comic"] .common-button--recommend-placole div.with-konchi a:after, .common-button--recommend-placole body[data-design="comic"] div.with-konchi a:after, body[data-design="comic"] .common-button--recommend-jitakusou div.with-konchi a:after, .common-button--recommend-jitakusou body[data-design="comic"] div.with-konchi a:after, body[data-design="comic"] .common-button--recommend-kamakura div.with-konchi a:after, .common-button--recommend-kamakura body[data-design="comic"] div.with-konchi a:after, body[data-design="comic"] .common-button--recommend-realkamakuraestate div.with-konchi a:after, .common-button--recommend-realkamakuraestate body[data-design="comic"] div.with-konchi a:after, body[data-design="comic"] .common-button--recommend-esports div.with-konchi a:after, .common-button--recommend-esports body[data-design="comic"] div.with-konchi a:after, body[data-design="comic"] .common-button--recommend-fanda div.with-konchi a:after, .common-button--recommend-fanda body[data-design="comic"] div.with-konchi a:after, body[data-design="comic"] .common-button--recommend-machino-coin .with-konchi.button--blue a:after, .common-button--recommend-machino-coin body[data-design="comic"] .with-konchi.button--blue a:after, body[data-design="comic"] body[data-design="simple"] .with-konchi.button--yellow a:after, body[data-design="simple"] body[data-design="comic"] .with-konchi.button--yellow a:after, body[data-design="comic"] .with-konchi.formtype__submit a:after, body[data-design="comic"] .with-konchi.menu__search__submit a:after, body[data-design="comic"] .with-konchi.sendbar__submit--strong a:after, body[data-design="comic"] .with-konchi.sendbar__submit--search a:after, body[data-design="comic"] .with-konchi.news_children__registration__submit a:after, body[data-design="comic"] .with-konchi.more_info a:after, body[data-design="comic"] body[data-design="tech"] .more_info a.with-konchi a:after, body[data-design="tech"] .more_info body[data-design="comic"] a.with-konchi a:after, body[data-design="comic"] .with-konchi.common-intro__article__top-btn a:after, body[data-design="comic"] .with-konchi.sendbar__submit a:after, body[data-design="comic"] .with-konchi.news_children__release__submit a:after, body[data-design="comic"] .common-button.with-konchi button:after, body[data-design="comic"] .with-konchi.article__content__bottom__link__button button:after, body[data-design="comic"] .with-konchi.article__content__button button:after, body[data-design="comic"] .with-konchi.common-button--strong button:after, body[data-design="comic"] .with-konchi.common-button--strongest button:after, body[data-design="comic"] .common-button--recommend div.with-konchi button:after, .common-button--recommend body[data-design="comic"] div.with-konchi button:after, body[data-design="comic"] .article__sidebar__button-block div.with-konchi button:after, .article__sidebar__button-block body[data-design="comic"] div.with-konchi button:after, body[data-design="comic"] .common-button--recommend-lobi div.with-konchi button:after, .common-button--recommend-lobi body[data-design="comic"] div.with-konchi button:after, body[data-design="comic"] .common-button--recommend-jagmo div.with-konchi button:after, .common-button--recommend-jagmo body[data-design="comic"] div.with-konchi button:after, body[data-design="comic"] .common-button--recommend-rankers div.with-konchi button:after, .common-button--recommend-rankers body[data-design="comic"] div.with-konchi button:after, body[data-design="comic"] .common-button--recommend-placole div.with-konchi button:after, .common-button--recommend-placole body[data-design="comic"] div.with-konchi button:after, body[data-design="comic"] .common-button--recommend-jitakusou div.with-konchi button:after, .common-button--recommend-jitakusou body[data-design="comic"] div.with-konchi button:after, body[data-design="comic"] .common-button--recommend-kamakura div.with-konchi button:after, .common-button--recommend-kamakura body[data-design="comic"] div.with-konchi button:after, body[data-design="comic"] .common-button--recommend-realkamakuraestate div.with-konchi button:after, .common-button--recommend-realkamakuraestate body[data-design="comic"] div.with-konchi button:after, body[data-design="comic"] .common-button--recommend-esports div.with-konchi button:after, .common-button--recommend-esports body[data-design="comic"] div.with-konchi button:after, body[data-design="comic"] .common-button--recommend-fanda div.with-konchi button:after, .common-button--recommend-fanda body[data-design="comic"] div.with-konchi button:after, body[data-design="comic"] .common-button--recommend-machino-coin .with-konchi.button--blue button:after, .common-button--recommend-machino-coin body[data-design="comic"] .with-konchi.button--blue button:after, body[data-design="comic"] body[data-design="simple"] .with-konchi.button--yellow button:after, body[data-design="simple"] body[data-design="comic"] .with-konchi.button--yellow button:after, body[data-design="comic"] .with-konchi.formtype__submit button:after, body[data-design="comic"] .with-konchi.menu__search__submit button:after, body[data-design="comic"] .with-konchi.sendbar__submit--strong button:after, body[data-design="comic"] .with-konchi.sendbar__submit--search button:after, body[data-design="comic"] .with-konchi.news_children__registration__submit button:after, body[data-design="comic"] .with-konchi.more_info button:after, body[data-design="comic"] body[data-design="tech"] .more_info a.with-konchi button:after, body[data-design="tech"] .more_info body[data-design="comic"] a.with-konchi button:after, body[data-design="comic"] .with-konchi.common-intro__article__top-btn button:after, body[data-design="comic"] .with-konchi.sendbar__submit button:after, body[data-design="comic"] .with-konchi.news_children__release__submit button:after { display: none; } /* line 250, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button.with-konchi img, body[data-design="comic"] .with-konchi.article__content__bottom__link__button img, body[data-design="comic"] .with-konchi.article__content__button img, body[data-design="comic"] .with-konchi.common-button--strong img, body[data-design="comic"] .with-konchi.common-button--strongest img, body[data-design="comic"] .common-button--recommend div.with-konchi img, .common-button--recommend body[data-design="comic"] div.with-konchi img, body[data-design="comic"] .article__sidebar__button-block div.with-konchi img, .article__sidebar__button-block body[data-design="comic"] div.with-konchi img, body[data-design="comic"] .common-button--recommend-lobi div.with-konchi img, .common-button--recommend-lobi body[data-design="comic"] div.with-konchi img, body[data-design="comic"] .common-button--recommend-jagmo div.with-konchi img, .common-button--recommend-jagmo body[data-design="comic"] div.with-konchi img, body[data-design="comic"] .common-button--recommend-rankers div.with-konchi img, .common-button--recommend-rankers body[data-design="comic"] div.with-konchi img, body[data-design="comic"] .common-button--recommend-placole div.with-konchi img, .common-button--recommend-placole body[data-design="comic"] div.with-konchi img, body[data-design="comic"] .common-button--recommend-jitakusou div.with-konchi img, .common-button--recommend-jitakusou body[data-design="comic"] div.with-konchi img, body[data-design="comic"] .common-button--recommend-kamakura div.with-konchi img, .common-button--recommend-kamakura body[data-design="comic"] div.with-konchi img, body[data-design="comic"] .common-button--recommend-realkamakuraestate div.with-konchi img, .common-button--recommend-realkamakuraestate body[data-design="comic"] div.with-konchi img, body[data-design="comic"] .common-button--recommend-esports div.with-konchi img, .common-button--recommend-esports body[data-design="comic"] div.with-konchi img, body[data-design="comic"] .common-button--recommend-fanda div.with-konchi img, .common-button--recommend-fanda body[data-design="comic"] div.with-konchi img, body[data-design="comic"] .common-button--recommend-machino-coin .with-konchi.button--blue img, .common-button--recommend-machino-coin body[data-design="comic"] .with-konchi.button--blue img, body[data-design="comic"] body[data-design="simple"] .with-konchi.button--yellow img, body[data-design="simple"] body[data-design="comic"] .with-konchi.button--yellow img, body[data-design="comic"] .with-konchi.formtype__submit img, body[data-design="comic"] .with-konchi.menu__search__submit img, body[data-design="comic"] .with-konchi.sendbar__submit--strong img, body[data-design="comic"] .with-konchi.sendbar__submit--search img, body[data-design="comic"] .with-konchi.news_children__registration__submit img, body[data-design="comic"] .with-konchi.more_info img, body[data-design="comic"] body[data-design="tech"] .more_info a.with-konchi img, body[data-design="tech"] .more_info body[data-design="comic"] a.with-konchi img, body[data-design="comic"] .with-konchi.common-intro__article__top-btn img, body[data-design="comic"] .with-konchi.sendbar__submit img, body[data-design="comic"] .with-konchi.news_children__release__submit img { right: 16px; } /* line 256, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--strong, body[data-design="comic"] .common-button--strongest, body[data-design="comic"] .common-button--recommend div, .common-button--recommend body[data-design="comic"] div, body[data-design="comic"] .article__sidebar__button-block div, .article__sidebar__button-block body[data-design="comic"] div, body[data-design="comic"] .common-button--recommend-lobi div, .common-button--recommend-lobi body[data-design="comic"] div, body[data-design="comic"] .common-button--recommend-jagmo div, .common-button--recommend-jagmo body[data-design="comic"] div, body[data-design="comic"] .common-button--recommend-rankers div, .common-button--recommend-rankers body[data-design="comic"] div, body[data-design="comic"] .common-button--recommend-placole div, .common-button--recommend-placole body[data-design="comic"] div, body[data-design="comic"] .common-button--recommend-jitakusou div, .common-button--recommend-jitakusou body[data-design="comic"] div, body[data-design="comic"] .common-button--recommend-kamakura div, .common-button--recommend-kamakura body[data-design="comic"] div, body[data-design="comic"] .common-button--recommend-realkamakuraestate div, .common-button--recommend-realkamakuraestate body[data-design="comic"] div, body[data-design="comic"] .common-button--recommend-esports div, .common-button--recommend-esports body[data-design="comic"] div, body[data-design="comic"] .common-button--recommend-fanda div, .common-button--recommend-fanda body[data-design="comic"] div, body[data-design="comic"] .common-button--recommend-machino-coin .button--blue, .common-button--recommend-machino-coin body[data-design="comic"] .button--blue, body[data-design="comic"] body[data-design="simple"] .button--yellow, body[data-design="simple"] body[data-design="comic"] .button--yellow, body[data-design="comic"] .formtype__submit, body[data-design="comic"] .menu__search__submit, body[data-design="comic"] .sendbar__submit--strong, body[data-design="comic"] .sendbar__submit--search, body[data-design="comic"] .news_children__registration__submit, body[data-design="comic"] .more_info, body[data-design="comic"] body[data-design="tech"] .more_info a, body[data-design="tech"] .more_info body[data-design="comic"] a { color: #f4f0e7; background-color: #474541; border-color: transparent; } /* line 261, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--strong svg *, body[data-design="comic"] .common-button--strongest svg *, body[data-design="comic"] .common-button--recommend div svg *, .common-button--recommend body[data-design="comic"] div svg *, body[data-design="comic"] .article__sidebar__button-block div svg *, .article__sidebar__button-block body[data-design="comic"] div svg *, body[data-design="comic"] .common-button--recommend-lobi div svg *, .common-button--recommend-lobi body[data-design="comic"] div svg *, body[data-design="comic"] .common-button--recommend-jagmo div svg *, .common-button--recommend-jagmo body[data-design="comic"] div svg *, body[data-design="comic"] .common-button--recommend-rankers div svg *, .common-button--recommend-rankers body[data-design="comic"] div svg *, body[data-design="comic"] .common-button--recommend-placole div svg *, .common-button--recommend-placole body[data-design="comic"] div svg *, body[data-design="comic"] .common-button--recommend-jitakusou div svg *, .common-button--recommend-jitakusou body[data-design="comic"] div svg *, body[data-design="comic"] .common-button--recommend-kamakura div svg *, .common-button--recommend-kamakura body[data-design="comic"] div svg *, body[data-design="comic"] .common-button--recommend-realkamakuraestate div svg *, .common-button--recommend-realkamakuraestate body[data-design="comic"] div svg *, body[data-design="comic"] .common-button--recommend-esports div svg *, .common-button--recommend-esports body[data-design="comic"] div svg *, body[data-design="comic"] .common-button--recommend-fanda div svg *, .common-button--recommend-fanda body[data-design="comic"] div svg *, body[data-design="comic"] .common-button--recommend-machino-coin .button--blue svg *, .common-button--recommend-machino-coin body[data-design="comic"] .button--blue svg *, body[data-design="comic"] body[data-design="simple"] .button--yellow svg *, body[data-design="simple"] body[data-design="comic"] .button--yellow svg *, body[data-design="comic"] .formtype__submit svg *, body[data-design="comic"] .menu__search__submit svg *, body[data-design="comic"] .sendbar__submit--strong svg *, body[data-design="comic"] .sendbar__submit--search svg *, body[data-design="comic"] .news_children__registration__submit svg *, body[data-design="comic"] .more_info svg *, body[data-design="tech"] .more_info body[data-design="comic"] a svg * { fill: #f4f0e7; } /* line 265, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--strong a:after, body[data-design="comic"] .common-button--strongest a:after, body[data-design="comic"] .common-button--recommend div a:after, .common-button--recommend body[data-design="comic"] div a:after, body[data-design="comic"] .article__sidebar__button-block div a:after, .article__sidebar__button-block body[data-design="comic"] div a:after, body[data-design="comic"] .common-button--recommend-lobi div a:after, .common-button--recommend-lobi body[data-design="comic"] div a:after, body[data-design="comic"] .common-button--recommend-jagmo div a:after, .common-button--recommend-jagmo body[data-design="comic"] div a:after, body[data-design="comic"] .common-button--recommend-rankers div a:after, .common-button--recommend-rankers body[data-design="comic"] div a:after, body[data-design="comic"] .common-button--recommend-placole div a:after, .common-button--recommend-placole body[data-design="comic"] div a:after, body[data-design="comic"] .common-button--recommend-jitakusou div a:after, .common-button--recommend-jitakusou body[data-design="comic"] div a:after, body[data-design="comic"] .common-button--recommend-kamakura div a:after, .common-button--recommend-kamakura body[data-design="comic"] div a:after, body[data-design="comic"] .common-button--recommend-realkamakuraestate div a:after, .common-button--recommend-realkamakuraestate body[data-design="comic"] div a:after, body[data-design="comic"] .common-button--recommend-esports div a:after, .common-button--recommend-esports body[data-design="comic"] div a:after, body[data-design="comic"] .common-button--recommend-fanda div a:after, .common-button--recommend-fanda body[data-design="comic"] div a:after, body[data-design="comic"] .common-button--recommend-machino-coin .button--blue a:after, .common-button--recommend-machino-coin body[data-design="comic"] .button--blue a:after, body[data-design="comic"] body[data-design="simple"] .button--yellow a:after, body[data-design="simple"] body[data-design="comic"] .button--yellow a:after, body[data-design="comic"] .formtype__submit a:after, body[data-design="comic"] .menu__search__submit a:after, body[data-design="comic"] .sendbar__submit--strong a:after, body[data-design="comic"] .sendbar__submit--search a:after, body[data-design="comic"] .news_children__registration__submit a:after, body[data-design="comic"] .more_info a:after, body[data-design="tech"] .more_info body[data-design="comic"] a a:after { background-image: url(/assets/pc/design/comic/finger_white-5e5993669592fe57532b0359015bba3fa0d3526d8775c70d9da6bfa9ef2dcddf.png); } /* line 268, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--strong:hover, body[data-design="comic"] .common-button--strongest:hover, body[data-design="comic"] .common-button--recommend div:hover, .common-button--recommend body[data-design="comic"] div:hover, body[data-design="comic"] .article__sidebar__button-block div:hover, .article__sidebar__button-block body[data-design="comic"] div:hover, body[data-design="comic"] .common-button--recommend-lobi div:hover, .common-button--recommend-lobi body[data-design="comic"] div:hover, body[data-design="comic"] .common-button--recommend-jagmo div:hover, .common-button--recommend-jagmo body[data-design="comic"] div:hover, body[data-design="comic"] .common-button--recommend-rankers div:hover, .common-button--recommend-rankers body[data-design="comic"] div:hover, body[data-design="comic"] .common-button--recommend-placole div:hover, .common-button--recommend-placole body[data-design="comic"] div:hover, body[data-design="comic"] .common-button--recommend-jitakusou div:hover, .common-button--recommend-jitakusou body[data-design="comic"] div:hover, body[data-design="comic"] .common-button--recommend-kamakura div:hover, .common-button--recommend-kamakura body[data-design="comic"] div:hover, body[data-design="comic"] .common-button--recommend-realkamakuraestate div:hover, .common-button--recommend-realkamakuraestate body[data-design="comic"] div:hover, body[data-design="comic"] .common-button--recommend-esports div:hover, .common-button--recommend-esports body[data-design="comic"] div:hover, body[data-design="comic"] .common-button--recommend-fanda div:hover, .common-button--recommend-fanda body[data-design="comic"] div:hover, body[data-design="comic"] .common-button--recommend-machino-coin .button--blue:hover, .common-button--recommend-machino-coin body[data-design="comic"] .button--blue:hover, body[data-design="comic"] body[data-design="simple"] .button--yellow:hover, body[data-design="simple"] body[data-design="comic"] .button--yellow:hover, body[data-design="comic"] .formtype__submit:hover, body[data-design="comic"] .menu__search__submit:hover, body[data-design="comic"] .sendbar__submit--strong:hover, body[data-design="comic"] .sendbar__submit--search:hover, body[data-design="comic"] .news_children__registration__submit:hover, body[data-design="comic"] .more_info:hover, body[data-design="comic"] body[data-design="tech"] .more_info a:hover, body[data-design="tech"] .more_info body[data-design="comic"] a:hover { text-shadow: none; background-image: none; background-color: #000; border-color: #000; color: #f4f0e7; } /* line 275, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--strong:hover svg *, body[data-design="comic"] .common-button--strongest:hover svg *, body[data-design="comic"] .common-button--recommend div:hover svg *, .common-button--recommend body[data-design="comic"] div:hover svg *, body[data-design="comic"] .article__sidebar__button-block div:hover svg *, .article__sidebar__button-block body[data-design="comic"] div:hover svg *, body[data-design="comic"] .common-button--recommend-lobi div:hover svg *, .common-button--recommend-lobi body[data-design="comic"] div:hover svg *, body[data-design="comic"] .common-button--recommend-jagmo div:hover svg *, .common-button--recommend-jagmo body[data-design="comic"] div:hover svg *, body[data-design="comic"] .common-button--recommend-rankers div:hover svg *, .common-button--recommend-rankers body[data-design="comic"] div:hover svg *, body[data-design="comic"] .common-button--recommend-placole div:hover svg *, .common-button--recommend-placole body[data-design="comic"] div:hover svg *, body[data-design="comic"] .common-button--recommend-jitakusou div:hover svg *, .common-button--recommend-jitakusou body[data-design="comic"] div:hover svg *, body[data-design="comic"] .common-button--recommend-kamakura div:hover svg *, .common-button--recommend-kamakura body[data-design="comic"] div:hover svg *, body[data-design="comic"] .common-button--recommend-realkamakuraestate div:hover svg *, .common-button--recommend-realkamakuraestate body[data-design="comic"] div:hover svg *, body[data-design="comic"] .common-button--recommend-esports div:hover svg *, .common-button--recommend-esports body[data-design="comic"] div:hover svg *, body[data-design="comic"] .common-button--recommend-fanda div:hover svg *, .common-button--recommend-fanda body[data-design="comic"] div:hover svg *, body[data-design="comic"] .common-button--recommend-machino-coin .button--blue:hover svg *, .common-button--recommend-machino-coin body[data-design="comic"] .button--blue:hover svg *, body[data-design="comic"] body[data-design="simple"] .button--yellow:hover svg *, body[data-design="simple"] body[data-design="comic"] .button--yellow:hover svg *, body[data-design="comic"] .formtype__submit:hover svg *, body[data-design="comic"] .menu__search__submit:hover svg *, body[data-design="comic"] .sendbar__submit--strong:hover svg *, body[data-design="comic"] .sendbar__submit--search:hover svg *, body[data-design="comic"] .news_children__registration__submit:hover svg *, body[data-design="comic"] .more_info:hover svg *, body[data-design="comic"] body[data-design="tech"] .more_info a:hover svg *, body[data-design="tech"] .more_info body[data-design="comic"] a:hover svg * { fill: #474541; } /* line 282, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--strongest.has-onomatope { position: relative; } /* line 285, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--strongest.has-onomatope:after { content: ""; } /* line 291, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--strongest.has-onomatope[data-onomatope-id="buzz-3"]:after { position: absolute; top: -300px; right: -100px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 357px; height: 333px; background-position: -3847px 0px; background-size: 12546.5px 628px; } /* line 296, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--strongest.has-onomatope[data-onomatope-id="buzz-3"]:hover:after { -webkit-animation: bounce-to-top-right 0.5s linear 0s both; animation: bounce-to-top-right 0.5s linear 0s both; opacity: 1; } /* line 303, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--strongest.has-onomatope[data-onomatope-id="fresh-1"]:after { position: absolute; top: -80px; right: -40px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 226px; height: 120px; background-position: -5158px 0px; background-size: 12546.5px 628px; } /* line 308, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--strongest.has-onomatope[data-onomatope-id="fresh-1"]:hover:after { -webkit-animation: bounce-to-top-right 0.5s linear 0s both; animation: bounce-to-top-right 0.5s linear 0s both; opacity: 1; } /* line 315, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--strongest.has-onomatope[data-onomatope-id="fresh-2"]:after { position: absolute; top: -60px; right: -30px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 177px; height: 75px; background-position: -5384px 0px; background-size: 12546.5px 628px; } /* line 320, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--strongest.has-onomatope[data-onomatope-id="fresh-2"]:hover:after { -webkit-animation: bounce-to-top-right 0.5s linear 0s both; animation: bounce-to-top-right 0.5s linear 0s both; opacity: 1; } /* line 327, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--strongest.has-onomatope[data-onomatope-id="career"]:after { position: absolute; top: -110px; right: -60px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 347px; height: 126px; background-position: -4204px 0px; background-size: 12546.5px 628px; } /* line 332, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--strongest.has-onomatope[data-onomatope-id="career"]:hover:after { -webkit-animation: bounce-to-top-right 0.5s linear 0s both; animation: bounce-to-top-right 0.5s linear 0s both; opacity: 1; } /* line 339, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--strongest.has-onomatope[data-onomatope-id="intern"]:after { position: absolute; top: -100px; right: -20px; z-index: 2; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 215px; height: 116.5px; background-position: -3077.5px 0px; background-size: 6273.25px 314px; } /* line 345, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--strongest.has-onomatope[data-onomatope-id="intern"]:hover:after { -webkit-animation: bounce-to-top-right 0.5s linear 0s both; animation: bounce-to-top-right 0.5s linear 0s both; opacity: 1; } /* line 352, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--strongest.has-onomatope[data-onomatope-id="partner"]:after { position: absolute; top: -90px; right: -30px; z-index: 2; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 300px; height: 163px; background-position: -9069px 0px; background-size: 12546.5px 628px; } /* line 358, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--strongest.has-onomatope[data-onomatope-id="partner"]:hover:after { -webkit-animation: bounce-to-top-right 0.5s linear 0s both; animation: bounce-to-top-right 0.5s linear 0s both; opacity: 1; } /* line 366, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--recommend, body[data-design="comic"] .article__sidebar__button-block, body[data-design="comic"] .common-button--recommend-lobi, body[data-design="comic"] .common-button--recommend-jagmo, body[data-design="comic"] .common-button--recommend-rankers, body[data-design="comic"] .common-button--recommend-placole, body[data-design="comic"] .common-button--recommend-jitakusou, body[data-design="comic"] .common-button--recommend-kamakura, body[data-design="comic"] .common-button--recommend-realkamakuraestate, body[data-design="comic"] .common-button--recommend-esports, body[data-design="comic"] .common-button--recommend-fanda { background-color: #f4f0e7; background-image: url(/assets/pc/design/comic/ptn_comic_4-18e444ce651ac1cb367dbd8dc0579a8f35c6f6830d11159fb7c42655c02a5749.png); background-size: 6px 6px; } /* line 370, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--recommend div, body[data-design="comic"] .article__sidebar__button-block div, body[data-design="comic"] .common-button--recommend-lobi div, body[data-design="comic"] .common-button--recommend-jagmo div, body[data-design="comic"] .common-button--recommend-rankers div, body[data-design="comic"] .common-button--recommend-placole div, body[data-design="comic"] .common-button--recommend-jitakusou div, body[data-design="comic"] .common-button--recommend-kamakura div, body[data-design="comic"] .common-button--recommend-realkamakuraestate div, body[data-design="comic"] .common-button--recommend-esports div, body[data-design="comic"] .common-button--recommend-fanda div { -webkit-box-shadow: 0 0 0 3px #f4f0e7; box-shadow: 0 0 0 3px #f4f0e7; } /* line 379, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--recommend-placole div:hover ~ .common-button--recommend-placole__onomatope[data-onomatope-id="placole-1"]:before { -webkit-animation: placole-left 10s linear both infinite; animation: placole-left 10s linear both infinite; } /* line 383, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--recommend-placole div:hover ~ .common-button--recommend-placole__onomatope[data-onomatope-id="placole-1"]:after { -webkit-animation: placole-right 10s linear 1.6s both infinite; animation: placole-right 10s linear 1.6s both infinite; } /* line 389, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--recommend-placole div:hover ~ .common-button--recommend-placole__onomatope[data-onomatope-id="placole-2"]:before { -webkit-animation: placole-left 10s linear 3.2s both infinite; animation: placole-left 10s linear 3.2s both infinite; } /* line 393, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--recommend-placole div:hover ~ .common-button--recommend-placole__onomatope[data-onomatope-id="placole-2"]:after { -webkit-animation: placole-right 10s linear 4s both infinite; animation: placole-right 10s linear 4s both infinite; } /* line 399, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--recommend-placole div:hover ~ .common-button--recommend-placole__onomatope[data-onomatope-id="placole-3"]:before { -webkit-animation: placole-left 10s linear 4.8s both infinite; animation: placole-left 10s linear 4.8s both infinite; } /* line 403, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--recommend-placole div:hover ~ .common-button--recommend-placole__onomatope[data-onomatope-id="placole-3"]:after { -webkit-animation: placole-right 10s linear 5.6s both infinite; animation: placole-right 10s linear 5.6s both infinite; } /* line 409, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--recommend-placole div:hover ~ .common-button--recommend-placole__onomatope[data-onomatope-id="placole-4"]:before { -webkit-animation: placole-center 10s linear 6.4s both infinite; animation: placole-center 10s linear 6.4s both infinite; } /* line 418, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--recommend-placole__onomatope:before, body[data-design="comic"] .common-button--recommend-placole__onomatope:after { z-index: 2; content: ""; } /* line 426, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--recommend-placole__onomatope[data-onomatope-id="placole-1"]:before, body[data-design="comic"] .common-button--recommend-placole__onomatope[data-onomatope-id="placole-1"]:after { background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 489px; height: 233px; background-position: -9369px 0px; background-size: 12546.5px 628px; } /* line 431, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--recommend-placole__onomatope[data-onomatope-id="placole-1"]:before { position: absolute; top: -60px; left: 0; } /* line 435, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--recommend-placole__onomatope[data-onomatope-id="placole-1"]:after { position: absolute; top: -70px; left: 50%; margin-left: 120px; } /* line 442, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--recommend-placole__onomatope[data-onomatope-id="placole-2"]:before, body[data-design="comic"] .common-button--recommend-placole__onomatope[data-onomatope-id="placole-2"]:after { background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 444px; height: 155px; background-position: -9858px 0px; background-size: 12546.5px 628px; } /* line 447, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--recommend-placole__onomatope[data-onomatope-id="placole-2"]:before { position: absolute; top: -60px; left: 0; } /* line 451, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--recommend-placole__onomatope[data-onomatope-id="placole-2"]:after { position: absolute; top: -70px; left: 50%; margin-left: 120px; } /* line 458, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--recommend-placole__onomatope[data-onomatope-id="placole-3"]:before, body[data-design="comic"] .common-button--recommend-placole__onomatope[data-onomatope-id="placole-3"]:after { background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 444px; height: 155px; background-position: -9858px 0px; background-size: 12546.5px 628px; } /* line 463, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--recommend-placole__onomatope[data-onomatope-id="placole-3"]:before { position: absolute; top: -20px; left: 0; margin-left: 15px; } /* line 468, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--recommend-placole__onomatope[data-onomatope-id="placole-3"]:after { position: absolute; top: -50px; left: 50%; margin-left: 140px; } /* line 475, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="comic"] .common-button--recommend-placole__onomatope[data-onomatope-id="placole-4"]:before { position: absolute; top: -100px; left: 50%; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 299px; height: 229px; background-position: -10302px 0px; background-size: 12546.5px 628px; margin-left: -140px; } /* line 487, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="simple"] .common-button:hover:before, body[data-design="simple"] .article__content__bottom__link__button:hover:before, body[data-design="simple"] .article__content__button:hover:before, body[data-design="simple"] .common-button--strong:hover:before, body[data-design="simple"] .common-button--strongest:hover:before, body[data-design="simple"] .common-button--recommend div:hover:before, .common-button--recommend body[data-design="simple"] div:hover:before, body[data-design="simple"] .article__sidebar__button-block div:hover:before, .article__sidebar__button-block body[data-design="simple"] div:hover:before, body[data-design="simple"] .common-button--recommend-lobi div:hover:before, .common-button--recommend-lobi body[data-design="simple"] div:hover:before, body[data-design="simple"] .common-button--recommend-jagmo div:hover:before, .common-button--recommend-jagmo body[data-design="simple"] div:hover:before, body[data-design="simple"] .common-button--recommend-rankers div:hover:before, .common-button--recommend-rankers body[data-design="simple"] div:hover:before, body[data-design="simple"] .common-button--recommend-placole div:hover:before, .common-button--recommend-placole body[data-design="simple"] div:hover:before, body[data-design="simple"] .common-button--recommend-jitakusou div:hover:before, .common-button--recommend-jitakusou body[data-design="simple"] div:hover:before, body[data-design="simple"] .common-button--recommend-kamakura div:hover:before, .common-button--recommend-kamakura body[data-design="simple"] div:hover:before, body[data-design="simple"] .common-button--recommend-realkamakuraestate div:hover:before, .common-button--recommend-realkamakuraestate body[data-design="simple"] div:hover:before, body[data-design="simple"] .common-button--recommend-esports div:hover:before, .common-button--recommend-esports body[data-design="simple"] div:hover:before, body[data-design="simple"] .common-button--recommend-fanda div:hover:before, .common-button--recommend-fanda body[data-design="simple"] div:hover:before, body[data-design="simple"] .common-button--recommend-machino-coin .button--blue:hover:before, .common-button--recommend-machino-coin body[data-design="simple"] .button--blue:hover:before, body[data-design="simple"] .button--yellow:hover:before, body[data-design="simple"] .formtype__submit:hover:before, body[data-design="simple"] .menu__search__submit:hover:before, body[data-design="simple"] .sendbar__submit--strong:hover:before, body[data-design="simple"] .sendbar__submit--search:hover:before, body[data-design="simple"] .news_children__registration__submit:hover:before, body[data-design="simple"] .more_info:hover:before, body[data-design="simple"] body[data-design="tech"] .more_info a:hover:before, body[data-design="tech"] .more_info body[data-design="simple"] a:hover:before, body[data-design="simple"] .common-intro__article__top-btn:hover:before, body[data-design="simple"] .sendbar__submit:hover:before, body[data-design="simple"] .news_children__release__submit:hover:before { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #d4d4d4; border-radius: 5px; } /* line 503, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="simple"] .common-button--strong:hover:before, body[data-design="simple"] .common-button--strongest:hover:before, body[data-design="simple"] .common-button--recommend div:hover:before, .common-button--recommend body[data-design="simple"] div:hover:before, body[data-design="simple"] .article__sidebar__button-block div:hover:before, .article__sidebar__button-block body[data-design="simple"] div:hover:before, body[data-design="simple"] .common-button--recommend-lobi div:hover:before, .common-button--recommend-lobi body[data-design="simple"] div:hover:before, body[data-design="simple"] .common-button--recommend-jagmo div:hover:before, .common-button--recommend-jagmo body[data-design="simple"] div:hover:before, body[data-design="simple"] .common-button--recommend-rankers div:hover:before, .common-button--recommend-rankers body[data-design="simple"] div:hover:before, body[data-design="simple"] .common-button--recommend-placole div:hover:before, .common-button--recommend-placole body[data-design="simple"] div:hover:before, body[data-design="simple"] .common-button--recommend-jitakusou div:hover:before, .common-button--recommend-jitakusou body[data-design="simple"] div:hover:before, body[data-design="simple"] .common-button--recommend-kamakura div:hover:before, .common-button--recommend-kamakura body[data-design="simple"] div:hover:before, body[data-design="simple"] .common-button--recommend-realkamakuraestate div:hover:before, .common-button--recommend-realkamakuraestate body[data-design="simple"] div:hover:before, body[data-design="simple"] .common-button--recommend-esports div:hover:before, .common-button--recommend-esports body[data-design="simple"] div:hover:before, body[data-design="simple"] .common-button--recommend-fanda div:hover:before, .common-button--recommend-fanda body[data-design="simple"] div:hover:before, body[data-design="simple"] .common-button--recommend-machino-coin .button--blue:hover:before, .common-button--recommend-machino-coin body[data-design="simple"] .button--blue:hover:before, body[data-design="simple"] .button--yellow:hover:before, body[data-design="simple"] .formtype__submit:hover:before, body[data-design="simple"] .menu__search__submit:hover:before, body[data-design="simple"] .sendbar__submit--strong:hover:before, body[data-design="simple"] .sendbar__submit--search:hover:before, body[data-design="simple"] .news_children__registration__submit:hover:before, body[data-design="simple"] .more_info:hover:before, body[data-design="simple"] body[data-design="tech"] .more_info a:hover:before, body[data-design="tech"] .more_info body[data-design="simple"] a:hover:before { background-color: #007ed9; } /* line 509, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="simple"] .button--yellow { background-color: #ffae00; } /* line 513, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="simple"] .button--yellow:hover:before { background-color: #f2a100; } /* line 521, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="game"] .common-button, body[data-design="game"] .article__content__bottom__link__button, body[data-design="game"] .article__content__button, body[data-design="game"] .common-button--strong, body[data-design="game"] .common-button--strongest, body[data-design="game"] .common-button--recommend div, .common-button--recommend body[data-design="game"] div, body[data-design="game"] .article__sidebar__button-block div, .article__sidebar__button-block body[data-design="game"] div, body[data-design="game"] .common-button--recommend-lobi div, .common-button--recommend-lobi body[data-design="game"] div, body[data-design="game"] .common-button--recommend-jagmo div, .common-button--recommend-jagmo body[data-design="game"] div, body[data-design="game"] .common-button--recommend-rankers div, .common-button--recommend-rankers body[data-design="game"] div, body[data-design="game"] .common-button--recommend-placole div, .common-button--recommend-placole body[data-design="game"] div, body[data-design="game"] .common-button--recommend-jitakusou div, .common-button--recommend-jitakusou body[data-design="game"] div, body[data-design="game"] .common-button--recommend-kamakura div, .common-button--recommend-kamakura body[data-design="game"] div, body[data-design="game"] .common-button--recommend-realkamakuraestate div, .common-button--recommend-realkamakuraestate body[data-design="game"] div, body[data-design="game"] .common-button--recommend-esports div, .common-button--recommend-esports body[data-design="game"] div, body[data-design="game"] .common-button--recommend-fanda div, .common-button--recommend-fanda body[data-design="game"] div, body[data-design="game"] .common-button--recommend-machino-coin .button--blue, .common-button--recommend-machino-coin body[data-design="game"] .button--blue, body[data-design="game"] body[data-design="simple"] .button--yellow, body[data-design="simple"] body[data-design="game"] .button--yellow, body[data-design="game"] .formtype__submit, body[data-design="game"] .menu__search__submit, body[data-design="game"] .sendbar__submit--strong, body[data-design="game"] .sendbar__submit--search, body[data-design="game"] .news_children__registration__submit, body[data-design="game"] body[data-design="simple"] .more_info, body[data-design="simple"] body[data-design="game"] .more_info, body[data-design="game"] body[data-design="comic"] .more_info, body[data-design="comic"] body[data-design="game"] .more_info, body[data-design="game"] body[data-design="tech"] .more_info a, body[data-design="tech"] .more_info body[data-design="game"] a, body[data-design="game"] .common-intro__article__top-btn, body[data-design="game"] .sendbar__submit, body[data-design="game"] .news_children__release__submit { font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; color: #4c4c4c; background: -webkit-gradient(linear, left bottom, left top, from(#dddddd), to(#eceaea)); background: linear-gradient(to top, #dddddd, #eceaea); border-radius: 8px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.6), 0 1px 1px 0 rgba(255, 255, 255, 0.6) inset; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.6), 0 1px 1px 0 rgba(255, 255, 255, 0.6) inset; margin: 3px; } /* line 530, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="game"] .common-button:before, body[data-design="game"] .article__content__bottom__link__button:before, body[data-design="game"] .article__content__button:before, body[data-design="game"] .common-button--strong:before, body[data-design="game"] .common-button--strongest:before, body[data-design="game"] .common-button--recommend div:before, .common-button--recommend body[data-design="game"] div:before, body[data-design="game"] .article__sidebar__button-block div:before, .article__sidebar__button-block body[data-design="game"] div:before, body[data-design="game"] .common-button--recommend-lobi div:before, .common-button--recommend-lobi body[data-design="game"] div:before, body[data-design="game"] .common-button--recommend-jagmo div:before, .common-button--recommend-jagmo body[data-design="game"] div:before, body[data-design="game"] .common-button--recommend-rankers div:before, .common-button--recommend-rankers body[data-design="game"] div:before, body[data-design="game"] .common-button--recommend-placole div:before, .common-button--recommend-placole body[data-design="game"] div:before, body[data-design="game"] .common-button--recommend-jitakusou div:before, .common-button--recommend-jitakusou body[data-design="game"] div:before, body[data-design="game"] .common-button--recommend-kamakura div:before, .common-button--recommend-kamakura body[data-design="game"] div:before, body[data-design="game"] .common-button--recommend-realkamakuraestate div:before, .common-button--recommend-realkamakuraestate body[data-design="game"] div:before, body[data-design="game"] .common-button--recommend-esports div:before, .common-button--recommend-esports body[data-design="game"] div:before, body[data-design="game"] .common-button--recommend-fanda div:before, .common-button--recommend-fanda body[data-design="game"] div:before, body[data-design="game"] .common-button--recommend-machino-coin .button--blue:before, .common-button--recommend-machino-coin body[data-design="game"] .button--blue:before, body[data-design="game"] body[data-design="simple"] .button--yellow:before, body[data-design="simple"] body[data-design="game"] .button--yellow:before, body[data-design="game"] .formtype__submit:before, body[data-design="game"] .menu__search__submit:before, body[data-design="game"] .sendbar__submit--strong:before, body[data-design="game"] .sendbar__submit--search:before, body[data-design="game"] .news_children__registration__submit:before, body[data-design="game"] body[data-design="simple"] .more_info:before, body[data-design="simple"] body[data-design="game"] .more_info:before, body[data-design="game"] body[data-design="comic"] .more_info:before, body[data-design="comic"] body[data-design="game"] .more_info:before, body[data-design="game"] body[data-design="tech"] .more_info a:before, body[data-design="tech"] .more_info body[data-design="game"] a:before, body[data-design="game"] .common-intro__article__top-btn:before, body[data-design="game"] .sendbar__submit:before, body[data-design="game"] .news_children__release__submit:before, body[data-design="game"] .common-button:after, body[data-design="game"] .article__content__bottom__link__button:after, body[data-design="game"] .article__content__button:after, body[data-design="game"] .common-button--strong:after, body[data-design="game"] .common-button--strongest:after, body[data-design="game"] .common-button--recommend div:after, .common-button--recommend body[data-design="game"] div:after, body[data-design="game"] .article__sidebar__button-block div:after, .article__sidebar__button-block body[data-design="game"] div:after, body[data-design="game"] .common-button--recommend-lobi div:after, .common-button--recommend-lobi body[data-design="game"] div:after, body[data-design="game"] .common-button--recommend-jagmo div:after, .common-button--recommend-jagmo body[data-design="game"] div:after, body[data-design="game"] .common-button--recommend-rankers div:after, .common-button--recommend-rankers body[data-design="game"] div:after, body[data-design="game"] .common-button--recommend-placole div:after, .common-button--recommend-placole body[data-design="game"] div:after, body[data-design="game"] .common-button--recommend-jitakusou div:after, .common-button--recommend-jitakusou body[data-design="game"] div:after, body[data-design="game"] .common-button--recommend-kamakura div:after, .common-button--recommend-kamakura body[data-design="game"] div:after, body[data-design="game"] .common-button--recommend-realkamakuraestate div:after, .common-button--recommend-realkamakuraestate body[data-design="game"] div:after, body[data-design="game"] .common-button--recommend-esports div:after, .common-button--recommend-esports body[data-design="game"] div:after, body[data-design="game"] .common-button--recommend-fanda div:after, .common-button--recommend-fanda body[data-design="game"] div:after, body[data-design="game"] .common-button--recommend-machino-coin .button--blue:after, .common-button--recommend-machino-coin body[data-design="game"] .button--blue:after, body[data-design="game"] body[data-design="simple"] .button--yellow:after, body[data-design="simple"] body[data-design="game"] .button--yellow:after, body[data-design="game"] .formtype__submit:after, body[data-design="game"] .menu__search__submit:after, body[data-design="game"] .sendbar__submit--strong:after, body[data-design="game"] .sendbar__submit--search:after, body[data-design="game"] .news_children__registration__submit:after, body[data-design="game"] body[data-design="simple"] .more_info:after, body[data-design="simple"] body[data-design="game"] .more_info:after, body[data-design="game"] body[data-design="comic"] .more_info:after, body[data-design="comic"] body[data-design="game"] .more_info:after, body[data-design="game"] body[data-design="tech"] .more_info a:after, body[data-design="tech"] .more_info body[data-design="game"] a:after, body[data-design="game"] .common-intro__article__top-btn:after, body[data-design="game"] .sendbar__submit:after, body[data-design="game"] .news_children__release__submit:after { opacity: 0; pointer-events: none; z-index: 2; content: ""; } /* line 537, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .is-legacy-ie body[data-design="game"] .common-button:before, .is-legacy-ie body[data-design="game"] .article__content__bottom__link__button:before, .is-legacy-ie body[data-design="game"] .article__content__button:before, .is-legacy-ie body[data-design="game"] .common-button--strong:before, .is-legacy-ie body[data-design="game"] .common-button--strongest:before, .is-legacy-ie body[data-design="game"] .common-button--recommend div:before, .common-button--recommend .is-legacy-ie body[data-design="game"] div:before, .is-legacy-ie body[data-design="game"] .article__sidebar__button-block div:before, .article__sidebar__button-block .is-legacy-ie body[data-design="game"] div:before, .is-legacy-ie body[data-design="game"] .common-button--recommend-lobi div:before, .common-button--recommend-lobi .is-legacy-ie body[data-design="game"] div:before, .is-legacy-ie body[data-design="game"] .common-button--recommend-jagmo div:before, .common-button--recommend-jagmo .is-legacy-ie body[data-design="game"] div:before, .is-legacy-ie body[data-design="game"] .common-button--recommend-rankers div:before, .common-button--recommend-rankers .is-legacy-ie body[data-design="game"] div:before, .is-legacy-ie body[data-design="game"] .common-button--recommend-placole div:before, .common-button--recommend-placole .is-legacy-ie body[data-design="game"] div:before, .is-legacy-ie body[data-design="game"] .common-button--recommend-jitakusou div:before, .common-button--recommend-jitakusou .is-legacy-ie body[data-design="game"] div:before, .is-legacy-ie body[data-design="game"] .common-button--recommend-kamakura div:before, .common-button--recommend-kamakura .is-legacy-ie body[data-design="game"] div:before, .is-legacy-ie body[data-design="game"] .common-button--recommend-realkamakuraestate div:before, .common-button--recommend-realkamakuraestate .is-legacy-ie body[data-design="game"] div:before, .is-legacy-ie body[data-design="game"] .common-button--recommend-esports div:before, .common-button--recommend-esports .is-legacy-ie body[data-design="game"] div:before, .is-legacy-ie body[data-design="game"] .common-button--recommend-fanda div:before, .common-button--recommend-fanda .is-legacy-ie body[data-design="game"] div:before, .is-legacy-ie body[data-design="game"] .common-button--recommend-machino-coin .button--blue:before, .common-button--recommend-machino-coin .is-legacy-ie body[data-design="game"] .button--blue:before, .is-legacy-ie body[data-design="game"] body[data-design="simple"] .button--yellow:before, body[data-design="simple"] .is-legacy-ie body[data-design="game"] .button--yellow:before, .is-legacy-ie body[data-design="game"] .formtype__submit:before, .is-legacy-ie body[data-design="game"] .menu__search__submit:before, .is-legacy-ie body[data-design="game"] .sendbar__submit--strong:before, .is-legacy-ie body[data-design="game"] .sendbar__submit--search:before, .is-legacy-ie body[data-design="game"] .news_children__registration__submit:before, .is-legacy-ie body[data-design="game"] body[data-design="simple"] .more_info:before, body[data-design="simple"] .is-legacy-ie body[data-design="game"] .more_info:before, .is-legacy-ie body[data-design="game"] body[data-design="comic"] .more_info:before, body[data-design="comic"] .is-legacy-ie body[data-design="game"] .more_info:before, .is-legacy-ie body[data-design="game"] body[data-design="tech"] .more_info a:before, body[data-design="tech"] .more_info .is-legacy-ie body[data-design="game"] a:before, .is-legacy-ie body[data-design="game"] .common-intro__article__top-btn:before, .is-legacy-ie body[data-design="game"] .sendbar__submit:before, .is-legacy-ie body[data-design="game"] .news_children__release__submit:before, .is-legacy-ie body[data-design="game"] .common-button:after, .is-legacy-ie body[data-design="game"] .article__content__bottom__link__button:after, .is-legacy-ie body[data-design="game"] .article__content__button:after, .is-legacy-ie body[data-design="game"] .common-button--strong:after, .is-legacy-ie body[data-design="game"] .common-button--strongest:after, .is-legacy-ie body[data-design="game"] .common-button--recommend div:after, .common-button--recommend .is-legacy-ie body[data-design="game"] div:after, .is-legacy-ie body[data-design="game"] .article__sidebar__button-block div:after, .article__sidebar__button-block .is-legacy-ie body[data-design="game"] div:after, .is-legacy-ie body[data-design="game"] .common-button--recommend-lobi div:after, .common-button--recommend-lobi .is-legacy-ie body[data-design="game"] div:after, .is-legacy-ie body[data-design="game"] .common-button--recommend-jagmo div:after, .common-button--recommend-jagmo .is-legacy-ie body[data-design="game"] div:after, .is-legacy-ie body[data-design="game"] .common-button--recommend-rankers div:after, .common-button--recommend-rankers .is-legacy-ie body[data-design="game"] div:after, .is-legacy-ie body[data-design="game"] .common-button--recommend-placole div:after, .common-button--recommend-placole .is-legacy-ie body[data-design="game"] div:after, .is-legacy-ie body[data-design="game"] .common-button--recommend-jitakusou div:after, .common-button--recommend-jitakusou .is-legacy-ie body[data-design="game"] div:after, .is-legacy-ie body[data-design="game"] .common-button--recommend-kamakura div:after, .common-button--recommend-kamakura .is-legacy-ie body[data-design="game"] div:after, .is-legacy-ie body[data-design="game"] .common-button--recommend-realkamakuraestate div:after, .common-button--recommend-realkamakuraestate .is-legacy-ie body[data-design="game"] div:after, .is-legacy-ie body[data-design="game"] .common-button--recommend-esports div:after, .common-button--recommend-esports .is-legacy-ie body[data-design="game"] div:after, .is-legacy-ie body[data-design="game"] .common-button--recommend-fanda div:after, .common-button--recommend-fanda .is-legacy-ie body[data-design="game"] div:after, .is-legacy-ie body[data-design="game"] .common-button--recommend-machino-coin .button--blue:after, .common-button--recommend-machino-coin .is-legacy-ie body[data-design="game"] .button--blue:after, .is-legacy-ie body[data-design="game"] body[data-design="simple"] .button--yellow:after, body[data-design="simple"] .is-legacy-ie body[data-design="game"] .button--yellow:after, .is-legacy-ie body[data-design="game"] .formtype__submit:after, .is-legacy-ie body[data-design="game"] .menu__search__submit:after, .is-legacy-ie body[data-design="game"] .sendbar__submit--strong:after, .is-legacy-ie body[data-design="game"] .sendbar__submit--search:after, .is-legacy-ie body[data-design="game"] .news_children__registration__submit:after, .is-legacy-ie body[data-design="game"] body[data-design="simple"] .more_info:after, body[data-design="simple"] .is-legacy-ie body[data-design="game"] .more_info:after, .is-legacy-ie body[data-design="game"] body[data-design="comic"] .more_info:after, body[data-design="comic"] .is-legacy-ie body[data-design="game"] .more_info:after, .is-legacy-ie body[data-design="game"] body[data-design="tech"] .more_info a:after, body[data-design="tech"] .more_info .is-legacy-ie body[data-design="game"] a:after, .is-legacy-ie body[data-design="game"] .common-intro__article__top-btn:after, .is-legacy-ie body[data-design="game"] .sendbar__submit:after, .is-legacy-ie body[data-design="game"] .news_children__release__submit:after { display: none !important; } /* line 542, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="game"] .common-button:hover, body[data-design="game"] .article__content__bottom__link__button:hover, body[data-design="game"] .article__content__button:hover, body[data-design="game"] .common-button--strong:hover, body[data-design="game"] .common-button--strongest:hover, body[data-design="game"] .common-button--recommend div:hover, .common-button--recommend body[data-design="game"] div:hover, body[data-design="game"] .article__sidebar__button-block div:hover, .article__sidebar__button-block body[data-design="game"] div:hover, body[data-design="game"] .common-button--recommend-lobi div:hover, .common-button--recommend-lobi body[data-design="game"] div:hover, body[data-design="game"] .common-button--recommend-jagmo div:hover, .common-button--recommend-jagmo body[data-design="game"] div:hover, body[data-design="game"] .common-button--recommend-rankers div:hover, .common-button--recommend-rankers body[data-design="game"] div:hover, body[data-design="game"] .common-button--recommend-placole div:hover, .common-button--recommend-placole body[data-design="game"] div:hover, body[data-design="game"] .common-button--recommend-jitakusou div:hover, .common-button--recommend-jitakusou body[data-design="game"] div:hover, body[data-design="game"] .common-button--recommend-kamakura div:hover, .common-button--recommend-kamakura body[data-design="game"] div:hover, body[data-design="game"] .common-button--recommend-realkamakuraestate div:hover, .common-button--recommend-realkamakuraestate body[data-design="game"] div:hover, body[data-design="game"] .common-button--recommend-esports div:hover, .common-button--recommend-esports body[data-design="game"] div:hover, body[data-design="game"] .common-button--recommend-fanda div:hover, .common-button--recommend-fanda body[data-design="game"] div:hover, body[data-design="game"] .common-button--recommend-machino-coin .button--blue:hover, .common-button--recommend-machino-coin body[data-design="game"] .button--blue:hover, body[data-design="game"] body[data-design="simple"] .button--yellow:hover, body[data-design="simple"] body[data-design="game"] .button--yellow:hover, body[data-design="game"] .formtype__submit:hover, body[data-design="game"] .menu__search__submit:hover, body[data-design="game"] .sendbar__submit--strong:hover, body[data-design="game"] .sendbar__submit--search:hover, body[data-design="game"] .news_children__registration__submit:hover, body[data-design="game"] body[data-design="simple"] .more_info:hover, body[data-design="simple"] body[data-design="game"] .more_info:hover, body[data-design="game"] body[data-design="comic"] .more_info:hover, body[data-design="comic"] body[data-design="game"] .more_info:hover, body[data-design="game"] body[data-design="tech"] .more_info a:hover, body[data-design="tech"] .more_info body[data-design="game"] a:hover, body[data-design="game"] .common-intro__article__top-btn:hover, body[data-design="game"] .sendbar__submit:hover, body[data-design="game"] .news_children__release__submit:hover { background: -webkit-gradient(linear, left bottom, left top, from(#245c9a), to(#017e9a)); background: linear-gradient(to top, #245c9a, #017e9a); color: #fff; } /* line 546, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="game"] .common-button:hover:before, body[data-design="game"] .article__content__bottom__link__button:hover:before, body[data-design="game"] .article__content__button:hover:before, body[data-design="game"] .common-button--strong:hover:before, body[data-design="game"] .common-button--strongest:hover:before, body[data-design="game"] .common-button--recommend div:hover:before, .common-button--recommend body[data-design="game"] div:hover:before, body[data-design="game"] .article__sidebar__button-block div:hover:before, .article__sidebar__button-block body[data-design="game"] div:hover:before, body[data-design="game"] .common-button--recommend-lobi div:hover:before, .common-button--recommend-lobi body[data-design="game"] div:hover:before, body[data-design="game"] .common-button--recommend-jagmo div:hover:before, .common-button--recommend-jagmo body[data-design="game"] div:hover:before, body[data-design="game"] .common-button--recommend-rankers div:hover:before, .common-button--recommend-rankers body[data-design="game"] div:hover:before, body[data-design="game"] .common-button--recommend-placole div:hover:before, .common-button--recommend-placole body[data-design="game"] div:hover:before, body[data-design="game"] .common-button--recommend-jitakusou div:hover:before, .common-button--recommend-jitakusou body[data-design="game"] div:hover:before, body[data-design="game"] .common-button--recommend-kamakura div:hover:before, .common-button--recommend-kamakura body[data-design="game"] div:hover:before, body[data-design="game"] .common-button--recommend-realkamakuraestate div:hover:before, .common-button--recommend-realkamakuraestate body[data-design="game"] div:hover:before, body[data-design="game"] .common-button--recommend-esports div:hover:before, .common-button--recommend-esports body[data-design="game"] div:hover:before, body[data-design="game"] .common-button--recommend-fanda div:hover:before, .common-button--recommend-fanda body[data-design="game"] div:hover:before, body[data-design="game"] .common-button--recommend-machino-coin .button--blue:hover:before, .common-button--recommend-machino-coin body[data-design="game"] .button--blue:hover:before, body[data-design="game"] body[data-design="simple"] .button--yellow:hover:before, body[data-design="simple"] body[data-design="game"] .button--yellow:hover:before, body[data-design="game"] .formtype__submit:hover:before, body[data-design="game"] .menu__search__submit:hover:before, body[data-design="game"] .sendbar__submit--strong:hover:before, body[data-design="game"] .sendbar__submit--search:hover:before, body[data-design="game"] .news_children__registration__submit:hover:before, body[data-design="game"] body[data-design="simple"] .more_info:hover:before, body[data-design="simple"] body[data-design="game"] .more_info:hover:before, body[data-design="game"] body[data-design="comic"] .more_info:hover:before, body[data-design="comic"] body[data-design="game"] .more_info:hover:before, body[data-design="game"] body[data-design="tech"] .more_info a:hover:before, body[data-design="tech"] .more_info body[data-design="game"] a:hover:before, body[data-design="game"] .common-intro__article__top-btn:hover:before, body[data-design="game"] .sendbar__submit:hover:before, body[data-design="game"] .news_children__release__submit:hover:before, body[data-design="game"] .common-button:hover:after, body[data-design="game"] .article__content__bottom__link__button:hover:after, body[data-design="game"] .article__content__button:hover:after, body[data-design="game"] .common-button--strong:hover:after, body[data-design="game"] .common-button--strongest:hover:after, body[data-design="game"] .common-button--recommend div:hover:after, .common-button--recommend body[data-design="game"] div:hover:after, body[data-design="game"] .article__sidebar__button-block div:hover:after, .article__sidebar__button-block body[data-design="game"] div:hover:after, body[data-design="game"] .common-button--recommend-lobi div:hover:after, .common-button--recommend-lobi body[data-design="game"] div:hover:after, body[data-design="game"] .common-button--recommend-jagmo div:hover:after, .common-button--recommend-jagmo body[data-design="game"] div:hover:after, body[data-design="game"] .common-button--recommend-rankers div:hover:after, .common-button--recommend-rankers body[data-design="game"] div:hover:after, body[data-design="game"] .common-button--recommend-placole div:hover:after, .common-button--recommend-placole body[data-design="game"] div:hover:after, body[data-design="game"] .common-button--recommend-jitakusou div:hover:after, .common-button--recommend-jitakusou body[data-design="game"] div:hover:after, body[data-design="game"] .common-button--recommend-kamakura div:hover:after, .common-button--recommend-kamakura body[data-design="game"] div:hover:after, body[data-design="game"] .common-button--recommend-realkamakuraestate div:hover:after, .common-button--recommend-realkamakuraestate body[data-design="game"] div:hover:after, body[data-design="game"] .common-button--recommend-esports div:hover:after, .common-button--recommend-esports body[data-design="game"] div:hover:after, body[data-design="game"] .common-button--recommend-fanda div:hover:after, .common-button--recommend-fanda body[data-design="game"] div:hover:after, body[data-design="game"] .common-button--recommend-machino-coin .button--blue:hover:after, .common-button--recommend-machino-coin body[data-design="game"] .button--blue:hover:after, body[data-design="game"] body[data-design="simple"] .button--yellow:hover:after, body[data-design="simple"] body[data-design="game"] .button--yellow:hover:after, body[data-design="game"] .formtype__submit:hover:after, body[data-design="game"] .menu__search__submit:hover:after, body[data-design="game"] .sendbar__submit--strong:hover:after, body[data-design="game"] .sendbar__submit--search:hover:after, body[data-design="game"] .news_children__registration__submit:hover:after, body[data-design="game"] body[data-design="simple"] .more_info:hover:after, body[data-design="simple"] body[data-design="game"] .more_info:hover:after, body[data-design="game"] body[data-design="comic"] .more_info:hover:after, body[data-design="comic"] body[data-design="game"] .more_info:hover:after, body[data-design="game"] body[data-design="tech"] .more_info a:hover:after, body[data-design="tech"] .more_info body[data-design="game"] a:hover:after, body[data-design="game"] .common-intro__article__top-btn:hover:after, body[data-design="game"] .sendbar__submit:hover:after, body[data-design="game"] .news_children__release__submit:hover:after { opacity: 1; } /* line 551, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="game"] .common-button:hover:before, body[data-design="game"] .article__content__bottom__link__button:hover:before, body[data-design="game"] .article__content__button:hover:before, body[data-design="game"] .common-button--strong:hover:before, body[data-design="game"] .common-button--strongest:hover:before, body[data-design="game"] .common-button--recommend div:hover:before, .common-button--recommend body[data-design="game"] div:hover:before, body[data-design="game"] .article__sidebar__button-block div:hover:before, .article__sidebar__button-block body[data-design="game"] div:hover:before, body[data-design="game"] .common-button--recommend-lobi div:hover:before, .common-button--recommend-lobi body[data-design="game"] div:hover:before, body[data-design="game"] .common-button--recommend-jagmo div:hover:before, .common-button--recommend-jagmo body[data-design="game"] div:hover:before, body[data-design="game"] .common-button--recommend-rankers div:hover:before, .common-button--recommend-rankers body[data-design="game"] div:hover:before, body[data-design="game"] .common-button--recommend-placole div:hover:before, .common-button--recommend-placole body[data-design="game"] div:hover:before, body[data-design="game"] .common-button--recommend-jitakusou div:hover:before, .common-button--recommend-jitakusou body[data-design="game"] div:hover:before, body[data-design="game"] .common-button--recommend-kamakura div:hover:before, .common-button--recommend-kamakura body[data-design="game"] div:hover:before, body[data-design="game"] .common-button--recommend-realkamakuraestate div:hover:before, .common-button--recommend-realkamakuraestate body[data-design="game"] div:hover:before, body[data-design="game"] .common-button--recommend-esports div:hover:before, .common-button--recommend-esports body[data-design="game"] div:hover:before, body[data-design="game"] .common-button--recommend-fanda div:hover:before, .common-button--recommend-fanda body[data-design="game"] div:hover:before, body[data-design="game"] .common-button--recommend-machino-coin .button--blue:hover:before, .common-button--recommend-machino-coin body[data-design="game"] .button--blue:hover:before, body[data-design="game"] body[data-design="simple"] .button--yellow:hover:before, body[data-design="simple"] body[data-design="game"] .button--yellow:hover:before, body[data-design="game"] .formtype__submit:hover:before, body[data-design="game"] .menu__search__submit:hover:before, body[data-design="game"] .sendbar__submit--strong:hover:before, body[data-design="game"] .sendbar__submit--search:hover:before, body[data-design="game"] .news_children__registration__submit:hover:before, body[data-design="game"] body[data-design="simple"] .more_info:hover:before, body[data-design="simple"] body[data-design="game"] .more_info:hover:before, body[data-design="game"] body[data-design="comic"] .more_info:hover:before, body[data-design="comic"] body[data-design="game"] .more_info:hover:before, body[data-design="game"] body[data-design="tech"] .more_info a:hover:before, body[data-design="tech"] .more_info body[data-design="game"] a:hover:before, body[data-design="game"] .common-intro__article__top-btn:hover:before, body[data-design="game"] .sendbar__submit:hover:before, body[data-design="game"] .news_children__release__submit:hover:before { -webkit-animation: game-button-left 1s steps(20) both; animation: game-button-left 1s steps(20) both; } /* line 554, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="game"] .common-button:hover:after, body[data-design="game"] .article__content__bottom__link__button:hover:after, body[data-design="game"] .article__content__button:hover:after, body[data-design="game"] .common-button--strong:hover:after, body[data-design="game"] .common-button--strongest:hover:after, body[data-design="game"] .common-button--recommend div:hover:after, .common-button--recommend body[data-design="game"] div:hover:after, body[data-design="game"] .article__sidebar__button-block div:hover:after, .article__sidebar__button-block body[data-design="game"] div:hover:after, body[data-design="game"] .common-button--recommend-lobi div:hover:after, .common-button--recommend-lobi body[data-design="game"] div:hover:after, body[data-design="game"] .common-button--recommend-jagmo div:hover:after, .common-button--recommend-jagmo body[data-design="game"] div:hover:after, body[data-design="game"] .common-button--recommend-rankers div:hover:after, .common-button--recommend-rankers body[data-design="game"] div:hover:after, body[data-design="game"] .common-button--recommend-placole div:hover:after, .common-button--recommend-placole body[data-design="game"] div:hover:after, body[data-design="game"] .common-button--recommend-jitakusou div:hover:after, .common-button--recommend-jitakusou body[data-design="game"] div:hover:after, body[data-design="game"] .common-button--recommend-kamakura div:hover:after, .common-button--recommend-kamakura body[data-design="game"] div:hover:after, body[data-design="game"] .common-button--recommend-realkamakuraestate div:hover:after, .common-button--recommend-realkamakuraestate body[data-design="game"] div:hover:after, body[data-design="game"] .common-button--recommend-esports div:hover:after, .common-button--recommend-esports body[data-design="game"] div:hover:after, body[data-design="game"] .common-button--recommend-fanda div:hover:after, .common-button--recommend-fanda body[data-design="game"] div:hover:after, body[data-design="game"] .common-button--recommend-machino-coin .button--blue:hover:after, .common-button--recommend-machino-coin body[data-design="game"] .button--blue:hover:after, body[data-design="game"] body[data-design="simple"] .button--yellow:hover:after, body[data-design="simple"] body[data-design="game"] .button--yellow:hover:after, body[data-design="game"] .formtype__submit:hover:after, body[data-design="game"] .menu__search__submit:hover:after, body[data-design="game"] .sendbar__submit--strong:hover:after, body[data-design="game"] .sendbar__submit--search:hover:after, body[data-design="game"] .news_children__registration__submit:hover:after, body[data-design="game"] body[data-design="simple"] .more_info:hover:after, body[data-design="simple"] body[data-design="game"] .more_info:hover:after, body[data-design="game"] body[data-design="comic"] .more_info:hover:after, body[data-design="comic"] body[data-design="game"] .more_info:hover:after, body[data-design="game"] body[data-design="tech"] .more_info a:hover:after, body[data-design="tech"] .more_info body[data-design="game"] a:hover:after, body[data-design="game"] .common-intro__article__top-btn:hover:after, body[data-design="game"] .sendbar__submit:hover:after, body[data-design="game"] .news_children__release__submit:hover:after { -webkit-animation: game-button-right 1s steps(20) both; animation: game-button-right 1s steps(20) both; } /* line 559, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="game"] .common-button:before, body[data-design="game"] .article__content__bottom__link__button:before, body[data-design="game"] .article__content__button:before, body[data-design="game"] .common-button--strong:before, body[data-design="game"] .common-button--strongest:before, body[data-design="game"] .common-button--recommend div:before, .common-button--recommend body[data-design="game"] div:before, body[data-design="game"] .article__sidebar__button-block div:before, .article__sidebar__button-block body[data-design="game"] div:before, body[data-design="game"] .common-button--recommend-lobi div:before, .common-button--recommend-lobi body[data-design="game"] div:before, body[data-design="game"] .common-button--recommend-jagmo div:before, .common-button--recommend-jagmo body[data-design="game"] div:before, body[data-design="game"] .common-button--recommend-rankers div:before, .common-button--recommend-rankers body[data-design="game"] div:before, body[data-design="game"] .common-button--recommend-placole div:before, .common-button--recommend-placole body[data-design="game"] div:before, body[data-design="game"] .common-button--recommend-jitakusou div:before, .common-button--recommend-jitakusou body[data-design="game"] div:before, body[data-design="game"] .common-button--recommend-kamakura div:before, .common-button--recommend-kamakura body[data-design="game"] div:before, body[data-design="game"] .common-button--recommend-realkamakuraestate div:before, .common-button--recommend-realkamakuraestate body[data-design="game"] div:before, body[data-design="game"] .common-button--recommend-esports div:before, .common-button--recommend-esports body[data-design="game"] div:before, body[data-design="game"] .common-button--recommend-fanda div:before, .common-button--recommend-fanda body[data-design="game"] div:before, body[data-design="game"] .common-button--recommend-machino-coin .button--blue:before, .common-button--recommend-machino-coin body[data-design="game"] .button--blue:before, body[data-design="game"] body[data-design="simple"] .button--yellow:before, body[data-design="simple"] body[data-design="game"] .button--yellow:before, body[data-design="game"] .formtype__submit:before, body[data-design="game"] .menu__search__submit:before, body[data-design="game"] .sendbar__submit--strong:before, body[data-design="game"] .sendbar__submit--search:before, body[data-design="game"] .news_children__registration__submit:before, body[data-design="game"] body[data-design="simple"] .more_info:before, body[data-design="simple"] body[data-design="game"] .more_info:before, body[data-design="game"] body[data-design="comic"] .more_info:before, body[data-design="comic"] body[data-design="game"] .more_info:before, body[data-design="game"] body[data-design="tech"] .more_info a:before, body[data-design="tech"] .more_info body[data-design="game"] a:before, body[data-design="game"] .common-intro__article__top-btn:before, body[data-design="game"] .sendbar__submit:before, body[data-design="game"] .news_children__release__submit:before { background-image: url(/assets/sprite-dest/pc/button-left-effect-646a43353496ec4ae5b465b434729784a12af7d8cea7fc0c6d6310dad0c52fb1.png); background-position: 0px 0px; width: 190px; height: 101px; position: absolute; top: -30px; left: -15px; } /* line 564, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="game"] .common-button:after, body[data-design="game"] .article__content__bottom__link__button:after, body[data-design="game"] .article__content__button:after, body[data-design="game"] .common-button--strong:after, body[data-design="game"] .common-button--strongest:after, body[data-design="game"] .common-button--recommend div:after, .common-button--recommend body[data-design="game"] div:after, body[data-design="game"] .article__sidebar__button-block div:after, .article__sidebar__button-block body[data-design="game"] div:after, body[data-design="game"] .common-button--recommend-lobi div:after, .common-button--recommend-lobi body[data-design="game"] div:after, body[data-design="game"] .common-button--recommend-jagmo div:after, .common-button--recommend-jagmo body[data-design="game"] div:after, body[data-design="game"] .common-button--recommend-rankers div:after, .common-button--recommend-rankers body[data-design="game"] div:after, body[data-design="game"] .common-button--recommend-placole div:after, .common-button--recommend-placole body[data-design="game"] div:after, body[data-design="game"] .common-button--recommend-jitakusou div:after, .common-button--recommend-jitakusou body[data-design="game"] div:after, body[data-design="game"] .common-button--recommend-kamakura div:after, .common-button--recommend-kamakura body[data-design="game"] div:after, body[data-design="game"] .common-button--recommend-realkamakuraestate div:after, .common-button--recommend-realkamakuraestate body[data-design="game"] div:after, body[data-design="game"] .common-button--recommend-esports div:after, .common-button--recommend-esports body[data-design="game"] div:after, body[data-design="game"] .common-button--recommend-fanda div:after, .common-button--recommend-fanda body[data-design="game"] div:after, body[data-design="game"] .common-button--recommend-machino-coin .button--blue:after, .common-button--recommend-machino-coin body[data-design="game"] .button--blue:after, body[data-design="game"] body[data-design="simple"] .button--yellow:after, body[data-design="simple"] body[data-design="game"] .button--yellow:after, body[data-design="game"] .formtype__submit:after, body[data-design="game"] .menu__search__submit:after, body[data-design="game"] .sendbar__submit--strong:after, body[data-design="game"] .sendbar__submit--search:after, body[data-design="game"] .news_children__registration__submit:after, body[data-design="game"] body[data-design="simple"] .more_info:after, body[data-design="simple"] body[data-design="game"] .more_info:after, body[data-design="game"] body[data-design="comic"] .more_info:after, body[data-design="comic"] body[data-design="game"] .more_info:after, body[data-design="game"] body[data-design="tech"] .more_info a:after, body[data-design="tech"] .more_info body[data-design="game"] a:after, body[data-design="game"] .common-intro__article__top-btn:after, body[data-design="game"] .sendbar__submit:after, body[data-design="game"] .news_children__release__submit:after { background-image: url(/assets/sprite-dest/pc/button-right-effect-7babf1c842d9c6561a3d13333a7a342719b6abdd010742e906370aa1fa4c8027.png); background-position: 0px 0px; width: 210px; height: 110px; position: absolute; top: -30px; right: -17px; } /* line 569, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="game"] .common-button a, body[data-design="game"] .article__content__bottom__link__button a, body[data-design="game"] .article__content__button a, body[data-design="game"] .common-button--strong a, body[data-design="game"] .common-button--strongest a, body[data-design="game"] .common-button--recommend div a, .common-button--recommend body[data-design="game"] div a, body[data-design="game"] .article__sidebar__button-block div a, .article__sidebar__button-block body[data-design="game"] div a, body[data-design="game"] .common-button--recommend-lobi div a, .common-button--recommend-lobi body[data-design="game"] div a, body[data-design="game"] .common-button--recommend-jagmo div a, .common-button--recommend-jagmo body[data-design="game"] div a, body[data-design="game"] .common-button--recommend-rankers div a, .common-button--recommend-rankers body[data-design="game"] div a, body[data-design="game"] .common-button--recommend-placole div a, .common-button--recommend-placole body[data-design="game"] div a, body[data-design="game"] .common-button--recommend-jitakusou div a, .common-button--recommend-jitakusou body[data-design="game"] div a, body[data-design="game"] .common-button--recommend-kamakura div a, .common-button--recommend-kamakura body[data-design="game"] div a, body[data-design="game"] .common-button--recommend-realkamakuraestate div a, .common-button--recommend-realkamakuraestate body[data-design="game"] div a, body[data-design="game"] .common-button--recommend-esports div a, .common-button--recommend-esports body[data-design="game"] div a, body[data-design="game"] .common-button--recommend-fanda div a, .common-button--recommend-fanda body[data-design="game"] div a, body[data-design="game"] .common-button--recommend-machino-coin .button--blue a, .common-button--recommend-machino-coin body[data-design="game"] .button--blue a, body[data-design="game"] body[data-design="simple"] .button--yellow a, body[data-design="simple"] body[data-design="game"] .button--yellow a, body[data-design="game"] .formtype__submit a, body[data-design="game"] .menu__search__submit a, body[data-design="game"] .sendbar__submit--strong a, body[data-design="game"] .sendbar__submit--search a, body[data-design="game"] .news_children__registration__submit a, body[data-design="game"] body[data-design="simple"] .more_info a, body[data-design="simple"] body[data-design="game"] .more_info a, body[data-design="game"] body[data-design="comic"] .more_info a, body[data-design="comic"] body[data-design="game"] .more_info a, body[data-design="game"] body[data-design="tech"] .more_info a a, body[data-design="tech"] .more_info body[data-design="game"] a a, body[data-design="game"] .common-intro__article__top-btn a, body[data-design="game"] .sendbar__submit a, body[data-design="game"] .news_children__release__submit a { position: relative; padding-right: 35px; } /* line 573, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="game"] .common-button a:after, body[data-design="game"] .article__content__bottom__link__button a:after, body[data-design="game"] .article__content__button a:after, body[data-design="game"] .common-button--strong a:after, body[data-design="game"] .common-button--strongest a:after, body[data-design="game"] .common-button--recommend div a:after, .common-button--recommend body[data-design="game"] div a:after, body[data-design="game"] .article__sidebar__button-block div a:after, .article__sidebar__button-block body[data-design="game"] div a:after, body[data-design="game"] .common-button--recommend-lobi div a:after, .common-button--recommend-lobi body[data-design="game"] div a:after, body[data-design="game"] .common-button--recommend-jagmo div a:after, .common-button--recommend-jagmo body[data-design="game"] div a:after, body[data-design="game"] .common-button--recommend-rankers div a:after, .common-button--recommend-rankers body[data-design="game"] div a:after, body[data-design="game"] .common-button--recommend-placole div a:after, .common-button--recommend-placole body[data-design="game"] div a:after, body[data-design="game"] .common-button--recommend-jitakusou div a:after, .common-button--recommend-jitakusou body[data-design="game"] div a:after, body[data-design="game"] .common-button--recommend-kamakura div a:after, .common-button--recommend-kamakura body[data-design="game"] div a:after, body[data-design="game"] .common-button--recommend-realkamakuraestate div a:after, .common-button--recommend-realkamakuraestate body[data-design="game"] div a:after, body[data-design="game"] .common-button--recommend-esports div a:after, .common-button--recommend-esports body[data-design="game"] div a:after, body[data-design="game"] .common-button--recommend-fanda div a:after, .common-button--recommend-fanda body[data-design="game"] div a:after, body[data-design="game"] .common-button--recommend-machino-coin .button--blue a:after, .common-button--recommend-machino-coin body[data-design="game"] .button--blue a:after, body[data-design="game"] body[data-design="simple"] .button--yellow a:after, body[data-design="simple"] body[data-design="game"] .button--yellow a:after, body[data-design="game"] .formtype__submit a:after, body[data-design="game"] .menu__search__submit a:after, body[data-design="game"] .sendbar__submit--strong a:after, body[data-design="game"] .sendbar__submit--search a:after, body[data-design="game"] .news_children__registration__submit a:after, body[data-design="game"] body[data-design="simple"] .more_info a:after, body[data-design="simple"] body[data-design="game"] .more_info a:after, body[data-design="game"] body[data-design="comic"] .more_info a:after, body[data-design="comic"] body[data-design="game"] .more_info a:after, body[data-design="game"] body[data-design="tech"] .more_info a a:after, body[data-design="tech"] .more_info body[data-design="game"] a a:after, body[data-design="game"] .common-intro__article__top-btn a:after, body[data-design="game"] .sendbar__submit a:after, body[data-design="game"] .news_children__release__submit a:after { content: ""; width: 17px; height: 17px; background-image: url(/assets/pc/design/game/ico_arrow-e88ede53fae17fcf062def2d7b1416144aa2cf5c0e09316f8837ac1ca8fb6d42.png); background-repeat: no-repeat; background-position: left top; position: absolute; margin-top: -8.5px; -webkit-animation: arrow-swing 3s infinite; animation: arrow-swing 3s infinite; } /* line 589, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="game"] .common-button.with-konchi a, body[data-design="game"] .with-konchi.article__content__bottom__link__button a, body[data-design="game"] .with-konchi.article__content__button a, body[data-design="game"] .with-konchi.common-button--strong a, body[data-design="game"] .with-konchi.common-button--strongest a, body[data-design="game"] .common-button--recommend div.with-konchi a, .common-button--recommend body[data-design="game"] div.with-konchi a, body[data-design="game"] .article__sidebar__button-block div.with-konchi a, .article__sidebar__button-block body[data-design="game"] div.with-konchi a, body[data-design="game"] .common-button--recommend-lobi div.with-konchi a, .common-button--recommend-lobi body[data-design="game"] div.with-konchi a, body[data-design="game"] .common-button--recommend-jagmo div.with-konchi a, .common-button--recommend-jagmo body[data-design="game"] div.with-konchi a, body[data-design="game"] .common-button--recommend-rankers div.with-konchi a, .common-button--recommend-rankers body[data-design="game"] div.with-konchi a, body[data-design="game"] .common-button--recommend-placole div.with-konchi a, .common-button--recommend-placole body[data-design="game"] div.with-konchi a, body[data-design="game"] .common-button--recommend-jitakusou div.with-konchi a, .common-button--recommend-jitakusou body[data-design="game"] div.with-konchi a, body[data-design="game"] .common-button--recommend-kamakura div.with-konchi a, .common-button--recommend-kamakura body[data-design="game"] div.with-konchi a, body[data-design="game"] .common-button--recommend-realkamakuraestate div.with-konchi a, .common-button--recommend-realkamakuraestate body[data-design="game"] div.with-konchi a, body[data-design="game"] .common-button--recommend-esports div.with-konchi a, .common-button--recommend-esports body[data-design="game"] div.with-konchi a, body[data-design="game"] .common-button--recommend-fanda div.with-konchi a, .common-button--recommend-fanda body[data-design="game"] div.with-konchi a, body[data-design="game"] .common-button--recommend-machino-coin .with-konchi.button--blue a, .common-button--recommend-machino-coin body[data-design="game"] .with-konchi.button--blue a, body[data-design="game"] body[data-design="simple"] .with-konchi.button--yellow a, body[data-design="simple"] body[data-design="game"] .with-konchi.button--yellow a, body[data-design="game"] .with-konchi.formtype__submit a, body[data-design="game"] .with-konchi.menu__search__submit a, body[data-design="game"] .with-konchi.sendbar__submit--strong a, body[data-design="game"] .with-konchi.sendbar__submit--search a, body[data-design="game"] .with-konchi.news_children__registration__submit a, body[data-design="game"] body[data-design="simple"] .with-konchi.more_info a, body[data-design="simple"] body[data-design="game"] .with-konchi.more_info a, body[data-design="game"] body[data-design="comic"] .with-konchi.more_info a, body[data-design="comic"] body[data-design="game"] .with-konchi.more_info a, body[data-design="game"] body[data-design="tech"] .more_info a.with-konchi a, body[data-design="tech"] .more_info body[data-design="game"] a.with-konchi a, body[data-design="game"] .with-konchi.common-intro__article__top-btn a, body[data-design="game"] .with-konchi.sendbar__submit a, body[data-design="game"] .with-konchi.news_children__release__submit a, body[data-design="game"] .common-button.with-konchi button, body[data-design="game"] .with-konchi.article__content__bottom__link__button button, body[data-design="game"] .with-konchi.article__content__button button, body[data-design="game"] .with-konchi.common-button--strong button, body[data-design="game"] .with-konchi.common-button--strongest button, body[data-design="game"] .common-button--recommend div.with-konchi button, .common-button--recommend body[data-design="game"] div.with-konchi button, body[data-design="game"] .article__sidebar__button-block div.with-konchi button, .article__sidebar__button-block body[data-design="game"] div.with-konchi button, body[data-design="game"] .common-button--recommend-lobi div.with-konchi button, .common-button--recommend-lobi body[data-design="game"] div.with-konchi button, body[data-design="game"] .common-button--recommend-jagmo div.with-konchi button, .common-button--recommend-jagmo body[data-design="game"] div.with-konchi button, body[data-design="game"] .common-button--recommend-rankers div.with-konchi button, .common-button--recommend-rankers body[data-design="game"] div.with-konchi button, body[data-design="game"] .common-button--recommend-placole div.with-konchi button, .common-button--recommend-placole body[data-design="game"] div.with-konchi button, body[data-design="game"] .common-button--recommend-jitakusou div.with-konchi button, .common-button--recommend-jitakusou body[data-design="game"] div.with-konchi button, body[data-design="game"] .common-button--recommend-kamakura div.with-konchi button, .common-button--recommend-kamakura body[data-design="game"] div.with-konchi button, body[data-design="game"] .common-button--recommend-realkamakuraestate div.with-konchi button, .common-button--recommend-realkamakuraestate body[data-design="game"] div.with-konchi button, body[data-design="game"] .common-button--recommend-esports div.with-konchi button, .common-button--recommend-esports body[data-design="game"] div.with-konchi button, body[data-design="game"] .common-button--recommend-fanda div.with-konchi button, .common-button--recommend-fanda body[data-design="game"] div.with-konchi button, body[data-design="game"] .common-button--recommend-machino-coin .with-konchi.button--blue button, .common-button--recommend-machino-coin body[data-design="game"] .with-konchi.button--blue button, body[data-design="game"] body[data-design="simple"] .with-konchi.button--yellow button, body[data-design="simple"] body[data-design="game"] .with-konchi.button--yellow button, body[data-design="game"] .with-konchi.formtype__submit button, body[data-design="game"] .with-konchi.menu__search__submit button, body[data-design="game"] .with-konchi.sendbar__submit--strong button, body[data-design="game"] .with-konchi.sendbar__submit--search button, body[data-design="game"] .with-konchi.news_children__registration__submit button, body[data-design="game"] body[data-design="simple"] .with-konchi.more_info button, body[data-design="simple"] body[data-design="game"] .with-konchi.more_info button, body[data-design="game"] body[data-design="comic"] .with-konchi.more_info button, body[data-design="comic"] body[data-design="game"] .with-konchi.more_info button, body[data-design="game"] body[data-design="tech"] .more_info a.with-konchi button, body[data-design="tech"] .more_info body[data-design="game"] a.with-konchi button, body[data-design="game"] .with-konchi.common-intro__article__top-btn button, body[data-design="game"] .with-konchi.sendbar__submit button, body[data-design="game"] .with-konchi.news_children__release__submit button { padding-right: 93px; } /* line 593, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="game"] .common-button.with-konchi img, body[data-design="game"] .with-konchi.article__content__bottom__link__button img, body[data-design="game"] .with-konchi.article__content__button img, body[data-design="game"] .with-konchi.common-button--strong img, body[data-design="game"] .with-konchi.common-button--strongest img, body[data-design="game"] .common-button--recommend div.with-konchi img, .common-button--recommend body[data-design="game"] div.with-konchi img, body[data-design="game"] .article__sidebar__button-block div.with-konchi img, .article__sidebar__button-block body[data-design="game"] div.with-konchi img, body[data-design="game"] .common-button--recommend-lobi div.with-konchi img, .common-button--recommend-lobi body[data-design="game"] div.with-konchi img, body[data-design="game"] .common-button--recommend-jagmo div.with-konchi img, .common-button--recommend-jagmo body[data-design="game"] div.with-konchi img, body[data-design="game"] .common-button--recommend-rankers div.with-konchi img, .common-button--recommend-rankers body[data-design="game"] div.with-konchi img, body[data-design="game"] .common-button--recommend-placole div.with-konchi img, .common-button--recommend-placole body[data-design="game"] div.with-konchi img, body[data-design="game"] .common-button--recommend-jitakusou div.with-konchi img, .common-button--recommend-jitakusou body[data-design="game"] div.with-konchi img, body[data-design="game"] .common-button--recommend-kamakura div.with-konchi img, .common-button--recommend-kamakura body[data-design="game"] div.with-konchi img, body[data-design="game"] .common-button--recommend-realkamakuraestate div.with-konchi img, .common-button--recommend-realkamakuraestate body[data-design="game"] div.with-konchi img, body[data-design="game"] .common-button--recommend-esports div.with-konchi img, .common-button--recommend-esports body[data-design="game"] div.with-konchi img, body[data-design="game"] .common-button--recommend-fanda div.with-konchi img, .common-button--recommend-fanda body[data-design="game"] div.with-konchi img, body[data-design="game"] .common-button--recommend-machino-coin .with-konchi.button--blue img, .common-button--recommend-machino-coin body[data-design="game"] .with-konchi.button--blue img, body[data-design="game"] body[data-design="simple"] .with-konchi.button--yellow img, body[data-design="simple"] body[data-design="game"] .with-konchi.button--yellow img, body[data-design="game"] .with-konchi.formtype__submit img, body[data-design="game"] .with-konchi.menu__search__submit img, body[data-design="game"] .with-konchi.sendbar__submit--strong img, body[data-design="game"] .with-konchi.sendbar__submit--search img, body[data-design="game"] .with-konchi.news_children__registration__submit img, body[data-design="game"] body[data-design="simple"] .with-konchi.more_info img, body[data-design="simple"] body[data-design="game"] .with-konchi.more_info img, body[data-design="game"] body[data-design="comic"] .with-konchi.more_info img, body[data-design="comic"] body[data-design="game"] .with-konchi.more_info img, body[data-design="game"] body[data-design="tech"] .more_info a.with-konchi img, body[data-design="tech"] .more_info body[data-design="game"] a.with-konchi img, body[data-design="game"] .with-konchi.common-intro__article__top-btn img, body[data-design="game"] .with-konchi.sendbar__submit img, body[data-design="game"] .with-konchi.news_children__release__submit img { right: 37px; } /* line 599, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="game"] .common-button--strong, body[data-design="game"] .common-button--strongest, body[data-design="game"] .common-button--recommend div, .common-button--recommend body[data-design="game"] div, body[data-design="game"] .article__sidebar__button-block div, .article__sidebar__button-block body[data-design="game"] div, body[data-design="game"] .common-button--recommend-lobi div, .common-button--recommend-lobi body[data-design="game"] div, body[data-design="game"] .common-button--recommend-jagmo div, .common-button--recommend-jagmo body[data-design="game"] div, body[data-design="game"] .common-button--recommend-rankers div, .common-button--recommend-rankers body[data-design="game"] div, body[data-design="game"] .common-button--recommend-placole div, .common-button--recommend-placole body[data-design="game"] div, body[data-design="game"] .common-button--recommend-jitakusou div, .common-button--recommend-jitakusou body[data-design="game"] div, body[data-design="game"] .common-button--recommend-kamakura div, .common-button--recommend-kamakura body[data-design="game"] div, body[data-design="game"] .common-button--recommend-realkamakuraestate div, .common-button--recommend-realkamakuraestate body[data-design="game"] div, body[data-design="game"] .common-button--recommend-esports div, .common-button--recommend-esports body[data-design="game"] div, body[data-design="game"] .common-button--recommend-fanda div, .common-button--recommend-fanda body[data-design="game"] div, body[data-design="game"] .common-button--recommend-machino-coin .button--blue, .common-button--recommend-machino-coin body[data-design="game"] .button--blue, body[data-design="game"] body[data-design="simple"] .button--yellow, body[data-design="simple"] body[data-design="game"] .button--yellow, body[data-design="game"] .formtype__submit, body[data-design="game"] .menu__search__submit, body[data-design="game"] .sendbar__submit--strong, body[data-design="game"] .sendbar__submit--search, body[data-design="game"] .news_children__registration__submit, body[data-design="game"] body[data-design="simple"] .more_info, body[data-design="simple"] body[data-design="game"] .more_info, body[data-design="game"] body[data-design="comic"] .more_info, body[data-design="comic"] body[data-design="game"] .more_info, body[data-design="game"] body[data-design="tech"] .more_info a, body[data-design="tech"] .more_info body[data-design="game"] a { background: -webkit-gradient(linear, left bottom, left top, from(#33d42f), to(#49e845)); background: linear-gradient(to top, #33d42f, #49e845); color: #fff; } /* line 602, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="game"] .common-button--strong:hover, body[data-design="game"] .common-button--strongest:hover, body[data-design="game"] .common-button--recommend div:hover, .common-button--recommend body[data-design="game"] div:hover, body[data-design="game"] .article__sidebar__button-block div:hover, .article__sidebar__button-block body[data-design="game"] div:hover, body[data-design="game"] .common-button--recommend-lobi div:hover, .common-button--recommend-lobi body[data-design="game"] div:hover, body[data-design="game"] .common-button--recommend-jagmo div:hover, .common-button--recommend-jagmo body[data-design="game"] div:hover, body[data-design="game"] .common-button--recommend-rankers div:hover, .common-button--recommend-rankers body[data-design="game"] div:hover, body[data-design="game"] .common-button--recommend-placole div:hover, .common-button--recommend-placole body[data-design="game"] div:hover, body[data-design="game"] .common-button--recommend-jitakusou div:hover, .common-button--recommend-jitakusou body[data-design="game"] div:hover, body[data-design="game"] .common-button--recommend-kamakura div:hover, .common-button--recommend-kamakura body[data-design="game"] div:hover, body[data-design="game"] .common-button--recommend-realkamakuraestate div:hover, .common-button--recommend-realkamakuraestate body[data-design="game"] div:hover, body[data-design="game"] .common-button--recommend-esports div:hover, .common-button--recommend-esports body[data-design="game"] div:hover, body[data-design="game"] .common-button--recommend-fanda div:hover, .common-button--recommend-fanda body[data-design="game"] div:hover, body[data-design="game"] .common-button--recommend-machino-coin .button--blue:hover, .common-button--recommend-machino-coin body[data-design="game"] .button--blue:hover, body[data-design="game"] body[data-design="simple"] .button--yellow:hover, body[data-design="simple"] body[data-design="game"] .button--yellow:hover, body[data-design="game"] .formtype__submit:hover, body[data-design="game"] .menu__search__submit:hover, body[data-design="game"] .sendbar__submit--strong:hover, body[data-design="game"] .sendbar__submit--search:hover, body[data-design="game"] .news_children__registration__submit:hover, body[data-design="game"] body[data-design="simple"] .more_info:hover, body[data-design="simple"] body[data-design="game"] .more_info:hover, body[data-design="game"] body[data-design="comic"] .more_info:hover, body[data-design="comic"] body[data-design="game"] .more_info:hover, body[data-design="game"] body[data-design="tech"] .more_info a:hover, body[data-design="tech"] .more_info body[data-design="game"] a:hover { background: -webkit-gradient(linear, left bottom, left top, from(#2bb428), to(#3ec53b)); background: linear-gradient(to top, #2bb428, #3ec53b); } /* line 605, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="game"] .common-button--strong a:after, body[data-design="game"] .common-button--strongest a:after, body[data-design="game"] .common-button--recommend div a:after, .common-button--recommend body[data-design="game"] div a:after, body[data-design="game"] .article__sidebar__button-block div a:after, .article__sidebar__button-block body[data-design="game"] div a:after, body[data-design="game"] .common-button--recommend-lobi div a:after, .common-button--recommend-lobi body[data-design="game"] div a:after, body[data-design="game"] .common-button--recommend-jagmo div a:after, .common-button--recommend-jagmo body[data-design="game"] div a:after, body[data-design="game"] .common-button--recommend-rankers div a:after, .common-button--recommend-rankers body[data-design="game"] div a:after, body[data-design="game"] .common-button--recommend-placole div a:after, .common-button--recommend-placole body[data-design="game"] div a:after, body[data-design="game"] .common-button--recommend-jitakusou div a:after, .common-button--recommend-jitakusou body[data-design="game"] div a:after, body[data-design="game"] .common-button--recommend-kamakura div a:after, .common-button--recommend-kamakura body[data-design="game"] div a:after, body[data-design="game"] .common-button--recommend-realkamakuraestate div a:after, .common-button--recommend-realkamakuraestate body[data-design="game"] div a:after, body[data-design="game"] .common-button--recommend-esports div a:after, .common-button--recommend-esports body[data-design="game"] div a:after, body[data-design="game"] .common-button--recommend-fanda div a:after, .common-button--recommend-fanda body[data-design="game"] div a:after, body[data-design="game"] .common-button--recommend-machino-coin .button--blue a:after, .common-button--recommend-machino-coin body[data-design="game"] .button--blue a:after, body[data-design="game"] body[data-design="simple"] .button--yellow a:after, body[data-design="simple"] body[data-design="game"] .button--yellow a:after, body[data-design="game"] .formtype__submit a:after, body[data-design="game"] .menu__search__submit a:after, body[data-design="game"] .sendbar__submit--strong a:after, body[data-design="game"] .sendbar__submit--search a:after, body[data-design="game"] .news_children__registration__submit a:after, body[data-design="game"] body[data-design="simple"] .more_info a:after, body[data-design="simple"] body[data-design="game"] .more_info a:after, body[data-design="game"] body[data-design="comic"] .more_info a:after, body[data-design="comic"] body[data-design="game"] .more_info a:after, body[data-design="game"] body[data-design="tech"] .more_info a a:after, body[data-design="tech"] .more_info body[data-design="game"] a a:after { background-position: left bottom; } /* line 609, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="game"] .common-button--strong[data-game-effect-type="thunder"], body[data-design="game"] [data-game-effect-type="thunder"].common-button--strongest, body[data-design="game"] .common-button--recommend div[data-game-effect-type="thunder"], .common-button--recommend body[data-design="game"] div[data-game-effect-type="thunder"], body[data-design="game"] .article__sidebar__button-block div[data-game-effect-type="thunder"], .article__sidebar__button-block body[data-design="game"] div[data-game-effect-type="thunder"], body[data-design="game"] .common-button--recommend-lobi div[data-game-effect-type="thunder"], .common-button--recommend-lobi body[data-design="game"] div[data-game-effect-type="thunder"], body[data-design="game"] .common-button--recommend-jagmo div[data-game-effect-type="thunder"], .common-button--recommend-jagmo body[data-design="game"] div[data-game-effect-type="thunder"], body[data-design="game"] .common-button--recommend-rankers div[data-game-effect-type="thunder"], .common-button--recommend-rankers body[data-design="game"] div[data-game-effect-type="thunder"], body[data-design="game"] .common-button--recommend-placole div[data-game-effect-type="thunder"], .common-button--recommend-placole body[data-design="game"] div[data-game-effect-type="thunder"], body[data-design="game"] .common-button--recommend-jitakusou div[data-game-effect-type="thunder"], .common-button--recommend-jitakusou body[data-design="game"] div[data-game-effect-type="thunder"], body[data-design="game"] .common-button--recommend-kamakura div[data-game-effect-type="thunder"], .common-button--recommend-kamakura body[data-design="game"] div[data-game-effect-type="thunder"], body[data-design="game"] .common-button--recommend-realkamakuraestate div[data-game-effect-type="thunder"], .common-button--recommend-realkamakuraestate body[data-design="game"] div[data-game-effect-type="thunder"], body[data-design="game"] .common-button--recommend-esports div[data-game-effect-type="thunder"], .common-button--recommend-esports body[data-design="game"] div[data-game-effect-type="thunder"], body[data-design="game"] .common-button--recommend-fanda div[data-game-effect-type="thunder"], .common-button--recommend-fanda body[data-design="game"] div[data-game-effect-type="thunder"], body[data-design="game"] .common-button--recommend-machino-coin [data-game-effect-type="thunder"].button--blue, .common-button--recommend-machino-coin body[data-design="game"] [data-game-effect-type="thunder"].button--blue, body[data-design="game"] body[data-design="simple"] [data-game-effect-type="thunder"].button--yellow, body[data-design="simple"] body[data-design="game"] [data-game-effect-type="thunder"].button--yellow, body[data-design="game"] [data-game-effect-type="thunder"].formtype__submit, body[data-design="game"] [data-game-effect-type="thunder"].menu__search__submit, body[data-design="game"] [data-game-effect-type="thunder"].sendbar__submit--strong, body[data-design="game"] [data-game-effect-type="thunder"].sendbar__submit--search, body[data-design="game"] [data-game-effect-type="thunder"].news_children__registration__submit, body[data-design="game"] body[data-design="simple"] [data-game-effect-type="thunder"].more_info, body[data-design="simple"] body[data-design="game"] [data-game-effect-type="thunder"].more_info, body[data-design="game"] body[data-design="comic"] [data-game-effect-type="thunder"].more_info, body[data-design="comic"] body[data-design="game"] [data-game-effect-type="thunder"].more_info, body[data-design="game"] body[data-design="tech"] .more_info a[data-game-effect-type="thunder"], body[data-design="tech"] .more_info body[data-design="game"] a[data-game-effect-type="thunder"] { position: relative; } /* line 616, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="game"] .common-button--strongest a { color: #fff; } /* line 621, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="game"] .common-button--recommend, body[data-design="game"] .article__sidebar__button-block, body[data-design="game"] .common-button--recommend-lobi, body[data-design="game"] .common-button--recommend-jagmo, body[data-design="game"] .common-button--recommend-rankers, body[data-design="game"] .common-button--recommend-placole, body[data-design="game"] .common-button--recommend-jitakusou, body[data-design="game"] .common-button--recommend-kamakura, body[data-design="game"] .common-button--recommend-realkamakuraestate, body[data-design="game"] .common-button--recommend-esports, body[data-design="game"] .common-button--recommend-fanda { background-image: url(/assets/pc/design/game/ptn_game_2-6c79eed9d284fd1e805e405a6178ce8f94bb450b91be25ac77b8e532c5ad0cc5.png); background-size: 9px 5px; position: relative; } /* line 625, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="game"] .common-button--recommend div, body[data-design="game"] .article__sidebar__button-block div, body[data-design="game"] .common-button--recommend-lobi div, body[data-design="game"] .common-button--recommend-jagmo div, body[data-design="game"] .common-button--recommend-rankers div, body[data-design="game"] .common-button--recommend-placole div, body[data-design="game"] .common-button--recommend-jitakusou div, body[data-design="game"] .common-button--recommend-kamakura div, body[data-design="game"] .common-button--recommend-realkamakuraestate div, body[data-design="game"] .common-button--recommend-esports div, body[data-design="game"] .common-button--recommend-fanda div { -webkit-box-shadow: none; box-shadow: none; border: solid 2px #1ac519; } /* line 628, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="game"] .common-button--recommend div a, body[data-design="game"] .article__sidebar__button-block div a, body[data-design="game"] .common-button--recommend-lobi div a, body[data-design="game"] .common-button--recommend-jagmo div a, body[data-design="game"] .common-button--recommend-rankers div a, body[data-design="game"] .common-button--recommend-placole div a, body[data-design="game"] .common-button--recommend-jitakusou div a, body[data-design="game"] .common-button--recommend-kamakura div a, body[data-design="game"] .common-button--recommend-realkamakuraestate div a, body[data-design="game"] .common-button--recommend-esports div a, body[data-design="game"] .common-button--recommend-fanda div a { border-width: 0px; border-top: solid 1px rgba(255, 255, 255, 0.5); border-radius: 5px; } /* line 638, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="kamakura"] .common-button, body[data-design="kamakura"] .article__content__bottom__link__button, body[data-design="kamakura"] .article__content__button, body[data-design="kamakura"] .common-button--strong, body[data-design="kamakura"] .common-button--strongest, body[data-design="kamakura"] .common-button--recommend div, .common-button--recommend body[data-design="kamakura"] div, body[data-design="kamakura"] .article__sidebar__button-block div, .article__sidebar__button-block body[data-design="kamakura"] div, body[data-design="kamakura"] .common-button--recommend-lobi div, .common-button--recommend-lobi body[data-design="kamakura"] div, body[data-design="kamakura"] .common-button--recommend-jagmo div, .common-button--recommend-jagmo body[data-design="kamakura"] div, body[data-design="kamakura"] .common-button--recommend-rankers div, .common-button--recommend-rankers body[data-design="kamakura"] div, body[data-design="kamakura"] .common-button--recommend-placole div, .common-button--recommend-placole body[data-design="kamakura"] div, body[data-design="kamakura"] .common-button--recommend-jitakusou div, .common-button--recommend-jitakusou body[data-design="kamakura"] div, body[data-design="kamakura"] .common-button--recommend-kamakura div, .common-button--recommend-kamakura body[data-design="kamakura"] div, body[data-design="kamakura"] .common-button--recommend-realkamakuraestate div, .common-button--recommend-realkamakuraestate body[data-design="kamakura"] div, body[data-design="kamakura"] .common-button--recommend-esports div, .common-button--recommend-esports body[data-design="kamakura"] div, body[data-design="kamakura"] .common-button--recommend-fanda div, .common-button--recommend-fanda body[data-design="kamakura"] div, body[data-design="kamakura"] .common-button--recommend-machino-coin .button--blue, .common-button--recommend-machino-coin body[data-design="kamakura"] .button--blue, body[data-design="kamakura"] body[data-design="simple"] .button--yellow, body[data-design="simple"] body[data-design="kamakura"] .button--yellow, body[data-design="kamakura"] .formtype__submit, body[data-design="kamakura"] .menu__search__submit, body[data-design="kamakura"] .sendbar__submit--strong, body[data-design="kamakura"] .sendbar__submit--search, body[data-design="kamakura"] .news_children__registration__submit, body[data-design="kamakura"] body[data-design="simple"] .more_info, body[data-design="simple"] body[data-design="kamakura"] .more_info, body[data-design="kamakura"] body[data-design="comic"] .more_info, body[data-design="comic"] body[data-design="kamakura"] .more_info, body[data-design="kamakura"] body[data-design="tech"] .more_info a, body[data-design="tech"] .more_info body[data-design="kamakura"] a, body[data-design="kamakura"] .common-intro__article__top-btn, body[data-design="kamakura"] .sendbar__submit, body[data-design="kamakura"] .news_children__release__submit { font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; background-color: #dbdbdb; } /* line 641, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="kamakura"] .common-button:hover, body[data-design="kamakura"] .article__content__bottom__link__button:hover, body[data-design="kamakura"] .article__content__button:hover, body[data-design="kamakura"] .common-button--strong:hover, body[data-design="kamakura"] .common-button--strongest:hover, body[data-design="kamakura"] .common-button--recommend div:hover, .common-button--recommend body[data-design="kamakura"] div:hover, body[data-design="kamakura"] .article__sidebar__button-block div:hover, .article__sidebar__button-block body[data-design="kamakura"] div:hover, body[data-design="kamakura"] .common-button--recommend-lobi div:hover, .common-button--recommend-lobi body[data-design="kamakura"] div:hover, body[data-design="kamakura"] .common-button--recommend-jagmo div:hover, .common-button--recommend-jagmo body[data-design="kamakura"] div:hover, body[data-design="kamakura"] .common-button--recommend-rankers div:hover, .common-button--recommend-rankers body[data-design="kamakura"] div:hover, body[data-design="kamakura"] .common-button--recommend-placole div:hover, .common-button--recommend-placole body[data-design="kamakura"] div:hover, body[data-design="kamakura"] .common-button--recommend-jitakusou div:hover, .common-button--recommend-jitakusou body[data-design="kamakura"] div:hover, body[data-design="kamakura"] .common-button--recommend-kamakura div:hover, .common-button--recommend-kamakura body[data-design="kamakura"] div:hover, body[data-design="kamakura"] .common-button--recommend-realkamakuraestate div:hover, .common-button--recommend-realkamakuraestate body[data-design="kamakura"] div:hover, body[data-design="kamakura"] .common-button--recommend-esports div:hover, .common-button--recommend-esports body[data-design="kamakura"] div:hover, body[data-design="kamakura"] .common-button--recommend-fanda div:hover, .common-button--recommend-fanda body[data-design="kamakura"] div:hover, body[data-design="kamakura"] .common-button--recommend-machino-coin .button--blue:hover, .common-button--recommend-machino-coin body[data-design="kamakura"] .button--blue:hover, body[data-design="kamakura"] body[data-design="simple"] .button--yellow:hover, body[data-design="simple"] body[data-design="kamakura"] .button--yellow:hover, body[data-design="kamakura"] .formtype__submit:hover, body[data-design="kamakura"] .menu__search__submit:hover, body[data-design="kamakura"] .sendbar__submit--strong:hover, body[data-design="kamakura"] .sendbar__submit--search:hover, body[data-design="kamakura"] .news_children__registration__submit:hover, body[data-design="kamakura"] body[data-design="simple"] .more_info:hover, body[data-design="simple"] body[data-design="kamakura"] .more_info:hover, body[data-design="kamakura"] body[data-design="comic"] .more_info:hover, body[data-design="comic"] body[data-design="kamakura"] .more_info:hover, body[data-design="kamakura"] body[data-design="tech"] .more_info a:hover, body[data-design="tech"] .more_info body[data-design="kamakura"] a:hover, body[data-design="kamakura"] .common-intro__article__top-btn:hover, body[data-design="kamakura"] .sendbar__submit:hover, body[data-design="kamakura"] .news_children__release__submit:hover { background-color: #f0f0f0; } /* line 646, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="kamakura"] .common-button--strong, body[data-design="kamakura"] .common-button--strongest, body[data-design="kamakura"] .common-button--recommend div, .common-button--recommend body[data-design="kamakura"] div, body[data-design="kamakura"] .article__sidebar__button-block div, .article__sidebar__button-block body[data-design="kamakura"] div, body[data-design="kamakura"] .common-button--recommend-lobi div, .common-button--recommend-lobi body[data-design="kamakura"] div, body[data-design="kamakura"] .common-button--recommend-jagmo div, .common-button--recommend-jagmo body[data-design="kamakura"] div, body[data-design="kamakura"] .common-button--recommend-rankers div, .common-button--recommend-rankers body[data-design="kamakura"] div, body[data-design="kamakura"] .common-button--recommend-placole div, .common-button--recommend-placole body[data-design="kamakura"] div, body[data-design="kamakura"] .common-button--recommend-jitakusou div, .common-button--recommend-jitakusou body[data-design="kamakura"] div, body[data-design="kamakura"] .common-button--recommend-kamakura div, .common-button--recommend-kamakura body[data-design="kamakura"] div, body[data-design="kamakura"] .common-button--recommend-realkamakuraestate div, .common-button--recommend-realkamakuraestate body[data-design="kamakura"] div, body[data-design="kamakura"] .common-button--recommend-esports div, .common-button--recommend-esports body[data-design="kamakura"] div, body[data-design="kamakura"] .common-button--recommend-fanda div, .common-button--recommend-fanda body[data-design="kamakura"] div, body[data-design="kamakura"] .common-button--recommend-machino-coin .button--blue, .common-button--recommend-machino-coin body[data-design="kamakura"] .button--blue, body[data-design="kamakura"] body[data-design="simple"] .button--yellow, body[data-design="simple"] body[data-design="kamakura"] .button--yellow, body[data-design="kamakura"] .formtype__submit, body[data-design="kamakura"] .menu__search__submit, body[data-design="kamakura"] .sendbar__submit--strong, body[data-design="kamakura"] .sendbar__submit--search, body[data-design="kamakura"] .news_children__registration__submit, body[data-design="kamakura"] body[data-design="simple"] .more_info, body[data-design="simple"] body[data-design="kamakura"] .more_info, body[data-design="kamakura"] body[data-design="comic"] .more_info, body[data-design="comic"] body[data-design="kamakura"] .more_info, body[data-design="kamakura"] body[data-design="tech"] .more_info a, body[data-design="tech"] .more_info body[data-design="kamakura"] a { background-color: #000; color: #fff; } /* line 649, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="kamakura"] .common-button--strong:hover, body[data-design="kamakura"] .common-button--strongest:hover, body[data-design="kamakura"] .common-button--recommend div:hover, .common-button--recommend body[data-design="kamakura"] div:hover, body[data-design="kamakura"] .article__sidebar__button-block div:hover, .article__sidebar__button-block body[data-design="kamakura"] div:hover, body[data-design="kamakura"] .common-button--recommend-lobi div:hover, .common-button--recommend-lobi body[data-design="kamakura"] div:hover, body[data-design="kamakura"] .common-button--recommend-jagmo div:hover, .common-button--recommend-jagmo body[data-design="kamakura"] div:hover, body[data-design="kamakura"] .common-button--recommend-rankers div:hover, .common-button--recommend-rankers body[data-design="kamakura"] div:hover, body[data-design="kamakura"] .common-button--recommend-placole div:hover, .common-button--recommend-placole body[data-design="kamakura"] div:hover, body[data-design="kamakura"] .common-button--recommend-jitakusou div:hover, .common-button--recommend-jitakusou body[data-design="kamakura"] div:hover, body[data-design="kamakura"] .common-button--recommend-kamakura div:hover, .common-button--recommend-kamakura body[data-design="kamakura"] div:hover, body[data-design="kamakura"] .common-button--recommend-realkamakuraestate div:hover, .common-button--recommend-realkamakuraestate body[data-design="kamakura"] div:hover, body[data-design="kamakura"] .common-button--recommend-esports div:hover, .common-button--recommend-esports body[data-design="kamakura"] div:hover, body[data-design="kamakura"] .common-button--recommend-fanda div:hover, .common-button--recommend-fanda body[data-design="kamakura"] div:hover, body[data-design="kamakura"] .common-button--recommend-machino-coin .button--blue:hover, .common-button--recommend-machino-coin body[data-design="kamakura"] .button--blue:hover, body[data-design="kamakura"] body[data-design="simple"] .button--yellow:hover, body[data-design="simple"] body[data-design="kamakura"] .button--yellow:hover, body[data-design="kamakura"] .formtype__submit:hover, body[data-design="kamakura"] .menu__search__submit:hover, body[data-design="kamakura"] .sendbar__submit--strong:hover, body[data-design="kamakura"] .sendbar__submit--search:hover, body[data-design="kamakura"] .news_children__registration__submit:hover, body[data-design="kamakura"] body[data-design="simple"] .more_info:hover, body[data-design="simple"] body[data-design="kamakura"] .more_info:hover, body[data-design="kamakura"] body[data-design="comic"] .more_info:hover, body[data-design="comic"] body[data-design="kamakura"] .more_info:hover, body[data-design="kamakura"] body[data-design="tech"] .more_info a:hover, body[data-design="tech"] .more_info body[data-design="kamakura"] a:hover { background-color: #4d4d4d; } /* line 654, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="kamakura"] .common-button--strongest { background-color: #ff5500; } /* line 657, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="kamakura"] .common-button--strongest:hover { background-color: #d13400; } /* line 662, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="kamakura"] .common-button--recommend, body[data-design="kamakura"] .article__sidebar__button-block, body[data-design="kamakura"] .common-button--recommend-lobi, body[data-design="kamakura"] .common-button--recommend-jagmo, body[data-design="kamakura"] .common-button--recommend-rankers, body[data-design="kamakura"] .common-button--recommend-placole, body[data-design="kamakura"] .common-button--recommend-jitakusou, body[data-design="kamakura"] .common-button--recommend-kamakura, body[data-design="kamakura"] .common-button--recommend-realkamakuraestate, body[data-design="kamakura"] .common-button--recommend-esports, body[data-design="kamakura"] .common-button--recommend-fanda { background-image: url(/assets/pc/design/kamakura/bg_hatch_kamakura-cd587849643417df6b3639920a0ef57928baae13af3499c5082c3800fab2713d.gif); background-size: auto; } /* line 669, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="tech"] .common-button, body[data-design="tech"] .article__content__bottom__link__button, body[data-design="tech"] .article__content__button, body[data-design="tech"] .common-button--strong, body[data-design="tech"] .common-button--strongest, body[data-design="tech"] .common-button--recommend div, .common-button--recommend body[data-design="tech"] div, body[data-design="tech"] .article__sidebar__button-block div, .article__sidebar__button-block body[data-design="tech"] div, body[data-design="tech"] .common-button--recommend-lobi div, .common-button--recommend-lobi body[data-design="tech"] div, body[data-design="tech"] .common-button--recommend-jagmo div, .common-button--recommend-jagmo body[data-design="tech"] div, body[data-design="tech"] .common-button--recommend-rankers div, .common-button--recommend-rankers body[data-design="tech"] div, body[data-design="tech"] .common-button--recommend-placole div, .common-button--recommend-placole body[data-design="tech"] div, body[data-design="tech"] .common-button--recommend-jitakusou div, .common-button--recommend-jitakusou body[data-design="tech"] div, body[data-design="tech"] .common-button--recommend-kamakura div, .common-button--recommend-kamakura body[data-design="tech"] div, body[data-design="tech"] .common-button--recommend-realkamakuraestate div, .common-button--recommend-realkamakuraestate body[data-design="tech"] div, body[data-design="tech"] .common-button--recommend-esports div, .common-button--recommend-esports body[data-design="tech"] div, body[data-design="tech"] .common-button--recommend-fanda div, .common-button--recommend-fanda body[data-design="tech"] div, body[data-design="tech"] .common-button--recommend-machino-coin .button--blue, .common-button--recommend-machino-coin body[data-design="tech"] .button--blue, body[data-design="tech"] body[data-design="simple"] .button--yellow, body[data-design="simple"] body[data-design="tech"] .button--yellow, body[data-design="tech"] .formtype__submit, body[data-design="tech"] .menu__search__submit, body[data-design="tech"] .sendbar__submit--strong, body[data-design="tech"] .sendbar__submit--search, body[data-design="tech"] .news_children__registration__submit, body[data-design="tech"] body[data-design="simple"] .more_info, body[data-design="simple"] body[data-design="tech"] .more_info, body[data-design="tech"] body[data-design="comic"] .more_info, body[data-design="comic"] body[data-design="tech"] .more_info, body[data-design="tech"] .more_info a, body[data-design="tech"] .common-intro__article__top-btn, body[data-design="tech"] .sendbar__submit, body[data-design="tech"] .news_children__release__submit { color: #fff; font-family: "UD新ゴ コンデンス90 R", "Cambay", sans-serif !important; background-color: transparent; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } /* line 675, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="tech"] .common-button:before, body[data-design="tech"] .article__content__bottom__link__button:before, body[data-design="tech"] .article__content__button:before, body[data-design="tech"] .common-button--strong:before, body[data-design="tech"] .common-button--strongest:before, body[data-design="tech"] .common-button--recommend div:before, .common-button--recommend body[data-design="tech"] div:before, body[data-design="tech"] .article__sidebar__button-block div:before, .article__sidebar__button-block body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-lobi div:before, .common-button--recommend-lobi body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-jagmo div:before, .common-button--recommend-jagmo body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-rankers div:before, .common-button--recommend-rankers body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-placole div:before, .common-button--recommend-placole body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-jitakusou div:before, .common-button--recommend-jitakusou body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-kamakura div:before, .common-button--recommend-kamakura body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-realkamakuraestate div:before, .common-button--recommend-realkamakuraestate body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-esports div:before, .common-button--recommend-esports body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-fanda div:before, .common-button--recommend-fanda body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-machino-coin .button--blue:before, .common-button--recommend-machino-coin body[data-design="tech"] .button--blue:before, body[data-design="tech"] body[data-design="simple"] .button--yellow:before, body[data-design="simple"] body[data-design="tech"] .button--yellow:before, body[data-design="tech"] .formtype__submit:before, body[data-design="tech"] .menu__search__submit:before, body[data-design="tech"] .sendbar__submit--strong:before, body[data-design="tech"] .sendbar__submit--search:before, body[data-design="tech"] .news_children__registration__submit:before, body[data-design="tech"] body[data-design="simple"] .more_info:before, body[data-design="simple"] body[data-design="tech"] .more_info:before, body[data-design="tech"] body[data-design="comic"] .more_info:before, body[data-design="comic"] body[data-design="tech"] .more_info:before, body[data-design="tech"] .more_info a:before, body[data-design="tech"] .common-intro__article__top-btn:before, body[data-design="tech"] .sendbar__submit:before, body[data-design="tech"] .news_children__release__submit:before, body[data-design="tech"] .common-button:after, body[data-design="tech"] .article__content__bottom__link__button:after, body[data-design="tech"] .article__content__button:after, body[data-design="tech"] .common-button--strong:after, body[data-design="tech"] .common-button--strongest:after, body[data-design="tech"] .common-button--recommend div:after, .common-button--recommend body[data-design="tech"] div:after, body[data-design="tech"] .article__sidebar__button-block div:after, .article__sidebar__button-block body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-lobi div:after, .common-button--recommend-lobi body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-jagmo div:after, .common-button--recommend-jagmo body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-rankers div:after, .common-button--recommend-rankers body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-placole div:after, .common-button--recommend-placole body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-jitakusou div:after, .common-button--recommend-jitakusou body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-kamakura div:after, .common-button--recommend-kamakura body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-realkamakuraestate div:after, .common-button--recommend-realkamakuraestate body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-esports div:after, .common-button--recommend-esports body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-fanda div:after, .common-button--recommend-fanda body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-machino-coin .button--blue:after, .common-button--recommend-machino-coin body[data-design="tech"] .button--blue:after, body[data-design="tech"] body[data-design="simple"] .button--yellow:after, body[data-design="simple"] body[data-design="tech"] .button--yellow:after, body[data-design="tech"] .formtype__submit:after, body[data-design="tech"] .menu__search__submit:after, body[data-design="tech"] .sendbar__submit--strong:after, body[data-design="tech"] .sendbar__submit--search:after, body[data-design="tech"] .news_children__registration__submit:after, body[data-design="tech"] body[data-design="simple"] .more_info:after, body[data-design="simple"] body[data-design="tech"] .more_info:after, body[data-design="tech"] body[data-design="comic"] .more_info:after, body[data-design="comic"] body[data-design="tech"] .more_info:after, body[data-design="tech"] .more_info a:after, body[data-design="tech"] .common-intro__article__top-btn:after, body[data-design="tech"] .sendbar__submit:after, body[data-design="tech"] .news_children__release__submit:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: ""; } /* line 682, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="tech"] .common-button:before, body[data-design="tech"] .article__content__bottom__link__button:before, body[data-design="tech"] .article__content__button:before, body[data-design="tech"] .common-button--strong:before, body[data-design="tech"] .common-button--strongest:before, body[data-design="tech"] .common-button--recommend div:before, .common-button--recommend body[data-design="tech"] div:before, body[data-design="tech"] .article__sidebar__button-block div:before, .article__sidebar__button-block body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-lobi div:before, .common-button--recommend-lobi body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-jagmo div:before, .common-button--recommend-jagmo body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-rankers div:before, .common-button--recommend-rankers body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-placole div:before, .common-button--recommend-placole body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-jitakusou div:before, .common-button--recommend-jitakusou body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-kamakura div:before, .common-button--recommend-kamakura body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-realkamakuraestate div:before, .common-button--recommend-realkamakuraestate body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-esports div:before, .common-button--recommend-esports body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-fanda div:before, .common-button--recommend-fanda body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-machino-coin .button--blue:before, .common-button--recommend-machino-coin body[data-design="tech"] .button--blue:before, body[data-design="tech"] body[data-design="simple"] .button--yellow:before, body[data-design="simple"] body[data-design="tech"] .button--yellow:before, body[data-design="tech"] .formtype__submit:before, body[data-design="tech"] .menu__search__submit:before, body[data-design="tech"] .sendbar__submit--strong:before, body[data-design="tech"] .sendbar__submit--search:before, body[data-design="tech"] .news_children__registration__submit:before, body[data-design="tech"] body[data-design="simple"] .more_info:before, body[data-design="simple"] body[data-design="tech"] .more_info:before, body[data-design="tech"] body[data-design="comic"] .more_info:before, body[data-design="comic"] body[data-design="tech"] .more_info:before, body[data-design="tech"] .more_info a:before, body[data-design="tech"] .common-intro__article__top-btn:before, body[data-design="tech"] .sendbar__submit:before, body[data-design="tech"] .news_children__release__submit:before { border-style: solid; -o-border-image: url(/assets/pc/design/tech/btn_border-5b841e31ae5947f04d7348ad20321d7b3ac11c7c5026334c515739ef1eddbc2e.png) 25 55 25 55 repeat; border-image: url(/assets/pc/design/tech/btn_border-5b841e31ae5947f04d7348ad20321d7b3ac11c7c5026334c515739ef1eddbc2e.png) 25 55 25 55 fill repeat; border-image-width: 25px 55px 25px 55px; z-index: -1; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .common-button:before, .is-legacy-ie body[data-design="tech"] .article__content__bottom__link__button:before, .is-legacy-ie body[data-design="tech"] .article__content__button:before, .is-legacy-ie body[data-design="tech"] .common-button--strong:before, .is-legacy-ie body[data-design="tech"] .common-button--strongest:before, .is-legacy-ie body[data-design="tech"] .common-button--recommend div:before, .common-button--recommend .is-legacy-ie body[data-design="tech"] div:before, .is-legacy-ie body[data-design="tech"] .article__sidebar__button-block div:before, .article__sidebar__button-block .is-legacy-ie body[data-design="tech"] div:before, .is-legacy-ie body[data-design="tech"] .common-button--recommend-lobi div:before, .common-button--recommend-lobi .is-legacy-ie body[data-design="tech"] div:before, .is-legacy-ie body[data-design="tech"] .common-button--recommend-jagmo div:before, .common-button--recommend-jagmo .is-legacy-ie body[data-design="tech"] div:before, .is-legacy-ie body[data-design="tech"] .common-button--recommend-rankers div:before, .common-button--recommend-rankers .is-legacy-ie body[data-design="tech"] div:before, .is-legacy-ie body[data-design="tech"] .common-button--recommend-placole div:before, .common-button--recommend-placole .is-legacy-ie body[data-design="tech"] div:before, .is-legacy-ie body[data-design="tech"] .common-button--recommend-jitakusou div:before, .common-button--recommend-jitakusou .is-legacy-ie body[data-design="tech"] div:before, .is-legacy-ie body[data-design="tech"] .common-button--recommend-kamakura div:before, .common-button--recommend-kamakura .is-legacy-ie body[data-design="tech"] div:before, .is-legacy-ie body[data-design="tech"] .common-button--recommend-realkamakuraestate div:before, .common-button--recommend-realkamakuraestate .is-legacy-ie body[data-design="tech"] div:before, .is-legacy-ie body[data-design="tech"] .common-button--recommend-esports div:before, .common-button--recommend-esports .is-legacy-ie body[data-design="tech"] div:before, .is-legacy-ie body[data-design="tech"] .common-button--recommend-fanda div:before, .common-button--recommend-fanda .is-legacy-ie body[data-design="tech"] div:before, .is-legacy-ie body[data-design="tech"] .common-button--recommend-machino-coin .button--blue:before, .common-button--recommend-machino-coin .is-legacy-ie body[data-design="tech"] .button--blue:before, .is-legacy-ie body[data-design="tech"] body[data-design="simple"] .button--yellow:before, body[data-design="simple"] .is-legacy-ie body[data-design="tech"] .button--yellow:before, .is-legacy-ie body[data-design="tech"] .formtype__submit:before, .is-legacy-ie body[data-design="tech"] .menu__search__submit:before, .is-legacy-ie body[data-design="tech"] .sendbar__submit--strong:before, .is-legacy-ie body[data-design="tech"] .sendbar__submit--search:before, .is-legacy-ie body[data-design="tech"] .news_children__registration__submit:before, .is-legacy-ie body[data-design="tech"] body[data-design="simple"] .more_info:before, body[data-design="simple"] .is-legacy-ie body[data-design="tech"] .more_info:before, .is-legacy-ie body[data-design="tech"] body[data-design="comic"] .more_info:before, body[data-design="comic"] .is-legacy-ie body[data-design="tech"] .more_info:before, .is-legacy-ie body[data-design="tech"] .more_info a:before, .is-legacy-ie body[data-design="tech"] .common-intro__article__top-btn:before, .is-legacy-ie body[data-design="tech"] .sendbar__submit:before, .is-legacy-ie body[data-design="tech"] .news_children__release__submit:before { -o-border-image: none; border-image: none; } /* line 686, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="tech"] .common-button:after, body[data-design="tech"] .article__content__bottom__link__button:after, body[data-design="tech"] .article__content__button:after, body[data-design="tech"] .common-button--strong:after, body[data-design="tech"] .common-button--strongest:after, body[data-design="tech"] .common-button--recommend div:after, .common-button--recommend body[data-design="tech"] div:after, body[data-design="tech"] .article__sidebar__button-block div:after, .article__sidebar__button-block body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-lobi div:after, .common-button--recommend-lobi body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-jagmo div:after, .common-button--recommend-jagmo body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-rankers div:after, .common-button--recommend-rankers body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-placole div:after, .common-button--recommend-placole body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-jitakusou div:after, .common-button--recommend-jitakusou body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-kamakura div:after, .common-button--recommend-kamakura body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-realkamakuraestate div:after, .common-button--recommend-realkamakuraestate body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-esports div:after, .common-button--recommend-esports body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-fanda div:after, .common-button--recommend-fanda body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-machino-coin .button--blue:after, .common-button--recommend-machino-coin body[data-design="tech"] .button--blue:after, body[data-design="tech"] body[data-design="simple"] .button--yellow:after, body[data-design="simple"] body[data-design="tech"] .button--yellow:after, body[data-design="tech"] .formtype__submit:after, body[data-design="tech"] .menu__search__submit:after, body[data-design="tech"] .sendbar__submit--strong:after, body[data-design="tech"] .sendbar__submit--search:after, body[data-design="tech"] .news_children__registration__submit:after, body[data-design="tech"] body[data-design="simple"] .more_info:after, body[data-design="simple"] body[data-design="tech"] .more_info:after, body[data-design="tech"] body[data-design="comic"] .more_info:after, body[data-design="comic"] body[data-design="tech"] .more_info:after, body[data-design="tech"] .more_info a:after, body[data-design="tech"] .common-intro__article__top-btn:after, body[data-design="tech"] .sendbar__submit:after, body[data-design="tech"] .news_children__release__submit:after { border-style: solid; -o-border-image: url(/assets/pc/design/tech/btn_hover_border-0604608305c0546440e0faf1038670e4eff2f58bcaac7dcb8e3c02d445cbec5f.png) 25 55 25 55 repeat; border-image: url(/assets/pc/design/tech/btn_hover_border-0604608305c0546440e0faf1038670e4eff2f58bcaac7dcb8e3c02d445cbec5f.png) 25 55 25 55 fill repeat; border-image-width: 25px 55px 25px 55px; z-index: -1; -webkit-box-shadow: 0 0 20px 5px rgba(120, 120, 120, 0.5), 0 0 5px 5px rgba(120, 120, 120, 0.5) inset; box-shadow: 0 0 20px 5px rgba(120, 120, 120, 0.5), 0 0 5px 5px rgba(120, 120, 120, 0.5) inset; background-color: rgba(120, 120, 120, 0.5); border-radius: 10px; opacity: 0; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .common-button:after, .is-legacy-ie body[data-design="tech"] .article__content__bottom__link__button:after, .is-legacy-ie body[data-design="tech"] .article__content__button:after, .is-legacy-ie body[data-design="tech"] .common-button--strong:after, .is-legacy-ie body[data-design="tech"] .common-button--strongest:after, .is-legacy-ie body[data-design="tech"] .common-button--recommend div:after, .common-button--recommend .is-legacy-ie body[data-design="tech"] div:after, .is-legacy-ie body[data-design="tech"] .article__sidebar__button-block div:after, .article__sidebar__button-block .is-legacy-ie body[data-design="tech"] div:after, .is-legacy-ie body[data-design="tech"] .common-button--recommend-lobi div:after, .common-button--recommend-lobi .is-legacy-ie body[data-design="tech"] div:after, .is-legacy-ie body[data-design="tech"] .common-button--recommend-jagmo div:after, .common-button--recommend-jagmo .is-legacy-ie body[data-design="tech"] div:after, .is-legacy-ie body[data-design="tech"] .common-button--recommend-rankers div:after, .common-button--recommend-rankers .is-legacy-ie body[data-design="tech"] div:after, .is-legacy-ie body[data-design="tech"] .common-button--recommend-placole div:after, .common-button--recommend-placole .is-legacy-ie body[data-design="tech"] div:after, .is-legacy-ie body[data-design="tech"] .common-button--recommend-jitakusou div:after, .common-button--recommend-jitakusou .is-legacy-ie body[data-design="tech"] div:after, .is-legacy-ie body[data-design="tech"] .common-button--recommend-kamakura div:after, .common-button--recommend-kamakura .is-legacy-ie body[data-design="tech"] div:after, .is-legacy-ie body[data-design="tech"] .common-button--recommend-realkamakuraestate div:after, .common-button--recommend-realkamakuraestate .is-legacy-ie body[data-design="tech"] div:after, .is-legacy-ie body[data-design="tech"] .common-button--recommend-esports div:after, .common-button--recommend-esports .is-legacy-ie body[data-design="tech"] div:after, .is-legacy-ie body[data-design="tech"] .common-button--recommend-fanda div:after, .common-button--recommend-fanda .is-legacy-ie body[data-design="tech"] div:after, .is-legacy-ie body[data-design="tech"] .common-button--recommend-machino-coin .button--blue:after, .common-button--recommend-machino-coin .is-legacy-ie body[data-design="tech"] .button--blue:after, .is-legacy-ie body[data-design="tech"] body[data-design="simple"] .button--yellow:after, body[data-design="simple"] .is-legacy-ie body[data-design="tech"] .button--yellow:after, .is-legacy-ie body[data-design="tech"] .formtype__submit:after, .is-legacy-ie body[data-design="tech"] .menu__search__submit:after, .is-legacy-ie body[data-design="tech"] .sendbar__submit--strong:after, .is-legacy-ie body[data-design="tech"] .sendbar__submit--search:after, .is-legacy-ie body[data-design="tech"] .news_children__registration__submit:after, .is-legacy-ie body[data-design="tech"] body[data-design="simple"] .more_info:after, body[data-design="simple"] .is-legacy-ie body[data-design="tech"] .more_info:after, .is-legacy-ie body[data-design="tech"] body[data-design="comic"] .more_info:after, body[data-design="comic"] .is-legacy-ie body[data-design="tech"] .more_info:after, .is-legacy-ie body[data-design="tech"] .more_info a:after, .is-legacy-ie body[data-design="tech"] .common-intro__article__top-btn:after, .is-legacy-ie body[data-design="tech"] .sendbar__submit:after, .is-legacy-ie body[data-design="tech"] .news_children__release__submit:after { -o-border-image: none; border-image: none; } /* line 695, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="tech"] .common-button:hover, body[data-design="tech"] .article__content__bottom__link__button:hover, body[data-design="tech"] .article__content__button:hover, body[data-design="tech"] .common-button--strong:hover, body[data-design="tech"] .common-button--strongest:hover, body[data-design="tech"] .common-button--recommend div:hover, .common-button--recommend body[data-design="tech"] div:hover, body[data-design="tech"] .article__sidebar__button-block div:hover, .article__sidebar__button-block body[data-design="tech"] div:hover, body[data-design="tech"] .common-button--recommend-lobi div:hover, .common-button--recommend-lobi body[data-design="tech"] div:hover, body[data-design="tech"] .common-button--recommend-jagmo div:hover, .common-button--recommend-jagmo body[data-design="tech"] div:hover, body[data-design="tech"] .common-button--recommend-rankers div:hover, .common-button--recommend-rankers body[data-design="tech"] div:hover, body[data-design="tech"] .common-button--recommend-placole div:hover, .common-button--recommend-placole body[data-design="tech"] div:hover, body[data-design="tech"] .common-button--recommend-jitakusou div:hover, .common-button--recommend-jitakusou body[data-design="tech"] div:hover, body[data-design="tech"] .common-button--recommend-kamakura div:hover, .common-button--recommend-kamakura body[data-design="tech"] div:hover, body[data-design="tech"] .common-button--recommend-realkamakuraestate div:hover, .common-button--recommend-realkamakuraestate body[data-design="tech"] div:hover, body[data-design="tech"] .common-button--recommend-esports div:hover, .common-button--recommend-esports body[data-design="tech"] div:hover, body[data-design="tech"] .common-button--recommend-fanda div:hover, .common-button--recommend-fanda body[data-design="tech"] div:hover, body[data-design="tech"] .common-button--recommend-machino-coin .button--blue:hover, .common-button--recommend-machino-coin body[data-design="tech"] .button--blue:hover, body[data-design="tech"] body[data-design="simple"] .button--yellow:hover, body[data-design="simple"] body[data-design="tech"] .button--yellow:hover, body[data-design="tech"] .formtype__submit:hover, body[data-design="tech"] .menu__search__submit:hover, body[data-design="tech"] .sendbar__submit--strong:hover, body[data-design="tech"] .sendbar__submit--search:hover, body[data-design="tech"] .news_children__registration__submit:hover, body[data-design="tech"] body[data-design="simple"] .more_info:hover, body[data-design="simple"] body[data-design="tech"] .more_info:hover, body[data-design="tech"] body[data-design="comic"] .more_info:hover, body[data-design="comic"] body[data-design="tech"] .more_info:hover, body[data-design="tech"] .more_info a:hover, body[data-design="tech"] .common-intro__article__top-btn:hover, body[data-design="tech"] .sendbar__submit:hover, body[data-design="tech"] .news_children__release__submit:hover { text-shadow: 0 0 5px #fff; } /* line 698, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="tech"] .common-button:hover:before, body[data-design="tech"] .article__content__bottom__link__button:hover:before, body[data-design="tech"] .article__content__button:hover:before, body[data-design="tech"] .common-button--strong:hover:before, body[data-design="tech"] .common-button--strongest:hover:before, body[data-design="tech"] .common-button--recommend div:hover:before, .common-button--recommend body[data-design="tech"] div:hover:before, body[data-design="tech"] .article__sidebar__button-block div:hover:before, .article__sidebar__button-block body[data-design="tech"] div:hover:before, body[data-design="tech"] .common-button--recommend-lobi div:hover:before, .common-button--recommend-lobi body[data-design="tech"] div:hover:before, body[data-design="tech"] .common-button--recommend-jagmo div:hover:before, .common-button--recommend-jagmo body[data-design="tech"] div:hover:before, body[data-design="tech"] .common-button--recommend-rankers div:hover:before, .common-button--recommend-rankers body[data-design="tech"] div:hover:before, body[data-design="tech"] .common-button--recommend-placole div:hover:before, .common-button--recommend-placole body[data-design="tech"] div:hover:before, body[data-design="tech"] .common-button--recommend-jitakusou div:hover:before, .common-button--recommend-jitakusou body[data-design="tech"] div:hover:before, body[data-design="tech"] .common-button--recommend-kamakura div:hover:before, .common-button--recommend-kamakura body[data-design="tech"] div:hover:before, body[data-design="tech"] .common-button--recommend-realkamakuraestate div:hover:before, .common-button--recommend-realkamakuraestate body[data-design="tech"] div:hover:before, body[data-design="tech"] .common-button--recommend-esports div:hover:before, .common-button--recommend-esports body[data-design="tech"] div:hover:before, body[data-design="tech"] .common-button--recommend-fanda div:hover:before, .common-button--recommend-fanda body[data-design="tech"] div:hover:before, body[data-design="tech"] .common-button--recommend-machino-coin .button--blue:hover:before, .common-button--recommend-machino-coin body[data-design="tech"] .button--blue:hover:before, body[data-design="tech"] body[data-design="simple"] .button--yellow:hover:before, body[data-design="simple"] body[data-design="tech"] .button--yellow:hover:before, body[data-design="tech"] .formtype__submit:hover:before, body[data-design="tech"] .menu__search__submit:hover:before, body[data-design="tech"] .sendbar__submit--strong:hover:before, body[data-design="tech"] .sendbar__submit--search:hover:before, body[data-design="tech"] .news_children__registration__submit:hover:before, body[data-design="tech"] body[data-design="simple"] .more_info:hover:before, body[data-design="simple"] body[data-design="tech"] .more_info:hover:before, body[data-design="tech"] body[data-design="comic"] .more_info:hover:before, body[data-design="comic"] body[data-design="tech"] .more_info:hover:before, body[data-design="tech"] .more_info a:hover:before, body[data-design="tech"] .common-intro__article__top-btn:hover:before, body[data-design="tech"] .sendbar__submit:hover:before, body[data-design="tech"] .news_children__release__submit:hover:before { opacity: 0; } /* line 702, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="tech"] .common-button:hover:after, body[data-design="tech"] .article__content__bottom__link__button:hover:after, body[data-design="tech"] .article__content__button:hover:after, body[data-design="tech"] .common-button--strong:hover:after, body[data-design="tech"] .common-button--strongest:hover:after, body[data-design="tech"] .common-button--recommend div:hover:after, .common-button--recommend body[data-design="tech"] div:hover:after, body[data-design="tech"] .article__sidebar__button-block div:hover:after, .article__sidebar__button-block body[data-design="tech"] div:hover:after, body[data-design="tech"] .common-button--recommend-lobi div:hover:after, .common-button--recommend-lobi body[data-design="tech"] div:hover:after, body[data-design="tech"] .common-button--recommend-jagmo div:hover:after, .common-button--recommend-jagmo body[data-design="tech"] div:hover:after, body[data-design="tech"] .common-button--recommend-rankers div:hover:after, .common-button--recommend-rankers body[data-design="tech"] div:hover:after, body[data-design="tech"] .common-button--recommend-placole div:hover:after, .common-button--recommend-placole body[data-design="tech"] div:hover:after, body[data-design="tech"] .common-button--recommend-jitakusou div:hover:after, .common-button--recommend-jitakusou body[data-design="tech"] div:hover:after, body[data-design="tech"] .common-button--recommend-kamakura div:hover:after, .common-button--recommend-kamakura body[data-design="tech"] div:hover:after, body[data-design="tech"] .common-button--recommend-realkamakuraestate div:hover:after, .common-button--recommend-realkamakuraestate body[data-design="tech"] div:hover:after, body[data-design="tech"] .common-button--recommend-esports div:hover:after, .common-button--recommend-esports body[data-design="tech"] div:hover:after, body[data-design="tech"] .common-button--recommend-fanda div:hover:after, .common-button--recommend-fanda body[data-design="tech"] div:hover:after, body[data-design="tech"] .common-button--recommend-machino-coin .button--blue:hover:after, .common-button--recommend-machino-coin body[data-design="tech"] .button--blue:hover:after, body[data-design="tech"] body[data-design="simple"] .button--yellow:hover:after, body[data-design="simple"] body[data-design="tech"] .button--yellow:hover:after, body[data-design="tech"] .formtype__submit:hover:after, body[data-design="tech"] .menu__search__submit:hover:after, body[data-design="tech"] .sendbar__submit--strong:hover:after, body[data-design="tech"] .sendbar__submit--search:hover:after, body[data-design="tech"] .news_children__registration__submit:hover:after, body[data-design="tech"] body[data-design="simple"] .more_info:hover:after, body[data-design="simple"] body[data-design="tech"] .more_info:hover:after, body[data-design="tech"] body[data-design="comic"] .more_info:hover:after, body[data-design="comic"] body[data-design="tech"] .more_info:hover:after, body[data-design="tech"] .more_info a:hover:after, body[data-design="tech"] .common-intro__article__top-btn:hover:after, body[data-design="tech"] .sendbar__submit:hover:after, body[data-design="tech"] .news_children__release__submit:hover:after { opacity: 1; } /* line 708, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="tech"] .common-button a:before, body[data-design="tech"] .article__content__bottom__link__button a:before, body[data-design="tech"] .article__content__button a:before, body[data-design="tech"] .common-button--strong a:before, body[data-design="tech"] .common-button--strongest a:before, body[data-design="tech"] .common-button--recommend div a:before, .common-button--recommend body[data-design="tech"] div a:before, body[data-design="tech"] .article__sidebar__button-block div a:before, .article__sidebar__button-block body[data-design="tech"] div a:before, body[data-design="tech"] .common-button--recommend-lobi div a:before, .common-button--recommend-lobi body[data-design="tech"] div a:before, body[data-design="tech"] .common-button--recommend-jagmo div a:before, .common-button--recommend-jagmo body[data-design="tech"] div a:before, body[data-design="tech"] .common-button--recommend-rankers div a:before, .common-button--recommend-rankers body[data-design="tech"] div a:before, body[data-design="tech"] .common-button--recommend-placole div a:before, .common-button--recommend-placole body[data-design="tech"] div a:before, body[data-design="tech"] .common-button--recommend-jitakusou div a:before, .common-button--recommend-jitakusou body[data-design="tech"] div a:before, body[data-design="tech"] .common-button--recommend-kamakura div a:before, .common-button--recommend-kamakura body[data-design="tech"] div a:before, body[data-design="tech"] .common-button--recommend-realkamakuraestate div a:before, .common-button--recommend-realkamakuraestate body[data-design="tech"] div a:before, body[data-design="tech"] .common-button--recommend-esports div a:before, .common-button--recommend-esports body[data-design="tech"] div a:before, body[data-design="tech"] .common-button--recommend-fanda div a:before, .common-button--recommend-fanda body[data-design="tech"] div a:before, body[data-design="tech"] .common-button--recommend-machino-coin .button--blue a:before, .common-button--recommend-machino-coin body[data-design="tech"] .button--blue a:before, body[data-design="tech"] body[data-design="simple"] .button--yellow a:before, body[data-design="simple"] body[data-design="tech"] .button--yellow a:before, body[data-design="tech"] .formtype__submit a:before, body[data-design="tech"] .menu__search__submit a:before, body[data-design="tech"] .sendbar__submit--strong a:before, body[data-design="tech"] .sendbar__submit--search a:before, body[data-design="tech"] .news_children__registration__submit a:before, body[data-design="tech"] body[data-design="simple"] .more_info a:before, body[data-design="simple"] body[data-design="tech"] .more_info a:before, body[data-design="tech"] body[data-design="comic"] .more_info a:before, body[data-design="comic"] body[data-design="tech"] .more_info a:before, body[data-design="tech"] .more_info a a:before, body[data-design="tech"] .common-intro__article__top-btn a:before, body[data-design="tech"] .sendbar__submit a:before, body[data-design="tech"] .news_children__release__submit a:before { display: block; position: absolute; top: 0; bottom: 0; right: 12px; background-image: url(/assets/sprite-dest/pc/tech-7f12b8c56c17884c6efdabb8271d34a3c480f6fb85f2a09f9c140fb549314b2a.png); background-position: 0px 0px; width: 14px; height: 9px; margin: auto; content: ""; } /* line 715, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="tech"] .common-button a:hover:before, body[data-design="tech"] .article__content__bottom__link__button a:hover:before, body[data-design="tech"] .article__content__button a:hover:before, body[data-design="tech"] .common-button--strong a:hover:before, body[data-design="tech"] .common-button--strongest a:hover:before, body[data-design="tech"] .common-button--recommend div a:hover:before, .common-button--recommend body[data-design="tech"] div a:hover:before, body[data-design="tech"] .article__sidebar__button-block div a:hover:before, .article__sidebar__button-block body[data-design="tech"] div a:hover:before, body[data-design="tech"] .common-button--recommend-lobi div a:hover:before, .common-button--recommend-lobi body[data-design="tech"] div a:hover:before, body[data-design="tech"] .common-button--recommend-jagmo div a:hover:before, .common-button--recommend-jagmo body[data-design="tech"] div a:hover:before, body[data-design="tech"] .common-button--recommend-rankers div a:hover:before, .common-button--recommend-rankers body[data-design="tech"] div a:hover:before, body[data-design="tech"] .common-button--recommend-placole div a:hover:before, .common-button--recommend-placole body[data-design="tech"] div a:hover:before, body[data-design="tech"] .common-button--recommend-jitakusou div a:hover:before, .common-button--recommend-jitakusou body[data-design="tech"] div a:hover:before, body[data-design="tech"] .common-button--recommend-kamakura div a:hover:before, .common-button--recommend-kamakura body[data-design="tech"] div a:hover:before, body[data-design="tech"] .common-button--recommend-realkamakuraestate div a:hover:before, .common-button--recommend-realkamakuraestate body[data-design="tech"] div a:hover:before, body[data-design="tech"] .common-button--recommend-esports div a:hover:before, .common-button--recommend-esports body[data-design="tech"] div a:hover:before, body[data-design="tech"] .common-button--recommend-fanda div a:hover:before, .common-button--recommend-fanda body[data-design="tech"] div a:hover:before, body[data-design="tech"] .common-button--recommend-machino-coin .button--blue a:hover:before, .common-button--recommend-machino-coin body[data-design="tech"] .button--blue a:hover:before, body[data-design="tech"] body[data-design="simple"] .button--yellow a:hover:before, body[data-design="simple"] body[data-design="tech"] .button--yellow a:hover:before, body[data-design="tech"] .formtype__submit a:hover:before, body[data-design="tech"] .menu__search__submit a:hover:before, body[data-design="tech"] .sendbar__submit--strong a:hover:before, body[data-design="tech"] .sendbar__submit--search a:hover:before, body[data-design="tech"] .news_children__registration__submit a:hover:before, body[data-design="tech"] body[data-design="simple"] .more_info a:hover:before, body[data-design="simple"] body[data-design="tech"] .more_info a:hover:before, body[data-design="tech"] body[data-design="comic"] .more_info a:hover:before, body[data-design="comic"] body[data-design="tech"] .more_info a:hover:before, body[data-design="tech"] .more_info a a:hover:before, body[data-design="tech"] .common-intro__article__top-btn a:hover:before, body[data-design="tech"] .sendbar__submit a:hover:before, body[data-design="tech"] .news_children__release__submit a:hover:before { background-image: url(/assets/sprite-dest/pc/tech-7f12b8c56c17884c6efdabb8271d34a3c480f6fb85f2a09f9c140fb549314b2a.png); background-position: -14px 0px; width: 14px; height: 9px; } /* line 720, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="tech"] .common-button a, body[data-design="tech"] .article__content__bottom__link__button a, body[data-design="tech"] .article__content__button a, body[data-design="tech"] .common-button--strong a, body[data-design="tech"] .common-button--strongest a, body[data-design="tech"] .common-button--recommend div a, .common-button--recommend body[data-design="tech"] div a, body[data-design="tech"] .article__sidebar__button-block div a, .article__sidebar__button-block body[data-design="tech"] div a, body[data-design="tech"] .common-button--recommend-lobi div a, .common-button--recommend-lobi body[data-design="tech"] div a, body[data-design="tech"] .common-button--recommend-jagmo div a, .common-button--recommend-jagmo body[data-design="tech"] div a, body[data-design="tech"] .common-button--recommend-rankers div a, .common-button--recommend-rankers body[data-design="tech"] div a, body[data-design="tech"] .common-button--recommend-placole div a, .common-button--recommend-placole body[data-design="tech"] div a, body[data-design="tech"] .common-button--recommend-jitakusou div a, .common-button--recommend-jitakusou body[data-design="tech"] div a, body[data-design="tech"] .common-button--recommend-kamakura div a, .common-button--recommend-kamakura body[data-design="tech"] div a, body[data-design="tech"] .common-button--recommend-realkamakuraestate div a, .common-button--recommend-realkamakuraestate body[data-design="tech"] div a, body[data-design="tech"] .common-button--recommend-esports div a, .common-button--recommend-esports body[data-design="tech"] div a, body[data-design="tech"] .common-button--recommend-fanda div a, .common-button--recommend-fanda body[data-design="tech"] div a, body[data-design="tech"] .common-button--recommend-machino-coin .button--blue a, .common-button--recommend-machino-coin body[data-design="tech"] .button--blue a, body[data-design="tech"] body[data-design="simple"] .button--yellow a, body[data-design="simple"] body[data-design="tech"] .button--yellow a, body[data-design="tech"] .formtype__submit a, body[data-design="tech"] .menu__search__submit a, body[data-design="tech"] .sendbar__submit--strong a, body[data-design="tech"] .sendbar__submit--search a, body[data-design="tech"] .news_children__registration__submit a, body[data-design="tech"] body[data-design="simple"] .more_info a, body[data-design="simple"] body[data-design="tech"] .more_info a, body[data-design="tech"] body[data-design="comic"] .more_info a, body[data-design="comic"] body[data-design="tech"] .more_info a, body[data-design="tech"] .more_info a a, body[data-design="tech"] .common-intro__article__top-btn a, body[data-design="tech"] .sendbar__submit a, body[data-design="tech"] .news_children__release__submit a { padding-right: 30px; } /* line 723, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="tech"] .common-button a:after, body[data-design="tech"] .article__content__bottom__link__button a:after, body[data-design="tech"] .article__content__button a:after, body[data-design="tech"] .common-button--strong a:after, body[data-design="tech"] .common-button--strongest a:after, body[data-design="tech"] .common-button--recommend div a:after, .common-button--recommend body[data-design="tech"] div a:after, body[data-design="tech"] .article__sidebar__button-block div a:after, .article__sidebar__button-block body[data-design="tech"] div a:after, body[data-design="tech"] .common-button--recommend-lobi div a:after, .common-button--recommend-lobi body[data-design="tech"] div a:after, body[data-design="tech"] .common-button--recommend-jagmo div a:after, .common-button--recommend-jagmo body[data-design="tech"] div a:after, body[data-design="tech"] .common-button--recommend-rankers div a:after, .common-button--recommend-rankers body[data-design="tech"] div a:after, body[data-design="tech"] .common-button--recommend-placole div a:after, .common-button--recommend-placole body[data-design="tech"] div a:after, body[data-design="tech"] .common-button--recommend-jitakusou div a:after, .common-button--recommend-jitakusou body[data-design="tech"] div a:after, body[data-design="tech"] .common-button--recommend-kamakura div a:after, .common-button--recommend-kamakura body[data-design="tech"] div a:after, body[data-design="tech"] .common-button--recommend-realkamakuraestate div a:after, .common-button--recommend-realkamakuraestate body[data-design="tech"] div a:after, body[data-design="tech"] .common-button--recommend-esports div a:after, .common-button--recommend-esports body[data-design="tech"] div a:after, body[data-design="tech"] .common-button--recommend-fanda div a:after, .common-button--recommend-fanda body[data-design="tech"] div a:after, body[data-design="tech"] .common-button--recommend-machino-coin .button--blue a:after, .common-button--recommend-machino-coin body[data-design="tech"] .button--blue a:after, body[data-design="tech"] body[data-design="simple"] .button--yellow a:after, body[data-design="simple"] body[data-design="tech"] .button--yellow a:after, body[data-design="tech"] .formtype__submit a:after, body[data-design="tech"] .menu__search__submit a:after, body[data-design="tech"] .sendbar__submit--strong a:after, body[data-design="tech"] .sendbar__submit--search a:after, body[data-design="tech"] .news_children__registration__submit a:after, body[data-design="tech"] body[data-design="simple"] .more_info a:after, body[data-design="simple"] body[data-design="tech"] .more_info a:after, body[data-design="tech"] body[data-design="comic"] .more_info a:after, body[data-design="comic"] body[data-design="tech"] .more_info a:after, body[data-design="tech"] .more_info a a:after, body[data-design="tech"] .common-intro__article__top-btn a:after, body[data-design="tech"] .sendbar__submit a:after, body[data-design="tech"] .news_children__release__submit a:after { display: none; } /* line 729, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="tech"] .common-button.with-konchi a, body[data-design="tech"] .with-konchi.article__content__bottom__link__button a, body[data-design="tech"] .with-konchi.article__content__button a, body[data-design="tech"] .with-konchi.common-button--strong a, body[data-design="tech"] .with-konchi.common-button--strongest a, body[data-design="tech"] .common-button--recommend div.with-konchi a, .common-button--recommend body[data-design="tech"] div.with-konchi a, body[data-design="tech"] .article__sidebar__button-block div.with-konchi a, .article__sidebar__button-block body[data-design="tech"] div.with-konchi a, body[data-design="tech"] .common-button--recommend-lobi div.with-konchi a, .common-button--recommend-lobi body[data-design="tech"] div.with-konchi a, body[data-design="tech"] .common-button--recommend-jagmo div.with-konchi a, .common-button--recommend-jagmo body[data-design="tech"] div.with-konchi a, body[data-design="tech"] .common-button--recommend-rankers div.with-konchi a, .common-button--recommend-rankers body[data-design="tech"] div.with-konchi a, body[data-design="tech"] .common-button--recommend-placole div.with-konchi a, .common-button--recommend-placole body[data-design="tech"] div.with-konchi a, body[data-design="tech"] .common-button--recommend-jitakusou div.with-konchi a, .common-button--recommend-jitakusou body[data-design="tech"] div.with-konchi a, body[data-design="tech"] .common-button--recommend-kamakura div.with-konchi a, .common-button--recommend-kamakura body[data-design="tech"] div.with-konchi a, body[data-design="tech"] .common-button--recommend-realkamakuraestate div.with-konchi a, .common-button--recommend-realkamakuraestate body[data-design="tech"] div.with-konchi a, body[data-design="tech"] .common-button--recommend-esports div.with-konchi a, .common-button--recommend-esports body[data-design="tech"] div.with-konchi a, body[data-design="tech"] .common-button--recommend-fanda div.with-konchi a, .common-button--recommend-fanda body[data-design="tech"] div.with-konchi a, body[data-design="tech"] .common-button--recommend-machino-coin .with-konchi.button--blue a, .common-button--recommend-machino-coin body[data-design="tech"] .with-konchi.button--blue a, body[data-design="tech"] body[data-design="simple"] .with-konchi.button--yellow a, body[data-design="simple"] body[data-design="tech"] .with-konchi.button--yellow a, body[data-design="tech"] .with-konchi.formtype__submit a, body[data-design="tech"] .with-konchi.menu__search__submit a, body[data-design="tech"] .with-konchi.sendbar__submit--strong a, body[data-design="tech"] .with-konchi.sendbar__submit--search a, body[data-design="tech"] .with-konchi.news_children__registration__submit a, body[data-design="tech"] body[data-design="simple"] .with-konchi.more_info a, body[data-design="simple"] body[data-design="tech"] .with-konchi.more_info a, body[data-design="tech"] body[data-design="comic"] .with-konchi.more_info a, body[data-design="comic"] body[data-design="tech"] .with-konchi.more_info a, body[data-design="tech"] .more_info a.with-konchi a, body[data-design="tech"] .with-konchi.common-intro__article__top-btn a, body[data-design="tech"] .with-konchi.sendbar__submit a, body[data-design="tech"] .with-konchi.news_children__release__submit a, body[data-design="tech"] .common-button.with-konchi button, body[data-design="tech"] .with-konchi.article__content__bottom__link__button button, body[data-design="tech"] .with-konchi.article__content__button button, body[data-design="tech"] .with-konchi.common-button--strong button, body[data-design="tech"] .with-konchi.common-button--strongest button, body[data-design="tech"] .common-button--recommend div.with-konchi button, .common-button--recommend body[data-design="tech"] div.with-konchi button, body[data-design="tech"] .article__sidebar__button-block div.with-konchi button, .article__sidebar__button-block body[data-design="tech"] div.with-konchi button, body[data-design="tech"] .common-button--recommend-lobi div.with-konchi button, .common-button--recommend-lobi body[data-design="tech"] div.with-konchi button, body[data-design="tech"] .common-button--recommend-jagmo div.with-konchi button, .common-button--recommend-jagmo body[data-design="tech"] div.with-konchi button, body[data-design="tech"] .common-button--recommend-rankers div.with-konchi button, .common-button--recommend-rankers body[data-design="tech"] div.with-konchi button, body[data-design="tech"] .common-button--recommend-placole div.with-konchi button, .common-button--recommend-placole body[data-design="tech"] div.with-konchi button, body[data-design="tech"] .common-button--recommend-jitakusou div.with-konchi button, .common-button--recommend-jitakusou body[data-design="tech"] div.with-konchi button, body[data-design="tech"] .common-button--recommend-kamakura div.with-konchi button, .common-button--recommend-kamakura body[data-design="tech"] div.with-konchi button, body[data-design="tech"] .common-button--recommend-realkamakuraestate div.with-konchi button, .common-button--recommend-realkamakuraestate body[data-design="tech"] div.with-konchi button, body[data-design="tech"] .common-button--recommend-esports div.with-konchi button, .common-button--recommend-esports body[data-design="tech"] div.with-konchi button, body[data-design="tech"] .common-button--recommend-fanda div.with-konchi button, .common-button--recommend-fanda body[data-design="tech"] div.with-konchi button, body[data-design="tech"] .common-button--recommend-machino-coin .with-konchi.button--blue button, .common-button--recommend-machino-coin body[data-design="tech"] .with-konchi.button--blue button, body[data-design="tech"] body[data-design="simple"] .with-konchi.button--yellow button, body[data-design="simple"] body[data-design="tech"] .with-konchi.button--yellow button, body[data-design="tech"] .with-konchi.formtype__submit button, body[data-design="tech"] .with-konchi.menu__search__submit button, body[data-design="tech"] .with-konchi.sendbar__submit--strong button, body[data-design="tech"] .with-konchi.sendbar__submit--search button, body[data-design="tech"] .with-konchi.news_children__registration__submit button, body[data-design="tech"] body[data-design="simple"] .with-konchi.more_info button, body[data-design="simple"] body[data-design="tech"] .with-konchi.more_info button, body[data-design="tech"] body[data-design="comic"] .with-konchi.more_info button, body[data-design="comic"] body[data-design="tech"] .with-konchi.more_info button, body[data-design="tech"] .more_info a.with-konchi button, body[data-design="tech"] .with-konchi.common-intro__article__top-btn button, body[data-design="tech"] .with-konchi.sendbar__submit button, body[data-design="tech"] .with-konchi.news_children__release__submit button { padding-right: 88px; } /* line 735, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="tech"] .common-button *, body[data-design="tech"] .article__content__bottom__link__button *, body[data-design="tech"] .article__content__button *, body[data-design="tech"] .common-button--strong *, body[data-design="tech"] .common-button--strongest *, body[data-design="tech"] .common-button--recommend div *, .common-button--recommend body[data-design="tech"] div *, body[data-design="tech"] .article__sidebar__button-block div *, .article__sidebar__button-block body[data-design="tech"] div *, body[data-design="tech"] .common-button--recommend-lobi div *, .common-button--recommend-lobi body[data-design="tech"] div *, body[data-design="tech"] .common-button--recommend-jagmo div *, .common-button--recommend-jagmo body[data-design="tech"] div *, body[data-design="tech"] .common-button--recommend-rankers div *, .common-button--recommend-rankers body[data-design="tech"] div *, body[data-design="tech"] .common-button--recommend-placole div *, .common-button--recommend-placole body[data-design="tech"] div *, body[data-design="tech"] .common-button--recommend-jitakusou div *, .common-button--recommend-jitakusou body[data-design="tech"] div *, body[data-design="tech"] .common-button--recommend-kamakura div *, .common-button--recommend-kamakura body[data-design="tech"] div *, body[data-design="tech"] .common-button--recommend-realkamakuraestate div *, .common-button--recommend-realkamakuraestate body[data-design="tech"] div *, body[data-design="tech"] .common-button--recommend-esports div *, .common-button--recommend-esports body[data-design="tech"] div *, body[data-design="tech"] .common-button--recommend-fanda div *, .common-button--recommend-fanda body[data-design="tech"] div *, body[data-design="tech"] .common-button--recommend-machino-coin .button--blue *, .common-button--recommend-machino-coin body[data-design="tech"] .button--blue *, body[data-design="tech"] body[data-design="simple"] .button--yellow *, body[data-design="simple"] body[data-design="tech"] .button--yellow *, body[data-design="tech"] .formtype__submit *, body[data-design="tech"] .menu__search__submit *, body[data-design="tech"] .sendbar__submit--strong *, body[data-design="tech"] .sendbar__submit--search *, body[data-design="tech"] .news_children__registration__submit *, body[data-design="tech"] body[data-design="simple"] .more_info *, body[data-design="simple"] body[data-design="tech"] .more_info *, body[data-design="tech"] body[data-design="comic"] .more_info *, body[data-design="comic"] body[data-design="tech"] .more_info *, body[data-design="tech"] .more_info a *, body[data-design="tech"] .common-intro__article__top-btn *, body[data-design="tech"] .sendbar__submit *, body[data-design="tech"] .news_children__release__submit * { font-family: "UD新ゴ コンデンス90 R", "Cambay", sans-serif !important; } /* line 740, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .is-safari body[data-design="tech"] .common-button:before, .is-safari body[data-design="tech"] .article__content__bottom__link__button:before, .is-safari body[data-design="tech"] .article__content__button:before, .is-safari body[data-design="tech"] .common-button--strong:before, .is-safari body[data-design="tech"] .common-button--strongest:before, .is-safari body[data-design="tech"] .common-button--recommend div:before, .common-button--recommend .is-safari body[data-design="tech"] div:before, .is-safari body[data-design="tech"] .article__sidebar__button-block div:before, .article__sidebar__button-block .is-safari body[data-design="tech"] div:before, .is-safari body[data-design="tech"] .common-button--recommend-lobi div:before, .common-button--recommend-lobi .is-safari body[data-design="tech"] div:before, .is-safari body[data-design="tech"] .common-button--recommend-jagmo div:before, .common-button--recommend-jagmo .is-safari body[data-design="tech"] div:before, .is-safari body[data-design="tech"] .common-button--recommend-rankers div:before, .common-button--recommend-rankers .is-safari body[data-design="tech"] div:before, .is-safari body[data-design="tech"] .common-button--recommend-placole div:before, .common-button--recommend-placole .is-safari body[data-design="tech"] div:before, .is-safari body[data-design="tech"] .common-button--recommend-jitakusou div:before, .common-button--recommend-jitakusou .is-safari body[data-design="tech"] div:before, .is-safari body[data-design="tech"] .common-button--recommend-kamakura div:before, .common-button--recommend-kamakura .is-safari body[data-design="tech"] div:before, .is-safari body[data-design="tech"] .common-button--recommend-realkamakuraestate div:before, .common-button--recommend-realkamakuraestate .is-safari body[data-design="tech"] div:before, .is-safari body[data-design="tech"] .common-button--recommend-esports div:before, .common-button--recommend-esports .is-safari body[data-design="tech"] div:before, .is-safari body[data-design="tech"] .common-button--recommend-fanda div:before, .common-button--recommend-fanda .is-safari body[data-design="tech"] div:before, .is-safari body[data-design="tech"] .common-button--recommend-machino-coin .button--blue:before, .common-button--recommend-machino-coin .is-safari body[data-design="tech"] .button--blue:before, .is-safari body[data-design="tech"] body[data-design="simple"] .button--yellow:before, body[data-design="simple"] .is-safari body[data-design="tech"] .button--yellow:before, .is-safari body[data-design="tech"] .formtype__submit:before, .is-safari body[data-design="tech"] .menu__search__submit:before, .is-safari body[data-design="tech"] .sendbar__submit--strong:before, .is-safari body[data-design="tech"] .sendbar__submit--search:before, .is-safari body[data-design="tech"] .news_children__registration__submit:before, .is-safari body[data-design="tech"] body[data-design="simple"] .more_info:before, body[data-design="simple"] .is-safari body[data-design="tech"] .more_info:before, .is-safari body[data-design="tech"] body[data-design="comic"] .more_info:before, body[data-design="comic"] .is-safari body[data-design="tech"] .more_info:before, .is-safari body[data-design="tech"] .more_info a:before, .is-safari body[data-design="tech"] .common-intro__article__top-btn:before, .is-safari body[data-design="tech"] .sendbar__submit:before, .is-safari body[data-design="tech"] .news_children__release__submit:before, .is-safari body[data-design="tech"] .common-button:after, .is-safari body[data-design="tech"] .article__content__bottom__link__button:after, .is-safari body[data-design="tech"] .article__content__button:after, .is-safari body[data-design="tech"] .common-button--strong:after, .is-safari body[data-design="tech"] .common-button--strongest:after, .is-safari body[data-design="tech"] .common-button--recommend div:after, .common-button--recommend .is-safari body[data-design="tech"] div:after, .is-safari body[data-design="tech"] .article__sidebar__button-block div:after, .article__sidebar__button-block .is-safari body[data-design="tech"] div:after, .is-safari body[data-design="tech"] .common-button--recommend-lobi div:after, .common-button--recommend-lobi .is-safari body[data-design="tech"] div:after, .is-safari body[data-design="tech"] .common-button--recommend-jagmo div:after, .common-button--recommend-jagmo .is-safari body[data-design="tech"] div:after, .is-safari body[data-design="tech"] .common-button--recommend-rankers div:after, .common-button--recommend-rankers .is-safari body[data-design="tech"] div:after, .is-safari body[data-design="tech"] .common-button--recommend-placole div:after, .common-button--recommend-placole .is-safari body[data-design="tech"] div:after, .is-safari body[data-design="tech"] .common-button--recommend-jitakusou div:after, .common-button--recommend-jitakusou .is-safari body[data-design="tech"] div:after, .is-safari body[data-design="tech"] .common-button--recommend-kamakura div:after, .common-button--recommend-kamakura .is-safari body[data-design="tech"] div:after, .is-safari body[data-design="tech"] .common-button--recommend-realkamakuraestate div:after, .common-button--recommend-realkamakuraestate .is-safari body[data-design="tech"] div:after, .is-safari body[data-design="tech"] .common-button--recommend-esports div:after, .common-button--recommend-esports .is-safari body[data-design="tech"] div:after, .is-safari body[data-design="tech"] .common-button--recommend-fanda div:after, .common-button--recommend-fanda .is-safari body[data-design="tech"] div:after, .is-safari body[data-design="tech"] .common-button--recommend-machino-coin .button--blue:after, .common-button--recommend-machino-coin .is-safari body[data-design="tech"] .button--blue:after, .is-safari body[data-design="tech"] body[data-design="simple"] .button--yellow:after, body[data-design="simple"] .is-safari body[data-design="tech"] .button--yellow:after, .is-safari body[data-design="tech"] .formtype__submit:after, .is-safari body[data-design="tech"] .menu__search__submit:after, .is-safari body[data-design="tech"] .sendbar__submit--strong:after, .is-safari body[data-design="tech"] .sendbar__submit--search:after, .is-safari body[data-design="tech"] .news_children__registration__submit:after, .is-safari body[data-design="tech"] body[data-design="simple"] .more_info:after, body[data-design="simple"] .is-safari body[data-design="tech"] .more_info:after, .is-safari body[data-design="tech"] body[data-design="comic"] .more_info:after, body[data-design="comic"] .is-safari body[data-design="tech"] .more_info:after, .is-safari body[data-design="tech"] .more_info a:after, .is-safari body[data-design="tech"] .common-intro__article__top-btn:after, .is-safari body[data-design="tech"] .sendbar__submit:after, .is-safari body[data-design="tech"] .news_children__release__submit:after { -webkit-transition: none; transition: none; } /* line 746, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .is-safari body[data-design="tech"] .common-button:hover:before, .is-safari body[data-design="tech"] .article__content__bottom__link__button:hover:before, .is-safari body[data-design="tech"] .article__content__button:hover:before, .is-safari body[data-design="tech"] .common-button--strong:hover:before, .is-safari body[data-design="tech"] .common-button--strongest:hover:before, .is-safari body[data-design="tech"] .common-button--recommend div:hover:before, .common-button--recommend .is-safari body[data-design="tech"] div:hover:before, .is-safari body[data-design="tech"] .article__sidebar__button-block div:hover:before, .article__sidebar__button-block .is-safari body[data-design="tech"] div:hover:before, .is-safari body[data-design="tech"] .common-button--recommend-lobi div:hover:before, .common-button--recommend-lobi .is-safari body[data-design="tech"] div:hover:before, .is-safari body[data-design="tech"] .common-button--recommend-jagmo div:hover:before, .common-button--recommend-jagmo .is-safari body[data-design="tech"] div:hover:before, .is-safari body[data-design="tech"] .common-button--recommend-rankers div:hover:before, .common-button--recommend-rankers .is-safari body[data-design="tech"] div:hover:before, .is-safari body[data-design="tech"] .common-button--recommend-placole div:hover:before, .common-button--recommend-placole .is-safari body[data-design="tech"] div:hover:before, .is-safari body[data-design="tech"] .common-button--recommend-jitakusou div:hover:before, .common-button--recommend-jitakusou .is-safari body[data-design="tech"] div:hover:before, .is-safari body[data-design="tech"] .common-button--recommend-kamakura div:hover:before, .common-button--recommend-kamakura .is-safari body[data-design="tech"] div:hover:before, .is-safari body[data-design="tech"] .common-button--recommend-realkamakuraestate div:hover:before, .common-button--recommend-realkamakuraestate .is-safari body[data-design="tech"] div:hover:before, .is-safari body[data-design="tech"] .common-button--recommend-esports div:hover:before, .common-button--recommend-esports .is-safari body[data-design="tech"] div:hover:before, .is-safari body[data-design="tech"] .common-button--recommend-fanda div:hover:before, .common-button--recommend-fanda .is-safari body[data-design="tech"] div:hover:before, .is-safari body[data-design="tech"] .common-button--recommend-machino-coin .button--blue:hover:before, .common-button--recommend-machino-coin .is-safari body[data-design="tech"] .button--blue:hover:before, .is-safari body[data-design="tech"] body[data-design="simple"] .button--yellow:hover:before, body[data-design="simple"] .is-safari body[data-design="tech"] .button--yellow:hover:before, .is-safari body[data-design="tech"] .formtype__submit:hover:before, .is-safari body[data-design="tech"] .menu__search__submit:hover:before, .is-safari body[data-design="tech"] .sendbar__submit--strong:hover:before, .is-safari body[data-design="tech"] .sendbar__submit--search:hover:before, .is-safari body[data-design="tech"] .news_children__registration__submit:hover:before, .is-safari body[data-design="tech"] body[data-design="simple"] .more_info:hover:before, body[data-design="simple"] .is-safari body[data-design="tech"] .more_info:hover:before, .is-safari body[data-design="tech"] body[data-design="comic"] .more_info:hover:before, body[data-design="comic"] .is-safari body[data-design="tech"] .more_info:hover:before, .is-safari body[data-design="tech"] .more_info a:hover:before, .is-safari body[data-design="tech"] .common-intro__article__top-btn:hover:before, .is-safari body[data-design="tech"] .sendbar__submit:hover:before, .is-safari body[data-design="tech"] .news_children__release__submit:hover:before { opacity: 1; } /* line 754, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="tech"] .common-button--strong:before, body[data-design="tech"] .common-button--strongest:before, body[data-design="tech"] .common-button--recommend div:before, .common-button--recommend body[data-design="tech"] div:before, body[data-design="tech"] .article__sidebar__button-block div:before, .article__sidebar__button-block body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-lobi div:before, .common-button--recommend-lobi body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-jagmo div:before, .common-button--recommend-jagmo body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-rankers div:before, .common-button--recommend-rankers body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-placole div:before, .common-button--recommend-placole body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-jitakusou div:before, .common-button--recommend-jitakusou body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-kamakura div:before, .common-button--recommend-kamakura body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-realkamakuraestate div:before, .common-button--recommend-realkamakuraestate body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-esports div:before, .common-button--recommend-esports body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-fanda div:before, .common-button--recommend-fanda body[data-design="tech"] div:before, body[data-design="tech"] .common-button--recommend-machino-coin .button--blue:before, .common-button--recommend-machino-coin body[data-design="tech"] .button--blue:before, body[data-design="tech"] body[data-design="simple"] .button--yellow:before, body[data-design="simple"] body[data-design="tech"] .button--yellow:before, body[data-design="tech"] .formtype__submit:before, body[data-design="tech"] .menu__search__submit:before, body[data-design="tech"] .sendbar__submit--strong:before, body[data-design="tech"] .sendbar__submit--search:before, body[data-design="tech"] .news_children__registration__submit:before, body[data-design="tech"] body[data-design="simple"] .more_info:before, body[data-design="simple"] body[data-design="tech"] .more_info:before, body[data-design="tech"] body[data-design="comic"] .more_info:before, body[data-design="comic"] body[data-design="tech"] .more_info:before, body[data-design="tech"] .more_info a:before { border-style: solid; -o-border-image: url(/assets/pc/design/tech/btn_strong_border-bd83ef1d52a4e37938e8a2796923ef1a892860a6f9393d99991b645001424c26.png) 25 55 25 55 repeat; border-image: url(/assets/pc/design/tech/btn_strong_border-bd83ef1d52a4e37938e8a2796923ef1a892860a6f9393d99991b645001424c26.png) 25 55 25 55 fill repeat; border-image-width: 25px 55px 25px 55px; z-index: -1; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .common-button--strong:before, .is-legacy-ie body[data-design="tech"] .common-button--strongest:before, .is-legacy-ie body[data-design="tech"] .common-button--recommend div:before, .common-button--recommend .is-legacy-ie body[data-design="tech"] div:before, .is-legacy-ie body[data-design="tech"] .article__sidebar__button-block div:before, .article__sidebar__button-block .is-legacy-ie body[data-design="tech"] div:before, .is-legacy-ie body[data-design="tech"] .common-button--recommend-lobi div:before, .common-button--recommend-lobi .is-legacy-ie body[data-design="tech"] div:before, .is-legacy-ie body[data-design="tech"] .common-button--recommend-jagmo div:before, .common-button--recommend-jagmo .is-legacy-ie body[data-design="tech"] div:before, .is-legacy-ie body[data-design="tech"] .common-button--recommend-rankers div:before, .common-button--recommend-rankers .is-legacy-ie body[data-design="tech"] div:before, .is-legacy-ie body[data-design="tech"] .common-button--recommend-placole div:before, .common-button--recommend-placole .is-legacy-ie body[data-design="tech"] div:before, .is-legacy-ie body[data-design="tech"] .common-button--recommend-jitakusou div:before, .common-button--recommend-jitakusou .is-legacy-ie body[data-design="tech"] div:before, .is-legacy-ie body[data-design="tech"] .common-button--recommend-kamakura div:before, .common-button--recommend-kamakura .is-legacy-ie body[data-design="tech"] div:before, .is-legacy-ie body[data-design="tech"] .common-button--recommend-realkamakuraestate div:before, .common-button--recommend-realkamakuraestate .is-legacy-ie body[data-design="tech"] div:before, .is-legacy-ie body[data-design="tech"] .common-button--recommend-esports div:before, .common-button--recommend-esports .is-legacy-ie body[data-design="tech"] div:before, .is-legacy-ie body[data-design="tech"] .common-button--recommend-fanda div:before, .common-button--recommend-fanda .is-legacy-ie body[data-design="tech"] div:before, .is-legacy-ie body[data-design="tech"] .common-button--recommend-machino-coin .button--blue:before, .common-button--recommend-machino-coin .is-legacy-ie body[data-design="tech"] .button--blue:before, .is-legacy-ie body[data-design="tech"] body[data-design="simple"] .button--yellow:before, body[data-design="simple"] .is-legacy-ie body[data-design="tech"] .button--yellow:before, .is-legacy-ie body[data-design="tech"] .formtype__submit:before, .is-legacy-ie body[data-design="tech"] .menu__search__submit:before, .is-legacy-ie body[data-design="tech"] .sendbar__submit--strong:before, .is-legacy-ie body[data-design="tech"] .sendbar__submit--search:before, .is-legacy-ie body[data-design="tech"] .news_children__registration__submit:before, .is-legacy-ie body[data-design="tech"] body[data-design="simple"] .more_info:before, body[data-design="simple"] .is-legacy-ie body[data-design="tech"] .more_info:before, .is-legacy-ie body[data-design="tech"] body[data-design="comic"] .more_info:before, body[data-design="comic"] .is-legacy-ie body[data-design="tech"] .more_info:before, .is-legacy-ie body[data-design="tech"] .more_info a:before { -o-border-image: none; border-image: none; } /* line 758, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="tech"] .common-button--strong:after, body[data-design="tech"] .common-button--strongest:after, body[data-design="tech"] .common-button--recommend div:after, .common-button--recommend body[data-design="tech"] div:after, body[data-design="tech"] .article__sidebar__button-block div:after, .article__sidebar__button-block body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-lobi div:after, .common-button--recommend-lobi body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-jagmo div:after, .common-button--recommend-jagmo body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-rankers div:after, .common-button--recommend-rankers body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-placole div:after, .common-button--recommend-placole body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-jitakusou div:after, .common-button--recommend-jitakusou body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-kamakura div:after, .common-button--recommend-kamakura body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-realkamakuraestate div:after, .common-button--recommend-realkamakuraestate body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-esports div:after, .common-button--recommend-esports body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-fanda div:after, .common-button--recommend-fanda body[data-design="tech"] div:after, body[data-design="tech"] .common-button--recommend-machino-coin .button--blue:after, .common-button--recommend-machino-coin body[data-design="tech"] .button--blue:after, body[data-design="tech"] body[data-design="simple"] .button--yellow:after, body[data-design="simple"] body[data-design="tech"] .button--yellow:after, body[data-design="tech"] .formtype__submit:after, body[data-design="tech"] .menu__search__submit:after, body[data-design="tech"] .sendbar__submit--strong:after, body[data-design="tech"] .sendbar__submit--search:after, body[data-design="tech"] .news_children__registration__submit:after, body[data-design="tech"] body[data-design="simple"] .more_info:after, body[data-design="simple"] body[data-design="tech"] .more_info:after, body[data-design="tech"] body[data-design="comic"] .more_info:after, body[data-design="comic"] body[data-design="tech"] .more_info:after, body[data-design="tech"] .more_info a:after { border-style: solid; -o-border-image: url(/assets/pc/design/tech/btn_strong_hover_border-cbb90019d43ac553c1ccb807473a0ad92ac97c3ac7b75d32a0298f6fb7374c4d.png) 25 55 25 55 repeat; border-image: url(/assets/pc/design/tech/btn_strong_hover_border-cbb90019d43ac553c1ccb807473a0ad92ac97c3ac7b75d32a0298f6fb7374c4d.png) 25 55 25 55 fill repeat; border-image-width: 25px 55px 25px 55px; z-index: -1; background-color: rgba(38, 198, 218, 0.5); -webkit-box-shadow: 0 0 20px 5px rgba(38, 198, 218, 0.5), 0 0 5px 5px rgba(38, 198, 218, 0.5) inset; box-shadow: 0 0 20px 5px rgba(38, 198, 218, 0.5), 0 0 5px 5px rgba(38, 198, 218, 0.5) inset; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .common-button--strong:after, .is-legacy-ie body[data-design="tech"] .common-button--strongest:after, .is-legacy-ie body[data-design="tech"] .common-button--recommend div:after, .common-button--recommend .is-legacy-ie body[data-design="tech"] div:after, .is-legacy-ie body[data-design="tech"] .article__sidebar__button-block div:after, .article__sidebar__button-block .is-legacy-ie body[data-design="tech"] div:after, .is-legacy-ie body[data-design="tech"] .common-button--recommend-lobi div:after, .common-button--recommend-lobi .is-legacy-ie body[data-design="tech"] div:after, .is-legacy-ie body[data-design="tech"] .common-button--recommend-jagmo div:after, .common-button--recommend-jagmo .is-legacy-ie body[data-design="tech"] div:after, .is-legacy-ie body[data-design="tech"] .common-button--recommend-rankers div:after, .common-button--recommend-rankers .is-legacy-ie body[data-design="tech"] div:after, .is-legacy-ie body[data-design="tech"] .common-button--recommend-placole div:after, .common-button--recommend-placole .is-legacy-ie body[data-design="tech"] div:after, .is-legacy-ie body[data-design="tech"] .common-button--recommend-jitakusou div:after, .common-button--recommend-jitakusou .is-legacy-ie body[data-design="tech"] div:after, .is-legacy-ie body[data-design="tech"] .common-button--recommend-kamakura div:after, .common-button--recommend-kamakura .is-legacy-ie body[data-design="tech"] div:after, .is-legacy-ie body[data-design="tech"] .common-button--recommend-realkamakuraestate div:after, .common-button--recommend-realkamakuraestate .is-legacy-ie body[data-design="tech"] div:after, .is-legacy-ie body[data-design="tech"] .common-button--recommend-esports div:after, .common-button--recommend-esports .is-legacy-ie body[data-design="tech"] div:after, .is-legacy-ie body[data-design="tech"] .common-button--recommend-fanda div:after, .common-button--recommend-fanda .is-legacy-ie body[data-design="tech"] div:after, .is-legacy-ie body[data-design="tech"] .common-button--recommend-machino-coin .button--blue:after, .common-button--recommend-machino-coin .is-legacy-ie body[data-design="tech"] .button--blue:after, .is-legacy-ie body[data-design="tech"] body[data-design="simple"] .button--yellow:after, body[data-design="simple"] .is-legacy-ie body[data-design="tech"] .button--yellow:after, .is-legacy-ie body[data-design="tech"] .formtype__submit:after, .is-legacy-ie body[data-design="tech"] .menu__search__submit:after, .is-legacy-ie body[data-design="tech"] .sendbar__submit--strong:after, .is-legacy-ie body[data-design="tech"] .sendbar__submit--search:after, .is-legacy-ie body[data-design="tech"] .news_children__registration__submit:after, .is-legacy-ie body[data-design="tech"] body[data-design="simple"] .more_info:after, body[data-design="simple"] .is-legacy-ie body[data-design="tech"] .more_info:after, .is-legacy-ie body[data-design="tech"] body[data-design="comic"] .more_info:after, body[data-design="comic"] .is-legacy-ie body[data-design="tech"] .more_info:after, .is-legacy-ie body[data-design="tech"] .more_info a:after { -o-border-image: none; border-image: none; } /* line 766, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="tech"] .common-button--strong a:before, body[data-design="tech"] .common-button--strongest a:before, body[data-design="tech"] .common-button--recommend div a:before, .common-button--recommend body[data-design="tech"] div a:before, body[data-design="tech"] .article__sidebar__button-block div a:before, .article__sidebar__button-block body[data-design="tech"] div a:before, body[data-design="tech"] .common-button--recommend-lobi div a:before, .common-button--recommend-lobi body[data-design="tech"] div a:before, body[data-design="tech"] .common-button--recommend-jagmo div a:before, .common-button--recommend-jagmo body[data-design="tech"] div a:before, body[data-design="tech"] .common-button--recommend-rankers div a:before, .common-button--recommend-rankers body[data-design="tech"] div a:before, body[data-design="tech"] .common-button--recommend-placole div a:before, .common-button--recommend-placole body[data-design="tech"] div a:before, body[data-design="tech"] .common-button--recommend-jitakusou div a:before, .common-button--recommend-jitakusou body[data-design="tech"] div a:before, body[data-design="tech"] .common-button--recommend-kamakura div a:before, .common-button--recommend-kamakura body[data-design="tech"] div a:before, body[data-design="tech"] .common-button--recommend-realkamakuraestate div a:before, .common-button--recommend-realkamakuraestate body[data-design="tech"] div a:before, body[data-design="tech"] .common-button--recommend-esports div a:before, .common-button--recommend-esports body[data-design="tech"] div a:before, body[data-design="tech"] .common-button--recommend-fanda div a:before, .common-button--recommend-fanda body[data-design="tech"] div a:before, body[data-design="tech"] .common-button--recommend-machino-coin .button--blue a:before, .common-button--recommend-machino-coin body[data-design="tech"] .button--blue a:before, body[data-design="tech"] body[data-design="simple"] .button--yellow a:before, body[data-design="simple"] body[data-design="tech"] .button--yellow a:before, body[data-design="tech"] .formtype__submit a:before, body[data-design="tech"] .menu__search__submit a:before, body[data-design="tech"] .sendbar__submit--strong a:before, body[data-design="tech"] .sendbar__submit--search a:before, body[data-design="tech"] .news_children__registration__submit a:before, body[data-design="tech"] body[data-design="simple"] .more_info a:before, body[data-design="simple"] body[data-design="tech"] .more_info a:before, body[data-design="tech"] body[data-design="comic"] .more_info a:before, body[data-design="comic"] body[data-design="tech"] .more_info a:before, body[data-design="tech"] .more_info a a:before { background-image: url(/assets/sprite-dest/pc/tech-7f12b8c56c17884c6efdabb8271d34a3c480f6fb85f2a09f9c140fb549314b2a.png); background-position: -28px 0px; width: 14px; height: 9px; } /* line 769, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="tech"] .common-button--strong a:hover:before, body[data-design="tech"] .common-button--strongest a:hover:before, body[data-design="tech"] .common-button--recommend div a:hover:before, .common-button--recommend body[data-design="tech"] div a:hover:before, body[data-design="tech"] .article__sidebar__button-block div a:hover:before, .article__sidebar__button-block body[data-design="tech"] div a:hover:before, body[data-design="tech"] .common-button--recommend-lobi div a:hover:before, .common-button--recommend-lobi body[data-design="tech"] div a:hover:before, body[data-design="tech"] .common-button--recommend-jagmo div a:hover:before, .common-button--recommend-jagmo body[data-design="tech"] div a:hover:before, body[data-design="tech"] .common-button--recommend-rankers div a:hover:before, .common-button--recommend-rankers body[data-design="tech"] div a:hover:before, body[data-design="tech"] .common-button--recommend-placole div a:hover:before, .common-button--recommend-placole body[data-design="tech"] div a:hover:before, body[data-design="tech"] .common-button--recommend-jitakusou div a:hover:before, .common-button--recommend-jitakusou body[data-design="tech"] div a:hover:before, body[data-design="tech"] .common-button--recommend-kamakura div a:hover:before, .common-button--recommend-kamakura body[data-design="tech"] div a:hover:before, body[data-design="tech"] .common-button--recommend-realkamakuraestate div a:hover:before, .common-button--recommend-realkamakuraestate body[data-design="tech"] div a:hover:before, body[data-design="tech"] .common-button--recommend-esports div a:hover:before, .common-button--recommend-esports body[data-design="tech"] div a:hover:before, body[data-design="tech"] .common-button--recommend-fanda div a:hover:before, .common-button--recommend-fanda body[data-design="tech"] div a:hover:before, body[data-design="tech"] .common-button--recommend-machino-coin .button--blue a:hover:before, .common-button--recommend-machino-coin body[data-design="tech"] .button--blue a:hover:before, body[data-design="tech"] body[data-design="simple"] .button--yellow a:hover:before, body[data-design="simple"] body[data-design="tech"] .button--yellow a:hover:before, body[data-design="tech"] .formtype__submit a:hover:before, body[data-design="tech"] .menu__search__submit a:hover:before, body[data-design="tech"] .sendbar__submit--strong a:hover:before, body[data-design="tech"] .sendbar__submit--search a:hover:before, body[data-design="tech"] .news_children__registration__submit a:hover:before, body[data-design="tech"] body[data-design="simple"] .more_info a:hover:before, body[data-design="simple"] body[data-design="tech"] .more_info a:hover:before, body[data-design="tech"] body[data-design="comic"] .more_info a:hover:before, body[data-design="comic"] body[data-design="tech"] .more_info a:hover:before, body[data-design="tech"] .more_info a a:hover:before { background-image: url(/assets/sprite-dest/pc/tech-7f12b8c56c17884c6efdabb8271d34a3c480f6fb85f2a09f9c140fb549314b2a.png); background-position: -42px 0px; width: 14px; height: 9px; } /* line 776, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="tech"] .common-button--strongest:before { border-style: solid; -o-border-image: url(/assets/pc/design/tech/btn_strongest_border-7d6aca4dee49bb36bb73f20e0db458b84a019dc804c696929a1f61bf289510cc.png) 50 55 50 55 repeat; border-image: url(/assets/pc/design/tech/btn_strongest_border-7d6aca4dee49bb36bb73f20e0db458b84a019dc804c696929a1f61bf289510cc.png) 50 55 50 55 fill repeat; border-image-width: 50px 55px 50px 55px; z-index: -1; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .common-button--strongest:before { -o-border-image: none; border-image: none; } /* line 780, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="tech"] .common-button--strongest:after { border-style: solid; -o-border-image: url(/assets/pc/design/tech/btn_strongest_hover_border-453c20ee7c74da7f3a11d5a1a97a12fda6294458c5ae2b9703f80e07e3244ce0.png) 50 55 50 55 repeat; border-image: url(/assets/pc/design/tech/btn_strongest_hover_border-453c20ee7c74da7f3a11d5a1a97a12fda6294458c5ae2b9703f80e07e3244ce0.png) 50 55 50 55 fill repeat; border-image-width: 50px 55px 50px 55px; z-index: -1; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .common-button--strongest:after { -o-border-image: none; border-image: none; } /* line 785, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="tech"] .common-button--recommend, body[data-design="tech"] .article__sidebar__button-block, body[data-design="tech"] .common-button--recommend-lobi, body[data-design="tech"] .common-button--recommend-jagmo, body[data-design="tech"] .common-button--recommend-rankers, body[data-design="tech"] .common-button--recommend-placole, body[data-design="tech"] .common-button--recommend-jitakusou, body[data-design="tech"] .common-button--recommend-kamakura, body[data-design="tech"] .common-button--recommend-realkamakuraestate, body[data-design="tech"] .common-button--recommend-esports, body[data-design="tech"] .common-button--recommend-fanda { background-color: transparent; background-image: url(/assets/pc/design/tech/ptn_tech-18b4924a9ba1a291815161b993d50bf2e56c0c1d34556c8908f0eb73f9603e5f.png); background-size: 18px 10px; } /* line 790, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="tech"] .common-button--recommend div, body[data-design="tech"] .article__sidebar__button-block div, body[data-design="tech"] .common-button--recommend-lobi div, body[data-design="tech"] .common-button--recommend-jagmo div, body[data-design="tech"] .common-button--recommend-rankers div, body[data-design="tech"] .common-button--recommend-placole div, body[data-design="tech"] .common-button--recommend-jitakusou div, body[data-design="tech"] .common-button--recommend-kamakura div, body[data-design="tech"] .common-button--recommend-realkamakuraestate div, body[data-design="tech"] .common-button--recommend-esports div, body[data-design="tech"] .common-button--recommend-fanda div { border: none; } /* line 793, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ body[data-design="tech"] .common-button--recommend div:before, body[data-design="tech"] .article__sidebar__button-block div:before, body[data-design="tech"] .common-button--recommend-lobi div:before, body[data-design="tech"] .common-button--recommend-jagmo div:before, body[data-design="tech"] .common-button--recommend-rankers div:before, body[data-design="tech"] .common-button--recommend-placole div:before, body[data-design="tech"] .common-button--recommend-jitakusou div:before, body[data-design="tech"] .common-button--recommend-kamakura div:before, body[data-design="tech"] .common-button--recommend-realkamakuraestate div:before, body[data-design="tech"] .common-button--recommend-esports div:before, body[data-design="tech"] .common-button--recommend-fanda div:before, body[data-design="tech"] .common-button--recommend div:hover:before, body[data-design="tech"] .article__sidebar__button-block div:hover:before, body[data-design="tech"] .common-button--recommend-lobi div:hover:before, body[data-design="tech"] .common-button--recommend-jagmo div:hover:before, body[data-design="tech"] .common-button--recommend-rankers div:hover:before, body[data-design="tech"] .common-button--recommend-placole div:hover:before, body[data-design="tech"] .common-button--recommend-jitakusou div:hover:before, body[data-design="tech"] .common-button--recommend-kamakura div:hover:before, body[data-design="tech"] .common-button--recommend-realkamakuraestate div:hover:before, body[data-design="tech"] .common-button--recommend-esports div:hover:before, body[data-design="tech"] .common-button--recommend-fanda div:hover:before { z-index: 0 !important; } /* line 799, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .is-safari body[data-design="tech"] .common-button--recommend div > *, .is-safari body[data-design="tech"] .article__sidebar__button-block div > *, .is-safari body[data-design="tech"] .common-button--recommend-lobi div > *, .is-safari body[data-design="tech"] .common-button--recommend-jagmo div > *, .is-safari body[data-design="tech"] .common-button--recommend-rankers div > *, .is-safari body[data-design="tech"] .common-button--recommend-placole div > *, .is-safari body[data-design="tech"] .common-button--recommend-jitakusou div > *, .is-safari body[data-design="tech"] .common-button--recommend-kamakura div > *, .is-safari body[data-design="tech"] .common-button--recommend-realkamakuraestate div > *, .is-safari body[data-design="tech"] .common-button--recommend-esports div > *, .is-safari body[data-design="tech"] .common-button--recommend-fanda div > * { position: relative; z-index: 1; } /* line 804, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-button.scss */ .is-safari body[data-design="tech"] .common-button--recommend div:after, .is-safari body[data-design="tech"] .article__sidebar__button-block div:after, .is-safari body[data-design="tech"] .common-button--recommend-lobi div:after, .is-safari body[data-design="tech"] .common-button--recommend-jagmo div:after, .is-safari body[data-design="tech"] .common-button--recommend-rankers div:after, .is-safari body[data-design="tech"] .common-button--recommend-placole div:after, .is-safari body[data-design="tech"] .common-button--recommend-jitakusou div:after, .is-safari body[data-design="tech"] .common-button--recommend-kamakura div:after, .is-safari body[data-design="tech"] .common-button--recommend-realkamakuraestate div:after, .is-safari body[data-design="tech"] .common-button--recommend-esports div:after, .is-safari body[data-design="tech"] .common-button--recommend-fanda div:after, .is-safari body[data-design="tech"] .common-button--recommend div:hover:after, .is-safari body[data-design="tech"] .article__sidebar__button-block div:hover:after, .is-safari body[data-design="tech"] .common-button--recommend-lobi div:hover:after, .is-safari body[data-design="tech"] .common-button--recommend-jagmo div:hover:after, .is-safari body[data-design="tech"] .common-button--recommend-rankers div:hover:after, .is-safari body[data-design="tech"] .common-button--recommend-placole div:hover:after, .is-safari body[data-design="tech"] .common-button--recommend-jitakusou div:hover:after, .is-safari body[data-design="tech"] .common-button--recommend-kamakura div:hover:after, .is-safari body[data-design="tech"] .common-button--recommend-realkamakuraestate div:hover:after, .is-safari body[data-design="tech"] .common-button--recommend-esports div:hover:after, .is-safari body[data-design="tech"] .common-button--recommend-fanda div:hover:after { z-index: 0 !important; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-checkbox.scss */ .common-checkbox, .formtype__form input[type="checkbox"], .formtype__form--entry input[type="checkbox"], .news_children__registration__agreement input[type="checkbox"] { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background: none; padding: 0; font: inherit; color: inherit; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .common-checkbox:before, .formtype__form input[type="checkbox"]:before, .formtype__form--entry input[type="checkbox"]:before, .news_children__registration__agreement input[type="checkbox"]:before { content: ""; font-family: FontAwesome; } /* line 5, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-checkbox.scss */ .common-checkbox:before, .formtype__form input[type="checkbox"]:before, .formtype__form--entry input[type="checkbox"]:before, .news_children__registration__agreement input[type="checkbox"]:before { display: block; height: 1em; line-height: 1em; font-size: 18px !important; color: #1b9af7; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .common-checkbox:checked:before, .formtype__form input[type="checkbox"]:checked:before, .formtype__form--entry input[type="checkbox"]:checked:before, .news_children__registration__agreement input[type="checkbox"]:checked:before { content: ""; font-family: FontAwesome; } /* line 26, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-checkbox.scss */ body[data-design="comic"] .common-checkbox:before, body[data-design="comic"] .formtype__form input[type="checkbox"]:before, .formtype__form body[data-design="comic"] input[type="checkbox"]:before, body[data-design="comic"] .formtype__form--entry input[type="checkbox"]:before, .formtype__form--entry body[data-design="comic"] input[type="checkbox"]:before, body[data-design="comic"] .news_children__registration__agreement input[type="checkbox"]:before, .news_children__registration__agreement body[data-design="comic"] input[type="checkbox"]:before { color: #474541; } /* line 34, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-checkbox.scss */ body[data-design="game"] .common-checkbox:before, body[data-design="game"] .formtype__form input[type="checkbox"]:before, .formtype__form body[data-design="game"] input[type="checkbox"]:before, body[data-design="game"] .formtype__form--entry input[type="checkbox"]:before, .formtype__form--entry body[data-design="game"] input[type="checkbox"]:before, body[data-design="game"] .news_children__registration__agreement input[type="checkbox"]:before, .news_children__registration__agreement body[data-design="game"] input[type="checkbox"]:before { color: #1ac519; } /* line 42, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-checkbox.scss */ body[data-design="kamakura"] .common-checkbox:before, body[data-design="kamakura"] .formtype__form input[type="checkbox"]:before, .formtype__form body[data-design="kamakura"] input[type="checkbox"]:before, body[data-design="kamakura"] .formtype__form--entry input[type="checkbox"]:before, .formtype__form--entry body[data-design="kamakura"] input[type="checkbox"]:before, body[data-design="kamakura"] .news_children__registration__agreement input[type="checkbox"]:before, .news_children__registration__agreement body[data-design="kamakura"] input[type="checkbox"]:before { color: #ed5300; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-checkbox.scss */ body[data-design="tech"] .common-checkbox:before, body[data-design="tech"] .formtype__form input[type="checkbox"]:before, .formtype__form body[data-design="tech"] input[type="checkbox"]:before, body[data-design="tech"] .formtype__form--entry input[type="checkbox"]:before, .formtype__form--entry body[data-design="tech"] input[type="checkbox"]:before, body[data-design="tech"] .news_children__registration__agreement input[type="checkbox"]:before, .news_children__registration__agreement body[data-design="tech"] input[type="checkbox"]:before { color: #6bc7ec; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-form.scss */ .common-form, .formtype__form input[type="text"], .formtype__form--entry input[type="text"], .formtype__form input[type="tel"], .formtype__form--entry input[type="tel"], .formtype__form input[type="url"], .formtype__form--entry input[type="url"], .formtype__form textarea, .formtype__form--entry textarea, .sendbar__textfield input, .news_children__registration__address input, .news_children__release__address input { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background: none; padding: 0; font: inherit; color: inherit; cursor: text; font-family: YakuHanJP, YuGothic, sans-serif; } /* line 8, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-form.scss */ .common-form.is-disabled, .formtype__form input.is-disabled[type="text"], .formtype__form--entry input.is-disabled[type="text"], .formtype__form input.is-disabled[type="tel"], .formtype__form--entry input.is-disabled[type="tel"], .formtype__form input.is-disabled[type="url"], .formtype__form--entry input.is-disabled[type="url"], .formtype__form textarea.is-disabled, .formtype__form--entry textarea.is-disabled, .sendbar__textfield input.is-disabled, .news_children__registration__address input.is-disabled, .news_children__release__address input.is-disabled { pointer-events: none; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-form.scss */ body[data-design="simple"] .common-form, body[data-design="simple"] .formtype__form input[type="text"], .formtype__form body[data-design="simple"] input[type="text"], body[data-design="simple"] .formtype__form--entry input[type="text"], .formtype__form--entry body[data-design="simple"] input[type="text"], body[data-design="simple"] .formtype__form input[type="tel"], .formtype__form body[data-design="simple"] input[type="tel"], body[data-design="simple"] .formtype__form--entry input[type="tel"], .formtype__form--entry body[data-design="simple"] input[type="tel"], body[data-design="simple"] .formtype__form input[type="url"], .formtype__form body[data-design="simple"] input[type="url"], body[data-design="simple"] .formtype__form--entry input[type="url"], .formtype__form--entry body[data-design="simple"] input[type="url"], body[data-design="simple"] .formtype__form textarea, .formtype__form body[data-design="simple"] textarea, body[data-design="simple"] .formtype__form--entry textarea, .formtype__form--entry body[data-design="simple"] textarea, body[data-design="simple"] .sendbar__textfield input, .sendbar__textfield body[data-design="simple"] input, body[data-design="simple"] .news_children__registration__address input, .news_children__registration__address body[data-design="simple"] input, body[data-design="simple"] .news_children__release__address input, .news_children__release__address body[data-design="simple"] input { color: #000; border: 1px solid #dedede; background-color: #fafafa; } /* line 19, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-form.scss */ body[data-design="simple"] .common-form::-webkit-input-placeholder, body[data-design="simple"] .formtype__form input[type="text"]::-webkit-input-placeholder, .formtype__form body[data-design="simple"] input[type="text"]::-webkit-input-placeholder, body[data-design="simple"] .formtype__form--entry input[type="text"]::-webkit-input-placeholder, .formtype__form--entry body[data-design="simple"] input[type="text"]::-webkit-input-placeholder, body[data-design="simple"] .formtype__form input[type="tel"]::-webkit-input-placeholder, .formtype__form body[data-design="simple"] input[type="tel"]::-webkit-input-placeholder, body[data-design="simple"] .formtype__form--entry input[type="tel"]::-webkit-input-placeholder, .formtype__form--entry body[data-design="simple"] input[type="tel"]::-webkit-input-placeholder, body[data-design="simple"] .formtype__form input[type="url"]::-webkit-input-placeholder, .formtype__form body[data-design="simple"] input[type="url"]::-webkit-input-placeholder, body[data-design="simple"] .formtype__form--entry input[type="url"]::-webkit-input-placeholder, .formtype__form--entry body[data-design="simple"] input[type="url"]::-webkit-input-placeholder, body[data-design="simple"] .formtype__form textarea::-webkit-input-placeholder, .formtype__form body[data-design="simple"] textarea::-webkit-input-placeholder, body[data-design="simple"] .formtype__form--entry textarea::-webkit-input-placeholder, .formtype__form--entry body[data-design="simple"] textarea::-webkit-input-placeholder, body[data-design="simple"] .sendbar__textfield input::-webkit-input-placeholder, .sendbar__textfield body[data-design="simple"] input::-webkit-input-placeholder, body[data-design="simple"] .news_children__registration__address input::-webkit-input-placeholder, .news_children__registration__address body[data-design="simple"] input::-webkit-input-placeholder, body[data-design="simple"] .news_children__release__address input::-webkit-input-placeholder, .news_children__release__address body[data-design="simple"] input::-webkit-input-placeholder { color: #999999; } body[data-design="simple"] .common-form::-moz-placeholder, body[data-design="simple"] .formtype__form input[type="text"]::-moz-placeholder, .formtype__form body[data-design="simple"] input[type="text"]::-moz-placeholder, body[data-design="simple"] .formtype__form--entry input[type="text"]::-moz-placeholder, .formtype__form--entry body[data-design="simple"] input[type="text"]::-moz-placeholder, body[data-design="simple"] .formtype__form input[type="tel"]::-moz-placeholder, .formtype__form body[data-design="simple"] input[type="tel"]::-moz-placeholder, body[data-design="simple"] .formtype__form--entry input[type="tel"]::-moz-placeholder, .formtype__form--entry body[data-design="simple"] input[type="tel"]::-moz-placeholder, body[data-design="simple"] .formtype__form input[type="url"]::-moz-placeholder, .formtype__form body[data-design="simple"] input[type="url"]::-moz-placeholder, body[data-design="simple"] .formtype__form--entry input[type="url"]::-moz-placeholder, .formtype__form--entry body[data-design="simple"] input[type="url"]::-moz-placeholder, body[data-design="simple"] .formtype__form textarea::-moz-placeholder, .formtype__form body[data-design="simple"] textarea::-moz-placeholder, body[data-design="simple"] .formtype__form--entry textarea::-moz-placeholder, .formtype__form--entry body[data-design="simple"] textarea::-moz-placeholder, body[data-design="simple"] .sendbar__textfield input::-moz-placeholder, .sendbar__textfield body[data-design="simple"] input::-moz-placeholder, body[data-design="simple"] .news_children__registration__address input::-moz-placeholder, .news_children__registration__address body[data-design="simple"] input::-moz-placeholder, body[data-design="simple"] .news_children__release__address input::-moz-placeholder, .news_children__release__address body[data-design="simple"] input::-moz-placeholder { color: #999999; } body[data-design="simple"] .common-form:-ms-input-placeholder, body[data-design="simple"] .formtype__form input[type="text"]:-ms-input-placeholder, .formtype__form body[data-design="simple"] input[type="text"]:-ms-input-placeholder, body[data-design="simple"] .formtype__form--entry input[type="text"]:-ms-input-placeholder, .formtype__form--entry body[data-design="simple"] input[type="text"]:-ms-input-placeholder, body[data-design="simple"] .formtype__form input[type="tel"]:-ms-input-placeholder, .formtype__form body[data-design="simple"] input[type="tel"]:-ms-input-placeholder, body[data-design="simple"] .formtype__form--entry input[type="tel"]:-ms-input-placeholder, .formtype__form--entry body[data-design="simple"] input[type="tel"]:-ms-input-placeholder, body[data-design="simple"] .formtype__form input[type="url"]:-ms-input-placeholder, .formtype__form body[data-design="simple"] input[type="url"]:-ms-input-placeholder, body[data-design="simple"] .formtype__form--entry input[type="url"]:-ms-input-placeholder, .formtype__form--entry body[data-design="simple"] input[type="url"]:-ms-input-placeholder, body[data-design="simple"] .formtype__form textarea:-ms-input-placeholder, .formtype__form body[data-design="simple"] textarea:-ms-input-placeholder, body[data-design="simple"] .formtype__form--entry textarea:-ms-input-placeholder, .formtype__form--entry body[data-design="simple"] textarea:-ms-input-placeholder, body[data-design="simple"] .sendbar__textfield input:-ms-input-placeholder, .sendbar__textfield body[data-design="simple"] input:-ms-input-placeholder, body[data-design="simple"] .news_children__registration__address input:-ms-input-placeholder, .news_children__registration__address body[data-design="simple"] input:-ms-input-placeholder, body[data-design="simple"] .news_children__release__address input:-ms-input-placeholder, .news_children__release__address body[data-design="simple"] input:-ms-input-placeholder { color: #999999; } body[data-design="simple"] .common-form::-ms-input-placeholder, body[data-design="simple"] .formtype__form input[type="text"]::-ms-input-placeholder, .formtype__form body[data-design="simple"] input[type="text"]::-ms-input-placeholder, body[data-design="simple"] .formtype__form--entry input[type="text"]::-ms-input-placeholder, .formtype__form--entry body[data-design="simple"] input[type="text"]::-ms-input-placeholder, body[data-design="simple"] .formtype__form input[type="tel"]::-ms-input-placeholder, .formtype__form body[data-design="simple"] input[type="tel"]::-ms-input-placeholder, body[data-design="simple"] .formtype__form--entry input[type="tel"]::-ms-input-placeholder, .formtype__form--entry body[data-design="simple"] input[type="tel"]::-ms-input-placeholder, body[data-design="simple"] .formtype__form input[type="url"]::-ms-input-placeholder, .formtype__form body[data-design="simple"] input[type="url"]::-ms-input-placeholder, body[data-design="simple"] .formtype__form--entry input[type="url"]::-ms-input-placeholder, .formtype__form--entry body[data-design="simple"] input[type="url"]::-ms-input-placeholder, body[data-design="simple"] .formtype__form textarea::-ms-input-placeholder, .formtype__form body[data-design="simple"] textarea::-ms-input-placeholder, body[data-design="simple"] .formtype__form--entry textarea::-ms-input-placeholder, .formtype__form--entry body[data-design="simple"] textarea::-ms-input-placeholder, body[data-design="simple"] .sendbar__textfield input::-ms-input-placeholder, .sendbar__textfield body[data-design="simple"] input::-ms-input-placeholder, body[data-design="simple"] .news_children__registration__address input::-ms-input-placeholder, .news_children__registration__address body[data-design="simple"] input::-ms-input-placeholder, body[data-design="simple"] .news_children__release__address input::-ms-input-placeholder, .news_children__release__address body[data-design="simple"] input::-ms-input-placeholder { color: #999999; } body[data-design="simple"] .common-form::placeholder, body[data-design="simple"] .formtype__form input[type="text"]::placeholder, .formtype__form body[data-design="simple"] input[type="text"]::placeholder, body[data-design="simple"] .formtype__form--entry input[type="text"]::placeholder, .formtype__form--entry body[data-design="simple"] input[type="text"]::placeholder, body[data-design="simple"] .formtype__form input[type="tel"]::placeholder, .formtype__form body[data-design="simple"] input[type="tel"]::placeholder, body[data-design="simple"] .formtype__form--entry input[type="tel"]::placeholder, .formtype__form--entry body[data-design="simple"] input[type="tel"]::placeholder, body[data-design="simple"] .formtype__form input[type="url"]::placeholder, .formtype__form body[data-design="simple"] input[type="url"]::placeholder, body[data-design="simple"] .formtype__form--entry input[type="url"]::placeholder, .formtype__form--entry body[data-design="simple"] input[type="url"]::placeholder, body[data-design="simple"] .formtype__form textarea::placeholder, .formtype__form body[data-design="simple"] textarea::placeholder, body[data-design="simple"] .formtype__form--entry textarea::placeholder, .formtype__form--entry body[data-design="simple"] textarea::placeholder, body[data-design="simple"] .sendbar__textfield input::placeholder, .sendbar__textfield body[data-design="simple"] input::placeholder, body[data-design="simple"] .news_children__registration__address input::placeholder, .news_children__registration__address body[data-design="simple"] input::placeholder, body[data-design="simple"] .news_children__release__address input::placeholder, .news_children__release__address body[data-design="simple"] input::placeholder { color: #999999; } /* line 24, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-form.scss */ body[data-design="simple"] .common-form.has-error, body[data-design="simple"] .formtype__form input.has-error[type="text"], .formtype__form body[data-design="simple"] input.has-error[type="text"], body[data-design="simple"] .formtype__form--entry input.has-error[type="text"], .formtype__form--entry body[data-design="simple"] input.has-error[type="text"], body[data-design="simple"] .formtype__form input.has-error[type="tel"], .formtype__form body[data-design="simple"] input.has-error[type="tel"], body[data-design="simple"] .formtype__form--entry input.has-error[type="tel"], .formtype__form--entry body[data-design="simple"] input.has-error[type="tel"], body[data-design="simple"] .formtype__form input.has-error[type="url"], .formtype__form body[data-design="simple"] input.has-error[type="url"], body[data-design="simple"] .formtype__form--entry input.has-error[type="url"], .formtype__form--entry body[data-design="simple"] input.has-error[type="url"], body[data-design="simple"] .formtype__form textarea.has-error, .formtype__form body[data-design="simple"] textarea.has-error, body[data-design="simple"] .formtype__form--entry textarea.has-error, .formtype__form--entry body[data-design="simple"] textarea.has-error, body[data-design="simple"] .sendbar__textfield input.has-error, .sendbar__textfield body[data-design="simple"] input.has-error, body[data-design="simple"] .news_children__registration__address input.has-error, .news_children__registration__address body[data-design="simple"] input.has-error, body[data-design="simple"] .news_children__release__address input.has-error, .news_children__release__address body[data-design="simple"] input.has-error { border-color: #f99; background-color: #ffefef; } /* line 29, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-form.scss */ body[data-design="simple"] .common-form.is-disabled, body[data-design="simple"] .formtype__form input.is-disabled[type="text"], .formtype__form body[data-design="simple"] input.is-disabled[type="text"], body[data-design="simple"] .formtype__form--entry input.is-disabled[type="text"], .formtype__form--entry body[data-design="simple"] input.is-disabled[type="text"], body[data-design="simple"] .formtype__form input.is-disabled[type="tel"], .formtype__form body[data-design="simple"] input.is-disabled[type="tel"], body[data-design="simple"] .formtype__form--entry input.is-disabled[type="tel"], .formtype__form--entry body[data-design="simple"] input.is-disabled[type="tel"], body[data-design="simple"] .formtype__form input.is-disabled[type="url"], .formtype__form body[data-design="simple"] input.is-disabled[type="url"], body[data-design="simple"] .formtype__form--entry input.is-disabled[type="url"], .formtype__form--entry body[data-design="simple"] input.is-disabled[type="url"], body[data-design="simple"] .formtype__form textarea.is-disabled, .formtype__form body[data-design="simple"] textarea.is-disabled, body[data-design="simple"] .formtype__form--entry textarea.is-disabled, .formtype__form--entry body[data-design="simple"] textarea.is-disabled, body[data-design="simple"] .sendbar__textfield input.is-disabled, .sendbar__textfield body[data-design="simple"] input.is-disabled, body[data-design="simple"] .news_children__registration__address input.is-disabled, .news_children__registration__address body[data-design="simple"] input.is-disabled, body[data-design="simple"] .news_children__release__address input.is-disabled, .news_children__release__address body[data-design="simple"] input.is-disabled { color: #dedede; } /* line 36, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-form.scss */ body[data-design="comic"] .common-form, body[data-design="comic"] .formtype__form input[type="text"], .formtype__form body[data-design="comic"] input[type="text"], body[data-design="comic"] .formtype__form--entry input[type="text"], .formtype__form--entry body[data-design="comic"] input[type="text"], body[data-design="comic"] .formtype__form input[type="tel"], .formtype__form body[data-design="comic"] input[type="tel"], body[data-design="comic"] .formtype__form--entry input[type="tel"], .formtype__form--entry body[data-design="comic"] input[type="tel"], body[data-design="comic"] .formtype__form input[type="url"], .formtype__form body[data-design="comic"] input[type="url"], body[data-design="comic"] .formtype__form--entry input[type="url"], .formtype__form--entry body[data-design="comic"] input[type="url"], body[data-design="comic"] .formtype__form textarea, .formtype__form body[data-design="comic"] textarea, body[data-design="comic"] .formtype__form--entry textarea, .formtype__form--entry body[data-design="comic"] textarea, body[data-design="comic"] .sendbar__textfield input, .sendbar__textfield body[data-design="comic"] input, body[data-design="comic"] .news_children__registration__address input, .news_children__registration__address body[data-design="comic"] input, body[data-design="comic"] .news_children__release__address input, .news_children__release__address body[data-design="comic"] input { color: #474541; border: 2px solid #474541; background-color: transparent; } /* line 41, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-form.scss */ body[data-design="comic"] .common-form::-webkit-input-placeholder, body[data-design="comic"] .formtype__form input[type="text"]::-webkit-input-placeholder, .formtype__form body[data-design="comic"] input[type="text"]::-webkit-input-placeholder, body[data-design="comic"] .formtype__form--entry input[type="text"]::-webkit-input-placeholder, .formtype__form--entry body[data-design="comic"] input[type="text"]::-webkit-input-placeholder, body[data-design="comic"] .formtype__form input[type="tel"]::-webkit-input-placeholder, .formtype__form body[data-design="comic"] input[type="tel"]::-webkit-input-placeholder, body[data-design="comic"] .formtype__form--entry input[type="tel"]::-webkit-input-placeholder, .formtype__form--entry body[data-design="comic"] input[type="tel"]::-webkit-input-placeholder, body[data-design="comic"] .formtype__form input[type="url"]::-webkit-input-placeholder, .formtype__form body[data-design="comic"] input[type="url"]::-webkit-input-placeholder, body[data-design="comic"] .formtype__form--entry input[type="url"]::-webkit-input-placeholder, .formtype__form--entry body[data-design="comic"] input[type="url"]::-webkit-input-placeholder, body[data-design="comic"] .formtype__form textarea::-webkit-input-placeholder, .formtype__form body[data-design="comic"] textarea::-webkit-input-placeholder, body[data-design="comic"] .formtype__form--entry textarea::-webkit-input-placeholder, .formtype__form--entry body[data-design="comic"] textarea::-webkit-input-placeholder, body[data-design="comic"] .sendbar__textfield input::-webkit-input-placeholder, .sendbar__textfield body[data-design="comic"] input::-webkit-input-placeholder, body[data-design="comic"] .news_children__registration__address input::-webkit-input-placeholder, .news_children__registration__address body[data-design="comic"] input::-webkit-input-placeholder, body[data-design="comic"] .news_children__release__address input::-webkit-input-placeholder, .news_children__release__address body[data-design="comic"] input::-webkit-input-placeholder { color: #999999; } body[data-design="comic"] .common-form::-moz-placeholder, body[data-design="comic"] .formtype__form input[type="text"]::-moz-placeholder, .formtype__form body[data-design="comic"] input[type="text"]::-moz-placeholder, body[data-design="comic"] .formtype__form--entry input[type="text"]::-moz-placeholder, .formtype__form--entry body[data-design="comic"] input[type="text"]::-moz-placeholder, body[data-design="comic"] .formtype__form input[type="tel"]::-moz-placeholder, .formtype__form body[data-design="comic"] input[type="tel"]::-moz-placeholder, body[data-design="comic"] .formtype__form--entry input[type="tel"]::-moz-placeholder, .formtype__form--entry body[data-design="comic"] input[type="tel"]::-moz-placeholder, body[data-design="comic"] .formtype__form input[type="url"]::-moz-placeholder, .formtype__form body[data-design="comic"] input[type="url"]::-moz-placeholder, body[data-design="comic"] .formtype__form--entry input[type="url"]::-moz-placeholder, .formtype__form--entry body[data-design="comic"] input[type="url"]::-moz-placeholder, body[data-design="comic"] .formtype__form textarea::-moz-placeholder, .formtype__form body[data-design="comic"] textarea::-moz-placeholder, body[data-design="comic"] .formtype__form--entry textarea::-moz-placeholder, .formtype__form--entry body[data-design="comic"] textarea::-moz-placeholder, body[data-design="comic"] .sendbar__textfield input::-moz-placeholder, .sendbar__textfield body[data-design="comic"] input::-moz-placeholder, body[data-design="comic"] .news_children__registration__address input::-moz-placeholder, .news_children__registration__address body[data-design="comic"] input::-moz-placeholder, body[data-design="comic"] .news_children__release__address input::-moz-placeholder, .news_children__release__address body[data-design="comic"] input::-moz-placeholder { color: #999999; } body[data-design="comic"] .common-form:-ms-input-placeholder, body[data-design="comic"] .formtype__form input[type="text"]:-ms-input-placeholder, .formtype__form body[data-design="comic"] input[type="text"]:-ms-input-placeholder, body[data-design="comic"] .formtype__form--entry input[type="text"]:-ms-input-placeholder, .formtype__form--entry body[data-design="comic"] input[type="text"]:-ms-input-placeholder, body[data-design="comic"] .formtype__form input[type="tel"]:-ms-input-placeholder, .formtype__form body[data-design="comic"] input[type="tel"]:-ms-input-placeholder, body[data-design="comic"] .formtype__form--entry input[type="tel"]:-ms-input-placeholder, .formtype__form--entry body[data-design="comic"] input[type="tel"]:-ms-input-placeholder, body[data-design="comic"] .formtype__form input[type="url"]:-ms-input-placeholder, .formtype__form body[data-design="comic"] input[type="url"]:-ms-input-placeholder, body[data-design="comic"] .formtype__form--entry input[type="url"]:-ms-input-placeholder, .formtype__form--entry body[data-design="comic"] input[type="url"]:-ms-input-placeholder, body[data-design="comic"] .formtype__form textarea:-ms-input-placeholder, .formtype__form body[data-design="comic"] textarea:-ms-input-placeholder, body[data-design="comic"] .formtype__form--entry textarea:-ms-input-placeholder, .formtype__form--entry body[data-design="comic"] textarea:-ms-input-placeholder, body[data-design="comic"] .sendbar__textfield input:-ms-input-placeholder, .sendbar__textfield body[data-design="comic"] input:-ms-input-placeholder, body[data-design="comic"] .news_children__registration__address input:-ms-input-placeholder, .news_children__registration__address body[data-design="comic"] input:-ms-input-placeholder, body[data-design="comic"] .news_children__release__address input:-ms-input-placeholder, .news_children__release__address body[data-design="comic"] input:-ms-input-placeholder { color: #999999; } body[data-design="comic"] .common-form::-ms-input-placeholder, body[data-design="comic"] .formtype__form input[type="text"]::-ms-input-placeholder, .formtype__form body[data-design="comic"] input[type="text"]::-ms-input-placeholder, body[data-design="comic"] .formtype__form--entry input[type="text"]::-ms-input-placeholder, .formtype__form--entry body[data-design="comic"] input[type="text"]::-ms-input-placeholder, body[data-design="comic"] .formtype__form input[type="tel"]::-ms-input-placeholder, .formtype__form body[data-design="comic"] input[type="tel"]::-ms-input-placeholder, body[data-design="comic"] .formtype__form--entry input[type="tel"]::-ms-input-placeholder, .formtype__form--entry body[data-design="comic"] input[type="tel"]::-ms-input-placeholder, body[data-design="comic"] .formtype__form input[type="url"]::-ms-input-placeholder, .formtype__form body[data-design="comic"] input[type="url"]::-ms-input-placeholder, body[data-design="comic"] .formtype__form--entry input[type="url"]::-ms-input-placeholder, .formtype__form--entry body[data-design="comic"] input[type="url"]::-ms-input-placeholder, body[data-design="comic"] .formtype__form textarea::-ms-input-placeholder, .formtype__form body[data-design="comic"] textarea::-ms-input-placeholder, body[data-design="comic"] .formtype__form--entry textarea::-ms-input-placeholder, .formtype__form--entry body[data-design="comic"] textarea::-ms-input-placeholder, body[data-design="comic"] .sendbar__textfield input::-ms-input-placeholder, .sendbar__textfield body[data-design="comic"] input::-ms-input-placeholder, body[data-design="comic"] .news_children__registration__address input::-ms-input-placeholder, .news_children__registration__address body[data-design="comic"] input::-ms-input-placeholder, body[data-design="comic"] .news_children__release__address input::-ms-input-placeholder, .news_children__release__address body[data-design="comic"] input::-ms-input-placeholder { color: #999999; } body[data-design="comic"] .common-form::placeholder, body[data-design="comic"] .formtype__form input[type="text"]::placeholder, .formtype__form body[data-design="comic"] input[type="text"]::placeholder, body[data-design="comic"] .formtype__form--entry input[type="text"]::placeholder, .formtype__form--entry body[data-design="comic"] input[type="text"]::placeholder, body[data-design="comic"] .formtype__form input[type="tel"]::placeholder, .formtype__form body[data-design="comic"] input[type="tel"]::placeholder, body[data-design="comic"] .formtype__form--entry input[type="tel"]::placeholder, .formtype__form--entry body[data-design="comic"] input[type="tel"]::placeholder, body[data-design="comic"] .formtype__form input[type="url"]::placeholder, .formtype__form body[data-design="comic"] input[type="url"]::placeholder, body[data-design="comic"] .formtype__form--entry input[type="url"]::placeholder, .formtype__form--entry body[data-design="comic"] input[type="url"]::placeholder, body[data-design="comic"] .formtype__form textarea::placeholder, .formtype__form body[data-design="comic"] textarea::placeholder, body[data-design="comic"] .formtype__form--entry textarea::placeholder, .formtype__form--entry body[data-design="comic"] textarea::placeholder, body[data-design="comic"] .sendbar__textfield input::placeholder, .sendbar__textfield body[data-design="comic"] input::placeholder, body[data-design="comic"] .news_children__registration__address input::placeholder, .news_children__registration__address body[data-design="comic"] input::placeholder, body[data-design="comic"] .news_children__release__address input::placeholder, .news_children__release__address body[data-design="comic"] input::placeholder { color: #999999; } /* line 46, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-form.scss */ body[data-design="comic"] .common-form.has-error, body[data-design="comic"] .formtype__form input.has-error[type="text"], .formtype__form body[data-design="comic"] input.has-error[type="text"], body[data-design="comic"] .formtype__form--entry input.has-error[type="text"], .formtype__form--entry body[data-design="comic"] input.has-error[type="text"], body[data-design="comic"] .formtype__form input.has-error[type="tel"], .formtype__form body[data-design="comic"] input.has-error[type="tel"], body[data-design="comic"] .formtype__form--entry input.has-error[type="tel"], .formtype__form--entry body[data-design="comic"] input.has-error[type="tel"], body[data-design="comic"] .formtype__form input.has-error[type="url"], .formtype__form body[data-design="comic"] input.has-error[type="url"], body[data-design="comic"] .formtype__form--entry input.has-error[type="url"], .formtype__form--entry body[data-design="comic"] input.has-error[type="url"], body[data-design="comic"] .formtype__form textarea.has-error, .formtype__form body[data-design="comic"] textarea.has-error, body[data-design="comic"] .formtype__form--entry textarea.has-error, .formtype__form--entry body[data-design="comic"] textarea.has-error, body[data-design="comic"] .sendbar__textfield input.has-error, .sendbar__textfield body[data-design="comic"] input.has-error, body[data-design="comic"] .news_children__registration__address input.has-error, .news_children__registration__address body[data-design="comic"] input.has-error, body[data-design="comic"] .news_children__release__address input.has-error, .news_children__release__address body[data-design="comic"] input.has-error { background-image: url(/assets/pc/design/comic/effect_dot_red-b129db4e784a05a8d3f7942df5fa6dbb8e94968e969a88bb422459707788634d.png); background-size: 5px 5px; color: #f15151; border-color: #f15151; } /* line 56, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-form.scss */ body[data-design="game"] .common-form, body[data-design="game"] .formtype__form input[type="text"], .formtype__form body[data-design="game"] input[type="text"], body[data-design="game"] .formtype__form--entry input[type="text"], .formtype__form--entry body[data-design="game"] input[type="text"], body[data-design="game"] .formtype__form input[type="tel"], .formtype__form body[data-design="game"] input[type="tel"], body[data-design="game"] .formtype__form--entry input[type="tel"], .formtype__form--entry body[data-design="game"] input[type="tel"], body[data-design="game"] .formtype__form input[type="url"], .formtype__form body[data-design="game"] input[type="url"], body[data-design="game"] .formtype__form--entry input[type="url"], .formtype__form--entry body[data-design="game"] input[type="url"], body[data-design="game"] .formtype__form textarea, .formtype__form body[data-design="game"] textarea, body[data-design="game"] .formtype__form--entry textarea, .formtype__form--entry body[data-design="game"] textarea, body[data-design="game"] .sendbar__textfield input, .sendbar__textfield body[data-design="game"] input, body[data-design="game"] .news_children__registration__address input, .news_children__registration__address body[data-design="game"] input, body[data-design="game"] .news_children__release__address input, .news_children__release__address body[data-design="game"] input { color: #4c4c4c; border-radius: 4px; border: 2px solid #cccccc; -webkit-box-shadow: 0 0 2px 0 #cccccc inset; box-shadow: 0 0 2px 0 #cccccc inset; } /* line 62, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-form.scss */ body[data-design="game"] .common-form::-webkit-input-placeholder, body[data-design="game"] .formtype__form input[type="text"]::-webkit-input-placeholder, .formtype__form body[data-design="game"] input[type="text"]::-webkit-input-placeholder, body[data-design="game"] .formtype__form--entry input[type="text"]::-webkit-input-placeholder, .formtype__form--entry body[data-design="game"] input[type="text"]::-webkit-input-placeholder, body[data-design="game"] .formtype__form input[type="tel"]::-webkit-input-placeholder, .formtype__form body[data-design="game"] input[type="tel"]::-webkit-input-placeholder, body[data-design="game"] .formtype__form--entry input[type="tel"]::-webkit-input-placeholder, .formtype__form--entry body[data-design="game"] input[type="tel"]::-webkit-input-placeholder, body[data-design="game"] .formtype__form input[type="url"]::-webkit-input-placeholder, .formtype__form body[data-design="game"] input[type="url"]::-webkit-input-placeholder, body[data-design="game"] .formtype__form--entry input[type="url"]::-webkit-input-placeholder, .formtype__form--entry body[data-design="game"] input[type="url"]::-webkit-input-placeholder, body[data-design="game"] .formtype__form textarea::-webkit-input-placeholder, .formtype__form body[data-design="game"] textarea::-webkit-input-placeholder, body[data-design="game"] .formtype__form--entry textarea::-webkit-input-placeholder, .formtype__form--entry body[data-design="game"] textarea::-webkit-input-placeholder, body[data-design="game"] .sendbar__textfield input::-webkit-input-placeholder, .sendbar__textfield body[data-design="game"] input::-webkit-input-placeholder, body[data-design="game"] .news_children__registration__address input::-webkit-input-placeholder, .news_children__registration__address body[data-design="game"] input::-webkit-input-placeholder, body[data-design="game"] .news_children__release__address input::-webkit-input-placeholder, .news_children__release__address body[data-design="game"] input::-webkit-input-placeholder { color: #999999; } body[data-design="game"] .common-form::-moz-placeholder, body[data-design="game"] .formtype__form input[type="text"]::-moz-placeholder, .formtype__form body[data-design="game"] input[type="text"]::-moz-placeholder, body[data-design="game"] .formtype__form--entry input[type="text"]::-moz-placeholder, .formtype__form--entry body[data-design="game"] input[type="text"]::-moz-placeholder, body[data-design="game"] .formtype__form input[type="tel"]::-moz-placeholder, .formtype__form body[data-design="game"] input[type="tel"]::-moz-placeholder, body[data-design="game"] .formtype__form--entry input[type="tel"]::-moz-placeholder, .formtype__form--entry body[data-design="game"] input[type="tel"]::-moz-placeholder, body[data-design="game"] .formtype__form input[type="url"]::-moz-placeholder, .formtype__form body[data-design="game"] input[type="url"]::-moz-placeholder, body[data-design="game"] .formtype__form--entry input[type="url"]::-moz-placeholder, .formtype__form--entry body[data-design="game"] input[type="url"]::-moz-placeholder, body[data-design="game"] .formtype__form textarea::-moz-placeholder, .formtype__form body[data-design="game"] textarea::-moz-placeholder, body[data-design="game"] .formtype__form--entry textarea::-moz-placeholder, .formtype__form--entry body[data-design="game"] textarea::-moz-placeholder, body[data-design="game"] .sendbar__textfield input::-moz-placeholder, .sendbar__textfield body[data-design="game"] input::-moz-placeholder, body[data-design="game"] .news_children__registration__address input::-moz-placeholder, .news_children__registration__address body[data-design="game"] input::-moz-placeholder, body[data-design="game"] .news_children__release__address input::-moz-placeholder, .news_children__release__address body[data-design="game"] input::-moz-placeholder { color: #999999; } body[data-design="game"] .common-form:-ms-input-placeholder, body[data-design="game"] .formtype__form input[type="text"]:-ms-input-placeholder, .formtype__form body[data-design="game"] input[type="text"]:-ms-input-placeholder, body[data-design="game"] .formtype__form--entry input[type="text"]:-ms-input-placeholder, .formtype__form--entry body[data-design="game"] input[type="text"]:-ms-input-placeholder, body[data-design="game"] .formtype__form input[type="tel"]:-ms-input-placeholder, .formtype__form body[data-design="game"] input[type="tel"]:-ms-input-placeholder, body[data-design="game"] .formtype__form--entry input[type="tel"]:-ms-input-placeholder, .formtype__form--entry body[data-design="game"] input[type="tel"]:-ms-input-placeholder, body[data-design="game"] .formtype__form input[type="url"]:-ms-input-placeholder, .formtype__form body[data-design="game"] input[type="url"]:-ms-input-placeholder, body[data-design="game"] .formtype__form--entry input[type="url"]:-ms-input-placeholder, .formtype__form--entry body[data-design="game"] input[type="url"]:-ms-input-placeholder, body[data-design="game"] .formtype__form textarea:-ms-input-placeholder, .formtype__form body[data-design="game"] textarea:-ms-input-placeholder, body[data-design="game"] .formtype__form--entry textarea:-ms-input-placeholder, .formtype__form--entry body[data-design="game"] textarea:-ms-input-placeholder, body[data-design="game"] .sendbar__textfield input:-ms-input-placeholder, .sendbar__textfield body[data-design="game"] input:-ms-input-placeholder, body[data-design="game"] .news_children__registration__address input:-ms-input-placeholder, .news_children__registration__address body[data-design="game"] input:-ms-input-placeholder, body[data-design="game"] .news_children__release__address input:-ms-input-placeholder, .news_children__release__address body[data-design="game"] input:-ms-input-placeholder { color: #999999; } body[data-design="game"] .common-form::-ms-input-placeholder, body[data-design="game"] .formtype__form input[type="text"]::-ms-input-placeholder, .formtype__form body[data-design="game"] input[type="text"]::-ms-input-placeholder, body[data-design="game"] .formtype__form--entry input[type="text"]::-ms-input-placeholder, .formtype__form--entry body[data-design="game"] input[type="text"]::-ms-input-placeholder, body[data-design="game"] .formtype__form input[type="tel"]::-ms-input-placeholder, .formtype__form body[data-design="game"] input[type="tel"]::-ms-input-placeholder, body[data-design="game"] .formtype__form--entry input[type="tel"]::-ms-input-placeholder, .formtype__form--entry body[data-design="game"] input[type="tel"]::-ms-input-placeholder, body[data-design="game"] .formtype__form input[type="url"]::-ms-input-placeholder, .formtype__form body[data-design="game"] input[type="url"]::-ms-input-placeholder, body[data-design="game"] .formtype__form--entry input[type="url"]::-ms-input-placeholder, .formtype__form--entry body[data-design="game"] input[type="url"]::-ms-input-placeholder, body[data-design="game"] .formtype__form textarea::-ms-input-placeholder, .formtype__form body[data-design="game"] textarea::-ms-input-placeholder, body[data-design="game"] .formtype__form--entry textarea::-ms-input-placeholder, .formtype__form--entry body[data-design="game"] textarea::-ms-input-placeholder, body[data-design="game"] .sendbar__textfield input::-ms-input-placeholder, .sendbar__textfield body[data-design="game"] input::-ms-input-placeholder, body[data-design="game"] .news_children__registration__address input::-ms-input-placeholder, .news_children__registration__address body[data-design="game"] input::-ms-input-placeholder, body[data-design="game"] .news_children__release__address input::-ms-input-placeholder, .news_children__release__address body[data-design="game"] input::-ms-input-placeholder { color: #999999; } body[data-design="game"] .common-form::placeholder, body[data-design="game"] .formtype__form input[type="text"]::placeholder, .formtype__form body[data-design="game"] input[type="text"]::placeholder, body[data-design="game"] .formtype__form--entry input[type="text"]::placeholder, .formtype__form--entry body[data-design="game"] input[type="text"]::placeholder, body[data-design="game"] .formtype__form input[type="tel"]::placeholder, .formtype__form body[data-design="game"] input[type="tel"]::placeholder, body[data-design="game"] .formtype__form--entry input[type="tel"]::placeholder, .formtype__form--entry body[data-design="game"] input[type="tel"]::placeholder, body[data-design="game"] .formtype__form input[type="url"]::placeholder, .formtype__form body[data-design="game"] input[type="url"]::placeholder, body[data-design="game"] .formtype__form--entry input[type="url"]::placeholder, .formtype__form--entry body[data-design="game"] input[type="url"]::placeholder, body[data-design="game"] .formtype__form textarea::placeholder, .formtype__form body[data-design="game"] textarea::placeholder, body[data-design="game"] .formtype__form--entry textarea::placeholder, .formtype__form--entry body[data-design="game"] textarea::placeholder, body[data-design="game"] .sendbar__textfield input::placeholder, .sendbar__textfield body[data-design="game"] input::placeholder, body[data-design="game"] .news_children__registration__address input::placeholder, .news_children__registration__address body[data-design="game"] input::placeholder, body[data-design="game"] .news_children__release__address input::placeholder, .news_children__release__address body[data-design="game"] input::placeholder { color: #999999; } /* line 67, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-form.scss */ body[data-design="game"] .common-form.has-error, body[data-design="game"] .formtype__form input.has-error[type="text"], .formtype__form body[data-design="game"] input.has-error[type="text"], body[data-design="game"] .formtype__form--entry input.has-error[type="text"], .formtype__form--entry body[data-design="game"] input.has-error[type="text"], body[data-design="game"] .formtype__form input.has-error[type="tel"], .formtype__form body[data-design="game"] input.has-error[type="tel"], body[data-design="game"] .formtype__form--entry input.has-error[type="tel"], .formtype__form--entry body[data-design="game"] input.has-error[type="tel"], body[data-design="game"] .formtype__form input.has-error[type="url"], .formtype__form body[data-design="game"] input.has-error[type="url"], body[data-design="game"] .formtype__form--entry input.has-error[type="url"], .formtype__form--entry body[data-design="game"] input.has-error[type="url"], body[data-design="game"] .formtype__form textarea.has-error, .formtype__form body[data-design="game"] textarea.has-error, body[data-design="game"] .formtype__form--entry textarea.has-error, .formtype__form--entry body[data-design="game"] textarea.has-error, body[data-design="game"] .sendbar__textfield input.has-error, .sendbar__textfield body[data-design="game"] input.has-error, body[data-design="game"] .news_children__registration__address input.has-error, .news_children__registration__address body[data-design="game"] input.has-error, body[data-design="game"] .news_children__release__address input.has-error, .news_children__release__address body[data-design="game"] input.has-error { color: #f15151; border-color: #f15151; background-color: #ffefef; } /* line 76, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-form.scss */ body[data-design="kamakura"] .common-form, body[data-design="kamakura"] .formtype__form input[type="text"], .formtype__form body[data-design="kamakura"] input[type="text"], body[data-design="kamakura"] .formtype__form--entry input[type="text"], .formtype__form--entry body[data-design="kamakura"] input[type="text"], body[data-design="kamakura"] .formtype__form input[type="tel"], .formtype__form body[data-design="kamakura"] input[type="tel"], body[data-design="kamakura"] .formtype__form--entry input[type="tel"], .formtype__form--entry body[data-design="kamakura"] input[type="tel"], body[data-design="kamakura"] .formtype__form input[type="url"], .formtype__form body[data-design="kamakura"] input[type="url"], body[data-design="kamakura"] .formtype__form--entry input[type="url"], .formtype__form--entry body[data-design="kamakura"] input[type="url"], body[data-design="kamakura"] .formtype__form textarea, .formtype__form body[data-design="kamakura"] textarea, body[data-design="kamakura"] .formtype__form--entry textarea, .formtype__form--entry body[data-design="kamakura"] textarea, body[data-design="kamakura"] .sendbar__textfield input, .sendbar__textfield body[data-design="kamakura"] input, body[data-design="kamakura"] .news_children__registration__address input, .news_children__registration__address body[data-design="kamakura"] input, body[data-design="kamakura"] .news_children__release__address input, .news_children__release__address body[data-design="kamakura"] input { color: #4c4c4c; border: 1px solid #4c4c4c; } /* line 80, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-form.scss */ body[data-design="kamakura"] .common-form::-webkit-input-placeholder, body[data-design="kamakura"] .formtype__form input[type="text"]::-webkit-input-placeholder, .formtype__form body[data-design="kamakura"] input[type="text"]::-webkit-input-placeholder, body[data-design="kamakura"] .formtype__form--entry input[type="text"]::-webkit-input-placeholder, .formtype__form--entry body[data-design="kamakura"] input[type="text"]::-webkit-input-placeholder, body[data-design="kamakura"] .formtype__form input[type="tel"]::-webkit-input-placeholder, .formtype__form body[data-design="kamakura"] input[type="tel"]::-webkit-input-placeholder, body[data-design="kamakura"] .formtype__form--entry input[type="tel"]::-webkit-input-placeholder, .formtype__form--entry body[data-design="kamakura"] input[type="tel"]::-webkit-input-placeholder, body[data-design="kamakura"] .formtype__form input[type="url"]::-webkit-input-placeholder, .formtype__form body[data-design="kamakura"] input[type="url"]::-webkit-input-placeholder, body[data-design="kamakura"] .formtype__form--entry input[type="url"]::-webkit-input-placeholder, .formtype__form--entry body[data-design="kamakura"] input[type="url"]::-webkit-input-placeholder, body[data-design="kamakura"] .formtype__form textarea::-webkit-input-placeholder, .formtype__form body[data-design="kamakura"] textarea::-webkit-input-placeholder, body[data-design="kamakura"] .formtype__form--entry textarea::-webkit-input-placeholder, .formtype__form--entry body[data-design="kamakura"] textarea::-webkit-input-placeholder, body[data-design="kamakura"] .sendbar__textfield input::-webkit-input-placeholder, .sendbar__textfield body[data-design="kamakura"] input::-webkit-input-placeholder, body[data-design="kamakura"] .news_children__registration__address input::-webkit-input-placeholder, .news_children__registration__address body[data-design="kamakura"] input::-webkit-input-placeholder, body[data-design="kamakura"] .news_children__release__address input::-webkit-input-placeholder, .news_children__release__address body[data-design="kamakura"] input::-webkit-input-placeholder { color: #999999; } body[data-design="kamakura"] .common-form::-moz-placeholder, body[data-design="kamakura"] .formtype__form input[type="text"]::-moz-placeholder, .formtype__form body[data-design="kamakura"] input[type="text"]::-moz-placeholder, body[data-design="kamakura"] .formtype__form--entry input[type="text"]::-moz-placeholder, .formtype__form--entry body[data-design="kamakura"] input[type="text"]::-moz-placeholder, body[data-design="kamakura"] .formtype__form input[type="tel"]::-moz-placeholder, .formtype__form body[data-design="kamakura"] input[type="tel"]::-moz-placeholder, body[data-design="kamakura"] .formtype__form--entry input[type="tel"]::-moz-placeholder, .formtype__form--entry body[data-design="kamakura"] input[type="tel"]::-moz-placeholder, body[data-design="kamakura"] .formtype__form input[type="url"]::-moz-placeholder, .formtype__form body[data-design="kamakura"] input[type="url"]::-moz-placeholder, body[data-design="kamakura"] .formtype__form--entry input[type="url"]::-moz-placeholder, .formtype__form--entry body[data-design="kamakura"] input[type="url"]::-moz-placeholder, body[data-design="kamakura"] .formtype__form textarea::-moz-placeholder, .formtype__form body[data-design="kamakura"] textarea::-moz-placeholder, body[data-design="kamakura"] .formtype__form--entry textarea::-moz-placeholder, .formtype__form--entry body[data-design="kamakura"] textarea::-moz-placeholder, body[data-design="kamakura"] .sendbar__textfield input::-moz-placeholder, .sendbar__textfield body[data-design="kamakura"] input::-moz-placeholder, body[data-design="kamakura"] .news_children__registration__address input::-moz-placeholder, .news_children__registration__address body[data-design="kamakura"] input::-moz-placeholder, body[data-design="kamakura"] .news_children__release__address input::-moz-placeholder, .news_children__release__address body[data-design="kamakura"] input::-moz-placeholder { color: #999999; } body[data-design="kamakura"] .common-form:-ms-input-placeholder, body[data-design="kamakura"] .formtype__form input[type="text"]:-ms-input-placeholder, .formtype__form body[data-design="kamakura"] input[type="text"]:-ms-input-placeholder, body[data-design="kamakura"] .formtype__form--entry input[type="text"]:-ms-input-placeholder, .formtype__form--entry body[data-design="kamakura"] input[type="text"]:-ms-input-placeholder, body[data-design="kamakura"] .formtype__form input[type="tel"]:-ms-input-placeholder, .formtype__form body[data-design="kamakura"] input[type="tel"]:-ms-input-placeholder, body[data-design="kamakura"] .formtype__form--entry input[type="tel"]:-ms-input-placeholder, .formtype__form--entry body[data-design="kamakura"] input[type="tel"]:-ms-input-placeholder, body[data-design="kamakura"] .formtype__form input[type="url"]:-ms-input-placeholder, .formtype__form body[data-design="kamakura"] input[type="url"]:-ms-input-placeholder, body[data-design="kamakura"] .formtype__form--entry input[type="url"]:-ms-input-placeholder, .formtype__form--entry body[data-design="kamakura"] input[type="url"]:-ms-input-placeholder, body[data-design="kamakura"] .formtype__form textarea:-ms-input-placeholder, .formtype__form body[data-design="kamakura"] textarea:-ms-input-placeholder, body[data-design="kamakura"] .formtype__form--entry textarea:-ms-input-placeholder, .formtype__form--entry body[data-design="kamakura"] textarea:-ms-input-placeholder, body[data-design="kamakura"] .sendbar__textfield input:-ms-input-placeholder, .sendbar__textfield body[data-design="kamakura"] input:-ms-input-placeholder, body[data-design="kamakura"] .news_children__registration__address input:-ms-input-placeholder, .news_children__registration__address body[data-design="kamakura"] input:-ms-input-placeholder, body[data-design="kamakura"] .news_children__release__address input:-ms-input-placeholder, .news_children__release__address body[data-design="kamakura"] input:-ms-input-placeholder { color: #999999; } body[data-design="kamakura"] .common-form::-ms-input-placeholder, body[data-design="kamakura"] .formtype__form input[type="text"]::-ms-input-placeholder, .formtype__form body[data-design="kamakura"] input[type="text"]::-ms-input-placeholder, body[data-design="kamakura"] .formtype__form--entry input[type="text"]::-ms-input-placeholder, .formtype__form--entry body[data-design="kamakura"] input[type="text"]::-ms-input-placeholder, body[data-design="kamakura"] .formtype__form input[type="tel"]::-ms-input-placeholder, .formtype__form body[data-design="kamakura"] input[type="tel"]::-ms-input-placeholder, body[data-design="kamakura"] .formtype__form--entry input[type="tel"]::-ms-input-placeholder, .formtype__form--entry body[data-design="kamakura"] input[type="tel"]::-ms-input-placeholder, body[data-design="kamakura"] .formtype__form input[type="url"]::-ms-input-placeholder, .formtype__form body[data-design="kamakura"] input[type="url"]::-ms-input-placeholder, body[data-design="kamakura"] .formtype__form--entry input[type="url"]::-ms-input-placeholder, .formtype__form--entry body[data-design="kamakura"] input[type="url"]::-ms-input-placeholder, body[data-design="kamakura"] .formtype__form textarea::-ms-input-placeholder, .formtype__form body[data-design="kamakura"] textarea::-ms-input-placeholder, body[data-design="kamakura"] .formtype__form--entry textarea::-ms-input-placeholder, .formtype__form--entry body[data-design="kamakura"] textarea::-ms-input-placeholder, body[data-design="kamakura"] .sendbar__textfield input::-ms-input-placeholder, .sendbar__textfield body[data-design="kamakura"] input::-ms-input-placeholder, body[data-design="kamakura"] .news_children__registration__address input::-ms-input-placeholder, .news_children__registration__address body[data-design="kamakura"] input::-ms-input-placeholder, body[data-design="kamakura"] .news_children__release__address input::-ms-input-placeholder, .news_children__release__address body[data-design="kamakura"] input::-ms-input-placeholder { color: #999999; } body[data-design="kamakura"] .common-form::placeholder, body[data-design="kamakura"] .formtype__form input[type="text"]::placeholder, .formtype__form body[data-design="kamakura"] input[type="text"]::placeholder, body[data-design="kamakura"] .formtype__form--entry input[type="text"]::placeholder, .formtype__form--entry body[data-design="kamakura"] input[type="text"]::placeholder, body[data-design="kamakura"] .formtype__form input[type="tel"]::placeholder, .formtype__form body[data-design="kamakura"] input[type="tel"]::placeholder, body[data-design="kamakura"] .formtype__form--entry input[type="tel"]::placeholder, .formtype__form--entry body[data-design="kamakura"] input[type="tel"]::placeholder, body[data-design="kamakura"] .formtype__form input[type="url"]::placeholder, .formtype__form body[data-design="kamakura"] input[type="url"]::placeholder, body[data-design="kamakura"] .formtype__form--entry input[type="url"]::placeholder, .formtype__form--entry body[data-design="kamakura"] input[type="url"]::placeholder, body[data-design="kamakura"] .formtype__form textarea::placeholder, .formtype__form body[data-design="kamakura"] textarea::placeholder, body[data-design="kamakura"] .formtype__form--entry textarea::placeholder, .formtype__form--entry body[data-design="kamakura"] textarea::placeholder, body[data-design="kamakura"] .sendbar__textfield input::placeholder, .sendbar__textfield body[data-design="kamakura"] input::placeholder, body[data-design="kamakura"] .news_children__registration__address input::placeholder, .news_children__registration__address body[data-design="kamakura"] input::placeholder, body[data-design="kamakura"] .news_children__release__address input::placeholder, .news_children__release__address body[data-design="kamakura"] input::placeholder { color: #999999; } /* line 85, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-form.scss */ body[data-design="kamakura"] .common-form.has-error, body[data-design="kamakura"] .formtype__form input.has-error[type="text"], .formtype__form body[data-design="kamakura"] input.has-error[type="text"], body[data-design="kamakura"] .formtype__form--entry input.has-error[type="text"], .formtype__form--entry body[data-design="kamakura"] input.has-error[type="text"], body[data-design="kamakura"] .formtype__form input.has-error[type="tel"], .formtype__form body[data-design="kamakura"] input.has-error[type="tel"], body[data-design="kamakura"] .formtype__form--entry input.has-error[type="tel"], .formtype__form--entry body[data-design="kamakura"] input.has-error[type="tel"], body[data-design="kamakura"] .formtype__form input.has-error[type="url"], .formtype__form body[data-design="kamakura"] input.has-error[type="url"], body[data-design="kamakura"] .formtype__form--entry input.has-error[type="url"], .formtype__form--entry body[data-design="kamakura"] input.has-error[type="url"], body[data-design="kamakura"] .formtype__form textarea.has-error, .formtype__form body[data-design="kamakura"] textarea.has-error, body[data-design="kamakura"] .formtype__form--entry textarea.has-error, .formtype__form--entry body[data-design="kamakura"] textarea.has-error, body[data-design="kamakura"] .sendbar__textfield input.has-error, .sendbar__textfield body[data-design="kamakura"] input.has-error, body[data-design="kamakura"] .news_children__registration__address input.has-error, .news_children__registration__address body[data-design="kamakura"] input.has-error, body[data-design="kamakura"] .news_children__release__address input.has-error, .news_children__release__address body[data-design="kamakura"] input.has-error { color: #f50; border-color: #f50; background-color: #fff0e9; } /* line 94, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-form.scss */ body[data-design="tech"] .common-form, body[data-design="tech"] .formtype__form input[type="text"], .formtype__form body[data-design="tech"] input[type="text"], body[data-design="tech"] .formtype__form--entry input[type="text"], .formtype__form--entry body[data-design="tech"] input[type="text"], body[data-design="tech"] .formtype__form input[type="tel"], .formtype__form body[data-design="tech"] input[type="tel"], body[data-design="tech"] .formtype__form--entry input[type="tel"], .formtype__form--entry body[data-design="tech"] input[type="tel"], body[data-design="tech"] .formtype__form input[type="url"], .formtype__form body[data-design="tech"] input[type="url"], body[data-design="tech"] .formtype__form--entry input[type="url"], .formtype__form--entry body[data-design="tech"] input[type="url"], body[data-design="tech"] .formtype__form textarea, .formtype__form body[data-design="tech"] textarea, body[data-design="tech"] .formtype__form--entry textarea, .formtype__form--entry body[data-design="tech"] textarea, body[data-design="tech"] .sendbar__textfield input, .sendbar__textfield body[data-design="tech"] input, body[data-design="tech"] .news_children__registration__address input, .news_children__registration__address body[data-design="tech"] input, body[data-design="tech"] .news_children__release__address input, .news_children__release__address body[data-design="tech"] input { color: #fff; border: 2px solid #ccc; border-radius: 0; background-color: #000; } /* line 100, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-form.scss */ body[data-design="tech"] .common-form::-webkit-input-placeholder, body[data-design="tech"] .formtype__form input[type="text"]::-webkit-input-placeholder, .formtype__form body[data-design="tech"] input[type="text"]::-webkit-input-placeholder, body[data-design="tech"] .formtype__form--entry input[type="text"]::-webkit-input-placeholder, .formtype__form--entry body[data-design="tech"] input[type="text"]::-webkit-input-placeholder, body[data-design="tech"] .formtype__form input[type="tel"]::-webkit-input-placeholder, .formtype__form body[data-design="tech"] input[type="tel"]::-webkit-input-placeholder, body[data-design="tech"] .formtype__form--entry input[type="tel"]::-webkit-input-placeholder, .formtype__form--entry body[data-design="tech"] input[type="tel"]::-webkit-input-placeholder, body[data-design="tech"] .formtype__form input[type="url"]::-webkit-input-placeholder, .formtype__form body[data-design="tech"] input[type="url"]::-webkit-input-placeholder, body[data-design="tech"] .formtype__form--entry input[type="url"]::-webkit-input-placeholder, .formtype__form--entry body[data-design="tech"] input[type="url"]::-webkit-input-placeholder, body[data-design="tech"] .formtype__form textarea::-webkit-input-placeholder, .formtype__form body[data-design="tech"] textarea::-webkit-input-placeholder, body[data-design="tech"] .formtype__form--entry textarea::-webkit-input-placeholder, .formtype__form--entry body[data-design="tech"] textarea::-webkit-input-placeholder, body[data-design="tech"] .sendbar__textfield input::-webkit-input-placeholder, .sendbar__textfield body[data-design="tech"] input::-webkit-input-placeholder, body[data-design="tech"] .news_children__registration__address input::-webkit-input-placeholder, .news_children__registration__address body[data-design="tech"] input::-webkit-input-placeholder, body[data-design="tech"] .news_children__release__address input::-webkit-input-placeholder, .news_children__release__address body[data-design="tech"] input::-webkit-input-placeholder { color: #999999; } body[data-design="tech"] .common-form::-moz-placeholder, body[data-design="tech"] .formtype__form input[type="text"]::-moz-placeholder, .formtype__form body[data-design="tech"] input[type="text"]::-moz-placeholder, body[data-design="tech"] .formtype__form--entry input[type="text"]::-moz-placeholder, .formtype__form--entry body[data-design="tech"] input[type="text"]::-moz-placeholder, body[data-design="tech"] .formtype__form input[type="tel"]::-moz-placeholder, .formtype__form body[data-design="tech"] input[type="tel"]::-moz-placeholder, body[data-design="tech"] .formtype__form--entry input[type="tel"]::-moz-placeholder, .formtype__form--entry body[data-design="tech"] input[type="tel"]::-moz-placeholder, body[data-design="tech"] .formtype__form input[type="url"]::-moz-placeholder, .formtype__form body[data-design="tech"] input[type="url"]::-moz-placeholder, body[data-design="tech"] .formtype__form--entry input[type="url"]::-moz-placeholder, .formtype__form--entry body[data-design="tech"] input[type="url"]::-moz-placeholder, body[data-design="tech"] .formtype__form textarea::-moz-placeholder, .formtype__form body[data-design="tech"] textarea::-moz-placeholder, body[data-design="tech"] .formtype__form--entry textarea::-moz-placeholder, .formtype__form--entry body[data-design="tech"] textarea::-moz-placeholder, body[data-design="tech"] .sendbar__textfield input::-moz-placeholder, .sendbar__textfield body[data-design="tech"] input::-moz-placeholder, body[data-design="tech"] .news_children__registration__address input::-moz-placeholder, .news_children__registration__address body[data-design="tech"] input::-moz-placeholder, body[data-design="tech"] .news_children__release__address input::-moz-placeholder, .news_children__release__address body[data-design="tech"] input::-moz-placeholder { color: #999999; } body[data-design="tech"] .common-form:-ms-input-placeholder, body[data-design="tech"] .formtype__form input[type="text"]:-ms-input-placeholder, .formtype__form body[data-design="tech"] input[type="text"]:-ms-input-placeholder, body[data-design="tech"] .formtype__form--entry input[type="text"]:-ms-input-placeholder, .formtype__form--entry body[data-design="tech"] input[type="text"]:-ms-input-placeholder, body[data-design="tech"] .formtype__form input[type="tel"]:-ms-input-placeholder, .formtype__form body[data-design="tech"] input[type="tel"]:-ms-input-placeholder, body[data-design="tech"] .formtype__form--entry input[type="tel"]:-ms-input-placeholder, .formtype__form--entry body[data-design="tech"] input[type="tel"]:-ms-input-placeholder, body[data-design="tech"] .formtype__form input[type="url"]:-ms-input-placeholder, .formtype__form body[data-design="tech"] input[type="url"]:-ms-input-placeholder, body[data-design="tech"] .formtype__form--entry input[type="url"]:-ms-input-placeholder, .formtype__form--entry body[data-design="tech"] input[type="url"]:-ms-input-placeholder, body[data-design="tech"] .formtype__form textarea:-ms-input-placeholder, .formtype__form body[data-design="tech"] textarea:-ms-input-placeholder, body[data-design="tech"] .formtype__form--entry textarea:-ms-input-placeholder, .formtype__form--entry body[data-design="tech"] textarea:-ms-input-placeholder, body[data-design="tech"] .sendbar__textfield input:-ms-input-placeholder, .sendbar__textfield body[data-design="tech"] input:-ms-input-placeholder, body[data-design="tech"] .news_children__registration__address input:-ms-input-placeholder, .news_children__registration__address body[data-design="tech"] input:-ms-input-placeholder, body[data-design="tech"] .news_children__release__address input:-ms-input-placeholder, .news_children__release__address body[data-design="tech"] input:-ms-input-placeholder { color: #999999; } body[data-design="tech"] .common-form::-ms-input-placeholder, body[data-design="tech"] .formtype__form input[type="text"]::-ms-input-placeholder, .formtype__form body[data-design="tech"] input[type="text"]::-ms-input-placeholder, body[data-design="tech"] .formtype__form--entry input[type="text"]::-ms-input-placeholder, .formtype__form--entry body[data-design="tech"] input[type="text"]::-ms-input-placeholder, body[data-design="tech"] .formtype__form input[type="tel"]::-ms-input-placeholder, .formtype__form body[data-design="tech"] input[type="tel"]::-ms-input-placeholder, body[data-design="tech"] .formtype__form--entry input[type="tel"]::-ms-input-placeholder, .formtype__form--entry body[data-design="tech"] input[type="tel"]::-ms-input-placeholder, body[data-design="tech"] .formtype__form input[type="url"]::-ms-input-placeholder, .formtype__form body[data-design="tech"] input[type="url"]::-ms-input-placeholder, body[data-design="tech"] .formtype__form--entry input[type="url"]::-ms-input-placeholder, .formtype__form--entry body[data-design="tech"] input[type="url"]::-ms-input-placeholder, body[data-design="tech"] .formtype__form textarea::-ms-input-placeholder, .formtype__form body[data-design="tech"] textarea::-ms-input-placeholder, body[data-design="tech"] .formtype__form--entry textarea::-ms-input-placeholder, .formtype__form--entry body[data-design="tech"] textarea::-ms-input-placeholder, body[data-design="tech"] .sendbar__textfield input::-ms-input-placeholder, .sendbar__textfield body[data-design="tech"] input::-ms-input-placeholder, body[data-design="tech"] .news_children__registration__address input::-ms-input-placeholder, .news_children__registration__address body[data-design="tech"] input::-ms-input-placeholder, body[data-design="tech"] .news_children__release__address input::-ms-input-placeholder, .news_children__release__address body[data-design="tech"] input::-ms-input-placeholder { color: #999999; } body[data-design="tech"] .common-form::placeholder, body[data-design="tech"] .formtype__form input[type="text"]::placeholder, .formtype__form body[data-design="tech"] input[type="text"]::placeholder, body[data-design="tech"] .formtype__form--entry input[type="text"]::placeholder, .formtype__form--entry body[data-design="tech"] input[type="text"]::placeholder, body[data-design="tech"] .formtype__form input[type="tel"]::placeholder, .formtype__form body[data-design="tech"] input[type="tel"]::placeholder, body[data-design="tech"] .formtype__form--entry input[type="tel"]::placeholder, .formtype__form--entry body[data-design="tech"] input[type="tel"]::placeholder, body[data-design="tech"] .formtype__form input[type="url"]::placeholder, .formtype__form body[data-design="tech"] input[type="url"]::placeholder, body[data-design="tech"] .formtype__form--entry input[type="url"]::placeholder, .formtype__form--entry body[data-design="tech"] input[type="url"]::placeholder, body[data-design="tech"] .formtype__form textarea::placeholder, .formtype__form body[data-design="tech"] textarea::placeholder, body[data-design="tech"] .formtype__form--entry textarea::placeholder, .formtype__form--entry body[data-design="tech"] textarea::placeholder, body[data-design="tech"] .sendbar__textfield input::placeholder, .sendbar__textfield body[data-design="tech"] input::placeholder, body[data-design="tech"] .news_children__registration__address input::placeholder, .news_children__registration__address body[data-design="tech"] input::placeholder, body[data-design="tech"] .news_children__release__address input::placeholder, .news_children__release__address body[data-design="tech"] input::placeholder { color: #999999; } /* line 105, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-form.scss */ body[data-design="tech"] .common-form.has-error, body[data-design="tech"] .formtype__form input.has-error[type="text"], .formtype__form body[data-design="tech"] input.has-error[type="text"], body[data-design="tech"] .formtype__form--entry input.has-error[type="text"], .formtype__form--entry body[data-design="tech"] input.has-error[type="text"], body[data-design="tech"] .formtype__form input.has-error[type="tel"], .formtype__form body[data-design="tech"] input.has-error[type="tel"], body[data-design="tech"] .formtype__form--entry input.has-error[type="tel"], .formtype__form--entry body[data-design="tech"] input.has-error[type="tel"], body[data-design="tech"] .formtype__form input.has-error[type="url"], .formtype__form body[data-design="tech"] input.has-error[type="url"], body[data-design="tech"] .formtype__form--entry input.has-error[type="url"], .formtype__form--entry body[data-design="tech"] input.has-error[type="url"], body[data-design="tech"] .formtype__form textarea.has-error, .formtype__form body[data-design="tech"] textarea.has-error, body[data-design="tech"] .formtype__form--entry textarea.has-error, .formtype__form--entry body[data-design="tech"] textarea.has-error, body[data-design="tech"] .sendbar__textfield input.has-error, .sendbar__textfield body[data-design="tech"] input.has-error, body[data-design="tech"] .news_children__registration__address input.has-error, .news_children__registration__address body[data-design="tech"] input.has-error, body[data-design="tech"] .news_children__release__address input.has-error, .news_children__release__address body[data-design="tech"] input.has-error { color: #f15151; border-color: #f15151; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-important-link.scss */ .common-important-link { display: block; color: inherit; text-decoration: none; position: relative; min-height: 232px; } /* line 10, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-important-link.scss */ .common-important-link__thumb { float: right; margin-top: 16px; margin-right: 16px; position: relative; font-size: 0; } /* line 16, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-important-link.scss */ .common-important-link__thumb img { max-height: 200px; } /* line 21, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-important-link.scss */ .common-important-link__url { font-size: 12px; margin-bottom: 0 !important; } /* line 103, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="simple"] .common-important-link:hover { background-image: url(/assets/pc/design/simple/ptn_simple_1-a374f304f705ef246360c4618256435e6d7649bc37d08f249349e4ce267e3b85.png); background-size: 5px 5px; } /* line 107, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="simple"] .common-important-link:hover:before { content: ""; display: block; position: absolute; top: 6px; left: 6px; bottom: 6px; right: 6px; background-color: #fff; } /* line 29, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-important-link.scss */ body[data-design="simple"] .common-important-link:hover { color: #1b9af7; } /* line 31, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-important-link.scss */ body[data-design="simple"] .common-important-link:hover .common-important-link__block { position: relative; } /* line 40, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-important-link.scss */ body[data-design="comic"] .common-important-link:hover { background-image: url(/assets/pc/design/comic/ptn_comic_1-c94f8f625adf581b69b82cb83368c49870767c249b391461c134488f2379cedb.png); background-size: 8px 8px; text-shadow: 4px 0px 0px #f4f0e7, -3.49322px -1.9487px 0px #f4f0e7, 2.10128px 3.40362px 0px #f4f0e7, -0.17692px -3.99608px 0px #f4f0e7, -1.7923px 3.57598px 0px #f4f0e7, 3.30734px -2.24976px 0px #f4f0e7, -3.98436px 0.35348px 0px #f4f0e7, 3.65176px 1.63238px 0px #f4f0e7, -2.39384px -3.20462px 0px #f4f0e7, 0.52934px 3.96482px 0px #f4f0e7, 1.46928px -3.72038px 0px #f4f0e7, -3.0956px 2.53324px 0px #f4f0e7, 3.93752px -0.70418px 0px #f4f0e7, -3.78172px -1.3033px 0px #f4f0e7, 2.66766px 2.98054px 0px #f4f0e7, -0.87764px -3.90254px 0px #f4f0e7, -1.13476px 3.83566px 0px #f4f0e7; } /* line 49, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-important-link.scss */ body[data-design="game"] .common-important-link { font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } /* line 59, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-important-link.scss */ body[data-design="kamakura"] .common-important-link { background: none; background-image: url(/assets/pc/design/kamakura/top_news_bg-f939e8277b54927e182e43fd2debb379da3d9900a97e302592abcd6943b664d7.svg); background-repeat: no-repeat; background-size: 100% 100%; } /* line 125, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="kamakura"] .common-important-link:hover { background-image: url(/assets/pc/design/kamakura/top_news_bg_hover-18cec6395d47cb93a8798a857c6d07dfa953a6c7b9ccfd84a383782472f2daac.svg); } /* line 128, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="kamakura"] .common-important-link:hover:before { content: ""; display: block; position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px; background-image: url(/assets/pc/design/kamakura/top_news_bg-f939e8277b54927e182e43fd2debb379da3d9900a97e302592abcd6943b664d7.svg); background-repeat: no-repeat; background-size: 100% 100%; } /* line 61, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-important-link.scss */ body[data-design="kamakura"] .common-important-link:hover { color: #ed5300; } /* line 63, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-important-link.scss */ body[data-design="kamakura"] .common-important-link:hover .common-important-link__block { position: relative; } /* line 71, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-important-link.scss */ body[data-design="tech"] .common-important-link { position: relative; } /* line 74, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-important-link.scss */ body[data-design="tech"] .common-important-link:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; -o-border-image: url(/assets/pc/design/tech/border_news-eb31517f40974de2f39924ad09fd6def83d6c9dd4924bf334a527d2f0d16f8f6.png) 80 280 80 280 repeat; border-image: url(/assets/pc/design/tech/border_news-eb31517f40974de2f39924ad09fd6def83d6c9dd4924bf334a527d2f0d16f8f6.png) 80 280 80 280 fill repeat; border-image-width: 80px 280px 80px 280px; z-index: -1; content: ""; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .common-important-link:before { -o-border-image: none; border-image: none; } /* line 80, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-important-link.scss */ body[data-design="tech"] .common-important-link .tech-border-hover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; -o-border-image: url(/assets/pc/design/tech/border_news_hover-bafcba33dd6c972326230d61cf5a2d391f2cc20691e7a1a7bfceca41b5e26997.png) 80 280 80 280 repeat; border-image: url(/assets/pc/design/tech/border_news_hover-bafcba33dd6c972326230d61cf5a2d391f2cc20691e7a1a7bfceca41b5e26997.png) 80 280 80 280 fill repeat; border-image-width: 80px 280px 80px 280px; z-index: -1; opacity: 0; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .common-important-link .tech-border-hover { -o-border-image: none; border-image: none; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ .common-intro, .common-intro--short { font-family: YakuHanJP, YuGothic, sans-serif; margin-bottom: 40px; } /* line 10, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ .common-intro__dummy-title { display: none; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ .common-intro__title { padding: 30px 40px; font-size: 36px; font-weight: bold; border-bottom: solid 2px #eeeeee; } /* line 21, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ .common-intro__catchcopy { padding: 40px; padding-top: 35px; padding-bottom: 0px; margin-bottom: -16px; font-size: 50px; line-height: 58px; font-weight: bold; } /* line 31, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ .common-intro__body { padding: 40px; font-size: 18px; line-height: 2; } /* line 37, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ .common-intro__body__title { line-height: 1em; font-size: 36px; font-weight: bold; margin-bottom: 30px; } /* line 45, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ .common-intro__body__description p { margin-bottom: 8px; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ .common-intro__body__description p:last-child { margin-bottom: 0px; } /* line 53, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ .common-intro__article { padding: 40px; font-size: 18px; line-height: 2; } /* line 58, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ .common-intro__article strong { font-weight: bold; } /* line 63, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ .common-intro__article__title { font-size: 30px; line-height: 44px; font-weight: bold; } /* line 69, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ .common-intro__article__desc { margin: 32px 0px; } /* line 71, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ .common-intro__article__desc:first-child { margin-top: -10px; } /* line 76, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ .common-intro__article__cover { margin: 8px 0; } /* line 79, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ .common-intro__article__cover img { width: 100%; } /* line 84, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ .common-intro__article__top-btn { margin-top: 30px; } /* line 89, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ .common-intro__horizon { border: none; border-bottom: solid 2px #eeeeee; } /* line 94, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ .common-intro__matrix { padding-right: 32px; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .common-intro__matrix:before, .common-intro__matrix:after { content: ""; display: block; clear: both; } /* line 99, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ .common-intro__matrix__item { position: relative; float: left; width: 33.3%; margin: 8px 0px; } /* line 104, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ .common-intro__matrix__item:nth-child(3n + 1) { left: 0px; } /* line 107, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ .common-intro__matrix__item:nth-child(3n + 2) { left: 16px; } /* line 110, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ .common-intro__matrix__item:nth-child(3n + 3) { left: 32px; } /* line 116, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ body[data-design="comic"] .common-intro, body[data-design="comic"] .common-intro--short { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif; } /* line 120, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ body[data-design="comic"] .common-intro__title { font-family: "Source Sans Pro", "ゴシックMB101 U JIS2004"; color: #f4f0e7; border-color: #474541; text-shadow: 4px 0px 0px #474541, -3.49322px -1.9487px 0px #474541, 2.10128px 3.40362px 0px #474541, -0.17692px -3.99608px 0px #474541, -1.7923px 3.57598px 0px #474541, 3.30734px -2.24976px 0px #474541, -3.98436px 0.35348px 0px #474541, 3.65176px 1.63238px 0px #474541, -2.39384px -3.20462px 0px #474541, 0.52934px 3.96482px 0px #474541, 1.46928px -3.72038px 0px #474541, -3.0956px 2.53324px 0px #474541, 3.93752px -0.70418px 0px #474541, -3.78172px -1.3033px 0px #474541, 2.66766px 2.98054px 0px #474541, -0.87764px -3.90254px 0px #474541, -1.13476px 3.83566px 0px #474541; } /* line 127, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ body[data-design="comic"] .common-intro__catchcopy { font-size: 45px; font-family: "Source Sans Pro", "ゴシックMB101 U JIS2004"; color: #f4f0e7; text-shadow: 4px 0px 0px #474541, -3.49322px -1.9487px 0px #474541, 2.10128px 3.40362px 0px #474541, -0.17692px -3.99608px 0px #474541, -1.7923px 3.57598px 0px #474541, 3.30734px -2.24976px 0px #474541, -3.98436px 0.35348px 0px #474541, 3.65176px 1.63238px 0px #474541, -2.39384px -3.20462px 0px #474541, 0.52934px 3.96482px 0px #474541, 1.46928px -3.72038px 0px #474541, -3.0956px 2.53324px 0px #474541, 3.93752px -0.70418px 0px #474541, -3.78172px -1.3033px 0px #474541, 2.66766px 2.98054px 0px #474541, -0.87764px -3.90254px 0px #474541, -1.13476px 3.83566px 0px #474541; } /* line 134, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ body[data-design="comic"] .common-intro__body__title { font-size: 36px; font-family: "Source Sans Pro", "ゴシックMB101 B JIS2004"; color: #fff; text-shadow: 3px 0px 0px #000, -2.61991px -1.46153px 0px #000, 1.57596px 2.55272px 0px #000, -0.13269px -2.99706px 0px #000, -1.34423px 2.68199px 0px #000, 2.48051px -1.68732px 0px #000, -2.98827px 0.26511px 0px #000, 2.73882px 1.22429px 0px #000, -1.79538px -2.40346px 0px #000, 0.39701px 2.97362px 0px #000, 1.10196px -2.79029px 0px #000, -2.3217px 1.89993px 0px #000, 2.95314px -0.52814px 0px #000, -2.83629px -0.97747px 0px #000, 2.00075px 2.23541px 0px #000, -0.65823px -2.92691px 0px #000, -0.85107px 2.87674px 0px #000; } /* line 141, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ body[data-design="comic"] .comic-onomatope--member { position: absolute; bottom: 0; right: 0; z-index: 2; } /* line 146, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ body[data-design="comic"] .comic-onomatope--member-1 { position: absolute; bottom: -60px; right: 410px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 232px; height: 101px; background-position: -8056px 0px; background-size: 12546.5px 628px; } /* line 152, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ body[data-design="comic"] .comic-onomatope--member-2 { position: absolute; bottom: -20px; right: 210px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 197px; height: 27px; background-position: -8288px 0px; background-size: 12546.5px 628px; -webkit-transform-origin: left center; transform-origin: left center; } /* line 159, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ body[data-design="comic"] .comic-onomatope--member-3 { position: absolute; bottom: -50px; right: 120px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 92px; height: 80px; background-position: -8485px 0px; background-size: 12546.5px 628px; } /* line 167, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ body[data-design="game"] .common-intro__title { font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } /* line 171, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ body[data-design="game"] .common-intro__catchcopy { font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; font-size: 46px; } /* line 178, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ body[data-design="kamakura"] .common-intro, body[data-design="kamakura"] .common-intro--short { position: relative; } /* line 182, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ body[data-design="kamakura"] .common-intro__title { font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; color: #000; } /* line 187, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ body[data-design="kamakura"] .common-intro__catchcopy { font-family: "秀英横太明朝 M", "Shuei Mincho M"; font-size: 47px; color: #000; } /* line 193, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ body[data-design="kamakura"] .common-intro--short { border-style: solid none; border-width: 4px; border-color: #000; color: #000; } /* line 170, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="kamakura"] .common-intro--short:before, body[data-design="kamakura"] .common-intro--short:after { content: ""; display: block; height: 100%; width: 2px; position: absolute; top: -6px; background-color: #000; padding: 6px 0px; } /* line 181, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="kamakura"] .common-intro--short:before { left: 0px; } /* line 184, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="kamakura"] .common-intro--short:after { right: 0px; } /* line 197, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ body[data-design="kamakura"] .common-intro__body__title { font-family: "Alegreya", "秀英横太明朝 L", "Shuei Mincho L"; } /* line 203, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ body[data-design="tech"] .common-intro__title, body[data-design="tech"] .common-intro__horizon { min-height: 2px; position: relative; border: none; } /* line 208, /home/circleci/app/app/assets/stylesheets/modules/pc/_common-intro.scss */ body[data-design="tech"] .common-intro__title:after, body[data-design="tech"] .common-intro__horizon:after { content: ""; display: block; border-bottom: solid 2px #969696; position: absolute; bottom: 0; left: 7px; right: 7px; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_copyright.scss */ .copyright { display: block; position: absolute; top: 100%; right: 100%; margin-right: 11px; font-size: 12px; line-height: 1.8; -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; white-space: nowrap; -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* line 15, /home/circleci/app/app/assets/stylesheets/modules/pc/_copyright.scss */ body[data-design="game"] .copyright { font-family: "Ubuntu Condensed"; } /* line 21, /home/circleci/app/app/assets/stylesheets/modules/pc/_copyright.scss */ body[data-design="kamakura"] .copyright { font-family: "Alegreya", "秀英横太明朝 L", "Shuei Mincho L"; font-style: italic; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_corner-cut-image.scss */ .corner-cut-image { display: none; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/pc/_corner-cut-image.scss */ body[data-design="tech"] .corner-cut-image { position: absolute; top: 0; left: 0; display: block; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division { position: relative; margin-bottom: 40px; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__title { padding: 30px 40px; font-size: 36px; font-weight: bold; border-bottom: solid 2px #eeeeee; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__dummy-title { display: none; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section, .division__section--award { margin-bottom: 8px; padding: 40px; font-size: 18px; line-height: 2; } /* line 24, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section strong, .division__section--award strong { font-weight: bold; } /* line 30, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section__right { display: inline-block; width: 25%; } /* line 34, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section__left { display: inline-block; width: 75%; } /* line 40, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__impartible-section { padding: 40px 40px 0px; font-size: 18px; line-height: 2; } /* line 45, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__impartible-section strong { font-weight: bold; } /* line 57, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section__title { font-size: 36px; line-height: 48px; font-weight: bold; margin-bottom: 32px; } /* line 64, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section__sub-title { margin-bottom: 20px; font-size: 30px; line-height: 48px; font-weight: bold; } /* line 71, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section__notice-text { font-size: 18px; font-weight: bold; } /* line 76, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section__paragraph-title { padding: 20px 0 10px; font-size: 20px; line-height: 30px; font-weight: bold; } /* line 83, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section__meta-title, .division__section__meta-title--with-margin-top { margin-top: 40px; margin-bottom: 16px; font-weight: bold; font-size: 24px; line-height: 48px; } /* line 89, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section__meta-title:first-child, .division__section__meta-title--with-margin-top:first-child { margin-top: 0px; } /* line 95, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section__meta-title--with-margin-top:first-child { margin-top: 40px; } /* line 100, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section__catchcopy { margin: 32px 0px; font-size: 50px; line-height: 58px; font-weight: bold; } /* line 105, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section__catchcopy:first-child { margin-top: -5px; } /* line 110, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__impartible-section__sub-catchcopy { font-size: 50px; line-height: 58px; font-weight: bold; } /* line 116, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section__text, .division__section__text--block-sp, .division__section__text--small, .division__section__paragraph { margin-bottom: 8px; } /* line 119, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section__text:last-child, .division__section__text--block-sp:last-child, .division__section__text--small:last-child, .division__section__paragraph:last-child { margin-bottom: 0px; } /* line 127, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section__text--small { font-size: 12px; } /* line 132, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section__cover, .division__section__cover--kamakura_recycreation { margin-bottom: 32px; } /* line 134, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section__cover img, .division__section__cover--kamakura_recycreation img { display: block; margin: auto; width: 100%; height: auto; } /* line 141, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section__cover--kamakura_recycreation { position: relative; padding-bottom: 29.051987%; } /* line 146, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section__cover--kamakura_recycreation img { display: block; position: absolute; top: 0; left: 0; width: calc(50% - 4px); height: 100%; } /* line 154, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section__cover--kamakura_recycreation .embed-map, .division__section__cover--kamakura_recycreation .embed-map--large { float: none; position: absolute; top: 0; right: 0; width: calc(50% - 4px); height: 100%; margin: 0; padding: 0; } /* line 167, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section__img-insentence img { display: block; margin: 20px 0; width: 100%; height: auto; } /* line 174, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section__img-insentence:last-child img { margin-bottom: 0; } /* line 180, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__section__right-thumbnail { display: block; float: right; margin-left: 32px; } /* line 186, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__list-title { font-weight: bold; font-size: 24px; margin-top: 32px; margin-bottom: 8px; } /* line 193, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__example, .division__example--collaboration { margin-top: 22px; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .division__example:before, .division__example--collaboration:before, .division__example:after, .division__example--collaboration:after { content: ""; display: block; clear: both; } /* line 201, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__example__box { float: left; width: 50%; margin-top: 28px; -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 207, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__example__box:nth-child(1), .division__example__box:nth-child(2) { margin-top: 10px; } /* line 211, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__example__box:nth-child(2n + 1) { padding-right: 20px; clear: left; } /* line 215, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__example__box:nth-child(2n + 2) { padding-left: 20px; } /* line 219, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__example__box p { font-size: 16px; line-height: 28px; } /* line 225, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__example__box__left { word-break: break-all; } /* line 228, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__example__box__right { float: right; margin-left: 16px; } /* line 231, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__example__box__right img { max-width: 121px; } /* line 236, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__example__cover, .division__example__cover--soldout { margin: 8px 0px; } /* line 238, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__example__cover img, .division__example__cover--soldout img { display: block; width: 100%; height: auto; } /* line 244, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__example__cover--soldout { position: relative; } /* line 247, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__example__cover--soldout:after { content: ""; display: block; position: absolute; top: -3px; right: -3px; width: 74px; height: 90px; background-image: url(/assets/pc/service/closed_and_soldout/ico_soldout-ribbon_m-96768d2d4a42cf50d2ff11ec659510799e793213247141757a1acdd342a3c021.png); } /* line 259, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__example__title { font-size: 24px; line-height: 32px; font-weight: bold; margin-top: 32px; margin-bottom: 12px; } /* line 265, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__example__title:first-child { margin-top: 0px; } /* line 270, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__article { margin: 8px 0px; font-size: 16px; line-height: 22px; } /* line 274, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__article a { position: relative; padding-left: 1.2em; margin-bottom: 8px; display: block; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .division__article a:before { content: ""; font-family: FontAwesome; } /* line 280, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__article a:before { position: absolute; top: 0px; left: 0px; } /* line 288, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__member-list { margin-top: 8px; } /* line 292, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__member-list__item { display: inline-block; vertical-align: top; width: 108px; margin-right: 8px; margin-bottom: 8px; font-size: 14px; line-height: 22px; } /* line 301, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__member-list__item a { display: block; text-decoration: none; color: inherit; } /* line 305, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__member-list__item a:hover { opacity: 0.7; } /* line 309, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__member-list__item img { display: block; width: 108px; height: 108px; } /* line 314, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__member-list__item dl { margin-top: 8px; } /* line 317, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__member-list__item dd { font-weight: bold; } /* line 320, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__member-list__item dt { color: #999999; } /* line 325, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__screenshot, .division__screenshot--c1, .division__screenshot--c2, .division__screenshot--c3, .division__screenshot--c5 { overflow: hidden; } /* line 328, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__screenshot--c1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } /* line 332, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__screenshot--c1 .division__screenshot__free-size-item { display: block; max-width: 50%; } /* line 337, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__screenshot--c2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } /* line 341, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__screenshot--c2 .division__screenshot__item { width: auto; } /* line 347, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__screenshot--c3 .division__screenshot__item { width: 33.3%; } /* line 353, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__screenshot--c5 .division__screenshot__item { width: 20%; } /* line 358, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__screenshot__item { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding-right: 4px; padding-left: 4px; } /* line 363, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__screenshot__item img { display: block; width: 100%; } /* line 369, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__app { text-align: center; margin-top: 40px; } /* line 373, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__app__item, .division__app__item--ios, .division__app__item--android { display: inline-block; margin: 0px 8px; } /* line 376, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__app__item a, .division__app__item--ios a, .division__app__item--android a { display: block; width: 200px; height: 60px; background-repeat: no-repeat; background-position: center; background-size: contain; } /* line 385, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__app__item a span, .division__app__item--ios a span, .division__app__item--android a span { display: none; } /* line 392, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__app__item--ios a { background-image: url(/assets/pc/service/detail/ico_appstore-4cfabcfdbec9a5cd903190f150028743f38c3533b53ea21c6e4dd35a52a80383.svg); } /* line 398, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__app__item--android a { background-image: url(/assets/pc/service/detail/ico_googleplay-2b4ac56a272feb56e30fe461b1a05dcfe1242fe7554440af5b5e26f1ee017517.png); } /* line 403, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__button-area { margin-top: 40px; padding-top: 40px; border-top: solid 2px #eeeeee; text-align: center; } /* line 409, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__button-area .common-button--strongest { margin: 0 auto !important; } /* line 414, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__point { position: relative; overflow: hidden; -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); margin: 32px 0px; min-height: 336px; text-decoration: none; color: inherit !important; display: block; } /* line 425, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__point__cover, .division__point__cover--img-contain, .division__point__cover--n1, .division__point__cover--n2, .division__point__cover--n3, .division__point__cover--tsukurunda_village, .division__point__cover--recycreation_kamakura, .division__point__cover--recycreation_kamakura_n1, .division__point__cover--recycreation_kamakura_n2 { position: absolute; top: 0px; right: 0px; left: 50%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } /* line 435, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__point__cover--img-contain { background-size: contain; } /* line 439, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__point__cover--n1 { background-image: url(/assets/pc/service/client/img_point_1-dfc0bafcb9b70436d130456ebb09d02dc1484bc8e38c88fbcf2c380637a1bb70.jpg); } /* line 443, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__point__cover--n2 { background-image: url(/assets/pc/service/client/img_point_2-28632cd3d891efea28592a91aaaada61066ac2e14182248a3b7f5a25a378b4b0.jpg); } /* line 447, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__point__cover--n3 { background-image: url(/assets/pc/service/client/img_point_3-5817f8cc101cf31fe2103297a2e45377dac4020bda57977e486a3756b86ba76e.jpg); } /* line 452, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__point__cover--tsukurunda_village { background-image: url(/assets/sp/service/tsukurunda_village/map-5dda58aa86c20954e3ded7b242a2c76b1d69b8e3f0838b5b1997b00423ea3aa4.png); background-size: contain; right: 32px; } /* line 458, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__point__cover--recycreation_kamakura, .division__point__cover--recycreation_kamakura_n1, .division__point__cover--recycreation_kamakura_n2 { background-size: contain; right: 32px; } /* line 463, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__point__cover--recycreation_kamakura_n1 { background-image: url(/assets/pc/service/recycreation_kamakura/map_shiyakusho-43d55e48a5f96f2051cb26cd1ac0d78dc8faab46ea6c35546d04d1b51f063ebc.png); } /* line 467, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__point__cover--recycreation_kamakura_n2 { background-image: url(/assets/pc/service/recycreation_kamakura/map_enoden-a4370c6341e85dd870479f27a264d5f7a761440592a694c9fdbad07f67feb781.png); } /* line 472, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__point__cover__keyword { position: absolute; top: 50%; left: 0px; width: 100%; text-align: center; font-size: 28px; color: #fff; font-weight: bold; line-height: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 485, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__point__title { position: relative; margin: 32px; margin-top: 29px; margin-bottom: -13px; margin-right: 50%; padding-right: 32px; font-size: 40px; font-weight: bold; line-height: 1.2; } /* line 495, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__point__title strong { position: absolute; top: -9px; left: 0px; font-size: 70px; line-height: 1; font-family: "Ubuntu"; font-weight: normal; } /* line 505, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__point__sub-title { margin: 29px 32px -13px; font-size: 20px; font-weight: bold; line-height: 1.2; } /* line 512, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ .division__point__body { margin: 32px; margin-right: 50%; padding-right: 40px; font-size: 18px; line-height: 30px; } /* line 526, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ body[data-design="comic"] .division__app__item.has-onomatope, body[data-design="comic"] .has-onomatope.division__app__item--ios, body[data-design="comic"] .has-onomatope.division__app__item--android { position: relative; } /* line 529, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ body[data-design="comic"] .division__app__item.has-onomatope:after, body[data-design="comic"] .has-onomatope.division__app__item--ios:after, body[data-design="comic"] .has-onomatope.division__app__item--android:after { content: ""; } /* line 535, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ body[data-design="comic"] .division__app__item.has-onomatope:hover:after, body[data-design="comic"] .has-onomatope.division__app__item--ios:hover:after, body[data-design="comic"] .has-onomatope.division__app__item--android:hover:after { opacity: 1; } /* line 541, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ body[data-design="comic"] .division__app__item.has-onomatope[data-onomatope-id="lobi-3"]:after, body[data-design="comic"] .has-onomatope[data-onomatope-id="lobi-3"].division__app__item--ios:after, body[data-design="comic"] .has-onomatope[data-onomatope-id="lobi-3"].division__app__item--android:after { position: absolute; top: -90px; left: -210px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 180px; height: 153px; background-position: -7509px 0px; background-size: 12546.5px 628px; } /* line 546, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ body[data-design="comic"] .division__app__item.has-onomatope[data-onomatope-id="lobi-3"]:hover:after, body[data-design="comic"] .has-onomatope[data-onomatope-id="lobi-3"].division__app__item--ios:hover:after, body[data-design="comic"] .has-onomatope[data-onomatope-id="lobi-3"].division__app__item--android:hover:after { -webkit-animation: bounce-to-top-left 0.5s linear both; animation: bounce-to-top-left 0.5s linear both; } /* line 551, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ body[data-design="comic"] .division__app__item.has-onomatope[data-onomatope-id="lobi-4"]:after, body[data-design="comic"] .has-onomatope[data-onomatope-id="lobi-4"].division__app__item--ios:after, body[data-design="comic"] .has-onomatope[data-onomatope-id="lobi-4"].division__app__item--android:after { position: absolute; top: -60px; left: 230px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 137px; height: 92px; background-position: -7689px 0px; background-size: 12546.5px 628px; } /* line 556, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ body[data-design="comic"] .division__app__item.has-onomatope[data-onomatope-id="lobi-4"]:hover:after, body[data-design="comic"] .has-onomatope[data-onomatope-id="lobi-4"].division__app__item--ios:hover:after, body[data-design="comic"] .has-onomatope[data-onomatope-id="lobi-4"].division__app__item--android:hover:after { -webkit-animation: bounce-to-top-right 0.5s linear both; animation: bounce-to-top-right 0.5s linear both; } /* line 565, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ body[data-design="kamakura"] .division__section__catchcopy, body[data-design="kamakura"] .division__section__sub-title, body[data-design="kamakura"] .division__point__title, body[data-design="kamakura"] .division__section__meta-title, body[data-design="kamakura"] .division__section__meta-title--with-margin-top, body[data-design="kamakura"] .division__example__title, body[data-design="kamakura"] .division__list-title { color: #000; } /* line 576, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ body[data-design="tech"] .division__title { border-bottom: none; } /* line 581, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ body[data-design="tech"] .division__section *, body[data-design="tech"] .division__section--award * { font-family: "ゴシックMB101 L JIS2004"; } /* line 585, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ body[data-design="tech"] .division__section .division__section__catchcopy, body[data-design="tech"] .division__section--award .division__section__catchcopy, body[data-design="tech"] .division__section h1, body[data-design="tech"] .division__section--award h1, body[data-design="tech"] .division__section h2, body[data-design="tech"] .division__section--award h2, body[data-design="tech"] .division__section h3, body[data-design="tech"] .division__section--award h3, body[data-design="tech"] .division__section h4, body[data-design="tech"] .division__section--award h4 { font-family: "UD新ゴ コンデンス90 R", "Cambay", sans-serif; } /* line 594, /home/circleci/app/app/assets/stylesheets/modules/pc/_division.scss */ body[data-design="tech"] .division__point { border: 1px solid #4c4c4c; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_embed-map.scss */ .embed-map, .embed-map--large { float: right; width: 50%; padding-bottom: 33.33333%; margin-left: 1em; z-index: 2; } /* line 10, /home/circleci/app/app/assets/stylesheets/modules/pc/_embed-map.scss */ .embed-map--large { width: 100%; padding-bottom: 50%; margin: 20px 0; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_episode-unit.scss */ .episode-unit { overflow: hidden; display: block; max-width: 410px; margin-bottom: 1em; font-size: 12px; color: inherit; text-decoration: none; } /* line 11, /home/circleci/app/app/assets/stylesheets/modules/pc/_episode-unit.scss */ .episode-unit__thumb { float: left; margin-right: 1em; } /* line 16, /home/circleci/app/app/assets/stylesheets/modules/pc/_episode-unit.scss */ .episode-unit__title { display: block; font-size: 16px; margin-bottom: 0.5em; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_flow-list.scss */ .flow-list { margin: 1em auto; font-size: 18px; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .flow-list:before, .flow-list:after { content: ""; display: block; clear: both; } /* line 5, /home/circleci/app/app/assets/stylesheets/modules/pc/_flow-list.scss */ .flow-list p { margin: 0; } /* line 10, /home/circleci/app/app/assets/stylesheets/modules/pc/_flow-list.scss */ .flow-list__item, .flow-list__item--notice { float: left; position: relative; padding-left: 55px; } /* line 15, /home/circleci/app/app/assets/stylesheets/modules/pc/_flow-list.scss */ .flow-list__item:before, .flow-list__item--notice:before { content: ""; display: inline-block; display: block; width: 21px; height: 100%; background-image: url(/assets/pc/common/img_flow_arrow-57aabede9da67edec4325b0a4df79ba2e10c141cc638e78bcd20f9cb7882fc22.png); background-repeat: no-repeat; background-position: center; position: absolute; left: 20px; } /* line 27, /home/circleci/app/app/assets/stylesheets/modules/pc/_flow-list.scss */ .flow-list__item:first-child, .flow-list__item--notice:first-child { padding-left: 0; } /* line 29, /home/circleci/app/app/assets/stylesheets/modules/pc/_flow-list.scss */ .flow-list__item:first-child:before, .flow-list__item--notice:first-child:before { display: none; } /* line 35, /home/circleci/app/app/assets/stylesheets/modules/pc/_flow-list.scss */ .flow-list__item--notice { font-size: 12px; padding-left: 32px; } /* line 39, /home/circleci/app/app/assets/stylesheets/modules/pc/_flow-list.scss */ .flow-list__item--notice:before { display: none; } /* line 42, /home/circleci/app/app/assets/stylesheets/modules/pc/_flow-list.scss */ .flow-list__item--notice p { margin-top: 100% !important; -webkit-transform: translateY(-1em); transform: translateY(-1em); } /* line 48, /home/circleci/app/app/assets/stylesheets/modules/pc/_flow-list.scss */ .flow-list__num { font-family: "Ubuntu"; font-size: 70px; line-height: 1; color: #1b9af7; margin-right: 0.1em; } /* line 57, /home/circleci/app/app/assets/stylesheets/modules/pc/_flow-list.scss */ body[data-design="game"] .flow-list__num { color: #49e845; } /* line 63, /home/circleci/app/app/assets/stylesheets/modules/pc/_flow-list.scss */ body[data-design="kamakura"] .flow-list__num { color: #ff6600; } /* line 69, /home/circleci/app/app/assets/stylesheets/modules/pc/_flow-list.scss */ body[data-design="tech"] .flow-list__num { color: #26dcfd; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer { position: relative; height: 90px; background-color: #fff; z-index: 3; } /* line 7, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer.is-footer-fixed { position: fixed; bottom: 0; width: 100%; min-width: 1120px; } /* line 15, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__logo { display: none; } /* line 19, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__nav { position: absolute; left: 40px; top: 50%; margin-top: -6px; font-size: 12px; line-height: 1; } /* line 29, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__nav__item { float: left; margin-right: 24px; font-weight: bold; } /* line 35, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__nav__btn { text-decoration: none; color: #000; } /* line 38, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__nav__btn:hover { color: #1b9af7; } /* line 43, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account { position: absolute; right: 40px; top: 50%; margin-top: -15px; height: 30px; font-size: 0px; } /* line 53, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__item, .footer__account__item--pair { position: relative; display: inline-block; vertical-align: top; margin-left: 32px; } /* line 59, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__item:hover .footer__account__item__hint, .footer__account__item--pair:hover .footer__account__item__hint, .footer__account__item:hover .footer__account__item__hint--without-thumb, .footer__account__item--pair:hover .footer__account__item__hint--without-thumb, .footer__account__item:hover .footer__account__item__hint--yana, .footer__account__item--pair:hover .footer__account__item__hint--yana { display: block; } /* line 64, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__item--pair { margin-left: 8px; } /* line 67, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__item--pair:before { content: ""; position: absolute; top: 6px; left: -4px; height: 17px; width: 0px; border-right: solid 1px rgba(0, 0, 0, 0.5); } /* line 78, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__item__hint, .footer__account__item__hint--without-thumb, .footer__account__item__hint--yana { display: none; position: absolute; width: auto; min-height: 40px; white-space: nowrap; padding: 12px; padding-left: 63px; bottom: 45px; right: 50%; margin-right: -36px; font-size: 14px; line-height: 40px; } /* line 93, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__item__hint:after, .footer__account__item__hint--without-thumb:after, .footer__account__item__hint--yana:after { content: ""; display: block; position: absolute; top: 100%; right: 25px; margin-top: -1px; background-image: url(/assets/pc/common/img_hint_tip-901bb85b7eb8205f425f604b4e63b0f0d41703b76f215a475cb20436ee3a7b65.png); width: 22px; height: 12px; } /* line 105, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__item__hint img, .footer__account__item__hint--without-thumb img, .footer__account__item__hint--yana img { position: absolute; top: 10px; left: 12px; width: 42px; height: 42px; display: block; margin-right: 8px; float: left; } /* line 117, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__item__hint--without-thumb { padding: 12px; } /* line 126, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__btn, .footer__account__btn--fb, .footer__account__btn--tw, .footer__account__btn--yt, .footer__account__btn--yana, .footer__account__btn--en, .footer__account__btn--jp { display: block; position: relative; height: 30px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__btn span, .footer__account__btn--fb span, .footer__account__btn--tw span, .footer__account__btn--yt span, .footer__account__btn--yana span, .footer__account__btn--en span, .footer__account__btn--jp span { display: none; } /* line 138, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__btn--fb svg { width: 11px; height: 30px; } /* line 141, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__btn--fb svg * { fill: black; -webkit-transition: fill 0.2s; transition: fill 0.2s; } /* line 146, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__btn--fb:hover svg * { fill: #395590; } /* line 152, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__btn--tw svg { width: 20px; height: 30px; } /* line 155, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__btn--tw svg * { fill: black; -webkit-transition: fill 0.2s; transition: fill 0.2s; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__btn--tw:hover svg * { fill: #368ece; } /* line 167, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__btn--yt svg { display: block; width: 23px; margin: 0 auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 175, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__btn--yt svg * { fill: #333333; -webkit-transition: fill 0.2s; transition: fill 0.2s; } /* line 181, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__btn--yt:hover svg * { fill: #e62d27; } /* line 189, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__btn--yana svg { width: 15px; height: 20px; margin-top: 5px; } /* line 193, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__btn--yana svg #footer_yana_overlay * { fill: black; -webkit-transition: fill 0.2s; transition: fill 0.2s; } /* line 200, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__btn--yana:hover svg #footer_yana_overlay * { fill: transparent; } /* line 207, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__btn--en, .footer__account__btn--jp { width: 20px; background-image: url(/assets/pc/common/lang-label-1a4972b744b05b760265645c0de51c419a35fa0a2defd4285587bafad04064d6.png); opacity: 0.5; } /* line 215, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__btn--en.is-active, .footer__account__btn--en:hover, .footer__account__btn--jp.is-active, .footer__account__btn--jp:hover { opacity: 1; } /* line 220, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__btn--en { background-position: 50% -90px; } /* line 223, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ .footer__account__btn--jp { background-position: 50% -60px; } /* line 228, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer { font-family: "Source Sans Pro", "ゴシックMB101 DB JIS2004"; background-color: #f4f0e7; } /* line 234, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__logo:before, body[data-design="comic"] .footer__logo:after { content: ""; } /* line 240, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__logo:before { position: absolute; top: -50px; left: 0; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 146px; height: 57px; background-position: -5012px 0px; background-size: 12546.5px 628px; margin-left: 150px; -webkit-transform: translate(-30px, 5px); transform: translate(-30px, 5px); } /* line 247, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__logo:after { position: absolute; top: -30px; left: 0; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 83px; height: 33px; background-position: -4929px 0px; background-size: 12546.5px 628px; -webkit-transform: translate(20px, 10px); transform: translate(20px, 10px); } /* line 254, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__logo:hover:before { -webkit-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s; -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } /* line 263, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__logo.is-second:hover:before { opacity: 0 !important; } /* line 267, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__logo.is-second:hover:after { -webkit-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s; -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } /* line 277, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__btn:after, body[data-design="comic"] .footer__account__btn--fb:after, body[data-design="comic"] .footer__account__btn--tw:after, body[data-design="comic"] .footer__account__btn--yt:after, body[data-design="comic"] .footer__account__btn--yana:after, body[data-design="comic"] .footer__account__btn--en:after, body[data-design="comic"] .footer__account__btn--jp:after { content: ""; } /* line 283, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__btn:hover:after, body[data-design="comic"] .footer__account__btn--fb:hover:after, body[data-design="comic"] .footer__account__btn--tw:hover:after, body[data-design="comic"] .footer__account__btn--yt:hover:after, body[data-design="comic"] .footer__account__btn--yana:hover:after, body[data-design="comic"] .footer__account__btn--en:hover:after, body[data-design="comic"] .footer__account__btn--jp:hover:after { opacity: 1; } /* line 290, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__btn--fb svg * { fill: #4c4c4c; } /* line 293, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__btn--fb:after { position: absolute; top: -45px; right: -35px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 53px; height: 76px; background-position: -4551px 0px; background-size: 12546.5px 628px; } /* line 299, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__btn--fb:hover:after { -webkit-animation: bounce-to-top-right 0.5s linear 0s both; animation: bounce-to-top-right 0.5s linear 0s both; } /* line 302, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__btn--fb:hover svg * { fill: #395590; } /* line 309, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__btn--tw svg * { fill: #4c4c4c; } /* line 312, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__btn--tw:after { position: absolute; top: -75px; right: -25px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 29px; height: 114px; background-position: -11615px 0px; background-size: 12546.5px 628px; -webkit-transform: translate(-5px, 10px); transform: translate(-5px, 10px); } /* line 319, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__btn--tw:hover:after { -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; -webkit-transform: translate(0, 0); transform: translate(0, 0); } /* line 323, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__btn--tw:hover svg * { fill: #368ece; } /* line 330, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__btn--yt svg * { fill: #4c4c4c; } /* line 334, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__btn--yt:after { position: absolute; top: -45px; right: -40px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 71.5px; height: 60.5px; background-position: -12475px 0px; background-size: 12546.5px 628px; } /* line 340, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__btn--yt:hover:after { -webkit-animation: bounce-to-top-right 0.5s linear 0s both; animation: bounce-to-top-right 0.5s linear 0s both; } /* line 343, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__btn--yt:hover svg * { fill: #e62d27; } /* line 350, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__btn--yana #footer_yana_overlay * { fill: #4c4c4c; } /* line 353, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__btn--yana:after { position: absolute; top: -35px; right: -35px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 86px; height: 58px; background-position: -2458px 0px; background-size: 12546.5px 628px; } /* line 359, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__btn--yana:hover:after { -webkit-animation: bounce-to-top-right 0.25s linear 0s both; animation: bounce-to-top-right 0.25s linear 0s both; } /* line 362, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__btn--yana:hover #footer_yana_overlay * { fill: none; } /* line 368, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__item__hint, body[data-design="comic"] .footer__account__item__hint--without-thumb, body[data-design="comic"] .footer__account__item__hint--yana { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border: none; border-radius: 0; } /* line 374, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__item__hint:before, body[data-design="comic"] .footer__account__item__hint--without-thumb:before, body[data-design="comic"] .footer__account__item__hint--yana:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; -o-border-image: url(/assets/pc/design/comic/hint_border-dadf50bcee883c96035f1aed82faa9a68b3e4b604e134db721586b11b3ca3a83.png) 18 18 18 18 repeat; border-image: url(/assets/pc/design/comic/hint_border-dadf50bcee883c96035f1aed82faa9a68b3e4b604e134db721586b11b3ca3a83.png) 18 18 18 18 fill repeat; border-image-width: 18px 18px 18px 18px; z-index: -1; content: ""; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="comic"] .footer__account__item__hint:before, .is-legacy-ie body[data-design="comic"] .footer__account__item__hint--without-thumb:before, .is-legacy-ie body[data-design="comic"] .footer__account__item__hint--yana:before { -o-border-image: none; border-image: none; } /* line 380, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__item__hint:after, body[data-design="comic"] .footer__account__item__hint--without-thumb:after, body[data-design="comic"] .footer__account__item__hint--yana:after { display: block; position: absolute; top: 10px; bottom: auto; left: 12px; right: auto; width: 42px; height: 42px; background-image: url(/assets/pc/common/ico_account_facebook_comic-84ad251d8222ef3bca51ba39f119660cf585d3351ee2310c3d696e15d5022407.png); content: ""; } /* line 389, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__item__hint img, body[data-design="comic"] .footer__account__item__hint--without-thumb img, body[data-design="comic"] .footer__account__item__hint--yana img { visibility: hidden; } /* line 395, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__item__hint--without-thumb:after { display: none; } /* line 401, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__item__hint--yana:after { background-image: url(/assets/pc/common/img_yanasan_comic-07ff7ec06e28a3db97fe84e9c02ffb5fe29d68fac334502d2acbf6f4f7b37517.png); } /* line 406, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__logo { position: absolute; top: 0; bottom: 0; left: 20px; display: block; width: 232px; height: 48px; margin: auto; } /* line 414, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__logo__inner { position: absolute; top: 2.5px; left: 60px; font-family: "Source Sans Pro", "ゴシックMB101 B JIS2004"; font-size: 18px; font-weight: bold; } /* line 421, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__logo__image { position: absolute; top: 0; left: 0; width: inherit; height: inherit; } /* line 426, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__logo__image img { width: inherit; height: inherit; } /* line 432, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__nav { right: 300px; left: auto; } /* line 438, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="comic"] .footer__account__item__hint img, body[data-design="comic"] .footer__account__item__hint--without-thumb img, body[data-design="comic"] .footer__account__item__hint--yana img { mix-blend-mode: multiply; } /* line 446, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="game"] .footer { height: 45px; font-family: "ShinMGoPro Heavy", "新丸ゴ H", YakuHanJP, YuGothic, sans-serif; color: #000; } /* line 452, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="game"] .footer__nav { -webkit-transform: translateY(-22.5px); transform: translateY(-22.5px); } /* line 457, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="game"] .footer__nav__btn:hover { color: #49e845; } /* line 462, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="game"] .footer__account { -webkit-transform: translateY(-22.5px); transform: translateY(-22.5px); } /* line 468, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="kamakura"] .footer__logo { position: absolute; left: 50px; top: 50%; margin-top: -20px; display: block; width: 40px; height: 40px; background-image: url(/assets/pc/design/kamakura/footer_logo-2102d980587f9b5c61312079858bab79b8042bc3560a53b3c769ee9fd6314586.png); background-size: 40px 40px; } /* line 481, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="kamakura"] .footer__logo__inner, body[data-design="kamakura"] .footer__logo__image { display: none; } /* line 486, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="kamakura"] .footer__nav { left: 110px; } /* line 490, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="kamakura"] .footer__nav__btn { font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; } /* line 492, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="kamakura"] .footer__nav__btn:hover { color: #ed5300; } /* line 497, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="kamakura"] .footer__account { height: 40px; margin-top: -20px; } /* line 502, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="kamakura"] .footer__account__item, body[data-design="kamakura"] .footer__account__item--pair { margin-left: 15px; } /* line 506, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="kamakura"] .footer__account__item--pair:before { top: 11px; left: -7px; } /* line 512, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="kamakura"] .footer__account__item__hint, body[data-design="kamakura"] .footer__account__item__hint--without-thumb, body[data-design="kamakura"] .footer__account__item__hint--yana { background-color: rgba(0, 0, 0, 0.8); color: #fff; font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; } /* line 518, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="kamakura"] .footer__account__item__hint:after, body[data-design="kamakura"] .footer__account__item__hint--without-thumb:after, body[data-design="kamakura"] .footer__account__item__hint--yana:after { display: none; } /* line 524, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="kamakura"] .footer__account__btn:hover, body[data-design="kamakura"] .footer__account__btn--fb:hover, body[data-design="kamakura"] .footer__account__btn--tw:hover, body[data-design="kamakura"] .footer__account__btn--yt:hover, body[data-design="kamakura"] .footer__account__btn--yana:hover, body[data-design="kamakura"] .footer__account__btn--en:hover, body[data-design="kamakura"] .footer__account__btn--jp:hover { color: #fff; } /* line 529, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="kamakura"] .footer__account__btn--fb, body[data-design="kamakura"] .footer__account__btn--tw, body[data-design="kamakura"] .footer__account__btn--yt, body[data-design="kamakura"] .footer__account__btn--yana { width: 40px; height: 40px; background-image: url(/assets/pc/design/kamakura/footer_share_bg-236e3d3639b465d58dbbd5363b56fd514db02fdd49d8a9e37cffc9be24e7076f.png); background-position: left top; font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; font-size: 20px; line-height: 43px; text-align: center; color: inherit; text-decoration: none; } /* line 545, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="kamakura"] .footer__account__btn--fb:hover, body[data-design="kamakura"] .footer__account__btn--tw:hover, body[data-design="kamakura"] .footer__account__btn--yt:hover, body[data-design="kamakura"] .footer__account__btn--yana:hover { background-position: left bottom; } /* line 549, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="kamakura"] .footer__account__btn--fb svg, body[data-design="kamakura"] .footer__account__btn--tw svg, body[data-design="kamakura"] .footer__account__btn--yt svg, body[data-design="kamakura"] .footer__account__btn--yana svg { display: none; } /* line 554, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="kamakura"] .footer__account__btn--fb:before { content: "友"; } /* line 559, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="kamakura"] .footer__account__btn--tw:before { content: "鳥"; } /* line 564, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="kamakura"] .footer__account__btn--yt:before { content: "映"; } /* line 569, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="kamakura"] .footer__account__btn--yana:before { content: "柳"; } /* line 574, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="kamakura"] .footer__account__btn--en, body[data-design="kamakura"] .footer__account__btn--jp { margin-top: 5px; } /* line 581, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer { background-color: transparent; } /* line 584, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer:before { position: absolute; top: 0; bottom: 0; left: -135px; right: -150px; border-style: solid; -o-border-image: url(/assets/pc/design/tech/footer_border-28a4d4c6da41ed42fc4bfb06d1550f6854bd0a8a96b5a42fbf9ef7cb43aab1c9.png) 20 480 20 721 repeat; border-image: url(/assets/pc/design/tech/footer_border-28a4d4c6da41ed42fc4bfb06d1550f6854bd0a8a96b5a42fbf9ef7cb43aab1c9.png) 20 480 20 721 fill repeat; border-image-width: 20px 480px 20px 721px; z-index: -1; content: ""; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .footer:before { -o-border-image: none; border-image: none; } /* line 590, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer:after { position: absolute; bottom: 0; left: 50%; background-image: url(/assets/sprite-dest/pc/tech-7f12b8c56c17884c6efdabb8271d34a3c480f6fb85f2a09f9c140fb549314b2a.png); background-position: -389px 0px; width: 2401px; height: 16px; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } /* line 599, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__account__item--pair:before { border-color: rgba(255, 255, 255, 0.5); } /* line 605, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__account__btn svg, body[data-design="tech"] .footer__account__btn--fb svg, body[data-design="tech"] .footer__account__btn--tw svg, body[data-design="tech"] .footer__account__btn--yt svg, body[data-design="tech"] .footer__account__btn--yana svg, body[data-design="tech"] .footer__account__btn--en svg, body[data-design="tech"] .footer__account__btn--jp svg, body[data-design="tech"] .footer__account__btn:before, body[data-design="tech"] .footer__account__btn--fb:before, body[data-design="tech"] .footer__account__btn--tw:before, body[data-design="tech"] .footer__account__btn--yt:before, body[data-design="tech"] .footer__account__btn--yana:before, body[data-design="tech"] .footer__account__btn--en:before, body[data-design="tech"] .footer__account__btn--jp:before { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } /* line 610, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__account__btn:before, body[data-design="tech"] .footer__account__btn--fb:before, body[data-design="tech"] .footer__account__btn--tw:before, body[data-design="tech"] .footer__account__btn--yt:before, body[data-design="tech"] .footer__account__btn--yana:before, body[data-design="tech"] .footer__account__btn--en:before, body[data-design="tech"] .footer__account__btn--jp:before { opacity: 0; content: ""; } /* line 615, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__account__btn:after, body[data-design="tech"] .footer__account__btn--fb:after, body[data-design="tech"] .footer__account__btn--tw:after, body[data-design="tech"] .footer__account__btn--yt:after, body[data-design="tech"] .footer__account__btn--yana:after, body[data-design="tech"] .footer__account__btn--en:after, body[data-design="tech"] .footer__account__btn--jp:after { position: absolute; top: -15px; left: -65px; background-image: url(/assets/sprite-dest/pc/tech-7f12b8c56c17884c6efdabb8271d34a3c480f6fb85f2a09f9c140fb549314b2a.png); background-position: -2790px 0px; width: 68px; height: 16px; opacity: 0; content: ""; } /* line 623, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__account__btn:hover:before, body[data-design="tech"] .footer__account__btn--fb:hover:before, body[data-design="tech"] .footer__account__btn--tw:hover:before, body[data-design="tech"] .footer__account__btn--yt:hover:before, body[data-design="tech"] .footer__account__btn--yana:hover:before, body[data-design="tech"] .footer__account__btn--en:hover:before, body[data-design="tech"] .footer__account__btn--jp:hover:before, body[data-design="tech"] .footer__account__btn:hover:after, body[data-design="tech"] .footer__account__btn--fb:hover:after, body[data-design="tech"] .footer__account__btn--tw:hover:after, body[data-design="tech"] .footer__account__btn--yt:hover:after, body[data-design="tech"] .footer__account__btn--yana:hover:after, body[data-design="tech"] .footer__account__btn--en:hover:after, body[data-design="tech"] .footer__account__btn--jp:hover:after { opacity: 1; } /* line 628, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__account__btn:hover svg, body[data-design="tech"] .footer__account__btn--fb:hover svg, body[data-design="tech"] .footer__account__btn--tw:hover svg, body[data-design="tech"] .footer__account__btn--yt:hover svg, body[data-design="tech"] .footer__account__btn--yana:hover svg, body[data-design="tech"] .footer__account__btn--en:hover svg, body[data-design="tech"] .footer__account__btn--jp:hover svg { opacity: 0; } /* line 636, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__account__btn--fb svg * { fill: #fff; } /* line 641, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__account__btn--fb:before { background-image: url(/assets/sprite-dest/pc/tech-7f12b8c56c17884c6efdabb8271d34a3c480f6fb85f2a09f9c140fb549314b2a.png); background-position: -364px 0px; width: 25px; height: 34px; position: absolute; top: -2px; left: -7px; } /* line 649, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__account__btn--tw svg * { fill: #fff; } /* line 654, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__account__btn--tw:before { position: absolute; top: 0; left: -6px; background-image: url(/assets/sprite-dest/pc/tech-7f12b8c56c17884c6efdabb8271d34a3c480f6fb85f2a09f9c140fb549314b2a.png); background-position: -4956px 0px; width: 32px; height: 30px; } /* line 662, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__account__btn--yt svg * { fill: #fff; } /* line 667, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__account__btn--yt:before { position: absolute; top: 0; left: -7px; background-image: url(/assets/sprite-dest/pc/tech-7f12b8c56c17884c6efdabb8271d34a3c480f6fb85f2a09f9c140fb549314b2a.png); background-position: -5020px 0px; width: 37px; height: 30px; } /* line 675, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__account__btn--yana svg #footer_yana_overlay * { fill: #fff; } /* line 680, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__account__btn--yana:before { position: absolute; top: -3px; left: -9px; background-image: url(/assets/sprite-dest/pc/tech-7f12b8c56c17884c6efdabb8271d34a3c480f6fb85f2a09f9c140fb549314b2a.png); background-position: -4988px 0px; width: 32px; height: 36px; } /* line 686, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__account__btn--en { background-position: 50% -30px; } /* line 689, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__account__btn--en:after { display: none; } /* line 693, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__account__btn--jp { background-position: 50% 0px; } /* line 696, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__account__btn--jp:after { display: none; } /* line 701, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__account__item__hint, body[data-design="tech"] .footer__account__item__hint--without-thumb, body[data-design="tech"] .footer__account__item__hint--yana { border-style: solid; -o-border-image: url(/assets/pc/design/tech/footer_icon_border-329013624342b2e2fde48411a2f581df603d83f46457fc79cc916050cf12c8c0.png) 25 60 25 60 repeat; border-image: url(/assets/pc/design/tech/footer_icon_border-329013624342b2e2fde48411a2f581df603d83f46457fc79cc916050cf12c8c0.png) 25 60 25 60 fill repeat; border-image-width: 25px 60px 25px 60px; z-index: -1; padding: 12px; padding-left: 64px; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .footer__account__item__hint, .is-legacy-ie body[data-design="tech"] .footer__account__item__hint--without-thumb, .is-legacy-ie body[data-design="tech"] .footer__account__item__hint--yana { -o-border-image: none; border-image: none; } /* line 706, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__account__item__hint:after, body[data-design="tech"] .footer__account__item__hint--without-thumb:after, body[data-design="tech"] .footer__account__item__hint--yana:after { display: none; } /* line 710, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__account__item__hint img, body[data-design="tech"] .footer__account__item__hint--without-thumb img, body[data-design="tech"] .footer__account__item__hint--yana img { position: absolute; top: 12px; left: 12px; } /* line 715, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__account__item__hint--without-thumb { padding: 12px; } /* line 719, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__nav { left: 80px; } /* line 723, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__nav__btn { color: #fff; -webkit-transition-property: text-shadow color; transition-property: text-shadow color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } /* line 728, /home/circleci/app/app/assets/stylesheets/modules/pc/_footer.scss */ body[data-design="tech"] .footer__nav__btn:hover { color: #26dcfd; text-shadow: 1px -1px 10px #6bc7ec, 1px 1px 10px #6bc7ec, -1px -1px 10px #6bc7ec, -1px 1px 10px #6bc7ec; } /* line 4, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form *, .formtype__form--entry * { -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 8, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form hr, .formtype__form--entry hr { background-color: none; height: 0px; margin: 32px 0px; padding: 0px; border: none; border-top: solid 1px #eeeeee; } /* line 17, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form h4, .formtype__form--entry h4 { font-size: 18px; font-weight: bold; } /* line 21, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form h5, .formtype__form--entry h5 { font-size: 16px; } /* line 29, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form .radio-container, .formtype__form--entry .radio-container { font-weight: bold; } /* line 32, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form input, .formtype__form--entry input, .formtype__form select, .formtype__form--entry select, .formtype__form .radio-container, .formtype__form--entry .radio-container { margin: 0 8px; } /* line 37, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form input:first-child, .formtype__form--entry input:first-child, .formtype__form select:first-child, .formtype__form--entry select:first-child, .formtype__form .radio-container:first-child, .formtype__form--entry .radio-container:first-child { margin-left: 0; } /* line 42, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form input[type="text"], .formtype__form--entry input[type="text"], .formtype__form input[type="tel"], .formtype__form--entry input[type="tel"], .formtype__form input[type="url"], .formtype__form--entry input[type="url"], .formtype__form textarea, .formtype__form--entry textarea { line-height: 1; padding: 0.35em 0.5em; } /* line 51, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form textarea, .formtype__form--entry textarea { display: block; width: 100%; max-width: 975px; height: 170px; resize: vertical; } /* line 59, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form strong, .formtype__form--entry strong { font-weight: bold; } /* line 62, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form .note, .formtype__form--entry .note { font-size: 14px; line-height: normal; margin-top: 0.5em; color: #333333; } /* line 74, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__contact-terms { overflow: scroll; width: 800px; height: 410px; margin: 0.5em 0 1em; padding: 1.5em; font-weight: bold; font-size: 16px; line-height: 1.875; border: solid 1px #eeeeee; } /* line 85, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__contact-terms h3 { text-align: center; margin: 2em auto; } /* line 90, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__contact-terms .p-mark { text-align: right; } /* line 95, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__contact-terms-check { margin-bottom: 0.5em; } /* line 99, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__captcha { margin-top: 5em; margin-bottom: 0.5em; } /* line 104, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__contact-terms-check__error { display: none; margin-left: 5px; } /* line 109, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__contact-terms-check__error.is-show { display: block; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__table, .formtype__form__table--preview { margin: 32px 0px; font-size: 18px; line-height: 2.22; } /* line 119, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__table th, .formtype__form__table--preview th, .formtype__form__table td, .formtype__form__table--preview td { vertical-align: top; padding: 1.5em 0; } /* line 124, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__table th, .formtype__form__table--preview th { width: 212px; border-right: solid 1px #eeeeee; } /* line 128, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__table td, .formtype__form__table--preview td { padding-left: 40px; white-space: pre-wrap; } /* line 132, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__table textarea, .formtype__form__table--preview textarea { max-width: 722px; } /* line 136, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__table--preview { width: 100%; } /* line 141, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__table--preview th { border-right: none; padding-left: 40px; } /* line 147, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__table--preview tr td, .formtype__form__table--preview tr th { background-color: #f7f7f7; } /* line 152, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__table--preview tr:nth-child(even) td, .formtype__form__table--preview tr:nth-child(even) th { background-color: rgba(247, 247, 247, 0.5); } /* line 159, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__table--preview dl { display: inline-block; vertical-align: top; margin-right: 1em; min-width: 10em; } /* line 164, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__table--preview dl dt, .formtype__form__table--preview dl dd { display: inline-block; vertical-align: middle; } /* line 169, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__table--preview dl dt { color: #999999; font-size: 14px; margin-right: 0.5em; } /* line 174, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__table--preview dl dd { vertical-align: middle; white-space: nowrap; } /* line 180, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__table--preview td { padding-right: 40px; word-break: break-all; } /* line 184, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__table--preview td.formtype__form__photo-confirm { padding-right: 36.5px; padding-left: 36.5px; } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__required { background-color: #f15151; color: #fff; font-size: 14px; padding: 0.2em 0.4em; margin-left: 1em; white-space: nowrap; } /* line 200, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__last-name { width: 240px; } /* line 203, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__first-name { width: 240px; } /* line 206, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__last-kana { width: 240px; } /* line 209, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__first-kana { width: 240px; } /* line 212, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__year { width: 77px; } /* line 215, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__zipcode1 { width: 55px; } /* line 218, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__zipcode2 { width: 65px; } /* line 221, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__address { margin-top: 10px !important; width: 470px; } /* line 226, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__tel { width: 280px; } /* line 229, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__email-pc { width: 280px; } /* line 232, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__email-mb { width: 280px; } /* line 235, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__photo-confirm__inner { float: left; margin: 0 4.5px; } /* line 239, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__photo-confirm__title { font-size: 14px; } /* line 242, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__photo-confirm__photo { position: relative; width: 280px; height: 200px; background-color: #fafafa; border: solid 1px #dedede; overflow: hidden; } /* line 250, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__photo-confirm__photo img { position: absolute; top: 50%; left: 50%; height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* line 256, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__url { width: 450px; } /* line 262, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__table__url.is-open .formtype__form__table__url__add-btn { -webkit-transform: translateY(5px) rotate(45deg); transform: translateY(5px) rotate(45deg); } /* line 266, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__table__url.is-open .formtype__form__table__url__hidden { display: block; } /* line 272, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__table__url__add-btn { position: relative; display: inline-block; width: 25px; height: 25px; border: solid 2px #000; border-radius: 50%; -webkit-transform: translateY(5px); transform: translateY(5px); -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; cursor: pointer; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .formtype__form__table__url__add-btn:before { content: ""; font-family: FontAwesome; } /* line 284, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__table__url__add-btn:before { position: absolute; top: 0; left: 0; width: 22px; height: 22px; line-height: 25px; text-align: center; } /* line 293, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__table__url__hidden { display: none; } /* line 296, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__table__url__hidden p { margin-top: 0.5em; } /* line 301, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__photo-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /* line 305, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__photo-list label { display: block; width: 280px; height: 200px; background-color: #fafafa; border: solid 1px #dedede; text-align: center; cursor: pointer; position: relative; } /* line 315, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__photo-list i.fa.fa-times-circle-o { position: absolute; top: 8px; right: 8px; font-size: 120%; display: none; } /* line 321, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__photo-list__item { margin-right: 9px; } /* line 324, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__photo-list__item h5 { font-size: 14px; } /* line 329, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__photo-list__photo { display: none; position: relative; width: 100%; height: 100%; background-color: #fafafa; overflow: hidden; } /* line 337, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__photo-list__photo.is-uploaded { display: block; } /* line 341, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__photo-list__photo img { position: absolute; top: 50%; left: 50%; height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* line 348, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__photo-list__photo__delete { position: absolute; top: 10px; right: 10px; display: block; width: 22px; height: 22px; background-color: #fff; border: 2px solid #000; border-radius: 50%; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .formtype__form__photo-list__photo__delete:before { content: ""; font-family: FontAwesome; } /* line 358, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__photo-list__photo__delete:hover { opacity: 0.7; } /* line 362, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__photo-list__photo__delete:before { position: absolute; top: 0; left: 0; width: 18px; height: 18px; line-height: 18px; text-align: center; } /* line 371, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__photo-list__button { display: inline-block; width: 180px; height: 40px; line-height: 34px; background-color: #fff; font-weight: bold; border: solid 3px #000; color: #000; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /* line 384, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__job-category { line-height: normal; } /* line 387, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__reasons { line-height: normal; font-weight: bold; } /* line 392, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__block { margin-bottom: 2em; } /* line 396, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__date { display: none; } /* line 400, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__form__column { display: block; float: left; width: 50%; } /* line 409, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ .formtype__submit a, .formtype__submit button { width: 320px; } /* line 77, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .formtype__submit a:after, .formtype__submit button:after { content: ""; font-family: FontAwesome; } /* line 418, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ body[data-design="comic"] .formtype__form hr, body[data-design="comic"] .formtype__form--entry hr { border-color: #474541; } /* line 423, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ body[data-design="comic"] .formtype__contact-terms { border-color: #474541; } /* line 428, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ body[data-design="comic"] .formtype__form__table th, body[data-design="comic"] .formtype__form__table--preview th { border-color: #474541; } /* line 434, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ body[data-design="comic"] .formtype__form__photo-list label { border-color: #474541; } /* line 441, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ body[data-design="tech"] .formtype__form__photo-list label { background-color: #000; } /* line 445, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ body[data-design="tech"] .formtype__form__photo-list__button { background-color: #262626; color: #b8b8b8; } /* line 452, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ body[data-design="tech"] .formtype__form__table--preview tr td, body[data-design="tech"] .formtype__form__table--preview tr th { background-color: #262626; color: #b8b8b8; } /* line 458, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ body[data-design="tech"] .formtype__form__table--preview tr:nth-child(even) td, body[data-design="tech"] .formtype__form__table--preview tr:nth-child(even) th { background-color: #363636; } /* line 466, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ body[data-design="tech"] .formtype__form__table--preview dl dt { color: #b8b8b8; } /* line 472, /home/circleci/app/app/assets/stylesheets/modules/pc/_formtype.scss */ body[data-design="tech"] .formtype__form__photo-confirm { background-color: #000; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-background.scss */ .game-background { display: none; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-background.scss */ body[data-design="game"] .game-background { display: block; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-bg-character.scss */ .game-bg-character { display: none; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-bg-character.scss */ body[data-design="game"] .game-bg-character { display: block; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; } /* line 15, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-bg-character.scss */ body[data-design="game"] .game-bg-character__inner { width: 100%; height: 100%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /* line 22, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-bg-character.scss */ body[data-design="game"] .game-bg-character__chara { position: absolute; z-index: 1; } /* line 26, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-bg-character.scss */ body[data-design="game"] .game-bg-character__chara.chara-niku { top: 700px; left: -80px; } /* line 32, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-bg-character.scss */ body[data-design="game"] .game-bg-character__chara.chara-monatsu { top: 1140px; right: -60px; } /* line 38, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-bg-character.scss */ body[data-design="game"] .game-bg-character__chara.chara-koshien { top: 1830px; left: -110px; } /* line 44, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-bg-character.scss */ body[data-design="game"] .game-bg-character__chara.chara-manager { top: 2510px; right: -110px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-bg-character.scss */ body[data-design="game"] .game-bg-character__chara.chara-pokefoot { top: 3100px; left: -40px; } /* line 56, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-bg-character.scss */ body[data-design="game"] .game-bg-character__chara.chara-konchi { top: 3845px; right: -30px; } /* line 62, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-bg-character.scss */ body[data-design="game"] .game-bg-character__chara.chara-kuikin { top: 4460px; left: -80px; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ .game-footer-character { display: none; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .bash-01-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: 0px 0px; width: 142px; height: 160px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .bash-01-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -142px 0px; width: 142px; height: 160px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .bash-02-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -284px 0px; width: 302px; height: 190px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .bash-02-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -586px 0px; width: 302px; height: 190px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .bash-03-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -888px 0px; width: 142px; height: 214px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .bash-03-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -1030px 0px; width: 142px; height: 214px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .bash-04-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -1172px 0px; width: 188px; height: 208px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .bash-04-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -1360px 0px; width: 188px; height: 208px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .bash-05-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -1548px 0px; width: 212px; height: 212px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .bash-05-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -1760px 0px; width: 212px; height: 212px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .eiyu-01-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -1972px 0px; width: 224px; height: 224px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .eiyu-01-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -2196px 0px; width: 224px; height: 224px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .eiyu-02-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -2420px 0px; width: 222px; height: 214px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .eiyu-02-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -2642px 0px; width: 222px; height: 214px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .eiyu-03-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -2864px 0px; width: 202px; height: 210px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .eiyu-03-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -3066px 0px; width: 202px; height: 210px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .highkonchi-01-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -3268px 0px; width: 146px; height: 146px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .highkonchi-02-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -3414px 0px; width: 146px; height: 146px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .highkonchi-03-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -3560px 0px; width: 146px; height: 146px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .highkonchi-04-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -3706px 0px; width: 146px; height: 146px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .highkonchi-05-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -3852px 0px; width: 146px; height: 146px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .highkonchi-06-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -3998px 0px; width: 146px; height: 146px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .highkonchi-07-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -4144px 0px; width: 146px; height: 146px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .highkonchi-08-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -4290px 0px; width: 146px; height: 146px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .himehyaku-01-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -4436px 0px; width: 322px; height: 330px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .himehyaku-01-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -4758px 0px; width: 322px; height: 330px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .koshien-01-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -5080px 0px; width: 126px; height: 219px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .koshien-01-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -5206px 0px; width: 126px; height: 219px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .koshien-02-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -5332px 0px; width: 134px; height: 232px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .koshien-02-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -5466px 0px; width: 134px; height: 232px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .koshien-03-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -5600px 0px; width: 142px; height: 238px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .koshien-03-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -5742px 0px; width: 142px; height: 238px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .koshien-04-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -5884px 0px; width: 127px; height: 241px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .koshien-04-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -6011px 0px; width: 127px; height: 241px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .koshien-05-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -6138px 0px; width: 136px; height: 236px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .koshien-05-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -6274px 0px; width: 136px; height: 236px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .koshien-06-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -6410px 0px; width: 126px; height: 244px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .koshien-06-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -6536px 0px; width: 126px; height: 244px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .kuikin-01-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -6662px 0px; width: 220px; height: 254px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .kuikin-01-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -6882px 0px; width: 220px; height: 254px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .kuikin-02-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -7102px 0px; width: 208px; height: 208px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .kuikin-02-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -7310px 0px; width: 208px; height: 208px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .kuikin-03-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -7518px 0px; width: 222px; height: 222px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .kuikin-03-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -7740px 0px; width: 222px; height: 222px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .kuikin-04-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -7962px 0px; width: 204px; height: 204px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .kuikin-04-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -8166px 0px; width: 204px; height: 204px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .kuikin-05-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -8370px 0px; width: 290px; height: 234px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .kuikin-05-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -8660px 0px; width: 290px; height: 234px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .lowkonchi-01-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -8950px 0px; width: 146px; height: 146px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .lowkonchi-02-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -9096px 0px; width: 146px; height: 146px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .lowkonchi-03-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -9242px 0px; width: 146px; height: 146px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .lowkonchi-04-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -9388px 0px; width: 146px; height: 146px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .lowkonchi-05-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -9534px 0px; width: 78px; height: 94px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .lowkonchi-06-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -9612px 0px; width: 146px; height: 146px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .lowkonchi-07-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -9758px 0px; width: 146px; height: 146px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .lowkonchi-08-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -9904px 0px; width: 146px; height: 146px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .lowkonchi-09-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -10050px 0px; width: 146px; height: 146px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .manager-01-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -10196px 0px; width: 132px; height: 228px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .manager-01-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -10328px 0px; width: 132px; height: 228px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .manager-02-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -10460px 0px; width: 112px; height: 236px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .manager-02-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -10572px 0px; width: 112px; height: 236px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .manager-03-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -10684px 0px; width: 100px; height: 220px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .manager-03-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -10784px 0px; width: 100px; height: 220px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .manager-04-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -10884px 0px; width: 134px; height: 226px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .manager-04-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -11018px 0px; width: 134px; height: 226px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .manager-05-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -11152px 0px; width: 148px; height: 226px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .manager-05-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -11300px 0px; width: 148px; height: 226px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .manager-06-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -11448px 0px; width: 160px; height: 240px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .manager-06-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -11608px 0px; width: 160px; height: 240px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .manager-07-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -11768px 0px; width: 144px; height: 230px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .manager-07-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -11912px 0px; width: 144px; height: 230px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .manager-08-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -12056px 0px; width: 128px; height: 234px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .manager-08-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -12184px 0px; width: 128px; height: 234px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .manager-09-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -12312px 0px; width: 136px; height: 230px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .manager-09-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -12448px 0px; width: 136px; height: 230px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .manager-10-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -12584px 0px; width: 122px; height: 233px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .manager-10-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -12706px 0px; width: 122px; height: 233px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .monatsu-01-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -12828px 0px; width: 135px; height: 261px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .monatsu-01-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -12963px 0px; width: 135px; height: 261px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .niku-copyright { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -13098px 0px; width: 188px; height: 34px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .pockeft-01-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -13286px 0px; width: 224px; height: 216px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .pockeft-01-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -13510px 0px; width: 224px; height: 216px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .pockeft-02-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -13734px 0px; width: 178px; height: 212px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .pockeft-02-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -13912px 0px; width: 216px; height: 216px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .pockeft-03-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -14128px 0px; width: 216px; height: 216px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .pockeft-03-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -14344px 0px; width: 216px; height: 216px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .pockeft-04-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -14560px 0px; width: 267px; height: 216px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .pockeft-04-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -14827px 0px; width: 267px; height: 216px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .pockeft-05-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -15094px 0px; width: 227px; height: 216px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .pockeft-05-ura { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -15321px 0px; width: 227px; height: 216px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .dragon-01-omote { background-image: url(/assets/sprite-dest/pc/dragon-f5785b691e49fd80df695146967669e3a890377f8877aa72314942978db3fb35.png); background-position: 0px 0px; width: 920px; height: 537px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .dragon-02-omote { background-image: url(/assets/sprite-dest/pc/dragon-f5785b691e49fd80df695146967669e3a890377f8877aa72314942978db3fb35.png); background-position: -920px 0px; width: 920px; height: 537px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .dragon-03-omote { background-image: url(/assets/sprite-dest/pc/dragon-f5785b691e49fd80df695146967669e3a890377f8877aa72314942978db3fb35.png); background-position: -1840px 0px; width: 920px; height: 537px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .dragon-04-omote { background-image: url(/assets/sprite-dest/pc/dragon-f5785b691e49fd80df695146967669e3a890377f8877aa72314942978db3fb35.png); background-position: -2760px 0px; width: 920px; height: 537px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .dragon-05-omote { background-image: url(/assets/sprite-dest/pc/dragon-f5785b691e49fd80df695146967669e3a890377f8877aa72314942978db3fb35.png); background-position: -3680px 0px; width: 920px; height: 537px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .dragon-06-omote { background-image: url(/assets/sprite-dest/pc/dragon-f5785b691e49fd80df695146967669e3a890377f8877aa72314942978db3fb35.png); background-position: -4600px 0px; width: 920px; height: 537px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .dragon-07-omote { background-image: url(/assets/sprite-dest/pc/dragon-f5785b691e49fd80df695146967669e3a890377f8877aa72314942978db3fb35.png); background-position: -5520px 0px; width: 920px; height: 537px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .dragon-08-omote { background-image: url(/assets/sprite-dest/pc/dragon-f5785b691e49fd80df695146967669e3a890377f8877aa72314942978db3fb35.png); background-position: -6440px 0px; width: 920px; height: 537px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .dragon-09-omote { background-image: url(/assets/sprite-dest/pc/dragon-f5785b691e49fd80df695146967669e3a890377f8877aa72314942978db3fb35.png); background-position: -7360px 0px; width: 920px; height: 537px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .dragon-10-omote { background-image: url(/assets/sprite-dest/pc/dragon-f5785b691e49fd80df695146967669e3a890377f8877aa72314942978db3fb35.png); background-position: -8280px 0px; width: 920px; height: 537px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .dragon-11-omote { background-image: url(/assets/sprite-dest/pc/dragon-f5785b691e49fd80df695146967669e3a890377f8877aa72314942978db3fb35.png); background-position: -9200px 0px; width: 920px; height: 537px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .dragon-12-omote { background-image: url(/assets/sprite-dest/pc/dragon-f5785b691e49fd80df695146967669e3a890377f8877aa72314942978db3fb35.png); background-position: -10120px 0px; width: 920px; height: 537px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .dragon-13-omote { background-image: url(/assets/sprite-dest/pc/dragon-f5785b691e49fd80df695146967669e3a890377f8877aa72314942978db3fb35.png); background-position: -11040px 0px; width: 920px; height: 537px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .dragon-14-omote { background-image: url(/assets/sprite-dest/pc/dragon-f5785b691e49fd80df695146967669e3a890377f8877aa72314942978db3fb35.png); background-position: -11960px 0px; width: 920px; height: 537px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .dragon-15-omote { background-image: url(/assets/sprite-dest/pc/dragon-f5785b691e49fd80df695146967669e3a890377f8877aa72314942978db3fb35.png); background-position: -12880px 0px; width: 920px; height: 537px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .niku-01-omote { background-image: url(/assets/sprite-dest/pc/niku-01-1ee5cafd5df50d68b44d2d4e61fc1ea2455fd5c2972929f6fe0fba25c24810bf.png); background-position: 0px 0px; width: 140px; height: 159px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .niku-01-ura { background-image: url(/assets/sprite-dest/pc/niku-01-1ee5cafd5df50d68b44d2d4e61fc1ea2455fd5c2972929f6fe0fba25c24810bf.png); background-position: -140px 0px; width: 140px; height: 159px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .niku-02-omote { background-image: url(/assets/sprite-dest/pc/niku-02-34def9dbe4ea9ba111761abeecc34a8ecfae9e28eee4f3d8a6e4c54894c798af.png); background-position: 0px 0px; width: 140px; height: 159px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .niku-02-ura { background-image: url(/assets/sprite-dest/pc/niku-02-34def9dbe4ea9ba111761abeecc34a8ecfae9e28eee4f3d8a6e4c54894c798af.png); background-position: -140px 0px; width: 140px; height: 159px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .niku-03-omote { background-image: url(/assets/sprite-dest/pc/niku-03-731a9064351743cadca1e531df14a3d2be3a89828f268cc4578b7b55f62c1cbf.png); background-position: 0px 0px; width: 140px; height: 159px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .niku-03-ura { background-image: url(/assets/sprite-dest/pc/niku-03-731a9064351743cadca1e531df14a3d2be3a89828f268cc4578b7b55f62c1cbf.png); background-position: -140px 0px; width: 140px; height: 159px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .niku-04-omote { background-image: url(/assets/sprite-dest/pc/niku-04-03b5eefa4afe7061006909aa0554e24ee67c7389e36e74980d01ca9aeb818a99.png); background-position: 0px 0px; width: 140px; height: 159px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .niku-04-ura { background-image: url(/assets/sprite-dest/pc/niku-04-03b5eefa4afe7061006909aa0554e24ee67c7389e36e74980d01ca9aeb818a99.png); background-position: -140px 0px; width: 140px; height: 159px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .niku-05-omote { background-image: url(/assets/sprite-dest/pc/niku-05-1b8d927bc1906a1ee6aaa83421a40702c15d93dafec8b1d1dc73a7671b0fc565.png); background-position: 0px 0px; width: 140px; height: 159px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .niku-05-ura { background-image: url(/assets/sprite-dest/pc/niku-05-1b8d927bc1906a1ee6aaa83421a40702c15d93dafec8b1d1dc73a7671b0fc565.png); background-position: -140px 0px; width: 140px; height: 159px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .niku-06-omote { background-image: url(/assets/sprite-dest/pc/niku-06-97bff8f3fb90af3fdbfe2a959e810c324de0db92843d4cce266880045ca1b899.png); background-position: 0px 0px; width: 140px; height: 159px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .niku-06-ura { background-image: url(/assets/sprite-dest/pc/niku-06-97bff8f3fb90af3fdbfe2a959e810c324de0db92843d4cce266880045ca1b899.png); background-position: -140px 0px; width: 140px; height: 159px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .niku-07-omote { background-image: url(/assets/sprite-dest/pc/niku-07-a2aa9e7dc557420148e20bf06d58ee0622318287afd747f7ecba80782c040fa3.png); background-position: 0px 0px; width: 140px; height: 159px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .niku-07-ura { background-image: url(/assets/sprite-dest/pc/niku-07-a2aa9e7dc557420148e20bf06d58ee0622318287afd747f7ecba80782c040fa3.png); background-position: -140px 0px; width: 140px; height: 159px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .niku-08-omote { background-image: url(/assets/sprite-dest/pc/niku-08-d0937aebe3f64ec6f3cfdd84f40b965a837a0f4f30ea0c15814d6d7da3faf942.png); background-position: 0px 0px; width: 140px; height: 159px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .niku-08-ura { background-image: url(/assets/sprite-dest/pc/niku-08-d0937aebe3f64ec6f3cfdd84f40b965a837a0f4f30ea0c15814d6d7da3faf942.png); background-position: -140px 0px; width: 140px; height: 159px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .niku-09-omote { background-image: url(/assets/sprite-dest/pc/niku-09-db2500c8223bb070e2cf6c06b270e580dd0b810140f0f6c8d72a7b211a7f96bc.png); background-position: 0px 0px; width: 140px; height: 159px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .niku-09-ura { background-image: url(/assets/sprite-dest/pc/niku-09-db2500c8223bb070e2cf6c06b270e580dd0b810140f0f6c8d72a7b211a7f96bc.png); background-position: -140px 0px; width: 140px; height: 159px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .niku-10-omote { background-image: url(/assets/sprite-dest/pc/niku-10-fa30e497ba567312ae5d58240ae85de5b27e4ae01f01f4dbdc62b865c2e81fa7.png); background-position: 0px 0px; width: 140px; height: 159px; } /* line 314, /home/circleci/app/app/assets/stylesheets/sprites/pc/_thunder.scss */ body[data-design="game"] .niku-10-ura { background-image: url(/assets/sprite-dest/pc/niku-10-fa30e497ba567312ae5d58240ae85de5b27e4ae01f01f4dbdc62b865c2e81fa7.png); background-position: -140px 0px; width: 140px; height: 159px; } /* line 22, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character { display: block; width: 100%; height: 540px; overflow: hidden; position: relative; z-index: 2; } /* line 30, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character.is-footer-fixed { position: fixed; bottom: 45px; } /* line 35, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__inner { width: 15400px; height: 100%; } /* line 39, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block { width: 7700px; height: 100%; float: left; -webkit-animation: game-scroll-anim 100s linear infinite; animation: game-scroll-anim 100s linear infinite; } /* line 46, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.no-animation .game-footer-character__chara { -webkit-animation: none; animation: none; } /* line 49, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.no-animation .game-footer-character__chara:after { -webkit-animation: none; animation: none; } /* line 55, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.no-slide { -webkit-animation: none; animation: none; } /* line 59, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block:after { position: absolute; bottom: 0; left: 0; right: 0; height: 45px; background-color: #fff; content: ""; } /* line 67, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .koshien-01-omote:after { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -5206px 0px; width: 126px; height: 219px; } /* line 70, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .koshien-02-omote:after { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -5466px 0px; width: 134px; height: 232px; } /* line 73, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .koshien-03-omote:after { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -5742px 0px; width: 142px; height: 238px; } /* line 76, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .koshien-04-omote:after { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -6011px 0px; width: 127px; height: 241px; } /* line 79, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .koshien-05-omote:after { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -6274px 0px; width: 136px; height: 236px; } /* line 82, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .koshien-06-omote:after { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -6536px 0px; width: 126px; height: 244px; } /* line 85, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .manager-01-omote:after { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -10328px 0px; width: 132px; height: 228px; } /* line 88, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .manager-02-omote:after { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -10572px 0px; width: 112px; height: 236px; } /* line 91, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .manager-03-omote:after { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -10784px 0px; width: 100px; height: 220px; } /* line 94, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .manager-04-omote:after { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -11018px 0px; width: 134px; height: 226px; } /* line 97, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .manager-05-omote:after { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -11300px 0px; width: 148px; height: 226px; } /* line 100, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .manager-06-omote:after { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -11608px 0px; width: 160px; height: 240px; } /* line 103, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .manager-07-omote:after { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -11912px 0px; width: 144px; height: 230px; } /* line 106, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .manager-08-omote:after { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -12184px 0px; width: 128px; height: 234px; } /* line 109, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .manager-09-omote:after { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -12448px 0px; width: 136px; height: 230px; } /* line 112, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .manager-10-omote:after { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -12706px 0px; width: 122px; height: 233px; } /* line 115, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .eiyu-01-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -2196px 0px; width: 224px; height: 224px; } /* line 118, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .eiyu-02-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -2642px 0px; width: 222px; height: 214px; } /* line 121, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .eiyu-03-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -3066px 0px; width: 202px; height: 210px; } /* line 124, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .kuikin-01-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -6882px 0px; width: 220px; height: 254px; } /* line 127, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .kuikin-02-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -7310px 0px; width: 208px; height: 208px; } /* line 130, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .kuikin-03-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -7740px 0px; width: 222px; height: 222px; } /* line 133, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .kuikin-04-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -8166px 0px; width: 204px; height: 204px; } /* line 136, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .kuikin-05-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -8660px 0px; width: 290px; height: 234px; } /* line 139, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .himehyaku-01-omote:after { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -4758px 0px; width: 322px; height: 330px; } /* line 142, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .bash-01-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -142px 0px; width: 142px; height: 160px; } /* line 145, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .bash-02-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -586px 0px; width: 302px; height: 190px; } /* line 148, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .bash-03-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -1030px 0px; width: 142px; height: 214px; } /* line 151, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .bash-04-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -1360px 0px; width: 188px; height: 208px; } /* line 154, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .bash-05-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -1760px 0px; width: 212px; height: 212px; } /* line 157, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .monatsu-01-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -12963px 0px; width: 135px; height: 261px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .pockeft-01-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -13510px 0px; width: 224px; height: 216px; } /* line 163, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .pockeft-02-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -13912px 0px; width: 216px; height: 216px; } /* line 166, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .pockeft-03-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -14344px 0px; width: 216px; height: 216px; } /* line 169, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .pockeft-04-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -14827px 0px; width: 267px; height: 216px; } /* line 172, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__block.is-ura .pockeft-05-omote { background-image: url(/assets/sprite-dest/pc/game-footer-character-ff92d42e60063f2a9fe306fea2b1e1c581644fa16661098b1195dd3ea30a1456.png); background-position: -15321px 0px; width: 227px; height: 216px; } /* line 178, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara { position: absolute; bottom: 0; left: 0; } /* line 183, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.koshien-01-omote { left: -25px; bottom: -5px; } /* line 187, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.koshien-02-omote { left: 60px; bottom: 0px; } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.koshien-03-omote { left: 170px; bottom: -5px; } /* line 195, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.koshien-04-omote { left: 280px; bottom: 0px; } /* line 199, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.koshien-05-omote { left: 370px; bottom: 0px; } /* line 203, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.koshien-06-omote { left: 480px; bottom: 0px; } /* line 207, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.manager-01-omote { left: 620px; bottom: -5px; } /* line 211, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.manager-02-omote { left: 720px; bottom: -4px; } /* line 215, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.manager-03-omote { left: 810px; bottom: 10px; } /* line 219, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.manager-04-omote { left: 890px; bottom: 5px; } /* line 223, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.manager-05-omote { left: 1110px; bottom: -5px; } /* line 227, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.manager-06-omote { left: 985px; bottom: 5px; } /* line 231, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.manager-07-omote { left: 1200px; bottom: -5px; } /* line 235, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.manager-08-omote { left: 1310px; bottom: -5px; } /* line 239, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.manager-09-omote { left: 1400px; bottom: -5px; } /* line 243, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.manager-10-omote { left: 1500px; bottom: -4px; } /* line 247, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-01-omote { left: 1671px; bottom: 30px; background-image: none; z-index: 2; } /* line 253, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-02-omote { left: 1781px; bottom: 30px; background-image: none; z-index: 2; } /* line 259, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-03-omote { left: 1891px; bottom: 30px; background-image: none; z-index: 2; } /* line 265, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-04-omote { left: 2001px; bottom: 30px; background-image: none; z-index: 2; } /* line 271, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-05-omote { left: 2111px; bottom: 30px; background-image: none; z-index: 2; } /* line 277, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-06-omote { left: 2241px; bottom: 30px; background-image: none; z-index: 2; } /* line 283, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-07-omote { left: 2381px; bottom: 30px; background-image: none; z-index: 2; } /* line 289, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-08-omote { left: 2511px; bottom: 30px; background-image: none; z-index: 2; } /* line 295, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-09-omote { left: 2636px; bottom: 30px; background-image: none; z-index: 2; } /* line 301, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-10-omote { left: 2746px; bottom: 30px; background-image: none; z-index: 2; } /* line 307, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-copyright { left: 2680px; bottom: 200px; z-index: 2; } /* line 312, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.eiyu-01-omote { left: 3043px; bottom: 24px; } /* line 316, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.eiyu-02-omote { left: 2933px; bottom: 5px; } /* line 320, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.eiyu-03-omote { left: 3203px; bottom: 12px; } /* line 324, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.kuikin-01-omote { left: 3613px; bottom: 24px; z-index: 2; } /* line 329, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.kuikin-02-omote { left: 3453px; bottom: 24px; z-index: 2; } /* line 334, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.kuikin-03-omote { left: 3803px; bottom: 24px; z-index: 2; } /* line 339, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.kuikin-04-omote { left: 3943px; bottom: 22px; z-index: 2; } /* line 344, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.kuikin-05-omote { left: 4063px; bottom: 22px; z-index: 2; } /* line 349, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.dragon-01-omote { left: 4133px; bottom: 45px; -webkit-animation-name: dragon-sprite; animation-name: dragon-sprite; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-timing-function: steps(15); animation-timing-function: steps(15); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* line 357, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.himehyaku-01-omote { left: 4699px; bottom: -13px; } /* line 361, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.lowkonchi-01-omote { left: 5049px; bottom: 10px; z-index: 2; } /* line 366, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.lowkonchi-02-omote { left: 5109px; bottom: 10px; z-index: 2; } /* line 371, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.lowkonchi-03-omote { left: 5182px; bottom: 12px; z-index: 2; } /* line 376, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.lowkonchi-04-omote { left: 5249px; bottom: 10px; z-index: 2; } /* line 381, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.lowkonchi-05-omote { left: 5354px; bottom: 30px; z-index: 2; } /* line 386, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.lowkonchi-06-omote { left: 5389px; bottom: 10px; z-index: 2; } /* line 391, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.lowkonchi-07-omote { left: 5459px; bottom: 10px; z-index: 2; } /* line 396, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.lowkonchi-08-omote { left: 5529px; bottom: 10px; z-index: 2; } /* line 401, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.lowkonchi-09-omote { left: 5599px; bottom: 4px; z-index: 2; } /* line 406, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.highkonchi-01-omote { left: 5079px; bottom: 65px; } /* line 410, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.highkonchi-02-omote { left: 5149px; bottom: 65px; } /* line 414, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.highkonchi-03-omote { left: 5219px; bottom: 65px; } /* line 418, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.highkonchi-04-omote { left: 5289px; bottom: 65px; } /* line 422, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.highkonchi-05-omote { left: 5359px; bottom: 65px; } /* line 426, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.highkonchi-06-omote { left: 5429px; bottom: 75px; } /* line 430, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.highkonchi-07-omote { left: 5499px; bottom: 65px; } /* line 434, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.highkonchi-08-omote { left: 5569px; bottom: 65px; } /* line 438, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.bash-01-omote { left: 6063px; bottom: 25px; z-index: 2; } /* line 443, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.bash-02-omote { left: 5793px; bottom: 25px; z-index: 2; } /* line 448, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.bash-03-omote { left: 6143px; bottom: 25px; z-index: 2; } /* line 453, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.bash-04-omote { left: 6263px; bottom: 25px; z-index: 2; } /* line 458, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.bash-05-omote { left: 6393px; bottom: 25px; z-index: 2; } /* line 463, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.monatsu-01-omote { left: 6673px; bottom: 35px; z-index: 2; } /* line 468, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.pockeft-01-omote { left: 6860px; bottom: 25px; z-index: 2; } /* line 473, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.pockeft-02-omote { left: 6998px; bottom: 32px; z-index: 2; } /* line 478, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.pockeft-03-omote { left: 7166px; bottom: 28px; z-index: 2; } /* line 483, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.pockeft-04-omote { left: 7251px; bottom: 25px; z-index: 2; } /* line 488, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.pockeft-05-omote { left: 7455px; bottom: 25px; z-index: 2; } /* line 496, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-01-omote { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } /* line 499, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-01-omote:after { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; background-image: url(/assets/sprite-dest/pc/niku-01-1ee5cafd5df50d68b44d2d4e61fc1ea2455fd5c2972929f6fe0fba25c24810bf.png); background-position: 0px 0px; width: 140px; height: 159px; } /* line 504, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-02-omote { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } /* line 507, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-02-omote:after { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; background-image: url(/assets/sprite-dest/pc/niku-02-34def9dbe4ea9ba111761abeecc34a8ecfae9e28eee4f3d8a6e4c54894c798af.png); background-position: 0px 0px; width: 140px; height: 159px; } /* line 512, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-03-omote { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } /* line 515, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-03-omote:after { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; background-image: url(/assets/sprite-dest/pc/niku-03-731a9064351743cadca1e531df14a3d2be3a89828f268cc4578b7b55f62c1cbf.png); background-position: 0px 0px; width: 140px; height: 159px; } /* line 520, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-04-omote { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } /* line 523, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-04-omote:after { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; background-image: url(/assets/sprite-dest/pc/niku-04-03b5eefa4afe7061006909aa0554e24ee67c7389e36e74980d01ca9aeb818a99.png); background-position: 0px 0px; width: 140px; height: 159px; } /* line 528, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-05-omote { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } /* line 531, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-05-omote:after { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; background-image: url(/assets/sprite-dest/pc/niku-05-1b8d927bc1906a1ee6aaa83421a40702c15d93dafec8b1d1dc73a7671b0fc565.png); background-position: 0px 0px; width: 140px; height: 159px; } /* line 536, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-06-omote { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } /* line 539, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-06-omote:after { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; background-image: url(/assets/sprite-dest/pc/niku-06-97bff8f3fb90af3fdbfe2a959e810c324de0db92843d4cce266880045ca1b899.png); background-position: 0px 0px; width: 140px; height: 159px; } /* line 544, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-07-omote { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } /* line 547, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-07-omote:after { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; background-image: url(/assets/sprite-dest/pc/niku-07-a2aa9e7dc557420148e20bf06d58ee0622318287afd747f7ecba80782c040fa3.png); background-position: 0px 0px; width: 140px; height: 159px; } /* line 552, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-08-omote { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } /* line 555, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-08-omote:after { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; background-image: url(/assets/sprite-dest/pc/niku-08-d0937aebe3f64ec6f3cfdd84f40b965a837a0f4f30ea0c15814d6d7da3faf942.png); background-position: 0px 0px; width: 140px; height: 159px; } /* line 560, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-09-omote { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } /* line 563, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-09-omote:after { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; background-image: url(/assets/sprite-dest/pc/niku-09-db2500c8223bb070e2cf6c06b270e580dd0b810140f0f6c8d72a7b211a7f96bc.png); background-position: 0px 0px; width: 140px; height: 159px; } /* line 568, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-10-omote { -webkit-animation-delay: 1s; animation-delay: 1s; } /* line 571, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-10-omote:after { -webkit-animation-delay: 1s; animation-delay: 1s; background-image: url(/assets/sprite-dest/pc/niku-10-fa30e497ba567312ae5d58240ae85de5b27e4ae01f01f4dbdc62b865c2e81fa7.png); background-position: 0px 0px; width: 140px; height: 159px; } /* line 577, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-01-omote, body[data-design="game"] .game-footer-character__chara.niku-02-omote, body[data-design="game"] .game-footer-character__chara.niku-03-omote, body[data-design="game"] .game-footer-character__chara.niku-04-omote, body[data-design="game"] .game-footer-character__chara.niku-05-omote, body[data-design="game"] .game-footer-character__chara.niku-06-omote, body[data-design="game"] .game-footer-character__chara.niku-07-omote, body[data-design="game"] .game-footer-character__chara.niku-08-omote, body[data-design="game"] .game-footer-character__chara.niku-09-omote, body[data-design="game"] .game-footer-character__chara.niku-10-omote { -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation-name: niku-jump; animation-name: niku-jump; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* line 593, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.niku-01-omote:after, body[data-design="game"] .game-footer-character__chara.niku-02-omote:after, body[data-design="game"] .game-footer-character__chara.niku-03-omote:after, body[data-design="game"] .game-footer-character__chara.niku-04-omote:after, body[data-design="game"] .game-footer-character__chara.niku-05-omote:after, body[data-design="game"] .game-footer-character__chara.niku-06-omote:after, body[data-design="game"] .game-footer-character__chara.niku-07-omote:after, body[data-design="game"] .game-footer-character__chara.niku-08-omote:after, body[data-design="game"] .game-footer-character__chara.niku-09-omote:after, body[data-design="game"] .game-footer-character__chara.niku-10-omote:after { position: absolute; top: 0; left: 0; -webkit-animation-name: niku-sprite; animation-name: niku-sprite; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-timing-function: steps(1); animation-timing-function: steps(1); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* line 603, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.lowkonchi-01-omote, body[data-design="game"] .game-footer-character__chara.lowkonchi-02-omote, body[data-design="game"] .game-footer-character__chara.lowkonchi-03-omote, body[data-design="game"] .game-footer-character__chara.lowkonchi-04-omote, body[data-design="game"] .game-footer-character__chara.lowkonchi-05-omote, body[data-design="game"] .game-footer-character__chara.lowkonchi-06-omote, body[data-design="game"] .game-footer-character__chara.lowkonchi-07-omote, body[data-design="game"] .game-footer-character__chara.lowkonchi-08-omote, body[data-design="game"] .game-footer-character__chara.lowkonchi-09-omote, body[data-design="game"] .game-footer-character__chara.highkonchi-01-omote, body[data-design="game"] .game-footer-character__chara.highkonchi-02-omote, body[data-design="game"] .game-footer-character__chara.highkonchi-03-omote, body[data-design="game"] .game-footer-character__chara.highkonchi-04-omote, body[data-design="game"] .game-footer-character__chara.highkonchi-05-omote, body[data-design="game"] .game-footer-character__chara.highkonchi-06-omote, body[data-design="game"] .game-footer-character__chara.highkonchi-07-omote, body[data-design="game"] .game-footer-character__chara.highkonchi-08-omote { -webkit-animation-name: game-jump-anim; animation-name: game-jump-anim; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* line 628, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.lowkonchi-01-omote { -webkit-animation-delay: 0.05s; animation-delay: 0.05s; } /* line 632, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.lowkonchi-02-omote { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } /* line 636, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.highkonchi-01-omote { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; } /* line 642, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.highkonchi-02-omote { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } /* line 646, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.highkonchi-03-omote { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; } /* line 650, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.lowkonchi-03-omote { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } /* line 656, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.lowkonchi-04-omote { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; } /* line 660, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.lowkonchi-05-omote { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } /* line 664, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.highkonchi-04-omote { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } /* line 670, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.highkonchi-05-omote { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } /* line 674, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.highkonchi-06-omote { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } /* line 678, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.lowkonchi-06-omote { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } /* line 684, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.lowkonchi-07-omote { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } /* line 688, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.lowkonchi-08-omote { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } /* line 692, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.highkonchi-07-omote { -webkit-animation-delay: 0.35s; animation-delay: 0.35s; } /* line 698, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.highkonchi-08-omote { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } /* line 702, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.highkonchi-09-omote { -webkit-animation-delay: 0.35s; animation-delay: 0.35s; } /* line 706, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara.lowkonchi-09-omote { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } /* line 710, /home/circleci/app/app/assets/stylesheets/modules/pc/_game-footer-character.scss */ body[data-design="game"] .game-footer-character__chara:after { position: absolute; top: 0; left: 0; content: ""; } /** * @param {string} 画像名 * @param {number} コマ数 * @param {number} 秒数 */ /* line 94, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect { position: fixed; pointer-events: none; z-index: 4; } /* line 100, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .is-legacy-ie .game-effect { display: none !important; } /* line 106, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="coin-1"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/coin-16c46a24806fde2f4baa1ea628b511e781caa449b8bb5597712b6dbcd8bf4395.png); background-position: -132px 0px; width: 128px; height: 128px; } /* line 106, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="coin-2"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/coin-16c46a24806fde2f4baa1ea628b511e781caa449b8bb5597712b6dbcd8bf4395.png); background-position: -396px 0px; width: 128px; height: 128px; } /* line 106, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="coin-3"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/coin-16c46a24806fde2f4baa1ea628b511e781caa449b8bb5597712b6dbcd8bf4395.png); background-position: 0px -132px; width: 128px; height: 128px; } /* line 106, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="coin-4"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/coin-16c46a24806fde2f4baa1ea628b511e781caa449b8bb5597712b6dbcd8bf4395.png); background-position: -132px -132px; width: 128px; height: 128px; } /* line 106, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="coin-5"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/coin-16c46a24806fde2f4baa1ea628b511e781caa449b8bb5597712b6dbcd8bf4395.png); background-position: -264px 0px; width: 128px; height: 128px; } /* line 106, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="coin-6"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/coin-16c46a24806fde2f4baa1ea628b511e781caa449b8bb5597712b6dbcd8bf4395.png); background-position: -264px -132px; width: 128px; height: 128px; } /* line 106, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="coin-7"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/coin-16c46a24806fde2f4baa1ea628b511e781caa449b8bb5597712b6dbcd8bf4395.png); background-position: 0px -264px; width: 128px; height: 128px; } /* line 106, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="coin-8"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/coin-16c46a24806fde2f4baa1ea628b511e781caa449b8bb5597712b6dbcd8bf4395.png); background-position: -132px -264px; width: 128px; height: 128px; } /* line 106, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="coin-9"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/coin-16c46a24806fde2f4baa1ea628b511e781caa449b8bb5597712b6dbcd8bf4395.png); background-position: -264px -264px; width: 128px; height: 128px; } /* line 106, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="coin-10"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/coin-16c46a24806fde2f4baa1ea628b511e781caa449b8bb5597712b6dbcd8bf4395.png); background-position: 0px 0px; width: 128px; height: 128px; } /* line 106, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="coin-11"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/coin-16c46a24806fde2f4baa1ea628b511e781caa449b8bb5597712b6dbcd8bf4395.png); background-position: -396px -132px; width: 128px; height: 128px; } /* line 106, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="coin-12"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/coin-16c46a24806fde2f4baa1ea628b511e781caa449b8bb5597712b6dbcd8bf4395.png); background-position: -396px -264px; width: 128px; height: 128px; } /* line 106, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="coin-13"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/coin-16c46a24806fde2f4baa1ea628b511e781caa449b8bb5597712b6dbcd8bf4395.png); background-position: 0px -396px; width: 128px; height: 128px; } /* line 106, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="coin-14"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/coin-16c46a24806fde2f4baa1ea628b511e781caa449b8bb5597712b6dbcd8bf4395.png); background-position: -132px -396px; width: 128px; height: 128px; } /* line 106, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="coin-15"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/coin-16c46a24806fde2f4baa1ea628b511e781caa449b8bb5597712b6dbcd8bf4395.png); background-position: -264px -396px; width: 128px; height: 128px; } /* line 106, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="coin-16"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/coin-16c46a24806fde2f4baa1ea628b511e781caa449b8bb5597712b6dbcd8bf4395.png); background-position: -396px -396px; width: 128px; height: 128px; } /* line 106, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="coin-17"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/coin-16c46a24806fde2f4baa1ea628b511e781caa449b8bb5597712b6dbcd8bf4395.png); background-position: -528px 0px; width: 128px; height: 128px; } /* line 106, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="coin-18"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/coin-16c46a24806fde2f4baa1ea628b511e781caa449b8bb5597712b6dbcd8bf4395.png); background-position: -528px -132px; width: 128px; height: 128px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-1"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: 0px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-2"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -600px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-3"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -1200px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-4"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -1800px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-5"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -2400px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-6"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -3000px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-7"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -3600px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-8"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -4200px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-9"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -4800px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-10"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -5400px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-11"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -6000px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-12"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -6600px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-13"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -7200px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-14"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -7800px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-15"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -8400px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-16"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -9000px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-17"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -9600px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-18"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -10200px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-19"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -10800px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-20"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -11400px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-21"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -12000px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-22"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -12600px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-23"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -13200px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-24"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -13800px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="fire-25"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/fire-4dce9d0df6f868f451dd09ed583c4f7798d1334e7ae4ead6dcfb2ddcbf15680c.png); background-position: -14400px 0px; width: 600px; height: 410px; margin-top: -38px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-1"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -107px 0px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-2"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -428px 0px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-3"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: 0px -107px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-4"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -107px -107px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-5"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -214px 0px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-6"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -214px -107px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-7"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: 0px -214px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-8"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -107px -214px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-9"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -214px -214px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-10"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -321px 0px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-11"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -321px -107px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-12"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -321px -214px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-13"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: 0px -321px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-14"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -107px -321px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-15"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -214px -321px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-16"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -321px -321px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-17"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: 0px 0px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-18"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -428px -107px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-19"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -428px -214px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-20"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -428px -321px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-21"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: 0px -428px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-22"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -107px -428px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-23"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -214px -428px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-24"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -321px -428px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-25"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -428px -428px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-26"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -535px 0px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-27"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -535px -107px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-28"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -535px -214px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-29"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -535px -321px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-30"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -535px -428px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-31"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: 0px -535px; width: 103px; height: 103px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="hit-32"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/hit-9b62a56e52f6b6707fffd5b01d1bba402b70395bcad0730610b67e6989ecd2fe.png); background-position: -107px -535px; width: 103px; height: 103px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="ice-1"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/ice-8a5159c18f26df3177d7c8db9ef40a761e086569a7ce80ed556ded074619f609.png); background-position: 0px 0px; width: 600px; height: 410px; margin-top: -3px; margin-left: 2px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="ice-2"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/ice-8a5159c18f26df3177d7c8db9ef40a761e086569a7ce80ed556ded074619f609.png); background-position: -600px 0px; width: 600px; height: 410px; margin-top: -3px; margin-left: 2px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="ice-3"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/ice-8a5159c18f26df3177d7c8db9ef40a761e086569a7ce80ed556ded074619f609.png); background-position: -1200px 0px; width: 600px; height: 410px; margin-top: -3px; margin-left: 2px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="ice-4"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/ice-8a5159c18f26df3177d7c8db9ef40a761e086569a7ce80ed556ded074619f609.png); background-position: -1800px 0px; width: 600px; height: 410px; margin-top: -3px; margin-left: 2px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="ice-5"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/ice-8a5159c18f26df3177d7c8db9ef40a761e086569a7ce80ed556ded074619f609.png); background-position: -2400px 0px; width: 600px; height: 410px; margin-top: -3px; margin-left: 2px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="ice-6"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/ice-8a5159c18f26df3177d7c8db9ef40a761e086569a7ce80ed556ded074619f609.png); background-position: -3000px 0px; width: 600px; height: 410px; margin-top: -3px; margin-left: 2px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="ice-7"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/ice-8a5159c18f26df3177d7c8db9ef40a761e086569a7ce80ed556ded074619f609.png); background-position: -3600px 0px; width: 600px; height: 410px; margin-top: -3px; margin-left: 2px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="ice-8"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/ice-8a5159c18f26df3177d7c8db9ef40a761e086569a7ce80ed556ded074619f609.png); background-position: -4200px 0px; width: 600px; height: 410px; margin-top: -3px; margin-left: 2px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="ice-9"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/ice-8a5159c18f26df3177d7c8db9ef40a761e086569a7ce80ed556ded074619f609.png); background-position: -4800px 0px; width: 600px; height: 410px; margin-top: -3px; margin-left: 2px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="ice-10"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/ice-8a5159c18f26df3177d7c8db9ef40a761e086569a7ce80ed556ded074619f609.png); background-position: -5400px 0px; width: 600px; height: 410px; margin-top: -3px; margin-left: 2px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="ice-11"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/ice-8a5159c18f26df3177d7c8db9ef40a761e086569a7ce80ed556ded074619f609.png); background-position: -6000px 0px; width: 600px; height: 410px; margin-top: -3px; margin-left: 2px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="ice-12"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/ice-8a5159c18f26df3177d7c8db9ef40a761e086569a7ce80ed556ded074619f609.png); background-position: -6600px 0px; width: 600px; height: 410px; margin-top: -3px; margin-left: 2px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="ice-13"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/ice-8a5159c18f26df3177d7c8db9ef40a761e086569a7ce80ed556ded074619f609.png); background-position: -7200px 0px; width: 600px; height: 410px; margin-top: -3px; margin-left: 2px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="ice-14"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/ice-8a5159c18f26df3177d7c8db9ef40a761e086569a7ce80ed556ded074619f609.png); background-position: -7800px 0px; width: 600px; height: 410px; margin-top: -3px; margin-left: 2px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="ice-15"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/ice-8a5159c18f26df3177d7c8db9ef40a761e086569a7ce80ed556ded074619f609.png); background-position: -8400px 0px; width: 600px; height: 410px; margin-top: -3px; margin-left: 2px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="ice-16"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/ice-8a5159c18f26df3177d7c8db9ef40a761e086569a7ce80ed556ded074619f609.png); background-position: -9000px 0px; width: 600px; height: 410px; margin-top: -3px; margin-left: 2px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="ice-17"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/ice-8a5159c18f26df3177d7c8db9ef40a761e086569a7ce80ed556ded074619f609.png); background-position: -9600px 0px; width: 600px; height: 410px; margin-top: -3px; margin-left: 2px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="ice-18"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/ice-8a5159c18f26df3177d7c8db9ef40a761e086569a7ce80ed556ded074619f609.png); background-position: -10200px 0px; width: 600px; height: 410px; margin-top: -3px; margin-left: 2px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="ice-19"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/ice-8a5159c18f26df3177d7c8db9ef40a761e086569a7ce80ed556ded074619f609.png); background-position: -10800px 0px; width: 600px; height: 410px; margin-top: -3px; margin-left: 2px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="ice-20"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/ice-8a5159c18f26df3177d7c8db9ef40a761e086569a7ce80ed556ded074619f609.png); background-position: -11400px 0px; width: 600px; height: 410px; margin-top: -3px; margin-left: 2px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="ice-21"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/ice-8a5159c18f26df3177d7c8db9ef40a761e086569a7ce80ed556ded074619f609.png); background-position: -12000px 0px; width: 600px; height: 410px; margin-top: -3px; margin-left: 2px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="ice-22"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/ice-8a5159c18f26df3177d7c8db9ef40a761e086569a7ce80ed556ded074619f609.png); background-position: -12600px 0px; width: 600px; height: 410px; margin-top: -3px; margin-left: 2px; } /* line 141, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="kirakira-1"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/kirakira-81b97173938d96cc89033b5afbee533df0ecf98b63a2fd54284a9a17201fadd1.png); background-position: 0px 0px; width: 240px; height: 235px; margin-top: -60px; } /* line 141, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="kirakira-2"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/kirakira-81b97173938d96cc89033b5afbee533df0ecf98b63a2fd54284a9a17201fadd1.png); background-position: -244px 0px; width: 240px; height: 235px; margin-top: -60px; } /* line 141, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="kirakira-3"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/kirakira-81b97173938d96cc89033b5afbee533df0ecf98b63a2fd54284a9a17201fadd1.png); background-position: 0px -239px; width: 240px; height: 235px; margin-top: -60px; } /* line 141, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="kirakira-4"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/kirakira-81b97173938d96cc89033b5afbee533df0ecf98b63a2fd54284a9a17201fadd1.png); background-position: -244px -239px; width: 240px; height: 235px; margin-top: -60px; } /* line 141, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="kirakira-5"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/kirakira-81b97173938d96cc89033b5afbee533df0ecf98b63a2fd54284a9a17201fadd1.png); background-position: -488px 0px; width: 240px; height: 235px; margin-top: -60px; } /* line 141, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="kirakira-6"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/kirakira-81b97173938d96cc89033b5afbee533df0ecf98b63a2fd54284a9a17201fadd1.png); background-position: -488px -239px; width: 240px; height: 235px; margin-top: -60px; } /* line 141, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="kirakira-7"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/kirakira-81b97173938d96cc89033b5afbee533df0ecf98b63a2fd54284a9a17201fadd1.png); background-position: 0px -478px; width: 240px; height: 235px; margin-top: -60px; } /* line 141, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="kirakira-8"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/kirakira-81b97173938d96cc89033b5afbee533df0ecf98b63a2fd54284a9a17201fadd1.png); background-position: -244px -478px; width: 240px; height: 235px; margin-top: -60px; } /* line 141, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="kirakira-9"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/kirakira-81b97173938d96cc89033b5afbee533df0ecf98b63a2fd54284a9a17201fadd1.png); background-position: -488px -478px; width: 240px; height: 235px; margin-top: -60px; } /* line 150, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="laser-1"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/laser-5e9aa8b5d8a45e9ff0c5eef2dd2e00f28b8a46a9138b063ad48e7339d005d438.png); background-position: -268px 0px; width: 264px; height: 387px; margin-top: -140px; margin-left: 20px; } /* line 150, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="laser-2"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/laser-5e9aa8b5d8a45e9ff0c5eef2dd2e00f28b8a46a9138b063ad48e7339d005d438.png); background-position: -804px -391px; width: 264px; height: 387px; margin-top: -140px; margin-left: 20px; } /* line 150, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="laser-3"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/laser-5e9aa8b5d8a45e9ff0c5eef2dd2e00f28b8a46a9138b063ad48e7339d005d438.png); background-position: -536px 0px; width: 264px; height: 387px; margin-top: -140px; margin-left: 20px; } /* line 150, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="laser-4"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/laser-5e9aa8b5d8a45e9ff0c5eef2dd2e00f28b8a46a9138b063ad48e7339d005d438.png); background-position: 0px -391px; width: 264px; height: 387px; margin-top: -140px; margin-left: 20px; } /* line 150, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="laser-5"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/laser-5e9aa8b5d8a45e9ff0c5eef2dd2e00f28b8a46a9138b063ad48e7339d005d438.png); background-position: -268px -391px; width: 264px; height: 387px; margin-top: -140px; margin-left: 20px; } /* line 150, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="laser-6"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/laser-5e9aa8b5d8a45e9ff0c5eef2dd2e00f28b8a46a9138b063ad48e7339d005d438.png); background-position: -536px -391px; width: 264px; height: 387px; margin-top: -140px; margin-left: 20px; } /* line 150, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="laser-7"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/laser-5e9aa8b5d8a45e9ff0c5eef2dd2e00f28b8a46a9138b063ad48e7339d005d438.png); background-position: -804px 0px; width: 264px; height: 387px; margin-top: -140px; margin-left: 20px; } /* line 150, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="laser-8"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/laser-5e9aa8b5d8a45e9ff0c5eef2dd2e00f28b8a46a9138b063ad48e7339d005d438.png); background-position: 0px 0px; width: 264px; height: 387px; margin-top: -140px; margin-left: 20px; } /* line 150, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="laser-9"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/laser-5e9aa8b5d8a45e9ff0c5eef2dd2e00f28b8a46a9138b063ad48e7339d005d438.png); background-position: -1072px 0px; width: 264px; height: 387px; margin-top: -140px; margin-left: 20px; } /* line 150, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="laser-10"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/laser-5e9aa8b5d8a45e9ff0c5eef2dd2e00f28b8a46a9138b063ad48e7339d005d438.png); background-position: -1072px -391px; width: 264px; height: 387px; margin-top: -140px; margin-left: 20px; } /* line 150, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="laser-11"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/laser-5e9aa8b5d8a45e9ff0c5eef2dd2e00f28b8a46a9138b063ad48e7339d005d438.png); background-position: 0px -782px; width: 264px; height: 387px; margin-top: -140px; margin-left: 20px; } /* line 150, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="laser-12"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/laser-5e9aa8b5d8a45e9ff0c5eef2dd2e00f28b8a46a9138b063ad48e7339d005d438.png); background-position: -268px -782px; width: 264px; height: 387px; margin-top: -140px; margin-left: 20px; } /* line 150, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="laser-13"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/laser-5e9aa8b5d8a45e9ff0c5eef2dd2e00f28b8a46a9138b063ad48e7339d005d438.png); background-position: -536px -782px; width: 264px; height: 387px; margin-top: -140px; margin-left: 20px; } /* line 150, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="laser-14"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/laser-5e9aa8b5d8a45e9ff0c5eef2dd2e00f28b8a46a9138b063ad48e7339d005d438.png); background-position: -804px -782px; width: 264px; height: 387px; margin-top: -140px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-1"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -551px 0px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-2"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: 0px -1480px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-3"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: 0px -370px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-4"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -551px -370px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-5"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -1102px 0px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-6"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -1102px -370px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-7"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: 0px -740px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-8"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -551px -740px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-9"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -1102px -740px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-10"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: 0px -1110px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-11"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -551px -1110px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-12"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -1102px -1110px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-13"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -1653px 0px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-14"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -1653px -370px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-15"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -1653px -740px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-16"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -1653px -1110px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-17"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: 0px 0px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-18"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -551px -1480px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-19"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -1102px -1480px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-20"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -1653px -1480px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-21"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -2204px 0px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-22"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -2204px -370px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-23"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -2204px -740px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-24"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -2204px -1110px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-25"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -2204px -1480px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-26"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: 0px -1850px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-27"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -551px -1850px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-28"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -1102px -1850px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-29"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -1653px -1850px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-30"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -2204px -1850px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-31"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: 0px -2220px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="takenoko-32"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/takenoko-54fb32affb788e49a5e0c67616138be731058cd94704c12efbb6088f084c6612.png); background-position: -551px -2220px; width: 547px; height: 366px; margin-top: -100px; margin-left: 20px; } /* line 170, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-1"] .game-effect__inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 10px; -webkit-animation: thunder-flash 1s both; animation: thunder-flash 1s both; background-size: 0; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-1"] .game-effect__inner:before, .game-effect[data-id="thunder-1"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); background-position: 0px 0px; width: 400px; height: 240px; content: ""; } /* line 186, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-1"] .game-effect__inner:before { position: absolute; top: 20px; left: -300px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-1"] .game-effect__inner:after { position: absolute; top: 50px; right: -300px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } /* line 170, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-2"] .game-effect__inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 10px; -webkit-animation: thunder-flash 1s both; animation: thunder-flash 1s both; background-size: 0; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-2"] .game-effect__inner:before, .game-effect[data-id="thunder-2"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); background-position: -400px 0px; width: 400px; height: 240px; content: ""; } /* line 186, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-2"] .game-effect__inner:before { position: absolute; top: 20px; left: -300px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-2"] .game-effect__inner:after { position: absolute; top: 50px; right: -300px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } /* line 170, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-3"] .game-effect__inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 10px; -webkit-animation: thunder-flash 1s both; animation: thunder-flash 1s both; background-size: 0; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-3"] .game-effect__inner:before, .game-effect[data-id="thunder-3"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); background-position: -800px 0px; width: 400px; height: 240px; content: ""; } /* line 186, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-3"] .game-effect__inner:before { position: absolute; top: 20px; left: -300px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-3"] .game-effect__inner:after { position: absolute; top: 50px; right: -300px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } /* line 170, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-4"] .game-effect__inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 10px; -webkit-animation: thunder-flash 1s both; animation: thunder-flash 1s both; background-size: 0; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-4"] .game-effect__inner:before, .game-effect[data-id="thunder-4"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); background-position: -1200px 0px; width: 400px; height: 240px; content: ""; } /* line 186, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-4"] .game-effect__inner:before { position: absolute; top: 20px; left: -300px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-4"] .game-effect__inner:after { position: absolute; top: 50px; right: -300px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } /* line 170, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-5"] .game-effect__inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 10px; -webkit-animation: thunder-flash 1s both; animation: thunder-flash 1s both; background-size: 0; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-5"] .game-effect__inner:before, .game-effect[data-id="thunder-5"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); background-position: -1600px 0px; width: 400px; height: 240px; content: ""; } /* line 186, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-5"] .game-effect__inner:before { position: absolute; top: 20px; left: -300px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-5"] .game-effect__inner:after { position: absolute; top: 50px; right: -300px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } /* line 170, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-6"] .game-effect__inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 10px; -webkit-animation: thunder-flash 1s both; animation: thunder-flash 1s both; background-size: 0; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-6"] .game-effect__inner:before, .game-effect[data-id="thunder-6"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); background-position: -2000px 0px; width: 400px; height: 240px; content: ""; } /* line 186, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-6"] .game-effect__inner:before { position: absolute; top: 20px; left: -300px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-6"] .game-effect__inner:after { position: absolute; top: 50px; right: -300px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } /* line 170, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-7"] .game-effect__inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 10px; -webkit-animation: thunder-flash 1s both; animation: thunder-flash 1s both; background-size: 0; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-7"] .game-effect__inner:before, .game-effect[data-id="thunder-7"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); background-position: -2400px 0px; width: 400px; height: 240px; content: ""; } /* line 186, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-7"] .game-effect__inner:before { position: absolute; top: 20px; left: -300px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-7"] .game-effect__inner:after { position: absolute; top: 50px; right: -300px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } /* line 170, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-8"] .game-effect__inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 10px; -webkit-animation: thunder-flash 1s both; animation: thunder-flash 1s both; background-size: 0; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-8"] .game-effect__inner:before, .game-effect[data-id="thunder-8"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); background-position: -2800px 0px; width: 400px; height: 240px; content: ""; } /* line 186, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-8"] .game-effect__inner:before { position: absolute; top: 20px; left: -300px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-8"] .game-effect__inner:after { position: absolute; top: 50px; right: -300px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } /* line 170, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-9"] .game-effect__inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 10px; -webkit-animation: thunder-flash 1s both; animation: thunder-flash 1s both; background-size: 0; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-9"] .game-effect__inner:before, .game-effect[data-id="thunder-9"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); background-position: -3200px 0px; width: 400px; height: 240px; content: ""; } /* line 186, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-9"] .game-effect__inner:before { position: absolute; top: 20px; left: -300px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-9"] .game-effect__inner:after { position: absolute; top: 50px; right: -300px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } /* line 170, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-10"] .game-effect__inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 10px; -webkit-animation: thunder-flash 1s both; animation: thunder-flash 1s both; background-size: 0; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-10"] .game-effect__inner:before, .game-effect[data-id="thunder-10"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); background-position: -3600px 0px; width: 400px; height: 240px; content: ""; } /* line 186, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-10"] .game-effect__inner:before { position: absolute; top: 20px; left: -300px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-10"] .game-effect__inner:after { position: absolute; top: 50px; right: -300px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } /* line 170, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-11"] .game-effect__inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 10px; -webkit-animation: thunder-flash 1s both; animation: thunder-flash 1s both; background-size: 0; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-11"] .game-effect__inner:before, .game-effect[data-id="thunder-11"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); background-position: -4000px 0px; width: 400px; height: 240px; content: ""; } /* line 186, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-11"] .game-effect__inner:before { position: absolute; top: 20px; left: -300px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-11"] .game-effect__inner:after { position: absolute; top: 50px; right: -300px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } /* line 170, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-12"] .game-effect__inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 10px; -webkit-animation: thunder-flash 1s both; animation: thunder-flash 1s both; background-size: 0; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-12"] .game-effect__inner:before, .game-effect[data-id="thunder-12"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); background-position: -4400px 0px; width: 400px; height: 240px; content: ""; } /* line 186, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-12"] .game-effect__inner:before { position: absolute; top: 20px; left: -300px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-12"] .game-effect__inner:after { position: absolute; top: 50px; right: -300px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } /* line 170, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-13"] .game-effect__inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 10px; -webkit-animation: thunder-flash 1s both; animation: thunder-flash 1s both; background-size: 0; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-13"] .game-effect__inner:before, .game-effect[data-id="thunder-13"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); background-position: -4800px 0px; width: 400px; height: 240px; content: ""; } /* line 186, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-13"] .game-effect__inner:before { position: absolute; top: 20px; left: -300px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-13"] .game-effect__inner:after { position: absolute; top: 50px; right: -300px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } /* line 170, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-14"] .game-effect__inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 10px; -webkit-animation: thunder-flash 1s both; animation: thunder-flash 1s both; background-size: 0; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-14"] .game-effect__inner:before, .game-effect[data-id="thunder-14"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); background-position: -5200px 0px; width: 400px; height: 240px; content: ""; } /* line 186, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-14"] .game-effect__inner:before { position: absolute; top: 20px; left: -300px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-14"] .game-effect__inner:after { position: absolute; top: 50px; right: -300px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } /* line 170, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-15"] .game-effect__inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 10px; -webkit-animation: thunder-flash 1s both; animation: thunder-flash 1s both; background-size: 0; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-15"] .game-effect__inner:before, .game-effect[data-id="thunder-15"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); background-position: -5600px 0px; width: 400px; height: 240px; content: ""; } /* line 186, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-15"] .game-effect__inner:before { position: absolute; top: 20px; left: -300px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-15"] .game-effect__inner:after { position: absolute; top: 50px; right: -300px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } /* line 170, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-16"] .game-effect__inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 10px; -webkit-animation: thunder-flash 1s both; animation: thunder-flash 1s both; background-size: 0; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-16"] .game-effect__inner:before, .game-effect[data-id="thunder-16"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); background-position: -6000px 0px; width: 400px; height: 240px; content: ""; } /* line 186, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-16"] .game-effect__inner:before { position: absolute; top: 20px; left: -300px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-16"] .game-effect__inner:after { position: absolute; top: 50px; right: -300px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } /* line 170, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-17"] .game-effect__inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 10px; -webkit-animation: thunder-flash 1s both; animation: thunder-flash 1s both; background-size: 0; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-17"] .game-effect__inner:before, .game-effect[data-id="thunder-17"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); background-position: -6400px 0px; width: 400px; height: 240px; content: ""; } /* line 186, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-17"] .game-effect__inner:before { position: absolute; top: 20px; left: -300px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-17"] .game-effect__inner:after { position: absolute; top: 50px; right: -300px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } /* line 170, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-18"] .game-effect__inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 10px; -webkit-animation: thunder-flash 1s both; animation: thunder-flash 1s both; background-size: 0; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-18"] .game-effect__inner:before, .game-effect[data-id="thunder-18"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); background-position: -6800px 0px; width: 400px; height: 240px; content: ""; } /* line 186, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-18"] .game-effect__inner:before { position: absolute; top: 20px; left: -300px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-18"] .game-effect__inner:after { position: absolute; top: 50px; right: -300px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } /* line 170, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-19"] .game-effect__inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 10px; -webkit-animation: thunder-flash 1s both; animation: thunder-flash 1s both; background-size: 0; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-19"] .game-effect__inner:before, .game-effect[data-id="thunder-19"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/thunder-0eb20923189f27eec3815091fbc9ed7c1d1474b3cc37a63a0d96e252ac70c0b9.png); background-position: -7200px 0px; width: 400px; height: 240px; content: ""; } /* line 186, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-19"] .game-effect__inner:before { position: absolute; top: 20px; left: -300px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="thunder-19"] .game-effect__inner:after { position: absolute; top: 50px; right: -300px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } /* line 201, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-1"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/nav-coin-61b2d1c0a0bf26b7fe30fcacdd7c937abd7ce9d98dcd14dc2d768c4bb880c0ee.png); background-position: 0px 0px; width: 420px; height: 420px; margin-top: 30px; } /* line 205, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-1"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/nav-coin-sub-b4569cab6ba799dfb2da568202cd60b57c38d6e9ca0ab6b96df8a0cc05492e4e.png); background-position: 0px 0px; width: 420px; height: 420px; content: ""; } /* line 213, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-1"][data-position="1"] .game-effect__inner:after { -webkit-transform: translateX(30px); transform: translateX(30px); } /* line 218, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-1"][data-position="2"] .game-effect__inner:after { -webkit-transform: translateX(50px); transform: translateX(50px); } /* line 223, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-1"][data-position="3"] .game-effect__inner:after { -webkit-transform: translateX(80px); transform: translateX(80px); } /* line 201, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-2"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/nav-coin-61b2d1c0a0bf26b7fe30fcacdd7c937abd7ce9d98dcd14dc2d768c4bb880c0ee.png); background-position: -420px 0px; width: 420px; height: 420px; margin-top: 30px; } /* line 205, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-2"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/nav-coin-sub-b4569cab6ba799dfb2da568202cd60b57c38d6e9ca0ab6b96df8a0cc05492e4e.png); background-position: -420px 0px; width: 420px; height: 420px; content: ""; } /* line 213, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-2"][data-position="1"] .game-effect__inner:after { -webkit-transform: translateX(30px); transform: translateX(30px); } /* line 218, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-2"][data-position="2"] .game-effect__inner:after { -webkit-transform: translateX(50px); transform: translateX(50px); } /* line 223, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-2"][data-position="3"] .game-effect__inner:after { -webkit-transform: translateX(80px); transform: translateX(80px); } /* line 201, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-3"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/nav-coin-61b2d1c0a0bf26b7fe30fcacdd7c937abd7ce9d98dcd14dc2d768c4bb880c0ee.png); background-position: -840px 0px; width: 420px; height: 420px; margin-top: 30px; } /* line 205, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-3"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/nav-coin-sub-b4569cab6ba799dfb2da568202cd60b57c38d6e9ca0ab6b96df8a0cc05492e4e.png); background-position: -840px 0px; width: 420px; height: 420px; content: ""; } /* line 213, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-3"][data-position="1"] .game-effect__inner:after { -webkit-transform: translateX(30px); transform: translateX(30px); } /* line 218, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-3"][data-position="2"] .game-effect__inner:after { -webkit-transform: translateX(50px); transform: translateX(50px); } /* line 223, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-3"][data-position="3"] .game-effect__inner:after { -webkit-transform: translateX(80px); transform: translateX(80px); } /* line 201, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-4"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/nav-coin-61b2d1c0a0bf26b7fe30fcacdd7c937abd7ce9d98dcd14dc2d768c4bb880c0ee.png); background-position: -1260px 0px; width: 420px; height: 420px; margin-top: 30px; } /* line 205, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-4"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/nav-coin-sub-b4569cab6ba799dfb2da568202cd60b57c38d6e9ca0ab6b96df8a0cc05492e4e.png); background-position: -1260px 0px; width: 420px; height: 420px; content: ""; } /* line 213, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-4"][data-position="1"] .game-effect__inner:after { -webkit-transform: translateX(30px); transform: translateX(30px); } /* line 218, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-4"][data-position="2"] .game-effect__inner:after { -webkit-transform: translateX(50px); transform: translateX(50px); } /* line 223, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-4"][data-position="3"] .game-effect__inner:after { -webkit-transform: translateX(80px); transform: translateX(80px); } /* line 201, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-5"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/nav-coin-61b2d1c0a0bf26b7fe30fcacdd7c937abd7ce9d98dcd14dc2d768c4bb880c0ee.png); background-position: -1680px 0px; width: 420px; height: 420px; margin-top: 30px; } /* line 205, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-5"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/nav-coin-sub-b4569cab6ba799dfb2da568202cd60b57c38d6e9ca0ab6b96df8a0cc05492e4e.png); background-position: -1680px 0px; width: 420px; height: 420px; content: ""; } /* line 213, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-5"][data-position="1"] .game-effect__inner:after { -webkit-transform: translateX(30px); transform: translateX(30px); } /* line 218, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-5"][data-position="2"] .game-effect__inner:after { -webkit-transform: translateX(50px); transform: translateX(50px); } /* line 223, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-5"][data-position="3"] .game-effect__inner:after { -webkit-transform: translateX(80px); transform: translateX(80px); } /* line 201, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-6"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/nav-coin-61b2d1c0a0bf26b7fe30fcacdd7c937abd7ce9d98dcd14dc2d768c4bb880c0ee.png); background-position: -2100px 0px; width: 420px; height: 420px; margin-top: 30px; } /* line 205, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-6"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/nav-coin-sub-b4569cab6ba799dfb2da568202cd60b57c38d6e9ca0ab6b96df8a0cc05492e4e.png); background-position: -2100px 0px; width: 420px; height: 420px; content: ""; } /* line 213, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-6"][data-position="1"] .game-effect__inner:after { -webkit-transform: translateX(30px); transform: translateX(30px); } /* line 218, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-6"][data-position="2"] .game-effect__inner:after { -webkit-transform: translateX(50px); transform: translateX(50px); } /* line 223, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-6"][data-position="3"] .game-effect__inner:after { -webkit-transform: translateX(80px); transform: translateX(80px); } /* line 201, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-7"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/nav-coin-61b2d1c0a0bf26b7fe30fcacdd7c937abd7ce9d98dcd14dc2d768c4bb880c0ee.png); background-position: -2520px 0px; width: 420px; height: 420px; margin-top: 30px; } /* line 205, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-7"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/nav-coin-sub-b4569cab6ba799dfb2da568202cd60b57c38d6e9ca0ab6b96df8a0cc05492e4e.png); background-position: -2520px 0px; width: 420px; height: 420px; content: ""; } /* line 213, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-7"][data-position="1"] .game-effect__inner:after { -webkit-transform: translateX(30px); transform: translateX(30px); } /* line 218, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-7"][data-position="2"] .game-effect__inner:after { -webkit-transform: translateX(50px); transform: translateX(50px); } /* line 223, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-7"][data-position="3"] .game-effect__inner:after { -webkit-transform: translateX(80px); transform: translateX(80px); } /* line 201, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-8"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/nav-coin-61b2d1c0a0bf26b7fe30fcacdd7c937abd7ce9d98dcd14dc2d768c4bb880c0ee.png); background-position: -2940px 0px; width: 420px; height: 420px; margin-top: 30px; } /* line 205, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-8"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/nav-coin-sub-b4569cab6ba799dfb2da568202cd60b57c38d6e9ca0ab6b96df8a0cc05492e4e.png); background-position: -2940px 0px; width: 420px; height: 420px; content: ""; } /* line 213, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-8"][data-position="1"] .game-effect__inner:after { -webkit-transform: translateX(30px); transform: translateX(30px); } /* line 218, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-8"][data-position="2"] .game-effect__inner:after { -webkit-transform: translateX(50px); transform: translateX(50px); } /* line 223, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-8"][data-position="3"] .game-effect__inner:after { -webkit-transform: translateX(80px); transform: translateX(80px); } /* line 201, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-9"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/nav-coin-61b2d1c0a0bf26b7fe30fcacdd7c937abd7ce9d98dcd14dc2d768c4bb880c0ee.png); background-position: -3360px 0px; width: 420px; height: 420px; margin-top: 30px; } /* line 205, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-9"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/nav-coin-sub-b4569cab6ba799dfb2da568202cd60b57c38d6e9ca0ab6b96df8a0cc05492e4e.png); background-position: -3360px 0px; width: 420px; height: 420px; content: ""; } /* line 213, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-9"][data-position="1"] .game-effect__inner:after { -webkit-transform: translateX(30px); transform: translateX(30px); } /* line 218, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-9"][data-position="2"] .game-effect__inner:after { -webkit-transform: translateX(50px); transform: translateX(50px); } /* line 223, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-9"][data-position="3"] .game-effect__inner:after { -webkit-transform: translateX(80px); transform: translateX(80px); } /* line 201, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-10"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/nav-coin-61b2d1c0a0bf26b7fe30fcacdd7c937abd7ce9d98dcd14dc2d768c4bb880c0ee.png); background-position: -3780px 0px; width: 420px; height: 420px; margin-top: 30px; } /* line 205, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-10"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/nav-coin-sub-b4569cab6ba799dfb2da568202cd60b57c38d6e9ca0ab6b96df8a0cc05492e4e.png); background-position: -3780px 0px; width: 420px; height: 420px; content: ""; } /* line 213, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-10"][data-position="1"] .game-effect__inner:after { -webkit-transform: translateX(30px); transform: translateX(30px); } /* line 218, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-10"][data-position="2"] .game-effect__inner:after { -webkit-transform: translateX(50px); transform: translateX(50px); } /* line 223, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-10"][data-position="3"] .game-effect__inner:after { -webkit-transform: translateX(80px); transform: translateX(80px); } /* line 201, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-11"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/nav-coin-61b2d1c0a0bf26b7fe30fcacdd7c937abd7ce9d98dcd14dc2d768c4bb880c0ee.png); background-position: -4200px 0px; width: 420px; height: 420px; margin-top: 30px; } /* line 205, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-11"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/nav-coin-sub-b4569cab6ba799dfb2da568202cd60b57c38d6e9ca0ab6b96df8a0cc05492e4e.png); background-position: -4200px 0px; width: 420px; height: 420px; content: ""; } /* line 213, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-11"][data-position="1"] .game-effect__inner:after { -webkit-transform: translateX(30px); transform: translateX(30px); } /* line 218, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-11"][data-position="2"] .game-effect__inner:after { -webkit-transform: translateX(50px); transform: translateX(50px); } /* line 223, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-11"][data-position="3"] .game-effect__inner:after { -webkit-transform: translateX(80px); transform: translateX(80px); } /* line 201, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-12"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/nav-coin-61b2d1c0a0bf26b7fe30fcacdd7c937abd7ce9d98dcd14dc2d768c4bb880c0ee.png); background-position: -4620px 0px; width: 420px; height: 420px; margin-top: 30px; } /* line 205, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-12"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/nav-coin-sub-b4569cab6ba799dfb2da568202cd60b57c38d6e9ca0ab6b96df8a0cc05492e4e.png); background-position: -4620px 0px; width: 420px; height: 420px; content: ""; } /* line 213, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-12"][data-position="1"] .game-effect__inner:after { -webkit-transform: translateX(30px); transform: translateX(30px); } /* line 218, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-12"][data-position="2"] .game-effect__inner:after { -webkit-transform: translateX(50px); transform: translateX(50px); } /* line 223, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-12"][data-position="3"] .game-effect__inner:after { -webkit-transform: translateX(80px); transform: translateX(80px); } /* line 201, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-13"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/nav-coin-61b2d1c0a0bf26b7fe30fcacdd7c937abd7ce9d98dcd14dc2d768c4bb880c0ee.png); background-position: -5040px 0px; width: 420px; height: 420px; margin-top: 30px; } /* line 205, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-13"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/nav-coin-sub-b4569cab6ba799dfb2da568202cd60b57c38d6e9ca0ab6b96df8a0cc05492e4e.png); background-position: -5040px 0px; width: 420px; height: 420px; content: ""; } /* line 213, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-13"][data-position="1"] .game-effect__inner:after { -webkit-transform: translateX(30px); transform: translateX(30px); } /* line 218, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-13"][data-position="2"] .game-effect__inner:after { -webkit-transform: translateX(50px); transform: translateX(50px); } /* line 223, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-13"][data-position="3"] .game-effect__inner:after { -webkit-transform: translateX(80px); transform: translateX(80px); } /* line 201, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-14"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/nav-coin-61b2d1c0a0bf26b7fe30fcacdd7c937abd7ce9d98dcd14dc2d768c4bb880c0ee.png); background-position: -5460px 0px; width: 420px; height: 420px; margin-top: 30px; } /* line 205, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-14"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/nav-coin-sub-b4569cab6ba799dfb2da568202cd60b57c38d6e9ca0ab6b96df8a0cc05492e4e.png); background-position: -5460px 0px; width: 420px; height: 420px; content: ""; } /* line 213, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-14"][data-position="1"] .game-effect__inner:after { -webkit-transform: translateX(30px); transform: translateX(30px); } /* line 218, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-14"][data-position="2"] .game-effect__inner:after { -webkit-transform: translateX(50px); transform: translateX(50px); } /* line 223, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-14"][data-position="3"] .game-effect__inner:after { -webkit-transform: translateX(80px); transform: translateX(80px); } /* line 201, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-15"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/nav-coin-61b2d1c0a0bf26b7fe30fcacdd7c937abd7ce9d98dcd14dc2d768c4bb880c0ee.png); background-position: -5880px 0px; width: 420px; height: 420px; margin-top: 30px; } /* line 205, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-15"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/nav-coin-sub-b4569cab6ba799dfb2da568202cd60b57c38d6e9ca0ab6b96df8a0cc05492e4e.png); background-position: -5880px 0px; width: 420px; height: 420px; content: ""; } /* line 213, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-15"][data-position="1"] .game-effect__inner:after { -webkit-transform: translateX(30px); transform: translateX(30px); } /* line 218, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-15"][data-position="2"] .game-effect__inner:after { -webkit-transform: translateX(50px); transform: translateX(50px); } /* line 223, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-15"][data-position="3"] .game-effect__inner:after { -webkit-transform: translateX(80px); transform: translateX(80px); } /* line 201, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-16"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/nav-coin-61b2d1c0a0bf26b7fe30fcacdd7c937abd7ce9d98dcd14dc2d768c4bb880c0ee.png); background-position: -6300px 0px; width: 420px; height: 420px; margin-top: 30px; } /* line 205, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-16"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/nav-coin-sub-b4569cab6ba799dfb2da568202cd60b57c38d6e9ca0ab6b96df8a0cc05492e4e.png); background-position: -6300px 0px; width: 420px; height: 420px; content: ""; } /* line 213, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-16"][data-position="1"] .game-effect__inner:after { -webkit-transform: translateX(30px); transform: translateX(30px); } /* line 218, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-16"][data-position="2"] .game-effect__inner:after { -webkit-transform: translateX(50px); transform: translateX(50px); } /* line 223, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-16"][data-position="3"] .game-effect__inner:after { -webkit-transform: translateX(80px); transform: translateX(80px); } /* line 201, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-17"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/nav-coin-61b2d1c0a0bf26b7fe30fcacdd7c937abd7ce9d98dcd14dc2d768c4bb880c0ee.png); background-position: -6720px 0px; width: 420px; height: 420px; margin-top: 30px; } /* line 205, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-17"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/nav-coin-sub-b4569cab6ba799dfb2da568202cd60b57c38d6e9ca0ab6b96df8a0cc05492e4e.png); background-position: -6720px 0px; width: 420px; height: 420px; content: ""; } /* line 213, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-17"][data-position="1"] .game-effect__inner:after { -webkit-transform: translateX(30px); transform: translateX(30px); } /* line 218, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-17"][data-position="2"] .game-effect__inner:after { -webkit-transform: translateX(50px); transform: translateX(50px); } /* line 223, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-17"][data-position="3"] .game-effect__inner:after { -webkit-transform: translateX(80px); transform: translateX(80px); } /* line 201, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-18"] .game-effect__inner { background-image: url(/assets/sprite-dest/pc/nav-coin-61b2d1c0a0bf26b7fe30fcacdd7c937abd7ce9d98dcd14dc2d768c4bb880c0ee.png); background-position: -7140px 0px; width: 420px; height: 420px; margin-top: 30px; } /* line 205, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-18"] .game-effect__inner:after { display: block; background-image: url(/assets/sprite-dest/pc/nav-coin-sub-b4569cab6ba799dfb2da568202cd60b57c38d6e9ca0ab6b96df8a0cc05492e4e.png); background-position: -7140px 0px; width: 420px; height: 420px; content: ""; } /* line 213, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-18"][data-position="1"] .game-effect__inner:after { -webkit-transform: translateX(30px); transform: translateX(30px); } /* line 218, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-18"][data-position="2"] .game-effect__inner:after { -webkit-transform: translateX(50px); transform: translateX(50px); } /* line 223, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="nav-coin-18"][data-position="3"] .game-effect__inner:after { -webkit-transform: translateX(80px); transform: translateX(80px); } /* line 232, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="link-1"] .game-effect__inner { -webkit-transform: translate(-30px, -20px); transform: translate(-30px, -20px); background-image: url(/assets/sprite-dest/pc/link-7dc36c1b07f240572688df2e804debf85ca25639fb9538563f413f9adeca0902.png); background-position: 0px 0px; width: 140px; height: 60px; } /* line 232, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="link-2"] .game-effect__inner { -webkit-transform: translate(-30px, -20px); transform: translate(-30px, -20px); background-image: url(/assets/sprite-dest/pc/link-7dc36c1b07f240572688df2e804debf85ca25639fb9538563f413f9adeca0902.png); background-position: -140px 0px; width: 140px; height: 60px; } /* line 232, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="link-3"] .game-effect__inner { -webkit-transform: translate(-30px, -20px); transform: translate(-30px, -20px); background-image: url(/assets/sprite-dest/pc/link-7dc36c1b07f240572688df2e804debf85ca25639fb9538563f413f9adeca0902.png); background-position: -280px 0px; width: 140px; height: 60px; } /* line 232, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="link-4"] .game-effect__inner { -webkit-transform: translate(-30px, -20px); transform: translate(-30px, -20px); background-image: url(/assets/sprite-dest/pc/link-7dc36c1b07f240572688df2e804debf85ca25639fb9538563f413f9adeca0902.png); background-position: -420px 0px; width: 140px; height: 60px; } /* line 232, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="link-5"] .game-effect__inner { -webkit-transform: translate(-30px, -20px); transform: translate(-30px, -20px); background-image: url(/assets/sprite-dest/pc/link-7dc36c1b07f240572688df2e804debf85ca25639fb9538563f413f9adeca0902.png); background-position: -560px 0px; width: 140px; height: 60px; } /* line 232, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="link-6"] .game-effect__inner { -webkit-transform: translate(-30px, -20px); transform: translate(-30px, -20px); background-image: url(/assets/sprite-dest/pc/link-7dc36c1b07f240572688df2e804debf85ca25639fb9538563f413f9adeca0902.png); background-position: -700px 0px; width: 140px; height: 60px; } /* line 232, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="link-7"] .game-effect__inner { -webkit-transform: translate(-30px, -20px); transform: translate(-30px, -20px); background-image: url(/assets/sprite-dest/pc/link-7dc36c1b07f240572688df2e804debf85ca25639fb9538563f413f9adeca0902.png); background-position: -840px 0px; width: 140px; height: 60px; } /* line 232, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="link-8"] .game-effect__inner { -webkit-transform: translate(-30px, -20px); transform: translate(-30px, -20px); background-image: url(/assets/sprite-dest/pc/link-7dc36c1b07f240572688df2e804debf85ca25639fb9538563f413f9adeca0902.png); background-position: -980px 0px; width: 140px; height: 60px; } /* line 232, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="link-9"] .game-effect__inner { -webkit-transform: translate(-30px, -20px); transform: translate(-30px, -20px); background-image: url(/assets/sprite-dest/pc/link-7dc36c1b07f240572688df2e804debf85ca25639fb9538563f413f9adeca0902.png); background-position: -1120px 0px; width: 140px; height: 60px; } /* line 232, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="link-10"] .game-effect__inner { -webkit-transform: translate(-30px, -20px); transform: translate(-30px, -20px); background-image: url(/assets/sprite-dest/pc/link-7dc36c1b07f240572688df2e804debf85ca25639fb9538563f413f9adeca0902.png); background-position: -1260px 0px; width: 140px; height: 60px; } /* line 232, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="link-11"] .game-effect__inner { -webkit-transform: translate(-30px, -20px); transform: translate(-30px, -20px); background-image: url(/assets/sprite-dest/pc/link-7dc36c1b07f240572688df2e804debf85ca25639fb9538563f413f9adeca0902.png); background-position: -1400px 0px; width: 140px; height: 60px; } /* line 232, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="link-12"] .game-effect__inner { -webkit-transform: translate(-30px, -20px); transform: translate(-30px, -20px); background-image: url(/assets/sprite-dest/pc/link-7dc36c1b07f240572688df2e804debf85ca25639fb9538563f413f9adeca0902.png); background-position: -1540px 0px; width: 140px; height: 60px; } /* line 232, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="link-13"] .game-effect__inner { -webkit-transform: translate(-30px, -20px); transform: translate(-30px, -20px); background-image: url(/assets/sprite-dest/pc/link-7dc36c1b07f240572688df2e804debf85ca25639fb9538563f413f9adeca0902.png); background-position: -1680px 0px; width: 140px; height: 60px; } /* line 232, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="link-14"] .game-effect__inner { -webkit-transform: translate(-30px, -20px); transform: translate(-30px, -20px); background-image: url(/assets/sprite-dest/pc/link-7dc36c1b07f240572688df2e804debf85ca25639fb9538563f413f9adeca0902.png); background-position: -1820px 0px; width: 140px; height: 60px; } /* line 232, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-id="link-15"] .game-effect__inner { -webkit-transform: translate(-30px, -20px); transform: translate(-30px, -20px); background-image: url(/assets/sprite-dest/pc/link-7dc36c1b07f240572688df2e804debf85ca25639fb9538563f413f9adeca0902.png); background-position: -1960px 0px; width: 140px; height: 60px; } /* line 34, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"] .game-effect__inner:nth-child(1) { position: absolute; left: 0; top: 0px; display: block; width: 780px; height: 460px; background: url(/assets/pc/design/game/entry_button_256-0b913478f919f79d966aff11861931ce05f3ccead5c57fca6cc69b1a4edfc52f.png) no-repeat; background-size: 780px 5520px; background-position: 0 -5520px; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-0"] .game-effect__inner:nth-child(1) { background-position: 0 0px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-0"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-1"] .game-effect__inner:nth-child(1) { background-position: 0 -460px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-1"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-2"] .game-effect__inner:nth-child(1) { background-position: 0 -920px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-2"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-3"] .game-effect__inner:nth-child(1) { background-position: 0 -1380px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-3"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-4"] .game-effect__inner:nth-child(1) { background-position: 0 -1840px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-4"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-5"] .game-effect__inner:nth-child(1) { background-position: 0 -2300px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-5"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-6"] .game-effect__inner:nth-child(1) { background-position: 0 -2760px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-6"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-7"] .game-effect__inner:nth-child(1) { background-position: 0 -3220px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-7"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-8"] .game-effect__inner:nth-child(1) { background-position: 0 -3680px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-8"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-9"] .game-effect__inner:nth-child(1) { background-position: 0 -4140px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-9"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-10"] .game-effect__inner:nth-child(1) { background-position: 0 -4600px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-10"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-11"] .game-effect__inner:nth-child(1) { background-position: 0 -5060px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-11"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-12"] .game-effect__inner:nth-child(1) { background-position: 0 -5520px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"][data-id="entry-256-12"]::after { top: -200px; opacity: 1; } /* line 57, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"]::after { position: absolute; left: 0; top: 0; float: none; display: block; width: 394px; height: 124px; background: url(/assets/pc/design/game/entry_button_msg-d14e8670daded323a4f137f1849fec3aa1b2567542310105462d1f525f76e998.png) no-repeat; background-size: 394px 248px; -webkit-animation: entry_button_msg_infinite_anim infinite steps(2) 1000ms; animation: entry_button_msg_infinite_anim infinite steps(2) 1000ms; content: ""; left: -197px; top: -160px; opacity: 0; -webkit-transition: opacity ease 200ms, top ease 200ms; transition: opacity ease 200ms, top ease 200ms; } @-webkit-keyframes entry_button_msg_infinite_anim { to { background-position: 0 -248px; } } @keyframes entry_button_msg_infinite_anim { to { background-position: 0 -248px; } } /* line 66, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"] .game-effect__inner:nth-child(2) { position: absolute; left: 0; top: 0; float: none; display: block; width: 780px; height: 460px; background: url(/assets/pc/design/game/entry_button_light-f1ccb867de5a940b39575ed933db76520a988a8dc1fb0b382d37fa77e08e1fdb.png) no-repeat; background-size: 780px 1840px; -webkit-animation: entry_button_light_infinite_anim infinite steps(4) 1000ms; animation: entry_button_light_infinite_anim infinite steps(4) 1000ms; } @-webkit-keyframes entry_button_light_infinite_anim { to { background-position: 0 -1840px; } } @keyframes entry_button_light_infinite_anim { to { background-position: 0 -1840px; } } /* line 70, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"] .game-effect__inner:nth-child(3) { position: absolute; left: 0; top: 0; float: none; display: block; width: 780px; height: 460px; background: url(/assets/pc/design/game/entry_button_smoke_1-a0050d67f0536b75b56e4f85e089904d94a8c73d157e40f95653924aa9a84de3.png) no-repeat; background-size: 780px 13800px; -webkit-animation: entry_button_smoke_1_infinite_anim infinite steps(30) 1000ms; animation: entry_button_smoke_1_infinite_anim infinite steps(30) 1000ms; } @-webkit-keyframes entry_button_smoke_1_infinite_anim { to { background-position: 0 -13800px; } } @keyframes entry_button_smoke_1_infinite_anim { to { background-position: 0 -13800px; } } /* line 74, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"] .game-effect__inner:nth-child(4) { position: absolute; left: 0; top: 0; float: none; display: block; width: 780px; height: 460px; background: url(/assets/pc/design/game/entry_button_smoke_2-b4d3684a40dc1011f49c5911b99903498a70f121386f1582fa4bd6e07bb17284.png) no-repeat; background-size: 780px 13800px; -webkit-animation: entry_button_smoke_2_infinite_anim infinite steps(30) 1000ms; animation: entry_button_smoke_2_infinite_anim infinite steps(30) 1000ms; } @-webkit-keyframes entry_button_smoke_2_infinite_anim { to { background-position: 0 -13800px; } } @keyframes entry_button_smoke_2_infinite_anim { to { background-position: 0 -13800px; } } /* line 78, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"] .game-effect__inner:nth-child(2), .game-effect[data-effect-type="entry-256"] .game-effect__inner:nth-child(3), .game-effect[data-effect-type="entry-256"] .game-effect__inner:nth-child(4) { opacity: 0; -webkit-transition: opacity linear 400ms; transition: opacity linear 400ms; } /* line 86, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-256"].is-infinite .game-effect__inner:nth-child(2), .game-effect[data-effect-type="entry-256"].is-infinite .game-effect__inner:nth-child(3), .game-effect[data-effect-type="entry-256"].is-infinite .game-effect__inner:nth-child(4) { opacity: 1; } /* line 34, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"] .game-effect__inner:nth-child(1) { position: absolute; left: 0; top: 0px; display: block; width: 780px; height: 460px; background: url(/assets/pc/design/game/entry_button_300-441f4d32672137d1aa82567bad37f3ea0671f5c18195d1035f57fb94818b03ed.png) no-repeat; background-size: 780px 5520px; background-position: 0 -5520px; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-0"] .game-effect__inner:nth-child(1) { background-position: 0 0px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-0"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-1"] .game-effect__inner:nth-child(1) { background-position: 0 -460px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-1"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-2"] .game-effect__inner:nth-child(1) { background-position: 0 -920px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-2"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-3"] .game-effect__inner:nth-child(1) { background-position: 0 -1380px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-3"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-4"] .game-effect__inner:nth-child(1) { background-position: 0 -1840px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-4"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-5"] .game-effect__inner:nth-child(1) { background-position: 0 -2300px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-5"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-6"] .game-effect__inner:nth-child(1) { background-position: 0 -2760px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-6"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-7"] .game-effect__inner:nth-child(1) { background-position: 0 -3220px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-7"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-8"] .game-effect__inner:nth-child(1) { background-position: 0 -3680px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-8"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-9"] .game-effect__inner:nth-child(1) { background-position: 0 -4140px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-9"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-10"] .game-effect__inner:nth-child(1) { background-position: 0 -4600px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-10"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-11"] .game-effect__inner:nth-child(1) { background-position: 0 -5060px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-11"]::after { top: -200px; opacity: 1; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-12"] .game-effect__inner:nth-child(1) { background-position: 0 -5520px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"][data-id="entry-300-12"]::after { top: -200px; opacity: 1; } /* line 57, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"]::after { position: absolute; left: 0; top: 0; float: none; display: block; width: 394px; height: 124px; background: url(/assets/pc/design/game/entry_button_msg-d14e8670daded323a4f137f1849fec3aa1b2567542310105462d1f525f76e998.png) no-repeat; background-size: 394px 248px; -webkit-animation: entry_button_msg_infinite_anim infinite steps(2) 1000ms; animation: entry_button_msg_infinite_anim infinite steps(2) 1000ms; content: ""; left: -197px; top: -160px; opacity: 0; -webkit-transition: opacity ease 200ms, top ease 200ms; transition: opacity ease 200ms, top ease 200ms; } @keyframes entry_button_msg_infinite_anim { to { background-position: 0 -248px; } } /* line 66, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"] .game-effect__inner:nth-child(2) { position: absolute; left: 0; top: 0; float: none; display: block; width: 780px; height: 460px; background: url(/assets/pc/design/game/entry_button_light-f1ccb867de5a940b39575ed933db76520a988a8dc1fb0b382d37fa77e08e1fdb.png) no-repeat; background-size: 780px 1840px; -webkit-animation: entry_button_light_infinite_anim infinite steps(4) 1000ms; animation: entry_button_light_infinite_anim infinite steps(4) 1000ms; } @keyframes entry_button_light_infinite_anim { to { background-position: 0 -1840px; } } /* line 70, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"] .game-effect__inner:nth-child(3) { position: absolute; left: 0; top: 0; float: none; display: block; width: 780px; height: 460px; background: url(/assets/pc/design/game/entry_button_smoke_1-a0050d67f0536b75b56e4f85e089904d94a8c73d157e40f95653924aa9a84de3.png) no-repeat; background-size: 780px 13800px; -webkit-animation: entry_button_smoke_1_infinite_anim infinite steps(30) 1000ms; animation: entry_button_smoke_1_infinite_anim infinite steps(30) 1000ms; } @keyframes entry_button_smoke_1_infinite_anim { to { background-position: 0 -13800px; } } /* line 74, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"] .game-effect__inner:nth-child(4) { position: absolute; left: 0; top: 0; float: none; display: block; width: 780px; height: 460px; background: url(/assets/pc/design/game/entry_button_smoke_2-b4d3684a40dc1011f49c5911b99903498a70f121386f1582fa4bd6e07bb17284.png) no-repeat; background-size: 780px 13800px; -webkit-animation: entry_button_smoke_2_infinite_anim infinite steps(30) 1000ms; animation: entry_button_smoke_2_infinite_anim infinite steps(30) 1000ms; } @keyframes entry_button_smoke_2_infinite_anim { to { background-position: 0 -13800px; } } /* line 78, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"] .game-effect__inner:nth-child(2), .game-effect[data-effect-type="entry-300"] .game-effect__inner:nth-child(3), .game-effect[data-effect-type="entry-300"] .game-effect__inner:nth-child(4) { opacity: 0; -webkit-transition: opacity linear 400ms; transition: opacity linear 400ms; } /* line 86, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect[data-effect-type="entry-300"].is-infinite .game-effect__inner:nth-child(2), .game-effect[data-effect-type="entry-300"].is-infinite .game-effect__inner:nth-child(3), .game-effect[data-effect-type="entry-300"].is-infinite .game-effect__inner:nth-child(4) { opacity: 1; } /* line 250, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect__inner { display: none; float: left; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* line 255, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect__inner.is-show { display: block; } /* line 260, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect-shadelayer { position: fixed; pointer-events: none; z-index: 3; width: 100%; height: 200%; top: 0; left: 0; -webkit-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; background: rgba(0, 0, 0, 0.5); opacity: 0; } /* line 272, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .game-effect-shadelayer.is-show { opacity: 1; } /* line 276, /home/circleci/app/app/assets/stylesheets/modules/pc/_game_effect.scss */ .is-legacy-ie .game-effect-shadelayer { display: none !important; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ .hero-detail { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } /* line 10, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ .hero-detail:hover { opacity: 1; } /* line 17, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ .hero__slider__item:hover .hero__title, .hero__slider__item:hover .hero__info, .hero__slider__item:hover:before { -webkit-transition: opacity 0.2s; transition: opacity 0.2s; opacity: 0; } /* line 27, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="simple"] .hero-detail { background-color: rgba(0, 0, 0, 0.7); color: #fff; } /* line 32, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="simple"] .hero-detail__content { position: absolute; top: 50%; left: 50%; width: 600px; margin-left: -300px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; line-height: 1.8; } /* line 43, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="simple"] .hero-detail__content:after { content: ""; position: absolute; bottom: 6px; right: 0px; width: 22px; height: 22px; background-image: url(/assets/pc/design/simple/hero-detail_arrow-c9bfd39d945e59954d56cf4be389084482c72a22ca408889966078d6b6798692.svg); background-repeat: no-repeat; background-size: cover; } /* line 56, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="simple"] .hero-detail__title { font-size: 32px; font-weight: bold; } /* line 61, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="simple"] .hero-detail__desc { margin-top: 6px; margin-bottom: 27px; } /* line 66, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="simple"] .hero-detail__meta { font-size: 14px; font-family: "Ubuntu"; } /* line 73, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="comic"] .hero-detail { color: #474541; font-family: "Source Sans Pro", "ゴシックMB101 DB JIS2004"; opacity: 1; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } /* line 79, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="comic"] .hero-detail:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 4px solid #474541; content: ""; pointer-events: none; } /* line 86, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="comic"] .hero-detail:hover { background-color: rgba(0, 0, 0, 0.2); } /* line 89, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="comic"] .hero-detail:hover .hero-detail__content, body[data-design="comic"] .hero-detail:hover .hero-detail__midashi { display: block; } /* line 96, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="comic"] .hero-detail__content { display: none; position: absolute; bottom: 24px; right: -24px; width: 380px; padding: 32px; border: solid 4px #474541; background-color: #f4f0e7; font-size: 16px; line-height: 1.625; -webkit-animation: comic-hero-content-appear 0.1s; animation: comic-hero-content-appear 0.1s; } /* line 108, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="comic"] .hero-detail__content:after { content: ""; position: absolute; width: 45px; height: 25px; background-image: url(/assets/pc/design/comic/finger_black-de935acc369052d0002c146a6da879fc08c8866846bc03287362dcc1c8b1594f.png); bottom: 27px; right: 27px; } /* line 119, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="comic"] .hero-detail__midashi { display: none; position: absolute; bottom: 24px; left: 43px; color: #f4f0e7; font-family: "ゴシックMB101 U JIS2004"; font-size: 30px; text-shadow: 4px 0px 0px #474541, -3.49322px -1.9487px 0px #474541, 2.10128px 3.40362px 0px #474541, -0.17692px -3.99608px 0px #474541, -1.7923px 3.57598px 0px #474541, 3.30734px -2.24976px 0px #474541, -3.98436px 0.35348px 0px #474541, 3.65176px 1.63238px 0px #474541, -2.39384px -3.20462px 0px #474541, 0.52934px 3.96482px 0px #474541, 1.46928px -3.72038px 0px #474541, -3.0956px 2.53324px 0px #474541, 3.93752px -0.70418px 0px #474541, -3.78172px -1.3033px 0px #474541, 2.66766px 2.98054px 0px #474541, -0.87764px -3.90254px 0px #474541, -1.13476px 3.83566px 0px #474541; -webkit-animation: comic-hero-midashi-appear 0.1s; animation: comic-hero-midashi-appear 0.1s; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="comic"] .hero-detail__title { display: none; } /* line 135, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="comic"] .hero-detail__desc { margin-bottom: 6px; } /* line 139, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="comic"] .hero-detail__meta { font-size: 12px; } /* line 145, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="kamakura"] .hero-detail { background-color: rgba(0, 0, 0, 0.8); color: #fff; } /* line 150, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="kamakura"] .hero-detail__content { position: absolute; top: 50%; left: 50%; width: 600px; margin-left: -300px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 18px; line-height: 2; } /* line 161, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="kamakura"] .hero-detail__content:after { content: ""; position: absolute; bottom: 8px; right: 0px; width: 70px; height: 14px; background-image: url(/assets/pc/design/kamakura/hero-detail_arrow-45c330a790175f9040ab76f79f8065b1e373b0fa1d54caa8238dccfb6de7bbc2.svg); background-repeat: no-repeat; background-size: cover; } /* line 174, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="kamakura"] .hero-detail__title { font-size: 36px; font-weight: bold; font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; } /* line 180, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="kamakura"] .hero-detail__desc { margin-top: 2px; margin-bottom: 23px; font-family: "Alegreya", "秀英横太明朝 L", "Shuei Mincho L"; } /* line 186, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="kamakura"] .hero-detail__meta { font-size: 14px; font-family: "Ubuntu"; } /* line 193, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="tech"] .hero-detail { background-color: rgba(255, 255, 255, 0.6); color: #000; } /* line 198, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="tech"] .hero-detail__content { position: absolute; top: 50%; left: 50%; width: 600px; margin-left: -300px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; line-height: 1.8; } /* line 209, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="tech"] .hero-detail__content:after { content: ""; position: absolute; bottom: 6px; right: 0px; width: 22px; height: 22px; background-image: url(/assets/pc/design/tech/hero-detail_arrow-9d58dcdc728e66a7e77297aef1f05ba3d11489cb1b17c832a67401f734200cc4.svg); background-repeat: no-repeat; background-size: cover; } /* line 222, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="tech"] .hero-detail__title { font-size: 32px; font-weight: bold; font-family: YakuHanJP, YuGothic, sans-serif; } /* line 228, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="tech"] .hero-detail__desc { margin-top: 6px; margin-bottom: 27px; font-family: YakuHanJP, YuGothic, sans-serif; } /* line 234, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="tech"] .hero-detail__meta { font-size: 14px; font-family: YakuHanJP, YuGothic, sans-serif; } /* line 241, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="game"] .hero__slider__item { border-radius: 10px; overflow: hidden; } /* line 246, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="game"] .hero-detail { background-color: rgba(0, 0, 0, 0.2); color: #fff; } /* line 251, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="game"] .hero-detail__content { position: absolute; top: 50%; left: 50%; width: 714px; margin-left: -357px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 18px; line-height: 2; background-color: rgba(0, 0, 0, 0.8); border: solid 4px #fff; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 56px; padding-top: 37px; padding-bottom: 50px; } /* line 269, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="game"] .hero-detail__content:before { position: absolute; bottom: 23px; right: 32px; width: 0; height: 0; border: 10px solid transparent; border-top: 10px solid #fff; -webkit-animation: arrow-flash 1s steps(1) infinite; animation: arrow-flash 1s steps(1) infinite; content: ""; } /* line 276, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="game"] .hero-detail__title { font-size: 36px; font-weight: bold; font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } /* line 282, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="game"] .hero-detail__desc { margin-top: 6px; margin-bottom: 27px; font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } /* line 288, /home/circleci/app/app/assets/stylesheets/modules/pc/_hero-detail.scss */ body[data-design="game"] .hero-detail__meta { font-size: 14px; font-family: "Ubuntu"; } /* line 2, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics h5 { font-size: 18px; margin: 0 0 0.5em; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics hr { margin: 25px 0; } /* line 9, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics p { margin: 0; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__sales-trend { position: relative; font-weight: bold; } /* line 19, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__sales-trend .axis.x .domain { fill: rgba(0, 0, 0, 0.3); } /* line 23, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__sales-trend .axis.x .tick text { font-size: 14px; -webkit-transform: rotateZ(-30deg) translate(-13px, 2px); transform: rotateZ(-30deg) translate(-13px, 2px); } /* line 27, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__sales-trend .axis.x .tick tspan { font-size: 65%; } /* line 33, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__sales-trend .axis.y .domain { display: none; } /* line 37, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__sales-trend .axis.y .tick line { stroke: rgba(0, 0, 0, 0.3); stroke-dasharray: 4 2; } /* line 41, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__sales-trend .axis.y .tick text { font-size: 12px; -webkit-transform: translateX(-1em); transform: translateX(-1em); } /* line 46, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__sales-trend .axis.y .tick:first-child line { display: none; } /* line 52, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__sales-trend .bar { fill: #1b9af7; } /* line 57, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__sales-trend__label { font-size: 10px; line-height: 1.3; font-weight: bold; position: absolute; left: 0; bottom: 0; } /* line 66, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__sales-trend__notice { font-size: 10px; position: absolute; right: 0; bottom: 0; } /* line 73, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__sales-trend__pop { font-size: 14px; position: absolute; top: -30px; right: 0; -webkit-transform: translateX(50%); transform: translateX(50%); background-color: #fff; border-radius: 4px; padding: 0.3em 0.7em; -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.35); } /* line 83, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__sales-trend__pop:after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -4px; margin: auto; width: 10px; height: 10px; background-color: #fff; -webkit-box-shadow: 4px 4px 6px -2px rgba(0, 0, 0, 0.35); box-shadow: 4px 4px 6px -2px rgba(0, 0, 0, 0.35); -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* line 99, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__container { margin-top: 25px; border-top: solid 1px #dddddd; } /* line 104, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__float, .infographics__float--fresh { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /* line 111, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__float:last-child > div:after, .infographics__float--fresh:last-child > div:after { display: none; } /* line 116, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__float > div, .infographics__float--fresh > div { padding: 23px; display: inline-block; width: 33.33%; position: relative; } /* line 122, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__float > div:before, .infographics__float--fresh > div:before, .infographics__float > div:after, .infographics__float--fresh > div:after { content: ""; display: block; } /* line 127, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__float > div:before, .infographics__float--fresh > div:before { position: absolute; top: 23px; bottom: 23px; right: 0; border-right: solid 1px #dddddd; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__float > div:after, .infographics__float--fresh > div:after { position: absolute; bottom: 0; left: 23px; right: 23px; border-bottom: solid 1px #dddddd; } /* line 135, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__float > div:first-child, .infographics__float--fresh > div:first-child { padding-left: 0; } /* line 137, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__float > div:first-child:after, .infographics__float--fresh > div:first-child:after { left: 0; } /* line 141, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__float > div:last-child, .infographics__float--fresh > div:last-child { border-right: none; padding-right: 0; } /* line 144, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__float > div:last-child:before, .infographics__float--fresh > div:last-child:before { display: none; } /* line 147, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__float > div:last-child:after, .infographics__float--fresh > div:last-child:after { right: 0; } /* line 154, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__float--fresh { border-top: solid 1px #dddddd; margin-top: 25px; } /* line 158, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__float--fresh > div { width: auto; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__float--fresh > div:after { display: none; } /* line 164, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__float--fresh .infographics__department, .infographics__float--fresh .infographics__department--fresh { width: 100%; border: none; margin: 0; } /* line 171, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__num { font-family: "Ubuntu"; font-size: 65px; line-height: 1; color: #1b9af7; } /* line 176, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__num.is-small { font-size: 28px; } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__num.is-light-color { color: #76c2fa; } /* line 188, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__fresh-career__graph { font-size: 0; } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__fresh-career__graph div { display: inline-block; height: 14px; } /* line 195, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__fresh-career__graph div:first-child { background-color: #1b9af7; } /* line 198, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__fresh-career__graph div:nth-child(2) { background-color: #76c2fa; } /* line 204, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__fresh-career__data { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 16px; margin-top: 1em; } /* line 215, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__employee__text { font-size: 14px; } /* line 219, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__lang { color: #000; font-family: "Ubuntu"; font-size: 14px; line-height: 1.43 !important; } /* line 226, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__department, .infographics__department--fresh { font-size: 16px; line-height: 1.625; padding-top: 25px; border-top: solid 1px #dddddd; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .infographics__department:before, .infographics__department--fresh:before, .infographics__department:after, .infographics__department--fresh:after { content: ""; display: block; clear: both; } /* line 237, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__department--fresh .infographics__department__float { margin-bottom: 1em; } /* line 240, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__department--fresh .infographics__department__graph { float: left; } /* line 245, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__department__float { float: left; margin-right: 2em; } /* line 248, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__department__float:last-child { margin-right: 0; } /* line 253, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__department__graph { float: right; position: relative; font-size: 12px; font-weight: bold; } /* line 259, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__department__graph .pie { position: relative; } /* line 261, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__department__graph .pie .legend { display: none; } /* line 265, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__department__graph .pie:nth-child(1) { fill: #1b9af7; } /* line 268, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__department__graph .pie:nth-child(2) { fill: #49aef9; } /* line 271, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__department__graph .pie:nth-child(3) { fill: #76c2fa; } /* line 274, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__department__graph .pie:nth-child(4) { fill: #a4d7fc; } /* line 278, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__department__graph .legend { color: #fff; position: absolute; } /* line 282, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__department__graph .legend:nth-of-type(1) { top: 80px; left: 140px; } /* line 287, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__department__graph .legend:nth-of-type(2) { top: 160px; left: 120px; } /* line 292, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__department__graph .legend:nth-of-type(3) { top: 100px; left: 30px; } /* line 297, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ .infographics__department__graph .legend:nth-of-type(4) { top: 30px; left: 30px; } /* line 306, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="comic"] .infographics__sales-trend .axis { font-family: "Russo One"; font-weight: normal; fill: #4c4c4c; } /* line 313, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="comic"] .infographics__sales-trend .axis.x .tick text { -webkit-transform: rotateZ(-30deg) translate(-18px, 2px); transform: rotateZ(-30deg) translate(-18px, 2px); } /* line 318, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="comic"] .infographics__sales-trend .bar { fill: #4c4c4c; } /* line 323, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="comic"] .infographics__sales-trend__pop { -webkit-box-shadow: none; box-shadow: none; background-color: #f4f0e7; border: solid 2px #4c4c4c; } /* line 327, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="comic"] .infographics__sales-trend__pop:after { -webkit-box-shadow: none; box-shadow: none; background-color: #f4f0e7; border-right: solid 2px #4c4c4c; border-bottom: solid 2px #4c4c4c; bottom: -7px; } /* line 336, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="comic"] .infographics__container, body[data-design="comic"] .infographics__float, body[data-design="comic"] .infographics__float--fresh { border-color: #474541; } /* line 339, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="comic"] .infographics__container :before, body[data-design="comic"] .infographics__container :after, body[data-design="comic"] .infographics__float :before, body[data-design="comic"] .infographics__float--fresh :before, body[data-design="comic"] .infographics__float :after, body[data-design="comic"] .infographics__float--fresh :after { border-color: #474541; } /* line 345, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="comic"] .infographics__num { font-size: 70px; font-family: "Source Sans Pro"; color: #4c4c4c; } /* line 349, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="comic"] .infographics__num.is-small { font-size: 28px; } /* line 352, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="comic"] .infographics__num.is-light-color { color: #999999; } /* line 359, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="comic"] .infographics__fresh-career__graph div:first-child { background-color: #4c4c4c; } /* line 362, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="comic"] .infographics__fresh-career__graph div:nth-child(2) { background-color: #999999; } /* line 368, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="comic"] .infographics__department, body[data-design="comic"] .infographics__department--fresh { border-color: #474541; } /* line 372, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="comic"] .infographics__department__graph { font-family: "Source Sans Pro", "ゴシックMB101 B JIS2004", YakuHanJP, YuGothic, sans-serif; font-weight: bold; } /* line 376, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="comic"] .infographics__department__graph .pie:nth-child(1) { fill: #4c4c4c; } /* line 379, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="comic"] .infographics__department__graph .pie:nth-child(2) { fill: #5e5e5e; } /* line 382, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="comic"] .infographics__department__graph .pie:nth-child(3) { fill: url(#comic_graph_pattern_1); } /* line 385, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="comic"] .infographics__department__graph .pie:nth-child(4) { fill: url(#comic_graph_pattern_2); } /* line 389, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="comic"] .infographics__department__graph .legend { color: #4c4c4c; text-shadow: 2px 0px 0px #f4f0e7, -1.74661px -0.97435px 0px #f4f0e7, 1.05064px 1.70181px 0px #f4f0e7, -0.08846px -1.99804px 0px #f4f0e7, -0.89615px 1.78799px 0px #f4f0e7, 1.65367px -1.12488px 0px #f4f0e7, -1.99218px 0.17674px 0px #f4f0e7, 1.82588px 0.81619px 0px #f4f0e7, -1.19692px -1.60231px 0px #f4f0e7, 0.26467px 1.98241px 0px #f4f0e7, 0.73464px -1.86019px 0px #f4f0e7, -1.5478px 1.26662px 0px #f4f0e7, 1.96876px -0.35209px 0px #f4f0e7, -1.89086px -0.65165px 0px #f4f0e7, 1.33383px 1.49027px 0px #f4f0e7, -0.43882px -1.95127px 0px #f4f0e7, -0.56738px 1.91783px 0px #f4f0e7; } /* line 398, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="game"] .infographics__sales-trend .axis { font-family: "Russo One"; font-weight: normal; fill: #4c4c4c; } /* line 405, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="game"] .infographics__sales-trend .axis.x .tick text { -webkit-transform: rotateZ(-30deg) translate(-18px, 2px); transform: rotateZ(-30deg) translate(-18px, 2px); } /* line 410, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="game"] .infographics__sales-trend .bar { fill: #32d92e; } /* line 415, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="game"] .infographics__num { font-size: 60px; font-family: "Russo One"; color: #32d92e; } /* line 419, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="game"] .infographics__num.is-small { font-size: 28px; } /* line 426, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="game"] .infographics__fresh-career__graph div:first-child { background-color: #32d92e; } /* line 429, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="game"] .infographics__fresh-career__graph div:nth-child(2) { background-color: #98ec96; } /* line 437, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="game"] .infographics__department__graph .pie:nth-child(1) { fill: #32d92e; } /* line 440, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="game"] .infographics__department__graph .pie:nth-child(2) { fill: #5be158; } /* line 443, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="game"] .infographics__department__graph .pie:nth-child(3) { fill: #84e882; } /* line 446, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="game"] .infographics__department__graph .pie:nth-child(4) { fill: #adf0ab; } /* line 455, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="kamakura"] .infographics__sales-trend .axis { font-family: "Alegreya"; fill: #4c4c4c; } /* line 461, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="kamakura"] .infographics__sales-trend .axis.x .tick text { -webkit-transform: rotateZ(-30deg) translate(-18px, 2px); transform: rotateZ(-30deg) translate(-18px, 2px); } /* line 466, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="kamakura"] .infographics__sales-trend .bar { fill: url(#kamakura_graph_pattern_2); } /* line 471, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="kamakura"] .infographics__num { font-size: 70px; font-family: "Alegreya"; color: #333333; } /* line 475, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="kamakura"] .infographics__num.is-small { font-size: 28px; } /* line 478, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="kamakura"] .infographics__num.is-light-color { color: #999999; } /* line 484, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="kamakura"] .infographics__fresh-career__graph div { background-color: transparent; background-image: url(/assets/pc/design/kamakura/graph_pattern_1-f0eb3b2ca7d0bdd641f6d3428fdce9af1d96208684095d402028f19221fa4681.png); } /* line 487, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="kamakura"] .infographics__fresh-career__graph div:nth-child(2) { opacity: 0.5; } /* line 494, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="kamakura"] .infographics__department__graph .pie { fill: url(#kamakura_graph_pattern_1); } /* line 496, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="kamakura"] .infographics__department__graph .pie:nth-child(2) path { opacity: 0.55; } /* line 499, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="kamakura"] .infographics__department__graph .pie:nth-child(3) path { opacity: 0.7; } /* line 502, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="kamakura"] .infographics__department__graph .pie:nth-child(4) path { opacity: 0.3; } /* line 511, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="tech"] .infographics__sales-trend .axis { fill: #ccc; } /* line 513, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="tech"] .infographics__sales-trend .axis text { font-family: "Ubuntu"; } /* line 518, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="tech"] .infographics__sales-trend .axis.x .domain { fill: rgba(255, 255, 255, 0.3); } /* line 524, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="tech"] .infographics__sales-trend .axis.y .tick line { stroke: rgba(255, 255, 255, 0.3); } /* line 529, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="tech"] .infographics__sales-trend .bar { fill: #fff; } /* line 534, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="tech"] .infographics__sales-trend__pop { background-color: #1a1a1a; color: #fff; border: solid 1px #fff; } /* line 538, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="tech"] .infographics__sales-trend__pop:after { background-color: #1a1a1a; border-right: solid 1px #fff; border-bottom: solid 1px #fff; bottom: -6px; } /* line 546, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="tech"] .infographics__num { font-size: 55px; font-family: "Ubuntu"; color: #fff; } /* line 550, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="tech"] .infographics__num.is-small { font-size: 28px; } /* line 556, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="tech"] .infographics__fresh-career__graph div { background-color: #fff; } /* line 558, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="tech"] .infographics__fresh-career__graph div:nth-child(2) { opacity: 0.6; } /* line 564, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="tech"] .infographics__lang { color: #fff; } /* line 570, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="tech"] .infographics__department__graph .pie:nth-child(1) { fill: #ccc; } /* line 573, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="tech"] .infographics__department__graph .pie:nth-child(2) { fill: #d1d1d1; } /* line 576, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="tech"] .infographics__department__graph .pie:nth-child(3) { fill: #a3a3a3; } /* line 579, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="tech"] .infographics__department__graph .pie:nth-child(4) { fill: #767676; } /* line 584, /home/circleci/app/app/assets/stylesheets/modules/pc/_infographics.scss */ body[data-design="tech"] .infographics__department__graph .legend:nth-of-type(1), body[data-design="tech"] .infographics__department__graph .legend:nth-of-type(2) { color: #767676; } /* line 2, /home/circleci/app/app/assets/stylesheets/modules/pc/_inner-link.scss */ .inner-link:hover { text-decoration: underline; } /* line 9, /home/circleci/app/app/assets/stylesheets/modules/pc/_inner-link.scss */ body[data-design="comic"] .inner-link { position: relative; } /* line 12, /home/circleci/app/app/assets/stylesheets/modules/pc/_inner-link.scss */ body[data-design="comic"] .inner-link:before { position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #474541; } /* line 17, /home/circleci/app/app/assets/stylesheets/modules/pc/_inner-link.scss */ body[data-design="comic"] .inner-link:hover { text-decoration: none; } /* line 20, /home/circleci/app/app/assets/stylesheets/modules/pc/_inner-link.scss */ body[data-design="comic"] .inner-link:hover:before { content: ""; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_interview-card.scss */ .interview-card { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 24px 32px; text-decoration: none; color: inherit; font-size: 14px; overflow: hidden; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .interview-card:before, .interview-card:after { content: ""; display: block; clear: both; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/pc/_interview-card.scss */ .interview-card__thumbnail { float: right; width: 270px; height: 160px; margin-left: 16px; background-color: #eeeeee; background-repeat: no-repeat; background-size: cover; background-position: center; } /* line 25, /home/circleci/app/app/assets/stylesheets/modules/pc/_interview-card.scss */ .interview-card__series { margin-bottom: 8px; font-style: italic; } /* line 28, /home/circleci/app/app/assets/stylesheets/modules/pc/_interview-card.scss */ .interview-card__series strong { font-weight: bold; font-style: normal; } /* line 34, /home/circleci/app/app/assets/stylesheets/modules/pc/_interview-card.scss */ .interview-card__date { position: absolute; font-size: 15px; font-style: italic; bottom: 24px; left: 32px; } /* line 42, /home/circleci/app/app/assets/stylesheets/modules/pc/_interview-card.scss */ .interview-card__desc { margin-top: 8px; margin-bottom: 32px; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_interview-card.scss */ .interview-card__title { font-size: 18px; font-weight: bold; } /* line 103, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="simple"] .interview-card:hover { background-image: url(/assets/pc/design/simple/ptn_simple_1-a374f304f705ef246360c4618256435e6d7649bc37d08f249349e4ce267e3b85.png); background-size: 5px 5px; } /* line 107, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="simple"] .interview-card:hover:before { content: ""; display: block; position: absolute; top: 6px; left: 6px; bottom: 6px; right: 6px; background-color: #fff; } /* line 56, /home/circleci/app/app/assets/stylesheets/modules/pc/_interview-card.scss */ body[data-design="simple"] .interview-card:hover .interview-card__thumbnail, body[data-design="simple"] .interview-card:hover .interview-card__desc, body[data-design="simple"] .interview-card:hover .interview-card__series, body[data-design="simple"] .interview-card:hover .interview-card__title { color: #1b9af7; position: relative; } /* line 66, /home/circleci/app/app/assets/stylesheets/modules/pc/_interview-card.scss */ body[data-design="simple"] .interview-card__date { font-family: "Ubuntu"; } /* line 72, /home/circleci/app/app/assets/stylesheets/modules/pc/_interview-card.scss */ body[data-design="tech"] .interview-card { position: relative; } /* line 75, /home/circleci/app/app/assets/stylesheets/modules/pc/_interview-card.scss */ body[data-design="tech"] .interview-card:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; -o-border-image: url(/assets/pc/design/tech/border_news-eb31517f40974de2f39924ad09fd6def83d6c9dd4924bf334a527d2f0d16f8f6.png) 80 280 80 280 repeat; border-image: url(/assets/pc/design/tech/border_news-eb31517f40974de2f39924ad09fd6def83d6c9dd4924bf334a527d2f0d16f8f6.png) 80 280 80 280 fill repeat; border-image-width: 80px 280px 80px 280px; z-index: -1; content: ""; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .interview-card:before { -o-border-image: none; border-image: none; } /* line 81, /home/circleci/app/app/assets/stylesheets/modules/pc/_interview-card.scss */ body[data-design="tech"] .interview-card .tech-border { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; -o-border-image: url(/assets/pc/design/tech/border_news_hover-bafcba33dd6c972326230d61cf5a2d391f2cc20691e7a1a7bfceca41b5e26997.png) 80 280 80 280 repeat; border-image: url(/assets/pc/design/tech/border_news_hover-bafcba33dd6c972326230d61cf5a2d391f2cc20691e7a1a7bfceca41b5e26997.png) 80 280 80 280 fill repeat; border-image-width: 80px 280px 80px 280px; z-index: -1; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .interview-card .tech-border { -o-border-image: none; border-image: none; } /* line 89, /home/circleci/app/app/assets/stylesheets/modules/pc/_interview-card.scss */ body[data-design="comic"] .interview-card:hover { background-image: url(/assets/pc/design/comic/ptn_comic_1-c94f8f625adf581b69b82cb83368c49870767c249b391461c134488f2379cedb.png); background-size: 8px 8px; text-shadow: 4px 0px 0px #f4f0e7, -3.49322px -1.9487px 0px #f4f0e7, 2.10128px 3.40362px 0px #f4f0e7, -0.17692px -3.99608px 0px #f4f0e7, -1.7923px 3.57598px 0px #f4f0e7, 3.30734px -2.24976px 0px #f4f0e7, -3.98436px 0.35348px 0px #f4f0e7, 3.65176px 1.63238px 0px #f4f0e7, -2.39384px -3.20462px 0px #f4f0e7, 0.52934px 3.96482px 0px #f4f0e7, 1.46928px -3.72038px 0px #f4f0e7, -3.0956px 2.53324px 0px #f4f0e7, 3.93752px -0.70418px 0px #f4f0e7, -3.78172px -1.3033px 0px #f4f0e7, 2.66766px 2.98054px 0px #f4f0e7, -0.87764px -3.90254px 0px #f4f0e7, -1.13476px 3.83566px 0px #f4f0e7; } /* line 97, /home/circleci/app/app/assets/stylesheets/modules/pc/_interview-card.scss */ body[data-design="game"] .interview-card { font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } /* line 103, /home/circleci/app/app/assets/stylesheets/modules/pc/_interview-card.scss */ body[data-design="kamakura"] .interview-card { background: none; background-image: url(/assets/pc/design/kamakura/top_news_bg-f939e8277b54927e182e43fd2debb379da3d9900a97e302592abcd6943b664d7.svg); background-repeat: no-repeat; background-size: 100% 100%; } /* line 125, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="kamakura"] .interview-card:hover { background-image: url(/assets/pc/design/kamakura/top_news_bg_hover-18cec6395d47cb93a8798a857c6d07dfa953a6c7b9ccfd84a383782472f2daac.svg); } /* line 128, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="kamakura"] .interview-card:hover:before { content: ""; display: block; position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px; background-image: url(/assets/pc/design/kamakura/top_news_bg-f939e8277b54927e182e43fd2debb379da3d9900a97e302592abcd6943b664d7.svg); background-repeat: no-repeat; background-size: 100% 100%; } /* line 106, /home/circleci/app/app/assets/stylesheets/modules/pc/_interview-card.scss */ body[data-design="kamakura"] .interview-card:hover .interview-card__thumbnail, body[data-design="kamakura"] .interview-card:hover .interview-card__desc, body[data-design="kamakura"] .interview-card:hover .interview-card__series, body[data-design="kamakura"] .interview-card:hover .interview-card__title { color: #ed5300; position: relative; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-filter.scss */ .ir-filter, .ir-filter--right { position: relative; margin: 16px; margin-bottom: 0px; text-align: right; font-size: 0px; } /* line 8, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-filter.scss */ .ir-filter ul, .ir-filter--right ul { display: inline-block; padding: 0px 10px; border: solid 1px #eeeeee; font-size: 14px; line-height: 42px; font-weight: bold; } /* line 16, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-filter.scss */ .ir-filter li, .ir-filter--right li { display: none; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-filter.scss */ .ir-filter li.is-active, .ir-filter--right li.is-active { display: block; } /* line 22, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-filter.scss */ .ir-filter select, .ir-filter--right select { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; opacity: 0; top: 0px; left: 0px; width: 100%; height: 100%; } /* line 31, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-filter.scss */ .ir-filter a, .ir-filter--right a { text-decoration: none; color: inherit; } /* line 36, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-filter.scss */ .ir-filter--right { float: right; margin: 0px; } /* line 42, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-filter.scss */ .ir-filter__unit { display: inline-block; position: relative; margin-left: 8px; } /* line 49, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-filter.scss */ body[data-design="simple"] .ir-filter, body[data-design="simple"] .ir-filter--right { color: #1b9af7; } /* line 55, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-filter.scss */ body[data-design="comic"] .ir-filter, body[data-design="comic"] .ir-filter--right { color: #1b9af7; } /* line 58, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-filter.scss */ body[data-design="comic"] .ir-filter ul, body[data-design="comic"] .ir-filter--right ul { border-color: #474541; } /* line 65, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-filter.scss */ body[data-design="game"] .ir-filter, body[data-design="game"] .ir-filter--right { color: #49e845; } /* line 71, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-filter.scss */ body[data-design="kamakura"] .ir-filter, body[data-design="kamakura"] .ir-filter--right { color: #ed5300; } /* line 77, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-filter.scss */ body[data-design="tech"] .ir-filter, body[data-design="tech"] .ir-filter--right { color: #26dcfd; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph.scss */ .ir-graph { overflow: hidden; } /* line 5, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph.scss */ .ir-graph__item { float: left; vertical-align: top; width: 50%; margin-top: 16px; } /* line 11, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph.scss */ .ir-graph__item:nth-child(even) { padding-left: 8px; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph.scss */ .ir-graph__item:nth-child(odd) { padding-right: 8px; clear: left; } /* line 19, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph.scss */ .ir-graph__item .xj_chart_table_caption_title { display: none; } /* line 23, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph.scss */ .ir-graph__item .xj_chart_table_caption_unit { display: block; text-align: right; margin: auto; width: 90%; font-size: 14px; } /* line 31, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph.scss */ .ir-graph__item .xj_chart_table { margin: auto; width: 90%; border-collapse: separate; border-spacing: 2px; font-size: 12px; } /* line 39, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph.scss */ .ir-graph__item .xj_chart_header { background-color: #45c69d; color: #fff; font-weight: bold; } /* line 44, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph.scss */ .ir-graph__item .xj_chart_q, .ir-graph__item .xj_chart_q_last { background-color: #a3a3a3; color: #fff; font-weight: bold; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph.scss */ .ir-graph__item .xj_chart_td_last { background-color: #a3e100; } /* line 54, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph.scss */ .ir-graph__item .xj_chart_value, .ir-graph__item .xj_chart_value_last { background-color: #f0f0f0; } /* line 59, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph.scss */ .ir-graph__item .xj_chart_header_first { background-color: #d2d2d2; } /* line 63, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph.scss */ .ir-graph__item .xj_chart_value, .ir-graph__item .xj_chart_value_last, .ir-graph__item .xj_chart_q, .ir-graph__item .xj_chart_q_last, .ir-graph__item .xj_chart_header, .ir-graph__item .xj_chart_no_value { text-align: center; } /* line 73, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph.scss */ .ir-graph__title { font-weight: bold; font-size: 18px; margin-bottom: 0.5em; } /* line 79, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph.scss */ .ir-graph__box { border: solid 1px #ccc; background-color: #fff; padding-top: 48px; } /* line 85, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph.scss */ .ir-graph__image { display: block; margin: auto; margin-bottom: 10px; } /* line 2, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph__footprints.scss */ .ir-graph__footprints .xj_chart_table { margin: auto; width: 100%; border-collapse: separate; border-spacing: 2px; font-size: 12px; } /* line 9, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph__footprints.scss */ .ir-graph__footprints .xj_chart_header { background-color: #2f5597; color: #fff; font-weight: bold; text-align: center; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph__footprints.scss */ .ir-graph__footprints .xj_chart_header :first-child { background: #a3a3a3; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph__footprints.scss */ .ir-graph__footprints .xj_chart_value { background-color: #f0f0f0; text-align: center; } /* line 22, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph__footprints.scss */ .ir-graph__footprints .xj_chart_no_value { text-align: center; } /* line 25, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph__footprints.scss */ .ir-graph__footprints .xj_chart_header_first { background-color: #d2d2d2; width: 120px; } /* line 29, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph__footprints.scss */ .ir-graph__footprints .xj_table_scroll { overflow-x: scroll; width: 100%; } /* line 33, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph__footprints.scss */ .ir-graph__footprints .xj_chart_table { width: 980px; max-width: 980px; } /* line 36, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph__footprints.scss */ .ir-graph__footprints .xj_chart_table td:first-child { position: -webkit-sticky; position: sticky; left: 2px; } /* line 39, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph__footprints.scss */ .ir-graph__footprints .xj_chart_table td:first-child::after { content: ""; position: absolute; top: 0; right: -2px; width: 100%; height: 100%; border-right: 2px solid #fff; border-left: 2px solid #fff; } /* line 51, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-graph__footprints.scss */ .ir-graph__footprints .xj_chart_table_note { position: -webkit-sticky; position: sticky; left: 0; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-news.scss */ .ir-news { margin-top: 23px; margin-bottom: 40px; } /* line 4, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-news.scss */ .ir-news:last-child { margin-bottom: 0px; } /* line 9, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-news.scss */ .ir-news__item { border-top: solid 2px #eeeeee; } /* line 11, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-news.scss */ .ir-news__item:last-child { border-bottom: solid 2px #eeeeee; } /* line 16, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-news.scss */ .ir-news__cell { display: block; padding: 8px 0px; } /* line 22, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-news.scss */ .ir-news__cell__date { display: inline-block; margin-right: 1em; font-size: 14px; font-style: italic; } /* line 29, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-news.scss */ .ir-news__cell__label { display: inline-block; font-size: 14px; } /* line 34, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-news.scss */ .ir-news__cell__title { font-size: 18px; } /* line 37, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-news.scss */ .ir-news__cell__title:after { content: ""; display: inline-block; width: 18px; height: 18px; background-image: url(/assets/pc/common/ico_pdf-8803d50453093dbf20fe1fc16af573925cfaf5058103a6b18a4c18b95de7ad2e.png); background-repeat: no-repeat; background-position: center; background-size: contain; vertical-align: middle; } /* line 51, /home/circleci/app/app/assets/stylesheets/modules/pc/_ir-news.scss */ body[data-design="comic"] .ir-news__item { border: none; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-boat-hover.scss */ .kamakura-boat-hover { position: absolute; bottom: 90px; width: 100%; } /* line 7, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-boat-hover.scss */ .kamakura-boat-hover__hint, .kamakura-boat-hover__hint--drone, .kamakura-boat-hover__hint--tweet, .kamakura-boat-hover__hint--like { border-style: solid none; border-width: 4px; border-color: #000; color: #000; position: absolute; left: 50%; width: 1em; padding: 7px; background-color: #fff; font-size: 14px; text-align: center; line-height: 1; font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; word-break: break-all; z-index: 2; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } /* line 170, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .kamakura-boat-hover__hint:before, .kamakura-boat-hover__hint--drone:before, .kamakura-boat-hover__hint--tweet:before, .kamakura-boat-hover__hint--like:before, .kamakura-boat-hover__hint:after, .kamakura-boat-hover__hint--drone:after, .kamakura-boat-hover__hint--tweet:after, .kamakura-boat-hover__hint--like:after { content: ""; display: block; height: 100%; width: 2px; position: absolute; top: -6px; background-color: #000; padding: 6px 0px; } /* line 181, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .kamakura-boat-hover__hint:before, .kamakura-boat-hover__hint--drone:before, .kamakura-boat-hover__hint--tweet:before, .kamakura-boat-hover__hint--like:before { left: 0px; } /* line 184, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .kamakura-boat-hover__hint:after, .kamakura-boat-hover__hint--drone:after, .kamakura-boat-hover__hint--tweet:after, .kamakura-boat-hover__hint--like:after { right: 0px; } /* line 21, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-boat-hover.scss */ .kamakura-boat-hover__hint .is-rotate, .kamakura-boat-hover__hint--drone .is-rotate, .kamakura-boat-hover__hint--tweet .is-rotate, .kamakura-boat-hover__hint--like .is-rotate { display: block; -webkit-transform: rotate(90deg) scaleY(-1) translateY(2px); transform: rotate(90deg) scaleY(-1) translateY(2px); } /* line 29, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-boat-hover.scss */ .kamakura-boat-hover__hint.is-show, .is-show.kamakura-boat-hover__hint--drone, .is-show.kamakura-boat-hover__hint--tweet, .is-show.kamakura-boat-hover__hint--like { opacity: 1; } /* line 33, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-boat-hover.scss */ .kamakura-boat-hover__hint--drone { bottom: 210px; left: auto; right: 5%; margin-right: -20px; } /* line 40, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-boat-hover.scss */ .kamakura-boat-hover__hint--tweet { bottom: 435px; margin-left: 515px; } /* line 45, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-boat-hover.scss */ .kamakura-boat-hover__hint--like { bottom: 180px; margin-left: -550px; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-boat.scss */ .kamakura-boat { display: none; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-boat.scss */ body[data-design="kamakura"] .kamakura-boat { display: block; position: absolute; bottom: 90px; left: 0px; width: 100%; height: 456px; background-image: url(/assets/pc/design/kamakura/bg_sea-a698d337ccda1a24e2f006fede8611c65b4f474e565016bcc538ad3b624e324c.png); background-repeat: repeat-x; background-position: center bottom; mix-blend-mode: multiply; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-boat.scss */ .is-legacy-ie body[data-design="kamakura"] .kamakura-boat { z-index: 2; } /* line 23, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-boat.scss */ body[data-design="kamakura"] .kamakura-boat__boat { position: absolute; bottom: 20px; left: 50%; width: 1234px; height: 413px; margin-left: -685px; background-image: url(/assets/pc/design/kamakura/img_boat-ef8b35cd94e1c8b9206795e20276d3749d7d86b204f274207be705282b19ab28.png); } /* line 35, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-boat.scss */ body[data-design="kamakura"] .kamakura-boat__drone { position: absolute; display: block; bottom: 141px; right: 5%; -webkit-transform: translateY(0px); transform: translateY(0px); } /* line 42, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-boat.scss */ body[data-design="kamakura"] .kamakura-boat__drone:before { content: ""; display: block; width: 178px; height: 87px; background-image: url(/assets/pc/design/kamakura/img_boat_drone-0eabb327da1145fd8e11fee386d04265edec77b8e456421e63957c317286dd2c.png); background-repeat: no-repeat; background-position: 0% 0%; -webkit-animation: drone-winding 0.2s infinite step-end; animation: drone-winding 0.2s infinite step-end; } /* line 53, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-boat.scss */ body[data-design="kamakura"] .kamakura-boat__drone.is-floating { -webkit-animation: drone-floating 4s infinite ease-in-out; animation: drone-floating 4s infinite ease-in-out; } /* line 57, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-boat.scss */ body[data-design="kamakura"] .kamakura-boat__drone.is-fly { position: fixed; -webkit-transition: -webkit-transform 1.5s; transition: -webkit-transform 1.5s; transition: transform 1.5s; transition: transform 1.5s, -webkit-transform 1.5s; } /* line 63, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-boat.scss */ body[data-design="kamakura"] .kamakura-boat__tweet { position: absolute; display: block; bottom: 410px; left: 50%; margin-left: 468px; width: 58px; height: 44px; background-image: url(/assets/pc/design/kamakura/img_boat_tweet-f2265a1a8eda32322661888d6c3850bbde30ec011844729b7fd48f35f3af5584.png); } /* line 74, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-boat.scss */ body[data-design="kamakura"] .kamakura-boat__like { position: absolute; display: block; bottom: 102px; left: 50%; margin-left: -599px; width: 152px; height: 89px; background-image: url(/assets/pc/design/kamakura/img_boat_like-e218e3e3ce09db25ac5b5f65a3837ff2b8f0986b33e6a0848237f2ac2b0bf311.png); } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-effect.scss */ .kamakura-effect { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; overflow: hidden; } /* line 11, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-effect.scss */ .kamakura-effect__inner { position: relative; width: 100%; margin: auto; } /* line 17, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-effect.scss */ .kamakura-effect__cloud, .kamakura-effect__cloud--a, .kamakura-effect__cloud--b, .kamakura-effect__cloud--c, .kamakura-effect__cloud--d, .kamakura-effect__cloud--e { position: absolute; pointer-events: none; opacity: 0; } /* line 21, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-effect.scss */ .kamakura-effect__cloud.is-left, .is-left.kamakura-effect__cloud--a, .is-left.kamakura-effect__cloud--b, .is-left.kamakura-effect__cloud--c, .is-left.kamakura-effect__cloud--d, .is-left.kamakura-effect__cloud--e { -webkit-animation: right-cloud 20s infinite ease-out; animation: right-cloud 20s infinite ease-out; } /* line 24, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-effect.scss */ .kamakura-effect__cloud.is-right, .is-right.kamakura-effect__cloud--a, .is-right.kamakura-effect__cloud--b, .is-right.kamakura-effect__cloud--c, .is-right.kamakura-effect__cloud--d, .is-right.kamakura-effect__cloud--e { -webkit-animation: left-cloud 20s infinite ease-out; animation: left-cloud 20s infinite ease-out; } /* line 28, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-effect.scss */ .kamakura-effect__cloud--a { background-image: url(/assets/pc/design/kamakura/cloud_a-2d7e8456749c982a0a1f2e6f4733341bdf1654ec27b75346886ab5a71fbda9b0.png); width: 430px; height: 176px; margin-left: -215px; } /* line 37, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-effect.scss */ .kamakura-effect__cloud--b { background-image: url(/assets/pc/design/kamakura/cloud_b-c08a358fe0a7e95aa5b64a10bf590eaadea7265bccdeb12c36a35f5d25f9b091.png); width: 510px; height: 171px; margin-left: -255px; } /* line 46, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-effect.scss */ .kamakura-effect__cloud--c { background-image: url(/assets/pc/design/kamakura/cloud_c-2b017842661ff662d64824a65d13ed41e109f0c96be610df54cbced2d9a46757.png); width: 778px; height: 182px; margin-left: -389px; } /* line 55, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-effect.scss */ .kamakura-effect__cloud--d { background-image: url(/assets/pc/design/kamakura/cloud_d-22b9245931891395eecd9c0fb86e4e16f9006901b6b85e0c4db0b50f8f12b860.png); width: 357px; height: 112px; margin-left: -178.5px; } /* line 64, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-effect.scss */ .kamakura-effect__cloud--e { background-image: url(/assets/pc/design/kamakura/cloud_e-59b4683b8919efaa60d4863bab6bc5baa9e4338d1e370325943254522c78d9eb.png); width: 523px; height: 190px; margin-left: -261.5px; } /* line 74, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-effect.scss */ .kamakura-effect__matsu, .kamakura-effect__matsu--a, .kamakura-effect__matsu--b, .kamakura-effect__matsu--c, .kamakura-effect__matsu--d { position: absolute; -webkit-animation: fade-in 0.5s; animation: fade-in 0.5s; } /* line 78, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-effect.scss */ .kamakura-effect__matsu--a { background-image: url(/assets/pc/design/kamakura/matsu_a-11b6a26fbcfc5d01e4b35a3a4ebbd5472658b2e30c712cdf930a7fc89f045c28.png); width: 348px; height: 342px; left: 100%; margin-left: -20px; margin-top: -300px; } /* line 88, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-effect.scss */ .kamakura-effect__matsu--a.is-left { left: auto; right: 100%; -webkit-transform: scaleX(-1); transform: scaleX(-1); margin-right: -15px; margin-top: -302px; } /* line 96, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-effect.scss */ .kamakura-effect__matsu--b { background-image: url(/assets/pc/design/kamakura/matsu_b-65fe0b5cc55f2f7dee502ea2b71e27fc6c6f5bd276586a107d521855d73d232a.png); left: 100%; width: 389px; height: 252px; margin-left: -5px; margin-top: -224px; } /* line 106, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-effect.scss */ .kamakura-effect__matsu--b.is-left { left: auto; right: 100%; -webkit-transform: scaleX(-1); transform: scaleX(-1); margin-right: -5px; margin-top: -226px; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-effect.scss */ .kamakura-effect__matsu--c { background-image: url(/assets/pc/design/kamakura/matsu_c-74545f2c1397cccd9e4d71ea24c23b881989cc16863fd428db13cf87b22f9180.png); right: 100%; width: 522px; height: 302px; margin-right: -18px; margin-top: -39px; } /* line 124, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-effect.scss */ .kamakura-effect__matsu--c.is-right { right: auto; left: 100%; -webkit-transform: scaleX(-1); transform: scaleX(-1); margin-left: -13px; margin-top: -40px; } /* line 132, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-effect.scss */ .kamakura-effect__matsu--d { background-image: url(/assets/pc/design/kamakura/matsu_d-bc44557f7bd7b7cedf796bbc9fdba80f3a6b41b9d906221f10944bbf64aa5740.png); left: 100%; width: 273px; height: 151px; margin-left: -5px; margin-top: -127px; } /* line 142, /home/circleci/app/app/assets/stylesheets/modules/pc/_kamakura-effect.scss */ .kamakura-effect__matsu--d.is-left { left: auto; right: 100%; -webkit-transform: scaleX(-1); transform: scaleX(-1); margin-right: -5px; margin-top: -127px; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ .member-grid { padding-right: 56px; font-size: 0px; min-height: 270px; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .member-grid:before, .member-grid:after { content: ""; display: block; clear: both; } /* line 292, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .member-grid > * { position: relative; display: inline-block; margin-bottom: 8px; vertical-align: top; width: 12.5%; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .member-grid > *:nth-child(8n + 1) { left: 0px; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .member-grid > *:nth-child(8n + 2) { left: 8px; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .member-grid > *:nth-child(8n + 3) { left: 16px; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .member-grid > *:nth-child(8n + 4) { left: 24px; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .member-grid > *:nth-child(8n + 5) { left: 32px; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .member-grid > *:nth-child(8n + 6) { left: 40px; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .member-grid > *:nth-child(8n + 7) { left: 48px; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .member-grid > *:nth-child(8n + 8) { left: 56px; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ .member-grid__cell { display: block; background-color: #fff; font-size: 11px; color: inherit; text-decoration: none; overflow: hidden; } /* line 15, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ .member-grid__cell:hover .member-grid__cell__footer { color: inherit; } /* line 21, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ .member-grid__cell__cover { position: relative; padding-bottom: 100%; } /* line 26, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ .member-grid__cell__cover__image, .member-grid__cell__cover__image--manga, .member-grid__cell__cover__image--photo { display: block; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } /* line 39, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ .member-grid__cell__cover__image--manga, .member-grid__cell__cover__image--photo { display: none; } /* line 45, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ .member-grid__cell__cover__filter, .member-grid__cell__cover__filter--comic, .member-grid__cell__cover__filter--kamakura { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } /* line 57, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ .member-grid__cell__cover__filter--comic, .member-grid__cell__cover__filter--kamakura { display: none; } /* line 63, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ .member-grid__cell__title { font-size: 16px; font-weight: bold; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 8px; } /* line 73, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ .member-grid__cell__footer { margin: 8px; margin-top: 0px; color: #999999; line-height: 1.16667; height: 2.33333em; overflow: hidden; } /* line 85, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ body[data-design="simple"] .member-grid__cell:hover { color: #1b9af7; } /* line 89, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ body[data-design="simple"] .member-grid__cell:hover .member-grid__cell__cover:after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); } /* line 103, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ body[data-design="simple"] .member-grid__cell__cover__image--manga { display: block; } /* line 109, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ body[data-design="comic"] .member-grid__cell { background-color: #f4f0e7; } /* line 112, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ body[data-design="comic"] .member-grid__cell:hover { background-image: url(/assets/pc/design/comic/ptn_comic_1-c94f8f625adf581b69b82cb83368c49870767c249b391461c134488f2379cedb.png); background-size: 8px 8px; text-shadow: 4px 0px 0px #f4f0e7, -3.49322px -1.9487px 0px #f4f0e7, 2.10128px 3.40362px 0px #f4f0e7, -0.17692px -3.99608px 0px #f4f0e7, -1.7923px 3.57598px 0px #f4f0e7, 3.30734px -2.24976px 0px #f4f0e7, -3.98436px 0.35348px 0px #f4f0e7, 3.65176px 1.63238px 0px #f4f0e7, -2.39384px -3.20462px 0px #f4f0e7, 0.52934px 3.96482px 0px #f4f0e7, 1.46928px -3.72038px 0px #f4f0e7, -3.0956px 2.53324px 0px #f4f0e7, 3.93752px -0.70418px 0px #f4f0e7, -3.78172px -1.3033px 0px #f4f0e7, 2.66766px 2.98054px 0px #f4f0e7, -0.87764px -3.90254px 0px #f4f0e7, -1.13476px 3.83566px 0px #f4f0e7; } /* line 119, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ body[data-design="comic"] .member-grid__cell__cover__filter--comic, body[data-design="comic"] .member-grid__cell__cover__image--manga { display: block; } /* line 126, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ body[data-design="game"] .member-grid__cell { border-radius: 10px; } /* line 132, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ body[data-design="game"] .member-grid__cell:hover:after { border: none; } /* line 137, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ body[data-design="game"] .member-grid__cell:hover .member-grid__cell__cover:after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); } /* line 151, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ body[data-design="game"] .member-grid__cell__cover__image--manga { display: block; } /* line 158, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ body[data-design="kamakura"] .member-grid__cell:hover { color: #ed5300; } /* line 162, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ body[data-design="kamakura"] .member-grid__cell:hover .member-grid__cell__cover:after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); } /* line 176, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ body[data-design="kamakura"] .member-grid__cell__cover__filter--kamakura, body[data-design="kamakura"] .member-grid__cell__cover__image--photo { display: block; } /* line 183, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ body[data-design="tech"] .member-grid__cell { color: #9c9c9c; background-color: #1a1a1a; } /* line 187, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ body[data-design="tech"] .member-grid__cell:hover { -webkit-animation: tech-text-flash 0.2s linear both; animation: tech-text-flash 0.2s linear both; } /* line 192, /home/circleci/app/app/assets/stylesheets/modules/pc/_member-grid.scss */ body[data-design="tech"] .member-grid__cell__cover__image--photo { display: block; } /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* line 3, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu { position: fixed; top: 0px; left: 0px; width: 100%; min-width: 1120px; background-color: #fff; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3); font-family: serif; z-index: 3; } /* line 15, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__inner { max-width: 1360px; height: 90px; margin: auto; position: relative; } /* line 22, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__logo { position: absolute; left: 40px; top: 50%; margin-top: -16px; height: 32px; } /* line 30, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__logo span { display: none; } /* line 35, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__logo__typo, .menu__logo__typo--en { display: inline-block; width: 102px; height: 32px; margin-left: 55px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(/assets/pc/common/logo_typo-9d4510325ce4c1f43bce07cac808899fa9f6c61c4ae195d75d41973507f1b4f8.svg); } /* line 45, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__logo__typo--en { background-image: url(/assets/pc/common/logo_typo_en-5c3a6057da34101660ef33c223c08a4397d3e97a063e3e6edc3feb294fe92a6c.svg); } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__logo__mark { position: absolute; display: block; background-repeat: no-repeat; } /* line 56, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__nav { position: absolute; top: 50%; right: 40px; margin-top: -10px; height: 20px; font-size: 0px; } /* line 66, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__nav__group { display: inline-block; vertical-align: top; } /* line 71, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__nav__item { position: relative; display: inline-block; vertical-align: top; margin-left: 32px; font-size: 18px; } /* line 80, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__nav__item[data-category="ir"] .menu__sub--2c { left: auto; right: -110px; } /* line 86, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__nav__item[data-category="search"] { margin-left: 20px; } /* line 92, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__nav__item[data-category="contact"]:hover:before, .menu__nav__item[data-category="search"]:hover:before { display: none; } /* line 99, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__nav__item:hover .menu__nav__btn, .menu__nav__item:hover .menu__nav__btn--contact, .menu__nav__item:hover .menu__nav__btn--search, .menu__nav__item.is-active .menu__nav__btn, .menu__nav__item.is-active .menu__nav__btn--contact, .menu__nav__item.is-active .menu__nav__btn--search { color: #33aeff; } /* line 101, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__nav__item:hover .menu__nav__btn svg, .menu__nav__item:hover .menu__nav__btn--contact svg, .menu__nav__item:hover .menu__nav__btn--search svg, .menu__nav__item.is-active .menu__nav__btn svg, .menu__nav__item.is-active .menu__nav__btn--contact svg, .menu__nav__item.is-active .menu__nav__btn--search svg { fill: #33aeff; } /* line 108, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__nav__item:hover .menu__sub, .menu__nav__item:hover .menu__sub--2c, .menu__nav__item:hover .menu__sub--3c, .menu__nav__item:hover .menu__sub--4c, .menu__nav__item:hover .menu__nav__item__hint { display: block; } /* line 113, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__nav__item:hover:before { content: ""; display: block; position: absolute; top: 0px; left: 50%; height: 1em; width: 150px; margin-left: -75px; } /* line 127, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__nav__item.is-search-hidden .menu__search { display: none; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__nav__item.is-search-hidden .menu__nav__btn--search svg { opacity: 1; } /* line 135, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__nav__item.is-search-hidden .menu__nav__item__close { display: none; } /* line 141, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__nav__item__popup { display: none; } /* line 145, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__nav__item__close { position: absolute; top: 0px; left: 0px; cursor: pointer; width: 20px; height: 20px; } /* line 153, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__nav__item__close:hover svg * { fill: #33aeff; } /* line 159, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__nav__item__hint { display: none; position: absolute; top: 2em; right: -5em; width: auto; padding: 1em; font-size: 16px; font-weight: bold; line-height: 1; white-space: nowrap; } /* line 173, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__nav__btn, .menu__nav__btn--contact, .menu__nav__btn--search { display: block; position: relative; height: 20px; line-height: 20px; text-decoration: none; color: inherit; } /* line 181, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__nav__btn span, .menu__nav__btn--contact span, .menu__nav__btn--search span { display: none; } /* line 188, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__nav__btn--contact svg { height: 20px; width: 30px; margin-top: -1px; } /* line 196, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__nav__btn--search svg { opacity: 0; height: 20px; width: 23px; margin-top: -1px; } /* line 204, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub, .menu__sub--2c, .menu__sub--3c, .menu__sub--4c { position: absolute; top: 1em; left: 50%; width: 245px; margin-left: -122.5px; padding-top: 1em; display: none; } /* line 214, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub--2c { width: 580px; margin-left: -290px; } /* line 219, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub--2c .menu__sub__group { width: 50%; } /* line 223, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub--3c { width: 880px; margin-left: -293.33333px; } /* line 228, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub--3c .menu__sub__group { width: 33.3%; } /* line 232, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub--4c { width: 1210px; position: fixed; top: 3em; left: 0; right: 0; margin: auto; } /* line 241, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub--4c .menu__sub__group { width: 25%; } /* line 246, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; } /* line 252, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub__group { position: relative; width: 100%; } /* line 255, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub__group:after { content: ""; display: block; position: absolute; top: 5%; right: 0px; width: 0px; height: 90%; border-right: solid 1px #eeeeee; } /* line 267, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub__group:last-child:after { display: none; } /* line 273, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub__item { height: 50px; } /* line 275, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub__item:before { content: ""; display: block; width: auto; height: 0px; margin: 0px 18px; margin-top: -1px; border-bottom: dotted 1px #000; opacity: 0.2; } /* line 286, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub__item:first-child:before { display: none; } /* line 292, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub__btn, .menu__sub__btn--disabled { display: block; height: 100%; padding: 0px 18px; color: inherit; text-decoration: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /* line 303, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub__btn:hover, .menu__sub__btn.is-active { background-color: #f7f7f7; } /* line 308, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub__btn--disabled { opacity: 0.7; } /* line 313, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub__btn__inner[data-indent] { position: relative; padding-left: 2em; } /* line 316, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub__btn__inner[data-indent]:before { content: "-"; display: block; width: 5px; height: 2px; margin: auto; position: absolute; left: 1em; top: 0; bottom: 0; line-height: 0; } /* line 328, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub__btn__inner[data-indent] .menu__sub__title--l1 { font-size: 14px; } /* line 333, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub__btn__footer { font-size: 11px; line-height: 1.5; margin-top: 0.3em; } /* line 339, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub__title, .menu__sub__title--l1 { display: block; padding-top: 10px; font-family: YakuHanJP, YuGothic, sans-serif; font-size: 16px; font-weight: bold; line-height: 1.2; } /* line 349, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub__title small, .menu__sub__title--l1 small { font-size: 80%; } /* line 353, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub__title--l1 { padding-top: 20px; padding-top: 0; } /* line 359, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub__date { display: inline-block; font-family: "Ubuntu"; font-style: italic; color: rgba(76, 76, 76, 0.7); } /* line 366, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__sub__badge { display: inline-block; padding: 0em 0.5em; margin-left: 0.5em; background-color: #1b9af7; color: #fff; border-radius: 3px; line-height: 1.4; font-family: "Ubuntu"; font-weight: bold; } /* line 378, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__search { position: absolute; top: 2em; right: -0.5em; width: auto; padding-right: 68px; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); background-color: #fff; border-radius: 4px; } /* line 389, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__search__keyword { display: block; width: 12em; height: 44px; margin: 0px; padding: 0em 1em; border: none; outline: none; font-size: 16px; background: none; } /* line 403, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__search__icon--kamakura { display: none; } /* line 408, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__search__submit { position: absolute; display: block; top: 0px; right: 0px; min-width: 0px; margin: 4px; } /* line 417, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__search__submit button { width: 64px; height: 36px; } /* line 420, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__search__submit button:after { display: none; } /* line 425, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .menu__search__submit svg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 20px; margin: auto; height: auto; fill: #fff; } /* line 438, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="simple"] .menu__logo { margin-top: -16px; height: 32px; } /* line 442, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="simple"] .menu__logo:hover .menu__logo__mark { -webkit-animation: logo-oar-sprite-step 1s steps(8) infinite; animation: logo-oar-sprite-step 1s steps(8) infinite; } /* line 446, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="simple"] .menu__logo.is-long-logo { margin-top: -16px; height: 32px; } /* line 453, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="simple"] .menu__logo.is-long-logo:hover .menu__logo__mark { -webkit-animation: long-logo-oar-sprite-step 1s steps(8) infinite; animation: long-logo-oar-sprite-step 1s steps(8) infinite; } /* line 457, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="simple"] .menu__logo.is-long-logo .menu__logo__mark { background-image: url(/assets/pc/design/simple/logo_hover_long-4b9041b99fdceb436363f0f14a4c5f4fb38dd9b7cc8f835c949980ea98135bd5.png); background-size: 95px 256px; width: 95px; height: 32px; } /* line 463, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="simple"] .menu__logo.is-long-logo .menu__logo__typo, body[data-design="simple"] .menu__logo.is-long-logo .menu__logo__typo--en { margin-left: 105px; } /* line 469, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="simple"] .menu__logo__mark { background-image: url(/assets/pc/design/simple/logo_hover-c1cf89a3d31bf22a89df2db10d0d1700df25f34e2517bb9b7452be1208fac8ea.png); background-size: 54px 256px; width: 54px; height: 32px; } /* line 476, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="simple"] .menu__logo__typo, body[data-design="simple"] .menu__logo__typo--en { height: 100%; margin-left: 59px; } /* line 481, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="simple"] .menu__sub, body[data-design="simple"] .menu__sub--2c, body[data-design="simple"] .menu__sub--3c, body[data-design="simple"] .menu__sub--4c { -webkit-animation: submenu-simple-hover 0.2s; animation: submenu-simple-hover 0.2s; } /* line 486, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="simple"] .menu__nav__item:first-child { margin-left: 0px; } /* line 491, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="simple"] .menu__nav__item__popup { display: block; pointer-events: none; position: absolute; background-color: #1b9af7; font-size: 11px; font-weight: bold; color: white; white-space: nowrap; left: 50%; bottom: 28px; padding: 4px 7px 3px; border-radius: 4px; line-height: 1; -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* line 506, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="simple"] .menu__nav__item__popup:after { content: ""; display: block; position: absolute; left: 50%; bottom: -8px; width: 0; height: 0; border: 4px solid transparent; border-top: 4px solid #1b9af7; -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* line 520, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="simple"] .menu__nav__btn, body[data-design="simple"] .menu__nav__btn--contact, body[data-design="simple"] .menu__nav__btn--search { font-family: "Slabo 27px", serif; font-size: 22px; } /* line 525, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="simple"] .menu__nav__group { position: relative; margin-left: 40px; } /* line 528, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="simple"] .menu__nav__group:before { content: ""; position: absolute; top: 0px; left: -20px; width: 0px; height: 18px; border-left: solid 1px #999999; } /* line 538, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="simple"] .menu__nav__group:first-child:before { display: none; } /* line 545, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="simple"] .menu__search__submit svg { width: 24px; } /* line 552, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu { background-image: url(/assets/pc/design/comic/header_background-1ba7f6faf0b95daf9246eea18a8c4cb822e078bc7cdd1361b4692f3c38a8ff39.png); background-size: 5px 5px; font-family: YakuHanJP, YuGothic, sans-serif; } /* line 558, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__logo { left: 97px; width: 111px; height: 37.5px; margin-top: -18.75px; background-image: url(/assets/pc/design/comic/logo-c5b58d31587962b37862dc76d70d153a3a6fff743f99def9cf2461512be7e200.png); background-size: 109px; background-repeat: no-repeat; background-position: -1px 0; } /* line 569, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__logo:hover .menu__logo__mark { background-position: left bottom; -webkit-animation: logo-comic-sprite-step 2s steps(13) infinite; animation: logo-comic-sprite-step 2s steps(13) infinite; } /* line 574, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__logo:hover ~ .comic-onomatope--logo { -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; -webkit-animation: buzz-quake 0.2s linear both infinite; animation: buzz-quake 0.2s linear both infinite; opacity: 1; } /* line 582, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__logo__mark { background-image: url(/assets/pc/design/comic/logo_hover-b9235e77cf19eef9f606874e8c1ff7bbb25e070fbfd82358ffbb431fa074f81e.png); width: 67px; height: 47px; top: -3px; left: -63px; } /* line 590, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__sub, body[data-design="comic"] .menu__sub--2c, body[data-design="comic"] .menu__sub--3c, body[data-design="comic"] .menu__sub--4c { -webkit-animation: submenu-comic-hover 0.1s; animation: submenu-comic-hover 0.1s; } /* line 594, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__logo__typo, body[data-design="comic"] .menu__logo__typo--en { display: none; } /* line 598, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__group { position: relative; margin-left: 15px; } /* line 602, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__group:before { content: ""; position: absolute; top: -10px; left: 3px; width: 2px; height: 40px; background-image: url(/assets/pc/design/comic/menu_border-c1eecb17fd3b4b3f7a9a2f79da315294dff9b078b07249f9460bd34e4b3d8596.png); } /* line 612, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__group:first-child:before { display: none; } /* line 618, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .comic-onomatope--logo { position: absolute; top: 60px; left: 200px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 145px; height: 76px; background-position: -7826px 0px; background-size: 12546.5px 628px; -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } /* line 625, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__item { margin-left: 22px; } /* line 628, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__item:before { content: ""; display: none; position: absolute; top: -30px; left: 100%; margin-left: -10px; opacity: 0; -webkit-animation: submenu-comic-onomatope 0.5s; animation: submenu-comic-onomatope 0.5s; z-index: 4; } /* line 642, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__item:hover .menu__nav__btn, body[data-design="comic"] .menu__nav__item:hover .menu__nav__btn--contact, body[data-design="comic"] .menu__nav__item:hover .menu__nav__btn--search, body[data-design="comic"] .menu__nav__item.is-active .menu__nav__btn, body[data-design="comic"] .menu__nav__item.is-active .menu__nav__btn--contact, body[data-design="comic"] .menu__nav__item.is-active .menu__nav__btn--search { color: #000; text-shadow: 4px 0px 0px #fff, -3.49322px -1.9487px 0px #fff, 2.10128px 3.40362px 0px #fff, -0.17692px -3.99608px 0px #fff, -1.7923px 3.57598px 0px #fff, 3.30734px -2.24976px 0px #fff, -3.98436px 0.35348px 0px #fff, 3.65176px 1.63238px 0px #fff, -2.39384px -3.20462px 0px #fff, 0.52934px 3.96482px 0px #fff, 1.46928px -3.72038px 0px #fff, -3.0956px 2.53324px 0px #fff, 3.93752px -0.70418px 0px #fff, -3.78172px -1.3033px 0px #fff, 2.66766px 2.98054px 0px #fff, -0.87764px -3.90254px 0px #fff, -1.13476px 3.83566px 0px #fff; } /* line 647, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__item:hover .menu__nav__btn--contact, body[data-design="comic"] .menu__nav__item.is-active .menu__nav__btn--contact { background-image: url(/assets/sprite-dest/pc/comic-menu-5a6227a5fafa8adb07533c5b80984d3235fe1a30c85758b190c18e6945e52bad.png); width: 33px; height: 22px; background-position: -58px 0px; background-size: 91px 51px; } /* line 651, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__item:hover .menu__nav__btn--search, body[data-design="comic"] .menu__nav__item.is-active .menu__nav__btn--search { background-image: url(/assets/sprite-dest/pc/comic-menu-5a6227a5fafa8adb07533c5b80984d3235fe1a30c85758b190c18e6945e52bad.png); width: 27px; height: 27px; background-position: -29px 0px; background-size: 91px 51px; } /* line 656, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__item:hover:before { display: block; } /* line 660, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__item[data-category="news"]:before { background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 48px; height: 33px; background-position: -11210px 0px; background-size: 12546.5px 628px; } /* line 663, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__item[data-category="service"]:before { background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 36px; height: 32px; background-position: -11258px 0px; background-size: 12546.5px 628px; } /* line 666, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__item[data-category="team"]:before { background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 56px; height: 32px; background-position: -11294px 0px; background-size: 12546.5px 628px; } /* line 669, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__item[data-category="vision"]:before { background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 36px; height: 26px; background-position: -11350px 0px; background-size: 12546.5px 628px; } /* line 672, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__item[data-category="company"]:before { background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 42px; height: 40px; background-position: -11386px 0px; background-size: 12546.5px 628px; } /* line 675, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__item[data-category="recruit"]:before { background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 48px; height: 33px; background-position: -11428px 0px; background-size: 12546.5px 628px; } /* line 678, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__item[data-category="ir"]:before { background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 36px; height: 29px; background-position: -11476px 0px; background-size: 12546.5px 628px; } /* line 681, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__item[data-category="contact"]:before { background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 50px; height: 38px; background-position: -11512px 0px; background-size: 12546.5px 628px; } /* line 684, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__item[data-category="search"]:before { background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 53px; height: 27px; background-position: -11562px 0px; background-size: 12546.5px 628px; } /* line 689, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__item.is-search-hidden .menu__nav__btn--search { visibility: visible; } /* line 694, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__item.is-search-hidden .menu__search:before, body[data-design="comic"] .menu__nav__item.is-search-hidden .menu__search:after { -webkit-animation: none; animation: none; } /* line 702, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__btn, body[data-design="comic"] .menu__nav__btn--contact, body[data-design="comic"] .menu__nav__btn--search { text-shadow: 3px 0px 0px #000, -2.61991px -1.46153px 0px #000, 1.57596px 2.55272px 0px #000, -0.13269px -2.99706px 0px #000, -1.34423px 2.68199px 0px #000, 2.48051px -1.68732px 0px #000, -2.98827px 0.26511px 0px #000, 2.73882px 1.22429px 0px #000, -1.79538px -2.40346px 0px #000, 0.39701px 2.97362px 0px #000, 1.10196px -2.79029px 0px #000, -2.3217px 1.89993px 0px #000, 2.95314px -0.52814px 0px #000, -2.83629px -0.97747px 0px #000, 2.00075px 2.23541px 0px #000, -0.65823px -2.92691px 0px #000, -0.85107px 2.87674px 0px #000; color: #fff; font-size: 20px; font-family: "Source Sans Pro", "ゴシックMB101 U JIS2004"; } /* line 709, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__item__hint { background-color: #f4f0e7; } /* line 714, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__sub__group:after { position: absolute; top: 13px; bottom: 13px; left: auto; right: -1; width: 2px; height: auto; margin: auto; background-color: #474541; content: ""; } /* line 724, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__sub__item { background-color: #f4f0e7; } /* line 729, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__sub__btn:hover, body[data-design="comic"] .menu__sub__btn.is-active { background-image: url(/assets/pc/design/comic/ptn_comic_3-c8bfa1433d4093bd2b5ea025d11a6a5772ebacf67afb004848b8959a4f79bffa.png); background-size: 5px 5px; background-position: center; background-color: transparent; } /* line 738, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__sub__title, body[data-design="comic"] .menu__sub__title--l1 { text-shadow: 3px 0px 0px #f4f0e7, -2.61991px -1.46153px 0px #f4f0e7, 1.57596px 2.55272px 0px #f4f0e7, -0.13269px -2.99706px 0px #f4f0e7, -1.34423px 2.68199px 0px #f4f0e7, 2.48051px -1.68732px 0px #f4f0e7, -2.98827px 0.26511px 0px #f4f0e7, 2.73882px 1.22429px 0px #f4f0e7, -1.79538px -2.40346px 0px #f4f0e7, 0.39701px 2.97362px 0px #f4f0e7, 1.10196px -2.79029px 0px #f4f0e7, -2.3217px 1.89993px 0px #f4f0e7, 2.95314px -0.52814px 0px #f4f0e7, -2.83629px -0.97747px 0px #f4f0e7, 2.00075px 2.23541px 0px #f4f0e7, -0.65823px -2.92691px 0px #f4f0e7, -0.85107px 2.87674px 0px #f4f0e7; font-family: "Source Sans Pro", "ゴシックMB101 U JIS2004"; } /* line 743, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__sub__date { background-color: #f4f0e7; } /* line 747, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__sub__badge { background-color: #474541; } /* line 751, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__btn--contact { background-image: url(/assets/sprite-dest/pc/comic-menu-5a6227a5fafa8adb07533c5b80984d3235fe1a30c85758b190c18e6945e52bad.png); width: 33px; height: 22px; background-position: 0px -29px; background-size: 91px 51px; } /* line 752, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__btn--contact svg { display: none; } /* line 759, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__btn--search { visibility: hidden; -webkit-transform: translate(-5px, -3px); transform: translate(-5px, -3px); background-image: url(/assets/sprite-dest/pc/comic-menu-5a6227a5fafa8adb07533c5b80984d3235fe1a30c85758b190c18e6945e52bad.png); width: 27px; height: 27px; background-position: 0px 0px; background-size: 91px 51px; } /* line 763, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__btn--search svg { display: none; } /* line 772, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__nav__item__close:hover svg * { fill: #000; } /* line 778, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__search { background-color: #f4f0e7; border: 2px solid #474541; border-radius: 0; } /* line 783, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__search input { font-family: inherit; } /* line 787, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__search:before { position: absolute; bottom: -100px; left: -50px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 70px; height: 149px; background-position: -10759px 0px; background-size: 12546.5px 628px; -webkit-animation: search-1 0.75s linear both; animation: search-1 0.75s linear both; content: ""; } /* line 796, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__search__submit { border: none; } /* line 799, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__search__submit:after { position: absolute; top: 30px; right: -50px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 44px; height: 43px; background-position: -10829px 0px; background-size: 12546.5px 628px; content: ""; } /* line 807, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__search__submit:hover:after { -webkit-animation: search-2 0.05s ease-out both; animation: search-2 0.05s ease-out both; } /* line 813, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="comic"] .menu__search__icon, body[data-design="comic"] .menu__search__icon--kamakura { background-color: #4c4c4c; } /* line 819, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu { font-family: "ShinMGoPro Heavy", "新丸ゴ H", YakuHanJP, YuGothic, sans-serif; background-color: rgba(0, 0, 0, 0.4); background-image: url(/assets/pc/design/game/ptn_game_1-8f255b70f424f474fbcce2af24812af0700b99e163ed61dfc0c559e235e9745e.png); background-size: 12px 12px; background-repeat: repeat; color: #fff; } /* line 827, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu:before { content: ""; display: block; width: 100%; height: 6px; position: absolute; bottom: 0; left: 0; right: 0; background-image: url(/assets/pc/design/game/bg_menu_bar-6c3b8baa81576d401c162471eb0d958747bd9373b030cdc507c399e9d7a27478.png); } /* line 837, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__logo { overflow: visible; } /* line 841, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__logo.is-anim .menu__logo__mark { background-image: url(/assets/sprite-dest/pc/logo-jump-41bcaba470548ad357f0309d82b84ae1c59c177ffdf16c391d00a4ba54505e7f.png); background-position: 0px 0px; width: 100px; height: 100px; -webkit-animation: logo-jump-sprite-step 1s steps(23) both; animation: logo-jump-sprite-step 1s steps(23) both; } /* line 848, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__logo__mark { position: absolute; top: -34px; left: -25px; background-image: url(/assets/sprite-dest/pc/logo-wait-29f6f37999b4f1862c5a2d66bac5600ac11316501bfeca4e2325d4e2c3e4c2e2.png); background-position: 0px 0px; width: 100px; height: 100px; -webkit-animation: logo-sprite-step 0.75s steps(23) infinite; animation: logo-sprite-step 0.75s steps(23) infinite; } /* line 854, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__logo__typo, body[data-design="game"] .menu__logo__typo--en { margin-left: 59px; } /* line 858, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__nav__group { position: relative; margin-left: 20px; } /* line 861, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__nav__group:before { content: ""; position: absolute; top: 0px; left: -2px; width: 0px; height: 20px; border-left: solid 1px #fff; } /* line 871, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__nav__group:first-child:before { display: none; } /* line 877, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__nav__item { margin-left: 20px; } /* line 880, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__nav__item:hover, body[data-design="game"] .menu__nav__item.is-active { color: #49e845; } /* line 883, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__nav__item:hover .menu__nav__btn, body[data-design="game"] .menu__nav__item:hover .menu__nav__btn--contact, body[data-design="game"] .menu__nav__item:hover .menu__nav__btn--search, body[data-design="game"] .menu__nav__item.is-active .menu__nav__btn, body[data-design="game"] .menu__nav__item.is-active .menu__nav__btn--contact, body[data-design="game"] .menu__nav__item.is-active .menu__nav__btn--search { color: inherit; } /* line 888, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__nav__item.is-search-hidden .menu__nav__btn--search { background-image: url(/assets/pc/design/game/ico_search-0dbee04ee70a3182a7d2154b4deb5a50ea43cd61927c6849791f377ee5390e24.png); } /* line 894, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__nav__item__close { background-image: url(/assets/pc/design/game/ico_search_close-893dc129fec3c87086ca7ad2c9661c782326931e4d696addf755fc3a4ff18d7e.png); background-repeat: no-repeat; width: 26px; height: 26px; top: -4px; left: -3px; } /* line 901, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__nav__item__close:hover { -webkit-animation: icon-tada 0.8s; animation: icon-tada 0.8s; } /* line 904, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__nav__item__close svg { display: none; } /* line 909, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__nav__item__hint { color: #4c4c4c; } /* line 913, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__nav__btn--contact { background-image: url(/assets/pc/design/game/ico_mail-c8383607ab232f7046c1d71c0182c17db0c55e2f322b57d399860ef49e750b3a.png); background-position: top left; width: 36px; height: 28px; margin-top: -4px; } /* line 919, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__nav__btn--contact:hover { -webkit-animation: icon-tada 0.8s; animation: icon-tada 0.8s; } /* line 922, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__nav__btn--contact svg { display: none; } /* line 927, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__nav__btn--search { width: 30px; height: 30px; margin-top: -4px; } /* line 931, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__nav__btn--search:hover { -webkit-animation: icon-tada 0.8s; animation: icon-tada 0.8s; } /* line 934, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__nav__btn--search svg { display: none; } /* line 939, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__search { border-radius: 10px; } /* line 944, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__search__keyword::-webkit-input-placeholder { opacity: 1; font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } body[data-design="game"] .menu__search__keyword::-moz-placeholder { opacity: 1; font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } body[data-design="game"] .menu__search__keyword:-ms-input-placeholder { opacity: 1; font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } body[data-design="game"] .menu__search__keyword::-ms-input-placeholder { opacity: 1; font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } body[data-design="game"] .menu__search__keyword::placeholder { opacity: 1; font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } /* line 950, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__search__submit { -webkit-box-shadow: none; box-shadow: none; margin: 4px; } /* line 955, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__sub, body[data-design="game"] .menu__sub--2c, body[data-design="game"] .menu__sub--3c, body[data-design="game"] .menu__sub--4c { color: #000; -webkit-animation: submenu-game-hover 0.15s; animation: submenu-game-hover 0.15s; } /* line 960, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__sub__inner { overflow: visible; border-radius: 10px; border-right: solid 5px rgba(0, 0, 0, 0.1); border-bottom: solid 5px rgba(0, 0, 0, 0.1); } /* line 966, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__sub__group { border-right: solid 5px rgba(0, 0, 0, 0.1); } /* line 968, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__sub__group:last-child { border: none; } /* line 972, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__sub__item { border-bottom: solid 2px rgba(0, 0, 0, 0.1); } /* line 974, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__sub__item:before { border: none; } /* line 977, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__sub__item:last-child { border: none; } /* line 981, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__sub__btn { position: relative; } /* line 147, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="game"] .menu__sub__btn:hover:before { position: absolute; top: -5px; bottom: -5px; left: -5px; right: -5px; content: ""; -o-border-image: url(/assets/pc/design/game/frame_card_focus-c6041bfce4572abd7d67aad39dc06dcf047a9e1a0d1f95428c3e9b034b858332.png) 30 stretch; border-image: url(/assets/pc/design/game/frame_card_focus-c6041bfce4572abd7d67aad39dc06dcf047a9e1a0d1f95428c3e9b034b858332.png) 30 stretch; border-style: solid; border-width: 28px; pointer-events: none; -webkit-animation: focus 0.15s both; animation: focus 0.15s both; z-index: 1; } /* line 158, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="game"] .menu__sub__btn:hover:before { border: none; } /* line 983, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__sub__btn:hover, body[data-design="game"] .menu__sub__btn.is-active { background-color: rgba(177, 177, 177, 0.15); } /* line 988, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__sub__title, body[data-design="game"] .menu__sub__title--l1 { font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } /* line 991, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="game"] .menu__sub__badge { background: -webkit-gradient(linear, left bottom, left top, from(#33d42f), to(#49e845)); background: linear-gradient(to top, #33d42f, #49e845); border-radius: 6px; } /* line 998, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu { background: none; -webkit-box-shadow: none; box-shadow: none; } /* line 1002, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu:before { content: ""; display: block; position: absolute; top: -34px; left: 50%; margin-left: -280px; width: 1163px; height: 128px; background-image: url(/assets/pc/design/kamakura/header_cloud-d1d8a9bcc05b2053fdab41e70dd0f5ba250634863834f6d97f235531173284c7.png); background-repeat: no-repeat; pointer-events: none; } /* line 1018, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__logo:before { content: ""; display: block; position: absolute; width: 357px; height: 112px; top: -22px; left: -85px; background-image: url(/assets/pc/design/kamakura/cloud_d-22b9245931891395eecd9c0fb86e4e16f9006901b6b85e0c4db0b50f8f12b860.png); background-repeat: no-repeat; pointer-events: none; } /* line 1032, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__logo:hover .menu__logo__mark { background-position: left bottom; -webkit-animation: logo-sword-sprite-step-forward 0.75s steps(14) forwards; animation: logo-sword-sprite-step-forward 0.75s steps(14) forwards; } /* line 1039, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__logo__mark { background-image: url(/assets/pc/design/kamakura/logo_hover-41c4bc9e311e1dce65c7d1e6d7004a429672931cbb449bccc10b5d7f3f5ff0c1.png); width: 61px; height: 48px; top: -12px; left: -6px; -webkit-animation: logo-sword-sprite-step-back 0.25s steps(5); animation: logo-sword-sprite-step-back 0.25s steps(5); } /* line 1048, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__logo__typo, body[data-design="kamakura"] .menu__logo__typo--en { position: relative; margin-left: 59px; } /* line 1053, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__nav__group { position: relative; margin-left: 12px; } /* line 1057, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__nav__group:before { content: ""; position: absolute; top: -10px; left: 5px; width: 0px; height: 40px; border-left: solid 2px #000; } /* line 1067, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__nav__group:first-child:before { display: none; } /* line 1073, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__nav { color: #000; } /* line 1077, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__nav__item { margin-left: 24px; } /* line 1082, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__nav__item:hover .menu__nav__btn, body[data-design="kamakura"] .menu__nav__item:hover .menu__nav__btn--contact, body[data-design="kamakura"] .menu__nav__item:hover .menu__nav__btn--search, body[data-design="kamakura"] .menu__nav__item.is-active .menu__nav__btn, body[data-design="kamakura"] .menu__nav__item.is-active .menu__nav__btn--contact, body[data-design="kamakura"] .menu__nav__item.is-active .menu__nav__btn--search { color: #ed5300; } /* line 1088, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__nav__item:hover .menu__nav__btn--contact svg, body[data-design="kamakura"] .menu__nav__item:hover .menu__nav__btn--search svg, body[data-design="kamakura"] .menu__nav__item.is-active .menu__nav__btn--contact svg, body[data-design="kamakura"] .menu__nav__item.is-active .menu__nav__btn--search svg { fill: #ed5300; } /* line 1091, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__nav__item:hover .menu__nav__btn--contact:after, body[data-design="kamakura"] .menu__nav__item:hover .menu__nav__btn--search:after, body[data-design="kamakura"] .menu__nav__item.is-active .menu__nav__btn--contact:after, body[data-design="kamakura"] .menu__nav__item.is-active .menu__nav__btn--search:after { display: none; } /* line 1100, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__nav__item__close:hover svg * { fill: #ed5300; } /* line 1106, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__nav__btn, body[data-design="kamakura"] .menu__nav__btn--contact, body[data-design="kamakura"] .menu__nav__btn--search { font-size: 20px; font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; } /* line 1113, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__nav__btn--contact > svg, body[data-design="kamakura"] .menu__nav__btn--search > svg { display: none; } /* line 1118, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__sub, body[data-design="kamakura"] .menu__sub--2c, body[data-design="kamakura"] .menu__sub--3c, body[data-design="kamakura"] .menu__sub--4c { -webkit-animation: submenu-simple-hover 0.2s; animation: submenu-simple-hover 0.2s; } /* line 1123, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__sub__group:after { border-color: rgba(255, 255, 255, 0.1); } /* line 1129, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__sub__item:before { border-color: rgba(255, 255, 255, 0.8); } /* line 1135, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__sub__btn:hover, body[data-design="kamakura"] .menu__sub__btn.is-active { background-color: rgba(255, 255, 255, 0.1); } /* line 1141, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__sub__title, body[data-design="kamakura"] .menu__sub__title--l1 { font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; } /* line 1145, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__sub__date { color: #cccccc; } /* line 1149, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__sub__badge { background-color: #ed5300; } /* line 1153, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__search { background-color: rgba(0, 0, 0, 0.8); border-radius: 0px; } /* line 1158, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__search__keyword { color: #fff; } /* line 1162, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__search__submit { background-color: #ff6600; background-image: none; } /* line 1165, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__search__submit:hover { background-color: #ff6600; background-image: none; } /* line 1169, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__search__submit:hover button:after { position: absolute; top: 7px; right: 0px; width: 64px; height: 36px; content: ""; display: block; background-color: rgba(0, 0, 0, 0.2); } /* line 1181, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__search__icon, body[data-design="kamakura"] .menu__search__icon--kamakura { display: none; } /* line 1184, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="kamakura"] .menu__search__icon--kamakura { display: block; } /* line 1190, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu { height: 88px; color: #fff; font-size: 22px; font-style: italic; font-family: "Cambay", sans-serif; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } /* line 1199, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu:before, body[data-design="tech"] .menu:after { background-image: url(/assets/pc/design/tech/header_side_border-2a764d7f3ae5f0f8cb60847b762b6d62f077d8c33d70bdb33ad3e63e950fb666.png); content: ""; } /* line 1205, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu:before { position: absolute; top: 0; bottom: 0; left: 0; right: calc(50% + 640px); } /* line 1209, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu:after { position: absolute; top: 0; bottom: 0; left: calc(50% + 640px); right: 0; } /* line 1214, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .is-legacy-ie body[data-design="tech"] .menu:before, .is-legacy-ie body[data-design="tech"] .menu:after { display: none; } /* line 1221, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__logo { height: 76px; margin-top: -35px; margin-left: -20px; } /* line 1227, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__logo.is-hide .menu__logo__typo, body[data-design="tech"] .menu__logo.is-hide .menu__logo__typo--en { visibility: hidden; } /* line 1232, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__logo__mark { display: none; } /* line 1236, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__logo-tech { margin-top: 2px; margin-left: 37px; z-index: 2; } /* line 1242, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__inner { max-width: 1360px; padding-top: 1px; z-index: 2; } /* line 1247, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__inner:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; -o-border-image: url(/assets/pc/design/tech/header_border-1b012533fff5d996643ee948b0eece668cb8fadd6c2ca301670f75344e6c6ae5.png) 20 760 60 350 repeat; border-image: url(/assets/pc/design/tech/header_border-1b012533fff5d996643ee948b0eece668cb8fadd6c2ca301670f75344e6c6ae5.png) 20 760 60 350 fill repeat; border-image-width: 20px 760px 60px 350px; z-index: -1; content: ""; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .menu__inner:before { -o-border-image: none; border-image: none; } /* line 1253, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .is-legacy-ie body[data-design="tech"] .menu__inner { background-color: rgba(0, 0, 0, 0.9); } /* line 1256, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .is-legacy-ie body[data-design="tech"] .menu__inner:before { border: none; } /* line 1262, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__nav { right: 0; } /* line 1266, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__nav__group { margin-right: 43px; } /* line 1269, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__nav__group:last-child { margin-right: 0; } /* line 1273, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .is-legacy-ie body[data-design="tech"] .menu__nav__group { position: relative; } /* line 1276, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .is-legacy-ie body[data-design="tech"] .menu__nav__group:before { content: ""; position: absolute; top: 0px; left: -12px; width: 0px; height: 16px; border-left: solid 1px #fff; } /* line 1286, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .is-legacy-ie body[data-design="tech"] .menu__nav__group:first-child:before { display: none; } /* line 1293, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__nav__item { margin-left: 22px; } /* line 1298, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__nav__item.is-active .menu__nav__btn, body[data-design="tech"] .menu__nav__item.is-active .menu__nav__btn--contact, body[data-design="tech"] .menu__nav__item.is-active .menu__nav__btn--search, body[data-design="tech"] .menu__nav__item:hover .menu__nav__btn, body[data-design="tech"] .menu__nav__item:hover .menu__nav__btn--contact, body[data-design="tech"] .menu__nav__item:hover .menu__nav__btn--search { color: #26dcfd; text-shadow: 1px -1px 8px rgba(38, 220, 253, 0.5), 1px 1px 8px rgba(38, 220, 253, 0.5), -1px -1px 8px rgba(38, 220, 253, 0.5), -1px 1px 8px rgba(38, 220, 253, 0.5); } /* line 1304, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__nav__item.is-active .menu__nav__btn--contact svg *, body[data-design="tech"] .menu__nav__item.is-active .menu__nav__btn--search svg *, body[data-design="tech"] .menu__nav__item:hover .menu__nav__btn--contact svg *, body[data-design="tech"] .menu__nav__item:hover .menu__nav__btn--search svg * { fill: #fff; } /* line 1312, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__nav__item__close svg * { fill: #ccc; } /* line 1316, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__nav__item__close:hover svg * { fill: #fff; } /* line 1322, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__nav__btn, body[data-design="tech"] .menu__nav__btn--contact, body[data-design="tech"] .menu__nav__btn--search { padding-bottom: 1em; } /* line 1326, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__sub, body[data-design="tech"] .menu__sub--2c, body[data-design="tech"] .menu__sub--3c, body[data-design="tech"] .menu__sub--4c { margin-top: 0.5em; padding-top: 5px; padding-bottom: 10px; } /* line 1330, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .is-legacy-ie body[data-design="tech"] .menu__sub, .is-legacy-ie body[data-design="tech"] .menu__sub--2c, .is-legacy-ie body[data-design="tech"] .menu__sub--3c, .is-legacy-ie body[data-design="tech"] .menu__sub--4c { background-color: rgba(0, 0, 0, 0.9); border: solid 2px #fff; } /* line 1336, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__sub--2c { border: none; } /* line 1341, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__sub__group:before { position: absolute; top: 0; bottom: 0; left: 0; right: -4px; border-style: solid; -o-border-image: url(/assets/pc/design/tech/menu_border-f5a6ba6102e1097e37e4548b681420dad1579a16e0bd7609870b17419899e35b.png) 80 120 80 120 repeat; border-image: url(/assets/pc/design/tech/menu_border-f5a6ba6102e1097e37e4548b681420dad1579a16e0bd7609870b17419899e35b.png) 80 120 80 120 fill repeat; border-image-width: 80px 120px 80px 120px; z-index: -1; content: ""; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .menu__sub__group:before { -o-border-image: none; border-image: none; } /* line 1346, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__sub__group:last-child:before { right: 0px; } /* line 1352, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__sub__item:before { border-bottom: solid 2px #999999; opacity: 1; } /* line 1359, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__sub__btn:hover, body[data-design="tech"] .menu__sub__btn.is-active { background-color: transparent; } /* line 1363, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__sub__btn:hover strong, body[data-design="tech"] .menu__sub__btn.is-active strong { color: #26dcfd; text-shadow: 1px -1px 8px rgba(38, 220, 253, 0.5), 1px 1px 8px rgba(38, 220, 253, 0.5), -1px -1px 8px rgba(38, 220, 253, 0.5), -1px 1px 8px rgba(38, 220, 253, 0.5); } /* line 1370, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__sub__date { color: #666666; } /* line 1374, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__sub__badge { padding: 0em 0.3em; line-height: 1.2; background-color: transparent; color: #26dcfd; text-shadow: 1px -1px 8px rgba(38, 220, 253, 0.5), 1px 1px 8px rgba(38, 220, 253, 0.5), -1px -1px 8px rgba(38, 220, 253, 0.5), -1px 1px 8px rgba(38, 220, 253, 0.5); border-radius: 6px; border: 1px solid #26dcfd; } /* line 1384, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__sub__title, body[data-design="tech"] .menu__sub__title--l1 { font-style: normal; } /* line 1388, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__search { background-color: #000; border-style: solid; -o-border-image: url(/assets/pc/design/tech/search_border-f488cd2669611fed61df351f62460af3c1ad0e4c3c821c1cab442b2f332576ac.png) 23 140 23 63 repeat; border-image: url(/assets/pc/design/tech/search_border-f488cd2669611fed61df351f62460af3c1ad0e4c3c821c1cab442b2f332576ac.png) 23 140 23 63 fill repeat; border-image-width: 23px 140px 23px 63px; z-index: -1; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .menu__search { -o-border-image: none; border-image: none; } /* line 1392, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__search input { color: #fff; } /* line 1398, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__search__submit button { width: 71px; } /* line 1403, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__logo { margin-top: -40px; } /* line 1407, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__logo__typo, body[data-design="tech"] .menu__logo__typo--en { display: block; position: relative; margin-left: 0; background-image: url(/assets/sprite-dest/pc/tech-7f12b8c56c17884c6efdabb8271d34a3c480f6fb85f2a09f9c140fb549314b2a.png); width: 203px; height: 78px; background-position: -1429px 0px; background-size: 2528.5px 78px; } /* line 1413, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__logo__typo:before, body[data-design="tech"] .menu__logo__typo--en:before { position: absolute; top: 0; left: 0; background-image: url(/assets/sprite-dest/pc/tech-7f12b8c56c17884c6efdabb8271d34a3c480f6fb85f2a09f9c140fb549314b2a.png); width: 203px; height: 78px; background-position: -1632px 0px; background-size: 2528.5px 78px; -webkit-animation: tech-logo-flash 2s linear infinite; animation: tech-logo-flash 2s linear infinite; content: ""; } /* line 1420, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__logo__typo:after, body[data-design="tech"] .menu__logo__typo--en:after { position: absolute; top: 0; left: 0; background-image: url(/assets/sprite-dest/pc/tech-7f12b8c56c17884c6efdabb8271d34a3c480f6fb85f2a09f9c140fb549314b2a.png); width: 203px; height: 78px; background-position: -2253px 0px; background-size: 2528.5px 78px; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; opacity: 0; content: ""; } /* line 1428, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__logo__typo:hover:after, body[data-design="tech"] .menu__logo__typo--en:hover:after { opacity: 1; } /* line 1435, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__nav__btn--contact svg, body[data-design="tech"] .menu__nav__btn--search svg { fill: #ccc; } /* line 1441, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ .is-legacy-ie body[data-design="tech"] .menu__search__keyword { margin-right: 20px; border: 2px solid #fff; } /* line 1447, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ body[data-design="tech"] .menu__nav__item__hint { background-color: #000; border: solid 2px #cccccc; } /* line 1455, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ html:lang(en) body[data-design="comic"] .menu__logo { background-image: url(/assets/pc/design/comic/logo_en-a26ca4b11743620e76e53bbd83809fed0bf3bbc85afb91f7787ec03d48a92d3a.png); background-position: 0% 50%; } /* line 1462, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ html:lang(en) body[data-design="tech"] .menu__logo__typo, html:lang(en) body[data-design="tech"] .menu__logo__typo--en { background-image: url(/assets/sprite-dest/pc/tech-7f12b8c56c17884c6efdabb8271d34a3c480f6fb85f2a09f9c140fb549314b2a.png); width: 209px; height: 75px; background-position: -1835px 0px; background-size: 2528.5px 78px; } /* line 1464, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ html:lang(en) body[data-design="tech"] .menu__logo__typo:before, html:lang(en) body[data-design="tech"] .menu__logo__typo--en:before { display: none; } /* line 1467, /home/circleci/app/app/assets/stylesheets/modules/pc/_menu.scss */ html:lang(en) body[data-design="tech"] .menu__logo__typo:after, html:lang(en) body[data-design="tech"] .menu__logo__typo--en:after { background-image: url(/assets/sprite-dest/pc/tech-7f12b8c56c17884c6efdabb8271d34a3c480f6fb85f2a09f9c140fb549314b2a.png); width: 209px; height: 75px; background-position: -2044px 0px; background-size: 2528.5px 78px; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_mm-form.scss */ .mm-form { position: relative; margin: 32px 0px; } /* line 4, /home/circleci/app/app/assets/stylesheets/modules/pc/_mm-form.scss */ .mm-form .sendbar { max-width: 600px; } /* line 8, /home/circleci/app/app/assets/stylesheets/modules/pc/_mm-form.scss */ .mm-form.is-complete .mm-form__check, .mm-form.is-complete .sendbar { visibility: hidden; } /* line 12, /home/circleci/app/app/assets/stylesheets/modules/pc/_mm-form.scss */ .mm-form.is-complete .mm-form__complete { display: block; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/pc/_mm-form.scss */ .mm-form__complete { position: absolute; display: none; bottom: 10px; font-weight: bold; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_more-footer.scss */ .more-footer { position: absolute; text-align: center; bottom: 0px; left: 0px; width: 100%; background-color: #fff; font-size: 14px; border-top: solid 2px #eeeeee; line-height: 40px; cursor: pointer; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .more-footer:before { content: ""; font-family: FontAwesome; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/pc/_more-footer.scss */ .more-footer:before { margin-right: 8px; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .more-footer.is-folded:before { content: ""; font-family: FontAwesome; } /* line 25, /home/circleci/app/app/assets/stylesheets/modules/pc/_more-footer.scss */ body[data-design="simple"] .more-footer:hover { color: #1b9af7; } /* line 32, /home/circleci/app/app/assets/stylesheets/modules/pc/_more-footer.scss */ body[data-design="comic"] .more-footer { background-color: #f4f0e7; border-color: #474541; } /* line 35, /home/circleci/app/app/assets/stylesheets/modules/pc/_more-footer.scss */ body[data-design="comic"] .more-footer:hover { color: #1b9af7; } /* line 42, /home/circleci/app/app/assets/stylesheets/modules/pc/_more-footer.scss */ body[data-design="game"] .more-footer { border-radius: 0px 0px 10px 10px; } /* line 44, /home/circleci/app/app/assets/stylesheets/modules/pc/_more-footer.scss */ body[data-design="game"] .more-footer:hover { color: #49e845; } /* line 51, /home/circleci/app/app/assets/stylesheets/modules/pc/_more-footer.scss */ body[data-design="tech"] .more-footer { height: 40px; width: auto; left: 20px; right: 20px; background-color: transparent; border-width: 1px; border-color: #969696; } /* line 59, /home/circleci/app/app/assets/stylesheets/modules/pc/_more-footer.scss */ body[data-design="tech"] .more-footer:hover { color: #26dcfd; } /* line 62, /home/circleci/app/app/assets/stylesheets/modules/pc/_more-footer.scss */ .is-legacy-ie body[data-design="tech"] .more-footer { left: 0px; right: 0px; border-color: #ccc; height: auto; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card-unit.scss */ .news-card-unit, .news-card-unit--c3, .news-card-unit--c1 { display: block; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card-unit.scss */ .news-card-unit--c3 .news-card-unit__list__item { width: 33.3%; } /* line 8, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card-unit.scss */ .news-card-unit--c3 .news-card-unit__list__item:nth-child(3n + 1) { padding-left: 0px; padding-right: 4px; } /* line 12, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card-unit.scss */ .news-card-unit--c3 .news-card-unit__list__item:nth-child(3n + 2) { padding-left: 4px; padding-right: 4px; } /* line 16, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card-unit.scss */ .news-card-unit--c3 .news-card-unit__list__item:nth-child(3n) { padding-left: 4px; padding-right: 0px; } /* line 24, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card-unit.scss */ .news-card-unit--c1 .news-card-unit__list__item { width: auto; float: none; } /* line 27, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card-unit.scss */ .news-card-unit--c1 .news-card-unit__list__item:nth-child(odd), .news-card-unit--c1 .news-card-unit__list__item:nth-child(even) { padding: 0px; } /* line 34, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card-unit.scss */ .news-card-unit__title { font-size: 24px; font-weight: bold; margin-bottom: 8px; margin-top: 40px; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card-unit__list:before, .news-card-unit__list:after { content: ""; display: block; clear: both; } /* line 45, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card-unit.scss */ .news-card-unit__list__item { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; margin-top: 8px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card-unit.scss */ .news-card-unit__list__item:nth-child(odd) { padding-right: 4px; } /* line 53, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card-unit.scss */ .news-card-unit__list__item:nth-child(even) { padding-left: 4px; } /* line 59, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card-unit.scss */ body[data-design="comic"] .news-card-unit__title { font-family: "ゴシックMB101 U JIS2004"; color: #f4f0e7; text-shadow: 4px 0px 0px #474541, -3.49322px -1.9487px 0px #474541, 2.10128px 3.40362px 0px #474541, -0.17692px -3.99608px 0px #474541, -1.7923px 3.57598px 0px #474541, 3.30734px -2.24976px 0px #474541, -3.98436px 0.35348px 0px #474541, 3.65176px 1.63238px 0px #474541, -2.39384px -3.20462px 0px #474541, 0.52934px 3.96482px 0px #474541, 1.46928px -3.72038px 0px #474541, -3.0956px 2.53324px 0px #474541, 3.93752px -0.70418px 0px #474541, -3.78172px -1.3033px 0px #474541, 2.66766px 2.98054px 0px #474541, -0.87764px -3.90254px 0px #474541, -1.13476px 3.83566px 0px #474541; } /* line 67, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card-unit.scss */ body[data-design="kamakura"] .news-card-unit__title { color: #000; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ .news-card, .news-card--in-unit { position: relative; display: block; height: 170px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 16px; text-decoration: none; color: inherit; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card:before, .news-card--in-unit:before, .news-card:after, .news-card--in-unit:after { content: ""; display: block; clear: both; } /* line 17, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ .news-card__thumbnail, .news-card__thumbnail--large { float: right; width: 138px; height: 100%; margin-left: 16px; background-color: #eeeeee; background-repeat: no-repeat; background-size: cover; background-position: center; image-rendering: -webkit-optimize-contrast; } /* line 28, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ .news-card__thumbnail--large { width: 245.33333px; } /* line 33, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ .news-card__date { margin-bottom: 10px; font-size: 16px; font-style: italic; line-height: 1; } /* line 40, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ .news-card__title { font-size: 18px; line-height: 1.5; font-weight: bold; overflow: hidden; height: 4.5em; margin-bottom: 19px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ .news-card__title__series { margin-bottom: 5px; font-size: 12px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 57, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ .news-card__title__series:before { content: "#"; } /* line 62, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ .news-card__arrow { position: absolute; bottom: 8px; right: 18px; width: 0; height: 0; border: 10px solid transparent; border-top: 10px solid #fff; -webkit-animation: arrow-flash 1s steps(1) infinite; animation: arrow-flash 1s steps(1) infinite; } /* line 67, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ .news-card__meta { font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: -5px; } /* line 79, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ .news-card__meta__category, .top_news__inner__info__meta__category { display: inline; font-style: italic; font-size: 15px; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="1"], [data-category="1"].top_news__inner__info__meta__category { color: #33c8ff; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="1"] .inner-link:before, [data-category="1"].top_news__inner__info__meta__category .inner-link:before { background-color: #33c8ff; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="2"], [data-category="2"].top_news__inner__info__meta__category { color: #7275e9; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="2"] .inner-link:before, [data-category="2"].top_news__inner__info__meta__category .inner-link:before { background-color: #7275e9; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="3"], [data-category="3"].top_news__inner__info__meta__category { color: #fc880f; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="3"] .inner-link:before, [data-category="3"].top_news__inner__info__meta__category .inner-link:before { background-color: #fc880f; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="4"], [data-category="4"].top_news__inner__info__meta__category { color: #49e845; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="4"] .inner-link:before, [data-category="4"].top_news__inner__info__meta__category .inner-link:before { background-color: #49e845; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="5"], [data-category="5"].top_news__inner__info__meta__category { color: #ff599f; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="5"] .inner-link:before, [data-category="5"].top_news__inner__info__meta__category .inner-link:before { background-color: #ff599f; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="6"], [data-category="6"].top_news__inner__info__meta__category { color: #cf57fb; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="6"] .inner-link:before, [data-category="6"].top_news__inner__info__meta__category .inner-link:before { background-color: #cf57fb; } /* line 86, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ .news-card__meta__tags, .top_news__inner__info__meta__tags { display: inline; } /* line 89, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ .news-card__meta__tags span, .top_news__inner__info__meta__tags span { position: relative; margin-right: 1em; } /* line 93, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ .news-card__meta__tags span:after, .top_news__inner__info__meta__tags span:after { position: absolute; bottom: -2px; right: -0.8em; content: " / "; } /* line 98, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ .news-card__meta__tags span:last-child:after, .top_news__inner__info__meta__tags span:last-child:after { display: none; } /* line 103, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="simple"] .news-card:hover, body[data-design="simple"] .news-card--in-unit:hover { background-image: url(/assets/pc/design/simple/ptn_simple_1-a374f304f705ef246360c4618256435e6d7649bc37d08f249349e4ce267e3b85.png); background-size: 5px 5px; } /* line 107, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="simple"] .news-card:hover:before, body[data-design="simple"] .news-card--in-unit:hover:before { content: ""; display: block; position: absolute; top: 6px; left: 6px; bottom: 6px; right: 6px; background-color: #fff; } /* line 109, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ body[data-design="simple"] .news-card:hover .news-card__image, body[data-design="simple"] .news-card--in-unit:hover .news-card__image, body[data-design="simple"] .news-card:hover .news-card__thumbnail, body[data-design="simple"] .news-card--in-unit:hover .news-card__thumbnail, body[data-design="simple"] .news-card:hover .news-card__thumbnail--large, body[data-design="simple"] .news-card--in-unit:hover .news-card__thumbnail--large, body[data-design="simple"] .news-card:hover .news-card__date, body[data-design="simple"] .news-card--in-unit:hover .news-card__date, body[data-design="simple"] .news-card:hover .news-card__title, body[data-design="simple"] .news-card--in-unit:hover .news-card__title, body[data-design="simple"] .news-card:hover .news-card__meta, body[data-design="simple"] .news-card--in-unit:hover .news-card__meta { color: #1b9af7; position: relative; } /* line 120, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ body[data-design="simple"] .news-card__date { font-family: "Ubuntu"; } /* line 126, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ body[data-design="tech"] .news-card, body[data-design="tech"] .news-card--in-unit { position: relative; } /* line 129, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ body[data-design="tech"] .news-card:before, body[data-design="tech"] .news-card--in-unit:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; -o-border-image: url(/assets/pc/design/tech/border_news-eb31517f40974de2f39924ad09fd6def83d6c9dd4924bf334a527d2f0d16f8f6.png) 80 280 80 280 repeat; border-image: url(/assets/pc/design/tech/border_news-eb31517f40974de2f39924ad09fd6def83d6c9dd4924bf334a527d2f0d16f8f6.png) 80 280 80 280 fill repeat; border-image-width: 80px 280px 80px 280px; z-index: -1; content: ""; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .news-card:before, .is-legacy-ie body[data-design="tech"] .news-card--in-unit:before { -o-border-image: none; border-image: none; } /* line 135, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ body[data-design="tech"] .news-card .tech-border-hover, body[data-design="tech"] .news-card--in-unit .tech-border-hover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; -o-border-image: url(/assets/pc/design/tech/border_news_hover-bafcba33dd6c972326230d61cf5a2d391f2cc20691e7a1a7bfceca41b5e26997.png) 80 280 80 280 repeat; border-image: url(/assets/pc/design/tech/border_news_hover-bafcba33dd6c972326230d61cf5a2d391f2cc20691e7a1a7bfceca41b5e26997.png) 80 280 80 280 fill repeat; border-image-width: 80px 280px 80px 280px; z-index: -1; opacity: 0; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .news-card .tech-border-hover, .is-legacy-ie body[data-design="tech"] .news-card--in-unit .tech-border-hover { -o-border-image: none; border-image: none; } /* line 144, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ body[data-design="comic"] .news-card:hover, body[data-design="comic"] .news-card--in-unit:hover { background-image: url(/assets/pc/design/comic/ptn_comic_1-c94f8f625adf581b69b82cb83368c49870767c249b391461c134488f2379cedb.png); background-size: 8px 8px; text-shadow: 4px 0px 0px #f4f0e7, -3.49322px -1.9487px 0px #f4f0e7, 2.10128px 3.40362px 0px #f4f0e7, -0.17692px -3.99608px 0px #f4f0e7, -1.7923px 3.57598px 0px #f4f0e7, 3.30734px -2.24976px 0px #f4f0e7, -3.98436px 0.35348px 0px #f4f0e7, 3.65176px 1.63238px 0px #f4f0e7, -2.39384px -3.20462px 0px #f4f0e7, 0.52934px 3.96482px 0px #f4f0e7, 1.46928px -3.72038px 0px #f4f0e7, -3.0956px 2.53324px 0px #f4f0e7, 3.93752px -0.70418px 0px #f4f0e7, -3.78172px -1.3033px 0px #f4f0e7, 2.66766px 2.98054px 0px #f4f0e7, -0.87764px -3.90254px 0px #f4f0e7, -1.13476px 3.83566px 0px #f4f0e7; } /* line 150, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ body[data-design="comic"] .news-card__title { font-family: "Source Sans Pro", "ゴシックMB101 DB JIS2004"; } /* line 154, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ body[data-design="comic"] .news-card__date { font-family: "Ubuntu"; } /* line 158, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ body[data-design="comic"] .news-card__meta__category, body[data-design="comic"] .top_news__inner__info__meta__category { font-size: 14px; } /* line 164, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ body[data-design="game"] .news-card, body[data-design="game"] .news-card--in-unit { font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } /* line 172, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ body[data-design="game"] .news-card__meta { padding-right: 30px; } /* line 176, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ body[data-design="game"] .news-card__thumbnail, body[data-design="game"] .news-card__thumbnail--large { position: relative; border-radius: 10px; } /* line 180, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ body[data-design="game"] .news-card__thumbnail:before, body[data-design="game"] .news-card__thumbnail--large:before { position: absolute; bottom: -8px; left: -36px; width: 0; height: 0; border: 10px solid transparent; border-top: 10px solid #fff; -webkit-animation: arrow-flash 1s steps(1) infinite; animation: arrow-flash 1s steps(1) infinite; content: ""; } /* line 189, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ body[data-design="kamakura"] .news-card, body[data-design="kamakura"] .news-card--in-unit { background: none; background-image: url(/assets/pc/design/kamakura/top_news_bg-f939e8277b54927e182e43fd2debb379da3d9900a97e302592abcd6943b664d7.svg); background-repeat: no-repeat; background-size: 100% 100%; } /* line 125, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="kamakura"] .news-card:hover, body[data-design="kamakura"] .news-card--in-unit:hover { background-image: url(/assets/pc/design/kamakura/top_news_bg_hover-18cec6395d47cb93a8798a857c6d07dfa953a6c7b9ccfd84a383782472f2daac.svg); } /* line 128, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="kamakura"] .news-card:hover:before, body[data-design="kamakura"] .news-card--in-unit:hover:before { content: ""; display: block; position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px; background-image: url(/assets/pc/design/kamakura/top_news_bg-f939e8277b54927e182e43fd2debb379da3d9900a97e302592abcd6943b664d7.svg); background-repeat: no-repeat; background-size: 100% 100%; } /* line 192, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ body[data-design="kamakura"] .news-card:hover .news-card__image, body[data-design="kamakura"] .news-card--in-unit:hover .news-card__image, body[data-design="kamakura"] .news-card:hover .news-card__thumbnail, body[data-design="kamakura"] .news-card--in-unit:hover .news-card__thumbnail, body[data-design="kamakura"] .news-card:hover .news-card__thumbnail--large, body[data-design="kamakura"] .news-card--in-unit:hover .news-card__thumbnail--large, body[data-design="kamakura"] .news-card:hover .news-card__date, body[data-design="kamakura"] .news-card--in-unit:hover .news-card__date, body[data-design="kamakura"] .news-card:hover .news-card__title, body[data-design="kamakura"] .news-card--in-unit:hover .news-card__title, body[data-design="kamakura"] .news-card:hover .news-card__meta, body[data-design="kamakura"] .news-card--in-unit:hover .news-card__meta { color: #ed5300; position: relative; } /* line 203, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ body[data-design="kamakura"] .news-card__title { font-family: "秀英横太明朝 B", "Shuei Mincho B"; } /* line 209, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-card.scss */ body[data-design="tech"] .news-card, body[data-design="tech"] .news-card--in-unit { padding-right: 24px; padding-left: 24px; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_news-letter-scroll-button.scss */ .news-letter-scroll-button { width: 120px; height: 120px; position: fixed; bottom: 20px; right: 20px; cursor: pointer; z-index: 4; -webkit-animation: news-letter-scroll-button-anim 3s infinite; animation: news-letter-scroll-button-anim 3s infinite; -webkit-transform-origin: center top; transform-origin: center top; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ .pagination { position: relative; margin: 40px; margin-top: 24px; text-align: center; font-family: "Ubuntu"; font-size: 18px; line-height: 1; color: #000; } /* line 10, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ .pagination a { color: inherit; text-decoration: none; } /* line 13, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ .pagination a:hover { color: #1b9af7; } /* line 19, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ .pagination__number { display: inline-block; } /* line 23, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ .pagination__page, .pagination__page--current { display: inline-block; vertical-align: middle; margin: 0em; } /* line 27, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ .pagination__page a, .pagination__page--current a { display: block; padding: 0px 16px; } /* line 32, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ .pagination__page--current { color: #1b9af7; padding: 0px 16px; } /* line 38, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ .pagination__prev, .pagination__prev--disable, .pagination__next, .pagination__next--disable { display: inline-block; vertical-align: middle; font-size: 28px; line-height: 1; } /* line 45, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ .pagination__prev, .pagination__prev--disable { margin-right: 60px; } /* line 77, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .pagination__prev:after, .pagination__prev--disable:after { content: ""; font-family: FontAwesome; } /* line 49, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ .pagination__prev--disable { opacity: 0.2; } /* line 53, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ .pagination__next, .pagination__next--disable { margin-left: 60px; } /* line 77, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .pagination__next:after, .pagination__next--disable:after { content: ""; font-family: FontAwesome; } /* line 57, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ .pagination__next--disable { opacity: 0.2; } /* line 63, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="comic"] .pagination { height: 50px; line-height: 50px; font-family: "Source Sans Pro"; background-color: #f4f0e7; } /* line 70, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="comic"] .pagination__prev, body[data-design="comic"] .pagination__prev--disable, body[data-design="comic"] .pagination__next, body[data-design="comic"] .pagination__next--disable { -webkit-transform: translateY(-3px); transform: translateY(-3px); } /* line 75, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="comic"] .pagination__page, body[data-design="comic"] .pagination__page--current { vertical-align: top; } /* line 81, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="game"] .pagination { font-family: "Russo One", YakuHanJP, YuGothic, sans-serif; background-color: #fff; color: #000; padding: 15px 0px; border-radius: 10px; } /* line 88, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="game"] .pagination a:hover { color: #49e845; } /* line 93, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="game"] .pagination__page, body[data-design="game"] .pagination__page--current { font-size: 18px; } /* line 96, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="game"] .pagination__page--current { color: #49e845; } /* line 102, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="kamakura"] .pagination { background-color: rgba(0, 0, 0, 0.9); color: #fff; padding: 15px 0px; font-family: "Alegreya", "秀英横太明朝 L", "Shuei Mincho L"; } /* line 108, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="kamakura"] .pagination a:hover { color: #ed5300; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="kamakura"] .pagination__page, body[data-design="kamakura"] .pagination__page--current { font-size: 24px; } /* line 117, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="kamakura"] .pagination__page--current { color: #ed5300; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="tech"] .pagination { color: #fff; } /* line 126, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="tech"] .pagination * { font-family: bombard; } /* line 130, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="tech"] .pagination a:hover { color: #26dcfd; } /* line 135, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="tech"] .pagination__number { position: relative; vertical-align: middle; } /* line 139, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="tech"] .pagination__number:before { position: absolute; top: -20px; bottom: -20px; left: -40px; right: -40px; border-style: solid; -o-border-image: url(/assets/pc/design/tech/pager_border_center-c07d7a910aecff9e774593d811ac47654a61a740a8e94f441dd4e9206b173de3.png) 24 32 24 32 repeat; border-image: url(/assets/pc/design/tech/pager_border_center-c07d7a910aecff9e774593d811ac47654a61a740a8e94f441dd4e9206b173de3.png) 24 32 24 32 fill repeat; border-image-width: 24px 32px 24px 32px; z-index: -1; content: ""; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .pagination__number:before { -o-border-image: none; border-image: none; } /* line 146, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="tech"] .pagination__prev, body[data-design="tech"] .pagination__prev--disable, body[data-design="tech"] .pagination__next, body[data-design="tech"] .pagination__next--disable { position: relative; padding: 15px 30px; } /* line 151, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="tech"] .pagination__prev--disable, body[data-design="tech"] .pagination__next--disable { opacity: 1; } /* line 154, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="tech"] .pagination__prev--disable:after, body[data-design="tech"] .pagination__next--disable:after { opacity: 0.2; } /* line 159, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="tech"] .pagination__prev:before, body[data-design="tech"] .pagination__prev--disable:before, body[data-design="tech"] .pagination__next:before, body[data-design="tech"] .pagination__next--disable:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; } /* line 165, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="tech"] .pagination__prev, body[data-design="tech"] .pagination__prev--disable { margin-right: 34px; } /* line 168, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="tech"] .pagination__prev:before, body[data-design="tech"] .pagination__prev--disable:before { border-style: solid; -o-border-image: url(/assets/pc/design/tech/pager_border_left-9da4e30c1e828ca6db332dd953a75c017d4068ca61eda8d90d1a6740590654f1.png) 24 24 24 32 repeat; border-image: url(/assets/pc/design/tech/pager_border_left-9da4e30c1e828ca6db332dd953a75c017d4068ca61eda8d90d1a6740590654f1.png) 24 24 24 32 fill repeat; border-image-width: 24px 24px 24px 32px; z-index: -1; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .pagination__prev:before, .is-legacy-ie body[data-design="tech"] .pagination__prev--disable:before { -o-border-image: none; border-image: none; } /* line 173, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="tech"] .pagination__next, body[data-design="tech"] .pagination__next--disable { margin-left: 34px; } /* line 176, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="tech"] .pagination__next:before, body[data-design="tech"] .pagination__next--disable:before { border-style: solid; -o-border-image: url(/assets/pc/design/tech/pager_border_right-6b2771f41ef3a23e7b691e2b943b0fd0db3d8b1d0474f454f8c66ae03fa82064.png) 24 32 24 24 repeat; border-image: url(/assets/pc/design/tech/pager_border_right-6b2771f41ef3a23e7b691e2b943b0fd0db3d8b1d0474f454f8c66ae03fa82064.png) 24 32 24 24 fill repeat; border-image-width: 24px 32px 24px 24px; z-index: -1; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .pagination__next:before, .is-legacy-ie body[data-design="tech"] .pagination__next--disable:before { -o-border-image: none; border-image: none; } /* line 187, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="tech"] .pagination__page--current { position: relative; color: #26dcfd; text-shadow: 1px -1px 25px #6bc7ec, 1px 1px 25px #6bc7ec, -1px -1px 25px #6bc7ec, -1px 1px 25px #6bc7ec; } /* line 192, /home/circleci/app/app/assets/stylesheets/modules/pc/_pagination.scss */ body[data-design="tech"] .pagination__page--current:before { position: absolute; bottom: -20px; left: 50%; background-image: url(/assets/sprite-dest/pc/tech-7f12b8c56c17884c6efdabb8271d34a3c480f6fb85f2a09f9c140fb549314b2a.png); background-position: -4912px 0px; width: 44px; height: 18px; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card, .portfolio-card--2c, .portfolio-card--mm-2c, .portfolio-card--4c, .portfolio-card--mm-4c, .portfolio-card--member { font-size: 0px; padding-right: 32px; } /* line 4, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card *, .portfolio-card--2c *, .portfolio-card--mm-2c *, .portfolio-card--4c *, .portfolio-card--mm-4c *, .portfolio-card--member * { -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 8, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card--2c, .portfolio-card--mm-2c { padding-right: 16px; } /* line 11, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card--2c .portfolio-card__item, .portfolio-card--mm-2c .portfolio-card__item { width: 50%; } /* line 13, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card--2c .portfolio-card__item:nth-child(2n + 1), .portfolio-card--mm-2c .portfolio-card__item:nth-child(2n + 1) { left: 0px; } /* line 16, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card--2c .portfolio-card__item:nth-child(2n), .portfolio-card--mm-2c .portfolio-card__item:nth-child(2n) { left: 16px; } /* line 20, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card--2c .portfolio-card__cell__cover__image, .portfolio-card--mm-2c .portfolio-card__cell__cover__image, .portfolio-card--2c .portfolio-card__cell__cover__image--manga, .portfolio-card--mm-2c .portfolio-card__cell__cover__image--manga, .portfolio-card--2c .portfolio-card__cell__cover__image--photo, .portfolio-card--mm-2c .portfolio-card__cell__cover__image--photo { max-height: 356px; } /* line 25, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card--4c, .portfolio-card--mm-4c { padding-right: 24px; } /* line 28, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card--4c .portfolio-card__item, .portfolio-card--mm-4c .portfolio-card__item { width: 25%; } /* line 30, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card--4c .portfolio-card__item:nth-child(4n + 1), .portfolio-card--mm-4c .portfolio-card__item:nth-child(4n + 1) { left: 0px; } /* line 33, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card--4c .portfolio-card__item:nth-child(4n + 2), .portfolio-card--mm-4c .portfolio-card__item:nth-child(4n + 2) { left: 8px; } /* line 36, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card--4c .portfolio-card__item:nth-child(4n + 3), .portfolio-card--mm-4c .portfolio-card__item:nth-child(4n + 3) { left: 16px; } /* line 39, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card--4c .portfolio-card__item:nth-child(4n), .portfolio-card--mm-4c .portfolio-card__item:nth-child(4n) { left: 24px; } /* line 52, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card--mm-2c .portfolio-card__cell__cover img { width: 100%; } /* line 56, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card--mm-2c .portfolio-card__cell__title { font-size: 18px; padding: 20px 22px; min-height: 112px; } /* line 61, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card--mm-2c .portfolio-card__cell__footer, .portfolio-card--mm-2c .portfolio-card__cell__footer--long { padding: 20px 22px; } /* line 68, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card--mm-4c .portfolio-card__cell__cover img { width: 100%; } /* line 72, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card--mm-4c .portfolio-card__cell__title { font-size: 18px; padding: 20px 22px; } /* line 76, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card--mm-4c .portfolio-card__cell__footer, .portfolio-card--mm-4c .portfolio-card__cell__footer--long { padding: 20px 22px; } /* line 81, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__item { display: inline-block; position: relative; vertical-align: top; width: 33.3%; margin-bottom: 16px; } /* line 87, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__item:nth-child(3n + 1) { left: 0px; } /* line 90, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__item:nth-child(3n + 2) { left: 16px; } /* line 93, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__item:nth-child(3n + 3) { left: 32px; } /* line 98, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__cell, .portfolio-card__cell--border { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; color: #4c4c4c; text-decoration: none; line-height: 1.57143; } /* line 109, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__cell:hover .portfolio-card__cell__cover:after, .portfolio-card__cell--border:hover .portfolio-card__cell__cover:after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } /* line 120, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__cell--border { border: solid 1px #cccccc; } /* line 125, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__cell__cover { position: relative; overflow: hidden; } /* line 130, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__cell__cover__image, .portfolio-card__cell__cover__image--manga, .portfolio-card__cell__cover__image--photo { display: block; width: 100%; height: 0px; padding-bottom: 56.25%; background-size: cover; background-position: center; background-repeat: no-repeat; } /* line 139, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__cell__cover__image--manga, .portfolio-card__cell__cover__image--photo { display: none; } /* line 145, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__cell__cover__filter, .portfolio-card__cell__cover__filter--comic, .portfolio-card__cell__cover__filter--kamakura, .portfolio-card__cell__cover__filter--tech { position: absolute; top: 0px; left: 0px; } /* line 150, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__cell__cover__filter--comic, .portfolio-card__cell__cover__filter--kamakura, .portfolio-card__cell__cover__filter--tech { display: none; } /* line 157, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__cell__cover__closed { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.4); } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__cell__cover__closed span { position: absolute; top: 50%; left: 50%; display: block; width: 54px; margin-left: -27px; margin-top: -5px; padding: 4px 0px; border: solid 1px #fff; border-radius: 4px; font-size: 14px; line-height: 1; color: #fff; background-color: #000; text-align: center; } /* line 178, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__cell__title { padding: 24px 32px; padding-bottom: 46px; min-height: 142px; font-size: 18px; font-weight: bold; } /* line 185, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__cell__title p { height: 3em; overflow: hidden; } /* line 192, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__cell__title__name { font-size: 24px; } /* line 196, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__cell__title__kana { font-size: 10px; } /* line 200, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__cell__title__sub { margin-top: 10px; font-size: 14px; font-weight: normal; } /* line 206, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__cell__title__english { font-size: 26px; } /* line 210, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__cell__title__pickup { float: right; color: #f66; font-size: 12px; border: solid 1px #f66; line-height: 1; padding: 3px 5px; margin-top: 5px; margin-left: 0.5em; } /* line 221, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__cell__footer, .portfolio-card__cell__footer--long { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 16px 32px; font-size: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* line 232, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__cell__footer--long { white-space: normal; } /* line 237, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__cell__footer__date { font-style: italic; } /* line 241, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__cell__footer__job { display: inline; font-size: 12px; } /* line 246, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__cell__footer__job__stamp { display: inline-block; margin-right: 8px; } /* line 251, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ .portfolio-card__cell__footer__tags { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* line 259, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="simple"] .portfolio-card__cell:hover, body[data-design="simple"] .portfolio-card__cell--border:hover { color: #1b9af7; } /* line 262, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="simple"] .portfolio-card__cell:hover .portfolio-card__cell__cover:after, body[data-design="simple"] .portfolio-card__cell--border:hover .portfolio-card__cell__cover:after { background-color: rgba(0, 0, 0, 0.2); } /* line 269, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="simple"] .portfolio-card__cell__cover__image--manga { display: block; } /* line 273, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="simple"] .portfolio-card__cell__footer__date { font-family: "Ubuntu"; } /* line 280, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="comic"] .portfolio-card__cell:hover, body[data-design="comic"] .portfolio-card__cell--border:hover { background-image: url(/assets/pc/design/comic/ptn_comic_1-c94f8f625adf581b69b82cb83368c49870767c249b391461c134488f2379cedb.png); background-size: 8px 8px; text-shadow: 4px 0px 0px #f4f0e7, -3.49322px -1.9487px 0px #f4f0e7, 2.10128px 3.40362px 0px #f4f0e7, -0.17692px -3.99608px 0px #f4f0e7, -1.7923px 3.57598px 0px #f4f0e7, 3.30734px -2.24976px 0px #f4f0e7, -3.98436px 0.35348px 0px #f4f0e7, 3.65176px 1.63238px 0px #f4f0e7, -2.39384px -3.20462px 0px #f4f0e7, 0.52934px 3.96482px 0px #f4f0e7, 1.46928px -3.72038px 0px #f4f0e7, -3.0956px 2.53324px 0px #f4f0e7, 3.93752px -0.70418px 0px #f4f0e7, -3.78172px -1.3033px 0px #f4f0e7, 2.66766px 2.98054px 0px #f4f0e7, -0.87764px -3.90254px 0px #f4f0e7, -1.13476px 3.83566px 0px #f4f0e7; } /* line 287, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="comic"] .portfolio-card__cell__cover__image--manga { display: block; } /* line 291, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="comic"] .portfolio-card__cell__cover__filter--comic { display: block; } /* line 295, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="comic"] .portfolio-card__cell__cover__closed { text-shadow: none !important; } /* line 299, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="comic"] .portfolio-card__cell__title { font-family: "Source Sans Pro", "ゴシックMB101 DB JIS2004"; } /* line 309, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="game"] .portfolio-card__cell:hover:before, body[data-design="game"] .portfolio-card__cell--border:hover:before { position: absolute; bottom: 20px; right: 25px; width: 0; height: 0; border: 10px solid transparent; border-top: 10px solid #fff; -webkit-animation: arrow-flash 1s steps(1) infinite; animation: arrow-flash 1s steps(1) infinite; content: ""; } /* line 317, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="game"] .portfolio-card__cell__cover__image, body[data-design="game"] .portfolio-card__cell__cover__image--manga, body[data-design="game"] .portfolio-card__cell__cover__image--photo, body[data-design="game"] .portfolio-card__cell__cover__filter, body[data-design="game"] .portfolio-card__cell__cover__filter--comic, body[data-design="game"] .portfolio-card__cell__cover__filter--kamakura, body[data-design="game"] .portfolio-card__cell__cover__filter--tech, body[data-design="game"] .portfolio-card__cell__cover__closed { border-radius: 10px 10px 0px 0px; } /* line 323, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="game"] .portfolio-card__cell__title__name { font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } /* line 327, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="game"] .portfolio-card__cell__cover__image--manga { display: block; } /* line 334, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="kamakura"] .portfolio-card__cell:hover, body[data-design="kamakura"] .portfolio-card__cell--border:hover { color: #ed5300; } /* line 337, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="kamakura"] .portfolio-card__cell:hover .portfolio-card__cell__cover:after, body[data-design="kamakura"] .portfolio-card__cell--border:hover .portfolio-card__cell__cover:after { background-color: rgba(0, 0, 0, 0.2); } /* line 344, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="kamakura"] .portfolio-card__cell__title { font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; } /* line 348, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="kamakura"] .portfolio-card__cell__cover__image--photo { display: block; } /* line 352, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="kamakura"] .portfolio-card__cell__cover__filter--kamakura { display: block; } /* line 358, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="tech"] .portfolio-card__cell, body[data-design="tech"] .portfolio-card__cell--border { border: none; } /* line 361, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="tech"] .portfolio-card__cell:before, body[data-design="tech"] .portfolio-card__cell--border:before { display: none; } /* line 366, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="tech"] .portfolio-card__cell:hover .portfolio-card__cell__title, body[data-design="tech"] .portfolio-card__cell--border:hover .portfolio-card__cell__title, body[data-design="tech"] .portfolio-card__cell:hover .portfolio-card__cell__title__name, body[data-design="tech"] .portfolio-card__cell--border:hover .portfolio-card__cell__title__name, body[data-design="tech"] .portfolio-card__cell:hover .portfolio-card__cell__title__kana, body[data-design="tech"] .portfolio-card__cell--border:hover .portfolio-card__cell__title__kana { -webkit-animation: tech-text-flash 0.2s linear both; animation: tech-text-flash 0.2s linear both; } /* line 378, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="tech"] .portfolio-card__cell__cover img, body[data-design="tech"] .portfolio-card__cell__cover__image, body[data-design="tech"] .portfolio-card__cell__cover__image--manga, body[data-design="tech"] .portfolio-card__cell__cover__image--photo { visibility: hidden; } /* line 384, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="tech"] .portfolio-card__cell__cover .corner-cut-image { width: 100%; height: 100%; } /* line 390, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="tech"] .portfolio-card__cell__cover__image--photo { display: block; opacity: 0; } /* line 395, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio-card.scss */ body[data-design="tech"] .portfolio-card__cell__footer, body[data-design="tech"] .portfolio-card__cell__footer--long { pointer-events: none; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio, .portfolio--service { position: relative; margin-bottom: 48px; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .portfolio:before, .portfolio--service:before, .portfolio:after, .portfolio--service:after { content: ""; display: block; clear: both; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio *, .portfolio--service * { -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 15, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__profile { color: #4c4c4c; height: 480px; } /* line 20, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__profile__info { width: 426px; height: 100%; padding: 40px; float: left; font-size: 14px; } /* line 29, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__profile__image { position: relative; margin-left: 434px; height: 100%; overflow: hidden; background-color: #fff; } /* line 36, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__profile__image img, .portfolio__profile__image canvas { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } /* line 44, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__profile__image img.is-show, .portfolio__profile__image canvas.is-show { display: block; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__profile__image__switch { position: absolute; top: 16px; right: 16px; } /* line 56, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__profile__info__name, .portfolio__profile__info__name--en { display: block; font-size: 36px; font-weight: bold; line-height: 1; color: #4c4c4c; margin-bottom: 8px; } /* line 64, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__profile__info__name--en { font-size: 28px; } /* line 69, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__profile__info__kana { margin-bottom: 8px; text-align: left; color: #999999; } /* line 75, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__excuse { font-size: 14px; } /* line 79, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__excuse__stamp { margin-top: 16px; margin-bottom: 8px; } /* line 84, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__excuse__reason { color: #999999; border-left: solid 2px #eeeeee; padding-left: 16px; margin-top: 16px; } /* line 89, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__excuse__reason dt { font-weight: bold; } /* line 92, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__excuse__reason dd { font-size: 16px; font-weight: normal; } /* line 98, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__profile__info__role { margin-top: 8px; margin-bottom: 20px; color: #999999; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .portfolio__profile__info__social__twitter:before { content: ""; font-family: FontAwesome; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .portfolio__profile__info__social__facebook:before { content: ""; font-family: FontAwesome; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .portfolio__profile__info__social__github:before { content: ""; font-family: FontAwesome; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .portfolio__profile__info__social__instagram:before { content: ""; font-family: FontAwesome; } /* line 120, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__profile__info__social, .portfolio__profile__info__article { margin: 20px 0px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__profile__info__social a, .portfolio__profile__info__article a { color: inherit; border-bottom: 1px dotted #4c4c4c; text-decoration: none; margin-left: 5px; } /* line 131, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__profile__info__social { font-family: "Ubuntu"; } /* line 133, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__profile__info__social a { color: inherit; text-decoration: none; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .portfolio__profile__info__article li:before { content: ""; font-family: FontAwesome; } /* line 145, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__profile__spec { line-height: 24px; overflow: hidden; } /* line 149, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__profile__spec dt { position: relative; display: block; float: left; vertical-align: top; width: 100px; margin-right: 8px; padding-bottom: 10px; white-space: nowrap; overflow: hidden; } /* line 159, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__profile__spec dt:after { content: ""; position: relative; top: 13px; display: inline-block; vertical-align: top; width: 100%; margin-left: 8px; border-bottom: dotted 1px #4c4c4c; } /* line 169, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__profile__spec dt small { display: block; position: absolute; top: 20px; left: 0px; font-size: 12px; line-height: 1; } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__profile__spec dd { display: block; margin-left: 108px; } /* line 184, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__profile__spec strong { font-size: 18px; font-weight: bold; } /* line 190, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__profile__info__share { margin: 20px 0px; line-height: 1; } /* line 195, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__profile__info__share__tab { display: inline-block; margin-right: 8px; vertical-align: top; } /* line 201, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__profile__info__article { margin-top: 15px; } /* line 205, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__switch, .portfolio__switch--photo, .portfolio__switch--manga { width: 40px; margin-bottom: 8px; border: solid 1px #fff; color: #fff; font-size: 14px; line-height: 40px; font-weight: bold; background-color: #999999; text-align: center; border-radius: 21px; -webkit-box-sizing: content-box; box-sizing: content-box; cursor: pointer; } /* line 220, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__switch.is-active, .is-active.portfolio__switch--photo, .is-active.portfolio__switch--manga { background-color: #333333; } /* line 229, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__hero-image, .portfolio__hero-image--soldout, .portfolio__hero-image--closed { font-size: 0; } /* line 231, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__hero-image img, .portfolio__hero-image--soldout img, .portfolio__hero-image--closed img { width: 100%; height: auto; } /* line 239, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__hero-image--soldout:after, .portfolio__hero-image--closed:after { content: ""; display: block; position: absolute; top: -7px; right: -8px; width: 156px; height: 190px; z-index: 2; } /* line 251, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__hero-image--soldout:after { background-image: url(/assets/pc/service/closed_and_soldout/ico_soldout-ribbon_l-4a8a18f1e4679c7a702f453d817f54663505137da59ee877e612d8dda695f923.png); } /* line 256, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__hero-image--closed:after { background-image: url(/assets/pc/service/closed_and_soldout/ico_closed-ribbon_l-4e12fe4968b2e172b6b77286e30792cbdd54a4c25129b44675bc129901ff7870.png); } /* line 261, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__content { position: relative; } /* line 265, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__main { margin-top: 8px; margin-right: 428px; } /* line 270, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__main__block, .portfolio__main__block--first, .portfolio__main__block--contact, .portfolio__main__block--gallery { position: relative; padding: 40px; margin-bottom: 8px; } /* line 279, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__main__block--contact { text-align: center; } /* line 287, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__main__title { font-size: 24px; font-weight: bold; margin-bottom: 16px; margin-top: 40px; } /* line 292, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__main__title:first-child { margin-top: 0px; } /* line 297, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__main__relation { overflow: hidden; } /* line 300, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__main__relation__item { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; margin-bottom: 8px; } /* line 305, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__main__relation__item:nth-child(even) { padding-left: 4px; } /* line 308, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__main__relation__item:nth-child(odd) { padding-right: 4px; } /* line 313, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__title-block { padding: 40px; font-size: 40px; font-weight: bold; border-bottom: solid 2px #eeeeee; } /* line 321, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__title-block__share { margin-top: 40px; font-size: 14px; } /* line 326, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__title-block__share__tab { margin-right: 8px; display: inline-block; vertical-align: top; line-height: 1; } /* line 333, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__article { font-size: 18px; line-height: 2; } /* line 337, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__article hr { border: none; padding: 0px; margin: 32px 0px; border-bottom: solid 2px #eeeeee; } /* line 344, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__article__mini-title { font-size: 22px; font-weight: bold; } /* line 348, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__article__images { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /* line 353, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__article__images img { margin-bottom: 9px; } /* line 365, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__article__body--interview h2:before { content: "─ "; } /* line 371, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__article__works { position: relative; overflow: hidden; margin-top: 32px; } /* line 376, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__article__works__item { display: block; float: left; width: 50%; margin-bottom: 8px; } /* line 381, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__article__works__item:nth-child(odd) { padding-right: 4px; } /* line 384, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__article__works__item:nth-child(even) { padding-left: 4px; } /* line 389, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__comment { font-size: 14px; overflow: hidden; } /* line 393, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__comment__item { display: block; padding: 16px 0px; border-bottom: solid 2px #eeeeee; } /* line 398, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__comment__item:first-child { padding-top: 0; } /* line 401, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__comment__item:last-child { padding-bottom: 0; border-bottom: none; } /* line 406, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__comment__item a { text-decoration: none; color: inherit; } /* line 411, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__comment__item__img { float: left; } /* line 414, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__comment__item__img img { width: 50px; } /* line 419, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__comment__item__right { margin-left: 66px; word-break: break-all; } /* line 424, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__comment__item__name { font-weight: bold; } /* line 428, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__contact { text-align: center; } /* line 431, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__share { text-align: center; } /* line 435, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar { position: absolute; width: 420px; top: 0px; right: 0px; } /* line 441, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar dt, .portfolio__sidebar th { color: #999999; } /* line 445, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar dt { position: relative; overflow: hidden; max-height: 4.5em; } /* line 330, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .portfolio__sidebar dt:before, .portfolio__sidebar dt:after { background-color: #fff; position: absolute; } /* line 335, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .portfolio__sidebar dt:before { content: "…"; right: 0px; top: 3em; } /* line 340, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .portfolio__sidebar dt:after { content: ""; width: 100%; height: 100%; } /* line 450, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar th, .portfolio__sidebar td { vertical-align: top; } /* line 454, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar th { padding-right: 40px; word-break: break-word; } /* line 459, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block { position: relative; padding: 32px 40px; margin-bottom: 8px; font-family: "Ubuntu"; } /* line 467, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__title { font-weight: bold; margin-bottom: 32px; } /* line 475, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__document { font-size: 14px; overflow: hidden; } /* line 478, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__document li { position: relative; padding-left: 1em; margin-top: 10px; } /* line 482, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__document li:before { content: "・"; display: block; position: absolute; top: 0px; left: 0px; } /* line 489, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__document li:first-child { margin-top: 0px; } /* line 494, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__document h2 { font-weight: bold; margin: 10px 0px; } /* line 497, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__document h2:first-child { margin-top: 0px; } /* line 502, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__document dl { position: relative; margin-bottom: 8px; } /* line 505, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__document dl dt { position: absolute; top: 0px; left: 0px; width: 5.5em; } /* line 511, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__document dl dd { padding-left: 6em; margin-bottom: 10px; } /* line 514, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__document dl dd:last-child { margin-bottom: 0px; } /* line 525, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__recommend { font-size: 14px; list-style-position: inside; position: relative; margin-top: 15px; padding-top: 15px; list-style-type: none; overflow: hidden; } /* line 534, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__recommend a { text-decoration: none; color: inherit; display: block; } /* line 538, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__recommend a:hover { opacity: 0.7; } /* line 543, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__recommend:before { position: absolute; top: 0; left: 0; right: 0; height: 2px; background-color: #eeeeee; content: ""; } /* line 550, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__recommend:first-child { margin-top: 0px; padding-top: 0px; } /* line 553, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__recommend:first-child:before { display: none; } /* line 559, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__recommend__image { float: left; line-height: 0; } /* line 562, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__recommend__image img { display: block; width: 108px; height: auto; } /* line 569, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__recommend__title { margin-left: 124px; font-size: 18px; font-weight: bold; word-break: break-all; } /* line 576, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__recommend__description { margin-top: 5px; margin-left: 124px; font-size: 12px; } /* line 582, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__smile__name { margin: 30px auto 15px; font-size: 20px; } /* line 587, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__smile__description { font-size: 15px; } /* line 591, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__smile__from { position: relative; margin-top: 30px; padding-left: 80px; font-size: 18px; } /* line 597, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__block__smile__from:before { position: absolute; top: 0; left: 0; content: "From"; } /* line 603, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__episode__cell { display: block; overflow: hidden; font-size: 14px; color: inherit; text-decoration: none; } /* line 609, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__episode__cell:hover { opacity: 0.7; } /* line 614, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__episode__cell__image { display: block; width: 100%; height: auto; margin-bottom: 16px; } /* line 621, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__episode__cell__title { font-weight: bold; margin-bottom: 8px; } /* line 626, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__link { text-align: center; } /* line 631, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__meta__app { margin-top: 1em; text-align: center; } /* line 635, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__meta__app__item, .portfolio__meta__app__item--ios, .portfolio__meta__app__item--android { display: inline-block; } /* line 637, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__meta__app__item a, .portfolio__meta__app__item--ios a, .portfolio__meta__app__item--android a { display: block; width: 160px; height: 48px; background-repeat: no-repeat; background-position: center; background-size: contain; } /* line 646, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__meta__app__item a span, .portfolio__meta__app__item--ios a span, .portfolio__meta__app__item--android a span { display: none; } /* line 653, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__meta__app__item--ios a { background-image: url(/assets/pc/service/detail/ico_appstore-4cfabcfdbec9a5cd903190f150028743f38c3533b53ea21c6e4dd35a52a80383.svg); } /* line 659, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__meta__app__item--android a { background-image: url(/assets/pc/service/detail/ico_googleplay-2b4ac56a272feb56e30fe461b1a05dcfe1242fe7554440af5b5e26f1ee017517.png); } /* line 664, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__meta__link { border-top: solid 2px #eeeeee; text-align: center; margin-top: 20px; padding-top: 40px; padding-bottom: 8px; } /* line 672, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__award { overflow: hidden; } /* line 675, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__award__title { font-size: 16px; font-family: "Ubuntu"; white-space: nowrap; text-align: center; float: left; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .portfolio__award__title:before { content: ""; font-family: FontAwesome; } /* line 683, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__award__title:before { font-size: 160%; line-height: 1.3; display: block; } /* line 689, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__award__list { margin-left: 85px; } /* line 692, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__award__list__item { margin-bottom: 8px; } /* line 694, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__award__list__item:last-child { margin-bottom: 0px; } /* line 698, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__media { font-size: 14px; } /* line 701, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__media dt { float: left; } /* line 704, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__media td { font-family: YakuHanJP, YuGothic, sans-serif; } /* line 708, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__media__title { font-size: 16px; font-family: "Ubuntu"; margin-bottom: 2em; } /* line 713, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__credit { font-size: 14px; } /* line 716, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__credit > dl dt { float: left; } /* line 719, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__credit td { font-family: YakuHanJP, YuGothic, sans-serif; } /* line 722, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__credit hr { padding: 0px; margin: 32px 0px 40px 0px; border: none; border-bottom: solid 2px #eeeeee; } /* line 729, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__credit__title { font-size: 16px; margin-bottom: 2em; } /* line 733, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__credit__sub-title { margin: 2em auto 1em; font-size: 14px; font-weight: bold; } /* line 743, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__technology { color: #999999; } /* line 746, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__member-list { font-size: 0px; } /* line 748, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__member-list a { text-decoration: none; color: inherit; } /* line 751, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__member-list a:hover { opacity: 0.7; } /* line 756, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__member-list__item { width: 108px; margin-right: 8px; margin-bottom: 8px; display: inline-block; vertical-align: top; word-wrap: break-word; font-size: 14px; } /* line 765, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__member-list__item:nth-child(3n) { margin-right: 0px; } /* line 769, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__member-list__item a { display: block; } /* line 773, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__member-list__item img { width: 108px; height: 108px; -o-object-fit: cover; object-fit: cover; } /* line 778, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__sidebar__member-list__item dd { font-weight: bold; } /* line 784, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__reration__title { font-size: 16px; font-family: "Ubuntu"; margin-bottom: 2em; font-weight: bold; } /* line 792, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__reration__list__item { margin-bottom: 16px; } /* line 794, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__reration__list__item a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* line 798, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__reration__list__item__info { font-size: 10px; padding: 8px 16px; } /* line 802, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__reration__list__item__title { font-size: 14px; margin-bottom: 0.5em; } /* line 806, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__reration__list__item__date { font-style: italic; } /* line 809, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__reration__list__item__category { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif; } /* line 812, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ .portfolio__reration__list__item__tags { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif; } /* line 817, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ body[data-design="simple"] .portfolio__credit__title, body[data-design="simple"] .portfolio__credit__sub-title, body[data-design="simple"] .portfolio__article__mini-title { font-family: "Ubuntu"; } /* line 825, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ body[data-design="comic"] .portfolio__title-block { border-color: #474541; } /* line 828, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ body[data-design="comic"] .portfolio__title-block:after { border-bottom: none; } /* line 832, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ body[data-design="comic"] .portfolio__title-block h2 { font-family: "ゴシックMB101 U JIS2004"; color: #f4f0e7; text-shadow: 4px 0px 0px #474541, -3.49322px -1.9487px 0px #474541, 2.10128px 3.40362px 0px #474541, -0.17692px -3.99608px 0px #474541, -1.7923px 3.57598px 0px #474541, 3.30734px -2.24976px 0px #474541, -3.98436px 0.35348px 0px #474541, 3.65176px 1.63238px 0px #474541, -2.39384px -3.20462px 0px #474541, 0.52934px 3.96482px 0px #474541, 1.46928px -3.72038px 0px #474541, -3.0956px 2.53324px 0px #474541, 3.93752px -0.70418px 0px #474541, -3.78172px -1.3033px 0px #474541, 2.66766px 2.98054px 0px #474541, -0.87764px -3.90254px 0px #474541, -1.13476px 3.83566px 0px #474541; } /* line 840, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ body[data-design="comic"] .portfolio__main__block--first:after { border-top: none; } /* line 845, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ body[data-design="comic"] .portfolio__article, body[data-design="comic"] .portfolio__credit, body[data-design="comic"] .portfolio__article { border-color: #474541; } /* line 852, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ body[data-design="comic"] .portfolio__article hr { border-color: #474541; } /* line 859, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ body[data-design="comic"] .portfolio__sidebar dt:before, body[data-design="comic"] .portfolio__sidebar dt:after { background-color: #f4f0e7; } /* line 867, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ body[data-design="comic"] .has-onomatope:after { position: absolute; top: -220px; right: -350px; z-index: 2; content: ""; } /* line 875, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ body[data-design="comic"] .has-onomatope:hover:after { opacity: 1; -webkit-animation: bounce-to-top-right 0.5s linear both; animation: bounce-to-top-right 0.5s linear both; } /* line 882, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ body[data-design="comic"] .has-onomatope[data-onomatope-id="buzz_3"]:after { background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 357px; height: 333px; background-position: -3847px 0px; background-size: 12546.5px 628px; } /* line 888, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ body[data-design="comic"] .has-onomatope[data-onomatope-id="favorite"]:after { background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 325px; height: 118px; background-position: -4604px 0px; background-size: 12546.5px 628px; } /* line 894, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ body[data-design="comic"] .has-onomatope[data-onomatope-id="career"]:after { background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 347px; height: 126px; background-position: -4204px 0px; background-size: 12546.5px 628px; } /* line 902, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ body[data-design="game"] .portfolio__title-block { border-radius: 10px 10px 0px 0px; } /* line 906, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ body[data-design="game"] .portfolio__main__block--first { border-radius: 0px 0px 10px 10px; } /* line 912, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ body[data-design="tech"] .portfolio__profile__info__name, body[data-design="tech"] .portfolio__profile__info__name--en { color: #ccc; } /* line 916, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ body[data-design="tech"] .portfolio__switch, body[data-design="tech"] .portfolio__switch--photo, body[data-design="tech"] .portfolio__switch--manga { color: #fff; border-color: #26dcfd; background-color: #419ca8; opacity: 0.5; } /* line 922, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ body[data-design="tech"] .portfolio__switch.is-active, body[data-design="tech"] .is-active.portfolio__switch--photo, body[data-design="tech"] .is-active.portfolio__switch--manga { opacity: 1; text-shadow: 1px -1px 1px rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(255, 255, 255, 0.4), -1px -1px 1px rgba(255, 255, 255, 0.4), -1px 1px 1px rgba(255, 255, 255, 0.4); -webkit-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.24) inset, 0 0 5px 0 #26dcfd; box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.24) inset, 0 0 5px 0 #26dcfd; } /* line 930, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ body[data-design="tech"] .portfolio__article__body *, body[data-design="tech"] .portfolio__article__body--interview * { font-family: "ゴシックMB101 L JIS2004"; } /* line 934, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ body[data-design="tech"] .portfolio__article__body h1, body[data-design="tech"] .portfolio__article__body--interview h1, body[data-design="tech"] .portfolio__article__body h2, body[data-design="tech"] .portfolio__article__body--interview h2, body[data-design="tech"] .portfolio__article__body h3, body[data-design="tech"] .portfolio__article__body--interview h3, body[data-design="tech"] .portfolio__article__body h4, body[data-design="tech"] .portfolio__article__body--interview h4 { font-family: "UD新ゴ コンデンス90 R", "Cambay", sans-serif; } /* line 942, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ body[data-design="tech"] .portfolio__title-block { border-bottom: none; } /* line 948, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ body[data-design="tech"] .portfolio__sidebar dt:before, body[data-design="tech"] .portfolio__sidebar dt:after { background-color: #1a1a1a; } /* line 958, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ body[data-design="kamakura"] .portfolio__title-block h2 { font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; } /* line 966, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ html:lang(en) .portfolio__hero-image--closed:after { background-image: url(/assets/pc/service/closed_and_soldout/ico_closed-ribbon_l_en-5e8aeb3fca34306db92fa8d34222fa8965fdbbdd4082de558ac44fbd6822bc1c.png); } /* line 971, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ html:lang(en) .portfolio__switch, html:lang(en) .portfolio__switch--photo, html:lang(en) .portfolio__switch--manga { font-size: 10px; } /* line 975, /home/circleci/app/app/assets/stylesheets/modules/pc/_portfolio.scss */ html:lang(en) .portfolio__profile__spec dt small { display: inline; position: static; padding-left: 0.2em; } /* line 3, /home/circleci/app/app/assets/stylesheets/modules/pc/_project-gallery.scss */ .project-gallery { font-size: 0px; margin-right: 160px; } /* line 8, /home/circleci/app/app/assets/stylesheets/modules/pc/_project-gallery.scss */ .project-gallery__item { display: inline-block; position: relative; vertical-align: top; width: 20%; margin-bottom: 40px; } /* line 15, /home/circleci/app/app/assets/stylesheets/modules/pc/_project-gallery.scss */ .project-gallery__item:nth-child(5n + 1) { left: 0px; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/pc/_project-gallery.scss */ .project-gallery__item:nth-child(5n + 2) { left: 40px; } /* line 21, /home/circleci/app/app/assets/stylesheets/modules/pc/_project-gallery.scss */ .project-gallery__item:nth-child(5n + 3) { left: 80px; } /* line 24, /home/circleci/app/app/assets/stylesheets/modules/pc/_project-gallery.scss */ .project-gallery__item:nth-child(5n + 4) { left: 120px; } /* line 27, /home/circleci/app/app/assets/stylesheets/modules/pc/_project-gallery.scss */ .project-gallery__item:nth-child(5n + 5) { left: 160px; } /* line 32, /home/circleci/app/app/assets/stylesheets/modules/pc/_project-gallery.scss */ .project-gallery__cell { display: block; position: relative; width: 100%; height: 0px; padding-bottom: 56.25%; background-color: #eeeeee; background-position: center; background-size: cover; } /* line 42, /home/circleci/app/app/assets/stylesheets/modules/pc/_project-gallery.scss */ .project-gallery__cell:before { content: ""; display: block; position: absolute; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: solid 1px #cccccc; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_project-gallery.scss */ .project-gallery__cell span { display: none; } /* line 55, /home/circleci/app/app/assets/stylesheets/modules/pc/_project-gallery.scss */ .project-gallery__soldout { position: absolute; top: -2px; right: -2px; background-image: url(/assets/pc/service/closed_and_soldout/ico_soldout-ribbon_s-9658b5cc480152236e3cf91e9ce07f0427f42501dd7c330d1c787d6f50319150.png); width: 58px; height: 71px; } /* line 62, /home/circleci/app/app/assets/stylesheets/modules/pc/_project-gallery.scss */ .project-gallery__soldout span { display: none; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_qa-list.scss */ .qa-list { padding-top: 16px; font-size: 16px; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/pc/_qa-list.scss */ .qa-list__item, .qa-list__item--question, .qa-list__item--answer { position: relative; padding-left: 30px; line-height: 2; } /* line 10, /home/circleci/app/app/assets/stylesheets/modules/pc/_qa-list.scss */ .qa-list__item:before, .qa-list__item--question:before, .qa-list__item--answer:before { position: absolute; top: 0.2em; left: 0px; font-size: 24px; line-height: 1; font-weight: bold; } /* line 19, /home/circleci/app/app/assets/stylesheets/modules/pc/_qa-list.scss */ .qa-list__item--question { font-size: 18px; font-weight: bold; padding-right: 32px; padding-bottom: 0.2em; border-bottom: solid 1px #eeeeee; } /* line 26, /home/circleci/app/app/assets/stylesheets/modules/pc/_qa-list.scss */ .qa-list__item--question:before { content: "Q"; } /* line 30, /home/circleci/app/app/assets/stylesheets/modules/pc/_qa-list.scss */ .qa-list__item--question.is-close, .qa-list__item--question.is-open { cursor: pointer; } /* line 34, /home/circleci/app/app/assets/stylesheets/modules/pc/_qa-list.scss */ .qa-list__item--question.is-close:after, .qa-list__item--question.is-open:after { position: absolute; top: 0px; right: 0px; width: 20px; height: 20px; border: solid 2px #4c4c4c; line-height: 18px; text-align: center; font-size: 16px; font-weight: bold; font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif; } /* line 48, /home/circleci/app/app/assets/stylesheets/modules/pc/_qa-list.scss */ .qa-list__item--question.is-close:after { content: "+"; } /* line 51, /home/circleci/app/app/assets/stylesheets/modules/pc/_qa-list.scss */ .qa-list__item--question.is-open:after { content: "-"; } /* line 55, /home/circleci/app/app/assets/stylesheets/modules/pc/_qa-list.scss */ .qa-list__item--answer { margin-top: 0.5em; } /* line 58, /home/circleci/app/app/assets/stylesheets/modules/pc/_qa-list.scss */ .qa-list__item--answer:before { content: "A"; color: #55d755; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_ranking-list.scss */ .ranking-list { font-size: 16px; margin-bottom: 2em; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/pc/_ranking-list.scss */ .ranking-list__rank { min-width: 3em; display: inline-block; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_ranking.scss */ .ranking { width: 240px; height: 380px; padding: 30px; } /* line 8, /home/circleci/app/app/assets/stylesheets/modules/pc/_ranking.scss */ .ranking__inner { position: relative; height: 100px; margin-top: 20px; } /* line 15, /home/circleci/app/app/assets/stylesheets/modules/pc/_ranking.scss */ .ranking__inner[data-rank="1"]:before { position: absolute; top: -15px; left: -15px; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #fff; font-family: "Ubuntu"; font-size: 18px; font-weight: bold; background-color: #4c4c4c; border-radius: 50%; content: "1"; } /* line 15, /home/circleci/app/app/assets/stylesheets/modules/pc/_ranking.scss */ .ranking__inner[data-rank="2"]:before { position: absolute; top: -15px; left: -15px; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #fff; font-family: "Ubuntu"; font-size: 18px; font-weight: bold; background-color: #4c4c4c; border-radius: 50%; content: "2"; } /* line 15, /home/circleci/app/app/assets/stylesheets/modules/pc/_ranking.scss */ .ranking__inner[data-rank="3"]:before { position: absolute; top: -15px; left: -15px; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #fff; font-family: "Ubuntu"; font-size: 18px; font-weight: bold; background-color: #4c4c4c; border-radius: 50%; content: "3"; } /* line 32, /home/circleci/app/app/assets/stylesheets/modules/pc/_ranking.scss */ .ranking__inner a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: inherit; text-decoration: none; } /* line 39, /home/circleci/app/app/assets/stylesheets/modules/pc/_ranking.scss */ .ranking__title { line-height: 1em; margin-bottom: 25px; font-size: 24px; font-family: "Ubuntu"; font-weight: bold; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_ranking.scss */ .ranking__description { height: inherit; margin-left: 15px; font-size: 12px; letter-spacing: -0.2px; } /* line 3, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit-type.scss */ .recruit-type__title { font-weight: bold; margin: 2em auto 0 !important; } /* line 7, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit-type.scss */ .recruit-type__job-category-list { margin: 0 !important; } /* line 10, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit-type.scss */ .recruit-type__job-category-item { list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin: 0.7em 0 0 0 !important; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit-type.scss */ .recruit-type__job-category-item:before { content: "・"; font-weight: bold; font-size: 30px; line-height: 16px; margin-top: 7px; margin-right: -4px; margin-left: -8px; } /* line 24, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit-type.scss */ .recruit-type__job-category-item__name { display: inline; font-size: 16px; color: #1b9af7; text-decoration: underline; } /* line 29, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit-type.scss */ .recruit-type__job-category-item__name:after { content: " > "; margin-right: 0.5em; } /* line 34, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit-type.scss */ .recruit-type__job-category-item .common-button__tag { margin-top: 5px; } /* line 2, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ ul.recruit-fresh-slider { margin: 0 -40px; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider { position: relative; padding: 0 40px 65px; z-index: 0; overflow: hidden; } /* line 11, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider .swiper-slide { list-style-type: none; margin: 0; } /* line 15, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider .slide-item { border: solid 1px #cccccc; background-color: #fff; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider .slide-item a { text-decoration: none; } /* line 22, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider .slide-item__img img { display: block; width: 100%; aspect-ratio: 1.90476; -o-object-fit: cover; object-fit: cover; } /* line 29, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider .slide-item-info { padding: 13px; position: relative; } /* line 32, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider .slide-item-info__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 55px; margin-bottom: 5px; } /* line 39, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider .slide-item-info__title h6 { color: #4c4c4c; font-size: 18px; line-height: 1.5; font-weight: bold; } /* line 46, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider .slide-item-info__desc { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; min-height: 70px; } /* line 52, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider .slide-item-info__desc p { color: #4c4c4c; font-size: 13px; margin: 0; } /* line 57, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider .slide-item-info__desc span { font-style: italic; color: #4c4c4c; font-size: 13px; } /* line 70, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider .episode-img-ratio img { aspect-ratio: 1.77778 !important; } /* line 76, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider .desc-team__name { margin-top: 15px !important; font-weight: bold; letter-spacing: -0.02em; } /* line 81, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider .desc-team__member { letter-spacing: -0.02em; } /* line 86, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider .desc__line { font-style: initial !important; } /* line 91, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-pagination { line-height: 0; bottom: 20px !important; } /* line 94, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-pagination > .swiper-pagination-bullet { width: 15px; height: 15px; margin: 0 7.5px !important; } /* line 102, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider .swiper-button-prev { left: 15px; } /* line 104, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider .swiper-button-prev div { -webkit-transform: scaleX(-1); transform: scaleX(-1); } /* line 108, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider .swiper-button-next { right: 15px; } /* line 111, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider .swiper-button-prev, .recruit-fresh-slider .swiper-button-next { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 70px; height: 100px; position: absolute; top: 37%; margin: 0; padding: 0; line-height: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; opacity: 0.7; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } /* line 127, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider .swiper-button-prev:after, .recruit-fresh-slider .swiper-button-next:after { display: none; } /* line 130, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider .swiper-button-prev div, .recruit-fresh-slider .swiper-button-next div { position: relative; width: 40px; height: 40px; border-radius: 20px; background-color: #f4f4f4; } /* line 136, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider .swiper-button-prev div:before, .recruit-fresh-slider .swiper-button-prev div:after, .recruit-fresh-slider .swiper-button-next div:before, .recruit-fresh-slider .swiper-button-next div:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; } /* line 145, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider .swiper-button-prev div:before, .recruit-fresh-slider .swiper-button-next div:before { left: 11px; width: 15px; height: 0; border-top: 1px solid #000; } /* line 151, /home/circleci/app/app/assets/stylesheets/modules/pc/_recruit_fresh_slider.scss */ .recruit-fresh-slider .swiper-button-prev div:after, .recruit-fresh-slider .swiper-button-next div:after { left: 15px; width: 10px; height: 10px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* line 2, /home/circleci/app/app/assets/stylesheets/modules/pc/_resume.scss */ body:not(.is-resume) .only-resume { display: none !important; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_route-list.scss */ .route-list { font-size: 14px; margin: 1em 0em; width: 50%; padding-right: 16px; } /* line 7, /home/circleci/app/app/assets/stylesheets/modules/pc/_route-list.scss */ .route-list--hidden { display: none; } /* line 11, /home/circleci/app/app/assets/stylesheets/modules/pc/_route-list.scss */ .route-list__item { position: relative; padding-left: 30px; margin-bottom: 1.5em; counter-increment: step-counter; text-decoration: underline; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/pc/_route-list.scss */ .route-list__item:before { content: counter(step-counter); display: block; position: absolute; top: 0px; left: 0px; width: 19px; height: 31px; background-image: url(/assets/pc/about/map/ico_map-pin-c7532fc80dd5bc1076390cd62ba263ee5045c5ad7f4197f6792064beb2c98a69.svg); background-position: center top; background-repeat: no-repeat; color: #fff; text-align: center; font-size: 10px; line-height: 20px; font-style: italic; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_search.scss */ .search { padding: 60px 140px; } /* line 5, /home/circleci/app/app/assets/stylesheets/modules/pc/_search.scss */ .search__counter { margin-top: 0.5em; font-size: 19px; } /* line 10, /home/circleci/app/app/assets/stylesheets/modules/pc/_search.scss */ .search__result { margin-top: 40px; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/pc/_search.scss */ .search__result__item { padding: 30px 0px; border-top: solid 2px #eeeeee; font-size: 14px; line-height: 2; } /* line 19, /home/circleci/app/app/assets/stylesheets/modules/pc/_search.scss */ .search__result__item:last-child { border-bottom: solid 2px #eeeeee; } /* line 24, /home/circleci/app/app/assets/stylesheets/modules/pc/_search.scss */ .search__result__item__title { font-weight: bold; font-size: 24px; } /* line 29, /home/circleci/app/app/assets/stylesheets/modules/pc/_search.scss */ .search__result__item__url { word-break: break-all; } /* line 34, /home/circleci/app/app/assets/stylesheets/modules/pc/_search.scss */ .search__result__item__desc { word-break: break-all; } /* line 38, /home/circleci/app/app/assets/stylesheets/modules/pc/_search.scss */ .search__zero { border-top: solid 2px #eeeeee; line-height: 1.77778; } /* line 43, /home/circleci/app/app/assets/stylesheets/modules/pc/_search.scss */ .search__zero__title { display: block; font-weight: bold; font-size: 24px; margin-top: 23px; word-break: break-all; } /* line 51, /home/circleci/app/app/assets/stylesheets/modules/pc/_search.scss */ .search__zero__desc { margin-top: 15px; margin-bottom: 33px; word-break: break-all; } /* line 58, /home/circleci/app/app/assets/stylesheets/modules/pc/_search.scss */ body[data-design="comic"] .search__result__item, body[data-design="comic"] .search__zero { border-top: none; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_sendbar.scss */ .sendbar { position: relative; overflow: visible; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/pc/_sendbar.scss */ .sendbar__textfield { position: relative; display: block; margin-right: 158px; } /* line 10, /home/circleci/app/app/assets/stylesheets/modules/pc/_sendbar.scss */ .sendbar__textfield input { width: 100%; font-weight: bold; font-size: 18px; line-height: 3; height: 3em; text-indent: 0.5em; } /* line 21, /home/circleci/app/app/assets/stylesheets/modules/pc/_sendbar.scss */ .sendbar__submit, .sendbar__submit--strong, .sendbar__submit--search { position: absolute !important; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; top: 0px; right: 0px; width: 150px; min-width: 0px; height: 56px; padding: 0px; margin: 0px; } /* line 34, /home/circleci/app/app/assets/stylesheets/modules/pc/_sendbar.scss */ .sendbar__submit button, .sendbar__submit--strong button, .sendbar__submit--search button, .sendbar__submit input, .sendbar__submit--strong input, .sendbar__submit--search input { height: 100%; padding: 0px; } /* line 51, /home/circleci/app/app/assets/stylesheets/modules/pc/_sendbar.scss */ .sendbar__submit--search button:after, .sendbar__submit--search input:after { display: none; } /* line 56, /home/circleci/app/app/assets/stylesheets/modules/pc/_sendbar.scss */ .sendbar__submit--search svg { position: absolute; width: 30px; height: 30px; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; } /* line 69, /home/circleci/app/app/assets/stylesheets/modules/pc/_sendbar.scss */ body[data-design="comic"] .sendbar__submit, body[data-design="comic"] .sendbar__submit--strong, body[data-design="comic"] .sendbar__submit--search { height: 58px; } /* line 75, /home/circleci/app/app/assets/stylesheets/modules/pc/_sendbar.scss */ body[data-design="game"] .sendbar__textfield { margin-right: 166px; top: 4px; } /* line 82, /home/circleci/app/app/assets/stylesheets/modules/pc/_sendbar.scss */ body[data-design="tech"] .sendbar__textfield { margin-right: 160px; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_simple-nav.scss */ .simple-nav { margin: 38px 0px; font-size: 16px; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/pc/_simple-nav.scss */ .simple-nav__item { display: inline-block; margin-right: 1.5em; } /* line 9, /home/circleci/app/app/assets/stylesheets/modules/pc/_simple-nav.scss */ .simple-nav__item.is-active { color: #1b9af7; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_site-title.scss */ .site-title { display: none; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_sitemap.scss */ .sitemap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 38px; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/pc/_sitemap.scss */ .sitemap__column { width: 25%; } /* line 10, /home/circleci/app/app/assets/stylesheets/modules/pc/_sitemap.scss */ .sitemap__category { margin-bottom: 2em; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/pc/_sitemap.scss */ .sitemap__category__title { font-size: 14px; font-weight: bold; margin-bottom: 1em; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/pc/_sitemap.scss */ .sitemap__category__title strong { display: inline-block; margin-right: 0.5em; font-size: 26px; } /* line 25, /home/circleci/app/app/assets/stylesheets/modules/pc/_sitemap.scss */ .sitemap__list { margin-left: 0.2em; padding-left: 1em; padding-right: 1em; border-left: solid 2px #eeeeee; font-size: 16px; } /* line 33, /home/circleci/app/app/assets/stylesheets/modules/pc/_sitemap.scss */ .sitemap__list__item { position: relative; padding: 0.5em 0em; } /* line 38, /home/circleci/app/app/assets/stylesheets/modules/pc/_sitemap.scss */ .sitemap__list__item__btn { text-decoration: none; color: inherit; } /* line 42, /home/circleci/app/app/assets/stylesheets/modules/pc/_sitemap.scss */ .sitemap__list__item__btn:hover { text-decoration: underline; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/pc/_sitemap.scss */ .sitemap__sub-list { font-size: 14px; } /* line 51, /home/circleci/app/app/assets/stylesheets/modules/pc/_sitemap.scss */ .sitemap__sub-list__item { position: relative; padding: 0.5em 0em; padding-left: 1.3em; } /* line 55, /home/circleci/app/app/assets/stylesheets/modules/pc/_sitemap.scss */ .sitemap__sub-list__item:first-child { margin-top: 0.5em; } /* line 60, /home/circleci/app/app/assets/stylesheets/modules/pc/_sitemap.scss */ .sitemap__sub-list__item__btn { color: inherit; text-decoration: none; } /* line 64, /home/circleci/app/app/assets/stylesheets/modules/pc/_sitemap.scss */ .sitemap__sub-list__item__btn:before { content: ""; display: block; width: 0.8em; height: 1px; background-color: #cccccc; position: absolute; left: 0em; top: 1.2em; font-weight: bold; margin-right: 0.5em; } /* line 76, /home/circleci/app/app/assets/stylesheets/modules/pc/_sitemap.scss */ .sitemap__sub-list__item__btn:hover { text-decoration: underline; } /* line 82, /home/circleci/app/app/assets/stylesheets/modules/pc/_sitemap.scss */ body[data-design="comic"] .sitemap__list { border-color: #474541; } /* line 88, /home/circleci/app/app/assets/stylesheets/modules/pc/_sitemap.scss */ body[data-design="kamakura"] .sitemap { font-family: "Alegreya", "秀英横太明朝 L", "Shuei Mincho L"; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_slider-section.scss */ .slider-section { text-align: center; margin-top: 32px; } /* line 5, /home/circleci/app/app/assets/stylesheets/modules/pc/_slider-section.scss */ .slider-section .slick-slide { outline: none; } /* line 9, /home/circleci/app/app/assets/stylesheets/modules/pc/_slider-section.scss */ .slider-section .slick-list { text-align: left; } /* line 13, /home/circleci/app/app/assets/stylesheets/modules/pc/_slider-section.scss */ .slider-section .slick-dots { position: relative; display: inline-block; text-align: center; margin: auto; margin-top: 10px; } /* line 20, /home/circleci/app/app/assets/stylesheets/modules/pc/_slider-section.scss */ .slider-section .slick-dots li { display: inline-block; margin: 0px 6px; } /* line 24, /home/circleci/app/app/assets/stylesheets/modules/pc/_slider-section.scss */ .slider-section .slick-dots li.slick-active button { background-color: #1b9af7; } /* line 30, /home/circleci/app/app/assets/stylesheets/modules/pc/_slider-section.scss */ .slider-section .slick-dots button { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background: none; padding: 0; font: inherit; color: inherit; width: 6px; height: 6px; border-radius: 4px; background-color: #cccccc; font-size: 0px; } /* line 39, /home/circleci/app/app/assets/stylesheets/modules/pc/_slider-section.scss */ .slider-section .slick-dots .slick-arrow { position: absolute; bottom: -5px; margin: 0px; padding: 0px 10px; color: #cccccc; font-size: 26px; line-height: 1; } /* line 48, /home/circleci/app/app/assets/stylesheets/modules/pc/_slider-section.scss */ .slider-section .slick-dots .slick-arrow.is-active { cursor: pointer; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_slider-section.scss */ .slider-section .slick-dots .slick-arrow.is-active:hover { color: #000; } /* line 55, /home/circleci/app/app/assets/stylesheets/modules/pc/_slider-section.scss */ .slider-section .slick-dots .slick-arrow.slick-prev { right: 100%; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .slider-section .slick-dots .slick-arrow.slick-prev:before { content: ""; font-family: FontAwesome; } /* line 59, /home/circleci/app/app/assets/stylesheets/modules/pc/_slider-section.scss */ .slider-section .slick-dots .slick-arrow.slick-next { left: 100%; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .slider-section .slick-dots .slick-arrow.slick-next:before { content: ""; font-family: FontAwesome; } /* line 69, /home/circleci/app/app/assets/stylesheets/modules/pc/_slider-section.scss */ body[data-design="tech"] .slider-section .slick-arrow { color: rgba(204, 204, 204, 0.3); } /* line 71, /home/circleci/app/app/assets/stylesheets/modules/pc/_slider-section.scss */ body[data-design="tech"] .slider-section .slick-arrow.is-active { color: #cccccc; } /* line 73, /home/circleci/app/app/assets/stylesheets/modules/pc/_slider-section.scss */ body[data-design="tech"] .slider-section .slick-arrow.is-active:hover { color: #cccccc; opacity: 0.3; } /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* line 3, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header, .sort-header--award, .sort-header--dice, .sort-header--team, .sort-header--service { margin: 16px 0px; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .sort-header:before, .sort-header--award:before, .sort-header--dice:before, .sort-header--team:before, .sort-header--service:before, .sort-header:after, .sort-header--award:after, .sort-header--dice:after, .sort-header--team:after, .sort-header--service:after { content: ""; display: block; clear: both; } /* line 16, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header--team { margin-top: 56px; } /* line 20, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__group { position: relative; float: left; margin-right: 16px; } /* line 26, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__group__title { position: absolute; bottom: 100%; font-size: 12px; line-height: 1; margin-bottom: 8px; } /* line 34, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__tab, .sort-header__tab--award, .sort-header__tab--view { float: left; margin-right: 4px; font-size: 0px; } /* line 39, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__tab li, .sort-header__tab--award li, .sort-header__tab--view li { display: inline-block; vertical-align: top; margin-right: 4px; font-size: 16px; } /* line 44, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__tab li:last-child, .sort-header__tab--award li:last-child, .sort-header__tab--view li:last-child { margin-right: 0px; } /* line 49, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__tab a, .sort-header__tab--award a, .sort-header__tab--view a { display: block; position: relative; height: 40px; padding: 0px 16px; line-height: 40px; text-align: center; background-color: #fff; text-decoration: none; color: inherit; } /* line 62, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__tab__glass { display: none; } /* line 65, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__tab__glass svg { width: 30px; height: 40px; } /* line 71, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__tab--award { float: right; margin-right: 0px; } /* line 75, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__tab--award a { background-color: #ff6666; color: #fff; min-width: 136px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .sort-header__tab--award a:before { content: ""; font-family: FontAwesome; } /* line 82, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__tab--award a:hover { color: inherit; background-color: #fff; } /* line 86, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__tab--award a:before { font-size: 110%; display: inline-block; -webkit-transform: translateX(-15px); transform: translateX(-15px); } /* line 96, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__tab--view a { position: relative; display: inline-block; padding: 0px 13px; padding-left: 14px; color: #cccccc; } /* line 103, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__tab--view a.is-selected { pointer-events: none; } /* line 107, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__tab--view a:after { content: ""; display: block; position: absolute; left: 0%; top: 50%; margin-top: -9px; height: 18px; width: 0px; border-left: solid 1px #cccccc; } /* line 119, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__tab--view a:first-child { padding-left: 13px; } /* line 121, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__tab--view a:first-child:after { display: none; } /* line 126, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__tab--view a svg { width: 14px; height: 14px; } /* line 133, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__pulldown { position: relative; float: left; margin-right: 4px; height: 40px; line-height: 40px; background-color: #fff; cursor: pointer; } /* line 77, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .sort-header__pulldown:after { content: ""; font-family: FontAwesome; } /* line 145, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__pulldown:after { position: absolute; display: block; right: 16px; top: 0px; pointer-events: none; } /* line 154, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__pulldown.is-closed .sort-header__pulldown__table { display: none; } /* line 159, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__pulldown select { display: none; } /* line 164, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__pulldown__label { padding: 0px 50px 0px 16px; white-space: nowrap; } /* line 169, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__pulldown__table { position: absolute; top: 0px; left: 0px; max-height: 360px; overflow-y: scroll; background-color: #f7f7f7; z-index: 2; -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35); border-radius: 3px; } /* line 180, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__pulldown__table ul { position: relative; margin: 8px; } /* line 184, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__pulldown__table li { position: relative; margin-top: 4px; } /* line 188, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__pulldown__table a { display: block; padding: 8px; white-space: nowrap; color: inherit; text-decoration: none; background-color: #fff; font-size: 14px; line-height: 1; font-weight: bold; border-radius: 3px; } /* line 199, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__pulldown__table a.with-count { padding-right: 56px; } /* line 202, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__pulldown__table a.is-more { background-color: #eeeeee; text-align: center; } /* line 205, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__pulldown__table a.is-more:after { content: "＋"; display: block; position: absolute; right: 0.3em; top: 0.3em; font-size: 20px; } /* line 215, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__pulldown__table a:hover, .sort-header__pulldown__table a.is-more:hover, .sort-header__pulldown__table a.is-active { background-color: #666666; color: #fff; } /* line 224, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__pulldown__table__title { margin: 0px 16px; font-weight: bold; } /* line 229, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .sort-header__pulldown__count { display: block; position: absolute; top: 8px; right: 8px; padding: 0em 0.5em; font-size: 10px; line-height: 1.5; background-color: #eeeeee; border-radius: 3px; font-family: "Ubuntu"; font-weight: bold; } /* line 244, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="simple"] .sort-header__pulldown__label, body[data-design="simple"] .sort-header__tab li, body[data-design="simple"] .sort-header__tab--award li, body[data-design="simple"] .sort-header__tab--view li { font-weight: bold; } /* line 251, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="simple"] .sort-header--team *, body[data-design="simple"] .sort-header--service * { font-family: YakuHanJP, YuGothic, sans-serif; } /* line 257, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="simple"] .sort-header__pulldown__label.is-active { color: #1b9af7; } /* line 263, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="simple"] .sort-header__pulldown__table a { font-size: 16px; } /* line 268, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="simple"] .sort-header__pulldown__count { color: #666666; } /* line 273, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="simple"] .sort-header__tab li a:hover, body[data-design="simple"] .sort-header__tab--award li a:hover, body[data-design="simple"] .sort-header__tab--view li a:hover { background-color: #f7f7f7; } /* line 276, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="simple"] .sort-header__tab li.is-active a, body[data-design="simple"] .sort-header__tab--award li.is-active a, body[data-design="simple"] .sort-header__tab--view li.is-active a { color: #1b9af7; } /* line 283, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="simple"] .sort-header__tab--view li a.is-selected, body[data-design="simple"] .sort-header__tab--view li a:hover { color: #4c4c4c; background-color: #fff; } /* line 293, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="comic"] .sort-header, body[data-design="comic"] .sort-header--award, body[data-design="comic"] .sort-header--dice, body[data-design="comic"] .sort-header--team, body[data-design="comic"] .sort-header--service { font-family: "Source Sans Pro", "ゴシックMB101 B JIS2004", "Source Sans Pro"; } /* line 299, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="comic"] .sort-header--team div, body[data-design="comic"] .sort-header--team li, body[data-design="comic"] .sort-header--service div, body[data-design="comic"] .sort-header--service li { font-family: "ゴシックMB101 DB JIS2004"; font-size: 14px; } /* line 306, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="comic"] .sort-header__tab li a, body[data-design="comic"] .sort-header__tab--award li a, body[data-design="comic"] .sort-header__tab--view li a, body[data-design="comic"] .sort-header__pulldown__label { font-weight: 900; color: #474541; background-color: #f4f0e7; } /* line 314, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="comic"] .sort-header__tab li a:hover, body[data-design="comic"] .sort-header__tab--award li a:hover, body[data-design="comic"] .sort-header__tab--view li a:hover { background-image: url(/assets/pc/design/comic/dot_pattern-136eded1f9b89ed18a32ad116f9ae55b25e753a4c47865b434b83364de99b90f.png); background-size: 9px; text-shadow: 4px 0px 0px #f4f0e7, -3.49322px -1.9487px 0px #f4f0e7, 2.10128px 3.40362px 0px #f4f0e7, -0.17692px -3.99608px 0px #f4f0e7, -1.7923px 3.57598px 0px #f4f0e7, 3.30734px -2.24976px 0px #f4f0e7, -3.98436px 0.35348px 0px #f4f0e7, 3.65176px 1.63238px 0px #f4f0e7, -2.39384px -3.20462px 0px #f4f0e7, 0.52934px 3.96482px 0px #f4f0e7, 1.46928px -3.72038px 0px #f4f0e7, -3.0956px 2.53324px 0px #f4f0e7, 3.93752px -0.70418px 0px #f4f0e7, -3.78172px -1.3033px 0px #f4f0e7, 2.66766px 2.98054px 0px #f4f0e7, -0.87764px -3.90254px 0px #f4f0e7, -1.13476px 3.83566px 0px #f4f0e7; } /* line 318, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="comic"] .sort-header__tab li a:hover > *, body[data-design="comic"] .sort-header__tab--award li a:hover > *, body[data-design="comic"] .sort-header__tab--view li a:hover > * { fill: #f4f0e7; } /* line 322, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="comic"] .sort-header__tab li.is-active a, body[data-design="comic"] .sort-header__tab--award li.is-active a, body[data-design="comic"] .sort-header__tab--view li.is-active a { color: #1b9af7; } /* line 328, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="comic"] .sort-header__tab__glass svg { width: 36px; } /* line 334, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="comic"] .sort-header__pulldown__label.is-active { color: #1b9af7; } /* line 340, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="comic"] .sort-header__tab--view li a { color: rgba(0, 0, 0, 0.2); } /* line 342, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="comic"] .sort-header__tab--view li a.is-selected, body[data-design="comic"] .sort-header__tab--view li a:hover { color: #4c4c4c; background-image: none; } /* line 349, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="comic"] .sort-header__tab--view li svg { -webkit-transform: translateY(2px); transform: translateY(2px); } /* line 354, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="comic"] .sort-header__pulldown__table { border: solid 4px #474541; background-color: #f4f0e7; border-radius: 0px; } /* line 359, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="comic"] .sort-header__pulldown__table a { font-size: 14px; background: none; } /* line 362, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="comic"] .sort-header__pulldown__table a:hover, body[data-design="comic"] .sort-header__pulldown__table a.is-active { color: #474541; background-image: url(/assets/pc/design/comic/dot_pattern-136eded1f9b89ed18a32ad116f9ae55b25e753a4c47865b434b83364de99b90f.png); background-size: 9px; text-shadow: 4px 0px 0px #f4f0e7, -3.49322px -1.9487px 0px #f4f0e7, 2.10128px 3.40362px 0px #f4f0e7, -0.17692px -3.99608px 0px #f4f0e7, -1.7923px 3.57598px 0px #f4f0e7, 3.30734px -2.24976px 0px #f4f0e7, -3.98436px 0.35348px 0px #f4f0e7, 3.65176px 1.63238px 0px #f4f0e7, -2.39384px -3.20462px 0px #f4f0e7, 0.52934px 3.96482px 0px #f4f0e7, 1.46928px -3.72038px 0px #f4f0e7, -3.0956px 2.53324px 0px #f4f0e7, 3.93752px -0.70418px 0px #f4f0e7, -3.78172px -1.3033px 0px #f4f0e7, 2.66766px 2.98054px 0px #f4f0e7, -0.87764px -3.90254px 0px #f4f0e7, -1.13476px 3.83566px 0px #f4f0e7; } /* line 372, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="comic"] .sort-header__pulldown__count { background-color: #474541; color: #f4f0e7; text-shadow: none; } /* line 378, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="comic"] .sort-header__tab--award li { height: 40px; background-color: #474541; border: solid 2px #f4f0e7; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 385, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="comic"] .sort-header__tab--award li a { line-height: 36px; } /* line 392, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header, body[data-design="game"] .sort-header--award, body[data-design="game"] .sort-header--dice, body[data-design="game"] .sort-header--team, body[data-design="game"] .sort-header--service { font-family: "Russo One", "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; font-size: 14px; } /* line 397, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header__pulldown__label, body[data-design="game"] .sort-header__tab li, body[data-design="game"] .sort-header__tab--award li, body[data-design="game"] .sort-header__tab--view li { font-size: 14px; } /* line 404, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header--team div, body[data-design="game"] .sort-header--team li, body[data-design="game"] .sort-header--service div, body[data-design="game"] .sort-header--service li { font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } /* line 410, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header__pulldown, body[data-design="game"] .sort-header__tab li a, body[data-design="game"] .sort-header__tab--award li a, body[data-design="game"] .sort-header__tab--view li a { border-radius: 10px; } /* line 415, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header__tab li, body[data-design="game"] .sort-header__tab--award li, body[data-design="game"] .sort-header__tab--view li { position: relative; } /* line 418, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header__tab li a:hover, body[data-design="game"] .sort-header__tab--award li a:hover, body[data-design="game"] .sort-header__tab--view li a:hover { background-color: #f7f7f7; } /* line 421, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header__tab li a:hover, body[data-design="game"] .sort-header__tab--award li a:hover, body[data-design="game"] .sort-header__tab--view li a:hover, body[data-design="game"] .sort-header__tab li.is-active a, body[data-design="game"] .sort-header__tab--award li.is-active a, body[data-design="game"] .sort-header__tab--view li.is-active a { color: #49e845; } /* line 425, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header__tab li.is-active a:hover, body[data-design="game"] .sort-header__tab--award li.is-active a:hover, body[data-design="game"] .sort-header__tab--view li.is-active a:hover { color: inherit; } /* line 430, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header__tab--view li { background-color: #fff; border-radius: 10px; } /* line 434, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header__tab--view li a { background-color: transparent; } /* line 437, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header__tab--view li a.is-selected, body[data-design="game"] .sort-header__tab--view li a:hover { color: #4c4c4c; background-color: transparent; } /* line 444, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header__tab--view li svg { -webkit-transform: translateY(2px); transform: translateY(2px); } /* line 449, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header__pulldown__table { font-family: "Ubuntu"; -webkit-box-shadow: none; box-shadow: none; border-radius: 10px !important; background-color: #f7f7f7; } /* line 456, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header__pulldown__table ul:after { border-right: solid 2px #f5f5f5; } /* line 461, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header__pulldown__table li { position: relative; } /* line 463, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header__pulldown__table li:after { border: none; } /* line 468, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header__pulldown__table a { border-radius: 3px; } /* line 470, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header__pulldown__table a:hover, body[data-design="game"] .sort-header__pulldown__table a.is-active { color: #fff; background-color: #49e845; } /* line 475, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header__pulldown__table a:hover .sort-header__pulldown__count, body[data-design="game"] .sort-header__pulldown__table a.is-active .sort-header__pulldown__count { background-color: #fff; color: #49e845; } /* line 483, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header__pulldown__table__title { font-family: "Russo One", "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; font-weight: normal; } /* line 488, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header__pulldown__count { color: #fff; background-color: #7e7e7e; border-radius: 5px; } /* line 495, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header__pulldown__label.is-active { color: #49e845; } /* line 500, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header__tab--award li a { width: 136px; height: 40px; background-image: url(/assets/pc/design/game/award-24e6dc4b6d1822a0d1cbb90b73de6092929768281009e883780ae49af3350652.png); background-color: transparent !important; text-indent: -9999px; white-space: nowrap; overflow: hidden; } /* line 507, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="game"] .sort-header__tab--award li a:hover { opacity: 0.8; } /* line 514, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="kamakura"] .sort-header, body[data-design="kamakura"] .sort-header--award, body[data-design="kamakura"] .sort-header--dice, body[data-design="kamakura"] .sort-header--team, body[data-design="kamakura"] .sort-header--service { font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; font-size: 16px; } /* line 521, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="kamakura"] .sort-header--team div, body[data-design="kamakura"] .sort-header--team li, body[data-design="kamakura"] .sort-header--service div, body[data-design="kamakura"] .sort-header--service li { font-family: "秀英横太明朝 B", "Shuei Mincho B"; font-size: 14px; } /* line 529, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="kamakura"] .sort-header__tab li.is-active a, body[data-design="kamakura"] .sort-header__tab--award li.is-active a, body[data-design="kamakura"] .sort-header__tab--view li.is-active a { color: #fff; background-color: #ff5500; } /* line 532, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="kamakura"] .sort-header__tab li.is-active a:hover, body[data-design="kamakura"] .sort-header__tab--award li.is-active a:hover, body[data-design="kamakura"] .sort-header__tab--view li.is-active a:hover { background-color: rgba(0, 0, 0, 0.8); } /* line 537, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="kamakura"] .sort-header__tab li a, body[data-design="kamakura"] .sort-header__tab--award li a, body[data-design="kamakura"] .sort-header__tab--view li a { background-color: rgba(0, 0, 0, 0.8); color: #fff; } /* line 541, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="kamakura"] .sort-header__tab li a:hover, body[data-design="kamakura"] .sort-header__tab--award li a:hover, body[data-design="kamakura"] .sort-header__tab--view li a:hover { color: #ff5500; background-color: rgba(0, 0, 0, 0.75); } /* line 549, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="kamakura"] .sort-header__tab--view li a { color: rgba(255, 255, 255, 0.3); } /* line 551, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="kamakura"] .sort-header__tab--view li a:hover, body[data-design="kamakura"] .sort-header__tab--view li a.is-selected { color: #fff !important; background-color: rgba(0, 0, 0, 0.8); } /* line 557, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="kamakura"] .sort-header__tab--view li a:after { border-color: #fff; } /* line 562, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="kamakura"] .sort-header__tab--view li svg { -webkit-transform: translateY(2px); transform: translateY(2px); } /* line 567, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="kamakura"] .sort-header__pulldown { background-color: rgba(0, 0, 0, 0.8); color: #fff; } /* line 572, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="kamakura"] .sort-header__pulldown__table { -webkit-box-shadow: none; box-shadow: none; background-color: rgba(0, 0, 0, 0.8); border-radius: 0px; } /* line 578, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="kamakura"] .sort-header__pulldown__table ul:after { border-right: dotted 1px #fff; } /* line 583, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="kamakura"] .sort-header__pulldown__table li { position: relative; } /* line 585, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="kamakura"] .sort-header__pulldown__table li:after { border-bottom: dotted 1px #fff; } /* line 590, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="kamakura"] .sort-header__pulldown__table a { background-color: transparent; border-radius: 0px; font-size: 14px; font-style: normal; } /* line 595, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="kamakura"] .sort-header__pulldown__table a:hover, body[data-design="kamakura"] .sort-header__pulldown__table a.is-active { background-color: rgba(255, 255, 255, 0.1); } /* line 602, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="kamakura"] .sort-header__pulldown__count { background-color: rgba(255, 255, 255, 0.5); color: #000; } /* line 608, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="kamakura"] .sort-header__pulldown__label.is-active { color: #ed5300; } /* line 615, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header, body[data-design="tech"] .sort-header--award, body[data-design="tech"] .sort-header--dice, body[data-design="tech"] .sort-header--team, body[data-design="tech"] .sort-header--service { font-family: bombard, "UD新ゴ コンデンス90 M"; } /* line 618, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header *, body[data-design="tech"] .sort-header--award *, body[data-design="tech"] .sort-header--dice *, body[data-design="tech"] .sort-header--team *, body[data-design="tech"] .sort-header--service * { font-family: bombard, "UD新ゴ コンデンス90 M"; } /* line 625, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header--team *, body[data-design="tech"] .sort-header--service * { font-family: "UD新ゴ コンデンス90 M"; } /* line 630, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__tab li, body[data-design="tech"] .sort-header__tab--award li, body[data-design="tech"] .sort-header__tab--view li { color: #fff; } /* line 633, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__tab li a, body[data-design="tech"] .sort-header__tab--award li a, body[data-design="tech"] .sort-header__tab--view li a { height: 40px; line-height: 40px; background-color: transparent; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } /* line 639, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__tab li a:before, body[data-design="tech"] .sort-header__tab--award li a:before, body[data-design="tech"] .sort-header__tab--view li a:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; -o-border-image: url(/assets/pc/design/tech/sort_border-da1b7f20136a3e63303b0a44f6f8eba91e38c178e4f022431b3fe7616038e437.png) 12 12 12 12 repeat; border-image: url(/assets/pc/design/tech/sort_border-da1b7f20136a3e63303b0a44f6f8eba91e38c178e4f022431b3fe7616038e437.png) 12 12 12 12 fill repeat; border-image-width: 12px 12px 12px 12px; z-index: -1; content: ""; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .sort-header__tab li a:before, .is-legacy-ie body[data-design="tech"] .sort-header__tab--award li a:before, .is-legacy-ie body[data-design="tech"] .sort-header__tab--view li a:before { -o-border-image: none; border-image: none; } /* line 645, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__tab li a:hover, body[data-design="tech"] .sort-header__tab--award li a:hover, body[data-design="tech"] .sort-header__tab--view li a:hover { background-color: transparent !important; text-shadow: 0 0 3px #26dcfd; color: #26dcfd; } /* line 650, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__tab li a:hover:before, body[data-design="tech"] .sort-header__tab--award li a:hover:before, body[data-design="tech"] .sort-header__tab--view li a:hover:before { border-style: solid; -o-border-image: url(/assets/pc/design/tech/sort_border_hover-f6b920175ae45159d7245d0f47a22c0edccbf90f1d288fdf5a9a0edd5a5b294d.png) 12 12 12 12 repeat; border-image: url(/assets/pc/design/tech/sort_border_hover-f6b920175ae45159d7245d0f47a22c0edccbf90f1d288fdf5a9a0edd5a5b294d.png) 12 12 12 12 fill repeat; border-image-width: 12px 12px 12px 12px; z-index: -1; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .sort-header__tab li a:hover:before, .is-legacy-ie body[data-design="tech"] .sort-header__tab--award li a:hover:before, .is-legacy-ie body[data-design="tech"] .sort-header__tab--view li a:hover:before { -o-border-image: none; border-image: none; } /* line 657, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__tab li.is-active a, body[data-design="tech"] .sort-header__tab--award li.is-active a, body[data-design="tech"] .sort-header__tab--view li.is-active a { color: #26dcfd; } /* line 660, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__tab li.is-active a:before, body[data-design="tech"] .sort-header__tab--award li.is-active a:before, body[data-design="tech"] .sort-header__tab--view li.is-active a:before { border-style: solid; -o-border-image: url(/assets/pc/design/tech/sort_border_active-900f76cf0657e8eedd1783ccb1f6e80bf8505215ec39770536d0b4255ce93b7e.png) 18 30 18 30 repeat; border-image: url(/assets/pc/design/tech/sort_border_active-900f76cf0657e8eedd1783ccb1f6e80bf8505215ec39770536d0b4255ce93b7e.png) 18 30 18 30 fill repeat; border-image-width: 18px 30px 18px 30px; z-index: -1; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .sort-header__tab li.is-active a:before, .is-legacy-ie body[data-design="tech"] .sort-header__tab--award li.is-active a:before, .is-legacy-ie body[data-design="tech"] .sort-header__tab--view li.is-active a:before { -o-border-image: none; border-image: none; } /* line 669, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__tab--view a.is-selected:before { border-style: solid; -o-border-image: url(/assets/pc/design/tech/sort_border_active-900f76cf0657e8eedd1783ccb1f6e80bf8505215ec39770536d0b4255ce93b7e.png) 18 30 18 30 repeat; border-image: url(/assets/pc/design/tech/sort_border_active-900f76cf0657e8eedd1783ccb1f6e80bf8505215ec39770536d0b4255ce93b7e.png) 18 30 18 30 fill repeat; border-image-width: 18px 30px 18px 30px; z-index: -1; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .sort-header__tab--view a.is-selected:before { -o-border-image: none; border-image: none; } /* line 674, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__tab--view a:after { display: none; } /* line 680, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__pulldown { position: relative; background-color: transparent; } /* line 684, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__pulldown:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; -o-border-image: url(/assets/pc/design/tech/sort_border-da1b7f20136a3e63303b0a44f6f8eba91e38c178e4f022431b3fe7616038e437.png) 12 12 12 12 repeat; border-image: url(/assets/pc/design/tech/sort_border-da1b7f20136a3e63303b0a44f6f8eba91e38c178e4f022431b3fe7616038e437.png) 12 12 12 12 fill repeat; border-image-width: 12px 12px 12px 12px; z-index: -1; content: ""; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .sort-header__pulldown:before { -o-border-image: none; border-image: none; } /* line 690, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__pulldown__label { color: #fff; } /* line 692, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__pulldown__label.is-active { color: #26dcfd; text-shadow: 0 0 3px #26dcfd; } /* line 698, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__pulldown__table { background-color: rgba(0, 0, 0, 0.9); border-style: solid; -o-border-image: url(/assets/pc/design/tech/sort_border-da1b7f20136a3e63303b0a44f6f8eba91e38c178e4f022431b3fe7616038e437.png) 12 12 12 12 repeat; border-image: url(/assets/pc/design/tech/sort_border-da1b7f20136a3e63303b0a44f6f8eba91e38c178e4f022431b3fe7616038e437.png) 12 12 12 12 fill repeat; border-image-width: 12px 12px 12px 12px; z-index: -1; z-index: 2; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .sort-header__pulldown__table { -o-border-image: none; border-image: none; } /* line 703, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__pulldown__table__title { font-weight: normal; } /* line 708, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__pulldown__count { background-color: transparent; border: solid 1px rgba(255, 255, 255, 0.4); color: rgba(255, 255, 255, 0.4); line-height: 1.2; font-size: 11px; } /* line 717, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__pulldown li a { color: #fff; font-size: 16px; border-radius: 0px; background-color: rgba(255, 255, 255, 0.08); } /* line 722, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__pulldown li a:hover { background-color: rgba(255, 255, 255, 0.16); } /* line 725, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__pulldown li a.is-active { background-color: rgba(255, 255, 255, 0.4); } /* line 733, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__tab--award li { position: relative; width: 140px; height: 40px; } /* line 739, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__tab--award li:before, body[data-design="tech"] .sort-header__tab--award li:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; border-radius: 20px; content: ""; } /* line 747, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__tab--award li:before { border-style: solid; -o-border-image: url(/assets/pc/design/tech/award_border-8488262446c848e4e06eaedd35a5207a2b08d75af0e7c6749b8f8752d5d8b77a.png) 15 40 15 40 repeat; border-image: url(/assets/pc/design/tech/award_border-8488262446c848e4e06eaedd35a5207a2b08d75af0e7c6749b8f8752d5d8b77a.png) 15 40 15 40 fill repeat; border-image-width: 15px 40px 15px 40px; z-index: -1; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .sort-header__tab--award li:before { -o-border-image: none; border-image: none; } /* line 751, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__tab--award li:after { border-style: solid; -o-border-image: url(/assets/pc/design/tech/award_hover_border-f83b74ce09cb1587c654bad11cd373558ad3b4ff6da29f8205bce2a3eed4d16f.png) 15 40 15 40 repeat; border-image: url(/assets/pc/design/tech/award_hover_border-f83b74ce09cb1587c654bad11cd373558ad3b4ff6da29f8205bce2a3eed4d16f.png) 15 40 15 40 fill repeat; border-image-width: 15px 40px 15px 40px; z-index: -1; background-color: rgba(38, 198, 218, 0.4); -webkit-box-shadow: 0 0 20px 5px rgba(38, 198, 218, 0.5); box-shadow: 0 0 20px 5px rgba(38, 198, 218, 0.5); opacity: 0; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .sort-header__tab--award li:after { -o-border-image: none; border-image: none; } /* line 759, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__tab--award li:hover:before { opacity: 0; } /* line 763, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__tab--award li:hover:after { opacity: 1; } /* line 769, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .is-safari body[data-design="tech"] .sort-header__tab--award li:before, .is-safari body[data-design="tech"] .sort-header__tab--award li:after { -webkit-transition: none; transition: none; } /* line 775, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ .is-safari body[data-design="tech"] .sort-header__tab--award li:hover:before { opacity: 1; } /* line 783, /home/circleci/app/app/assets/stylesheets/modules/pc/_sort-header.scss */ body[data-design="tech"] .sort-header__tab--award a:before { border: none !important; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_spotify.scss */ .spotify__card-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /* line 4, /home/circleci/app/app/assets/stylesheets/modules/pc/_spotify.scss */ .spotify__card-list__item { width: 49%; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/pc/_spotify.scss */ .spotify__card-list__item > iframe { border-radius: 12px; min-height: 152px; height: auto; display: block; margin: auto; } /* line 16, /home/circleci/app/app/assets/stylesheets/modules/pc/_spotify.scss */ .spotify__card { width: 100%; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/pc/_spotify.scss */ .spotify__card > iframe { border-radius: 12px; min-height: 152px; height: auto; display: block; margin: auto; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_ssl-seal.scss */ .ssl-seal { margin-top: 16px; padding-left: 40px; padding-bottom: 40px; font-size: 0px; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/pc/_ssl-seal.scss */ .formtype__form .ssl-seal, .formtype__form--entry .ssl-seal { padding: 0px; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-cloud.scss */ .tag-cloud { position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: rgba(76, 76, 76, 0.2); z-index: 4; } /* line 11, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-cloud.scss */ .tag-cloud__window { position: absolute; top: 50%; left: 50%; width: 90%; height: 90%; max-width: 960px; max-height: 534px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; } /* line 23, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-cloud.scss */ .tag-cloud__header { position: absolute; top: 0px; left: 0px; right: 0px; padding: 32px; border-bottom: solid 2px #eeeeee; } /* line 29, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-cloud.scss */ .tag-cloud__title { font-weight: bold; font-size: 24px; line-height: 1; } /* line 35, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-cloud.scss */ .tag-cloud__list { position: absolute; top: 90px; bottom: 0px; left: 0px; right: 0px; padding: 32px; overflow-y: scroll; } /* line 40, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-cloud.scss */ .tag-cloud__list li { display: inline-block; line-height: 44px; } /* line 43, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-cloud.scss */ .tag-cloud__list li:after { color: #cccccc; content: "　|　"; } /* line 48, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-cloud.scss */ .tag-cloud__list li:last-child:after { display: none; } /* line 54, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-cloud.scss */ .tag-cloud__list a { text-decoration: none; color: inherit; } /* line 57, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-cloud.scss */ .tag-cloud__list a:hover { text-decoration: underline; } /* line 63, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-cloud.scss */ .tag-cloud__close { position: absolute; top: 34px; right: 34px; cursor: pointer; } /* line 68, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-cloud.scss */ .tag-cloud__close svg { width: 20px; height: 20px; } /* line 77, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-cloud.scss */ body[data-design="simple"] .tag-cloud__close:hover svg { fill: #1b9af7; } /* line 87, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-cloud.scss */ body[data-design="comic"] .tag-cloud__close:hover svg { fill: #1b9af7; } /* line 97, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-cloud.scss */ body[data-design="game"] .tag-cloud__close:hover svg { fill: #49e845; } /* line 107, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-cloud.scss */ body[data-design="tech"] .tag-cloud__close:hover svg { fill: #26dcfd; } /* line 117, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-cloud.scss */ body[data-design="kamakura"] .tag-cloud__close:hover svg { fill: #ff6600; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-stamp.scss */ .tag-stamp, .tag-stamp--retire, .tag-stamp--retire-mini, .tag-stamp--closed, .tag-stamp--soldout, .tag-stamp--absorption-merger, .tag-stamp--attention, .tag-stamp--vol { display: inline-block; border-radius: 4px; border-style: solid; border-width: 2px; font-size: 12px; font-weight: bold; line-height: 1; padding: 2px 8px; } /* line 12, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-stamp.scss */ .tag-stamp--retire, .tag-stamp--retire-mini { color: #f71b1b; border-color: #f71b1b; } /* line 26, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-stamp.scss */ .tag-stamp--soldout { border-color: #f71b1b; background-color: #f71b1b; color: #fff; } /* line 33, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-stamp.scss */ .tag-stamp--absorption-merger { border-color: #666666; background-color: #666666; color: #fff; } /* line 40, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-stamp.scss */ .tag-stamp--attention { color: #f71b1b; border-color: #f71b1b; font-size: 16px; line-height: inherit; vertical-align: middle; margin-top: -0.5em; margin-left: 1em; padding-top: 0; padding-bottom: 0; } /* line 58, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-stamp.scss */ body[data-design="simple"] .tag-stamp, body[data-design="simple"] .tag-stamp--retire, body[data-design="simple"] .tag-stamp--retire-mini, body[data-design="simple"] .tag-stamp--closed, body[data-design="simple"] .tag-stamp--soldout, body[data-design="simple"] .tag-stamp--absorption-merger, body[data-design="simple"] .tag-stamp--attention, body[data-design="simple"] .tag-stamp--vol { font-family: YakuHanJP, YuGothic, sans-serif; } /* line 61, /home/circleci/app/app/assets/stylesheets/modules/pc/_tag-stamp.scss */ body[data-design="simple"] .tag-stamp--vol { font-family: "Ubuntu"; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_term-list.scss */ .term-list, .term-list--recruit { font-size: 18px; } /* line 4, /home/circleci/app/app/assets/stylesheets/modules/pc/_term-list.scss */ .term-list ul, .term-list--recruit ul { margin: 0; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/pc/_term-list.scss */ .term-list ul li, .term-list--recruit ul li { list-style-type: none; margin: 0; } /* line 19, /home/circleci/app/app/assets/stylesheets/modules/pc/_term-list.scss */ .term-list--recruit .term-list__term { text-align: right; } /* line 24, /home/circleci/app/app/assets/stylesheets/modules/pc/_term-list.scss */ .term-list__heading { padding-bottom: 18px; font-size: 36px; font-weight: bold; text-align: left; } /* line 31, /home/circleci/app/app/assets/stylesheets/modules/pc/_term-list.scss */ .term-list__term { float: left; font-weight: bold; width: 8em; } /* line 37, /home/circleci/app/app/assets/stylesheets/modules/pc/_term-list.scss */ .term-list__content { overflow: hidden; margin-left: 9em; margin-bottom: 24px; padding-left: 1.5em; border-left: solid 1px #eeeeee; } /* line 43, /home/circleci/app/app/assets/stylesheets/modules/pc/_term-list.scss */ .term-list__content li { margin-bottom: 1em; } /* line 48, /home/circleci/app/app/assets/stylesheets/modules/pc/_term-list.scss */ .term-list__column { float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 52, /home/circleci/app/app/assets/stylesheets/modules/pc/_term-list.scss */ .term-list__column:nth-child(odd) { padding-right: 0.5em; } /* line 55, /home/circleci/app/app/assets/stylesheets/modules/pc/_term-list.scss */ .term-list__column:nth-child(even) { padding-left: 0.5em; } /* line 60, /home/circleci/app/app/assets/stylesheets/modules/pc/_term-list.scss */ .term-list__label { display: inline-block; vertical-align: middle; background-color: #4c4c4c; color: #fff; font-size: 14px; padding: 0em 0.3em; margin-right: 0.3em; } /* line 70, /home/circleci/app/app/assets/stylesheets/modules/pc/_term-list.scss */ .term-list__notice { font-size: 14px; } /* line 74, /home/circleci/app/app/assets/stylesheets/modules/pc/_term-list.scss */ .term-list__footer-note { font-size: 14px; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_three-step.scss */ .three-step { font-size: 0px; } /* line 5, /home/circleci/app/app/assets/stylesheets/modules/pc/_three-step.scss */ .three-step__item { display: inline-block; width: 33.3%; vertical-align: top; } /* line 11, /home/circleci/app/app/assets/stylesheets/modules/pc/_three-step.scss */ .three-step__item:last-child .three-step__cell { margin-right: 0px; } /* line 13, /home/circleci/app/app/assets/stylesheets/modules/pc/_three-step.scss */ .three-step__item:last-child .three-step__cell:after { display: none; } /* line 20, /home/circleci/app/app/assets/stylesheets/modules/pc/_three-step.scss */ .three-step__cell { position: relative; height: 130px; background-color: #f5f5f5; font-size: 16px; margin-right: 50px; padding: 15px 24px; padding-right: 0px; } /* line 29, /home/circleci/app/app/assets/stylesheets/modules/pc/_three-step.scss */ .three-step__cell:after { content: ""; display: block; width: 0px; height: 0px; position: absolute; top: 0px; left: 100%; border-style: solid; border-width: 65px 0px 65px 36px; border-color: transparent transparent transparent #f5f5f5; } /* line 42, /home/circleci/app/app/assets/stylesheets/modules/pc/_three-step.scss */ .three-step__cell ul { margin: 0px; } /* line 44, /home/circleci/app/app/assets/stylesheets/modules/pc/_three-step.scss */ .three-step__cell ul li { font-weight: normal; list-style-type: none; list-style-position: inside; padding: 0px; margin: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 53, /home/circleci/app/app/assets/stylesheets/modules/pc/_three-step.scss */ .three-step__cell ul li:before { content: "・"; } /* line 60, /home/circleci/app/app/assets/stylesheets/modules/pc/_three-step.scss */ .three-step__title { font-size: 24px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_thumbnail-card.scss */ .thumbnail-card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 1em; } /* line 8, /home/circleci/app/app/assets/stylesheets/modules/pc/_thumbnail-card.scss */ .thumbnail-card__item { list-style: none !important; margin: 8px 0 0 0 !important; width: 50%; } /* line 13, /home/circleci/app/app/assets/stylesheets/modules/pc/_thumbnail-card.scss */ .thumbnail-card__item:nth-child(odd) { padding-right: 4px; } /* line 16, /home/circleci/app/app/assets/stylesheets/modules/pc/_thumbnail-card.scss */ .thumbnail-card__item:nth-child(even) { padding-left: 4px; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_top-social.scss */ .top-social { line-height: 1; margin-bottom: 16px; margin-left: 16px; } /* line 7, /home/circleci/app/app/assets/stylesheets/modules/pc/_top-social.scss */ .top-social__item { display: inline-block; vertical-align: top; margin-right: 8px; } /* line 12, /home/circleci/app/app/assets/stylesheets/modules/pc/_top-social.scss */ .top-social__item .fb_iframe_widget_lift { position: absolute; left: 0px; bottom: 0px; } /* line 20, /home/circleci/app/app/assets/stylesheets/modules/pc/_top-social.scss */ body[data-design="comic"] .top-social { position: relative; width: 300px; } /* line 24, /home/circleci/app/app/assets/stylesheets/modules/pc/_top-social.scss */ body[data-design="comic"] .top-social:after { position: absolute; bottom: 20px; right: -40px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 337px; height: 238px; background-position: -10873px 0px; background-size: 12546.5px 628px; content: ""; } /* line 32, /home/circleci/app/app/assets/stylesheets/modules/pc/_top-social.scss */ body[data-design="comic"] .top-social:hover:after { opacity: 1; -webkit-animation: bounce-to-top-right 0.5s linear both; animation: bounce-to-top-right 0.5s linear both; } /* line 41, /home/circleci/app/app/assets/stylesheets/modules/pc/_top-social.scss */ body[data-design="game"] .top-social { position: relative; top: 440px; width: 240px; height: 20px; padding: 15px 20px; background-color: rgba(255, 255, 255, 0.5); border-radius: 30px; z-index: 4; } /* line 54, /home/circleci/app/app/assets/stylesheets/modules/pc/_top-social.scss */ body[data-design="kamakura"] .top-social { position: absolute; bottom: 90px; z-index: 4; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ .vision-footer-nav { /* nothing */ } /* line 5, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ .vision-footer-nav__cell, .vision-footer-nav__cell--message, .vision-footer-nav__cell--vision, .vision-footer-nav__cell--brainstorm { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 96px; padding: 0px 20px; padding-right: 30px; padding-top: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; font-weight: bold; text-decoration: none; color: inherit; } /* line 77, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .vision-footer-nav__cell:after, .vision-footer-nav__cell--message:after, .vision-footer-nav__cell--vision:after, .vision-footer-nav__cell--brainstorm:after { content: ""; font-family: FontAwesome; } /* line 22, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ .vision-footer-nav__cell:after, .vision-footer-nav__cell--message:after, .vision-footer-nav__cell--vision:after, .vision-footer-nav__cell--brainstorm:after { position: absolute; right: 20px; top: 50%; font-size: 14px; line-height: 1; margin-top: -7px; } /* line 31, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ .vision-footer-nav__cell.is-active, .is-active.vision-footer-nav__cell--message, .is-active.vision-footer-nav__cell--vision, .is-active.vision-footer-nav__cell--brainstorm { pointer-events: none; } /* line 33, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ .vision-footer-nav__cell.is-active:after, .is-active.vision-footer-nav__cell--message:after, .is-active.vision-footer-nav__cell--vision:after, .is-active.vision-footer-nav__cell--brainstorm:after { display: none; } /* line 41, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ .vision-footer-nav__cell--vision { padding-top: 22px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ body[data-design="simple"] .vision-footer-nav { padding-right: 4px; font-size: 0px; margin-top: -14px; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="simple"] .vision-footer-nav:before, body[data-design="simple"] .vision-footer-nav:after { content: ""; display: block; clear: both; } /* line 292, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="simple"] .vision-footer-nav > * { position: relative; display: inline-block; margin-bottom: 2px; vertical-align: top; width: 33.33333%; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="simple"] .vision-footer-nav > *:nth-child(3n + 1) { left: 0px; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="simple"] .vision-footer-nav > *:nth-child(3n + 2) { left: 2px; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="simple"] .vision-footer-nav > *:nth-child(3n + 3) { left: 4px; } /* line 55, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ body[data-design="simple"] .vision-footer-nav__cell, body[data-design="simple"] .vision-footer-nav__cell--message, body[data-design="simple"] .vision-footer-nav__cell--vision, body[data-design="simple"] .vision-footer-nav__cell--brainstorm { background-color: #fff; } /* line 57, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ body[data-design="simple"] .vision-footer-nav__cell:hover, body[data-design="simple"] .vision-footer-nav__cell--message:hover, body[data-design="simple"] .vision-footer-nav__cell--vision:hover, body[data-design="simple"] .vision-footer-nav__cell--brainstorm:hover, body[data-design="simple"] .vision-footer-nav__cell.is-active, body[data-design="simple"] .is-active.vision-footer-nav__cell--message, body[data-design="simple"] .is-active.vision-footer-nav__cell--vision, body[data-design="simple"] .is-active.vision-footer-nav__cell--brainstorm { background-color: #f7f7f7; } /* line 65, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ body[data-design="comic"] .vision-footer-nav { padding-right: 0px; font-size: 0px; margin-top: -16px; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="comic"] .vision-footer-nav:before, body[data-design="comic"] .vision-footer-nav:after { content: ""; display: block; clear: both; } /* line 292, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="comic"] .vision-footer-nav > * { position: relative; display: inline-block; margin-bottom: 0px; vertical-align: top; width: 33.33333%; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="comic"] .vision-footer-nav > *:nth-child(3n + 1) { left: 0px; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="comic"] .vision-footer-nav > *:nth-child(3n + 2) { left: 0px; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="comic"] .vision-footer-nav > *:nth-child(3n + 3) { left: 0px; } /* line 70, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ body[data-design="comic"] .vision-footer-nav__item { border: solid 4px #474541; border-right-style: none; border-top-style: none; } /* line 74, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ body[data-design="comic"] .vision-footer-nav__item:last-child { border-right-style: solid; } /* line 79, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ body[data-design="comic"] .vision-footer-nav__cell, body[data-design="comic"] .vision-footer-nav__cell--message, body[data-design="comic"] .vision-footer-nav__cell--vision, body[data-design="comic"] .vision-footer-nav__cell--brainstorm { background-color: #f4f0e7; } /* line 81, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ body[data-design="comic"] .vision-footer-nav__cell:hover, body[data-design="comic"] .vision-footer-nav__cell--message:hover, body[data-design="comic"] .vision-footer-nav__cell--vision:hover, body[data-design="comic"] .vision-footer-nav__cell--brainstorm:hover, body[data-design="comic"] .vision-footer-nav__cell.is-active, body[data-design="comic"] .is-active.vision-footer-nav__cell--message, body[data-design="comic"] .is-active.vision-footer-nav__cell--vision, body[data-design="comic"] .is-active.vision-footer-nav__cell--brainstorm { background-image: url(/assets/pc/design/comic/ptn_comic_1-c94f8f625adf581b69b82cb83368c49870767c249b391461c134488f2379cedb.png); background-size: 8px 8px; text-shadow: 4px 0px 0px #f4f0e7, -3.49322px -1.9487px 0px #f4f0e7, 2.10128px 3.40362px 0px #f4f0e7, -0.17692px -3.99608px 0px #f4f0e7, -1.7923px 3.57598px 0px #f4f0e7, 3.30734px -2.24976px 0px #f4f0e7, -3.98436px 0.35348px 0px #f4f0e7, 3.65176px 1.63238px 0px #f4f0e7, -2.39384px -3.20462px 0px #f4f0e7, 0.52934px 3.96482px 0px #f4f0e7, 1.46928px -3.72038px 0px #f4f0e7, -3.0956px 2.53324px 0px #f4f0e7, 3.93752px -0.70418px 0px #f4f0e7, -3.78172px -1.3033px 0px #f4f0e7, 2.66766px 2.98054px 0px #f4f0e7, -0.87764px -3.90254px 0px #f4f0e7, -1.13476px 3.83566px 0px #f4f0e7; } /* line 91, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ body[data-design="game"] .vision-footer-nav { padding-right: 0px; font-size: 0px; margin-top: -36px; background-color: #fff; border-radius: 0px 0px 10px 10px; overflow: hidden; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="game"] .vision-footer-nav:before, body[data-design="game"] .vision-footer-nav:after { content: ""; display: block; clear: both; } /* line 292, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="game"] .vision-footer-nav > * { position: relative; display: inline-block; margin-bottom: 0px; vertical-align: top; width: 33.33333%; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="game"] .vision-footer-nav > *:nth-child(3n + 1) { left: 0px; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="game"] .vision-footer-nav > *:nth-child(3n + 2) { left: 0px; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="game"] .vision-footer-nav > *:nth-child(3n + 3) { left: 0px; } /* line 99, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ body[data-design="game"] .vision-footer-nav__item { border-right: solid 2px #eeeeee; border-top: solid 2px #eeeeee; } /* line 102, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ body[data-design="game"] .vision-footer-nav__item:last-child { border-right: none; } /* line 110, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ body[data-design="game"] .vision-footer-nav__cell:hover:before, body[data-design="game"] .vision-footer-nav__cell--message:hover:before, body[data-design="game"] .vision-footer-nav__cell--vision:hover:before, body[data-design="game"] .vision-footer-nav__cell--brainstorm:hover:before, body[data-design="game"] .vision-footer-nav__cell.is-active:before, body[data-design="game"] .is-active.vision-footer-nav__cell--message:before, body[data-design="game"] .is-active.vision-footer-nav__cell--vision:before, body[data-design="game"] .is-active.vision-footer-nav__cell--brainstorm:before { content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(177, 177, 177, 0.15); } /* line 120, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ body[data-design="tech"] .vision-footer-nav { padding-right: 0; font-size: 0px; margin-top: -14px; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="tech"] .vision-footer-nav:before, body[data-design="tech"] .vision-footer-nav:after { content: ""; display: block; clear: both; } /* line 292, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="tech"] .vision-footer-nav > * { position: relative; display: inline-block; margin-bottom: 0; vertical-align: top; width: 33.33333%; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="tech"] .vision-footer-nav > *:nth-child(3n + 1) { left: 0; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="tech"] .vision-footer-nav > *:nth-child(3n + 2) { left: 0; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="tech"] .vision-footer-nav > *:nth-child(3n + 3) { left: 0; } /* line 125, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ body[data-design="tech"] .vision-footer-nav__item { position: relative; margin-bottom: 0; } /* line 128, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ body[data-design="tech"] .vision-footer-nav__item:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; -o-border-image: url(/assets/pc/design/tech/pager_border_center-c07d7a910aecff9e774593d811ac47654a61a740a8e94f441dd4e9206b173de3.png) 24 32 24 32 repeat; border-image: url(/assets/pc/design/tech/pager_border_center-c07d7a910aecff9e774593d811ac47654a61a740a8e94f441dd4e9206b173de3.png) 24 32 24 32 fill repeat; border-image-width: 24px 32px 24px 32px; z-index: -1; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .vision-footer-nav__item:before { -o-border-image: none; border-image: none; } /* line 134, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ body[data-design="tech"] .vision-footer-nav__item:first-child:before { border-style: solid; -o-border-image: url(/assets/pc/design/tech/pager_border_left-9da4e30c1e828ca6db332dd953a75c017d4068ca61eda8d90d1a6740590654f1.png) 24 24 24 32 repeat; border-image: url(/assets/pc/design/tech/pager_border_left-9da4e30c1e828ca6db332dd953a75c017d4068ca61eda8d90d1a6740590654f1.png) 24 24 24 32 fill repeat; border-image-width: 24px 24px 24px 32px; z-index: -1; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .vision-footer-nav__item:first-child:before { -o-border-image: none; border-image: none; } /* line 139, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ body[data-design="tech"] .vision-footer-nav__item:last-child:before { border-style: solid; -o-border-image: url(/assets/pc/design/tech/pager_border_right-6b2771f41ef3a23e7b691e2b943b0fd0db3d8b1d0474f454f8c66ae03fa82064.png) 24 32 24 24 repeat; border-image: url(/assets/pc/design/tech/pager_border_right-6b2771f41ef3a23e7b691e2b943b0fd0db3d8b1d0474f454f8c66ae03fa82064.png) 24 32 24 24 fill repeat; border-image-width: 24px 32px 24px 24px; z-index: -1; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .vision-footer-nav__item:last-child:before { -o-border-image: none; border-image: none; } /* line 146, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ body[data-design="tech"] .vision-footer-nav__cell:hover, body[data-design="tech"] .vision-footer-nav__cell--message:hover, body[data-design="tech"] .vision-footer-nav__cell--vision:hover, body[data-design="tech"] .vision-footer-nav__cell--brainstorm:hover, body[data-design="tech"] .vision-footer-nav__cell.is-active, body[data-design="tech"] .is-active.vision-footer-nav__cell--message, body[data-design="tech"] .is-active.vision-footer-nav__cell--vision, body[data-design="tech"] .is-active.vision-footer-nav__cell--brainstorm { text-shadow: 1px -1px 2px rgba(38, 220, 253, 0.5), 1px 1px 2px rgba(38, 220, 253, 0.5), -1px -1px 2px rgba(38, 220, 253, 0.5), -1px 1px 2px rgba(38, 220, 253, 0.5); color: #26dcfd; } /* line 151, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ body[data-design="tech"] .vision-footer-nav__cell:after, body[data-design="tech"] .vision-footer-nav__cell--message:after, body[data-design="tech"] .vision-footer-nav__cell--vision:after, body[data-design="tech"] .vision-footer-nav__cell--brainstorm:after { content: ""; background-image: url(/assets/sprite-dest/pc/tech-7f12b8c56c17884c6efdabb8271d34a3c480f6fb85f2a09f9c140fb549314b2a.png); background-position: 0px 0px; width: 14px; height: 9px; margin-top: -4.5px; } /* line 156, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ body[data-design="tech"] .vision-footer-nav__cell:hover:after, body[data-design="tech"] .vision-footer-nav__cell--message:hover:after, body[data-design="tech"] .vision-footer-nav__cell--vision:hover:after, body[data-design="tech"] .vision-footer-nav__cell--brainstorm:hover:after { background-image: url(/assets/sprite-dest/pc/tech-7f12b8c56c17884c6efdabb8271d34a3c480f6fb85f2a09f9c140fb549314b2a.png); background-position: -42px 0px; width: 14px; height: 9px; } /* line 163, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ body[data-design="kamakura"] .vision-footer-nav { padding-right: 4px; font-size: 0px; margin-top: -14px; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="kamakura"] .vision-footer-nav:before, body[data-design="kamakura"] .vision-footer-nav:after { content: ""; display: block; clear: both; } /* line 292, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="kamakura"] .vision-footer-nav > * { position: relative; display: inline-block; margin-bottom: 2px; vertical-align: top; width: 33.33333%; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="kamakura"] .vision-footer-nav > *:nth-child(3n + 1) { left: 0px; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="kamakura"] .vision-footer-nav > *:nth-child(3n + 2) { left: 2px; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="kamakura"] .vision-footer-nav > *:nth-child(3n + 3) { left: 4px; } /* line 168, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ body[data-design="kamakura"] .vision-footer-nav__cell, body[data-design="kamakura"] .vision-footer-nav__cell--message, body[data-design="kamakura"] .vision-footer-nav__cell--vision, body[data-design="kamakura"] .vision-footer-nav__cell--brainstorm { background-color: rgba(0, 0, 0, 0.8); color: #fff; font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; } /* line 174, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ body[data-design="kamakura"] .vision-footer-nav__cell:hover:before, body[data-design="kamakura"] .vision-footer-nav__cell--message:hover:before, body[data-design="kamakura"] .vision-footer-nav__cell--vision:hover:before, body[data-design="kamakura"] .vision-footer-nav__cell--brainstorm:hover:before, body[data-design="kamakura"] .vision-footer-nav__cell.is-active:before, body[data-design="kamakura"] .is-active.vision-footer-nav__cell--message:before, body[data-design="kamakura"] .is-active.vision-footer-nav__cell--vision:before, body[data-design="kamakura"] .is-active.vision-footer-nav__cell--brainstorm:before { content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(255, 255, 255, 0.1); } /* line 184, /home/circleci/app/app/assets/stylesheets/modules/pc/_vision-footer-nav.scss */ html:lang(en) .vision-footer-nav__cell--message, html:lang(en) .vision-footer-nav__cell--brainstorm { padding-top: 22px; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_wrapper.scss */ .wrapper { position: relative; font-size: 16px; line-height: 1.5; padding-top: 90px; color: #4c4c4c; overflow: hidden; } /* line 10, /home/circleci/app/app/assets/stylesheets/modules/pc/_wrapper.scss */ .content, .content--top { width: auto; max-width: 1360px; min-width: 1120px; margin: 0 auto; padding: 1px 0; z-index: 1; } /* line 23, /home/circleci/app/app/assets/stylesheets/modules/pc/_wrapper.scss */ .content__inner { position: relative; margin: 0px 40px; } /* line 29, /home/circleci/app/app/assets/stylesheets/modules/pc/_wrapper.scss */ body[data-design="tech"] .wrapper { color: #fff; } /* line 35, /home/circleci/app/app/assets/stylesheets/modules/pc/_wrapper.scss */ body[data-design="kamakura"] .wrapper { background-image: url(/assets/pc/design/kamakura/background_base-2b0b5c04f80d5d33b1cfe3512b54f93da5da3d29c63f9ee0b893d085d8fca7bf.jpg); background-attachment: fixed; } /* line 40, /home/circleci/app/app/assets/stylesheets/modules/pc/_wrapper.scss */ body[data-design="kamakura"] .content, body[data-design="kamakura"] .content--top { margin-bottom: 500px; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/pc/_year-tag-list.scss */ .year-tag-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow-x: auto; white-space: nowrap; width: 864px; padding-bottom: 20px; margin-bottom: 20px; } /* line 9, /home/circleci/app/app/assets/stylesheets/modules/pc/_year-tag-list.scss */ .year-tag-list li:not(:first-of-type) { margin-left: 15px; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/pc/_year-tag-list.scss */ .year-tag-list__item__link { display: block; text-decoration: none; font-size: 16px; height: 32px; line-height: 32px; padding-right: 10px; padding-left: 10px; border: 2px solid #eeeeee; color: #4c4c4c; border-radius: 5px; } /* line 25, /home/circleci/app/app/assets/stylesheets/modules/pc/_year-tag-list.scss */ .year-tag-list__item__link:hover { opacity: 0.7; } /* line 1, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking { position: relative; margin-bottom: 90px; color: #4c4c4c; } /* line 8, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__title { position: absolute; top: 0; left: 0; font-size: 32px; font-family: "Ubuntu"; font-weight: bold; } /* line 15, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__list, .dice-ranking__list--novice { padding: 30px; } /* line 19, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__list--novice { margin-top: 0; padding-bottom: 60px; } /* line 25, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__list__title { font-size: 24px; font-weight: bold; padding-bottom: 10px; border-bottom: 2px solid #f5f5f5; } /* line 32, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__list__property { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 10px; border-bottom: 2px solid #f5f5f5; font-size: 18px; } /* line 39, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__list__property__rank, .dice-ranking__list__property__name { font-family: YakuHanJP, YuGothic, sans-serif !important; } /* line 44, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__list__property__rank { width: 65px; font-weight: bold; text-align: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } /* line 51, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__list__property__image { width: 40px; margin-left: 20px; font-weight: bold; } /* line 57, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__list__property__name { width: 230px; margin-left: 35px; font-weight: bold; } /* line 63, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__list__property__average { width: 80px; font-weight: bold; text-align: center; } /* line 69, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__list__property__score { width: 57px; padding-left: 5px; text-align: center; } /* line 75, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__list__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 70px; line-height: 70px; } /* line 80, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__list__inner:nth-child(2n + 1) { background-color: #f5f5f5; } /* line 85, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__list__inner__rank, .dice-ranking__list__inner__rank--top { position: relative; width: 65px; text-align: center; font-size: 24px; font-weight: bold; font-family: YakuHanJP, YuGothic, sans-serif !important; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } /* line 94, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__list__inner__rank--top { font-size: 26px; background-image: url(/assets/pc/member/bg_top-ranker-da172d26ee94faec67108e7f652ad88a43376422230cf60d55ec41486a7f1dd2.png); background-repeat: no-repeat; background-position: 50% 74%; top: -5px; } /* line 103, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__list__inner__image { width: 40px; line-height: 70px; margin-left: 20px; overflow: hidden; } /* line 109, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__list__inner__image img { width: 100%; vertical-align: middle; } /* line 115, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__list__inner__name { width: 230px; margin-left: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 123, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__list__inner__average { width: 80px; font-size: 22px; font-weight: bold; text-align: center; } /* line 130, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__list__inner__score { position: relative; width: 57px; padding-left: 5px; font-size: 22px; text-align: center; } /* line 138, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__list__inner__score[data-multiple="2"]:before { position: absolute; top: 0; bottom: 0; left: 25px; width: 20px; height: 20px; line-height: 20px; margin: auto; text-align: center; font-size: 9px; color: #fff; border-radius: 50%; background-color: #1b9af7; content: "×2"; } /* line 154, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__list__caution { position: relative; padding: 30px; font-size: 13px; } /* line 159, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__list__caution:before { position: absolute; top: 0; left: 30px; right: 30px; height: 1px; margin: auto; background-color: #f5f5f5; content: ""; } /* line 168, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ .dice-ranking__list__caution__inner { line-height: 2em; } /* line 173, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ body[data-design="comic"] .dice-firstview__title { font-family: "Source Sans Pro", "ゴシックMB101 B JIS2004"; color: #fff; text-shadow: 3px 0px 0px #000, -2.61991px -1.46153px 0px #000, 1.57596px 2.55272px 0px #000, -0.13269px -2.99706px 0px #000, -1.34423px 2.68199px 0px #000, 2.48051px -1.68732px 0px #000, -2.98827px 0.26511px 0px #000, 2.73882px 1.22429px 0px #000, -1.79538px -2.40346px 0px #000, 0.39701px 2.97362px 0px #000, 1.10196px -2.79029px 0px #000, -2.3217px 1.89993px 0px #000, 2.95314px -0.52814px 0px #000, -2.83629px -0.97747px 0px #000, 2.00075px 2.23541px 0px #000, -0.65823px -2.92691px 0px #000, -0.85107px 2.87674px 0px #000; } /* line 179, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ body[data-design="comic"] .dice-ranking__list__title, body[data-design="comic"] .dice-ranking__list__property { border-color: #474541; } /* line 185, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ body[data-design="comic"] .dice-ranking__list__caution:before { background-color: #474541; } /* line 191, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ body[data-design="comic"] .dice-ranking__list__inner:nth-child(2n + 1) { background-color: transparent; background-image: url(/assets/pc/design/comic/list_background-c0e0de31ba43d67c03acc00e7abf11586da943b6a7d18191efe28e07c68acd4e.png); background-size: 5px 5px; } /* line 198, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ body[data-design="comic"] .dice-ranking__thumbnail__inner__info__name--ja { font-family: "Source Sans Pro", "ゴシックMB101 DB JIS2004"; } /* line 204, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ body[data-design="game"] .dice-ranking__thumbnail__inner__info__name--ja { font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } /* line 210, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ body[data-design="tech"] .dice-ranking__list__inner { background-color: #262626; } /* line 213, /home/circleci/app/app/assets/stylesheets/pages/pc/_dice.scss */ body[data-design="tech"] .dice-ranking__list__inner:nth-child(2n + 1) { background-color: #363636; } /* line 1, /home/circleci/app/app/assets/stylesheets/pages/pc/_embed.scss */ .embed { background-color: #fff; overflow: hidden; } /* line 7, /home/circleci/app/app/assets/stylesheets/pages/pc/_embed.scss */ body[data-design="comic"] .embed { background-color: transparent; } /* line 13, /home/circleci/app/app/assets/stylesheets/pages/pc/_embed.scss */ body[data-design="tech"] .embed { background-color: transparent; } /* line 1, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ .news_news { min-height: 320px; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news_news:before, .news_news:after { content: ""; display: block; clear: both; } /* line 6, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ .news_news__item { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 50%; margin-bottom: 16px; } /* line 11, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ .news_news__item:nth-child(odd) { padding-right: 8px; } /* line 14, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ .news_news__item:nth-child(even) { padding-left: 8px; } /* line 19, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ .news_children { padding: 40px; margin-bottom: 40px; } /* line 25, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ .news_children__title { position: relative; padding-bottom: 40px; font-size: 36px; font-weight: bold; } /* line 31, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ .news_children__title:before { position: absolute; bottom: 0; left: -40px; right: -40px; height: 2px; background-color: #eeeeee; content: ""; } /* line 39, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ .news_children__description { line-height: 2em; margin-top: 30px; font-size: 18px; } /* line 45, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ .news_children__registration { margin-top: 40px; } /* line 48, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ .news_children__registration ~ hr { height: 2px; margin: 40px auto; background-color: #dedede; border: none; } /* line 56, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ .news_children__registration__agreement { position: relative; padding-left: 1.75em; } /* line 60, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ .news_children__registration__agreement input[type="checkbox"] { position: absolute; top: 0; left: 0; } /* line 65, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ .news_children__registration__agreement a { padding-bottom: 2px; font-size: 16px; color: inherit; text-decoration: none; border-bottom: dotted 1px #4c4c4c; } /* line 74, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ .news_children__registration__address, .news_children__release__address { display: inline-block; } /* line 78, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ .news_children__registration__address input, .news_children__release__address input { width: 424px; height: 54px; line-height: 54px; margin-top: 15px; padding-left: 1em; font-size: 22px; color: #000; background-color: #fafafa; border: 2px solid #dedede; } /* line 92, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ .news_children__registration__submit, .news_children__release__submit { position: relative; display: inline-block; width: 155px; min-width: 0; height: 60px; margin-left: 3px; vertical-align: bottom; } /* line 102, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ .news_children__registration__submit input, .news_children__release__submit input { width: 100%; height: 100%; } /* line 77, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news_children__registration__submit:after, .news_children__release__submit:after { content: ""; font-family: FontAwesome; } /* line 109, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ .news_children__registration__submit:after, .news_children__release__submit:after { position: absolute; right: 1em; top: 50%; font-size: 80%; line-height: 1; margin-top: -0.5em; } /* line 128, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ .news_children__blog { margin-top: 40px; text-align: center; letter-spacing: -0.5em; } /* line 133, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ .news_children__blog .card-small, .news_children__blog .card-small--link { display: inline-block; margin: 8px; letter-spacing: 0; } /* line 138, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ .news_children__blog .card-small:nth-child(3n + 1), .news_children__blog .card-small--link:nth-child(3n + 1) { margin-left: 0; } /* line 142, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ .news_children__blog .card-small:nth-child(3n + 3), .news_children__blog .card-small--link:nth-child(3n + 3) { margin-right: 0; } /* line 149, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ body[data-design="comic"] .comic-onomatope--blog { position: absolute; top: 50px; left: 50%; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 310px; height: 115px; background-position: -2148px 0px; background-size: 12546.5px 628px; } /* line 155, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ body[data-design="comic"] .comic-onomatope--news-buzz-3 { position: absolute; top: 30px; right: 30px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 357px; height: 333px; background-position: -3847px 0px; background-size: 12546.5px 628px; } /* line 161, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ body[data-design="comic"] .comic-onomatope--news-game-1 { position: absolute; top: 60px; right: 30px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 240px; height: 198px; background-position: -5561px 0px; background-size: 12546.5px 628px; } /* line 167, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ body[data-design="comic"] .comic-onomatope--news-career { position: absolute; top: 160px; right: 30px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 347px; height: 126px; background-position: -4204px 0px; background-size: 12546.5px 628px; } /* line 173, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ body[data-design="comic"] .comic-onomatope--news-lobi-3 { position: absolute; top: 160px; right: 240px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 180px; height: 153px; background-position: -7509px 0px; background-size: 12546.5px 628px; } /* line 179, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ body[data-design="comic"] .comic-onomatope--news-lobi-4 { position: absolute; top: 160px; right: 40px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 137px; height: 92px; background-position: -7689px 0px; background-size: 12546.5px 628px; } /* line 185, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ body[data-design="comic"] .comic-onomatope--news-jagmo-1 { position: absolute; top: 160px; right: 320px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 262px; height: 196px; background-position: -6585px 0px; background-size: 12546.5px 628px; } /* line 191, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ body[data-design="comic"] .comic-onomatope--news-jagmo-2 { position: absolute; top: 160px; right: 10px; -webkit-transform-origin: left center; transform-origin: left center; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 423px; height: 98px; background-position: -6847px 0px; background-size: 12546.5px 628px; } /* line 198, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ body[data-design="comic"] .comic-onomatope--news-placole-3 { position: absolute; top: 160px; right: 10px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 299px; height: 229px; background-position: -10302px 0px; background-size: 12546.5px 628px; } /* line 204, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ body[data-design="comic"] .comic-onomatope--news-rankers { position: absolute; top: 200px; right: 80px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 79px; height: 314px; background-position: -5300.5px 0px; background-size: 6273.25px 314px; -webkit-transform-origin: center top; transform-origin: center top; } /* line 211, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ body[data-design="comic"] .comic-onomatope--news-brainstorm { position: absolute; top: 200px; right: 80px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 321px; height: 238px; background-position: -2544px 0px; background-size: 12546.5px 628px; } /* line 217, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ body[data-design="comic"] .comic-onomatope--news-member-1 { position: absolute; top: 180px; right: 400px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 232px; height: 101px; background-position: -8056px 0px; background-size: 12546.5px 628px; } /* line 223, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ body[data-design="comic"] .comic-onomatope--news-member-2 { position: absolute; top: 210px; right: 180px; -webkit-transform-origin: left center; transform-origin: left center; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 197px; height: 27px; background-position: -8288px 0px; background-size: 12546.5px 628px; } /* line 230, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ body[data-design="comic"] .comic-onomatope--news-member-3 { position: absolute; top: 190px; right: 80px; -webkit-transform-origin: left center; transform-origin: left center; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 92px; height: 80px; background-position: -8485px 0px; background-size: 12546.5px 628px; } /* line 241, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ body[data-design="game"] .news_news__item:hover .news-card__meta__pickup-effect { visibility: visible; -webkit-animation: pickup-animation 1s steps(12) both; animation: pickup-animation 1s steps(12) both; } /* line 248, /home/circleci/app/app/assets/stylesheets/pages/pc/_news.scss */ body[data-design="game"] .news-card__meta__pickup-effect { visibility: hidden; position: absolute; bottom: 0; left: 2px; background-image: url(/assets/sprite-dest/pc/pickup-aa4de13da44ef33ac7fc79010df2bfb5073b439877467f239bd356b61a465fb5.png); background-position: 0px 0px; width: 80px; height: 60px; background-repeat: no-repeat; } /* line 1, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ .service-client { position: relative; padding-bottom: 47px; } /* line 5, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ .service-client * { -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 8, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ .service-client hr { background-color: none; height: 0px; margin: 38px 0px; padding: 0px; border: none; border-top: solid 1px #eeeeee; } /* line 20, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ .service-client__header__btns a { display: inline-block; font-size: 18px; font-weight: bold; line-height: 1; background-color: #1b9af7; color: #fff; text-decoration: none; text-align: center; min-width: 150px; border-radius: 3px; padding: 1.1em 2em; position: relative; } /* line 34, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ .service-client__header__btns a:hover { opacity: 0.7; } /* line 37, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ .service-client__header__btns a:after { content: "\f105"; font-family: FontAwesome; font-size: 80%; display: block; margin: auto; position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 52, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ .service-client__header__btns a { color: #000; background-color: #eeeeee; } /* line 58, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ .service-client__title { font-size: 36px; font-weight: bold; } /* line 63, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ .service-client__header { margin-bottom: 16px; padding: 40px; } /* line 68, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ .service-client__header__title { font-size: 30px; font-weight: bold; } /* line 72, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ .service-client__header__copy { font-size: 18px; line-height: 2; margin-top: 1em; } /* line 77, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ .service-client__header__hero { margin-top: 2em; } /* line 80, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ .service-client__header__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1em; } /* line 86, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ .service-client__header__list__item, .service-client__header__list__item--has-image { font-size: 18px; line-height: 1.78; width: 50%; padding: 1em 1.5em 0 1em; } /* line 91, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ .service-client__header__list__item:nth-child(2n + 1), .service-client__header__list__item--has-image:nth-child(2n + 1) { padding-left: 0; } /* line 94, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ .service-client__header__list__item:nth-child(2n), .service-client__header__list__item--has-image:nth-child(2n) { padding-right: 0; } /* line 97, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ .service-client__header__list__item h4, .service-client__header__list__item--has-image h4 { font-size: 22px; font-weight: bold; } /* line 105, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ .service-client__header__list__item--has-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /* line 109, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ .service-client__header__list__item--has-image img { margin-left: 1em; } /* line 113, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ .service-client__header__btns { margin-top: 40px; } /* line 116, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ .service-client__header__btns a { margin-right: 8px; } /* line 122, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ body[data-design="comic"] .comic-onomatope--buzz-1, body[data-design="comic"] .comic-onomatope--buzz-2 { position: absolute; top: 350px; right: -30px; z-index: 2; } /* line 129, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ body[data-design="comic"] .comic-onomatope--buzz-1 { background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 491px; height: 362px; background-position: -2865px 0px; background-size: 12546.5px 628px; -webkit-animation: buzz-quake 1s linear 0s infinite; animation: buzz-quake 1s linear 0s infinite; } /* line 135, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ body[data-design="comic"] .comic-onomatope--buzz-2 { background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 491px; height: 362px; background-position: -3356px 0px; background-size: 12546.5px 628px; -webkit-animation: buzz-quake 1.2s linear 0s infinite; animation: buzz-quake 1.2s linear 0s infinite; } /* line 141, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ body[data-design="comic"] .service-client__header__title { position: relative; } /* line 146, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ body[data-design="comic"] .comic-onomatope--buzz-3 { position: absolute; top: -190px; right: -60px; z-index: 2; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 357px; height: 333px; background-position: -3847px 0px; background-size: 12546.5px 628px; } /* line 153, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ body[data-design="comic"] .service-client__title { font-family: "Source Sans Pro", "ゴシックMB101 B JIS2004"; color: #fff; text-shadow: 3px 0px 0px #000, -2.61991px -1.46153px 0px #000, 1.57596px 2.55272px 0px #000, -0.13269px -2.99706px 0px #000, -1.34423px 2.68199px 0px #000, 2.48051px -1.68732px 0px #000, -2.98827px 0.26511px 0px #000, 2.73882px 1.22429px 0px #000, -1.79538px -2.40346px 0px #000, 0.39701px 2.97362px 0px #000, 1.10196px -2.79029px 0px #000, -2.3217px 1.89993px 0px #000, 2.95314px -0.52814px 0px #000, -2.83629px -0.97747px 0px #000, 2.00075px 2.23541px 0px #000, -0.65823px -2.92691px 0px #000, -0.85107px 2.87674px 0px #000; } /* line 159, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ body[data-design="comic"] .service-client__header__btns { position: relative; } /* line 162, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ body[data-design="comic"] .service-client__header__btns:after { position: absolute; bottom: 0; right: 130px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 357px; height: 333px; background-position: -3847px 0px; background-size: 12546.5px 628px; content: ""; } /* line 170, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-client.scss */ body[data-design="comic"] .service-client__header__btns:hover:after { opacity: 1; -webkit-animation: bounce-to-top-right 0.5s linear both; animation: bounce-to-top-right 0.5s linear both; } /* line 1, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game { padding-bottom: 47px; } /* line 4, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game * { -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 7, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game a { color: inherit; text-decoration: none; } /* line 11, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game a:hover { opacity: 0.7; } /* line 15, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game hr { background-color: none; height: 0px; margin: 38px 0px; padding: 0px; border: none; border-top: solid 1px #eeeeee; } /* line 27, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__link a { display: inline-block; font-size: 18px; font-weight: bold; line-height: 1; background-color: #1b9af7; color: #fff; text-decoration: none; text-align: center; min-width: 150px; border-radius: 3px; padding: 1.1em 2em; position: relative; } /* line 41, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__link a:hover { opacity: 0.7; } /* line 44, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__link a:after { content: "\f105"; font-family: FontAwesome; font-size: 80%; display: block; margin: auto; position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 59, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__link a { color: #000; background-color: #eeeeee; } /* line 65, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__title { font-size: 36px; font-weight: bold; line-height: 1; margin-bottom: 1em; } /* line 72, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__message { padding: 35px; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .service-game__message:before, .service-game__message:after { content: ""; display: block; clear: both; } /* line 77, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__message__title { font-size: 30px; font-weight: bold; margin-bottom: 1em; } /* line 82, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__message__copy { font-size: 18px; line-height: 2; margin-top: 1em; } /* line 88, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__banner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 2em; } /* line 93, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__banner__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 580px; } /* line 97, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__banner__title { font-size: 22px; font-weight: bold; } /* line 101, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__banner__copy { font-size: 18px; line-height: 1.78; margin-top: 0.5em; margin-right: 1em; } /* line 107, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__banner__btn { margin-top: 0.5em; } /* line 114, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__link { margin-top: 8px; } /* line 117, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__link a { min-width: 256px; margin-right: 8px; } /* line 123, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__main { position: relative; margin-top: 2em; } /* line 128, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__other { margin-top: 2em; } /* line 132, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__list-title { font-size: 20px; font-weight: bold; margin-bottom: 0.5em; } /* line 137, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /* line 142, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__list__item { margin-bottom: 16px; font-size: 0; } /* line 146, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__list__item a { display: block; position: relative; } /* line 151, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__list__item__info { position: relative; height: 142px; padding: 25px; font-size: 13px; line-height: 20px; } /* line 158, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__list__item__title { font-size: 20px; font-weight: bold; } /* line 162, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__list__item__bottom { position: absolute; bottom: 25px; left: 25px; } /* line 165, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__list__item__date { font-family: "Ubuntu"; font-style: italic; } /* line 169, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__list__item__client { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif; } /* line 172, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__list__item__tags { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif; } /* line 175, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__list__item__closed { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.4); } /* line 179, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ .service-game__list__item__closed__label { position: absolute; top: 0; right: 0; font-size: 14px; font-weight: bold; color: #fff; background-color: #1b9af7; padding: 0.2em 2.2em; } /* line 189, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ body[data-design="comic"] .comic-onomatope--game-1 { position: absolute; top: 10px; left: 900px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 240px; height: 198px; background-position: -5561px 0px; background-size: 12546.5px 628px; } /* line 195, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ body[data-design="comic"] .comic-onomatope--game-2 { position: absolute; top: 1600px; left: 900px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 254px; height: 244px; background-position: -5801px 0px; background-size: 12546.5px 628px; } /* line 201, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ body[data-design="comic"] .comic-onomatope--award-1-1 { position: absolute; top: 60px; left: 50%; margin-left: -460px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 82px; height: 109px; background-position: 0px 0px; background-size: 12546.5px 628px; } /* line 208, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ body[data-design="comic"] .comic-onomatope--award-1-2 { position: absolute; top: 60px; left: 50%; margin-left: -410px; -webkit-transform-origin: left center; transform-origin: left center; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 976px; height: 266px; background-position: -82px 0px; background-size: 12546.5px 628px; } /* line 216, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ body[data-design="comic"] .comic-onomatope--award-2-effect { position: absolute; top: 140px; left: 50%; margin-left: -150px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 545px; height: 294px; background-position: -1058px 0px; background-size: 12546.5px 628px; } /* line 223, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ body[data-design="comic"] .comic-onomatope--award-2-text { position: absolute; top: 140px; left: 50%; margin-left: -150px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 545px; height: 294px; background-position: -1603px 0px; background-size: 12546.5px 628px; } /* line 230, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ body[data-design="comic"] .service-game__title { font-family: "Source Sans Pro", "ゴシックMB101 B JIS2004"; color: #fff; text-shadow: 3px 0px 0px #000, -2.61991px -1.46153px 0px #000, 1.57596px 2.55272px 0px #000, -0.13269px -2.99706px 0px #000, -1.34423px 2.68199px 0px #000, 2.48051px -1.68732px 0px #000, -2.98827px 0.26511px 0px #000, 2.73882px 1.22429px 0px #000, -1.79538px -2.40346px 0px #000, 0.39701px 2.97362px 0px #000, 1.10196px -2.79029px 0px #000, -2.3217px 1.89993px 0px #000, 2.95314px -0.52814px 0px #000, -2.83629px -0.97747px 0px #000, 2.00075px 2.23541px 0px #000, -0.65823px -2.92691px 0px #000, -0.85107px 2.87674px 0px #000; } /* line 238, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ body[data-design="tech"] .service-game__list__item { border: none; } /* line 241, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ body[data-design="tech"] .service-game__list__item:before { display: none; } /* line 245, /home/circleci/app/app/assets/stylesheets/pages/pc/_service-game.scss */ body[data-design="tech"] .service-game__list__item img { visibility: hidden; } /* line 1, /home/circleci/app/app/assets/stylesheets/pages/pc/_smile.scss */ .smile-content { overflow: hidden; } /* line 5, /home/circleci/app/app/assets/stylesheets/pages/pc/_smile.scss */ .smile-content__column { float: left; width: 50%; } /* line 9, /home/circleci/app/app/assets/stylesheets/pages/pc/_smile.scss */ .smile-content__column:nth-child(odd) .smile-content__inner { margin-right: 4px; } /* line 14, /home/circleci/app/app/assets/stylesheets/pages/pc/_smile.scss */ .smile-content__column:nth-child(even) .smile-content__inner { margin-left: 4px; } /* line 20, /home/circleci/app/app/assets/stylesheets/pages/pc/_smile.scss */ .smile-content__inner { position: relative; padding: 40px 40px 40px 200px; margin-bottom: 8px; } /* line 27, /home/circleci/app/app/assets/stylesheets/pages/pc/_smile.scss */ .smile-content__inner__image { position: absolute; top: 40px; left: 40px; } /* line 30, /home/circleci/app/app/assets/stylesheets/pages/pc/_smile.scss */ .smile-content__inner__image:before, .smile-content__inner__image:after { position: absolute; bottom: -17px; left: 36px; background-color: #999999; content: ""; } /* line 37, /home/circleci/app/app/assets/stylesheets/pages/pc/_smile.scss */ .smile-content__inner__image:before { width: 4px; height: 13px; } /* line 42, /home/circleci/app/app/assets/stylesheets/pages/pc/_smile.scss */ .smile-content__inner__image:after { width: 13px; height: 4px; } /* line 48, /home/circleci/app/app/assets/stylesheets/pages/pc/_smile.scss */ .smile-content__inner__image__arrow { position: absolute; bottom: -24px; left: 44px; line-height: 1em; color: #999999; font-size: 18px !important; } /* line 77, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .smile-content__inner__image__arrow:after { content: ""; font-family: FontAwesome; } /* line 55, /home/circleci/app/app/assets/stylesheets/pages/pc/_smile.scss */ .smile-content__inner__image__arrow:after { vertical-align: top; } /* line 60, /home/circleci/app/app/assets/stylesheets/pages/pc/_smile.scss */ .smile-content__inner__image__from { width: 88px; height: 88px; } /* line 65, /home/circleci/app/app/assets/stylesheets/pages/pc/_smile.scss */ .smile-content__inner__image__to { position: absolute; top: 64px; left: 64px; width: 68px; height: 68px; border: 4px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 73, /home/circleci/app/app/assets/stylesheets/pages/pc/_smile.scss */ .smile-content__inner__title { font-size: 30px; font-weight: bold; } /* line 78, /home/circleci/app/app/assets/stylesheets/pages/pc/_smile.scss */ .smile-content__inner__description { margin-top: 20px; font-size: 18px; } /* line 83, /home/circleci/app/app/assets/stylesheets/pages/pc/_smile.scss */ .smile-content__inner__date { margin-top: 30px; font-family: "Ubuntu"; font-style: italic; font-size: 14px; } /* line 90, /home/circleci/app/app/assets/stylesheets/pages/pc/_smile.scss */ .smile-content__inner__from_to { margin-top: 5px; font-size: 14px; } /* line 100, /home/circleci/app/app/assets/stylesheets/pages/pc/_smile.scss */ body[data-design="comic"] .smile-firstview__title { font-family: "Source Sans Pro", "ゴシックMB101 B JIS2004"; color: #fff; text-shadow: 3px 0px 0px #000, -2.61991px -1.46153px 0px #000, 1.57596px 2.55272px 0px #000, -0.13269px -2.99706px 0px #000, -1.34423px 2.68199px 0px #000, 2.48051px -1.68732px 0px #000, -2.98827px 0.26511px 0px #000, 2.73882px 1.22429px 0px #000, -1.79538px -2.40346px 0px #000, 0.39701px 2.97362px 0px #000, 1.10196px -2.79029px 0px #000, -2.3217px 1.89993px 0px #000, 2.95314px -0.52814px 0px #000, -2.83629px -0.97747px 0px #000, 2.00075px 2.23541px 0px #000, -0.65823px -2.92691px 0px #000, -0.85107px 2.87674px 0px #000; } /* line 106, /home/circleci/app/app/assets/stylesheets/pages/pc/_smile.scss */ body[data-design="comic"] .smile-content__inner__title { font-family: "Source Sans Pro", "ゴシックMB101 DB JIS2004"; } /* line 112, /home/circleci/app/app/assets/stylesheets/pages/pc/_smile.scss */ body[data-design="game"] .smile-content__inner__title { font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } /* line 4, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero { position: relative; margin-top: 15px; color: #fff; overflow: hidden; } /* line 11, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /* line 16, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider-container:before { content: ""; position: absolute; display: block; width: 100px; height: 100px; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; pointer-events: none; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; -webkit-animation: loading-animation 1s steps(12) infinite; animation: loading-animation 1s steps(12) infinite; background-image: url(/assets/pc/design/simple/loading_simple-07c3434ac345c77be3398c3696f2db57f1ac78b74a22cf556d46dac029a195bc.png); } /* line 34, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider-container.is-loading { background-color: #e5e5e5; } /* line 37, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider-container.is-loading:before { opacity: 1; } /* line 41, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider-container.is-loading .hero__slider { opacity: 0; } /* line 45, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider-container.is-loading .hero__slider-nav { opacity: 0; } /* line 51, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider { width: 75%; height: 403px; margin: 0; opacity: 1; } /* line 57, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider .swiper-button-prev, .hero__slider .swiper-button-next { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 70px; height: 100px; position: absolute; top: 50%; margin: 0; padding: 0; line-height: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; opacity: 0.7; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } /* line 74, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider .swiper-button-prev:after, .hero__slider .swiper-button-next:after { display: none; } /* line 78, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider .swiper-button-prev div, .hero__slider .swiper-button-next div { position: relative; width: 40px; height: 40px; border-radius: 20px; background-color: #f4f4f4; } /* line 85, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider .swiper-button-prev div:before, .hero__slider .swiper-button-prev div:after, .hero__slider .swiper-button-next div:before, .hero__slider .swiper-button-next div:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; } /* line 94, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider .swiper-button-prev div:before, .hero__slider .swiper-button-next div:before { left: 11px; width: 15px; height: 0; border-top: 1px solid #000; } /* line 100, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider .swiper-button-prev div:after, .hero__slider .swiper-button-next div:after { left: 15px; width: 10px; height: 10px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* line 110, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider .swiper-button-prev:hover, .hero__slider .swiper-button-next:hover { opacity: 1; } /* line 114, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider .swiper-button-prev:active, .hero__slider .swiper-button-next:active { opacity: 1; } /* line 116, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider .swiper-button-prev:active div, .hero__slider .swiper-button-next:active div { background-color: #388bf0; -webkit-transition: background 0.1s; transition: background 0.1s; } /* line 120, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider .swiper-button-prev:active div:before, .hero__slider .swiper-button-prev:active div:after, .hero__slider .swiper-button-next:active div:before, .hero__slider .swiper-button-next:active div:after { border-color: #fff; -webkit-transition: border 0.1s; transition: border 0.1s; } /* line 129, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider .swiper-button-prev { left: 0; } /* line 131, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider .swiper-button-prev div { -webkit-transform: scaleX(-1); transform: scaleX(-1); } /* line 136, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider .swiper-button-next { right: 0; } /* line 140, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider.swiper-container { margin: 0; } /* line 143, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider .swiper-wrapper { height: 100%; } /* line 148, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider__item { display: block; width: 100%; color: inherit; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } /* line 154, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider__item:before { position: absolute; bottom: 0; left: 0; right: 0; height: 50px; background-color: rgba(0, 0, 0, 0.7); content: ""; } /* line 162, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__image { height: 100%; line-height: 0; } /* line 166, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__image .hero__image__row { width: 100%; height: 100%; background-size: cover; background-position: center; } /* line 173, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__image .corner-cut-image { display: none; width: 100%; } /* line 179, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__title { position: absolute; bottom: 0; left: 20px; line-height: 50px; font-family: "Ubuntu Condensed"; font-size: 24px; } /* line 186, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__info { position: absolute; bottom: 0; right: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 50px; } /* line 192, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__description { margin-right: 16px; font-weight: bold; } /* line 197, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__category { font-size: 14px; } /* line 200, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__category:after { content: "｜"; } /* line 205, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__year { margin: 0 8px; font-size: 14px; } /* line 210, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider-nav { width: 24%; height: 548px; overflow: hidden; opacity: 1; } /* line 216, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider-nav.swiper-container { margin: 0; margin-top: -137px; } /* line 220, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider-nav .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; height: auto; } /* line 225, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider-nav .swiper-slide { cursor: pointer; } /* line 227, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider-nav .swiper-slide:hover { opacity: 0.7; } /* line 231, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .hero__slider-nav img { height: 129px; width: 100%; -o-object-fit: cover; object-fit: cover; } /* line 238, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .top_news { margin-top: 15px; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .top_news:before, .top_news:after { content: ""; display: block; clear: both; } /* line 243, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .top_news__header { width: 100%; } /* line 247, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .top_news__title { line-height: 1em; margin-top: 32px; font-size: 26px; font-weight: bold; } /* line 254, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .top_news__arranged, .top_news__arranged--left, .top_news__arranged--right { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } /* line 259, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .top_news__arranged--left { padding-right: 8px; } /* line 263, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .top_news__arranged--right { padding-left: 8px; } /* line 270, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .top_news__inner a { height: 244px; display: block; position: relative; margin-top: 16px; padding: 32px; color: inherit; text-decoration: none; } /* line 282, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .top_news__inner.with-image a { height: 568px; } /* line 286, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .top_news__inner.with-image .top_news__inner__info__title, .top_news__inner.with-image .top_news__inner__info__title--thin { max-height: 4.5em; } /* line 291, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .top_news__inner.with-image .top_news__inner__info__title--thin { max-height: 3em; } /* line 298, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .top_news__inner__info__date { font-family: "Ubuntu"; font-style: italic; font-size: 20px; line-height: 1; } /* line 305, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .top_news__inner__image { position: relative; margin-bottom: 32px; padding-bottom: 56.25%; overflow: hidden; } /* line 310, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .top_news__inner__image div { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-size: cover; background-position: center; background-repeat: no-repeat; } /* line 318, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .top_news__inner__image__filter, .top_news__inner__image__filter--comic { display: none; } /* line 325, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .top_news__inner__info__series { position: relative; font-size: 18px; font-weight: bold; margin-top: 16px; margin-bottom: -10px; } /* line 331, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .top_news__inner__info__series:before { content: "#"; } /* line 336, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .top_news__inner__info__title, .top_news__inner__info__title--thin { margin-top: 10px; font-size: 32px; line-height: 1.5; font-weight: bold; max-height: 6em; overflow: hidden; } /* line 345, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .top_news__inner__info__title--thin { max-height: 4.5em; } /* line 351, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .top_news__inner__info__meta { position: absolute; bottom: 32px; left: 32px; line-height: 1; font-size: 0px; left: 0px; width: 100%; padding: 0px 32px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: bottom; font-size: 13px; height: 16px; text-overflow: ellipsis; white-space: nowrap; } /* line 367, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .top_news__inner__info__meta__pickup { top: 0; } /* line 372, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .top_news__inner__info__meta__category { display: inline; vertical-align: bottom; font-size: 15px; font-family: "Ubuntu"; font-style: italic; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .top_news__inner__info__meta__category[data-category="1"] { color: #33c8ff; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .top_news__inner__info__meta__category[data-category="1"] .inner-link:before { background-color: #33c8ff; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .top_news__inner__info__meta__category[data-category="2"] { color: #7275e9; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .top_news__inner__info__meta__category[data-category="2"] .inner-link:before { background-color: #7275e9; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .top_news__inner__info__meta__category[data-category="3"] { color: #fc880f; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .top_news__inner__info__meta__category[data-category="3"] .inner-link:before { background-color: #fc880f; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .top_news__inner__info__meta__category[data-category="4"] { color: #49e845; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .top_news__inner__info__meta__category[data-category="4"] .inner-link:before { background-color: #49e845; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .top_news__inner__info__meta__category[data-category="5"] { color: #ff599f; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .top_news__inner__info__meta__category[data-category="5"] .inner-link:before { background-color: #ff599f; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .top_news__inner__info__meta__category[data-category="6"] { color: #cf57fb; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .top_news__inner__info__meta__category[data-category="6"] .inner-link:before { background-color: #cf57fb; } /* line 386, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .more_info { display: block; margin: 40px auto; } /* line 389, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .more_info a { display: block; } /* line 394, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ .top__footer { margin: 0px 40px; } /* line 103, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="simple"] .top_news__inner a:hover { background-image: url(/assets/pc/design/simple/ptn_simple_1-a374f304f705ef246360c4618256435e6d7649bc37d08f249349e4ce267e3b85.png); background-size: 5px 5px; } /* line 107, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="simple"] .top_news__inner a:hover:before { content: ""; display: block; position: absolute; top: 6px; left: 6px; bottom: 6px; right: 6px; background-color: #fff; } /* line 402, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="simple"] .top_news__inner a:hover .top_news__inner__image, body[data-design="simple"] .top_news__inner a:hover .top_news__inner__info__date, body[data-design="simple"] .top_news__inner a:hover .top_news__inner__info__series, body[data-design="simple"] .top_news__inner a:hover .top_news__inner__info__title, body[data-design="simple"] .top_news__inner a:hover .top_news__inner__info__title--thin { color: #1b9af7; position: relative; } /* line 412, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="simple"] .more_info { display: block; width: 250px; } /* line 420, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="comic"] .hero { position: relative; } /* line 424, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="comic"] .hero__slider { background-color: #f4f0e7; } /* line 427, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="comic"] .hero__slider.is-loading:after { content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; border: 4px solid #474541; } /* line 434, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="comic"] .hero__slider:before { background-image: url(/assets/pc/design/comic/loading_comic-c68761a5e1af42e04744653ca71b6812dd4e2d27fe52d809312e852ecc973ab5.png); } /* line 437, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="comic"] .hero__slider .prev-arrow, body[data-design="comic"] .hero__slider .next-arrow { background-image: url(/assets/pc/design/comic/hero_slider_arrow-1812a2023814a7a1fd0027f55eacb0058511b8240aae75ec0eaee2814d46261b.svg); } /* line 443, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="comic"] .top_news__title { font-family: "ゴシックMB101 U JIS2004"; color: #f4f0e7; text-shadow: 4px 0px 0px #474541, -3.49322px -1.9487px 0px #474541, 2.10128px 3.40362px 0px #474541, -0.17692px -3.99608px 0px #474541, -1.7923px 3.57598px 0px #474541, 3.30734px -2.24976px 0px #474541, -3.98436px 0.35348px 0px #474541, 3.65176px 1.63238px 0px #474541, -2.39384px -3.20462px 0px #474541, 0.52934px 3.96482px 0px #474541, 1.46928px -3.72038px 0px #474541, -3.0956px 2.53324px 0px #474541, 3.93752px -0.70418px 0px #474541, -3.78172px -1.3033px 0px #474541, 2.66766px 2.98054px 0px #474541, -0.87764px -3.90254px 0px #474541, -1.13476px 3.83566px 0px #474541; } /* line 449, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="comic"] .top_news__inner a:hover { background-image: url(/assets/pc/design/comic/ptn_comic_1-c94f8f625adf581b69b82cb83368c49870767c249b391461c134488f2379cedb.png); background-size: 8px 8px; text-shadow: 4px 0px 0px #f4f0e7, -3.49322px -1.9487px 0px #f4f0e7, 2.10128px 3.40362px 0px #f4f0e7, -0.17692px -3.99608px 0px #f4f0e7, -1.7923px 3.57598px 0px #f4f0e7, 3.30734px -2.24976px 0px #f4f0e7, -3.98436px 0.35348px 0px #f4f0e7, 3.65176px 1.63238px 0px #f4f0e7, -2.39384px -3.20462px 0px #f4f0e7, 0.52934px 3.96482px 0px #f4f0e7, 1.46928px -3.72038px 0px #f4f0e7, -3.0956px 2.53324px 0px #f4f0e7, 3.93752px -0.70418px 0px #f4f0e7, -3.78172px -1.3033px 0px #f4f0e7, 2.66766px 2.98054px 0px #f4f0e7, -0.87764px -3.90254px 0px #f4f0e7, -1.13476px 3.83566px 0px #f4f0e7; } /* line 454, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="comic"] .top_news__inner a:hover:after { background-color: transparent; opacity: 1; } /* line 460, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="comic"] .top_news__inner__info__series, body[data-design="comic"] .top_news__inner__info__title, body[data-design="comic"] .top_news__inner__info__title--thin { font-family: "Source Sans Pro", "ゴシックMB101 DB JIS2004"; } /* line 466, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="comic"] .top_news__inner__image img { display: none; } /* line 470, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="comic"] .top_news__inner__image__filter--comic { display: block; position: absolute; } /* line 475, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="comic"] .more_info { display: block; width: 273px; } /* line 480, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="comic"] .more_info a { position: relative; } /* line 486, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="comic"] .more_info:hover .more_info__onomatope:before { -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; -webkit-transform: scale(1); transform: scale(1); opacity: 1; } /* line 492, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="comic"] .more_info:hover .more_info__onomatope:after { -webkit-transition: all 1s ease 0.5s; transition: all 1s ease 0.5s; -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } /* line 503, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="comic"] .more_info__onomatope:before, body[data-design="comic"] .more_info__onomatope:after { content: ""; } /* line 509, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="comic"] .more_info__onomatope:before { position: absolute; top: 0; left: -40px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 341px; height: 92px; background-position: -8577px 0px; background-size: 12546.5px 628px; -webkit-transform: scale(0.9); transform: scale(0.9); } /* line 515, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="comic"] .more_info__onomatope:after { position: absolute; top: -120px; right: 20px; background-image: url(/assets/sprite-dest/pc/onomatope-9040117234a84e7c9696725f656d54300b2346e364fb3a31eb6e4d96d94ec19d.png); width: 44px; height: 140px; background-position: -8918px 0px; background-size: 12546.5px 628px; -webkit-transform: translate(-5px, 10px); transform: translate(-5px, 10px); } /* line 525, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="game"] .content--top ~ .game-footer-character { margin-top: -50px; } /* line 531, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="game"] .hero:before { border-radius: 0 0 10px 10px; } /* line 536, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="game"] .hero__slider { border-radius: 10px; background-color: rgba(0, 0, 0, 0.75); } /* line 539, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="game"] .hero__slider:before { width: 200px; height: 50px; margin-left: -100px; margin-top: -25px; background-image: url(/assets/pc/design/game/loading_game-daf5eecc9ada2178610a550d1b1ded86610af7c9c6650b5da7de6255966501c3.png); -webkit-animation-name: game-loading-animation; animation-name: game-loading-animation; } /* line 549, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="game"] .hero__slider .prev-arrow, body[data-design="game"] .hero__slider .next-arrow { background-image: url(/assets/pc/design/game/hero_slider_arrow-1812a2023814a7a1fd0027f55eacb0058511b8240aae75ec0eaee2814d46261b.svg); } /* line 556, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="game"] .hero__image .hero__image__row { border-radius: 10px; } /* line 563, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="game"] .top_news__inner:hover .top_news__inner__info__pickup-effect { visibility: visible; -webkit-animation: pickup-animation 1s steps(12) both; animation: pickup-animation 1s steps(12) both; } /* line 573, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="game"] .top_news__inner a:hover:before { position: absolute; bottom: 20px; right: 25px; width: 0; height: 0; border: 10px solid transparent; border-top: 10px solid #fff; -webkit-animation: arrow-flash 1s steps(1) infinite; animation: arrow-flash 1s steps(1) infinite; content: ""; } /* line 582, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="game"] .top_news__inner__info__pickup-effect { visibility: hidden; position: absolute; bottom: 20px; left: 12px; background-image: url(/assets/sprite-dest/pc/pickup-aa4de13da44ef33ac7fc79010df2bfb5073b439877467f239bd356b61a465fb5.png); background-position: 0px 0px; width: 80px; height: 60px; background-repeat: no-repeat; } /* line 589, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="game"] .top_news__title { font-family: "ShinMGoPro Heavy", "新丸ゴ H", YakuHanJP, YuGothic, sans-serif; color: #fff; text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.5); } /* line 595, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="game"] .top_news__inner__info__series, body[data-design="game"] .top_news__inner__info__title, body[data-design="game"] .top_news__inner__info__title--thin { font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } /* line 601, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="game"] .top_news__inner__image img { border-radius: 10px; } /* line 605, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="game"] .more_info { position: relative; width: 280px; height: 66px; background: none; color: #fff; } /* line 618, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="game"] .more_info a { color: inherit; position: relative; width: 100%; height: 100%; background-image: url(/assets/pc/design/game/more_info-ac5e149008979878754b2e7c5cacf16f8b505a1a1e83e935fe7b77075da8efe7.png); background-position: left top; } /* line 625, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="game"] .more_info a:hover { background-position: left bottom; } /* line 628, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="game"] .more_info a span { display: none; } /* line 631, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="game"] .more_info a:after { content: ""; width: 17px; height: 17px; background-image: url(/assets/pc/design/game/ico_arrow-e88ede53fae17fcf062def2d7b1416144aa2cf5c0e09316f8837ac1ca8fb6d42.png); background-repeat: no-repeat; background-position: left bottom; position: absolute; right: 22px; top: 50%; margin-top: -8.5px; -webkit-animation: arrow-swing 1.5s infinite; animation: arrow-swing 1.5s infinite; } /* line 651, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="kamakura"] .hero__slider { background-color: #000; } /* line 653, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="kamakura"] .hero__slider:before { background-image: url(/assets/pc/design/kamakura/loading_kamakura-be5bbbbdf63d6b3a8e854e8e3d06a732b508ed9065ca1a47ee87b90580418bbd.png); } /* line 656, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="kamakura"] .hero__slider .prev-arrow, body[data-design="kamakura"] .hero__slider .next-arrow { background-image: url(/assets/pc/design/kamakura/hero_slider_arrow-1812a2023814a7a1fd0027f55eacb0058511b8240aae75ec0eaee2814d46261b.svg); } /* line 662, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="kamakura"] .hero__title, body[data-design="kamakura"] .hero__info { font-family: "Alegreya", "秀英横太明朝 L", "Shuei Mincho L"; } /* line 667, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="kamakura"] .top_news { position: relative; margin-top: 50px; } /* line 672, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="kamakura"] .top_news__header { position: absolute; top: -15px; left: -30px; width: 1em; padding: 15px; z-index: 2; background-color: #fff; font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; border-style: solid none; border-width: 4px; border-color: #000; color: #000; } /* line 170, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="kamakura"] .top_news__header:before, body[data-design="kamakura"] .top_news__header:after { content: ""; display: block; height: 100%; width: 2px; position: absolute; top: -6px; background-color: #000; padding: 6px 0px; } /* line 181, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="kamakura"] .top_news__header:before { left: 0px; } /* line 184, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="kamakura"] .top_news__header:after { right: 0px; } /* line 684, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="kamakura"] .top_news__title { font-size: 0px; margin: 0px; } /* line 687, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="kamakura"] .top_news__title:after { font-size: 20px; line-height: 1.2; content: "新着情報"; } /* line 694, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="kamakura"] .top_news__inner a { background: none; background-image: url(/assets/pc/design/kamakura/top_news_bg-f939e8277b54927e182e43fd2debb379da3d9900a97e302592abcd6943b664d7.svg); background-repeat: no-repeat; background-size: 100% 100%; } /* line 125, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="kamakura"] .top_news__inner a:hover { background-image: url(/assets/pc/design/kamakura/top_news_bg_hover-18cec6395d47cb93a8798a857c6d07dfa953a6c7b9ccfd84a383782472f2daac.svg); } /* line 128, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="kamakura"] .top_news__inner a:hover:before { content: ""; display: block; position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px; background-image: url(/assets/pc/design/kamakura/top_news_bg-f939e8277b54927e182e43fd2debb379da3d9900a97e302592abcd6943b664d7.svg); background-repeat: no-repeat; background-size: 100% 100%; } /* line 697, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="kamakura"] .top_news__inner a:hover .top_news__inner__image, body[data-design="kamakura"] .top_news__inner a:hover .top_news__inner__info__date, body[data-design="kamakura"] .top_news__inner a:hover .top_news__inner__info__series, body[data-design="kamakura"] .top_news__inner a:hover .top_news__inner__info__title, body[data-design="kamakura"] .top_news__inner a:hover .top_news__inner__info__title--thin { color: #ed5300; position: relative; } /* line 707, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="kamakura"] .top_news__inner__info__series, body[data-design="kamakura"] .top_news__inner__info__title, body[data-design="kamakura"] .top_news__inner__info__title--thin { font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; } /* line 712, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="kamakura"] .more_info { width: 134px; height: 120px; background: none; margin-bottom: 0px; } /* line 720, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="kamakura"] .more_info:after { display: none; } /* line 724, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="kamakura"] .more_info a { text-indent: -9999px; white-space: nowrap; overflow: hidden; width: 100%; height: 100%; position: relative; background-image: url(/assets/pc/design/kamakura/more_info-47f87ec418691202855b5c5d77c9c2a9a08cc748bb67d5d26014a6b659be087b.png); background-position: left top; background-size: 134px 240px; } /* line 732, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="kamakura"] .more_info a:hover { background-position: left bottom; } /* line 741, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="tech"] .hero__slider.is-loading { background-color: #000; } /* line 744, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="tech"] .hero__slider:before { background-image: url(/assets/pc/design/tech/loading_tech-0ede01df336c066c1c292022dbdbd1c92e40beb51a1a36d8b7128ce272a660ed.png); } /* line 747, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="tech"] .hero__slider .prev-arrow, body[data-design="tech"] .hero__slider .next-arrow { background-image: url(/assets/pc/design/tech/hero_slider_arrow-3e722d35bfd1c9c4ee9296219edcb5c81c04c1ff0f94b4aac66c97e4d2e4f93d.svg); } /* line 754, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="tech"] .hero__slider__item:before { height: 70px; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7))); background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); } /* line 760, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="tech"] .hero__slider__item:hover .hero__image__row { -webkit-filter: blur(32px); filter: blur(32px); } /* line 763, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="tech"] .hero__slider__item:hover .hero__title, body[data-design="tech"] .hero__slider__item:hover .hero__info { opacity: 0; } /* line 773, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="tech"] .hero__image__row { -webkit-transition: -webkit-filter 0.2s; transition: -webkit-filter 0.2s; transition: filter 0.2s; transition: filter 0.2s, -webkit-filter 0.2s; } /* line 777, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="tech"] .hero__title, body[data-design="tech"] .hero__info { z-index: 2; color: #fff; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } /* line 784, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="tech"] .hero__title { bottom: 5px; } /* line 788, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="tech"] .hero__info { right: 20px; } /* line 795, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="tech"] .top_news__inner a:hover:after { opacity: 0; } /* line 800, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="tech"] .top_news__inner__image { overflow: visible; } /* line 804, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="tech"] .more_info { margin: 40px auto; text-align: center; } /* line 808, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ body[data-design="tech"] .more_info a { line-height: 64px; text-align: center; text-decoration: none; color: #fff; } /* line 820, /home/circleci/app/app/assets/stylesheets/pages/pc/_top.scss */ html:lang(en) body[data-design="game"] .more_info a { background-image: url(/assets/pc/design/game/more_info_en-b092c9f49e098b465ed3b6af197a0b71d4dc999de6d93cb95ee04a01eae1c2ec.png); }