CINXE.COM
A.B.C-Z|STARTO ENTERTAINMENT
<!DOCTYPE html> <html lang="ja"> <head><link rel="alternate" hreflang="en" href="http://starto.jp/s/p/artist/26?lang=en"><script src="//j.wovn.io/1" data-wovnio="key=lzXAcn&backend=true&currentLang=ja&defaultLang=ja&urlPattern=query&langCodeAliases=[]&langParamName=lang" data-wovnio-info="version=WOVN.php_1.14.1" async></script><!-- Cookie同意バナー --> <!-- meta --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <meta name="robots" content="ALL"> <!-- OGP --> <meta property="og:title" content="A.B.C-Z|STARTO ENTERTAINMENT"> <meta property="og:type" content="website"> <meta property="og:url" content="https://starto.jp/s/p/artist/26"> <meta property="og:image" content="https://starto.jp/images/81/adc/3f52fb0e622ab61b19e08f44a4768.jpg"> <meta property="og:image:secure_url" content="https://starto.jp/images/81/adc/3f52fb0e622ab61b19e08f44a4768.jpg"> <meta property="og:site_name" content="STARTO ENTERTAINMENT"> <meta property="og:locale" content="ja_JP"> <meta name="twitter:card" content="summary"> <meta property="og:image:width" content="756" /> <meta property="og:image:height" content="756" /> <!-- X --> <meta name="twitter:title" content="A.B.C-Z|STARTO ENTERTAINMENT"> <meta name="twitter:image" content="https://starto.jp/images/81/adc/3f52fb0e622ab61b19e08f44a4768.jpg"> <meta name="twitter:title" content="A.B.C-Z|STARTO ENTERTAINMENT"> <meta name="twitter:url" content="https://starto.jp/s/p/artist/26"> <!-- favicon --> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-capable" content="no"> <meta name="mobile-web-app-capable" content="no"> <meta name="theme-color" content="#fff"> <link rel="icon" type="image/x-icon" href="/files/81/p/main/assets/img/meta/favicon.ico"> <link rel="icon" type="image/png" href="/files/81/p/main/assets/img/meta/android-chrome-512x512.png"> <link rel="apple-touch-icon" href="/files/81/p/main/assets/img/meta/apple-touch-icon.png"> <!--ディスクリプション --> <!-- 通常 --> <meta name="description" content="A.B.C-Zのスケジュール情報・コンサートステージ情報・映画情報・販売商品情報、SNS、ファンクラブ・BLOG・SHOP情報を紹介"> <!-- OGP --> <meta property="og:description" content="A.B.C-Zのスケジュール情報・コンサートステージ情報・映画情報・販売商品情報、SNS、ファンクラブ・BLOG・SHOP情報を紹介"> <!-- X --> <meta name="twitter:description" content="A.B.C-Zのスケジュール情報・コンサートステージ情報・映画情報・販売商品情報、SNS、ファンクラブ・BLOG・SHOP情報を紹介"> <!--canonical --> <link rel="canonical" href="https://starto.jp/s/p/artist/26"> <!-- canonical --> <!-- head CSS --> <link href="https://fonts.googleapis.com/css2?family=Lexend:wght@400;600&family=Noto+Sans+JP:wght@400;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/files/81/_assets/p/css/default_51_20241031004613.css"> <link rel="stylesheet" href="/files/81/_assets/p/css/main_49_20241031004101.css"> <link rel="stylesheet" href="/files/81/_assets/p/css/in_52_20241031170340.css"> <link rel="stylesheet" href="/files/81/_assets/p/css/article_18_20240314174034.css"> <!-- head JS --> <script> var SETTINGS = { env: { urlSearchParams: new URLSearchParams(window.location.search), params: {}, }, date: { obj: new Date() }, host: 'https://starto.jp', sitecode: 'p', sitedire: '/files/81/p', link: { serviceguide : '/s/p/group/detail/service-guide?ima=0832', } }; SETTINGS.env.params = Object.fromEntries(SETTINGS.env.urlSearchParams.entries()); if(SETTINGS.env.params.OPDATE){ let _set_d = SETTINGS.env.params.OPDATE; let _set_d_y = Number(_set_d.substring(0,4)); let _set_d_m = (Number(_set_d.substring(4,6)) || 1) - 1; let _set_d_d = Number(_set_d.substring(6,8)) || 1; let _set_d_th = Number(_set_d.substring(8,10)) || 0; let _set_d_tm = Number(_set_d.substring(10,12)) || 0; SETTINGS.date.obj = new Date(_set_d_y,_set_d_m,_set_d_d,_set_d_th,_set_d_tm); } SETTINGS.date.y = SETTINGS.date.obj.getFullYear(); SETTINGS.date.m = SETTINGS.date.obj.getMonth() + 1; SETTINGS.date.mm = String(SETTINGS.date.m).padStart(2, '0'); SETTINGS.date.d = SETTINGS.date.obj.getDate(); SETTINGS.date.dd = String(SETTINGS.date.d).padStart(2, '0'); SETTINGS.date.th = SETTINGS.date.obj.getHours(); SETTINGS.date.thh = String(SETTINGS.date.th).padStart(2, '0'); SETTINGS.date.tm = SETTINGS.date.obj.getMinutes(); SETTINGS.date.tmm = String(SETTINGS.date.tm).padStart(2, '0'); </script> <script src="/files/81/_assets/p/js/swiper_30_20240112114115.js"></script> <script src="/files/81/_assets/p/js/simplebar_29_20240112114002.js"></script> <script src="/files/81/_assets/p/js/lazysizes_28_20240112113913.js"></script> <script src="/files/81/_assets/p/js/scroll-effect-module_27_20240112113754.js"></script> <script src="/files/81/_assets/p/js/modal-module_26_20240112113702.js"></script> <script src="/files/81/_assets/p/js/dom_25_20240112113611.js"></script> <script src="/files/81/_assets/p/js/animejs_24_20240112113510.js"></script> <script src="/files/81/_assets/p/js/dayjs_34_20240112114824.js"></script> <script src="/files/81/_assets/p/js/common_22_20240329155828.js"></script> <script src="/files/81/_assets/p/js/slider_48_20241029162837.js"></script> <script src="/files/81/_assets/p/js/add_39_20240422125638.js"></script> <script src="/files/81/_assets/p/js/app_53_20241105120014.js" type="module"></script> <script src="/files/81/_assets/p/js/pagination_31_20240112114204.js"></script> <script> function replace_text() { const REPLACE_TEXT_LIST = [ { regx: /Hey! Say! JUMP/g, html: '<span class="font_hey-say-jump">Hey! Say! JUMP</span>' },{ regx: /King & Prince/g, html: 'King & Prince' }, ]; // 複数のクラスを対象に要素をすべて選択 const replaced_elem = document.querySelectorAll('[data-text-replace], .c-cast__item, .c-artist_card__name, .c-disco_card__artist, .c-ttl-2, .c-subhead-2, .article'); // 要素が存在する場合のみ処理を行う if (replaced_elem.length > 0) { // 各要素に対して処理を行う let _match_count = 0; replaced_elem.forEach(function (replaced_text) { if(replaced_text.getAttribute('data-text-replaced')) return false; _match_count = 0; // 要素の内部HTMLを取得 let innerHTML = replaced_text.innerHTML; let replaced = innerHTML; for (let _index = 0; _index < REPLACE_TEXT_LIST.length; _index++) { const _item = REPLACE_TEXT_LIST[_index]; if(replaced.match(_item.regx)) _match_count++; replaced = replaced.replace(_item.regx, _item.html); } // 置換した内容で要素を更新 if(replaced != innerHTML){ replaced_text.innerHTML = replaced; replaced_text.setAttribute('data-text-replaced', _match_count); } else { replaced_text.setAttribute('data-text-replaced', 'none'); } }); } } window.addEventListener("load", function() { setTimeout(replace_text, 200); // 0.2秒後に実行 }); </script> <!-- GTM head用 --> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TCC9W8TN');</script> <!-- End Google Tag Manager --> <!-- 共通 JS追加 --> <script type="text/javascript" src="https://cdn-apac.onetrust.com/consent/018e74f5-37c7-7416-a96b-2b9831e45de9/OtAutoBlock.js" ></script> <script src="https://cdn-apac.onetrust.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="018e74f5-37c7-7416-a96b-2b9831e45de9" ></script> <script type="text/javascript"> function OptanonWrapper() { } </script> <script> document.addEventListener('contextmenu', function(event) { // 画像の保存を防ぐ if (event.target.tagName === 'IMG') { event.preventDefault(); } }); // 画像のドラッグを禁止する document.addEventListener('dragstart', function(event) { if (event.target.tagName === 'IMG') { event.preventDefault(); } }); </script> <style> img { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera, and Firefox */ pointer-events: none; /* This makes the element non-interactive */ } </style> <script> function replace_text() { const REPLACE_TEXT_LIST = [ { regx: /Hey! Say! JUMP/g, html: '<span class="font_hey-say-jump">Hey! Say! JUMP</span>' },{ regx: /King & Prince/g, html: 'King & Prince' }, ]; // 複数のクラスを対象に要素をすべて選択 const replaced_elem = document.querySelectorAll('[data-text-replace], .c-cast__item, .c-artist_card__name, .c-disco_card__artist, .c-ttl-2, .c-subhead-2, .article'); // 要素が存在する場合のみ処理を行う if (replaced_elem.length > 0) { // 各要素に対して処理を行う let _match_count = 0; replaced_elem.forEach(function (replaced_text) { if(replaced_text.getAttribute('data-text-replaced')) return false; _match_count = 0; // 要素の内部HTMLを取得 let innerHTML = replaced_text.innerHTML; let replaced = innerHTML; for (let _index = 0; _index < REPLACE_TEXT_LIST.length; _index++) { const _item = REPLACE_TEXT_LIST[_index]; if(replaced.match(_item.regx)) _match_count++; replaced = replaced.replace(_item.regx, _item.html); } // 置換した内容で要素を更新 if(replaced != innerHTML){ replaced_text.innerHTML = replaced; replaced_text.setAttribute('data-text-replaced', _match_count); } else { replaced_text.setAttribute('data-text-replaced', 'none'); } }); } } window.addEventListener("load", function() { setTimeout(replace_text, 200); // 0.2秒後に実行 }); </script> <!-- 共通 CSS追加 --> <style> .system_operation_block, .system_operation_block p, .system_operation_block a, .system_operation_block strong { font-size: 10px !important; } /* 共通 置換テキスト用スタイル */ .font_sexy-zone-red{ color:red; } /* 共通 置換テキスト用スタイル */ [lang="ja"] .l-nav_account__list-item[data-lang="en"]{ display:none; } [lang="en"] .l-nav_account__list-item[data-lang="ja"]{ display:none; } .l-nav_account__list{ gap:24px; } .l-nav_account__list-item + .l-nav_account__list-item{ margin-left:0 !important; } /*テキストバナー*/ .c-banner-item__link--text{ text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: table; font-size: min(1vw, 16px); padding: 1em; font-weight: bold; color: #565656; word-break: break-word; } @media screen and (max-width: 900px){ .c-banner-item__link--text{ font-size: 3vw; } } /*テキストバナー*/ .c-banner-text-link-item-box{ display: flex; flex-flow: column; gap: .5em; margin-top: 1.25em; } .c-banner-text-link-item-box + .p-related__list{ margin-top:.5em; } .c-banner-text-link-item{ list-style: disc; margin-left: 1em; } .c-banner-text-link-item__link{ display: inline flex; gap: .25em; align-items: center; position: relative; overflow: hidden; } .c-banner-text-link-item__link::after{ display:block; content: ""; width:10px; height: 10px; background: url(/files/81/p/main/assets/img/icon/icon_link.svg) center center no-repeat; margin-top:1px; } .c-banner-text-link-item__link::before{ display: block; content: ""; position: absolute; bottom: 0; width: 100%; height: 1px; background: var(--color-black); translate: -100%; transition: 0.6s var(--ease-main); } .c-banner-text-link-item__link:hover::before{ translate: 0%; } .c-banner-text-link-item__text{} /*order*/ .c-disco_card__artist{ display: flex; flex-direction: column; } /*パンくず改行*/ .l-footer_map__list{ flex-wrap: wrap; } /*artist account ボーダーバグ*/ .m-nav__account-list{ position: relative; } .m-nav__account-list::after { content: ""; position: absolute; bottom: -1px; background: #fff; display: block; width: 100%; height: 2px; } .m-nav__account-item:last-child { border-bottom: 1px solid var(--color-gray3); } .c-artist_card{ position: relative; display: block; } .c-artist_card[target=_blank]::after { content: ""; position: absolute; top: 10px; right: 16px; z-index: 1; width: 20px; height: 20px; background: url(/files/81/p/main/assets/img/icon/icon_link.svg) center center no-repeat; background-size: contain; pointer-events: none; filter: drop-shadow(-2px -2px 1px #fff); background-color: rgba(255, 255, 255, .5); } .youtube iframe { width: 100%; aspect-ratio: 16 / 9; } .c-btn__inner{ text-wrap: balance; } .p-fc__sign{ gap:16px 3%; } .p-fc__sign-item + .p-fc__sign-item{ margin:0; } /*バナーサイズ変更*/ .p-related__list.is-related { grid-template-columns: repeat(4, 1fr); } @media screen and (max-width: 900px) { .p-related__list.is-related { display: grid; grid-template-columns: repeat(1, 1fr); } } .is-related .p-related__img-inner::after { top: 7px; right: 7px; width: 12px; height: 12px; } /*2024/08/26 ライブカスタムリンク追加*/ .p-cs_detail__link-item + .p-cs_detail__link-item{ margin-top: 1em; } /*2024/08/26 heysayjumpフォント指定追加*/ .font_hey-say-jump { font-family: var(--font-lexend); vertical-align: baseline; opacity: 1 !important; } /*2024/09/06 artist top スケジュール高さ調整*/ /*2024/10/03 artist top スケジュールのタブ分離 .--artist .p-schedule__block{ height: fit-content; } */ .p-schedule__block { height: fit-content; max-height: 470px; } @media not all and (max-width: 900px) { .--artist .p-schedule__block { height: fit-content; max-height: 900px; } } /*2024/09/13 disco日付複数*/ .c-disco_card__detail{ flex-wrap: wrap; gap: 3px 0; } @media not all and (max-width: 500px) { .c-disco_card__date .c-date:has(+ .c-date)::after{ content:" /"; } } /*2024/09/24 複数日付調整*/ @media screen and (max-width: 500px) { .c-disco_card__date .c-date:has(+ .c-date){ min-width: 51%; } } /*2024/10/15 MOVIE調整*/ .c-movie_card__header{ padding-top: calc(9 / 16 * 100%); } .c-movie_card__img-inner img{ object-fit: contain; background: #f0f0f0; } /*2025/02/15 プロフィールスマホ並び調整*/ @media not all and (min-width: 900px) { .p-in_prof__list{ display: flex; flex-direction: column; } } /*20250324 BLOG調整*/ .p-blog__btn-list{ display: flex; flex-direction: column; } </style> <title>A.B.C-Z|STARTO ENTERTAINMENT</title> </head> <body data-str-code="26" data-artist="26"><!-- GTM body用 --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TCC9W8TN" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- container --> <div class="l-wrapper"> <!-- header --> <header class="l-header"> <div class="l-header__bg js-bg"></div> <div class="l-header__bar"> <div class="l-header__bar-bg js-bg"></div> <div class="l-header__bar-container"> <div class="l-header__l"> <!-- logo --> <div class="l-header__ttl"><a href="/?ima=0832"><img src="/files/81/p/main/assets/img/logo/logo.svg" alt="STARTO ENTERTAINMENT" style="width:100%;"></a></div> <!-- logo --> </div> <div class="l-header__r"> <div class="l-header__search" data-app-search></div> <div class="l-header__menu js-menu-btn"> <span></span> <span></span> <span></span> </div> </div> </div> </div> <div class="l-header__nav"> <div class="l-nav"> <div class="l-nav__container"> <div class="l-nav_menu"> <div class="l-nav_menu__container"> <nav> <ul class="l-nav_menu__list"> <li class="l-nav_menu__list-item"> <a href="/?ima=0832" class=""> <div class="">TOP</div> </a> </li><li class="l-nav_menu__list-item"> <a href="/s/p/search/artist?ima=0832" class=""> <div class="">ARTIST</div> </a> </li><li class="l-nav_menu__list-item"> <a href="/s/p/news/list?ima=0832" class=""> <div class="">NEWS</div> </a> </li><li class="l-nav_menu__list-item"> <a href="/s/p/media/list?ima=0832" class=""> <div class="">SCHEDULE</div> </a> </li><li class="l-nav_menu__list-item"> <a href="/s/p/live?ima=0832" class=""> <div class="">CONCERT/STAGE</div> </a> </li><li class="l-nav_menu__list-item"> <a href="/s/p/media/list?ima=0832&ct=movie" class=""> <div class="">MOVIE</div> </a> </li><li class="l-nav_menu__list-item"> <a href="/s/p/search/discography?ima=0832" class=""> <div class="">RELEASE</div> </a> </li> </ul> </nav> <style> .l-nav_account__company{ display: flex; font-size: 15px; gap: 5px; margin-bottom: -24px; position: relative; overflow: hidden; } .l-nav_account__company::before{ display: block; content: ""; position: absolute; bottom: 0; width: 100%; height: 1px; background: var(--color-black); translate: -100%; transition: 0.6s var(--ease-main); } .l-nav_account__company:hover::before{ translate: 0%; } </style> <div class="l-nav_account"> <div class="l-nav_account__txt"> <a href="https://corporate.starto.jp" target="_blank" class="l-nav_account__company" style=""><span>会社情報</span><img src="/files/81/p/main/assets/img/icon/icon_link.svg" alt="arrow"></a> </div> </div> <div class="l-nav_account"> <div class="l-nav_account__txt" style="font-size:15px">OFFICIAL ACCOUNT</div> <ul class="l-nav_account__list"> <li class="l-nav_account__list-item is-x" data-lang="ja"> <a href="https://twitter.com/STARTO_INT" target="_blank"> <img src="/files/81/p/main/assets/img/sns/sns_menu_x.svg" alt="X" class=""> </a> </li> <li class="l-nav_account__list-item is-x" data-lang="en"> <a href="https://twitter.com/STARTO_INT" target="_blank"> <img src="/files/81/p/main/assets/img/sns/sns_menu_x.svg" alt="X" class=""> </a> </li> <li class="l-nav_account__list-item is-youtube" > <a href="https://www.youtube.com/@STARTO_official" target="_blank"> <img src="/files/81/p/main/assets/img/sns/sns_menu_youtube.svg" alt="YouTube" class=""> </a> </li> </ul> </div> </div> </div> <style> .l-nav_artist-link{ margin: auto; } @media not all and (max-width: 1000px) { .l-nav_artist-link{ overflow-y: auto; } .l-nav_artist-link__list-box{ display: table; padding-bottom:60px; } } @media screen and (max-width: 900px) { .l-nav_artist-link { width: 89.3333333333%; max-width: 570px; padding: 47px 0 56px; } } @media not all and (max-width: 900px) { @media screen and (max-width: 1000px) { .l-nav_artist-link { width: 91.4285714286%; max-width: 570px; } } } .l-nav_artist-link .l-nav_artist-link__container{ display: flex; gap: 2em; width: 100%; } @media not all and (max-width: 1000px) { .l-nav_artist-link .l-nav_artist-link__container{ height: calc(100dvh - 300px); justify-content: center; } } @media screen and (max-width: 900px) { .l-nav_artist-link .l-nav_artist-link__container{ width:100%; } } @media not all and (max-width: 900px) { @media screen and (max-width: 1000px) { .l-nav_artist-link .l-nav_artist-link__container { width:100%; } } } .l-nav_artist-link .p-in_artist__list { display: flex; flex-direction: column; } .l-nav_artist-link .p-in_artist__list-item{ list-style: none; } .l-nav_artist-link .c-artist_card__header, .l-nav_artist-link .c-artist_card__name-hosoku{ display: none !important; } .l-nav_artist-link .c-artist_card__name.is-center{ text-align: left; } .l-nav_artist-link .c-artist_card{ display: flex; align-items: baseline; gap: .3em; } .l-nav_artist-link .c-artist_card[target=_blank]::after { display: block; position: static; width: 13px; height: 13px; } .l-nav_artist-link .p-in_artist__list:not(:first-child){ padding-top: 0; margin-top: 1em; border: 0; } </style> <div class="l-nav_banner l-nav_artist-link"> <nav class="l-nav_artist-link__container"> <div class="l-nav_artist-link__list-box"> <ul class="l-nav_artist-link__list"> <li class="p-in_artist__list-item" style="order:5000;"> <a href="/s/p/artist/8?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">KinKi Kids</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:6000;"> <a href="/s/p/artist/57?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">20th Century</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:12000;"> <a href="/s/p/artist/12?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">NEWS</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:13000;"> <a href="/s/p/artist/13?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">SUPER EIGHT</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:14000;"> <a href="/s/p/artist/14?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">KAT-TUN</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:15000;"> <a href="/s/p/artist/15?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">Hey! Say! JUMP</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:17000;"> <a href="/s/p/artist/17?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">Kis-My-Ft2</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:18000;"> <a href="/s/p/artist/24?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">timelesz</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:19000;"> <a href="/s/p/artist/26?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">A.B.C-Z</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:21000;"> <a href="/s/p/artist/29?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">WEST.</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:29000;"> <a href="/s/p/artist/42?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">SixTONES</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:30000;"> <a href="/s/p/artist/43?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">Snow Man</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:32000;"> <a href="/s/p/artist/56?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">なにわ男子</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:37000;"> <a href="/s/p/artist/60?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">Travis Japan</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:38000;"> <a href="/s/p/artist/157?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">Aぇ! group</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:900000;"> <a href="https://jr-official.starto.jp" target="_blank" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">ジュニア</span> </div> </div> </a> </li> </ul> <ul class="p-in_artist__list"> <li class="p-in_artist__list-item" style="order:1001000;"> <a href="/s/p/artist/10?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">嵐</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:1005000;"> <a href="/s/p/artist/41?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">King & Prince</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:1000000;"> <a href="/s/p/artist/7?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">TOKIO</span> </div> </div> </a> </li> </ul> </div> <div class="l-nav_artist-link__list-box"> <ul class="p-in_artist__list"> <li class="p-in_artist__list-item" style="order:60500;"> <a href="/s/p/artist/39?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">ふぉ~ゆ~</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:3000;"> <a href="/s/p/artist/35?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">木村拓哉</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:5150;"> <a href="/s/p/artist/163?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">堂本光一</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:55000;"> <a href="/s/p/artist/27?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">内博貴</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:57000;"> <a href="/s/p/artist/32?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">長谷川純</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:59000;"> <a href="/s/p/artist/51?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">岡本圭人</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:59500;"> <a href="/s/p/artist/156?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">中島健人</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:60000;"> <a href="/s/p/artist/100?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">河合郁人</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:61000;"> <a href="/s/p/artist/44?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">林翔太</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:62000;"> <a href="/s/p/artist/52?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">室龍太</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:63000;"> <a href="/s/p/artist/53?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">高田翔</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:66000;"> <a href="/s/p/artist/61?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">今江大地</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:67000;"> <a href="/s/p/artist/153?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">松本幸大</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:68000;"> <a href="/s/p/artist/154?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">冨岡健翔</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:69000;"> <a href="/s/p/artist/155?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">野澤祐樹</span> </div> </div> </a> </li> </ul> <!-- レジェンド --> <!-- エージェント契約 --> <ul class="p-in_artist__list"> <li class="p-in_artist__list-item" style="order:90000;"> <a href="/s/p/artist/3?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">内海光司</span> </div> </div> </a> </li> <li class="p-in_artist__list-item" style="order:91000;"> <a href="/s/p/artist/4?ima=0832" class="c-artist_card"> <div class="c-artist_card__inner"> <div class="c-artist_card__name is-center"> <span class="c-ttl-2">佐藤アツヒロ</span> </div> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </header> <!-- templateタグ出力 --> <!-- 有料サービス --> <!-- FCエリア --> <template class="" id="artist-fc" data-artist-menu-temp> <div class="l-a_nav_submenu__cont-header js-header-tab-back"> <div class="l-a_nav_submenu__cont-ttl">FAN CLUB</div> </div> <div class="p-fc"> <div class="p-fc__logo"> <img src="/images/81/d55/904683279cf569a538be5808da955.png" alt="FCロゴA.B.C-Z FC"> <img src="/images/81/d55/904683279cf569a538be5808da955-01.png" alt="FCロゴA.B.C-Z FC"> </div> <div class="p-fc__txt">A.B.C-Zのオフィシャルファンクラブです</div> <ul class="p-fc__sign"> <li class="p-fc__sign-item"><div class="c-btn"><a href="https://www.fc-member.familyclub.jp/login/index/f/AZ" class="c-btn__inner" target="_blank">ログイン</a></div></li> <li class="p-fc__sign-item"><div class="c-btn"><a href="https://www.fc-member.familyclub.jp/page/fc_join" class="c-btn__inner" target="_blank">会員登録</a></div></li> </ul> </div> </template> <!-- FCエリア --> <!-- BLOG --> <template class="" id="artist-blog" data-artist-menu-temp> <div class="l-a_nav_submenu__cont-header js-header-tab-back"> <div class="l-a_nav_submenu__cont-ttl">BLOG</div> </div> <div class="p-blog"> <div class="p-blog__logo"> <img src="/files/81/p/main/assets/img/logo/logo_fc-web.svg" alt="FAMILY CLUB web"> <img src="/files/81/p/main/assets/img/logo/logo_fc-web_nega.svg" alt="FAMILY CLUB web"> </div> <div class="p-blog__txt">A.B.C-Zのブログです</div> <ul class="p-blog__sign"> <li class="p-blog__sign-item"> <div class="c-btn"> <a href="https://web.familyclub.jp/s/jwb/login" class="c-btn__inner">ログイン</a> </div> </li> <li class="p-blog__sign-item"> <div class="c-btn"> <a href="https://web.familyclub.jp/s/jwb/member/add" class="c-btn__inner">会員登録</a> </div> </li> </ul> <div class="p-blog__btn js-scrollBar"> <div class="p-blog__btn-loader"> <div class="u-loader"></div> </div> <ul class="p-blog__btn-list"> <li class="p-blog__btn-item" style="order:99"> <a href="https://web.familyclub.jp/abcz/" target="_blank" class="c-blog"> <div class="c-blog__header"> <div class="c-blog__img"> <div class="c-blog__img-inner"> <img src="/images/81/bf6/961d7dbb79fd6cc4ceec45cf85cd5.jpg" alt="えびにっき"> </div> </div> </div> <div class="c-blog__inner"> <div class="c-blog__name" style="display: flex; gap: 0.5em 1em; flex-wrap: wrap;"> A.B.C-Z </div> <div class="c-blog__ttl">えびにっき</div> </div> </a> </li> <li class="p-blog__btn-item" style="order:99"> <a href="https://web.familyclub.jp/ryosuke_hashimoto/" target="_blank" class="c-blog"> <div class="c-blog__header"> <div class="c-blog__img"> <div class="c-blog__img-inner"> <img src="/images/81/352/8818e68c213313a619f45f3de4bfa.jpg" alt="橋の素"> </div> </div> </div> <div class="c-blog__inner"> <div class="c-blog__name" style="display: flex; gap: 0.5em 1em; flex-wrap: wrap;"> 橋本良亮 </div> <div class="c-blog__ttl">橋の素</div> </div> </a> </li> <li class="p-blog__btn-item" style="order:99"> <a href="https://web.familyclub.jp/shota_totsuka/" target="_blank" class="c-blog"> <div class="c-blog__header"> <div class="c-blog__img"> <div class="c-blog__img-inner"> <img src="/images/81/67c/be0fc921f8f496bcc1bbb10b633ee.png" alt="guerrilla love"> </div> </div> </div> <div class="c-blog__inner"> <div class="c-blog__name" style="display: flex; gap: 0.5em 1em; flex-wrap: wrap;"> 戸塚祥太 </div> <div class="c-blog__ttl">guerrilla love</div> </div> </a> </li> <li class="p-blog__btn-item" style="order:99"> <a href="https://web.familyclub.jp/koichi_goseki/" target="_blank" class="c-blog"> <div class="c-blog__header"> <div class="c-blog__img"> <div class="c-blog__img-inner"> <img src="/images/81/0af/710d89a080f07e5b193eac2d2b2ab.jpg" alt="ごっちの声ログ"> </div> </div> </div> <div class="c-blog__inner"> <div class="c-blog__name" style="display: flex; gap: 0.5em 1em; flex-wrap: wrap;"> 五関晃一 </div> <div class="c-blog__ttl">ごっちの声ログ</div> </div> </a> </li> <li class="p-blog__btn-item" style="order:99"> <a href="https://web.familyclub.jp/ryoichi_tsukada/" target="_blank" class="c-blog"> <div class="c-blog__header"> <div class="c-blog__img"> <div class="c-blog__img-inner"> <img src="/images/81/b0b/dcf34513447472394b6539e2ee6c1.jpg" alt="つかにっき"> </div> </div> </div> <div class="c-blog__inner"> <div class="c-blog__name" style="display: flex; gap: 0.5em 1em; flex-wrap: wrap;"> 塚田僚一 </div> <div class="c-blog__ttl">つかにっき</div> </div> </a> </li> </ul> </div> </div> <!-- ここまで --> </template> <!-- BLOG --> <!-- SHOP --> <template class="" id="artist-shop" data-artist-menu-temp> <a href="https://famikura-store.jp/s/j/" target="_blank">SHOP</a> </template> <!-- SHOP --> <!-- 有料サービス --> <!-- templateタグ出力 --> <header class="l-a_header"> <div class="l-a_header__bar"> <div class="l-a_header__bar-container"> <div class="l-a_header__l"> <h1 class="l-a_header__ttl"><span class="c-ttl-1">A.B.C-Z</span></h1> </div> <div class="l-a_header__r"> <div class="l-a_header__menu js-artist-menu-btn"> <div class="l-a_header__menu-txt is-menu">MENU</div> <div class="l-a_header__menu-txt is-close">CLOSE</div> </div> </div> </div> </div> <div class="l-a_header__nav"> <nav class="l-a_nav"> <div class="l-a_nav__bg js-artist-menu-btn"></div> <div class="l-a_nav__container"> <div class="l-a_nav_menu"> <div class="l-a_nav_menu__container"> <ul class="l-a_nav_menu__list"> <li class="l-a_nav_menu__list-item "> <a href="/s/p/artist/26/profile?ima=0832&tag=26&list[]=26&artist=26">PROFILE</a> </li> <li class="l-a_nav_menu__list-item "> <a href="/s/p/media/list?ima=0832&tag=26&list[]=26&artist=26">SCHEDULE</a> </li> <li class="l-a_nav_menu__list-item "> <a href="/s/p/news/list?ima=0832&tag=26&list[]=26&artist=26">NEWS</a> </li> <li class="l-a_nav_menu__list-item "> <a href="/s/p/live?ima=0832&tag=26&list[]=26&artist=26">CONCERT/STAGE</a> </li> <li class="l-a_nav_menu__list-item is-disable"> <a href="/s/p/media/list?ima=0832&ct=movie&tag=26&list[]=26&artist=26">MOVIE</a> </li> <li class="l-a_nav_menu__list-item "> <a href="/s/p/search/discography?ima=0832&tag=26&list[]=26&artist=26">DISCOGRAPHY</a> </li> </ul> </div> </div> <div class="l-a_nav_submenu"> <div class="l-a_nav_submenu__container js-header-tab"> <ul class="l-a_nav_submenu__list"> <li class="l-a_nav_submenu__list-item js-header-tab-btn"><span class="l-a_nav_submenu__link">FAN CLUB</span></li> <li class="l-a_nav_submenu__list-item js-header-tab-btn"><span class="l-a_nav_submenu__link">BLOG</span></li> <li class="l-a_nav_submenu__list-item" data-artist-menu-shop-link><a class="l-a_nav_submenu__link" href="">SHOP</a></li> </ul> <div class="l-a_nav_submenu__inner"> <!-- ファンクラブ --> <div class="l-a_nav_submenu__cont js-header-tab-cont"><div class="l-a_nav_submenu__cont-container"></div></div> <!-- ファンクラブ --> <!-- ブログ --> <div class="l-a_nav_submenu__cont js-header-tab-cont"><div class="l-a_nav_submenu__cont-container"></div></div> <!-- ブログ --> </div> </div> </div> </div> </nav> </div> </header> <script> (function(){ // テンプレートを取得 const fcTemplate = document.querySelector('#artist-fc').content; const blogTemplate = document.querySelector('#artist-blog').content; const shopTemplate = document.querySelector('#artist-shop').content; // ターゲットにテンプレートの内容を追加 document.querySelectorAll('.l-a_nav_submenu__cont')[0].querySelector('.l-a_nav_submenu__cont-container').appendChild(document.importNode(fcTemplate, true)); document.querySelectorAll('.l-a_nav_submenu__cont')[1].querySelector('.l-a_nav_submenu__cont-container').appendChild(document.importNode(blogTemplate, true)); document.querySelector('.l-a_nav_submenu__list [data-artist-menu-shop-link]').innerHTML = ''; document.querySelector('.l-a_nav_submenu__list [data-artist-menu-shop-link]').appendChild(document.importNode(shopTemplate, true)); document.addEventListener('DOMContentLoaded', function(event) { if(fcTemplate.querySelectorAll('.p-fc__sign li').length){ document.querySelectorAll('.p-nav_sub__list-item')[0].querySelector('template').content.querySelector('.m-nav__inner').innerHTML = ''; document.querySelectorAll('.p-nav_sub__list-item')[0].querySelector('template').content.querySelector('.m-nav__inner').append(document.importNode(fcTemplate, true)); } else { // document.querySelectorAll('.l-a_nav_submenu__cont')[0].remove(); document.querySelectorAll('.l-a_nav_submenu__list-item')[0].classList.remove('js-header-tab-btn'); document.querySelectorAll('.l-a_nav_submenu__list-item')[0].classList.add('is-disable'); document.querySelectorAll('.p-nav_sub__list-item')[0].classList.add('is-disable'); } if(blogTemplate.querySelectorAll('.p-blog__btn-list li').length){ document.querySelectorAll('.p-nav_sub__list-item')[1].querySelector('template').content.querySelector('.m-nav__inner').innerHTML = ''; document.querySelectorAll('.p-nav_sub__list-item')[1].querySelector('template').content.querySelector('.m-nav__inner').append(document.importNode(blogTemplate, true)); } else { // document.querySelectorAll('.l-a_nav_submenu__cont')[1].remove(); document.querySelectorAll('.l-a_nav_submenu__list-item')[1].classList.remove('js-header-tab-btn'); document.querySelectorAll('.l-a_nav_submenu__list-item')[1].classList.add('is-disable'); document.querySelectorAll('.p-nav_sub__list-item')[1].classList.add('is-disable'); } if(shopTemplate.querySelectorAll('a').length && shopTemplate.querySelector('a').getAttribute('href')){ document.querySelector('.p-nav_sub__list-item[data-artist-menu-shop-link]').innerHTML = ''; document.querySelector('.p-nav_sub__list-item[data-artist-menu-shop-link]').append(document.importNode(shopTemplate, true)); document.querySelector('.p-nav_sub__list-item[data-artist-menu-shop-link] a').classList.add('p-nav_sub__link'); } else { document.querySelectorAll('.l-a_nav_submenu__list-item')[2].classList.add('is-disable'); document.querySelector('.p-nav_sub__list-item[data-artist-menu-shop-link]').classList.add('is-disable'); } }); }()); </script> <!-- main --> <main class="l-main --top --artist"> <!-- HERO --> <div class="p-a_hero"> <div class="p-a_hero__main js-artistheroSlide"> <ul class="p-a_hero__slide js-slideWrapper"> <li class="p-a_hero__slide-item js-slideItem"> <a href="/s/p/artist/26/profile?ima=0832" class="p-a_hero_data"> <div class="p-a_hero_data__img u-imgload"> <div class="p-a_hero_data__img-inner"><img src="/images/81/adc/3f52fb0e622ab61b19e08f44a4768.jpg" alt="A.B.C-Z"></div> </div> </a> </li> </ul> </div> <div class="p-a_hero__thumb js-artistheroThumbSlide"> <ul class="p-a_hero__slide js-slideWrapper"> <li class="p-a_hero__slide-item js-slideItem"> <a href="/s/p/artist/26/profile?ima=0832" class="p-a_hero_data"> <div class="p-a_hero_data__img u-imgload"> <div class="p-a_hero_data__img-inner"><img src="/images/81/adc/3f52fb0e622ab61b19e08f44a4768.jpg" alt="A.B.C-Z"></div> </div> </a> </li> </ul> </div> <style>.p-a_hero__thumb .p-a_hero_data { pointer-events: none; }</style> <div class="p-a_hero__nav"> <div class="p-a_hero__nav-btn"> <div class="c-pause js-autoplayBtn"> <div class="c-pause__icon is-pause"><img src="/files/81/p/main/assets/img/icon/icon_slide_pause.svg" alt="スライド一時停止"></div> <div class="c-pause__icon is-play"><img src="/files/81/p/main/assets/img/icon/icon_slide_play.svg" alt="スライド再生"></div> </div> </div> </div> </div> <!-- HERO --> <!-- NAVIGATION --> <div class="p-nav"> <div class="p-nav__container"> <ul class="p-nav__list"> <li class="p-nav__list-item "> <a href="/s/p/artist/26/profile?ima=0832&tag=26&list[]=26&artist=26" class="p-nav__link">PROFILE</a> </li> <li class="p-nav__list-item "> <a href="/s/p/media/list?ima=0832&tag=26&list[]=26&artist=26" class="p-nav__link">SCHEDULE</a> </li> <li class="p-nav__list-item "> <a href="/s/p/news/list?ima=0832&tag=26&list[]=26&artist=26" class="p-nav__link">NEWS</a> </li> <li class="p-nav__list-item "> <a href="/s/p/live?ima=0832&tag=26&list[]=26&artist=26" class="p-nav__link">CONCERT/STAGE</a> </li> <li class="p-nav__list-item is-disable"> <a href="/s/p/media/list?ima=0832&ct=movie&tag=26&list[]=26&artist=26" class="p-nav__link">MOVIE</a> </li> <li class="p-nav__list-item "> <a href="/s/p/search/discography?ima=0832&tag=26&list[]=26&artist=26" class="p-nav__link">DISCOGRAPHY</a> </li> </ul> <ul class="p-nav_sub__list"> <!-- ファンクラブなどない場合に非活性にする場合はliにis-disableクラス付与 --> <li class="p-nav_sub__list-item" data-modal="template"> <div class="p-nav_sub__link">FAN CLUB</div> <template> <div class="m-nav"> <div class="m-nav__wrap"> <div class="m-nav__header"> <div class="m-nav__ttl">FAN CLUB</div> </div> <div class="m-nav__inner"></div> </div> </div> </template> </li> <li class="p-nav_sub__list-item" data-modal="template"> <div class="p-nav_sub__link">BLOG</div> <template> <div class="m-nav"> <div class="m-nav__wrap"> <div class="m-nav__header"> <div class="m-nav__ttl">BLOG</div> </div> <div class="m-nav__inner"></div> </div> </div> </template> </li> <li class="p-nav_sub__list-item" data-artist-menu-shop-link> <a href="https://famikura-store.jp/s/j/" class="p-nav_sub__link">SHOP</a> </li> </ul> </div> <style> .m-nav__account{ padding-top: 40px; margin-bottom: -30px; } .m-nav__account::before{ content: ""; width: 100dvw; height: 1px; background: var(--color-black); display: block; margin-left: calc(50% - 50dvw); margin-bottom: 20px; } @media screen and (max-width: 900px) { .m-nav__account::before { margin-bottom: 20px; } } .m-nav__account-list{ flex-direction: row; flex-wrap: wrap; gap: 1em; } @media screen and (max-width: 900px) { .m-nav__account-list { width: 89.3333333333%; max-width: 500px; margin: 0 auto; } } .m-nav__account-item{ width: calc((100% - 3em) / 4); border:0 !important; } @media screen and (max-width: 900px) { .m-nav__account-item { width: calc((100% - 1em) / 2); } } </style> <div class="m-nav__account"> <ul class="m-nav__account-list"> <li class="m-nav__account-item" style="order:200;" data-target="" data-linktype="artinumb"> <a href="https://twitter.com/abcz_official" class="c-account" target="_blank"> <div class="c-account__icon"> <img src="/files/81/p/main/assets/img/sns/sns_x.svg" alt="A.B.C-Z x"> </div> <div class="c-account__txt"> A.B.C-Z </div> </a> </li> <li class="m-nav__account-item" style="order:0;" data-target="" data-linktype="artinumb"> <a href="https://www.youtube.com/channel/UC-ifW8mHzfsZVGHY8vxqrjA" class="c-account" target="_blank"> <div class="c-account__icon"> <img src="/files/81/p/main/assets/img/sns/sns_youtube.svg" alt="A.B.C-Z youtube"> </div> <div class="c-account__txt"> A.B.C-Z </div> </a> </li> <li class="m-nav__account-item" style="order:300;" data-target="" data-linktype="artinumb"> <a href="https://www.tiktok.com/@abcz_zproject" class="c-account" target="_blank"> <div class="c-account__icon"> <img src="/files/81/p/main/assets/img/sns/sns_tiktok.svg" alt="A.B.C-Z tiktok"> </div> <div class="c-account__txt"> A.B.C-Z </div> </a> </li> </ul> </div> </div> <!-- NAVIGATION --> <!-- banner --> <!-- banner --> <!-- NEWS --> <section class="l-section p-news" data-scroll> <div class="l-section__container"> <div class="l-section__header"> <h2 class="l-section__ttl"> <div class="l-section__ttl-cap">最新情報</div> <div class="l-section__ttl-main">NEWS</div> </h2> </div> <div class="l-section__inner"> <ul class="p-news__list"> <li class="p-news__list-item"> <div class="c-news"> <div class="c-news__header"> <div class="c-news__date"> <span class="c-date">2025.02.21</span> </div> <div class="c-news__tag"> <span class="c-tag --stage">STAGE</span> </div> </div> <div class="c-news__inner"> <div class="c-news__ttl --not-limit"> <!-- 見出し 開始タグ --> <a href="/s/p/live/10206" class="c-news__ttl-inner" > <!-- 見出し 開始タグ --> <span class="c-ttl-2">橋本良亮 出演 舞台「近松忠臣蔵」公演決定</span> <!-- 見出し 閉じタグ --> </a> <!-- 見出し 閉じタグ --> </div> </div> </div> </li> <li class="p-news__list-item"> <div class="c-news"> <div class="c-news__header"> <div class="c-news__date"> <span class="c-date">2025.02.01</span> </div> <div class="c-news__tag"> <span class="c-tag --release">RELEASE</span> </div> </div> <div class="c-news__inner"> <div class="c-news__ttl --not-limit"> <!-- 見出し 開始タグ --> <a href="https://abcz.ponycanyon.co.jp/discography/bd/27.html" class="c-news__ttl-inner" target="_blank"> <!-- 見出し 開始タグ --> <span class="c-ttl-2">「A.B.C-Z Concert Tour 2024 F.O.R」LIVE DVD & Blu-ray 3月19日(水)発売決定!</span> <!-- 見出し 閉じタグ --> </a> <!-- 見出し 閉じタグ --> </div> </div> </div> </li> <li class="p-news__list-item"> <div class="c-news"> <div class="c-news__header"> <div class="c-news__date"> <span class="c-date">2025.02.01</span> </div> <div class="c-news__tag"> <span class="c-tag --release">RELEASE</span> </div> </div> <div class="c-news__inner"> <div class="c-news__ttl --not-limit"> <!-- 見出し 開始タグ --> <a href="https://abcz.ponycanyon.co.jp/discography/digi/index.html" class="c-news__ttl-inner" target="_blank"> <!-- 見出し 開始タグ --> <span class="c-ttl-2">A.B.C-Z 全アルバム サブスク配信スタート</span> <!-- 見出し 閉じタグ --> </a> <!-- 見出し 閉じタグ --> </div> </div> </div> </li> <li class="p-news__list-item"> <div class="c-news"> <div class="c-news__header"> <div class="c-news__date"> <span class="c-date">2025.01.25</span> </div> <div class="c-news__tag"> <span class="c-tag --event">EVENT</span> </div> </div> <div class="c-news__inner"> <div class="c-news__ttl --not-limit"> <!-- 見出し 開始タグ --> <a href="http://tunelive.jp/" class="c-news__ttl-inner" target="_blank"> <!-- 見出し 開始タグ --> <span class="c-ttl-2">A.B.C-Z 4/6(日)開催「Tune Live 2025」出演決定</span> <!-- 見出し 閉じタグ --> </a> <!-- 見出し 閉じタグ --> </div> </div> </div> </li> <li class="p-news__list-item"> <div class="c-news"> <div class="c-news__header"> <div class="c-news__date"> <span class="c-date">2024.11.01</span> </div> <div class="c-news__tag"> <span class="c-tag --release">RELEASE</span> </div> </div> <div class="c-news__inner"> <div class="c-news__ttl --not-limit"> <!-- 見出し 開始タグ --> <a href="https://abcz.ponycanyon.co.jp/discography/sg/15.html" class="c-news__ttl-inner" target="_blank"> <!-- 見出し 開始タグ --> <span class="c-ttl-2">A.B.C-Z 15th Single「ヒリヒリさせて」外付け特典内容&絵柄解禁!</span> <!-- 見出し 閉じタグ --> </a> <!-- 見出し 閉じタグ --> </div> </div> </div> </li> <li class="p-news__list-item"> <div class="c-news"> <div class="c-news__header"> <div class="c-news__date"> <span class="c-date">2024.09.30</span> </div> <div class="c-news__tag"> <span class="c-tag --release">RELEASE</span> </div> </div> <div class="c-news__inner"> <div class="c-news__ttl --not-limit"> <!-- 見出し 開始タグ --> <a href="https://lnk.to/ZtoABC" class="c-news__ttl-inner" target="_blank"> <!-- 見出し 開始タグ --> <span class="c-ttl-2">Digital EP「from Z to ABC-I-」配信決定</span> <!-- 見出し 閉じタグ --> </a> <!-- 見出し 閉じタグ --> </div> </div> </div> </li> </ul> </div> <div class="l-section__more"> <div class="c-btn"> <a href="/s/p/news/list?ima=0832&tag=26&list[]=26&artist=26" class="c-btn__inner">VIEW ALL</a> </div> </div> </div> </section> <!-- NEWS --> <!-- SCHEDULE --> <section class="l-section p-schedule" data-scroll data-app-schedule> <div class="l-section__container"> <div class="l-section__header"> <h2 class="l-section__ttl"> <div class="l-section__ttl-cap">スケジュール</div> <div class="l-section__ttl-main">SCHEDULE</div> </h2> </div> <div class="l-section__inner"> <div class="p-schedule__box"> <div class="p-schedule__wrap"> <!-- 1週間の予定 --> <div class="p-schedule__block js-scrollBar"> <List type="artist" :list="listAll" :flg="flg" :state="state" tag="26" :ignore="[]" @event-set-props="eventSetProps" :callback="(w)=>{ w.replace_text(); }" /> </div> </div> </div> <div class="p-schedule__btm"> <div class="p-schedule__caution"> <span class="c-cap-1 u-color-gray"> 出演は変更される場合があります。あらかじめご了承ください。また、テレビ・ラジオ番組は各ネット局により、放送時間が異なります。不定期出演など記載のある情報は、出演・掲載日が異なる場合がありますので各公式サイトも合わせてご確認ください。 </span> </div> </div> </div> <div class="l-section__more"> <div class="c-btn"> <a href="/s/p/media/list?ima=0832&tag=26&list[]=26&artist=26" class="c-btn__inner">VIEW ALL</a> </div> </div> </div> </section> <section class="l-section p-schedule" data-scroll data-app-schedule> <div class="l-section__container"> <div class="l-section__header"> <h2 class="l-section__ttl"> <div class="l-section__ttl-cap">レギュラー</div> <div class="l-section__ttl-main">REGULAR</div> </h2> </div> <div class="l-section__inner"> <div class="p-schedule__box"> <div class="p-schedule__wrap"> <!-- 1週間の予定 --> <div class="p-schedule__block js-scrollBar"> <List type="artist:other" :list="listAll" :flg="flg" :state="state" tag="26" :ignore="['cm']" @event-set-props="eventSetProps" :callback="(w)=>{ w.replace_text(); }" /> </div> </div> </div> <div class="p-schedule__btm"> <div class="p-schedule__caution"> <span class="c-cap-1 u-color-gray"> 出演は変更される場合があります。あらかじめご了承ください。また、テレビ・ラジオ番組は各ネット局により、放送時間が異なります。不定期出演など記載のある情報は、出演・掲載日が異なる場合がありますので各公式サイトも合わせてご確認ください。 </span> </div> </div> </div> </div> </section> <div data-app-schedule><section class="l-section p-schedule" data-scroll v-if="listAll.length || flg.loading == true"> <div class="l-section__container"> <div class="l-section__header"> <h2 class="l-section__ttl"> <div class="l-section__ttl-cap"><!-- CM --></div> <div class="l-section__ttl-main">CM</div> </h2> </div> <div class="l-section__inner"> <div class="p-schedule__box"> <div class="p-schedule__wrap"> <!-- 1週間の予定 --> <div class="p-schedule__block js-scrollBar"> <List type="artist:other" :list="listAll" :flg="flg" :state="state" tag="26" :ignore="[]" ct="cm" @event-set-props="eventSetProps" :callback="(w)=>{ w.replace_text(); }" /> </div> </div> </div> <div class="p-schedule__btm"> <div class="p-schedule__caution"> <span class="c-cap-1 u-color-gray"> 出演は変更される場合があります。あらかじめご了承ください。また、テレビ・ラジオ番組は各ネット局により、放送時間が異なります。不定期出演など記載のある情報は、出演・掲載日が異なる場合がありますので各公式サイトも合わせてご確認ください。 </span> </div> </div> </div> </div> </section></div> <!-- SCHEDULE --> <!-- CONCERT/STAGE --> <section class="l-section p-cs" data-scroll> <div class="l-section__container"> <div class="l-section__header"> <h2 class="l-section__ttl"> <div class="l-section__ttl-cap">公演情報</div> <div class="l-section__ttl-main">CONCERT/STAGE</div> </h2> </div> <div class="l-section__inner"> <div class="p-cs__slide"> <ul class="p-cs__list" data-sort-live> <!-- 全件表示 &tag=26 &tag=26&list[]=26 --> <li class="p-in_cs__list-item" data-sort-live-order="2202505309"> <a href="/s/p/live/10206?ima=0832&artist=26" class="c-cs_card"> <div class="c-cs_card__header"> <div class="c-cs_card__img"> <div class="c-cs_card__img-inner u-imgload"> <img class="lazyload" data-src="/images/81/79e/6aa3308fbfc66bd4f2382a2b8ac08.jpg" alt="舞台「近松忠臣蔵」"> </div> </div> </div> <div class="c-cs_card__inner"> <div class="c-cs_card__detail"> <div class="c-cs_card__date"> <span class="c-date"> 2025.05.30 - 2025.06.22 </span> </div> <div class="c-cs_card__tag"> <span class="c-tag --stage">STAGE</span> </div> </div> <div class="c-cs_card__ttl"> <div class="c-ttl-2">舞台「近松忠臣蔵」</div> </div> <!-- アーティスト名a --> <div class="c-cs_card__cast"> <div class="c-cast"> <div class="c-cast__item"> <span class="c-text-3">出演:橋本良亮</span> </div> </div> </div> <!-- アーティスト名 --> </div> </a> </li> </ul> </div> </div> </div> </section> <!-- CONCERT/STAGE --> <!-- MOVIE --> <!-- MOVIE --> <!-- DISCO --> <section class="l-section p-disco" data-scroll> <div class="l-section__container"> <div class="l-section__header"> <h2 class="l-section__ttl"> <div class="l-section__ttl-cap">販売情報</div> <div class="l-section__ttl-main">RELEASE</div> </h2> </div> <div class="l-section__inner"> <div class="p-disco__slide"> <ul class="p-disco__list"> <li class="p-in_release__list-item"> <a href="https://abcz.ponycanyon.co.jp/discography/bd/27.html" class="c-disco_card"target="_blank"> <div class="c-disco_card__header"> <div class="c-disco_card__img"> <div class="c-disco_card__img-inner u-imgload"> <img class="lazyload" data-src="/images/81/f0e/c54ca41c2b412066d730ebd16e4f4.jpg" alt="A.B.C-Z Concert Tour 2024 F.O.R"> </div> </div> </div> <div class="c-disco_card__inner"> <div class="c-disco_card__detail"> <!--カテゴリ--> <div class="c-disco_card__tag" style="margin-left: 0; margin-right: 8px;"><span class="c-tag">BD/DVD</span></div> <div class="c-disco_card__date"> <span class="c-date">2025.03.19</span> </div> </div> <div class="c-disco_card__ttl"> <span class="c-ttl-2">A.B.C-Z Concert Tour 2024 F.O.R</span> </div> <!-- アーティスト名 --> <div class="c-disco_card__artist"> <div class="c-cast__item" data-code="26" data-cate="group" data-d="26" style="order:19000;"> <span class="c-text-3"> A.B.C-Z </span> </div> </div> <!-- アーティスト名 --> </div> </a> </li><li class="p-in_release__list-item"> <a href="https://www.wowow.co.jp/drama/original/mikkoku2/" class="c-disco_card"target="_blank"> <div class="c-disco_card__header"> <div class="c-disco_card__img"> <div class="c-disco_card__img-inner u-imgload"> <img class="lazyload" data-src="/images/81/947/2f2ef70fb3621ffadc8a9ff28101d.jpg" alt="連続ドラマW 密告はうたう2 警視庁監察ファイル"> </div> </div> </div> <div class="c-disco_card__inner"> <div class="c-disco_card__detail"> <!--カテゴリ--> <div class="c-disco_card__tag" style="margin-left: 0; margin-right: 8px;"><span class="c-tag">OTHER</span></div> <div class="c-disco_card__date"> <span class="c-date">2025.01.08</span> </div> </div> <div class="c-disco_card__ttl"> <span class="c-ttl-2">連続ドラマW 密告はうたう2 警視庁監察ファイル</span> </div> <!-- アーティスト名 --> <div class="c-disco_card__artist"> <div class="c-cast__item" data-code="65" data-cate="7" data-d="" style="order:1000300;"> <span class="c-text-3"> 松岡昌宏 </span> </div><div class="c-cast__item" data-code="99" data-cate="26" data-d="26" style="order:19200;"> <span class="c-text-3"> 戸塚祥太 </span> </div> </div> <!-- アーティスト名 --> </div> </a> </li><li class="p-in_release__list-item"> <a href="https://abcz.ponycanyon.co.jp/discography/sg/15.html" class="c-disco_card"target="_blank"> <div class="c-disco_card__header"> <div class="c-disco_card__img"> <div class="c-disco_card__img-inner u-imgload"> <img class="lazyload" data-src="/images/81/cd7/5a93167c6b285fddd75707f857acc.jpg" alt="ヒリヒリさせて"> </div> </div> </div> <div class="c-disco_card__inner"> <div class="c-disco_card__detail"> <!--カテゴリ--> <div class="c-disco_card__tag" style="margin-left: 0; margin-right: 8px;"><span class="c-tag">SINGLE</span></div> <div class="c-disco_card__date"> <span class="c-date">2024.11.27</span> </div> </div> <div class="c-disco_card__ttl"> <span class="c-ttl-2">ヒリヒリさせて</span> </div> <!-- アーティスト名 --> <div class="c-disco_card__artist"> <div class="c-cast__item" data-code="26" data-cate="group" data-d="26" style="order:19000;"> <span class="c-text-3"> A.B.C-Z </span> </div> </div> <!-- アーティスト名 --> </div> </a> </li><li class="p-in_release__list-item"> <a href="/s/p/discography/26_20240930?ima=0832&artist=26" class="c-disco_card"> <div class="c-disco_card__header"> <div class="c-disco_card__img"> <div class="c-disco_card__img-inner u-imgload"> <img class="lazyload" data-src="/images/81/13d/6edfcc68d74a997c0636def66c519.jpg" alt="<Digital EP>from Z to ABC-I-"> </div> </div> </div> <div class="c-disco_card__inner"> <div class="c-disco_card__detail"> <!--カテゴリ--> <div class="c-disco_card__tag" style="margin-left: 0; margin-right: 8px;"><span class="c-tag">ALBUM</span></div> <div class="c-disco_card__date"> <span class="c-date">2024.09.30</span> </div> </div> <div class="c-disco_card__ttl"> <span class="c-ttl-2"><Digital EP>from Z to ABC-I-</span> </div> <!-- アーティスト名 --> <div class="c-disco_card__artist"> <div class="c-cast__item" data-code="26" data-cate="group" data-d="26" style="order:19000;"> <span class="c-text-3"> A.B.C-Z </span> </div> </div> <!-- アーティスト名 --> </div> </a> </li> </ul> </div> </div> <div class="l-section__more"> <div class="c-btn"> <a href="/s/p/search/discography?ima=0832&tag=26&list[]=26&artist=26" class="c-btn__inner">VIEW ALL</a> </div> </div> </div> </section> <!-- PC:最新3件,SP:4件のみ表示 --> <style> @media screen and (min-width: 901px) { .p-disco .l-section__inner ul > li:nth-child(4) { display: none; } } </style> <!-- DISCO --> <!-- SPOT CM --> <!-- SPOT CM --> <!-- 関連リンク --> <div class="p-related"> <div class="p-related__container"> <div class="p-related__inner"> <div class="p-related__name"><span class="c-ttl-1">関連サイト</span></div> <!-- テキスト --> <ul class="c-banner-text-link-item-box"> <li class="c-banner-text-link-item"> <a href="https://abcz.ponycanyon.co.jp/" class="c-banner-text-link-item__link" target="_blank"> <div class="c-banner-text-link-item__text"> PONY CANYON公式サイト </div> </a> </li> </ul> <!-- テキスト --> <!-- バナー --> <ul class="p-related__list is-related"> </ul> <!-- バナー --> </div> </div> </div> <!-- 関連リンク --> <!-- main --> </main> <!-- footer --> <!--シェアボタン--> <style> .l-footer__share-ttl{ background: var(--color-black); color: var(--color-white); padding: .5em; border-radius: 10px 10px 0 0; } .l-footer__share-inner{ padding: 1em; border-radius: 0 0 10px 10px; border: 1px solid var(--color-black); } .l-footer__share-list{ display: flex; gap: 16px; justify-content: center; } .l-footer__share-list img{ width: 40px; } .l-footer__share{ width:240px; text-align: center; margin: auto; margin-bottom: 80px; } </style> <div class="l-footer__share"> <div class="l-footer__share-header"> <div class="l-footer__share-ttl">SHARE</div> </div> <div class="l-footer__share-inner"> <ul class="l-footer__share-list"> <li><a href="http://twitter.com/intent/tweet?url=https://starto.jp%2Fs%2Fp%2Fartist%2F26&text=A.B.C-Z|STARTO ENTERTAINMENT" target="_blank"><img src="/files/81/p/main/assets/img/sns/sns_x.svg" alt="Xでシェア"></a></li> <li><a href="https://www.facebook.com/sharer.php?u=https://starto.jp%2Fs%2Fp%2Fartist%2F26" target="_blank"><img src="/files/81/p/main/assets/img/sns/sns_facebook.svg" alt="facebookでシェア"></a></li> <li><a href="http://line.me/R/msg/text/?A.B.C-Z|STARTO ENTERTAINMENT%0ahttps://starto.jp%2Fs%2Fp%2Fartist%2F26" target="_blank"><img src="/files/81/p/main/assets/img/sns/sns_line.svg" alt="LINEでシェア"></a></li> </ul> </div> </div> <footer class="l-footer"> <div class="l-footer__container"> <!-- ▼パンくずリストは下層のみ表示 --> <div class="l-footer_map"> <ul class="l-footer_map__list"> <!-- 親の階層 --> <!-- 親の階層2 --> <!-- 親の階層2 --> <!-- 親の階層2 --> <!-- 現在の階層2 --> <li class="l-footer_map__list-item"><a href="/?ima=0832" class="l-footer_map__link"><div>TOP</div></a></li> <!-- 現在の階層2 --> <!-- 親の階層2 --> <!-- 現在の階層2 --> <li class="l-footer_map__list-item"><a href="/s/p/search/artist?ima=0832" class="l-footer_map__link"><div>アーティスト一覧</div></a></li> <!-- 現在の階層2 --> <!-- 親の階層 --> <!-- 現在の階層 --> <li class="l-footer_map__list-item"><div class="l-footer_map__link">A.B.C-Z</div></li> <!-- 現在の階層 --> </ul> </div> <!-- ▲パンくずリストは下層のみ表示 --> <div class="l-footer__wrap"> <div class="l-footer__head"> <div class="l-footer__head-l"> <nav class="l-footer_nav"> <ul class="l-footer_nav__list"> <li class="l-footer_nav__list-item"> <a href="/?ima=0832" class="" > <div class="">TOP</div> </a> </li><li class="l-footer_nav__list-item"> <a href="/s/p/search/artist?ima=0832" class="" > <div class="">ARTIST</div> </a> </li><li class="l-footer_nav__list-item"> <a href="/s/p/news/list?ima=0832" class="" > <div class="">NEWS</div> </a> </li><li class="l-footer_nav__list-item"> <a href="/s/p/media/list?ima=0832" class="" > <div class="">SCHEDULE</div> </a> </li><li class="l-footer_nav__list-item"> <a href="/s/p/live?ima=0832" class="" > <div class="">CONCERT/STAGE</div> </a> </li><li class="l-footer_nav__list-item"> <a href="/s/p/media/list?ima=0832&ct=movie" class="" > <div class="">MOVIE</div> </a> </li><li class="l-footer_nav__list-item"> <a href="/s/p/search/discography?ima=0832" class="" > <div class="">RELEASE</div> </a> </li> </ul> </nav> </div> <div class="l-footer__head-r"> <div class="l-nav_account"> <div class="l-nav_account__txt">OFFICIAL ACCOUNT</div> <ul class="l-nav_account__list"> <li class="l-nav_account__list-item is-x" data-lang="ja"> <a href="https://twitter.com/STARTO_INT" target="_blank"> <img src="/files/81/p/main/assets/img/sns/sns_menu_x.svg" alt="X" class=""> </a> </li> <li class="l-nav_account__list-item is-x" data-lang="en"> <a href="https://twitter.com/STARTO_INT" target="_blank"> <img src="/files/81/p/main/assets/img/sns/sns_menu_x.svg" alt="X" class=""> </a> </li> <li class="l-nav_account__list-item is-youtube" > <a href="https://www.youtube.com/@STARTO_official" target="_blank"> <img src="/files/81/p/main/assets/img/sns/sns_menu_youtube.svg" alt="YouTube" class=""> </a> </li> </ul> </div> <!-- 言語切り替え --> <div class="l-lang"> <div class="wovn-languages"> <ul class="l-lang__list"> <li class="l-lang__list-item wovn-switch selected" data-value="ja"> <div class="l-lang__txt">JP</div> </li> <li class="l-lang__list-item wovn-switch" data-value="en"> <div class="l-lang__txt">EN</div> </li> </ul> </div> </div> </div> </div><!-- .l-footer__head --> <div class="l-footer__inner"> <div class="l-footer_detail"> <!-- 内部リンク用 --> <div class="l-footer_detail__block is-self"> <ul class="l-footer_detail__list"> <li class="l-footer_detail__list-item"> <a href="/s/p/group/detail/sitepolicy?ima=0832" class="l-footer_detail__link"><div>サイトポリシー</div></a> </li> <li class="l-footer_detail__list-item"> <a href="/s/p/group/detail/privacypolicy?ima=0832" class="l-footer_detail__link"><div>プライバシーポリシー</div></a> </li> <li class="l-footer_detail__list-item"> <a href="/s/p/group/detail/matters?ima=0832" class="l-footer_detail__link"><div>ファンの皆さまへ注意とお願い</div></a> </li> <li class="l-footer_detail__list-item"> <a href="/s/p/group/detail/service-guide?ima=0832" class="l-footer_detail__link"><div>サービスガイド</div></a> </li> <li class="l-footer_detail__list-item"> <a href="#ot-sdk-btn" class="l-footer_detail__link ot-sdk-show-settings" ><div>Cookies Settings</div></a> </li> </ul> </div> <!-- 外部リンク用 --> <div class="l-footer_detail__block is-blank"> <ul class="l-footer_detail__list"> <li class="l-footer_detail__list-item"> <a href="https://corporate.starto.jp" class="l-footer_detail__link " target="_blank"><div>会社情報</div></a> </li> <li class="l-footer_detail__list-item"> <a href="https://corporate.starto.jp/s/e/page/recruit?link=official_recruit" class="l-footer_detail__link " target="_blank"><div>採用情報</div></a> </li> </ul> </div> </div> </div><!-- .l-footer__inner --> <div class="l-footer__btm"> <div class="l-footer__logo"><img src="/files/81/p/main/assets/img/logo/logo_nega.svg" alt="STARTO ENTERTAINMENT" style="width:100%;"></div> <div class="l-footer__copy"><div style="display:flex;"> <div>© STARTO ENTERTAINMENT, Inc. All Rights Reserved.</div> </div></div> </div><!-- .l-footer__btm --> </div><!-- .l-footer__wrap --> </div> </footer> <div class="l-bg js-bg"></div> <!-- container --> </div> <!-- script --> </body> </html>