/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
input[type="checkbox"] {
    opacity:0;
    -webkit-appearance: none;
    appearance: none;
/*     position: absolute;
	left:0; */
  }

  input[type="checkbox"] + span::before {
    display: inline-block;
    content: '';
    width: 24px;
    height: 24px;
      background:#fff;
	position:absolute;
	  left:0;
	  top:-2px;
  }
  input[type="checkbox"]:checked + span::before {
    background-image: url("../img/check.svg");
    background-repeat: no-repeat;
    background-position: 1px 4px;
      background-size:90%;
  }
a{transition:.5s;}
a:hover{
	opacity:.7;
	transition:.5s;
}
/* ----------------------------------------------------------------------
  レスポンシブで無効にする
  ---------------------------------------------------------------------- */
  @media (max-width: 1050px) {
    .none_1050 {
      display: none;
    }
  }
  @media (max-width: 950px) {
    .none_950 {
      display: none;
    }
  }
  
  @media (max-width: 900px) {
    .none_900 {
      display: none;
    }
  }
  
  @media (max-width: 850px) {
    .none_850 {
      display: none;
    }
  }
  
  @media (max-width: 800px) {
    .none_800 {
      display: none;
    }
  }
  
  @media (max-width: 750px) {
    .none_750 {
      display: none;
    }
  }
  
  @media (max-width: 700px) {
    .none_700 {
      display: none;
    }
  }
  
  @media (max-width: 650px) {
    .none_650 {
      display: none;
    }
  }
  
  @media (max-width: 600px) {
    .none_600 {
      display: none;
    }
  }
  
  @media (max-width: 550px) {
    .none_550 {
      display: none;
    }
  }
  
  @media (max-width: 500px) {
    .none_500 {
      display: none;
    }
  }
  
  @media (max-width: 450px) {
    .none_450 {
      display: none;
    }
  }
  
  @media (max-width: 400px) {
    .none_400 {
      display: none;
    }
  }
  
  @media (max-width: 350px) {
    .none_350 {
      display: none;
    }
  }
  
  /* ----------------------------------------------------------------------
    レスポンシブでONにする
  ---------------------------------------------------------------------- */
  .on_1050 {
    display: none;
  }
  
  @media (max-width: 1050px) {
    .on_1050 {
      display: block;
    }
  }
  
  .on_950 {
    display: none;
  }
  
  @media (max-width: 950px) {
    .on_950 {
      display: block;
    }
  }
  
  .on_900 {
    display: none;
  }
  
  @media (max-width: 900px) {
    .on_900 {
      display: block;
    }
  }
  
  .on_850 {
    display: none;
  }
  
  @media (max-width: 850px) {
    .on_850 {
      display: block;
    }
  }
  
  .on_800 {
    display: none;
  }
  
  @media (max-width: 800px) {
    .on_800 {
      display: block;
    }
  }
  
  .on_750 {
    display: none;
  }
  
  @media (max-width: 750px) {
    .on_750 {
      display: block;
    }
  }
  
  .on_700 {
    display: none;
  }
  
  @media (max-width: 700px) {
    .on_700 {
      display: block;
    }
  }
  
  .on_650 {
    display: none;
  }
  
  @media (max-width: 650px) {
    .on_650 {
      display: block;
    }
  }
  
  .on_600 {
    display: none;
  }
  
  @media (max-width: 600px) {
    .on_600 {
      display: block;
    }
  }
  
  .on_550 {
    display: none;
  }
  
  @media (max-width: 550px) {
    .on_550 {
      display: block;
    }
  }
  
  .on_500 {
    display: none;
  }
  
  @media (max-width: 500px) {
    .on_500 {
      display: block;
    }
  }
  
  .on_450 {
    display: none;
  }
  
  @media (max-width: 450px) {
    .on_450 {
      display: block;
    }
  }
  
  .on_400 {
    display: none;
  }
  
  @media (max-width: 400px) {
    .on_400 {
      display: block;
    }
  }
  
  .on_370 {
    display: none;
  }
  
  @media (max-width: 370px) {
    .on_370 {
      display: block;
    }
  }
  
  .on_350 {
    display: none;
  }
  
  @media (max-width: 350px) {
    .on_350 {
      display: block;
    }
  }