﻿.cateTitle{position:relative;height:95px;margin-bottom:40px}.cateTitle .cateTitleTxt{height:100%;width:calc(100% - 315px);position:relative}.cateTitle .cateTitleTxt a{position:absolute;right:30px;bottom:10px;color:#333;text-decoration:none;font-family: "BridgestoneTypeTP-Regular", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Sans", sans-serif; font-weight: 600 !important}.cateTitle .cateTitleTxt a:after{content:'＞';margin-left:0.2em;transform:scaleX(0.6);position:absolute;transition:0.3s all ease}.cateTitle .cateTitleTxt a:hover:after{margin-left:0.5em}.cateTitle .cateTitleTxt h3 img{height:100%;position:absolute;left:0}.cateTitle .cateTitleTxt a{color:#fff}.cateTitle.cl01{background-color:#00c1de}.cateTitle.cl02{background-color:#e0d3af}.cateTitle.cl03{background-color:#008990}.cateTitle.cl04{background-color:#c3d72c}.cateTitle.cl05{background-color:#006e5d}.cateTitle.cl06{background-color:#231815}.cateTitle.cl07{background-color:#9e9e9e}.cateTitle.cl08{background-color:#f08e4b}.cateTitle .cateTitleImg img{height:100%;position:absolute;top:0;right:0}.brandTitleH3{font-size:24px;font-weight:bold;vertical-align:middle;margin-bottom:15px;line-height:2em}.brandTitleH3.borderBottom{border-bottom:1px dotted #333;padding-bottom:15px;width:100%}.brandTitleH3 img.iconLogo{vertical-align:bottom;padding:0 0 11px 0.8em}.brandTitleH4{font-size:20px;font-weight:bold;margin-bottom:6px}.brandTitleH4 small{font-weight:normal;font-size:12px}.brandTitleH4 img{vertical-align:bottom;padding:8px 0 8px 0.8em}.brandTitleH4.borderTop{border-top:1px dotted #333;padding-top:12px;width:100%}.brandTitleH4.borderTop.borderW4_3{width:calc((100%/4)*3 - 30px)}.brandTitleH4.borderTop.borderW4_2{width:calc(100% - 30px)}.brandTitleH4.borderTop.borderW4_1{width:50%}.brandBoxWrap{margin:10px -20px 30px 0;display:flex;flex-wrap:wrap}.brandBoxWrap .gridWrap{width:100%}.brandBoxWrap:after{content:'';display:block;clear:both}.brandBoxWrap .colorChipList{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:10px;position:relative;z-index:auto;margin-top:4px;height:18px}.brandBoxWrap .colorChipList li{margin-bottom:0;border-radius:50%;overflow:hidden;width:16px;height:16px;margin-right:2px;border:1px solid #ddd}.brandBoxWrap .colorChipList img{width:20px;height:auto;opacity:1 !important;transform:scale(1.2)}.brandBoxWrap .brandBox{position:relative;width:calc((100% - 81px)/4);margin-right:20px;margin-bottom:50px;float:left;display:block}.brandBoxWrap .brandBox figure>a{text-decoration:none}.brandBoxWrap .brandBox figure>a:hover img{opacity:0.7}.brandBoxWrap .brandBox figure>a:hover figcaption p{text-decoration:none}.brandBoxWrap .brandBox figure>a figcaption h4{font-size:14px;font-family: "BridgestoneTypeTP-Regular", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Sans", sans-serif; font-weight: 600 !important;color:#333;padding-left:0.8em;background:url(/common/images/ico_arrow01.png) no-repeat left 0.6em}.brandBoxWrap .brandBox figure>a figcaption p{margin-bottom:4px;font-size:12px;color:#888}.brandBoxWrap .brandBox figure>a figcaption p.value{margin-bottom:0}.brandBoxWrap .brandBox figure a>img{margin-left:-25px;height:auto;width:118%;margin-bottom:6px;aspect-ratio:460/252}.brandBoxWrap .brandBox figure figcaption ul li{display:inline-block}.brandBoxWrap .brandBox figure figcaption ul li:after{content:'/';margin-left:0.5em}.brandBoxWrap .brandBox figure figcaption ul li a{color:#333}.brandBoxWrap .brandBox figure figcaption ul li:last-child:after{content:''}.brandBoxWrap .brandBox.newItem:before{content:'NEW';display:block;background-color:#e00000;color:#fff;font-size:11px;padding:3px 3px 2px;line-height:1;font-weight:bold;width:3em;position:absolute;top:-8px;text-align:center;left:0;z-index:10}.brandBoxWrap .brandBox .alert{display:block;font-weight:bold;position:absolute;font-size:11px;line-height:1;top:-8px;left:0;z-index:10}.brandBoxWrap .brandBox .alert span{display:inline-block;background-color:#e00000;color:#fff;padding:3px 3px 2px;text-align:center;margin-left:1px}.brandBoxWrap .brandBox.limitItem{position:relative}.brandBoxWrap .brandBox.limitItem:before{content:'限定カラー';display:block;background-color:#4d4d4d;color:#fff;font-size:11px;padding:3px 3px 2px;line-height:1;font-weight:bold;width:5em;position:absolute;top:0;text-align:center;left:0;z-index:10}.brandBoxWrap .brandBox.brandBox02{width:calc((100% - 42px)/2)}.brandBoxWrap .brandBox.brandBox02 .btn_bgl a{display:flex;flex-wrap:wrap;border:2px solid #007363;width:100%;text-decoration:none}.brandBoxWrap .brandBox.brandBox02 .btn_bgl a>span{color:#007363;font-size:16px;font-family: "BridgestoneTypeTP-Regular", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Sans", sans-serif;display:flex;align-items:center;justify-content:center;width:50%;line-height:1.4em;padding:10px;box-sizing:border-box}.brandBoxWrap .brandBox.brandBox02 .btn_bgl a img{width:50%;height:auto}.brandBoxWrap .brandBox.brandBox02 .btn_sports a{display:flex;flex-wrap:wrap;border:2px solid #008990;width:100%;text-decoration:none}.brandBoxWrap .brandBox.brandBox02 .btn_sports a>span{color:#008990;font-size:16px;font-family: "BridgestoneTypeTP-Regular", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Sans", sans-serif;display:flex;align-items:center;justify-content:center;width:50%;line-height:1.4em;padding:10px;box-sizing:border-box}.brandBoxWrap .brandBox.brandBox02 .btn_sports a img{width:50%;height:auto}.grid-mod.w3per4 .brandBoxWrap .brandBox{width:calc((100% - 60px)/3)}.grid-mod.w3per4 .brandTitleH4.borderTop.borderW4_3{width:calc(100% - 30px)}.grid-mod.w1per2 .brandBoxWrap .brandBox{width:calc((100% - 40px)/2)}.grid-mod.w1per4 .brandBoxWrap .brandBox{width:100%}.iconList{height:28px}.iconList img{vertical-align:middle;margin-right:5px;display:inline-block;opacity:1 !important;margin-bottom:6px}#brandAnchorList{margin-top:60px;margin-bottom:90px}#brandAnchorList>div{width:980px;margin:0 auto;margin-bottom:40px}#brandAnchorList>div h2{text-align:center;margin-bottom:28px}#brandAnchorList>div h2 a{position:relative;font-family: "BridgestoneTypeTP-Regular", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Sans", sans-serif;font-size:19px;margin-bottom:0.5em;color:#333;text-decoration:none}#brandAnchorList>div h2 a:after{content:'';display:block;background-image:url(/images/top/btnIcon_anchor@2x.png);background-size:15px 9px;height:9px;width:15px;position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);transition:0.3s all ease}#brandAnchorList>div h2 a:hover:after{bottom:-20px}#brandAnchorList>div ul{display:flex;flex-wrap:wrap;margin-bottom:10px}#brandAnchorList>div ul li{flex-grow:1;text-align:center;height:80px;background-image:url(/images/top/btnBgImg@2x.gif);background-size:4px;margin-right:10px;display:table;position:relative}#brandAnchorList>div ul li:last-child{margin-right:0}#brandAnchorList>div ul li a{font-family: "BridgestoneTypeTP-Regular", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Sans", sans-serif;display:table-cell;vertical-align:middle;font-size:17px;color:#333;line-height:1.4;text-decoration:none;padding-bottom:10px}#brandAnchorList>div ul li a span{font-size:12px;display:block;margin-bottom:2px}#brandAnchorList>div ul li a:after{content:'';display:block;background-image:url(/images/top/btnIcon_anchor@2x.png);background-size:15px 9px;height:9px;width:15px;position:absolute;bottom:12px;left:50%;transform:translateX(-50%);transition:0.3s all ease}#brandAnchorList ul.brandAnchorBox01 li{width:calc((100% - 40px)/5)}#brandAnchorList ul.brandAnchorBox03 li{width:calc((100% - 30px)/4)}#brandAnchorList ul.brandAnchorBox02 li{width:calc((100% - 20px)/3)}.barBottom01{border-bottom:7px solid #00c1de}.barBottom02{border-bottom:7px solid #e0d3af}.barBottom03{border-bottom:7px solid #008990}.barBottom04{border-bottom:7px solid #c3d72c}.barBottom05{border-bottom:7px solid #006e5d}.barBottom06{border-bottom:7px solid #231815}.barBottom07{border-bottom:7px solid #9e9e9e}.barBottom08{border-bottom:7px solid #f08e4b}h2#anc01{width:980px;margin:0 auto}h2#anc02{width:980px;margin:0 auto}.secWide{margin-bottom:80px}.ul_arrow01>li.arrowB{margin-bottom:7px;padding-left:18px;background:url(/items/images/ico_arrow01_big@2x.png) no-repeat left 0.3em;background-size:auto auto;background-size:12px;font-size:14px;font-weight:bold}@media screen and (max-width: 979px){.cateTitle{height:60px}.cateTitle .cateTitleTxt{width:calc(100% - 235px)}.cateTitle .cateTitleTxt a img{height:20px;right:10px}.cateTitle .cateTitleTxt h2 img{height:42px;left:14px}.cateTitle.cl05 .cateTitleTxt h2 img{height:20px}.cateTitle.cl06 .cateTitleTxt h2 img{height:20px}.iconList{height:20px}.iconList img{height:14px}h2#anc01{width:650px}h2#anc02{width:650px}.brandBoxWrap .brandBox.newItem:before{top:-12px}.brandBoxWrap .brandBox .alert{top:-29px}.brandBoxWrap .brandBox .alert span{margin-bottom:1px}.brandBoxWrap .brandBox figure a>img{margin-left:-20px;height:auto}.brandBoxWrap .brandBox p br{display:none}.brandBoxWrap .brandBox.brandBox02 .btn_bgl a,.brandBoxWrap .brandBox.brandBox02 .btn_sports a{flex-direction:column-reverse}.brandBoxWrap .brandBox.brandBox02 .btn_bgl a>span,.brandBoxWrap .brandBox.brandBox02 .btn_sports a>span{width:100%;font-size:14px}.brandBoxWrap .brandBox.brandBox02 .btn_bgl a>img,.brandBoxWrap .brandBox.brandBox02 .btn_sports a>img{width:100%}.brandBoxWrap .brandBox.brandBox02{width:calc((100% - 81px)/4)}.brandTitleH4 img{padding:8px 0;display:block}#brandAnchorList>div{width:650px}#brandAnchorList>div ul li a{font-size:14px}#brandAnchorList>div ul li a span{font-size:12px}.bnr_bgl img{width:100%;height:auto}}@media screen and (max-width: 767px){.cateTitle{margin:0 10px 40px;height:auto;margin:0 -15px 40px}.cateTitle .cateTitleTxt{width:100%;height:55px;height:110px}.cateTitle .cateTitleTxt a{left:50%;transform:translateX(-50%);text-align:center}.cateTitle .cateTitleTxt a img{transform:none;bottom:10px;top:auto;height:16px}.cateTitle .cateTitleTxt h2 img{height:28px}.cateTitle .cateTitleTxt h3 img{width:100%;height:auto;max-width:375px;left:50%;transform:translateX(-50%)}.cateTitle .cateTitleImg img{position:relative;width:100%;height:auto}.brandTitleH3{margin:0 10px 15px;font-size:18px}.brandTitleH3 img{width:auto;height:36px}.brandTitleH3.borderBottom{width:auto}.brandTitleH4{margin:0 10px 6px;width:auto !important;font-size:16px}.brandBoxWrap{margin:10px -10px 15px 10px}.brandBoxWrap .brandBox{width:calc((100% - 40px)/2) !important;margin-bottom:30px}#brandAnchorList{margin:30px 25px 40px}#brandAnchorList>div{width:100%}#brandAnchorList>div ul li a{font-size:13px}#brandAnchorList>div ul li a span{display:none}#brandAnchorList ul.brandAnchorBox01 li{width:calc((100% - 10px)/2);margin-bottom:10px}#brandAnchorList ul.brandAnchorBox01 li:nth-child(2n){margin-right:0}#brandAnchorList ul.brandAnchorBox03 li{width:calc((100% - 10px)/2);margin-bottom:10px}#brandAnchorList ul.brandAnchorBox03 li:nth-child(2n){margin-right:0}h2#anc01{width:100%;position:relative}h2#anc02{width:100%;position:relative}h2#anc02:before{content:'';display:block;position:absolute;width:90%;border-top:1px solid #ccc;top:-30px;left:5%}.gridWrap .brandTitleH4{margin:0 0 6px 0}}@media screen and (min-width: 979px){#brandAnchorList>div ul li a:hover:after{bottom:8px}}
