@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1&display=swap);

* {
 padding             : 0;
 margin              : 0;
}
html{
 font-size           : 62.5%;
 height              : 100%;
}
img {
 image-rendering     : -webkit-optimize-contrast;
}
img {
 max-width           : 100%;
 border              : 0;
 vertical-align      : bottom;
}
a img {
 border-top-style    : none;
 border-right-style  : none;
 border-bottom-style : none;
 border-left-style   : none;
}
a{
 text-decoration     : none;
 color               : #000000;
}
a:hover{
 text-decoration     : none;
 color               : #cccccc;
}
a:hover img{
 opacity             : 0.5;
 filter              : alpha(opacity=50);
 -moz-opacity        : 0.5;
 -ms-filter          : "alpha(opacity=50)";
 background-color    : rgba(255, 255, 255, 0);
}

.clear-both{
 clear               : both;
}

body {
 margin              : 0;
 padding             : 0;
 height              : 100%;
/* font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;*/
 font-family         : "Shippori Mincho B1", "游明朝", YuMincho, serif;
 font-weight         : 400;
 font-style          : normal;
 letter-spacing      : 0.02em;
 color               : #595757; /*#3e3a39;*/
 -webkit-text-size-adjust: 100%;
 background          : #ffffff;
 font-size           : 1.3vw;
 line-height         : 180%;
 text-align          : justify;
}

.codepc{ display     : inline; }
.codesp{ display     : none; }

.red { color : #ff0000; }

h3{ font-weight : normal; }

.mds01{
 float               : left;
 display             : inline;
 width               : 100%;
 font-size           : 2vw;
 text-align          : center;
 padding             : 0 0 7vw 0;
}

.yen{
 font-size           : 1vw;
}


.wrap100{
 float               : left;
 display             : inline;
 width               : 100%;
 text-align          : center;
 padding             : 0 0 10vw 0;
}
.img100{
 width               : 100%;
 padding             : 0 0 10vw 0;
}

/*-------------------------------------------
HOME MAIN
-------------------------------------------*/

.home_main{
 float               : left;
 display             : inline;
 width               : 100%;
 position            : relative;
 margin              : 0 0 10vw 0;
}
.home_main .navi{
 float               : left;
 display             : inline;
 padding             : 1.5em 0 1.5em 0;
 width               : 88%;
}
.home_main .navi a{
 padding             : 0 2em 0 2em;
}
.home_main .mainvis{
 float               : left;
 display             : inline;
 width               : 88%;
}
.home_main .mainvis img{
 width               : 100%;
}
.home_main .logo01pc{
 position            : absolute;
 top                 : 0;
 right               : 2.1vw;
 width               : 6.2vw;
}
.home_main .logo01sp{
 display             : none;
}



/*-------------------------------------------
ご挨拶
-------------------------------------------*/
.goaisatsu{
 margin              : 0 auto;
 width               : 78%;
 text-align          : justify;
 line-height         : 200%;
}
.goaisatsu .sign{
 float               : left;
 display             : inline;
 width               : 15%;
 margin              : 2em 0 0 85%;
 font-size           : 1.1vw;
 line-height         : 140%;
}



/*-------------------------------------------
お品書き
-------------------------------------------*/
.oshinagaki{
 margin              : 0 25% 0 25%;
 width               : 50%;
 text-align          : justify;
 line-height         : 200%;
 float               : left;
 display             : inline;
}

.heading {
 align-items         : center;
 display             : flex;
 font-size           : 1.8vw;
}
.heading::before,
.heading::after {
 background-color    : #595757;
 border-radius       : 5px;
 content             : "";
 flex-grow           : 1;
 height              : 1px;
}
.heading::before {
 margin-right        : 1.5em; /* 文字との余白 */
}
.heading::after {
 margin-left         : 1.5em; /* 文字との余白 */
}

.cell00{
 float               : left;
 display             : inline;
 width               : 100%;
 padding             : 1.5em 0 4.5em 0;
 text-align          : center;
}
.cell00 .ryori{
 float               : left;
 display             : inline;
 width               : 50%;
}
.cell00 .price{
 float               : left;
 display             : inline;
 width               : 50%;
}

.cell01{
 float               : left;
 display             : inline;
 width               : 100%;
 padding             : 0 0 4em 0;
 text-align          : center;
 font-size           : 1vw;
 line-height         : 140%;
}

.cell_f{
 margin              : 0 auto;
 width               : 100%;
 text-align          : center;
}
.cell_f .fbox{
 display             : inline-block;
 width               : 45%;
 margin              : 0 2% 5em 2%;
 text-align          : justify;
 vertical-align      : top;
 font-size           : 1.1vw;
 line-height         : 150%;
}
.cell_f .fbox2{
 display             : inline-block;
 width               : 29%;
 margin              : 0 1% 5em 1%;
 text-align          : justify;
 vertical-align      : top;
 font-size           : 1.1vw;
 line-height         : 150%;
}
.cell_f .fbox img,
.cell_f .fbox2 img{
 float               : left;
 display             : inline;
 width               : 100%;
 margin              : 0 0 1em 0;
}
.cell_f .fbox strong,
.cell_f .fbox2 strong{
 float               : left;
 display             : inline;
 width               : 100%;
 margin              : 0.5em 0 1em 0;
 font-size           : 1.5vw;
}



/*-------------------------------------------
について
-------------------------------------------*/
.about{
 margin              : 0 auto;
 width               : 100%;
 text-align          : justify;
 line-height         : 200%;
}
.about .pic{
 float               : right;
 display             : inline;
 width               : 46%;
 margin              : 0 5% 0 0;
 font-size           : 1.1vw;
 line-height         : 140%;
}
.about .pic img{
 width               : 100%;
}
.about .txt{
 float               : right;
 display             : inline;
 width               : 33%;
 margin              : 0 0 0 0;
 text-align          : justify;
 line-height         : 200%;
}
.about .mds{
 float               : right;
 display             : inline;
 width               : 10%;
 padding             : 1em 6% 0 0;
 line-height         : 200%;
 font-size           : 2vw;
 -ms-writing-mode    : tb-rl;
 writing-mode        : vertical-rl;
}



/*-------------------------------------------
ご案内
-------------------------------------------*/
.iframeWrapper {
 position            : relative;
 margin              : 0 0 10vw 0;
}

.iframeWrapper::before {
 content             : "";
 display             : block;
 padding-top         : calc(250 / 600 * 100%);
}

.iframeWrapper iframe {
 position            : absolute;
 top                 : 0;
 left                : 0;
 right               : 0;
 width               : 100%;
 height              : 100%;
}

.goannai{
 margin              : 0 0 10vw 0;
 width               : 100%;
 text-align          : center;
 line-height         : 200%;
}
.ins{
 width               : 3vw;
 padding             : 0 0 2vw 0;
}

.picbox{
 display             : flex;
 width               : 100%;
}
.picbox img{
 width               : calc(100% / 2 - 0.2%);
 margin              : 0.1%;
}
.picbox2{
 display             : flex;
 width               : 100%;
}
.picbox2 img{
 width               : 100%;
 margin              : 0.2% 0 0 0;
}

.yoyaku{
 border              : 1px solid #595757;
 padding             : 0.5em 2em 0.5em 2em;
 border-radius       : 100px;
 color               : #ffffff;
 background          : #595757;
 font-size           : 1.6vw;
}
.yoyaku:hover{
 border              : 1px solid #595757;
 color               : #595757;
 background          : #ffffff;
}





/*-------------------------------------------
フッター
-------------------------------------------*/
.foot{
 padding             : 10vw 0 5vw 0;
 width               : 100%;
 text-align          : center;
 line-height         : 200%;
 font-size           : 1vw;
}
.foot .logo{
 margin              : 0 0 1vw 0;
 width               : 2%;
}






/*-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

@media (max-width: 766px) {

	body {
	 font-size           : 4vw;
	 line-height         : 180%;
	 letter-spacing      : 0em;
	}

	.codepc{ display     : none; }
	.codesp{ display     : inline; }

	.mds01{
	 float               : left;
	 display             : inline;
	 width               : 100%;
	 font-size           : 6vw;
	 text-align          : center;
	 padding             : 0 0 7vw 0;
	}

	.yen{
	 font-size           : 3.5vw;
	}

	.wrap100{
	 float               : left;
	 display             : inline;
	 width               : 100%;
	 text-align          : center;
	 padding             : 0 0 30vw 0;
	}
	.img100{
	 width               : 100%;
	 padding             : 0 0 10vw 0;
	}




	/*-------------------------------------------
	HOME MAIN
	-------------------------------------------*/

	.home_main{
	 margin              : 0 0 30vw 0;
	}
	.home_main .navi{
	 position            : absolute;
	 top                 : 0;
	 left                : 0;
	 padding             : 0.5em 0 0.5em 0;
	 width               : 100%;
	 font-size           : 3vw;
	 background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0));
	 z-index             : 9999 !important;
	}
	.home_main .navi a{
	 padding             : 0 2em 0 2em;
	}
	.home_main .mainvis{
	 width               : 100%;
	 height              : 100vh;
	 position            : relative;
	}
	.home_main .mainvis img{
	 width               : 100%;
	 height              : 100vh;
	 object-fit          : cover;
	}
	.home_main .logo01pc{
	 display             : none;
	}
	.home_main .logo01sp{
	 position            : absolute;
	 top                 : 0;
	 right               : 2.1vw;
	 width               : 15vw;
	 display             : inline;
	}



	/*-------------------------------------------
	ご挨拶
	-------------------------------------------*/
	.goaisatsu{
	 width               : 80%;
	}
	.goaisatsu .sign{
	 width               : 40%;
	 margin              : 2em 0 0 60%;
	 font-size           : 3.5vw;
	 line-height         : 180%;
	}



	/*-------------------------------------------
	お品書き
	-------------------------------------------*/
	.oshinagaki{
	 margin              : 0 10% 0 10%;
	 width               : 80%;
	}

	.heading {
	 font-size           : 4vw;
	}
	.heading::before,
	.heading::after {
	}
	.heading::before {
	}
	.heading::after {
	}

	.cell00{
	 padding             : 1.5em 0 4.5em 0;
	}
	.cell01{
	 width               : 100%;
	 padding             : 3em 0 1em 0;
	}
	.cell00 .ryori{
	 width               : 100%;
	}
	.cell00 .price{
	 width               : 100%;
	}

	.cell01{
	 width               : 100%;
	 padding             : 3em 0 6em 0;
	 font-size           : 3vw;
	 line-height         : 140%;
	}

	.cell_f{
	 width               : 100%;
	}
	.cell_f .fbox{
	 width               : 80%;
	 margin              : 2em 10% 2em 10%;
	 font-size           : 3vw;
	 line-height         : 150%;
	}
	.cell_f .fbox2{
	 width               : 80%;
	 margin              : 2em 10% 2em 10%;
	 font-size           : 3vw;
	 line-height         : 150%;
	}
	.cell_f .fbox img,
	.cell_f .fbox2 img{
	 margin              : 0 0 1em 0;
	}
	.cell_f .fbox strong,
	.cell_f .fbox2 strong{
	 margin              : 1em 0 1em 0;
	 font-size           : 4vw;
	}



	/*-------------------------------------------
	について
	-------------------------------------------*/
	.about{
	}
	.about .pic{
	 width               : 70%;
	 margin              : 0 15% 0 15%;
	 font-size           : 4vw;
	}
	.about .pic img{
	}
	.about .txt{
	 width               : 65%;
	 margin              : 0 0 2em 10%;
	}
	.about .mds{
	 width               : 20%;
	 padding             : 0 5% 0 0;
	 font-size           : 6vw;
	}



	/*-------------------------------------------
	ご案内
	-------------------------------------------*/
	.iframeWrapper {
	 margin              : 0 0 20vw 0;
	}

	.iframeWrapper::before {
	 content             : "";
	 display             : block;
	 padding-top         : calc(400 / 600 * 100%);
	}

	.iframeWrapper iframe {
	}

	.goannai{
	 margin              : 0 10% 30vw 10%;
	 width               : 80%;
	}
	.ins{
	 width               : 10vw;
	 padding             : 5vw 0 2vw 0;
	}

	.picbox{
	 display             : inline;
	}
	.picbox img{
	 width               : 100%;
	 margin              : 0 0 1vw 0;
	}
	.picbox2{
	 display             : inline;
	}
	.picbox2 img{
	 width               : 100%;
	 margin              : 0 0 1vw 0;
	}

	.yoyaku{
	 font-size           : 4vw;
	}
	.yoyaku:hover{
	}


	/*-------------------------------------------
	フッター
	-------------------------------------------*/
	.foot{
	 font-size           : 3vw;
	}
	.foot .logo{
	 margin              : 0 0 1vw 0;
	 width               : 5%;
	}






}/*--*/