@charset "utf-8";
 html{padding-right: 0!important;}  .game-wrap{justify-content: space-between;max-width: 1000px;margin: 0 auto;flex-wrap: wrap;}
.news-text{letter-spacing: 0;}
main{font-weight: 500;}
.about h2{padding: 3rem 0 5rem;}
.game-wrap a{color: #333;margin: 0 0.5rem 3rem;display: inline-block;}
section{position: relative;z-index: 3; letter-spacing: 0.4px;}
a:hover {cursor: pointer;}
.game-div2 iframe{width: 100%;}
.yellow-sp, .game-box-sp, .game-flex4sp, .game-flex13, .spar, .u650-only, .under950, .dummy{display: none;} .myfont {font-family: "Bubblegum Sans", sans-serif;}
.zenmaru{font-family: "Zen Maru Gothic", serif;}
.f48, .game-flex11 .myfont, .game-flex .myfont{font-size: 3rem;}
.f45 {font-size: 2.8rem;}
.f20, .game-flex6 dt, .game-flex7 dt, .game-flex .myfont span{font-size: 1.25rem}
.f20{font-weight: bold;}
.game-flex6 dd, .game-flex7 dd, .game-flex5 dd {font-size: 1rem;line-height: 1.75rem;}
.f13 {font-size: 0.81rem;line-height: 1.75rem;}
.f14{font-size: 0.875rem;line-height: 1.7rem;}
.under830{display: none;} 
.game-bg-kasoupage {color: #fff;} .hidden-view dt.gr{max-width: 255px;text-align: left;} .yellowline{ width: 115%; overflow: hidden; position: absolute; left: 50%; transform: translateX(-50%); top: -4rem; z-index: 1;}
.character {position: absolute; top: 0;right: 0; max-width: 280px;}
.character img {width: 85%;}
.game-flex {display: flex; padding-top: 18rem;align-items: center; margin-bottom: 3rem;}
.game-flex div:first-of-type, .game-flex div:nth-of-type(2){width: 50%;}
.game-flex div:first-of-type {padding-right: 5.75rem;}
.game-flex .myfont{text-align: center; margin-bottom: 0.5rem;}
.game-flex2 {display: flex;max-width:677.64px; margin: 0 auto; margin-bottom: 3rem;align-items: center;}
.game-flex2 ul {display: flex; flex-wrap: wrap;}
.game-flex2 li{background: rgba(0,0,0,0.5); border: 1px solid #fff;border-radius: 14px; font-size: 1rem; padding: 0.1rem 1rem;align-self: center; margin-left: 0.5rem;line-height: 1.3rem;}
.game-flex2 li:first-of-type, .game-flex2 li:nth-of-type(2),.game-flex2 li:nth-of-type(3), .game-flex2 li:nth-of-type(4){margin-bottom: 0.3rem;}
.game-flex3 {display: flex; justify-content: space-between;max-width:460px;margin: 0 auto;    margin-bottom: 3rem;}
.game-flex4 {display: flex; justify-content: space-between;margin-top: 3rem;}
.game-flex4 li {width: calc(96%/4);text-align: center;}
.game-flex4 a {margin: 0.3rem!important;}
.game-top .f13 {max-width: 672px; margin: 1rem auto 0;}
.game-flex div.responsive{padding: 0;width: 100%;} .game-flex5 {display: flex; margin-bottom: 3rem;}
.game-flex5 div, .game-flex5 dl {width: 50%;}
.game-flex5 div {padding-right: 40px;}
.game-flex5 .f20, .game-flex7 dt {font-weight: bold;}
.game-flex6 {display: flex;justify-content: space-between;}
.game-flex6 dt{ margin-top: 0.5rem; font-weight: bold;}
.game-flex6 dd {margin-bottom: 2rem;}
.game-flex5 dt, .game-flex6 dt, .game-flex7 dt {margin-bottom: 1.62rem;}
.flex-item {width: calc(96%/3);} 
.game-flex7 {display: flex; justify-content: space-between;margin-top: 2rem;}
.game-flex7 dt::before{content: ''; border:1px solid #AAFCC0;background: #ABFEC2; width: 20px; height: 20px; display: inline-block; border-radius: 50%;margin-right: 1rem; transform: translateY(3px);}
.game-flex7 dl { width: calc(96% / 3);}
.flex-item div:first-child {width: 100%; height: 235px; overflow: hidden;}
.flex-item img { height: 100%;width: unset;} .title {margin-top: 4rem;}
.game-flex9{display: flex; justify-content: space-between;}
.game-div2 {width: 42%;padding-right: 1.5rem;}
.game-flex9 .game-right {width: 58%;}
.game-flex10{display: flex; max-width: 528.31px; justify-content: space-around; margin: 0 auto; align-items: center; margin-top: 2rem;}
.game-flex10 li:first-child {max-width: 63px;}
.game-flex10 li {max-width: 60px;}
.game-box {margin: 0 auto;border-radius: 20px; background: #fff;padding: 3rem;color: #333333;}
.game-box .myfont{font-size: 2.54rem;text-align: center}
.game-box dd {margin-top: 3rem;}
.game-box span {font-size: 1.25rem;font-family: "Zen Kaku Gothic New", sans-serif;font-weight: bold;  display: block;} .btn-area{width: 200px;margin-top: 3rem;}
.x-banner-area {padding-top: 12rem;}
.news {margin-bottom: 8rem;}
.no-link{filter: brightness(.5);}
.next {margin-top: 0;}
.next a{    border-radius: 4px;
color: #fff;
padding: 0.6rem 1rem;background: #BE8CD6;}
.game-photo{margin-top: 3rem;}
.video {display: block; width: 90%; margin: auto;}
.video video {border: 8px solid #D0F9ED;width: 100%;}
.video .myfont {font-size: 2rem; text-align: center; padding-bottom: 1rem;}
.video .myfont span {font-size: 1.2rem; padding-left: 1rem;} .modal-contents{padding: 2rem 2.5rem;}
.modalList-item{margin: 0 0 1rem 0;}
.game-banner-wrap{max-width: 900px;margin: 0 auto;width: 100%;display: flex;flex-wrap: wrap;}
.game-banner-wrap a{width: 90%;max-width: 300px;margin: 0;} .icon-wrap a{margin: 0;} footer:before{position: absolute;content: '';display: inline-block;width: 236px;height: 301px;background-image: url(//garten-of-banban.com/wp-content/themes/GoB/img/footer/nabnab.webp);background-size: contain;vertical-align: middle;top: -15rem;left: 4rem;background-repeat: no-repeat;}
@media screen and (max-width: 1050px){
.game-wrap{display: block;width: 90%;}
.title {margin-top: 0;}
.news{margin-bottom: 0;}
.video-sp {display: none;}
.swiper-button-next, .swiper-button-prev{top: 34%!important;}
footer:before{width: 165px;height: 210px;background-image: url(//garten-of-banban.com/wp-content/themes/GoB/img/footer/nabnab.webp);top: -10rem;left: 2rem;}
}
@media screen and (max-width: 950px){
.f20, .game-flex6 dt, .game-flex7 dt, .game-flex .myfont span{font-size: 1.125rem;}
.back-set, .about.game-wrap {display: none;}
.follow {display: inherit!important;}
.game-flex13 {display: block;width: 90%; margin: 0 auto; }
.hidden-view .gr::before{content: ''; border:1px solid #AAFCC0;background: #ABFEC2; width: 20px; height: 20px; display: inline-block; border-radius: 50%;margin-right: 1rem; transform: translateY(3px);}
.game-flex13 dt, .hidden-view dt {text-align: center; margin: 2rem auto 1rem;}
.game-flex13 dd, .hidden-view dd {margin-bottom: 2rem;line-height: 1.75rem;} 
.game-flex13 dl, .hidden-view dl {width: 80%; margin: auto;}
.about .hidden-view {width: 90%; margin: 0 auto;}
#news{margin-bottom: 14rem;}
.title {margin-top: 0;}
.game-flex4sp {display: block; margin-bottom: 3rem;margin-top: 1rem;}
.game-flex4pc, .game-flex5, .game-flex6, .game-flex7 {display: none;}
.flickity-slider li { width: calc(100% / 2); height: -webkit-fill-available;}
.flickity-viewport {height: 23vw!important;}
.flickity-slider a {margin: 0rem 0.5rem; height: -webkit-fill-available; display: block;}
.flickity-button, .game-top .f13, .pcar{display: none;}
.spar {display: block; text-align: center;}
.game-flex11 {flex-direction: column-reverse; align-items: center; margin: 0;}
.game-flex11 div {padding: 2rem 0;}
.flickity-page-dots .dot{background: #fff!important;}
.icon-wrap li:nth-child(3){margin-right: 1.25rem;}
.icon-wrap{width: 100%;}
.news {margin-bottom: 0;}
.game-box{padding: 0;}
.game-banner-wrap{max-width: 500px;}
.modalList-item{width: 166px;}
h2{padding: 2rem 0;}
}
@media screen and (max-width: 900px){
.yellowline { width: 140%;}
.game-box .myfont {font-size: 1.87rem!important;}
.game-box span {font-size: 1rem;}
.game-flex6 dd, .game-flex7 dd,.game-flex2 li, .game-flex6 dd, .game-flex7 dd, .game-flex5 dd {font-size: 0.875rem;}
}
@media screen and (max-width: 830px){
.game-flex9{display: block;}
.game-div2, .game-flex9 .game-right{width: 100%;padding: 0;}
.modal-contents {padding: 3rem 4.5rem;}
.over830{display: none;}
.under830{display: block;padding: 0.5rem 0;}
.game-box dd {margin-top: 1rem;}
}
@media screen and (max-width: 800px){ .yellow-pc{display: none;}
.yellow-sp {display: block;}
.yellowline{ overflow: hidden; position: absolute; left: 50%; transform: translateX(-50%); top: -4rem; z-index: 1; width: 109%;}
.character{ top: 5rem; right: -2rem;}
.game-flex {padding-top: 22rem; flex-direction: column;}
.game-flex div:first-of-type {padding-right: 0;}
.game-flex div:nth-of-type(2) {display: none;}
.game-flex3{ flex-wrap: wrap; width: 239px;}
#thumbs .slick-slide {height: 70px;}
.slick-initialized .slick-slide {padding: 0 0.35rem;}
}
@media screen and (max-width: 750px){
.game-box dd {margin-top: 1rem;}
}
@media screen and (max-width: 725px){
#news {margin-bottom: 11rem;}
.game-flex8 li {width: calc(100% / 3);}
.icon-wrap li, .icon-wrap li:nth-child(3){margin-right: 0.75rem;}
.icon-wrap li:last-child{margin-right: 0;}
}
@media screen and (max-width: 650px){
.yellowline{top: -2rem;}
.character {top: 4rem;}
.game-flex2 {width: 300px;}
.game-flex2 img {width: 40px;}
.game-flex2 li {margin-bottom: 0.75rem!important;}
.icon-wrap{width: 100%;max-width: 370px;justify-content: flex-start;}
.icon-wrap li:last-child{margin-right: 0.75rem;}
.icon-wrap li {width: calc(100% / 8);}
.game-box .myfont{font-size: 1.5rem!important;}
.f14{line-height: 1.5rem;}
#thumbs .slick-slide {height: 60px;}
#thumbs .slick-track {margin-bottom: 1rem;}
.u650-only{display: block;}
.game-only{display: none;}
h2 span{top: 7rem;}
h2 {margin-bottom: 1rem;}
.game-top h2{padding: 0 0 2rem;margin-bottom: 0;}
.game-top h2 span{top: 4rem;}
.btn-area {margin-top: 0;}
.responsive{margin-bottom: 1rem;}
}
@media screen and (max-width: 600px){
.character {right: -4rem;}
.character img {width: 70%;}
.game-flex12 {display: flex; flex-wrap: wrap;justify-content: end;max-width: 228px; margin: 0 auto;}
.game-flex12 li { max-width: 60px;}
.game-flex12 li:not(:nth-last-child(3)), .game-flex12 li:not(:last-child){margin-right: 1rem;margin-bottom: 0.5rem;}
.plus12 {max-width: 228px;}
.plus12 img{max-width: 60px; float: right;}
.game-box-sp div div, .game-box-sp p, .game-box-sp video {margin-bottom: 1rem;}
.game-flex div:first-of-type {width: 90%;}
#thumbs .slick-slide {width: calc(100% / 3) !important;height: 70px;}
.slick-prev{left: -17px!important;}
.slick-next{right: -17px!important;}
.modal-contents {padding: 3rem 1.5rem 2rem;}
}
@media screen and (max-width: 560px){
.game-flex13 dd, .hidden-view dd {line-height: 1.5rem;}
.about .hidden-view{font-size: 0.9rem;}
}
@media screen and (max-width: 550px){
footer:before{width: 109px;height: 138px;background-image: url(//garten-of-banban.com/wp-content/themes/GoB/img/footer/nabnab.webp);top: -6rem;left: 1.5rem;}
.game-banner-wrap {max-width: 360px;}
.modalList-item{width: 117px;padding: 0 3px;}
}
@media screen and (max-width: 500px){
.game-box-sp {margin-top: 3rem;}
.character img {width: 60%;}
.character {right: -7rem; top: 2rem;}
.game-wrap, .game-flex13, .about .hidden-view, .game-flex13 dl, .hidden-view dl {width: 95%;}
.game-flex{padding-top: 16rem;}
.game-box .myfont{font-size: 1.25rem!important;padding: 0.75rem 0;}
.game-box span{font-size: 0.75rem;}
.icon-wrap li {width: calc(100% / 4);}
.game-top .icon-wrap{justify-content: center;max-width: 250px;}
.icon-wrap.under950{max-width: 240px;}
#thumbs .slick-slide {height: 60px;}
.icon-wrap.under950 li {width: calc(100% / 5);}
.dummy{display: block;}
.icon-wrap{width:80%; }
.icon-wrap li {margin:  0 auto 0.5rem;}
.icon-wrap li.u650-only img{max-width: 50px;}
.swiper-button-next, .swiper-button-prev{top: 30%!important;}
}
@media screen and (max-width: 450px){
.Pagination-Item-Link{width: 37px;}
.arrow-neon {width: 60px;height: 60px;}
#thumbs .slick-slide {height: 55px;margin-bottom: 0.5rem;}
.modal-button::before {width: 20px;height: 20px;left: 7px;}
.modal-contents {padding: 2.5rem 1rem 1.5rem;}
}
@media screen and (max-width:410px){
.yellowline {top: -1.5rem;}
#thumbs .slick-slide {height: 50px;}
.icon-wrap li.u650-only img{max-width: 40px;}
}