@charset "UTF-8";

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 80%;
  padding: 3%;
  margin: 2%;
  max-width: 1200px;
  border: 15px solid #E7C285;
}

/*-------------------------------------------------------------------------------*/
#marche {
  position: relative;
  background: #f1c576;
  padding: 0 0 0%;
  margin: 0;
  z-index: 2;
  overflow: hidden;
}

#marche .inner {
  padding: 3% 0;
}

#marche .stamp {
  width: 35%;
  bottom: -0.36%;
  right: -5%;
  z-index: -1;
}

#marche h2 {
  width: 75%;
  max-width: 450px;
  padding: 6% 0 3%;
  margin: 0 auto;
  text-align: center;
}

#marche h2 .img {
  width: 35%;
}

#marche h2 .text {}

#marche .btn_box {
  margin: 0 0 20%;
}

#marche .relative img {
  width: 100%;
}

#marche .relative .absolute {
  width: 33%;
  top: 100%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
}

#marche .relative .btn01 {
  left: 50%;
}

#marche .relative .btn02 {
  left: 20%;
}

#marche .relative .btn03 {
  left: 80%;
}

#marche .inter {
  color: #412110;
  text-align: center;
  margin: 5% auto;
}

#marche h3 {
  width: 90%;
  max-width: 750px;
  padding: 0;
  margin: 0 auto;
}

#marche ul li h4 {
  color: #fff;
  line-height: 150%;
  font-size: 2rem;
  padding: 5px 10px;
  margin: 0 0 2%;
}

#marche ul li:nth-child(1) h4 {
  background: #6F2013;
}

#marche ul li:nth-child(2) h4 {
  background: #623232;
}

#marche ul li:nth-child(3) h4 {
  background: #3C4526;
}

#marche ul li:nth-child(4) h4 {
  background: #665318;
}

#marche ul li:nth-child(5) h4 {
  background: #397c80;
}

#marche ul li:nth-child(6) h4 {
  background: #2C3560;
}

#marche ul li:nth-child(7) h4 {
  background: #223724;
}

#marche ul li:nth-child(8) h4 {
  background: #5F1812;
}

#marche ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0% auto;
}

#marche ul li {
  width: 49%;
  position: relative;
  color: #5b4634;
  background: #dddcd6;
  box-shadow: 2px 2px 5px 2px rgb(215 129 43 / 60%);
  margin: 0 0 2%;
}

#marche ul.last {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#marche ul.last li {
  width: 70%;
  color: #6e4f47;
}

#marche ul.last li h4 {
  background: #6a314b;
}

#marche ul li .fix_left {
  position: relative;
  width: 50%;
  padding: 2%;
}

#marche ul li .fix_left img {
  width: 100%;
}

#marche ul li .fix_left .book {
  width: 40%;
  bottom: -20%;
  left: 0;
}

#marche ul.last li .fix_left .book {
  width: 30%;
  bottom: -10%;
}

#marche ul li .fix_right {
  width: 50%;
  padding: 2% 2% 2% 0;
}

#marche ul li .fix_right p {
  line-height: 150%;
}

#marche ul li .item {
  width: 100%;
  margin: 10px auto;
  z-index: 3;
}

#marche ul li .map {
  width: 100%;
  z-index: 3;
}

#marche .btn {
  width: 80%;
  max-width: 500px;
  margin: 5% auto;
}

@media screen and (max-width: 1000px) {
  #marche h2 {
    padding: 7% 0 3%;
  }

  #marche ul li .fix_left {
    width: 35%;
  }

  #marche ul li .fix_left .book {
    width: 50%;
    bottom: -40%;
  }

  #marche ul.last li .fix_left .book {
    width: 40%;
    bottom: -20%;
  }

  #marche ul li .fix_right {
    width: 65%;
  }

  #marche ul li .fix_right h5 {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 768px) {
  #marche {
    padding: 0 0 1%;
  }

  #marche ul li {
    width: 100%;
  }

  #marche ul.last li {
    width: 100%;
  }

  #marche ul li .fix_left {
    width: 45%;
  }

  #marche ul li .fix_left .book {
    width: 45%;
    bottom: -10%;
  }

  #marche ul.last li .fix_left .book {
    width: 45%;
    bottom: -10%;
  }

  #marche ul li .fix_right {
    width: 55%;
  }
}