@charset "UTF-8";

/*================================================
 *  一般・共通設定
 ================================================*/

body {
	width:100%;
	margin:0 auto;
	font-size:1.2rem;
	font-weight:600;
	color:#8c7464;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	line-height:1.6;
	letter-spacing:-1px;
	background:url(../images/body_bg.jpg);
	-webkit-text-size-adjust: 100%;
}

a {
	color:#685548;
	text-decoration:none;
}
a:hover {
	color:#e78f00;
}
a:hover img {
 opacity: 0.8;
 filter: alpha(opacity=80);
 -moz-opacity: 0.8;
}

hr {
	content: ".";
	display: block;
	height: 0;
	margin:0;
	clear: both;
	visibility: hidden;
}
p {
	margin:0 0 1em 0;
}

img {
	vertical-align:middle;
	width:100%;
}

em {
	font-weight:bold;
}

strong {
	font-weight:bold;
	font-size:110%;
}

pre {
	margin:1em 0;
	padding:1em;
}

.att {
  padding-left: 1.5em;
  text-indent: -1.5em;
}




/*================================================
 *  ヘッダー
 ================================================*/
header {
	width:100%;
	position: fixed;
	background-color: #ffffff;
	background-size:contain;
	top:0;
}
.drawer-open header {
	position: static;
}


header img { width:100%;}

#headbox {
	margin:0 auto;
	max-width:900px;
	}

.cb-header {
  position: fixed; /* ヘッダーバーを固定 */
  top: 0; /* 上から0の位置に固定 */
  left: 0; /* 左から0の位置に固定 */
  display: none; /* ヘッダーバーを非表示 */
}



.headimg {
	width:50%;
	padding:1.5% 0;
	float:left;
}
.headbtn {
	width:50%;
	padding:1.5% 0;
	float:right;
}


main {
	width:100%;
}

/*================================================
 *  フッター
 ================================================*/
footer {
	background-color: #59493f;
	width:100%;
}

.footcont {
	max-width:640px;
	margin:0 auto;
}


.copyright {
	clear:both;
	padding:20px 0;
	font-size:11px;
	text-align:center;
}

/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position:fixed;
	bottom:15px;
	right:15px;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
}
.totop img:hover {
}




/*================================================
 *  トップページ
 ================================================*/
.mainbox,
.mainbnrbox,
.pickupbnrbox,
.infobox,
.cont01acont,
.cont01bcont,
.cont02acont,
.cont02bcont,
.cont03box,
.cont04box {
	margin:0 auto;
	max-width:900px;
}

.mainimg {
	background:url("../images/mainimg_bg.jpg") top center no-repeat;
}

.mainbnr {
	background:url("../images/subimage_bg.jpg") top center repeat-x;
}
.pickupbnr {
	background:#2ae6d6;
}
.pickupbnr2 {
	background:#c6beb3;
}
.info {
	background:url("../images/bg01.jpg") top center repeat;
}
.cont01box1 {
	background:url("../images/tit_bg1.jpg") top center repeat;
}
.cont01box2 {
	background:url("../images/bg02.jpg") top center repeat;
}
.cont02box1 {
	background:url("../images/bg03.jpg") top center repeat;
}
.cont02box2 {
	background:url("../images/bg04.jpg") top center repeat;
}
.cont03 {
	background:url("../images/bg01.jpg") top center repeat;
	padding-bottom: 60px;
}
.cont04 {
	background:url("../images/bg05.jpg") top center repeat;
}

.infobox a {
	display:block;
	padding:40px 20px;
}

.voicebox1 {
	border:8px solid #00e3cb;
	background:#fff;
	padding:2%;
	margin:25px 0;
}

.voicebox1 dt {
	float:left;
	width:5%;
}
.voicebox1 dd {
	float:right;
	width:94%;
}
.voicebox1 dd span {
	color:#6b6b6b;
}

dd .voicetit {
	font-size:1.5rem;
	padding-bottom:5px;
	border-bottom:1px solid #6b6b6b;
}

.footlink {
	text-align: center;
	margin: 0 auto;
}