@charset "utf-8";
 body {
display:none;
} #top-visual{padding-top: 15.5rem;}
#top-visual p{font-size:1.25rem;color: #fff;text-align: center;font-weight: bold;vertical-align: 0.45px;line-height: 2.375;padding: 0.5rem 0;}
#top-visual .big-text{font-size: 37px;line-height: 1.45;}
#top-visual .big-text2{font-size: 48px;line-height: 1.83;padding-bottom:4.75rem;}
#top-visual .big-text2 .big{font-size: 60px;}
#top-visual .big-text2 .red{color: #FF0000;}
.top-menu{padding: 5rem 0;justify-content: center;}
#video{background: #ccc;object-fit: cover;}
.top-menu-sp{display: none;}
#video-area{
filter: brightness(40%) 
} #top-news{position: relative;z-index: 1;}
.news-bg{position: absolute;z-index: -1;}
.cloud{max-width: 1466px;width: 80%;top: 7rem;right: 3rem;}
.kikyu-red{max-width: 250px;width: 80%;top:4rem;left: 12rem;}
.kikyu-yellow{max-width: 200px;left: 7rem;top: 18rem;}
.kikyu-blue{max-width: 250px;right: 5%;bottom: 20rem;}
.news-thumb-wrap > div:nth-child(2){margin-top: 5rem;}
.news-thumb-wrap > div:nth-child(3){margin-top: 10rem;} #top-game{margin-bottom: 12rem;}
.light{width: 300px;margin: 8rem auto 0;}
.chara-relative{position: relative;}
.top-chara {position: absolute;}
.top-jumbo{width: 600px;top: -23rem;right: -25rem;z-index: -1;}
.top-banban{max-width: 520px;bottom: 24rem;left: -26rem;z-index: -1;}
.top-sheriff-sp{display:none;} .top-popup h4{font-size: 1rem;font-weight: bold;padding-top: 0.75rem;}
.top-popup{margin-bottom: 1rem;}
.top-store-detail p{font-size: 1.125rem;font-weight: bold;padding: 0.5rem 0 0;line-height: 1.5rem;} .bg-room{background: url(//garten-of-banban.com/wp-content/themes/GoB/img/bg-room.png);position: relative;z-index: 0;border-bottom: 60px solid #D6FF00;filter:drop-shadow(0 3px 6px rgba(0, 0, 0, 0.3));background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #2d3333;}
#top-videos{padding: 24rem 0;}
#top-videos .flx{justify-content: center;max-width: 1016px;margin: 0 auto;}
#top-videos .flx iframe, .hidden-view iframe{width: 100%;aspect-ratio: 16/9;margin: 0.9rem 0.5rem;}
.videos-wrap{padding-top: 6rem;} #top-goods{margin-bottom: 11rem;margin-top: 15rem;}
footer{position:relative;}
footer:before{position: absolute;content: '';display: inline-block;width: 100%;height: 212px;background-image: url(//garten-of-banban.com/wp-content/themes/GoB/img/footer/opila.webp);background-size: contain;vertical-align: middle;top: -11rem;left: 4rem;background-repeat: no-repeat;}
@media screen and (max-width: 1600px){
.top-jumbo{max-width: 500px;right: -5rem;top: -20rem;}
.top-banban{max-width: 500px;top: -20rem;left: -5rem;}
}
@media screen and (max-width: 1400px){
.kikyu-blue {bottom: 37rem;max-width: 250px;}
.kikyu-red {max-width: 200px;top: 4rem;}
.kikyu-yellow{max-width:160px;top: 13rem;}
}
@media screen and (max-width: 1050px){ .kikyu-blue {bottom: 24rem;}
.kikyu-red {left: 8rem;}
.kikyu-yellow{left: 3rem;}
.top-sheriff-sp{display:block;}
#top-videos{padding: 12rem 0 35rem;}
footer:before{height: 140px;top: -8rem;left: 4rem;}
} @media screen and (max-width: 950px){
#top-visual .big-text,#top-visual .big-text2{font-size:1.875rem;}
#top-visual .big-text2 .big{font-size:2.5rem;}
#top-visual p{font-size: 1.125rem;}
#top-visual{padding-top: 10rem;}
h2{padding: 3rem 0 2rem;}
.top-menu{display: none;}
.top-menu-sp{display: block;padding: 3rem 0;}
.top-menu-sp .flx{justify-content: center;}
.top-menu-sp .flx li{margin: 0 1rem;}
.cloud{top: 0;}
.kikyu-blue {top: 1rem;} #top-goods{margin-top: 6rem;margin-bottom: 6rem;} #top-game{margin-bottom: 5rem;}
.light{margin: 0 auto;}
.top-jumbo, .top-banban, .top-sheriff, .top-stinnger ,.top-bitter, .top-slow{display: none;}
#top-videos .flx{display: block;}
#top-videos .flx iframe, .hidden-view iframe{width: 90%;margin: 0 auto;display: block;padding-bottom: 2.25rem;}
.bg-room{background: url(//garten-of-banban.com/wp-content/themes/GoB/img/videos-sp-bg.png);background-position: center top;background-repeat: no-repeat;background-size: contain;background-color: #2d3333;}
.bg-room::after{position: absolute;content: '';display: inline-block;width: 100%;height: 100%;background-image: url(//garten-of-banban.com/wp-content/themes/GoB/img/bg-tree.png);background-size: contain;vertical-align: middle;bottom: -20rem;background-repeat:no-repeat;background-position: center bottom;bottom: 0;max-height: 410px;}
.top-store-detail .mochi{font-size: 1.25rem;}
.top-store-detail p{font-size: 1rem;}
.top-popup h4 {font-size: 0.875rem;} .top-banbaleena{z-index: 1;bottom: -32rem;}
.top-nabnab-sp{bottom: -18rem;}
}
@media screen and (max-width: 800px){
.h2-news{padding: 3rem 0;}
.kikyu-blue, .kikyu-red, .kikyu-yellow, .cloud{display: none;}
} @media screen and (max-width: 650px){
#top-goods {margin-top: 5rem;margin-bottom: 2rem;}
.item-list-wrap {padding-bottom: 3rem;}
}
@media screen and (max-width: 550px){
.kikyu-red{left: 6rem;top: 11rem;}
.kikyu-yellow{left: 2rem;}
.kikyu-blue{right: 2rem;bottom: 31rem;max-width: 120px;}
.top-banbaleena{right: -1rem;bottom: -34rem;width: 212px;}
.top-nabnab-sp{left: 0;bottom: -18rem;width: 190px; }
footer:before{height: 98px;top: -5rem;left: 2rem;}
.top-store-detail {margin: 2rem auto 1rem;}
.x-banner-area {padding-top: 2rem;}
.pop-up-store{margin-bottom: 0;}
.light{width: 250px;}
.h2-game{padding: 0 0 2rem;}
}
@media screen and (max-width: 430px){
#top-game h2{padding: 0 0 2rem;}
}