CINXE.COM
Number / Number Web | AD MAP(アド マップ)-文藝春秋の広告掲載についてご案内
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="format-detection" content="telephone=no"> <title>Number / Number Web | AD MAP(アド マップ)-文藝春秋の広告掲載についてご案内</title> <meta name="description" content="Number・Number WEBの常設企画トピックス、その他企画のご紹介。AD MAP(アドマップ)は、文藝春秋ブランドの、誌面・デジタル・SNS・イベント他の広告掲載のご案内をいたします。"> <meta name="keywords" content=""> <meta name="author" content="文藝春秋"> <!-- Favicons --> <link rel="shortcut icon" href="/wp-content/themes/bunshun-btob/assets/img/common/favicon.ico"> <!-- Open Graph data --> <meta property="og:title" content="Number / Number Web | AD MAP(アド マップ)-文藝春秋の広告掲載についてご案内"> <meta property="og:description" content="Number・Number WEBの常設企画トピックス、その他企画のご紹介。AD MAP(アドマップ)は、文藝春秋ブランドの、誌面・デジタル・SNS・イベント他の広告掲載のご案内をいたします。"> <meta property="og:type" content="website"> <meta property="og:url" content="https://admap.bunshun.co.jp/media/number-web/"> <meta property="og:image" content="/wp-content/themes/bunshun-btob/assets/img/common/ogp.jpg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:site_name" content="AD MAP(アド マップ)-文藝春秋の広告掲載についてご案内"> <link rel="stylesheet" href="/wp-content/themes/bunshun-btob/assets/css/app.css"> <!-- 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-MVRH3BM');</script> <!-- End Google Tag Manager --> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel='stylesheet' id='wp-block-library-css' href='/wp-includes/css/dist/block-library/style.min.css?ver=6.7.1' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='contact-form-7-css' href='/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.8.3' type='text/css' media='all' /> <link rel='stylesheet' id='jquery-ui-dialog-min-css-css' href='/wp-includes/css/jquery-ui-dialog.min.css?ver=6.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='contact-form-7-confirm-plus-css' href='/wp-content/plugins/confirm-plus-contact-form-7/assets/css/styles.css?ver=20231017_013819' type='text/css' media='all' /> <script type="text/javascript" src="/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <link rel="https://api.w.org/" href="/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="/wp-json/wp/v2/pages/106" /><link rel="canonical" href="/media/number-web/" /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="/wp-json/oembed/1.0/embed?url=%2Fmedia%2Fnumber-web%2F" /> </head> <body class="baitai-detail pt-10 lg:pt-20"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MVRH3BM" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <header class="fixed z-10 top-0 left-0 w-full h-10 lg:h-20 bg-white drop-shadow-md pl-4 lg:pr-4"> <div class="h-full flex items-center justify-between max-w-7xl mx-auto"> <p class="md:pl-2 xl:pl-11"> <a href="/" class="flex items-center hover:opacity-80 transition-opacity duration-300"> <img src="/wp-content/themes/bunshun-btob/assets/img/common/logo.svg" alt="文藝春秋" class="w-[100px] xl:w-[160px] h-auto mr-3 lg:mr-4"> <span class="text-xxs xl:text-xs lg:leading-5 font-semibold">広告掲載の<br class="hidden lg:block">ご案内</span> </a> </p> <!-- PC Nav --> <nav class="hidden lg:flex items-center"> <ul class="flex gap-5 xl:gap-10 mr-5 xl:mr-13"> <li> <a href="/media/" class="block text-xs xl:text-sm font-semibold relative group"> <span>媒体紹介</span> <span class="absolute left-0 -bottom-1 w-full h-px bg-black scale-x-0 group-hover:scale-x-100 transition-transform duration-300"></span> </a> </li> <li> <a href="/case/" class="block text-xs xl:text-sm font-semibold relative group"> <span>事例一覧</span> <span class="absolute left-0 -bottom-1 w-full h-px bg-black scale-x-0 group-hover:scale-x-100 transition-transform duration-300"></span> </a> </li> <li> <a href="/topics/" class="block text-xs xl:text-sm font-semibold relative group"> <span>トピックス</span> <span class="absolute left-0 -bottom-1 w-full h-px bg-black scale-x-0 group-hover:scale-x-100 transition-transform duration-300"></span> </a> </li> </ul> <!-- PC Search --> <div class="mr-10"> <script async src="https://cse.google.com/cse.js?cx=e060af4c15c51c70f"></script> <div class="custom-search" data-search-pc x-init="waitForElement('[data-search-pc] input.gsc-input').then((el) => (el.placeholder = 'サイト内検索'))"> <div class="gcse-searchbox-only"></div> </div> </div> <!-- // PC Search --> <a href="/contact/" class="flex justify-center items-center text-sm xl:text-base font-semibold w-40 h-14 border-2 border-black bg-black text-white hover:bg-white hover:text-black transition-all duration-300 mr-2">お問い合わせ</a> <a href="/download/" class="flex justify-center items-center text-sm xl:text-base !leading-5 text-center font-semibold w-40 h-14 border-2 border-yellow bg-yellow text-black hover:bg-white transition-all duration-300">全媒体資料<br>ダウンロード</a> </nav> <!-- // PC Nav --> <!-- SP Ham --> <script> document.addEventListener('alpine:init', () => { Alpine.store('menu', { open: false, toggle() { this.open = ! this.open } }) }) </script> <button x-data @click="$store.menu.toggle()" :class="$store.menu.open && 'bg-gray-100'" class="lg:hidden w-11 h-10 pr-1 flex justify-center items-center space-x-2 focus:outline-none transition-colors duration-300"> <div class="w-4 flex items-center justify-center relative"> <span x-data :class="$store.menu.open && '!translate-y-0 !rotate-45'" class="transform transition w-full h-px bg-black absolute duration-300 -translate-y-[6px]"></span> <span x-data :class="$store.menu.open && '!opacity-0 !translate-x-3'" class="transform transition w-full h-px bg-black absolute duration-300 opacity-100"></span> <span x-data :class="$store.menu.open && '!translate-y-0 !-rotate-45'" class="transform transition w-full h-px bg-black absolute duration-300 translate-y-[6px]"></span> </div> </button> <!-- // SP Ham --> <!-- SP Menu --> <div x-data :class="$store.menu.open ? '!opacity-100 !scale-100 !pointer-events-auto' : 'pointer-events-none'" class="lg:!hidden bg-gray-100 py-12 px-10 fixed top-10 right-0 opacity-0 scale-90 transition-all duration-300"> <div class="custom-search mb-8" data-search-sp x-init="waitForElement('[data-search-sp] input.gsc-input').then((el) => (el.placeholder = 'サイト内検索'))"> <div class="gcse-searchbox-only"></div> </div> <ul class="space-y-4 -mx-2 mb-6"> <li><a href="/media/" class="text-xs font-semibold leading-none p-2">媒体紹介</a></li> <li><a href="/case/" class="text-xs font-semibold leading-none p-2">事例一覧</a></li> <li><a href="/topics/" class="text-xs font-semibold leading-none p-2">トピックス</a></li> </ul> <a href="/contact/" class="flex items-center justify-center bg-black text-white w-43 h-10 text-xs font-semibold mb-2">お問い合わせ</a> <a href="/download/" class="flex items-center justify-center text-center leading-4 border border-yellow bg-yellow text-black w-43 h-10 text-xs font-semibold">全媒体資料ダウンロード</a> </div> <!-- // SP Menu --> </div> </header> <main> <!-- Hero --> <section class="h-40 md:h-50 flex items-center relative bg-gray-500"> <div class="container relative z-1"> <h1 class="flex justify-center"> <picture> <source media="(max-width: 767px)" srcset="/wp-content/themes/bunshun-btob/assets/img/number_web/hero_logo.png"> <img src="/wp-content/themes/bunshun-btob/assets/img/number_web/hero_logo.png" alt="Number / Number Web" class="w-[269px] md:w-[560px]"> </picture> </h1> </div> </section> <!-- // Hero --> <!-- Medias --> <section class="pt-9 pb-9 md:pt-20 md:pb-15"> <div class="container"> <div class="md:pl-9 md:pr-9"> <h2 class="block text-center font-serif text-2xl md:text-7xl leading-none baitai-detail-ttl">Number</h2> <div class="flex justify-start flex-wrap"> <div class="baitai-detail-media-img"> <img src="/wp-content/uploads/2023/08/7e6349475cca4277318e81ac0eb91c55.jpg"> <div class="baitai-detail-sns-wrapper"> <div class="baitai-detail-sns-inner"> <span class="w-5"> <img src="/wp-content/themes/bunshun-btob/assets/img/common/icon_instagram_g.png" alt="インスタグラム" class="block"> </span> <span><span class="baitai-detail-sns-follwers">1.2</span><span class="text-xxs md:text-xs">万フォロワー</span></span> </div> <div class="baitai-detail-sns-inner"> <span class="w-5"> <img src="/wp-content/themes/bunshun-btob/assets/img/common/icon_twitter_g.png" alt="ツイッター" class="block"> </span> <span><span class="baitai-detail-sns-follwers">28.0</span><span class="text-xxs md:text-xs">万フォロワー</span></span> </div> <div class="baitai-detail-sns-inner"> <span class="w-5"> <img src="/wp-content/themes/bunshun-btob/assets/img/common/icon_facebook_g.png" alt="フェイスブック" class="block"> </span> <span><span class="baitai-detail-sns-follwers">10</span><span class="text-xxs md:text-xs">万ユーザー</span></span> </div> <div class="baitai-detail-sns-inner"> <span class="w-5"> <img src="/wp-content/themes/bunshun-btob/assets/img/common/icon_line_g.png" alt="ライン" class="block"> </span> <span><span class="baitai-detail-sns-follwers">79.2</span><span class="text-xxs md:text-xs">万ユーザー</span></span> </div> </div> </div> <div class="baitai-detail-media-detail mt-10 md:mt-0"> <p class="text-xs md:text-sm mb-3 md:mb-5">日本を代表する総合スポーツ誌。スポーツジャーナリズムというジャンルを日本に確立することを目指してきました。試合の度に必ず「勝者」と「敗者」を作り出すスポーツ。そこでは人間の「強さ」と「弱さ」、「喜び」と「悲しみ」、「美しさ」と「醜さ」が浮き彫りになります。そんな人間の魅力を「大胆なビジュアル」と「独自の切り口の文章」によって誌面化する。それが創刊以来のNumberの変わらぬ編集方針です。</p> <div class="md:pb-3 border-b mb-6"> <div class="flex items-center pb-6 md:pb-7"> <span class="text-base">平均発行部数</span> <span class="font-english text-6xl md:text-7xl pl-3 pr-2 md:pl-4 md:pr-2 inline-block">114714</span> <span class="text-xs md:text-sm">部</span> </div> </div> <ul class="mb-9 md:mb-10"> <li class="md:mb-1 mb-3"> <div class="flex items-stretch"> <span class="w-24 md:w-25 text-xxs md:text-xs relative before:content-[''] before:block before:absolute before:right-0 before:top-[3px] md:before:top-[6px] before:bottom-[3px] md:before:bottom-[6px] before:flex-shrink-0 before:w-px before:bg-black leading-loose">読者ターゲット</span> <span class="w-auto text-xs md:text-sm pl-4 md:pl-6 basis-0 grow shrink -mt-1">ビジネスパーソン/高所得/意思決定者/アクティブ</span> </div> </li> <li class="md:mb-1 mb-3"> <div class="flex items-center"> <span class="w-24 md:w-25 text-xxs md:text-xs relative before:content-[''] before:block before:absolute before:right-0 before:top-[3px] md:before:top-[6px] before:bottom-[3px] md:before:bottom-[6px] before:flex-shrink-0 before:w-px before:bg-black leading-loose">年齢</span> <span class="w-auto text-xs md:text-sm pl-4 md:pl-6">40-50代</span> </div> </li> <li class="md:mb-1 mb-3"> <div class="flex items-center"> <span class="w-24 md:w-25 text-xxs md:text-xs relative before:content-[''] before:block before:absolute before:right-0 before:top-[3px] md:before:top-[6px] before:bottom-[3px] md:before:bottom-[6px] before:flex-shrink-0 before:w-px before:bg-black leading-loose">エリア</span> <span class="w-auto text-xs md:text-sm pl-4 md:pl-6">全国</span> </div> </li> <li class="md:mb-1 mb-3"> <div class="flex items-center"> <span class="w-24 md:w-25 text-xxs md:text-xs relative before:content-[''] before:block before:absolute before:right-0 before:top-[3px] md:before:top-[6px] before:bottom-[3px] md:before:bottom-[6px] before:flex-shrink-0 before:w-px before:bg-black leading-loose">性別</span> <span class="w-auto text-xs md:text-sm pl-4 md:pl-6">男:女=8:2</span> </div> </li> </ul> <div class="grid grid-cols-2 gap-[14px] md:gap-4 mb-4 md:mb-10"> <a href="/wp-content/uploads/2024/09/Number_NumberWeb_mediaguide_2024.10-12_ver1.2-1.pdf" target="_blank" rel="noopener noreferrer" class="baitai-detail-media-link"> <span class="baitai-detail-media-link__txt">メディアガイド「Sports Graphic Number」</span> </a> <a href="/wp-content/uploads/2023/09/Eng_Number_NumberWeb_mediaguide_2023.7-9_ver1.0.pdf" target="_blank" rel="noopener noreferrer" class="baitai-detail-media-link"> <span class="baitai-detail-media-link__txt">【English】Number/NumberWeb Media Guide</span> </a> <a href="/wp-content/uploads/2024/11/Number_sch_20241122.pdf" target="_blank" rel="noopener noreferrer" class="baitai-detail-media-link"> <span class="baitai-detail-media-link__txt">進行スケジュール</span> </a> <a href="/wp-content/uploads/2024/09/Number_2024_yearsplan_0911.pdf" target="_blank" rel="noopener noreferrer" class="baitai-detail-media-link"> <span class="baitai-detail-media-link__txt">年間特集予定表</span> </a> <a href="/wp-content/uploads/2024/05/Number_NumberWeb_case_ver1.2_20240530.pdf" target="_blank" rel="noopener noreferrer" class="baitai-detail-media-link"> <span class="baitai-detail-media-link__txt">タイアップ企画事例</span> </a> <a href="/wp-content/uploads/2024/07/NumberTV_mediaguide_Ver.2_0620.pdf" target="_blank" rel="noopener noreferrer" class="baitai-detail-media-link"> <span class="baitai-detail-media-link__txt">NumberTV メディアガイド</span> </a> </div> <a href="/contact/?baitai=number" class="baitai-detail-media-link-contact"> <span class="text-base">お問い合わせ</span> </a> </div> </div> </div> </div> </section> <section class="pt-9 pb-9 md:pt-20 md:pb-15"> <div class="container"> <div class="md:pl-9 md:pr-9"> <h2 class="block text-center font-serif text-2xl md:text-7xl leading-none baitai-detail-ttl">Number Web </h2> <div class="flex justify-start flex-wrap"> <div class="baitai-detail-media-img"> <img src="/wp-content/uploads/2022/08/number_web.jpg"> <div class="baitai-detail-sns-wrapper"> <div class="baitai-detail-sns-inner"> <span class="w-5"> <img src="/wp-content/themes/bunshun-btob/assets/img/common/icon_twitter_g.png" alt="ツイッター" class="block"> </span> <span><span class="baitai-detail-sns-follwers">28.0</span><span class="text-xxs md:text-xs">万フォロワー</span></span> </div> <div class="baitai-detail-sns-inner"> <span class="w-5"> <img src="/wp-content/themes/bunshun-btob/assets/img/common/icon_facebook_g.png" alt="フェイスブック" class="block"> </span> <span><span class="baitai-detail-sns-follwers">8.4</span><span class="text-xxs md:text-xs">万ユーザー</span></span> </div> <div class="baitai-detail-sns-inner"> <span class="w-5"> <img src="/wp-content/themes/bunshun-btob/assets/img/common/icon_line_g.png" alt="ライン" class="block"> </span> <span><span class="baitai-detail-sns-follwers">79.2</span><span class="text-xxs md:text-xs">万ユーザー</span></span> </div> </div> </div> <div class="baitai-detail-media-detail mt-10 md:mt-0"> <p class="text-xs md:text-sm mb-3 md:mb-5">2009年4月に自社での運営を開始。「スポーツに感動を!!」をテーマに、読みごたえのあるスポーツコラムを配信。雑誌記事の転載にとどまらず、オリジナルの記事で多くの読者の信頼を集めています。それまで速報と結果が中心だったネットのスポーツ記事に、スポーツを読むという文化を根付かせ、2023年3月には過去最高となる1億7924万PVを記録し、WEBの世界でもスポーツジャーナリズムを牽引しています。<br /> <br /> 【Number Web お問い合わせ】<br /> タイアップ : ad.number-g@bunshun.co.jp<br /> 動画・バナー広告 : ad.web.order-g@bunshun.co.jp</p> <div class="md:pb-3 border-b mb-6"> <div class="flex items-center pb-6 md:pb-7"> <span class="text-base">月間PV数</span> <span class="font-english text-6xl md:text-7xl pl-3 pr-2 md:pl-4 md:pr-2 inline-block">1.06</span> <span class="text-xs md:text-sm">億/PV</span> </div> <div class="flex items-center pb-6 md:pb-7"> <span class="text-base">月間UU数</span> <span class="font-english text-6xl md:text-7xl pl-3 pr-2 md:pl-4 md:pr-2 inline-block">1027</span> <span class="text-xs md:text-sm">万/UU</span> </div> </div> <ul class="mb-9 md:mb-10"> <li class="md:mb-1 mb-3"> <div class="flex items-stretch"> <span class="w-24 md:w-25 text-xxs md:text-xs relative before:content-[''] before:block before:absolute before:right-0 before:top-[3px] md:before:top-[6px] before:bottom-[3px] md:before:bottom-[6px] before:flex-shrink-0 before:w-px before:bg-black leading-loose">読者ターゲット</span> <span class="w-auto text-xs md:text-sm pl-4 md:pl-6 basis-0 grow shrink -mt-1">ビジネスパーソン/高所得/意思決定者/アクティブ</span> </div> </li> <li class="md:mb-1 mb-3"> <div class="flex items-center"> <span class="w-24 md:w-25 text-xxs md:text-xs relative before:content-[''] before:block before:absolute before:right-0 before:top-[3px] md:before:top-[6px] before:bottom-[3px] md:before:bottom-[6px] before:flex-shrink-0 before:w-px before:bg-black leading-loose">年齢</span> <span class="w-auto text-xs md:text-sm pl-4 md:pl-6">30-40代</span> </div> </li> <li class="md:mb-1 mb-3"> <div class="flex items-center"> <span class="w-24 md:w-25 text-xxs md:text-xs relative before:content-[''] before:block before:absolute before:right-0 before:top-[3px] md:before:top-[6px] before:bottom-[3px] md:before:bottom-[6px] before:flex-shrink-0 before:w-px before:bg-black leading-loose">エリア</span> <span class="w-auto text-xs md:text-sm pl-4 md:pl-6">全国</span> </div> </li> <li class="md:mb-1 mb-3"> <div class="flex items-center"> <span class="w-24 md:w-25 text-xxs md:text-xs relative before:content-[''] before:block before:absolute before:right-0 before:top-[3px] md:before:top-[6px] before:bottom-[3px] md:before:bottom-[6px] before:flex-shrink-0 before:w-px before:bg-black leading-loose">性別</span> <span class="w-auto text-xs md:text-sm pl-4 md:pl-6">男:女=7:3</span> </div> </li> </ul> <div class="grid grid-cols-2 gap-[14px] md:gap-4 mb-4 md:mb-10"> <a href="/wp-content/uploads/2024/09/NumberWeb_mediaguide_2024.10-12_ver1.2-1.pdf" target="_blank" rel="noopener noreferrer" class="baitai-detail-media-link"> <span class="baitai-detail-media-link__txt">メディアガイド</span> </a> <a href="/wp-content/uploads/2024/11/NumberWeb_video_banner_202501-202503.pdf" target="_blank" rel="noopener noreferrer" class="baitai-detail-media-link"> <span class="baitai-detail-media-link__txt">動画・バナー広告</span> </a> <a href="/wp-content/uploads/2024/05/Number_NumberWeb_case_ver1.2_20240530.pdf" target="_blank" rel="noopener noreferrer" class="baitai-detail-media-link"> <span class="baitai-detail-media-link__txt">タイアップ企画事例</span> </a> <a href="/wp-content/uploads/2022/10/numberweb_userprofile.pdf" target="_blank" rel="noopener noreferrer" class="baitai-detail-media-link"> <span class="baitai-detail-media-link__txt">ユーザープロフィール</span> </a> </div> <a href="/contact/?baitai=number_web" class="baitai-detail-media-link-contact"> <span class="text-base">お問い合わせ</span> </a> </div> </div> </div> </div> </section> <!-- // Medias --> <!-- Permanent Planning --> <section class="pt-9 pb-8 md:pt-24 md:pb-16"> <div class="container"> <h2 class="baitai-detail-heading"> <span class="baitai-detail-heading__en">Permanent Planning</span> <span class="baitai-detail-heading__jp">常設企画</span> </h2> <div class="space-y-3 md:space-y-5"> <div class="baitai-detail-card border border-gray-600 pt-14 pb-6 px-6 md:pb-8 md:px-10 relative"> <div class="baitai-detail-card__tag baitai-detail-card__tag--02"> <span class="baitai-detail-card__tag-txt">NumberTV</span> </div> <h3 class="text-base font-semibold mb-3">「NumberTV」のご案内</h3> <p class="text-xs md:text-sm mb-6 md:mb-4"> NTTドコモとの共同制作によるオリジナルドキュメンタリー番組『NumberTV』を、2024年7月25日(木)より配信します。<br /> 番組は映像配信サービス「Lemino」にて全話無料配信されます。<br /> 『NumberTV』はトップアスリートの「挫折と復活」の物語に迫る、オリジナルドキュメンタリー番組です。様々なスポーツジャンルから毎回1名のアスリートが出演。過去の写真が飾られた特別な空間(Number Room)で、アスリート本人が自身の「最大の挫折」と、その壁を乗り越えるまでの日々、そして当時の経験から得たものについてじっくりと語ります。<br /> 『NumberTV』で放送するタイアップ動画(インフォマーシャル)、インストリーム動画のメニューはメディアガイドをご覧ください。 </p> <div class="flex flex-wrap justify-end gap-4"> <a href="/wp-content/uploads/2024/07/NumberTV_mediaguide_Ver.2_0620.pdf" target="_blank" rel="noopener noreferrer" class="baitai-detail-card-link"> <span class="baitai-detail-card-link__txt text-base">メディアガイドはこちら</span> </a> </div> </div> <div class="baitai-detail-card border border-gray-600 pt-14 pb-6 px-6 md:pb-8 md:px-10 relative"> <div class="baitai-detail-card__tag baitai-detail-card__tag--02"> <span class="baitai-detail-card__tag-txt">特別企画</span> </div> <h3 class="text-base font-semibold mb-3">「新規&2021年以降お取引なしクライアント向け特別パッケージ企画」のご案内</h3> <p class="text-xs md:text-sm mb-6 md:mb-4"> 雑誌「Number」へのご出稿が初めて、もしくは2021年4月以降にご出稿がなかったクライアント様向けの<br /> お得な特別パッケージ企画です。 </p> <div class="flex flex-wrap justify-end gap-4"> <a href="/wp-content/uploads/2024/06/Number_NumberWeb_newcomeback_ver3.0_20240618.pdf" target="_blank" rel="noopener noreferrer" class="baitai-detail-card-link"> <span class="baitai-detail-card-link__txt text-base">詳細はこちら</span> </a> </div> </div> <div class="baitai-detail-card border border-gray-600 pt-14 pb-6 px-6 md:pb-8 md:px-10 relative"> <div class="baitai-detail-card__tag baitai-detail-card__tag--02"> <span class="baitai-detail-card__tag-txt">Number公式 YouTube</span> </div> <h3 class="text-base font-semibold mb-3">「Number公式YouTube タイアップ動画企画」のご案内</h3> <p class="text-xs md:text-sm mb-6 md:mb-4"> Number公式YouTubeを使用した、タイアップ動画企画の提供を開始いたしました。 </p> <div class="flex flex-wrap justify-end gap-4"> <a href="/wp-content/uploads/2024/06/NumberYouTube-TU.pdf" target="_blank" rel="noopener noreferrer" class="baitai-detail-card-link"> <span class="baitai-detail-card-link__txt text-base">詳細はこちら</span> </a> </div> </div> </div> </div> </section> <!-- // Permanent planning --> <!-- News --> <section class="pt-8 pb-20 md:pt-16 md:pb-20"> <div class="container"> <h2 class="baitai-detail-heading"> <span class="baitai-detail-heading__en">Topics</span> <span class="baitai-detail-heading__jp">トピックス</span> </h2> <ol class="lg:px-16 space-y-4 md:space-y-8 mb-8 md:mb-15"> <li> <dl class="md:flex md:gap-22 pb-4 md:pb-8 border-b border-gray-200"> <dt class="text-xxs md:text-sm text-gray-500 mb-2 md:mb-0"><time>2024.11.22</time></dt> <dd class="text-xs md:text-sm"> <a href="/topics/2549/" class="group"> <span class="underline underline-offset-2 md:underline-offset-4 group-hover:text-gray-500 transition-colors">Numberの今後の特集予定(~2025年5月)を更新しました</span> <ul class="mt-2 flex flex-wrap gap-2"> <li class="baitai-detail-case__tag baitai-detail-case__tag--01">Number / Number Web</li> </ul> </a> </dd> </dl> </li> <li> <dl class="md:flex md:gap-22 pb-4 md:pb-8 border-b border-gray-200"> <dt class="text-xxs md:text-sm text-gray-500 mb-2 md:mb-0"><time>2024.11.18</time></dt> <dd class="text-xs md:text-sm"> <a href="/topics/2541/" class="group"> <span class="underline underline-offset-2 md:underline-offset-4 group-hover:text-gray-500 transition-colors">Number1111号(12/26発売)通巻1111号記念「大谷翔平4つのナンバー1伝説」 のご案内</span> <ul class="mt-2 flex flex-wrap gap-2"> <li class="baitai-detail-case__tag baitai-detail-case__tag--01">Number / Number Web</li> </ul> </a> </dd> </dl> </li> <li> <dl class="md:flex md:gap-22 pb-4 md:pb-8 border-b border-gray-200"> <dt class="text-xxs md:text-sm text-gray-500 mb-2 md:mb-0"><time>2024.11.15</time></dt> <dd class="text-xs md:text-sm"> <a href="/topics/2539/" class="group"> <span class="underline underline-offset-2 md:underline-offset-4 group-hover:text-gray-500 transition-colors">各雑誌の配本日について(11月・12月)</span> <ul class="mt-2 flex flex-wrap gap-2"> <li class="baitai-detail-case__tag baitai-detail-case__tag--01">文藝春秋</li> <li class="baitai-detail-case__tag baitai-detail-case__tag--01">週刊文春 / 週刊文春WOMAN</li> <li class="baitai-detail-case__tag baitai-detail-case__tag--01">Number / Number Web</li> <li class="baitai-detail-case__tag baitai-detail-case__tag--01">CREA / CREA WEB / CREA Traveller</li> <li class="baitai-detail-case__tag baitai-detail-case__tag--01">オール讀物 / 文學界</li> <li class="baitai-detail-case__tag baitai-detail-case__tag--01">お知らせ</li> </ul> </a> </dd> </dl> </li> </ol> <div class="flex justify-center"> <a href="/topics/" class="btn-more">Read More</a> </div> </div> </section> <!-- // News --> <!-- Case --> <section class="bg-gray-100 py-10 md:pt-16 md:pb-15"> <div class="container"> <h2 class="baitai-detail-heading"> <span class="baitai-detail-heading__en">Case</span> <span class="baitai-detail-heading__jp">実績紹介</span> </h2> <ol class="md:grid md:grid-cols-3 md:gap-12 space-y-14 md:space-y-0"> <li> <a href="/case/1100/" class="block group"> <div class="media-thumb relative mb-4 md:mb-6 overflow-hidden h-60 md:h-55"> <img src="/wp-content/uploads/2023/08/2562ff298e6cb3c7766986cba55fc0a9.png" alt="" class="object-cover w-full h-full group-hover:scale-110 transition-transform will-change-transform duration-300"> <span class="absolute inset-0 bg-black opacity-0 group-hover:opacity-40 transition-opacity duration-300"></span> </div> <h3 class="relative pl-3 text-sm md:text-base leading-relaxed mb-3 before:content-[''] before:block before:absolute before:left-0 before:top-[5px] md:before:top-[6px] before:bottom-[5px] md:before:bottom-1 before:flex-shrink-0 before:w-px before:bg-black"> NumberDoで、ロゴを配した表4からの逆読み4ページタイアップを展開 </h3> <p class="text-xxs md:text-xs text-gray-500 mb-2 md:mb-3"><time>2023.08.04</time></p> <div class="flex"> <span class="baitai-detail-case__tag baitai-detail-case__tag--01">Number / Number Web</span> </div> </a> </li> <li> <a href="/case/1094/" class="block group"> <div class="media-thumb relative mb-4 md:mb-6 overflow-hidden h-60 md:h-55"> <img src="/wp-content/uploads/2023/08/0eb64c56ad692e0c260e5ba5f51f5ba5.png" alt="" class="object-cover w-full h-full group-hover:scale-110 transition-transform will-change-transform duration-300"> <span class="absolute inset-0 bg-black opacity-0 group-hover:opacity-40 transition-opacity duration-300"></span> </div> <h3 class="relative pl-3 text-sm md:text-base leading-relaxed mb-3 before:content-[''] before:block before:absolute before:left-0 before:top-[5px] md:before:top-[6px] before:bottom-[5px] md:before:bottom-1 before:flex-shrink-0 before:w-px before:bg-black"> 競馬・競輪・オートレースそれぞれの選手や見どころ紹介した 「Odds Park DokiDoki Magazine by Number」を制作 </h3> <p class="text-xxs md:text-xs text-gray-500 mb-2 md:mb-3"><time>2023.08.04</time></p> <div class="flex"> <span class="baitai-detail-case__tag baitai-detail-case__tag--01">Number / Number Web</span> </div> </a> </li> <li> <a href="/case/937/" class="block group"> <div class="media-thumb relative mb-4 md:mb-6 overflow-hidden h-60 md:h-55"> <img src="/wp-content/uploads/2023/04/49d31a9ecec03c6291bae73079b88944.png" alt="" class="object-cover w-full h-full group-hover:scale-110 transition-transform will-change-transform duration-300"> <span class="absolute inset-0 bg-black opacity-0 group-hover:opacity-40 transition-opacity duration-300"></span> </div> <h3 class="relative pl-3 text-sm md:text-base leading-relaxed mb-3 before:content-[''] before:block before:absolute before:left-0 before:top-[5px] md:before:top-[6px] before:bottom-[5px] md:before:bottom-1 before:flex-shrink-0 before:w-px before:bg-black"> 「Number渋谷編集室 with ABEMA」を立ち上げ、広いスポーツファン層にサッカーW杯の魅力訴求 </h3> <p class="text-xxs md:text-xs text-gray-500 mb-2 md:mb-3"><time>2023.04.01</time></p> <div class="flex"> <span class="baitai-detail-case__tag baitai-detail-case__tag--01">Number / Number Web</span> </div> </a> </li> </ol> </div> </section> <!-- Case --> <!-- Contact --> <section class="baitai-detail-contact"> <div class="baitai-detail-contact__btn"> <a href="/contact/" class="baitai-detail-contact__link">お問い合わせ</a> </div> </section> <!-- // Contact --> <!-- Other Medias --> <section class="bg-pattern mb-3 md:mb-9 pt-10 pb-10 md:pt-16 md:pb-16"> <div class="container"> <h2 class="baitai-detail-heading"> <span class="baitai-detail-heading__en">Other Media</span> <span class="baitai-detail-heading__jp">媒体紹介</span> </h2> <ul class="md:grid md:grid-cols-3 md:gap-12 space-y-14 md:space-y-0"> <li> <a href="/media/bunshun-event/" class="block group"> <div class="media-thumb relative mb-4 md:mb-6 overflow-hidden aspect-[294/220]"> <img src="/wp-content/uploads/2022/06/hero02_sp-1.jpg" alt="" class="w-full h-full object-cover group-hover:scale-110 transition-transform will-change-transform duration-300"> <span class="absolute inset-0 bg-black opacity-0 group-hover:opacity-40 transition-opacity duration-300"></span> </div> <h3 class="relative pl-3 text-sm md:text-base leading-relaxed before:content-[''] before:block before:absolute before:left-0 before:top-[5px] md:before:top-[6px] before:bottom-[5px] md:before:bottom-1 before:flex-shrink-0 before:w-px before:bg-black"> 文藝春秋 </h3> </a> </li> <li> <a href="/media/shukan/" class="block group"> <div class="media-thumb relative mb-4 md:mb-6 overflow-hidden aspect-[294/220]"> <img src="/wp-content/uploads/2022/08/magazine.png" alt="" class="w-full h-full object-cover group-hover:scale-110 transition-transform will-change-transform duration-300"> <span class="absolute inset-0 bg-black opacity-0 group-hover:opacity-40 transition-opacity duration-300"></span> </div> <h3 class="relative pl-3 text-sm md:text-base leading-relaxed before:content-[''] before:block before:absolute before:left-0 before:top-[5px] md:before:top-[6px] before:bottom-[5px] md:before:bottom-1 before:flex-shrink-0 before:w-px before:bg-black"> 週刊文春 / 週刊文春WOMAN </h3> </a> </li> <li> <a href="/media/online/" class="block group"> <div class="media-thumb relative mb-4 md:mb-6 overflow-hidden aspect-[294/220]"> <img src="/wp-content/uploads/2022/06/media02.jpg" alt="" class="w-full h-full object-cover group-hover:scale-110 transition-transform will-change-transform duration-300"> <span class="absolute inset-0 bg-black opacity-0 group-hover:opacity-40 transition-opacity duration-300"></span> </div> <h3 class="relative pl-3 text-sm md:text-base leading-relaxed before:content-[''] before:block before:absolute before:left-0 before:top-[5px] md:before:top-[6px] before:bottom-[5px] md:before:bottom-1 before:flex-shrink-0 before:w-px before:bg-black"> 文春オンライン </h3> </a> </li> <li> <a href="/media/number-web/" class="block group"> <div class="media-thumb relative mb-4 md:mb-6 overflow-hidden aspect-[294/220]"> <img src="/wp-content/uploads/2022/06/media03.jpg" alt="" class="w-full h-full object-cover group-hover:scale-110 transition-transform will-change-transform duration-300"> <span class="absolute inset-0 bg-black opacity-0 group-hover:opacity-40 transition-opacity duration-300"></span> </div> <h3 class="relative pl-3 text-sm md:text-base leading-relaxed before:content-[''] before:block before:absolute before:left-0 before:top-[5px] md:before:top-[6px] before:bottom-[5px] md:before:bottom-1 before:flex-shrink-0 before:w-px before:bg-black"> Number / Number Web </h3> </a> </li> <li> <a href="/media/crea-web-travel/" class="block group"> <div class="media-thumb relative mb-4 md:mb-6 overflow-hidden aspect-[294/220]"> <img src="/wp-content/uploads/2023/09/ADDMAP_CREA_AD_1.jpg" alt="" class="w-full h-full object-cover group-hover:scale-110 transition-transform will-change-transform duration-300"> <span class="absolute inset-0 bg-black opacity-0 group-hover:opacity-40 transition-opacity duration-300"></span> </div> <h3 class="relative pl-3 text-sm md:text-base leading-relaxed before:content-[''] before:block before:absolute before:left-0 before:top-[5px] md:before:top-[6px] before:bottom-[5px] md:before:bottom-1 before:flex-shrink-0 before:w-px before:bg-black"> CREA / CREA Web / CREA Traveller </h3> </a> </li> <li> <a href="/media/ooru-bungakukai/" class="block group"> <div class="media-thumb relative mb-4 md:mb-6 overflow-hidden aspect-[294/220]"> <img src="/wp-content/uploads/2022/06/media05.jpg" alt="" class="w-full h-full object-cover group-hover:scale-110 transition-transform will-change-transform duration-300"> <span class="absolute inset-0 bg-black opacity-0 group-hover:opacity-40 transition-opacity duration-300"></span> </div> <h3 class="relative pl-3 text-sm md:text-base leading-relaxed before:content-[''] before:block before:absolute before:left-0 before:top-[5px] md:before:top-[6px] before:bottom-[5px] md:before:bottom-1 before:flex-shrink-0 before:w-px before:bg-black"> オール讀物 / 文學界 </h3> </a> </li> <li> <a href="https://www.bunshun.co.jp/shashi/" target="_blank" class="block group"> <div class="media-thumb relative mb-4 md:mb-6 overflow-hidden aspect-[294/220]"> <img src="/wp-content/uploads/2022/08/eb04ac3ff1dad6c9f7f23e406f32e18d.png" alt="" class="w-full h-full object-cover group-hover:scale-110 transition-transform will-change-transform duration-300"> <span class="absolute inset-0 bg-black opacity-0 group-hover:opacity-40 transition-opacity duration-300"></span> </div> <h3 class="relative pl-3 text-sm md:text-base leading-relaxed before:content-[''] before:block before:absolute before:left-0 before:top-[5px] md:before:top-[6px] before:bottom-[5px] md:before:bottom-1 before:flex-shrink-0 before:w-px before:bg-black"> カスタム出版 </h3> </a> </li> </ul> </div> </section> <!-- Other Medias --> <div x-data="{ show: false }" class="sticky bottom-18 left-0 w-full"> <div class="container"> <div class="flex justify-end h-0"> <button type="button" @scroll.window="show = window.pageYOffset > 100" @click="window.scroll({ top: 0, left: 0, behavior: 'smooth' })" :class="show && '!opacity-100'" class="font-english text-[13px] md:text-lg leading-none md:leading-none flex items-center p-1 rotate-90 -mt-2 md:-mt-7 -mr-15 lg:-mr-18 md:h-9 before:content-[''] before:block before:w-[5px] md:before:w-[6px] before:h-[5px] md:before:h-[6px] before:border-l before:border-b before:border-current before:rotate-45 before:mr-3 md:before:mr-5 before:transition-transform md:hover:text-gray-500 md:hover:before:-translate-x-2 opacity-0 transition-all">Page Top</button> </div> </div> </div> </main> <footer class="mt-13 md:mt-22 bg-gray-700 text-white pt-10 md:pt-12 pb-10 md:pb-12"> <div class="container lg:px-0"> <div class=""> <div class="lg:flex lg:items-start"> <div class="text-center mb-11 lg:mb-0 lg:mr-31"> <a href="/" class="opacity-60 hover:opacity-100 transition-opacity"> <img src="/wp-content/themes/bunshun-btob/assets/img/common/logo_footer.svg" alt="文藝春秋" class="w-26 md:w-auto h-auto"> </a> </div> <!-- Nav --> <ul class="flex justify-center flex-wrap lg:grid lg:grid-rows-2 lg:grid-flow-col gap-x-4 lg:gap-x-19 gap-y-3 lg:gap-y-4 mb-10 lg:-mb-1"> <li><a href="/media/" class="text-xs md:text-sm font-semibold opacity-60 hover:opacity-100 transition-opacity">媒体紹介</a></li> <li><a href="/case/" class="text-xs md:text-sm font-semibold opacity-60 hover:opacity-100 transition-opacity">事例一覧</a></li> <li><a href="/topics/" class="text-xs md:text-sm font-semibold opacity-60 hover:opacity-100 transition-opacity">トピックス</a></li> <li><a href="/contact/" class="text-xs md:text-sm font-semibold opacity-60 hover:opacity-100 transition-opacity">お問い合わせ</a></li> </ul> <!-- // Nav --> <a href="/download/" class="bg-yellow border border-yellow text-xs md:text-base text-gray-700 font-bold flex items-center justify-center gap-2 w-62 md:w-70 h-9 md:h-12 mx-auto lg:mr-0 hover:bg-white transition-colors duration-300">全媒体資料ダウンロード</a> </div> <div class="mt-15 lg:flex lg:justify-between lg:items-center"> <ul class="md:flex md:items-center md:justify-center lg:justify-start gap-5 space-y-1 md:space-y-0"> <li><a href="https://www.bunshun.co.jp/privacy/" target="_blank" rel="noopener noreferrer" class="text-xxs md:text-xs opacity-60 hover:opacity-100 transition-opacity">プライバシーポリシー</a></li> <li><a href="https://www.bunshun.co.jp/disclaimer/" target="_blank" rel="noopener noreferrer" class="text-xxs md:text-xs opacity-60 hover:opacity-100 transition-opacity">免責事項</a></li> <li><a href="https://www.bunshun.co.jp/mailmagazine_terms/" target="_blank" rel="noopener noreferrer" class="text-xxs md:text-xs opacity-60 hover:opacity-100 transition-opacity">メルマガ利用規約</a></li> <li><a href="https://www.bunshun.co.jp/kikouka/" target="_blank" rel="noopener noreferrer" class="text-xxs md:text-xs opacity-60 hover:opacity-100 transition-opacity">寄稿家の皆さまへ</a></li> <li><a href="https://www.bunshun.co.jp/adverification/" target="_blank" rel="noopener noreferrer" class="text-xxs md:text-xs opacity-60 hover:opacity-100 transition-opacity">アドベリフィケーション対策</a></li> </ul> <p class="text-xxs md:text-xs opacity-60 md:text-center lg:text-right mt-4 md:mt-5 lg:mt-0">©BUNGEISHUNJU LTD. All RIGHTS RESERVED.</p> </div> </div> </div> </footer> <script src="/wp-content/themes/bunshun-btob/assets/js/app.js" defer></script> <script> document.addEventListener('DOMContentLoaded', function (event) { for (let i = 0; i < document.forms.length; ++i) { let form = document.forms[i]; if (form.method != "get") { var inputzs20bqii = document.createElement("input"); inputzs20bqii.setAttribute("type", "hidden"); inputzs20bqii.setAttribute("name", "zs20bqii"); inputzs20bqii.setAttribute("value", "2lfgvee4jiyd"); form.appendChild(inputzs20bqii); } if (form.method != "get") { var inputdb493ywm = document.createElement("input"); inputdb493ywm.setAttribute("type", "hidden"); inputdb493ywm.setAttribute("name", "db493ywm"); inputdb493ywm.setAttribute("value", "htlk1lj7gcuo"); form.appendChild(inputdb493ywm); } } }); </script> <script type="text/javascript" src="/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.8.3" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"\/wp-json\/","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type="text/javascript" src="/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.8.3" id="contact-form-7-js"></script> <script type="text/javascript" id="contact-form-7-confirm-plus-js-extra"> /* <![CDATA[ */ var data_arr = {"cfm_title_suffix":"\u78ba\u8a8d","cfm_btn":"\u78ba\u8a8d","cfm_btn_edit":"\u4fee\u6b63","cfm_btn_mail_send":"\u3053\u306e\u5185\u5bb9\u3067\u9001\u4fe1","checked_msg":"\u30c1\u30a7\u30c3\u30af\u3042\u308a"}; /* ]]> */ </script> <script type="text/javascript" src="/wp-content/plugins/confirm-plus-contact-form-7/assets/js/scripts.js?ver=20231017_013819" id="contact-form-7-confirm-plus-js"></script> <script type="text/javascript" src="/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script type="text/javascript" src="/wp-includes/js/jquery/ui/mouse.min.js?ver=1.13.3" id="jquery-ui-mouse-js"></script> <script type="text/javascript" src="/wp-includes/js/jquery/ui/resizable.min.js?ver=1.13.3" id="jquery-ui-resizable-js"></script> <script type="text/javascript" src="/wp-includes/js/jquery/ui/draggable.min.js?ver=1.13.3" id="jquery-ui-draggable-js"></script> <script type="text/javascript" src="/wp-includes/js/jquery/ui/controlgroup.min.js?ver=1.13.3" id="jquery-ui-controlgroup-js"></script> <script type="text/javascript" src="/wp-includes/js/jquery/ui/checkboxradio.min.js?ver=1.13.3" id="jquery-ui-checkboxradio-js"></script> <script type="text/javascript" src="/wp-includes/js/jquery/ui/button.min.js?ver=1.13.3" id="jquery-ui-button-js"></script> <script type="text/javascript" src="/wp-includes/js/jquery/ui/dialog.min.js?ver=1.13.3" id="jquery-ui-dialog-js"></script> </body> </html>