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

/* reset */

*{ margin: 0; padding: 0;}

li{ list-style: none;}

img{
	border: 0;
	vertical-align: bottom;
	}

a { outline: none;}

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
    font-family: 'Lato', 'Arial', sans-serif;
	line-height: 1;
	}

/* contents */
body{
	 font-family: 'Lato', 'Arial', sans-serif;
	font-size: 13px;
	color: #333;
	line-height: 1.4;
	vertical-align: bottom;
	white-space: normal;
	-webkit-text-size-adjust: none;
	}

a {
	color: #000;
	text-decoration: none;
	}

a:hover {
	color: #000;
	text-decoration: none;
	}
a:hover img,
a.trans:hover img{
	opacity: 0.7;
		filter: alpha(opacity=70);
		-moz-opacity:0.700;
	background: #FFF;
	}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	}

section{ clear: both;}

.btn{
	display: inline-block;
	font-weight: bold;
	padding: 7px 20px;
	background: #d4b883;
	color: #fff;
	border: none;
	cursor: pointer;
	}
a.btn:hover{
	color: #fff;
	}

.bold{ font-weight: bold;}
.lh12{ line-height: 1.2 !important;}
.f12{ font-size: 12px;}
.f15{ font-size: 15px;}
.f20{ font-size: 20px;}
.w100{ width: 100%;}

/* clearfix */

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

.cf {
  min-height: 1px;
}

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