@charset "UTF-8";

/****************************
  font
****************************/
body {
  font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-size: 100%;
  color: #3c3033;

}
html {
  font-size: 62.5%;
  /* 16px x 0.625 = 10px(=1rem) */
}
body {
  font-size: 15px;
  color: #333;
  line-height: 1.8;
  text-align: center;
}
a{
  color: inherit;
  text-decoration: none;
}
a:hover{
  text-decoration: none;
}
a img:hover{
  opacity: 0.8;
  transition: 0.5s;
}



/****************************
  useful
****************************/

/* clear
-------------------------- */
.cl {
  display: block;
  min-height: 1%;
}
.cl:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
* html .cl {
  height: 1%;
  /*\*/
  /*/height: auto;overflow: hidden;/**/
}
.clears {
  display: block;
  clear: both;
  height: 0px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0px;
}