2055 lines
101 KiB
HTML
Vendored
2055 lines
101 KiB
HTML
Vendored
<!DOCTYPE html>
|
||
<html lang="ja-jp">
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=1024">
|
||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||
<meta http-equiv="Content-Script-Type" content="text/javascript">
|
||
<meta name="google-site-verification" content="S2Jzwn_Dm4hGoyTfPnxEUSKnbHSuT73N6SZbTanWbEM">
|
||
<link rel="apple-touch-icon" href="/modpub/images/web/common/apple_touch_icon_girls_57x57.png">
|
||
<link rel="apple-touch-icon" sizes="72x72" href="/modpub/images/web/common/apple_touch_icon_girls_72x72.png">
|
||
<link rel="apple-touch-icon" sizes="76x76" href="/modpub/images/web/common/apple_touch_icon_girls_76x76.png">
|
||
<link rel="apple-touch-icon" sizes="114x114" href="/modpub/images/web/common/apple_touch_icon_girls_114x114.png">
|
||
<link rel="apple-touch-icon" sizes="120x120" href="/modpub/images/web/common/apple_touch_icon_girls_120x120.png">
|
||
<link rel="apple-touch-icon" sizes="144x144" href="/modpub/images/web/common/apple_touch_icon_girls_144x144.png">
|
||
<link rel="apple-touch-icon" sizes="152x152" href="/modpub/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" />
|
||
|
||
|
||
<link rel="alternate" hreflang="ja-JP" href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ170641.html">
|
||
<link rel="alternate" hreflang="en" href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ170641.html/?locale=en_US">
|
||
|
||
|
||
|
||
|
||
<meta name="description" content="【あらすじ】<br>昔、告白してくれた地味な同級生・瀬尾は超人気セクシー男優になっていて!?<br>…「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="【あらすじ】<br>昔、告白してくれた地味な同級生・瀬尾は超人気セクシー男優になっていて!?<br>…「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) + '; domain=.dlsite.com; path=/; max-age=63072000'
|
||
}
|
||
|
||
if (/uniqid=\./.test(document.cookie)) {
|
||
document.cookie = 'uniqid=' + Math.random().toString(36) + '; domain=.dlsite.com; path=/; max-age=63072000'
|
||
}
|
||
</script>
|
||
|
||
<link rel="stylesheet" href="/css/reset.css?1601363701" type="text/css" id="reset" />
|
||
<link rel="stylesheet" href="/css/default.css?1601363701" type="text/css" id="default" />
|
||
<link rel="stylesheet" href="/css/layout_2col_work.css?1601363701" type="text/css" id="layout_2col_work" />
|
||
<link rel="stylesheet" href="/css/common_girls.css?1607570928" type="text/css" id="common" />
|
||
<link rel="stylesheet" href="/css/switch_girls.css?1601363701" type="text/css" id="switch" />
|
||
<link rel="stylesheet" href="/css/suggest.css?1601363701" type="text/css" id="suggest" />
|
||
<link rel="stylesheet" href="/css/header_campaign_banner.css?1607572109" type="text/css" id="header_campaign_banner" />
|
||
<link rel="stylesheet" href="/modpub/universal/css/universal.css?" type="text/css" id="universal" />
|
||
<link rel="stylesheet" href="/css/work_template_girls.css?1607318289" type="text/css" id="work_template" />
|
||
<link rel="stylesheet" href="/css/work_slider.css?1588907507" type="text/css" id="work_slider" />
|
||
<link rel="stylesheet" href="/css/couponget.css?1601363701" type="text/css" id="couponget" />
|
||
|
||
<script type="text/javascript" src="/js/libs/libraries-pack.js?1502345903"></script>
|
||
<script type="text/javascript" src="/js/dlsite_util.js?1607568520"></script>
|
||
<script type="text/javascript" src="/js/slide_menu.js?1511946236"></script>
|
||
<script type="text/javascript" src="/js/dlsite_suggest.js?1589854194"></script>
|
||
<script type="text/javascript" src="/js/dlsite_trigger.js?1544681008"></script>
|
||
<script type="text/javascript" src="/js/jquery.slideproduct.js?1592542107"></script>
|
||
<script type="text/javascript" src="/js/dlsite_img_filter.js?1544681008"></script>
|
||
<script type="text/javascript" src="/js/dlsite/work/work_logger.js?1538649197"></script>
|
||
<script type="text/javascript" src="/js/libs/clipboard.min.js?1562550059"></script>
|
||
|
||
|
||
<!-- Google Tag Manager -->
|
||
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(), event:'gtm.js'}); var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl+ '>m_auth=Z_ubU9a2b3yGEFSh9Hdtkg>m_preview=env-12>m_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?1607389940';
|
||
s.defer = true;
|
||
document.querySelector('head').appendChild(s);
|
||
}
|
||
});
|
||
if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && dlsite.isBooks())) || dlsite.forceAdultCheck) {
|
||
$.importAdultcheck();
|
||
}
|
||
})();
|
||
</script>
|
||
|
||
|
||
<!-- Google Tag Manager (noscript) -->
|
||
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NTSRG2>m_auth=Z_ubU9a2b3yGEFSh9Hdtkg>m_preview=env-12>m_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_37">
|
||
<a href="https://www.dlsite.com/girls-drama/work/=/product_id/BJ259629.html" >
|
||
<div class="cp_bn_inner">
|
||
<div class="cp_bn"><img src="/modpub/images/banner/bn_201016_girls_original.jpg"></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" :data-ab-test="campaign.abTest">
|
||
<a :href="campaign.url" :target="campaign.option.includes('target_blank') ? 'blank' : null">
|
||
<div class="cp_bn_inner">
|
||
<div class="cp_bn_reminder" v-if="campaign.period">
|
||
<div class="cp_bn_reminder_content" v-html="campaign.period"></div>
|
||
</div>
|
||
<div class="cp_bn"><img :src="campaign.img"></div>
|
||
<div class="cp_bn_work" :class="{blank: campaign.outline == null}" v-html="campaign.outline"></div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- エイシスグローバルヘッダ -->
|
||
<div class="l-eisysGroupHeader type-dlsite" data-section_name="global_header">
|
||
<div class="eisysGroupHeaderInner">
|
||
<ul class="eisysGroupHeaderService">
|
||
<li class="eisysGroupHeaderService-link type-dlsite is-active">
|
||
<a href="https://www.dlsite.com/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">にじGAME</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-zowa">
|
||
<a href="https://zowa.app/?pc_globalheader_dlsite" target="_blank" rel="noopener">ZOWA</a>
|
||
</li>
|
||
</ul>
|
||
<ul class="eisysGroupHeaderAccount" data-vue-component="header-account" data-vue-async="true">
|
||
<li class="eisysGroupHeaderAccount-link" style="display:none">
|
||
<a href="https://ssl.dlsite.com/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" referrerpolicy="no-referrer-when-downgrade" class="eisysGroupLogin-link" @click.stop="toggleMenu($event, ! isAccountLogin)">ログイン中</a>
|
||
<div class="eisysGroupHeaderAccountBoxOuter" :class="{ 'is-active': isActive }">
|
||
<div class="eisysGroupHeaderAccountBox">
|
||
<div class="eisysGroupHeaderAccountBox-inner">
|
||
<div v-if="login_id" v-cloak class="eisysGroupHeaderLoginAccount">
|
||
<span>{{ login_id.substr(0, 30) }}{{ login_id.length > 30 ? '...' : '' }}</span>でログイン中 </div>
|
||
<ul class="eisysGroupHeaderLinkNav">
|
||
<li>
|
||
<a rel="noopener" href="https://login.dlsite.com/user/self?lang=ja&redirect_uri=https://www.dlsite.com/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 data-vue-component="coupon-modal" v-cloak></div>
|
||
|
||
</div>
|
||
</div>
|
||
<!-- /エイシスグローバルヘッダ -->
|
||
<script type="text/javascript">
|
||
(function($){
|
||
// ログイン中
|
||
var $links = $('.eisysGroupHeaderAccount-link');
|
||
if ( ! $.cookie || ! $.cookie('session_state')) {
|
||
$links
|
||
.removeClass('is-active')
|
||
.find('.eisysGroupLogin-link')
|
||
.text('ログイン');
|
||
} else {
|
||
$links.eq(0).remove();
|
||
}
|
||
$links.show();
|
||
|
||
$('ul.eisysGroupHeaderLinkNav a.logout').each(function(){
|
||
if ( ! /download|index.php/.test(location.href)) {
|
||
this.href += '/=/_query/' + encodeURIComponent(location.href);
|
||
}
|
||
});
|
||
})(jQuery);
|
||
</script>
|
||
<!-- container -->
|
||
<div itemscope itemtype="http://schema.org/Product" id="container" site="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 v-if="isMemberLogin" rel="noopener" href="https://play.dlsite.com/" target="_blank" v-cloak><i>購入済作品</i></a>
|
||
<a v-else href="https://ssl.dlsite.com/girls-pro/regist/user"><i>購入済作品</i></a>
|
||
</li>
|
||
|
||
<li class="globalNav-item type-circle">
|
||
<a v-if="isMemberLogin && isCircleLogin" v-cloak><i>アカウント</i></a>
|
||
<a v-else-if="isCircleLogin" href="https://ssl.dlsite.com/circle/" v-cloak><i>アカウント</i></a>
|
||
<a v-else href="https://ssl.dlsite.com/girls-pro/mypage" v-on:click="addAlreadyRead()"><i>アカウント</i></a>
|
||
<!-- メンバーアカウントとサークルアカウントの紐づけありの場合 -->
|
||
<template v-if="isMemberLogin && isCircleLogin">
|
||
<div class="dropdown_list" v-cloak>
|
||
<div class="dropdown_list_inner">
|
||
<ul class="menu_list">
|
||
<li class="menu_list_item type-mypage">
|
||
<a class="link" href="https://ssl.dlsite.com/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"><a href="https://www.dlsite.com/girls-pro/">乙女向け/TL</a></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_str">-</span>pt
|
||
</a>
|
||
</li>
|
||
<li class="login-information-item type-coupon" :class="{ 'is-active': noticeCoupons.length, 'singular-number': coupons.length === 1 }">
|
||
<a href="https://ssl.dlsite.com/girls-pro/mypage/coupon/list" class="coupon-text">クーポン 保有<span class="number" v-text="coupons.length">-</span>枚</a>
|
||
<span class="couponget_link"><a href="https://www.dlsite.com/girls-pro/coupon" class="coupon-text">獲得する</a></span>
|
||
<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 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 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 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 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">バンブーコミックス 恋パラコレクションＤＸ</span>
|
||
</a>
|
||
<meta itemprop="position" content="4">
|
||
</li>
|
||
<li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
|
||
<a itemtype="https://schema.org/Thing" itemprop="item" href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ170641.html">
|
||
<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" data-product-name="×××レクチャー" data-maker-name="竹書房"></template>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<template data-vue-component="share-button" data-twitter-share-url="https://twitter.com/intent/tweet?url=https%3A%2F%2Fdlsite.jp%2Fgpwot%2FBJ170641%2F%3Futm_content%3DBJ170641%0A&text=%C3%97%C3%97%C3%97%E3%83%AC%E3%82%AF%E3%83%81%E3%83%A3%E3%83%BC%2F%E6%B1%9F%E5%8F%A3%E5%B0%8B%20%28%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%29&hashtags=DLsiteがるまに&lang=ja
|
||
" data-share-url="https://www.dlsite.com/girls-pro/work/=/product_id/BJ170641.html" data-share-title="×××レクチャー"></template>
|
||
|
||
</div>
|
||
</div>
|
||
<!-- /top_wrapper -->
|
||
|
||
<!-- wrapper -->
|
||
<div id="wrapper">
|
||
|
||
<template data-vue-component="share-group"></template>
|
||
|
||
|
||
<!-- main -->
|
||
<div id="main" data-section_name="main">
|
||
<!-- main_inner -->
|
||
<div id="main_inner">
|
||
|
||
|
||
|
||
<!-- work_header -->
|
||
<div id="work_header">
|
||
<!-- work_left -->
|
||
<div id="work_left">
|
||
|
||
<div data-vue-component="product-slider" data-product-id="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">
|
||
|
||
|
||
|
||
<!-- 枚数 -->
|
||
<span v-t="{ path: 'product.slider.totalImages', args: [items.length] }"></span>
|
||
</div>
|
||
|
||
<!-- Popup viewer -->
|
||
<div v-if="popupVisible" class="slider_popup_overlay" @click="hidePopup">
|
||
<div class="slider_popup" @click.stop>
|
||
<span class="slider_popup_close" @click="hidePopup"></span>
|
||
<div class="slider_popup_rightpane">
|
||
<div class="slider_popup_sidebar">
|
||
<template v-for="(item, index) in items">
|
||
<div rel="noopener" target="_blank" :class="{active:(index === swiper.realIndex)}" @click="slideTo(index, false)">
|
||
|
||
<img :src="item.thumb.src" alt="×××レクチャー [竹書房]">
|
||
|
||
</div>
|
||
</template>
|
||
</div>
|
||
<div class="slider_popup_arrows">
|
||
<div class="slider_popup_button">
|
||
<div class="slider_popup_prev" @click="slideTo('prev', false)"></div>
|
||
<div class="slider_popup_next" @click="slideTo('next', false)"></div>
|
||
</div>
|
||
<div class="slider_popup_count">{{ swiper.realIndex + 1 }} / {{ items.length }}</div>
|
||
</div>
|
||
</div>
|
||
<div class="slider_popup_leftpane">
|
||
<div ref="mainbox" class="slider_popup_mainbox" @wheel.prevent="slideScroll">
|
||
<div class="slider_zoom_container" ref="zoom_container" @mousemove.prevent="setPopupPosition" @click="setPopupImage(true)">
|
||
|
||
<img :src="items[swiper.realIndex].src" ref="zoom_container_image" alt="×××レクチャー [竹書房]">
|
||
|
||
</div>
|
||
</div>
|
||
<div class="slider_popup_tool">
|
||
<input id="target1" class="checkbox" name="target" type="checkbox" value="1" v-model="alwaysActualSize" @change="toggleActualSize" @click="toggleActualSize">
|
||
<label for="target1" class="checkbox-label" v-t="'product.slider.alwaysActual'"></label>
|
||
<span class="slider_popup_description" v-t="'product.slider.tools'"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<!-- /work_left -->
|
||
|
||
<!-- work_right -->
|
||
<div id="work_right">
|
||
<div
|
||
class="work_right_info"
|
||
data-vue-component="product-price"
|
||
data-product-id="BJ170641"
|
||
data-is-check="false"
|
||
data-is-comingsoon="false"
|
||
v-if="(product.dl_count !== undefined && product.dl_count > 0) || (!isFemale() && product.wishlist_count !== undefined && product.wishlist_count > 0) || product.rate_count > 0 || product.review_count"
|
||
v-cloak
|
||
>
|
||
<product-rank product-id="BJ170641"></product-rank>
|
||
|
||
<div v-if="(product.dl_count !== undefined && product.dl_count > 0) || product.rate_count > 0" v-cloak class="work_right_info_item">
|
||
<dl class="work_right_info_title value">
|
||
|
||
<!-- 評価 ここから -->
|
||
<template v-if="product.rate_count > 0" v-cloak>
|
||
<dt v-t="'product.evaluate.rating_label'"></dt>
|
||
<dd class="star_box" @mouseenter="showRateDetail" @mouseleave="hideRateDetail">
|
||
<span class="point average_count">{{ product.rate_average_2dp }}</span>
|
||
<div class="star_wrap">
|
||
|
||
<span class="rate" :class="'rate' + product.rate_average_star"></span>
|
||
|
||
<div class="rating_popup" :class="{ open: is_open_rate }" v-if="is_display_rate">
|
||
<div class="rating_popup_inner">
|
||
<div class="rating_content">
|
||
<dl class="rating_content_inner">
|
||
<dt class="rating_itemTitle" v-t="'product.rating.average'"></dt>
|
||
<dd><p class="rating_score">{{ product.rate_average_2dp }}</p></dd>
|
||
</dl>
|
||
<dl class="rating_content_inner">
|
||
<dt class="rating_itemTitle" v-t="'product.rating.ratings'"></dt>
|
||
<dd><p class="">{{ product.rate_count|number_format }}</p></dd>
|
||
</dl>
|
||
</div>
|
||
|
||
<div class="rating_content">
|
||
<dl class="rating_content_inner">
|
||
<dt class="rating_itemTitle" v-t="'product.rating.rating'"></dt>
|
||
<dd>
|
||
<dl class="rating_map">
|
||
<dt class="rating_map_label">
|
||
<p v-t="'product.rating.star_5'"></p>
|
||
</dt>
|
||
<dd class="rating_map_body">
|
||
<div class="rating_meter">
|
||
<div class="rating_bar" :style="{ width: is_open_rate ? Math.floor(product.rate_count_detail[4].ratio * 0.8) + 'px' : 0 }"></div>
|
||
</div>
|
||
({{ product.rate_count_detail ? product.rate_count_detail[4].count : 0|number_format }})
|
||
</dd>
|
||
<dt class="rating_map_label">
|
||
<p v-t="'product.rating.star_4'"></p>
|
||
</dt>
|
||
<dd class="rating_map_body">
|
||
<div class="rating_meter">
|
||
<div class="rating_bar" :style="{ width: is_open_rate ? Math.floor(product.rate_count_detail[3].ratio * 0.8) + 'px' : 0 }"></div>
|
||
</div>
|
||
({{ product.rate_count_detail ? product.rate_count_detail[3].count : 0|number_format }})
|
||
</dd>
|
||
<dt class="rating_map_label">
|
||
<p v-t="'product.rating.star_3'"></p>
|
||
</dt>
|
||
<dd class="rating_map_body">
|
||
<div class="rating_meter">
|
||
<div class="rating_bar" :style="{ width: is_open_rate ? Math.floor(product.rate_count_detail[2].ratio * 0.8) + 'px' : 0 }"></div>
|
||
</div>
|
||
({{ product.rate_count_detail ? product.rate_count_detail[2].count : 0|number_format }})
|
||
</dd>
|
||
<dt class="rating_map_label">
|
||
<p v-t="'product.rating.star_2'"></p>
|
||
</dt>
|
||
<dd class="rating_map_body">
|
||
<div class="rating_meter">
|
||
<div class="rating_bar" :style="{ width: is_open_rate ? Math.floor(product.rate_count_detail[1].ratio * 0.8) + 'px' : 0 }"></div>
|
||
</div>
|
||
({{ product.rate_count_detail ? product.rate_count_detail[1].count : 0|number_format }})
|
||
</dd>
|
||
<dt class="rating_map_label">
|
||
<p v-t="'product.rating.star_1'"></p>
|
||
</dt>
|
||
<dd class="rating_map_body">
|
||
<div class="rating_meter">
|
||
<div class="rating_bar" :style="{ width: is_open_rate ? Math.floor(product.rate_count_detail[0].ratio * 0.8) + 'px' : 0 }"></div>
|
||
</div>
|
||
({{ product.rate_count_detail ? product.rate_count_detail[0].count : 0|number_format }})
|
||
</dd>
|
||
</dl>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<span class="count">({{ product.rate_count|number_format }})</span></p>
|
||
</dd>
|
||
</template>
|
||
<!-- 評価 ここまで -->
|
||
</dl>
|
||
</div>
|
||
|
||
<div v-if="(!isFemale() && product.wishlist_count !== undefined && product.wishlist_count > 0) || product.review_count" v-cloak class="work_right_info_item">
|
||
<dl class="work_right_info_title">
|
||
|
||
<!-- レビュー ここから -->
|
||
<template v-if="product.review_count" v-cloak>
|
||
<dt v-t="'product.evaluate.review_number_label'"></dt>
|
||
<dd class="position_fix"><span>{{ product.review_count|number_format }}</span><span class="count"></span> (<a href="#review_link" v-html="$t('product.evaluate.to_rating_label')"></a>)</span></dd>
|
||
</template>
|
||
<!-- レビュー ここまで -->
|
||
</dl>
|
||
</div>
|
||
<!--
|
||
<div v-if=" ! product.is_reservable && product.review_count <= 0" v-cloak class="work_right_info_item">
|
||
<dl class="work_right_info_title">
|
||
<dt v-t="'product.evaluate.no_review_message'"></dt>
|
||
<dd><span class="count"></span><a href="https://www.dlsite.com/girls-pro/review/write/work/=/product_id/BJ170641.html" v-t="'product.evaluate.to_review_message'"></a></dd>
|
||
</dl>
|
||
</div>
|
||
-->
|
||
</div>
|
||
<div id="work_right_inner">
|
||
|
||
<!-- 作品名、サークル/ブランド/出版社/レーベル/著者名 ここから -->
|
||
<div id="work_right_name">
|
||
<table id="work_maker">
|
||
<tr>
|
||
<th>著者</th>
|
||
<td>
|
||
<a href="https://www.dlsite.com/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">バンブーコミックス 恋パラコレクションＤＸ</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>176</td></tr>
|
||
|
||
<tr>
|
||
<th>ジャンル</th>
|
||
<td>
|
||
<div class="main_genre">
|
||
|
||
<a href="https://www.dlsite.com/girls-pro/fsr/=/genre/027/work_category/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">[ <a href="https://www.dlsite.com/girls-pro/guide/dlviewer">専用ビューアについて</a> ]</span>
|
||
</div>
|
||
</li>
|
||
|
||
|
||
<li v-if="user && user.os && user.os == 'Mac'" v-cloak>
|
||
<div id="work_win_only">
|
||
<strong>この作品はMacではDLsitePlayのみの対応となります。</strong>
|
||
<span>[ <a href="https://www.dlsite.com/girls-pro/guide/dlplay">ブラウザ対応について</a> ]</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="work_streaming">
|
||
<a href="https://www.dlsite.com/girls-drama/work/=/product_id/BJ257921.html"><img src="https://banner-managed.s3.ap-northeast-1.amazonaws.com/girlsmaniax/1604070000/bn_043a8819ea957b82090ada5b279fc5f2056e940f.jpg" alt=""></a>
|
||
</div>
|
||
|
||
<div class="trial_download mb30">
|
||
</div>
|
||
|
||
<ul class="work_edition">
|
||
|
||
</ul>
|
||
|
||
</div>
|
||
<!-- /work_right-->
|
||
</div>
|
||
<!-- /work_header -->
|
||
|
||
<!-- work_story -->
|
||
<div class="title_01 clearfix"><h2>作品内容</h2></div>
|
||
<div itemprop="description" class="work_article work_story">
|
||
【あらすじ】<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>
|
||
|
||
|
||
|
||
<!-- same_series -->
|
||
<!-- /same_series -->
|
||
|
||
<!-- maker_works -->
|
||
<div class="work_series">
|
||
<div class="title_01 clearfix">
|
||
<h2>
|
||
<span class="title">
|
||
著者作品一覧 </span>
|
||
</h2>
|
||
<p class="move"><span><a href="https://www.dlsite.com/girls-pro/fsr/=/keyword_maker_name/AJ013719/from/work.same_author">作品をもっと見る</a></span></p>
|
||
</div>
|
||
<div class="sub_title"><span class="ml10">販売作品</span></div>
|
||
<div class="work_article clearfix">
|
||
<div class="work_row_wide_list clearfix">
|
||
<div class="work_main_list_ncol">
|
||
<ul id="__maker_works"><li style="width:175px"></li></ul>
|
||
</div>
|
||
<p class="carousel_arrow_left"><input id="_recommend_prev_maker_works" class="carousel_left disable" type="button" value="<<" disabled="disabled"></p>
|
||
<p class="carousel_arrow_right"><input id="_recommend_next_maker_works" class="carousel_right" type="button" value=">>"></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<script type="text/javascript">
|
||
jQuery(function($){
|
||
$('#__announce_works').slideProduct({
|
||
'keys' : [null],
|
||
'detailUrl' : 'https://www.dlsite.com/girls-pro/load/recommend/detail/=/filter/on/rec/rec_work/cart/1/wishlist/1/is_ana/1',
|
||
'prevButton': '#_recommend_prev_announce_works',
|
||
'nextButton': '#_recommend_next_announce_works',
|
||
'onDisplay' : function(el){
|
||
$.filterImage('#' + el.attr('id'));
|
||
},
|
||
'onDelete' : function(el){
|
||
el.parent().html('').append(jQuery('<p class="work_none">該当作品はありません。</p>'))
|
||
}
|
||
});
|
||
|
||
$('#__maker_works').slideProduct({
|
||
'keys' : ['BJ257921','BJ257945','BJ257944','BJ249662','BJ249660','BJ242096','BJ242102','BJ234159','BJ234157','BJ226013','BJ226004','BJ226003','BJ222586','BJ219244','BJ212670','BJ210549','BJ179273','BJ179276','BJ179279','BJ179272','BJ179275',null],
|
||
'detailUrl' : 'https://www.dlsite.com/girls-pro/load/recommend/detail/=/filter/on/rec/rec_work/cart/1/wishlist/1',
|
||
'prevButton': '#_recommend_prev_maker_works',
|
||
'nextButton': '#_recommend_next_maker_works',
|
||
'onDisplay' : function(el){
|
||
$.filterImage('#' + el.attr('id'));
|
||
},
|
||
'onDelete' : function(el){
|
||
el.parent().html('').append(jQuery('<p class="work_none">該当作品はありません。</p>'))
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
|
||
<!-- maker_works -->
|
||
|
||
<!-- label_works -->
|
||
<!-- /label_works -->
|
||
|
||
<!-- relation -->
|
||
<!-- /relation -->
|
||
|
||
<!-- same_voice -->
|
||
<!-- /same_voice -->
|
||
<!-- recommend -->
|
||
<div class="title_01 clearfix" data-download-threshold="5"><h2>この作品を買った人はこんな作品も買っています</h2></div>
|
||
<div
|
||
class="recommend_list"
|
||
data-section-name="work_recommend_history"
|
||
data-href="https://www.dlsite.com/girls-pro/load/recommend/v2/=/type/viewsales2/reject/BG01216/product_id/BJ170641.html"
|
||
data-type="viewsales2"
|
||
></div>
|
||
|
||
<div class="title_01 clearfix"><h2>こちらの作品も見られています</h2></div>
|
||
<div
|
||
class="recommend_list"
|
||
data-section-name="work_recommend_history"
|
||
data-href="https://www.dlsite.com/girls-pro/load/recommend/v2/=/type/viewsales/reject/BG01216/product_id/BJ170641.html"
|
||
data-type="viewsales"
|
||
></div>
|
||
<!-- /recommend -->
|
||
|
||
<div class="title_01 clearfix"><h2>最近チェックした作品</h2></div>
|
||
<div
|
||
class="recommend_list"
|
||
data-section-name="work_recommend_history"
|
||
data-href="https://www.dlsite.com/girls-pro/load/recommend/v2/=/type/history/product_id/BJ170641.html"
|
||
data-type="history"
|
||
></div>
|
||
|
||
|
||
<script>
|
||
// サムネイルポップアップ
|
||
$(document).bind('ajaxSuccess', function() {
|
||
var $target_blocks = $('.work_main_list_ncol');
|
||
$target_blocks.each(function () {
|
||
if ($(this).thumbImgPopup !== undefined) {
|
||
$(this).thumbImgPopup();
|
||
$(this).setBlockViewSetting('mheight_01','__sp_detail','end');
|
||
};
|
||
});
|
||
}
|
||
);
|
||
|
||
$.getJSON('https://www.dlsite.com/girls-pro/load/member/uninterest').then(
|
||
function (res) {
|
||
var rejects = [].concat(res['reason_1'], res['reason_2'])
|
||
|
||
$('.recommend_list').each(function(i, element){
|
||
var href = element.dataset.href
|
||
var type = element.dataset.type
|
||
href && $.get(href).then(function(res){
|
||
// html適応
|
||
$(element).html(res)
|
||
|
||
// イベント設定
|
||
$(element).find('li.swiper-slide').each(function(i, li){
|
||
var $li = $(li)
|
||
|
||
// 不要な作品
|
||
if (~rejects.indexOf($li.data('prod'))) {
|
||
return $li.remove()
|
||
}
|
||
|
||
// miniメニュー開閉
|
||
$li.find('.mini_menu').bind('click', function (e) {
|
||
$li.find('.mini_menu_dropdown').toggleClass('open');
|
||
})
|
||
|
||
// 非表示設定
|
||
$li.find('.mini_menu_dropdown_inner').bind('click', function() {
|
||
$li.find('.recommend_work_item').addClass('hidden');
|
||
$.get('https://www.dlsite.com/girls-pro/cart/ajax/=/mode/nothanks/product_id/' + $li.data('prod'));
|
||
})
|
||
|
||
// サムネイルポップアップ
|
||
if ($li.thumbImgPopup !== undefined) {
|
||
$li.thumbImgPopup();
|
||
};
|
||
|
||
// Swiper内でサムネイルポップアップするための処理
|
||
var mouseFlg = false;
|
||
$li.bind('mouseenter', function() {
|
||
$(this).setBlockViewSetting('swiper-wrapper', 'swiper-slide', 'end');
|
||
mouseFlg = true;
|
||
var c_left = $(element).find('.swiper-container').offset().left;
|
||
var c_right = c_left + $(element).find('.swiper-container').width();
|
||
$(element).find('li.swiper-slide').each(function(){
|
||
var i_left = $(this).offset().left;
|
||
var i_right = i_left + $(this).width();
|
||
if((i_right > c_left) && (i_left < c_right)){
|
||
$(this).css('visibility', 'visible');
|
||
} else {
|
||
$(this).css('visibility', 'hidden');
|
||
}
|
||
});
|
||
setTimeout(function(){
|
||
if (mouseFlg) {
|
||
$(element).find('.swiper-container').css({'overflow':'visible'});
|
||
}
|
||
},300);
|
||
}).bind('mouseleave', function() {
|
||
mouseFlg = false;
|
||
$(element).find('.swiper-container').css('overflow', 'hidden');
|
||
$(element).find('li.swiper-slide').each(function(){
|
||
$(this).css('visibility', 'visible');
|
||
});
|
||
});
|
||
|
||
// レコメンド結果通知
|
||
$li.delegate('a', 'click', function (e) {
|
||
var $self = $(e.currentTarget);
|
||
|
||
//GAイベント送信
|
||
try {
|
||
window.ga('send', 'event', dlsite.getName(), 'recommend_' + $li.data('category'), $self[0].pathname);
|
||
} catch (ex) {
|
||
//
|
||
}
|
||
|
||
var param = {
|
||
prod: $li.data('prod'),
|
||
merch: 'dlsite',
|
||
spec: $li.data('spec'),
|
||
cref: $li.data('cref'),
|
||
cookie: $.cookie('uniqid')
|
||
};
|
||
|
||
if (!param['prod'] || !param['spec'] || !param['cref']) {
|
||
return true;
|
||
}
|
||
|
||
var url = 'https://dlsite.silveregg.net/pycre5/click?' + $.param(param);
|
||
|
||
// クリックイベントを送出
|
||
if (!navigator.sendBeacon || !navigator.sendBeacon(url)) {
|
||
$.ajax(url, {
|
||
async: false,
|
||
timeout: 2000,
|
||
});
|
||
}
|
||
|
||
return true;
|
||
});
|
||
});
|
||
|
||
// Swiper
|
||
new Swiper(element.firstChild, {
|
||
navigation: {
|
||
nextEl: '.swiper-button-next.type-' + type,
|
||
prevEl: '.swiper-button-prev.type-' + type,
|
||
disabledClass: 'disable',
|
||
},
|
||
nextButton:'.swiper-button-next.type-' + type,
|
||
prevButton:'.swiper-button-prev.type-' + type,
|
||
slidesPerView: Math.floor($(element).find('.swiper-container').width() / 200),
|
||
slidesPerGroup: Math.floor($(element).find('.swiper-container').width() / 200),
|
||
spaceBetween: 10,
|
||
breakpoints: {
|
||
1194: {
|
||
slidesPerView: 4,
|
||
slidesPerGroup: 4,
|
||
},
|
||
1364: {
|
||
slidesPerView: 5,
|
||
slidesPerGroup: 5,
|
||
},
|
||
1534: {
|
||
slidesPerView: 6,
|
||
slidesPerGroup: 6,
|
||
},
|
||
1704: {
|
||
slidesPerView: 7,
|
||
slidesPerGroup: 7,
|
||
},
|
||
1874: {
|
||
slidesPerView: 8,
|
||
slidesPerGroup: 8,
|
||
},
|
||
2044: {
|
||
slidesPerView: 9,
|
||
slidesPerGroup: 9,
|
||
}
|
||
},
|
||
})
|
||
});
|
||
})
|
||
}
|
||
)
|
||
</script>
|
||
|
||
<!-- review -->
|
||
<div class="title_01 clearfix" id="review_link"><h2>ユーザーレビュー</h2></div>
|
||
|
||
|
||
<div class="work_article" id="work_review" data-section_name="work_review">
|
||
|
||
|
||
<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 data-src="https://media.dlsite.com/proxy/c48c849c980f9e2b3864709e3b5dd81a59acb9e3/687474703a2f2f696d672e646c736974652e6a702f6d6f647075622f696d61676573322f776f726b2f646f756a696e2f524a3232333030302f524a3232323932345f696d675f6d61696e2e6a7067" alt="知らなかった快感を教え込まれて――もう戻れない！【AV男優】特集"
|
||
title="知らなかった快感を教え込まれて――もう戻れない！【AV男優】特集" class="swiper-lazy"></a>
|
||
<div class="swiper-lazy-preloader"></div>
|
||
</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>
|
||
<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/70424?dls=&k_matome_girls-pro_pc" target="_blank">
|
||
<img data-src="https://media.dlsite.com/proxy/4f29ebef97d5c672e2fbd640a29cab9de1f55a37/68747470733a2f2f626c6f672d696d67732d3130372e6663322e636f6d2f722f6f2f6e2f726f6e67762f64616e7368692e706e67" alt="第①弾【隠れイケメン・オネエ・チャラ男・強面】ギャップ萌え〇〇男子の詰め合わせはいかが？"
|
||
title="第①弾【隠れイケメン・オネエ・チャラ男・強面】ギャップ萌え〇〇男子の詰め合わせはいかが？" class="swiper-lazy"></a>
|
||
<div class="swiper-lazy-preloader"></div>
|
||
</div>
|
||
<p class="matome_content_title">
|
||
<a href="https://ch.dlsite.com/matome/70424?dls=&k_matome_girls-pro_pc"
|
||
rel="noopener" target="_blank">第①弾【隠れイケメン・オネエ・チャラ男・強面】ギャップ萌え〇〇男子の詰め合わせはいかが？</a>
|
||
</p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="carousel_arrow_left swiper-button-prev"></div>
|
||
<div class="carousel_arrow_right swiper-button-next"></div>
|
||
</div>
|
||
<ul class="matome_more">
|
||
<li><p class="matome_text"><a href="https://ch.dlsite.com/antenna/395463/contents?mode=matome"
|
||
rel="noopener" target="_blank">すべてのまとめ記事を見る（8件）</a></p></li>
|
||
<li class="matome_btn"><a href="https://ch.dlsite.com/matome/create" rel="noopener" target="_blank"
|
||
class="btn_post size_xxl fs15"><i>まとめ記事を作成する</i></a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<script>
|
||
$(function () {
|
||
// Swiper3系
|
||
var swiper = new Swiper('#matome-swiper', {
|
||
slidesPerView: 6,
|
||
slidesPerGroup: 6,
|
||
spaceBetween: 20,
|
||
watchSlidesVisibility: true,
|
||
nextButton: '.swiper-button-next',
|
||
prevButton: '.swiper-button-prev',
|
||
preloadImages: false,
|
||
lazy: true,
|
||
breakpoints: {
|
||
1900: {
|
||
slidesPerView: 5,
|
||
slidesPerGroup: 5,
|
||
},
|
||
1620: {
|
||
slidesPerView: 4,
|
||
slidesPerGroup: 4,
|
||
},
|
||
1390: {
|
||
slidesPerView: 3,
|
||
slidesPerGroup: 3,
|
||
},
|
||
1150: {
|
||
slidesPerGroup: 2,
|
||
slidesPerView: 2,
|
||
}
|
||
}
|
||
});
|
||
|
||
$('.matome_box').show();
|
||
|
||
//要素表示時読み込み
|
||
var scrollIn = function(event) {
|
||
var target_rect = document.getElementById('matome-swiper').getBoundingClientRect();
|
||
if (0 < target_rect.top && target_rect.bottom <= window.innerHeight) {
|
||
swiper.lazy.load();
|
||
window.removeEventListener('scroll', scrollIn, false);
|
||
}
|
||
};
|
||
window.addEventListener('scroll', scrollIn, false);
|
||
|
||
$('.matome_box').show();
|
||
});
|
||
</script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
<!-- /main_inner -->
|
||
</div>
|
||
<!-- /main -->
|
||
|
||
<template data-vue-component="notice"></template>
|
||
|
||
</div>
|
||
<!-- /wrapper -->
|
||
|
||
<!-- right -->
|
||
<div id="right" data-section_name="right">
|
||
|
||
|
||
|
||
<div id="work_buy_box_wrapper" data-vue-component="product-price" data-product-id="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 || product.is_limit_work || rentaled" class="campaign_info">
|
||
<p v-if="product.is_limit_work" class="type_quantity"><span v-t="'product.title_works.limit_sales'"></span></p>
|
||
<p v-if="rentaled" class="type_rental">
|
||
<span>{{$t('product.price.discount_rental')}}<span class="limit">あと{{ rentaled.limit }}</span><span class="period">{{ rentaled.period }}まで</span></span>
|
||
</p>
|
||
<!-- タイムセール -->
|
||
<p v-if="product.is_timesale" class="type_sale">
|
||
<span>{{$t('product.title_works.limit_sales')}} {{ product.discount_rate == 100 ? $t('product.price.discount_free') : product.discount_rate + '%OFF' }}</span>
|
||
</p>
|
||
<!-- 割引・無料販売 -->
|
||
<template v-else-if="product.is_discount">
|
||
<p v-if="product.discount_to" class="type_sale transition">
|
||
<a rel="noopener" :href="product.discount_to">
|
||
<span>{{ product.discount_rate == 100 ? $t('product.price.discount_free') : product.discount_rate + '%OFF' }}<span v-if="product.discount_end_date" class="period">{{ $t('product.price.til', [product.discount_end_date]) }}</span><span class="fs11" v-t="'product.price.sale_link'"></span></span>
|
||
</a>
|
||
</p>
|
||
<p v-else class="type_sale">
|
||
<span>{{ product.discount_rate == 100 ? $t('product.price.discount_free') : product.discount_rate + '%OFF' }}<span class="period" v-if="product.discount_end_date">{{ $t('product.price.til', [product.discount_end_date]) }}</span></span>
|
||
</p>
|
||
</template>
|
||
<!-- ポイント還元 -->
|
||
<p v-if="product.is_pointup && (product.product_point || product.default_point)" class="type_point">
|
||
<span>{{ $t('product.price.point_return', [product.product_point_rate]) }}<span v-if="product.pointup_end_date" class="period">{{ $t('product.price.til', [product.pointup_end_date]) }}</span></span>
|
||
</p>
|
||
</div>
|
||
|
||
<div class="work_buy_container">
|
||
|
||
|
||
|
||
<div v-if="isNotRegistered && product.price > 0 && product.on_sale" v-cloak class="coupon_available">
|
||
<span class="coupon_available_head">会員登録で<br>クーポンプレゼント！</span>
|
||
<div class="coupon_available_inner">
|
||
<dl class="coupon_detail">
|
||
<dt class="ex">クーポンご利用の場合</dt>
|
||
<dd class="total">{{ first_purchase_price | number_format }}<i v-t="'product.price.yen'"></i></dd>
|
||
</dl>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="work_buy_body" itemprop="offers" itemscope="" itemtype="http://schema.org/Offer">
|
||
<meta itemprop="price" :content="real_price">
|
||
<meta itemprop="priceCurrency" content="JPY">
|
||
<div v-if="rentaled" class="work_buy_label" v-t="'product.price.sale_price'"><!-- 割引価格 --></div>
|
||
<div v-else-if="product.is_discount" class="work_buy_label" v-t="'product.price.special_price'"><!-- セール特価 --></div>
|
||
<div v-else class="work_buy_label" v-t="'product.price.price'"><!-- 価格 --></div>
|
||
|
||
<div class="work_buy_content">
|
||
<strong v-if="product.is_discount || rentaled" class="price">{{ real_price | number_format }}<i v-t="'product.price.yen'"></i><span v-if="rentaled" class="discount_rate">({{ real_discount_rate }}%OFF)</span></strong>
|
||
<span v-else class="price">{{ product.price_str }}<i v-t="'product.price.yen'"></i></span>
|
||
</div>
|
||
</div>
|
||
<div v-if="product.is_discount || rentaled" class="work_buy_body">
|
||
<div class="work_buy_label" v-t="'product.price.normal_price'"><!-- 通常価格 --></div>
|
||
<div class="work_buy_content"><span class="price strike">{{ product.official_price_str || product.price_str }}<i v-t="'product.price.yen'"></i></span></div>
|
||
</div>
|
||
<div v-if="real_point" class="work_buy_body">
|
||
<div class="work_buy_label" v-t="'product.price.point'"><!-- ポイント --></div>
|
||
<div class="work_buy_content">
|
||
<strong class="work_point point_up">{{ real_point | number_format }}<i v-if="real_point">pt ({{ $t('product.price.point_return', [real_point_rate]) }})</i><i v-else>pt</i></strong>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div v-if="product.is_rental" v-cloak class="work_buy_type" :class="class_buy_type_rental" @click.stop=" ! is_bought && ! rentaled && (buy_type = 'rental')">
|
||
<div v-if="product.on_sale && ! is_bought" class="type_label">
|
||
<input type="radio" name="rental" value="rental" id="_form_rental_enable" :disabled="is_bought || rentaled" v-model="buy_type">
|
||
<label for="_form_rental_enable" v-t="'product.price.rental'"><!-- レンタル --></label>
|
||
</div>
|
||
<p v-else class="label_static" v-t="'product.price.rental'"><!-- レンタル --></p>
|
||
<div class="work_buy_container">
|
||
<div class="work_buy_body">
|
||
<div class="work_buy_label" v-t="'product.price.price'"><!-- 価格 --></div>
|
||
<div class="work_buy_content"><span class="price">{{ rental.price | number_format }}<i v-t="'product.price.yen'"></i></span></div>
|
||
</div>
|
||
<div class="work_buy_body">
|
||
<div class="work_buy_label" v-t="'product.price.rental_period'"><!-- レンタル期間 --></div>
|
||
<div class="work_buy_content">
|
||
<span v-if="product.work_rentals.length > 1" class="rental_period">
|
||
<select name="rental_id" v-model="rental_id" :disabled="is_bought || rentaled">
|
||
<option v-for="work_rental in product.work_rentals" :value="work_rental.id">{{ work_rental.time_str }}{{ work_rental.time_unit_jp }}{{ $t('product.price.days') }}</option>
|
||
</select>
|
||
</span>
|
||
<span v-else class="rental_period">{{ rental.time_str }}<i>{{ rental.time_unit_jp }}{{ $t('product.price.days') }}</i></span>
|
||
</div>
|
||
</div>
|
||
<div class="work_buy_body">
|
||
<p v-if="user.os == 'Mac'" v-cloak class="work_buy_message" v-html="$t('product.price.guide_rental_mac')"><!-- Mac案内 --></p>
|
||
<p v-if="user.ua.os.name == 'Windows' && /^(Vista|XP|2000|ME|98(SE)?|95|3\.1)$/.test(user.ua.os.version)" v-cloak class="work_buy_message" v-html="$t('product.price.guide_rental_win')"><!-- Win案内 --></p>
|
||
<ul class="guide_rental">
|
||
<!-- レンタル中割引 -->
|
||
<li v-if="product.on_sale" v-html="$t('product.price.guide_rented', [ $options.filters.number_format(rental.price), makeUrl('/guide/rental') ])"></li>
|
||
<li v-else v-html="$t('product.price.guide_not_rented', [ makeUrl('/guide/rental') ])"></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- /work_buy_container -->
|
||
</div>
|
||
</div>
|
||
<div id="work_buy_btn">
|
||
<!-- ダウンロード -->
|
||
<template v-if=" ! product.is_sale && is_comingsoon && !is_check">
|
||
<div class="pre_work_message">
|
||
<span class="title">販売開始予定</span>
|
||
<span class="date">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="product.is_sold_out" class="work_cart">
|
||
<a href="#" class="btn_cart disabled" v-t="'product.item.sold_out'"></a>
|
||
</p>
|
||
<p v-else-if="carted && ! carted.rental_id" class="work_cart">
|
||
|
||
<a :href="makeUrl('/cart', { product_id: product.product_id })" class="btn_cart_in" v-t="'cart.in_cart'"><!-- カートに入っています --></a>
|
||
|
||
</p>
|
||
<template v-else>
|
||
|
||
|
||
<p class="work_cart" v-if="!isAccountLogin">
|
||
<a href="https://ssl.dlsite.com/girls-pro/pay/member/=/relayout/cart/buynow/1/product_id/BJ170641.html" class="btn_buy">会員登録して購入</a>
|
||
</p>
|
||
<p class="work_cart">
|
||
<a @click.prevent="addCart({ product_id:product.product_id }); showCartPopup()" :href="makeUrl('/cart', { product_id: product.product_id })" class="btn_cart" v-t="'cart.add_cart'"><!-- カートに入れる --></a>
|
||
</p>
|
||
<p class="work_cart" v-if="isAccountLogin">
|
||
<a href="https://ssl.dlsite.com/girls-pro/pay/member/=/relayout/cart/buynow/1/product_id/BJ170641.html" class="btn_buy">すぐに購入</a>
|
||
</p>
|
||
|
||
|
||
</template>
|
||
</template>
|
||
|
||
<!-- お気に入り -->
|
||
<p v-if="is_check" class="work_favorite"><a class="btn_favorite" v-t="favorite.add_fav"><!-- お気に入りに追加 --></a></p>
|
||
<p v-else-if="product.is_sold_out" class="work_favorite"><a href="#" class="btn_favorite disabled" v-t="'favorite.add_fav'"><!-- お気に入りに追加 --></a></p>
|
||
<p v-else-if="! user.customer_id && ! is_favorite" class="work_favorite"><a :href="link.favorite" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
|
||
<p v-else-if="user.customer_id && ! is_favorite" class="work_favorite"><a @click.prevent="addFavorite({ product_id:product.product_id })" href="https://www.dlsite.com/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="this.$store.state.is_carted" class="add_cart_overlay" @click.stop.prevent="function(){ closeRecommend(); $(document.body).removeClass('scrolling_stop'); }">
|
||
<div class="add_cart_modal" @click.stop>
|
||
<span class="add_cart_close" @click.stop.prevent="function(){ closeRecommend(); $(document.body).removeClass('scrolling_stop'); }"></span>
|
||
<div class="add_cart_btn_inner">
|
||
<p class="add_cart_note">作品をカートに追加しました</p>
|
||
<a v-if="user.customer_id" :href="makeUrl('/cart', { product_id: product.product_id })" v-t="'cart.go_buy'" class="add_cart_btn"><!-- 購入手続きへ --></a>
|
||
<a v-else :href="makeUrl('/cart', { product_id: product.product_id })" v-t="'cart.go_cart'" class="add_cart_btn"><!-- カートを見る --></a>
|
||
</div>
|
||
<cart_recommend v-bind:on_display="this.$store.state.is_carted" :product_id="product_id"></cart_recommend>
|
||
</div>
|
||
</div>
|
||
<!-- /カートボタン押下時にレコメンドのモーダル表示 -->
|
||
</template>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<div v-else-if="product.price === undefined" class="work_buy_main">
|
||
<!-- IE8 or noscript -->
|
||
<div id="work_price">
|
||
<div class="work_buy_type">
|
||
<div class="work_buy_container">
|
||
<div class="work_buy_body">
|
||
<div class="work_buy_label">価格</div>
|
||
<div class="work_buy_content"><span class="price">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.is_sold_out && (product.on_sale || product.is_rental)" v-cloak class="floating_cart_box" :class="class_floating_cart_box">
|
||
<div class="cart_box_header" @click.prevent="toggleDisplayFloat">{{$t('cart.buy_this')}}<div class="hide" v-t="'cart.hide'"></div></div>
|
||
<div class="cart_box_body">
|
||
<div class="cart_box_body_inner">
|
||
<div class="work_info_wrap">
|
||
<div class="work_thumb">
|
||
<img src="//img.dlsite.jp/resize/images2/work/books/BJ171000/BJ170641_img_main_240x240.jpg" alt="×××レクチャー [竹書房]" class="target_type">
|
||
</div>
|
||
|
||
<div class="work_buy_body_wrap">
|
||
<div class="work_buy_body">
|
||
<div class="work_buy_label" v-t="'product.price.price'"><!-- 価格 --></div>
|
||
<div class="work_buy_content">
|
||
<strong class="price">{{ real_price | number_format }}<i v-t="'product.price.yen'"></i></strong>
|
||
</div>
|
||
</div>
|
||
<div v-if="product.product_point || product.default_point" class="work_buy_body">
|
||
<div class="work_buy_label" v-t="'product.price.point'"><!-- ポイント --></div>
|
||
<div class="work_buy_content">
|
||
<strong class="work_point">{{ (product.product_point || product.default_point) | number_format }}<i>pt</i></strong>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="btn_wrap">
|
||
<div class="btn_wrap_inner">
|
||
<template v-if="buy_type == 'rental' || ! is_bought && ! rentaled && ! product.on_sale">
|
||
<p v-if="carted && carted.rental_id == rental.id" class="work_cart">
|
||
<a :href="'https://www.dlsite.com/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 }); showCartPopup()" :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>
|
||
<template v-else>
|
||
<p class="work_cart" v-if="!isAccountLogin">
|
||
<a href="https://ssl.dlsite.com/girls-pro/pay/member/=/relayout/cart/buynow/1/product_id/BJ170641.html" class="btn_buy">会員登録して購入</a>
|
||
</p>
|
||
<p class="work_cart">
|
||
<a @click.prevent="addCart({ product_id:product.product_id }); showCartPopup()" href="https://www.dlsite.com/girls-pro/cart/=/product_id/BJ170641.html" class="btn_cart" data-link-name="float" v-t="'cart.add_cart_s'"><!-- カートに追加 --></a>
|
||
</p>
|
||
<p class="work_cart" v-if="isAccountLogin">
|
||
<a href="https://ssl.dlsite.com/girls-pro/pay/member/=/relayout/cart/buynow/1/product_id/BJ170641.html" class="btn_buy">すぐに購入</a>
|
||
</p>
|
||
</template>
|
||
|
||
</template>
|
||
|
||
<p v-if="user.customer_id && ! is_favorite" class="work_favorite">
|
||
<a @click.prevent="addFavorite({ product_id:product.product_id })" href="https://www.dlsite.com/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>
|
||
|
||
<coupon-obtain
|
||
link-coupons="https://www.dlsite.com/girls-pro/coupon/=/ajax/1/product_id/BJ170641.html"
|
||
link-obtain="https://www.dlsite.com/girls-pro/get/coupon/=/ajax/1/code/"
|
||
>
|
||
</coupon-obtain>
|
||
|
||
|
||
<div class="work_privilege_guide" v-if="gift && gift.title || coupons.length || bonuses.length" v-cloak>
|
||
<p class="separate_title"><span>購入特典</span></p>
|
||
|
||
<div class="work_privilege_guide_inner">
|
||
<ul>
|
||
<li v-if="gift && gift.title">
|
||
<p class="label bonus_code">{{ gift.title }}</p>
|
||
<p v-if="gift.distribute_end_str" class="distribution_period">
|
||
|
||
{{ gift.distribute_end_str }}まで配布中
|
||
</p>
|
||
<p class="body" v-html="gift.description"></p>
|
||
</li>
|
||
<li v-for="coupon in coupons">
|
||
<p class="label coupon" :class="{ type_work: coupon.issue.product_id, type_maker: coupon.issue.maker_id, type_price: ! coupon.issue.product_id && ! coupon.issue.maker_id }">{{ coupon.coupon_name }}</p>
|
||
<p v-if="coupon.end_date_str" class="distribution_period" :class="{ type_work: coupon.issue.product_id, type_maker: coupon.issue.maker_id, type_price: ! coupon.issue.product_id && ! coupon.issue.maker_id }">{{ coupon.end_date_str }}まで配布中</p>
|
||
<p class="body" v-html="coupon.info"></p>
|
||
<p v-if="coupon.user_limit_date" class="period"><span>有効期限：</span>{{ coupon.user_limit_date }}</p>
|
||
<p v-else-if="coupon.limit_days_day" class="period">
|
||
|
||
<span>有効期限：</span>取得から{{ coupon.limit_days_day }}日後
|
||
</p>
|
||
</li>
|
||
<li v-for="bonus in bonuses">
|
||
<p class="label limited_benefit">{{ bonus.title }}</p>
|
||
<p v-if="bonus.end_date_str" class="distribution_period type_work">
|
||
|
||
{{ bonus.end_date_str }}まで配布中
|
||
</p>
|
||
<p class="body" v-html="bonus.description"></p>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<p v-if="product.is_rental" class="guide_message">レンタルでは購入特典は<br>付与されません。</p>
|
||
</div>
|
||
|
||
<div id="work_device_guide">
|
||
<p class="separate_title"><span>閲覧可能な環境</span></p>
|
||
<div class="system_requirements">
|
||
<ul class="sysreq_list">
|
||
<li class="sysreq_list_item type_pc"><i>PC</i></li>
|
||
<li class="sysreq_list_item type_ios"><i>iOS</i></li>
|
||
<li class="sysreq_list_item type_android"><i>Android</i></li>
|
||
</ul>
|
||
</div>
|
||
|
||
|
||
<div class="os_popup" :class="{ active: is_display_machine_list }">
|
||
<div class="os_popup_header">対応OS</div>
|
||
<div class="os_popup_body">
|
||
<table>
|
||
<tbody>
|
||
<tr>
|
||
<td>Windows</td>
|
||
<td> 7 / 8.1 / 10 </td>
|
||
</tr>
|
||
<td>iOS</td>
|
||
<td>iOS 5.1以上</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Android</td>
|
||
<td>Android2.2以上</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>
|
||
<!-- /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://hrmos.co/pages/eisys/jobs" 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">お支払い&ポイント</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>
|
||
</ul>
|
||
</div>
|
||
<div class="link_list_box">
|
||
<div class="label">ヘルプ&ガイド</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">Twitter公式アカウント</div>
|
||
<ul class="footer_sns">
|
||
<li class="footer_sns_item"><a rel="noopener" href="https://twitter.com/DLsite" target="_blank" class="twitter_g">全年齢</a></li>
|
||
<li class="footer_sns_item"><a rel="noopener" href="https://twitter.com/DLsiteManiax" target="_blank" class="twitter_r18">R18</a></li>
|
||
<li class="footer_sns_item"><a rel="noopener" href="https://twitter.com/GirlsManiax" target="_blank" class="twitter_bl">BL</a></li>
|
||
<li class="footer_sns_item"><a rel="noopener" href="https://twitter.com/girlsmaniax_OTM" target="_blank" class="twitter_otm">乙女</a></li>
|
||
<li class="footer_sns_item"><a rel="noopener" href="https://twitter.com/DLsiteC" target="_blank" class="twitter_comic">Comic</a></li>
|
||
<li class="footer_sns_item"><a rel="noopener" href="https://twitter.com/DLsiteR18" target="_blank" class="twitter_comic_r18">Comic R18</a></li>
|
||
<li class="footer_sns_item"><a rel="noopener" href="https://twitter.com/DLsiteEnglish" target="_blank" class="twitter_eng">English</a></li>
|
||
<li class="footer_sns_item"><a rel="noopener" href="https://twitter.com/DLsite_info" target="_blank" class="twitter_info">広報</a></li>
|
||
</ul>
|
||
<div class="label">Youtube公式アカウント</div>
|
||
<ul class="footer_sns">
|
||
<li class="footer_sns_item"><a rel="noopener" href="https://www.youtube.com/channel/UCvcIQvSYDdzE-o3377ZoK_Q" target="_blank" class="youtube_gm">がるまに</a></li>
|
||
<li class="footer_sns_item"><a rel="noopener" href="https://www.youtube.com/channel/UCQEN3LsNnqottC2mXx3tAjA" target="_blank" class="youtube_info">広報</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer_section_inner recruit">
|
||
<div class="label">採用情報</div>
|
||
<ul class="job_list">
|
||
<li class="job_list_item new">
|
||
<a rel="noopener" href="https://hrmos.co/pages/eisys/jobs/0CJB002" target="_blank">
|
||
<div class="job_icon recruit_01">
|
||
<img src="/modpub/images/web/common/recruit/icon_recruit_01.png" loading="lazy">
|
||
</div>
|
||
<div class="job_info">
|
||
<p class="job_name">ゲームプランナー</p>
|
||
<span class="addition">エイシスサービス全般</span>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<li class="job_list_item new">
|
||
<a rel="noopener" href="https://hrmos.co/pages/eisys/jobs/0BEA002" target="_blank">
|
||
<div class="job_icon recruit_02">
|
||
<img src="/modpub/images/web/common/recruit/icon_recruit_03.png" loading="lazy">
|
||
</div>
|
||
<div class="job_info">
|
||
<p class="job_name">社内情報システム担当</p>
|
||
<span class="addition">エイシスサービス全般</span>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<li class="job_list_item new">
|
||
<a rel="noopener" href="https://hrmos.co/pages/eisys/jobs/0ADE001" target="_blank">
|
||
<div class="job_icon recruit_03">
|
||
<img src="/modpub/images/web/common/recruit/icon_recruit_05.png" loading="lazy">
|
||
</div>
|
||
<div class="job_info">
|
||
<p class="job_name">音声ディレクター</p>
|
||
<span class="addition">エイシスサービス全般</span>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<li class="job_list_item new">
|
||
<a rel="noopener" href="https://hrmos.co/pages/eisys/jobs/0AAM002" target="_blank">
|
||
<div class="job_icon recruit_04">
|
||
<img src="/modpub/images/web/common/recruit/icon_recruit_17.png" loading="lazy">
|
||
</div>
|
||
<div class="job_info">
|
||
<p class="job_name">【アルバイト】事務スタッフ</p>
|
||
<span class="addition">エイシスサービス全般</span>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
<a rel="noopener" href="https://hrmos.co/pages/eisys/jobs?staff_pc_n" class="recruit_more" target="_blank">採用サイトへ</a>
|
||
</div>
|
||
<div class="footer_section_inner multilingual">
|
||
<div class="link_list_wrap">
|
||
<div class="link_list_box">
|
||
<div class="label">International</div>
|
||
<ul class="link_list type_horizontal">
|
||
<li class="link_list_item"><a href="https://www.dlsite.com/maniax/">日本語</a></li>
|
||
<li class="link_list_item"><a href="https://www.dlsite.com/ecchi-eng/">English</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="link_list_box">
|
||
<div class="label">Global Guide</div>
|
||
<ul class="link_list type_horizontal">
|
||
<li class="link_list_item"><a href="https://www.dlsite.com/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">推奨環境：最新版のMicrosoft Edge、Safari、Chrome、Firefox（JavaScript・Cookieを許可）</div>
|
||
<p>© 1996 DLsite</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- /footer -->
|
||
|
||
</div>
|
||
<!-- /container -->
|
||
|
||
<!-- script_footer -->
|
||
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "WebSite",
|
||
"name": "DLsite",
|
||
"alternateName": "DLsite",
|
||
"url": "https://www.dlsite.com/"
|
||
}
|
||
</script>
|
||
|
||
|
||
<div data-vue-component="cookie-policy" data-async="true"></div>
|
||
|
||
<script type="text/javascript" src="/vue/js/pc/vendor.js?cdn_cache=1&v=0.1.2&_=1601526974"></script>
|
||
<script type="text/javascript" src="/vue/js/pc/app.js?cdn_cache=1&v=0.1.2&_=1607570928"></script>
|
||
|
||
|
||
<script type="text/javascript">
|
||
(function(document, undefined) {
|
||
"use strict";
|
||
var $script = document.createElement('script');
|
||
$script.src = document.location.protocol + '//banner.eisys-bcs.jp/js/bcs.min.js';
|
||
document.body.appendChild($script);
|
||
|
||
$(window).bind('guestbannerDelete', function(){
|
||
var $guest_banner = $('.bcs_viewer').find('.__guest');
|
||
if ($.cookie('loginchecked') >= 1 && $guest_banner.length > 0 ) {
|
||
$guest_banner.remove();
|
||
}
|
||
});
|
||
|
||
})(document);
|
||
</script>
|
||
|
||
|
||
|
||
<style>
|
||
div.measure_tag {
|
||
height: 0 !important;
|
||
width: 0 !important;
|
||
line-height: 0 !important;
|
||
font-size: 0 !important;
|
||
margin-top: -10000px;
|
||
margin-left: -10000px;
|
||
float: left;
|
||
}
|
||
</style>
|
||
|
||
<div class="measure_tag"></div>
|
||
<!-- /script_footer -->
|
||
<script type="text/javascript">var contents = {"impression":[],"detail":[{"id":"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","official_price":"","series_id":"","series_name":"","title_id":"","title_name":""}],"time":0.0003459453582763672};</script>
|
||
</body>
|
||
|
||
</html> |