@charset "utf-8";
@import "../css/reset.css";

/*==============================
	基本設定
==============================*/
body{
	min-width:1240px;
	margin:0;
	padding:0;
	background:#fff;
	color:#333;
	font-size:13px;
	font-family:Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	text-align:left;
	-webkit-text-size-adjust:100%;
}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
th{
	font-weight:normal;
	text-align:left;
}
a,
a .ro{
	-webkit-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
	color:#333;
	text-decoration:none;
}
.imgSp{
	display:none;
}
.spOnly{
	display:none !important;
}
@media only screen and (max-width:767px){
	body{
		min-width:0;
	}
	.imgR{
		width:100%;
		height:auto;
	}
	.imgPc{
		display:none;
	}
	.imgSp{
		display:inline;
	}
	.spOnly{
		display:block !important;
	}
}
#container{
	overflow:hidden;
}

/*------------------------------
	header
------------------------------*/
#header{
	width:100%;
	background:#6d242e;
}
.headerIn{
	width:1200px;
	height:98px;
	margin:0 auto;
}
.headerLogo{
	float:left;
	margin:20px 0 18px;
}
.headerLogo a{
	display:inline-block;
}
.headerTxt{
	font-size:21px;
	color:#fff;
	float:left;
	margin:38px 0 0 16px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}
.headerNav{
	float:right;
	margin:30px -19px 0 0;
	text-align:right;
}
.headerNav ul{
	font-size:0;
}
.headerNav li{
	display:inline;
	border-left:1px solid #a6827f;
	font-size:13px;
	line-height:0.8;
	text-align:center;
}
.headerNav li:first-child{
	border-left:none;
}
.headerNav a{
	display:inline-block;
	padding:15px 19px;
	color:#fff;
	letter-spacing:1px;
}
.menuOpen,
.menuClose {
	display:none;
}
@media only screen and (max-width:767px){
	.headerIn{
		width:100%;
		height:auto;
		font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
		text-align:center;
	}
	.headerLogo{
		float:none;
		height:62px;
		margin:0;
		padding-top:16px;
		box-sizing:border-box;
	}
	.headerLogo a{
		display:block;
		width:42px;
		height:37px;
		margin:0 auto;
	}
	.headerTxt {
	    font-size:11px;
	    float:none;
	    margin:0 auto 18px;
	    padding:0 0 0 12px;
	}
	.headerNav{
		display:none;
		position:absolute;
		z-index:9999;
		float:none;
		width:100%;
		margin:0;
		padding-bottom:20px;
		background:rgba(109,36,46,0.95);
	}
	.headerNav ul{
		margin-bottom:20px;
		border-top:1px solid #9c6c73;
	}
	.headerNav li{
		display:block;
		border-bottom:1px solid #9c6c73;
		border-left:none;
		text-align:left;
	}
	.headerNav a{
		display:block;
		padding:19px 24px;
		background:none;
		color:#fff;
		font-size:14px;
		line-height:20px;
		letter-spacing:1px;
	}
	.menuOpen{
		display:block;
		width:100%;
		height:50px;
		border-bottom:1px solid #6d242e;
		background:#622028;
		color:#fff;
		font-size:14px;
		line-height:50px;
		letter-spacing:3px;
		text-align:center;
	}
	.menuOpen .icon{
		display:inline-block;
		position:relative;
		margin:0 10px 3px 0;
		padding:0;
		background:#fff;
	}
	.menuOpen .icon,
	.menuOpen .icon:before,
	.menuOpen .icon:after{
		width:15px;
		height:2px;
	}
	.menuOpen .icon:before,
	.menuOpen .icon:after{
		display:block;
		content:"";
		position:absolute;
		top:50%;
		left:0;
		background:#fff;
	}
	.menuOpen .icon:before{
		margin-top:-7px;
	}
	.menuOpen .icon:after{
		margin-top:5px;
	}
	.menuClose{
		display:block;
		padding:8px 0;
		color:#fff;
		font-size:12px;
		text-align:center;
		letter-spacing:1px;
	}
	.menuClose .icon{
		display:inline-block;
		position:relative;
		margin:0 6px 0 2px;
		width:12px;
		height:12px;
	}
	.menuClose .icon:before,
	.menuClose .icon:after{
		display:block;
		position:absolute;
		top:55%;
		left:15%;
		width:12px;
		height:1px;
		background:#fff;
		content:"";
	}
	.menuClose .icon:before{
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.menuClose .icon:after{
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
}

/*------------------------------
	main
------------------------------*/
/* secTop */
.secTop{
	margin-bottom:70px;
	background:#622028;
	color:#fff;
}
.secTop h1{
	padding:34px 0 86px;
	font-size:28px;
	font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	text-align:center;
	letter-spacing:3px;
}
/* punkz */
#punkz{
	padding:8px 0;
}
#punkz .punkzList{
	width:1200px;
	margin:0 auto;
	font-size:0;
}
#punkz .punkzList li{
	display:inline-block;
	max-width:300px;
	overflow:hidden;
	font-size:12px;
	line-height:36px;
	letter-spacing:1px;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#punkz .punkzList li:after{
	display:inline-block;
	padding:0 9px 0 11px;
	color:#b88684;
	content:">";
}
#punkz .punkzList li:last-child::after{
	display:none;
	content:"";
}
#punkz .punkzList li a{
	color:#fff;
	text-decoration:underline;
}
@media only screen and (max-width:767px){
	.secTop h1{
		padding:20px 3.125% 40px;
		font-size:22px;
		line-height:28px;
	}
	#punkz{
		padding:0 3.125%;
	}
	#punkz .punkzList{
		width:9999% !important;
		margin:0;
	}
}

/*------------------------------
	footer
------------------------------*/
#footer{
	margin-top:150px;
	background:#6d242e;
	color:#fff;
}
#footer a{
	color:#fff;
}
.footerIn{
	width:1200px;
	margin:0 auto;
	padding:54px 0;
	background:url(../img/common/footerLogo.png) center 50% no-repeat;
}
.footerIn .boxLeft{
	float:left;
	padding-top:23px;
}
.footerIn .co{
	padding-bottom:10px;
	font-size:14px;
	letter-spacing:1px;
}
.footerIn .addr{
	padding-bottom:10px;
	font-size:12px;
	line-height:20px;
	letter-spacing:1px;
}
.footerIn .tel{
	font-size:12px;
	line-height:20px;
	letter-spacing:1px;
}
.footerIn .tel img{
	margin:0 10px 2px 0;
}
.footerIn .boxRight{
	float:right;
}
.footerIn .footerNav{
	float:left;
	margin-left:38px;
	font-size:12px;
	line-height:28px;
	letter-spacing:1px;
}
.footerBtm{
	height:70px;
	background:#622028;
}
#copy{
	color:#fff;
	font-size:11px;
	line-height:70px;
	letter-spacing:1px;
	text-align:center;
}
@media only screen and (max-width:767px){
	#footer{
		margin-top:120px;
	}
	.footerIn{
		width:100%;
		padding:50px 0;
	}
	.footerIn .boxLeft{
		float:none;
		padding-top:0;
		text-align:center;
	}
	.footerIn .addr{
		font-size:11px;
		line-height:16px;
	}
	.footerIn .tel img{
		padding:0 0 5px;
	}
	.footerIn .boxRight{
		display:none;
	}
	.footerBtm{
		height:50px;
	}
	#copy{
		line-height:50px;
		letter-spacing:0.5px;
	}
}