@charset "utf-8";
  .h2-event img{max-width: 214px;}
.tenpo-wrap{display: flex;max-width: 1000px;width: 95%;margin: 0 auto 4rem;background: #fff;border: 10px solid #BE8CD6;border-radius: 24px;padding: 2.8rem;font-size: 1.125rem;font-weight: 500;align-items: flex-start;}
.tenpo-wrap h3{font-size: 1.5rem;font-weight: bold;}
.tenpo-wrap .tenpowrap-left{width: 360px;}
.tenpo-wrap .tenpowrap-right{flex: 1;margin-right: 3.5rem;}
.tenpo-wrap img{max-width: 360px;height: 100%;width: 100%;}
.tenpowrap-right dl:first-of-type{padding-top: 1rem;}
.tenpo-wrap dl{padding-bottom: 0.75rem;line-height:1.5rem;}
.tenpo-wrap dl:last-child{padding-bottom: 0;}
.tenpo-wrap dl dt{font-weight: bold;}
.tenpo-wrap dl dt, .tenpo-wrap dl dd {display: table-cell;vertical-align: top;}
.kanren{display: block;color: #BE8CD6;text-decoration: underline;}
.tenpo-wrap p{font-size: 1.125rem;font-weight: bold;text-align: left;}
dl dt{width: 95px;}
.tenpo-wrap span{font-size: 0.875rem;}
.pop-up-store-inner{position: relative;z-index: 1; padding-top: 3rem;}
.sp950{display: none;}
.btn-area{position: relative;z-index: 1;}
#event{position: relative;z-index: 1;}
.area{font-size: 0.75rem;color: #BE8CD6;border: 1px solid #BE8CD6;border-radius: 4px;padding: 0 0.3rem;margin-left: 0.5rem;}
.h2-popupstore{padding: 3rem 0 0;} .popup-opila{position: absolute;top: -4rem;left: 15rem;z-index: -1;max-width: 220px;}
.popup-bitter{position: absolute;top: 50%;left: 12rem;z-index: -1;}
.popup-stinger{position: absolute;top: 80%;right: 8rem;z-index: -2;}
.popup-jumbo{position: absolute;top: 12%;right: 6rem;z-index: -3;}
.popup-bitter img{max-width: 336px;}
.popup-nabnab{position: absolute;top: -6rem;right: 5rem;z-index: -1;}
.popup-slow{position: absolute;top: -4rem;left: 5rem;z-index: -1}
.popup-slow-sp{display: none;}
.popup-sheriff{position: absolute;top: 0;right: 5rem;}
.popup-banban{position: absolute;top: -22rem;left: 4rem;}
.popup-captain{position: absolute;top: -10rem;left: 23rem;}
.popup-banbaleena{position: absolute;top: -21rem;right: 5rem;} footer:before{position: absolute;content: '';display: inline-block;width: 156px;height: 295px;background-image: url(//garten-of-banban.com/wp-content/themes/GoB/img/footer/banbaleena.webp);background-size: contain;vertical-align: middle;top: -16rem;left: 4rem;background-repeat: no-repeat;}
footer:after{position: absolute;content: '';display: inline-block;width: 286px;height: 260px;background-image: url(//garten-of-banban.com/wp-content/themes/GoB/img/footer/slow.webp);background-size: contain;vertical-align: middle;top: -14rem;right: 3rem;background-repeat: no-repeat;}
@media screen and (max-width: 1800px){
.popup-opila{left: 5rem;}
.popup-bitter{left: 0;}
.popup-stinger{right: 0;}
.popup-jumbo{right: -2rem;}
}
@media screen and (max-width: 1500px){
.pop-up-store-inner{padding-top: 4rem;}
.popup-opila{top: -6rem;left: 5rem;}
.popup-bitter{top: -12rem;left: 19rem;}
.popup-stinger{top: -13rem;right: 18rem;}
.popup-jumbo{top: -14rem;right: -2rem;}
.popup-banban{top: -26rem;}
.popup-captain{top: -9rem;}
.popup-banbaleena{top: -24rem;}	
}
@media screen and (max-width: 1250px){
.popup-sheriff{right: 0;}
}
@media screen and (max-width: 1150px){
.popup-opila{left: 0rem;}
.popup-bitter{left: 11rem;}
.popup-stinger{right: 14rem;}
.popup-jumbo{right: -4rem;}
}
@media screen and (max-width: 1050px){
.popup-nabnab{width: 350px;top: -4rem;}
.popup-slow{width: 230px;top: -2rem;}
.popup-banban{width: 240px;top: -20rem;left: 0;}
.popup-captain{width: 155px;top: -6rem;left: 15rem;}
.popup-banbaleena{width: 210px;top: -19rem;right: 0;}
.popup-sheriff{width: 200px;right: 0;top: 5rem;}
.tenpo-wrap{font-size: 1rem;}
.tenpo-wrap h3{font-size: 1.25rem;}
footer:before{width: 109px;height: 206px;top: -11rem;left: 2rem;}
footer:after{width: 200px;height: 182px;top: -10rem;right: 1rem;}
}
@media screen and (max-width: 950px){
.pop-up-store{margin-bottom: 4rem;}
.popup-opila img, .popup-bitter img, .popup-stinger img, .popup-jumbo img{width: 70%;}
.popup-opila{top: -4rem;left: 0rem;}
.popup-bitter{top: -9rem;left: 8rem;}
.popup-stinger{top: -9rem;right: 1rem;}
.popup-jumbo{top: -10rem;right: -12rem;}
.popup-sheriff{top: 18rem;}
.popup-slow{display: none;}
.popup-slow-sp{position: absolute;display: block;width: 160px;top: 17rem;left: 3rem;}
.popup-nabnab{right: 0;top:-10rem;}
.tenpo-wrap{max-width: 700px;}
.tenpo-wrap, .sp950{display: block;}
.tenpo-wrap img{margin: 0.5rem auto 0;}
.pc950{display: none;}
.tenpo-wrap p{text-align: center;padding: 0.5rem 0 0.75rem;}
.tenpo-wrap .tenpowrap-left{margin: 0 auto;width: 100%;max-width: 360px;}
.tenpo-wrap .tenpowrap-right{margin: 0 auto;}
.tenpo-wrap h3{padding-top: 0.5rem;}
.tenpowrap-right dl:first-of-type{padding-top: 0.5rem;}
}
@media screen and (max-width: 650px){
.h2-event img{width: 145px;}
.pop-up-store-inner{padding-top: 0;}
.popup-opila img, .popup-stinger img, .popup-jumbo img{width: 39%;}
.popup-bitter img{width: 135px;}
.popup-opila{top: -5rem;left: 0rem;}
.popup-bitter{top: -7rem;left: 5rem;}
.popup-stinger{top: -7rem;right: -10rem;}
.popup-jumbo{top: -8rem;right: -18rem;}
.tenpo-wrap dl dt, .tenpo-wrap dl dd{font-size: 0.875rem;line-height: 1.25rem;}
.tenpo-wrap p{font-size: 1rem;}
dl dt{width: 66px;}
.tenpo-wrap{margin-bottom: 1.5rem;}
.tenpo-wrap h3{font-size: 1.125rem;padding-bottom: 0.5rem;}
.tenpo-wrap span {font-size: 0.75rem;}
.tenpo-wrap{border: 6px solid #BE8CD6;}
.h2-popupstore{padding: 2rem 0 0;}
h2 span {top: 6.3rem;}
}
@media screen and (max-width: 600px){
.popup-banban{width: 135px;top: -10rem;left: 0;}
.popup-captain{width: 102px;top: -3rem;left: 8rem;}
.popup-banbaleena{width: 106px;top: -9rem;right: 0;}
.popup-nabnab{width: 242px;top: -6rem;right: 0;}
.popup-slow-sp{width: 134px;}
.popup-sheriff{width: 156px;top: 18rem;}
}
@media screen and (max-width: 560px){
.tenpo-wrap{padding: 1.5rem;border: 5px solid #BE8CD6;}
.tenpo-wrap dl {padding-bottom: 0.4rem;}
}
@media screen and (max-width: 550px){
footer:before{width: 72px;height: 137px;top: -7rem;left: 2rem;}
footer:after{width: 133px;height: 121px;top: -6.5rem;right: 1rem;}
.pop-up-store {margin-bottom: 1rem;}
}
@media screen and (max-width: 430px){
.popup-opila{left: 0rem;}
.popup-bitter{left: 4rem;}
.popup-stinger{right: -12rem;}
.popup-jumbo{right: -19rem;}
.tenpo-wrap p{font-size: 0.875rem;}
}