Webメディア「MdN」媒体紹介｜株式会社エムディエヌコーポレーション

<!DOCTYPE html> <html> <head>  <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width"> <meta name="format-detection" content="telephone=no"> <meta name="keywords" content="MdN,お問合せ,最新情報,ニュース,デザイン,テクノロジー,グラフィック"> <meta name="description" content="エムディエヌコーポレーションへのお問い合わせはこちらからお送りください。"> <link rel="shortcut icon" href="../../../img/favicon.ico"> <link rel="apple-touch-icon" href="../../../img/apple-touch-icon.png"> <link rel="icon" type="image/png" href="../../../img/android-chrome-192x192.png">  <title>Webメディア「MdN」媒体紹介｜株式会社エムディエヌコーポレーション</title>  <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-5CTV97F');</script>   <link rel="stylesheet" href="../../../css/reset.css"> <link rel="stylesheet" href="../../../css/plugin.css"> <link rel="stylesheet" href="../../../css/base.css"> <link rel="stylesheet" href="../../../css/module.css"> <link rel="stylesheet" href="../../../css/article_cms.css"> <script type="text/javascript" src="../../../js/analytics.js"></script>  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script type="text/javascript" src="../../../js/jquery-1.11.1.min.js"></script>  <script type="text/javascript" src="../js/sns.js"></script> <meta property="og:title" content="Webメディア「MdN」媒体紹介｜株式会社エムディエヌコーポレーション" /> <meta property="og:type" content="website" /> <meta property="og:description" content="エムディエヌコーポレーションへのお問い合わせはこちらからお送りください。" /> <meta property="og:url" content="https://books.mdn.co.jp//ad/mdn-di/" /> <meta property="og:image" content="https://books.mdn.co.jp/img/common/logo_header.png" /> <meta property="og:site_name" content="株式会社エムディエヌコーポレーション" /> <meta property="og:locale" content="ja_JP" /> <meta property="fb:admins" content="" /> <meta property="fb:app_id" content="" /> <meta name="msapplication-TileImage" content="../../../pinned.png"> <meta name="msapplication-TileColor" content="#383838"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@mdn_designpress"> <meta name="twitter:title" content="Webメディア「MdN」媒体紹介｜株式会社エムディエヌコーポレーション"> <meta name="twitter:description" content="エムディエヌコーポレーションへのお問い合わせはこちらからお送りください。"> <meta name="twitter:image" content="https://books.mdn.co.jp/img/common/logo_header.png"> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5CTV97F" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <header class="header header--index"> <div class="header-container"> <h1 class="header-logo"> <a href="../../../" class="header-logo__link"> <img src="../../../img/common/logo_header.png" alt="MdNCORPORATION"> </a> </h1>  <nav class="header-nav sp-hide"> <ul class="header-nav__list"> <li class="header-nav__list-item"> <a href="../../../bookstore-info/" class="header-nav__link">書店様へのご案内</a> </li> <li class="header-nav__list-item"> <a href="../../../ad/mdn-di/" class="header-nav__link">広告掲載について</a> </li> <li class="header-nav__list-item"> <a href="../../../faq/" class="header-nav__link">FAQ</a> </li> <li class="header-nav__list-item"> <a href="../../../correction/" class="header-nav__link">訂正とダウンロード</a> </li> <li class="header-nav__list-item"> <a href="../../../contact/" class="header-nav__link">お問い合わせ</a> </li> </ul> </nav>  <form action="../../../search/" name="search" method="get" class="sp-hide"> <dl class="search"> <dt class="search__text"> <input type="text" name="q" value="" placeholder="本をさがす" class="search__input"> </dt> <dd class="search__inner"> <button type="submit" class="search__button"> <span class="search__button-img"></span> </button> </dd> </dl> <input type="hidden" name="cx" value="004574099558849814542:-imjwcj0mdg" /> <input type="hidden" name="cof" value="FORID:11" /> <input type="hidden" name="ie" value="UTF-8" /> </form> <a class="header-sp-trigger pc-hide" href="#"> <span></span> <span></span> <span></span> </a>  </div>  </header>  <div class="wrapper"> <div class="opened-nav"> <div class="search-sp"> <form action="../../../search/" name="search" method="get"> <dl class="search"> <dt class="search__text"> <input type="text" name="q" value="" placeholder="本をさがす" class="search__input"> </dt> <dd class="search__inner"> <button type="submit" class="search__button"> <span class="search__button-img"></span> </button> </dd> </dl> <input type="hidden" name="cx" value="004574099558849814542:-imjwcj0mdg" /> <input type="hidden" name="cof" value="FORID:11" /> <input type="hidden" name="ie" value="UTF-8" /> </form> </div>  <div class="list-sp"> <div class="list-sp__btn"> <a href="../../../books/?eb=1" class="list-sp__btn-link">電子書籍一覧</a> </div> </div>  <nav class="global-nav"> <ul class="global-nav__list"> <li class="global-nav__list-item"> <a href="../../../category/books/design/" class="global-nav__link">デザイン・グラフィック</a> </li> <li class="global-nav__list-item"> <a href="../../../category/books/collection/" class="global-nav__link">素材集・フォント集</a> </li> <li class="global-nav__list-item"> <a href="../../../category/books/illust/" class="global-nav__link">イラスト・アニメ</a> </li> <li class="global-nav__list-item"> <a href="../../../category/books/cg/" class="global-nav__link">3DCG・映像</a> </li> <li class="global-nav__list-item"> <a href="../../../category/books/web/" class="global-nav__link">Web制作</a> </li> <li class="global-nav__list-item"> <a href="../../../category/books/program/" class="global-nav__link">プログラミング</a> </li> <li class="global-nav__list-item global-nav__list-item--none"> <a href="../../../category/books/business/" class="global-nav__link">IT・ビジネス</a> </li> </ul> <ul class="global-nav__list"> <li class="global-nav__list-item"> <a href="../../../category/books/photo/" class="global-nav__link">写真技法・カメラ</a> </li> <li class="global-nav__list-item"> <a href="../../../category/books/album/" class="global-nav__link">写真集</a> </li> <li class="global-nav__list-item"> <a href="../../../category/books/art/" class="global-nav__link">美術・建築</a> </li> <li class="global-nav__list-item"> <a href="../../../category/books/life/" class="global-nav__link">生活・趣味・実用</a> </li> <li class="global-nav__list-item"> <a href="../../../category/books/annual/" class="global-nav__link">カレンダー・手帳・年賀状</a> </li> <li class="global-nav__list-item"> <a href="../../../category/books/cookbook_shelf/" class="global-nav__link">料理の本棚</a> </li> <li class="global-nav__list-item global-nav__list-item--last"> <a href="../../../category/books/other/" class="global-nav__link">その他</a> </li> </ul> </nav>  <ul class="global-nav__sp"> <li class="global-nav__sp-item"> <a href="../../../pickup-news/" class="global-nav__sp-link">MdN Pickup news</a> </li> <li class="global-nav__sp-item"> <a href="../../../announce/" class="global-nav__sp-link">MdNからのお知らせ</a> </li> <li class="global-nav__sp-item"> <a href="../../../backnumber/" class="global-nav__sp-link">月刊MdNバックナンバー</a> </li> <li class="global-nav__sp-item"> <a href="../../../release/" class="global-nav__sp-link">プレスリリース</a> </li> <li class="global-nav__sp-item"> <a href="../../../mdn-letter/" class="global-nav__sp-link">MdNユーザー会員新規登録</a> </li> <li class="global-nav__sp-item"> <a href="../../../mdn-letter/login.php" class="global-nav__sp-link">MdNユーザー会員ログイン</a> </li> </ul> <ul class="global-nav__sp-sub"> <li class="global-nav__sp-subitem"> <a href="../../../faq/" class="global-nav__sp-sublink">FAQ</a> </li> <li class="global-nav__sp-subitem"> <a href="../../../privacypolicy/" class="global-nav__sp-sublink">プライバシーポリシー</a> </li> <li class="global-nav__sp-subitem"> <a href="../../../company/" class="global-nav__sp-sublink">会社概要</a> </li> <li class="global-nav__sp-subitem"> <a href="../../../recruit/" class="global-nav__sp-sublink">採用情報</a> </li> <li class="global-nav__sp-subitem"> <a href="../../../subscription/rules_all.php" class="global-nav__sp-sublink">会員規約</a> </li> <li class="global-nav__sp-subitem"> <a href="../../../terms/" class="global-nav__sp-sublink">利用規約</a> </li> </ul> <div class="close-btn"> <a href="#" class="close-btn__text">閉じる</a> </div>  </div>  <nav class="global-nav sp-hide"> <ul class="global-nav__list"> <li class="global-nav__list-item"> <a href="../../../category/books/design/" class="global-nav__link">デザイン・グラフィック</a> </li> <li class="global-nav__list-item"> <a href="../../../category/books/collection/" class="global-nav__link">素材集・フォント集</a> </li> <li class="global-nav__list-item"> <a href="../../../category/books/illust/" class="global-nav__link">イラスト・アニメ</a> </li> <li class="global-nav__list-item"> <a href="../../../category/books/cg/" class="global-nav__link">3DCG・映像</a> </li> <li class="global-nav__list-item"> <a href="../../../category/books/web/" class="global-nav__link">Web制作</a> </li> <li class="global-nav__list-item"> <a href="../../../category/books/program/" class="global-nav__link">プログラミング</a> </li> <li class="global-nav__list-item"> <a href="../../../category/books/business/" class="global-nav__link">IT・ビジネス</a> </li> </ul> <ul class="global-nav__list"> <li class="global-nav__list-item"> <a href="../../../category/books/photo/" class="global-nav__link">写真技法・カメラ</a> </li> <li class="global-nav__list-item"> <a href="../../../category/books/album/" class="global-nav__link">写真集</a> </li> <li class="global-nav__list-item"> <a href="../../../category/books/art/" class="global-nav__link">美術・建築</a> </li> <li class="global-nav__list-item"> <a href="../../../category/books/life/" class="global-nav__link">生活・趣味・実用</a> </li> <li class="global-nav__list-item"> <a href="../../../category/books/annual/" class="global-nav__link">カレンダー・手帳・年賀状</a> </li> <li class="global-nav__list-item"> <a href="../../../category/books/cookbook_shelf/" class="global-nav__link">料理の本棚</a> </li> <li class="global-nav__list-item global-nav__list-item--last"> <a href="../../../category/books/other/" class="global-nav__link">その他</a> </li> </ul> </nav>  <div class="contents"> <div class="breadcrumb"> <ul class="breadcrumb__list"> <li class="breadcrumb__list-item"> <a href="../../../" class="breadcrumb__link"> <img src="../../../img/common/icon_home.png" alt=""> </a> </li> <li class="breadcrumb__list-item"> <span class="breadcrumb__current">Webメディア「MdN」媒体紹介</span> </li> </ul> </div>  <div class="box-text"> <style> /* --------------------------------------------- * ad-block --------------------------------------------- */ .ad-block { margin-bottom: 80px; } @media screen and (max-width: 738px) { .ad-block { margin-bottom: 11.5942vw; } } /* --------------------------------------------- * ad-block__container --------------------------------------------- */ .ad-block__container { margin-right: auto; margin-left: auto; width: 960px; } @media screen and (max-width: 738px) { .ad-block__container { width: auto; } } /* ad-block__upper --------------------------------------------- */ .ad-block__upper { margin-bottom: 55px; } @media screen and (max-width: 738px) { .ad-block__upper { margin-bottom: 7.24638vw; } } .ad-block__title { margin-bottom: 30px; padding-bottom: 5px; border-bottom: 1px solid #343434; text-align: center; text-align: left; letter-spacing: 0.1em; font-weight: bold; font-size: 21px; } @media screen and (max-width: 738px) { .ad-block__title { padding-bottom: 0; padding-left: 2.17391vw; letter-spacing: 0; font-size: 2.28571rem; } } @media screen and (max-width: 738px) { .ad-block__title { margin-bottom: 4.34783vw; } } .ad-block__title span { font-size: 16px; } @media screen and (max-width: 738px) { .ad-block__title span { font-size: 1.71429rem; } } .ad-block__text { font-weight: 500; margin-bottom: 30px; } .ad-block__text:first-child { margin-bottom: 60px; } @media screen and (max-width: 738px) { .ad-block__text { /* padding: 0 2.89855vw; */ margin-bottom: 4.34783vw; font-size: 1.71429rem; } } /* ad-casette --------------------------------------------- */ .ad-casette { padding: 0 0 30px; border-bottom: 1px solid #ececec; } @media screen and (max-width: 738px) { .ad-casette { padding: 0 2.89855vw 5.7971vw; } } /* ad-casette__title --------------------------------------------- */ .ad-casette__title { margin-bottom: 8px; font-weight: bold; font-size: 1.28571rem; } @media screen and (max-width: 738px) { .ad-casette__title { margin-bottom: 4.34783vw; font-size: 2rem; } } /* ad-terms-list --------------------------------------------- */ .ad-casette .ad-terms-list li { list-style-type: disc; margin: 0 0 0 20px; } @media screen and (max-width: 738px) { .ad-casette .ad-terms-list li { padding: 0 2.89855vw; font-size: 1.71429rem; line-height: 1.6; } } /* ad-casette__btn --------------------------------------------- */ .ad-casette__btn { position: relative; margin-right: auto; margin-left: auto; width: 320px; text-align: center; } @media screen and (max-width: 738px) { .ad-casette__btn { width: auto; padding: 0 2.89855vw; } } .ad-casette__btn-link { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 0; border: solid 1px #5e5e5e; background-color: #5e5e5e; color: #fff; font-size: 0.92857rem; -webkit-transition: all .3s; transition: all .3s; } @media screen and (max-width: 738px) { .ad-casette__btn-link { font-size: 1.71429rem; } } .ad-casette__btn-link::after { position: relative; display: inline-block; margin-bottom: 3px; margin-left: 8px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; content: ""; vertical-align: middle; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .ad-casette__btn-link:hover { background-color: #fff; color: #5e5e5e; } @media screen and (max-width: 738px) { .ad-casette__btn-link:hover { background-color: #5e5e5e; color: #fff; } } .ad-casette__btn-link:hover:after { border-color: #5e5e5e; } @media screen and (max-width: 738px) { .ad-casette__btn-link:hover:after { border-color: #fff; } } /* --------------------------------------------- * ad-list-wrap　左ナビ --------------------------------------------- */ .ad-list-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 768px) { .ad-list__inner { margin-bottom: 2.89855vw; } } .ad-list__item { -webkit-box-sizing: border-box; box-sizing: border-box; width: 260px; border-bottom: 1px solid #f7f7f7; margin: 0 !important; list-style-type: none !important; } @media only screen and (max-width: 768px) { .ad-list__item { display: inline-block; width: auto; border-bottom: none; margin: 0 0 2.89855vw 2.89855vw; } } .ad-list__item:first-child a { padding-top: 0; } @media only screen and (max-width: 768px) { .ad-list__item:first-child a { padding: 12px 24px 12px 12px; } } .ad-list__link { position: relative; display: block; padding: 18px 0; font-weight: bold; font-size: 1.14286rem; -webkit-transition: all .3s; transition: all .3s; } @media only screen and (max-width: 768px) { .ad-list__link { padding: 12px 24px 12px 12px; font-weight: normal; border: solid 1px #343434; font-size: 1.643rem; } } .ad-list__link::after { position: absolute; top: 50%; right: 5px; display: block; width: 8px; height: 8px; border-top: 1px solid #888888; border-right: 1px solid #888888; content: ""; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); } @media only screen and (max-width: 768px) { .ad-list__link::after { top: 48%; right: 15px; width: 6px; height: 6px; } } .ad-list__link:hover { text-decoration: underline; opacity: .7; } @media only screen and (max-width: 768px) { .ad-list__link:hover { text-decoration: none; color: #fff; background-color: #343434; } } .ad-list__item:first-child .ad-list__link:after { top: 20%; } @media only screen and (max-width: 768px) { .ad-list__item:first-child .ad-list__link:after { top: 48%; } } /* --------------------------------------------- * ad-media-list　各種媒体について --------------------------------------------- */ @media screen and (max-width: 738px) { .ad-media-list { margin: 0 0 0 2.89855vw; } } .ad-media-list li { display: inline-block; width: 320px; margin: 0 20px 0 0; font-size: 0.92857rem; text-align: center; color: #b19f6f; border: solid 1px #b19f6f; } @media screen and (max-width: 738px) { .ad-media-list li { width: 46%; margin: 0 2.89855vw 0 0; } } .ad-media-list li a { display: block; padding: 14px 0; position: relative; transition: .3s; } @media screen and (max-width: 738px) { .ad-media-list li a { font-size: 1.71429rem; } } .ad-media-list li a.current, .ad-media-list li a:hover { display: block; padding: 14px 0; color: #fff; background: #b19f6f; } .ad-media-list li a::after { display: inline-block; margin-bottom: 3px; margin-left: 4px; width: 6px; height: 6px; border-top: 1px solid #b19f6f; border-right: 1px solid #b19f6f; content: ""; vertical-align: middle; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .ad-media-list li a.current::after, .ad-media-list li a:hover::after { display: inline-block; margin-bottom: 3px; margin-left: 4px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; content: ""; vertical-align: middle; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* --------------------------------------------- * ad-magazine-wrap　月刊MdN紹介枠 --------------------------------------------- */ .ad-magazine-wrap { padding: 30px 40px; background: linear-gradient(to right, #e1fafa, #d5eafa); } @media screen and (max-width: 738px) { .ad-magazine-wrap { padding: 3.899vw 0 5.7971vw 3.899vw; } } .ad-magazine-wrap figure { width: 160px; padding: 0 20px 0 0; float: left; } @media screen and (max-width: 738px) { .ad-magazine-wrap figure { width: 30%; padding: 0 12px 0 0; } } .ad-magazine-inner { float: left; } @media screen and (max-width: 738px) { .ad-magazine-inner { width: 64%; } } @media screen and (max-width: 738px) { .ad-magazine-wrap h3 { font-size: 1.71429rem; margin-bottom: 2.348vw; } } .ad-magazine-wrap li { margin: 0 0 4px; list-style-type: none; } @media screen and (max-width: 738px) { .ad-magazine-wrap li { margin: 0 0 0.348vw; font-size: 1.71429rem; list-style: none; } } .ad-magazine-wrap p { font-size: 0.85714rem; } @media screen and (max-width: 738px) { .ad-magazine-wrap p { font-size: 1.71429rem; padding: 0 0; } } .ad-magazine-wrap::after, .ad-magazine-wrap::before { content: ""; clear: both; display: block; } /* ad-wrap --------------------------------------------- */ .ad-wrap { width: 662px; } @media screen and (max-width: 738px) { .ad-wrap { width: auto; } } /* --------------------------------------------- * ad-magazine-wrap　広告企画pdf --------------------------------------------- */ /* ad-plan-block__upper --------------------------------------------- */ .ad-plan-block__upper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; margin-bottom: 40px; -webkit-box-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 738px) { .ad-plan-block__upper { margin-bottom: 0; } } /* ad-plan-block__part --------------------------------------------- */ .ad-plan-block__part { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: start; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 0 20px 40px; width: 460px; border: solid 1px #ececec; -webkit-box-pack: start; justify-content: start; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 738px) { .ad-plan-block__part { margin-bottom: 7.24638vw; padding: 4.34783vw 0 4.34783vw 4.34783vw; width: 100%; } } .ad-plan-block__part:hover .ad-plan-block__title { text-decoration: underline; } @media screen and (max-width: 738px) { .ad-plan-block__part:hover .ad-plan-block__title { text-decoration: none; } } .ad-plan-block__part:hover .ad-plan-block__btn-link { border: solid 1px #b19f6f; background-color: #fff; color: #b19f6f; } @media screen and (max-width: 738px) { .ad-plan-block__part:hover .ad-plan-block__btn-link { background-color: #b19f6f; color: #fff; } } .ad-plan-block__part:hover .ad-plan-block__btn-link:after { border-color: #b19f6f; } @media screen and (max-width: 738px) { .ad-plan-block__part:hover .ad-plan-block__btn-link:after { border-color: #fff; } } .ad-plan-block__img { margin-right: 18px; } @media screen and (max-width: 738px) { .ad-plan-block__img { margin-right: 3.62319vw; } } .ad-plan-block__content { padding-top: 20px; } @media screen and (max-width: 738px) { .ad-plan-block__content { width: 60%; padding-top: 0; } } .ad-plan-block__title { display: block; margin-bottom: 8px; font-weight: bold; font-size: 1.14286rem; } @media screen and (max-width: 738px) { .ad-plan-block__title { margin-bottom: 2.89855vw; font-size: 2rem; } } .ad-plan-block__btn-link { position: relative; display: block; padding: 15px 48px 15px 40px; border: solid 1px transparent; background-color: #b19f6f; color: #fff; font-weight: 500; font-size: 0.92857rem; -webkit-transition: all .3s; transition: all .3s; } @media screen and (max-width: 738px) { .ad-plan-block__btn-link { padding: 4.34783vw 0; width: 40vw; text-align: center; font-size: 1.71429rem; } } .ad-plan-block__btn-link:after { display: inline-block; margin-bottom: 3px; margin-left: 4px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; content: ""; vertical-align: middle; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media screen and (max-width: 738px) { .ad-plan-block__btn-link:after { margin-bottom: 2px; margin-left: 4px; } } .ad-plan-block__btn { margin-right: 20px; } @media screen and (max-width: 738px) { .ad-plan-block__btn { margin-right: 0; } } /* --------------------------------------------- * 汎用 --------------------------------------------- */ .pt30 { padding-top: 30px; } @media screen and (max-width: 738px) { .pt30 { padding-top: 4.34783vw; } } </style>  <section class="ad-block"> <div class="ad-block__container"> <div class="ad-block__upper"> <h2 class="ad-block__title">広告掲載について</h2> <ul class="ad-media-list">  <li><a href="#" class="current">Webメディア「MdN」への掲載</a></li> </ul> </div>  <div class="ad-list-wrap"> <div class="ad-list"> <ul class="ad-list__inner"> <li class="ad-list__item"> <a href="#" class="ad-list__link">Webメディア「MdN」媒体紹介</a> </li> <li class="ad-list__item"> <a href="guide/" class="ad-list__link">Webメディア「MdN」出稿規定</a> </li> </ul> </div>  <div class="ad-wrap"> <h2 class="ad-block__title">Webメディア「MdN」媒体紹介</h2> <hr id="anchor-1"> <section class="ad-casette"> <p class="ad-block__text">「MdN」はデザインとクリエイティブを深掘りするメディアです（運営：エムディエヌコーポレーション）。デザインツールのハウツーやエンタメ作品の表現面の取材等、実用的かつ仕事のヒントになる記事、作品をより楽しめる記事を制作しており、独学系デザイナーを中心に幅広い層から支持を得ています。 </p> <h2 class="ad-block__title">ユーザープロフィール<span>（2023年7月現在）</span></h2> <h3 class="ad-casette__title">Webメディア「MdN」コアターゲット</h3> <p class="ad-block__text">独学系のデザイナーやクリエイター（グラフィックデザイナー／Webデザイナー／映像系・アニメ系クリエイター等）、副業系クリエイター（副業デザイナー／ブロガー／YouTuber）、趣味系（同人誌制作者／エンタメの裏側が知りたい人／デザインを勉強したい人）、企業の広報担当者等</p> <h3 class="ad-casette__title">ぺージビュー</h3> <p class="ad-block__text">月間平均PV (全体)：1,100,000PV／月</p> <h3 class="ad-casette__title">ユニークユーザー</h3> <p class="ad-block__text">月間平均UU：600,000／月</p> <h3 class="ad-casette__title">広告媒体資料</h3> <div class="ad-plan-block__upper"> <a href="https://www.mdn.co.jp/di/attach/src/ad/MdNDI_mediasheets202401.pdf" download="MdNDI_mediasheets202401.pdf" download="https://www.mdn.co.jp/di/attach/src/ad/MdNDI_mediasheets202401.pdf" download="MdNDI_mediasheets202401pdf" target="_blank" class="ad-plan-block__part"> <p class="ad-plan-block__img"> <img src="https://www.mdn.co.jp/di/attach/src/ad/MdNDI_mediasheets202307.png" alt="広告媒体資料2023年4月版"> </p> <div class="ad-plan-block__content"> <span class="ad-plan-block__title">Webメディア「MdN」<br />広告媒体資料2024年1月版</span> <div class="ad-plan-block__btn"> <span href="https://www.mdn.co.jp/di/attach/src/ad/MdNDI_mediasheets202401.pdf" download="MdNDI_mediasheets202401.pdf" download="https://www.mdn.co.jp/di/attach/src/ad/MdNDI_mediasheets202401.pdf" download="MdNDI_mediasheets202401.pdf" target="_blank" class="ad-plan-block__btn-link">PDFダウンロード</span> </div> </div>  </a>  </div>  <h3 class="ad-casette__title">広告出稿に関するお問い合わせ先</h3> <p class="ad-block__text">広告出稿に関するご質問は、こちらからお問合せください。</p> <div class="ad-casette__btn"> <a href="https://books.mdn.co.jp/contact/ad_sales.php" class="ad-casette__btn-link">MdN 広告営業部</a> </div> </section>   </div>  </div>  </section>  </div> <div class="box-text"> <div class="link-block"> <div class="link-block__container bnr3"> <a href="https://www.mdn.co.jp/di/?utm_source=mdndi&utm_medium=banner&utm_campaign=footer" target="_blank" class="link-block__btn"> <img src="https://www.mdn.co.jp/di/attach/src/corporate_bnr/bnr_mdn.png" alt="デザインってオモシロイMdN Design Interactive"> </a> <a href="https://books.mdn.co.jp/cookbook_shelf/?utm_source=mdnbooks&utm_medium=banner&utm_campaign=footer" target="_blank" class="link-block__btn"> <img src="https://www.mdn.co.jp/di/attach/src/corporate_bnr/cookbook_shelf_banner.jpg" alt="料理の本棚"> </a> 　  </div> </div> </div> </div>  </div>  <footer class="footer"> <div class="footer-container"> <div class="footer-upper"> <p class="footer-logo sp-hide"> <a href="../../../" class="footer-logo__link"> <img src="../../../img/common/logo_footer.png" alt="MdNCORPORATION"> </a> </p>  <form action="../../../search/" name="search" method="" class="sp-hide"> <dl class="search"> <dt class="search__text"> <input type="text" name="q" value="" placeholder="本をさがす" class="search__input"> </dt> <dd class="search__inner"> <button type="submit" class="search__button"> <span class="search__button-img"></span> </button> </dd> </dl> <input type="hidden" name="cx" value="004574099558849814542:-imjwcj0mdg" /> <input type="hidden" name="cof" value="FORID:11" /> <input type="hidden" name="ie" value="UTF-8" /> </form> <div class="footer-info pc-hide"> <ul class="footer-info__list"> <li class="footer-info__list-item"> <a href="../../../bookstore-info/" class="footer-info__link">書店様へのご案内</a> </li> <li class="footer-info__list-item"> <a href="../../../ad/mdn-di/" class="footer-info__link">広告掲載について</a> </li> <li class="footer-info__list-item"> <a href="../../../publicity/" class="footer-info__link">宣伝・パブリシティ情報</a> </li> <li class="footer-info__list-item"> <a href="../../../correction/" class="footer-info__link">訂正とダウンロード</a> </li> <li class="footer-info__list-item"> <a href="../../../contact/" class="footer-info__link">お問い合わせ</a> </li> <li class="footer-info__list-item footer-info__list-item--none"> <a href="http://www.impressholdings.com/" target="_blank" class="footer-info__link">インプレスグループ</a> </li> </ul> </div>  <div class="footer-sns"> <ul class="footer-sns__list"> <li class="footer-sns__list-item"> <a href="http://twitter.com/share?text=&url=https%3A%2F%2Fbooks.mdn.co.jp%2F%2Fad%2Fmdn-di%2F" onclick="window.open(this.href, 'tweetwindow', 'width=550, height=450,personalbar=0,toolbar=0,scrollbars=1,resizable=1'); return false;" target="_blank" class="footer-sns__link sp-hide" id="twitter_footer_link"> <img src="../../../img/common/icon_twitter.png" alt="twitter"> </a> <a href="http://twitter.com/share?text=&url=https%3A%2F%2Fbooks.mdn.co.jp%2F%2Fad%2Fmdn-di%2F" onclick="window.open(this.href, 'tweetwindow', 'width=550, height=450,personalbar=0,toolbar=0,scrollbars=1,resizable=1'); return false;" target="_blank" class="footer-sns__link pc-hide"> <img src="../../../img/sp/common/icon_twitter.png" alt="twitter"> </a> </li> <li class="footer-sns__list-item"> <a href="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fbooks.mdn.co.jp%2F%2Fad%2Fmdn-di%2F" onclick="javascript:window.open('http://www.facebook.com/sharer.php?u=https%3A%2F%2Fbooks.mdn.co.jp%2F%2Fad%2Fmdn-di%2F' ,null ,'width=650 ,height=450'); return false;" rel="nofollow" target="_blank" class="footer-sns__link sp-hide"> <img src="../../../img/common/icon_facebook.png" alt="facebook"> </a> <a href="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fbooks.mdn.co.jp%2F%2Fad%2Fmdn-di%2F" onclick="javascript:window.open('http://www.facebook.com/sharer.php?u=https%3A%2F%2Fbooks.mdn.co.jp%2F%2Fad%2Fmdn-di%2F' ,null ,'width=650 ,height=450'); return false;" rel="nofollow" target="_blank" class="footer-sns__link pc-hide"> <img src="../../../img/sp/common/icon_facebook.png" alt="facebook"> </a> </li> <li class="footer-sns__list-item"> <a href="http://b.hatena.ne.jp/add?mode=confirm&url=https%3A%2F%2Fbooks.mdn.co.jp%2F%2Fad%2Fmdn-di%2F&title=" class="footer-sns__link sp-hide" data-hatena-bookmark-layout="touch" title="このエントリーをはてなブックマークに追加" target="_blank"> <img src="../../../img/common/icon_b.png" alt="このエントリーをはてなブックマークに追加"> </a><script type="text/javascript" src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script> <a href="http://b.hatena.ne.jp/add?mode=confirm&url=https%3A%2F%2Fbooks.mdn.co.jp%2F%2Fad%2Fmdn-di%2F&title=" class="footer-sns__link pc-hide" data-hatena-bookmark-layout="touch" title="このエントリーをはてなブックマークに追加" target="_blank"> <img src="../../../img/sp/common/icon_b.png" alt="このエントリーをはてなブックマークに追加"> </a><script type="text/javascript" src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script> </li> <li class="footer-sns__list-item"> <a href="../../../rss/" target="_blank" class="footer-sns__link sp-hide"> <img src="../../../img/common/icon_lan.png" alt="RSS"> </a> <a href="../../../rss/" target="_blank" class="footer-sns__link pc-hide"> <img src="../../../img/sp/common/icon_lan.png" alt="RSS"> </a> </li> </ul> </div>  </div>  <div class="footer-lower sp-hide"> <nav class="footer-nav footer-nav--left"> <ul class="footer-nav__list"> <li class="footer-nav__list-item"> <a href="../../../category/books/design/" class="footer-nav__link">デザイン・グラフィック</a> </li> <li class="footer-nav__list-item"> <a href="../../../category/books/collection/" class="footer-nav__link">素材集・フォント集</a> </li> <li class="footer-nav__list-item"> <a href="../../../category/books/illust/" class="footer-nav__link">イラスト・アニメ</a> </li> <li class="footer-nav__list-item"> <a href="../../../category/books/cg/" class="footer-nav__link">3DCG・映像</a> </li> <li class="footer-nav__list-item"> <a href="../../../category/books/web/" class="footer-nav__link">Web制作</a> </li> <li class="footer-nav__list-item"> <a href="../../../category/books/program/" class="footer-nav__link">プログラミング</a> </li> <li class="footer-nav__list-item"> <a href="../../../category/books/business/" class="footer-nav__link">IT・ビジネス</a> </li> </ul> <ul class="footer-nav__list"> <li class="footer-nav__list-item"> <a href="../../../category/books/photo/" class="footer-nav__link">写真技法・カメラ</a> </li> <li class="footer-nav__list-item"> <a href="../../../category/books/album/" class="footer-nav__link">写真集</a> </li> <li class="footer-nav__list-item"> <a href="../../../category/books/art/" class="footer-nav__link">美術・建築</a> </li> <li class="footer-nav__list-item"> <a href="../../../category/books/life/" class="footer-nav__link">生活・趣味・実用</a> </li> <li class="footer-nav__list-item"> <a href="../../../category/books/annual/" class="footer-nav__link">カレンダー・手帳・年賀状</a> </li> <li class="footer-nav__list-item"> <a href="../../../category/books/cookbook_shelf/" class="footer-nav__link">料理の本棚</a> </li> <li class="footer-nav__list-item"> <a href="../../../category/books/other/" class="footer-nav__link">その他</a> </li> </ul> </nav>  <nav class="footer-nav footer-nav--right"> <ul class="footer-nav__list"> <li class="footer-nav__list-item"> <a href="../../../pickup-news/" class="footer-nav__link">MdN Pickup news</a> </li> <li class="footer-nav__list-item"> <a href="../../../announce/" class="footer-nav__link">MdNからのお知らせ</a> </li> <li class="footer-nav__list-item"> <a href="../../../release/" class="footer-nav__link">プレスリリース</a> </li> <li class="footer-nav__list-item"> <a href="../../../backnumber/" class="footer-nav__link">月刊MdNバックナンバー</a> </li> <li class="footer-nav__list-item"> <p class="footer-nav__list-member">MdNユーザー会員</p> <ul> <li class="footer-nav__list-item"> - <a href="../../../mdn-letter/" class="footer-nav__link">新規会員登録</a></li> <li class="footer-nav__list-item"> - <a href="../../../mdn-letter/login.php" class="footer-nav__link">ログイン</a></li> </ul> </li> </ul> <ul class="footer-nav__list"> <li class="footer-nav__list-item"> <a href="../../../company/" class="footer-nav__link">会社概要</a> </li> <li class="footer-nav__list-item"> <a href="../../../recruit/" class="footer-nav__link">採用情報</a> </li> <li class="footer-nav__list-item"> <a href="../../../subscription/rules_all.php" class="footer-nav__link">会員規約</a> </li> <li class="footer-nav__list-item"> <a href="../../../terms/" class="footer-nav__link">利用規約</a> </li> <li class="footer-nav__list-item"> <a href="../../../faq/" class="footer-nav__link">FAQ</a> </li> <li class="footer-nav__list-item"> <a href="../../../privacypolicy/" class="footer-nav__link">プライバシーポリシー</a> </li> <li class="footer-nav__list-item"> <a href="http://www.impressholdings.com/" target="_blank" class="footer-nav__link">インプレスグループ</a> </li> </ul> </nav>  <div class="footer-info"> <ul class="footer-info__list"> <li class="footer-info__list-item"> <a href="../../../bookstore-info/" class="footer-info__link">書店様へのご案内</a> </li> <li class="footer-info__list-item"> <a href="../../../ad/mdn-di/" class="footer-info__link">広告掲載について</a> </li> <li class="footer-info__list-item"> <a href="../../../publicity/" class="footer-info__link">宣伝・パブリシティ情報</a> </li> <li class="footer-info__list-item"> <a href="../../../correction/" class="footer-info__link">訂正とダウンロード</a> </li> <li class="footer-info__list-item"> <a href="../../../contact/" class="footer-info__link">お問い合わせ</a> </li> </ul> </div>  </div>  </div>  <div class="footer-copyright"> <p class="footer-logo pc-hide"> <a href="../../../" class="footer-logo__link"> <img src="../../../img/common/logo_footer.png" alt="MdNCORPORATION"> </a> </p>  <small class="footer-copyright__text">Copyright © MdN Corporation, <br class="pc-hide">an Impress Group company. All rights reserved.</small> <p class="footer-copyright__icon sp-hide"> <a href="http://www.impressholdings.com/" target="_blank"><img src="../../../img/common/icon_impress.png" alt="impress"> </p> <p class="footer-copyright__icon pc-hide"> <img src="../../../img/common/icon_impress.png" alt="impress"> </p> </div>  </footer>   <script type="text/javascript" src="../../../js/lib/lib.js"></script> <script type="text/javascript" src="../../../js/lib/util.js"></script> <script type="text/javascript" src="../../../js/common.js"></script> <script type="text/javascript"> $(function(){ var twitter_param = $("#twitter_footer_link").attr('href'); console.log(encodeURI(twitter_param)); var twitter_new_param = twitter_param.replace( 'text=', 'text='+ encodeURI(document.title) ); console.log(encodeURI(twitter_new_param)); $("#twitter_footer_link").attr('href',twitter_new_param); }); </script> </body> </html>

CINXE.COM

Webメディア「MdN」媒体紹介｜株式会社エムディエヌコーポレーション