.bannerList_nside li {
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
}
.bannerList_nside li:first-child {
  margin-right: 7px;
}
.bannerList_nside li:nth-child(2) {
  margin-right: 7px;
}

.bannerlistbox {
  width: 302px;
  height: 219px;
  border-radius: 1px dotted #eeeeee;
}

/* nutrition */
.headingPrimary > span {
  color: #006436;
}

.section > .nt {
  margin-right: 10px;
  width: 213px;
  float: left;
}
.section > .nt tr th, .section > .nt tr td {
  border: 1px solid #e6e6e6;
  text-align: left;
  padding: 15px 10px;
}
.section > .nt tr th {
  background: #fffaed;
  width: 100px;
  border-left: 3px solid #d4b07f;
}
.section > .nt tr td {
  background: white;
  width: 50px;
}

@media screen and (max-width: 768px) {
  .section > .nt {
    table-layout: fixed;
    width: 100%;
  }
  .section > .nt tr th {
    width: 50%;
  }
  .section > .nt tr td {
    width: 50%;
  }
}
/* area */
.bannerArea {
  margin-bottom: 10px;
  padding: 0 !important;
  background: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

h1.headingPrimary + .bannerArea ul.bannerList {
  margin: -20px -5px 0 !important;
}
h1.headingPrimary + .bannerArea ul.bannerList li {
  width: 33.3333%;
  padding: 0 5px;
}
h1.headingPrimary + .bannerArea ul.bannerList li > a {
  display: block;
  padding: 4px;
  background-color: white;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 8px rgba(100, 62, 17, 0.4);
          box-shadow: 0 0 8px rgba(100, 62, 17, 0.4);
}
h1.headingPrimary + .bannerArea ul.bannerList li + li {
  margin-right: 0;
  margin-left: 0;
}

h1.headingPrimary + .bannerArea .swipeGallery .swipe .items li > a {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4px;
  background-color: white;
  border-radius: 5px;
}

/* cont */
.contPieces {
  margin-bottom: 20px;
}
.contPieces .cpBody {
  display: table;
  width: 100%;
}
.contPieces .cpBody .cpRow {
  display: table-row;
}
.contPieces .cpBody .cpRow .cpCol {
  display: table-cell;
}
.contPieces .cpBody .cpRow .cpCol.cpCol1 {
  text-align: center;
}
.contPieces .cpBody .cpRow .cpCol.cpCol2 {
  width: 203px;
}

@media screen and (max-width: 768px) {
  .contPieces .cpBody {
    display: block;
    width: auto;
  }
  .contPieces .cpBody .cpRow {
    display: block;
  }
  .contPieces .cpBody .cpRow .cpCol {
    display: block;
  }
  .contPieces .cpBody .cpRow .cpCol.cpCol2 {
    width: auto;
  }
}
/* heading */
.headingPrimary.menu .hpmTitle {
  display: table;
  width: 100%;
}
.headingPrimary.menu .hpmTitle .hpmIcon,
.headingPrimary.menu .hpmTitle .hpmText {
  display: table-cell;
  vertical-align: middle;
}
.headingPrimary.menu .hpmTitle .hpmIcon {
  width: 1%;
  padding-right: 12px;
  white-space: nowrap;
}
.headingPrimary.menu .hpmTitle .hpmIcon > img {
  max-width: none;
}
.headingPrimary.menu .hpmStatus {
  display: table;
  width: 100%;
}
.headingPrimary.menu .hpmStatus .hpmIcon,
.headingPrimary.menu .hpmStatus .hpmText {
  display: table-cell;
  vertical-align: middle;
}
.headingPrimary.menu .hpmStatus .hpmIcon {
  text-align: right;
}
.headingPrimary.menu .hpmStatus .hpmIcon img {
  width: auto;
}
.headingPrimary.menu .hpmStatus .hpmIcon img + img {
  margin-left: 8px;
}
.headingPrimary.menu .hpmStatus .hpmIcon:first-child {
  width: 30px;
  padding-right: 10px;
  text-align: center;
}
.headingPrimary.menu .hpmStatus .hpmText {
  color: #006436;
  font-size: 65%;
}
.headingPrimary.menu .hpmStatus + .hpmTitle {
  margin-top: 10px;
}
.headingPrimary.menu .hpmPrice {
  display: inline-block;
  color: black;
  font-size: 90%;
  font-weight: bold;
}
.headingPrimary.menu .hpmPrice + .hpmCalory {
  margin-left: 5px;
}
.headingPrimary.menu .hpmCalory {
  display: inline-block;
  color: #999999;
  font-size: 60%;
}
.headingPrimary.menu .hpmCalory + .hpmPrice {
  margin-left: 20px;
}
.headingPrimary.menu .noteText-r,
.headingPrimary.menu .noteText-rs {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .headingPrimary.menu .hpmTitle {
    font-size: 75%;
    line-height: 1.4;
  }
  .headingPrimary.menu .hpmStatus .hpmIcon img {
    width: 20px;
  }
  .headingPrimary.menu .hpmStatus .hpmIcon:first-child {
    padding-right: 0;
    text-align: left;
  }
  .headingPrimary.menu .hpmStatus .hpmIcon:first-child img {
    width: auto;
  }
  .headingPrimary.menu .hpmStatus .hpmText {
    font-size: 55%;
  }
  .headingPrimary.menu .hpmPrice {
    font-size: 75%;
  }
  .headingPrimary.menu .hpmCalory {
    font-size: 65%;
  }
}
.headingTotal {
  position: relative;
  margin-bottom: 28px;
  background-color: #6a430a;
  border-radius: 5px;
}
.headingTotal:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -16px;
  display: block;
  width: 0;
  height: 0;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top: 8px solid #6a430a;
}
.headingTotal > span {
  display: block;
  padding: 5px;
  color: white;
  font-size: 115%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .headingTotal > span {
    font-size: 90%;
  }
}
/* list */
.allergyList {
  margin: 28px -2px -3px -3px;
}
.allergyList li {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  width: 11.11%;
  padding: 2px 2px 3px 3px;
}
.allergyList li input[type=checkbox] {
  display: none;
}
.allergyList li label {
  position: relative;
  display: block;
  cursor: pointer;
}
.allergyList li label.checked:after {
  content: url(../img/sp/menu/checked.png);
  position: absolute;
  right: 0;
  top: 0;
}
.allergyList li label.checked > span {
  padding: 0;
  border: 2px solid #00a728;
}
.allergyList li label > span {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: block;
  padding: 1px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  text-align: center;
}
.allergyList li label > span.hover {
  padding: 0;
  border: 2px solid #00a728;
}

@media screen and (max-width: 768px) {
  .allergyList li {
    width: 20%;
  }
  .allergyList li > label > span > img {
    width: 100%;
  }
}
.genreList {
  overflow: hidden;
}
.genreList ul {
  margin: -1px -11px 0 -10px;
}
.genreList ul li {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 33.3%;
  min-height: 266px;
  padding: 0 10px;
  border-top: 1px dashed #dfdfdf;
  border-right: 1px dashed #dfdfdf;
}
.genreList ul li > a {
  display: block;
}
.genreList ul li > a .glInner {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: block;
  margin: 10px 0;
  padding: 3px;
  border-radius: 3px;
}
.genreList ul li > a .glInner:hover {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  border: 3px solid #00a728;
}
.genreList ul li > a .glInner .glItemWrap {
  display: block;
  margin-bottom: 5px;
}
.genreList ul li > a .glInner .glItemWrap .glItemImage {
  display: block;
  text-align: center;
}
.genreList ul li > a .glInner .glItemName {
  display: block;
  margin-bottom: 10px;
  color: #6a430a;
  font-size: 115%;
  font-weight: bold;
  text-align: center;
}
.genreList ul li > a .glInner .glItemName .glItemNameNote {
  font-size: 75%;
}
.genreList ul li > a:hover {
  color: #006436;
  text-decoration: none;
}
.genreList ul li > a:hover .glItemName {
  color: #00a728;
}

@media screen and (max-width: 768px) {
  .genreList ul {
    margin: -1px 0 0 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAMAAAA1zgQDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFQTI5NUUxNEU0OEIxMUUzQTcyMkZCMTRDMTJGODU5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFQTI5NUUxNUU0OEIxMUUzQTcyMkZCMTRDMTJGODU5MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVBMjk1RTEyRTQ4QjExRTNBNzIyRkIxNEMxMkY4NTkwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVBMjk1RTEzRTQ4QjExRTNBNzIyRkIxNEMxMkY4NTkwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+hlHHBwAAAAlQTFRF4eHh39/f////0sc9mwAAAAN0Uk5T//8A18oNQQAAABRJREFUeNpiYGBgZGBgYAJBgAADAAAnAAhqhaA9AAAAAElFTkSuQmCC) repeat-y center;
  }
  .genreList ul li {
    width: 50%;
    min-height: 0;
    padding: 0;
    border-right: none;
  }
  .genreList ul li > a {
    padding: 0 10px;
  }
  .genreList ul li > a .glInner {
    margin: 0;
    padding: 0;
  }
  .genreList ul li > a .glInner:hover {
    border: none;
  }
  .genreList ul li > a .glInner .glItemName {
    font-size: 12px;
  }
  .genreList ul li > a .glInner .glItemName .glItemNameNote {
    font-size: 8px;
  }
}
.iconList {
  margin: -10px !important;
}
.iconList li {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  width: 33.3%;
  padding: 10px;
}
.iconList li .ilIcon {
  display: table;
}
.iconList li .ilIcon .ilIconInner {
  display: table-row;
}
.iconList li .ilIcon .ilIconInner .ilIconImage,
.iconList li .ilIcon .ilIconInner .ilIconText {
  display: table-cell;
  vertical-align: middle;
}
.iconList li .ilIcon .ilIconInner .ilIconImage {
  width: 30px;
  height: 30px;
  padding-right: 10px;
  text-align: center;
}
.iconList li .ilIcon .ilIconInner .ilIconImage img {
  width: 30px;
}
.iconList li .ilIcon .ilIconInner .ilIconText {
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .iconList {
    margin: -5px !important;
  }
  .iconList li {
    width: 50%;
    padding: 5px;
  }
}
.menuList, .menuList-lte-3, .menuList-l,
.menuList-l-lte-3 {
  margin: 10px -10px -10px;
}
.menuList li, .menuList-lte-3 li, .menuList-l li,
.menuList-l-lte-3 li {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding: 10px;
}
.menuList li > a, .menuList-lte-3 li > a, .menuList-l li > a,
.menuList-l-lte-3 li > a {
  display: block;
}
.menuList li > a:hover, .menuList-lte-3 li > a:hover, .menuList-l li > a:hover,
.menuList-l-lte-3 li > a:hover {
  color: #006436;
  text-decoration: none;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -ms-filter: "alpha(opacity=30)";
}
.menuList li .mlInner, .menuList-lte-3 li .mlInner, .menuList-l li .mlInner,
.menuList-l-lte-3 li .mlInner {
  display: block;
}
.menuList li .mlInner .mlItemWrap, .menuList-lte-3 li .mlInner .mlItemWrap, .menuList-l li .mlInner .mlItemWrap,
.menuList-l-lte-3 li .mlInner .mlItemWrap {
  display: block;
  margin-bottom: 5px;
}
.menuList li .mlInner .mlItemWrap .mlItemImage, .menuList-lte-3 li .mlInner .mlItemWrap .mlItemImage, .menuList-l li .mlInner .mlItemWrap .mlItemImage,
.menuList-l-lte-3 li .mlInner .mlItemWrap .mlItemImage {
  display: block;
  text-align: center;
}
.menuList li .mlInner .mlItemWrap .mlItemStatus, .menuList-lte-3 li .mlInner .mlItemWrap .mlItemStatus, .menuList-l li .mlInner .mlItemWrap .mlItemStatus,
.menuList-l-lte-3 li .mlInner .mlItemWrap .mlItemStatus {
  display: block;
  margin-top: 5px;
}
.menuList li .mlInner .mlItemWrap .mlItemStatus img, .menuList-lte-3 li .mlInner .mlItemWrap .mlItemStatus img, .menuList-l li .mlInner .mlItemWrap .mlItemStatus img,
.menuList-l-lte-3 li .mlInner .mlItemWrap .mlItemStatus img {
  width: 20px;
}
.menuList li .mlInner .mlItemWrap .mlItemStatus img + img, .menuList-lte-3 li .mlInner .mlItemWrap .mlItemStatus img + img, .menuList-l li .mlInner .mlItemWrap .mlItemStatus img + img,
.menuList-l-lte-3 li .mlInner .mlItemWrap .mlItemStatus img + img {
  margin-left: 5px;
}
.menuList li .mlInner .mlItemWrap .mlItemStatus > span, .menuList-lte-3 li .mlInner .mlItemWrap .mlItemStatus > span, .menuList-l li .mlInner .mlItemWrap .mlItemStatus > span,
.menuList-l-lte-3 li .mlInner .mlItemWrap .mlItemStatus > span {
  display: block;
  width: 20px;
  height: 20px;
}
.menuList li .mlInner .mlItemName, .menuList-lte-3 li .mlInner .mlItemName, .menuList-l li .mlInner .mlItemName,
.menuList-l-lte-3 li .mlInner .mlItemName {
  display: block;
  color: #6a430a;
  font-weight: bold;
}
.menuList li .mlInner .mlItemName .mlItemNameNote, .menuList-lte-3 li .mlInner .mlItemName .mlItemNameNote, .menuList-l li .mlInner .mlItemName .mlItemNameNote,
.menuList-l-lte-3 li .mlInner .mlItemName .mlItemNameNote {
  font-size: 85%;
}
.menuList li .mlInner .mlItemPrice, .menuList-lte-3 li .mlInner .mlItemPrice, .menuList-l li .mlInner .mlItemPrice,
.menuList-l-lte-3 li .mlInner .mlItemPrice {
  color: black;
  font-weight: bold;
}
.menuList li .mlInner .mlItemCalory, .menuList-lte-3 li .mlInner .mlItemCalory, .menuList-l li .mlInner .mlItemCalory,
.menuList-l-lte-3 li .mlInner .mlItemCalory {
  margin-left: 10px;
  color: #999999;
  font-size: 85%;
  font-weight: normal;
}
.menuList li .mlInner .mlItemSingle, .menuList-lte-3 li .mlInner .mlItemSingle, .menuList-l li .mlInner .mlItemSingle,
.menuList-l-lte-3 li .mlInner .mlItemSingle {
  display: block;
  color: black;
  font-size: 12px;
}
.menuList + div, .menuList-lte-3 + div, .menuList-l + div,
.menuList-l-lte-3 + div {
  margin-top: 30px !important;
}
.menuList + div + div, .menuList-lte-3 + div + div, .menuList-l + div + div,
.menuList-l-lte-3 + div + div {
  margin-top: 30px !important;
}
.menuList + ul, .menuList-lte-3 + ul, .menuList-l + ul,
.menuList-l-lte-3 + ul {
  margin-top: 30px !important;
}

@media screen and (max-width: 768px) {
  .menuList, .menuList-lte-3, .menuList-l,
  .menuList-l-lte-3 {
    margin: 5px -15px -15px;
  }
  .menuList li, .menuList-lte-3 li, .menuList-l li,
  .menuList-l-lte-3 li {
    width: 50%;
    padding: 15px;
  }
  .menuList li .mlInner .mlItemName, .menuList-lte-3 li .mlInner .mlItemName, .menuList-l li .mlInner .mlItemName,
  .menuList-l-lte-3 li .mlInner .mlItemName {
    font-size: 12px;
  }
}
.menuList-lte-3 {
  text-align: center;
}
.menuList-lte-3 > li {
  text-align: left;
}

@media screen and (max-width: 768px) {
  .menuList-lte-3 {
    text-align: left;
  }
}
.menuList-l,
.menuList-l-lte-3 {
  text-align: center;
}
.menuList-l > li,
.menuList-l-lte-3 > li {
  width: 33.3%;
  text-align: left;
}

.cafeMenu .menuList-l{
  text-align: left;
}
.cafeMenu .menuList-l > li{
  width: 50%;
}

.cafeBox .mediaBox-fixed .media {
  width: 120px;
}
.cafeBox .title {
  color: #6a430a;
}

@media screen and (max-width: 768px) {
  .menuList-l,
  .menuList-l-lte-3 {
    text-align: left;
  }
  .menuList-l > li,
  .menuList-l-lte-3 > li {
    width: 100%;
  }
}
/* text */
.textEqual {
  color: #00a728;
  font-size: 125%;
  font-weight: bold;
  line-height: 1;
}

/* B-011 */
.linkList + .nutritionInputBox {
  margin-top: 10px;
}

.nutritionContainer > div:first-child > .linkList + .nutritionInputBox {
  margin-top: 0;
}

.nutritionContainer > div:first-child > ul {
  display: none;
}

.nutritionInputBox {
  display: table;
  width: 100%;
}
.nutritionInputBox select {
  width: 100%;
}
.nutritionInputBox > div {
  display: table-cell;
  vertical-align: middle;
}
.nutritionInputBox .menu {
  width: 360px;
  padding-right: 20px;
}
.nutritionInputBox .menu div:first-child:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 8px solid #00a728;
  margin: 10px 0 0 50%;
}
.nutritionInputBox .quantity > div {
  display: table;
  width: 100%;
}
.nutritionInputBox .quantity > div > div {
  display: table-cell;
  vertical-align: middle;
}
.nutritionInputBox .quantity > div > div img {
  border: 2px solid #b2e4be;
  width: 80px;
  border-radius: 4px;
}
.nutritionInputBox .quantity > div > div.select {
  background: url(../img/sp/menu/icon/multiply.png) no-repeat left center;
  padding-left: 30px;
}

@media screen and (max-width: 768px) {
  .nutritionInputBox {
    display: block;
  }
  .nutritionInputBox > div {
    display: block;
  }
  .nutritionInputBox .menu {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
  }
}
.swipeGallery .swipe .items li a {
  display: block;
}
.swipeGallery .swipe .nav {
  width: 100%;
  text-align: center;
}
.swipeGallery .swipe .nav li {
  display: inline-block;
}
.swipeGallery .swipe .nav li a {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #b29b7d;
  border-radius: 8px;
  border: 2px solid white;
}
.swipeGallery .swipe .nav li a:hover {
  text-decoration: none;
}
.swipeGallery .swipe .nav li.active a {
  background: #e8002f;
}
.swipeGallery .swipe .nav li {
  vertical-align: middle;
}

.navPage ul {
  width: 60%;
  margin: 0 auto;
  font-size: 18px;
  text-align: center;
}
.navPage ul li {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  width: 14%;
}
.navPage ul li.nav a {
  display: inline-block;
  padding: 5px 12px;
  background: #b38658;
  color: white;
  border-radius: 5px;
}
.navPage ul li.active span {
  display: inline-block;
  padding: 5px 12px;
  background: #b38658;
  color: white;
  border-radius: 5px;
}
.navPage ul li.prev {
  width: 14%;
}
.navPage ul li.prev a {
  color: #6b4400;
  font-weight: bold;
}
.navPage ul li.next {
  width: 14%;
}
.navPage ul li.next a {
  color: #6b4400;
  font-weight: bold;
}
.navPage ul li.active {
  opacity: 0.5;
}

@media screen and (max-width: 768px) {
  .navPage ul {
    width: 100%;
    margin: 0;
  }
}