tissue/tests/fixture/DLsite/testGirlsPro.html
2019-06-08 01:46:50 +09:00

1745 lines
88 KiB
HTML
Vendored
Raw Blame History

This file contains ambiguous Unicode characters

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 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:mixi="http://mixi-platform.com/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=991">
<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>/dlsite_dozen=/.test(document.cookie) || (document.cookie = 'dlsite_dozen=' + Math.floor(Math.random() * 12) + '; path=/; max-age=63072000')</script>
<link rel="stylesheet" href="/css/reset.css?1459221919" type="text/css" id="reset" />
<link rel="stylesheet" href="/css/default.css?1559631936" 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?1559876752" type="text/css" id="common" />
<link rel="stylesheet" href="/css/switch_girls.css?1551748184" type="text/css" id="switch" />
<link rel="stylesheet" href="/css/suggest.css?1559631936" type="text/css" id="suggest" />
<link rel="stylesheet" href="/css/header_campaign_banner.css?1559723711" 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?1559631936" 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?1557910552"></script>
<script type="text/javascript" src="/js/slide_menu.js?1511946236"></script>
<script type="text/javascript" src="/js/dlsite_suggest.js?1550024738"></script>
<script type="text/javascript" src="/js/dlsite_trigger.js?1544681008"></script>
<script type="text/javascript" src="/js/jquery.slideproduct.js?1524728551"></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 -->
<!--[if IE 6]>
<script type="text/javascript" src="/js/DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('a,img,div,li,td,h1,h2,h3,h4,h5,table,p');
</script>
<![endif]-->
<!--[if lte IE 6]>
<script type="text/javascript" src="minmax.js"></script>
<![endif]-->
</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?1553837147';
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) -->
<!-- エイシスグローバルヘッダ -->
<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.jp/?pc_globalheader_dlsite">クリエイター支援</a>
</li>
<li class="eisysGroupHeaderService-link type-channel">
<a href="https://ch.dlsite.com/?pc_globalheader_dlsite">コミュニティ</a>
</li>
<li class="eisysGroupHeaderService-link type-chobit">
<a href="https://chobit.cc/?pc_globalheader_dlsite">無料体験版</a>
</li>
<li class="eisysGroupHeaderService-link type-triokini type-new">
<a href="https://triokini.com/how_to_use?pc_globalheader_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 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 class="eisysGroupHeaderMessageText">ログイン中のアカウントが変更されました</p>
</div>
</div>
</div>
</li>
</ul>
</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" 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>
<!-- /検索 -->
<!-- アイコンメニュー -->
<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 href="https://play.dlsite.com/#/library" target="_blank"><i>購入済作品</i></a></li>
<li class="globalNav-item type-mypage"><a href="https://ssl.dlsite.com/girls-pro/mypage"><i>マイページ</i></a></li>
<li v-if="isCircleLogin" v-cloak class="globalNav-item type-circle"><a href="https://ssl.dlsite.com/circle/"><i>サークル管理</i></a></li>
</ul>
<!-- /アイコンメニュー -->
<!-- ガイドメニュー -->
<div class="globalGuide"><a href="#" class="globalGuide-btn" @click.stop.prevent="toggleMenu()"><i>ガイド</i></a>
<div class="globalGuideLink" :class="{ 'is-active': isActive }">
<ul class="globalGuideLink-item">
<li class="link"><a href="https://www.dlsite.com/girls-pro/faq/=/type/user" target="_blank"><i>ヘルプ</i></a></li>
<li class="link"><a href="https://www.dlsite.com/girls-pro/welcome"><i>初めての方へ</i></a></li>
<li class="link"><a href="https://www.dlsite.com/girls-pro/circle/invite"><i>サークル登録について</i></a></li>
<li class="link"><a href="https://www.dlsite.com/girls-pro/guide/payment"><i>お支払方法について</i></a></li>
<li class="link"><a href="https://www.dlsite.com/girls-pro/mypage/aboutpoint"><i>ポイントについて</i></a></li>
</ul>
</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"><a href="https://www.dlsite.com/girls/">乙女向け<br>同人</a> </li>
<li class="floorTab-item type-tl is-active"><a href="https://www.dlsite.com/girls-pro/">TL<br>コミック</a> </li>
<li class="floorTab-item type-tl"><a href="https://www.dlsite.com/girls-drama/">乙女向け<br>ドラマCD</a></li>
<li class="floorTab-item type-tl"><a href="https://www.dlsite.com/girls-pro/girlsgame">乙女ゲーム</a> </li>
<li class="floorTab-item type-bl"><a href="https://www.dlsite.com/bl/">BL<br>同人</a></li>
<li class="floorTab-item type-bl"><a href="https://www.dlsite.com/bl-pro/">BL<br>コミック</a></li>
<li class="floorTab-item type-bl"><a href="https://www.dlsite.com/bl-drama/">BL<br>ドラマCD</a></li>
<li class="floorTab-item type-bl"><a href="https://www.dlsite.com/bl-pro/girlsgame">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>
</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 -->
<!--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">
<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>
<!-- 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="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="2">
</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="3">
</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="product-dlchannel" 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" data-vue-component="product-evaluate" data-product-id="BJ170641">
<!-- 王冠/DL数/評価/レビュー ここから -->
<table cellspacing="0" id="work_value">
<tr>
<td class="work_rankin">
<table cellspacing="0">
<tr>
<td v-if="product.ranks.total" v-cloak class="crown_total" :title="'累計ランキング(' + product.ranks.total.rank_date + ') ' + product.ranks.total.rank + '位'">&nbsp;</td>
<td v-if="product.ranks.year" v-cloak class="crown_year" :title="'年間ランキング(' + product.ranks.year.rank_date + ') ' + product.ranks.year.rank + '位'">&nbsp;</td>
<td v-if="product.ranks.month" v-cloak class="crown_month" :title="'月間ランキング(' + product.ranks.month.rank_date + ') ' + product.ranks.month.rank + '位'">&nbsp;</td>
<td v-if="product.ranks.week" v-cloak class="crown_week" :title="'週間ランキング(' + product.ranks.week.rank_date + ') ' + product.ranks.week.rank + '位'">&nbsp;</td>
<td v-if="product.ranks.day" v-cloak class="crown_hour" :title="'24時間ランキング(' + 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="レビューあり">({{ product.review_count }})</div></a></td>
</tr>
</table>
<!--
<div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
<meta itemprop="ratingValue" content="4.53" />
<meta itemprop="ratingCount" content="103" />
</div>
--><!-- 王冠/DL数/評価/レビュー ここまで -->
<product-slider product_id="BJ170641" inline-template>
<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_300x300.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 href="https://www.dlsite.com/girls-pro/popup/=/file/smp1/product_id/BJ170641.html" target="_blank">HTML版で表示</a>
<span>{{ __('totalImages', {count: 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 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">{{ __('alwaysActual') }}</label>
<span class="slider_popup_description">{{ __('tools') }}</span>
</div>
</div>
</div>
</div>
</div>
</product-slider>
</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/fsr/=/keyword_maker_name/%E6%B1%9F%E5%8F%A3%E5%B0%8B+AJ013719/from/work.author">江口尋</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/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/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/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">
<!-- review_head -->
<div class="review_head clearfix">
<p class="float_l review_count">レビュー数 : <span class="review_work_count">0件</span></p>
</div>
<!-- /review_head -->
<!-- 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>
<!-- /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">通常購入</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">通常購入</label>
</div>
</template>
<div v-if="product.is_discount || product.is_pointup || rentaled" class="campaign_info">
<p v-if="rentaled" class="type_rental"><span>レンタル期間中割引<span class="limit">あと{{ rentaled.limit }}</span><span class="period">{{ rentaled.period }}まで</span></span></p>
<p v-if="product.is_discount" class="type_sale">
<a v-if="product.discount_to" :href="product.discount_to" :title="product.discount_rate == 100 ? '無料販売' : product.discount_rate + '%OFF'" target="_blank"><span>{{ product.discount_rate == 100 ? '無料販売' : product.discount_rate + '%OFF' }}<span v-if="product.discount_end_date" class="period">{{ product.discount_end_date }}まで</span></span></a>
<span v-else>{{ product.discount_rate == 100 ? '無料販売' : product.discount_rate + '%OFF' }}<span class="period" v-if="product.discount_end_date">{{ product.discount_end_date }} まで</span></span>
</p>
<p v-if="product.is_pointup && (product.product_point || product.default_point)" class="type_point"><span>{{ product.product_point_rate }}%還元<span v-if="product.pointup_end_date" class="period">{{ 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">割引価格</div>
<div v-else-if="product.is_discount" class="work_buy_label">セール特価</div>
<div v-else class="work_buy_label">価格</div>
<div class="work_buy_content">
<strong v-if="product.is_discount || rentaled" class="price">{{ real_price | number_format }}<i></i><span v-if="rentaled" class="discount_rate">({{ real_discount_rate }}%OFF)</span></strong>
<span v-else class="price">{{ product.price_str }}<i></i></span>
</div>
</div>
<div v-if="product.is_discount || rentaled" class="work_buy_body">
<div class="work_buy_label">通常価格</div>
<div class="work_buy_content"><span class="price strike">{{ product.official_price_str || product.price_str }}<i></i></span></div>
</div>
<div v-if="real_point" class="work_buy_body">
<div class="work_buy_label">ポイント</div>
<div class="work_buy_content">
<strong class="work_point point_up">{{ real_point }}<i v-if="real_point">pt ({{ 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">レンタル</label>
</div>
<p v-else class="label_static">レンタル</p>
<div class="work_buy_container">
<div class="work_buy_body">
<div class="work_buy_label">価格</div>
<div class="work_buy_content"><span class="price">{{ rental.price | number_format }}<i></i></span></div>
</div>
<div class="work_buy_body">
<div class="work_buy_label">レンタル期間</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 }}間</option>
</select>
</span>
<span v-else class="rental_period">{{ rental.time_str }}<i>{{ rental.time_unit_jp }}間</i></span>
</div>
</div>
<div class="work_buy_body">
<p v-if="user.os == 'Mac'" v-cloak class="work_buy_message">Macではレンタル版は<br />プレイできません。</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">レンタル版をプレイするには<br />Windows 7以上が必要です。</p>
<ul class="guide_rental">
<li v-if="product.on_sale">レンタル期間中は販売価格から{{ rental.price | number_format }}円引きで通常購入できます。[ <a href="https://www.dlsite.com/girls-pro/guide/rental">レンタルとは</a> ]</li>
<li v-else>こちらの作品はレンタル販売のみとなります。[ <a href="https://www.dlsite.com/girls-pro/guide/rental">レンタルとは</a> ]</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 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">カートに入れる</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="'https://www.dlsite.com/girls-pro/cart/=/rental_id/_rental_/product_id/BJ170641.html'.replace('_rental_', rental_id)" class="btn_cart_in">カートに入っています</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/girls-pro/cart/=/rental_id/_rental_/product_id/BJ170641.html'.replace('_rental_', rental_id)" class="btn_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">カートに入っています</a>
</p>
<p v-else class="work_cart">
<a @click.prevent="addCart({ product_id:product.product_id }); showCartPopup()" href="https://www.dlsite.com/girls-pro/cart/=/product_id/BJ170641.html" class="btn_cart">カートに入れる</a>
</p>
</template>
<!-- お気に入り -->
<p v-if="is_check" class="work_favorite"><a class="btn_favorite">お気に入りに追加</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 ? 'お気に入りに追加済み' : 'お気に入りに追加' }}</a></p>
<p v-else-if="! user.customer_id && ! is_favorite" class="work_favorite"><a @click.prevent="showPopup()" href="https://www.dlsite.com/girls-pro/mypage/wishlist/=/product_id/BJ170641.html" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? 'お気に入りに追加済み' : 'お気に入りに追加' }}</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 ? 'お気に入りに追加済み' : 'お気に入りに追加' }}</a></p>
<div v-show="is_display_cart_popup" class="add_cart_popup_container">
<div class="add_cart_popup">
<p class="add_cart_title">カートに追加しました</p>
<div class="add_cart_btn type_go_cart">
<a v-if="user.customer_id" href="https://www.dlsite.com/girls-pro/cart/=/product_id/BJ170641.html">購入手続きへ</a>
<a v-else href="https://www.dlsite.com/girls-pro/cart/=/product_id/BJ170641.html">カートを見る</a>
</div>
</div>
</div>
</template>
<login-guidance :is-display-popup="is_display_popup" :type="'work'"></login-guidance>
</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">669<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">この作品を買う<div class="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="×××レクチャー [竹書房]" title="×××レクチャー [竹書房]" 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">通常購入</label>
</div>
<div class="work_buy_body">
<p class="work_price"><span>{{ real_price | number_format }}円</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">レンタル</label>
</div>
<p v-else class="label_static">レンタル</p>
<div class="work_buy_body">
<div class="work_buy_label rental_period">{{ work_rental.time_str }}{{ work_rental.time_unit_jp }}間)</div>
<div class="work_buy_content">
<p class="work_price"><span>{{ work_rental.price | number_format }}円</span></p>
</div>
</div>
</div>
</template>
<template v-else>
<div class="work_buy_body">
<div class="work_buy_label">価格</div>
<div class="work_buy_content">
<strong class="price">{{ real_price | number_format }}<i></i></strong>
</div>
</div>
<div v-if="product.product_point || product.default_point" class="work_buy_body">
<div class="work_buy_label">ポイント</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">カートに追加済み</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">カートに追加</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">カートに追加済み</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">カートに追加</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">お気に入りに追加</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 ? 'お気に入りに追加済み' : 'お気に入りに追加' }}</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="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="period">{{ coupon.end_date_str }}</p>
<p class="body" v-html="coupon.info"></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>Windows7 / Windows8.1 / Windows10</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/BJ197414.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ198000/BJ197414_img_sam_mini.jpg" alt="禁断Lovers Vol.096 [ぶんか社]" title="禁断Lovers Vol.096 [ぶんか社]" class="target_type" /></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">¥648</span>
</td>
</tr>
<tr>
<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ186880.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ187000/BJ186880_img_sam_mini.jpg" alt="うそつきミルフイユ【短編】3piece [竹書房]" title="うそつきミルフイユ【短編】3piece [竹書房]" class="target_type" /></a></td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ186880.html">うそつきミルフイユ【短編】3piece</a></span>
<span class="work_price">¥108</span>
</td>
</tr>
<tr>
<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ180467.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ181000/BJ180467_img_sam_mini.jpg" alt="うそつきミルフイユ【短編】2piece [竹書房]" title="うそつきミルフイユ【短編】2piece [竹書房]" class="target_type" /></a></td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ180467.html">うそつきミルフイユ【短編】2piece</a></span>
<span class="work_price">¥108</span>
</td>
</tr>
<tr>
<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ172637.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ173000/BJ172637_img_sam_mini.jpg" alt="うそつきミルフイユ【短編】1piece [竹書房]" title="うそつきミルフイユ【短編】1piece [竹書房]" class="target_type" /></a></td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ172637.html">うそつきミルフイユ【短編】1piece</a></span>
<span class="work_price">¥216</span>
</td>
</tr>
<tr>
<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ158313.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ159000/BJ158313_img_sam_mini.jpg" alt="×××レクチャー【短編】Final chapter [竹書房]" title="×××レクチャー【短編】Final chapter [竹書房]" class="target_type" /></a></td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ158313.html">×××レクチャー【短編】Final chapter</a></span>
<span class="work_price">¥108</span>
</td>
</tr>
<tr>
<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ155357.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ156000/BJ155357_img_sam_mini.jpg" alt="×××レクチャー【短編】 [竹書房]" title="×××レクチャー【短編】 [竹書房]" class="target_type" /></a></td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ155357.html">×××レクチャー【短編】</a></span>
<span class="work_price">¥216</span>
</td>
</tr>
<tr>
<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ141256.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ142000/BJ141256_img_sam_mini.jpg" alt="好きいろキャンバス【短編】 [竹書房]" title="好きいろキャンバス【短編】 [竹書房]" class="target_type" /></a></td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ141256.html">好きいろキャンバス【短編】</a></span>
<span class="work_price">¥108</span>
</td>
</tr>
<tr>
<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ138329.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ139000/BJ138329_img_sam_mini.jpg" alt="ひたむきビスポーク【短編】 [竹書房]" title="ひたむきビスポーク【短編】 [竹書房]" class="target_type" /></a></td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ138329.html">ひたむきビスポーク【短編】</a></span>
<span class="work_price">¥108</span>
</td>
</tr>
<tr>
<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ137365.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ138000/BJ137365_img_sam_mini.jpg" alt="いいなりビスポーク【短編】 [竹書房]" title="いいなりビスポーク【短編】 [竹書房]" class="target_type" /></a></td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ137365.html">いいなりビスポーク【短編】</a></span>
<span class="work_price">¥108</span>
</td>
</tr>
<tr>
<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ098718.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ099000/BJ098718_img_sam_mini.jpg" alt="オオカミさんとヒミツの子羊ちゃん 第二話 ~ケダモノ上司に私のハジメテ奪われちゃいました。~ [ブレインハウス]" title="オオカミさんとヒミツの子羊ちゃん 第二話 ~ケダモノ上司に私のハジメテ奪われちゃいました。~ [ブレインハウス]" class="target_type" /></a></td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ098718.html">オオカミさんとヒミツの子羊ちゃん 第二話 ~ケダモノ上司に私のハジメテ奪われちゃいました。~</a></span>
<span class="work_price">¥216</span>
</td>
</tr>
<tr>
<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ087786.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ088000/BJ087786_img_sam_mini.jpg" alt="オオカミさんとヒミツの子羊ちゃん~ケダモノ上司に私のハジメテ奪われちゃいました。~ [ブレインハウス]" title="オオカミさんとヒミツの子羊ちゃん~ケダモノ上司に私のハジメテ奪われちゃいました。~ [ブレインハウス]" class="target_type" /></a></td>
<td class="name">
<span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ087786.html">オオカミさんとヒミツの子羊ちゃん~ケダモノ上司に私のハジメテ奪われちゃいました。~</a></span>
<span class="work_price">¥216</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 clearfix">
<p class="pagetop"><a href="#header">PAGE TOP</a></p>
</div>
<div class="footer_link_01">
<ul>
<li><a href="https://www.dlsite.com">総合トップ</a></li>
<li><a href="https://www.dlsite.com/girls/">同人</a></li>
<li><a href="https://www.dlsite.com/girls-pro/">コミック</a></li>
<li><a href="https://www.dlsite.com/girls-drama/">ドラマCD</a></li>
<li><a href="https://www.dlsite.com/girls-pro/girlsgame">PCゲーム</a></li>
<li class="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="section_container clearfix">
<ul class="link_list">
<li class="list_item">
<div class="label">DLsiteについて</div>
<dl>
<dd><a href="https://www.eisys.co.jp/company/company-info.html" target="_blank">会社概要</a></dd>
<dd><a href="https://eisys.talentcld.com/" target="_blank">採用情報</a></dd>
<dd><a href="https://www.dlsite.com/girls-pro/guide/dlnest">専用アプリ DLsite nest</a></dd>
<dd><a href="https://twitter.com/GirlsManiax_OTM" target="_blank" class="twitter">Twitter</a></dd>
</dl>
</li>
<li class="list_item">
<div class="label">お支払い&amp;ポイント</div>
<dl>
<dd><a href="https://www.dlsite.com/girls-pro/guide/payment">お支払い方法</a></dd>
<dd><a href="https://www.dlsite.com/girls-pro/mypage/aboutpoint">ポイントについて</a></dd>
<dd><a href="https://www.dlsite.com/girls-pro/guide/pointonly">ポイント購入方法</a></dd>
<dd><a href="https://www.dlsite.com/girls-pro/show/pointitem">ポイント交換アイテム</a></dd>
</dl>
</li>
<li class="list_item">
<div class="label">ヘルプ&amp;ガイド</div>
<dl>
<dd><a href="https://www.dlsite.com/girls-pro/welcome">初めての方へ</a></dd>
<dd><a href="https://www.dlsite.com/girls-pro/faq/=/type/user" target="_blank">よくある質問</a></dd>
<dd><a href="https://www.dlsite.com/girls-pro/opinion/contribution">作品リクエスト</a></dd>
<dd><a href="https://ssl.dlsite.com/girls-pro/mypage/setting/mail">メールマガジン</a></dd>
<dd><a href="https://www.dlsite.com/girls-pro/sitemap">サイトマップ</a></dd>
</dl>
</li>
<li class="list_item">
<div class="label">DLsiteのサービス</div>
<dl>
<dd><a href="https://www.dlsite.com/girls-pro/circle/invite">作品を販売したい方へ</a></dd>
<dd><a href="https://www.dlsite.com/girls-pro/sell/steam">Steamパブリッシャーサービス</a></dd>
<dd><a href="https://www.dlsite.com/girls-pro/guide/affiliate">アフィリエイト</a></dd>
<dd><a href="https://www.dlsite.com/event-pub/top.html" target="_blank">広告出稿サービス</a></dd>
</dl>
</li>
<li class="list_item">
<div class="label">姉妹サイト</div>
<dl>
<dd><a href="https://www.nijiyome.jp" target="_blank">にじよめ</a></dd>
<dd><a href="https://chobit.cc/" target="_blank">chobit</a></dd>
<dd><a href="https://ch.dlsite.com/" target="_blank">DLチャンネル</a></dd>
<dd><a href="http://blog.dlsite.com/" target="_blank">DLsiteBlog</a></dd>
</dl>
</li>
</ul>
</div>
<div class="section_container type_multilingual clearfix">
<ul class="link_list">
<li class="list_item">
<div class="label">Global Guide</div>
<dl>
<dd class="list_item"><a href="https://www.dlsite.com/ecchi-eng/welcome">English</a></dd>
<dd class="list_item"><a href="https://www.dlsite.com/ecchi-eng/welcome/deu">Deutsch</a></dd>
<dd class="list_item"><a href="https://www.dlsite.com/ecchi-eng/welcome/fra">Français</a></dd>
<dd class="list_item"><a href="https://www.dlsite.com/ecchi-eng/welcome/ita">Italiano</a></dd>
<dd class="list_item"><a href="https://www.dlsite.com/ecchi-eng/welcome/esp">Español</a></dd>
<dd class="list_item"><a href="https://www.dlsite.com/ecchi-eng/welcome/chi">繁體中文</a></dd>
</dl>
</li>
</ul>
<div class="language_container">
<div class="label">Language</div>
<select name="language" id="language_select" onchange="location.href=value;">
<option value="https://www.dlsite.com/maniax/" selected>日本語</option>
<option value="https://www.dlsite.com/ecchi-eng/" >English</option>
<option value="https://www.dlsite.com.tw/girls/">繁體中文</option>
</select>
</div>
</div>
</div>
<div id="copyright">
<div class="container clearfix">
<div id="system">推奨環境最新版のInternet Explorer、Microsoft Edge、Safari、Chrome、FirefoxJavaScript・Cookieを許可</div>
<ul id="footer_nav">
<li><a href="https://www.dlsite.com/girls-pro/user/regulations">利用規約</a></li>
<li><a href="https://www.dlsite.com/girls-pro/guide/law">特定商取引法に基づく表示</a></li>
<li><a href="https://www.dlsite.com/girls-pro/guide/settlement">資金決済法に基づく表記</a></li>
<li><a href="https://www.dlsite.com/girls-pro/guide/privacy">個人情報の取扱いについて</a></li>
<li><a href="https://www.dlsite.com/girls-pro/mosaic">コンプライアンスポリシー</a></li>
<li><a href="https://www.dlsite.com/girls-pro/guide/copy">著作権</a></li>
<li><a href="https://www.dlsite.com/girls-pro/banners">リンクについて</a></li>
</ul>
<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&_=1536029038"></script>
<script type="text/javascript" src="/vue/js/pc/app.js?cdn_cache=1&v=0.1.2&_=1559289223"></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.00015306472778320312};</script>
</body>
</html>