@charset "utf-8";
  .goods-main{padding-top: 19rem;}
.goods-nabnab{position: absolute;width: 480px;left: 1rem;bottom: -13rem;}
.goods-slow{position: absolute;width: 284px;right: 19rem;bottom: -9rem;}
.goods-opila{position: absolute;width: 260px;right: 6rem;bottom: -3rem;}
.goods-stinger{position: absolute;width: 434px;right: -3rem;bottom: 14rem;}
.goods-banbaleena{position: absolute;width: 180px;top: -11rem;left: 1rem;}
.goods-bitter{position: absolute;width: 200px;top: -16rem;right: 33rem;}
.goods-sheriff{position: absolute;width: 240px;top: -13rem;right: 7rem;}
.item-list-wrap.grade{background: linear-gradient(180deg, #BEEFFF 0%, #BEEFFF 75%,#7BC0D6 90%, #4FA1BC 100%);padding-bottom: 6rem;}
#goods-news{margin-top: 5rem;}
#goods-news h2{padding: 4rem 0;}
.bg-pink-inner{padding-bottom: 8rem;}
.square-blue{margin-top: 7rem;}
.backbtn{margin-top: 12rem;}
.sec-onlineshop{position: relative;z-index: 1;padding: 13rem 0 19rem;}
.sec-onlineshop-ichiran::before{position: absolute;content: '';display: inline-block;width: 421px;height: 536px;background-image: url(//garten-of-banban.com/wp-content/themes/GoB/img/goods/goods-banban.png);background-size: contain;vertical-align: middle;background-repeat: no-repeat;left: 2rem;margin: 0 auto;top: 20rem;max-width: 500px;z-index: -1;}
.sec-onlineshop-ichiran::after{position: absolute;content: '';display: inline-block;width: 508px;height: 587px;background-image: url(//garten-of-banban.com/wp-content/themes/GoB/img/goods/goods-jumbo.png);background-size: contain;vertical-align: middle;background-repeat: no-repeat;right: -3rem;margin: 0 auto;top: 16rem;max-width: 630px;z-index: -1;}
#goods .item-list-inner{padding-top: 0;}
.category-list-wrap{padding-top: 13rem;}
.category-list{max-width: 774px;justify-content: flex-start;}
.cate-list-p{max-width: 774px;margin: 0 auto;padding-bottom: 0.75rem;font-weight: 500;}
.list1 li{margin-bottom: 1rem;}
.list1 li a{border: 1px solid #030303;color: #030303;border-radius: 4px;background: #fff;padding: 0 0.25rem;margin: 0 0.25rem 0.5rem;}
.list2 li {margin: 0 0.25rem 0.5rem;max-width: 60px;}
.list2 li a img{filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.29));} .goods-detail-banban-sp{display: block;position: absolute;width: 180px;left: 13rem;top: -11rem;z-index: 0;}
.h2-goods-detail-sp{color: #333;font-weight: bold;font-size: 1.5rem;padding: 5rem 0 4rem;}
.h2-goods-title{width: 220px;margin: 0 auto 1rem;padding: 2rem 0;}
.h2-goods-detail-wrap{display: none;}
#goods-detail .square-pink{margin-top: 5rem;}
#goods-detail .h2-goods-detail::before {position: absolute;content: '';display: inline-block;width: 250px;height: 450px;background-image: url(//garten-of-banban.com/wp-content/themes/GoB/img/goods-detail/banban.png);background-size: contain;vertical-align: middle;top: -6rem;left: -17rem;background-repeat: no-repeat;}
#related{margin-top: 25rem;}
#related .h2-goods{text-align: center;width: 583px;padding: 10rem 0 0;font-size: 1.25rem;}
#related .h2-goods::before {position: absolute;content: '';display: inline-block;width: 415px;height: 370px;background-image: url(//garten-of-banban.com/wp-content/themes/GoB/img/goods-detail/nabnab.png);background-size: contain;vertical-align: middle;top: -6rem;left: -30rem;background-repeat: no-repeat;}
#related .h2-goods::after {position: absolute;content: "";display: inline-block;background: url(//garten-of-banban.com/wp-content/themes/GoB/img/goods-detail/related-item.png);width: 583px;height: 166px;background-size: contain;background-repeat: no-repeat;vertical-align: middle;top: 4rem;left: -3%;right: 0;z-index: -1;}
#related .item-list-wrap{padding-bottom: 8rem;}
#related .item-list-inner{padding: 13rem 0 0 ;}
.sec-online-shop-detail::befotre{display: none;}
.sec-online-shop-detail::after{position: absolute;content: '';display: inline-block;width: 98%;height: 100%;background-image: url(//garten-of-banban.com/wp-content/themes/GoB/img/goods-detail/bitter.png);background-size: contain;vertical-align: middle;background-repeat: no-repeat;right: 0;margin: 0 auto;top: 11rem;max-width: 400px;z-index: -1;}
.goods-detail-slow{position: absolute;width: 285px;right: 8rem;top: -8rem;z-index: 1;}
.goods-detail-opila{position: absolute;width: 220px;left: 13rem;bottom: -7rem;}
.goods-detail-banbaleena{position: absolute;width: 270px;left: 1rem;bottom: -9rem;}
.goods-detail-sheriff{position: absolute;width: 259px;right: 6rem;bottom: -8rem;}
.goods-detail-stinger{position: absolute;width: 434px;top: -20rem;left: 1rem;}
.goods-detail-captain{position: absolute;width: 235px;top: -10rem;right: 33rem;}
.goods-detail-jumbo{position: absolute;width: 318px;top: -17rem;right: 7rem;}
.item-detail-description{clear: both;padding: 3.5rem 0 0;display: flex;font-size: 1.125rem;flex-direction: row-reverse;justify-content: flex-end;align-items: flex-end;}
.item-detail-description > div{max-width: 684px;width: 100%;margin-right: 10%;line-height: 1.5rem;}
#goods-detail .item-list-wrap{padding: 0 13rem 6rem;}
.detail-price{font-size: 2.5rem;font-weight: bold;width: 100%;max-width: 210px;color: #E7141A;}
.detail-price span{font-size: 0.6em;}
.goec{position: relative;}
.goec::after{position: absolute;content: '';display: inline-block;width: 20px;height: 20px;background-image: url(//garten-of-banban.com/wp-content/themes/GoB/img/link.png);background-size: contain;vertical-align: middle;top: 3px;right: -1.5rem;background-repeat: no-repeat;} footer:before{position: absolute;content: '';display: inline-block;width: 183px;height: 327px;background-image: url(//garten-of-banban.com/wp-content/themes/GoB/img/footer/banban.webp);background-size: contain;vertical-align: middle;top: -16rem;left: 4rem;background-repeat: no-repeat;}
footer:after{position: absolute;content: '';display: inline-block;width: 284px;height: 343px;background-image: url(//garten-of-banban.com/wp-content/themes/GoB/img/footer/jumbo.webp);background-size: contain;vertical-align: middle;top: -16rem;right: 4rem;background-repeat: no-repeat;}
.slick-nav-arrows{display: none;}
.slick-arrow.slick-hidden{display: none!important;}
.slick-prev:before, .slick-next:before{display: none!important;}
.slider{
position: relative;
max-width: 960px;
}
.slider img{
max-width: 611px;
height: auto;
}
.slider .slider-nav-wrap{
position: relative;
}
.slider .slider-nav-wrap .slider-nav .slick-list{
padding: 0 !important;
}
.slider .slider-nav-wrap .slider-nav .slick-track{
left: 0 !important;
width: 100%;
opacity: 1;
margin: 0 auto 0 0;
}
.slider .slider-nav-wrap .slider-nav .slick-slide{
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
opacity: 1;
padding: 5px;
}
.slider .slider-nav-wrap .slider-nav .slick-slide:hover{
opacity: .5;
}
.slider .slider-nav-wrap .slick-arrow{
position: absolute;
top: 50%;
width: 0;
height: 0;
border-style: solid;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (min-width: 768px){
.slider .slider-for{
float: left;
width: 79.1666%;
}
.slider .slider-nav-wrap{
position: absolute;
top: 50%;
right: 0;
width: 16.6666%;
padding: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 19rem;
}
.slider .slider-nav-wrap .slider-nav .slick-list{
padding: 0 0 !important;
}
.slider .slider-nav-wrap .slider-nav .slick-track{
left: 0 !important;
}
.slider .slider-nav-wrap .slider-nav .slick-slide{
padding: 0;
}
.slider .slider-nav-wrap .slick-arrow{
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.slider .slider-nav-wrap .slick-prev{
top: -1.5rem;
transform: scale(1, -1);
border-width: 18px 9px 0 9px;
border-color: #fff transparent transparent transparent;
}
.slider .slider-nav-wrap .slick-next{
top: 27rem!important;
transform: scale(1, -1);
border-width: 0 9px 18px 9px;
border-color: transparent transparent #fff transparent;
}
}
@media screen and (max-width: 1800px){
.goods-detail-opila{left: 4rem;}
}
@media screen and (max-width: 1500px){
.goods-nabnab{width: 380px;left: -5rem;}
.goods-slow{width: 230px;right: 10rem;}
.goods-detail-banban-sp {left: 4rem;}
.goods-opila{width: 180px;right: 4rem;}
#goods .sec-onlineshop{padding: 13rem 0 7rem;}
.sec-onlineshop::before{left: 0;margin: 0 auto;top: 18rem;max-width: 350px;}
.goods-stinger{width: 380px;bottom: 5rem;}
.goods-detail-slow{right: 0;}
.goods-detail-opila{left: 0;}
#related .h2-goods::before{left: -24rem;top: -1rem;max-width: 350px;}
.sec-onlineshop-ichiran::after{max-width: 380px;top: 17rem;right: -3rem;}
.goods-detail-stinger{top: -23rem;left: 0;}
#goods-news{margin-top: 0;}
}
@media screen and (max-width: 1300px){
.goods-detail-slow{right: -2rem;width: 200px;}
.goods-detail-banban-sp {width: 160px;left: 2rem;}
#goods-detail .h2-goods-detail::before {width: 200px;height: 300px;left: -6rem;}
.h2-goods-detail{padding: 0 9% 0 13%;}
.goods-detail-opila{width: 180px;bottom: -5rem;}
.sec-online-shop-detail::after{max-width: 310px;}
#related{margin-top: 23rem;}
#goods-detail .item-list-wrap{padding: 0 8rem 6rem;}
}
@media screen and (max-width: 1250px){
.h2-goods-wrap{display: none;}
.sp-h2-goods-wrap {display:block;}
#related .h2-goods::before{left: -17rem;top: -5rem;max-width: 300px;height: 317px;}
#related .h2-goods::after {top: 0;}
#related .h2-goods{padding: 6rem 0 0;}
.goods-detail-banbaleena{width: 220px;bottom: -7rem;}
.goods-detail-sheriff {width: 200px;right: 2rem;}
.goods-detail-stinger{width: 300px;top: -15rem;left: -4rem;}
.goods-detail-captain{width: 180px;top: -6rem;right: 17rem;}
.goods-detail-jumbo{width: 250px;top: -13rem;right: 0;}
.category-list-wrap {padding-top: 8rem;}
.goods-main {padding-top: 14rem;}
}
@media screen and (max-width: 1200px){
.category-list-wrap{max-width: 774px;}
}
@media screen and (max-width: 1100px){
.item-detail-description > div {margin-right: 3rem;}
#goods-detail .item-list-wrap {padding: 0 4rem 4rem;}
.h2-goods-detail {top:2rem;}
.swiper-button-next, .swiper-button-prev{top: 41%!important;}
}
@media screen and (max-width: 1050px){
.goods-stinger{display: none;}
footer:before{width: 128px;height: 229px;top: -10rem;left: 2rem;}
footer:after{width: 198px;height: 240px;top: -10rem;right: 2rem;}
}
@media screen and (max-width: 950px){
.h2-goods-title{margin-bottom: 0;padding: 2rem 0 4rem;}
.bg-blue::after {bottom: -30rem;}
.item-list-wrap.grade {padding-bottom: 3rem;}
.slider .slider-nav-wrap {margin-top: 17rem;}
.item-detail-description {display: block;}
.detail-price{text-align: right;font-size: 1.75rem;margin: 0 0 0 auto;padding-bottom: 1rem;}
.h2-goods-detail-wrap{display: none;}
.h2-goods-detail-wrap-sp{display: block;}
.h2-goods-detail{font-size: 1.5rem;}
.goods-detail-banban-sp{display: block;position: absolute;width: 160px;left: 2rem;top: -11rem;z-index: -1;}
.goods-detail-slow{width: 180px;top: -9rem;right: 1rem;z-index: -1;}
.h2-goods-detail-sp{color: #333;font-size: 1.25rem;line-height: 1.7rem;font-weight: bold;padding: 3rem 1rem 2rem;margin: 0 auto;max-width: 500px;}
.sec-online-shop-detail::after{position: absolute;content: '';display: inline-block;width: 98%;height: 300px;background-image: url(//garten-of-banban.com/wp-content/themes/GoB/img/goods-detail/bitter-sp.png);background-size: contain;vertical-align: middle;background-repeat: no-repeat;right: 0;margin: 0 auto;top: 14rem;max-width: 220px;z-index: -1;}
#related{margin-top: 13rem;}
#related .h2-goods{width: 380px;}
#related .h2-goods::after {width: 380px;top: 2rem;}
.sec-onlineshop-ichiran::before,.sec-onlineshop-ichiran::after{background-image: none;display: none;}
#goods .sec-onlineshop{padding: 13rem 0 0;}
.goods-main {padding-top: 11rem;}
.goods-nabnab, .goods-slow, .goods-opila, .goods-detail-opila, .goods-detail-banbaleena, .goods-detail-sheriff{display: none;}
.sec-onlineshop {padding: 8rem 0 10rem;}
.square-blue {margin-top: 5rem;}
.category-list-wrap{max-width: 660px;}
.backbtn {margin-top: 3rem;}
#related .item-list-inner {padding: 11rem 0 0 ;}
.item-detail-description > div{margin-right: 0;}
.square-pink{margin: 1.75rem auto 0;}
.item-detail-description {padding: 1.5rem 0 0;}
}
@media screen and (max-width: 768px){
.slider .slider-nav-wrap {margin-top: 1rem;}
#related .h2-goods::before{width: 250px;height: 273px;left: -11rem;top: -4rem;}
#related .item-list-inner {padding-top: 9rem;}
.goods-detail-slow{top: -7rem;}
.item-detail-description {padding: 1rem 0 0.5rem;}
}
@media screen and (max-width: 750px){
.category-list-wrap{max-width: 440px;}
}
@media screen and (max-width: 650px){
footer:after{right: -1rem;}
.backbtn{margin-top: 7rem;}
.more-ja::after{width: 13px;height: 13px;top: 2.5px;right: -1rem;}
.bg-pink-inner {padding-bottom: 3rem;}
.square-blue {margin-top: 3rem;}
.goods-main {padding-top: 11rem;}
.category-list-wrap {padding-top: 4.5rem;}
.category-list {margin-bottom: 1rem;}
.list2 li {max-width: 58px;margin-bottom: 0.3rem;}
h2 span{top: 7rem;}
#related{margin-top: 7rem;}
.h2-goods-title {padding: 2rem 0 3rem;max-width: 200px;}
.goods-detail-banban-sp {top: -10rem;}
}
@media screen and (max-width: 600px){
.goods-nabnab{left: -2rem;}
.goods-slow{right: 7rem;}
.goods-opila{right: 0;}
.goods-detail-banban-sp{width: 114px;top: -8rem;}
.goods-detail-slow{width: 138px;top: -6rem;}
.goods-detail-opila{width: 130px;bottom: -7rem;}
.sec-online-shop-detail::after{max-width: 141px;top: 16rem;}
.goods-detail-banbaleena{width: 140px;bottom: -5rem;}
.goods-detail-sheriff {width: 108px;bottom: -4rem;}
.goods-detail-stinger{width: 172px;top: -8rem;left: -2rem;}
.goods-detail-captain{width: 103px;top: -3rem;right: 10rem;}
.goods-detail-jumbo{width: 161px;top: -8rem;right: 0;}
.sec-onlineshop-ichiran::before{left: -3rem;top: 7rem;max-width: 165px;}
.sec-onlineshop-ichiran::after{right: -5rem;top: 15rem;max-width: 302px;}
.h2-goods-detail-sp{padding: 2rem 0 1rem;font-size: 1.2rem;line-height: 1.6rem;}
}
@media screen and (max-width: 550px){
footer:before{width: 85px;height: 152px;top: -8rem;left: 2rem;}
footer:after{width: 131px;height: 157px;top: -8rem;right: 1rem;}
.backbtn {margin-top: 1rem;}
}
@media screen and (max-width: 500px){
.goods-banbaleena{width: 75px;top: -5rem;left: 1rem;}
.goods-bitter{width: 83px;top: -6rem;right: 7rem;}
.goods-sheriff{width: 108px;top: -6rem;right: 0;}
#related .h2-goods{width: 300px;font-size: 1rem;padding: 4rem 0 0;}
#related .h2-goods::after {width: 300px;top: 1rem;height: 89px;}
#related .h2-goods::before{max-width: 140px;left: -5.5rem;top: -2rem;height: 153px;}
.item-detail-description{font-size: 1rem;}
#related .item-list-inner {padding-top: 4rem;}
.sec-onlineshop{padding: 4rem 0 6rem;}
#goods-news h2{padding: 2rem 0 4rem;}
.h2-news span{top:6rem;}
.category-list-wrap{max-width: 345px;}    
#related .item-list-wrap {padding-bottom: 3rem;}
.h2-goods-title {padding: 1rem 0 3rem;}
h2 span{top: 6rem;}
}
@media screen and (max-width: 450px){
.sec-onlineshop::before{top: 7rem;max-width: 150px;}
.sec-onlineshop::after{top: 16rem;right: -6rem;max-width: 280px;}
#goods-detail .item-list-wrap {padding: 2rem;}
.goods-detail-banban-sp{left: -1rem;}
.goods-detail-slow{right: -1rem;}
.list2 li{width: 47px;}
.list1{margin-bottom: 0.5rem;}
}