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

	
body{
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-weight:normal;
	font-size:100%;
	color:#b28247;
}

body,html,p,ul,ol,li,form,h1,h2,h3,h4,dd,dl,dt,iframe,span,figure{
	margin:0;
	padding:0;
}

h1,h2,h3,h4{
	font-weight:normal;
}

img{
	vertical-align:bottom;
}

a img{
	border:none;
	outline:none;
}


ul,ol {
	list-style:none;
}

.clear{
	clear:both;
}

.clearFix {
    overflow: hidden;
}
.clearFix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
}
* html .clearFix {
    height: 1em;
    overflow: visible;
}

.fl{
	float:left;
}
.fr{
	float:right;
}


a{
	color:#b28247;
	text-decoration:none;
	transition:0.3s linear;
}

a:hover{
	text-decoration:none;
	transition:0.3s;
	opacity:0.8;
}

a:focus {
  outline: none;
}


.dm{
	display:none;
}

.f_min{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

a.btn{
	width:300px;
	height:55px;
	font-size:24px;
	line-height:58px;
	color:#FFF;
	text-align:center;
	background:#b28247;
	display:block;
}

a.btn span{
	display:block;
	margin:0 15px;
	background:url(../common/icon_btn.png) right center no-repeat;
}

.inner{
	width:960px;
	margin:0 auto;
	position:relative;
}

header{
	background:url(../common/mv.jpg) center no-repeat;
	background-size:cover;
}

header .inner{
	height:315px;
}

header h1{
	font-size:24px;
	line-height:1;
	color:#FFF;
	font-weight:bold;
	padding-top:75px;
}

header p{
	font-size:24px;
	line-height:1;
	color:#FFF;
	font-weight:bold;
	position:absolute;
	bottom:80px;
	right:0;
}

.pan{
	padding:15px 0;
}

.pan li{
	font-size:14px;
	margin-right:0.5em;
	display:inline-block;
}

.pan li:after{
	content:"＞";
	padding-left:0.5em;
}

.pan li:last-child:after{
	content:"";
}

.back{
	text-align:center;
	margin:115px 0 110px;
}

.back a{
	width:320px;
	height:55px;
	font-size:24px;
	line-height:58px;
	color:#b28247;
	background:#FFF;
	margin:0 auto;
	border:2px solid #b28247;
	display:block;
}

.back a span{
	display:block;
	margin:0 15px;
	background:url(../common/icon_bk.gif) left center no-repeat;
}

footer{
	text-align:center;
	padding:50px 0;
	background:#000;
}

footer small{
	font-size:14px;
	line-height:1;
	color:#FFF;
}

@media screen and (max-width: 739px) {
	
	img{
		width:100%;
		height:auto;
	}
	
	a.btn{
		width:auto;
		height:auto;
		font-size:4vw;
		line-height:1;
		padding:3vw 5vw;
		display:inline-block;
	}
	
	a.btn span{
		display:inline-block;
		margin:0;
		padding-right:6vw;
		background:url(../common/icon_btn.png) right center no-repeat;
		background-size:3vw auto;
	}
	
	.inner{
		width:100%;
		padding:0 4vw;
		box-sizing:border-box;
	}
	
	header{
		background:url(../common/mv.jpg) center no-repeat;
		background-size:cover;
	}
	
	header .inner{
		height:40vw;
	}
	
	header h1{
		font-size:4vw;
		padding-top:10vw;
	}
	
	header p{
		font-size:4vw;
		line-height:1;
		color:#FFF;
		font-weight:bold;
		position:absolute;
		bottom:10vw;
		right:4vw;
	}
	
	.pan{
		padding:2vw 0;
	}
	
	.pan li{
		font-size:2.5vw;
	}
		
	.back{
		text-align:center;
		margin:18vw 0;
	}
	
	.back a{
		width:70%;
		height:auto;
		font-size:4vw;
		line-height:1;
		padding:3vw 5vw;
		display:inline-block;
		box-sizing:border-box;
	}
	
	.back a span{
		display:inline-block;
		margin:0;
		padding-left:6vw;
		background:url(../common/icon_bk.gif) left center no-repeat;
		background-size:3vw auto;
	}
	
	footer{
		text-align:center;
		padding:8vw 0;
		background:#000;
	}
	
	footer small{
		font-size:2vw;
	}
	
}