/* mainVisual
==========================================*/
#kitchen .mainVisualWrap > div:nth-of-type(3) {
  background-image: url(/img/kitchen/img01.jpg);
}
#kitchen.modeSP .mainVisualWrap > div:nth-of-type(3) {
  background-image: url(/img/kitchen/img01_sp.jpg);
}


/* common
==========================================*/
.modePC  h2 { margin-bottom:80px; }
.modeSP  h2 { margin-bottom:70px; }


/* box01
==========================================*/
.modePC .box01 {
  margin: 0 auto 85px;
  width: 700px;
  padding-top: 145px;
}
.modeSP .box01 {
  width: 690px;
  margin: 0 auto 120px;
  padding-top: 100px;
}

.box01 h1{
  text-align: center;
  font-weight: bold;
  margin-bottom: 60px;
}
.modePC .box01 h1{ font-size: 22px; }
.modeSP .box01 h1{ font-size: 28px; }

.modePC .box01 .en{ margin-top: 40px; }
.modeSP .box01 .en{ margin-top: 80px; }


/* box02 slider
==========================================*/
.box02 { position: relative; }
.modePC .box02 {
  margin: 0 auto;
  width: 960px;
}
.modeSP .box02 {
  margin: 0 auto;
  width: 690px;
}

.modePC .box02 .u1 li img{
  width: 960px;
  height: 500px;
}
.modeSP .box02 .u1 li img{
  width: 100%;
}

.box02 .u2 {
  height: 0;
  position: absolute;
  top: 50%;
}
.modePC .box02 .u2 {
  width: 960px;
  left: 0;
  margin-top: -40px;
}
.modeSP .box02 .u2 {
  width: 690px;
  left: 0;
  margin-top: -30px;
}

.box02 .u2 li { display: inline-block; }
.box02 .u2 li:nth-of-type(1) { float: left; }
.box02 .u2 li:nth-of-type(2) { float: right; }

.box02 .u2 a {
  text-align: center;
  display: block;
  background-color: #fff;
}
.modePC .box02 .u2 a { width: 80px; height: 80px; }
.modeSP .box02 .u2 a { width: 60px; height: 60px; }

.modePC .box02 .u2 svg { width: 17px; height: 10px; margin-top: 35px; }
.modeSP .box02 .u2 svg { width: 23px; height: 13px; margin-top: 23px; }


/* box03 MENU
==========================================*/
.modePC .box03 {
  margin: 0 auto 135px;
  width: 960px;
  padding-top: 150px;
}
.modeSP .box03 {
  width: 690px;
  margin: 0 auto 200px;
  padding-top: 120px;
}

/**
 * box03 p1
 */
.modePC .box03 .p1 {
  margin: 0 auto 150px;
}
.modeSP .box03 .p1 {
  width: 690px;
  margin: 0 auto 70px;
}

.box03 .p1 h3 {
  text-align: center;
  font-weight: bold;
}
.modePC .box03 .p1 h3 {
  font-size: 22px;
  margin-bottom: 38px;
}
.modeSP .box03 .p1 h3 {
  font-size: 32px;
  margin-bottom: 38px;
}


.modePC .box03 .p1 h3:nth-child(n+2) {margin-top: 40px;}
.modeSP .box03 .p1 h3 {margin-top: 80px;}

.modePC .box03 .p1 ul {
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.box03 .p1 li {
  text-align: center;
  background: no-repeat center;
  -webkit-background-size: cover;
    background-size: cover;
  position: relative;
  overflow: hidden;
}
.modePC .box03 .p1 li {
  width: 170px;
  height: 95px;
}
.modePC .box03 .p1 li {
  margin: 0 10px  20px;
}
/*.modePC .box03 .p1 li:nth-of-type(4n) { margin-right: 0; }
.modePC .box03 .p1 li:nth-of-type(n+5) { margin-top: 10px; }*/

.modeSP .box03 .p1 li {
  width: 600px;
  height: 150px;
  margin: 20px auto 0;
}

.modePC .box03 .p1 li:not(.current):before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.modePC .box03 .p1 li:not(.current):before {
  background-color: rgba(0,0,0,.6);
  -webkit-transition: -webkit-transform .1s 0s;
    transition:   transform .1s 0s;
  -webkit-transform: translateY(145px);
    transform: translateY(145px);
}
.modePC .box03 .p1 li:not(.current):hover:before {
  -webkit-transform: translateY(0);
    transform: translateY(0);
}

.box03 .p1 a {
  display: block;
  height: 100%;
  position: relative;
  /*background-color: rgba(0,0,0,.3);*/
}
.box03 .p1 a:hover {
  opacity: 1;
}

.box03 .p1 li p {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.box03 .p1 li .df {
  color: #000;
  line-height: 1.6;
  -webkit-transition: opacity .3s 0s;
    transition: opacity .3s 0s;
}
.modePC .box03 .p1 li .df { font-size: 14px; }
.modeSP .box03 .p1 li .df { font-size: 28px; }
.box03 .p1 .current .df {
  color: #000;
}
.modePC .box03 .p1 li:not(.current):hover .df {
  opacity: 0;
}

.box03 .p1 li .df span { display: block; }
.modePC .box03 .p1 li .df span { font-size: 10px; margin-top: 10px; }
.modeSP .box03 .p1 li .df span { font-size: 20px; margin-top: 20px; }

.box03 .p1 li .vm {
  color: #fff;
  opacity: 0;
}
.modePC .box03 .p1 li:not(.current) .vm {
  -webkit-transition: opacity .2s 0s;
    transition: opacity .2s 0s;
}
.modePC .box03 .p1 li:not(.current):hover .vm {
  opacity: 1;
  -webkit-transition: opacity .3s .2s;
    transition: opacity .3s .2s;
}
.modePC .box03 .p1 li .vm { font-size: 10px; }
.modeSP .box03 .p1 li .vm { font-size: 20px; }

.box03 .p1 li .vm span {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
  line-height: 1;
  font-weight: bold;
  font-style: italic;
  letter-spacing: .08em;
  display: block;
  height: 1em;
  text-align: center;
}

.box03 .p1 svg {
  color: #fff;
  fill:#fff;
  display: block;
}
.modePC .box03 .p1 svg {
  margin: 8px auto 0;
  width: 16px;
  height: 16px;
}
.modeSP .box03 .p1 svg {
  margin: 20px auto 0;
  width: 32px;
  height: 32px;
}

/*.box03 .p1 li:nth-of-type(1) { background-image: url(/img/kitchen/img09.jpg); }
.box03 .p1 li:nth-of-type(2) { background-image: url(/img/kitchen/img10.jpg); }
.box03 .p1 li:nth-of-type(3) { background-image: url(/img/kitchen/img11.jpg); }
.box03 .p1 li:nth-of-type(4) { background-image: url(/img/kitchen/img12.jpg); }*/

.box03 .p1 li { background: #fff; }
.modePC .box03 .p1 li { border: 2px #000 solid }
.modeSP .box03 .p1 li { border: 2px #000 solid }

.box03 .p1 li .text { font-weight: bold; }
.modePC .box03 .p1 li .text { font-size: 14px !important; }
.modeSP .box03 .p1 li .text { font-size: 28px; }

.modeSP .box03 .p1 li:nth-of-type(1){ background-position: center -57px; }
.modeSP .box03 .p1 li:nth-of-type(2) { background-position: center -130px; }
.modeSP .box03 .p1 li:nth-of-type(3) { background-position: center -120px; }
.modeSP .box03 .p1 li:nth-of-type(4){ background-position: center -100px; }

.box03 .p1 .comments{
  text-align: center;
}
.modePC .box03 .p1 .comments{
  margin-top: 40px;
}
.modeSP .box03 .p1 .comments{
  margin-top: 80px;
  margin-bottom: 140px;
}


/**
 * box03 p2
 */
.modePC .box03 .p2{
  margin: 0 auto 70px;
  width: 500px;
}
.modeSP .box03 .p2{
  margin: 0 auto 100px;
  width: 690px;
}

.box03 .p2 dl{ line-height: 2; }

.box03 .p2 dt{
  font-weight: bold;
  float:left;
  clear:left;
}
.modePC .box03 .p2 dt{ width: 100px; }
.modeSP .box03 .p2 dt{ width: 170px; }

.box03 .p2 dd{ float:left; }
.modePC .box03 .p2 dd{ width:400px; }
.modeSP .box03 .p2 dd{ width:520px; }

.modePC .box03 .p2 dt,.modePC .box03 .p2 dd {font-size: 13px;}

.modePC .box03 .p2 dd span:before{
  content: "　- ";
}
.modePC .box03 .p2 dd span.noline:before{ content: "　"; }

.box03 .p2 dd span{
  color: #666666;
  line-height: 1.6;
}
.modePC .box03 .p2 dd span{font-size: 11.5px;}
.modeSP .box03 .p2 dd span{font-size: 20.5px;}


.box03 .p2 dd span.weekend {display: block;}
.modePC .box03 .p2 dd span.weekend {
  margin-top: 10px;
  padding-left: 12px;
}
.modeSP .box03 .p2 dd span.weekend { margin-top: 26px; }

.box03 .p2 dd span.weekend:before{
  content: "";
}

.box03 .p2 dd span.weekend i { text-decoration: underline; }

.box03 .p2 dd:before{
  content: "：";
  font-weight: bold;
}

.modePC .box03 .p2 svg{
  width: 22px;
  height: 22px;
  margin-right: 4px;
}
.modeSP .box03 .p2 svg{
  width: 44px;
  height: 44px;
  margin-right: 8px;
}

.box03 .p2 dd .holiday{
  color: #666;
  line-height: 1.7;
}
.modePC .box03 .p2 dd .holiday{
  font-size: 11.5px;
  padding-left: 10px;
  padding-top: 10px;
}
.modeSP .box03 .p2 dd .holiday{
  font-size: 21px;
  padding-top: 22px;
}


/**
 * box03 p3
 */
.box03 .p3 { text-align: center; }

.box03 .p3 p em{ display: block; }
.modePC .box03 .p3 p em{ font-size: 30px;margin-top: 25px; }
.modeSP .box03 .p3 p em{ font-size: 30px;margin-top: 20px; }

.modePC .box03 .p3 .en{ margin: 50px 0; }
.modeSP .box03 .p3 .en{ margin: 60px 0; }

.modePC .box03 .btn { width: 270px; }
.modePC .box03 .btn svg {
  width: 17px;
  height: 17px;
  margin-left: 0;
  margin-right: 10px;
  margin-top: -4px;
}


/* box04 Chef’s table
==========================================*/
.box04{
  background: #000;
  color: #fff;
}
.modePC .box04 {
  margin: 0 auto 150px;
  padding-top: 150px;
  padding-bottom: 150px;
}
.modeSP .box04 {
  margin: 0 auto 100px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.box04 .box { margin: 0 auto; }
.modePC .box04 .box { width: 960px; }
.modeSP .box04 .box { width: 690px; }

.modePC .box04 img {
  width: 960px;
  margin-bottom: 80px;
}
.modeSP .box04 img {
  width: 100%;
  margin-bottom: 80px;
}

.box04 .barTitleC:after { background-color: #fff; }

.box04 p{ text-align: center; }

.modePC .box04 p.jp,.modePC .box04 p.en{
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  font-weight: bold;
}

.modePC .box04 .en{
  margin-top: 30px;
  padding-bottom: 50px;
}
.modeSP .box04 .en{
  margin-top: 60px;
  padding-bottom: 70px;
}

.modePC .box04 .btn_white{
  width: 300px;
}
.modeSP .box04 .btn_white{
  width: 590px;
}
.modePC .box04 .btn_white:hover { color: #fff; background-color: #222; }
.modePC .box04 .btn_white:hover svg { color: #fff; fill: #fff; }
.modePC .box04 .btn_white:hover.notchange:hover { color: #222; background-color: #fff;font-weight:normal; }
.modePC .box04 .btn_white:hover.notchange:hover svg { color: #222; fill: #222; }

/* box05 MENU
==========================================*/
.modePC .box05 {
  width: 960px;
  margin: 0 auto;
}
.modeSP .box05 {
  width: 690px;
  margin: 0 auto;
}

.box05 ul li{ float: left; }
.modePC .box05 ul li{
  margin-right: 20px;
  margin-bottom: 20px;
}
.modeSP .box05 ul li{
  margin-right: 10px;
  margin-bottom: 10px;
}

.modePC .box05 ul li:nth-child(4n) { margin-right: 0; }
.modeSP .box05 ul li:nth-child(2n) { margin-right: 0; }

.modePC .box05 ul img{ width: 225px; }
.modeSP .box05 ul img{ width: 340px; }


/* re-open-information
==========================================*/
/**
 * re-open-information__message
 */
.re-open-information{}
.modePC .re-open-information{
  margin: 150px auto 0;
  width: 960px;
}
.modeSP .re-open-information{
  width: 690px;
  margin: 0 auto 120px;
  padding-top: 100px;
}

.re-open-information .re-open-information__message{}
.modePC .re-open-information .re-open-information__message{
  margin-bottom: 100px;
}
.modeSP .re-open-information .re-open-information__message{}

.re-open-information .re-open-information__message h2{
  text-align: center;
  font-weight: bold;
  line-height: 55px;
}
.modePC .re-open-information .re-open-information__message h2{ font-size: 48px; }
.modeSP .re-open-information .re-open-information__message h2{ font-size: 36px; }

.re-open-information .re-open-information__message h2 span{}
.modePC .re-open-information .re-open-information__message h2 span{ font-size: 36px; }
.modeSP .re-open-information .re-open-information__message h2 span{ font-size: 32px; }

.re-open-information .re-open-information__message .jp{ text-align: center; }
.modePC .re-open-information .re-open-information__message .jp{
  font-size: 12px;
  margin-bottom: 10px;
  }
.modeSP .re-open-information .re-open-information__message .jp{
  font-size: 24px;
  margin-bottom: 20px;
}

.re-open-information .re-open-information__message .en{ text-align: center; }
.modePC .re-open-information .re-open-information__message .en{
  font-size: 12px;
  margin-bottom: 40px;
}
.modeSP .re-open-information .re-open-information__message .en{
  font-size: 24px;
  margin-bottom: 60px;
}

.re-open-information .re-open-information__message .day{
  text-align: center;
  font-weight: bold;
}
.modePC .re-open-information .re-open-information__message .day{
  font-size: 20px;
  margin-bottom: 38px;
}
.modeSP .re-open-information .re-open-information__message .day{
  font-size: 28px;
  margin-bottom: 120px;
}


/**
 * re-open-information__download
 */
.re-open-information .re-open-information__download{}
.modePC .re-open-information .re-open-information__download{}
.modeSP .re-open-information .re-open-information__download{}

.re-open-information .re-open-information__download ul{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 auto;
}
.modePC .re-open-information .re-open-information__download ul{
  justify-content: space-between;
  width: 560px;
}
.modeSP .re-open-information .re-open-information__download ul{
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
 -ms-align-items: center;
  align-items: center;
  justify-content: center;
}

.re-open-information .re-open-information__download ul li{}
.modePC .re-open-information .re-open-information__download ul li{}
.modeSP .re-open-information .re-open-information__download ul li{
  margin-bottom: 40px;
}

.re-open-information .re-open-information__download ul li a{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}
.modePC .re-open-information .re-open-information__download ul li a{}
.modeSP .re-open-information .re-open-information__download ul li a{}

.re-open-information .re-open-information__download ul li a.disabled{
  background: #ccc;
  border: 1px solid #666;
}
.modePC .re-open-information .re-open-information__download ul li a.disabled{}
.modeSP .re-open-information .re-open-information__download ul li a.disabled{}

.re-open-information .re-open-information__download ul li a p{}
.modePC .re-open-information .re-open-information__download ul li a p{}
.modeSP .re-open-information .re-open-information__download ul li a p{}

.re-open-information .re-open-information__download ul li a p.coming-soon{  line-height: 1; }
.modePC .re-open-information .re-open-information__download ul li a p.coming-soon{}
.modeSP .re-open-information .re-open-information__download ul li a p.coming-soon{}

.modeSP .wrapper{
      padding-bottom: 134px;
}


/* link
==========================================*/
.modePC .link {
  margin: 140px auto 40px;
  width: 416px;
}
.modeSP .link {
  width: 620px;
  margin: 0 auto 180px;
  padding-top: 100px;
}

.modePC .link .p1 { text-align: center; }
.modeSP .link .p1 { text-align: left; }
/*.modePC .link .p1 { margin-top: 50px; }*/
/*.modeSP .link .p1 { margin-top: 100px; }*/

.modePC .link p{ margin-bottom: 30px; }
.modeSP .link p{ margin-bottom: 40px; }