/* ------------------------------------------------------------------

INDEX
-00 reset
-01 common

------------------------------------------------------------------ */

/* ------------------------------------------------------------------


00 reset




------------------------------------------------------------------ */
@font-face {
  font-family: 'iconfonts';
  src:url('../fonts/iconfonts.eot?qaucbb');
  src:url('../fonts/iconfonts.eot?#iefixqaucbb') format('embedded-opentype'),
    url('../fonts/iconfonts.woff?qaucbb') format('woff'),
    url('../fonts/iconfonts.ttf?qaucbb') format('truetype'),
    url('../fonts/iconfonts.svg?qaucbb#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
@import url(https://fonts.googleapis.com/css?family=Karla);
body,html{width:100%;}
body,div,section,
dl,dt,dd,ul,ol,
h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,
p,blockquote,pre,th,td {
     margin:0;
     padding:0;
     box-sizing: border-box;
}
img{
     position:bottom;
}
h1,h2,h3,h4,h5,h6 {
     font-size:100%;
     font-weight:normal;
}
ul {
     list-style:none;
}
h1,h2,h3,h4,h5,h6,
p,li {
     line-height:100%;
}

table {
     font-size:100%;
     border-collapse:collapse;
     border-spacing:0;
}
fieldset,img,abbr,acronym {
     border:0;
}
address,caption,cite,code,dfn,em,var {
     font-style:normal;
     font-weight:normal;
}
img {
     vertical-align:bottom;
}
q:before,q:after {
     content:'';
}

/* ----------------------------------
font reset
---------------------------------- */
body{
     font:13px/1.231;
     *font-size:small;
     *font:x-small;
     color:#666;
     font-family: 'Karla',Noto Sans Japanese, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;;
}
select,
input,
button,
textarea,
button{
     font:99% arial,helvetica,clean,sans-serif;
     font-family: 'Karla',Noto Sans Japanese, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;;
}
input:focus {
    outline: none;
}
table{
     font-size:inherit;
     font:100%;
}
pre,
code,
kbd,
samp,
tt{
    font-family: 'Karla', sans-serif;
     *font-size:108%;
     line-height:100%;
}
input[type="text"],
input[type="password"],
textarea,
select {
    outline:none;
  }
/* ----------------------------------
clearfix
---------------------------------- */
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.v-middle{
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
}
.y-middle{
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  position: absolute;
}

a{
  text-decoration: none;
  transition-duration:0.3s;
  color:#04c;
}
a:hover{
  opacity: 0.6;
}

*{box-sizing: border-box;}