@charset "utf-8";

/* ブラウザスタイル初期化用ＣＳＳ */
html {
	font-size: 14px;
}
body{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	font-size: 0;
	line-height: 0;
	background-color: #ffffff;
	overflow-x: hidden;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-text-size-adjust: 100%;
}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,li,dl,dt,dd{
    margin: 0px;
    padding: 0px;
}
li,dt,dd{
    list-style-type: none;
}
p {
    margin: 0;
}
img {
    border: 0;
    border: none;
}
a {
	text-decoration: none;
}
i, u, b{
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
}

.pcIb { display: inline-block!important;}
.spB { display: none!important;}
.spIb { display: none!important;}
@media screen and (max-width: 750px){
	.pcIb { display: none!important;}
	.spB { display: block!important;}
	.spIb { display: inline-block!important;}
}

body {
  background: url(images/bgTile.png) center;
  text-align: center;
  min-width: 1240px;
}
body.preload * {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}
body.minHead {
  margin-top: 224px;
}


header {
  border-top: solid 7px #f18200;
  height: 152px;
  padding-top: 26px;
  box-sizing: border-box;
  text-align: center;
  background: #fffaf4;
  box-shadow: inset 0px -2px 4px 0px rgba(0, 0, 0, 0.3);
  top: -90px;
  transition: top 0.3s;
}
header div.left {
  display: inline-block;
  vertical-align: top;
  width: 425px;
  text-align: left;
  box-sizing: border-box;
  padding: 0 40px 0 134px;
  margin-right: 10px;
}
header div.left p {
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  margin: 10px 0;
  background: #666666;
  color: white;
  padding: 4px 0;
  border-radius: 4px;
}
header div.left a {
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
  border-radius: 6px;
  background: antiquewhite;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
header div.left a:last-child {
  margin-right: 0;
}
header div.center {
  display: inline-block;
  vertical-align: top;
}
header div.right {
  display: inline-block;
  vertical-align: top;
  width: 415px;
  text-align: right;
  box-sizing: border-box;
  padding: 15px 130px 0 0;
}
header div.right a {
  display: inline-block;
  vertical-align: top;
  margin-left: 14px;
}

nav {
  text-align: center;
  height: 72px;
  background: white;
  top: -90px;
  transition: top 0.3s;
}
nav div {
  display: inline-block;
  vertical-align: top;
  width: 238px;
  height: 100%;
  position: relative;
  margin-right: 1px;
}
nav div::before {
  content: '';
  position: absolute;
  top: 3px;
  left: -1px;
  z-index: 1;
  width: 1px;
  height: calc(100% - 6px);
  background-image: linear-gradient(to bottom, transparent, transparent 2px, #f28100 3px, #f28100 4px);
  background-size: 1px 4px;
}
nav div::after {
  content: '';
  position: absolute;
  z-index: 1;
  display: block;
}
nav div.lunch::after,
nav div.event::after {
  top: 50%;
  left: 35px;
  width: 130px;
  height: 0px;
  margin-top: 11px;
  transform-origin: left bottom;
  transform: rotate(3deg);
  box-shadow: 5px 1px 10px 10px rgba(0, 0, 0, 0.5);
  transition: 0.3s;
}
nav div.top {}
nav div.shop {}
nav div.lunch {}
nav div.event {}
nav div.event::before {
  display: none;
}
nav div.top::after,
nav div.shop::after {
  bottom: -6px;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  margin-left: -14px;
}
nav div.top.on::after,
nav div.shop.on::after {
  background: #f08300;
}
nav div a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  transition: background 0.3s;
}
nav div a::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}
nav div a::after {
  display: inline-block;
  vertical-align: middle;
}
nav div.top a {}
nav div.top a::after {
  content: url(images/nav/top.png);
}
nav div.top.on a::after,
nav div.top:hover a::after {
  content: url(images/nav/top_on.png);
}
nav div.shop a {}
nav div.shop a::after {
  content: url(images/nav/shop.png);
}
nav div.shop.on a::after,
nav div.shop:hover a::after {
  content: url(images/nav/shop_on.png);
}
nav div.top.on a,
nav div.shop.on a,
nav div.top:hover a,
nav div.shop:hover a {
  background: #f08300;
}

nav div.top div.topSub {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  background: white;
  height: 0;
  overflow: hidden;
  transition: 0.3s;
}
nav div.top div.topSub::before {
  display: none;
}
nav div.top div.topSub::after {
  display: none;
}
nav div.top.hover div.topSub {
  height: 371px;
}
nav div.top div.topSub a {
  height: auto;
  display: block;
  font-size: 1.1rem;
  line-height: 3.4;
  color: black;
  border-top: solid 1px white;
  background: #ffcc99;
  position: relative;
  padding-left: 35px;
  box-sizing: border-box;
}
nav div.top div.topSub a:nth-child(1),
nav div.top div.topSub a:nth-child(7) {
  padding-left: 0!important;
}
nav div.top div.topSub a::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 22px;
  z-index: 1;
  display: block;
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
}
nav div.top div.topSub a:nth-child(2)::before { background-image: url(images/nav/topSubMorning.png);}
nav div.top div.topSub a:nth-child(3)::before { background-image: url(images/nav/topSubLunch.png);}
nav div.top div.topSub a:nth-child(4)::before { background-image: url(images/nav/topSubSweets.png);}
nav div.top div.topSub a:nth-child(5)::before { background-image: url(images/nav/topSubDinner.png);}
nav div.top div.topSub a:nth-child(6)::before { background-image: url(images/nav/topSubPresent.png);}
nav div.top div.topSub a::after {
  display: none;
}
nav div.top div.topSub a:hover {
  background: #f08300;
  color: white;
}
nav div.top div.topSub a i {
  display: inline-block;
  margin-left: 6px;
  font-size: 1.0rem;
}


nav div.lunch a {}
nav div.lunch a::after {
  content: url(images/nav/lunch.png);
}
nav div.event a {}
nav div.event a::after {
  content: url(images/nav/event.png);
}
nav div.lunch a::after,
nav div.event a::after {
  transform-origin: left bottom;
  transform: rotate(-3deg);
  transition: 0.3s;
}
nav div.lunch:hover::after,
nav div.event:hover::after {
  transform: rotate(2deg);
  margin-top: 9px;
  width: 160px;
}
nav div.lunch:hover a::after,
nav div.event:hover a::after {
  transform: rotate(0deg);
}
nav i {
  display: none;
}


/*
header,
header * {
  transition: 0.3s;
}
nav,
nav * {
  transition: 0.3s;
}
*/
.minHead header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 90px;
  padding-top: 0;
  background: rgba(255, 255, 255, 0.9);
}
.minHead header div.left {
  position: absolute;
  top: 0;
  right: 50%;
  padding: 0 60px 0 200px;
  margin: 0;
  width: 480px;
}
.minHead header div.left > img {
  width: 165px;
  margin-top: 8px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.minHead header div.left p {
  font-size: 0.8rem;
  margin: 10px 0 7px;
}
.minHead header div.left a {
  margin-right: 12px;
}
.minHead header div.left a:last-child {
  margin-right: 0;
}
.minHead header div.left a img {
  width: 65px;
}
.minHead header div.center {
  position: absolute;
  top: 0px;
  right: 50%;
  z-index: 1;
  margin: 30px 290px 0 0;
  width: 190px;
  height: 40px;
  overflow: hidden;
}
.minHead header div.center img {
  width: 100%;
}
.minHead header div.right {
  position: absolute;
  top: 5px;
  left: 50%;
  z-index: 1;
  width: 30px;
  padding: 0;
  margin-left: 445px;
  text-align: left;
}
.minHead header div.right a {
  margin: 0 0 4px;
}
.minHead header div.right a img {
  width: 20px;
}
.minHead nav {
  position: fixed;
  top: 7px;
  left: 50%;
  z-index: 9;
  width: auto;
  height: 81px;
  padding-top: 0;
  margin-left: -40px;
  background: transparent;
}
.minHead nav div {
  width: 140px;
}
.minHead nav div::before {}
.minHead nav div::after {}
.minHead nav div.lunch::after,
.minHead nav div.event::after {
  top: 25px;
  left: 18px;
  width: 120px;
  height: 0px;
  margin-top: 0;
  transform: rotate(1deg);
  transition: none;
}
.minHead nav div.top {}
.minHead nav div.lunch {
  position: absolute;
  top: 0;
  left: 283px;
  z-index: 1;
  width: 200px;
}
.minHead nav div.event {
  position: absolute;
  top: 37px;
  left: 283px;
  z-index: 1;
  width: 200px;
  height: 40px;
}
.minHead nav div.event::before {}
.minHead nav div.top::after,
.minHead nav div.shop::after {}
.minHead nav div.top.on::after,
.minHead nav div.shop.on::after {}
.minHead nav div a {}
.minHead nav div a::before {}
.minHead nav div a::after {
}
.minHead nav div.top a {}
.minHead nav div.top.on a::after,
.minHead nav div.top:hover a::after {}

.minHead nav div.top div.topSub {}
.minHead nav div.top.hover div.topSub {
  height: 301px;
}
.minHead nav div.top div.topSub a {
  font-size: 0.9rem;
  padding-left: 34px;
}
.minHead nav div.top div.topSub a::before {
  top: 4px;
  left: 5px;
  z-index: 1;
  display: block;
  width: 36px;
  height: 32px;
}
.minHead nav div.top div.topSub a::after {}
.minHead nav div.top div.topSub a i {
  font-size: 0.9rem;
}

.minHead nav div.shop a {}
.minHead nav div.shop.on a::after,
.minHead nav div.shop:hover a::after {}
.minHead nav div.top.on a,
.minHead nav div.shop.on a,
.minHead nav div.top:hover a,
.minHead nav div.shop:hover a {}
.minHead nav div.lunch a {
  position: absolute;
  top: 4px;
  left: 8px;
  display: inline-block;
  width: auto;
  height: auto;
  text-align: left;
}
.minHead nav div.lunch a::after {
  content: '';
  background: url(images/nav/lunch.png) no-repeat;
  background-size: contain;
  width: 150px;
  height: 35px;
  transition: none;
}
.minHead nav div.event a {
  position: absolute;
  top: 4px;
  left: 8px;
  display: inline-block;
  width: auto;
  height: auto;
  text-align: left;
}
.minHead nav div.event a::after {
  content: '';
  background: url(images/nav/event.png) no-repeat;
  background-size: contain;
  width: 150px;
  height: 35px;
  transition: none;
}
.minHead nav div.lunch a::after,
.minHead nav div.event a::after {
  transform: none;
}
.minHead nav div.lunch:hover::after,
.minHead nav div.event:hover::after {}
.minHead nav div.lunch:hover a::after,
.minHead nav div.event:hover a::after {}

article#visual {
  position: relative;
  margin-bottom: 120px;
}
article#visual > img {
  max-width: 100%;
}
article#visual .menu {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
}
article#visual .menu a {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3));
}
article#visual .menu a:nth-child(1) {margin: 0px 0 30px -490px;}
article#visual .menu a:nth-child(2) {margin: 0 0 -30px -295px;}
article#visual .menu a:nth-child(3) {margin: 0 0 -50px -85px;}
article#visual .menu a:nth-child(4) {margin: 0 0 -30px 125px;}
article#visual .menu a:nth-child(5) {margin: 0px 0 30px 315px;}
article#visual .menu a img {
  transform-origin: center;
  transform: rotate(0deg);
}
article#visual .menu a:hover img {
  animation: visualMenu 0.6s normal forwards;
}
@keyframes visualMenu {
 0% { transform: rotate(0deg); }
 10% { transform: rotate(30deg); }
 30% { transform: rotate(-25deg); }
 50% { transform: rotate(10deg); }
 70% { transform: rotate(-6deg); }
 80% { transform: rotate(1deg); }
 100% { transform: rotate(0deg); }
}

article#visual .menu a.comingsoon {
  cursor: default;
  opacity: 0.9;
}
article#visual .menu a.comingsoon:hover img {
  animation: none;
}

section#fair {
  margin: -25px 0 45px;
  min-height: 20px;
}
section#fair img {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 20px;
}
section#fair.double img {
  max-width: 560px;
}


section.day {
  width: 960px;
  max-width: 100%;
  margin: 0 auto;
  text-align: left;
  background-repeat: repeat-y;
  background-position: 100px 10px;
}
section.day h1 {
  display: block;
  width: 100%;
  height: 76px;
  border-radius: 16px;
  position: relative;
  font-size: 0;
  background-size: cover;
}
section.day h2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.4rem;
  line-height: 1.5;
  display: block;
  padding: 45px 0 0px 165px;
  text-align: center;
  text-shadow: 2px 1px 0px white, -2px -1px 0px white, -2px 1px 0px white, 2px -1px 0px white, 1px 1px 0px white, -1px -1px 0px white, -1px 1px 0px white, 1px -1px 0px white;
}
section.day h2 i {
  display: inline-block;
  vertical-align: middle;
}
section.day h2::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 2px;
  height: 50px;
  transform: rotate(-30deg);
  transform-origin: center;
  margin-right: 25px;
  box-shadow: 0 0 0 2px white;
}
section.day h2::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 2px;
  height: 50px;
  transform: rotate(30deg);
  transform-origin: center;
  margin-left: 25px;
  box-shadow: 0 0 0 2px white;
}
section.day hr {
  width: 0;
  height: 0;
  border: none;
  clear: both;
}
section.day .shadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

section.day ul {
  display: block;
  padding: 40px 0 45px 165px;
}
section.day ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 40px 30px;
}
section.day ul li div.img {
  position: relative;
}
section.day ul li div.img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
section.day ul li div.img::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: solid 10px rgba(255, 255, 255, 0.4);
}
section.day ul li div.img img {
  max-width: 100%;
}
section.day ul li p.category {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.9rem;
  line-height: 1;
  margin-right: 10px;
}
section.day ul li p.date {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.9rem;
  line-height: 1.3;
}
section.day ul li h3 {
  font-size: 1.45rem;
  line-height: 1.3;
  font-weight: bold;
}
section.day ul li p.text {
  font-size: 0.9rem;
  line-height: 1.6;
  margin-top: 2px;
}
section.day ul li p.detail {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 12px;
}
section.day ul li p.detail::after {
  content: '詳しく見る　＞';
}
section.day ul li p.brand {}
section.day ul li p.place {
  font-size: 1rem;
  line-height: 1.6;
  margin-top: 2px;
}
section.day ul li p.info {
  font-size: 0.9rem;
  line-height: 1.5;
  margin-top: 8px;
}

section.day ul li.imgLeft hr,
section.day ul li.imgRight hr {}
section.day ul li p.category.foods::before {
  content: 'FOODS';
  font-weight: bold;
  border: solid 1px #f15a23;
  color: #f15a23;
  padding: 2px 4px;
}
section.day ul li p.category.reserveLimited::before {
  content: '予約限定';
  border: solid 1px black;
  padding: 2px 2px;
}

section#breakfast {
  padding-bottom: 95px;
  background-image: url(images/breakfast/dot.png);
}
section#breakfast h1 {
  background-image: url(images/breakfast/title.png);
}
section#breakfast h1::after {
  content: url(images/breakfast/titlePop.png);
  position: absolute;
  top: -54px;
  right: 25px;
  z-index: 1;
}
section#breakfast ul {
  padding: 40px 0 0 165px;
}
section#breakfast ul li {
  position: relative;
  width: 240px;
  margin: 0 -15px 40px 30px;
}
section#breakfast ul li.imgLeft {
  width: 745px;
  margin: 0 0 20px 30px;
}
section#breakfast ul li div.img {
}
section#breakfast ul li div.img::before {
  border: solid 10px white;
  border-image: url(images/breakfast/border.png) 8 8 round;
}
section#breakfast ul li.imgLeft div.img {
  position: relative;
  float: left;
  margin-right: 25px;
  margin-bottom: 0;
}
section#breakfast ul li div.img img {}
section#breakfast ul li h2 {
  padding: 0;
  text-align: left;
  font-size: 2.0rem;
  line-height: 1.5;
  white-space: nowrap;
  color: #e96524;
}
section#breakfast ul li h2::before,
section#breakfast ul li h2::after {
  display: none;
}
section#breakfast ul li p.text {
  font-size: 1.15rem;
  line-height: 1.6;
  margin-top: 14px;
  margin-bottom: 100px;
}
section#breakfast div.btn {
  padding: 0 0 0 195px;
}

section#lunch {
  padding-bottom: 85px;
  background-image: url(images/lunch/dot.png);
}
section#lunch h1 {
  background-image: url(images/lunch/title.png);
}
section#lunch h2 {
  color: #f38401;
}
section#lunch h2::before,
section#lunch h2::after {
  background: #f38401;
}
section#lunch ul {
  padding-top: 30px;
  padding-bottom: 25px;
}
section#lunch ul li {
  margin: 0 0 25px 30px;
  width: 360px;
}
section#lunch ul li div.img {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
  width: 100%;
}
section#lunch ul li div.img::before {
  border: solid 10px white;
  border-image: url(images/lunch/border.png) 8 8 round;
}
section#lunch ul li div.img img {}
section#lunch ul li div.middle {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
section#lunch ul li.imgLeft {
  width: 100%;
  padding-right: 45px;
  box-sizing: border-box;
}
section#lunch ul li.imgLeft div.img {
  margin-right: 20px;
}
section#lunch ul li.imgLeft div.img img {}
section#lunch ul li.imgLeft div.middle {
  width: 225px;
}
section#lunch ul li.imgRight {
  width: 100%;
  padding-right: 45px;
  box-sizing: border-box;
}
section#lunch ul li.imgRight div.img {
  margin-left: 20px;
  float: right;
}
section#lunch ul li.imgRight div.img img {}
section#lunch ul li.imgRight div.middle {
  width: 225px;
}
section#lunch ul li.imgLeft div.img,
section#lunch ul li.imgRight div.img {
  width: auto;
}
section#lunch ul li p.brand {
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: bold;
  color: #f08302;
  margin-top: 12px;
}
section#lunch ul li.imgLeft p.brand,
section#lunch ul li.imgRight p.brand {
  margin-top: 4px;
}
section#lunch ul li p.place {}
section#lunch ul li h3 {
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  padding: 9px 0;
  margin-top: 7px;
}
section#lunch ul li p.text {
  font-size: 1rem;
  line-height: 1.6;
  margin-top: 8px;
}
section#lunch ul li p.info {
  margin-bottom: 14px;
}
section#lunch ul li p.category {}
section#lunch ul li p.date {}
section#lunch div.btn {
  padding: 0px 0 0px 195px;
}
section#lunch div.btn a {}

section#sweets {
  padding-bottom: 95px;
  background-image: url(images/sweets/dot.png);
}
section#sweets h1 {
  background-image: url(images/sweets/title.png);
}
section#sweets ul {
  padding: 40px 0 0 165px;
}
section#sweets ul li {
  position: relative;
  width: 240px;
  margin: 0 -15px 40px 30px;
}
section#sweets ul li.imgLeft {
  width: 745px;
  margin: 0 0 20px 30px;
}
section#sweets ul li div.img {
}
section#sweets ul li div.img::before {
  border: solid 10px white;
  border-image: url(images/sweets/border.png) 8 8 round;
}
section#sweets ul li.imgLeft div.img {
  position: relative;
  float: left;
  margin-right: 25px;
  margin-bottom: 0;
}
section#sweets ul li div.img img {}
section#sweets ul li h2 {
  padding: 0;
  text-align: left;
  font-size: 2.0rem;
  line-height: 1.5;
  white-space: nowrap;
  color: #ec879b;
}
section#sweets ul li h2::before,
section#sweets ul li h2::after {
  display: none;
}
section#sweets ul li p.text {
  font-size: 1.15rem;
  line-height: 1.6;
  margin-top: 14px;
  margin-bottom: 100px;
}
section#sweets div.btn {
  padding: 0 0 0 195px;
}

section#dinner {
  padding-bottom: 95px;
  background-image: url(images/dinner/dot.png);
}
section#dinner h1 {
  background-image: url(images/dinner/title.png);
}
section#dinner h2 {
  padding: 25px 0 0px 165px;
  font-size: 2.0rem;
  line-height: 1.5;
  white-space: nowrap;
  color: #339b92;
  letter-spacing: 4px;
}
section#dinner h2::before,
section#dinner h2::after {
  background: #339b92;
  margin: 0 50px;
}

section#dinner div.m_img {
  margin: 20px 0 0 190px;
}

section#dinner div.select {
  padding: 10px 0 0px 190px;
  text-align: left;
  position: relative;
}
section#dinner div.select::after {
  content: '';
  position: absolute;
  top: 10px;
  z-index: 1;
  display: block;
  width: 180px;
  height: 180px;
  background: rgba(113, 199, 190, 0.7);
  border-radius: 50%;
  transition: 0.3s;
}
section#dinner div.select.selectA::after {left: 230px;}
section#dinner div.select.selectB::after {left: 485px;}
section#dinner div.select.selectC::after {left: 740px;}
section#dinner div.select img {
  display: inline-block;
  vertical-align: top;
  margin: 0 15px 0 19px;
  opacity: 0.7;
  cursor: pointer;
  position: relative;
  z-index: 3;
}
section#dinner div.select img.on,
section#dinner div.select img:hover {
  opacity: 1;
}
section#dinner div.select img.on {
  cursor: auto;
}
/*section#dinner ul {
  padding: 26px 0 10px 6px;
  margin: 10px 0 45px 190px;
  box-sizing: border-box;
  border: solid 8px white;
  border-image: url(images/dinner/border.png) 8 8 space;
  text-align: left;
  position: relative;
  background: #f8efde;
}
section#dinner ul li {
  width: 345px;
  margin: 0 0 16px 16px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: white;
}
section#dinner ul li.arrow {
  position: absolute;
  top: -23px;
  z-index: 1;
  width: 30px;
  height: 30px;
  margin: 0;
  display: block;
  padding: 0;
  overflow: hidden;
  transform: rotate(45deg);
  background: #f8efde;
  box-shadow: none;
  transition: left 0.3s;
}
section#dinner ul.selectA li.arrow { left: 105px;}
section#dinner ul.selectB li.arrow { left: 362px;}
section#dinner ul.selectC li.arrow { left: 619px;}
section#dinner ul li.arrow::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  z-index: 1;
  width: 200%;
  height: 200%;
  background: url(images/dinner/border.png) center;
  transform: rotate(-45deg);
}
section#dinner ul li.arrow::after {
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #f8efde;
}
section#dinner ul li.selectB,
section#dinner ul li.selectC {
  display: none;
}
section#dinner ul li div.img {}
section#dinner ul li div.img.caution_image {
  position: relative;
}
section#dinner ul li div.img.caution_image::after {
  display: block;
  content: '※写真はイメージです';
  position: absolute;
  top: auto;
  left: auto;
  bottom: 5px;
  right: 5px;
  width: auto;
  height: auto;
  border: none;
  font-size: 12px;
  line-height: 1;
}
section#dinner ul li div.img.caution_image.white::after {
  color: white;
}
section#dinner ul li div.img.caution_image.black::after {
  color: black;
}
section#dinner ul li div.img::before,
section#dinner ul li div.img::after {display: none;}
section#dinner ul li div.img img {}
section#dinner ul li h3 {
  margin: 15px 10px 0 10px;
}
section#dinner ul li p.info {
  margin: 2px 10px 0;
}
section#dinner ul li div.middle {
  margin: 8px 10px 0;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  padding: 5px 0;
}
section#dinner ul li div.middle p.brand {
  font-size: 1.3rem;
  line-height: 1.4;
  color: #64c6b9;
}
section#dinner ul li div.middle p.place {
  margin-top: 4px;
}
section#dinner ul li div.bottom {
  margin: 8px 10px 10px;
}
section#dinner ul li div.bottom p.text {}
section#dinner ul li div.bottom p.text i {
  display: block;
}
section#dinner ul li.imgRight {}
section#dinner ul li.imgRight > img {
  float: right;
  margin: 0 10px 0 10px;
}
section#dinner ul li.imgRight p,
section#dinner ul li.imgRight div:not(.img) {
  width: 180px;
}
section#dinner ul li.imgRight p.info {
  background: #71c7ba;
  text-align: center;
  letter-spacing: -0.5px;
  color: white;
}*/
/*section#dinner div.btn {
  margin: 10px 0 0 190px;
}*/
section#dinner div.btn img {}


section#snsFeed {
  padding: 30px 0 30px 40px;
}
section#snsFeed h2 {
  position: relative;
  width: 960px;
  height: auto;
  margin: 0 auto;
}
section#snsFeed h2 > img {
  width: 100%;
  height: auto;
  margin-left: -45px;
}
section#snsFeed h2 .snsbtn {
  position: absolute;
  bottom: 15px;
  left: 185px;
}
section#snsFeed h2 .snsbtn img {
  margin: 0 5px;
}

section#snsFeed .load-more-wrapper {
  margin: 30px auto 0;
  padding-right: 45px;
}
button.load-more.customisable img {
  width: 760px !important;
}



section#present {
  background: url(images/present/bg.jpg) center top repeat;
  padding: 50px 0;
}
section#present h1 {
  display: block;
  width: 100%;
  height: 122px;
  font-size: 0;
  text-align: center;
  padding: 40px 0 0px;
}
section#present h1::before {
  content: url(images/present/title.png);
}
section#present h2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.4rem;
  line-height: 1.5;
  display: block;
  padding: 30px 0 0;
  text-align: center;
  color: #f38401;
}
section#present .items {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
  text-align: left;
  background-repeat: repeat-y;
  background-position: 100px 10px;
}
section#present ul {
  padding-top: 30px;
  padding-bottom: 25px;
}
section#present ul li {
  margin: 0 0 25px 30px;
  width: 360px;
}
section#present ul li h3 {
  font-size: 1.45rem;
  line-height: 1.3;
  font-weight: bold;
}
section#present ul li div.img {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
  width: 100%;
}
section#present ul li div.img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: solid 10px white;
  border-image: url(images/lunch/border.png) 8 8 round;
}
section#present ul li div.img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: solid 10px rgba(255, 255, 255, 0.4);
}

section#present ul li div.middle {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
section#present ul li.imgLeft {
  width: 100%;
  padding-right: 45px;
  box-sizing: border-box;
  overflow: hidden;
}
section#present ul li.imgLeft div.img {
  margin-right: 20px;
}
section#present ul li.imgLeft div.img img {}
section#present ul li.imgLeft div.middle {

  width: 225px;
}
section#present ul li.imgRight {
  width: 100%;
  padding-right: 45px;
  box-sizing: border-box;
  overflow: hidden;
}
section#present ul li.imgRight div.img {
  margin-left: 20px;
  float: right;
}
section#present ul li.imgRight div.img img {}
section#present ul li.imgRight div.middle {
  width: 225px;
}
section#present ul li.imgLeft div.img,
section#present ul li.imgRight div.img {
  width: auto;
}
section#present ul li p.brand {
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: bold;
  color: #f08302;
  margin-top: 12px;
}
section#present ul li.imgLeft p.brand,
section#present ul li.imgRight p.brand {
  margin-top: 4px;
}
section#present ul li p.place {
  font-size: 1rem;
  line-height: 1.6;
  margin-top: 8px;
}
section#present ul li h3 {
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  padding: 9px 0;
  margin-top: 7px;
}
section#present ul li p.text {
  font-size: 1rem;
  line-height: 1.6;
  margin-top: 8px;
}
section#present ul li p.info {
  margin-bottom: 14px;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-top: 8px;
}
section#present ul li p.category {}
section#present ul li p.date {}
section#present div.btn {
  padding: 0px 0 0px 195px;
}

/*
section#present div.stage {
  margin: 0 auto;
  width: 780px;
  overflow-x: hidden;
  white-space: nowrap;
}
section#present div.stage ul {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: 100%;
  white-space: normal;
}
section#present div.stage ul li {
  display: inline-block;
  vertical-align: top;
  width: 260px;
  padding: 15px 15px 20px;
  box-sizing: border-box;
  border-top: dashed 1px black;
  border-right: dashed 1px black;
}
section#present div.stage ul li:nth-child(-n+3) {border-top: none;padding-top: 0;}
section#present div.stage ul li:nth-child(3n) {border-right: none;}
section#present div.stage ul li div.img {}
section#present div.stage ul li div.img img {
  width: 100%;
}
section#present div.stage ul li p.catch {
  font-size: 1rem;
  line-height: 1;
  color: #f05920;
  border: solid 1px #f05920;
  display: inline-block;
  margin: 14px 0 0;
  padding: 2px 3px;
}
section#present div.stage ul li h2 {
  font-size: 1.2rem;
  line-height: 1.4;
  margin-top: 4px;
}
section#present div.stage ul li h2 i {
  display: inline-block;
  margin-left: 0px;
}
section#present div.stage ul li h2 i::before {
  content: '◆';
}
section#present div.stage ul li p.detail {
  font-size: 1rem;
  line-height: 1;
  margin-top: 8px;
}
section#present div.stage ul li p.detail::after {
  content: '＞';
  display: inline-block;
  vertical-align: bottom;
  margin-left: 4px;
}
section#present div.stage ul li p.text,
section#present div.stage ul li p.info,
section#present div.stage ul li p.place {
  display: none;
}
section#present div.btn {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
section#present div.btn div.prev {
  position: absolute;
  top: 50%;
  right: 50%;
  z-index: 1;
  visibility: visible;
  margin: -70px 445px 0 0;
  width: 30px;
  height: 30px;
  transform: rotate(45deg);
  border-left: solid 1px black;
  border-bottom: solid 1px black;
  cursor: pointer;
}
section#present div.btn div.next {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  visibility: visible;
  margin: -70px 0 0 445px;
  width: 30px;
  height: 30px;
  transform: rotate(-135deg);
  border-left: solid 1px black;
  border-bottom: solid 1px black;
  cursor: pointer;
}
section#present div.btn div.select {
  position: absolute;
  bottom: 25px;
  left: 0;
  z-index: 1;
  visibility: visible;
  margin: 0;
  width: 100%;
  height: 30px;
  text-align: center;
}
section#present div.btn div.select i {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  margin: 0 10px;
}
section#present div.btn div.select i.on {}
*/

section#present > a {}
section#present > a img {
  width: 750px;
}

section#linkBnr {
  margin: 50px auto;
  width: 960px;
  max-width: 100%;
}
section#linkBnr img {
  display: inline-block;
  vertical-align: top;
  width: 460px;
  margin: 10px;
}


#toTop {}
#toTop a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(images/toTop.png) no-repeat center;
  background-size: contain;
}
#toTop i {
  display: none;
}
.minHead #toTop {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  bottom: 70px;
  display: block;
  right: 20px;
  z-index: 8;
  width: 60px;
  height: 60px;
  /* transition: 0.3s; */
}
.minHead #toTop a {}







.lower .lead {
  font-size: 1.2rem;
  line-height: 1.5;
  margin-top: 15px;
}



/****************************************/
.lower main{
	width: auto;
	max-width: 960px;
	margin: auto;
	display: block;
	text-align: left;
}

.lower h1 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 50px;
	line-height: 380px;
	color: #fff;
	height: 380px;
	width: 100%;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.35), 1px 1px 0 black, 1px -1px 0 black, -1px 1px 0 black, -1px -1px 0 black;
}
#pageBreakfast h1 {
  background: url(images/breakfast/h1Bg.png) no-repeat center / cover;
}
#pageSweets h1 {
  background: url(images/sweets/h1Bg.png) no-repeat center / cover;
}
#pageShop h1 {
  background: url(images/shop/h1Bg.png) no-repeat center / cover;
}
#pageBeauty h1 {
  background: url(images/beauty/h1Bg.png) no-repeat center / cover;
}
#dinner h1 {
  background: url("images/dinner/h1Bg.png") no-repeat center / cover;
}
.lower section#links {
	height: 65px;
}
.lower section#links ul.pages {
	float: left;
}
.lower section#links ul.pages li {
	font-size: 12px;
	line-height: 30px;
	color: #111;
	float: left;
	margin: 15px 0;
}
.lower section#links ul.pages li::after {
  content: '>';
	color: #f08300;
	font-weight: bold;
	margin: 15px 10px;
}
.lower section#links ul.pages li:last-child::after {
	content: none;
}
.lower section#links ul.pages li a {}
.lower section#links ul.pages li a:hover,
.lower section#links ul.pages li a:link {
	color: #111;
}
.lower section#links ul.sns {}
.lower section#links ul.sns li {}

.lower h2 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 40px;
	line-height: 50px;
	color: #111;
	height: auto;
	margin-top: 50px;
}
.lower section#shoppagelink {
}
.lower section#shoppagelink ul{
	width: 100%;
	height: auto;
	background: #f8efdd;
	padding: 0 50%;
	margin: 0 -50%;
	display: inline-block;
}
.lower section#shoppagelink ul li{
	float: left;
	width: 125px;
	height: 50px;
	margin: 17px 8px 17px 0;
	background: #fff;
	position: relative;
	text-align: center;
	padding-left: 5px;
	font-size: 16px;
	line-height: 50px;
	letter-spacing: -0.1rem;
}
.lower section#shoppagelink ul li:last-child{
	margin-right: 0;
}
.lower section#shoppagelink ul li a{
	width: 100%;
	height: 100%;
	display: inline-block;
	position: relative;
	z-index: 3;
	background: #fff;
}
.lower section#shoppagelink ul li a:link,
.lower section#shoppagelink ul li a:visited{
	color: #333;
}
.lower section#shoppagelink ul li a span{
	display: inline-block;
	width: 100%;
}
.lower section#shoppagelink ul li:before{
	height: 50px;
	width: 20px;
	border: none;
	display: inline-block;
	position: absolute;
	left: 0;
	content: "";
	z-index: 5;
}
.lower section#shoppagelink ul li.grocery a,
.lower section#shoppagelink ul li.tableplus a{
	line-height: 25px;
}
.lower section#shoppagelink ul li.grocery:before{
  background: repeating-linear-gradient(135deg, #afc946, #afc946 3px, #fffbf3 3px, #fffbf3 7px);
}
.lower section#shoppagelink ul li.sidedish:before{
  background: repeating-linear-gradient(135deg, #f1228d, #f1228d 3px, #fffbf3 3px, #fffbf3 7px);
}
.lower section#shoppagelink ul li.popular:before{
  background: repeating-linear-gradient(135deg, #6f9bd1, #6f9bd1 3px, #fffbf3 3px, #fffbf3 7px);
}
.lower section#shoppagelink ul li.cake:before{
  background: repeating-linear-gradient(135deg, #d2ba31, #d2ba31 3px, #fffbf3 3px, #fffbf3 7px);
}
.lower section#shoppagelink ul li.japanese:before{
  background: repeating-linear-gradient(135deg, #929e4c, #929e4c 3px, #fffbf3 3px, #fffbf3 7px);
}
.lower section#shoppagelink ul li.tableplus:before{
  background: repeating-linear-gradient(135deg, #aa9bc7, #aa9bc7 3px, #fffbf3 3px, #fffbf3 7px);
}
.lower section#shoppagelink ul li.bakery:before{
  background: repeating-linear-gradient(135deg, #ce892a, #ce892a 3px, #fffbf3 3px, #fffbf3 7px);
}
.lower section#shoppagelink ul li a::after{
	content: "";
	position: absolute;
	top: 20px;
	right: 7px;
	border: 0;
	width: 5px;
	height: 5px;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	transform: rotate(45deg);
	z-index: 5;
}
.lower section#shoppagelink ul li::after{
  position: absolute;
  bottom: 7px;
  content: '';
  width: 80%;
  height: 10px;
  box-shadow: 0 10px 15px rgba(0,0,0,.3);
  left: 0;
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
}
/* #ishop */
.lower section#shop {
	height: auto;
	display: inline-block;
}
.lower section#shop p.h2_label{
  display: inline-block;
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
	color: #fff;
	min-width: 100px;
	height: 30px;
	padding: 5px 10px;
	text-align: center;
	letter-spacing: 0.1em;
	float: left;
}
.lower section#shop #grocery p.h2_label{	background: #c3d24e;}
.lower section#shop #sidedish p.h2_label{	background: #ee4ea1;}
.lower section#shop #popular p.h2_label{	background: #6f9bd1;}
.lower section#shop #cake p.h2_label{	background: #f6d519;}
.lower section#shop #japanese p.h2_label{	background: #929e4c;}
.lower section#shop #tableplus p.h2_label{	background: #aa9bc7;}
.lower section#shop #bakery p.h2_label{	background: #ce892a;}

.lower section#shop h2 {
	float: left;
	margin: 0 0 20px 40px;
	line-height: 40px;
}
.lower section#shop p.lead {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	color: #666;
	float: left;
	width: auto;
	display: inline-block;
	margin-left: 160px;
}
.lower section#shop hr{
	border: none;
	height: 5px;
	width: 100%;
	display: inline-block;
	margin: 15px 0 40px;
}
.lower section#shop #grocery  hr{
  background: repeating-linear-gradient(135deg, #afc946, #afc946 1px, #fffbf3 1px, #fffbf3 6px);
}
.lower section#shop #sidedish hr{
  background: repeating-linear-gradient(135deg, #f1228d, #f1228d 1px, #fffbf3 1px, #fffbf3 6px);
}
.lower section#shop #popular hr{
  background: repeating-linear-gradient(135deg, #6f9bd1, #6f9bd1 1px, #fffbf3 1px, #fffbf3 6px);
}
.lower section#shop #cake hr{
  background: repeating-linear-gradient(135deg, #d2ba31, #d2ba31 1px, #fffbf3 1px, #fffbf3 6px);
}
.lower section#shop #japanese hr{
  background: repeating-linear-gradient(135deg, #929e4c, #929e4c 1px, #fffbf3 1px, #fffbf3 6px);
}
.lower section#shop #tableplus hr{
  background: repeating-linear-gradient(135deg, #aa9bc7, #aa9bc7 1px, #fffbf3 1px, #fffbf3 6px);
}
.lower section#shop #bakery hr{
  background: repeating-linear-gradient(135deg, #ce892a, #ce892a 1px, #fffbf3 1px, #fffbf3 6px);
}

.lower section#shop section {
	margin: 20px 0 80px;
}
.lower section#shop article {
	display: inline-table;
	margin: 0 10px 40px 0;
	border-bottom: 1px dashed #333;
	width: 310px;
}
.lower section#shop article:nth-child(3n+1) {
	margin-right: 0;
}
.lower section#shop article a{
}
.lower section#shop article a:visited{
	color: #000;
}
.lower section#shop article figure{
	width: auto;
	height: auto;
	background: #fff;
	padding: 10px;
	border: 1px solid #e7e3dc;
	border-radius: 10px;
	margin: 0;
	position: relative;
	box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.3);
}
.lower section#shop article figure figcaption{
	width: 50px;
	height: 10px;
	padding: 15px 5px;
	background: #faa805;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	position: absolute;
	top: 0;
	left: 20px;
}
.lower section#shop article figure img {
	width: 100%;
	height: auto;
}
.lower section#shop article h3{
	font-size: 26px;
	font-weight: bold;
	line-height: 30px;
	margin: 20px 0;
}
.lower section#shop a.morefloor{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	background: url(images/btnMorelabel.png);
	width: 750px;
	height: 75px;
	margin: auto;
	display: table;
	text-align: center;
	font-size: 22px;
	line-height: 75px;
	letter-spacing: 0.1em;
	color: #222;
}
.lower section#shop a.morefloor:link,
.lower section#shop a.morefloor:visited{
	color: #222;
}
/* #item */
.lower hr.border_ryg {
	background: url(images/border_ryg.png);
	height: 7px;
	width: 100%;
	display: block;
	border: none;
	margin: 25px 0;
}
.lower section#item {}
.lower section#item article {
	background: #fff;
	padding: 50px;
	margin: 40px auto;
}
.lower section#item article figure{
	margin: 0 0 40px 0;
}
.lower section#item article img {
	width: 100%;
	height: auto;
	max-width: 860px;
}
.lower section#item article img:first-child {}
.lower section#item article p.store {
	font-size: 26px;
	font-weight: bold;
	line-height: 24px;
	color: #222;
	margin-bottom: 20px;
}
.lower section#item article h3 {
	font-size: 26px;
	font-weight: bold;
	line-height: 30px;
	color: #ee869a;
	margin-bottom: 15px;
}
.lower section#item article p.info {
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	color: #222;
	margin-bottom: 15px;
}
.lower section#item article p.hierarchy {
	font-size: 16px;
	line-height: 22px;
	color: #222;
	border: 1px solid #000;
	width: 120px;
	text-align: center;
	float: left;
	margin-bottom: 15px;
}
.lower section#item article p.salesperiod {
	font-size: 16px;
	line-height: 22px;
	color: #222;
	width: 75%;
	float: left;
	margin-left: 1rem;
	margin-bottom: 15px;
}
.lower section#item article p.text {
	font-size: 14px;
	line-height: 24px;
	color: #666;
	width: 100%;
	float: inherit;
	display: inline-block;
}
.lower section#item article .set p.store {
  float: left;
  margin: 0px 20px 15px 0;
  font-size: 20px;
}
.lower section#item article .set h3 {
  float: left;
  margin: 0px 0px 15px 0;
}
.lower section#item article .set p.info {
  clear: both;
  float: left;
  margin: 0px 20px 5px 0;
}
.lower section#item article .set p.hierarchy {
  float: left;
  margin: 0px 0 5px 0;
}
.lower section#item article .set p.salesperiod {}
.lower section#item article .set p.text {
  clear: both;
  margin: 0px 0 30px 0;
}
.lower section.annotation {}
.lower section.annotation ul {}
.lower section.annotation ul li{
	font-size: 14px;
	line-height: 26px;
	color: #000;
	margin-left: 1rem;
	text-indent: -1rem;
}
.lower .annotation ul li::before{
	content: "※";
}
/* beauty */
#pageBeauty h1 {
	line-height: 450px;
	position: relative;
}
#pageBeauty h1::after {
	content: "";
	background: url(images/beauty/h1logo.png) no-repeat center / 100%;
	width: 280px;
	height: 135px;
	top: 50px;
	right: 0;
	left: 0;
	margin: auto;
	position: absolute;
	display: inline-block;
}
.lower section#beauty {
	height: auto;
	display: inline-block;
	counter-reset: count-number;
}
.lower section#beauty article{
	width: auto;
	height: auto;
	padding: 30px;
	background: #fff;
	border-radius: 15px;
	box-shadow: 2px 2px 3px 1px rgba(0,0,0,.35);
	display: inline-block;
	position: relative;
  margin-bottom: 50px;
}
.lower section#beauty article section{
	width: auto;
	height: auto;
	display: inline-block;
	margin-top: 80px;
	box-shadow: 2px 2px 3px 1px rgba(0,0,0,.35);
}
.lower section#beauty article section::before,
.lower section#beauty article section::after{
	background: url(images/border_ryg.png) repeat-x;
	content: "";
	height: 7px;
	width: 100%;
	display: block;
	border: none;
}
.lower section#beauty article section::before{
	margin-bottom: 30px;
}
.lower section#beauty article section::after{
	margin-top: 30px;
}
.lower section#beauty article .season_label{
	width: 173px;
	height: 173px;
	float: left;
	display: inline-block;
	margin-right: 30px;
}
.lower section#beauty article .pickup_clip > div{
	position: absolute;
	width: 300px;
	height: 400px;
	right: 0;
	top: 0;
	z-index: 3;
	overflow: hidden;
}
.lower section#beauty article .season_label_spring{
	background: url(images/beauty/label_spring.png) no-repeat;
	background-size: contain;
}
.lower section#beauty article .season_label_earlysummer{
	background: url(images/beauty/label_earlysummer.png) no-repeat;
	background-size: contain;
}
.lower section#beauty article .pickup_clip > div::after{
	content: "";
	border: none;
	height: 300px;
	width: 400px;
	position: absolute;
	right: -100px;
	top: -80px;
	display: inline-block;
	transform: rotate(70deg);
	z-index: -1;
}
.lower section#beauty article .pickup_clip span{
	content: "";
	background: url(images/beauty/clip_spring.png) no-repeat 0 / 100%;
	height: 90px;
	width: 30px;
	position: absolute;
	display: inline-block;
	right: 50px;
	top: -6px;
	z-index: 10;
}
.lower section#beauty article .pickup_clip_spring::after{
	background: repeating-linear-gradient(65deg, #edb3c1, #edb3c1 1px, #fff 1px, #fff 7px);
}
.lower section#beauty article .pickup_clip_earlysummer::after{
	background: repeating-linear-gradient(65deg, #dae000, #dae000 1px, #fff 1px, #fff 7px);
}
.lower section#beauty article .pickup_clip img{
	z-index: 5;
	width: 180px;
	height: 230px;
	padding: 10px;
	background: #fff;
	position: absolute;
	top: 30px;
	right: 35px;
	transform: rotate(5deg);
	box-shadow: 0 0 10px 1px rgba(0,0,0,.35);
}
.lower section#beauty article h2{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 40px;
	font-weight: bold;
	line-height: 40px;
	margin: 20px 0 0 203px;
	width: auto;
	max-width: 460px;
}
.lower section#beauty article h2::after{
	content: "";
	border: none;
	height: 10px;
	width: 100%;
	display: inline-block;
}
.lower section#beauty article h2.border_spring::after{
	background: repeating-linear-gradient(135deg, #edb3c1, #edb3c1 1px, #fff 1px, #fff 6px);
}
.lower section#beauty article h2.border_earlysummer::after{
	background: repeating-linear-gradient(135deg, #dae000, #dae000 1px, #fff 1px, #fff 6px);
}
.lower section#beauty article p.catch,
.lower section#beauty article p.lead{
	margin-left: 203px;
}
.lower section#beauty article p.catch span,
.lower section#beauty article p.lead span{
	display: inline-block;
}
.lower section#beauty article p.catch{
	font-size: 26px;
	line-height: 36px;
	width: auto;
	max-width: 420px;
	letter-spacing: 2px;
	margin-bottom: 10px;
}
.lower section#beauty article p.lead{
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	width: auto;
	max-width: 470px;
	color: #666;
}
.lower section#beauty article p.catch_spring{
	color: #e16d87;
}
.lower section#beauty article p.catch_earlysummer{
	color: #8fc31f;
}

.lower section#beauty article section h3{
	font-size: 26px;
	font-weight: bold;
	line-height: 26px;
	margin: 10px 0 30px 30px;
	display: inline-block;
}
.lower section#beauty article section h4{
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;
	background: #bcb4ac;
	color: #fff;
	padding: 4px 0;
	text-align: center;
	letter-spacing: 2rem;
}
.lower section#beauty article section h4 span{
  letter-spacing: 0.5rem;
}

.lower section#beauty article section img.main_photo{
	width: 440px;
	height: auto;
	margin: 0 0 30px 20px;
	float: left;
}

.lower section#beauty article section .ingredients{
	width: auto;
	min-width: 390px;
	display: inline-block;
	margin-left: 30px;
}
.lower section#beauty article section .ingredients ul{
	font-size: 14px;
	line-height: 24px;
	margin: 10px 15px;
}
.lower section#beauty article section .ingredients ul.card01{
	background: url(images/beauty/ingredients_picture.png) no-repeat right bottom;
}
.lower section#beauty article section .ingredients ul li{}

.lower section#beauty article section .recipe{
	width: auto;
	display: inline-block;
	padding: 0 20px;
}
.lower section#beauty article section .recipe ul{
	font-size: 14px;
	line-height: 30px;
	margin: 20px 20px 0 0;
	width: 350px;
	float: left;
}
.lower section#beauty article section .recipe ul li{
	text-indent: -15px;
	margin-left:  30px;
}
.lower section#beauty article section .recipe ul li::before{
  counter-increment: count-number;
  content: counters(count-number,".") " ) ";
	width: 15px;
	display: inline-block;
}
.lower section#beauty article section .video{
	width: 490px;
	height: auto;
	float: left;
	margin-top: 20px;
	background: #000;
}

.lower section#beauty article section .video > div{
  position:relative;
  width:100%;
  padding-top:56.25%;
}

.lower section#beauty article section .video > div iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.lower section#beauty section#magazine_press{
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
	margin-top: 100px;
	display: inline-block;
	padding: 30px 0;
	width: 100%;
}
.lower section#beauty section#magazine_press .magazine_wrap{
	width: auto;
	max-width: 750px;
	margin: auto;
}
.lower section#beauty section#magazine_press img{
	height: 290px;
	width: auto;
	margin: 0 30px;
	float: left;
}
.lower section#beauty section#magazine_press p{
	font-size: 14px;
	line-height: 20px;
}
.lower section#beauty section#magazine_press p.magazine_title{
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	margin: 35px 0 20px;
	display: inline-block;
}
.lower section#beauty section#magazine_press a{
	font-size: 16px;
	line-height: 25px;
	font-weight: bold;
	background: #fff;
	display: inline-block;
	height: 25px;
	padding: 30px 20px;
	margin-top: 50px;
	border-radius: 20px;
	width: 445px;
	box-shadow: 1px 1px 0 1px rgba(04,04,04,.2);
	position: relative;
	text-align: center;
}
.lower section#beauty section#magazine_press a:link,
.lower section#beauty section#magazine_press a:visited{
	color: #222;
}
.lower section#beauty section#magazine_press a::after{
	content: "";
	border: none;
	border-top: 1px solid #f18f18;
	border-right: 1px solid #f18f18;
	transform: rotate(45deg);
	width: 25px;
	height: 25px;
	position: absolute;
	display: inline-block;
	right: 20px;
}
/* footer */
footer {
  position: relative;
	margin-top: 60px;
}

footer .footerLogo {
  position: relative;
  width: 960px;
  margin: 0 auto;
}
footer .footerLogo .snsbtn {
  position: absolute;
  right: 160px;
  bottom: 20px;
}
footer .footerLogo .snsbtn img {
  margin: 0 5px;
}

footer img:first-child {}
footer div.links {
	margin: 20px auto 40px;
	width: auto;
	height: 10px;
}
footer div.links a {
	font-size: 12px;
	line-height: 12px;
	color: #000;
	position: relative;
	margin-left: 20px;
}
footer div.links a:link {
	color: #000;
}
footer div.links a::before {
	border-left: 1px solid #000;
	position: absolute;
	content: '';
	left: -10px;
	width: 1px;
	height: 12px;
}
footer div.links a:last-child::after {
	border-right: 1px solid #000;
	margin-left: 10px;
  content: '';
}
footer div.copy {
	font-size: 11px;
	line-height: 50px;
	background: #f08300;
	height: 50px;
	width: 100%;
	color: #feefdd;
	text-align: center;
}

.note {
  width: 960px;
  margin: 1em auto 50px;
  font-size: 1rem;
  line-height: 1.6;
  margin-top: 8px;
  text-align: left;    
}


@media screen and (max-width: 960px) {
/* beauty */
#pageBeauty main {
	padding-right: 5vw;
	padding-left: 5vw;
	}
.lower section#beauty article {
	margin: auto;
	padding: 20px 3vw;
	}
.lower section#beauty article section{
	padding: 2vw;
}
.lower section#beauty article .pickup_clip_spring{
	position: absolute;
	width: 20vw;
	height: 25vw;
}
.lower section#beauty article .pickup_clip_spring::after{
	height: 25vw;
	width: 30vw;
	right: -10vw;
	top: -10vw;
}
.lower section#beauty article .pickup_clip span{
	height: 90px;
	width: 30px;
	right: 30px;
	top: -6px;
	z-index: 10;
}
.lower section#beauty article .pickup_clip span{
	background: url(images/beauty/clip_spring.png) no-repeat top / 2.5vw;
}
.lower section#beauty article .pickup_clip_spring::after{
	background: repeating-linear-gradient(65deg, #edb3c1, #edb3c1 1px, #fff 1px, #fff 7px);
}
.lower section#beauty article .pickup_clip img{
	width: 13vw;
	height: auto;
	top: 20px;
	right: 25px;
	padding: 5px;
}
.lower section#beauty article h2{
	margin: 70px auto 30px;
	width: auto;
	max-width: 100%;
}
.lower section#beauty article p.catch,
.lower section#beauty article p.lead{
	width: auto;
	max-width: 100%;
	margin-left: auto;
	float: left;
}
.lower section#beauty article p.catch{
	font-size: 42px;
	line-height: 50px;
	margin-bottom: 20px;
}
.lower section#beauty article p.lead{
	font-size: 24px;
	line-height: 34px;
	}
.lower section#beauty article section h3{
	font-size: 30px;
	line-height: 30px;
	margin: 30px auto;
}
.lower section#beauty article section h4{
	font-size: 24px;
	line-height: 24px;
	padding: 8px 0;
}
.lower section#beauty article section img.main_photo{
	width: 100%;
	height: auto;
	margin: auto;
}
.lower section#beauty article section .ingredients {
    min-width: 100%;
    margin: auto;
}
.lower section#beauty article section .recipe {
    width: 100%;
    padding: 0;
}
.lower section#beauty article section .recipe ul{
	width: 100%;
}
.lower section#beauty article section .video{
	width: 100%;
	height: auto;
	margin-top: 20px;
}

	
}


@media screen and (max-width: 750px){
	.lower main{
		padding: 40px 5vw;
	}
	.lower section#links{
		display: none;
	}
	.lower h1 {
	font-size: 36px;
	line-height: 280px;
	height: 280px;
	width: 100%;
}
.lower h2 {
	font-size: 30px;
	line-height: 36px;
	margin-top: 0;
}
/* #shop */
.lower section#shoppagelink ul{
	padding: 0 5vw;
	margin: 0 -5vw;
	width: 90vw;
	overflow-x: hidden;
}
.lower section#shoppagelink ul li{
	height: 65px;
}
.lower section#shoppagelink ul li:before{
	height: 65px;
}
.lower section#shoppagelink ul li.grocery,
.lower section#shoppagelink ul li.sidedish,
.lower section#shoppagelink ul li.tableplus,
.lower section#shoppagelink ul li.bakery {
	width: 43.3vw;
	margin-right: 2vw;
}
.lower section#shoppagelink ul li.popular,
.lower section#shoppagelink ul li.cake,
.lower section#shoppagelink ul li.japanese {
	width: 28vw;
	margin-right: 2vw;
}	
.lower section#shoppagelink ul li.sidedish,
.lower section#shoppagelink ul li.japanese,
.lower section#shoppagelink ul li.bakery {
	margin-right: 0;
	}
.lower section#shoppagelink ul li::after{
	content: none;
}
.lower section#shoppagelink ul li a span{
	display: inline;
	width: 100%;
}
.lower section#shoppagelink ul li a,
.lower section#shoppagelink ul li.grocery a,
.lower section#shoppagelink ul li.tableplus a{
	line-height: 65px;
}
.lower section#shoppagelink ul li a::after{
	top: 22px;
	right: 15px;
	border: 0;
	width: 10px;
	height: 10px;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
}
.lower section#shop p.lead {
	margin: 0;
	}
.lower section#shop {
	display: block;
	}
.lower section#shop article {
	width: 44vw;
	margin-right: 0;
}
.lower section#shop article:nth-child(2n+1) {
	margin-right: 2vw;
}
	
.lower section#shop a.morefloor{
	width: 100%;
	height: auto;
}
/* #item */
.lower section#item {}
.lower section#item article {
	background: #fff;
	padding: 20px;
	margin: 40px auto;
}
.lower section#item article figure{
	margin-bottom: 20px;
}
.lower section#item article p.store {
	font-size: 26px;
	line-height: 30px;
	margin-bottom: 15px;
}
.lower section#item article h3 {
	font-size: 26px;
	line-height: 24px;
	margin-bottom: 15px;
}	
.lower section#item article p.info {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 15px;
}
.lower section#item article p.hierarchy {
	font-size: 16px;
	line-height: 22px;
	width: 120px;
	margin-bottom: 15px;
}
.lower section#item article p.salesperiod {
	font-size: 16px;
	line-height: 22px;
	width: 75%;
	margin-bottom: 15px;
}
.lower section#item article p.text {
	font-size: 14px;
	line-height: 24px;
}
	
footer {
}

footer .footerLogo {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
footer .footerLogo .snsbtn {
  position: absolute;
  right: 50px;
  bottom: 20px;
}
footer .footerLogo .snsbtn img {
  margin: 0 5px;
}

footer img:first-child {}
footer div.links {
	margin: 20px auto;
	width: 60%;
	height: auto;
}
footer div.links a {
	font-size: 12px;
	line-height: 12px;
	display: inline-block;
	margin-bottom: 10px;
}
footer div.links a:link {
	border-bottom: 1px solid #000;
	padding-bottom: 2px;
}
footer div.links a::before {
	border-right: none;
	content: none;
}
footer div.links a:last-child::after {
	border-right: none;
	content: none;
}

}

/****************************************/


@media screen and (max-width: 750px){

html {font-size: 18px;max-width: 750px;overflow-x: hidden;}
body {
  width: 750px;
  padding-top: 153px;
  min-width: auto;
  position: relative;
}
body.preload * {}
body.minHead {
  margin-top: 0;
}
header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: 750px;
  height: 153px;
}
header div.left {
  position: absolute;
  top: 146px;
  left: 0;
  z-index: 1;
  padding: 0;
  margin: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
}
header div.left > img {
  position: absolute;
  top: -128px;
  left: 260px;
  z-index: 1;
  width: 234px;
}
header div.left p {
  background: transparent;
  color: black;
  display: inline-block;
  vertical-align: middle;
  margin: 17px 18px 17px 24px;
  font-size: 0.8rem;
}
header div.left a {
  vertical-align: middle;
  margin-right: 12px;
}
header div.left a:last-child {}
header div.center {
  margin-top: 6px;
}
header div.right {
  position: absolute;
  top: 145px;
  right: 0;
  z-index: 2;
  padding: 0;
  width: auto;
}
header div.right a {
  width: 32px;
  margin: 12px 20px 0 0;
}
nav {
  position: absolute;
  top: 0;
  right: -500px;
  z-index: 10;
  width: 500px;
  height: 100%;
  background: url(images/bgTile.png) center;
  transition: 0.3s;
}
nav.on {
  right: 0;
  position: fixed;
}
nav::before {
  content: url(images/nav/titleSp.png);
  display: block;
}
nav::after {
  content: '';
  position: absolute;
  top: 0;
  right: 500px;
  z-index: -1;
  width: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition: 0.3s;
}
nav.on::after {
  width: calc(100vw - 500px);
}
nav div {
  display: block;
  width: 100%;
  height: auto;
  margin-right: 0;
}
nav div::before {}
nav div::after {}
nav div.lunch::after,
nav div.event::after {
  display: none;
}
nav div.top {}
nav div.lunch {
  position: absolute;
  top: 920px;
}
nav div.event::before {}
nav div.top::after,
nav div.shop::after {
  display: none;
}
nav div.top.on::after,
nav div.shop.on::after {}
nav div a {}
nav div a::before {}
nav div a::after {}
nav div.top a {}
nav div.top a::after {
  content: url(images/nav/topSp.png)!important;
}
nav div.top.on a::after,
nav div.top:hover a::after {}
nav div.shop a {}
nav div.shop a::after {
  content: url(images/nav/shopSp.png)!important;
}
nav div.shop.on a::after,
nav div.shop:hover a::after {}
nav div.top.on a,
nav div.shop.on a,
nav div.top:hover a,
nav div.shop:hover a {}
nav div.lunch a {}
nav div.event a {}
nav div.lunch a::after {
  content: url(images/nav/lunchSp.png)!important;
}
nav div.event a::after {
  content: url(images/nav/eventSp.png)!important;
}
nav div.lunch a::after,
nav div.event a::after {
  transform: rotate(0deg);
}
nav div.lunch:hover::after,
nav div.event:hover::after {}
nav div.lunch:hover a::after,
nav div.event:hover a::after {}
nav > i {
  display: block;
  position: absolute;
  top: 20px;
  left: -94px;
  z-index: 2;
  width: 84px;
  height: 84px;
  transition: left 0.3s;
}
nav > i::before {
  content: '';
  display: block;
  width: 56px;
  height: 6px;
  background: black;
  position: absolute;
  top: 20px;
  left: 13px;
  z-index: 1;
  transform-origin: center;
  border-radius: 3px;
  /* transition: 0.3s; */
}
nav > i::after {
  content: '';
  display: block;
  width: 56px;
  height: 6px;
  background: black;
  position: absolute;
  top: 58px;
  left: 13px;
  z-index: 1;
  transform-origin: center;
  border-radius: 3px;
  /* transition: 0.3s; */
}
nav > i b {
  display: block;
  width: 56px;
  height: 6px;
  background: black;
  position: absolute;
  top: 39px;
  left: 13px;
  z-index: 1;
  border-radius: 3px;
  /* transition: 0.3s; */
}
nav.on > i {
  left: 406px;
  top: 20px;
}
nav.on > i::before {
  width: 80px;
  height: 1px;
  background: white;
  top: 50%;
  left: -6px;
  transform: rotate(45deg);
  border-radius: 0;
}
nav.on > i::after {
  width: 80px;
  height: 1px;
  background: white;
  top: 50%;
  left: -6px;
  transform: rotate(-45deg);
  border-radius: 0;
}
nav.on > i b {
  opacity: 0;
}

nav div.top div.topSub {
  height: 476px;
  position: static;
}
nav div.top div.topSub::before {}
nav div.top div.topSub::after {}
nav div.top.hover div.topSub {}
nav div.top div.topSub a {
  text-align: left;
  padding-left: 106px;
}
nav div.top div.topSub a:nth-child(1),
nav div.top div.topSub a:nth-child(7) {
  padding-left: 42px!important;
}
nav div.top div.topSub a::before {
  width: 48px;
  height: 46px;
  top: 12px;
  left: 42px;
}
nav div.top div.topSub a::after {}
nav div.top div.topSub a:hover {}
nav div.top div.topSub a i {
  margin-left: 12px;
}

.minHead header {
  display: none;
}
.minHead header div.left {}
.minHead header div.left > img {}
.minHead header div.left p {}
.minHead header div.left a {}
.minHead header div.left a:last-child {}
.minHead header div.left a img {}
.minHead header div.center {}
.minHead header div.center img {}
.minHead header div.right {}
.minHead header div.right a {}
.minHead header div.right a img {}
.minHead nav {
  position: fixed;
  top: 0;
  left: auto;
  height: 100%;
  margin-left: 0;
  background: url(images/bgTile.png) center;
}
.minHead nav div {
  width: 100%;
}
.minHead nav div::before {}
.minHead nav div.lunch::after,
.minHead nav div.event::after {}
.minHead nav div.top {}
.minHead nav div.lunch {
  top: 920px;
  left: 0;
  width: 100%;
  text-align: center;
  display: block;
}
.minHead nav div.event {
  position: static;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
}
.minHead nav div.event::before {}
.minHead nav div.top.on::after,
.minHead nav div.shop.on::after {}
.minHead nav div a::before {}
.minHead nav div.top a {}
.minHead nav div.shop a {}
.minHead nav div.top.on a,
.minHead nav div.shop.on a,
.minHead nav div.top:hover a,
.minHead nav div.shop:hover a {}
.minHead nav div.lunch a {
  position: static;
}
.minHead nav div.lunch a::after {
  background: transparent;
  width: auto;
  height: auto;
}
.minHead nav div.event a {
  position: static;
  top: auto;
  left: auto;
  display: inline-block;
}
.minHead nav div.event a::after {
  background: transparent;
  width: auto;
  height: auto;
}
.minHead nav div.lunch a::after,
.minHead nav div.event a::after {}
.minHead nav div.lunch:hover::after,
.minHead nav div.event:hover::after {}
.minHead nav > i {
  position: absolute;
  top: -100px;
  z-index: 1;
}
.minHead nav > i b,
.minHead nav > i::before,
.minHead nav > i::after {
  background: white;
}
.minHead nav.on > i {
  top: 20px;
}
.minHead nav div.top div.topSub {
  height: 476px;
  position: static;
}
.minHead nav div.top div.topSub::before {}
.minHead nav div.top div.topSub::after {}
.minHead nav div.top.hover div.topSub {}
.minHead nav div.top div.topSub a {
  text-align: left;
  padding-left: 106px;
  font-size: 1.1rem;
}
.minHead nav div.top div.topSub a:nth-child(1),
.minHead nav div.top div.topSub a:nth-child(7) {
  padding-left: 42px!important;
  font-size: 1.1rem;
}
.minHead nav div.top div.topSub a::before {
  width: 48px;
  height: 46px;
  top: 12px;
  left: 42px;
}
.minHead nav div.top div.topSub a::after {}
.minHead nav div.top div.topSub a:hover {}
.minHead nav div.top div.topSub a i {
  margin-left: 12px;
  font-size: 1.0rem;
}
article#visual {
  margin-bottom: 30px;
}
article#visual::before {
  content: url(images/mainVisualSp.png);
}
article#visual > img {
  display: none;
}
article#visual .menu {}
article#visual .menu a {
  filter: none;
}
article#visual .menu a:nth-child(1) {
  margin: 0px 0 230px -340px;
}
article#visual .menu a:nth-child(2) {
  margin: 0px 0 230px -110px;
}
article#visual .menu a:nth-child(3) {
  margin: 0px 0 230px 120px;
}
article#visual .menu a:nth-child(4) {
  margin: 0px 0 25px -220px;
}
article#visual .menu a:nth-child(5) {
  margin: 0px 0 25px 10px;
}
article#visual .menu a img {
  width: 220px;
  transform: none;
}
article#visual .menu a:hover img {}
section#fair {
  margin: 0 0 20px;
}
section#fair img {
  width: 710px;
}
section.day {
  margin: 0 20px;
  width: 710px;
}
section.day h1 {}
section.day h2 {
  padding: 30px 0 0 145px;
  font-size: 1.7rem;
}
section.day h2::before {}
section.day h2::after {}
section.day hr {}
section.day .shadow {}
section.day ul {
  padding: 30px 0 0 145px;
}
section.day ul li {}
section.day ul li div.img {}
section.day ul li div.img::before {}
section.day ul li div.img::after {}
section.day ul li div.img img {}
section.day ul li p.category {}
section.day ul li p.date {}
section.day ul li h3 {
  font-size: 1.3rem;
}
section.day ul li p.text {}
section.day ul li p.detail {}
section.day ul li p.detail::after {}
section.day ul li p.brand {}
section.day ul li p.info {}
section.day ul li.imgLeft hr,
section.day ul li.imgRight hr {}
section.day ul li p.category.reserveLimited::before {}
section#breakfast {
  padding-bottom: 80px;
}
section#breakfast h1 {
  background-image: url(images/breakfast/titleSp.png);
}
section#breakfast h1::after {
  display: none;
}
section#breakfast ul {
  padding: 30px 0 0 145px;
  position: relative;
}
section#breakfast ul li {
  position: absolute;
  top: 380px;
  z-index: 1;
  overflow: hidden;
  width: 265px;
  height: 180px;
  display: none;
}
section#breakfast ul li:nth-child(2) {
  left: 115px;
  display: block;
}
section#breakfast ul li:nth-child(3) {
  left: 395px;
  display: block;
}
section#breakfast ul li.imgLeft {
  width: 545px;
  padding-top: 550px;
  margin: 0;
  position: relative;
  top: 0;
  left: 0;
  display: block;
  height: auto;
}
section#breakfast ul li h2 {
  font-size: 1.6rem;
}
section#breakfast ul li div.img {
  width: 100%;
  height: 100%;
}
section#breakfast ul li div.img::before {}
section#breakfast ul li.imgLeft div.img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 336px;
  overflow: hidden;
}
section#breakfast ul li div.img img {
  width: 100%;
  margin-top: calc(100% * 0.15 * -1);
}
section#breakfast ul li h2::before,
section#breakfast ul li h2::after {}
section#breakfast ul li p.text {
  margin-bottom: 35px;
}
section#breakfast div.btn {
  padding: 0;
  margin: 0 15px 0 145px;
  width: 550px;
  height: 75px;
  position: relative;
  overflow: hidden;
}
section#breakfast div.btn a {
  position: absolute;
  top: 0;
  left: -105px;
  z-index: 1;
}
section#lunch {}
section#lunch h1 {
  background-image: url(images/lunch/titleSp.png);
}
section#lunch h2 {}
section#lunch h2::before,
section#lunch h2::after {}
section#lunch ul {}
section#lunch ul li {
  margin: 0 0 30px;
  padding: 0;
  width: 100%;
}
section#lunch ul li div.img {}
section#lunch ul li div.img::before {}
section#lunch ul li div.img img {
  width: 100%;
}
section#lunch ul li div.middle{}
section#lunch ul li.imgLeft {
  padding: 0;
}
section#lunch ul li.imgLeft div.img {
  margin: 0 0 20px;
  width: 100%;
  height: 330px;
  overflow: hidden;
}
section#lunch ul li.imgLeft div.img img {}
section#lunch ul li.imgLeft div.middle {
  width: 100%;
}
section#lunch ul li.imgRight {padding-right: 0px;}
section#lunch ul li.imgRight div.img {width: 100%;}
section#lunch ul li.imgRight div.img img {}
section#lunch ul li.imgRight div.middle {
  width: 100%;
}
section#lunch ul li p.brand {}
section#lunch ul li.imgLeft p.brand,
section#lunch ul li.imgRight p.brand {}
section#lunch ul li p.place {}
section#lunch ul li p.text {}
section#lunch ul li p.info {}
section#lunch ul li p.category {}
section#lunch div.btn {
  padding: 0;
  /*margin: 0 15px 0 145px;
  width: 550px;
  height: 313px;*/
  margin: 0px 15px 0 145px;
  width: 550px;
  height: 260px;
  position: relative;
  overflow: hidden;
}
section#lunch div.btn a {
  position: absolute;
  top: 0;
  /*left: -105px;*/
  z-index: 1;
}
section#sweets h1 {
  background-image: url(images/sweets/titleSp.png);
}
section#sweets ul {
  padding: 30px 0 0 145px;
  position: relative;
}
section#sweets ul li {
  position: absolute;
  top: 380px;
  z-index: 1;
  overflow: hidden;
  width: 265px;
  height: 180px;
  display: none;
}
section#sweets ul li:nth-child(2) {
  left: 115px;
  display: block;
}
section#sweets ul li:nth-child(3) {
  left: 395px;
  display: block;
}
section#sweets ul li.imgLeft {
  width: 545px;
  padding-top: 550px;
  margin: 0;
  position: relative;
  top: 0;
  left: 0;
  display: block;
  height: auto;
}
section#sweets ul li div.img {}
section#sweets ul li div.img::before {}
section#sweets ul li:nth-child(2) div.img::before {
  height: 80%;
}
section#sweets ul li:nth-child(3) div.img::before {
  height: 80%;
}
section#sweets ul li.imgLeft div.img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 336px;
  overflow: hidden;
}
section#sweets ul li div.img img {
  width: 100%;
  margin-top: calc(100% * 0.15 * -1);
}
section#sweets ul li h2 {
  font-size: 1.6rem;
}
section#sweets ul li h2::before,
section#sweets ul li h2::after {}
section#sweets ul li p.text {
  margin-bottom: 35px;
}
section#sweets div.btn {
  padding: 0;
  margin: 0 15px 0 145px;
  width: 550px;
  height: 75px;
  position: relative;
  overflow: hidden;
}
section#sweets div.btn a {
  position: absolute;
  top: 0;
  left: -105px;
  z-index: 1;
}
section#dinner {}
section#dinner h1 {
  background-image: url(images/dinner/titleSp.png);
}
section#dinner h2 {
  padding: 30px 0 0 145px;
  padding: 30px 0 0 115px;
  font-size: 1.7rem;
}
section#dinner h2::before,
section#dinner h2::after {}
section#dinner div.select {
  padding: 20px 0 0 120px;
}

section#dinner div.m_img {
  margin: 20px 15px 0 145px;
}
section#dinner div.m_img img {
    max-width: 100%;
}

section#dinner div.select::after {
  width: 166px;
  height: 166px;
  top: 14px;
}
section#dinner div.select.selectA::after {
  left: 136px;
}
section#dinner div.select.selectB::after {
  left: 332px;
}
section#dinner div.select.selectC::after {
  left: 526px;
}
/*section#dinner div.select img {margin: 0 20px;}
section#dinner div.select img.on,
section#dinner div.select img:hover {}
section#dinner div.select img.on {}
section#dinner ul {
  margin: 30px 20px 45px 145px;
  padding: 15px 0 0 0;
}
section#dinner ul li {
  width: 240px;
  margin: 0 5px 20px 15px;
}
section#dinner ul li.arrow {}
section#dinner ul.selectA li.arrow {
  left: 50px;
}
section#dinner ul.selectB li.arrow {
  left: 243px;
}
section#dinner ul.selectC li.arrow {
  left: 438px;
}
section#dinner ul li.arrow::before {}
section#dinner ul li.arrow::after {}
section#dinner ul li.selectB,
section#dinner ul li.selectC {}
section#dinner ul li div.img {}
section#dinner ul li div.img.caution_image::after {
  bottom: -13px;
  right: 3px;
  color: black!important;
}
section#dinner ul li div.img img {}
section#dinner ul li p.info {}
section#dinner ul li div.middle {
  padding: 10px 0 5px;
}
section#dinner ul li div.middle p.brand {}
section#dinner ul li div.middle p.place {}
section#dinner ul li div.bottom {}
section#dinner ul li div.bottom p.text {}
section#dinner ul li.imgRight {}
section#dinner ul li.imgRight p,
section#dinner ul li.imgRight div:not(.img) {}
section#dinner ul li.imgRight p.info {}
section#dinner div.btn {
  margin: 30px 0 45px 145px;
}
section#dinner div.btn a::before {
  content: url(images/dinner/btnBeautySp.png);
}
section#dinner div.btn img {
  display: none;
}


section#dinner ul#list1 li {
  width: auto;
  margin: 0 15px 20px;
}*/


section#snsFeed {
  padding: 30px 0 30px 30px;
}
section#snsFeed h2 {
  text-align: left;
}
section#snsFeed h2 > img {
  width: 685px;
  height: auto;
  margin: 0 auto;
}
section#snsFeed h2 .snsbtn {
  position: absolute;
  bottom: 10px;
  left: 145px;
}
section#snsFeed h2 .snsbtn img {
  width: 24px;
  margin: 0 5px;
}

section#snsFeed .load-more-wrapper {
  margin: 30px 0 0 -17.5px;
  padding-right: 0;
}
button.load-more.customisable img {
  width: 100% !important;
}

section#present h1 {
  padding-top: 0;
}
section#present h1::before {
  content: url(images/present/titleSp.png);
}
section#present h1::before {}
section#present div.items {}
section#present div.stage {}
section#present div.stage ul {}
section#present div.stage ul li {}
section#present div.stage ul li:nth-child(-n+3) {}
section#present div.stage ul li:nth-child(3n) {}
section#present div.stage ul li div.img {}
section#present div.stage ul li p.catch {}
section#present div.stage ul li h2 {}
section#present div.stage ul li h2 i {}
section#present div.stage ul li h2 i::before {}
section#present div.stage ul li p.detail {}
section#present div.stage ul li p.detail::after {}
section#present div.stage ul li p.text,
section#present div.stage ul li p.info,
section#present div.stage ul li p.place {}
section#present div.btn {}
section#present div.btn div.prev {}
section#present div.btn div.next {}
section#present div.btn div.select {}
section#present div.btn div.select i {}
section#present div.btn div.select i.on {}

section#present > a {}
section#present > a img {
  width: 690px;
}

section#present h2 {
  font-size: 1.7rem;
}
section#present h2::before,
section#present h2::after {}
section#present ul {}
section#present ul li {
  margin: 0 0 30px;
  padding: 0;
  width: 100%;
}

section#present .items {
  width: 600px;
  margin: 0 auto;
}

section#present ul li div.img {}
section#present ul li div.img::before {}
section#present ul li div.img img {
  width: 100%;
}

section#present ul li.imgLeft,
section#present ul li.imgRight {
  padding: 0;
}
section#present ul li.imgLeft div.img,
section#present ul li.imgRight div.img {
  margin: 0 0 20px;
  width: 100%;
  height:auto;
  overflow: hidden;
}
section#present ul li.imgLeft div.img img {}
section#present ul li.imgLeft div.middle {
  width: 100%;
}
section#present ul li.imgRight {}
section#present ul li.imgRight div.img {}
section#present ul li.imgRight div.img img {}
section#present ul li.imgRight div.middle {
  width: 100%;
}
section#present ul li p.brand {}
section#present ul li.imgLeft p.brand,
section#present ul li.imgRight p.brand {}
section#present ul li p.place {}
section#present ul li p.text {}
section#present ul li p.info {}
section#present ul li p.category {}
section#present div.btn {
  padding: 0;
  margin: 0 15px 0 145px;
  width: 550px;
  height: 75px;
  position: relative;
  overflow: hidden;
}
section#present div.btn a {
  position: absolute;
  top: 0;
  left: -105px;
  z-index: 1;
}




section#linkBnr {}
section#linkBnr img {
  width: 330px;
  margin: 0 15px 30px;
}
.lower section#item article .set p.store {}
.lower section#item article .set h3 {}
.lower section#item article .set p.info {}
.lower section#item article .set p.hierarchy {}
.lower section#item article .set p.salesperiod {}
.lower section#item article .set p.text {}

#toTop {
  display: none;
}
#toTop a {
  width: 80px;
  height: 80px;
  background: url(images/toTop.png) no-repeat center 0 rgba(0, 0, 0, 0.5);
  background-size: 80%;
  visibility: visible;
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.minHead #toTop {
  width: 100%;
  height: 100%;
  right: auto;
  left: 0;
  bottom: 0;
  top: auto;
  background: transparent;
  visibility: hidden;
  display: block;
}
.minHead #toTop a:after {
  content: 'TOP';
  position: absolute;
  bottom: 8px;
  left: 0;
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1em;
  text-align: center;
  color: #fff;
}

.minHead #toTop a {
}


.minHead #toTop i {
  width: 80px;
  height: 80px;
  background: rgba(0, 0, 0, 0.5);
  visibility: visible;
  position: absolute;
  bottom: 120px;
  left: 20px;
  display: block;
}

.minHead #toTop i:after {
  content: 'MENU';
  position: absolute;
  bottom: 8px;
  left: 0;
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1em;
  text-align: center;
  color: #fff;
}
.minHead #toTop b {
  display: block;
  width: 46px;
  height: 4px;
  background: white;
  position: absolute;
  top: 30px;
  left: 17px;
  z-index: 1;
  border-radius: 2px;
}
.minHead #toTop b::before {
  content: '';
  display: block;
  width: 46px;
  height: 4px;
  background: white;
  position: absolute;
  top: -10px;
  left: 0;
  z-index: 1;
  border-radius: 2px;
}
.minHead #toTop b::after {
  content: '';
  display: block;
  width: 46px;
  height: 4px;
  background: white;
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 1;
  border-radius: 2px;
}

.note {
  width: 680px;
}

}


/*20190607夜変更*/
section#dinner ul {
  padding: 40px 0 0 165px;
}
section#dinner ul li {
  position: relative;
  width: 240px;
  margin: 0 -15px 40px 30px;
}
section#dinner ul li.imgLeft {
  width: 745px;
  margin: 0 0 20px 30px;
}
section#dinner ul li div.img {
}
section#dinner ul li div.img::before {
  border: solid 10px white;
  border-image: url(images/dinner/border.png) 8 8 round;
}
section#dinners ul li.imgLeft div.img {
  position: relative;
  float: left;
  margin-right: 25px;
  margin-bottom: 0;
}
section#dinner ul li div.img img {}
section#dinner ul li h2 {
  padding: 0;
  text-align: left;
  font-size: 2.0rem;
  line-height: 1.5;
  white-space: nowrap;
  color: #ec879b;
}
section#dinner ul li h2::before,
section#dinner ul li h2::after {
  display: none;
}
section#dinner ul li p.text {
  font-size: 1.15rem;
  line-height: 1.6;
  margin-top: 14px;
  margin-bottom: 100px;
}
section#dinner div.btn {
  padding: 0 0 0 195px;
}
@media screen and (max-width: 750px){
  section#dinner ul {
    padding: 30px 0 0 145px;
    position: relative;
  }
  section#dinner ul li {
    position: absolute;
    top: 380px;
    z-index: 1;
    overflow: hidden;
    width: 265px;
    height: 180px;
    display: none;
  }
  section#dinner ul li:nth-child(1) {
    /*width: 545px;
    padding-top: 550px;
    margin: 0;
    position: relative;
    top: 0;
    left: 0;
    display: block;
    height: auto;*/
    left: 115px;
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
    overflow: hidden;
    width: 265px;
    height: 180px;
    margin: 20px -15px 40px 30px;
  }
  section#dinner ul li:nth-child(1) div.img{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 336px;
    overflow: hidden;
  }
  section#dinner ul li:nth-child(2) {
    /*left: 115px;
    display: block;*/
    left: 395px;
    display: block;
    top: 0;
    margin: 20px -15px 40px 30px;
  }
  section#dinner ul li:nth-child(3) {
    /*left: 395px;
    display: block;*/
    display: none;
  }
  section#dinner ul li.imgLeft {
    width: 545px;
    padding-top: 550px;
    margin: 0;
    position: relative;
    top: 0;
    left: 0;
    display: block;
    height: auto;
  }
  section#dinner ul li div.img {}
  section#dinner ul li div.img::before {}
  section#dinner ul li:nth-child(1) div.img::before {
    height: 53%;
  }
  section#dinner ul li:nth-child(2) div.img::before {
    height: 80%;
  }
  section#dinner ul li.imgLeft div.img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 336px;
    overflow: hidden;
  }
  section#dinner ul li div.img img {
    width: 100%;
    margin-top: calc(100% * 0.15 * -1);
  }
  section#dinner ul li h2 {
    font-size: 1.6rem;
  }
  section#dinner ul li h2::before,
  section#dinner ul li h2::after {}
  section#dinner ul li p.text {
    margin-bottom: 35px;
  }
  section#dinner div.btn {
    /*padding: 0;
    margin: 0 15px 0 145px;
    width: 550px;
    height: 75px;
    position: relative;
    overflow: hidden;*/
    padding: 0;
    margin: 200px 15px 0 145px;
    width: 550px;
    height: 75px;
    position: relative;
    overflow: hidden;
  }
  section#dinner div.btn a {
    position: absolute;
    top: 0;
    left: -105px;
    z-index: 1;
  }
}
/*夜ごはん下層*/
.lower h1.din{
  font-size: 0px;
  height: 615px;
}
@media screen and (max-width: 750px){
  .lower h1.din{
    height: 450px;
  }
}