@charset "UTF-8";
.food-trip-legacy{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }


.navle{
    font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif !important;
}
.mainContetns {
  font-size: 18px;
  background: #f0eada;
  width: 1024px;
  margin: 0 auto; }
  .mainContetns .mainVisual {
    padding: 0 15px;
    text-align: center; }
    .mainContetns .mainVisual h2 {
      padding-top: 65px;
      margin-bottom: 40px; }
    .mainContetns .mainVisual p {
      font-size: 37px;
      margin: 50px 0 80px;
      font-weight: 500;}

.food-trip-legacy main {
  padding: 0 0px 70px;
  width: 940px;
  margin: 0 auto; }
  .food-trip-legacy main .flexBox {
    margin-bottom: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    position: relative;}
    .food-trip-legacy main .flexBox::before {
      position: absolute;
      left: 0px;
      right: 0;
      bottom: -70px;
      content: url(/src/static/food_trip/experience/illast_9_02.png);
      width: 184px;
      height: 84px;
      margin: 0 auto;
    }
    .food-trip-legacy main .flexBox:nth-child(even)::before {
      content: url(/src/static/food_trip/experience/illast_9_01.png);
    }
    .firstColor--yellow {color: #d9b200;}
    .lastBefore::before {
      display: none;
    }
    .lastBefore p {margin-top: -125px;}
    .food-trip-legacy main .flexBox figure img {
      max-width: 370px; margin-right: 50px;}
    .food-trip-legacy main .flexBox p {
      text-align: justify;
      font-size: 18px;
      font-weight: 500;
      line-height: 200%;
      width: 60%; }
    .food-trip-legacy main .flexBox:nth-child(even) {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      .food-trip-legacy main .flexBox:nth-child(even) figure img {margin-right: 0;margin-left: 50px;}
  .food-trip-legacy main .fullWide {
    margin-bottom: 50px; }
    .food-trip-legacy main .fullWide img{
border: 10px solid #fff;
    border-radius: 40px;
    }
    .food-trip-legacy main .fullWide p {
      margin-top: 15px;line-height: 200%; }
  .food-trip-legacy main .detailArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 80px;
    padding: 45px 0;
    border-top: 1px solid #231815;
    border-bottom: 1px solid #231815; }
    .food-trip-legacy main .detailArea p {
      font-family: '明朝' ,'メイリオ';
       font-size: 14px;}
      .food-trip-legacy main .detailArea p span {
        font-weight: bold;
        letter-spacing: 2px;
        display: block;
        margin-bottom: 25px;
        font-size: 18px;      }
    .food-trip-legacy main .detailArea .detail__btn {
      padding: 20px 0;
      text-align: center;
      border-radius: 4px;
      background: #898075;
      color: #fff;
      width: 224px; }
  .food-trip-legacy main .oubo {
    width: 100%;
    text-align: center;
    margin: 100px 0 0;
    display: inline-block; }
  .food-trip-legacy main .pageTranstion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 455px;
    margin: 60px auto 0;
    padding: 15px 0; }
    .food-trip-legacy main .pageTranstion li {
      width: 170px; }
      .food-trip-legacy main .pageTranstion li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .food-trip-legacy main .pageTranstion li:nth-of-type(2) {
        width: 2px; }

@media screen and (max-width: 1023px) {
  .mainContetns {
    width: 100%; }
  
  .food-trip-legacy main {
    padding: 0 15px 70px;
    width: 100%; }
    .food-trip-legacy main .flexBox p {
      padding: 0 20px; }
    .food-trip-legacy main .fullWide p {
      padding: 0 20px; }
    .food-trip-legacy main .detailArea {
      padding: 45px 20px; } }
@media screen and (max-width: 767px) {
  .food-trip-legacy main .flexBox {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .mainContetns .mainVisual h2 {
    padding: 35px 20px 0; }
  .mainContetns .mainVisual p {
    font-size: 20px; }
  .food-trip-legacy main .flexBox {
    display: block; }
    .food-trip-legacy main .flexBox::before {display: none;}
    .food-trip-legacy main .flexBox figure {
      text-align: center; }
      .food-trip-legacy main .flexBox figure img {
        width: 100%; margin-right: 0;}
      .food-trip-legacy main .flexBox:nth-child(even) figure img {margin-left: 0;}
    .food-trip-legacy main .flexBox p {
      width: 100%; }
    .food-trip-legacy main .flexBox:nth-of-type(1) p, .food-trip-legacy main .flexBox:nth-of-type(6) p {
      padding-top: 25px; }
  .food-trip-legacy main .fullWide p {
    font-size: 14px; }
  .food-trip-legacy main .flexBox:nth-of-type(1) p, .food-trip-legacy main .flexBox p {
    padding-top: 25px;
    line-height: 180%;
    font-size: 14px; }
    .food-trip-legacy main .flexBox:nth-of-type(1) p br, .food-trip-legacy main .flexBox p br {
      display: none; }
      .lastBefore p {
        margin-top: 0;
      }
  .food-trip-legacy main .detailArea {
    display: block; }
    .food-trip-legacy main .detailArea .detail__btn {
      margin-top: 20px;
      width: 100%; }
  .food-trip-legacy main .oubo {
    margin: 30px 0;
    padding: 0 20px; }
  .food-trip-legacy main .pageTranstion {
    width: 100%; }
    .food-trip-legacy main .pageTranstion li {
      width: 125px;
      font-size: 14px; } }