@charset "utf-8";/*メニュー用*/
/* ---------------------------------------------------------------------- */
#menu {
}
.menubloc {
	padding: 50px 0px;
}
#menu-curry {
	color: #fff;
	background-color: #000;
}
#menu-topping {
	background-color: #ffa800;
}
#menu-dessert {
	background-color: #fff;
}
#menu-original {
	background-color: #ff8000;
}
/* ---------------------------------------------------------------------- */
#menu-top {
	margin-bottom: 50px;
}
.menu-top {
	text-align: center;
}
.menu-top p {
	color: #fff;
	text-align: center;
}
.menu-top-ban {
}
.menu-top-ban ul {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0px;
}
.menu-top-ban ul li {
	display: table-cell;
	vertical-align: top;
	text-align: left;
}
.menu-top-ban ul:first-child {
	margin-bottom: 10px;
}
.menu-top-ban ul li.menu-top-curry {
}
.menu-top-ban ul li.menu-top-topping,
.menu-top-ban ul li.menu-top-original {
}
.menu-top-ban ul li.menu-top-topping {
	padding-right: 5px;
}
.menu-top-ban ul li.menu-top-original {
	padding-left: 5px;
}
.menu-top-ban ul li a {
	display: block;
	color: #000;
	background-repeat: no-repeat;
	background-position: right center;
}
.menu-top-ban ul li.menu-top-curry a {
	background-color: #fff;
	background-image: url("./img/menu/ban-curry.jpg");
}
.menu-top-ban ul li.menu-top-topping a {
	background-color: #ffa800;
	background-image: url("./img/menu/ban-topping.png");
}
.menu-top-ban ul li.menu-top-original a {
	background-color: #ff8000;
	background-image: url("./img/menu/ban-original.png");
	background-position: right bottom;
}
.menu-top-ban ul li a dl {
	padding: 10px;
}
.menu-top-ban ul li a dl dt {
	font-family: 'Amiri', sans-serif;
	font-size: 50px;
	line-height: 1em;
}
.menu-top-ban ul li.menu-top-curry a dl dt {
	font-size: 60px;
}
.menu-top-ban ul li a dl dd {
	width: 60%;
}
.menu-top-ban ul li.menu-top-curry a dl dd {
	width: 50%;
}
@media screen and (max-width: 767px) {
	.menu-top-ban ul {
		display: block;
		width: auto;
	}
	.menu-top-ban ul li {
		display: block;
		margin-bottom: 10px;
	}
	.menu-top-ban ul li.menu-top-curry {
	}
	.menu-top-ban ul li.menu-top-topping {
		padding-right: 0px;
	}
	.menu-top-ban ul li.menu-top-original {
		padding-left: 0px;
	}
	.menu-top-ban ul li.menu-top-curry a {
		background-size: contain;
	}
	.menu-top-ban ul li.menu-top-curry dl {
		background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
	}
	.menu-top-ban ul li.menu-top-curry a dl dt {
		font-size: 50px;
	}
	.menu-top-ban ul li a dl dd {
		width: 60%;
	}
	.menu-top-ban ul li.menu-top-curry a dl dd {
		width: 60%;
	}
}
.menu-top-takeout {
	text-align: center;
	padding: 50px 0px 20px 0px;
}
.menu-top-takeout a {
	display: inline-block;
	position: relative;
	color: #fff;
	border-bottom: 2px solid #fff;
}
.menu-top-takeout a:hover {
	color: #fc0;
	border-bottom: 2px solid #fc0;
}
.menu-top-takeout a span {
	display: inline-block;
	font-size: 30px;
	font-weight: 700;
	padding: 10px 60px;
}
.menu-top-takeout a span::before,
.menu-top-takeout a span::after {
	content: "";
	position: absolute;
	bottom: 10px;
	width: 50px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
.menu-top-takeout a span::before {
	left: 0px;
	background-image: url("./img/menu/takeoutW1.png");
}
.menu-top-takeout a span::after {
	right: 0px;
	background-image: url("./img/menu/takeoutW2.png");
}
@media screen and (max-width: 767px) {
	.menu-top-takeout {
		padding: 30px 0px;
	}
	.menu-top-takeout a span {
		font-size: 24px;
		padding: 10px 40px;
	}
	.menu-top-takeout a span::before,
	.menu-top-takeout a span::after {
		width: 30px;
		height: 36px;
	}
}
/* ---------------------------------------------------------------------- */
.menutitle {
	text-align: center;
	margin-bottom: 30px;
}
.menutitle h3 {
	font-family: 'Amiri', sans-serif;
	font-size: 60px;
	font-weight: 400;
	line-height: 1em;
	text-transform: uppercase;
	border-bottom: 1px solid;
}
#menu-curry .menutitle h3 {color: #ff8000;}
#menu-topping .menutitle h3 {color: #000;}
#menu-original .menutitle h3 {color: #000;}
@media screen and (max-width: 767px) {
	.menutitle h3 {
		font-size: 50px;
	}
}
.menuinner {
}
.menutex {
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
	.menutex {
		font-size: 20px;
	}
}
/* ---------------------------------------------------------------------- */
.menuC {
	position: relative;
	min-height: 500px;
	margin-bottom: 30px;
}
.menuC:nth-child(odd) {
}
.menuC:nth-child(even) {
}
.menuCinner {
	width: 50%;
}
.menuC:nth-child(odd) .menuCinner {
	margin: 0px 0px 0px auto;
}
.menuC:nth-child(even) .menuCinner {
	margin: 0px auto 0px 0px;
}
.menuC h3 {
	color: #ee7a00;
	line-height: 1em;
	margin-bottom: 20px;
}
.menuC h3 b {
	display: block;
	font-size: 30px;
	line-height: 1em;
}
.menuC h3 strong {
	display: block;
	font-size: 46px;
	line-height: 1em;
}
.menuC:nth-child(odd) h3 {
}
.menuC:nth-child(even) h3 {
}
.menu-photo {
	position: absolute;
	width: 450px;
	top: 0px;
}
.menu-photo img {
	width: 450px;
	margin: 0px auto;
}
.menuC:nth-child(odd) .menu-photo {
	left: 0px;
}
.menuC:nth-child(even) .menu-photo {
	right: 0px;
}
.menuC p {
	margin-bottom: 10px;
}
.menuC:nth-child(odd) p {
}
.menuC:nth-child(even) p {
}
.menuC ul {
}
.menuC ul li {
	border-bottom: 1px solid #fff;
	padding: 10px 0px;
}
.menuC ul li dl {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0px;
}
.menuC ul li dl dt {
	display: table-cell;
	vertical-align: bottom;
}
.menuC ul li dl dd {
	display: table-cell;
	width: 120px;
	text-align: right;
	vertical-align: bottom;
}
.menuC ul li dl dt b {
	display: block;
	font-size: 16px;
}
.menuC ul li dl dt strong {
	display: inline-block;
	font-size: 20px;
}
.menuC ul li dl dt span {
	display: inline-block;
	font-size: 14px;
}
.menuC ul li dl dd {
	font-size: 26px;
}
.menuC-link {
	padding: 20px 0px 10px 0px;
}
.menuC-link a {
	display: inline-block;
	position: relative;
	background-color: #ee7a00;
	padding: 13px 20px 13px 50px;
}
.menuC-link.nanban a {
	background-color: #ffa900;
}
.menuC-link.mabo a {
	background-color: #c41d23;
}
.menuC-link a span {
	display: block;
}
.menuC-link a::before {
	content: "";
	position: absolute;
	left: -60px;
	top: -20px;
	width: 100px;
	height: 60px;
	vertical-align: top;
	background-image: url("./img/menu/tege.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
@media screen and (max-width: 767px) {
	.menuC {
		min-height: none;
		margin-bottom: 50px;
	}
	.menuCinner {
		width: auto;
	}
	.menuC:nth-child(odd) .menuCinner {
		margin: 0px auto;
	}
	.menuC:nth-child(even) .menuCinner {
		margin: 0px auto;
	}
	.menuC h3 {
		text-align: center;
	}
	.menuC h3 b {
		font-size: 28px;
	}
	.menuC h3 strong {
		font-size: 40px;
	}
	.menu-photo {
		position: static;
		width: auto;
		margin-bottom: 10px;
	}
	.menu-photo img {
		width: 80%;
		max-width: 300px;
	}
	.menuC ul li dl {
		display: block;
		width: auto;
	}
	.menuC ul li dl dt {
		display: block;
	}
	.menuC ul li dl dd {
		display: block;
		width: auto;
		text-align: right;
	}
	.menuC-link {
		padding: 40px 0px 10px 0px;
	}
	.menuC-link a {
		padding: 10px 20px 10px 70px;
	}
	.menuC-link a span {
		line-height: 1.6em;
	}
	.menuC-link a::before {
		content: "";
		position: absolute;
		left: 0px;
		top: -10px;
		width: 70px;
		height: 42x;
	}
}
/* ---------------------------------------------------------------------- */
.menuT {
}
.menuT ul {
	text-align: center;
}
.menuT ul li {
	display: inline-block;
	width: 32%;
	vertical-align: top;
	margin-bottom: 50px;
}
.menuT ul li.big {
	display: table;
	width: 100%;
	text-align: left;
	table-layout: fixed;
	border-spacing: 0px;
}
.menuT ul li div {
}
.menuT ul li div img {
	max-width: 240px;
	max-height: 180px;
	width: auto;
	height: auto;
	margin: 0px auto;
}
.menuT ul li.big div img {
	max-width: 320px;
	max-height: 250px;
}
.menuT ul li dl {
}
.menuT ul li.big div {
	display: table-cell;
	vertical-align: top;
}
.menuT ul li.big dl {
	display: table-cell;
	vertical-align: top;
}
.menuT ul li dl dt {
	margin-bottom: 5px;
}
.menuT ul li dl dt h4 {
	font-size: 22px;
}
.menuT ul li dl dd {
}
.menuT ul li dl dd.price b {
	display: block;
	font-size: 22px;
}
.menuT ul li dl dd p {
	line-height: 1.4em;
	border-top: 1px solid #000;
	padding: 5px;
}
@media screen and (max-width: 767px) {
	.menuT ul li {
		width: 48%;
		margin-bottom: 30px;
	}
	.menuT ul li div img {
		max-width: 180px;
		width: 80%;
	}
}
/* ---------------------------------------------------------------------- */
.menuO {
	background-repeat: no-repeat;
	background-position: right center;
	padding: 30px;
}
.menuO#karasa {
	background-image: url("./img/menu/menuO-karasa.jpg");
	margin-bottom: 20px;
}
.menuO#oomori {
	background-color: #fff;
	background-image: url("./img/menu/ban-curry.jpg");
}
.menuOinner {
	width: 400px;
	background-color: #fff;
	padding: 10px;
}
.menuO h4 {
	font-size: 26px;
	margin-bottom: 20px;
}
.menuO ul {
}
.menuO ul li {
	border-bottom: 1px solid #000;
	padding: 10px 0px;
}
.menuO ul li dl {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0px;
}
.menuO ul li dl dt {
	display: table-cell;
	width: 200px;
	font-size: 20px;
	font-weight: 700;
	text-align: left;
	vertical-align: middle;
}
.menuO ul li dl dt b {
	display: inline-block;
	color: #cf0023;
	font-size: 26px;
}
.menuO ul li dl dd {
	display: table-cell;
	vertical-align: middle;
}
.menuO ul li dl dd.karai {
}
.menuO ul li dl dd.karai img {
	display: inline-block;
	vertical-align: top:
}

.menuO ul li dl dd.price {
	width: 100px;
	font-size: 22px;
	text-align: right;
}
.menuO p {
	padding-top: 20px;
}
.menuO p b {
	display: block;
	margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
	.menuO {
		padding: 50px 10px;
	}
	.menuOinner {
		width: auto;
		padding: 10px;
	}
	.menuO#karasa h4 {
		font-size: 30px;
	line-height: 1.4em;
		text-align: center;
	}
	.menuO#oomori h4 {
		font-size: 22px;
		text-align: center;
	}
/*
	.menuO ul li dl {
		display: block;
		width: auto;
	}
	.menuO ul li dl dt {
		display: block;
	}
	.menuO ul li dl dd {
		display: block;
	}
*/
	.menuO ul li dl dt {
	text-align: center;
	}
	.menuO ul li dl dd.karai {
		padding: 5px 0px 0px 10px;
	}
	.menuO ul li dl dd.price {
		width: 100px;
	}
}
/* ---------------------------------------------------------------------- */
#menu-takeout {
background: rgb(255,128,0);
background: -moz-linear-gradient(top, rgba(255,128,0,1) 0%, rgba(255,255,255,1) 30%);
background: -webkit-linear-gradient(top, rgba(255,128,0,1) 0%,rgba(255,255,255,1) 30%);
background: linear-gradient(to bottom, rgba(255,128,0,1) 0%,rgba(255,255,255,1) 30%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8000', endColorstr='#ffffff',GradientType=0 );
}
.takeouttitle {
	text-align: center;
	padding: 50px 0px 20px 0px;
}
.takeouttitle h3 {
	display: inline-block;
	position: relative;
	border-bottom: 2px solid #000;
}
.takeouttitle h3 span {
	display: inline-block;
	font-size: 30px;
	font-weight: 700;
	padding: 10px 60px;
}
.takeouttitle h3 span::before,
.takeouttitle h3 span::after {
	content: "";
	position: absolute;
	bottom: 10px;
	width: 50px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
.takeouttitle h3 span::before {
	left: 0px;
	background-image: url("./img/menu/takeoutB1.png");
}
.takeouttitle h3 span::after {
	right: 0px;
	background-image: url("./img/menu/takeoutB2.png");
}
.takeout {
	text-align: center;
}
.takeout p {
	margin-bottom: 20px;
}
.takeout ul {
}
.takeout ul li {
	display: inline-block;
}
.takeout ul li img {
}
.takeout-shop {
	text-align: center;
	padding-top: 30px;
}
.takeout-shop h4 {
	font-size: 30px;
	margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.takeouttitle h3 span {
		font-size: 24px;
		padding: 10px 40px;
	}
	.takeouttitle h3 span::before,
	.takeouttitle h3 span::after {
		width: 30px;
		height: 36px;
	}
	.takeout ul {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 5px;
	}
	.takeout ul li {
		display: table-cell;
		vertical-align: middle;
	}
	.takeout-shop h4 {
		font-size:24px;
	}
}
/* ---------------------------------------------------------------------- */
#menu-news {
	text-align: center;
	background-color: #fff;
	padding: 40px 0px;
}
.menunewstitle {
	margin-bottom: 20px;
}
.menunewstitle h3 {
	color: #ff4b00;
	font-size: 28px;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
}
.menu-news {
}
.menu-news ul {
}
.menu-news ul li {
	display: inline-block;
	width: 32%;
	text-align: left;
}
.menu-news ul li a {
	display: block;
	padding: 10px 10px;
}
.menu-news ul li a .thumbnail {
	text-align: center;
	margin-bottom: 0px;
}
.menu-news ul li a dl {
}
.menu-news ul li a dl dt {
}
.menu-news ul li a dl dt span {
	display: block;
	font-size: 0.9em;
	font-weight: 700;
	line-height: 1.4em;
}
.menu-news ul li a dl dt strong {
	display: block;
	font-weight: 700;
	line-height: 1.4em;
}
.menu-news ul li a dl dd {
	font-size: 0.8em;
	line-height: 1.4em;
}
#menu-news .links {
	text-align: right;
}
@media screen and (max-width: 767px) {
#menu-news {
	padding: 40px 10px;
}
.menunewstitle {
	margin-bottom: 20px;
}
.menunewstitle h3 {
	font-size: 20px;
}
	.menu-news ul li {
		display: block;
		width: auto;
	}
}
/* ---------------------------------------------------------------------- */