@charset "UTF-8"

html{
  position: relative;
  height: 100%;
  font-size: 62.5%;
}

body{
  font-family: unset;
  position: relative;
  height: 100%;
}


body #wrapper{
font-family: -apple-system-body, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", "貂ｸ繧ｴ繧ｷ繝�け Medium", "Yu Gothic Medium", "繝｡繧､繝ｪ繧ｪ", meiryo,"serif","Yu mincho", sans-serif;
}

a {
  outline: none;
}

#global_header {
  display: block;
}

#nav_sp {
  display: none;
}

#global_footer {
  display: block;
}

.footer_sp {
  display: none;
}

.clearfix {
  display: block;
  margin: 0;
  padding: 0;
}
/*clearfix*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-table;
}
/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

a{
text-decoration: none;
}

hr {
  border-top: 0px;
}

.radiko {
  font-size: 1.2rem;
      margin: 0;
      padding: 0;
      font-weight: bold;
      background-repeat: no-repeat;
      padding-left: 0px;
      background-position: left;
      line-height: 2;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      background: #fff;
      width: 100%;
      padding: 0.5em;
}

.radiko a {
  color: #6d1a3f;
letter-spacing: 0.05em;
}

.radiko_narrow{
display: none;
}

/* ///////////////////////////////// *//* ///////////////////////////////// */
@media screen and (max-width: 820px) {

  body {
      font-family: -apple-system-body, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", "貂ｸ繧ｴ繧ｷ繝�け Medium", "Yu Gothic Medium", "繝｡繧､繝ｪ繧ｪ", meiryo, sans-serif;
      position: relative;
      height: 100%;
    }

    .clearfix {
      display: block;
      margin: 0;
      padding: 0;
    }

    #global_header {
      display: none;
    }

    #nav_sp {
      display: block;
    }

    #global_footer {
      display: none;
    }

    .footer_sp {
      display: block;
      position:relative;
      margin-top: -30px;
    }

.radiko {
  display: none;
}

    .radiko_narrow{
      display: block;
          width: 100%;
          position: relative;
    }

    .radiko_narrow img {
      width: 100%;
    }

}