body {
 min-width: auto
}

article {
 width: 100%;
 overflow: hidden
}

.enter-wrap {
 max-width: 768px;
 margin: 0 auto
}

.enter-wrap img {
 width: 100%
}

.main-img {
 background-position: top center;
 background-repeat: no-repeat;
 background-size: contain;
 position: relative;
 width: 100%;
 padding-top: 75%;
 margin-bottom: 5rem
}

.logo-box {
 position: absolute;
 left: 50%;
 bottom: -4rem;
 transform: translateX(-50%);
 width: 16rem
}

.logo-box h1 {
 position: relative;
 display: block
}

.logo-box h1:after {
 content: "";
 background-position: top center;
 background-repeat: no-repeat;
 background-size: contain;
 position: absolute;
 left: 97%;
 bottom: 0;
 width: 4rem;
 height: 2rem
}

.enter-btns ul {
 display: flex;
 align-items: center;
 justify-content: space-around;
 text-align: center
}

.enter-btns ul li {
 width: 45%
}

.enter-btns ul li a {
 background-position: top center;
 background-repeat: no-repeat;
 background-size: contain;
 text-indent: -999999px;
 display: block;
 padding-top: 35%
}

.enter-btns p {
 padding: 1rem;
 text-align: center;
 line-height: 1.6
}

.umeda.main-img {
 background-image: url("../img/bg-umeda.jpg")
}

.umeda.main-img .logo-box h1:after {
 background-image: url("../img/badge-umeda.png")
}

.umeda.enter-btns ul li a {
 background-image: url("../img/leave-umeda.png")
}

.umeda.enter-btns ul li:nth-child(2) a {
 background-image: url("../img/enter-umeda.png")
}

.nipponbashi.main-img {
 background-image: url("../img/bg-nihonbashi.jpg")
}

.nipponbashi.main-img .logo-box h1:after {
 background-image: url("../img/badge-nihonbashi.png")
}

.nipponbashi.enter-btns ul li a {
 background-image: url("../img/leave-nihonbashi.png")
}

.nipponbashi.enter-btns ul li:nth-child(2) a {
 background-image: url("../img/enter-nihonbashi.png")
}

.kyobashi.main-img {
 background-image: url("../img/bg-kyobashi.jpg")
}

.kyobashi.main-img .logo-box h1:after {
 background-image: url("../img/badge-kyobashi.png")
}

.kyobashi.enter-btns ul li a {
 background-image: url("../img/leave-kyobashi.png")
}

.kyobashi.enter-btns ul li:nth-child(2) a {
 background-image: url("../img/enter-kyobashi.png")
}

.nanba.main-img {
 background-image: url("../img/bg-nanba.jpg")
}

.nanba.main-img .logo-box h1:after {
 background-image: url("../img/badge-nanba.png")
}

.nanba.enter-btns ul li a {
 background-image: url("../img/leave-nanba.png")
}

.nanba.enter-btns ul li:nth-child(2) a {
 background-image: url("../img/enter-nanba.png")
}

.shop-info{
 text-align: center;
 max-width: 468px;
 margin: 2rem auto;
}

.shop-info .shop-info_name{
 margin-bottom: 1rem;
 text-align: center;
}

.shop-info .shop-info_detail{
 margin-bottom: 1rem;
}

.shop-info .shop-info_detail th{
 width: 30%;
 text-align: left;
}

.shop-info .shop-info_detail td{
 padding: .5rem 0;
 text-align: left;
}

.banner-box {
 max-width: 468px;
 margin: 0 auto
}

@media screen and (min-width: 600px) {
 .main-img {
  margin-bottom: 8rem
 }

 .logo-box {
  bottom: -7rem;
  width: 28rem
 }

 .logo-box h1:after {
  width: 6rem;
  height: 4rem
 }
}

/*# sourceMappingURL=extend.css.map */