CINXE.COM
競輪選手・レース情報メディア けいりんマルシェ
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="robots" content="index,follow"> <title>競輪選手・レース情報メディア けいりんマルシェ</title> <meta name="description" content="「けいりんマルシェ」は、未経験者でも競輪が持っている楽しさを、いろいろな切り口で紹介するサイト。オリンピック、ファッション、グルメ、イケメン・美女、TVCM、競輪番組など、様々なコンテンツの中で自分にあった情報に出会える場所です!"> <meta property="og:type" content="website"> <meta property="og:title" content="競輪選手・レース情報メディア けいりんマルシェ"> <meta property="og:description" content="「けいりんマルシェ」は、未経験者でも競輪が持っている楽しさを、いろいろな切り口で紹介するサイト。オリンピック、ファッション、グルメ、イケメン・美女、TVCM、競輪番組など、様々なコンテンツの中で自分にあった情報に出会える場所です!"> <meta property="og:url" content="https://keirin-marche.jp/"> <meta property="og:site_name" content="トップページ"> <meta property="og:locale" content="ja_JP"> <meta property="og:image" content="https://keirin-marche.jp/assets/img/common/ogp.png"> <!-- twitter--> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@keirin_marche"> <meta name="twitter:title" content="競輪選手・レース情報メディア けいりんマルシェ"> <meta name="twitter:description" content="「けいりんマルシェ」は、未経験者でも競輪が持っている楽しさを、いろいろな切り口で紹介するサイト。オリンピック、ファッション、グルメ、イケメン・美女、TVCM、競輪番組など、様々なコンテンツの中で自分にあった情報に出会える場所です!"> <meta name="twitter:image" content="https://keirin-marche.jp/assets/img/common/ogp.png"> <!-- //twitter--> <link rel="shortcut icon" href="https://keirin-marche.jp/assets/img/common/favicon.ico"> <link rel="icon" href="https://keirin-marche.jp/assets/img/common/favicon.ico"> <link rel="apple-touch-icon" href="https://keirin-marche.jp/assets/img/common/apple-touch-icon.png"> <link rel="stylesheet" href="/assets/css/common.css" media="all"> <link rel="stylesheet" href="/assets_2023/css/common.css" media="all"> <link rel="stylesheet" type="text/css" href="/assets_2023/css/plugins/slick.css"> <link rel="stylesheet" type="text/css" href="/assets_2023/css/plugins/slick-theme.css"> <link rel="stylesheet" type="text/css" href="/assets_2023/css/plugins/magnific-popup.css"> <link rel="stylesheet" href="/assets_2023/css/plugins/swiper-bundle.css"> <script src="/assets_2023/js/plugins/swiper-bundle.min.js"></script> <script src="/assets_2023/js/plugins/jquery-3.5.1.min.js"></script> <script type="text/javascript" src="/assets_2023/js/plugins/jquery.magnific-popup.min.js"></script> <script type="text/javascript" src="/assets_2023/js/slick_renewal.js"></script> <!--<script type="text/javascript" src="/assets_2023/js/plugins/slick.js"></script>--> <script src="/assets_2023/js/common.js"></script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-87728999-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-87728999-1'); </script> <!-- //Global site tag --> <link rel="stylesheet" href="/assets_2023/css/top.css" media="all"> </head> <body> <div id="wrap" data-page="top"> <header id="header" class="l-header"> <div class="l-header__inner"> <div class="l-header-body"> <div class="l-header-column mypage-head-sp"> <div class="l-header-column__parts"> <h1 class="l-header-logo"> <a href="/"> <span class="l-header-logo__label"><img src="/assets_2023/img/common/logo_proper.svg" alt="競輪選手・レース情報メディア けいりんマルシェ"></span> </a> </h1> </div> <div class="l-header-column__parts"> <div class="l-header-content"> <div class="l-header-menu"> <!-- sp --> <div class="l-header-submenu_sp"> <ul class="l-header-submenu-list"> <li class="l-header-submenu-list__item bg-green"> <a href="/guide/"> <span class="l-header-submenu__label icon_beginner">けいりん初心者ガイド</span> </a> </li> <div class="l-box"> <li class="l-header-submenu-list__item modal-search"> <a href="#search" class="js-modal-search js-modal-search-open"> <span class="l-header-submenu__label icon_search">記事検索</span> </a> </li> <li class="l-header-submenu-list__item"> <a href="/register/"> <span class="l-header-submenu__label icon_login">会員登録・ログイン</span> </a> </li> </div> </ul> </div> <div class="l-header-menu-heading"> <button class="l-header-menu-open js-header-toggle-trigger" aria-expanded="false" aria-controls="header-toggle-target" id="header-toggle-trigger"> <span class="l-header-menu-open__ico"><span class="u-sr">メニューを開く</span></span> </button> </div> <div class="l-header-menu-body js-header-toggle-target" aria-hidden="false" aria-labelledby="header-toggle-trigger" id="header-toggle-target"> <div class="l-header-menu-body__inner"> <nav class="l-header-nav"> <ul class="l-header-nav-list"> <li class="l-header-nav-list__item grade-race"> <a href="/grade-race-top/"> <div class="l-header-nav-body"> <span class="l-header-nav__label">特別競輪</span> </div> </a> </li> <li class="l-header-nav-list__item movie"> <a href="/movie/"> <div class="l-header-nav-body"> <span class="l-header-nav__label">動画バラエティ</span> </div> </a> </li> <li class="l-header-nav-list__item tvcm-top"> <a href="/tvcm-top/"> <div class="l-header-nav-body"> <span class="l-header-nav__label">CMギャラリー</span> </div> </a> </li> <li class="l-header-nav-list__item girlskeirin"> <a href="/girlskeirin/" target="_blank"> <div class="l-header-nav-body"> <span class="l-header-nav__label">ガールズケイリン</span> </div> </a> </li> <li class="l-header-nav-list__item column"> <a href="/column/"> <div class="l-header-nav-body"> <span class="l-header-nav__label">選手コラム</span> </div> </a> </li> <li class="l-header-nav-list__item news"> <a href="/news/"> <div class="l-header-nav-body"> <span class="l-header-nav__label">ニュース</span> </div> </a> </li> </ul> </nav> <!-- pc --> <div class="l-header-submenu"> <ul class="l-header-submenu-list"> <!-- modal --> <li class="l-header-submenu-list__item modal-search"> <a href="#search" class="js-modal-search js-modal-search-open"> <span class="l-header-submenu__label icon_search">記事検索</span> </a> </li> <li class="l-header-submenu-list__item"> <a href="/register/"> <span class="l-header-submenu__label icon_login">会員登録・ログイン</span> </a> </li> <li class="l-header-submenu-list__item beginner-guide"> <a href="/guide/"> <span class="l-header-submenu__label icon_beginner">けいりん初心者ガイド</span> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="l-modal-search" id="modal-search"> <div class="l-modal-search-wrap js-modal-search-wrap" aria-hidden="true"> <div class="l-modal-search-bg js-modal-search-close"></div> <div class="l-modal-search-panel"> <div class="l-modal-search-panel__item js-modal-search-target" id="search" aria-hidden="true"> <div class="l-modal-search__inner"> <div class="l-modal-search-body"> <div class="ttl-area"> <h2 class="l-modal-search__ttl"> <img src="/assets_2023/img/common/ttl_modal-search.svg" alt="SEARCH CONTENTS"> </h2> <p class="l-modal-search__txt"> 記事検索 </p> </div> <div class="search-area"> <p class="search-area__txt">キーワードから検索</p> <div class="search-area-searchForm"> <form action="/list/" method="get"> <input type="search" name="search" class="input_searchForm" size="30" maxlength="255" placeholder="キーワードを入力してください" value=""> <input type="submit" value="" class="btn_searchForm" onclick=""> <input type="hidden" name="mode" value="key"> </form> </div> </div> <ul class="modal_search-contentslist sort_btn"></ul> </div> </div> </div> <div class="l-modal-search-close"> <button class="l-modal-search-close-btn js-modal-search-close"> <span class="l-modal-search-close-btn__ico"><span class="u-sr">モーダルを閉じる</span></span> </button> </div> </div> </div> </div> <script> $(function () { loadAllateList = function(){ $.ajax({ url: "/wp/wp-admin/admin-ajax.php", type: 'post', dataType: 'jsonp', data: { action: "get_all_catelist", mode: "2023", callback: 'jsonCallback_cl' }, }); }; jsonCallback_cl = function(jsondata){ $('ul.modal_search-contentslist').html(''); for (var i=0;i<jsondata[0].length;i++) { var itemData = jsondata[0][i]; var link = ""; if (itemData.taxn) { link += itemData.taxn + "/"; } if (itemData.slug) { link += itemData.slug + "/"; } var li = '<li>'; li += ' <a href="/'+link+'" onclick="">'; li += ' <div class="btn_inner">'; li += ' <p><img src="'+itemData.catelistLogo+'" alt=""></p>'; li += ' </div>'; li += ' </a>'; li += '</li>'; $('ul.modal_search-contentslist').append(li); } }; var iObj = setInterval(function(){ if ($('.l-modal-search-wrap').attr('aria-hidden') == 'false') { clearInterval(iObj); loadAllateList(); } }, 500); }); </script> </header> <div class="l-container"> <main id="main" class="l-main"> <!-- サイドナビ --> <nav class="nav__wrapper is_flow"> <div class="side-nav"> <ul> <li class="nav01"> <a href="/gacha/"> <span>けいマルガチャ</span> </a> </li> <li class="nav02"> <a href="/game/sugoroku/"> <span>けいマルすごろく</span> </a> </li> </ul> </div> </nav> <div class="top-hero"> <div class="top-hero__inner"> <div class="top-hero-container"> <!-- slide --> <div class="top-hero-heading"> <section class="top-slide-section" id="top-slide"> <div class="top-slide-section__inner"> <div class="top-slide-section-container"> <!-- slick --> <div class="c-section--lv1-body card-slider"> <div class="slick-container-cover"> <div class="slick-container"> <div class="card-slider__item"> <a href="/watch/race/race508/"> <div class="card-slider__inner"> <div class="card-slider__img"> <img src="https://keirin-marche.jp/wp/wp-content/uploads/2024/11/97c3ecd9de3ded0e3319d705aa027506.jpg" width="880" height="498" alt="" class=""/> </div> </div> </a> </div> <div class="card-slider__item"> <a href="/enjoy/interview/introduction15/"> <div class="card-slider__inner"> <div class="card-slider__img"> <img src="https://keirin-marche.jp/wp/wp-content/uploads/2024/11/fb26b46819f84f42b7941113a2754fe9.jpg" width="880" height="498" alt="" class=""/> </div> </div> </a> </div> <div class="card-slider__item"> <a href="/watch/race/race507/"> <div class="card-slider__inner"> <div class="card-slider__img"> <img src="https://keirin-marche.jp/wp/wp-content/uploads/2024/11/3d8a71ef55567d294a518378556b6e33.jpg" width="880" height="498" alt="" class=""/> </div> </div> </a> </div> <div class="card-slider__item"> <a href="/girlskeirin/" target="_blank"> <div class="card-slider__inner"> <div class="card-slider__img"> <img src="https://keirin-marche.jp/wp/wp-content/uploads/2024/10/bnr_kv_241024.jpg" width="880" height="498" alt="" class=""/> </div> </div> </a> </div> </div> </div> </div> <!-- /slick --> </div> </div> </section> </div> <!-- movie --> <div class="top-hero-movie u-hide-sp"> <div class="top-hero-movie__inner"> <div class="top-hero-movie-container"> <div class="top-hero-movie-header"> <img src="/assets_2023/img/top/ttl_movie.svg" alt="MOVIE"> </div> <div class="top-hero-movie-body"> <div class="top-hero-movie-item"> <a href="https://keirin-marche.jp/enjoy/movievariety/movie-variety53/"> <div class="top-hero-movie-thumb"><img src="https://img.youtube.com/vi/LG1Lq2OmB-0/maxresdefault.jpg" alt=""></div> </a> </div> <div class="top-hero-movie-item"> <a href="https://keirin-marche.jp/enjoy/movievariety/movie-variety52/"> <div class="top-hero-movie-thumb"><img src="https://img.youtube.com/vi/Oi1YkN3vGY0/maxresdefault.jpg" alt=""></div> </a> </div> <button class="read-more"> <a href="/movie/"><span>動画をもっと見る</span></a> </button> </div> </div> </div> </div> </div> </div> </div> <div class="head-news"> <section class="top-section"> <div class="top-section__inner"> <div class="top-section-body"> <label class="head-news-title" for="box1"><div class="c-section__ttl"> <h2 class="c-section-heading"> <img src="/assets_2023/img/top/ttl_information.svg" alt="INFORMATION"> </h2> <p class="c-section__sub">重要なお知らせ</p> <div class="sp-news-button"></div> </div></label> <input type="checkbox" id="box1"> <ul class="toggle"> <li> <div class="c-section--lv1-visual"> <a href="/enjoy/release/keirinjp002/"> <div class="c-section__item"> <p>令和6年能登半島地震被害に対する支援について</p> <button class="read-more"> <span></span> </button> </div> </a> <a href="/enjoy/release/keirinjp003/"> <div class="c-section__item"> <p>ガールズケイリンのロゴマークを無断で使用したグッズの製作及び販売について</p> <button class="read-more"> <span></span> </button> </div> </a> </div> </li> </ul> </div> </div> </section> </div> <div class="news" id="news"> <section class="c-section--lv1 series01 have-bg--top" data-section="swiper"> <div class="c-section--lv1__cover"> <div class="swiper-container"> <div class="c-section--lv1__inner"> <div class="c-section__ttl"> <h2 class="c-section-heading"> <img src="/assets_2023/img/top/ttl_news.svg" alt="NEWS"> </h2> <p class="c-section__txt">競輪ニュース</p> <p class="c-section__txt-desc">マルシェの新着記事をお届けします!</p> </div> </div> <!-- PC --> <!-- Slider main container --> <div class="swiper u-hide-sp"> <!-- Additional required wrapper --> <div class="swiper-wrapper news-list"> <!-- Slides --> </div> <!-- If we need pagination --> <div class="swiper-pagination"></div> <!-- If we need navigation buttons --> <div class="swiper-button-wrap"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> <!-- If we need scrollbar --> <div class="swiper-scrollbar"></div> </div> <!-- SP --> <!-- Slider main container --> <div class="swiper02 u-hide-pc-tb"> <!-- Additional required wrapper --> <div class="swiper-wrapper news-list"> <!-- Slides --> </div> <!-- If we need pagination --> <div class="swiper-pagination"></div> <!-- If we need navigation buttons --> <div class="swiper-button-wrap"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> <!-- If we need scrollbar --> <div class="swiper-scrollbar"></div> </div> </div> <div class="c-section--lv1__inner"> <button class="read-more"> <a href="/news/"><span>もっと見る</span></a> </button> </div> </div> </section> </div> <div class="column" id="column"> <section class="c-section--lv1 series03 have-bg--top"> <div class="c-section--lv1__cover"> <div class="swiper-container"> <div class="c-section--lv1__inner"> <div class="c-section__ttl"> <h2 class="c-section-heading"> <img src="/assets_2023/img/top/ttl_column.svg" alt="COLUMN"> </h2> <p class="c-section__txt">選手コラム</p> <p class="c-section__txt-desc">選手の素顔をご紹介!プライベートや<br class="u-hide-pc-tb">選手生活についてインタビューしました!</p> </div> </div> <!-- PC --> <!-- Slider main container --> <div class="swiper-c u-hide-sp"> <!-- Additional required wrapper --> <div class="swiper-wrapper column-list"> <!-- Slides --> </div> <!-- If we need pagination --> <div class="swiper-pagination"></div> <!-- If we need navigation buttons --> <div class="swiper-button-wrap"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> <!-- If we need scrollbar --> <div class="swiper-scrollbar"></div> </div> <!-- SP --> <!-- Slider main container --> <div class="swiper-c02 u-hide-pc-tb"> <!-- Additional required wrapper --> <div class="swiper-wrapper column-list"> <!-- Slides --> </div> <!-- If we need pagination --> <div class="swiper-pagination"></div> <!-- If we need navigation buttons --> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <!-- If we need scrollbar --> <div class="swiper-scrollbar"></div> </div> </div> <div class="c-section--lv1__inner"> <button class="read-more"> <a href="/column/"><span>もっと見る</span></a> </button> </div> </div> </section> </div> <div class="category"> <section class="c-section--lv1 series02 have-bg--cover"> <div class="c-section--lv1__cover"> <div class="c-section--lv1__inner"> <div class="c-section__ttl"> <h2 class="c-section-heading"> <img src="/assets_2023/img/top/ttl_category.svg" alt="CATEGORY"> </h2> <p class="c-section__txt">カテゴリ別で見る</p> <p class="c-section__txt-desc">カテゴリ別にマルシェのコンテンツを<br class="u-hide-pc-tb">ご紹介しています!</p> </div> <!-- pc --> <div class="c-section--lv1-body u-hide-sp"> <div class="c-section--container"> <ul class="categoryList"> <li class="categoryList__item"> <a href="/guide/"> <div class="categoryList__inner"> <div class="categoryList__item__head"> <h3 class="categoryList__item__ttl ct01"> <img src="/assets_2023/img/top/ttl_category01.svg" width="177" height="62" alt="BEGINNER‘S GUIDE" class="u-hide-sp"> <img src="/assets_2023/img/top/ttl_category01_sp.svg" alt="BEGINNER‘S GUIDE" class="u-hide-pc-tb"> <p class="categoryList__item__ttl-sub">競輪初心者ガイド</p> </h3> </div> <div class="categoryList__item__body"> <p class="categoryList__item__txt"> 競輪初心者の方はまずはこちら!<br> 競輪の基本など初心者向けの情報が満載。 </p> <div class="categoryList__item__img"> <img src="/assets_2023/img/top/img_ct01.png" alt=""> </div> </div> <button class="read-more"> <span>くわしく見る</span> </button> </div> </a> </li> <li class="categoryList__item"> <a href="/grade-race-top/"> <div class="categoryList__inner"> <div class="categoryList__item__head"> <h3 class="categoryList__item__ttl ct02"> <img src="/assets_2023/img/top/ttl_category02.svg" width="277" height="62" alt="road to KEIRIN GRAND PRIX"> <p class="categoryList__item__ttl-sub">特別競輪レース情報</p> </h3> </div> <div class="categoryList__item__body"> <p class="categoryList__item__txt"> 特別競輪に関するレース情報や<br class="u-hide-sp">リポートなどはこちらから! </p> <div class="categoryList__item__img"> <img src="/assets_2023/img/top/img_ct02.png" alt=""> </div> </div> <button class="read-more"> <span>くわしく見る</span> </button> </div> </a> </li> <li class="categoryList__item"> <a href="/movie/"> <div class="categoryList__inner"> <div class="categoryList__item__head"> <h3 class="categoryList__item__ttl line-2 ct03"> <img src="/assets_2023/img/top/ttl_category03.svg" width="86" height="62" alt="Movie"> <p class="categoryList__item__ttl-sub">動画バラエティ</p> </h3> </div> <div class="categoryList__item__body"> <p class="categoryList__item__txt"> オリジナルのWEBムービーを定期的に更新!<br>動画コンテンツはこちら。 </p> <div class="categoryList__item__img"> <img src="/assets_2023/img/top/img_ct03.png" alt=""> </div> </div> <button class="read-more"> <span>くわしく見る</span> </button> </div> </a> </li> <li class="categoryList__item"> <a href="/tvcm-top/"> <div class="categoryList__inner"> <div class="categoryList__item__head"> <h3 class="categoryList__item__ttl ct04"> <img src="/assets_2023/img/top/ttl_category04.svg" width="185" height="62" alt="CM GALLERY"> <p class="categoryList__item__ttl-sub">CMギャラリー</p> </h3> </div> <div class="categoryList__item__body"> <p class="categoryList__item__txt"> 競輪のTVCM最新情報や動画は<br class="u-hide-sp">こちら! </p> <div class="categoryList__item__img"> <img src="/assets_2023/img/top/img_ct04.png" alt=""> </div> </div> <button class="read-more"> <span>くわしく見る</span> </button> </div> </a> </li> <li class="categoryList__item"> <a href="/girlskeirin/" target="_blank"> <div class="categoryList__inner"> <div class="categoryList__item__head"> <h3 class="categoryList__item__ttl gk-logo ct05"> <img src="/assets_2023/img/top/logo_girlskeirin.png" width="212" height="62" alt="girlskeirin"> </h3> </div> <div class="categoryList__item__body"> <p class="categoryList__item__txt"> ガールズケイリン関連の情報は<br class="u-hide-sp">こちらから! </p> <div class="categoryList__item__img"> <img src="/assets_2023/img/top/img_ct05.png" alt=""> </div> </div> <button class="read-more"> <span>くわしく見る</span> </button> </div> </a> </li> <li class="categoryList__item"> <a href="/link/"> <div class="categoryList__inner"> <div class="categoryList__item__head"> <h3 class="categoryList__item__ttl ct06"> <img src="/assets_2023/img/top/ttl_category05.svg" width="118" height="62" alt="tickets"> <p class="categoryList__item__ttl-sub">車券のインターネット購入</p> </h3> </div> <div class="categoryList__item__body"> <p class="categoryList__item__txt"> 車券のインターネット投票ができる<br class="u-hide-sp">ポータルサイトのリンク集はこちらから。 </p> <div class="categoryList__item__img"> <img src="/assets_2023/img/top/img_ct06.png" alt=""> </div> </div> <button class="read-more"> <span>くわしく見る</span> </button> </div> </a> </li> </ul> </div> </div> <!-- sp accordion --> <div class="c-section--lv1-body u-hide-pc-tb sp-accordion"> <div class="c-section--container"> <ul class="categoryList"> <li class="categoryList__item"> <div class="categoryList__inner"> <div class="c-accordion js-accordion-group" role="tablist" aria-label="アコーディオン1"> <div class="c-accordion-heading" role="tab" aria-expanded="false" aria-controls="accordion01-content01" id="accordion01-title01"> <div class="categoryList__item__head js-accordion-trigger"> <h3 class="categoryList__item__ttl ct01"> <img src="/assets_2023/img/top/ttl_category01.svg" width="177" height="62" alt="BEGINNER‘S GUIDE" class="u-hide-sp"> <img src="/assets_2023/img/top/ttl_category01_sp.svg" alt="BEGINNER‘S GUIDE" class="u-hide-pc-tb"> <p class="categoryList__item__ttl-sub">競輪初心者ガイド</p> </h3> </div> <div class="c-accordion-heading__inner ico-toggle-btn" tabindex="0"> <div class="c-accordion-heading-body" aria-hidden="false"> <span class="c-accordion-heading__label"> <span class="u-sr">開ける</span> </span> </div> <div class="c-accordion-heading-body" aria-hidden="true"> <span class="c-accordion-heading__label"> <span class="u-sr">閉じる</span> </span> </div> <span class="c-accordion-heading__ico"><span class="u-sr">Enterを押して開閉する</span></span> </div> </div> <div class="c-accordion-body" role="tabpanel" aria-hidden="true" aria-labelledby="accordion01-title01" id="accordion01-content01"> <div class="c-accordion-body__inner"> <div class="categoryList__item__body"> <p class="categoryList__item__txt"> G競輪初心者の方はまずはこちら!<br> 競輪の基本など初心者向けの情報が満載。 </p> <div class="categoryList__item__img"> <img src="/assets_2023/img/top/img_ct01.png" alt=""> </div> </div> <button class="read-more"> <a href="/guide/" target="_blank"><span>くわしく見る</span></a> </button> </div> </div> </div> </div> </li> <li class="categoryList__item"> <div class="categoryList__inner"> <div class="c-accordion js-accordion-group" role="tablist" aria-label="アコーディオン2"> <div class="c-accordion-heading" role="tab" aria-expanded="false" aria-controls="accordion01-content01" id="accordion01-title01"> <div class="categoryList__item__head js-accordion-trigger"> <h3 class="categoryList__item__ttl ct02"> <img src="/assets_2023/img/top/ttl_category02.svg" width="277" height="62" alt="road to KEIRIN GRAND PRIX"> <p class="categoryList__item__ttl-sub">特別競輪レース情報</p> </h3> </div> <div class="c-accordion-heading__inner ico-toggle-btn" tabindex="0"> <div class="c-accordion-heading-body" aria-hidden="false"> <span class="c-accordion-heading__label"> <span class="u-sr">開ける</span> </span> </div> <div class="c-accordion-heading-body" aria-hidden="true"> <span class="c-accordion-heading__label"> <span class="u-sr">閉じる</span> </span> </div> <span class="c-accordion-heading__ico"><span class="u-sr">Enterを押して開閉する</span></span> </div> </div> <div class="c-accordion-body" role="tabpanel" aria-hidden="true" aria-labelledby="accordion01-title01" id="accordion01-content01"> <div class="c-accordion-body__inner"> <div class="categoryList__item__body"> <p class="categoryList__item__txt"> 特別競輪に関するレース情報や<br class="u-hide-sp">リポートなどはこちらから! </p> <div class="categoryList__item__img"> <img src="/assets_2023/img/top/img_ct02.png" alt=""> </div> </div> <button class="read-more"> <a href="/grade-race-top/" target="_blank"><span>くわしく見る</span></a> </button> </div> </div> </div> </div> </li> <li class="categoryList__item"> <div class="categoryList__inner"> <div class="c-accordion js-accordion-group" role="tablist" aria-label="アコーディオン3"> <div class="c-accordion-heading" role="tab" aria-expanded="false" aria-controls="accordion01-content01" id="accordion01-title01"> <div class="categoryList__item__head js-accordion-trigger"> <h3 class="categoryList__item__ttl ct03"> <img src="/assets_2023/img/top/ttl_category03.svg" width="86" height="62" alt="Movie"> <p class="categoryList__item__ttl-sub">動画バラエティ</p> </h3> </div> <div class="c-accordion-heading__inner ico-toggle-btn" tabindex="0"> <div class="c-accordion-heading-body" aria-hidden="false"> <span class="c-accordion-heading__label"> <span class="u-sr">開ける</span> </span> </div> <div class="c-accordion-heading-body" aria-hidden="true"> <span class="c-accordion-heading__label"> <span class="u-sr">閉じる</span> </span> </div> <span class="c-accordion-heading__ico"><span class="u-sr">Enterを押して開閉する</span></span> </div> </div> <div class="c-accordion-body" role="tabpanel" aria-hidden="true" aria-labelledby="accordion01-title01" id="accordion01-content01"> <div class="c-accordion-body__inner"> <div class="categoryList__item__body"> <p class="categoryList__item__txt"> オリジナルのWEBムービーを定期的に更新!<br>動画コンテンツはこちら。 </p> <div class="categoryList__item__img"> <img src="/assets_2023/img/top/img_ct03.png" alt=""> </div> </div> <button class="read-more"> <a href="/movie/" target="_blank"><span>くわしく見る</span></a> </button> </div> </div> </div> </div> </li> <li class="categoryList__item"> <div class="categoryList__inner"> <div class="c-accordion js-accordion-group" role="tablist" aria-label="アコーディオン4"> <div class="c-accordion-heading" role="tab" aria-expanded="false" aria-controls="accordion01-content01" id="accordion01-title01"> <div class="categoryList__item__head js-accordion-trigger"> <h3 class="categoryList__item__ttl ct04"> <img src="/assets_2023/img/top/ttl_category04.svg" width="185" height="62" alt="CM GALLERY"> <p class="categoryList__item__ttl-sub">CMギャラリー</p> </h3> </div> <div class="c-accordion-heading__inner ico-toggle-btn" tabindex="0"> <div class="c-accordion-heading-body" aria-hidden="false"> <span class="c-accordion-heading__label"> <span class="u-sr">開ける</span> </span> </div> <div class="c-accordion-heading-body" aria-hidden="true"> <span class="c-accordion-heading__label"> <span class="u-sr">閉じる</span> </span> </div> <span class="c-accordion-heading__ico"><span class="u-sr">Enterを押して開閉する</span></span> </div> </div> <div class="c-accordion-body" role="tabpanel" aria-hidden="true" aria-labelledby="accordion01-title01" id="accordion01-content01"> <div class="c-accordion-body__inner"> <div class="categoryList__item__body"> <p class="categoryList__item__txt"> 競輪のTVCM最新情報や動画は<br class="u-hide-sp">こちら! </p> <div class="categoryList__item__img"> <img src="/assets_2023/img/top/img_ct04.png" alt=""> </div> </div> <button class="read-more"> <a href="/tvcm-top/" target="_blank"><span>くわしく見る</span></a> </button> </div> </div> </div> </div> </li> <li class="categoryList__item"> <div class="categoryList__inner"> <div class="c-accordion js-accordion-group" role="tablist" aria-label="アコーディオン5"> <div class="c-accordion-heading" role="tab" aria-expanded="false" aria-controls="accordion01-content01" id="accordion01-title01"> <div class="categoryList__item__head js-accordion-trigger"> <h3 class="categoryList__item__ttl gk-logo ct05"> <img src="/assets_2023/img/top/logo_girlskeirin.png" width="212" height="62" alt=""> </h3> </div> <div class="c-accordion-heading__inner ico-toggle-btn" tabindex="0"> <div class="c-accordion-heading-body" aria-hidden="false"> <span class="c-accordion-heading__label"> <span class="u-sr">開ける</span> </span> </div> <div class="c-accordion-heading-body" aria-hidden="true"> <span class="c-accordion-heading__label"> <span class="u-sr">閉じる</span> </span> </div> <span class="c-accordion-heading__ico"><span class="u-sr">Enterを押して開閉する</span></span> </div> </div> <div class="c-accordion-body" role="tabpanel" aria-hidden="true" aria-labelledby="accordion01-title01" id="accordion01-content01"> <div class="c-accordion-body__inner"> <div class="categoryList__item__body"> <p class="categoryList__item__txt"> ガールズケイリン関連の情報は<br class="u-hide-sp">こちらから! </p> <div class="categoryList__item__img"> <img src="/assets_2023/img/top/img_ct05.png" alt=""> </div> </div> <button class="read-more"> <a href="/girlskeirin/" target="_blank"><span>くわしく見る</span></a> </button> </div> </div> </div> </div> </li> <li class="categoryList__item"> <div class="categoryList__inner"> <div class="c-accordion js-accordion-group" role="tablist" aria-label="アコーディオン6"> <div class="c-accordion-heading" role="tab" aria-expanded="false" aria-controls="accordion01-content01" id="accordion01-title01"> <div class="categoryList__item__head js-accordion-trigger"> <h3 class="categoryList__item__ttl ct06"> <img src="/assets_2023/img/top/ttl_category05.svg" width="118" height="62" alt="tickets"> <p class="categoryList__item__ttl-sub">車券のインターネット購入</p> </h3> </div> <div class="c-accordion-heading__inner ico-toggle-btn" tabindex="0"> <div class="c-accordion-heading-body" aria-hidden="false"> <span class="c-accordion-heading__label"> <span class="u-sr">開ける</span> </span> </div> <div class="c-accordion-heading-body" aria-hidden="true"> <span class="c-accordion-heading__label"> <span class="u-sr">閉じる</span> </span> </div> <span class="c-accordion-heading__ico"><span class="u-sr">Enterを押して開閉する</span></span> </div> </div> <div class="c-accordion-body" role="tabpanel" aria-hidden="true" aria-labelledby="accordion01-title01" id="accordion01-content01"> <div class="c-accordion-body__inner"> <div class="categoryList__item__body"> <p class="categoryList__item__txt"> 車券のインターネット投票ができる<br class="u-hide-sp">ポータルサイトのリンク集はこちらから。 </p> <div class="categoryList__item__img"> <img src="/assets_2023/img/top/img_ct06.png" alt=""> </div> </div> <button class="read-more"> <a href="/link/" target="_blank"><span>くわしく見る</span></a> </button> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> </section> </div> <div class="pickup"> <section class="c-section--lv1"> <div class="c-section--lv1__cover"> <div class="c-section--lv1__inner"> <div class="c-section__ttl"> <h2 class="c-section-heading"> <img src="/assets_2023/img/top/ttl_pickup.svg" alt="PICKUP"> </h2> <p class="c-section__txt">オススメコンテンツ</p> <p class="c-section__txt-desc">マルシェおオススメコンテンツをご紹介します!</p> </div> <div class="c-section--lv1-body"> <div class="c-section--container"> <ul class="pickupList"> <li class="pickupList__item"> <div class="pickupList__item__inner"> <div class="pickupList__item__head"> <h3 class="pickupList__item__ttl ct01"> <img src="/assets_2023/img/top/ttl_recommend.svg" alt="recommend"> <p class="pickupList__item__ttl-sub">マルシェ会員向けオススメコンテンツ</p> </h3> </div> <div class="pickupList__item__body"> <p class="pickupList__item__txt line-fix"> すごろくやガチャなどゲームをして<br class="u-hide-pc-tb">ポイントを貯めて、<br> プレゼントへ応募しよう!<br> また記事を読んでクイズに答えると<br> ポイントがもらえるのでぜひチェックしてね! </p> <div class="c-accordion js-accordion-group" role="tablist" aria-label="アコーディオン1"> <div class="c-accordion-heading" role="tab" aria-expanded="false" aria-controls="accordion01-content01" id="accordion01-title01"> <div class="categoryList__item__head js-accordion-trigger"> <h3 class="categoryList__item__ttl"> ゲームコンテンツ </h3> </div> <div class="c-accordion-heading__inner ico-toggle-btn" tabindex="0"> <div class="c-accordion-heading-body" aria-hidden="false"> <span class="c-accordion-heading__label"> <span class="u-sr">開ける</span> </span> </div> <div class="c-accordion-heading-body" aria-hidden="true"> <span class="c-accordion-heading__label"> <span class="u-sr">閉じる</span> </span> </div> <span class="c-accordion-heading__ico"><span class="u-sr">Enterを押して開閉する</span></span> </div> </div> <div class="c-accordion-body" role="tabpanel" aria-hidden="true" aria-labelledby="accordion01-title01" id="accordion01-content01" style="height: 0px;"> <div class="c-accordion-body__inner"> <div class="categoryList__item"> <ul class="categoryList__item__list"> <li><a href="/gacha/">ガチャ</a></li> <li><a href="/game/sugoroku/">すごろく</a></li> </ul> </div> </div> </div> </div> <div class="categoryList__item__head"> <h3 class="categoryList__item__ttl"> <a>クイズ未回答一覧</a> </h3> </div> </div> </div> </li> <li class="pickupList__item"> <div class="pickupList__item__inner"> <div class="pickupList__item__head"> <h3 class="pickupList__item__ttl ct02"> <img src="/assets_2023/img/top/ttl_present.svg" alt="present"> <p class="pickupList__item__ttl-sub">プレゼントへ応募する</p> </h3> </div> <div class="pickupList__item__body"> <p class="pickupList__item__txt line-fix"> マルシェ会員になって<br> 毎月抽選で当たるプレゼントへ応募しよう!<br> プレゼントの応募はこちらから。 </p> <div class="categoryList__item__head bg-yellow"> <h3 class="categoryList__item__ttl present"> <a href="/present/">プレゼント応募</a> </h3> </div> <a href="/keimaru/"> <p class="privilege"> <span>けいマルクラブ会員の特典についてはこちら</span> <span class="icon-arrow-black"><img src="/assets_2023/img/common/icon-arrow-black.svg" alt=""></span> </p> </a> </div> </div> </li> </ul> </div> </div> </div> </div> </section> </div> <div class="search"> <section class="top-section"> <div class="top-section__inner"> <div class="top-section-body"> <div class="l-modal-search__inner"> <div class="l-modal-search-body"> <div class="ttl-area"> <h2 class="l-modal-search__ttl"> <img src="/assets_2023/img/common/ttl_modal-search.svg" alt="SEARCH CONTENTS"> </h2> <p class="l-modal-search__txt"> 記事検索 </p> </div> <div class="search-area"> <p class="search-area__txt">キーワードから検索</p> <div class="search-area-searchForm"> <form action="/list/" method="get"> <input type="search" name="search" class="input_searchForm" size="30" maxlength="255" placeholder="キーワードを入力してください" value=""> <input type="submit" value="" class="btn_searchForm" onclick=""> <input type="hidden" name="mode" value="key"> </form> </div> </div> </div> </div> </div> </div> </section> </div> </main> </div> <footer id="footer" class="l-footer"> <aside id="aside" class="l-aside"> <div class="p-aside"> <div class="p-aside__inner"> <div class="p-aside-body"> <div class="l-aside-related"> <div class="l-aside-related__inner"> <ul class="related-list"> <li class="related-list__item"> <a href="https://morecadence.jp/" target="_blank"> <img src="/assets_2023/img/common/related_bnr01.png" alt="More CADENCE"> </a> </li> <li class="related-list__item"> <a href="/girlskeirin/" target="_blank"> <img src="/assets_2023/img/common/related_bnr02.png" alt="ガールズケイリン公式サイト"> </a> </li> <li class="related-list__item"> <a href="https://www.keirin-autorace.or.jp/" target="_blank"> <img src="/assets_2023/img/common/related_bnr03.png" alt="公益財団法人 JKA"> </a> </li> <li class="related-list__item"> <a href="https://www.jka-cycle.jp/" target="_blank"> <img src="/assets_2023/img/common/related_bnr04.png" alt="CYCLE JKA Social Action"> </a> </li> </ul> <ul class="related-list cp-bnr"> <!-- <li class="related-list__item"> <a href="https://morecadence.jp/makeithappen2024/thanks/" target="_blank"> <img src="/assets_2023/img/common/related_bnr06.jpg" alt="応援ありがとう!特設ページ MAKE it HAPPEN 2024 自転車競技日本代表応援サイト"> </a> </li> --> <li class="related-list__item"> <a href="https://keirinherogp.com/" target="_blank"> <img src="/assets_2023/img/common/related_bnr07.jpg" alt="KEIRIN HERO GP 「競輪グランプリ2024 」静岡の出場を目指す選手のHEROカードを集めよう!"> </a> </li> </ul> </div> </div> </div> </div> </div> </aside> <div class="l-footer-main"> <div class="l-footer-main__inner"> <div class="l-footer-main-body"> <div class="l-footer-pagetop"> <a href="#pagetop-anker" class="js-scroll"> <span class="l-footer-pagetop__ico"><span class="u-sr">ページの先頭へ</span></span> </a> </div> <div class="l-footer-column"> <div class="l-footer-column__parts"> <div class="l-footer-logo"> <a href="/"> <span class="l-footer-logo__label"><img src="/assets_2023/img/common/logo_proper.svg" alt="競輪選手・レース情報メディア けいりんマルシェ"></span> </a> </div> <div class="l-footer-social"> <div class="l-footer-social-btn"> <ul class="l-footer-social-btn-list"> <li class="l-footer-social-btn-list__item l-footer-social-btn-list__item--twitter"> <a href="https://twitter.com/intent/follow?screen_name=keirin_marche" target="_blank"> <div class="l-footer-social-btn-body"> <img src="/assets_2023/img/common/ico_x.png" alt=""> <span class="u-sr">Xでシェアする</span> </div> </a> </li> <li class="l-footer-social-btn-list__item l-footer-social-btn-list__item--line"> <a href="https://www.youtube.com/channel/UCSpbK75Nv0PXpTIDlFtPK3w" target="_blank"> <div class="l-footer-social-btn-body"> <img src="/assets_2023/img/common/ico_youtube.png" alt=""> <span class="u-sr">Toutubeでシェアする</span> </div> </a> </li> <li class="l-footer-social-btn-list__item l-footer-social-btn-list__item--line"> <a href="https://www.tiktok.com/@keirinmarche" target="_blank"> <div class="l-footer-social-btn-body"> <img src="/assets_2023/img/common/ico_tiktok.png" alt=""> <span class="u-sr">tiktokでシェアする</span> </div> </a> </li> </ul> </div> </div> </div> <div class="l-footer-column__parts"> <div class="l-footer-content"> <div class="l-footer-menu"> <nav class="l-footer-nav"> <ul class="l-footer-nav-list"> <li class="l-footer-nav-list__item"> <div class="l-footer-subnav"> <ul class="l-footer-subnav-list"> <li class="l-footer-subnav-list__item"> <a href="/about/"> <span class="l-footer-subnav__label">けいりんマルシェとは</span> </a> </li> <li class="l-footer-subnav-list__item"> <a href="/register/"> <span class="l-footer-subnav__label">会員登録・ログイン</span> </a> </li> <li class="l-footer-subnav-list__item"> <a href="/present/"> <span class="l-footer-subnav__label">プレゼント応募</span> </a> </li> </ul> </div> </li> <li class="l-footer-nav-list__item"> <div class="l-footer-subnav"> <ul class="l-footer-subnav-list"> <li class="l-footer-subnav-list__item"> <a href="/tvcm-top/"> <span class="l-footer-subnav__label">CMギャラリー</span> </a> </li> <li class="l-footer-subnav-list__item"> <a href="/movie/"> <span class="l-footer-subnav__label">動画バラエティ</span> </a> </li> <li class="l-footer-subnav-list__item"> <a href="/grade-race-top/"> <span class="l-footer-subnav__label">特別競輪レース</span> </a> </li> <li class="l-footer-subnav-list__item"> <a href="/girlskeirin/" target="_blank"> <span class="l-footer-subnav__label">ガールズケイリン</span> </a> </li> <li class="l-footer-subnav-list__item"> <a href="/column/"> <span class="l-footer-subnav__label">選手コラム</span> </a> </li> <li class="l-footer-subnav-list__item"> <a href="/news/"> <span class="l-footer-subnav__label">ニュース</span> </a> </li> </ul> </div> </li> <li class="l-footer-nav-list__item"> <div class="l-footer-subnav"> <ul class="l-footer-subnav-list"> <li class="l-footer-subnav-list__item"> <a href="/link/"> <span class="l-footer-subnav__label">車券投票サイトリンク</span> </a> </li> <li class="l-footer-subnav-list__item"> <a href="/guide/"> <span class="l-footer-subnav__label">けいりん初心者ガイド</span> </a> </li> <li class="l-footer-subnav-list__item"> <a href="/game/sugoroku/"> <span class="l-footer-subnav__label">けいマルすごろく</span> </a> </li> <li class="l-footer-subnav-list__item"> <a href="/gacha/"> <span class="l-footer-subnav__label">けいマルガチャ</span> </a> </li> </ul> </div> </li> <li class="l-footer-nav-list__item"> <div class="l-footer-subnav"> <ul class="l-footer-subnav-list"> <li class="l-footer-subnav-list__item"> <a href="mailto:info@keirin-marche.jp"> <span class="l-footer-subnav__label">お問い合わせ</span> </a> </li> <li class="l-footer-subnav-list__item"> <a href="/privacy/"> <span class="l-footer-subnav__label">プライバシーポリシー</span> </a> </li> <li class="l-footer-subnav-list__item"> <a href="/terms/"> <span class="l-footer-subnav__label">利用規約</span> </a> </li> <li class="l-footer-subnav-list__item"> <a href="http://keirin.jp/pc/top" target="_blank"> <span class="l-footer-subnav__label">競輪オフィシャルサイト</span> </a> </li> </ul> </div> </li> </ul> </nav> </div> </div> </div> </div> </div> </div> </div> <div class="l-footer-bottom"> <div class="l-footer-bottom__inner"> <div class="l-footer-bottom-body"> <div class="l-footer-submenu"> <p class="l-footer-txt">車券の購入は20歳になってから。競輪は適度に楽しみましょう。<br> 競輪とオートレースの売上の一部は、機械⼯業の振興や社会福祉等に役⽴てられています。</p> </div> <p class="l-footer-copy copy-img"> <img src="/assets_2023/img/common/copy_txt.svg" alt=""> </p> </div> </div> </div> <!-- 毎日のログインポイント獲得表示 --> <!-- <input id="first_today_loggedin" type="hidden" name="first_today_loggedin" value="0"> <div id="modal_getpoint_loggedin" class="modal_getpoint" style="display:none;"> <div class=" inner_modalGetpoint"> <div class="question-positive" style="display: block;"> <div class="question__inner"> <div class="question-point"> <picture><source media="(max-width:768px)" srcset="/assets/img/top/img_getpoint_sp.png"><img src="/assets/img/top/img_getpoint.png" alt=""></picture> </div> <a class="question-close-btn" href="#"> <picture><source media="(max-width:768px)" srcset="/assets/img/common/btn_modal_close_sp.png"><img src="/assets/img/common/btn_modal_close.png" alt="CLOSE"></picture> </a> </div> </div> </div> </div> --> <script> $(window).on('load', function() { if ($("#first_today_loggedin").val() == 1) { $("#modal_getpoint_loggedin").show(); } }); $("#modal_getpoint_loggedin a.question-close-btn").on('click', function() { $("#modal_getpoint_loggedin").hide(); }); </script> </footer> </div> <!-- サイドナビ --> <script> $(window).on('load scroll', function(){ if ($(window).scrollTop() > 200) { $('.is_flow').fadeIn(400); } else { $('.is_flow').fadeOut(400); } }); </script> <!-- slider --> <script> var setSlider = function(target) { const swiper = new Swiper(target, { // Optional parameters autoplay:true, direction: 'horizontal', loop: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, disableOnInteraction:false, spaceBetween: 16, grabCursor:true, loop:true, speed:600, breakpoints: { 300:{ slidesPerView:3.15, }, 376:{ slidesPerView:3.2, }, 600: { slidesPerView:3.25, }, 751: { slidesPerView:3.65 }, 800:{ slidesPerView:3.45, }, 880:{ slidesPerView:3.75, }, 1040:{ slidesPerView:3.8, }, 1120:{ slidesPerView:4.05, }, 1200:{ slidesPerView:3.55, }, 1280:{ slidesPerView:3.5, }, 1360:{ slidesPerView:3.7, }, 1440:{ slidesPerView:3.9, }, 1520:{ slidesPerView:4.1, }, 1600:{ slidesPerView:4.3, }, 1680:{ slidesPerView:4.5, }, 1760:{ slidesPerView:4.7, }, 1840:{ slidesPerView:4.9, }, 1920:{ slidesPerView:5.1, }, 2000:{ slidesPerView:5.3, } } }); const swiper02 = new Swiper(target + '02', { // Optional parameters direction: 'horizontal', loop: true, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, disableOnInteraction:false, centeredSlides:true, slidesPerView:1.4, // spaceBetween: 22.5, grabCursor:true, loop:true, //loopAdditionalSlides:10, speed:600, }); }; <!-- ニュース、コラム --> var loadNewsList; var jsonCallback_nl; var loadColumList; var jsonCallback_col; $(function () { loadNewsList = function(){ $.ajax({ url: "/wp/wp-admin/admin-ajax.php", type: 'post', dataType: 'jsonp', data: { action: "get_news_post_list", callback: 'jsonCallback_nl' }, }); }; jsonCallback_nl = function(jsondata){ setNewsItem(jsondata, 'div.news-list'); setTimeout(function(){ const swiperSlide = document.querySelectorAll('.news .swiper-slide'); const swiperActiveHeigth = document.querySelector('.news .swiper-slide-active .list-slider__img').clientHeight; const swiperSlideImg = document.querySelectorAll('.news .list-slider__img'); const swiperSlideHeight = swiperSlideImg[0].clientHeight; const gap = swiperActiveHeigth - swiperSlideHeight; for (let i = 0; i < swiperSlide.length; i++) { if(swiperSlide[i].className !== "swiper-slide-active"){ swiperSlide[i].style.paddingTop = gap + "px"; } } },500); setSlider('.swiper'); }; loadColumList = function(){ $.ajax({ url: "/wp/wp-admin/admin-ajax.php", type: 'post', dataType: 'jsonp', data: { action: "get_column_top_list", callback: 'jsonCallback_col' }, }); }; jsonCallback_col = function(jsondata){ console.log(jsondata);//debug setNewsItem(jsondata, 'div.column-list'); setTimeout(function(){ const swiperSlide = document.querySelectorAll('.column .swiper-slide'); const swiperActiveHeigth = document.querySelector('.column .swiper-slide-active .list-slider__img').clientHeight; const swiperSlideImg = document.querySelectorAll('.column .list-slider__img'); const swiperSlideHeight = swiperSlideImg[0].clientHeight; const gap = swiperActiveHeigth - swiperSlideHeight; for (let i = 0; i < swiperSlide.length; i++) { if(swiperSlide[i].className !== "swiper-slide-active"){ swiperSlide[i].style.paddingTop = gap + "px"; } } },500); setSlider('.swiper-c'); }; setNewsItem = function(jsondata, targetDiv) { $(targetDiv).html(''); for (var i=0;i<jsondata[0].length;i++) { var itemData = jsondata[0][i]; var li = '<div class="swiper-slide list-slider__item">'; li += ' <a href="'+itemData.permalink+'">'; li += ' <div class="list-slider__inner">'; li += ' <div class="list-slider__img">'; if (itemData.new_flag == true) { li += ' <div class="list-slider__new-icon">'; li += ' <span class="list-slider__new-icon-cover">'; if (targetDiv == 'div.column-list') { li += ' <img src="/assets_2023/img/common/icon-new_b.png" alt="NEW" />'; } else { li += ' <img src="/assets_2023/img/common/icon-new_o.png" alt="NEW" />'; } li += ' </span>'; li += ' </div>'; } li += ' <img src="'+itemData.listimage+'" alt="" />'; li += ' </div>'; li += ' <div class="list-slider__body">'; li += ' <h3 class="list-slider__ttl">'+itemData.listtitle+'</h3>'; li += ' <p class="list-slider__txt">'+itemData.listtext+'</p>'; li += ' <div class="list-slider__info">'; li += ' <time datetime="'+itemData.post_date+'">'+itemData.list_date+'</time>'; if (itemData.maintag.length) { li += ' <ul class="list-slider__tagList">'; for (var c=0;c<itemData.maintag.length;c++) { li += ' <li class="list-slider__tag">#'+itemData.maintag[c][1]+'</li>'; } li += ' </ul>'; } li += ' </div>'; li += ' </div>'; li += ' </div>'; li += ' </a>'; li += '</div>'; $(targetDiv).append(li); } } let timeoutID = 0; let delay = 500; window.addEventListener('resize',function(){ clearTimeout(timeoutID); timeoutID = setTimeout(function(){ setTimeout(function(){ const swiperSlide = document.querySelectorAll('.swiper-slide'); const swiperActiveHeigth = document.querySelector('.swiper-slide-active .list-slider__img').clientHeight; const swiperSlideImg = document.querySelectorAll('.list-slider__img'); const swiperSlideHeight = swiperSlideImg[0].clientHeight; const gap = swiperActiveHeigth - swiperSlideHeight; for (let i = 0; i < swiperSlide.length; i++) { if(swiperSlide[i].className !== "swiper-slide-active"){ swiperSlide[i].style.paddingTop = gap + "px"; } } },400) },false) }); var windowHeight = document.documentElement.clientHeight; var iObj = setInterval(function(){ var target_top = $('#news').offset().top; if (($(window).scrollTop() + windowHeight) >= target_top) { clearInterval(iObj); loadNewsList(); iObj = setInterval(function(){ var target_top = $('#column').offset().top; if (($(window).scrollTop() + windowHeight) >= target_top) { clearInterval(iObj); loadColumList(); } }, 500); } }, 500); }); $(".head-news-title").click(function() { $(".sp-news-button").toggleClass("clicked"); }); window.addEventListener("pageshow", function(event){ var entries = performance.getEntriesByType("navigation"); entries.forEach(function(entry) { if(entry.type == 'back_forward') { location.reload(); } }); }); </script> <script type="text/javascript" src="/assets/js/article.js?v=20220511"></script> <script type="text/javascript" src="/assets/js/jquery.magnific-popup.min.js?v=20220511"></script> <script type="text/javascript" src="/assets/js/picturefill.min.js?v=20220511"></script> <script type="text/javascript" src="/assets/js/jquery.matchHeight.js?v=20220511"></script> <script type="text/javascript" src="/assets/js/slick.js?v=20220511"></script> <script type="text/javascript" src="/assets/js/common_parts.js?v=20220511"></script> <script type="text/javascript" src="/assets/js/common.js?v=20220511"></script> <script type="text/javascript" src="/assets/js/script.js?v=20220511"></script> <!-- 毎日のログインポイント獲得表示 --> <input id="first_today_loggedin" type="hidden" name="first_today_loggedin" value="0"> <div id="modal_getpoint_loggedin" class="modal_getpoint" style="display:none;"> <div class=" inner_modalGetpoint"> <div class="question-positive" style="display: block;"> <div class="question__inner"> <div class="question-point"> <picture><source media="(max-width:768px)" srcset="/assets/img/top/img_getpoint_sp.png"><img src="/assets/img/top/img_getpoint.png" alt=""></picture> </div> <a class="question-close-btn" href="#"> <picture><source media="(max-width:768px)" srcset="/assets/img/common/btn_modal_close_sp.png"><img src="/assets/img/common/btn_modal_close.png" alt="CLOSE"></picture> </a> </div> </div> </div> </div> <!-- YTM --> <iframe src="//b.yjtag.jp/iframe?c=XSdoCbz" width="1" height="1" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe> <!-- YTM --> <!-- D2 --> <script type="text/javascript"> var __pParams = __pParams || []; __pParams.push({ client_id: '126', c_1: 'jka', c_2: 'ClientSite' }); </script> <script type="text/javascript" src="https://cdn.d2-apps.net/js/tr.js" async></script> </body> </html>