@charset "utf-8";
/*-----------------------------------------------------------------------
font-size:  63%  69%  75%  81%  88%  94%  100%  107%  113%  119%  125%
あいうえお  10pt 11pt 12pt 13pt 14pt 15pt  16pt  17pt  18pt  19pt  20pt

131%  137%  144%  150%  156% 
 21pt  22pt  23pt  24pt  25pt  26pt
-----------------------------------------------------------------------*/
a{
	text-decoration: none;
}
a:hover{text-decoration: underline;}

html{
	color: #eeeeee;
	overflow-y: scroll;	/*ここでスクロールバーを常に表示*/
	margin : 0;
	background:#1D1D1D;
}


body{
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	margin : 0;
	font-size: 16px;
	text-align : center;
	font-family: "Noto Sans JP";
}

	img{width : 100%;}



.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	display: inline-block;	/*IE7,MacIE5*/
	min-height: 1%;	/* for IE 7*/
}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

.yt{
  position:relative;
  width:100%;
  padding-top:100%;
}
.yt iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}


  * {
    margin: 0;
    padding: 0;
  }
  .slider {
    margin: 0 auto;
  }
  .slick-slide img {
    width: 100%;
    height: auto;
  }
  .mypattern{
    width: 100%;
  }




.autoplay img{
width:100%;
}



/*Go to top*/
.crunchify-top:hover {
color: #fff !important;
background-color: #E6A232;
text-decoration: none;
}
 
.crunchify-top {
display: none;
position: fixed;
bottom: 1rem;
right: 1rem;
width: 3.2rem;
height: 3.2rem;
line-height: 3.2rem;
font-size: 1.4rem;
color: #fff;
background-color: rgba(0,0,0,0.3);
text-decoration: none;
border-radius: 3.2rem;
text-align: center;
cursor: pointer;
}

	.midashi600{
		font-family: a-otf-midashi-mi-ma31-pr6n, serif;
		font-weight: 600;
		font-style: normal;
		font-size : 125%;
		letter-spacing : 5px;
	}

	.menu-body .txt{
		text-align: left;
	}
	.menu-body span , .menu-body2 span , .menu-body4 span , .menu-body3span{
		font-size : 125%;
		font-weight : bold;
	}
	.menu-body2 div{
		text-align: center;
		margin-bottom: 10px;
	}
	.menu-body4{
		text-align: center;
		padding : 10px 0;
		border-bottom : 3px solid #412B25;
	}

	.menu-body2{
		padding-bottom : 10px;
		border-bottom : 3px solid #412B25;
	}

	.main-wrap{
		background-image : url(./img/body_bg.png);
		padding-bottom : 40px;
	}

	.menu-bar{
		background:#ffeeee;
	}
	.menu-bar p{
		text-align : center;
		padding : 0 0 5px 0;
		font-size : 90%;
		color : #54382f;
		margin-bottom : 5px;
	}
	picture img{
		margin : 0 !important;
	}


	.linereg{
		background:#eeeeee;
		margin : 10px 0;
		padding : 10px;
		color : #000000;
	}
	.linereg a{
		color : #0000ff !important;
		font-weight : bold;
	}


	.menulistbg{
		background:#DFD7CC;
		text-align : center;
	}
	.menulist{
		width : 100% !important;
		padding : 10px 4px;
		color : #000000;
		line-height : 1.5;
		font-size : 90%;
	}
	.makanai{
		margin : 10px;
		color : #000000;
		line-height : 1.8;
		font-size : 90%;
		text-align : left;
	}


/* PC ここから-------------------------------- */
@media (min-width: 768px) {
	.smp{display:none;}

	.content{
		height : 530px;
	}
	
	.oomori{
		width : 120px;
	}


  .mypattern .slick-slide{
    width: 960px;
    margin: 0px;
  }


.mypattern .slick-slide:not(.slick-center) {

  -webkit-filter: blur(5px) grayscale(100%);
  -moz-filter:blur(5px)grayscale(100%);
  -o-filter: blur(5px)grayscale(100%);
  -ms-filter: blur(5px)grayscale(100%);
  filter: blur(5px)grayscale(100%);
  transition: 0.2s linear;
}


	.header-wrap{
		height : 145px;
		background-image : url(./img/header/header-bg.png);
	}
	.header{
		width : 960px;
		margin : 0 auto;
		position : relative;
	}
	.logo{
		position : absolute;
		top:10px; left:10px;
		z-index: 100;
	}
	.header .sns , .header .address{
		padding : 5px 0 0 0;
		text-align : right;
		color : #f4ecaf;
	}
	.header .bt{
		padding : 15px 0 0 0;
		text-align : right;
	}
	.header .sns img{
		width : 30px;
		margin-left : 10px;
	}

	.header .sns .closed{
		width : 90px !important;
		margin : 0px 5px;
	}


	
	.header .bt img{
		width : 112px;
	}

	.header-image{
		width : 960px;
		margin : 0 auto;
	
	}


	.main{
		width : 960px;
		margin : 0 auto;
		padding : 40px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.main img{
		margin : 15px;
		width : 450px;
	}



	.footer-wrap{
		background-image : url(./img/footer/footer_bg.jpg);
	}

	.footer{
		width : 960px;
		margin : 0 auto;
		padding : 40px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.footer .map , .footer .txt{
		width : 450px;
		height : 450px;
	}
	.footer .txt{
		background-image : url(./img/footer/map_bg.png);
	}
	.footer .txt .inner{
		text-align : left;
		padding : 20px;
	}
	.footer a{
		color : #ffeb0a;
	}
	.footer-logoTxt{
		margin : 30px 0;
		width : 380px;
		padding-top : 80px;
	}
	.footer-logo{
		margin : 50px 0 0 0;
		width : 200px;
	}

	.copyright{
		font-size : 90%;
		padding : 10px 0;
	}
	.copyright a{
		color : #ffffff;
	}



	.menu-wrap{
		background:#54382f;
		border : 10px solid #54382f;
		border-radius : 10px;
		margin : 10px auto 50px auto;
		width : 900px;
	}
	.menu-inner{
		background : url(./img/menu/menu-bg.jpg) repeat-y;
		background-size: 100%;
		border-radius : 10px;
		padding : 10px 15px;
		color : #ffffff;
		text-align : left;
	}
	.menu-body , .menu-body2 , .menu-body3{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin : 20px 0 40px 0;
	}
	.menu-body33{
		font-size : 150%;
		line-height : 1.8;
	}
	.menu-body4{
		text-align: center;
		padding : 10px 0;
		border-bottom : 3px solid #412B25;
	}
	.menu-body4 img{
		width: 50%;
	}
	.menu-body4 span{

	display: block;
	}
	.menu-body div , .menu-body3 div{
		width : 48%;
		font-size : 120%;
		line-height : 1.8;
		text-align : center;
	}
	.menu-body2 .txt{
		width : 58%;
		font-size : 120%;
		line-height : 1.8;
		padding-top : 50px;

	}
	.menu-body2 .img{
		width : 40%;
	}
	.menu-body .img{
		order:2;
	}
	.menu-body .txt{
		order:1;

	}
	.menu-body3 .img{
		order:2;
	}
	.menu-body3 .txt{
		order:1;
		padding-top : 70px;

	}

	.youtubemov{
		width : 700px;
		margin : 0 auto;
	}

	.img80yenoff{
		width : 150px;
		display: block;
	}
}
/* PC ここまで-------------------------------- */


/* スマホ ここから-------------------------------- */
@media screen and (max-width: 767px) {
	.pc{display:none;}



  .mypattern .slick-slide{
    width: 200px;
    margin: 0px;
  }


	.header-wrap{
		background-image : url(./img/header/header-bg-smp.png);
		background-size:auto 100%;
	}
	.header{
		width : 100%;
		margin : 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
	}
	.logo{
		padding : 5px 3% 0 3%;
		width : 40%;
		
	}
	.header .bt{
		width : 50%;
		padding : 15px 0 0 0;
		text-align : left;
	}
	.header .bt .bt1 , .header .bt .bt2{
		width :48%;
	}
	.header .bt .bt3 , .header .bt .bt4 , .header .bt .bt5{
		width :31%;
	}

	.header-wrap .sns img{
		width : 20px;
		margin : 0px 5px;
	}

	.header-wrap .sns .closed{
		width : 60px !important;
		margin : 0px 5px;
	}


	.header-wrap .sns{
		text-align : center;
		color : #f4ecaf;
		width : 100%;
		font-size : 80%;
		line-height : 1.8;
	}
	.header-wrap .sns a , .copyright a{
		color : #f4ecaf;
	}

	.main-wrap{
		margin : 0 auto;
		background-image : url(./img/body_bg.png);
		padding : 0 15px 30px 15px;
	}
	.main-wrap img{
		margin-bottom : 15px;
	}
	.content{
		background-image : url(./img/body_bg.png);
		margin : 0px;
		padding : 0px;
	}
	.footer-wrap{
		background-image : url(./img/footer/footer_bg.jpg);
	}
	.footer{
		padding : 20px;
	}

	.footer .txt{
		background-image : url(./img/footer/map_bg.png);
	}
	.footer .txt .inner{
		font-size : 90%;
		text-align : left;
		padding : 20px;
		line-height : 1.4;
	}
	.footer a{
		color : #ffeb0a;
	}

	.footer-logoTxt{
		margin : 20px 0;
		text-align : center;
	}
	.footer-logo img{
		width : 100%;
	}
	
	.copyright{
		padding : 10px 0;
		font-size : 90%;
	}
	

	.menu-wrap{
		background:#54382f;
		border : 10px solid #54382f;
		border-radius : 10px;
		margin : 10px 0 40px 0;
	}
	.menu-inner{
		background : url(./img/menu/menu-bg.jpg) repeat-y;
		background-size: 100%;
		border-radius : 10px;
		padding : 10px 15px;
		color : #ffffff;
		text-align : left;
	}

	.menu-body2{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin : 10px 0 10px 0;
	}
	.menu-body2 .txt{
		width : 53%;
		order : 2;
		line-height : 1.4;
		font-size : 90%;
	}
	.menu-body2 .img{
		width : 45%;
		order : 1;
	}
	.menu-body2 .img span{
		font-size:90%;
	}


	.menu-body img , .menu-body2 img{
		margin : 5px 0;
	
	}
	.menu-body{
		margin-top : 25px;
	}

	.menu-body .txt{
		margin-bottom : 35px;
	}




	.menuicon{
		padding : 0 8px !important;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin : 0;
	}
	.menuicon div{
		position : relative;
		width : 30%;
		margin : 0;
		padding : 0;
	}
	.menuicon div img{
		margin : 0 !important;
	}
	.menuicon div .inner{
		position:absolute;
		top:15px;
		width:100%;
		transform: rotate( -7deg );
	}
	
	.main{
		padding-top : 20px;
	}

	.menu-body3-wrap{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	
	}

	.menu-body3{
		margin-top : 10px;
		width : 49%;
		border : 3px solid #4D3A32;
		  box-sizing: border-box;

	}
	.menu-body3 .txt{
		padding : 0 5px 5px 5px;
		text-align : center;
	}
	.menu-body3 .txt p{
		margin : 0;
		padding : 0;
		text-align : left;
	}
	
	.oomori{
		width : 90%;
	}
	.menu-body3 img{
		margin : 0 !important;
	}


	.menuname , .menuprice{
		display : block;
	}
	.menuname{
		padding-top : 5px;
	}

	.galleryicon{
		margin-top : -15px;
	}
	.galleryicon img{
			width : 20%;
			margin:0;
	}
}
/* スマホ ここまで-------------------------------- */

/* ●●●●●●●●●●  ここまで */


@media (min-width: 768px) {
	.smp , .sp{display:none;}
.toptxt{
	width: 960px;
	margin : 0 auto;

}
.toptxt p{
	padding: 0 20px;

}
}
/* PC ここまで-------------------------------- */


/* スマホ ここから-------------------------------- */
@media screen and (max-width: 767px) {
	.pc{display:none;}
	.menu-body2 .pleft{
		text-align: left;
	}
	.menu-body2 .pcenter{
		text-align: center;
	}
}
/* スマホ ここまで-------------------------------- */

.menu-body2 .ura{
	font-weight:normal;
	font-size:85%;
}

.toptxt{
	padding-top : 20px;
	padding-bottom : 20px;
	font-size : 90%;
	line-height: 1.4;
}
.toptxt .ttl{
	font-size : 150%;
	font-weight:bold;
	display: inline-block;
}
.toptxt span{
	font-weight:bold;

}
.toptxt p{
	margin-top: 12px;
	text-align: left;
}