tissue/tests/fixture/DLsite/testComic.html

2589 lines
137 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ja-jp">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=1024">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="google-site-verification" content="S2Jzwn_Dm4hGoyTfPnxEUSKnbHSuT73N6SZbTanWbEM">
<link rel="apple-touch-icon" href="/modpub/images/web/common/apple_touch_icon_57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="/modpub/images/web/common/apple_touch_icon_72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/modpub/images/web/common/apple_touch_icon_76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/modpub/images/web/common/apple_touch_icon_114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/modpub/images/web/common/apple_touch_icon_120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/modpub/images/web/common/apple_touch_icon_144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/modpub/images/web/common/apple_touch_icon_152x152.png">
<meta name="msapplication-config" content="/browserconfig.xml">
<link rel="shortcut icon" href="/images/web/common/favicon.ico">
<link rel="canonical" href="https://www.dlsite.com/comic/work/=/product_id/BJ138581.html">
<link rel="alternate" media="only screen and (max-width: 640px)" href="https://www.dlsite.com/comic-touch/work/=/product_id/BJ138581.html" class="alternate_smartphone" />
<link rel="alternate" hreflang="ja-JP" href="https://www.dlsite.com/comic/work/=/product_id/BJ138581.html">
<link rel="alternate" hreflang="en" href="https://www.dlsite.com/comic/work/=/product_id/BJ138581.html/?locale=en_US">
<meta name="description" content="天地創造と原初の人類を描いた「創世編」をはじめ、英雄たちの偉業を大真面目に考証した正真正銘の学術コミック全15編。「DLsite コミック」はコミック・マンガ・電子書籍のダウンロードショップ。お気に入りの作品をすぐダウンロードできてすぐ楽しめる毎日更新しているのであなたが探している作品にきっと出会えます。国内最大級の二次元総合ダウンロードショップ「DLsite」">
<title>快楽ヒストリエ [ワニマガジン社] | DLsite コミック</title>
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@DLsite">
<meta name="twitter:image:src" content="https://img.dlsite.jp/modpub/images2/work/books/BJ139000/BJ138581_img_main.jpg">
<meta property="og:title" content="快楽ヒストリエ [火鳥] | DLsite">
<meta property="og:type" content="website">
<meta property="og:description" content="天地創造と原初の人類を描いた「創世編」をはじめ、英雄たちの偉業を大真面目に考証した正真正銘の学術コミック全15編。「DLsite コミック」はコミック・マンガ・電子書籍のダウンロードショップ。お気に入りの作品をすぐダウンロードできてすぐ楽しめる毎日更新しているのであなたが探している作品にきっと出会えます。国内最大級の二次元総合ダウンロードショップ「DLsite」">
<meta property="og:url" content="https://www.dlsite.com/comic/work/=/product_id/BJ138581.html">
<meta property="og:image" content="https://img.dlsite.jp/modpub/images2/work/books/BJ139000/BJ138581_img_sam.jpg">
<meta property="og:site_name" content="DLsite">
<meta property="fb:app_id" content="226115600829997">
<meta property="mixi:device-smartphone" content="https://www.dlsite.com/comic-touch/work/=/product_id/BJ138581.html">
<script>
if ( ! /dlsite_dozen=/.test(document.cookie)) {
document.cookie = 'dlsite_dozen=' + Math.floor(Math.random() * 12) + '; domain=.dlsite.com; path=/; max-age=63072000'
}
if ( ! /uniqid=/.test(document.cookie)) {
document.cookie = 'uniqid=' + Math.random().toString(36) + '; domain=.dlsite.com; path=/; max-age=63072000'
}
if (/uniqid=\./.test(document.cookie)) {
document.cookie = 'uniqid=' + Math.random().toString(36) + '; domain=.dlsite.com; path=/; max-age=63072000'
}
</script>
<link rel="stylesheet" href="/css/reset.css?1601363701" type="text/css" id="reset" />
<link rel="stylesheet" href="/css/default.css?1601363701" type="text/css" id="default" />
<link rel="stylesheet" href="/css/layout_2col_work.css?1601363701" type="text/css" id="layout_2col_work" />
<link rel="stylesheet" href="/css/common.css?1607570928" type="text/css" id="common" />
<link rel="stylesheet" href="/css/switch.css?1601363701" type="text/css" id="switch" />
<link rel="stylesheet" href="/css/suggest.css?1601363701" type="text/css" id="suggest" />
<link rel="stylesheet" href="/css/header_campaign_banner.css?1607572109" type="text/css" id="header_campaign_banner" />
<link rel="stylesheet" href="/modpub/universal/css/universal.css?" type="text/css" id="universal" />
<link rel="stylesheet" href="/css/work_template.css?1607569817" type="text/css" id="work_template" />
<link rel="stylesheet" href="/css/work_slider.css?1588907507" type="text/css" id="work_slider" />
<link rel="stylesheet" href="/css/couponget.css?1601363701" type="text/css" id="couponget" />
<script type="text/javascript" src="/js/libs/libraries-pack.js?1502345903"></script>
<script type="text/javascript" src="/js/dlsite_util.js?1607568520"></script>
<script type="text/javascript" src="/js/slide_menu.js?1511946236"></script>
<script type="text/javascript" src="/js/dlsite_suggest.js?1589854194"></script>
<script type="text/javascript" src="/js/dlsite_trigger.js?1544681008"></script>
<script type="text/javascript" src="/js/jquery.slideproduct.js?1592542107"></script>
<script type="text/javascript" src="/js/dlsite_img_filter.js?1544681008"></script>
<script type="text/javascript" src="/js/dlsite/work/work_logger.js?1538649197"></script>
<script type="text/javascript" src="/js/libs/clipboard.min.js?1562550059"></script>
<!-- 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+ '&gtm_auth=Z_ubU9a2b3yGEFSh9Hdtkg&gtm_preview=env-12&gtm_cookies_win=x';f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NTSRG2');</script>
<!-- End Google Tag Manager -->
</head>
<body class="style_comic">
<iframe id="op"
src="https://login.dlsite.com/assets/login/check_session.html?_=20171107123100"
crossorigin="anonymous"
style="height:0;width:0;display:none;"
></iframe>
<iframe
id="rp"
src="/js/check_session.html?site=comic&client_id=dlsite.user&origin=https%3A%2F%2Flogin.dlsite.com&cookie=session_state&_=20171107123100"
style="height:0;width:0;display:none;"
></iframe>
<script>
(function(){
$.extend({
useAdultcheck: false,
importAdultcheck: function(){
if ($.useAdultcheck) return;
$.useAdultcheck = true;
var s = document.createElement('script');
s.src = '/js/adultcheck.js?1607389940';
s.defer = true;
document.querySelector('head').appendChild(s);
}
});
if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && dlsite.isBooks())) || dlsite.forceAdultCheck) {
$.importAdultcheck();
}
})();
</script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NTSRG2&gtm_auth=Z_ubU9a2b3yGEFSh9Hdtkg&gtm_preview=env-12&gtm_cookies_win=x" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!--data-vue-component="header-banner"-->
<div data-vue-component="header-banner" data-vue-async="true" data-section_name="campaign_header_banner">
<div v-if="loading"></div>
<div v-else-if="is_show_frame" :class="style" class="hd_cp_banner" v-cloak>
<ul class="cp_bn_list">
<li v-for="campaign in campaigns" :class="campaign.style" class="cp_bn_item" :data-ab-test="campaign.abTest">
<a :href="campaign.url" :target="campaign.option.includes('target_blank') ? 'blank' : null">
<div class="cp_bn_inner">
<div class="cp_bn_reminder" v-if="campaign.period">
<div class="cp_bn_reminder_content" v-html="campaign.period"></div>
</div>
<div class="cp_bn"><img :src="campaign.img"></div>
<div class="cp_bn_work" :class="{blank: campaign.outline == null}" v-html="campaign.outline"></div>
</div>
</a>
</li>
</ul>
</div>
</div>
<!-- エイシスグローバルヘッダ -->
<div class="l-eisysGroupHeader type-dlsite" data-section_name="global_header">
<div class="eisysGroupHeaderInner">
<ul class="eisysGroupHeaderService">
<li class="eisysGroupHeaderService-link type-dlsite is-active">
<a href="https://www.dlsite.com/home/" class="maniax">同人</a>
<a href="https://www.dlsite.com/comic/" class="books">コミック</a>
<a href="https://www.dlsite.com/soft/" class="pro">PCソフト</a>
<a href="https://www.dlsite.com/girls/" class="female">女性向け</a>
</li>
<li class="eisysGroupHeaderService-link type-nijiyome">
<a href="https://www.nijiyome.com?en=dlsite&em=text&et=pc_globalheader_comic">にじGAME</a>
</li>
<li class="eisysGroupHeaderService-link type-cien">
<a href="https://ci-en.net/?pc_globalheader_dlsite">Ci-en</a>
</li>
<li class="eisysGroupHeaderService-link type-channel">
<a href="https://ch.dlsite.com/?pc_globalheader_dlsite">DLチャンネル</a>
</li>
<li class="eisysGroupHeaderService-link type-chobit">
<a href="https://chobit.cc/?pc_globalheader_dlsite">chobit</a>
</li>
<li class="eisysGroupHeaderService-link type-triokini">
<a href="https://triokini.com/how_to_use?pc_globalheader_dlsite">トリオキニ</a>
</li>
<li class="eisysGroupHeaderService-link type-zowa">
<a href="https://zowa.app/?pc_globalheader_dlsite" target="_blank" rel="noopener">ZOWA</a>
</li>
</ul>
<ul class="eisysGroupHeaderAccount" data-vue-component="header-account" data-vue-async="true">
<li class="eisysGroupHeaderAccount-link" style="display:none">
<a href="https://ssl.dlsite.com/comic/regist/user" class="eisysGroupRegist-link">新規登録</a>
</li>
<li class="eisysGroupHeaderAccount-link is-active" style="display:none" @mouseover="stopAlert()">
<a href="https://ssl.dlsite.com/comic/login/=/skip_register/1" referrerpolicy="no-referrer-when-downgrade" class="eisysGroupLogin-link" @click.stop="toggleMenu($event, ! isAccountLogin)">ログイン中</a>
<div class="eisysGroupHeaderAccountBoxOuter" :class="{ 'is-active': isActive }">
<div class="eisysGroupHeaderAccountBox">
<div class="eisysGroupHeaderAccountBox-inner">
<div v-if="login_id" v-cloak class="eisysGroupHeaderLoginAccount">
<span>{{ login_id.substr(0, 30) }}{{ login_id.length > 30 ? '...' : '' }}</span>でログイン中 </div>
<ul class="eisysGroupHeaderLinkNav">
<li>
<a rel="noopener" href="https://login.dlsite.com/user/self?lang=ja&redirect_uri=https://www.dlsite.com/comic/" target="_blank">アカウント管理</a>
</li>
<li>
<a class="logout" href="https://ssl.dlsite.com/comic/logout">ログアウト</a>
</li>
</ul>
</div>
</div>
</div>
<div class="eisysGroupHeaderAccountBoxOuter type-message" :class="{'is-active': isAlert}">
<div class="eisysGroupHeaderAccountBox">
<div class="eisysGroupHeaderAccountBox-inner">
<p v-if="login_id" class="eisysGroupHeaderMessageText"><span>{{ login_id.substr(0, 30) }}{{ login_id.length > 30 ? '...' : '' }}</span>でログインしています</p>
<p v-else class="eisysGroupHeaderMessageText">ログアウトしました</p>
</div>
</div>
</div>
</li>
</ul>
<div class="eisysGroupHeaderLanguage" data-vue-component="header-locale" data-vue-async="true">
<div class="eisysGroupHeaderLanguage-Link">Language</div>
</div>
<div data-vue-component="coupon-modal" v-cloak></div>
</div>
</div>
<!-- /エイシスグローバルヘッダ -->
<script type="text/javascript">
(function($){
// ログイン中
var $links = $('.eisysGroupHeaderAccount-link');
if ( ! $.cookie || ! $.cookie('session_state')) {
$links
.removeClass('is-active')
.find('.eisysGroupLogin-link')
.text('ログイン');
} else {
$links.eq(0).remove();
}
$links.show();
$('ul.eisysGroupHeaderLinkNav a.logout').each(function(){
if ( ! /download|index.php/.test(location.href)) {
this.href += '/=/_query/' + encodeURIComponent(location.href);
}
});
})(jQuery);
</script>
<!-- container -->
<div itemscope itemtype="http://schema.org/Product" id="container" site="comic">
<div id="top_header">
</div>
<!-- header -->
<div id="header">
<header class="l-header" data-vue-component="header" data-search-category="comic">
<div class="headerCore">
<div class="headerCore-sub">
<a href="https://www.dlsite.com/comic/" class="logo">
<img src="/images/web/common/logo/pc/logo-dlsite.png" alt="DLsite" width="89" height="25">
</a>
<!-- 検索 -->
<div class="globalSearch">
<form class="globalSearch-form" action="https://www.dlsite.com/comic/fs" method="post">
<input name="_qf__fulltext_search" type="hidden" value="">
<input name="_layout" type="hidden" value="fs">
<input name="_site" type="hidden" value="comic">
<input name="_form_id" type="hidden" value="FulltextSearchProductForm">
<input name="_view" type="hidden" value="input">
<input name="from" type="hidden" value="fs.header" id="header_search_from">
<input type="hidden" name="site_category" :value="selected" v-if="!/drama$/.test(selected)">
<input type="hidden" name="work_category" :value="'drama'" v-if="/drama$/.test(selected)">
<input type="hidden" name="work_category" :value="'all'" v-if="site.gender === 'female' && !selected">
<input type="hidden" name="is_tl" :value="1" v-if="/^girls/.test(selected)">
<input type="hidden" name="is_bl" :value="1" v-if="/^bl/.test(selected)">
<input type="hidden" name="is_gay" :value="1" v-if="/^bl/.test(selected)">
<div class="globalSearchSelect">
<div class="globalSearchSelect-lable">
<span v-text="searchCategories[selected]">すべて</span>
</div>
<select v-model="selected" class="globalSearchSelect-list is-active">
<option value="">すべて</option>
<option value="home">同人</option>
<option value="comic">コミック</option>
<option value="soft">PCソフト</option>
</select>
</div>
<div class="globalSearchForm">
<input name="keyword" type="search" id="search_text" ref="keyword" maxlength="255" autocomplete="off" aria-autocomplete="list" placeholder="キーワードから探す(作品名、サークル名など)">
</div>
<button id="search_button" class="globalSearchBtn" type="submit" @click="saveSelected()"><i>検索</i></button>
</form>
</div>
<div class="detailedSearch">
<a href="https://www.dlsite.com/comic/fs">詳細検索</a>
</div>
<!-- /検索 -->
<!-- アイコンメニュー -->
<div class="globalNavWrap">
<ul class="globalNav">
<li class="globalNav-item type-favorite">
<a :href="hasUnboughtFavorites ? 'https://www.dlsite.com/comic/mypage/wishlist' : 'https://www.dlsite.com/comic/mypage/wishlist'"><i>お気に入り</i></a><template v-if="hasUnboughtFavorites" v-cloak><a href="https://www.dlsite.com/comic/mypage/wishlist/=/discount/1" class="notificationBadge" >割引になった<br>作品があります</a></template>
</li>
<li class="globalNav-item type-cart"><a href="https://www.dlsite.com/comic/cart"><i>カート</i></a><span v-if="cartActives.length" v-cloak class="cartBadge" v-text="Math.min(cartActives.length, 100)"></span></li>
<li class="globalNav-item type-play">
<a v-if="isMemberLogin" rel="noopener" href="https://play.dlsite.com/" target="_blank" v-cloak><i>購入済作品</i></a>
<a v-else href="https://ssl.dlsite.com/comic/regist/user"><i>購入済作品</i></a>
</li>
<li class="globalNav-item type-circle">
<a v-if="isMemberLogin && isCircleLogin" v-cloak><i>アカウント</i></a>
<a v-else-if="isCircleLogin" href="https://ssl.dlsite.com/circle/" v-cloak><i>アカウント</i></a>
<a v-else href="https://ssl.dlsite.com/comic/mypage" v-on:click="addAlreadyRead()"><i>アカウント</i></a>
<!-- メンバーアカウントとサークルアカウントの紐づけありの場合 -->
<template v-if="isMemberLogin && isCircleLogin">
<div class="dropdown_list" v-cloak>
<div class="dropdown_list_inner">
<ul class="menu_list">
<li class="menu_list_item type-mypage">
<a class="link" href="https://ssl.dlsite.com/comic/mypage" v-on:click="addAlreadyRead()"><i>マイページ</i>
<span v-if="mypageNotices > 0" class="count" v-cloak>{{ noticesBadge(mypageNotices) }}</span>
</a>
<div v-if="mypageNotices > 0" class="notice" v-cloak>
重要なお知らせが<span>{{ mypageNotices }}件</span>あります。 </div>
</li>
<li class="menu_list_item type-circle">
<a class="link" href="https://ssl.dlsite.com/circle/"><i>サークル管理</i>
<span v-if="circleNotices > 0" class="count" v-cloak>{{ noticesBadge(circleNotices) }}</span>
</a>
<div v-if="circleNotices > 0" class="notice" v-cloak>
重要なお知らせが<span>{{ circleNotices }}
</span>あります。 </div>
</li>
</ul>
</div>
</div>
<span v-if="(mypageNotices + circleNotices) > 0 " class="accountBadge" v-text="noticesBadge(mypageNotices + circleNotices)" v-cloak></span>
</template>
<!-- メンバーアカウントのみ登録の場合 -->
<template v-if="isMemberLogin && !isCircleLogin && (mypageNotices > 0)">
<div class="notice type-onlyone" v-cloak>
重要なお知らせが<span>{{ mypageNotices }}件</span>あります。 </div>
<span class="accountBadge" v-text="noticesBadge(mypageNotices)" v-cloak></span>
</template>
<!-- サークルアカウントのみ登録の場合 -->
<template v-if="!isMemberLogin && isCircleLogin && (circleNotices > 0)">
<div class="notice type-onlyone" v-cloak>
重要なお知らせが<span>{{ circleNotices }}件</span>あります。 </div>
<span class="accountBadge" v-text="noticesBadge(circleNotices)" v-cloak></span>
</template>
</li>
</ul>
</div>
<!-- /アイコンメニュー -->
<!-- ガイドメニュー -->
<div class="header_guide hover_menu">
<a href="javascript:void(0)" class="header_guide_btn"><i>ガイド</i></a>
<div class="dropdown_list">
<div class="dropdown_list_inner">
<ul class="menu_list">
<li class="menu_list_item"><a rel="noopener" class="link" href="https://www.dlsite.com/comic/faq/=/type/user" target="_blank"><i>ヘルプ</i></a></li>
<li class="menu_list_item"><a class="link" href="https://www.dlsite.com/comic/welcome"><i>初めての方へ</i></a></li>
<li class="menu_list_item"><a class="link" href="https://www.dlsite.com/comic/circle/invite"><i>サークル登録について</i></a></li>
<li class="menu_list_item"><a class="link" href="https://www.dlsite.com/comic/guide/payment"><i>お支払方法について</i></a></li>
<li class="menu_list_item"><a class="link" href="https://www.dlsite.com/comic/mypage/aboutpoint"><i>ポイントについて</i></a></li>
</ul>
</div>
</div>
</div>
<!-- /ガイドメニュー -->
</div>
<div class="headerCore-main">
<div class="headerCore-mainInner" :class="{ couponShow: isAccountLogin }">
<ul class="floorTab">
<li class="floorTab-item type-doujin"><a href="https://www.dlsite.com/home/">同人</a> </li>
<li class="floorTab-item type-ebook is-active"><a href="https://www.dlsite.com/comic/">コミック</a></li>
<li class="floorTab-item type-com "><a href="https://www.dlsite.com/soft/">PCソフト</a> </li>
<li class="floorTab-item type-nijiyome"><a href="https://www.nijiyome.com/app?en=dlsite&em=tab&et=comic">にじGAME</a></li>
</ul>
<div v-if="isAccountLogin" v-cloak class="noticeNav">
<div class="noticeNav-item">
<ul class="login-information">
<li class="login-information-item type-point">
<a href="https://ssl.dlsite.com/comic/mypage/point" class="coupon-text">
ポイント<span class="number" v-text="point_str">-</span>pt
</a>
</li>
<li class="login-information-item type-coupon" :class="{ 'is-active': noticeCoupons.length, 'singular-number': coupons.length === 1 }">
<a href="https://ssl.dlsite.com/comic/mypage/coupon/list" class="coupon-text">クーポン 保有<span class="number" v-text="coupons.length">-</span></a>
<span class="couponget_link"><a href="https://www.dlsite.com/comic/coupon" class="coupon-text">獲得する</a></span>
<transition>
<div v-if="noticeCoupons && displayCouponAlert" v-cloak class="couponNotification">
<p><a href="https://ssl.dlsite.com/comic/mypage/coupon/list">期限間近のクーポンがあります。</a></p>
<p class="couponNotification-close" @click.stop.prevent="confirmCoupon()">閉じる</p>
</div>
</transition>
</li>
</ul>
</div>
</div>
<div class="floorNavLink">
<div class="floorNavLink-item type-adult"><a href="https://www.dlsite.com/books/">男性向け R18へ</a></div>
<div class="floorNavLink-item type-female"><a href="https://www.dlsite.com/girls-pro/">女性向けへ</a></div>
</div>
</div>
<div class="floorSubNav">
<div class="floorSubNav-item">
<ul class="headerNav">
<li class="headerNav-item"><a href="https://www.dlsite.com/comic/" class="top">TOP</a></li>
<li class="headerNav-item">
<a v-if="isRankingFilterCondition" v-cloak href="https://www.dlsite.com/comic/works/male?date=30d" class="comic_male">青年コミック</a>
<a v-else href="https://www.dlsite.com/comic/works/male" class="comic_male">青年コミック</a>
</li>
<li class="headerNav-item">
<a v-if="isRankingFilterCondition" v-cloak href="https://www.dlsite.com/comic/works/boy?date=30d" class="comic_boy">少年コミック</a>
<a v-else href="https://www.dlsite.com/comic/works/boy" class="comic_boy">少年コミック</a>
</li>
<li class="headerNav-item">
<a v-if="isRankingFilterCondition" v-cloak href="https://www.dlsite.com/comic/works/female?date=30d" class="comic_female">女性コミック</a>
<a v-else href="https://www.dlsite.com/comic/works/female" class="comic_female">女性コミック</a>
</li>
<li class="headerNav-item">
<a v-if="isRankingFilterCondition" v-cloak href="https://www.dlsite.com/comic/works/girl?date=30d" class="comic_girl">少女コミック</a>
<a v-else href="https://www.dlsite.com/comic/works/girl" class="comic_girl">少女コミック</a>
</li>
<li class="headerNav-item">
<a v-if="isRankingFilterCondition" v-cloak href="https://www.dlsite.com/comic/ranking?date=30d" class="ranking">ランキング</a>
<a v-else href="https://www.dlsite.com/comic/ranking" class="ranking">ランキング</a>
</li>
<li class="headerNav-item"><a href="https://www.dlsite.com/comic/new" class="calendar">発売カレンダー</a></li>
</ul>
</div>
</div>
</div>
</div>
</header>
<script type="text/javascript">
var loginchecked = $.cookie('loginchecked');
if (loginchecked & 1) {
// ユーザがログイン中の表示
$("li#nav_login a").attr("title", "ログアウト").attr("href", "https://ssl.dlsite.com/comic/logout/=/type/member");
$("li#nav_login").attr("id", "nav_logout");
} else {
// ユーザがログアウト中の表示
// $("li#nav_logout a").attr("title", "ログイン").attr("href", "https://ssl.dlsite.com/comic/login/=/type/member");
// $("li#nav_logout").attr("id", "nav_login");
}
</script>
</div>
<!-- /header -->
<!-- top_wrapper -->
<div id="top_wrapper" class="clearfix" data-section_name="top_wrapper">
<ul class="topicpath" itemscope="" itemtype="https://schema.org/BreadcrumbList">
<li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<a itemtype="https://schema.org/Thing" itemprop="item" href="https://www.dlsite.com/comic/">
<span itemprop="name">
コミック
</span>
</a>
<meta itemprop="position" content="1">
</li>
<li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a itemtype="http://schema.org/Thing" itemprop="item" href="https://www.dlsite.com/comic/circle/list">
<span itemprop="name">
出版社/著者一覧 </span>
</a>
<meta itemprop="position" content="2">
</li>
<li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<a itemtype="https://schema.org/Thing" itemprop="item"
href="https://www.dlsite.com/comic/circle/profile/=/maker_id/BG01095.html">
<span itemprop="name">ワニマガジン社</span>
</a>
<meta itemprop="position" content="3">
</li>
<li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<a itemtype="https://schema.org/Thing" itemprop="item"
href="https://www.dlsite.com/comic/fsr/=/keyword_maker_name/WANI+MAGAZINE+COMICS+SPECIAL+LBL00215/from/work.label">
<span itemprop="name">WANI MAGAZINE COMICS SPECIAL</span>
</a>
<meta itemprop="position" content="4">
</li>
<li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<a itemtype="https://schema.org/Thing" itemprop="item"
href="https://www.dlsite.com/comic/fsr/=/keyword_work_name/%E5%BF%AB%E6%A5%BD%E3%83%92%E3%82%B9%E3%83%88%E3%83%AA%E3%82%A8+TITLE00040537/label_id/LBL00215/order/title_d/from/work.titles">
<span itemprop="name">「快楽ヒストリエ」シリーズ</span>
</a>
<meta itemprop="position" content="5">
</li>
<li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<a itemtype="https://schema.org/Thing" itemprop="item" href="https://www.dlsite.com/comic/work/=/product_id/BJ138581.html">
<span itemprop="name">快楽ヒストリエ</span>
</a>
<meta itemprop="position" content="6">
</li>
</ul>
<div class="base_title_br clearfix">
<div class="icon_wrap">
</div>
<h1 itemprop="name" id="work_name">
<a href="https://www.dlsite.com/comic/work/=/product_id/BJ138581.html" itemprop="url">快楽ヒストリエ</a>
</h1>
<template data-vue-component="dlchannel-topic" data-product-id="BJ138581" data-product-name="快楽ヒストリエ" data-maker-name="ワニマガジン社"></template>
<template data-vue-component="share-button" data-twitter-share-url="https://twitter.com/intent/tweet?url=https%3A%2F%2Fdlsite.jp%2Fcowot%2FBJ138581%2F%3Futm_content%3DBJ138581%0A&text=%E5%BF%AB%E6%A5%BD%E3%83%92%E3%82%B9%E3%83%88%E3%83%AA%E3%82%A8%2F%E7%81%AB%E9%B3%A5%20%28WANI%20MAGAZINE%20COMICS%20SPECIAL%29&hashtags=DLsite&lang=ja
" data-share-url="https://www.dlsite.com/comic/work/=/product_id/BJ138581.html" data-share-title="快楽ヒストリエ"></template>
</div>
</div>
<!-- /top_wrapper -->
<!-- wrapper -->
<div id="wrapper">
<template data-vue-component="share-group"></template>
<!-- main -->
<div id="main" data-section_name="main">
<!-- main_inner -->
<div id="main_inner">
<!-- work_header -->
<div id="work_header">
<!-- work_left -->
<div id="work_left">
<div data-vue-component="product-slider" data-product-id="BJ138581">
<div class="product-slider">
<!-- Sample image data -->
<div ref="product_slider_data" class="product-slider-data">
<div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ139000/BJ138581_img_main.jpg" data-width="317" data-height="450" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ139000/BJ138581_img_main_240x240.jpg"></div>
<div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ139000/BJ138581_img_smp1.jpg" data-width="1410" data-height="1000" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ139000/BJ138581_img_smp1_100x100.jpg"></div>
<div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ139000/BJ138581_img_smp2.jpg" data-width="1410" data-height="1000" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ139000/BJ138581_img_smp2_100x100.jpg"></div>
<div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ139000/BJ138581_img_smp3.jpg" data-width="1410" data-height="1000" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ139000/BJ138581_img_smp3_100x100.jpg"></div>
</div>
<!-- Sample viewer -->
<div class="work_slider male">
<div class="work_slider_container">
<div class="slider_body">
<div ref="swiper" class="slider_body_inner">
<ul class="slider_items trans" ref="body_items" @click="showPopup">
<li v-if="items.length === 0" class="slider_item active"><img itemprop="image" src="//img.dlsite.jp/modpub/images2/work/books/BJ139000/BJ138581_img_main.jpg" width="auto" height="450" alt="快楽ヒストリエ [ワニマガジン社]"></li>
<template v-for="(item, index) in items">
<li v-if="index === 0" class="slider_item active"><img itemprop="image" :src="item.src" alt="快楽ヒストリエ [ワニマガジン社]"></li>
<li v-else class="slider_item" ><img :src="item.src" alt="快楽ヒストリエ [ワニマガジン社]"></li>
</template>
</ul>
</div>
<div v-cloak v-if="items.length > 1" class="slider_prev" @click="slideTo('prev')"></div>
<div v-cloak v-if="items.length > 1" class="slider_next" @click="slideTo('next')"></div>
</div>
<div v-cloak v-if="items.length > 1" ref="ctrl" @wheel="slideScroll" class="slider_controller">
<div class="controller_body">
<ul ref="ctrl_items" class="controller_items">
<template v-for="(item, index) in items">
<li class="controller_item" :class="{active:(index === swiper.realIndex)}" @click="slideTo(index)">
<div class="thumb_box">
<img :src="item.thumb.src" :width="item.thumb.width" :height="item.thumb.height" alt="快楽ヒストリエ [ワニマガジン社]">
</div>
</li>
</template>
</ul>
</div>
<div class="controller_prev" @click="slideTo('prev')"></div>
<div class="controller_next" @click="slideTo('next')"></div>
</div>
</div>
</div>
<div v-cloak class="work_slider_comp" v-if="items.length > 1">
<!-- 枚数 -->
<span v-t="{ path: 'product.slider.totalImages', args: [items.length] }"></span>
</div>
<!-- Popup viewer -->
<div v-if="popupVisible" class="slider_popup_overlay" @click="hidePopup">
<div class="slider_popup" @click.stop>
<span class="slider_popup_close" @click="hidePopup"></span>
<div class="slider_popup_rightpane">
<div class="slider_popup_sidebar">
<template v-for="(item, index) in items">
<div rel="noopener" target="_blank" :class="{active:(index === swiper.realIndex)}" @click="slideTo(index, false)">
<img :src="item.thumb.src" alt="快楽ヒストリエ [ワニマガジン社]">
</div>
</template>
</div>
<div class="slider_popup_arrows">
<div class="slider_popup_button">
<div class="slider_popup_prev" @click="slideTo('prev', false)"></div>
<div class="slider_popup_next" @click="slideTo('next', false)"></div>
</div>
<div class="slider_popup_count">{{ swiper.realIndex + 1 }} / {{ items.length }}</div>
</div>
</div>
<div class="slider_popup_leftpane">
<div ref="mainbox" class="slider_popup_mainbox" @wheel.prevent="slideScroll">
<div class="slider_zoom_container" ref="zoom_container" @mousemove.prevent="setPopupPosition" @click="setPopupImage(true)">
<img :src="items[swiper.realIndex].src" ref="zoom_container_image" alt="快楽ヒストリエ [ワニマガジン社]">
</div>
</div>
<div class="slider_popup_tool">
<input id="target1" class="checkbox" name="target" type="checkbox" value="1" v-model="alwaysActualSize" @change="toggleActualSize" @click="toggleActualSize">
<label for="target1" class="checkbox-label" v-t="'product.slider.alwaysActual'"></label>
<span class="slider_popup_description" v-t="'product.slider.tools'"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /work_left -->
<!-- work_right -->
<div id="work_right">
<div
class="work_right_info"
data-vue-component="product-price"
data-product-id="BJ138581"
data-is-check="false"
data-is-comingsoon="false"
v-if="(product.dl_count !== undefined && product.dl_count > 0) || (!isFemale() && product.wishlist_count !== undefined && product.wishlist_count > 0) || product.rate_count > 0 || product.review_count"
v-cloak
>
<product-rank product-id="BJ138581"></product-rank>
<div v-if="(product.dl_count !== undefined && product.dl_count > 0) || product.rate_count > 0" v-cloak class="work_right_info_item">
<dl class="work_right_info_title value">
<!-- 評価 ここから -->
<template v-if="product.rate_count > 0" v-cloak>
<dt v-t="'product.evaluate.rating_label'"></dt>
<dd class="star_box" @mouseenter="showRateDetail" @mouseleave="hideRateDetail">
<span class="point average_count">{{ product.rate_average_2dp }}</span>
<div class="star_wrap">
<span class="rate" :class="'rate' + product.rate_average_star"></span>
<div class="rating_popup" :class="{ open: is_open_rate }" v-if="is_display_rate">
<div class="rating_popup_inner">
<div class="rating_content">
<dl class="rating_content_inner">
<dt class="rating_itemTitle" v-t="'product.rating.average'"></dt>
<dd><p class="rating_score">{{ product.rate_average_2dp }}</p></dd>
</dl>
<dl class="rating_content_inner">
<dt class="rating_itemTitle" v-t="'product.rating.ratings'"></dt>
<dd><p class="">{{ product.rate_count|number_format }}</p></dd>
</dl>
</div>
<div class="rating_content">
<dl class="rating_content_inner">
<dt class="rating_itemTitle" v-t="'product.rating.rating'"></dt>
<dd>
<dl class="rating_map">
<dt class="rating_map_label">
<p v-t="'product.rating.star_5'"></p>
</dt>
<dd class="rating_map_body">
<div class="rating_meter">
<div class="rating_bar" :style="{ width: is_open_rate ? Math.floor(product.rate_count_detail[4].ratio * 0.8) + 'px' : 0 }"></div>
</div>
({{ product.rate_count_detail ? product.rate_count_detail[4].count : 0|number_format }})
</dd>
<dt class="rating_map_label">
<p v-t="'product.rating.star_4'"></p>
</dt>
<dd class="rating_map_body">
<div class="rating_meter">
<div class="rating_bar" :style="{ width: is_open_rate ? Math.floor(product.rate_count_detail[3].ratio * 0.8) + 'px' : 0 }"></div>
</div>
({{ product.rate_count_detail ? product.rate_count_detail[3].count : 0|number_format }})
</dd>
<dt class="rating_map_label">
<p v-t="'product.rating.star_3'"></p>
</dt>
<dd class="rating_map_body">
<div class="rating_meter">
<div class="rating_bar" :style="{ width: is_open_rate ? Math.floor(product.rate_count_detail[2].ratio * 0.8) + 'px' : 0 }"></div>
</div>
({{ product.rate_count_detail ? product.rate_count_detail[2].count : 0|number_format }})
</dd>
<dt class="rating_map_label">
<p v-t="'product.rating.star_2'"></p>
</dt>
<dd class="rating_map_body">
<div class="rating_meter">
<div class="rating_bar" :style="{ width: is_open_rate ? Math.floor(product.rate_count_detail[1].ratio * 0.8) + 'px' : 0 }"></div>
</div>
({{ product.rate_count_detail ? product.rate_count_detail[1].count : 0|number_format }})
</dd>
<dt class="rating_map_label">
<p v-t="'product.rating.star_1'"></p>
</dt>
<dd class="rating_map_body">
<div class="rating_meter">
<div class="rating_bar" :style="{ width: is_open_rate ? Math.floor(product.rate_count_detail[0].ratio * 0.8) + 'px' : 0 }"></div>
</div>
({{ product.rate_count_detail ? product.rate_count_detail[0].count : 0|number_format }})
</dd>
</dl>
</dd>
</dl>
</div>
</div>
</div>
</div>
<span class="count">({{ product.rate_count|number_format }})</span></p>
</dd>
</template>
<!-- 評価 ここまで -->
</dl>
</div>
<div v-if="(!isFemale() && product.wishlist_count !== undefined && product.wishlist_count > 0) || product.review_count" v-cloak class="work_right_info_item">
<dl class="work_right_info_title">
<!-- レビュー ここから -->
<template v-if="product.review_count" v-cloak>
<dt v-t="'product.evaluate.review_number_label'"></dt>
<dd class="position_fix"><span>{{ product.review_count|number_format }}</span><span class="count"></span>&nbsp;(<a href="#review_link" v-html="$t('product.evaluate.to_rating_label')"></a>)</span></dd>
</template>
<!-- レビュー ここまで -->
</dl>
</div>
<!--
<div v-if=" ! product.is_reservable && product.review_count <= 0" v-cloak class="work_right_info_item">
<dl class="work_right_info_title">
<dt v-t="'product.evaluate.no_review_message'"></dt>
<dd><span class="count"></span><a href="https://www.dlsite.com/comic/review/write/work/=/product_id/BJ138581.html" v-t="'product.evaluate.to_review_message'"></a></dd>
</dl>
</div>
-->
</div>
<div id="work_right_inner">
<!-- 作品名、サークル/ブランド/出版社/レーベル/著者名 ここから -->
<div id="work_right_name">
<table id="work_maker">
<tr>
<th>著者</th>
<td>
<a href="https://www.dlsite.com/comic/author/=/author_id/AJ017713">火鳥</a></td>
</tr>
<tr>
<th>出版社名</th>
<td><span itemprop="brand" class="maker_name"><a href="https://www.dlsite.com/comic/circle/profile/=/maker_id/BG01095.html">ワニマガジン社</a></span><span class="add_follow" data-vue-component="follow-button" data-follow-key="BG01095" data-follow-name="ワニマガジン社" v-cloak><a class="btn_follow" href="https://www.dlsite.com/comic/mypage/followlist/add/=/work_id/BJ138581/product_state/1/maker_id/BG01095.html">フォローする</a></span></td>
</tr>
<tr>
<th>レーベル</th>
<td><span class="maker_name"><a href="https://www.dlsite.com/comic/fsr/=/keyword_maker_name/WANI+MAGAZINE+COMICS+SPECIAL+LBL00215/from/work.label">WANI MAGAZINE COMICS SPECIAL</a></span></td>
</tr>
</table>
<span data-vue-component="cien-creator-link" data-vue-async="true" data-maker-id="BG01095"></span>
</div>
<!-- 作品名、サークル/ブランド/出版社/レーベル/著者名 ここまで -->
<table cellspacing="0" id="work_outline">
<tr>
<th>販売日</th>
<td><a href="https://www.dlsite.com/comic/new/=/year/2018/mon/01/day/20/cyear/2018/cmon/01">2018年01月20日</a></td></tr>
<tr>
<th>シリーズ名</th>
<td>
<a href="https://www.dlsite.com/comic/fsr/=/keyword_work_name/%E5%BF%AB%E6%A5%BD%E3%83%92%E3%82%B9%E3%83%88%E3%83%AA%E3%82%A8+TITLE00040537/label_id/LBL00215/order/title_d/from/work.titles">快楽ヒストリエ</a>
</td>
</tr>
<tr><th>年齢指定</th><td><div class="work_genre"><span class="icon_GEN">全年齢</span></div></td></tr>
<tr><th>作品形式</th><td><div class="work_genre"><a href="https://www.dlsite.com/comic/fsr/=/work_category%5B0%5D/books/work_type/MNG/from/icon.work"><span class="icon_MNG" title="マンガ">マンガ</span></a><a href="https://www.dlsite.com/comic/fsr/=/work_category%5B0%5D/books/keyword/%E5%8D%98%E8%A1%8C%E6%9C%AC/from/icon.work"><span class="icon_TNB" title="単行本">単行本</span></a></div></td></tr>
<tr><th>ファイル形式</th><td><div class="work_genre"><span class="icon_PVA" title="専用ビューア">専用ビューア</span></div></td></tr>
<tr><th>ページ数</th><td>155</td></tr>
<tr>
<th>ジャンル</th>
<td>
<div class="main_genre">
<a href="https://www.dlsite.com/comic/fsr/=/genre/065/work_category/books/from/work.genre">おっぱい</a>
<a href="https://www.dlsite.com/comic/fsr/=/genre/207/work_category/books/from/work.genre">ロリ</a>
<a href="https://www.dlsite.com/comic/fsr/=/genre/211/work_category/books/from/work.genre">ショタ</a>
<a href="https://www.dlsite.com/comic/fsr/=/genre/212/work_category/books/from/work.genre"></a>
<a href="https://www.dlsite.com/comic/fsr/=/genre/304/work_category/books/from/work.genre">おやじ</a>
<a href="https://www.dlsite.com/comic/fsr/=/genre/234/work_category/books/from/work.genre">女王様/お姫様</a>
<a href="https://www.dlsite.com/comic/fsr/=/genre/427/work_category/books/from/work.genre">王子様/王子系</a>
<a href="https://www.dlsite.com/comic/fsr/=/genre/233/work_category/books/from/work.genre">戦士</a>
<a href="https://www.dlsite.com/comic/fsr/=/genre/075/work_category/books/from/work.genre">セーラー服</a>
<a href="https://www.dlsite.com/comic/fsr/=/genre/091/work_category/books/from/work.genre">着物/和服</a>
<a href="https://www.dlsite.com/comic/fsr/=/genre/452/work_category/books/from/work.genre">青年コミック</a>
<a href="https://www.dlsite.com/comic/fsr/=/genre/005/work_category/books/from/work.genre">ギャグ</a>
<a href="https://www.dlsite.com/comic/fsr/=/genre/007/work_category/books/from/work.genre">コメディ</a>
<a href="https://www.dlsite.com/comic/fsr/=/genre/017/work_category/books/from/work.genre">歴史/時代物</a>
<a href="https://www.dlsite.com/comic/fsr/=/genre/321/work_category/books/from/work.genre">褐色/日焼け</a>
<a href="https://www.dlsite.com/comic/fsr/=/genre/483/work_category/books/from/work.genre"></a>
</div>
</td>
</tr>
<tr><th>ファイル容量</th><td><div class="main_genre">
80.27MB
</div></td></tr>
</table>
<ul class="work_feature">
<li>
<div id="work_protect" class="__nomac _no_mac_protect">
<strong>この作品はブラウザ上でそのままご覧いただけます。</strong>
<strong class="_no_mac_viewer">なお、ダウンロードして閲覧するには「DLsite Viewer」が必要です。</strong>
<span class="_no_mac_viewer">[&nbsp;<a href="https://www.dlsite.com/comic/guide/dlviewer">専用ビューアについて</a>&nbsp;]</span>
</div>
</li>
<li v-if="user && user.os && user.os == 'Mac'" v-cloak>
<div id="work_win_only">
<strong>この作品はMacではDLsitePlayのみの対応となります。</strong>
<span>[&nbsp;<a href="https://www.dlsite.com/comic/guide/dlplay">ブラウザ対応について</a>&nbsp;]</span>
</div>
</li>
</ul>
<script>
jQuery(function ($) {
var dl_format = '9';
var is_dlsiteplay_work = '1';
if (/Mac/.test(navigator.userAgent) && (dl_format == 10 || dl_format == 9)) {
if (is_dlsiteplay_work) {
$('._no_mac_viewer').remove();
} else {
$('._no_mac_protect').remove();
}
}
});
</script>
</div>
<div class="trial_download mb30">
</div>
<ul class="work_edition">
</ul>
</div>
<!-- /work_right-->
</div>
<!-- /work_header -->
<!-- work_story -->
<div class="title_01 clearfix"><h2>作品内容</h2></div>
<div itemprop="description" class="work_article work_story">
『COMIC快楽天ビースト』の猛禽・火鳥の初単行本!<br />
膨大な資料を読み解き、脚色のない史実のみを記した秘史短編集です。<br />
<br />
天地創造と原初の人類を描いた「創世編」をはじめ、<br />
天下人・織田信長の死の真相を暴く「戦国編」や<br />
ペルシア軍を食い止めたスパルタ兵の強さに圧倒される「古代ギリシア編」ほか、<br />
英雄たちの偉業を大真面目に考証した正真正銘の学術コミック全15編。<br />
<br />
歴史に新たなギャグページを刻む1冊です。
</div>
<!-- /work_story -->
<!-- spec -->
<!-- /spec -->
<div id="work_series_top"></div>
<template data-vue-component="product-title-works" data-title-id="TITLE00040537" data-product-id="BJ138581" data-pagenate=""></template>
<template data-vue-component="product-relation-titles" data-title-id="TITLE00040537" data-product-id="BJ138581"></template>
<!-- same_series -->
<!-- /same_series -->
<!-- maker_works -->
<div class="work_series">
<div class="title_01 clearfix">
<h2>
<span class="title">
著者作品一覧 </span>
</h2>
<p class="move"><span><a href="https://www.dlsite.com/comic/fsr/=/keyword_maker_name/AJ017713/from/work.same_author">作品をもっと見る</a></span></p>
</div>
<div class="sub_title"><span class="ml10">販売作品</span></div>
<div class="work_article clearfix">
<div class="work_row_wide_list clearfix">
<div class="work_main_list_ncol">
<ul id="__maker_works"><li style="width:175px"></li></ul>
</div>
<p class="carousel_arrow_left"><input id="_recommend_prev_maker_works" class="carousel_left disable" type="button" value="&lt;&lt;" disabled="disabled"></p>
<p class="carousel_arrow_right"><input id="_recommend_next_maker_works" class="carousel_right" type="button" value="&gt;&gt;"></p>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(function($){
$('#__announce_works').slideProduct({
'keys' : [null],
'detailUrl' : 'https://www.dlsite.com/comic/load/recommend/detail/=/filter/on/rec/rec_work/cart/1/wishlist/1/is_ana/1',
'prevButton': '#_recommend_prev_announce_works',
'nextButton': '#_recommend_next_announce_works',
'onDisplay' : function(el){
$.filterImage('#' + el.attr('id'));
},
'onDelete' : function(el){
el.parent().html('').append(jQuery('<p class="work_none">該当作品はありません。</p>'))
}
});
$('#__maker_works').slideProduct({
'keys' : ['BJ244977','BJ246217','BJ181326','BJ181325','BJ177430',null],
'detailUrl' : 'https://www.dlsite.com/comic/load/recommend/detail/=/filter/on/rec/rec_work/cart/1/wishlist/1',
'prevButton': '#_recommend_prev_maker_works',
'nextButton': '#_recommend_next_maker_works',
'onDisplay' : function(el){
$.filterImage('#' + el.attr('id'));
},
'onDelete' : function(el){
el.parent().html('').append(jQuery('<p class="work_none">該当作品はありません。</p>'))
}
});
});
</script>
<!-- maker_works -->
<!-- label_works -->
<div class="work_series">
<div class="title_01 clearfix">
<h2><span class="title">レーベル作品一覧</span></h2>
<p class="move"><span><a href="https://www.dlsite.com/comic/fsr/=/keyword_maker_name/WANI+MAGAZINE+COMICS+SPECIAL+LBL00215/from/work.same_author">作品をもっと見る</a></span></p>
</div>
<div class="work_article clearfix">
<div class="work_row_wide_list clearfix">
<div class="work_main_list_ncol">
<ul id="__label_works"><li style="width:175px"></li></ul>
</div>
<p class="carousel_arrow_left"><input id="_recommend_prev_label_works" class="carousel_left disable" type="button" value="&lt;&lt;" disabled="disabled"></p>
<p class="carousel_arrow_right"><input id="_recommend_next_label_works" class="carousel_right" type="button" value="&gt;&gt;"></p>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(function($){
$('#__label_works').slideProduct({
'keys' : ['BJ246217','BJ244977','BJ181326','BJ181325','BJ177430','BJ118507','BJ118169','BJ118168','BJ115424','BJ115423','BJ115421','BJ115420','BJ115422','BJ090949','BJ090948',null],
'detailUrl' : 'https://www.dlsite.com/comic/load/recommend/detail/=/filter/on/rec/rec_work',
'prevButton': '#_recommend_prev_label_works',
'nextButton': '#_recommend_next_label_works',
'onDisplay' : function(el){
$.filterImage('#' + el.attr('id'));
},
'onDelete' : function(el){
el.parent().html('').append(jQuery('<p class="work_none">該当作品はありません。</p>'))
}
});
});
</script>
<!-- /label_works -->
<!-- relation -->
<!-- /relation -->
<!-- same_voice -->
<!-- /same_voice -->
<!-- recommend -->
<div class="title_01 clearfix" data-download-threshold="5"><h2>この作品を買った人はこんな作品も買っています</h2></div>
<div
class="recommend_list"
data-section-name="work_recommend_history"
data-href="https://www.dlsite.com/comic/load/recommend/v2/=/type/viewsales2/reject/BG01095/product_id/BJ138581.html"
data-type="viewsales2"
></div>
<div class="title_01 clearfix"><h2>こちらの作品も見られています</h2></div>
<div
class="recommend_list"
data-section-name="work_recommend_history"
data-href="https://www.dlsite.com/comic/load/recommend/v2/=/type/viewsales/reject/BG01095/product_id/BJ138581.html"
data-type="viewsales"
></div>
<!-- /recommend -->
<div class="title_01 clearfix"><h2>最近チェックした作品</h2></div>
<div
class="recommend_list"
data-section-name="work_recommend_history"
data-href="https://www.dlsite.com/comic/load/recommend/v2/=/type/history/product_id/BJ138581.html"
data-type="history"
></div>
<script>
// サムネイルポップアップ
$(document).bind('ajaxSuccess', function() {
var $target_blocks = $('.work_main_list_ncol');
$target_blocks.each(function () {
if ($(this).thumbImgPopup !== undefined) {
$(this).thumbImgPopup();
$(this).setBlockViewSetting('mheight_01','__sp_detail','end');
};
});
}
);
$.getJSON('https://www.dlsite.com/comic/load/member/uninterest').then(
function (res) {
var rejects = [].concat(res['reason_1'], res['reason_2'])
$('.recommend_list').each(function(i, element){
var href = element.dataset.href
var type = element.dataset.type
href && $.get(href).then(function(res){
// html適応
$(element).html(res)
// イベント設定
$(element).find('li.swiper-slide').each(function(i, li){
var $li = $(li)
// 不要な作品
if (~rejects.indexOf($li.data('prod'))) {
return $li.remove()
}
// miniメニュー開閉
$li.find('.mini_menu').bind('click', function (e) {
$li.find('.mini_menu_dropdown').toggleClass('open');
})
// 非表示設定
$li.find('.mini_menu_dropdown_inner').bind('click', function() {
$li.find('.recommend_work_item').addClass('hidden');
$.get('https://www.dlsite.com/comic/cart/ajax/=/mode/nothanks/product_id/' + $li.data('prod'));
})
// サムネイルポップアップ
if ($li.thumbImgPopup !== undefined) {
$li.thumbImgPopup();
};
// Swiper内でサムネイルポップアップするための処理
var mouseFlg = false;
$li.bind('mouseenter', function() {
$(this).setBlockViewSetting('swiper-wrapper', 'swiper-slide', 'end');
mouseFlg = true;
var c_left = $(element).find('.swiper-container').offset().left;
var c_right = c_left + $(element).find('.swiper-container').width();
$(element).find('li.swiper-slide').each(function(){
var i_left = $(this).offset().left;
var i_right = i_left + $(this).width();
if((i_right > c_left) && (i_left < c_right)){
$(this).css('visibility', 'visible');
} else {
$(this).css('visibility', 'hidden');
}
});
setTimeout(function(){
if (mouseFlg) {
$(element).find('.swiper-container').css({'overflow':'visible'});
}
},300);
}).bind('mouseleave', function() {
mouseFlg = false;
$(element).find('.swiper-container').css('overflow', 'hidden');
$(element).find('li.swiper-slide').each(function(){
$(this).css('visibility', 'visible');
});
});
// レコメンド結果通知
$li.delegate('a', 'click', function (e) {
var $self = $(e.currentTarget);
//GAイベント送信
try {
window.ga('send', 'event', dlsite.getName(), 'recommend_' + $li.data('category'), $self[0].pathname);
} catch (ex) {
//
}
var param = {
prod: $li.data('prod'),
merch: 'dlsite',
spec: $li.data('spec'),
cref: $li.data('cref'),
cookie: $.cookie('uniqid')
};
if (!param['prod'] || !param['spec'] || !param['cref']) {
return true;
}
var url = 'https://dlsite.silveregg.net/pycre5/click?' + $.param(param);
// クリックイベントを送出
if (!navigator.sendBeacon || !navigator.sendBeacon(url)) {
$.ajax(url, {
async: false,
timeout: 2000,
});
}
return true;
});
});
// Swiper
new Swiper(element.firstChild, {
navigation: {
nextEl: '.swiper-button-next.type-' + type,
prevEl: '.swiper-button-prev.type-' + type,
disabledClass: 'disable',
},
nextButton:'.swiper-button-next.type-' + type,
prevButton:'.swiper-button-prev.type-' + type,
slidesPerView: Math.floor($(element).find('.swiper-container').width() / 200),
slidesPerGroup: Math.floor($(element).find('.swiper-container').width() / 200),
spaceBetween: 10,
breakpoints: {
1194: {
slidesPerView: 4,
slidesPerGroup: 4,
},
1364: {
slidesPerView: 5,
slidesPerGroup: 5,
},
1534: {
slidesPerView: 6,
slidesPerGroup: 6,
},
1704: {
slidesPerView: 7,
slidesPerGroup: 7,
},
1874: {
slidesPerView: 8,
slidesPerGroup: 8,
},
2044: {
slidesPerView: 9,
slidesPerGroup: 9,
}
},
})
});
})
}
)
</script>
<!-- review -->
<div class="title_01 clearfix" id="review_link"><h2>ユーザーレビュー</h2></div>
<div class="work_article" id="work_review" data-section_name="work_review">
<table class="reviewer_most_genre" cellspacing="0">
<tbody>
<tr>
<th>
<p>レビュアーに多く選ばれたジャンル :</p>
</th>
<td>
<span><a href="https://www.dlsite.com/comic/fsr/=/genre/017/from/work.review_genre">歴史/時代物3</a></span>
<span><a href="https://www.dlsite.com/comic/fsr/=/genre/005/from/work.review_genre">ギャグ3</a></span>
</td>
</tr>
</tbody>
</table>
<div class="review_head">
<p class="float_l review_count">レビュー数 : <span class="review_work_count">3件</span></p>
<template data-vue-component="product-review-order" data-layout="pc" data-product_id="BJ138581"></template>
</div>
<!-- work_review_list -->
<table id="work_review_list" cellspacing="0">
<tbody itemprop="review" itemscope itemtype="https://schema.org/Review">
<tr>
<td class="review_title">
<p class="pickup_mark">ピックアップ</p> <div class="review_title_l">
<div class="title"><span itemprop="name">
<a href="https://www.dlsite.com/comic/work/reviewlist/=/reviewer/REV0014802/product_id/BJ138581.html">そもそもR-18じゃないのが驚きなのだが</a>
</span></div>
<p>
<meta itemprop="datePublished" content="2018-01-20">2018年01月20日&nbsp;&nbsp;<span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="name"><a href="https://www.dlsite.com/comic/reviewlist/=/reviewer/REV0014802">穂積</a></span> さん</span>
<span class="popularity_reviewer gold">人気レビュアー1位</span>
<span class="purchased">購入済み</span>
</p>
</div>
<div class="review_title_r">
<span class="reviewer_recommend">レビュアーオススメ!</span>
</div>
</td>
</tr>
<tr>
<td class="review_main _review_main">
<div class="reviewer_genre">
<p>レビュアーが選んだジャンル :</p>
<ul class="reviewer_select_genre">
<li><a href="https://www.dlsite.com/comic/fsr/=/genre/050/from/review.genre">チラリズム</a></li>
<li><a href="https://www.dlsite.com/comic/fsr/=/genre/207/from/review.genre">ロリ</a></li>
<li><a href="https://www.dlsite.com/comic/fsr/=/genre/220/from/review.genre">お姉さん</a></li>
<li><a href="https://www.dlsite.com/comic/fsr/=/genre/091/from/review.genre">着物/和服</a></li>
<li><a href="https://www.dlsite.com/comic/fsr/=/genre/005/from/review.genre">ギャグ</a></li>
<li><a href="https://www.dlsite.com/comic/fsr/=/genre/016/from/review.genre">ファンタジー</a></li>
<li><a href="https://www.dlsite.com/comic/fsr/=/genre/017/from/review.genre">歴史/時代物</a></li>
<li><a href="https://www.dlsite.com/comic/fsr/=/genre/250/from/review.genre">女体化</a></li>
<li><a href="https://www.dlsite.com/comic/fsr/=/genre/452/from/review.genre">青年コミック</a></li>
<li><a href="https://www.dlsite.com/comic/fsr/=/genre/295/from/review.genre">ソフトエッチ</a></li>
</ul>
</div>
<div class="_SW2" >
<p class="reviewer_descrip" itemprop="reviewBody">いや、たしかに明確な局部の描写ないし、決定的な男女の交合はアングルでぼかされています。<br />
エロよりもギャグに比重が大きいと言っても間違っていない作品です。<br />
だから、「全年齢」枠での販売となるのは全くの妥当で何ら非の打ち所がありません。<br />
でもなぁ、載ってた雑誌はR-18なんだけど。<br />
[作品内容]にも書いてあるように、またサンプルページを見ても「何言ってんだ?こいつ」となるように、歴史上の偉人が掲載誌『COMIC快楽天ビースト』を愛読していたと仮定した上で進行するギャグ作品なのです。<br />
エロ漫画が尊く素晴らしい物なのは言うまでもなく当然だとしても、それを歴史に織り込むストーリー作りが無茶苦茶すぎます。<br />
お気軽に女体化してきますし、それを奇想天外な論理で裏付けし、開いた口が塞がらないのを通り越して閉まってない口から笑い声が出てきます。<br />
シュールギャグのフルスロットルです。<br />
原始編、古代編、平安編、鎌倉編、安土桃山編、戦国編、島原編、江戸吉原編、徳川綱吉編、幕末編、日本神話編、古代エジプト編、古代ギリシャ編、古代ローマ編、創世編など多岐にわたるものの、全て「男はエロ漫画を熟読し、生身の女から縁遠い」のが大前提で成り立っています。<br />
漫画どころか紙すら確立されていなかった時代でそれをやるもんだから、もはや訳が分かりません。<br />
しかしながら、テンポが良くて意味不明に笑えてきます。<br />
そして、本作の最も恐ろしい所は画力です。<br />
ギャグとデッサン力の融合は危険だと再認識させられます。<br />
劇画的とすら言える素晴らしい絵で、真面目な顔の偉人がエロ漫画を大絶賛しているとそれだけで面白いのは間違いありません。</p>
<p class="review_ref">
<input value="役に立った" type="button" class="_btn_good_review btn_default" data-review_id="12660" data-product_id="BJ138581">
<span class="useful">25人 が役に立ったと答えています</span> <span class="review_report">[&nbsp;<a href="https://ssl.dlsite.com/comic/contact/review/=/reviewer_id/REV0014802/product_id/BJ138581.html">報告する</a>&nbsp;]</span>
</p>
<p class="mini_message _review_message" style="display: none;">&nbsp;</p>
</div>
</td>
</tr>
</tbody>
<tbody itemprop="review" itemscope itemtype="https://schema.org/Review">
<tr>
<td class="review_title">
<p class="pickup_mark">ピックアップ</p> <div class="review_title_l">
<div class="title"><span itemprop="name">
<a href="https://www.dlsite.com/comic/work/reviewlist/=/reviewer/REV0025845/product_id/BJ138581.html">本業だからこそ描けるディープな世界</a>
</span></div>
<p>
<meta itemprop="datePublished" content="2018-03-12">2018年03月12日&nbsp;&nbsp;<span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="name"><a href="https://www.dlsite.com/comic/reviewlist/=/reviewer/REV0025845">iahon</a></span> さん</span>
<span class="popularity_reviewer gold">人気レビュアー10位</span>
<span class="purchased">購入済み</span>
</p>
</div>
<div class="review_title_r">
<span class="reviewer_recommend">レビュアーオススメ!</span>
</div>
</td>
</tr>
<tr>
<td class="review_main _review_main">
<div class="reviewer_genre">
<p>レビュアーが選んだジャンル :</p>
<ul class="reviewer_select_genre">
<li><a href="https://www.dlsite.com/comic/fsr/=/genre/310/from/review.genre">評論</a></li>
<li><a href="https://www.dlsite.com/comic/fsr/=/genre/005/from/review.genre">ギャグ</a></li>
<li><a href="https://www.dlsite.com/comic/fsr/=/genre/017/from/review.genre">歴史/時代物</a></li>
</ul>
</div>
<div class="_SW1">
<p class="review_caution">
<strong>※ネタバレ※</strong>
このレビューには作品の内容に関する記述が含まれています。 <span class="review_open"><a href="#" onclick="return false;">レビューを表示する</a></span>
</p>
</div>
<div class="_SW2" style="display: none;" >
<p class="reviewer_descrip" itemprop="reviewBody">男ならみんな知ってるコミック快楽天。<br />
そんな快楽天があの太古の昔から存在したら?<br />
その仮定から歴史上の出来事を深く考察し、漫画にしたのがこの作品になります。<br />
「正真正銘の学術コミック」とある通り至って真面目な内容で「本能寺の変、豊臣秀吉が黒幕説」を鋭い指摘で否定したり、「天草四郎、女子高生説」という新たな説を完璧なロジックと共に提唱したりと非常に学術的な内容になっています。<br />
このようにマンガという読みやすい形式を採用しながらも深い歴史考察が盛り込まれた良書であることがわかります。<br />
これを読んで皆さんも歴史学についての見聞を深めましょう。<br />
多分一生役に立たないと思います。</p>
<p class="review_ref">
<input value="役に立った" type="button" class="_btn_good_review btn_default" data-review_id="13156" data-product_id="BJ138581">
<span class="useful">10人 が役に立ったと答えています</span> <span class="review_report">[&nbsp;<a href="https://ssl.dlsite.com/comic/contact/review/=/reviewer_id/REV0025845/product_id/BJ138581.html">報告する</a>&nbsp;]</span>
</p>
<p class="mini_message _review_message" style="display: none;">&nbsp;</p>
</div>
</td>
</tr>
</tbody>
<tbody itemprop="review" itemscope itemtype="https://schema.org/Review">
<tr>
<td class="review_title">
<div class="review_title_l">
<div class="title"><span itemprop="name">
<a href="https://www.dlsite.com/comic/work/reviewlist/=/reviewer/REV0043968/product_id/BJ138581.html">何故そこに全力を投じたのか</a>
</span></div>
<p>
<meta itemprop="datePublished" content="2019-10-01">2019年10月01日&nbsp;&nbsp;<span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="name"><a href="https://www.dlsite.com/comic/reviewlist/=/reviewer/REV0043968">つつつつ</a></span> さん</span>
<span class="popularity_reviewer silver">人気レビュアー35位</span>
<span class="purchased">購入済み</span>
</p>
</div>
<div class="review_title_r">
<span class="reviewer_recommend">レビュアーオススメ!</span>
</div>
</td>
</tr>
<tr>
<td class="review_main _review_main">
<div class="reviewer_genre">
<p>レビュアーが選んだジャンル :</p>
<ul class="reviewer_select_genre">
<li><a href="https://www.dlsite.com/comic/fsr/=/genre/055/from/review.genre">感動</a></li>
<li><a href="https://www.dlsite.com/comic/fsr/=/genre/005/from/review.genre">ギャグ</a></li>
<li><a href="https://www.dlsite.com/comic/fsr/=/genre/017/from/review.genre">歴史/時代物</a></li>
<li><a href="https://www.dlsite.com/comic/fsr/=/genre/205/from/review.genre">狂気</a></li>
</ul>
</div>
<div class="_SW2" >
<p class="reviewer_descrip" itemprop="reviewBody">そこ←身も蓋もなく『下ネタ』<br />
いやもう、ジャンルタグの数が無駄な広大さを物語っていますね。<br />
<br />
火鳥先生の知識と画力と感性とが惜しげもなく投じられてできあがったのがこちらです。<br />
いやもう凄いとしかいいようないですね。もしくは天下無双のバカ野郎(褒め言葉)。<br />
笑っちゃうというよりは脱力します。「また負けたぜ」とか「今回もやられたっ」とかそういう意味で。<br />
くそっ、自分程度の知能指数ではこの本を的確に紹介することはできないから今日はここまでにしてやるぜっ(ボロ負け)。</p>
<p class="review_ref">
<input value="役に立った" type="button" class="_btn_good_review btn_default" data-review_id="33937" data-product_id="BJ138581">
<span class="review_report">[&nbsp;<a href="https://ssl.dlsite.com/comic/contact/review/=/reviewer_id/REV0043968/product_id/BJ138581.html">報告する</a>&nbsp;]</span>
</p>
<p class="mini_message _review_message" style="display: none;">&nbsp;</p>
</div>
</td>
</tr>
</tbody>
</table>
<table class="review_write">
<tr>
<td>
<div class="review_more">
<p><a href="https://www.dlsite.com/comic/work/reviewlist/=/product_id/BJ138581.html">すべてのレビューを見る 3件</a></p>
</div>
</td>
<td><div class="review_btn"><a href="https://www.dlsite.com/comic/review/write/work/=/product_id/BJ138581.html" class="btn_post size_xxl fs15"><i>レビューを投稿する</i></a></div></td>
</tr>
</table>
</div>
<!-- /work_review_list -->
<script type="text/javascript">
//<!CDATA[
jQuery(function($){
"use strict";
var wait = false;
$('._btn_good_review').bind('click', function(){
if(wait){
return false;
}
wait = true;
var $self = $(this);
$.post('https://www.dlsite.com/comic/mypage/review/ajax', {act: 'good_review', review_id: $self.data('review_id'), product_id: $self.data('product_id')}, function(data){
wait = false;
$self.parents('td').find('._review_message').text(data.text).show();
}, 'json');
return false;
});
});
//]]>
</script>
<div class="title_01 clearfix">
<h2>関連まとめ記事</h2>
</div>
<table class="matome_write">
<tbody>
<tr>
<td>
<p class="base_text">
この作品のまとめ記事を投稿しよう! 書き方や詳細については <a rel="noopener" href="https://ch.dlsite.com/matome/185" target="_blank">まとめの作り方</a> をご覧ください。 </p>
</td>
<td>
</td>
</tr>
</tbody>
</table>
<div class="dlchannel">
<div class="matome_container">
<div id="matome-swiper" class="swiper-container">
<ul class="matome_box swiper-wrapper" style="display:none;">
<li class="matome_box_inner swiper-slide">
<div class="matome_content">
<div class="matome_img_main">
<a rel="noopener" href="https://ch.dlsite.com/matome/18502?dls=&k_matome_comic_pc" target="_blank">
<img data-src="https://media.dlsite.com/proxy/cfd77f4bba76ede190df105dd15ca5bd73b08dc4/687474703a2f2f696d672e646c736974652e6a702f6d6f647075622f696d61676573322f776f726b2f626f6f6b732f424a3036343030302f424a3036333937355f696d675f6d61696e2e6a7067" alt="エロ漫画雑誌に載ってる非エロ漫画を集めてみた"
title="エロ漫画雑誌に載ってる非エロ漫画を集めてみた" class="swiper-lazy"></a>
<div class="swiper-lazy-preloader"></div>
</div>
<p class="matome_content_title">
<a href="https://ch.dlsite.com/matome/18502?dls=&k_matome_comic_pc"
rel="noopener" target="_blank">エロ漫画雑誌に載ってる非エロ漫画を集めてみた</a>
</p>
</div>
</li>
<li class="matome_box_inner swiper-slide">
<div class="matome_content">
<div class="matome_img_main">
<a rel="noopener" href="https://ch.dlsite.com/matome/15651?dls=&k_matome_comic_pc" target="_blank">
<img data-src="https://media.dlsite.com/proxy/c5f7c1745c98f9859a4f90a9b5d326bdbbfed3f4/687474703a2f2f7777772e62696e672e636f6d2f63723f49473d3538383630353430353345303436464442413235364333454533363338363131264349443d32334144423833334237393536434241324342414233433542363544364441342672643d3126683d7a766f4c5f6730335a33445252397159735352594c55657463376c765a524139764d50305530384d7a446726763d3126723d68747470253361253266253266626c6f672d696d67732d33312e6663322e636f6d2532666d25326679253266622532666d7962616b6572797325326631303037323031313831302e6a706726703d44657645782e4c422e312c353032372e31" alt="DLsiteで買える一般書籍漫画 おすすめ作品一覧一言感想"
title="DLsiteで買える一般書籍漫画 おすすめ作品一覧一言感想" class="swiper-lazy"></a>
<div class="swiper-lazy-preloader"></div>
</div>
<p class="matome_content_title">
<a href="https://ch.dlsite.com/matome/15651?dls=&k_matome_comic_pc"
rel="noopener" target="_blank">DLsiteで買える一般書籍漫画 おすすめ作品一覧一言感想</a>
</p>
</div>
</li>
<li class="matome_box_inner swiper-slide">
<div class="matome_content">
<div class="matome_img_main">
<a rel="noopener" href="https://ch.dlsite.com/matome/77544?dls=&k_matome_comic_pc" target="_blank">
<img data-src="https://media.dlsite.com/proxy/81240573ab6ea6f096b9d3838370493da5d998ff/68747470733a2f2f696d672e646c736974652e6a702f6d6f647075622f696d61676573322f776f726b2f626f6f6b732f424a3234353030302f424a3234343937375f696d675f736d70312e6a7067" alt="【クソデカ尻の穴】アナルの奥まで沁み渡るオジサン伝説"
title="【クソデカ尻の穴】アナルの奥まで沁み渡るオジサン伝説" class="swiper-lazy"></a>
<div class="swiper-lazy-preloader"></div>
</div>
<p class="matome_content_title">
<a href="https://ch.dlsite.com/matome/77544?dls=&k_matome_comic_pc"
rel="noopener" target="_blank">【クソデカ尻の穴】アナルの奥まで沁み渡るオジサン伝説</a>
</p>
</div>
</li>
<li class="matome_box_inner swiper-slide">
<div class="matome_content">
<div class="matome_img_main">
<a rel="noopener" href="https://ch.dlsite.com/matome/95857?dls=&k_matome_comic_pc" target="_blank">
<img data-src="https://media.dlsite.com/proxy/98cb94261f4eda024d46196871859e1bc3afebbe/68747470733a2f2f646970367433333869716a62392e636c6f756466726f6e742e6e65742f75706c6f61642f736176655f696d6167652f3037302f4b444330303733332e6a70673f31" alt="あの寄生獣の作者が描いた歴史漫画の名作"
title="あの寄生獣の作者が描いた歴史漫画の名作" class="swiper-lazy"></a>
<div class="swiper-lazy-preloader"></div>
</div>
<p class="matome_content_title">
<a href="https://ch.dlsite.com/matome/95857?dls=&k_matome_comic_pc"
rel="noopener" target="_blank">あの寄生獣の作者が描いた歴史漫画の名作</a>
</p>
</div>
</li>
<li class="matome_box_inner swiper-slide">
<div class="matome_content">
<div class="matome_img_main">
<a rel="noopener" href="https://ch.dlsite.com/matome/12214?dls=&k_matome_comic_pc" target="_blank">
<img data-src="https://media.dlsite.com/proxy/5e6fa3a7815ca6a068b20531ccde0b90fbc3c92f/687474703a2f2f696d672e646c736974652e6a702f6d6f647075622f696d61676573322f776f726b2f626f6f6b732f424a3133393030302f424a3133383538315f696d675f6d61696e2e6a7067" alt="神は7日間でエロ漫画を作る。"
title="神は7日間でエロ漫画を作る。" class="swiper-lazy"></a>
<div class="swiper-lazy-preloader"></div>
</div>
<p class="matome_content_title">
<a href="https://ch.dlsite.com/matome/12214?dls=&k_matome_comic_pc"
rel="noopener" target="_blank">神は7日間でエロ漫画を作る。</a>
</p>
</div>
</li>
<li class="matome_box_inner swiper-slide">
<div class="matome_content">
<div class="matome_img_main">
<a rel="noopener" href="https://ch.dlsite.com/matome/8662?dls=&k_matome_comic_pc" target="_blank">
<img data-src="https://media.dlsite.com/proxy/5e6fa3a7815ca6a068b20531ccde0b90fbc3c92f/687474703a2f2f696d672e646c736974652e6a702f6d6f647075622f696d61676573322f776f726b2f626f6f6b732f424a3133393030302f424a3133383538315f696d675f6d61696e2e6a7067" alt="この漫画で歴史を学んであらゆる場で恥をかこう! 快楽ヒストリエ"
title="この漫画で歴史を学んであらゆる場で恥をかこう! 快楽ヒストリエ" class="swiper-lazy"></a>
<div class="swiper-lazy-preloader"></div>
</div>
<p class="matome_content_title">
<a href="https://ch.dlsite.com/matome/8662?dls=&k_matome_comic_pc"
rel="noopener" target="_blank">この漫画で歴史を学んであらゆる場で恥をかこう! 快楽ヒストリエ</a>
</p>
</div>
</li>
<li class="matome_box_inner swiper-slide">
<div class="matome_content">
<div class="matome_img_main">
<a rel="noopener" href="https://ch.dlsite.com/matome/91522?dls=&k_matome_comic_pc" target="_blank">
<img data-src="https://media.dlsite.com/proxy/6534bc8a345fdcd52c5622b2c39e1d6b91deab98/68747470733a2f2f696d672e646c736974652e6a702f6d6f647075622f696d61676573322f776f726b2f626f6f6b732f424a3236303030302f424a3235393930365f696d675f6d61696e2e6a7067" alt="【健全】えっちなのになぜか全年齢な漫画まとめ【青のほうの青年コミック】"
title="【健全】えっちなのになぜか全年齢な漫画まとめ【青のほうの青年コミック】" class="swiper-lazy"></a>
<div class="swiper-lazy-preloader"></div>
</div>
<p class="matome_content_title">
<a href="https://ch.dlsite.com/matome/91522?dls=&k_matome_comic_pc"
rel="noopener" target="_blank">【健全】えっちなのになぜか全年齢な漫画まとめ【青のほうの青年コミック】</a>
</p>
</div>
</li>
<li class="matome_box_inner swiper-slide">
<div class="matome_content">
<div class="matome_img_main">
<a rel="noopener" href="https://ch.dlsite.com/matome/92332?dls=&k_matome_comic_pc" target="_blank">
<img data-src="https://media.dlsite.com/proxy/d9bd7cedf93e7a8ea419886dd1086f1b9715febe/68747470733a2f2f6d656469612e646c736974652e636f6d2f70726f78792f396130383565316665303337623233376135666361353835373535316239623561363231303066362f36383734373437303361326632663664363536343639363132653634366337333639373436353265363336663664326636333638326636663636363636393633363936313663326633313334333933363331333933323334333833323265366137303637" alt="シコリンピア・キュクロス"
title="シコリンピア・キュクロス" class="swiper-lazy"></a>
<div class="swiper-lazy-preloader"></div>
</div>
<p class="matome_content_title">
<a href="https://ch.dlsite.com/matome/92332?dls=&k_matome_comic_pc"
rel="noopener" target="_blank">シコリンピア・キュクロス</a>
</p>
</div>
</li>
</ul>
</div>
<div class="carousel_arrow_left swiper-button-prev"></div>
<div class="carousel_arrow_right swiper-button-next"></div>
</div>
<ul class="matome_more">
<li><p class="matome_text"><a href="https://ch.dlsite.com/antenna/346304/contents?mode=matome"
rel="noopener" target="_blank">すべてのまとめ記事を見る39件</a></p></li>
<li class="matome_btn"><a href="https://ch.dlsite.com/matome/create" rel="noopener" target="_blank"
class="btn_post size_xxl fs15"><i>まとめ記事を作成する</i></a></li>
</ul>
</div>
<script>
$(function () {
// Swiper3系
var swiper = new Swiper('#matome-swiper', {
slidesPerView: 6,
slidesPerGroup: 6,
spaceBetween: 20,
watchSlidesVisibility: true,
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
preloadImages: false,
lazy: true,
breakpoints: {
1900: {
slidesPerView: 5,
slidesPerGroup: 5,
},
1620: {
slidesPerView: 4,
slidesPerGroup: 4,
},
1390: {
slidesPerView: 3,
slidesPerGroup: 3,
},
1150: {
slidesPerGroup: 2,
slidesPerView: 2,
}
}
});
$('.matome_box').show();
//要素表示時読み込み
var scrollIn = function(event) {
var target_rect = document.getElementById('matome-swiper').getBoundingClientRect();
if (0 < target_rect.top && target_rect.bottom <= window.innerHeight) {
swiper.lazy.load();
window.removeEventListener('scroll', scrollIn, false);
}
};
window.addEventListener('scroll', scrollIn, false);
$('.matome_box').show();
});
</script>
<div class="title_01 clearfix">
<h2>開催中の企画・キャンペーン</h2>
</div>
<div class="content_scroller" data-section-name="eisys-campaign" id="campaign_bcs">
<div class="relation_content_container">
<div id="content-swiper" class="swiper-container">
<ul class="relation_content_list swiper-wrapper" style="display:none;">
<li class="relation_content_list_item swiper-slide">
<div class="content_item">
<div class="content_item_img">
<a rel="noopener" href="https://ch.dlsite.com/matome/100251?from=event_matome_2012_one-letter" target="_blank">
<img data-src="//media.dlsite.com/bcs/dlsite/1609340400/bn_3cd4528f4b02c7a318bc93e2beeb4f287c2613da.jpg?w=200&h=150&s=30" alt="DLsiteユーザーが選ぶ【今年の漢字】を大募集 表すとしたらどんな一文字??" class="swiper-lazy"></a>
<div class="swiper-lazy-preloader"></div>
</div>
<p class="content_item_title">
<a rel="noopener" href="https://ch.dlsite.com/matome/100251?from=event_matome_2012_one-letter" target="_blank">DLsiteユーザーが選ぶ【今年の漢字】を大募集 表すとしたらどんな一文字??</a>
</p>
</div>
</li>
<li class="relation_content_list_item swiper-slide">
<div class="content_item">
<div class="content_item_img">
<a rel="noopener" href="https://ch.dlsite.com/matome/99373?from=event_matome_2012_11month-matome" target="_blank">
<img data-src="//media.dlsite.com/bcs/dlsite/1609340400/bn_95b0702245c9db699d8002979c5cbbef02cd636b.jpg?w=200&h=150&s=30" alt="【2020年11月】DLチャンネル運営が勝手に選ぶ、先月面白かったまとめ記事" class="swiper-lazy"></a>
<div class="swiper-lazy-preloader"></div>
</div>
<p class="content_item_title">
<a rel="noopener" href="https://ch.dlsite.com/matome/99373?from=event_matome_2012_11month-matome" target="_blank">【2020年11月】DLチャンネル運営が勝手に選ぶ、先月面白かったまとめ記事</a>
</p>
</div>
</li>
<li class="relation_content_list_item swiper-slide">
<div class="content_item">
<div class="content_item_img">
<a rel="noopener" href="https://ch.dlsite.com/matome/97515?from=event_matome_2011_nijigame05" target="_blank">
<img data-src="//media.dlsite.com/bcs/dlsite/1606662000/bn_6000109eac8316defec3c8d649269fe758d16048.jpg?w=200&h=150&s=30" alt="【にじGAME】総額300万DLsiteポイント山分けキャンペーン冬の陣【12/18まで】" class="swiper-lazy"></a>
<div class="swiper-lazy-preloader"></div>
</div>
<p class="content_item_title">
<a rel="noopener" href="https://ch.dlsite.com/matome/97515?from=event_matome_2011_nijigame05" target="_blank">【にじGAME】総額300万DLsiteポイント山分けキャンペーン冬の陣【12/18まで】</a>
</p>
</div>
</li>
<li class="relation_content_list_item swiper-slide">
<div class="content_item">
<div class="content_item_img">
<a rel="noopener" href="https://ch.dlsite.com/matome/94477?from=event_matome_2010_freelyavailable02" target="_blank">
<img data-src="//media.dlsite.com/bcs/dlsite/1604070000/bn_91324c549757241bd2017ea21d180593c895b724.jpg?w=200&h=150&s=30" alt="【無料音声】徳井青空さん主演バイノーラルドラマ「甘音ちゃんは絶対にあなたを甘やかしたい!」配信開始" class="swiper-lazy"></a>
<div class="swiper-lazy-preloader"></div>
</div>
<p class="content_item_title">
<a rel="noopener" href="https://ch.dlsite.com/matome/94477?from=event_matome_2010_freelyavailable02" target="_blank">【無料音声】徳井青空さん主演バイノーラルドラマ「甘音ちゃんは絶対にあなたを甘やかしたい!」配信開始</a>
</p>
</div>
</li>
<li class="relation_content_list_item swiper-slide">
<div class="content_item">
<div class="content_item_img">
<a rel="noopener" href="https://ch.dlsite.com/matome/91884?from=event_matome_2010_Ring-A-Ling-Hello" target="_blank">
<img data-src="//media.dlsite.com/bcs/dlsite/1604070000/bn_5fc57e22aebe4f4ec6b902145db75099a548c7b9.jpg?w=200&h=150&s=30" alt="仮面ライダーゴーストの主演をしていた、西銘駿さん出演のボイスドラマが予約開始【GIRLSMANIAX】" class="swiper-lazy"></a>
<div class="swiper-lazy-preloader"></div>
</div>
<p class="content_item_title">
<a rel="noopener" href="https://ch.dlsite.com/matome/91884?from=event_matome_2010_Ring-A-Ling-Hello" target="_blank">仮面ライダーゴーストの主演をしていた、西銘駿さん出演のボイスドラマが予約開始【GIRLSMANIAX】</a>
</p>
</div>
</li>
<li class="relation_content_list_item swiper-slide">
<div class="content_item">
<div class="content_item_img">
<a rel="noopener" href="https://ch.dlsite.com/matome/91406?from=event_matome_2010_railromanesque" target="_blank">
<img data-src="//media.dlsite.com/bcs/dlsite/1604070000/bn_0fa3138f956ba01d1912f6a54cd07d649ab84d10.jpg?w=200&h=150&s=30" alt="【レヱル・ロマネスク】TVアニメ放送開始 追加エピソードがASMRで毎週リリース【まいてつ】" class="swiper-lazy"></a>
<div class="swiper-lazy-preloader"></div>
</div>
<p class="content_item_title">
<a rel="noopener" href="https://ch.dlsite.com/matome/91406?from=event_matome_2010_railromanesque" target="_blank">【レヱル・ロマネスク】TVアニメ放送開始 追加エピソードがASMRで毎週リリース【まいてつ】</a>
</p>
</div>
</li>
<li class="relation_content_list_item swiper-slide">
<div class="content_item">
<div class="content_item_img">
<a rel="noopener" href="https://ch.dlsite.com/matome/87668?from=event_matome_2009_illegalupload" target="_blank">
<img data-src="//media.dlsite.com/bcs/dlsite/1601391600/bn_929a1a91a05b6bd22a337cf162f97054d9370815.jpg?w=200&h=150&s=30" alt="違法アップロードへの対策活動に関するご報告" class="swiper-lazy"></a>
<div class="swiper-lazy-preloader"></div>
</div>
<p class="content_item_title">
<a rel="noopener" href="https://ch.dlsite.com/matome/87668?from=event_matome_2009_illegalupload" target="_blank">違法アップロードへの対策活動に関するご報告</a>
</p>
</div>
</li>
<li class="relation_content_list_item swiper-slide">
<div class="content_item">
<div class="content_item_img">
<a rel="noopener" href="https://ch.dlsite.com/lp/matome_mp?from=event_matome_2008_mp-get" target="_blank">
<img data-src="//media.dlsite.com/bcs/dlchannel/1598799600/bn_b0178bed1401e5d25dfb8ed72e56c5603b25971b.jpg?w=200&h=150&s=30" alt="【最大1500pt】まとめ記事を作ってポイントゲット" class="swiper-lazy"></a>
<div class="swiper-lazy-preloader"></div>
</div>
<p class="content_item_title">
<a rel="noopener" href="https://ch.dlsite.com/lp/matome_mp?from=event_matome_2008_mp-get" target="_blank">【最大1500pt】まとめ記事を作ってポイントゲット</a>
</p>
</div>
</li>
<li class="relation_content_list_item swiper-slide">
<div class="content_item">
<div class="content_item_img">
<a rel="noopener" href="https://ch.dlsite.com/matome/45712?from=event_matome_1910_affiliate" target="_blank">
<img data-src="//media.dlsite.com/bcs/dlsite/1572447600/bn_6007ace913dc512eef1739ca8451fc77bfec01b8.jpg?w=200&h=150&s=30" alt="5分でできるスマホでアフィリエイト" class="swiper-lazy"></a>
<div class="swiper-lazy-preloader"></div>
</div>
<p class="content_item_title">
<a rel="noopener" href="https://ch.dlsite.com/matome/45712?from=event_matome_1910_affiliate" target="_blank">5分でできるスマホでアフィリエイト</a>
</p>
</div>
</li>
<li class="relation_content_list_item swiper-slide">
<div class="content_item">
<div class="content_item_img">
<a rel="noopener" href="https://ch.dlsite.com/matome/82127?from=event_matome_2007_nijiyomechan_live2d" target="_blank">
<img data-src="//media.dlsite.com/bcs/dlsite/1596121200/bn_2951ef9f13b30ebe0bdb924ddcf1c0eeef790d47.jpg?w=200&h=150&s=30" alt="【無料】にじよめちゃんLive2D素材-私服編配布中!【にじGAME公式】" class="swiper-lazy"></a>
<div class="swiper-lazy-preloader"></div>
</div>
<p class="content_item_title">
<a rel="noopener" href="https://ch.dlsite.com/matome/82127?from=event_matome_2007_nijiyomechan_live2d" target="_blank">【無料】にじよめちゃんLive2D素材-私服編配布中!【にじGAME公式】</a>
</p>
</div>
</li>
<li class="relation_content_list_item swiper-slide">
<div class="content_item">
<div class="content_item_img">
<a rel="noopener" href="https://ch.dlsite.com/matome/78753?from=event_matome_2007_First=half=ranking=N" target="_blank">
<img data-src="//media.dlsite.com/bcs/dlsite/1596121200/bn_e451103a1ea8d656c9a79c98ca5682b847eca6c6.jpg?w=200&h=150&s=30" alt="【同人】2020年上半期ランキング" class="swiper-lazy"></a>
<div class="swiper-lazy-preloader"></div>
</div>
<p class="content_item_title">
<a rel="noopener" href="https://ch.dlsite.com/matome/78753?from=event_matome_2007_First=half=ranking=N" target="_blank">【同人】2020年上半期ランキング</a>
</p>
</div>
</li>
<li class="relation_content_list_item swiper-slide">
<div class="content_item">
<div class="content_item_img">
<a rel="noopener" href="https://www.dlsite.com/maniax/promo/ayakashinostalgia" >
<img data-src="//media.dlsite.com/bcs/dlsite/1572447600/bn_10638d103c8ff72f4e6220f3a5184651d2386fce.jpg?w=200&h=150&s=30" alt="あやかし郷愁譚 全購入で豪華特典をプレゼントするキャンペーン" class="swiper-lazy"></a>
<div class="swiper-lazy-preloader"></div>
</div>
<p class="content_item_title">
<a rel="noopener" href="https://www.dlsite.com/maniax/promo/ayakashinostalgia" target="_blank">あやかし郷愁譚 全購入で豪華特典をプレゼントするキャンペーン</a>
</p>
</div>
</li>
</ul>
</div>
<div class="carousel_arrow_left content-swiper-button-prev"></div>
<div class="carousel_arrow_right content-swiper-button-next"></div>
</div>
</div>
<script>
$(function () {
//作品並びシャッフル
function shuffleContent(container) {
var content = container.find('> li');
var total = content.size();
content.each(function() {
content.eq(Math.floor(Math.random()*total)).prependTo(container);
});
return true;
}
shuffleContent($('.relation_content_list'));
// Swiper3系
var swiper = new Swiper('#content-swiper', {
slidesPerView: 6,
slidesPerGroup: 6,
spaceBetween: 20,
watchSlidesVisibility: true,
nextButton: '.content-swiper-button-next',
prevButton: '.content-swiper-button-prev',
preloadImages: false,
lazy: true,
breakpoints: {
1900: {
slidesPerView: 5,
slidesPerGroup: 5,
},
1620: {
slidesPerView: 4,
slidesPerGroup: 4,
},
1390: {
slidesPerView: 3,
slidesPerGroup: 3,
},
1150: {
slidesPerGroup: 2,
slidesPerView: 2,
}
}
});
//要素表示時読み込み
var scrollIn = function(event) {
var target_rect = document.getElementById('campaign_bcs').getBoundingClientRect();
if (0 < target_rect.top && target_rect.bottom <= window.innerHeight) {
swiper.lazy.load();
window.removeEventListener('scroll', scrollIn, false);
}
};
window.addEventListener('scroll', scrollIn, false);
// ファーストビューに含まれそうならすぐ表示
if (!document.querySelector('#work_name')) {
scrollIn();
}
$('.relation_content_list').show();
});
</script>
</div>
<!-- /main_inner -->
</div>
<!-- /main -->
<template data-vue-component="notice"></template>
</div>
<!-- /wrapper -->
<!-- right -->
<div id="right" data-section_name="right">
<div id="work_buy_box_wrapper" data-vue-component="product-price" data-product-id="BJ138581" data-is-check="" data-is-comingsoon="0" data-section_name="right_work_price">
<div v-if="product.price !== undefined && (product.on_sale || product.is_rental || is_bought || rentaled)" v-cloak class="work_buy_main">
<div id="work_price">
<div v-if="product.on_sale" class="work_buy_type" :class="class_buy_type_sell" @click.stop="buy_type = 'sell'">
<template v-if="product.is_rental">
<!-- 通常購入 -->
<p v-if="is_bought" class="label_static" v-t="'product.price.buy_normal'"></p>
<div v-else class="type_label">
<input type="radio" name="rental" value="sell" id="_form_rental_disable" v-model="buy_type">
<label for="_form_rental_disable" v-t="'product.price.buy_normal'"></label>
</div>
</template>
<div v-if="product.is_discount || product.is_pointup || product.is_limit_work || rentaled" class="campaign_info">
<p v-if="product.is_limit_work" class="type_quantity"><span v-t="'product.title_works.limit_sales'"></span></p>
<p v-if="rentaled" class="type_rental">
<span>{{$t('product.price.discount_rental')}}<span class="limit">あと{{ rentaled.limit }}</span><span class="period">{{ rentaled.period }}まで</span></span>
</p>
<!-- タイムセール -->
<p v-if="product.is_timesale" class="type_sale">
<span>{{$t('product.title_works.limit_sales')}} {{ product.discount_rate == 100 ? $t('product.price.discount_free') : product.discount_rate + '%OFF' }}</span>
</p>
<!-- 割引・無料販売 -->
<template v-else-if="product.is_discount">
<p v-if="product.discount_to" class="type_sale transition">
<a rel="noopener" :href="product.discount_to">
<span>{{ product.discount_rate == 100 ? $t('product.price.discount_free') : product.discount_rate + '%OFF' }}<span v-if="product.discount_end_date" class="period">{{ $t('product.price.til', [product.discount_end_date]) }}</span><span class="fs11" v-t="'product.price.sale_link'"></span></span>
</a>
</p>
<p v-else class="type_sale">
<span>{{ product.discount_rate == 100 ? $t('product.price.discount_free') : product.discount_rate + '%OFF' }}<span class="period" v-if="product.discount_end_date">{{ $t('product.price.til', [product.discount_end_date]) }}</span></span>
</p>
</template>
<!-- ポイント還元 -->
<p v-if="product.is_pointup && (product.product_point || product.default_point)" class="type_point">
<span>{{ $t('product.price.point_return', [product.product_point_rate]) }}<span v-if="product.pointup_end_date" class="period">{{ $t('product.price.til', [product.pointup_end_date]) }}</span></span>
</p>
</div>
<div class="work_buy_container">
<div v-if="isNotRegistered && product.price > 0 && product.on_sale" v-cloak class="coupon_available">
<span class="coupon_available_head">会員登録で<br>クーポンプレゼント!</span>
<div class="coupon_available_inner">
<dl class="coupon_detail">
<dt class="ex">クーポンご利用の場合</dt>
<dd class="total">{{ first_purchase_price | number_format }}<i v-t="'product.price.yen'"></i></dd>
</dl>
</div>
</div>
<div class="work_buy_body" itemprop="offers" itemscope="" itemtype="http://schema.org/Offer">
<meta itemprop="price" :content="real_price">
<meta itemprop="priceCurrency" content="JPY">
<div v-if="rentaled" class="work_buy_label" v-t="'product.price.sale_price'"><!-- 割引価格 --></div>
<div v-else-if="product.is_discount" class="work_buy_label" v-t="'product.price.special_price'"><!-- セール特価 --></div>
<div v-else class="work_buy_label" v-t="'product.price.price'"><!-- 価格 --></div>
<div class="work_buy_content">
<strong v-if="product.is_discount || rentaled" class="price">{{ real_price | number_format }}<i v-t="'product.price.yen'"></i><span v-if="rentaled" class="discount_rate">({{ real_discount_rate }}%OFF)</span></strong>
<span v-else class="price">{{ product.price_str }}<i v-t="'product.price.yen'"></i></span>
</div>
</div>
<div v-if="product.is_discount || rentaled" class="work_buy_body">
<div class="work_buy_label" v-t="'product.price.normal_price'"><!-- 通常価格 --></div>
<div class="work_buy_content"><span class="price strike">{{ product.official_price_str || product.price_str }}<i v-t="'product.price.yen'"></i></span></div>
</div>
<div v-if="real_point" class="work_buy_body">
<div class="work_buy_label" v-t="'product.price.point'"><!-- ポイント --></div>
<div class="work_buy_content">
<strong class="work_point point_up">{{ real_point | number_format }}<i v-if="real_point">pt ({{ $t('product.price.point_return', [real_point_rate]) }})</i><i v-else>pt</i></strong>
</div>
</div>
</div>
</div>
<div v-if="product.is_rental" v-cloak class="work_buy_type" :class="class_buy_type_rental" @click.stop=" ! is_bought && ! rentaled && (buy_type = 'rental')">
<div v-if="product.on_sale && ! is_bought" class="type_label">
<input type="radio" name="rental" value="rental" id="_form_rental_enable" :disabled="is_bought || rentaled" v-model="buy_type">
<label for="_form_rental_enable" v-t="'product.price.rental'"><!-- レンタル --></label>
</div>
<p v-else class="label_static" v-t="'product.price.rental'"><!-- レンタル --></p>
<div class="work_buy_container">
<div class="work_buy_body">
<div class="work_buy_label" v-t="'product.price.price'"><!-- 価格 --></div>
<div class="work_buy_content"><span class="price">{{ rental.price | number_format }}<i v-t="'product.price.yen'"></i></span></div>
</div>
<div class="work_buy_body">
<div class="work_buy_label" v-t="'product.price.rental_period'"><!-- レンタル期間 --></div>
<div class="work_buy_content">
<span v-if="product.work_rentals.length > 1" class="rental_period">
<select name="rental_id" v-model="rental_id" :disabled="is_bought || rentaled">
<option v-for="work_rental in product.work_rentals" :value="work_rental.id">{{ work_rental.time_str }}{{ work_rental.time_unit_jp }}{{ $t('product.price.days') }}</option>
</select>
</span>
<span v-else class="rental_period">{{ rental.time_str }}<i>{{ rental.time_unit_jp }}{{ $t('product.price.days') }}</i></span>
</div>
</div>
<div class="work_buy_body">
<p v-if="user.os == 'Mac'" v-cloak class="work_buy_message" v-html="$t('product.price.guide_rental_mac')"><!-- Mac案内 --></p>
<p v-if="user.ua.os.name == 'Windows' && /^(Vista|XP|2000|ME|98(SE)?|95|3\.1)$/.test(user.ua.os.version)" v-cloak class="work_buy_message" v-html="$t('product.price.guide_rental_win')"><!-- Win案内 --></p>
<ul class="guide_rental">
<!-- レンタル中割引 -->
<li v-if="product.on_sale" v-html="$t('product.price.guide_rented', [ $options.filters.number_format(rental.price), makeUrl('/guide/rental') ])"></li>
<li v-else v-html="$t('product.price.guide_not_rented', [ makeUrl('/guide/rental') ])"></li>
</ul>
</div>
</div>
<!-- /work_buy_container -->
</div>
</div>
<div id="work_buy_btn">
<!-- ダウンロード -->
<template v-if=" ! product.is_sale && is_comingsoon && !is_check">
<div class="pre_work_message">
<span class="title">販売開始予定</span>
<span class="date">1月20日 0時</span>
<span class="note">※状況により販売延期される<br>場合もあります</span>
</div>
</template>
<template v-else-if=" ! product.is_sale && product.on_sale && ! is_check">
<p class="work_sales_end">販売終了しました</p>
</template>
<template v-else>
<template v-if="is_bought">
<p class="work_stream"><a rel="noopener" href="https://play.dlsite.com/?workno=BJ138581" class="btn_st" :class="{ disabled: ! product.dlsiteplay_work || product.dl_format == 16 }" title="ブラウザ視聴" target="_blank">ブラウザ視聴</a></p>
<p class="work_cart"><a :href="product.down_url" class="btn_dl" :class="{ disabled: product.dl_format == 17 }">ダウンロード</a></p>
</template>
<template v-else-if="is_already">
<p class="work_already">既に持っています</p>
</template>
<template v-if="rentaled">
<p class="work_cart"><a href="https://ssl.dlsite.com/comic/download/rental/=/product_id/BJ138581.html" class="btn_dl">ダウンロード</a></p>
</template>
<transition name="popup" mode="out-in">
<p v-if="product.is_rental && ! rentaled && ((product.work_rentals || []).length + ( ! is_bought && product.on_sale ? 1 : 0) > 1) && carted" class="message_cart_in" :key="carted.rental_id"><span>{{ carted.name }}</span>追加済み</p>
</transition>
<template v-if="is_check">
<p class="work_cart">
<a class="btn_cart" v-t="'cart.add_cart'"><!-- カートに入れる --></a>
</p>
</template>
<template v-else-if="buy_type == 'rental' || ! is_bought && ! rentaled && ! product.on_sale">
<p v-if="carted && carted.rental_id == rental.id" class="work_cart">
<a :href="makeUrl('/cart', { rental_id: rental_id, product_id: product.product_id })" class="btn_cart_in" v-t="'cart.in_cart'"><!-- カートに入っています--></a>
</p>
<p v-else class="work_cart">
<a @click.prevent="addCart({ product_id:product.product_id, rental_id: rental.id }); showCartPopup()" :href="makeUrl('/cart', { rental_id: rental_id, product_id: product.product_id })" class="btn_cart" v-t="'cart.add_cart'"><!-- カートに入れる --></a>
</p>
</template>
<template v-else-if=" ! is_bought && product.on_sale">
<p v-if="product.is_sold_out" class="work_cart">
<a href="#" class="btn_cart disabled" v-t="'product.item.sold_out'"></a>
</p>
<p v-else-if="carted && ! carted.rental_id" class="work_cart">
<a :href="makeUrl('/cart', { product_id: product.product_id })" class="btn_cart_in" v-t="'cart.in_cart'"><!-- カートに入っています --></a>
</p>
<template v-else>
<p class="work_cart" v-if="!isAccountLogin">
<a href="https://ssl.dlsite.com/comic/pay/member/=/relayout/cart/buynow/1/product_id/BJ138581.html" class="btn_buy">会員登録して購入</a>
</p>
<p class="work_cart">
<a @click.prevent="addCart({ product_id:product.product_id }); showCartPopup()" :href="makeUrl('/cart', { product_id: product.product_id })" class="btn_cart" v-t="'cart.add_cart'"><!-- カートに入れる --></a>
</p>
<p class="work_cart" v-if="isAccountLogin">
<a href="https://ssl.dlsite.com/comic/pay/member/=/relayout/cart/buynow/1/product_id/BJ138581.html" class="btn_buy">すぐに購入</a>
</p>
</template>
</template>
<!-- お気に入り -->
<p v-if="is_check" class="work_favorite"><a class="btn_favorite" v-t="favorite.add_fav"><!-- お気に入りに追加 --></a></p>
<p v-else-if="product.is_sold_out" class="work_favorite"><a href="#" class="btn_favorite disabled" v-t="'favorite.add_fav'"><!-- お気に入りに追加 --></a></p>
<p v-else-if="! user.customer_id && ! is_favorite" class="work_favorite"><a :href="link.favorite" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
<p v-else-if="user.customer_id && ! is_favorite" class="work_favorite"><a @click.prevent="addFavorite({ product_id:product.product_id })" href="https://www.dlsite.com/comic/mypage/wishlist/=/product_id/BJ138581.html" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
<p v-else class="work_favorite"><a href="https://www.dlsite.com/comic/mypage/wishlist/=/product_id/BJ138581.html" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
<!-- 購入済み作品の場合、作品評価ページへのリンクを表示する -->
<template v-if="is_bought" v-cloak>
<div v-if="is_myrated" class="work_rating" v-cloak><a href="https://www.dlsite.com/comic/mypage/short-review" class="btn_rating_in">作品評価済み</a></div>
<div v-else class="work_rating" v-cloak><a href="https://www.dlsite.com/comic/mypage/short-review" class="btn_rating">作品を評価する</a></div>
</template>
<!-- 多言語の場合、ポイント購入へのリンクを表示する -->
<!-- カートボタン押下時にレコメンドのモーダル表示 -->
<div v-show="this.$store.state.is_carted" class="add_cart_overlay" @click.stop.prevent="function(){ closeRecommend(); $(document.body).removeClass('scrolling_stop'); }">
<div class="add_cart_modal" @click.stop>
<span class="add_cart_close" @click.stop.prevent="function(){ closeRecommend(); $(document.body).removeClass('scrolling_stop'); }"></span>
<div class="add_cart_btn_inner">
<p class="add_cart_note">作品をカートに追加しました</p>
<a v-if="user.customer_id" :href="makeUrl('/cart', { product_id: product.product_id })" v-t="'cart.go_buy'" class="add_cart_btn"><!-- 購入手続きへ --></a>
<a v-else :href="makeUrl('/cart', { product_id: product.product_id })" v-t="'cart.go_cart'" class="add_cart_btn"><!-- カートを見る --></a>
</div>
<cart_recommend v-bind:on_display="this.$store.state.is_carted" :product_id="product_id"></cart_recommend>
</div>
</div>
<!-- /カートボタン押下時にレコメンドのモーダル表示 -->
</template>
</div>
</div>
<div v-else-if="product.price === undefined" class="work_buy_main">
<!-- IE8 or noscript -->
<div id="work_price">
<div class="work_buy_type">
<div class="work_buy_container">
<div class="work_buy_body">
<div class="work_buy_label">価格</div>
<div class="work_buy_content"><span class="price">990<i></i></span></div>
</div>
<div class="work_buy_body">
<div class="work_buy_label">ポイント</div>
<div class="work_buy_content">
<strong class="work_point">
27<i>pt (3%還元)</i>
</strong>
</div>
</div>
</div>
</div>
</div>
<div id="work_buy_btn">
<p class="work_cart _work_cart" id="_work_cart_BJ138581"><a href="https://www.dlsite.com/comic/cart/=/product_id/BJ138581.html" class="btn_cart _btn_cart" id="_btn_cart_BJ138581">カートに入れる</a></p>
<p class="work_favorite _work_favorite" id="_work_favorite_BJ138581"><a href="https://www.dlsite.com/comic/mypage/wishlist/=/product_id/BJ138581.html" class="btn_favorite _btn_favorite" id="_btn_favorite_BJ138581">お気に入りに追加</a></p>
</div>
</div>
<div v-if="product.is_sale && ! is_bought && ! product.is_sold_out && (product.on_sale || product.is_rental)" v-cloak class="floating_cart_box" :class="class_floating_cart_box">
<div class="cart_box_header" @click.prevent="toggleDisplayFloat">{{$t('cart.buy_this')}}<div class="hide" v-t="'cart.hide'"></div></div>
<div class="cart_box_body">
<div class="cart_box_body_inner">
<div class="work_info_wrap">
<div class="work_thumb">
<img src="//img.dlsite.jp/resize/images2/work/books/BJ139000/BJ138581_img_main_240x240.jpg" alt="快楽ヒストリエ [ワニマガジン社]" class="target_type">
</div>
<div class="work_buy_body_wrap">
<div class="work_buy_body">
<div class="work_buy_label" v-t="'product.price.price'"><!-- 価格 --></div>
<div class="work_buy_content">
<strong class="price">{{ real_price | number_format }}<i v-t="'product.price.yen'"></i></strong>
</div>
</div>
<div v-if="product.product_point || product.default_point" class="work_buy_body">
<div class="work_buy_label" v-t="'product.price.point'"><!-- ポイント --></div>
<div class="work_buy_content">
<strong class="work_point">{{ (product.product_point || product.default_point) | number_format }}<i>pt</i></strong>
</div>
</div>
</div>
</div>
<div class="btn_wrap">
<div class="btn_wrap_inner">
<template v-if="buy_type == 'rental' || ! is_bought && ! rentaled && ! product.on_sale">
<p v-if="carted && carted.rental_id == rental.id" class="work_cart">
<a :href="'https://www.dlsite.com/comic/cart/=/rental_id/_rental_/product_id/BJ138581.html'.replace('_rental_', rental_id)" class="btn_cart_in" v-t="'product.item.into_cart_result'"></a>
</p>
<p v-else class="work_cart">
<a @click.prevent="addCart({ product_id:product.product_id, rental_id: rental.id }); showCartPopup()" :href="'https://www.dlsite.com/comic/cart/=/rental_id/_rental_/product_id/BJ138581.html'.replace('_rental_', rental_id)" class="btn_cart" data-link-name="float" v-t="'product.item.into_cart'"></a>
</p>
</template>
<template v-else-if=" ! is_bought && product.on_sale">
<p v-if="carted && ! carted.rental_id" class="work_cart">
<a href="https://www.dlsite.com/comic/cart/=/product_id/BJ138581.html" class="btn_cart_in" v-t="'cart.in_cart_s'"><!-- カートに追加済み --></a>
</p>
<template v-else>
<p class="work_cart" v-if="!isAccountLogin">
<a href="https://ssl.dlsite.com/comic/pay/member/=/relayout/cart/buynow/1/product_id/BJ138581.html" class="btn_buy">会員登録して購入</a>
</p>
<p class="work_cart">
<a @click.prevent="addCart({ product_id:product.product_id }); showCartPopup()" href="https://www.dlsite.com/comic/cart/=/product_id/BJ138581.html" class="btn_cart" data-link-name="float" v-t="'cart.add_cart_s'"><!-- カートに追加 --></a>
</p>
<p class="work_cart" v-if="isAccountLogin">
<a href="https://ssl.dlsite.com/comic/pay/member/=/relayout/cart/buynow/1/product_id/BJ138581.html" class="btn_buy">すぐに購入</a>
</p>
</template>
</template>
<p v-if="user.customer_id && ! is_favorite" class="work_favorite">
<a @click.prevent="addFavorite({ product_id:product.product_id })" href="https://www.dlsite.com/comic/mypage/wishlist/=/product_id/BJ138581.html" class="btn_favorite" v-t="'favorite.add_fav'"><!-- お気に入りに追加 --></a>
</p>
<p v-else class="work_favorite">
<a href="https://www.dlsite.com/comic/mypage/wishlist/=/product_id/BJ138581.html" :class="{ btn_favorite_in: is_favorite, btn_favorite: !is_favorite }" data-link-name="float">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a>
</p>
</div>
</div>
</div>
</div>
</div>
<coupon-obtain
link-coupons="https://www.dlsite.com/comic/coupon/=/ajax/1/product_id/BJ138581.html"
link-obtain="https://www.dlsite.com/comic/get/coupon/=/ajax/1/code/"
>
</coupon-obtain>
<div class="work_privilege_guide" v-if="gift && gift.title || coupons.length || bonuses.length" v-cloak>
<p class="separate_title"><span>購入特典</span></p>
<div class="work_privilege_guide_inner">
<ul>
<li v-if="gift && gift.title">
<p class="label bonus_code">{{ gift.title }}</p>
<p v-if="gift.distribute_end_str" class="distribution_period">
{{ gift.distribute_end_str }}まで配布中
</p>
<p class="body" v-html="gift.description"></p>
</li>
<li v-for="coupon in coupons">
<p class="label coupon" :class="{ type_work: coupon.issue.product_id, type_maker: coupon.issue.maker_id, type_price: ! coupon.issue.product_id && ! coupon.issue.maker_id }">{{ coupon.coupon_name }}</p>
<p v-if="coupon.end_date_str" class="distribution_period" :class="{ type_work: coupon.issue.product_id, type_maker: coupon.issue.maker_id, type_price: ! coupon.issue.product_id && ! coupon.issue.maker_id }">{{ coupon.end_date_str }}まで配布中</p>
<p class="body" v-html="coupon.info"></p>
<p v-if="coupon.user_limit_date" class="period"><span>有効期限:</span>{{ coupon.user_limit_date }}</p>
<p v-else-if="coupon.limit_days_day" class="period">
<span>有効期限:</span>取得から{{ coupon.limit_days_day }}日後
</p>
</li>
<li v-for="bonus in bonuses">
<p class="label limited_benefit">{{ bonus.title }}</p>
<p v-if="bonus.end_date_str" class="distribution_period type_work">
{{ bonus.end_date_str }}まで配布中
</p>
<p class="body" v-html="bonus.description"></p>
</li>
</ul>
</div>
<p v-if="product.is_rental" class="guide_message">レンタルでは購入特典は<br>付与されません。</p>
</div>
<div id="work_device_guide">
<p class="separate_title"><span>閲覧可能な環境</span></p>
<div class="system_requirements">
<ul class="sysreq_list">
<li class="sysreq_list_item type_pc"><i>PC</i></li>
<li class="sysreq_list_item type_ios"><i>iOS</i></li>
<li class="sysreq_list_item type_android"><i>Android</i></li>
</ul>
</div>
<div class="os_popup" :class="{ active: is_display_machine_list }">
<div class="os_popup_header">対応OS</div>
<div class="os_popup_body">
<table>
<tbody>
<tr>
<td>Windows</td>
<td> 7 / 8.1 / 10 </td>
</tr>
<td>iOS</td>
<td>iOS 7.0以上</td>
</tr>
<tr>
<td>Android</td>
<td>Android5.0以上</td>
</tr>
<tr>
<td>その他</td>
<td>-</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="work_buy_guide type_affiliate" v-if="!is_comingsoon && !product.affiliate_deny" v-cloak>
<ul class="guide_list">
<li>
<a href="https://www.dlsite.com/comic/circle/affiliate/link/work/=/product_id/BJ138581.html" v-if="isCircleLogin">アフィリエイトリンク作成</a>
<a href="https://www.dlsite.com/comic/user/affiliate/link/work/=/product_id/BJ138581.html" v-else>アフィリエイトリンク作成</a>
</li>
</ul>
</div>
</div>
</div>
<!-- /right -->
<!-- footer -->
<div id="footer" data-section_name="footer">
<div class="pagetop_block">
<p class="pagetop"><a href="#header">このページの上部へ</a></p>
</div>
<div class="footer_floor_nav">
<ul class="floor_list">
<li class="floor_list_item"><a href="https://www.dlsite.com">総合トップ</a></li>
<li class="floor_list_item"><a href="https://www.dlsite.com/home/">同人</a></li>
<li class="floor_list_item"><a href="https://www.dlsite.com/comic/">コミック</a></li>
<li class="floor_list_item"><a href="https://www.dlsite.com/soft/">PCソフト</a></li>
<li class="floor_list_item sp_switch"><a id="_touch_link" href="https://www.dlsite.com/comic-touch/work/=/product_id/BJ138581.html" data-platform="touch">スマホ版DLsiteへ</a></li></ul>
</div>
<div class="footer_section">
<div class="footer_section_inner">
<div class="link_list_wrap">
<div class="link_list_box col_2">
<div class="label">DLsiteについて</div>
<ul class="link_list">
<li class="link_list_item"><a rel="noopener" href="https://www.eisys.co.jp/company/company-info.html" target="_blank">会社概要</a></li>
<li class="link_list_item"><a rel="noopener" href="https://hrmos.co/pages/eisys/jobs" target="_blank">採用情報</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/comic/user/regulations">利用規約</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/comic/guide/law">特定商取引法に基づく表示</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/comic/guide/settlement">資金決済法に基づく表記</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/comic/guide/privacy">個人情報の取扱いについて</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/comic/mosaic">コンプライアンスポリシー</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/comic/guide/copy">著作権</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/comic/banners">リンクについて</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/comic/sitemap">サイトマップ</a></li>
</ul>
</div>
<div class="link_list_box">
<div class="label">お支払い&amp;ポイント</div>
<ul class="link_list">
<li class="link_list_item"><a href="https://www.dlsite.com/comic/guide/payment">お支払い方法</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/comic/mypage/aboutpoint">ポイントについて</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/comic/guide/pointonly#link_point">ポイント購入方法</a></li>
</ul>
</div>
<div class="link_list_box">
<div class="label">ヘルプ&amp;ガイド</div>
<ul class="link_list">
<li class="link_list_item"><a href="https://www.dlsite.com/comic/welcome">初めての方へ</a></li>
<li class="link_list_item"><a rel="noopener" href="https://www.dlsite.com/comic/faq/=/type/user" target="_blank">よくある質問</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/comic/opinion/contribution">作品リクエスト</a></li>
</ul>
</div>
<div class="link_list_box">
<div class="label">DLsiteのサービス</div>
<ul class="link_list">
<li class="link_list_item"><a href="https://www.dlsite.com/comic/circle/invite">作品を販売したい方へ</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/comic/sell/steam">Steamパブリッシャーサービス</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/comic/guide/affiliate">アフィリエイト</a></li>
<li class="link_list_item"><a href="https://ssl.dlsite.com/comic/mypage/setting/mail">メールマガジン</a></li>
<li class="link_list_item"><a rel="noopener" href="https://www.dlsite.com/event-pub/top.html" target="_blank">広告出稿サービス</a></li>
<li class="link_list_item"><a rel="noopener" href="https://play.dlsite.com/ja" target="_blank">Webビューア DLsite Play</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/comic/guide/dlnest">PCクライアント DLsite Nest</a></li>
</ul>
</div>
</div>
</div>
<div class="footer_section_inner sns">
<div class="label">Twitter公式アカウント</div>
<ul class="footer_sns">
<li class="footer_sns_item"><a rel="noopener" href="https://twitter.com/DLsite" target="_blank" class="twitter_g">全年齢</a></li>
<li class="footer_sns_item"><a rel="noopener" href="https://twitter.com/DLsiteManiax" target="_blank" class="twitter_r18">R18</a></li>
<li class="footer_sns_item"><a rel="noopener" href="https://twitter.com/GirlsManiax" target="_blank" class="twitter_bl">BL</a></li>
<li class="footer_sns_item"><a rel="noopener" href="https://twitter.com/girlsmaniax_OTM" target="_blank" class="twitter_otm">乙女</a></li>
<li class="footer_sns_item"><a rel="noopener" href="https://twitter.com/DLsiteC" target="_blank" class="twitter_comic">Comic</a></li>
<li class="footer_sns_item"><a rel="noopener" href="https://twitter.com/DLsiteR18" target="_blank" class="twitter_comic_r18">Comic R18</a></li>
<li class="footer_sns_item"><a rel="noopener" href="https://twitter.com/DLsiteEnglish" target="_blank" class="twitter_eng">English</a></li>
<li class="footer_sns_item"><a rel="noopener" href="https://twitter.com/DLsite_info" target="_blank" class="twitter_info">広報</a></li>
</ul>
<div class="label">Youtube公式アカウント</div>
<ul class="footer_sns">
<li class="footer_sns_item"><a rel="noopener" href="https://www.youtube.com/channel/UCvcIQvSYDdzE-o3377ZoK_Q" target="_blank" class="youtube_gm">がるまに</a></li>
<li class="footer_sns_item"><a rel="noopener" href="https://www.youtube.com/channel/UCQEN3LsNnqottC2mXx3tAjA" target="_blank" class="youtube_info">広報</a></li>
</ul>
</div>
<div class="footer_section_inner recruit">
<div class="label">採用情報</div>
<ul class="job_list">
<li class="job_list_item new">
<a rel="noopener" href="https://hrmos.co/pages/eisys/jobs/0CJB002" target="_blank">
<div class="job_icon recruit_01">
<img src="/modpub/images/web/common/recruit/icon_recruit_01.png" loading="lazy">
</div>
<div class="job_info">
<p class="job_name">ゲームプランナー</p>
<span class="addition">エイシスサービス全般</span>
</div>
</a>
</li>
<li class="job_list_item new">
<a rel="noopener" href="https://hrmos.co/pages/eisys/jobs/0BEA002" target="_blank">
<div class="job_icon recruit_02">
<img src="/modpub/images/web/common/recruit/icon_recruit_03.png" loading="lazy">
</div>
<div class="job_info">
<p class="job_name">社内情報システム担当</p>
<span class="addition">エイシスサービス全般</span>
</div>
</a>
</li>
<li class="job_list_item new">
<a rel="noopener" href="https://hrmos.co/pages/eisys/jobs/0ADE001" target="_blank">
<div class="job_icon recruit_03">
<img src="/modpub/images/web/common/recruit/icon_recruit_05.png" loading="lazy">
</div>
<div class="job_info">
<p class="job_name">音声ディレクター</p>
<span class="addition">エイシスサービス全般</span>
</div>
</a>
</li>
<li class="job_list_item new">
<a rel="noopener" href="https://hrmos.co/pages/eisys/jobs/0AAM002" target="_blank">
<div class="job_icon recruit_04">
<img src="/modpub/images/web/common/recruit/icon_recruit_17.png" loading="lazy">
</div>
<div class="job_info">
<p class="job_name">【アルバイト】事務スタッフ</p>
<span class="addition">エイシスサービス全般</span>
</div>
</a>
</li>
</ul>
<a rel="noopener" href="https://hrmos.co/pages/eisys/jobs?staff_pc_n" class="recruit_more" target="_blank">採用サイトへ</a>
</div>
<div class="footer_section_inner multilingual">
<div class="link_list_wrap">
<div class="link_list_box">
<div class="label">International</div>
<ul class="link_list type_horizontal">
<li class="link_list_item"><a href="https://www.dlsite.com/home/">日本語</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/eng/">English</a></li>
</ul>
</div>
<div class="link_list_box">
<div class="label">Global Guide</div>
<ul class="link_list type_horizontal">
<li class="link_list_item"><a href="https://www.dlsite.com/eng/welcome">English</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/eng/welcome/deu">Deutsch</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/eng/welcome/fra">Français</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/eng/welcome/ita">Italiano</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/eng/welcome/esp">Español</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/home/welcome">中文</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="copyright">
<div class="container clearfix">
<div id="system">推奨環境最新版のMicrosoft Edge、Safari、Chrome、FirefoxJavaScript・Cookieを許可</div>
<p>&copy; 1996 DLsite</p>
</div>
</div>
</div>
<!-- /footer -->
</div>
<!-- /container -->
<!-- script_footer -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "DLsite",
"alternateName": "DLsite",
"url": "https://www.dlsite.com/"
}
</script>
<div data-vue-component="cookie-policy" data-async="true"></div>
<script type="text/javascript" src="/vue/js/pc/vendor.js?cdn_cache=1&v=0.1.2&_=1601526974"></script>
<script type="text/javascript" src="/vue/js/pc/app.js?cdn_cache=1&v=0.1.2&_=1607570928"></script>
<script type="text/javascript">
(function(document, undefined) {
"use strict";
var $script = document.createElement('script');
$script.src = document.location.protocol + '//banner.eisys-bcs.jp/js/bcs.min.js';
document.body.appendChild($script);
$(window).bind('guestbannerDelete', function(){
var $guest_banner = $('.bcs_viewer').find('.__guest');
if ($.cookie('loginchecked') >= 1 && $guest_banner.length > 0 ) {
$guest_banner.remove();
}
});
})(document);
</script>
<style>
div.measure_tag {
height: 0 !important;
width: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
margin-top: -10000px;
margin-left: -10000px;
float: left;
}
</style>
<div class="measure_tag"></div>
<!-- /script_footer -->
<script type="text/javascript">var contents = {"impression":[],"detail":[{"id":"BJ138581","name":"\u5feb\u697d\u30d2\u30b9\u30c8\u30ea\u30a8","category":"comic","brand":"BG01095","price":900,"regist_date":"2018\/01\/20","image_main":"\/\/img.dlsite.jp\/modpub\/images2\/work\/books\/BJ139000\/BJ138581_img_main.jpg","official_price":"","series_id":"","series_name":"","title_id":"TITLE00040537","title_name":"\u5feb\u697d\u30d2\u30b9\u30c8\u30ea\u30a8"}],"time":0.0003540515899658203};</script>
</body>
</html>