/*============================================================= #chiba =============================================================*/
/* #mainImg
================================================ */
#mainImg {
  background-image: url("../img/tokyo/bg_main01_sp.png");
}

@media screen and (min-width: 600px) {
  #mainImg {
    background-image: url("../img/tokyo/bg_main01_pc.png");
  }
}

/* 共通
================================================ */
#chiba .secTit.mod_tit01 {
  margin-bottom: 20px;
}
#chiba .txt.center {
  text-align: center;
}
@media screen and (min-width: 600px) {
  #chiba .secTit.mod_tit01 {
    margin-bottom: 20px;
  }
}

/* #intro
================================================ */
#chiba #intro .inner {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (min-width: 600px) {
  #chiba #intro .inner {
    padding-top: 20px;
    padding-bottom: 30px;
  }
}

/* #area
================================================ */
#chiba #area .inner {
  padding-top: 40px;
  padding-bottom: 40px;
}
#chiba #area .list {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -5px 0;
}
#chiba #area .item {
  width: calc(50% - 10px);
  margin: 5px;
}
#chiba #area .item span {
  display: block;
  text-align: center;
  color: #4d372a;
  padding: 15px 0;
  border: solid 2px #4d372a;
  border-radius: 6px;
}
#chiba #area .item a span {
  color: #fff;
  background: #4d372a url(../img/common/ico_arrow03.png) no-repeat 93% center;
  background-size: 9px;
  box-shadow: 0 2px #33241c;
}
@media screen and (min-width: 600px) {
  #chiba #area .inner {
    padding-top: 80px;
    padding-bottom: 90px;
  }
  #chiba #area .list {
    margin: 30px -6px 0;
  }
  #chiba #area .item {
    width: 190px;
    margin: 6px;
  }
  #chiba #area .item a span {
    background-position: 92% center;
    box-shadow: 0 4px #33241c;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #chiba #area .item a:hover span {
    box-shadow: none;
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
  }
}

/* #purchase
================================================ */
#chiba #purchase {
  background: url(../img/common/bg_beige01.png);
}
#chiba #purchase .inner {
  padding-top: 40px;
  padding-bottom: 45px;
}
@media screen and (min-width: 600px) {
  #chiba #purchase .inner {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  #chiba #purchase .img {
    margin-top: 10px;
  }
}

/* #areaSingle
================================================ */
/* #purchase
================================================ */
#areaSingle #purchase {
  background: #fff;
}
#areaSingle #purchase .txt.small {
  margin-top: 10px;
  font-size: 1.4rem;
}
#areaSingle #purchase .btn {
  margin-top: 20px;
}
@media screen and (min-width: 600px) {
  #areaSingle #purchase .txt.small {
    font-size: 1.6rem;
    text-align: center;
  }
  #areaSingle #purchase .btn {
    margin-top: 30px;
  }
}