@charset "UTF-8";

/*
Theme Name:  ZEAL
Theme URI: http://zeaplus.co.jp/
Description: ZEAL
Version: 1.1
Author: ZEALPLUS
Author URI: http://zeaplus.co.jp/
*/


/*
===== CONTENTS ================================================================================

	Index:
  - Base Style
  - Layout

===============================================================================================
*/



/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Base Setting
==========================================================*/

body { font: 15px/1.5 "Times New Roman", "游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif;
margin:0; padding: 0; background: #FAFAFA; letter-spacing:0.2px; color:#000;  -webkit-text-size-adjust: 100%;}

a       { text-decoration: underline; color:#000;  }
a:hover { text-decoration: none;   color:#666666; }
a { outline:none;}
img { -ms-interpolation-mode: bicubic; max-width:100%; height:auto; }
:focus { outline: 0; }

.Cabin { font-family: 'Cabin', sans-serif;}
.fn-gothic{  font-family:"游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",  Helvetica, Arial, sans-serif; }


/* main-layout
==========================================================*/

body { }
#wrapper{ transition:all .4s; height: auto; }
#wrapper.active{ height:auto; overflow:hidden;   z-index:-2; }
.wrap{ margin:0 auto; width:1100px; }
.wrapInner{ }


/* header
==========================================================*/

#headerContainer {  background: #FAFAFA;  width:100%;  height:0; line-height:1; position: fixed; top:50px; opacity:0; z-index:-2;  transition:all .4s;}
#headerContainer.active{ z-index:998; height:100vh;  opacity:1;  top:0px; overflow:hidden; overflow-y:auto;  }
#headerInner {}
#header {}

#copyright{ line-height:1; margin-bottom:70px;  }
.backTop{ }

#menu{ margin:40px auto ; padding-bottom:40px; }
ul.menu { line-height:1; }
ul.menu li{ text-align:center; width:78%; margin:0 auto; border-bottom:1px solid #ccc; padding:5px 0;   }
ul.menu li a{  display: block;  /*background: url('../images/common/menubg.gif') no-repeat -124px 0px; */}



.navInner{ position:fixed; left:50px; top:50px; z-index:999; }

.menu-trigger{ width:40px; height: 22px; line-height: inherit;}
.menu-trigger.active{ margin-left:0px; }

.menu-trigger,
.menu-trigger span{display:inline-block; transition:all .4s;box-sizing:border-box; }
.menu-trigger span{position:absolute;left:0;width:100%; height:4px; background-color:#000;}
.menu-trigger span:nth-of-type(1){top:0}
.menu-trigger span:nth-of-type(2){top:12px}
.menu-trigger span:nth-of-type(3){bottom:0}
.menu-trigger:not(.active):hover span:nth-of-type(1){top:2px}
.menu-trigger:not(.active):hover span:nth-of-type(3){bottom:2px}
.menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(12px) rotate(-45deg);transform:translateY(12px) rotate(-45deg)}
.menu-trigger.active span:nth-of-type(2){opacity:0}
.menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-12px) rotate(45deg);transform:translateY(-12px) rotate(45deg)}


@media screen and (max-height: 1300px) {
	ul.menu li img{ height:92px; max-width:100%; width:auto; }
}
@media screen and (max-height: 800px) {
	ul.menu li img{ height:80px; max-width:100%; width:auto; }
}
@media screen and (max-width: 1120px) {
	.navInner{ position:fixed; left:30px; top:30px; z-index:999; }
}

/* content
==========================================================*/
#Container{  }


.pages{}
.ContentInner{}
.ContentInnerBlock{}

.h1tt{ position:absolute; text-indent:-999em;  }
.ttlbox{ line-height:1em; padding-bottom:15px; margin-bottom:60px; border-bottom:1px solid #bfbfbf; }




/* 2: layout
----------------------------------------------------------------------------------------------*/

/* 2column commons name
*/

.col{ }
	.col-l{ float:left; }
	.col-r{ float:right; }


.jpn-p{ font-size:18px; line-height:1.55; margin-bottom:8px; }
.jpn-p.jpn-ps{ font-size:16px; line-height:1.5; }
.eng-p{ font-size:14px; line-height:1.68;  font-family: 'Cabin', sans-serif; }
.tategaki{writing-mode: tb-rl; /* IE独自仕様 */
writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
letter-spacing:-0.5px;}

.english-ttl{ font-size:31px; line-height:1.1; }
.ttI-jp{font-size:16px; line-height:1.55; }


/* pages
==========================================================*/




/* INDEX */


#section-1{}
.main-logo{ max-width:550px; margin:50px auto 10px; text-align:center;}
	.main-lnner{ text-align:center; margin-bottom:10px; }
	.main-en{  font-family: 'Cabin', sans-serif; font-weight:bold; letter-spacing:1px; font-size:1.2em; margin-top:10px;
	 font-size:1.4em; margin-top:6px; font-family:Verdana, Geneva, sans-serif; }

.news-Inner{}
	.news-tako{ position:absolute; left:0; top:-85px;}
#news-box{ background:#fff; border-radius: 10px; border:1px solid #cacaca; padding:12px 20px; width:804px; line-height:1.4; margin-left:138px;
position: relative; min-height: 20px;}
#news-box:after, #news-box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#news-box:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 6px;
	margin-top: -6px;
}
#news-box:before {
	border-color: rgba(202, 202, 202, 0);
	border-right-color: #cacaca;
	border-width: 7px;
	margin-top: -7px;
}
	#news-box li{ font-size:17px; display:none; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -moz-text-overflow:ellipsis;
    -o-text-overflow: ellipsis;}
		#news-box li:first-child{ display:block;}
	#news-box li .date{ font-size:15px; padding-right:15px;}

.news-bnrInner{ margin:20px auto 0; text-align:center;}




#mainbnr_cartSlider{}
.mainbnrul li { padding: 0px; line-height: 1; background:url(../images/index/sidebnr_online_bg.png) center 0 no-repeat; background-size: contain; }
#mainbnr_cartSlider li{padding: 3px; line-height: 1;  position: relative; display: none;
	background:url(../images/index/sidebnr_online_bg.png) center 0 no-repeat; background-size: contain; }
.mainbnr_cart { margin-top: -38px; display: block; }
.mainbnr_go{ margin-bottom: 20px;}

.mainbnrInner { position: absolute; bottom: 50px; right: -50px;}
.mainbnrul { }
.mainbnrul li { margin-bottom:30px; }
.mainbnrul li:first-child { margin-bottom: 10px;}

.onlineshop-bnrInner{ position:absolute; right:0; top:-200px; z-index:1;}
/*.takonotetsugo-bnrInner{ position:absolute; right:3px; top:-370px; z-index:1;}*/



@media screen and (max-height: 950px) {
	.mainbnrInner { position: absolute; bottom: 20vh; }
}



/* NEWS */
.news-ttl{ font-family: 'Cabin', sans-serif; font-size:3em; font-weight:bold; letter-spacing:1px; margin-top:0px;}
.news-postInner{ width:624px; margin: 10px auto; position: relative; min-height: 20px}
.postinner{}
	.post-title{ background:#fff; border-radius: 10px; border:1px solid #cacaca; padding:12px 20px; padding-right:110px;  margin:0 -20px;font-size:17px; position:relative;}
	.post-date{  font-family: 'Cabin', sans-serif; font-size:0.9em; font-weight:bold; letter-spacing:1px; position: absolute; top:12px; right:20px; }
	.post-body{ padding:20px 0 40px; line-height:1.7; font-size: 90%;}






/* ABOUT */
#section-2{ overflow:hidden ; padding-top:30px;}
#about-grid{ }
	#about-grid li{margin-bottom:40px;}
	#about-grid li .eng-p{padding-left:2px;}
	#about-grid li .positioning{ position:relative;}
	#about-grid li .about-img-tt{ margin-bottom:17px;}

  #about-grid li.about01{ width:710px; margin-top:95px; }
		#about-grid li.about01 .positioning { left:-20px; top:-5px;}
		#about-grid li.about01 .col-l{ width:293px;}
		#about-grid li.about01 .col-r{ width:393px;}

  #about-grid li.about02{ width:390px; max-height:390px; }
		#about-grid li.about02 .positioning{}
		#about-grid li.about02 .col-l{ width:150px; padding-top:20px; margin-left:-6px; }
		#about-grid li.about02 .col-r{ width:265px; margin-right:-35px;}

  #about-grid li.about03{ width:710px; margin-bottom:70px; max-height:450px; }
		.about03-movie-tt{ font-size:2.6em; line-height:1.1; margin:10px 0;}
		#about-grid li.about03 .col-l{ width:380px; position:relative;}
		#about-grid li.about03 .col-r{ width:300px;}

		#about-grid li.about03 .col-l .positioning{ position:absolute; bottom:-40px; right:-165px; }
		#about-grid li.about03 .col-r .colin-txt{ float:left; width:130px; }
		#about-grid li.about03 .col-r .colin-img{ float:left; width:142px;  }
		#about-grid li.about03 .col-r .positioning{ margin-bottom:20px;}
		#about-grid li.about03 .col-r .positioning2{}


  #about-grid li.about04{ width:390px; }
		#about-grid li.about04 .positioning{ }
		#about-grid li.about04 .col-l{ width:315px;}
		#about-grid li.about04 .col-r{ width:230px; margin-right:-155px; } /*75*/

  #about-grid li.about05{  width:710px;}
		#about-grid li.about05 .positioning{ left:-5px; }
		#about-grid li.about05 .col-l{ width:282px;}
		#about-grid li.about05 .col-r{ width:428px; margin-top:-5px; }

  #about-grid li.about06{  width:390px;}
		#about-grid li.about06 .positioning{ }
		#about-grid li.about06 .col-l{ width:340px;}
		#about-grid li.about06 .col-r{ width:36px; margin-right:-4px; }

   #about-grid li.about07{  width:710px;}
		#about-grid li.about07 .positioning{ left:-25px; }
		#about-grid li.about07 .col-l{ width:340px;}
		#about-grid li.about07 .col-r{ width:370px; }

   #about-grid li.about08{  width:456px; margin-top:-20px;}
		#about-grid li.about08 .positioning{  }
		#about-grid li.about08 .col-l{ width:138px;}
		#about-grid li.about08 .col-r{ width:303px; }

	   #about-grid li.about09{  width:582px; margin-left:62px; margin-top:20px; }
		#about-grid li.about09 .positioning{ left:210px; top:-60px;  }
		#about-grid li.about09 .col-l{ width:524px;}
		#about-grid li.about09 .col-r{ width:155px; margin-right:-97px;  } /* 58 */






/* MENU COMMON */
.menu-grid3{ margin-left:-0.3%;}
	.menu-grid3 li{ float:left; width:33%; margin-left:0.3%; text-align:center; margin-bottom:40px;position:relative;}
	.menu-grid3 li .jpn-p{ font-size:16.5px; letter-spacing:-0.5px; }
	.menu-grid3 li .eng-p{ font-size:14px; }

.menu-grid5{ margin-left:0;}
	.menu-grid5 li{ float:left; width:20%; margin-left:0%; text-align:center; margin-bottom:30px; position:relative;}
	.menu-grid3 li dt,
	.menu-grid5 li dt{ margin-top:5px; font-size:21px; line-height:1.4; letter-spacing:0px; }
	.menu-grid5 li dd{ line-height:1.4; letter-spacing:0px;  }
	.menu-grid5 li dd.menu-jp-rep{ font-size:15px; line-height:1.4;  letter-spacing:-0.5px;  min-height:20px;}
	.menu-grid3 li dd.menu-en,
	.menu-grid5 li dd.menu-en{ font-size:20px; line-height:1.2;  }
	.menu-grid5 li dd.menu-en-rep{ font-size:11px;  line-height:1.2; font-family:Helvetica, sans-serif; }
	.menu-grid3 li .menu-price,
	.menu-grid5 li .menu-price{font-size:23px; letter-spacing:1px; }
	.menu-grid3 li .menu-price span,
	.menu-grid5 li .menu-price span{font-size:70%; padding-left:3px;}

.menu-ttInner{ text-align:center; margin-bottom:30px; }
.menu-more{ font-size:31px; line-height:1.1; text-align:center; padding-top:30px;}



/* SOUCE */
#section-3{margin-top:-50px; padding-top:50px;}
	#souce-ttInner{ margin-bottom:60px;}
	#souce-ttInner .english-ttl{  margin-bottom:25px; }
	#souce-ttInner .col-l{ width:683px;}
	#souce-ttInner .col-r{ width:407px; padding-left:10px;}
	#souce-ttInner .col-l .positioning{ float:right; margin-left: 28px; margin-right:50px; }
	#souce-ttInner .col-l .tategaki{ float:right; padding-top:5px;}

#souce-grid{}
	#souce-grid li{  }
	#souce-grid .menu-grid3 li dt{ margin-top:0px;font-size:21px; letter-spacing:1px;}
	#souce-grid li .bg-tako{ position:absolute; top:-30px; right:-30px; z-index:-1;}

	#souce-grid li .jpn-p {position: relative;padding-bottom: 15px;margin-bottom:15px;}
	#souce-grid li .jpn-p::after {
		position: absolute;
		bottom: -1px;
		left: 50%;
		z-index: 2;
		content: '';
		width: 30px !important;
		height: 1px;
		margin-left:-15px;
		border-bottom: 1px solid #000;
	}


/* FOOD */


#section-4{padding-top:70px;}
	#food-grid{}
		.menu-grid5 li.food-10 dd.menu-en.adjustment{ font-size:19px; }


#section-5{ padding-top:100px;}
	#drink-grid{}
	#drink-grid li .bg-tako{ position:absolute; top:-50px; right:-26px; z-index:-1;}


#section-6{ padding-top:100px;}
	#lunch-grid{}
	#section-6 .english-ttl{ margin-bottom:15px;}
	#section-6 .menu-ttInner{ margin-bottom:60px;}
	#lunch-grid li .bg-tako{ position:absolute; top:-30px; right:-26px; z-index:-1;}


/* PARTY */
#section-7{padding-top:100px;}
	#party-ttInner{ margin-bottom:40px; }
	#party-ttInner .english-ttl{  margin-bottom:25px; }
	#party-ttInner .col-l{ width:643px;}
	#party-ttInner .col-r{ width:447px; padding-left:10px;}
	#party-ttInner .col-l .positioning{ float:right; margin-left: 28px; margin-right:50px; }
	#party-ttInner .col-l .tategaki{ float:right; padding-top:5px; }
	#party-ttInner .menu-price{ font-size:39px; letter-spacing:1px; margin-top:30px; }
	#party-ttInner .menu-price span{font-size:70%; padding-left:3px;}
		.party-icn01{position:absolute; top:90px; left:0px; }
		.party-icn02{ position:absolute; top:155px; left:131px; }


.party-lnner{ width:880px; margin:30px auto 0px;}
	.party-lnner dl{ margin-bottom:50px;}
	.party-lnner dt{ font-size:39px; letter-spacing:1px;}
	.party-lnner dt span.party-en{font-size:70%; padding-left:3px;}
	.party-lnner dt span.party-dt {font-size:13px; padding-left:12px;}
	.party-lnner .party-spec{ font-size:13px; line-height:1.2; letter-spacing:0; text-align:center; background:#fff; border-radius: 10px; border:1px solid #cacaca; padding:12px 4px; margin:1px -20px 15px;}
	.party-cmt{  font-size:13px;  margin-bottom:20px;}



/* PROD */
#section-prod{padding-top:140px;}
	#prod-ttInner{ margin-bottom:80px; }
	#prod-ttInner .english-ttl{  margin-bottom:25px; }
	#prod-ttInner .col-l{ width:683px;}
	#prod-ttInner .col-r{ width:407px; padding-left:10px;}
	#prod-ttInner .col-l .positioning{ float:right; margin-left: 28px; margin-right:50px; }
	#prod-ttInner .col-l .tategaki{ float:right; padding-top:5px; }
			.prod-icn01{position:absolute; top:0px; left:0px; }

	.prod-lnner { max-width:1000px; margin:0 auto; }
	.prod-lnner .col-l{ width:230px;}
	.prod-lnner .col-r{ width:730px;}
	.prod-lnner .col-r dt{ margin-top:5px; font-size:21px; line-height:1.4; letter-spacing:0px; }
	.prod-lnner .col-r dt span{font-size:85%; }
	.prod-lnner .col-r .menu-price{font-size:23px; letter-spacing:1px;position: relative;margin-bottom:44px; }
	.prod-lnner .col-r .menu-price span{font-size:70%; padding-left:3px; }
			.prod-lnner .col-r .menu-price::after{position:absolute; left:0; bottom:-22px; z-index:2;content:'';width:30px;height:1px;background-color:#111}

	.prod-box{ margin-bottom:100px;}




/*STORE */
#section-8{ padding-top:120px; overflow:hidden;}
#section-8s{ position:absolute; top:0px;}
	#section-8 .positioning{ position:absolute; right:-15px; top:0;}
	.access-inner{ margin-bottom:100px;}
	.access-inner .col-l{ width:450px; line-height:1; }
	.access-inner .col-r{ width:568px; letter-spacing:0.8px;}

	.access-inner .col{ }
	.access-inner .col-r th { padding-bottom:4px;}
	.access-inner .col-r td {padding-bottom:4px;}
	.access-inner .col-r p {padding-bottom:4px;}
	.access-inner .store-tt{ font-size:21px; margin-bottom:15px;}
	.store-subtt{font-size:18px; line-height:1.2; margin-bottom:2px; }

	.storetable th{ width:60px;}
	.storetable-en th{ width:110px;}
	.store-box{ margin-bottom:50px;}
	.access-inner .col .maps {margin-top:25px;}
	.maps iframe { width:100%; height:300px; }



.bx-wrapper{position:relative;margin:0 auto 0px;padding:0;*zoom:1}
.bx-wrapper img{max-width:100%;display:block}
.bx-wrapper .bx-viewport{text-align:center}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;top:-20px;width:100%}
.bx-wrapper .bx-loading{min-height:50px;background:url(../js/jquery.bxslider/images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.bx-wrapper .bx-pager{text-align:left;font-size:.85em;font-family:Arial;font-weight:700;color:#D70000;}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}
.bx-wrapper .bx-pager.bx-default-pager a{background:#FFC800;text-indent:-9999px;display:block;width:6px;height:6px;margin-right:10px;outline:0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#D70000;}



/* JOB */
#section-9{padding:50px 70px 70px 40px; overflow:hidden;}
	#section-9 .col-l{ width:47%; padding-left:3%;}
	#section-9 .col-r{ width:49%;}
.requirement-Inner{}
	.requirement-Inner dl{}
	.requirement-Inner dt{ clear:left; float:left; height:100px;}
	.requirement-Inner dd{ margin-top:100px;}

#recruit-info { width: 80%; max-width: 960px; margin: 50px 0 20px 100px;}
  #recruit-info #news-box { width: auto;}
  #recruit-info #news-box p { font-size: 1.3rem;}
  #recruit-info #news-box p span { font-size: 1rem;}

/* SP
----------------------------------------------------------------------------------------------*/


/* SP BEFORE
==========================================================*/

body { min-width:1120px;}
.sp-hide-block{ display:block;}
.sp-hide{ display: inline-block;}
.sp-show-block,
.sp-show{display:none;}
.break-word {word-wrap: break-word;}

/* SP Style Setting
==========================================================*/

@media screen and (max-height: 800px) {
	ul.menu li img{ height: auto; max-width:100%;  }
}



@media screen and (max-width: 750px) {
body{ min-width: inherit; line-height:1.6;}
.sp-hide-block,
.sp-hide{ display: none;}
.sp-show{ display:inline-block;}
.sp-show-block{ display:block;}
.sp-br-none br{display: none;}

.wrap{ margin:0 4%; width: 92%; }
.col-l{ float: none; width:auto; }
.col-r{ float: none; width:auto; }



.navInner{ position:fixed; left:15px; top:15px; z-index:999; }

.jpn-p{ font-size:16px; line-height:1.55; margin-bottom:8px; }
.jpn-p.jpn-ps{ font-size:15px; line-height:1.5; }
.eng-p{ font-size:13px; line-height:1.68;  font-family: 'Cabin', sans-serif; }
.english-ttl{ font-size:27px; line-height:1.1; }
.ttI-jp{font-size:15px; line-height:1.55; }


.tategaki{
writing-mode: lr-tb;
writing-mode: horizontal-tb;
-moz-writing-mode: horizontal-tb;
-o-writing-mode: horizontal-tb;
-webkit-writing-mode: horizontal-tb;
letter-spacing:0px;}



/* INDEX */
#section-1{}
.main-logo { margin:50px auto 10px; }
	.news-Inner{}
	.news-tako{ position:absolute; left:0; top:-5px; width:17%;}
#news-box{ padding:5% 5%; width:70%; line-height:1.4; margin-left:20%; min-height:120px; }
	#news-box li{ font-size:17px; display:none; overflow: hidden; white-space: inherit;}
	.news-bnrInner{ margin:20px auto 0; text-align:center;}


	.mainbnrInner { position: inherit; bottom: auto; right: auto;  margin-bottom: 30px; }
	.mainbnrul { max-width: 340px; margin: 0 auto;}
	.mainbnrul li { float: left; width: 50%; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box;  }
	.mainbnr_go { text-align: center; margin: -5% auto -2%; }

	/*.mainbnrInner { margin: 0 5% 15px; }*/
	/*.mainbnrInner img{ max-width: 100%; height: auto;}*/
	/*.onlineshop-bnrInner{ position: inherit; right:0; top:0px; width: 49.5%;  display: inline-block; z-index:1; text-align: center; margin-bottom:10px; }*/
	/*.takonotetsugo-bnrInner{ position: inherit; right:0; top:0px; width: 47%; margin-right: 2%; display: inline-block; z-index:1; text-align: center; margin-bottom:10px; }*/


/* NEWS */
.news-postInner{ width:auto; margin: 10px auto; position: relative; min-height: 20px}
.postinner{ overflow: hidden;}
	.post-title{ background:#fff; width:108%; border-radius: 0px; border:1px solid #cacaca; padding:12px 8% 12px ; margin:0  -4% ; font-size:15px; position:relative;
	-webkit-box-sizing: border-box;box-sizing: border-box;}
	.post-date{  font-family: 'Cabin', sans-serif; font-size:0.9em; font-weight:bold; letter-spacing:1px; position: inherit; top: auto; right:auto; display:block; text-align: right;}
	.post-body{ padding:20px 0 40px; line-height:1.7; font-size: 85%;}



/* ABOUT */
#section-2{ overflow:hidden ; padding-top:30px;}
#about-grid{ }
	#about-grid li{margin-bottom:40px;}
	#about-grid li .eng-p{padding-left:2px;}
	#about-grid li .positioning{ position:relative;}
	#about-grid li .about-img-tt{ margin-bottom:8px;}

  #about-grid li.about01{ width:auto; margin-top:50px; }
		#about-grid li.about01 .positioning { left:-20px; top:-5px;}
		#about-grid li.about01 .col-l{ width:auto;}
		#about-grid li.about01 .col-r{ width:auto;}

  #about-grid li.about02{ width:auto;max-height: none; }
		#about-grid li.about02 .positioning{ width:60%; margin-left:20%; }
		#about-grid li.about02 .col-l{ width:auto; padding-top:20px; margin-left:0px; }
		#about-grid li.about02 .col-r{ width:auto; margin-right:0px;}

  #about-grid li.about03{ width:auto; margin-bottom:40px; max-height: none;}
		.about03-movie-tt{ font-size:2.6em; line-height:1.1; margin:10px 0;}
		#about-grid li.about03 .col-l{ width:auto; position:relative; }
		#about-grid li.about03 .col-r{ width:auto;}

		#about-grid li.about03 .col-l .positioning{ position: absolute; bottom:auto; right: auto; width:20%; margin-top:10px;}
		#about-grid li.about03 .col-r .colin-txt{ float: none; width:70%; margin-left:25%; margin-top:10px;}
		#about-grid li.about03 .col-r .colin-img{ float:none; width:auto;  }
		#about-grid li.about03 .col-r .positioning{ margin-bottom:20px;display:none;}
		#about-grid li.about03 .col-r .positioning2{display:none;}
		#Video-Inner video{ width:100%; height:auto;}


  #about-grid li.about04{ width:auto; }
		#about-grid li.about04 .positioning{ }
		#about-grid li.about04 .col-l{ width:65%; float:left; }
		#about-grid li.about04 .col-r{ width:30%; float:right; margin-right:0px; }
		#about-grid li.about04 .col-l .eng-p{ position:relative; width:140%; }


  #about-grid li.about05{  width:auto;}
		#about-grid li.about05 .positioning{ left:0; width:70%; margin-left:30%;  }
		#about-grid li.about05 .col-l{ width:auto;}
		#about-grid li.about05 .col-r{ width:auto; margin-top:10px; }

  #about-grid li.about06{  width:auto;}
		#about-grid li.about06 .positioning{ }
		#about-grid li.about06 .col-l{width:85%; float:left; }
		#about-grid li.about06 .col-r{  width:10%; float:right; margin-right:-2px; }

   #about-grid li.about07{  width:auto;}
		#about-grid li.about07 .positioning{ left:0px; top:-10px; width:70%; margin-left:30%;  }
		#about-grid li.about07 .col-l{ width:auto;}
		#about-grid li.about07 .col-r{ width:auto; }

   #about-grid li.about08{  width:auto; margin-top:-0px;}
		#about-grid li.about08 .positioning{  }
		#about-grid li.about08 .col-l{ width:30%; float:left; }
		#about-grid li.about08 .col-r{ width:65%; float:right;  }

	   #about-grid li.about09{  width:auto; margin-left:0px; margin-top:20px; }
		#about-grid li.about09 .positioning{ left: auto; top:-20px; width:80%; margin-left:20%;  }
		#about-grid li.about09 .col-l{ width:auto;}
		#about-grid li.about09 .col-r{ width:auto; margin-right:-0px; margin-top:10px; }




/* MENU COMMON */
.menu-grid3{ margin-left:-0%;}
	.menu-grid3 li{ float:none; width:auto; margin-left:0%;  text-align:center; margin-bottom:30px; position:relative;}
	.menu-grid3 li .jpn-p{ font-size:15px; letter-spacing:-0.5px; }
	.menu-grid3 li .eng-p{ font-size:13px; }
	.menu-grid3 li .grid-img { width:70%; margin:0 auto;}

.menu-grid5{ margin-left:-0%;}
	.menu-grid5 li{ float:none; width:auto; margin-left:0%;  text-align:center; margin-bottom:30px; position:relative;}
	.menu-grid5 li .grid-img { width:70%; margin:0 auto;}
	.menu-grid5 li dd.menu-jp-rep{ min-height: inherit;}

	.menu-grid3 li dt,
	.menu-grid5 li dt{ font-size:20px; }
	.menu-grid3 li dd.menu-en,
	.menu-grid5 li dd.menu-en{ font-size:18px;  }


/* SOUCE */
#section-3{margin-top:-50px; padding-top:50px;}
	#souce-ttInner{ margin-bottom:60px;}
	#souce-ttInner .english-ttl{  margin-bottom:25px; }
	#souce-ttInner .col-l{ width:auto;}
	#souce-ttInner .col-r{ width:auto; padding-left:0px;}
	#souce-ttInner .col-l .positioning{ float:right; margin-left: 8%; margin-right:0px; }
	#souce-ttInner .col-l .tategaki{ float:none; width:auto; padding-top:5px; padding-bottom:15px;}

#souce-grid{}
	#souce-grid li{ }
	#souce-grid li .bg-tako{ position:absolute; top:-30px; right:3%; z-index:-1; width:90px;}
	#souce-grid .menu-grid3 li .grid-img { width:50%; margin:0 auto;}
	.sp-show-more{ /*padding-top:20vw;*/ text-align:center; }



#section-4{ padding-top:70px;}
	#food-grid{}
		.menu-grid5 li.food-10 dd.menu-en.adjustment{ font-size:19px; }


#section-5{ padding-top:70px;}
	#drink-grid{ padding-top:20px;}
	#drink-grid li .bg-tako{ position:absolute; top:-20px; right:3%;  z-index:-1;width:90px;}
	#drink-grid .menu-grid5 li .grid-img { width:50%; margin:0 auto;}


#section-6{ padding-top:100px;}
	#lunch-grid{}
	#section-6 .english-ttl{ margin-bottom:15px;}
	#section-6 .menu-ttInner{ margin-bottom:60px;}
	#lunch-grid li .bg-tako{ position:absolute; top:-12px; right:3%;   z-index:-1;width:90px;}




/* PARTY */
#section-7{padding-top:100px;}
	#party-ttInner{ margin-bottom:40px; }
	#party-ttInner .col-l{ width:auto;}
	#party-ttInner .col-r{ width:auto; padding-left:0px;}
	#party-ttInner .col-l .positioning{ float:right;margin-left: 8px; margin-right:0px; }
	#party-ttInner .col-l .tategaki{ clear:both; float: none; width:100%; padding-top:5px; padding-bottom:20px; }
	#party-ttInner .menu-price{ font-size:32px; letter-spacing:1px; margin-top:15px; }
	#party-ttInner .menu-price span{font-size:70%; padding-left:3px;}
		.party-icn01{position: inherit; top: auto; left:auto; }
		.party-icn02{ position:inherit; top:auto; left:auto; padding-bottom:10px; }

		.party-icn-sp{  float:left ;width:40%; margin-top:-10px; margin-bottom:10px;  }


.party-lnner{ width:auto; margin:30px auto 0px;}
	.party-lnner dl{ margin-bottom:50px;}
	.party-lnner dt{ font-size:32px; letter-spacing:1px;}
	.party-lnner dt span.party-en{font-size:70%; padding-left:3px;}
	.party-lnner .party-spec{padding:12px 14px; margin:1px 0px 15px; line-height:1.4;}
		.party-lnner dd{ padding:0 5px;}
	.party-cmt{  font-size:13px;  margin-bottom:20px;}



/* PROD */


#section-prod{ padding-top:140px;}
	#prod-ttInner{ margin-bottom:40px; }
	#prod-ttInner .english-ttl{  margin-bottom:5px; }
	#prod-ttInner .col-l{ width:auto;  }
	#prod-ttInner .col-r{ width:auto; padding-left:0px; }
	#prod-ttInner .col-l .positioning{ float:right; float:none; margin-left: 12px;
	margin-left: 0px; margin-right:0px; }
	#prod-ttInner .col-l .tategaki{  clear:both; float: none; width:100%; padding-top:20px; padding-bottom:20px; }
			#prod-ttInner .prod-icn01{ position: inherit; top: auto; left:auto;display:none; }

	.prod-lnner { max-width: none; margin:0 auto; }
	.prod-lnner .col-l{ width:50%; margin:0 auto;}
	.prod-lnner .col-r{ width:auto;}
	.prod-lnner .col-r dt{ margin-top:5px; font-size:18px; line-height:1.4; letter-spacing:0px; }
	.prod-lnner .col-r dt span{font-size:85%; }
	.prod-lnner .col-r .menu-price{font-size:20px; letter-spacing:1px;position: relative;margin-bottom:22px; }
	.prod-lnner .col-r .menu-price span{font-size:70%; padding-left:3px; }
			.prod-lnner .col-r .menu-price::after{position:absolute; left:0; bottom:-12px; z-index:2;content:'';width:30px;height:1px;background-color:#111}

	.prod-box{ margin-bottom:40px;}




/*STORE */
#section-8{ padding-top:120px; overflow:hidden;}
#section-8s{ position:absolute; top:0px;}
	#section-8 .positioning{ position:absolute; right:-3px; top:-20px; width:90px;}
	.access-inner{ margin-bottom:100px;}
	.access-inner .col-l{ width:auto; line-height:1; }
	.access-inner .col-r{ width:auto; letter-spacing:0.8px;}

	.maps iframe { width:100%; height:200px;}



/* JOB */
#section-9{ padding:50px 0px 70px 0px; overflow:hidden;}
	#section-9 .col-l{ width:auto; padding-left:0%; padding-top:30px;}
	#section-9 .col-r{ width:auto;}
.requirement-Inner{}
	.requirement-Inner dl{}
	.requirement-Inner dt{ clear:left; float:left; height:auto;}
	.requirement-Inner dd{ margin-top:100px;}

  #recruit-info { width: 100%; margin: 30px 0 0;}
    #recruit-info #news-box{ padding: 5% 5%; width:70%; line-height:1.4; margin-left:20%; min-height: auto; }
    #recruit-info #news-box p { font-size: 1.1rem;}
    #recruit-info #news-box p span { display: block; font-size: 0.85rem; line-height: 1.5; margin-top: 10px;}

}


@media screen and (max-width: 450px) {
   .mainbnr_cart { margin-top: -28%;}


}