/* screen */
@import url(pc.css) screen and (min-width: 1px);	/*769*/
/*@import url(tl.css) screen and (max-width:768px) and (min-width: 641px);
@import url(sp.css) screen and (max-width: 640px);
*/
/*float&clear*/
.flt-l{float:left;}
.flt-r{float:right;}
.clr{clear:both;}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/*text-align*/
.ta-r{text-align:right;}
.ta-l{text-align:left;}
.ta-c{text-align:center;}

/* font-size */
.fs-n{font-size:100%;}
.fs-s{font-size:80%;}
.fs-ss{font-size:60%;}
.fs-sss{font-size:40%;}
.fs-l{font-size:120%;}
.fs-ll{font-size:140%;}

/* h-size */
h1 {font-size:2em;}
h2 {font-size:1.8em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
h5 {font-size:1.1em;}
h6 {font-size:1em;}

/* link */
a{ 
	font-weight: 800;
	text-decoration: none;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}
a:hover{ 
	text-decoration: underline;
}
a:active{ text-decoration: none; }
a:visit{ text-decoration: none; }


/* width */
#w010{width:10%;}
#w020{width:20%;}
#w030{width:30%;}
#w040{width:40%;}
#w050{width:50%;}
#w060{width:60%;}
#w070{width:70%;}
#w080{width:80%;}
#w090{width:90%;}
#w100{width:100%;}


/* margin-bottom */
.mb08{margin-bottom:8px;}