tissue/tests/fixture/DLsite/testGirlsPro.html
2020-01-10 03:58:07 +09:00

2094 lines
110 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="/images/web/common/apple_touch_icon_girls_57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="/images/web/common/apple_touch_icon_girls_72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/images/web/common/apple_touch_icon_girls_76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/images/web/common/apple_touch_icon_girls_114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/images/web/common/apple_touch_icon_girls_120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/web/common/apple_touch_icon_girls_144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/images/web/common/apple_touch_icon_girls_152x152.png">
<meta name="msapplication-config" content="/browserconfig_girls.xml">
<link rel="shortcut icon" href="/images/web/common/favicon.ico">
<link rel="canonical" href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ170641.html">
<link rel="alternate" media="only screen and (max-width: 640px)" href="https://www.dlsite.com/girls-pro-touch/work/=/product_id/BJ170641.html" class="alternate_smartphone" />
<meta name="description" content="昔、告白してくれた地味な同級生・瀬尾は超人気セクシー男優になっていて!?「DLsiteがるまに」はTLコミック・ティーンズラブのダウンロードショップ。お気に入りの作品をすぐダウンロードできてすぐ楽しめる毎日更新しているのであなたが探している作品にきっと出会えます。国内最大級の二次元総合ダウンロードショップ「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/BJ171000/BJ170641_img_main.jpg">
<meta property="og:title" content="×××レクチャー [江口尋] | DLsiteがるまに">
<meta property="og:type" content="website">
<meta property="og:description" content="昔、告白してくれた地味な同級生・瀬尾は超人気セクシー男優になっていて!?「DLsiteがるまに」はTLコミック・ティーンズラブのダウンロードショップ。お気に入りの作品をすぐダウンロードできてすぐ楽しめる毎日更新しているのであなたが探している作品にきっと出会えます。国内最大級の二次元総合ダウンロードショップ「DLsite」">
<meta property="og:url" content="https://www.dlsite.com/girls-pro/work/=/product_id/BJ170641.html">
<meta property="og:image" content="https://img.dlsite.jp/modpub/images2/work/books/BJ171000/BJ170641_img_sam.jpg">
<meta property="og:site_name" content="Girls's Maniax">
<meta property="fb:app_id" content="226115600829997">
<meta property="mixi:device-smartphone" content="https://www.dlsite.com/girlspro-touch/work/=/product_id/BJ170641.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).slice(-10) + '; domain=.dlsite.com; path=/; max-age=63072000'
}
</script>
<link rel="stylesheet" href="/css/reset.css?1570688439" type="text/css" id="reset" />
<link rel="stylesheet" href="/css/default.css?1575516922" type="text/css" id="default" />
<link rel="stylesheet" href="/css/layout_2col_work_girls.css?1552988739" type="text/css" id="layout_2col_work" />
<link rel="stylesheet" href="/css/common_girls.css?1576569011" type="text/css" id="common" />
<link rel="stylesheet" href="/css/switch_girls.css?1568103394" type="text/css" id="switch" />
<link rel="stylesheet" href="/css/suggest.css?1565749496" type="text/css" id="suggest" />
<link rel="stylesheet" href="/css/header_campaign_banner.css?1575516922" type="text/css" id="header_campaign_banner" />
<link rel="stylesheet" href="/assets/share/css/universal/universal.css?" type="text/css" id="universal" />
<link rel="stylesheet" href="/css/work_template_girls.css?1575597029" type="text/css" id="work_template" />
<link rel="stylesheet" href="/css/work_slider.css?1559631936" type="text/css" id="work_slider" />
<script type="text/javascript" src="/js/libs/libraries-pack.js?1502345903"></script>
<script type="text/javascript" src="/js/dlsite_util.js?1561689497"></script>
<script type="text/javascript" src="/js/slide_menu.js?1511946236"></script>
<script type="text/javascript" src="/js/dlsite_suggest.js?1565749496"></script>
<script type="text/javascript" src="/js/dlsite_trigger.js?1544681008"></script>
<script type="text/javascript" src="/js/jquery.slideproduct.js?1574232820"></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/dlsite_thumb_img_popup.js?1487739431"></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_girlspro">
<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=girlspro&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?1566881566';
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" class="hd_cp_banner type_1bn">
<ul class="cp_bn_list">
<li class="cp_bn_item type_23">
<a href="https://www.dlsite.com/girls-drama/promo/yabai-lp">
<div class="cp_bn_inner">
<div class="cp_bn_reminder">
<div class="cp_bn_reminder_content"></div>
</div>
<div class="cp_bn"><img src="/modpub/images/banner/floor_header/bn_190927_girls_drama_free.png"></div>
<div class="cp_bn_work blank"></div>
</div>
</a>
</li>
</ul>
</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">
<a :href="campaign.url">
<div class="cp_bn_inner">
<div class="cp_bn_reminder">
<div class="cp_bn_reminder_content" v-html="campaign.reminder.content"></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/maniax/" class="maniax">同人</a>
<a href="https://www.dlsite.com/books/" class="books">成年コミック</a>
<a href="https://www.dlsite.com/pro/" class="pro">美少女ゲーム</a>
<a href="https://www.dlsite.com/girls/" class="female">女性向け</a>
</li>
<li class="eisysGroupHeaderService-link type-nijiyome">
<a href="https://www.nijiyome.jp?en=dlsite&em=text&et=pc_globalheader_girlspro">にじよめ</a>
</li>
<li class="eisysGroupHeaderService-link type-cien">
<a href="https://ci-en.dlsite.com/?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-studio type-new">
<a href="https://dlsitestudio.com/?pc_globalheader_dlsite">DLsiteスタジオ</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/girls-pro/regist/user" class="eisysGroupRegist-link">新規登録</a>
</li>
<li class="eisysGroupHeaderAccount-link is-active" style="display:none" @mouseover="stopAlert()">
<a href="https://ssl.dlsite.com/girls-pro/login/=/skip_register/1" 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/girls-pro/" target="_blank">アカウント管理</a>
</li>
<li>
<a class="logout" href="https://ssl.dlsite.com/girls-pro/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>
</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="girlspro">
<div id="top_header">
</div>
<!-- header -->
<div id="header">
<header class="l-header" data-vue-component="header" data-search-category="girlspro">
<div class="headerCore">
<div class="headerCore-sub">
<a href="https://www.dlsite.com/girls-pro/" class="logo">
<img src="/images/web/common/logo/pc/logo-dlsite-girls.png" alt="DLsiteがるまに 女性向け" width="241" height="25">
</a>
<!-- 検索 -->
<div class="globalSearch">
<form class="globalSearch-form" action="https://www.dlsite.com/girls-pro/fs" method="post">
<input name="_qf__fulltext_search" type="hidden" value="">
<input name="_layout" type="hidden" value="fs">
<input name="_site" type="hidden" value="girlspro">
<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="girls">乙女向け同人</option>
<option value="girlspro">TLコミック</option>
<option value="girlsdrama">乙女向けドラマCD</option>
<option value="bl">BL同人</option>
<option value="blpro">BLコミック</option>
<option value="bldrama">BLドラマCD</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/girls-pro/fs">詳細検索</a>
</div>
<!-- /検索 -->
<!-- アイコンメニュー -->
<div class="globalNavWrap">
<ul class="globalNav">
<li class="globalNav-item type-favorite">
<a :href="hasUnboughtFavorites ? 'https://www.dlsite.com/girls-pro/mypage/wishlist' : 'https://www.dlsite.com/girls-pro/mypage/wishlist'"><i>お気に入り</i></a><template v-if="hasUnboughtFavorites" v-cloak><a href="https://www.dlsite.com/girls-pro/mypage/wishlist/=/discount/1" class="notificationBadge" >割引になった<br>作品があります</a></template>
</li>
<li class="globalNav-item type-cart"><a href="https://www.dlsite.com/girls-pro/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 rel="noopener" href="https://play.dlsite.com/#/library" target="_blank"><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/"><i>アカウント</i></a>
<a v-else href="https://ssl.dlsite.com/girls-pro/mypage" v-on:click="addAlreadyRead()" v-cloak><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/girls-pro/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/girls-pro/faq/=/type/user" target="_blank"><i>ヘルプ</i></a></li>
<li class="menu_list_item"><a class="link" href="https://www.dlsite.com/girls-pro/welcome"><i>初めての方へ</i></a></li>
<li class="menu_list_item"><a class="link" href="https://www.dlsite.com/girls-pro/circle/invite"><i>サークル登録について</i></a></li>
<li class="menu_list_item"><a class="link" href="https://www.dlsite.com/girls-pro/guide/payment"><i>お支払方法について</i></a></li>
<li class="menu_list_item"><a class="link" href="https://www.dlsite.com/girls-pro/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 type-girls">
<li class="floorTab-item type-tl is-active"><h1><a href="https://www.dlsite.com/girls-pro/">乙女向け/TL</a></h1></li>
<li class="floorTab-item type-bl "><a href="https://www.dlsite.com/bl-pro/">BL</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/girls-pro/mypage/point" class="coupon-text">
ポイント<span class="number" v-text="point">-</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/girls-pro/mypage/coupon/list" class="coupon-text">クーポン<span class="number" v-text="coupons.length">-</span></a>
<transition>
<div v-if="noticeCoupons && displayCouponAlert" v-cloak class="couponNotification">
<p><a href="https://ssl.dlsite.com/girls-pro/mypage/coupon/list">期限間近のクーポンがあります。</a></p>
<p class="couponNotification-close" @click.stop.prevent="confirmCoupon()">閉じる</p>
</div>
</transition>
</li>
</ul>
</div>
</div>
<div class="floorNavLink type-girls">
<div class="floorNavLink-item type-general"><a href="https://www.dlsite.com/comic/">全年齢へ</a></div>
<div class="floorNavLink-item type-adult"><a href="https://www.dlsite.com/books/">男性 R18へ</a></div>
</div>
</div>
<div class="floorSubNav">
<div class="floorSubNav-item">
<ul class="headerNav">
<li class="headerNav-item"><a href="https://www.dlsite.com/girls/" class="doujin">同人</a></li>
<li class="headerNav-item"><a href="https://www.dlsite.com/girls-pro/" class="comic">コミック</a></li>
<li class="headerNav-item"><a href="https://www.dlsite.com/girls-drama/" class="drama">ドラマCD</a></li>
<li class="headerNav-item"><a href="https://www.dlsite.com/girls-pro/girlsgame" class="game">ゲーム</a></li>
<li class="headerNav-item">
<a v-if="isRankingFilterCondition" v-cloak href="https://www.dlsite.com/girls-pro/ranking?date=30d" class="ranking">ランキング</a>
<a v-else href="https://www.dlsite.com/girls-pro/ranking" class="ranking">ランキング</a>
</li>
<li class="headerNav-item"><a href="https://www.dlsite.com/girls-pro/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/girls-pro/logout/=/type/member");
$("li#nav_login").attr("id", "nav_logout");
} else {
// ユーザがログアウト中の表示
// $("li#nav_logout a").attr("title", "ログイン").attr("href", "https://ssl.dlsite.com/girls-pro/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 itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="https://www.dlsite.com/girls-pro/">
<span itemprop="name">
TLコミック
</span>
</a>
<meta itemprop="position" content="1">
</li>
<li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a itemscope="" itemtype="http://schema.org/Thing" itemprop="item" href="https://www.dlsite.com/girls-pro/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 itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="https://www.dlsite.com/girls-pro/circle/profile/=/maker_id/BG01216.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 itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="https://www.dlsite.com/girls-pro/fsr/=/keyword_maker_name/%E3%83%90%E3%83%B3%E3%83%96%E3%83%BC%E3%82%B3%E3%83%9F%E3%83%83%E3%82%AF%E3%82%B9%E3%80%80%E6%81%8B%E3%83%91%E3%83%A9%E3%82%B3%E3%83%AC%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B3%EF%BC%A4%EF%BC%B8+LBL00690/from/work.label">
<span itemprop="name">バンブーコミックス 恋パラコレクションDX</span>
</a>
<meta itemprop="position" content="4">
</li>
<li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<a itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="#">
<span itemprop="name">×××レクチャー</span>
</a>
<meta itemprop="position" content="5">
</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/girls-pro/work/=/product_id/BJ170641.html" itemprop="url">×××レクチャー</a>
</h1>
<template data-vue-component="dlchannel-topic" data-product-id="BJ170641"></template><span class="link_twitter"><a href="https://twitter.com/share" class="twitter-share-button" data-url="https://dlsite.jp/gpwtw/BJ170641" data-text="×××レクチャー/江口尋 (バンブーコミックス 恋パラコレクションDX)" data-lang="ja" data-hashtags="DLsiteがるまに">ツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</span></div>
</div>
<!-- /top_wrapper -->
<!-- wrapper -->
<div id="wrapper">
<!-- 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">
<!-- 王冠/DL数/評価/レビュー ここから -->
<table cellspacing="0" id="work_value" data-vue-component="product-evaluate" data-product-id="BJ170641">
<tr>
<td class="work_rankin">
<table cellspacing="0">
<tr>
<td v-if="product.ranks.total" v-cloak class="crown_total" :title="$t('product.evaluate.ranking_total' , [ product.ranks.total.rank_date, product.ranks.total.rank ])">&nbsp;</td>
<td v-if="product.ranks.year" v-cloak class="crown_year" :title="$t('product.evaluate.ranking_year' , [ product.ranks.year.rank_date , product.ranks.year.rank ])">&nbsp;</td>
<td v-if="product.ranks.month" v-cloak class="crown_month" :title="$t('product.evaluate.ranking_monthly', [ product.ranks.month.rank_date, product.ranks.month.rank ])">&nbsp;</td>
<td v-if="product.ranks.week" v-cloak class="crown_week" :title="$t('product.evaluate.ranking_weekly' , [ product.ranks.week.rank_date , product.ranks.week.rank ])">&nbsp;</td>
<td v-if="product.ranks.day" v-cloak class="crown_hour" :title="$t('product.evaluate.ranking_daily' , [ product.ranks.day.rank_date , product.ranks.day.rank ])">&nbsp;</td>
</tr>
</table>
</td>
<td class="work_rating" v-cloak>
<div class="star_rating_wrap" v-if="product.rate_count > 0">
<div class="star_rating" :class="'star_' + product.rate_average_star" @mouseenter="showRateDetail" @mouseleave="hideRateDetail">({{ product.rate_count }})</div>
<div class="rating_popup bounceInDown" :class="{ open: is_open_rate }" v-if="is_display_rate">
<div class="rating_popup_inner">
<table>
<tbody>
<tr>
<th>平均</th>
<td><p class="rating_score">{{ product.rate_average_2dp }}</p></td>
</tr>
<tr>
<th>内訳</th>
<td>
<dl class="rating_map">
<dt class="rating_map_label">
<p>星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 }})
</dd>
<dt class="rating_map_label">
<p>星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 }})
</dd>
<dt class="rating_map_label">
<p>星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 }})
</dd>
<dt class="rating_map_label">
<p>星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 }})
</dd>
<dt class="rating_map_label">
<p>星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 }})
</dd>
</dl>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</td>
<td v-if="product.review_count" v-cloak class="work_review">
<a class="_review_count" href="#review_link">
<div :title="$t('product.evaluate.with_review')" v-text="product.review_count"></div>
</a>
</td>
</tr>
</table>
<!-- 王冠/DL数/評価/レビュー ここまで -->
<div data-vue-component="product-slider" data-product-id="BJ170641">
<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/BJ171000/BJ170641_img_main.jpg" data-width="317" data-height="450" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ171000/BJ170641_img_main_240x240.jpg"></div>
<div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ171000/BJ170641_img_smp1.jpg" data-width="1408" data-height="1000" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ171000/BJ170641_img_smp1_100x100.jpg"></div>
<div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ171000/BJ170641_img_smp2.jpg" data-width="1408" data-height="1000" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ171000/BJ170641_img_smp2_100x100.jpg"></div>
<div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ171000/BJ170641_img_smp3.jpg" data-width="1408" data-height="1000" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ171000/BJ170641_img_smp3_100x100.jpg"></div>
<div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ171000/BJ170641_img_smp4.jpg" data-width="1408" data-height="1000" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ171000/BJ170641_img_smp4_100x100.jpg"></div>
<div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ171000/BJ170641_img_smp5.jpg" data-width="1408" data-height="1000" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ171000/BJ170641_img_smp5_100x100.jpg"></div>
<div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ171000/BJ170641_img_smp6.jpg" data-width="1408" data-height="1000" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ171000/BJ170641_img_smp6_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/BJ171000/BJ170641_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">
<a rel="noopener" href="https://www.dlsite.com/girls-pro/popup/=/file/smp1/product_id/BJ170641.html" target="_blank">HTML版で表示</a>
<!-- 枚数 -->
<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 id="work_right_inner">
<!-- 作品名、サークル/ブランド/出版社/レーベル/著者名 ここから -->
<div id="work_right_name">
<table id="work_maker">
<tr>
<th>著者</th>
<td>
<a href="https://www.dlsite.com/girls-pro/author/=/author_id/AJ013719">江口尋</a></td>
</tr>
<tr>
<th>出版社名</th>
<td><span itemprop="brand" class="maker_name"><a href="https://www.dlsite.com/girls-pro/circle/profile/=/maker_id/BG01216.html">竹書房</a></span><span class="add_follow" data-vue-component="follow-button" data-follow-key="BG01216" data-follow-name="竹書房" v-cloak><a class="btn_follow" href="https://www.dlsite.com/girls-pro/mypage/followlist/add/=/work_id/BJ170641/product_state/1/maker_id/BG01216.html">フォローする</a></span></td>
</tr>
<tr>
<th>レーベル</th>
<td><span class="maker_name"><a href="https://www.dlsite.com/girls-pro/fsr/=/keyword_maker_name/%E3%83%90%E3%83%B3%E3%83%96%E3%83%BC%E3%82%B3%E3%83%9F%E3%83%83%E3%82%AF%E3%82%B9%E3%80%80%E6%81%8B%E3%83%91%E3%83%A9%E3%82%B3%E3%83%AC%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B3%EF%BC%A4%EF%BC%B8+LBL00690/from/work.label">バンブーコミックス 恋パラコレクションDX</a></span></td>
</tr>
</table>
<span data-vue-component="cien-creator-link" data-vue-async="true" data-maker-id="BG01216"></span>
</div>
<!-- 作品名、サークル/ブランド/出版社/レーベル/著者名 ここまで -->
<table cellspacing="0" id="work_outline">
<tr>
<th>販売日</th>
<td><a href="https://www.dlsite.com/girls-pro/new/=/year/2018/mon/10/day/25/cyear/2018/cmon/10">2018年10月25日</a></td></tr>
<tr><th>作品形式</th><td><div class="work_genre"><a href="https://www.dlsite.com/girls-pro/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/girls-pro/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><div class="work_genre"><a href="https://www.dlsite.com/girls-pro/fsr/=/work_category%5B0%5D/books/coupling_option/TL1/from/icon.work"><span class="icon_TL1" title="ティーンズラブ">ティーンズラブ</span></a></div></td></tr>
<tr><th>ページ数</th><td>181</td></tr>
<tr><th>ジャンル</th><td><div class="main_genre"><a href="https://www.dlsite.com/girls-pro/fsr/=/genre/455/work_category%5B0%5D/books/from/work.genre">ラブコメ</a><a href="https://www.dlsite.com/girls-pro/fsr/=/genre/004/work_category%5B0%5D/books/from/work.genre">ラブラブ/あまあま</a><a href="https://www.dlsite.com/girls-pro/fsr/=/genre/027/work_category%5B0%5D/books/from/work.genre">ティーンズラブ</a><a href="https://www.dlsite.com/girls-pro/fsr/=/genre/140/work_category%5B0%5D/books/from/work.genre">調教</a><a href="https://www.dlsite.com/girls-pro/fsr/=/genre/255/work_category%5B0%5D/books/from/work.genre">メガネ</a><a href="https://www.dlsite.com/girls-pro/fsr/=/genre/409/work_category%5B0%5D/books/from/work.genre">芸能人/アイドル/モデル</a><a href="https://www.dlsite.com/girls-pro/fsr/=/genre/422/work_category%5B0%5D/books/from/work.genre">俺様</a><a href="https://www.dlsite.com/girls-pro/fsr/=/genre/321/work_category%5B0%5D/books/from/work.genre">褐色/日焼け</a>
</div></td></tr>
<tr><th>ファイル容量</th><td><div class="main_genre">
178.53MB</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/girls-pro/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/girls-pro/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 clearfix">
</div>
</div>
<!-- /work_right-->
</div>
<!-- /work_header -->
<!-- work_story -->
<div class="title_01 clearfix"><h2>作品内容</h2></div>
<div itemprop="description" class="work_article work_story">
【あらすじ】<br />
昔、告白してくれた地味な同級生・瀬尾は超人気セクシー男優になっていて!?<br />
「一度もエッチでイッたことがない」のが悩みのOL・樹里は、瀬尾にキモチイイセックスの練習をお願いすることにカラダだけでなく心まで乱されて…!<br />
<br />
×××レクチャーシリーズ他<br />
強面イケメンな彼と一途なピュア恋ビスポークシリーズと題材「エロス」な女流日本画家の触れる相手は…な読み切りを収録した江口尋先生初コミックス!!!<br />
<br />
【収録作品】<br />
×××レクチャー<br />
×××レクチャー Final chapter<br />
いいなりビスポーク<br />
ひたむきビスポーク<br />
好きいろキャンバス<br />
あとがき<br />
★単行本カバー下画像収録★
</div>
<!-- /work_story -->
<!-- spec -->
<!-- /spec -->
<template data-vue-component="product-relation-titles" data-title-id="" data-product-id="BJ170641"></template>
<!-- relation -->
<!-- /relation -->
<!-- same_series -->
<!-- /same_series -->
<!-- same_voice -->
<!-- /same_voice -->
<!-- recommend -->
<div class="title_01 clearfix" data-download-threshold="5"><h2>この作品を買った人はこんな作品も買っています</h2></div>
<div class="work_article clearfix" data-download-threshold="5" data-section_name="work_recommend_viewsales2">
<div class="work_row_wide_list clearfix" data-section_name="recommend_box_viewsales2">
<div class="work_main_list_ncol">
<ul id="_recommend_box_viewsales2" class="mheight_01" style="margin:0 30px">
<li style="float:left;width:175px"></li>
</ul>
<p class="carousel_arrow_left"><input id="_recommend_prev_viewsales2" class="carousel_left disable" type="button" value="&lt;&lt;" disabled="disabled"></p>
<p class="carousel_arrow_right"><input id="_recommend_next_viewsales2" class="carousel_right" type="button" value="&gt;&gt;"></p>
</div>
</div>
<script type="text/javascript">
jQuery(function($){
// パラメータ設定
var
$wrapper = $('#_recommend_box_viewsales2'),
_prev = '#_recommend_prev_viewsales2',
_next = '#_recommend_next_viewsales2',
listUrl = [
'https://www.dlsite.com/girls-pro/load/recommend/=/type/viewsales2/product_id/BJ170641/layout/work/reject/BG01216',
null
],
detailUrl = 'https://www.dlsite.com/girls-pro/load/recommend/detail/=/button/1/rec/rec_work_viewsales2',
rejectUrl = 'https://www.dlsite.com/girls-pro/load/not/interest/=/uid/' + $.cookie('uid'),
silverEgg = 'dlsite.silveregg.net'
;
// スライダー作成
$wrapper.slideProduct($.extend(
{
'listUrl' : listUrl,
'detailUrl' : detailUrl,
'rejectUrl' : rejectUrl,
'onDelete' : function($item){
// 表示する作品が0件の場合、表示エリアを削除
$item.parents('.work_row_wide_list').prev('.title_sub_free').remove();
$item.parents('.work_row_wide_list').prev('.title_01').remove();
$item.parents('.work_row_wide_list').remove();
},
'silverEgg' : silverEgg
},
_prev.length ? {'prevButton': _prev, 'nextButton': _next} : {}
))
.delegate('#dummy,a.btn_cart,a.btn_favorite,a.btn_nodisplay,a.btn_possession', 'click', function(e){
var cl = $(e.target).attr('class');
var op = {
'cart' :{'u':'cart', 's':'_in', 'm':'追加済み'},
'favorite' :{'u':'wishlist', 's':'_in', 'm':'お気に入り追加済み'},
'nodisplay' :{'u':'nothanks_s','s':'_end','m':'設定済み', 'c':'設定済み[オススメに表示しない]'},
'possession':{'u':'already_s', 's':'_end','m':'設定済み', 'c':'設定済み[他で持っている]'}
}[cl.substr(4)];
if (op) {
$(e.target).parents('.__sp_detail').updateProduct();
$(e.target).attr('data-link-name', 'recommend');
$.get(
'https://www.dlsite.com/girls-pro/cart/ajax/=/obj_nocheck/1/mode/'+op.u+'/'+$(e.target).attr('href').match(/product_id\/[^\.\/]+/)[0],
function(){ $(e.target).removeClass(cl).addClass(cl + op.s).text(op.m).attr('title', op.c||op.m) }
);
e.preventDefault();
}
});
var $target_blocks = $('.work_main_list_ncol');
$target_blocks.each(function () {
if ($(this).thumbImgPopup !== undefined) {
$(this).thumbImgPopup();
$(this).setBlockViewSetting('mheight_01','__sp_detail','end');
};
});
});
</script>
</div>
<script>
$(document).bind(
'ajaxSuccess',
function(e, p, xhr, res){
if (res && res['BJ170641'] && res['BJ170641']['dl_count'] !== undefined && res['BJ170641']['dl_count'] !== null)
{
var dl_count = res['BJ170641']['dl_count'];
$('[data-download-threshold]').each(function(){
var $this = $(this);
dl_count >= $this.attr('data-download-threshold') ? $this.show() : $this.hide();
});
}
var $target_blocks = $('.work_main_list_ncol');
$target_blocks.each(function () {
if ($(this).thumbImgPopup !== undefined) {
$(this).thumbImgPopup();
$(this).setBlockViewSetting('mheight_01','__sp_detail','end');
};
});
}
);
</script>
<div class="title_01 clearfix"><h2>こちらの作品も見られています</h2></div>
<div class="work_article clearfix" data-section_name="work_recommend_viewsales">
<div class="work_row_wide_list clearfix" data-section_name="recommend_box_viewsalesgenresaleshistory">
<div class="work_main_list_ncol">
<ul id="_recommend_box_viewsalesgenresaleshistory" class="mheight_01" style="margin:0 30px">
<li style="float:left;width:175px"></li>
</ul>
<p class="carousel_arrow_left"><input id="_recommend_prev_viewsalesgenresaleshistory" class="carousel_left disable" type="button" value="&lt;&lt;" disabled="disabled"></p>
<p class="carousel_arrow_right"><input id="_recommend_next_viewsalesgenresaleshistory" class="carousel_right" type="button" value="&gt;&gt;"></p>
</div>
</div>
<script type="text/javascript">
jQuery(function($){
// パラメータ設定
var
$wrapper = $('#_recommend_box_viewsalesgenresaleshistory'),
_prev = '#_recommend_prev_viewsalesgenresaleshistory',
_next = '#_recommend_next_viewsalesgenresaleshistory',
listUrl = [
'https://www.dlsite.com/girls-pro/load/recommend/=/type/viewsales/product_id/BJ170641/layout/work/reject/BG01216'.replace('item', 'deqwas'),
'https://www.dlsite.com/girls-pro/load/recommend/=/type/genre/product_id/BJ170641/layout/work/reject/BG01216'.replace('item', 'deqwas'),
'https://www.dlsite.com/girls-pro/load/recommend/=/type/sales/product_id/BJ170641/layout/work/reject/BG01216',
'https://www.dlsite.com/girls-pro/load/recommend/=/type/history/product_id/BJ170641/layout/work/reject/BG01216',
null
],
detailUrl = 'https://www.dlsite.com/girls-pro/load/recommend/detail/=/button/1/rec/rec_work_viewsales_genre_sales_history',
rejectUrl = 'https://www.dlsite.com/girls-pro/load/not/interest/=/uid/' + $.cookie('uid'),
silverEgg = 'dlsite.silveregg.net'
;
// スライダー作成
$wrapper.slideProduct($.extend(
{
'listUrl' : listUrl,
'detailUrl' : detailUrl,
'rejectUrl' : rejectUrl,
'onDelete' : function($item){
// 表示する作品が0件の場合、表示エリアを削除
$item.parents('.work_row_wide_list').prev('.title_sub_free').remove();
$item.parents('.work_row_wide_list').prev('.title_01').remove();
$item.parents('.work_row_wide_list').remove();
},
'silverEgg' : silverEgg
},
_prev.length ? {'prevButton': _prev, 'nextButton': _next} : {}
))
.delegate('#dummy,a.btn_cart,a.btn_favorite,a.btn_nodisplay,a.btn_possession', 'click', function(e){
var cl = $(e.target).attr('class');
var op = {
'cart' :{'u':'cart', 's':'_in', 'm':'追加済み'},
'favorite' :{'u':'wishlist', 's':'_in', 'm':'お気に入り追加済み'},
'nodisplay' :{'u':'nothanks_s','s':'_end','m':'設定済み', 'c':'設定済み[オススメに表示しない]'},
'possession':{'u':'already_s', 's':'_end','m':'設定済み', 'c':'設定済み[他で持っている]'}
}[cl.substr(4)];
if (op) {
$(e.target).parents('.__sp_detail').updateProduct();
$(e.target).attr('data-link-name', 'recommend');
$.get(
'https://www.dlsite.com/girls-pro/cart/ajax/=/obj_nocheck/1/mode/'+op.u+'/'+$(e.target).attr('href').match(/product_id\/[^\.\/]+/)[0],
function(){ $(e.target).removeClass(cl).addClass(cl + op.s).text(op.m).attr('title', op.c||op.m) }
);
e.preventDefault();
}
});
var $target_blocks = $('.work_main_list_ncol');
$target_blocks.each(function () {
if ($(this).thumbImgPopup !== undefined) {
$(this).thumbImgPopup();
$(this).setBlockViewSetting('mheight_01','__sp_detail','end');
};
});
});
</script>
</div>
<!-- /recommend -->
<div class="title_01 clearfix"><h2>最近チェックした作品</h2></div>
<div class="work_article clearfix" data-section_name="work_recommend_history">
<div class="work_row_wide_list clearfix" data-section_name="recommend_box_history">
<div class="work_main_list_ncol">
<ul id="_recommend_box_history" class="mheight_01" style="margin:0 30px">
<li style="float:left;width:175px"></li>
</ul>
<p class="carousel_arrow_left"><input id="_recommend_prev_history" class="carousel_left disable" type="button" value="&lt;&lt;" disabled="disabled"></p>
<p class="carousel_arrow_right"><input id="_recommend_next_history" class="carousel_right" type="button" value="&gt;&gt;"></p>
</div>
</div>
<script type="text/javascript">
jQuery(function($){
// パラメータ設定
var
$wrapper = $('#_recommend_box_history'),
_prev = '#_recommend_prev_history',
_next = '#_recommend_next_history',
listUrl = [
'https://www.dlsite.com/girls-pro/load/recommend/=/type/history/product_id/BJ170641/layout/work/reject/',
null
],
detailUrl = 'https://www.dlsite.com/girls-pro/load/recommend/detail/=/button/1/rec/rec_work_history',
rejectUrl = 'https://www.dlsite.com/girls-pro/load/not/interest/=/uid/' + $.cookie('uid'),
silverEgg = 'dlsite.silveregg.net'
;
// スライダー作成
$wrapper.slideProduct($.extend(
{
'listUrl' : listUrl,
'detailUrl' : detailUrl,
'rejectUrl' : rejectUrl,
'onDelete' : function($item){
// 表示する作品が0件の場合、表示エリアを削除
$item.parents('.work_row_wide_list').prev('.title_sub_free').remove();
$item.parents('.work_row_wide_list').prev('.title_01').remove();
$item.parents('.work_row_wide_list').remove();
},
'silverEgg' : silverEgg
},
_prev.length ? {'prevButton': _prev, 'nextButton': _next} : {}
))
.delegate('#dummy,a.btn_cart,a.btn_favorite,a.btn_nodisplay,a.btn_possession', 'click', function(e){
var cl = $(e.target).attr('class');
var op = {
'cart' :{'u':'cart', 's':'_in', 'm':'追加済み'},
'favorite' :{'u':'wishlist', 's':'_in', 'm':'お気に入り追加済み'},
'nodisplay' :{'u':'nothanks_s','s':'_end','m':'設定済み', 'c':'設定済み[オススメに表示しない]'},
'possession':{'u':'already_s', 's':'_end','m':'設定済み', 'c':'設定済み[他で持っている]'}
}[cl.substr(4)];
if (op) {
$(e.target).parents('.__sp_detail').updateProduct();
$(e.target).attr('data-link-name', 'recommend');
$.get(
'https://www.dlsite.com/girls-pro/cart/ajax/=/obj_nocheck/1/mode/'+op.u+'/'+$(e.target).attr('href').match(/product_id\/[^\.\/]+/)[0],
function(){ $(e.target).removeClass(cl).addClass(cl + op.s).text(op.m).attr('title', op.c||op.m) }
);
e.preventDefault();
}
});
var $target_blocks = $('.work_main_list_ncol');
$target_blocks.each(function () {
if ($(this).thumbImgPopup !== undefined) {
$(this).thumbImgPopup();
$(this).setBlockViewSetting('mheight_01','__sp_detail','end');
};
});
});
</script>
</div>
<!-- review -->
<div class="title_01 clearfix" id="review_link"><h2>ユーザーレビュー</h2></div>
<div class="work_article" id="work_review" data-section_name="work_review">
<div class="review_head">
<p class="float_l review_count">レビュー数 : <span class="review_work_count">0件</span></p>
</div>
<!-- work_review_list -->
<table id="work_review_list" cellspacing="0">
</table>
<table class="review_write">
<tr>
<td>
<p class="base_text">この作品に最初のレビューを書いてみませんか?</p>
</td>
<td><div class="review_btn"><a href="https://www.dlsite.com/girls-pro/review/write/work/=/product_id/BJ170641.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/girls-pro/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/29480?dls=&k_matome_girls-pro_pc" target="_blank">
<img src="https://media.dlsite.com/proxy/c48c849c980f9e2b3864709e3b5dd81a59acb9e3/687474703a2f2f696d672e646c736974652e6a702f6d6f647075622f696d61676573322f776f726b2f646f756a696e2f524a3232333030302f524a3232323932345f696d675f6d61696e2e6a7067" alt="知らなかった快感を教え込まれて――もう戻れない【AV男優】特集"
title="知らなかった快感を教え込まれて――もう戻れない【AV男優】特集"></a>
</div>
<p class="matome_content_title">
<a href="https://ch.dlsite.com/matome/29480?dls=&k_matome_girls-pro_pc"
rel="noopener" target="_blank">知らなかった快感を教え込まれて――もう戻れない【AV男優】特集</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/395463/contents?mode=matome"
rel="noopener" target="_blank">すべてのまとめ記事を見る1件</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',
breakpoints: {
1900: {
slidesPerView: 5,
slidesPerGroup: 5,
},
1620: {
slidesPerView: 4,
slidesPerGroup: 4,
},
1390: {
slidesPerView: 3,
slidesPerGroup: 3,
},
1150: {
slidesPerGroup: 2,
slidesPerView: 2,
}
}
});
$('.matome_box').show();
});
</script>
</div>
<!-- /main_inner -->
</div>
<!-- /main -->
</div>
<!-- /wrapper -->
<!-- right -->
<div id="right" data-section_name="right">
<div id="work_buy_box_wrapper" data-vue-component="product-price" data-product-id="BJ170641" 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 || rentaled" class="campaign_info">
<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_discount" class="type_sale">
<a rel="noopener" v-if="product.discount_to" :href="product.discount_to" :title="product.discount_rate == 100 ? $t('product.price.discount_free') : product.discount_rate + '%OFF'" target="_blank">
<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>
</a>
<span v-else>{{ 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>
<!-- ポイント還元 -->
<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 class="work_buy_body">
<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 }}<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">10月25日 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=BJ170641" 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/girls-pro/download/rental/=/product_id/BJ170641.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="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>
<p v-else 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>
</template>
<!-- お気に入り -->
<p v-if="is_check" class="work_favorite"><a class="btn_favorite" v-t="favorite.add_fav"><!-- お気に入りに追加 --></a></p>
<p v-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/girls-pro/mypage/wishlist/=/product_id/BJ170641.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/girls-pro/mypage/wishlist/=/product_id/BJ170641.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/girls-pro/mypage/short-review" class="btn_rating_in">作品評価済み</a></div>
<div v-else class="work_rating" v-cloak><a href="https://www.dlsite.com/girls-pro/mypage/short-review" class="btn_rating">作品を評価する</a></div>
</template>
<div v-show="is_display_cart_popup" class="add_cart_popup_container">
<div class="add_cart_popup">
<p class="add_cart_title" v-t="'cart.added_cart'"><!-- カートに追加しました --></p>
<div class="add_cart_btn type_go_cart">
<a v-if="user.customer_id" :href="makeUrl('/cart', { product_id: product.product_id })" v-t="'cart.go_buy'"><!-- 購入手続きへ --></a>
<a v-else :href="makeUrl('/cart', { product_id: product.product_id })" v-t="'cart.go_cart'"><!-- カートを見る --></a>
</div>
</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">682<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">
18<i>pt (3%還元)</i>
</strong>
</div>
</div>
</div>
</div>
</div>
<div id="work_buy_btn">
<p class="work_cart _work_cart" id="_work_cart_BJ170641"><a href="https://www.dlsite.com/girls-pro/cart/=/product_id/BJ170641.html" class="btn_cart _btn_cart" id="_btn_cart_BJ170641">カートに入れる</a></p>
<p class="work_favorite _work_favorite" id="_work_favorite_BJ170641"><a href="https://www.dlsite.com/girls-pro/mypage/wishlist/=/product_id/BJ170641.html" class="btn_favorite _btn_favorite" id="_btn_favorite_BJ170641">お気に入りに追加</a></p>
</div>
</div>
<div v-if="product.is_sale && ! is_bought && (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_thumb">
<img src="//img.dlsite.jp/modpub/images2/work/books/BJ171000/BJ170641_img_sam.jpg" alt="×××レクチャー [竹書房]" class="target_type" />
</div>
<template v-if="product.is_rental">
<div v-if="product.on_sale" class="cart_box_type" :class="{ select: buy_type == 'sell' }" @click.prevent="buy_type = 'sell'">
<div class="type_label">
<input type="radio" name="buy_type_display" id="buy_type_display" :checked="buy_type == 'sell'">
<label for="buy_type_display" v-t="'product.price.buy_normal'"></label>
</div>
<div class="work_buy_body">
<p class="work_price"><span>{{ real_price | number_format }}{{ $t('product.price.yen') }}</span>&nbsp;<span class="gray">/</span>&nbsp;<span class="work_point">{{ product.product_point || product.default_point }}pt</span></p>
</div>
</div>
<div v-for="work_rental in product.work_rentals" class="cart_box_type" :class="{ select: buy_type == 'rental' && rental_id == work_rental.id, disabled: rentaled }" @click.prevent=" ! rentaled && (buy_type = 'rental') && (rental_id = work_rental.id)">
<div v-if="product.on_sale || product.work_rentals.length > 1" class="type_label">
<input type="radio" name="buy_type_display" :id="'by_type_display_' + work_rental.id" :disabled="rentaled" :checked="buy_type == 'rental' && rental_id == work_rental.id">
<label :for="'by_type_display_' + work_rental.id" v-t="'product.price.rental'"><!-- レンタル --></label>
</div>
<p v-else class="label_static" v-t="'product.price.rental'"><!-- レンタル --></p>
<div class="work_buy_body">
<div class="work_buy_label rental_period">{{ work_rental.time_str }}{{ work_rental.time_unit_jp }}{{ $t('product.price.days') }}</div>
<div class="work_buy_content">
<p class="work_price"><span>{{ work_rental.price | number_format }}{{ $t('product.price.yen') }}</span></p>
</div>
</div>
</div>
</template>
<template v-else>
<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 }}<i>pt</i></strong>
</div>
</div>
</template>
<div class="btn_wrap">
<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/girls-pro/cart/=/rental_id/_rental_/product_id/BJ170641.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 })" :href="'https://www.dlsite.com/girls-pro/cart/=/rental_id/_rental_/product_id/BJ170641.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/girls-pro/cart/=/product_id/BJ170641.html" class="btn_cart_in" v-t="'cart.in_cart_s'"><!-- カートに追加済み --></a>
</p>
<p v-else class="work_cart">
<a @click.prevent="addCart({ product_id:product.product_id })" href="https://www.dlsite.com/girls-pro/cart/=/product_id/BJ170641.html" class="btn_cart" data-link-name="float" v-t="'cart.add_cart_s'"><!-- カートに追加 --></a>
</p>
</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/girls-pro/mypage/wishlist/=/product_id/BJ170641.html" class="btn_favorite" v-t="'favorite.add_fav'"><!-- お気に入りに追加 --></a>
</p>
<p v-else class="work_favorite">
<a href="https://www.dlsite.com/girls-pro/mypage/wishlist/=/product_id/BJ170641.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 class="work_privilege_guide" v-if="gift && gift.title || coupons.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>
</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/girls-pro/circle/affiliate/link/work/=/product_id/BJ170641.html" v-if="isCircleLogin">アフィリエイトリンク作成</a>
<a href="https://www.dlsite.com/girls-pro/user/affiliate/link/work/=/product_id/BJ170641.html" v-else>アフィリエイトリンク作成</a>
</li>
</ul>
</div>
</div>
<div class="right_module" id="same_work " data-section_name="right_work_same_circle">
<h3>著者作品一覧</h3>
<div class="right_module_content">
<table cellspacing="0" class="same_work">
<tr>
<td class="work_img">
<a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ219244.html" data-vue-component="thumb-img-popup">
<img src="//img.dlsite.jp/modpub/images2/work/books/BJ220000/BJ219244_img_sam_mini.jpg" alt="ビスポークエンゲージ【短編】 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
<div v-cloak class="work_img_popover flip">
<img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ220000/BJ219244_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="ビスポークエンゲージ【短編】 [竹書房]">
</div>
</a>
</td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ219244.html">ビスポークエンゲージ【短編】</a></span>
<span class="work_price">¥220</span>
</td>
</tr>
<tr>
<td class="work_img">
<a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ212670.html" data-vue-component="thumb-img-popup">
<img src="//img.dlsite.jp/modpub/images2/work/books/BJ213000/BJ212670_img_sam_mini.jpg" alt="うそつきミルフイユ【電子限定描き下ろし漫画付き】 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
<div v-cloak class="work_img_popover flip">
<img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ213000/BJ212670_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="うそつきミルフイユ【電子限定描き下ろし漫画付き】 [竹書房]">
</div>
</a>
</td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ212670.html">うそつきミルフイユ【電子限定描き下ろし漫画付き】</a></span>
<span class="work_price">¥682</span>
</td>
</tr>
<tr>
<td class="work_img">
<a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ210549.html" data-vue-component="thumb-img-popup">
<img src="//img.dlsite.jp/modpub/images2/work/books/BJ211000/BJ210549_img_sam_mini.jpg" alt="うそつきミルフイユ【短編】5piece [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
<div v-cloak class="work_img_popover flip">
<img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ211000/BJ210549_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="うそつきミルフイユ【短編】5piece [竹書房]">
</div>
</a>
</td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ210549.html">うそつきミルフイユ【短編】5piece</a></span>
<span class="work_price">¥110</span>
</td>
</tr>
<tr>
<td class="work_img">
<a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179272.html" data-vue-component="thumb-img-popup">
<img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179272_img_sam_mini.jpg" alt="×××レクチャー  ×××レクチャー【分冊版】2 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
<div v-cloak class="work_img_popover flip">
<img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179272_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="×××レクチャー  ×××レクチャー【分冊版】2 [竹書房]">
</div>
</a>
</td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179272.html">×××レクチャー  ×××レクチャー【分冊版】2</a></span>
<span class="work_price">¥110</span>
</td>
</tr>
<tr>
<td class="work_img">
<a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179275.html" data-vue-component="thumb-img-popup">
<img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179275_img_sam_mini.jpg" alt="いいなりビスポーク  ×××レクチャー【分冊版】5 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
<div v-cloak class="work_img_popover flip">
<img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179275_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="いいなりビスポーク  ×××レクチャー【分冊版】5 [竹書房]">
</div>
</a>
</td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179275.html">いいなりビスポーク  ×××レクチャー【分冊版】5</a></span>
<span class="work_price">¥110</span>
</td>
</tr>
<tr>
<td class="work_img">
<a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179278.html" data-vue-component="thumb-img-popup">
<img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179278_img_sam_mini.jpg" alt="ひたむきビスポーク  ×××レクチャー【分冊版】8 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
<div v-cloak class="work_img_popover flip">
<img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179278_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="ひたむきビスポーク  ×××レクチャー【分冊版】8 [竹書房]">
</div>
</a>
</td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179278.html">ひたむきビスポーク  ×××レクチャー【分冊版】8</a></span>
<span class="work_price">¥110</span>
</td>
</tr>
<tr>
<td class="work_img">
<a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179273.html" data-vue-component="thumb-img-popup">
<img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179273_img_sam_mini.jpg" alt="×××レクチャー Final chapter  ×××レクチャー【分冊版】3 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
<div v-cloak class="work_img_popover flip">
<img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179273_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="×××レクチャー Final chapter  ×××レクチャー【分冊版】3 [竹書房]">
</div>
</a>
</td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179273.html">×××レクチャー Final chapter  ×××レクチャー【分冊版】3</a></span>
<span class="work_price">¥110</span>
</td>
</tr>
<tr>
<td class="work_img">
<a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179276.html" data-vue-component="thumb-img-popup">
<img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179276_img_sam_mini.jpg" alt="いいなりビスポーク  ×××レクチャー【分冊版】6 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
<div v-cloak class="work_img_popover flip">
<img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179276_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="いいなりビスポーク  ×××レクチャー【分冊版】6 [竹書房]">
</div>
</a>
</td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179276.html">いいなりビスポーク  ×××レクチャー【分冊版】6</a></span>
<span class="work_price">¥110</span>
</td>
</tr>
<tr>
<td class="work_img">
<a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179279.html" data-vue-component="thumb-img-popup">
<img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179279_img_sam_mini.jpg" alt="好きいろキャンバス  ×××レクチャー【分冊版】9 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
<div v-cloak class="work_img_popover flip">
<img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179279_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="好きいろキャンバス  ×××レクチャー【分冊版】9 [竹書房]">
</div>
</a>
</td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179279.html">好きいろキャンバス  ×××レクチャー【分冊版】9</a></span>
<span class="work_price">¥110</span>
</td>
</tr>
<tr>
<td class="work_img">
<a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179271.html" data-vue-component="thumb-img-popup">
<img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179271_img_sam_mini.jpg" alt="×××レクチャー  ×××レクチャー【分冊版】1 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
<div v-cloak class="work_img_popover flip">
<img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179271_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="×××レクチャー  ×××レクチャー【分冊版】1 [竹書房]">
</div>
</a>
</td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179271.html">×××レクチャー  ×××レクチャー【分冊版】1</a></span>
<span class="work_price">¥110</span>
</td>
</tr>
<tr>
<td class="work_img">
<a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179274.html" data-vue-component="thumb-img-popup">
<img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179274_img_sam_mini.jpg" alt="×××レクチャー Final chapter  ×××レクチャー【分冊版】4 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
<div v-cloak class="work_img_popover flip">
<img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179274_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="×××レクチャー Final chapter  ×××レクチャー【分冊版】4 [竹書房]">
</div>
</a>
</td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179274.html">×××レクチャー Final chapter  ×××レクチャー【分冊版】4</a></span>
<span class="work_price">¥110</span>
</td>
</tr>
<tr>
<td class="work_img">
<a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179277.html" data-vue-component="thumb-img-popup">
<img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179277_img_sam_mini.jpg" alt="ひたむきビスポーク  ×××レクチャー【分冊版】7 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
<div v-cloak class="work_img_popover flip">
<img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179277_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="ひたむきビスポーク  ×××レクチャー【分冊版】7 [竹書房]">
</div>
</a>
</td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179277.html">ひたむきビスポーク  ×××レクチャー【分冊版】7</a></span>
<span class="work_price">¥110</span>
</td>
</tr>
<tr>
<td class="work_img">
<a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179280.html" data-vue-component="thumb-img-popup">
<img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179280_img_sam_mini.jpg" alt="好きいろキャンバス  ×××レクチャー【分冊版】10 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
<div v-cloak class="work_img_popover flip">
<img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179280_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="好きいろキャンバス  ×××レクチャー【分冊版】10 [竹書房]">
</div>
</a>
</td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179280.html">好きいろキャンバス  ×××レクチャー【分冊版】10</a></span>
<span class="work_price">¥110</span>
</td>
</tr>
<tr>
<td class="work_img">
<a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ202753.html" data-vue-component="thumb-img-popup">
<img src="//img.dlsite.jp/modpub/images2/work/books/BJ203000/BJ202753_img_sam_mini.jpg" alt="うそつきミルフイユ【短編】4piece [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
<div v-cloak class="work_img_popover flip">
<img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ203000/BJ202753_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="うそつきミルフイユ【短編】4piece [竹書房]">
</div>
</a>
</td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ202753.html">うそつきミルフイユ【短編】4piece</a></span>
<span class="work_price">¥110</span>
</td>
</tr>
<tr>
<td class="work_img">
<a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ197414.html" data-vue-component="thumb-img-popup">
<img src="//img.dlsite.jp/modpub/images2/work/books/BJ198000/BJ197414_img_sam_mini.jpg" alt="禁断Lovers Vol.096 [ぶんか社]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
<div v-cloak class="work_img_popover flip">
<img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ198000/BJ197414_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="禁断Lovers Vol.096 [ぶんか社]">
</div>
</a>
</td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ197414.html">禁断Lovers Vol.096</a></span>
<span class="work_price">¥660</span>
</td>
</tr>
</table>
<p class="more_right"><a href="https://www.dlsite.com/girls-pro/fsr/=/keyword_maker_name/AJ013719/from/work.same_author">作品をもっと見る</a></p>
</div>
</div>
</div>
<!-- /right -->
<!-- footer -->
<div id="footer" data-section_name="footer">
<div class="pagetop_block">
<p class="pagetop"><a href="#header">PAGE TOP</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/girls/">同人</a></li>
<li class="floor_list_item"><a href="https://www.dlsite.com/girls-pro/">コミック</a></li>
<li class="floor_list_item"><a href="https://www.dlsite.com/girls-drama/">ドラマCD</a></li>
<li class="floor_list_item"><a href="https://www.dlsite.com/girls-pro/girlsgame">PCゲーム</a></li>
<li class="floor_list_item sp_switch"><a id="_touch_link" href="https://www.dlsite.com/girls-pro-touch/work/=/product_id/BJ170641.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://eisys.talentcld.com/" target="_blank">採用情報</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/girls-pro/user/regulations">利用規約</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/girls-pro/guide/law">特定商取引法に基づく表示</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/girls-pro/guide/settlement">資金決済法に基づく表記</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/girls-pro/guide/privacy">個人情報の取扱いについて</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/girls-pro/mosaic">コンプライアンスポリシー</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/girls-pro/guide/copy">著作権</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/girls-pro/banners">リンクについて</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/girls-pro/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/girls-pro/guide/payment">お支払い方法</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/girls-pro/mypage/aboutpoint">ポイントについて</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/girls-pro/guide/pointonly#link_point">ポイント購入方法</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/girls-pro/show/pointitem">ポイント交換アイテム</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/girls-pro/welcome">初めての方へ</a></li>
<li class="link_list_item"><a rel="noopener" href="https://www.dlsite.com/girls-pro/faq/=/type/user" target="_blank">よくある質問</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/girls-pro/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/girls-pro/circle/invite">作品を販売したい方へ</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/girls-pro/sell/steam">Steamパブリッシャーサービス</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/girls-pro/guide/affiliate">アフィリエイト</a></li>
<li class="link_list_item"><a href="https://ssl.dlsite.com/girls-pro/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/girls-pro/guide/dlnest">PCクライアント DLsite Nest</a></li>
</ul>
</div>
</div>
</div>
<div class="footer_section_inner sns">
<div class="label">SNS公式アカウント</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/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>
<li class="footer_sns_item"><a rel="noopener" href="https://www.youtube.com/channel/UC-GBo1SVvZUWkyIjRSRTs7g" target="_blank" class="youtube_dl">DLsite</a></li>
<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 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/maniax/">日本語</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/ecchi-eng/">English</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com.tw/girls/">繁體中文</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/ecchi-eng/welcome">English</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/ecchi-eng/welcome/deu">Deutsch</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/ecchi-eng/welcome/fra">Français</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/ecchi-eng/welcome/ita">Italiano</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/ecchi-eng/welcome/esp">Español</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/girls-pro/welcome">中文</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="copyright">
<div class="container clearfix">
<div id="system">推奨環境最新版のInternet Explorer、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&_=1561425273"></script>
<script type="text/javascript" src="/vue/js/pc/app.js?cdn_cache=1&v=0.1.2&_=1578552328"></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":"BJ170641","name":"\u00d7\u00d7\u00d7\u30ec\u30af\u30c1\u30e3\u30fc","category":"girlspro","brand":"BG01216","price":620,"regist_date":"2018\/10\/25","image_main":"\/\/img.dlsite.jp\/modpub\/images2\/work\/books\/BJ171000\/BJ170641_img_main.jpg","restore_price":null}],"time":0.00016689300537109375};</script>
</body>
</html>