tissue/tests/fixture/DLsite/testEng.html

1874 lines
88 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=1024">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="google-site-verification" content="S2Jzwn_Dm4hGoyTfPnxEUSKnbHSuT73N6SZbTanWbEM">
<link rel="apple-touch-icon" href="/images/web/common/apple_touch_icon_eng_57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="/images/web/common/apple_touch_icon_eng_72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/images/web/common/apple_touch_icon_eng_76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/images/web/common/apple_touch_icon_eng_114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/images/web/common/apple_touch_icon_eng_120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/web/common/apple_touch_icon_eng_144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/images/web/common/apple_touch_icon_eng_152x152.png">
<meta name="msapplication-config" content="/browserconfig_eng.xml">
<link rel="shortcut icon" href="/images/web/common/favicon.ico">
<link rel="canonical" href="https://www.dlsite.com/eng/work/=/product_id/RE228866.html">
<link rel="alternate" media="only screen and (max-width: 640px)" href="https://www.dlsite.com/eng-touch/work/=/product_id/RE228866.html" class="alternate_smartphone" />
<link rel="alternate" hreflang="en" href="https://www.dlsite.com/eng/work/=/product_id/RE228866.html" />
<link rel="alternate" hreflang="ja" href="https://www.dlsite.com/home/work/=/product_id/RJ228866.html" />
<meta name="description" content="You go with a girl of your first love and enjoy going to haunted places and her massage, ear cleaning, sleep sharing etc. (CV: Yui Asami)DLsite Doujin is a download shop for doujinshi &amp; indie games. With a huge selection of products, we&#039;re sure you&#039;ll find whatever tickles your fancy. DLsite is one of the greatest indie contents download shops in Japan.">
<title>With Your First Girlfriend, at a Ghostly Night [Ear Cleaning] [Sleep Sharing] [Triangle!] | DLsite Doujin</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/doujin/RJ229000/RJ228866_img_main.jpg">
<meta property="og:title" content="With Your First Girlfriend, at a Ghostly Night [Ear Cleaning] [Sleep Sharing] [Triangle!] | DLsite">
<meta property="og:type" content="website">
<meta property="og:description" content="You go with a girl of your first love and enjoy going to haunted places and her massage, ear cleaning, sleep sharing etc. (CV: Yui Asami)DLsite Doujin is a download shop for doujinshi &amp; indie games. With a huge selection of products, we&#039;re sure you&#039;ll find whatever tickles your fancy. DLsite is one of the greatest indie contents download shops in Japan.">
<meta property="og:url" content="https://www.dlsite.com/eng/work/=/product_id/RE228866.html">
<meta property="og:image" content="https://img.dlsite.jp/modpub/images2/work/doujin/RJ229000/RJ228866_img_sam.jpg">
<meta property="og:site_name" content="DLsite">
<meta property="fb:app_id" content="226115600829997">
<meta property="mixi:device-smartphone" content="https://www.dlsite.com/eng-touch/work/=/product_id/RE228866.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_eng.css?1607318289" 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_eng.css?1607570928" type="text/css" id="common" />
<link rel="stylesheet" href="/css/switch_eng.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_eng.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+ '&gtm_auth=Z_ubU9a2b3yGEFSh9Hdtkg&gtm_preview=env-12&gtm_cookies_win=x';f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NTSRG2');</script>
<!-- End Google Tag Manager -->
</head>
<body class="style_eng">
<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=eng&client_id=dlsite.user&origin=https%3A%2F%2Flogin.dlsite.com&cookie=session_state_en&_=20171107123100"
style="height:0;width:0;display:none;"
></iframe>
<script>
(function(){
$.extend({
useAdultcheck: false,
importAdultcheck: function(){
if ($.useAdultcheck) return;
$.useAdultcheck = true;
var s = document.createElement('script');
s.src = '/js/adultcheck.js?1607389940';
s.defer = true;
document.querySelector('head').appendChild(s);
}
});
if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && dlsite.isBooks())) || dlsite.forceAdultCheck) {
$.importAdultcheck();
}
})();
</script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NTSRG2&gtm_auth=Z_ubU9a2b3yGEFSh9Hdtkg&gtm_preview=env-12&gtm_cookies_win=x" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!--data-vue-component="header-banner"-->
<div data-vue-component="header-banner" data-vue-async="true" data-section_name="campaign_header_banner">
<div v-if="loading" class="hd_cp_banner type_1bn">
<ul class="cp_bn_list">
<li class="cp_bn_item type_08">
<a href="https://www.dlsite.com/eng/campaign/sale202012" >
<div class="cp_bn_inner">
<div class="cp_bn_reminder">
<div class="cp_bn_reminder_content"><i class="cp_bn_reminder_period type_date">~ FEB 4,</i><i class="cp_bn_reminder_period type_time">14:00</i></div>
</div>
<div class="cp_bn"><img src="/modpub/images/campaign/doujin_sale_2012/bn_hd_cp_90per_eng.png"></div>
<div class="cp_bn_work blank"></div>
</div>
</a>
</li>
</ul>
</div>
<div v-else-if="is_show_frame" :class="style" class="hd_cp_banner" v-cloak>
<ul class="cp_bn_list">
<li v-for="campaign in campaigns" :class="campaign.style" class="cp_bn_item" :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-en">
<span>English Products: </span>
<a href="https://www.dlsite.com/eng/fsr/=/work_type%5B0%5D/ADV/work_type%5B1%5D/DNV/work_type%5B2%5D/STG/work_type%5B3%5D/ACN/work_type%5B4%5D/RPG/work_type%5B5%5D/SLN/work_type%5B6%5D/PZL/work_type%5B7%5D/QIZ/work_type%5B8%5D/TBL/work_type%5B9%5D/TYP/work_type%5B10%5D/ETC/options/ENG">Games</a>
<a href="https://www.dlsite.com/eng/fsr/=/work_type/MOV/options/ENG">Anime</a>
<a href="https://www.dlsite.com/eng/fsr/=/options/DOT">DLsite Official English Translation</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/eng/regist/user" class="eisysGroupRegist-link">Create a new account</a>
</li>
<li class="eisysGroupHeaderAccount-link is-active" style="display:none" @mouseover="stopAlert()">
<a href="https://ssl.dlsite.com/eng/login/=/skip_register/1" referrerpolicy="no-referrer-when-downgrade" class="eisysGroupLogin-link" @click.stop="toggleMenu($event, ! isAccountLogin)">Logged in</a>
<div class="eisysGroupHeaderAccountBoxOuter" :class="{ 'is-active': isActive }">
<div class="eisysGroupHeaderAccountBox">
<div class="eisysGroupHeaderAccountBox-inner">
<div v-if="customer_id" v-cloak class="eisysGroupHeaderLoginAccount">
You are currently logged in as: <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=en&redirect_uri=https://www.dlsite.com/eng/" target="_blank">Account Management</a>
</li>
<li>
<a class="logout" href="https://ssl.dlsite.com/eng/logout">Log out</a>
</li>
</ul>
</div>
</div>
</div>
</li>
</ul>
<div data-vue-component="coupon-modal" v-cloak></div>
</div>
</div>
<!-- /エイシスグローバルヘッダ -->
<script type="text/javascript">
(function($){
// ログイン中
var $links = $('.eisysGroupHeaderAccount-link');
if ( ! $.cookie || ! ($.cookie('loginchecked') & 1)) {
$links
.removeClass('is-active')
.find('.eisysGroupLogin-link')
.text('Log in');
} 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="eng">
<div id="top_header">
</div>
<!-- header -->
<div id="header">
<header class="l-header" data-vue-component="header" data-search-category="">
<div class="headerCore">
<div class="headerCore-sub">
<a href="https://www.dlsite.com/eng/" class="logo">
<img src="/images/web/common/logo/pc/logo-dlsite-eng.png" alt="DLsite English" width="163" height="27">
</a>
<!-- 検索 -->
<div class="globalSearch">
<form class="globalSearch-form" action="https://www.dlsite.com/eng/fs" method="post">
<input name="_qf__fulltext_search" type="hidden" value="">
<input name="_layout" type="hidden" value="fs">
<input name="_site" type="hidden" value="eng">
<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">
<div class="globalSearchSelect">
<div class="globalSearchSelect-lable">
<span v-text="searchCategories[selected]">All</span>
</div>
<select name="sex_category" v-model="selected" class="globalSearchSelect-list is-active">
<option value="">All</option>
<option value="male">Males</option>
<option value="female">Females</option>
</select>
</div>
<div class="globalSearchForm">
<input name="keyword" type="search" id="search_text" ref="keyword" maxlength="255" autocomplete="off" aria-autocomplete="list" placeholder="You can search items in both English and Japanese.">
</div>
<button id="search_button" class="globalSearchBtn" type="submit" @click="saveSelected()"><i>Search</i></button>
</form>
</div>
<!-- アイコンメニュー -->
<ul class="globalNav">
<li class="globalNav-item type-point"><a href="https://ssl.dlsite.com/eng/mypage/user/buy/point"><i>Buy Points</i></a></li>
<li class="globalNav-item type-favorite">
<a :href="hasUnboughtFavorites ? 'https://www.dlsite.com/eng/mypage/wishlist' : 'https://www.dlsite.com/eng/mypage/wishlist'"><i>Favorites</i></a><template v-if="hasUnboughtFavorites" v-cloak><a href="https://www.dlsite.com/eng/mypage/wishlist/=/discount/1" class="notificationBadge" >On SALE</a></template>
</li>
<li class="globalNav-item type-cart"><a href="https://www.dlsite.com/eng/cart"><i>Cart</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="isAccountLogin" rel="noopener" href="https://play.dlsite.com/eng/" target="_blank" v-cloak><i>My Items</i></a>
<a v-else href="https://ssl.dlsite.com/eng/regist/user"><i>My Items</i></a>
</li>
<li class="globalNav-item type-mypage"><a href="https://ssl.dlsite.com/eng/mypage"><i>My Page</i></a></li>
</ul>
<!-- /アイコンメニュー -->
<!-- ガイドメニュー -->
<div class="header_guide hover_menu">
<a href="javascript:void(0)" class="header_guide_btn"><i>Help</i></a>
<div class="dropdown_list">
<div class="dropdown_list_inner">
<ul class="menu_list">
<li class="menu_list_item"><a rel="noopener" href="https://www.dlsite.com/eng/faq/=/type/user" target="_blank"><i>Help / FAQ</i></a></li>
<li class="menu_list_item"><a href="https://www.dlsite.com/eng/welcome"><i>New to DLsite?</i></a></li>
<li class="menu_list_item"><a href="https://www.dlsite.com/eng/circle/invite"><i>Submit Your Works</i></a></li>
<li class="menu_list_item"><a href="https://www.dlsite.com/eng/guide/payment"><i>About Payment Method</i></a></li>
<li class="menu_list_item"><a href="https://www.dlsite.com/eng/mypage/aboutpoint"><i>About Points</i></a></li>
</ul>
</div>
</div>
</div>
<!-- /ガイドメニュー -->
</div>
<div class="headerCore-main">
<div class="headerCore-mainInner" :class="{ couponShow: isAccountLogin }">
<ul class="floorTab"><li class="floorTab-item type-general is-active"><a href="https://www.dlsite.com/eng/">Doujin</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-coupon" :class="{ 'is-active': noticeCoupons.length, 'singular-number': coupons.length === 1 }">
<a href="https://ssl.dlsite.com/eng/mypage/coupon/list" class="coupon-text">Your coupons:<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/eng/mypage/coupon/list">Your coupons will expire soon.</a></p>
<p class="couponNotification-close" @click.stop.prevent="confirmCoupon()">close</p>
</div>
</transition>
</li>
</ul>
</div>
</div>
<div class="floorNavLink"><div class="floorNavLink-item type-adult"><a href="https://www.dlsite.com/ecchi-eng/">View R18 Products</a></div></div>
</div>
<div class="floorSubNav">
<div class="floorSubNav-item">
<ul class="headerNav">
<li class="headerNav-item">
<a v-if="isRankingFilterCondition" v-cloak href="https://www.dlsite.com/eng/ranking/month?date=30d">Ranking</a>
<a v-else href="https://www.dlsite.com/eng/ranking/month">Ranking</a>
</li>
<li class="headerNav-item"><a href="https://www.dlsite.com/eng/fsr/=/options/ENG">English Version</a></li>
<li class="headerNav-item"><a href="https://www.dlsite.com/eng/fsr/=/campaign/241">Discount</a></li>
<li class="headerNav-item"><a href="https://www.dlsite.com/eng/new">Releases</a></li>
<li class="headerNav-item"><a href="https://www.dlsite.com/eng/announce/list/day">Upcoming</a></li>
<li class="headerNav-item"><a href="https://www.dlsite.com/eng/circle/list">Circle</a></li>
<li class="headerNav-item"><a href="https://www.dlsite.com/eng/fs">Advanced Search</a></li>
</ul>
</div>
</div>
</div>
</div>
</header>
<script type="text/javascript">
if ($.cookie('loginchecked') >= 1) {
$("li#nav_login").children().attr("title", "Log Out").attr("href", "https://ssl.dlsite.com/eng/logout")
$("li#nav_login").attr("id", "nav_logout")
} else {
$("li#nav_logout").children().attr("title", "Log In")
$("li#nav_logout").attr("id", "nav_login")
}
</script>
</div>
<!-- /header -->
<!-- top_wrapper -->
<div id="top_wrapper" class="clearfix" data-section_name="top_wrapper">
<ul class="topicpath" itemscope="" itemtype="https://schema.org/BreadcrumbList">
<li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<a itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="https://www.dlsite.com/eng/">
<span itemprop="name">
Doujin
</span>
</a>
<meta itemprop="position" content="1">
</li>
<li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a itemscope="" itemtype="http://schema.org/Thing" itemprop="item" href="https://www.dlsite.com/eng/circle/list">
<span itemprop="name">Circle Database</span>
</a>
<meta itemprop="position" content="2">
</li>
<li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<a itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="https://www.dlsite.com/eng/circle/profile/=/maker_id/RG14177.html">
<span itemprop="name">Triangle!</span>
</a>
<meta itemprop="position" content="3">
</li>
<li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<a itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="https://www.dlsite.com/eng/fsr/=/keyword_work_name/Your+Pure+Girlfriend+SRI0000016970/order/release_d/from/work.series">
<span itemprop="name">Your Pure Girlfriend series</span>
</a>
<meta itemprop="position" content="4">
</li>
<li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<a itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="#">
<span itemprop="name">With Your First Girlfriend, at a Ghostly Night [Ear Cleaning] [Sleep Sharing]</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/eng/work/=/product_id/RE228866.html" itemprop="url">With Your First Girlfriend, at a Ghostly Night [Ear Cleaning] [Sleep Sharing]</a>
</h1>
<template data-vue-component="share-button" data-twitter-share-url="https://twitter.com/intent/tweet?url=https%3A%2F%2Fdlsite.jp%2Fenwot%2FRE228866%2F%3Futm_content%3DRE228866%0A&text=With%20Your%20First%20Girlfriend%2C%20at%20a%20Ghostly%20Night%20%5BEar%20Cleaning%5D%20%5BSleep%20Sharing%5D%2FTriangle%21%2050%25OFF%20Til%20Feb.%204%2C%202%20p.m.%20%28JST%29&hashtags=DLsite&lang=en
" data-share-url="https://www.dlsite.com/eng/work/=/product_id/RE228866.html" data-share-title="With Your First Girlfriend, at a Ghostly Night [Ear Cleaning] [Sleep Sharing]"></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">
<div id="work_header" data-section_name="work_header">
<div id="work_left">
<div data-vue-component="product-slider" data-product-id="RE228866">
<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/doujin/RJ229000/RJ228866_img_main.jpg" data-width="560" data-height="420" data-thumb="//img.dlsite.jp/resize/images2/work/doujin/RJ229000/RJ228866_img_main_240x240.jpg"></div>
<div data-src="//img.dlsite.jp/modpub/images2/work/doujin/RJ229000/RJ228866_img_smp1.jpg" data-width="560" data-height="420" data-thumb="//img.dlsite.jp/resize/images2/work/doujin/RJ229000/RJ228866_img_smp1_100x100.jpg"></div>
<div data-src="//img.dlsite.jp/modpub/images2/work/doujin/RJ229000/RJ228866_img_smp2.jpg" data-width="560" data-height="420" data-thumb="//img.dlsite.jp/resize/images2/work/doujin/RJ229000/RJ228866_img_smp2_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/doujin/RJ229000/RJ228866_img_main.jpg" width="auto" height="420" alt="With Your First Girlfriend, at a Ghostly Night [Ear Cleaning] [Sleep Sharing] [Triangle!]"></li>
<template v-for="(item, index) in items">
<li v-if="index === 0" class="slider_item active"><img itemprop="image" :src="item.src" alt="With Your First Girlfriend, at a Ghostly Night [Ear Cleaning] [Sleep Sharing] [Triangle!]"></li>
<li v-else class="slider_item" ><img :src="item.src" alt="With Your First Girlfriend, at a Ghostly Night [Ear Cleaning] [Sleep Sharing] [Triangle!]"></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="With Your First Girlfriend, at a Ghostly Night [Ear Cleaning] [Sleep Sharing] [Triangle!]">
</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="With Your First Girlfriend, at a Ghostly Night [Ear Cleaning] [Sleep Sharing] [Triangle!]">
</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="With Your First Girlfriend, at a Ghostly Night [Ear Cleaning] [Sleep Sharing] [Triangle!]">
</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>
<div id="work_right">
<div
class="work_right_info"
data-vue-component="product-price"
data-product-id="RE228866"
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="RE228866"></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">
<!-- 販売 / DL数 [home, maniax, girls, bl] ここから -->
<template v-if="product.dl_count !== undefined && product.dl_count > 0" v-cloak>
<dt v-if="isFemale()" v-t="'product.evaluate.download_label'"></dt>
<dt v-else v-t="'product.evaluate.purchase_label'"></dt>
<dd class="point">{{ product.dl_count|number_format }}</dd>
</template>
<!-- 販売 / DL数 [home, maniax, girls, bl] ここまで -->
<!-- 評価 ここから -->
<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">
<!-- お気に入り数 / DL数 [home, maniax, girls, bl] ここから -->
<template v-if="!isFemale() && product.wishlist_count !== undefined && product.wishlist_count > 0" v-cloak>
<dt v-t="'product.evaluate.favorite_works_label'"></dt>
<dd class="position_fix">{{ product.wishlist_count|number_format }}</dd>
</template>
<!-- お気に入り数 ここまで -->
<!-- レビュー ここから -->
<template v-if="product.review_count" v-cloak>
<dt v-t="'product.evaluate.review_number_label'"></dt>
<dd class="position_fix"><span>{{ product.review_count|number_format }}</span><span class="count"></span>&nbsp;(<a href="#review_link" v-html="$t('product.evaluate.to_rating_label')"></a>)</span></dd>
</template>
<!-- レビュー ここまで -->
</dl>
</div>
<!--
<div v-if=" ! product.is_reservable && product.review_count <= 0" v-cloak class="work_right_info_item">
<dl class="work_right_info_title">
<dt v-t="'product.evaluate.no_review_message'"></dt>
<dd><span class="count"></span><a href="https://www.dlsite.com/eng/review/write/work/=/product_id/RE228866.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>Circle </th>
<td><span itemprop="brand" class="maker_name"><a href="https://www.dlsite.com/eng/circle/profile/=/maker_id/RG14177.html">Triangle!</a></span><span class="add_follow" data-vue-component="follow-button" data-follow-key="RG14177" data-follow-name="Triangle!" v-cloak><a class="btn_follow" href="https://www.dlsite.com/eng/mypage/followlist/add/=/work_id/RE228866/product_state/1/maker_id/RG14177.html">Follow</a></span></td>
</tr>
</table>
</div>
<table cellspacing="0" id="work_outline">
<tr>
<th>Release</th>
<td><a href="https://www.dlsite.com/eng/new/=/year/2018/mon/10/day/02/cyear/2018/cmon/10">Oct/02/2018</a></td>
</tr>
<tr>
<th>Series</th>
<td><a href="https://www.dlsite.com/eng/fsr/=/keyword_work_name/Your+Pure+Girlfriend+SRI0000016970/ana_flg/all/order/release_d/from/work.series">Your Pure Girlfriend</a></td>
</tr>
<tr>
<th>Age Ratings</th>
<td><div class="work_genre"><span class="icon_GEN">G-rated</span></div></td>
</tr>
<tr>
<th>Work Format</th>
<td>
<div class="work_genre"><a href="https://www.dlsite.com/eng/fsr/=/work_category%5B0%5D/doujin/work_type/SOU/from/icon.work"><span class="icon_SOU" title="Voice">Voice</span></a></div>
</td>
</tr>
<tr>
<th>File Format</th>
<td>
<div class="work_genre"><a href="https://www.dlsite.com/eng/fsr/=/work_category%5B0%5D/doujin/file_type/MP3/from/icon.work"><span class="icon_MP3" title="MP3">MP3</span></a><div class="additional_info">&nbsp;/&nbsp;WAV</div></div>
</td>
</tr>
<tr>
<th>Language</th>
<td>
<div class="work_genre">
</div>
</td>
</tr>
<tr>
<th>Genre</th>
<td>
<div class="main_genre">
<a href="https://www.dlsite.com/eng/fsr/=/genre/056/from/work.genre">Healing</a>
<a href="https://www.dlsite.com/eng/fsr/=/genre/496/from/work.genre">Binaural</a>
<a href="https://www.dlsite.com/eng/fsr/=/genre/497/from/work.genre">ASMR</a>
<a href="https://www.dlsite.com/eng/fsr/=/genre/222/from/work.genre">Childhood Friend</a>
<a href="https://www.dlsite.com/eng/fsr/=/genre/442/from/work.genre">Ear Cleaning</a>
<a href="https://www.dlsite.com/eng/fsr/=/genre/004/from/work.genre">Lovey Dovey/Sweet Love</a>
</div>
</td>
</tr>
<tr><th>File Size</th><td><div class="main_genre">1.35GB</div></td></tr>
</table>
<ul class="work_feature">
</ul>
<script>
jQuery(function ($) {
var dl_format = '0';
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">
<ul><li><p class="trial_file"><a href="//trial.dlsite.com/doujin/RJ229000/RJ228866_trial.zip" class="btn_trial" title="Try Free Demo">Try Free Demo</a></p><span>(10.36MB)</span></li></ul>
</div>
<div class="work_other_info" data-vue-component="translation-request" data-async="true" data-product_id="RE228866"></div>
</div>
</div>
<div class="title_01 clearfix"><h2>Contents</h2></div>
<div class="work_parts_container">
<div class="work_parts type_text">
<div class="work_parts_area">
<p>** Special Site **<br />
<a rel="noopener nofollow" href="http://www.miyuki-web.net/hatsukoiobake/" target="_blank">http://www.miyuki-web.net/hatsukoiobake/</a><br />
<br />
"Yui Asami meets First Love"<br />
<br />
You go with a girl of your first love and enjoy going to haunted places<br />
and her massage, ear cleaning, sleep sharing etc. <br />
<br />
* Please do not listen to this audio when you can't be grinning. <br />
To look silly in public may affect your social status.<br />
<br />
----------------------------------------------<br />
<br />
[Synopsis]<br />
<br />
* Prequel:<br />
<a rel="noopener" href="http://www.dlsite.com/eng/work/=/product_id/RE180674.html" target="_blank">http://www.dlsite.com/eng/work/=/product_id/RE180674.html</a><br />
<br />
Having got in a relationship, you and Natsumi go to a mountain for camping.<br />
However...there is a thing that traumatized young Natsumi in the mountain...!?<br />
<br />
"Let's play with me, let's play with me, let's play......"<br />
<br />
A girl's voices are calling from within the darkness. To find what is going on, <br />
you, accompanied by Natsumi frightened at your side, go deep.<br />
<br />
After all, you will be rewarded when coming back to a cottage!<br />
<br />
----------------------------------------------<br />
<br />
* Contents<br />
- All binaurally recorded<br />
- File format: Hi-Res WAV (48kHz/24bit) and MP3 (256kbps)<br />
<br />
[Main Tracks]<br />
01 Why she hates ghosts [00:48]<br />
02 September hiking [13:34]<br />
03 Feet massage [14:38]<br />
04 Going into the forest at night [16:29]<br />
05 Ear cleaning (eight) [10:35]<br />
06 Ear cleaning (left) [07:42]<br />
07 Sleep sharing [20:55]<br />
Main tracks in total: [01:24:41]<br />
<br />
[Special Tracks] * only in MP3<br />
01x Why she hates ghosts IF [00:53]<br />
04x Sweeeet dares IF [14:24]<br />
05x Ear cleaning IF [17:11]<br />
<br />
Overall: [01:57:09]<br />
<br />
Bonuses:<br />
- 1920x1080 wallpaper<br />
- Album artwork<br />
- Natsumi's countdown voice (like talking on the phone)<br />
<br />
----------------------------------------------<br />
<br />
[Credits]<br />
CV: Yui Asami<br />
Script: Project E.L.C<br />
Illustration: Yatomi<br />
Web Design: Guzuri Takamachi / Aoi Kazuki<br />
Logo Design: juda53 / SAKANAC<br />
Prerelease movie: Shihishi<br />
Planning/Editing: Yamisatori<br />
Production: Triangle!<br />
<br />
And Special Thanks to all supporters!</p>
</div>
</div>
</div>
<!-- notice -->
<!-- /notice -->
<script>
jQuery(function($){
$('._to_out').click(function(){
ga('send', 'event', 'eng', $(this).data('action'), $(this).data('label'), {'nonInteraction': 1});
});
});
</script>
<!-- same -->
<!-- /same -->
<!-- maker_works -->
<div class="work_series">
<div class="title_01 clearfix">
<h2><span class="title">Products by the Circle</span></h2>
<p class="move"><span><a href="https://www.dlsite.com/eng/fsr/=/keyword_maker_name/Triangle%21+RG14177/ana_flg/all/from/work.same_maker">See more...</a></span></p>
</div>
<div class="sub_title"><span class="ml10">Releases</span></div>
<div class="work_article clearfix">
<div class="work_row_wide_list clearfix">
<div class="work_main_list_ncol">
<ul id="__maker_works"><li style="width:175px"></li></ul>
</div>
<p class="carousel_arrow_left"><input id="_recommend_prev_maker_works" class="carousel_left disable" type="button" value="&lt;&lt;" disabled="disabled"></p>
<p class="carousel_arrow_right"><input id="_recommend_next_maker_works" class="carousel_right" type="button" value="&gt;&gt;"></p>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(function($){
$('#__announce_works').slideProduct({
'keys' : [null],
'detailUrl' : 'https://www.dlsite.com/eng/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">No items were found.{literal}</p>'))
}
});
$('#__maker_works').slideProduct({
'keys' : ['RE180674','RE176184','RE073910','RE073917','RE073911','RE073920','RE081812',null],
'detailUrl' : 'https://www.dlsite.com/eng/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">No items were found.</p>'))
}
});
});
</script>
<!-- maker_works -->
<!-- relation -->
<!-- /relation -->
<!-- recommend -->
<div class="title_01 clearfix" data-download-threshold="5"><h2>People who bought this item also bought</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/eng/load/recommend/=/type/viewsales2/product_id/RE228866/layout/work/reject/RG14177',
null
],
detailUrl = 'https://www.dlsite.com/eng/load/recommend/detail/=/button/1/rec/rec_work_viewsales2',
rejectUrl = 'https://www.dlsite.com/eng/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':'Already in Cart'},
'favorite' :{'u':'wishlist', 's':'_in', 'm':'Already in My Favorites'},
'nodisplay' :{'u':'nothanks_s','s':'_end','m':'Saved', 'c':'Saved'},
'possession':{'u':'already_s', 's':'_end','m':'Saved', 'c':'Saved'}
}[cl.substr(4)];
if (op) {
$(e.target).parents('.__sp_detail').updateProduct();
$(e.target).attr('data-link-name', 'recommend');
$.get(
'https://www.dlsite.com/eng/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['RE228866'] && res['RE228866']['dl_count'] !== undefined && res['RE228866']['dl_count'] !== null)
{
var dl_count = res['RE228866']['dl_count'];
$('[data-download-threshold]').each(function(){
var $this = $(this);
dl_count >= $this.attr('data-download-threshold') ? $this.show() : $this.hide();
});
}
}
);
</script>
<div class="title_01 clearfix"><h2>Viewers of this item also viewed</h2></div>
<div class="work_article clearfix" data-section_name="work_recoomend_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/eng/load/recommend/=/type/viewsales/product_id/RE228866/layout/work/reject/RG14177'.replace('item', 'deqwas'),
'https://www.dlsite.com/eng/load/recommend/=/type/genre/product_id/RE228866/layout/work/reject/RG14177'.replace('item', 'deqwas'),
'https://www.dlsite.com/eng/load/recommend/=/type/sales/product_id/RE228866/layout/work/reject/RG14177',
'https://www.dlsite.com/eng/load/recommend/=/type/history/product_id/RE228866/layout/work/reject/RG14177',
null
],
detailUrl = 'https://www.dlsite.com/eng/load/recommend/detail/=/button/1/rec/rec_work_viewsales_genre_sales_history',
rejectUrl = 'https://www.dlsite.com/eng/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':'Already in Cart'},
'favorite' :{'u':'wishlist', 's':'_in', 'm':'Already in My Favorites'},
'nodisplay' :{'u':'nothanks_s','s':'_end','m':'Saved', 'c':'Saved'},
'possession':{'u':'already_s', 's':'_end','m':'Saved', 'c':'Saved'}
}[cl.substr(4)];
if (op) {
$(e.target).parents('.__sp_detail').updateProduct();
$(e.target).attr('data-link-name', 'recommend');
$.get(
'https://www.dlsite.com/eng/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><p>Recently viewed items</p></h2></div>
<div class="work_article clearfix" data-section_name="work_recoomend_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/eng/load/recommend/=/type/history/product_id/RE228866/layout/work/reject/',
null
],
detailUrl = 'https://www.dlsite.com/eng/load/recommend/detail/=/button/1/rec/rec_work_history',
rejectUrl = 'https://www.dlsite.com/eng/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':'Already in Cart'},
'favorite' :{'u':'wishlist', 's':'_in', 'm':'Already in My Favorites'},
'nodisplay' :{'u':'nothanks_s','s':'_end','m':'Saved', 'c':'Saved'},
'possession':{'u':'already_s', 's':'_end','m':'Saved', 'c':'Saved'}
}[cl.substr(4)];
if (op) {
$(e.target).parents('.__sp_detail').updateProduct();
$(e.target).attr('data-link-name', 'recommend');
$.get(
'https://www.dlsite.com/eng/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>User Reviews</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="fs20">0</span> user reviews</p>
</div>
<!-- work_review_list -->
<table id="work_review_list" cellspacing="0">
</table>
<table class="review_write">
<tr>
<td>
<p class="base_text">Please share what you liked about this product!</p>
</td>
<td><div class="review_btn"><a href="https://www.dlsite.com/eng/review/write/work/=/product_id/RE228866.html" class="btn_post size_xxl fs15"><i>Write a Review</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/eng/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 -->
<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="RE228866" 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 || product.is_limit_work || rentaled" class="campaign_info">
<p v-if="product.is_limit_work" class="type_quantity"><span>Limited stock</span></p>
<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_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 ? 'Free' : product.discount_rate + '%OFF' }}<span class="period" v-if="product.discount_end_date">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 ? 'Free' : product.discount_rate + '%OFF' }}<span class="period" v-if="product.discount_end_date">Til {{ product.discount_end_date }}</span></span>
</p>
</template>
</div>
<div class="work_buy_container">
<div class="work_buy_body" itemprop="offers" itemscope="" itemtype="http://schema.org/Offer">
<meta itemprop="price" :content="real_price_usd">
<meta itemprop="priceCurrency" content="USD">
<div class="work_buy_label">{{ product.is_discount ? 'Sale Price' : 'Price' }}</div>
<div class="work_buy_content">
<strong v-if="product.is_discount || rentaled" class="price">{{ '$' + real_price_usd + ' / &euro;' + real_price_eur }}<i class="work_estimation">(estimation)</i><i class="work_jpy">{{ real_price }} JPY</i><span v-if="rentaled" class="discount_rate">({{ real_discount_rate }}%OFF)</span></strong>
<span v-else class="price">{{ '$' + product.price_en + ' / &euro;' + product.price_eur }}<i class="work_estimation">(estimation)</i><i class="work_jpy">{{ product.price_str }} JPY</i></span>
</div>
</div>
<div v-if="product.is_discount || rentaled" class="work_buy_body">
<div class="work_buy_label">Normal Price</div>
<div class="work_buy_content"><span class="price strike">{{ '$' + ( product.official_price_usd || product.price_en ) + ' / &euro;' + ( product.official_price_eur || product.price_eur ) }}<i class="work_estimation">(estimation)</i><i class="work_jpy">{{ product.official_price_str || product.price_str }} JPY</i></span></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">Price</div>
<div class="work_buy_content"><span class="price">{{ '$' + rental.price_usd + ' / &euro;' + rental.price_eur }}<i class="work_estimation">(estimation)</i><i class="work_jpy">{{ rental.price | number_format }} JPY</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_en }}</option>
</select>
</span>
<span v-else class="rental_period">{{ rental.time_str }}<i>{{ rental.time_unit_en }}</i></span>
</div>
</div>
<div class="work_buy_body">
<p v-if="user.os == 'Mac'" 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 }}円引きで通常購入できます。[ <a href="https://www.dlsite.com/eng/guide/rental">レンタルとは</a> ]</li>
<li v-else>こちらの作品はレンタル販売のみとなります。[ <a href="https://www.dlsite.com/eng/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">Scheduled release</span>
<span class="date">Oct. 2, </span>
<span class="note">* Release schedule subject to change.</span>
</div>
</template>
<template v-else-if=" ! product.is_sale && product.on_sale && ! is_check">
<p class="work_sales_end">Discontinued</p>
</template>
<template v-else>
<template v-if="is_bought">
<p class="work_stream"><a rel="noopener" href="https://play.dlsite.com/eng/?workno=RE228866" class="btn_st" :class="{ disabled: ! product.dlsiteplay_work || product.dl_format == 16 }" title="Open in DLsite Play" target="_blank">Open in DLsite Play</a></p>
<p class="work_cart"><a :href="product.down_url" class="btn_dl" :class="{ disabled: product.dl_format == 17 }">Download</a></p>
</template>
<template v-else-if="is_already">
<p class="work_already">I own it</p>
</template>
<template v-if="rentaled">
<p class="work_cart"><a href="https://ssl.dlsite.com/eng/download/rental/=/product_id/RE228866.html" class="btn_dl">Download</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">Add to 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/eng/cart/=/rental_id/_rental_/product_id/RE228866.html'.replace('_rental_', rental_id)" class="btn_cart_in">Already 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="'https://www.dlsite.com/eng/cart/=/rental_id/_rental_/product_id/RE228866.html'.replace('_rental_', rental_id)" class="btn_cart">Add to 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'">Sold out</a></p>
<p v-else-if="carted && ! carted.rental_id" class="work_cart"><a href="https://www.dlsite.com/eng/cart/=/product_id/RE228866.html" class="btn_cart_in">Already in Cart</a></p>
<template v-else>
<p v-if="!isAccountLogin" class="work_cart"><a href="https://ssl.dlsite.com/eng/pay/member/=/relayout/cart/buynow/1/product_id/RE228866.html" class="btn_buy">Sign Up & Buy Now</a></p>
<p class="work_cart"><a @click.prevent="addCart({ product_id:product.product_id }); showCartPopup()" href="https://www.dlsite.com/eng/cart/=/product_id/RE228866.html" class="btn_cart">Add to Cart</a></p>
<p v-if="isAccountLogin" class="work_cart"><a href="https://ssl.dlsite.com/eng/pay/member/=/relayout/cart/buynow/1/product_id/RE228866.html" class="btn_buy">Buy Now</a></p>
</template>
</template>
<!-- お気に入り -->
<p v-if="is_check" class="work_favorite"><a class="btn_favorite">Add to My Favorites</a></p>
<p v-else-if="product.is_sold_out" class="work_favorite"><a href="#" class="btn_favorite disabled">{{ is_favorite ? 'Already in My Favorites' : 'Add to My Favorites' }}</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 ? 'Already in My Favorites' : 'Add to My Favorites' }}</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/eng/mypage/wishlist/=/product_id/RE228866.html" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? 'Already in My Favorites' : 'Add to My Favorites' }}</a></p>
<p v-else class="work_favorite"><a href="https://www.dlsite.com/eng/mypage/wishlist/=/product_id/RE228866.html" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? 'Already in My Favorites' : 'Add to My Favorites' }}</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/eng/mypage/short-review" class="btn_rating_in">Already Rated</a></div>
<div v-else class="work_rating" v-cloak><a href="https://www.dlsite.com/eng/mypage/short-review" class="btn_rating">Rate This Product</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">Added to Cart</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"></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">Price</div>
<div class="work_buy_content">
<span class="price">$4.74&nbsp;/&nbsp;&euro;3.93<i class="work_estimation">(estimation)</i><i class="work_jpy">495 JPY</i></span>
</div>
</div>
</div>
</div>
</div>
<div id="work_buy_btn">
<p class="work_cart _work_cart" id="_work_cart_RE228866"><a href="https://www.dlsite.com/eng/cart/=/product_id/RE228866.html" class="btn_cart _btn_cart" id="_btn_cart_RE228866">Add to Cart</a></p>
<p class="work_favorite _work_favorite" id="_work_favorite_RE228866"><a href="https://www.dlsite.com/eng/mypage/wishlist/=/product_id/RE228866.html" class="btn_favorite _btn_favorite" id="_btn_favorite_RE228866">Add to My Favorites</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">Purchase this product<div class="hide">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/doujin/RJ229000/RJ228866_img_main_240x240.jpg" alt="With Your First Girlfriend, at a Ghostly Night [Ear Cleaning] [Sleep Sharing] [Triangle!]" class="target_type">
</div>
<div class="work_buy_body_wrap">
<div class="work_buy_body">
<div class="work_buy_label">Price</div>
<div class="work_buy_content">
<strong class="price">{{ '$' + real_price_usd + ' / &euro;' + real_price_eur }}<i class="work_estimation">(estimation)</i><i class="work_jpy">{{ real_price | number_format }} JPY</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/eng/cart/=/rental_id/_rental_/product_id/RE228866.html'.replace('_rental_', rental_id)" class="btn_cart_in">Added</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/eng/cart/=/rental_id/_rental_/product_id/RE228866.html'.replace('_rental_', rental_id)" class="btn_cart" data-link-name="float">Add to 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/eng/cart/=/product_id/RE228866.html" class="btn_cart_in">Added</a></p>
<template v-else>
<p v-if="!isAccountLogin" class="work_cart">
<a href="https://ssl.dlsite.com/eng/pay/member/=/relayout/cart/buynow/1/product_id/RE228866.html" class="btn_buy">Sign Up & Buy Now</a>
</p>
<p class="work_cart">
<a @click.prevent="addCart({ product_id:product.product_id }); showCartPopup()" href="https://www.dlsite.com/eng/cart/=/product_id/RE228866.html" class="btn_cart" data-link-name="float">Add to Cart</a>
</p>
<p v-if="isAccountLogin" class="work_cart">
<a href="https://ssl.dlsite.com/eng/pay/member/=/relayout/cart/buynow/1/product_id/RE228866.html" class="btn_buy">Buy Now</a>
</p>
</template>
</template>
<p v-if="customer_id && ! is_favorite" class="work_favorite"><a @click.prevent="addFavorite({ product_id:product.product_id })" href="https://www.dlsite.com/eng/mypage/wishlist/=/product_id/RE228866.html" class="btn_favorite">{{ is_favorite ? 'Already in My Favorites' : 'Add to My Favorites' }}</a></p>
<p v-else-if="! user.customer_id && ! is_favorite" class="work_favorite"><a href="https://ssl.dlsite.com/eng/regist/user" class="btn_favorite">Add to My Favorites</a></p>
<p v-else class="work_favorite"><a href="https://www.dlsite.com/eng/mypage/wishlist/=/product_id/RE228866.html" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }" data-link-name="float">{{ is_favorite ? 'Already in My Favorites' : 'Add to My Favorites' }}</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="work_privilege_guide" v-if="(gift && gift.title) || coupons.length" v-cloak>
<p class="separate_title"><span>Purchase Bonus</span></p>
<div class="work_privilege_guide_inner">
<ul>
<li v-if="(gift && gift.title)">
<p class="label bonus_code">{{ gift.title }}</p>
<p class="distribution_period" v-if="gift.distribute_end_str">Offered until {{ 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 }">Offered until {{ coupon.end_date_str }}</p>
<p class="body" v-html="coupon.info"></p>
<p v-if="coupon.user_limit_date" class="period"><span>Expires on</span>{{ coupon.user_limit_date }}</p>
<p v-else-if="coupon.limit_days_day" class="period">Expires {{ coupon.limit_days_day }} days from receipt</p>
</li>
</ul>
</div>
<p v-if="product.is_rental" class="guide_message">レンタルでは購入特典は<br>付与されません。</p>
<ul class="guide_list">
<li><a rel="noopener" href="https://www.dlsite.com/eng/faq/detail/=/type/user/mid/5/did/297" target="_blank">About Purchase Bonus</a></li>
</ul>
</div>
<div id="work_device_guide">
<p class="separate_title"><span>Compatible Devices</span></p>
<div class="work_device_table_wrap">
<table class="work_device_table">
<thead>
<tr>
<th class="dev"></th>
<th class="dl"><span>Download</span></th>
<th class="st"><span>Browser</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class="label icon_pc">PC</td>
<td v-if="user.os == 'Mac'" v-cloak><span class="dev_play"></span></td>
<td v-else><span class="dev_play"></span></td>
<td><span class="dev_play"></span></td>
</tr>
<tr>
<td class="label icon_sp">Smartphone</td>
<td>
<span class="dev_play_no"></span>
</td>
<td><span class="dev_play"></span></td>
</tr>
</tbody>
</table>
</div>
<div class="os_popup" :class="{ active: is_display_machine_list }">
<div class="os_popup_header">OS Platforms</div>
<div class="os_popup_body">
<table>
<tbody>
<tr>
<td>Windows</td>
<td>-</td>
</tr>
<tr>
<td>Mac</td>
<td>MacOSX</td>
</tr>
<tr>
<td>iOS</td>
<td>-</td>
</tr>
<tr>
<td>Android</td>
<td>-</td>
</tr>
<tr>
<td>Other</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/eng/circle/affiliate/link/work/=/product_id/RE228866.html" v-if="isCircleLogin">For Circles</a>
<a href="https://www.dlsite.com/eng/user/affiliate/link/work/=/product_id/RE228866.html" v-else>Create Affiliate Links</a>
</li>
</ul>
</div>
</div>
</div>
<!-- /right -->
<!-- footer -->
<div id="footer" data-section_name="footer">
<div class="pagetop_block clearfix">
<p class="pagetop"><a href="#header">Back to Top</a></p>
</div>
<div class="footer_floor_nav">
<ul class="floor_list">
<li class="floor_list_item"><a href="https://www.dlsite.com/">DLsite Home Page</a></li>
<li class="floor_list_item"><a href="https://www.dlsite.com/eng/">Doujin</a></li>
<li class="floor_list_item"><a href="https://www.dlsite.com/ecchi-eng/">Adult Doujin</a></li>
<li class="floor_list_item sp_switch"><a id="_touch_link" href="https://www.dlsite.com/eng-touch/work/=/product_id/RE228866.html" data-platform="touch">For Smartphone</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">About DLsite</div>
<ul class="link_list">
<li class="link_list_item"><a rel="noopener" href="https://www.eisys.co.jp/company/information_en" target="_blank">About our Company</a></li>
<li class="link_list_item"><a rel="noopener" href="https://hrmos.co/pages/eisys/jobs" target="_blank">Career Information</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/eng/user/regulations">User Agreement</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/eng/guide/law">Legal Statement (ASCT)</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/eng/guide/settlement">Legal Statement (PSA)</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/eng/guide/privacy">Privacy Policy</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/eng/mosaic">Compliance Policy</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/eng/guide/copy">Copyright</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/eng/banners">Link to DLsite</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/eng/sitemap">Site Map</a></li>
</ul>
</div>
<div class="link_list_box">
<div class="label">Payment / Points</div>
<ul class="link_list">
<li class="link_list_item"><a href="https://www.dlsite.com/eng/guide/payment">Payment Methods</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/eng/mypage/aboutpoint">About Points</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/eng/mypage/aboutpoint#gp3">How to Buy Points</a></li>
</ul>
</div>
<div class="link_list_box">
<div class="label">Help / Guide</div>
<ul class="link_list">
<li class="link_list_item"><a href="https://www.dlsite.com/eng/welcome">New to DLsite?</a></li>
<li class="link_list_item"><a rel="noopener" href="https://www.dlsite.com/eng/faq/=/type/user" target="_blank">Frequently Asked Questions</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/eng/opinion/contribution">Product Request / Feedback</a></li>
</ul>
</div>
<div class="link_list_box">
<div class="label">DLsite Services</div>
<ul class="link_list">
<li class="link_list_item"><a href="https://www.dlsite.com/eng/circle/invite">Submit Your Works</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/eng/guide/affiliate">Affiliate Program</a></li>
<li class="link_list_item"><a href="https://ssl.dlsite.com/eng/mypage/setting/mail">Newsletter</a></li>
</ul>
</div>
</div>
</div>
<div class="footer_section_inner sns">
<div class="label">Official SNS Accounts</div>
<ul class="footer_sns">
<li class="footer_sns_item"><a rel="noopener" href="https://twitter.com/DLsiteEnglish" target="_blank" class="twitter">Twitter</a></li>
<li class="footer_sns_item"><a rel="noopener" href="https://www.facebook.com/DLsite-English-159690760755693/" target="_blank" class="facebook">Facebook</a></li>
<li class="footer_sns_item"><a rel="noopener" href="https://www.reddit.com/r/DLsiteOfficial/" target="_blank" class="reddit">Reddit</a></li>
<li class="footer_sns_item"><a rel="noopener" href="https://www.instagram.com/dlsite_en/" target="_blank" class="instagram">Instagram</a></li>
<li class="footer_sns_item"><a rel="noopener" href="https://www.youtube.com/channel/UCGKtTGBPGmB5d9jg-fIZc8w" target="_blank" class="youtube">Youtube</a></li>
<li class="footer_sns_item"><a rel="noopener" href="https://discord.gg/bqQmJM4" target="_blank" class="discord">Discord</a></li>
</ul>
</div>
<div class="footer_section_inner recruit">
<div class="label">Career Information</div>
<ul class="job_list">
<li class="job_list_item new">
<a rel="noopener" href="https://hrmos.co/pages/eisys/jobs/0EDP005" target="_blank" rel="noopener">
<div class="job_icon recruit_01">
<img src="/modpub/images/web/common/recruit/icon_recruit_16.png" loading="lazy">
</div>
<div class="job_info">
<p class="job_name">Translator (Freelance)</p>
</div>
</a>
</li>
<li class="job_list_item new">
<a rel="noopener" href="https://hrmos.co/pages/eisys/jobs/0FKP016" target="_blank" rel="noopener">
<div class="job_icon recruit_02">
<img src="/modpub/images/web/common/recruit/icon_recruit_07.png" loading="lazy">
</div>
<div class="job_info">
<p class="job_name">Freelance video editor</p>
</div>
</a>
</li>
<li class="job_list_item new">
<a rel="noopener" href="https://hrmos.co/pages/eisys/jobs/0EHP009" target="_blank" rel="noopener">
<div class="job_icon recruit_03">
<img src="/modpub/images/web/common/recruit/icon_recruit_08.png" loading="lazy">
</div>
<div class="job_info">
<p class="job_name">Translator / Technical Support</p>
</div>
</a>
</li>
</ul>
<a rel="noopener" href="https://hrmos.co/pages/eisys/jobs" class="recruit_more" target="_blank">View All Jobs</a>
</div>
<div class="footer_section_inner multilingual">
<div class="link_list_wrap">
<div class="link_list_box">
<div class="label">International</div>
<ul class="link_list type_horizontal">
<li class="link_list_item"><a href="https://www.dlsite.com/home/">日本語</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/eng/">English</a></li>
</ul>
</div>
<div class="link_list_box">
<div class="label">Global Guide</div>
<ul class="link_list type_horizontal">
<li class="link_list_item"><a href="https://www.dlsite.com/eng/welcome">English</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/eng/welcome/deu">Deutsch</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/eng/welcome/fra">Français</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/eng/welcome/ita">Italiano</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/eng/welcome/esp">Español</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/home/welcome">中文</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="copyright">
<div class="container clearfix">
<div id="system">Recommended browsers: The latest version of Microsoft Edge, Safari, Chrome or Firefox with JavaScript/cookies enabled.</div>
<p>&copy; 1996 DLsite</p>
</div>
</div>
</div>
<!-- /footer -->
</div>
<!-- /container -->
<!-- script_footer -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "DLsite",
"alternateName": "DLsite",
"url": "https://www.dlsite.com/"
}
</script>
<div data-vue-component="cookie-policy" data-async="true"></div>
<script type="text/javascript" src="/vue/js/pc/vendor.js?cdn_cache=1&v=0.1.2&_=1601526974"></script>
<script type="text/javascript" src="/vue/js/pc/app.js?cdn_cache=1&v=0.1.2&_=1607570928"></script>
<script type="text/javascript">
(function(document, undefined) {
"use strict";
var $script = document.createElement('script');
$script.src = document.location.protocol + '//banner.eisys-bcs.jp/js/bcs.min.js';
document.body.appendChild($script);
$(window).bind('guestbannerDelete', function(){
var $guest_banner = $('.bcs_viewer').find('.__guest');
if ($.cookie('loginchecked') >= 1 && $guest_banner.length > 0 ) {
$guest_banner.remove();
}
});
})(document);
</script>
<style>
div.measure_tag {
height: 0 !important;
width: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
margin-top: -10000px;
margin-left: -10000px;
float: left;
}
</style>
<div class="measure_tag"></div>
<!-- /script_footer -->
<script type="text/javascript">var contents = {"impression":[],"detail":[{"id":"RE228866","name":"With Your First Girlfriend, at a Ghostly Night [Ear Cleaning] [Sleep Sharing]","category":"eng","brand":"RG14177","price":450,"regist_date":"2018\/10\/02","image_main":"\/\/img.dlsite.jp\/modpub\/images2\/work\/doujin\/RJ229000\/RJ228866_img_main.jpg","official_price":990,"series_id":"SRI0000016970","series_name":"Your Pure Girlfriend","title_id":"","title_name":""}],"time":0.0005650520324707031};</script>
</body>
</html>