@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); */ /* line 1, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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: 12px; line-height: 1.625; margin: 2em 0em; word-break: break-all; } /* line 7, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 12, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 15, /home/circleci/app/app/assets/stylesheets/extensions/sp/_common-table.scss */ .common-table th.nest-header, .markdown-rule table th.nest-header, .article__content__document table th.nest-header, .portfolio__article__body table th.nest-header, .portfolio__article__body--interview table th.nest-header, .article__table th.nest-header, .division__table th.nest-header { width: 2em; background-color: #e0e0e0; font-weight: bold; font-size: 16px; } /* line 30, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 40, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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/sp/_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, .formtype__contact-terms-check__error { font-size: 14px; } /* line 6, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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"] .formtype__contact-terms-check__error { color: #f15151; } /* line 12, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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"] .formtype__contact-terms-check__error { font-weight: #f15151; } /* line 18, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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"] .formtype__contact-terms-check__error { color: #f15151; } /* line 24, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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"] .formtype__contact-terms-check__error { color: #f50; } /* line 30, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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"] .formtype__contact-terms-check__error { color: #f15151; } /* line 1, /home/circleci/app/app/assets/stylesheets/extensions/sp/_markdown-rule.scss */ .markdown-rule, .article__content__document, .portfolio__article__body, .portfolio__article__body--interview { font-size: 16px; line-height: 1.75; word-wrap: break-word; overflow-wrap: break-word; } /* line 7, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 { margin-top: 40px; margin-bottom: 20px; font-weight: bold; line-height: 1.48; } /* line 16, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 21, /home/circleci/app/app/assets/stylesheets/extensions/sp/_markdown-rule.scss */ .markdown-rule h1, .article__content__document h1, .portfolio__article__body h1, .portfolio__article__body--interview h1 { font-size: 27px; } /* line 24, /home/circleci/app/app/assets/stylesheets/extensions/sp/_markdown-rule.scss */ .markdown-rule h2, .article__content__document h2, .portfolio__article__body h2, .portfolio__article__body--interview h2 { font-size: 24px; } /* line 27, /home/circleci/app/app/assets/stylesheets/extensions/sp/_markdown-rule.scss */ .markdown-rule h3, .article__content__document h3, .portfolio__article__body h3, .portfolio__article__body--interview h3 { font-size: 20px; } /* line 30, /home/circleci/app/app/assets/stylesheets/extensions/sp/_markdown-rule.scss */ .markdown-rule h4, .article__content__document h4, .portfolio__article__body h4, .portfolio__article__body--interview h4 { font-size: 16px; } /* line 34, /home/circleci/app/app/assets/stylesheets/extensions/sp/_markdown-rule.scss */ .markdown-rule hr, .article__content__document hr, .portfolio__article__body hr, .portfolio__article__body--interview hr { margin: 24px 0px; padding: 0px; border: none; border-bottom: solid 1px #eeeeee; } /* line 41, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 52, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 57, /home/circleci/app/app/assets/stylesheets/extensions/sp/_markdown-rule.scss */ .markdown-rule em, .article__content__document em, .portfolio__article__body em, .portfolio__article__body--interview em { font-style: italic; } /* line 61, /home/circleci/app/app/assets/stylesheets/extensions/sp/_markdown-rule.scss */ .markdown-rule small, .article__content__document small, .portfolio__article__body small, .portfolio__article__body--interview small { font-size: 80%; } /* line 65, /home/circleci/app/app/assets/stylesheets/extensions/sp/_markdown-rule.scss */ .markdown-rule p, .article__content__document p, .portfolio__article__body p, .portfolio__article__body--interview p { margin: 1.25em 0em; } /* line 67, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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: 0; } /* line 72, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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: 1em 0em; text-indent: 1em; } /* line 76, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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; text-indent: 0px; } /* line 82, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 85, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 90, /home/circleci/app/app/assets/stylesheets/extensions/sp/_markdown-rule.scss */ .markdown-rule dl dt, .article__content__document dl dt, .portfolio__article__body dl dt, .portfolio__article__body--interview dl dt { font-weight: bold; margin-top: 10px; } /* line 96, /home/circleci/app/app/assets/stylesheets/extensions/sp/_markdown-rule.scss */ .markdown-rule blockquote, .article__content__document blockquote, .portfolio__article__body blockquote, .portfolio__article__body--interview blockquote { font-size: 12px; line-height: 20px; font-style: italic; } /* line 102, /home/circleci/app/app/assets/stylesheets/extensions/sp/_markdown-rule.scss */ .markdown-rule header, .article__content__document header, .portfolio__article__body header, .portfolio__article__body--interview header { background-color: #f7f7f7; margin: 8px 0px 32px; padding: 20px; font-size: 14px; } /* line 108, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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: 16px; } /* line 112, /home/circleci/app/app/assets/stylesheets/extensions/sp/_markdown-rule.scss */ .markdown-rule header a, .article__content__document header a, .portfolio__article__body header a, .portfolio__article__body--interview header a { color: inherit; text-decoration: none; border-bottom: dotted 1px #4c4c4c; } /* line 118, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 121, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 127, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 134, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 140, /home/circleci/app/app/assets/stylesheets/extensions/sp/_markdown-rule.scss */ .markdown-rule img, .article__content__document img, .portfolio__article__body img, .portfolio__article__body--interview img { max-width: 100%; } /* line 142, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 { display: block; margin: auto; margin-bottom: 16px; max-width: 130px; } /* line 148, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 155, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 160, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 166, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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: 8px 0px; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } /* line 173, /home/circleci/app/app/assets/stylesheets/extensions/sp/_markdown-rule.scss */ .markdown-rule .kayac-video-embed:first-child, .article__content__document .kayac-video-embed:first-child, .portfolio__article__body .kayac-video-embed:first-child, .portfolio__article__body--interview .kayac-video-embed:first-child { margin-top: 0; } /* line 176, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 186, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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: 100%; height: auto; margin: 0px; margin-bottom: 8px; } /* line 194, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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: 8px 0px; font-weight: normal; font-size: 14px; } /* 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 201, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 207, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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: 12px; line-height: 20px; color: #4c4c4c; margin: 8px 0; } /* line 215, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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%; } /* line 220, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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; } /* line 223, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 227, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 234, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 237, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 240, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 250, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 258, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 269, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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 272, /home/circleci/app/app/assets/stylesheets/extensions/sp/_markdown-rule.scss */ body[data-design="tech"] .markdown-rule hr, body[data-design="tech"] .article__content__document hr, body[data-design="tech"] .portfolio__article__body hr, body[data-design="tech"] .portfolio__article__body--interview hr { border-color: #969696; } /* line 275, /home/circleci/app/app/assets/stylesheets/extensions/sp/_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/sp/_mini-dice-list.scss */ .mini-dice-list { overflow: hidden; margin: 16px 0px; padding-right: 32px; font-size: 0px; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .mini-dice-list:before, .mini-dice-list:after { content: ""; display: block; clear: both; } /* line 292, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .mini-dice-list > * { position: relative; display: inline-block; margin-bottom: 16px; vertical-align: top; width: 33.33333%; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .mini-dice-list > *:nth-child(3n + 1) { left: 0px; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .mini-dice-list > *:nth-child(3n + 2) { left: 16px; } /* line 300, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .mini-dice-list > *:nth-child(3n + 3) { left: 32px; } /* line 7, /home/circleci/app/app/assets/stylesheets/extensions/sp/_mini-dice-list.scss */ .mini-dice-list__thumb { display: block; width: 100%; height: auto; } /* line 13, /home/circleci/app/app/assets/stylesheets/extensions/sp/_mini-dice-list.scss */ .mini-dice-list__nickname { display: block; margin-top: 16px; font-size: 14px; } /* line 19, /home/circleci/app/app/assets/stylesheets/extensions/sp/_mini-dice-list.scss */ .mini-dice-list__score { font-weight: bold; } /* line 1, /home/circleci/app/app/assets/stylesheets/extensions/sp/_pickup.scss */ .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/sp/_rival-list.scss */ .rival-list { margin: 16px 0px; font-size: 14px; } /* line 6, /home/circleci/app/app/assets/stylesheets/extensions/sp/_rival-list.scss */ .rival-list__item { margin-bottom: 8px; } /* line 10, /home/circleci/app/app/assets/stylesheets/extensions/sp/_rival-list.scss */ .rival-list__thumb { width: 240px; } /* line 13, /home/circleci/app/app/assets/stylesheets/extensions/sp/_rival-list.scss */ .rival-list__thumb img { width: 50%; height: auto; } /* line 1, /home/circleci/app/app/assets/stylesheets/extensions/sp/_text-link.scss */ .text-link, .common-table a, .article__table a, .division__table a, .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, .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, .smile-content__inner__from_to__name { color: #1b9af7; } /* line 6, /home/circleci/app/app/assets/stylesheets/extensions/sp/_text-link.scss */ body[data-design="game"] .text-link, body[data-design="game"] .common-table a, .common-table body[data-design="game"] a, body[data-design="game"] .article__table a, .article__table body[data-design="game"] a, body[data-design="game"] .division__table a, .division__table body[data-design="game"] a, 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"] .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"] .smile-content__inner__from_to__name { color: #49e845; } /* line 12, /home/circleci/app/app/assets/stylesheets/extensions/sp/_text-link.scss */ body[data-design="kamakura"] .text-link, body[data-design="kamakura"] .common-table a, .common-table body[data-design="kamakura"] a, body[data-design="kamakura"] .article__table a, .article__table body[data-design="kamakura"] a, body[data-design="kamakura"] .division__table a, .division__table body[data-design="kamakura"] a, 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"] .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"] .smile-content__inner__from_to__name { color: #ff6600; } /* line 18, /home/circleci/app/app/assets/stylesheets/extensions/sp/_text-link.scss */ body[data-design="tech"] .text-link, body[data-design="tech"] .common-table a, .common-table body[data-design="tech"] a, body[data-design="tech"] .article__table a, .article__table body[data-design="tech"] a, body[data-design="tech"] .division__table a, .division__table body[data-design="tech"] a, 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"] .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"] .smile-content__inner__from_to__name { color: #26dcfd; } /* line 3, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article { margin: 16px auto; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article * { -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 9, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article img { max-width: 100%; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content { position: relative; } /* line 22, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 .common-button--recommend-machino-coin .button--yellow, .common-button--recommend-machino-coin .article__content--company-institution-mission .button--yellow, .article__content--company-institution-mission .formtype__submit, .article__content--company-institution-mission .sendbar__submit--strong, .article__content--company-institution-mission .sendbar__submit--search, .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 { margin: 8px 0; } /* line 28, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__title, .article__content__title--no-border { position: relative; font-size: 28px; font-weight: bold; padding: 26px 16px; border-bottom: solid 1px #eeeeee; } /* line 34, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__title img, .article__content__title--no-border img { position: absolute; margin: 0px 16px; margin-top: 0.7em; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 41, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__title--no-border { padding-bottom: 0px; border-bottom: none; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__copy { font-weight: bold; } /* line 51, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__news-header { position: relative; padding: 32px 16px; border-bottom: 2px solid #f5f5f5; } /* line 57, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__news-header__info { overflow: hidden; } /* line 61, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__news-header__info__date { font-family: "Ubuntu"; font-style: italic; font-size: 14px; margin-bottom: 10px; line-height: 1; } /* line 69, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__news-header__title { font-size: 20px; font-weight: bold; } /* line 74, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__news-header__title__series { font-size: 10px; font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif; } /* line 77, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__news-header__title__series strong { margin-left: 3px; font-size: 12px; font-family: "Ubuntu"; font-style: italic; } /* line 85, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__news-header__social { margin-top: 20px; line-height: 1; } /* line 90, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__news-header__social__tab { display: inline-block; vertical-align: top; margin-right: 10px; } /* line 96, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__news-header__meta { line-height: 1.3; margin-top: 10px; } /* line 101, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__news-header__category { display: inline-block; font-family: "Ubuntu"; font-size: 12px; font-style: italic; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__category[data-category="1"] { color: #33c8ff; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__category[data-category="1"] .inner-link:before { background-color: #33c8ff; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__category[data-category="2"] { color: #7275e9; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__category[data-category="2"] .inner-link:before { background-color: #7275e9; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__category[data-category="3"] { color: #fc880f; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__category[data-category="3"] .inner-link:before { background-color: #fc880f; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__category[data-category="4"] { color: #49e845; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__category[data-category="4"] .inner-link:before { background-color: #49e845; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__category[data-category="5"] { color: #ff599f; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__category[data-category="5"] .inner-link:before { background-color: #ff599f; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__category[data-category="6"] { color: #cf57fb; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .article__news-header__category[data-category="6"] .inner-link:before { background-color: #cf57fb; } /* line 109, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__news-header__tag { display: inline; font-size: 11px; } /* line 113, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__news-header__tag:before { content: "｜"; } /* line 117, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__news-header__tag li { display: inline; } /* line 119, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__news-header__tag li:after { content: " / "; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__news-header__tag li:last-child:after { display: none; } /* line 129, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__news-header__tag a { text-decoration: none; color: inherit; } /* line 135, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__main-image, .article__infographics-img-unit__main-title { text-align: center; margin: 0 auto 1em !important; } /* line 140, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__box { margin: 16px 0px; } /* line 143, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__box:first-child { margin-top: 0px; } /* line 146, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__box.is-unavailable { background-color: #f7f7f7 !important; } /* line 149, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__box.is-unavailable a { color: inherit; } /* line 155, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__body, .article__content__body--second { padding: 32px 16px; font-size: 16px; } /* line 159, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 166, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__body h1, .article__content__body--second h1 { font-size: 27px; } /* line 169, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__body h2, .article__content__body--second h2 { font-size: 24px; } /* line 172, /home/circleci/app/app/assets/stylesheets/modules/sp/_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: 20px; } /* line 176, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__body h4, .article__content__body--second h4 { font-size: 16px; } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__body h5, .article__content__body--second h5 { font-size: 16px; margin-top: 1em; } /* line 183, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__body p, .article__content__body--second p { line-height: 2; margin: 1em auto 2em; } /* line 187, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__body p:last-child, .article__content__body--second p:last-child { margin-bottom: 0; } /* line 191, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__body strong, .article__content__body--second strong { font-weight: bold; } /* line 194, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__body small, .article__content__body--second small { font-size: 80%; } /* line 197, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__body hr, .article__content__body--second hr { background-color: none; height: 0px; margin: 38px 0px; padding: 0px; border: none; border-top: solid 2px #eeeeee; } /* line 205, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__body .notice, .article__content__body--second .notice { font-size: 12px; } /* line 208, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__body .is-emphasis-paragraph, .article__content__body--second .is-emphasis-paragraph { margin: 1em auto 3em; } /* line 211, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__body .is-no-margin, .article__content__body--second .is-no-margin { margin: 0; } /* line 215, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__body--second { padding-top: 0px; } /* line 220, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__document { padding: 32px 16px; } /* line 225, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__social-footer { padding: 0 16px 32px; line-height: 1; } /* line 230, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__social-footer__tab { display: inline-block; vertical-align: top; margin-right: 8px; } /* line 236, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__backnumber { position: relative; overflow: hidden; font-size: 14px; } /* line 242, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__backnumber__vol { font-style: italic; font-size: 14px; } /* line 247, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__backnumber__title { font-size: 16px; font-weight: bold; margin-bottom: 16px; } /* line 253, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__backnumber__date { font-size: 11px; font-style: italic; } /* line 258, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__backnumber__image { width: 138px; height: 138px; margin-left: 16px; float: right; background-size: cover; background-position: center; } /* line 265, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__backnumber__image span { display: none; } /* line 270, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__block-title { margin: 0.5em auto !important; } /* line 272, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__block-title small { font-size: 60%; font-weight: normal; } /* line 278, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__photoblock { margin-top: 1em; } /* line 280, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__photoblock img { margin-right: 5px; } /* line 285, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 291, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__banner h4 { font-size: 16px; font-weight: bold; } /* line 295, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__banner p { font-size: 14px; line-height: 1.6; margin: 1em auto 1.5em; } /* line 305, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__banner__left { padding: 1.3em; padding-bottom: 0; } /* line 309, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__banner__right { font-size: 0; margin: 0; } /* line 312, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__banner__right img { max-width: 323px; } /* line 317, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__thumbs-title { font-size: 16px; font-weight: bold; margin-bottom: 1em; } /* line 323, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__thumbs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; } /* line 327, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__thumbs p { font-size: 14px; line-height: 1.6; margin: 0.5em auto 0; } /* line 332, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__thumbs a { font-size: 12px; } /* line 337, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__thumbs__item { margin-right: 16px; max-width: 192px; } /* line 342, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__thumbs__item__title { font-size: 14px; font-weight: bold; margin-top: 0.5em; } /* line 348, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 355, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__bottom__link, .article__content__bottom__link--left, .article__content__bottom__link--right { padding: 30px; position: relative; } /* line 360, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 365, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 371, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 375, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 382, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__bottom__link--left { margin-right: 15px; } /* line 385, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__bottom__link--left a { font-family: "Ubuntu"; } /* line 394, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__bottom__link__text { margin-bottom: 1em; } /* line 398, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__bottom__link__button { min-width: 150px; position: absolute; left: 30px; bottom: 30px; } /* line 406, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 411, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__block-list a { color: inherit; text-decoration: none; display: block; } /* line 417, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__block-list__item, .article__content__block-list__item--large { border: solid 1px #cccccc; margin-top: 16px; width: 100%; } /* line 425, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__block-list__item--large img { width: 100%; } /* line 429, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__block-list__item__inner { padding: 1.3em 1.2em; } /* line 432, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__block-list__title { font-size: 18px !important; font-weight: bold; margin: 0 !important; } /* line 437, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__block-list__description { font-size: 14px; margin-top: 1.3em; } /* line 442, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__list-title { font-weight: bold; margin: 2.5em auto 1em !important; } /* line 450, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__button { width: 100%; text-align: left; } /* line 454, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__button a { padding: 1em; } /* line 459, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__center-block { text-align: center; } /* line 461, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__center-block p { margin: 0; } /* line 466, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__notice { font-size: 14px; margin: 1em auto; } /* line 471, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__unavailable-label { color: #fff; background-color: #666666; font-weight: bold; text-align: center; } /* line 479, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__datetime { font-size: 12px; } /* line 483, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__card-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 489, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__card-list__item { border: solid 1px #cccccc; width: 49%; overflow: hidden; position: relative; margin-bottom: 8px; } /* line 495, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__card-list__item a { display: block; color: inherit !important; text-decoration: none; } /* line 501, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__card-list__cover { font-size: 0; } /* line 503, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__card-list__cover img { width: 100%; } /* line 507, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__card-list__info { padding: 10px; min-height: 95px; font-size: 11px; } /* line 512, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__card-list__title { font-size: 16px; font-weight: bold; line-height: 1.38; } /* line 517, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__card-list__footer { width: 100%; margin-top: 10px; font-size: 11px; line-height: normal; } /* line 522, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__card-list__footer p { margin: 0; } /* line 526, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__card-list__date { font-style: italic; } /* line 530, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__card-list__client:before { content: " ｜"; } /* line 535, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__card-list__category:before { content: " ｜"; } /* line 539, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__cover-list { margin-top: 16px; font-size: 0; } /* line 543, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__cover-list__item { display: inline-block; width: 100%; height: 163px; overflow: hidden; position: relative; margin-bottom: 8px; background-size: cover; background-repeat: no-repeat; background-position: center; } /* line 554, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__cover-list__text { color: #fff; text-align: center; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 561, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__cover-list__text h6 { font-size: 36px; font-weight: bold; } /* line 565, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__cover-list__text small { font-size: 16px; } /* line 573, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__faq__question { margin-top: 1em; } /* line 576, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__faq__answer { font-weight: bold; margin-top: 1em; padding-bottom: 1em; border-bottom: solid 1px #dddddd; } /* line 581, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__faq__answer > a { color: #1b9af7; } /* line 584, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__faq__answer:last-child { border: none; } /* line 589, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 594, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__shortlist__item { width: 50%; margin-top: 16px; } /* line 598, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__shortlist__item:nth-child(2n + 1) { padding-right: 8px; } /* line 601, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__shortlist__item:nth-child(2n) { padding-left: 8px; } /* line 605, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__shortlist__item a { display: block; position: relative; height: 210px; padding-right: 210px; overflow: hidden; text-decoration: none; color: inherit; } /* line 616, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__shortlist__item h3 { font-size: 24px; font-weight: bold; margin: 30px 35px; } /* line 622, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__shortlist__item p { margin: 30px 35px; font-size: 13px; } /* line 628, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__shortlist__item__thumb { position: absolute; top: 0px; right: 0px; width: 210px; height: 100%; background-position: center; background-size: cover; } /* line 646, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__table__list__item { position: relative; padding-left: 1em; } /* line 649, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__table__list__item:before { content: "・"; display: block; position: absolute; top: 0px; left: 0px; } /* line 658, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__img-unit, .article__img-unit--map { overflow: hidden; margin-bottom: 56px; font-size: 16px; line-height: 1.75; } /* line 664, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__img-unit:last-child, .article__img-unit--map:last-child { margin-bottom: 0; } /* line 667, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__img-unit p:last-child, .article__img-unit--map p:last-child { margin-bottom: 0; } /* line 672, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__img-unit--map { margin: 24px auto 0; border: solid 1px #cccccc; } /* line 677, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__img-unit--map:last-child { margin-bottom: 10px; } /* line 681, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__img-unit--map p { margin: 0px; padding: 16px; height: 160px; line-height: 1.5; } /* line 689, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__img-unit--map .article__img-unit__right img, .article__img-unit--map .article__img-unit__right--large img, .article__img-unit--map .article__img-unit__right--visit img { width: 100%; } /* line 695, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__img-unit__title { font-size: 20px; font-weight: bold; } /* line 700, /home/circleci/app/app/assets/stylesheets/modules/sp/_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; color: #999999; border: solid 2px #999999; border-radius: 3px; font-family: "Ubuntu"; font-size: 17px; line-height: 30px; width: 95px; height: 30px; } /* line 713, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__img-unit__label--red { border: none; background-color: #ef5350; color: #fff; } /* line 720, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__img-unit__right, .article__img-unit__right--large, .article__img-unit__right--visit { position: relative; text-align: center; } /* line 723, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__img-unit__right img, .article__img-unit__right--large img, .article__img-unit__right--visit img { width: 327px; } /* line 730, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__img-unit__right--large img { width: 327px; } /* line 736, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__img-unit__right--visit img { width: 327px; } /* line 745, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__img-unit__sub-company { padding-left: 1em; margin-top: 1em; } /* line 752, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__document__box .article__img-unit--sdgs:not(:first-of-type) { border-top: 2px solid #0089d2; } /* line 756, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__content__document__box .article__img-unit--infographics { margin-bottom: 65px; } /* line 760, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__img-unit--sdgs { margin-bottom: 25px; } /* line 763, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sdgs-img-unit__main-title { margin-bottom: 10px; } /* line 765, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sdgs-img-unit__main-title img { width: 100%; height: auto; } /* line 770, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sdgs-img-unit__sub-title { margin-top: 20px !important; margin-bottom: 0 !important; } /* line 774, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sdgs-img-unit__title { margin-top: 20px !important; margin-bottom: 10px !important; color: #0089d2; } /* line 779, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sdgs-img-unit__link { display: block; margin-bottom: 10px; font-size: 16px; color: #38a6f8; } /* line 785, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sdgs-img-unit__image { margin-top: 20px; margin-bottom: 10px; } /* line 788, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sdgs-img-unit__image img { width: 100%; height: auto; } /* line 793, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sdgs-img-unit__caption { margin: 20px 0 5px; font-size: 14px; } /* line 798, /home/circleci/app/app/assets/stylesheets/modules/sp/_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: 4%; margin-bottom: -4%; } /* line 804, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sdgs-img-unit__item { width: 22%; margin-bottom: 4%; list-style: none; } /* line 808, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sdgs-img-unit__item img { display: block; } /* line 817, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__infographics-img-unit__title { margin-top: 20px !important; margin-bottom: 10px !important; } /* line 821, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__infographics-img-unit__image { margin-top: 25px; margin-bottom: 20px; text-align: center; } /* line 825, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__infographics-img-unit__image img { width: 70%; height: auto; } /* line 831, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__press { border: solid 2px #cccccc; padding: 16px 0px; overflow: hidden; font-size: 14px; line-height: 1; text-align: center; } /* line 838, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__press strong { display: block; font-size: 24px; margin-bottom: 8px; } /* line 845, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__tab { display: none; } /* line 849, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__links { /* nothing */ } /* line 853, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__links__title { padding: 32px 16px; font-size: 24px; font-weight: bold; border-bottom: solid 1px #eeeeee; } /* line 860, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__links__title__sub { font-weight: normal; font-size: 16px; } /* line 865, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__links__list, .news-card-unit__list { padding: 0 16px; color: #4c4c4c; } /* line 870, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__links__list__item, .news-card-unit__list__item { display: block; padding: 20px 0; border-bottom: solid 1px #eeeeee; color: inherit; text-decoration: none; font-size: 15px; } /* line 877, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__links__list__item:last-child, .news-card-unit__list__item:last-child { border-bottom: none; } /* line 882, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__links__footer { margin: 0px 32px; padding: 32px 0px; text-align: center; } /* line 892, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__three__item { margin: 16px 0px; } /* line 896, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sidebar { margin-top: 16px; } /* line 898, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sidebar a { color: inherit; text-decoration: none; display: block; } /* line 905, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sidebar__title { margin-top: 16px; font-size: 28px; font-weight: bold; line-height: 1; padding: 32px 16px; border-bottom: 1px solid #eeeeee; } /* line 923, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sidebar__box { margin-bottom: 16px; } /* line 927, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sidebar__box:last-child { margin-bottom: 0; } /* line 932, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sidebar__box__title, .news-card-unit__title { padding: 32px 16px; font-size: 28px; line-height: 1; font-weight: bold; border-bottom: solid 1px #eeeeee; } /* line 940, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sidebar__box__title__sub { font-size: 11px; font-weight: normal; color: #4c4c4c; margin-top: 10px; } /* line 947, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sidebar__series { position: relative; } /* line 951, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sidebar__series__name { font-size: 14px; font-weight: bold; } /* line 956, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sidebar__series__count { position: absolute; top: 0px; right: 0px; min-width: 28px; line-height: 20px; padding: 0 0.5em; text-align: center; font-size: 14px; font-weight: bold; font-family: "Ubuntu"; border-radius: 2px; background-color: #eeeeee; } /* line 971, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sidebar__series__date { font-size: 11px; margin-top: 4px; font-style: italic; } /* line 977, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sidebar__rank { overflow: hidden; } /* line 981, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sidebar__rank__num { font-size: 20px; font-weight: bold; } /* line 985, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sidebar__rank__num span { margin-left: 20px; font-size: 11px; font-family: "Ubuntu"; font-style: italic; font-weight: normal; } /* line 994, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sidebar__rank__body { font-size: 14px; } /* line 998, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sidebar__rank__title { font-weight: bold; line-height: 1.75; margin: 8px 0; } /* line 1004, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sidebar__rank__category { display: inline; font-family: "Ubuntu"; font-size: 10px; font-style: italic; } /* 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 1012, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sidebar__rank__tag { display: inline; font-size: 9px; } /* line 1015, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ .article__sidebar__rank__tag:before { content: "　|　"; } /* line 1026, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ body[data-design="simple"] .article__sidebar__title { font-family: "Ubuntu"; } /* line 1032, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ body[data-design="comic"] .article__content__title, body[data-design="comic"] .article__content__title--no-border { 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 1040, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ body[data-design="comic"] .article__content__body hr, body[data-design="comic"] .article__content__body--second hr { border-color: #474541; } /* line 1045, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ body[data-design="comic"] .article__news-header, body[data-design="comic"] .article__sidebar__box__title, body[data-design="comic"] .news-card-unit__title, body[data-design="comic"] .article__links__title, body[data-design="comic"] .article__links__list__item, body[data-design="comic"] .news-card-unit__list__item, body[data-design="comic"] .article__content__title, body[data-design="comic"] .article__content__title--no-border, body[data-design="comic"] .article__img-unit--map, body[data-design="comic"] .article__faq__answer { border-color: #474541; } /* line 1057, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ body[data-design="kamakura"] .article__links__title, body[data-design="kamakura"] .article__backnumber__title, body[data-design="kamakura"] .article__content__title, body[data-design="kamakura"] .article__content__title--no-border, 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"] .news-card-unit__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 1069, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 1076, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 1085, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ body[data-design="kamakura"] .article__content__title, body[data-design="kamakura"] .article__content__title--no-border { color: #000; } /* line 1089, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ body[data-design="kamakura"] .article__news-header__title { font-family: "秀英横太明朝 B", "Shuei Mincho B"; } /* line 1097, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ body[data-design="tech"] .article__tab li.is-active { color: #26dcfd; } /* line 1105, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ body[data-design="tech"] .article__content .article__content__box * { font-family: "ゴシックMB101 L JIS2004"; } /* line 1109, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 1117, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ body[data-design="tech"] .article__content .thumbnail-card * { font-family: "UD新ゴ コンデンス90 R", "Cambay", sans-serif; } /* line 1123, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ body[data-design="tech"] .article__content__body hr, body[data-design="tech"] .article__content__body--second hr { border-color: #969696; } /* line 1128, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ body[data-design="tech"] .article__links__list__item, body[data-design="tech"] .news-card-unit__list__item { border-color: #969696; } /* line 1132, /home/circleci/app/app/assets/stylesheets/modules/sp/_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__sidebar__box__title, body[data-design="tech"] .news-card-unit__title { position: relative; border: none; } /* line 1138, /home/circleci/app/app/assets/stylesheets/modules/sp/_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__sidebar__box__title:after, body[data-design="tech"] .news-card-unit__title:after { content: ""; display: block; border-bottom: solid 1px #969696; position: absolute; bottom: 0; left: 7px; right: 7px; } /* line 1146, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ body[data-design="tech"] .article__content__box { padding-bottom: 15px; } /* line 1150, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ body[data-design="tech"] .article__content__block-list__item, body[data-design="tech"] .article__content__block-list__item--large { border: none; } /* line 1155, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ body[data-design="tech"] .article__cover-list__text * { color: #fff; } /* line 1160, /home/circleci/app/app/assets/stylesheets/modules/sp/_article.scss */ body[data-design="tech"] .article__sidebar__series__count { background-color: #242424; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_award.scss */ .award { position: relative; } /* line 5, /home/circleci/app/app/assets/stylesheets/modules/sp/_award.scss */ .award__title { font-size: 24px; font-weight: bold; font-family: "Ubuntu"; line-height: 40px; margin-bottom: 8px; } /* line 13, /home/circleci/app/app/assets/stylesheets/modules/sp/_award.scss */ .award__project { padding: 40px 16px; padding-top: 23px; padding-bottom: 5px; margin-top: 8px; margin-bottom: 16px; font-size: 16px; } /* line 23, /home/circleci/app/app/assets/stylesheets/modules/sp/_award.scss */ .award__project__header { float: left; font-size: 12px; line-height: 1; } /* line 27, /home/circleci/app/app/assets/stylesheets/modules/sp/_award.scss */ .award__project__header:first-child { margin-top: 16px; } /* line 32, /home/circleci/app/app/assets/stylesheets/modules/sp/_award.scss */ .award__project__item { position: relative; display: block; margin: 16px 0px; padding-bottom: 16px; margin-left: 45px; border-bottom: solid 1px #eeeeee; overflow: hidden; color: inherit; text-decoration: none; } /* line 43, /home/circleci/app/app/assets/stylesheets/modules/sp/_award.scss */ .award__project__item:last-child { margin-top: 0px; border-bottom: none; } /* line 49, /home/circleci/app/app/assets/stylesheets/modules/sp/_award.scss */ .award__project__data { margin-bottom: -3px; } /* line 53, /home/circleci/app/app/assets/stylesheets/modules/sp/_award.scss */ .award__project__cover { display: none; } /* line 57, /home/circleci/app/app/assets/stylesheets/modules/sp/_award.scss */ .award__project__title { margin-top: -4px; margin-bottom: 4px; font-weight: bold; } /* line 63, /home/circleci/app/app/assets/stylesheets/modules/sp/_award.scss */ .award__project__award-item { position: relative; padding-left: 0.8em; } /* line 66, /home/circleci/app/app/assets/stylesheets/modules/sp/_award.scss */ .award__project__award-item:before { position: absolute; top: 0.5em; left: 0px; content: "●"; font-size: 10px; } /* line 76, /home/circleci/app/app/assets/stylesheets/modules/sp/_award.scss */ body[data-design="comic"] .award__project__item { border-color: #474541; } /* line 82, /home/circleci/app/app/assets/stylesheets/modules/sp/_award.scss */ body[data-design="tech"] .award__project__item { border-color: #969696; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_base.scss */ body { position: relative; font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/sp/_base.scss */ .only-pc { display: none !important; } /* line 10, /home/circleci/app/app/assets/stylesheets/modules/sp/_base.scss */ .comic-background { display: none; } /* line 245, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="simple"] { background-color: #eeeeee; } /* line 17, /home/circleci/app/app/assets/stylesheets/modules/sp/_base.scss */ body[data-design="simple"] * { font-family: "Ubuntu", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif; } /* line 251, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="comic"] { font-family: "Source Sans Pro", "ゴシックMB101 DB JIS2004"; background-color: #f4f0e7; background-image: url(/assets/sp/design/comic/background-69b614474ffa7e7328b72dada0b7ae76aee5a85fb8700302a64e876531c003e9.jpg); background-size: 100% auto; background-position: center; } /* 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 34, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 263, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="kamakura"] { background-image: url(/assets/pc/design/kamakura/background_base-2b0b5c04f80d5d33b1cfe3512b54f93da5da3d29c63f9ee0b893d085d8fca7bf.jpg); background-size: 360px 120px; background-position: center top; } /* line 269, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ body[data-design="tech"] { background-image: url(/assets/pc/design/tech/background-68b42d24a3610eaff145115ea3e10f5a01ce35f83f65ee1f9f18b5abfd7a0133.png); } /* line 51, /home/circleci/app/app/assets/stylesheets/modules/sp/_base.scss */ body[data-design="tech"] * { font-family: "UD新ゴ コンデンス90 R", "Cambay", sans-serif; color: #ccc; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_breadcrumbs.scss */ .breadcrumbs { position: absolute; bottom: 0; left: 0; right: 0; font-family: "Ubuntu"; background-color: #fafafa; width: 100%; overflow: hidden; overflow-x: scroll; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .breadcrumbs__list:before, .breadcrumbs__list:after { content: ""; display: block; clear: both; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/sp/_breadcrumbs.scss */ .breadcrumbs__item, .breadcrumbs__item--root { float: left; height: 60px; line-height: 60px; font-size: 12px; font-weight: bold; position: relative; padding-left: 12px; } /* line 23, /home/circleci/app/app/assets/stylesheets/modules/sp/_breadcrumbs.scss */ .breadcrumbs__item:before, .breadcrumbs__item--root:before, .breadcrumbs__item:after, .breadcrumbs__item--root:after { content: ""; display: block; position: absolute; left: 0; width: 1px; height: 52.5%; background-color: #eeeeee; } /* line 33, /home/circleci/app/app/assets/stylesheets/modules/sp/_breadcrumbs.scss */ .breadcrumbs__item:before, .breadcrumbs__item--root:before { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); -webkit-transform-origin: top center; transform-origin: top center; top: 0; } /* line 38, /home/circleci/app/app/assets/stylesheets/modules/sp/_breadcrumbs.scss */ .breadcrumbs__item:after, .breadcrumbs__item--root:after { -webkit-transform: rotate(18deg); transform: rotate(18deg); -webkit-transform-origin: bottom center; transform-origin: bottom center; bottom: 0; } /* line 45, /home/circleci/app/app/assets/stylesheets/modules/sp/_breadcrumbs.scss */ .breadcrumbs__item--root { padding-left: 0; } /* line 49, /home/circleci/app/app/assets/stylesheets/modules/sp/_breadcrumbs.scss */ .breadcrumbs__item--root:before, .breadcrumbs__item--root:after { display: none; } /* line 55, /home/circleci/app/app/assets/stylesheets/modules/sp/_breadcrumbs.scss */ .breadcrumbs__btn, .breadcrumbs__btn--root { color: inherit; text-decoration: none; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; height: 100%; padding: 0 16px; } /* line 66, /home/circleci/app/app/assets/stylesheets/modules/sp/_breadcrumbs.scss */ .breadcrumbs__btn--root { padding-left: 23px; } /* line 70, /home/circleci/app/app/assets/stylesheets/modules/sp/_breadcrumbs.scss */ .breadcrumbs__btn--root svg { display: block; width: 24px; height: 100%; } /* line 80, /home/circleci/app/app/assets/stylesheets/modules/sp/_breadcrumbs.scss */ body[data-design="comic"] .breadcrumbs { color: #000; background-color: rgba(244, 240, 231, 0.96); border-top: solid 1px #4c4c4c; } /* line 87, /home/circleci/app/app/assets/stylesheets/modules/sp/_breadcrumbs.scss */ body[data-design="comic"] .breadcrumbs__item:before, body[data-design="comic"] .breadcrumbs__item--root:before, body[data-design="comic"] .breadcrumbs__item:after, body[data-design="comic"] .breadcrumbs__item--root:after { background-color: #4c4c4c; } /* line 95, /home/circleci/app/app/assets/stylesheets/modules/sp/_breadcrumbs.scss */ body[data-design="game"] .breadcrumbs { color: #000; background-color: #fff; } /* line 102, /home/circleci/app/app/assets/stylesheets/modules/sp/_breadcrumbs.scss */ body[data-design="kamakura"] .breadcrumbs { color: #000; background-color: transparent; background-image: url(/assets/sp/design/kamakura/bg_breadcrumbs-3760a0189803a7f93bef4887c3e44b20835f4cbd8844f37a49b704a082f2248b.png); background-size: 100% 100%; } /* line 110, /home/circleci/app/app/assets/stylesheets/modules/sp/_breadcrumbs.scss */ body[data-design="kamakura"] .breadcrumbs__item:before, body[data-design="kamakura"] .breadcrumbs__item--root:before, body[data-design="kamakura"] .breadcrumbs__item:after, body[data-design="kamakura"] .breadcrumbs__item--root:after { background-color: rgba(71, 69, 65, 0.24); } /* line 118, /home/circleci/app/app/assets/stylesheets/modules/sp/_breadcrumbs.scss */ body[data-design="tech"] .breadcrumbs { color: #a7a7a7; background-color: rgba(19, 19, 19, 0.96); border-top: 1px solid #666666; border-bottom: 1px solid #666666; } /* line 126, /home/circleci/app/app/assets/stylesheets/modules/sp/_breadcrumbs.scss */ body[data-design="tech"] .breadcrumbs__item:before, body[data-design="tech"] .breadcrumbs__item--root:before, body[data-design="tech"] .breadcrumbs__item:after, body[data-design="tech"] .breadcrumbs__item--root:after { background-color: #636363; } /* line 133, /home/circleci/app/app/assets/stylesheets/modules/sp/_breadcrumbs.scss */ body[data-design="tech"] .breadcrumbs__btn--root svg * { fill: #a7a7a7; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/_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: 138px; padding: 16px; padding-right: 154px; color: inherit; text-decoration: none; overflow: hidden; } /* line 24, /home/circleci/app/app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */ .card-recruit-interview--link a { height: 150px; padding: 12px; } /* line 28, /home/circleci/app/app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */ .card-recruit-interview--link .card-recruit-interview__title { font-size: 16px; line-height: 1.25; height: 3.75em; margin-top: -2px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } /* line 38, /home/circleci/app/app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */ .card-recruit-interview--link .card-recruit-interview__meta, .card-recruit-interview--link .card-recruit-interview__meta--long, .card-recruit-interview--link .card-recruit-interview__meta--small { font-size: 11px; padding: 0 12px; padding-left: 65px; margin-bottom: 12px; line-height: 1.455; min-height: 4.365em; } /* line 46, /home/circleci/app/app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */ .card-recruit-interview--link .card-recruit-interview__meta li, .card-recruit-interview--link .card-recruit-interview__meta--long li, .card-recruit-interview--link .card-recruit-interview__meta--small li { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } /* line 54, /home/circleci/app/app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */ .card-recruit-interview--link .card-recruit-interview__thumbnail { width: 40px; height: 40px; top: auto; left: 12px; right: auto; bottom: 10px; border-left: none; } /* line 65, /home/circleci/app/app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */ .card-recruit-interview__title { color: #000; font-weight: bold; line-height: 1.375; height: 4.125em; overflow: hidden; margin-top: -4px; } /* line 75, /home/circleci/app/app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */ .card-recruit-interview__description { margin-top: 16px; font-size: 14px; } /* line 80, /home/circleci/app/app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */ .card-recruit-interview__meta, .card-recruit-interview__meta--long, .card-recruit-interview__meta--small { font-size: 11px; font-weight: normal; position: absolute; bottom: 0; left: 0; width: 100%; padding: 16px; padding-right: 154px; margin-bottom: -4px; } /* line 90, /home/circleci/app/app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */ .card-recruit-interview__meta li, .card-recruit-interview__meta--long li, .card-recruit-interview__meta--small li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* line 101, /home/circleci/app/app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */ .card-recruit-interview__thumbnail { position: absolute; top: 0px; right: 0px; width: 138px; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #eeeeee; border-left: solid 1px #eeeeee; } /* line 112, /home/circleci/app/app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */ .card-recruit-interview__thumbnail img { display: block; width: 100%; height: auto; } /* line 120, /home/circleci/app/app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */ body[data-design="simple"] .recruit-interview-card { background-color: #fff; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_card-wide.scss */ .card-wide { position: relative; border: 1px solid #eeeeee; font-size: 16px; line-height: 1.5; text-align: left; vertical-align: top; } /* line 10, /home/circleci/app/app/assets/stylesheets/modules/sp/_card-wide.scss */ .card-wide__link, .card-wide__link--external-link { overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 138px; padding: 16px; padding-right: 154px; color: inherit; text-decoration: none; } /* line 22, /home/circleci/app/app/assets/stylesheets/modules/sp/_card-wide.scss */ .card-wide__thumbnail, .card-wide__thumbnail--external-link { position: absolute; top: 0px; right: 0px; z-index: 1; width: 138px; height: 100%; border-left: solid 1px #eeeeee; background: url(/assets/ogp-d1d15c646d559e61a5228c6974c87f64eb1b59a36fe053ff211a93843176b033.png) #eeeeee center/cover no-repeat; } /* line 34, /home/circleci/app/app/assets/stylesheets/modules/sp/_card-wide.scss */ .card-wide__title, .card-wide__title--external-link { overflow: hidden; margin-top: -4px; height: 4.125em; color: #000; font-weight: bold; line-height: 1.375; } /* line 45, /home/circleci/app/app/assets/stylesheets/modules/sp/_card-wide.scss */ .card-wide__date { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100%; margin-bottom: -4px; padding: 16px 154px 16px 16px; font-size: 11px; white-space: nowrap; text-overflow: ellipsis; } /* line 59, /home/circleci/app/app/assets/stylesheets/modules/sp/_card-wide.scss */ .card-wide__meta, .card-wide__meta--external-link { display: none; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/_card.scss */ .card-small a, .card-small--link a { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 138px; padding: 16px; padding-right: 154px; color: inherit; text-decoration: none; overflow: hidden; } /* line 24, /home/circleci/app/app/assets/stylesheets/modules/sp/_card.scss */ .card-small--link a { height: 140px; padding: 12px; } /* line 28, /home/circleci/app/app/assets/stylesheets/modules/sp/_card.scss */ .card-small--link .card-small__title { font-size: 16px; line-height: 1.25; height: 5em; margin-top: -2px; } /* line 35, /home/circleci/app/app/assets/stylesheets/modules/sp/_card.scss */ .card-small--link .card-small__meta, .card-small--link .card-small__meta--long, .card-small--link .card-small__meta--small { font-size: 11px; padding: 0 12px; padding-left: 65px; margin-bottom: 12px; line-height: 1.455; min-height: 3.6375em; } /* line 43, /home/circleci/app/app/assets/stylesheets/modules/sp/_card.scss */ .card-small--link .card-small__meta li, .card-small--link .card-small__meta--long li, .card-small--link .card-small__meta--small li { white-space: normal; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/sp/_card.scss */ .card-small--link .card-small__thumbnail { width: 40px; height: 40px; top: auto; left: 12px; right: auto; bottom: 10px; border-left: none; } /* line 58, /home/circleci/app/app/assets/stylesheets/modules/sp/_card.scss */ .card-small__title { color: #000; font-weight: bold; line-height: 1.375; height: 4.125em; overflow: hidden; margin-top: -4px; } /* line 68, /home/circleci/app/app/assets/stylesheets/modules/sp/_card.scss */ .card-small__description { margin-top: 16px; font-size: 14px; } /* line 73, /home/circleci/app/app/assets/stylesheets/modules/sp/_card.scss */ .card-small__meta, .card-small__meta--long, .card-small__meta--small { font-size: 11px; font-weight: normal; position: absolute; bottom: 0; left: 0; width: 100%; padding: 16px; padding-right: 154px; margin-bottom: -4px; } /* line 83, /home/circleci/app/app/assets/stylesheets/modules/sp/_card.scss */ .card-small__meta li, .card-small__meta--long li, .card-small__meta--small li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* line 94, /home/circleci/app/app/assets/stylesheets/modules/sp/_card.scss */ .card-small__thumbnail { position: absolute; top: 0px; right: 0px; width: 138px; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #eeeeee; border-left: solid 1px #eeeeee; } /* line 108, /home/circleci/app/app/assets/stylesheets/modules/sp/_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__content__block-list__item, body[data-design="simple"] .article__content__block-list__item--large, 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"] .news-card-unit, body[data-design="simple"] .news-card-unit--c3, body[data-design="simple"] .news-card, body[data-design="simple"] .portfolio-card--member .portfolio-card__item, .portfolio-card--member body[data-design="simple"] .portfolio-card__item, body[data-design="simple"] .portfolio-card__cell, body[data-design="simple"] .portfolio-card__cell--border, body[data-design="simple"] .portfolio__profile__info, body[data-design="simple"] .portfolio__hero-image, body[data-design="simple"] .portfolio__hero-image--soldout, body[data-design="simple"] .portfolio__hero-image--closed, 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"] body[data-design="tech"] .vision-footer-nav, body[data-design="tech"] body[data-design="simple"] .vision-footer-nav, body[data-design="simple"] .dice-ranking, 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 114, /home/circleci/app/app/assets/stylesheets/modules/sp/_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__content__block-list__item, body[data-design="comic"] .article__content__block-list__item--large, body[data-design="comic"] .article__shortlist__item a, .article__shortlist__item body[data-design="comic"] a, body[data-design="comic"] .article__sidebar__title, body[data-design="comic"] .article__sidebar__list, body[data-design="comic"] .article__sidebar__box, 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"] .news-card-unit, body[data-design="comic"] .news-card-unit--c3, body[data-design="comic"] .news-card, body[data-design="comic"] .portfolio-card--member .portfolio-card__item, .portfolio-card--member body[data-design="comic"] .portfolio-card__item, body[data-design="comic"] .portfolio-card__cell, body[data-design="comic"] .portfolio-card__cell--border, body[data-design="comic"] .portfolio__profile__info, body[data-design="comic"] .portfolio__hero-image, body[data-design="comic"] .portfolio__hero-image--soldout, body[data-design="comic"] .portfolio__hero-image--closed, 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"] body[data-design="tech"] .vision-footer-nav, body[data-design="tech"] body[data-design="comic"] .vision-footer-nav, body[data-design="comic"] .dice-ranking, body[data-design="comic"] .smile-content__inner, body[data-design="comic"] .top_news__inner a, .top_news__inner body[data-design="comic"] a { background-color: #f4f0e7; border: 4px solid #474541; } /* line 119, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 126, /home/circleci/app/app/assets/stylesheets/modules/sp/_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__content__block-list__item, body[data-design="game"] .article__content__block-list__item--large, body[data-design="game"] .article__shortlist__item a, .article__shortlist__item body[data-design="game"] a, body[data-design="game"] .article__sidebar__title, body[data-design="game"] .article__sidebar__list, body[data-design="game"] .article__sidebar__box, 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"] .news-card-unit, body[data-design="game"] .news-card-unit--c3, body[data-design="game"] .news-card, body[data-design="game"] .portfolio-card--member .portfolio-card__item, .portfolio-card--member body[data-design="game"] .portfolio-card__item, body[data-design="game"] .portfolio-card__cell, body[data-design="game"] .portfolio-card__cell--border, body[data-design="game"] .portfolio__profile__info, body[data-design="game"] .portfolio__hero-image, body[data-design="game"] .portfolio__hero-image--soldout, body[data-design="game"] .portfolio__hero-image--closed, 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"] body[data-design="tech"] .vision-footer-nav, body[data-design="tech"] body[data-design="game"] .vision-footer-nav, body[data-design="game"] .dice-ranking, 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; } /* line 132, /home/circleci/app/app/assets/stylesheets/modules/sp/_card.scss */ body[data-design="game"] .card-small__title { font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } /* line 138, /home/circleci/app/app/assets/stylesheets/modules/sp/_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__content__block-list__item, body[data-design="kamakura"] .article__content__block-list__item--large, body[data-design="kamakura"] .article__shortlist__item a, .article__shortlist__item body[data-design="kamakura"] a, body[data-design="kamakura"] .article__sidebar__title, body[data-design="kamakura"] .article__sidebar__list, body[data-design="kamakura"] .article__sidebar__box, 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"] .news-card-unit, body[data-design="kamakura"] .news-card-unit--c3, body[data-design="kamakura"] .news-card, body[data-design="kamakura"] .portfolio-card--member .portfolio-card__item, .portfolio-card--member body[data-design="kamakura"] .portfolio-card__item, body[data-design="kamakura"] .portfolio-card__cell, body[data-design="kamakura"] .portfolio-card__cell--border, body[data-design="kamakura"] .portfolio__profile__info, body[data-design="kamakura"] .portfolio__hero-image, body[data-design="kamakura"] .portfolio__hero-image--soldout, body[data-design="kamakura"] .portfolio__hero-image--closed, 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"] body[data-design="tech"] .vision-footer-nav, body[data-design="tech"] body[data-design="kamakura"] .vision-footer-nav, body[data-design="kamakura"] .dice-ranking, 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 144, /home/circleci/app/app/assets/stylesheets/modules/sp/_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__content__block-list__item, body[data-design="tech"] .article__content__block-list__item--large, body[data-design="tech"] .article__shortlist__item a, .article__shortlist__item body[data-design="tech"] a, body[data-design="tech"] .article__sidebar__title, body[data-design="tech"] .article__sidebar__list, body[data-design="tech"] .article__sidebar__box, 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"] .news-card-unit, body[data-design="tech"] .news-card-unit--c3, body[data-design="tech"] .news-card, body[data-design="tech"] .portfolio-card--member .portfolio-card__item, .portfolio-card--member body[data-design="tech"] .portfolio-card__item, body[data-design="tech"] .portfolio-card__cell, body[data-design="tech"] .portfolio-card__cell--border, body[data-design="tech"] .portfolio__profile__info, body[data-design="tech"] .portfolio__hero-image, body[data-design="tech"] .portfolio__hero-image--soldout, body[data-design="tech"] .portfolio__hero-image--closed, 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"] .vision-footer-nav, body[data-design="tech"] .dice-ranking, 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; font-family: "UD新ゴ コンデンス90 R", "Cambay", sans-serif; } /* line 148, /home/circleci/app/app/assets/stylesheets/modules/sp/_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__content__block-list__item:before, body[data-design="tech"] .article__content__block-list__item--large: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__title:before, body[data-design="tech"] .article__sidebar__list:before, body[data-design="tech"] .article__sidebar__box: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"] .news-card-unit:before, body[data-design="tech"] .news-card-unit--c3:before, body[data-design="tech"] .news-card:before, body[data-design="tech"] .portfolio-card--member .portfolio-card__item:before, .portfolio-card--member body[data-design="tech"] .portfolio-card__item:before, body[data-design="tech"] .portfolio-card__cell:before, body[data-design="tech"] .portfolio-card__cell--border:before, body[data-design="tech"] .portfolio__profile__info:before, body[data-design="tech"] .portfolio__hero-image:before, body[data-design="tech"] .portfolio__hero-image--soldout:before, body[data-design="tech"] .portfolio__hero-image--closed: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"] .vision-footer-nav:before, body[data-design="tech"] .dice-ranking: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/sp/design/tech/border-8021477a0119e6e640e5fa9c87a176112935717737c4c3c809472e333597c408.png) 125 190 130 190 repeat; border-image: url(/assets/sp/design/tech/border-8021477a0119e6e640e5fa9c87a176112935717737c4c3c809472e333597c408.png) 125 190 130 190 fill repeat; border-image-width: 62.5px 95px 65px 95px; 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__content__block-list__item:before, .is-legacy-ie body[data-design="tech"] .article__content__block-list__item--large: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__title:before, .is-legacy-ie body[data-design="tech"] .article__sidebar__list:before, .is-legacy-ie body[data-design="tech"] .article__sidebar__box: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"] .news-card-unit:before, .is-legacy-ie body[data-design="tech"] .news-card-unit--c3:before, .is-legacy-ie body[data-design="tech"] .news-card:before, .is-legacy-ie body[data-design="tech"] .portfolio-card--member .portfolio-card__item:before, .portfolio-card--member .is-legacy-ie body[data-design="tech"] .portfolio-card__item: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__profile__info:before, .is-legacy-ie body[data-design="tech"] .portfolio__hero-image:before, .is-legacy-ie body[data-design="tech"] .portfolio__hero-image--soldout:before, .is-legacy-ie body[data-design="tech"] .portfolio__hero-image--closed: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"] .vision-footer-nav:before, .is-legacy-ie body[data-design="tech"] .dice-ranking: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 154, /home/circleci/app/app/assets/stylesheets/modules/sp/_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__content__block-list__item *, body[data-design="tech"] .article__content__block-list__item--large *, body[data-design="tech"] .article__shortlist__item a *, .article__shortlist__item body[data-design="tech"] a *, body[data-design="tech"] .article__sidebar__title *, body[data-design="tech"] .article__sidebar__list *, body[data-design="tech"] .article__sidebar__box *, 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"] .news-card-unit *, body[data-design="tech"] .news-card-unit--c3 *, body[data-design="tech"] .news-card *, body[data-design="tech"] .portfolio-card--member .portfolio-card__item *, .portfolio-card--member body[data-design="tech"] .portfolio-card__item *, body[data-design="tech"] .portfolio-card__cell *, body[data-design="tech"] .portfolio-card__cell--border *, body[data-design="tech"] .portfolio__profile__info *, body[data-design="tech"] .portfolio__hero-image *, body[data-design="tech"] .portfolio__hero-image--soldout *, body[data-design="tech"] .portfolio__hero-image--closed *, 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"] .vision-footer-nav *, body[data-design="tech"] .dice-ranking *, 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 159, /home/circleci/app/app/assets/stylesheets/modules/sp/_card.scss */ body[data-design="tech"] .card-top, body[data-design="tech"] .top_news__inner a { position: relative; } /* line 162, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/design/tech/border_large-fb970b603d14476e1f30960ce317324037672fa367985b7d75f6f54d35a71ca9.png) 120 250 120 200 repeat; border-image: url(/assets/sp/design/tech/border_large-fb970b603d14476e1f30960ce317324037672fa367985b7d75f6f54d35a71ca9.png) 120 250 120 200 fill repeat; border-image-width: 60px 125px 60px 100px; 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/sp/_card.scss */ body[data-design="tech"] .card-small, body[data-design="tech"] .card-small--link { border: none; } /* line 172, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/design/tech/border_news-fb970b603d14476e1f30960ce317324037672fa367985b7d75f6f54d35a71ca9.png) 90 120 90 130 repeat; border-image: url(/assets/sp/design/tech/border_news-fb970b603d14476e1f30960ce317324037672fa367985b7d75f6f54d35a71ca9.png) 90 120 90 130 fill repeat; border-image-width: 45px 60px 45px 65px; 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 178, /home/circleci/app/app/assets/stylesheets/modules/sp/_card.scss */ body[data-design="tech"] .card-small canvas, body[data-design="tech"] .card-small--link canvas { left: auto; width: auto; } /* line 184, /home/circleci/app/app/assets/stylesheets/modules/sp/_card.scss */ body[data-design="tech"] .card-small__thumbnail { position: absolute; top: 2px; right: 2px; width: 134px; height: 134px; visibility: hidden; } /* line 192, /home/circleci/app/app/assets/stylesheets/modules/sp/_card.scss */ body[data-design="tech"] .card-small--link canvas { display: none; } /* line 195, /home/circleci/app/app/assets/stylesheets/modules/sp/_card.scss */ body[data-design="tech"] .card-small--link a { padding: 16px 20px; } /* line 198, /home/circleci/app/app/assets/stylesheets/modules/sp/_card.scss */ body[data-design="tech"] .card-small--link .card-small__title { font-size: 15px; line-height: 1.25; height: 5em; } /* line 204, /home/circleci/app/app/assets/stylesheets/modules/sp/_card.scss */ body[data-design="tech"] .card-small--link .card-small__meta, body[data-design="tech"] .card-small--link .card-small__meta--long, body[data-design="tech"] .card-small--link .card-small__meta--small { padding: 0 20px; padding-left: 60px; margin-bottom: 20px; } /* line 209, /home/circleci/app/app/assets/stylesheets/modules/sp/_card.scss */ body[data-design="tech"] .card-small--link .card-small__thumbnail { visibility: visible; width: 33px; height: 33px; top: auto; left: 20px; right: auto; bottom: 20px; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_chronology.scss */ .chronology { position: relative; font-size: 12px; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/sp/_chronology.scss */ .chronology__year { position: relative; cursor: pointer; border: 1px solid #eeeeee; padding-left: 10px; height: 50px; line-height: 50px; } /* line 13, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 28, /home/circleci/app/app/assets/stylesheets/modules/sp/_chronology.scss */ .chronology__year--open:after { bottom: 50%; right: 50%; -webkit-transform: rotate(180deg) translate(50%, 50%); transform: rotate(180deg) translate(50%, 50%); } /* line 35, /home/circleci/app/app/assets/stylesheets/modules/sp/_chronology.scss */ .chronology__content { margin-top: 10px; margin-left: 4em; padding-left: 1em; border-left: solid 1px #eeeeee; } /* line 42, /home/circleci/app/app/assets/stylesheets/modules/sp/_chronology.scss */ .js-accordion-content-wrapper { height: 0; overflow: hidden; -webkit-transition-duration: 1s; transition-duration: 1s; } /* line 48, /home/circleci/app/app/assets/stylesheets/modules/sp/_chronology.scss */ .chronology__item { position: relative; padding-left: 16px; margin-top: 32px; padding-bottom: 32px; } /* line 53, /home/circleci/app/app/assets/stylesheets/modules/sp/_chronology.scss */ .chronology__item:first-child { margin-top: 0; } /* line 56, /home/circleci/app/app/assets/stylesheets/modules/sp/_chronology.scss */ .chronology__item p { line-height: 1.5; margin: 0.5em 0; } /* line 62, /home/circleci/app/app/assets/stylesheets/modules/sp/_chronology.scss */ .chronology__item__image { font-size: 0; margin-top: 6px; } /* line 67, /home/circleci/app/app/assets/stylesheets/modules/sp/_chronology.scss */ .chronology__item__date { margin-bottom: 4px; } /* line 71, /home/circleci/app/app/assets/stylesheets/modules/sp/_chronology.scss */ .chronology__item__title { font-size: 14px; font-weight: bold; margin-bottom: 0.5em; } /* line 77, /home/circleci/app/app/assets/stylesheets/modules/sp/_chronology.scss */ .chronology__item__button-list { margin-top: 1.5em; } /* line 79, /home/circleci/app/app/assets/stylesheets/modules/sp/_chronology.scss */ .chronology__item__button-list li { font-size: 14px; margin-bottom: 8px; } /* line 86, /home/circleci/app/app/assets/stylesheets/modules/sp/_chronology.scss */ body[data-design="comic"] .chronology__content { border-color: #474541; } /* line 92, /home/circleci/app/app/assets/stylesheets/modules/sp/_chronology.scss */ body[data-design="tech"] .chronology__content { border-color: #969696; } /* 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/sp/_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 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-button-list.scss */ .common-button-list { margin: 1em auto; } /* line 4, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-button-list.scss */ .common-button-list li { list-style: none !important; margin: 0 0 8px 0 !important; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_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, .common-button--recommend-machino-coin .button--yellow, .formtype__submit, .sendbar__submit--strong, .sendbar__submit--search, 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 { display: block; margin-bottom: 8px; background-color: #eeeeee; color: #000; text-align: center; border-radius: 5px; font-size: 16px; font-weight: bold; line-height: 1.75; } /* line 12, /home/circleci/app/app/assets/stylesheets/modules/sp/_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, .common-button--recommend-machino-coin .is-disabled.button--yellow, .is-disabled.formtype__submit, .is-disabled.sendbar__submit--strong, .is-disabled.sendbar__submit--search, 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 { opacity: 0.5; pointer-events: none; } /* line 17, /home/circleci/app/app/assets/stylesheets/modules/sp/_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, .common-button--recommend-machino-coin .button--yellow button, .formtype__submit button, .sendbar__submit--strong button, .sendbar__submit--search 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, .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, .common-button--recommend-machino-coin .button--yellow input, .formtype__submit input, .sendbar__submit--strong input, .sendbar__submit--search 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 { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background: none; padding: 0; font: inherit; color: inherit; } /* line 21, /home/circleci/app/app/assets/stylesheets/modules/sp/_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, .common-button--recommend-machino-coin .button--yellow a, .formtype__submit a, .sendbar__submit--strong a, .sendbar__submit--search 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, .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, .common-button--recommend-machino-coin .button--yellow button, .formtype__submit button, .sendbar__submit--strong button, .sendbar__submit--search 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, .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, .common-button--recommend-machino-coin .button--yellow input, .formtype__submit input, .sendbar__submit--strong input, .sendbar__submit--search 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 { display: block; width: 100%; color: inherit !important; padding: 0.8em 1.2em; position: relative; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; } /* 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, .common-button--recommend-machino-coin .button--yellow a:after, .formtype__submit a:after, .sendbar__submit--strong a:after, .sendbar__submit--search 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, .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, .common-button--recommend-machino-coin .button--yellow button:after, .formtype__submit button:after, .sendbar__submit--strong button:after, .sendbar__submit--search 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, .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, .common-button--recommend-machino-coin .button--yellow input:after, .formtype__submit input:after, .sendbar__submit--strong input:after, .sendbar__submit--search 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 { content: ""; font-family: FontAwesome; } /* line 33, /home/circleci/app/app/assets/stylesheets/modules/sp/_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, .common-button--recommend-machino-coin .button--yellow a:after, .formtype__submit a:after, .sendbar__submit--strong a:after, .sendbar__submit--search 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, .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, .common-button--recommend-machino-coin .button--yellow button:after, .formtype__submit button:after, .sendbar__submit--strong button:after, .sendbar__submit--search 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, .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, .common-button--recommend-machino-coin .button--yellow input:after, .formtype__submit input:after, .sendbar__submit--strong input:after, .sendbar__submit--search 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 { position: absolute; right: 1em; top: 50%; font-size: 80%; line-height: 1; margin-top: -0.5em; } /* line 43, /home/circleci/app/app/assets/stylesheets/modules/sp/_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, .common-button--recommend-machino-coin .with-konchi.button--yellow, .with-konchi.formtype__submit, .with-konchi.sendbar__submit--strong, .with-konchi.sendbar__submit--search, 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 { min-width: 0px; text-align: left; } /* line 46, /home/circleci/app/app/assets/stylesheets/modules/sp/_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, .common-button--recommend-machino-coin .with-konchi.button--yellow a, .with-konchi.formtype__submit a, .with-konchi.sendbar__submit--strong a, .with-konchi.sendbar__submit--search 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, .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, .common-button--recommend-machino-coin .with-konchi.button--yellow button, .with-konchi.formtype__submit button, .with-konchi.sendbar__submit--strong button, .with-konchi.sendbar__submit--search 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 { padding-right: 68px; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/sp/_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, .common-button--recommend-machino-coin .with-konchi.button--yellow img, .with-konchi.formtype__submit img, .with-konchi.sendbar__submit--strong img, .with-konchi.sendbar__submit--search 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 { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 22px; } /* line 58, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 *, .common-button--recommend-machino-coin .button--yellow svg *, .formtype__submit svg *, .sendbar__submit--strong svg *, .sendbar__submit--search 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 * { fill: #000; } /* line 63, /home/circleci/app/app/assets/stylesheets/modules/sp/_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, .common-button--recommend-machino-coin .button--yellow, .formtype__submit, .sendbar__submit--strong, .sendbar__submit--search, 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 68, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 *, .common-button--recommend-machino-coin .button--yellow svg *, .formtype__submit svg *, .sendbar__submit--strong svg *, .sendbar__submit--search 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 73, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-button.scss */ .common-button--strongest { font-weight: bold; } /* line 76, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-button.scss */ .common-button--strongest a { padding: 1em 1.2em; } /* line 80, /home/circleci/app/app/assets/stylesheets/modules/sp/_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; padding: 32px 30px; background-color: #fff; background-image: url(/assets/pc/design/simple/ptn_simple_2-e83b6c4d0cae3095900bd2fc1166ad56f333ebe5d2e655ab19ddcdf7a27897c7.png); background-size: 6px 6px; } /* line 86, /home/circleci/app/app/assets/stylesheets/modules/sp/_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-bottom: 5px; } /* line 90, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 95, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-button.scss */ .common-button--recommend-machino-coin { text-align: center; padding: 32px 30px; background-color: #fff; background-image: url(/assets/pc/design/simple/ptn_simple_2-e83b6c4d0cae3095900bd2fc1166ad56f333ebe5d2e655ab19ddcdf7a27897c7.png); background-size: 6px 6px; } /* line 101, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-button.scss */ .common-button--recommend-machino-coin .button--blue { border: solid 2px #fff; margin-bottom: 5px; } /* line 105, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-button.scss */ .common-button--recommend-machino-coin .button--blue:last-child { margin-bottom: 0px; } /* line 109, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-button.scss */ .common-button--recommend-machino-coin .button--yellow { border: solid 2px #fff; margin-bottom: 5px; background-color: #ffae00; } /* line 113, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-button.scss */ .common-button--recommend-machino-coin .button--yellow:last-child { margin-bottom: 0px; } /* line 119, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-button.scss */ .common-button--recommend-lobi { background-image: url(/assets/sp/service/lobi/bg_recommend_lobi-44852a39201e6d39b8018233618874f06cbefd71ad31aec93beae25f61284d0f.jpg); background-size: cover; } /* line 124, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-button.scss */ .common-button--recommend-jagmo { background-image: url(/images/pc/service/jagmo/bg_recommend_jagmo.jpg); background-size: cover; } /* line 129, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-button.scss */ .common-button--recommend-rankers { background-image: url(/assets/pc/service/rankers/bg_recommend_rankers-e5e37f03e469b33877323d012a6cccd32543aa0d81e1c41f6cb94ea1d1295bf1.jpg); background-size: cover; } /* line 134, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-button.scss */ .common-button--recommend-placole { background-image: url(/assets/pc/service/placole/bg_recommend_placole-5793bbe5d07da81fc342b1cef67e32b4dda2078d0d8c5c205dc65f7e5d35098e.jpg); background-size: cover; } /* line 139, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-button.scss */ .common-button--recommend-jitakusou { background-image: url(/assets/pc/service/jitakusou/bg_recommend_jitakusou-4a1d870baf02964eef578a1e90f7be6ad4e4e9f769d1d58893382c5fef919afa.jpg); background-size: cover; } /* line 144, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-button.scss */ .common-button--recommend-kamakura { background-image: url(/assets/sp/vision/kamakura/bg_recommend_kamakura-9bd20beae98462180f25d22534ec8e0c98a6b1df42fd33d38344d7be25104f1b.png); background-size: cover; } /* line 149, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-button.scss */ .common-button--recommend-realkamakuraestate { background-image: url(/assets/sp/vision/realkamakuraestate/bg_recommend_realkamakuraestate-918980292c48fcd2ec6e1ed684301208697ca14314cdf16506b957c8342ab943.png); background-size: cover; } /* line 154, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-button.scss */ .common-button--recommend-esports { background-image: url(/assets/pc/service/esports/bg_recommend_esports-e05767ab1e7e11c76f0f6a1692c182b239d0bd0cfe0f4422111422a89653011c.png); background-size: cover; } /* line 160, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-button.scss */ .common-button--recommend-fanda { background-image: url(/assets/pc/service/fanda/bg_recommend_fanda-939a7fe997c09bb31987ba98618f41f8a22f8c4ad5c17bcfd5fae525387a7a0b.png); background-size: cover; } /* line 166, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-button.scss */ .common-button__title { display: block; text-align: left; font-size: 16px; line-height: 1.5; font-weight: bold; min-height: 3em; margin: 0 !important; } /* line 176, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-button.scss */ .common-button__description { display: block; text-align: left; font-size: 12px; font-weight: normal; line-height: 1.5; min-height: 1.5em; } /* line 185, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 196, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .button--yellow, .common-button--recommend-machino-coin body[data-design="comic"] .button--yellow, body[data-design="comic"] .formtype__submit, body[data-design="comic"] .sendbar__submit--strong, body[data-design="comic"] .sendbar__submit--search, 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 { position: relative; color: #474541; background-color: #f4f0e7; border: solid 2px #474541; } /* line 202, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .button--yellow a, .common-button--recommend-machino-coin body[data-design="comic"] .button--yellow a, body[data-design="comic"] .formtype__submit a, body[data-design="comic"] .sendbar__submit--strong a, body[data-design="comic"] .sendbar__submit--search 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 { position: static; color: inherit; height: inherit; padding-right: 50px; } /* line 208, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .button--yellow a:after, .common-button--recommend-machino-coin body[data-design="comic"] .button--yellow a:after, body[data-design="comic"] .formtype__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"] .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 { content: ""; position: absolute; width: 37px; height: 15px; margin: 0px; margin-left: 8px; margin-top: -8px; background-image: url(/assets/sp/design/comic/finger_black-ece1e97418de1c47216ba784546dc370b9b04dfdc0634aa161e6c8f9d04d2e1f.png); background-position: center; background-repeat: no-repeat; background-size: contain; } /* line 227, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .with-konchi.button--yellow a:after, .common-button--recommend-machino-coin 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.sendbar__submit--strong a:after, body[data-design="comic"] .with-konchi.sendbar__submit--search 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"] .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"] .common-button--recommend-machino-coin .with-konchi.button--yellow button:after, .common-button--recommend-machino-coin 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.sendbar__submit--strong button:after, body[data-design="comic"] .with-konchi.sendbar__submit--search 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 { display: none; } /* line 231, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .with-konchi.button--yellow img, .common-button--recommend-machino-coin body[data-design="comic"] .with-konchi.button--yellow img, body[data-design="comic"] .with-konchi.formtype__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.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 { right: 8px; } /* line 237, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .button--yellow, .common-button--recommend-machino-coin body[data-design="comic"] .button--yellow, body[data-design="comic"] .formtype__submit, body[data-design="comic"] .sendbar__submit--strong, body[data-design="comic"] .sendbar__submit--search, 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 241, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .button--yellow a:after, .common-button--recommend-machino-coin body[data-design="comic"] .button--yellow a:after, body[data-design="comic"] .formtype__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"] .more_info a:after, body[data-design="tech"] .more_info body[data-design="comic"] a a:after { background-image: url(/assets/sp/design/comic/finger_white-b9d479a1d36f4feafd0b51157c45186b26b3c25ac6a8e6a7f1e541e6a9bb871c.png); } /* line 246, /home/circleci/app/app/assets/stylesheets/modules/sp/_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-image: url(/assets/pc/design/comic/ptn_comic_4-18e444ce651ac1cb367dbd8dc0579a8f35c6f6830d11159fb7c42655c02a5749.png); background-size: 6px 6px; } /* line 249, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { outline: solid 3px #f4f0e7; } /* line 256, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .button--yellow, .common-button--recommend-machino-coin body[data-design="game"] .button--yellow, body[data-design="game"] .formtype__submit, body[data-design="game"] .sendbar__submit--strong, body[data-design="game"] .sendbar__submit--search, 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 { font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; 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 262, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .button--yellow a, .common-button--recommend-machino-coin body[data-design="game"] .button--yellow a, body[data-design="game"] .formtype__submit a, body[data-design="game"] .sendbar__submit--strong a, body[data-design="game"] .sendbar__submit--search 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 { position: relative; padding-right: 35px; } /* line 265, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .button--yellow a:after, .common-button--recommend-machino-coin body[data-design="game"] .button--yellow a:after, body[data-design="game"] .formtype__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"] 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 { 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 281, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .with-konchi.button--yellow a, .common-button--recommend-machino-coin body[data-design="game"] .with-konchi.button--yellow a, body[data-design="game"] .with-konchi.formtype__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"] 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"] .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"] .common-button--recommend-machino-coin .with-konchi.button--yellow button, .common-button--recommend-machino-coin body[data-design="game"] .with-konchi.button--yellow button, body[data-design="game"] .with-konchi.formtype__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"] 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 { padding-right: 85px; } /* line 285, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .with-konchi.button--yellow img, .common-button--recommend-machino-coin body[data-design="game"] .with-konchi.button--yellow img, body[data-design="game"] .with-konchi.formtype__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"] 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 { right: 32px; } /* line 291, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .button--yellow, .common-button--recommend-machino-coin body[data-design="game"] .button--yellow, body[data-design="game"] .formtype__submit, body[data-design="game"] .sendbar__submit--strong, body[data-design="game"] .sendbar__submit--search, 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 294, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .button--yellow a:after, .common-button--recommend-machino-coin body[data-design="game"] .button--yellow a:after, body[data-design="game"] .formtype__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"] 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 299, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 303, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 306, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 316, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .button--yellow, .common-button--recommend-machino-coin body[data-design="kamakura"] .button--yellow, body[data-design="kamakura"] .formtype__submit, body[data-design="kamakura"] .sendbar__submit--strong, body[data-design="kamakura"] .sendbar__submit--search, 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 { font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; background-color: #dbdbdb; } /* line 321, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .button--yellow, .common-button--recommend-machino-coin body[data-design="kamakura"] .button--yellow, body[data-design="kamakura"] .formtype__submit, body[data-design="kamakura"] .sendbar__submit--strong, body[data-design="kamakura"] .sendbar__submit--search, 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; } /* line 325, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-button.scss */ body[data-design="kamakura"] .common-button--strongest { background-color: #ff5500; } /* line 329, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 336, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .button--yellow, .common-button--recommend-machino-coin body[data-design="tech"] .button--yellow, body[data-design="tech"] .formtype__submit, body[data-design="tech"] .sendbar__submit--strong, body[data-design="tech"] .sendbar__submit--search, 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 { position: relative; color: #fff; background-color: transparent; font-family: "UD新ゴ コンデンス90 R", "Cambay", sans-serif !important; } /* line 342, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .button--yellow:before, .common-button--recommend-machino-coin body[data-design="tech"] .button--yellow:before, body[data-design="tech"] .formtype__submit:before, body[data-design="tech"] .sendbar__submit--strong:before, body[data-design="tech"] .sendbar__submit--search: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 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; -o-border-image: url(/assets/sp/design/tech/btn_border-58f5f1c27e39b7c94bd1de16c454bceee04347f5699497ec6e75df01b0914c98.png) 50 110 50 110 repeat; border-image: url(/assets/sp/design/tech/btn_border-58f5f1c27e39b7c94bd1de16c454bceee04347f5699497ec6e75df01b0914c98.png) 50 110 50 110 fill repeat; border-image-width: 25px 55px 25px 55px; z-index: -1; content: ""; } /* 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"] .common-button--recommend-machino-coin .button--yellow:before, .common-button--recommend-machino-coin .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"] .sendbar__submit--strong:before, .is-legacy-ie body[data-design="tech"] .sendbar__submit--search: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 { -o-border-image: none; border-image: none; } /* line 348, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .button--yellow:after, .common-button--recommend-machino-coin body[data-design="tech"] .button--yellow:after, body[data-design="tech"] .formtype__submit:after, body[data-design="tech"] .sendbar__submit--strong:after, body[data-design="tech"] .sendbar__submit--search: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 { position: absolute; top: 0; bottom: 0; right: 12px; width: 14px; height: 9px; margin: auto; background-image: url(/assets/sp/design/tech/btn_border_arrow-33bb82b95ccbecd936a6f7d107bc7d1fdf5ea0b8cb9fdbdb65d1d27a36e5db67.png); background-size: 100% auto; background-repeat: no-repeat; content: ""; } /* line 359, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .button--yellow a, .common-button--recommend-machino-coin body[data-design="tech"] .button--yellow a, body[data-design="tech"] .formtype__submit a, body[data-design="tech"] .sendbar__submit--strong a, body[data-design="tech"] .sendbar__submit--search 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 { padding-right: 30px; } /* line 362, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .button--yellow a:after, .common-button--recommend-machino-coin body[data-design="tech"] .button--yellow a:after, body[data-design="tech"] .formtype__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"] 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 { display: none; } /* line 367, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .button--yellow *, .common-button--recommend-machino-coin body[data-design="tech"] .button--yellow *, body[data-design="tech"] .formtype__submit *, body[data-design="tech"] .sendbar__submit--strong *, body[data-design="tech"] .sendbar__submit--search *, 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 * { font-family: "UD新ゴ コンデンス90 R", "Cambay", sans-serif !important; color: #fff; } /* line 373, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .with-konchi.button--yellow a, .common-button--recommend-machino-coin body[data-design="tech"] .with-konchi.button--yellow a, body[data-design="tech"] .with-konchi.formtype__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"] 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"] .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"] .common-button--recommend-machino-coin .with-konchi.button--yellow button, .common-button--recommend-machino-coin body[data-design="tech"] .with-konchi.button--yellow button, body[data-design="tech"] .with-konchi.formtype__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"] 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 { padding-right: 80px; } /* line 377, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-button.scss */ body[data-design="tech"] .common-button.with-konchi img, body[data-design="tech"] .with-konchi.article__content__bottom__link__button img, body[data-design="tech"] .with-konchi.article__content__button img, body[data-design="tech"] .with-konchi.common-button--strong img, body[data-design="tech"] .with-konchi.common-button--strongest img, body[data-design="tech"] .common-button--recommend div.with-konchi img, .common-button--recommend body[data-design="tech"] div.with-konchi img, body[data-design="tech"] .article__sidebar__button-block div.with-konchi img, .article__sidebar__button-block body[data-design="tech"] div.with-konchi img, body[data-design="tech"] .common-button--recommend-lobi div.with-konchi img, .common-button--recommend-lobi body[data-design="tech"] div.with-konchi img, body[data-design="tech"] .common-button--recommend-jagmo div.with-konchi img, .common-button--recommend-jagmo body[data-design="tech"] div.with-konchi img, body[data-design="tech"] .common-button--recommend-rankers div.with-konchi img, .common-button--recommend-rankers body[data-design="tech"] div.with-konchi img, body[data-design="tech"] .common-button--recommend-placole div.with-konchi img, .common-button--recommend-placole body[data-design="tech"] div.with-konchi img, body[data-design="tech"] .common-button--recommend-jitakusou div.with-konchi img, .common-button--recommend-jitakusou body[data-design="tech"] div.with-konchi img, body[data-design="tech"] .common-button--recommend-kamakura div.with-konchi img, .common-button--recommend-kamakura body[data-design="tech"] div.with-konchi img, body[data-design="tech"] .common-button--recommend-realkamakuraestate div.with-konchi img, .common-button--recommend-realkamakuraestate body[data-design="tech"] div.with-konchi img, body[data-design="tech"] .common-button--recommend-esports div.with-konchi img, .common-button--recommend-esports body[data-design="tech"] div.with-konchi img, body[data-design="tech"] .common-button--recommend-fanda div.with-konchi img, .common-button--recommend-fanda body[data-design="tech"] div.with-konchi img, body[data-design="tech"] .common-button--recommend-machino-coin .with-konchi.button--blue img, .common-button--recommend-machino-coin body[data-design="tech"] .with-konchi.button--blue img, body[data-design="tech"] .common-button--recommend-machino-coin .with-konchi.button--yellow img, .common-button--recommend-machino-coin body[data-design="tech"] .with-konchi.button--yellow img, body[data-design="tech"] .with-konchi.formtype__submit img, body[data-design="tech"] .with-konchi.sendbar__submit--strong img, body[data-design="tech"] .with-konchi.sendbar__submit--search img, body[data-design="tech"] body[data-design="simple"] .with-konchi.more_info img, body[data-design="simple"] body[data-design="tech"] .with-konchi.more_info img, body[data-design="tech"] body[data-design="comic"] .with-konchi.more_info img, body[data-design="comic"] body[data-design="tech"] .with-konchi.more_info img, body[data-design="tech"] .more_info a.with-konchi img, body[data-design="tech"] .with-konchi.common-intro__article__top-btn img, body[data-design="tech"] .with-konchi.sendbar__submit img { right: 30px; } /* line 384, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .button--yellow:before, .common-button--recommend-machino-coin body[data-design="tech"] .button--yellow:before, body[data-design="tech"] .formtype__submit:before, body[data-design="tech"] .sendbar__submit--strong:before, body[data-design="tech"] .sendbar__submit--search: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/sp/design/tech/btn_strong_border-397843b08455563d51e720ad46526389e81bcc7a76434c82790f999edb3e5666.png) 50 110 50 110 repeat; border-image: url(/assets/sp/design/tech/btn_strong_border-397843b08455563d51e720ad46526389e81bcc7a76434c82790f999edb3e5666.png) 50 110 50 110 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"] .common-button--recommend-machino-coin .button--yellow:before, .common-button--recommend-machino-coin .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"] .sendbar__submit--strong:before, .is-legacy-ie body[data-design="tech"] .sendbar__submit--search: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 388, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"] .common-button--recommend-machino-coin .button--yellow:after, .common-button--recommend-machino-coin body[data-design="tech"] .button--yellow:after, body[data-design="tech"] .formtype__submit:after, body[data-design="tech"] .sendbar__submit--strong:after, body[data-design="tech"] .sendbar__submit--search: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 { background-image: url(/assets/sp/design/tech/btn_strong_border_arrow-11d5d07b6d3e0c9832e4b50a11e3fa3926ba738ff5bad011af06f1a03701543b.png); } /* line 393, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 398, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 401, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-checkbox.scss */ .common-checkbox, .formtype__form input[type="checkbox"], .formtype__form--entry 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; margin-right: 0.25em; } /* 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 { content: ""; font-family: FontAwesome; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-checkbox.scss */ .common-checkbox:before, .formtype__form input[type="checkbox"]:before, .formtype__form--entry input[type="checkbox"]:before { display: block; height: 1em; line-height: 1em; font-size: 18px; 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 { content: ""; font-family: FontAwesome; } /* line 27, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { color: #474541; } /* line 35, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { color: #1ac519; } /* line 43, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { color: #ed5300; } /* line 51, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { color: #6bc7ec; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background: none; padding: 0; font: inherit; color: inherit; font-family: inherit !important; } /* line 5, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-form.scss */ .common-form::-webkit-input-placeholder, .formtype__form input[type="text"]::-webkit-input-placeholder, .formtype__form--entry input[type="text"]::-webkit-input-placeholder, .formtype__form input[type="tel"]::-webkit-input-placeholder, .formtype__form--entry input[type="tel"]::-webkit-input-placeholder, .formtype__form input[type="url"]::-webkit-input-placeholder, .formtype__form--entry input[type="url"]::-webkit-input-placeholder, .formtype__form textarea::-webkit-input-placeholder, .formtype__form--entry textarea::-webkit-input-placeholder, .sendbar__textfield input::-webkit-input-placeholder { color: #999999; } .common-form::-moz-placeholder, .formtype__form input[type="text"]::-moz-placeholder, .formtype__form--entry input[type="text"]::-moz-placeholder, .formtype__form input[type="tel"]::-moz-placeholder, .formtype__form--entry input[type="tel"]::-moz-placeholder, .formtype__form input[type="url"]::-moz-placeholder, .formtype__form--entry input[type="url"]::-moz-placeholder, .formtype__form textarea::-moz-placeholder, .formtype__form--entry textarea::-moz-placeholder, .sendbar__textfield input::-moz-placeholder { color: #999999; } .common-form:-ms-input-placeholder, .formtype__form input[type="text"]:-ms-input-placeholder, .formtype__form--entry input[type="text"]:-ms-input-placeholder, .formtype__form input[type="tel"]:-ms-input-placeholder, .formtype__form--entry input[type="tel"]:-ms-input-placeholder, .formtype__form input[type="url"]:-ms-input-placeholder, .formtype__form--entry input[type="url"]:-ms-input-placeholder, .formtype__form textarea:-ms-input-placeholder, .formtype__form--entry textarea:-ms-input-placeholder, .sendbar__textfield input:-ms-input-placeholder { color: #999999; } .common-form::-ms-input-placeholder, .formtype__form input[type="text"]::-ms-input-placeholder, .formtype__form--entry input[type="text"]::-ms-input-placeholder, .formtype__form input[type="tel"]::-ms-input-placeholder, .formtype__form--entry input[type="tel"]::-ms-input-placeholder, .formtype__form input[type="url"]::-ms-input-placeholder, .formtype__form--entry input[type="url"]::-ms-input-placeholder, .formtype__form textarea::-ms-input-placeholder, .formtype__form--entry textarea::-ms-input-placeholder, .sendbar__textfield input::-ms-input-placeholder { color: #999999; } .common-form::placeholder, .formtype__form input[type="text"]::placeholder, .formtype__form--entry input[type="text"]::placeholder, .formtype__form input[type="tel"]::placeholder, .formtype__form--entry input[type="tel"]::placeholder, .formtype__form input[type="url"]::placeholder, .formtype__form--entry input[type="url"]::placeholder, .formtype__form textarea::placeholder, .formtype__form--entry textarea::placeholder, .sendbar__textfield input::placeholder { color: #999999; } /* line 9, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { pointer-events: none; } /* line 15, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { color: #000; border: 1px solid #dedede; background-color: #fafafa; } /* line 20, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { border-color: #f99; background-color: #ffefef; } /* line 25, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { color: #dedede; } /* line 32, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { color: #474541; border: 2px solid #474541; background-color: transparent; } /* line 37, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { background-image: url(/assets/pc/design/comic/effect_dot_red-b129db4e784a05a8d3f7942df5fa6dbb8e94968e969a88bb422459707788634d.png); background-size: 5px 5px; color: #f15151; border-color: #f15151; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { 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 53, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { color: #f15151; border-color: #f15151; background-color: #ffefef; } /* line 62, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { color: #4c4c4c; border: 1px solid #4c4c4c; } /* line 66, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { color: #f50; border-color: #f50; background-color: #fff0e9; } /* line 75, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { color: #666666; border: 2px solid #4c4c4c; border-radius: 4px; background-color: #000; } /* line 81, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { color: #f15151; border-color: #f15151; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-important-link.scss */ .common-important-link { display: block; color: inherit; text-decoration: none; position: relative; } /* line 9, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-important-link.scss */ .common-important-link__thumb { padding: 16px; padding-bottom: 0; font-size: 0; } /* line 13, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-important-link.scss */ .common-important-link__thumb img { display: block; max-height: 35vh; margin: auto; } /* line 20, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-important-link.scss */ .common-important-link__block { padding: 16px; } /* line 24, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-important-link.scss */ .common-important-link__url { font-size: 12px; margin-bottom: 0 !important; } /* line 30, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-important-link.scss */ body[data-design="game"] .common-important-link { font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } /* line 36, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-important-link.scss */ body[data-design="tech"] .common-important-link { position: relative; } /* line 39, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/design/tech/border_news-fb970b603d14476e1f30960ce317324037672fa367985b7d75f6f54d35a71ca9.png) 90 120 90 130 repeat; border-image: url(/assets/sp/design/tech/border_news-fb970b603d14476e1f30960ce317324037672fa367985b7d75f6f54d35a71ca9.png) 90 120 90 130 fill repeat; border-image-width: 45px 60px 45px 65px; 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 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ .common-intro, .common-intro--short { font-family: YakuHanJP, YuGothic, sans-serif; margin: 15px auto 8px; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ .common-intro.is-filtered, .is-filtered.common-intro--short { display: none; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ .common-intro__dummy-title { display: none; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ .common-intro__title { font-size: 28px; font-weight: bold; letter-spacing: -1px; padding: 32px 16px; border-bottom: solid 1px #eeeeee; } /* line 26, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ .common-intro__catchcopy { padding: 40px 16px; padding-bottom: 0px; font-size: 28px; line-height: 1.25; font-weight: bold; } /* line 32, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ .common-intro__catchcopy:first-child { margin-top: 10px; } /* line 41, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ .common-intro__body__title { font-size: 28px; font-weight: bold; padding: 32px 16px; border-bottom: solid 1px #eeeeee; } /* line 48, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ .common-intro__body__description { font-size: 16px; line-height: 1.75; padding: 32px 16px; } /* line 54, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ .common-intro__article { padding: 32px 16px; } /* line 56, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ .common-intro__article strong { font-weight: bold; } /* line 61, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ .common-intro__article__title { font-size: 28px; font-weight: bold; margin-bottom: 16px; } /* line 67, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ .common-intro__article__desc { margin-top: -4px; margin-bottom: 16px; line-height: 1.75; } /* line 73, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ .common-intro__article__cover { margin: 8px 0; } /* line 76, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ .common-intro__article__cover img { width: 100%; } /* line 81, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ .common-intro__article__top-btn { margin-top: 30px; } /* line 86, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ .common-intro__horizon { border: none; border-bottom: solid 2px #eeeeee; } /* line 91, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ .common-intro__matrix { /* nothing */ } /* line 95, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ .common-intro__matrix__item { margin: 16px 0px; } /* line 100, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ body[data-design="comic"] .common-intro__title, body[data-design="comic"] .common-intro__catchcopy { 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 108, /home/circleci/app/app/assets/stylesheets/modules/sp/_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; border-color: #474541; } /* line 116, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ body[data-design="comic"] .common-intro__horizon { border-color: #474541; } /* line 122, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ body[data-design="game"] .common-intro__title, body[data-design="game"] .common-intro__catchcopy { font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } /* line 129, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ body[data-design="kamakura"] .common-intro__title, body[data-design="kamakura"] .common-intro__catchcopy { font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; color: #000; } /* line 135, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ body[data-design="kamakura"] .common-intro--short { position: relative; 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 140, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ body[data-design="kamakura"] .common-intro__body__title { font-family: "Alegreya", "秀英横太明朝 L", "Shuei Mincho L"; } /* line 146, /home/circleci/app/app/assets/stylesheets/modules/sp/_common-intro.scss */ body[data-design="tech"] .common-intro__title, body[data-design="tech"] .common-intro__horizon { min-height: 1px; position: relative; border: none; } /* line 151, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 1px #969696; position: absolute; bottom: 0; left: 7px; right: 7px; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_corner-cut-image.scss */ .corner-cut-image { display: none; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/sp/_corner-cut-image.scss */ body[data-design="tech"] .corner-cut-image { position: absolute; top: 2px; left: 0; right: 2px; display: block; width: 100%; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division { margin-top: 17px; } /* line 5, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__title { font-size: 28px; font-weight: bold; letter-spacing: -1px; padding: 32px 16px; border-bottom: solid 1px #eeeeee; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__dummy-title { display: none; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section, .division__section--award { margin-bottom: 8px; padding: 32px 16px; font-size: 16px; line-height: 1.75; } /* line 25, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section strong, .division__section--award strong { font-weight: bold; } /* line 31, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section hr, .division__section--award hr { background-color: transparent; height: 0px; padding: 0px; border: none; border-top: solid 2px #eeeeee; margin: 38px 0px; } /* line 40, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section__right img { width: 100%; } /* line 46, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__impartible-section { padding: 32px 16px 0px; font-size: 16px; line-height: 1.75; } /* line 51, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__impartible-section strong { font-weight: bold; } /* line 57, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__impartible-section hr { background-color: transparent; height: 0px; padding: 0px; border: none; border-top: solid 2px #eeeeee; margin: 38px 0px; } /* line 67, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section--award { padding: 20px 16px; } /* line 71, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section--award strong { font-weight: normal; } /* line 74, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section--award .division__section__meta-title, .division__section--award .division__section__meta-title--with-margin-top { float: left; margin-right: 60px; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .division__section--award .division__section__meta-title:before, .division__section--award .division__section__meta-title--with-margin-top:before { content: ""; font-family: FontAwesome; } /* line 79, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section--award .division__section__meta-title:before, .division__section--award .division__section__meta-title--with-margin-top:before { font-size: 120%; line-height: 1; display: block; text-align: center; } /* line 88, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section__title { font-size: 28px; line-height: 1.29; font-weight: bold; margin-bottom: 32px; } /* line 95, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section__sub-title { margin-bottom: 20px; font-size: 24px; line-height: 1.33; font-weight: bold; } /* line 102, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section__notice-text { font-size: 16px; font-weight: bold; } /* line 107, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section__paragraph-title { padding: 10px 0 5px; font-size: 16px; line-height: 24px; font-weight: bold; } /* line 114, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section__meta-title, .division__section__meta-title--with-margin-top { margin-top: 40px; margin-bottom: 16px; font-weight: bold; font-size: 20px; } /* line 119, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section__meta-title:first-child, .division__section__meta-title--with-margin-top:first-child { margin-top: 0px; } /* line 125, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section__meta-title--with-margin-top:first-child { margin-top: 40px; } /* line 130, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section__catchcopy { margin: 40px 0px 20px; font-size: 28px; line-height: 1.25; font-weight: bold; } /* line 135, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section__catchcopy:first-child { margin-top: 10px; } /* line 140, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__impartible-section__sub-catchcopy { font-size: 28px; line-height: 1.25; font-weight: bold; } /* line 146, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section__text, .division__section__text--block-sp, .division__section__text--small { display: inline; } /* line 150, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section__text--block-sp { display: block; } /* line 155, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section__paragraph { display: block; } /* line 163, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section__cover, .division__section__cover--kamakura_recycreation { margin-bottom: 16px; } /* line 165, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section__cover img, .division__section__cover--kamakura_recycreation img { display: block; margin: auto; width: 100%; height: auto; } /* line 172, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section__cover:last-child img, .division__section__cover--kamakura_recycreation:last-child img { margin-top: 16px; } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section__cover--kamakura_recycreation img { margin-bottom: 8px; } /* line 182, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section__cover--kamakura_recycreation .embed-map, .division__section__cover--kamakura_recycreation .embed-map--large { float: none; position: relative; width: 100%; height: calc(50vw - 8px); margin: 0; padding: 0; } /* line 193, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section__img-insentence img { display: block; margin: 20px 0; width: 100%; height: auto; } /* line 200, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section__img-insentence:last-child img { margin-bottom: 0; } /* line 215, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__section__right-thumbnail { display: block; margin: auto; margin-bottom: 8px; max-width: 100%; } /* line 222, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__list-title { font-weight: bold; font-size: 24px; margin-top: 32px; margin-bottom: 8px; } /* line 229, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__example, .division__example--collaboration { display: block; } /* line 236, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__example--collaboration .division__example__title { font-size: 16px; } /* line 241, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__example__box { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; } /* line 245, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__example__box:last-child { margin-bottom: 0px; } /* line 250, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__example__box__left { margin-right: 33%; word-break: break-all; } /* line 254, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__example__box__right { float: right; max-width: 102px; width: 30%; } /* line 258, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__example__box__right img { display: block; width: 100%; height: auto; } /* line 265, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__example__cover, .division__example__cover--soldout { margin: 8px 0px; } /* line 267, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__example__cover img, .division__example__cover--soldout img { display: block; width: 100%; height: auto; } /* line 273, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__example__cover--soldout { position: relative; } /* line 276, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__example__cover--soldout:after { content: ""; display: block; position: absolute; top: -3px; right: -3px; width: 64px; height: 79px; background-image: url(/assets/sp/service/closed_and_soldout/ico_soldout-ribbon_m-137a08fb8e63522d95ad2f8f6044e7c49c0e1c255ddddc0353ca59e88c9447eb.png); background-size: 64px 79px; } /* line 291, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__example__title { font-size: 20px; line-height: 32px; font-weight: bold; margin-top: 32px; } /* line 297, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__example__title.is-sp-nomargin { margin-top: 0; } /* line 302, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__article { margin: 8px 0px; font-size: 16px; line-height: 22px; } /* line 306, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 312, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__article a:before { position: absolute; top: 0px; left: 0px; } /* line 320, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__member-list { margin-top: 8px; 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; } /* line 327, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__member-list__item { display: inline-block; vertical-align: top; width: 104px; margin-bottom: 8px; font-size: 14px; line-height: 22px; overflow: hidden; } /* line 336, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__member-list__item a { display: block; text-decoration: none; color: inherit; } /* line 340, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__member-list__item a:hover { opacity: 0.7; } /* line 344, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__member-list__item img { display: block; width: 104px; height: 104px; } /* line 349, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__member-list__item dl { margin-top: 8px; } /* line 352, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__member-list__item dd { font-weight: bold; } /* line 355, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__member-list__item dt { color: #999999; } /* line 360, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__screenshot, .division__screenshot--c2, .division__screenshot--c3, .division__screenshot--c1, .division__screenshot--c5 { overflow: hidden; } /* line 370, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__screenshot--c1 .division__screenshot__free-size-item { display: block; max-width: 100%; } /* line 378, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__screenshot--c5 .division__screenshot__item { width: 50%; } /* line 380, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__screenshot--c5 .division__screenshot__item:first-child { width: 100%; } /* line 386, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__screenshot__item { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding-right: 4px; padding-left: 4px; margin-bottom: 8px; } /* line 392, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__screenshot__item img { display: block; width: 100%; } /* line 398, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__app { text-align: center; margin-top: 40px; } /* line 402, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__app__item, .division__app__item--ios, .division__app__item--android { display: inline-block; } /* line 404, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__app__item a, .division__app__item--ios a, .division__app__item--android a { display: block; width: 155px; height: 50px; background-repeat: no-repeat; background-position: center; background-size: contain; } /* line 413, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__app__item a span, .division__app__item--ios a span, .division__app__item--android a span { display: none; } /* line 420, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__app__item--ios a { background-image: url(/assets/pc/service/detail/ico_appstore-4cfabcfdbec9a5cd903190f150028743f38c3533b53ea21c6e4dd35a52a80383.svg); } /* line 426, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__app__item--android a { background-image: url(/assets/pc/service/detail/ico_googleplay-2b4ac56a272feb56e30fe461b1a05dcfe1242fe7554440af5b5e26f1ee017517.png); } /* line 431, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__button-area { margin-top: 40px; padding-top: 40px; border-top: solid 2px #eeeeee; text-align: center; } /* line 438, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__point { overflow: hidden; position: relative; text-decoration: none; color: inherit !important; } /* line 445, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__point__cover, .division__point__cover--n1, .division__point__cover--n2, .division__point__cover--n3, .division__point__cover--tsukurunda_village, .division__point__cover--recycreation_kamakura_n1, .division__point__cover--recycreation_kamakura_n2 { position: relative; } /* line 448, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__point__cover img, .division__point__cover--n1 img, .division__point__cover--n2 img, .division__point__cover--n3 img, .division__point__cover--tsukurunda_village img, .division__point__cover--recycreation_kamakura_n1 img, .division__point__cover--recycreation_kamakura_n2 img { display: block; width: 100%; height: auto; } /* line 455, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__point__cover__overlay { position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.5; top: 0; left: 0; } /* line 465, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__point__cover__keyword { text-align: center; font-size: 14px; color: #fff; font-weight: normal; } /* line 472, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__point__title { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 30px; font-weight: bold; text-align: center; color: #fff; } /* line 479, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__point__title strong { font-family: "Ubuntu"; margin-right: 16px; } /* line 485, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__point__sub-title { margin-top: 40px; margin-bottom: 16px; font-weight: bold; font-size: 20px; } /* line 492, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__point__body { font-size: 16px; line-height: 1.75; margin: 16px auto; } /* line 498, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ .division__table { width: 100%; } /* line 505, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ body[data-design="comic"] .division__section hr, body[data-design="comic"] .division__section--award hr { border-color: #474541; } /* line 512, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 523, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ body[data-design="tech"] .division__title { border-bottom: none; } /* line 528, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ body[data-design="tech"] .division__section *, body[data-design="tech"] .division__section--award * { font-family: "ゴシックMB101 L JIS2004"; } /* line 531, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ body[data-design="tech"] .division__section hr, body[data-design="tech"] .division__section--award hr { border-color: #969696; } /* line 535, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 543, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ body[data-design="tech"] .division__button-area { border-color: #969696; } /* line 547, /home/circleci/app/app/assets/stylesheets/modules/sp/_division.scss */ body[data-design="tech"] .division__point__title { color: #fff; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_embed-map.scss */ .embed-map, .embed-map--large { display: block; padding-bottom: 66.66667%; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/sp/_embed-map.scss */ .embed-map--large { width: 100%; padding-bottom: 100%; margin: 20px 0; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/_flow-list.scss */ .flow-list p { margin: 0; } /* line 10, /home/circleci/app/app/assets/stylesheets/modules/sp/_flow-list.scss */ .flow-list__item, .flow-list__item--notice { margin-top: 10px; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/sp/_flow-list.scss */ .flow-list__item--notice { font-size: 12px; } /* line 19, /home/circleci/app/app/assets/stylesheets/modules/sp/_flow-list.scss */ .flow-list__num { font-family: "Ubuntu"; font-size: 70px; line-height: 1; color: #1b9af7; margin-right: 0.1em; } /* line 28, /home/circleci/app/app/assets/stylesheets/modules/sp/_flow-list.scss */ body[data-design="game"] .flow-list__num { color: #49e845; } /* line 34, /home/circleci/app/app/assets/stylesheets/modules/sp/_flow-list.scss */ body[data-design="kamakura"] .flow-list__num { color: #ff6600; } /* line 40, /home/circleci/app/app/assets/stylesheets/modules/sp/_flow-list.scss */ body[data-design="tech"] .flow-list__num { color: #26dcfd; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ .footer { position: relative; background-color: #fff; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ .footer__logo { display: none; } /* line 10, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ .footer__nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 12px; text-align: center; border-top: solid 1px #eeeeee; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ .footer__nav__item { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; height: 48px; line-height: 48px; border-bottom: solid 1px #eeeeee; } /* line 25, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ .footer__nav__item:nth-child(odd) { border-right: solid 1px #eeeeee; } /* line 30, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ .footer__nav__btn { color: inherit; text-decoration: none; } /* line 35, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ .footer__bottom { 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-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 56px; line-height: 56px; position: relative; } /* line 44, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ .footer__copyright { font-size: 12px; font-family: "Ubuntu Condensed"; text-align: center; margin: 0 auto; } /* line 51, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ .footer__stamp { display: none; } /* line 56, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ body[data-design="comic"] .footer { background-color: #f4f0e7; color: #474541; } /* line 61, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ body[data-design="comic"] .footer__nav { right: 245px; left: auto; border-color: #474541; } /* line 67, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ body[data-design="comic"] .footer__nav__item { border-color: #474541; } /* line 73, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ body[data-design="game"] .footer { font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; color: #000; } /* line 80, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ body[data-design="kamakura"] .footer { font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; color: #000; } /* line 85, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ body[data-design="kamakura"] .footer__copyright { font-family: "Alegreya", "秀英横太明朝 L", "Shuei Mincho L"; font-style: italic; } /* line 90, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ body[data-design="kamakura"] .footer__stamp { display: inline-block; width: 35px; height: 35px; background-image: url(/assets/sp/design/kamakura/footer_stamp-2102d980587f9b5c61312079858bab79b8042bc3560a53b3c769ee9fd6314586.png); background-size: 35px 35px; position: absolute; top: 0; bottom: 0; right: 25px; margin: auto; } /* line 100, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ body[data-design="kamakura"] .footer__stamp span { display: none; } /* line 107, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ body[data-design="tech"] .footer { position: relative; padding-top: 16px; color: #ccc; background-color: transparent; } /* line 113, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ body[data-design="tech"] .footer:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #000; z-index: -1; content: ""; } /* line 121, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ body[data-design="tech"] .footer__nav { position: relative; padding: 0 8px; border-color: transparent; } /* line 127, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ body[data-design="tech"] .footer__nav:before { position: absolute; top: 0; bottom: 0; left: 8px; right: 8px; border-style: solid; -o-border-image: url(/assets/sp/design/tech/footer_nav_border-e9c4d9b79f2c8b5f34a42e1b59d6197eb54bff55a51faccdd97d6c7c802294b9.png) 80 100 80 100 repeat; border-image: url(/assets/sp/design/tech/footer_nav_border-e9c4d9b79f2c8b5f34a42e1b59d6197eb54bff55a51faccdd97d6c7c802294b9.png) 80 100 80 100 fill repeat; border-image-width: 40px 50px 40px 50px; z-index: -1; content: ""; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .footer__nav:before { -o-border-image: none; border-image: none; } /* line 134, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ body[data-design="tech"] .footer__nav__item { position: relative; border: none; } /* line 138, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ body[data-design="tech"] .footer__nav__item:before { position: absolute; top: 0; left: 4px; right: 8px; height: 1px; background-color: #999999; content: ""; } /* line 147, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ body[data-design="tech"] .footer__nav__item:first-child:before, body[data-design="tech"] .footer__nav__item:nth-child(2):before { display: none; } /* line 153, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ body[data-design="tech"] .footer__nav__item:nth-child(2n + 1):after { position: absolute; top: 8px; bottom: 4px; right: 0; width: 1px; background-color: #999999; content: ""; } /* line 162, /home/circleci/app/app/assets/stylesheets/modules/sp/_footer.scss */ body[data-design="tech"] .footer__copyright { font-family: "Cambay", sans-serif; font-style: italic; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__start { display: none; height: 60px; line-height: 60px; background-color: #1b9af7; border-radius: 4px; text-align: center; color: #fff; opacity: 0.5; pointer-events: none; } /* line 12, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__start.is-active { opacity: 1; pointer-events: auto; } /* line 17, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__start.is-hide { display: none; } /* line 23, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form *, .formtype__form--entry * { -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 27, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 41, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form input[type="radio"], .formtype__form--entry input[type="radio"] { vertical-align: middle; } /* line 46, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 51, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 56, /home/circleci/app/app/assets/stylesheets/modules/sp/_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.8; padding: 0.2em 0.5em; } /* line 64, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form textarea, .formtype__form--entry textarea { display: block; width: 100%; resize: vertical; } /* line 70, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form strong, .formtype__form--entry strong { font-weight: normal; } /* line 74, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form .radio-container, .formtype__form--entry .radio-container { font-weight: bold; } /* line 78, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form .note, .formtype__form--entry .note { line-height: normal; margin-top: 0.5em; font-size: 14px; color: #333333; } /* line 89, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form--entry .formtype__start { display: block; } /* line 93, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form--entry .formtype__form__table, .formtype__form--entry .formtype__form__table--preview, .formtype__form--entry .formtype__form__block, .formtype__form--entry .formtype__submit, .formtype__form--entry hr { display: none; } /* line 101, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form--entry.is-show .formtype__form__table, .formtype__form--entry.is-show .formtype__form__table--preview, .formtype__form--entry.is-show .formtype__form__block, .formtype__form--entry.is-show .formtype__submit, .formtype__form--entry.is-show hr { display: block; } /* line 110, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__contact-terms { overflow: scroll; margin: 2em 0; padding: 1.25em; height: 250px; font-weight: bold; font-size: 14px; line-height: 1.875; border: solid 1px #eeeeee; } /* line 120, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__contact-terms h3 { text-align: center; margin: 1.5em auto; } /* line 125, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__contact-terms .p-mark { text-align: right; } /* line 130, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__contact-terms-check { position: relative; padding-left: 2em; margin-bottom: 2em; } /* line 135, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__contact-terms-check input { position: absolute; top: 5px; left: 0; } /* line 140, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__captcha { margin-bottom: 2em; } /* line 144, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__contact-terms-check__error { display: none; margin-top: 10px; } /* line 149, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__contact-terms-check__error.is-show { display: block; } /* line 154, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table, .formtype__form__table--preview { width: 100%; margin: 32px 0px; } /* line 158, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table tbody, .formtype__form__table--preview tbody, .formtype__form__table tr, .formtype__form__table--preview tr, .formtype__form__table th, .formtype__form__table--preview th, .formtype__form__table td, .formtype__form__table--preview td { display: block; width: 100%; } /* line 166, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table th, .formtype__form__table--preview th, .formtype__form__table td, .formtype__form__table--preview td { vertical-align: top; } /* line 171, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table th, .formtype__form__table--preview th { margin-bottom: 0.75em; } /* line 175, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table td, .formtype__form__table--preview td { margin-bottom: 1.75em; white-space: pre-wrap; } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table td img, .formtype__form__table--preview td img { max-width: 100%; } /* line 184, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table select, .formtype__form__table--preview select { margin-left: 1em; font-size: 16px; } /* line 193, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table--preview tr { position: relative; } /* line 196, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table--preview tr:before { position: absolute; top: -16px; bottom: -16px; left: -6px; right: -6px; content: ""; } /* line 202, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table--preview tr > * { position: relative; } /* line 207, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table--preview tr:nth-child(odd):before { background-color: #f7f7f7; } /* line 213, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table--preview tr:nth-child(even):before { background-color: rgba(247, 247, 247, 0.5); } /* line 219, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table--preview dl { display: inline-block; vertical-align: top; width: 49%; } /* line 223, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table--preview dl dt, .formtype__form__table--preview dl dd { display: inline-block; vertical-align: middle; } /* line 228, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table--preview dl dt { color: #999999; margin-right: 0.5em; } /* line 232, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table--preview dl dd { vertical-align: middle; } /* line 237, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table--preview h4 { font-weight: bold; } /* line 241, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table--preview td { word-break: break-all; } /* line 247, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__question h4 { font-weight: bold; } /* line 253, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__question[data-question-name="name"] td, .formtype__form__question[data-question-name="kana"] td { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 257, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__question[data-question-name="name"] td input, .formtype__form__question[data-question-name="kana"] td input { min-width: 0; margin: 0px; margin-left: 4px; -webkit-box-flex: 0%; -webkit-flex: 0%; -ms-flex: 0%; flex: 0%; } /* line 263, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__question[data-question-name="name"] td input:first-child, .formtype__form__question[data-question-name="kana"] td input:first-child { margin-left: 0px; margin-right: 4px; } /* line 269, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__question[data-question-name="name"] td .error-text, .formtype__form__question[data-question-name="name"] td .alert, .formtype__form__question[data-question-name="name"] td .common-checkbox.is-error:before, .formtype__form__question[data-question-name="name"] td .formtype__form input.is-error[type="checkbox"]:before, .formtype__form .formtype__form__question[data-question-name="name"] td input.is-error[type="checkbox"]:before, .formtype__form__question[data-question-name="name"] td .formtype__form--entry input.is-error[type="checkbox"]:before, .formtype__form--entry .formtype__form__question[data-question-name="name"] td input.is-error[type="checkbox"]:before, .formtype__form__question[data-question-name="name"] td .formtype__contact-terms-check__error, .formtype__form__question[data-question-name="kana"] td .error-text, .formtype__form__question[data-question-name="kana"] td .alert, .formtype__form__question[data-question-name="kana"] td .common-checkbox.is-error:before, .formtype__form__question[data-question-name="kana"] td .formtype__form input.is-error[type="checkbox"]:before, .formtype__form .formtype__form__question[data-question-name="kana"] td input.is-error[type="checkbox"]:before, .formtype__form__question[data-question-name="kana"] td .formtype__form--entry input.is-error[type="checkbox"]:before, .formtype__form--entry .formtype__form__question[data-question-name="kana"] td input.is-error[type="checkbox"]:before, .formtype__form__question[data-question-name="kana"] td .formtype__contact-terms-check__error { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; } /* line 276, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__question[data-question-name="birthday"] .formtype__form__year, .formtype__form__question[data-question-name="birthday"] select { margin: 0 4px; } /* line 283, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__question[data-question-name="zipcode"] .formtype__form__zipcode1 { width: 65px; } /* line 287, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__question[data-question-name="zipcode"] .formtype__form__zipcode2 { width: 80px; } /* line 291, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__question[data-question-name="zipcode"] select { display: block; margin: 1em 0; } /* line 296, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__question[data-question-name="zipcode"] .formtype__form__address { width: 100%; margin: 0; height: 40px; } /* line 305, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__question[data-question-name="tel"] td input, .formtype__form__question[data-question-name="email"] td input { width: 100%; } /* line 311, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__question[data-question-name="email"] h5 { margin-top: 2em; margin-bottom: 1em; } /* line 316, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__question[data-question-name="email"] input[type="radio"] { width: 18px; height: 18px; vertical-align: middle; } /* line 324, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__question[data-question-name="recruit_job_category_id"] label { font-size: 15px; font-weight: normal; } /* line 329, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__question[data-question-name="recruit_job_category_id"] input { vertical-align: middle; } /* line 335, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__question[data-question-name="applicants_reason"] textarea { margin-top: 10px; } /* line 343, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__question[data-question-name="job_career"] textarea, .formtype__form__question[data-question-name="qualifications"] textarea, .formtype__form__question[data-question-name="applicants_reason_detail"] textarea { height: 170px; } /* line 349, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__required { background-color: #f15151; color: #fff; font-size: 14px; padding: 0.2em 0.6em; margin-left: 1em; border-radius: 2px; word-break: keep-all; } /* line 361, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 365, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table__url.is-open .formtype__form__table__url__hidden { display: block; } /* line 371, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table__url__inner { position: relative; padding-right: 30px; } /* line 375, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table__url__inner input { width: 100%; } /* line 380, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table__url__add-btn { position: absolute; top: 0; right: 0; width: 25px; height: 25px; border: solid 2px #000; border-radius: 50%; -webkit-transform: translateY(7px); transform: translateY(7px); -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 391, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table__url__add-btn:before { position: absolute; top: 0; left: 0; width: 21px; height: 21px; line-height: 22px; text-align: center; } /* line 400, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table__url__hidden { display: none; } /* line 403, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__table__url__hidden p { margin-top: 0.5em; } /* line 409, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__photo-list label { display: block; height: 200px; background-color: #fafafa; border: solid 1px #dedede; text-align: center; cursor: pointer; position: relative; } /* line 419, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__photo-list i.fa.fa-times-circle-o { position: absolute; top: 8px; right: 8px; font-size: 120%; display: none; } /* line 426, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__photo-list__item { margin-top: 3em; } /* line 429, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__photo-list__item:first-child { margin-top: 0; } /* line 433, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__photo-list__item h5 { font-weight: bold; } /* line 437, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__photo-list__item label { margin-top: 1em; } /* line 442, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__photo-list__photo { display: none; position: relative; width: 100%; height: 100%; background-color: #fafafa; overflow: hidden; } /* line 450, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__photo-list__photo.is-uploaded { display: block; } /* line 454, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 461, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__photo-confirm { padding: 1px 0; } /* line 465, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__photo-confirm__inner { margin: 2em 0; } /* line 468, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__photo-confirm__inner:first-child { margin-top: 0.5em; } /* line 473, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__photo-confirm__photo { position: relative; width: 100%; height: 200px; margin-top: 0.5em; background-color: #fafafa; border: solid 1px #dedede; overflow: hidden; } /* line 482, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__photo-confirm__photo img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* line 488, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__photo-list__button { height: 1em; line-height: 1; font-weight: bold; color: #cccccc; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /* line 497, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 507, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 517, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__reasons li { margin-top: 0.25em; } /* line 521, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__reasons input { height: 1em; vertical-align: middle; } /* line 527, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__block { margin-bottom: 2em; } /* line 530, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__block h4 { font-weight: bold; } /* line 534, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__block textarea { height: 170px; margin-top: 0.5em; } /* line 540, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ .formtype__form__column { display: block; } /* line 550, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ body[data-design="comic"] .formtype__form hr, body[data-design="comic"] .formtype__form--entry hr { border-color: #474541; } /* line 560, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ body[data-design="tech"] .formtype__form__table--preview tr:nth-child(odd):before { background-color: #242424; } /* line 566, /home/circleci/app/app/assets/stylesheets/modules/sp/_formtype.scss */ body[data-design="tech"] .formtype__form__table--preview tr:nth-child(even):before { background-color: #363636; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_game-background.scss */ .game-background { display: none; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/sp/_game-background.scss */ body[data-design="game"] .game-background { display: block; position: fixed; top: 0; bottom: 0; left: 0; right: 0; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_game-bg-character.scss */ .game-bg-character { display: none; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_game-footer-character.scss */ .game-footer-character { display: none; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_hero-detail.scss */ .hero-detail { display: none; } /* line 2, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics h5 { font-size: 16px; margin: 0 0 0.5em; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics hr { margin: 25px 0; } /* line 9, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics p { margin: 0; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__sales-trend { position: relative; } /* line 17, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__sales-trend .axis.x { font-size: 10px; } /* line 19, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__sales-trend .axis.x .domain { fill: rgba(0, 0, 0, 0.3); } /* line 23, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__sales-trend .axis.x .tick text { -webkit-transform: rotateZ(-30deg) translate(-14px, 0px); transform: rotateZ(-30deg) translate(-14px, 0px); } /* line 26, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__sales-trend .axis.x .tick tspan { font-size: 65%; } /* line 31, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__sales-trend .axis.y { font-size: 12px; } /* line 33, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__sales-trend .axis.y .domain { display: none; } /* line 37, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/_infographics.scss */ .infographics__sales-trend .axis.y .tick text { -webkit-transform: translateX(-0.3em); transform: translateX(-0.3em); } /* line 45, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__sales-trend .axis.y .tick:first-child line { display: none; } /* line 51, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__sales-trend .bar { fill: #1b9af7; } /* line 56, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__sales-trend__label { font-size: 9px; line-height: 1.3; position: absolute; left: 0; bottom: 0; } /* line 64, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__sales-trend__notice { font-size: 9px; position: absolute; right: 0; bottom: 0; } /* line 71, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 81, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 97, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__float { 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; padding-top: 25px; margin-top: 25px; border-top: solid 2px #eeeeee; } /* line 104, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__float > div { border-right: solid 1px #dddddd; padding: 0 10px; width: 50%; } /* line 109, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__float > div:first-child { padding-left: 0; } /* line 112, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__float > div:last-child { border-right: none; padding-right: 0; } /* line 119, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__float--fresh { padding-top: 25px; margin-top: 25px; border-top: solid 2px #eeeeee; } /* line 125, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__num { font-family: "Ubuntu"; font-size: 55px; line-height: 1; color: #1b9af7; } /* line 130, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__num.is-small { font-size: 25px; } /* line 133, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__num.is-light-color { color: #76c2fa; } /* line 142, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__fresh-career__graph { font-size: 0; } /* line 145, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__fresh-career__graph div { display: inline-block; height: 7px; } /* line 149, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__fresh-career__graph div:first-child { background-color: #1b9af7; } /* line 152, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__fresh-career__graph div:nth-child(2) { background-color: #76c2fa; } /* line 158, /home/circleci/app/app/assets/stylesheets/modules/sp/_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: 13px; margin-top: 1em; } /* line 169, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__employee__text { font-size: 13px; } /* line 173, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__lang { color: #000; font-family: "Ubuntu"; font-size: 14px; line-height: 1.43 !important; } /* line 180, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__department, .infographics__department--fresh { font-size: 16px; line-height: 1.625; padding-top: 25px; margin-top: 25px; border-top: solid 2px #eeeeee; } /* 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 197, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__department__graph { margin-bottom: 14px; text-align: center; font-size: 12px; font-weight: bold; } /* line 203, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__department__graph .pie { position: relative; } /* line 205, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__department__graph .pie .legend { fill: #fff; } /* line 209, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__department__graph .pie:nth-child(1) { fill: #1b9af7; } /* line 211, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__department__graph .pie:nth-child(1) .legend { -webkit-transform: translate(30px, -25px); transform: translate(30px, -25px); } /* line 216, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__department__graph .pie:nth-child(2) { fill: #49aef9; } /* line 218, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__department__graph .pie:nth-child(2) .legend { -webkit-transform: translate(0px, 55px); transform: translate(0px, 55px); } /* line 223, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__department__graph .pie:nth-child(3) { fill: #76c2fa; } /* line 225, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__department__graph .pie:nth-child(3) .legend { -webkit-transform: translate(-70px, 0px); transform: translate(-70px, 0px); } /* line 230, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__department__graph .pie:nth-child(4) { fill: #a4d7fc; } /* line 232, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__department__graph .pie:nth-child(4) .legend { -webkit-transform: translate(-70px, -50px); transform: translate(-70px, -50px); } /* line 237, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ .infographics__department__graph > .legend { display: none; } /* line 245, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="comic"] .infographics__sales-trend .axis { font-family: "Russo One"; font-weight: normal; fill: #4c4c4c; } /* line 250, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="comic"] .infographics__sales-trend .bar { fill: #4c4c4c; } /* line 255, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 259, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 268, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="comic"] .infographics__float, body[data-design="comic"] .infographics__float--fresh { border-color: #474541; } /* line 272, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="comic"] .infographics__float > div, body[data-design="comic"] .infographics__float--fresh > div { border-color: #474541; } /* line 277, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="comic"] .infographics__num { font-family: "Source Sans Pro"; color: #4c4c4c; } /* line 280, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="comic"] .infographics__num.is-light-color { color: #999999; } /* line 287, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="comic"] .infographics__fresh-career__graph div:first-child { background-color: #4c4c4c; } /* line 290, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="comic"] .infographics__fresh-career__graph div:nth-child(2) { background-color: #999999; } /* line 296, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="comic"] .infographics__department, body[data-design="comic"] .infographics__department--fresh { border-color: #474541; } /* line 300, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 304, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="comic"] .infographics__department__graph .pie .legend { fill: #4c4c4c; 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 308, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="comic"] .infographics__department__graph .pie:nth-child(1) { fill: #4c4c4c; } /* line 311, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="comic"] .infographics__department__graph .pie:nth-child(2) { fill: #5e5e5e; } /* line 314, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="comic"] .infographics__department__graph .pie:nth-child(3) { fill: url(#comic_graph_pattern_1); } /* line 317, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="comic"] .infographics__department__graph .pie:nth-child(4) { fill: url(#comic_graph_pattern_2); } /* line 326, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="game"] .infographics__sales-trend .axis { font-family: "Russo One"; font-weight: normal; fill: #4c4c4c; } /* line 331, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="game"] .infographics__sales-trend .bar { fill: #32d92e; } /* line 336, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="game"] .infographics__num { font-size: 50px; font-family: "Russo One"; color: #32d92e; } /* line 340, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="game"] .infographics__num.is-small { font-size: 25px; } /* line 347, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="game"] .infographics__fresh-career__graph div:first-child { background-color: #32d92e; } /* line 350, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="game"] .infographics__fresh-career__graph div:nth-child(2) { background-color: #98ec96; } /* line 358, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="game"] .infographics__department__graph .pie:nth-child(1) { fill: #32d92e; } /* line 361, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="game"] .infographics__department__graph .pie:nth-child(2) { fill: #5be158; } /* line 364, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="game"] .infographics__department__graph .pie:nth-child(3) { fill: #84e882; } /* line 367, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="game"] .infographics__department__graph .pie:nth-child(4) { fill: #adf0ab; } /* line 376, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="kamakura"] .infographics__sales-trend .axis { font-family: "Alegreya"; fill: #4c4c4c; } /* line 380, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="kamakura"] .infographics__sales-trend .bar { fill: url(#kamakura_graph_pattern_2); } /* line 385, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="kamakura"] .infographics__num { font-size: 65px; font-family: "Alegreya"; color: #333333; } /* line 389, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="kamakura"] .infographics__num.is-small { font-size: 25px; } /* line 392, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="kamakura"] .infographics__num.is-light-color { color: #999999; } /* line 398, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 401, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="kamakura"] .infographics__fresh-career__graph div:nth-child(2) { opacity: 0.5; } /* line 408, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="kamakura"] .infographics__department__graph .pie { fill: url(#kamakura_graph_pattern_1); } /* line 410, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="kamakura"] .infographics__department__graph .pie:nth-child(2) path { opacity: 0.55; } /* line 413, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="kamakura"] .infographics__department__graph .pie:nth-child(3) path { opacity: 0.7; } /* line 416, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="kamakura"] .infographics__department__graph .pie:nth-child(4) path { opacity: 0.3; } /* line 425, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="tech"] .infographics__sales-trend .axis { fill: #ccc; } /* line 427, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="tech"] .infographics__sales-trend .axis text { font-family: "Ubuntu"; } /* line 432, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="tech"] .infographics__sales-trend .axis.x .domain { fill: rgba(255, 255, 255, 0.3); } /* line 438, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="tech"] .infographics__sales-trend .axis.y .tick line { stroke: rgba(255, 255, 255, 0.3); } /* line 443, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="tech"] .infographics__sales-trend .bar { fill: #fff; } /* line 448, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="tech"] .infographics__sales-trend__pop { background-color: #1a1a1a; color: #fff; border: solid 1px #fff; } /* line 452, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 460, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="tech"] .infographics__num { font-size: 45px; font-family: "Ubuntu"; color: #fff; } /* line 464, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="tech"] .infographics__num.is-small { font-size: 25px; } /* line 470, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="tech"] .infographics__fresh-career__graph div { background-color: #fff; } /* line 472, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="tech"] .infographics__fresh-career__graph div:nth-child(2) { opacity: 0.6; } /* line 478, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="tech"] .infographics__lang { color: #fff; } /* line 484, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="tech"] .infographics__department__graph .pie:nth-child(1) { fill: #ccc; } /* line 487, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="tech"] .infographics__department__graph .pie:nth-child(2) { fill: #d1d1d1; } /* line 490, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="tech"] .infographics__department__graph .pie:nth-child(3) { fill: #a3a3a3; } /* line 493, /home/circleci/app/app/assets/stylesheets/modules/sp/_infographics.scss */ body[data-design="tech"] .infographics__department__graph .pie:nth-child(4) { fill: #767676; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_interview-card.scss */ .interview-card { position: relative; display: block; height: 138px; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; color: inherit; font-size: 14px; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .interview-card:before, .interview-card:after { content: ""; display: block; clear: both; } /* line 12, /home/circleci/app/app/assets/stylesheets/modules/sp/_interview-card.scss */ .interview-card__thumbnail { float: right; margin-left: 16px; width: 138px; height: 138px; background-repeat: no-repeat; background-size: cover; background-position: center; } /* line 22, /home/circleci/app/app/assets/stylesheets/modules/sp/_interview-card.scss */ .interview-card__series { margin-bottom: 5px; font-size: 12px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 31, /home/circleci/app/app/assets/stylesheets/modules/sp/_interview-card.scss */ .interview-card__date { margin-bottom: 12px; font-size: 11px; font-style: italic; line-height: 1; } /* line 38, /home/circleci/app/app/assets/stylesheets/modules/sp/_interview-card.scss */ .interview-card__title { margin-top: 5px; margin-bottom: 5px; font-size: 16px; line-height: 1.375; font-weight: bold; max-height: 5.5em; height: auto; overflow: hidden; } /* line 51, /home/circleci/app/app/assets/stylesheets/modules/sp/_interview-card.scss */ body[data-design="simple"] .interview-card__date { font-family: "Ubuntu"; } /* line 57, /home/circleci/app/app/assets/stylesheets/modules/sp/_interview-card.scss */ body[data-design="game"] .interview-card { font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } /* line 61, /home/circleci/app/app/assets/stylesheets/modules/sp/_interview-card.scss */ body[data-design="game"] .interview-card__thumbnail { border-radius: 10px; } /* line 67, /home/circleci/app/app/assets/stylesheets/modules/sp/_interview-card.scss */ body[data-design="kamakura"] .interview-card__title { font-family: "秀英横太明朝 B", "Shuei Mincho B"; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-filter.scss */ .ir-filter, .ir-filter--right { position: relative; margin: 16px; text-align: right; font-size: 0px; } /* line 7, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-filter.scss */ .ir-filter ul, .ir-filter--right ul { position: relative; display: inline-block; padding: 0 40px 0 10px; border: solid 1px #eeeeee; font-size: 14px; line-height: 42px; font-weight: bold; } /* line 15, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-filter.scss */ .ir-filter ul:after, .ir-filter--right ul:after { position: absolute; display: block; right: 16px; top: 0px; pointer-events: none; content: ""; font-family: FontAwesome; color: #4c4c4c; } /* line 26, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-filter.scss */ .ir-filter li, .ir-filter--right li { display: none; } /* line 28, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-filter.scss */ .ir-filter li.is-active, .ir-filter--right li.is-active { display: block; } /* line 32, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 41, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-filter.scss */ .ir-filter a, .ir-filter--right a { text-decoration: none; color: inherit; } /* line 46, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-filter.scss */ .ir-filter--right { float: right; margin: 0px; } /* line 52, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-filter.scss */ .ir-filter__unit { display: inline-block; position: relative; margin-left: 8px; } /* line 59, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-filter.scss */ body[data-design="simple"] .ir-filter, body[data-design="simple"] .ir-filter--right { color: #1b9af7; } /* line 65, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-filter.scss */ body[data-design="comic"] .ir-filter, body[data-design="comic"] .ir-filter--right { color: #1b9af7; } /* line 68, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-filter.scss */ body[data-design="comic"] .ir-filter ul, body[data-design="comic"] .ir-filter--right ul { border-color: #474541; } /* line 75, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-filter.scss */ body[data-design="game"] .ir-filter, body[data-design="game"] .ir-filter--right { color: #49e845; } /* line 81, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-filter.scss */ body[data-design="kamakura"] .ir-filter, body[data-design="kamakura"] .ir-filter--right { color: #ed5300; } /* line 87, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-filter.scss */ body[data-design="tech"] .ir-filter, body[data-design="tech"] .ir-filter--right { color: #26dcfd; } /* line 89, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-filter.scss */ body[data-design="tech"] .ir-filter ul::after, body[data-design="tech"] .ir-filter--right ul::after { color: #fff; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-graph.scss */ .ir-graph { overflow: hidden; } /* line 5, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-graph.scss */ .ir-graph__item { vertical-align: top; margin-top: 16px; } /* line 9, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-graph.scss */ .ir-graph__item .xj_chart_table_caption_title { display: none; } /* line 13, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-graph.scss */ .ir-graph__item .xj_chart_table_caption_unit { display: block; text-align: right; margin: auto; width: 90%; font-size: 14px; } /* line 21, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-graph.scss */ .ir-graph__item .xj_chart_table { margin: auto; width: 90%; border-collapse: separate; border-spacing: 2px; font-size: 12px; } /* line 29, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-graph.scss */ .ir-graph__item .xj_chart_header { background-color: #45c69d; color: #fff; font-weight: bold; } /* line 34, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 40, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-graph.scss */ .ir-graph__item .xj_chart_td_last { background-color: #a3e100; } /* line 44, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-graph.scss */ .ir-graph__item .xj_chart_value, .ir-graph__item .xj_chart_value_last { background-color: #f0f0f0; } /* line 49, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-graph.scss */ .ir-graph__item .xj_chart_header_first { background-color: #d2d2d2; } /* line 53, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 63, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-graph.scss */ .ir-graph__title { font-weight: bold; font-size: 18px; margin-bottom: 0.5em; } /* line 69, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-graph.scss */ .ir-graph__box { border: solid 1px #ccc; padding-top: 48px; } /* line 74, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-graph.scss */ .ir-graph__image { display: block; margin: auto; margin-bottom: 10px; } /* line 2, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/_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/sp/_ir-graph__footprints.scss */ .ir-graph__footprints .xj_chart_header :first-child { background: #a3a3a3; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/_ir-graph__footprints.scss */ .ir-graph__footprints .xj_chart_no_value { text-align: center; } /* line 25, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/_ir-graph__footprints.scss */ .ir-graph__footprints .xj_table_scroll { overflow-x: scroll; width: 100%; } /* line 33, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-graph__footprints.scss */ .ir-graph__footprints .xj_chart_table { width: 980px; max-width: 980px; } /* line 36, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/_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/sp/_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/sp/_ir-news.scss */ .ir-news { margin-top: 24px; } /* line 3, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-news.scss */ .ir-news:first-child { margin-top: 0; } /* line 8, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-news.scss */ .ir-news__item { border-top: solid 2px #eeeeee; } /* line 10, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-news.scss */ .ir-news__item:last-child { border-bottom: solid 2px #eeeeee; } /* line 15, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-news.scss */ .ir-news__cell { display: block; padding: 20px 0px; color: inherit; text-decoration: none; } /* line 22, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/_ir-news.scss */ .ir-news__cell__label { display: inline-block; font-size: 14px; } /* line 34, /home/circleci/app/app/assets/stylesheets/modules/sp/_ir-news.scss */ .ir-news__cell__title { font-size: 16px; } /* line 37, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/_ir-news.scss */ body[data-design="comic"] .ir-news__item { border: none; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_kamakura-boat-hover.scss */ .kamakura-boat-hover { display: none; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_member-grid.scss */ .member-grid { display: none; } /* line 5, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__inner { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.32); -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__inner.is-folded { background-color: transparent; pointer-events: none; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__inner.is-folded .menu__nav { -webkit-transform: translateX(-290px); transform: translateX(-290px); } /* line 24, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__nav { position: absolute; top: 0px; left: 0px; width: 270px; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5); -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } /* line 35, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__nav:before { content: ""; display: block; height: 121px; } /* line 42, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__nav__group { padding: 9px 0; } /* line 44, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__nav__group:before { content: ""; display: block; position: relative; top: -9px; } /* line 52, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__nav__item { position: relative; } /* line 54, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__nav__item[data-category="search"] { position: absolute; top: 0; width: 100%; } /* line 62, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__nav__item:last-child .menu__sub__item:last-child .menu__sub__btn, .menu__nav__item:last-child .menu__sub__item:last-child .menu__sub__btn--disabled { border-bottom: none; } /* line 70, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__nav__item__popup { display: none; } /* line 74, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__logo { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-image: url(/assets/pc/common/logo_typo-9d4510325ce4c1f43bce07cac808899fa9f6c61c4ae195d75d41973507f1b4f8.svg); background-repeat: no-repeat; background-position: right center; background-size: 85px 26.5px; width: 135px; height: 28px; } /* line 83, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__logo span { display: none; } /* line 88, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__logo__typo { display: inline-block; } /* line 90, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__logo__typo svg { height: 27px; width: auto; } /* line 96, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__nav__item__close, .menu__nav__item__hint { display: none; } /* line 101, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__nav__btn, .menu__nav__btn--contact { display: block; text-decoration: none; padding: 20px 24px; line-height: 1; color: inherit; font-size: 24px; } /* line 112, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__nav__btn--contact span { font: inherit; } /* line 115, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__nav__btn--contact svg { display: none; } /* line 121, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__nav__btn--search span, .menu__nav__btn--search svg { display: none; } /* line 127, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__sub, .menu__sub--2c, .menu__sub--3c, .menu__sub--4c { overflow: hidden; } /* line 137, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__sub__btn, .menu__sub__btn--disabled { 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; text-decoration: none; margin-left: 48px; padding: 15px 0; font-size: 14px; line-height: 1; color: inherit; border-bottom: dotted 1px #cccccc; min-height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } /* line 151, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__sub__btn--disabled { opacity: 0.7; } /* line 155, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__sub__btn__inner[data-indent] { position: relative; padding-left: 2em; } /* line 158, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 171, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__sub__btn__footer { font-size: 11px; line-height: 15px; margin-top: 5px; } /* line 177, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__sub__title, .menu__sub__title--l1 { display: block; font-family: YakuHanJP, YuGothic, sans-serif; font-size: 14px; line-height: 1.5; } /* line 185, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__sub__title small, .menu__sub__title--l1 small { font-size: 90%; } /* line 193, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__sub__date { display: inline-block; font-family: "Ubuntu"; font-style: italic; color: rgba(76, 76, 76, 0.7); } /* line 200, /home/circleci/app/app/assets/stylesheets/modules/sp/_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"; } /* line 211, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__search { position: absolute; top: 56px; left: 0px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 219, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__search__keyword { display: block; width: 100%; height: 65px; margin: 0px; border: none; outline: none; font-size: 16px; background: none; padding: 0 16px 0 64px; -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 231, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__search__keyword::-webkit-input-placeholder { line-height: 1; } .menu__search__keyword::-moz-placeholder { line-height: 1; } .menu__search__keyword:-ms-input-placeholder { line-height: 1; } .menu__search__keyword::-ms-input-placeholder { line-height: 1; } .menu__search__keyword::placeholder { line-height: 1; } /* line 236, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__search__icon, .menu__search__icon--kamakura { position: absolute; top: 50%; left: 24px; width: 24px; height: 24px; margin-top: -12px; } /* line 244, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__search__icon svg, .menu__search__icon--kamakura svg { width: 100%; height: 100%; } /* line 250, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__search__icon--kamakura { display: none; } /* line 256, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__search__submit button { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background: none; padding: 0; font: inherit; color: inherit; display: block; position: absolute; top: 0; left: 0; width: 64px; height: 100%; color: transparent !important; } /* line 268, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__bar { position: fixed; top: 0px; left: 0px; width: 100%; height: 56px; -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3); -webkit-transition: -webkit-transform 0.1s; transition: -webkit-transform 0.1s; transition: transform 0.1s; transition: transform 0.1s, -webkit-transform 0.1s; } /* line 277, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__bar.is-up { -webkit-transform: translateY(-56px); transform: translateY(-56px); } /* line 282, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__bar__toggle { position: absolute; top: 12px; left: 15px; width: 32px; height: 32px; } /* line 292, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__bar__toggle.is-folded .menu__bar__toggle__line--n1 { -webkit-transform: translateY(-8px) rotate(0deg); transform: translateY(-8px) rotate(0deg); } /* line 295, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__bar__toggle.is-folded .menu__bar__toggle__line--n2 { opacity: 1; } /* line 298, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__bar__toggle.is-folded .menu__bar__toggle__line--n3 { -webkit-transform: translateY(8px) rotate(0deg); transform: translateY(8px) rotate(0deg); } /* line 304, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__bar__toggle__line, .menu__bar__toggle__line--n1, .menu__bar__toggle__line--n2, .menu__bar__toggle__line--n3 { position: absolute; left: 0px; top: 50%; width: 100%; height: 2px; margin-top: -1px; background-size: contain; background-repeat: no-repeat; background-position: center; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition-property: opacity transform; transition-property: opacity transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } /* line 319, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__bar__toggle__line--n1 { -webkit-transform: translateY(0px) rotate(45deg); transform: translateY(0px) rotate(45deg); } /* line 323, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__bar__toggle__line--n2 { opacity: 0; } /* line 327, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__bar__toggle__line--n3 { -webkit-transform: translateY(0px) rotate(-45deg); transform: translateY(0px) rotate(-45deg); } /* line 332, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__account { background-color: #eeeeee; padding-top: 24px; } /* line 335, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__account * { -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 340, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__account__title { text-align: center; font-size: 14px; font-weight: bold; } /* line 346, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__account__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; text-align: center; padding: 20px; } /* line 354, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__account__item { position: relative; width: 50%; height: 72px; border-top: solid 1px rgba(76, 76, 76, 0.1); } /* line 359, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__account__item:nth-child(1), .menu__account__item:nth-child(2) { border-top: none; } /* line 364, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__account__item:nth-child(2n) .menu__account__btn, .menu__account__item:nth-child(2n) .menu__account__btn--fb, .menu__account__item:nth-child(2n) .menu__account__btn--tw, .menu__account__item:nth-child(2n) .menu__account__btn--yt, .menu__account__item:nth-child(2n) .menu__account__btn--yana { padding-left: 20px; } /* line 368, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__account__item:nth-child(2n + 1) { border-right: solid 1px rgba(76, 76, 76, 0.1); } /* line 370, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__account__item:nth-child(2n + 1) .menu__account__btn, .menu__account__item:nth-child(2n + 1) .menu__account__btn--fb, .menu__account__item:nth-child(2n + 1) .menu__account__btn--tw, .menu__account__item:nth-child(2n + 1) .menu__account__btn--yt, .menu__account__item:nth-child(2n + 1) .menu__account__btn--yana { padding-right: 20px; } /* line 376, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__account__btn, .menu__account__btn--fb, .menu__account__btn--tw, .menu__account__btn--yt, .menu__account__btn--yana { display: block; height: 100%; position: relative; font-size: 10px; font-family: "Ubuntu"; font-style: italic; font-weight: bold; color: inherit; text-decoration: none; } /* line 386, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__account__btn svg, .menu__account__btn--fb svg, .menu__account__btn--tw svg, .menu__account__btn--yt svg, .menu__account__btn--yana svg { height: 40px; } /* line 393, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__account__btn--fb svg { width: auto; } /* line 395, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__account__btn--fb svg * { fill: #395590; } /* line 402, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__account__btn--tw svg { width: auto; } /* line 404, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__account__btn--tw svg * { fill: #368ece; } /* line 410, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__account__btn--yt { padding-top: 15px; } /* line 413, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__account__btn--yt svg { width: 35px; margin: 0 auto; } /* line 416, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__account__btn--yt svg * { fill: #e62d27; } /* line 422, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__account__btn--yana { padding-top: 15px; } /* line 425, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__account__btn--yana svg { width: auto; height: 36.5px; margin-top: 2px; } /* line 429, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__account__btn--yana svg #footer_yana_overlay * { fill: none; } /* line 435, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__lang { background-color: #eeeeee; border-top: solid 1px rgba(76, 76, 76, 0.1); } /* line 441, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__lang__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* line 445, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__lang__item { width: 50%; height: 92px; font-size: 10px; font-weight: bold; text-align: center; line-height: 1; color: rgba(76, 76, 76, 0.6); overflow: hidden; } /* line 455, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__lang__item:first-child { border-right: solid 1px rgba(76, 76, 76, 0.1); } /* line 458, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__lang__item a { color: inherit; text-decoration: none; display: block; width: 100%; height: 100%; overflow: hidden; } /* line 466, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__lang__item.is-active { color: #000; } /* line 468, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__lang__item.is-active .menu__lang__btn--jp, .menu__lang__item.is-active .menu__lang__btn--en { background-color: #000; } /* line 474, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__lang__btn--jp, .menu__lang__btn--en { width: 35px; height: 35px; margin: 22px auto 8px; border-radius: 2px; background-color: rgba(76, 76, 76, 0.6); background-image: url(/assets/sp/common/menu_lang-9bf1b2c9f09340cc34a54cfcd29331fcf32952d68137f09f089a3b59b617a576.png); background-size: 35px 70px; } /* line 484, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__lang__btn--jp span, .menu__lang__btn--en span { display: none; } /* line 489, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__lang__btn--jp { background-position: center top; } /* line 494, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ .menu__lang__btn--en { background-position: center bottom; } /* line 500, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="simple"] .menu__nav { background-color: #fff; } /* line 505, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="simple"] .menu__nav__group:before { border-top: solid 1px #eeeeee; margin-left: 24px; } /* line 513, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="simple"] .menu__nav__item.is-active .menu__nav__btn, body[data-design="simple"] .menu__nav__item.is-active .menu__nav__btn--contact { background-color: #f5f5f5; } /* line 519, /home/circleci/app/app/assets/stylesheets/modules/sp/_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; left: 100px; top: 22px; padding: 5px 8px 4px; border-radius: 4px; line-height: 1; } /* line 534, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="simple"] .menu__nav__btn, body[data-design="simple"] .menu__nav__btn--contact { font-family: "Slabo 27px", serif; color: #4c4c4c; } /* line 541, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="simple"] .menu__sub__btn.is-active .menu__sub__title, body[data-design="simple"] .is-active.menu__sub__btn--disabled .menu__sub__title, body[data-design="simple"] .menu__sub__btn.is-active .menu__sub__title--l1, body[data-design="simple"] .is-active.menu__sub__btn--disabled .menu__sub__title--l1 { color: #1b9af7; } /* line 547, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="simple"] .menu__bar { background-color: #fff; } /* line 551, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="simple"] .menu__bar__toggle__line, body[data-design="simple"] .menu__bar__toggle__line--n1, body[data-design="simple"] .menu__bar__toggle__line--n2, body[data-design="simple"] .menu__bar__toggle__line--n3 { background-color: #4c4c4c; } /* line 556, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="simple"] .menu__logo:before { content: ""; position: absolute; background-image: url(/assets/pc/common/logo_mark-5325161adb25768514b0c846c0a4d7384ce5cd99c5f4545bb15b7bcd31d62bc3.svg); background-size: contain; background-repeat: no-repeat; background-position: left center; height: 100%; width: 100%; } /* line 566, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="simple"] .menu__logo.is-long-logo { width: 188px; height: 28px; } /* line 569, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="simple"] .menu__logo.is-long-logo:before { background-image: url(/assets/pc/common/logo_mark_long-5c26b4a6c61fdc224e7bab3dccfb2f37dd52ed07603f9e8265572a822ad914aa.png); } /* line 577, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="comic"] .menu__nav { background-image: url(/assets/pc/design/comic/header_background-1ba7f6faf0b95daf9246eea18a8c4cb822e078bc7cdd1361b4692f3c38a8ff39.png); background-size: 5px 5px; } /* line 583, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="comic"] .menu__nav__group:before { background-image: url(/assets/sp/design/comic/menu_border-da0e901ae13073e2d1736b6f101a155aac894aec5823349151c2a9ee4e4c50e0.png); background-size: 100% 100%; width: 90%; height: 2px; margin: 0 auto; } /* line 594, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ 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 { background-color: rgba(0, 0, 0, 0.7); text-shadow: 3px 0px 0px #fff, -2.61991px -1.46153px 0px #fff, 1.57596px 2.55272px 0px #fff, -0.13269px -2.99706px 0px #fff, -1.34423px 2.68199px 0px #fff, 2.48051px -1.68732px 0px #fff, -2.98827px 0.26511px 0px #fff, 2.73882px 1.22429px 0px #fff, -1.79538px -2.40346px 0px #fff, 0.39701px 2.97362px 0px #fff, 1.10196px -2.79029px 0px #fff, -2.3217px 1.89993px 0px #fff, 2.95314px -0.52814px 0px #fff, -2.83629px -0.97747px 0px #fff, 2.00075px 2.23541px 0px #fff, -0.65823px -2.92691px 0px #fff, -0.85107px 2.87674px 0px #fff; color: #000; } /* line 602, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="comic"] .menu__nav__btn, body[data-design="comic"] .menu__nav__btn--contact { font-family: "Source Sans Pro", "ゴシックMB101 U JIS2004"; font-size: 20px; 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; } /* line 612, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { background-color: #f4f0e7; } /* line 618, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="comic"] .menu__sub__btn.is-active .menu__sub__title, body[data-design="comic"] .is-active.menu__sub__btn--disabled .menu__sub__title, body[data-design="comic"] .menu__sub__btn.is-active .menu__sub__title--l1, body[data-design="comic"] .is-active.menu__sub__btn--disabled .menu__sub__title--l1 { color: #f4f0e7; text-shadow: 3px 0px 0px #4c4c4c, -2.61991px -1.46153px 0px #4c4c4c, 1.57596px 2.55272px 0px #4c4c4c, -0.13269px -2.99706px 0px #4c4c4c, -1.34423px 2.68199px 0px #4c4c4c, 2.48051px -1.68732px 0px #4c4c4c, -2.98827px 0.26511px 0px #4c4c4c, 2.73882px 1.22429px 0px #4c4c4c, -1.79538px -2.40346px 0px #4c4c4c, 0.39701px 2.97362px 0px #4c4c4c, 1.10196px -2.79029px 0px #4c4c4c, -2.3217px 1.89993px 0px #4c4c4c, 2.95314px -0.52814px 0px #4c4c4c, -2.83629px -0.97747px 0px #4c4c4c, 2.00075px 2.23541px 0px #4c4c4c, -0.65823px -2.92691px 0px #4c4c4c, -0.85107px 2.87674px 0px #4c4c4c; } /* line 625, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="comic"] .menu__sub__title, body[data-design="comic"] .menu__sub__title--l1 { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif; font-weight: bold; font-size: 14px; } /* line 631, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="comic"] .menu__sub__date { background-color: #f4f0e7; } /* line 635, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="comic"] .menu__sub__badge { background-color: #474541; } /* line 640, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="comic"] .menu__search__keyword:focus { background-color: #f4f0e7; } /* line 642, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="comic"] .menu__search__keyword:focus::-webkit-input-placeholder { text-shadow: none; } body[data-design="comic"] .menu__search__keyword:focus::-moz-placeholder { text-shadow: none; } body[data-design="comic"] .menu__search__keyword:focus:-ms-input-placeholder { text-shadow: none; } body[data-design="comic"] .menu__search__keyword:focus::-ms-input-placeholder { text-shadow: none; } body[data-design="comic"] .menu__search__keyword:focus::placeholder { text-shadow: none; } /* line 646, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="comic"] .menu__search__keyword::-webkit-input-placeholder { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif; font-weight: bold; text-shadow: 3px 0px 0px #fff, -2.61991px -1.46153px 0px #fff, 1.57596px 2.55272px 0px #fff, -0.13269px -2.99706px 0px #fff, -1.34423px 2.68199px 0px #fff, 2.48051px -1.68732px 0px #fff, -2.98827px 0.26511px 0px #fff, 2.73882px 1.22429px 0px #fff, -1.79538px -2.40346px 0px #fff, 0.39701px 2.97362px 0px #fff, 1.10196px -2.79029px 0px #fff, -2.3217px 1.89993px 0px #fff, 2.95314px -0.52814px 0px #fff, -2.83629px -0.97747px 0px #fff, 2.00075px 2.23541px 0px #fff, -0.65823px -2.92691px 0px #fff, -0.85107px 2.87674px 0px #fff; color: #474541; } body[data-design="comic"] .menu__search__keyword::-moz-placeholder { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif; font-weight: bold; text-shadow: 3px 0px 0px #fff, -2.61991px -1.46153px 0px #fff, 1.57596px 2.55272px 0px #fff, -0.13269px -2.99706px 0px #fff, -1.34423px 2.68199px 0px #fff, 2.48051px -1.68732px 0px #fff, -2.98827px 0.26511px 0px #fff, 2.73882px 1.22429px 0px #fff, -1.79538px -2.40346px 0px #fff, 0.39701px 2.97362px 0px #fff, 1.10196px -2.79029px 0px #fff, -2.3217px 1.89993px 0px #fff, 2.95314px -0.52814px 0px #fff, -2.83629px -0.97747px 0px #fff, 2.00075px 2.23541px 0px #fff, -0.65823px -2.92691px 0px #fff, -0.85107px 2.87674px 0px #fff; color: #474541; } body[data-design="comic"] .menu__search__keyword:-ms-input-placeholder { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif; font-weight: bold; text-shadow: 3px 0px 0px #fff, -2.61991px -1.46153px 0px #fff, 1.57596px 2.55272px 0px #fff, -0.13269px -2.99706px 0px #fff, -1.34423px 2.68199px 0px #fff, 2.48051px -1.68732px 0px #fff, -2.98827px 0.26511px 0px #fff, 2.73882px 1.22429px 0px #fff, -1.79538px -2.40346px 0px #fff, 0.39701px 2.97362px 0px #fff, 1.10196px -2.79029px 0px #fff, -2.3217px 1.89993px 0px #fff, 2.95314px -0.52814px 0px #fff, -2.83629px -0.97747px 0px #fff, 2.00075px 2.23541px 0px #fff, -0.65823px -2.92691px 0px #fff, -0.85107px 2.87674px 0px #fff; color: #474541; } body[data-design="comic"] .menu__search__keyword::-ms-input-placeholder { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif; font-weight: bold; text-shadow: 3px 0px 0px #fff, -2.61991px -1.46153px 0px #fff, 1.57596px 2.55272px 0px #fff, -0.13269px -2.99706px 0px #fff, -1.34423px 2.68199px 0px #fff, 2.48051px -1.68732px 0px #fff, -2.98827px 0.26511px 0px #fff, 2.73882px 1.22429px 0px #fff, -1.79538px -2.40346px 0px #fff, 0.39701px 2.97362px 0px #fff, 1.10196px -2.79029px 0px #fff, -2.3217px 1.89993px 0px #fff, 2.95314px -0.52814px 0px #fff, -2.83629px -0.97747px 0px #fff, 2.00075px 2.23541px 0px #fff, -0.65823px -2.92691px 0px #fff, -0.85107px 2.87674px 0px #fff; color: #474541; } body[data-design="comic"] .menu__search__keyword::placeholder { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif; font-weight: bold; text-shadow: 3px 0px 0px #fff, -2.61991px -1.46153px 0px #fff, 1.57596px 2.55272px 0px #fff, -0.13269px -2.99706px 0px #fff, -1.34423px 2.68199px 0px #fff, 2.48051px -1.68732px 0px #fff, -2.98827px 0.26511px 0px #fff, 2.73882px 1.22429px 0px #fff, -1.79538px -2.40346px 0px #fff, 0.39701px 2.97362px 0px #fff, 1.10196px -2.79029px 0px #fff, -2.3217px 1.89993px 0px #fff, 2.95314px -0.52814px 0px #fff, -2.83629px -0.97747px 0px #fff, 2.00075px 2.23541px 0px #fff, -0.65823px -2.92691px 0px #fff, -0.85107px 2.87674px 0px #fff; color: #474541; } /* line 654, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="comic"] .menu__search__icon, body[data-design="comic"] .menu__search__icon--kamakura { width: 31px; height: 28px; background-image: url(/assets/sp/design/comic/ico_search-d971eb7f8280f6dc949c30226c3f9482bce57c019fd254cc62dbb3168ca29993.png); background-size: contain; } /* line 659, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="comic"] .menu__search__icon svg, body[data-design="comic"] .menu__search__icon--kamakura svg { display: none; } /* line 664, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="comic"] .menu__bar { background-image: url(/assets/pc/design/comic/header_background-1ba7f6faf0b95daf9246eea18a8c4cb822e078bc7cdd1361b4692f3c38a8ff39.png); background-size: 5px 5px; font-family: YakuHanJP, YuGothic, sans-serif; } /* line 670, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="comic"] .menu__bar__toggle { -webkit-transform: translateY(-4px); transform: translateY(-4px); } /* line 674, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="comic"] .menu__bar__toggle__line, body[data-design="comic"] .menu__bar__toggle__line--n1, body[data-design="comic"] .menu__bar__toggle__line--n2, body[data-design="comic"] .menu__bar__toggle__line--n3 { width: 34px; height: 10px; } /* line 678, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="comic"] .menu__bar__toggle__line--n1 { background-image: url(/assets/sp/design/comic/menu_line_1-45cb206f978ca4421b129d03334d75a41d1d8a1f7b16215e5939a7f522ade154.png); -webkit-transform: translateY(0px) rotate(-45deg); transform: translateY(0px) rotate(-45deg); } /* line 682, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="comic"] .menu__bar__toggle__line--n2 { background-image: url(/assets/sp/design/comic/menu_line_2-ceffaa8c63a52d62a671d9d10fa6cc59f442d75b8bafc4a462ea625547465d7d.png); } /* line 685, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="comic"] .menu__bar__toggle__line--n3 { background-image: url(/assets/sp/design/comic/menu_line_3-403d1812569ef43a144564bd484659ab737fdb2737781b4405a51e94f9a679ba.png); -webkit-transform: translate(2px, 3px) rotate(-135deg); transform: translate(2px, 3px) rotate(-135deg); } /* line 690, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="comic"] .menu__logo { width: 142px; height: 35px; background-image: url(/assets/sp/design/comic/logo-b7a0e8c38b35f72b578cf588e246a79919fdba20002ba9b97de0e489f37b4f28.png); background-size: 100%; } /* line 697, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="comic"] .menu__logo__typo { display: none; } /* line 701, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="comic"] .menu__account { background-color: #f4f0e7; } /* line 705, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="comic"] .menu__lang { background-color: #f4f0e7; } /* line 711, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="game"] .menu__nav { font-family: "ShinMGoPro Heavy", "新丸ゴ H", YakuHanJP, YuGothic, sans-serif; } /* line 714, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="game"] .menu__nav:before { background-color: #fff; border-right: solid 9px rgba(0, 0, 0, 0.1); } /* line 720, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="game"] .menu__nav__group { background-color: #fff; border-right: solid 9px rgba(0, 0, 0, 0.1); } /* line 724, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="game"] .menu__nav__group:last-child { border-bottom: solid 9px rgba(0, 0, 0, 0.1); border-radius: 0 0 9px 0; } /* line 728, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="game"] .menu__nav__group:before { border-top: solid 1px #eeeeee; margin-left: 24px; } /* line 736, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ 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 { background-image: url(/assets/sp/design/game/bg_menu_active-5906d91f61569ad7e71bcd3c58f9587f0a64b99e52280a10021be06cbfd4eef0.png); color: #49e845; } /* line 743, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="game"] .menu__nav__btn, body[data-design="game"] .menu__nav__btn--contact { font-size: 20px; } /* line 747, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="game"] .menu__search { background-color: #fff; border-right: solid 9px rgba(0, 0, 0, 0.1); } /* line 752, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="game"] .menu__sub__btn, body[data-design="game"] .menu__sub__btn--disabled { border-style: solid; border-color: #eeeeee; } /* line 757, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="game"] .menu__sub__btn.is-active .menu__sub__title, body[data-design="game"] .is-active.menu__sub__btn--disabled .menu__sub__title, body[data-design="game"] .menu__sub__btn.is-active .menu__sub__title--l1, body[data-design="game"] .is-active.menu__sub__btn--disabled .menu__sub__title--l1 { color: #49e845; } /* line 763, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="game"] .menu__sub__title, body[data-design="game"] .menu__sub__title--l1 { font-family: "ShinMGoPro Heavy", "新丸ゴ H", YakuHanJP, YuGothic, sans-serif; } /* line 767, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 772, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="game"] .menu__bar { font-family: "ShinMGoPro Heavy", "新丸ゴ H", YakuHanJP, YuGothic, sans-serif; background-color: transparent; background-image: url(/assets/pc/design/game/header_background_repeat-0e49d709ff83b533d9357d0bd725ce1f73e54c3d31ac67a1670cc807f417de9e.png); background-repeat: repeat-x; color: #fff; } /* line 780, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="game"] .menu__bar__toggle { -webkit-transform: translateY(-4px); transform: translateY(-4px); } /* line 784, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="game"] .menu__bar__toggle__line, body[data-design="game"] .menu__bar__toggle__line--n1, body[data-design="game"] .menu__bar__toggle__line--n2, body[data-design="game"] .menu__bar__toggle__line--n3 { width: 38px; height: 11px; background-image: url(/assets/sp/design/game/menu_line-71569844c5e50e280eaace1ad14c16cd580c1b6b0b1f6b9bdc25c45a99d11c62.png); } /* line 791, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="game"] .menu__logo:before { content: ""; position: absolute; background-image: url(/assets/pc/design/game/logo_mark_game-d2d082fdbc9686dba44f8958b625e5c6ab6fca99968d2624d7999d9d470e96a4.svg); background-size: contain; background-repeat: no-repeat; background-position: center; height: 100%; width: 47px; } /* line 803, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="game"] .menu__account, body[data-design="game"] .menu__lang { border-right: solid 9px rgba(0, 0, 0, 0.1); } /* line 807, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="game"] .menu__account:last-child, body[data-design="game"] .menu__lang:last-child { border-bottom: solid 9px rgba(0, 0, 0, 0.1); border-radius: 0 0 9px 0; } /* line 815, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__nav { font-family: "Alegreya", "秀英横太明朝 L", "Shuei Mincho L"; background-color: rgba(0, 0, 0, 0.96); color: #fff; } /* line 822, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__nav__group:before { border-top: solid 1px rgba(238, 238, 238, 0.2); margin-left: 24px; } /* line 828, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__nav__btn, body[data-design="kamakura"] .menu__nav__btn--contact { font-size: 20px; } /* line 834, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ 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 { background-color: rgba(255, 255, 255, 0.2); } /* line 840, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__sub__btn, body[data-design="kamakura"] .menu__sub__btn--disabled { border-style: dotted; border-color: rgba(238, 238, 238, 0.2); } /* line 845, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__sub__btn.is-active .menu__sub__title, body[data-design="kamakura"] .is-active.menu__sub__btn--disabled .menu__sub__title, body[data-design="kamakura"] .menu__sub__btn.is-active .menu__sub__title--l1, body[data-design="kamakura"] .is-active.menu__sub__btn--disabled .menu__sub__title--l1 { color: #ed5300; } /* line 851, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__sub__title, body[data-design="kamakura"] .menu__sub__title--l1 { font-family: "Alegreya", "秀英横太明朝 L", "Shuei Mincho L"; } /* line 855, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__sub__date { color: #cccccc; } /* line 859, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__sub__badge { background-color: #ed5300; } /* line 863, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__search__keyword { color: #fff; } /* line 865, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__search__keyword::-webkit-input-placeholder { font-family: "Alegreya", "秀英横太明朝 L", "Shuei Mincho L"; } body[data-design="kamakura"] .menu__search__keyword::-moz-placeholder { font-family: "Alegreya", "秀英横太明朝 L", "Shuei Mincho L"; } body[data-design="kamakura"] .menu__search__keyword:-ms-input-placeholder { font-family: "Alegreya", "秀英横太明朝 L", "Shuei Mincho L"; } body[data-design="kamakura"] .menu__search__keyword::-ms-input-placeholder { font-family: "Alegreya", "秀英横太明朝 L", "Shuei Mincho L"; } body[data-design="kamakura"] .menu__search__keyword::placeholder { font-family: "Alegreya", "秀英横太明朝 L", "Shuei Mincho L"; } /* line 870, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__search__icon, body[data-design="kamakura"] .menu__search__icon--kamakura { display: none; } /* line 873, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__search__icon--kamakura { display: block; } /* line 875, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__search__icon--kamakura svg * { fill: #fff; } /* line 880, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__bar { background: none; -webkit-box-shadow: none; box-shadow: none; } /* line 884, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__bar:before { content: ""; display: block; position: absolute; top: 0px; width: 100%; height: 100%; background-image: url(/assets/sp/design/kamakura/header_cloud-adbca205221f82d43978d79f16d8d1f018e131845831911e9db10bb321cd1a15.png); background-repeat: no-repeat; background-size: 100% 100%; pointer-events: none; } /* line 898, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__bar__toggle__line, body[data-design="kamakura"] .menu__bar__toggle__line--n1, body[data-design="kamakura"] .menu__bar__toggle__line--n2, body[data-design="kamakura"] .menu__bar__toggle__line--n3 { width: 33px; height: 3px; background-image: url(/assets/sp/design/kamakura/menu_line-11327c5ac54fec8ff638a07d85ec06c42158ed59c80276200043fd68e9c2b3fb.png); } /* line 905, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__logo:before { content: ""; position: absolute; background-image: url(/assets/pc/design/kamakura/logo_mark_kamakura-cea02c97b3b3df230e5c886459a61149c9c899d552ddd172e8e048e4710af4da.svg); background-size: contain; background-repeat: no-repeat; background-position: center; height: 100%; width: 46px; } /* line 917, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__account { color: #4c4c4c; } /* line 922, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__account__title:before { content: "OFFICIAL ACCOUNT"; } /* line 925, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__account__title span { display: none; } /* line 930, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__account__btn, body[data-design="kamakura"] .menu__account__btn--fb, body[data-design="kamakura"] .menu__account__btn--tw, body[data-design="kamakura"] .menu__account__btn--yt, body[data-design="kamakura"] .menu__account__btn--yana { font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; font-size: 20px; font-style: normal; line-height: 42px; } /* line 937, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__account__btn:before, body[data-design="kamakura"] .menu__account__btn--fb:before, body[data-design="kamakura"] .menu__account__btn--tw:before, body[data-design="kamakura"] .menu__account__btn--yt:before, body[data-design="kamakura"] .menu__account__btn--yana:before { display: block; width: 40px; margin: 0 auto; background-image: url(/assets/sp/design/kamakura/menu_account_bg-3534cef7c2b705b6deb6d76bdd3bc2f8fb6867f3966c5097132253be6f41637b.png); background-size: contain; background-position: center top; background-repeat: no-repeat; } /* line 946, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__account__btn div, body[data-design="kamakura"] .menu__account__btn--fb div, body[data-design="kamakura"] .menu__account__btn--tw div, body[data-design="kamakura"] .menu__account__btn--yt div, body[data-design="kamakura"] .menu__account__btn--yana div { font-size: 11px; font-style: italic; font-family: "Ubuntu"; line-height: normal; } /* line 952, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__account__btn svg, body[data-design="kamakura"] .menu__account__btn--fb svg, body[data-design="kamakura"] .menu__account__btn--tw svg, body[data-design="kamakura"] .menu__account__btn--yt svg, body[data-design="kamakura"] .menu__account__btn--yana svg { display: none; } /* line 957, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__account__btn--fb:before { content: "友"; } /* line 962, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__account__btn--tw:before { content: "鳥"; } /* line 967, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__account__btn--yt:before { content: "映"; } /* line 972, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="kamakura"] .menu__account__btn--yana:before { content: "柳"; } /* line 979, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__nav { background-color: #262626; color: #ccc; } /* line 985, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__nav__group:before { border-top: solid 1px #343434; margin-left: 24px; } /* line 993, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { background-color: #363636; color: #26dcfd; 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); } /* line 1001, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__nav__btn, body[data-design="tech"] .menu__nav__btn--contact { font-family: "Cambay", sans-serif; font-style: italic; } /* line 1006, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__sub__btn, body[data-design="tech"] .menu__sub__btn--disabled { border-style: solid; border-color: #343434; } /* line 1011, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__sub__btn.is-active .menu__sub__title, body[data-design="tech"] .is-active.menu__sub__btn--disabled .menu__sub__title, body[data-design="tech"] .menu__sub__btn.is-active .menu__sub__title--l1, body[data-design="tech"] .is-active.menu__sub__btn--disabled .menu__sub__title--l1 { color: #26dcfd; 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); } /* line 1018, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__sub__title, body[data-design="tech"] .menu__sub__title--l1 { color: #fff; } /* line 1022, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__sub__date { color: #666666; } /* line 1026, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__sub__badge { padding: 0em 0.5em; line-height: 1.2; background-color: transparent; color: #26dcfd; border-radius: 5px; border: 1px solid #26dcfd; } /* line 1036, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__search__icon svg, body[data-design="tech"] .menu__search__icon--kamakura svg { fill: #ccc; } /* line 1041, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__bar { height: 61px; font-size: 22px; font-family: "Cambay", sans-serif; background-image: url(/assets/sp/design/tech/header_border-f1ab75dd6f1bf66dc2fb7d0ae1f7ee677c1536d19996d87e5e44cad81b3ff3f0.png); background-size: auto 100%; background-position: top center; -webkit-box-shadow: none; box-shadow: none; } /* line 1051, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__bar__toggle { -webkit-transform: translate(-5px, -10px); transform: translate(-5px, -10px); } /* line 1055, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__bar__toggle__line, body[data-design="tech"] .menu__bar__toggle__line--n1, body[data-design="tech"] .menu__bar__toggle__line--n2, body[data-design="tech"] .menu__bar__toggle__line--n3 { width: 49px; height: 21px; background-image: url(/assets/sp/design/tech/menu_line-b9a449c070c63be2cc0889c84ce93e6bc6462ce8b3a416e6c266abb09b320e40.png); } /* line 1061, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__logo { width: 147px; height: 33px; overflow: visible; background-image: none; } /* line 1068, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__logo.is-hide .menu__logo__typo { visibility: hidden; } /* line 1074, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__logo__typo { display: block; position: relative; width: 100%; height: 100%; background-image: url(/assets/sp/design/tech/logo-cfa1276e6efb323ec556dda626c0c44b303beac284b78736deb83bd1e242ee26.png); background-size: contain; background-repeat: no-repeat; } /* line 1083, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__logo__typo:before { display: block; width: 100%; height: 100%; background-image: url(/assets/sp/design/tech/logo_all-99d36753b7360ef56548e7c38533045aa6d3bc7ef30cadc5ff38700a2d521a0d.png); background-size: contain; background-repeat: no-repeat; -webkit-animation: tech-logo-flash 2s linear infinite; animation: tech-logo-flash 2s linear infinite; content: ""; } /* line 1094, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__logo__typo svg { display: none; } /* line 1099, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__logo-tech { position: absolute; top: -6px; bottom: 0; left: 0; right: 0; margin: auto; z-index: 2; } /* line 1105, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__account { background-color: #1a1a1a; } /* line 1109, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__account__item { border-color: #4c4c4c; } /* line 1113, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__lang { border-color: #4c4c4c; background-color: #1a1a1a; } /* line 1118, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__lang__item { border-color: #4c4c4c; } /* line 1120, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__lang__item.is-active { color: #fff; } /* line 1122, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__lang__item.is-active .menu__lang__btn--jp, body[data-design="tech"] .menu__lang__item.is-active .menu__lang__btn--en { background-color: #fff; } /* line 1128, /home/circleci/app/app/assets/stylesheets/modules/sp/_menu.scss */ body[data-design="tech"] .menu__lang__btn--jp, body[data-design="tech"] .menu__lang__btn--en { color: #545454; background-color: #545454; background-image: url(/assets/sp/common/menu_lang_tech-3967ab762e2d9800ac03f649b621bc9de443071081649f2c33eb4b5cefc2c3a1.png); } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_mm-form.scss */ .mm-form { position: relative; margin: 28px auto 32px; } /* line 5, /home/circleci/app/app/assets/stylesheets/modules/sp/_mm-form.scss */ .mm-form:last-child { margin-bottom: 0; } /* line 9, /home/circleci/app/app/assets/stylesheets/modules/sp/_mm-form.scss */ .mm-form.is-complete .mm-form__check, .mm-form.is-complete .sendbar { display: none; } /* line 13, /home/circleci/app/app/assets/stylesheets/modules/sp/_mm-form.scss */ .mm-form.is-complete .mm-form__complete { display: block; } /* line 19, /home/circleci/app/app/assets/stylesheets/modules/sp/_mm-form.scss */ .mm-form__complete { display: none; font-weight: bold; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_more-footer.scss */ .more-footer { position: relative; margin-bottom: -22px; font-size: 14px; text-align: center; padding-top: 12px; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .more-footer:before { content: ""; font-family: FontAwesome; } /* line 8, /home/circleci/app/app/assets/stylesheets/modules/sp/_more-footer.scss */ .more-footer:before { line-height: 1; margin-right: 8px; } /* line 12, /home/circleci/app/app/assets/stylesheets/modules/sp/_more-footer.scss */ .more-footer:after { content: ""; display: block; position: absolute; top: 0; left: -16px; right: -16px; border-top: solid 2px #eeeeee; } /* 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/sp/_more-footer.scss */ body[data-design="comic"] .more-footer:after { border-color: #474541; } /* line 33, /home/circleci/app/app/assets/stylesheets/modules/sp/_more-footer.scss */ body[data-design="tech"] .more-footer:before { color: #ccc; } /* line 36, /home/circleci/app/app/assets/stylesheets/modules/sp/_more-footer.scss */ body[data-design="tech"] .more-footer:after { display: none; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card-unit.scss */ .news-card-unit, .news-card-unit--c3 { margin-top: 16px; } /* line 24, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card-unit.scss */ body[data-design="comic"] .news-card-unit__list__item { border-color: #4c4c4c; } /* line 30, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card-unit.scss */ body[data-design="kamakura"] .news-card-unit__title { color: #000; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card.scss */ .news-card { position: relative; display: block; height: 160px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; text-decoration: none; color: inherit; } /* line 12, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card.scss */ .news-card--in-unit { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; color: inherit; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card--in-unit:before, .news-card--in-unit:after { content: ""; display: block; clear: both; } /* line 20, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card.scss */ .news-card--in-unit .news-card__thumbnail, .news-card--in-unit .news-card__thumbnail--large { width: 138px; height: 138px; } /* line 24, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card.scss */ .news-card--in-unit .news-card__date { font-size: 11px; } /* line 27, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card.scss */ .news-card--in-unit .news-card__title { margin-top: 5px; margin-bottom: 5px; font-size: 16px; line-height: 1.375; font-weight: bold; max-height: 5.5em; height: auto; overflow: hidden; } /* line 38, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card.scss */ .news-card--in-unit .news-card__meta__tags { font-size: 9px; } /* line 43, /home/circleci/app/app/assets/stylesheets/modules/sp/_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; } /* line 57, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card.scss */ .news-card__date { margin-bottom: 12px; font-size: 11px; font-style: italic; line-height: 1; } /* line 64, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card.scss */ .news-card__title { font-size: 16px; line-height: 1.38; font-weight: bold; height: 5.52em; margin-bottom: 6px; overflow: hidden; } /* line 74, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card.scss */ .news-card__title__series { margin-bottom: 5px; font-size: 12px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 81, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card.scss */ .news-card__title__series:before { content: "#"; } /* line 86, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card.scss */ .news-card__meta { font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 93, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card.scss */ .news-card__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; margin-right: 4px; } /* line 109, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card.scss */ .news-card__meta__category { display: inline; font-style: italic; font-size: 10px; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="1"] { color: #33c8ff; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="1"] .inner-link:before { background-color: #33c8ff; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="2"] { color: #7275e9; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="2"] .inner-link:before { background-color: #7275e9; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="3"] { color: #fc880f; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="3"] .inner-link:before { background-color: #fc880f; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="4"] { color: #49e845; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="4"] .inner-link:before { background-color: #49e845; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="5"] { color: #ff599f; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="5"] .inner-link:before { background-color: #ff599f; } /* line 213, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="6"] { color: #cf57fb; } /* line 216, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .news-card__meta__category[data-category="6"] .inner-link:before { background-color: #cf57fb; } /* line 116, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card.scss */ .news-card__meta__tags { display: inline; } /* line 119, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card.scss */ .news-card__meta__tags span { position: relative; margin-right: 1em; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card.scss */ .news-card__meta__tags span:before { position: absolute; left: -0.8em; content: " / "; } /* line 128, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card.scss */ .news-card__meta__tags span:first-child:before { display: none; } /* line 136, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card.scss */ body[data-design="simple"] .news-card__date { font-family: "Ubuntu"; } /* line 142, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card.scss */ body[data-design="comic"] .news-card { padding: 11px; } /* line 148, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 153, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card.scss */ body[data-design="game"] .news-card__thumbnail, body[data-design="game"] .news-card__thumbnail--large { border-radius: 10px; } /* line 159, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card.scss */ body[data-design="kamakura"] .news-card__title { font-family: "秀英横太明朝 B", "Shuei Mincho B"; } /* line 165, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card.scss */ body[data-design="tech"] .news-card { position: relative; } /* line 168, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-card.scss */ body[data-design="tech"] .news-card:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; -o-border-image: url(/assets/sp/design/tech/border_news-fb970b603d14476e1f30960ce317324037672fa367985b7d75f6f54d35a71ca9.png) 90 120 90 130 repeat; border-image: url(/assets/sp/design/tech/border_news-fb970b603d14476e1f30960ce317324037672fa367985b7d75f6f54d35a71ca9.png) 90 120 90 130 fill repeat; border-image-width: 45px 60px 45px 65px; z-index: -1; content: ""; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .news-card:before { -o-border-image: none; border-image: none; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_news-letter-scroll-button.scss */ .news-letter-scroll-button { width: 80px; height: 80px; position: fixed; top: 82px; right: 18px; 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/sp/_pagination.scss */ .pagination { position: relative; margin: 32px auto 0; margin-left: -8px; width: calc(100% + 16px); text-align: center; font-size: 16px; color: #4c4c4c; overflow-x: scroll; -webkit-overflow-scrolling: touch; } /* line 12, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ .pagination a { color: inherit; text-decoration: none; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ .pagination__number { 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-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 26, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ .pagination__page, .pagination__page--current { width: 64px; height: 44px; line-height: 44px; margin-right: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 33, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ .pagination__page:last-child, .pagination__page--current:last-child { margin-right: 0; } /* line 36, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ .pagination__page a, .pagination__page--current a { display: inline-block; width: 100%; height: 100%; } /* line 43, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ .pagination__page--current { color: #1b9af7; } /* line 48, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ .pagination__prev, .pagination__prev--disable, .pagination__next, .pagination__next--disable { display: inline-block; vertical-align: middle; font-size: 28px; } /* line 54, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ .pagination__prev, .pagination__prev--disable { padding-left: 8px; padding-right: 30px; } /* line 77, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .pagination__prev:after, .pagination__prev--disable:after { content: ""; font-family: FontAwesome; } /* line 59, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ .pagination__prev--disable { opacity: 0.2; } /* line 63, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ .pagination__next, .pagination__next--disable { padding-left: 30px; padding-right: 8px; } /* line 77, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .pagination__next:after, .pagination__next--disable:after { content: ""; font-family: FontAwesome; } /* line 68, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ .pagination__next--disable { opacity: 0.2; } /* line 75, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ body[data-design="simple"] .pagination * { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif; font-weight: bold; } /* line 81, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ body[data-design="simple"] .pagination__page, body[data-design="simple"] .pagination__page--current { background-color: #fff; border-radius: 4px; } /* line 86, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ body[data-design="simple"] .pagination__page--current { color: #1b9af7; } /* line 92, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ body[data-design="comic"] .pagination { font-family: "ゴシックMB101 DB JIS2004"; } /* line 96, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ body[data-design="comic"] .pagination__page, body[data-design="comic"] .pagination__page--current { background-color: #f4f0e7; border: solid 2px #474541; } /* line 101, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ body[data-design="comic"] .pagination__page--current { color: #1b9af7; } /* line 107, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ body[data-design="game"] .pagination { font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } /* line 111, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ body[data-design="game"] .pagination__page, body[data-design="game"] .pagination__page--current { background-color: #fff; border-radius: 8px; } /* line 116, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ body[data-design="game"] .pagination__page--current { color: #49e845; } /* line 122, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ body[data-design="kamakura"] .pagination { color: #fff; } /* line 126, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ body[data-design="kamakura"] .pagination__page, body[data-design="kamakura"] .pagination__page--current { background-color: rgba(0, 0, 0, 0.8); } /* line 130, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ body[data-design="kamakura"] .pagination__page--current { color: #ed5300; } /* line 137, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ body[data-design="tech"] .pagination * { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif; color: #a7a7a7; } /* line 143, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ body[data-design="tech"] .pagination__page, body[data-design="tech"] .pagination__page--current { background-color: #1a1a1a; border: solid 1px #a7a7a7; } /* line 148, /home/circleci/app/app/assets/stylesheets/modules/sp/_pagination.scss */ body[data-design="tech"] .pagination__page--current { text-shadow: 1px -1px 10px rgba(38, 220, 253, 0.5), 1px 1px 10px rgba(38, 220, 253, 0.5), -1px -1px 10px rgba(38, 220, 253, 0.5), -1px 1px 10px rgba(38, 220, 253, 0.5); color: #26dcfd; -webkit-box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.16) inset; box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.16) inset; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card, .portfolio-card--2c, .portfolio-card--4c, .portfolio-card--mm-2c, .portfolio-card--mm-4c, .portfolio-card--member { font-size: 0px; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .portfolio-card:before, .portfolio-card--2c:before, .portfolio-card--4c:before, .portfolio-card--mm-2c:before, .portfolio-card--mm-4c:before, .portfolio-card--member:before, .portfolio-card:after, .portfolio-card--2c:after, .portfolio-card--4c:after, .portfolio-card--mm-2c:after, .portfolio-card--mm-4c:after, .portfolio-card--member:after { content: ""; display: block; clear: both; } /* line 5, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card *, .portfolio-card--2c *, .portfolio-card--4c *, .portfolio-card--mm-2c *, .portfolio-card--mm-4c *, .portfolio-card--member * { -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 20, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card--mm-2c .portfolio-card__cell__cover img, .portfolio-card--mm-4c .portfolio-card__cell__cover img { width: 100%; } /* line 26, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card--member { 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 32, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card--member:before, .portfolio-card--member:after { display: none; } /* line 36, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card--member .portfolio-card__item { -webkit-flex-basis: 49%; -ms-flex-preferred-size: 49%; flex-basis: 49%; margin-bottom: 8px; } /* line 41, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card--member .portfolio-card__cell__title { padding: 12px 14px; padding-bottom: 50px; } /* line 45, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card--member .portfolio-card__cell__footer, .portfolio-card--member .portfolio-card__cell__footer--long { padding: 14px; position: absolute; bottom: 0; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card--member .portfolio-card__cell__footer__job { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 57, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card__item { display: inline-block; vertical-align: top; width: 100%; margin-bottom: 16px; } /* line 64, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card__cell, .portfolio-card__cell--border { position: relative; display: block; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; color: #4c4c4c; text-decoration: none; } /* line 73, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card__cell--border { border: solid 1px #cccccc; } /* line 78, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card__cell__cover { position: relative; overflow: hidden; } /* line 83, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 92, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card__cell__cover__image--manga, .portfolio-card__cell__cover__image--photo { display: none; } /* line 98, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 103, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card__cell__cover__filter--comic, .portfolio-card__cell__cover__filter--kamakura, .portfolio-card__cell__cover__filter--tech { display: none; width: 100%; height: 100%; } /* line 112, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 115, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 133, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card__cell__title { padding: 12px 16px; font-size: 20px; font-weight: bold; } /* line 139, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card__cell__title__name { font-size: 18px; line-height: 20px; } /* line 144, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card__cell__title__kana { font-size: 9px; margin-top: 4px; } /* line 149, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card__cell__title__sub { margin-top: 10px; font-size: 14px; font-weight: normal; } /* line 155, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card__cell__title__english { font-size: 26px; } /* line 159, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 170, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card__cell__footer, .portfolio-card__cell__footer--long { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 16px; padding-top: 0; font-size: 12px; } /* line 181, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card__cell__footer__date { font-style: italic; } /* line 185, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card__cell__footer__job { font-size: 10px; } /* line 189, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ .portfolio-card__cell__footer__job__stamp { display: inline-block; margin-right: 8px; } /* line 195, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ body[data-design="simple"] .portfolio-card__cell__cover__image--manga { display: block; } /* line 199, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ body[data-design="simple"] .portfolio-card__cell__footer__date { font-family: "Ubuntu"; } /* line 206, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ body[data-design="comic"] .portfolio-card--member .portfolio-card__cell, body[data-design="comic"] .portfolio-card--member .portfolio-card__cell--border { border: none; } /* line 211, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ body[data-design="comic"] .portfolio-card__cell__cover__image--manga { display: block; } /* line 215, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ body[data-design="comic"] .portfolio-card__cell__cover__filter--comic { display: block; } /* line 221, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 227, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ body[data-design="game"] .portfolio-card__cell__title__name { font-family: "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } /* line 231, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ body[data-design="game"] .portfolio-card__cell__cover__image--manga { display: block; } /* line 237, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ body[data-design="kamakura"] .portfolio-card__cell__title { font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; } /* line 241, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ body[data-design="kamakura"] .portfolio-card__cell__cover__image--photo { display: block; } /* line 245, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ body[data-design="kamakura"] .portfolio-card__cell__cover__filter--kamakura { display: block; } /* line 253, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ body[data-design="tech"] .portfolio-card--member .portfolio-card__item:before { display: none; } /* line 257, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ body[data-design="tech"] .portfolio-card--member .portfolio-card__cell, body[data-design="tech"] .portfolio-card--member .portfolio-card__cell--border { border: none; position: static; } /* line 263, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ body[data-design="tech"] .portfolio-card__cell, body[data-design="tech"] .portfolio-card__cell--border { border: none; } /* line 266, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ body[data-design="tech"] .portfolio-card__cell:before, body[data-design="tech"] .portfolio-card__cell--border:before { display: none; } /* line 272, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ body[data-design="tech"] .portfolio-card__cell__title:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; -o-border-image: url(/assets/sp/design/tech/border_member-213d3827be39bf3ec3e711faa661cb2a0893d28afcb3a42a336f6cc470bae1a7.png) 44 110 70 100 repeat; border-image: url(/assets/sp/design/tech/border_member-213d3827be39bf3ec3e711faa661cb2a0893d28afcb3a42a336f6cc470bae1a7.png) 44 110 70 100 fill repeat; border-image-width: 22px 55px 35px 50px; z-index: -1; margin-top: 56.25%; content: ""; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .portfolio-card__cell__title:before { -o-border-image: none; border-image: none; } /* line 280, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 286, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ body[data-design="tech"] .portfolio-card__cell__cover .corner-cut-image { width: 100%; height: 100%; } /* line 292, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio-card.scss */ body[data-design="tech"] .portfolio-card__cell__cover__image--photo { display: block; opacity: 0; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio, .portfolio--service { width: calc(100% + 16px); margin-left: -8px; } /* line 5, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio *, .portfolio--service * { -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 13, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio--service .portfolio__main { margin-top: 8px; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile { color: #4c4c4c; overflow: hidden; padding-top: 56vw; position: relative; } /* line 25, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__info { padding: 32px 24px; } /* line 30, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__image { position: absolute; top: 0; width: 100%; height: 56vw; overflow: hidden; background-color: #fff; } /* line 38, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__image img { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } /* line 45, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__image img.is-show { display: block; } /* line 51, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__image__switch { position: absolute; top: 16px; right: 16px; } /* line 57, /home/circleci/app/app/assets/stylesheets/modules/sp/_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: 16px; } /* line 65, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__info__name--en { font-size: 28px; } /* line 70, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__info__kana { font-size: 16px; line-height: 1; margin-bottom: 16px; } /* line 76, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__excuse { font-size: 14px; } /* line 80, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__excuse__stamp { margin-top: 36px; margin-bottom: 16px; } /* line 85, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__excuse__reason { color: #999999; border-left: solid 2px #eeeeee; padding-left: 16px; font-size: 16px; margin-bottom: 16px; } /* line 91, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__excuse__reason dt { font-weight: bold; } /* line 94, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__excuse__reason dd { font-weight: normal; font-size: 18px; color: #000; } /* line 101, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__info__role { font-size: 16px; margin-bottom: 32px; } /* line 106, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__info__social { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 30px; line-height: 1; } /* line 111, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__info__social a { color: inherit; text-decoration: none; } /* line 117, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__info__social__twitter, .portfolio__profile__info__social__facebook, .portfolio__profile__info__social__github, .portfolio__profile__info__social__instagram { margin-right: 20px; } /* line 120, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__info__social__twitter a:before, .portfolio__profile__info__social__facebook a:before, .portfolio__profile__info__social__github a:before, .portfolio__profile__info__social__instagram a:before { font-size: 165%; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__info__social__twitter a, .portfolio__profile__info__social__facebook a, .portfolio__profile__info__social__github a, .portfolio__profile__info__social__instagram a { display: block; } /* line 126, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__info__social__twitter span, .portfolio__profile__info__social__facebook span, .portfolio__profile__info__social__github span, .portfolio__profile__info__social__instagram span { display: none; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .portfolio__profile__info__social__twitter a:before { content: ""; font-family: FontAwesome; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .portfolio__profile__info__social__facebook a:before { content: ""; font-family: FontAwesome; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .portfolio__profile__info__social__github a:before { content: ""; font-family: FontAwesome; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .portfolio__profile__info__social__instagram a:before { content: ""; font-family: FontAwesome; } /* line 159, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__info__article { font-size: 14px; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .portfolio__profile__info__article li:before { content: ""; font-family: FontAwesome; } /* line 166, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__info__article a { color: inherit; border-bottom: 1px dotted #4c4c4c; text-decoration: none; margin-left: 5px; } /* line 174, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__spec { line-height: 24px; overflow: hidden; font-family: YakuHanJP, YuGothic, sans-serif; } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__spec dt { display: block; position: relative; float: left; vertical-align: top; width: 100px; margin-right: 8px; white-space: nowrap; overflow: hidden; padding-bottom: 15px; } /* line 190, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 200, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__spec dt small { display: block; position: absolute; top: 24px; left: 0px; font-size: 12px; line-height: 1; } /* line 210, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__spec dd { display: block; margin-left: 108px; } /* line 215, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__spec strong { font-size: 18px; font-weight: bold; } /* line 221, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__info__share { margin-top: 32px; line-height: 1; } /* line 226, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__info__share__tab { display: inline-block; margin-right: 8px; vertical-align: top; } /* line 232, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__profile__info__article { margin-top: 15px; } /* line 236, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__switch, .portfolio__switch--photo, .portfolio__switch--manga { width: 40px; margin-bottom: 8px; border: solid 2px #fff; color: #fff; font-size: 14px; line-height: 40px; font-weight: bold; background-color: #999999; color: #fff; text-align: center; border-radius: 22px; -webkit-box-sizing: content-box; box-sizing: content-box; } /* line 251, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__switch.is-active, .is-active.portfolio__switch--photo, .is-active.portfolio__switch--manga { background-color: #333333; } /* line 260, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__hero-image, .portfolio__hero-image--soldout, .portfolio__hero-image--closed { font-size: 0; } /* line 263, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__hero-image img, .portfolio__hero-image--soldout img, .portfolio__hero-image--closed img { width: 100%; height: auto; } /* line 268, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__hero-image--soldout, .portfolio__hero-image--closed { overflow: hidden; position: relative; } /* line 273, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__hero-image--soldout:after, .portfolio__hero-image--closed:after { content: ""; display: block; position: absolute; top: -5px; right: 0; width: 72px; height: 95px; background-size: contain; } /* line 285, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__hero-image--soldout:after { background-image: url(/assets/sp/service/closed_and_soldout/ico_soldout-ribbon_l-cd156042ea34c2400aedcc00fabdc17962934dc50e8ab51a55a5267d5f091f49.png); } /* line 290, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__hero-image--closed:after { background-image: url(/assets/sp/service/closed_and_soldout/ico_closed-ribbon_l-d22b8c5be438c45bfb2c53be5e0973007b79349c75b8fa4099e19ec4894b9bd1.png); } /* line 295, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__content { position: relative; padding: 0 8px; } /* line 300, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__main { margin-top: 32px; } /* line 304, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__main__block, .portfolio__main__block--first, .portfolio__main__block--contact, .portfolio__main__block--gallery { padding: 32px 16px; margin-bottom: 8px; overflow: hidden; } /* line 313, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__main__block--contact { text-align: center; } /* line 317, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__main__block--gallery { padding: 16px; } /* line 322, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__main__title { font-size: 24px; font-weight: bold; margin-bottom: 16px; margin-top: 40px; } /* line 328, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__main__title:first-child { margin-top: 0; } /* line 333, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__main__relation { overflow: hidden; } /* line 336, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__main__relation__item { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; margin-bottom: 8px; } /* line 341, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__main__relation__item:nth-child(even) { padding-left: 4px; } /* line 344, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__main__relation__item:nth-child(odd) { padding-right: 4px; } /* line 349, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__title-block { padding: 32px 16px; font-size: 28px; font-weight: bold; line-height: 1.54; border-bottom: solid 2px #eeeeee; } /* line 358, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__title-block__share { margin-top: 32px; font-size: 14px; } /* line 363, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__title-block__share__tab { margin-right: 8px; display: inline-block; vertical-align: top; line-height: 1; } /* line 370, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__article { font-size: 18px; line-height: 2; } /* line 374, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__article hr { border: none; padding: 0px; margin: 32px 0px; border-bottom: solid 2px #eeeeee; } /* line 381, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__article__mini-title { font-size: 20px; font-weight: bold; line-height: 1.3; margin-bottom: 32px; } /* line 387, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 392, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__article__images img { margin-bottom: 9px; } /* line 404, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__article__body--interview h2:before { content: "─ "; } /* line 410, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__article__works { position: relative; overflow: hidden; margin-top: 32px; } /* line 415, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__article__works__item { display: block; margin-bottom: 8px; } /* line 422, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__comment__item { font-size: 12px; line-height: 1.66; padding: 16px 0; border-bottom: solid 2px #eeeeee; overflow: hidden; } /* line 429, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__comment__item:first-child { padding-top: 0; } /* line 432, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__comment__item:last-child { padding-bottom: 0; border-bottom: none; } /* line 437, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__comment__item a { text-decoration: none; color: inherit; } /* line 442, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__comment__item__img { margin-right: 23px; float: left; } /* line 446, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__comment__item__img img { width: 50px; } /* line 451, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__comment__item__right { margin-left: 73px; word-break: break-all; } /* line 456, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__comment__item__name { font-size: 16px; font-weight: bold; margin-top: -4px; margin-bottom: 4px; } /* line 463, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__contact { text-align: center; } /* line 466, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__share { text-align: center; } /* line 471, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar dt, .portfolio__sidebar th { color: #999999; } /* line 475, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar th, .portfolio__sidebar td { vertical-align: top; } /* line 479, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 484, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar th { padding-right: 8px; white-space: nowrap; padding-bottom: 0.5em; } /* line 490, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block { padding: 32px 16px; margin-bottom: 8px; font-family: "Ubuntu"; overflow: hidden; } /* line 498, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__title { font-weight: bold; margin-bottom: 20px; } /* line 506, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__document { font-size: 14px; } /* line 508, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__document li { position: relative; padding-left: 1em; margin-top: 10px; } /* line 512, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__document li:before { content: "・"; display: block; position: absolute; top: 0px; left: 0px; } /* line 519, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__document li:first-child { margin-top: 0px; } /* line 524, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__document h2 { font-weight: bold; margin: 10px 0px; } /* line 527, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__document h2:first-child { margin-top: 0px; } /* line 532, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__document dl { position: relative; margin-bottom: 8px; } /* line 535, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__document dl dt { position: absolute; top: 0px; left: 0px; width: 5.5em; } /* line 541, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__document dl dd { padding-left: 6em; margin-bottom: 10px; } /* line 544, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__document dl dd:last-child { margin-bottom: 0px; } /* line 555, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__recommend { margin-top: 10px; font-size: 15px; list-style-position: inside; position: relative; margin-top: 15px; padding-top: 15px; list-style-type: none; overflow: hidden; } /* line 565, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__recommend a { text-decoration: none; color: inherit; display: block; } /* line 571, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__recommend:before { position: absolute; top: 0; left: 0; right: 0; height: 2px; background-color: #eeeeee; content: ""; } /* line 578, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__recommend:first-child { margin-top: 0px; padding-top: 0px; } /* line 581, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__recommend:first-child:before { display: none; } /* line 587, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__recommend__image { float: left; line-height: 0; } /* line 590, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__recommend__image img { display: block; width: 90px; height: auto; } /* line 597, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__recommend__title { margin-left: 106px; font-size: 14px; font-weight: bold; word-break: break-all; } /* line 604, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__recommend__description { margin-top: 5px; margin-left: 106px; font-size: 12px; } /* line 610, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__smile__name { margin: 30px auto 15px; font-size: 20px; } /* line 615, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__smile__description { font-size: 15px; } /* line 619, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__smile__from { position: relative; margin-top: 30px; padding-left: 80px; font-size: 18px; } /* line 625, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__block__smile__from:before { position: absolute; top: 0; left: 0; content: "From"; } /* line 631, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__episode__cell { display: block; overflow: hidden; font-size: 12px; color: inherit; text-decoration: none; } /* line 639, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__episode__cell__image { width: 100%; height: auto; } /* line 644, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__episode__cell__title { font-size: 14px; font-weight: bold; margin-top: 16px; line-height: 1; } /* line 651, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__episode__cell__caption { margin-top: 16px; line-height: 1; } /* line 656, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__link { text-align: center; } /* line 661, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__meta__app { margin-top: 1em; text-align: center; } /* line 665, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__meta__app__item, .portfolio__meta__app__item--ios, .portfolio__meta__app__item--android { display: inline-block; } /* line 667, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 676, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 683, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__meta__app__item--ios a { background-image: url(/assets/pc/service/detail/ico_appstore-4cfabcfdbec9a5cd903190f150028743f38c3533b53ea21c6e4dd35a52a80383.svg); } /* line 689, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__meta__app__item--android a { background-image: url(/assets/pc/service/detail/ico_googleplay-2b4ac56a272feb56e30fe461b1a05dcfe1242fe7554440af5b5e26f1ee017517.png); } /* line 694, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__meta__link { border-top: solid 2px #eeeeee; text-align: center; margin-top: 32px; padding-top: 40px; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .portfolio__award:before, .portfolio__award:after { content: ""; display: block; clear: both; } /* line 704, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__award__title { font-size: 16px; font-family: "Ubuntu"; font-weight: bold; width: 104px; padding-right: 3em; text-align: center; float: left; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .portfolio__award__title:before { content: ""; font-family: FontAwesome; } /* line 714, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__award__title:before { font-size: 160%; line-height: 1.3; display: block; } /* line 720, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__award__list { margin-left: 104px; } /* line 723, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__award__list__item { margin-bottom: 0.5em; } /* line 726, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__media { font-size: 14px; } /* line 729, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__media dt { float: left; } /* line 732, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__media td { font-family: YakuHanJP, YuGothic, sans-serif; } /* line 736, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__media__title { font-size: 16px; font-family: "Ubuntu"; margin-bottom: 2em; } /* line 741, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__credit { font-size: 14px; } /* line 744, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__credit > dl dt { float: left; } /* line 747, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__credit th { min-width: 156px; } /* line 750, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__credit td { font-family: YakuHanJP, YuGothic, sans-serif; } /* line 753, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__credit hr { padding: 0px; margin: 32px 0px 40px 0px; border: none; border-bottom: solid 2px #eeeeee; } /* line 760, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__credit__title { font-size: 16px; font-weight: bold; margin-bottom: 1em; } /* line 765, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__credit__sub-title { margin: 0 auto 1em; font-size: 14px; } /* line 770, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__member-list { font-size: 0px; } /* line 773, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__member-list__item { width: 31%; margin-right: 8px; margin-bottom: 8px; display: inline-block; vertical-align: top; word-wrap: break-word; font-size: 14px; } /* line 782, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__member-list__item:nth-child(3n) { margin-right: 0px; } /* line 786, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__member-list__item img { width: 108px; height: 108px; -o-object-fit: cover; object-fit: cover; } /* line 791, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__member-list__item dd { font-weight: bold; } /* line 794, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__member-list__item a { text-decoration: none; color: inherit; } /* line 804, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__sidebar__technology { color: #999999; } /* line 809, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__reration__title { font-size: 16px; font-family: "Ubuntu"; margin-bottom: 2em; font-weight: bold; } /* line 817, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__reration__list__item { margin-bottom: 16px; } /* line 819, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__reration__list__item a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* line 823, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__reration__list__item__info { font-size: 10px; padding: 8px 16px; } /* line 827, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__reration__list__item__title { font-size: 14px; margin-bottom: 0.5em; } /* line 831, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__reration__list__item__date { font-style: italic; } /* line 834, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__reration__list__item__category { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif; } /* line 837, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ .portfolio__reration__list__item__tags { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif; } /* line 842, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 850, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ body[data-design="comic"] .portfolio__title-block { 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; border-bottom: none; } /* line 855, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ body[data-design="comic"] .portfolio__title-block:after { border-bottom: none; } /* line 860, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ body[data-design="comic"] .portfolio__main__block--first { border-top: none; } /* line 862, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ body[data-design="comic"] .portfolio__main__block--first:after { border-top: none; } /* line 869, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ body[data-design="comic"] .portfolio__article hr, body[data-design="comic"] .portfolio__credit hr { border-color: #474541; } /* line 874, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ body[data-design="comic"] .portfolio__meta__link { border-color: #474541; } /* line 880, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ body[data-design="comic"] .portfolio__sidebar dt:before, body[data-design="comic"] .portfolio__sidebar dt:after { background-color: #f4f0e7; } /* line 889, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ body[data-design="game"] .portfolio__profile__info { border-radius: 0; } /* line 893, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ body[data-design="game"] .portfolio__title-block { border-radius: 10px 10px 0px 0px; } /* line 897, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ body[data-design="game"] .portfolio__main__block--first { border-radius: 0px 0px 10px 10px; } /* line 904, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ body[data-design="kamakura"] .portfolio__title-block h2 { font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; } /* line 911, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ body[data-design="tech"] .portfolio__profile__info { background-color: #0a0a0a; } /* line 913, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ body[data-design="tech"] .portfolio__profile__info:before { display: none; } /* line 918, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 924, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 932, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ body[data-design="tech"] .portfolio__article__body *, body[data-design="tech"] .portfolio__article__body--interview * { font-family: "ゴシックMB101 L JIS2004"; } /* line 936, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 944, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ body[data-design="tech"] .portfolio__title-block { border: none; } /* line 947, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ body[data-design="tech"] .portfolio__title-block:after { content: ""; display: block; width: calc(100% - 32px); border-bottom: solid 1px #969696; position: absolute; bottom: 0; } /* line 959, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ body[data-design="tech"] .portfolio__article hr, body[data-design="tech"] .portfolio__credit hr { border-color: #969696; } /* line 966, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ body[data-design="tech"] .portfolio__sidebar dt:before, body[data-design="tech"] .portfolio__sidebar dt:after { background-color: #1a1a1a; } /* line 974, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ body[data-design="tech"] .portfolio__sidebar__block__recommend:before { background-color: #969696; } /* line 979, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ body[data-design="tech"] .portfolio__comment__item, body[data-design="tech"] .portfolio__meta__link { border-color: #969696; } /* line 987, /home/circleci/app/app/assets/stylesheets/modules/sp/_portfolio.scss */ html:lang(en) .portfolio__hero-image--closed:after { background-image: url(/assets/sp/service/closed_and_soldout/ico_closed-ribbon_l_en-59ee9c7e62ee168f0b9e987750a7e097ef4438d6e7da151b682f4fbc1c4e2925.png); } /* line 992, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/_project-gallery.scss */ .project-gallery { font-size: 0px; margin-right: 24px; } /* line 8, /home/circleci/app/app/assets/stylesheets/modules/sp/_project-gallery.scss */ .project-gallery__item { display: inline-block; position: relative; vertical-align: top; width: 33.3%; margin-bottom: 12px; } /* line 15, /home/circleci/app/app/assets/stylesheets/modules/sp/_project-gallery.scss */ .project-gallery__item:nth-child(3n + 1) { left: 0px; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/sp/_project-gallery.scss */ .project-gallery__item:nth-child(3n + 2) { left: 12px; } /* line 21, /home/circleci/app/app/assets/stylesheets/modules/sp/_project-gallery.scss */ .project-gallery__item:nth-child(3n + 3) { left: 24px; } /* line 26, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 36, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 44, /home/circleci/app/app/assets/stylesheets/modules/sp/_project-gallery.scss */ .project-gallery__cell span { display: none; } /* line 49, /home/circleci/app/app/assets/stylesheets/modules/sp/_project-gallery.scss */ .project-gallery__soldout { position: absolute; top: -1px; right: -1px; width: 37px; height: 45px; background-image: url(/assets/pc/service/closed_and_soldout/ico_soldout-ribbon_s-9658b5cc480152236e3cf91e9ce07f0427f42501dd7c330d1c787d6f50319150.png); background-size: 37px 45px; } /* line 60, /home/circleci/app/app/assets/stylesheets/modules/sp/_project-gallery.scss */ .project-gallery__soldout span { display: none; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_qa-list.scss */ .qa-list { margin-top: 16px; font-size: 12px; line-height: 1.67; } /* line 7, /home/circleci/app/app/assets/stylesheets/modules/sp/_qa-list.scss */ .qa-list__item, .qa-list__item--question, .qa-list__item--answer { position: relative; padding-left: 30px; } /* line 10, /home/circleci/app/app/assets/stylesheets/modules/sp/_qa-list.scss */ .qa-list__item:before, .qa-list__item--question:before, .qa-list__item--answer:before { position: absolute; top: 0px; left: 0px; font-size: 24px; line-height: 1; font-weight: bold; } /* line 19, /home/circleci/app/app/assets/stylesheets/modules/sp/_qa-list.scss */ .qa-list__item--question { font-size: 16px; font-weight: bold; line-height: 1.75; padding-right: 30px; padding-bottom: 0.2em; border-bottom: solid 1px #eeeeee; } /* line 27, /home/circleci/app/app/assets/stylesheets/modules/sp/_qa-list.scss */ .qa-list__item--question:before { content: "Q"; top: 0.1em; } /* line 32, /home/circleci/app/app/assets/stylesheets/modules/sp/_qa-list.scss */ .qa-list__item--question.is-close, .qa-list__item--question.is-open { cursor: pointer; } /* line 36, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 50, /home/circleci/app/app/assets/stylesheets/modules/sp/_qa-list.scss */ .qa-list__item--question.is-close:after { content: "+"; } /* line 53, /home/circleci/app/app/assets/stylesheets/modules/sp/_qa-list.scss */ .qa-list__item--question.is-open:after { content: "-"; } /* line 57, /home/circleci/app/app/assets/stylesheets/modules/sp/_qa-list.scss */ .qa-list__item--answer { padding-top: 15px; word-break: break-all; } /* line 61, /home/circleci/app/app/assets/stylesheets/modules/sp/_qa-list.scss */ .qa-list__item--answer:before { content: "A"; color: #55d755; top: 27px; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_ranking-list.scss */ .ranking-list { font-size: 16px; margin-bottom: 2em; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/sp/_ranking-list.scss */ .ranking-list__rank { min-width: 3em; display: inline-block; } /* line 3, /home/circleci/app/app/assets/stylesheets/modules/sp/_recruit-type.scss */ .recruit-type__title { font-weight: bold; margin: 2em auto 0 !important; } /* line 7, /home/circleci/app/app/assets/stylesheets/modules/sp/_recruit-type.scss */ .recruit-type__job-category-list { margin: 0 !important; } /* line 10, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/_recruit-type.scss */ .recruit-type__job-category-item:before { content: "・"; font-weight: bold; font-size: 20px; line-height: 16px; margin-top: 5px; margin-left: -4px; } /* line 23, /home/circleci/app/app/assets/stylesheets/modules/sp/_recruit-type.scss */ .recruit-type__job-category-item__name { display: inline; font-size: 16px; color: #1b9af7; text-decoration: underline; } /* line 28, /home/circleci/app/app/assets/stylesheets/modules/sp/_recruit-type.scss */ .recruit-type__job-category-item__name:after { content: " > "; margin-right: 0.5em; } /* line 33, /home/circleci/app/app/assets/stylesheets/modules/sp/_recruit-type.scss */ .recruit-type__job-category-item .common-button__tag { margin-top: 3px; } /* line 2, /home/circleci/app/app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */ ul.recruit-fresh-slider { margin: 0 -16px; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */ .recruit-fresh-slider { position: relative; padding: 0 12% 65px; overflow: hidden; z-index: 0; } /* line 11, /home/circleci/app/app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */ .recruit-fresh-slider .swiper-slide { list-style-type: none; margin: 0; } /* line 15, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/_recruit_fresh_slider.scss */ .recruit-fresh-slider .slide-item a { text-decoration: none; } /* line 22, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/_recruit_fresh_slider.scss */ .recruit-fresh-slider .slide-item-info { padding: 13px; position: relative; } /* line 32, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/_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/sp/_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/sp/_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/sp/_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/sp/_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/sp/_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/sp/_recruit_fresh_slider.scss */ .recruit-fresh-slider .desc-team__member { letter-spacing: -0.02em; } /* line 86, /home/circleci/app/app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */ .recruit-fresh-slider .desc__line { font-style: initial !important; } /* line 91, /home/circleci/app/app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */ .recruit-fresh-pagination { line-height: 0; bottom: 25px !important; } /* line 94, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/_recruit_fresh_slider.scss */ .recruit-fresh-slider .swiper-button-prev { left: 0; } /* line 104, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/_recruit_fresh_slider.scss */ .recruit-fresh-slider .swiper-button-next { right: 0; } /* line 111, /home/circleci/app/app/assets/stylesheets/modules/sp/_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: 40%; 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/sp/_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/sp/_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/sp/_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/sp/_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/sp/_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 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_route-list.scss */ .route-list { font-size: 16px; text-decoration: underline; margin: 1em 0em; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/sp/_route-list.scss */ .route-list--hidden { display: none; } /* line 10, /home/circleci/app/app/assets/stylesheets/modules/sp/_route-list.scss */ .route-list__item { position: relative; padding-left: 30px; margin-bottom: 1.5em; counter-increment: step-counter; } /* line 16, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/_search.scss */ .search { padding: 16px; } /* line 5, /home/circleci/app/app/assets/stylesheets/modules/sp/_search.scss */ .search__counter { margin-top: 0.5em; font-size: 19px; } /* line 10, /home/circleci/app/app/assets/stylesheets/modules/sp/_search.scss */ .search__result { margin-top: 40px; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/_search.scss */ .search__result__item:last-child { border-bottom: solid 2px #eeeeee; } /* line 24, /home/circleci/app/app/assets/stylesheets/modules/sp/_search.scss */ .search__result__item__title { font-weight: bold; font-size: 24px; line-height: 1.33; } /* line 30, /home/circleci/app/app/assets/stylesheets/modules/sp/_search.scss */ .search__result__item__url { word-break: break-all; } /* line 35, /home/circleci/app/app/assets/stylesheets/modules/sp/_search.scss */ .search__result__item__desc { word-break: break-all; } /* line 39, /home/circleci/app/app/assets/stylesheets/modules/sp/_search.scss */ .search__zero { border-top: solid 2px #eeeeee; line-height: 1.77778; } /* line 44, /home/circleci/app/app/assets/stylesheets/modules/sp/_search.scss */ .search__zero__title { display: block; font-weight: bold; font-size: 20px; margin-top: 23px; word-break: break-all; } /* line 52, /home/circleci/app/app/assets/stylesheets/modules/sp/_search.scss */ .search__zero__desc { margin-top: 15px; margin-bottom: 33px; word-break: break-all; } /* line 59, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/_sendbar.scss */ .sendbar { position: relative; overflow: visible; margin-top: 12px; } /* line 7, /home/circleci/app/app/assets/stylesheets/modules/sp/_sendbar.scss */ .sendbar__textfield { position: relative; display: block; margin-right: 114px; } /* line 11, /home/circleci/app/app/assets/stylesheets/modules/sp/_sendbar.scss */ .sendbar__textfield input { width: 100%; font-weight: bold; font-size: 16px; line-height: 58px; text-indent: 0.5em; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 21, /home/circleci/app/app/assets/stylesheets/modules/sp/_sendbar.scss */ .sendbar__textfield input::-webkit-input-placeholder { font-size: 14px; font-weight: normal; } .sendbar__textfield input::-moz-placeholder { font-size: 14px; font-weight: normal; } .sendbar__textfield input:-ms-input-placeholder { font-size: 14px; font-weight: normal; } .sendbar__textfield input::-ms-input-placeholder { font-size: 14px; font-weight: normal; } .sendbar__textfield input::placeholder { font-size: 14px; font-weight: normal; } /* line 28, /home/circleci/app/app/assets/stylesheets/modules/sp/_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: 106px; min-width: 0px; height: 60px; padding: 0px; margin: 0px; } /* line 41, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 58, /home/circleci/app/app/assets/stylesheets/modules/sp/_sendbar.scss */ .sendbar__submit--search button:after, .sendbar__submit--search input:after { display: none; } /* line 63, /home/circleci/app/app/assets/stylesheets/modules/sp/_sendbar.scss */ .sendbar__submit--search svg { position: absolute; width: 30px; height: 30px; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; } /* line 77, /home/circleci/app/app/assets/stylesheets/modules/sp/_sendbar.scss */ body[data-design="comic"] .sendbar__textfield input { line-height: 56px; } /* line 84, /home/circleci/app/app/assets/stylesheets/modules/sp/_sendbar.scss */ body[data-design="game"] .sendbar__textfield { top: 3px; } /* line 91, /home/circleci/app/app/assets/stylesheets/modules/sp/_sendbar.scss */ body[data-design="tech"] .sendbar__textfield input { line-height: 56px; } /* line 98, /home/circleci/app/app/assets/stylesheets/modules/sp/_sendbar.scss */ body[data-design="tech"] .sendbar__submit button:after, body[data-design="tech"] .sendbar__submit--strong button:after, body[data-design="tech"] .sendbar__submit--search button:after { display: none; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_site-title.scss */ .site-title { display: none; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_sitemap.scss */ .sitemap { padding: 56px 16px; } /* line 9, /home/circleci/app/app/assets/stylesheets/modules/sp/_sitemap.scss */ .sitemap__category { margin-bottom: 3em; } /* line 13, /home/circleci/app/app/assets/stylesheets/modules/sp/_sitemap.scss */ .sitemap__category__title { font-size: 14px; font-weight: bold; margin-bottom: 1em; } /* line 17, /home/circleci/app/app/assets/stylesheets/modules/sp/_sitemap.scss */ .sitemap__category__title strong { display: inline-block; margin-right: 0.5em; font-size: 26px; } /* line 24, /home/circleci/app/app/assets/stylesheets/modules/sp/_sitemap.scss */ .sitemap__list { margin-left: 0.2em; padding-left: 1em; padding-right: 1em; border-left: solid 2px #eeeeee; font-size: 16px; } /* line 32, /home/circleci/app/app/assets/stylesheets/modules/sp/_sitemap.scss */ .sitemap__list__item { position: relative; padding: 0.5em 0em; } /* line 37, /home/circleci/app/app/assets/stylesheets/modules/sp/_sitemap.scss */ .sitemap__list__item__btn { text-decoration: none; color: inherit; } /* line 42, /home/circleci/app/app/assets/stylesheets/modules/sp/_sitemap.scss */ .sitemap__sub-list { font-size: 14px; } /* line 46, /home/circleci/app/app/assets/stylesheets/modules/sp/_sitemap.scss */ .sitemap__sub-list__item { position: relative; padding: 0.5em 0em; padding-left: 1.3em; } /* line 50, /home/circleci/app/app/assets/stylesheets/modules/sp/_sitemap.scss */ .sitemap__sub-list__item:first-child { margin-top: 0.5em; } /* line 55, /home/circleci/app/app/assets/stylesheets/modules/sp/_sitemap.scss */ .sitemap__sub-list__item__btn { color: inherit; text-decoration: none; } /* line 59, /home/circleci/app/app/assets/stylesheets/modules/sp/_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; } /* line 74, /home/circleci/app/app/assets/stylesheets/modules/sp/_sitemap.scss */ body[data-design="comic"] .sitemap__category__title strong { font-family: "Source Sans Pro", "ゴシックMB101 DB JIS2004"; } /* line 79, /home/circleci/app/app/assets/stylesheets/modules/sp/_sitemap.scss */ body[data-design="comic"] .sitemap__list { border-color: #474541; } /* line 85, /home/circleci/app/app/assets/stylesheets/modules/sp/_sitemap.scss */ body[data-design="kamakura"] .sitemap { font-family: "Alegreya", "秀英横太明朝 L", "Shuei Mincho L"; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_slider-section.scss */ .slider-section { text-align: center; } /* line 4, /home/circleci/app/app/assets/stylesheets/modules/sp/_slider-section.scss */ .slider-section .slick-slide { outline: none; } /* line 8, /home/circleci/app/app/assets/stylesheets/modules/sp/_slider-section.scss */ .slider-section .slick-list { text-align: left; } /* line 12, /home/circleci/app/app/assets/stylesheets/modules/sp/_slider-section.scss */ .slider-section .slick-dots { display: block; position: relative; text-align: center; margin: 16px auto 0; width: 100%; padding: 0 18px; font-size: 0; } /* line 21, /home/circleci/app/app/assets/stylesheets/modules/sp/_slider-section.scss */ .slider-section .slick-dots li { display: inline-block; margin: 0px 5px; height: 100%; } /* line 26, /home/circleci/app/app/assets/stylesheets/modules/sp/_slider-section.scss */ .slider-section .slick-dots li.slick-active button { background-color: #1b9af7; } /* line 32, /home/circleci/app/app/assets/stylesheets/modules/sp/_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; display: block; width: 6px; height: 6px; border-radius: 3px; background-color: #cccccc; font-size: 0px; } /* line 42, /home/circleci/app/app/assets/stylesheets/modules/sp/_slider-section.scss */ .slider-section .slick-dots .slick-arrow { position: absolute; top: 0px; color: #cccccc; font-size: 26px; cursor: pointer; } /* line 49, /home/circleci/app/app/assets/stylesheets/modules/sp/_slider-section.scss */ .slider-section .slick-dots .slick-arrow.is-active { color: #000; } /* line 53, /home/circleci/app/app/assets/stylesheets/modules/sp/_slider-section.scss */ .slider-section .slick-dots .slick-arrow:before { display: block; margin-top: -16px; } /* line 57, /home/circleci/app/app/assets/stylesheets/modules/sp/_slider-section.scss */ .slider-section .slick-dots .slick-arrow.slick-prev { left: 0; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .slider-section .slick-dots .slick-arrow.slick-prev:before { content: ""; font-family: FontAwesome; } /* line 61, /home/circleci/app/app/assets/stylesheets/modules/sp/_slider-section.scss */ .slider-section .slick-dots .slick-arrow.slick-next { right: 0; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .slider-section .slick-dots .slick-arrow.slick-next:before { content: ""; font-family: FontAwesome; } /* line 71, /home/circleci/app/app/assets/stylesheets/modules/sp/_slider-section.scss */ body[data-design="tech"] .slider-section .slick-arrow { color: rgba(204, 204, 204, 0.3); } /* line 73, /home/circleci/app/app/assets/stylesheets/modules/sp/_slider-section.scss */ body[data-design="tech"] .slider-section .slick-arrow.is-active { color: #cccccc; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header, .sort-header--award, .sort-header--dice, .sort-header--team { font-size: 17px; font-weight: bold; line-height: 1; background-color: #dddddd; -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; top: 0; bottom: 0; left: 0; right: 0; padding-top: 36px; width: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 3; overflow: hidden; -webkit-tap-highlight-color: transparent; -webkit-transition-property: padding-top, opacity, visibility; transition-property: padding-top, opacity, visibility; -webkit-transition-duration: 0.4s, 0.2s; transition-duration: 0.4s, 0.2s; } /* line 17, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header.is-hide, .is-hide.sort-header--award, .is-hide.sort-header--dice, .is-hide.sort-header--team { -webkit-transition-property: padding-top, opacity, visibility; transition-property: padding-top, opacity, visibility; -webkit-transition-duration: 0.4s, 0.6s; transition-duration: 0.4s, 0.6s; padding-top: 100vh; opacity: 0; visibility: hidden; overflow: hidden; } /* line 26, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header *, .sort-header--award *, .sort-header--dice *, .sort-header--team * { -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 31, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header--award, .sort-header--dice { position: relative; width: auto; padding: 0px; margin: 0px; margin-bottom: 8px; background-color: transparent; z-index: 0; } /* line 45, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header--team .sort-header__tags--2c, .sort-header--team .sort-header__tab--half, .sort-header--team .sort-header__tab--award { font-size: 12px; } /* line 51, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__inner { background-color: #dddddd; padding: 0 8px; overflow: hidden; height: calc(100% - 42px); overflow-y: scroll; -webkit-overflow-scrolling: touch; } /* line 60, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tab, .sort-header__tab--half, .sort-header__tab--award { position: relative; -webkit-flex-basis: 49%; -ms-flex-preferred-size: 49%; flex-basis: 49%; margin: 15px 0 32px; } /* line 65, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tab li, .sort-header__tab--half li, .sort-header__tab--award li { display: inline-block; width: 100%; margin-right: 8px; } /* line 70, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tab li.is-active a, .sort-header__tab--half li.is-active a, .sort-header__tab--award li.is-active a { background-color: #ff6666; color: #fff; } /* line 74, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tab li:last-child, .sort-header__tab--half li:last-child, .sort-header__tab--award li:last-child { margin-right: 0px; } /* line 79, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tab a, .sort-header__tab--half a, .sort-header__tab--award a { display: block; position: relative; height: 40px; line-height: 40px; padding: 0px 24px; text-align: center; background-color: #fff; text-decoration: none; color: inherit; } /* line 94, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tab--award a { text-align: left; background-color: #ff6666; color: #fff; } /* line 70, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .sort-header__tab--award a:before { content: ""; font-family: FontAwesome; } /* line 99, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tab--award a:before { font-size: 110%; display: inline-block; -webkit-transform: translateX(-10px); transform: translateX(-10px); } /* line 108, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tab--half, .sort-header__tab--award { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 14px; } /* line 113, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tab--half.has-count, .has-count.sort-header__tab--award { font-size: 12px; } /* line 116, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tab--half li, .sort-header__tab--award li { width: 50%; margin: 0; margin-bottom: 8px; } /* line 120, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tab--half li:nth-child(odd), .sort-header__tab--award li:nth-child(odd) { padding-right: 4px; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tab--half li:nth-child(even), .sort-header__tab--award li:nth-child(even) { padding-left: 4px; } /* line 127, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tab--half a, .sort-header__tab--award a { border-radius: 4px; } /* line 132, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__pulldown { position: relative; background-color: #fff; min-width: 100%; } /* line 77, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .sort-header__pulldown:after { content: ""; font-family: FontAwesome; } /* line 138, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__pulldown:after { position: absolute; display: block; right: 12px; top: 12px; pointer-events: none; } /* line 146, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__pulldown select { position: absolute; opacity: 0; top: 0px; left: 0px; width: 100%; height: 100%; } /* line 156, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__pulldown__label { padding: 12px 25px 12px 1em; min-width: 100%; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 163, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__pulldown__table { display: none; } /* line 167, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__title { margin: 28px 14px 15px; } /* line 171, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tags, .sort-header__tags--2c { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 12px; margin: 15px 0 32px; } /* line 177, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tags li, .sort-header__tags--2c li { margin: 2px; } /* line 179, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tags li.is-active a, .sort-header__tags--2c li.is-active a { background-color: #ff6666; color: #fff; } /* line 184, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tags a, .sort-header__tags--2c a { color: inherit; text-decoration: none; display: inline-block; padding: 11px 8px; background-color: #fff; border-radius: 4px; line-height: 12px; } /* line 50, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .sort-header__tags a:before, .sort-header__tags--2c a:before, .sort-header__tags a:after, .sort-header__tags--2c a:after { content: ""; display: block; clear: both; } /* line 196, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tags--2c { font-size: 14px; } /* line 200, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tags--2c.has-count { font-size: 12px; } /* line 203, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tags--2c li { width: 50%; margin: 0; margin-bottom: 8px; } /* line 207, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tags--2c li:nth-child(odd) { padding-right: 4px; } /* line 210, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tags--2c li:nth-child(even) { padding-left: 4px; } /* line 214, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tags--2c a { width: 100%; padding: 16px 8px; line-height: 16px; } /* line 221, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tags__count { display: inline-block; padding: 1px 6px; margin-left: 8px; font-size: 9px; background-color: #eeeeee; color: #4c4c4c; border-radius: 4px; font-family: "Ubuntu"; font-weight: bold; float: right; min-width: 20px; text-align: center; } /* line 236, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tags__glass { text-align: center; } /* line 238, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header__tags__glass svg { width: 30px; height: 12px; vertical-align: middle; } /* line 245, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header-toggle, .sort-header-toggle--in-modal { position: relative; padding: 12px 50px; min-height: 42px; display: inline-block; font-size: 18px; font-weight: bold; line-height: 1; background-color: #fff; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 8px; } /* line 77, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .sort-header-toggle:after, .sort-header-toggle--in-modal:after { content: ""; font-family: FontAwesome; } /* line 259, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header-toggle:after, .sort-header-toggle--in-modal:after { width: 15px; height: 15px; position: absolute; top: 12px; right: 12px; pointer-events: none; } /* line 267, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header-toggle.is-filtered, .is-filtered.sort-header-toggle--in-modal { font-size: 16px; line-height: 64px; margin-top: 16px; padding: 0 64px 0 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* line 275, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header-toggle.is-filtered .sort-header-toggle__icon, .is-filtered.sort-header-toggle--in-modal .sort-header-toggle__icon { top: 0; left: auto; right: 0; width: 64px; height: 64px; border-left: solid 1px #eeeeee; } /* line 282, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header-toggle.is-filtered .sort-header-toggle__icon svg, .is-filtered.sort-header-toggle--in-modal .sort-header-toggle__icon svg { width: 24px; } /* line 286, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header-toggle.is-filtered:after, .is-filtered.sort-header-toggle--in-modal:after { display: none; } /* line 292, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header-toggle--in-modal { margin-bottom: 0; } /* line 295, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header-toggle--in-modal:after { display: none; } /* line 300, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header-toggle__icon { width: 24px; height: 23px; position: absolute; top: 10px; left: 12px; pointer-events: none; } /* line 307, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header-toggle__icon svg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 100%; } /* line 314, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header-toggle__close { width: 15px; height: 15px; position: absolute; top: 12px; right: 12px; pointer-events: none; } /* line 321, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header-toggle__close svg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 100%; } /* line 329, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ .sort-header-toggle__glass svg { display: block; width: 40px; height: 64px; } /* line 340, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="simple"] .sort-header-toggle.is-filtered .sort-header-toggle__icon svg *, body[data-design="simple"] .is-filtered.sort-header-toggle--in-modal .sort-header-toggle__icon svg * { fill: #1b9af7; } /* line 349, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { font-family: "Source Sans Pro", "ゴシックMB101 B JIS2004", "Source Sans Pro"; } /* line 353, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="comic"] .sort-header__inner { background-color: #f4f0e7; } /* line 359, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="comic"] .sort-header__tab li.is-active a, body[data-design="comic"] .sort-header__tab--half li.is-active a, body[data-design="comic"] .sort-header__tab--award li.is-active a { color: #f4f0e7; background-color: #474541; } /* line 364, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="comic"] .sort-header__tab a, body[data-design="comic"] .sort-header__tab--half a, body[data-design="comic"] .sort-header__tab--award a { color: #474541; background-color: #f4f0e7; border: solid 2px #474541; } /* line 371, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="comic"] .sort-header__pulldown { border: solid 4px #474541; } /* line 375, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="comic"] .sort-header__pulldown__label { color: #474541; background-color: #f4f0e7; } /* line 381, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="comic"] .sort-header__tags a, body[data-design="comic"] .sort-header__tags--2c a { background-color: #f4f0e7; border: solid 2px #474541; } /* line 387, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="comic"] .sort-header__tags__count { color: #f4f0e7; background-color: #474541; } /* line 392, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="comic"] .sort-header-toggle, body[data-design="comic"] .sort-header-toggle--in-modal { background-color: #f4f0e7; border: solid 4px #474541; } /* line 395, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="comic"] .sort-header-toggle.is-filtered, body[data-design="comic"] .is-filtered.sort-header-toggle--in-modal { border: solid 2px #474541; } /* line 397, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="comic"] .sort-header-toggle.is-filtered .sort-header-toggle__icon, body[data-design="comic"] .is-filtered.sort-header-toggle--in-modal .sort-header-toggle__icon { border-left: solid 2px #474541; } /* line 399, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="comic"] .sort-header-toggle.is-filtered .sort-header-toggle__icon svg *, body[data-design="comic"] .is-filtered.sort-header-toggle--in-modal .sort-header-toggle__icon svg * { fill: #1b9af7; } /* line 406, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="comic"] .sort-header-toggle--in-modal { border: none; border-bottom: solid 2px #474541; } /* line 413, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { font-family: "Russo One", "UDShinMGoPro DeBold", "UD新丸ゴ DB", YakuHanJP, YuGothic, sans-serif; } /* line 417, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="game"] .sort-header__inner { background-color: #f7f7f7; } /* line 423, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="game"] .sort-header__tab li.is-active a, body[data-design="game"] .sort-header__tab--half li.is-active a, body[data-design="game"] .sort-header__tab--award li.is-active a { color: #fff; background-color: #ff6666; } /* line 428, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="game"] .sort-header__tab a, body[data-design="game"] .sort-header__tab--half a, body[data-design="game"] .sort-header__tab--award a { border-radius: 10px; background-color: #fff; } /* line 435, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="game"] .sort-header__tab--award a { background-color: #ff6666; } /* line 440, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="game"] .sort-header__pulldown { border-radius: 10px; } /* line 444, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="game"] .sort-header__tags__count { color: #4c4c4c; background-color: #eeeeee; } /* line 449, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="game"] .sort-header-toggle, body[data-design="game"] .sort-header-toggle--in-modal { background-color: #fff; border-radius: 10px; } /* line 455, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="game"] .sort-header-toggle.is-filtered .sort-header-toggle__icon svg *, body[data-design="game"] .is-filtered.sort-header-toggle--in-modal .sort-header-toggle__icon svg * { fill: #49e845; } /* line 462, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="game"] .sort-header-toggle--in-modal { border-radius: 8px 8px 0 0; border-bottom: solid #fff 1px; background-color: #f7f7f7; } /* line 466, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="game"] .sort-header-toggle--in-modal:before { content: ""; display: block; position: absolute; bottom: 1px; left: 0; right: 0; border-bottom: solid #eeeeee 1px; } /* line 476, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; font-size: 18px; color: #a7a7a7; } /* line 482, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="kamakura"] .sort-header__inner { background-color: rgba(0, 0, 0, 0.96); } /* line 488, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="kamakura"] .sort-header__tab li.is-active a, body[data-design="kamakura"] .sort-header__tab--half li.is-active a, body[data-design="kamakura"] .sort-header__tab--award li.is-active a { color: #fff; background-color: #ff5500; } /* line 493, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="kamakura"] .sort-header__tab a, body[data-design="kamakura"] .sort-header__tab--half a, body[data-design="kamakura"] .sort-header__tab--award a { background-color: rgba(255, 255, 255, 0.1); color: #fff; } /* line 500, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="kamakura"] .sort-header__tab--award a { background-color: #ff5500; } /* line 505, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="kamakura"] .sort-header__pulldown { background-color: rgba(0, 0, 0, 0.8); color: #fff; } /* line 511, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="kamakura"] .sort-header__tags a, body[data-design="kamakura"] .sort-header__tags--2c a { background-color: rgba(255, 255, 255, 0.1); color: #fff; } /* line 517, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="kamakura"] .sort-header__tags__count { color: #000; background-color: #a4a293; } /* line 522, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="kamakura"] .sort-header-toggle, body[data-design="kamakura"] .sort-header-toggle--in-modal { font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; background-color: rgba(0, 0, 0, 0.8); color: #fff; } /* line 527, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="kamakura"] .sort-header-toggle svg *, body[data-design="kamakura"] .sort-header-toggle--in-modal svg * { fill: #fff; } /* line 531, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="kamakura"] .sort-header-toggle.is-filtered .sort-header-toggle__icon, body[data-design="kamakura"] .is-filtered.sort-header-toggle--in-modal .sort-header-toggle__icon { -o-border-image: url(/assets/pc/design/kamakura/background_base-2b0b5c04f80d5d33b1cfe3512b54f93da5da3d29c63f9ee0b893d085d8fca7bf.jpg) 1 repeat; border-image: url(/assets/pc/design/kamakura/background_base-2b0b5c04f80d5d33b1cfe3512b54f93da5da3d29c63f9ee0b893d085d8fca7bf.jpg) 1 repeat; } /* line 533, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="kamakura"] .sort-header-toggle.is-filtered .sort-header-toggle__icon svg *, body[data-design="kamakura"] .is-filtered.sort-header-toggle--in-modal .sort-header-toggle__icon svg * { fill: #ed5300; } /* line 540, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="kamakura"] .sort-header-toggle--in-modal { color: #a7a7a7; } /* line 543, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="kamakura"] .sort-header-toggle--in-modal svg * { fill: #a7a7a7; } /* line 551, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 * { color: #a7a7a7; } /* line 556, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="tech"] .sort-header__inner { background-color: #141415; } /* line 560, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="tech"] .sort-header-toggle, body[data-design="tech"] .sort-header-toggle--in-modal, body[data-design="tech"] .sort-header__pulldown { border-style: solid; -o-border-image: url(/assets/sp/design/tech/sort_border_gray-84fe5213f400b022cac962c6871aa40ecf3a9213d4f148832ee98cbb98921cab.png) 16 16 16 16 repeat; border-image: url(/assets/sp/design/tech/sort_border_gray-84fe5213f400b022cac962c6871aa40ecf3a9213d4f148832ee98cbb98921cab.png) 16 16 16 16 fill repeat; border-image-width: 8px 8px 8px 8px; z-index: -1; background-color: transparent; z-index: 0; } /* line 234, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .is-legacy-ie body[data-design="tech"] .sort-header-toggle, .is-legacy-ie body[data-design="tech"] .sort-header-toggle--in-modal, .is-legacy-ie body[data-design="tech"] .sort-header__pulldown { -o-border-image: none; border-image: none; } /* line 566, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="tech"] .sort-header-toggle:before, body[data-design="tech"] .sort-header-toggle--in-modal:before, body[data-design="tech"] .sort-header__pulldown:before { position: absolute; top: 10px; bottom: auto; left: 12px; right: auto; border: none; } /* line 575, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="tech"] .sort-header__tab li.is-active a, body[data-design="tech"] .sort-header__tab--half li.is-active a, body[data-design="tech"] .sort-header__tab--award li.is-active a { background-color: rgba(255, 255, 255, 0.4); } /* line 579, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="tech"] .sort-header__tab a, body[data-design="tech"] .sort-header__tab--half a, body[data-design="tech"] .sort-header__tab--award a { background-color: #262626; } /* line 585, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="tech"] .sort-header__tab--award a { background-color: rgba(255, 255, 255, 0.4); } /* line 591, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="tech"] .sort-header__tags a, body[data-design="tech"] .sort-header__tags--2c a { background-color: #262626; } /* line 596, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="tech"] .sort-header__tags__count { background-color: transparent; border: solid 1px #a7a7a7; } /* line 601, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="tech"] .sort-header-toggle, body[data-design="tech"] .sort-header-toggle--in-modal { color: #b8b8b8; background-color: #141415; -webkit-box-shadow: 0 0 16px 16px #fff inset; box-shadow: 0 0 16px 16px #fff inset; } /* line 606, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="tech"] .sort-header-toggle svg *, body[data-design="tech"] .sort-header-toggle--in-modal svg * { fill: #b8b8b8; } /* line 611, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="tech"] .sort-header-toggle.is-filtered .sort-header-toggle__icon svg *, body[data-design="tech"] .is-filtered.sort-header-toggle--in-modal .sort-header-toggle__icon svg * { fill: #26dcfd; } /* line 618, /home/circleci/app/app/assets/stylesheets/modules/sp/_sort-header.scss */ body[data-design="tech"] .sort-header-toggle--in-modal { -o-border-image: none; border-image: none; border-bottom: solid 1px #636363; -webkit-box-shadow: none; box-shadow: none; } /* line 3, /home/circleci/app/app/assets/stylesheets/modules/sp/_spotify.scss */ .spotify__card-list__item:not(:first-of-type) { margin-top: 20px; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/_spotify.scss */ .spotify__card { width: 100%; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/_ssl-seal.scss */ .ssl-seal { padding: 16px; padding-top: 0px; font-size: 0px; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/sp/_ssl-seal.scss */ .formtype__form .ssl-seal, .formtype__form--entry .ssl-seal { padding-top: 16px; padding-left: 0px; padding-bottom: 0px; } /* line 12, /home/circleci/app/app/assets/stylesheets/modules/sp/_ssl-seal.scss */ .is-resume .ssl-seal { display: none; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_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: 16px; font-weight: bold; line-height: 1; padding: 4px 12px; } /* line 12, /home/circleci/app/app/assets/stylesheets/modules/sp/_tag-stamp.scss */ .tag-stamp--retire, .tag-stamp--retire-mini { color: #ef5350; border-color: #ef5350; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/sp/_tag-stamp.scss */ .tag-stamp--retire-mini { font-size: 11px; padding: 3px 8px; border-width: 1px; } /* line 29, /home/circleci/app/app/assets/stylesheets/modules/sp/_tag-stamp.scss */ .tag-stamp--soldout { border-color: #f71b1b; background-color: #f71b1b; color: #fff; } /* line 36, /home/circleci/app/app/assets/stylesheets/modules/sp/_tag-stamp.scss */ .tag-stamp--absorption-merger { border-color: #666666; background-color: #666666; color: #fff; } /* line 43, /home/circleci/app/app/assets/stylesheets/modules/sp/_tag-stamp.scss */ .tag-stamp--attention { color: #f71b1b; border-color: #f71b1b; font-size: 12px; line-height: inherit; vertical-align: middle; margin-top: -0.5em; margin-left: 1em; padding: 0 0.5em; } /* line 60, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 63, /home/circleci/app/app/assets/stylesheets/modules/sp/_tag-stamp.scss */ body[data-design="simple"] .tag-stamp--vol { font-family: "Ubuntu"; } /* line 69, /home/circleci/app/app/assets/stylesheets/modules/sp/_tag-stamp.scss */ body[data-design="tech"] .tag-stamp--soldout, body[data-design="tech"] .tag-stamp--absorption-merger { color: #fff; } /* line 2, /home/circleci/app/app/assets/stylesheets/modules/sp/_term-list.scss */ .term-list ul, .term-list--recruit ul { margin: 0; } /* line 4, /home/circleci/app/app/assets/stylesheets/modules/sp/_term-list.scss */ .term-list ul li, .term-list--recruit ul li { list-style-type: none; margin: 0; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/sp/_term-list.scss */ .term-list__heading { padding-bottom: 18px; font-size: 28px; font-weight: bold; text-align: left; } /* line 25, /home/circleci/app/app/assets/stylesheets/modules/sp/_term-list.scss */ .term-list__term { margin-top: initial !important; clear: both; float: left; font-weight: bold; max-width: 6em; } /* line 33, /home/circleci/app/app/assets/stylesheets/modules/sp/_term-list.scss */ .term-list__content { margin-left: 6.5em; padding-left: 1em; padding-bottom: 2.5em; border-left: solid 1px #eeeeee; } /* line 38, /home/circleci/app/app/assets/stylesheets/modules/sp/_term-list.scss */ .term-list__content li { margin-bottom: 1em; } /* line 43, /home/circleci/app/app/assets/stylesheets/modules/sp/_term-list.scss */ .term-list__column { margin-bottom: 1em; } /* line 47, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 57, /home/circleci/app/app/assets/stylesheets/modules/sp/_term-list.scss */ .term-list__notice { font-size: 14px; } /* line 61, /home/circleci/app/app/assets/stylesheets/modules/sp/_term-list.scss */ .term-list__footer-note { font-size: 12px; } /* line 66, /home/circleci/app/app/assets/stylesheets/modules/sp/_term-list.scss */ body[data-design="comic"] .term-list__content { border-color: #474541; } /* line 72, /home/circleci/app/app/assets/stylesheets/modules/sp/_term-list.scss */ body[data-design="tech"] .term-list__content { border-color: #969696; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_three-step.scss */ .three-step { font-size: 0px; } /* line 5, /home/circleci/app/app/assets/stylesheets/modules/sp/_three-step.scss */ .three-step__item { vertical-align: top; } /* line 9, /home/circleci/app/app/assets/stylesheets/modules/sp/_three-step.scss */ .three-step__item:last-child .three-step__cell { margin-bottom: 0px; } /* line 11, /home/circleci/app/app/assets/stylesheets/modules/sp/_three-step.scss */ .three-step__item:last-child .three-step__cell:after { display: none; } /* line 18, /home/circleci/app/app/assets/stylesheets/modules/sp/_three-step.scss */ .three-step__cell { position: relative; background-color: #f5f5f5; font-size: 14px; padding: 15px 24px; padding-right: 0px; margin-bottom: 16px; } /* line 26, /home/circleci/app/app/assets/stylesheets/modules/sp/_three-step.scss */ .three-step__cell ul { margin: 0px; } /* line 28, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 37, /home/circleci/app/app/assets/stylesheets/modules/sp/_three-step.scss */ .three-step__cell ul li:before { content: "・"; } /* line 44, /home/circleci/app/app/assets/stylesheets/modules/sp/_three-step.scss */ .three-step__title { font-size: 20px; font-weight: bold; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_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/sp/_thumbnail-card.scss */ .thumbnail-card__item { list-style: none !important; margin: 8px 0 0 0 !important; width: 100%; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_top-social.scss */ .top-social { line-height: 1; text-align: center; margin: 32px auto; } /* line 7, /home/circleci/app/app/assets/stylesheets/modules/sp/_top-social.scss */ .top-social__item { display: inline-block; margin: 0px 8px; vertical-align: top; } /* line 12, /home/circleci/app/app/assets/stylesheets/modules/sp/_top-social.scss */ .top-social__item .fb_iframe_widget_lift { position: absolute; left: 0px; bottom: 0px; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_vision-footer-nav.scss */ .vision-footer-nav { margin-top: -13px; font-size: 16px; } /* line 6, /home/circleci/app/app/assets/stylesheets/modules/sp/_vision-footer-nav.scss */ .vision-footer-nav__item { display: block; margin-bottom: 1px; } /* line 9, /home/circleci/app/app/assets/stylesheets/modules/sp/_vision-footer-nav.scss */ .vision-footer-nav__item:last-child { margin-bottom: 0px; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/sp/_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; padding: 18px 24px; color: inherit; font-weight: bold; text-decoration: none; } /* line 28, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 30, /home/circleci/app/app/assets/stylesheets/modules/sp/_vision-footer-nav.scss */ 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 37, /home/circleci/app/app/assets/stylesheets/modules/sp/_vision-footer-nav.scss */ body[data-design="comic"] .vision-footer-nav { margin-top: -16px; border: solid 4px #474541; border-top: none; } /* line 43, /home/circleci/app/app/assets/stylesheets/modules/sp/_vision-footer-nav.scss */ body[data-design="comic"] .vision-footer-nav__item { margin-bottom: 0px; border-bottom: solid 2px #474541; } /* line 46, /home/circleci/app/app/assets/stylesheets/modules/sp/_vision-footer-nav.scss */ body[data-design="comic"] .vision-footer-nav__item:last-child { border-bottom: none; } /* line 51, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 53, /home/circleci/app/app/assets/stylesheets/modules/sp/_vision-footer-nav.scss */ 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 62, /home/circleci/app/app/assets/stylesheets/modules/sp/_vision-footer-nav.scss */ body[data-design="game"] .vision-footer-nav { position: relative; background-color: #fff; border-radius: 0px 0px 10px 10px; margin-top: -24px; border-top: solid 2px #eeeeee; overflow: hidden; } /* line 71, /home/circleci/app/app/assets/stylesheets/modules/sp/_vision-footer-nav.scss */ body[data-design="game"] .vision-footer-nav__item { margin-bottom: 0px; border-bottom: solid 2px #eeeeee; } /* line 74, /home/circleci/app/app/assets/stylesheets/modules/sp/_vision-footer-nav.scss */ body[data-design="game"] .vision-footer-nav__item:last-child { border-bottom: none; } /* line 80, /home/circleci/app/app/assets/stylesheets/modules/sp/_vision-footer-nav.scss */ body[data-design="game"] .vision-footer-nav__cell.is-active, body[data-design="game"] .is-active.vision-footer-nav__cell--message, body[data-design="game"] .is-active.vision-footer-nav__cell--vision, body[data-design="game"] .is-active.vision-footer-nav__cell--brainstorm { background-color: rgba(177, 177, 177, 0.15); } /* line 91, /home/circleci/app/app/assets/stylesheets/modules/sp/_vision-footer-nav.scss */ body[data-design="tech"] .vision-footer-nav__item { position: relative; margin-bottom: 0; } /* line 94, /home/circleci/app/app/assets/stylesheets/modules/sp/_vision-footer-nav.scss */ body[data-design="tech"] .vision-footer-nav__item:after { content: ""; display: block; border-bottom: solid 1px #969696; position: absolute; bottom: 0; left: 7px; right: 7px; -webkit-box-shadow: 0 0 3px 1px rgba(150, 150, 150, 0.6); box-shadow: 0 0 3px 1px rgba(150, 150, 150, 0.6); } /* line 102, /home/circleci/app/app/assets/stylesheets/modules/sp/_vision-footer-nav.scss */ body[data-design="tech"] .vision-footer-nav__item:last-child:after { display: none; } /* line 109, /home/circleci/app/app/assets/stylesheets/modules/sp/_vision-footer-nav.scss */ 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 117, /home/circleci/app/app/assets/stylesheets/modules/sp/_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 { position: relative; background-color: rgba(0, 0, 0, 0.8); color: #fff; font-family: "Alegreya", "秀英横太明朝 B", "Shuei Mincho B"; } /* line 123, /home/circleci/app/app/assets/stylesheets/modules/sp/_vision-footer-nav.scss */ 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 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_wrapper.scss */ .wrapper { font-size: 16px; line-height: 1.5; padding-top: 56px; color: #4c4c4c; } /* line 8, /home/circleci/app/app/assets/stylesheets/modules/sp/_wrapper.scss */ .content, .content--top { position: relative; padding: 0 8px; padding-bottom: 100px; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/sp/_wrapper.scss */ .content--top { padding: 0; } /* line 1, /home/circleci/app/app/assets/stylesheets/modules/sp/_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: 100%; padding-bottom: 20px; margin-bottom: 20px; } /* line 9, /home/circleci/app/app/assets/stylesheets/modules/sp/_year-tag-list.scss */ .year-tag-list li:not(:first-of-type) { margin-left: 15px; } /* line 14, /home/circleci/app/app/assets/stylesheets/modules/sp/_year-tag-list.scss */ .year-tag-list__item__link { display: block; text-decoration: none; font-size: 12px; height: 36px; line-height: 36px; padding-right: 10px; padding-left: 10px; border: 2px solid #eeeeee; color: #4c4c4c; border-radius: 5px; } /* line 1, /home/circleci/app/app/assets/stylesheets/pages/sp/_dice.scss */ .dice-ranking { position: relative; padding: 1px 0; color: #4c4c4c; } /* line 8, /home/circleci/app/app/assets/stylesheets/pages/sp/_dice.scss */ .dice-ranking__title { position: absolute; top: 0; left: 0; font-size: 32px; font-family: "Ubuntu"; font-weight: bold; } /* line 23, /home/circleci/app/app/assets/stylesheets/pages/sp/_dice.scss */ .dice-ranking__list__title { font-size: 16px; font-weight: bold; padding: 32px 16px 4px; border-bottom: 2px solid #f5f5f5; } /* line 30, /home/circleci/app/app/assets/stylesheets/pages/sp/_dice.scss */ .dice-ranking__list__property { position: relative; 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; padding: 16px 0; border-bottom: 2px solid #f5f5f5; } /* line 38, /home/circleci/app/app/assets/stylesheets/pages/sp/_dice.scss */ .dice-ranking__list__property__rank { width: 48px; margin-left: 16px; font-weight: bold; text-align: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } /* line 46, /home/circleci/app/app/assets/stylesheets/pages/sp/_dice.scss */ .dice-ranking__list__property__image { width: 32px; margin-left: 16px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } /* line 52, /home/circleci/app/app/assets/stylesheets/pages/sp/_dice.scss */ .dice-ranking__list__property__name { width: 100%; padding-left: 16px; font-weight: bold; } /* line 58, /home/circleci/app/app/assets/stylesheets/pages/sp/_dice.scss */ .dice-ranking__list__property__average { width: 48px; padding-right: 16px; text-align: right; font-weight: bold; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } /* line 66, /home/circleci/app/app/assets/stylesheets/pages/sp/_dice.scss */ .dice-ranking__list__inner { position: relative; 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; height: 70px; line-height: 70px; } /* line 73, /home/circleci/app/app/assets/stylesheets/pages/sp/_dice.scss */ .dice-ranking__list__inner:nth-child(2n + 1) { background-color: #f5f5f5; } /* line 78, /home/circleci/app/app/assets/stylesheets/pages/sp/_dice.scss */ .dice-ranking__list__inner__rank, .dice-ranking__list__inner__rank--top { position: relative; width: 48px; margin-left: 16px; text-align: center; font-size: 20px; font-weight: bold; font-family: YakuHanJP, YuGothic, sans-serif !important; text-align: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } /* line 89, /home/circleci/app/app/assets/stylesheets/pages/sp/_dice.scss */ .dice-ranking__list__inner__rank--top { background-image: url(/assets/sp/member/bg_top-ranker-3482b741ae8c5a445bf9030b1e466e3162c4cc2ba719be7051600c910abf06f6.png); background-size: 44px 24px; background-repeat: no-repeat; background-position: 50% 75%; font-size: 24px; top: -7px; } /* line 99, /home/circleci/app/app/assets/stylesheets/pages/sp/_dice.scss */ .dice-ranking__list__inner__image { width: 32px; line-height: 65px; margin-left: 16px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } /* line 105, /home/circleci/app/app/assets/stylesheets/pages/sp/_dice.scss */ .dice-ranking__list__inner__image img { width: 100%; vertical-align: middle; } /* line 111, /home/circleci/app/app/assets/stylesheets/pages/sp/_dice.scss */ .dice-ranking__list__inner__name { width: 100%; padding-left: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 119, /home/circleci/app/app/assets/stylesheets/pages/sp/_dice.scss */ .dice-ranking__list__inner__average { width: 48px; padding-right: 16px; text-align: right; font-size: 20px; font-weight: bold; font-family: YakuHanJP, YuGothic, sans-serif !important; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } /* line 129, /home/circleci/app/app/assets/stylesheets/pages/sp/_dice.scss */ .dice-ranking__list__caution { position: relative; padding: 56px 16px 16px; font-size: 13px; } /* line 135, /home/circleci/app/app/assets/stylesheets/pages/sp/_dice.scss */ .dice-ranking__list__caution__inner { line-height: 2em; } /* line 140, /home/circleci/app/app/assets/stylesheets/pages/sp/_dice.scss */ body[data-design="comic"] .dice-ranking__list__property, body[data-design="comic"] .dice-ranking__list__title { border-color: #474541; } /* line 147, /home/circleci/app/app/assets/stylesheets/pages/sp/_dice.scss */ body[data-design="tech"] .dice-ranking__list, body[data-design="tech"] .dice-ranking__list--novice { padding: 10px 10px 0 10px; } /* line 152, /home/circleci/app/app/assets/stylesheets/pages/sp/_dice.scss */ body[data-design="tech"] .dice-ranking__list__inner { background-color: #262626; } /* line 155, /home/circleci/app/app/assets/stylesheets/pages/sp/_dice.scss */ body[data-design="tech"] .dice-ranking__list__inner:nth-child(2n + 1) { background-color: #363636; } /* line 160, /home/circleci/app/app/assets/stylesheets/pages/sp/_dice.scss */ body[data-design="tech"] .dice-ranking__list__title, body[data-design="tech"] .dice-ranking__list__property { border-color: #969696; } /* line 5, /home/circleci/app/app/assets/stylesheets/pages/sp/_news.scss */ .news_news__item { margin-top: 8px; } /* line 8, /home/circleci/app/app/assets/stylesheets/pages/sp/_news.scss */ .news_news__item:first-child { margin-top: 0; } /* line 5, /home/circleci/app/app/assets/stylesheets/pages/sp/_smile.scss */ .smile-content__inner { position: relative; margin-top: 16px; padding: 24px 24px 24px 105px; } /* line 12, /home/circleci/app/app/assets/stylesheets/pages/sp/_smile.scss */ .smile-content__inner__image { position: absolute; top: 24px; left: 24px; } /* line 15, /home/circleci/app/app/assets/stylesheets/pages/sp/_smile.scss */ .smile-content__inner__image:before, .smile-content__inner__image:after { position: absolute; bottom: -4px; left: 16px; background-color: #999999; content: ""; } /* line 22, /home/circleci/app/app/assets/stylesheets/pages/sp/_smile.scss */ .smile-content__inner__image:before { width: 3px; height: 13px; } /* line 27, /home/circleci/app/app/assets/stylesheets/pages/sp/_smile.scss */ .smile-content__inner__image:after { width: 6px; height: 3px; } /* line 33, /home/circleci/app/app/assets/stylesheets/pages/sp/_smile.scss */ .smile-content__inner__image__arrow { position: absolute; bottom: -9px; left: 20px; line-height: 1; color: #999999; font-size: 14px !important; } /* line 77, /home/circleci/app/app/assets/stylesheets/_mixin.scss */ .smile-content__inner__image__arrow:after { content: ""; font-family: FontAwesome; } /* line 41, /home/circleci/app/app/assets/stylesheets/pages/sp/_smile.scss */ .smile-content__inner__image__arrow:after { vertical-align: top; } /* line 46, /home/circleci/app/app/assets/stylesheets/pages/sp/_smile.scss */ .smile-content__inner__image__from { width: 50px; } /* line 50, /home/circleci/app/app/assets/stylesheets/pages/sp/_smile.scss */ .smile-content__inner__image__to { position: absolute; top: 48px; left: 34px; width: 38px; border: 2px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 57, /home/circleci/app/app/assets/stylesheets/pages/sp/_smile.scss */ .smile-content__inner__title { line-height: 1em; font-size: 20px; font-weight: bold; } /* line 63, /home/circleci/app/app/assets/stylesheets/pages/sp/_smile.scss */ .smile-content__inner__description { margin-top: 10px; font-size: 14px; } /* line 68, /home/circleci/app/app/assets/stylesheets/pages/sp/_smile.scss */ .smile-content__inner__date { margin-top: 30px; font-family: "Ubuntu"; font-style: italic; font-size: 14px; } /* line 75, /home/circleci/app/app/assets/stylesheets/pages/sp/_smile.scss */ .smile-content__inner__from_to { margin-top: 5px; font-size: 14px; } /* line 3, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero { position: relative; color: #fff; } /* line 8, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero .swiper-container, .hero .swiper-wrapper, .hero .swiper-button-prev, .hero .swiper-button-next { z-index: auto; } /* line 18, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__slider-container:before { content: ""; position: absolute; display: block; width: 50px; height: 50px; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; background-size: 50px 600px; pointer-events: none; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; -webkit-animation: sp-loading-animation 1s steps(12) infinite; animation: sp-loading-animation 1s steps(12) infinite; background-image: url(/assets/pc/design/simple/loading_simple-07c3434ac345c77be3398c3696f2db57f1ac78b74a22cf556d46dac029a195bc.png); } /* line 38, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__slider-container.is-loading { background-color: #e5e5e5; padding-bottom: 41.875%; height: 60px; } /* line 45, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__slider-container.is-loading:before { opacity: 1; } /* line 49, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__slider-container.is-loading .hero__slider { opacity: 0; } /* line 53, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__slider-container.is-loading .hero__slider-nav { opacity: 0; } /* line 59, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__slider { opacity: 1; } /* line 62, /home/circleci/app/app/assets/stylesheets/pages/sp/_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: 40px; height: 40px; position: absolute; top: 50%; margin: 0; padding: 30px 10px; line-height: 1; margin-top: -30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; opacity: 0.7; -webkit-tap-highlight-color: transparent; outline: 0; -webkit-transition: opacity 0.1s; transition: opacity 0.1s; } /* line 83, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__slider .swiper-button-prev:after, .hero__slider .swiper-button-next:after { display: none; } /* line 87, /home/circleci/app/app/assets/stylesheets/pages/sp/_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 94, /home/circleci/app/app/assets/stylesheets/pages/sp/_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 103, /home/circleci/app/app/assets/stylesheets/pages/sp/_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 109, /home/circleci/app/app/assets/stylesheets/pages/sp/_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 119, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__slider .swiper-button-prev:active, .hero__slider .swiper-button-next:active { opacity: 1; } /* line 124, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__slider .swiper-button-prev { left: 0; } /* line 126, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__slider .swiper-button-prev div { -webkit-transform: scaleX(-1); transform: scaleX(-1); } /* line 131, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__slider .swiper-button-next { right: 0; } /* line 136, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__slider__item { position: absolute; width: 100%; top: 0px; color: inherit; padding-bottom: 60px; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } /* line 145, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__slider__item:before { position: absolute; bottom: 0; left: 0; right: 0; height: 60px; background-color: #434343; content: ""; } /* line 153, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__image { line-height: 0; } /* line 156, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__image .hero__image__row { width: 100%; height: 0; padding-top: 42%; background-size: cover; background-position: center; } /* line 164, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__image .corner-cut-image { display: none; width: 100%; } /* line 170, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__data { position: absolute; bottom: 0; left: 0; padding: 14px 8px; width: 100%; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 178, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__description { font-size: 11px; font-family: "Ubuntu Condensed"; color: #fff; line-height: 1; margin-bottom: 3px; } /* line 186, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__title { font-size: 13px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* line 194, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__info { position: absolute; top: 14px; right: 8px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 1; } /* line 200, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__category { font-size: 10px; } /* line 203, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__category:after { content: "｜"; } /* line 208, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__year { margin: 0 2px; font-size: 10px; } /* line 213, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__slider-nav { overflow: hidden; opacity: 1; } /* line 217, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__slider-nav.swiper-container { padding: 8px; } /* line 220, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__slider-nav .swiper-wrapper { width: 100%; margin-left: calc(-33.333% - 4px); } /* line 225, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__slider-nav .swiper-slide div { width: 100%; height: 0; padding-bottom: 41.875%; overflow: hidden; } /* line 232, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .hero__slider-nav img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; } /* line 240, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .top_news { margin-top: 40px; padding: 0 7.5px; } /* line 245, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .top_news__title { font-size: 20px; font-weight: bold; } /* line 250, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .top_news__inner { margin-top: 8px; } /* line 253, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .top_news__inner a { display: block; position: relative; height: 160px; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; text-decoration: none; } /* line 265, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .top_news__inner__image { float: right; position: relative; width: 130px; height: 100%; margin-left: 10px; overflow: hidden; } /* line 273, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .top_news__inner__image img { max-height: 100%; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* line 280, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .top_news__inner__image div { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-size: cover; background-position: center; } /* line 287, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .top_news__inner__info { position: relative; height: 130px; overflow: hidden; } /* line 293, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .top_news__inner__info__date { font-family: "Ubuntu"; font-size: 11px; font-style: italic; font-weight: normal; } /* line 300, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .top_news__inner__info__series { margin-top: 5px; margin-bottom: -5px; font-size: 12px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 308, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .top_news__inner__info__series:before { content: "#"; } /* line 313, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .top_news__inner__info__title, .top_news__inner__info__title--thin { font-size: 16px; line-height: 1.38; font-weight: bold; max-height: 5.52em; margin-top: 5px; overflow: hidden; } /* line 322, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .top_news__inner__info__title--thin { max-height: 4.125em; } /* line 328, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .top_news__inner__info__meta { position: absolute; bottom: 0; left: 0; font-size: 10px; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* line 337, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .top_news__inner__info__meta__category { display: inline; line-height: 1em; font-size: 10px; font-family: "Ubuntu"; font-style: italic; white-space: nowrap; } /* 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 347, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .top_news__inner__info__meta__tags { display: inline; } /* line 351, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .top_news__inner__info__meta__pickup { top: 0; } /* line 356, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .more_info { display: block; margin: 30px auto; } /* line 359, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .more_info a { display: block; } /* line 364, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ .top__social { display: none; } /* line 369, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="simple"] .more_info { display: block; width: 255px; margin-bottom: 30px; } /* line 378, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="comic"] .hero { position: relative; } /* line 381, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="comic"] .hero:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 4px solid #474541; content: ""; } /* line 388, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="comic"] .hero__slider { background-color: #f4f0e7; } /* line 390, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="comic"] .hero__slider:before { background-image: url(/assets/pc/design/comic/loading_comic-c68761a5e1af42e04744653ca71b6812dd4e2d27fe52d809312e852ecc973ab5.png); } /* line 395, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="comic"] .top_news__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 402, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="comic"] .top_news__inner a { padding: 11px; } /* line 407, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="comic"] .top_news__inner__image { width: 122px; } /* line 411, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="comic"] .more_info { position: relative; display: block; width: 273px; margin-bottom: 30px; } /* line 421, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="game"] .hero__slider { background-color: rgba(0, 0, 0, 0.75); } /* line 423, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="game"] .hero__slider:before { width: 100px; height: 25px; margin-left: -50px; margin-top: -12.5px; background-image: url(/assets/pc/design/game/loading_game-daf5eecc9ada2178610a550d1b1ded86610af7c9c6650b5da7de6255966501c3.png); background-size: 100px 300px; -webkit-animation-name: sp-game-loading-animation; animation-name: sp-game-loading-animation; } /* line 437, /home/circleci/app/app/assets/stylesheets/pages/sp/_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 443, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ 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 448, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="game"] .top_news__inner__image img { border-radius: 10px; } /* line 452, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="game"] .more_info { width: 280px; height: 66px; background: none; color: #fff; } /* line 460, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="game"] .more_info:after { display: none; } /* line 463, /home/circleci/app/app/assets/stylesheets/pages/sp/_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 470, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="game"] .more_info a span { display: none; } /* line 473, /home/circleci/app/app/assets/stylesheets/pages/sp/_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 494, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="kamakura"] .hero:before { content: ""; display: block; position: absolute; top: 100%; right: 0px; margin-top: -20px; width: 173px; height: 104px; background-size: 173px 104px; background-image: url(/assets/sp/design/kamakura/matsu_header-59bf6b2b67db000ecc1cf8526749d1e3d914ede32a69b69e378a805c37a30954.png); } /* line 510, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="kamakura"] .hero__slider { background-color: #000; } /* line 512, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="kamakura"] .hero__slider:before { background-image: url(/assets/pc/design/kamakura/loading_kamakura-be5bbbbdf63d6b3a8e854e8e3d06a732b508ed9065ca1a47ee87b90580418bbd.png); } /* line 517, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="kamakura"] .top_news { position: relative; padding-top: 40px; } /* line 522, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="kamakura"] .top_news__header { position: absolute; top: 0; padding: 5px 15px; 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 531, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="kamakura"] .top_news__title { font-size: 0px; margin: 0px; } /* line 534, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="kamakura"] .top_news__title:after { font-size: 20px; line-height: 1.2; content: "新着情報"; } /* line 541, /home/circleci/app/app/assets/stylesheets/pages/sp/_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 546, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="kamakura"] .top__footer { position: relative; } /* line 549, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="kamakura"] .top__footer:before { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 205px; height: 202px; background-size: 205px 202px; background-image: url(/assets/sp/design/kamakura/matsu_footer-9108e1c2ad29e2dc8b0b2c5c3168d667ae2fe3e3e6ec744bf98f8084e7ae92b1.png); } /* line 564, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="kamakura"] .more_info { width: 134px; height: 120px; position: relative; background: none; } /* line 572, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="kamakura"] .more_info:after { display: none; } /* line 576, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="kamakura"] .more_info a { text-indent: -9999px; white-space: nowrap; overflow: hidden; width: 100%; height: 100%; background-image: url(/assets/pc/design/kamakura/more_info-47f87ec418691202855b5c5d77c9c2a9a08cc748bb67d5d26014a6b659be087b.png); background-position: left top; background-size: 134px 240px; } /* line 589, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="tech"] .hero__slider.is-loading { background-color: #000; } /* line 592, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="tech"] .hero__slider:before { background-image: url(/assets/pc/design/tech/loading_tech-0ede01df336c066c1c292022dbdbd1c92e40beb51a1a36d8b7128ce272a660ed.png); } /* line 597, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="tech"] .hero__image { position: relative; } /* line 600, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="tech"] .hero__image .corner-cut-image { display: block; } /* line 605, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="tech"] .hero__title, body[data-design="tech"] .hero__description, body[data-design="tech"] .hero__category, body[data-design="tech"] .hero__year { color: #fff; } /* line 617, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="tech"] .more_info a { width: 257px; line-height: 64px; margin: 30px auto; text-decoration: none; } /* line 625, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ body[data-design="tech"] .more_info span { color: #fff; } /* line 633, /home/circleci/app/app/assets/stylesheets/pages/sp/_top.scss */ html:lang(en) body[data-design="game"] .more_info a { background-image: url(/assets/pc/design/game/more_info_en-b092c9f49e098b465ed3b6af197a0b71d4dc999de6d93cb95ee04a01eae1c2ec.png); }