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

*{
	font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	line-height: 1.6em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
}
body{
	height:100%;
	margin:0 auto;
	-webkit-text-size-adjust: 100%;
}
html{
	height:100%;
	overflow-y:scroll;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix{
	zoom: 1;
} /* IE6 */
*:first-child+html .clearfix{
	zoom: 1;
} /* IE7 */
.img-responsive{
	max-width: 100%;
	height: auto;
}
.center-block{
	display: block;
	margin-left: auto;
	margin-right: auto;
}


@media only screen and (min-width: 1050px) {
	/* PC、スマホ切り替え（ナビ用） */
.pc_display_nav{
	display:block !important;
}
.sp_display_nav{
	display:none !important;
}
	
/* ナビ */
header{
	width: 100%;
}
header .navWrap{
	height: 70px;
	background: #1a1a1a;
}
header .nav-toggle{
	display:none;
}
	header .navWrap #gnav{
		float: left;
	}
	header .navWrap #gnav ul.navi{
		margin-left: 20px;
	}
	header .navWrap #gnav ul.navi li{
	float: left;
	padding: 0 25px;
}
header .navWrap #gnav ul.navi li a{
	display: block;
	font-size:12px;
	color: #fff;
	letter-spacing: 1px;
	text-decoration: none;
	line-height: 70px;
}
header .navWrap #gnav ul.navi li.parent{
		position: relative;
	cursor: pointer;
	}
header .navWrap #gnav ul.navi li.parent ul{
	display: none;
	width: 170px;
	position: absolute;
	top: 70px;
	left: 0;
	background: #4d4d4d;
	z-index: 9;
	padding: 0 0 10px;
}
header .navWrap #gnav ul.navi li.parent ul li{
	float: none;
	padding: 0;
}
header .navWrap #gnav ul.navi li.parent ul li a{
	font-size:12px;
	color: #fff;
	padding: 10px 15px;
	line-height: normal;
}
header .navWrap .snsBtn{
	float: right;
	margin-right: 20px;
	line-height: 70px;
}
header .navWrap .snsBtn a{
	display: inline-block;
	padding: 0 7px;
	vertical-align: middle;
}
}

@media only screen and (max-width: 1049px) {
	/* PC、スマホ切り替え（ナビ用） */
.pc_display_nav{
	display:none !important;
}
.sp_display_nav{
	display:block!important;
}
	
	/* ナビ */
	header{
		position: relative;
	}
	header .nav-toggle{
		position:absolute;
		top:15px;
		right:15px;
		display:block;
		width:22px;
		height:22px;
		font-size:0;
		text-indent:-9999px;
		appearance:none;
		box-shadow:none;
		border-radius:none;
		border:none;
		cursor:pointer;
		z-index:9999;
		-webkit-transition:background,0.3s;
		transition:background,0.3s;
		}
		header .nav-toggle:focus{
			outline:none;
			}
			.nav-toggle span{
				display:block;
				position:absolute;
				top:0;
				left:0;
				width:22px;
				height:22px;
				background: url(../../img/new/top/ic_navi_black.png) no-repeat center center;
				background-size: 22px;
				-webkit-transition:background,0s,0.3s;
				transition:background,0s,0.3s;
				}
				.nav-toggle.opened span{
					background: url(../../img/new/top/ic_navi.png) no-repeat center center;
					background-size: 22px;
				}
header .navWrap #gnav{
		position: absolute;
width:100%;
height:auto;
top:-150%;
right:0;
background:#1a1a1a;
z-index:999;
overflow-y:scroll;
-webkit-transition:all,ease 0.3s;
transition:all,ease 0.3s;
}
header .navWrap #gnav.active{
top:0
}
	header .navWrap #gnav ul.navi{
		margin-top: 55px;
	}
	header .navWrap #gnav ul.navi li{
}
header .navWrap #gnav ul.navi li a{
	display: block;
	font-size:12px;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
	text-decoration: none;
	padding: 10px 15px;
	border-bottom: 1px solid #cccccc;
	position: relative;
}
	
	header .navWrap #gnav ul.navi li a:before{
		content: "";
		background: url(../../img/new/top/ic_arrow.png) no-repeat left top;
		background-size: 3px;
		width: 3px;
		height: 7px;
		position: absolute;
		left: 15px;
		top: 40%;
	}
	header .navWrap #gnav ul.navi li:first-child a{
	border-top: 1px solid #cccccc;
	}
header .navWrap #gnav ul.navi li.parent{
	cursor: pointer;
	}
header .navWrap #gnav ul.navi li.parent ul{
	overflow: hidden;
	display: none;
	width: 100%;
	top: 70px;
	left: 0;
	background: #333333;
}
header .navWrap #gnav ul.navi li.parent ul li:first-child a{
	border-top: none;
	}
header .navWrap #gnav ul.navi li.parent ul li a{
	float: left;
	width: 50%;
	font-size:10px;
	color: #fff;
	text-align: left;
	padding: 10px 15px;
	border-right: 1px solid #cccccc;
}
	header .navWrap #gnav ul.navi li.parent ul li a:before{
		display: none;
	}
	
	header .navWrap .snsBtn{
				position:absolute;
		top: 10px;
		right: 55px;
		z-index: 9999;
}
header .navWrap .snsBtn a{
	display: inline-block;
	padding: 0 4px;
	vertical-align: middle;
}
	
}

/* フッター */
footer{
	background: #fbfbfb;
	position: relative;
}
footer .pageTop{
	width: 63px;
	height: 63px;
	background: #000;
	position: fixed;
	right: 0;
	bottom: 50px;
	cursor: pointer;
	z-index: 9;
}
footer .pageTop img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
footer ul.logo{
	text-align: center;
	padding: 50px 15px;
	border-bottom: 1px solid #e6e6e6;
}
footer ul.logo li{
	display: inline-block;
	padding: 0 10px;
}
footer ul.footNavi{
	text-align: center;
	padding: 25px 15px;
}
footer ul.footNavi li{
	display: inline-block;
	padding: 0 15px;
}
footer ul.footNavi li a{
	font-size: 12px;
	color: #666666;
	position: relative;
}
footer ul.footNavi li a:after{
	content: "｜";
	font-size: 12px;
	color: #666666;
	position: absolute;
	right: -22px;
	top: -3px;
}
footer ul.footNavi li:last-child a:after{
	display: none;
}
footer .copy{
	font-size: 11px;
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	color: #fff;
	text-align: center;
	padding: 25px 0;
	letter-spacing: 1px;
	background: #c7b79b;
}




@media only screen and (min-width: 768px) {
	/* PC、スマホ切り替え */
	.pc_display{
		display:block !important;
	}
	.sp_display{
		display:none !important;
	}
}

@media only screen and (max-width: 767px) {
	/* PC、スマホ切り替え */
	.pc_display{
		display:none !important;
	}
	.sp_display{
		display:block !important;
	}
	
	/* フッター */
footer .pageTop{
	width: 48px;
	height: 48px;
	background: #000;
	position: absolute;
	right: 0;
	top: -20px;
	bottom: auto;
	cursor: pointer;
}
footer ul.logo{
	padding: 40px 15px;
}
footer ul.logo li{
	padding: 0 5px;
}
footer ul.footNavi{
	padding: 25px 0 15px;
	overflow: hidden;
}
footer ul.footNavi li{
	display: block;
	padding: 0;
}
footer ul.footNavi li a{
	float: left;
	width: 50%;
	margin-bottom: 15px;
}
footer ul.footNavi li a:after{
	position: absolute;
	right: -10px;
	top: 0;
}
	footer ul.footNavi li:nth-child(2n) a:after{
		display: none;
	}
footer .copy{
	font-size: 10px;
	padding: 15px 0;
}
	
}