* {

  margin: 0;

  padding: 0;

  list-style: none;

}

p {

  font-weight: 100;

}

.noshow {

  display: none;

}



html {

  font-size: 16px;

}



.img-box {

  position: relative;

}



.gray-container.top-gray {

  padding-top: 5%;

}



.gray-container {

  background-image: url('/images/0) COMMON/common/background.png');

  margin: auto 2% auto 2%;

  padding-bottom: 50px;

}



.cuisine-page .gray-container.fix-gray {

  padding-bottom: 25%;

}



.part-title-box {

  margin: 8% 5%;

  display: inline-block;

  width: 15rem;

  vertical-align: top;

}



.part-title {

  height: 1.5rem;

  padding-bottom: 1.5rem;

  vertical-align: bottom;

}



.part-title-2col {

  height: 5rem;

  padding-bottom: 1rem;

  vertical-align: bottom;

}



.cuisine-page .second-title {

  height: 3rem;

  margin: 8% 5%;

  vertical-align: bottom;

  opacity: 0;

}



.part-title-box .border-bot {

  border-bottom: 1px solid rgb(186, 147, 108);

  width: 0;

  opacity: 0;

  transition: all .5s;

}



.part-title-box .border-bot.lineAppear {

  width: 100%;

  opacity: 1;

}



#cuisine-page {

  width: 100%;

  overflow: hidden;

}



#cuisine-page .about-page {

  width: 100%;

}



.cuisine-page .menu-box {

  width: 100%;

  position: fixed;

  background-color: #fff;

  z-index: 15;

}



.cuisine-page header {

  display: flex;

  justify-content: space-between;

}



.cuisine-page header #main-logo {

  height: 100%;

}



.cuisine-page header .main-menu {

  display: flex;

}



.cuisine-page header .main-menu img {

  height: 3rem;

  vertical-align: bottom;

  transition: .3s;

}



#cuisine-page header .main-menu img:hover {

  opacity: .5;

  transform: scale(1.05);

}



.cuisine-page header .main-menu a {

  width: 6rem;

  text-decoration: none;

  text-align: center;

  font: .85rem bold;

  line-height: 2rem;

  letter-spacing: .2rem;

  color: black;

  padding: .5rem 5px;

  margin: .5rem 15px;

  opacity: 0;

}



.cuisine-page header .main-menu a:first-child {

  animation-duration: .5s;

}



.cuisine-page header .main-menu a:nth-child(2) {

  animation-duration: .7s;

}



.cuisine-page header .main-menu a:nth-child(3) {

  animation-duration: .9s;

}



.cuisine-page header .main-menu a:nth-child(4) {

  animation-duration: 1.1s;

}



.cuisine-page header .main-menu a:nth-child(5) {

  animation-duration: 1.3s;

}



.cuisine-page header .main-menu a:nth-child(6) {

  animation-duration: 1.5s;

}



.cuisine-page header .main-menu a:last-child {

  width: 3rem;

  margin: auto;

  padding: 0;

  padding-right: .6rem;

}



.cuisine-page header .main-menu a:nth-child(5) {

  letter-spacing: .1rem;

}



.cuisine-page header .main-menu a:hover,

.cuisine-page header .main-menu .active {

  color: white;

  font-size: .75rem;

  background-color: rgb(23, 33, 72);

}



.cuisine-page header .main-menu a:last-child:hover {

  background-color: transparent;

}



.cuisine-page .main-img {

  margin-bottom: -5%;

}



.cuisine-page .main-img img:first-child {

  width: 75%;

  position: relative;

  z-index: 2;

}



.cuisine-page .main-img img:nth-child(2) {

  width: 33%;

  position: absolute;

  left: 63%;

  top: 56%;

  z-index: 3;

  opacity: 0;

}



.cuisine-page .main-img img:nth-child(3) {

  width: 24%;

  position: absolute;

  top: 68%;

  margin-left: 2%;

}



.cuisine-page .main-img img:nth-child(4) {

  width: 5%;

  position: absolute;

  top: 70%;

  margin-left: 2%;

}



.cuisine-page .main-img img:nth-child(5) {

  width: 35%;

  position: absolute;

  top: 75%;

  left: 75%;

  margin-left: -5%;

  z-index: 1;

  opacity: 0;

}



.cuisine-page .main-img img:nth-child(6) {

  width: 30%;

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

  margin: 35% auto auto;

  z-index: 7;

}



.cuisine-page .main-img img:nth-child(7) {

  width: 1%;

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

  margin: 43% auto auto 50%;

  z-index: 7;

}



.cuisine-page .gray-container .popular-part .item-1 {

  width: 50%;

  text-align: center;

  position: relative;

  margin-top: -23%;

  margin-left: 2%;

  z-index: 5;

}



.cuisine-page .gray-container .popular-part .item-1 img:first-child {

  width: 100%;

}



.cuisine-page .gray-container .popular-part .item-1 img:nth-child(2) {

  width: 67%;

  margin-top: 2%;

  margin-bottom: 2%;

}



.cuisine-page .gray-container .popular-part .item-1 p {

  width: 100%;

  margin-top: 0;

  text-align: center;

  font-size: .9rem;

  line-height: 2.2rem;

  letter-spacing: .2rem;

  position: relative;

}



.cuisine-page .gray-container .popular-part .item-1 p::before {

  content: '';

  display: block;

  background-color: burlywood;

  width: .1rem;

  height: 5rem;

  position: absolute;

  left: 50%;

  top: -210%;

}



.cuisine-page .gray-container .popular-part .item-2 {

  width: 50%;

  text-align: center;

  position: absolute;

  top: -3%;

  left: 47%;

  z-index: 4;

}



.cuisine-page .gray-container .popular-part .item-2 img:first-child {

  width: 100%;

}



.cuisine-page .gray-container .popular-part .item-2 img:nth-child(2) {

  width: 75%;

  margin-top: 2%;

  margin-bottom: 2%;

  margin-left: 15%;

}



.cuisine-page .gray-container .popular-part .item-2 p {

  width: 100%;

  margin-top: 0;

  margin-left: 10%;

  text-align: center;

  font-size: .9rem;

  line-height: 2.2rem;

  letter-spacing: .2rem;

  position: relative;

}



.cuisine-page .gray-container .popular-part .item-2 p::before {

  content: '';

  display: block;

  background-color: burlywood;

  width: .1rem;

  height: 5rem;

  position: absolute;

  left: 50%;

  top: -140%;

}



.cuisine-page .gray-container .img-recommend {

  width: 35%;

  display: block;

  margin: auto;

}



.cuisine-page .gray-container .pipe-left {

  width: 30%;

  position: absolute;

  top: -1rem;

  opacity: 0;

}



.cuisine-page .gray-container .pipe-right {

  width: 30%;

  position: absolute;

  right: 0;

  top: -1rem;

  opacity: 0;

}



#swiper1 {

  padding: 15% 0 5%;

  width: 104%;

  margin-left: -2%;

}



#swiper1 .swiper-slide.swiper-slide-next {

  transform: scale(1.4);

  filter: brightness(1);

  margin-top: -7%;

  z-index: 5;

  transition: ease .5s;

}



#swiper1 .swiper-slide {

  filter: brightness(.5);

}



#swiper1 .swiper-button-next {

  width: 10rem;

  height: auto;

  right: 20%;

  top: 100%;

}



#swiper1 .swiper-button-next img {

  width: 3rem;

  padding-right: 1rem;

  padding-bottom: .3rem;

  border-bottom: 1px solid rgb(32, 46, 100);

  position: absolute;

  left: 0;

  transition: ease .3s;

}



#swiper1 .swiper-button-prev {

  width: 10rem;

  height: auto;

  left: 20%;

  top: 100%;

}



#swiper1 .swiper-button-prev img {

  width: 3rem;

  padding-left: 1rem;

  padding-bottom: .3rem;

  border-bottom: 1px solid rgb(32, 46, 100);

  position: absolute;

  right: 0;

  transition: ease .3s;

}



#swiper1 .swiper-button-next img:hover {

  padding-right: 2rem;

}



#swiper1 .swiper-button-prev img:hover {

  padding-left: 2rem;

}



#swiper1 .swiper-button-prev::after,

#swiper1 .swiper-button-next::after {

  display: none;

}



.cuisine-page .gray-container .recommend-para {

  text-align: center;

  position: relative;

  height: 8rem;

}



.cuisine-page .gray-container .recommend-para h2 {

  color: rgb(23, 33, 72);

  font-size: 1.5rem;

  letter-spacing: .5rem;

  padding-bottom: 1.5rem;

  font-weight: bold;

}



.cuisine-page .gray-container .recommend-para p {

  color: #4D4D4D;

  font-size: .9rem;

  line-height: 2.2rem;

  letter-spacing: .2rem;

}



.cuisine-page .gray-container .recommend-para::before {

  content: '';

  display: block;

  background-color: burlywood;

  width: .1rem;

  height: 4rem;

  position: absolute;

  left: 50%;

  top: -5rem;

  z-index: 3;

}



.cuisine-page .menu-part {

  width: 100%;

}



.cuisine-page .menu-part .main-menu {

  width: 80%;

  display: block;

  position: relative;

  z-index: 3;

  margin: 0 auto -25%;

}



#swiper5.swiper-container {

  overflow: visible;

}



#swiper5 .swiper-button-prev {

  width: 5%;

  height: auto;

  outline: none;

  padding: 1% 0 1% 2%;

  top: 90%;

  left: -2%;

  border-bottom: 1px solid rgb(23, 33, 72);

  transition: .3s;

}



#swiper5 .swiper-button-prev:hover {

  padding: 1% 2% 1% 2%;

}



#swiper5 .swiper-button-next {

  width: 5%;

  height: auto;

  outline: none;

  padding: 1% 2% 1% 0;

  top: 90%;

  right: -2%;

  border-bottom: 1px solid rgb(23, 33, 72);

  transition: .3s;

}



#swiper5 .swiper-button-next:hover {

  padding: 1% 2% 1% 2%;

}



#swiper5 .swiper-button-prev:after,

.swiper-container-rtl .swiper-button-next:after {

  content: '';

}



#swiper5 .swiper-button-next:after,

.swiper-container-rtl .swiper-button-prev:after {

  content: '';

}



.cuisine-page .menu-part .prev {

  cursor: pointer;

  width: 100%;

  /* padding: 20% 0 20% 40%; */

  margin-bottom: 4%;

  margin-left: -2%;

  /* border-bottom: 1px solid burlywood; */

  float: left;

  z-index: 3;

  transition: all.3s;

}



.cuisine-page .menu-part .next {

  cursor: pointer;

  width: 100%;

  /* padding: 20% 40% 20% 0; */

  /* margin-bottom: 4%; */

  /* margin-right: -2%; */

  /* border-bottom: 1px solid burlywood; */

  float: right;

  z-index: 3;

  transition: all.3s;

}



.cuisine-page .menu-part .bg {

  width: 104%;

  margin-left: -2%;

  position: relative;

  z-index: 0;

}



.cuisine-page .menu-part .menu-list {

  display: flex;

  justify-content: center;

  margin-top: 3%;

}



.cuisine-page .menu-part .menu-list img {

  width: 80%;

  display: block;

  margin: auto;

  cursor: pointer;

}



.cuisine-page .gray-container .dessert-part img:first-child {

  width: 58%;

  position: relative;

  margin-bottom: -27%;

  margin-left: 2%;

  z-index: 5;

  opacity: 0;

}



.cuisine-page .gray-container .dessert-part img:nth-child(2) {

  width: 40%;

  vertical-align: bottom;

  z-index: 3;

  margin-left: 10%;

  margin-bottom: -40%;

  opacity: 0;

  position: relative;

}



.cuisine-page .gray-container .dessert-part img:nth-child(3) {

  width: 60%;

  float: right;

  margin-right: -2%;

  opacity: 0;

}



.cuisine-page .page-end {

  width: 104%;

  margin-left: -2%;

  position: relative;

  opacity: 0;

}



.cuisine-page .page-end img:first-child {

  width: 100%;

}



.cuisine-page .page-end .item-1 {

  text-decoration: none;

  color: #fff;

  width: 45%;

  position: absolute;

  top: -130%;

  left: 10%;

  z-index: 3;

}



.cuisine-page .page-end .item-1 img {

  width: 100%;

  filter: brightness(.4);

  transition: all .7s;

}



.cuisine-page .page-end .item-1 .content {

  text-align: center;

  position: absolute;

  top: 35%;

  left: 0;

  right: 0;

  margin: auto;

}



.cuisine-page .page-end .item-1 .content h3 {

  font-size: 2rem;

  letter-spacing: .5rem;

}



.cuisine-page .page-end .item-1 .content h4 {

  width: 5rem;

  display: block;

  margin: 1.5rem auto;

  font-size: 1.2rem;

  letter-spacing: .1rem;

  border: .05rem solid #fff;

  position: relative;

}



.cuisine-page .page-end .item-1 .content h4::before {

  content: '';

  display: block;

  background-color: #fff;

  width: 2rem;

  height: .05rem;

  right: 0;

  left: 0;

  margin: -.9rem auto 0;

  position: absolute;

}



.cuisine-page .page-end .item-2 {

  color: #000;

  text-decoration: none;

  width: 45%;

  position: absolute;

  top: -100%;

  left: 45%;

  z-index: 5;

}



.cuisine-page .page-end .item-2 img {

  width: 100%;

  transition: all .7s;

}



.cuisine-page .page-end .item-2 .content {

  text-align: center;

  position: absolute;

  top: 35%;

  left: 0;

  right: 0;

  margin: auto;

}



.cuisine-page .page-end .item-2 .content h3 {

  font-size: 2rem;

  letter-spacing: .5rem;

}



.cuisine-page .page-end .item-2 .content h4 {

  width: 5rem;

  display: block;

  margin: 1.5rem auto;

  font-size: 1.2rem;

  letter-spacing: .1rem;

  border: .05rem solid #000;

}



.cuisine-page .page-end .item-2 .content h4::before {

  content: '';

  display: block;

  background-color: #000;

  width: 2rem;

  height: .05rem;

  right: 0;

  left: 0;

  margin: -.9rem auto 0;

  position: absolute;

}



.cuisine-page .page-end .item-1:hover {

  color: #000;

  z-index: 8;

}



.cuisine-page .page-end .item-1:hover img {

  filter: brightness(1);

}



.cuisine-page .page-end .item-1:hover .content h4 {

  border: .05rem solid #000;

}



.cuisine-page .page-end .item-1:hover .content h4::before {

  background-color: #000;

}



.cuisine-page .page-end .item-1:hover~.item-2 {

  color: #fff;

}



.cuisine-page .page-end .item-1:hover~.item-2 img {

  filter: brightness(.4);

}



.cuisine-page .page-end .item-1:hover~.item-2 .content h4 {

  border: .05rem solid #fff;

}



.cuisine-page .page-end .item-1:hover~.item-2 .content h4::before {

  background-color: #fff;

}



.cuisine-page .footer-part {

  text-align: center;

  position: relative;

}



.cuisine-page .footer-part img:first-child {

  width: 2%;

  margin: 5%;

}



.cuisine-page .footer-part img:nth-child(3) {

  width: 15%;

}



.cuisine-page .footer-part img:nth-child(5) {

  width: 1%;

  position: absolute;

  top: -5%;

  left: 90%;

}





.cuisine-page .footer-part footer a:hover {

  color: rgb(23, 33, 72);

}



.cuisine-page .swiper2-box {

  width: 104%;

  margin-left: -2%;

  background-color: rgb(23, 33, 72);

  padding-top: 60px;

}



#swiper2 .swiper-wrapper {

  transition-timing-function: linear;

}

























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

  .top-btn {

    width: 5rem;

  }



  .cuisine-page .swiper-pagination-bullet {

    width: 3rem;

    height: 0.5rem;

    background-color: rgb(153, 153, 153);

    opacity: 1;

    border-radius: 0px;

  }



  .cuisine-page .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0px 1rem;

  }



  .cuisine-page .swiper-pagination-bullet-active {

    background-color: burlywood;

  }



  .gray-container {

    padding-top: 3%;

  }



  .part-title-box {

    text-align: center;

    display: block;

    width: 25rem;

    margin: 2rem auto 1.5rem;

  }



  .part-title {

    height: 3rem;

    padding-bottom: 2rem;

  }



  .cuisine-page .second-title {

    height: 5.5rem;

    display: block;

    margin: 0 auto 5%;

  }



  .cuisine-page .gray-container.fix-gray {

    margin-top: 10%;

  }



  .cuisine-page .gray-container.space {

    padding-top: 30%;

  }



  .cuisine-page header {

    width: 100%;

    height: 35px;

    position: fixed;

    top: 0;

    z-index: 10;

    background-color: #fff;

  }



  .cuisine-page header #main-logo1 {

    height: 1.5rem;

    padding: 5px 0.5rem;

    margin: auto 3%;

  }



  .cuisine-page header .main-menu {

    width: 100%;

    height: 100vh;

    position: absolute;

    top: 35px;

    text-align: center;

    flex-direction: column;

    background-color: rgb(32, 46, 100);

    transition: all .5s;

  }



  .cuisine-page header .main-menu.close {
    transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    opacity: 0;

  }



  .cuisine-page header .main-menu a {

    width: 100%;

    color: #fff;

    font-size: 2rem;

    letter-spacing: .5rem;

    padding: .5rem 0;

    margin: 3rem 0;

    position: relative;

    opacity: 1;

  }



  .cuisine-page header .main-menu a:hover {

    font-size: 2rem;

  }



  .cuisine-page header .main-menu a::before {

    content: '';

    display: block;

    background-color: #eee;

    height: 5.5rem;

    width: .1rem;

    position: absolute;

    left: 50%;

    bottom: -6rem;

  }



  .cuisine-page header .main-menu a:nth-child(6)::before {

    display: none;

  }



  .cuisine-page header .main-menu a:last-child::before {

    display: none;

  }



  .cuisine-page header .main-menu a:nth-child(5) {

    letter-spacing: .5rem;

  }



  .cuisine-page header .main-menu a img {

    display: block;

    height: 2rem;

    margin: auto;

    padding-top: 1rem;

  }



  .cuisine-page header .main-menu a:nth-child(6) img {

    height: 8rem;

  }



  .cuisine-page header .main-menu a:hover {

    background-color: rgb(40, 58, 128);

  }



  .cuisine-page header img:nth-child(2) {

    height: 1.2rem;

    padding: 5px 0.5rem;

    margin: auto 3%;

  }



  /* .news-page header img:nth-child(4){

    height: 1.2rem;

    padding: 5px 0.5rem;

    margin: auto 3%;

  } */

  .cuisine-page header .bar {

    display: inline-block;

    width: 3rem;

    height: 3rem;

    margin: auto 3%;

  }



  .cuisine-page header .bar .bar1 {

    width: 95%;

    height: .2rem;

    background-color: #333;

    margin: .9rem auto 1.2rem auto;

    transition: all .5s;

  }



  .cuisine-page header .bar .bar2 {

    width: 95%;

    height: .2rem;

    background-color: #333;

    margin: auto;

    transition: all .5s;

  }



  .cuisine-page header .change.bar .bar1 {

    width: 95%;

    height: .2rem;

    transform: rotate(-45deg);

    background-color: #333;

    margin-top: 1.5rem;

    margin-bottom: -.2rem;

  }



  .cuisine-page header .change.bar .bar2 {

    width: 95%;

    height: .2rem;

    transform: rotate(45deg);

    background-color: #333;

  }



  .cuisine-page .main-img.phone {

    margin-left: -90%;

    margin-top: 35px;

  }



  .cuisine-page .main-img img:nth-child(2) {

    width: 30%;

    top: 43%;

    left: 64%;

  }



  .cuisine-page .main-img img:nth-child(3) {

    top: 59%;

    margin-left: 4%;

  }



  .cuisine-page .main-img img:nth-child(4) {

    width: 7%;

    top: 62%;

    margin-left: 4%;

  }



  .cuisine-page .main-img img:nth-child(5) {

    left: 80%;

    width: 28%;

    top: 67%;

  }



  .cuisine-page .gray-container img.arrow {

    display: block;

    margin: 0 auto 20%;

    width: 1%;

  }



  .cuisine-page .gray-container img.slogan {

    display: block;

    margin: 2% auto;

    width: 60%;

  }



  .cuisine-page .gray-container.top-gray {

    margin: -25% 2% auto 2%;

    padding-top: 25%;

    padding-bottom: 5px;

  }



  #swiper3.swiper-container {

    overflow: visible;

  }



  .cuisine-page .gray-container .phone.popular-part .black-bg {

    width: 170%;

    margin-top: 5%;

    margin-left: -2%;

  }



  .cuisine-page .gray-container .phone.popular-part .item-1 {

    width: 100%;

    margin-left: 0;

    margin-top: -46%;

    transition: all .3s;

  }



  .cuisine-page .gray-container .phone.popular-part .item-1 img:nth-child(2) {

    height: 6.5rem;

    width: auto;

  }



  .cuisine-page .gray-container .phone.popular-part .item-2 {

    width: 100%;

    position: relative;

    left: 0;

    margin-top: -46%;

    transition: all .3s;

  }



  .cuisine-page .gray-container .phone.popular-part .item-2 img:nth-child(2) {

    height: 6.5rem;

    width: auto;

  }



  .cuisine-page .gray-container .phone.popular-part .item-1 p::before {

    width: .05rem;

    top: -140%;

  }



  .cuisine-page .gray-container .phone.popular-part .item-2 p::before {

    width: .05rem;

    top: -105%;

  }



  .cuisine-page .gray-container .popular-part .item-1 p,

  .cuisine-page .gray-container .popular-part .item-2 p {

    font-size: 1.6rem;

    line-height: 2.5rem;

    margin-bottom: 30px;

    margin-left: 0;

  }



  .cuisine-page .gray-container .popular-part .item-2 img:nth-child(2) {

    margin-left: 0;

  }



  .cuisine-page .img-recommend {

    width: 55%;

    display: block;

    margin: auto;

  }



  .cuisine-page .recommend-para {

    text-align: center;

    margin-bottom: 5%;

    height: 15rem;

    position: relative;

  }



  .cuisine-page .recommend-para::before {

    content: '';

    display: block;

    background-color: burlywood;

    width: .1rem;

    height: 4rem;

    position: absolute;

    left: 50%;

    top: -4.5rem;

    z-index: 3;

  }



  .cuisine-page .recommend-para h2 {

    color: rgb(23, 33, 72);

    font-size: 2.2rem;

    letter-spacing: 0.5rem;

    padding-bottom: 1.5rem;

  }



  .cuisine-page .recommend-para p {

    color: #4d4d4d;

    font-size: 1.6rem;

    line-height: 2.5rem;

    letter-spacing: 0.3rem;

    margin-bottom: 5%;

    width: 90%;

    margin: auto;

  }



  #swiper4 {

    overflow: visible;

  }



  #swiper4 .swiper-slide {

    margin: 5% 0;

  }



  #swiper4 .swiper-pagination-fraction,

  #swiper4 .swiper-pagination-custom,

  #swiper4.swiper-container-horizontal>.swiper-pagination-bullets {

    bottom: -16.5rem;

  }



  .cuisine-page #swiper4 .swiper-pagination-bullet {

    width: 2rem;

  }



  #swiper6.swiper-container {

    overflow: visible;

  }



  .cuisine-page .menu-part .main-menu {

    width: 100%;

    margin: 0 auto -25%;

  }



  .cuisine-page .menu-part .bg {

    width: 104%;

    margin-left: -2%;

    vertical-align: bottom;

  }



  .cuisine-page .menu-part .menu-list {

    width: 104%;

    margin-left: -2%;

    margin-bottom: 6%;

    margin-top: 10px;

    justify-content: space-between;

  }



  .cuisine-page .menu-part .menu-list img {

    width: 80%;

    margin: auto;

  }



  .cuisine-page .gray-container .dessert-part img:first-child {

    width: 90%;

    margin-bottom: -37%;

    margin-left: 0;

  }



  .cuisine-page .gray-container .dessert-part img:nth-child(2) {

    width: 50%;

    margin-left: -2%;

    margin-bottom: -46.5%;

  }



  .cuisine-page .gray-container .dessert-part img:nth-child(3) {

    width: 70%;

  }











  .cuisine-page .page-end .item-1 {

    width: 50%;

    top: -130%;

    left: 0px;

  }



  .cuisine-page .page-end .item-1:hover img {

    filter: brightness(.4);

  }

  .cuisine-page .page-end .item-1:hover .content h4 {

    border: .05rem solid #fff;

    color: #fff;

  }

  .cuisine-page .page-end .item-1:hover .content h4::before {

    background-color: #fff;

  }

  .cuisine-page .page-end .item-1:hover .content h3 {

    color: #fff;

  }



  .cuisine-page .page-end .item-1 .content {

    opacity: 0.85;

    top: 15%;

  }



  .cuisine-page .page-end .item-1 .content h3 {

    font-size: 2rem;

    letter-spacing: 1.2rem;

  }



  .cuisine-page .page-end .item-1 .content h4 {

    width: 5.5rem;

    letter-spacing: 0.3rem;

    margin: 2rem auto 0px;

  }



  .cuisine-page .page-end .item-1 .content h4::before {

    width: 3rem;

    margin: -1.2rem auto 0px;

  }



  .cuisine-page .page-end .item-2 {

    width: 50%;

    left: 49.99%;

    top: -130%;

    color: #fff;

  }



  /* .cuisine-page .gray-container.fix-gray {

    padding-bottom: 15%;

  } */

  .cuisine-page .page-end .item-2 .content {

    opacity: .85;

    top: 15%;

  }



  .cuisine-page .page-end .item-2 img {

    filter: brightness(.4);

  }



  .cuisine-page .page-end .item-2 .content h3 {

    font-size: 2rem;

    letter-spacing: 1.2rem;

  }



  .cuisine-page .page-end .item-2 .content h4 {

    border: .05rem solid #fff;

    width: 6.5rem;

    letter-spacing: .3rem;

    margin: 2rem auto 0;

  }



  .cuisine-page .page-end .item-2 .content h4::before {

    background-color: #fff;

    width: 3rem;

    margin: -1.2rem auto 0;

  }



  .cuisine-page .footer-part img:first-child {

    display: none;

  }



  .cuisine-page .swiper2-box {

    padding-top: 20px;

  }



  .cuisine-page .footer-part img:nth-child(3) {

    width: 25%;

  }



  .cuisine-page .footer-part footer {

    font-size: 1.5rem;

  }

}









/* 隱藏phone部分 */

@media screen and (min-width: 600px) {

  .cuisine-page header.phone {

    display: none;

  }



  .cuisine-page .phone {

    display: none;

  }



  .cuisine-page .gray-container img.arrow {

    display: none;

  }



  .cuisine-page .gray-container img.slogan {

    display: none;

  }

}







/* 隱藏computer部分 */

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

  .cuisine-page header.computer {

    display: none;

  }



  .cuisine-page .computer {

    display: none;

  }

}