@import url(font.css);
/*-------------------------------------
        セレクタの不要CSSをリセット
  -------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li,
form, label, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 16px;
  vertical-align: baseline;
  font-weight: normal;
}

h1, h2, h3, h4, h5, h6, p, li, th, td, a {
    -webkit-font-smoothing: antialiased;
}


body {
  line-height: 1.5em;
}

img {
  /*pointer-events: none;*/
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


/*-------------------------------------
        フォームパーツのCSSリセット              
  -------------------------------------*/
input[type="email"],
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="button"],
input[type="radio"],
select {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

input[type="email"]::-webkit-search-decoration,
input[type="text"]::-webkit-search-decoration,
input[type="password"]::-webkit-search-decoration,
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="radio"]::-webkit-search-decoration,
select::-webkit-search-decoration {
  display: none;
}

input[type="email"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="radio"]:focus,
select:focus {
  outline-offset: -2px;
  outline: none;
}

button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}


/*------------------
  float
------------------*/
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

.left {
  float: left;
}

.right {
  float: right;
}

.left_c {
  float: left;
}

.right_c {
  float: right;
}

.vpc {
  display: block !important;
}

.vsp {
  display: none !important;
}


@media (max-width: 500px) {

  /*------------------
    float
  ------------------*/
  .left_c {
    float: none;
  }

  .right_c {
    float: none;
  }

  .vpc {
    display: none !important;
  }

  .vsp {
    display: block !important;
  }

}