@charset "utf-8";

/* =================================
base
================================= */
* {
  box-sizing: border-box;
}
html,body {
  width: 100%;
  height: 100%;
  min-width: 1024px;
}
html {
  font-size: 62.5%;
}

/*body {
  @extend %font;
}*/

a {
  opacity: 1;
  color: $color-base01;
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  line-height: 1.4;
}
ul,
li {
  padding: 0;
  margin: 0;
  list-style: none;
}
button{
	background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}
/* =================================
汎用クラスの定義
================================= */
.float-l {
  float: left;
}
.float-r {
  float: right;
}
.inner-wrap {
  width: $base-width;
  margin: 0 auto;
}
.is-sp-only {
  display: none!important;
}
.att {
  padding-left: 1em;
  text-indent: -1em;
}


@media screen and (max-width: 767px) {
  /* =================================
  base
  ================================= */
  html,body {
    min-width: 320px;
  }
  /* =================================
  汎用クラスの定義
  ================================= */
  .inner-wrap {
    width: 100%;
  }
  .is-sp-only {
    display: block!important;
  }
  .is-pc-only {
    display: none!important;
  }
  .float-l,.float-r {
    float: none;
  }
}