@charset "UTF-8";

body, div, h1, h2, h3, h4, h5, h6, p, address, blockquote, pre, th, td, dl, dt, dd, ul, ol, li, form, fieldset, textarea, table {
	margin: 0;
	padding: 0;
}
html {
	width: 100%;
	height: 100%;
	font-size: 62.5%!important;
}
body {
	width: 100%;
	height: 100%;
	min-height: 100%;
	color: #000;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
	text-align: left;
	font-family: 'Lato', sans-serif, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Helvetica, Verdana;
	word-break: normal;
	word-wrap: break-word; /*IE*/
	background-color: #bcd6ce;
	background-image: url("../img/pattern.jpg");
	background-attachment: fixed;
}
* html body {
	font-size: small;/*IE6*/
	overflow: hidden;
}
*:first-child+html body {
	font-size: small;/*IE7*/
}
html>body {
	height: auto;
}
pre {
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: pre-wrap; /* CSS3 */
}
ul, ol {
	list-style: none;
}
table {
	border-collapse: collapse;
	line-height: 1.37;
}
table caption, table th, table td {
	vertical-align: top;
}
a:link, a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {
	border: 0;
}
input {
	line-height: normal;
}
/* clearfix */
.pkg:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.pkg {
	display: inline-block;
}
/* no ie mac \*/
* html .pkg {
	height: 1%;
}
.pkg {
	display: block;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }


/* */
/*footer*/
div#footer:after {
	content: "";
}

.sp {
	display: none;
}
.pc {
	display: block;
}
@media (max-width: 750px) {
	a:hover {
		text-decoration: none;
	}
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
}