article {
	background: #fff url("../../shared/images/menu/whitepaperwall.jpg");
	color: #070707;
	padding-bottom: 80px;
}

ul {
	margin: 0;
	padding: 0;
}

ul li {
	list-style: none;
}

.mt40 {
	margin-top: 40px;
}

.takeout-mainvisual {
	display: block;
}

.takeout-mainvisual img {
	width: 100%;
	vertical-align: bottom;
}

.takeout-mainvisual01 ,
.takeout-mainvisual02 {
	width: 100%;
	position: relative;
	z-index: 1;
}

.takeout-header {
	position: relative;
	padding: 0 375px 100px 0;
	z-index: 1;
	background-color: #000;
}

.takeout-box {
	position: absolute;
	width: 502px;
	z-index: 2;
	top: 6.875%;
	right: 5.694%;
}

.takeout-subtitle {
	color: #fff;
	font-weight: bold;
	background-color: #b80006;
	font-size: 39px;
	border-radius: 13px 13px 0 0;
	padding: 30px;
	line-height: 1;
	position: relative;
	z-index: 1;
	text-align: left;
	font-feature-settings : "palt";
}

.takeout-subtitle br {
	display: none;
}

.takeout-subtitle::after {
	position: absolute;
	content: '';
	background: url(../images/takeout/takeout-icon.png) no-repeat left top;
	width: 66px;
	height: 90px;
	background-size: 66px 90px;
	right: 29px;
	top: -8px;
}

.takeout-title {
	width: 571px;
	position: relative;
	left: -126px;
	top: -12px;
}
.takeout-title img {
	width: 100%;
}

.takeout-box-inner {
	background: url(../images/takeout/takeout-box-bg-pc.png) no-repeat left bottom;
	background-size: cover;
	border-radius: 0 0 13px 13px;
	position: relative;
	z-index: 2;
	padding: 0 45px 35px 35px;
	text-align: left;
}

.takeout-box-inner p {
	font-weight: bold;
	font-size: 16px;
	line-height: 1.625;
}

.takeout-sawachi {
	background-color: #000;
	padding: 0 0 100px 375px;
	position: relative;
	z-index: 2;
}

.takeout-sawachi::before ,
.takeout-sawachi::after {
	content: '';
	position: absolute;
}

.takeout-sawachi::before {
	background: url(../images/takeout/takeout-circle01.png) no-repeat left top;
	background-size: 100%;
	width: 22.430%;
	padding-top: 22.43%;
	z-index: 3;
	top: -30.571%;
	left: -5.625%;
}

.takeout-sawachi::after {
	background: url(../images/takeout/takeout-circle02.png) no-repeat left top;
	background-size: 100%;
	width: 17.361%;
	padding-top: 17.361%;
	z-index: 4;
	left: 12.43%;
	bottom: 11.428%;
}

.takeout-label {
	position: absolute;
	z-index: 2;
	background-color: #8d1f23;
	padding: 55px 45px 40px;
	text-align: left;
	width: 545px;
	left: 0;
	top: 20.714%;
}

.takeout-label h2 {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 34px;
	width: 100%;
	font-size: 20px;
	font-weight: bold;
}

.takeout-label h2 span {
	font-size: 19px;
}

.takeout-label p {
	color: #fff;
	font-size: 16px;
	line-height: 1.625;
	width: 100%;
}

.menu-gallery ,
.takeout-gallery {
	width: 100%;
	background-color: #000;
	padding-top: 3px;
}

.menu-gallery ul ,
.takeout-gallery ul {
	display: flex;
	width: calc(100% - 46px);
	margin-left: -3px;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.takeout-gallery ul {
	align-items: normal;
	text-align: left;
}

.menu-gallery ul li ,
.takeout-gallery ul li {
	position: relative;
}
.takeout-gallery ul li {
	background-color: #8d1f23;
}

.takeout-gallery figure {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

.takeout-gallery .takeout-column2 li {
	margin: 0 0 3px 3px;
	width: calc(50% - 3px);
}

.menu-gallery .menu-column3 li {
	margin: 0 0 3px 3px;
	width: calc(33.333% - 3px);
	padding-top: 23.125%;
}

.menu-gallery .menu-column4 li ,
.takeout-gallery .takeout-column4 li {
	margin: 0 0 3px 3px;
	width: calc(25% - 3px);
	padding-top: 17.013%;
}

.takeout-gallery .takeout-column4 li {
	padding-top: 0;
}

.takeout-gallery .takeout-column2 figure {
	padding-top: 55.555%;
}

.takeout-gallery .takeout-column4 figure {
	padding-top: 69.832%;
}

.takeout-gallery div {
	padding: 25px 30px;
	text-align: left;
}

.takeout-gallery p {
	color: #fff;
}

.takeout-name {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}

.takeout-desc {
	font-size: 16px;
	line-height: 1.625;
}

.takeout-name span ,
.takeout-desc span {
	font-size: 19px;
	font-weight: bold;
}

.menu-gallery ul li img ,
.takeout-gallery ul li img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.menu-list {
	margin: 80px auto 0;
	max-width: 1000px;
	overflow: hidden;
}

.menu-list h2 {
	font-size: 23px;
	border-bottom: 3px solid #746d61;
	text-align: left;
	margin-right: 10px;
}

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

.menu-list .menu-list-left {
	width: 460px;
}

.menu-list .menu-list-right {
	width: 460px;
}

.menu-list .menu-list-right ul li {
	text-align: left;
}

.menu-list .recommend .menu-list-left {
	width: 596px;
}

.menu-list .recommend .menu-list-right {
	width: 360px;
}

.menu-list .recommend .menu-list-right ul li {
	text-align: left;
}

.menu-list .recommend .menu-list-right ul li p {
	margin: 0 9px 30px;
}

.menu-list .recommend .menu-list-right img {
	width: 100%;
	display: block;
}

.menu-list .menu-list-right p {
	text-align: left;
	font-size: 14px;
}

.menu-list dl {
	width: 100%;
	font-size: 18px;
	margin: 0;
}

.menu-list dt {
	display: block;
	width: 75%;
	display: inline-block;
	text-align: left;
}

.menu-list dd {
	width: 25%;
	margin: 0;
	float: right;
	text-align: right;
}

.menu-list dd span {
	font-size: 0.91em;
}

.menu-list dl div {
	border-bottom: 1px solid #746d61;
	padding: 11px 0;
	text-align: left;
	margin-right: 10px;
}

.takeout-caution {
	margin-top: 80px;
	background-color: #8d1f23;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 38px 34px;
}

.takeout-caution p {
	color: #fff;
}

.takeout-caution-first {
	width: 604px;
	text-align: left;
}

.takeout-caution-first p {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.35;
}

.takeout-caution-first .takeout-caution-note {
	font-weight: normal;
	font-size: 13px;
	margin-top: 15px;
}

.takeout-caution-tel {
	width: 276px;
	border: 1px solid #fff;
	border-radius: 10px;
	padding: 24px 20px 20px;
	text-align: center;
}

.takeout-caution-tel img {
	width: 222px;
}

.takeout-caution-tel p {
	font-size: 13px;
}

.takeout-caution-tel p span {
	font-size: 15px;
}

@media (max-width:768px) {
	.sp-menu .gnav {
		display: none;
	}

	.takeout-header {
		padding: 0 0 74.666vw;
		z-index: 2
	}

	.takeout-header::before {
		content: '';
		position: absolute;
		background: url(../images/takeout/takeout-circle01.png) no-repeat left top;
		background-size: 100%;
		width: 65.333vw;
		height: 65.333vw;
		top: 156.533vw;
		left: -3.466vw;
		z-index: 3;
	}

	.takeout-header::after {
		content: '';
		position: absolute;
		background: url(../images/takeout/takeout-circle02.png) no-repeat left top;
		background-size: 100%;
		width: 40.266vw;
		height: 40.266vw;
		top: 152vw;
		right: -5.066vw;
		z-index: 4;
	}


	.takeout-box {
		position: absolute;
		width: 84vw;
		z-index: 2;
		right: auto;
		top: 20.533vw;
		left: 8vw;
	}

	.takeout-subtitle {
		padding: 20px 40px;
		font-size: 29px;
		border-radius: 13px 13px 0 0;
		line-height: 1.2;
	}

	.takeout-subtitle br {
		display: block
	}

	.takeout-subtitle::after {
		right: 18px;
	}

	.takeout-title {
		width: 88.533vw;
		position: relative;
		left: -44px;
		top: -10px;
	}
	
	.takeout-box-inner {
		background-image: url(../images/takeout/takeout-box-bg-sp.png);
		padding: 0 24px 32px;
	}

	.takeout-sawachi {
		background-color: #000;
		padding: 0 0 66.666vw 0;
		z-index: 1;
	}

	.takeout-sawachi::before ,
	.takeout-sawachi::after {
		display: none;
	}

	.takeout-label {
		padding: 40px 30px;
		text-align: left;
		width: 84vw;
		top: 105.666vw;
		left: 8vw;
	}

	.takeout-gallery ul {
		margin: 0 0 0 -3px;
		width: 100%;
	}

	.takeout-gallery .takeout-column2 {
		display: block;
	}

	.menu-gallery .menu-column3 {
		display: flex;
		width: 100%;
		margin: 0;
	}

	.menu-gallery .menu-column4 ,
	.takeout-gallery .takeout-column4 {
		justify-content: space-between;
	}

	.takeout-gallery .takeout-column2 li {
		margin: 0 0 3px 3px;
		width: 100%;
		padding: 0;
	}

	.menu-gallery .menu-column3 li {
		margin: 0 3px 3px 0;
		width: calc(50% - 3px);
		padding: 0;
	}

	.menu-gallery .menu-column3 li:nth-child(even) {
		margin-right: 0;
		width: 50%;
	}

	.menu-gallery .menu-column4 li ,
	.takeout-gallery .takeout-column4 li {
		margin: 0 0 3px 3px;
		width: calc(50% - 3px);
		padding: 0;
	}

	.takeout-gallery figure {
		padding: 0
	}

	.menu-gallery ul li img {
		position: relative;
	}

	.takeout-gallery div {
		padding: 15px 20px;
	}

	.takeout-name {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.takeout-desc {
		font-size: 14px;
	}

	.takeout-name span ,
	.takeout-desc span {
		font-size: 17px;
	}

	.menu-list {
		margin: 80px auto 0;
		padding: 0 18px;
	}
	
	.menu-list .menu-list-wrap {
		display: block;
	}
	.menu-list .recommend .menu-list-left, .menu-list .menu-list-left {
		width: 100%;
		float: none;
	}
	.menu-list .recommend .menu-list-right, .menu-list .menu-list-right {
		width: 100%;
		float: none;
		margin-top: 40px;
	}
	.menu-list .recommend .menu-list-right ul {
		display: flex;
		justify-content: space-between;
	}
	.menu-list .recommend .menu-list-right ul li {
		width: 49.5%;
	}
	.menu-list .recommend .menu-list-right ul li p {
		margin: 10px 0px 30px;
		font-size: 0.8em;
	}
	.menu-list .menu-list-right {
		margin-top: 0;
	}
	.menu-list .menu-list-right h2 {
		margin-top: 40px;
	}

	.takeout-caution {
		margin-top: 40px;
		display: block;
		padding: 20px;
	}

	.takeout-caution-first {
		width: 100%;
		margin-bottom: 20px
	}

	.takeout-caution-first p {
		font-size: 18px;
	}

	.takeout-caution-tel {
		width: 100%;
		padding: 15px;
	}

}


@media (max-width: 321px) {
	.takeout-subtitle {
		font-size: 20px
	}
	
	.takeout-box-inner p {
		font-size: 14px
	}

}
/*
.menu-gallery {
  width: 100%;
}

.menu-gallery ul {
  display: flex;
  justify-content: center;
  width: calc(100% - 49px);
  margin-left: -3px;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.menu-gallery ul li {
  margin-bottom: 3px;
  margin: 0 0 3px 3px;
  width: calc(25% - 3px);
  text-align: left;
}

.menu-gallery ul li:last-child {
  margin-right: 0;
}

.menu-gallery ul li img {
  display: block;
  width: 100%;
}

@media (max-width:768px) {
  .menu-gallery ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
  }
  .menu-gallery ul li {
    margin: 0;
    text-align: left;
    width: 49.5%;
  }
}
*/