{"data":[{"id":"cccccccc-0000-0000-0000-000000103901","type":"node--blocks_content","relationships":{"paragraphs":{"data":[{"type":"paragraph--full_html","id":"aaaaaaaa-0000-0000-0000-000000000001"}]}},"attributes":{"title":"【TOE】【新バージョン】アクセスランキング","display_title":"【TOE】【新バージョン】アクセスランキング","status":true,"css_code":"","js_code":"$('.ranking_tab_box .ranking_tab_btn').click(function() {\r\n    var index02 = $('.ranking_tab_box .ranking_tab_btn').index(this);\r\n    $('.ranking_tab_box .ranking_tab_panel').css('display','none');\r\n    $('.ranking_tab_box .ranking_tab_panel').eq(index02).fadeIn();\r\n    $('.ranking_tab_box .ranking_tab_btn').removeClass('ranking_active');\r\n    $(this).addClass('ranking_active');\r\n});\r\nvar index01 = $('.ranking_tab_box .ranking_tab_btn.ranking_active').index();\r\n$('.ranking_tab_box .ranking_tab_panel').css('display','none');\r\n$('.ranking_tab_box .ranking_tab_panel').eq(index01).fadeIn();\r\n\r\n\r\n$('.new_ranking_item').on({\r\n    'mouseover': function() {\r\n        if(window.matchMedia('(min-width: 1024px)').matches){\r\n            $(this).find('img').not('.rank_mark').css({opacity: 0.6,transition: '0.5s'});\r\n            $(this).find('a').css({color: 'rgba(31,32,33,0.6)',transition: '0.5s'});\r\n        }\r\n    },\r\n    'mouseleave': function() {\r\n        if(window.matchMedia('(min-width: 1024px)').matches){\r\n            $(this).find('img').not('.rank_mark').css({opacity: 1,transition: '0.5s'});\r\n            $(this).find('a').css({color: '#1F2021',transition: '0.5s'});\r\n        }\r\n    }\r\n}); \r\n"}}],"included":[{"type":"paragraph--full_html","id":"aaaaaaaa-0000-0000-0000-000000000001","attributes":{"field_fullhtml_text":{"value":"<!--この間に貼り付ける-->\r\n\r\n<div class=\"ranking-tab-outer\">\r\n  <div class=\"ranking-wrap\">\r\n    <div class=\"ranking_tab_box\">\r\n      <h2 class=\"tab-ranking-c-title\">\r\n        アクセスランキング\r\n      </h2>\r\n      \r\n      <!-- ▼タブ -->\r\n      <div class=\"ranking_btn_area\">\r\n        <p class=\"ranking_tab_btn ranking_active\">\r\n          ライフ<br class=\"sp\">サービス\r\n        </p>\r\n        <p class=\"ranking_tab_btn\">\r\n          グルメ\r\n        </p>\r\n        <p class=\"ranking_tab_btn\">\r\n          トラベル\r\n        </p>\r\n        <p class=\"ranking_tab_btn\">\r\n          ベネ通販\r\n        </p>\r\n      </div>\r\n      \r\n      <div class=\"ranking_panel_area\">\r\n        <!-- ▼ライフサービス -->\r\n        <div class=\"ranking_tab_panel ranking_active\">\r\n          <section class=\"top-blockcontents-tab-accessranking ranking-accordion\">\r\n            <!-- ▼1段目（1～5位） -->\r\n            <ul class=\"ranking_list\">\r\n              <!-- ▼1位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=114/catMid=205/catSml=304/menuNo=25003861/?navi=lranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank1_mark.png\"\r\n                    alt = \"1位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/vd_image_file/000707/70716.png\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    【ベネフィット・ワン30周年記念！】QUOカードPay　プレゼントキャンペーン\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼2位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=116/catMid=205/catSml=301/menuNo=25002766/?navi=lranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank2_mark.png\"\r\n                    alt = \"2位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/vd_image_file/000635/63555.png\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    ベネポがあたる！<br>ベネガチャ\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼3位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=103/catMid=201/catSml=301/menuNo=10670209/?navi=lranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank3_mark.png\"\r\n                    alt = \"3位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/vd_image_file/000568/56861.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    ＴＯＨＯシネマズ\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼4位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=116/catMid=205/catSml=301/menuNo=10732102/?navi=lranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank4_mark.png\"\r\n                    alt = \"4位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/image_file/000420/42010.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    遊んで！貯める！<br>ベネワンすごろく\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼5位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=117/catMid=201/catSml=302/menuNo=10653661/?navi=lranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank5_mark.png\"\r\n                    alt = \"5位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/image_file/000927/92717.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    dポイント\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n            </ul>\r\n            \r\n            <!-- ▼2段目（6～10位） -->\r\n            <ul class=\"ranking_list\">\r\n              <!-- ▼6位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=103/catMid=201/catSml=301/menuNo=10670546/?navi=lranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank6_mark.png\"\r\n                    alt = \"6位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/image_file/000207/20743.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    イオンシネマ\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼7位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=116/catMid=201/catSml=304/menuNo=10730672/?navi=lranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank7_mark.png\"\r\n                    alt = \"7位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/image_file/000943/94317.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    お誕生日お祝い\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼8位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=117/catMid=201/catSml=302/menuNo=25001351/?navi=lranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank8_mark.png\"\r\n                    alt = \"8位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/vd_image_file/000563/56398.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    PayPayマネーライト\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼9位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=106/catMid=204/catSml=301/menuNo=10661861/?navi=lranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank9_mark.png\"\r\n                    alt = \"9位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/vd_image_file/000433/43386.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    ＯＺ（オズ）のプレミアム予約≪ビューティ予約≫\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼10位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=104/catMid=201/catSml=301/menuNo=10625152/?navi=lranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank10_mark.png\"\r\n                    alt = \"10位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/vd_image_file/000694/69478.png\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    コナミスポーツクラブ\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n            </ul>\r\n          </section>\r\n        </div>\r\n        \r\n        <!-- ▼グルメ -->\r\n        <div class=\"ranking_tab_panel\">\r\n          <section class=\"top-blockcontents-tab-accessranking ranking-accordion\">\r\n            <!-- ▼1段目（1～5位） -->\r\n            <ul class=\"ranking_list\">\r\n              <!-- ▼1位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=113/catMid=201/catSml=327/menuNo=23010766/?navi=granking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank1_mark.png\"\r\n                    alt = \"1位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/vd_image_file/000281/28110.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    しゃぶ葉（すかいらーくグループ）\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼2位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=113/catMid=201/catSml=316/menuNo=23010108/?navi=granking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank2_mark.png\"\r\n                    alt = \"2位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/vd_image_file/000257/25761.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    松屋\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼3位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=113/catMid=201/catSml=316/menuNo=26000756/?navi=granking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank3_mark.png\"\r\n                    alt = \"3位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/vd_image_file/000709/70936.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    松のや\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼4位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=113/catMid=201/catSml=306/menuNo=10681756/?navi=granking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank4_mark.png\"\r\n                    alt = \"4位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/image_file/000941/94103.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    ステーキハウス<br>ブロンコビリー\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼5位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=113/catMid=201/catSml=330/menuNo=25003531/?navi=granking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank5_mark.png\"\r\n                    alt = \"5位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/vd_image_file/000655/65550.png\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    むさしの森珈琲（すかいらーくグループ）\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n            </ul>\r\n            \r\n            <!-- ▼2段目（6～10位） -->\r\n            <ul class=\"ranking_list\">\r\n              <!-- ▼6位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=113/catMid=201/catSml=330/menuNo=25000438/?navi=granking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank6_mark.png\"\r\n                    alt = \"6位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/vd_image_file/000517/51749.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    銀座コージーコーナー（店舗限定）\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼7位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=113/catMid=201/catSml=315/menuNo=25001342/?navi=granking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank7_mark.png\"\r\n                    alt = \"7位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/vd_image_file/000558/55829.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    かつや\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼8位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=113/catMid=201/catSml=304/menuNo=24001743/?navi=granking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank8_mark.png\"\r\n                    alt = \"8位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/vd_image_file/000410/41003.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    夢庵（すかいらーくグループ）\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼9位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=113/catMid=201/catSml=306/menuNo=24000670/?navi=granking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank9_mark.png\"\r\n                    alt = \"9位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/vd_image_file/000352/35269.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    ステーキガスト（すかいらーくグループ）\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼10位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=113/catMid=201/catSml=330/menuNo=23012628/?navi=granking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank10_mark.png\"\r\n                    alt = \"10位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/vd_image_file/000318/31839.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    フロプレステージュ（すかいらーくグループ）\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n            </ul>\r\n          </section>\r\n        </div>\r\n        \r\n        <!-- ▼トラベル -->\r\n        <div class=\"ranking_tab_panel\">\r\n          <section class=\"top-blockcontents-tab-accessranking ranking-accordion\">\r\n            <!-- ▼1段目（1～5位） -->\r\n            <ul class=\"ranking_list\">\r\n              <!-- ▼1位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=101/catMid=204/catSml=301/menuNo=10517538/?navi=tranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank1_mark.png\"\r\n                    alt = \"1位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/vd_image_file/000279/27945.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    エクスペディア<br>宿泊予約（海外）\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼2位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=101/catMid=206/catSml=301/menuNo=25003661/?navi=tranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank2_mark.png\"\r\n                    alt = \"2位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/vd_image_file/000692/69252.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    楽天トラベル<br>（海外航空券）\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼3位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=101/catMid=205/catSml=302/menuNo=23009628/?navi=tranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank3_mark.png\"\r\n                    alt = \"3位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/vd_image_file/000315/31560.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    HIS海外ツアー<br>【電話申込】\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼4位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=101/catMid=201/catSml=311/menuNo=10550045/?navi=tranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank4_mark.png\"\r\n                    alt = \"4位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/vd_image_file/000386/38626.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    宿泊予約サイト<br>「楽天トラベル」\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼5位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://stay.bs.benefit-one.inc/menus/10534280?category=stay&rooms=1&roomCnt=1&numPeople=2&stayNights=1&adultHeadCnt=2&feeUpper=200000&navi=tranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank5_mark.png\"\r\n                    alt = \"5位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/psty/image_file/000489/48947.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    直営　おもてなしの宿<br>ベネフィット・ステーション葉山\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n            </ul>\r\n            \r\n            <!-- ▼2段目（6～10位） -->\r\n            <ul class=\"ranking_list\">\r\n              <!-- ▼6位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=101/catMid=201/catSml=311/menuNo=10550501/?navi=tranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank6_mark.png\"\r\n                    alt = \"6位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/vd_image_file/0012/1285.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    JTB国内ツアー<br>【Web申込】\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼7位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://stay.bs.benefit-one.inc/menus/10530004?category=stay&rooms=1&roomCnt=1&numPeople=2&stayNights=1&adultHeadCnt=2&feeUpper=200000&navi=tranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank7_mark.png\"\r\n                    alt = \"7位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/psty/image_file/1275/127579.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    直営　おもてなしの宿<br>ベネフィット･ステーション箱根宮城野\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼8位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://stay.bs.benefit-one.inc/menus/10150106?category=stay&rooms=1&roomCnt=1&numPeople=2&stayNights=1&adultHeadCnt=2&feeUpper=200000&navi=tranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank8_mark.png\"\r\n                    alt = \"8位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/psty/image_file/0042/4242.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    東京ディズニーシー・ホテルミラコスタ（R）\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼9位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://stay.bs.benefit-one.inc/menus/10151086?category=stay&rooms=1&roomCnt=1&numPeople=2&stayNights=1&adultHeadCnt=2&feeUpper=200000&navi=tranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank9_mark.png\"\r\n                    alt = \"9位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/psty/image_file/1430/143049.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    東京ディズニーセレブレーションホテル（R）\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼10位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=101/catMid=205/catSml=302/menuNo=10520476/?navi=tranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank10_mark.png\"\r\n                    alt = \"10位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/plfe/vd_image_file/000321/32158.png\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    JTB【店舗申込】\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n            </ul>\r\n          </section>\r\n        </div>\r\n        \r\n        <!-- ▼ベネ通販 -->\r\n        <div class=\"ranking_tab_panel\">\r\n          <section class=\"top-blockcontents-tab-accessranking ranking-accordion\">\r\n            <!-- ▼1段目（1～5位） -->\r\n            <ul class=\"ranking_list\">\r\n              <!-- ▼1位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://shop.bs.benefit-one.inc/menus/menuNo=25A46131/?navi=sranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank1_mark.png\"\r\n                    alt = \"1位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/ppsh/file/A3002163/25A46131/aaa.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    山崎実業〈tower〉<br>キッチン周辺<br>おトク5商品セット\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼2位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://shop.bs.benefit-one.inc/menus/menuNo=26A14215/?navi=sranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank2_mark.png\"\r\n                    alt = \"2位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/ppsh/file/A3004215/26A14215/NI7164179TDL1CTPTCP_0.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    訳アリ大特価 PT 天然ダイヤ 大粒 1ct 6本爪プラチナネックレス カード鑑別書付 NI7164179TDL1CTPTCP\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼3位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://shop.bs.benefit-one.inc/menus/menuNo=26A10992/?navi=sranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank3_mark.png\"\r\n                    alt = \"3位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/ppsh/file/A4003542/26A10992/1653-WH-00.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    山崎実業　浮かせて清潔　風呂イス＆湯おけセット　tower\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼4位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://shop.bs.benefit-one.inc/menus/menuNo=26A08884/?navi=sranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank4_mark.png\"\r\n                    alt = \"4位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/ppsh/file/A3000993/26A08884/3661698001.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    大人気IPAを飲み比べ！クラフトビールIPA 飲み比べセット\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼5位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://shop.bs.benefit-one.inc/menus/menuNo=26A15321/?navi=sranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank5_mark.png\"\r\n                    alt = \"5位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/ppsh/file/A3001791/26A15321/BDR-025WH-1.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    ドクターエア ビュオールドライヤー スペシャルエディション\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n            </ul>\r\n            \r\n            <!-- ▼2段目（6～10位） -->\r\n            <ul class=\"ranking_list\">\r\n              <!-- ▼6位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://shop.bs.benefit-one.inc/menus/menuNo=26A10148/?navi=sranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank6_mark.png\"\r\n                    alt = \"6位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/ppsh/file/A3002163/26A10148/640x640_epi_fr_01.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    ReFa BEAUTECH EPI\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼7位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://shop.bs.benefit-one.inc/menus/menuNo=25A60043/?navi=sranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank7_mark.png\"\r\n                    alt = \"7位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/ppsh/file/A3000566/25A60043/26WS052img.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    ゴディバ<br>ラングドシャクッキー<br>アソートメント　30枚\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼8位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://shop.bs.benefit-one.inc/menus/menuNo=26A00209/?navi=sranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank8_mark.png\"\r\n                    alt = \"8位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/ppsh/file/A3000784/26A00209/4562344401524.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    サーモス 取っ手のとれるフライパン 8点セット（IH・ガス火対応）ディープレッド KSD-8A-DR\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼9位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://shop.bs.benefit-one.inc/menus/menuNo=26A10993/?navi=sranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank9_mark.png\"\r\n                    alt = \"9位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/ppsh/file/A4003542/26A10993/10517-1.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    山崎実業 折り畳み<br>室内物干し タワー<br>スリム tower\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n              <!-- ▼10位 -->\r\n              <li class=\"new_ranking_item\">\r\n                <a\r\n                  href = \"https://shop.bs.benefit-one.inc/menus/menuNo=26A10991/?navi=sranking\"\r\n                >\r\n                  <img\r\n                    src = \"https://cms.benefit-one.inc/sites/default/files/ranking/img/rank10_mark.png\"\r\n                    alt = \"10位\"\r\n                   class = \"rank_mark\"\r\n                  >\r\n                  <div class=\"pht\">\r\n                    <div class=\"pht_inner\">\r\n                      <div class=\"inner_bgcolor\">\r\n                        <img\r\n                         src=\"https://mn.boimg.jp/img/ppsh/file/A4003542/26A10991/3351-WH-1.jpg\"\r\n                        >\r\n                     </div>\r\n                    </div>\r\n                  </div>\r\n                  <p class=\"title_p_ranking\">\r\n                    山崎実業<br>ランドリーワゴン+<br>バスケットタワー　tower\r\n                  </p>\r\n                </a>\r\n              </li>\r\n              \r\n            </ul>\r\n          </section>\r\n        </div>\r\n        \r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n<!--この間に貼り付ける-->\r\n\r\n<style>\r\n/*タブ実装*/\r\n.ranking_tab_box .ranking_btn_area {\r\n\tdisplay: flex;\r\n\theight: 50px;\r\n\tborder-bottom: 2px solid #e60021;\r\n}\r\n\r\n.ranking_tab_box .ranking_tab_btn {\r\n\twidth: 180px;\r\n  /* padding: 0 0 16px 0; */\r\n  color: #63666A;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease 0s;\r\n  border-top-right-radius: 8px;\r\n  border-top-left-radius: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\tfont-weight: bold;\r\n  font-size: 18px;\r\n  position: relative;\r\n  border: 2px solid #e7e7e7;\r\n  border-bottom: none;\r\n  border-radius: 8px 8px 0px 0px;\r\n  background-color: #ffffff;\r\n}\r\n\r\n.ranking_tab_box .ranking_tab_btn.ranking_active{\r\n  color: #ffffff;\r\n  background-color: #e60021;\r\n  border: 2px solid #e60021;\r\n  border-bottom: none;\r\n}\r\n\r\n\r\n/* .ranking_tab_box .ranking_tab_btn.ranking_active::after {\r\n  transform: scale(1, 1);\r\n}\r\n\r\n.ranking_tab_box .ranking_tab_btn::after {\r\n  content: \"\";\r\n  display: block;\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: 0;\r\n  left: 0;\r\n  height: 5px;\r\n  background-color: #e60012;\r\n  transform: scale(1, 0);\r\n  transform-origin: center bottom;\r\n  transition: transform 150ms linear;\r\n} */\r\n\r\n@media all and (max-width:1023px) {\r\n  .ranking_tab_box .ranking_tab_btn {\r\n    font-size: 14px;\r\n    width: 25%;\r\n    line-height: 1.1;\r\n  }\r\n  .ranking_tab_box .ranking_btn_area {\r\n    margin: 0px 16px;\r\n    height: 42px;\r\n  }\r\n  \r\n}\r\n\r\n.ranking_tab_box .ranking_tab_btn + .ranking_tab_btn {\r\n\tmargin-left: 8px;\r\n}\r\n\r\n/* .ranking_tab_box .ranking_tab_btn:hover {\r\n\tbackground-color: #dce1e4;\r\n} */\r\n\r\n/* .ranking_tab_box .ranking_tab_btn.ranking_active {\r\n\tborder-bottom: 5px solid #e60021;\r\n    color: #e60021;\r\n} */\r\n\r\n.ranking_tab_box .ranking_panel_area {\r\n    margin: 26px 0px 0px 0px;\r\n    /* background: #dce1e4;\r\n    box-shadow: 0 1px 0.5rem rgb(31 32 33 / 20%);\r\n    border-radius: 5px; */\r\n}\r\n\r\n.ranking_tab_box .ranking_tab_panel {\r\n    display:none;\r\n}\r\n\r\n.ranking_tab_box .ranking_tab_panel.ranking_active {\r\n    display:block;\r\n}\r\n.ranking_tab_panel_inside {\r\n\tdisplay: flex;\r\n}\r\n.left_panel {\r\n\twidth: 50%;\r\n    margin: 8px;\r\n    background: #ffffff;\r\n    border-radius: 8px;\r\n    padding: 8px 16px;\r\n}\r\n.right_panel {\r\n\twidth: 50%;\r\n    margin: 8px;\r\n    background: #ffffff;\r\n    border-radius: 8px;\r\n    padding: 8px 16px;\r\n}\r\n.center_img {\r\n\ttext-align: center;\r\n}\r\n.img_txt {\r\n\tdisplay: flex;\r\n}\r\n.img_txt_p {\r\n\tpadding-left: 8px;\r\n}\r\n@media all and (max-width: 1023px) {\r\n\t.ranking_tab_panel_inside {\r\n\t\tdisplay: block;\r\n\t}\r\n\t.left_panel {\r\n\t\twidth: 100%;\r\n\t\tmargin: 8px 0px 0px 0px;\r\n\t}\r\n\t.right_panel {\r\n\t\twidth: 100%;\r\n\t\tmargin: 8px 0px 0px 0px;\r\n\t}\r\n\t.img_txt {\r\n\t\tdisplay: block;\r\n\t}\r\n\t.img_txt_p {\r\n\t\tpadding-left: 0px;\r\n\t}\r\n}\r\n.ranking-showmore-content {\r\n  height: 0;\r\n  overflow: hidden;\r\n}\r\n@media all and (max-width: 1023px) {\r\n  .ranking-showmore-content {\r\n    height: auto;\r\n    overflow: unset;\r\n  }\r\n}\r\n.ranking-showmore-outer {\r\n  width: 100%;\r\n  text-align: center;\r\n  line-height: 30px;\r\n  transition: bottom 0.2s;\r\n}\r\n.ranking-showmore {\r\n  cursor: pointer;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n.ranking-showmore-txt {\r\n  font-weight: bold;\r\n}\r\n\r\n/***************************** タブコンテンツ  *************************************/\r\n.top-blockcontents-tab-accessranking .pc {display:block;}\r\n.top-blockcontents-tab-accessranking .sp {display:none;}\r\n\r\n.ranking-tab-outer {\r\n  margin-right: calc(50% - 50vw);\r\n  margin-left: calc(50% - 50vw);\r\n  background-color: #FFFAF0;\r\n  padding: 48px 0;\r\n  border-bottom: 1px solid #ffffff;\r\n}\r\n@media print, screen and (max-width: 1023px) {\r\n  .ranking-tab-outer {\r\n    padding: 48px 0 0;\r\n  }\r\n  .ranking_tab_box .ranking_tab_btn + .ranking_tab_btn {\r\n    margin-left: 3px;\r\n  }\r\n}\r\n\r\n.ranking-wrap {\r\n  margin: 0 auto;\r\n  width: 100%;\r\n  height: 100%;\r\n  max-width: 1032px;\r\n}\r\n\r\n.top-blockcontents-tab-accessranking {\r\n  width: 1032px;\r\n  display:grid;\r\n  margin: 0;\r\n  -ms-overflow-style: none;  /* IE and Edge */\r\n  scrollbar-width: none;  /* Firefox */\r\n}\r\n/* Hide scrollbar for Chrome, Safari and Opera */\r\n.top-blockcontents-tab-accessranking::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n@media print, screen and (max-width: 1023px) {\r\n  .top-blockcontents-tab-accessranking {\r\n    display:flex;\r\n    width: 100%;\r\n    min-width: 320px;\r\n    overflow-x: auto;\r\n    padding-bottom: 48px;\r\n  }\r\n}\r\n.top-blockcontents-tab-accessranking .ranking_list {\r\n  display:flex;\r\n  width: 100%;\r\n  padding-left: 0;\r\n  margin: 0;\r\n  margin: 0 0 1.5rem 0;\r\n}\r\n\r\n.top-blockcontents-tab-accessranking .ranking-second-content {\r\n  display:flex;\r\n  width: 100%;\r\n  padding-left: 0;\r\n}\r\n\r\n@media print, screen and (max-width: 1023px) {\r\n  .top-blockcontents-tab-accessranking .ranking_list {\r\n    flex-direction: row;\r\n    /* flex-wrap: wrap; */\r\n    margin: 0 0 0 16px;\r\n    width: 780px;\r\n    /* display: block;\r\n    white-space: nowrap; */\r\n  }\r\n  .top-blockcontents-tab-accessranking .ranking-second-content {\r\n    flex-direction: row;\r\n    margin: 0;\r\n    width: 780px;\r\n  }\r\n}\r\n\r\n\r\n.top-blockcontents-tab-accessranking .new_ranking_item {\r\n  position: relative;\r\n  width: 20%;\r\n  list-style-type:none;\r\n  text-align:center;\r\n  box-shadow:0 1px .5rem rgba(31,32,33,0.2);\r\n  border-radius:5px;\r\n  background-color: #ffffff;\r\n  \r\n}\r\n\r\n@media print, screen and (max-width: 1023px) {\r\n  .top-blockcontents-tab-accessranking .new_ranking_item {\r\n    width:100%;\r\n    /* box-shadow:0 1px 8px rgba(31,32,33,0.08); */\r\n    border-radius:5px;\r\n    /* flex: 1 0 35%; */\r\n    max-width: 140px;\r\n    /* display: inline-block; */\r\n  }\r\n}\r\n\r\n\r\n\r\n.top-blockcontents-tab-accessranking .new_ranking_item:not(:first-child) {\r\n  margin-left: 1.5rem;\r\n}\r\n@media print, screen and (max-width: 1023px) {\r\n  /* .new_ranking_item:first-child {\r\n    flex: 0 1 100%;\r\n    \r\n  }\r\n  .top-blockcontents-tab-accessranking .new_ranking_item:not(:first-child) {\r\n    margin-left: unset;\r\n    margin-top: 16px;\r\n  }\r\n  .top-blockcontents-tab-accessranking .new_ranking_item:nth-child(even) {\r\n      margin-left: 0;\r\n      margin-right: 1rem;\r\n  } */\r\n\r\n  .top-blockcontents-tab-accessranking .new_ranking_item:not(:first-child) {\r\n    margin-left: 16px;\r\n  }\r\n  .top-blockcontents-tab-accessranking .new_ranking_item:last-child {\r\n      margin-right: 16px;\r\n  }\r\n\r\n}\r\n.top-blockcontents-tab-accessranking .new_ranking_item a {\r\n  display:block;\r\n  color:#1F2021;\r\n  text-decoration:none;\r\n  height: 100%;\r\n}\r\n@media print, screen and (max-width: 1023px) {\r\n  /* .top-blockcontents-tab-accessranking .new_ranking_item:first-child a {\r\n    display: flex;\r\n  } */\r\n}\r\n.top-blockcontents-tab-accessranking .new_ranking_item a:hover {\r\n  text-decoration:none;\r\n  /* color: rgba(31,32,33,0.6); */\r\n}\r\n.top-blockcontents-tab-accessranking .new_ranking_item:hover {\r\n  /* opacity: 0.6; */\r\n  \r\n}\r\n.top-blockcontents-tab-accessranking .rank_mark {\r\n  position: absolute;\r\n  left: 8px;\r\n  display:block;\r\n  width: 34px;\r\n  height: auto;\r\n  z-index: 999;\r\n}\r\n@media print, screen and (max-width: 1023px) {\r\n  .top-blockcontents-tab-accessranking .rank_mark {\r\n    z-index: unset;\r\n    left: 7px;\r\n    width: 25px;\r\n  }\r\n}\r\n.top-blockcontents-tab-accessranking .rank_mark b {\r\n  font-size:120%;\r\n}\r\n.top-blockcontents-tab-accessranking .pht {\r\n  display:table;\r\n  box-sizing: border-box;\r\n  width:187px;\r\n  border-bottom: 1px solid #EDEEF0;\r\n  background-color: #ffffff;\r\n  border-top-right-radius: 5px;\r\n  border-top-left-radius: 5px;\r\n}\r\n@media print, screen and (max-width: 1023px) {\r\n  /* .top-blockcontents-tab-accessranking .new_ranking_item:first-child .pht {\r\n    height: 130px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: calc(50vw - 10px - 1.5rem);\r\n    margin-right: 1rem;\r\n    padding: 0;\r\n    background-color: #fff;\r\n    border-bottom: none;\r\n  } */\r\n  .top-blockcontents-tab-accessranking .pht {\r\n    width: 140px;\r\n  }\r\n}\r\n.top-blockcontents-tab-accessranking .pht_inner {\r\n  height: 130px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 8px;\r\n}\r\n@media print, screen and (max-width: 1023px) {\r\n  .top-blockcontents-tab-accessranking .pht_inner {\r\n    height: 99px;\r\n  }\r\n}\r\n.top-blockcontents-tab-accessranking .inner_bgcolor {\r\n  width: 100%;\r\n  height: 100%;\r\n  align-items: center;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n.top-blockcontents-tab-accessranking .pht_inner img {\r\n  max-width:100%;\r\n  max-height: 100%;\r\n}\r\n.top-blockcontents-tab-accessranking .title_p_ranking {\r\n  flex-wrap:wrap;\r\n  line-height:1.3;\r\n  font-size: clamp(0.8rem, 0.6461538461538462rem + 0.769230769230769vw, 1rem)!important;\r\n  font-weight: bold;\r\n  text-align: left!important;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  display: -webkit-box!important;\r\n  -webkit-line-clamp: 3;\r\n  line-clamp: 3;\r\n  -webkit-box-orient: vertical;\r\n  padding: 0px!important;\r\n  margin: 16px;\r\n  min-height: 63.03px;\r\n  font-feature-settings: 'palt';\r\n  -webkit-font-feature-settings: 'palt';\r\n  -moz-font-feature-settings: 'palt';\r\n}\r\n@media print, screen and (max-width: 1023px) {\r\n  .top-blockcontents-tab-accessranking .title_p_ranking {\r\n    -webkit-line-clamp: 4;\r\n    min-height: 69px;\r\n    margin: 8px 8px 16px;\r\n    line-height: 1.3;\r\n    font-feature-settings: 'palt';\r\n    -webkit-font-feature-settings: 'palt';\r\n    -moz-font-feature-settings: 'palt';\r\n  }\r\n  .top-blockcontents-tab-accessranking .new_ranking_item:first-child .title_p_ranking {\r\n    margin: 8px 8px 16px;\r\n  }\r\n}\r\n\r\n.tab-ranking-c-title {\r\n  margin:0;\r\n  color:#1F2021;\r\n  font-size:24px;\r\n  font-weight:bold;\r\n  line-height: 1.1;\r\n  padding-bottom: 24px;\r\n  font-feature-settings: 'palt';\r\n  -webkit-font-feature-settings: 'palt';\r\n  -moz-font-feature-settings: 'palt';\r\n}\r\n\r\n@media all and (max-width:1023px) {\r\n  .tab-ranking-c-title {\r\n    margin:0 1rem;\r\n  }\r\n}\r\n</style>","format":"full_html"}}}]}