@charset "utf-8";

/* ===================================================================
 index
=================================================================== */

#d-navi{
	display: none;
}

#home #main-slide{
	width: 100%;
	margin-top: 100px
}

#home #main-slide img{
	width: 100%;
	min-width: 1400px;
}

#home #main-slide .sp-slide{
	background-color: #000
}

#home #main-slide .cp_slide img{
	width: auto !important;
	left: 50%;
	margin-left: -700px;
	margin-top: 0px !important;
	top: 0;
	position: absolute;
}

@media only screen and (min-width: 1500px){
	#home #main-slide img{
		margin-top: -2%
	}
}

@media only screen and (min-width: 1600px){
	#home #main-slide img{
		margin-top: -3%
	}
}

@media only screen and (min-width: 1800px){
	#home #main-slide img{
		margin-top: -4%
	}
}

#home #main-slide img.txt-slide{
	width: auto;
	min-width: 0;
	position: absolute;
	left: 50%;
	margin-left: -540px;
	margin-top: 100px
}

#home .caption-slide{
	width: 100%;
	min-width: 1200px;
	background: rgba(0,0,0,0.5);
	position: absolute;
	bottom: 0;
	height: 40px;
	color: #fff
}

#home .caption-slide p{
	width: 1200px;
	padding: 10px;
	box-sizing:border-box;
	margin: 0 auto !important;
	position: relative !important;
}

@media only screen and (max-width: 1400px){
	#home #slider1 .sp-slide{
		width: auto !important
	}
}

#home .sp-button{
	background: #CCCCCC;
	border: #CCCCCC
}

#home .sp-selected-button{
	background: #000000;
	border: #000000
}

#home #info{
	height: 80px;
	padding-top: 40px;
	font-size: 14px
}

#home #info .inner{
	line-height: 14px
}

#home #info .inner dd,
#home #info .inner dt{
	float: left;
}

#home #info .inner dd{
	box-sizing:border-box;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	width: 220px;
	text-align: center;
	font-weight: 900
}

#home #info .inner dt{
	margin-left: 40px !important;
	width: 880px !important
}

#home #info .inner dt span{
	display: inline-block;
	margin-right: 30px
}

#home.pc #slider1 div.sp-mask.sp-grab{
	height: 520px !important;
	overflow: hidden;
}

#home #slider1.sp-horizontal .sp-previous-arrow{
	background: url(/img/common/btn_arrow-wh_left.png) no-repeat;
	background-size: auto 100%;
	background-position: 0px center;
	left: 40px;
}

#home #slider1.sp-horizontal .sp-next-arrow{
	background: url(/img/common/btn_arrow-wh_right.png) no-repeat;
	background-size: auto 100%;
	background-position: 0px center;
	right: 40px;
	-webkit-transform: skew(0deg, 0deg);
	-ms-transform: skew(0deg, 0deg);
	transform: skew(0deg, 0deg);
}

#home #slider1 .sp-arrow{
	width: 20px;
	height: 32px;
}

#home.pc #slider2 div.sp-mask.sp-grab{
	height: 15px !important
}

#home #slider2.sp-horizontal .sp-arrows{
	top: 100%;
	width: 940px !important;
	position: relative;
}

#home #slider2.sp-horizontal .sp-previous-arrow{
	background: url(/img/common/btn_arrow-bk_left.png) no-repeat;
	background-size: auto 100%;
	background-position: 0px center;
	right: 22px;
	left: auto;
	border-right: 2px solid #000;
	padding-right: 16px
}

#home #slider2.sp-horizontal .sp-next-arrow{
	background: url(/img/common/btn_arrow-bk_right.png) no-repeat;
	background-size: auto 100%;
	background-position: 0px center;
	right: 0px;
	left: auto;
	-webkit-transform: skew(0deg, 0deg);
	-ms-transform: skew(0deg, 0deg);
	transform: skew(0deg, 0deg);
}

#home #slider2 .sp-arrow{
	width: 6px;
	height: 8px;
	margin-top: 6px
}

.sp-arrow:before,
.sp-arrow:after{
	display: none;
}

#home section{
	position: relative;
	z-index: 99;
	background: #fff
}

#home .outer{
	height:600px;
	background: transparent;
	position: relative;
	z-index: 99
}

#home .outer p{
	font-size: 48px;
	font-weight: 900;
	color: #fff;
	text-align: center;
	line-height: 600px
}

#home #slide{
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center middle;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: -1;
	margin-top: -100px
}

#home .slide01{
	background-image: url(/img/index/bg_parallax_01.jpg);
}

#home .slide02{
	background-image: url(/img/index/bg_parallax_02.jpg);
}

#home #read-box{
	padding: 100px 0;
	background: #fff;
	position: relative;
	z-index: 99
}

#home #read-box .img-box,
#home #read-box .txt-box{
	width: 600px;
	height: 600px;
	overflow: hidden;
	box-sizing:border-box;
}

#home #read-box #since .img-box,
#home #read-box #world .txt-box{
	float: left;
}

#home #read-box #world .img-box,
#home #read-box #since .txt-box{
	float: right;
}

#home #read-box .img-box{
	line-height: 0
}

#home #read-box .img-box img,
#home #read-box .img-box div{
	width: 300px;
	height: 300px;
	position: relative;
}

#home #read-box .img-box div{
	float: left;
}

#home #read-box .img-box div p{
	position: absolute;
	right: 10px;
	bottom: 20px;
	z-index: 99;
	color: #fff
}

#home .txt-box{
	line-height: 24px;
	text-align: center;
	padding-top: 168px;
}

#home .txt-box h1{
	font-size: 48px;
	font-weight: 900;
	margin-bottom: 40px
}

#home .txt-box p{
	font-size: 12px;
}

#home .txt-box hr{
	border-top: 2px solid #000;
	margin: 30px auto;
	width: 40px
}

#home .txt-box hr+p{
	font-size: 14px;
}

#home #fresh{
	overflow: hidden;
	min-width: 1200px;
	width: 100%;
	text-align: center;
}

#home #fresh .inner{
	position: relative;
	height: 680px;
	overflow: visible;
}

#home #fresh img{
	position: absolute;
	top: 100px;
	visibility: hidden;
}

#home #fresh img.animated{
	visibility: visible;
}

#home #fresh img.b-left{
	left: -360px;
}

#home #fresh img.b-right{
	right: -360px;
}

#home #fresh .ghost-btn{
	margin-top: 40px
}

#home #insta h1{
	font-size: 36px;
	font-weight: 900;
	margin-bottom: 40px;
	text-align: center;
}

#home #insta #instafeed{
	height: 596px;
	margin-bottom: 100px;
	overflow: hidden;
}

#home #insta #instafeed li{
	float: left;
	width: 294px;
	height: 294px;
	margin-right: 8px;
	margin-bottom: 8px
}

#home #insta #instafeed li:nth-child(4),
#home #insta #instafeed li:nth-child(8){
	margin-right: 0
}

#home #insta #instafeed li img{
	width: 100%;
	height: 100%
}

#home #press{
	background: #F6F6F6;
	padding: 60px 0 50px
}

#home #press h1{
	text-align: center;
	font-size: 24px;
	font-weight: 900;
	margin-bottom: 40px
}

#home #press .ghost-btn{
	width: 140px
}

#home #press dl {
	position: relative;
	width: 800px;
	margin: 0 auto
}


#home #press dl dt,
#home #press dl dd{
	line-height: 26px;
	margin-bottom: 20px;
	padding-bottom: 20px
}

#home #press dl dt{
	width: 100px;
	text-align: left;
	font-size: 12px;
	left: 0;
    position: absolute;
}

#home #press dl dd{
	padding-left: 100px;
	width: 800px;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	box-sizing:border-box;
}

#home #press dl dd:last-child{
	margin-bottom: 34px
}

/* ===================================================================
 ABOUT
=================================================================== */

#about #slide{
	background-image: url(/img/about/bg_parallax.jpg);
}

#about .inner h2{
	font-size: 24px;
	margin-bottom: 60px;
}

#about .inner .box{
	width: 580px;
	float: left;
}

#about .inner .box+.box{
	margin-left: 40px
}

#about .inner .box img{
	width: 100%;
	height: auto
}

#about .inner h3{
	font-size: 24px;
	margin-top: 30px;
	margin-bottom: 18px;
}

#about .inner h4{
	font-size: 14px;
	margin-bottom: 26px;
}

#about .inner p{
	line-height: 24px
}

#about .inner+.inner{
	margin-top: 90px
}

/* ===================================================================
 MENU
=================================================================== */

#menu.third #contents h1{
	margin-bottom: 40px;
	padding: 0 10px
}

#menu.index #slide{
	background-image: url(/img/menu/bg_parallax.jpg);
}

#menu.index .inner h2{
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
}

#menu.index .inner .box{
	width: 380px;
	margin-bottom: 80px;
	float: left;
}

#menu.index .inner .box+.box{
	margin-left: 30px
}

#menu.index .inner .box:nth-child(4){
	margin-left: 0
}

#menu.index .inner .box:nth-of-type(n+4){
	margin-bottom: 0
}


#menu.index .inner p{
	line-height: 24px;
	text-align: center;
	margin-bottom: 30px
}

#menu.index .inner a.ghost-btn{
	width: 200px
}

#menu p.note{
	text-align: right;
	width: 1200px;
	font-size: 12px;
	line-height: 1;
	margin: -60px auto 72px;
	position: relative;
}

.detail li{
	width: 25%;
	box-sizing:border-box;
	border-left: 0;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	text-align: center;
	padding: 50px 0 0;
	float: left;
	margin: 0 0 -1px;
	min-height: 492px
}

.side .detail li,
.dessert .detail li{
	min-height: 420px
}

.detail li:nth-child(4),
.detail li:nth-child(8),
.detail li:nth-child(12){
	border-right: 0
}

.detail h2{
	line-height: 24px;
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 10px
}

.detail h2.one-line{
	height: 48px
}

.detail h3{
	font-size: 14px;
	margin-bottom: 26px
}

.detail dl{
	margin-bottom: 30px;
	font-size: 12px
}

.detail dd,
.detail dt{
	display: inline-block;
}

.detail dd+dt{
	margin-left: 6px
}

.detail dt+dd,
.detail br+dd{
	margin-left: 16px
}

.detail p{
	font-size: 12px;
	line-height: 20px;
	height: 100px
}

#guidance{
	background:#F6F6F6;
	font-size: 14px;
	line-height: 26px;
	padding: 30px 0;
	text-align: center;
	width: 1200px;
	margin: 50px auto 0
}

#guidance a{
	text-decoration: underline;
	display: inline-block;
}

#guidance br+a{
	padding-top: 6px
}

#menu.thick #slide{
	background-image: url(/img/menu/thick/bg_parallax.jpg);
}

#menu.burgers #slide{
	background-image: url(/img/menu/burgers/bg_parallax.jpg);
}

#menu.chicken #slide{
	background-image: url(/img/menu/chicken/bg_parallax.jpg);
}

#menu.breakfast #slide{
	background-image: url(/img/menu/breakfast/bg_parallax.jpg);
}

#menu.side #slide{
	background-image: url(/img/menu/side/bg_parallax.jpg);
}

#menu.dessert #slide{
	background-image: url(/img/menu/dessert/bg_parallax.jpg);
}

/* ===================================================================
 COMPANY and CONTACT
=================================================================== */

#company #contents .inner,
#contact #contents .inner{
	width: 960px
}

#company #contents .inner+.inner{
	margin-top: 70px
}

#company #slide,
#contact #slide{
	background-image: url(/img/company/bg_parallax.jpg);
}

#company #contents h2{
	font-size: 24px;
	margin-bottom: 30px
}

#company #contents table th{
	width: 200px
}

#company #contents table th,
#company #contents table td{
	padding: 16px 20px;
}

#company #contents .box{
	border: 1px solid #e6e6e6;
	padding: 40px;
	box-sizing:border-box;
	width: 960px;
}

#company #contents .box p{
	line-height: 26px;
	font-size: 14px
}

#company #contents .box div{
	width: 420px;
	float: left;
	margin-top: 36px;
	margin-bottom: 56px
}

#company #contents .box div img{
	width: 100%;
	margin-bottom: 16px
}

#company #contents .box div+div{
	margin-left: 38px
}

#contact .wpcf7-list-item-label{
	display: none;
}

#contact .wpcf7-response-output{
	display: none !important;
}

#contact div.wpcf7 img.ajax-loader{
	display: none !important;
}

#contact span.wpcf7-list-item{
	margin-left: 0;
}

#contact th,
#contact td{
	vertical-align: top
}

#contact th span{
	display: inline-block;
	background: #000;
	color: #fff;
	font-size: 10px;
	line-height: 1;
	margin-left: 10px;
	padding: 2px 10px
}

#contact td .hs{
	width: 500px;
	background: #F7F7F7;
	border: 1px solid #E6E6E6;
	padding: 6px 10px;
	border-radius: 0;
    -webkit-appearance: none;
}

#contact td .hs.wpcf7c-conf{
  background: none;
  border:none;
}

#contact td textarea.hs.wpcf7c-conf{
  resize: none;
  outline: none;
}

#contact td input:focus{
	color: #000
}

#contact td textarea.hs{
	height: 240px;
	color: #000
}

#contact label{
	text-align: center;
	display: inherit;
	margin-top: 50px
}

#contact .submit{
	text-align: center;
}

#contact .submit input{
	display: inline-block;
	text-align: center;
	border: 2px solid #000;
	width: 196px;
	height: 36px;
	background: #fff;
	margin: 50px 20px 0;
	font-size: 14px;
	font-weight: 900;
	box-sizing:border-box;
	border-radius: 0;
    -webkit-appearance: none;
}

#contact .submit input:disabled{
	color: #B3B3B3;
	border: 2px solid #E6E6E6;
}




/* ===================================================================
 LOCATION
=================================================================== */

#location #menu-list.shop-list li a{
	width: 200px;
	padding: 0
}

#location.index #slide{
	background-image: url(/img/location/bg_parallax.jpg);
}

#location .inner .box{
	width: 580px;
	margin-bottom: 60px;
	float: left;
}

#location .inner .box:nth-child(odd){
	margin-left: 0
}

#location .inner .box:nth-child(even){
	margin-left: 38px
}

#location.index .inner h2{
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: 20px;
}

#location.index .inner p{
	line-height: 1;
	text-align: center;
	margin-bottom: 30px;
	font-size: 14px
}

#location.index .inner a.ghost-btn{
	width: 200px
}

#location.akihabara #slide{
	background-image: url(/img/location/akihabara/bg_parallax.jpg);
}

#location.shonan #slide{
	background-image: url(/img/location/shonan/bg_parallax.jpg);
}

#location.jiyugaoka #slide{
	background-image: url(/img/location/jiyugaoka/bg_parallax.jpg);
}

#location.third .inner div>h2,
#location.third article>h2{
	font-size: 24px;
	margin-bottom: 40px;
}

#location.third #contents table th{
	width: 140px
}

#location.third #icon-list{
	text-align: center;
	margin-top: 20px
}

#location.third #icon-list li{
	display: inline-block;
	position: relative;
	margin: 0 5px
}

#location.third #icon-list li img{
	width: 60px;
	height: auto
}

#location.third #icon-list li p{
	position: absolute;
	font-size: 38px;
	font-weight: 900;
	letter-spacing: -2px;
	width: 100%;
	text-align: center;
	padding-top: 2px;
	margin-left: -1px
}

#location.third.jiyugaoka #icon-list li p{
	font-size: 28px;
	padding-top: 8px
}

#location.third #menu-list{
	margin-bottom: 70px
}

#location.third li.tab{
	display: none;
}

#location.third li.tab:first-child{
	display: block;
}

#location.third .detail li:nth-child(4),
#location.third .detail li:nth-child(8),
#location.third .detail li:nth-child(12){
	border-right: 1px solid #E6E6E6;
}

#location.third .detail li:first-child,
#location.third .detail li:nth-child(5),
#location.third .detail li:nth-child(9),
#location.third .detail li:nth-child(13){
	border-right: 0
}

#location.third .detail li:first-child{
	border-bottom: 0
}

#location.third .tab li.title{
	width: 100%;
	display: block;
	height: auto;
	min-height: 0;
	margin: 0 0 60px;
	padding: 0;
	font-size: 20px;
	text-align: center;
	font-weight: 900
}

/* ===================================================================
 NEWS and PRESS
=================================================================== */

#news #slide{
	background-image: url(/img/news/bg_parallax.jpg);
}

#press #slide{
	background-image: url(/img/press/bg_parallax.jpg);
}

body#news.seconde dl,
body#press.seconde dl {
	position: relative;
	width: 960px;
	border-top: 1px solid #E6E6E6;
	padding-top: 20px;
	margin: 0 auto
}


body#news.seconde dl dt,
body#news.seconde dl dd,
body#press.seconde dl dt,
body#press.seconde dl dd{
	line-height: 26px;
	margin-bottom: 20px;
	padding-bottom: 20px
}

body#news.seconde dl dt,
body#press.seconde dl dt{
	width: 100px;
	text-align: left;
	font-size: 14px;
	left: 0;
    position: absolute;
}

body#news.seconde dl dd,
body#press.seconde dl dd{
	padding-left: 100px;
	width: 960px;
	border-bottom: 1px solid #E6E6E6;
	font-size: 14px;
	box-sizing:border-box;
}

body#news.seconde dl dd:last-child,
body#press.seconde dl dd:last-child{
	margin-bottom: 34px
}

body#news.third .inner{
	text-align: center;
}

body#news.third .inner h2{
	font-size: 24px;
	margin-bottom: 30px;
}

body#news.third .inner .time{
	display: inline-block;
	font-size: 14px;
	margin-bottom: 40px
}

body#news.third #contents .inner .content_box{
	width: 640px;
	margin: 0 auto
}


body#news.third #contents .inner p{
	text-align: left;
	font-size: 14px;
	line-height: 26px
}

body#news.third #contents .inner img+p{
	margin-top: 50px
}

body#news.third #contents .inner p+p{
	margin-top: 40px
}

body#news.third dl{
	position: relative;
	width: 100%;
	border-top: 1px solid #E6E6E6;
	padding-top: 20px;
	margin: 0 auto
}

body#news.third dl dt,
body#news.third dl dd{
	line-height: 26px;
	margin-bottom: 20px;
	padding-bottom: 20px
}

body#news.third dl dt{
	width: 320px;
	text-align: left;
	font-size: 14px;
	left: 0;
    position: absolute;
}

body#news.third dl dd{
	padding-left: 320px;
	width: 100%;
	border-bottom: 1px solid #E6E6E6;
	font-size: 14px;
	text-align: right;
	box-sizing:border-box;
}

body#news.third dl dd img{
	width: 180px;
	height: auto
}

body#news.third dl dd:last-child{
	margin-bottom: 0
}

/* ===================================================================
 PRIVACY
=================================================================== */

#privacy #slide{
	background-image: url(/img/privacy/bg_parallax.jpg);
}

#privacy #contents h2,
#privacy #contents h3,
#privacy #contents h4{
	font-weight: 500;
	text-align: left;
}

#privacy #contents{
	font-size: 14px;
	line-height: 26px;
}

#privacy #contents .inner{
	width: 960px
}

#privacy #contents h2{
	font-size: 22px;
	padding-bottom: 20px;
	border-bottom: 4px solid #000
}

#privacy #contents h3{
	font-size: 18px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #000
}		

#privacy #contents h2+p,
#privacy #contents h3+p,
#privacy #contents p+p{
	margin-top: 20px
}

#privacy #contents p+h2{
	margin-top: 70px
}

#privacy #contents p+h3,
#privacy #contents ul+h3{
	margin-top: 40px
}

#privacy #contents p+h4,
#privacy #contents p+ul{
	margin-top: 30px
}

#privacy #contents li{
	text-indent: -26px;
	padding-left: 26px
}

#privacy #contents h4+p{
	margin-top: 14px
}

#privacy #contents h2+h3{
	margin-top: 40px
}

#privacy #contents a{
	font-weight: bold;
	text-decoration: underline;
}


/* ===================================================================
 RECRUIT
=================================================================== */

#recruit.index #slide{
	background-image: url(/img/recruit/bg_parallax.jpg);
	background-size: auto;
}

#recruit.part #slide{
	background-image: url(/img/recruit/part/bg_parallax.jpg);
	background-size: auto;
}

#recruit.staff #slide{
	background-image: url(/img/recruit/staff/bg_parallax.jpg);
	background-size: auto;
}

@media only screen and (min-width: 1400px){
	#recruit.index #slide,
	#recruit.part #slide,
	#recruit.third #slide{
		background-size: cover !important;
		background-position: center top;
	}
}

#recruit.index .inner .box{
	width: 580px;
	margin-bottom: 60px;
	float: left;
}

#recruit.index .inner .box img{
	width: 100%;
	height: auto
}

#recruit.index .inner .box+.box{
	margin-left: 38px
}

#recruit.index .inner h2{
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: 20px;
}

#recruit.index .inner p{
	line-height: 1;
	text-align: center;
	margin-bottom: 30px;
	font-size: 14px
}

#recruit.index .inner a.ghost-btn{
	width: 200px
}

#recruit #menu-list li a{
	width: 200px;
	padding: 0
}

#recruit.third #contents .inner{
	width: 960px
}

#recruit #contents td p+p{
	margin-top: 20px
}