CINXE.COM

KAT-TUN|STARTO ENTERTAINMENT

<!DOCTYPE html> <html lang="ja"> <head><link rel="alternate" hreflang="en" href="http://starto.jp/s/p/artist/14?lang=en"><script src="//j.wovn.io/1" data-wovnio="key=lzXAcn&amp;backend=true&amp;currentLang=ja&amp;defaultLang=ja&amp;urlPattern=query&amp;langCodeAliases=[]&amp;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="KAT-TUN|STARTO ENTERTAINMENT"> <meta property="og:type" content="website"> <meta property="og:url" content="https://starto.jp/s/p/artist/14"> <meta property="og:image" content="https://starto.jp/images/81/364/0b64aa56624fdc120dad85a3944a1.jpg"> <meta property="og:image:secure_url" content="https://starto.jp/images/81/364/0b64aa56624fdc120dad85a3944a1.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="KAT-TUN|STARTO ENTERTAINMENT"> <meta name="twitter:image" content="https://starto.jp/images/81/364/0b64aa56624fdc120dad85a3944a1.jpg"> <meta name="twitter:title" content="KAT-TUN|STARTO ENTERTAINMENT"> <meta name="twitter:url" content="https://starto.jp/s/p/artist/14"> <!-- 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="KAT-TUNのスケジュール情報・コンサートステージ情報・映画情報・販売商品情報、SNS、ファンクラブ・BLOG・SHOP情報を紹介"> <!-- OGP --> <meta property="og:description" content="KAT-TUNのスケジュール情報・コンサートステージ情報・映画情報・販売商品情報、SNS、ファンクラブ・BLOG・SHOP情報を紹介"> <!-- X --> <meta name="twitter:description" content="KAT-TUNのスケジュール情報・コンサートステージ情報・映画情報・販売商品情報、SNS、ファンクラブ・BLOG・SHOP情報を紹介"> <!--canonical --> <link rel="canonical" href="https://starto.jp/s/p/artist/14"> <!-- 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=5249', } }; 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>KAT-TUN|STARTO ENTERTAINMENT</title> </head> <body data-str-code="14" data-artist="14"><!-- 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=5249"><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=5249" class=""> <div class="">TOP</div> </a> </li><li class="l-nav_menu__list-item"> <a href="/s/p/search/artist?ima=5249" class=""> <div class="">ARTIST</div> </a> </li><li class="l-nav_menu__list-item"> <a href="/s/p/news/list?ima=5249" class=""> <div class="">NEWS</div> </a> </li><li class="l-nav_menu__list-item"> <a href="/s/p/media/list?ima=5249" class=""> <div class="">SCHEDULE</div> </a> </li><li class="l-nav_menu__list-item"> <a href="/s/p/live?ima=5249" class=""> <div class="">CONCERT/STAGE</div> </a> </li><li class="l-nav_menu__list-item"> <a href="/s/p/media/list?ima=5249&ct=movie" class=""> <div class="">MOVIE</div> </a> </li><li class="l-nav_menu__list-item"> <a href="/s/p/search/discography?ima=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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=5249" 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ロゴKAT-TUN FC"> <img src="/images/81/d55/904683279cf569a538be5808da955-01.png" alt="FCロゴKAT-TUN FC"> </div> <div class="p-fc__txt">KAT-TUNのオフィシャルファンクラブです</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/KT" 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">KAT-TUNのブログです</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/kattun/" 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/21e/23ab13cd732826f693aa07e85c715.jpg" alt="KAT-TUN'S MANUAL"> </div> </div> </div> <div class="c-blog__inner"> <div class="c-blog__name" style="display: flex; gap: 0.5em 1em; flex-wrap: wrap;"> KAT-TUN </div> <div class="c-blog__ttl">KAT-TUN'S MANUAL</div> </div> </a> </li> <li class="p-blog__btn-item" style="order:99"> <a href="https://web.familyclub.jp/kazuya_kamenashi/" 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/95a/47dee9f59e95fe5c510de13617855.jpg" alt="K.KAMENASHI"> </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">K.KAMENASHI</div> </div> </a> </li> <li class="p-blog__btn-item" style="order:99"> <a href="https://web.familyclub.jp/tatsuya_ueda/" 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/8b8/6ac9157c9a303bad594f271edd562.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/yuichi_nakamaru/" 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/7b7/5e852922309bf6f1b6bc68bcb34fd.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">KAT-TUN</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/14/profile?ima=5249&tag=14&list[]=14&artist=14">PROFILE</a> </li> <li class="l-a_nav_menu__list-item "> <a href="/s/p/media/list?ima=5249&tag=14&list[]=14&artist=14">SCHEDULE</a> </li> <li class="l-a_nav_menu__list-item "> <a href="/s/p/news/list?ima=5249&tag=14&list[]=14&artist=14">NEWS</a> </li> <li class="l-a_nav_menu__list-item is-disable"> <a href="/s/p/live?ima=5249&tag=14&list[]=14&artist=14">CONCERT/STAGE</a> </li> <li class="l-a_nav_menu__list-item is-disable"> <a href="/s/p/media/list?ima=5249&ct=movie&tag=14&list[]=14&artist=14">MOVIE</a> </li> <li class="l-a_nav_menu__list-item "> <a href="/s/p/search/discography?ima=5249&tag=14&list[]=14&artist=14">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/14/profile?ima=5249" 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/364/0b64aa56624fdc120dad85a3944a1.jpg" alt="KAT-TUN"></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/14/profile?ima=5249" 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/364/0b64aa56624fdc120dad85a3944a1.jpg" alt="KAT-TUN"></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/14/profile?ima=5249&tag=14&list[]=14&artist=14" class="p-nav__link">PROFILE</a> </li> <li class="p-nav__list-item "> <a href="/s/p/media/list?ima=5249&tag=14&list[]=14&artist=14" class="p-nav__link">SCHEDULE</a> </li> <li class="p-nav__list-item "> <a href="/s/p/news/list?ima=5249&tag=14&list[]=14&artist=14" class="p-nav__link">NEWS</a> </li> <li class="p-nav__list-item is-disable"> <a href="/s/p/live?ima=5249&tag=14&list[]=14&artist=14" class="p-nav__link">CONCERT/STAGE</a> </li> <li class="p-nav__list-item is-disable"> <a href="/s/p/media/list?ima=5249&ct=movie&tag=14&list[]=14&artist=14" class="p-nav__link">MOVIE</a> </li> <li class="p-nav__list-item "> <a href="/s/p/search/discography?ima=5249&tag=14&list[]=14&artist=14" 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="_blank" data-linktype="artinumb"> <a href="https://twitter.com/KATTUN_0322" class="c-account" target="_blank"> <div class="c-account__icon"> <img src="/files/81/p/main/assets/img/sns/sns_x.svg" alt="KAT-TUN x"> </div> <div class="c-account__txt"> KAT-TUN </div> </a> </li> <li class="m-nav__account-item" style="order:300;" data-target="_blank" data-linktype="artinumb"> <a href="https://www.tiktok.com/@kattun_0322" class="c-account" target="_blank"> <div class="c-account__icon"> <img src="/files/81/p/main/assets/img/sns/sns_tiktok.svg" alt="KAT-TUN tiktok"> </div> <div class="c-account__txt"> KAT-TUN </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.12</span> </div> <div class="c-news__tag"> <span class="c-tag --information">INFORMATION</span> </div> </div> <div class="c-news__inner"> <div class="c-news__ttl --not-limit"> <!-- 見出し 開始タグ --> <a href="https://corporate.starto.jp/s/e/news/detail/10039" class="c-news__ttl-inner" target="_blank"> <!-- 見出し 開始タグ --> <span class="c-ttl-2">KAT-TUNに関するご報告</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.14</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://www.wowow.co.jp/drama/original/yukai/" class="c-news__ttl-inner" target="_blank"> <!-- 見出し 開始タグ --> <span class="c-ttl-2">亀梨和也主演「連続ドラマW 東野圭吾『ゲームの名は誘拐』」4月9日(水) Blu-ray 発売決定!</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.08.10</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://www.storm-labels.co.jp/s/js/discography/LCXA-5244" class="c-news__ttl-inner" target="_blank"> <!-- 見出し 開始タグ --> <span class="c-ttl-2">上田竜也 Blu-ray&DVD「MOUSE PEACE 2024 ~我龍転生~」ジャケット写真解禁</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.07.03</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://www.storm-labels.co.jp/s/js/discography/LCXA-5244" class="c-news__ttl-inner" target="_blank"> <!-- 見出し 開始タグ --> <span class="c-ttl-2">上田竜也 Blu-ray&DVD「MOUSE PEACE 2024 〜我龍転生〜」発売決定</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.06.06</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="/s/p/discography/14-241030" class="c-news__ttl-inner" > <!-- 見出し 開始タグ --> <span class="c-ttl-2">亀梨和也 ドラマ「Destiny」DVD&Blu-ray 発売決定</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.05.23</span> </div> <div class="c-news__tag"> <span class="c-tag --media">MEDIA</span> </div> </div> <div class="c-news__inner"> <div class="c-news__ttl --not-limit"> <!-- 見出し 開始タグ --> <a href="https://tv.dmm.com/vod/detail/?season=fmqb7yvqspkmead68jasujz7g" class="c-news__ttl-inner" target="_blank"> <!-- 見出し 開始タグ --> <span class="c-ttl-2">亀梨和也主演 ドラマ「外道の歌」2024年冬配信決定</span> <!-- 見出し 閉じタグ --> </a> <!-- 見出し 閉じタグ --> </div> </div> </div> </li> </ul> </div> <div class="l-section__more"> <div class="c-btn"> <a href="/s/p/news/list?ima=5249&tag=14&list[]=14&artist=14" 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="14" :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=5249&tag=14&list[]=14&artist=14" 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="14" :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="14" :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 --> <!-- 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://www.wowow.co.jp/drama/original/yukai/" 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 東野圭吾「ゲームの名は誘拐」"> </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.04.09</span> </div> </div> <div class="c-disco_card__ttl"> <span class="c-ttl-2">連続ドラマW 東野圭吾「ゲームの名は誘拐」</span> </div> <!-- アーティスト名 --> <div class="c-disco_card__artist"> <div class="c-cast__item" data-code="76" data-cate="14" data-d="14" style="order:14100;"> <span class="c-text-3"> 亀梨和也 </span> </div> </div> <!-- アーティスト名 --> </div> </a> </li><li class="p-in_release__list-item"> <a href="/s/p/discography/14_250319?ima=5249&artist=14" 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/947/2f2ef70fb3621ffadc8a9ff28101d.jpg" alt="ごくせん<second series>"> </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.03.19</span> </div> </div> <div class="c-disco_card__ttl"> <span class="c-ttl-2">ごくせん<second series></span> </div> <!-- アーティスト名 --> <div class="c-disco_card__artist"> <div class="c-cast__item" data-code="76" data-cate="14" data-d="14" style="order:14100;"> <span class="c-text-3"> 亀梨和也 </span> </div> </div> <!-- アーティスト名 --> </div> </a> </li><li class="p-in_release__list-item"> <a href="/s/p/discography/14-241030?ima=5249&artist=14" 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/947/2f2ef70fb3621ffadc8a9ff28101d.jpg" alt="Destiny"> </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">2024.10.30</span> </div> </div> <div class="c-disco_card__ttl"> <span class="c-ttl-2">Destiny</span> </div> <!-- アーティスト名 --> <div class="c-disco_card__artist"> <div class="c-cast__item" data-code="76" data-cate="14" data-d="14" style="order:14100;"> <span class="c-text-3"> 亀梨和也 </span> </div> </div> <!-- アーティスト名 --> </div> </a> </li><li class="p-in_release__list-item"> <a href="/s/p/discography/56_241009?ima=5249&artist=14" 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/d2c/d8516b0d9acf0b748e877db806011.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">OTHER</span></div> <div class="c-disco_card__date"> <span class="c-date">2024.10.09</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"> <span class="c-text-3">道枝駿佑<br>上田竜也(第5話)</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=5249&tag=14&list[]=14&artist=14" 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://www.storm-labels.co.jp/s/js/artist/J0006" class="c-banner-text-link-item__link" target="_blank"> <div class="c-banner-text-link-item__text"> Storm Labels公式サイト </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%2F14&text=KAT-TUN|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%2F14" 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/?KAT-TUN|STARTO ENTERTAINMENT%0ahttps://starto.jp%2Fs%2Fp%2Fartist%2F14" 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=5249" 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=5249" class="l-footer_map__link"><div>アーティスト一覧</div></a></li> <!-- 現在の階層2 --> <!-- 親の階層 --> <!-- 現在の階層 --> <li class="l-footer_map__list-item"><div class="l-footer_map__link">KAT-TUN</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=5249" class="" > <div class="">TOP</div> </a> </li><li class="l-footer_nav__list-item"> <a href="/s/p/search/artist?ima=5249" class="" > <div class="">ARTIST</div> </a> </li><li class="l-footer_nav__list-item"> <a href="/s/p/news/list?ima=5249" class="" > <div class="">NEWS</div> </a> </li><li class="l-footer_nav__list-item"> <a href="/s/p/media/list?ima=5249" class="" > <div class="">SCHEDULE</div> </a> </li><li class="l-footer_nav__list-item"> <a href="/s/p/live?ima=5249" class="" > <div class="">CONCERT/STAGE</div> </a> </li><li class="l-footer_nav__list-item"> <a href="/s/p/media/list?ima=5249&ct=movie" class="" > <div class="">MOVIE</div> </a> </li><li class="l-footer_nav__list-item"> <a href="/s/p/search/discography?ima=5249" 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=5249" class="l-footer_detail__link"><div>サイトポリシー</div></a> </li> <li class="l-footer_detail__list-item"> <a href="/s/p/group/detail/privacypolicy?ima=5249" class="l-footer_detail__link"><div>プライバシーポリシー</div></a> </li> <li class="l-footer_detail__list-item"> <a href="/s/p/group/detail/matters?ima=5249" 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=5249" 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>&copy; 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>

Pages: 1 2 3 4 5 6 7 8 9 10