@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : copy.css
 author     : Ability Consultant
 style info : コピー
=================================================================== */
.con_intro, .con_beaf .box_main, .con_beaf .box_sub, .con_seafood .box_txt, .con_gourmet {
  max-width: 1060px;
  margin: auto;
}
@media only screen and (max-width: 1080px) {
  .con_intro, .con_beaf .box_main, .con_beaf .box_sub, .con_seafood .box_txt, .con_gourmet {
    width: 95%;
  }
}

/* -----------------------------------------------------------
	intro
----------------------------------------------------------- */
.con_intro {
  margin-top: 70px;
}
@media only screen and (max-width: 767px) {
  .con_intro {
    margin-top: 6.66667%;
  }
}

/* -----------------------------------------------------------
	beaf
----------------------------------------------------------- */
.con_beaf {
  margin-top: 110px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .con_beaf {
    margin-top: 10%;
  }
}
@media only screen and (min-width: 1081px) {
  .con_beaf .box_main {
    height: 700px;
    position: relative;
  }
  .con_beaf .box_main .txt1 {
    width: 460px;
  }
  .con_beaf .box_main .txt2 {
    position: absolute;
    bottom: 0;
    left: 530px;
    width: 530px;
  }
  .con_beaf .box_main .imgs img:nth-child(1) {
    position: absolute;
    left: 530px;
    top: 0;
  }
  .con_beaf .box_main .imgs img:nth-child(2) {
    position: absolute;
    left: -125px;
    top: 290px;
  }
}
@media print {
  .con_beaf .box_main {
    height: 700px;
    position: relative;
  }
  .con_beaf .box_main .txt1 {
    width: 460px;
  }
  .con_beaf .box_main .txt2 {
    position: absolute;
    bottom: 0;
    left: 530px;
    width: 530px;
  }
  .con_beaf .box_main .imgs img:nth-child(1) {
    position: absolute;
    left: 530px;
    top: 0;
  }
  .con_beaf .box_main .imgs img:nth-child(2) {
    position: absolute;
    left: -125px;
    top: 290px;
  }
}
.ie8 .con_beaf .box_main {
  height: 700px;
  position: relative;
}
.ie8 .con_beaf .box_main .txt1 {
  width: 460px;
}
.ie8 .con_beaf .box_main .txt2 {
  position: absolute;
  bottom: 0;
  left: 530px;
  width: 530px;
}
.ie8 .con_beaf .box_main .imgs img:nth-child(1) {
  position: absolute;
  left: 530px;
  top: 0;
}
.ie8 .con_beaf .box_main .imgs img:nth-child(2) {
  position: absolute;
  left: -125px;
  top: 290px;
}
@media only screen and (max-width: 1080px) {
  .con_beaf .box_main .imgs {
    margin: 3.33333% 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    background: #fff;
  }
  .con_beaf .box_main .imgs img {
    width: 50%;
    height: auto;
  }
}
.con_beaf .box_sub {
  margin-top: 110px;
}
@media only screen and (max-width: 767px) {
  .con_beaf .box_sub {
    margin-top: 6.66667%;
  }
}

/* -----------------------------------------------------------
	SEAFOOD
----------------------------------------------------------- */
@-moz-keyframes gallery {
  100% {
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@-webkit-keyframes gallery {
  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@keyframes gallery {
  100% {
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.con_seafood {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .con_seafood {
    margin-top: 10%;
  }
}
.con_seafood .box_gallery {
  margin-top: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .con_seafood .box_gallery {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .con_seafood .box_gallery {
    margin-top: 3.33333%;
  }
}
@media only screen and (min-width: 1081px) {
  .con_seafood .box_gallery {
    overflow: hidden;
  }
  .con_seafood .box_gallery ul {
    overflow: hidden;
    -webkit-animation: gallery 55s linear;
    -moz-animation: gallery 55s linear;
    animation: gallery 55s linear;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
  .con_seafood .box_gallery ul li {
    width: 40vw;
    float: left;
  }
}
@media print {
  .con_seafood .box_gallery {
    overflow: hidden;
  }
  .con_seafood .box_gallery ul {
    overflow: hidden;
    -webkit-animation: gallery 55s linear;
    -moz-animation: gallery 55s linear;
    animation: gallery 55s linear;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
  .con_seafood .box_gallery ul li {
    width: 40vw;
    float: left;
  }
}
.ie8 .con_seafood .box_gallery {
  overflow: hidden;
}
.ie8 .con_seafood .box_gallery ul {
  overflow: hidden;
  -webkit-animation: gallery 55s linear;
  -moz-animation: gallery 55s linear;
  animation: gallery 55s linear;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.ie8 .con_seafood .box_gallery ul li {
  width: 40vw;
  float: left;
}
@media only screen and (max-width: 1080px) {
  .con_seafood .box_gallery ul {
    width: auto !important;
    overflow: hidden;
  }
  .con_seafood .box_gallery ul li {
    float: left;
    width: 33.33333%;
  }
}

/* -----------------------------------------------------------
	GOURMET
----------------------------------------------------------- */
.con_gourmet {
  margin-top: 110px;
}
@media only screen and (max-width: 767px) {
  .con_gourmet {
    margin-top: 10%;
  }
}
.con_gourmet .tmp_set1 {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .con_gourmet .tmp_set1 {
    margin-top: 5%;
  }
}