{"id":5489,"date":"2025-10-08T10:02:53","date_gmt":"2025-10-08T01:02:53","guid":{"rendered":"https:\/\/store.descente.co.jp\/inov8\/?page_id=5489"},"modified":"2025-10-08T10:06:19","modified_gmt":"2025-10-08T01:06:19","slug":"%e3%82%b7%e3%83%a5%e3%83%bc%e3%82%ba%e3%81%ae%e9%81%b8%e3%81%b3%e6%96%b9%e3%83%88%e3%83%ac%e3%83%bc%e3%83%8b%e3%83%b3%e3%82%b0%e3%83%bb%e3%82%b8%e3%83%a0","status":"publish","type":"page","link":"https:\/\/store.descente.co.jp\/inov8\/how-to-choose-training\/","title":{"rendered":"\u30b7\u30e5\u30fc\u30ba\u306e\u9078\u3073\u65b9<br>\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u30fb\u30b8\u30e0"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"author":18,"featured_media":0,"parent":5483,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page.php","meta":[],"acf":{"module":[{"acf_fc_layout":"module11","add_css":"<style>\r\n  \/* \u8abf\u6574\u7528 *\/\r\n.add_html{\r\n}\r\n\r\n.add_html .for-pc{display: inline-block;}\r\n.add_html .for-sp{display: none;}\r\n@media screen and (max-width: 768px) {\r\n.add_html .for-pc{display: none;}\r\n.add_html .for-sp{display: inline-block;}\r\n}\r\n\r\n\/* CSS Document *\/\r\n\/* Main CSS *\/\r\n\r\nh2.page-title {\r\n    font-size: 1.5rem;\r\n    margin: 0;\r\n    padding: 3rem 1rem;\r\n    border-bottom: 1px solid #d2d2d2;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n#about .breadcrumb {\r\n    padding: 1rem 1rem 0;\r\n}\r\n.pt_content #main, .pt_product-details #main {\r\n    padding: 0 !important;\r\n}\r\n\r\nimg.pc { display: block !important; }\r\nimg.sp { display: none !important; }\r\n\r\n#slide-small-sp { display: none !important; }\r\n.slide-pc { display: block !important; }\r\n\r\nbody{\r\n    min-width: 980px;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n}\r\n\r\n.clearfix::after{\r\n    content: \"\";\r\n    display: block;\r\n    clear: both;\r\n}\r\n#container{\r\n    margin: 0 auto;\r\n}\r\na:hover{\r\n    cursor: pointer;\r\n}\r\n.button {\r\n    display: inline-block;\r\n    width: 360px;\r\n    height: 60px;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    line-height: 60px;\r\n    outline: none;\r\n    position: relative;\r\n    z-index: 2;\r\n    background-color: #fff;\r\n    border: 2px solid #000;\r\n    color: #333;\r\n    overflow: hidden;\r\n}\r\n.button::before,\r\n.button::after {\r\n    position: absolute;\r\n    z-index: -1;\r\n    display: block;\r\n    content: '';\r\n}\r\n.button,\r\n.button::before,\r\n.button::after {\r\n    -webkit-box-sizing: border-box;\r\n    -moz-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n    -webkit-transition: all .3s;\r\n    transition: all .3s;\r\n}\r\n.button:hover {\r\n    color: #fff;\r\n}\r\n.button::after {\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n.button:hover::after {\r\n    -webkit-transform: scale(2) rotate(180deg);\r\n    transform: scale(2) rotate(180deg);\r\n    background: #000;\r\n}\r\n\r\n#how_to_choose_main p.button-area{ width: 360px; margin: 0 auto; padding-top: 40px;}\r\n#how_to_choose_main{ padding:0 20px;}\r\n\r\n\r\n.step {\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n    justify-content: center;\r\n    z-index: 1000;\r\n    position: absolute;\r\n    right: 2%;\r\n    padding-top: 15%;\r\n}\r\n.step li{\r\n    margin-bottom: 0;\r\n    list-style: none!important;\r\n}\r\n.step a {\r\n    display: inline-block;\r\n    color: #000;\r\n    background: #none;\r\n    text-decoration: none;\r\n    font-weight: bold;\r\n    width: 40px;\r\n    text-align: center;\r\n    line-height: 40px;\r\n    font-size: 12px;\r\n}\r\n.step a.current {\r\n    background: #fff;\r\n    box-shadow:0px 0px 20px 0px #cccccc;\r\n    border-radius: 50%;\r\n    width: 40px;\r\n    height: 40px;\r\n    line-height: 40px;\r\n    font-size: 16px;\r\n}\r\n\r\n.step li.step-pager-prev a.current,\r\n.step li.step-pager-next a.current{\r\n    background: #fff;\r\n    box-shadow: none;\r\n}\r\n\r\n.step a:hover{\r\n    color: #666;\r\n}\r\n\r\n.fixedWidget {\r\n    position: fixed;\r\n    top: 15%;\r\n    right: 2%;\r\n    padding-top: 0;\r\n}\r\n\r\nli.border{\r\n    height: 30px;\r\n    border-right: 2px solid #ccc;\r\n    width: 18px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\r\n#step1,#step2,#step3,#step4,#step5,#step6 {\r\n    padding-top: 66px;\r\n    margin-top: -66px;\r\n}\r\n\r\n\r\n\r\n\/* choose *\/\r\n#choose{\r\n    text-align: center;\r\n}\r\n#choose p{\r\n    line-height: 32px;\r\n    margin-bottom: 40px;\r\n    font-size: 15px;\r\n}\r\n.choose-table{\r\n    background: url(\"\/inov8\/wp-content\/uploads\/sites\/4\/2021\/02\/img_choose_bgimg_choose_bg@2x2336.jpg\") 0 \/ cover repeat-x #000 ;\r\n    width: 100%;\r\n    margin-bottom: 50px;\r\n    padding-bottom: 10px;\r\n}\r\n.choose-table img{\r\n    width: 100%;\r\n}\r\n.choose-table-training{\r\n    background: url(\"\/inov8\/wp-content\/uploads\/sites\/4\/2021\/02\/img_choose_bg@2x2336.jpg\") 0 \/ cover repeat-x #000 ;\r\n    width: 100%;\r\n    margin-bottom: 50px;\r\n    padding-bottom: 10px;\r\n}\r\n.choose-table-training img{\r\n    width: 100%;\r\n}\r\n#how_to_choose_main{\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    padding-top: 80px;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\/* overview *\/\r\n\r\n.category{ margin-bottom: 60px;}\r\n\r\n.overview{\r\n    position: relative;\r\n    max-width: 1440px;\r\n    margin: 0 auto;\r\n}\r\n.category-gray{\r\n    background: #f9f9f9;\r\n    padding: 10px 0 90px 0;\r\n}\r\n.category-img{\r\n    position: relative;\r\n    width: 100%;\r\n    height: 400px;\r\n}\r\n.category-img-right{\r\n    position: relative;\r\n    width: 100%;\r\n    float: right;\r\n    height: 400px;\r\n}\r\n.category-img img,\r\n.category-img-right img{\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n.overview-innner{\r\n    position: absolute;\r\n    border: solid 2px #000;\r\n    font-size: 14px;\r\n    line-height: 25px;\r\n    width: 50%;\r\n    height: 70%;\r\n    top: 10%;\r\n    right: 0%;\r\n}\r\n.overview-innner-right{\r\n    position: absolute;\r\n    border: solid 2px #000;\r\n    font-size: 14px;\r\n    line-height: 25px;\r\n    width: 50%;\r\n    height: 70%;\r\n    top: 10%;\r\n    left: 0%;\r\n}\r\n.overview-innner h2{\r\n    position: absolute;\r\n    top: 35%;\r\n    left: -40%;\r\n    color: #fff;\r\n    font-size: 44px;\r\n}\r\n.overview-innner h3{\r\n    position: absolute;\r\n    top: 60%;\r\n    left: -35%;\r\n    color: #fff;\r\n    font-size: 14px;\r\n}\r\n.overview-innner-right h2{\r\n    position: absolute;\r\n    top: 35%;\r\n    right: -65%;\r\n    color: #fff;\r\n    font-size: 44px;\r\n}\r\n.overview-innner-right h3{\r\n    position: absolute;\r\n    top: 60%;\r\n    right: -35%;\r\n    color: #fff;\r\n    font-size: 14px;\r\n}\r\n.overview-innner-right h2.black{\r\n    color: #000;\r\n}\r\n.overview-innner-right h3.black{\r\n    color: #000;\r\n}\r\n.overview-innner .overview-text{\r\n    width: 50%;\r\n    font-size: 14px;\r\n    line-height: 25px;\r\n    position: relative;\r\n    top: 45.5%;\r\n    -webkit-transform: translateY(-30%); \/* Safari\u7528 *\/\r\n    transform: translateY(-30%);\r\n    left: 40%;\r\n}\r\n.overview-innner-right .overview-text{\r\n    width: 50%;\r\n    font-size: 14px;\r\n    line-height: 25px;\r\n    position: relative;\r\n      top: 45.5%;\r\n      -webkit-transform: translateY(-30%); \/* Safari\u7528 *\/\r\n      transform: translateY(-30%);\r\n    left: 10%;\r\n}\r\n\r\n.soft_muddy{\r\n    width: 68%;\r\n    height: 400px;\r\n    background-image: url(\/inov8\/wp-content\/uploads\/sites\/4\/2024\/07\/img_bg_24_02@2x2336.jpg);\r\n    background-size: cover;\r\n    background-repeat:  no-repeat;\r\n}\r\n.snow_ice{\r\n    width: 68%;\r\n    height: 400px;\r\n    background-image: url(\/inov8\/wp-content\/uploads\/sites\/4\/2021\/02\/img_bg_02_3@2x2336.jpg);\r\n    background-size: cover;\r\n    background-repeat:  no-repeat;\r\n    float: right;\r\n}\r\n.hard_rocky{\r\n    width: 68%;\r\n    height: 400px;\r\n    background-image: url(\/inov8\/wp-content\/uploads\/sites\/4\/2021\/02\/img_bg_07@2x2336.jpg);\r\n    background-size: cover;\r\n    background-repeat:  no-repeat;\r\n    float: right;\r\n}\r\n.paths_trails{\r\n    width: 68%;\r\n    height: 400px;\r\n    background-image: url(\/inov8\/wp-content\/uploads\/sites\/4\/2024\/07\/img_bg_24_03@2x2336.jpg);\r\n    background-size: cover;\r\n    background-repeat:  no-repeat;\r\n    float: right;\r\n}\r\n.multiterrain{\r\n    width: 68%;\r\n    height: 400px;\r\n    background-image: url(\/inov8\/wp-content\/uploads\/sites\/4\/2024\/07\/img_bg_24_01@2x2336.jpg);\r\n    background-size: cover;\r\n    background-repeat:  no-repeat;\r\n}\r\n.road{\r\n    width: 68%;\r\n    height: 400px;\r\n    background-image: url(\/inov8\/wp-content\/uploads\/sites\/4\/2024\/07\/img_bg_24_04@2x2336.jpg);\r\n    background-size: cover;\r\n    background-repeat:  no-repeat;\r\n}\r\n.lifting{\r\n    width: 68%;\r\n    height: 400px;\r\n    background-image: url(\/inov8\/wp-content\/uploads\/sites\/4\/2021\/02\/img_bg_01@2x2336.jpg);\r\n    background-size: cover;\r\n    background-repeat:  no-repeat;\r\n}\r\n.versatility{\r\n    width: 68%;\r\n    height: 400px;\r\n    background-image: url(\/inov8\/wp-content\/uploads\/sites\/4\/2021\/02\/img_bg_02@2x2336.jpg);\r\n    background-size: cover;\r\n    background-repeat:  no-repeat;\r\n    float: right;\r\n}\r\n.speed{\r\n    width: 68%;\r\n    height: 400px;\r\n    background-image: url(\/inov8\/wp-content\/uploads\/sites\/4\/2021\/02\/img_bg_03@2x2336.jpg);\r\n    background-size: cover;\r\n    background-repeat:  no-repeat;\r\n}\r\n.newvintages{\r\n    width: 68%;\r\n    height: 400px;\r\n    background-image: url(\/inov8\/wp-content\/uploads\/sites\/4\/2021\/02\/img_bg_nv.jpg);\r\n    background-size: cover;\r\n    background-repeat:  no-repeat;\r\n    float: right;\r\n}\r\n\r\n\r\n\r\n\r\n\/* product *\/\r\n#slide{\r\n    margin: 90px auto 0;\r\n}\r\n.swiper-pagination-bullet {\r\n    width: 30px;\r\n    height: 30px;\r\n    text-align: center;\r\n    line-height: 30px;\r\n    font-size: 12px;\r\n    color:#000;\r\n    opacity: 1;\r\n    background: #fff;\r\n}\r\n\r\n.swiper-pagination-bullet::before{\r\n    content: \"0\";\r\n}\r\n\r\n.swiper-pagination-bullet-active {\r\n    color:#000;\r\n    background: #fff;\r\n    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);\r\n    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);\r\n    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);\r\n    width: 40px;\r\n    height: 40px;\r\n    font-size: 16px;\r\n    line-height: 40px;\r\n}\r\n.product{\r\n    width: 260px;\r\n    height: 320px;\r\n    border: solid 1px #eee;\r\n    box-sizing:border-box;\r\n    transition: all .3s;\r\n    position: relative;\r\n    display: inline-block;\r\n    outline: none;\r\n    background: none;\r\n}\r\n.product::before,\r\n.product::after {\r\n  position: absolute;\r\n  top: -1px;\r\n  right: -1px;\r\n  bottom: -1px;\r\n  left: -1px;\r\n  z-index: 1;\r\n  content: '';\r\n  transition: all .3s;\r\n}\r\n.product::before {\r\n  border-top: 1px solid #ccc;\r\n  border-bottom: 1px solid #ccc;\r\n  transform: scale(0, 1);\r\n}\r\n.product::after {\r\n  border-right: 1px solid #ccc;\r\n  border-left: 1px solid #ccc;\r\n  transform: scale(1, 0);\r\n}\r\n.product:hover::after,\r\n.product:hover::before {\r\n  transform: scale(1);\r\n}\r\n.product:hover{\r\n    cursor: pointer;\r\n}\r\n.product.soon:hover{\r\n    cursor: default;\r\n}\r\n.product-inner{\r\n    margin: 60px 20px 0 ;\r\n    position: relative;\r\n    text-align: center;\r\n}\r\n.product a{\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    top:0;\r\n    left: 0;\r\n    z-index: 1000;\r\n}\r\n.product-flag{\r\n    position: absolute;\r\n    top: -60px;\r\n    left: -20px;\r\n    background: #000;\r\n    color: #fff;\r\n    font-size: 85%;\r\n    line-height: 30px;\r\n    width: 80px;\r\n    height: 30px;\r\n    text-align: center;\r\n}\r\n.product-photo{\r\n    margin-bottom: 50px !important;\r\n    width: 100%;\r\n    height: 120px;\r\n    height: 90px;\r\n    position: relative;\r\n}\r\n.product-photo img{\r\n    width: 100%;\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n}\r\n.photo-90 img{\r\n    width: 90%!important;\r\n}\r\n.product-name{\r\n    font-weight: bold;\r\n    display: inline-block;\r\n    padding-bottom: 8px;\r\n    position: relative;\r\n}\r\n.product-name::after {\r\n  background-color: #00ff00;\r\n  bottom: 0;\r\n  content: '';\r\n  display: inline-block;\r\n  height: 2px;\r\n  position: absolute;\r\n  transition: .3s all;\r\n  width: 0;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  margin:0 auto;\r\n}\r\n.product:hover > .product-inner > .product-name::after{\r\n    width: 100%;\r\n}\r\n.product.soon:hover > .product-inner > .product-name::after{\r\n    width: 0;\r\n}\r\n.product-price{\r\n    margin-top: 10px !important;\r\n}\r\n\r\n@media screen and (max-width: 900px){\r\n.lower_content {\r\n    margin-top: 5em;\r\n}\r\n}\r\n\r\n@media screen and (max-width: 767px){\r\n\/*@media screen and (max-width: 960px){*\/\r\n\r\n.step{ display: none;}\r\n\r\n.pt_content #main, .pt_product-details #main {\r\n    padding: 0 0 !important;\r\n}\r\n#how_to_choose_main{ padding:0 20px;}\r\nh2.page-title {\r\n    text-align: center;\r\n}\r\n\r\nimg.pc { display: none !important; }\r\nimg.sp { display: block !important; }\r\n\r\n#slide-small-sp { display: block !important; }\r\n.slide-pc { display: none !important; }\r\n\r\nbody{\r\n    min-width: inherit;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n}\r\n\r\n#choose{\r\n    padding: 0 20px;\r\n}\r\n#choose p{\r\n    text-align: left;\r\n}\r\n\r\n#choose p br { display:none; }\r\n\r\n.button {\r\n    width: 100%;\r\n}\r\n#how_to_choose_main p.button-area {\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    padding-top: 40px;\r\n}\r\n\r\n#how_to_choose_main {\r\n    padding-top: 60px;\r\n}\r\n\r\n.choose-table{\r\n    padding-bottom: 0;\r\n}\r\n\r\n\/* overview *\/\r\n.overview{\r\n    position: relative;\r\n    max-width: 1440px;\r\n    margin: 0 auto;\r\n}\r\n.category-gray{\r\n    background: #f9f9f9;\r\n    padding: 10px 0 90px 0;\r\n}\r\n.category-img{\r\n    position: relative;\r\n    width: 100%;\r\n    height: 440px;\r\n}\r\n.category-img-right{\r\n    position: relative;\r\n    width: 100%;\r\n    float: none;\r\n    height: 440px;\r\n\r\n}\r\n.category-img img,\r\n.category-img-right img{\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n.overview-innner{\r\n    position: relative;\r\n    border: none;\r\n    font-size: 14px;\r\n    line-height: 25px;\r\n    width: 95%;\r\n    height: 200%;\r\n    right: 0;\r\n    margin: 2% 2%;\r\n    padding: 50px 0 0 0;\r\n    border: 2px solid #000;\r\n    top: 10px;\r\n}\r\n.overview-innner-right{\r\n    position: relative;\r\n    border: none;\r\n    font-size: 14px;\r\n    line-height: 25px;\r\n    width: 95%;\r\n    height: 200%;\r\n    right: 0;\r\n    margin: 2% 2%;\r\n    padding: 50px 0 0 0;\r\n    border: 2px solid #000;\r\n    top: 10px;\r\n}\r\n.overview-innner h2{\r\n    position: relative;\r\n    top: 0;\r\n    left: 0;\r\n    color: #fff;\r\n    font-size: 200%;\r\n    text-align: center;\r\n    margin-bottom: 1%;\r\n}\r\n.overview-innner h3{\r\n    position: relative;\r\n    top: 0;\r\n    left: 0;\r\n    color: #fff;\r\n    font-size: 100%;\r\n    text-align: center;\r\n    margin-bottom: 1%;\r\n}\r\n.overview-innner-right h2{\r\n    position: relative;\r\n    top: 0;\r\n    left: 0;\r\n    color: #fff;\r\n    font-size: 200%;\r\n    text-align: center;\r\n    margin-bottom: 1%;\r\n    right: 0;\r\n}\r\n.overview-innner-right h3{\r\n    position: relative;\r\n    top: 0;\r\n    left: 0;\r\n    color: #fff;\r\n    font-size: 100%;\r\n    text-align: center;\r\n    margin-bottom: 1%;\r\n}\r\n.overview-innner-right h2.black{\r\n    color: #000;\r\n}\r\n.overview-innner-right h3.black{\r\n    color: #000;\r\n}\r\n.overview-innner .overview-text{\r\n    width: 100%;\r\n    font-size: 14px;\r\n    line-height: 25px;\r\n    position: relative;\r\n    right: 0;\r\n    top: 0;\r\n    padding: 85% 5% 0 5%;\r\n    left: 0;\r\n}\r\n.overview-innner-right .overview-text{\r\n    width: 100%;\r\n    font-size: 14px;\r\n    line-height: 25px;\r\n    position: relative;\r\n    right: 0;\r\n    top: 0;\r\n    padding: 85% 5% 0 5%;\r\n    left: 0;\r\n}\r\n\r\n.soft_muddy{\r\n    width: 100%;\r\n    height: 200px;\r\n}\r\n.snow_ice{\r\n    width: 100%;\r\n    height: 200px;\r\n    float: none;\r\n}\r\n.hard_rocky{\r\n    width: 100%;\r\n    height: 200px;\r\n}\r\n.paths_trails{\r\n    width: 100%;\r\n    height: 200px;\r\n    float: none;\r\n}\r\n.multiterrain{\r\n    width: 100%;\r\n    height: 200px;\r\n    float: none;\r\n}\r\n.road{\r\n    width: 100%;\r\n    height: 200px;\r\n    float: none;\r\n}\r\n.lifting{\r\n    width: 100%;\r\n    height: 200px;\r\n}\r\n.versatility{\r\n    width: 100%;\r\n    height: 200px;\r\n    float: none;\r\n}\r\n.speed{\r\n    width: 100%;\r\n    height: 200px;\r\n}\r\n.newvintages {\r\n    width: 100%;\r\n    height: 200px;\r\n}\r\n\r\n\r\n\/* product *\/\r\n#slide{\r\n    margin: 0 auto;\r\n}\r\n.swiper-pagination-bullet {\r\n    width: 30px;\r\n    height: 30px;\r\n    text-align: center;\r\n    line-height: 30px;\r\n    font-size: 12px;\r\n    color:#000;\r\n    opacity: 1;\r\n    background: #fff;\r\n}\r\n.swiper-pagination-bullet-active {\r\n    color:#000;\r\n    background: #fff;\r\n    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);\r\n    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);\r\n    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);\r\n}\r\n.product{\r\n    width: 48%;\r\n    height: 280px;\r\n    border: solid 1px #eee;\r\n    box-sizing:border-box;\r\n    transition: all .3s;\r\n    position: relative;\r\n    display: inline-block;\r\n    outline: none;\r\n    background: none;\r\n}\r\n.product::before,\r\n.product::after {\r\n  position: absolute;\r\n  top: -1px;\r\n  right: -1px;\r\n  bottom: -1px;\r\n  left: -1px;\r\n  z-index: 1;\r\n  content: '';\r\n  transition: all .3s;\r\n}\r\n.product::before {\r\n  border-top: 1px solid #ccc;\r\n  border-bottom: 1px solid #ccc;\r\n  transform: scale(0, 1);\r\n}\r\n.product::after {\r\n  border-right: 1px solid #ccc;\r\n  border-left: 1px solid #ccc;\r\n  transform: scale(1, 0);\r\n}\r\n.product:hover::after,\r\n.product:hover::before {\r\n  transform: scale(1);\r\n}\r\n.product:hover{\r\n    cursor: pointer;\r\n}\r\n.product-inner{\r\n    margin: 70px 20px 0 ;\r\n    position: relative;\r\n    text-align: center;\r\n}\r\n.product a{\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    top:0;\r\n    left: 0;\r\n}\r\n.product-flag{\r\n    position: absolute;\r\n    top: -70px;\r\n    left: -20px;\r\n    background: #000;\r\n    color: #fff;\r\n    font-size: 85%;\r\n    line-height: 30px;\r\n    width: 80px;\r\n    height: 30px;\r\n    text-align: center;\r\n}\r\n.product-photo{\r\n    margin-bottom: 0px !important;\r\n    width: 100%;\r\n    height: 110px;\r\n}\r\n.product-photo img{\r\n    width: 100%;\r\n    top: 0;\r\n}\r\n.product-photo img.t-20{\r\n    width: 100%;\r\n    top: -20px;\r\n}\r\n.product-name{\r\n    font-weight: bold;\r\n    display: inline;\r\n    padding-bottom: 8px;\r\n    position: relative;\r\n}\r\n.product-name::after {\r\n  background-color: #00ff00;\r\n  bottom: 0;\r\n  content: '';\r\n  display: inline;\r\n  height: 2px;\r\n  position: absolute;\r\n  transition: .3s all;\r\n  width: 0;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n}\r\n.product:hover > .product-inner > .product-name::after{\r\n    width: 100%;\r\n}\r\n.product-price{\r\n    margin-top: 20px;\r\n}\r\n.photo-90 img{\r\n    width: 100%!important;\r\n}\r\n\r\n}\r\n\r\n@media screen and (min-width: 1130px){\r\n\r\n.swiper-container {\r\n  margin: 0 auto;\r\n  position: relative;\r\n  overflow: hidden;\r\n  list-style: none;\r\n  width: 100%;\r\n  height: 320px;\r\n  \/* Fix of Webkit flickering *\/\r\n  z-index: 1;\r\n}\r\n}\r\n\r\n    .title-road {\r\n        right: -40% !important;\r\n    }\r\n\r\n    @media screen and (max-width: 767px) {\r\n        .title-road {\r\n            right: 0 !important;\r\n        }\r\n    }\r\n<\/style>","add_html":"<div id=\"about\" class=\"top\">\r\n<\/div>\r\n<div id=\"container\">\r\n<div id=\"choose\">\r\n<p>\u30a4\u30ce\u30f4\u30a7\u30a4\u30c8\u306e\u69d8\u3005\u306a\u5546\u54c1\u7fa4\u306b\u3064\u3044\u3066\u3001\u9069\u3057\u305f\u8def\u9762\u3084\u4f7f\u3044\u65b9\u306a\u3069\u306e\u89b3\u70b9\u304b\u3089<br>\u3042\u306a\u305f\u306b\u5408\u3063\u305f\u30b7\u30e5\u30fc\u30ba\u306e\u9078\u3073\u65b9\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\r\n<a href=\"https:\/\/store.descente.co.jp\/inov8\/how-to-choose\/\" class=\"button\">\u30c8\u30ec\u30a4\u30eb\u30e9\u30f3\u30b7\u30e5\u30fc\u30ba\u306e\u9078\u3073\u65b9\u306f\u3053\u3061\u3089<\/a>\r\n<\/div><!-- choose -->\r\n\r\n<div id=\"how_to_choose_main\">\r\n<ul class=\"step\">\r\n<li class=\"step-pager-prev\"><a href=\"#\" id=\"prev\"><img src=\"https:\/\/store.descente.co.jp\/inov8\/wp-content\/uploads\/sites\/4\/2021\/02\/baseline-keyboard_arrow_up-24px.png\"><\/a><\/li>\r\n<li class=\"step-pager-next\"><a href=\"#\" id=\"next\"><img src=\"https:\/\/store.descente.co.jp\/inov8\/wp-content\/uploads\/sites\/4\/2021\/02\/baseline-keyboard_arrow_down-24px.png\"><\/a><\/li>\r\n<li class=\"border\"><\/li>\r\n<li><a href=\"#step1\">01<\/a><\/li>\r\n<!--li><a href=\"#step2\">02<\/a><\/li-->\r\n<\/ul>\r\n\r\n<div id=\"step1\" class=\"category\"><!-- categoryNATURAL -->\r\n<div class=\"overview clearfix\">\r\n<div class=\"category-img\">\r\n<div class=\"speed\">\r\n<div class=\"overview-innner\">\r\n<h2>NATURAL<\/h2>\r\n<p class=\"overview-text\">\u30b8\u30e0\u3067\u306e\u30ef\u30fc\u30af\u30a2\u30a6\u30c8\u3084\u30ed\u30fc\u30c9\u30e9\u30f3\u4e8c\u30f3\u30b0\u306a\u3069\u30b9\u30d4\u30fc\u30c7\u30a3\u30fc\u306a\u52d5\u304d\u306b\u9069\u3057\u305f\u8efd\u91cf\u306e\u5546\u54c1\u7fa4\u3002<\/p>\r\n<span class=\"arrow down arrow-right\"><\/span>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div id=\"slide\" class=\"swiper-container\">\r\n<div class=\"swiper-wrapper\">\r\n<div class=\"product swiper-slide\">\r\n<a href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/IN2720BM000562\" target=\"_blank\"><\/a>\r\n<div class=\"product-inner\">\r\n<span class=\"product-flag\">MENS<\/span>\r\n<p class=\"product-photo\"><img src=\"https:\/\/store.descente.co.jp\/inov8\/wp-content\/uploads\/sites\/4\/2025\/10\/1-lifting_NT5SSZ93M_BK00.jpg\" width=\"220\"><\/p>\r\n<p class=\"product-name\">BARE-XF <br class=\"for-sp\">PRO MS<\/p>\r\n<p class=\"product-price\">\u00a527,500<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"product swiper-slide\">\r\n<a href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/IN2720BM000600\/\" target=\"_blank\"><\/a>\r\n<div class=\"product-inner\">\r\n<span class=\"product-flag\">MENS<\/span>\r\n<p class=\"product-photo\"><img src=\"https:\/\/store.descente.co.jp\/inov8\/wp-content\/uploads\/sites\/4\/2025\/10\/1-lifting_NT5FSZ84M_GY00.jpg\" width=\"220\"><\/p>\r\n<p class=\"product-name\">BARE-XF <br class=\"for-sp\">V2 MS<\/p>\r\n<p class=\"product-price\">\u00a522,000<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"product swiper-slide\">\r\n<a href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/IN2720BM000602\/\" target=\"_blank\"><\/a>\r\n<div class=\"product-inner\">\r\n<span class=\"product-flag\">MENS<\/span>\r\n<p class=\"product-photo\"><img src=\"https:\/\/store.descente.co.jp\/inov8\/wp-content\/uploads\/sites\/4\/2025\/10\/1-lifting_NT5FSZ85M_BL00.jpg\" width=\"220\"><\/p>\r\n<p class=\"product-name\">BARE-XF <br class=\"for-sp\">V2 MS<\/p>\r\n<p class=\"product-price\">\u00a522,000<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"product swiper-slide\">\r\n<a href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/IN2720BM000594\" target=\"_blank\"><\/a>\r\n<div class=\"product-inner\">\r\n<span class=\"product-flag\">MENS<\/span>\r\n<p class=\"product-photo\"><img src=\"https:\/\/store.descente.co.jp\/inov8\/wp-content\/uploads\/sites\/4\/2025\/10\/1-lifting_NT5FSZ83M_BK00.jpg\" width=\"220\"><\/p>\r\n<p class=\"product-name\">BARE-XF <br class=\"for-sp\">V2 MS<\/p>\r\n<p class=\"product-price\">\u00a522,000<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"product swiper-slide\">\r\n<a href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/IN2720BM000598\/\" target=\"_blank\"><\/a>\r\n<div class=\"product-inner\">\r\n<span class=\"product-flag\">MENS<\/span>\r\n<p class=\"product-photo\"><img src=\"https:\/\/store.descente.co.jp\/inov8\/wp-content\/uploads\/sites\/4\/2025\/10\/1-lifting_NT5FSZ87M_WH00.jpg\" width=\"220\"><\/p>\r\n<p class=\"product-name\">BARE-XF <br class=\"for-sp\">V2 MS<\/p>\r\n<p class=\"product-price\">\u00a522,000<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"product swiper-slide\">\r\n<a href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/IN2720BW000599\" target=\"_blank\"><\/a>\r\n<div class=\"product-inner\">\r\n<span class=\"product-flag\">WOMENS<\/span>\r\n<p class=\"product-photo\"><img src=\"https:\/\/store.descente.co.jp\/inov8\/wp-content\/uploads\/sites\/4\/2025\/10\/1-lifting_NT5FSZ86L_PP00.jpg\" width=\"220\"><\/p>\r\n<p class=\"product-name\">BARE-XF <br class=\"for-sp\">V2 WMS<\/p>\r\n<p class=\"product-price\">\u00a522,000<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"product swiper-slide\">\r\n<a href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/IN2720BW000601\/\" target=\"_blank\"><\/a>\r\n<div class=\"product-inner\">\r\n<span class=\"product-flag\">WOMENS<\/span>\r\n<p class=\"product-photo\"><img src=\"https:\/\/store.descente.co.jp\/inov8\/wp-content\/uploads\/sites\/4\/2025\/10\/1-lifting_NT5FSZ83L_BK00.jpg\" width=\"220\"><\/p>\r\n<p class=\"product-name\">BARE-XF <br class=\"for-sp\">V2 WMS<\/p>\r\n<p class=\"product-price\">\u00a522,000<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div><!-- swiper-wrapper -->\r\n<div class=\"swiper-pagination\"><\/div>\r\n<div class=\"swiper-button-prev\"><\/div>\r\n<div class=\"swiper-button-next\"><\/div>\r\n<\/div><!-- swiper-container -->\r\n<\/div><!-- category NATURAL -->\r\n\r\n\r\n\r\n\r\n<\/div><!-- main -->\r\n<\/div><!-- container -->"}],"\u30e2\u30b8\u30e5\u30fc\u30eb":{"module":[{"acf_fc_layout":"module11","add_css":"<style>\r\n  \/* \u8abf\u6574\u7528 *\/\r\n.add_html{\r\n}\r\n\r\n.add_html .for-pc{display: inline-block;}\r\n.add_html .for-sp{display: none;}\r\n@media screen and (max-width: 768px) {\r\n.add_html .for-pc{display: none;}\r\n.add_html .for-sp{display: inline-block;}\r\n}\r\n\r\n\/* CSS Document *\/\r\n\/* Main CSS *\/\r\n\r\nh2.page-title {\r\n    font-size: 1.5rem;\r\n    margin: 0;\r\n    padding: 3rem 1rem;\r\n    border-bottom: 1px solid #d2d2d2;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n#about .breadcrumb {\r\n    padding: 1rem 1rem 0;\r\n}\r\n.pt_content #main, .pt_product-details #main {\r\n    padding: 0 !important;\r\n}\r\n\r\nimg.pc { display: block !important; }\r\nimg.sp { display: none !important; }\r\n\r\n#slide-small-sp { display: none !important; }\r\n.slide-pc { display: block !important; }\r\n\r\nbody{\r\n    min-width: 980px;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n}\r\n\r\n.clearfix::after{\r\n    content: \"\";\r\n    display: block;\r\n    clear: both;\r\n}\r\n#container{\r\n    margin: 0 auto;\r\n}\r\na:hover{\r\n    cursor: pointer;\r\n}\r\n.button {\r\n    display: inline-block;\r\n    width: 360px;\r\n    height: 60px;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    line-height: 60px;\r\n    outline: none;\r\n    position: relative;\r\n    z-index: 2;\r\n    background-color: #fff;\r\n    border: 2px solid #000;\r\n    color: #333;\r\n    overflow: hidden;\r\n}\r\n.button::before,\r\n.button::after {\r\n    position: absolute;\r\n    z-index: -1;\r\n    display: block;\r\n    content: '';\r\n}\r\n.button,\r\n.button::before,\r\n.button::after {\r\n    -webkit-box-sizing: border-box;\r\n    -moz-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n    -webkit-transition: all .3s;\r\n    transition: all .3s;\r\n}\r\n.button:hover {\r\n    color: #fff;\r\n}\r\n.button::after {\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n.button:hover::after {\r\n    -webkit-transform: scale(2) rotate(180deg);\r\n    transform: scale(2) rotate(180deg);\r\n    background: #000;\r\n}\r\n\r\n#how_to_choose_main p.button-area{ width: 360px; margin: 0 auto; padding-top: 40px;}\r\n#how_to_choose_main{ padding:0 20px;}\r\n\r\n\r\n.step {\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n    justify-content: center;\r\n    z-index: 1000;\r\n    position: absolute;\r\n    right: 2%;\r\n    padding-top: 15%;\r\n}\r\n.step li{\r\n    margin-bottom: 0;\r\n    list-style: none!important;\r\n}\r\n.step a {\r\n    display: inline-block;\r\n    color: #000;\r\n    background: #none;\r\n    text-decoration: none;\r\n    font-weight: bold;\r\n    width: 40px;\r\n    text-align: center;\r\n    line-height: 40px;\r\n    font-size: 12px;\r\n}\r\n.step a.current {\r\n    background: #fff;\r\n    box-shadow:0px 0px 20px 0px #cccccc;\r\n    border-radius: 50%;\r\n    width: 40px;\r\n    height: 40px;\r\n    line-height: 40px;\r\n    font-size: 16px;\r\n}\r\n\r\n.step li.step-pager-prev a.current,\r\n.step li.step-pager-next a.current{\r\n    background: #fff;\r\n    box-shadow: none;\r\n}\r\n\r\n.step a:hover{\r\n    color: #666;\r\n}\r\n\r\n.fixedWidget {\r\n    position: fixed;\r\n    top: 15%;\r\n    right: 2%;\r\n    padding-top: 0;\r\n}\r\n\r\nli.border{\r\n    height: 30px;\r\n    border-right: 2px solid #ccc;\r\n    width: 18px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\r\n#step1,#step2,#step3,#step4,#step5,#step6 {\r\n    padding-top: 66px;\r\n    margin-top: -66px;\r\n}\r\n\r\n\r\n\r\n\/* choose *\/\r\n#choose{\r\n    text-align: center;\r\n}\r\n#choose p{\r\n    line-height: 32px;\r\n    margin-bottom: 40px;\r\n    font-size: 15px;\r\n}\r\n.choose-table{\r\n    background: url(\"\/inov8\/wp-content\/uploads\/sites\/4\/2021\/02\/img_choose_bgimg_choose_bg@2x2336.jpg\") 0 \/ cover repeat-x #000 ;\r\n    width: 100%;\r\n    margin-bottom: 50px;\r\n    padding-bottom: 10px;\r\n}\r\n.choose-table img{\r\n    width: 100%;\r\n}\r\n.choose-table-training{\r\n    background: url(\"\/inov8\/wp-content\/uploads\/sites\/4\/2021\/02\/img_choose_bg@2x2336.jpg\") 0 \/ cover repeat-x #000 ;\r\n    width: 100%;\r\n    margin-bottom: 50px;\r\n    padding-bottom: 10px;\r\n}\r\n.choose-table-training img{\r\n    width: 100%;\r\n}\r\n#how_to_choose_main{\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    padding-top: 80px;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\/* overview *\/\r\n\r\n.category{ margin-bottom: 60px;}\r\n\r\n.overview{\r\n    position: relative;\r\n    max-width: 1440px;\r\n    margin: 0 auto;\r\n}\r\n.category-gray{\r\n    background: #f9f9f9;\r\n    padding: 10px 0 90px 0;\r\n}\r\n.category-img{\r\n    position: relative;\r\n    width: 100%;\r\n    height: 400px;\r\n}\r\n.category-img-right{\r\n    position: relative;\r\n    width: 100%;\r\n    float: right;\r\n    height: 400px;\r\n}\r\n.category-img img,\r\n.category-img-right img{\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n.overview-innner{\r\n    position: absolute;\r\n    border: solid 2px #000;\r\n    font-size: 14px;\r\n    line-height: 25px;\r\n    width: 50%;\r\n    height: 70%;\r\n    top: 10%;\r\n    right: 0%;\r\n}\r\n.overview-innner-right{\r\n    position: absolute;\r\n    border: solid 2px #000;\r\n    font-size: 14px;\r\n    line-height: 25px;\r\n    width: 50%;\r\n    height: 70%;\r\n    top: 10%;\r\n    left: 0%;\r\n}\r\n.overview-innner h2{\r\n    position: absolute;\r\n    top: 35%;\r\n    left: -40%;\r\n    color: #fff;\r\n    font-size: 44px;\r\n}\r\n.overview-innner h3{\r\n    position: absolute;\r\n    top: 60%;\r\n    left: -35%;\r\n    color: #fff;\r\n    font-size: 14px;\r\n}\r\n.overview-innner-right h2{\r\n    position: absolute;\r\n    top: 35%;\r\n    right: -65%;\r\n    color: #fff;\r\n    font-size: 44px;\r\n}\r\n.overview-innner-right h3{\r\n    position: absolute;\r\n    top: 60%;\r\n    right: -35%;\r\n    color: #fff;\r\n    font-size: 14px;\r\n}\r\n.overview-innner-right h2.black{\r\n    color: #000;\r\n}\r\n.overview-innner-right h3.black{\r\n    color: #000;\r\n}\r\n.overview-innner .overview-text{\r\n    width: 50%;\r\n    font-size: 14px;\r\n    line-height: 25px;\r\n    position: relative;\r\n    top: 45.5%;\r\n    -webkit-transform: translateY(-30%); \/* Safari\u7528 *\/\r\n    transform: translateY(-30%);\r\n    left: 40%;\r\n}\r\n.overview-innner-right .overview-text{\r\n    width: 50%;\r\n    font-size: 14px;\r\n    line-height: 25px;\r\n    position: relative;\r\n      top: 45.5%;\r\n      -webkit-transform: translateY(-30%); \/* Safari\u7528 *\/\r\n      transform: translateY(-30%);\r\n    left: 10%;\r\n}\r\n\r\n.soft_muddy{\r\n    width: 68%;\r\n    height: 400px;\r\n    background-image: url(\/inov8\/wp-content\/uploads\/sites\/4\/2024\/07\/img_bg_24_02@2x2336.jpg);\r\n    background-size: cover;\r\n    background-repeat:  no-repeat;\r\n}\r\n.snow_ice{\r\n    width: 68%;\r\n    height: 400px;\r\n    background-image: url(\/inov8\/wp-content\/uploads\/sites\/4\/2021\/02\/img_bg_02_3@2x2336.jpg);\r\n    background-size: cover;\r\n    background-repeat:  no-repeat;\r\n    float: right;\r\n}\r\n.hard_rocky{\r\n    width: 68%;\r\n    height: 400px;\r\n    background-image: url(\/inov8\/wp-content\/uploads\/sites\/4\/2021\/02\/img_bg_07@2x2336.jpg);\r\n    background-size: cover;\r\n    background-repeat:  no-repeat;\r\n    float: right;\r\n}\r\n.paths_trails{\r\n    width: 68%;\r\n    height: 400px;\r\n    background-image: url(\/inov8\/wp-content\/uploads\/sites\/4\/2024\/07\/img_bg_24_03@2x2336.jpg);\r\n    background-size: cover;\r\n    background-repeat:  no-repeat;\r\n    float: right;\r\n}\r\n.multiterrain{\r\n    width: 68%;\r\n    height: 400px;\r\n    background-image: url(\/inov8\/wp-content\/uploads\/sites\/4\/2024\/07\/img_bg_24_01@2x2336.jpg);\r\n    background-size: cover;\r\n    background-repeat:  no-repeat;\r\n}\r\n.road{\r\n    width: 68%;\r\n    height: 400px;\r\n    background-image: url(\/inov8\/wp-content\/uploads\/sites\/4\/2024\/07\/img_bg_24_04@2x2336.jpg);\r\n    background-size: cover;\r\n    background-repeat:  no-repeat;\r\n}\r\n.lifting{\r\n    width: 68%;\r\n    height: 400px;\r\n    background-image: url(\/inov8\/wp-content\/uploads\/sites\/4\/2021\/02\/img_bg_01@2x2336.jpg);\r\n    background-size: cover;\r\n    background-repeat:  no-repeat;\r\n}\r\n.versatility{\r\n    width: 68%;\r\n    height: 400px;\r\n    background-image: url(\/inov8\/wp-content\/uploads\/sites\/4\/2021\/02\/img_bg_02@2x2336.jpg);\r\n    background-size: cover;\r\n    background-repeat:  no-repeat;\r\n    float: right;\r\n}\r\n.speed{\r\n    width: 68%;\r\n    height: 400px;\r\n    background-image: url(\/inov8\/wp-content\/uploads\/sites\/4\/2021\/02\/img_bg_03@2x2336.jpg);\r\n    background-size: cover;\r\n    background-repeat:  no-repeat;\r\n}\r\n.newvintages{\r\n    width: 68%;\r\n    height: 400px;\r\n    background-image: url(\/inov8\/wp-content\/uploads\/sites\/4\/2021\/02\/img_bg_nv.jpg);\r\n    background-size: cover;\r\n    background-repeat:  no-repeat;\r\n    float: right;\r\n}\r\n\r\n\r\n\r\n\r\n\/* product *\/\r\n#slide{\r\n    margin: 90px auto 0;\r\n}\r\n.swiper-pagination-bullet {\r\n    width: 30px;\r\n    height: 30px;\r\n    text-align: center;\r\n    line-height: 30px;\r\n    font-size: 12px;\r\n    color:#000;\r\n    opacity: 1;\r\n    background: #fff;\r\n}\r\n\r\n.swiper-pagination-bullet::before{\r\n    content: \"0\";\r\n}\r\n\r\n.swiper-pagination-bullet-active {\r\n    color:#000;\r\n    background: #fff;\r\n    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);\r\n    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);\r\n    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);\r\n    width: 40px;\r\n    height: 40px;\r\n    font-size: 16px;\r\n    line-height: 40px;\r\n}\r\n.product{\r\n    width: 260px;\r\n    height: 320px;\r\n    border: solid 1px #eee;\r\n    box-sizing:border-box;\r\n    transition: all .3s;\r\n    position: relative;\r\n    display: inline-block;\r\n    outline: none;\r\n    background: none;\r\n}\r\n.product::before,\r\n.product::after {\r\n  position: absolute;\r\n  top: -1px;\r\n  right: -1px;\r\n  bottom: -1px;\r\n  left: -1px;\r\n  z-index: 1;\r\n  content: '';\r\n  transition: all .3s;\r\n}\r\n.product::before {\r\n  border-top: 1px solid #ccc;\r\n  border-bottom: 1px solid #ccc;\r\n  transform: scale(0, 1);\r\n}\r\n.product::after {\r\n  border-right: 1px solid #ccc;\r\n  border-left: 1px solid #ccc;\r\n  transform: scale(1, 0);\r\n}\r\n.product:hover::after,\r\n.product:hover::before {\r\n  transform: scale(1);\r\n}\r\n.product:hover{\r\n    cursor: pointer;\r\n}\r\n.product.soon:hover{\r\n    cursor: default;\r\n}\r\n.product-inner{\r\n    margin: 60px 20px 0 ;\r\n    position: relative;\r\n    text-align: center;\r\n}\r\n.product a{\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    top:0;\r\n    left: 0;\r\n    z-index: 1000;\r\n}\r\n.product-flag{\r\n    position: absolute;\r\n    top: -60px;\r\n    left: -20px;\r\n    background: #000;\r\n    color: #fff;\r\n    font-size: 85%;\r\n    line-height: 30px;\r\n    width: 80px;\r\n    height: 30px;\r\n    text-align: center;\r\n}\r\n.product-photo{\r\n    margin-bottom: 50px !important;\r\n    width: 100%;\r\n    height: 120px;\r\n    height: 90px;\r\n    position: relative;\r\n}\r\n.product-photo img{\r\n    width: 100%;\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n}\r\n.photo-90 img{\r\n    width: 90%!important;\r\n}\r\n.product-name{\r\n    font-weight: bold;\r\n    display: inline-block;\r\n    padding-bottom: 8px;\r\n    position: relative;\r\n}\r\n.product-name::after {\r\n  background-color: #00ff00;\r\n  bottom: 0;\r\n  content: '';\r\n  display: inline-block;\r\n  height: 2px;\r\n  position: absolute;\r\n  transition: .3s all;\r\n  width: 0;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  margin:0 auto;\r\n}\r\n.product:hover > .product-inner > .product-name::after{\r\n    width: 100%;\r\n}\r\n.product.soon:hover > .product-inner > .product-name::after{\r\n    width: 0;\r\n}\r\n.product-price{\r\n    margin-top: 10px !important;\r\n}\r\n\r\n@media screen and (max-width: 900px){\r\n.lower_content {\r\n    margin-top: 5em;\r\n}\r\n}\r\n\r\n@media screen and (max-width: 767px){\r\n\/*@media screen and (max-width: 960px){*\/\r\n\r\n.step{ display: none;}\r\n\r\n.pt_content #main, .pt_product-details #main {\r\n    padding: 0 0 !important;\r\n}\r\n#how_to_choose_main{ padding:0 20px;}\r\nh2.page-title {\r\n    text-align: center;\r\n}\r\n\r\nimg.pc { display: none !important; }\r\nimg.sp { display: block !important; }\r\n\r\n#slide-small-sp { display: block !important; }\r\n.slide-pc { display: none !important; }\r\n\r\nbody{\r\n    min-width: inherit;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n}\r\n\r\n#choose{\r\n    padding: 0 20px;\r\n}\r\n#choose p{\r\n    text-align: left;\r\n}\r\n\r\n#choose p br { display:none; }\r\n\r\n.button {\r\n    width: 100%;\r\n}\r\n#how_to_choose_main p.button-area {\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    padding-top: 40px;\r\n}\r\n\r\n#how_to_choose_main {\r\n    padding-top: 60px;\r\n}\r\n\r\n.choose-table{\r\n    padding-bottom: 0;\r\n}\r\n\r\n\/* overview *\/\r\n.overview{\r\n    position: relative;\r\n    max-width: 1440px;\r\n    margin: 0 auto;\r\n}\r\n.category-gray{\r\n    background: #f9f9f9;\r\n    padding: 10px 0 90px 0;\r\n}\r\n.category-img{\r\n    position: relative;\r\n    width: 100%;\r\n    height: 440px;\r\n}\r\n.category-img-right{\r\n    position: relative;\r\n    width: 100%;\r\n    float: none;\r\n    height: 440px;\r\n\r\n}\r\n.category-img img,\r\n.category-img-right img{\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n.overview-innner{\r\n    position: relative;\r\n    border: none;\r\n    font-size: 14px;\r\n    line-height: 25px;\r\n    width: 95%;\r\n    height: 200%;\r\n    right: 0;\r\n    margin: 2% 2%;\r\n    padding: 50px 0 0 0;\r\n    border: 2px solid #000;\r\n    top: 10px;\r\n}\r\n.overview-innner-right{\r\n    position: relative;\r\n    border: none;\r\n    font-size: 14px;\r\n    line-height: 25px;\r\n    width: 95%;\r\n    height: 200%;\r\n    right: 0;\r\n    margin: 2% 2%;\r\n    padding: 50px 0 0 0;\r\n    border: 2px solid #000;\r\n    top: 10px;\r\n}\r\n.overview-innner h2{\r\n    position: relative;\r\n    top: 0;\r\n    left: 0;\r\n    color: #fff;\r\n    font-size: 200%;\r\n    text-align: center;\r\n    margin-bottom: 1%;\r\n}\r\n.overview-innner h3{\r\n    position: relative;\r\n    top: 0;\r\n    left: 0;\r\n    color: #fff;\r\n    font-size: 100%;\r\n    text-align: center;\r\n    margin-bottom: 1%;\r\n}\r\n.overview-innner-right h2{\r\n    position: relative;\r\n    top: 0;\r\n    left: 0;\r\n    color: #fff;\r\n    font-size: 200%;\r\n    text-align: center;\r\n    margin-bottom: 1%;\r\n    right: 0;\r\n}\r\n.overview-innner-right h3{\r\n    position: relative;\r\n    top: 0;\r\n    left: 0;\r\n    color: #fff;\r\n    font-size: 100%;\r\n    text-align: center;\r\n    margin-bottom: 1%;\r\n}\r\n.overview-innner-right h2.black{\r\n    color: #000;\r\n}\r\n.overview-innner-right h3.black{\r\n    color: #000;\r\n}\r\n.overview-innner .overview-text{\r\n    width: 100%;\r\n    font-size: 14px;\r\n    line-height: 25px;\r\n    position: relative;\r\n    right: 0;\r\n    top: 0;\r\n    padding: 85% 5% 0 5%;\r\n    left: 0;\r\n}\r\n.overview-innner-right .overview-text{\r\n    width: 100%;\r\n    font-size: 14px;\r\n    line-height: 25px;\r\n    position: relative;\r\n    right: 0;\r\n    top: 0;\r\n    padding: 85% 5% 0 5%;\r\n    left: 0;\r\n}\r\n\r\n.soft_muddy{\r\n    width: 100%;\r\n    height: 200px;\r\n}\r\n.snow_ice{\r\n    width: 100%;\r\n    height: 200px;\r\n    float: none;\r\n}\r\n.hard_rocky{\r\n    width: 100%;\r\n    height: 200px;\r\n}\r\n.paths_trails{\r\n    width: 100%;\r\n    height: 200px;\r\n    float: none;\r\n}\r\n.multiterrain{\r\n    width: 100%;\r\n    height: 200px;\r\n    float: none;\r\n}\r\n.road{\r\n    width: 100%;\r\n    height: 200px;\r\n    float: none;\r\n}\r\n.lifting{\r\n    width: 100%;\r\n    height: 200px;\r\n}\r\n.versatility{\r\n    width: 100%;\r\n    height: 200px;\r\n    float: none;\r\n}\r\n.speed{\r\n    width: 100%;\r\n    height: 200px;\r\n}\r\n.newvintages {\r\n    width: 100%;\r\n    height: 200px;\r\n}\r\n\r\n\r\n\/* product *\/\r\n#slide{\r\n    margin: 0 auto;\r\n}\r\n.swiper-pagination-bullet {\r\n    width: 30px;\r\n    height: 30px;\r\n    text-align: center;\r\n    line-height: 30px;\r\n    font-size: 12px;\r\n    color:#000;\r\n    opacity: 1;\r\n    background: #fff;\r\n}\r\n.swiper-pagination-bullet-active {\r\n    color:#000;\r\n    background: #fff;\r\n    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);\r\n    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);\r\n    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);\r\n}\r\n.product{\r\n    width: 48%;\r\n    height: 280px;\r\n    border: solid 1px #eee;\r\n    box-sizing:border-box;\r\n    transition: all .3s;\r\n    position: relative;\r\n    display: inline-block;\r\n    outline: none;\r\n    background: none;\r\n}\r\n.product::before,\r\n.product::after {\r\n  position: absolute;\r\n  top: -1px;\r\n  right: -1px;\r\n  bottom: -1px;\r\n  left: -1px;\r\n  z-index: 1;\r\n  content: '';\r\n  transition: all .3s;\r\n}\r\n.product::before {\r\n  border-top: 1px solid #ccc;\r\n  border-bottom: 1px solid #ccc;\r\n  transform: scale(0, 1);\r\n}\r\n.product::after {\r\n  border-right: 1px solid #ccc;\r\n  border-left: 1px solid #ccc;\r\n  transform: scale(1, 0);\r\n}\r\n.product:hover::after,\r\n.product:hover::before {\r\n  transform: scale(1);\r\n}\r\n.product:hover{\r\n    cursor: pointer;\r\n}\r\n.product-inner{\r\n    margin: 70px 20px 0 ;\r\n    position: relative;\r\n    text-align: center;\r\n}\r\n.product a{\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    top:0;\r\n    left: 0;\r\n}\r\n.product-flag{\r\n    position: absolute;\r\n    top: -70px;\r\n    left: -20px;\r\n    background: #000;\r\n    color: #fff;\r\n    font-size: 85%;\r\n    line-height: 30px;\r\n    width: 80px;\r\n    height: 30px;\r\n    text-align: center;\r\n}\r\n.product-photo{\r\n    margin-bottom: 0px !important;\r\n    width: 100%;\r\n    height: 110px;\r\n}\r\n.product-photo img{\r\n    width: 100%;\r\n    top: 0;\r\n}\r\n.product-photo img.t-20{\r\n    width: 100%;\r\n    top: -20px;\r\n}\r\n.product-name{\r\n    font-weight: bold;\r\n    display: inline;\r\n    padding-bottom: 8px;\r\n    position: relative;\r\n}\r\n.product-name::after {\r\n  background-color: #00ff00;\r\n  bottom: 0;\r\n  content: '';\r\n  display: inline;\r\n  height: 2px;\r\n  position: absolute;\r\n  transition: .3s all;\r\n  width: 0;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n}\r\n.product:hover > .product-inner > .product-name::after{\r\n    width: 100%;\r\n}\r\n.product-price{\r\n    margin-top: 20px;\r\n}\r\n.photo-90 img{\r\n    width: 100%!important;\r\n}\r\n\r\n}\r\n\r\n@media screen and (min-width: 1130px){\r\n\r\n.swiper-container {\r\n  margin: 0 auto;\r\n  position: relative;\r\n  overflow: hidden;\r\n  list-style: none;\r\n  width: 100%;\r\n  height: 320px;\r\n  \/* Fix of Webkit flickering *\/\r\n  z-index: 1;\r\n}\r\n}\r\n\r\n    .title-road {\r\n        right: -40% !important;\r\n    }\r\n\r\n    @media screen and (max-width: 767px) {\r\n        .title-road {\r\n            right: 0 !important;\r\n        }\r\n    }\r\n<\/style>","add_html":"<div id=\"about\" class=\"top\">\r\n<\/div>\r\n<div id=\"container\">\r\n<div id=\"choose\">\r\n<p>\u30a4\u30ce\u30f4\u30a7\u30a4\u30c8\u306e\u69d8\u3005\u306a\u5546\u54c1\u7fa4\u306b\u3064\u3044\u3066\u3001\u9069\u3057\u305f\u8def\u9762\u3084\u4f7f\u3044\u65b9\u306a\u3069\u306e\u89b3\u70b9\u304b\u3089<br>\u3042\u306a\u305f\u306b\u5408\u3063\u305f\u30b7\u30e5\u30fc\u30ba\u306e\u9078\u3073\u65b9\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\r\n<a href=\"https:\/\/store.descente.co.jp\/inov8\/how-to-choose\/\" class=\"button\">\u30c8\u30ec\u30a4\u30eb\u30e9\u30f3\u30b7\u30e5\u30fc\u30ba\u306e\u9078\u3073\u65b9\u306f\u3053\u3061\u3089<\/a>\r\n<\/div><!-- choose -->\r\n\r\n<div id=\"how_to_choose_main\">\r\n<ul class=\"step\">\r\n<li class=\"step-pager-prev\"><a href=\"#\" id=\"prev\"><img src=\"https:\/\/store.descente.co.jp\/inov8\/wp-content\/uploads\/sites\/4\/2021\/02\/baseline-keyboard_arrow_up-24px.png\"><\/a><\/li>\r\n<li class=\"step-pager-next\"><a href=\"#\" id=\"next\"><img src=\"https:\/\/store.descente.co.jp\/inov8\/wp-content\/uploads\/sites\/4\/2021\/02\/baseline-keyboard_arrow_down-24px.png\"><\/a><\/li>\r\n<li class=\"border\"><\/li>\r\n<li><a href=\"#step1\">01<\/a><\/li>\r\n<!--li><a href=\"#step2\">02<\/a><\/li-->\r\n<\/ul>\r\n\r\n<div id=\"step1\" class=\"category\"><!-- categoryNATURAL -->\r\n<div class=\"overview clearfix\">\r\n<div class=\"category-img\">\r\n<div class=\"speed\">\r\n<div class=\"overview-innner\">\r\n<h2>NATURAL<\/h2>\r\n<p class=\"overview-text\">\u30b8\u30e0\u3067\u306e\u30ef\u30fc\u30af\u30a2\u30a6\u30c8\u3084\u30ed\u30fc\u30c9\u30e9\u30f3\u4e8c\u30f3\u30b0\u306a\u3069\u30b9\u30d4\u30fc\u30c7\u30a3\u30fc\u306a\u52d5\u304d\u306b\u9069\u3057\u305f\u8efd\u91cf\u306e\u5546\u54c1\u7fa4\u3002<\/p>\r\n<span class=\"arrow down arrow-right\"><\/span>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div id=\"slide\" class=\"swiper-container\">\r\n<div class=\"swiper-wrapper\">\r\n<div class=\"product swiper-slide\">\r\n<a href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/IN2720BM000562\" target=\"_blank\"><\/a>\r\n<div class=\"product-inner\">\r\n<span class=\"product-flag\">MENS<\/span>\r\n<p class=\"product-photo\"><img src=\"https:\/\/store.descente.co.jp\/inov8\/wp-content\/uploads\/sites\/4\/2025\/10\/1-lifting_NT5SSZ93M_BK00.jpg\" width=\"220\"><\/p>\r\n<p class=\"product-name\">BARE-XF <br class=\"for-sp\">PRO MS<\/p>\r\n<p class=\"product-price\">\u00a527,500<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"product swiper-slide\">\r\n<a href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/IN2720BM000600\/\" target=\"_blank\"><\/a>\r\n<div class=\"product-inner\">\r\n<span class=\"product-flag\">MENS<\/span>\r\n<p class=\"product-photo\"><img src=\"https:\/\/store.descente.co.jp\/inov8\/wp-content\/uploads\/sites\/4\/2025\/10\/1-lifting_NT5FSZ84M_GY00.jpg\" width=\"220\"><\/p>\r\n<p class=\"product-name\">BARE-XF <br class=\"for-sp\">V2 MS<\/p>\r\n<p class=\"product-price\">\u00a522,000<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"product swiper-slide\">\r\n<a href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/IN2720BM000602\/\" target=\"_blank\"><\/a>\r\n<div class=\"product-inner\">\r\n<span class=\"product-flag\">MENS<\/span>\r\n<p class=\"product-photo\"><img src=\"https:\/\/store.descente.co.jp\/inov8\/wp-content\/uploads\/sites\/4\/2025\/10\/1-lifting_NT5FSZ85M_BL00.jpg\" width=\"220\"><\/p>\r\n<p class=\"product-name\">BARE-XF <br class=\"for-sp\">V2 MS<\/p>\r\n<p class=\"product-price\">\u00a522,000<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"product swiper-slide\">\r\n<a href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/IN2720BM000594\" target=\"_blank\"><\/a>\r\n<div class=\"product-inner\">\r\n<span class=\"product-flag\">MENS<\/span>\r\n<p class=\"product-photo\"><img src=\"https:\/\/store.descente.co.jp\/inov8\/wp-content\/uploads\/sites\/4\/2025\/10\/1-lifting_NT5FSZ83M_BK00.jpg\" width=\"220\"><\/p>\r\n<p class=\"product-name\">BARE-XF <br class=\"for-sp\">V2 MS<\/p>\r\n<p class=\"product-price\">\u00a522,000<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"product swiper-slide\">\r\n<a href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/IN2720BM000598\/\" target=\"_blank\"><\/a>\r\n<div class=\"product-inner\">\r\n<span class=\"product-flag\">MENS<\/span>\r\n<p class=\"product-photo\"><img src=\"https:\/\/store.descente.co.jp\/inov8\/wp-content\/uploads\/sites\/4\/2025\/10\/1-lifting_NT5FSZ87M_WH00.jpg\" width=\"220\"><\/p>\r\n<p class=\"product-name\">BARE-XF <br class=\"for-sp\">V2 MS<\/p>\r\n<p class=\"product-price\">\u00a522,000<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"product swiper-slide\">\r\n<a href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/IN2720BW000599\" target=\"_blank\"><\/a>\r\n<div class=\"product-inner\">\r\n<span class=\"product-flag\">WOMENS<\/span>\r\n<p class=\"product-photo\"><img src=\"https:\/\/store.descente.co.jp\/inov8\/wp-content\/uploads\/sites\/4\/2025\/10\/1-lifting_NT5FSZ86L_PP00.jpg\" width=\"220\"><\/p>\r\n<p class=\"product-name\">BARE-XF <br class=\"for-sp\">V2 WMS<\/p>\r\n<p class=\"product-price\">\u00a522,000<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"product swiper-slide\">\r\n<a href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/IN2720BW000601\/\" target=\"_blank\"><\/a>\r\n<div class=\"product-inner\">\r\n<span class=\"product-flag\">WOMENS<\/span>\r\n<p class=\"product-photo\"><img src=\"https:\/\/store.descente.co.jp\/inov8\/wp-content\/uploads\/sites\/4\/2025\/10\/1-lifting_NT5FSZ83L_BK00.jpg\" width=\"220\"><\/p>\r\n<p class=\"product-name\">BARE-XF <br class=\"for-sp\">V2 WMS<\/p>\r\n<p class=\"product-price\">\u00a522,000<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div><!-- swiper-wrapper -->\r\n<div class=\"swiper-pagination\"><\/div>\r\n<div class=\"swiper-button-prev\"><\/div>\r\n<div class=\"swiper-button-next\"><\/div>\r\n<\/div><!-- swiper-container -->\r\n<\/div><!-- category NATURAL -->\r\n\r\n\r\n\r\n\r\n<\/div><!-- main -->\r\n<\/div><!-- container -->"}]},"relation_display_feature":"\u975e\u8868\u793a","\u767b\u9332":{"add_css_js_source":"    <script src=\"\/inov8\/wp-content\/themes\/inov8\/js\/how_to_choose_common_0507_10.js\"><\/script>\r\n    <link rel=\"stylesheet\" href=\"\/inov8\/wp-content\/themes\/inov8\/css\/swiper_how_to_choose_0525_05.css\">\r\n<script src=\"\/inov8\/wp-content\/themes\/inov8\/js\/swiper.min.js\"><\/script>\r\n    <script>\r\n        var swiper = new Swiper('.swiper-container', {\r\n        slidesPerView: 4,\r\n        spaceBetween: 30,\r\n        slidesPerGroup: 4,\r\n        loop: false,\r\n        loopFillGroupWithBlank: true,\r\n        navigation: {\r\n            nextEl: '.swiper-button-next',\r\n            prevEl: '.swiper-button-prev',\r\n        },\r\n            pagination: {\r\n            el: '.swiper-pagination',\r\n            clickable: true,\r\n            renderBullet: function (index, className) {\r\n            return '<span class=\"' + className + '\">' + (index + 1) + '<\/span>';\r\n            },\r\n        },\r\n            breakpoints: {\r\n            768: {\r\n            slidesPerColumn: 2,\r\n            slidesPerView: 2,\r\n            spaceBetween:10,\r\n            slidesPerGroup: 2,\r\n            loop: false,\r\n        }\r\n        }\r\n\r\n\r\n\r\n        });\r\n    <\/script>\r\n    <script>\r\n    var current_el;\r\n\r\n    $(window).on('load scroll', function() {\r\n        current_el = document.querySelector(\".current\")!==null? document.querySelector(\".current\").innerText : '';\r\n        \/\/ 05\u306806\u306fchevron\u306b\u3082current\u304c\u4ed8\u304d\u3001innerText\u304c\u30d6\u30e9\u30f3\u30af\u306b\u306a\u308b\u305f\u3081\u30012\u3064\u3081\u306ecurrent\u3092\u6307\u5b9a\u3057innerText\u62bd\u51fa\r\n        if(current_el === ''){\r\n            current_el = document.querySelectorAll(\".current\")[1].innerText\r\n        }\r\n        console.log(current_el);\r\nconsole.log(2);\r\n        add_class_in_scrolling();\r\n    });\r\n\r\n    \/\/ class\u304ccurrent\u306e\u8981\u7d20\u306e\u30c6\u30ad\u30b9\u30c8\u3092\u5143\u306b\u30da\u30fc\u30b8\u5185\u9077\u79fb\u5148\u3092\u30bb\u30c3\u30c8\u3059\u308b\r\n    function add_class_in_scrolling() {\r\n        if(current_el===\"01\") {\r\n            $(\"#next\").attr(\"href\", \"#step2\")\r\n            $(\"#prev\").attr(\"href\", \"#step1\")\r\n        } else if(current_el===\"02\"){\r\n            $(\"#next\").attr(\"href\", \"#step3\")\r\n            $(\"#prev\").attr(\"href\", \"#step1\")\r\n        } else if(current_el===\"03\"){\r\n            $(\"#next\").attr(\"href\", \"#step4\")\r\n            $(\"#prev\").attr(\"href\", \"#step2\")\r\n        } else if(current_el===\"04\"){\r\n            $(\"#next\").attr(\"href\", \"#step5\")\r\n            $(\"#prev\").attr(\"href\", \"#step3\")\r\n        } else if(current_el===\"05\"){\r\n            $(\"#next\").attr(\"href\", \"#step6\")\r\n            $(\"#prev\").attr(\"href\", \"#step4\")\r\n        } else {\r\n            $(\"#next\").attr(\"href\", \"#step6\")\r\n            $(\"#prev\").attr(\"href\", \"#step5\")\r\n        }\r\n    }\r\n\r\n    $(function() {\r\n    var stepMenu = function() {\r\n    var array = {\r\n    '#step1': 0,\r\n    '#step2': 0,\r\n    '#step3': 0,\r\n    '#step4': 0,\r\n    '#step5': 0,\r\n    '#step6': 0\r\n    };\r\n    var $globalNavi = new Array();\r\n    for (var key in array) {\r\n    if ($(key).offset()) {\r\n    array[key] = $(key).offset().top - 10;\r\n    $globalNavi[key] = $('.step li a[href=\"' +key+ '\"]');\r\n    }\r\n    }\r\n    $(window).scroll(function () {\r\n    for (var key in array) {\r\n    if ($(window).scrollTop() > array[key] - 10) {\r\n    $('.step li a').each(function() {\r\n    $(this).removeClass('current');\r\n    });\r\n    $globalNavi[key].addClass('current');\r\n    }\r\n    }\r\n    });\r\n    }\r\n    stepMenu();\r\n    });\r\n\r\n\r\n    jQuery( function() {\r\n        var $offset = jQuery( '.step' ).offset();\r\n        jQuery( window ).scroll( function () {\r\n            if( jQuery( window ).scrollTop() > $offset.top ) {\r\n                jQuery( '.step' ).addClass( 'fixedWidget' );\r\n            } else {\r\n                jQuery( '.step' ).removeClass( 'fixedWidget' );\r\n            }\r\n        } );\r\n    } );\r\n\r\n    $(function(){\r\n    $('a[href^=\"#\"]').click(function(){\r\n        var speed = 500;\r\n        var href= $(this).attr(\"href\");\r\n        var target = $(href == \"#\" || href == \"\" ? 'html' : href);\r\n        var position = target.offset().top;\r\n        $(\"html, body\").animate({scrollTop:position}, speed, \"swing\");\r\n        return false;\r\n    });\r\n    });\r\n\r\n    <\/script>"},"top_slide":false,"add_css_js_source":"    <script src=\"\/inov8\/wp-content\/themes\/inov8\/js\/how_to_choose_common_0507_10.js\"><\/script>\r\n    <link rel=\"stylesheet\" href=\"\/inov8\/wp-content\/themes\/inov8\/css\/swiper_how_to_choose_0525_05.css\">\r\n<script src=\"\/inov8\/wp-content\/themes\/inov8\/js\/swiper.min.js\"><\/script>\r\n    <script>\r\n        var swiper = new Swiper('.swiper-container', {\r\n        slidesPerView: 4,\r\n        spaceBetween: 30,\r\n        slidesPerGroup: 4,\r\n        loop: false,\r\n        loopFillGroupWithBlank: true,\r\n        navigation: {\r\n            nextEl: '.swiper-button-next',\r\n            prevEl: '.swiper-button-prev',\r\n        },\r\n            pagination: {\r\n            el: '.swiper-pagination',\r\n            clickable: true,\r\n            renderBullet: function (index, className) {\r\n            return '<span class=\"' + className + '\">' + (index + 1) + '<\/span>';\r\n            },\r\n        },\r\n            breakpoints: {\r\n            768: {\r\n            slidesPerColumn: 2,\r\n            slidesPerView: 2,\r\n            spaceBetween:10,\r\n            slidesPerGroup: 2,\r\n            loop: false,\r\n        }\r\n        }\r\n\r\n\r\n\r\n        });\r\n    <\/script>\r\n    <script>\r\n    var current_el;\r\n\r\n    $(window).on('load scroll', function() {\r\n        current_el = document.querySelector(\".current\")!==null? document.querySelector(\".current\").innerText : '';\r\n        \/\/ 05\u306806\u306fchevron\u306b\u3082current\u304c\u4ed8\u304d\u3001innerText\u304c\u30d6\u30e9\u30f3\u30af\u306b\u306a\u308b\u305f\u3081\u30012\u3064\u3081\u306ecurrent\u3092\u6307\u5b9a\u3057innerText\u62bd\u51fa\r\n        if(current_el === ''){\r\n            current_el = document.querySelectorAll(\".current\")[1].innerText\r\n        }\r\n        console.log(current_el);\r\nconsole.log(2);\r\n        add_class_in_scrolling();\r\n    });\r\n\r\n    \/\/ class\u304ccurrent\u306e\u8981\u7d20\u306e\u30c6\u30ad\u30b9\u30c8\u3092\u5143\u306b\u30da\u30fc\u30b8\u5185\u9077\u79fb\u5148\u3092\u30bb\u30c3\u30c8\u3059\u308b\r\n    function add_class_in_scrolling() {\r\n        if(current_el===\"01\") {\r\n            $(\"#next\").attr(\"href\", \"#step2\")\r\n            $(\"#prev\").attr(\"href\", \"#step1\")\r\n        } else if(current_el===\"02\"){\r\n            $(\"#next\").attr(\"href\", \"#step3\")\r\n            $(\"#prev\").attr(\"href\", \"#step1\")\r\n        } else if(current_el===\"03\"){\r\n            $(\"#next\").attr(\"href\", \"#step4\")\r\n            $(\"#prev\").attr(\"href\", \"#step2\")\r\n        } else if(current_el===\"04\"){\r\n            $(\"#next\").attr(\"href\", \"#step5\")\r\n            $(\"#prev\").attr(\"href\", \"#step3\")\r\n        } else if(current_el===\"05\"){\r\n            $(\"#next\").attr(\"href\", \"#step6\")\r\n            $(\"#prev\").attr(\"href\", \"#step4\")\r\n        } else {\r\n            $(\"#next\").attr(\"href\", \"#step6\")\r\n            $(\"#prev\").attr(\"href\", \"#step5\")\r\n        }\r\n    }\r\n\r\n    $(function() {\r\n    var stepMenu = function() {\r\n    var array = {\r\n    '#step1': 0,\r\n    '#step2': 0,\r\n    '#step3': 0,\r\n    '#step4': 0,\r\n    '#step5': 0,\r\n    '#step6': 0\r\n    };\r\n    var $globalNavi = new Array();\r\n    for (var key in array) {\r\n    if ($(key).offset()) {\r\n    array[key] = $(key).offset().top - 10;\r\n    $globalNavi[key] = $('.step li a[href=\"' +key+ '\"]');\r\n    }\r\n    }\r\n    $(window).scroll(function () {\r\n    for (var key in array) {\r\n    if ($(window).scrollTop() > array[key] - 10) {\r\n    $('.step li a').each(function() {\r\n    $(this).removeClass('current');\r\n    });\r\n    $globalNavi[key].addClass('current');\r\n    }\r\n    }\r\n    });\r\n    }\r\n    stepMenu();\r\n    });\r\n\r\n\r\n    jQuery( function() {\r\n        var $offset = jQuery( '.step' ).offset();\r\n        jQuery( window ).scroll( function () {\r\n            if( jQuery( window ).scrollTop() > $offset.top ) {\r\n                jQuery( '.step' ).addClass( 'fixedWidget' );\r\n            } else {\r\n                jQuery( '.step' ).removeClass( 'fixedWidget' );\r\n            }\r\n        } );\r\n    } );\r\n\r\n    $(function(){\r\n    $('a[href^=\"#\"]').click(function(){\r\n        var speed = 500;\r\n        var href= $(this).attr(\"href\");\r\n        var target = $(href == \"#\" || href == \"\" ? 'html' : href);\r\n        var position = target.offset().top;\r\n        $(\"html, body\").animate({scrollTop:position}, speed, \"swing\");\r\n        return false;\r\n    });\r\n    });\r\n\r\n    <\/script>","meta_title":"\u30b7\u30e5\u30fc\u30ba\u306e\u9078\u3073\u65b9 \u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u30fb\u30b8\u30e0 | \u30a4\u30ce\u30f4\u30a7\u30a4\u30c8\u516c\u5f0f\u30b5\u30a4\u30c8","meta_keyword":"","meta_desc":"\u30a4\u30ce\u30f4\u30a7\u30a4\u30c8\u306e\u30b7\u30e5\u30fc\u30ba\u306e\u9078\u3073\u65b9\u3092\u3054\u7d39\u4ecb\u3044\u305f\u3057\u307e\u3059\u3002\u30b8\u30e0&\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u30b7\u30e5\u30fc\u30ba\u306e\u9078\u3073\u65b9\u7d39\u4ecb\u30da\u30fc\u30b8\u3067\u3059\u3002","ogp_img":false},"_links":{"self":[{"href":"https:\/\/store.descente.co.jp\/inov8\/wp-json\/wp\/v2\/pages\/5489"}],"collection":[{"href":"https:\/\/store.descente.co.jp\/inov8\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/store.descente.co.jp\/inov8\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/store.descente.co.jp\/inov8\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/store.descente.co.jp\/inov8\/wp-json\/wp\/v2\/comments?post=5489"}],"version-history":[{"count":2,"href":"https:\/\/store.descente.co.jp\/inov8\/wp-json\/wp\/v2\/pages\/5489\/revisions"}],"predecessor-version":[{"id":5575,"href":"https:\/\/store.descente.co.jp\/inov8\/wp-json\/wp\/v2\/pages\/5489\/revisions\/5575"}],"up":[{"embeddable":true,"href":"https:\/\/store.descente.co.jp\/inov8\/wp-json\/wp\/v2\/pages\/5483"}],"wp:attachment":[{"href":"https:\/\/store.descente.co.jp\/inov8\/wp-json\/wp\/v2\/media?parent=5489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}