@charset "utf-8";

* {
    margin:0px;
    padding:0px;
    border:0px;
  }

html {
  height:100%;
  overflow-y:scroll;
}

body {
  width:100%;
  font-size:18px;
  color:#555;
  font-family: "Zen Maru Gothic", sans-serif;
  letter-spacing:0.05em;
  line-height:1.5em;
}

a {
  color:#000;
  text-decoration:underline;
  transition: 0.50s;
}
a:hover {
  color:#9e005d;
  text-decoration:none;
  transition: 0.50s;
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}

.pc {
  display:inline;
}
.sp {
  display:none;
}

.frame {
  margin:0 auto;
  width:1200px;
  min-width:1200px;
}

.ViewOFF {
  display:none;
}


/* ------------------------------------------------------------ */
/*   For SmartPhones                                            */
/* ------------------------------------------------------------ */
@media print, screen and (max-width: 640px) {

body {
  min-width:100%;
  font-size:14px;
}

.pc {
  display:none;
}
.sp {
  display:inline;
}

.frame {
  margin:0 auto;
  width:100%;
  min-width:100%;
}



}