.visual{width:100%;display:block;background-color:rgba(0,0,0,0.3)}.visual__wrap{background-color:rgba(255,255,255,0.6);padding:2rem}.visual__wrap .txt{line-height:2.4;font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif}.visual__wrap .btn{display:flex}.visual__wrap li{margin-right:.5rem}.visual__wrap li:last-child{mmargin-right:0}.banner{padding-top:4rem;padding-bottom:4rem;text-align:center}.banner img{width:100%;max-width:600px}.item-list__btn{text-align:center}.recommended .hl{display:flex;justify-content:space-between;align-items:center}.recommended .hl h3{font-size:1.33333em;font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif}.recommended .hl p{font-size:.86667em;font-family:"Didact Gothic",sans-serif;letter-spacing:0.25em;color:#888}.recommended .item02 .inner{display:flex;align-items:center;padding:6rem 2rem 2rem;background-color:rgba(255,255,255,0.6)}.recommended .btn a{background:#F95D24;color:#fff;padding:.1rem 2rem .1rem .5rem;font-size:.86667em;position:relative;display:inline-block}.recommended .btn a::after{content:"";background:url("../img/index/recommended-btn.png") no-repeat center center;background-size:cover;width:10px;height:9.8px;display:block;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.list{padding-bottom:0}@media only screen and (max-width: 979px){.visual__wrap{padding:8rem 2rem;display:flex;justify-content:center}.visual .inner{max-width:520px}.online-wrap__content{padding-bottom:0;padding-top:0}.banner li{margin-bottom:1rem}.banner li:last-child{margin-bottom:0}.recommended .item02{width:100%;padding:4rem 1.2rem}.recommended .item02 .inner{background-color:rgba(255,255,255,0.6);padding:1.2rem;margin:0 auto;max-width:600px}.recommended__sec01 .item02{background:url("../img/shop/recommended-01-bg.jpg") no-repeat center center;background-size:cover;display:block}.recommended__sec02 .item02{background:url("../img/shop/recommended-02-bg.jpg") no-repeat center center;background-size:cover;display:block}.recommended .img{width:30%;margin-right:5%}.recommended .txt{width:65%}.recommended .txt .mb--sm{font-size:.86667em}}@media screen and (min-width: 980px), print{.visual{height:600px;display:block;position:relative;background-color:rgba(0,0,0,0.3)}.visual__wrap{background-color:rgba(255,255,255,0.6);padding:2rem;z-index:10;position:absolute;top:26%;right:7%}.banner a{-webkit-transition:all .3s ease;transition:all .3s ease}.banner a:hover{opacity:0.7}.online-wrap__content{padding-top:8rem;padding-bottom:8rem}.recommended{overflow:hidden}.recommended .hl{margin-bottom:1rem}.recommended .item02{position:relative}.recommended .item02 .inner{white-space:nowrap;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}.recommended .img{width:17.33333em;margin-right:1rem}.recommended .txt{position:relative}.recommended .txt::after{content:"";background:url("../img/shop/recommended-obj.png") no-repeat center center;background-size:cover;width:5.33333em;height:1.4em;display:block;position:absolute;top:-4rem;right:0}.recommended .btn a{-webkit-transition:all .3s ease;transition:all .3s ease}.recommended .btn a:hover{opacity:0.7}.recommended__sec01,.recommended__sec02{display:flex}.recommended__sec01 .item01,.recommended__sec01 .item02,.recommended__sec02 .item01,.recommended__sec02 .item02{width:50%;height:400px}.recommended__sec01 .item01{background:url("../img/shop/recommended-01-bg.jpg") no-repeat center center;background-size:cover;display:block}.recommended__sec02 .item01{background:url("../img/shop/recommended-02-bg.jpg") no-repeat center center;background-size:cover;display:block}.recommended__sec01{margin-bottom:4rem}.recommended__sec02{flex-direction:row-reverse}

.banner ul {
    display: flex;
}
.banner ul li:first-child {
    margin-right: 1rem;
}
  
}