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