CINXE.COM
CREA / CREA WEB / CREA Traveller | 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>CREA / CREA WEB / CREA Traveller | AD MAP(アド マップ)-文藝春秋の広告掲載についてご案内</title> <meta name="description" content="CREA・CREA WEB・CREA Travellerの常設企画トピックス、その他企画のご紹介。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="CREA / CREA WEB / CREA Traveller | AD MAP(アド マップ)-文藝春秋の広告掲載についてご案内"> <meta property="og:description" content="CREA・CREA WEB・CREA Travellerの常設企画トピックス、その他企画のご紹介。AD MAP(アドマップ)は、文藝春秋ブランドの、誌面・デジタル・SNS・イベント他の広告掲載のご案内をいたします。"> <meta property="og:type" content="website"> <meta property="og:url" content="https://admap.bunshun.co.jp/media/crea-web-travel/"> <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/23" /><link rel="canonical" href="/media/crea-web-travel/" /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="/wp-json/oembed/1.0/embed?url=%2Fmedia%2Fcrea-web-travel%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/crea_web_travel/hero_logo_sp.png"> <img src="/wp-content/themes/bunshun-btob/assets/img/crea_web_travel/hero_logo.png" alt="CREA / CREA WEB / CREA Traveller" class="w-[245px] md:w-[720px]"> </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">CREA</h2> <div class="flex justify-start flex-wrap"> <div class="baitai-detail-media-img"> <img src="/wp-content/uploads/2024/09/CREA20241006-1.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">4.1</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">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_facebook_g.png" alt="フェイスブック" class="block"> </span> <span><span class="baitai-detail-sns-follwers">4.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">78</span><span class="text-xxs md:text-xs">万ユーザー</span></span> </div> </div> </div> <div class="baitai-detail-media-detail mt-10 md:mt-0"> <h3 class="block text-sm md:text-base font-semibold :md:-mt-2 md:mb-3">3.6.9.12月/7日発売</h3> <p class="text-xs md:text-sm mb-3 md:mb-5">美容、旅、美味しいもの、本や音楽・・・都会的で好奇心旺盛な女性たちのための情報がたっぷり詰まったワンテーママガジン</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">55000</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">アクティブで、知的好奇心旺盛な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">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">女性中心</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/10/CREA_mediaguide_202410.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/crea_creatraveller_schedule_20241118.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=crea" 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">CREA WEB</h2> <div class="flex justify-start flex-wrap"> <div class="baitai-detail-media-img"> <img src="/wp-content/uploads/2023/08/7a02f0e48b7184bf6ae1c58ff208b216-1.png"> <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">4.1</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">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_facebook_g.png" alt="フェイスブック" class="block"> </span> <span><span class="baitai-detail-sns-follwers">4.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">78</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">『CREA』と『CREA Traveller』の世界観を踏襲したブランドサイト。旅、グルメ、ファッション、美容など、誌面と同様に30代、40代の知的感度の高い女性向けの記事を、月間300本~400本ほど配信。<br /> <br /> 【CREA WEB お問い合わせ】<br /> タイアップ : ad.crea-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">1214</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">232</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">旅、グルメ、カルチャーなどの情報収集にアクティブな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">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">女性中心</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/10/CREAWEB_mediaguide_2024_10-12-4.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/CREAWEB_video_banner_202501-202503.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=crea_web" 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">CREA Traveller</h2> <div class="flex justify-start flex-wrap"> <div class="baitai-detail-media-img"> <img src="/wp-content/uploads/2024/10/Traveller_vol4_page-0001.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">2.4</span><span class="text-xxs md:text-xs">万フォロワー</span></span> </div> </div> </div> <div class="baitai-detail-media-detail mt-10 md:mt-0"> <h3 class="block text-sm md:text-base font-semibold :md:-mt-2 md:mb-3">2024年10月15日発売 ※2025年より3.6.9.12月/各22日発売</h3> <p class="text-xs md:text-sm mb-3 md:mb-5">魅力的なデスティネーションを、美しいビジュアルの力と新しい切り口で紹介し、質の高い読者の支持を得ている日本で唯一のハイクオリティなトラベルマガジン</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">28000</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">本物の上質な旅を愛する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">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">女性中心</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/10/creaTraveller_mediaguide_202410.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/crea_creatraveller_schedule_20241118.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=crea_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">「47Portal」のご案内</span> </div> <h3 class="text-base font-semibold mb-3">日本全国、地域の魅力を配信!『47Portal』のご案内</h3> <p class="text-xs md:text-sm mb-6 md:mb-4"> CREAとCREA Travellerでは、日本の魅力に注目し、数々の特集企画を実施してきました。<br /> 「47Portal」は、47都道府県の”楽しい”を詰め込んだポータルサイト。<br /> 旅好きのCREA読者が知りたい、日本各地の情報を日々更新しています。 </p> <div class="flex flex-wrap justify-end gap-4"> <a href="/wp-content/uploads/2024/10/CREAWEB_47Portal_202409_3.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">CREA Traveller連載企画</span> </div> <h3 class="text-base font-semibold mb-3">CREA Traveller連載企画「HOTEL&RESORTS 2024」のご案内</h3> <p class="text-xs md:text-sm mb-6 md:mb-4"> 毎年10月発売号で大好評の「ホテル特集」。<br /> 「もっとタイムリーな情報も知りたい!」というご要望にお応えし<br /> 毎号、最旬トピックをご紹介する連載企画がスタート。<br /> 秋のホテル特集号と合わせて年間を通じて、旅の目的になるホテル情報を<br /> 読者のみなさまにご紹介します。 </p> <div class="flex flex-wrap justify-end gap-4"> <a href="/wp-content/uploads/2024/01/CREATraveller_2024_HOTELregular_01.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 --> <!-- Other 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">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--03"> <span class="baitai-detail-card__tag-txt">アウトドア企画</span> </div> <h3 class="text-base font-semibold mb-3">『CREA WEB アウトドア特集』</h3> <p class="text-xs md:text-sm mb-6 md:mb-4"> CREA WEB定番企画「アウトドア特集」。2025年も春・秋の2回実施いたします。<br /> 誌面とも連動し、さらにパワーアップして展開していきます。 </p> <div class="flex flex-wrap justify-end gap-4"> <a href="/wp-content/uploads/2024/11/outdoor2025spring_241118.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> <!-- // Other 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.18</time></dt> <dd class="text-xs md:text-sm"> <a href="/topics/2547/" class="group"> <span class="underline underline-offset-2 md:underline-offset-4 group-hover:text-gray-500 transition-colors">CREA WEB 春のアウトドア特集(3月~)「春のしあわせ、アウトドア(仮)」のご案内</span> <ul class="mt-2 flex flex-wrap gap-2"> <li class="baitai-detail-case__tag baitai-detail-case__tag--01">CREA / CREA WEB / CREA Traveller</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> <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/2537/" class="group"> <span class="underline underline-offset-2 md:underline-offset-4 group-hover:text-gray-500 transition-colors">CREA Traveller 2025年Spring(3/22発売)国内特集「沖縄」のご案内</span> <ul class="mt-2 flex flex-wrap gap-2"> <li class="baitai-detail-case__tag baitai-detail-case__tag--01">CREA / CREA WEB / CREA Traveller</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/2555/" 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/2024/11/34743405551addf60cccbfd58bb83403.jpg" 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"> アルビオンの最高峰ブランドエクシア 女性誌2誌タイアップ【週刊文春WOMAN & CREA】 </h3> <p class="text-xxs md:text-xs text-gray-500 mb-2 md:mb-3"><time>2024.11.22</time></p> <div class="flex"> <span class="baitai-detail-case__tag baitai-detail-case__tag--01">週刊文春 / 週刊文春WOMAN</span> <span class="baitai-detail-case__tag baitai-detail-case__tag--01">CREA / CREA WEB / CREA Traveller</span> </div> </a> </li> <li> <a href="/case/1271/" 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/0d40a5e4a645fc6b96e767d64ac0878e-1.jpg" 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"> “旅のある暮らし” を実現できる 「HafH (ハフ)」ってどんなサービス? </h3> <p class="text-xxs md:text-xs text-gray-500 mb-2 md:mb-3"><time>2023.08.21</time></p> <div class="flex"> <span class="baitai-detail-case__tag baitai-detail-case__tag--01">CREA / CREA WEB / CREA Traveller</span> </div> </a> </li> <li> <a href="/case/1262/" 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/5025f0841773b23d0c778310889956e0.jpg" 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"> ディセンシアの美白美容液で目指す “つるぷり”な透明肌 </h3> <p class="text-xxs md:text-xs text-gray-500 mb-2 md:mb-3"><time>2023.08.21</time></p> <div class="flex"> <span class="baitai-detail-case__tag baitai-detail-case__tag--01">CREA / CREA WEB / CREA Traveller</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>