@charset "UTF-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9. Hide the `template` element in IE, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre-wrap; }

/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9. */
img { border: 0; }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

.empty-image .ss-icon, .empty-image .object-image a:after, .object-image .empty-image a:after { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; display: block; margin: auto; overflow: hidden; }

.hero-search .search-container:after, .form-container:after, .result-item:after, .path-search .search-container:after, .profile-metadata:after, .edition:after, .edition-meta:after, .latest-releases:after, .idol-profile .membership:after, .idol-profile .membership-list:after, .group-profile .membership-list:after, .group-profile .release-list:after, .active-members:after, .inactive-leaders:after, .inactive-leaders .membership-header:after, .inactive-members:after, .releases-singles:after, .releases-albums:after, .profile-subgroups:after { content: ""; display: table; clear: both; }

*, *:before, *:after { box-sizing: border-box; text-rendering: optimizeLegibility; }

html { -webkit-tap-highlight-color: transparent; }

body { color: #454D57; font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 14px; line-height: 1.42857; }

a { color: #009DDD; transition: all 0.2s ease; text-decoration: none; }
a:hover { color: #00B64F; }

ul, ol { margin: 0; padding: 0; border: 0; list-style: none; }
ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; }

.container { *zoom: 1; width: 970px; width: 60.625rem; padding-left: 10px; padding-left: 0.625rem; padding-right: 10px; padding-right: 0.625rem; margin-left: auto; margin-right: auto; }
.container:after { content: ""; display: table; clear: both; }

img { vertical-align: middle; }

.img-circle { border-radius: 50%; }

.img-responsive { display: block; max-width: 100%; height: auto; }

h1, h2, h3, h4, h5, h6 { color: #272E37; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-weight: 200; line-height: 1.1; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; }

h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; }

h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; }

h1 { font-size: 36px; }

h2 { font-size: 30px; }

h3 { font-size: 24px; }

h4 { font-size: 18px; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }

h1 small { font-size: 24px; }

h2 small { font-size: 18px; }

h3 small, h4 small { font-size: 14px; }

/* Make clicks pass-through */
#nprogress { pointer-events: none; }

#nprogress .bar { background: #29d; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 2px; }

/* Fancy blur effect */
#nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #29d, 0 0 5px #29d; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); }

/* Remove these to get rid of the spinner */
#nprogress .spinner { display: block; position: fixed; z-index: 100; top: 15px; right: 15px; }

#nprogress .spinner-icon { width: 18px; height: 18px; box-sizing: border-box; border: solid 2px transparent; border-top-color: #29d; border-left-color: #29d; border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite; }

@-webkit-keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); } }
@keyframes nprogress-spinner { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
@font-face { font-family: 'hicons'; src: url("/static/fonts/hicons.8c818c386ee0.eot"); src: url("/static/fonts/hicons.8c818c386ee0.eot?#iefix") format("embedded-opentype"), url("/static/fonts/hicons.4a853692ab50.woff") format("woff"), url("/static/fonts/hicons.662a10dde4c5.ttf") format("truetype"), url("/static/fonts/hicons.30dc9f83c059.svg#hicons") format("svg"); font-weight: normal; font-style: normal; }
.hicon { font: normal normal 16px hicons; line-height: 1; display: inline-block; text-decoration: none; -webkit-font-smoothing: antialiased; }

.hicon-logo-base:before { content: '\f002'; }

/*  */
.hicon-logo-hello:before { content: '\f001'; }

/*  */
.hicon-logo-ranking:before { content: '\f000'; }

/*  */
.header a { text-decoration: none; }
.header .container { align-items: center; display: flex; min-height: 61px; padding-top: 1rem; padding-bottom: 1rem; }

.logo-wordmark .hicon-logo-hello, .logo-wordmark .hicon-logo-base, .logo-wordmark .property { position: relative; top: 2px; font-size: 22px; }
.logo-wordmark .hicon-logo-base { margin-left: 2px; }
.logo-wordmark .property { font-size: 24px; font-style: italic; font-weight: 700; letter-spacing: -1px; line-height: 0; }

.header-logo-wordmark { padding-right: 1rem; }
.landing-home .header-logo-wordmark { padding-right: 0; }

.header-tagline { display: inline-block; margin-top: 0; margin-bottom: 0; margin-left: 6px; color: #A0ABB6; font-size: 12px; font-style: italic; vertical-align: 0; }

.header-search { position: relative; width: 32.20339%; background-color: #FEFEFE; border-radius: 4px; border: 1px solid #EBEFF5; border-bottom-color: #DFE3E8; transition: all 0.2s ease; }
.header-search.focus { border-color: #007ECE; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(0, 186, 235, 0.5); }
.header-search.focus .ss-icon, .header-search.focus .object-image a:after, .object-image .header-search.focus a:after { color: #00BAEB; }

.search-container { align-items: center; display: flex; padding: 4px; }
.search-container input { flex: 1; width: 73.68421%; background-color: transparent; border: none; font-size: 12px; }
.search-container input:focus { outline: none; }
.search-container .ss-icon, .search-container .object-image a:after, .object-image .search-container a:after { position: relative; top: 1px; width: 24px; color: #A0ABB6; text-align: center; }

.header-navigation { padding-left: 1rem; font-size: 13px; }
.header-navigation a { color: #FFF; }

.header-userbox { flex: 1; font-size: 12px; text-align: right; }

.footer { margin-top: 2rem; padding-bottom: 2rem; background-color: #FFF; border-top: 1px solid #F0F3F7; }
.footer a { color: #646D77; }
.footer a:hover { color: #30BEDA; }
.footer p { color: #828B96; font-size: 11px; }
.footer .container { color: #FFF; }
.footer .upper-footer { align-items: center; display: flex; padding-top: 2rem; }
.footer .lower-footer { align-items: center; display: flex; padding-top: 1rem; }
.footer .links { display: flex; flex: 1; }
.footer .links .link { margin-right: 1rem; font-size: 12px; font-weight: bold; }
.footer .links .ss-icon, .footer .links .object-image a:after, .object-image .footer .links a:after { position: relative; top: 1px; }
.footer .social-links { height: 20px; }
.footer .social-links span { padding-right: 6px; vertical-align: 6px; color: #A1ABB6; font-size: 12px; font-weight: bold; }
.footer .social-links [id^="twitter-widget"] { margin-right: 6px; width: 206px !important; }
.footer .byline { flex: 2; }
.footer .hicon-logo-hello, .footer .hicon-logo-base { position: relative; top: 2px; font-size: 16px; }
.footer .copyright { margin: 0.15rem 0; }
.footer .disclaimer { flex: 1; margin: 0; margin-left: 1rem; }

.landing-home .header-tagline { color: rgba(255, 255, 255, 0.75); }
.landing-home .masthead.container { align-items: center; display: flex; justify-content: space-between; padding-top: 36px; padding-bottom: 72px; }

.hero a { color: #FFF; font-weight: 600; }

.hero-image { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: hidden; width: 100%; z-index: -1; background-color: #272E37; }
.hero-image img { margin-top: -20%; width: 100%; opacity: 0; }

.hero-tagline, .hero-search { position: relative; width: 49.15254%; }

.hero-tagline { margin: 0 1.69492% 0 0; color: #FFF; font-size: 48px; font-weight: 200; letter-spacing: -3px; line-height: 1; }

.hero-search .search-container { padding: 4px; border-radius: 4px; background-color: #FFF; }
.hero-search .search-container input { width: 87.17949%; float: left; margin-right: 2.5641%; display: inline; padding: 9px 12px 9px; border: none; font-size: 18px; }
.hero-search .search-container input:focus { outline: none; }
.hero-search .search-container button { width: 10.25641%; float: right; margin-right: 0; *margin-left: -1em; display: inline; padding: 10px 12px; background-color: #9BD034; border: none; border-radius: 3px; font-size: 18px; }
.hero-search .search-container button .ss-icon, .hero-search .search-container button .object-image a:after, .object-image .hero-search .search-container button a:after { position: relative; top: 2px; color: #FFF; }

.form-container { margin: -4px; padding: 4px; background-color: transparent; border-radius: 6px; transition: all 250ms ease; }
.form-container.focus { background-color: rgba(0, 0, 0, 0.5); }

.examples { padding-top: 1em; color: rgba(255, 255, 255, 0.75); font-size: 12px; text-align: center; }

#standing-idol { background-color: #3c9ce1; }
#standing-idol .recent-posts { height: 36px; padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: center; }
#standing-idol .ss-icon, #standing-idol .object-image a:after, .object-image #standing-idol a:after { position: relative; top: 1px; }

.reasonings { padding-top: 48px; padding-bottom: 1.777rem; background-color: #FFF; text-align: center; }
.reasonings h2 { padding: 0 1.777rem; color: #454D57; font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 1.333rem; font-weight: 400; letter-spacing: -1px; }
.reasonings h2 i { color: #272E37; font-weight: 600; }

.reasoning-icon { text-align: center; }
.reasoning-icon .ss-icon, .reasoning-icon .object-image a:after, .object-image .reasoning-icon a:after { display: inline-block; padding: 13px 0px 7px; width: 54px; background: #333; border-radius: 8px; color: #FFF; font-size: 24px; }

.reasoning-list { margin-top: 0; margin-bottom: 0; }

.reasoning { width: 32.20339%; float: left; margin-right: 1.69492%; display: inline; position: relative; }
.reasoning:nth-child(3n) { float: right; margin-right: 0; *margin-left: -1em; }
.reasoning a { font-weight: 600; }
.reasoning a:link, .reasoning a:visited { color: #272E37; }
.reasoning p { padding: 0 1rem; }
.reasoning .reasoning-icon .ss-books { background: linear-gradient(#cc82ee, #b563e5); }
.reasoning .reasoning-icon .ss-analytics { background: linear-gradient(#f5ea5b, #f0dd40); }
.reasoning .reasoning-icon .ss-compass { background: linear-gradient(#ff68a0, #ff4b81); }

.counts { padding-bottom: 2.369rem; background-color: #FFF; }

.count-header { text-align: center; }
.count-header:before { position: relative; top: 36px; content: ''; display: block; border-top: 1px solid #EBEFF5; }
.count-header h2 { font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 1.333rem; font-weight: 400; letter-spacing: -1px; }
.count-header h2 i { color: #272E37; font-weight: 600; }
.count-header h2 .heading { position: relative; padding: 0 1rem; z-index: 5; background-color: #FFF; }
.count-header p { margin: 0.563rem 0 1.333rem; }
.count-header .ss-icon, .count-header .object-image a:after, .object-image .count-header a:after { position: relative; top: 3px; }

.count-list { display: flex; justify-content: space-between; }
.count-list .count { text-align: center; }
.count-list .count span { font-size: 24px; }
.count-list .count strong { display: block; color: #A0ABB6; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 11px; }

.correlations { position: relative; background-color: #F9FAFC; box-shadow: 0 76px 0 #F9FAFC, 0 77px 0 #F0F3F7; }
.correlations .container { display: flex; justify-content: space-between; }

.correlations-header { position: relative; overflow: hidden; padding: 1.777rem 0 3.157rem; background-color: #FFF; border-bottom: 1px solid #F0F3F7; box-shadow: 0 -1rem 2rem rgba(0, 0, 0, 0.25); }
.correlations-header .container { position: relative; align-items: center; display: flex; justify-content: space-between; z-index: 10; }

.correlations-header-graph { position: absolute; bottom: 0px; width: 100%; }
.correlations-header-graph .area { fill: #FEFEFE; }
.correlations-header-graph .line { fill: none; stroke: #F0F3F7; stroke-width: 2px; }

.correlations-masthead { align-items: center; display: flex; flex: 2; }
.correlations-masthead h2 { margin: 0; color: #FF5B29; font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 2.369rem; font-style: italic; font-weight: 800; letter-spacing: -2px; }
.correlations-masthead h2 span { position: relative; margin-right: -0.317rem; vertical-align: 0.5rem; color: #FF773A; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 1.333rem; font-style: normal; }
.correlations-masthead .correlations-explanation { margin: 0; margin-left: 1.69492%; width: 49.15254%; color: #A1ABB6; font-size: 12px; line-height: 1.3; }

.correlations-explore-more { align-items: center; display: flex; flex: 1; justify-content: flex-end; }
.correlations-explore-more li { border-radius: 4px; margin-left: 6px; }
.correlations-explore-more li a { display: block; padding: 0.563rem 1rem; border-radius: 4px; color: #FFF; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-weight: bold; }
.correlations-explore-more li a:hover { background-color: #FFF; }
.correlations-explore-more .explore-header { color: #646D77; padding-right: 8px; font-size: 12px; line-height: 1.3; }
.correlations-explore-more .explore-2012 { background-color: #F05127; }
.correlations-explore-more .explore-2012 a:hover { box-shadow: inset 0 0 0 2px #F05127; color: #F05127; }
.correlations-explore-more .explore-2013 { background-color: #00A68E; }
.correlations-explore-more .explore-2013 a:hover { box-shadow: inset 0 0 0 2px #00A68E; color: #00A68E; }
.correlations-explore-more .explore-2014 { background-color: #E7658B; }
.correlations-explore-more .explore-2014 a:hover { box-shadow: inset 0 0 0 2px #E7658B; color: #E7658B; }

.correlation-happenings { flex: 2; margin-right: 3.44828%; }
.correlation-happenings .happening-date-list { position: relative; padding: 2rem 0 0 1rem; }
.correlation-happenings .happening-date-list:after { position: absolute; bottom: -96px; left: 0px; content: ''; width: 3px; height: 100px; background: #DFE3E8; }
.correlation-happenings .happening-date-name { width: 3.157rem; color: #454D57; box-shadow: inset 0 4px 0 0 #FF5B29, inset 0 0 0 1px #DFE3E8, 0 1px 0 #F4F6F9; font-size: 1rem; }
.correlation-happenings .happening-date-name .month-name { padding-right: 1px; vertical-align: 6px; font-size: 12px; }
.correlation-happenings .happening-event-list { font-size: 13px; }
.correlation-happenings .event-groups-started .happening-actors { display: none; }

.happening-explore-more { text-align: right; }
.happening-explore-more a { padding: 0.422rem 0.563rem; background: #FF773A; border-radius: 4px; color: white; font-size: 12px; font-weight: 700; }
.happening-explore-more a:hover { background: #FF5B29; }
.happening-explore-more .ss-icon, .happening-explore-more .object-image a:after, .object-image .happening-explore-more a:after { position: relative; top: 2px; }

.correlation-history { flex: 1; }
.correlation-history h2 { margin-top: 2rem; margin-bottom: 1rem; color: #646D77; font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 1.777em; font-weight: 400; letter-spacing: -1px; }
.correlation-history h2 i { color: #CC82EE; font-weight: 600; }

.history-item { margin-bottom: 1rem; background: #FFF; border-radius: 4px; box-shadow: inset 0 4px 0 0 #CC82EE, inset 0 0 0 1px #DFE3E8, 0 1px 0 #F4F6F9; }

.history-timestamp { justify-content: space-between; display: flex; margin: 0 0.75rem; padding-top: 0.75rem; padding-bottom: 0.563rem; border-bottom: 1px solid #DFE3E8; color: #454D57; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 13px; }

.history-date { font-weight: bold; }

.history-weekdate { color: #828B96; font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; }

.history-event { align-items: center; display: flex; padding: 0.563rem 0.75rem 0.75rem; font-size: 13px; }
.history-event .happening-event, .history-event .happening-illustration { padding: 0; }
.history-event .happening-actors { display: none; }

body[class^="path-image"] { background-color: #272E37; padding: 2rem; }

.image-detail { display: flex; }

.image-header { margin-left: 2rem; order: 1; padding: 1rem 0; width: 25%; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.image-header.zoomed { display: none; }
.image-header a { color: #fff; }
.image-header .header-tagline { display: block; margin-left: 0; }

.image-dimensions { color: #A0ABB6; }

.image-viewer img { display: block; max-width: 100%; box-shadow: 0 0 24px rgba(0, 0, 0, 0.8); }
.image-viewer img:hover { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.image-viewer img.zoomed { max-width: none; }

.hello-party { display: block; overflow: hidden; padding: 1.777rem 0; background-color: #111; background-position: center center; background-repeat: no-repeat; color: #fff; }
.hello-party:hover, .hello-party strong { color: #f473b2; }
.hello-party:hover { text-shadow: 0 0 2px #f473b2; }
.hello-party .container { font-size: 24px; font-style: italic; letter-spacing: -1px; text-align: center; }

.no-query .page { display: flex; flex-direction: column; min-height: 100vh; }
.no-query .content { flex: 1; justify-content: center; align-items: center; display: flex; }

.no-results .empty { padding: 2rem 0; text-align: center; }
.no-results .empty h2 { margin: 1rem 0; color: #E9173F; font-size: 7.478rem; font-weight: 200; letter-spacing: -1rem; }

.result { padding: 11px 12px 9px; border-bottom: 1px solid #EBEFF5; font-size: 13px; }
.result a { color: #333; font-weight: normal; }
.result a:hover { color: #9BD034; }

.result-item { display: flex; align-items: center; }

.result-query { border-bottom: none; }

.facet { padding-top: 5px; margin-bottom: 8px; position: relative; }
.facet .facet-type { position: relative; top: -1px; color: #A0ABB6; font-size: 12px; text-transform: capitalize; }
.facet .facet-count { float: right; color: #646D77; font-weight: 700; }
.facet .facet-chart { position: absolute; top: 0; right: 0; display: block; height: 1px; padding-right: 5px; background-color: #a9d2f2; color: #125a95; }

.path-search h1, .path-search h2 { font-weight: 200; }
.path-search .masthead { padding-top: 2rem; padding-bottom: 2rem; }
.path-search .page-heading { margin-top: 10px; color: #454D57; font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 2.369rem; font-weight: 600; letter-spacing: -1px; }
.path-search .page-heading .ss-icon, .path-search .page-heading .object-image a:after, .object-image .path-search .page-heading a:after { position: relative; top: 3px; padding-right: 2px; }
.path-search .search-container { padding: 4px; background-color: #FEFEFE; border: 1px solid #EBEFF5; border-radius: 4px; border-bottom-color: #DFE3E8; }
.path-search .search-container input { width: 87.17949%; float: left; margin-right: 2.5641%; display: inline; padding: 9px 12px 9px; border: none; font-size: 18px; }
.path-search .search-container input:focus { outline: none; }
.path-search .search-container button { width: 10.25641%; float: right; margin-right: 0; *margin-left: -1em; display: inline; padding: 10px 12px; background-color: #9BD034; border: none; border-radius: 3px; font-size: 18px; }
.path-search .search-container button .ss-icon, .path-search .search-container button .object-image a:after, .object-image .path-search .search-container button a:after { position: relative; top: 2px; color: #FFF; }
.path-search .search-results-header { position: relative; margin: -1rem 0 2rem 12px; padding-left: 26px; color: #A0ABB6; font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 18px; font-weight: 400; }
.path-search .search-results-header:before { position: absolute; left: 0px; content: '\2514'; }
.path-search .search-results-header .page-count { display: block; margin-top: 4px; font-size: 12px; }
.path-search .facets { width: 15.25424%; float: left; margin-right: 1.69492%; display: inline; }
.path-search .results { width: 83.05085%; float: right; margin-right: 0; *margin-left: -1em; display: inline; }
.path-search .result { padding: 18px 0; border: none; border-top: 1px solid #EBEFF5; }
.path-search .item-icon { width: 8.16327%; float: left; margin-right: 2.04082%; display: inline; text-align: center; }
.path-search .item-icon .ss-icon, .path-search .item-icon .object-image a:after, .object-image .path-search .item-icon a:after { display: block; height: 42px; color: #A0ABB6; font-size: 24px; }
.path-search .item-image { width: 8.16327%; float: left; margin-right: 2.04082%; display: inline; padding: 2px; box-shadow: inset 0 0 0 1px #A0ABB6; border-radius: 2px; }
.path-search .item-image img { width: 100%; }
.path-search .item-image .empty-image { width: 100%; height: 0; padding-bottom: 100%; }
.path-search .item-object { width: 48.97959%; float: left; margin-right: 2.04082%; display: inline; }
.path-search .item-romanized-name { font-size: 18px; font-weight: 600; line-height: 1.1; }
.path-search .item-name { display: block; color: #646D77; font-size: 12px; font-weight: 400; }
.path-search .item-meta { width: 28.57143%; float: right; margin-right: 0; *margin-left: -1em; display: inline; color: #A0ABB6; }
.path-search .header-search { display: none; }

.search-results { position: absolute; top: 30px; display: none; width: 100%; z-index: 100; background-color: #FFF; border-radius: 4px; box-shadow: 0 0 0 1px #EBEFF5, 0 6px 6px rgba(0, 0, 0, 0.1); color: #646D77; }
.search-results.active { display: block; }
.search-results .item-type { width: 10.25641%; float: right; margin-right: 0; *margin-left: -1em; display: inline; padding-top: 2px; color: #A0ABB6; font-size: 11px; text-align: right; text-transform: capitalize; }
.search-results .item-object { width: 87.17949%; float: left; margin-right: 2.5641%; display: inline; }
.search-results .item-name { display: block; color: #A0ABB6; font-size: 11px; }

.landing .search-results { top: 56px; width: 74.35897%; }
.landing .result { font-size: 13px; }
.landing .item-object { width: 87.17949%; float: left; margin-right: 2.5641%; display: inline; }
.landing .item-type { width: 10.25641%; float: right; margin-right: 0; *margin-left: -1em; display: inline; }

body.override .header-logo-wordmark { color: #FFF; }

.override-header { margin-top: -61px; padding: 8rem 0 6rem; }

.override-logo { margin-left: 25.42373%; margin-right: 25.42373%; padding: 1.5rem 0; border-radius: 4px; color: #FFF; text-align: center; }
.override-logo h1 { margin: 0; color: #FFF; font-size: 30px; }
.override-logo p { margin: 0.5rem 0 0; line-height: 1; }

.empty-image { position: relative; box-shadow: inset 0 0 0 1px #EBEFF5; text-align: center; }
.empty-image .ss-icon, .empty-image .object-image a:after, .object-image .empty-image a:after { width: 42px; height: 42px; color: #EBEFF5; font-size: 36px; }

.section-title { position: relative; margin: 2rem 0; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-weight: 600; font-size: 18px; }
.section-title:before { position: absolute; top: 0px; left: 0px; width: 100%; content: ''; }
.section-title b { font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 24px; }
.section-title .count { position: relative; top: -2px; display: inline-block; margin-left: 0.5rem; min-width: 22px; padding: 2px 4px; background: #454D57; border-radius: 3px; color: white; font-size: 12px; text-align: center; }
.section-title .ss-icon, .section-title .object-image a:after, .object-image .section-title a:after { position: relative; top: 2px; color: #00D9FA; }

.section-masthead { box-shadow: inset 0 -1px 0 #EBEFF5; padding-top: 36px; padding-bottom: 36px; }

.pill { display: inline-block; padding: 3px 6px; background: #FFF; border-radius: 3px; box-shadow: inset 0 0 0 1px #EBEFF5; color: #646D77; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 10px; font-weight: 600; }

.administration { margin: -32px; padding: 0.5rem 0; background-color: #FFF; box-shadow: inset 0 -1px 0 #F0F3F7; font-size: 11px; transition: height 250ms ease; }
.administration.visible { margin: 0; }
.administration a { color: #B6BEC7; }
.administration a.object { float: right; }
.administration a:hover { color: #00ACE4; }
.administration .ss-icon, .administration .object-image a:after, .object-image .administration a:after { position: relative; top: 2px; }

[class^="path-about"] .searchbar { display: none; }
[class^="path-about"] .header-logo-wordmark { color: #FFF; }

.about > header { margin-top: -61px; padding: 6rem 0 12rem; background-color: #009DDD; }
.about .tagline { text-align: center; }
.about .tagline h1, .about .tagline h2, .about .tagline a { color: #FFF; }
.about .tagline h2, .about .tagline p { padding-left: 25.42373%; padding-right: 25.42373%; color: rgba(255, 255, 255, 0.75); }
.about .tagline h1 { padding-left: 8.47458%; padding-right: 8.47458%; font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 4.909rem; font-weight: 600; font-style: italic; letter-spacing: -2px; }

.people.founders { width: 40.67797%; float: left; margin-right: 1.69492%; display: inline; }

.people.editors { width: 57.62712%; float: right; margin-right: 0; *margin-left: -1em; display: inline; }

.person-position { color: #A0ABB6; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 11px; font-weight: 600; }

.the-team { margin-top: -10rem; }

.the-team .container { border-top: 1px solid rgba(255, 255, 255, 0.1); }

.people h2 { margin: 1rem 0; color: rgba(255, 255, 255, 0.5); font-size: 1rem; font-weight: 600; text-align: center; }

.person { margin: 0 6px; overflow: hidden; width: 48.27586%; background-color: #FFF; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }

.person-photo { background-color: #333; height: 160px; overflow: hidden; }
.person-photo img { margin-top: -6px; margin-left: -3px; width: 108%; }

.jen img { margin-top: -36px; }

.person-meta { padding: 1rem; }

.team-list { display: flex; justify-content: space-around; }

.fine-print h1 { margin: 0; padding: 0; }
.fine-print li, .fine-print p { color: #646D77; font-size: 13px; }
.fine-print li:first-child, .fine-print p:first-child { margin-top: 0; }
.fine-print > header { padding-top: 120px; padding-bottom: 24px; background: #454D57; }
.fine-print > header h1 { color: #FFF; font-size: 36px; letter-spacing: -1px; }
.fine-print .flatpage-header { width: 32.20339%; float: left; margin-right: 1.69492%; display: inline; padding-top: 2em; }
.fine-print .flatpage-header h1 { font-size: 24px; font-weight: 300; }
.fine-print .flatpage-content { width: 66.10169%; float: right; margin-right: 0; *margin-left: -1em; display: inline; padding-top: 2em; }
.fine-print .flatpage-content footer { margin: 2em 0; opacity: 0.5; }
.fine-print .flatpage-content h2 { font-size: 18px; font-weight: 400; }
.fine-print .flatpage-content li { margin: 0.5em 0; }
.fine-print .flatpage-content li.important { background-color: #FFFBCC; border: 1px solid #E6DB55; padding: 0.5em; }
.fine-print .flatpage-content strong { color: #454D57; }

.profile { background-color: #F9FAFC; }

.profile-header { padding: 1rem 0; background-color: #FFF; }

.profile-metadata { padding-bottom: 1rem; }

.profile-image { width: 6.77966%; float: left; margin-right: 1.69492%; display: inline; min-height: 64px; padding: 2px; border-radius: 2px; box-shadow: inset 0 0 0 1px #CBD1D8; color: #454D57; text-align: right; }
.profile-image img { width: 100%; }
.profile-image .empty-image { width: 100%; height: 0; padding-bottom: 100%; }
.profile-image .ss-icon, .profile-image .object-image a:after, .object-image .profile-image a:after { font-size: 24px; width: 30px; height: 30px; }

.profile-name { width: 66.10169%; float: left; margin-right: 1.69492%; display: inline; margin-top: 0; margin-bottom: 0; padding: 3px 0; }
.profile-name .name, .profile-name .appearance-data .timesince, .appearance-data .profile-name .timesince { font-size: 1.333rem; font-weight: 300; }
.profile-name .romanized-name { color: #454D57; font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 2.369rem; font-weight: 600; letter-spacing: -1px; }
.profile-name .romanized-name b { color: #272E37; }

.profile-vitals { padding: 1rem 0; background-color: #272E37; }

.vitals-list { display: flex; align-items: flex-start; justify-content: space-between; }

.vital { color: #FFF; font-size: 14px; font-weight: 600; }
.vital a:link, .vital a:visited { color: #FFF; }

.vital-label { position: relative; top: -1px; display: inline-block; margin-right: 4px; padding: 2px 6px 2px 0; border-radius: 4px; border-right: 1px solid #A0ABB6; color: #EBEFF5; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 10px; }
.vital-label .ss-icon, .vital-label .object-image a:after, .object-image .vital-label a:after { position: relative; top: 2px; font-size: 12px; padding-right: 1px; }
.vital-label .ss-anatomicalheart, .vital-label .ss-ban { color: #ED3C51; }
.vital-label .ss-cocktail, .vital-label .ss-handbag, .vital-label .ss-balloon, .vital-label .ss-clock { color: #F8EF68; }
.vital-label .ss-calendar { color: #00BAEB; }
.vital-label .ss-tapemeasure, .vital-label .ss-users { color: #00E8C9; }

.vital-by { min-width: 49.15254%; }

.vital-participants { display: inline-block; max-width: 82.75862%; vertical-align: top; font-weight: normal; }
.vital-participants a { font-weight: 600; }

.group-profile .profile-vitals, .idol-profile .profile-vitals { padding-bottom: 3rem; }
.group-profile .participation-cards, .idol-profile .participation-cards { margin-top: -3.5rem; }

.event-profile .profile-image { width: 15.25424%; float: left; margin-right: 1.69492%; display: inline; }
.event-profile .profile-image img { width: 145px; }

.profile-navigation { height: 33px; padding: 0.5rem 0; box-shadow: inset 0 1px 0 #F9FAFC; }
.profile-navigation > .container { position: relative; }
.profile-navigation .navigation-item { font-size: 12px; }
.profile-navigation .navigation-item a { color: #A1ABB6; }
.profile-navigation .navigation-next { position: absolute; top: 0px; right: 0px; }
.profile-navigation .ss-icon, .profile-navigation .object-image a:after, .object-image .profile-navigation a:after { position: relative; top: 2px; }

.object-image a { position: relative; display: block; }
.object-image a:before { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; content: ''; background-color: transparent; transition: background-color 250ms ease; }
.object-image a:after { position: absolute; right: 6px; bottom: 2px; content: '\E002'; display: block; width: auto; height: auto; transition: color 250ms ease; color: transparent; font-size: 16px; }

.object-image a:hover:before { background-color: rgba(0, 0, 0, 0.5); }
.object-image a:hover:after { color: #FFF; }

.music-profile .editions { width: 74.57627%; float: left; margin-right: 1.69492%; display: inline; }
.music-profile .participations { width: 23.72881%; float: right; margin-right: 0; *margin-left: -1em; display: inline; }
.music-profile .release-name { width: 74.57627%; float: left; margin-right: 1.69492%; display: inline; }
.music-profile .release-metadata { width: 23.72881%; float: right; margin-right: 0; *margin-left: -1em; display: inline; }
.music-profile .edition-contents { width: 77.27273%; float: right; margin-right: 0; *margin-left: -1em; display: inline; }
.music-profile .edition-contents table { width: 100%; }

.editions { padding-right: 24px; }

.profile.music-profile { background-color: #FFF; }
.profile.music-profile .name, .profile.music-profile .appearance-data .timesince, .appearance-data .profile.music-profile .timesince { display: block; color: #A0ABB6; font-size: 12px; }

.release-metadata { padding-top: 6px; color: #A0ABB6; }
.release-metadata a { font-weight: bold; }

.edition { margin-bottom: 36px; }

.edition-contents { position: relative; background: #FFF; border: 2px solid #DFE3E8; border-radius: 4px; }
.edition-contents:after, .edition-contents:before { position: absolute; right: 100%; content: ''; pointer-events: none; width: 0; height: 0; border: solid transparent; }
.edition-contents:after { margin-top: -4px; top: 20px; border-color: rgba(249, 250, 252, 0); border-right-color: #F9FAFC; border-width: 8px; }
.edition-contents:before { margin-top: -7px; top: 20px; border-color: rgba(223, 227, 232, 0); border-right-color: #DFE3E8; border-width: 11px; transition: all 0.2s ease; }

.edition-image { width: 20.45455%; float: left; margin-right: 2.27273%; display: inline; padding: 2px; border-radius: 2px; box-shadow: inset 0 0 0 1px #B6BEC7; }
.edition-image img { width: 136px; }
.edition-image .empty-image { width: 100%; height: 0; padding-bottom: 100%; }

.edition-meta { background-color: #F9FAFC; color: #646D77; }

.edition-name { margin: 0; height: 54px; padding: 0.75rem 1rem; vertical-align: top; border-top-left-radius: 2px; color: #454D57; font-size: 18px; line-height: 1.1; }
.edition-name .romanized-name { display: block; }
.edition-name .name, .edition-name .appearance-data .timesince, .appearance-data .edition-name .timesince { padding-top: 3px; }

.edition-subtext { padding: 0.75rem 1rem; text-align: right; vertical-align: top; width: 184px; border-top-right-radius: 2px; }

.edition-released, .edition-number { color: #A0ABB6; display: block; font-size: 12px; }

.edition-released { color: #646D77; }
.edition-released .ss-icon, .edition-released .object-image a:after, .object-image .edition-released a:after { position: relative; top: 1px; }

.tracklist-heading { padding: 1rem; border-top: 1px solid #EBEFF5; color: #646D77; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 12px; font-weight: 600; text-transform: uppercase; }
.tracklist-heading .ss-icon, .tracklist-heading .object-image a:after, .object-image .tracklist-heading a:after { position: relative; top: 1px; margin-right: 2px; color: #00ACE4; }

.track { padding: 6px 0; }
.track td { vertical-align: top; }
.track .track-name { padding-bottom: 6px; }
.track:last-child .track-name { padding-bottom: 1rem; }

.track-participants { position: relative; padding: 2px 0 6px 18px; font-size: 12px; }
.track-participants:before { position: absolute; left: 0px; content: '\2514'; }

.track-number { font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; padding-left: 1rem; width: 30px; }
.track-number .pill { display: block; margin-right: 6px; padding: 3px 6px; background: #FFF; border-radius: 3px; box-shadow: inset 0 0 0 1px #EBEFF5; color: #646D77; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 10px; font-weight: 600; text-align: center; }

.track-type { -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; padding-right: 1rem; text-align: right; }
.track-type .pill { margin-left: 6px; padding: 4px 6px; background: #646D77; border-radius: 3px; color: #FFF; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 10px; font-weight: 600; }
.video-list .track-type .pill, .track-type .pill.cover, .track-type .pill.album { background: #FFF; box-shadow: inset 0 0 0 1px #EBEFF5; color: #646D77; }
.track-type .pill.aside, .track-type .pill.bside { box-shadow: none; }
.track-type .pill.aside { background: #00D7AE; }
.track-type .pill.bside { background: #FF5A91; }

.appearance-image { padding-bottom: 1rem; vertical-align: top; width: 8.16327%; }
.appearance-image .release-image { margin-right: 0; width: 100%; }
.appearance-image .release-image img { width: 100%; }
.appearance-image .release-image .empty-image { width: 100%; height: 0; padding-bottom: 100%; }
.appearance-image .release-image .ss-icon, .appearance-image .release-image .object-image a:after, .object-image .appearance-image .release-image a:after { font-size: 24px; width: 30px; height: 30px; }

.appearance-name { padding: 2px 1rem 0; vertical-align: bottom; }

.appearance-data { vertical-align: bottom; }

.appearance-alternate { vertical-align: bottom; }
.appearance-alternate .romanized-name { display: inline; }
.appearance-alternate .name, .appearance-alternate .appearance-data .timesince, .appearance-data .appearance-alternate .timesince { padding-left: 20px; }

.appearance-participants { padding: 0 1rem; vertical-align: top; font-size: 11px; }
.appearance-participants .participants { border-top: 1px solid #EBEFF5; color: #646D77; margin-top: 6px; padding-top: 6px; }
.appearance-participants .ss-icon, .appearance-participants .object-image a:after, .object-image .appearance-participants a:after { position: relative; top: 1px; }

.appearances > table { width: 100%; }

.profile { background-color: #F9FAFC; }

.profile-header { padding: 1rem 0; background-color: #FFF; }

.profile-metadata { padding-bottom: 1rem; }

.profile-image { width: 6.77966%; float: left; margin-right: 1.69492%; display: inline; min-height: 64px; padding: 2px; border-radius: 2px; box-shadow: inset 0 0 0 1px #CBD1D8; color: #454D57; text-align: right; }
.profile-image img { width: 100%; }
.profile-image .empty-image { width: 100%; height: 0; padding-bottom: 100%; }
.profile-image .ss-icon, .profile-image .object-image a:after, .object-image .profile-image a:after { font-size: 24px; width: 30px; height: 30px; }

.profile-name { width: 66.10169%; float: left; margin-right: 1.69492%; display: inline; margin-top: 0; margin-bottom: 0; padding: 3px 0; }
.profile-name .name, .profile-name .appearance-data .timesince, .appearance-data .profile-name .timesince { font-size: 1.333rem; font-weight: 300; }
.profile-name .romanized-name { color: #454D57; font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 2.369rem; font-weight: 600; letter-spacing: -1px; }
.profile-name .romanized-name b { color: #272E37; }

.profile-vitals { padding: 1rem 0; background-color: #272E37; }

.vitals-list { display: flex; align-items: flex-start; justify-content: space-between; }

.vital { color: #FFF; font-size: 14px; font-weight: 600; }
.vital a:link, .vital a:visited { color: #FFF; }

.vital-label { position: relative; top: -1px; display: inline-block; margin-right: 4px; padding: 2px 6px 2px 0; border-radius: 4px; border-right: 1px solid #A0ABB6; color: #EBEFF5; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 10px; }
.vital-label .ss-icon, .vital-label .object-image a:after, .object-image .vital-label a:after { position: relative; top: 2px; font-size: 12px; padding-right: 1px; }
.vital-label .ss-anatomicalheart, .vital-label .ss-ban { color: #ED3C51; }
.vital-label .ss-cocktail, .vital-label .ss-handbag, .vital-label .ss-balloon, .vital-label .ss-clock { color: #F8EF68; }
.vital-label .ss-calendar { color: #00BAEB; }
.vital-label .ss-tapemeasure, .vital-label .ss-users { color: #00E8C9; }

.vital-by { min-width: 49.15254%; }

.vital-participants { display: inline-block; max-width: 82.75862%; vertical-align: top; font-weight: normal; }
.vital-participants a { font-weight: 600; }

.group-profile .profile-vitals, .idol-profile .profile-vitals { padding-bottom: 3rem; }
.group-profile .participation-cards, .idol-profile .participation-cards { margin-top: -3.5rem; }

.event-profile .profile-image { width: 15.25424%; float: left; margin-right: 1.69492%; display: inline; }
.event-profile .profile-image img { width: 145px; }

.profile-navigation { height: 33px; padding: 0.5rem 0; box-shadow: inset 0 1px 0 #F9FAFC; }
.profile-navigation > .container { position: relative; }
.profile-navigation .navigation-item { font-size: 12px; }
.profile-navigation .navigation-item a { color: #A1ABB6; }
.profile-navigation .navigation-next { position: absolute; top: 0px; right: 0px; }
.profile-navigation .ss-icon, .profile-navigation .object-image a:after, .object-image .profile-navigation a:after { position: relative; top: 2px; }

.object-image a { position: relative; display: block; }
.object-image a:before { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; content: ''; background-color: transparent; transition: background-color 250ms ease; }
.object-image a:after { position: absolute; right: 6px; bottom: 2px; content: '\E002'; display: block; width: auto; height: auto; transition: color 250ms ease; color: transparent; font-size: 16px; }

.object-image a:hover:before { background-color: rgba(0, 0, 0, 0.5); }
.object-image a:hover:after { color: #FFF; }

.profile-header .formerly-known-as, .profile-header .standing { margin: 0; margin-top: 4px; color: #646D77; font-size: 13px; }

.latest-releases { width: 74.57627%; float: left; margin-right: 1.69492%; display: inline; padding: 1rem 0; }
.latest-releases .pill { margin-bottom: 6px; }
.latest-releases .release-metadata { width: 79.16667%; float: right; margin-right: 0; *margin-left: -1em; display: inline; }
.latest-releases .release-names { padding-bottom: 6px; }
.latest-releases .ss-icon, .latest-releases .object-image a:after, .object-image .latest-releases a:after { position: relative; top: 1px; padding-right: 2px; }

.profile-memberships { padding-bottom: 2rem; }

.membership { overflow: hidden; *zoom: 1; }

.romanized-name { display: block; font-size: 16px; font-weight: bold; line-height: 1.1; }

.name, .appearance-data .timesince { display: block; color: #A0ABB6; font-size: 12px; }

.idol-profile .group-image { padding: 2px; border-radius: 2px; box-shadow: inset 0 0 0 1px #CBD1D8; color: #454D57; text-align: right; }
.idol-profile .group-image img { width: 100%; }
.idol-profile .group-image .empty-image { width: 100%; height: 0; padding-bottom: 56.25%; }
.idol-profile .group-image .ss-icon, .idol-profile .group-image .object-image a:after, .object-image .idol-profile .group-image a:after { font-size: 24px; width: 30px; height: 30px; }
.idol-profile .membership .membership-meta .ss-icon, .idol-profile .membership .membership-meta .object-image a:after, .object-image .idol-profile .membership .membership-meta a:after { position: relative; top: 1px; }
.idol-profile .membership-primary { width: 40.67797%; float: left; margin-right: 1.69492%; display: inline; padding-right: 8.47458%; }
.idol-profile .membership-secondary { width: 57.62712%; float: right; margin-right: 0; *margin-left: -1em; display: inline; }
.idol-profile .membership-list .group-image { width: 26.47059%; float: left; margin-right: 2.94118%; display: inline; }
.idol-profile .membership-list .group-image .empty-image { width: 100%; height: 0; padding-bottom: 56.25%; }
.idol-profile .membership, .idol-profile .membership-primary { padding-bottom: 1rem; }
.idol-profile .membership-section-title { margin: 0; text-align: right; }

.membership-secondary .membership-meta { position: relative; width: 70.58824%; float: right; margin-right: 0; *margin-left: -1em; display: inline; }

.membership-header { padding: 0.75rem 0; }

.membership-data { display: block; color: #a0abb6; font-size: 11px; }
.membership-data b { color: #646D77; }

.profile-participations { padding: 1.5rem 0 2rem; background-color: #DFE3E8; }

.participation-cards { align-content: stretch; display: flex; }

.participation-card { position: relative; flex: 1; margin-right: 2rem; min-height: 214px; min-width: 214px; background-color: #FFF; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
.participation-card:last-child { margin-right: 0; }
.participation-card .ss-icon, .participation-card .object-image a:after, .object-image .participation-card a:after { position: relative; top: 1px; padding-right: 2px; color: #A0ABB6; }

.card-statistic { padding: 1rem; line-height: 1; text-align: center; }
.card-statistic .count { font-size: 58px; font-weight: bold; }

.card-type { margin: 0; padding-bottom: 0.75rem; color: #646D77; font-size: 14px; font-weight: 600; text-align: center; }

.example-heading { position: relative; left: 0px; margin-bottom: 0.5rem; box-shadow: none; text-align: center; }
.example-heading:before { position: absolute; top: 10px; left: 0px; width: 100%; z-index: 0; border-top: 1px solid rgba(0, 0, 0, 0.05); content: ''; }
.example-heading .pill { position: relative; z-index: 1; box-shadow: none; }

.card-example { padding: 0 1rem 1rem; }
.card-example a { font-weight: 600; }
.card-example .example-subtext { padding-top: 3px; color: #646D77; font-size: 12px; }

.group-profile .profile-image { width: 15.25424%; float: left; margin-right: 1.69492%; display: inline; }
.group-profile .memberships .actives { margin: 1rem 0; }
.group-profile .memberships .inactives { margin: 1rem 0; }
.group-profile .membership .romanized-name { margin-top: 1px; font-size: 14px; font-weight: bold; }
.group-profile .membership:nth-child(3n+1) { clear: both; }
.group-profile .membership .name, .group-profile .membership .appearance-data .timesince, .appearance-data .group-profile .membership .timesince { display: block; color: #A0ABB6; font-size: 11px; }
.group-profile .idol-meta { position: relative; width: 73.68421%; float: right; margin-right: 0; *margin-left: -1em; display: inline; background-color: #FFF; border-radius: 4px; border: 1px solid #DFE3E8; }
.group-profile .idol-meta:after, .group-profile .idol-meta:before { position: absolute; right: 100%; content: ''; pointer-events: none; width: 0; height: 0; border: solid transparent; }
.group-profile .idol-meta:after { margin-top: -8px; top: 20px; border-color: rgba(255, 255, 255, 0); border-right-color: #FFF; border-width: 8px; }
.group-profile .idol-meta:before { margin-top: -9px; top: 20px; border-color: rgba(223, 227, 232, 0); border-right-color: #DFE3E8; border-width: 9px; transition: all 0.2s ease; }
.group-profile .idol-meta a { color: #454D57; }
.group-profile .idol-header { padding: 0.75rem; }
.group-profile .idol-subtext { position: relative; padding: 0.5rem 0.75rem; background-color: #F9FAFC; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.group-profile .idol-data { color: #A0ABB6; font-size: 11px; }
.group-profile .idol-data b { color: #646D77; }

.idol-image { width: 21.05263%; float: left; margin-right: 5.26316%; display: inline; min-height: 64px; padding: 2px; border-radius: 2px; box-shadow: inset 0 0 0 1px #CBD1D8; color: #454D57; text-align: right; }
.idol-image img { width: 100%; }
.idol-image .empty-image { width: 100%; height: 0; padding-bottom: 100%; }
.idol-image .ss-icon, .idol-image .object-image a:after, .object-image .idol-image a:after { font-size: 24px; width: 30px; height: 30px; }

.active-members .membership { width: 32.20339%; float: left; margin-right: 1.69492%; display: inline; margin-bottom: 1rem; }
.active-members .membership:nth-child(3n) { float: right; margin-right: 0; *margin-left: -1em; }

.inactive-leaders { margin: 24px 0; }
.inactive-leaders .membership { position: relative; }
.inactive-leaders .membership-header .membership-graph { margin-left: 25.42373%; margin-right: 16.94915%; }
.inactive-leaders .membership-names { width: 23.72881%; float: left; margin-right: 1.69492%; display: inline; }
.inactive-leaders .membership-numbers { width: 15.25424%; float: right; margin-right: 0; *margin-left: -1em; display: inline; }
.inactive-leaders .membership-graph { width: 57.62712%; float: left; margin-right: 1.69492%; display: inline; padding: 8px 0; position: relative; border: 1px solid #EBEFF5; border-width: 0 1px; }
.inactive-leaders .bar { position: relative; }
.inactive-leaders .bar.full-tenure { border-top: 1px solid rgba(0, 215, 174, 0.25); height: 1rem; }
.inactive-leaders .bar.leadership-tenure { background-color: #00D7AE; top: -6px; height: 1rem; }
.inactive-leaders .leadership-tenure-count { position: absolute; top: 13px; padding-left: 6px; color: #00D7AE; font-size: 11px; font-weight: bold; }
.inactive-leaders .graph-started, .inactive-leaders .graph-ended { color: #A0ABB6; font-size: 11px; font-weight: 600; }
.inactive-leaders .graph-started { padding-left: 12px; }
.inactive-leaders .graph-ended { float: right; padding-top: 3px; padding-right: 12px; }
.inactive-leaders .graph-started:before, .inactive-leaders .graph-ended:before { content: ''; width: 9px; height: 9px; background: #FFF; border: 1px solid #ccc; border-radius: 50%; }
.inactive-leaders .graph-started:before { position: absolute; top: 13px; left: -5px; }
.inactive-leaders .graph-ended:before { position: absolute; top: 13px; right: -5px; }

.inactive-members .membership { width: 32.20339%; float: left; margin-right: 1.69492%; display: inline; margin-bottom: 1rem; }
.inactive-members .membership:nth-child(3n) { float: right; margin-right: 0; *margin-left: -1em; }

.profile-releases { background-color: #FFF; }

.releases-singles .release-data, .releases-albums .release-data { color: #A0ABB6; font-size: 11px; }
.releases-singles .release-data b, .releases-albums .release-data b { color: #646D77; }
.releases-singles .release-editions, .releases-albums .release-editions { position: absolute; top: 0.5rem; right: 0.75rem; }

.release { width: 49.15254%; float: left; margin-right: 1.69492%; display: inline; margin-bottom: 1rem; }
.release:nth-child(2n) { float: right; margin-right: 0; *margin-left: -1em; }
.release:nth-child(2n+1) { clear: both; }
.release .romanized-name { margin-top: 1px; font-size: 14px; font-weight: bold; }
.release .name, .release .appearance-data .timesince, .appearance-data .release .timesince { display: block; color: #A0ABB6; font-size: 11px; }
.release .pill { position: relative; top: -2px; right: -2px; float: right; margin-left: 6px; }
.release .pill.compilation { box-shadow: inset 0 0 0 1px rgba(255, 118, 175, 0.25); color: rgba(255, 118, 175, 0.75); }
.release .pill.indie { box-shadow: inset 0 0 0 1px rgba(255, 119, 58, 0.25); color: rgba(255, 119, 58, 0.75); }
.release .pill.status-solo { top: -33px; box-shadow: inset 0 0 0 1px rgba(0, 224, 187, 0.25); color: #00E0BB; }

.release-image { position: relative; width: 13.7931%; float: left; margin-right: 3.44828%; display: inline; padding: 2px; border-radius: 2px; box-shadow: inset 0 0 0 1px #CBD1D8; color: #454D57; text-align: right; }
.release-image img { width: 60px; }
.release-image .empty-image { width: 100%; height: 0; padding-bottom: 100%; }
.release-image .ss-icon, .release-image .object-image a:after, .object-image .release-image a:after { font-size: 24px; width: 30px; height: 30px; }

.release-number { position: absolute; right: -4px; bottom: -4px; padding: 3px 5px; border-radius: 2px; background: #003857; color: #FFF; font-size: 11px; font-weight: bold; }
.indie-release .release-number { background: #FF773A; }

.release-meta { position: relative; width: 82.75862%; float: right; margin-right: 0; *margin-left: -1em; display: inline; background-color: #FFF; border-radius: 4px; border: 2px solid #DFE3E8; transition: all 0.2s ease; }
.release-meta:after, .release-meta:before { position: absolute; right: 100%; content: ''; pointer-events: none; width: 0; height: 0; border: solid transparent; }
.release-meta:after { margin-top: -8px; top: 20px; border-color: rgba(255, 255, 255, 0); border-right-color: #FFF; border-width: 8px; }
.release-meta:before { margin-top: -11px; top: 20px; border-color: rgba(223, 227, 232, 0); border-right-color: #DFE3E8; border-width: 11px; transition: all 0.2s ease; }
.release-meta a { color: #454D57; }

.release-meta:hover, .minor-release .release-meta:hover { border-color: #009DDD; box-shadow: 0 0 5px rgba(0, 157, 221, 0.25); }
.release-meta:hover:before, .minor-release .release-meta:hover:before { border-right-color: #009DDD; }
.release-meta:hover a, .minor-release .release-meta:hover a { color: #009DDD; }

.major-release .release-image { box-shadow: inset 0 0 0 1px #B6BEC7; }

.minor-release .release-image { box-shadow: inset 0 0 0 1px #DFE3E8; }
.minor-release .release-meta { border-width: 1px; }
.minor-release .release-meta:before { margin-top: -9px; border-width: 9px; }
.minor-release .release-meta .release-subtext { background-color: #FFF; box-shadow: 0 -1px 0 #EBEFF5; }

.release-header { padding: 0.75rem; }

.release-subtext { position: relative; padding: 0.5rem 0.75rem; background-color: #F9FAFC; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

.release-data { color: #646D77; }
.release-data .ss-icon, .release-data .object-image a:after, .object-image .release-data a:after { position: relative; top: 1px; padding-right: 2px; }

.release-participants { position: relative; padding: 2px 0 0 18px; font-size: 12px; }
.release-participants:before { position: absolute; left: 0px; content: '\2514'; }

.profile-note { margin-left: 8.47458%; margin-right: 25.42373%; font-size: 12px; margin-bottom: 1rem; padding: 1rem; border: 1px solid #eee; border-radius: 4px; color: #646D77; }
.profile-note h4 { position: relative; width: 10.25641%; float: left; margin-right: 2.5641%; display: inline; margin-top: 2px; color: #646D77; font-size: 12px; font-weight: 600; }
.profile-note h4:before { position: absolute; content: ''; border-top: 1px solid #EBEFF5; }
.profile-note h4 .ss-icon, .profile-note h4 .object-image a:after, .object-image .profile-note h4 a:after { position: relative; top: 1px; }
.profile-note p { padding-left: 12.82051%; margin-top: 0; margin-bottom: 0; }

.profile-subgroups-container { background-color: #FFF; padding-top: 2px; }

.profile-subgroups .subgroup { width: 49.15254%; float: left; margin-right: 1.69492%; display: inline; margin-bottom: 1rem; }
.profile-subgroups .subgroup:nth-child(2n) { float: right; margin-right: 0; *margin-left: -1em; }
.profile-subgroups .group-image { width: 31.03448%; float: left; margin-right: 3.44828%; display: inline; padding: 2px; border-radius: 2px; box-shadow: inset 0 0 0 1px #CBD1D8; color: #454D57; text-align: right; }
.profile-subgroups .group-image img { width: 100%; }
.profile-subgroups .group-image .empty-image { height: 82px; }
.profile-subgroups .group-image .ss-icon, .profile-subgroups .group-image .object-image a:after, .object-image .profile-subgroups .group-image a:after { font-size: 24px; width: 30px; height: 30px; }
.profile-subgroups .group-meta { position: relative; width: 65.51724%; float: right; margin-right: 0; *margin-left: -1em; display: inline; }
.profile-subgroups .group-header { padding: 0.75rem 0 0.5rem; }
.profile-subgroups .group-data { display: block; color: #a0abb6; font-size: 11px; }
.profile-subgroups .group-data b { color: #646D77; }

[class^="path-happenings"] .header-search { border-color: rgba(255, 255, 255, 0.1); border-bottom-color: rgba(0, 0, 0, 0.1); }
[class^="path-happenings"] .override-header { background: #0B1C2D; color: #FFF; padding: 6rem 0 0; }

.happening-header { margin: 0 0 calc(6rem - 41px); color: #FFF; font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 5.61rem; font-style: italic; font-weight: 800; letter-spacing: -4px; }
.happening-header .year { position: relative; margin-right: -0.875rem; vertical-align: 1rem; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 3.157rem; font-style: normal; font-weight: 200; letter-spacing: -3px; }

.happening-navigation .container { align-items: center; display: flex; }
.happening-navigation .next-year, .happening-navigation .previous-year { width: 6.77966%; }
.happening-navigation .next-year a, .happening-navigation .previous-year a { color: rgba(255, 255, 255, 0.75); font-size: 13px; font-weight: 700; }
.happening-navigation .next-year a:hover, .happening-navigation .previous-year a:hover { color: white; }
.happening-navigation .next-year { text-align: right; }
.happening-navigation .ss-icon, .happening-navigation .object-image a:after, .object-image .happening-navigation a:after { position: relative; top: 2px; }

.happening-decades { flex: 1; margin: 0 1.69492%; }

.happening-decades-header { padding: 0.356rem 0.375rem; }
.happening-decades-header a { align-items: center; display: flex; padding: 0.3rem 0.5rem; background: rgba(0, 0, 0, 0.15); border-radius: 4px; color: #FFF; }
.happening-decades-header a strong { color: #FFF; }
.happening-decades-header a:hover { background: rgba(0, 0, 0, 0.35); }
.happening-decades-header strong { flex: 1; display: block; padding-left: 4px; font-size: 12px; font-weight: 600; }

.happening-decade-list { display: flex; height: 0; overflow: hidden; padding: 0 0.875rem; transition: all 250ms ease; }
.happening-decade-list.visible { height: 96px; }

.happening-decade { margin-right: 1.69492%; width: 20%; }
.happening-decade:last-child { margin-right: 0; }
.happening-decade strong { display: block; margin-bottom: 0.369rem; padding-bottom: 0.369rem; border-bottom: 1px solid rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.75); font-size: 12px; }

.happening-year-list { display: inline-block; font-size: 12px; }

.happening-year { display: inline-block; margin-right: 5px; font-size: 12px; }
.happening-year:nth-child(4n) { margin-right: 0; }
.happening-year.selected a { color: #FFF; font-weight: 700; }
.happening-year a { color: rgba(255, 255, 255, 0.75); }
.happening-year a:hover { color: #FFF; }

.happening-statistics { background-color: #272E37; }

.happening-statistic-list, .happening-model-list, .happening-field-list { display: flex; }

.happening-app { align-items: center; display: flex; margin: 1rem 0; }
.happening-app:last-child { margin-top: 0; }

.happening-app-label { flex: 1; color: #A0ABB6; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; text-transform: uppercase; }
.happening-app-label .ss-icon, .happening-app-label .object-image a:after, .object-image .happening-app-label a:after { position: relative; top: 1px; color: #FFF; }

.happening-statistic-list { flex-direction: column; margin: 0; border-width: 0 1px; }

.happening-field-list { flex: 9; padding: 0.422rem 0; border-left: 1px solid #454D57; }

.happening-field { padding-left: 1rem; line-height: 1; }

.statistic-label { display: block; padding-top: 0.317rem; color: #828B96; font-size: 11px; line-height: 1; }

.statistic-count { color: #FFF; font-size: 1.777rem; white-space: nowrap; }

.statistic-change { padding-left: 4px; font-size: 12px; }
.statistic-change.positive { color: rgba(0, 216, 174, 0.8); }
.statistic-change.negative { color: rgba(233, 23, 63, 0.8); }
.statistic-change.no-change { color: #454D57; }
.statistic-change .ss-directup { position: relative; top: 2px; }
.statistic-change .ss-directdown { position: relative; top: 1px; }

.happening-month { display: flex; justify-content: space-between; }
.happening-month:first-child .happening-month-name, .happening-month:first-child .happening-date-list { padding-top: 2.369rem; }
.happening-month:last-child .happening-date-list { position: relative; padding-bottom: 0; }
.happening-month:last-child .happening-date-list:after { position: absolute; bottom: -33px; left: 0px; content: ''; width: 3px; height: 86px; background: #dfe3e8; }

.happening-month-name { flex: 1; margin-top: 4px; width: 15.25424%; font-size: 1.166rem; font-weight: 300; }
.happening-month-name small { display: block; font-size: 12px; font-weight: 700; }

.happening-date-list { flex: 4; padding: 0 0 2rem 1rem; box-shadow: inset 3px 0 0 #DFE3E8; }

.happening-date { position: relative; align-items: flex-start; display: flex; min-height: 3.157rem; }

.happening-date-name { margin: 0; margin-right: 1.69492%; padding: 0.75rem 0 0.563rem; width: 2.369rem; background-color: #FFF; border-radius: 3px; box-shadow: inset 0 4px 0 0 #828B96, inset 0 0 0 1px #DFE3E8, 0 1px 0 #F4F6F9; color: #454D57; font-size: 1.166rem; font-weight: bold; letter-spacing: -1px; text-align: center; }
.happening-date-name:before { position: absolute; top: 1rem; left: -18px; content: ''; width: 7px; height: 7px; background: #FFF; border-radius: 50%; box-shadow: 0 0 0 3px #DFE3E8; }

.happening-event-list { flex: 1; margin-bottom: 1rem; padding: 0.512rem 0.75rem; background-color: #FFF; border-radius: 4px; box-shadow: inset 0 0 0 1px #DFE3E8, 0 1px 0 #F4F6F9; }

.happening-events { align-items: center; display: flex; }

.happening-event { flex: 1; padding: 0.238rem 0; }
.happening-event .actor { font-weight: 700; }
.happening-event .subject { font-style: italic; }

.happening-originals { color: #CBD1D8; font-size: 12px; }
.happening-originals a { color: #A1ABB6; font-style: italic; }

.happening-actors img { margin-right: 1px; }
.happening-actors img:last-child { margin-right: 0; }

.happening-news { font-size: 12px; }

.happening-news-header { margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid #F4F6F9; color: #CBD1D8; font-size: 11px; font-weight: bold; }

.happening-news-item { display: flex; padding-bottom: 0.238rem; }
.happening-news-item:last-child { padding-bottom: 0; }
.happening-news-item a { flex: 1; padding-right: 1rem; }
.happening-news-item time { color: #B6BEC7; }
.happening-news-item .ss-icon, .happening-news-item .object-image a:after, .object-image .happening-news-item a:after { position: relative; top: 1px; padding-right: 0.5rem; color: #B6BEC7; }

.happening-illustration { align-items: center; display: flex; margin-left: 3.38983%; padding: 0.238rem 0; }

.happening-illustration img { height: 2.369rem; border-radius: 2px; }

.happening-action { position: relative; align-items: center; display: flex; justify-content: center; margin: 0 2px; width: 2.369rem; height: 2.369rem; z-index: 5; font-size: 1.333rem; }
.happening-action .ss-icon, .happening-action .object-image a:after, .object-image .happening-action a:after { position: relative; top: 3px; }

.happening-action .ss-download, .happening-action .ss-scaledown { color: #A8D742; }
.happening-action .ss-upload, .happening-action .ss-scaleup, .happening-action .ss-ban { color: #E9173F; }
.happening-action .ss-vinylrecord, .happening-action .ss-disc { color: #454D57; }

.happening-image { margin-left: 1px; min-width: 2.369rem; height: 2.369rem; background-color: #F4F6F9; border-radius: 2px; }

.icon-subject { align-items: center; display: flex; justify-content: center; width: 2.369rem; height: 2.369rem; background-color: #454D57; border-radius: 2px; color: #FFF; font-size: 1.333rem; }
.icon-subject .ss-luggage { height: 24px; }
.icon-subject .ss-mic { height: 23px; }

.hp-subject { align-items: center; display: flex; justify-content: center; width: 2.369rem; height: 2.369rem; background-color: #17385b; border-radius: 2px; color: #FFF; font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; font-size: 13px; }

.happening-decade-1970 .override-header { background-color: #027298; }
.happening-decade-1970 .happening-navigation { background-color: #015279; }
.happening-decade-1970 .happening-date-name { box-shadow: inset 0 4px 0 0 #027298, inset 0 0 0 1px #DFE3E8, 0 1px 0 #F4F6F9; }

.happening-decade-1980 .override-header { background-color: #BA88A5; }
.happening-decade-1980 .happening-navigation { background-color: #A06887; }
.happening-decade-1980 .happening-date-name { box-shadow: inset 0 4px 0 0 #BA88A5, inset 0 0 0 1px #DFE3E8, 0 1px 0 #F4F6F9; }

.happening-decade-1990 .override-header { background-color: #A9B35D; }
.happening-decade-1990 .happening-navigation { background-color: #8C983F; }
.happening-decade-1990 .happening-date-name { box-shadow: inset 0 4px 0 0 #A9B35D, inset 0 0 0 1px #DFE3E8, 0 1px 0 #F4F6F9; }

.happening-decade-2000 .override-header { background-color: #9BC0DD; }
.happening-decade-2000 .happening-navigation { background-color: #7CA8CE; }
.happening-decade-2000 .happening-date-name { box-shadow: inset 0 4px 0 0 #9BC0DD, inset 0 0 0 1px #DFE3E8, 0 1px 0 #F4F6F9; }

.happening-decade-2010 .override-header { background-color: #00A68E; }
.happening-decade-2010 .happening-navigation { background-color: #00886E; }
.happening-decade-2010 .happening-date-name { box-shadow: inset 0 4px 0 0 #00A68E, inset 0 0 0 1px #DFE3E8, 0 1px 0 #F4F6F9; }

.happening-year-2000 .override-header { background-color: #9BC0DD; }
.happening-year-2000 .happening-navigation { background-color: #7CA8CE; }
.happening-year-2000 .happening-date-name { box-shadow: inset 0 4px 0 0 #9BC0DD, inset 0 0 0 1px #DFE3E8, 0 1px 0 #F4F6F9; }

.happening-year-2001 .override-header { background-color: #D24087; }
.happening-year-2001 .happening-navigation { background-color: #BF2767; }
.happening-year-2001 .happening-date-name { box-shadow: inset 0 4px 0 0 #D24087, inset 0 0 0 1px #DFE3E8, 0 1px 0 #F4F6F9; }

.happening-year-2002 .override-header { background-color: #D72442; }
.happening-year-2002 .happening-navigation { background-color: #C61429; }
.happening-year-2002 .happening-date-name { box-shadow: inset 0 4px 0 0 #D72442, inset 0 0 0 1px #DFE3E8, 0 1px 0 #F4F6F9; }

.happening-year-2003 .override-header { background-color: #87D1D2; }
.happening-year-2003 .happening-navigation { background-color: #67BEBF; }
.happening-year-2003 .happening-date-name { box-shadow: inset 0 4px 0 0 #87D1D2, inset 0 0 0 1px #DFE3E8, 0 1px 0 #F4F6F9; }

.happening-year-2004 .override-header { background-color: #F26C4F; }
.happening-year-2004 .happening-navigation { background-color: #EB4C33; }
.happening-year-2004 .happening-date-name { box-shadow: inset 0 4px 0 0 #F26C4F, inset 0 0 0 1px #DFE3E8, 0 1px 0 #F4F6F9; }

.happening-year-2005 .override-header { background-color: #08BBB7; }
.happening-year-2005 .happening-navigation { background-color: #04A19D; }
.happening-year-2005 .happening-date-name { box-shadow: inset 0 4px 0 0 #08BBB7, inset 0 0 0 1px #DFE3E8, 0 1px 0 #F4F6F9; }

.happening-year-2006 .override-header { background-color: #E3D6C5; }
.happening-year-2006 .happening-navigation { background-color: #D6C4AE; }
.happening-year-2006 .happening-date-name { box-shadow: inset 0 4px 0 0 #E3D6C5, inset 0 0 0 1px #DFE3E8, 0 1px 0 #F4F6F9; }

.happening-year-2007 .override-header { background-color: #B31F41; }
.happening-year-2007 .happening-navigation { background-color: #981128; }
.happening-year-2007 .happening-date-name { box-shadow: inset 0 4px 0 0 #B31F41, inset 0 0 0 1px #DFE3E8, 0 1px 0 #F4F6F9; }

.happening-year-2008 .override-header { background-color: #526FB1; }
.happening-year-2008 .happening-navigation { background-color: #364F95; }
.happening-year-2008 .happening-date-name { box-shadow: inset 0 4px 0 0 #526FB1, inset 0 0 0 1px #DFE3E8, 0 1px 0 #F4F6F9; }

.happening-year-2009 .override-header { background-color: #F6D258; }
.happening-year-2009 .happening-navigation { background-color: #F1BF3B; }
.happening-year-2009 .happening-date-name { box-shadow: inset 0 4px 0 0 #F6D258, inset 0 0 0 1px #DFE3E8, 0 1px 0 #F4F6F9; }

.happening-year-2010 .override-header { background-color: #5AC3BC; }
.happening-year-2010 .happening-navigation { background-color: #3CABA3; }
.happening-year-2010 .happening-date-name { box-shadow: inset 0 4px 0 0 #5AC3BC, inset 0 0 0 1px #DFE3E8, 0 1px 0 #F4F6F9; }

.happening-year-2011 .override-header { background-color: #E7658B; }
.happening-year-2011 .happening-navigation { background-color: #DC466B; }
.happening-year-2011 .happening-date-name { box-shadow: inset 0 4px 0 0 #E7658B, inset 0 0 0 1px #DFE3E8, 0 1px 0 #F4F6F9; }

.happening-year-2012 .override-header { background-color: #F05127; }
.happening-year-2012 .happening-navigation { background-color: #E83516; }
.happening-year-2012 .happening-date-name { box-shadow: inset 0 4px 0 0 #F05127, inset 0 0 0 1px #DFE3E8, 0 1px 0 #F4F6F9; }

.happening-year-2013 .override-header { background-color: #00A68E; }
.happening-year-2013 .happening-navigation { background-color: #00886E; }
.happening-year-2013 .happening-date-name { box-shadow: inset 0 4px 0 0 #00A68E, inset 0 0 0 1px #DFE3E8, 0 1px 0 #F4F6F9; }

[class^="path-news"] .header-search { border-color: rgba(255, 255, 255, 0.1); border-bottom-color: rgba(0, 0, 0, 0.1); }
[class^="path-news"] .override-header { background: #454D57; color: #FFF; padding: 6rem 0 0; }

.news-header { margin: 0 0 calc(6rem - 41px); color: #FFF; font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 5.61rem; font-style: italic; font-weight: 800; letter-spacing: -4px; }
.news-header .year { position: relative; margin-right: -0.875rem; vertical-align: 1rem; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 3.157rem; font-style: normal; font-weight: 200; letter-spacing: -3px; }

.subjects { margin: 1.333rem 0; }
.subjects .subject { display: inline-block; }

.subject-link { display: inline-block; padding: 4px 8px; background-color: #B6BEC7; border-radius: 4px; color: #FFF; }
.subject-link:hover { background-color: #A1ABB6; color: #FFF; }

.subject-image { height: 32px; padding-right: 4px; }

.subject-name { font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 11px; font-weight: 700; }

.item-header { flex: 1; margin-right: 1.69492%; }

.item-title { margin-top: 0; margin-bottom: 1rem; font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif; font-size: 1.777rem; font-weight: 700; }

.item-metadata { color: #646D77; font-size: 0.75rem; font-style: italic; }

.item-published { font-weight: 700; }

.item-author { font-weight: 500; }

.item-body { flex: 2; }
.item-body p:first-child { margin-top: 0; }

.item-images { flex: 1; margin-left: 1.69492%; }

.item-image { margin-bottom: 1rem; }
.item-image figcaption { margin: 0.422rem 0; font-size: 11px; font-style: italic; }
.item-image img { width: 100%; }

.news-item { margin-top: 1.777rem; }
.news-item .item { display: flex; }

.item-attribution { margin-top: 1.777rem; padding: 1rem 0; width: 100%; border-top: 1px solid #EBEFF5; font-size: 12px; }
.item-attribution th, .item-attribution td { padding: 6px 0; vertical-align: top; }
.item-attribution th { width: 15.25424%; color: #646D77; font-weight: bold; text-align: left; }
.item-attribution small { display: block; color: #B6BEC7; }

.item-juke { display: flex; margin-top: 1.777rem; padding: 1.333rem 0; }
.item-juke small { display: block; color: #B6BEC7; }

.juke { align-items: center; display: flex; flex: 1; }

.juke-previous { text-align: left; }

.juke-next { text-align: right; }
.juke-next .ss-navigateright { order: 1; }

.juke-link { flex: 1; padding: 0 6px; }

.lyrics { font-size: 13px; }

.lyric-idol { margin-left: 2px; }

.lyric-idol-img { width: 16px; border-radius: 2px; }

.lyrics-header { border-bottom: 1px solid #eee; padding: 1rem; }

.lyrics-list { display: flex; flex-direction: column; padding: 1rem; }

.lyrics { flex: 1; }

.lyrics-list p:first-child { margin-top: 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (max-width: 768px) { .lyrics-list { flex-direction: column; } }
@media only screen and (min-width: 480px) { .lyrics-list { flex-direction: column; } }
@media only screen and (min-width: 768px) { .lyrics-list { flex-direction: row; } }