.bg-col-main {
  background-color: #F9F8EF !important;
}

.col-main {
  color: #4F3D2D !important;
}

.col-accent {
  color: #4F3D2D !important;
}

.bg-col-accent {
  background-color: #4F3D2D !important;
}

.col-green {
  color: #124B32 !important;
}

.bg-col-green {
  background-color: #124B32 !important;
}

.col-white {
  color: #ffffff !important;
}

.bg-col-white {
  background-color: #ffffff !important;
}

.col-black {
  color: #443F37 !important;
}

.bg-col-black {
  background-color: #443F37 !important;
}

.fw-bold {
  font-weight: bold !important;
}

.fs-ss {
  font-size: 13px !important;
}

.fs-s {
  font-size: 15px !important;
}

.fs-m {
  font-size: 17px !important;
}

.fs-l {
  font-size: 20px !important;
}

.fs-ll {
  font-size: 22px !important;
}

.fs-xl {
  font-size: 24px !important;
}

.lh-2em {
  line-height: 2em;
}

.ls-6 {
  letter-spacing: 0.06em;
}

.ta-center {
  text-align: center !important;
}

.ta-left {
  text-align: left !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.mr-16 {
  margin-right: 16px !important;
}

.ml-16 {
  margin-left: 16px !important;
}

.p-5 {
  padding: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.prpl-15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.prpl-16 {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.prpl-40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.flex-col {
  display: flex !important;
  flex-flow: column !important;
  align-items: center !important;
}

.flex-wrap-sa {
  display: flex !important;
  flex-flow: wrap !important;
  justify-content: space-around !important;
}

.flex-wrap-sb {
  display: flex !important;
  align-items: center;
  justify-content: space-between !important;
}

.flex-wrap-center {
  display: flex !important;
  flex-flow: wrap !important;
  justify-content: center !important;
}

.block {
  display: block !important;
}

.inline-block {
  display: inline-block !important;
}

.flex {
  display: flex !important;
}

.p-relative {
  position: relative !important;
}

.p-absolute {
  position: absolute !important;
}

.w100 {
  width: 100% !important;
}

.w80 {
  width: 80% !important;
}

.w70 {
  width: 70% !important;
}

.w60 {
  width: 60% !important;
}

.w50 {
  width: 50% !important;
}

.w40 {
  width: 40% !important;
}

.w32 {
  width: 32% !important;
}

.w30 {
  width: 30% !important;
}

main {
  max-width: 800px;
  margin: 0 auto;
  background-color: #F9F8EF !important;
}
body p {
  line-height: 1.75;
  letter-spacing: 0.02em;
}


@media only screen and (min-width: 768px) {
  body {
    background-color: #F9F8EF !important;
  }
}

.snap_umeda .mv_area {
  border-bottom: dashed 1px #4F3D2D;
}

.snap_umeda .snap_wrap {
  border-bottom: dashed 1px #4F3D2D;
}

.snap_umeda .snap_wrap .snap_img {
  border: solid 2px #4F3D2D;
  padding: 12px;
}

@media only screen and (min-width: 768px) {
  .snap_umeda .snap_wrap .snap_img {
    max-width: 500px;
    margin: 0 auto 50px !important;
  }
}

.snap_umeda .snap_wrap .snap_img h2 {
  padding: 5px;
}

.snap_umeda .snap_wrap h3 {
  padding: 5px 0;
  border-top: solid 2px #4F3D2D;
  border-bottom: solid 2px #4F3D2D;
}

.snap_umeda .snap_more h2 {
  padding: 5px;
}/*# sourceMappingURL=snap_umeda.css.map */




.shopImg {
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .shopImg {
    padding: 0 15%;
  }
}

.snap_img {
  margin-bottom: 5%;
}

.snap_img h2 {
  margin-bottom: 2%;
}

.snap_img h2 img {
  width: 20%;
}

.snap_wrap, .snap_more, .snap_shop {
  padding-top: 15%;
  padding-bottom: 15%;
}

.snap_shop {
  margin-bottom: 15%;
}

.snap_more .-tit {
  margin-bottom: 3%;
}

.snap_more h2 img {
  width: 40%;
}

/*全体*/


@media only screen and (min-width: 768px) {
  #fs-l-page {
    padding-top: 1% !important;
  }
}


/*next*/

.-flex {
  display: flex;
}

.next {
  padding: 10% 7% 0;
  text-align: center;
}

.next h4 {
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 1.75;
  margin-bottom: 5%;
}

.next h5 {
  font-size: 0.9rem;
  letter-spacing: 0.5px;
  line-height: 1.75;
  margin-bottom: 2%;
}

.next img {
  width: 100%;
  margin-bottom: 2%;
}

.next .-flex {
  justify-content: center;
  align-items: center;
  gap: 5%;
}

.next .-flex p {
  font-size: 0.9rem;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 1.75;
}

.next .-flex .event, .next .-flex .page {
  width: 50%;
}


/*section-special*/

.section.special {
  padding: 0 3% 10%;
}

.special-tlt h2 {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 4%;
}

.section.special img{
  margin-bottom: 5%;
} 

.section.special.-archive .-box{
  margin-bottom: 5%;
  text-align: center;
} 

.section.special.-archive h5{
  font-weight: bold;
} 

.section.special.-archive img{
  margin-bottom: 1%;
} 

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

  .section.special {
      padding: 0 15% 10%;
  }
}