spoilerを画像にだけ適用するように変更

タグの入力確定時にtrimする

app/DeactivatedUser.php

@@ -0,0 +1,18 @@
+<?php
+
+namespace App;
+
+use Illuminate\Database\Eloquent\Model;
+
+/**
+ * 削除済Userのユーザー名履歴
+ */
+class DeactivatedUser extends Model
+{
+    public $incrementing = false;
+    protected $keyType = 'string';
+
+    protected $fillable = [
+        'name'
+    ];
+}

app/Http/Controllers/Auth/RegisterController.php

@@ -48,7 +48,7 @@ class RegisterController extends Controller
     protected function validator(array $data)
     {
         $rules = [
-            'name' => 'required|string|regex:/^[a-zA-Z0-9_-]+$/u|max:15|unique:users',
+            'name' => 'required|string|regex:/^[a-zA-Z0-9_-]+$/u|max:15|unique:users|unique:deactivated_users',
             'email' => 'required|string|email|max:255|unique:users',
             'password' => 'required|string|min:6|confirmed'
         ];

app/Http/Controllers/EjaculationController.php

@@ -65,6 +65,10 @@ class EjaculationController extends Controller
         if (!empty($inputs['tags'])) {
             $tags = explode(' ', $inputs['tags']);
             foreach ($tags as $tag) {
+                if ($tag === '') {
+                    continue;
+                }
+
                 $tag = Tag::firstOrCreate(['name' => $tag]);
                 $tagIds[] = $tag->id;
             }
@@ -106,6 +110,8 @@ class EjaculationController extends Controller
     {
         $ejaculation = Ejaculation::findOrFail($id);
 
+        $this->authorize('edit', $ejaculation);
+
         return view('ejaculation.edit')->with(compact('ejaculation'));
     }
 
@@ -113,6 +119,8 @@ class EjaculationController extends Controller
     {
         $ejaculation = Ejaculation::findOrFail($id);
 
+        $this->authorize('edit', $ejaculation);
+
         $inputs = $request->all();
 
         $validator = Validator::make($inputs, [
@@ -147,6 +155,10 @@ class EjaculationController extends Controller
         if (!empty($inputs['tags'])) {
             $tags = explode(' ', $inputs['tags']);
             foreach ($tags as $tag) {
+                if ($tag === '') {
+                    continue;
+                }
+
                 $tag = Tag::firstOrCreate(['name' => $tag]);
                 $tagIds[] = $tag->id;
             }
@@ -163,6 +175,9 @@ class EjaculationController extends Controller
     public function destroy($id)
     {
         $ejaculation = Ejaculation::findOrFail($id);
+
+        $this->authorize('edit', $ejaculation);
+
         $user = User::findOrFail($ejaculation->user_id);
         $ejaculation->tags()->detach();
         $ejaculation->delete();

app/Http/Controllers/SettingController.php

@@ -2,10 +2,14 @@
 
 namespace App\Http\Controllers;
 
+use App\DeactivatedUser;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Hash;
 use Illuminate\Support\Facades\Validator;
 use Illuminate\Validation\Rule;
+use Illuminate\Validation\ValidationException;
 
 class SettingController extends Controller
 {
@@ -67,6 +71,51 @@ class SettingController extends Controller
         return redirect()->route('setting.privacy')->with('status', 'プライバシー設定を更新しました。');
     }
 
+    public function deactivate()
+    {
+        return view('setting.deactivate');
+    }
+
+    public function destroyUser(Request $request)
+    {
+        // パスワードチェック
+        $validated = $request->validate([
+            'password' => 'required|string'
+        ]);
+
+        if (!Hash::check($validated['password'], Auth::user()->getAuthPassword())) {
+            throw ValidationException::withMessages([
+                'password' => 'パスワードが正しくありません。'
+            ]);
+        }
+
+        // データの削除
+        set_time_limit(0);
+        DB::transaction(function () {
+            $user = Auth::user();
+
+            // 関連レコードの削除
+            // TODO: 別にDELETE文相当のクエリを一発発行するだけでもいい？
+            foreach ($user->ejaculations as $ejaculation) {
+                $ejaculation->delete();
+            }
+            foreach ($user->likes as $like) {
+                $like->delete();
+            }
+
+            // 先にログアウトしないとユーザーは消せない
+            Auth::logout();
+
+            // ユーザーの削除
+            $user->delete();
+
+            // ユーザー名履歴に追記
+            DeactivatedUser::create(['name' => $user->name]);
+        });
+
+        return view('setting.deactivated');
+    }
+
     // ( ◠‿◠ )☛ここに気づいたか・・・消えてもらう ▂▅▇█▓▒░(’ω’)░▒▓█▇▅▂うわあああああああ
 //    public function password()
 //    {

app/Http/Controllers/TagController.php

@@ -0,0 +1,37 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Tag;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\DB;
+
+class TagController extends Controller
+{
+    public function index()
+    {
+        $tags = Tag::select(DB::raw(
+            <<<'SQL'
+tags.name,
+count(*) AS "checkins_count"
+SQL
+        ))
+            ->join('ejaculation_tag', 'tags.id', '=', 'ejaculation_tag.tag_id')
+            ->join('ejaculations', 'ejaculations.id', '=', 'ejaculation_tag.ejaculation_id')
+            ->join('users', 'users.id', '=', 'ejaculations.user_id')
+            ->where('ejaculations.is_private', false)
+            ->where(function ($query) {
+                $query->where('users.is_protected', false);
+                if (Auth::check()) {
+                    $query->orWhere('users.id', Auth::id());
+                }
+            })
+            ->groupBy('tags.name')
+            ->orderByDesc('checkins_count')
+            ->orderBy('tags.name')
+            ->paginate(100);
+
+        return view('tag.index', compact('tags'));
+    }
+}

app/MetadataResolver/ActivityPubResolver.php

@@ -37,6 +37,10 @@ class ActivityPubResolver implements Resolver, Parser
         $activityOrObject = json_decode($json, true);
         $object = $activityOrObject['object'] ?? $activityOrObject;
 
+        if ($object['type'] !== 'Note') {
+            throw new UnsupportedContentException('Unsupported object type: ' . $object['type']);
+        }
+
         $metadata = new Metadata();
 
         $metadata->title = isset($object['attributedTo']) ? $this->getTitleFromActor($object['attributedTo']) : '';

app/MetadataResolver/DLsiteResolver.php

@@ -53,17 +53,19 @@ class DLsiteResolver implements Resolver
     public function resolve(string $url): Metadata
     {
         //アフィリエイトの場合は普通のURLに変換
-        if (strpos($url, '/dlaf/=/link/') !== false) {
-            preg_match('~www\.dlsite\.com/(?P<genre>.+)/dlaf/=/link/work/aid/.+/id/(?P<titleId>..\d+)(\.html)?~', $url, $matches);
+        // ID型
+        if (preg_match('~/dlaf/=(/.+/.+)?/link/~', $url)) {
+            preg_match('~www\.dlsite\.com/(?P<genre>.+)/dlaf/=(/.+/.+)?/link/work/aid/(?P<AffiliateId>.+)/id/(?P<titleId>..\d+)(\.html)?~', $url, $matches);
             $url = "https://www.dlsite.com/{$matches['genre']}/work/=/product_id/{$matches['titleId']}.html";
         }
+        // URL型
         if (strpos($url, '/dlaf/=/aid/') !== false) {
             preg_match('~www\.dlsite\.com/.+/dlaf/=/aid/.+/url/(?P<url>.+)~', $url, $matches);
-            $affiliate_url = urldecode($matches['url']);
-            if (preg_match('~www\.dlsite\.com/.+/(work|announce)/=/product_id/..\d+(\.html)?~', $affiliate_url, $matches)) {
-                $url = $affiliate_url;
+            $affiliateUrl = urldecode($matches['url']);
+            if (preg_match('~www\.dlsite\.com/.+/(work|announce)/=/product_id/..\d+(\.html)?~', $affiliateUrl, $matches)) {
+                $url = $affiliateUrl;
             } else {
-                throw new \RuntimeException("アフィリエイト先のリンクがDLsiteのタイトルではありません: $affiliate_url");
+                throw new \RuntimeException("アフィリエイト先のリンクがDLsiteのタイトルではありません: $affiliateUrl");
             }
         }
 
@@ -85,8 +87,8 @@ class DLsiteResolver implements Resolver
         preg_match('~ \[([^\[\]]*)\] (予告作品 )?\| DLsite(がるまに)?$~', $metadata->title, $match);
         $makers = explode(' ', $match[1]);
 
-        //フォローボタン(.btn_follow)はテキストを含んでしまうことがあるので要素を削除しておく
-        $followButtonNode = $xpath->query('//*[@class="btn_follow"]')->item(0);
+        //フォローボタン(.add_follow)はテキストを含んでしまうことがあるので要素を削除しておく
+        $followButtonNode = $xpath->query('//*[@class="add_follow"]')->item(0);
         $followButtonNode->parentNode->removeChild($followButtonNode);
 
         // maker, makerHeadを探す

app/MetadataResolver/HentaiFoundryResolver.php

@@ -0,0 +1,56 @@
+<?php
+
+namespace App\MetadataResolver;
+
+use GuzzleHttp\Client;
+use GuzzleHttp\Cookie\CookieJar;
+use Symfony\Component\DomCrawler\Crawler;
+
+class HentaiFoundryResolver implements Resolver
+{
+    /**
+     * @var Client
+     */
+    private $client;
+    /**
+     * @var OGPResolver
+     */
+    private $ogpResolver;
+
+    public function __construct(Client $client, OGPResolver $ogpResolver)
+    {
+        $this->client = $client;
+        $this->ogpResolver = $ogpResolver;
+    }
+
+    private function nbsp2space(string $string): string
+    {
+        return str_replace("\xc2\xa0", ' ', $string);
+    }
+
+    private function br2nl(string $string): string
+    {
+        return str_replace('<br>', PHP_EOL, $string);
+    }
+
+    public function resolve(string $url): Metadata
+    {
+        $res = $this->client->get(
+            http_build_url($url, ['query' => 'enterAgree=1']),
+            ['cookies' => new CookieJar()]
+        );
+
+        $metadata = new Metadata();
+        $crawler = new Crawler((string) $res->getBody());
+
+        $author =  $crawler->filter('#picBox .boxtitle a')->text();
+        $description = trim(strip_tags($this->nbsp2space($this->br2nl($crawler->filter('.picDescript')->html()))));
+
+        $metadata->title = $crawler->filter('#picBox .boxtitle .imageTitle')->text();
+        $metadata->description = 'by ' . $author . PHP_EOL . $description;
+        $metadata->image = 'https:' . $crawler->filter('img[src^="//picture"]')->attr('src');
+        $metadata->tags = $crawler->filter('a[rel="tag"]')->extract('_text');
+
+        return $metadata;
+    }
+}

app/MetadataResolver/MetadataResolver.php

@@ -16,11 +16,11 @@ class MetadataResolver implements Resolver
         '~ec\.toranoana\.(jp|shop)/(tora|joshi)(_[rd]+)?/(ec|digi)/item/~' => ToranoanaResolver::class,
         '~iwara\.tv/(videos|images)/.*~' => IwaraResolver::class,
         '~www\.dlsite\.com/.*/(work|announce)/=/product_id/..\d+(\.html)?~' => DLsiteResolver::class,
-        '~www\.dlsite\.com/.*/dlaf/=/link/(work|announce)/aid/.+/..\d+(\.html)?~' => DLsiteResolver::class,
+        '~www\.dlsite\.com/.*/dlaf/=(/.+/.+)?/link/work/aid/.+(/id)?/..\d+(\.html)?~' => DLsiteResolver::class,
         '~www\.dlsite\.com/.*/dlaf/=/aid/.+/url/.+~' => DLsiteResolver::class,
         '~dlsite\.jp/...tw/..\d+~' => DLsiteResolver::class,
         '~www\.pixiv\.net/member_illust\.php\?illust_id=\d+~' => PixivResolver::class,
-        '~www\.pixiv\.net/artworks/\d+~' => PixivResolver::class,
+        '~www\.pixiv\.net/(en/)?artworks/\d+~' => PixivResolver::class,
         '~www\.pixiv\.net/user/\d+/series/\d+~' => PixivResolver::class,
         '~fantia\.jp/posts/\d+~' => FantiaResolver::class,
         '~dmm\.co\.jp/~' => FanzaResolver::class,
@@ -33,6 +33,7 @@ class MetadataResolver implements Resolver
         '~store\.steampowered\.com/app/\d+~' => SteamResolver::class,
         '~www\.xtube\.com/video-watch/.*-\d+$~'=> XtubeResolver::class,
         '~ss\.kb10uy\.org/posts/\d+$~' => Kb10uyShortStoryServerResolver::class,
+        '~www\.hentai-foundry\.com/pictures/user/.+/\d+/.+~'=> HentaiFoundryResolver::class,
     ];
 
     public $mimeTypes = [
@@ -48,16 +49,19 @@ class MetadataResolver implements Resolver
     {
         foreach ($this->rules as $pattern => $class) {
             if (preg_match($pattern, $url) === 1) {
+                try {
                     /** @var Resolver $resolver */
                     $resolver = app($class);
 
                     return $resolver->resolve($url);
+                } catch (UnsupportedContentException $e) {
+                }
             }
         }
 
-        $result = $this->resolveWithAcceptHeader($url);
-        if ($result !== null) {
-            return $result;
+        try {
+            return $this->resolveWithAcceptHeader($url);
+        } catch (UnsupportedContentException $e) {
         }
 
         if (isset($this->defaultResolver)) {
@@ -70,7 +74,7 @@ class MetadataResolver implements Resolver
         throw new \UnexpectedValueException('URL not matched.');
     }
 
-    public function resolveWithAcceptHeader(string $url): ?Metadata
+    public function resolveWithAcceptHeader(string $url): Metadata
     {
         try {
             // Rails等はAcceptに */* が入っていると、ブラウザの適当なAcceptヘッダだと判断して全部無視してしまう。
@@ -115,6 +119,6 @@ class MetadataResolver implements Resolver
             // 5xx は変なAcceptが原因かもしれない（？）ので無視してフォールバック
         }
 
-        return null;
+        throw new UnsupportedContentException();
     }
 }

app/MetadataResolver/PixivResolver.php

@@ -45,8 +45,8 @@ class PixivResolver implements Resolver
         }
 
         $page = 0;
-        if (preg_match('~www\.pixiv\.net/artworks/(\d+)~', $url, $matches)) {
-            $illustId = $matches[1];
+        if (preg_match('~www\.pixiv\.net/(en/)?artworks/(?P<illustId>\d+)~', $url, $matches)) {
+            $illustId = $matches['illustId'];
         } else {
             parse_str(parse_url($url, PHP_URL_QUERY), $params);
             $illustId = $params['illust_id'];

app/MetadataResolver/UnsupportedContentException.php

@@ -0,0 +1,12 @@
+<?php
+
+namespace App\MetadataResolver;
+
+use Exception;
+
+/**
+ * このResolverやParserが対応していないサイトであったことを表わします。
+ */
+class UnsupportedContentException extends Exception
+{
+}

app/MetadataResolver/XtubeResolver.php

@@ -11,10 +11,15 @@ class XtubeResolver implements Resolver
      * @var Client
      */
     private $client;
+    /**
+     * @var OGPResolver
+     */
+    private $ogpResolver;
 
-    public function __construct(Client $client)
+    public function __construct(Client $client, OGPResolver $ogpResolver)
     {
         $this->client = $client;
+        $this->ogpResolver = $ogpResolver;
     }
 
     public function resolve(string $url): Metadata
@@ -25,17 +30,14 @@ class XtubeResolver implements Resolver
 
         $res = $this->client->get($url);
         $html = (string) $res->getBody();
-        $metadata = new Metadata();
+        $metadata = $this->ogpResolver->parse($html);
         $crawler = new Crawler($html);
 
-        // poster URL抽出
-        $playerConfig = explode("\n", trim($crawler->filter('#playerWrapper script')->last()->text()));
-        preg_match('~https:\\\/\\\/cdn\d+-s-hw-e5\.xtube\.com\\\/m=(?P<size>.{8})\\\/videos\\\/\d{6}\\\/\d{2}\\\/.{5}-.{4}-\\\/original\\\/\d+\.jpg~', $playerConfig[0], $matches);
-        $metadata->image = str_replace('\/', '/', $matches[0]);
-
         $metadata->title = trim($crawler->filter('.underPlayerRateForm h1')->text(''));
         $metadata->description =  trim($crawler->filter('.fullDescription ')->text(''));
-        $metadata->tags = $crawler->filter('.tagsCategories a')->extract('_text');
+        $metadata->image = str_replace('m=eSuQ8f', 'm=eaAaaEFb', $metadata->image);
+        $metadata->image = str_replace('240X180', 'original', $metadata->image);
+        $metadata->tags = array_map('trim', $crawler->filter('.tagsCategories a')->extract('_text'));
 
         return $metadata;
     }

app/Policies/EjaculationPolicy.php

@@ -0,0 +1,27 @@
+<?php
+
+namespace App\Policies;
+
+use App\Ejaculation;
+use App\User;
+use Illuminate\Auth\Access\HandlesAuthorization;
+
+class EjaculationPolicy
+{
+    use HandlesAuthorization;
+
+    /**
+     * Create a new policy instance.
+     *
+     * @return void
+     */
+    public function __construct()
+    {
+        //
+    }
+
+    public function edit(User $user, Ejaculation $ejaculation): bool
+    {
+        return $user->id === $ejaculation->user_id;
+    }
+}

app/Providers/AuthServiceProvider.php

@@ -2,6 +2,8 @@
 
 namespace App\Providers;
 
+use App\Ejaculation;
+use App\Policies\EjaculationPolicy;
 use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider;
 use Illuminate\Support\Facades\Gate;
 
@@ -14,6 +16,7 @@ class AuthServiceProvider extends ServiceProvider
      */
     protected $policies = [
         'App\Model' => 'App\Policies\ModelPolicy',
+        Ejaculation::class => EjaculationPolicy::class,
     ];
 
     /**

app/User.php

@@ -53,6 +53,11 @@ class User extends Authenticatable
         return Auth::check() && $this->id === Auth::user()->id;
     }
 
+    public function ejaculations()
+    {
+        return $this->hasMany(Ejaculation::class);
+    }
+
     public function likes()
     {
         return $this->hasMany(Like::class);

composer.json

@@ -10,6 +10,7 @@
         "doctrine/dbal": "^2.9",
         "fideloper/proxy": "~3.3",
         "guzzlehttp/guzzle": "^6.3",
+        "jakeasmith/http_build_url": "^1.0",
         "laravel/framework": "5.5.*",
         "laravel/tinker": "~1.0",
         "misd/linkify": "^1.1",

database/factories/EjaculationFactory.php

@@ -0,0 +1,12 @@
+<?php
+/** @var \Illuminate\Database\Eloquent\Factory $factory */
+
+use App\Ejaculation;
+use Faker\Generator as Faker;
+
+$factory->define(Ejaculation::class, function (Faker $faker) {
+    return [
+        'ejaculated_date' => $faker->date('Y-m-d H:i:s'),
+        'note' => $faker->text,
+    ];
+});

database/factories/LikeFactory.php

@@ -0,0 +1,10 @@
+<?php
+/** @var \Illuminate\Database\Eloquent\Factory $factory */
+
+use Faker\Generator as Faker;
+
+$factory->define(App\Like::class, function (Faker $faker) {
+    return [
+        //
+    ];
+});

database/factories/ModelFactory.php

@@ -1,24 +0,0 @@
-<?php
-
-/*
-|--------------------------------------------------------------------------
-| Model Factories
-|--------------------------------------------------------------------------
-|
-| Here you may define all of your model factories. Model factories give
-| you a convenient way to create models for testing and seeding your
-| database. Just tell the factory how a default model should look.
-|
-*/
-
-/** @var \Illuminate\Database\Eloquent\Factory $factory */
-$factory->define(App\User::class, function (Faker\Generator $faker) {
-    static $password;
-
-    return [
-        'name' => $faker->name,
-        'email' => $faker->unique()->safeEmail,
-        'password' => $password ?: $password = bcrypt('secret'),
-        'remember_token' => str_random(10),
-    ];
-});

database/factories/UserFactory.php

@@ -0,0 +1,21 @@
+<?php
+/** @var \Illuminate\Database\Eloquent\Factory $factory */
+
+$factory->define(App\User::class, function (Faker\Generator $faker) {
+    static $password;
+
+    return [
+        'name' => substr($faker->userName, 0, 15),
+        'email' => $faker->unique()->safeEmail,
+        'password' => $password ?: $password = bcrypt('secret'),
+        'remember_token' => str_random(10),
+        'display_name' => substr($faker->name, 0, 20),
+        'is_protected' => false,
+        'accept_analytics' => false,
+        'private_likes' => false,
+    ];
+});
+
+$factory->state(App\User::class, 'protected', [
+    'is_protected' => true,
+]);

database/migrations/2019_11_14_003449_create_deactivated_users_table.php

@@ -0,0 +1,33 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateDeactivatedUsersTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('deactivated_users', function (Blueprint $table) {
+            $table->string('name', 15);
+            $table->timestamps();
+
+            $table->primary('name');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('deactivated_users');
+    }
+}

phpunit.xml

@@ -27,9 +27,9 @@
         </whitelist>
     </filter>
     <php>
-        <env name="APP_ENV" value="testing"/>
-        <env name="CACHE_DRIVER" value="array"/>
-        <env name="SESSION_DRIVER" value="array"/>
-        <env name="QUEUE_DRIVER" value="sync"/>
+        <env name="APP_ENV" value="testing" force="true"/>
+        <env name="CACHE_DRIVER" value="array" force="true"/>
+        <env name="SESSION_DRIVER" value="array" force="true"/>
+        <env name="QUEUE_DRIVER" value="sync" force="true"/>
     </php>
 </phpunit>

resources/assets/js/app.js

@@ -85,6 +85,9 @@ $(() => {
                     if (xhr.status === 409) {
                         callback(JSON.parse(xhr.responseText));
                         return;
+                    } else if (xhr.status === 401) {
+                        alert('いいねするためにはログインしてください。');
+                        return;
                     }
 
                     console.error(xhr);
@@ -93,9 +96,11 @@ $(() => {
         }
     });
 
-    $(document).on('click', '.card-spoiler-overlay', function (event) {
+    $(document).on('click', '.card-spoiler-wrap', function (event) {
         const $this = $(this);
-        $this.siblings(".card-link").removeClass("card-spoiler");
+        const $card = $this.siblings(".card-link");
+        $card.removeClass("card-spoiler");
+        $card.find('.card-img-spoiler-overlay').remove();
         $this.remove();
     });
 });

resources/assets/js/components/TagInput.vue

@@ -41,7 +41,7 @@
                     case 'Enter':
                     case ' ':
                         if ((event as any).isComposing !== true) {
-                            this.tags.push(this.buffer);
+                            this.tags.push(this.buffer.trim());
                             this.buffer = "";
                         }
                         event.preventDefault();
@@ -49,7 +49,7 @@
                     case 'Unidentified':
                         // 実際にテキストボックスに入力されている文字を見に行く (フォールバック処理)
                         if (event.srcElement && (event.srcElement as HTMLInputElement).value.slice(-1) == ' ') {
-                            this.tags.push(this.buffer);
+                            this.tags.push(this.buffer.trim());
                             this.buffer = "";
                             event.preventDefault();
                         }

resources/assets/js/setting/deactivate.js

@@ -0,0 +1,5 @@
+$('#deactivate-form').on('submit', function () {
+    if (!confirm('本当にアカウントを削除してもよろしいですか？')) {
+        return false;
+    }
+});

resources/assets/js/user/stats.js

@@ -105,7 +105,8 @@ createBarGraph('dow-graph', ['日', '月', '火', '水', '木', '金', '土'], g
 
 // 月間グラフの期間セレクターを準備
 const monthlyTermSelector = document.getElementById('monthly-term');
-for (let year = monthlyTermFrom.getFullYear(); year <= new Date().getFullYear(); year++) {
+const earliestYear = [...new Set(Object.keys(graphData.monthlySum).map(v => v.substr(0, 4)))].shift();
+for (let year = earliestYear; year <= new Date().getFullYear(); year++) {
     const opt = document.createElement('option');
     opt.setAttribute('value', year);
     opt.textContent = `${year}年`;

resources/assets/sass/app.scss

@@ -13,3 +13,6 @@ $primary: #e53fb1;
 // Components
 @import "components/ejaculation";
 @import "components/link-card";
+
+// Tag
+@import "tag/index";

resources/assets/sass/components/_link-card.scss

@@ -31,15 +31,25 @@
     white-space: pre-line;
   }
 
-  .card-spoiler-overlay {
+  .card-spoiler-wrap {
     position: absolute;
     z-index: 1000;
-    display: flex;
-    align-items: center;
-    justify-content: center;
     width: 100%;
     height: 100%;
     cursor: pointer;
+  }
+
+  .card-spoiler img{
+    z-index: 1;
+    filter: blur(15px) grayscale(100%);
+  }
+
+  .card-img-spoiler-overlay {
+    position: absolute;
+    z-index: 2;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 
     .warning-text {
       padding: 10px;
@@ -48,9 +58,4 @@
       border-radius: 5px;
     }
   }
-
-  .card-spoiler {
-    z-index: 1;
-    filter: blur(15px) grayscale(100%);
-  }
 }

resources/assets/sass/tag/_index.scss

@@ -0,0 +1,22 @@
+.tags {
+  & > .btn-tag {
+    width: 100%;
+
+    .tag-name {
+      display: inline-block;
+      max-width: 80%;
+      overflow: hidden;
+      line-height: 40px;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      vertical-align: middle;
+    }
+
+    .checkins-count {
+      display: inline-block;
+      line-height: 40px;
+      white-space: nowrap;
+      vertical-align: middle;
+    }
+  }
+}

resources/views/components/link-card.blade.php

@@ -1,12 +1,15 @@
 <div class="card link-card mb-2 px-0 col-12 d-none" style="font-size: small;">
     @if ($is_too_sensitive)
-        <div class="card-spoiler-overlay">
-            <span class="warning-text">クリックまたはタップで表示</span>
-        </div>
+        <div class="card-spoiler-wrap"> </div>
     @endif
     <a class="text-dark card-link {{ $is_too_sensitive ? 'card-spoiler' : '' }}" href="{{ $link }}" target="_blank" rel="noopener">
         <div class="row no-gutters">
             <div class="col-12 col-md-6 justify-content-center align-items-center">
+                @if ($is_too_sensitive)
+                    <div class="card-img-spoiler-overlay">
+                        <span class="warning-text">クリックまたはタップで表示</span>
+                    </div>
+                @endif
                 <img src="" alt="Thumbnail" class="w-100 bg-secondary">
             </div>
             <div class="col-12 col-md-6">

resources/views/layouts/base.blade.php

@@ -54,6 +54,9 @@
                         <a href="{{ route('user.likes', ['name' => Auth::user()->name]) }}" class="dropdown-item">いいね</a>
                         <div class="dropdown-divider"></div>
                         <a href="{{ route('setting') }}" class="dropdown-item">設定</a>
+                        @can ('admin')
+                            <a href="{{ route('admin.dashboard') }}" class="dropdown-item">管理</a>
+                        @endcan
                         <a href="{{ route('logout') }}" class="dropdown-item" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">ログアウト</a>
                     </div>
                 </div>
@@ -79,6 +82,9 @@
                         <li class="nav-item {{ stripos(Route::currentRouteName(), 'user.okazu') === 0 ? 'active' : ''}}">
                             <a class="nav-link" href="{{ route('user.okazu', ['name' => Auth::user()->name]) }}">オカズ</a>
                         </li>
+                        <li class="nav-item {{ stripos(Route::currentRouteName(), 'tag') === 0 ? 'active' : ''}}">
+                            <a class="nav-link" href="{{ route('tag') }}">タグ一覧</a>
+                        </li>
                         {{--<li class="nav-item">
                             <a class="nav-link" href="{{ route('ranking') }}">ランキング</a>
                         </li>--}}
@@ -137,6 +143,13 @@
                             <a class="btn btn-{{ stripos(Route::currentRouteName(), 'user.okazu') === 0 ? 'primary' : 'outline-secondary'}}" href="{{ route('user.okazu', ['name' => Auth::user()->name]) }}" role="button">オカズ</a>
                         </div>
                     </div>
+                    <div class="row mt-2">
+                        <div class="col">
+                            <a class="btn btn-{{ stripos(Route::currentRouteName(), 'tag') === 0 ? 'primary' : 'outline-secondary'}}" href="{{ route('tag') }}" role="button">タグ一覧</a>
+                        </div>
+                        <div class="col">
+                        </div>
+                    </div>
                     {{-- <div class="row mt-2">
                         <div class="col">
                             <a class="btn btn-outline-secondary" href="{{ route('ranking') }}">ランキング</a>
@@ -201,7 +214,7 @@
 @yield('content')
 <footer class="tis-footer mt-4">
     <div class="container p-3 p-md-4">
-        <p>Copyright (c) 2017-2019 shikorism.net</p>
+        <p>Copyright (c) 2017-2020 shikorism.net</p>
         <ul class="list-inline">
             <li class="list-inline-item"><a href="https://github.com/shibafu528" class="text-dark">Admin(@shibafu528)</a></li>
             <li class="list-inline-item"><a href="https://github.com/shikorism/tissue" class="text-dark">GitHub</a></li>

resources/views/setting/base.blade.php

@@ -10,6 +10,8 @@
                        href="{{ route('setting') }}"><span class="oi oi-person mr-1"></span> プロフィール</a>
                     <a class="list-group-item list-group-item-action {{ Route::currentRouteName() === 'setting.privacy' ? 'active' : '' }}"
                        href="{{ route('setting.privacy') }}"><span class="oi oi-shield mr-1"></span> プライバシー</a>
+                    <a class="list-group-item list-group-item-action {{ Route::currentRouteName() === 'setting.deactivate' ? 'active' : '' }}"
+                       href="{{ route('setting.deactivate') }}"><span class="oi oi-trash mr-1"></span> アカウントの削除</a>
                     {{--<a class="list-group-item list-group-item-action {{ Route::currentRouteName() === 'setting.password' ? 'active' : '' }}"
                        href="{{ route('setting.password') }}"><span class="oi oi-key mr-1"></span> パスワード</a>--}}
                 </div>

resources/views/setting/deactivate.blade.php

@@ -0,0 +1,32 @@
+@extends('setting.base')
+
+@section('title', 'アカウントの削除')
+
+@section('tab-content')
+    <h3>アカウントの削除</h3>
+    <hr>
+    <p>Tissueからあなたのアカウントに関する情報を削除します。</p>
+    <div class="alert alert-danger">
+        <h4 class="alert-heading"><span class="oi oi-warning"></span> 警告</h4>
+        <p><strong>削除はすぐに実行され、取り消すことはできません！</strong></p>
+        <p class="my-0">なりすましを防止するため、あなたのユーザー名はサーバーに記録されます。今後、同じユーザー名を使って再登録することはできません。</p>
+    </div>
+
+    <form id="deactivate-form" action="{{ route('setting.deactivate.destroy') }}" method="post">
+        {{ csrf_field() }}
+        <div class="form-group">
+            <p>上記の条件に同意してアカウントを削除する場合は、パスワードを入力して削除ボタンを押してください。</p>
+            <input name="password" type="password" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" required>
+
+            @if ($errors->has('password'))
+                <div class="invalid-feedback">{{ $errors->first('password') }}</div>
+            @endif
+        </div>
+
+        <button type="submit" class="btn btn-danger mt-2">削除</button>
+    </form>
+@endsection
+
+@push('script')
+    <script src="{{ mix('js/setting/deactivate.js') }}"></script>
+@endpush

resources/views/setting/deactivated.blade.php

@@ -0,0 +1,16 @@
+@extends('layouts.base')
+
+@section('title', 'アカウント削除完了')
+
+@section('content')
+    <div class="container">
+        <h3>アカウントを削除しました</h3>
+        <hr>
+        <p>Tissueをご利用いただき、ありがとうございました。</p>
+        <p class="my-5 text-center"><a class="btn btn-link" href="{{ route('home') }}">トップページへ</a></p>
+    </div>
+@endsection
+
+@push('script')
+    <script src="{{ mix('js/setting/deactivate.js') }}"></script>
+@endpush

resources/views/tag/index.blade.php

@@ -0,0 +1,20 @@
+@extends('layouts.base')
+
+@section('title', 'タグ一覧')
+
+@section('content')
+    <div class="container pb-1">
+        <h2 class="mb-3">タグ一覧</h2>
+        <p class="text-secondary">公開チェックインに付けられているタグを、チェックイン数の多い順で表示しています。</p>
+        <div class="container-fluid">
+            <div class="row mx-1">
+                @foreach($tags as $tag)
+                    <div class="col-12 col-lg-6 col-xl-3 py-3 text-break tags">
+                        <a href="{{ route('search', ['q' => $tag->name]) }}" class="btn btn-outline-primary btn-tag" title="{{ $tag->name }}"><span class="tag-name">{{ $tag->name }}</span> <span class="checkins-count">({{ $tag->checkins_count }})</span></a>
+                    </div>
+                @endforeach
+            </div>
+            {{ $tags->links(null, ['className' => 'mt-4 justify-content-center']) }}
+        </div>
+    </div>
+@endsection

routes/web.php

@@ -36,6 +36,8 @@ Route::middleware('auth')->group(function () {
     Route::post('/setting/profile', 'SettingController@updateProfile')->name('setting.profile.update');
     Route::get('/setting/privacy', 'SettingController@privacy')->name('setting.privacy');
     Route::post('/setting/privacy', 'SettingController@updatePrivacy')->name('setting.privacy.update');
+    Route::get('/setting/deactivate', 'SettingController@deactivate')->name('setting.deactivate');
+    Route::post('/setting/deactivate', 'SettingController@destroyUser')->name('setting.deactivate.destroy');
 //    Route::get('/setting/password', 'SettingController@password')->name('setting.password');
 });
 
@@ -46,6 +48,8 @@ Route::redirect('/search', '/search/checkin', 301);
 Route::get('/search/checkin', 'SearchController@index')->name('search');
 Route::get('/search/related-tag', 'SearchController@relatedTag')->name('search.related-tag');
 
+Route::get('/tag', 'TagController@index')->name('tag');
+
 Route::middleware('can:admin')
     ->namespace('Admin')
     ->prefix('admin')

tests/Feature/SettingTest.php

@@ -0,0 +1,46 @@
+<?php
+
+namespace Tests\Feature;
+
+use App\Ejaculation;
+use App\Like;
+use App\User;
+use Illuminate\Contracts\Auth\Authenticatable;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Illuminate\Foundation\Testing\WithFaker;
+use Symfony\Component\DomCrawler\Crawler;
+use Tests\TestCase;
+
+class SettingTest extends TestCase
+{
+    public function testDestroyUser()
+    {
+        $user = factory(User::class)->create();
+        $ejaculation = factory(Ejaculation::class)->create(['user_id' => $user->id]);
+
+        $anotherUser = factory(User::class)->create();
+        $anotherEjaculation = factory(Ejaculation::class)->create(['user_id' => $anotherUser->id]);
+
+        $like = factory(Like::class)->create([
+            'user_id' => $user->id,
+            'ejaculation_id' => $anotherEjaculation->id,
+        ]);
+        $anotherLike = factory(Like::class)->create([
+            'user_id' => $anotherUser->id,
+            'ejaculation_id' => $ejaculation->id,
+        ]);
+
+        $response = $this->actingAs($user)
+            ->followingRedirects()
+            ->post('/setting/deactivate', ['password' => 'secret']);
+
+        $response->assertStatus(200)
+            ->assertViewIs('setting.deactivated');
+        $this->assertGuest();
+        $this->assertDatabaseMissing('users', ['id' => $user->id]);
+        $this->assertDatabaseMissing('ejaculations', ['id' => $ejaculation->id]);
+        $this->assertDatabaseMissing('likes', ['id' => $like->id]);
+        $this->assertDatabaseMissing('likes', ['id' => $anotherLike->id]);
+        $this->assertDatabaseHas('deactivated_users', ['name' => $user->name]);
+    }
+}

tests/Unit/MetadataResolver/DLsiteResolverTest.php

@@ -60,7 +60,7 @@ class DLsiteResolverTest extends TestCase
         $this->assertEquals('快楽ヒストリエ', $metadata->title);
         $this->assertEquals('著者: 火鳥' . PHP_EOL . '天地創造と原初の人類を描いた「創世編」をはじめ、英雄たちの偉業を大真面目に考証した正真正銘の学術コミック全15編。', $metadata->description);
         $this->assertEquals('https://img.dlsite.jp/modpub/images2/work/books/BJ139000/BJ138581_img_main.jpg', $metadata->image);
-        $this->assertEquals(['おっぱい', '青年コミック', 'ギャグ', 'コメディ', '歴史/時代物', 'ロリ', 'ショタ', '妹', '男性/おやじ', '女王様/お姫様', '王子様/王子系', '戦士', 'セーラー服', '着物/和服', '褐色/日焼け', '爺'], $metadata->tags);
+        $this->assertEquals(['おっぱい', '青年コミック', 'ギャグ', 'コメディ', '歴史/時代物', 'ロリ', 'ショタ', '妹', 'おやじ', '女王様/お姫様', '王子様/王子系', '戦士', 'セーラー服', '着物/和服', '褐色/日焼け'], $metadata->tags);
         if ($this->shouldUseMock()) {
             $this->assertSame('https://www.dlsite.com/comic/work/=/product_id/BJ138581.html', (string) $this->handler->getLastRequest()->getUri());
         }
@@ -92,7 +92,7 @@ class DLsiteResolverTest extends TestCase
         $this->assertEquals('euphoria （HDリマスター） Best Price版', $metadata->title);
         $this->assertEquals('ブランド名: CLOCK UP' . PHP_EOL . 'インモラルハードコアADV「euphoria」が高解像度（1024×768）版、「euphoria HDリマスター」となって登場！', $metadata->description);
         $this->assertEquals('https://img.dlsite.jp/modpub/images2/work/professional/VJ009000/VJ008455_img_main.jpg', $metadata->image);
-        $this->assertEquals(['アブノーマル', 'アヘ顔', '退廃/背徳/インモラル', '拘束', '強制/無理矢理', 'スカトロ', '幼なじみ', '女教師', '拷問', '血液/流血', '狂気'], $metadata->tags);
+        $this->assertEquals(['マニアック/変態', 'アヘ顔', '退廃/背徳/インモラル', '拘束', '強制/無理矢理', 'スカトロ', '幼なじみ', '女教師', '拷問', '血液/流血', '狂気'], $metadata->tags);
         if ($this->shouldUseMock()) {
             $this->assertSame('https://www.dlsite.com/pro/work/=/product_id/VJ008455.html', (string) $this->handler->getLastRequest()->getUri());
         }
@@ -124,7 +124,7 @@ class DLsiteResolverTest extends TestCase
         $this->assertEquals('体イク教師', $metadata->title);
         $this->assertEquals('サークル名: Dusk' . PHP_EOL . '思い込みの激しい体育教師に執着されるお話', $metadata->description);
         $this->assertEquals('https://img.dlsite.jp/modpub/images2/work/doujin/RJ218000/RJ217995_img_main.jpg', $metadata->image);
-        $this->assertEquals(['中出し', '陵辱', '変態', '強制/無理矢理', 'レイプ', '教師'], $metadata->tags);
+        $this->assertEquals(['マニアック/変態', '中出し', '陵辱', '強制/無理矢理', 'レイプ', '教師'], $metadata->tags);
         if ($this->shouldUseMock()) {
             $this->assertSame('https://www.dlsite.com/girls/work/=/product_id/RJ217995.html', (string) $this->handler->getLastRequest()->getUri());
         }
@@ -227,7 +227,7 @@ class DLsiteResolverTest extends TestCase
         }
     }
 
-    public function testAffiliateLink()
+    public function testOldAffiliateLink()
     {
         $responseText = file_get_contents(__DIR__ . '/../../fixture/DLsite/testHome.html');
 
@@ -243,6 +243,38 @@ class DLsiteResolverTest extends TestCase
         }
     }
 
+    public function testSnsAffiliateLink()
+    {
+        $responseText = file_get_contents(__DIR__ . '/../../fixture/DLsite/testHome.html');
+
+        $this->createResolver(DLsiteResolver::class, $responseText);
+
+        $metadata = $this->resolver->resolve('https://www.dlsite.com/home/dlaf/=/t/s/link/work/aid/eai04191/id/RJ221761.html');
+        $this->assertEquals('ひつじ、数えてあげるっ', $metadata->title);
+        $this->assertEquals('サークル名: Butterfly Dream' . PHP_EOL . '眠れないあなたに彼女が羊を数えてくれる音声です。', $metadata->description);
+        $this->assertEquals('https://img.dlsite.jp/modpub/images2/work/doujin/RJ222000/RJ221761_img_main.jpg', $metadata->image);
+        $this->assertEquals(['癒し', 'バイノーラル/ダミヘ', '日常/生活', 'ほのぼの', '恋人同士'], $metadata->tags);
+        if ($this->shouldUseMock()) {
+            $this->assertSame('https://www.dlsite.com/home/work/=/product_id/RJ221761.html', (string) $this->handler->getLastRequest()->getUri());
+        }
+    }
+
+    public function testAffiliateLink()
+    {
+        $responseText = file_get_contents(__DIR__ . '/../../fixture/DLsite/testHome.html');
+
+        $this->createResolver(DLsiteResolver::class, $responseText);
+
+        $metadata = $this->resolver->resolve('https://www.dlsite.com/home/dlaf/=/t/t/link/work/aid/eai04191/id/RJ221761.html');
+        $this->assertEquals('ひつじ、数えてあげるっ', $metadata->title);
+        $this->assertEquals('サークル名: Butterfly Dream' . PHP_EOL . '眠れないあなたに彼女が羊を数えてくれる音声です。', $metadata->description);
+        $this->assertEquals('https://img.dlsite.jp/modpub/images2/work/doujin/RJ222000/RJ221761_img_main.jpg', $metadata->image);
+        $this->assertEquals(['癒し', 'バイノーラル/ダミヘ', '日常/生活', 'ほのぼの', '恋人同士'], $metadata->tags);
+        if ($this->shouldUseMock()) {
+            $this->assertSame('https://www.dlsite.com/home/work/=/product_id/RJ221761.html', (string) $this->handler->getLastRequest()->getUri());
+        }
+    }
+
     public function testAffiliateUrl()
     {
         $responseText = file_get_contents(__DIR__ . '/../../fixture/DLsite/testHome.html');

tests/Unit/MetadataResolver/HentaiFoundryResolverTest.php

@@ -0,0 +1,36 @@
+<?php
+
+namespace Tests\Unit\MetadataResolver;
+
+use App\MetadataResolver\HentaiFoundryResolver;
+use Tests\TestCase;
+
+class HentaiFoundryResolverTest extends TestCase
+{
+    use CreateMockedResolver;
+
+    public function setUp()
+    {
+        parent::setUp();
+
+        if (!$this->shouldUseMock()) {
+            sleep(1);
+        }
+    }
+
+    public function test()
+    {
+        $responseText = file_get_contents(__DIR__ . '/../../fixture/HentaiFoundry/illust.html');
+
+        $this->createResolver(HentaiFoundryResolver::class, $responseText);
+
+        $metadata = $this->resolver->resolve('https://www.hentai-foundry.com/pictures/user/DevilHS/723498/Witchcraft');
+        $this->assertSame('Witchcraft', $metadata->title);
+        $this->assertSame('by DevilHS' . PHP_EOL . 'gift for Liru', $metadata->description);
+        $this->assertEquals(['witch', 'futa'], $metadata->tags);
+        $this->assertSame('https://pictures.hentai-foundry.com/d/DevilHS/723498/DevilHS-723498-Witchcraft.png', $metadata->image);
+        if ($this->shouldUseMock()) {
+            $this->assertSame('https://www.hentai-foundry.com/pictures/user/DevilHS/723498/Witchcraft?enterAgree=1', (string) $this->handler->getLastRequest()->getUri());
+        }
+    }
+}

tests/Unit/MetadataResolver/PixivResolverTest.php

@@ -81,4 +81,20 @@ class PixivResolverTest extends TestCase
             $this->assertSame('https://www.pixiv.net/ajax/illust/68188073', (string) $this->handler->getLastRequest()->getUri());
         }
     }
+
+    public function testArtworkUrlEn()
+    {
+        $responseText = file_get_contents(__DIR__ . '/../../fixture/Pixiv/illust.json');
+
+        $this->createResolver(PixivResolver::class, $responseText);
+
+        $metadata = $this->resolver->resolve('https://www.pixiv.net/en/artworks/68188073');
+        $this->assertEquals('coffee break', $metadata->title);
+        $this->assertEquals('投稿者: 裕' . PHP_EOL, $metadata->description);
+        $this->assertEquals('https://i.pixiv.cat/img-master/img/2018/04/12/00/01/28/68188073_p0_master1200.jpg', $metadata->image);
+        $this->assertEquals(['オリジナル', 'カフェ', '眼鏡', 'イヤホン', 'ぱっつん', '艶ぼくろ', '眼鏡っ娘', 'オリジナル5000users入り'], $metadata->tags);
+        if ($this->shouldUseMock()) {
+            $this->assertSame('https://www.pixiv.net/ajax/illust/68188073', (string) $this->handler->getLastRequest()->getUri());
+        }
+    }
 }

tests/fixture/DLsite/testComic.html

@@ -1,11 +1,11 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:mixi="http://mixi-platform.com/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" lang="ja-jp">
+<!DOCTYPE html>
+<html lang="ja-jp">
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<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" />
+<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_57x57.png">
 <link rel="apple-touch-icon" sizes="72x72" href="/images/web/common/apple_touch_icon_72x72.png">
 <link rel="apple-touch-icon" sizes="76x76" href="/images/web/common/apple_touch_icon_76x76.png">
@@ -13,12 +13,12 @@
 <link rel="apple-touch-icon" sizes="120x120" href="/images/web/common/apple_touch_icon_120x120.png">
 <link rel="apple-touch-icon" sizes="144x144" href="/images/web/common/apple_touch_icon_144x144.png">
 <link rel="apple-touch-icon" sizes="152x152" href="/images/web/common/apple_touch_icon_152x152.png">
-<meta name="msapplication-config" content="/browserconfig.xml" />
+<meta name="msapplication-config" content="/browserconfig.xml">
 <link rel="shortcut icon" href="/images/web/common/favicon.ico">
 
 
 
-      <link rel="canonical" href="https://www.dlsite.com/comic/work/=/product_id/BJ138581.html" />
+      <link rel="canonical" href="https://www.dlsite.com/comic/work/=/product_id/BJ138581.html">
         <link rel="alternate" media="only screen and (max-width: 640px)" href="https://www.dlsite.com/comic-touch/work/=/product_id/BJ138581.html" class="alternate_smartphone" />
       <meta name="description" content="天地創造と原初の人類を描いた「創世編」をはじめ、英雄たちの偉業を大真面目に考証した正真正銘の学術コミック全15編。「DLsite コミック」はコミック・マンガ・電子書籍のダウンロードショップ。お気に入りの作品をすぐダウンロードできてすぐ楽しめる！毎日更新しているのであなたが探している作品にきっと出会えます。国内最大級の二次元総合ダウンロードショップ「DLsite」！">
     <title>快楽ヒストリエ [ワニマガジン社] | DLsite コミック</title>
@@ -26,29 +26,36 @@
 
 <meta name="twitter:card" content="summary_large_image">
 <meta name="twitter:site" content="@DLsite">
-<meta name="twitter:image:src" content="https://img.dlsite.jp/modpub/images2/work/books/BJ139000/BJ138581_img_main.jpg" />
+<meta name="twitter:image:src" content="https://img.dlsite.jp/modpub/images2/work/books/BJ139000/BJ138581_img_main.jpg">
 
-<meta property="og:title" content="快楽ヒストリエ [火鳥] | DLsite" />
-<meta property="og:type" content="website" />
-<meta property="og:description" content="天地創造と原初の人類を描いた「創世編」をはじめ、英雄たちの偉業を大真面目に考証した正真正銘の学術コミック全15編。「DLsite コミック」はコミック・マンガ・電子書籍のダウンロードショップ。お気に入りの作品をすぐダウンロードできてすぐ楽しめる！毎日更新しているのであなたが探している作品にきっと出会えます。国内最大級の二次元総合ダウンロードショップ「DLsite」！" />
-<meta property="og:url" content="https://www.dlsite.com/comic/work/=/product_id/BJ138581.html" />
-<meta property="og:image" content="https://img.dlsite.jp/modpub/images2/work/books/BJ139000/BJ138581_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/comic-touch/work/=/product_id/BJ138581.html" />
+<meta property="og:title" content="快楽ヒストリエ [火鳥] | DLsite">
+<meta property="og:type" content="website">
+<meta property="og:description" content="天地創造と原初の人類を描いた「創世編」をはじめ、英雄たちの偉業を大真面目に考証した正真正銘の学術コミック全15編。「DLsite コミック」はコミック・マンガ・電子書籍のダウンロードショップ。お気に入りの作品をすぐダウンロードできてすぐ楽しめる！毎日更新しているのであなたが探している作品にきっと出会えます。国内最大級の二次元総合ダウンロードショップ「DLsite」！">
+<meta property="og:url" content="https://www.dlsite.com/comic/work/=/product_id/BJ138581.html">
+<meta property="og:image" content="https://img.dlsite.jp/modpub/images2/work/books/BJ139000/BJ138581_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/comic-touch/work/=/product_id/BJ138581.html">
 
 
-<script>/dlsite_dozen=/.test(document.cookie) || (document.cookie = 'dlsite_dozen=' + Math.floor(Math.random() * 12) + '; path=/; max-age=63072000')</script>
+<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?1459221919" type="text/css" id="reset" />
-<link rel="stylesheet" href="/css/default.css?1566881566" type="text/css" id="default" />
+<link rel="stylesheet" href="/css/reset.css?1570688439" type="text/css" id="reset" />
+<link rel="stylesheet" href="/css/default.css?1575516922" type="text/css" id="default" />
 <link rel="stylesheet" href="/css/layout_2col_work.css?1552974983" type="text/css" id="layout_2col_work" />
-<link rel="stylesheet" href="/css/common.css?1567559800" type="text/css" id="common" />
-<link rel="stylesheet" href="/css/switch.css?1560415705" type="text/css" id="switch" />
+<link rel="stylesheet" href="/css/common.css?1578445983" type="text/css" id="common" />
+<link rel="stylesheet" href="/css/switch.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?1567745943" type="text/css" id="header_campaign_banner" />
+<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.css?1566876049" type="text/css" id="work_template" />
+<link rel="stylesheet" href="/css/work_template.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>
@@ -56,7 +63,7 @@
 <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?1524728551"></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>
@@ -67,16 +74,10 @@
 <!-- End Google Tag Manager -->
 
 
-<!--[if IE 6]>
-<script type="text/javascript" src="/js/DD_belatedPNG.js"></script>
-<script>
- DD_belatedPNG.fix('a,img,div,li,td,h1,h2,h3,h4,h5,table,p');
-</script>
-<![endif]-->
 
-<!--[if lte IE 6]>
-<script type="text/javascript" src="minmax.js"></script>
-<![endif]-->
+
+
+
 </head>
 <body class="style_comic">
 <iframe id="op" src="https://login.dlsite.com/assets/login/check_session.html?_=20171107123100" crossorigin="anonymous" style="height:0;width:0;display:none;"></iframe>
@@ -107,6 +108,30 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
 <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"></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">
@@ -215,12 +240,12 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
       <!-- 検索 -->
               <div class="globalSearch">
           <form class="globalSearch-form" action="https://www.dlsite.com/comic/fs" method="post">
-            <input name="_qf__fulltext_search" type="hidden" value="" />
-            <input name="_layout" type="hidden" value="fs" />
-            <input name="_site" type="hidden" value="comic" />
-            <input name="_form_id" type="hidden" value="FulltextSearchProductForm" />
-            <input name="_view" type="hidden" value="input" />
-            <input name="from" type="hidden" value="fs.header" id="header_search_from" />
+            <input name="_qf__fulltext_search" type="hidden" value="">
+            <input name="_layout" type="hidden" value="fs">
+            <input name="_site" type="hidden" value="comic">
+            <input name="_form_id" type="hidden" value="FulltextSearchProductForm">
+            <input name="_view" type="hidden" value="input">
+            <input name="from" type="hidden" value="fs.header" id="header_search_from">
 
                         <input type="hidden" name="site_category" :value="selected" v-if="!/drama$/.test(selected)">
                         <input type="hidden" name="work_category" :value="'drama'" v-if="/drama$/.test(selected)">
@@ -241,7 +266,7 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
                               </select>
             </div>
             <div class="globalSearchForm">
-              <input name="keyword" type="search" id="search_text" maxlength="255" autocomplete="off" aria-autocomplete="list"  placeholder="キーワードから探す（作品名、サークル名など）" />
+              <input name="keyword" type="search" id="search_text" ref="keyword" maxlength="255" autocomplete="off" aria-autocomplete="list"  placeholder="キーワードから探す（作品名、サークル名など）">
             </div>
             <button id="search_button" class="globalSearchBtn" type="submit" @click="saveSelected()"><i>検索</i></button>
           </form>
@@ -251,24 +276,58 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
         </div>
             <!-- /検索 -->
       <!-- アイコンメニュー -->
+      <div class="globalNavWrap">
         <ul class="globalNav">
           <li class="globalNav-item type-favorite">
               <a  :href="hasUnboughtFavorites ? 'https://www.dlsite.com/comic/mypage/wishlist' : 'https://www.dlsite.com/comic/mypage/wishlist'"><i>お気に入り</i></a><template v-if="hasUnboughtFavorites" v-cloak><a href="https://www.dlsite.com/comic/mypage/wishlist/=/discount/1" class="notificationBadge" >割引になった<br>作品があります</a></template>
           </li>
           <li class="globalNav-item type-cart"><a href="https://www.dlsite.com/comic/cart"><i>カート</i></a><span v-if="cartActives.length" v-cloak class="cartBadge" v-text="Math.min(cartActives.length, 100)"></span></li>
           <li class="globalNav-item type-play"><a rel="noopener" href="https://play.dlsite.com/#/library" target="_blank"><i>購入済作品</i></a></li>
+
           <li class="globalNav-item type-circle">
-          <a :href="isMemberLogin && isCircleLogin ? void(0) : isCircleLogin ? 'https://ssl.dlsite.com/circle/' : 'https://ssl.dlsite.com/comic/mypage'"><i>アカウント</i></a>
-          <div v-if="isMemberLogin && isCircleLogin" class="dropdown_list" v-cloak>
+            <a v-if="isMemberLogin && isCircleLogin" v-cloak><i>アカウント</i></a>
+            <a v-else-if="isCircleLogin" href="https://ssl.dlsite.com/circle/"><i>アカウント</i></a>
+            <a v-else href="https://ssl.dlsite.com/comic/mypage" v-on:click="addAlreadyRead()" v-cloak><i>アカウント</i></a>
+            <!-- メンバーアカウントとサークルアカウントの紐づけありの場合 -->
+            <template v-if="isMemberLogin && isCircleLogin">
+              <div class="dropdown_list" v-cloak>
                 <div class="dropdown_list_inner">
                   <ul class="menu_list">
-                <li class="menu_list_item"><a class="link" href="https://ssl.dlsite.com/comic/mypage"><i>マイページ</i></a></li>
-                <li v-if="isCircleLogin" class="menu_list_item"><a class="link" href="https://ssl.dlsite.com/circle/"><i>サークル管理</i></a></li>
-              </ul>
-            </div>
-          </div>
+                    <li class="menu_list_item type-mypage">
+                      <a class="link" href="https://ssl.dlsite.com/comic/mypage" v-on:click="addAlreadyRead()"><i>マイページ</i>
+                        <span v-if="mypageNotices > 0" class="count" v-cloak>{{ noticesBadge(mypageNotices) }}</span>
+                      </a>
+                      <div v-if="mypageNotices > 0" class="notice" v-cloak>
+                                                重要なお知らせが<span>{{ mypageNotices }}件</span>あります。                      </div>
+                    </li>
+                    <li class="menu_list_item type-circle">
+                      <a class="link" href="https://ssl.dlsite.com/circle/"><i>サークル管理</i>
+                        <span v-if="circleNotices > 0" class="count" v-cloak>{{ noticesBadge(circleNotices) }}</span>
+                      </a>
+                      <div v-if="circleNotices > 0" class="notice" v-cloak>
+                        重要なお知らせが<span>{{ circleNotices }}
+                        件</span>あります。                      </div>
                     </li>
                   </ul>
+                </div>
+              </div>
+              <span v-if="(mypageNotices + circleNotices) > 0 " class="accountBadge" v-text="noticesBadge(mypageNotices + circleNotices)" v-cloak></span>
+            </template>
+            <!-- メンバーアカウントのみ登録の場合 -->
+            <template v-if="isMemberLogin && !isCircleLogin && (mypageNotices > 0)">
+              <div class="notice type-onlyone" v-cloak>
+                                重要なお知らせが<span>{{ mypageNotices }}件</span>あります。              </div>
+              <span class="accountBadge" v-text="noticesBadge(mypageNotices)" v-cloak></span>
+            </template>
+            <!-- サークルアカウントのみ登録の場合 -->
+            <template v-if="!isMemberLogin && isCircleLogin && (circleNotices > 0)">
+              <div class="notice type-onlyone" v-cloak>
+                                重要なお知らせが<span>{{ circleNotices }}件</span>あります。              </div>
+              <span class="accountBadge" v-text="noticesBadge(circleNotices)" v-cloak></span>
+            </template>
+          </li>
+        </ul>
+      </div>
       <!-- /アイコンメニュー -->
       <!-- ガイドメニュー -->
       <div class="header_guide hover_menu">
@@ -345,7 +404,10 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
               <a v-if="isRankingFilterCondition" v-cloak href="https://www.dlsite.com/comic/works/girl?date=30d" class="comic_girl">少女コミック</a>
               <a v-else  href="https://www.dlsite.com/comic/works/girl" class="comic_girl">少女コミック</a>
             </li>
-            <li class="headerNav-item"><a href="https://www.dlsite.com/comic/ranking" class="ranking">ランキング</a></li>
+            <li class="headerNav-item">
+              <a v-if="isRankingFilterCondition" v-cloak href="https://www.dlsite.com/comic/ranking?date=30d" class="ranking">ランキング</a>
+              <a v-else href="https://www.dlsite.com/comic/ranking" class="ranking">ランキング</a>
+            </li>
             <li class="headerNav-item"><a href="https://www.dlsite.com/comic/new" class="calendar">発売カレンダー</a></li>
 
                         </ul>
@@ -377,56 +439,49 @@ if (loginchecked & 1) {
 </div>
 <!-- /header -->
 
-<!--data-vue-component="header-banner"-->
-<div data-vue-component="header-banner" data-vue-async="true" data-section_name="campaign_header_banner">
-    <div v-if="loading"></div>
-    
-  <div v-else-if="is_show_frame" :class="style" class="hd_cp_banner" v-cloak>
-    <ul class="cp_bn_list">
-      <li v-for="campaign in campaigns" :class="campaign.style" class="cp_bn_item">
-        <a :href="campaign.url">
-          <div class="cp_bn_inner">
-            <div class="cp_bn_reminder">
-              <div class="cp_bn_reminder_content" v-html="campaign.reminder.content"></div>
-            </div>
-            <div class="cp_bn"><img :src="campaign.img"></div>
-            <div class="cp_bn_work" :class="{blank: campaign.outline == null}" v-html="campaign.outline"></div>
-          </div>
-        </a>
-      </li>
-    </ul>
-  </div>
-  
-</div>
-
 <!-- top_wrapper -->
 <div id="top_wrapper" class="clearfix" data-section_name="top_wrapper">
     <ul class="topicpath" itemscope="" itemtype="https://schema.org/BreadcrumbList">
 <li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
   <a itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="https://www.dlsite.com/comic/">
-    <span itemprop="name">コミック</span>
+    <span itemprop="name">
+              コミック
+          </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/comic/circle/list">
+    <span itemprop="name">
+                      出版社／著者一覧          </span>
+  </a>
+  <meta itemprop="position" content="2">
+</li>
 <li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
   <a itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="https://www.dlsite.com/comic/circle/profile/=/maker_id/BG01095.html">
     <span itemprop="name">ワニマガジン社</span>
   </a>
-  <meta itemprop="position" content="2">
-</li>
-<li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
-  <a itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="https://www.dlsite.com/comic/fsr/=/keyword_work_name/%E5%BF%AB%E6%A5%BD%E3%83%92%E3%82%B9%E3%83%88%E3%83%AA%E3%82%A8+TITLE00040537/order/title_d/from/work.titles">
-    <span itemprop="name">快楽ヒストリエシリーズ</span>
-  </a>
   <meta itemprop="position" content="3">
 </li>
-<li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
+                <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/comic/fsr/=/keyword_maker_name/WANI+MAGAZINE+COMICS+SPECIAL+LBL00215/from/work.label">
+        <span itemprop="name">WANI MAGAZINE COMICS SPECIAL</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="https://www.dlsite.com/comic/fsr/=/keyword_work_name/%E5%BF%AB%E6%A5%BD%E3%83%92%E3%82%B9%E3%83%88%E3%83%AA%E3%82%A8+TITLE00040537/label_id/LBL00215/order/title_d/from/work.titles">
+              <span itemprop="name">「快楽ヒストリエ」シリーズ</span>
+      </a>
+      <meta itemprop="position" content="5">
+    </li>
+            <li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
       <a itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="#">
         <span itemprop="name">快楽ヒストリエ</span>
       </a>
-  <meta itemprop="position" content="4">
-</li>
-</ul>
+      <meta itemprop="position" content="6">
+    </li>
+  </ul>
 <div class="base_title_br clearfix">
 
 <div class="icon_wrap">
@@ -559,8 +614,8 @@ if (loginchecked & 1) {
 
 <!--
 <div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
-<meta itemprop="ratingValue" content="4.77" />
-<meta itemprop="ratingCount" content="299" />
+<meta itemprop="ratingValue" content="4.77">
+<meta itemprop="ratingCount" content="325">
 </div>
 -->
 <!-- 王冠/DL数/評価/レビュー ここまで -->
@@ -570,7 +625,7 @@ if (loginchecked & 1) {
 <div class="product-slider">
   <!-- Sample image data -->
   <div ref="product_slider_data" class="product-slider-data">
-    <div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ139000/BJ138581_img_main.jpg" data-width="317" data-height="450" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ139000/BJ138581_img_main_300x300.jpg"></div>
+    <div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ139000/BJ138581_img_main.jpg" data-width="317" data-height="450" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ139000/BJ138581_img_main_240x240.jpg"></div>
     <div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ139000/BJ138581_img_smp1.jpg" data-width="1410" data-height="1000" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ139000/BJ138581_img_smp1_100x100.jpg"></div>
     <div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ139000/BJ138581_img_smp2.jpg" data-width="1410" data-height="1000" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ139000/BJ138581_img_smp2_100x100.jpg"></div>
     <div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ139000/BJ138581_img_smp3.jpg" data-width="1410" data-height="1000" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ139000/BJ138581_img_smp3_100x100.jpg"></div>
@@ -701,14 +756,19 @@ if (loginchecked & 1) {
 <tr>
 <th>販売日</th>
 <td><a href="https://www.dlsite.com/comic/new/=/year/2018/mon/01/day/20/cyear/2018/cmon/01">2018年01月20日</a></td></tr>
-<tr><th>シリーズ名</th><td><a href="https://www.dlsite.com/comic/fsr/=/keyword_work_name/%E5%BF%AB%E6%A5%BD%E3%83%92%E3%82%B9%E3%83%88%E3%83%AA%E3%82%A8+TITLE00040537/order/title_d/from/work.titles">快楽ヒストリエ</a></td></tr>
+<tr>
+  <th>シリーズ名</th>
+  <td>
+        <a href="https://www.dlsite.com/comic/fsr/=/keyword_work_name/%E5%BF%AB%E6%A5%BD%E3%83%92%E3%82%B9%E3%83%88%E3%83%AA%E3%82%A8+TITLE00040537/label_id/LBL00215/order/title_d/from/work.titles">快楽ヒストリエ</a>
+      </td>
+</tr>
 <tr><th>年齢指定</th><td><div class="work_genre"><span class="icon_GEN">全年齢</span></div></td></tr>
 <tr><th>作品形式</th><td><div class="work_genre"><a href="https://www.dlsite.com/comic/fsr/=/work_category%5B0%5D/books/work_type/MNG/from/icon.work"><span class="icon_MNG" title="マンガ">マンガ</span></a><a href="https://www.dlsite.com/comic/fsr/=/work_category%5B0%5D/books/keyword/%E5%8D%98%E8%A1%8C%E6%9C%AC/from/icon.work"><span class="icon_TNB" title="単行本">単行本</span></a></div></td></tr>
 
 <tr><th>ファイル形式</th><td><div class="work_genre"><span class="icon_PVA" title="専用ビューア">専用ビューア</span></div></td></tr>
 
 <tr><th>ページ数</th><td>155</td></tr>
-<tr><th>ジャンル</th><td><div class="main_genre"><a href="https://www.dlsite.com/comic/fsr/=/genre/065/work_category%5B0%5D/books/from/work.genre">おっぱい</a><a href="https://www.dlsite.com/comic/fsr/=/genre/452/work_category%5B0%5D/books/from/work.genre">青年コミック</a><a href="https://www.dlsite.com/comic/fsr/=/genre/005/work_category%5B0%5D/books/from/work.genre">ギャグ</a><a href="https://www.dlsite.com/comic/fsr/=/genre/007/work_category%5B0%5D/books/from/work.genre">コメディ</a><a href="https://www.dlsite.com/comic/fsr/=/genre/017/work_category%5B0%5D/books/from/work.genre">歴史/時代物</a><a href="https://www.dlsite.com/comic/fsr/=/genre/207/work_category%5B0%5D/books/from/work.genre">ロリ</a><a href="https://www.dlsite.com/comic/fsr/=/genre/211/work_category%5B0%5D/books/from/work.genre">ショタ</a><a href="https://www.dlsite.com/comic/fsr/=/genre/212/work_category%5B0%5D/books/from/work.genre">妹</a><a href="https://www.dlsite.com/comic/fsr/=/genre/236/work_category%5B0%5D/books/from/work.genre">男性/おやじ</a><a href="https://www.dlsite.com/comic/fsr/=/genre/234/work_category%5B0%5D/books/from/work.genre">女王様/お姫様</a><a href="https://www.dlsite.com/comic/fsr/=/genre/427/work_category%5B0%5D/books/from/work.genre">王子様/王子系</a><a href="https://www.dlsite.com/comic/fsr/=/genre/233/work_category%5B0%5D/books/from/work.genre">戦士</a><a href="https://www.dlsite.com/comic/fsr/=/genre/075/work_category%5B0%5D/books/from/work.genre">セーラー服</a><a href="https://www.dlsite.com/comic/fsr/=/genre/091/work_category%5B0%5D/books/from/work.genre">着物/和服</a><a href="https://www.dlsite.com/comic/fsr/=/genre/321/work_category%5B0%5D/books/from/work.genre">褐色/日焼け</a><a href="https://www.dlsite.com/comic/fsr/=/genre/483/work_category%5B0%5D/books/from/work.genre">爺</a>
+<tr><th>ジャンル</th><td><div class="main_genre"><a href="https://www.dlsite.com/comic/fsr/=/genre/065/work_category%5B0%5D/books/from/work.genre">おっぱい</a><a href="https://www.dlsite.com/comic/fsr/=/genre/452/work_category%5B0%5D/books/from/work.genre">青年コミック</a><a href="https://www.dlsite.com/comic/fsr/=/genre/005/work_category%5B0%5D/books/from/work.genre">ギャグ</a><a href="https://www.dlsite.com/comic/fsr/=/genre/007/work_category%5B0%5D/books/from/work.genre">コメディ</a><a href="https://www.dlsite.com/comic/fsr/=/genre/017/work_category%5B0%5D/books/from/work.genre">歴史/時代物</a><a href="https://www.dlsite.com/comic/fsr/=/genre/207/work_category%5B0%5D/books/from/work.genre">ロリ</a><a href="https://www.dlsite.com/comic/fsr/=/genre/211/work_category%5B0%5D/books/from/work.genre">ショタ</a><a href="https://www.dlsite.com/comic/fsr/=/genre/212/work_category%5B0%5D/books/from/work.genre">妹</a><a href="https://www.dlsite.com/comic/fsr/=/genre/304/work_category%5B0%5D/books/from/work.genre">おやじ</a><a href="https://www.dlsite.com/comic/fsr/=/genre/234/work_category%5B0%5D/books/from/work.genre">女王様/お姫様</a><a href="https://www.dlsite.com/comic/fsr/=/genre/427/work_category%5B0%5D/books/from/work.genre">王子様/王子系</a><a href="https://www.dlsite.com/comic/fsr/=/genre/233/work_category%5B0%5D/books/from/work.genre">戦士</a><a href="https://www.dlsite.com/comic/fsr/=/genre/075/work_category%5B0%5D/books/from/work.genre">セーラー服</a><a href="https://www.dlsite.com/comic/fsr/=/genre/091/work_category%5B0%5D/books/from/work.genre">着物/和服</a><a href="https://www.dlsite.com/comic/fsr/=/genre/321/work_category%5B0%5D/books/from/work.genre">褐色/日焼け</a>
 </div></td></tr>
 <tr><th>ファイル容量</th><td><div class="main_genre">
 80.27MB
@@ -762,6 +822,7 @@ if (loginchecked & 1) {
 </div>
 
 
+
 <div class="trial_download clearfix">
 </div>
 
@@ -1099,15 +1160,15 @@ jQuery(function($){
           <p>レビュアーに多く選ばれたジャンル :</p>
         </th>
         <td>
-                    <span><a href="https://www.dlsite.com/comic/fsr/=/genre/005/from/work.review_genre">ギャグ（2）</a></span>
-                    <span><a href="https://www.dlsite.com/comic/fsr/=/genre/017/from/work.review_genre">歴史/時代物（2）</a></span>
+                    <span><a href="https://www.dlsite.com/comic/fsr/=/genre/017/from/work.review_genre">歴史/時代物（3）</a></span>
+                    <span><a href="https://www.dlsite.com/comic/fsr/=/genre/005/from/work.review_genre">ギャグ（3）</a></span>
                   </td>
       </tr>
     </tbody>
   </table>
   
   <div class="review_head">
-      <p class="float_l review_count">レビュー数 : <span class="review_work_count">2件</span></p>
+      <p class="float_l review_count">レビュー数 : <span class="review_work_count">3件</span></p>
               <template data-vue-component="product-review-order" data-layout="pc" data-product_id="BJ138581"></template>
         </div>
 
@@ -1165,7 +1226,7 @@ jQuery(function($){
 劇画的とすら言える素晴らしい絵で、真面目な顔の偉人がエロ漫画を大絶賛しているとそれだけで面白いのは間違いありません。</p>
             <p class="review_ref">
               <input value="役に立った" type="button" class="_btn_good_review btn_default" data-review_id="12660" data-product_id="BJ138581">
-              <span class="useful">23人 が役に立ったと答えています</span>              <span class="review_report">[&nbsp;<a href="https://ssl.dlsite.com/comic/contact/review/=/reviewer_id/REV0014802/product_id/BJ138581.html">報告する</a>&nbsp;]</span>
+              <span class="useful">24人 が役に立ったと答えています</span>              <span class="review_report">[&nbsp;<a href="https://ssl.dlsite.com/comic/contact/review/=/reviewer_id/REV0014802/product_id/BJ138581.html">報告する</a>&nbsp;]</span>
             </p>
             <p class="mini_message _review_message" style="display: none;">&nbsp;</p>
           </div>
@@ -1179,7 +1240,7 @@ jQuery(function($){
             <div class="title"><span itemprop="name">本業だからこそ描けるディープな世界</span></div>
             <p>
               <meta itemprop="datePublished" content="2018-03-12">2018年03月12日&nbsp;&nbsp;<span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="name"><a href="https://www.dlsite.com/comic/reviewlist/=/reviewer/REV0025845">iahon</a></span> さん</span>
-                              <span class="popularity_reviewer gold">人気レビュアー：8位</span>
+                              <span class="popularity_reviewer gold">人気レビュアー：9位</span>
                                           <span class="purchased">購入済み</span>
                           </p>
           </div>
@@ -1222,6 +1283,51 @@ jQuery(function($){
           </div>
         </td>
       </tr>
+    </tbody>
+        <tbody itemprop="review" itemscope itemtype="https://schema.org/Review">
+      <tr>
+        <td class="review_title">
+                    <div class="review_title_l">
+            <div class="title"><span itemprop="name">何故そこに全力を投じたのか</span></div>
+            <p>
+              <meta itemprop="datePublished" content="2019-10-01">2019年10月01日&nbsp;&nbsp;<span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="name"><a href="https://www.dlsite.com/comic/reviewlist/=/reviewer/REV0043968">つつつつ</a></span> さん</span>
+                                          <span class="purchased">購入済み</span>
+                          </p>
+          </div>
+                    <div class="review_title_r">
+            <span class="reviewer_recommend">レビュアーオススメ！</span>
+          </div>
+                  </td>
+      </tr>
+      <tr>
+        <td class="review_main _review_main">
+                    <div class="reviewer_genre">
+            <p>レビュアーが選んだジャンル :</p>
+            <ul class="reviewer_select_genre">
+                            <li><a href="https://www.dlsite.com/comic/fsr/=/genre/055/from/review.genre">感動</a></li>
+                            <li><a href="https://www.dlsite.com/comic/fsr/=/genre/005/from/review.genre">ギャグ</a></li>
+                            <li><a href="https://www.dlsite.com/comic/fsr/=/genre/017/from/review.genre">歴史/時代物</a></li>
+                            <li><a href="https://www.dlsite.com/comic/fsr/=/genre/205/from/review.genre">狂気</a></li>
+                          </ul>
+          </div>
+          
+          
+          <div class="_SW2" >
+            <p class="reviewer_descrip" itemprop="reviewBody">そこ←身も蓋もなく『下ネタ』<br />
+いやもう、ジャンルタグの数が無駄な広大さを物語っていますね。<br />
+<br />
+火鳥先生の知識と画力と感性とが惜しげもなく投じられてできあがったのがこちらです。<br />
+いやもう凄いとしかいいようないですね。もしくは天下無双のバカ野郎(褒め言葉)。<br />
+笑っちゃうというよりは脱力します。「また負けたぜ」とか「今回もやられたっ」とかそういう意味で。<br />
+くそっ、自分程度の知能指数ではこの本を的確に紹介することはできないから今日はここまでにしてやるぜっ(ボロ負け)。</p>
+            <p class="review_ref">
+              <input value="役に立った" type="button" class="_btn_good_review btn_default" data-review_id="33937" data-product_id="BJ138581">
+                            <span class="review_report">[&nbsp;<a href="https://ssl.dlsite.com/comic/contact/review/=/reviewer_id/REV0043968/product_id/BJ138581.html">報告する</a>&nbsp;]</span>
+            </p>
+            <p class="mini_message _review_message" style="display: none;">&nbsp;</p>
+          </div>
+        </td>
+      </tr>
     </tbody>
       </table>
 
@@ -1229,7 +1335,7 @@ jQuery(function($){
     <tr>
             <td>
         <div class="review_more">
-          <p><a href="https://www.dlsite.com/comic/work/reviewlist/=/product_id/BJ138581.html">すべてのレビューを見る （2件）</a></p>
+          <p><a href="https://www.dlsite.com/comic/work/reviewlist/=/product_id/BJ138581.html">すべてのレビューを見る （3件）</a></p>
         </div>
       </td>
             <td><div class="review_btn"><a href="https://www.dlsite.com/comic/review/write/work/=/product_id/BJ138581.html" class="btn_post size_xxl fs15"><i>レビューを投稿する</i></a></div></td>
@@ -1430,22 +1536,88 @@ jQuery(function($){
                       <li class="relation_content_list_item swiper-slide">
               <div class="content_item">
                 <div class="content_item_img">
-                  <a rel="noopener" href="http://www.nijiyome.com/app/start/533?en=dlsite&em=banner&et=pc_work_detail_app553_1907" target="_blank">
-                    <img src="//media.dlsite.com/bcs/dlchannel/1564498800/bn_be05309736932d07b9e6f3fa70c347beece5b886.jpg" alt="【最大虹石3,000個無料！】事前登録だけでスタートダッシュ報酬GET♪事前登録受付中"></a>
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/52371?from=event_matome_2001_2019n_ranking" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlchannel/1580396400/bn_75c506e875d7eaba40d8397c60c1710f6b8723c7.jpg" alt="DLsite2019年の年間ランキングを公開中"></a>
                 </div>
                 <p class="content_item_title">
-                  <a rel="noopener" href="http://www.nijiyome.com/app/start/533?en=dlsite&em=banner&et=pc_work_detail_app553_1907" target="_blank">【にじよめ】最大虹石3,000個｜事前登録で無料報酬GET♪</a>
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/52371?from=event_matome_2001_2019n_ranking" target="_blank">DLsite2019年の年間ランキングを公開中</a>
                 </p>
               </div>
             </li>
                       <li class="relation_content_list_item swiper-slide">
               <div class="content_item">
                 <div class="content_item_img">
-                  <a rel="noopener" href="https://ch.dlsite.com/matome/40504?from=event_matome_normal_2019a_ranking" target="_blank">
-                    <img src="//media.dlsite.com/bcs/dlchannel/1567177200/bn_e410dc8d4f9fbd636d283dbc2f8ed22531ce4adf.jpg" alt="DLsite上半期ランキングを公開中"></a>
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/52782?from=event_matome_1912_ci-en_iitokoro" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1577718000/bn_afb5bcd2803177e7c34b80a6704244d212aa973f.jpg" alt="Ci-enのいいとこ！ 見てみたい！ フォロー＆RTキャンペーン実施中！"></a>
                 </div>
                 <p class="content_item_title">
-                  <a rel="noopener" href="https://ch.dlsite.com/matome/40504?from=event_matome_normal_2019a_ranking" target="_blank">DLsite上半期ランキングを公開中</a>
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/52782?from=event_matome_1912_ci-en_iitokoro" target="_blank">Ci-enのいいとこ！ 見てみたい！ フォロー＆RTキャンペーン実施中！</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://ch.dlsite.com/campaign/illust1912?from=event_matome_1912_atena_illustcontest" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1577718000/bn_0ac01ec3f5ae7e4cebe048b835d4bfd382f606d4.jpg" alt="大賞10万円！ アテナちゃんイラストコンテスト"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://ch.dlsite.com/campaign/illust1912?from=event_matome_1912_atena_illustcontest" target="_blank">大賞10万円！ アテナちゃんイラストコンテスト</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/49256?from=event_matome_1912_nijilive" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1577718000/bn_84e9d9b42103aa2e2dd6cd6989c822dab9a7a5f1.jpg" alt="【にじいろLive】リリース開始！ スマホで遊べるネイティブアプリ!!"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/49256?from=event_matome_1912_nijilive" target="_blank">【にじいろLive】リリース開始！ スマホで遊べるネイティブアプリ!!</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/41892?from=event_matome_1910_dlsitestudio_circle50off" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1572447600/bn_6f1b9f3724ee925e1554d2c1ee396a68973796d8.jpg" alt="DLsiteに音声作品スタジオができました【登録サークル様は初回スタジオ利用料50％OFF】"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/41892?from=event_matome_1910_dlsitestudio_circle50off" target="_blank">DLsiteに音声作品スタジオができました【登録サークル様は初回スタジオ利用料50％OFF】</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/51166?from=event_matome_1912_illegalupload" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1577718000/bn_d26efad5f5e1d9bddbd890e0017c6b256a4fe498.jpg" alt="【サークル向け】違法アップロード監視システムの巡回結果が確認できるようになりました！"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/51166?from=event_matome_1912_illegalupload" target="_blank">【サークル向け】違法アップロード監視システムの巡回結果が確認できるようになりました！</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/45712?from=event_matome_1910_affiliate" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1572447600/bn_6007ace913dc512eef1739ca8451fc77bfec01b8.jpg" alt="5分でできるスマホでアフィリエイト"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/45712?from=event_matome_1910_affiliate" target="_blank">5分でできるスマホでアフィリエイト</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://www.dlsite.com/maniax/promo/ayakashinostalgia" >
+                    <img src="//media.dlsite.com/bcs/dlsite/1572447600/bn_10638d103c8ff72f4e6220f3a5184651d2386fce.jpg" alt="あやかし郷愁譚 全購入で豪華特典をプレゼントするキャンペーン"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://www.dlsite.com/maniax/promo/ayakashinostalgia" target="_blank">あやかし郷愁譚 全購入で豪華特典をプレゼントするキャンペーン</a>
                 </p>
               </div>
             </li>
@@ -1524,6 +1696,7 @@ $(function () {
 </div>
 <!-- /main -->
 
+
 </div>
 <!-- /wrapper -->
 
@@ -1630,7 +1803,7 @@ $(function () {
         <div class="pre_work_message">
           <span class="title">販売開始予定</span>
           <span class="date">1月20日 0時</span>
-          <span class="note">※状況により販売延期される&lt;br /&gt;場合もあります</span>
+          <span class="note">※状況により販売延期される<br>場合もあります</span>
         </div>
       </template>
       <template v-else-if=" ! product.is_sale && product.on_sale && ! is_check">
@@ -1685,10 +1858,16 @@ $(function () {
 
         <!-- お気に入り -->
         <p v-if="is_check" class="work_favorite"><a class="btn_favorite" v-t="favorite.add_fav"><!-- お気に入りに追加 --></a></p>
+        <p v-if="! user.customer_id && ! is_favorite" class="work_favorite"><a :href="link.favorite" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
         <p v-else-if="user.customer_id && ! is_favorite" class="work_favorite"><a @click.prevent="addFavorite({ product_id:product.product_id })" href="https://www.dlsite.com/comic/mypage/wishlist/=/product_id/BJ138581.html" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
-        <p v-else-if="! user.customer_id && ! is_favorite" class="work_favorite"><a @click.prevent="showPopup()" href="https://www.dlsite.com/comic/mypage/wishlist/=/product_id/BJ138581.html" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
         <p v-else class="work_favorite"><a href="https://www.dlsite.com/comic/mypage/wishlist/=/product_id/BJ138581.html" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
 
+        <!-- 購入済み作品の場合、マイ評価ページへのリンクを表示する -->
+        <template v-if="is_bought" v-cloak>
+          <div v-if="is_myrated" class="work_rating" v-cloak><a href="https://www.dlsite.com/comic/mypage/short-review" class="btn_rating_in">作品評価済み</a></div>
+          <div v-else class="work_rating" v-cloak><a href="https://www.dlsite.com/comic/mypage/short-review" class="btn_rating">作品を評価する</a></div>
+        </template>
+
         <div v-show="is_display_cart_popup" class="add_cart_popup_container">
           <div class="add_cart_popup">
             <p class="add_cart_title" v-t="'cart.added_cart'"><!-- カートに追加しました --></p>
@@ -1700,7 +1879,6 @@ $(function () {
         </div>
       </template>
 
-      <login-guidance :is-display-popup="is_display_popup" :type="'work'"></login-guidance>
     </div>
     
   </div>
@@ -1711,7 +1889,7 @@ $(function () {
         <div class="work_buy_container">
           <div class="work_buy_body">
             <div class="work_buy_label">価格</div>
-            <div class="work_buy_content"><span class="price">972<i>円</i></span></div>
+            <div class="work_buy_content"><span class="price">990<i>円</i></span></div>
           </div>
                     <div class="work_buy_body">
             <div class="work_buy_label">ポイント</div>
@@ -1735,7 +1913,7 @@ $(function () {
     <div class="cart_box_body">
       <div class="cart_box_body_inner">
         <div class="work_thumb">
-          <img src="//img.dlsite.jp/modpub/images2/work/books/BJ139000/BJ138581_img_sam.jpg" alt="快楽ヒストリエ [ワニマガジン社]" title="快楽ヒストリエ [ワニマガジン社]"  class="target_type" />
+          <img src="//img.dlsite.jp/modpub/images2/work/books/BJ139000/BJ138581_img_sam.jpg" alt="快楽ヒストリエ [ワニマガジン社]"  class="target_type" />
         </div>
         
         <template v-if="product.is_rental">
@@ -1818,13 +1996,21 @@ $(function () {
       <ul>
         <li v-if="gift && gift.title">
           <p class="label bonus_code">{{ gift.title }}</p>
-          <p v-if="gift.distribute_end_str" class="period">{{ gift.distribute_end_str }}</p>
+          <p v-if="gift.distribute_end_str" class="distribution_period">
+          
+                        {{ gift.distribute_end_str }}まで配布中          
+          </p>
           <p class="body" v-html="gift.description"></p>
         </li>
         <li v-for="coupon in coupons">
           <p class="label coupon" :class="{ type_work: coupon.issue.product_id, type_maker: coupon.issue.maker_id, type_price: ! coupon.issue.product_id && ! coupon.issue.maker_id }">{{ coupon.coupon_name }}</p>
-          <p v-if="coupon.end_date_str" class="period">{{ coupon.end_date_str }}</p>
+          <p v-if="coupon.end_date_str" class="distribution_period" :class="{ type_work: coupon.issue.product_id, type_maker: coupon.issue.maker_id, type_price: ! coupon.issue.product_id && ! coupon.issue.maker_id }">{{ coupon.end_date_str }}まで配布中</p>
           <p class="body" v-html="coupon.info"></p>
+          <p v-if="coupon.user_limit_date" class="period"><span>有効期限：</span>{{ coupon.user_limit_date }}</p>
+          <p v-else-if="coupon.limit_days_day" class="period">
+          
+                        <span>有効期限：</span>取得から{{ coupon.limit_days_day }}日後          
+          </p>
         </li>
       </ul>
     </div>
@@ -1889,14 +2075,28 @@ $(function () {
   <div class="right_module_content">
         <table cellspacing="0" class="same_work">
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/comic/work/=/product_id/BJ181325.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ182000/BJ181325_img_sam_mini.jpg" alt="ひとりあそび [ワニマガジン社]" title="ひとりあそび [ワニマガジン社]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/comic/work/=/product_id/BJ181325.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ182000/BJ181325_img_sam_mini.jpg" alt="ひとりあそび [ワニマガジン社]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ182000/BJ181325_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="ひとりあそび [ワニマガジン社]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
                     <span class="work_name"><a href="https://www.dlsite.com/comic/work/=/product_id/BJ181325.html">ひとりあそび</a></span>
-          <span class="work_price">￥972</span>
+          <span class="work_price">￥990</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/comic/work/=/product_id/BJ181326.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ182000/BJ181326_img_sam_mini.jpg" alt="アナルのクリスマス [ワニマガジン社]" title="アナルのクリスマス [ワニマガジン社]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/comic/work/=/product_id/BJ181326.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ182000/BJ181326_img_sam_mini.jpg" alt="アナルのクリスマス [ワニマガジン社]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ182000/BJ181326_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="アナルのクリスマス [ワニマガジン社]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
                       <div class="icon_wrap">
                                             <span class="icon_lead_01 type_free">無料</span>
@@ -1906,10 +2106,17 @@ $(function () {
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/comic/work/=/product_id/BJ177430.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ178000/BJ177430_img_sam_mini.jpg" alt="快楽ヒストリエ2 [ワニマガジン社]" title="快楽ヒストリエ2 [ワニマガジン社]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/comic/work/=/product_id/BJ177430.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ178000/BJ177430_img_sam_mini.jpg" alt="快楽ヒストリエ2 [ワニマガジン社]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ178000/BJ177430_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="快楽ヒストリエ2 [ワニマガジン社]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
                     <span class="work_name"><a href="https://www.dlsite.com/comic/work/=/product_id/BJ177430.html">快楽ヒストリエ2</a></span>
-          <span class="work_price">￥972</span>
+          <span class="work_price">￥990</span>
         </td>
       </tr>
             </table>
@@ -1918,38 +2125,73 @@ $(function () {
                 <div class="list_head"><h4>レーベルの作品</h4></div>
             <table cellspacing="0" class="same_work">
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/comic/work/=/product_id/BJ181326.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ182000/BJ181326_img_sam_mini.jpg" alt="アナルのクリスマス [ワニマガジン社]" title="アナルのクリスマス [ワニマガジン社]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/comic/work/=/product_id/BJ181326.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ182000/BJ181326_img_sam_mini.jpg" alt="アナルのクリスマス [ワニマガジン社]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ182000/BJ181326_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="アナルのクリスマス [ワニマガジン社]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
           <span class="work_name"><a href="https://www.dlsite.com/comic/work/=/product_id/BJ181326.html">アナルのクリスマス</a></span>
           <span class="work_price">￥0</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/comic/work/=/product_id/BJ181325.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ182000/BJ181325_img_sam_mini.jpg" alt="ひとりあそび [ワニマガジン社]" title="ひとりあそび [ワニマガジン社]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/comic/work/=/product_id/BJ181325.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ182000/BJ181325_img_sam_mini.jpg" alt="ひとりあそび [ワニマガジン社]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ182000/BJ181325_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="ひとりあそび [ワニマガジン社]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
           <span class="work_name"><a href="https://www.dlsite.com/comic/work/=/product_id/BJ181325.html">ひとりあそび</a></span>
-          <span class="work_price">￥972</span>
+          <span class="work_price">￥990</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/comic/work/=/product_id/BJ177430.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ178000/BJ177430_img_sam_mini.jpg" alt="快楽ヒストリエ2 [ワニマガジン社]" title="快楽ヒストリエ2 [ワニマガジン社]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/comic/work/=/product_id/BJ177430.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ178000/BJ177430_img_sam_mini.jpg" alt="快楽ヒストリエ2 [ワニマガジン社]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ178000/BJ177430_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="快楽ヒストリエ2 [ワニマガジン社]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
           <span class="work_name"><a href="https://www.dlsite.com/comic/work/=/product_id/BJ177430.html">快楽ヒストリエ2</a></span>
-          <span class="work_price">￥972</span>
+          <span class="work_price">￥990</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/comic/work/=/product_id/BJ118507.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ119000/BJ118507_img_sam_mini.jpg" alt="えくすとらめる子 [ワニマガジン社]" title="えくすとらめる子 [ワニマガジン社]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/comic/work/=/product_id/BJ118507.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ119000/BJ118507_img_sam_mini.jpg" alt="えくすとらめる子 [ワニマガジン社]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ119000/BJ118507_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="えくすとらめる子 [ワニマガジン社]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
           <span class="work_name"><a href="https://www.dlsite.com/comic/work/=/product_id/BJ118507.html">えくすとらめる子</a></span>
-          <span class="work_price">￥324</span>
+          <span class="work_price">￥330</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/comic/work/=/product_id/BJ118169.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ119000/BJ118169_img_sam_mini.jpg" alt="サクライプレジャーストリート [ワニマガジン社]" title="サクライプレジャーストリート [ワニマガジン社]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/comic/work/=/product_id/BJ118169.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ119000/BJ118169_img_sam_mini.jpg" alt="サクライプレジャーストリート [ワニマガジン社]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ119000/BJ118169_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="サクライプレジャーストリート [ワニマガジン社]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
           <span class="work_name"><a href="https://www.dlsite.com/comic/work/=/product_id/BJ118169.html">サクライプレジャーストリート</a></span>
-          <span class="work_price">￥972</span>
+          <span class="work_price">￥990</span>
         </td>
       </tr>
             </table>
@@ -2096,8 +2338,8 @@ $(function () {
                     <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/eng/welcome/chi">繁體中文</a></li>
-                </dl>
+                    <li class="link_list_item"><a href="https://www.dlsite.com/home/welcome">中文</a></li>
+                </ul>
             </div>
         </div>
     </div>
@@ -2130,7 +2372,7 @@ $(function () {
 <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&_=1567559800"></script>
+<script type="text/javascript" src="/vue/js/pc/app.js?cdn_cache=1&v=0.1.2&_=1578552328"></script>
 
 
 <script type="text/javascript">
@@ -2164,15 +2406,10 @@ div.measure_tag {
 }
 </style>
 
-<div class="measure_tag">
-
-
-
-
-</div>
+<div class="measure_tag"></div>
 
 
 <!-- /script_footer -->
-<script type="text/javascript">var contents = {"impression":[],"detail":[{"id":"BJ138581","name":"\u5feb\u697d\u30d2\u30b9\u30c8\u30ea\u30a8","category":"comic","brand":"BG01095","price":900,"regist_date":"2018\/01\/20","image_main":"\/\/img.dlsite.jp\/modpub\/images2\/work\/books\/BJ139000\/BJ138581_img_main.jpg","restore_price":null}],"time":0.00019693374633789062};</script>
+<script type="text/javascript">var contents = {"impression":[],"detail":[{"id":"BJ138581","name":"\u5feb\u697d\u30d2\u30b9\u30c8\u30ea\u30a8","category":"comic","brand":"BG01095","price":900,"regist_date":"2018\/01\/20","image_main":"\/\/img.dlsite.jp\/modpub\/images2\/work\/books\/BJ139000\/BJ138581_img_main.jpg","restore_price":null}],"time":0.00017595291137695312};</script>
 </body>
 </html>

tests/fixture/DLsite/testEcchiEng.html

@@ -1,11 +1,11 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:mixi="http://mixi-platform.com/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" lang="en">
+<!DOCTYPE html>
+<html lang="en">
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<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" />
+<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_ecchieng_57x57.png">
 <link rel="apple-touch-icon" sizes="72x72" href="/images/web/common/apple_touch_icon_ecchieng_72x72.png">
 <link rel="apple-touch-icon" sizes="76x76" href="/images/web/common/apple_touch_icon_ecchieng_76x76.png">
@@ -13,12 +13,12 @@
 <link rel="apple-touch-icon" sizes="120x120" href="/images/web/common/apple_touch_icon_ecchieng_120x120.png">
 <link rel="apple-touch-icon" sizes="144x144" href="/images/web/common/apple_touch_icon_ecchieng_144x144.png">
 <link rel="apple-touch-icon" sizes="152x152" href="/images/web/common/apple_touch_icon_ecchieng_152x152.png">
-<meta name="msapplication-config" content="/browserconfig_ecchieng.xml" />
+<meta name="msapplication-config" content="/browserconfig_ecchieng.xml">
 <link rel="shortcut icon" href="/images/web/common/favicon.ico">
 
 
 
-      <link rel="canonical" href="https://www.dlsite.com/ecchi-eng/work/=/product_id/RE144678.html" />
+      <link rel="canonical" href="https://www.dlsite.com/ecchi-eng/work/=/product_id/RE144678.html">
         <link rel="alternate" media="only screen and (max-width: 640px)" href="https://www.dlsite.com/ecchi-eng-touch/work/=/product_id/RE144678.html" class="alternate_smartphone" />
     <link rel="alternate" hreflang="en" href="https://www.dlsite.com/ecchi-eng/work/=/product_id/RE144678.html" />
 <link rel="alternate" hreflang="ja" href="https://www.dlsite.com/maniax/work/=/product_id/RJ144678.html" />  <meta name="description" content="Chocolat and Vanilla star in a rich adult eroge series with E-mote system and animated H scenesDLsite Adult Doujin is a download shop for hentai doujinshi &amp; 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.">
@@ -27,29 +27,36 @@
 
 <meta name="twitter:card" content="summary_large_image">
 <meta name="twitter:site" content="@DLsiteManiax">
-<meta name="twitter:image:src" content="https://img.dlsite.jp/modpub/images2/work/doujin/RJ145000/RJ144678_img_main.jpg" />
+<meta name="twitter:image:src" content="https://img.dlsite.jp/modpub/images2/work/doujin/RJ145000/RJ144678_img_main.jpg">
 
-<meta property="og:title" content="NEKOPARA vol.1 [NEKO WORKs] | DLsite" />
-<meta property="og:type" content="website" />
-<meta property="og:description" content="Chocolat and Vanilla star in a rich adult eroge series with E-mote system and animated H scenesDLsite Adult Doujin is a download shop for hentai doujinshi &amp; 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/ecchi-eng/work/=/product_id/RE144678.html" />
-<meta property="og:image" content="https://img.dlsite.jp/modpub/images2/work/doujin/RJ145000/RJ144678_img_sam.jpg" />
-<meta property="og:site_name" content="DLsite for Adults" />
-<meta property="fb:app_id" content="226115600829997" />
-<meta property="mixi:content-rating" content="1" />
+<meta property="og:title" content="NEKOPARA vol.1 [NEKO WORKs] | DLsite">
+<meta property="og:type" content="website">
+<meta property="og:description" content="Chocolat and Vanilla star in a rich adult eroge series with E-mote system and animated H scenesDLsite Adult Doujin is a download shop for hentai doujinshi &amp; 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/ecchi-eng/work/=/product_id/RE144678.html">
+<meta property="og:image" content="https://img.dlsite.jp/modpub/images2/work/doujin/RJ145000/RJ144678_img_sam.jpg">
+<meta property="og:site_name" content="DLsite for Adults">
+<meta property="fb:app_id" content="226115600829997">
+<meta property="mixi:content-rating" content="1">
 
 
-<script>/dlsite_dozen=/.test(document.cookie) || (document.cookie = 'dlsite_dozen=' + Math.floor(Math.random() * 12) + '; path=/; max-age=63072000')</script>
+<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?1459221919" type="text/css" id="reset" />
-<link rel="stylesheet" href="/css/default_eng.css?1566881566" type="text/css" id="default" />
+<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?1567473359" type="text/css" id="common" />
-<link rel="stylesheet" href="/css/switch_eng.css?1560415705" type="text/css" id="switch" />
+<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?1567745943" type="text/css" id="header_campaign_banner" />
+<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?1566876049" type="text/css" id="work_template" />
+<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>
@@ -57,7 +64,7 @@
 <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?1524728551"></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>
@@ -68,16 +75,10 @@
 <!-- End Google Tag Manager -->
 
 
-<!--[if IE 6]>
-<script type="text/javascript" src="/js/DD_belatedPNG.js"></script>
-<script>
- DD_belatedPNG.fix('a,img,div,li,td,h1,h2,h3,h4,h5,table,p');
-</script>
-<![endif]-->
 
-<!--[if lte IE 6]>
-<script type="text/javascript" src="minmax.js"></script>
-<![endif]-->
+
+
+
 </head>
 <body class="style_ecchieng">
 
@@ -107,6 +108,44 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
 <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/ecchi-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">
@@ -184,12 +223,12 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
       <!-- 検索 -->
       <div class="globalSearch">
         <form class="globalSearch-form" action="https://www.dlsite.com/ecchi-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="ecchieng" />
-          <input name="_form_id" type="hidden" value="FulltextSearchProductForm" />
-          <input name="_view" type="hidden" value="input" />
-          <input name="from" type="hidden" value="fs.header" id="header_search_from" />
+          <input name="_qf__fulltext_search" type="hidden" value="">
+          <input name="_layout" type="hidden" value="fs">
+          <input name="_site" type="hidden" value="ecchieng">
+          <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>
@@ -201,7 +240,7 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
             </select>
           </div>
           <div class="globalSearchForm">
-            <input name="keyword" type="search" id="search_text" maxlength="255" autocomplete="off" aria-autocomplete="list"  placeholder="You can search items in both English and Japanese." />
+            <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>
@@ -209,7 +248,7 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
 
       <!-- アイコンメニュー -->
       <ul class="globalNav">
-        <li class="globalNav-item type-point"><a href="https://www.dlsite.com/eng/mypage/user/buy/point"><i>Buy Points</i></a></li>
+        <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/ecchi-eng/mypage/wishlist' : 'https://www.dlsite.com/ecchi-eng/mypage/wishlist'"><i>Favorites</i></a><template v-if="hasUnboughtFavorites" v-cloak><a href="https://www.dlsite.com/ecchi-eng/mypage/wishlist/=/discount/1" class="notificationBadge" >On SALE</a></template>
         </li>
@@ -252,7 +291,7 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
                 <a href="https://ssl.dlsite.com/ecchi-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/ecchi-eng/mypage/coupon/list">Your coupons will expire soon.</a></a></p>
+                  <p><a href="https://ssl.dlsite.com/ecchi-eng/mypage/coupon/list">Your coupons will expire soon.</a></p>
                   <p class="couponNotification-close" @click.stop.prevent="confirmCoupon()">close</p>
                 </div>
                 </transition>
@@ -300,68 +339,40 @@ if ($.cookie('loginchecked') >= 1) {
 </div>
 <!-- /header -->
 
-<!--data-vue-component="header-banner"-->
-<div data-vue-component="header-banner" data-vue-async="true" data-section_name="campaign_header_banner">
-    <div v-if="loading" class="hd_cp_banner type_1bn">
-    <ul class="cp_bn_list">
-            <li class="cp_bn_item type_15">
-        <a href="https://www.dlsite.com/ecchi-eng/campaign/sale201907">
-          <div class="cp_bn_inner">
-            <div class="cp_bn_reminder">
-              <div class="cp_bn_reminder_content"><i class="cp_bn_reminder_period type_date">~ SEP 17,</i><i class="cp_bn_reminder_period type_time">14:00</i></div>
-            </div>
-            <div class="cp_bn"><img src="/images/campaign/doujin_sale_1907/bn_hd_cp_01_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>
-
 <!-- 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/ecchi-eng/">
-    <span itemprop="name">ecchi-eng</span>
+    <span itemprop="name">
+              Adults 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/ecchi-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/ecchi-eng/circle/profile/=/maker_id/RG23422.html">
     <span itemprop="name">NEKO WORKs</span>
   </a>
-  <meta itemprop="position" content="2">
+  <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/ecchi-eng/fsr/=/keyword_work_name/NEKOPARA+SRI0000009412/order/release_d/from/work.series">
-    <span itemprop="name">NEKOPARA</span>
+    <span itemprop="name">NEKOPARA series</span>
   </a>
-  <meta itemprop="position" content="3">
+  <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">NEKOPARA vol.1</span>
   </a>
-  <meta itemprop="position" content="4">
+  <meta itemprop="position" content="5">
 </li>
 </ul>
 
@@ -496,8 +507,8 @@ if ($.cookie('loginchecked') >= 1) {
     </table>
 
       <div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
-      <meta itemprop="ratingValue" content="4.84" />
-      <meta itemprop="ratingCount" content="517" />
+      <meta itemprop="ratingValue" content="4.84">
+      <meta itemprop="ratingCount" content="519">
     </div>
   
 <div data-vue-component="product-slider" data-product-id="RE144678">
@@ -505,7 +516,7 @@ if ($.cookie('loginchecked') >= 1) {
 <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/RJ145000/RJ144678_img_main.jpg" data-width="560" data-height="420" data-thumb="//img.dlsite.jp/resize/images2/work/doujin/RJ145000/RJ144678_img_main_300x300.jpg"></div>
+    <div data-src="//img.dlsite.jp/modpub/images2/work/doujin/RJ145000/RJ144678_img_main.jpg" data-width="560" data-height="420" data-thumb="//img.dlsite.jp/resize/images2/work/doujin/RJ145000/RJ144678_img_main_240x240.jpg"></div>
     <div data-src="//img.dlsite.jp/modpub/images2/work/doujin/RJ145000/RJ144678_img_smp1.jpg" data-width="960" data-height="540" data-thumb="//img.dlsite.jp/resize/images2/work/doujin/RJ145000/RJ144678_img_smp1_100x100.jpg"></div>
     <div data-src="//img.dlsite.jp/modpub/images2/work/doujin/RJ145000/RJ144678_img_smp2.jpg" data-width="960" data-height="540" data-thumb="//img.dlsite.jp/resize/images2/work/doujin/RJ145000/RJ144678_img_smp2_100x100.jpg"></div>
     <div data-src="//img.dlsite.jp/modpub/images2/work/doujin/RJ145000/RJ144678_img_smp3.jpg" data-width="960" data-height="540" data-thumb="//img.dlsite.jp/resize/images2/work/doujin/RJ145000/RJ144678_img_smp3_100x100.jpg"></div>
@@ -628,7 +639,7 @@ if ($.cookie('loginchecked') >= 1) {
 
         <tr>
           <th>Series</th>
-          <td><a href="https://www.dlsite.com/ecchi-eng/fsr/=/keyword_work_name/%22NEKOPARA%22+SRI0000009412/ana_flg/all/order/release_d/from/work.series">NEKOPARA</a></td>
+          <td><a href="https://www.dlsite.com/ecchi-eng/fsr/=/keyword_work_name/NEKOPARA+SRI0000009412/ana_flg/all/order/release_d/from/work.series">NEKOPARA</a></td>
         </tr>
 
 
@@ -1107,90 +1118,6 @@ jQuery(function($){
   <!-- work_review_list -->
   <table id="work_review_list" cellspacing="0">
         <tbody>
-      <tr>
-        <td class="review_title">
-          <p class="pickup_mark">Pick Up</p>          <div class="review_title_l">
-          <div class="title">This is going to the top!</div>
-          <p>
-            Jan/04/2015&nbsp;&nbsp;By <a href="https://www.dlsite.com/ecchi-eng/reviewlist/=/reviewer/REN0001459">Computer Dr.</a>                          <span class="popularity_reviewer silver">Top Reviewer: 35th</span>
-                                    <span class="purchased">Verified Buyer</span>
-                      </p>
-          </div>
-                    <div class="review_title_r">
-            <span class="reviewer_recommend">Loved it！</span>
-          </div>
-                  </td>
-      </tr>
-      <tr>
-        <td class="review_main _review_main">
-                    <div class="reviewer_genre">
-            <p>Keywords the reviewer selected :</p>
-            <ul class="reviewer_select_genre">
-                            <li><a href="https://www.dlsite.com/ecchi-eng/fsr/=/genre/127/from/review.genre">Facial</a></li>
-                            <li><a href="https://www.dlsite.com/ecchi-eng/fsr/=/genre/128/from/review.genre">Internal Cumshot</a></li>
-                            <li><a href="https://www.dlsite.com/ecchi-eng/fsr/=/genre/138/from/review.genre">Blowjob</a></li>
-                            <li><a href="https://www.dlsite.com/ecchi-eng/fsr/=/genre/141/from/review.genre">Hentai</a></li>
-                            <li><a href="https://www.dlsite.com/ecchi-eng/fsr/=/genre/112/from/review.genre">Vanilla Sex</a></li>
-                            <li><a href="https://www.dlsite.com/ecchi-eng/fsr/=/genre/123/from/review.genre">Consensual Sex</a></li>
-                            <li><a href="https://www.dlsite.com/ecchi-eng/fsr/=/genre/489/from/review.genre">Cum Swallow</a></li>
-                            <li><a href="https://www.dlsite.com/ecchi-eng/fsr/=/genre/488/from/review.genre">Oral Cumshot</a></li>
-                            <li><a href="https://www.dlsite.com/ecchi-eng/fsr/=/genre/462/from/review.genre">Heterosexual/Nonke</a></li>
-                            <li><a href="https://www.dlsite.com/ecchi-eng/fsr/=/genre/463/from/review.genre">Bisexual</a></li>
-                          </ul>
-          </div>
-          
-          
-          <div class="_SW2" >
-            <p class="reviewer_descrip">This game is going to sell like hotcakes.  Why?<br />
-<br />
-Anyone who has ever searched for catgirls on Google images or just about anywhere else has seen Vanilla and Chocolat before.  Up until now the were not in any games or media other than the Sayori Neko Works website.  A game was LONG overdue.<br />
-<br />
-Now that it&#039;s finally here, this is going to explode like the McRib Sandwich.  Like the Seafood Sensation sub at Subway.  Like The Interview movie.  It&#039;s on Steam getting tons of downloads.  This game is going to be HUGE, if only because everyone into moe art and catgirls has SEEN these two before and wanted them -- in various meanings of the word.<br />
-<br />
-NEKOPARA delivers.  Vanilla and Chocolat convincingly pull off the traits of cats -- cuddling with each other and goshujin-sama, being annoyingly clingy, attacking toys, devouring food -- while doing their best to fit into human society.  There are some glaringly obvious holes in the story (why not catboys? and why do they have sex like humans but can&#039;t get pregnant?) but the point isn&#039;t for that to make sense, rather just to fill you with feel-good catgirl moe.<br />
-<br />
-The H scenes are splendidly animated just like the rest of the day-to-day scenes in the game, and the animation itself thanks to the E-MOTE engine is really fantastic.  The quality may as well be hand-drawn, while the mouths, eyes, and motions all line right up perfectly with the voice acting.   The seiyuu do a really great job and the lines are voiced without any sort of &quot;in a box&quot; or other environmental echo artifacts for those of you with good headphones.  Just the voice, plain and simple.  Even the color and font of the text is &quot;bacchiri&quot;.<br />
-<br />
-I&#039;m probably one of the most guilty when it comes to holding Ctrl through the majority of eroge, and never once have I replayed a game after clearing the heroine&#039;s route I wanted.  This is the first game where I could play it multiple times and still enjoy it.<br />
-<br />
-For it to impress me says something.  Buy it!</p>
-            <p class="review_ref">
-              <input value="Helpful" type="button" class="_btn_good_review btn_default" data-review_id="8937" data-product_id="RE144678">
-              <span class="useful">38 users found this helpful.</span>              <span class="review_report">[&nbsp;<a href="https://ssl.dlsite.com/ecchi-eng/contact/review/=/reviewer_id/REN0001459/product_id/RE144678.html">Report Abuse</a>&nbsp;]</span>
-            </p>
-            <p class="mini_message _review_message" style="display: none;">&nbsp;</p>
-          </div>
-        </td>
-      </tr>
-    </tbody>
-        <tbody>
-      <tr>
-        <td class="review_title">
-          <p class="pickup_mark">Pick Up</p>          <div class="review_title_l">
-          <div class="title">If you love catgirls and a heart warming story, this is it.</div>
-          <p>
-            Jan/06/2015&nbsp;&nbsp;By <a href="https://www.dlsite.com/ecchi-eng/reviewlist/=/reviewer/REN0001463">Shadowfox643</a>                          <span class="popularity_reviewer bronze">Top Reviewer: Top300</span>
-                                    <span class="purchased">Verified Buyer</span>
-                      </p>
-          </div>
-                  </td>
-      </tr>
-      <tr>
-        <td class="review_main _review_main">
-          
-          
-          <div class="_SW2" >
-            <p class="reviewer_descrip">I have been following Sayori Neko Works for like, 5 years now? When I heard that a game is coming out, I was already hyped, then the demo came out and I heard Chocola&#039;s and Vanilla&#039;s voice, my heart melted into million pieces, overall, this game is a beacon of love from catgirl heaven, if you love catgirls, this game is, like, totally for you! The animation is great, watching the main characters, &quot;come to life&quot; feels like a nice pace of change from all the other stoic visual novels, there&#039;s a lot of comedy, &quot;easter eggs&quot; if you may call those, I really enjoyed this piece, would recommend to my best friends.</p>
-            <p class="review_ref">
-              <input value="Helpful" type="button" class="_btn_good_review btn_default" data-review_id="8944" data-product_id="RE144678">
-              <span class="useful">9 users found this helpful.</span>              <span class="review_report">[&nbsp;<a href="https://ssl.dlsite.com/ecchi-eng/contact/review/=/reviewer_id/REN0001463/product_id/RE144678.html">Report Abuse</a>&nbsp;]</span>
-            </p>
-            <p class="mini_message _review_message" style="display: none;">&nbsp;</p>
-          </div>
-        </td>
-      </tr>
-    </tbody>
-        <tbody>
       <tr>
         <td class="review_title">
           <p class="pickup_mark">Pick Up</p>          <div class="review_title_l">
@@ -1231,6 +1158,33 @@ If you know Sayori and or like cat girls, pick this game up, Even if you don&#03
           </div>
         </td>
       </tr>
+    </tbody>
+        <tbody>
+      <tr>
+        <td class="review_title">
+                    <div class="review_title_l">
+          <div class="title">If you love catgirls and a heart warming story, this is it.</div>
+          <p>
+            Jan/06/2015&nbsp;&nbsp;By <a href="https://www.dlsite.com/ecchi-eng/reviewlist/=/reviewer/REN0001463">Shadowfox643</a>                          <span class="popularity_reviewer bronze">Top Reviewer: Top300</span>
+                                    <span class="purchased">Verified Buyer</span>
+                      </p>
+          </div>
+                  </td>
+      </tr>
+      <tr>
+        <td class="review_main _review_main">
+          
+          
+          <div class="_SW2" >
+            <p class="reviewer_descrip">I have been following Sayori Neko Works for like, 5 years now? When I heard that a game is coming out, I was already hyped, then the demo came out and I heard Chocola&#039;s and Vanilla&#039;s voice, my heart melted into million pieces, overall, this game is a beacon of love from catgirl heaven, if you love catgirls, this game is, like, totally for you! The animation is great, watching the main characters, &quot;come to life&quot; feels like a nice pace of change from all the other stoic visual novels, there&#039;s a lot of comedy, &quot;easter eggs&quot; if you may call those, I really enjoyed this piece, would recommend to my best friends.</p>
+            <p class="review_ref">
+              <input value="Helpful" type="button" class="_btn_good_review btn_default" data-review_id="8944" data-product_id="RE144678">
+              <span class="useful">9 users found this helpful.</span>              <span class="review_report">[&nbsp;<a href="https://ssl.dlsite.com/ecchi-eng/contact/review/=/reviewer_id/REN0001463/product_id/RE144678.html">Report Abuse</a>&nbsp;]</span>
+            </p>
+            <p class="mini_message _review_message" style="display: none;">&nbsp;</p>
+          </div>
+        </td>
+      </tr>
     </tbody>
         <tbody>
       <tr>
@@ -1280,7 +1234,7 @@ Without going into too much depth, the story is pretty much a slice-of-life kind
                     <div class="review_title_l">
           <div class="title">An amazing game</div>
           <p>
-            Dec/10/2017&nbsp;&nbsp;By <a href="https://www.dlsite.com/ecchi-eng/reviewlist/=/reviewer/REN0001802">KTEZ</a>                          <span class="popularity_reviewer gold">Top Reviewer: 10th</span>
+            Dec/10/2017&nbsp;&nbsp;By <a href="https://www.dlsite.com/ecchi-eng/reviewlist/=/reviewer/REN0001802">KTEZ</a>                          <span class="popularity_reviewer gold">Top Reviewer: 7th</span>
                                     <span class="purchased">Verified Buyer</span>
                       </p>
           </div>
@@ -1338,9 +1292,9 @@ Without going into too much depth, the story is pretty much a slice-of-life kind
                             <li><a href="https://www.dlsite.com/ecchi-eng/fsr/=/genre/013/from/review.genre">Heartwarming</a></li>
                             <li><a href="https://www.dlsite.com/ecchi-eng/fsr/=/genre/046/from/review.genre">Harem</a></li>
                             <li><a href="https://www.dlsite.com/ecchi-eng/fsr/=/genre/128/from/review.genre">Internal Cumshot</a></li>
-                            <li><a href="https://www.dlsite.com/ecchi-eng/fsr/=/genre/138/from/review.genre">Blowjob</a></li>
+                            <li><a href="https://www.dlsite.com/ecchi-eng/fsr/=/genre/138/from/review.genre">Blowjob/Fellatio</a></li>
                             <li><a href="https://www.dlsite.com/ecchi-eng/fsr/=/genre/324/from/review.genre">Interspecies Sex</a></li>
-                            <li><a href="https://www.dlsite.com/ecchi-eng/fsr/=/genre/489/from/review.genre">Cum Swallow</a></li>
+                            <li><a href="https://www.dlsite.com/ecchi-eng/fsr/=/genre/489/from/review.genre">Cum Swallowing</a></li>
                             <li><a href="https://www.dlsite.com/ecchi-eng/fsr/=/genre/175/from/review.genre">Nekomimi (Cat Ears)</a></li>
                           </ul>
           </div>
@@ -1363,6 +1317,59 @@ The Catgirls are waiting, nyaa~</p>
           </div>
         </td>
       </tr>
+    </tbody>
+        <tbody>
+      <tr>
+        <td class="review_title">
+                    <div class="review_title_l">
+          <div class="title">kawaiiiii</div>
+          <p>
+            Aug/29/2016&nbsp;&nbsp;By <a href="https://www.dlsite.com/ecchi-eng/reviewlist/=/reviewer/REN0001933">bastoindark</a>                          <span class="popularity_reviewer bronze">Top Reviewer: Top300</span>
+                                    <span class="purchased">Verified Buyer</span>
+                      </p>
+          </div>
+                  </td>
+      </tr>
+      <tr>
+        <td class="review_main _review_main">
+                    <div class="reviewer_genre">
+            <p>Keywords the reviewer selected :</p>
+            <ul class="reviewer_select_genre">
+                            <li><a href="https://www.dlsite.com/ecchi-eng/fsr/=/genre/051/from/review.genre">Moe</a></li>
+                            <li><a href="https://www.dlsite.com/ecchi-eng/fsr/=/genre/207/from/review.genre">Loli</a></li>
+                            <li><a href="https://www.dlsite.com/ecchi-eng/fsr/=/genre/078/from/review.genre">Maid</a></li>
+                            <li><a href="https://www.dlsite.com/ecchi-eng/fsr/=/genre/176/from/review.genre">Animal Ears</a></li>
+                          </ul>
+          </div>
+          
+          
+          <div class="_SW2" >
+            <p class="reviewer_descrip">I love it, the game is full voice and use E-mote system  (character girl have animation) character girl is very very cute<br />
+( chocola sugoi bunza )<br />
+music in game is smooth and pretty good for me the story<br />
+is fun and interesting I think I can not wait for game volume 2 early time<br />
+<br />
+but game is very short (estimate 3 hour if you understand japanese) i think game keep story to volume 2 <br />
+<br />
+sex scene is awesome and smooth change cg and animate<br />
+is doing well but sound effect is annoy for me very much<br />
+<br />
+if i choose score for game this<br />
+<br />
+CG 10/10<br />
+OST 10/10<br />
+story 9/10 (shorty)<br />
+character design 10/10<br />
+<br />
+finally I love cat and cat girl</p>
+            <p class="review_ref">
+              <input value="Helpful" type="button" class="_btn_good_review btn_default" data-review_id="11304" data-product_id="RE144678">
+                            <span class="review_report">[&nbsp;<a href="https://ssl.dlsite.com/ecchi-eng/contact/review/=/reviewer_id/REN0001933/product_id/RE144678.html">Report Abuse</a>&nbsp;]</span>
+            </p>
+            <p class="mini_message _review_message" style="display: none;">&nbsp;</p>
+          </div>
+        </td>
+      </tr>
     </tbody>
       </table>
 
@@ -1415,6 +1422,7 @@ jQuery(function($){
 </div>
 <!-- /main -->
 
+
 </div>
 <!-- /wrapper -->
 
@@ -1480,8 +1488,8 @@ jQuery(function($){
             </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>
+            <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/ecchi-eng/guide/rental">レンタルとは</a> ]</li>
               <li v-else>こちらの作品はレンタル販売のみとなります。[ <a href="https://www.dlsite.com/ecchi-eng/guide/rental">レンタルとは</a> ]</li>
@@ -1535,10 +1543,16 @@ jQuery(function($){
 
         <!-- お気に入り -->
         <p v-if="is_check" class="work_favorite"><a class="btn_favorite">Add to My Favorites</a></p>
-        <p v-else-if="customer_id && ! is_favorite" class="work_favorite"><a @click.prevent="addFavorite({ product_id:product.product_id })" href="https://www.dlsite.com/ecchi-eng/mypage/wishlist/=/product_id/RE144678.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-if="! user.customer_id && ! is_favorite" class="work_favorite"><a @click.prevent="showPopup()" href="https://www.dlsite.com/ecchi-eng/mypage/wishlist/=/product_id/RE144678.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-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/ecchi-eng/mypage/wishlist/=/product_id/RE144678.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/ecchi-eng/mypage/wishlist/=/product_id/RE144678.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/ecchi-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/ecchi-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>
@@ -1549,7 +1563,6 @@ jQuery(function($){
         </div>
       </template>
 
-      <login-guidance :is-display-popup="is_display_popup" :type="'work'"></login-guidance>
     </div>
     
   </div>
@@ -1561,7 +1574,7 @@ jQuery(function($){
           <div class="work_buy_body">
             <div class="work_buy_label">Price</div>
             <div class="work_buy_content">
-              <span class="price">$20.18&nbsp;/&nbsp;&euro;18.32<i class="work_estimation">(estimation)</i><i class="work_jpy">2,160 JPY</i></span>
+              <span class="price">$20.16&nbsp;/&nbsp;&euro;18.15<i class="work_estimation">(estimation)</i><i class="work_jpy">2,200 JPY</i></span>
             </div>
           </div>
         </div>
@@ -1578,7 +1591,7 @@ jQuery(function($){
     <div class="cart_box_body">
       <div class="cart_box_body_inner">
         <div class="work_thumb">
-          <img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ145000/RJ144678_img_sam.jpg" alt="NEKOPARA vol.1 [NEKO WORKs]" title="NEKOPARA vol.1 [NEKO WORKs]"  class="target_type" />
+          <img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ145000/RJ144678_img_sam.jpg" alt="NEKOPARA vol.1 [NEKO WORKs]"  class="target_type" />
         </div>
         
         <template v-if="product.is_rental">
@@ -1627,7 +1640,6 @@ jQuery(function($){
           <p v-else-if="! user.customer_id && ! is_favorite" class="work_favorite"><a @click.prevent="showPopup()" href="https://www.dlsite.com/ecchi-eng/mypage/wishlist/=/product_id/RE144678.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/ecchi-eng/mypage/wishlist/=/product_id/RE144678.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>
 
-          <login-guidance :is-display-popup="is_display_popup" :type="'work'"></login-guidance>
         </div>
         
       </div>
@@ -1640,13 +1652,15 @@ jQuery(function($){
       <ul>
         <li v-if="(gift && gift.title)">
           <p class="label bonus_code">{{ gift.title }}</p>
-          <p class="period" v-if="gift.distribute_end_str">{{ gift.distribute_end_str }}</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 class="period" v-if="coupon.end_date_str">{{ coupon.end_date_str }}</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>
@@ -1659,7 +1673,8 @@ jQuery(function($){
 
   <div id="work_device_guide">
     <p class="separate_title"><span>Compatible Devices</span></p>
-  <table>
+  <div class="work_device_table_wrap">
+  <table class="work_device_table">
     <thead>
       <tr>
         <th class="dev"></th>
@@ -1669,23 +1684,21 @@ jQuery(function($){
     </thead>
     <tbody>
       <tr>
-        <td class="label">PC</td>
+        <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_no"></span></td>
       </tr>
       <tr>
-        <td class="label">iOS</td>
-        <td><span class="dev_play_no"></span></td>
-        <td><span class="dev_play_no"></span></td>
-      </tr>
-      <tr>
-        <td class="label">Android</td>
-        <td><span class="dev_play_no"></span></td>
+        <td class="label icon_sp">Smartphone</td>
+        <td>
+                        <span class="dev_play_no"></span>
+                    </td>
         <td><span class="dev_play_no"></span></td>
       </tr>
     </tbody>
   </table>
+  </div>
   
       <table class="current_os" v-if="user.os" v-cloak>
       <thead>
@@ -1742,7 +1755,7 @@ jQuery(function($){
     <ul class="guide_list">
         <li>
           <a href="https://www.dlsite.com/ecchi-eng/circle/affiliate/link/work/=/product_id/RE144678.html" v-if="isCircleLogin">For Circles</a>
-          <a href="https://www.dlsite.com/ecchi-eng/user/affiliate/link/work/=/product_id/RE144678.html" v-else>For Members</a>
+          <a href="https://www.dlsite.com/ecchi-eng/user/affiliate/link/work/=/product_id/RE144678.html" v-else>Create Affiliate Links</a>
         </li>
     </ul>
   </div>
@@ -1758,33 +1771,68 @@ jQuery(function($){
         <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/ecchi-eng/work/=/product_id/RE205281.html"><img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ206000/RJ205281_img_sam_mini.jpg" alt="Nekopara vol.2 R18 DLC for Steam [NEKO WORKs]" title="Nekopara vol.2 R18 DLC for Steam [NEKO WORKs]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/ecchi-eng/work/=/product_id/RE205281.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ206000/RJ205281_img_sam_mini.jpg" alt="Nekopara vol.2 R18 DLC for Steam [NEKO WORKs]" @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/RJ206000/RJ205281_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="Nekopara vol.2 R18 DLC for Steam [NEKO WORKs]">
+            </div>
+                      </a>
+        </td>
         <td class="name">          <span class="work_name"><a href="https://www.dlsite.com/ecchi-eng/work/=/product_id/RE205281.html">Nekopara vol.2 R18 DLC for Steam</a></span>
-          <span class="work_price">$9.08</span>
+          <span class="work_price">$9.07</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/ecchi-eng/work/=/product_id/RE205284.html"><img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ206000/RJ205284_img_sam_mini.jpg" alt="Nekopara vol.1 R18 DLC for Steam [NEKO WORKs]" title="Nekopara vol.1 R18 DLC for Steam [NEKO WORKs]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/ecchi-eng/work/=/product_id/RE205284.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ206000/RJ205284_img_sam_mini.jpg" alt="Nekopara vol.1 R18 DLC for Steam [NEKO WORKs]" @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/RJ206000/RJ205284_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="Nekopara vol.1 R18 DLC for Steam [NEKO WORKs]">
+            </div>
+                      </a>
+        </td>
         <td class="name">          <span class="work_name"><a href="https://www.dlsite.com/ecchi-eng/work/=/product_id/RE205284.html">Nekopara vol.1 R18 DLC for Steam</a></span>
-          <span class="work_price">$9.08</span>
+          <span class="work_price">$9.07</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/ecchi-eng/work/=/product_id/RE200500.html"><img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ201000/RJ200500_img_sam_mini.jpg" alt="NEKOPARA Vol.3 Aromatiser des filles-chats [NEKO WORKs]" title="NEKOPARA Vol.3 Aromatiser des filles-chats [NEKO WORKs]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/ecchi-eng/work/=/product_id/RE200500.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ201000/RJ200500_img_sam_mini.jpg" alt="NEKOPARA Vol.3 Aromatiser des filles-chats [NEKO WORKs]" @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/RJ201000/RJ200500_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="NEKOPARA Vol.3 Aromatiser des filles-chats [NEKO WORKs]">
+            </div>
+                      </a>
+        </td>
         <td class="name">          <span class="work_name"><a href="https://www.dlsite.com/ecchi-eng/work/=/product_id/RE200500.html">NEKOPARA Vol.3 Aromatiser des filles-chats</a></span>
-          <span class="work_price">$20.18</span>
+          <span class="work_price">$20.16</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/ecchi-eng/work/=/product_id/RE200911.html"><img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ201000/RJ200911_img_sam_mini.jpg" alt="Nekopara vol.3 R18 DLC for Steam [NEKO WORKs]" title="Nekopara vol.3 R18 DLC for Steam [NEKO WORKs]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/ecchi-eng/work/=/product_id/RE200911.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ201000/RJ200911_img_sam_mini.jpg" alt="Nekopara vol.3 R18 DLC for Steam [NEKO WORKs]" @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/RJ201000/RJ200911_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="Nekopara vol.3 R18 DLC for Steam [NEKO WORKs]">
+            </div>
+                      </a>
+        </td>
         <td class="name">          <span class="work_name"><a href="https://www.dlsite.com/ecchi-eng/work/=/product_id/RE200911.html">Nekopara vol.3 R18 DLC for Steam</a></span>
-          <span class="work_price">$9.08</span>
+          <span class="work_price">$9.07</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/ecchi-eng/work/=/product_id/RE170327.html"><img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ171000/RJ170327_img_sam_mini.jpg" alt="NEKOPARA vol.2 Des soeurs filles-chat tres gentilles [NEKO WORKs]" title="NEKOPARA vol.2 Des soeurs filles-chat tres gentilles [NEKO WORKs]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/ecchi-eng/work/=/product_id/RE170327.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ171000/RJ170327_img_sam_mini.jpg" alt="NEKOPARA vol.2 Des soeurs filles-chat tres gentilles [NEKO WORKs]" @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/RJ171000/RJ170327_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="NEKOPARA vol.2 Des soeurs filles-chat tres gentilles [NEKO WORKs]">
+            </div>
+                      </a>
+        </td>
         <td class="name">          <span class="work_name"><a href="https://www.dlsite.com/ecchi-eng/work/=/product_id/RE170327.html">NEKOPARA vol.2 Des soeurs filles-chat tres gentilles</a></span>
-          <span class="work_price">$20.18</span>
+          <span class="work_price">$20.16</span>
         </td>
       </tr>
             </table>
@@ -1929,8 +1977,8 @@ jQuery(function($){
                     <li class="link_list_item"><a href="https://www.dlsite.com/ecchi-eng/welcome/fra">Français</a></li>
                     <li class="link_list_item"><a href="https://www.dlsite.com/ecchi-eng/welcome/ita">Italiano</a></li>
                     <li class="link_list_item"><a href="https://www.dlsite.com/ecchi-eng/welcome/esp">Español</a></li>
-                    <li class="link_list_item"><a href="https://www.dlsite.com/ecchi-eng/welcome/chi">繁體中文</a></li>
-                </dl>
+                    <li class="link_list_item"><a href="https://www.dlsite.com/maniax/welcome">中文</a></li>
+                </ul>
             </div>
         </div>
     </div>
@@ -1963,7 +2011,7 @@ jQuery(function($){
 <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&_=1567559800"></script>
+<script type="text/javascript" src="/vue/js/pc/app.js?cdn_cache=1&v=0.1.2&_=1578552328"></script>
 
 
 <script type="text/javascript">
@@ -1997,15 +2045,10 @@ div.measure_tag {
 }
 </style>
 
-<div class="measure_tag">
-
-
-
-
-</div>
+<div class="measure_tag"></div>
 
 
 <!-- /script_footer -->
-<script type="text/javascript">var contents = {"impression":[],"detail":[{"id":"RE144678","name":"NEKOPARA vol.1","category":"ecchieng","brand":"RG23422","price":2000,"regist_date":"2014\/12\/30","image_main":"\/\/img.dlsite.jp\/modpub\/images2\/work\/doujin\/RJ145000\/RJ144678_img_main.jpg","restore_price":null}],"time":0.00011491775512695312};</script>
+<script type="text/javascript">var contents = {"impression":[],"detail":[{"id":"RE144678","name":"NEKOPARA vol.1","category":"ecchieng","brand":"RG23422","price":2000,"regist_date":"2014\/12\/30","image_main":"\/\/img.dlsite.jp\/modpub\/images2\/work\/doujin\/RJ145000\/RJ144678_img_main.jpg","restore_price":null}],"time":0.00014400482177734375};</script>
 </body>
 </html>

tests/fixture/DLsite/testEng.html

@@ -1,11 +1,11 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:mixi="http://mixi-platform.com/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" lang="en">
+<!DOCTYPE html>
+<html lang="en">
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<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" />
+<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">
@@ -13,12 +13,12 @@
 <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" />
+<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="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.">
@@ -27,29 +27,36 @@
 
 <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 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" />
+<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>/dlsite_dozen=/.test(document.cookie) || (document.cookie = 'dlsite_dozen=' + Math.floor(Math.random() * 12) + '; path=/; max-age=63072000')</script>
+<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?1459221919" type="text/css" id="reset" />
-<link rel="stylesheet" href="/css/default_eng.css?1566881566" type="text/css" id="default" />
+<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?1567473359" type="text/css" id="common" />
-<link rel="stylesheet" href="/css/switch_eng.css?1560415705" type="text/css" id="switch" />
+<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?1567745943" type="text/css" id="header_campaign_banner" />
+<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?1566876049" type="text/css" id="work_template" />
+<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>
@@ -57,7 +64,7 @@
 <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?1524728551"></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>
@@ -68,16 +75,10 @@
 <!-- End Google Tag Manager -->
 
 
-<!--[if IE 6]>
-<script type="text/javascript" src="/js/DD_belatedPNG.js"></script>
-<script>
- DD_belatedPNG.fix('a,img,div,li,td,h1,h2,h3,h4,h5,table,p');
-</script>
-<![endif]-->
 
-<!--[if lte IE 6]>
-<script type="text/javascript" src="minmax.js"></script>
-<![endif]-->
+
+
+
 </head>
 <body class="style_eng">
 
@@ -106,6 +107,44 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
 <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">
@@ -183,12 +222,12 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
       <!-- 検索 -->
       <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" />
+          <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>
@@ -200,7 +239,7 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
             </select>
           </div>
           <div class="globalSearchForm">
-            <input name="keyword" type="search" id="search_text" maxlength="255" autocomplete="off" aria-autocomplete="list"  placeholder="You can search items in both English and Japanese." />
+            <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>
@@ -208,7 +247,7 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
 
       <!-- アイコンメニュー -->
       <ul class="globalNav">
-        <li class="globalNav-item type-point"><a href="https://www.dlsite.com/eng/mypage/user/buy/point"><i>Buy Points</i></a></li>
+        <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>
@@ -244,7 +283,7 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
                 <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></a></p>
+                  <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>
@@ -292,68 +331,40 @@ if ($.cookie('loginchecked') >= 1) {
 </div>
 <!-- /header -->
 
-<!--data-vue-component="header-banner"-->
-<div data-vue-component="header-banner" data-vue-async="true" data-section_name="campaign_header_banner">
-    <div v-if="loading" 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/sale201907">
-          <div class="cp_bn_inner">
-            <div class="cp_bn_reminder">
-              <div class="cp_bn_reminder_content"><i class="cp_bn_reminder_period type_date">~ SEP 17,</i><i class="cp_bn_reminder_period type_time">14:00</i></div>
-            </div>
-            <div class="cp_bn"><img src="/images/campaign/doujin_sale_1907/bn_hd_cp_01_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>
-
 <!-- 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">eng</span>
+    <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="2">
+  <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</span>
+    <span itemprop="name">Your Pure Girlfriend series</span>
   </a>
-  <meta itemprop="position" content="3">
+  <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="4">
+  <meta itemprop="position" content="5">
 </li>
 </ul>
 
@@ -362,14 +373,14 @@ if ($.cookie('loginchecked') >= 1) {
 
 
 
-<span class="icon_lead_01 type_exclusive" title="Exclusive">Exclusive</span>
+
 
 
 </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 Sep. 17, 2 p.m. (JST)" data-lang="en" data-hashtags="DLsite">Tweet</a>
+<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>
@@ -493,7 +504,7 @@ if ($.cookie('loginchecked') >= 1) {
 <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_300x300.jpg"></div>
+    <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>
@@ -615,7 +626,7 @@ if ($.cookie('loginchecked') >= 1) {
 
         <tr>
           <th>Series</th>
-          <td><a href="https://www.dlsite.com/eng/fsr/=/keyword_work_name/%22Your+Pure+Girlfriend%22+SRI0000016970/ana_flg/all/order/release_d/from/work.series">Your Pure Girlfriend</a></td>
+          <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>
 
 
@@ -638,6 +649,14 @@ if ($.cookie('loginchecked') >= 1) {
           </td>
         </tr>
 
+        <tr>
+          <th>Language</th>
+          <td>
+            <div class="work_genre">
+            
+            </div>
+          </td>
+        </tr>
 
                 
 
@@ -1116,6 +1135,7 @@ jQuery(function($){
 </div>
 <!-- /main -->
 
+
 </div>
 <!-- /wrapper -->
 
@@ -1181,8 +1201,8 @@ jQuery(function($){
             </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>
+            <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>
@@ -1236,10 +1256,16 @@ jQuery(function($){
 
         <!-- お気に入り -->
         <p v-if="is_check" class="work_favorite"><a class="btn_favorite">Add to My Favorites</a></p>
-        <p v-else-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" :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="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-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>
@@ -1250,7 +1276,6 @@ jQuery(function($){
         </div>
       </template>
 
-      <login-guidance :is-display-popup="is_display_popup" :type="'work'"></login-guidance>
     </div>
     
   </div>
@@ -1262,7 +1287,7 @@ jQuery(function($){
           <div class="work_buy_body">
             <div class="work_buy_label">Price</div>
             <div class="work_buy_content">
-              <span class="price">$4.54&nbsp;/&nbsp;&euro;4.12<i class="work_estimation">(estimation)</i><i class="work_jpy">486 JPY</i></span>
+              <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>
@@ -1279,7 +1304,7 @@ jQuery(function($){
     <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!]" title="With Your First Girlfriend, at a Ghostly Night [Ear Cleaning] [Sleep Sharing] [Triangle!]"  class="target_type" />
+          <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">
@@ -1328,7 +1353,6 @@ jQuery(function($){
           <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>
 
-          <login-guidance :is-display-popup="is_display_popup" :type="'work'"></login-guidance>
         </div>
         
       </div>
@@ -1341,13 +1365,15 @@ jQuery(function($){
       <ul>
         <li v-if="(gift && gift.title)">
           <p class="label bonus_code">{{ gift.title }}</p>
-          <p class="period" v-if="gift.distribute_end_str">{{ gift.distribute_end_str }}</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 class="period" v-if="coupon.end_date_str">{{ coupon.end_date_str }}</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>
@@ -1360,7 +1386,8 @@ jQuery(function($){
 
   <div id="work_device_guide">
     <p class="separate_title"><span>Compatible Devices</span></p>
-  <table>
+  <div class="work_device_table_wrap">
+  <table class="work_device_table">
     <thead>
       <tr>
         <th class="dev"></th>
@@ -1370,23 +1397,21 @@ jQuery(function($){
     </thead>
     <tbody>
       <tr>
-        <td class="label">PC</td>
+        <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">iOS</td>
-        <td><span class="dev_play_no"></span></td>
-        <td><span class="dev_play"></span></td>
-      </tr>
-      <tr>
-        <td class="label">Android</td>
-        <td><span class="dev_play_no"></span></td>
+        <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 }">
@@ -1426,7 +1451,7 @@ jQuery(function($){
     <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>For Members</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>
@@ -1442,43 +1467,92 @@ jQuery(function($){
         <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"><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!]" title="Fireworks With First Love Girlfriend [Ear Cleaning] [Fall Asleep] [Triangle!]"  class="target_type" /></a></td>
+        <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.54</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"><img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ177000/RJ176184_img_sam_mini.jpg" alt="Hanikami Commute Date-chu! [Soothing Audio] [Triangle!]" title="Hanikami Commute Date-chu! [Soothing Audio] [Triangle!]"  class="target_type" /></a></td>
+        <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.53</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"><img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ074000/RJ073910_img_sam_mini.jpg" alt="Trianthology! ACE [Triangle!]" title="Trianthology! ACE [Triangle!]"  class="target_type" /></a></td>
+        <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"><img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ074000/RJ073917_img_sam_mini.jpg" alt="Trianthology! X [Triangle!]" title="Trianthology! X [Triangle!]"  class="target_type" /></a></td>
+        <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"><img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ074000/RJ073911_img_sam_mini.jpg" alt="Misato 4Coma Anthology [Triangle!]" title="Misato 4Coma Anthology [Triangle!]"  class="target_type" /></a></td>
+        <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"><img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ074000/RJ073920_img_sam_mini.jpg" alt="TRIF: trif [Triangle!]" title="TRIF: trif [Triangle!]"  class="target_type" /></a></td>
+        <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.57</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"><img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ082000/RJ081812_img_sam_mini.jpg" alt="See You Again in the SMILE  [Triangle!]" title="See You Again in the SMILE  [Triangle!]"  class="target_type" /></a></td>
+        <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>
@@ -1625,8 +1699,8 @@ jQuery(function($){
                     <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/eng/welcome/chi">繁體中文</a></li>
-                </dl>
+                    <li class="link_list_item"><a href="https://www.dlsite.com/home/welcome">中文</a></li>
+                </ul>
             </div>
         </div>
     </div>
@@ -1659,7 +1733,7 @@ jQuery(function($){
 <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&_=1567559800"></script>
+<script type="text/javascript" src="/vue/js/pc/app.js?cdn_cache=1&v=0.1.2&_=1578552328"></script>
 
 
 <script type="text/javascript">
@@ -1693,15 +1767,10 @@ div.measure_tag {
 }
 </style>
 
-<div class="measure_tag">
-
-
-
-
-</div>
+<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.00013399124145507812};</script>
+<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>

tests/fixture/DLsite/testGirlsPro.html

@@ -1,11 +1,11 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:mixi="http://mixi-platform.com/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" lang="ja-jp">
+<!DOCTYPE html>
+<html lang="ja-jp">
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<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" />
+<meta http-equiv="Content-Style-Type" content="text/css">
+<meta http-equiv="Content-Script-Type" content="text/javascript">
+<meta name="google-site-verification" content="S2Jzwn_Dm4hGoyTfPnxEUSKnbHSuT73N6SZbTanWbEM">
 <link rel="apple-touch-icon" href="/images/web/common/apple_touch_icon_girls_57x57.png">
 <link rel="apple-touch-icon" sizes="72x72" href="/images/web/common/apple_touch_icon_girls_72x72.png">
 <link rel="apple-touch-icon" sizes="76x76" href="/images/web/common/apple_touch_icon_girls_76x76.png">
@@ -13,12 +13,12 @@
 <link rel="apple-touch-icon" sizes="120x120" href="/images/web/common/apple_touch_icon_girls_120x120.png">
 <link rel="apple-touch-icon" sizes="144x144" href="/images/web/common/apple_touch_icon_girls_144x144.png">
 <link rel="apple-touch-icon" sizes="152x152" href="/images/web/common/apple_touch_icon_girls_152x152.png">
-<meta name="msapplication-config" content="/browserconfig_girls.xml" />
+<meta name="msapplication-config" content="/browserconfig_girls.xml">
 <link rel="shortcut icon" href="/images/web/common/favicon.ico">
 
 
 
-      <link rel="canonical" href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ170641.html" />
+      <link rel="canonical" href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ170641.html">
         <link rel="alternate" media="only screen and (max-width: 640px)" href="https://www.dlsite.com/girls-pro-touch/work/=/product_id/BJ170641.html" class="alternate_smartphone" />
       <meta name="description" content="昔、告白してくれた地味な同級生・瀬尾は超人気セクシー男優になっていて!?「DLsiteがるまに」はTLコミック・ティーンズラブのダウンロードショップ。お気に入りの作品をすぐダウンロードできてすぐ楽しめる！毎日更新しているのであなたが探している作品にきっと出会えます。国内最大級の二次元総合ダウンロードショップ「DLsite」！">
     <title>×××レクチャー [竹書房] | DLsiteがるまに</title>
@@ -26,29 +26,36 @@
 
 <meta name="twitter:card" content="summary_large_image">
 <meta name="twitter:site" content="@DLsiteがるまに">
-<meta name="twitter:image:src" content="https://img.dlsite.jp/modpub/images2/work/books/BJ171000/BJ170641_img_main.jpg" />
+<meta name="twitter:image:src" content="https://img.dlsite.jp/modpub/images2/work/books/BJ171000/BJ170641_img_main.jpg">
 
-<meta property="og:title" content="×××レクチャー [江口尋] | DLsiteがるまに" />
-<meta property="og:type" content="website" />
-<meta property="og:description" content="昔、告白してくれた地味な同級生・瀬尾は超人気セクシー男優になっていて!?「DLsiteがるまに」はTLコミック・ティーンズラブのダウンロードショップ。お気に入りの作品をすぐダウンロードできてすぐ楽しめる！毎日更新しているのであなたが探している作品にきっと出会えます。国内最大級の二次元総合ダウンロードショップ「DLsite」！" />
-<meta property="og:url" content="https://www.dlsite.com/girls-pro/work/=/product_id/BJ170641.html" />
-<meta property="og:image" content="https://img.dlsite.jp/modpub/images2/work/books/BJ171000/BJ170641_img_sam.jpg" />
-<meta property="og:site_name" content="Girls's Maniax" />
-<meta property="fb:app_id" content="226115600829997" />
-<meta property="mixi:device-smartphone" content="https://www.dlsite.com/girlspro-touch/work/=/product_id/BJ170641.html" />
+<meta property="og:title" content="×××レクチャー [江口尋] | DLsiteがるまに">
+<meta property="og:type" content="website">
+<meta property="og:description" content="昔、告白してくれた地味な同級生・瀬尾は超人気セクシー男優になっていて!?「DLsiteがるまに」はTLコミック・ティーンズラブのダウンロードショップ。お気に入りの作品をすぐダウンロードできてすぐ楽しめる！毎日更新しているのであなたが探している作品にきっと出会えます。国内最大級の二次元総合ダウンロードショップ「DLsite」！">
+<meta property="og:url" content="https://www.dlsite.com/girls-pro/work/=/product_id/BJ170641.html">
+<meta property="og:image" content="https://img.dlsite.jp/modpub/images2/work/books/BJ171000/BJ170641_img_sam.jpg">
+<meta property="og:site_name" content="Girls's Maniax">
+<meta property="fb:app_id" content="226115600829997">
+<meta property="mixi:device-smartphone" content="https://www.dlsite.com/girlspro-touch/work/=/product_id/BJ170641.html">
 
 
-<script>/dlsite_dozen=/.test(document.cookie) || (document.cookie = 'dlsite_dozen=' + Math.floor(Math.random() * 12) + '; path=/; max-age=63072000')</script>
+<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?1459221919" type="text/css" id="reset" />
-<link rel="stylesheet" href="/css/default.css?1566881566" type="text/css" id="default" />
+<link rel="stylesheet" href="/css/reset.css?1570688439" type="text/css" id="reset" />
+<link rel="stylesheet" href="/css/default.css?1575516922" type="text/css" id="default" />
 <link rel="stylesheet" href="/css/layout_2col_work_girls.css?1552988739" type="text/css" id="layout_2col_work" />
-<link rel="stylesheet" href="/css/common_girls.css?1567559800" type="text/css" id="common" />
-<link rel="stylesheet" href="/css/switch_girls.css?1560415705" type="text/css" id="switch" />
+<link rel="stylesheet" href="/css/common_girls.css?1576569011" type="text/css" id="common" />
+<link rel="stylesheet" href="/css/switch_girls.css?1568103394" type="text/css" id="switch" />
 <link rel="stylesheet" href="/css/suggest.css?1565749496" type="text/css" id="suggest" />
-<link rel="stylesheet" href="/css/header_campaign_banner.css?1567745943" type="text/css" id="header_campaign_banner" />
+<link rel="stylesheet" href="/css/header_campaign_banner.css?1575516922" type="text/css" id="header_campaign_banner" />
 <link rel="stylesheet" href="/assets/share/css/universal/universal.css?" type="text/css" id="universal" />
-<link rel="stylesheet" href="/css/work_template_girls.css?1566876049" type="text/css" id="work_template" />
+<link rel="stylesheet" href="/css/work_template_girls.css?1575597029" type="text/css" id="work_template" />
 <link rel="stylesheet" href="/css/work_slider.css?1559631936" type="text/css" id="work_slider" />
 
 <script type="text/javascript" src="/js/libs/libraries-pack.js?1502345903"></script>
@@ -56,7 +63,7 @@
 <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?1524728551"></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>
@@ -67,16 +74,10 @@
 <!-- End Google Tag Manager -->
 
 
-<!--[if IE 6]>
-<script type="text/javascript" src="/js/DD_belatedPNG.js"></script>
-<script>
- DD_belatedPNG.fix('a,img,div,li,td,h1,h2,h3,h4,h5,table,p');
-</script>
-<![endif]-->
 
-<!--[if lte IE 6]>
-<script type="text/javascript" src="minmax.js"></script>
-<![endif]-->
+
+
+
 </head>
 <body class="style_girlspro">
 <iframe id="op" src="https://login.dlsite.com/assets/login/check_session.html?_=20171107123100" crossorigin="anonymous" style="height:0;width:0;display:none;"></iframe>
@@ -107,6 +108,44 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NTSRG2&gtm_auth=Z_ubU9a2b3yGEFSh9Hdtkg&gtm_preview=env-12&gtm_cookies_win=x" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
 <!-- End Google Tag Manager (noscript) -->
 
+
+
+<!--data-vue-component="header-banner"-->
+<div data-vue-component="header-banner" data-vue-async="true" data-section_name="campaign_header_banner">
+    <div v-if="loading" class="hd_cp_banner type_1bn">
+    <ul class="cp_bn_list">
+            <li class="cp_bn_item type_23">
+        <a href="https://www.dlsite.com/girls-drama/promo/yabai-lp">
+          <div class="cp_bn_inner">
+            <div class="cp_bn_reminder">
+              <div class="cp_bn_reminder_content"></div>
+            </div>
+            <div class="cp_bn"><img src="/modpub/images/banner/floor_header/bn_190927_girls_drama_free.png"></div>
+                        <div class="cp_bn_work blank"></div>
+                      </div>
+        </a>
+      </li>
+          </ul>
+  </div>
+    
+  <div v-else-if="is_show_frame" :class="style" class="hd_cp_banner" v-cloak>
+    <ul class="cp_bn_list">
+      <li v-for="campaign in campaigns" :class="campaign.style" class="cp_bn_item">
+        <a :href="campaign.url">
+          <div class="cp_bn_inner">
+            <div class="cp_bn_reminder">
+              <div class="cp_bn_reminder_content" v-html="campaign.reminder.content"></div>
+            </div>
+            <div class="cp_bn"><img :src="campaign.img"></div>
+            <div class="cp_bn_work" :class="{blank: campaign.outline == null}" v-html="campaign.outline"></div>
+          </div>
+        </a>
+      </li>
+    </ul>
+  </div>
+  
+</div>
+
 <!-- エイシスグローバルヘッダ -->
 <div class="l-eisysGroupHeader type-dlsite" data-section_name="global_header">
   <div class="eisysGroupHeaderInner">
@@ -215,12 +254,12 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
       <!-- 検索 -->
               <div class="globalSearch">
           <form class="globalSearch-form" action="https://www.dlsite.com/girls-pro/fs" method="post">
-            <input name="_qf__fulltext_search" type="hidden" value="" />
-            <input name="_layout" type="hidden" value="fs" />
-            <input name="_site" type="hidden" value="girlspro" />
-            <input name="_form_id" type="hidden" value="FulltextSearchProductForm" />
-            <input name="_view" type="hidden" value="input" />
-            <input name="from" type="hidden" value="fs.header" id="header_search_from" />
+            <input name="_qf__fulltext_search" type="hidden" value="">
+            <input name="_layout" type="hidden" value="fs">
+            <input name="_site" type="hidden" value="girlspro">
+            <input name="_form_id" type="hidden" value="FulltextSearchProductForm">
+            <input name="_view" type="hidden" value="input">
+            <input name="from" type="hidden" value="fs.header" id="header_search_from">
 
                         <input type="hidden" name="site_category" :value="selected" v-if="!/drama$/.test(selected)">
                         <input type="hidden" name="work_category" :value="'drama'" v-if="/drama$/.test(selected)">
@@ -244,7 +283,7 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
                               </select>
             </div>
             <div class="globalSearchForm">
-              <input name="keyword" type="search" id="search_text" maxlength="255" autocomplete="off" aria-autocomplete="list"  placeholder="キーワードから探す（作品名、サークル名など）" />
+              <input name="keyword" type="search" id="search_text" ref="keyword" maxlength="255" autocomplete="off" aria-autocomplete="list"  placeholder="キーワードから探す（作品名、サークル名など）">
             </div>
             <button id="search_button" class="globalSearchBtn" type="submit" @click="saveSelected()"><i>検索</i></button>
           </form>
@@ -254,24 +293,58 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
         </div>
             <!-- /検索 -->
       <!-- アイコンメニュー -->
+      <div class="globalNavWrap">
         <ul class="globalNav">
           <li class="globalNav-item type-favorite">
               <a  :href="hasUnboughtFavorites ? 'https://www.dlsite.com/girls-pro/mypage/wishlist' : 'https://www.dlsite.com/girls-pro/mypage/wishlist'"><i>お気に入り</i></a><template v-if="hasUnboughtFavorites" v-cloak><a href="https://www.dlsite.com/girls-pro/mypage/wishlist/=/discount/1" class="notificationBadge" >割引になった<br>作品があります</a></template>
           </li>
           <li class="globalNav-item type-cart"><a href="https://www.dlsite.com/girls-pro/cart"><i>カート</i></a><span v-if="cartActives.length" v-cloak class="cartBadge" v-text="Math.min(cartActives.length, 100)"></span></li>
           <li class="globalNav-item type-play"><a rel="noopener" href="https://play.dlsite.com/#/library" target="_blank"><i>購入済作品</i></a></li>
+
           <li class="globalNav-item type-circle">
-          <a :href="isMemberLogin && isCircleLogin ? void(0) : isCircleLogin ? 'https://ssl.dlsite.com/circle/' : 'https://ssl.dlsite.com/girls-pro/mypage'"><i>アカウント</i></a>
-          <div v-if="isMemberLogin && isCircleLogin" class="dropdown_list" v-cloak>
+            <a v-if="isMemberLogin && isCircleLogin" v-cloak><i>アカウント</i></a>
+            <a v-else-if="isCircleLogin" href="https://ssl.dlsite.com/circle/"><i>アカウント</i></a>
+            <a v-else href="https://ssl.dlsite.com/girls-pro/mypage" v-on:click="addAlreadyRead()" v-cloak><i>アカウント</i></a>
+            <!-- メンバーアカウントとサークルアカウントの紐づけありの場合 -->
+            <template v-if="isMemberLogin && isCircleLogin">
+              <div class="dropdown_list" v-cloak>
                 <div class="dropdown_list_inner">
                   <ul class="menu_list">
-                <li class="menu_list_item"><a class="link" href="https://ssl.dlsite.com/girls-pro/mypage"><i>マイページ</i></a></li>
-                <li v-if="isCircleLogin" class="menu_list_item"><a class="link" href="https://ssl.dlsite.com/circle/"><i>サークル管理</i></a></li>
-              </ul>
-            </div>
-          </div>
+                    <li class="menu_list_item type-mypage">
+                      <a class="link" href="https://ssl.dlsite.com/girls-pro/mypage" v-on:click="addAlreadyRead()"><i>マイページ</i>
+                        <span v-if="mypageNotices > 0" class="count" v-cloak>{{ noticesBadge(mypageNotices) }}</span>
+                      </a>
+                      <div v-if="mypageNotices > 0" class="notice" v-cloak>
+                                                重要なお知らせが<span>{{ mypageNotices }}件</span>あります。                      </div>
+                    </li>
+                    <li class="menu_list_item type-circle">
+                      <a class="link" href="https://ssl.dlsite.com/circle/"><i>サークル管理</i>
+                        <span v-if="circleNotices > 0" class="count" v-cloak>{{ noticesBadge(circleNotices) }}</span>
+                      </a>
+                      <div v-if="circleNotices > 0" class="notice" v-cloak>
+                        重要なお知らせが<span>{{ circleNotices }}
+                        件</span>あります。                      </div>
                     </li>
                   </ul>
+                </div>
+              </div>
+              <span v-if="(mypageNotices + circleNotices) > 0 " class="accountBadge" v-text="noticesBadge(mypageNotices + circleNotices)" v-cloak></span>
+            </template>
+            <!-- メンバーアカウントのみ登録の場合 -->
+            <template v-if="isMemberLogin && !isCircleLogin && (mypageNotices > 0)">
+              <div class="notice type-onlyone" v-cloak>
+                                重要なお知らせが<span>{{ mypageNotices }}件</span>あります。              </div>
+              <span class="accountBadge" v-text="noticesBadge(mypageNotices)" v-cloak></span>
+            </template>
+            <!-- サークルアカウントのみ登録の場合 -->
+            <template v-if="!isMemberLogin && isCircleLogin && (circleNotices > 0)">
+              <div class="notice type-onlyone" v-cloak>
+                                重要なお知らせが<span>{{ circleNotices }}件</span>あります。              </div>
+              <span class="accountBadge" v-text="noticesBadge(circleNotices)" v-cloak></span>
+            </template>
+          </li>
+        </ul>
+      </div>
       <!-- /アイコンメニュー -->
       <!-- ガイドメニュー -->
       <div class="header_guide hover_menu">
@@ -333,11 +406,13 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
             <li class="headerNav-item"><a href="https://www.dlsite.com/girls-pro/" class="comic">コミック</a></li>
             <li class="headerNav-item"><a href="https://www.dlsite.com/girls-drama/" class="drama">ドラマCD</a></li>
             <li class="headerNav-item"><a href="https://www.dlsite.com/girls-pro/girlsgame" class="game">ゲーム</a></li>
-            <li class="headerNav-item"><a href="https://www.dlsite.com/girls-pro/ranking" class="ranking">ランキング</a></li>
+                        <li class="headerNav-item">
+              <a v-if="isRankingFilterCondition" v-cloak href="https://www.dlsite.com/girls-pro/ranking?date=30d" class="ranking">ランキング</a>
+              <a v-else href="https://www.dlsite.com/girls-pro/ranking" class="ranking">ランキング</a>
+            </li>
                         <li class="headerNav-item"><a href="https://www.dlsite.com/girls-pro/new" class="calendar">発売カレンダー</a></li>
             
             
-
                 </ul>
         </div>
       </div>
@@ -367,64 +442,43 @@ if (loginchecked & 1) {
 </div>
 <!-- /header -->
 
-<!--data-vue-component="header-banner"-->
-<div data-vue-component="header-banner" data-vue-async="true" data-section_name="campaign_header_banner">
-    <div v-if="loading" class="hd_cp_banner type_1bn">
-    <ul class="cp_bn_list">
-            <li class="cp_bn_item type_21">
-        <a href="https://www.dlsite.com/girls-pro/promo/otome-cm">
-          <div class="cp_bn_inner">
-            <div class="cp_bn_reminder">
-              <div class="cp_bn_reminder_content"></div>
-            </div>
-            <div class="cp_bn"><img src="/modpub/images/campaign/secret_apartment_free/bn_hd_01.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>
-
 <!-- top_wrapper -->
 <div id="top_wrapper" class="clearfix" data-section_name="top_wrapper">
     <ul class="topicpath" itemscope="" itemtype="https://schema.org/BreadcrumbList">
 <li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
   <a itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="https://www.dlsite.com/girls-pro/">
-    <span itemprop="name">TLコミック</span>
+    <span itemprop="name">
+              TLコミック
+          </span>
   </a>
   <meta itemprop="position" content="1">
 </li>
+<li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
+  <a itemscope="" itemtype="http://schema.org/Thing" itemprop="item" href="https://www.dlsite.com/girls-pro/circle/list">
+    <span itemprop="name">
+                      出版社／著者一覧          </span>
+  </a>
+  <meta itemprop="position" content="2">
+</li>
 <li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
   <a itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="https://www.dlsite.com/girls-pro/circle/profile/=/maker_id/BG01216.html">
     <span itemprop="name">竹書房</span>
   </a>
-  <meta itemprop="position" content="2">
+  <meta itemprop="position" content="3">
 </li>
-<li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
+                <li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
+      <a itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="https://www.dlsite.com/girls-pro/fsr/=/keyword_maker_name/%E3%83%90%E3%83%B3%E3%83%96%E3%83%BC%E3%82%B3%E3%83%9F%E3%83%83%E3%82%AF%E3%82%B9%E3%80%80%E6%81%8B%E3%83%91%E3%83%A9%E3%82%B3%E3%83%AC%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B3%EF%BC%A4%EF%BC%B8+LBL00690/from/work.label">
+        <span itemprop="name">バンブーコミックス　恋パラコレクションＤＸ</span>
+      </a>
+      <meta itemprop="position" content="4">
+    </li>
+                    <li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
       <a itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="#">
         <span itemprop="name">×××レクチャー</span>
       </a>
-  <meta itemprop="position" content="3">
-</li>
-</ul>
+      <meta itemprop="position" content="5">
+    </li>
+  </ul>
 <div class="base_title_br clearfix">
 
 <div class="icon_wrap">
@@ -565,7 +619,7 @@ if (loginchecked & 1) {
 <div class="product-slider">
   <!-- Sample image data -->
   <div ref="product_slider_data" class="product-slider-data">
-    <div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ171000/BJ170641_img_main.jpg" data-width="317" data-height="450" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ171000/BJ170641_img_main_300x300.jpg"></div>
+    <div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ171000/BJ170641_img_main.jpg" data-width="317" data-height="450" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ171000/BJ170641_img_main_240x240.jpg"></div>
     <div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ171000/BJ170641_img_smp1.jpg" data-width="1408" data-height="1000" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ171000/BJ170641_img_smp1_100x100.jpg"></div>
     <div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ171000/BJ170641_img_smp2.jpg" data-width="1408" data-height="1000" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ171000/BJ170641_img_smp2_100x100.jpg"></div>
     <div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ171000/BJ170641_img_smp3.jpg" data-width="1408" data-height="1000" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ171000/BJ170641_img_smp3_100x100.jpg"></div>
@@ -1227,6 +1281,7 @@ jQuery(function($){
 </div>
 <!-- /main -->
 
+
 </div>
 <!-- /wrapper -->
 
@@ -1333,7 +1388,7 @@ jQuery(function($){
         <div class="pre_work_message">
           <span class="title">販売開始予定</span>
           <span class="date">10月25日 0時</span>
-          <span class="note">※状況により販売延期される&lt;br /&gt;場合もあります</span>
+          <span class="note">※状況により販売延期される<br>場合もあります</span>
         </div>
       </template>
       <template v-else-if=" ! product.is_sale && product.on_sale && ! is_check">
@@ -1388,10 +1443,16 @@ jQuery(function($){
 
         <!-- お気に入り -->
         <p v-if="is_check" class="work_favorite"><a class="btn_favorite" v-t="favorite.add_fav"><!-- お気に入りに追加 --></a></p>
+        <p v-if="! user.customer_id && ! is_favorite" class="work_favorite"><a :href="link.favorite" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
         <p v-else-if="user.customer_id && ! is_favorite" class="work_favorite"><a @click.prevent="addFavorite({ product_id:product.product_id })" href="https://www.dlsite.com/girls-pro/mypage/wishlist/=/product_id/BJ170641.html" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
-        <p v-else-if="! user.customer_id && ! is_favorite" class="work_favorite"><a @click.prevent="showPopup()" href="https://www.dlsite.com/girls-pro/mypage/wishlist/=/product_id/BJ170641.html" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
         <p v-else class="work_favorite"><a href="https://www.dlsite.com/girls-pro/mypage/wishlist/=/product_id/BJ170641.html" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
 
+        <!-- 購入済み作品の場合、マイ評価ページへのリンクを表示する -->
+        <template v-if="is_bought" v-cloak>
+          <div v-if="is_myrated" class="work_rating" v-cloak><a href="https://www.dlsite.com/girls-pro/mypage/short-review" class="btn_rating_in">作品評価済み</a></div>
+          <div v-else class="work_rating" v-cloak><a href="https://www.dlsite.com/girls-pro/mypage/short-review" class="btn_rating">作品を評価する</a></div>
+        </template>
+
         <div v-show="is_display_cart_popup" class="add_cart_popup_container">
           <div class="add_cart_popup">
             <p class="add_cart_title" v-t="'cart.added_cart'"><!-- カートに追加しました --></p>
@@ -1403,7 +1464,6 @@ jQuery(function($){
         </div>
       </template>
 
-      <login-guidance :is-display-popup="is_display_popup" :type="'work'"></login-guidance>
     </div>
     
   </div>
@@ -1414,7 +1474,7 @@ jQuery(function($){
         <div class="work_buy_container">
           <div class="work_buy_body">
             <div class="work_buy_label">価格</div>
-            <div class="work_buy_content"><span class="price">669<i>円</i></span></div>
+            <div class="work_buy_content"><span class="price">682<i>円</i></span></div>
           </div>
                     <div class="work_buy_body">
             <div class="work_buy_label">ポイント</div>
@@ -1438,7 +1498,7 @@ jQuery(function($){
     <div class="cart_box_body">
       <div class="cart_box_body_inner">
         <div class="work_thumb">
-          <img src="//img.dlsite.jp/modpub/images2/work/books/BJ171000/BJ170641_img_sam.jpg" alt="×××レクチャー [竹書房]" title="×××レクチャー [竹書房]"  class="target_type" />
+          <img src="//img.dlsite.jp/modpub/images2/work/books/BJ171000/BJ170641_img_sam.jpg" alt="×××レクチャー [竹書房]"  class="target_type" />
         </div>
         
         <template v-if="product.is_rental">
@@ -1521,13 +1581,21 @@ jQuery(function($){
       <ul>
         <li v-if="gift && gift.title">
           <p class="label bonus_code">{{ gift.title }}</p>
-          <p v-if="gift.distribute_end_str" class="period">{{ gift.distribute_end_str }}</p>
+          <p v-if="gift.distribute_end_str" class="distribution_period">
+          
+                        {{ gift.distribute_end_str }}まで配布中          
+          </p>
           <p class="body" v-html="gift.description"></p>
         </li>
         <li v-for="coupon in coupons">
           <p class="label coupon" :class="{ type_work: coupon.issue.product_id, type_maker: coupon.issue.maker_id, type_price: ! coupon.issue.product_id && ! coupon.issue.maker_id }">{{ coupon.coupon_name }}</p>
-          <p v-if="coupon.end_date_str" class="period">{{ coupon.end_date_str }}</p>
+          <p v-if="coupon.end_date_str" class="distribution_period" :class="{ type_work: coupon.issue.product_id, type_maker: coupon.issue.maker_id, type_price: ! coupon.issue.product_id && ! coupon.issue.maker_id }">{{ coupon.end_date_str }}まで配布中</p>
           <p class="body" v-html="coupon.info"></p>
+          <p v-if="coupon.user_limit_date" class="period"><span>有効期限：</span>{{ coupon.user_limit_date }}</p>
+          <p v-else-if="coupon.limit_days_day" class="period">
+          
+                        <span>有効期限：</span>取得から{{ coupon.limit_days_day }}日後          
+          </p>
         </li>
       </ul>
     </div>
@@ -1592,108 +1660,213 @@ jQuery(function($){
 <div class="right_module_content">
 <table cellspacing="0" class="same_work">
 <tr>
-<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179272.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179272_img_sam_mini.jpg" alt="×××レクチャー　　×××レクチャー【分冊版】2 [竹書房]" title="×××レクチャー　　×××レクチャー【分冊版】2 [竹書房]"  class="target_type" /></a></td>
+<td class="work_img">
+  <a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ219244.html" data-vue-component="thumb-img-popup">
+    <img src="//img.dlsite.jp/modpub/images2/work/books/BJ220000/BJ219244_img_sam_mini.jpg" alt="ビスポークエンゲージ【短編】 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+        <div v-cloak class="work_img_popover flip">
+      <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ220000/BJ219244_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="ビスポークエンゲージ【短編】 [竹書房]">
+    </div>
+      </a>
+</td>
+<td class="name">
+    <span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ219244.html">ビスポークエンゲージ【短編】</a></span>
+  <span class="work_price">￥220</span>
+</td>
+</tr>
+<tr>
+<td class="work_img">
+  <a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ212670.html" data-vue-component="thumb-img-popup">
+    <img src="//img.dlsite.jp/modpub/images2/work/books/BJ213000/BJ212670_img_sam_mini.jpg" alt="うそつきミルフイユ【電子限定描き下ろし漫画付き】 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+        <div v-cloak class="work_img_popover flip">
+      <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ213000/BJ212670_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="うそつきミルフイユ【電子限定描き下ろし漫画付き】 [竹書房]">
+    </div>
+      </a>
+</td>
+<td class="name">
+    <span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ212670.html">うそつきミルフイユ【電子限定描き下ろし漫画付き】</a></span>
+  <span class="work_price">￥682</span>
+</td>
+</tr>
+<tr>
+<td class="work_img">
+  <a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ210549.html" data-vue-component="thumb-img-popup">
+    <img src="//img.dlsite.jp/modpub/images2/work/books/BJ211000/BJ210549_img_sam_mini.jpg" alt="うそつきミルフイユ【短編】5piece [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+        <div v-cloak class="work_img_popover flip">
+      <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ211000/BJ210549_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="うそつきミルフイユ【短編】5piece [竹書房]">
+    </div>
+      </a>
+</td>
+<td class="name">
+    <span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ210549.html">うそつきミルフイユ【短編】5piece</a></span>
+  <span class="work_price">￥110</span>
+</td>
+</tr>
+<tr>
+<td class="work_img">
+  <a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179272.html" data-vue-component="thumb-img-popup">
+    <img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179272_img_sam_mini.jpg" alt="×××レクチャー　　×××レクチャー【分冊版】2 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+        <div v-cloak class="work_img_popover flip">
+      <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179272_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="×××レクチャー　　×××レクチャー【分冊版】2 [竹書房]">
+    </div>
+      </a>
+</td>
 <td class="name">
     <span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179272.html">×××レクチャー　　×××レクチャー【分冊版】2</a></span>
-  <span class="work_price">￥108</span>
+  <span class="work_price">￥110</span>
 </td>
 </tr>
 <tr>
-<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179275.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179275_img_sam_mini.jpg" alt="いいなりビスポーク　　×××レクチャー【分冊版】5 [竹書房]" title="いいなりビスポーク　　×××レクチャー【分冊版】5 [竹書房]"  class="target_type" /></a></td>
+<td class="work_img">
+  <a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179275.html" data-vue-component="thumb-img-popup">
+    <img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179275_img_sam_mini.jpg" alt="いいなりビスポーク　　×××レクチャー【分冊版】5 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+        <div v-cloak class="work_img_popover flip">
+      <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179275_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="いいなりビスポーク　　×××レクチャー【分冊版】5 [竹書房]">
+    </div>
+      </a>
+</td>
 <td class="name">
     <span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179275.html">いいなりビスポーク　　×××レクチャー【分冊版】5</a></span>
-  <span class="work_price">￥108</span>
+  <span class="work_price">￥110</span>
 </td>
 </tr>
 <tr>
-<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179278.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179278_img_sam_mini.jpg" alt="ひたむきビスポーク　　×××レクチャー【分冊版】8 [竹書房]" title="ひたむきビスポーク　　×××レクチャー【分冊版】8 [竹書房]"  class="target_type" /></a></td>
+<td class="work_img">
+  <a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179278.html" data-vue-component="thumb-img-popup">
+    <img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179278_img_sam_mini.jpg" alt="ひたむきビスポーク　　×××レクチャー【分冊版】8 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+        <div v-cloak class="work_img_popover flip">
+      <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179278_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="ひたむきビスポーク　　×××レクチャー【分冊版】8 [竹書房]">
+    </div>
+      </a>
+</td>
 <td class="name">
     <span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179278.html">ひたむきビスポーク　　×××レクチャー【分冊版】8</a></span>
-  <span class="work_price">￥108</span>
+  <span class="work_price">￥110</span>
 </td>
 </tr>
 <tr>
-<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179273.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179273_img_sam_mini.jpg" alt="×××レクチャー　Final chapter　　×××レクチャー【分冊版】3 [竹書房]" title="×××レクチャー　Final chapter　　×××レクチャー【分冊版】3 [竹書房]"  class="target_type" /></a></td>
+<td class="work_img">
+  <a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179273.html" data-vue-component="thumb-img-popup">
+    <img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179273_img_sam_mini.jpg" alt="×××レクチャー　Final chapter　　×××レクチャー【分冊版】3 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+        <div v-cloak class="work_img_popover flip">
+      <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179273_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="×××レクチャー　Final chapter　　×××レクチャー【分冊版】3 [竹書房]">
+    </div>
+      </a>
+</td>
 <td class="name">
     <span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179273.html">×××レクチャー　Final chapter　　×××レクチャー【分冊版】3</a></span>
-  <span class="work_price">￥108</span>
+  <span class="work_price">￥110</span>
 </td>
 </tr>
 <tr>
-<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179276.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179276_img_sam_mini.jpg" alt="いいなりビスポーク　　×××レクチャー【分冊版】6 [竹書房]" title="いいなりビスポーク　　×××レクチャー【分冊版】6 [竹書房]"  class="target_type" /></a></td>
+<td class="work_img">
+  <a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179276.html" data-vue-component="thumb-img-popup">
+    <img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179276_img_sam_mini.jpg" alt="いいなりビスポーク　　×××レクチャー【分冊版】6 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+        <div v-cloak class="work_img_popover flip">
+      <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179276_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="いいなりビスポーク　　×××レクチャー【分冊版】6 [竹書房]">
+    </div>
+      </a>
+</td>
 <td class="name">
     <span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179276.html">いいなりビスポーク　　×××レクチャー【分冊版】6</a></span>
-  <span class="work_price">￥108</span>
+  <span class="work_price">￥110</span>
 </td>
 </tr>
 <tr>
-<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179279.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179279_img_sam_mini.jpg" alt="好きいろキャンバス　　×××レクチャー【分冊版】9 [竹書房]" title="好きいろキャンバス　　×××レクチャー【分冊版】9 [竹書房]"  class="target_type" /></a></td>
+<td class="work_img">
+  <a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179279.html" data-vue-component="thumb-img-popup">
+    <img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179279_img_sam_mini.jpg" alt="好きいろキャンバス　　×××レクチャー【分冊版】9 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+        <div v-cloak class="work_img_popover flip">
+      <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179279_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="好きいろキャンバス　　×××レクチャー【分冊版】9 [竹書房]">
+    </div>
+      </a>
+</td>
 <td class="name">
     <span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179279.html">好きいろキャンバス　　×××レクチャー【分冊版】9</a></span>
-  <span class="work_price">￥108</span>
+  <span class="work_price">￥110</span>
 </td>
 </tr>
 <tr>
-<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179271.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179271_img_sam_mini.jpg" alt="×××レクチャー　　×××レクチャー【分冊版】1 [竹書房]" title="×××レクチャー　　×××レクチャー【分冊版】1 [竹書房]"  class="target_type" /></a></td>
+<td class="work_img">
+  <a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179271.html" data-vue-component="thumb-img-popup">
+    <img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179271_img_sam_mini.jpg" alt="×××レクチャー　　×××レクチャー【分冊版】1 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+        <div v-cloak class="work_img_popover flip">
+      <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179271_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="×××レクチャー　　×××レクチャー【分冊版】1 [竹書房]">
+    </div>
+      </a>
+</td>
 <td class="name">
     <span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179271.html">×××レクチャー　　×××レクチャー【分冊版】1</a></span>
-  <span class="work_price">￥108</span>
+  <span class="work_price">￥110</span>
 </td>
 </tr>
 <tr>
-<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179274.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179274_img_sam_mini.jpg" alt="×××レクチャー　Final chapter　　×××レクチャー【分冊版】4 [竹書房]" title="×××レクチャー　Final chapter　　×××レクチャー【分冊版】4 [竹書房]"  class="target_type" /></a></td>
+<td class="work_img">
+  <a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179274.html" data-vue-component="thumb-img-popup">
+    <img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179274_img_sam_mini.jpg" alt="×××レクチャー　Final chapter　　×××レクチャー【分冊版】4 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+        <div v-cloak class="work_img_popover flip">
+      <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179274_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="×××レクチャー　Final chapter　　×××レクチャー【分冊版】4 [竹書房]">
+    </div>
+      </a>
+</td>
 <td class="name">
     <span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179274.html">×××レクチャー　Final chapter　　×××レクチャー【分冊版】4</a></span>
-  <span class="work_price">￥108</span>
+  <span class="work_price">￥110</span>
 </td>
 </tr>
 <tr>
-<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179277.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179277_img_sam_mini.jpg" alt="ひたむきビスポーク　　×××レクチャー【分冊版】7 [竹書房]" title="ひたむきビスポーク　　×××レクチャー【分冊版】7 [竹書房]"  class="target_type" /></a></td>
+<td class="work_img">
+  <a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179277.html" data-vue-component="thumb-img-popup">
+    <img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179277_img_sam_mini.jpg" alt="ひたむきビスポーク　　×××レクチャー【分冊版】7 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+        <div v-cloak class="work_img_popover flip">
+      <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179277_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="ひたむきビスポーク　　×××レクチャー【分冊版】7 [竹書房]">
+    </div>
+      </a>
+</td>
 <td class="name">
     <span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179277.html">ひたむきビスポーク　　×××レクチャー【分冊版】7</a></span>
-  <span class="work_price">￥108</span>
+  <span class="work_price">￥110</span>
 </td>
 </tr>
 <tr>
-<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179280.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179280_img_sam_mini.jpg" alt="好きいろキャンバス　　×××レクチャー【分冊版】10 [竹書房]" title="好きいろキャンバス　　×××レクチャー【分冊版】10 [竹書房]"  class="target_type" /></a></td>
+<td class="work_img">
+  <a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179280.html" data-vue-component="thumb-img-popup">
+    <img src="//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179280_img_sam_mini.jpg" alt="好きいろキャンバス　　×××レクチャー【分冊版】10 [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+        <div v-cloak class="work_img_popover flip">
+      <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ180000/BJ179280_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="好きいろキャンバス　　×××レクチャー【分冊版】10 [竹書房]">
+    </div>
+      </a>
+</td>
 <td class="name">
     <span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ179280.html">好きいろキャンバス　　×××レクチャー【分冊版】10</a></span>
-  <span class="work_price">￥108</span>
+  <span class="work_price">￥110</span>
 </td>
 </tr>
 <tr>
-<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ202753.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ203000/BJ202753_img_sam_mini.jpg" alt="うそつきミルフイユ【短編】4piece [竹書房]" title="うそつきミルフイユ【短編】4piece [竹書房]"  class="target_type" /></a></td>
+<td class="work_img">
+  <a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ202753.html" data-vue-component="thumb-img-popup">
+    <img src="//img.dlsite.jp/modpub/images2/work/books/BJ203000/BJ202753_img_sam_mini.jpg" alt="うそつきミルフイユ【短編】4piece [竹書房]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+        <div v-cloak class="work_img_popover flip">
+      <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ203000/BJ202753_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="うそつきミルフイユ【短編】4piece [竹書房]">
+    </div>
+      </a>
+</td>
 <td class="name">
     <span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ202753.html">うそつきミルフイユ【短編】4piece</a></span>
-  <span class="work_price">￥108</span>
+  <span class="work_price">￥110</span>
 </td>
 </tr>
 <tr>
-<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ197414.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ198000/BJ197414_img_sam_mini.jpg" alt="禁断Ｌｏｖｅｒｓ　Ｖｏｌ．０９６ [ぶんか社]" title="禁断Ｌｏｖｅｒｓ　Ｖｏｌ．０９６ [ぶんか社]"  class="target_type" /></a></td>
+<td class="work_img">
+  <a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ197414.html" data-vue-component="thumb-img-popup">
+    <img src="//img.dlsite.jp/modpub/images2/work/books/BJ198000/BJ197414_img_sam_mini.jpg" alt="禁断Ｌｏｖｅｒｓ　Ｖｏｌ．０９６ [ぶんか社]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+        <div v-cloak class="work_img_popover flip">
+      <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ198000/BJ197414_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="禁断Ｌｏｖｅｒｓ　Ｖｏｌ．０９６ [ぶんか社]">
+    </div>
+      </a>
+</td>
 <td class="name">
     <span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ197414.html">禁断Ｌｏｖｅｒｓ　Ｖｏｌ．０９６</a></span>
-  <span class="work_price">￥648</span>
-</td>
-</tr>
-<tr>
-<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ186880.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ187000/BJ186880_img_sam_mini.jpg" alt="うそつきミルフイユ【短編】3piece [竹書房]" title="うそつきミルフイユ【短編】3piece [竹書房]"  class="target_type" /></a></td>
-<td class="name">
-    <span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ186880.html">うそつきミルフイユ【短編】3piece</a></span>
-  <span class="work_price">￥108</span>
-</td>
-</tr>
-<tr>
-<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ180467.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ181000/BJ180467_img_sam_mini.jpg" alt="うそつきミルフイユ【短編】2piece [竹書房]" title="うそつきミルフイユ【短編】2piece [竹書房]"  class="target_type" /></a></td>
-<td class="name">
-    <span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ180467.html">うそつきミルフイユ【短編】2piece</a></span>
-  <span class="work_price">￥108</span>
-</td>
-</tr>
-<tr>
-<td class="work_img"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ172637.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ173000/BJ172637_img_sam_mini.jpg" alt="うそつきミルフイユ【短編】1piece [竹書房]" title="うそつきミルフイユ【短編】1piece [竹書房]"  class="target_type" /></a></td>
-<td class="name">
-    <span class="work_name"><a href="https://www.dlsite.com/girls-pro/work/=/product_id/BJ172637.html">うそつきミルフイユ【短編】1piece</a></span>
-  <span class="work_price">￥216</span>
+  <span class="work_price">￥660</span>
 </td>
 </tr>
 </table>
@@ -1843,8 +2016,8 @@ jQuery(function($){
                     <li class="link_list_item"><a href="https://www.dlsite.com/ecchi-eng/welcome/fra">Français</a></li>
                     <li class="link_list_item"><a href="https://www.dlsite.com/ecchi-eng/welcome/ita">Italiano</a></li>
                     <li class="link_list_item"><a href="https://www.dlsite.com/ecchi-eng/welcome/esp">Español</a></li>
-                    <li class="link_list_item"><a href="https://www.dlsite.com/ecchi-eng/welcome/chi">繁體中文</a></li>
-                </dl>
+                    <li class="link_list_item"><a href="https://www.dlsite.com/girls-pro/welcome">中文</a></li>
+                </ul>
             </div>
         </div>
     </div>
@@ -1877,7 +2050,7 @@ jQuery(function($){
 <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&_=1567559800"></script>
+<script type="text/javascript" src="/vue/js/pc/app.js?cdn_cache=1&v=0.1.2&_=1578552328"></script>
 
 
 <script type="text/javascript">
@@ -1911,15 +2084,10 @@ div.measure_tag {
 }
 </style>
 
-<div class="measure_tag">
-
-
-
-
-</div>
+<div class="measure_tag"></div>
 
 
 <!-- /script_footer -->
-<script type="text/javascript">var contents = {"impression":[],"detail":[{"id":"BJ170641","name":"\u00d7\u00d7\u00d7\u30ec\u30af\u30c1\u30e3\u30fc","category":"girlspro","brand":"BG01216","price":620,"regist_date":"2018\/10\/25","image_main":"\/\/img.dlsite.jp\/modpub\/images2\/work\/books\/BJ171000\/BJ170641_img_main.jpg","restore_price":null}],"time":0.00012803077697753906};</script>
+<script type="text/javascript">var contents = {"impression":[],"detail":[{"id":"BJ170641","name":"\u00d7\u00d7\u00d7\u30ec\u30af\u30c1\u30e3\u30fc","category":"girlspro","brand":"BG01216","price":620,"regist_date":"2018\/10\/25","image_main":"\/\/img.dlsite.jp\/modpub\/images2\/work\/books\/BJ171000\/BJ170641_img_main.jpg","restore_price":null}],"time":0.00016689300537109375};</script>
 </body>
 </html>

tests/fixture/DLsite/testHTMLdescription.html

@@ -1,11 +1,11 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:mixi="http://mixi-platform.com/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" lang="ja-jp">
+<!DOCTYPE html>
+<html lang="ja-jp">
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<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" />
+<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_57x57.png">
 <link rel="apple-touch-icon" sizes="72x72" href="/images/web/common/apple_touch_icon_72x72.png">
 <link rel="apple-touch-icon" sizes="76x76" href="/images/web/common/apple_touch_icon_76x76.png">
@@ -13,12 +13,12 @@
 <link rel="apple-touch-icon" sizes="120x120" href="/images/web/common/apple_touch_icon_120x120.png">
 <link rel="apple-touch-icon" sizes="144x144" href="/images/web/common/apple_touch_icon_144x144.png">
 <link rel="apple-touch-icon" sizes="152x152" href="/images/web/common/apple_touch_icon_152x152.png">
-<meta name="msapplication-config" content="/browserconfig.xml" />
+<meta name="msapplication-config" content="/browserconfig.xml">
 <link rel="shortcut icon" href="/images/web/common/favicon.ico">
 
 
 
-      <link rel="canonical" href="https://www.dlsite.com/books/work/=/product_id/BJ123822.html" />
+      <link rel="canonical" href="https://www.dlsite.com/books/work/=/product_id/BJ123822.html">
         <link rel="alternate" media="only screen and (max-width: 640px)" href="https://www.dlsite.com/books-touch/work/=/product_id/BJ123822.html" class="alternate_smartphone" />
       <meta name="description" content="&lt;strong style=&quot;color:#ff0000&quot;&gt;【DLsite.com独占販売】&lt;/strong&gt; エロ漫画界騒然、1冊まるごと獣○オンリー単行本! 人間チ×ポは出てきませんっ!!「DLsite 成年コミック - R18」はエロマンガ・アダルトマンガのダウンロードショップ。お気に入りの作品をすぐダウンロードできてすぐ楽しめる！毎日更新しているのであなたが探している作品にきっと出会えます。国内最大級の二次元総合ダウンロードショップ「DLsite」！">
     <title>獣○彼女カタログ [ティーアイネット] | DLsite 成年コミック - R18</title>
@@ -26,30 +26,37 @@
 
 <meta name="twitter:card" content="summary_large_image">
 <meta name="twitter:site" content="@DLsiteManiax">
-<meta name="twitter:image:src" content="https://img.dlsite.jp/modpub/images2/work/books/BJ124000/BJ123822_img_main.jpg" />
+<meta name="twitter:image:src" content="https://img.dlsite.jp/modpub/images2/work/books/BJ124000/BJ123822_img_main.jpg">
 
-<meta property="og:title" content="獣○彼女カタログ [チキコ MUJIN編集部] | DLsite" />
-<meta property="og:type" content="website" />
-<meta property="og:description" content="&lt;strong style=&quot;color:#ff0000&quot;&gt;【DLsite.com独占販売】&lt;/strong&gt; エロ漫画界騒然、1冊まるごと獣○オンリー単行本! 人間チ×ポは出てきませんっ!!「DLsite 成年コミック - R18」はエロマンガ・アダルトマンガのダウンロードショップ。お気に入りの作品をすぐダウンロードできてすぐ楽しめる！毎日更新しているのであなたが探している作品にきっと出会えます。国内最大級の二次元総合ダウンロードショップ「DLsite」！" />
-<meta property="og:url" content="https://www.dlsite.com/books/work/=/product_id/BJ123822.html" />
-<meta property="og:image" content="https://img.dlsite.jp/modpub/images2/work/books/BJ124000/BJ123822_img_sam.jpg" />
-<meta property="og:site_name" content="DLsite" />
-<meta property="fb:app_id" content="226115600829997" />
-<meta property="mixi:content-rating" content="1" />
-<meta property="mixi:device-smartphone" content="https://www.dlsite.com/books-touch/work/=/product_id/BJ123822.html" />
+<meta property="og:title" content="獣○彼女カタログ [チキコ MUJIN編集部] | DLsite">
+<meta property="og:type" content="website">
+<meta property="og:description" content="&lt;strong style=&quot;color:#ff0000&quot;&gt;【DLsite.com独占販売】&lt;/strong&gt; エロ漫画界騒然、1冊まるごと獣○オンリー単行本! 人間チ×ポは出てきませんっ!!「DLsite 成年コミック - R18」はエロマンガ・アダルトマンガのダウンロードショップ。お気に入りの作品をすぐダウンロードできてすぐ楽しめる！毎日更新しているのであなたが探している作品にきっと出会えます。国内最大級の二次元総合ダウンロードショップ「DLsite」！">
+<meta property="og:url" content="https://www.dlsite.com/books/work/=/product_id/BJ123822.html">
+<meta property="og:image" content="https://img.dlsite.jp/modpub/images2/work/books/BJ124000/BJ123822_img_sam.jpg">
+<meta property="og:site_name" content="DLsite">
+<meta property="fb:app_id" content="226115600829997">
+<meta property="mixi:content-rating" content="1">
+<meta property="mixi:device-smartphone" content="https://www.dlsite.com/books-touch/work/=/product_id/BJ123822.html">
 
 
-<script>/dlsite_dozen=/.test(document.cookie) || (document.cookie = 'dlsite_dozen=' + Math.floor(Math.random() * 12) + '; path=/; max-age=63072000')</script>
+<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?1459221919" type="text/css" id="reset" />
-<link rel="stylesheet" href="/css/default.css?1566881566" type="text/css" id="default" />
+<link rel="stylesheet" href="/css/reset.css?1570688439" type="text/css" id="reset" />
+<link rel="stylesheet" href="/css/default.css?1575516922" type="text/css" id="default" />
 <link rel="stylesheet" href="/css/layout_2col_work.css?1552974983" type="text/css" id="layout_2col_work" />
-<link rel="stylesheet" href="/css/common.css?1567559800" type="text/css" id="common" />
-<link rel="stylesheet" href="/css/switch.css?1560415705" type="text/css" id="switch" />
+<link rel="stylesheet" href="/css/common.css?1578445983" type="text/css" id="common" />
+<link rel="stylesheet" href="/css/switch.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?1567745943" type="text/css" id="header_campaign_banner" />
+<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.css?1566876049" type="text/css" id="work_template" />
+<link rel="stylesheet" href="/css/work_template.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>
@@ -57,7 +64,7 @@
 <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?1524728551"></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>
@@ -68,16 +75,10 @@
 <!-- End Google Tag Manager -->
 
 
-<!--[if IE 6]>
-<script type="text/javascript" src="/js/DD_belatedPNG.js"></script>
-<script>
- DD_belatedPNG.fix('a,img,div,li,td,h1,h2,h3,h4,h5,table,p');
-</script>
-<![endif]-->
 
-<!--[if lte IE 6]>
-<script type="text/javascript" src="minmax.js"></script>
-<![endif]-->
+
+
+
 </head>
 <body class="style_books">
 <iframe id="op" src="https://login.dlsite.com/assets/login/check_session.html?_=20171107123100" crossorigin="anonymous" style="height:0;width:0;display:none;"></iframe>
@@ -109,6 +110,44 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
 <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_17">
+        <a href="https://www.dlsite.com/books/campaign/luckybag2020">
+          <div class="cp_bn_inner">
+            <div class="cp_bn_reminder">
+              <div class="cp_bn_reminder_content"><i class="cp_bn_reminder_period type_date">1/16</i><i class="cp_bn_reminder_period type_time">14時</i>まで</div>
+            </div>
+            <div class="cp_bn"><img src="/modpub/images/campaign/matome_sale_2020/bn_hd_cp.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">
@@ -217,12 +256,12 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
       <!-- 検索 -->
               <div class="globalSearch">
           <form class="globalSearch-form" action="https://www.dlsite.com/books/fs" method="post">
-            <input name="_qf__fulltext_search" type="hidden" value="" />
-            <input name="_layout" type="hidden" value="fs" />
-            <input name="_site" type="hidden" value="books" />
-            <input name="_form_id" type="hidden" value="FulltextSearchProductForm" />
-            <input name="_view" type="hidden" value="input" />
-            <input name="from" type="hidden" value="fs.header" id="header_search_from" />
+            <input name="_qf__fulltext_search" type="hidden" value="">
+            <input name="_layout" type="hidden" value="fs">
+            <input name="_site" type="hidden" value="books">
+            <input name="_form_id" type="hidden" value="FulltextSearchProductForm">
+            <input name="_view" type="hidden" value="input">
+            <input name="from" type="hidden" value="fs.header" id="header_search_from">
 
                         <input type="hidden" name="site_category" :value="selected" v-if="!/drama$/.test(selected)">
                         <input type="hidden" name="work_category" :value="'drama'" v-if="/drama$/.test(selected)">
@@ -243,7 +282,7 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
                               </select>
             </div>
             <div class="globalSearchForm">
-              <input name="keyword" type="search" id="search_text" maxlength="255" autocomplete="off" aria-autocomplete="list"  placeholder="キーワードから探す（作品名、サークル名など）" />
+              <input name="keyword" type="search" id="search_text" ref="keyword" maxlength="255" autocomplete="off" aria-autocomplete="list"  placeholder="キーワードから探す（作品名、サークル名など）">
             </div>
             <button id="search_button" class="globalSearchBtn" type="submit" @click="saveSelected()"><i>検索</i></button>
           </form>
@@ -253,24 +292,58 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
         </div>
             <!-- /検索 -->
       <!-- アイコンメニュー -->
+      <div class="globalNavWrap">
         <ul class="globalNav">
           <li class="globalNav-item type-favorite">
               <a  :href="hasUnboughtFavorites ? 'https://www.dlsite.com/books/mypage/wishlist' : 'https://www.dlsite.com/books/mypage/wishlist'"><i>お気に入り</i></a><template v-if="hasUnboughtFavorites" v-cloak><a href="https://www.dlsite.com/books/mypage/wishlist/=/discount/1" class="notificationBadge" >割引になった<br>作品があります</a></template>
           </li>
           <li class="globalNav-item type-cart"><a href="https://www.dlsite.com/books/cart"><i>カート</i></a><span v-if="cartActives.length" v-cloak class="cartBadge" v-text="Math.min(cartActives.length, 100)"></span></li>
           <li class="globalNav-item type-play"><a rel="noopener" href="https://play.dlsite.com/#/library" target="_blank"><i>購入済作品</i></a></li>
+
           <li class="globalNav-item type-circle">
-          <a :href="isMemberLogin && isCircleLogin ? void(0) : isCircleLogin ? 'https://ssl.dlsite.com/circle/' : 'https://ssl.dlsite.com/books/mypage'"><i>アカウント</i></a>
-          <div v-if="isMemberLogin && isCircleLogin" class="dropdown_list" v-cloak>
+            <a v-if="isMemberLogin && isCircleLogin" v-cloak><i>アカウント</i></a>
+            <a v-else-if="isCircleLogin" href="https://ssl.dlsite.com/circle/"><i>アカウント</i></a>
+            <a v-else href="https://ssl.dlsite.com/books/mypage" v-on:click="addAlreadyRead()" v-cloak><i>アカウント</i></a>
+            <!-- メンバーアカウントとサークルアカウントの紐づけありの場合 -->
+            <template v-if="isMemberLogin && isCircleLogin">
+              <div class="dropdown_list" v-cloak>
                 <div class="dropdown_list_inner">
                   <ul class="menu_list">
-                <li class="menu_list_item"><a class="link" href="https://ssl.dlsite.com/books/mypage"><i>マイページ</i></a></li>
-                <li v-if="isCircleLogin" class="menu_list_item"><a class="link" href="https://ssl.dlsite.com/circle/"><i>サークル管理</i></a></li>
-              </ul>
-            </div>
-          </div>
+                    <li class="menu_list_item type-mypage">
+                      <a class="link" href="https://ssl.dlsite.com/books/mypage" v-on:click="addAlreadyRead()"><i>マイページ</i>
+                        <span v-if="mypageNotices > 0" class="count" v-cloak>{{ noticesBadge(mypageNotices) }}</span>
+                      </a>
+                      <div v-if="mypageNotices > 0" class="notice" v-cloak>
+                                                重要なお知らせが<span>{{ mypageNotices }}件</span>あります。                      </div>
+                    </li>
+                    <li class="menu_list_item type-circle">
+                      <a class="link" href="https://ssl.dlsite.com/circle/"><i>サークル管理</i>
+                        <span v-if="circleNotices > 0" class="count" v-cloak>{{ noticesBadge(circleNotices) }}</span>
+                      </a>
+                      <div v-if="circleNotices > 0" class="notice" v-cloak>
+                        重要なお知らせが<span>{{ circleNotices }}
+                        件</span>あります。                      </div>
                     </li>
                   </ul>
+                </div>
+              </div>
+              <span v-if="(mypageNotices + circleNotices) > 0 " class="accountBadge" v-text="noticesBadge(mypageNotices + circleNotices)" v-cloak></span>
+            </template>
+            <!-- メンバーアカウントのみ登録の場合 -->
+            <template v-if="isMemberLogin && !isCircleLogin && (mypageNotices > 0)">
+              <div class="notice type-onlyone" v-cloak>
+                                重要なお知らせが<span>{{ mypageNotices }}件</span>あります。              </div>
+              <span class="accountBadge" v-text="noticesBadge(mypageNotices)" v-cloak></span>
+            </template>
+            <!-- サークルアカウントのみ登録の場合 -->
+            <template v-if="!isMemberLogin && isCircleLogin && (circleNotices > 0)">
+              <div class="notice type-onlyone" v-cloak>
+                                重要なお知らせが<span>{{ circleNotices }}件</span>あります。              </div>
+              <span class="accountBadge" v-text="noticesBadge(circleNotices)" v-cloak></span>
+            </template>
+          </li>
+        </ul>
+      </div>
       <!-- /アイコンメニュー -->
       <!-- ガイドメニュー -->
       <div class="header_guide hover_menu">
@@ -343,7 +416,10 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
               <a v-if="isRankingFilterCondition" v-cloak href="https://www.dlsite.com/books/works/oneshot?date=30d" class="oneshot">単話/短編</a>
               <a v-else  href="https://www.dlsite.com/books/works/oneshot" class="oneshot">単話/短編</a>
             </li>
-            <li class="headerNav-item"><a href="https://www.dlsite.com/books/ranking" class="ranking">ランキング</a></li>
+            <li class="headerNav-item">
+              <a v-if="isRankingFilterCondition" v-cloak href="https://www.dlsite.com/books/ranking?date=30d" class="ranking">ランキング</a>
+              <a v-else href="https://www.dlsite.com/books/ranking" class="ranking">ランキング</a>
+            </li>
             <li class="headerNav-item"><a href="https://www.dlsite.com/books/new" class="calendar">発売カレンダー</a></li>
 
                         </ul>
@@ -375,64 +451,43 @@ if (loginchecked & 1) {
 </div>
 <!-- /header -->
 
-<!--data-vue-component="header-banner"-->
-<div data-vue-component="header-banner" data-vue-async="true" data-section_name="campaign_header_banner">
-    <div v-if="loading" class="hd_cp_banner type_1bn">
-    <ul class="cp_bn_list">
-            <li class="cp_bn_item type_02">
-        <a href="https://www.dlsite.com/books/discount/=/campaign/elwiio/show_type/3">
-          <div class="cp_bn_inner">
-            <div class="cp_bn_reminder">
-              <div class="cp_bn_reminder_content"><i class="cp_bn_reminder_period type_date">9/12</i><i class="cp_bn_reminder_period type_time">14時</i>まで</div>
-            </div>
-            <div class="cp_bn"><img src=" /modpub/images/banner/floor_header/bn_books_hitoduma50per.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>
-
 <!-- 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/books/">
-    <span itemprop="name">成年コミック</span>
+    <span itemprop="name">
+              成年コミック
+          </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/books/circle/list">
+    <span itemprop="name">
+                      出版社／著者一覧          </span>
+  </a>
+  <meta itemprop="position" content="2">
+</li>
 <li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
   <a itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="https://www.dlsite.com/books/circle/profile/=/maker_id/BG01058.html">
     <span itemprop="name">ティーアイネット</span>
   </a>
-  <meta itemprop="position" content="2">
+  <meta itemprop="position" content="3">
 </li>
-<li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
+                <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/books/fsr/=/keyword_maker_name/MUJIN%E3%82%B3%E3%83%9F%E3%83%83%E3%82%AF%E3%82%B9+LBL00021/from/work.label">
+        <span itemprop="name">MUJINコミックス</span>
+      </a>
+      <meta itemprop="position" content="4">
+    </li>
+                    <li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
       <a itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="#">
         <span itemprop="name">獣○彼女カタログ</span>
       </a>
-  <meta itemprop="position" content="3">
-</li>
-</ul>
+      <meta itemprop="position" content="5">
+    </li>
+  </ul>
 <div class="base_title_br clearfix">
 
 <div class="icon_wrap">
@@ -565,8 +620,8 @@ if (loginchecked & 1) {
 
 <!--
 <div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
-<meta itemprop="ratingValue" content="4.42" />
-<meta itemprop="ratingCount" content="828" />
+<meta itemprop="ratingValue" content="4.43">
+<meta itemprop="ratingCount" content="878">
 </div>
 -->
 <!-- 王冠/DL数/評価/レビュー ここまで -->
@@ -576,7 +631,7 @@ if (loginchecked & 1) {
 <div class="product-slider">
   <!-- Sample image data -->
   <div ref="product_slider_data" class="product-slider-data">
-    <div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ124000/BJ123822_img_main.jpg" data-width="307" data-height="450" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ124000/BJ123822_img_main_300x300.jpg"></div>
+    <div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ124000/BJ123822_img_main.jpg" data-width="307" data-height="450" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ124000/BJ123822_img_main_240x240.jpg"></div>
     <div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ124000/BJ123822_img_smp1.jpg" data-width="1362" data-height="1000" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ124000/BJ123822_img_smp1_100x100.jpg"></div>
     <div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ124000/BJ123822_img_smp2.jpg" data-width="1362" data-height="1000" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ124000/BJ123822_img_smp2_100x100.jpg"></div>
     <div data-src="//img.dlsite.jp/modpub/images2/work/books/BJ124000/BJ123822_img_smp3.jpg" data-width="1362" data-height="1000" data-thumb="//img.dlsite.jp/resize/images2/work/books/BJ124000/BJ123822_img_smp3_100x100.jpg"></div>
@@ -774,6 +829,7 @@ if (loginchecked & 1) {
 </div>
 
 
+
 <div class="trial_download clearfix">
 <ul><li><p class="trial_file"><a href="//trial.dlsite.com/books/BJ124000/BJ123822_trial.zip" class="btn_trial" title="体験版ダウンロード">体験版ダウンロード</a></p><span>(18.94MB)</span></li></ul>
 </div>
@@ -1136,7 +1192,7 @@ jQuery(function($){
             <div class="title"><span itemprop="name">いろいろな動物と</span></div>
             <p>
               <meta itemprop="datePublished" content="2019-01-11">2019年01月11日&nbsp;&nbsp;<span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="name"><a href="https://www.dlsite.com/books/reviewlist/=/reviewer/REV0036776">ken411901</a></span> さん</span>
-                              <span class="popularity_reviewer bronze">人気レビュアー：Best600</span>
+                              <span class="popularity_reviewer bronze">人気レビュアー：Best700</span>
                                           <span class="purchased">購入済み</span>
                           </p>
           </div>
@@ -1280,7 +1336,7 @@ jQuery(function($){
             <div class="title"><span itemprop="name">明るく楽しい作品</span></div>
             <p>
               <meta itemprop="datePublished" content="2019-08-06">2019年08月06日&nbsp;&nbsp;<span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="name"><a href="https://www.dlsite.com/books/reviewlist/=/reviewer/REV0035871">はいいろぬこ</a></span> さん</span>
-                              <span class="popularity_reviewer bronze">人気レビュアー：Best300</span>
+                              <span class="popularity_reviewer bronze">人気レビュアー：Best200</span>
                                           <span class="purchased">購入済み</span>
                           </p>
           </div>
@@ -1472,33 +1528,132 @@ jQuery(function($){
                       <li class="relation_content_list_item swiper-slide">
               <div class="content_item">
                 <div class="content_item_img">
-                  <a rel="noopener" href="http://www.nijiyome.com/app/start/533?en=dlsite&em=banner&et=pc_work_detail_app553_1907" target="_blank">
-                    <img src="//media.dlsite.com/bcs/dlchannel/1564498800/bn_be05309736932d07b9e6f3fa70c347beece5b886.jpg" alt="【最大虹石3,000個無料！】事前登録だけでスタートダッシュ報酬GET♪事前登録受付中"></a>
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/52285?from=event_matome_2001_2019a_ranking" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlchannel/1580396400/bn_75c506e875d7eaba40d8397c60c1710f6b8723c7.jpg" alt="DLsite2019年の年間ランキングを公開中"></a>
                 </div>
                 <p class="content_item_title">
-                  <a rel="noopener" href="http://www.nijiyome.com/app/start/533?en=dlsite&em=banner&et=pc_work_detail_app553_1907" target="_blank">【にじよめ】最大虹石3,000個｜事前登録で無料報酬GET♪</a>
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/52285?from=event_matome_2001_2019a_ranking" target="_blank">DLsite2019年の年間ランキングを公開中</a>
                 </p>
               </div>
             </li>
                       <li class="relation_content_list_item swiper-slide">
               <div class="content_item">
                 <div class="content_item_img">
-                  <a rel="noopener" href="https://www.dlsite.com/home/promo/contest1904h" target="_blank">
-                    <img src="//media.dlsite.com/bcs/dlsite/1564498800/bn_d06ea8fb8d0d7622eb863fd18477e68f0fc07fcc.jpg" alt="【グランプリはDLsiteで作品化】DLsite男性向け音声作品シナリオコンテスト結果発表！"></a>
+                  <a rel="noopener" href="https://ch.dlsite.com/campaign/illust1912?from=event_matome_1912_atena_illustcontest" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1577718000/bn_0ac01ec3f5ae7e4cebe048b835d4bfd382f606d4.jpg" alt="大賞10万円！ アテナちゃんイラストコンテスト"></a>
                 </div>
                 <p class="content_item_title">
-                  <a rel="noopener" href="https://www.dlsite.com/home/promo/contest1904h" target="_blank">【グランプリはDLsiteで作品化】コンテスト結果発表！</a>
+                  <a rel="noopener" href="https://ch.dlsite.com/campaign/illust1912?from=event_matome_1912_atena_illustcontest" target="_blank">大賞10万円！ アテナちゃんイラストコンテスト</a>
                 </p>
               </div>
             </li>
                       <li class="relation_content_list_item swiper-slide">
               <div class="content_item">
                 <div class="content_item_img">
-                  <a rel="noopener" href="https://ch.dlsite.com/matome/40498?from=event_matome_adult_2019a_ranking" >
-                    <img src="//media.dlsite.com/bcs/dlchannel/1567177200/bn_e410dc8d4f9fbd636d283dbc2f8ed22531ce4adf.jpg" alt="DLsite上半期ランキングを公開中"></a>
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/51785?from=event_matome_1912_ichihara_review01" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1577718000/bn_7fb38dbbf85de12f5393eb656acb428c0aa8fa8b.jpg" alt="【位置原レビュー】童貞の同人作家とオフパコしちゃうえっちなコスプレイヤーは好きですか?"></a>
                 </div>
                 <p class="content_item_title">
-                  <a rel="noopener" href="https://ch.dlsite.com/matome/40498?from=event_matome_adult_2019a_ranking" target="_blank">DLsite上半期ランキングを公開中</a>
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/51785?from=event_matome_1912_ichihara_review01" target="_blank">【位置原レビュー】童貞の同人作家とオフパコしちゃうえっちなコスプレイヤーは好きですか?</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/51741?from=event_matome_1912_sommelier_result" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1577718000/bn_50e4a7c46df9c90299aad41af3393b3f1d19d373.jpg" alt="【集った! エロマンガソムリエ】結果発表!!"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/51741?from=event_matome_1912_sommelier_result" target="_blank">【集った! エロマンガソムリエ】結果発表!!</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/52782?from=event_matome_1912_ci-en_iitokoro" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1577718000/bn_afb5bcd2803177e7c34b80a6704244d212aa973f.jpg" alt="Ci-enのいいとこ！ 見てみたい！ フォロー＆RTキャンペーン実施中！"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/52782?from=event_matome_1912_ci-en_iitokoro" target="_blank">Ci-enのいいとこ！ 見てみたい！ フォロー＆RTキャンペーン実施中！</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/49256?from=event_matome_1912_nijilive" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1577718000/bn_84e9d9b42103aa2e2dd6cd6989c822dab9a7a5f1.jpg" alt="【にじいろLive】リリース開始！ スマホで遊べるネイティブアプリ!!"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/49256?from=event_matome_1912_nijilive" target="_blank">【にじいろLive】リリース開始！ スマホで遊べるネイティブアプリ!!</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/50444?from=event_matome_1912_drabre" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1577718000/bn_6696d2a5a65b4d91dfe87c1170c4199eb212e3ee.jpg" alt="【ドラゴンブレイク】にじよめ新作は3DアクションRPG！ 事前登録受付中！"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/50444?from=event_matome_1912_drabre" target="_blank">【ドラゴンブレイク】にじよめ新作は3DアクションRPG！ 事前登録受付中！</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/51166?from=event_matome_1912_illegalupload" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1577718000/bn_d26efad5f5e1d9bddbd890e0017c6b256a4fe498.jpg" alt="【サークル向け】違法アップロード監視システムの巡回結果が確認できるようになりました！"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/51166?from=event_matome_1912_illegalupload" target="_blank">【サークル向け】違法アップロード監視システムの巡回結果が確認できるようになりました！</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/49195?from=event_matome_1911_advertisingbanner" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1575039600/bn_1caa693d26f78343827d74bcbc1a4c0a6b666cef.jpg" alt="【注目の話題作】広告掲載中の作品一覧はこちらです【バナー広告掲載中のエロ同人】"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/49195?from=event_matome_1911_advertisingbanner" target="_blank">【注目の話題作】広告掲載中の作品一覧はこちらです【バナー広告掲載中のエロ同人】</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/45712?from=event_matome_1910_affiliate" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1572447600/bn_6007ace913dc512eef1739ca8451fc77bfec01b8.jpg" alt="5分でできるスマホでアフィリエイト"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/45712?from=event_matome_1910_affiliate" target="_blank">5分でできるスマホでアフィリエイト</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/41892?from=event_matome_1910_dlsitestudio_circle50off" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1572447600/bn_6f1b9f3724ee925e1554d2c1ee396a68973796d8.jpg" alt="DLsiteに音声作品スタジオができました【登録サークル様は初回スタジオ利用料50％OFF】"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/41892?from=event_matome_1910_dlsitestudio_circle50off" target="_blank">DLsiteに音声作品スタジオができました【登録サークル様は初回スタジオ利用料50％OFF】</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://www.dlsite.com/maniax/promo/ayakashinostalgia" >
+                    <img src="//media.dlsite.com/bcs/dlsite/1572447600/bn_10638d103c8ff72f4e6220f3a5184651d2386fce.jpg" alt="あやかし郷愁譚 全購入で豪華特典をプレゼントするキャンペーン"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://www.dlsite.com/maniax/promo/ayakashinostalgia" target="_blank">あやかし郷愁譚 全購入で豪華特典をプレゼントするキャンペーン</a>
                 </p>
               </div>
             </li>
@@ -1566,6 +1721,7 @@ $(function () {
 </div>
 <!-- /main -->
 
+
 </div>
 <!-- /wrapper -->
 
@@ -1672,7 +1828,7 @@ $(function () {
         <div class="pre_work_message">
           <span class="title">販売開始予定</span>
           <span class="date">10月27日 0時</span>
-          <span class="note">※状況により販売延期される&lt;br /&gt;場合もあります</span>
+          <span class="note">※状況により販売延期される<br>場合もあります</span>
         </div>
       </template>
       <template v-else-if=" ! product.is_sale && product.on_sale && ! is_check">
@@ -1727,10 +1883,16 @@ $(function () {
 
         <!-- お気に入り -->
         <p v-if="is_check" class="work_favorite"><a class="btn_favorite" v-t="favorite.add_fav"><!-- お気に入りに追加 --></a></p>
+        <p v-if="! user.customer_id && ! is_favorite" class="work_favorite"><a :href="link.favorite" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
         <p v-else-if="user.customer_id && ! is_favorite" class="work_favorite"><a @click.prevent="addFavorite({ product_id:product.product_id })" href="https://www.dlsite.com/books/mypage/wishlist/=/product_id/BJ123822.html" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
-        <p v-else-if="! user.customer_id && ! is_favorite" class="work_favorite"><a @click.prevent="showPopup()" href="https://www.dlsite.com/books/mypage/wishlist/=/product_id/BJ123822.html" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
         <p v-else class="work_favorite"><a href="https://www.dlsite.com/books/mypage/wishlist/=/product_id/BJ123822.html" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
 
+        <!-- 購入済み作品の場合、マイ評価ページへのリンクを表示する -->
+        <template v-if="is_bought" v-cloak>
+          <div v-if="is_myrated" class="work_rating" v-cloak><a href="https://www.dlsite.com/books/mypage/short-review" class="btn_rating_in">作品評価済み</a></div>
+          <div v-else class="work_rating" v-cloak><a href="https://www.dlsite.com/books/mypage/short-review" class="btn_rating">作品を評価する</a></div>
+        </template>
+
         <div v-show="is_display_cart_popup" class="add_cart_popup_container">
           <div class="add_cart_popup">
             <p class="add_cart_title" v-t="'cart.added_cart'"><!-- カートに追加しました --></p>
@@ -1742,7 +1904,6 @@ $(function () {
         </div>
       </template>
 
-      <login-guidance :is-display-popup="is_display_popup" :type="'work'"></login-guidance>
     </div>
     
   </div>
@@ -1753,7 +1914,7 @@ $(function () {
         <div class="work_buy_container">
           <div class="work_buy_body">
             <div class="work_buy_label">価格</div>
-            <div class="work_buy_content"><span class="price">1,080<i>円</i></span></div>
+            <div class="work_buy_content"><span class="price">1,100<i>円</i></span></div>
           </div>
                     <div class="work_buy_body">
             <div class="work_buy_label">ポイント</div>
@@ -1777,7 +1938,7 @@ $(function () {
     <div class="cart_box_body">
       <div class="cart_box_body_inner">
         <div class="work_thumb">
-          <img src="//img.dlsite.jp/modpub/images2/work/books/BJ124000/BJ123822_img_sam.jpg" alt="獣○彼女カタログ [ティーアイネット]" title="獣○彼女カタログ [ティーアイネット]"  class="target_type" />
+          <img src="//img.dlsite.jp/modpub/images2/work/books/BJ124000/BJ123822_img_sam.jpg" alt="獣○彼女カタログ [ティーアイネット]"  class="target_type" />
         </div>
         
         <template v-if="product.is_rental">
@@ -1860,13 +2021,21 @@ $(function () {
       <ul>
         <li v-if="gift && gift.title">
           <p class="label bonus_code">{{ gift.title }}</p>
-          <p v-if="gift.distribute_end_str" class="period">{{ gift.distribute_end_str }}</p>
+          <p v-if="gift.distribute_end_str" class="distribution_period">
+          
+                        {{ gift.distribute_end_str }}まで配布中          
+          </p>
           <p class="body" v-html="gift.description"></p>
         </li>
         <li v-for="coupon in coupons">
           <p class="label coupon" :class="{ type_work: coupon.issue.product_id, type_maker: coupon.issue.maker_id, type_price: ! coupon.issue.product_id && ! coupon.issue.maker_id }">{{ coupon.coupon_name }}</p>
-          <p v-if="coupon.end_date_str" class="period">{{ coupon.end_date_str }}</p>
+          <p v-if="coupon.end_date_str" class="distribution_period" :class="{ type_work: coupon.issue.product_id, type_maker: coupon.issue.maker_id, type_price: ! coupon.issue.product_id && ! coupon.issue.maker_id }">{{ coupon.end_date_str }}まで配布中</p>
           <p class="body" v-html="coupon.info"></p>
+          <p v-if="coupon.user_limit_date" class="period"><span>有効期限：</span>{{ coupon.user_limit_date }}</p>
+          <p v-else-if="coupon.limit_days_day" class="period">
+          
+                        <span>有効期限：</span>取得から{{ coupon.limit_days_day }}日後          
+          </p>
         </li>
       </ul>
     </div>
@@ -1931,111 +2100,213 @@ $(function () {
   <div class="right_module_content">
         <table cellspacing="0" class="same_work">
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/books/work/=/product_id/BJ206309.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ207000/BJ206309_img_sam_mini.jpg" alt="僕の専用女教師 [ティーアイネット]" title="僕の専用女教師 [ティーアイネット]"  class="target_type" /></a></td>
-        <td class="name">
-                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ206309.html">僕の専用女教師</a></span>
-          <span class="work_price">￥1,080</span>
-        </td>
-      </tr>
-              <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/books/work/=/product_id/BJ206334.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ207000/BJ206334_img_sam_mini.jpg" alt="【無料お試し版】僕の専用女教師 [ティーアイネット]" title="【無料お試し版】僕の専用女教師 [ティーアイネット]"  class="target_type" /></a></td>
-        <td class="name">
-                      <div class="icon_wrap">
-                                            <span class="icon_lead_01 type_free">無料</span>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/books/work/=/product_id/BJ222799.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222799_img_sam_mini.jpg" alt="異世界ハーレムパラダイス〈第4話〉（赤月みゅうと） [ティーアイネット]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222799_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="異世界ハーレムパラダイス〈第4話〉（赤月みゅうと） [ティーアイネット]">
             </div>
-                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ206334.html">【無料お試し版】僕の専用女教師</a></span>
-          <span class="work_price">￥0</span>
+                      </a>
+        </td>
+        <td class="name">
+                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ222799.html">異世界ハーレムパラダイス〈第4話〉（赤月みゅうと）</a></span>
+          <span class="work_price">￥330</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208491.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ209000/BJ208491_img_sam_mini.jpg" alt="まひる姫（シオロク） [ティーアイネット]" title="まひる姫（シオロク） [ティーアイネット]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/books/work/=/product_id/BJ222802.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222802_img_sam_mini.jpg" alt="妹・小悪魔キューピッド〈第2話〉（潮風サンゴ） [ティーアイネット]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222802_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="妹・小悪魔キューピッド〈第2話〉（潮風サンゴ） [ティーアイネット]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
-                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208491.html">まひる姫（シオロク）</a></span>
-          <span class="work_price">￥324</span>
+                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ222802.html">妹・小悪魔キューピッド〈第2話〉（潮風サンゴ）</a></span>
+          <span class="work_price">￥330</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208494.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ209000/BJ208494_img_sam_mini.jpg" alt="俺らの頭は女体化ヤンキー（ポリウレたん） [ティーアイネット]" title="俺らの頭は女体化ヤンキー（ポリウレたん） [ティーアイネット]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/books/work/=/product_id/BJ222805.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222805_img_sam_mini.jpg" alt="ギャルな妹は催眠なんか信じない!〈最終話〉（沢尻メロウ） [ティーアイネット]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222805_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="ギャルな妹は催眠なんか信じない!〈最終話〉（沢尻メロウ） [ティーアイネット]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
-                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208494.html">俺らの頭は女体化ヤンキー（ポリウレたん）</a></span>
-          <span class="work_price">￥324</span>
+                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ222805.html">ギャルな妹は催眠なんか信じない!〈最終話〉（沢尻メロウ）</a></span>
+          <span class="work_price">￥330</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208497.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ209000/BJ208497_img_sam_mini.jpg" alt="アネガレ（平野河重） [ティーアイネット]" title="アネガレ（平野河重） [ティーアイネット]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/books/work/=/product_id/BJ222808.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222808_img_sam_mini.jpg" alt="MONSTER（干支門三十四） [ティーアイネット]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222808_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="MONSTER（干支門三十四） [ティーアイネット]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
-                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208497.html">アネガレ（平野河重）</a></span>
-          <span class="work_price">￥324</span>
+                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ222808.html">MONSTER（干支門三十四）</a></span>
+          <span class="work_price">￥330</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208500.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ209000/BJ208500_img_sam_mini.jpg" alt="兄妹になろうよ〈後編〉（今河ようじん） [ティーアイネット]" title="兄妹になろうよ〈後編〉（今河ようじん） [ティーアイネット]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/books/work/=/product_id/BJ222811.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222811_img_sam_mini.jpg" alt="あの奥さんは僕の女〈最終話〉（じゃみんぐ） [ティーアイネット]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222811_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="あの奥さんは僕の女〈最終話〉（じゃみんぐ） [ティーアイネット]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
-                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208500.html">兄妹になろうよ〈後編〉（今河ようじん）</a></span>
-          <span class="work_price">￥324</span>
+                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ222811.html">あの奥さんは僕の女〈最終話〉（じゃみんぐ）</a></span>
+          <span class="work_price">￥330</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208503.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ209000/BJ208503_img_sam_mini.jpg" alt="治して!乳医さん〈第3話〉（有賀冬） [ティーアイネット]" title="治して!乳医さん〈第3話〉（有賀冬） [ティーアイネット]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/books/work/=/product_id/BJ222797.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222797_img_sam_mini.jpg" alt="COMIC 夢幻転生 2020年1月号 [ティーアイネット]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222797_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="COMIC 夢幻転生 2020年1月号 [ティーアイネット]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
-                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208503.html">治して!乳医さん〈第3話〉（有賀冬）</a></span>
-          <span class="work_price">￥324</span>
+                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ222797.html">COMIC 夢幻転生 2020年1月号</a></span>
+          <span class="work_price">￥799</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208489.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ209000/BJ208489_img_sam_mini.jpg" alt="COMIC 夢幻転生 2019年9月号 [ティーアイネット]" title="COMIC 夢幻転生 2019年9月号 [ティーアイネット]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/books/work/=/product_id/BJ222800.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222800_img_sam_mini.jpg" alt="誰かの紡いだ赤い糸〈最終話〉（楓牙） [ティーアイネット]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222800_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="誰かの紡いだ赤い糸〈最終話〉（楓牙） [ティーアイネット]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
-                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208489.html">COMIC 夢幻転生 2019年9月号</a></span>
-          <span class="work_price">￥779</span>
+                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ222800.html">誰かの紡いだ赤い糸〈最終話〉（楓牙）</a></span>
+          <span class="work_price">￥330</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208492.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ209000/BJ208492_img_sam_mini.jpg" alt="小松崎さんは上からがお好き（創田ぐみ） [ティーアイネット]" title="小松崎さんは上からがお好き（創田ぐみ） [ティーアイネット]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/books/work/=/product_id/BJ222803.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222803_img_sam_mini.jpg" alt="お兄ちゃんのお世話（椿十四郎） [ティーアイネット]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222803_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="お兄ちゃんのお世話（椿十四郎） [ティーアイネット]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
-                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208492.html">小松崎さんは上からがお好き（創田ぐみ）</a></span>
-          <span class="work_price">￥324</span>
+                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ222803.html">お兄ちゃんのお世話（椿十四郎）</a></span>
+          <span class="work_price">￥330</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208495.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ209000/BJ208495_img_sam_mini.jpg" alt="三人の姉に（浅ひるゆう） [ティーアイネット]" title="三人の姉に（浅ひるゆう） [ティーアイネット]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/books/work/=/product_id/BJ222806.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222806_img_sam_mini.jpg" alt="いま、あなたの隣にいるの。（異郷野かなた） [ティーアイネット]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222806_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="いま、あなたの隣にいるの。（異郷野かなた） [ティーアイネット]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
-                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208495.html">三人の姉に（浅ひるゆう）</a></span>
-          <span class="work_price">￥324</span>
+                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ222806.html">いま、あなたの隣にいるの。（異郷野かなた）</a></span>
+          <span class="work_price">￥330</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208498.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ209000/BJ208498_img_sam_mini.jpg" alt="再会（ぞんだ） [ティーアイネット]" title="再会（ぞんだ） [ティーアイネット]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/books/work/=/product_id/BJ222809.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222809_img_sam_mini.jpg" alt="僕の逆玉性争〈第4話〉（星憑ネオン。） [ティーアイネット]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222809_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="僕の逆玉性争〈第4話〉（星憑ネオン。） [ティーアイネット]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
-                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208498.html">再会（ぞんだ）</a></span>
-          <span class="work_price">￥324</span>
+                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ222809.html">僕の逆玉性争〈第4話〉（星憑ネオン。）</a></span>
+          <span class="work_price">￥330</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208501.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ209000/BJ208501_img_sam_mini.jpg" alt="夢の終わり（墓場） [ティーアイネット]" title="夢の終わり（墓場） [ティーアイネット]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/books/work/=/product_id/BJ222812.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222812_img_sam_mini.jpg" alt="みにみにミルクホール〈第2話〉（智沢渚優） [ティーアイネット]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222812_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="みにみにミルクホール〈第2話〉（智沢渚優） [ティーアイネット]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
-                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208501.html">夢の終わり（墓場）</a></span>
-          <span class="work_price">￥324</span>
+                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ222812.html">みにみにミルクホール〈第2話〉（智沢渚優）</a></span>
+          <span class="work_price">￥330</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208504.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ209000/BJ208504_img_sam_mini.jpg" alt="せいぎ部!!〈第5話〉（奈塚Q弥） [ティーアイネット]" title="せいぎ部!!〈第5話〉（奈塚Q弥） [ティーアイネット]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/books/work/=/product_id/BJ222798.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222798_img_sam_mini.jpg" alt="逆痴漢専用電車〈EPISODE 0〉（史鬼匠人） [ティーアイネット]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222798_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="逆痴漢専用電車〈EPISODE 0〉（史鬼匠人） [ティーアイネット]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
-                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208504.html">せいぎ部!!〈第5話〉（奈塚Q弥）</a></span>
-          <span class="work_price">￥324</span>
+                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ222798.html">逆痴漢専用電車〈EPISODE 0〉（史鬼匠人）</a></span>
+          <span class="work_price">￥330</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208490.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ209000/BJ208490_img_sam_mini.jpg" alt="異世界ハーレムパラダイス〈第2話〉（赤月みゅうと） [ティーアイネット]" title="異世界ハーレムパラダイス〈第2話〉（赤月みゅうと） [ティーアイネット]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/books/work/=/product_id/BJ222801.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222801_img_sam_mini.jpg" alt="契約（ぞんだ） [ティーアイネット]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222801_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="契約（ぞんだ） [ティーアイネット]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
-                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208490.html">異世界ハーレムパラダイス〈第2話〉（赤月みゅうと）</a></span>
-          <span class="work_price">￥324</span>
+                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ222801.html">契約（ぞんだ）</a></span>
+          <span class="work_price">￥330</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208493.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ209000/BJ208493_img_sam_mini.jpg" alt="あの人に…（樺島あきら） [ティーアイネット]" title="あの人に…（樺島あきら） [ティーアイネット]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/books/work/=/product_id/BJ222804.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222804_img_sam_mini.jpg" alt="上級国民Z〈第1話〉（奈塚Q弥） [ティーアイネット]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222804_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="上級国民Z〈第1話〉（奈塚Q弥） [ティーアイネット]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
-                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ208493.html">あの人に…（樺島あきら）</a></span>
-          <span class="work_price">￥324</span>
+                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ222804.html">上級国民Z〈第1話〉（奈塚Q弥）</a></span>
+          <span class="work_price">￥330</span>
+        </td>
+      </tr>
+              <tr>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/books/work/=/product_id/BJ222807.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222807_img_sam_mini.jpg" alt="治して!乳医さん〈最終話〉（有賀冬） [ティーアイネット]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222807_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="治して!乳医さん〈最終話〉（有賀冬） [ティーアイネット]">
+            </div>
+                      </a>
+        </td>
+        <td class="name">
+                    <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ222807.html">治して!乳医さん〈最終話〉（有賀冬）</a></span>
+          <span class="work_price">￥330</span>
         </td>
       </tr>
             </table>
@@ -2044,38 +2315,73 @@ $(function () {
                 <div class="list_head"><h4>レーベルの作品</h4></div>
             <table cellspacing="0" class="same_work">
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/books/work/=/product_id/BJ206334.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ207000/BJ206334_img_sam_mini.jpg" alt="【無料お試し版】僕の専用女教師 [ティーアイネット]" title="【無料お試し版】僕の専用女教師 [ティーアイネット]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/books/work/=/product_id/BJ222195.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222195_img_sam_mini.jpg" alt="【無料お試し版】 姦熟 [ティーアイネット]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222195_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="【無料お試し版】 姦熟 [ティーアイネット]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
-          <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ206334.html">【無料お試し版】僕の専用女教師</a></span>
+          <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ222195.html">【無料お試し版】 姦熟</a></span>
           <span class="work_price">￥0</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/books/work/=/product_id/BJ206309.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ207000/BJ206309_img_sam_mini.jpg" alt="僕の専用女教師 [ティーアイネット]" title="僕の専用女教師 [ティーアイネット]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/books/work/=/product_id/BJ222193.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222193_img_sam_mini.jpg" alt="姦熟 [ティーアイネット]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ223000/BJ222193_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="姦熟 [ティーアイネット]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
-          <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ206309.html">僕の専用女教師</a></span>
-          <span class="work_price">￥1,080</span>
+          <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ222193.html">姦熟</a></span>
+          <span class="work_price">￥1,100</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/books/work/=/product_id/BJ206308.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ207000/BJ206308_img_sam_mini.jpg" alt="おしっこは飲み物です! [ティーアイネット]" title="おしっこは飲み物です! [ティーアイネット]"  class="target_type" /></a></td>
-        <td class="name">
-          <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ206308.html">おしっこは飲み物です!</a></span>
-          <span class="work_price">￥1,080</span>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/books/work/=/product_id/BJ220618.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ221000/BJ220618_img_sam_mini.jpg" alt="【無料お試し版】あたしたち犯された [ティーアイネット]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ221000/BJ220618_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="【無料お試し版】あたしたち犯された [ティーアイネット]">
+            </div>
+                      </a>
         </td>
-      </tr>
-              <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/books/work/=/product_id/BJ206332.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ207000/BJ206332_img_sam_mini.jpg" alt="【無料お試し版】姉・コントロール [ティーアイネット]" title="【無料お試し版】姉・コントロール [ティーアイネット]"  class="target_type" /></a></td>
         <td class="name">
-          <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ206332.html">【無料お試し版】姉・コントロール</a></span>
+          <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ220618.html">【無料お試し版】あたしたち犯された</a></span>
           <span class="work_price">￥0</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/books/work/=/product_id/BJ206307.html"><img src="//img.dlsite.jp/modpub/images2/work/books/BJ207000/BJ206307_img_sam_mini.jpg" alt="姉・コントロール [ティーアイネット]" title="姉・コントロール [ティーアイネット]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/books/work/=/product_id/BJ220615.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ221000/BJ220615_img_sam_mini.jpg" alt="あたしたち犯された [ティーアイネット]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ221000/BJ220615_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="あたしたち犯された [ティーアイネット]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
-          <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ206307.html">姉・コントロール</a></span>
-          <span class="work_price">￥1,080</span>
+          <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ220615.html">あたしたち犯された</a></span>
+          <span class="work_price">￥1,100</span>
+        </td>
+      </tr>
+              <tr>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/books/work/=/product_id/BJ220617.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/books/BJ221000/BJ220617_img_sam_mini.jpg" alt="【無料お試し版】my妹しーくれっと [ティーアイネット]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                        <div v-cloak class="work_img_popover flip">
+              <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" :src="is_show ? '//img.dlsite.jp/modpub/images2/work/books/BJ221000/BJ220617_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="【無料お試し版】my妹しーくれっと [ティーアイネット]">
+            </div>
+                      </a>
+        </td>
+        <td class="name">
+          <span class="work_name"><a href="https://www.dlsite.com/books/work/=/product_id/BJ220617.html">【無料お試し版】my妹しーくれっと</a></span>
+          <span class="work_price">￥0</span>
         </td>
       </tr>
             </table>
@@ -2223,8 +2529,8 @@ $(function () {
                     <li class="link_list_item"><a href="https://www.dlsite.com/ecchi-eng/welcome/fra">Français</a></li>
                     <li class="link_list_item"><a href="https://www.dlsite.com/ecchi-eng/welcome/ita">Italiano</a></li>
                     <li class="link_list_item"><a href="https://www.dlsite.com/ecchi-eng/welcome/esp">Español</a></li>
-                    <li class="link_list_item"><a href="https://www.dlsite.com/ecchi-eng/welcome/chi">繁體中文</a></li>
-                </dl>
+                    <li class="link_list_item"><a href="https://www.dlsite.com/maniax/welcome">中文</a></li>
+                </ul>
             </div>
         </div>
     </div>
@@ -2257,7 +2563,7 @@ $(function () {
 <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&_=1567559800"></script>
+<script type="text/javascript" src="/vue/js/pc/app.js?cdn_cache=1&v=0.1.2&_=1578552328"></script>
 
 
 <script type="text/javascript">
@@ -2291,15 +2597,10 @@ div.measure_tag {
 }
 </style>
 
-<div class="measure_tag">
-
-
-
-
-</div>
+<div class="measure_tag"></div>
 
 
 <!-- /script_footer -->
-<script type="text/javascript">var contents = {"impression":[],"detail":[{"id":"BJ123822","name":"\u7363\u25cb\u5f7c\u5973\u30ab\u30bf\u30ed\u30b0","category":"books","brand":"BG01058","price":1000,"regist_date":"2017\/10\/27","image_main":"\/\/img.dlsite.jp\/modpub\/images2\/work\/books\/BJ124000\/BJ123822_img_main.jpg","restore_price":null}],"time":0.00012922286987304688};</script>
+<script type="text/javascript">var contents = {"impression":[],"detail":[{"id":"BJ123822","name":"\u7363\u25cb\u5f7c\u5973\u30ab\u30bf\u30ed\u30b0","category":"books","brand":"BG01058","price":1000,"regist_date":"2017\/10\/27","image_main":"\/\/img.dlsite.jp\/modpub\/images2\/work\/books\/BJ124000\/BJ123822_img_main.jpg","restore_price":null}],"time":0.0001709461212158203};</script>
 </body>
 </html>

tests/fixture/DLsite/testHome.html

@@ -1,11 +1,11 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:mixi="http://mixi-platform.com/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" lang="ja-jp">
+<!DOCTYPE html>
+<html lang="ja-jp">
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<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" />
+<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_57x57.png">
 <link rel="apple-touch-icon" sizes="72x72" href="/images/web/common/apple_touch_icon_72x72.png">
 <link rel="apple-touch-icon" sizes="76x76" href="/images/web/common/apple_touch_icon_76x76.png">
@@ -13,43 +13,50 @@
 <link rel="apple-touch-icon" sizes="120x120" href="/images/web/common/apple_touch_icon_120x120.png">
 <link rel="apple-touch-icon" sizes="144x144" href="/images/web/common/apple_touch_icon_144x144.png">
 <link rel="apple-touch-icon" sizes="152x152" href="/images/web/common/apple_touch_icon_152x152.png">
-<meta name="msapplication-config" content="/browserconfig.xml" />
+<meta name="msapplication-config" content="/browserconfig.xml">
 <link rel="shortcut icon" href="/images/web/common/favicon.ico">
 
 
 
-      <link rel="canonical" href="https://www.dlsite.com/home/work/=/product_id/RJ221761.html" />
+      <link rel="canonical" href="https://www.dlsite.com/home/work/=/product_id/RJ221761.html">
         <link rel="alternate" media="only screen and (max-width: 640px)" href="https://www.dlsite.com/home-touch/work/=/product_id/RJ221761.html" class="alternate_smartphone" />
     <link rel="alternate" hreflang="ja" href="https://www.dlsite.com/home/work/=/product_id/RJ221761.html" />
-<link rel="alternate" hreflang="en" href="https://www.dlsite.com/eng/work/=/product_id/RE221761.html" />  <meta name="description" content="眠れないあなたに彼女が羊を数えてくれる音声です。「DLsite 同人」は同人誌・同人ゲーム・同人音声のダウンロードショップ。お気に入りの作品をすぐダウンロードできてすぐ楽しめる！毎日更新しているのであなたが探している作品にきっと出会えます。国内最大級の二次元総合ダウンロードショップ「DLsite」！">
-    <title>【30%OFF】ひつじ、数えてあげるっ [Butterfly Dream] | DLsite 同人</title>
+<link rel="alternate" hreflang="en" href="https://www.dlsite.com/eng/work/=/product_id/RE221761.html" />  <meta name="description" content="眠れないあなたに彼女が羊を数えてくれる音声です。「DLsite 同人」は同人誌・同人ゲーム・同人ボイス・ASMRのダウンロードショップ。お気に入りの作品をすぐダウンロードできてすぐ楽しめる！毎日更新しているのであなたが探している作品にきっと出会えます。国内最大級の二次元総合ダウンロードショップ「DLsite」！">
+    <title>【50%OFF】ひつじ、数えてあげるっ [Butterfly Dream] | DLsite 同人</title>
 
 
 <meta name="twitter:card" content="summary_large_image">
 <meta name="twitter:site" content="@DLsite">
-<meta name="twitter:image:src" content="https://img.dlsite.jp/modpub/images2/work/doujin/RJ222000/RJ221761_img_main.jpg" />
+<meta name="twitter:image:src" content="https://img.dlsite.jp/modpub/images2/work/doujin/RJ222000/RJ221761_img_main.jpg">
 
-<meta property="og:title" content="ひつじ、数えてあげるっ [Butterfly Dream] | DLsite" />
-<meta property="og:type" content="website" />
-<meta property="og:description" content="眠れないあなたに彼女が羊を数えてくれる音声です。「DLsite 同人」は同人誌・同人ゲーム・同人音声のダウンロードショップ。お気に入りの作品をすぐダウンロードできてすぐ楽しめる！毎日更新しているのであなたが探している作品にきっと出会えます。国内最大級の二次元総合ダウンロードショップ「DLsite」！" />
-<meta property="og:url" content="https://www.dlsite.com/home/work/=/product_id/RJ221761.html" />
-<meta property="og:image" content="https://img.dlsite.jp/modpub/images2/work/doujin/RJ222000/RJ221761_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/home-touch/work/=/product_id/RJ221761.html" />
+<meta property="og:title" content="ひつじ、数えてあげるっ [Butterfly Dream] | DLsite">
+<meta property="og:type" content="website">
+<meta property="og:description" content="眠れないあなたに彼女が羊を数えてくれる音声です。「DLsite 同人」は同人誌・同人ゲーム・同人ボイス・ASMRのダウンロードショップ。お気に入りの作品をすぐダウンロードできてすぐ楽しめる！毎日更新しているのであなたが探している作品にきっと出会えます。国内最大級の二次元総合ダウンロードショップ「DLsite」！">
+<meta property="og:url" content="https://www.dlsite.com/home/work/=/product_id/RJ221761.html">
+<meta property="og:image" content="https://img.dlsite.jp/modpub/images2/work/doujin/RJ222000/RJ221761_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/home-touch/work/=/product_id/RJ221761.html">
 
 
-<script>/dlsite_dozen=/.test(document.cookie) || (document.cookie = 'dlsite_dozen=' + Math.floor(Math.random() * 12) + '; path=/; max-age=63072000')</script>
+<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?1459221919" type="text/css" id="reset" />
-<link rel="stylesheet" href="/css/default.css?1566881566" type="text/css" id="default" />
+<link rel="stylesheet" href="/css/reset.css?1570688439" type="text/css" id="reset" />
+<link rel="stylesheet" href="/css/default.css?1575516922" type="text/css" id="default" />
 <link rel="stylesheet" href="/css/layout_2col_work.css?1552974983" type="text/css" id="layout_2col_work" />
-<link rel="stylesheet" href="/css/common.css?1567559800" type="text/css" id="common" />
-<link rel="stylesheet" href="/css/switch.css?1560415705" type="text/css" id="switch" />
+<link rel="stylesheet" href="/css/common.css?1578445983" type="text/css" id="common" />
+<link rel="stylesheet" href="/css/switch.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?1567745943" type="text/css" id="header_campaign_banner" />
+<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.css?1566876049" type="text/css" id="work_template" />
+<link rel="stylesheet" href="/css/work_template.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>
@@ -57,7 +64,7 @@
 <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?1524728551"></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>
@@ -68,16 +75,10 @@
 <!-- End Google Tag Manager -->
 
 
-<!--[if IE 6]>
-<script type="text/javascript" src="/js/DD_belatedPNG.js"></script>
-<script>
- DD_belatedPNG.fix('a,img,div,li,td,h1,h2,h3,h4,h5,table,p');
-</script>
-<![endif]-->
 
-<!--[if lte IE 6]>
-<script type="text/javascript" src="minmax.js"></script>
-<![endif]-->
+
+
+
 </head>
 <body class="style_home">
 <iframe id="op" src="https://login.dlsite.com/assets/login/check_session.html?_=20171107123100" crossorigin="anonymous" style="height:0;width:0;display:none;"></iframe>
@@ -108,6 +109,55 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
 <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_2bn">
+    <ul class="cp_bn_list">
+            <li class="cp_bn_item type_17">
+        <a href="https://www.dlsite.com/home/campaign/luckybag2020">
+          <div class="cp_bn_inner">
+            <div class="cp_bn_reminder">
+              <div class="cp_bn_reminder_content"><i class="cp_bn_reminder_period type_date">1/16</i><i class="cp_bn_reminder_period type_time">14時</i>まで</div>
+            </div>
+            <div class="cp_bn"><img src="/modpub/images/campaign/matome_sale_2020/bn_hd_cp.png"></div>
+                        <div class="cp_bn_work blank"></div>
+                      </div>
+        </a>
+      </li>
+            <li class="cp_bn_item type_15">
+        <a href="https://www.dlsite.com/home/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">2/3</i><i class="cp_bn_reminder_period type_time">14時</i>まで</div>
+            </div>
+            <div class="cp_bn"><img src="/modpub/images/banner/floor_header/bn_doujin_sale_max90per.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">
@@ -216,12 +266,12 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
       <!-- 検索 -->
               <div class="globalSearch">
           <form class="globalSearch-form" action="https://www.dlsite.com/home/fs" method="post">
-            <input name="_qf__fulltext_search" type="hidden" value="" />
-            <input name="_layout" type="hidden" value="fs" />
-            <input name="_site" type="hidden" value="home" />
-            <input name="_form_id" type="hidden" value="FulltextSearchProductForm" />
-            <input name="_view" type="hidden" value="input" />
-            <input name="from" type="hidden" value="fs.header" id="header_search_from" />
+            <input name="_qf__fulltext_search" type="hidden" value="">
+            <input name="_layout" type="hidden" value="fs">
+            <input name="_site" type="hidden" value="home">
+            <input name="_form_id" type="hidden" value="FulltextSearchProductForm">
+            <input name="_view" type="hidden" value="input">
+            <input name="from" type="hidden" value="fs.header" id="header_search_from">
 
                         <input type="hidden" name="site_category" :value="selected" v-if="!/drama$/.test(selected)">
                         <input type="hidden" name="work_category" :value="'drama'" v-if="/drama$/.test(selected)">
@@ -242,7 +292,7 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
                               </select>
             </div>
             <div class="globalSearchForm">
-              <input name="keyword" type="search" id="search_text" maxlength="255" autocomplete="off" aria-autocomplete="list"  placeholder="キーワードから探す（作品名、サークル名など）" />
+              <input name="keyword" type="search" id="search_text" ref="keyword" maxlength="255" autocomplete="off" aria-autocomplete="list"  placeholder="キーワードから探す（作品名、サークル名など）">
             </div>
             <button id="search_button" class="globalSearchBtn" type="submit" @click="saveSelected()"><i>検索</i></button>
           </form>
@@ -252,24 +302,58 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
         </div>
             <!-- /検索 -->
       <!-- アイコンメニュー -->
+      <div class="globalNavWrap">
         <ul class="globalNav">
           <li class="globalNav-item type-favorite">
               <a  :href="hasUnboughtFavorites ? 'https://www.dlsite.com/home/mypage/wishlist' : 'https://www.dlsite.com/home/mypage/wishlist'"><i>お気に入り</i></a><template v-if="hasUnboughtFavorites" v-cloak><a href="https://www.dlsite.com/home/mypage/wishlist/=/discount/1" class="notificationBadge" >割引になった<br>作品があります</a></template>
           </li>
           <li class="globalNav-item type-cart"><a href="https://www.dlsite.com/home/cart"><i>カート</i></a><span v-if="cartActives.length" v-cloak class="cartBadge" v-text="Math.min(cartActives.length, 100)"></span></li>
           <li class="globalNav-item type-play"><a rel="noopener" href="https://play.dlsite.com/#/library" target="_blank"><i>購入済作品</i></a></li>
+
           <li class="globalNav-item type-circle">
-          <a :href="isMemberLogin && isCircleLogin ? void(0) : isCircleLogin ? 'https://ssl.dlsite.com/circle/' : 'https://ssl.dlsite.com/home/mypage'"><i>アカウント</i></a>
-          <div v-if="isMemberLogin && isCircleLogin" class="dropdown_list" v-cloak>
+            <a v-if="isMemberLogin && isCircleLogin" v-cloak><i>アカウント</i></a>
+            <a v-else-if="isCircleLogin" href="https://ssl.dlsite.com/circle/"><i>アカウント</i></a>
+            <a v-else href="https://ssl.dlsite.com/home/mypage" v-on:click="addAlreadyRead()" v-cloak><i>アカウント</i></a>
+            <!-- メンバーアカウントとサークルアカウントの紐づけありの場合 -->
+            <template v-if="isMemberLogin && isCircleLogin">
+              <div class="dropdown_list" v-cloak>
                 <div class="dropdown_list_inner">
                   <ul class="menu_list">
-                <li class="menu_list_item"><a class="link" href="https://ssl.dlsite.com/home/mypage"><i>マイページ</i></a></li>
-                <li v-if="isCircleLogin" class="menu_list_item"><a class="link" href="https://ssl.dlsite.com/circle/"><i>サークル管理</i></a></li>
-              </ul>
-            </div>
-          </div>
+                    <li class="menu_list_item type-mypage">
+                      <a class="link" href="https://ssl.dlsite.com/home/mypage" v-on:click="addAlreadyRead()"><i>マイページ</i>
+                        <span v-if="mypageNotices > 0" class="count" v-cloak>{{ noticesBadge(mypageNotices) }}</span>
+                      </a>
+                      <div v-if="mypageNotices > 0" class="notice" v-cloak>
+                                                重要なお知らせが<span>{{ mypageNotices }}件</span>あります。                      </div>
+                    </li>
+                    <li class="menu_list_item type-circle">
+                      <a class="link" href="https://ssl.dlsite.com/circle/"><i>サークル管理</i>
+                        <span v-if="circleNotices > 0" class="count" v-cloak>{{ noticesBadge(circleNotices) }}</span>
+                      </a>
+                      <div v-if="circleNotices > 0" class="notice" v-cloak>
+                        重要なお知らせが<span>{{ circleNotices }}
+                        件</span>あります。                      </div>
                     </li>
                   </ul>
+                </div>
+              </div>
+              <span v-if="(mypageNotices + circleNotices) > 0 " class="accountBadge" v-text="noticesBadge(mypageNotices + circleNotices)" v-cloak></span>
+            </template>
+            <!-- メンバーアカウントのみ登録の場合 -->
+            <template v-if="isMemberLogin && !isCircleLogin && (mypageNotices > 0)">
+              <div class="notice type-onlyone" v-cloak>
+                                重要なお知らせが<span>{{ mypageNotices }}件</span>あります。              </div>
+              <span class="accountBadge" v-text="noticesBadge(mypageNotices)" v-cloak></span>
+            </template>
+            <!-- サークルアカウントのみ登録の場合 -->
+            <template v-if="!isMemberLogin && isCircleLogin && (circleNotices > 0)">
+              <div class="notice type-onlyone" v-cloak>
+                                重要なお知らせが<span>{{ circleNotices }}件</span>あります。              </div>
+              <span class="accountBadge" v-text="noticesBadge(circleNotices)" v-cloak></span>
+            </template>
+          </li>
+        </ul>
+      </div>
       <!-- /アイコンメニュー -->
       <!-- ガイドメニュー -->
       <div class="header_guide hover_menu">
@@ -342,7 +426,10 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
                 <a v-if="isRankingFilterCondition" v-cloak href="https://www.dlsite.com/home/works/comic?date=30d" class="manga">マンガ・CG</a>
                 <a v-else  href="https://www.dlsite.com/home/works/comic" class="manga">マンガ・CG</a>
             </li>
-            <li class="headerNav-item"><a href="https://www.dlsite.com/home/ranking" class="ranking">ランキング</a></li>
+            <li class="headerNav-item">
+              <a v-if="isRankingFilterCondition" v-cloak href="https://www.dlsite.com/home/ranking?date=30d" class="ranking">ランキング</a>
+              <a v-else href="https://www.dlsite.com/home/ranking" class="ranking">ランキング</a>
+            </li>
             <li class="headerNav-item"><a href="https://www.dlsite.com/home/announce/list/day" class="announce">発売予告作品</a></li>
             <li class="headerNav-item"><a href="https://www.dlsite.com/home/new" class="calendar">発売カレンダー</a></li>
 
@@ -376,64 +463,37 @@ if (loginchecked & 1) {
 </div>
 <!-- /header -->
 
-<!--data-vue-component="header-banner"-->
-<div data-vue-component="header-banner" data-vue-async="true" data-section_name="campaign_header_banner">
-    <div v-if="loading" class="hd_cp_banner type_1bn">
-    <ul class="cp_bn_list">
-            <li class="cp_bn_item type_15">
-        <a href="https://www.dlsite.com/home/campaign/sale201907">
-          <div class="cp_bn_inner">
-            <div class="cp_bn_reminder">
-              <div class="cp_bn_reminder_content"><i class="cp_bn_reminder_period type_date">9/17</i><i class="cp_bn_reminder_period type_time">14時</i>まで</div>
-            </div>
-            <div class="cp_bn"><img src="/images/campaign/doujin_sale_1907/bn_hd_cp_01.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>
-
 <!-- 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/home/">
-    <span itemprop="name">同人</span>
+    <span itemprop="name">
+              同人
+          </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/home/circle/list">
+    <span itemprop="name">
+                      サークル一覧          </span>
+  </a>
+  <meta itemprop="position" content="2">
+</li>
 <li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
   <a itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="https://www.dlsite.com/home/circle/profile/=/maker_id/RG34734.html">
     <span itemprop="name">Butterfly Dream</span>
   </a>
-  <meta itemprop="position" content="2">
+  <meta itemprop="position" content="3">
 </li>
-<li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
+            <li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
       <a itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="#">
         <span itemprop="name">ひつじ、数えてあげるっ</span>
       </a>
-  <meta itemprop="position" content="3">
-</li>
-</ul>
+      <meta itemprop="position" content="4">
+    </li>
+  </ul>
 <div class="base_title_br clearfix">
 
 <div class="icon_wrap">
@@ -449,7 +509,7 @@ if (loginchecked & 1) {
 <h1 itemprop="name" id="work_name">
 <a href="https://www.dlsite.com/home/work/=/product_id/RJ221761.html" itemprop="url">ひつじ、数えてあげるっ</a>
 </h1>
-<template data-vue-component="dlchannel-topic" data-product-id="RJ221761"></template><span class="link_twitter"><a href="https://twitter.com/share" class="twitter-share-button" data-url="https://dlsite.jp/howtw/RJ221761"  data-text="ひつじ、数えてあげるっ/Butterfly Dream 30%OFF 9/17 14時まで" data-lang="ja" data-hashtags="DLsite">ツイート</a>
+<template data-vue-component="dlchannel-topic" data-product-id="RJ221761"></template><span class="link_twitter"><a href="https://twitter.com/share" class="twitter-share-button" data-url="https://dlsite.jp/howtw/RJ221761"  data-text="ひつじ、数えてあげるっ/Butterfly Dream 50%OFF 2/3 14時まで" data-lang="ja" data-hashtags="DLsite">ツイート</a>
 <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
 </span></div>
 </div>
@@ -576,8 +636,8 @@ if (loginchecked & 1) {
     </table>
 
 <div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
-<meta itemprop="ratingValue" content="4.8" />
-<meta itemprop="ratingCount" content="2210" />
+<meta itemprop="ratingValue" content="4.8">
+<meta itemprop="ratingCount" content="2357">
 </div>
 <!-- 王冠/DL数/評価/レビュー ここまで -->
 
@@ -586,7 +646,7 @@ if (loginchecked & 1) {
 <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/RJ222000/RJ221761_img_main.jpg" data-width="560" data-height="420" data-thumb="//img.dlsite.jp/resize/images2/work/doujin/RJ222000/RJ221761_img_main_300x300.jpg"></div>
+    <div data-src="//img.dlsite.jp/modpub/images2/work/doujin/RJ222000/RJ221761_img_main.jpg" data-width="560" data-height="420" data-thumb="//img.dlsite.jp/resize/images2/work/doujin/RJ222000/RJ221761_img_main_240x240.jpg"></div>
   </div>
 
 
@@ -692,7 +752,13 @@ if (loginchecked & 1) {
 <table id="work_maker">
 <tr>
 <th>サークル名</th>
-<td><span itemprop="brand" class="maker_name"><a href="https://www.dlsite.com/home/circle/profile/=/maker_id/RG34734.html">Butterfly Dream</a></span><span class="add_follow" data-vue-component="follow-button" data-follow-key="RG34734" data-follow-name="Butterfly Dream" v-cloak><a class="btn_follow" href="https://www.dlsite.com/home/mypage/followlist/add/=/work_id/RJ221761/product_state/1/maker_id/RG34734.html">フォローする</a></span></td>
+<td>
+  <span itemprop="brand" class="maker_name">
+    <a href="https://www.dlsite.com/home/circle/profile/=/maker_id/RG34734.html">Butterfly Dream</a>
+  </span>
+  <span class="add_follow" data-vue-component="follow-button" data-follow-key="RG34734" data-follow-name="Butterfly Dream" v-cloak>
+  </span>
+</td>
 </tr>
 
 </table>
@@ -726,7 +792,7 @@ if (loginchecked & 1) {
 
 
 <tr><th>年齢指定</th><td><div class="work_genre"><span class="icon_GEN">全年齢</span></div></td></tr>
-<tr><th>作品形式</th><td><div class="work_genre"><a href="https://www.dlsite.com/home/fsr/=/work_category%5B0%5D/doujin/work_type/SOU/from/icon.work"><span class="icon_SOU" title="音声">音声</span></a></div></td></tr>
+<tr><th>作品形式</th><td><div class="work_genre"><a href="https://www.dlsite.com/home/fsr/=/work_category%5B0%5D/doujin/work_type/SOU/from/icon.work"><span class="icon_SOU" title="ボイス・ASMR">ボイス・ASMR</span></a></div></td></tr>
 <tr><th>ファイル形式</th><td><div class="work_genre"><a href="https://www.dlsite.com/home/fsr/=/work_category%5B0%5D/doujin/file_type/WAV/from/icon.work"><span class="icon_WAV" title="WAV">WAV</span></a></div></td></tr>
 
 <tr><th>ジャンル</th><td><div class="main_genre"><a href="https://www.dlsite.com/home/fsr/=/genre/056/from/work.genre">癒し</a><a href="https://www.dlsite.com/home/fsr/=/genre/496/from/work.genre">バイノーラル/ダミヘ</a><a href="https://www.dlsite.com/home/fsr/=/genre/008/from/work.genre">日常/生活</a><a href="https://www.dlsite.com/home/fsr/=/genre/013/from/work.genre">ほのぼの</a><a href="https://www.dlsite.com/home/fsr/=/genre/014/from/work.genre">恋人同士</a>
@@ -772,6 +838,7 @@ if (loginchecked & 1) {
 </div>
 
 
+
 <div class="trial_download clearfix">
 <ul><li><p class="trial_file"><a href="//trial.dlsite.com/doujin/RJ222000/RJ221761_trial.zip" class="btn_trial" title="体験版ダウンロード">体験版ダウンロード</a></p><span>(30.35MB)</span></li></ul>
 </div>
@@ -890,7 +957,7 @@ jQuery(function($){
 <script type="text/javascript">
 jQuery(function($){
     $('#__work_same_voice').slideProduct({
-        'keys' : ['RJ189096','RJ175803','RJ239238','RJ194374','RJ172323','RJ183957','RJ180326','RJ203260','RJ214234','RJ198242','RJ228357','RJ180674','RJ198712','RJ181758','RJ247787','RJ190018','RJ174597','RJ182623','RJ238630','RJ244850','RJ181485','RJ204236','RJ249730','RJ169275','RJ206955','RJ228866','RJ229075','RJ201979','RJ221745','RJ181648','RJ218133','RJ252591','RJ229617','RJ223322','RJ223323','RJ243770','RJ232437','RJ237740','RJ199330','RJ221200','RJ214441','RJ243894','RJ253147','RJ249928','RJ212571','RJ211929','RJ264329','RJ264327','RJ240372','RJ251950','RJ251946','RJ218412','RJ251192','RJ253222',null],
+        'keys' : ['RJ189096','RJ175803','RJ239238','RJ194374','RJ172323','RJ183957','RJ180326','RJ203260','RJ247787','RJ214234','RJ198242','RJ228357','RJ180674','RJ198712','RJ181758','RJ190018','RJ174597','RJ249730','RJ244850','RJ238630','RJ182623','RJ181485','RJ204236','RJ169275','RJ206955','RJ228866','RJ229075','RJ201979','RJ263031','RJ221745','RJ181648','RJ267630','RJ218133','RJ252591','RJ271405','RJ264329','RJ229617','RJ223322','RJ223323','RJ243770','RJ264327','RJ232437','RJ199330','RJ221200','RJ237740','RJ214441','RJ260113','RJ269988','RJ253147','RJ243894','RJ249928','RJ212571','RJ211929','RJ240372','RJ251950','RJ251946','RJ251192','RJ253222','RJ218412','RJ267946','RJ269727',null],
         'detailUrl' : 'https://www.dlsite.com/home/load/recommend/detail/=/filter/on/rec/rec_work',
         'prevButton': '#_recommend_prev_same_voice',
         'nextButton': '#_recommend_next_same_voice',
@@ -1198,13 +1265,13 @@ jQuery(function($){
           <p>レビュアーに多く選ばれたジャンル :</p>
         </th>
         <td>
-                    <span><a href="https://www.dlsite.com/home/fsr/=/genre/056/from/work.review_genre">癒し（25）</a></span>
-                    <span><a href="https://www.dlsite.com/home/fsr/=/genre/496/from/work.review_genre">バイノーラル/ダミヘ（17）</a></span>
-                    <span><a href="https://www.dlsite.com/home/fsr/=/genre/004/from/work.review_genre">ラブラブ/あまあま（14）</a></span>
-                    <span><a href="https://www.dlsite.com/home/fsr/=/genre/014/from/work.review_genre">恋人同士（12）</a></span>
-                    <span><a href="https://www.dlsite.com/home/fsr/=/genre/013/from/work.review_genre">ほのぼの（11）</a></span>
+                    <span><a href="https://www.dlsite.com/home/fsr/=/genre/056/from/work.review_genre">癒し（26）</a></span>
+                    <span><a href="https://www.dlsite.com/home/fsr/=/genre/496/from/work.review_genre">バイノーラル/ダミヘ（18）</a></span>
+                    <span><a href="https://www.dlsite.com/home/fsr/=/genre/004/from/work.review_genre">ラブラブ/あまあま（15）</a></span>
+                    <span><a href="https://www.dlsite.com/home/fsr/=/genre/014/from/work.review_genre">恋人同士（13）</a></span>
+                    <span><a href="https://www.dlsite.com/home/fsr/=/genre/013/from/work.review_genre">ほのぼの（12）</a></span>
                     <span><a href="https://www.dlsite.com/home/fsr/=/genre/497/from/work.review_genre">ASMR（8）</a></span>
-                    <span><a href="https://www.dlsite.com/home/fsr/=/genre/008/from/work.review_genre">日常/生活（6）</a></span>
+                    <span><a href="https://www.dlsite.com/home/fsr/=/genre/008/from/work.review_genre">日常/生活（7）</a></span>
                     <span><a href="https://www.dlsite.com/home/fsr/=/genre/051/from/work.review_genre">萌え（3）</a></span>
                     <span><a href="https://www.dlsite.com/home/fsr/=/genre/314/from/work.review_genre">催眠音声（2）</a></span>
                     <span><a href="https://www.dlsite.com/home/fsr/=/genre/220/from/work.review_genre">お姉さん（2）</a></span>
@@ -1214,7 +1281,7 @@ jQuery(function($){
   </table>
   
   <div class="review_head">
-      <p class="float_l review_count">レビュー数 : <span class="review_work_count">37件</span></p>
+      <p class="float_l review_count">レビュー数 : <span class="review_work_count">38件</span></p>
               <template data-vue-component="product-review-order" data-layout="pc" data-product_id="RJ221761"></template>
         </div>
 
@@ -1352,7 +1419,7 @@ jQuery(function($){
                     <div class="review_title_l">
             <div class="title"><span itemprop="name">ありそうでなかった羊数え音声</span></div>
             <p>
-              <meta itemprop="datePublished" content="2019-04-22">2019年04月22日&nbsp;&nbsp;<span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="name"><a href="https://www.dlsite.com/home/reviewlist/=/reviewer/REV0040541">kouya</a></span> さん</span>
+              <meta itemprop="datePublished" content="2019-04-22">2019年04月22日&nbsp;&nbsp;<span itemprop="author" itemscope itemtype="https://schema.org/Person">退会 さん</span>
                                           <span class="purchased">購入済み</span>
                           </p>
           </div>
@@ -1474,7 +1541,7 @@ jQuery(function($){
     <tr>
             <td>
         <div class="review_more">
-          <p><a href="https://www.dlsite.com/home/work/reviewlist/=/product_id/RJ221761.html">すべてのレビューを見る （37件）</a></p>
+          <p><a href="https://www.dlsite.com/home/work/reviewlist/=/product_id/RJ221761.html">すべてのレビューを見る （38件）</a></p>
         </div>
       </td>
             <td><div class="review_btn"><a href="https://www.dlsite.com/home/review/write/work/=/product_id/RJ221761.html" class="btn_post size_xxl fs15"><i>レビューを投稿する</i></a></div></td>
@@ -1555,13 +1622,13 @@ jQuery(function($){
                       <li class="matome_box_inner swiper-slide">
               <div class="matome_content">
                 <div class="matome_img_main">
-                  <a rel="noopener" href="https://ch.dlsite.com/matome/23968?dls=&k_matome_home_pc" target="_blank">
-                    <img src="https://media.dlsite.com/proxy/9de0f20119307790254207bf03d54f3a3cf18cbb/687474703a2f2f696d672e646c736974652e6a702f6d6f647075622f696d61676573322f776f726b2f646f756a696e2f524a3139393030302f524a3139383237305f696d675f6d61696e2e6a7067" alt="【2018年9月現在】広告掲載中作品【全年齢】"
-                         title="【2018年9月現在】広告掲載中作品【全年齢】"></a>
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/51821?dls=&k_matome_home_pc" target="_blank">
+                    <img src="https://media.dlsite.com/proxy/010633c21de8fa91e4cefd481a8e110db2346cbe/68747470733a2f2f696d672e646c736974652e6a702f6d6f647075622f696d61676573322f776f726b2f646f756a696e2f524a3234353030302f524a3234343835305f696d675f6d61696e2e6a7067" alt="【癒し音声・ASMR】浅見ゆいさんご出演作品紹介"
+                         title="【癒し音声・ASMR】浅見ゆいさんご出演作品紹介"></a>
                 </div>
                 <p class="matome_content_title">
-                  <a href="https://ch.dlsite.com/matome/23968?dls=&k_matome_home_pc"
-                     rel="noopener" target="_blank">【2018年9月現在】広告掲載中作品【全年齢】</a>
+                  <a href="https://ch.dlsite.com/matome/51821?dls=&k_matome_home_pc"
+                     rel="noopener" target="_blank">【癒し音声・ASMR】浅見ゆいさんご出演作品紹介</a>
                 </p>
               </div>
             </li>
@@ -1572,7 +1639,7 @@ jQuery(function($){
     </div>
     <ul class="matome_more">
               <li><p class="matome_text"><a href="https://ch.dlsite.com/antenna/356779/contents?mode=matome"
-                                      rel="noopener" target="_blank">すべてのまとめ記事を見る（4件）</a></p></li>
+                                      rel="noopener" target="_blank">すべてのまとめ記事を見る（5件）</a></p></li>
             <li class="matome_btn"><a href="https://ch.dlsite.com/matome/create" rel="noopener" target="_blank"
                                 class="btn_post size_xxl fs15"><i>まとめ記事を作成する</i></a></li>
     </ul>
@@ -1623,22 +1690,88 @@ jQuery(function($){
                       <li class="relation_content_list_item swiper-slide">
               <div class="content_item">
                 <div class="content_item_img">
-                  <a rel="noopener" href="http://www.nijiyome.com/app/start/533?en=dlsite&em=banner&et=pc_work_detail_app553_1907" target="_blank">
-                    <img src="//media.dlsite.com/bcs/dlchannel/1564498800/bn_be05309736932d07b9e6f3fa70c347beece5b886.jpg" alt="【最大虹石3,000個無料！】事前登録だけでスタートダッシュ報酬GET♪事前登録受付中"></a>
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/52371?from=event_matome_2001_2019n_ranking" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlchannel/1580396400/bn_75c506e875d7eaba40d8397c60c1710f6b8723c7.jpg" alt="DLsite2019年の年間ランキングを公開中"></a>
                 </div>
                 <p class="content_item_title">
-                  <a rel="noopener" href="http://www.nijiyome.com/app/start/533?en=dlsite&em=banner&et=pc_work_detail_app553_1907" target="_blank">【にじよめ】最大虹石3,000個｜事前登録で無料報酬GET♪</a>
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/52371?from=event_matome_2001_2019n_ranking" target="_blank">DLsite2019年の年間ランキングを公開中</a>
                 </p>
               </div>
             </li>
                       <li class="relation_content_list_item swiper-slide">
               <div class="content_item">
                 <div class="content_item_img">
-                  <a rel="noopener" href="https://ch.dlsite.com/matome/40504?from=event_matome_normal_2019a_ranking" target="_blank">
-                    <img src="//media.dlsite.com/bcs/dlchannel/1567177200/bn_e410dc8d4f9fbd636d283dbc2f8ed22531ce4adf.jpg" alt="DLsite上半期ランキングを公開中"></a>
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/52782?from=event_matome_1912_ci-en_iitokoro" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1577718000/bn_afb5bcd2803177e7c34b80a6704244d212aa973f.jpg" alt="Ci-enのいいとこ！ 見てみたい！ フォロー＆RTキャンペーン実施中！"></a>
                 </div>
                 <p class="content_item_title">
-                  <a rel="noopener" href="https://ch.dlsite.com/matome/40504?from=event_matome_normal_2019a_ranking" target="_blank">DLsite上半期ランキングを公開中</a>
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/52782?from=event_matome_1912_ci-en_iitokoro" target="_blank">Ci-enのいいとこ！ 見てみたい！ フォロー＆RTキャンペーン実施中！</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://ch.dlsite.com/campaign/illust1912?from=event_matome_1912_atena_illustcontest" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1577718000/bn_0ac01ec3f5ae7e4cebe048b835d4bfd382f606d4.jpg" alt="大賞10万円！ アテナちゃんイラストコンテスト"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://ch.dlsite.com/campaign/illust1912?from=event_matome_1912_atena_illustcontest" target="_blank">大賞10万円！ アテナちゃんイラストコンテスト</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/49256?from=event_matome_1912_nijilive" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1577718000/bn_84e9d9b42103aa2e2dd6cd6989c822dab9a7a5f1.jpg" alt="【にじいろLive】リリース開始！ スマホで遊べるネイティブアプリ!!"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/49256?from=event_matome_1912_nijilive" target="_blank">【にじいろLive】リリース開始！ スマホで遊べるネイティブアプリ!!</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/41892?from=event_matome_1910_dlsitestudio_circle50off" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1572447600/bn_6f1b9f3724ee925e1554d2c1ee396a68973796d8.jpg" alt="DLsiteに音声作品スタジオができました【登録サークル様は初回スタジオ利用料50％OFF】"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/41892?from=event_matome_1910_dlsitestudio_circle50off" target="_blank">DLsiteに音声作品スタジオができました【登録サークル様は初回スタジオ利用料50％OFF】</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/51166?from=event_matome_1912_illegalupload" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1577718000/bn_d26efad5f5e1d9bddbd890e0017c6b256a4fe498.jpg" alt="【サークル向け】違法アップロード監視システムの巡回結果が確認できるようになりました！"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/51166?from=event_matome_1912_illegalupload" target="_blank">【サークル向け】違法アップロード監視システムの巡回結果が確認できるようになりました！</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/45712?from=event_matome_1910_affiliate" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1572447600/bn_6007ace913dc512eef1739ca8451fc77bfec01b8.jpg" alt="5分でできるスマホでアフィリエイト"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/45712?from=event_matome_1910_affiliate" target="_blank">5分でできるスマホでアフィリエイト</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://www.dlsite.com/maniax/promo/ayakashinostalgia" >
+                    <img src="//media.dlsite.com/bcs/dlsite/1572447600/bn_10638d103c8ff72f4e6220f3a5184651d2386fce.jpg" alt="あやかし郷愁譚 全購入で豪華特典をプレゼントするキャンペーン"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://www.dlsite.com/maniax/promo/ayakashinostalgia" target="_blank">あやかし郷愁譚 全購入で豪華特典をプレゼントするキャンペーン</a>
                 </p>
               </div>
             </li>
@@ -1717,6 +1850,7 @@ $(function () {
 </div>
 <!-- /main -->
 
+
 </div>
 <!-- /wrapper -->
 
@@ -1823,7 +1957,7 @@ $(function () {
         <div class="pre_work_message">
           <span class="title">販売開始予定</span>
           <span class="date">4月20日 0時</span>
-          <span class="note">※状況により販売延期される&lt;br /&gt;場合もあります</span>
+          <span class="note">※状況により販売延期される<br>場合もあります</span>
         </div>
       </template>
       <template v-else-if=" ! product.is_sale && product.on_sale && ! is_check">
@@ -1878,10 +2012,16 @@ $(function () {
 
         <!-- お気に入り -->
         <p v-if="is_check" class="work_favorite"><a class="btn_favorite" v-t="favorite.add_fav"><!-- お気に入りに追加 --></a></p>
+        <p v-if="! user.customer_id && ! is_favorite" class="work_favorite"><a :href="link.favorite" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
         <p v-else-if="user.customer_id && ! is_favorite" class="work_favorite"><a @click.prevent="addFavorite({ product_id:product.product_id })" href="https://www.dlsite.com/home/mypage/wishlist/=/product_id/RJ221761.html" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
-        <p v-else-if="! user.customer_id && ! is_favorite" class="work_favorite"><a @click.prevent="showPopup()" href="https://www.dlsite.com/home/mypage/wishlist/=/product_id/RJ221761.html" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
         <p v-else class="work_favorite"><a href="https://www.dlsite.com/home/mypage/wishlist/=/product_id/RJ221761.html" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
 
+        <!-- 購入済み作品の場合、マイ評価ページへのリンクを表示する -->
+        <template v-if="is_bought" v-cloak>
+          <div v-if="is_myrated" class="work_rating" v-cloak><a href="https://www.dlsite.com/home/mypage/short-review" class="btn_rating_in">作品評価済み</a></div>
+          <div v-else class="work_rating" v-cloak><a href="https://www.dlsite.com/home/mypage/short-review" class="btn_rating">作品を評価する</a></div>
+        </template>
+
         <div v-show="is_display_cart_popup" class="add_cart_popup_container">
           <div class="add_cart_popup">
             <p class="add_cart_title" v-t="'cart.added_cart'"><!-- カートに追加しました --></p>
@@ -1893,7 +2033,6 @@ $(function () {
         </div>
       </template>
 
-      <login-guidance :is-display-popup="is_display_popup" :type="'work'"></login-guidance>
     </div>
     
   </div>
@@ -1904,13 +2043,13 @@ $(function () {
         <div class="work_buy_container">
           <div class="work_buy_body">
             <div class="work_buy_label">価格</div>
-            <div class="work_buy_content"><span class="price">302<i>円</i></span></div>
+            <div class="work_buy_content"><span class="price">220<i>円</i></span></div>
           </div>
                     <div class="work_buy_body">
             <div class="work_buy_label">ポイント</div>
             <div class="work_buy_content">
               <strong class="work_point">
-                28<i>pt (10%還元)</i>
+                20<i>pt (10%還元)</i>
               </strong>
             </div>
           </div>
@@ -1928,7 +2067,7 @@ $(function () {
     <div class="cart_box_body">
       <div class="cart_box_body_inner">
         <div class="work_thumb">
-          <img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ222000/RJ221761_img_sam.jpg" alt="ひつじ、数えてあげるっ [Butterfly Dream]" title="ひつじ、数えてあげるっ [Butterfly Dream]"  class="target_type" />
+          <img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ222000/RJ221761_img_sam.jpg" alt="ひつじ、数えてあげるっ [Butterfly Dream]"  class="target_type" />
         </div>
         
         <template v-if="product.is_rental">
@@ -2011,13 +2150,21 @@ $(function () {
       <ul>
         <li v-if="gift && gift.title">
           <p class="label bonus_code">{{ gift.title }}</p>
-          <p v-if="gift.distribute_end_str" class="period">{{ gift.distribute_end_str }}</p>
+          <p v-if="gift.distribute_end_str" class="distribution_period">
+          
+                        {{ gift.distribute_end_str }}まで配布中          
+          </p>
           <p class="body" v-html="gift.description"></p>
         </li>
         <li v-for="coupon in coupons">
           <p class="label coupon" :class="{ type_work: coupon.issue.product_id, type_maker: coupon.issue.maker_id, type_price: ! coupon.issue.product_id && ! coupon.issue.maker_id }">{{ coupon.coupon_name }}</p>
-          <p v-if="coupon.end_date_str" class="period">{{ coupon.end_date_str }}</p>
+          <p v-if="coupon.end_date_str" class="distribution_period" :class="{ type_work: coupon.issue.product_id, type_maker: coupon.issue.maker_id, type_price: ! coupon.issue.product_id && ! coupon.issue.maker_id }">{{ coupon.end_date_str }}まで配布中</p>
           <p class="body" v-html="coupon.info"></p>
+          <p v-if="coupon.user_limit_date" class="period"><span>有効期限：</span>{{ coupon.user_limit_date }}</p>
+          <p v-else-if="coupon.limit_days_day" class="period">
+          
+                        <span>有効期限：</span>取得から{{ coupon.limit_days_day }}日後          
+          </p>
         </li>
       </ul>
     </div>
@@ -2027,7 +2174,8 @@ $(function () {
 
   <div id="work_device_guide">
     <p class="separate_title"><span>閲覧可能な環境</span></p>
-    <table>
+    <div class="work_device_table_wrap">
+  <table class="work_device_table">
     <thead>
       <tr>
         <th class="dev"></th>
@@ -2037,23 +2185,21 @@ $(function () {
     </thead>
     <tbody>
       <tr>
-        <td class="label">PC</td>
+        <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">iOS</td>
-        <td><span class="dev_play_no"></span></td>
-        <td><span class="dev_play"></span></td>
-      </tr>
-      <tr>
-        <td class="label">Android</td>
-        <td><span class="dev_play_no"></span></td>
+        <td class="label icon_sp">スマホ</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 }">
@@ -2104,61 +2250,120 @@ $(function () {
 <div class="right_module" id="same_work " data-section_name="right_work_same_circle">
   <h3>サークル作品一覧</h3>
   <div class="right_module_content">
+        <div class="list_head"><h4>発売予告作品</h4></div>
+    <table cellspacing="0" class="same_work">
+              <tr class="last">
+        <td class="work_img">
+          <a href="https://www.dlsite.com/home/announce/=/product_id/RJ274890.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/ana/doujin/RJ275000/RJ274890_ana_img_sam_mini.jpg" alt="【DLsite限定特典付】ボイスコレクション vol.1～vol.3セット版 [Butterfly Dream]" @mouseenter="showPopupImg" ref="popup_img" class="target_type" />
+                      </a>
+        </td>
+        <td class="name"><span class="work_name"><a href="https://www.dlsite.com/home/announce/=/product_id/RJ274890.html">【DLsite限定特典付】ボイスコレクション vol.1～vol.3セット版</a></span></td>
+      </tr>
+            </table>
     
         <div class="list_head"><h4>販売作品</h4></div>
     <table cellspacing="0" class="same_work">
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/home/work/=/product_id/RJ244850.html"><img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ245000/RJ244850_img_sam_mini.jpg" alt="彼女とほかほか温泉旅行 [Butterfly Dream]" title="彼女とほかほか温泉旅行 [Butterfly Dream]"  class="target_type" /></a></td>
-        <td class="name">
-                    <span class="work_name"><a href="https://www.dlsite.com/home/work/=/product_id/RJ244850.html">彼女とほかほか温泉旅行</a></span>
-          <span class="work_price">￥864</span>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/home/work/=/product_id/RJ244850.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ245000/RJ244850_img_sam_mini.jpg" alt="彼女とほかほか温泉旅行 [Butterfly Dream]" @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/RJ245000/RJ244850_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="彼女とほかほか温泉旅行 [Butterfly Dream]">
+            </div>
+                      </a>
         </td>
-      </tr>
-              <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/home/work/=/product_id/RJ238630.html"><img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ239000/RJ238630_img_sam_mini.jpg" alt="ReposerII ～怜・美咲・瞳～ [Butterfly Dream]" title="ReposerII ～怜・美咲・瞳～ [Butterfly Dream]"  class="target_type" /></a></td>
         <td class="name">
                       <div class="icon_wrap">
-                                            <span class="icon_lead_01 type_sale">30%OFF</span>
+                                            <span class="icon_lead_01 type_sale">50%OFF</span>
                           </div>
-                    <span class="work_name"><a href="https://www.dlsite.com/home/work/=/product_id/RJ238630.html">ReposerII ～怜・美咲・瞳～</a></span>
-          <span class="work_price">￥604</span>
+                    <span class="work_name"><a href="https://www.dlsite.com/home/work/=/product_id/RJ244850.html">彼女とほかほか温泉旅行</a></span>
+          <span class="work_price">￥440</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/home/work/=/product_id/RJ214234.html"><img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ215000/RJ214234_img_sam_mini.jpg" alt="Reposer ～優子・瞳・香乃～ [Butterfly Dream]" title="Reposer ～優子・瞳・香乃～ [Butterfly Dream]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/home/work/=/product_id/RJ238630.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ239000/RJ238630_img_sam_mini.jpg" alt="ReposerII ～怜・美咲・瞳～ [Butterfly Dream]" @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/RJ239000/RJ238630_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="ReposerII ～怜・美咲・瞳～ [Butterfly Dream]">
+            </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/home/work/=/product_id/RJ238630.html">ReposerII ～怜・美咲・瞳～</a></span>
+          <span class="work_price">￥440</span>
+        </td>
+      </tr>
+              <tr>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/home/work/=/product_id/RJ214234.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ215000/RJ214234_img_sam_mini.jpg" alt="Reposer ～優子・瞳・香乃～ [Butterfly Dream]" @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/RJ215000/RJ214234_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="Reposer ～優子・瞳・香乃～ [Butterfly Dream]">
+            </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/home/work/=/product_id/RJ214234.html">Reposer ～優子・瞳・香乃～</a></span>
-          <span class="work_price">￥432</span>
+          <span class="work_price">￥440</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/home/work/=/product_id/RJ203260.html"><img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ204000/RJ203260_img_sam_mini.jpg" alt="癒しガール -ruriko- [Butterfly Dream]" title="癒しガール -ruriko- [Butterfly Dream]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/home/work/=/product_id/RJ203260.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ204000/RJ203260_img_sam_mini.jpg" alt="癒しガール -ruriko- [Butterfly Dream]" @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/RJ204000/RJ203260_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="癒しガール -ruriko- [Butterfly Dream]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
                       <div class="icon_wrap">
-                                            <span class="icon_lead_01 type_sale">30%OFF</span>
+                                            <span class="icon_lead_01 type_sale">50%OFF</span>
                           </div>
                     <span class="work_name"><a href="https://www.dlsite.com/home/work/=/product_id/RJ203260.html">癒しガール -ruriko-</a></span>
-          <span class="work_price">￥226</span>
+          <span class="work_price">￥165</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/home/work/=/product_id/RJ189096.html"><img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ190000/RJ189096_img_sam_mini.jpg" alt="癒しガール -sayuki- [Butterfly Dream]" title="癒しガール -sayuki- [Butterfly Dream]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/home/work/=/product_id/RJ189096.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ190000/RJ189096_img_sam_mini.jpg" alt="癒しガール -sayuki- [Butterfly Dream]" @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/RJ190000/RJ189096_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="癒しガール -sayuki- [Butterfly Dream]">
+            </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/home/work/=/product_id/RJ189096.html">癒しガール -sayuki-</a></span>
-          <span class="work_price">￥324</span>
+          <span class="work_price">￥165</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/home/work/=/product_id/RJ182623.html"><img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ183000/RJ182623_img_sam_mini.jpg" alt="1日限りの貴方のメイド [Butterfly Dream]" title="1日限りの貴方のメイド [Butterfly Dream]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/home/work/=/product_id/RJ182623.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/doujin/RJ183000/RJ182623_img_sam_mini.jpg" alt="1日限りの貴方のメイド [Butterfly Dream]" @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/RJ183000/RJ182623_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="1日限りの貴方のメイド [Butterfly Dream]">
+            </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/home/work/=/product_id/RJ182623.html">1日限りの貴方のメイド</a></span>
-          <span class="work_price">￥324</span>
+          <span class="work_price">￥330</span>
         </td>
       </tr>
             </table>
@@ -2312,8 +2517,8 @@ $(function () {
                     <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/eng/welcome/chi">繁體中文</a></li>
-                </dl>
+                    <li class="link_list_item"><a href="https://www.dlsite.com/home/welcome">中文</a></li>
+                </ul>
             </div>
         </div>
     </div>
@@ -2346,7 +2551,7 @@ $(function () {
 <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&_=1567559800"></script>
+<script type="text/javascript" src="/vue/js/pc/app.js?cdn_cache=1&v=0.1.2&_=1578552328"></script>
 
 
 <script type="text/javascript">
@@ -2380,15 +2585,10 @@ div.measure_tag {
 }
 </style>
 
-<div class="measure_tag">
-
-
-
-
-</div>
+<div class="measure_tag"></div>
 
 
 <!-- /script_footer -->
-<script type="text/javascript">var contents = {"impression":[],"detail":[{"id":"RJ221761","name":"\u3072\u3064\u3058\u3001\u6570\u3048\u3066\u3042\u3052\u308b\u3063","category":"home","brand":"RG34734","price":280,"regist_date":"2018\/04\/20","image_main":"\/\/img.dlsite.jp\/modpub\/images2\/work\/doujin\/RJ222000\/RJ221761_img_main.jpg","restore_price":"400"}],"time":0.00012612342834472656};</script>
+<script type="text/javascript">var contents = {"impression":[],"detail":[{"id":"RJ221761","name":"\u3072\u3064\u3058\u3001\u6570\u3048\u3066\u3042\u3052\u308b\u3063","category":"home","brand":"RG34734","price":200,"regist_date":"2018\/04\/20","image_main":"\/\/img.dlsite.jp\/modpub\/images2\/work\/doujin\/RJ222000\/RJ221761_img_main.jpg","restore_price":"400"}],"time":0.00015807151794433594};</script>
 </body>
 </html>

tests/fixture/DLsite/testSoft.html

@@ -1,11 +1,11 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:mixi="http://mixi-platform.com/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" lang="ja-jp">
+<!DOCTYPE html>
+<html lang="ja-jp">
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<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" />
+<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_57x57.png">
 <link rel="apple-touch-icon" sizes="72x72" href="/images/web/common/apple_touch_icon_72x72.png">
 <link rel="apple-touch-icon" sizes="76x76" href="/images/web/common/apple_touch_icon_76x76.png">
@@ -13,12 +13,12 @@
 <link rel="apple-touch-icon" sizes="120x120" href="/images/web/common/apple_touch_icon_120x120.png">
 <link rel="apple-touch-icon" sizes="144x144" href="/images/web/common/apple_touch_icon_144x144.png">
 <link rel="apple-touch-icon" sizes="152x152" href="/images/web/common/apple_touch_icon_152x152.png">
-<meta name="msapplication-config" content="/browserconfig.xml" />
+<meta name="msapplication-config" content="/browserconfig.xml">
 <link rel="shortcut icon" href="/images/web/common/favicon.ico">
 
 
 
-      <link rel="canonical" href="https://www.dlsite.com/soft/work/=/product_id/VJ011276.html" />
+      <link rel="canonical" href="https://www.dlsite.com/soft/work/=/product_id/VJ011276.html">
         
       <meta name="description" content="異世界へと迷い込んだ凜に救いの手を差し伸べるルカ――。これは、ふたりが手探りの意思疎通（ことのは）で織りなす、もどかしくも純粋な……女の子同士の物語。「DLsite PCソフト」はPCゲーム・PCソフトのダウンロードショップ。お気に入りの作品をすぐダウンロードできてすぐ楽しめる！毎日更新しているのであなたが探している作品にきっと出会えます。国内最大級の二次元総合ダウンロードショップ「DLsite」！">
     <title>ことのはアムリラート [SukeraSparo] | DLsite PCソフト</title>
@@ -26,28 +26,35 @@
 
 <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/professional/VJ012000/VJ011276_img_main.jpg" />
+<meta name="twitter:image:src" content="https://img.dlsite.jp/modpub/images2/work/professional/VJ012000/VJ011276_img_main.jpg">
 
-<meta property="og:title" content="ことのはアムリラート [SukeraSparo] | DLsite" />
-<meta property="og:type" content="website" />
-<meta property="og:description" content="異世界へと迷い込んだ凜に救いの手を差し伸べるルカ――。これは、ふたりが手探りの意思疎通（ことのは）で織りなす、もどかしくも純粋な……女の子同士の物語。「DLsite PCソフト」はPCゲーム・PCソフトのダウンロードショップ。お気に入りの作品をすぐダウンロードできてすぐ楽しめる！毎日更新しているのであなたが探している作品にきっと出会えます。国内最大級の二次元総合ダウンロードショップ「DLsite」！" />
-<meta property="og:url" content="https://www.dlsite.com/soft/work/=/product_id/VJ011276.html" />
-<meta property="og:image" content="https://img.dlsite.jp/modpub/images2/work/professional/VJ012000/VJ011276_img_sam.jpg" />
-<meta property="og:site_name" content="DLsite" />
-<meta property="fb:app_id" content="226115600829997" />
+<meta property="og:title" content="ことのはアムリラート [SukeraSparo] | DLsite">
+<meta property="og:type" content="website">
+<meta property="og:description" content="異世界へと迷い込んだ凜に救いの手を差し伸べるルカ――。これは、ふたりが手探りの意思疎通（ことのは）で織りなす、もどかしくも純粋な……女の子同士の物語。「DLsite PCソフト」はPCゲーム・PCソフトのダウンロードショップ。お気に入りの作品をすぐダウンロードできてすぐ楽しめる！毎日更新しているのであなたが探している作品にきっと出会えます。国内最大級の二次元総合ダウンロードショップ「DLsite」！">
+<meta property="og:url" content="https://www.dlsite.com/soft/work/=/product_id/VJ011276.html">
+<meta property="og:image" content="https://img.dlsite.jp/modpub/images2/work/professional/VJ012000/VJ011276_img_sam.jpg">
+<meta property="og:site_name" content="DLsite">
+<meta property="fb:app_id" content="226115600829997">
 
 
-<script>/dlsite_dozen=/.test(document.cookie) || (document.cookie = 'dlsite_dozen=' + Math.floor(Math.random() * 12) + '; path=/; max-age=63072000')</script>
+<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?1459221919" type="text/css" id="reset" />
-<link rel="stylesheet" href="/css/default.css?1566881566" type="text/css" id="default" />
+<link rel="stylesheet" href="/css/reset.css?1570688439" type="text/css" id="reset" />
+<link rel="stylesheet" href="/css/default.css?1575516922" type="text/css" id="default" />
 <link rel="stylesheet" href="/css/layout_2col_work.css?1552974983" type="text/css" id="layout_2col_work" />
-<link rel="stylesheet" href="/css/common.css?1567559800" type="text/css" id="common" />
-<link rel="stylesheet" href="/css/switch.css?1560415705" type="text/css" id="switch" />
+<link rel="stylesheet" href="/css/common.css?1578445983" type="text/css" id="common" />
+<link rel="stylesheet" href="/css/switch.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?1567745943" type="text/css" id="header_campaign_banner" />
+<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.css?1566876049" type="text/css" id="work_template" />
+<link rel="stylesheet" href="/css/work_template.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>
@@ -55,7 +62,7 @@
 <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?1524728551"></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>
@@ -66,16 +73,10 @@
 <!-- End Google Tag Manager -->
 
 
-<!--[if IE 6]>
-<script type="text/javascript" src="/js/DD_belatedPNG.js"></script>
-<script>
- DD_belatedPNG.fix('a,img,div,li,td,h1,h2,h3,h4,h5,table,p');
-</script>
-<![endif]-->
 
-<!--[if lte IE 6]>
-<script type="text/javascript" src="minmax.js"></script>
-<![endif]-->
+
+
+
 </head>
 <body class="style_soft">
 <iframe id="op" src="https://login.dlsite.com/assets/login/check_session.html?_=20171107123100" crossorigin="anonymous" style="height:0;width:0;display:none;"></iframe>
@@ -106,6 +107,30 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
 <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"></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">
@@ -214,12 +239,12 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
       <!-- 検索 -->
               <div class="globalSearch">
           <form class="globalSearch-form" action="https://www.dlsite.com/soft/fs" method="post">
-            <input name="_qf__fulltext_search" type="hidden" value="" />
-            <input name="_layout" type="hidden" value="fs" />
-            <input name="_site" type="hidden" value="soft" />
-            <input name="_form_id" type="hidden" value="FulltextSearchProductForm" />
-            <input name="_view" type="hidden" value="input" />
-            <input name="from" type="hidden" value="fs.header" id="header_search_from" />
+            <input name="_qf__fulltext_search" type="hidden" value="">
+            <input name="_layout" type="hidden" value="fs">
+            <input name="_site" type="hidden" value="soft">
+            <input name="_form_id" type="hidden" value="FulltextSearchProductForm">
+            <input name="_view" type="hidden" value="input">
+            <input name="from" type="hidden" value="fs.header" id="header_search_from">
 
                         <input type="hidden" name="site_category" :value="selected" v-if="!/drama$/.test(selected)">
                         <input type="hidden" name="work_category" :value="'drama'" v-if="/drama$/.test(selected)">
@@ -240,7 +265,7 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
                               </select>
             </div>
             <div class="globalSearchForm">
-              <input name="keyword" type="search" id="search_text" maxlength="255" autocomplete="off" aria-autocomplete="list"  placeholder="キーワードから探す（作品名、サークル名など）" />
+              <input name="keyword" type="search" id="search_text" ref="keyword" maxlength="255" autocomplete="off" aria-autocomplete="list"  placeholder="キーワードから探す（作品名、サークル名など）">
             </div>
             <button id="search_button" class="globalSearchBtn" type="submit" @click="saveSelected()"><i>検索</i></button>
           </form>
@@ -250,24 +275,58 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
         </div>
             <!-- /検索 -->
       <!-- アイコンメニュー -->
+      <div class="globalNavWrap">
         <ul class="globalNav">
           <li class="globalNav-item type-favorite">
               <a  :href="hasUnboughtFavorites ? 'https://www.dlsite.com/soft/mypage/wishlist' : 'https://www.dlsite.com/soft/mypage/wishlist'"><i>お気に入り</i></a><template v-if="hasUnboughtFavorites" v-cloak><a href="https://www.dlsite.com/soft/mypage/wishlist/=/discount/1" class="notificationBadge" >割引になった<br>作品があります</a></template>
           </li>
           <li class="globalNav-item type-cart"><a href="https://www.dlsite.com/soft/cart"><i>カート</i></a><span v-if="cartActives.length" v-cloak class="cartBadge" v-text="Math.min(cartActives.length, 100)"></span></li>
           <li class="globalNav-item type-play"><a rel="noopener" href="https://play.dlsite.com/#/library" target="_blank"><i>購入済作品</i></a></li>
+
           <li class="globalNav-item type-circle">
-          <a :href="isMemberLogin && isCircleLogin ? void(0) : isCircleLogin ? 'https://ssl.dlsite.com/circle/' : 'https://ssl.dlsite.com/soft/mypage'"><i>アカウント</i></a>
-          <div v-if="isMemberLogin && isCircleLogin" class="dropdown_list" v-cloak>
+            <a v-if="isMemberLogin && isCircleLogin" v-cloak><i>アカウント</i></a>
+            <a v-else-if="isCircleLogin" href="https://ssl.dlsite.com/circle/"><i>アカウント</i></a>
+            <a v-else href="https://ssl.dlsite.com/soft/mypage" v-on:click="addAlreadyRead()" v-cloak><i>アカウント</i></a>
+            <!-- メンバーアカウントとサークルアカウントの紐づけありの場合 -->
+            <template v-if="isMemberLogin && isCircleLogin">
+              <div class="dropdown_list" v-cloak>
                 <div class="dropdown_list_inner">
                   <ul class="menu_list">
-                <li class="menu_list_item"><a class="link" href="https://ssl.dlsite.com/soft/mypage"><i>マイページ</i></a></li>
-                <li v-if="isCircleLogin" class="menu_list_item"><a class="link" href="https://ssl.dlsite.com/circle/"><i>サークル管理</i></a></li>
-              </ul>
-            </div>
-          </div>
+                    <li class="menu_list_item type-mypage">
+                      <a class="link" href="https://ssl.dlsite.com/soft/mypage" v-on:click="addAlreadyRead()"><i>マイページ</i>
+                        <span v-if="mypageNotices > 0" class="count" v-cloak>{{ noticesBadge(mypageNotices) }}</span>
+                      </a>
+                      <div v-if="mypageNotices > 0" class="notice" v-cloak>
+                                                重要なお知らせが<span>{{ mypageNotices }}件</span>あります。                      </div>
+                    </li>
+                    <li class="menu_list_item type-circle">
+                      <a class="link" href="https://ssl.dlsite.com/circle/"><i>サークル管理</i>
+                        <span v-if="circleNotices > 0" class="count" v-cloak>{{ noticesBadge(circleNotices) }}</span>
+                      </a>
+                      <div v-if="circleNotices > 0" class="notice" v-cloak>
+                        重要なお知らせが<span>{{ circleNotices }}
+                        件</span>あります。                      </div>
                     </li>
                   </ul>
+                </div>
+              </div>
+              <span v-if="(mypageNotices + circleNotices) > 0 " class="accountBadge" v-text="noticesBadge(mypageNotices + circleNotices)" v-cloak></span>
+            </template>
+            <!-- メンバーアカウントのみ登録の場合 -->
+            <template v-if="isMemberLogin && !isCircleLogin && (mypageNotices > 0)">
+              <div class="notice type-onlyone" v-cloak>
+                                重要なお知らせが<span>{{ mypageNotices }}件</span>あります。              </div>
+              <span class="accountBadge" v-text="noticesBadge(mypageNotices)" v-cloak></span>
+            </template>
+            <!-- サークルアカウントのみ登録の場合 -->
+            <template v-if="!isMemberLogin && isCircleLogin && (circleNotices > 0)">
+              <div class="notice type-onlyone" v-cloak>
+                                重要なお知らせが<span>{{ circleNotices }}件</span>あります。              </div>
+              <span class="accountBadge" v-text="noticesBadge(circleNotices)" v-cloak></span>
+            </template>
+          </li>
+        </ul>
+      </div>
       <!-- /アイコンメニュー -->
       <!-- ガイドメニュー -->
       <div class="header_guide hover_menu">
@@ -333,10 +392,13 @@ if ((dlsite.isAdult() && dlsite.getId() !== 'circle' && !(dlsite.isFemale() && d
               <a v-else  href="https://www.dlsite.com/soft/works/game" class="game">ゲーム</a>
             </li>
                       <li class="headerNav-item">
-              <a v-if="isRankingFilterCondition" v-cloak href="https://www.dlsite.com/soft/works/music?date=30d" class="music">音声・音楽</a>
-              <a v-else  href="https://www.dlsite.com/soft/works/music" class="music">音声・音楽</a>
+              <a v-if="isRankingFilterCondition" v-cloak href="https://www.dlsite.com/soft/works/music?date=30d" class="music">ボイス・ASMR・音楽</a>
+              <a v-else  href="https://www.dlsite.com/soft/works/music" class="music">ボイス・ASMR・音楽</a>
+            </li>
+            <li class="headerNav-item">
+              <a v-if="isRankingFilterCondition" v-cloak href="https://www.dlsite.com/soft/ranking?date=30d" class="ranking">ランキング</a>
+              <a v-else href="https://www.dlsite.com/soft/ranking" class="ranking">ランキング</a>
             </li>
-            <li class="headerNav-item"><a href="https://www.dlsite.com/soft/ranking" class="ranking">ランキング</a></li>
             <li class="headerNav-item"><a href="https://www.dlsite.com/soft/new/review" class="review">新着レビュー</a></li>
                         </ul>
         </div>
@@ -367,50 +429,37 @@ if (loginchecked & 1) {
 </div>
 <!-- /header -->
 
-<!--data-vue-component="header-banner"-->
-<div data-vue-component="header-banner" data-vue-async="true" data-section_name="campaign_header_banner">
-    <div v-if="loading"></div>
-    
-  <div v-else-if="is_show_frame" :class="style" class="hd_cp_banner" v-cloak>
-    <ul class="cp_bn_list">
-      <li v-for="campaign in campaigns" :class="campaign.style" class="cp_bn_item">
-        <a :href="campaign.url">
-          <div class="cp_bn_inner">
-            <div class="cp_bn_reminder">
-              <div class="cp_bn_reminder_content" v-html="campaign.reminder.content"></div>
-            </div>
-            <div class="cp_bn"><img :src="campaign.img"></div>
-            <div class="cp_bn_work" :class="{blank: campaign.outline == null}" v-html="campaign.outline"></div>
-          </div>
-        </a>
-      </li>
-    </ul>
-  </div>
-  
-</div>
-
 <!-- top_wrapper -->
 <div id="top_wrapper" class="clearfix" data-section_name="top_wrapper">
     <ul class="topicpath" itemscope="" itemtype="https://schema.org/BreadcrumbList">
 <li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
   <a itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="https://www.dlsite.com/soft/">
-    <span itemprop="name">PCソフト</span>
+    <span itemprop="name">
+              PCソフト
+          </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/soft/circle/list">
+    <span itemprop="name">
+                      メーカー一覧          </span>
+  </a>
+  <meta itemprop="position" content="2">
+</li>
 <li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
   <a itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="https://www.dlsite.com/soft/circle/profile/=/maker_id/VG02531.html">
     <span itemprop="name">SukeraSparo</span>
   </a>
-  <meta itemprop="position" content="2">
+  <meta itemprop="position" content="3">
 </li>
-<li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
+            <li class="topicpath_item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
       <a itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="#">
         <span itemprop="name">ことのはアムリラート</span>
       </a>
-  <meta itemprop="position" content="3">
-</li>
-</ul>
+      <meta itemprop="position" content="4">
+    </li>
+  </ul>
 <div class="base_title_br clearfix">
 
 <div class="icon_wrap">
@@ -542,8 +591,8 @@ if (loginchecked & 1) {
               </tr>
     </table>
           <div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
-        <meta itemprop="ratingValue" content="4.88" />
-        <meta itemprop="ratingCount" content="199" />
+        <meta itemprop="ratingValue" content="4.86">
+        <meta itemprop="ratingCount" content="216">
       </div>
         <!-- 王冠/DL数/評価/レビュー ここまで -->
 
@@ -552,7 +601,7 @@ if (loginchecked & 1) {
 <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/professional/VJ012000/VJ011276_img_main.jpg" data-width="319" data-height="450" data-thumb="//img.dlsite.jp/resize/images2/work/professional/VJ012000/VJ011276_img_main_300x300.jpg"></div>
+    <div data-src="//img.dlsite.jp/modpub/images2/work/professional/VJ012000/VJ011276_img_main.jpg" data-width="319" data-height="450" data-thumb="//img.dlsite.jp/resize/images2/work/professional/VJ012000/VJ011276_img_main_240x240.jpg"></div>
     <div data-src="//img.dlsite.jp/modpub/images2/work/professional/VJ012000/VJ011276_img_smpa1.jpg" data-width="361" data-height="500" data-thumb="//img.dlsite.jp/resize/images2/work/professional/VJ012000/VJ011276_img_smpa1_100x100.jpg"></div>
     <div data-src="//img.dlsite.jp/modpub/images2/work/professional/VJ012000/VJ011276_img_smpa2.jpg" data-width="640" data-height="360" data-thumb="//img.dlsite.jp/resize/images2/work/professional/VJ012000/VJ011276_img_smpa2_100x100.jpg"></div>
     <div data-src="//img.dlsite.jp/modpub/images2/work/professional/VJ012000/VJ011276_img_smpa3.jpg" data-width="640" data-height="360" data-thumb="//img.dlsite.jp/resize/images2/work/professional/VJ012000/VJ011276_img_smpa3_100x100.jpg"></div>
@@ -608,7 +657,6 @@ if (loginchecked & 1) {
   </div>
   <div v-cloak class="work_slider_comp" v-if="items.length > 1">
 
-    <a rel="noopener" href="https://www.dlsite.com/soft/popup/=/file/smp1/product_id/VJ011276.html" target="_blank">HTML版で表示</a>
 
     <!-- 枚数 -->
     <span v-t="{ path: 'product.slider.totalImages', args: [items.length] }"></span>
@@ -1576,6 +1624,19 @@ jQuery(function($){
                      rel="noopener" target="_blank">純百合異世界アドベンチャー、ことのはアムリラート</a>
                 </p>
               </div>
+            </li>
+                      <li class="matome_box_inner swiper-slide">
+              <div class="matome_content">
+                <div class="matome_img_main">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/50468?dls=&k_matome_soft_pc" target="_blank">
+                    <img src="https://media.dlsite.com/proxy/afd7ce7c02525bd8ea26417a8f05d21de235bdbb/687474703a2f2f6c697665646f6f722e626c6f67696d672e6a702f6161696562613134392f696d67732f352f332f35333335353330382e6a7067" alt="かわいい女の子同士の絡みが見れる百合ゲー"
+                         title="かわいい女の子同士の絡みが見れる百合ゲー"></a>
+                </div>
+                <p class="matome_content_title">
+                  <a href="https://ch.dlsite.com/matome/50468?dls=&k_matome_soft_pc"
+                     rel="noopener" target="_blank">かわいい女の子同士の絡みが見れる百合ゲー</a>
+                </p>
+              </div>
             </li>
                   </ul>
       </div>
@@ -1584,7 +1645,7 @@ jQuery(function($){
     </div>
     <ul class="matome_more">
               <li><p class="matome_text"><a href="https://ch.dlsite.com/antenna/319000/contents?mode=matome"
-                                      rel="noopener" target="_blank">すべてのまとめ記事を見る（4件）</a></p></li>
+                                      rel="noopener" target="_blank">すべてのまとめ記事を見る（5件）</a></p></li>
             <li class="matome_btn"><a href="https://ch.dlsite.com/matome/create" rel="noopener" target="_blank"
                                 class="btn_post size_xxl fs15"><i>まとめ記事を作成する</i></a></li>
     </ul>
@@ -1635,22 +1696,88 @@ jQuery(function($){
                       <li class="relation_content_list_item swiper-slide">
               <div class="content_item">
                 <div class="content_item_img">
-                  <a rel="noopener" href="http://www.nijiyome.com/app/start/533?en=dlsite&em=banner&et=pc_work_detail_app553_1907" target="_blank">
-                    <img src="//media.dlsite.com/bcs/dlchannel/1564498800/bn_be05309736932d07b9e6f3fa70c347beece5b886.jpg" alt="【最大虹石3,000個無料！】事前登録だけでスタートダッシュ報酬GET♪事前登録受付中"></a>
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/52371?from=event_matome_2001_2019n_ranking" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlchannel/1580396400/bn_75c506e875d7eaba40d8397c60c1710f6b8723c7.jpg" alt="DLsite2019年の年間ランキングを公開中"></a>
                 </div>
                 <p class="content_item_title">
-                  <a rel="noopener" href="http://www.nijiyome.com/app/start/533?en=dlsite&em=banner&et=pc_work_detail_app553_1907" target="_blank">【にじよめ】最大虹石3,000個｜事前登録で無料報酬GET♪</a>
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/52371?from=event_matome_2001_2019n_ranking" target="_blank">DLsite2019年の年間ランキングを公開中</a>
                 </p>
               </div>
             </li>
                       <li class="relation_content_list_item swiper-slide">
               <div class="content_item">
                 <div class="content_item_img">
-                  <a rel="noopener" href="https://ch.dlsite.com/matome/40504?from=event_matome_normal_2019a_ranking" target="_blank">
-                    <img src="//media.dlsite.com/bcs/dlchannel/1567177200/bn_e410dc8d4f9fbd636d283dbc2f8ed22531ce4adf.jpg" alt="DLsite上半期ランキングを公開中"></a>
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/52782?from=event_matome_1912_ci-en_iitokoro" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1577718000/bn_afb5bcd2803177e7c34b80a6704244d212aa973f.jpg" alt="Ci-enのいいとこ！ 見てみたい！ フォロー＆RTキャンペーン実施中！"></a>
                 </div>
                 <p class="content_item_title">
-                  <a rel="noopener" href="https://ch.dlsite.com/matome/40504?from=event_matome_normal_2019a_ranking" target="_blank">DLsite上半期ランキングを公開中</a>
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/52782?from=event_matome_1912_ci-en_iitokoro" target="_blank">Ci-enのいいとこ！ 見てみたい！ フォロー＆RTキャンペーン実施中！</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://ch.dlsite.com/campaign/illust1912?from=event_matome_1912_atena_illustcontest" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1577718000/bn_0ac01ec3f5ae7e4cebe048b835d4bfd382f606d4.jpg" alt="大賞10万円！ アテナちゃんイラストコンテスト"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://ch.dlsite.com/campaign/illust1912?from=event_matome_1912_atena_illustcontest" target="_blank">大賞10万円！ アテナちゃんイラストコンテスト</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/49256?from=event_matome_1912_nijilive" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1577718000/bn_84e9d9b42103aa2e2dd6cd6989c822dab9a7a5f1.jpg" alt="【にじいろLive】リリース開始！ スマホで遊べるネイティブアプリ!!"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/49256?from=event_matome_1912_nijilive" target="_blank">【にじいろLive】リリース開始！ スマホで遊べるネイティブアプリ!!</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/41892?from=event_matome_1910_dlsitestudio_circle50off" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1572447600/bn_6f1b9f3724ee925e1554d2c1ee396a68973796d8.jpg" alt="DLsiteに音声作品スタジオができました【登録サークル様は初回スタジオ利用料50％OFF】"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/41892?from=event_matome_1910_dlsitestudio_circle50off" target="_blank">DLsiteに音声作品スタジオができました【登録サークル様は初回スタジオ利用料50％OFF】</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/51166?from=event_matome_1912_illegalupload" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1577718000/bn_d26efad5f5e1d9bddbd890e0017c6b256a4fe498.jpg" alt="【サークル向け】違法アップロード監視システムの巡回結果が確認できるようになりました！"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/51166?from=event_matome_1912_illegalupload" target="_blank">【サークル向け】違法アップロード監視システムの巡回結果が確認できるようになりました！</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/45712?from=event_matome_1910_affiliate" target="_blank">
+                    <img src="//media.dlsite.com/bcs/dlsite/1572447600/bn_6007ace913dc512eef1739ca8451fc77bfec01b8.jpg" alt="5分でできるスマホでアフィリエイト"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://ch.dlsite.com/matome/45712?from=event_matome_1910_affiliate" target="_blank">5分でできるスマホでアフィリエイト</a>
+                </p>
+              </div>
+            </li>
+                      <li class="relation_content_list_item swiper-slide">
+              <div class="content_item">
+                <div class="content_item_img">
+                  <a rel="noopener" href="https://www.dlsite.com/maniax/promo/ayakashinostalgia" >
+                    <img src="//media.dlsite.com/bcs/dlsite/1572447600/bn_10638d103c8ff72f4e6220f3a5184651d2386fce.jpg" alt="あやかし郷愁譚 全購入で豪華特典をプレゼントするキャンペーン"></a>
+                </div>
+                <p class="content_item_title">
+                  <a rel="noopener" href="https://www.dlsite.com/maniax/promo/ayakashinostalgia" target="_blank">あやかし郷愁譚 全購入で豪華特典をプレゼントするキャンペーン</a>
                 </p>
               </div>
             </li>
@@ -1729,6 +1856,7 @@ $(function () {
 </div>
 <!-- /main -->
 
+
 </div>
 <!-- /wrapper -->
 
@@ -1835,7 +1963,7 @@ $(function () {
         <div class="pre_work_message">
           <span class="title">販売開始予定</span>
           <span class="date">12月22日 0時</span>
-          <span class="note">※状況により販売延期される&lt;br /&gt;場合もあります</span>
+          <span class="note">※状況により販売延期される<br>場合もあります</span>
         </div>
       </template>
       <template v-else-if=" ! product.is_sale && product.on_sale && ! is_check">
@@ -1890,10 +2018,16 @@ $(function () {
 
         <!-- お気に入り -->
         <p v-if="is_check" class="work_favorite"><a class="btn_favorite" v-t="favorite.add_fav"><!-- お気に入りに追加 --></a></p>
+        <p v-if="! user.customer_id && ! is_favorite" class="work_favorite"><a :href="link.favorite" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
         <p v-else-if="user.customer_id && ! is_favorite" class="work_favorite"><a @click.prevent="addFavorite({ product_id:product.product_id })" href="https://www.dlsite.com/soft/mypage/wishlist/=/product_id/VJ011276.html" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
-        <p v-else-if="! user.customer_id && ! is_favorite" class="work_favorite"><a @click.prevent="showPopup()" href="https://www.dlsite.com/soft/mypage/wishlist/=/product_id/VJ011276.html" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
         <p v-else class="work_favorite"><a href="https://www.dlsite.com/soft/mypage/wishlist/=/product_id/VJ011276.html" class="btn_favorite" :class="{ btn_favorite_in: is_favorite }">{{ is_favorite ? $t('favorite.in_fav') : $t('favorite.add_fav') }}</a></p>
 
+        <!-- 購入済み作品の場合、マイ評価ページへのリンクを表示する -->
+        <template v-if="is_bought" v-cloak>
+          <div v-if="is_myrated" class="work_rating" v-cloak><a href="https://www.dlsite.com/soft/mypage/short-review" class="btn_rating_in">作品評価済み</a></div>
+          <div v-else class="work_rating" v-cloak><a href="https://www.dlsite.com/soft/mypage/short-review" class="btn_rating">作品を評価する</a></div>
+        </template>
+
         <div v-show="is_display_cart_popup" class="add_cart_popup_container">
           <div class="add_cart_popup">
             <p class="add_cart_title" v-t="'cart.added_cart'"><!-- カートに追加しました --></p>
@@ -1905,7 +2039,6 @@ $(function () {
         </div>
       </template>
 
-      <login-guidance :is-display-popup="is_display_popup" :type="'work'"></login-guidance>
     </div>
     
   </div>
@@ -1916,7 +2049,7 @@ $(function () {
         <div class="work_buy_container">
           <div class="work_buy_body">
             <div class="work_buy_label">価格</div>
-            <div class="work_buy_content"><span class="price">3,800<i>円</i></span></div>
+            <div class="work_buy_content"><span class="price">3,870<i>円</i></span></div>
           </div>
                     <div class="work_buy_body">
             <div class="work_buy_label">ポイント</div>
@@ -1940,7 +2073,7 @@ $(function () {
     <div class="cart_box_body">
       <div class="cart_box_body_inner">
         <div class="work_thumb">
-          <img src="//img.dlsite.jp/modpub/images2/work/professional/VJ012000/VJ011276_img_sam.jpg" alt="ことのはアムリラート [SukeraSparo]" title="ことのはアムリラート [SukeraSparo]"  class="target_type" />
+          <img src="//img.dlsite.jp/modpub/images2/work/professional/VJ012000/VJ011276_img_sam.jpg" alt="ことのはアムリラート [SukeraSparo]"  class="target_type" />
         </div>
         
         <template v-if="product.is_rental">
@@ -2023,13 +2156,21 @@ $(function () {
       <ul>
         <li v-if="gift && gift.title">
           <p class="label bonus_code">{{ gift.title }}</p>
-          <p v-if="gift.distribute_end_str" class="period">{{ gift.distribute_end_str }}</p>
+          <p v-if="gift.distribute_end_str" class="distribution_period">
+          
+                        {{ gift.distribute_end_str }}まで配布中          
+          </p>
           <p class="body" v-html="gift.description"></p>
         </li>
         <li v-for="coupon in coupons">
           <p class="label coupon" :class="{ type_work: coupon.issue.product_id, type_maker: coupon.issue.maker_id, type_price: ! coupon.issue.product_id && ! coupon.issue.maker_id }">{{ coupon.coupon_name }}</p>
-          <p v-if="coupon.end_date_str" class="period">{{ coupon.end_date_str }}</p>
+          <p v-if="coupon.end_date_str" class="distribution_period" :class="{ type_work: coupon.issue.product_id, type_maker: coupon.issue.maker_id, type_price: ! coupon.issue.product_id && ! coupon.issue.maker_id }">{{ coupon.end_date_str }}まで配布中</p>
           <p class="body" v-html="coupon.info"></p>
+          <p v-if="coupon.user_limit_date" class="period"><span>有効期限：</span>{{ coupon.user_limit_date }}</p>
+          <p v-else-if="coupon.limit_days_day" class="period">
+          
+                        <span>有効期限：</span>取得から{{ coupon.limit_days_day }}日後          
+          </p>
         </li>
       </ul>
     </div>
@@ -2039,7 +2180,8 @@ $(function () {
 
   <div id="work_device_guide">
     <p class="separate_title"><span>閲覧可能な環境</span></p>
-    <table>
+    <div class="work_device_table_wrap">
+  <table class="work_device_table">
     <thead>
       <tr>
         <th class="dev"></th>
@@ -2049,23 +2191,21 @@ $(function () {
     </thead>
     <tbody>
       <tr>
-        <td class="label">PC</td>
+        <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_no"></span></td>
       </tr>
       <tr>
-        <td class="label">iOS</td>
-        <td><span class="dev_play_no"></span></td>
-        <td><span class="dev_play_no"></span></td>
-      </tr>
-      <tr>
-        <td class="label">Android</td>
-        <td><span class="dev_play_no"></span></td>
+        <td class="label icon_sp">スマホ</td>
+        <td>
+                        <span class="dev_play_no"></span>
+                    </td>
         <td><span class="dev_play_no"></span></td>
       </tr>
     </tbody>
   </table>
+  </div>
     
             <table class="current_os" v-if="user.os" v-cloak>
         <thead>
@@ -2138,31 +2278,59 @@ $(function () {
         <div class="list_head"><h4>販売作品</h4></div>
     <table cellspacing="0" class="same_work">
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/soft/work/=/product_id/VJ012877.html"><img src="//img.dlsite.jp/modpub/images2/work/professional/VJ013000/VJ012877_img_sam_mini.jpg" alt="クダンノフォークロア [SukeraSparo]" title="クダンノフォークロア [SukeraSparo]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/soft/work/=/product_id/VJ012877.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/professional/VJ013000/VJ012877_img_sam_mini.jpg" alt="クダンノフォークロア [SukeraSparo]" @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/professional/VJ013000/VJ012877_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="クダンノフォークロア [SukeraSparo]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
                     <span class="work_name"><a href="https://www.dlsite.com/soft/work/=/product_id/VJ012877.html">クダンノフォークロア</a></span>
-          <span class="work_price">￥3,800</span>
+          <span class="work_price">￥3,870</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/soft/work/=/product_id/VJ012496.html"><img src="//img.dlsite.jp/modpub/images2/work/professional/VJ013000/VJ012496_img_sam_mini.jpg" alt="いつかのメモラージョ ～ことのはアムリラート～ [SukeraSparo]" title="いつかのメモラージョ ～ことのはアムリラート～ [SukeraSparo]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/soft/work/=/product_id/VJ012496.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/professional/VJ013000/VJ012496_img_sam_mini.jpg" alt="いつかのメモラージョ ～ことのはアムリラート～ [SukeraSparo]" @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/professional/VJ013000/VJ012496_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="いつかのメモラージョ ～ことのはアムリラート～ [SukeraSparo]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
                     <span class="work_name"><a href="https://www.dlsite.com/soft/work/=/product_id/VJ012496.html">いつかのメモラージョ ～ことのはアムリラート～</a></span>
-          <span class="work_price">￥2,800</span>
+          <span class="work_price">￥2,850</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/soft/work/=/product_id/VJ011723.html"><img src="//img.dlsite.jp/modpub/images2/work/professional/VJ012000/VJ011723_img_sam_mini.jpg" alt="ことのはアムリラート ドラマCD 『どこでも アンリラート』 [SukeraSparo]" title="ことのはアムリラート ドラマCD 『どこでも アンリラート』 [SukeraSparo]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/soft/work/=/product_id/VJ011723.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/professional/VJ012000/VJ011723_img_sam_mini.jpg" alt="ことのはアムリラート ドラマCD 『どこでも アンリラート』 [SukeraSparo]" @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/professional/VJ012000/VJ011723_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="ことのはアムリラート ドラマCD 『どこでも アンリラート』 [SukeraSparo]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
                     <span class="work_name"><a href="https://www.dlsite.com/soft/work/=/product_id/VJ011723.html">ことのはアムリラート ドラマCD 『どこでも アンリラート』</a></span>
-          <span class="work_price">￥1,000</span>
+          <span class="work_price">￥1,010</span>
         </td>
       </tr>
               <tr>
-        <td class="work_img"><a href="https://www.dlsite.com/soft/work/=/product_id/VJ011588.html"><img src="//img.dlsite.jp/modpub/images2/work/professional/VJ012000/VJ011588_img_sam_mini.jpg" alt="ことのはアムリラート ドラマCD 『おとなの『アン』リラート』 [SukeraSparo]" title="ことのはアムリラート ドラマCD 『おとなの『アン』リラート』 [SukeraSparo]"  class="target_type" /></a></td>
+        <td class="work_img">
+          <a href="https://www.dlsite.com/soft/work/=/product_id/VJ011588.html" data-vue-component="thumb-img-popup">
+            <img src="//img.dlsite.jp/modpub/images2/work/professional/VJ012000/VJ011588_img_sam_mini.jpg" alt="ことのはアムリラート ドラマCD 『おとなの『アン』リラート』 [SukeraSparo]" @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/professional/VJ012000/VJ011588_img_main.jpg' : 'data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7'" alt="ことのはアムリラート ドラマCD 『おとなの『アン』リラート』 [SukeraSparo]">
+            </div>
+                      </a>
+        </td>
         <td class="name">
                     <span class="work_name"><a href="https://www.dlsite.com/soft/work/=/product_id/VJ011588.html">ことのはアムリラート ドラマCD 『おとなの『アン』リラート』</a></span>
-          <span class="work_price">￥1,000</span>
+          <span class="work_price">￥1,010</span>
         </td>
       </tr>
             </table>
@@ -2308,8 +2476,8 @@ $(function () {
                     <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/eng/welcome/chi">繁體中文</a></li>
-                </dl>
+                    <li class="link_list_item"><a href="https://www.dlsite.com/home/welcome">中文</a></li>
+                </ul>
             </div>
         </div>
     </div>
@@ -2342,7 +2510,7 @@ $(function () {
 <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&_=1567559800"></script>
+<script type="text/javascript" src="/vue/js/pc/app.js?cdn_cache=1&v=0.1.2&_=1578552328"></script>
 
 
 <script type="text/javascript">
@@ -2376,15 +2544,10 @@ div.measure_tag {
 }
 </style>
 
-<div class="measure_tag">
-
-
-
-
-</div>
+<div class="measure_tag"></div>
 
 
 <!-- /script_footer -->
-<script type="text/javascript">var contents = {"impression":[],"detail":[{"id":"VJ011276","name":"\u3053\u3068\u306e\u306f\u30a2\u30e0\u30ea\u30e9\u30fc\u30c8","category":"soft","brand":"VG02531","price":3519,"regist_date":"2017\/12\/22","image_main":"\/\/img.dlsite.jp\/modpub\/images2\/work\/professional\/VJ012000\/VJ011276_img_main.jpg","restore_price":null}],"time":0.00010991096496582031};</script>
+<script type="text/javascript">var contents = {"impression":[],"detail":[{"id":"VJ011276","name":"\u3053\u3068\u306e\u306f\u30a2\u30e0\u30ea\u30e9\u30fc\u30c8","category":"soft","brand":"VG02531","price":3519,"regist_date":"2017\/12\/22","image_main":"\/\/img.dlsite.jp\/modpub\/images2\/work\/professional\/VJ012000\/VJ011276_img_main.jpg","restore_price":null}],"time":0.00014901161193847656};</script>
 </body>
 </html>

tests/fixture/HentaiFoundry/illust.html

@@ -0,0 +1,350 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
+	<meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+	<link rel="stylesheet" type="text/css" href="//img.hentai-foundry.com/themes/Dark/css/default.css?ver=1497240029" title="Default CSS" />
+
+	<link rel="shortcut icon" href="//img.hentai-foundry.com/themes/Dark/favicon.ico" type="image/x-icon" />
+	<link rel="search" type="application/opensearchdescription+xml" 
+		title="Search Hentai Foundry" 
+		href="/search/OpenSearchDescription"
+		/>
+
+	<!--[if lt IE 9]>
+	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
+	</script>
+	<![endif]-->	
+	
+	<meta name="description" content="gift for Liru" />	<meta name="keywords" content="witch futa" />	
+	<link title="Comments Feed" rel="alternate" type="application/atom+xml" href="/feed/PictureComments/id/723498" />
+<link rel="stylesheet" type="text/css" href="//img.hentai-foundry.com/themes/default/js/qtip2.2.1/jquery.qtip.min.css" />
+<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
+<script type="text/javascript" src="//img.hentai-foundry.com/themes/default/js/qtip2.2.1/jquery.qtip.min.js" async="async"></script>
+<title>Witchcraft by DevilHS - Hentai Foundry</title>
+	<script type="text/javascript" src="//img.hentai-foundry.com/themes/default/js/util.js?ver=20170507"></script>
+<link rel="meta" href="//img.hentai-foundry.com/themes/Hentai/labels.rdf" type="application/rdf+xml" title="ICRA labels" />
+<meta http-equiv="PICS-Label" content='(PICS-1.1 "http://www.icra.org/pics/vocabularyv03/" l gen true for "http://hentai-foundry.com" r (n 3 s 3 v 0 l 2 oa 0 ob 0 oc 0 od 0 oe 0 of 0 og 0 oh 0 c 3)  gen true for "http://www.hentai-foundry.com" r (n 3 s 3 v 0 l 2 oa 0 ob 0 oc 0 od 0 oe 0 of 0 og 0 oh 0 c 3))' />
+<meta http-equiv="PICS-Label" content='(PICS-1.1 "http://www.classify.org/safesurf/" L gen true for "http://www.hentai-foundry.com/" r (SS~~000 9 SS~~001 5 SS~~002 5 SS~~003 5 SS~~004 9 SS~~005 5 SS~~007 5 SS~~008 5 SS~~009 9 SS~~00A 5))' />
+<meta name="RATING" content="RTA-5042-1996-1400-1577-RTA" />
+
+<link rel="stylesheet" type="text/css" href="//img.hentai-foundry.com/themes/default/css/activebar.css" />
+<script type="text/javascript" src="//img.hentai-foundry.com/themes/default/js/activebar.js"></script>
+
+<script type="text/javascript">
+	var noadblocker=false;
+</script>
+<script type="text/javascript" src="//img.hentai-foundry.com/themes/default/js/ads.js"></script>
+<script type="text/javascript">
+	if(!noadblocker)
+		document.addEventListener("DOMContentLoaded", function() { setTimeout(adBar, 1000) } );
+</script>
+</head>
+<body id="pictures_view">
+<header>
+        <a href="/site/index">
+		<img src="//img.hentai-foundry.com/themes/Dark/images/logo.png" border="0" alt="Logo" title="Logo" id="logo"/>
+	</a>
+	    <div id="searchBox">
+        <form action="/search/index" method="get">
+		<input type="text" name="query" />
+		<input type="submit" value="Search" />
+	    <br />
+	    <a class="navlink" href="/search/index">Advanced Search</a>        </form>
+    </div>
+
+    <div id='headerLogin'>
+        <form action="/site/login" method="post">
+<input type="hidden" value="SHpiT1dzOXpYRU50OVZzRXZOSWp-dzZnTTlmV3U1ck16J9k70kDwVW5YeySDxE7l5lbXi0wmIwy8jihTTFdr3w==" name="YII_CSRF_TOKEN" />            Username <input type="text" name="LoginForm[username]" /> &nbsp; 
+            Password <input type="password" name="LoginForm[password]" /> &nbsp; 
+            <input type="submit" value="Login" />
+	    <br />
+                Remember <input type="checkbox" value="1" name="LoginForm[rememberMe]" style="background: #676573;" /> 
+                &nbsp; <a class='navlink' href="/users/create">Register</a> &nbsp; 
+                | &nbsp; <a class='navlink' href="/users/LostPassword">Forgot your password?</a>
+        </form>
+    </div>
+</header>
+
+<nav id="mainmenu">
+	<input id="menuToggleCheckbox" type="checkbox" />
+	<label for="menuToggleCheckbox" id="menuToggle">&#8801;<span>MENU</span></label>
+	<div id="filtersButton"><a onClick="ths = $(this); jQuery(&#039;#FilterBox&#039;).css({top: ths.offset().top, left: ths.offset().left + ths.outerWidth() + 10}); jQuery(&#039;#FilterBox&#039;).toggle(500); return false;" href="#"><i class="fa fa-list"></i> FILTERS</a></div><aside class="box lvl1" id="FilterBox">
+<h2 class="titleSemantic">Filters</h2><div class="boxheader">
+<div class="boxtitle">Filters <a style="float: right;" href="#" onClick="jQuery('#FilterBox').toggle(500); return false;">X</a></div>
+</div>
+<div class="boxbody">
+<form action="/pictures/user/DevilHS/723498/Witchcraft" method="post">
+<input type="hidden" value="SHpiT1dzOXpYRU50OVZzRXZOSWp-dzZnTTlmV3U1ck16J9k70kDwVW5YeySDxE7l5lbXi0wmIwy8jihTTFdr3w==" name="YII_CSRF_TOKEN" /><div class='filter_div rating_nudity'>
+		                <label for='rating_nudity'><span style='font-size: 75%'>Show</span> Nudity <span class='rating lvl2' title='Nudity'>N</span></label><select class="ratingListBox" name="rating_nudity" id="rating_nudity">
+<option value="0">None</option>
+<option value="1">Mild Nudity</option>
+<option value="2">Moderate Nudity</option>
+<option value="3" selected="selected">Explicit Nudity</option>
+</select></div><div class='filter_div rating_violence'>
+		                <label for='rating_violence'><span style='font-size: 75%'>Show</span> Violence <span class='rating lvl2' title='Violence'>V</span></label><select class="ratingListBox" name="rating_violence" id="rating_violence">
+<option value="0">None</option>
+<option value="1">Comic or Mild Violence</option>
+<option value="2">Moderate Violence</option>
+<option value="3" selected="selected">Explicit or Graphic Violence</option>
+</select></div><div class='filter_div rating_profanity'>
+		                <label for='rating_profanity'><span style='font-size: 75%'>Show</span> Profanity <span class='rating lvl2' title='Profanity'>L</span></label><select class="ratingListBox" name="rating_profanity" id="rating_profanity">
+<option value="0">None</option>
+<option value="1">Mild Profanity</option>
+<option value="2">Moderate Profanity</option>
+<option value="3" selected="selected">Proliferous or Severe Profanity</option>
+</select></div><div class='filter_div rating_racism'>
+		                <label for='rating_racism'><span style='font-size: 75%'>Show</span> Racism <span class='rating lvl2' title='Racism'>R</span></label><select class="ratingListBox" name="rating_racism" id="rating_racism">
+<option value="0">None</option>
+<option value="1">Mild Racist themes or content</option>
+<option value="2">Racist themes or content</option>
+<option value="3" selected="selected">Strong racist themes or content</option>
+</select></div><div class='filter_div rating_sex'>
+		                <label for='rating_sex'><span style='font-size: 75%'>Show</span> Sexual content <span class='rating lvl2' title='Sexual content'>Sx</span></label><select class="ratingListBox" name="rating_sex" id="rating_sex">
+<option value="0">None</option>
+<option value="1">Mild suggestive content</option>
+<option value="2">Moderate suggestive or sexual content</option>
+<option value="3" selected="selected">Explicit or adult sexual content</option>
+</select></div><div class='filter_div rating_spoilers'>
+		                <label for='rating_spoilers'><span style='font-size: 75%'>Show</span> Spoiler Warning <span class='rating lvl2' title='Spoiler Warning'>Sp</span></label><select class="ratingListBox" name="rating_spoilers" id="rating_spoilers">
+<option value="0">None</option>
+<option value="1">Mild Spoiler Warning</option>
+<option value="2">Moderate Spoiler Warning</option>
+<option value="3" selected="selected">Major Spoiler Warning</option>
+</select></div><div class='filter_div rating_yaoi'>
+		                <label for='rating_yaoi'><span style='font-size: 75%'>Show</span> Yaoi <span class='rating lvl2' title='Shonen-ai (male homosexual) context'>♂♂</span></label><input type="hidden" value="0" name="rating_yaoi" /><input class="ratingCheckbox" checked="checked" type="checkbox" value="1" name="rating_yaoi" id="rating_yaoi" /></div><div class='filter_div rating_yuri'>
+		                <label for='rating_yuri'><span style='font-size: 75%'>Show</span> Yuri <span class='rating lvl2' title='Shoujo-ai (female homosexual) context'>♀♀</span></label><input type="hidden" value="0" name="rating_yuri" /><input class="ratingCheckbox" checked="checked" type="checkbox" value="1" name="rating_yuri" id="rating_yuri" /></div><div class='filter_div rating_teen'>
+		                <label for='rating_teen'><span style='font-size: 75%'>Show</span> Teen <span class='rating lvl2' title='Teen content'>T</span></label><input type="hidden" value="0" name="rating_teen" /><input class="ratingCheckbox" type="checkbox" value="1" name="rating_teen" id="rating_teen" /></div><div class='filter_div rating_guro'>
+		                <label for='rating_guro'><span style='font-size: 75%'>Show</span> Guro <span class='rating lvl2' title='Gore, scat, similar macabre content'>G</span></label><input type="hidden" value="0" name="rating_guro" /><input class="ratingCheckbox" type="checkbox" value="1" name="rating_guro" id="rating_guro" /></div><div class='filter_div rating_furry'>
+		                <label for='rating_furry'><span style='font-size: 75%'>Show</span> Furry <span class='rating lvl2' title='Anthropomorphic/furry content'>F</span></label><input type="hidden" value="0" name="rating_furry" /><input class="ratingCheckbox" type="checkbox" value="1" name="rating_furry" id="rating_furry" /></div><div class='filter_div rating_beast'>
+		                <label for='rating_beast'><span style='font-size: 75%'>Show</span> Beast <span class='rating lvl2' title='Bestiality'>B</span></label><input type="hidden" value="0" name="rating_beast" /><input class="ratingCheckbox" type="checkbox" value="1" name="rating_beast" id="rating_beast" /></div><div class='filter_div rating_male'>
+		                <label for='rating_male'><span style='font-size: 75%'>Show</span> Male <span class='rating lvl2' title='Contains male nudity'>♂</span></label><input type="hidden" value="0" name="rating_male" /><input class="ratingCheckbox" checked="checked" type="checkbox" value="1" name="rating_male" id="rating_male" /></div><div class='filter_div rating_female'>
+		                <label for='rating_female'><span style='font-size: 75%'>Show</span> Female <span class='rating lvl2' title='Contains female nudity'>♀</span></label><input type="hidden" value="0" name="rating_female" /><input class="ratingCheckbox" checked="checked" type="checkbox" value="1" name="rating_female" id="rating_female" /></div><div class='filter_div rating_futa'>
+		                <label for='rating_futa'><span style='font-size: 75%'>Show</span> Futa <span class='rating lvl2' title='Contains Futanari/Dickgirl/Transgender/Hermaphrodite subject'>Tg</span></label><input type="hidden" value="0" name="rating_futa" /><input class="ratingCheckbox" type="checkbox" value="1" name="rating_futa" id="rating_futa" /></div><div class='filter_div rating_other'>
+		                <label for='rating_other'><span style='font-size: 75%'>Show</span> Other <span class='rating lvl2' title='Other offensive content'>!?</span></label><input type="hidden" value="0" name="rating_other" /><input class="ratingCheckbox" type="checkbox" value="1" name="rating_other" id="rating_other" /></div><div class='filter_div rating_scat'>
+		                <label for='rating_scat'><span style='font-size: 75%'>Show</span> Scat <span class='rating lvl2' title='Scat/Coprophilia/Feces'>💩</span></label><input type="hidden" value="0" name="rating_scat" /><input class="ratingCheckbox" type="checkbox" value="1" name="rating_scat" id="rating_scat" /></div><div class='filter_div rating_incest'>
+		                <label for='rating_incest'><span style='font-size: 75%'>Show</span> Incest <span class='rating lvl2' title='Incest'>I</span></label><input type="hidden" value="0" name="rating_incest" /><input class="ratingCheckbox" type="checkbox" value="1" name="rating_incest" id="rating_incest" /></div><div class='filter_div rating_rape'>
+		                <label for='rating_rape'><span style='font-size: 75%'>Show</span> Rape <span class='rating lvl2' title='Non-consensual/Rape/Forced'>Nc</span></label><input type="hidden" value="0" name="rating_rape" /><input class="ratingCheckbox" type="checkbox" value="1" name="rating_rape" id="rating_rape" /></div><br /><div class='filter_div filter_media'><label for="filter_media">Limit Media to</label><select name="filter_media" id="filter_media">
+<option value="A" selected="selected">All</option>
+<optgroup label="Traditional media">
+<optgroup label=".. Drawings">
+<option value="1">Charcoal</option>
+<option value="2">Colored Pencil / Crayon</option>
+<option value="3">Ink or markers</option>
+<option value="4">Oil pastels</option>
+<option value="5">Graphite pencil</option>
+<option value="6">Other drawing</option>
+</optgroup>
+<optgroup label=".. Paintings">
+<option value="11">Airbrush</option>
+<option value="12">Acrylics</option>
+<option value="13">Oils</option>
+<option value="14">Watercolor</option>
+<option value="15">Other painting</option>
+</optgroup>
+<optgroup label=".. Crafts / Physical art">
+<option value="21">Plushies</option>
+<option value="22">Sculpture</option>
+<option value="23">Other crafts</option>
+</optgroup>
+</optgroup>
+<optgroup label="Digital media (CG)">
+<option value="31">3D modelling</option>
+<option value="33">Digital drawing or painting</option>
+<option value="36">MS Paint</option>
+<option value="32">Oekaki</option>
+<option value="34">Pixel art</option>
+<option value="35">Other digital art</option>
+</optgroup>
+<option value="0">Unspecified</option>
+</select></div><div class='filter_div filter_order'><label for="filter_order">Sort By</label><select name="filter_order" id="filter_order">
+<option value="date_new" selected="selected">Date Submitted (Newest)</option>
+<option value="date_old">Date Submitted (Oldest)</option>
+<option value="update_new">Date updated (Newest)</option>
+<option value="update_old">Date updated (Oldest)</option>
+<option value="a-z">Title A-z</option>
+<option value="z-a">Title z-A</option>
+<option value="views most">Views (most first)</option>
+<option value="rating highest">rating (highest first)</option>
+<option value="comments most">Comments (most first)</option>
+<option value="faves most">Faves (most first)</option>
+<option value="popularity most">Popularity (highest first)</option>
+</select></div><div class='filter_div filter_type'><label for="filter_type">Limit Pictures to</label><select name="filter_type" id="filter_type">
+<option value="0" selected="selected">All</option>
+<option value="1">Regular Pictures</option>
+<option value="2">Flash Submissions</option>
+</select></div><input type="submit" name="yt1" value="Apply" id="yt1" /><input onClick="jQuery(&#039;#FilterBox&#039;).toggle(500);" name="yt2" type="button" value="Close" /></form></div>
+</aside><ul id="yw12">
+<li><a href="/site/about">About</a></li>
+<li><a href="//forums.hentai-foundry.com/viewforum.php?f=13">FAQ</a></li>
+<li><a href="//forums.hentai-foundry.com/">Forums</a></li>
+<li><a href="https://discord.gg/t9ukHX2">Discord</a></li>
+<li><a href="/category/browse">Browse Categories</a></li>
+<li><a href="/users/byletter">Browse Users</a></li>
+<li onclick=";" style="cursor: pointer"><a>Browse Submissions</a>
+<ul>
+<li><a href="/pictures/featured">Featured Submissions</a></li>
+<li><a href="/pictures/recent">Recent Submissions</a></li>
+<li><a href="/pictures/popular">Popular Submissions</a></li>
+<li><a href="/pictures/random">Random Submissions</a></li>
+</ul>
+</li>
+</ul></nav>
+<main>
+<h1 class="titleSemantic">Witchcraft</h1><center><p>
+<!-- Slot number 4 --><a href='http://www.hentaiunited.com/'><img title="" src="//img.hentai-foundry.com/themes/Hentai/images/h-united/hu8.png" alt="" /></a></p></center>
+
+	
+<div class="container" id="page">
+	<div class="breadcrumbs">
+<a href="/">Home</a> &raquo; <a href="/user/DevilHS/profile">DevilHS</a> &raquo; <a href="/pictures/user/DevilHS">Pictures</a> &raquo; <span>Witchcraft</span></div><!-- breadcrumbs -->
+
+	
+	<section class="box lvl1" id="picBox">
+<h2 class="titleSemantic">Witchcraft</h2><div class="boxheader">
+<div class="boxtitle"><span class="imageTitle">Witchcraft</span> <small>by</small> <a href="/user/DevilHS/profile">DevilHS</a> </div>
+</div>
+<div class="boxbody">
+<img width="929" height="1123" class="center" src="//pictures.hentai-foundry.com/d/DevilHS/723498/DevilHS-723498-Witchcraft.png" alt="Witchcraft by DevilHS" /></div>
+<div class="boxfooter">    </div>
+</section><section class="box lvl1" id="descriptionBox">
+<h2 class="titleSemantic">Description</h2><div class="boxheader">
+<div class="boxtitle">Description</div>
+</div>
+<div class="boxbody">
+<a href="/user/DevilHS/profile"><img style="float: left" title="DevilHS" src="//avatars.hentai-foundry.com/234691.jpg" alt="DevilHS" /></a><div class='picDescript'>gift for Liru</div></div>
+</section><section class="box lvl1" id="yw0">
+<h2 class="titleSemantic">General Info</h2><div class="boxheader">
+<div class="boxtitle">General Info</div>
+</div>
+<div class="boxbody">
+<div id="favoritesDialog">
+</div><table>
+		<tr><td><b>Ratings</b></td>		<td><div class='ratings_box'><span class='rating lvl3' title='Nudity'>N</span><span class='rating lvl3' title='Sexual content'>Sx</span><span class='rating lvl2' title='Contains female nudity'>♀</span><span class='rating lvl2' title='Contains Futanari/Dickgirl/Transgender/Hermaphrodite subject'>Tg</span></div></td>		<td><b>Comments</b></td>	<td>11</td></tr>
+		<tr><td><b>Category</b></td>		<td><span class="categoryBreadcrumbs">
+<a href="/categories/4/Original/pictures">Original</a> &raquo; <a href="/categories/13/Original/Futanari-Dickgirls/pictures">Futanari (Dickgirls)</a></span></td>		<td><b>Media</b></td>		<td>Digital drawing or painting</td></tr>
+		<tr><td><b>Date Submitted</b></td>	<td><time datetime='2019-07-25T19:29:48-07:00'>July 25, 2019, 7:29:48 PM</time></td>	<td><b>Time Taken</b></td>	<td></td></tr>
+		<tr><td><b>Views</b></td>		<td>20597</td>		<td><b>Reference</b></td>	<td></td></tr>
+		<tr><td><b><a href="#" id="yt0">Favorites...</a></b></td>	<td>876</td>	<td><b>Keywords</b></td>	<td><a rel="tag" href="/search/index?query=witch&amp;search_in=keywords">witch</a>, <a rel="tag" href="/search/index?query=futa&amp;search_in=keywords">futa</a></td></tr>
+		<!-- <tr><td></td>	<td></td>	<td><b>Tags (Beta)</b></td>	<td></td></tr> -->
+		<tr><td><b>Vote Score</b></td>		<td>649</td>			<td><b>License</b></td>		<td><span id='license'>Berne Convention</span></td></tr>
+		</table></div>
+</section><section class="box lvl1" id="comments_box">
+<h2 class="titleSemantic">Comments</h2><div class="boxheader">
+<div class="boxtitle">Comments (11) <div class="boxlinks"><a class="feedLink fa fa-rss" href="/feed/PictureComments/id/723498"></a></div></div>
+</div>
+<div class="boxbody">
+<p>You are not authorized to comment here. Your must be registered and logged in to comment</p><div style="margin-left: 0px;" id="comment_3210484"><section class="box lvl2" id="yw2">
+<h3 class="titleSemantic">Kessandra on August 15, 2019, 8:21:56 AM</h3><div class="boxheader">
+<div class="boxtitle"><a href="/user/Kessandra/profile">Kessandra</a> <small>on</small> <time datetime="2019-08-15T08:21:56-07:00">August 15, 2019, 8:21:56 AM</time><span class="commentButtons"></span></div>
+</div>
+<div class="boxbody">
+<div class="commentBody"><a class="avatar" href="/user/Kessandra/profile"><img title="Kessandra" src="//avatars.hentai-foundry.com/270836.jpg" alt="Kessandra" /></a>Looks like some beautiful magic is going on. </div></div>
+</section></div><div style="margin-left: 0px;" id="comment_3199670"><section class="box lvl2" id="yw3">
+<h3 class="titleSemantic">TrueInsanity on July 28, 2019, 4:34:52 AM</h3><div class="boxheader">
+<div class="boxtitle"><a href="/user/TrueInsanity/profile">TrueInsanity</a> <small>on</small> <time datetime="2019-07-28T04:34:52-07:00">July 28, 2019, 4:34:52 AM</time><span class="commentButtons"></span></div>
+</div>
+<div class="boxbody">
+<div class="commentBody"><a class="avatar" href="/user/TrueInsanity/profile"><img title="TrueInsanity" src="//avatars.hentai-foundry.com/336662.gif" alt="TrueInsanity" /></a>Oh hell yes</div></div>
+</section></div><div style="margin-left: 0px;" id="comment_3199196"><section class="box lvl2" id="yw4">
+<h3 class="titleSemantic">Kaze26 on July 27, 2019, 5:23:29 AM</h3><div class="boxheader">
+<div class="boxtitle"><a href="/user/Kaze26/profile">Kaze26</a> <small>on</small> <time datetime="2019-07-27T05:23:29-07:00">July 27, 2019, 5:23:29 AM</time><span class="commentButtons"></span></div>
+</div>
+<div class="boxbody">
+<div class="commentBody"><a class="avatar" href="/user/Kaze26/profile"><img title="Kaze26" src="//avatars.hentai-foundry.com/267944.jpg" alt="Kaze26" /></a><strong>Spectacular</strong></div></div>
+</section></div><div style="margin-left: 0px;" id="comment_3198544"><section class="box lvl2" id="yw5">
+<h3 class="titleSemantic">QuarterLife on July 25, 2019, 6:39:08 PM</h3><div class="boxheader">
+<div class="boxtitle"><a href="/user/QuarterLife/profile">QuarterLife</a> <small>on</small> <time datetime="2019-07-25T18:39:08-07:00">July 25, 2019, 6:39:08 PM</time><span class="commentButtons"></span></div>
+</div>
+<div class="boxbody">
+<div class="commentBody"><a class="avatar" href="/user/QuarterLife/profile"><img title="QuarterLife" src="//avatars.hentai-foundry.com/112455.gif" alt="QuarterLife" /></a>I&#039;m curious as to what she&#039;s casting, is it to help her last longer or is it why she has a cock and balls?<br />
+<br />
+Either way it&#039;s a good picture, good job, nice tight.</div></div>
+</section></div><div style="margin-left: 30px;" id="comment_3198632"><section class="box lvl2" id="yw6">
+<h3 class="titleSemantic">DevilHS on July 25, 2019, 10:59:26 PM</h3><div class="boxheader">
+<div class="boxtitle"><a href="/user/DevilHS/profile">DevilHS</a> <small>on</small> <time datetime="2019-07-25T22:59:26-07:00">July 25, 2019, 10:59:26 PM</time><span class="commentButtons"></span></div>
+</div>
+<div class="boxbody">
+<div class="commentBody"><a class="avatar" href="/user/DevilHS/profile"><img title="DevilHS" src="//avatars.hentai-foundry.com/234691.jpg" alt="DevilHS" /></a>She casted herself a magic dick.</div></div>
+</section></div><div style="margin-left: 60px;" id="comment_3198647"><section class="box lvl2" id="yw7">
+<h3 class="titleSemantic">QuarterLife on July 26, 2019, 12:00:08 AM</h3><div class="boxheader">
+<div class="boxtitle"><a href="/user/QuarterLife/profile">QuarterLife</a> <small>on</small> <time datetime="2019-07-26T00:00:08-07:00">July 26, 2019, 12:00:08 AM</time><span class="commentButtons"></span></div>
+</div>
+<div class="boxbody">
+<div class="commentBody"><a class="avatar" href="/user/QuarterLife/profile"><img title="QuarterLife" src="//avatars.hentai-foundry.com/112455.gif" alt="QuarterLife" /></a>Ah alright, not just a regular dick, but a magic dick, looks like a good dick too. :D</div></div>
+</section></div><div style="margin-left: 0px;" id="comment_3198616"><section class="box lvl2" id="yw8">
+<h3 class="titleSemantic">XSUBREADERX on July 25, 2019, 9:59:58 PM</h3><div class="boxheader">
+<div class="boxtitle"><a href="/user/XSUBREADERX/profile">XSUBREADERX</a> <small>on</small> <time datetime="2019-07-25T21:59:58-07:00">July 25, 2019, 9:59:58 PM</time><span class="commentButtons"></span></div>
+</div>
+<div class="boxbody">
+<div class="commentBody"><a class="avatar" href="/user/XSUBREADERX/profile"><img title="XSUBREADERX" src="//avatars.hentai-foundry.com/376416.jpg" alt="XSUBREADERX" /></a>Very Nice!</div></div>
+</section></div><div style="margin-left: 0px;" id="comment_3198548"><section class="box lvl2" id="yw9">
+<h3 class="titleSemantic">AceSR on July 25, 2019, 6:41:45 PM</h3><div class="boxheader">
+<div class="boxtitle"><a href="/user/AceSR/profile">AceSR</a> <small>on</small> <time datetime="2019-07-25T18:41:45-07:00">July 25, 2019, 6:41:45 PM</time><span class="commentButtons"></span></div>
+</div>
+<div class="boxbody">
+<div class="commentBody"><a class="avatar" href="/user/AceSR/profile"><img title="AceSR" src="//avatars.hentai-foundry.com/360157.gif" alt="AceSR" /></a>Nice gift</div></div>
+</section></div><div style="margin-left: 0px;" id="comment_3198498"><section class="box lvl2" id="yw10">
+<h3 class="titleSemantic">FloridasSonShines on July 25, 2019, 2:47:00 PM</h3><div class="boxheader">
+<div class="boxtitle"><a href="/user/FloridasSonShines/profile">FloridasSonShines</a> <small>on</small> <time datetime="2019-07-25T14:47:00-07:00">July 25, 2019, 2:47:00 PM</time><span class="commentButtons"></span></div>
+</div>
+<div class="boxbody">
+<div class="commentBody"><a class="avatar" href="/user/FloridasSonShines/profile"><img title="FloridasSonShines" src="//avatars.hentai-foundry.com/310539.jpg" alt="FloridasSonShines" /></a>Awesome!</div></div>
+</section></div><div style="margin-left: 0px;" id="comment_3198457"><section class="box lvl2" id="yw11">
+<h3 class="titleSemantic">Kreegan on July 25, 2019, 12:39:04 PM</h3><div class="boxheader">
+<div class="boxtitle"><a href="/user/Kreegan/profile">Kreegan</a> <small>on</small> <time datetime="2019-07-25T12:39:04-07:00">July 25, 2019, 12:39:04 PM</time><span class="commentButtons"></span></div>
+</div>
+<div class="boxbody">
+<div class="commentBody"><a class="avatar" href="/user/Kreegan/profile"><img title="Kreegan" src="//avatars.hentai-foundry.com/227005.jpg" alt="Kreegan" /></a>Great :D<br />
+</div></div>
+</section></div></div>
+<div class="commentsFooter"></div>
+</section>
+</div><!-- page -->
+</main>
+	
+<footer id="footer">
+	<div id="footerText">Site Copyright © 2006-2019 All Rights Reserved<br />Site design by <a href="/user/Sticky/profile">Sticky</a><br />
+<br />Art and stories Copyright their artists/writers<br />
+Series & Characters Copyright their respective creators/studios<br />
+<p>All characters depicted are 18 or older, even if otherwise specified. </p><!-- IPv6-test.com button BEGIN -->
+<a href='http://ipv6-test.com/validate.php?url=referer'>
+	<img src='//img.hentai-foundry.com/themes/default/images/button-ipv6-80x15.png' alt='ipv6 ready' title='ipv6 ready' border='0' />
+</a>
+<!-- IPv6-test.com button END --><br /><img title="" src="//img.hentai-foundry.com/themes/Hentai/images/icra_sw.gif" alt="" /> <img title="" src="//img.hentai-foundry.com/themes/Hentai/images/88x31_RTA-5042-1996-1400-1577-RTA_c.gif" alt="" /></div>
+<br />
+<center>
+
+
+</center>
+<br />
+
+<script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-620339-3', {'cookieDomain': 'www.hentai-foundry.com'});
+  ga('set', 'anonymizeIp', true);
+  ga('send', 'pageview');
+
+</script></footer>
+<script type="text/javascript" src="//img.hentai-foundry.com/assets/3389c1c0/jui/js/jquery-ui.min.js"></script>
+<script type="text/javascript">
+/*<![CDATA[*/
+document.write('<img src="/site/setSize?size=' + detectResolution() + '" width=0 height=0 id=detectRes>');
+jQuery(function($) {
+jQuery('body').on('click','#yt0',function(){jQuery.ajax({'success':function(data) { $("#favoritesDialog").html(data).dialog("open"); return false; },'url':'\x2Fpictures\x2Ffans\x3Fpid\x3D723498','cache':false});return false;});
+jQuery('#favoritesDialog').dialog({'title':'Fans\x20of\x20\x22Witchcraft\x22','autoOpen':false,'width':'50\x25','height':$(window).height() / 2,'resizable':false});
+jQuery('body').on('click','#yt1',function(){jQuery.ajax({'success':function() {location.reload();},'type':'POST','url':'\x2Fsite\x2Ffilters','cache':false,'data':jQuery(this).parents("form").serialize()});return false;});
+});
+jQuery(window).on('load',function() {
+jQuery("#license").qtip({'content':'Default\x20automatic\x20international\x20copyright.\x3Cbr\x20\x2F\x3E\x0A\x3Cbr\x20\x2F\x3E\x0AMore\x20Information\x3A\x20\x3Ca\x20href\x3D\x22http\x3A\x2F\x2Fen.wikipedia.org\x2Fwiki\x2FBerne_Convention_for_the_Protection_of_Literary_and_Artistic_Works\x22\x20rel\x3D\x22nofollow\x22\x3Ehttp\x3A\x2F\x2Fen.wikipedia.org\x2Fwiki\x2FBerne_Convention_for_the_Protection_of_Literary_and_Artistic_Works\x3C\x2Fa\x3E','show':{'delay':50},'position':{'my':'top\x20center','at':'bottom\x20center'},'hide':{'delay':250,'fixed':true},'style':{'classes':'qtip\x2Dlight','tip':'top\x20center'}});
+});
+/*]]>*/
+</script>
+</body>
+</html>

webpack.mix.js

@@ -16,6 +16,7 @@ mix.js('resources/assets/js/app.js', 'public/js')
     .js('resources/assets/js/home.js', 'public/js')
     .js('resources/assets/js/user/stats.js', 'public/js/user')
     .js('resources/assets/js/setting/privacy.js', 'public/js/setting')
+    .js('resources/assets/js/setting/deactivate.js', 'public/js/setting')
     .ts('resources/assets/js/checkin.ts', 'public/js')
     .sass('resources/assets/sass/app.scss', 'public/css')
     .autoload({