/* ------------------------------------------------------------------
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;
  }

  a {
     text-decoration: none;
   }
   

  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;}