article,aside,details,figcaption,figure,footer,header,hgroup,hr,nav,section {
  display: block
}
a,ins {
  text-decoration: none
}
dfn,mark {
  font-style: italic
}
b,mark,strong {
  font-weight: 700
}
.visuallyhidden,hr {
  height: 1px;
  border: 0
}
li,nav ol,nav ul,ol,ul {
  list-style: none
}
#artist-list-content .sp-search-module label select.selected+i,#artist-list-content .sp-search-module label select.touch+i {
  fill: #fff
}
.hide,.invisible,.slick-loading .slick-slide,.slick-loading .slick-track,.sns-header.sp-sns .sp-sns-slide {
  visibility: hidden
}
audio,canvas,video {
  display: inline-block
}
[hidden],audio: not([controls]) {
  display: none
}
/*html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}*/
button,html,input,select,textarea {
  font-family: sans-serif;
  color: #000
}
body,dd,dl,dt,figifrure,form {
  margin: 0
}
: : -moz-selection {
  background: #000;
  color: #fff;
  text-shadow: none
}
: : selection {
  background: #000;
  color: #fff;
  text-shadow: none
}
a {
  color: #333
}
a: hover {
  color: #8c886d
}
ins,mark {
  color: #000
}
a: focus {
  outline: dotted thin
}
.search-input: focus,.slick-list: focus,a: active,a: hover,article,button {
  outline: 0
}
abbr[title] {
  border-bottom: 1px dotted
}
blockquote {
  margin: 1em 40px
}
hr {
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}
ins {
  background: #ff9
}
mark {
  background: #ff0
}
code,kbd,pre,samp {
  font-family: monospace,serif;
  font-size: 1em
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word
}
q {
  quotes: none
}
q: after,q: before {
  content: "";
  content: none
}
small {
  font-size: 85%
}
sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sup {
  top: -.5em
}
sub {
  bottom: -.25em
}
h1,h2,h3,h4,h5,h6,li,ol,ul {
  margin: 0;
  padding: 0
}
nav ol,nav ul {
  margin: 0;
  padding: 0
}
svg: not(: root) {
  overflow: hidden
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0
}
label {
  cursor: pointer
}
legend {
  border: 0;
  padding: 0;
  white-space: normal
}
button,input,select,textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline
}
td,textarea {
  vertical-align: top
}
button,input {
  line-height: normal
}
button,input[type=button],input[type=reset],input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button
}
button[disabled],input[disabled] {
  cursor: default
}
input[type=checkbox],input[type=radio] {
  box-sizing: border-box;
  padding: 0
}
input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
input[type=search]: : -webkit-search-cancel-button,input[type=search]: : -webkit-search-decoration {
  -webkit-appearance: none
}
button: : -moz-focus-inner,input: : -moz-focus-inner {
  border: 0;
  padding: 0
}
textarea {
  overflow: auto;
  resize: vertical
}
input: invalid,textarea: invalid {
  background-color: #f0dddd
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
.chromeframe {
  margin: .2em 0;
  background: #ccc;
  color: #000;
  padding: .2em 0
}
.ir,.twitter-top .follow-us a {
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent
}
.hide {
  display: none!important
}
.visuallyhidden {
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
  height: auto
}
.contain: after,.contain: before {
  content: "";
  display: table
}
.clear,.contain: after {
  clear: both
}
iframe {
  max-width: 100%
}
.videoPlayer,article .video {
  clear: left;
  display: inline-block;
  height: 0!important;
  list-style: none;
  margin-bottom: 1em;
  max-width: 100%!important;
  overflow: hidden;
  padding-bottom: 56.25%!important;
  position: relative;
  width: 100%
}
#artist-list-content .search-results-wrap ul li .search-results .artists-list: after,.al-header: after,.banners: after,.detail-buy ul: after,.global-header: after,.global-nav .primary-nav: after,.mobile-nav: after,.news .news-item: after,.news-item.one-half-column .news-cat-bg .news-cat: after,.news-item.one-half-column .news-item .news-item-aside: after,.news-item.one-half-column .news-item .news-item-content: after,.news-item.one-half-column .news-item: after,.ranking-item ul li: after,.slick-track: after,.sns-header: after,.textwidget .athletes: after {
  clear: both
}
.videoPlayer embed,.videoPlayer iframe,.videoPlayer object,article .video embed,article .video iframe,article .video object {
  height: 100%!important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%!important
}
@media print {
  blockquote,img,pre,tr {
  page-break-inside: avoid
}
* {
  background: 0 0!important;
  color: #000!important;
  box-shadow: none!important;
  text-shadow: none!important
}
a,a: visited {
  text-decoration: underline
}
a[href]: after {
  content: " (" attr(href) ")"
}
abbr[title]: after {
  content: " (" attr(title) ")"
}
.ir a: after,a[href^="javascript: "]: after,a[href^="#"]: after {
  content: ""
}
blockquote,pre {
  border: 1px solid #999
}
thead {
  display: table-header-group
}
img {
  max-width: 100%!important
}
@page {
  margin: .5cm
}
h2,h3,p {
  orphans: 3;
  widows: 3
}
h2,h3 {
  page-break-after: avoid
}

}
body {
  /*font-size: 100%;*/
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
  background: #f1f1f1;
  padding-top: 47px
}
/*p {
  font-size: .8em
}*/
h2 {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 1.031em;
  line-height: 1
}
.description,h3 {
  font-size: .75em;
  margin: 0
}
h3 {
  font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif
}
ul {
  padding: 0;
  margin: 0
}
img {
  max-width: 100%
}
.wrapper {
  position: relative
}
@media only screen and (min-width: 768px) {
  h2 {
  font-size: 1.938em
}
.description,h3 {
  font-size: .813em
}
body {
  padding-top: 0
}

}
@media only screen and (min-width: 1024px) {
  h3 {
  margin-bottom: 3px
}
.wrapper {
  width: 90%;
  max-width: 1024px;
  margin: 0 auto
}

}
.global-header {
  position: fixed;
  z-index: 110;
  width: 100%;
  height: 47px;
  top: 0;
  background: #000
}
.global-header: after,.global-header: before {
  content: "";
  display: table
}
.al-header: after,.logo,.logo img,.nav-btn,.nav-btn i,.sns-header: after {
  display: block
}
.logo {
  float: left;
  width: 212px;
  margin: 15px 6px
}
.mobile-nav {
  float: right
}
.mobile-nav: after,.mobile-nav: before {
  content: "";
  display: table
}
.nav-btn {
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent;
  width: 45px;
  height: 47px;
  float: left
}
.al-header p,.sns-header.sp-sns .sp-sns-slide {
  font-family: HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue,"Helvetica Neue",TeXGyreHerosCnBold,Helvetica,Tahoma,Geneva,"Arial Narrow",Arial,sans-serif;
  font-weight: 600;
  font-stretch: condensed
}
.nav-btn i {

  background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi) {
  .nav-btn i {

  background-size: 230px 178px
}

}
.nav-btn.search i {
  width: 25px;
  height: 25px;
  margin: 11px auto 0;
  background-position: -187px -92px
}
.nav-btn.menu i {
  width: 25px;
  height: 28px;
  margin: 9px auto;
  background-position: -163px 0
}
.nav-btn.active {
  background: #fff
}
.nav-btn.active i {
  width: 18px;
  height: 19px;
  margin: 14px auto;
  background-position: -197px -67px
}
.al-header {
  background-color: #fff;
  text-align: center;
  border-bottom: 3px solid #000
}
.al-header: after {
  content: ""
}
.al-header p {
  font-size: .9em;
  margin: 0;
  color: #545454;
  padding: 6px 14px;
  text-align: left
}
.sns-header {
  background-color: #fff;
  text-align: center
}
.sns-header: after {
  content: ""
}
.sns-header.sp-sns .sp-sns-slide ul {
  border-bottom: 1px solid #f1f1f1
}
.sns-header.sp-sns .sp-sns-slide ul li {
  border-top: 1px solid #f1f1f1;
  text-align: left
}
.sns-header.sp-sns .sp-sns-slide ul li a {
  display: block;
  padding: 13px 13px 13px 54px;
  position: relative
}
.sns-header.sp-sns .sp-sns-slide ul li a i {

  background-repeat: no-repeat;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 17px;
  margin-top: -13px;
  background-color: #3d3d3d
}
.sns-header .sns-area,.sns-header p {
  font-size: .9em;
  margin: 0;
  font-family: HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue,"Helvetica Neue",TeXGyreHerosCnBold,Helvetica,Tahoma,Geneva,"Arial Narrow",Arial,sans-serif;
  font-stretch: condensed;
  font-weight: 600
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi) {
  .sns-header.sp-sns .sp-sns-slide ul li a i {

  background-size: 230px 178px
}

}
.sns-header.sp-sns .sp-sns-slide ul.fb-slide li a i {
  background-position: -100px -113px
}
.sns-header.sp-sns .sp-sns-slide ul.tw-slide li a i {
  background-position: -125px -112px
}
.sns-header.pc-sns .sns-board ul li a i {

  background-repeat: no-repeat;
  display: inline-block;
  width: 23px;
  height: 20px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi) {
  .sns-header.pc-sns .sns-board ul li a i {

  background-size: 230px 178px
}

}
.sns-header.pc-sns .sns-board .fb-board,.sns-header.pc-sns .sns-board .tw-board {
  display: none
}
.sns-header.pc-sns .sns-board .board-on {
  display: block
}
.sns-header.pc-sns .sns-board .tw-board li a i {
  background-position: -128px -110px
}
.sns-header.pc-sns .sns-board .fb-board li a i {
  background-position: -104px -113px
}
.sns-header p {
  color: #545454;
  padding: 6px 14px;
  text-align: left
}
.sns-header .sns-area-pc {
  display: none;
  float: right
}
.sns-header .sns-area-sp {
  display: inline-block;
  padding: 13px 0
}
.sns-header .sns-area li {
  float: left
}
.sns-header .sns-area li a {
  -webkit-transition: color .3s;
  transition: color .3s
}
.sns-header .sns-area li a: hover {
  color: #8f8f8f
}
.sns-header .sns-area li.artist-list-link {
  padding: 0 26px 0 0;
  margin: 2px 14px 0 0;
  border-right: 2px solid #3d3d3d
}
.sns-header .sns-area li.sns-btn {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;

  background-repeat: no-repeat;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  background-color: #3d3d3d;
  margin: 0 10px;
  width: 24px;
  height: 24px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi) {
  .sns-header .sns-area li.sns-btn {

  background-size: 230px 178px
}

}
.sns-header .sns-area li.sns-btn a {
  display: block;
  color: transparent;
  font-size: 0;
  width: 24px;
  height: 24px
}
.sns-header .sns-area li.sns-yt {
  background-position: -75px -112px
}
.sns-header .sns-area li.sns-yt: hover {
  background-color: #e14e42
}
.sns-header .sns-area li.sns-fb {
  background-position: -100px -113px
}
.sns-header .sns-area li.sns-fb: hover {
  background-color: #3b5998
}
.sns-header .sns-area li.sns-tw {
  background-position: -124px -112px
}
.sns-header .sns-area li.sns-tw: hover {
  background-color: #00abf0
}
@media only screen and (min-width: 768px) {
  .mobile-nav,.sns-header.sp-sns .sp-sns-slide {
  display: none
}
.sns-header .sns-area,.sns-header.pc-sns .sns-board {
  font-family: HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue,"Helvetica Neue",TeXGyreHerosCnBold,Helvetica,Tahoma,Geneva,"Arial Narrow",Arial,sans-serif;
  font-weight: 600;
  font-stretch: condensed;
  font-size: .9em
}
.global-header {
  position: relative;
  height: auto
}
.logo {
  width: 298px;
  margin: 10px 20px 9px
}
.al-header,.sns-header {
  border-top: 1px solid #d5d5d5;
  text-align: left;
  position: relative
}
.al-header p,.sns-header p {
  float: left;
  padding: 6px 7px
}
.sns-header.pc-sns .sns-board {
  display: block
}
.sns-header.pc-sns .sns-board ul {
  border: 1px solid #f1f1f1;
  background-color: #242424;
  padding: 11px 18px 13px 16px;
  position: absolute;
  z-index: 99
}
.sns-header.pc-sns .sns-board ul: before {
  content: "";
  border: 7px solid transparent;
  border-bottom: 12px solid #f1f1f1;
  position: absolute;
  right: 10px;
  top: -19px
}
.sns-header.pc-sns .sns-board ul: after {
  content: "";
  border: 7px solid transparent;
  border-bottom: 12px solid #242424;
  position: absolute;
  right: 10px;
  top: -17px
}
.sns-header.pc-sns .sns-board ul.fb-board {
  top: 40px;
  right: 61px
}
.sns-header.pc-sns .sns-board ul.tw-board {
  top: 40px;
  right: 17px
}
.sns-header.pc-sns .sns-board ul li {
  padding: 5px 0
}
.sns-header.pc-sns .sns-board ul li a {
  color: #fff;
  padding: 3px 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.sns-header.pc-sns .sns-board ul li a: hover {
  opacity: .5
}
.sns-header .sns-area-pc {
  display: block
}
.sns-header .sns-area-sp {
  display: none
}
.sns-header .sns-area {
  margin: 4px 13px 0 0
}
.sns-header .sns-area li {
  float: left
}
.sns-header .sns-area li.artist-list-link {
  padding: 0 26px 0 0;
  margin: 2px 14px 0 0
}
.sns-header .sns-area li.sns-btn {
  margin: 0 10px
}

}
@media only screen and (min-width: 1024px) {
  .logo {
  width: 411px;
  margin: 8px 22px
}
.al-header p,.sns-header p {
  padding: 6px 22px
}

}
.global-nav {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
  background: #000
}
.global-nav a {
  font-family: HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue,"Helvetica Neue",TeXGyreHerosCnBold,Helvetica,Tahoma,Geneva,"Arial Narrow",Arial,sans-serif;
  font-weight: 600;
  font-stretch: condensed
}
.global-nav.active {
  display: block
}
.global-nav .primary-nav {
  background: rgba(0,0,0,.9);
  border-top: 1px solid #fff
}
.global-nav .primary-nav: after,.global-nav .primary-nav: before {
  content: "";
  display: table
}
.global-nav .primary-item {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #fff;
  border-width: 0 0 1px
}
.mobile-search-form,.search-input {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box
}
.global-nav .primary-item .primary-item-link {
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
  display: block;
  padding: 12px 16px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase
}
.global-nav .primary-item .primary-item-link i {
  -webkit-transition: border-bottom 0 ease-in-out;
  transition: border-bottom 0 ease-in-out;
  transition-delay: .3s;
  -webkit-transition-delay: .3s
}
.global-nav .open-dropdown .primary-item-link {
  position: relative
}
.global-nav .open-dropdown .primary-item-link i {
  top: 0;
  right: 0;
  position: absolute;
  width: 48px;
  height: 100%;
  display: block;
  background: #2e2e2e;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff
}
.global-nav .open-dropdown .primary-item-link i: after {

  background-repeat: no-repeat;
  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
  content: '';
  display: block;
  width: 14px;
  height: 9px;
  margin: 20px auto 0;
  background-position: -163px -160px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi) {
  .global-nav .open-dropdown .primary-item-link i: after {

  background-size: 230px 178px
}

}
.global-nav .open-dropdown.active .primary-item-link i {
  -webkit-transition: none;
  transition: none;
  border-bottom: 1px solid rgba(49,51,53,.9)
}
.global-nav .open-dropdown.active .primary-item-link i: after {
  -webkit-transform: rotateZ(0);
  -moz-transform: rotateZ(0);
  -ms-transform: rotate(0);
  -o-transform: rotateZ(0);
  transform: rotateZ(0)
}
.global-nav .open-dropdown.active .secondary-nav {
  max-height: 1000px
}
.global-nav .primary-item-link {
  cursor: pointer
}
.global-nav .secondary-nav {
  -webkit-transition: max-height .3s ease-in-out;
  transition: max-height .3s ease-in-out;
  overflow: hidden;
  max-height: 0;
  background: rgba(49,51,53,.9)
}
.global-nav .secondary-nav.genres a {
  font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-size: .938em
}
.global-nav .secondary-item {
  border-bottom: 1px solid #747474
}
.global-nav .secondary-item: last-child {
  border-bottom: 0
}
.global-nav .secondary-item a {
  font-family: HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue,"Helvetica Neue",TeXGyreHerosCnBold,Helvetica,Tahoma,Geneva,"Arial Narrow",Arial,sans-serif;
  font-stretch: condensed;
  color: #fff;
  font-weight: 500;
  display: block;
  padding: 12px 16px;
  text-decoration: none;
  font-size: .875em;
  letter-spacing: .1em
}
.global-nav .search-form {
  display: none;
  margin: 0 8px 0 0;
  padding: 6px 0;
  float: right
}
.global-nav .search-form .search-input {
  width: 196px;
  border-radius: 4px
}
.mobile-search-form {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  background: #000;
  border-top: 1px solid #fff;
  padding: 137px 16px 0
}
.mobile-search-form.active {
  display: block
}
.mobile-search-form .search-input {
  width: 100%;
  border-bottom: 1px solid #fff;
  padding: 12px 12px 14px 40px
}
@media only screen and (min-width: 768px) {
  .global-nav {
  width: auto;
  height: auto;
  position: relative;
  display: block;
  background: #fff;
  border: 1px solid #f3f3f3;
  border-width: 1px 0
}
.global-nav: after,.global-nav: before {
  content: "";
  display: table
}
.global-nav: after {
  clear: both
}
.global-nav .primary-nav {
  background: 0 0;
  border-top: 0;
  margin: 0 0 0 8px;
  float: left
}
.global-nav .primary-item {
  float: left;
  padding: 5px 0;
  border-bottom-width: 0
}
.global-nav .primary-item: first-child .primary-item-link {
  border-left: 1px solid #f3f3f3
}
.global-nav .primary-item: nth-child(even) .primary-item-link {
  border-width: 0 1px 0 0
}
.global-nav .primary-item .primary-item-link {
  position: relative;
  color: #000;
  padding: 6px 19px 5px;
  float: left;
  border: 1px solid #f3f3f3;
  border-width: 0 1px 0 0;
  margin-bottom: 0
}
.global-nav .primary-item .primary-item-link: focus {
  outline: 0
}
.global-nav .primary-item .primary-item-link i {
  display: none;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #193092;
  background: 0 0;
  margin: 0 auto;
  top: auto;
  right: 0;
  left: 0;
  bottom: -6px
}
.global-nav .primary-item .primary-item-link i: after {
  display: none
}
.global-nav .open-dropdown {
  background: inherit
}
.global-nav .open-dropdown.active .primary-item-link {
  color: #193092
}
.global-nav .open-dropdown.active .primary-item-link i {
  display: block;
  border-bottom: 6px solid #193092
}
.global-nav .open-dropdown.active .secondary-nav {
  max-height: none;
  display: block
}
.global-nav .primary-item-link {
  font-size: .875em
}
.global-nav .secondary-nav {
  display: none;
  position: absolute;
  margin-right: 20px;
  width: 100%;
  left: 0;
  top: 42px;
  border: 1px solid #193092;
  border-width: 1px 0;
  background: rgba(49,51,53,.95);
  z-index: 90;
  padding: 16px 0
}
.global-nav .secondary-nav.genres a {
  font-size: .75em
}
.global-nav .secondary-nav i {

  background-repeat: no-repeat;
  -webkit-transition: all .2s;
  transition: all .2s;
  width: 9px;
  height: 12px;
  display: inline-block;
  margin-right: 10px;
  background-position: -216px 1px
}
.global-nav .secondary-item {
  width: 330px;
  float: left;
  border-bottom: 0
}
.global-nav .secondary-item: last-child {
  margin-bottom: 0
}
.global-nav .secondary-item a {
  padding: 11px 16px
}
.global-nav .search-form {
  padding: 3px 0;
  display: block
}

}
@media only screen and (min-width: 768px) and only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-width: 768px) and only screen and (min-resolution: 192dpi) {
  .global-nav .secondary-nav i {

  background-size: 230px 178px
}

}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2),only screen and (min-width: 768px) and (min-resolution: 192dpi) {
  .global-nav .secondary-nav i {

  background-size: 230px 178px
}

}
#artist-list-content,#artist-list-content .search-results-wrap ul li .search-results-header h2,#artist-list-content .sp-search-module label select {
  font-family: HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue,"Helvetica Neue",TeXGyreHerosCnBold,Helvetica,Tahoma,Geneva,"Arial Narrow",Arial,sans-serif;
  font-weight: 600;
  font-stretch: condensed
}
@media only screen and (min-width: 1024px) {
  .global-nav a {
  -webkit-transition: all .3s;
  transition: all .3s
}
.global-nav .primary-nav {
  margin: 0 0 0 22px
}
.global-nav .primary-item {
  padding: 6px 0 5px
}
.global-nav .primary-item: hover {
  background: inherit
}
.global-nav .primary-item: hover .primary-item-link {
  color: #193092
}
.global-nav .primary-item: hover .primary-item-link i {
  display: block
}
.global-nav .primary-item .primary-item-link {
  padding: 8px 19px
}
.global-nav .primary-item .primary-item-link i {
  bottom: -6px
}
.global-nav .secondary-nav {
  top: 48px
}
.global-nav .secondary-nav .secondary-item a {
  padding: 9px 16px
}
.global-nav .secondary-nav .secondary-item: hover a {
  color: #696b78
}
.global-nav .secondary-nav .secondary-item: hover i {
  opacity: .2
}
.global-nav .secondary-nav.genres a {
  font-size: .813em
}
.global-nav .search-form {
  margin: 0 23px 0 0;
  padding: 5px 0
}
.global-nav .search-form .search-input {
  width: 240px;
  padding: 10px 12px 10px 40px
}

}
#artist-list-content #pc-50-sel,#artist-list-content .charactor-search-selector,#artist-list-content .pc-search-module {
  display: none
}
#artist-list-content .sp-search-module {
  display: block
}
#artist-list-content .sp-search-module label {
  display: block;
  position: relative
}
#artist-list-content .sp-search-module label i {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -5px
}
#artist-list-content .sp-search-module label~label {
  margin-top: 10px
}
#artist-list-content .sp-search-module label select {
  background: none;



  width: 100%;
  height: 46px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 1px solid #000;
  padding: 10px 15px
}
#artist-list-content .sp-search-module label select.touch {
  background-color: #353739;
  color: #fff
}
#artist-list-content .sp-search-module label select.selected {
  background: #193092;
  border: 1px solid #193092;
  color: #fff
}
#artist-list-content .search-results-wrap ul li~li {
  margin-top: 50px
}
#artist-list-content .search-results-wrap ul li .search-results-header {
  padding-bottom: 19px;
  margin-bottom: 20px;
  border-bottom: 1px solid #000;
  position: relative
}
#artist-list-content .search-results-wrap ul li .search-results-header h2 {
  display: inline-block;
  border: 2px solid #000;
  width: auto;
  padding: 0 5px;
  font-size: 1rem;
  min-width: 20px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background-color: #000;
  color: #fff
}
#artist-list-content .search-results-wrap ul li .search-results-header .artist-count {
  float: right;
  margin: 0;
  font-size: 1.2em;
  position: absolute;
  right: 0;
  bottom: 16px;
  line-height: 20px
}
#artist-list-content .search-results-wrap ul li .search-results-header .artist-count .count-txt {
  font-family: HelveticaNeue-Condensed,HelveticaNeue-CondensedMedium,HelveticaNeue-Medium,HelveticaNeue,"Helvetica Neue",TeXGyreHerosCnRegular,Helvetica,Tahoma,Geneva,"Arial Narrow",Arial,sans-serif;
  font-weight: 300;
  font-stretch: normal;
  font-stretch: condensed
}
#artist-list-content .search-results-wrap ul li .search-results .artists-list: after,#artist-list-content .search-results-wrap ul li .search-results .artists-list: before {
  content: "";
  display: table
}
#artist-list-content .search-results-wrap ul li .search-results .artists-list li {
  width: 100%;
  float: left;
  position: relative;
  margin: 0 0 -1px;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
#artist-list-content .search-results-wrap ul li .search-results .artists-list li a {
  border: 1px solid #000;
  display: block;
  padding: 10px 15px;
  color: #000;
  font-size: 1em;
  line-height: 25px;
  overflow: hidden
}
#artist-list-content .search-results-wrap ul li .search-results .artists-list li a.hover {
  -webkit-transition: color .3s;
  transition: color .3s;
  color: #193092;
  border: 1px solid #193092
}
#artist-list-content .search-results-wrap ul li .search-results .artists-list li a.touch {
  background-color: #193092;
  color: #fff;
  border: 1px solid #193092
}
#artist-list-content .search-results-wrap ul li .search-results .artists-list li a .anime-border div.anime-borderB,#artist-list-content .search-results-wrap ul li .search-results .artists-list li a .anime-border div.anime-borderT {
  height: 5px
}
#artist-list-content .search-results-wrap ul li .search-results .artists-list li a .anime-border div.anime-borderL,#artist-list-content .search-results-wrap ul li .search-results .artists-list li a .anime-border div.anime-borderR {
  width: 5px
}
#artist-list-content a: not(.not).hover .anime-border div.anime-borderB,#artist-list-content a: not(.not).hover .anime-border div.anime-borderT {
  width: 100%
}
#artist-list-content a: not(.not).hover .anime-border div.anime-borderL,#artist-list-content a: not(.not).hover .anime-border div.anime-borderR {
  height: 100%
}
#artist-list-content a.select {
  background-color: #193092;
  color: #fff!important;
  border: 2px solid #193092
}
#artist-list-content .anime-border {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}
#artist-list-content .anime-border div {
  background-color: #193092;
  position: absolute;
  -webkit-transition: all .2s;
  transition: all .2s
}
#artist-list-content .anime-border div.anime-borderT {
  width: 0;
  top: 0;
  left: 0
}
#artist-list-content .anime-border div.anime-borderB {
  width: 0;
  bottom: 0;
  right: 0
}
#artist-list-content .anime-border div.anime-borderL {
  height: 0;
  bottom: 0;
  left: 0
}
#artist-list-content .anime-border div.anime-borderR {
  height: 0;
  top: 0;
  right: 0
}
@media only screen and (min-width: 768px) {
  #artist-list-content .list-selectbox-wrap .list-selectbox.hover i,#artist-list-content .list-selectbox-wrap .list-selectbox.select i,#artist-list-content .list-selectbox-wrap .list-selectbox.selected i>svg {
  fill: #fff
}
#artist-list-content .charactor-search-selector: after,#artist-list-content .list-selectbox-wrap: after,#artist-list-content .options: after,#artist-list-content .search-charactor ul: after {
  clear: both
}
#artist-list-content .module: not(.secondary) {
  padding: 35px 0
}
#artist-list-content .secondary {
  padding-left: 5%;
  padding-right: 5%
}
#artist-list-content h3 {
  font-family: HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue,"Helvetica Neue",TeXGyreHerosCnBold,Helvetica,Tahoma,Geneva,"Arial Narrow",Arial,sans-serif;
  font-weight: 600;
  font-stretch: condensed;
  font-size: 1em;
  margin: 10px auto;
  width: 90%
}
#artist-list-content .charactor-search-selector {
  width: 90%;
  margin: 0 auto 30px;
  display: block
}
#artist-list-content .charactor-search-selector: after,#artist-list-content .charactor-search-selector: before {
  content: "";
  display: table
}
#artist-list-content .charactor-search-selector a {
  width: 50%;
  box-sizing: border-box;
  border: 2px solid #000;
  padding: 10px 15px;
  float: left;
  color: #000;
  position: relative
}
#artist-list-content .charactor-search-selector a: nth-child(1) {
  border-right: 1px solid #000
}
#artist-list-content .charactor-search-selector a: nth-child(2) {
  border-left: 1px solid #000
}
#artist-list-content .charactor-search-selector a.hover,#artist-list-content .charactor-search-selector a.select {
  color: #fff;
  background-color: #353739;
  -webkit-transition: all .3s;
  transition: all .3s
}
#artist-list-content .charactor-search-selector a.selected {
  color: #fff;
  background-color: #000
}
#artist-list-content .charactor-search-selector a.selected: after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: #000 transparent transparent;
  border-width: 12px;
  margin-left: -12px
}
#artist-list-content .pc-search-module {
  display: block
}
#artist-list-content .sp-search-module {
  display: none
}
#artist-list-content .search-charactor ul {
  width: 90%;
  margin: 0 auto
}
#artist-list-content .search-charactor ul: after,#artist-list-content .search-charactor ul: before {
  content: "";
  display: table
}
#artist-list-content .search-charactor ul li {
  float: left;
  margin: 0 1.83% 7px 0;
  width: 6%
}
#artist-list-content .search-charactor ul li a {
  box-sizing: border-box;
  position: relative;
  border: 2px solid #000;
  display: inline-block;
  width: 100%;
  height: 48px;
  line-height: 45px;
  text-align: center;
  font-size: 1.5em;
  color: #000;
  -webkit-transition: all .2s;
  transition: all .2s
}
#artist-list-content .search-charactor ul li a: not(.not).hover {
  color: #193092;
  border: 2px solid #193092
}
#artist-list-content .search-charactor ul li a.not {
  cursor: default;
  opacity: .2
}
#artist-list-content .search-charactor ul li a .anime-border div.anime-borderB,#artist-list-content .search-charactor ul li a .anime-border div.anime-borderT {
  height: 3px
}
#artist-list-content .search-charactor ul li a .anime-border div.anime-borderL,#artist-list-content .search-charactor ul li a .anime-border div.anime-borderR {
  width: 3px
}
#artist-list-content .search-charactor ul li.noMarginR {
  margin-right: 0!important
}
#artist-list-content .search-charactor ul li .dummySpace {
  display: inline-block;
  height: 52px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
#artist-list-content .search-charactor ul li.numerical-symbols {
  width: 13.9%;
  height: 48px;
  box-sizing: border-box
}
#artist-list-content .search-charactor ul li.numerical-symbols a {
  height: 100%;
  border: 2px solid #000!important;
  font-size: 1em
}
#artist-list-content .list-selectbox-wrap {
  position: relative;
  margin: 20px auto 0;
  width: 90%
}
#artist-list-content .list-selectbox-wrap: after,#artist-list-content .list-selectbox-wrap: before {
  content: "";
  display: table
}
#artist-list-content .list-selectbox-wrap .list-selectbox {
  float: left;
  width: 50%;
  height: 48px;
  position: relative;
  cursor: pointer
}
#artist-list-content .list-selectbox-wrap .list-selectbox i {
  position: absolute;
  display: inline-block;
  top: 16px;
  right: 14px;
  -webkit-transition: all .3s;
  transition: all .3s
}
#artist-list-content .list-selectbox-wrap .list-selectbox.hover a,#artist-list-content .list-selectbox-wrap .list-selectbox.select a {
  color: #fff;
  background-color: #353739;
  -webkit-transition: all .3s;
  transition: all .3s
}
#artist-list-content .list-selectbox-wrap .list-selectbox.select i {
  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotateZ(180deg);
  transform: rotateZ(180deg)
}
#artist-list-content .list-selectbox-wrap .list-selectbox.selected a {
  color: #fff;
  background-color: #193092
}
#artist-list-content .list-selectbox-wrap .list-selectbox a {
  display: block;
  margin: 0;
  font-weight: 700;
  font-size: 1em;
  padding: 10px 15px;
  border: 2px solid #000;
  color: #000
}
#artist-list-content .list-selectbox-wrap .list-selectbox a.label-name {
  border-left: 1px solid #000
}
#artist-list-content .list-selectbox-wrap .list-selectbox a.genre-name {
  border-right: 1px solid #000
}
#artist-list-content .list-genres,#artist-list-content .list-labels {
  display: none;
  width: 90%;
  margin: 0 auto
}
#artist-list-content .options: after,#artist-list-content .options: before {
  content: "";
  display: table
}
#artist-list-content .options li {
  float: left;
  width: 50%;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  box-sizing: border-box
}
#artist-list-content .options li~li {
  border-left: 0
}
#artist-list-content .options li a {
  display: block;
  color: #fff;
  background-color: #353739;
  font-weight: 700;
  font-size: .78em;
  padding: 13px 15px;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: color .3s;
  transition: color .3s
}
#artist-list-content .options li a.hover {
  color: #8c8c8c
}
#artist-list-content .search-results-wrap ul li .search-results-header .artist-count {
  font-size: 1.2em
}
#artist-list-content .search-results-wrap ul li .search-results-header h2 {
  width: auto;
  height: 48px;
  text-align: center;
  line-height: 48px;
  padding: 0 14px;
  font-size: 1.5rem;
  font-weight: 700
}
#artist-list-content .search-results-wrap ul li .search-results .artists-list li {
  width: 50.1%;
  margin: 0 0 -1px -1px
}
#artist-list-content .search-results-wrap ul li .search-results .artists-list li a {
  height: 60px;
  font-size: .9em;
  line-height: 20px
}
#artist-list-content .fifty-search-pc {
  display: block
}
#artist-list-content .banners {
  padding-top: 0;
  border-top: 0;
  margin-top: 0
}

}
@media only screen and (min-width: 1024px) {
  #artist-list-content .charactor-search-selector,#artist-list-content .search-charactor ul,#artist-list-content h3 {
  width: 820px
}
#artist-list-content .search-results-wrap ul li .search-results .artists-list li {
  width: 25.09%
}
#artist-list-content .list-selectbox-wrap {
  width: 820px
}
#artist-list-content .list-selectbox-wrap .list-selectbox {
  width: 50%
}
#artist-list-content .list-genres,#artist-list-content .list-labels {
  width: 820px
}
#artist-list-content .options li {
  width: 25%
}

}
.global-footer {
  position: relative;
  overflow: hidden;
  font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-weight: 400;
  font-stretch: normal
}
.global-footer nav a {
  font-size: .75em;
  position: relative;
  display: block;
  color: #333;
  background: #fff;
  padding: 17px 16px;
  margin-bottom: 1px;
  text-decoration: none
}
.back-to-top,.global-footer nav i {
  position: absolute;
  right: 16px;
  display: block
}
.global-footer nav i {

  background-repeat: no-repeat;
  background-position: -216px -16px;
  width: 8px;
  height: 14px;
  top: 50%;
  margin-top: -7px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi) {
  .global-footer nav i {

  background-size: 230px 178px
}

}
.copyright {
  font-family: HelveticaNeue-Condensed,HelveticaNeueCondensed,HelveticaNeue,"Helvetica Neue",HelveticaNeueRoman,HelveticaNeue-Roman,"Helvetica Neue Roman",TeXGyreHerosCnRegular,Helvetica,Tahoma,Geneva,"Arial Narrow",Arial,sans-serif;
  font-weight: 400;
  font-stretch: condensed;
  font-size: .438em;
  text-align: center;
  margin: 18px 0 38px
}
.back-to-top {
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background: #000;
  bottom: 0;
  width: 40px;
  height: 40px
}
.back-to-top i,.search-icon {
  position: relative
}
.back-to-top i {
  background-image: url(../img/back-to-top.png);
  background-position: 0 9px;
  display: block;
  width: 14px;
  height: 9px;
  top: 50%;
  margin: -5px auto 0
}
.back-to-top: hover i {
  -webkit-transition: background-position .3s;
  transition: background-position .3s;
  background-position: 0 -9px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi) {
  .back-to-top i {
  background-image: url(../img/back-to-top-2x.png);
  background-size: 14px 18px
}

}
@media only screen and (min-width: 768px) {
  .global-footer {
  background: #fff
}
.global-footer.module {
  padding: 23px 36px 18px
}
.global-footer nav {
  text-align: center
}
.global-footer nav li {
  display: inline-block
}
.global-footer nav li: last-child a {
  margin-right: 0
}
.global-footer nav a {
  padding: 5px;
  margin-right: 5px;
  font-size: .719em
}
.global-footer nav a i {
  display: none
}
.copyright {
  width: 100%;
  margin: 52px 0 0;
  font-size: .5em
}
.back-to-top {
  width: 61px;
  height: 61px;
  right: 0
}
.back-to-top i {
  -webkit-transform: rotateZ(-90deg);
  -moz-transform: rotateZ(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotateZ(-90deg);
  transform: rotateZ(-90deg);

  background-repeat: repeat-x;
  width: 17px;
  height: 29px;
  margin-top: -14px;
  background-position: -17px -105px
}
.back-to-top: hover i {
  -webkit-transition: background-position .3s;
  transition: background-position .3s;
  background-position: 17px -105px
}

}
@media only screen and (min-width: 768px) and only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-width: 768px) and only screen and (min-resolution: 192dpi) {
  .back-to-top i {
  background-image: url(../img/global-arrows-large-sprite-2x.png);
  background-size: 34px 185px
}

}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2),only screen and (min-width: 768px) and (min-resolution: 192dpi) {
  .back-to-top i {
  background-image: url(../img/global-arrows-large-sprite-2x.png);
  background-size: 34px 185px
}

}
@media only screen and (min-width: 1024px) {
  .global-footer.module {
  padding: 13px 0
}
.global-footer a: hover {
  text-decoration: underline
}

}
.module {
  padding: 20px 16px
}
.module.secondary {
  background: #fff
}
.module.bottom-banner {
  padding-top: 0;
  padding-bottom: 0
}
.module .title {
  font-family: HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue,"Helvetica Neue",TeXGyreHerosCnBold,Helvetica,Tahoma,Geneva,"Arial Narrow",Arial,sans-serif;
  font-weight: 600;
  font-stretch: condensed;
  font-size: 1.2372em;
  margin: 0 0 20px;
  padding: 0 0 10px;
  text-transform: uppercase;
  border-bottom: 1px solid #d5d5d5
}
.module .title.widget-title {
  text-transform: none
}
.button,.module .title .view-more {
  text-transform: uppercase;
  text-decoration: none
}
.module .title .small {
  font-size: .75em
}
.module .title .view-more {
  display: none;
  float: right;
  font-size: .516em;
  color: #000
}
.button,.search-input {
  font-family: HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue,"Helvetica Neue",TeXGyreHerosCnBold,Helvetica,Tahoma,Geneva,"Arial Narrow",Arial,sans-serif;
  font-weight: 600;
  font-stretch: condensed;
  color: #fff
}
.module .title .view-more i {

  background-repeat: repeat-x;
  background-position: 8px -36px;
  display: inline-block;
  width: 8px;
  height: 12px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi) {
  .module .title .view-more i {

  background-size: 15px 48px
}

}
.module .view-more-mobile {
  display: block
}
@media only screen and (min-width: 768px) {
  .module {
  padding: 35px 36px
}
.module.bottom-banner {
  padding-bottom: 43px
}
.module .title {
  font-size: 1.938em;
  margin: 0 0 32px
}
.module .title .view-more {
  display: block;
  margin-top: 12px
}
.module .view-more-mobile {
  display: none
}
.columns: after,.columns: before {
  content: "";
  display: table
}
.columns: after {
  clear: both
}
.columns .one-half-column {
  width: 48.5%;
  margin: 0 1.5%;
  float: left
}
.video-section-separate.columns .one-half-column {
    width: 100%;
    margin: 0;
    float: none;
}
.columns .one-half-column: first-child {
  margin-left: 0
}
.columns .one-half-column: last-child {
  margin-right: 0
}

}
@media only screen and (min-width: 1024px) {
  .module {
  padding: 43px 0
}
.module .title {
  padding: 0 0 20px
}
.module .title .view-more: hover i {
  -webkit-transition: background-position .3s ease-in-out;
  transition: background-position .3s ease-in-out;
  background-position: 23px -36px
}

}
.center-button a,.search-icon i {
  display: inline-block
}
.center-button {
  width: 100%;
  text-align: center;
  padding: 7px 0
}
.button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: .8em;
  background: #192f92;
  padding: 11px 50px
}
.search-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-style: italic;
  font-size: .875em;
  background-color: #000;
  border: 0;
  padding: 12px 12px 12px 40px;
  -webkit-appearance: none
}
.search-icon button,.search-icon i {
  position: absolute;
  width: 25px;
  height: 25px;
  background-color: transparent;
  background-position: -187px -91px;
  background-repeat: no-repeat
}
.search-icon i {

  top: 8px;
  left: 6px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi) {
  .search-icon i {

  background-size: 230px 178px
}

}
.search-icon button {

  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  content: '';
  border: 0
}
.news .news-item .news-item-date,.news .news-item .news-title,.news-item.one-half-column .news-item .news-item-date,.news-item.one-half-column .news-item .news-title {
  font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-stretch: normal
}
.news .news-item .news-item-aside: after,.news .news-item .news-item-aside: before,.news .news-item .news-item-content: after,.news .news-item .news-item-content: before,.news .news-item: after,.news .news-item: before {
  content: "";
  display: table
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi) {
  .search-icon button {

  background-size: 230px 178px
}

}
.mobile-search-form .search-icon button {
  top: 6px;
  left: 0
}
.placeholder {
  color: #999
}
@media only screen and (min-width: 768px) {
  .search-input {
  font-size: .875em;
  padding: 8px 12px 10px 31px
}
.search-icon button {
  width: 17px;
  height: 17px;
  background-position: -163px -91px;
  top: 11px;
  left: 7px
}

}
@media only screen and (min-width: 1024px) {
  .search-input {
  padding: 12px 12px 12px 35px
}
.search-icon button {
  top: 14px;
  left: 11px
}

}
.banners {
  padding-top: 20px
}
@media only screen and (min-width: 768px) {
  .banners {
  padding-top: 31px
}
.banners li {
  width: 15%;
  margin: 0 1%;
  float: left
}
.banners li: nth-child(3n+3) {
  margin-right: 1%
}
.banners li: first-child {
  margin-left: 0
}
.banners li: last-child {
  margin-right: 0!important
}

}
.news .one-half-column {
  margin-bottom: 30px
}
.news .one-half-column: last-child {
  margin-bottom: 0
}
.news .title {
  margin: 0 0 3%
}
.news .news-item {
  margin-bottom: 12px
}
.news .news-item a {
  text-decoration: none;
  color: inherit
}
.news .news-item .news-item-aside,.news .news-item .news-item-content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  float: left
}
.news .news-item .news-item-aside: after,.news .news-item .news-item-content: after {
  clear: both
}
.news .news-item .news-item-aside {
  width: 28%;
  padding: .7% 0
}
.news .news-item .news-item-aside .tag {
  margin: 6px 0
}
.news .news-item .news-item-content {
  width: 71.9%;
  padding: .7% 0 .7% 4%;
  border-left: 2px solid #ddd
}
.news .news-item .news-item-date {
  font-weight: 600;
  display: block;
  font-size: .719em
}
.news .news-item .news-title {
  font-size: .813em;
  font-weight: 700;
  margin-bottom: 2px;
  color: #193092
}
.news .news-item .news-description {
  font-size: .75em;
  display: block;
  margin: 0
}
@media only screen and (min-width: 768px) {
  .news .one-half-column,.news .one-half-column .news-item: last-child {
  margin-bottom: 0
}
.news .news-item {
  margin-bottom: 31px
}
.news .news-item: last-of-type {
  margin-bottom: 0
}
.news .news-item .news-item-aside {
  width: 27%;
  padding: 5px 0
}
.news .news-item .news-item-content {
  width: 73%;
  padding: 5px 0 5px 18px
}
.news .news-item .news-item-date {
  font-size: .75em
}
.news .news-item .news-title {
  font-size: .875em;
  margin: 0 0 2px
}
.news .news-item .news-description {
  margin: 2px 0 0
}

}
@media only screen and (min-width: 1024px) {
  .news .news-item .news-item-aside {
  width: 20%;
  padding: 6px 0
}
.news .news-item .news-item-content {
  width: 80%;
  padding: 3px 0 3px 16px
}
.news .news-item .news-title {
  margin: 3px 0 0
}
.news .news-item .news-description {
  margin: 2px 0 6px
}
.news .news-item .news-description: hover,.news .news-item .news-title: hover {
  text-decoration: underline
}

}
.news-item.one-half-column {
  margin-bottom: 30px
}
.news-item.one-half-column .category-live-event,.news-item.one-half-column .category-media,.news-item.one-half-column .category-topics {
  display: none
}
.news-item.one-half-column .news-item .news-item-aside: after,.news-item.one-half-column .news-item .news-item-aside: before,.news-item.one-half-column .news-item .news-item-content: after,.news-item.one-half-column .news-item .news-item-content: before,.news-item.one-half-column .news-item: after,.news-item.one-half-column .news-item: before {
  display: table;
  content: ""
}
.news-item.one-half-column: last-child {
  margin-bottom: 0
}
.news-item.one-half-column .news-item {
  margin-bottom: 12px
}
.news-item.one-half-column .news-item a {
  text-decoration: none;
  color: inherit
}
.news-item.one-half-column .news-item .news-item-aside,.news-item.one-half-column .news-item .news-item-content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  float: left
}
.news-item.one-half-column .news-item .news-item-aside {
  width: 28%;
  padding: .7% 0
}
.news-item.one-half-column .news-item .news-item-aside .tag {
  margin: 6px 0
}
.news-item.one-half-column .news-item .news-item-content {
  width: 71.9%;
  padding: .7% 0 .7% 4%;
  border-left: 2px solid #aaa
}
.news-item.one-half-column .news-item .news-item-date {
  font-weight: 600;
  display: block;
  font-size: .719em
}
.news-item.one-half-column .news-item .news-title {
  font-size: .813em;
  font-weight: 700;
  margin-bottom: 2px;
  color: #193092
}
.list-item ul li,.news-item.one-half-column .news-cat-bg .news-cat,.products-carousel .btn-buy,.ranking-item ul li .ranking-right .ranking-title .ranking-no {
  font-family: HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue,"Helvetica Neue",TeXGyreHerosCnBold,Helvetica,Tahoma,Geneva,"Arial Narrow",Arial,sans-serif;
  font-stretch: condensed;
  font-weight: 600
}
.news-item.one-half-column .news-item .news-description {
  font-size: .75em;
  display: block;
  margin: 0
}
.news-item.one-half-column .news-cat-bg {
  width: 100%
}
.news-item.one-half-column .news-cat-bg .news-cat {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 26px
}
.news-item.one-half-column .news-cat-bg .news-cat: after,.news-item.one-half-column .news-cat-bg .news-cat: before {
  content: "";
  display: table
}
.news-item.one-half-column .news-cat-bg .news-cat li {
  width: 24.4%;
  box-sizing: border-box;
  float: left;
  border: 2px solid #000;
  margin-left: .6%
}
.news-item.one-half-column .news-cat-bg .news-cat li: first-child {
  width: 25%;
  margin-left: 0
}
.news-item.one-half-column .news-cat-bg .news-cat li p {
  margin: 0;
  font-size: .7em;
  padding: 8px 0;
  cursor: pointer;
  position: relative;
  background-color: #fff;
  -webkit-transition: .2s;
  transition: .2s
}
@media only screen and (min-width: 768px) {
.news-item.one-half-column .news-cat-bg .news-cat li .cat-hover {
  background-color: #000;
  color: #f9f9f9
}
}
.news-item.one-half-column .news-cat-bg .news-cat li .cat-select {
  background-color: #000;
  color: #f9f9f9
}
.news-item.one-half-column .news-cat-bg .news-cat li .cat-select: after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: #000 transparent transparent;
  border-width: 12px;
  margin-left: -12px
}
@media only screen and (min-width: 768px) {
  .news-item.one-half-column .one-half-column,.news-item.one-half-column .one-half-column .news-item: last-child {
  margin-bottom: 0
}
.news-item.one-half-column .news-item {
  margin-bottom: 31px
}
.news-item.one-half-column .news-item: last-of-type {
  margin-bottom: 0
}
.news-item.one-half-column .news-item .news-item-aside {
  width: 27%;
  padding: 5px 0
}
.news-item.one-half-column .news-item .news-item-content {
  width: 73%;
  padding: 5px 0 5px 18px
}
.news-item.one-half-column .news-item .news-item-date {
  font-size: .75em
}
.news-item.one-half-column .news-item .news-title {
  font-size: .875em;
  margin: 0 0 2px
}
.news-item.one-half-column .news-item .news-description {
  margin: 2px 0 0
}
.news-item.one-half-column .news-cat-bg .news-cat li .cat-hover span,.news-item.one-half-column .news-cat-bg .news-cat li .cat-select span {
  padding: 0 4px
}

}
@media only screen and (min-width: 1024px) {
  .news-item.one-half-column .news-item .news-item-aside {
  width: 20%;
  padding: 6px 0
}
.news-item.one-half-column .news-item .news-item-content {
  width: 80%;
  padding: 3px 0 3px 16px
}
.news-item.one-half-column .news-item .news-title {
  margin: 3px 0 0
}
.news-item.one-half-column .news-item .news-description {
  margin: 2px 0 6px
}
.news-item.one-half-column .news-item .news-description: hover,.news-item.one-half-column .news-item .news-title: hover {
  text-decoration: underline
}
.news-item.one-half-column .news-cat-bg .news-cat li p {
  font-size: 1em
}

}
.list-item ul {
  margin-bottom: 40px
}
.list-item ul li {
  width: 100%;
  font-size: .7em;
  color: #000;
  margin-bottom: 13px
}
.list-item ul li a {
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  display: block;
  text-align: center;
  background-color: #fff;
  border: 3px solid #000;
  padding: 8px 30px;
  position: relative;
  color: #000
}
.list-item ul li a: hover {
  color: #fff;
  background-color: #000
}
.list-item ul li a i {
  -webkit-transition: background-position .2s;
  transition: background-position .2s;
  position: absolute;
  top: 50%;
  left: 11px;

  background-position: -98px -138px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 24px;
  margin-top: -14px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi) {
  .list-item ul li a i {

  background-size: 230px 178px
}

}
@media only screen and (min-width: 768px) {
  .list-item ul li {
  font-size: .9em
}
.list-item ul li a {
  padding: 6px 30px
}

}
.ranking-item ul li {
  margin-bottom: 15px
}
.ranking-item ul li: after,.ranking-item ul li: before {
  content: "";
  display: table
}
.ranking-item ul li: last-child {
  margin-bottom: 0
}
.ranking-item ul li figure {
  max-width: 55px;
  max-height: 55px;
  width: 19%;
  float: left;
  margin-right: 3%;
  margin-left: 0;
  margin-top: 0
}
.ranking-item ul li figure a {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.ranking-item ul li figure a: hover {
  opacity: .7
}
.ranking-item ul li .ranking-right {
  float: left;
  width: 78%
}
.ranking-item ul li .ranking-right .ranking-title {
  margin-bottom: 7px
}
.ranking-item ul li .ranking-right .ranking-title a {
  color: #193092;
  font-size: 1.1em
}
.ranking-item ul li .ranking-right .ranking-title a: hover {
  text-decoration: underline
}
.ranking-item ul li .ranking-right .ranking-title .ranking-no {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  font-size: 1.3em;
  color: #193092;
  background-color: #fff;
  padding: 0 8px;
  margin-right: 10px;
  border: 1px solid #193092;
  display: inline-block
}
.slick-list,.slick-slider,.slick-track {
  display: block;
  position: relative
}
.ranking-item ul li .ranking-right .ranking-description {
  font-size: .8em;
  margin: 0
}
.ranking-item ul li .ranking-right .ranking-description a: hover {
  text-decoration: underline;
  color: #000
}
.ranking-item ul li: first-child .ranking-right .ranking-title .ranking-no {
  background-color: #193092;
  color: #fff
}
.ranking-item .ranking-free {
  margin: 14px 0 0;
  font-size: .813em
}
@media only screen and (min-width: 768px) {
  .ranking-item ul li figure {
  width: 15%;
  margin-right: 4%
}
.ranking-right {
  width: 81%
}

}
.slick-slider {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}
.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}
.slick-slider .slick-list,.slick-slider .slick-track {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
.slick-track {
  top: 0;
  left: 0
}
.slick-track: after,.slick-track: before {
  display: table;
  content: ''
}
.slick-slide {
  display: none;
  float: left;
  min-height: 1px
}
[dir=rtl] .slick-slide {
  float: right
}
.slick-slide img {
  display: block
}
.slick-slide.slick-loading img {
  display: none
}
.slick-slide.dragging img {
  pointer-events: none
}
.slick-initialized .slick-slide {
  display: block
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}
.slick-arrow.slick-hidden {
  display: none
}
@media only screen and (max-width: 1023px) {
  .hero-carousel button {
  display: none!important
}

}
.video-item {
  margin-bottom: 40px
}
.video-item a {
  display: inline-block;
  text-decoration: none;
  color: inherit;
  width: 100%;
  opacity: 0;
  -webkit-transition: .3s opacity;
  transition: .3s opacity
}
.video-item a: hover {
  text-decoration: underline
}
.video-item .play-video {
  margin: 0 0 8px
}
.video-item figure,.video-item iframe {
  display: block;
  border: 0;
  position: relative;
  padding: 0;
  text-align: center;
  background-color: #000
}
.video-item figure img,.video-item iframe img {
  display: inline-block;
  width: 100%
}
.video-item .video-overlay {

  background-repeat: no-repeat;
  -webkit-transition: .3s opacity;
  transition: .3s opacity;
  width: 44px;
  height: 60px;
  background-position: 0 -117px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi) {
  .video-item .video-overlay {

  background-size: 230px 178px
}

}
.video-item .video-overlay.hover-state {
  opacity: 0;
  background-position: -81px 0
}
@media only screen and (min-width: 768px) {
  .video-item {
  margin-bottom: 0
}
.video-item .video-overlay {
  width: 76px;
  height: 103px;
  background-position: 0 0
}

}
@media only screen and (min-width: 1024px) {
  .video-item .play-video {
  margin: 0 0 12px
}
.video-item a: hover .video-overlay {
  opacity: 0
}
.video-item a: hover .video-overlay.hover-state {
  opacity: 1
}

}
.hero-carousel.hero-carousel-gl {
  background-color: #000
}
.hero-carousel.hero-carousel-gl .hero-carousel-inner {
  max-width: 1024px;
  margin: 0 auto
}
.hero-carousel .slick-dots {
  width: 100%;
  position: absolute;
  bottom: 5px;
  text-align: center
}
.hero-carousel .slick-dots button {
  display: none
}
.hero-carousel .slick-dots li {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background .3s;
  transition: background .3s;
  width: 8px;
  height: 8px;
  display: inline-block;
  margin: 0 5px;
  background: rgba(238,238,238,.65);
  cursor: pointer
}
.hero-carousel .slick-dots li.slick-active {
  background: rgba(25,49,147,.86)
}
.hero-carousel .slick-item img {
  width: 100%
}
.hero-carousel .slick-buttons {
  display: none;
  width: 100%;
  position: absolute;
  top: 50%;
  margin-top: -14px
}
.hero-carousel .slick-prev {
  left: 5.1%
}
.hero-carousel .slick-next {
  right: 5.1%
}
@media only screen and (min-width: 768px) {
  .hero-carousel .slick-dots {
  bottom: 26px
}
.hero-carousel .slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0 8px
}

}
@media only screen and (min-width: 1024px) {
  .hero-carousel .slick-dots li: hover {
  background: rgba(25,49,147,.86)
}

}
.products-carousel .item {
  max-width: 336px
}
.products-carousel .item>a {
  display: block;
  text-decoration: none;
  color: inherit;
  position: relative
}
.products-carousel .item>a img {
  width: 100%
}
.products-carousel .item>a .item-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  background-color: #000;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out
}
.products-carousel .item>a .item-hover: hover {
  opacity: .7
}
.products-carousel .item>a i {
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;

  background-repeat: no-repeat;
  background-position: -185px -119px;
  position: absolute;
  top: 9px;
  right: 6px;
  width: 28px;
  height: 28px;
  opacity: 0
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi) {
  .products-carousel .item>a i {

  background-size: 230px 178px
}

}
.products-carousel .btn-buy {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: .2s;
  transition: .2s;
  font-size: .8em;
  background: #fff;
  padding: 5px 2px;
  margin: 6px 0 0;
  text-align: center;
  border: 1px solid #000;
  letter-spacing: .05em
}
.products-carousel .btn-buy: hover {
  color: #fff;
  background: #193092;
  border: 1px solid #193092
}
.products-carousel .detail-buy {
  display: none
}
.banners: after,.banners: before,.detail-buy ul: after,.detail-buy ul: before {
  display: table;
  content: ""
}
.detail-buy {
  background-color: #fff;
  border: 4px solid #eee
}
.detail-buy .detail-close,.detail-buy ul li {
  border: 1px solid #eee;
  box-sizing: border-box
}
.detail-buy .detail-close {
  height: 36px;
  position: relative
}
.detail-buy .detail-close a {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;

  background-repeat: no-repeat;
  background-position: -163px -139px;
  position: absolute;
  top: 11px;
  right: 11px;
  width: 14px;
  height: 14px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi) {
  .detail-buy .detail-close a {

  background-size: 230px 178px
}

}
.detail-buy .detail-close a: hover {
  opacity: .7
}
.detail-buy ul {
  width: 250px
}
.detail-buy ul li {
  float: left;
  width: 50%;
  height: 65px
}
#modalWrap,.modalBg {
  height: 100%;
  width: 100%
}
.detail-buy ul li a {
  display: block;
  outline: 0;
  -webkit-transition: background-color .3s;
  transition: background-color .3s
}
.detail-buy ul li a: hover {
  background-color: #eee
}
.detail-buy ul li img {
  width: 125px
}
#modalWrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999
}
#modalBtnWrap {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -217px 0 0 -129px;
  z-index: 99
}
.modalBg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,.85);
  z-index: 98
}
.products-carousel .owl-next,.products-carousel .owl-prev {
  top: 46px
}
@media only screen and (min-width: 768px) {
  .products-carousel .owl-next,.products-carousel .owl-prev {
  top: 55px
}
.products-carousel .btn-buy {
  margin: 12px 0 0;
  font-size: 1em
}

}
@media only screen and (min-width: 1024px) {
  .products-carousel {
  min-height: 315px
}
.products-carousel .owl-next,.products-carousel .owl-prev {
  top: 71px
}

}
.links-carousel .item a {
  display: block;
  margin-bottom: 12px;
  text-decoration: none;
  color: inherit
}
.links-carousel .item a: last-child {
  margin-bottom: 0
}
.links-carousel .item a img {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.links-carousel .item .caption {
  font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-weight: 400;
  font-stretch: normal;
  border-top: 1px solid #ddd;
  height: 40px;
  font-size: .438em;
  padding: 5px;
  background: #fff;
  text-align: justify
}
.links-carousel .owl-buttons>div {
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%)
}
@media only screen and (min-width: 768px) {
  .links-carousel .item .caption {
  font-size: .625em;
  height: 45px
}
.links-carousel .item a {
  margin-bottom: 31px
}

}
.slick-carousel {
  opacity: 0;
  display: none
}
.slick-carousel img {
  display: block;
  width: 100%
}
.slick-track {
  height: 0
}
.carousel.slick-carousel {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 0 12px
}
.carousel .item {
  margin: 0 6px
}
.slick-next,.slick-prev {
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent;
  background-repeat: repeat-x;
  /*-webkit-transition: top .3s;
  transition: top .3s;*/
  cursor: pointer;
  top: 50%;
  margin-top: -14px;
  position: absolute;
  width: 17px;
  height: 28px;
  z-index: 9
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi) {
  .slick-next,.slick-prev {
  background-image: url(../img/global-arrows-large-sprite-2x.png);
  background-size: 34px 185px
}

}
.slick-next: hover,.slick-prev: hover {
  -webkit-transition: background-position .3s ease-in-out;
  transition: background-position .3s ease-in-out
}
.slick-prev {
  background-position: 0 -52px;
  left: -2%
}
.slick-prev: hover {
  background-position: -34px -52px
}
.slick-next {
  background-position: -17px 0;
  right: -2%
}
.slick-next: hover {
  background-position: 17px 0
}
@media only screen and (min-width: 768px) {
  .carousel.slick-carousel {
  padding: 0 6px
}
.carousel .item {
  margin: 0 11px
}

}
.banners {
  border-top: 2px solid #ddd
}
.banners li {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  float: left
}
.banners li: nth-child(3n+3) {
  margin-right: 0
}
@media only screen and (min-width: 768px) {
  .banners {
  padding-top: 43px
}
.banners li {
  width: 15%;
  margin: 0 1%;
  float: left
}
.banners li: nth-child(3n+3) {
  margin-right: 1%
}
.banners li: first-child {
  margin-left: 0
}
.banners li: last-child {
  margin-right: 0!important
}

}
@media only screen and (min-width: 1024px) {
  .slick-prev {
  left: -2.4%
}
.slick-next {
  right: -2.4%
}
.banners a {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.banners a: hover {
  opacity: .6
}

}
.textwidget table {
  max-width: 100%!important
}
.textwidget .athletes {
  text-align: center;
  margin-bottom: 10px
}
.textwidget .athletes>.athletes-free-txt {
  margin: 0
}
.textwidget .athletes: after {
  content: "";
  display: block
}
.textwidget .athletes li {
  margin: 0 4%;
  display: inline-block;
  width: 24%
}
.textwidget .athletes li a {
  box-sizing: border-box;
  position: relative;
  display: block
}
.textwidget .athletes li a img {
  vertical-align: bottom
}
.textwidget .athletes li a: after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0 solid #193092;
  box-sizing: border-box;
  transition: border .1s;
  -webkit-transition: border .1s;
  -moz-transition: border .1s;
  -o-transition: border .1s
}
.textwidget .athletes li a: hover: after {
  border: 6px solid #193092
}
.textwidget .athletes li p {
  font-weight: 700;
  height: 30px;
  text-align: left
}
@media screen and (max-width: 768px) {
  .textwidget .athletes li {
  float: left;
  margin: 0 0 10px;
  width: 48%
}
.textwidget .athletes li: nth-child(even) {
  margin-left: 2%
}
.textwidget .athletes li: nth-child(odd) {
  margin-right: 2%
}

}
.tag {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue,"Helvetica Neue",TeXGyreHerosCnBold,Helvetica,Tahoma,Geneva,"Arial Narrow",Arial,sans-serif;
  font-stretch: condensed;
  font-size: .594em;
  font-weight: 400;
  padding: 1px 2px;
  margin: 6px 0 8px;
  color: #fff;
  background: #000;
  display: inline-block;
  text-align: center;
  min-width: 50px
}
@media only screen and (min-width: 768px) {
  .tag {
  font-size: .844em;
  padding: 0 10px;
  margin: 12px 0
}

}
.spinner {
  font-size: 10px;
  border-top: .6em solid #ccc;
  border-right: .6em solid #193092;
  border-bottom: .6em solid #193092;
  border-left: .6em solid #ccc;
  -webkit-animation: loadingAnimation 1.1s infinite linear;
  animation: loadingAnimation 1.1s infinite linear
}
.spinner,.spinner: after {
  border-radius: 50%;
  width: 3.3em;
  height: 3.3em
}
.spinner.small,.spinner.small: after {
  width: 2.5em;
  height: 2.5em;
  border-width: .4em
}
.spinner.centered {
  margin: -31px auto 0;
  top: 50%;
  position: relative
}
.spinner.centered.small {
  margin-top: -25px
}
@-webkit-keyframes loadingAnimation {
  0% {
  -webkit-transform: rotateZ(0);
  -moz-transform: rotateZ(0);
  -ms-transform: rotate(0);
  -o-transform: rotateZ(0);
  transform: rotateZ(0)
}
100% {
  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotateZ(360deg);
  transform: rotateZ(360deg)
}

}
@keyframes loadingAnimation {
  0% {
  -webkit-transform: rotateZ(0);
  -moz-transform: rotateZ(0);
  -ms-transform: rotate(0);
  -o-transform: rotateZ(0);
  transform: rotateZ(0)
}
100% {
  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotateZ(360deg);
  transform: rotateZ(360deg)
}

}
/*.hidden {
  display: none
}*/
.fadein {
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  transition-delay: .2s;
  opacity: 0
}
.fadein.in,.fadeout {
  opacity: 1
}
.fadeout {
  -webkit-transition: opacity .5s;
  transition: opacity .5s
}
.fadeout.out {
  opacity: 0
}
.ratio-container {
  position: relative;
  display: block
}
.ratio-container: after {
  content: '';
  display: block;
  height: 0;
  width: 100%
}
.ratio-container.hero-ratio: after {
  padding-bottom: 50.27%
}
.ratio-container.cover-art-ratio: after {
  padding-top: 100%
}
.ratio-container>* {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block
}
@media only screen and (min-width: 768px) {
  .ratio-container.hero-ratio: after {
  padding-bottom: 48.59%
}

}
@media only screen and (min-width: 1024px) {
  .ratio-container.hero-ratio: after {
  padding-bottom: 43.75%
}

}

.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}