@charset "UTF-8";@font-face{font-family:"IcoMoon";src:url(/original/tokyounited/asset/font/icomoon.ttf?-iqmjyq) format("truetype"),url(/original/tokyounited/asset/font/icomoon.svg?-iqmjyq#icomoon) format("svg");font-weight:normal;font-style:normal;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background-color:transparent;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}h1{font-size:2em;margin:0.67em 0;}mark{background:#ff0;color:#000;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}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;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}.button,.button--primary,.button--important,.button--itunes,.button--rss{display:inline-block;vertical-align:top;word-spacing:normal;*display:inline;*zoom:1;-moz-appearance:none;-webkit-appearance:none;appearance:none;box-sizing:border-box;padding:0.75em 1.75em;border:1px solid #E0E0E0;border-radius:4px;color:#616161!important;background-color:#FAFAFA;line-height:1;text-align:center;text-decoration:none;vertical-align:bottom;cursor:pointer;white-space:nowrap;transition:0.3s;}.button:focus,.button--primary:focus,.button--important:focus,.button--itunes:focus,.button--rss:focus,.button:hover,.button--primary:hover,.button--important:hover,.button--itunes:hover,.button--rss:hover,.button:active,.button--primary:active,.button--important:active,.button--itunes:active,.button--rss:active{text-decoration:none;outline:0;}.button:focus,.button--primary:focus,.button--important:focus,.button--itunes:focus,.button--rss:focus,.button:hover,.button--primary:hover,.button--important:hover,.button--itunes:hover,.button--rss:hover{background-image:linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.05));}.button:active,.button--primary:active,.button--important:active,.button--itunes:active,.button--rss:active{background-image:linear-gradient(rgba(0,0,0,0.15),rgba(0,0,0,0.15));}.button[disabled],[disabled].button--primary,[disabled].button--important,[disabled].button--itunes,[disabled].button--rss{background-image:none;color:#9E9E9E;cursor:not-allowed;}.button--primary{border-color:#01579B;color:#FAFAFA!important;background-color:#039BE5;}.button--important{border-color:#D32F2F;color:#FAFAFA!important;background-color:#E53935;}.button--itunes:before{display:inline-block;font-family:"IcoMoon";speak:none;font-style:normal;font-variant:normal;font-weight:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e608";margin-right:0.5em;}.button--rss:before{display:inline-block;font-family:"IcoMoon";speak:none;font-style:normal;font-variant:normal;font-weight:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e607";margin-right:0.5em;}fieldset{margin:0;padding:0;border:0;}
.field--text {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.field-label {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  display: block;
  font-weight: bold;
}

.field-items {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  word-spacing: -1em;
  table-layout: fixed;
  display: block\9;
  *display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

.field-items li,
.field-items span {
  display: inline-block;
  vertical-align: top;
  word-spacing: normal;
  *display: inline;
  *zoom: 1;
  line-height: 1.5;
  margin-top: 0.75em;
  margin-bottom: 1.5em;
}

.field--text input,
.field--text textarea {
  width: 100%;
  box-sizing: border-box;
  padding-top: 14px;
  padding-bottom: 7.5px;
  border-bottom: 1px solid #9E9E9E;
  border-left: 0;
  border-radius: 0;
  border-right: 0;
  border-top: 0;
  color: #9E9E9E;
  background: transparent;
  font-family: monospace;
  font-size: 1.125rem;
  line-height: 1.5;
}

.field--text input:focus,
.field--text textarea:focus {
  border-bottom-color: #558B2F;
  color: #212121;
  box-shadow: 0 1px 0 0 #558B2F;
  outline: none;
  transition: 0.5s;
}

.field--text input[disabled],
.field--text textarea[disabled] {
  border-bottom-color: #BDBDBD;
  border-bottom-style: dashed;
  color: #BDBDBD;
}

.field--select label {
  display: inline-block;
  vertical-align: top;
  word-spacing: normal;
  *display: inline;
  *zoom: 1;
  padding-bottom: 4px;
  overflow: hidden;
  position: relative;
  font-weight: 300;
}

.field--select label:before {
  display: block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #616161;
  position: absolute;
  top: 50%;
  left: 4px;
  z-index: 2;
  content: '';
}

.field--select select {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
  line-height: 1.375;
  width: 100%;
  box-sizing: border-box;
  padding-top: 14px;
  padding-bottom: 7.5px;
  border-bottom: 1px solid #9E9E9E;
  border-left: 0;
  border-radius: 0;
  border-right: 0;
  border-top: 0;
  color: #9E9E9E;
  background: transparent;
  font-family: monospace;
  font-size: 1.125rem;
  line-height: 1.5;
  width: 120%;
  padding-left: 24px;
}

.field--select select:focus {
  border-bottom-color: #558B2F;
  color: #212121;
  box-shadow: 0 1px 0 0 #558B2F;
  outline: none;
  transition: 0.5s;
}

.field--select select[disabled] {
  border-bottom-color: #BDBDBD;
  border-bottom-style: dashed;
  color: #BDBDBD;
}

.field--radio {
  padding-top: 12px;
}

.field--radio .field-items li,
.field--radio .filed-items span {
  margin-right: 1em;
  position: relative;
}

.field--radio label {
  padding-left: 24px;
  cursor: pointer;
  vertical-align: baseline;
}

.field--radio label:before,
.field--radio label:after {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.334;
  margin-top: -1px;
  position: absolute;
  top: 0;
  left: 0;
  color: #9E9E9E;
  transition: 0.5s;
}

.field--radio label:before {
  color: #9E9E9E;
}

.field--radio label:after {
  color: #03A9F4;
}

.field--radio label:before {
  display: inline-block;
  font-family: "IcoMoon";
  speak: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e616";
}

.field--radio label:after {
  display: inline-block;
  font-family: "IcoMoon";
  speak: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e615";
}

.field--radio input {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
}

.field--radio input+label:before {
  opacity: 1;
}

.field--radio input+label:after {
  opacity: 0;
}

.field--radio input:checked+label:before {
  opacity: 0;
}

.field--radio input:checked+label:after {
  opacity: 1;
}

.field--checkbox {
  padding-top: 12px;
}

.field--checkbox .field-items li,
.field--checkbox .filed-items span {
  margin-right: 1em;
  position: relative;
}

.field--checkbox label {
  padding-left: 24px;
  cursor: pointer;
  vertical-align: baseline;
}

.field--checkbox label:before,
.field--checkbox label:after {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.334;
  margin-top: -1px;
  position: absolute;
  top: 0;
  left: 0;
  color: #9E9E9E;
  transition: 0.5s;
}

.field--checkbox label:before {
  color: #9E9E9E;
}

.field--checkbox label:after {
  color: #03A9F4;
}

.field--checkbox label:before {
  display: inline-block;
  font-family: "IcoMoon";
  speak: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e614";
}

.field--checkbox label:after {
  display: inline-block;
  font-family: "IcoMoon";
  speak: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e613";
}

.field--checkbox input {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
}

.field--checkbox input+label:before {
  opacity: 1;
}

.field--checkbox input+label:after {
  opacity: 0;
}

.field--checkbox input:checked+label:before {
  opacity: 0;
}

.field--checkbox input:checked+label:after {
  opacity: 1;
}

.navigator {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  *display: block;
  margin-top: 80px;
}

@media only all and (min-width: 300px) {
  .navigator {
    margin-top: 48px;
    margin-right: 3.125%;
    margin-left: 3.125%;
  }
}

.navigator figure {
  display: table-cell;
  *display: inline;
  *zoom: 1;
  margin: 0;
  padding-right: 2em;
  vertical-align: top;
}

@media only all and (min-width: 300px) {
  .navigator figure {
    display: block;
    width: 100%;
    padding-right: 0;
    text-align: center;
  }
}

@media only all and (min-width: 600px) {
  .navigator figure {
    display: table-cell;
    *display: inline;
    *zoom: 1;
    width: auto;
    padding-right: 2em;
  }
}

.navigator figure img {
  width: 120px;
  height: 120px;
  border-radius: 999em;
  border: 2px solid #E0E0E0;
}

@media only all and (min-width: 300px) {
  .navigator figure img {
    width: 96px;
    height: 96px;
  }
}

.navigator .text {
  display: table-cell;
  *display: inline;
  *zoom: 1;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.715;
}

@media only all and (min-width: 300px) {
  .navigator .text {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.334;
    display: block;
  }
}

@media only all and (min-width: 600px) {
  .navigator .text {
    display: table-cell;
    *display: inline;
    *zoom: 1;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.715;
  }
}

.navigator .text h2,
.navigator .text h3 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 0;
}

a {
  color: #0288D1;
  text-decoration: none;
}

a:active,
a:focus,
a:hover {
  border-bottom-color: #BDBDBD;
  color: #01579B;
}

@media only all and (min-width: 600px) {
  .archives+.navigator {
    max-width: 576px;
    margin-right: auto;
    margin-left: auto;
  }
}

address,
em,
cite,
i {
  font-style: normal;
}

.attention {
  color: #C62828;
}

.note {
  font-size: smaller;
}

ul.note {
  padding-left: 0;
  list-style: none;
}

@media only all and (min-width: 300px) {
  ul.note li {
    padding-left: 1em;
    text-indent: -1em;
  }
}

@media only all and (min-width: 300px) {
  ul.note li:before {
    content: '\203B';
  }
}

.entry-body> :first-child {
  margin-top: 0;
}

.entry-body h1,
.entry-body h2,
.entry-body h3 {
  margin-top: 2em;
  border-bottom-color: #E0E0E0;
  border-bottom-style: solid;
}

.entry-body h1,
.entry-body h2 {
  border-bottom-width: 4px;
}

.entry-body h3 {
  border-bottom-width: 1px;
}

.entry-body dl {
  margin: 0;
}

.entry-body dt {
  margin-top: 1em;
  font-weight: bold;
}

.entry-body dd {
  margin-left: 0;
}

.entry-body figure {
  margin: 0;
}

.entry-body hr {
  width: 15%;
  margin: 4em auto 3.938em;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.entry-body blockquote {
  margin-top: 2em;
  margin-right: 0;
  margin-bottom: 2em;
  margin-left: 1em;
  font-family: "Hiragino Mincho ProN", "游明朝体", "Yu Mincho", "MS PGothic", sans-serif;
}

.entry-body blockquote>footer {
  color: #757575;
  font-size: 0.875em;
  line-height: 1.143;
}

.entry-body img {
  max-width: 100%;
  height: auto;
}

.entry-body table {
  width: 100%;
  margin-top: 2em;
  margin-bottom: 2em;
}

.entry-body th,
.entry-body td {
  padding: 8px;
  border-bottom: 1px solid #E0E0E0;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}

.entry-body thead th {
  border-bottom-width: 2px;
  font-weight: bold;
}

.entry-body .button,
.entry-body .button--primary,
.entry-body .button--important,
.entry-body .button--itunes,
.entry-body .button--rss,
.entry-body [class*="button--"] {
  margin-top: 1em;
  margin-bottom: 1em;
}

.entry-body .button:active,
.entry-body .button--primary:active,
.entry-body .button--important:active,
.entry-body .button--itunes:active,
.entry-body .button--rss:active,
.entry-body .button:focus,
.entry-body .button--primary:focus,
.entry-body .button--important:focus,
.entry-body .button--itunes:focus,
.entry-body .button--rss:focus,
.entry-body .button:hover,
.entry-body .button--primary:hover,
.entry-body .button--important:hover,
.entry-body .button--itunes:hover,
.entry-body .button--rss:hover,
.entry-body [class*="button--"]:active,
.entry-body [class*="button--"]:focus,
.entry-body [class*="button--"]:hover {
  color: #212121;
}

.entry-body .button--primary:active,
.entry-body .button--primary:focus,
.entry-body .button--primary:hover,
.entry-body .button--important:active,
.entry-body .button--important:focus,
.entry-body .button--important:hover {
  color: #FAFAFA;
}

.entry-body .cetenr {
  text-align: center;
}

.entry-body .right {
  text-align: right;
}

.entry-body .left {
  text-align: left;
}

.entry-body .mt-0 {
  margin-top: 0;
}

.entry-body .mt-s {
  margin-top: 0.5em;
}

.entry-body .mt-m {
  margin-top: 1em;
}

.entry-body .mt-l {
  margin-top: 2em;
}

.entry-body .mb-0 {
  margin-bottom: 0;
}

.entry-body .mb-s {
  margin-bottom: 0.5em;
}

.entry-body .mb-m {
  margin-bottom: 1em;
}

.entry-body .mb-l {
  margin-bottom: 2em;
}

html,
body {
  width: 100%;
  height: 100%;
  position: relative;
}

html {
  color: #212121;
  background-color: #F5F5F5;
  font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "Meiryo", "MS PGothic", sans-serif;
  font-size: 100%;
  line-height: 1.75;
}

html a {
  color: #0288D1;
  text-decoration: underline;
}

html a:active,
html a:focus,
html a:hover {
  color: #01579B;
  text-decoration: none;
}

.document {
  width: 768px;
  margin: 0 auto;
}

@media only all and (min-width: 300px) {
  .document {
    width: 100%;
    margin: 0;
    overflow: hidden;
    overflow-y: auto;
  }
}

.cover {
  margin-top: 32px;
  padding-top: 32px;
  padding-bottom: 32px;
  border-top: 1px solid #BDBDBD;
  border-bottom: 1px solid #BDBDBD;
}

@media only all and (min-width: 300px) {
  .cover {
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    *display: block;
    width: 100%;
    height: 60vh;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    position: relative;
    color: #FAFAFA;
    background-color: #212121;
    background-image: url("/original/tokyounited/asset/img/bg--billboard.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  }
}

@media only all and (min-width: 300px) {
  .cover .contents {
    display: table-cell;
    *display: inline;
    *zoom: 1;
    padding: 96px 3.125% 32px;
    vertical-align: bottom;
  }
}

@media only all and (min-width: 600px) {
  .cover .contents {
    padding-top: 40%;
  }
}

@media only all and (min-width: 768px) {
  .cover .contents {
    padding-top: 10% !important;
  }
}

@media only all and (min-width: 980px) {
  .cover .contents {
    padding-right: 10%;
    padding-left: 10%;
  }
}

.cover h1 {
  margin-top: 0;
  margin-bottom: 0;
}

.cover h1.site-name {
  font-family: 'Halant', serif;
  font-weight: 300;
}

.cover h1.site-name b {
  display: inline-block;
  vertical-align: top;
  word-spacing: normal;
  *display: inline;
  *zoom: 1;
  font-weight: 500;
}

@media only all and (min-width: 300px) {
  .cover h1.site-name {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.143;
  }
}

@media only all and (min-width: 600px) {
  .cover h1.site-name {
    font-size: 52px;
    font-size: 3.25rem;
    line-height: 1.077;
  }
}

.cover h1.category-name {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.143;
  font-family: "Roboto Condensed", "Avenir Next Condensed", "Hiragino Kaku Gothic ProN", "Segoe UI", "Meiryo", "MS PGothic", sans-serif;
  font-weight: normal;
}

@media only all and (min-width: 768px) {
  .cover h1.category-name {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.5;
  }
}

.cover h1.category-name b {
  display: inline-block;
  text-transform: uppercase;
}

.cover h1.entry-title {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.143;
}

.cover .onair {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.334;
  margin-top: 0;
  margin-bottom: 0;
  color: #616161;
  font-family: "Roboto Condensed", "Avenir Next Condensed", "Hiragino Kaku Gothic ProN", "Segoe UI", "Meiryo", "MS PGothic", sans-serif;
  text-transform: uppercase;
}

@media only all and (min-width: 300px) {
  .cover .onair {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    color: #F5F5F5;
  }
}

@media only all and (min-width: 600px) {
  .cover .onair {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

.cover .category {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.167;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 4px;
  padding-bottom: 36px;
  font-family: "Roboto Condensed", "Avenir Next Condensed", "Hiragino Kaku Gothic ProN", "Segoe UI", "Meiryo", "MS PGothic", sans-serif;
}

.cover .category b {
  display: inline-block;
  text-transform: uppercase;
}

.cover .published {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.334;
  margin-top: 0;
  margin-bottom: 0;
  color: #616161;
  font-size: 18px;
}

@media only all and (min-width: 300px) {
  .cover .published {
    color: #EEEEEE;
  }
}

@media only all and (min-width: 600px) {
  .cover .description {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.143;
    max-width: 488px;
  }
}

.cover .description :last-child {
  margin-bottom: 0;
}

.cover .description a {
  color: #FAFAFA;
  text-shadow: none;
}

.body {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}

@media only all and (min-width: 300px) {

  .body>.entry-body,
  .body>.message-form {
    margin-top: 48px;
    margin-right: 3.125%;
    margin-left: 3.125%;
  }
}

@media only all and (min-width: 600px) {

  .body>.entry-body,
  .body>.message-form {
    max-width: 576px;
    margin-right: auto;
    margin-left: auto;
  }
}

.body>.no-entries {
  padding-top: 48px;
}

.sidebar {
  margin-top: 64px;
}

@media only all and (min-width: 300px) {
  .sidebar {
    color: inherit;
    background-color: #FAFAFA;
  }
}

@media only all and (min-width: 300px) {
  .sidebar> :last-child {
    padding-bottom: 72px;
  }
}

.sidebar nav,
.sidebar .subnav {
  font-family: "Roboto Condensed", "Avenir Next Condensed", "Hiragino Kaku Gothic ProN", "Segoe UI", "Meiryo", "MS PGothic", sans-serif;
}

.sidebar nav ul,
.sidebar .subnav ul {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  border-bottom: 1px solid #BDBDBD;
}

.sidebar nav li,
.sidebar .subnav li {
  display: block;
}

.sidebar nav a,
.sidebar .subnav a {
  display: block;
  padding: 0.25em 0.5em;
  border-top: 1px solid #BDBDBD;
  border-bottom: 1px solid transparent;
  color: #0288D1;
  text-decoration: none;
}

@media only all and (min-width: 300px) {

  .sidebar nav a,
  .sidebar .subnav a {
    padding-right: 48px;
    position: relative;
  }
}

.sidebar nav a:active,
.sidebar nav a:focus,
.sidebar nav a:hover,
.sidebar .subnav a:active,
.sidebar .subnav a:focus,
.sidebar .subnav a:hover {
  border-bottom-color: #BDBDBD;
  color: #01579B;
}

@media only all and (min-width: 300px) {

  .sidebar nav a:after,
  .sidebar .subnav a:after {
    display: inline-block;
    font-family: "IcoMoon";
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e601";
    width: 32px;
    height: 32px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    right: 0;
    color: #BDBDBD;
    text-align: center;
    font-size: 32px;
    line-height: 32px;
  }
}

.sidebar nav b,
.sidebar .subnav b {
  display: inline-block;
}

.subnav h2,
.comments h1 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.334;
  margin-top: 24px;
  margin-bottom: 16px;
}

@media only all and (min-width: 300px) {

  .subnav h2,
  .comments h1 {
    margin-right: 3.125%;
    margin-left: 3.125%;
  }
}

@media only all and (min-width: 300px) {
  .subnav li a {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.334;
  }
}

.subnav li b {
  text-transform: uppercase;
}

@media only all and (min-width: 300px) {
  .comments .contents {
    margin-right: 3.125%;
    margin-left: 3.125%;
  }
}

@media only all and (min-width: 300px) {
  .comments div.gig-comments-container * {
    font-family: inherit;
    font-size: 12px !important;
  }
}

.footer {
  margin-top: 64px;
  padding-top: 32px;
  padding-bottom: 96px;
  border-top: 1px solid #BDBDBD;
}

.footer .jwave {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.334;
  text-align: center;
}

@media only all {
  .footer {
    margin-top: 32px;
    padding-bottom: 32px;
  }
}

@media only all and (min-width: 950px) {
  .footer {
    padding-bottom: 96px;
  }
}

.sponsored {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.334;
  margin-top: 32px;
  margin-bottom: 32px;
  color: #9E9E9E;
}

@media only all and (min-width: 300px) {
  .sponsored {
    margin-right: 3.125%;
    margin-left: 3.125%;
  }
}

@media only all and (min-width: 600px) {
  .sponsored {
    max-width: 576px;
    margin-right: auto;
    margin-left: auto;
  }
}

.sponsored a {
  display: inline-block;
  padding: 1em 0;
  *display: inline;
  *zoom: 1;
}

.sponsored img {
  display: block;
}

@media only all and (min-width: 300px) {
  .sponsored img {
    max-width: 100%;
    height: auto;
  }
}

html {
  display: none;
}

html.js--noscript {
  display: block;
}

.js--loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  color: #212121;
  background-color: #fff;
}

.js--loading:before {
  display: inline-block;
  font-family: "IcoMoon";
  speak: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  display: inline-block;
  width: 48px;
  height: 48px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 48px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  animation: rotate 1.5s linear infinite;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.js--site-name {
  display: none;
}

@media only all and (min-width: 300px) {
  .js--site-name {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 2.667;
    display: block;
    padding: 8px;
    position: absolute;
    top: 1%;
    left: 1%;
    z-index: 100;
    color: #212121;
    background: transparent;
    font-family: "Roboto Condensed", "Avenir Next Condensed", "Hiragino Kaku Gothic ProN", "Segoe UI", "Meiryo", "MS PGothic", sans-serif;
    font-weight: bold;
    text-decoration: none;
    transition: 0.25s;
  }

  .js--site-name:active,
  .js--site-name:focus,
  .js--site-name:hover {
    border-radius: 999em;
    color: #000;
    background-color: rgba(255, 255, 255, 0.15);
    outline: none;
  }
}

.js--toggle-sidebar {
  display: none;
}

@media only all and (min-width: 300px) {
  .js--toggle-sidebar {
    display: block;
    width: 48px;
    height: 48px;
    padding: 8px;
    position: absolute;
    top: 1%;
    right: 1%;
    z-index: 100;
    overflow: hidden;
    border: 0;
    border-radius: 999em;
    color: #212121;
    background: transparent;
  }

  .js--toggle-sidebar:active,
  .js--toggle-sidebar:focus,
  .js--toggle-sidebar:hover {
    color: #000;
    outline: none;
  }

  .js--toggle-sidebar:before {
    display: inline-block;
    font-family: "IcoMoon";
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e600";
    font-size: 32px;
    font-size: 2rem;
    width: 32px;
    height: 32px;
    text-align: center;
  }
}

.js--toggle-sidebar.jme {
  font-size: 12px;
  font-size: 0.75rem;
  width: 60px;
  height: 60px;
  font-family: "Roboto Condensed", "Avenir Next Condensed", "Hiragino Kaku Gothic ProN", "Segoe UI", "Meiryo", "MS PGothic", sans-serif;
  line-height: 1;
  text-align: center;
}

.js--toggle-sidebar.jme:before {
  content: "\f086";
  width: 44px;
  height: auto;
}

@media only all and (min-width: 300px) {
  .sidebar {
    width: 272px;
    height: 100%;
    margin-top: 0;
    position: fixed;
    top: 0;
    right: -272px;
    z-index: 1;
    overflow: hidden;
    overflow-y: auto;
    transition: right 0.25s;
  }
}

body {
  left: 0;
  overflow-y: auto;
  transition: left 0.25s;
}

@media only all and (min-width: 300px) {
  .js--sidebar-open {
    left: -272px;
    overflow-y: hidden;
  }
}

@media only all and (min-width: 300px) {
  .js--sidebar-open .sidebar {
    right: 0;
  }
}

@media only all and (min-width: 300px) {
  .js--sidebar-open .js--toggle-sidebar {
    right: 0;
  }
}

.cover .description--jktu {
  *zoom: 1;
}

.cover .description--jktu:before,
.cover .description--jktu:after {
  display: table;
  content: "";
}

.cover .description--jktu:after {
  clear: both;
}

@media only all and (min-width: 300px) {
  .cover .description--jktu {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.334;
    margin-top: 2em;
    margin-bottom: 2em;
    text-shadow: none;
  }
}

.cover .description--jktu .navigator {
  float: left;
  width: 98px;
  height: 98px;
  margin: 0;
}

.cover .description--jktu .navigator img {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 999em;
  border: 1px solid #F5F5F5;
}

.cover .description--jktu .navigator figcaption {
  font-size: 10px;
  font-size: 0.625rem;
  margin-top: 0.5em;
  line-height: 1;
  text-align: center;
}

.cover .description--jktu .about-onair {
  margin-left: 122px;
  padding: 0.5em 1em;
  position: relative;
  border-radius: 4px;
  color: #424242;
  background-color: #F5F5F5;
}

.cover .description--jktu .about-onair:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -2.5px;
  position: absolute;
  top: 50%;
  left: -16px;
  border-style: solid;
  border-width: 5px 16px 5px 0;
  border-color: transparent #fff transparent transparent;
  content: "";
}

.cover .description--jktu h2 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.334;
  margin-top: 0;
  margin-bottom: 0;
}

@media only all and (min-width: 300px) {
  .cover .description--jktu h2 {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.143;
  }
}

@media only all and (min-width: 600px) {
  .cover .description--jktu h2 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.334;
  }
}

.cover .description--jktu p {
  margin-bottom: 0;
}

.cover .description--jktu h2+p {
  margin-top: 0;
}

.cover .menubar ul {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.143;
  list-style: none;
  margin-top: 1em;
  /*margin-bottom: 0;*/
  padding-left: 0;
}

.cover .menubar li {
  display: inline-block;
  vertical-align: top;
  word-spacing: normal;
  *display: inline;
  *zoom: 1;
  margin-right: 1.143em;
}

.cover .menubar a {
  text-shadow: 1px 1px 8px black;
}

@media only all and (min-width: 300px) {
  .cover .menubar a {
    display: inline-block;
    vertical-align: top;
    word-spacing: normal;
    *display: inline;
    *zoom: 1;
    height: 24px;
    padding: 4px;
    border-radius: 999em;
    color: #FAFAFA;
    line-height: 32px;
  }
}

.cover .menubar a:before {
  display: inline-block;
  font-family: "IcoMoon";
  speak: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25em;
  font-size: 24px;
  line-height: 1;
  vertical-align: middle;
  text-shadow: none;
}

@media only all and (min-width: 300px) {
  .cover .menubar li:nth-of-type(1) a:before {
    color: #689F38;
    content: "\e605";
  }
}

@media only all and (min-width: 300px) {
  .cover .menubar li:nth-of-type(2) a:before {
    /* color: #F57F17; */
    /* content: "\e607"; } } */
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20d%3D%22M453.2%20112L523.8%20112L369.6%20288.2L551%20528L409%20528L297.7%20382.6L170.5%20528L99.8%20528L264.7%20339.5L90.8%20112L236.4%20112L336.9%20244.9L453.2%20112zM428.4%20485.8L467.5%20485.8L215.1%20152L173.1%20152L428.4%20485.8z%22%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    color: transparent;
    width: 24px;
    height: 24px;
    content: "";
  }
}


@media only all and (min-width: 300px) {
  .cover .menubar li:nth-of-type(3) a:before {
    /* color: #0288D1; */
    /* content: "\e609"; } } */
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20d%3D%22M290.4%20275.7C274%20286%20264.5%20304.5%20265.5%20323.8C266.6%20343.2%20278.2%20360.4%20295.6%20368.9C313.1%20377.3%20333.8%20375.5%20349.6%20364.3C366%20354%20375.5%20335.5%20374.5%20316.2C373.4%20296.8%20361.8%20279.6%20344.4%20271.1C326.9%20262.7%20306.2%20264.5%20290.4%20275.7zM432.7%20207.3C427.5%20202.1%20421.2%20198%20414.3%20195.3C396.2%20188.2%20356.7%20188.5%20331.2%20188.8C327.1%20188.8%20323.3%20188.9%20320%20188.9C316.7%20188.9%20312.8%20188.9%20308.6%20188.8C283.1%20188.5%20243.8%20188.1%20225.7%20195.3C218.8%20198%20212.6%20202.1%20207.3%20207.3C202%20212.5%20198%20218.8%20195.3%20225.7C188.2%20243.8%20188.6%20283.4%20188.8%20308.9C188.8%20313%20188.9%20316.8%20188.9%20320C188.9%20323.2%20188.9%20327%20188.8%20331.1C188.6%20356.6%20188.2%20396.2%20195.3%20414.3C198%20421.2%20202.1%20427.4%20207.3%20432.7C212.5%20438%20218.8%20442%20225.7%20444.7C243.8%20451.8%20283.3%20451.5%20308.8%20451.2C312.9%20451.2%20316.7%20451.1%20320%20451.1C323.3%20451.1%20327.2%20451.1%20331.4%20451.2C356.9%20451.5%20396.2%20451.9%20414.3%20444.7C421.2%20442%20427.4%20437.9%20432.7%20432.7C438%20427.5%20442%20421.2%20444.7%20414.3C451.9%20396.3%20451.5%20356.9%20451.2%20331.3C451.2%20327.1%20451.1%20323.2%20451.1%20319.9C451.1%20316.6%20451.1%20312.8%20451.2%20308.5C451.5%20283%20451.9%20243.6%20444.7%20225.5C442%20218.6%20437.9%20212.4%20432.7%20207.1L432.7%20207.3zM365.6%20251.8C383.7%20263.9%20396.2%20282.7%20400.5%20304C404.8%20325.3%20400.3%20347.5%20388.2%20365.6C382.2%20374.6%20374.5%20382.2%20365.6%20388.2C356.7%20394.2%20346.6%20398.3%20336%20400.4C314.7%20404.6%20292.5%20400.2%20274.4%20388.1C256.3%20376%20243.8%20357.2%20239.5%20335.9C235.2%20314.6%20239.7%20292.4%20251.7%20274.3C263.7%20256.2%20282.6%20243.7%20303.9%20239.4C325.2%20235.1%20347.4%20239.6%20365.5%20251.6L365.6%20251.6zM394.8%20250.5C391.7%20248.4%20389.2%20245.4%20387.7%20241.9C386.2%20238.4%20385.9%20234.6%20386.6%20230.8C387.3%20227%20389.2%20223.7%20391.8%20221C394.4%20218.3%20397.9%20216.5%20401.6%20215.8C405.3%20215.1%20409.2%20215.4%20412.7%20216.9C416.2%20218.4%20419.2%20220.8%20421.3%20223.9C423.4%20227%20424.5%20230.7%20424.5%20234.5C424.5%20237%20424%20239.5%20423.1%20241.8C422.2%20244.1%20420.7%20246.2%20419%20248C417.3%20249.8%20415.1%20251.2%20412.8%20252.2C410.5%20253.2%20408%20253.7%20405.5%20253.7C401.7%20253.7%20398%20252.6%20394.9%20250.5L394.8%20250.5zM544%20160C544%20124.7%20515.3%2096%20480%2096L160%2096C124.7%2096%2096%20124.7%2096%20160L96%20480C96%20515.3%20124.7%20544%20160%20544L480%20544C515.3%20544%20544%20515.3%20544%20480L544%20160zM453%20453C434.3%20471.7%20411.6%20477.6%20386%20478.9C359.6%20480.4%20280.4%20480.4%20254%20478.9C228.4%20477.6%20205.7%20471.7%20187%20453C168.3%20434.3%20162.4%20411.6%20161.2%20386C159.7%20359.6%20159.7%20280.4%20161.2%20254C162.5%20228.4%20168.3%20205.7%20187%20187C205.7%20168.3%20228.5%20162.4%20254%20161.2C280.4%20159.7%20359.6%20159.7%20386%20161.2C411.6%20162.5%20434.3%20168.3%20453%20187C471.7%20205.7%20477.6%20228.4%20478.8%20254C480.3%20280.3%20480.3%20359.4%20478.8%20385.9C477.5%20411.5%20471.7%20434.2%20453%20452.9L453%20453z%22%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    color: transparent;
    width: 24px;
    height: 24px;
    content: "";
  }
}

.topics h1,
.programs h1,
.about h1 {
  font-family: "Roboto Condensed", "Avenir Next Condensed", "Hiragino Kaku Gothic ProN", "Segoe UI", "Meiryo", "MS PGothic", sans-serif;
  text-transform: uppercase;
}

@media only all and (min-width: 300px) {

  .topics>.contents>h1,
  .programs>.contents>h1,
  .about>.contents>h1 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 2;
  }
}

@media only all and (min-width: 600px) {

  .topics>.contents>h1,
  .programs>.contents>h1,
  .about>.contents>h1 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
    margin-top: 1em;
    margin-bottom: 0.5em;
  }
}

.js--musiclick {
  margin-top: 32px;
  margin-bottom: 32px;
}

@media only all and (min-width: 300px) {
  .js--musiclick {
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}

@media only all and (min-width: 300px) {
  .topics {
    margin-right: 3.125%;
    margin-left: 3.125%;
  }
}

@media only all and (min-width: 300px) {
  .topics>.contents>h1 {
    margin-right: 0;
    margin-left: 0;
  }
}

@media only all and (min-width: 768px) {
  .topics .entries {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    word-spacing: -1em;
    table-layout: fixed;
    display: block\9;
    *display: block;
  }
}

@media only all and (min-width: 768px) {
  .topics .entries section {
    display: inline-block;
    vertical-align: top;
    word-spacing: normal;
    *display: inline;
    *zoom: 1;
    width: 47.5%;
  }
}

@media only all and (min-width: 768px) {
  .topics .entries section:nth-of-type(even) {
    padding-left: 2.5%;
  }
}

@media only all and (min-width: 768px) {
  .topics .entries section:nth-of-type(odd) {
    padding-right: 2.5%;
  }
}

.topics .entry-body {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.715;
  padding-top: 32px;
  padding-bottom: 32px;
  border-top: 1px solid #BDBDBD;
}

@media only all and (min-width: 768px) {
  .topics .entry-body {
    padding-top: 0;
    border-top: 0;
  }
}

.topics .entry-body h1 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: 0;
  text-transform: none;
}

@media only all and (min-width: 300px) {

  .topics .entry-body .button,
  .topics .entry-body .button--primary,
  .topics .entry-body .button--important,
  .topics .entry-body .button--itunes,
  .topics .entry-body .button--rss,
  .topics .entry-body [class*="button--"] {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}

.topics .entry-body img,
.topics .entry-body object,
.topics .entry-body iframe {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

@media only all and (min-width: 600px) {
  .programs {
    margin-right: 3.125%;
    margin-left: 3.125%;
  }
}

@media only all and (min-width: 300px) {
  .programs>.contents>h1 {
    margin-right: 3.125%;
    margin-left: 3.125%;
  }
}

@media only all and (min-width: 600px) {
  .programs>.contents>h1 {
    margin-right: 0;
    margin-left: 0;
  }
}

.programs ul {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  border-bottom: 1px solid #BDBDBD;
  font-family: "Roboto Condensed", "Avenir Next Condensed", "Hiragino Kaku Gothic ProN", "Segoe UI", "Meiryo", "MS PGothic", sans-serif;
}

@media only all and (min-width: 768px) {
  .programs ul {
    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    column-gap: 2em;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}

.programs li {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  display: block;
}

.programs li br {
  display: none;
}

.programs li b {
  display: inline-block;
  text-transform: uppercase;
}

@media only all and (min-width: 768px) {
  .programs li b {
    white-space: nowrap;
  }
}

.programs a {
  display: block;
  padding: 0.25em 0.5em;
  border-top: 1px solid #BDBDBD;
  border-bottom: 1px solid transparent;
  text-decoration: none;
}

@media only all and (min-width: 300px) {
  .programs a {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.143;
    padding-right: 32px;
    position: relative;
  }
}

@media only all and (min-width: 600px) {
  .programs a {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.334;
  }
}

.programs a:active,
.programs a:focus,
.programs a:hover {
  border-bottom-color: #BDBDBD;
  color: #01579B;
}

@media only all and (min-width: 300px) {
  .programs a:after {
    display: inline-block;
    font-family: "IcoMoon";
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e601";
    width: 32px;
    height: 32px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    right: 0;
    color: #BDBDBD;
    text-align: center;
    font-size: 32px;
    line-height: 32px;
  }
}

.programs .onair {
  padding-right: 1em;
}

@media only all and (min-width: 300px) {
  .programs .onair {
    display: block;
    padding-left: 0;
  }
}

.programs .sponsor {
  display: inline-block;
}

@media only all and (min-width: 300px) {
  .about>.contents>h1 {
    margin-right: 3.125%;
    margin-left: 3.125%;
  }
}

.about .navigator {
  margin-top: 0;
}

@media only all and (min-width: 980px) {
  .about .navigator .text {
    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    column-gap: 2em;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}

.musiclick header {
  position: relative;
}

.musiclick header h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Roboto Condensed", "Avenir Next Condensed", "Hiragino Kaku Gothic ProN", "Segoe UI", "Meiryo", "MS PGothic", sans-serif;
}

@media only all and (min-width: 300px) {
  .musiclick header h1 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 2;
  }
}

@media only all and (min-width: 600px) {
  .musiclick header h1 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
  }
}

.musiclick header button {
  display: block;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 0;
  overflow: hidden;
  border: 0;
  background: transparent;
}

.musiclick header button:active,
.musiclick header button:focus,
.musiclick header button:hover {
  outline: none;
}

.musiclick header button:before {
  display: inline-block;
  font-family: "IcoMoon";
  speak: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 32px;
}

.tracks {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  word-spacing: -1em;
  table-layout: fixed;
  display: block\9;
  *display: block;
}

@media only all and (min-width: 768px) {
  .tracks {
    margin-top: 24px;
  }
}

.track {
  display: inline-table;
  border-collapse: collapse;
  border-spacing: 0;
  word-spacing: -1em;
  table-layout: fixed;
  *display: inline;
  *zoom: 1;
  width: 50%;
  margin-top: 16px;
}

@media only all and (min-width: 300px) {
  .track {
    display: block;
    width: 100%;
  }
}

@media only all and (min-width: 768px) {
  .track {
    display: table-cell;
    width: 50%;
  }
}

@media only all and (min-width: 768px) {
  .track:nth-of-type(even) {
    padding-left: 10px;
  }
}

@media only all and (min-width: 768px) {
  .track:nth-of-type(odd) {
    padding-right: 10px;
  }
}

.track .text,
.track figure {
  display: table-cell;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  word-spacing: normal;
}

.track .text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.143;
  padding-right: 5%;
}

@media only all and (min-width: 300px) {
  .track .text {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.334;
    padding-right: 0;
  }
}

@media only all and (min-width: 600px) {
  .track .text {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.143;
  }
}

@media only all and (min-width: 768px) {
  .track .text {
    padding-right: 5%;
  }
}

@media only all and (min-width: 980px) {
  .track .text {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}

.track .text h3 {
  margin-top: 0;
  font-weight: normal;
  font-size: 100%;
  letter-spacing: -0.025em;
}

.track .text h3 b {
  display: inline-block;
  font-weight: bold;
}

.track .text .artist {
  display: block;
  padding-top: 0.25em;
}

.track .text .submit {
  display: inline-block;
  vertical-align: top;
  word-spacing: normal;
  *display: inline;
  *zoom: 1;
  padding: 0.25em 1.5em;
  position: relative;
  overflow: hidden;
  border-radius: 999em;
  border: 1px solid #0288D1;
  color: #0288D1;
  background-color: transparent;
}

.track .text .submit:hover {
  background-color: #eee;
}

.track .text .submit .progress {
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #0288D1;
  transition: width 0.8s;
}

.track .text .submit .contents {
  position: relative;
  z-index: 2;
}

.track .text .submit input {
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.track .text .submit.js--is-loading {
  color: #F5F5F5;
}

.track .text .submit.js--is-loading .progress {
  width: 100%;
}

.track figure {
  width: 124px;
  margin: 0;
  padding-right: 5%;
}

@media only all and (min-width: 300px) {
  .track figure {
    width: 96px;
  }
}

@media only all and (min-width: 600px) {
  .track figure {
    width: 160px;
  }
}

.track figure img {
  display: block;
  width: 100%;
  height: auto;
}

@media only all and (min-width: 600px) {
  .archives {
    max-width: 576px;
    margin-right: auto;
    margin-left: auto;
  }
}

.archives h2 {
  font-family: "Roboto Condensed", "Avenir Next Condensed", "Hiragino Kaku Gothic ProN", "Segoe UI", "Meiryo", "MS PGothic", sans-serif;
  margin-bottom: 0;
}

@media only all and (min-width: 300px) {
  .archives h2 {
    margin-right: 3.125%;
    margin-left: 3.125%;
  }
}

@media only all and (min-width: 600px) {
  .archives h2 {
    margin-right: auto;
    margin-left: auto;
    padding-right: 8px;
    padding-left: 8px;
  }
}

.archive-list {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  border-bottom: 1px solid #BDBDBD;
}

.archive-list li {
  display: block;
}

.archive-list a {
  display: block;
  padding: 0.25em 0.5em;
  border-top: 1px solid #BDBDBD;
  border-bottom: 1px solid transparent;
  color: #0288D1;
  text-decoration: none;
}

@media only all and (min-width: 300px) {
  .archive-list a {
    padding-right: 48px;
    position: relative;
  }
}

.archive-list a:active,
.archive-list a:focus,
.archive-list a:hover {
  border-bottom-color: #BDBDBD;
  color: #01579B;
}

@media only all and (min-width: 300px) {
  .archive-list a:after {
    display: inline-block;
    font-family: "IcoMoon";
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e601";
    width: 32px;
    height: 32px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    right: 0;
    color: #BDBDBD;
    text-align: center;
    font-size: 32px;
    line-height: 32px;
  }
}

@media only all and (min-width: 300px) {
  .archive-list a time {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.334;
  }
}

.archives-footer {
  margin-top: 48px;
}

@media only all and (min-width: 300px) {
  .archives-footer {
    margin-top: 24px;
    margin-right: 3.125%;
    margin-left: 3.125%;
  }
}

.archives-footer a {
  display: block;
}

.about-podcast {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.334;
}

.about-podcast [class*="button--"] {
  min-width: 176px;
}

.message-form {
  margin-top: 64px;
}

.message-form .description {
  padding-bottom: 32px;
}

.message-form h4 {
  margin-top: 64px;
  border-bottom: 2px solid #616161;
}

.message-form .submit-field {
  margin-top: 64px;
  padding-top: 32px;
  border-top: 1px solid #BDBDBD;
  text-align: center;
}

.message-form .field--select label {
  min-width: 30%;
}

.message-form .field--zip input,
.message-form .field--age input {
  width: 30%;
}

#gigyaShare {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  word-spacing: -1em;
  table-layout: fixed;
  display: block\9;
  *display: block;
  margin-top: 0.5em;
  position: relative;
  text-shadow: none;
}

@media only all and (min-width: 768px) {
  #gigyaShare:after {
    font-size: 12px;
    font-size: 0.75rem;
    display: block;
    font-family: 'Halant', serif;
    line-height: 1;
    word-spacing: normal;
    content: 'Photo from J-Wave Studio @ Roppongi Hills Tower 33rd Floor';
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  }
}

.gig-share-bar-container {
  display: inline-block;
  vertical-align: top;
  word-spacing: normal;
  *display: inline;
  *zoom: 1;
  margin-top: 5px;
  margin-left: 1em;
}

@media only all and (min-width: 300px) {
  .gig-share-bar-container {
    margin-top: 0;
    margin-left: 0;
  }
}

@media only all and (min-width: 600px) {
  .gig-share-bar-container {
    margin-top: 5px;
    margin-left: 1em;
  }
}

@media only all {
  body {
    padding-bottom: 0 !important;
  }

  #commonFooter {
    display: none !important;
  }
}

@media only all and (min-width: 950px) {
  #commonFooter {
    display: block !important;
  }
}

@media print {

  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  pre,
  blockquote {
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .button,
  .button--primary,
  .button--important,
  .button--itunes,
  .button--rss,
  [class*="button--"] {
    color: #000 !important;
  }

  .sidebar,
  .js--toggle-sidebar,
  #gigyaShare {
    display: none;
  }
}

/*# sourceMappingURL=jktu.css.map */