diff --git a/package.json b/package.json
index 75096ee5..814c1c4c 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,7 @@
       "jsx"
     ],
     "moduleNameMapper": {
-      ".+\\.(bin|jpg|jpeg|png|mp3|ogg|wav|gif)$": "identity-obj-proxy",
+      ".+\\.(bin|jpg|jpeg|png|mp3|ogg|wav|gif|svg|css)$": "identity-obj-proxy",
       "^@ml(.*)$": "<rootDir>/src/$1",
       "^@public(.*)$": "<rootDir>/public/$1"
     },
diff --git a/public/images/finger-click-icon-1.svg b/public/images/finger-click-icon-1.svg
new file mode 100644
index 00000000..cada4a4f
--- /dev/null
+++ b/public/images/finger-click-icon-1.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="20" viewBox="0 0 25 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.0798 6.17187C11.0798 5.52734 11.5537 5 12.1948 5C12.8081 5 13.3098 5.52734 13.3098 6.17187V10.5371C13.5328 10.3027 13.8395 10.1562 14.2018 10.1562C14.7594 10.1562 15.2611 10.5371 15.4563 11.0937C15.6793 10.8008 16.0416 10.625 16.4319 10.625C17.1288 10.625 17.7142 11.2109 17.7421 11.9434C17.9929 11.709 18.2996 11.5625 18.662 11.5625C19.3867 11.5625 20 12.207 20 12.9687V16.25C20 18.3301 18.3832 20 16.4319 20H14.0346C13.8952 20 13.7558 20 13.6443 19.9707C12.0833 19.8242 10.6616 18.9746 9.74173 17.6562L7.73468 14.8437C7.34442 14.3457 7.45592 13.6133 7.95768 13.2031C8.43157 12.8223 9.12846 12.9395 9.51872 13.4375L11.0798 15.6348V6.17187ZM14.2018 13.9062C14.2018 13.6719 13.9788 13.4375 13.7558 13.4375C13.505 13.4375 13.3098 13.6719 13.3098 13.9062V16.7187C13.3098 16.9824 13.505 17.1875 13.7558 17.1875C13.9788 17.1875 14.2018 16.9824 14.2018 16.7187V13.9062ZM15.5399 13.4375C15.289 13.4375 15.0939 13.6719 15.0939 13.9062V16.7187C15.0939 16.9824 15.289 17.1875 15.5399 17.1875C15.7629 17.1875 15.9859 16.9824 15.9859 16.7187V13.9062C15.9859 13.6719 15.7629 13.4375 15.5399 13.4375ZM17.7699 13.9062C17.7699 13.6719 17.5469 13.4375 17.3239 13.4375C17.073 13.4375 16.8779 13.6719 16.8779 13.9062V16.7187C16.8779 16.9824 17.073 17.1875 17.3239 17.1875C17.5469 17.1875 17.7699 16.9824 17.7699 16.7187V13.9062Z" fill="#FCFDFF"/>
+</svg>
diff --git a/public/images/finger-click-icon-2.svg b/public/images/finger-click-icon-2.svg
new file mode 100644
index 00000000..5daa8460
--- /dev/null
+++ b/public/images/finger-click-icon-2.svg
@@ -0,0 +1,7 @@
+<svg width="25" height="20" viewBox="0 0 25 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.6266 1.73511L14.6125 3.90973C14.4351 4.29029 14.0093 4.42269 13.6559 4.25791C13.2754 4.08045 13.1303 3.68187 13.3078 3.30131L14.3218 1.12668C14.4866 0.773305 14.8978 0.60105 15.2784 0.778507C15.6318 0.94329 15.7914 1.38173 15.6266 1.73511Z" fill="#FCFDFF"/>
+<path d="M19.2478 5.11149C19.3657 5.4974 19.1756 5.90514 18.8169 6.03571L16.5449 6.86262C16.1862 6.99319 15.7513 6.79038 15.6207 6.43165C15.4901 6.07293 15.693 5.638 16.0517 5.50744L18.3236 4.68052C18.6823 4.54996 19.0901 4.74009 19.2478 5.11149Z" fill="#FCFDFF"/>
+<path d="M9.40765 0.522943C9.76637 0.392378 10.1741 0.582511 10.3047 0.941236L11.1316 3.21316C11.2622 3.57189 11.0593 4.00681 10.7006 4.13738C10.3419 4.26794 9.93416 4.07781 9.77641 3.70641L8.97668 1.44716C8.81893 1.07576 9.00906 0.668016 9.40765 0.522943Z" fill="#FCFDFF"/>
+<path d="M6.03126 4.14419C5.6507 3.96673 5.23944 4.13899 5.07466 4.49236C4.8972 4.87292 5.04228 5.27151 5.42284 5.44897L7.59746 6.46301C7.95084 6.62779 8.3766 6.49539 8.55406 6.11483C8.71884 5.76146 8.55926 5.32302 8.20589 5.15823L6.03126 4.14419Z" fill="#FCFDFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.1948 5C11.5537 5 11.0798 5.52734 11.0798 6.17188V15.6348L9.51872 13.4375C9.12846 12.9395 8.43157 12.8223 7.95768 13.2031C7.45592 13.6133 7.34442 14.3457 7.73468 14.8438L9.74173 17.6562C10.6616 18.9746 12.0833 19.8242 13.6443 19.9707C13.7558 20 13.8952 20 14.0346 20H16.4319C18.3832 20 20 18.3301 20 16.25V12.9688C20 12.207 19.3867 11.5625 18.662 11.5625C18.2996 11.5625 17.9929 11.709 17.7421 11.9434C17.7142 11.2109 17.1288 10.625 16.4319 10.625C16.0416 10.625 15.6793 10.8008 15.4563 11.0938C15.2611 10.5371 14.7594 10.1562 14.2018 10.1562C13.8395 10.1562 13.5328 10.3027 13.3098 10.5371V6.17188C13.3098 5.52734 12.8081 5 12.1948 5ZM13.7558 13.4375C13.9788 13.4375 14.2018 13.6719 14.2018 13.9062V16.7188C14.2018 16.9824 13.9788 17.1875 13.7558 17.1875C13.505 17.1875 13.3098 16.9824 13.3098 16.7188V13.9062C13.3098 13.6719 13.505 13.4375 13.7558 13.4375ZM15.0939 13.9062C15.0939 13.6719 15.289 13.4375 15.5399 13.4375C15.7629 13.4375 15.9859 13.6719 15.9859 13.9062V16.7188C15.9859 16.9824 15.7629 17.1875 15.5399 17.1875C15.289 17.1875 15.0939 16.9824 15.0939 16.7188V13.9062ZM17.3239 13.4375C17.5469 13.4375 17.7699 13.6719 17.7699 13.9062V16.7188C17.7699 16.9824 17.5469 17.1875 17.3239 17.1875C17.073 17.1875 16.8779 16.9824 16.8779 16.7188V13.9062C16.8779 13.6719 17.073 13.4375 17.3239 13.4375Z" fill="#FCFDFF"/>
+</svg>
diff --git a/public/index.html b/public/index.html
index d21759b6..f70748fe 100644
--- a/public/index.html
+++ b/public/index.html
@@ -48,7 +48,7 @@
       button {
         padding: 1.5% 3%;
       }
-      
+
       #pondTextMarkdown p {
         margin: 0
       }
@@ -106,6 +106,14 @@
           font-size: calc(18px * 1024 / 930);
         }
       }
+      @media screen and (min-width: 1422px) and (min-height: 830px) {
+        #container {
+          max-width: 1280px;
+        }
+        #container-react {
+          font-size: calc(18px * 1280 / 930);
+        }
+      }
     </style>
   </head>
   <body>
diff --git a/src/oceans/components/common/Guide.jsx b/src/oceans/components/common/Guide.jsx
index a35243a0..8ffebfe1 100644
--- a/src/oceans/components/common/Guide.jsx
+++ b/src/oceans/components/common/Guide.jsx
@@ -1,15 +1,19 @@
-import React from 'react'
-import Radium from "radium";
-import Typist from "react-typist";
+import React from 'react';
+import Radium from 'radium';
+import Typist from 'react-typist';
 
-import {getState, setState} from "@ml/oceans/state";
-import guide from "@ml/oceans/models/guide";
-import soundLibrary from "@ml/oceans/models/soundLibrary";
-import styles from "@ml/oceans/styles";
-import colors from "@ml/oceans/styles/colors";
-import I18n from "@ml/oceans/i18n";
-import {Button} from "@ml/oceans/components/common";
-import arrowDownImage from "@public/images/arrow-down.png";
+import '@ml/oceans/styles/fade.css';
+
+import {getState, setState} from '@ml/oceans/state';
+import guide from '@ml/oceans/models/guide';
+import soundLibrary from '@ml/oceans/models/soundLibrary';
+import styles from '@ml/oceans/styles';
+import colors from '@ml/oceans/styles/colors';
+import I18n from '@ml/oceans/i18n';
+import {Button} from '@ml/oceans/components/common';
+import arrowDownImage from '@public/images/arrow-down.png';
+import fingerClickIcon1 from '@public/images/finger-click-icon-1.svg';
+import fingerClickIcon2 from '@public/images/finger-click-icon-2.svg';
 
 let UnwrappedGuide = class Guide extends React.Component {
   onShowing() {
@@ -48,6 +52,12 @@ let UnwrappedGuide = class Guide extends React.Component {
       setState({guideTypingTimer});
     }
 
+    const renderClickToContinueReminder =
+      state.guides === 'K5' &&
+      state.guideShowing &&
+      !currentGuide.noDimBackground &&
+      currentGuide.style !== 'Info';
+
     return (
       <div>
         {currentGuide && currentGuide.image && (
@@ -98,6 +108,20 @@ let UnwrappedGuide = class Guide extends React.Component {
                       {currentGuide.textFn(getState())}
                     </div>
                   </div>
+                  {renderClickToContinueReminder && (
+                    <div style={styles.guideClickToContinueReminderContainer}>
+                      <img
+                        src={fingerClickIcon1}
+                        alt=""
+                        style={styles.guideClickToContinueReminder1}
+                      />
+                      <img
+                        src={fingerClickIcon2}
+                        alt=""
+                        style={styles.guideClickToContinueReminder2}
+                      />
+                    </div>
+                  )}
                   {currentGuide.style === 'Info' && (
                     <Button style={styles.infoGuideButton} onClick={() => {}}>
                       {I18n.t('continue')}
diff --git a/src/oceans/styles/fade.css b/src/oceans/styles/fade.css
new file mode 100644
index 00000000..ee3f8139
--- /dev/null
+++ b/src/oceans/styles/fade.css
@@ -0,0 +1,17 @@
+@keyframes fadein {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes blink {
+  0%, 45% {
+    opacity: 0;
+  }
+  55%, 100% {
+    opacity: 1;
+  }
+}
diff --git a/src/oceans/styles/index.js b/src/oceans/styles/index.js
index b78135fb..194e62da 100644
--- a/src/oceans/styles/index.js
+++ b/src/oceans/styles/index.js
@@ -1,4 +1,4 @@
-import colors from "@ml/oceans/styles/colors";
+import colors from '@ml/oceans/styles/colors';
 
 const styles = {
   body: {
@@ -507,6 +507,24 @@ const styles = {
     padding: 20,
     opacity: 0
   },
+  guideClickToContinueReminderContainer: {
+    position: 'absolute',
+    right: '1%',
+    bottom: 0,
+    width: '5%',
+    minWidth: 25,
+    height: 15,
+    animation: '0.25s ease-in 4s 1 normal backwards running fadein'
+  },
+  guideClickToContinueReminder1: {
+    width: '100%',
+    position: 'absolute'
+  },
+  guideClickToContinueReminder2: {
+    animation: '1s linear 0.5s infinite normal none running blink',
+    width: '100%',
+    position: 'absolute'
+  },
   guideBackground: {
     backgroundColor: 'rgba(0,0,0,0.3)',
     position: 'absolute',
@@ -589,4 +607,4 @@ const styles = {
   }
 };
 
-export default styles
+export default styles;
diff --git a/webpack.config.js b/webpack.config.js
index b7f74d82..d0ea5893 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -39,7 +39,7 @@ const commonConfig = {
         ]
       },
       {
-        test: /\.(png|gif)$/,
+        test: /\.(png|gif|svg)$/,
         loader: 'url-loader',
         options: {
           limit: 8192,