@charset "utf-8";


/* // xxxxxx //
----------------------------------------------- */
body {
	font-size:14px;
	line-height:2.2;
}
body * {
	font-weight:100;
}

#ContentsWrap {
	position:relative;
	z-index:10;
	overflow:hidden;
}
@media screen and (max-width: 740px)  {
	.secTitleA {
		display:block;
		height:550px;
		position:relative;
		margin-bottom:70px;
	}
	.secTitleA .tx {
		position:absolute;
		text-align:center;
		font-size:250%;
		font-weight:100 !important;
		top:50%;
		left:50%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		z-index:10;
	}
	.secTitleA .bg {
		display:block;
		height:100%;
		background-size:cover;
		background-position:center center;
		opacity:0.0;
		position:relative;
		top:-30px;
		z-index:5;
	}
	
	.secTitleA.gradation:before {
		display:block;
		content:" ";
		height:80px;
		width:100%;
		position:absolute;
		left:0px;
		top:0px;
		background: -moz-linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.0) 100%);
		background: -webkit-linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.0) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.0) 100%);
		z-index:7;
	}
	.secTitleA.gradation:after {
		display:block;
		content:" ";
		height:80px;
		width:100%;
		position:absolute;
		left:0px;
		bottom:0px;
		background-color:#FF0;
		background: -moz-linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.0) 100%);
		background: -webkit-linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.0) 100%);
		background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.0) 100%);
		z-index:7;
	}
	
	
	.secTitleA .bg {
		opacity:0;
		transition-delay:0.1s;
		transition-duration:1.4s;
		top:30px;
	}
	.secTitleA.on .bg {
		opacity:0.6;
		top:0px;
	}
	.secTitleA .tx {
		top:45%;
		transition-duration:1.2s;
	}
	.secTitleA.on .tx {
		top:50%;
	}
}



.secBg {
	position:fixed;
	left:0px;
	top:0px;
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	z-index:5;
	opacity:0;
	transition:0.8s;
}
.secBg.on {
	opacity:1;
}


.swiper-pagination-bullet {
	opacity:1;
}


.htxA {
	font-size:150%;
	line-height:2.3;
	font-weight:100;
}
.htxB {
	font-size:138%;
	line-height:2.0;
	font-weight:200;
}

/* //    |- w1  */
.w1:not(.none) {
	opacity:0;
	position:relative;
	left:-30px;
	transition-duration:1.4s;
	transition-delay:0.0s;
}
.w1.on:not(.none) {
	left:-0;
	opacity:1;
}

/* //    |- btn  */
.btn1 {
	color:#fff !important;
	background-color:#222;
	display:inline-block;
	text-align:center;
	padding:11px;
	min-width:260px;
	max-width:300px;
	position:relative;
}
.btn1:hover {
	background-color:#333;
}
.btn1 .tx {
	font-weight:100;
}
.btn1 .icon {
	position:absolute;
	right:10px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* // TopMv //
----------------------------------------------- */
#TopMv {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1;
}
@media screen and (max-width: 740px)  {
	#TopMv.off {
		opacity:0 !important;
	}
}

#TopMv.start {
	transition-duration:0.3s;
	opacity:1;
}

#TopMv .swiper-container {
	height:550px;
}
#TopMv .swiper-slide {
	cursor:default;
	height:100%;
	width:100%;
	background-repeat:no-repeat;
	background-position:center center;
}
#TopMv .swiper-slide .image {
	height:100%;
	width:100%;
	background-repeat:no-repeat;
	background-position:center center;
	transition:9s;
}
#TopMv .swiper-slide.stand .image {
	background-size:cover;
}
#TopMv .swiper-slide.lie .image {
	background-size:cover;
}


#TopMv .swiper-slide img.slideImg {
	opacity:0;
}

#TopMv .inner {
}



/* // OpeningLogo //
----------------------------------------------- */
#OpeningLogo {
	display:block;
	position:relative;
}
#OpeningLogo .logo {
	position:absolute;
	top:44%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	opacity:0;
}
#OpeningLogo.on .logo {
	opacity:1;
	transition-duration:1.3s;
	transition-delay:0.3s;
}
#OpeningLogo .logo svg,
#OpeningLogo .logo img {
	width:55px;
}

#OpeningLogo .reserve {
	display:inline-block;
	line-height:1;
	position:absolute;
	top:calc(100vh - 140px);
	left:50%;
	transform: translate(-50% ,-100%);
	opacity:0;
	transition-delay:0.5s;
	transition-duration:0.9s;
	color:#FFF;
}
#OpeningLogo.on .reserve {
	opacity:1;
}
@media screen and (min-width: 741px)  {
	#OpeningLogo .reserve {
		top:calc(100vh - 40px);
		left:auto;
		right:25px;
		transform: translate(0);
		transition:0.3s;
	}
	#OpeningLogo .reserve:hover {
		right:20px;
	}
	#OpeningLogo .reserve i {
		padding-left:11px;
	}
}

/* // TopConcept //
----------------------------------------------- */
#TopConcept {
	margin-top:150px;
	padding:170px 0 80px;
	background-color:rgba(0,0,0,0.58);
	position:relative;
}
#TopConcept:before {
	display:block;
	background: -moz-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.58) 100%);
	background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.58) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.58) 100%);
	content:" ";
	width:100%;
	height:150px;
	position:absolute;
	bottom:100%;
	left:0px;
}
#TopConcept .txWrap1{
	opacity:0.85;
}
/* //    |- htx1  */
#TopConcept .htx1 {
	margin-bottom:65px;
}
#TopConcept .htx1 li {
	text-align:center;
}

/* //    |- htx2  */
#TopConcept .htx2 {
	margin-bottom:20px;
}


/* //    |- image1  */
#TopConcept .image1 {
	margin-top:40px;
	opacity:0;
	position:relative;
	right:-40px;
	transition-duration:1.4s;
	transition-delay:0.0s;
	text-align:right;
}
#TopConcept .image1 img {
	width:92%;
}
#TopConcept .image1.on {
	right:-20px;
	opacity:1;
}



/* // TopCuisine //
----------------------------------------------- */
#TopCuisine {
	margin-top:100px;
	padding-bottom:180px;
	background-color:rgba(0,0,0,1);
	position:relative;
}
#TopCuisine:before {
	display:block;
	background: -moz-linear-gradient(to bottom, rgba(0,0,0,0.62) 0%,rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.62) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.62) 0%,rgba(0,0,0,1) 100%);
	content:" ";
	width:100%;
	height:100px;
	position:absolute;
	bottom:100%;
	left:0px;
}
#TopCuisine .secTitleA .bg {
	background-image:url(item_img_02.png);
}

#TopCuisine .txWrap1 {
	position:relative;
}
@media screen and (max-width: 740px)  {
	#TopCuisine .txWrap2 {
		width:78%;
		position:relative;
		z-index:10;
	}
	#TopCuisine .txWrap2 p {
		position:relative;
		background-image: linear-gradient(to right, rgba(0,0,0,0.4) 82%, rgba(0,0,0,0) 100%);
		z-index:10;
		padding-right:40px;
	}
	#TopCuisine .txWrap2 .image1 {
		position:absolute;
		right:-240px;
		opacity:0;
		top:50%;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
		width:270px;
		transition:2.2s;
		transition-delay:0.6s;
	}
	#TopCuisine .txWrap2.on .image1 {
		right:-160px;
		opacity:1;
	}
}



/* //    |- htx1  */
#TopConcept .htx1 {
}


/* // TopCuisineGallerySP //
----------------------------------------------- */
#TopCuisineGallerySP {
	margin-top:70px;
	padding:0 0 50px;
	overflow:hidden;
	position:relative;
	top:40px;
	opacity:0;
	transition:1.6s;
}
#TopCuisineGallerySP.on {
	top:0px;
	opacity:1;
}
#TopCuisineGallerySP .swiper-container {
}
#TopCuisineGallerySP .swiper-wrapper {
	height:300px;
}
#TopCuisineGallerySP .swiper-slide {
	width:100%;
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.swiper-button-prev i, .swiper-button-next i {
	opacity:0.7;
	font-size:110%;
}
.swiper-pagination-bullet {
	background-color:#222;
}
.swiper-pagination-bullet-active {
	background-color:#555;
}
.swiper-button-prev, .swiper-button-next {
	top:auto;
	bottom:0px;
	-ms-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transform: translateY(100%);
}


/* // TopChef //
----------------------------------------------- */
#TopChef {
	position:relative;
	background-color:#000;
	padding-bottom:160px;
}
#TopChef .bg {
	position:relative;
	z-index:5;
	height:640px;
	background-position:right center;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(chef_img_01.jpg);
	opacity:0;
	right:-40px;
	transition-duration:1.1s;
}
#TopChef.on .bg {
	opacity:1;
	right:-0;
}

#TopChef .bg:before {
	display:block;
	background: -moz-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 100%);
	background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 100%);
	background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0.0) 100%);
	content:" ";
	width:90%;
	height:100%;
	position:absolute;
	top:0;
	left:0px;
}
#TopChef .text {
	position:absolute;
	z-index:7;
	left:20px;
	top:42%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
#TopChef .htxA {
	line-height:1;
}

#TopChef .tx1 {
	
}
#TopChef .tx2 {

}
#TopChef .tx3 {

}

/* // ShopInfo //
----------------------------------------------- */

#ShopInfo {
	background-color:#000;
	padding-bottom:130px;
}
#ShopInfo .secTitleA .bg {
	background-image:url(shopinfo_img_01.jpg);
}

#ShopInfo .txWrap1 dl {
	display:table;
	width:100%;
	line-height:1.5;
	margin-bottom:17px;
}
#ShopInfo .txWrap1 dl dt {
	display:table-cell;
	width:80px;
}
#ShopInfo .txWrap1 dl dd {
	display:table-cell;
}


#ShopInfo .reserveBtn {
	text-align:center;
	padding: 0 40px;
	margin-top:15px;
	margin-bottom:40px;
}
#ShopInfo .reserveBtn .btn {
	color:#FFF;
	background-color:transparent;
	border-radius:0;
	border:1px solid #CCC;
	width:100%;
}
#ShopInfo .btn i {
	color:#FFF;
}
@media screen and (min-width: 741px)  {
	#ShopInfo .reserveBtn {
		text-align:left;
		margin-top:60px;
		margin-bottom:40px;
	}
	#ShopInfo .reserveBtn .btn {
		width:400px;
		transform: translateX(-40px);
	}
}



/* // Recruit //
----------------------------------------------- */

#Recruit {
	background-color:#000;
	padding-bottom:80px;
}
#Recruit .secTitleA .bg {
	background-image:url(recruit_img_01.jpg);
}
#Recruit .btn {
	letter-spacing:0.12em;
}




/* // ShopGallerySP //
----------------------------------------------- */
#ShopGallerySP {
	margin-top:50px;
	padding:0 0 50px;
	overflow:hidden;
	position:relative;
	top:40px;
	opacity:0;
	transition:1.6s;
}
#ShopGallerySP.on {
	top:0px;
	opacity:1;
}


#ShopGallerySP .swiper-container {
}
#ShopGallerySP .swiper-wrapper {
	height:460px;
}
#ShopGallerySP .swiper-slide {
	height:100%;
	width:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}



/* // ShopAccess //
----------------------------------------------- */
#ShopAccess {
	margin-top:45px;
	padding:0 10px;
	background-size:cover;
	opacity:0.9;
	line-height:1.6;
	font-size:90%;
}

#ShopAccess .image li {
	margin-bottom:10px;
}
#ShopAccess .accessInfo {
}
#ShopAccess .accessInfo .address {
	font-size:114%;
	margin-bottom:17px;
}
#ShopAccess .accessInfo li {
	opacity:0.9;
	font-size:94%;
	line-height:1.6;
	margin-bottom:9px;
}
#ShopAccess .accessInfo .tel {
	font-size:110%;
	padding-left:8px;
	margin-bottom:17px;
}

/* // Map_canvas //
----------------------------------------------- */
#Map_canvas {
	margin-top:60px;
	height:350px;
}
.mapBtn {
	text-align:center;
	margin-top:40px;
}


/* // Shopping //
----------------------------------------------- */
#Shopping .title {
	padding:80px 10px 40px;
}
#Shopping .title li {
	text-align:center;
	margin-bottom:5px;
}
#Shopping .title img {
	width:250px;
}


/* // ItemsGallery //
----------------------------------------------- */
#ItemsGallery .swiper-container {
}
#ItemsGallery .swiper-wrapper {
}
#ItemsGallery .swiper-slide {
	height:580px;
	width:100%;
	position:relative;
}
#ItemsGallery .swiper-slide .image {
	height:480px;
	width:100%;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	vertical-align:top;
	display:block;
	position:absolute;
	left:0;
	top:0px;
}
#ItemsGallery .swiper-slide .btn {
	position:absolute;
	bottom:36px;
	left:50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	width:100%;
	text-align:center;
}
#ItemsGallery .swiper-slide .btn a {
	display:inline-block;
	line-height:1;
	background-color:#323232;
	padding:14px;
	width:80%;
	color:#fff;
	text-align:center;
	position:relative;
}
#ItemsGallery .swiper-slide .btn a i {
	position:absolute;
	right:5px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
#ItemsGallery .swiper-button-prev,
#ItemsGallery .swiper-button-next {
	margin-top:-60px;
}

#ItemsGallery .swiper-pagination-bullet {
	background-color:#333;
	border-right:1px solid #000;
	-ms-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	height:6px;
	width:50px;
	margin:0 !important;
	opacity:1;
}
#ItemsGallery .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color:#5E5E5E;
}
#ItemsGallery .swiper-slide .description {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 46%, rgba(0,0,0,0.7) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 46%, rgba(0,0,0,0.7) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 46%, rgba(0,0,0,0.7) 100%);
	display:block;
	position:absolute;
	left:0px;
	bottom:100px;
	width:100%;
	padding:25px 15px 15px 15px;
}
#ItemsGallery .swiper-slide .description p {
	color:#FFF;
	font-size:14px;
	line-height:1.6;
}

/* // IttatsuInfo //
----------------------------------------------- */
#IttatsuInfo {
	background:url(ittatsu_bg_01.jpg) center top no-repeat;
	background-size:cover;
	padding-top:40px;
	padding-bottom:25px;
}
#IttatsuInfo .logo {
	text-align:center;
	margin-bottom:30px;
}
#IttatsuInfo .logo img {
	width:220px;
}
#IttatsuInfo .description {
	text-align:center;
}
#IttatsuInfo .description p {
	font-size:88%;
	text-align:center;
	line-height:2.1;
}
#IttatsuInfo .btns {
	margin-top:30px;
}
#IttatsuInfo .btns li {
	margin-bottom:25px;
	text-align:center;
}
#IttatsuInfo .btns li a {
	border:1px solid #FFF;
	-ms-border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	width:80%;
	padding:7px;
	text-align:center;
	display:inline-block;
	position:relative;
}
#IttatsuInfo .btns li a:after{
	position: absolute;
	right:8px;
	top: 50%;
	font-size:80%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e90e';
	font-family: iconfontA;
	color:#fff;
}



.footerBg {
	background:url(recruit_bg_01.jpg) center center no-repeat;
	background-size:auto 130%;
}


/* // Footer //
----------------------------------------------- */
#Footer {
}


/* // snsLink //
----------------------------------------------- */
/* //    |- xxx  */

.snsLink {
	margin-top:25px;
	margin-bottom:15px;
	line-height:1;
}
.snsLink li {
	text-align:center;
	margin-bottom:15px;
	padding:0 19px;
}
.snsLink li:last-of-type {
	margin-bottom:0;
}
.snsLink li img {
	width:100%;
}

@media screen and (min-width: 741px)  {
	.snsLink {
		margin-top:35px;
		margin-bottom:15px;
	}
	.snsLink li {
		text-align:left;
		margin-bottom:2px;
		padding:0;
	}
	.snsLink li img {
		width:360px;
	}
}







/*
/*
*/