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

/*-------------------------------------
				共通設定
---------------------------------------*/

/*-- レイアウト --*/

html{
	width:100%;
	height:100%;
	background:url(../img/common/bg_body.png) no-repeat center center fixed;
	background-size:cover;
}

body{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	width:100%;
	height:100%;
	color:#000;
}

@media(max-width:768px){
	html{
		background:none;
	}
	
	body:before {
	  background:url(../img/common/bg_body_sp.png) no-repeat center center;
	  background-size: 120% auto;
	  display: block;
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  padding-bottom: 108px;
	  content: "";
	  z-index: -1;
	}   
}

body a{
	color:#0D6FB8;
	text-decoration:none;
}


body a:hover{
	text-decoration:underline;
}

body a:hover img{
/*	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;*/
}

strong{
	font-weight:bold;
}



header{
	width:1000px;
	height:78px;
	background:url(../img/common/headBg.png) no-repeat top center;
	margin:0 auto;
}

header ul{
	text-align:center;
}

header ul li {
	display:inline-block;
}

header ul li a{
	display:inline-block;
	width:123px;
	background:url(../img/common/bg_hdBtn.png) no-repeat center center;
	padding:21px 0;
	position: relative;
}

header ul li.current a:before{
	content:url(../img/common/navi_current.png);
	display:inline-block;
	position:absolute;
	top:18px;
	left:-3px;
}

/*
header ul li a:hover:before{
	content:url(../img/common/navi_current.png);
	display:inline-block;
	position:absolute;
	top:18px;
	left:-4px;
}*/



	.pcOnly{display:none;}


	img{
		max-width:100%;
	}

	header{
		width:96%;
		height:auto;
		background:#bc9764;
		margin:0 auto;
		padding:1% 2%;
		border-bottom:4px solid #7c4e12;
	}

	header ul{
		text-align:center;
	}

	header ul li {
		display:inline-block;
		width:23%;
		padding:1%;
	}

	header ul li a{
		display:inline-block;
		width:100%;
		background:#4e3617;
		padding:10px 0;
		position: relative;
		border-radius:10px;
	}

	header ul li.current a:before{
		content:url(../img/common/navi_current_sp.png);
		display:inline-block;
		position:absolute;
		bottom:-10px;
		top:auto;
		left:50%;
		margin-left:-12px;
	}
/*
	header ul li a:hover:before{
		content:url(../img/common/navi_current_sp.png);
		display:inline-block;
		position:absolute;
		bottom:-10px;
		top:auto;
		left:50%;
		margin-left:-12px;

	}
	*/




footer{
	margin-top:80px;
	background:#000;
	color:#fff;
}

footer a{
	color:#fff;
}

footer .ftLink{
	border-top:1px solid #fff;
	color:#fff;
	text-align: center;
	padding: 10px 0;
}

footer .ftLink a{
	color:#fff;
}

footer .snsArea{
    text-align: center;
    padding: 10px 0;
}

footer .snsArea .btn{
	display: inline-block;
    padding: 0 3px;
}

footer .snsArea .btn.gree{
	width:66px;
}

footer .snsArea .btn div,
footer .snsArea .btn iframe{
	display:inline-block;
    vertical-align: bottom;
}


footer p.copy{
	padding:10px 0;
	text-align:center;
	
}

footer ul.ftBn{
	text-align:center;
	padding:10px 1% 20px;
}

footer ul.ftBn li img{
	width:100%;
}

footer ul.ftBn li{
	width:48%;
	display:inline-block;
	margin:1% 0.5;
}


/*-------------------------------------
			フロート解除
---------------------------------------*/
.clearbox{
	clear:both;
}