@charset "utf-8";
@media screen and (min-width: 481px) {
	.mobile {
	display:none;
	}
}
@media screen and (max-width: 480px) {
	.pc {
	display:none;
	}
}
@media screen and (min-width: 767px) and (max-width: 1280px) {
	.tablet {
	display:none;
	}
}
/*@media screen and (min-width: 767px) and (max-width: 1280px) {
	.tablet {
	display:none;
	}
}*/
.mainvisual--space {
  background-color: #000;
  width: 100%;
  height: 3rem;
}
.space:blank {
  background-color: #000;
}
.mainvisual {
  position: relative;
}
.mainvisual--img {
  width: 100%;
  height: 800px;
  object-fit: cover;
  object-position: 50% 50%;
}
@media screen and (max-width: 767px) {
	.mainvisual--img {
	  height: 350px;
	}
}
.mainlogo--headline {
  position: relative;
  top: -6.2rem;
  width: 26.5rem;
  float: right;
  z-index: 15;
}
@media screen and (min-width: 767px) and (max-width: 1280px) {
	.mainlogo--headline {
	  top: -4.45rem;
	  width: 19rem;
	}
}
.submenu {
  max-width: 960px;
  margin: 0 auto;
  margin-top: 12rem;
  margin-bottom: 8rem;
}
@media screen and (min-width: 767px) and (max-width: 1280px) {
	.submenu {
	  width: 90%;
	  margin-top: 9rem;
	  margin-bottom: 6rem;
	}
}
@media screen and (max-width: 767px) {
	.submenu {
	  margin-top: 1.5rem;
	  margin-bottom: 3rem;
	}
}
@media screen and (min-width: 768px) {
	.submenu--text h2 br {
		display:none;
		}
}
@media screen and (max-width: 767px) {
	.submenu--text h2 {
		text-align: center;
		}
}
.submenu--inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.submenu--inner {
	    -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
	}
}
.submenu--headline {
  width: 27%;
}
@media screen and (max-width: 767px) {
	.submenu--headline {
	  width: 50%;
		margin: 0 auto;
	}
}
.submenu--text {
  width: 70%;
}
@media screen and (max-width: 767px) {
	.submenu--text {
	  width: 85%;
		margin: 0 auto;
	}
}
.yakitori {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
	.yakitori {
	    -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
	}
}
.yakitori--img {
  width: 50%;
}
@media screen and (max-width: 767px) {
	.yakitori--img {
	  width: 100%;
	}
}
.yakitori--img img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: 100% 30%;
}
.yakitori--text {
  width: 50%;
  background: #3F3725;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 8rem 0 4rem;
	box-sizing: border-box;
}
@media screen and (min-width: 767px) and (max-width: 1280px) {
	.yakitori--text {
	  padding: 0 2rem 0 2rem;
	}
}
@media screen and (max-width: 767px) {
	.yakitori--text {
	  width: 100%;
		padding: 1.5rem 0 2rem;
	}
}
@media screen and (max-width: 767px) {
		.yakitori--button {
			width: 85%;
			margin: 0 auto;
		}
	}
@media screen and (max-width: 767px) {
	.yakitori--text h3,h4 {
		text-align: center;
	}
}
.tokyoshamo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
	.tokyoshamo {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
     -ms-flex-direction: column-reverse;
         flex-direction: column-reverse;
	}
}
.tokyoshamo--img {
  width: 50%;
}
@media screen and (max-width: 767px) {
	.tokyoshamo--img {
	  width: 100%;
	}
}
.tokyoshamo--img img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: 100% 30%;
}
.tokyoshamo--text {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 4rem 0 8rem;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
	.tokyoshamo--text {
	  width: 100%;
	  padding: 1.5rem 0 2rem;
		margin: 0 auto;
	}
}
@media screen and (min-width: 767px) and (max-width: 1280px) {
	.tokyoshamo--text {
	  padding: 0 2rem 0 2rem;
	}
}
@media screen and (max-width: 767px) {
		.tokyoshamo--button {
			width: 85%;
			margin: 0 auto;
		}
}
@media screen and (max-width: 767px) {
		.tokyoshamo--text h3 {
	  font-size: 200%;
  letter-spacing: 1px;
			text-align: center;
		}
}
@media screen and (min-width: 767px) and (max-width: 1280px) {
		.tokyoshamo--text h3 {
	  font-size: 200%;
  letter-spacing: 1px;
		}
}
.gensenfood {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
	.gensenfood {
	  	    -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
	}
}
.gensenfood--img {
  width: 50%;
}
@media screen and (max-width: 767px) {
	.gensenfood--img {
	  width: 100%;
	}
}
.gensenfood--img img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: 100% 30%;
}
@media screen and (max-width: 767px) {
	.gensenfood--img img {
	  object-position: 50% 30%;
	}
}
.gensenfood--text {
  width: 50%;
  background: #3F3725;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 8rem 0 4rem;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
		.gensenfood--text h3 {
	  font-size: 200%;
  letter-spacing: 1px;
			text-align: center
		}
}
@media screen and (min-width: 767px) and (max-width: 1280px) {
		.gensenfood--text h3 {
	  font-size: 190%;
  letter-spacing: 0px;
		}
}
@media screen and (max-width: 767px) {
	.gensenfood--text {
	  width: 100%;
		padding: 1.5rem 0 2rem;
	}
}
@media screen and (min-width: 767px) and (max-width: 1280px) {
	.gensenfood--text {
	  padding: 0 2rem 0 2rem;
	}
}
@media screen and (max-width: 767px) {
		.gensenfood--button {
			width: 85%;
			margin: 0 auto;
		}
	}
.shop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
	.shop {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
     -ms-flex-direction: column-reverse;
         flex-direction: column-reverse;
	}
}
.shop--img {
  width: 50%;
}
@media screen and (max-width: 767px) {
	.shop--img {
	  width: 100%;
	}
}
.shop--img img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: 100% 30%;
}
.shop--text {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 4rem 0 8rem;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
	.shop--text {
	  width: 100%;
		padding: 1.5rem 0 2rem;
	}
}
@media screen and (min-width: 767px) and (max-width: 1280px) {
	.shop--text {
	  padding: 0 2rem 0 2rem;
	}
}
@media screen and (max-width: 767px) {
		.shop--button {
			width: 85%;
			margin: 0 auto;
		}
	}
@media screen and (max-width: 767px) {
	.shop--text h3,h4 {
		text-align: center;
	}
}
.news {
  background: #3F3725;
  padding: 3rem 0;
}
@media screen and (max-width: 767px) {
	.news {
	    -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
		padding: 1.5rem 0 1.5rem;
	}
}
.news--inner {
  max-width: 960px;
  margin: 0 auto;
}
.news--group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 4rem;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
	.news--group {
	    -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
		padding: 0 0rem;
		margin-top: 1rem;
	}
}
.news--description {
  width: 60%;
}
@media screen and (max-width: 767px) {
	.news--description {
	  width: 85%;
		margin: 0 auto;
	}
}
.news--sns {
  width: 25%;
}
.news--description--goto {
  padding: 0.25em 1em;
  margin: 1em 0;
  background: #C8161D;
	text-align: center;
	width: 40%;
	letter-spacing: 4px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.news--description--goto {
		width: 100%;
		padding: 0.25em 0em;
	}
}
@media screen and (min-width: 767px) and (max-width: 1280px) {
	.news--description--goto {
		width: 90%;
	}
}
.news--description--goto:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.goto--link {
  text-decoration: none;
  color: #FFF;
}
.news--description--sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5em 1em;
  margin: 1em 0;
  background: #727171;
}
@media screen and (max-width: 767px) {
	.news--description--sns {
	    -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
		text-align: center;
		padding: 0.5em 0.5em;
	}
}
@media screen and (min-width: 767px) and (max-width: 1280px) {
	.news--description--sns {
	    -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
		text-align: center;
	}
}
.description--sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 35%;
  margin: -0.3rem 0 0rem 0rem;
}
@media screen and (max-width: 767px) {
	.description--sns {
	    -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
	  width: 50%;
	  margin: 0 auto;
	}
}
@media screen and (min-width: 767px) and (max-width: 1280px) {
	.description--sns {
	  	  width: 50%;
		margin: 0 auto;
	}
}
.description--sns p {
  width: 12%;
  margin-left: 2rem;
}
@media screen and (max-width: 767px) {
	.description--sns p {
	  width: 18%;
	  margin-left: 0rem;
	}
}
.sns--button:hover {
  opacity: 0.5;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
	#fb-root {
		margin: 0 auto;
	}
}
.takeout {
  padding: 3rem 0;
  margin-bottom: 6rem;
}
@media screen and (max-width: 767px) {
	.takeout {
	  width: 90%;
	  margin: 0 auto;
		padding: 1.5rem 0;
		margin-bottom: 4rem;
	}
}
.takeout--access {
  padding: 0.25em;
  background: #727171;
  width: 25%;
  margin: 0 auto;
  text-align: center;
  margin-top: 1.5rem;
  letter-spacing: 3px;
}
@media screen and (max-width: 767px) {
	.takeout--access {
	  width: 80%;
	}
}
.takeout--access:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.takeout--access__link {
  text-decoration: none;
  color: #FFF;
}