@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	/* 1 */
	text-decoration: underline;
	/* 2 */
	text-decoration: underline dotted;
	/* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 1 */
	line-height: 1.15;
	/* 1 */
	margin: 0;
	/* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	/* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	/* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	/* 1 */
	color: inherit;
	/* 2 */
	display: table;
	/* 1 */
	max-width: 100%;
	/* 1 */
	padding: 0;
	/* 3 */
	white-space: normal;
	/* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

@-ms-viewport {
	width: device-width;
}

html, body {
	height: 100%;
}

/**
 * 1. デフォルトのフォントファミリーを変更する
 * 2. iOSにおけるPortrait/Landscape変更時のフォントサイズの自動調整を防止する
 */
html {
	font-family: "Suisse", "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

body {
	margin: 0 auto;
	color: #000000;
	background-color: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 15px;
	line-height: 2;
}

a {
	color: inherit;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

a[href^="#fn-"] {
	font-family: "mplus-1m", monospace;
	font-weight: bold;
	padding-left: 0.25em;
	padding-right: 0.25em;
	text-decoration: none;
}

a[href^="#fnref-"] {
	text-decoration: none;
}

a:not([href]) {
	cursor: default;
}

h2 {
	font-size: 1.5rem;
	line-height: 1.85;
	margin-bottom: 2.5rem;
	margin-top: 3.5rem;
	padding-bottom: 0.125rem;
	padding-top: 0.125rem;
}

@media screen and (max-width: 500px) {
	h2 {
		font-size: 1.25rem;
		margin-bottom: 1.75rem;
		margin-top: 2.75rem;
	}
}

h3 {
	font-size: 1.125rem;
	line-height: 1.85;
	margin-bottom: 2rem;
	margin-top: 3rem;
	padding-bottom: 0.125rem;
	padding-top: 0.125rem;
}

@media screen and (max-width: 500px) {
	h3 {
		margin-bottom: 1.25rem;
		margin-top: 2.15rem;
	}
}

h4,
h5,
h6 {
	font-size: 0.875rem;
	line-height: 1.429;
	margin-bottom: 0;
	margin-top: 1.75rem;
	padding-bottom: 0.1875rem;
	padding-top: 0.3125rem;
}

p,
ol,
ul,
dl {
	line-height: 2;
	margin-bottom: 2rem;
	margin-top: 2rem;
}

ol,
ul {
	padding-left: 2rem;
}

ul li {
	position: relative;
}

dd {
	margin-left: 2rem;
}

h3 + p, h4 + p, h5 + p, h6 + p,
h3 + ol, h4 + ol, h5 + ol, h6 + ol,
h3 + ul, h4 + ul, h5 + ul, h6 + ul,
h3 + dl, h4 + dl, h5 + dl, h6 + dl {
	margin-top: 0;
}

ol p, ul p, dl p,
ol ol, ul ol, dl ol,
ol ul, ul ul, dl ul,
ol dl, ul dl, dl dl {
	margin-bottom: 0;
	margin-top: 0;
}

dl.vertical-ui dt {
	float: left;
	margin-right: .5rem;
}

dl.vertical-ui dd {
	margin-left: 0;
}

dl.table-ui {
	box-sizing: border-box;
	border-bottom: solid 1px #D8DBDF;
	border-left: solid 1px #D8DBDF;
	border-right: solid 1px #D8DBDF;
	background-color: #F8F8F8;
	margin-bottom: 2rem;
	margin-top: 2rem;
}

dl.table-ui dt, dl.table-ui dd {
	padding: .5rem 1rem 0 1rem;
	box-sizing: border-box;
	border-top: solid 1px #D8DBDF;
}

dl.table-ui dt {
	width: 40%;
	float: left;
}

dl.table-ui dd {
	margin-left: 40%;
	padding-bottom: .5rem;
	border-left: solid 1px #D8DBDF;
	background-color: white;
}

dl.table-ui dd::after {
	content: "";
	display: block;
	clear: both;
}

img,
iframe,
object,
embed {
	max-width: 100%;
	height: auto;
	border: none;
}

audio {
	max-width: 100%;
	border: none;
}

img {
	vertical-align: baseline;
}

video {
	width: 100% !important;
	height: auto !important;
}

input, button, textarea, select {
	margin: 0;
	padding: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	box-sizing: border-box;
	border: none;
	background: none;
	font-family: inherit;
}

input::-webkit-search-decoration, button::-webkit-search-decoration, textarea::-webkit-search-decoration, select::-webkit-search-decoration {
	display: none;
}

input::focus, button::focus, textarea::focus, select::focus {
	outline-offset: -2px;
}

select::-ms-expand {
	display: none;
}

pre {
	background-color: #F8F8F8;
	border-radius: 0.125em;
	font-family: "mplus-1m", monospace;
	font-size: inherit;
	line-height: 1.429;
	margin-bottom: 1.75rem;
	margin-top: 1.75rem;
	overflow: auto;
	padding-bottom: 1.525rem;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-top: 1.525rem;
}

/**
 * 1. Chrome 57以前のバージョンで下線をリセットする
 * 2. Chrome, Edge, Operaで正しい装飾を追加(IE, Safariは装飾なし)
 */
abbr[title] {
	border-bottom: none;
	/* 1 */
	text-decoration: underline dotted;
	/* 2 */
}

/**
 * strong, bのネストを考慮し、bolderで相対的なウェイトを指定する
 * https://github.com/necolas/normalize.css/pull/342
 */
b,
strong {
	font-weight: bolder;
}

code,
samp,
kbd {
	background-color: #F8F8F8;
	border-radius: 0.125em;
	color: inherit;
	font-family: "mplus-1m", monospace;
	font-size: inherit;
	margin-left: 0.125ch;
	margin-right: 0.125ch;
	padding: 0.175em 0.375ch 0.125em;
}

pre code,
pre samp,
pre kbd {
	background-color: transparent;
	border-radius: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}

blockquote {
	background-color: #F8F8F8;
	margin: 0;
	padding-bottom: 1.525rem;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-top: 1.525rem;
}

blockquote p {
	margin-bottom: 0;
	margin-top: 0;
}

blockquote p + p {
	text-indent: 1em;
}

blockquote footer {
	text-align: right;
}

figure,
table {
	line-height: 1.667;
	margin: 3rem auto;
}

table {
	border: 1px solid #D8DBDF;
	border-collapse: collapse;
	width: 100%;
}

th,
td {
	padding: 0.5rem 1rem;
}

th,
td {
	border: 1px solid #D8DBDF;
	border-right-width: 0;
	border-bottom-width: 0;
}

th {
	font-weight: bold;
}

tbody th,
tfoot th {
	text-align: left;
}

figure {
	display: table;
	table-layout: fixed;
}

figcaption,
caption {
	font-size: 0.75rem;
	line-height: 1.667;
	margin-bottom: -0.5em;
	margin-top: 1.167em;
	text-align: left;
}

figcaption a,
caption a {
	color: inherit;
}

caption {
	caption-side: bottom;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

hr {
	border: solid rgba(0, 0, 0, 0.1);
	border-width: 1px 0 0;
	margin: 3.5rem 0;
}

svg {
	fill: currentColor;
}

.site-width, .ajx-article-container .article-detail, .sony-header .sony-header-inner, .site-header .site-header-inner {
	width: 88%;
}

.site-max-width, .sony-header .sony-header-inner, .site-header .site-header-inner {
	max-width: 1340px;
	max-width: 100%;
}

.container-width, .site-footer .site-footer-inner, .section-header, .feature .feature-inner, .members .members-inner .members-list, .voice .voice-inner, .musicians .musicians-header, .history #history-nav--on-desktop, .history #history-nav--on-mobile {
	width: 78%;
}

@media screen and (max-width: 500px) {
	.container-width, .site-footer .site-footer-inner, .section-header, .feature .feature-inner, .members .members-inner .members-list, .voice .voice-inner, .musicians .musicians-header, .history #history-nav--on-desktop, .history #history-nav--on-mobile {
		width: 88%;
	}
}

.container-max-width, .site-footer .site-footer-inner, .section-header, .feature .feature-inner, .members .members-inner .members-list, .voice .voice-inner, .musicians .musicians-header, .musicians ul, .history #history-nav--on-desktop, .history #history-nav--on-mobile {
	max-width: 1130px;
	max-width: 100%;
}

.readable-width, .page-container {
	width: 88%;
}

.readable-max-width, .page-container {
	max-width: 40em;
}

.clearfix::after, .history #history-nav--on-mobile::after {
	content: "";
	clear: both;
	display: block;
}

/*
Grand
 */
@font-face {
	font-family: "Grand";
	src: url("../fonts/Grand-Medium/37BA7E_0_0.woff") format("woff");
	font-weight: 600;
	font-stretch: normal;
}

/*
Suisse
 */
@font-face {
	font-family: 'Suisse';
	src: url("../fonts/SuisseIntl/SuisseIntl-Bold-WebS.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Suisse';
	src: url("../fonts/SuisseIntl/SuisseIntl-BoldItalic-WebS.woff") format("woff");
	font-weight: 700;
	font-style: italic;
	font-stretch: normal;
}

@font-face {
	font-family: 'Suisse';
	src: url("../fonts/SuisseIntl/SuisseIntl-Regular-WebS.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Suisse';
	src: url("../fonts/SuisseIntl/SuisseIntl-RegularItalic-WebS.woff") format("woff");
	font-weight: 400;
	font-style: italic;
	font-stretch: normal;
}

/*
mplus-1m (Mono)
 */
@font-face {
	font-family: 'mplus-1m';
	src: url("../fonts/mplus-1m/mplus-1m-bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'mplus-1m';
	src: url("../fonts/mplus-1m/mplus-1m-regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

.display-block, .ajx-article-container .ajx-article-overlay, .site-header .site-header-inner .site-header-title .flow-machines-logo img, .site-footer .site-footer-inner .site-footer-logos .flow-machines-logo img, .site-footer .site-footer-inner .site-footer-logos .sonycsl-logo img, .pagination .pagination-button {
	display: block;
}

.display-inlineBlock, .button {
	display: inline-block;
}

.display-inline {
	display: inline;
}

.display-table {
	display: table;
}

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

.display-none {
	display: none;
}

.display-flex, .grid, .grid li .grid-item-inner, .site-header .site-header-inner, .site-header .site-header-inner .site-header-nav ul, .site-footer .site-footer-inner .site-footer-logos, .site-footer .site-footer-inner .site-footer-nav ul, .site-footer .site-footer-inner .site-footer-nav ul li, .section-header, .section-header .section-header-note, .feature .feature-inner, .page-container .agree-buttons, .mw_wp_form .form-buttons, .members .members-inner .members-list, .musicians ul, .history #history-nav--on-desktop {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

@media screen and (min-width: 500px) {
	.breakPointS-display-block {
		display: block;
	}
	.breakPointS-display-inlineBlock {
		display: inline-block;
	}
	.breakPointS-display-inline {
		display: inline;
	}
	.breakPointS-display-table {
		display: table;
	}
	.breakPointS-display-tableCell {
		display: table-cell;
	}
	.breakPointS-display-none {
		display: none;
	}
	.breakPointS-display-flex {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}

@media screen and (min-width: 768px) {
	.breakPointM-display-block {
		display: block;
	}
	.breakPointM-display-inlineBlock {
		display: inline-block;
	}
	.breakPointM-display-inline {
		display: inline;
	}
	.breakPointM-display-table {
		display: table;
	}
	.breakPointM-display-tableCell {
		display: table-cell;
	}
	.breakPointM-display-none {
		display: none;
	}
	.breakPointM-display-flex {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}

@media screen and (min-width: 1180px) {
	.breakPointL-display-block {
		display: block;
	}
	.breakPointL-display-inlineBlock {
		display: inline-block;
	}
	.breakPointL-display-inline {
		display: inline;
	}
	.breakPointL-display-table {
		display: table;
	}
	.breakPointL-display-tableCell {
		display: table-cell;
	}
	.breakPointL-display-none {
		display: none;
	}
	.breakPointL-display-flex {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}

@media screen and (min-width: 1680px) {
	.breakPointXL-display-block {
		display: block;
	}
	.breakPointXL-display-inlineBlock {
		display: inline-block;
	}
	.breakPointXL-display-inline {
		display: inline;
	}
	.breakPointXL-display-table {
		display: table;
	}
	.breakPointXL-display-tableCell {
		display: table-cell;
	}
	.breakPointXL-display-none {
		display: none;
	}
	.breakPointXL-display-flex {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}

.ai-flexStart, .musicians ul {
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

.ai-flexEnd {
	-webkit-align-items: flex-end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

.ai-center, .grid, .grid li .grid-item-inner, .site-header .site-header-inner, .site-header .site-header-inner .site-header-nav ul, .site-footer .site-footer-inner .site-footer-logos, .site-footer .site-footer-inner .site-footer-nav ul, .site-footer .site-footer-inner .site-footer-nav ul li, .section-header, .section-header .section-header-note, .feature .feature-inner, .page-container .agree-buttons, .mw_wp_form .form-buttons, .history #history-nav--on-desktop {
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.ai-baseline, .members .members-inner .members-list {
	-webkit-align-items: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
}

.ai-stretch {
	-webkit-align-items: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}

@media screen and (min-width: 500px) {
	.breakPointS-ai-flexStart {
		-webkit-align-items: flex-start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	.breakPointS-ai-flexEnd {
		-webkit-align-items: flex-end;
		    -ms-flex-align: end;
		        align-items: flex-end;
	}
	.breakPointS-ai-center {
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.breakPointS-ai-baseline {
		-webkit-align-items: baseline;
		    -ms-flex-align: baseline;
		        align-items: baseline;
	}
	.breakPointS-ai-stretch {
		-webkit-align-items: stretch;
		    -ms-flex-align: stretch;
		        align-items: stretch;
	}
}

@media screen and (min-width: 768px) {
	.breakPointM-ai-flexStart {
		-webkit-align-items: flex-start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	.breakPointM-ai-flexEnd {
		-webkit-align-items: flex-end;
		    -ms-flex-align: end;
		        align-items: flex-end;
	}
	.breakPointM-ai-center {
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.breakPointM-ai-baseline {
		-webkit-align-items: baseline;
		    -ms-flex-align: baseline;
		        align-items: baseline;
	}
	.breakPointM-ai-stretch {
		-webkit-align-items: stretch;
		    -ms-flex-align: stretch;
		        align-items: stretch;
	}
}

@media screen and (min-width: 1180px) {
	.breakPointL-ai-flexStart {
		-webkit-align-items: flex-start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	.breakPointL-ai-flexEnd {
		-webkit-align-items: flex-end;
		    -ms-flex-align: end;
		        align-items: flex-end;
	}
	.breakPointL-ai-center {
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.breakPointL-ai-baseline {
		-webkit-align-items: baseline;
		    -ms-flex-align: baseline;
		        align-items: baseline;
	}
	.breakPointL-ai-stretch {
		-webkit-align-items: stretch;
		    -ms-flex-align: stretch;
		        align-items: stretch;
	}
}

@media screen and (min-width: 1680px) {
	.breakPointXL-ai-flexStart {
		-webkit-align-items: flex-start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	.breakPointXL-ai-flexEnd {
		-webkit-align-items: flex-end;
		    -ms-flex-align: end;
		        align-items: flex-end;
	}
	.breakPointXL-ai-center {
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.breakPointXL-ai-baseline {
		-webkit-align-items: baseline;
		    -ms-flex-align: baseline;
		        align-items: baseline;
	}
	.breakPointXL-ai-stretch {
		-webkit-align-items: stretch;
		    -ms-flex-align: stretch;
		        align-items: stretch;
	}
}

.jc-flexStart, .grid, .members .members-inner .members-list, .musicians ul {
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

.jc-flexEnd {
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.jc-center, .site-footer .site-footer-inner .site-footer-logos, .site-footer .site-footer-inner .site-footer-nav ul, .page-container .agree-buttons, .mw_wp_form .form-buttons {
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.jc-spaceBetween, .grid li .grid-item-inner, .site-header .site-header-inner, .site-header .site-header-inner .site-header-nav ul, .site-footer .site-footer-inner .site-footer-nav ul li, .section-header, .section-header .section-header-note, .feature .feature-inner, .history #history-nav--on-desktop {
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.jc-spaceAround {
	-webkit-justify-content: space-around;
	    -ms-flex-pack: distribute;
	        justify-content: space-around;
}

@media screen and (min-width: 500px) {
	.breakPointS-jc-flexStart {
		-webkit-justify-content: flex-start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	.breakPointS-jc-flexEnd {
		-webkit-justify-content: flex-end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}
	.breakPointS-jc-center {
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.breakPointS-jc-spaceBetween {
		-webkit-justify-content: space-between;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.breakPointS-jc-spaceAround {
		-webkit-justify-content: space-around;
		    -ms-flex-pack: distribute;
		        justify-content: space-around;
	}
}

@media screen and (min-width: 768px) {
	.breakPointM-jc-flexStart {
		-webkit-justify-content: flex-start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	.breakPointM-jc-flexEnd {
		-webkit-justify-content: flex-end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}
	.breakPointM-jc-center {
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.breakPointM-jc-spaceBetween {
		-webkit-justify-content: space-between;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.breakPointM-jc-spaceAround {
		-webkit-justify-content: space-around;
		    -ms-flex-pack: distribute;
		        justify-content: space-around;
	}
}

@media screen and (min-width: 1180px) {
	.breakPointL-jc-flexStart {
		-webkit-justify-content: flex-start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	.breakPointL-jc-flexEnd {
		-webkit-justify-content: flex-end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}
	.breakPointL-jc-center {
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.breakPointL-jc-spaceBetween {
		-webkit-justify-content: space-between;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.breakPointL-jc-spaceAround {
		-webkit-justify-content: space-around;
		    -ms-flex-pack: distribute;
		        justify-content: space-around;
	}
}

@media screen and (min-width: 1680px) {
	.breakPointXL-jc-flexStart {
		-webkit-justify-content: flex-start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	.breakPointXL-jc-flexEnd {
		-webkit-justify-content: flex-end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}
	.breakPointXL-jc-center {
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.breakPointXL-jc-spaceBetween {
		-webkit-justify-content: space-between;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.breakPointXL-jc-spaceAround {
		-webkit-justify-content: space-around;
		    -ms-flex-pack: distribute;
		        justify-content: space-around;
	}
}

.margin-xxxxl {
	margin: 80px;
}

.margin-xxxl {
	margin: 60px;
}

.margin-xxl {
	margin: 50px;
}

.margin-xl {
	margin: 40px;
}

.margin-l {
	margin: 30px;
}

.margin-m {
	margin: 20px;
}

.margin-s {
	margin: 15px;
}

.margin-xs {
	margin: 10px;
}

.margin-xxs {
	margin: 5px;
}

.margin-0, .grid, .site-header .site-header-inner .site-header-title, .site-header .site-header-inner .site-header-nav ul, .site-footer .site-footer-inner .site-footer-nav ul, .page-container .page-abstract p, .page-container .agree-list, .sound-credit-container .sound-credit-body p {
	margin: 0;
}

.margin-auto {
	margin: auto;
}

.marginTop-xxxxl {
	margin-top: 80px;
}

.marginBottom-xxxxl {
	margin-bottom: 80px;
}

.marginLeft-xxxxl {
	margin-left: 80px;
}

.marginRight-xxxxl {
	margin-right: 80px;
}

.marginTop-xxxl {
	margin-top: 60px;
}

.marginBottom-xxxl {
	margin-bottom: 60px;
}

.marginLeft-xxxl {
	margin-left: 60px;
}

.marginRight-xxxl {
	margin-right: 60px;
}

.marginTop-xxl {
	margin-top: 50px;
}

.marginBottom-xxl {
	margin-bottom: 50px;
}

.marginLeft-xxl {
	margin-left: 50px;
}

.marginRight-xxl {
	margin-right: 50px;
}

.marginTop-xl, .site-header {
	margin-top: 40px;
}

.marginBottom-xl {
	margin-bottom: 40px;
}

.marginLeft-xl, .site-header .site-header-inner .site-header-nav > ul > li:first-child {
	margin-left: 40px;
}

.marginRight-xl {
	margin-right: 40px;
}

.marginTop-l {
	margin-top: 30px;
}

.marginBottom-l {
	margin-bottom: 30px;
}

.marginLeft-l {
	margin-left: 30px;
}

.marginRight-l {
	margin-right: 30px;
}

.marginTop-m {
	margin-top: 20px;
}

.marginBottom-m {
	margin-bottom: 20px;
}

.marginLeft-m {
	margin-left: 20px;
}

.marginRight-m {
	margin-right: 20px;
}

.marginTop-s {
	margin-top: 15px;
}

.marginBottom-s {
	margin-bottom: 15px;
}

.marginLeft-s {
	margin-left: 15px;
}

.marginRight-s {
	margin-right: 15px;
}

.marginTop-xs {
	margin-top: 10px;
}

.marginBottom-xs {
	margin-bottom: 10px;
}

.marginLeft-xs {
	margin-left: 10px;
}

.marginRight-xs {
	margin-right: 10px;
}

.marginTop-xxs {
	margin-top: 5px;
}

.marginBottom-xxs {
	margin-bottom: 5px;
}

.marginLeft-xxs {
	margin-left: 5px;
}

.marginRight-xxs {
	margin-right: 5px;
}

.marginTop-0, .grid, .sony-header .sony-header-inner, .site-header .site-header-inner, .site-footer .site-footer-inner, .site-footer .site-footer-inner .site-footer-nav, .section-header, .feature .feature-inner, .page-container, .members .members-inner .members-list, .voice .voice-inner, .musicians .musicians-header, .musicians ul, .history #history-nav--on-desktop, .history #history-nav--on-mobile {
	margin-top: 0;
}

.marginBottom-0, .grid, .sony-header .sony-header-inner, .site-header .site-header-inner, .site-footer .site-footer-inner, .site-footer .site-footer-inner .site-footer-nav, .section-header, .feature .feature-inner, .page-container, .members .members-inner .members-list, .voice .voice-inner, .musicians .musicians-header, .musicians ul {
	margin-bottom: 0;
}

.marginLeft-0 {
	margin-left: 0;
}

.marginRight-0 {
	margin-right: 0;
}

.marginTop-auto {
	margin-top: auto;
}

.marginBottom-auto {
	margin-bottom: auto;
}

.marginLeft-auto, .grid, .article-detail, .sony-header .sony-header-inner, .site-header .site-header-inner, .site-footer .site-footer-inner, .site-footer .site-footer-inner .site-footer-nav, .section-header, .feature .feature-inner, .page-container, .mw_wp_form input[type="submit"], .mw_wp_form input[type="button"], .members .members-inner .members-list, .voice .voice-inner, .pagination .pagination-button, .musicians .musicians-header, .musicians ul, .history #history-nav--on-desktop, .history #history-nav--on-mobile {
	margin-left: auto;
}

.marginRight-auto, .grid, .article-detail, .sony-header .sony-header-inner, .site-header .site-header-inner, .site-footer .site-footer-inner, .site-footer .site-footer-inner .site-footer-nav, .section-header, .feature .feature-inner, .page-container, .mw_wp_form input[type="submit"], .mw_wp_form input[type="button"], .members .members-inner .members-list, .voice .voice-inner, .pagination .pagination-button, .musicians .musicians-header, .musicians ul, .history #history-nav--on-desktop, .history #history-nav--on-mobile {
	margin-right: auto;
}

@media screen and (min-width: 500px) {
	.breakPointS-margin-xxxxl {
		margin: 80px;
	}
	.breakPointS-margin-xxxl {
		margin: 60px;
	}
	.breakPointS-margin-xxl {
		margin: 50px;
	}
	.breakPointS-margin-xl {
		margin: 40px;
	}
	.breakPointS-margin-l {
		margin: 30px;
	}
	.breakPointS-margin-m {
		margin: 20px;
	}
	.breakPointS-margin-s {
		margin: 15px;
	}
	.breakPointS-margin-xs {
		margin: 10px;
	}
	.breakPointS-margin-xxs {
		margin: 5px;
	}
	.breakPointS-margin-0 {
		margin: 0;
	}
	.breakPointS-margin-auto {
		margin: auto;
	}
	.breakPointS-marginTop-xxxxl {
		margin-top: 80px;
	}
	.breakPointS-marginTop-xxxl {
		margin-top: 60px;
	}
	.breakPointS-marginTop-xxl {
		margin-top: 50px;
	}
	.breakPointS-marginTop-xl {
		margin-top: 40px;
	}
	.breakPointS-marginTop-l {
		margin-top: 30px;
	}
	.breakPointS-marginTop-m {
		margin-top: 20px;
	}
	.breakPointS-marginTop-s {
		margin-top: 15px;
	}
	.breakPointS-marginTop-xs {
		margin-top: 10px;
	}
	.breakPointS-marginTop-xxs {
		margin-top: 5px;
	}
	.breakPointS-marginTop-0 {
		margin-top: 0;
	}
	.breakPointS-marginBottom-xxxxl {
		margin-bottom: 80px;
	}
	.breakPointS-marginBottom-xxxl {
		margin-bottom: 60px;
	}
	.breakPointS-marginBottom-xxl {
		margin-bottom: 50px;
	}
	.breakPointS-marginBottom-xl {
		margin-bottom: 40px;
	}
	.breakPointS-marginBottom-l {
		margin-bottom: 30px;
	}
	.breakPointS-marginBottom-m {
		margin-bottom: 20px;
	}
	.breakPointS-marginBottom-s {
		margin-bottom: 15px;
	}
	.breakPointS-marginBottom-xs {
		margin-bottom: 10px;
	}
	.breakPointS-marginBottom-xxs {
		margin-bottom: 5px;
	}
	.breakPointS-marginBottom-0 {
		margin-bottom: 0;
	}
	.breakPointS-marginLeft-xxxxl {
		margin-left: 80px;
	}
	.breakPointS-marginLeft-xxxl {
		margin-left: 60px;
	}
	.breakPointS-marginLeft-xxl {
		margin-left: 50px;
	}
	.breakPointS-marginLeft-xl {
		margin-left: 40px;
	}
	.breakPointS-marginLeft-l {
		margin-left: 30px;
	}
	.breakPointS-marginLeft-m {
		margin-left: 20px;
	}
	.breakPointS-marginLeft-s {
		margin-left: 15px;
	}
	.breakPointS-marginLeft-xs {
		margin-left: 10px;
	}
	.breakPointS-marginLeft-xxs {
		margin-left: 5px;
	}
	.breakPointS-marginLeft-0 {
		margin-left: 0;
	}
	.breakPointS-marginRight-xxxxl {
		margin-right: 80px;
	}
	.breakPointS-marginRight-xxxl {
		margin-right: 60px;
	}
	.breakPointS-marginRight-xxl {
		margin-right: 50px;
	}
	.breakPointS-marginRight-xl {
		margin-right: 40px;
	}
	.breakPointS-marginRight-l {
		margin-right: 30px;
	}
	.breakPointS-marginRight-m {
		margin-right: 20px;
	}
	.breakPointS-marginRight-s {
		margin-right: 15px;
	}
	.breakPointS-marginRight-xs {
		margin-right: 10px;
	}
	.breakPointS-marginRight-xxs {
		margin-right: 5px;
	}
	.breakPointS-marginRight-0 {
		margin-right: 0;
	}
	.breakPointS-marginTop-auto {
		margin-top: auto;
	}
	.breakPointS-marginBottom-auto {
		margin-bottom: auto;
	}
	.breakPointS-marginLeft-auto {
		margin-left: auto;
	}
	.breakPointS-marginRight-auto {
		margin-right: auto;
	}
}

@media screen and (min-width: 768px) {
	.breakPointM-margin-xxxxl {
		margin: 80px;
	}
	.breakPointM-margin-xxxl {
		margin: 60px;
	}
	.breakPointM-margin-xxl {
		margin: 50px;
	}
	.breakPointM-margin-xl {
		margin: 40px;
	}
	.breakPointM-margin-l {
		margin: 30px;
	}
	.breakPointM-margin-m {
		margin: 20px;
	}
	.breakPointM-margin-s {
		margin: 15px;
	}
	.breakPointM-margin-xs {
		margin: 10px;
	}
	.breakPointM-margin-xxs {
		margin: 5px;
	}
	.breakPointM-margin-0 {
		margin: 0;
	}
	.breakPointM-margin-auto {
		margin: auto;
	}
	.breakPointM-marginTop-xxxxl {
		margin-top: 80px;
	}
	.breakPointM-marginTop-xxxl {
		margin-top: 60px;
	}
	.breakPointM-marginTop-xxl {
		margin-top: 50px;
	}
	.breakPointM-marginTop-xl {
		margin-top: 40px;
	}
	.breakPointM-marginTop-l {
		margin-top: 30px;
	}
	.breakPointM-marginTop-m {
		margin-top: 20px;
	}
	.breakPointM-marginTop-s {
		margin-top: 15px;
	}
	.breakPointM-marginTop-xs {
		margin-top: 10px;
	}
	.breakPointM-marginTop-xxs {
		margin-top: 5px;
	}
	.breakPointM-marginTop-0 {
		margin-top: 0;
	}
	.breakPointM-marginBottom-xxxxl {
		margin-bottom: 80px;
	}
	.breakPointM-marginBottom-xxxl {
		margin-bottom: 60px;
	}
	.breakPointM-marginBottom-xxl {
		margin-bottom: 50px;
	}
	.breakPointM-marginBottom-xl {
		margin-bottom: 40px;
	}
	.breakPointM-marginBottom-l {
		margin-bottom: 30px;
	}
	.breakPointM-marginBottom-m {
		margin-bottom: 20px;
	}
	.breakPointM-marginBottom-s {
		margin-bottom: 15px;
	}
	.breakPointM-marginBottom-xs {
		margin-bottom: 10px;
	}
	.breakPointM-marginBottom-xxs {
		margin-bottom: 5px;
	}
	.breakPointM-marginBottom-0 {
		margin-bottom: 0;
	}
	.breakPointM-marginLeft-xxxxl {
		margin-left: 80px;
	}
	.breakPointM-marginLeft-xxxl {
		margin-left: 60px;
	}
	.breakPointM-marginLeft-xxl {
		margin-left: 50px;
	}
	.breakPointM-marginLeft-xl {
		margin-left: 40px;
	}
	.breakPointM-marginLeft-l {
		margin-left: 30px;
	}
	.breakPointM-marginLeft-m {
		margin-left: 20px;
	}
	.breakPointM-marginLeft-s {
		margin-left: 15px;
	}
	.breakPointM-marginLeft-xs {
		margin-left: 10px;
	}
	.breakPointM-marginLeft-xxs {
		margin-left: 5px;
	}
	.breakPointM-marginLeft-0 {
		margin-left: 0;
	}
	.breakPointM-marginRight-xxxxl {
		margin-right: 80px;
	}
	.breakPointM-marginRight-xxxl {
		margin-right: 60px;
	}
	.breakPointM-marginRight-xxl {
		margin-right: 50px;
	}
	.breakPointM-marginRight-xl {
		margin-right: 40px;
	}
	.breakPointM-marginRight-l {
		margin-right: 30px;
	}
	.breakPointM-marginRight-m {
		margin-right: 20px;
	}
	.breakPointM-marginRight-s {
		margin-right: 15px;
	}
	.breakPointM-marginRight-xs {
		margin-right: 10px;
	}
	.breakPointM-marginRight-xxs {
		margin-right: 5px;
	}
	.breakPointM-marginRight-0 {
		margin-right: 0;
	}
	.breakPointM-marginTop-auto {
		margin-top: auto;
	}
	.breakPointM-marginBottom-auto {
		margin-bottom: auto;
	}
	.breakPointM-marginLeft-auto {
		margin-left: auto;
	}
	.breakPointM-marginRight-auto {
		margin-right: auto;
	}
}

@media screen and (min-width: 1180px) {
	.breakPointL-margin-xxxxl {
		margin: 80px;
	}
	.breakPointL-margin-xxxl {
		margin: 60px;
	}
	.breakPointL-margin-xxl {
		margin: 50px;
	}
	.breakPointL-margin-xl {
		margin: 40px;
	}
	.breakPointL-margin-l {
		margin: 30px;
	}
	.breakPointL-margin-m {
		margin: 20px;
	}
	.breakPointL-margin-s {
		margin: 15px;
	}
	.breakPointL-margin-xs {
		margin: 10px;
	}
	.breakPointL-margin-xxs {
		margin: 5px;
	}
	.breakPointL-margin-0 {
		margin: 0;
	}
	.breakPointL-margin-auto {
		margin: auto;
	}
	.breakPointL-marginTop-xxxxl {
		margin-top: 80px;
	}
	.breakPointL-marginTop-xxxl {
		margin-top: 60px;
	}
	.breakPointL-marginTop-xxl {
		margin-top: 50px;
	}
	.breakPointL-marginTop-xl {
		margin-top: 40px;
	}
	.breakPointL-marginTop-l {
		margin-top: 30px;
	}
	.breakPointL-marginTop-m {
		margin-top: 20px;
	}
	.breakPointL-marginTop-s {
		margin-top: 15px;
	}
	.breakPointL-marginTop-xs {
		margin-top: 10px;
	}
	.breakPointL-marginTop-xxs {
		margin-top: 5px;
	}
	.breakPointL-marginTop-0 {
		margin-top: 0;
	}
	.breakPointL-marginBottom-xxxxl {
		margin-bottom: 80px;
	}
	.breakPointL-marginBottom-xxxl {
		margin-bottom: 60px;
	}
	.breakPointL-marginBottom-xxl {
		margin-bottom: 50px;
	}
	.breakPointL-marginBottom-xl {
		margin-bottom: 40px;
	}
	.breakPointL-marginBottom-l {
		margin-bottom: 30px;
	}
	.breakPointL-marginBottom-m {
		margin-bottom: 20px;
	}
	.breakPointL-marginBottom-s {
		margin-bottom: 15px;
	}
	.breakPointL-marginBottom-xs {
		margin-bottom: 10px;
	}
	.breakPointL-marginBottom-xxs {
		margin-bottom: 5px;
	}
	.breakPointL-marginBottom-0 {
		margin-bottom: 0;
	}
	.breakPointL-marginLeft-xxxxl {
		margin-left: 80px;
	}
	.breakPointL-marginLeft-xxxl {
		margin-left: 60px;
	}
	.breakPointL-marginLeft-xxl {
		margin-left: 50px;
	}
	.breakPointL-marginLeft-xl {
		margin-left: 40px;
	}
	.breakPointL-marginLeft-l {
		margin-left: 30px;
	}
	.breakPointL-marginLeft-m {
		margin-left: 20px;
	}
	.breakPointL-marginLeft-s {
		margin-left: 15px;
	}
	.breakPointL-marginLeft-xs {
		margin-left: 10px;
	}
	.breakPointL-marginLeft-xxs {
		margin-left: 5px;
	}
	.breakPointL-marginLeft-0 {
		margin-left: 0;
	}
	.breakPointL-marginRight-xxxxl {
		margin-right: 80px;
	}
	.breakPointL-marginRight-xxxl {
		margin-right: 60px;
	}
	.breakPointL-marginRight-xxl {
		margin-right: 50px;
	}
	.breakPointL-marginRight-xl {
		margin-right: 40px;
	}
	.breakPointL-marginRight-l {
		margin-right: 30px;
	}
	.breakPointL-marginRight-m {
		margin-right: 20px;
	}
	.breakPointL-marginRight-s {
		margin-right: 15px;
	}
	.breakPointL-marginRight-xs {
		margin-right: 10px;
	}
	.breakPointL-marginRight-xxs {
		margin-right: 5px;
	}
	.breakPointL-marginRight-0 {
		margin-right: 0;
	}
	.breakPointL-marginTop-auto {
		margin-top: auto;
	}
	.breakPointL-marginBottom-auto {
		margin-bottom: auto;
	}
	.breakPointL-marginLeft-auto {
		margin-left: auto;
	}
	.breakPointL-marginRight-auto {
		margin-right: auto;
	}
}

@media screen and (min-width: 1680px) {
	.breakPointXL-margin-xxxxl {
		margin: 80px;
	}
	.breakPointXL-margin-xxxl {
		margin: 60px;
	}
	.breakPointXL-margin-xxl {
		margin: 50px;
	}
	.breakPointXL-margin-xl {
		margin: 40px;
	}
	.breakPointXL-margin-l {
		margin: 30px;
	}
	.breakPointXL-margin-m {
		margin: 20px;
	}
	.breakPointXL-margin-s {
		margin: 15px;
	}
	.breakPointXL-margin-xs {
		margin: 10px;
	}
	.breakPointXL-margin-xxs {
		margin: 5px;
	}
	.breakPointXL-margin-0 {
		margin: 0;
	}
	.breakPointXL-margin-auto {
		margin: auto;
	}
	.breakPointXL-marginTop-xxxxl {
		margin-top: 80px;
	}
	.breakPointXL-marginTop-xxxl {
		margin-top: 60px;
	}
	.breakPointXL-marginTop-xxl {
		margin-top: 50px;
	}
	.breakPointXL-marginTop-xl {
		margin-top: 40px;
	}
	.breakPointXL-marginTop-l {
		margin-top: 30px;
	}
	.breakPointXL-marginTop-m {
		margin-top: 20px;
	}
	.breakPointXL-marginTop-s {
		margin-top: 15px;
	}
	.breakPointXL-marginTop-xs {
		margin-top: 10px;
	}
	.breakPointXL-marginTop-xxs {
		margin-top: 5px;
	}
	.breakPointXL-marginTop-0 {
		margin-top: 0;
	}
	.breakPointXL-marginBottom-xxxxl {
		margin-bottom: 80px;
	}
	.breakPointXL-marginBottom-xxxl {
		margin-bottom: 60px;
	}
	.breakPointXL-marginBottom-xxl {
		margin-bottom: 50px;
	}
	.breakPointXL-marginBottom-xl {
		margin-bottom: 40px;
	}
	.breakPointXL-marginBottom-l {
		margin-bottom: 30px;
	}
	.breakPointXL-marginBottom-m {
		margin-bottom: 20px;
	}
	.breakPointXL-marginBottom-s {
		margin-bottom: 15px;
	}
	.breakPointXL-marginBottom-xs {
		margin-bottom: 10px;
	}
	.breakPointXL-marginBottom-xxs {
		margin-bottom: 5px;
	}
	.breakPointXL-marginBottom-0 {
		margin-bottom: 0;
	}
	.breakPointXL-marginLeft-xxxxl {
		margin-left: 80px;
	}
	.breakPointXL-marginLeft-xxxl {
		margin-left: 60px;
	}
	.breakPointXL-marginLeft-xxl {
		margin-left: 50px;
	}
	.breakPointXL-marginLeft-xl {
		margin-left: 40px;
	}
	.breakPointXL-marginLeft-l {
		margin-left: 30px;
	}
	.breakPointXL-marginLeft-m {
		margin-left: 20px;
	}
	.breakPointXL-marginLeft-s {
		margin-left: 15px;
	}
	.breakPointXL-marginLeft-xs {
		margin-left: 10px;
	}
	.breakPointXL-marginLeft-xxs {
		margin-left: 5px;
	}
	.breakPointXL-marginLeft-0 {
		margin-left: 0;
	}
	.breakPointXL-marginRight-xxxxl {
		margin-right: 80px;
	}
	.breakPointXL-marginRight-xxxl {
		margin-right: 60px;
	}
	.breakPointXL-marginRight-xxl {
		margin-right: 50px;
	}
	.breakPointXL-marginRight-xl {
		margin-right: 40px;
	}
	.breakPointXL-marginRight-l {
		margin-right: 30px;
	}
	.breakPointXL-marginRight-m {
		margin-right: 20px;
	}
	.breakPointXL-marginRight-s {
		margin-right: 15px;
	}
	.breakPointXL-marginRight-xs {
		margin-right: 10px;
	}
	.breakPointXL-marginRight-xxs {
		margin-right: 5px;
	}
	.breakPointXL-marginRight-0 {
		margin-right: 0;
	}
	.breakPointXL-marginTop-auto {
		margin-top: auto;
	}
	.breakPointXL-marginBottom-auto {
		margin-bottom: auto;
	}
	.breakPointXL-marginLeft-auto {
		margin-left: auto;
	}
	.breakPointXL-marginRight-auto {
		margin-right: auto;
	}
}

.boxShadow-blue {
	box-shadow: inset 0 0 0 1px #1a65ff;
}

.boxShadow-green {
	box-shadow: inset 0 0 0 1px #17CE97;
}

.boxShadow-purple {
	box-shadow: inset 0 0 0 1px #9181FF;
}

.boxShadow-orange {
	box-shadow: inset 0 0 0 1px #FC6801;
}

.boxShadow-red {
	box-shadow: inset 0 0 0 1px #FF5858;
}

.boxShadow-yellow {
	box-shadow: inset 0 0 0 1px #FFC82C;
}

.boxShadow-smoke {
	box-shadow: inset 0 0 0 1px #D8DBDF;
}

.boxShadow-smoke--xd {
	box-shadow: inset 0 0 0 1px #b9b9b9;
}

.boxShadow-steel {
	box-shadow: inset 0 0 0 1px #2A2B2D;
}

.boxShadow-close {
	box-shadow: 0 1px 2px 0 rgba(31, 45, 61, 0.15);
}

.boxShadow-subtle {
	box-shadow: 0 0 1px 1px rgba(31, 45, 61, 0.15);
}

.boxShadow-box, .sound-credit-container .sound-credit-body {
	box-shadow: 0 10px 15px 0 rgba(31, 45, 61, 0.04), 0 0 50px 0 rgba(31, 45, 61, 0.1);
}

.boxShadow-white--transparent {
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}

.boxShadow-none {
	box-shadow: none;
}

.boxShadow-blue--hover {
	box-shadow: inset 0 0 0 1px #1a65ff;
}

.boxShadow-orange--hover {
	box-shadow: inset 0 0 0 1px #FC6801;
}

.boxShadow-deboss--hover {
	box-shadow: inset 0 2px 0 rgba(31, 45, 61, 0.15);
}

.boxShadow-emboss--hover {
	box-shadow: inset 0 -2px 0 rgba(31, 45, 61, 0.15);
}

.boxShadow-raise--hover {
	box-shadow: 0 1px 1px 0 rgba(31, 45, 61, 0.05);
}

.boxShadow-smoke--xd--hover {
	box-shadow: inset 0 0 0 1px #b9b9b9;
}

.boxShadow-blue--focus {
	box-shadow: inset 0 0 0 1px #1a65ff;
}

.boxShadow-orange--focus {
	box-shadow: inset 0 0 0 1px #FC6801;
}

.boxShadow-deboss--focus {
	box-shadow: inset 0 2px 0 rgba(31, 45, 61, 0.15);
}

.boxShadow-emboss--focus {
	box-shadow: inset 0 -2px 0 rgba(31, 45, 61, 0.15);
}

.boxShadow-raise--focus {
	box-shadow: 0 1px 1px 0 rgba(31, 45, 61, 0.05);
}

.boxShadow-smoke--xd--focus {
	box-shadow: inset 0 0 0 1px #b9b9b9;
}

.padding-xxxxl {
	padding: 80px;
}

.padding-xxxl {
	padding: 60px;
}

.padding-xxl {
	padding: 50px;
}

.padding-xl {
	padding: 40px;
}

.padding-l {
	padding: 30px;
}

.padding-m {
	padding: 20px;
}

.padding-s {
	padding: 15px;
}

.padding-xs {
	padding: 10px;
}

.padding-xxs {
	padding: 5px;
}

.padding-0, .grid, .site-header .site-header-inner .site-header-nav ul, .site-footer .site-footer-inner .site-footer-nav ul, .page-container .agree-list {
	padding: 0;
}

.paddingTop-xxxxl {
	padding-top: 80px;
}

.paddingBottom-xxxxl {
	padding-bottom: 80px;
}

.paddingLeft-xxxxl {
	padding-left: 80px;
}

.paddingRight-xxxxl {
	padding-right: 80px;
}

.paddingTop-xxxl {
	padding-top: 60px;
}

.paddingBottom-xxxl {
	padding-bottom: 60px;
}

.paddingLeft-xxxl {
	padding-left: 60px;
}

.paddingRight-xxxl {
	padding-right: 60px;
}

.paddingTop-xxl {
	padding-top: 50px;
}

.paddingBottom-xxl {
	padding-bottom: 50px;
}

.paddingLeft-xxl {
	padding-left: 50px;
}

.paddingRight-xxl {
	padding-right: 50px;
}

.paddingTop-xl {
	padding-top: 40px;
}

.paddingBottom-xl {
	padding-bottom: 40px;
}

.paddingLeft-xl {
	padding-left: 40px;
}

.paddingRight-xl {
	padding-right: 40px;
}

.paddingTop-l {
	padding-top: 30px;
}

.paddingBottom-l {
	padding-bottom: 30px;
}

.paddingLeft-l {
	padding-left: 30px;
}

.paddingRight-l {
	padding-right: 30px;
}

.paddingTop-m {
	padding-top: 20px;
}

.paddingBottom-m {
	padding-bottom: 20px;
}

.paddingLeft-m {
	padding-left: 20px;
}

.paddingRight-m {
	padding-right: 20px;
}

.paddingTop-s {
	padding-top: 15px;
}

.paddingBottom-s {
	padding-bottom: 15px;
}

.paddingLeft-s {
	padding-left: 15px;
}

.paddingRight-s {
	padding-right: 15px;
}

.paddingTop-xs {
	padding-top: 10px;
}

.paddingBottom-xs {
	padding-bottom: 10px;
}

.paddingLeft-xs {
	padding-left: 10px;
}

.paddingRight-xs {
	padding-right: 10px;
}

.paddingTop-xxs {
	padding-top: 5px;
}

.paddingBottom-xxs {
	padding-bottom: 5px;
}

.paddingLeft-xxs {
	padding-left: 5px;
}

.paddingRight-xxs {
	padding-right: 5px;
}

.paddingTop-0 {
	padding-top: 0;
}

.paddingBottom-0 {
	padding-bottom: 0;
}

.paddingLeft-0 {
	padding-left: 0;
}

.paddingRight-0 {
	padding-right: 0;
}

@media screen and (min-width: 500px) {
	.breakPointS-padding-xxxxl {
		padding: 80px;
	}
	.breakPointS-padding-xxxl {
		padding: 60px;
	}
	.breakPointS-padding-xxl {
		padding: 50px;
	}
	.breakPointS-padding-xl {
		padding: 40px;
	}
	.breakPointS-padding-l {
		padding: 30px;
	}
	.breakPointS-padding-m {
		padding: 20px;
	}
	.breakPointS-padding-s {
		padding: 15px;
	}
	.breakPointS-padding-xs {
		padding: 10px;
	}
	.breakPointS-padding-xxs {
		padding: 5px;
	}
	.breakPointS-padding-0 {
		padding: 0;
	}
	.breakPointS-paddingTop-xxxxl {
		padding-top: 80px;
	}
	.breakPointS-paddingTop-xxxl {
		padding-top: 60px;
	}
	.breakPointS-paddingTop-xxl {
		padding-top: 50px;
	}
	.breakPointS-paddingTop-xl {
		padding-top: 40px;
	}
	.breakPointS-paddingTop-l {
		padding-top: 30px;
	}
	.breakPointS-paddingTop-m {
		padding-top: 20px;
	}
	.breakPointS-paddingTop-s {
		padding-top: 15px;
	}
	.breakPointS-paddingTop-xs {
		padding-top: 10px;
	}
	.breakPointS-paddingTop-xxs {
		padding-top: 5px;
	}
	.breakPointS-paddingTop-0 {
		padding-top: 0;
	}
	.breakPointS-paddingBottom-xxxxl {
		padding-bottom: 80px;
	}
	.breakPointS-paddingBottom-xxxl {
		padding-bottom: 60px;
	}
	.breakPointS-paddingBottom-xxl {
		padding-bottom: 50px;
	}
	.breakPointS-paddingBottom-xl {
		padding-bottom: 40px;
	}
	.breakPointS-paddingBottom-l {
		padding-bottom: 30px;
	}
	.breakPointS-paddingBottom-m {
		padding-bottom: 20px;
	}
	.breakPointS-paddingBottom-s {
		padding-bottom: 15px;
	}
	.breakPointS-paddingBottom-xs {
		padding-bottom: 10px;
	}
	.breakPointS-paddingBottom-xxs {
		padding-bottom: 5px;
	}
	.breakPointS-paddingBottom-0 {
		padding-bottom: 0;
	}
	.breakPointS-paddingLeft-xxxxl {
		padding-left: 80px;
	}
	.breakPointS-paddingLeft-xxxl {
		padding-left: 60px;
	}
	.breakPointS-paddingLeft-xxl {
		padding-left: 50px;
	}
	.breakPointS-paddingLeft-xl {
		padding-left: 40px;
	}
	.breakPointS-paddingLeft-l {
		padding-left: 30px;
	}
	.breakPointS-paddingLeft-m {
		padding-left: 20px;
	}
	.breakPointS-paddingLeft-s {
		padding-left: 15px;
	}
	.breakPointS-paddingLeft-xs {
		padding-left: 10px;
	}
	.breakPointS-paddingLeft-xxs {
		padding-left: 5px;
	}
	.breakPointS-paddingLeft-0 {
		padding-left: 0;
	}
	.breakPointS-paddingRight-xxxxl {
		padding-right: 80px;
	}
	.breakPointS-paddingRight-xxxl {
		padding-right: 60px;
	}
	.breakPointS-paddingRight-xxl {
		padding-right: 50px;
	}
	.breakPointS-paddingRight-xl {
		padding-right: 40px;
	}
	.breakPointS-paddingRight-l {
		padding-right: 30px;
	}
	.breakPointS-paddingRight-m {
		padding-right: 20px;
	}
	.breakPointS-paddingRight-s {
		padding-right: 15px;
	}
	.breakPointS-paddingRight-xs {
		padding-right: 10px;
	}
	.breakPointS-paddingRight-xxs {
		padding-right: 5px;
	}
	.breakPointS-paddingRight-0 {
		padding-right: 0;
	}
}

@media screen and (min-width: 768px) {
	.breakPointM-padding-xxxxl {
		padding: 80px;
	}
	.breakPointM-padding-xxxl {
		padding: 60px;
	}
	.breakPointM-padding-xxl {
		padding: 50px;
	}
	.breakPointM-padding-xl {
		padding: 40px;
	}
	.breakPointM-padding-l {
		padding: 30px;
	}
	.breakPointM-padding-m {
		padding: 20px;
	}
	.breakPointM-padding-s {
		padding: 15px;
	}
	.breakPointM-padding-xs {
		padding: 10px;
	}
	.breakPointM-padding-xxs {
		padding: 5px;
	}
	.breakPointM-padding-0 {
		padding: 0;
	}
	.breakPointM-paddingTop-xxxxl {
		padding-top: 80px;
	}
	.breakPointM-paddingTop-xxxl {
		padding-top: 60px;
	}
	.breakPointM-paddingTop-xxl {
		padding-top: 50px;
	}
	.breakPointM-paddingTop-xl {
		padding-top: 40px;
	}
	.breakPointM-paddingTop-l {
		padding-top: 30px;
	}
	.breakPointM-paddingTop-m {
		padding-top: 20px;
	}
	.breakPointM-paddingTop-s {
		padding-top: 15px;
	}
	.breakPointM-paddingTop-xs {
		padding-top: 10px;
	}
	.breakPointM-paddingTop-xxs {
		padding-top: 5px;
	}
	.breakPointM-paddingTop-0 {
		padding-top: 0;
	}
	.breakPointM-paddingBottom-xxxxl {
		padding-bottom: 80px;
	}
	.breakPointM-paddingBottom-xxxl {
		padding-bottom: 60px;
	}
	.breakPointM-paddingBottom-xxl {
		padding-bottom: 50px;
	}
	.breakPointM-paddingBottom-xl {
		padding-bottom: 40px;
	}
	.breakPointM-paddingBottom-l {
		padding-bottom: 30px;
	}
	.breakPointM-paddingBottom-m {
		padding-bottom: 20px;
	}
	.breakPointM-paddingBottom-s {
		padding-bottom: 15px;
	}
	.breakPointM-paddingBottom-xs {
		padding-bottom: 10px;
	}
	.breakPointM-paddingBottom-xxs {
		padding-bottom: 5px;
	}
	.breakPointM-paddingBottom-0 {
		padding-bottom: 0;
	}
	.breakPointM-paddingLeft-xxxxl {
		padding-left: 80px;
	}
	.breakPointM-paddingLeft-xxxl {
		padding-left: 60px;
	}
	.breakPointM-paddingLeft-xxl {
		padding-left: 50px;
	}
	.breakPointM-paddingLeft-xl {
		padding-left: 40px;
	}
	.breakPointM-paddingLeft-l {
		padding-left: 30px;
	}
	.breakPointM-paddingLeft-m {
		padding-left: 20px;
	}
	.breakPointM-paddingLeft-s {
		padding-left: 15px;
	}
	.breakPointM-paddingLeft-xs {
		padding-left: 10px;
	}
	.breakPointM-paddingLeft-xxs {
		padding-left: 5px;
	}
	.breakPointM-paddingLeft-0 {
		padding-left: 0;
	}
	.breakPointM-paddingRight-xxxxl {
		padding-right: 80px;
	}
	.breakPointM-paddingRight-xxxl {
		padding-right: 60px;
	}
	.breakPointM-paddingRight-xxl {
		padding-right: 50px;
	}
	.breakPointM-paddingRight-xl {
		padding-right: 40px;
	}
	.breakPointM-paddingRight-l {
		padding-right: 30px;
	}
	.breakPointM-paddingRight-m {
		padding-right: 20px;
	}
	.breakPointM-paddingRight-s {
		padding-right: 15px;
	}
	.breakPointM-paddingRight-xs {
		padding-right: 10px;
	}
	.breakPointM-paddingRight-xxs {
		padding-right: 5px;
	}
	.breakPointM-paddingRight-0 {
		padding-right: 0;
	}
}

@media screen and (min-width: 1180px) {
	.breakPointL-padding-xxxxl {
		padding: 80px;
	}
	.breakPointL-padding-xxxl {
		padding: 60px;
	}
	.breakPointL-padding-xxl {
		padding: 50px;
	}
	.breakPointL-padding-xl {
		padding: 40px;
	}
	.breakPointL-padding-l {
		padding: 30px;
	}
	.breakPointL-padding-m {
		padding: 20px;
	}
	.breakPointL-padding-s {
		padding: 15px;
	}
	.breakPointL-padding-xs {
		padding: 10px;
	}
	.breakPointL-padding-xxs {
		padding: 5px;
	}
	.breakPointL-padding-0 {
		padding: 0;
	}
	.breakPointL-paddingTop-xxxxl {
		padding-top: 80px;
	}
	.breakPointL-paddingTop-xxxl {
		padding-top: 60px;
	}
	.breakPointL-paddingTop-xxl {
		padding-top: 50px;
	}
	.breakPointL-paddingTop-xl {
		padding-top: 40px;
	}
	.breakPointL-paddingTop-l {
		padding-top: 30px;
	}
	.breakPointL-paddingTop-m {
		padding-top: 20px;
	}
	.breakPointL-paddingTop-s {
		padding-top: 15px;
	}
	.breakPointL-paddingTop-xs {
		padding-top: 10px;
	}
	.breakPointL-paddingTop-xxs {
		padding-top: 5px;
	}
	.breakPointL-paddingTop-0 {
		padding-top: 0;
	}
	.breakPointL-paddingBottom-xxxxl {
		padding-bottom: 80px;
	}
	.breakPointL-paddingBottom-xxxl {
		padding-bottom: 60px;
	}
	.breakPointL-paddingBottom-xxl {
		padding-bottom: 50px;
	}
	.breakPointL-paddingBottom-xl {
		padding-bottom: 40px;
	}
	.breakPointL-paddingBottom-l {
		padding-bottom: 30px;
	}
	.breakPointL-paddingBottom-m {
		padding-bottom: 20px;
	}
	.breakPointL-paddingBottom-s {
		padding-bottom: 15px;
	}
	.breakPointL-paddingBottom-xs {
		padding-bottom: 10px;
	}
	.breakPointL-paddingBottom-xxs {
		padding-bottom: 5px;
	}
	.breakPointL-paddingBottom-0 {
		padding-bottom: 0;
	}
	.breakPointL-paddingLeft-xxxxl {
		padding-left: 80px;
	}
	.breakPointL-paddingLeft-xxxl {
		padding-left: 60px;
	}
	.breakPointL-paddingLeft-xxl {
		padding-left: 50px;
	}
	.breakPointL-paddingLeft-xl {
		padding-left: 40px;
	}
	.breakPointL-paddingLeft-l {
		padding-left: 30px;
	}
	.breakPointL-paddingLeft-m {
		padding-left: 20px;
	}
	.breakPointL-paddingLeft-s {
		padding-left: 15px;
	}
	.breakPointL-paddingLeft-xs {
		padding-left: 10px;
	}
	.breakPointL-paddingLeft-xxs {
		padding-left: 5px;
	}
	.breakPointL-paddingLeft-0 {
		padding-left: 0;
	}
	.breakPointL-paddingRight-xxxxl {
		padding-right: 80px;
	}
	.breakPointL-paddingRight-xxxl {
		padding-right: 60px;
	}
	.breakPointL-paddingRight-xxl {
		padding-right: 50px;
	}
	.breakPointL-paddingRight-xl {
		padding-right: 40px;
	}
	.breakPointL-paddingRight-l {
		padding-right: 30px;
	}
	.breakPointL-paddingRight-m {
		padding-right: 20px;
	}
	.breakPointL-paddingRight-s {
		padding-right: 15px;
	}
	.breakPointL-paddingRight-xs {
		padding-right: 10px;
	}
	.breakPointL-paddingRight-xxs {
		padding-right: 5px;
	}
	.breakPointL-paddingRight-0 {
		padding-right: 0;
	}
}

@media screen and (min-width: 1680px) {
	.breakPointXL-padding-xxxxl {
		padding: 80px;
	}
	.breakPointXL-padding-xxxl {
		padding: 60px;
	}
	.breakPointXL-padding-xxl {
		padding: 50px;
	}
	.breakPointXL-padding-xl {
		padding: 40px;
	}
	.breakPointXL-padding-l {
		padding: 30px;
	}
	.breakPointXL-padding-m {
		padding: 20px;
	}
	.breakPointXL-padding-s {
		padding: 15px;
	}
	.breakPointXL-padding-xs {
		padding: 10px;
	}
	.breakPointXL-padding-xxs {
		padding: 5px;
	}
	.breakPointXL-padding-0 {
		padding: 0;
	}
	.breakPointXL-paddingTop-xxxxl {
		padding-top: 80px;
	}
	.breakPointXL-paddingTop-xxxl {
		padding-top: 60px;
	}
	.breakPointXL-paddingTop-xxl {
		padding-top: 50px;
	}
	.breakPointXL-paddingTop-xl {
		padding-top: 40px;
	}
	.breakPointXL-paddingTop-l {
		padding-top: 30px;
	}
	.breakPointXL-paddingTop-m {
		padding-top: 20px;
	}
	.breakPointXL-paddingTop-s {
		padding-top: 15px;
	}
	.breakPointXL-paddingTop-xs {
		padding-top: 10px;
	}
	.breakPointXL-paddingTop-xxs {
		padding-top: 5px;
	}
	.breakPointXL-paddingTop-0 {
		padding-top: 0;
	}
	.breakPointXL-paddingBottom-xxxxl {
		padding-bottom: 80px;
	}
	.breakPointXL-paddingBottom-xxxl {
		padding-bottom: 60px;
	}
	.breakPointXL-paddingBottom-xxl {
		padding-bottom: 50px;
	}
	.breakPointXL-paddingBottom-xl {
		padding-bottom: 40px;
	}
	.breakPointXL-paddingBottom-l {
		padding-bottom: 30px;
	}
	.breakPointXL-paddingBottom-m {
		padding-bottom: 20px;
	}
	.breakPointXL-paddingBottom-s {
		padding-bottom: 15px;
	}
	.breakPointXL-paddingBottom-xs {
		padding-bottom: 10px;
	}
	.breakPointXL-paddingBottom-xxs {
		padding-bottom: 5px;
	}
	.breakPointXL-paddingBottom-0 {
		padding-bottom: 0;
	}
	.breakPointXL-paddingLeft-xxxxl {
		padding-left: 80px;
	}
	.breakPointXL-paddingLeft-xxxl {
		padding-left: 60px;
	}
	.breakPointXL-paddingLeft-xxl {
		padding-left: 50px;
	}
	.breakPointXL-paddingLeft-xl {
		padding-left: 40px;
	}
	.breakPointXL-paddingLeft-l {
		padding-left: 30px;
	}
	.breakPointXL-paddingLeft-m {
		padding-left: 20px;
	}
	.breakPointXL-paddingLeft-s {
		padding-left: 15px;
	}
	.breakPointXL-paddingLeft-xs {
		padding-left: 10px;
	}
	.breakPointXL-paddingLeft-xxs {
		padding-left: 5px;
	}
	.breakPointXL-paddingLeft-0 {
		padding-left: 0;
	}
	.breakPointXL-paddingRight-xxxxl {
		padding-right: 80px;
	}
	.breakPointXL-paddingRight-xxxl {
		padding-right: 60px;
	}
	.breakPointXL-paddingRight-xxl {
		padding-right: 50px;
	}
	.breakPointXL-paddingRight-xl {
		padding-right: 40px;
	}
	.breakPointXL-paddingRight-l {
		padding-right: 30px;
	}
	.breakPointXL-paddingRight-m {
		padding-right: 20px;
	}
	.breakPointXL-paddingRight-s {
		padding-right: 15px;
	}
	.breakPointXL-paddingRight-xs {
		padding-right: 10px;
	}
	.breakPointXL-paddingRight-xxs {
		padding-right: 5px;
	}
	.breakPointXL-paddingRight-0 {
		padding-right: 0;
	}
}

.textTransform-none {
	text-transform: none;
}

.textTransform-capitalize {
	text-transform: capitalize;
}

.textTransform-uppercase, .site-header .site-header-inner .site-header-nav ul a, .section-header h1, .section-header h3, .feature .feature-inner .feature-desc .feature-desc-inner h3, .intro .intro-inner .tagline-container .tagline, .voice .voice-inner h3, .pagination .pagination-button, .pagination .pagination-button .pagination-loader, .musicians .musicians-header h3 {
	text-transform: uppercase;
}

.textTransform-lowercase {
	text-transform: lowercase;
}

@media screen and (min-width: 500px) {
	.breakPointS-textTransform-none {
		text-transform: none;
	}
	.breakPointS-textTransform-capitalize {
		text-transform: capitalize;
	}
	.breakPointS-textTransform-uppercase {
		text-transform: uppercase;
	}
	.breakPointS-textTransform-lowercase {
		text-transform: lowercase;
	}
}

@media screen and (min-width: 768px) {
	.breakPointM-textTransform-none {
		text-transform: none;
	}
	.breakPointM-textTransform-capitalize {
		text-transform: capitalize;
	}
	.breakPointM-textTransform-uppercase {
		text-transform: uppercase;
	}
	.breakPointM-textTransform-lowercase {
		text-transform: lowercase;
	}
}

@media screen and (min-width: 1180px) {
	.breakPointL-textTransform-none {
		text-transform: none;
	}
	.breakPointL-textTransform-capitalize {
		text-transform: capitalize;
	}
	.breakPointL-textTransform-uppercase {
		text-transform: uppercase;
	}
	.breakPointL-textTransform-lowercase {
		text-transform: lowercase;
	}
}

@media screen and (min-width: 1680px) {
	.breakPointXL-textTransform-none {
		text-transform: none;
	}
	.breakPointXL-textTransform-capitalize {
		text-transform: capitalize;
	}
	.breakPointXL-textTransform-uppercase {
		text-transform: uppercase;
	}
	.breakPointXL-textTransform-lowercase {
		text-transform: lowercase;
	}
}

.position-fixed, .ajx-article-container, .ajx-article-container .ajx-article-overlay, .sound-switch-container, .sound-credit-container {
	position: fixed;
}

.position-absolute, .site-header, .intro .intro-inner .tagline-container, .intro .intro-inner .av-container, .voice .voice-inner .voice-images, .sound-switch-container .sound-switch, .sound-credit-container .sound-credit-body, .pagination .pagination-button .pagination-load-text, .pagination .pagination-button .pagination-loader {
	position: absolute;
}

.position-relative, .button, .grid li .grid-item-inner .grid-thumb, .article-detail, .sony-header .sony-header-inner, .lang, .site-footer, .feature .feature-inner .feature-desc, .intro .intro-inner, .voice .voice-inner, .pagination .pagination-button {
	position: relative;
}

.position-static {
	position: static;
}

@media screen and (min-width: 500px) {
	.breakPointS-position-fixed {
		position: fixed;
	}
	.breakPointS-position-absolute {
		position: absolute;
	}
	.breakPointS-position-relative {
		position: relative;
	}
	.breakPointS-position-static {
		position: static;
	}
}

@media screen and (min-width: 768px) {
	.breakPointM-position-fixed {
		position: fixed;
	}
	.breakPointM-position-absolute {
		position: absolute;
	}
	.breakPointM-position-relative {
		position: relative;
	}
	.breakPointM-position-static {
		position: static;
	}
}

@media screen and (min-width: 1180px) {
	.breakPointL-position-fixed {
		position: fixed;
	}
	.breakPointL-position-absolute {
		position: absolute;
	}
	.breakPointL-position-relative {
		position: relative;
	}
	.breakPointL-position-static {
		position: static;
	}
}

@media screen and (min-width: 1680px) {
	.breakPointXL-position-fixed {
		position: fixed;
	}
	.breakPointXL-position-absolute {
		position: absolute;
	}
	.breakPointXL-position-relative {
		position: relative;
	}
	.breakPointXL-position-static {
		position: static;
	}
}

.transitionDuration-f, .button, .lang {
	transition-duration: .15s;
}

.transitionDuration-m {
	transition-duration: .3s;
}

.transitionDuration-s {
	transition-duration: .5s;
}

.transitionProperty-none {
	transition-property: none;
}

.transitionProperty-all, .button, .lang {
	transition-property: all;
}

.transitionProperty-boxShadow {
	transition-property: box-shadow;
}

.transitionProperty-color {
	transition-property: color;
}

.transitionProperty-background {
	transition-property: background;
}

.transitionProperty-width {
	transition-property: width;
}

.transitionProperty-height {
	transition-property: height;
}

.transitionProperty-top {
	transition-property: top;
}

.transitionProperty-right {
	transition-property: right;
}

.transitionProperty-bottom {
	transition-property: bottom;
}

.transitionProperty-left {
	transition-property: left;
}

.transitionProperty-scale {
	transition-property: scale;
}

.transitionProperty-transform {
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.transitionProperty-opacity {
	transition-property: opacity;
}

@media screen and (min-width: 500px) {
	.breakPointS-transitionProperty-none {
		transition-property: none;
	}
	.breakPointS-transitionProperty-all {
		transition-property: all;
	}
	.breakPointS-transitionProperty-boxShadow {
		transition-property: box-shadow;
	}
	.breakPointS-transitionProperty-color {
		transition-property: color;
	}
	.breakPointS-transitionProperty-background {
		transition-property: background;
	}
	.breakPointS-transitionProperty-width {
		transition-property: width;
	}
	.breakPointS-transitionProperty-height {
		transition-property: height;
	}
	.breakPointS-transitionProperty-top {
		transition-property: top;
	}
	.breakPointS-transitionProperty-right {
		transition-property: right;
	}
	.breakPointS-transitionProperty-bottom {
		transition-property: bottom;
	}
	.breakPointS-transitionProperty-left {
		transition-property: left;
	}
	.breakPointS-transitionProperty-scale {
		transition-property: scale;
	}
	.breakPointS-transitionProperty-transform {
		transition-property: -webkit-transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
	}
	.breakPointS-transitionProperty-opacity {
		transition-property: opacity;
	}
}

@media screen and (min-width: 768px) {
	.breakPointM-transitionProperty-none {
		transition-property: none;
	}
	.breakPointM-transitionProperty-all {
		transition-property: all;
	}
	.breakPointM-transitionProperty-boxShadow {
		transition-property: box-shadow;
	}
	.breakPointM-transitionProperty-color {
		transition-property: color;
	}
	.breakPointM-transitionProperty-background {
		transition-property: background;
	}
	.breakPointM-transitionProperty-width {
		transition-property: width;
	}
	.breakPointM-transitionProperty-height {
		transition-property: height;
	}
	.breakPointM-transitionProperty-top {
		transition-property: top;
	}
	.breakPointM-transitionProperty-right {
		transition-property: right;
	}
	.breakPointM-transitionProperty-bottom {
		transition-property: bottom;
	}
	.breakPointM-transitionProperty-left {
		transition-property: left;
	}
	.breakPointM-transitionProperty-scale {
		transition-property: scale;
	}
	.breakPointM-transitionProperty-transform {
		transition-property: -webkit-transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
	}
	.breakPointM-transitionProperty-opacity {
		transition-property: opacity;
	}
}

@media screen and (min-width: 1180px) {
	.breakPointL-transitionProperty-none {
		transition-property: none;
	}
	.breakPointL-transitionProperty-all {
		transition-property: all;
	}
	.breakPointL-transitionProperty-boxShadow {
		transition-property: box-shadow;
	}
	.breakPointL-transitionProperty-color {
		transition-property: color;
	}
	.breakPointL-transitionProperty-background {
		transition-property: background;
	}
	.breakPointL-transitionProperty-width {
		transition-property: width;
	}
	.breakPointL-transitionProperty-height {
		transition-property: height;
	}
	.breakPointL-transitionProperty-top {
		transition-property: top;
	}
	.breakPointL-transitionProperty-right {
		transition-property: right;
	}
	.breakPointL-transitionProperty-bottom {
		transition-property: bottom;
	}
	.breakPointL-transitionProperty-left {
		transition-property: left;
	}
	.breakPointL-transitionProperty-scale {
		transition-property: scale;
	}
	.breakPointL-transitionProperty-transform {
		transition-property: -webkit-transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
	}
	.breakPointL-transitionProperty-opacity {
		transition-property: opacity;
	}
}

@media screen and (min-width: 1680px) {
	.breakPointXL-transitionProperty-none {
		transition-property: none;
	}
	.breakPointXL-transitionProperty-all {
		transition-property: all;
	}
	.breakPointXL-transitionProperty-boxShadow {
		transition-property: box-shadow;
	}
	.breakPointXL-transitionProperty-color {
		transition-property: color;
	}
	.breakPointXL-transitionProperty-background {
		transition-property: background;
	}
	.breakPointXL-transitionProperty-width {
		transition-property: width;
	}
	.breakPointXL-transitionProperty-height {
		transition-property: height;
	}
	.breakPointXL-transitionProperty-top {
		transition-property: top;
	}
	.breakPointXL-transitionProperty-right {
		transition-property: right;
	}
	.breakPointXL-transitionProperty-bottom {
		transition-property: bottom;
	}
	.breakPointXL-transitionProperty-left {
		transition-property: left;
	}
	.breakPointXL-transitionProperty-scale {
		transition-property: scale;
	}
	.breakPointXL-transitionProperty-transform {
		transition-property: -webkit-transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
	}
	.breakPointXL-transitionProperty-opacity {
		transition-property: opacity;
	}
}

.transitionTimingFunction-linear {
	transition-timing-function: linear;
}

.transitionTimingFunction-ease, .button, .lang {
	transition-timing-function: ease;
}

.transitionTimingFunction-easeIn {
	transition-timing-function: ease-in;
}

.transitionTimingFunction-easeOut {
	transition-timing-function: ease-out;
}

.transitionTimingFunction-easeOutCircular {
	transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.transitionTimingFunction-easeInOut {
	transition-timing-function: ease-in-out;
}

.transitionTimingFunction-easeInOutBack {
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.transitionTimingFunction-scaleIn {
	transition-timing-function: cubic-bezier(0, 0.89, 0.44, 1);
}

.transitionTimingFunction-scaleOut {
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.scaleUp--hover:hover {
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
}

.textAlign-left {
	text-align: left;
}

.textAlign-right {
	text-align: right;
}

.textAlign-center, .button, .site-footer .site-footer-inner .site-footer-note, .page-container .page-header, .intro .intro-inner .av-container .av, .pagination, .musicians ul li {
	text-align: center;
}

@media screen and (min-width: 500px) {
	.breakPointS-textAlign-left {
		text-align: left;
	}
	.breakPointS-textAlign-right {
		text-align: right;
	}
}

@media screen and (min-width: 768px) {
	.breakPointM-textAlign-left {
		text-align: left;
	}
	.breakPointM-textAlign-right {
		text-align: right;
	}
	.breakPointM-textAlign-center {
		text-align: center;
	}
}

@media screen and (min-width: 1180px) {
	.breakPointL-textAlign-left {
		text-align: left;
	}
	.breakPointL-textAlign-right {
		text-align: right;
	}
	.breakPointL-textAlign-center {
		text-align: center;
	}
}

@media screen and (min-width: 1680px) {
	.breakPointXL-textAlign-left {
		text-align: left;
	}
	.breakPointXL-textAlign-right {
		text-align: right;
	}
	.breakPointXL-textAlign-center {
		text-align: center;
	}
}

.textDecoration-none, .site-header .site-header-inner .site-header-nav ul a, .site-header .site-header-inner .site-header-nav ul a:hover, .site-footer .site-footer-inner .site-footer-nav ul li a {
	text-decoration: none;
}

.textDecoration-underline, .site-footer .site-footer-inner .site-footer-nav ul li a:hover {
	text-decoration: underline;
}

.textDecoration-overline {
	text-decoration: overline;
}

.textDecoration-lineThrough {
	text-decoration: line-through;
}

.textDecoration-none--hover:hover {
	text-decoration: none;
}

.textDecoration-underline--hover:hover {
	text-decoration: underline;
}

.textDecoration-overline--hover:hover {
	text-decoration: overline;
}

.textDecoration-lineThrough--hover:hover {
	text-decoration: line-through;
}

@media screen and (min-width: 500px) {
	.breakPointS-textDecoration-none {
		text-decoration: none;
	}
	.breakPointS-textDecoration-underline {
		text-decoration: underline;
	}
	.breakPointS-textDecoration-overline {
		text-decoration: overline;
	}
	.breakPointS-textDecoration-lineThrough {
		text-decoration: line-through;
	}
}

@media screen and (min-width: 768px) {
	.breakPointM-textDecoration-none {
		text-decoration: none;
	}
	.breakPointM-textDecoration-underline {
		text-decoration: underline;
	}
	.breakPointM-textDecoration-overline {
		text-decoration: overline;
	}
	.breakPointM-textDecoration-lineThrough {
		text-decoration: line-through;
	}
}

@media screen and (min-width: 1180px) {
	.breakPointL-textDecoration-none {
		text-decoration: none;
	}
	.breakPointL-textDecoration-underline {
		text-decoration: underline;
	}
	.breakPointL-textDecoration-overline {
		text-decoration: overline;
	}
	.breakPointL-textDecoration-lineThrough {
		text-decoration: line-through;
	}
}

@media screen and (min-width: 1680px) {
	.breakPointXL-textDecoration-none {
		text-decoration: none;
	}
	.breakPointXL-textDecoration-underline {
		text-decoration: underline;
	}
	.breakPointXL-textDecoration-overline {
		text-decoration: overline;
	}
	.breakPointXL-textDecoration-lineThrough {
		text-decoration: line-through;
	}
}

.cursor-alias {
	cursor: alias;
}

.cursor-allScroll {
	cursor: all-scroll;
}

.cursor-auto {
	cursor: auto;
}

.cursor-cell {
	cursor: cell;
}

.cursor-contextMenu {
	cursor: context-menu;
}

.cursor-colResize {
	cursor: col-resize;
}

.cursor-copy {
	cursor: copy;
}

.cursor-crosshair {
	cursor: crosshair;
}

.cursor-default, .lang.is-current {
	cursor: default;
}

.cursor-eResize {
	cursor: e-resize;
}

.cursor-ewResize {
	cursor: ew-resize;
}

.cursor-grab {
	cursor: -webkit-grab;
	cursor: grab;
}

.cursor-grabbing {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

.cursor-help {
	cursor: help;
}

.cursor-move {
	cursor: move;
}

.cursor-nResize {
	cursor: n-resize;
}

.cursor-neResize {
	cursor: ne-resize;
}

.cursor-neswResize {
	cursor: nesw-resize;
}

.cursor-nsResize {
	cursor: ns-resize;
}

.cursor-nwResize {
	cursor: nw-resize;
}

.cursor-nwseResize {
	cursor: nwse-resize;
}

.cursor-noDrop {
	cursor: no-drop;
}

.cursor-none {
	cursor: none;
}

.cursor-notAllowed {
	cursor: not-allowed;
}

.cursor-pointer, .button, .sound-credit-container .sound-credit-button {
	cursor: pointer;
}

.cursor-progress {
	cursor: progress;
}

.cursor-rowResize {
	cursor: row-resize;
}

.cursor-sResize {
	cursor: s-resize;
}

.cursor-seResize {
	cursor: se-resize;
}

.cursor-swResize {
	cursor: sw-resize;
}

.cursor-text {
	cursor: text;
}

.cursor-verticalText {
	cursor: vertical-text;
}

.cursor-wResize {
	cursor: w-resize;
}

.cursor-wait {
	cursor: wait;
}

.cursor-zoomIn {
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}

.cursor-zoomOut {
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}

@media screen and (min-width: 500px) {
	.breakPointS-cursor-alias {
		cursor: alias;
	}
	.breakPointS-cursor-allScroll {
		cursor: all-scroll;
	}
	.breakPointS-cursor-auto {
		cursor: auto;
	}
	.breakPointS-cursor-cell {
		cursor: cell;
	}
	.breakPointS-cursor-contextMenu {
		cursor: context-menu;
	}
	.breakPointS-cursor-colResize {
		cursor: col-resize;
	}
	.breakPointS-cursor-copy {
		cursor: copy;
	}
	.breakPointS-cursor-crosshair {
		cursor: crosshair;
	}
	.breakPointS-cursor-default {
		cursor: default;
	}
	.breakPointS-cursor-eResize {
		cursor: e-resize;
	}
	.breakPointS-cursor-ewResize {
		cursor: ew-resize;
	}
	.breakPointS-cursor-grab {
		cursor: -webkit-grab;
		cursor: grab;
	}
	.breakPointS-cursor-grabbing {
		cursor: -webkit-grabbing;
		cursor: grabbing;
	}
	.breakPointS-cursor-help {
		cursor: help;
	}
	.breakPointS-cursor-move {
		cursor: move;
	}
	.breakPointS-cursor-nResize {
		cursor: n-resize;
	}
	.breakPointS-cursor-neResize {
		cursor: ne-resize;
	}
	.breakPointS-cursor-neswResize {
		cursor: nesw-resize;
	}
	.breakPointS-cursor-nsResize {
		cursor: ns-resize;
	}
	.breakPointS-cursor-nwResize {
		cursor: nw-resize;
	}
	.breakPointS-cursor-nwseResize {
		cursor: nwse-resize;
	}
	.breakPointS-cursor-noDrop {
		cursor: no-drop;
	}
	.breakPointS-cursor-none {
		cursor: none;
	}
	.breakPointS-cursor-notAllowed {
		cursor: not-allowed;
	}
	.breakPointS-cursor-pointer {
		cursor: pointer;
	}
	.breakPointS-cursor-progress {
		cursor: progress;
	}
	.breakPointS-cursor-rowResize {
		cursor: row-resize;
	}
	.breakPointS-cursor-sResize {
		cursor: s-resize;
	}
	.breakPointS-cursor-seResize {
		cursor: se-resize;
	}
	.breakPointS-cursor-swResize {
		cursor: sw-resize;
	}
	.breakPointS-cursor-text {
		cursor: text;
	}
	.breakPointS-cursor-verticalText {
		cursor: vertical-text;
	}
	.breakPointS-cursor-wResize {
		cursor: w-resize;
	}
	.breakPointS-cursor-wait {
		cursor: wait;
	}
	.breakPointS-cursor-zoomIn {
		cursor: -webkit-zoom-in;
		cursor: zoom-in;
	}
	.breakPointS-cursor-zoomOut {
		cursor: -webkit-zoom-out;
		cursor: zoom-out;
	}
}

@media screen and (min-width: 768px) {
	.breakPointM-cursor-alias {
		cursor: alias;
	}
	.breakPointM-cursor-allScroll {
		cursor: all-scroll;
	}
	.breakPointM-cursor-auto {
		cursor: auto;
	}
	.breakPointM-cursor-cell {
		cursor: cell;
	}
	.breakPointM-cursor-contextMenu {
		cursor: context-menu;
	}
	.breakPointM-cursor-colResize {
		cursor: col-resize;
	}
	.breakPointM-cursor-copy {
		cursor: copy;
	}
	.breakPointM-cursor-crosshair {
		cursor: crosshair;
	}
	.breakPointM-cursor-default {
		cursor: default;
	}
	.breakPointM-cursor-eResize {
		cursor: e-resize;
	}
	.breakPointM-cursor-ewResize {
		cursor: ew-resize;
	}
	.breakPointM-cursor-grab {
		cursor: -webkit-grab;
		cursor: grab;
	}
	.breakPointM-cursor-grabbing {
		cursor: -webkit-grabbing;
		cursor: grabbing;
	}
	.breakPointM-cursor-help {
		cursor: help;
	}
	.breakPointM-cursor-move {
		cursor: move;
	}
	.breakPointM-cursor-nResize {
		cursor: n-resize;
	}
	.breakPointM-cursor-neResize {
		cursor: ne-resize;
	}
	.breakPointM-cursor-neswResize {
		cursor: nesw-resize;
	}
	.breakPointM-cursor-nsResize {
		cursor: ns-resize;
	}
	.breakPointM-cursor-nwResize {
		cursor: nw-resize;
	}
	.breakPointM-cursor-nwseResize {
		cursor: nwse-resize;
	}
	.breakPointM-cursor-noDrop {
		cursor: no-drop;
	}
	.breakPointM-cursor-none {
		cursor: none;
	}
	.breakPointM-cursor-notAllowed {
		cursor: not-allowed;
	}
	.breakPointM-cursor-pointer {
		cursor: pointer;
	}
	.breakPointM-cursor-progress {
		cursor: progress;
	}
	.breakPointM-cursor-rowResize {
		cursor: row-resize;
	}
	.breakPointM-cursor-sResize {
		cursor: s-resize;
	}
	.breakPointM-cursor-seResize {
		cursor: se-resize;
	}
	.breakPointM-cursor-swResize {
		cursor: sw-resize;
	}
	.breakPointM-cursor-text {
		cursor: text;
	}
	.breakPointM-cursor-verticalText {
		cursor: vertical-text;
	}
	.breakPointM-cursor-wResize {
		cursor: w-resize;
	}
	.breakPointM-cursor-wait {
		cursor: wait;
	}
	.breakPointM-cursor-zoomIn {
		cursor: -webkit-zoom-in;
		cursor: zoom-in;
	}
	.breakPointM-cursor-zoomOut {
		cursor: -webkit-zoom-out;
		cursor: zoom-out;
	}
}

@media screen and (min-width: 1180px) {
	.breakPointL-cursor-alias {
		cursor: alias;
	}
	.breakPointL-cursor-allScroll {
		cursor: all-scroll;
	}
	.breakPointL-cursor-auto {
		cursor: auto;
	}
	.breakPointL-cursor-cell {
		cursor: cell;
	}
	.breakPointL-cursor-contextMenu {
		cursor: context-menu;
	}
	.breakPointL-cursor-colResize {
		cursor: col-resize;
	}
	.breakPointL-cursor-copy {
		cursor: copy;
	}
	.breakPointL-cursor-crosshair {
		cursor: crosshair;
	}
	.breakPointL-cursor-default {
		cursor: default;
	}
	.breakPointL-cursor-eResize {
		cursor: e-resize;
	}
	.breakPointL-cursor-ewResize {
		cursor: ew-resize;
	}
	.breakPointL-cursor-grab {
		cursor: -webkit-grab;
		cursor: grab;
	}
	.breakPointL-cursor-grabbing {
		cursor: -webkit-grabbing;
		cursor: grabbing;
	}
	.breakPointL-cursor-help {
		cursor: help;
	}
	.breakPointL-cursor-move {
		cursor: move;
	}
	.breakPointL-cursor-nResize {
		cursor: n-resize;
	}
	.breakPointL-cursor-neResize {
		cursor: ne-resize;
	}
	.breakPointL-cursor-neswResize {
		cursor: nesw-resize;
	}
	.breakPointL-cursor-nsResize {
		cursor: ns-resize;
	}
	.breakPointL-cursor-nwResize {
		cursor: nw-resize;
	}
	.breakPointL-cursor-nwseResize {
		cursor: nwse-resize;
	}
	.breakPointL-cursor-noDrop {
		cursor: no-drop;
	}
	.breakPointL-cursor-none {
		cursor: none;
	}
	.breakPointL-cursor-notAllowed {
		cursor: not-allowed;
	}
	.breakPointL-cursor-pointer {
		cursor: pointer;
	}
	.breakPointL-cursor-progress {
		cursor: progress;
	}
	.breakPointL-cursor-rowResize {
		cursor: row-resize;
	}
	.breakPointL-cursor-sResize {
		cursor: s-resize;
	}
	.breakPointL-cursor-seResize {
		cursor: se-resize;
	}
	.breakPointL-cursor-swResize {
		cursor: sw-resize;
	}
	.breakPointL-cursor-text {
		cursor: text;
	}
	.breakPointL-cursor-verticalText {
		cursor: vertical-text;
	}
	.breakPointL-cursor-wResize {
		cursor: w-resize;
	}
	.breakPointL-cursor-wait {
		cursor: wait;
	}
	.breakPointL-cursor-zoomIn {
		cursor: -webkit-zoom-in;
		cursor: zoom-in;
	}
	.breakPointL-cursor-zoomOut {
		cursor: -webkit-zoom-out;
		cursor: zoom-out;
	}
}

@media screen and (min-width: 1680px) {
	.breakPointXL-cursor-alias {
		cursor: alias;
	}
	.breakPointXL-cursor-allScroll {
		cursor: all-scroll;
	}
	.breakPointXL-cursor-auto {
		cursor: auto;
	}
	.breakPointXL-cursor-cell {
		cursor: cell;
	}
	.breakPointXL-cursor-contextMenu {
		cursor: context-menu;
	}
	.breakPointXL-cursor-colResize {
		cursor: col-resize;
	}
	.breakPointXL-cursor-copy {
		cursor: copy;
	}
	.breakPointXL-cursor-crosshair {
		cursor: crosshair;
	}
	.breakPointXL-cursor-default {
		cursor: default;
	}
	.breakPointXL-cursor-eResize {
		cursor: e-resize;
	}
	.breakPointXL-cursor-ewResize {
		cursor: ew-resize;
	}
	.breakPointXL-cursor-grab {
		cursor: -webkit-grab;
		cursor: grab;
	}
	.breakPointXL-cursor-grabbing {
		cursor: -webkit-grabbing;
		cursor: grabbing;
	}
	.breakPointXL-cursor-help {
		cursor: help;
	}
	.breakPointXL-cursor-move {
		cursor: move;
	}
	.breakPointXL-cursor-nResize {
		cursor: n-resize;
	}
	.breakPointXL-cursor-neResize {
		cursor: ne-resize;
	}
	.breakPointXL-cursor-neswResize {
		cursor: nesw-resize;
	}
	.breakPointXL-cursor-nsResize {
		cursor: ns-resize;
	}
	.breakPointXL-cursor-nwResize {
		cursor: nw-resize;
	}
	.breakPointXL-cursor-nwseResize {
		cursor: nwse-resize;
	}
	.breakPointXL-cursor-noDrop {
		cursor: no-drop;
	}
	.breakPointXL-cursor-none {
		cursor: none;
	}
	.breakPointXL-cursor-notAllowed {
		cursor: not-allowed;
	}
	.breakPointXL-cursor-pointer {
		cursor: pointer;
	}
	.breakPointXL-cursor-progress {
		cursor: progress;
	}
	.breakPointXL-cursor-rowResize {
		cursor: row-resize;
	}
	.breakPointXL-cursor-sResize {
		cursor: s-resize;
	}
	.breakPointXL-cursor-seResize {
		cursor: se-resize;
	}
	.breakPointXL-cursor-swResize {
		cursor: sw-resize;
	}
	.breakPointXL-cursor-text {
		cursor: text;
	}
	.breakPointXL-cursor-verticalText {
		cursor: vertical-text;
	}
	.breakPointXL-cursor-wResize {
		cursor: w-resize;
	}
	.breakPointXL-cursor-wait {
		cursor: wait;
	}
	.breakPointXL-cursor-zoomIn {
		cursor: -webkit-zoom-in;
		cursor: zoom-in;
	}
	.breakPointXL-cursor-zoomOut {
		cursor: -webkit-zoom-out;
		cursor: zoom-out;
	}
}

.whiteSpace-normal {
	white-space: normal;
}

.whiteSpace-nowrap, .button {
	white-space: nowrap;
}

.whiteSpace-pre {
	white-space: pre;
}

.whiteSpace-pre-line {
	white-space: pre-line;
}

.whiteSpace-pre-wrap {
	white-space: pre-wrap;
}

.borderRadius-l {
	border-radius: 6px;
}

.borderRadiusTop-l {
	border-radius: 6px 6px 0 0;
}

.borderRadiusBottom-l {
	border-radius: 0 0 6px 6px;
}

.borderRadiusLeft-l {
	border-radius: 6px 0 0 6px;
}

.borderRadiusRight-l {
	border-radius: 0 6px 6px 0;
}

.borderRadiusTopLeft-l {
	border-radius: 6px 0 0 0;
}

.borderRadiusTopRight-l {
	border-radius: 0 6px 0 0;
}

.borderRadiusBottomLeft-l {
	border-radius: 0 0 0 6px;
}

.borderRadiusBottomRight-l {
	border-radius: 0 0 6px 0;
}

.borderRadius-m {
	border-radius: 4px;
}

.borderRadiusTop-m {
	border-radius: 4px 4px 0 0;
}

.borderRadiusBottom-m {
	border-radius: 0 0 4px 4px;
}

.borderRadiusLeft-m {
	border-radius: 4px 0 0 4px;
}

.borderRadiusRight-m {
	border-radius: 0 4px 4px 0;
}

.borderRadiusTopLeft-m {
	border-radius: 4px 0 0 0;
}

.borderRadiusTopRight-m {
	border-radius: 0 4px 0 0;
}

.borderRadiusBottomLeft-m {
	border-radius: 0 0 0 4px;
}

.borderRadiusBottomRight-m {
	border-radius: 0 0 4px 0;
}

.borderRadius-s, .button {
	border-radius: 2px;
}

.borderRadiusTop-s {
	border-radius: 2px 2px 0 0;
}

.borderRadiusBottom-s {
	border-radius: 0 0 2px 2px;
}

.borderRadiusLeft-s {
	border-radius: 2px 0 0 2px;
}

.borderRadiusRight-s {
	border-radius: 0 2px 2px 0;
}

.borderRadiusTopLeft-s {
	border-radius: 2px 0 0 0;
}

.borderRadiusTopRight-s {
	border-radius: 0 2px 0 0;
}

.borderRadiusBottomLeft-s {
	border-radius: 0 0 0 2px;
}

.borderRadiusBottomRight-s {
	border-radius: 0 0 2px 0;
}

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

.borderRadius-0 {
	border-radius: 0;
}

.borderColor-black, .button.button--line {
	border-color: #000000;
}

.borderColor-steel {
	border-color: #2A2B2D;
}

.borderColor-slate {
	border-color: #3A414A;
}

.borderColor-silver {
	border-color: #9EA2A6;
}

.borderColor-smoke--xd {
	border-color: #b9b9b9;
}

.borderColor-smoke--d {
	border-color: #c5c5c5;
}

.borderColor-smoke {
	border-color: #D8DBDF;
}

.borderColor-snow--xd {
	border-color: #dddddd;
}

.borderColor-snow--d {
	border-color: #EDEEF0;
}

.borderColor-snow {
	border-color: #F8F8F8;
}

.borderColor-white, .button.button--line.is-reversed {
	border-color: #ffffff;
}

.borderColor-transparent {
	border-color: transparent;
}

.borderColor-blue {
	border-color: #1a65ff;
}

.borderColor-green {
	border-color: #17CE97;
}

.borderColor-orange {
	border-color: #FC6801;
}

.borderColor-purple {
	border-color: #9181FF;
}

.borderColor-red {
	border-color: #FF5858;
}

.borderColor-yellow {
	border-color: #FFC82C;
}

@media screen and (min-width: 500px) {
	.bpS-borderColor-black {
		border-color: #000000;
	}
	.bpS-borderColor-steel {
		border-color: #2A2B2D;
	}
	.bpS-borderColor-slate {
		border-color: #3A414A;
	}
	.bpS-borderColor-silver {
		border-color: #9EA2A6;
	}
	.bpS-borderColor-smoke--xd {
		border-color: #b9b9b9;
	}
	.bpS-borderColor-smoke--d {
		border-color: #c5c5c5;
	}
	.bpS-borderColor-smoke {
		border-color: #D8DBDF;
	}
	.bpS-borderColor-snow--xd {
		border-color: #dddddd;
	}
	.bpS-borderColor-snow--d {
		border-color: #EDEEF0;
	}
	.bpS-borderColor-snow {
		border-color: #F8F8F8;
	}
	.bpS-borderColor-white {
		border-color: #ffffff;
	}
	.bpS-borderColor-transparent {
		border-color: transparent;
	}
	.bpS-borderColor-blue {
		border-color: #1a65ff;
	}
	.bpS-borderColor-green {
		border-color: #17CE97;
	}
	.bpS-borderColor-orange {
		border-color: #FC6801;
	}
	.bpS-borderColor-purple {
		border-color: #9181FF;
	}
	.bpS-borderColor-red {
		border-color: #FF5858;
	}
	.bpS-borderColor-yellow {
		border-color: #FFC82C;
	}
}

@media screen and (min-width: 768px) {
	.bpM-borderColor-black {
		border-color: #000000;
	}
	.bpM-borderColor-steel {
		border-color: #2A2B2D;
	}
	.bpM-borderColor-slate {
		border-color: #3A414A;
	}
	.bpM-borderColor-silver {
		border-color: #9EA2A6;
	}
	.bpM-borderColor-smoke--xd {
		border-color: #b9b9b9;
	}
	.bpM-borderColor-smoke--d {
		border-color: #c5c5c5;
	}
	.bpM-borderColor-smoke {
		border-color: #D8DBDF;
	}
	.bpM-borderColor-snow--xd {
		border-color: #dddddd;
	}
	.bpM-borderColor-snow--d {
		border-color: #EDEEF0;
	}
	.bpM-borderColor-snow {
		border-color: #F8F8F8;
	}
	.bpM-borderColor-white {
		border-color: #ffffff;
	}
	.bpM-borderColor-transparent {
		border-color: transparent;
	}
	.bpM-borderColor-blue {
		border-color: #1a65ff;
	}
	.bpM-borderColor-green {
		border-color: #17CE97;
	}
	.bpM-borderColor-orange {
		border-color: #FC6801;
	}
	.bpM-borderColor-purple {
		border-color: #9181FF;
	}
	.bpM-borderColor-red {
		border-color: #FF5858;
	}
	.bpM-borderColor-yellow {
		border-color: #FFC82C;
	}
}

@media screen and (min-width: 1180px) {
	.bpL-borderColor-black {
		border-color: #000000;
	}
	.bpL-borderColor-steel {
		border-color: #2A2B2D;
	}
	.bpL-borderColor-slate {
		border-color: #3A414A;
	}
	.bpL-borderColor-silver {
		border-color: #9EA2A6;
	}
	.bpL-borderColor-smoke--xd {
		border-color: #b9b9b9;
	}
	.bpL-borderColor-smoke--d {
		border-color: #c5c5c5;
	}
	.bpL-borderColor-smoke {
		border-color: #D8DBDF;
	}
	.bpL-borderColor-snow--xd {
		border-color: #dddddd;
	}
	.bpL-borderColor-snow--d {
		border-color: #EDEEF0;
	}
	.bpL-borderColor-snow {
		border-color: #F8F8F8;
	}
	.bpL-borderColor-white {
		border-color: #ffffff;
	}
	.bpL-borderColor-transparent {
		border-color: transparent;
	}
	.bpL-borderColor-blue {
		border-color: #1a65ff;
	}
	.bpL-borderColor-green {
		border-color: #17CE97;
	}
	.bpL-borderColor-orange {
		border-color: #FC6801;
	}
	.bpL-borderColor-purple {
		border-color: #9181FF;
	}
	.bpL-borderColor-red {
		border-color: #FF5858;
	}
	.bpL-borderColor-yellow {
		border-color: #FFC82C;
	}
}

@media screen and (min-width: 1680px) {
	.bpXL-borderColor-black {
		border-color: #000000;
	}
	.bpXL-borderColor-steel {
		border-color: #2A2B2D;
	}
	.bpXL-borderColor-slate {
		border-color: #3A414A;
	}
	.bpXL-borderColor-silver {
		border-color: #9EA2A6;
	}
	.bpXL-borderColor-smoke--xd {
		border-color: #b9b9b9;
	}
	.bpXL-borderColor-smoke--d {
		border-color: #c5c5c5;
	}
	.bpXL-borderColor-smoke {
		border-color: #D8DBDF;
	}
	.bpXL-borderColor-snow--xd {
		border-color: #dddddd;
	}
	.bpXL-borderColor-snow--d {
		border-color: #EDEEF0;
	}
	.bpXL-borderColor-snow {
		border-color: #F8F8F8;
	}
	.bpXL-borderColor-white {
		border-color: #ffffff;
	}
	.bpXL-borderColor-transparent {
		border-color: transparent;
	}
	.bpXL-borderColor-blue {
		border-color: #1a65ff;
	}
	.bpXL-borderColor-green {
		border-color: #17CE97;
	}
	.bpXL-borderColor-orange {
		border-color: #FC6801;
	}
	.bpXL-borderColor-purple {
		border-color: #9181FF;
	}
	.bpXL-borderColor-red {
		border-color: #FF5858;
	}
	.bpXL-borderColor-yellow {
		border-color: #FFC82C;
	}
}

.borderStyle-solid, .button.button--line {
	border-style: solid;
}

.borderStyle-dotted {
	border-style: dotted;
}

.borderStyle-dashed {
	border-style: dashed;
}

.borderStyle-none {
	border-style: none;
}

@media screen and (min-width: 500px) {
	.breakPointS-borderStyle-solid {
		border-style: solid;
	}
	.breakPointS-borderStyle-dotted {
		border-style: dotted;
	}
	.breakPointS-borderStyle-dashed {
		border-style: dashed;
	}
	.breakPointS-borderStyle-none {
		border-style: none;
	}
}

@media screen and (min-width: 768px) {
	.breakPointM-borderStyle-solid {
		border-style: solid;
	}
	.breakPointM-borderStyle-dotted {
		border-style: dotted;
	}
	.breakPointM-borderStyle-dashed {
		border-style: dashed;
	}
	.breakPointM-borderStyle-none {
		border-style: none;
	}
}

@media screen and (min-width: 1180px) {
	.breakPointL-borderStyle-solid {
		border-style: solid;
	}
	.breakPointL-borderStyle-dotted {
		border-style: dotted;
	}
	.breakPointL-borderStyle-dashed {
		border-style: dashed;
	}
	.breakPointL-borderStyle-none {
		border-style: none;
	}
}

@media screen and (min-width: 1680px) {
	.breakPointXL-borderStyle-solid {
		border-style: solid;
	}
	.breakPointXL-borderStyle-dotted {
		border-style: dotted;
	}
	.breakPointXL-borderStyle-dashed {
		border-style: dashed;
	}
	.breakPointXL-borderStyle-none {
		border-style: none;
	}
}

.borderWidth-0 {
	border-width: 0;
}

.borderTopWidth-0 {
	border-top-width: 0;
}

.borderBottomWidth-0 {
	border-bottom-width: 0;
}

.borderLeftWidth-0 {
	border-left-width: 0;
}

.borderRightWidth-0 {
	border-right-width: 0;
}

.borderWidth-1, .button.button--line {
	border-width: 1px;
}

.borderTopWidth-1 {
	border-top-width: 1px;
}

.borderBottomWidth-1 {
	border-bottom-width: 1px;
}

.borderLeftWidth-1 {
	border-left-width: 1px;
}

.borderRightWidth-1 {
	border-right-width: 1px;
}

@media screen and (min-width: 500px) {
	.breakPointS-borderWidth-0 {
		border-width: 0;
	}
	.breakPointS-borderTopWidth-0 {
		border-top-width: 0;
	}
	.breakPointS-borderBottomWidth-0 {
		border-bottom-width: 0;
	}
	.breakPointS-borderLeftWidth-0 {
		border-left-width: 0;
	}
	.breakPointS-borderRightWidth-0 {
		border-right-width: 0;
	}
	.breakPointS-borderWidth-1 {
		border-width: 1px;
	}
	.breakPointS-borderTopWidth-1 {
		border-top-width: 1px;
	}
	.breakPointS-borderBottomWidth-1 {
		border-bottom-width: 1px;
	}
	.breakPointS-borderLeftWidth-1 {
		border-left-width: 1px;
	}
	.breakPointS-borderRightWidth-1 {
		border-right-width: 1px;
	}
}

@media screen and (min-width: 768px) {
	.breakPointM-borderWidth-0 {
		border-width: 0;
	}
	.breakPointM-borderTopWidth-0 {
		border-top-width: 0;
	}
	.breakPointM-borderBottomWidth-0 {
		border-bottom-width: 0;
	}
	.breakPointM-borderLeftWidth-0 {
		border-left-width: 0;
	}
	.breakPointM-borderRightWidth-0 {
		border-right-width: 0;
	}
	.breakPointM-borderWidth-1 {
		border-width: 1px;
	}
	.breakPointM-borderTopWidth-1 {
		border-top-width: 1px;
	}
	.breakPointM-borderBottomWidth-1 {
		border-bottom-width: 1px;
	}
	.breakPointM-borderLeftWidth-1 {
		border-left-width: 1px;
	}
	.breakPointM-borderRightWidth-1 {
		border-right-width: 1px;
	}
}

@media screen and (min-width: 1180px) {
	.breakPointL-borderWidth-0 {
		border-width: 0;
	}
	.breakPointL-borderTopWidth-0 {
		border-top-width: 0;
	}
	.breakPointL-borderBottomWidth-0 {
		border-bottom-width: 0;
	}
	.breakPointL-borderLeftWidth-0 {
		border-left-width: 0;
	}
	.breakPointL-borderRightWidth-0 {
		border-right-width: 0;
	}
	.breakPointL-borderWidth-1 {
		border-width: 1px;
	}
	.breakPointL-borderTopWidth-1 {
		border-top-width: 1px;
	}
	.breakPointL-borderBottomWidth-1 {
		border-bottom-width: 1px;
	}
	.breakPointL-borderLeftWidth-1 {
		border-left-width: 1px;
	}
	.breakPointL-borderRightWidth-1 {
		border-right-width: 1px;
	}
}

@media screen and (min-width: 1680px) {
	.breakPointXL-borderWidth-0 {
		border-width: 0;
	}
	.breakPointXL-borderTopWidth-0 {
		border-top-width: 0;
	}
	.breakPointXL-borderBottomWidth-0 {
		border-bottom-width: 0;
	}
	.breakPointXL-borderLeftWidth-0 {
		border-left-width: 0;
	}
	.breakPointXL-borderRightWidth-0 {
		border-right-width: 0;
	}
	.breakPointXL-borderWidth-1 {
		border-width: 1px;
	}
	.breakPointXL-borderTopWidth-1 {
		border-top-width: 1px;
	}
	.breakPointXL-borderBottomWidth-1 {
		border-bottom-width: 1px;
	}
	.breakPointXL-borderLeftWidth-1 {
		border-left-width: 1px;
	}
	.breakPointXL-borderRightWidth-1 {
		border-right-width: 1px;
	}
}

.c-black, .button.button--flat.is-reversed {
	color: #000000;
}

.c-steel {
	color: #2A2B2D;
}

.c-slate {
	color: #3A414A;
}

.c-silver {
	color: #9EA2A6;
}

.c-accessible-gray {
	color: #767676;
}

.c-smoke--xd {
	color: #b9b9b9;
}

.c-smoke--d {
	color: #c5c5c5;
}

.c-smoke {
	color: #D8DBDF;
}

.c-snow--xd {
	color: #dddddd;
}

.c-snow--d {
	color: #EDEEF0;
}

.c-snow {
	color: #F8F8F8;
}

.c-white, .button.button--flat, .site-footer .site-footer-inner .site-footer-nav ul li a, .feature .feature-inner .feature-desc.is-reversed, .voice, .musicians {
	color: #ffffff;
}

.c-blue {
	color: #1a65ff;
}

.c-green {
	color: #17CE97;
}

.c-purple {
	color: #9181FF;
}

.c-orange {
	color: #FC6801;
}

.c-red {
	color: #FF5858;
}

.c-red {
	color: #FFC82C;
}

.c-white--transparent {
	color: rgba(255, 255, 255, 0.3);
}

.bg-black, .button.button--flat, .site-footer, .feature .feature-inner .feature-desc.is-reversed, .voice, .sound-switch-container, .musicians {
	background-color: #000000;
}

.bg-steel {
	background-color: #2A2B2D;
}

.bg-slate {
	background-color: #3A414A;
}

.bg-silver {
	background-color: #9EA2A6;
}

.bg-smoke--xd {
	background-color: #b9b9b9;
}

.bg-smoke--d {
	background-color: #c5c5c5;
}

.bg-smoke {
	background-color: #D8DBDF;
}

.bg-snow--xd {
	background-color: #dddddd;
}

.bg-snow--d {
	background-color: #EDEEF0;
}

.bg-snow, .page-container .page-abstract {
	background-color: #F8F8F8;
}

.bg-white, .button.button--flat.is-reversed, .article-detail, #buy-button, .feature .feature-inner .feature-desc, .voice .voice-inner .voice-main .voice-direction button.is-current, .sound-credit-container .sound-credit-body {
	background-color: #ffffff;
}

.bg-transparent {
	background-color: transparent;
}

.bg-blue {
	background-color: #1a65ff;
}

.bg-blue--hover:hover {
	color: #ffffff;
	background-color: #1a65ff;
}

.bg-green {
	background-color: #17CE97;
}

.bg-green--hover:hover {
	color: #ffffff;
	background-color: #17CE97;
}

.bg-orange {
	background-color: #FC6801;
}

.bg-orange--hover:hover {
	color: #ffffff;
	background-color: #FC6801;
}

.bg-purple {
	background-color: #9181FF;
}

.bg-purple--hover:hover {
	color: #ffffff;
	background-color: #9181FF;
}

.bg-red {
	background-color: #FF5858;
}

.bg-red--hover:hover {
	color: #ffffff;
	background-color: #FF5858;
}

.bg-yellow {
	background-color: #FFC82C;
}

.bg-yellow--hover:hover {
	color: #3A414A;
	background-color: #FFC82C;
}

@media screen and (min-width: 500px) {
	.bpS-bg-black {
		background-color: #000000;
	}
	.bpS-bg-steel {
		background-color: #2A2B2D;
	}
	.bpS-bg-slate {
		background-color: #3A414A;
	}
	.bpS-bg-silver {
		background-color: #9EA2A6;
	}
	.bpS-bg-smoke--xd {
		background-color: #b9b9b9;
	}
	.bpS-bg-smoke--d {
		background-color: #c5c5c5;
	}
	.bpS-bg-smoke {
		background-color: #D8DBDF;
	}
	.bpS-bg-snow--xd {
		background-color: #dddddd;
	}
	.bpS-bg-snow--d {
		background-color: #EDEEF0;
	}
	.bpS-bg-snow {
		background-color: #F8F8F8;
	}
	.bpS-bg-white {
		background-color: #ffffff;
	}
	.bpS-bg-transparent {
		background-color: transparent;
	}
	.bpS-bg-blue {
		background-color: #1a65ff;
	}
	.bpS-bg-blue--hover:hover {
		color: #ffffff;
		background-color: #1a65ff;
	}
	.bpS-bg-green {
		background-color: #17CE97;
	}
	.bpS-bg-green--hover:hover {
		color: #ffffff;
		background-color: #17CE97;
	}
	.bpS-bg-orange {
		background-color: #FC6801;
	}
	.bpS-bg-orange--hover:hover {
		color: #ffffff;
		background-color: #FC6801;
	}
	.bpS-bg-purple {
		background-color: #9181FF;
	}
	.bpS-bg-purple--hover:hover {
		color: #ffffff;
		background-color: #9181FF;
	}
	.bpS-bg-red {
		background-color: #FF5858;
	}
	.bpS-bg-red--hover:hover {
		color: #ffffff;
		background-color: #FF5858;
	}
	.bpS-bg-yellow {
		background-color: #FFC82C;
	}
	.bpS-bg-yellow--hover:hover {
		color: #3A414A;
		background-color: #FFC82C;
	}
}

@media screen and (min-width: 768px) {
	.bpM-bg-black {
		background-color: #000000;
	}
	.bpM-bg-steel {
		background-color: #2A2B2D;
	}
	.bpM-bg-slate {
		background-color: #3A414A;
	}
	.bpM-bg-silver {
		background-color: #9EA2A6;
	}
	.bpM-bg-smoke--xd {
		background-color: #b9b9b9;
	}
	.bpM-bg-smoke--d {
		background-color: #c5c5c5;
	}
	.bpM-bg-smoke {
		background-color: #D8DBDF;
	}
	.bpM-bg-snow--xd {
		background-color: #dddddd;
	}
	.bpM-bg-snow--d {
		background-color: #EDEEF0;
	}
	.bpM-bg-snow {
		background-color: #F8F8F8;
	}
	.bpM-bg-white {
		background-color: #ffffff;
	}
	.bpM-bg-transparent {
		background-color: transparent;
	}
	.bpM-bg-blue {
		background-color: #1a65ff;
	}
	.bpM-bg-blue--hover:hover {
		color: #ffffff;
		background-color: #1a65ff;
	}
	.bpM-bg-green {
		background-color: #17CE97;
	}
	.bpM-bg-green--hover:hover {
		color: #ffffff;
		background-color: #17CE97;
	}
	.bpM-bg-orange {
		background-color: #FC6801;
	}
	.bpM-bg-orange--hover:hover {
		color: #ffffff;
		background-color: #FC6801;
	}
	.bpM-bg-purple {
		background-color: #9181FF;
	}
	.bpM-bg-purple--hover:hover {
		color: #ffffff;
		background-color: #9181FF;
	}
	.bpM-bg-red {
		background-color: #FF5858;
	}
	.bpM-bg-red--hover:hover {
		color: #ffffff;
		background-color: #FF5858;
	}
	.bpM-bg-yellow {
		background-color: #FFC82C;
	}
	.bpM-bg-yellow--hover:hover {
		color: #3A414A;
		background-color: #FFC82C;
	}
}

@media screen and (min-width: 1180px) {
	.bpL-bg-black {
		background-color: #000000;
	}
	.bpL-bg-steel {
		background-color: #2A2B2D;
	}
	.bpL-bg-slate {
		background-color: #3A414A;
	}
	.bpL-bg-silver {
		background-color: #9EA2A6;
	}
	.bpL-bg-smoke--xd {
		background-color: #b9b9b9;
	}
	.bpL-bg-smoke--d {
		background-color: #c5c5c5;
	}
	.bpL-bg-smoke {
		background-color: #D8DBDF;
	}
	.bpL-bg-snow--xd {
		background-color: #dddddd;
	}
	.bpL-bg-snow--d {
		background-color: #EDEEF0;
	}
	.bpL-bg-snow {
		background-color: #F8F8F8;
	}
	.bpL-bg-white {
		background-color: #ffffff;
	}
	.bpL-bg-transparent {
		background-color: transparent;
	}
	.bpL-bg-blue {
		background-color: #1a65ff;
	}
	.bpL-bg-blue--hover:hover {
		color: #ffffff;
		background-color: #1a65ff;
	}
	.bpL-bg-green {
		background-color: #17CE97;
	}
	.bpL-bg-green--hover:hover {
		color: #ffffff;
		background-color: #17CE97;
	}
	.bpL-bg-orange {
		background-color: #FC6801;
	}
	.bpL-bg-orange--hover:hover {
		color: #ffffff;
		background-color: #FC6801;
	}
	.bpL-bg-purple {
		background-color: #9181FF;
	}
	.bpL-bg-purple--hover:hover {
		color: #ffffff;
		background-color: #9181FF;
	}
	.bpL-bg-red {
		background-color: #FF5858;
	}
	.bpL-bg-red--hover:hover {
		color: #ffffff;
		background-color: #FF5858;
	}
	.bpL-bg-yellow {
		background-color: #FFC82C;
	}
	.bpL-bg-yellow--hover:hover {
		color: #3A414A;
		background-color: #FFC82C;
	}
}

@media screen and (min-width: 1680px) {
	.bpXL-bg-black {
		background-color: #000000;
	}
	.bpXL-bg-steel {
		background-color: #2A2B2D;
	}
	.bpXL-bg-slate {
		background-color: #3A414A;
	}
	.bpXL-bg-silver {
		background-color: #9EA2A6;
	}
	.bpXL-bg-smoke--xd {
		background-color: #b9b9b9;
	}
	.bpXL-bg-smoke--d {
		background-color: #c5c5c5;
	}
	.bpXL-bg-smoke {
		background-color: #D8DBDF;
	}
	.bpXL-bg-snow--xd {
		background-color: #dddddd;
	}
	.bpXL-bg-snow--d {
		background-color: #EDEEF0;
	}
	.bpXL-bg-snow {
		background-color: #F8F8F8;
	}
	.bpXL-bg-white {
		background-color: #ffffff;
	}
	.bpXL-bg-transparent {
		background-color: transparent;
	}
	.bpXL-bg-blue {
		background-color: #1a65ff;
	}
	.bpXL-bg-blue--hover:hover {
		color: #ffffff;
		background-color: #1a65ff;
	}
	.bpXL-bg-green {
		background-color: #17CE97;
	}
	.bpXL-bg-green--hover:hover {
		color: #ffffff;
		background-color: #17CE97;
	}
	.bpXL-bg-orange {
		background-color: #FC6801;
	}
	.bpXL-bg-orange--hover:hover {
		color: #ffffff;
		background-color: #FC6801;
	}
	.bpXL-bg-purple {
		background-color: #9181FF;
	}
	.bpXL-bg-purple--hover:hover {
		color: #ffffff;
		background-color: #9181FF;
	}
	.bpXL-bg-red {
		background-color: #FF5858;
	}
	.bpXL-bg-red--hover:hover {
		color: #ffffff;
		background-color: #FF5858;
	}
	.bpXL-bg-yellow {
		background-color: #FFC82C;
	}
	.bpXL-bg-yellow--hover:hover {
		color: #3A414A;
		background-color: #FFC82C;
	}
}

.backgroundSize-cover, .grid li.is-loading .grid-thumb, .voice .voice-inner .voice-images .voice-image, .musicians ul li .musicians-item-inner .musicians-portrait {
	background-size: cover;
}

.backgroundSize-contain {
	background-size: contain;
}

.backgroundSize-auto {
	background-size: auto;
}

.backgroundSize-50 {
	background-size: 50%;
}

.backgroundSize-100 {
	background-size: 100%;
}

@media screen and (min-width: 500px) {
	.breakPointS-backgroundSize-cover {
		background-size: cover;
	}
	.breakPointS-backgroundSize-contain {
		background-size: contain;
	}
	.breakPointS-backgroundSize-auto {
		background-size: auto;
	}
	.breakPointS-backgroundSize-50 {
		background-size: 50%;
	}
	.breakPointS-backgroundSize-100 {
		background-size: 100%;
	}
}

@media screen and (min-width: 768px) {
	.breakPointM-backgroundSize-cover {
		background-size: cover;
	}
	.breakPointM-backgroundSize-contain {
		background-size: contain;
	}
	.breakPointM-backgroundSize-auto {
		background-size: auto;
	}
	.breakPointM-backgroundSize-50 {
		background-size: 50%;
	}
	.breakPointM-backgroundSize-100 {
		background-size: 100%;
	}
}

@media screen and (min-width: 1180px) {
	.breakPointL-backgroundSize-cover {
		background-size: cover;
	}
	.breakPointL-backgroundSize-contain {
		background-size: contain;
	}
	.breakPointL-backgroundSize-auto {
		background-size: auto;
	}
	.breakPointL-backgroundSize-50 {
		background-size: 50%;
	}
	.breakPointL-backgroundSize-100 {
		background-size: 100%;
	}
}

@media screen and (min-width: 1680px) {
	.breakPointXL-backgroundSize-cover {
		background-size: cover;
	}
	.breakPointXL-backgroundSize-contain {
		background-size: contain;
	}
	.breakPointXL-backgroundSize-auto {
		background-size: auto;
	}
	.breakPointXL-backgroundSize-50 {
		background-size: 50%;
	}
	.breakPointXL-backgroundSize-100 {
		background-size: 100%;
	}
}

.backgroundPosition-LT {
	background-position: left top;
}

.backgroundPosition-LC {
	background-position: left center;
}

.backgroundPosition-LB {
	background-position: left bottom;
}

.backgroundPosition-RT {
	background-position: right top;
}

.backgroundPosition-RC {
	background-position: right center;
}

.backgroundPosition-RB {
	background-position: right bottom;
}

.backgroundPosition-CT {
	background-position: center top;
}

.backgroundPosition-CC, .grid li.is-loading .grid-thumb, .voice .voice-inner .voice-images .voice-image, .musicians ul li .musicians-item-inner .musicians-portrait {
	background-position: center center;
}

.backgroundPosition-CB {
	background-position: center bottom;
}

@media screen and (min-width: 500px) {
	.breakPointS-backgroundPosition-LT {
		background-position: left top;
	}
	.breakPointS-backgroundPosition-LC {
		background-position: left center;
	}
	.breakPointS-backgroundPosition-LB {
		background-position: left bottom;
	}
	.breakPointS-backgroundPosition-RT {
		background-position: right top;
	}
	.breakPointS-backgroundPosition-RC {
		background-position: right center;
	}
	.breakPointS-backgroundPosition-RB {
		background-position: right bottom;
	}
	.breakPointS-backgroundPosition-CT {
		background-position: center top;
	}
	.breakPointS-backgroundPosition-CC {
		background-position: center center;
	}
	.breakPointS-backgroundPosition-CB {
		background-position: center bottom;
	}
}

@media screen and (min-width: 768px) {
	.breakPointM-backgroundPosition-LT {
		background-position: left top;
	}
	.breakPointM-backgroundPosition-LC {
		background-position: left center;
	}
	.breakPointM-backgroundPosition-LB {
		background-position: left bottom;
	}
	.breakPointM-backgroundPosition-RT {
		background-position: right top;
	}
	.breakPointM-backgroundPosition-RC {
		background-position: right center;
	}
	.breakPointM-backgroundPosition-RB {
		background-position: right bottom;
	}
	.breakPointM-backgroundPosition-CT {
		background-position: center top;
	}
	.breakPointM-backgroundPosition-CC {
		background-position: center center;
	}
	.breakPointM-backgroundPosition-CB {
		background-position: center bottom;
	}
}

@media screen and (min-width: 1180px) {
	.breakPointL-backgroundPosition-LT {
		background-position: left top;
	}
	.breakPointL-backgroundPosition-LC {
		background-position: left center;
	}
	.breakPointL-backgroundPosition-LB {
		background-position: left bottom;
	}
	.breakPointL-backgroundPosition-RT {
		background-position: right top;
	}
	.breakPointL-backgroundPosition-RC {
		background-position: right center;
	}
	.breakPointL-backgroundPosition-RB {
		background-position: right bottom;
	}
	.breakPointL-backgroundPosition-CT {
		background-position: center top;
	}
	.breakPointL-backgroundPosition-CC {
		background-position: center center;
	}
	.breakPointL-backgroundPosition-CB {
		background-position: center bottom;
	}
}

@media screen and (min-width: 1680px) {
	.breakPointXL-backgroundPosition-LT {
		background-position: left top;
	}
	.breakPointXL-backgroundPosition-LC {
		background-position: left center;
	}
	.breakPointXL-backgroundPosition-LB {
		background-position: left bottom;
	}
	.breakPointXL-backgroundPosition-RT {
		background-position: right top;
	}
	.breakPointXL-backgroundPosition-RC {
		background-position: right center;
	}
	.breakPointXL-backgroundPosition-RB {
		background-position: right bottom;
	}
	.breakPointXL-backgroundPosition-CT {
		background-position: center top;
	}
	.breakPointXL-backgroundPosition-CC {
		background-position: center center;
	}
	.breakPointXL-backgroundPosition-CB {
		background-position: center bottom;
	}
}

.backgroundRepeat-repeat {
	background-repeat: repeat;
}

.backgroundRepeat-repeatX {
	background-repeat: repeat-x;
}

.backgroundRepeat-repeatY {
	background-repeat: repeat-y;
}

.backgroundRepeat-noRepeat, .grid li.is-loading .grid-thumb, .voice .voice-inner .voice-images .voice-image, .musicians ul li .musicians-item-inner .musicians-portrait {
	background-repeat: no-repeat;
}

.backgroundRepeat-space {
	background-repeat: space;
}

.backgroundRepeat-round {
	background-repeat: round;
}

@media screen and (min-width: 500px) {
	.breakPointS-backgroundRepeat-repeat {
		background-repeat: repeat;
	}
	.breakPointS-backgroundRepeat-repeatX {
		background-repeat: repeat-x;
	}
	.breakPointS-backgroundRepeat-repeatY {
		background-repeat: repeat-y;
	}
	.breakPointS-backgroundRepeat-noRepeat {
		background-repeat: no-repeat;
	}
	.breakPointS-backgroundRepeat-space {
		background-repeat: space;
	}
	.breakPointS-backgroundRepeat-round {
		background-repeat: round;
	}
}

@media screen and (min-width: 768px) {
	.breakPointM-backgroundRepeat-repeat {
		background-repeat: repeat;
	}
	.breakPointM-backgroundRepeat-repeatX {
		background-repeat: repeat-x;
	}
	.breakPointM-backgroundRepeat-repeatY {
		background-repeat: repeat-y;
	}
	.breakPointM-backgroundRepeat-noRepeat {
		background-repeat: no-repeat;
	}
	.breakPointM-backgroundRepeat-space {
		background-repeat: space;
	}
	.breakPointM-backgroundRepeat-round {
		background-repeat: round;
	}
}

@media screen and (min-width: 1180px) {
	.breakPointL-backgroundRepeat-repeat {
		background-repeat: repeat;
	}
	.breakPointL-backgroundRepeat-repeatX {
		background-repeat: repeat-x;
	}
	.breakPointL-backgroundRepeat-repeatY {
		background-repeat: repeat-y;
	}
	.breakPointL-backgroundRepeat-noRepeat {
		background-repeat: no-repeat;
	}
	.breakPointL-backgroundRepeat-space {
		background-repeat: space;
	}
	.breakPointL-backgroundRepeat-round {
		background-repeat: round;
	}
}

@media screen and (min-width: 1680px) {
	.breakPointXL-backgroundRepeat-repeat {
		background-repeat: repeat;
	}
	.breakPointXL-backgroundRepeat-repeatX {
		background-repeat: repeat-x;
	}
	.breakPointXL-backgroundRepeat-repeatY {
		background-repeat: repeat-y;
	}
	.breakPointXL-backgroundRepeat-noRepeat {
		background-repeat: no-repeat;
	}
	.breakPointXL-backgroundRepeat-space {
		background-repeat: space;
	}
	.breakPointXL-backgroundRepeat-round {
		background-repeat: round;
	}
}

.boxSizing-contentBox {
	box-sizing: content-box;
}

.boxSizing-borderBox, .feature .feature-inner .feature-desc, .voice .voice-inner .voice-main .voice-direction button, .sound-credit-container .sound-credit-body {
	box-sizing: border-box;
}

.fd-column {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.fd-columnReverse {
	-webkit-flex-direction: column-reverse;
	    -ms-flex-direction: column-reverse;
	        flex-direction: column-reverse;
}

.fd-row {
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
}

.fd-rowReverse, .feature .feature-inner.is-reversed {
	-webkit-flex-direction: row-reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}

@media screen and (min-width: 500px) {
	.breakPointS-fd-column {
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.breakPointS-fd-columnReverse {
		-webkit-flex-direction: column-reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	.breakPointS-fd-row {
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	.breakPointS-fd-rowReverse {
		-webkit-flex-direction: row-reverse;
		    -ms-flex-direction: row-reverse;
		        flex-direction: row-reverse;
	}
}

@media screen and (min-width: 768px) {
	.breakPointM-fd-column {
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.breakPointM-fd-columnReverse {
		-webkit-flex-direction: column-reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	.breakPointM-fd-row {
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	.breakPointM-fd-rowReverse {
		-webkit-flex-direction: row-reverse;
		    -ms-flex-direction: row-reverse;
		        flex-direction: row-reverse;
	}
}

@media screen and (min-width: 1180px) {
	.breakPointL-fd-column {
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.breakPointL-fd-columnReverse {
		-webkit-flex-direction: column-reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	.breakPointL-fd-row {
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	.breakPointL-fd-rowReverse {
		-webkit-flex-direction: row-reverse;
		    -ms-flex-direction: row-reverse;
		        flex-direction: row-reverse;
	}
}

@media screen and (min-width: 1680px) {
	.breakPointXL-fd-column {
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.breakPointXL-fd-columnReverse {
		-webkit-flex-direction: column-reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	.breakPointXL-fd-row {
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	.breakPointXL-fd-rowReverse {
		-webkit-flex-direction: row-reverse;
		    -ms-flex-direction: row-reverse;
		        flex-direction: row-reverse;
	}
}

.fw-nowrap {
	-webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	        flex-wrap: nowrap;
}

.fw-wrap, .grid, .site-footer .site-footer-inner .site-footer-nav ul, .members .members-inner .members-list, .musicians ul {
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.fw-wrapReverse {
	-webkit-flex-wrap: wrap-reverse;
	    -ms-flex-wrap: wrap-reverse;
	        flex-wrap: wrap-reverse;
}

@media screen and (min-width: 500px) {
	.breakPointS-fw-nowrap {
		-webkit-flex-wrap: nowrap;
		    -ms-flex-wrap: nowrap;
		        flex-wrap: nowrap;
	}
	.breakPointS-fw-wrap {
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
	.breakPointS-fw-wrapReverse {
		-webkit-flex-wrap: wrap-reverse;
		    -ms-flex-wrap: wrap-reverse;
		        flex-wrap: wrap-reverse;
	}
}

@media screen and (min-width: 768px) {
	.breakPointM-fw-nowrap {
		-webkit-flex-wrap: nowrap;
		    -ms-flex-wrap: nowrap;
		        flex-wrap: nowrap;
	}
	.breakPointM-fw-wrap {
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
	.breakPointM-fw-wrapReverse {
		-webkit-flex-wrap: wrap-reverse;
		    -ms-flex-wrap: wrap-reverse;
		        flex-wrap: wrap-reverse;
	}
}

@media screen and (min-width: 1180px) {
	.breakPointL-fw-nowrap {
		-webkit-flex-wrap: nowrap;
		    -ms-flex-wrap: nowrap;
		        flex-wrap: nowrap;
	}
	.breakPointL-fw-wrap {
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
	.breakPointL-fw-wrapReverse {
		-webkit-flex-wrap: wrap-reverse;
		    -ms-flex-wrap: wrap-reverse;
		        flex-wrap: wrap-reverse;
	}
}

@media screen and (min-width: 1680px) {
	.breakPointXL-fw-nowrap {
		-webkit-flex-wrap: nowrap;
		    -ms-flex-wrap: nowrap;
		        flex-wrap: nowrap;
	}
	.breakPointXL-fw-wrap {
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
	.breakPointXL-fw-wrapReverse {
		-webkit-flex-wrap: wrap-reverse;
		    -ms-flex-wrap: wrap-reverse;
		        flex-wrap: wrap-reverse;
	}
}

.fontWeight-400 {
	font-weight: 400;
}

.fontWeight-500 {
	font-weight: 500;
}

.fontWeight-700, .grid li .grid-item-inner .grid-desc .grid-desc-inner .grid-title, .page-container .page-header .page-title, .members .members-inner .members-list li .member-name, .voice .voice-inner .voice-main .voice-desc .voice-name, .musicians ul li .musicians-item-inner .musicians-name {
	font-weight: 700;
}

.select-container {
	position: relative;
	z-index: 1;
}

.select {
	width: 100%;
	display: inline-block;
	cursor: pointer;
	height: 50px;
	line-height: 50px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: inherit;
	transition: all .15s;
	box-shadow: inset 0 0 0 1px #000;
	border-radius: 2px;
}

.select + div > .svgIcon {
	fill: #000;
}

.select + div {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 12px;
	margin-right: 9px;
	z-index: -1;
}

.select + div,
.select + div > .svgIcon {
	width: 26px;
	height: 26px;
}

.fontFamily-system {
	font-family: "SF Optimized", system-ui, -apple-system, system-ui, ".SFNSText-Regular", "Segoe UI", "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}

.fontFamily-mincho {
	font-family: "dnp-shuei-mincho-pr6", serif;
}

.fontFamily-gothic {
	font-family: "Suisse", "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}

.fontFamily-mono {
	font-family: "mplus-1m", monospace;
}

.fontFamily-condensed {
	font-family: "Grand", "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}

/*
Button
 */
.button {
	text-decoration: none;
}

.button:hover {
	text-decoration: none;
}

.button.button--m {
	width: 164px;
	line-height: 41px;
	height: 41px;
}

.button.button--l {
	width: 164px;
	line-height: 47px;
	height: 47px;
}

/*
Grid Layout
 */
.grid {
	width: calc(78% + 60px);
	list-style: none;
}

@media screen and (max-width: 500px) {
	.grid {
		width: 88%;
	}
}

.grid li {
	width: 50%;
	margin-bottom: 80px;
}

@media screen and (max-width: 1180px) {
	.grid li {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.grid li {
		margin-bottom: 60px;
	}
}

.grid li .grid-item-inner {
	padding: 0 30px;
}

@media screen and (max-width: 768px) {
	.grid li .grid-item-inner {
		display: block;
	}
}

@media screen and (max-width: 500px) {
	.grid li .grid-item-inner {
		padding: 0;
	}
}

.grid li .grid-item-inner .grid-thumb {
	margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
	.grid li .grid-item-inner .grid-thumb {
		width: 45%;
		height: 270px;
		margin-bottom: 0;
	}
}

@media screen and (min-width: 768px) {
	.grid li .grid-item-inner .grid-thumb .grid-thumb-inner {
		width: 100%;
		height: 100%;
	}
}

@media screen and (min-width: 768px) {
	.grid li .grid-item-inner .grid-thumb .grid-thumb-inner img {
		position: absolute;
		display: block;
		max-width: 100%;
		max-height: 100%;
		bottom: 50%;
		right: 50%;
		-webkit-transform: translate(50%, 50%);
		    -ms-transform: translate(50%, 50%);
		        transform: translate(50%, 50%);
	}
}

.grid li .grid-item-inner .grid-desc {
	width: 55%;
	line-height: 1.85;
}

@media screen and (max-width: 768px) {
	.grid li .grid-item-inner .grid-desc {
		width: 100%;
	}
}

.grid li .grid-item-inner .grid-desc .grid-desc-inner {
	padding: 0 40px;
}

@media screen and (max-width: 768px) {
	.grid li .grid-item-inner .grid-desc .grid-desc-inner {
		padding: 0px;
	}
}

.grid li .grid-item-inner .grid-desc .grid-desc-inner .grid-title {
	margin-bottom: 12px;
}

@media screen and (min-width: 1680px) {
	.grid li .grid-item-inner .grid-desc .grid-desc-inner .grid-title {
		font-size: 18px;
	}
}

@media screen and (max-width: 1180px) {
	.grid li .grid-item-inner .grid-desc .grid-desc-inner .grid-title {
		font-size: 18px;
	}
}

.grid li .grid-item-inner .grid-desc .grid-desc-inner .grid-excerpt {
	font-size: 13px;
	margin-bottom: 18px;
}

@media screen and (min-width: 1680px) {
	.grid li .grid-item-inner .grid-desc .grid-desc-inner .grid-excerpt {
		font-size: 15px;
	}
}

.grid li .grid-item-inner .grid-desc .grid-desc-inner .grid-date {
	font-size: 13px;
}

@media screen and (min-width: 1680px) {
	.grid li .grid-item-inner .grid-desc .grid-desc-inner .grid-date {
		font-size: 15px;
	}
}

.grid li.is-loading .grid-thumb {
	background-size: 30px 30px;
	background-image: url(../../assets/images/default-thumb.png);
}

.article-title {
	text-decoration: none;
}

.article-detail {
	background-color: #ffffff;
	border-radius: 3px;
	width: 66%;
	max-width: 55em;
	margin-top: 160px;
	margin-bottom: 140px;
	z-index: 99;
}

@media screen and (max-width: 1180px) {
	.article-detail {
		width: 88%;
		max-width: 100%;
		margin-top: 140px;
	}
}

@media screen and (max-width: 768px) {
	.article-detail {
		margin-bottom: 70px;
	}
}

@media screen and (max-width: 500px) {
	.article-detail {
		margin-top: 90px;
		margin-bottom: 70px;
	}
}

.article-detail .article-detail-inner .article-detail-title {
	margin: 0;
}

.article-detail .article-detail-inner .article-detail-content {
	margin-bottom: 2rem;
	margin-top: 2rem;
}

.article-detail .article-detail-inner .article-detail-date {
	font-size: 13px;
}

.ajx-article-container {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	z-index: 9999999;
}

.ajx-article-container .article-detail {
	margin-top: 80px;
	margin-bottom: 80px;
}

.ajx-article-container .article-detail .article-detail-inner {
	padding: 60px 75px;
}

@media screen and (max-width: 768px) {
	.ajx-article-container .article-detail .article-detail-inner {
		padding: 40px 50px;
	}
}

@media screen and (max-width: 500px) {
	.ajx-article-container .article-detail .article-detail-inner {
		padding: 30px;
	}
}

.ajx-article-container .ajx-article-close-button {
	position: fixed;
	display: block;
	top: 15px;
	right: 15px;
	z-index: 2;
	width: 34px;
	height: 34px;
	cursor: pointer;
}

.ajx-article-container .ajx-article-overlay {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.75);
	cursor: default;
}

/*
SONY header
 */
.sony-header {
	background-color: #000;
}

.sony-header .sony-header-inner {
	height: 36px;
}

.sony-header .sony-header-inner .sony-logo {
	display: block;
	height: 14.41px;
	width: 82px;
	position: absolute;
	bottom: 50%;
	right: 0;
	-webkit-transform: translateY(50%);
	    -ms-transform: translateY(50%);
	        transform: translateY(50%);
}

.sony-header .sony-header-inner .sony-logo img {
	display: block;
}

/*
Site header
 */
.site-header {
	width: 100%;
	top: 36px;
	z-index: 99;
}

@media screen and (max-width: 500px) {
	.site-header {
		top: 15px;
	}
}

.site-header .site-header-inner .site-header-title .flow-machines-logo {
	display: block;
	width: 170px;
	height: 33.55px;
}

@media screen and (max-width: 500px) {
	.site-header .site-header-inner .site-header-title .flow-machines-logo {
		width: 140px;
		height: 27.63px;
	}
}

.site-header .site-header-inner .site-header-nav ul {
	list-style: none;
}

.site-header .site-header-inner .site-header-nav ul a {
	font-family: "Grand", "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
	font-size: 24px;
}

@media screen and (max-width: 500px) {
	.site-header .site-header-inner .site-header-nav ul a {
		font-size: 22px;
	}
}

.site-header .site-header-inner .site-header-nav > ul > li:last-child {
	display: none;
}

/*
Language
 */
.lang {
	display: inline-block;
	padding: 5px 10px;
	line-height: 1;
}

.lang:not(.is-current):hover {
	opacity: .75;
}

.lang.is-current::after {
	content: "";
	position: absolute;
	bottom: -1px;
	right: 50%;
	-webkit-transform: translate(50%, 50%);
	    -ms-transform: translate(50%, 50%);
	        transform: translate(50%, 50%);
	width: 6px;
	height: 6px;
	background-color: #000000;
	border-radius: 50%;
}

#buy-button {
	width: 138px;
}

@media screen and (max-width: 500px) {
	#buy-button {
		box-shadow: 0 10px 15px 0 rgba(31, 45, 61, 0.04), 0 0 50px 0 rgba(31, 45, 61, 0.1);
		position: fixed;
		bottom: 20px;
		right: 50%;
		-webkit-transform: translateX(50%);
		    -ms-transform: translateX(50%);
		        transform: translateX(50%);
		z-index: 9;
	}
}

.site-footer {
	z-index: 10;
	padding-top: 60px;
	padding-bottom: 50px;
	margin-top: 200px;
}

@media screen and (max-width: 500px) {
	.site-footer {
		margin-top: 110px;
	}
}

.site-footer .site-footer-inner .site-footer-logos {
	margin-bottom: 40px;
	padding-bottom: 60px;
	border-bottom: solid 1px #2f2f2f;
}

@media screen and (max-width: 500px) {
	.site-footer .site-footer-inner .site-footer-logos {
		margin-bottom: 30px;
		padding-bottom: 50px;
	}
}

.site-footer .site-footer-inner .site-footer-logos .flow-machines-logo {
	display: block;
	width: 170px;
	height: 33.55px;
	margin-right: 68px;
}

@media screen and (max-width: 500px) {
	.site-footer .site-footer-inner .site-footer-logos .flow-machines-logo {
		margin-right: 50px;
	}
}

.site-footer .site-footer-inner .site-footer-logos .flow-machines-logo img {
	vertical-align: bottom;
}

.site-footer .site-footer-inner .site-footer-logos .sonycsl-logo {
	display: block;
	width: 178px;
	height: 29.47px;
}

.site-footer .site-footer-inner .site-footer-logos .sonycsl-logo img {
	vertical-align: bottom;
}

.site-footer .site-footer-inner .site-footer-nav ul {
	list-style: none;
}

.site-footer .site-footer-inner .site-footer-nav ul li {
	margin-right: 40px;
}

.site-footer .site-footer-inner .site-footer-nav ul li:last-child {
	margin-right: 0;
}

.site-footer .site-footer-inner .site-footer-note p {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.5;
}

.site-footer .site-footer-inner .site-footer-note p small {
	font-size: 11px;
	color: #999;
}

.site-footer .site-footer-inner .site-footer-note p.copyright {
	margin-top: 35px;
	margin-bottom: 25px;
}

@media screen and (max-width: 500px) {
	.site-footer .site-footer-inner .site-footer-note p.copyright {
		margin-top: 25px;
	}
}

.site-footer .site-footer-inner .site-footer-note p.copyright small {
	font-size: 13px;
}

.site-footer .site-footer-inner .site-footer-note p.erc-logo {
	width: 70px;
	margin: 50px auto 10px;
}

.section-header {
	margin-bottom: 80px;
	padding-bottom: 50px;
	border-bottom: solid 2px #000000;
}

@media screen and (max-width: 768px) {
	.section-header {
		display: block;
	}
}

@media screen and (max-width: 500px) {
	.section-header {
		text-align: center;
		margin-bottom: 50px;
		padding-bottom: 40px;
	}
}

.section-header h1, .section-header h3 {
	font-family: "Grand", "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 0;
}

@media screen and (min-width: 1680px) {
	.section-header h1, .section-header h3 {
		font-size: 30px;
	}
}

.section-header h1::after, .section-header h3::after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 2px;
	background-color: #000000;
	margin-bottom: 15px;
	margin-left: 10px;
}

@media screen and (max-width: 500px) {
	.section-header h1::after, .section-header h3::after {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}

.section-header .section-header-note {
	font-size: 13px;
}

.section-header .section-header-note p {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.85;
}

@media screen and (min-width: 1680px) {
	.section-header .section-header-note {
		font-size: 15px;
	}
}

@media screen and (max-width: 768px) {
	.section-header .section-header-note {
		display: inline-block;
	}
}

.feature {
	padding-top: 140px;
	padding-bottom: 140px;
	overflow: hidden;
}

@media screen and (max-width: 500px) {
	.feature {
		padding-top: 70px;
		padding-bottom: 90px;
	}
}

@media screen and (max-width: 1180px) {
	.feature .feature-inner {
		display: block;
	}
}

.feature .feature-inner .feature-image {
	width: 50%;
}

.feature .feature-inner .feature-image.feature-image--about {
	width: 56%;
}

@media screen and (max-width: 1180px) {
	.feature .feature-inner .feature-image.feature-image--about {
		width: 100%;
	}
}

@media screen and (max-width: 1180px) {
	.feature .feature-inner .feature-image {
		width: 100%;
	}
}

.feature .feature-inner .feature-desc {
	border: solid 2px #000000;
	margin-top: 70px;
}

@media screen and (min-width: 1180px) {
	.feature .feature-inner .feature-desc {
		width: 40%;
		max-width: 500px;
		margin-top: 0;
	}
}

.feature .feature-inner .feature-desc::before, .feature .feature-inner .feature-desc::after {
	display: block;
	position: absolute;
	z-index: -1;
}

.feature .feature-inner .feature-desc.feature-desc--about-flow-machines::before {
	content: url(../../assets/images/bg-afm-right@2x.png);
	bottom: -13px;
	right: -2px;
	-webkit-transform: scale(0.5) translate(150%, 50%);
	    -ms-transform: scale(0.5) translate(150%, 50%);
	        transform: scale(0.5) translate(150%, 50%);
}

.feature .feature-inner .feature-desc.feature-desc--about-flow-machines::after {
	content: url(../../assets/images/bg-afm-bottom@2x.png);
	bottom: -2px;
	right: 0;
	-webkit-transform: scale(0.5) translate(50%, 150%);
	    -ms-transform: scale(0.5) translate(50%, 150%);
	        transform: scale(0.5) translate(50%, 150%);
}

@media screen and (max-width: 500px) {
	.feature .feature-inner .feature-desc.feature-desc--about-flow-machines::before {
		content: url(../../assets/images/bg-afm-right@2x.png);
		bottom: -13px;
		right: -2px;
		-webkit-transform: scale(0.45) translate(150%, 55%);
		    -ms-transform: scale(0.45) translate(150%, 55%);
		        transform: scale(0.45) translate(150%, 55%);
	}
	.feature .feature-inner .feature-desc.feature-desc--about-flow-machines::after {
		content: url(../../assets/images/bg-afm-bottom@2x.png);
		bottom: -2px;
		right: 0;
		-webkit-transform: scale(0.45) translate(55%, 150%);
		    -ms-transform: scale(0.45) translate(55%, 150%);
		        transform: scale(0.45) translate(55%, 150%);
	}
}

.feature .feature-inner .feature-desc.feature-desc--how-it-works::before {
	content: url(../../assets/images/bg-how-it-works--left@2x.png);
	bottom: 2px;
	left: 0;
	-webkit-transform: scale(0.5) translate(-150%, 50%);
	    -ms-transform: scale(0.5) translate(-150%, 50%);
	        transform: scale(0.5) translate(-150%, 50%);
}

.feature .feature-inner .feature-desc.feature-desc--how-it-works::after {
	content: url(../../assets/images/bg-how-it-works--bottom@2x.png);
	bottom: 0;
	left: 6px;
	-webkit-transform: scale(0.5) translate(-50%, 150%);
	    -ms-transform: scale(0.5) translate(-50%, 150%);
	        transform: scale(0.5) translate(-50%, 150%);
}

@media screen and (max-width: 500px) {
	.feature .feature-inner .feature-desc.feature-desc--how-it-works::before {
		content: url(../../assets/images/bg-how-it-works--left@2x.png);
		bottom: -16px;
		left: 0;
		-webkit-transform: scale(0.45) translate(-150%, 55%);
		    -ms-transform: scale(0.45) translate(-150%, 55%);
		        transform: scale(0.45) translate(-150%, 55%);
	}
	.feature .feature-inner .feature-desc.feature-desc--how-it-works::after {
		content: url(../../assets/images/bg-how-it-works--bottom@2x.png);
		bottom: 0;
		left: -16px;
		-webkit-transform: scale(0.45) translate(-55%, 150%);
		    -ms-transform: scale(0.45) translate(-55%, 150%);
		        transform: scale(0.45) translate(-55%, 150%);
	}
}

.feature .feature-inner .feature-desc.feature-desc--our-vision::before {
	content: url(../../assets/images/bg-our-vision--right@2x.png);
	bottom: 0;
	right: -2px;
	-webkit-transform: scale(0.5) translate(150%, 50%);
	    -ms-transform: scale(0.5) translate(150%, 50%);
	        transform: scale(0.5) translate(150%, 50%);
}

.feature .feature-inner .feature-desc.feature-desc--our-vision::after {
	content: url(../../assets/images/bg-our-vision--bottom@2x.png);
	bottom: -2px;
	right: 0;
	-webkit-transform: scale(0.5) translate(50%, 150%);
	    -ms-transform: scale(0.5) translate(50%, 150%);
	        transform: scale(0.5) translate(50%, 150%);
}

@media screen and (max-width: 500px) {
	.feature .feature-inner .feature-desc.feature-desc--our-vision::before {
		content: url(../../assets/images/bg-our-vision--right@2x.png);
		bottom: -19px;
		right: -2px;
		-webkit-transform: scale(0.45) translate(150%, 55%);
		    -ms-transform: scale(0.45) translate(150%, 55%);
		        transform: scale(0.45) translate(150%, 55%);
	}
	.feature .feature-inner .feature-desc.feature-desc--our-vision::after {
		content: url(../../assets/images/bg-our-vision--bottom@2x.png);
		bottom: -2px;
		right: -17px;
		-webkit-transform: scale(0.45) translate(55%, 150%);
		    -ms-transform: scale(0.45) translate(55%, 150%);
		        transform: scale(0.45) translate(55%, 150%);
	}
}

.feature .feature-inner .feature-desc .feature-desc-inner {
	padding: 60px;
}

@media screen and (max-width: 1680px) {
	.feature .feature-inner .feature-desc .feature-desc-inner {
		padding: 55px;
	}
}

@media screen and (max-width: 500px) {
	.feature .feature-inner .feature-desc .feature-desc-inner {
		padding: 30px;
	}
}

.feature .feature-inner .feature-desc .feature-desc-inner h3 {
	font-family: "Grand", "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
	font-size: 24px;
	margin-top: -0.425em;
}

@media screen and (min-width: 1680px) {
	.feature .feature-inner .feature-desc .feature-desc-inner h3 {
		font-size: 30px;
	}
}

.feature .feature-inner .feature-desc .feature-desc-inner h3::after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 2px;
	background-color: #000000;
	margin-bottom: 15px;
	margin-left: 10px;
}

.feature .feature-inner .feature-desc .feature-desc-inner p {
	margin-bottom: 0;
}

@media screen and (min-width: 1680px) {
	.feature .feature-inner .feature-desc .feature-desc-inner p {
		font-size: 17px;
	}
}

.feature .feature-inner .feature-desc.is-reversed h3::after {
	background-color: #ffffff;
}

.news, .members, .history {
	margin-top: 70px;
	margin-bottom: 140px;
}

@media screen and (max-width: 768px) {
	.news, .members, .history {
		margin-top: 70px;
		margin-bottom: 70px;
	}
}

.page-container {
	margin-top: 170px;
	margin-bottom: 140px;
}

.page-container .page-header .page-title {
	font-size: 24px;
	margin-top: 0;
}

.page-container .page-abstract {
	margin-top: 60px;
	margin-bottom: 60px;
	padding: 28px 30px;
	font-size: 13px;
}

.page-container .agree-list {
	margin-left: 1em;
}

.page-container .agree-list > li {
	margin-bottom: 1.5em;
}

.page-container .agree-list > li > ul, .page-container .agree-list > li > ol {
	margin: 0;
	padding: 0;
	margin-bottom: 1rem;
	margin-top: 1rem;
	margin-left: 1em;
}

.page-container .agree-list > li > dl {
	margin: 0;
	padding: 0;
	margin-bottom: 1rem;
	margin-top: 1rem;
}

.page-container .agree-buttons {
	margin-top: 70px;
}

.mw_wp_form {
	font-size: 13px;
}

.mw_wp_form input[type="text"], .mw_wp_form input[type="email"] {
	border: solid 1px #D8DBDF;
	font-size: 15px;
	width: 100%;
	height: 48px;
	line-height: 48px;
	padding-left: 12px;
	padding-right: 12px;
	border-radius: 2px;
}

.mw_wp_form textarea {
	border: solid 1px #D8DBDF;
	font-size: 15px;
	width: 100%;
	height: 300px;
	padding: 12px;
	border-radius: 2px;
	line-height: 1.75;
}

.mw_wp_form input[type="submit"], .mw_wp_form input[type="button"] {
	font-size: 15px;
}

.mw_wp_form .wpcf7-not-valid {
	border-color: #FF5858 !important;
}

.mw_wp_form .wpcf7-back {
	margin-right: 15px !important;
}

.mw_wp_form input[type="text"]:-moz-read-only,
.mw_wp_form input[type="email"]:-moz-read-only,
.mw_wp_form textarea:-moz-read-only {
	background-color: #ffffff !important;
	border: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	height: auto !important;
}

.mw_wp_form input[type="text"]:read-only,
.mw_wp_form input[type="email"]:read-only,
.mw_wp_form textarea:read-only {
	background-color: #ffffff !important;
	border: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	height: auto !important;
}

.mw_wp_form input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}

.mw_wp_form .error {
	color: #FF5858 !important;
}

.mw_wp_form .error p {
	margin: 0 !important;
}

.mw_wp_form .form-item {
	font-size: 15px;
}

.mw_wp_form .form-item span {
	font-size: 13px;
}

.mw_wp_form .form-buttons {
	margin-top: 70px;
}

.mw_wp_form .form-buttons input {
	display: block;
}

.mw_wp_form .wpcf7-custom-wpcf7c-confirmed {
	display: none !important;
}

.loader {
	width: 50px;
	height: auto;
	position: fixed;
	bottom: 50%;
	right: 50%;
	-webkit-transform: translate(50%, 50%);
	    -ms-transform: translate(50%, 50%);
	        transform: translate(50%, 50%);
	display: none;
	z-index: 100;
}

.loader.loader--dark polygon {
	fill: #000;
}

.loader.loader--light polygon {
	fill: #fff;
}

.members {
	margin-top: 220px;
}

@media screen and (max-width: 768px) {
	.members {
		margin-top: 160px;
	}
}

@media screen and (max-width: 500px) {
	.members {
		margin-top: 110px;
	}
}

.members .members-inner .section-header h1 {
	font-size: 40px;
}

.members .members-inner .section-header h1::after {
	margin-bottom: 26px;
}

.members .members-inner .members-list {
	list-style: none;
	padding: 0;
}

@media screen and (max-width: 500px) {
	.members .members-inner .members-list {
		display: block;
	}
}

.members .members-inner .members-list li {
	margin-bottom: 1em;
}

@media screen and (min-width: 1680px) {
	.members .members-inner .members-list li {
		font-size: 18px;
	}
}

.members .members-inner .members-list li::after {
	content: "/";
	display: inline-block;
	margin-left: 2.5em;
	margin-right: 2.5em;
}

@media screen and (max-width: 500px) {
	.members .members-inner .members-list li::after {
		display: none;
	}
}

.members .members-inner .members-list li:last-child::after {
	display: none;
}

.members .members-inner .members-list li .member-name {
	margin-right: 0.5em;
}

/*
Introduction
 */
.intro {
	width: 100%;
	height: calc(100% - 36px);
}

.intro .intro-inner {
	height: 100%;
}

.intro .intro-inner .tagline-container {
	bottom: calc(50% - 35px);
	left: 6%;
	-webkit-transform: translateY(50%);
	    -ms-transform: translateY(50%);
	        transform: translateY(50%);
	width: 5.5em;
	font-size: 5em;
	z-index: 3;
}

@media screen and (max-width: 1680px) {
	.intro .intro-inner .tagline-container {
		font-size: 4.2em;
	}
}

@media screen and (max-width: 1180px) {
	.intro .intro-inner .tagline-container {
		font-size: 3.6em;
		bottom: 60%;
	}
}

@media screen and (max-width: 500px) {
	.intro .intro-inner .tagline-container {
		font-size: 2.85em;
	}
}

.intro .intro-inner .tagline-container .tagline {
	font-family: "Grand", "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
	line-height: 1.05;
	font-size: inherit;
	margin-top: 0;
	margin-bottom: 0.3em;
}

.intro .intro-inner .tagline-container .tagline::after {
	content: "";
	display: block;
	width: 10px;
	height: 2px;
	background-color: #000000;
	margin-top: 20px;
}

.intro .intro-inner .tagline-container p {
	font-size: 13px;
	margin: 0;
}

@media screen and (max-width: 1680px) {
	.intro .intro-inner .tagline-container p {
		font-size: 11px;
	}
}

@media screen and (max-width: 768px) {
	.intro .intro-inner .tagline-container p {
		display: none;
	}
}

.intro .intro-inner .av-container {
	bottom: 50%;
	right: 0;
	-webkit-transform: translateY(50%);
	    -ms-transform: translateY(50%);
	        transform: translateY(50%);
	width: calc(100% - 5em);
	height: 72%;
	font-family: "Grand", "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
	font-size: 5em;
	z-index: 1;
}

@media screen and (max-width: 1680px) {
	.intro .intro-inner .av-container {
		font-size: 4.2em;
	}
}

@media screen and (max-width: 1180px) {
	.intro .intro-inner .av-container {
		font-size: 3.6em;
		width: 100%;
		height: 55%;
		bottom: 0;
		-webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		        transform: translateY(0);
	}
}

@media screen and (max-width: 500px) {
	.intro .intro-inner .av-container {
		font-size: 2.85em;
	}
}

.intro .intro-inner .av-container .av {
	position: absolute;
	bottom: 0;
	right: 50%;
	-webkit-transform: translateX(50%);
	    -ms-transform: translateX(50%);
	        transform: translateX(50%);
	width: 100%;
	height: 100%;
	margin: 0 auto;
	z-index: 1;
	background-image: url(../../assets/images/audio-visualizer--active@2x.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

@media screen and (max-width: 1180px) {
	.intro .intro-inner .av-container .av {
		width: 100%;
		background-image: url(../../assets/images/av-mobile@2x.png);
		background-position: top;
		background-size: cover;
	}
}

.intro .intro-inner .av-container .av img {
	vertical-align: bottom;
	max-height: 100%;
}

.intro .intro-inner .av-container .av-border {
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 50%;
	-webkit-transform: translateX(50%);
	    -ms-transform: translateX(50%);
	        transform: translateX(50%);
	z-index: 2;
}

/*
Musician Voice
 */
.voice {
	margin-top: 140px;
}

.voice .voice-inner h3 {
	font-family: "Grand", "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
	font-size: 24px;
	margin-top: -0.425em;
	padding-top: 140px;
}

@media screen and (max-width: 1680px) {
	.voice .voice-inner h3 {
		padding-top: 90px;
	}
}

@media screen and (max-width: 1180px) {
	.voice .voice-inner h3 {
		padding-top: 70px;
	}
}

.voice .voice-inner h3::after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 2px;
	background-color: #ffffff;
	margin-bottom: 15px;
	margin-left: 10px;
}

.voice .voice-inner .voice-main {
	width: 48%;
	padding-bottom: 140px;
}

@media screen and (max-width: 1680px) {
	.voice .voice-inner .voice-main {
		padding-bottom: 90px;
	}
}

@media screen and (max-width: 1180px) {
	.voice .voice-inner .voice-main {
		width: 100%;
		padding-bottom: 90px;
	}
}

.voice .voice-inner .voice-main .voice-desc {
	margin-top: 70px;
}

.voice .voice-inner .voice-main .voice-desc .voice-body p {
	margin-top: 0;
}

.voice .voice-inner .voice-main .voice-desc .voice-position {
	font-size: 11px;
	color: #767676;
}

.voice .voice-inner .voice-main .voice-direction {
	padding-top: 100px;
}

.voice .voice-inner .voice-main .voice-direction button {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: solid 2px #ffffff;
	margin-right: 32px;
}

.voice .voice-inner .voice-main .voice-direction button:last-child {
	margin-right: 0;
}

.voice .voice-inner .voice-images {
	bottom: 80px;
	right: 0;
	width: 42%;
	height: 100%;
}

@media screen and (max-width: 1180px) {
	.voice .voice-inner .voice-images {
		position: static;
		width: 100%;
		height: 400px;
		margin-top: 70px;
	}
}

.voice .voice-inner .voice-images .voice-image {
	width: 100%;
	height: 100%;
}

/*
Sound On/Off
 */
.sound-switch-container {
	bottom: 0;
	right: 0;
	width: 90px;
	height: 90px;
	z-index: 9;
	cursor: pointer;
	display: none;
}

@media screen and (max-width: 500px) {
	.sound-switch-container {
		display: none;
	}
}

.sound-switch-container .sound-switch {
	bottom: 50%;
	right: 50%;
	-webkit-transform: translate(50%, 50%);
	    -ms-transform: translate(50%, 50%);
	        transform: translate(50%, 50%);
	width: 30px;
	height: 30px;
}

.sound-switch-container .sound-switch .on {
	display: block;
}

.sound-switch-container .sound-switch .off {
	display: none;
}

.sound-is-disable .sound-switch .on {
	display: none;
}

.sound-is-disable .sound-switch .off {
	display: block;
}

/*
Sound Credit
 */
.sound-credit-container {
	width: 100px;
	height: 90px;
	bottom: 35px;
	bottom: 0;
	left: 35px;
	z-index: 8;
}

@media screen and (max-width: 1180px) {
	.sound-credit-container {
		height: 60px;
		left: 6%;
	}
}

.sound-credit-container .sound-credit-button {
	position: absolute;
	bottom: 50%;
	left: 0;
	-webkit-transform: translateY(50%);
	    -ms-transform: translateY(50%);
	        transform: translateY(50%);
	display: inline-block;
	text-decoration: none;
}

.sound-credit-container .sound-credit-button::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background-color: #000000;
	margin-top: -2px;
}

@media screen and (max-width: 1180px) {
	.sound-credit-container .sound-credit-button {
		font-size: 13px;
	}
}

.sound-credit-container .sound-credit-body {
	width: 88vw;
	max-width: 550px;
	border: solid 2px #000000;
	bottom: calc(100% - 10px);
	left: 0;
	padding: 25px;
	display: none;
}

.sound-credit-container .sound-credit-body p {
	font-size: 13px;
}

.credit-is-visible .sound-credit-body {
	display: block;
}

.pagination {
	color: #767676;
	margin-top: 70px;
	margin-bottom: 200px;
}

@media screen and (max-width: 500px) {
	.pagination {
		margin-top: 30px;
		margin-bottom: 110px;
	}
}

.pagination .pagination-button {
	color: #ffffff;
	font-family: "Grand", "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
	font-size: 24px;
	margin-top: -0.425em;
}

.pagination .pagination-button .pagination-load-text {
	bottom: 50%;
	right: 50%;
	-webkit-transform: translate(50%, 50%);
	    -ms-transform: translate(50%, 50%);
	        transform: translate(50%, 50%);
}

.pagination .pagination-button .pagination-loader {
	bottom: 50%;
	right: 50%;
	-webkit-transform: translate(50%, 50%);
	    -ms-transform: translate(50%, 50%);
	        transform: translate(50%, 50%);
	display: none;
}

.musicians {
	margin-top: 140px;
	padding-top: 140px;
	padding-bottom: 140px;
}

@media screen and (max-width: 1680px) {
	.musicians {
		padding-top: 90px;
		padding-bottom: 90px;
	}
}

@media screen and (max-width: 1180px) {
	.musicians {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}

@media screen and (max-width: 500px) {
	.musicians {
		margin-top: 0;
	}
}

.musicians .musicians-header h3 {
	font-family: "Grand", "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
	font-size: 24px;
	margin-top: -0.425em;
}

@media screen and (min-width: 1680px) {
	.musicians .musicians-header h3 {
		font-size: 30px;
	}
}

.musicians .musicians-header h3::after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 2px;
	background-color: #ffffff;
	margin-bottom: 15px;
	margin-left: 10px;
}

.musicians ul {
	margin-top: 70px;
	width: calc(78% + 60px);
	padding: 0;
	list-style: none;
}

@media screen and (max-width: 768px) {
	.musicians ul {
		width: 78%;
		width: calc(78% + 60px);
	}
}

.musicians ul li {
	width: 25%;
	margin-bottom: 70px;
}

@media screen and (max-width: 1680px) {
	.musicians ul li {
		width: 33.3333%;
	}
}

@media screen and (max-width: 1180px) {
	.musicians ul li {
		width: 50%;
	}
}

@media screen and (max-width: 768px) {
	.musicians ul li {
		margin-bottom: 40px;
	}
}

.musicians ul li .musicians-item-inner {
	padding: 0 30px;
}

@media screen and (max-width: 768px) {
	.musicians ul li .musicians-item-inner {
		padding: 0 15px;
	}
}

.musicians ul li .musicians-item-inner .musicians-portrait {
	width: 100%;
	height: 100px;
}

.musicians ul li .musicians-item-inner .musicians-name {
	margin-top: 1.5em;
}

@media screen and (max-width: 768px) {
	.musicians ul li .musicians-item-inner .musicians-name {
		font-size: 11px;
	}
}

.musicians ul li .musicians-item-inner .musicians-name a {
	text-decoration: none;
}

.musicians ul li .musicians-item-inner .musicians-name a:hover {
	text-decoration: underline;
}

.history {
	margin-top: 220px;
}

@media screen and (max-width: 768px) {
	.history {
		margin-top: 160px;
	}
}

@media screen and (max-width: 500px) {
	.history {
		margin-top: 110px;
	}
}

.history .section-header {
	margin-bottom: 0 !important;
	border: none !important;
}

.history .section-header h3 {
	font-size: 40px;
}

.history .section-header h3::after {
	margin-bottom: 26px;
}

.history #history-nav--on-desktop {
	list-style: none;
	padding: 25px 0;
	margin-bottom: 80px;
	background-color: #000;
	border-radius: 3px;
}

@media screen and (max-width: 1180px) {
	.history #history-nav--on-desktop {
		display: none;
	}
}

@media screen and (max-width: 500px) {
	.history #history-nav--on-desktop {
		margin-bottom: 50px;
	}
}

.history #history-nav--on-desktop li {
	display: block;
	text-align: center;
	width: 100%;
}

.history #history-nav--on-desktop li a {
	font-family: "Grand", "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
	font-size: 20px;
	display: block;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
}

.history #history-nav--on-desktop li a:hover {
	text-decoration: none;
}

.history #history-nav--on-desktop li a:hover::after {
	content: "";
	position: absolute;
	bottom: -1px;
	right: 50%;
	-webkit-transform: translate(50%, 50%);
	    -ms-transform: translate(50%, 50%);
	        transform: translate(50%, 50%);
	width: 6px;
	height: 6px;
	background-color: #767676;
	border-radius: 50%;
}

.history #history-nav--on-desktop li.is-current a::after {
	content: "";
	position: absolute;
	bottom: -1px;
	right: 50%;
	-webkit-transform: translate(50%, 50%);
	    -ms-transform: translate(50%, 50%);
	        transform: translate(50%, 50%);
	width: 6px;
	height: 6px;
	background-color: #ffffff;
	border-radius: 50%;
}

.history #history-nav--on-mobile {
	display: none;
	margin-bottom: 80px;
}

@media screen and (max-width: 1180px) {
	.history #history-nav--on-mobile {
		display: block;
	}
}

@media screen and (max-width: 500px) {
	.history #history-nav--on-mobile {
		margin-bottom: 50px;
	}
}

.select-to-move-container {
	float: left;
	position: relative;
	width: calc(100% - 121px);
}

@media screen and (max-width: 500px) {
	.select-to-move-container {
		width: calc(100% - 91px);
	}
}

.select-to-move-button {
	font-family: "Grand", "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
	font-size: 24px;
	position: relative;
	float: right;
	width: 96px;
	height: 50px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: black;
	border-radius: 2px;
	color: white;
	cursor: pointer;
	transition: all .15s;
}

@media screen and (max-width: 500px) {
	.select-to-move-button {
		width: 76px;
		font-size: 22px;
	}
}

.select-to-move-button:hover {
	background-color: #3A414A;
}

.select-to-move-button span {
	display: block;
	position: absolute;
	bottom: 50%;
	right: 50%;
	-webkit-transform: translate(50%, 50%);
	    -ms-transform: translate(50%, 50%);
	        transform: translate(50%, 50%);
}

body {
	overflow-x: hidden;
}

body::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 99999;
	transition: all .15s ease;
}

body.is-loaded::after {
	opacity: 0;
	visibility: hidden;
}

.no-js body::after {
	display: none;
}

.noscroll {
	overflow: hidden !important;
}

#attention {
	position: fixed;
	bottom: 0;
	left: 0;
	width: calc(100% - 60px);
	padding: 30px 30px;
	background: black;
	color: white;
	text-align: center;
	z-index: 9;
}

#attention p {
	margin: 0;
}

#attention,
#av-container {
	display: none;
}

.no-js #attention,
.no-js #av-container {
	display: block;
}

.no-js #sound-credit-container,
.no-js #visualizerContainer {
	display: none;
}

.no-js .site-container {
	height: 100%;
}

.responsive-media {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	margin: 3rem auto;
	height: 0;
}

.responsive-media iframe,
.responsive-media object,
.responsive-media embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
.visualizerContainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.visualizerContainer .tagline {
  text-transform: uppercase;
  font-family: "Grand";
  font-size: 5em;
  position: absolute;
  bottom: calc(50% - 35px);
  left: 6%;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
  z-index: 5;
  color: #000;
}

.visualizerContainer .tagline::after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background-color: #000;
  margin-top: 20px;
}

.visualizer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.webgl {
  position: relative;
  z-index: 2;
  vertical-align: bottom;
}

.paletteLine {
  position: absolute;
  top: calc(50% - 2px);
  left: 50%;
  height: 4px;
  width: 300px;
  background-image: url("../../assets/images/g-texture-def.jpg");
  background-size: contain;
  background-repeat: repeat-x;
  z-index: 1;
}

.paletteGui {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.paletteGui .paletteText {
  font-family: 'Suisse';
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: absolute;
  left: calc(50% + 140px - 10px);
  top: calc(50% - 35px);
  margin: 0;
  white-space: nowrap;
  z-index: 2;
  font-size: 15px;
  line-height: 1;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.paletteGui .paletteText::after {
  content: '';
  display: inline-block;
  width: 50px;
  height: 1px;
  margin-left: 15px;
  background: #000;
  vertical-align: middle;
}

.paletteGui .paletteBox {
  position: absolute;
  left: calc(50% - 10px);
  top: calc(50% - 35px - 10px);
  z-index: 3;
  height: 450px;
}

.paletteGui .paletteBox:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white, white);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), white, white);
}

.paletteGui .paletteBox > div {
  position: relative;
  width: 90px;
  height: 90px;
  background-size: 77.7% 77.7%;
  background-repeat: no-repeat;
  background-position: center center;
}

.paletteGui .paletteBox > div.draggable {
    cursor: pointer;
  cursor: grab;
  z-index: 2;
}

.paletteGui .paletteBox > div.draggable.isFirst:after {
  content: '';
  position: absolute;
  top: 11.15%;
  left: 11.15%;
  width: 90%;
  height: 90%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("../../assets/images/dd-guide.svg");
  opacity: 0;
  z-index: 2;
  -webkit-animation: draggg 1.65s cubic-bezier( 0.420,  0.000,  0.580,  1.000 ) 0s 3;
          animation: draggg 1.65s cubic-bezier( 0.420,  0.000,  0.580,  1.000 ) 0s 3;
}

.paletteGui .paletteBox > div.draggable.isFirst.isDragging:after {
    cursor: grabbing;
}

.paletteGui .paletteBox > div.draggable.isFirst.isDragging:after {
  -webkit-animation: none;
          animation: none;
}

@-webkit-keyframes draggg {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    opacity: 1.0;
  }
  70% {
    opacity: 1.0;
    -webkit-transform: translateX(-250px);
            transform: translateX(-250px);
  }
  90% {
    opacity: 0;
    -webkit-transform: translateX(-250px);
            transform: translateX(-250px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-250px);
            transform: translateX(-250px);
  }
}

@keyframes draggg {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    opacity: 1.0;
  }
  70% {
    opacity: 1.0;
    -webkit-transform: translateX(-250px);
            transform: translateX(-250px);
  }
  90% {
    opacity: 0;
    -webkit-transform: translateX(-250px);
            transform: translateX(-250px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-250px);
            transform: translateX(-250px);
  }
}

.paletteGui .paletteBox > div img {
  width: 100%;
}

.paletteGui .paletteBox p {
  background: #000;
  padding: 10px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

.paletteGui .paletteBox p.clicked {
  opacity: 0.3;
}

.seekBarBoxContainer {
  position: fixed;
  width: 100%;
  height: 90px;
  bottom: 0;
  left: 0;
  z-index: 3;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(255,255,255,.8);
}

.seekBarBoxContainer.isShow {
  opacity: 1;
  visibility: inherit;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.seekBarBox {
  position: absolute;
  /* width: 70vw; */
  width: calc(100% - 400px);
  height: 24px;
  bottom: 50%;
  transform: translateY(50%);
  /* left: 15vw; */
  left: 220px;
  z-index: 9;
}


.seekBarBox_bar {
  position: relative;
  /* width: 95%; */
  width: calc(100% - 48px);
  height: 100%;
}

.seekBarBox_bar_bg {
  position: absolute;
  width: 100%;
  height: 2px;
  top: calc(50% - 1px);
  left: 0;
  background: rgba(0, 0, 0, 0.16);
}

.seekBarBox_bar_p {
  position: absolute;
  background: #000;
  width: 20px;
  height: 6px;
  top: calc(50% - 3px);
  left: -10px;
  cursor: pointer;
}

.seekBarBox_button {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-image: url("../../assets/images/icon-pause.svg");
}

.seekBarBox_button.isPaused {
  background-image: url("../../assets/images/icon-play.svg");
}

.muteBtn {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 90px;
  height: 90px;
  background-color: #000;
  z-index: 3;
  background-image: url("../../assets/images/volume.svg");
  background-size: 40% 40%;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.muteBtn.isMuted {
  background-image: url("../../assets/images/volume-off.svg");
}

@media screen and (max-width: 500px) {
  .visualizerContainer .tagline {
    font-size: 2.85em;
  }
}

@media screen and (max-width: 1680px) {
  .visualizerContainer .tagline {
    font-size: 4.2em;
  }
}

@media screen and (max-width: 1180px) {
  .visualizerContainer .tagline {
    font-size: 3.6em;
    bottom: 60%;
  }
  .paletteLine {
    display: none;
  }
  .paletteGui .paletteText {
    display: none;
  }
  .paletteGui .paletteBox {
    display: none;
  }
  .seekBarBoxContainer {
      height: 60px;
  }
  .seekBarBox {
      width: 100%;
      height: 36px;
      left: 0;
    /* display: none; */
  }
  .seekBarBox_button {
      width: 36px;
      height: 36px;
      border: solid 1px #000;
      border-radius: 50%;
      background-position: center;
      left: auto !important;
      right: 82px;
  }
  .seekBarBox_bar {
      display: none;
  }
  .muteBtn {
    /* display: none!important; */
    width: 60px;
    height: 60px;
  }
}