@charset "UTF-8";
/******************
 * リセット
 ******************/
/**
 * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
 * http://cssreset.com/
 * Copyright 2012 Yahoo! Inc. All rights reserved.
 * 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;
}
/*to enable resizing for IE*/
input, textarea, select {
  *font-size: 100%;
}
legend {
  color: #000;
}
#yui3-css-stamp.cssreset {
  display: none;
}


/*********************************************************/
/* reset add
---------------------------------------------------------*/
* {
  box-sizing: border-box;
  /* overflow: hidden;*/
  margin: 0;
  padding: 0;
}
a:hover img {
	filter: brightness(1.1);
}
html {
  font-family: 'メイリオ', Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'HiraKakuProN-W3', YuGothic, 'Yu Gothic', sans-serif;
  font-size: 62.5%;
  font-weight: 500;
  background-color: transparent;
  background-image: none;
  opacity: 1;
}
body {
 font-size: 1.4rem;
 line-height:1.6;
}
@media (max-width:767px){
body {
 font-size: 1.3rem;
 line-height:1.6;
	
  /*font-family: "Helvetica Neue",Arial,sans-serif;*/
    /*"Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,*/
}
}

/* Google Material Icons
--------------------------------------------*/
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-moz-font-feature-settings: 'liga';
-moz-osx-font-smoothing: grayscale;
/*display: inline-flex;*/
display: inline;
vertical-align: -20%;
}




	
/* PC SP 表示切り替え
---------------------------------------------------------*/
@media (min-width:768px) {
  .is-pc, .pcOnly {
    display: block;
  }
  .is-sp, .spOnly {
    display: none;
  }
	
	}
@media (max-width:767px) {
  .is-pc, .pcOnly {
    display: none;
  }
.is-sp, .spOnly {
    display: block;
  }
	
}

/* PC smp 表示切り替え
---------------------------------*/
.pcNone{
display: none;
}
.spNone{
display: block;
}
@media screen and (max-width:767px) {
.pcNone{
display: block;
}
.spNone{
display: none;
}
}