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

1777 lines
88 KiB
HTML
Vendored
Raw Blame History

This file contains invisible Unicode characters

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

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

<!DOCTYPE html>
<html lang="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).slice(-10) + '; domain=.dlsite.com; path=/; max-age=63072000'
}
</script>
<link rel="stylesheet" href="/css/reset.css?1570688439" type="text/css" id="reset" />
<link rel="stylesheet" href="/css/default_eng.css?1575516922" type="text/css" id="default" />
<link rel="stylesheet" href="/css/layout_2col_work_eng.css?1552988739" type="text/css" id="layout_2col_work" />
<link rel="stylesheet" href="/css/common_eng.css?1578290029" type="text/css" id="common" />
<link rel="stylesheet" href="/css/switch_eng.css?1568103394" type="text/css" id="switch" />
<link rel="stylesheet" href="/css/suggest.css?1565749496" type="text/css" id="suggest" />
<link rel="stylesheet" href="/css/header_campaign_banner.css?1575516922" type="text/css" id="header_campaign_banner" />
<link rel="stylesheet" href="/assets/share/css/universal/universal.css?" type="text/css" id="universal" />
<link rel="stylesheet" href="/css/work_template_eng.css?1575597029" type="text/css" id="work_template" />
<link rel="stylesheet" href="/css/work_slider.css?1559631936" type="text/css" id="work_slider" />
<script type="text/javascript" src="/js/libs/libraries-pack.js?1502345903"></script>
<script type="text/javascript" src="/js/dlsite_util.js?1561689497"></script>
<script type="text/javascript" src="/js/slide_menu.js?1511946236"></script>
<script type="text/javascript" src="/js/dlsite_suggest.js?1565749496"></script>
<script type="text/javascript" src="/js/dlsite_trigger.js?1544681008"></script>
<script type="text/javascript" src="/js/jquery.slideproduct.js?1574232820"></script>
<script type="text/javascript" src="/js/dlsite_img_filter.js?1544681008"></script>
<script type="text/javascript" src="/js/dlsite/work/work_logger.js?1538649197"></script>
<script type="text/javascript" src="/js/dlsite_thumb_img_popup.js?1487739431"></script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(), event:'gtm.js'}); var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl+ '&gtm_auth=Z_ubU9a2b3yGEFSh9Hdtkg&gtm_preview=env-12&gtm_cookies_win=x';f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NTSRG2');</script>
<!-- End Google Tag Manager -->
</head>
<body class="style_eng">
<script>
(function(){
$.extend({
useAdultcheck: false,
importAdultcheck: function(){
if ($.useAdultcheck) return;
$.useAdultcheck = true;
var s = document.createElement('script');
s.src = '/js/adultcheck.js?1566881566';
s.defer = true;
document.querySelector('head').appendChild(s);
}
});
if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && dlsite.isBooks())) || dlsite.forceAdultCheck) {
$.importAdultcheck();
}
})();
</script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NTSRG2&gtm_auth=Z_ubU9a2b3yGEFSh9Hdtkg&gtm_preview=env-12&gtm_cookies_win=x" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!--data-vue-component="header-banner"-->
<div data-vue-component="header-banner" data-vue-async="true" data-section_name="campaign_header_banner">
<div v-if="loading" class="hd_cp_banner type_1bn">
<ul class="cp_bn_list">
<li class="cp_bn_item type_15">
<a href="https://www.dlsite.com/eng/campaign/sale201912">
<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 3,</i><i class="cp_bn_reminder_period type_time">14:00</i></div>
</div>
<div class="cp_bn"><img src="/modpub/images/banner/floor_header/bn_doujin_sale_max90per_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">
<a :href="campaign.url">
<div class="cp_bn_inner">
<div class="cp_bn_reminder">
<div class="cp_bn_reminder_content" v-html="campaign.reminder.content"></div>
</div>
<div class="cp_bn"><img :src="campaign.img"></div>
<div class="cp_bn_work" :class="{blank: campaign.outline == null}" v-html="campaign.outline"></div>
</div>
</a>
</li>
</ul>
</div>
</div>
<div class="l-eisysGroupHeader type-dlsite" data-section_name="global_header">
<div class="eisysGroupHeaderInner">
<ul class="eisysGroupHeaderService">
<li class="eisysGroupHeaderService-link type-dlsite-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" 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>
</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 rel="noopener" href="https://play.dlsite.com/eng/" target="_blank"><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>
<span class="link_twitter"><a href="https://twitter.com/share" class="twitter-share-button" data-url="https://dlsite.jp/enwtw/RE228866" data-text="With Your First Girlfriend, at a Ghostly Night [Ear Cleaning] [Sleep Sharing]/Triangle! 50%OFF Til Feb. 3, 2 p.m. (JST)" data-lang="en" data-hashtags="DLsite">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</span></div>
</div>
<!-- /top_wrapper -->
<!-- wrapper -->
<div id="wrapper">
<!-- main -->
<div id="main" data-section_name="main">
<!-- main_inner -->
<div id="main_inner">
<div id="work_header" data-section_name="work_header">
<div id="work_left">
<table cellspacing="0" id="work_value" data-vue-component="product-evaluate" data-product-id="RE228866">
<tr>
<td class="work_rankin">
<table cellspacing="0">
<tr>
<td v-if="product.ranks.total" v-cloak class="crown_total" :title="$t('product.evaluate.ranking_total' , [ product.ranks.total.rank_date, product.ranks.total.rank ])">&nbsp;</td>
<td v-if="product.ranks.year" v-cloak class="crown_year" :title="$t('product.evaluate.ranking_year' , [ product.ranks.year.rank_date , product.ranks.year.rank ])">&nbsp;</td>
<td v-if="product.ranks.month" v-cloak class="crown_month" :title="$t('product.evaluate.ranking_monthly', [ product.ranks.month.rank_date, product.ranks.month.rank ])">&nbsp;</td>
<td v-if="product.ranks.week" v-cloak class="crown_week" :title="$t('product.evaluate.ranking_weekly' , [ product.ranks.week.rank_date , product.ranks.week.rank ])">&nbsp;</td>
<td v-if="product.ranks.day" v-cloak class="crown_hour" :title="$t('product.evaluate.ranking_daily' , [ product.ranks.day.rank_date , product.ranks.day.rank ])">&nbsp;</td>
</tr>
</table>
</td>
<td class="work_rating" v-cloak>
<div class="star_rating_wrap" v-if="product.rate_count > 0">
<div class="star_rating" :class="'star_' + product.rate_average_star" @mouseenter="showRateDetail" @mouseleave="hideRateDetail">({{ product.rate_count }})</div>
<div class="rating_popup bounceInDown" :class="{ open: is_open_rate }" v-if="is_display_rate">
<div class="rating_popup_inner">
<table>
<tbody>
<tr>
<th>Average</th>
<td><p class="rating_score">{{ product.rate_average_2dp }}</p></td>
</tr>
<tr>
<th>Rating</th>
<td>
<dl class="rating_map">
<dt class="rating_map_label">
<p>5 star</p>
</dt>
<dd class="rating_map_body">
<div class="rating_meter">
<div class="rating_bar" :style="{ width: is_open_rate ? Math.floor(product.rate_count_detail[4].ratio * 0.8) + 'px' : 0 }"></div>
</div>
({{ product.rate_count_detail ? product.rate_count_detail[4].count : 0 }})
</dd>
<dt class="rating_map_label">
<p>4 star</p>
</dt>
<dd class="rating_map_body">
<div class="rating_meter">
<div class="rating_bar" :style="{ width: is_open_rate ? Math.floor(product.rate_count_detail[3].ratio * 0.8) + 'px' : 0 }"></div>
</div>
({{ product.rate_count_detail ? product.rate_count_detail[3].count : 0 }})
</dd>
<dt class="rating_map_label">
<p>3 star</p>
</dt>
<dd class="rating_map_body">
<div class="rating_meter">
<div class="rating_bar" :style="{ width: is_open_rate ? Math.floor(product.rate_count_detail[2].ratio * 0.8) + 'px' : 0 }"></div>
</div>
({{ product.rate_count_detail ? product.rate_count_detail[2].count : 0 }})
</dd>
<dt class="rating_map_label">
<p>2 star</p>
</dt>
<dd class="rating_map_body">
<div class="rating_meter">
<div class="rating_bar" :style="{ width: is_open_rate ? Math.floor(product.rate_count_detail[1].ratio * 0.8) + 'px' : 0 }"></div>
</div>
({{ product.rate_count_detail ? product.rate_count_detail[1].count : 0 }})
</dd>
<dt class="rating_map_label">
<p>1 star</p>
</dt>
<dd class="rating_map_body">
<div class="rating_meter">
<div class="rating_bar" :style="{ width: is_open_rate ? Math.floor(product.rate_count_detail[0].ratio * 0.8) + 'px' : 0 }"></div>
</div>
({{ product.rate_count_detail ? product.rate_count_detail[0].count : 0 }})
</dd>
</dl>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</td>
<td v-if="product.review_count" v-cloak class="work_review">
<a class="_review_count" href="#review_link"><div :title="$t('product.evaluate.with_review')" v-text="product.review_count"></div></a>
</td>
<!-- 販売 / DL数 -->
<td class="work_dl" v-if="product.dl_count !== undefined && product.dl_count > 0" v-cloak>
<div v-html="$t('product.evaluate.purchase_count', [ product.dl_count ])"></div>
</td>
<!-- お気に入り数 -->
<td class="work_dl" v-if="product.wishlist_count !== undefined && product.wishlist_count > 0" v-cloak>
<div v-html="$t('product.evaluate.favorite_count', [ product.wishlist_count ])"></div>
</td>
</tr>
</table>
<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">
<a rel="noopener" href="https://www.dlsite.com/eng/popup/=/file/smp1/product_id/RE228866.html" target="_blank">Display in HTML format</a>
<!-- 枚数 -->
<span v-t="{ path: 'product.slider.totalImages', args: [items.length] }"></span>
</div>
<!-- Popup viewer -->
<div v-if="popupVisible" class="slider_popup_overlay" @click="hidePopup">
<div class="slider_popup" @click.stop>
<span class="slider_popup_close" @click="hidePopup"></span>
<div class="slider_popup_rightpane">
<div class="slider_popup_sidebar">
<template v-for="(item, index) in items">
<div rel="noopener" target="_blank" :class="{active:(index === swiper.realIndex)}" @click="slideTo(index, false)">
<img :src="item.thumb.src" alt="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 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/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><a href="https://www.dlsite.com/eng/fsr/=/genre/222/from/work.genre">Childhood Friend</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 itemprop="description" class="work_article work_story">** 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!</div>
<!-- notice -->
<!-- /notice -->
<script>
jQuery(function($){
$('._to_out').click(function(){
ga('send', 'event', 'eng', $(this).data('action'), $(this).data('label'), {'nonInteraction': 1});
});
});
</script>
<!-- relation -->
<!-- /relation -->
<!-- same -->
<!-- /same -->
<!-- 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 -->
</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 || rentaled" class="campaign_info">
<p v-if="rentaled" class="type_rental"><span>レンタル期間中割引<span class="limit">あと{{ rentaled.limit }}</span><span class="period">{{ rentaled.period }}まで</span></span></p>
<p v-if="product.is_discount" class="type_sale">
<a rel="noopener" v-if="product.discount_to" :href="product.discount_to" :title="product.discount_rate == 100 ? 'Free' : product.discount_rate + '%OFF'" target="_blank"><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></a>
<span v-else>{{ 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>
</div>
<div class="work_buy_container">
<div class="work_buy_body">
<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="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>
<p v-else 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>
</template>
<!-- お気に入り -->
<p v-if="is_check" class="work_favorite"><a class="btn_favorite">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="is_display_cart_popup" class="add_cart_popup_container">
<div class="add_cart_popup">
<p class="add_cart_title">Added to Cart</p>
<div class="add_cart_btn type_go_cart">
<a href="https://www.dlsite.com/eng/cart/=/product_id/RE228866.html">Proceed to Cart</a>
</div>
</div>
</div>
</template>
</div>
</div>
<div v-else-if="product.price === undefined" class="work_buy_main">
<!-- IE8 or noscript -->
<div id="work_price">
<div class="work_buy_type">
<div class="work_buy_container">
<div class="work_buy_body">
<div class="work_buy_label">Price</div>
<div class="work_buy_content">
<span class="price">$4.53&nbsp;/&nbsp;&euro;4.08<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.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_thumb">
<img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ229000/RJ228866_img_sam.jpg" alt="With Your First Girlfriend, at a Ghostly Night [Ear Cleaning] [Sleep Sharing] [Triangle!]" class="target_type" />
</div>
<template v-if="product.is_rental">
<div v-if="product.on_sale" class="cart_box_type" :class="{ select: buy_type == 'sell' }" @click.prevent="buy_type = 'sell'">
<div class="type_label">
<input type="radio" name="buy_type_display" id="buy_type_display" :checked="buy_type == 'sell'">
<label for="buy_type_display">通常購入</label>
</div>
<div class="work_buy_body">
<p class="work_price"><span>{{ real_price | number_format }}円</span></p>
</div>
</div>
<div v-for="work_rental in product.work_rentals" class="cart_box_type" :class="{ select: buy_type == 'rental' && rental_id == work_rental.id, disabled: rentaled }" @click.prevent=" ! rentaled && (buy_type = 'rental') && (rental_id = work_rental.id)">
<div v-if="product.on_sale || product.work_rentals.length > 1" class="type_label">
<input type="radio" name="buy_type_display" :id="'by_type_display_' + work_rental.id" :disabled="rentaled" :checked="buy_type == 'rental' && rental_id == work_rental.id">
<label :for="'by_type_display_' + work_rental.id">レンタル</label>
</div>
<p v-else class="label_static">レンタル</p>
<div class="work_buy_body">
<div class="work_buy_label rental_period">{{ work_rental.time_str }}{{ work_rental.time_unit_en }}</div>
<div class="work_buy_content">
<p class="work_price"><span>{{ work_rental.price | number_format }}円</span></p>
</div>
</div>
</div>
</template>
<template v-else>
<div class="work_buy_body">
<div class="work_buy_label">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>
</template>
<div class="btn_wrap">
<template v-if="buy_type == 'rental' || ! is_bought && ! rentaled && ! product.on_sale">
<p v-if="carted && carted.rental_id == rental.id" class="work_cart"><a :href="'https://www.dlsite.com/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 })" :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>
<p v-else class="work_cart"><a @click.prevent="addCart({ product_id:product.product_id })" href="https://www.dlsite.com/eng/cart/=/product_id/RE228866.html" class="btn_cart" data-link-name="float">Add to Cart</a></p>
</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 @click.prevent="showPopup()" 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 }" data-link-name="float">{{ is_favorite ? 'Already in My Favorites' : 'Add to My Favorites' }}</a></p>
</div>
</div>
</div>
</div>
<div class="work_privilege_guide" v-if="(gift && gift.title) || coupons.length" v-cloak>
<p class="separate_title"><span>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 class="right_module" id="same_work" data-section_name="right_work_same_circle">
<h3>Products by the Circle</h3>
<div class="right_module_content">
<div class="list_head"><h4>Releases</h4></div>
<table cellspacing="0" class="same_work">
<tr>
<td class="work_img">
<a href="https://www.dlsite.com/eng/work/=/product_id/RE180674.html" data-vue-component="thumb-img-popup">
<img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ181000/RJ180674_img_sam_mini.jpg" alt="Fireworks With First Love Girlfriend [Ear Cleaning] [Fall Asleep] [Triangle!]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
<div v-cloak class="work_img_popover flip">
<img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/doujin/RJ181000/RJ180674_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="Fireworks With First Love Girlfriend [Ear Cleaning] [Fall Asleep] [Triangle!]">
</div>
</a>
</td>
<td class="name"> <div class="icon_wrap"><span class="icon_lead_01 type_sale">50%OFF</span></div> <span class="work_name"><a href="https://www.dlsite.com/eng/work/=/product_id/RE180674.html">Fireworks With First Love Girlfriend [Ear Cleaning] [Fall Asleep]</a></span>
<span class="work_price">$4.53</span>
</td>
</tr>
<tr>
<td class="work_img">
<a href="https://www.dlsite.com/eng/work/=/product_id/RE176184.html" data-vue-component="thumb-img-popup">
<img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ177000/RJ176184_img_sam_mini.jpg" alt="Hanikami Commute Date-chu! [Soothing Audio] [Triangle!]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
<div v-cloak class="work_img_popover flip">
<img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/doujin/RJ177000/RJ176184_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="Hanikami Commute Date-chu! [Soothing Audio] [Triangle!]">
</div>
</a>
</td>
<td class="name"> <div class="icon_wrap"><span class="icon_lead_01 type_sale">50%OFF</span></div> <span class="work_name"><a href="https://www.dlsite.com/eng/work/=/product_id/RE176184.html">Hanikami Commute Date-chu! [Soothing Audio]</a></span>
<span class="work_price">$3.52</span>
</td>
</tr>
<tr>
<td class="work_img">
<a href="https://www.dlsite.com/eng/work/=/product_id/RE073910.html" data-vue-component="thumb-img-popup">
<img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ074000/RJ073910_img_sam_mini.jpg" alt="Trianthology! ACE [Triangle!]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
<div v-cloak class="work_img_popover flip">
<img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/doujin/RJ074000/RJ073910_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="Trianthology! ACE [Triangle!]">
</div>
</a>
</td>
<td class="name"> <div class="icon_wrap"><span class="icon_lead_01 type_sale">50%OFF</span></div> <span class="work_name"><a href="https://www.dlsite.com/eng/work/=/product_id/RE073910.html">Trianthology! ACE</a></span>
<span class="work_price">$1.51</span>
</td>
</tr>
<tr>
<td class="work_img">
<a href="https://www.dlsite.com/eng/work/=/product_id/RE073917.html" data-vue-component="thumb-img-popup">
<img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ074000/RJ073917_img_sam_mini.jpg" alt="Trianthology! X [Triangle!]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
<div v-cloak class="work_img_popover flip">
<img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/doujin/RJ074000/RJ073917_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="Trianthology! X [Triangle!]">
</div>
</a>
</td>
<td class="name"> <div class="icon_wrap"><span class="icon_lead_01 type_sale">50%OFF</span></div> <span class="work_name"><a href="https://www.dlsite.com/eng/work/=/product_id/RE073917.html">Trianthology! X</a></span>
<span class="work_price">$2.01</span>
</td>
</tr>
<tr>
<td class="work_img">
<a href="https://www.dlsite.com/eng/work/=/product_id/RE073911.html" data-vue-component="thumb-img-popup">
<img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ074000/RJ073911_img_sam_mini.jpg" alt="Misato 4Coma Anthology [Triangle!]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
<div v-cloak class="work_img_popover flip">
<img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/doujin/RJ074000/RJ073911_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="Misato 4Coma Anthology [Triangle!]">
</div>
</a>
</td>
<td class="name"> <div class="icon_wrap"><span class="icon_lead_01 type_sale">50%OFF</span></div> <span class="work_name"><a href="https://www.dlsite.com/eng/work/=/product_id/RE073911.html">Misato 4Coma Anthology</a></span>
<span class="work_price">$1.51</span>
</td>
</tr>
<tr>
<td class="work_img">
<a href="https://www.dlsite.com/eng/work/=/product_id/RE073920.html" data-vue-component="thumb-img-popup">
<img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ074000/RJ073920_img_sam_mini.jpg" alt="TRIF: trif [Triangle!]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
<div v-cloak class="work_img_popover flip">
<img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/doujin/RJ074000/RJ073920_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="TRIF: trif [Triangle!]">
</div>
</a>
</td>
<td class="name"> <div class="icon_wrap"><span class="icon_lead_01 type_sale">50%OFF</span></div> <span class="work_name"><a href="https://www.dlsite.com/eng/work/=/product_id/RE073920.html">TRIF: trif</a></span>
<span class="work_price">$7.56</span>
</td>
</tr>
<tr>
<td class="work_img">
<a href="https://www.dlsite.com/eng/work/=/product_id/RE081812.html" data-vue-component="thumb-img-popup">
<img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ082000/RJ081812_img_sam_mini.jpg" alt="See You Again in the SMILE [Triangle!]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
<div v-cloak class="work_img_popover flip">
<img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/doujin/RJ082000/RJ081812_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="See You Again in the SMILE [Triangle!]">
</div>
</a>
</td>
<td class="name"> <div class="icon_wrap"><span class="icon_lead_01 type_sale">50%OFF</span></div> <span class="work_name"><a href="https://www.dlsite.com/eng/work/=/product_id/RE081812.html">See You Again in the SMILE </a></span>
<span class="work_price">$2.01</span>
</td>
</tr>
</table>
<p class="more_right"><a href="https://www.dlsite.com/eng/fsr/=/keyword_maker_name/Triangle%21+RG14177/ana_flg/all/from/work.same_maker">See more...</a></p>
<div class="list_head"><h4>Series</h4></div>
<div class="list_content">
<ul class="list_content_series">
<li><a href="https://www.dlsite.com/eng/fsr/=/keyword/%22Your+Pure+Girlfriend%22+SRI0000016970/from/work.same_series"><strong>Your Pure Girlfriend(1Works)</strong></a></li>
</ul>
</div>
<p class="more_right"><a href="https://www.dlsite.com/eng/circle/profile/=/maker_id/RG14177.html">See more...</a></p>
</div>
</div>
</div>
<!-- /right -->
<!-- footer -->
<div id="footer" data-section_name="footer">
<div class="pagetop_block clearfix">
<p class="pagetop"><a href="#header">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/company-overview.html" target="_blank">About our Company</a></li>
<li class="link_list_item"><a rel="noopener" href="https://eisys.talentcld.com/" 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="http://dlsite-english.tumblr.com/" target="_blank" class="tumblr">Tumblr</a></li>
<li class="footer_sns_item"><a rel="noopener" href="https://www.instagram.com/dlsite_english/" 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://discordapp.com/channels/555918616793710592/" target="_blank" class="discord">Discord</a></li>
</ul>
</div>
<div class="footer_section_inner multilingual">
<div class="link_list_wrap">
<div class="link_list_box">
<div class="label">International</div>
<ul class="link_list type_horizontal">
<li class="link_list_item"><a href="https://www.dlsite.com/home/">日本語</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com/eng/">English</a></li>
<li class="link_list_item"><a href="https://www.dlsite.com.tw/home/">繁體中文</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 Internet Explorer, 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&_=1561425273"></script>
<script type="text/javascript" src="/vue/js/pc/app.js?cdn_cache=1&v=0.1.2&_=1578552328"></script>
<script type="text/javascript">
(function(document, undefined) {
"use strict";
var $script = document.createElement('script');
$script.src = document.location.protocol + '//banner.eisys-bcs.jp/js/bcs.min.js';
document.body.appendChild($script);
$(window).bind('guestbannerDelete', function(){
var $guest_banner = $('.bcs_viewer').find('.__guest');
if ($.cookie('loginchecked') >= 1 && $guest_banner.length > 0 ) {
$guest_banner.remove();
}
});
})(document);
</script>
<style>
div.measure_tag {
height: 0 !important;
width: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
margin-top: -10000px;
margin-left: -10000px;
float: left;
}
</style>
<div class="measure_tag"></div>
<!-- /script_footer -->
<script type="text/javascript">var contents = {"impression":[],"detail":[{"id":"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","restore_price":"900"}],"time":0.00014901161193847656};</script>
</body>
</html>