@charset "utf-8";
/* CSS Document */

/*
YUI 3.14.1 (build 63049cb)
Copyright 2013 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 {
  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
}

/*################ フォント指定 #################*/

/* @import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css); */

body {
  font-family: 'Noto Sans JP', sans-serif;
}

html {
  font-size: 62.5%;
  /* sets the base font to 10px for easier math */
}

body {

  letter-spacing: 0.1em;
  line-height: 1.8;
  /* sets the default sizing to make sure nothing is actually 10px */
}


/*################ リンク #################*/
a {
  text-decoration: none;
}

/*################ クリア #################*/
.cf:after {
  content: ".";
  /* 新しい要素を作る */
  display: block;
  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.cf {
  min-height: 1px;
}

* html .cf {
  height: 1px;
  /*\*/
  /*/
  height: auto;
  overflow: hidden;
  /**/
}

/*################ 画像下の隙間消し #################*/
img {
  max-width: 100%;
  vertical-align: bottom;
  /* 画像下の隙間消し */
}

/*################ ボックスサイジング #################*/
* {
  box-sizing: border-box;
}

/*################ モーダル展開時スクロール禁止 #################*/
/*html, body {
  overflow: auto;
  height: 100%;
}*/

/*################ PCスマホ表示切替 #################*/

.none {
  display: none;
}


.pc {
  display: block !important;
}

.tbpc {
  display: block !important;
}

.sp {
  display: none !important;
}

@media screen and (max-width: 769px) {
  .tbpc {
    display: block !important;
  }

  .tb-none {
    display: none !important;
  }
}

@media screen and (max-width: 480px) {
  .pc {
    display: none !important;
  }

  .tbpc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }

  .sp-none {
    display: none !important;
  }
}