@charset "UTF-8"

html{
  position: relative;
  height: 100%;
}

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;
}

.radiko {
  font-size: 12px;
  height: 24px;
  width: 230px;
  margin: 0;
  padding: 0;
  font-weight: bold;
  background-image: url(/images/radiko_icon.gif);
  background-repeat: no-repeat;
  padding-left: 100px;
  background-position: left;
  line-height: 2;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  margin-top: 5px;
}

.radiko a:link {
  color: #00a7e9;
  text-decoration: none;
}

.radiko a:visited {
  color: #00a7e9;
  text-decoration: none;
}

.radiko a:hover {
  text-decoration: underline;
}

.radiko a:active {
  text-decoration: none;
}

.radiko_narrow {
  display: none;
}

.radiko_sp {
  display: none;
}

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

  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;
    }


    * {zoom:1;}
    .radikolink::after{ content: ""; display: block; clear: both;}
    .bigbox::after{ content: ""; display: block; clear: both;}
  
  .radiko { display: none!important; }
  
  .radiko_sp {
  display: block;
  width: 100%;
  position: relative;
  }
  
  .radiko_sp a img {
  position: relative;
  width: 100%;
  height: auto;
  }
  
  .radiko_narrow {
    display: block;
    width: 100%;
    position: relative;
  }
  
  .radiko_narrow a img {
  position: relative;
  width: 100%;
  height: auto;
  }

  
    #header img{
        margin-top: -3px;

    }

}