body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
a{text-decoration:none; outline:none!important;}
table {border-spacing: 0;}
fieldset,img {border: 0;}
html,body,div,article,section,nav,header,footer {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal;font-style: normal;}
div,article,section{/* display:block; */overflow:hidden;}
strong{font-weight: bold;}
ol,ul {list-style: none;margin: auto;padding:0;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;margin:0;padding:0;}
q:before,q:after {content:'';}
abbr,acronym { border: 0;}

html{
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
}
html,body{
	position:relative;
	height:100%;
	min-height:100%;
}
body{
	color:#000;
	font-size:1.2rem;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo,'メイリオ', sans-serif;
	font-weight:300;
	position:relative;
}
a{color:#808080; text-decoration:none;}
a:hover{opacity:.8;}
img{max-width: 100%;vertical-align:bottom;}

.btn-menu{
	position: relative;
	top: 11px;
	/* right:20px; */
	cursor:pointer;
	z-index: 200;
	max-width: 120px;
}
header{
	background: url(../img/bg-header1.png) left -6px repeat-x;
	margin-bottom:20px;
	}
	header .logo{
		/* margin-left: 38px; */
	}
	header .logo,
	header .social{
		display: flex;
		vertical-align:middle;
		/* padding: 19px 0px 15px; */
		align-items: center;
		justify-content: center;
	}
	header .social{
		float:right;
		/* margin-right: 19px; */
		/* padding: 24px 0px 0; */
	}
	header .social a{
		display:block;
		font-size:2rem;
		font-family:'HelveticaNeue-CondensedBold';
		padding: 0 0.5rem;
		float:left;
		/* margin-right:15px; */
	}
	header .social a img{
		vertical-align:middle;
		/* margin: 0 0.3rem; */
	}
	header .btn-eng{
		color:#000;
		margin-right: 71px!important;
		margin-top: 14px;
	}
	header nav{
		width: 100%;
		text-align:center;
		background: url(../img/bg-header2.png) left top repeat-x;
		border-top: 2px solid #fff;
		}
	header nav ul{
		width: 100%;
		text-align:center;
		display: flex;
		align-items: center;
		justify-content: center;
		}
		header nav li{
			display:inline-block;
			vertical-align:middle;
			border-right: 3px solid #fff;
			/* width: 125px; */
			margin: 0 0 0 3px;
			padding: 0 2rem;
		}
		header nav li.l-news{
			border:none;
		}
		header nav a{
			color:#000;
			font-size:2rem;
			font-family:'HelveticaNeue-CondensedBold';
			display:block;
			width: 100%;
			padding: 10px 0 9px;
			margin: auto;
			/* text-align: center; */
			border-bottom: 4px solid #fff;
		}
		header nav a:hover,
		#p-home .l-home a,
		#p-shops .l-shops a,
		#p-catering .l-catering a,
		#p-philosophy .l-philosophy a,
		#p-company .l-company a,
		#p-recruit .l-recruit a,
		#p-news .l-news a,
		#p-privacy .l-privacy a,
		#p-contact .l-contact a{
			border-color:#000;
			text-decoration:none;
		}

#container{
	transition:.5s;
	min-height:calc(100vh - 130px);
}
#bl-main{
	text-align:center;
}

#container .wrap{
	text-align:left;
	max-width:1024px;
	margin:0 auto;
	display:block;
	justify-content: space-between;
}
.fc{
	display:none;
}
.wrap{
	text-align:left;
	max-width:1024px;
	margin: 3px auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#a_top > nav > div > ul > li > a > img{
	max-width: 100%;
	margin:auto;
}
h1{
	font-family:'HelveticaNeue-CondensedBold';
}
h1 img,
h2 img,
h3 img{
	vertical-align:middle;
}

.blur{
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	opacity:.8;
}
.fl{
	float:left;
	margin-right: 20px;
}
.fr{
	float:right;
	margin-left: 20px;
}

.btn-detail{
	display:block;
	background:url(../img/btn-detail.png) 10px center no-repeat,url(../img/bg-btndetail.png) left top repeat-y;
	width:100%;
	height:29px;
	line-height:29px;
}
.swiper-slide p{
	color:#fff;
	text-align:left;
	background:#000;
	padding:15px;
  min-height: 36px;
}

/*.bnr-contact{
	text-align:center;
	display:block;
}
.bnr-contact img{
	width:70vw;
	min-width:400px;
	max-width:600px;
	margin:50px auto 10px;
	transition:.8s;
}
.bnr-contact:hover img{
	margin:40px auto 20px;
}*/
.pc{display:block;}
.sp{display:none;}

h1 .pc,
h2 .pc{
  display: inline-block;
}
h1 .sp,
h2 .sp{
	display:none;
}
footer{
	color:#fff;
	background:#000;
	width:100%;
	position:relative;
}	
footer section{
	padding:43px 0 38px;
	display:block;
}
footer .logo{
	float:left;
	margin:0 47px 0 21px;
}
footer .wrap{
	max-width:970px;
}
footer nav{
	background:#808080;
	padding-left: 10px;
}
footer nav ul,
footer nav li{
	display:inline-block;
}
footer nav a{
	color:#fff;
	font-size:1.6rem;
	font-family:'HelveticaNeue-CondensedBold';
	display:block;
	padding:0 17px;
	margin:5px 0 9px;
	border-right:1px solid #fff!important;
}
footer nav li:last-child a{
	border:none;
}
footer .copyright{
	font-size:1.1rem;
	text-align:left;
	padding: 17px 21px;
}
footer .copyright span{
	font-size:1.4rem;
}
.btn_totop{
	position: absolute;
	right: 25px;
	top: 25px;
  cursor: pointer;
}
form .btn{
	text-align:center;
}

.swiper-slide p{
	color:#fff;
	text-align:left;
	background:#000;
	padding:13px 15px;
  min-height: 36px;
  margin: 10px 0;
}
header .l-english,
header .l-privacy,
header .l-contact{
	display:none;
}
.btn-confirm {
	text-align:center;
}
.btn-confirm .pc{
	display:block;
}
.btn-confirm .sp{
	display:none;
}
.notfound{
	font-size:1.5rem;
	text-align:center;
	padding:100px 0;
}
.notfound h1{
	font-size:2rem;
}
.notfound h1 span{
	font-size:1.8rem;
	display:block;
	margin-bottom:40px;
}
.notfound p{
	margin-bottom:20px;
}
.fc-pc img{
	max-height:40px;
	width:100%;
	height:40px;
}

@media screen and (max-width: 1500px){
}

@media screen and (max-width: 1024px){
	header nav a{width:calc(14.3vw - 3px)}
  footer nav a{padding: 0 13px;}
}

@media screen and (max-width: 768px){
	.pc{display:none;}
	.sp{display:block;}
	header .l-english,
	header .l-privacy,
	header .l-contact{
		display:block;
	}
	header .social a.btn-eng,
	h1 .pc,
	h2 .pc{
		display:none;
	}
	h1 .sp,
	h2 .sp{
		display: inline-block!important;
	}
	body{
		background:#e6e6e6;
	}
	header{
		position:fixed;
		background: rgba(248,248,248,.8);
		/* padding-bottom: 66px; */
		width: 100vw;
		margin: 0;
		z-index:100;
	}
	header .fc{
		position:absolute;
		bottom: -112px;
		max-width: 100vw;
		width:100%;
		left: 0;
		margin:auto;
	}
	header .logo {
    padding: 1rem;
    /* margin-left: 20px; */
    max-width: 160px;
 }
	header .social{
    /* padding-top: 30px; */
    /* margin-right: 4px; */
    /* max-width: 60px; */
    /* margin: 0 1rem; */
 }
	header .social a {
    /* margin-right: 18px; */
    margin: 0.5rem;
 }
	header nav{
		display:none;
		background: rgba(255,255,255,.8);
		position:fixed;
		padding:50px;
		top: 100px;
		left:0;
		opacity:.95;
		z-index:100;
		border:none;
		max-height:calc(100vh - 111px);
		overflow:scroll;
	}
	header nav ul {
    transform: scale(.9);
	}
	header nav li{
		border:none;
	}
	header nav a{
		width:100vw;
		border:none;
		text-align:left;
		padding:0 0 33px;
	}
	header .btn-eng {
    margin-right: 0px!important;
    line-height: auto;
	}
	.l-privacy{
		margin-top:40px;
	}
	.wrap{
		padding:25px;
	}
	header .wrap,
	#bl-main.wrap{
		padding:0;
	}
	#bl-main{
		margin-top:100px;
	}
	footer section.wrap{
		flex-direction: column;
		padding:50px 3vw 20px 10vw;
	}
	footer .logo{
		float:none;
		margin:0;
		width: 220px;
	}
	footer section p{
		display:block;
    margin-top: 45px;
		font-size:1.6rem;
	}
	footer nav{
		display:none;
	}
	footer .copyright{
		border-top:3px solid #555555;
		padding-left: 10vw;
		font-size:1.4rem;
		height: 60px;
	}
	#b-contact form{
		width: 430px;
	}
	.btn_totop {
    right: 40px;
    top: 40px;
	}
	.btn-confirm .pc{
		display:none;
	}
	.btn-confirm .sp{
		padding:35px 0;
		margin:0 auto;
		display:block;
	}
	
	.btn-detail{
		display:block;
		background:url(../img/btn-detail-sp.png) left center no-repeat;
		width:222px;
		height:38px;
		line-height:auto;
	}
}