.snavbtn,

.stoptxt,

.stel {

	display:none;

}



.toptxt,

footer {

	width:100%;

	position:relative;

	overflow:hidden;

}



/* ---------  f_view ------------ */



.slider {

  /*  写真の比率を計算 */

  height:calc(812 / 1960 * 100vw);

  margin: 0 auto;

  position: relative;

  overflow: hidden;

}

.slider ul {

  margin: 0;

  padding: 0;

}

.slider ul li {

  position: absolute;

  top: 0;

  left: 0;

  animation-iteration-count: infinite;

  animation-duration: 24s;



}

.slider ul li:nth-child(1) {

  animation-name: slider-zoomin;

  animation-delay: -3s;

}

.slider ul li:nth-child(2) {

  animation-name: slider-zoomout;

  opacity: 0;

  animation-delay: 5s;

}

.slider ul li:nth-child(3) {

  animation-name: slider-zoomin;

  opacity: 0;

  animation-delay: 13s;

}

/*



.slider ul li:nth-child(4) {

  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/381167/animal4.jpg");

  animation-name: slider-zoomout;

  opacity: 0;

  animation-delay: 21s;

}

.slider ul li:nth-child(5) {

  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/381167/animal5.jpg");

  animation-name: slider-zoomin;

  opacity: 0;

  animation-delay: 29s;

}

*/

.slider ul li img {

  width: 100%;

  max-width:130%;

}

/*@media only screen and (max-width: 768px) {

  .slider {

    height: 400px;

  }

  .slider ul li {

    background-size: contain;

  }

}*/



/* 計算方法 １枚当たり8秒

	写真枚数　×　８秒　＝　総時間

	５秒×100　÷　総時間　＝　２つ目のパーセンテージ

	８秒×100　÷　総時間　＝　３つ目のパーセンテージ

	11秒×100　÷　総時間　＝　４つ目のパーセンテージ

*/

@keyframes slider-zoomin {

  0% {

    opacity: 0;

    transform: scale(1);

  }

  20.83% {

    opacity: 1;

  }

  33.33% {

    opacity: 1;

  }

  45.83% {

    opacity: 0;

  }

  100% {

    opacity: 0;

    transform: scale(1.3);

  }

}





@keyframes slider-zoomout {

  0% {

    opacity: 0;

    transform: scale(1.3);

  }

  20.83% {

    opacity: 1;

  }

  33.33% {

    opacity: 1;

  }

  45.83% {

    opacity: 0;

  }

  100% {

    opacity: 0;

    transform: scale(1);

  }

}



h1.heading {

	text-align:center;

	font-size:42px;

}



.heading2 {

    text-align: center;

    font-size: 129%;

}



/* --- #welcom --- */



#wel .inner {

    padding: 80px 20px 0 20px;

}



#wel .inner::before {

	display:block;

	content:"";

	width:42vw;

	height:32vw;

	max-width:840px;

	max-height:640px;

	background:url(../images/bg_welcome01-2.png) no-repeat ;

	background-size:cover;

	position:absolute;

	top:0%;

	right:0;

	margin:auto;

	z-index:-1;

}



#wel .heading2 {

	margin-bottom:40px;

}



#wel p,

#menu p {

	text-align:center;

	margin-top:1.5em;

	line-height:2em;

	letter-spacing:0.02em;

}



#coupon {

    width: 100%;

    margin: 80px auto;

	text-align:center;

    /*max-width: 640px;*/

}



#coupon a {

	display:block;

	width:100%;

}



#coupon a:first-of-type {

	margin-bottom:2em;

}



/* --- 時短営業のお知らせ --- */



.corona_time {

	text-align:center;

	margin:40px auto;

}



/* --- #news --- */



#news_list {

    margin: 40px auto;

    width: 80%;

    padding: 0 40px;

    max-width: 1000px;

}



#news_list ul {

	border-bottom:1px dotted #aaa;

	padding-bottom:0.5em;

	padding-top:0.5em;

}



.cate {

    border: 1px solid #000;

    padding: 0em 1em;

    margin: 0 2em 0 1em;

}





.n_title a:hover {

	border-bottom:1px solid #000;

}











/* --- #shop_list --- */



#shop_list {

    margin: 80px auto 0 auto;

}



.shops {

    position: relative;

	width:33vw;

}



.shops h2 {

    position: absolute;

    top: 0%;

    left: 0;

	transition:all .5s;

    width: 100%;

	height:100%;

	opacity:0;

	background:rgba(255,255,255,0.7);



}



.shops h2:hover {

	opacity:1;

	cursor:pointer;

}



.shops h2 a {

    text-align: center;

    display: block;

    margin: auto;

    width: 100%;

    height: 100%;

    padding: 38% 0;

	font-size:143%;

	color:#3f1f13;

	position:relative;

	transition:all .5s;

	transform:translate(0,10%);



}



.shops h2:hover > a {

	transform:translate(0,0);

}





.shops h2 a span.shop_name {

	font-size:22px;

}





.shop_img img {

	width:100%;

}



/* --- #shop_list ここまで --- */



/* --- #menu --- */



#menu {

	margin: 0 auto;

	width:100%;

	max-width:1260px;

}



#menu .inner {

	padding:80px 0;



}



#menu::before {

	content:"";

	display:block;

	width:100%;

	max-width:350px;

	height:100%;

	max-height:228px;

	background :url(../images/bg_menu01.png) no-repeat ;

	background-size:cover;

	-webkit-filter: drop-shadow(0px 0px 6px rgba(0,0,0,.4));

    filter: drop-shadow(0px 0px 6px rgba(0,0,0,.4));

	position:absolute;

	top:10%;

	left:2%;

}



#menu::after {

	content:"";

	display:block;

	width:100%;

	max-width:320px;

	height:100%;

	max-height:242px;

	background :url(../images/bg_menu02.png) no-repeat ;

	background-size:cover;

	-webkit-filter: drop-shadow(0px 0px 6px rgba(0,0,0,.4));

    filter: drop-shadow(0px 0px 6px rgba(0,0,0,.4));

	position:absolute;

	top:10%;

	right:2%;

}



#menu .inner::before {

	content:"";

	display:block;

	width:100%;

	max-width:280px;

	height:100%;

	max-height:231px;

	background :url(../images/bg_menu03.png) no-repeat ;

	background-size:cover;

	-webkit-filter: drop-shadow(0px 0px 6px rgba(0,0,0,.4));

    filter: drop-shadow(0px 0px 6px rgba(0,0,0,.4));

	position:absolute;

	bottom:2%;

	left:12%;



}



#menu .inner::after {

	content:"";

	display:block;

	width:100%;

	max-width:320px;

	height:100%;

	max-height:267px;

	background :url(../images/bg_menu04.png) no-repeat ;

	background-size:cover;

	-webkit-filter: drop-shadow(0px 0px 6px rgba(0,0,0,.4));

    filter: drop-shadow(0px 0px 6px rgba(0,0,0,.4));

	position:absolute;

	bottom:2%;

	right:12%;



}



.menu_txt {

    width: 50%;

    margin: 60px auto;

    padding: 6em 2em;

    background: rgba(255,255,255,0.7);

	position:relative;

	z-index:10;

}





#menu p {

	margin-bottom:40px;

}



.smenu_img {

	display:none;

}



/* --- #menu ここまで--- */



/* --- #commitment #history --- */



#commitment {

	margin-top:80px;

}



.com_img img {

	width:100%;

}



#commitment .com_txt {

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto 0;

    right: 10%;

    height: 50%;

}



#history .com_txt {

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto 0;

    left:10%;

    height: 50%;

}



#commitment_img {

	transition:all .4s;

}



.com_txt h1.heading,

.com_txt h2.heading2 {

	color:#fff;

}



#history .com_txt h1,

#history .com_txt h2 {

	text-align:left;

}



.com_txt h2.heading2 {

	margin-bottom:8%;

}





.com_txt .btn a {

	background:#fff;

}





.com_txt .btn a::before {

	z-index:0;

}



.com_txt .btn a span.lang_en {

    font-size: 100%;

    display: block;

    position: relative;

    z-index: 5;

}

/* --- #commitment ここまで--- */



/* --- #takeaway ここまで--- */



#take {

    background: #e6b00e;

}



#take .inner {

	padding:100px 0;

}



#take .inner::before {

	display:block;

	content:"";

	width:40vw;

	height:40vw;

	max-width:480px;

	max-height:480px;

	background:url(../images/bg_takeaway02.png) no-repeat top center;

	background-size:cover;

	position:absolute;

	left:-4%;

	bottom:-12%;

	margin:auto;

}

#take .inner::after {

	display:block;

	content:"";

	width:26vw;

	height:32vw;

	max-width:480px;

	max-height:592px;

	background:url(../images/bg_takeaway03.png) no-repeat top center;

	background-size:cover;

	position:absolute;

	right:0%;

	bottom:18%;

	margin:auto;

}



#take h1 {

	width:100%;

	max-width:294px;

	margin:0 auto;

	text-align:center;

	position:relative;

}



#take h1::before {

	display:block;

	content:"";

	width:18vw;

	height:30vw;

	max-width:193px;

	max-height:323px;

	background:url(../images/bg_takeaway01.png) no-repeat top center;

	background-size:cover;

	position:absolute;

	top:-70%;

	left:-60%;

	margin:auto;

}





#take h1::after {

	display:block;

	content:"";

	width:224px;

	height:140px;

	background:url(../images/takeaway02.png) no-repeat top center;

	background-size:cover;

	position:absolute;

	top:0;

	right:-80%;

	bottom:0;

	margin:auto;

}



#take .d_flex {

	flex-wrap:wrap;

	justify-content:center;

}



.take_block {

	width:45%;

	min-width:300px;

	margin:80px 0 0 0 ;

	text-align:center;

	position:relative;

	z-index:3;

}



.take_block h2 {

	margin-bottom:20px;

	transition:all .4s;

}



.take_block img {

    max-width: 80%;

}



.hover_up {

	transform:translate(0 ,-10px);

}







/* --- #takeaway ここまで--- */



/* --- #blog --- */



#blog {

	padding:80px 0 0 0;

}



#blog::before {

	display:block;

	content:"";

	width:30vw;

	height:28vw;

	max-width:480px;

	max-height:449px;

	background:url(../images/rorie.png) no-repeat top center;

	background-size:cover;

	position:absolute;

	top:-6%;

	right:-4%;

	margin:auto;

}



#blog::after {

	display:block;

	content:"";

	width:25vw;

	height:23vw;

	max-width:400px;

	max-height:362px;

	background:url(../images/spice2.png) no-repeat top center;

	background-size:cover;

	position:absolute;

	top:15%;

	left:-4%;

	margin:auto;

	z-index:-1;

}



#blog .inner {

	padding-bottom:200px;

}



#blog .inner::before {

	display:block;

	content:"";

	width:30vw;

	height:28vw;

	max-width:480px;

	max-height:443px;

	background:url(../images/tougarasi.png) no-repeat top center;

	background-size:cover;

	position:absolute;

	bottom:16%;

	left:-2%;

	margin:auto;

	z-index:-1;



}

#blog .inner::after {

	display:block;

	content:"";

	width:32vw;

	height:32vw;

	max-width:450px;

	max-height:464px;

	background:url(../images/kosyo.png) no-repeat top center;

	background-size:cover;

	position:absolute;

	bottom:-10%;

	right:-4%;

	margin:auto;

	z-index:-1;



}



.blog_list.d_flex {

    justify-content: center;

	margin-bottom:40px;

}



article.blog_block {

    width: 25%;

	padding:1em;

	margin:20px 10px ;

}



article.blog_block p:nth-of-type(1) {

	width:100%;

	overflow:hidden;

	padding: 1em 0.5em;

	background:#fff;

	-webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,.3));

    filter: drop-shadow(0px 0px 4px rgba(0,0,0,.3));



	

}

article.blog_block p:nth-of-type(1) img {

	object-fit:cover;

	width:100%;

	height:16vw;

}



.cate_name {

	margin:1em 0 0.8em 0;

}



.cate_name span {

    background: #fff;

    border: 1px solid #b7b7b7;

    padding: 0.2em 0.8em;

}



h3.title_name {

    line-height: 1.8em;

}







/* --- #blog ここまで--- */







/* --- footer --- */



footer {

	width:100%;

	padding:0;

}



footer nav {

	width:100%;

	margin-bottom:20px;

}



footer .footerCom {

	width:90%;

}



.footerflex {

	flex-direction: column-reverse;

}



.floatL {

	width:100%;

	min-width:100%;

}



.floatL h5 {

	text-align: center;

	font-size: 14px;

}



.floatL p {

	text-align:center;

}

footer nav ul.ftrNav {

	display:block;

}



ul.ftrNav li ul {

	margin:0;

}



ul.ftrNav li ul li {

	border-bottom:1px dotted #333;

	line-height:2.5em;

}



.copyRight p {

	text-align:center;

}



/* --- mango present --- */



.mango-pre {

	text-align:center;

	margin:80px auto;

	max-width:765px;

}



.mango-pre a {

	display: block;

}



.mango-pre a:not(:last-of-type) {

	margin-bottom:3em;

}



/* ---------  ver.SmartPhone ------------ */



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



.slider {

	margin:54px auto 0 auto;

}



h1.heading {

	font-size:200%;

}



#wel .heading2 {

	margin-top:0.5em;

	font-size:115%;

}



.heading2 {

	font-size:100%;

}



#wel p br {

	display:none;

}



#coupon,

#shop_list {

	margin:40px auto;

}



#news_list {

	margin:20px auto 40px auto;

	width:100%;

	padding:0 5%;

}



#news_list ul {

	flex-wrap:wrap;

	-webkit-flex-wrap: wrap;

	padding-bottom:0.5em;

	margin-bottom:0.5em;

}



#news_list ul li {

	margin-top:0.5em;

}



#shop_list .inner {

	flex-wrap:wrap;

	-webkit-flex-wrap: wrap;

}

.shops {

	width:90vw;

	margin:0 auto 5vw auto;

}



.shops h2 {

	margin:auto;

	opacity:1;

	background:none;

}



.shops h2 a {

	color:#fff;

	background:rgba(0,0,0,0.4);

	transform:translate(0,0);

	line-height:2em;

}



#menu .inner {

	padding:0;

}



.menu_txt {

	width:90%;

	padding:0;

	background:none;

	margin:0px auto 40px auto;

}



#menu::before,

#menu::after,

#menu .inner::before,

#menu .inner::after {

	display:none;

/*

	width:20vw;

	height:20vw;

	background-size:contain;

*/

}

/*

#menu::before {

	top:80%;

	width:24vw;

}



#menu .inner::before {

	top:80%;

	left:26%;

}

#menu .inner::after {

	top:80%;

	right:26%;

}

#menu::after {

	top:80%;

}

*/



.smenu_img {

	margin-top:1em;

	display:flex;

	display: -webkit-flex;

}



#menu .smenu_img p {

	margin:0 4px;

}



#menu .smenu_img p:last-of-type {

	margin-top:-4px;

}



#commitment {

	margin-top:0;

}



.gray {

    -webkit-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    -ms-filter: grayscale(0%);

    -o-filter: grayscale(0%);

    filter: grayscale(0%);

}

.com_img {

	display:none;

}



#commitment .com_txt {

	position:relative;

	height:auto;

	background:url(../images/commitment.jpg) no-repeat center;

	background-size:cover;

	right:0;

	height:auto;

	padding:2em 1em;

}



#history .com_txt {

	position:relative;

	height:auto;

	background:url(../images/history.jpg) no-repeat center;

	background-size:cover;

	left:0;

	height:auto;

	padding:2em 1em;

}



.com_txt h1.heading,

.com_txt h2.heading2 {

	text-align:right;

}



#commitment .com_txt .btn {

	width:180px;

	margin:0 0 0 auto;

}



#history .com_txt .btn {

	width:180px;

	margin:0 auto 0 0 ;

}



.com_txt .btn a {

	width:100%;

	padding: 0.6em 1.5em 0.4em 1.5em;

}



.com_txt .btn a span.lang_en {

	line-height:1.5em;

}



#take .inner {

	padding:40px 0;

}



#take .inner::before {

	bottom:-8%;

}



#take h1 {

	width:50%;

	margin:0 auto 0 15%;

}





#take h1::after {

    width: 24vw;

    height: 15vw;

    background-size: contain;

	right:-65%;

}



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



#take h1::after {

	right:-54%;

}

}



#take h1::before {

	display:none;

}



.take_block {

	margin:40px 0 0 0;

}



#blog {

	padding:60px 0 0 0;

}



#blog::before {

	top:-2%;

}



#blog::after {

	left:-4%;

}



#blog .inner::after {

	bottom:-2%;

}



#blog .inner {

	padding-bottom:100px;

}



.blog_list.d_flex {

	flex-wrap:wrap;

	-webkit-flex-wrap: wrap;

}



article.blog_block {

	width:100%;

	max-width:320px;

}



article.blog_block p:nth-of-type(1) img {

	height:auto;

}



/* --- mango present --- */



.mango-pre {

	width:90vw;

	max-width: 100%;

}





}



/* ---------  ver.SmartPhone fin ------------ */